:root{--bg:#f4efe6;--paper:#fffdf8;--ink:#1e2720;--muted:#6f776f;--line:#dcd6ca;--green:#285b42;--green2:#3d7a59;--cream:#eee5d7;--shadow:0 18px 60px rgba(45,53,46,.10);--radius:28px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}.announcement{background:#203c2c;color:#f6f4ee;text-align:center;padding:9px 16px;font-size:13px;letter-spacing:.02em}.announcement span{opacity:.5;margin:0 10px}.site-header{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px clamp(20px,5vw,72px);background:rgba(244,239,230,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(98,101,94,.12)}.brand{display:flex;align-items:center;gap:10px;font-family:'Manrope',sans-serif;font-weight:800}.brand-mark{display:grid;place-items:center;width:38px;height:38px;background:var(--green);color:white;border-radius:12px;font-size:13px}.site-header nav{display:flex;gap:28px;color:#435047;font-size:14px}.site-header nav a:hover{color:var(--green)}.cart-button{border:0;background:var(--ink);color:white;padding:11px 16px;border-radius:14px;cursor:pointer}.cart-button span{display:inline-grid;place-items:center;min-width:21px;height:21px;background:white;color:var(--ink);border-radius:99px;margin-left:6px;font-size:12px}.hero{min-height:78vh;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:5vw;padding:clamp(56px,8vw,110px) clamp(20px,7vw,110px)}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:700;color:var(--green2)}h1,h2,h3{font-family:'Manrope',sans-serif;margin-top:0}h1{font-size:clamp(48px,7vw,92px);line-height:.95;letter-spacing:-.06em;margin:18px 0 24px;max-width:880px}h1 em{font-style:normal;color:var(--green2)}.hero-copy>p{font-size:clamp(17px,2vw,21px);line-height:1.6;color:var(--muted);max-width:650px}.hero-actions{display:flex;gap:12px;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:15px;padding:14px 20px;font-weight:700;cursor:pointer;transition:.2s transform,.2s background,.2s box-shadow}.btn:hover{transform:translateY(-2px)}.btn.primary{background:var(--green);color:white;box-shadow:0 12px 30px rgba(40,91,66,.18)}.btn.primary:hover{background:#214d37}.btn.ghost{border-color:var(--line);background:rgba(255,255,255,.45)}.btn.wide{width:100%}.trust-row{display:flex;flex-wrap:wrap;gap:18px;margin-top:28px;color:#59645c;font-size:13px}.hero-visual{position:relative;min-height:500px;display:grid;place-items:center;overflow:hidden}.home-card{position:relative;z-index:2;width:min(430px,85%);aspect-ratio:4/4.8;border-radius:38px;background:linear-gradient(145deg,#fffef9,#e7ddcf);box-shadow:0 35px 90px rgba(48,57,48,.18);padding:34px;display:flex;flex-direction:column;justify-content:flex-end;transform:rotate(3deg);transition:transform .3s}.hero-visual:hover .home-card{transform:rotate(0deg) translateY(-6px)}.window{position:absolute;top:28px;left:28px;right:28px;display:flex;gap:7px}.window span{width:10px;height:10px;border-radius:99px;background:#d1c5b5}.home-icon{font-size:130px;line-height:1;color:var(--green);margin:auto;text-shadow:0 10px 30px rgba(40,91,66,.18)}.home-card strong{font-family:'Manrope';font-size:30px}.home-card small{color:var(--muted);margin-top:5px}.orb{position:absolute;border-radius:50%;filter:blur(1px);opacity:.9}.orb-a{width:260px;height:260px;background:#c9d9c9;top:20px;right:5%}.orb-b{width:190px;height:190px;background:#e0c9a9;bottom:25px;left:3%}.section{padding:90px clamp(20px,7vw,110px)}.section-head{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:36px}.section-head h2{font-size:clamp(34px,4vw,56px);letter-spacing:-.04em;margin:8px 0 0}.section-head>p{max-width:520px;color:var(--muted);line-height:1.6}.products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.product-card{position:relative;background:var(--paper);border:1px solid rgba(110,105,96,.12);border-radius:var(--radius);overflow:hidden;box-shadow:0 8px 30px rgba(54,59,54,.04);transition:.25s transform,.25s box-shadow}.product-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.product-media{aspect-ratio:1.05/1;background:linear-gradient(145deg,#efe9df,#ded5c7);display:grid;place-items:center;padding:32px;position:relative}.product-media img{max-width:88%;max-height:88%;filter:drop-shadow(0 20px 25px rgba(54,55,48,.18))}.badge{position:absolute;top:16px;left:16px;background:#fffdf8;border-radius:999px;padding:8px 11px;font-size:11px;font-weight:700}.product-body{padding:22px}.product-body h3{font-size:22px;margin-bottom:8px}.product-body p{color:var(--muted);line-height:1.55;min-height:48px}.price-row{display:flex;align-items:baseline;gap:10px;margin:18px 0}.price-row strong{font-size:26px}.price-row del{color:#8b918c}.product-body .btn{width:100%}.benefits{margin:40px clamp(20px,7vw,110px);padding:28px;background:var(--ink);border-radius:32px;color:white;display:grid;grid-template-columns:repeat(3,1fr);gap:2px}.benefits article{padding:38px;background:rgba(255,255,255,.03);border-radius:22px}.benefits span{font-size:12px;color:#a8c8b5}.benefits h3{font-size:22px;margin:18px 0 10px}.benefits p{color:#bbc2bd;line-height:1.6}.quote{margin:110px auto;padding:0 20px;max-width:920px;text-align:center}.quote-stars{letter-spacing:.25em;color:#9a7a39}.quote blockquote{font-family:'Manrope';font-size:clamp(28px,4vw,48px);letter-spacing:-.04em;line-height:1.16;margin:25px 0}.quote p{color:var(--muted)}.faq{max-width:1000px;margin:auto}.faq details{border-top:1px solid var(--line);padding:22px 0}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{display:flex;justify-content:space-between;cursor:pointer;font-weight:700;font-size:18px;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq details p{color:var(--muted);line-height:1.6;max-width:760px}footer{margin-top:80px;padding:45px clamp(20px,7vw,110px);display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);color:#647067}footer div:last-child{display:flex;gap:18px;font-size:13px}.drawer-backdrop{position:fixed;inset:0;background:rgba(17,23,18,.38);opacity:0;pointer-events:none;z-index:60;transition:.2s}.drawer-backdrop.open{opacity:1;pointer-events:auto}.cart-drawer{position:fixed;z-index:70;right:0;top:0;height:100%;width:min(460px,100%);background:#fffdf8;transform:translateX(100%);transition:.28s ease;display:flex;flex-direction:column;box-shadow:-30px 0 70px rgba(32,38,33,.15)}.cart-drawer.open{transform:none}.drawer-head{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid var(--line)}.drawer-head h2{margin:0}.drawer-head button,.dialog-head button{border:0;background:#eee9df;width:38px;height:38px;border-radius:12px;font-size:24px;cursor:pointer}.cart-items{padding:20px;overflow:auto;flex:1}.empty{color:var(--muted);text-align:center;padding:55px 10px}.cart-item{display:grid;grid-template-columns:72px 1fr auto;gap:14px;padding:14px 0;border-bottom:1px solid #ebe6dc}.cart-item img{width:72px;height:72px;object-fit:contain;background:#eee7db;border-radius:14px;padding:8px}.cart-item h4{margin:4px 0 7px}.qty{display:flex;align-items:center;gap:9px}.qty button{width:26px;height:26px;border:1px solid var(--line);background:white;border-radius:8px;cursor:pointer}.remove{border:0;background:none;color:#92634f;cursor:pointer}.cart-summary{padding:22px;border-top:1px solid var(--line)}.cart-summary>div{display:flex;justify-content:space-between;margin-bottom:16px;font-size:20px}.checkout-dialog{width:min(720px,calc(100% - 24px));border:0;border-radius:28px;padding:0;background:#fffdf8;box-shadow:0 30px 100px rgba(0,0,0,.25)}.checkout-dialog::backdrop{background:rgba(22,29,23,.52);backdrop-filter:blur(6px)}.checkout-dialog form{padding:28px}.dialog-head{display:flex;justify-content:space-between;align-items:start}.dialog-head h2{font-size:32px;margin:5px 0 22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:700}.span-2{grid-column:span 2}.form-grid input{border:1px solid var(--line);background:white;padding:13px 14px;border-radius:13px;outline:none}.form-grid input:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(40,91,66,.09)}.checkout-note{background:#f0ebe2;color:#5c665e;border-radius:14px;padding:13px 15px;font-size:12px;line-height:1.5;margin:18px 0}.checkout-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px}.checkout-bottom span{font-size:22px;font-weight:800}.form-error{color:#9c463f}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,30px);background:#1e2720;color:white;padding:12px 17px;border-radius:12px;opacity:0;pointer-events:none;z-index:100;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}.skeleton{min-height:420px;background:linear-gradient(90deg,#ede7dc,#f8f4ec,#ede7dc);background-size:200% 100%;animation:shimmer 1.3s infinite}@keyframes shimmer{to{background-position:-200% 0}}.reveal{opacity:0;transform:translateY(18px);transition:.7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.site-header nav{display:none}.hero{grid-template-columns:1fr;min-height:auto;padding-top:65px}.hero-visual{min-height:400px}.products-grid{grid-template-columns:1fr 1fr}.benefits{grid-template-columns:1fr}.section-head{display:block}.section-head>p{margin-top:18px}footer{flex-direction:column;align-items:flex-start}}
@media(max-width:620px){h1{font-size:49px}.hero{padding-inline:18px}.hero-actions{flex-direction:column;align-items:stretch}.hero-visual{min-height:330px}.products-grid{grid-template-columns:1fr}.section{padding:65px 18px}.benefits{margin:20px 18px;padding:10px}.site-header{padding:13px 16px}.brand>span:last-child{font-size:14px}.home-card{width:82%;padding:24px}.home-icon{font-size:90px}.form-grid{grid-template-columns:1fr}.span-2{grid-column:span 1}.checkout-bottom{align-items:stretch;flex-direction:column}.checkout-bottom .btn{width:100%}footer div:last-child{flex-wrap:wrap}}