*,:before,:after{box-sizing:border-box}html,body{margin-block:0;margin-inline:8px;padding:0}body{font-family:var(--font-body);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;line-height:1.5;transition:background-color .25s,color .25s}img,svg{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit}ul{margin:0;padding:0;list-style:none}h1,h2,h3,p{margin:0}:root{--font-display:"Fraunces", Georgia, serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"IBM Plex Mono", "SFMono-Regular", Menlo, monospace;--bg:#f2f4ee;--bg-elevated:#fff;--bg-soft:#e7ebdd;--bg-header:#f2f4eee0;--ink:#1b2a20;--ink-soft:#52604f;--ink-faint:#85907e;--forest:#1f3527;--forest-ink:#1f3527;--sage:#6e8b62;--sage-strong:#4c6a44;--gold:#b9922e;--gold-strong:#96731e;--border:#d7decb;--border-strong:#c2cbb2;--danger:#a3402e;--danger-bg:#f7e7e1;--success:#3e6b3b;--success-bg:#e4eedd;--shadow-card:0 1px 2px #1f35270d, 0 10px 24px -16px #1f352747;--shadow-pop:0 12px 32px -12px #1f352759;--radius-sm:7px;--radius-md:13px;--radius-lg:22px;--bottom-nav-h:68px}[data-theme=dark]{--bg:#101e17;--bg-elevated:#16241c;--bg-soft:#1c2c22;--bg-header:#101e17db;--ink:#eaefe5;--ink-soft:#abbaa4;--ink-faint:#71806d;--forest:#9fc79b;--forest-ink:#9fc79b;--sage:#8fb081;--sage-strong:#a9c99b;--gold:#e2bb56;--gold-strong:#efcb69;--border:#29392e;--border-strong:#384a3c;--danger:#e08669;--danger-bg:#2e211b;--success:#8fc488;--success-bg:#1d2a1d;--shadow-card:0 1px 2px #00000059, 0 14px 30px -16px #0009;--shadow-pop:0 16px 36px -12px #000000a6}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.container{max-width:1180px;margin:0 auto;padding:0 24px}main#app{padding-bottom:24px}@media (width<=767px){main#app{padding-bottom:calc(var(--bottom-nav-h) + env(safe-area-inset-bottom) + 20px)}}.view{animation:.35s fade-in}@keyframes fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.topbar{z-index:30;background:var(--bg-header);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);position:sticky;top:0}.promo-bar{background:var(--forest);color:#f2f4ee}[data-theme=dark] .promo-bar{color:#0f1c14;background:var(--gold)}.promo-bar .container{letter-spacing:.02em;font-size:12.5px;font-family:var(--font-mono);text-align:center;justify-content:center;gap:8px;padding:7px 24px;display:flex}.topbar-inner{align-items:center;gap:20px;padding:0;display:flex}.brand{background:0 0;border:none;align-items:center;gap:5px;margin-right:6px;padding:0;text-decoration:none;display:flex}.brand-mark{width:80px;height:80px;color:var(--forest);flex-shrink:0}.brand-name{font-family:var(--font-display);letter-spacing:-.01em;color:var(--ink);white-space:nowrap;font-size:19px;font-weight:600}.nav-desktop{gap:4px;margin-right:auto;display:none}.nav-desktop a{border-radius:var(--radius-sm);color:var(--ink-soft);background:0 0;border:none;padding:8px 12px;font-size:14.5px;font-weight:500;text-decoration:none}.nav-desktop a:hover{color:var(--ink);background:var(--bg-soft)}.nav-desktop a[aria-current=page]{color:var(--forest);background:var(--bg-soft)}.topbar-actions{align-items:space-between;gap:8px;margin-left:auto;display:flex}.icon-btn{width:40px;height:40px;color:var(--ink);background:0 0;border:1px solid #0000;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.icon-btn:hover{background:var(--bg-soft);border-color:var(--border)}.icon-btn svg{width:20px;height:20px}.badge{background:var(--gold-strong);color:#fff;min-width:17px;height:17px;font-family:var(--font-mono);border:2px solid var(--bg);border-radius:999px;justify-content:center;align-items:center;padding:0 4px;font-size:10px;font-weight:500;display:flex;position:absolute;top:-5px;right:-2px}.cart-btn-total{font-family:var(--font-mono);color:var(--ink-soft);margin-right:20px;font-size:13px;display:inline}@media (width>=768px){.cart-btn-total{display:inline}}.btn{font-family:var(--font-body);white-space:nowrap;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:11px 20px;font-size:14.5px;font-weight:600;text-decoration:none;transition:transform .15s,background-color .15s,border-color .15s;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:var(--forest);color:#f4f6ef}[data-theme=dark] .btn-primary{color:#0e1a13}.btn-primary:hover{background:var(--sage-strong)}.btn-secondary{color:var(--ink);border-color:var(--border-strong);background:0 0}.btn-secondary:hover{background:var(--bg-soft)}.btn-ghost{color:var(--ink-soft);background:0 0;border:none;padding:8px 4px}.btn-ghost:hover{color:var(--ink)}.btn-block{width:100%}.btn-sm{padding:8px 14px;font-size:13.5px}.btn svg{width:16px;height:16px}.btn[disabled]{opacity:.5;pointer-events:none}.hero{grid-template-columns:1fr;align-items:center;gap:32px;padding:12px 0 0;display:grid}.hero-eyebrow{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--sage-strong);align-items:center;gap:8px;font-size:12.5px;display:flex}.hero-eyebrow:before{content:"";background:var(--sage-strong);width:16px;height:1px}.hero h1{font-family:var(--font-display);letter-spacing:-.01em;max-width:20ch;margin:14px 0 16px;font-size:clamp(2.1rem,5vw,3.4rem);font-weight:500;line-height:1.05}.hero p{color:var(--ink-soft);margin-bottom:26px;font-size:16.5px}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.hero-art{justify-content:center;align-items:center;display:flex}.hero-art svg{width:100%;max-width:340px;height:auto;color:var(--sage)}.hero-sway{transform-origin:50% 95%;animation:7s ease-in-out infinite sway}@keyframes sway{0%,to{transform:rotate(-1.5deg)}50%{transform:rotate(1.5deg)}}@media (width>=860px){.hero{padding:32px 0 0}}.section{padding:8px 0 44px}.section-head{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:20px;display:flex}.section-head h2{font-family:var(--font-display);font-size:22px;font-weight:500}.section-head .link-more{color:var(--sage-strong);background:0 0;border:none;align-items:center;gap:4px;font-size:13.5px;font-weight:600;text-decoration:none;display:flex}.section-head .link-more svg{width:14px;height:14px}.category-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}@media (width>=620px){.category-grid{grid-template-columns:repeat(4,1fr)}}.category-card{text-align:left;background:var(--bg-elevated);border:1px dashed var(--border-strong);border-radius:var(--radius-md);color:inherit;flex-direction:column;align-items:flex-start;gap:10px;padding:18px;text-decoration:none;display:flex}.category-card:hover{border-color:var(--sage)}.category-icon{width:34px;height:34px;color:var(--forest)}.category-card .cat-name{font-size:14.5px;font-weight:600}.category-card .cat-count{font-family:var(--font-mono);color:var(--ink-faint);font-size:12px}.filter-bar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:22px;display:flex}.chip-row{flex-wrap:wrap;flex:1;gap:8px;display:flex}.chip{background:var(--bg-elevated);border:1px solid var(--border);color:var(--ink-soft);cursor:pointer;border-radius:999px;padding:8px 14px;font-size:13.5px;font-weight:500}.chip:hover{border-color:var(--sage);color:var(--ink)}.chip[aria-pressed=true]{background:var(--forest);border-color:var(--forest);color:#f4f6ef}[data-theme=dark] .chip[aria-pressed=true]{color:#0e1a13}.search-field{background:var(--bg-elevated);border:1px solid var(--border);border-radius:999px;flex:0 240px;align-items:center;gap:8px;min-width:200px;padding:8px 14px;display:flex}.search-field svg{width:16px;height:16px;color:var(--ink-faint);flex-shrink:0}.search-field input{width:100%;color:var(--ink);background:0 0;border:none;outline:none;font-size:13.5px}.product-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}@media (width>=620px){.product-grid{grid-template-columns:repeat(3,1fr)}}@media (width>=980px){.product-grid{grid-template-columns:repeat(4,1fr)}}.product-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);flex-direction:column;transition:transform .18s,border-color .18s;display:flex;overflow:hidden}.product-card:hover{border-color:var(--sage);transform:translateY(-3px)}.product-media{aspect-ratio:1;background:var(--bg-soft);border-bottom:1px dashed var(--border-strong);justify-content:center;align-items:center;display:flex;position:relative}.product-media svg{width:46%;height:46%;color:var(--forest)}.stock-flag{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;background:var(--success-bg);color:var(--success);border-radius:999px;padding:3px 8px;font-size:10px;position:absolute;top:8px;left:8px}.product-body{flex:1;padding:13px 14px 0}.product-cat{font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--ink-faint);font-size:10.5px}.product-name{margin:4px 0 5px;font-size:14.5px;font-weight:600;line-height:1.3}.product-blurb{color:var(--ink-soft);font-size:12.5px;line-height:1.45}.product-footer{justify-content:space-between;align-items:center;gap:8px;padding:13px 14px 15px;display:flex}.price-tag{font-family:var(--font-mono);border:1px dashed var(--gold-strong);color:var(--gold-strong);background:var(--bg-soft);border-radius:999px;padding:5px 10px 5px 16px;font-size:13px;font-weight:500;position:relative}.price-tag:before{content:"";background:var(--gold-strong);border-radius:50%;width:4px;height:4px;position:absolute;top:50%;left:6px;transform:translateY(-50%)}.btn-add{background:var(--forest);color:#f4f6ef;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}[data-theme=dark] .btn-add{color:#0e1a13}.btn-add:hover{background:var(--sage-strong)}.btn-add svg{width:16px;height:16px}.empty-note{text-align:center;color:var(--ink-faint);padding:40px 0;font-size:14px}.cart-layout{grid-template-columns:1fr;align-items:start;gap:28px;display:grid}@media (width>=900px){.cart-layout{grid-template-columns:1.55fr 1fr}}.panel-title{font-family:var(--font-display);margin-bottom:20px;font-size:24px;font-weight:500}.cart-row{border-bottom:1px solid var(--border);grid-template-columns:56px 1fr auto;align-items:center;gap:12px;padding:14px 0;display:grid}.cart-row-icon{border-radius:var(--radius-sm);background:var(--bg-soft);justify-content:center;align-items:center;width:56px;height:56px;display:flex}.cart-row-icon svg{width:28px;height:28px;color:var(--forest)}.cart-row-name{font-size:14.5px;font-weight:600}.cart-row-unit{font-family:var(--font-mono);color:var(--ink-faint);margin-top:2px;font-size:12px}.cart-row-side{align-items:center;gap:14px;display:flex}.qty-stepper{border:1px solid var(--border);border-radius:999px;align-items:center;gap:0;display:flex}.qty-stepper button{width:28px;height:28px;color:var(--ink);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.qty-stepper button:hover{color:var(--sage-strong)}.qty-stepper button svg{width:13px;height:13px}.qty-stepper span{font-family:var(--font-mono);text-align:center;min-width:20px;font-size:13px}.cart-row-total{font-family:var(--font-mono);text-align:right;min-width:56px;font-size:13.5px;font-weight:500}.cart-row-remove{color:var(--ink-faint);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.cart-row-remove:hover{color:var(--danger);background:var(--danger-bg)}.cart-row-remove svg{width:15px;height:15px}@media (width<=460px){.cart-row{grid-template-columns:44px 1fr}.cart-row-side{grid-column:1/-1;justify-content:space-between;padding-left:56px}}.summary-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:20px}.summary-card h3{font-family:var(--font-display);margin-bottom:14px;font-size:17px;font-weight:500}.summary-line{color:var(--ink-soft);justify-content:space-between;padding:6px 0;font-size:13.5px;display:flex}.summary-line span:last-child{font-family:var(--font-mono);color:var(--ink)}.summary-line.discount{color:var(--success)}.summary-line.discount span:last-child{color:var(--success);font-weight:500}.summary-line.total{border-top:1px solid var(--border);color:var(--ink);margin-top:6px;padding-top:12px;font-size:15px;font-weight:600}.summary-line.total span:last-child{font-size:17px}.summary-note{color:var(--ink-faint);margin-top:4px;font-size:12px}.summary-items{max-height:160px;margin-bottom:12px;overflow:auto}.summary-item-row{color:var(--ink-soft);justify-content:space-between;padding:4px 0;font-size:12.5px;display:flex}.summary-item-row span:last-child{font-family:var(--font-mono);color:var(--ink)}.empty-cart{text-align:center;padding:64px 20px}.empty-cart svg{width:64px;height:64px;color:var(--border-strong);margin:0 auto 16px}.empty-cart h3{font-family:var(--font-display);margin-bottom:6px;font-size:20px;font-weight:500}.empty-cart p{color:var(--ink-faint);margin-bottom:22px;font-size:14px}.form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.form-row-3{grid-template-columns:1fr 1fr 1fr;gap:14px;display:grid}.form-grid .full{grid-column:1/-1}@media (width<=560px){.form-grid,.form-row-3{grid-template-columns:1fr}.form-grid .full{grid-column:auto}}.field label{color:var(--ink-soft);margin-bottom:6px;font-size:12.5px;font-weight:600;display:block}.field .req{color:var(--gold-strong)}.field input,.field select,.field textarea{border:1px solid var(--border);background:var(--bg-elevated);width:100%;color:var(--ink);border-radius:var(--radius-sm);outline:none;padding:10px 12px;font-size:14px;transition:border-color .15s,box-shadow .15s}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--sage);box-shadow:0 0 0 3px #6e8b622e}.field textarea{resize:vertical;min-height:70px}.field-error{color:var(--danger);margin-top:5px;font-size:12px;display:none}.field.invalid input,.field.invalid select,.field.invalid textarea{border-color:var(--danger)}.field.invalid .field-error{display:block}.checkout-form input:not([type=email]),.checkout-form textarea{text-transform:uppercase}.checkout-form fieldset{border:none;margin:0 0 26px;padding:0}.checkout-form legend{font-family:var(--font-display);margin-bottom:14px;padding:0;font-size:16px;font-weight:500}.form-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:6px;display:flex}.no-payment-note{background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--ink-soft);align-items:flex-start;gap:10px;margin-bottom:22px;padding:12px 14px;font-size:12.5px;display:flex}.no-payment-note svg{width:17px;height:17px;color:var(--sage-strong);flex-shrink:0;margin-top:1px}.confirm-wrap{text-align:center;max-width:480px;margin:0 auto;padding:40px 0 20px}.confirm-icon{width:60px;height:60px;color:var(--success);margin:0 auto 18px}.confirm-wrap h2{font-family:var(--font-display);margin-bottom:8px;font-size:26px;font-weight:500}.confirm-wrap>p{color:var(--ink-soft);margin-bottom:22px;font-size:14.5px}.order-number{font-family:var(--font-mono);background:var(--bg-soft);border:1px dashed var(--border-strong);border-radius:999px;margin-bottom:28px;padding:8px 18px;font-size:15px;display:inline-block}.confirm-card{text-align:left;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);margin-bottom:24px;padding:20px}.confirm-card h3{text-transform:uppercase;letter-spacing:.04em;color:var(--ink-faint);font-size:13px;font-family:var(--font-mono);margin-bottom:10px;font-weight:500}.confirm-address{color:var(--ink);font-size:14px;line-height:1.6}.confirm-data-list{flex-direction:column;gap:12px;display:flex}.confirm-data-row{border-bottom:1px dashed var(--border);justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:10px;font-size:13.5px;display:flex}.confirm-data-row:last-child{border-bottom:none;padding-bottom:0}.confirm-data-label{color:var(--ink-faint);flex-shrink:0;font-size:13px;font-weight:500}.confirm-data-val{color:var(--ink);text-align:right;word-break:break-word;font-weight:500;font-family:var(--font-mono);font-size:13px}.about-wrap{max-width:640px;padding:8px 0 40px}.about-wrap h1{font-family:var(--font-display);margin-bottom:16px;font-size:30px;font-weight:500}.about-wrap p{color:var(--ink-soft);margin-bottom:16px;font-size:15px}.about-grid{grid-template-columns:1fr;gap:12px;margin-top:24px;display:grid}@media (width>=560px){.about-grid{grid-template-columns:1fr 1fr}}.about-item{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px}.about-item h3{align-items:center;gap:8px;margin-bottom:4px;font-size:13.5px;font-weight:600;display:flex}.about-item h3 svg{width:16px;height:16px;color:var(--sage-strong)}.about-item p{color:var(--ink-soft);margin:0;font-size:13px}.disclaimer{color:var(--ink-faint);border-top:1px solid var(--border);margin-top:26px;padding-top:16px;font-size:12px}.site-footer{border-top:1px solid var(--border);margin-top:20px}.site-footer .container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding-top:26px;padding-bottom:26px;display:flex}.site-footer p{color:var(--ink-faint);font-size:12.5px}@media (width<=767px){.site-footer{display:none}}.bottom-nav{z-index:40;background:var(--bg-elevated);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -6px 20px -14px #0000004d}.bottom-nav a{color:var(--ink-faint);background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:3px;padding:9px 4px 8px;font-size:10.5px;font-weight:500;text-decoration:none;display:flex;position:relative}.bottom-nav a svg{width:22px;height:22px}.bottom-nav a[aria-current=page]{color:var(--forest)}.bottom-nav .nav-badge{background:var(--gold-strong);color:#fff;min-width:15px;height:15px;font-family:var(--font-mono);border-radius:999px;justify-content:center;align-items:center;padding:0 3px;font-size:9px;display:flex;position:absolute;top:3px;right:calc(50% - 20px)}@media (width>=768px){.bottom-nav{display:none}}@media (width<=767px){.nav-desktop{display:none!important}}@media (width>=768px){.nav-desktop{display:flex}}.theme-toggle .icon-sun{display:none}.theme-toggle .icon-moon,[data-theme=dark] .theme-toggle .icon-sun{display:block}[data-theme=dark] .theme-toggle .icon-moon{display:none}.toast{background:var(--forest);color:#f4f6ef;box-shadow:var(--shadow-pop);opacity:0;pointer-events:none;z-index:60;border-radius:999px;align-items:center;gap:8px;padding:12px 18px;font-size:13.5px;font-weight:500;transition:opacity .22s,transform .22s;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%,12px)}[data-theme=dark] .toast{color:#0e1a13;background:var(--gold)}.toast svg{width:15px;height:15px}.toast.show{opacity:1;transform:translate(-50%)}@media (width<=767px){.toast{bottom:calc(var(--bottom-nav-h) + env(safe-area-inset-bottom) + 14px)}}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--sage-strong);outline-offset:2px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}