:root{--green:#082f27;--green-2:#12614d;--mint:#e8f4ef;--cream:#f6f1e7;--gold:#d5a84f;--ink:#10221c;--muted:#66756e;--line:rgba(8,47,39,.12);--shadow:0 28px 80px rgba(8,47,39,.16)}
::selection{color:#fff;background:#1f8065}
.announcement{min-height:42px;background:linear-gradient(90deg,#041f1a,#0a3b30 48%,#041f1a);color:#f7ead0;font-weight:700;letter-spacing:.01em}
.announcement span+span:before{content:"✦";color:var(--gold)}
.site-header{min-height:84px;background:rgba(255,255,255,.88);border-bottom:1px solid rgba(8,47,39,.08);box-shadow:0 8px 30px rgba(8,47,39,.04);backdrop-filter:blur(20px) saturate(1.3)}
.brand{font-weight:800}.brand img{box-shadow:0 7px 20px rgba(8,47,39,.12)}
.site-header nav{font-weight:600}.site-header nav a{position:relative;padding:31px 0}.site-header nav a:after{content:"";position:absolute;right:0;bottom:23px;width:0;height:2px;background:var(--gold);transition:width .25s}.site-header nav a:hover:after{width:100%}
.header-cta,.primary-button,.product-button{background:linear-gradient(135deg,#1f8065,var(--green));box-shadow:0 12px 30px rgba(8,47,39,.2),inset 0 1px rgba(255,255,255,.18);font-weight:800}
.header-cta:hover,.primary-button:hover,.product-button:hover{transform:translateY(-3px);box-shadow:0 18px 36px rgba(8,47,39,.26);filter:saturate(1.12)}
.hero{min-height:720px;padding-top:76px;padding-bottom:104px;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 8% 12%,rgba(213,168,79,.18),transparent 28%),radial-gradient(circle at 88% 78%,rgba(31,128,101,.16),transparent 30%),linear-gradient(135deg,#fff 20%,#faf7f0 62%,#edf6f2)}
.hero:before{inset:0;width:auto;height:auto;right:0;top:0;border-radius:0;z-index:-2;opacity:.3;filter:none;background-image:linear-gradient(rgba(8,47,39,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(8,47,39,.035) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to left,#000,transparent 75%)}
.hero:after{content:"";position:absolute;z-index:-1;width:560px;height:560px;left:-310px;bottom:-330px;border:1px solid rgba(213,168,79,.35);border-radius:50%;box-shadow:0 0 0 75px rgba(213,168,79,.05),0 0 0 150px rgba(213,168,79,.035)}
.eyebrow{display:flex;align-items:center;gap:10px;font-weight:900;font-size:.79rem;letter-spacing:.08em}.eyebrow:before{content:"";width:34px;height:2px;border-radius:2px;background:var(--gold)}
.hero h1{font-size:clamp(3rem,5.3vw,5.8rem);line-height:1.05;letter-spacing:-.055em;text-wrap:balance}.hero h1 span{color:#1f8065}.hero h1 span:after{height:10px;background:var(--gold);bottom:-8px;transform:rotate(-1.5deg)}
.hero-lead{font-size:1.13rem;line-height:1.95}.hero-actions{margin-bottom:28px}.primary-button{min-height:56px;padding:0 30px}
.store-search>div{border-color:var(--line);background:rgba(255,255,255,.9);box-shadow:0 14px 40px rgba(8,47,39,.09)}.store-search button{background:var(--mint)}
.hero-trust{gap:12px}.hero-trust li{padding:10px 12px;border-radius:14px;transition:background .2s}.hero-trust li:hover{background:rgba(255,255,255,.62)}
.hero-visual{height:570px;perspective:1000px}.hero-visual:before{content:"";position:absolute;inset:4% 10% 2%;border-radius:50% 50% 32px 32px;background:linear-gradient(155deg,rgba(18,97,77,.16),rgba(213,168,79,.2));transform:rotate(4deg)}
.visual-main{height:500px;border:9px solid rgba(255,255,255,.82);border-radius:240px 240px 32px 32px;box-shadow:0 38px 90px rgba(8,47,39,.22)}.visual-main img{transition:transform .8s cubic-bezier(.2,.8,.2,1)}.hero-visual:hover .visual-main img{transform:scale(1.04)}
.visual-tag{border:1px solid rgba(255,255,255,.7);background:rgba(255,255,255,.84);backdrop-filter:blur(12px);font-weight:900}.visual-card{border-width:7px;box-shadow:var(--shadow);transition:transform .35s}.hero-visual:hover .visual-card-one{transform:rotate(3deg) translateY(-7px)}.hero-visual:hover .visual-card-two{transform:rotate(-3deg) translateY(-7px)}
.delivery-badge{background:radial-gradient(circle at 35% 25%,#f6dfa9,var(--gold));border:1px solid rgba(255,255,255,.65);box-shadow:0 18px 45px rgba(117,83,19,.2)}
.store-section,.categories-section,.why-us,.order-steps,.home-faq{padding-top:108px;padding-bottom:108px}.section-heading{max-width:1380px;margin-right:auto;margin-left:auto}.section-heading h2,.why-copy h2{font-size:clamp(2.2rem,3.5vw,3.5rem);letter-spacing:-.035em}
.store-section{background:linear-gradient(#fff,#fbfaf7)}.product-grid{max-width:1100px;margin:auto;grid-template-columns:repeat(2,1fr);gap:26px}.product-card:last-child{grid-column:auto;width:auto;max-width:none}.product-card{border-color:var(--line);border-radius:30px;box-shadow:0 10px 35px rgba(8,47,39,.055);transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s}.product-card:after{content:"";position:absolute;inset:auto 25px 0;height:3px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:0;transition:opacity .3s}.product-card:hover{transform:translateY(-11px);border-color:rgba(18,97,77,.25);box-shadow:0 32px 70px rgba(8,47,39,.14)}.product-card:hover:after{opacity:1}
.product-image{height:385px}.product-image:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(4,31,26,.2),transparent 36%);pointer-events:none}.product-image img{transition:transform .65s cubic-bezier(.2,.8,.2,1),filter .3s}.product-card:hover .product-image img{transform:scale(1.055);filter:saturate(1.07)}
.card-badge{border:1px solid rgba(255,255,255,.62);background:rgba(255,255,255,.9);backdrop-filter:blur(10px);font-weight:900}.product-content{padding:27px}.product-category{color:#1f8065;font-weight:900}.product-content h3{font-size:1.35rem}.product-footer{padding-top:20px;border-top:1px solid var(--line)}.price span{font-size:1.85rem}.product-button{padding:12px 18px}
.categories-section{position:relative;overflow:hidden}.categories-section:before{content:"";position:absolute;width:360px;height:360px;top:-230px;right:-150px;border:80px solid rgba(213,168,79,.08);border-radius:50%}.section-heading.compact .eyebrow{justify-content:center}
.category-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.category-card{min-height:140px;position:relative;overflow:hidden;border-color:rgba(8,47,39,.1);border-radius:24px;background:rgba(255,255,255,.82);transition:transform .25s,border-color .25s,box-shadow .25s,color .25s,background .25s}.category-card:before{content:"";position:absolute;top:-35px;left:-35px;width:90px;height:90px;border-radius:50%;background:rgba(213,168,79,.12);transition:transform .3s}.category-card:hover,.category-card.active{color:#fff;border-color:var(--green);background:linear-gradient(145deg,var(--green-2),var(--green));box-shadow:0 18px 40px rgba(8,47,39,.18);transform:translateY(-5px)}.category-card:hover:before,.category-card.active:before{transform:scale(1.5)}.category-card span,.category-card small{position:relative}.category-card span{font-weight:900}.category-card:hover small,.category-card.active small{color:#c9ddd5}
.why-us{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(135deg,#041e19,#0b4034 58%,#12614d)}.why-us:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.22;background:radial-gradient(circle at 15% 20%,var(--gold),transparent 25%),linear-gradient(115deg,transparent 60%,rgba(255,255,255,.08))}.why-copy .eyebrow{color:#f2dfb3}.benefit-grid article{min-height:190px;border-color:rgba(255,255,255,.14);border-radius:24px;background:rgba(255,255,255,.055);backdrop-filter:blur(8px);transition:transform .25s,background .25s,border-color .25s}.benefit-grid article:hover{transform:translateY(-5px);border-color:rgba(213,168,79,.45);background:rgba(255,255,255,.09)}
.order-steps{background:linear-gradient(180deg,#faf7f0,var(--cream))}.order-steps li{min-height:172px;padding:27px;border-color:rgba(8,47,39,.1);border-radius:24px;background:rgba(255,255,255,.9);box-shadow:0 12px 34px rgba(8,47,39,.055);transition:transform .25s,box-shadow .25s}.order-steps li:hover{transform:translateY(-6px);box-shadow:0 14px 40px rgba(8,47,39,.09)}.order-steps li>span{border-radius:15px;background:linear-gradient(145deg,#f2dfb3,var(--gold));box-shadow:0 8px 22px rgba(213,168,79,.2)}
.faq-list details{border-color:var(--line);border-radius:20px;transition:border-color .2s,box-shadow .2s}.faq-list details[open]{border-color:rgba(18,97,77,.3);box-shadow:0 14px 40px rgba(8,47,39,.09)}.faq-list summary{display:flex;justify-content:space-between;align-items:center;list-style:none;font-weight:900}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";width:30px;height:30px;display:grid;place-items:center;flex:0 0 30px;margin-right:20px;border-radius:50%;color:var(--green);background:var(--mint);font-size:1.15rem;transition:transform .2s}.faq-list details[open] summary:after{transform:rotate(45deg)}
footer{background:#031b16}.footer-brand strong{color:#9dcdb8}footer nav a{transition:color .2s}footer nav a:hover{color:#f2dfb3}
.reveal-ready [data-reveal]{opacity:0;transform:translateY(26px);transition:opacity .7s,transform .7s cubic-bezier(.2,.8,.2,1)}.reveal-ready [data-reveal].is-visible{opacity:1;transform:none}
@media(max-width:900px){.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.site-header{min-height:70px}.hero{min-height:auto;padding-top:48px;padding-bottom:72px}.hero h1{font-size:clamp(2.65rem,13vw,4rem);line-height:1.08}.hero h1 span{white-space:normal}.hero-lead{font-size:.98rem}.hero-visual{height:430px}.visual-main{height:400px;border-width:6px}.visual-card{border-width:5px}.store-section,.categories-section,.why-us,.order-steps,.home-faq{padding-top:76px;padding-bottom:76px}.section-heading h2,.why-copy h2{font-size:2.25rem}.product-grid,.category-grid{grid-template-columns:1fr}.product-image{height:350px}.product-content{padding:23px}.category-card{min-height:110px}.benefit-grid article,.order-steps li{min-height:auto}.mobile-bottom-nav{background:rgba(255,255,255,.94);box-shadow:0 -14px 35px rgba(8,47,39,.12);backdrop-filter:blur(18px)}}
@media(prefers-reduced-motion:reduce){.reveal-ready [data-reveal]{opacity:1;transform:none}}
