:root{--bg:#f6f2ea;--ink:#162019;--muted:#647066;--card:#fffdf8;--line:#e3d9c8;--accent:#255f43;--accent-dark:#193f2d;--cream:#eee5d6;--soft:#fbf8f1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:radial-gradient(circle at 100% 0,#efe4d0 0,#f6f2ea 36%,#f7f4ed 100%);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit}.wrap{max-width:1180px;margin:0 auto;padding:0 22px}.topbar{color:#fff;text-align:center;background:#162019;padding:10px 14px;font-size:14px}.nav{justify-content:space-between;align-items:center;padding:24px 22px;display:flex}.brand{letter-spacing:-.06em;font-size:28px;font-weight:950;text-decoration:none}.nav a{color:var(--ink);font-weight:800;text-decoration:none}.navlinks{align-items:center;gap:22px;display:flex}.hero{grid-template-columns:1.05fr .95fr;align-items:center;gap:42px;padding:46px 22px 42px;display:grid}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:950}h1{letter-spacing:-.075em;max-width:800px;margin:12px 0 18px;font-size:68px;line-height:.9}h2{letter-spacing:-.045em;margin:0;font-size:36px;line-height:1.03}.hero p,.lead{color:var(--muted);max-width:700px;font-size:19px;line-height:1.62}.compact{max-width:520px;font-size:16px}.heroActions{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.cta{background:var(--accent);cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;min-height:48px;padding:14px 22px;font-weight:950;text-decoration:none;display:inline-flex;color:#fff!important}.cta:hover{background:var(--accent-dark)}.ghostCta{border:1px solid var(--line);background:#fff8;border-radius:999px;justify-content:center;align-items:center;min-height:48px;padding:14px 20px;font-weight:950;text-decoration:none;display:inline-flex}.cta.disabled,.cta:disabled{cursor:not-allowed;opacity:.85;background:#9ca69f!important}.heroCard{border:1px solid var(--line);background:linear-gradient(145deg,#fffdf8,#ebe1d1);border-radius:34px;flex-direction:column;gap:14px;padding:28px;text-decoration:none;display:flex;position:relative;box-shadow:0 24px 80px #16201921}.heroCard img{aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 20px 24px #1620191f);width:100%}.heroCard strong{letter-spacing:-.035em;font-size:21px}.heroLabel{color:#fff;background:#162019;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:900;position:absolute;top:18px;left:18px}.badges{grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0 8px;display:grid}.badge{border:1px solid var(--line);background:#fffdf8;border-radius:18px;padding:16px;font-weight:900;box-shadow:0 8px 24px #1620190a}.editorial{color:#fff;background:#162019;border-radius:32px;grid-template-columns:1fr 1fr;align-items:end;gap:28px;margin-top:10px;margin-bottom:26px;padding:34px;display:grid}.editorial .eyebrow{color:#b9d6c5}.editorial p{color:#dbe3dc;margin:0;font-size:17px;line-height:1.65}.featuredStrip{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:46px;display:grid}.miniFeature{border:1px solid var(--line);background:#fffdf8;border-radius:22px;grid-template-columns:86px 1fr;align-items:center;column-gap:14px;padding:12px;text-decoration:none;display:grid;box-shadow:0 10px 32px #1620190d}.miniFeature img{object-fit:contain;background:var(--soft);border-radius:16px;grid-row:1/3;width:86px;height:86px;padding:8px}.miniFeature span{color:var(--accent);text-transform:uppercase;font-size:11px;font-weight:950}.miniFeature strong{letter-spacing:-.035em;font-size:16px}.sectionHead{justify-content:space-between;align-items:end;gap:24px;margin-bottom:10px;display:flex}.grid{grid-template-columns:repeat(3,1fr);gap:22px;padding:16px 0 58px;display:grid}.card{background:var(--card);border:1px solid var(--line);border-radius:26px;flex-direction:column;transition:transform .18s,box-shadow .18s;display:flex;overflow:hidden;box-shadow:0 12px 36px #16201911}.card:hover{transform:translateY(-3px);box-shadow:0 18px 48px #1620191a}.card img{aspect-ratio:1;object-fit:contain;background:linear-gradient(145deg,#fff,#f1eadf);width:100%;padding:22px}.cardBody{flex-direction:column;flex:1;gap:10px;padding:18px;display:flex}.type{color:var(--accent);text-transform:uppercase;letter-spacing:.07em;font-size:12px;font-weight:950}.title{letter-spacing:-.04em;font-size:20px;font-weight:950}.price{font-size:19px;font-weight:950}.compare{color:#8a928b;margin-left:7px;font-size:14px;text-decoration:line-through}.card p{color:var(--muted);margin:0;line-height:1.48}.footer{border-top:1px solid var(--line);color:var(--muted);background:#fff7;padding:32px 0;font-size:14px}.footerGrid{justify-content:space-between;gap:20px;display:flex}.footer strong{color:var(--ink);letter-spacing:-.04em;font-size:18px;display:block}.footer p{margin:6px 0 0}.product{grid-template-columns:1fr 1fr;gap:36px;padding:32px 22px 62px;display:grid}.gallery{border:1px solid var(--line);background:#fffdf8;border-radius:30px;flex-direction:column;gap:14px;padding:24px;display:flex}.gallery img{object-fit:contain;background:linear-gradient(145deg,#fff,#f3ecdf);border-radius:20px;width:100%;padding:14px}.product h1{font-size:50px}.benefits{color:var(--muted);padding-left:18px;line-height:1.85}.notice{color:#594711;background:#fff4d4;border:1px solid #e6cf84;border-radius:18px;margin:18px 0;padding:14px;line-height:1.45}.qty{border:1px solid var(--line);background:#fff;border-radius:14px;width:86px;margin-right:10px;padding:13px;font-size:16px}.buttonRow{align-items:center;margin:18px 0;display:flex}.meta{color:var(--muted);font-size:13px;line-height:1.7}.empty{padding:80px 22px}.cartLine{border:1px solid var(--line);background:#fffdf8;border-radius:20px;grid-template-columns:90px 1fr auto;align-items:center;gap:16px;margin:12px 0;padding:12px;display:grid}.cartLine img{object-fit:contain;background:var(--soft);border-radius:14px;width:90px;height:90px}.remove{color:#9b2f2f;cursor:pointer;background:0 0;border:0;font-weight:900}.summary{border:1px solid var(--line);background:#fffdf8;border-radius:24px;max-width:430px;margin:18px 0 50px auto;padding:20px}.muted{color:var(--muted)}@media (max-width:850px){.hero,.product,.editorial{grid-template-columns:1fr}h1{font-size:46px}.grid,.featuredStrip,.badges{grid-template-columns:1fr}.navlinks{display:none}.sectionHead,.footerGrid{display:block}.cartLine{grid-template-columns:72px 1fr}.cartLine img{width:72px;height:72px}.cartLine .remove{grid-column:2}}
