:root{--forest:#153d32;--forest-deep:#0c2a22;--sage:#5e7d6d;--sage-soft:#dce8df;--cream:#f5f1e8;--sand:#e8dfd0;--amber:#b96f3b;--ink:#252a27;--body-font:"DM Sans",sans-serif;--display-font:"Fraunces",serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:#e9ece8}
body{margin:0;background:#e9ece8;color:var(--ink);font-family:var(--body-font);font-size:16px;line-height:1.6}
body.modal-open{overflow:hidden}
.site-frame{width:100%;max-width:430px;min-height:100vh;margin:0 auto;background:#fff;box-shadow:0 0 42px rgba(25,45,36,.12)}
.font-display,.brand,h1,h2{font-family:var(--display-font)}
.brand{color:var(--forest-deep);font-size:1.28rem;font-weight:700;letter-spacing:-.02em}
.icon-button{display:grid;width:44px;height:44px;place-items:center;border:1px solid #e7e5e4;border-radius:999px;background:#fff;color:var(--forest-deep);transition:background .2s,border-color .2s,transform .2s}
.icon-button:active{transform:scale(.96)}
.icon-button:hover{border-color:#a8b7ae;background:#f7faf8}
.icon-button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.menu-panel a{display:block;min-height:44px;padding:.62rem .8rem;border-radius:.7rem;color:#292524;font-weight:600}
.menu-panel a:hover{background:var(--cream);color:var(--forest)}
.search-panel{border-top:1px solid #e7e5e4;padding-top:1rem}
.input{min-height:46px;width:100%;border:1px solid #d6d3d1;border-radius:.75rem;background:#fff;padding:.7rem .85rem;color:#1c1917;outline:none}
.input:focus{border-color:var(--sage);box-shadow:0 0 0 3px rgba(94,125,109,.16)}
.cookie-banner{left:50%;width:calc(100% - 1.5rem);max-width:406px;transform:translateX(-50%)}
.phone-field{display:flex;min-height:46px;width:100%;align-items:center;overflow:hidden;border:1px solid #d6d3d1;border-radius:.75rem;background:#fff;color:#1c1917}
.phone-field:focus-within{border-color:var(--sage);box-shadow:0 0 0 3px rgba(94,125,109,.16)}
.phone-field span{display:grid;align-self:stretch;place-items:center;border-right:1px solid #d6d3d1;background:var(--cream);padding:0 .8rem;font-weight:700;color:var(--forest-deep)}
.phone-field input{min-width:0;flex:1;border:0;background:transparent;padding:.7rem .85rem;outline:none}
.button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;border:1px solid transparent;border-radius:999px;padding:.7rem 1.1rem;font-weight:700;line-height:1.15;transition:transform .2s,background .2s,border-color .2s,color .2s}
.button:active{transform:scale(.98)}
.button-primary{background:var(--forest);color:#fff}
.button-primary:hover{background:var(--forest-deep)}
.button-secondary{border-color:var(--forest);background:#fff;color:var(--forest)}
.button-secondary:hover{background:#f0f6f2}
.button-ghost{border-color:#d6d3d1;background:#f5f5f4;color:#292524}
.button-ghost:hover{background:#e7e5e4}
.eyebrow{font-size:.875rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#4c6c5b}
.text-sage-700{color:#4c6c5b}
.bg-forest-950{background:var(--forest-deep)}
.bg-sage-soft{background:var(--sage-soft)}
.bg-cream{background:var(--cream)}
.badge{border-radius:999px;background:rgba(255,255,255,.92);padding:.35rem .65rem;color:var(--forest-deep);font-size:.72rem;font-weight:700;box-shadow:0 3px 12px rgba(0,0,0,.08)}
.product-card{overflow:hidden;border:1px solid #e7e5e4;border-radius:1rem;box-shadow:0 8px 26px rgba(35,45,39,.07)}
.product-card img{aspect-ratio:4/5;width:100%;object-fit:cover}
.section-image{aspect-ratio:4/5;width:100%;border-radius:1.25rem;object-fit:cover;box-shadow:0 16px 34px rgba(31,46,37,.13)}
.card{border:1px solid #e7e5e4;border-radius:1rem;background:#fff;padding:1.25rem;color:#292524;box-shadow:0 8px 24px rgba(35,45,39,.06)}
.dark-card{border:1px solid rgba(255,255,255,.14);border-radius:1rem;background:rgba(255,255,255,.08);padding:1.25rem;color:#fff}
.check-list{display:grid;gap:.8rem}
.check-list li{position:relative;padding-left:1.8rem}
.check-list li:before{position:absolute;left:0;top:.15rem;display:grid;width:1.25rem;height:1.25rem;place-items:center;border-radius:999px;background:var(--sage-soft);color:var(--forest);font-size:.75rem;font-weight:700;content:"✓"}
.filter-row{display:flex;gap:.55rem;overflow-x:auto;padding:.15rem .05rem .65rem;scrollbar-width:none}
.filter-row::-webkit-scrollbar{display:none}
.filter-chip{min-height:42px;flex:0 0 auto;border:1px solid #d6d3d1;border-radius:999px;background:#fff;padding:.55rem .9rem;color:#44403c;font-size:.875rem;font-weight:700}
.filter-chip[aria-pressed="true"]{border-color:var(--forest);background:var(--forest);color:#fff}
.faq-item{border-bottom:1px solid #d6d3d1}
.faq-button{display:flex;width:100%;min-height:58px;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 0;text-align:left;font-weight:700;color:#292524}
.faq-button span:last-child{font-size:1.35rem;color:var(--forest)}
.faq-answer{padding:0 0 1.25rem;color:#57534e;line-height:1.7}
.article-body{border-top:1px solid #e7e5e4;padding-top:1.25rem;color:#44403c}
.article-body p+p{margin-top:1rem}
.prose-legal h2{margin-top:2.25rem;font-size:1.75rem;line-height:1.2;font-weight:700;color:#1c1917}
.prose-legal h3{margin-top:1.35rem;font-size:1.2rem;font-weight:700;color:#292524}
.prose-legal p,.prose-legal li{margin-top:.8rem;color:#57534e;line-height:1.8}
.prose-legal ul{margin-top:.7rem;list-style:disc;padding-left:1.2rem}
.prose-legal strong{color:#292524}
.form-message{border-radius:.75rem;background:#e8f3ec;padding:.8rem;color:#285741;font-weight:600}
[hidden]{display:none!important}
:focus-visible{outline:3px solid #cb8d5f;outline-offset:2px}
@media(max-width:360px){.brand{font-size:1.12rem}.button{padding:.68rem .9rem}.product-card h3{font-size:1.05rem}.product-card .button{font-size:.72rem;padding:.55rem .65rem}}