:root{--ofs-purple:#59336f;--ofs-green:#009d5a;--ofs-orange:#ff7a00;--ofs-red:#ef233c;--ofs-yellow:#ffd800;--ofs-teal:#0eb6b8;--ofs-ink:#222;--ofs-soft:#fff7e7}.ofs-page{max-width:1280px;margin:0 auto;padding:24px 18px 54px}.ofs-hero,.ofs-ruka-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:28px;align-items:center;padding:42px;border-radius:24px;background:linear-gradient(135deg,#fff7df,#fffdf6);border:1px solid #f3dfb9;overflow:hidden}.ofs-hero h1,.ofs-ruka-hero h1{font-size:clamp(38px,5vw,66px);line-height:1.02;margin:12px 0;color:var(--ofs-ink)}.ofs-hero p,.ofs-ruka-hero p{font-size:18px;line-height:1.55;max-width:680px}.ofs-eyebrow{display:inline-block;text-transform:uppercase;font-size:12px;letter-spacing:1.6px;font-weight:800;color:var(--ofs-purple)}.ofs-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.ofs-btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 22px;border-radius:999px;text-decoration:none!important;font-weight:800}.ofs-btn.primary{background:var(--ofs-green);color:#fff}.ofs-btn.secondary{border:2px solid var(--ofs-purple);color:var(--ofs-purple);background:#fff}.ofs-hero-media{position:relative;text-align:center}.ofs-hero-media img{max-height:300px;max-width:100%}.ofs-hero-badge{position:absolute;right:0;top:0;display:flex;flex-direction:column;background:#fff;padding:14px;border-radius:18px;border:2px dashed #d4b7df;color:var(--ofs-purple)}.ofs-category-grid{max-width:1280px;margin:14px auto 28px;padding:0 18px;display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.ofs-category-card{display:flex;align-items:center;gap:10px;padding:16px 12px;border-radius:15px;background:#fff;border:1px solid #eee;text-decoration:none!important;color:#222;min-height:92px}.ofs-category-card:hover{transform:translateY(-3px);box-shadow:0 9px 20px rgba(89,51,111,.1)}.ofs-category-card small{display:block;margin-top:3px;line-height:1.2;color:#666}.ofs-category-icon{font-size:28px}.ofs-ruka-banner{max-width:1244px;margin:0 auto 30px;display:grid;grid-template-columns:210px 1fr auto;gap:20px;align-items:center;padding:18px 22px;border-radius:20px;background:linear-gradient(120deg,#f7edff,#fff);border:1px solid #eadcf1}.ofs-ruka-banner img{max-width:200px;max-height:110px}.ofs-ruka-banner h2{margin:0 0 3px;color:var(--ofs-purple)}.ofs-ruka-banner p{margin:0;font-size:18px;font-weight:700}.ofs-section{max-width:1280px;margin:34px auto;padding:0 18px}.ofs-section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:16px}.ofs-section-title h2{margin:4px 0 0;font-size:31px}.ofs-section-title a{font-weight:700;color:var(--ofs-purple)}.ofs-products-wrap ul.products{display:grid!important;grid-template-columns:repeat(4,1fr);gap:16px}.ofs-products-wrap ul.products:before,.ofs-products-wrap ul.products:after{display:none!important}.ofs-products-wrap ul.products li.product{width:auto!important;margin:0!important;padding:12px!important;border-radius:15px;background:#fff;border:1px solid #ece8ee}.ofs-products-wrap ul.products li.product img{border-radius:11px}.ofs-products-wrap .woocommerce-loop-product__title{font-size:15px!important}.ofs-products-wrap .price{color:var(--ofs-purple)!important;font-weight:800}.ofs-products-wrap a.button{background:var(--ofs-green)!important;color:#fff!important;border-radius:999px!important;font-size:13px!important}.ofs-occasion-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:10px}.ofs-occasion-grid a{display:flex;flex-direction:column;gap:8px;padding:16px 10px;background:#fff;border:1px solid #eee;border-radius:14px;text-decoration:none!important;color:#222;font-weight:700;text-align:center}.ofs-occasion-grid span{font-size:24px;color:var(--ofs-orange)}.ofs-split{display:grid;grid-template-columns:.8fr 1.2fr;gap:22px;align-items:center;background:#fff8e9;padding:26px;border-radius:18px}.ofs-testimonials{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.ofs-testimonials article{background:#fff;border-radius:13px;padding:15px;border:1px solid #eee}.ofs-testimonials strong{color:#ffb400}.ofs-testimonials span{font-size:12px;color:#777}.ofs-trust-bar{max-width:1244px;margin:24px auto;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:16px;border:1px solid #e5e1e8;border-radius:15px}.ofs-trust-bar div{display:flex;align-items:center;gap:10px}.ofs-trust-bar span{font-size:25px}.ofs-trust-bar p,.ofs-trust-bar small{display:block;margin:0}.ofs-ruka-hero{background:linear-gradient(135deg,#f5edff,#fff)}.ofs-ruka-hero img{max-width:100%;max-height:310px}.ofs-ruka-cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.ofs-ruka-cat-grid a{padding:22px;background:#fff;border:1px solid #eee;border-radius:14px;text-align:center;font-weight:800;color:var(--ofs-purple);text-decoration:none!important}.ofs-process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.ofs-process-grid article{padding:18px;border-radius:14px;background:#fff8e9}.ofs-process-grid span{font-size:30px;font-weight:900;color:var(--ofs-orange)}.ofs-process-grid h3{margin:8px 0}.ofs-ruka-business{max-width:1244px;margin:25px auto;padding:28px;display:flex;justify-content:space-between;align-items:center;gap:18px;border-radius:18px;background:#f2e8f7}.ofs-ruka-business h2{margin:4px 0}.ofs-contact-grid{display:grid;grid-template-columns:1fr .75fr;gap:26px;align-items:center;padding:40px;border-radius:20px;background:#fff7e7}.ofs-contact-grid h1{font-size:48px;line-height:1.05}.ofs-contact-card{padding:18px;border-radius:14px;background:#fff;border:1px solid #eee}@media(max-width:980px){.ofs-category-grid{grid-template-columns:repeat(3,1fr)}.ofs-products-wrap ul.products{grid-template-columns:repeat(3,1fr)}.ofs-occasion-grid{grid-template-columns:repeat(4,1fr)}.ofs-split{grid-template-columns:1fr}.ofs-ruka-cat-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.ofs-hero,.ofs-ruka-hero{grid-template-columns:1fr;padding:24px}.ofs-hero-media{display:none}.ofs-category-grid{grid-template-columns:1fr 1fr}.ofs-ruka-banner{grid-template-columns:1fr;text-align:center}.ofs-ruka-banner img{margin:auto}.ofs-products-wrap ul.products{grid-template-columns:repeat(2,1fr)}.ofs-occasion-grid,.ofs-process-grid,.ofs-trust-bar{grid-template-columns:repeat(2,1fr)}.ofs-testimonials{grid-template-columns:1fr}.ofs-ruka-business,.ofs-contact-grid{display:block;padding:22px}.ofs-contact-grid h1{font-size:38px}.ofs-ruka-business .ofs-btn{margin-top:12px}}
