*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root,[data-theme=light]{--forest:#0d4a1f;--forest-dark:#072e13;--forest-light:#1a6b31;--gold:#b8860b;--gold-light:#d4a017;--gold-pale:#b8860b14;--cream:#fdfbf7;--cream-dark:#f5f2ea;--cream-darker:#ede9df;--white:#fff;--dark:#0f0f0f;--text:#1c1c1c;--text-secondary:#4a4a4a;--muted:#6b7280;--muted-light:#9ca3af;--border:#e8e5df;--border-light:#ddd9ce;--border-gold:#b8860b33;--bg-primary:#fdfbf7;--bg-secondary:#f5f2ea;--bg-tertiary:#fff;--card-bg:#fff;--shadow-xs:0 1px 4px #0000000a;--shadow-sm:0 2px 10px #0000000d;--shadow-md:0 8px 28px #00000012;--shadow-lg:0 20px 56px #00000017;--shadow-gold:0 8px 32px #b8860b26;--error:#dc2626;--error-bg:#fef2f2;--success:#10b981;--warning:#f59e0b;--info:#3b82f6;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:20px;--r-full:999px}[data-theme=dark]{--forest:#1a6b31;--forest-dark:#0d4a1f;--forest-light:#2a8c45;--gold:#d4a017;--gold-light:#e8b830;--gold-pale:#d4a0171f;--cream:#1a1c1a;--cream-dark:#242624;--cream-darker:#2a2c2a;--white:#1e201e;--dark:#0f0f0f;--text:#e8e6e0;--text-secondary:#b8b6b0;--muted:#9a9a90;--muted-light:#7a7a70;--border:#3a3c38;--border-light:#4a4c48;--border-gold:#d4a01740;--bg-primary:#1a1c1a;--bg-secondary:#242624;--bg-tertiary:#1e201e;--card-bg:#242624;--shadow-xs:0 1px 4px #0003;--shadow-sm:0 2px 10px #00000040;--shadow-md:0 8px 28px #0000004d;--shadow-lg:0 20px 56px #00000059;--shadow-gold:0 8px 32px #d4a0171f;--error:#f87171;--error-bg:#3a1c1c;--success:#34d399;--warning:#fbbf24;--info:#60a5fa}html{scroll-behavior:smooth;-webkit-tap-highlight-color:transparent}body{background:var(--bg-primary);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;transition:background-color .3s,color .3s;overflow-x:hidden}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 16px}@media (width>=640px){.container{padding:0 24px}}@media (width>=1024px){.container{padding:0 48px}}.serif{font-family:Cormorant Garamond,Georgia,Times New Roman,serif}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit;transition:all .2s}input,textarea,select{background:var(--card-bg);color:var(--text);border-color:var(--border);outline:none;font-family:inherit}input::placeholder,textarea::placeholder{color:var(--muted-light)}img{max-width:100%;display:block}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--gold)}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-up{animation:.5s both fadeUp}.animate-fade-in{animation:.3s both fadeIn}.skeleton{background:linear-gradient(90deg, var(--border) 25%, var(--cream-dark) 50%, var(--border) 75%);border-radius:var(--r-md);background-size:200% 100%;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.text-gold{color:var(--gold)}.text-forest{color:var(--forest)}.text-muted{color:var(--muted)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.btn{cursor:pointer;white-space:nowrap;border-radius:30px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:500;transition:all .22s;display:inline-flex}@media (width>=640px){.btn{padding:14px 32px;font-size:15px}}.btn-primary{background:var(--forest);color:#fff}.btn-primary:hover,.btn-primary:active{background:var(--forest-dark);transform:translateY(-2px);box-shadow:0 8px 24px #0d4a1f40}.btn-gold{background:var(--gold);color:#fff}.btn-gold:hover,.btn-gold:active{background:var(--gold-light);box-shadow:var(--shadow-gold);transform:translateY(-2px)}.btn-outline{border:1.5px solid var(--forest);color:var(--forest);background:0 0}.btn-outline:hover,.btn-outline:active{background:var(--forest);color:#fff}.input{border:1.5px solid var(--border);border-radius:var(--r-md);background:var(--card-bg);width:100%;color:var(--text);padding:12px 16px;font-size:16px;transition:border-color .2s}@media (width>=640px){.input{padding:14px 18px;font-size:15px}}.input:focus{border-color:var(--forest)}.form-group{margin-bottom:20px}.form-label{letter-spacing:.5px;text-transform:uppercase;color:var(--muted);margin-bottom:8px;font-size:12px;font-weight:600;display:block}.card{background:var(--card-bg);border:1.5px solid var(--border);border-radius:var(--r-lg);transition:all .25s;overflow:hidden}.card:hover{border-color:var(--border-gold);box-shadow:var(--shadow-md)}.badge{border-radius:var(--r-full);letter-spacing:.3px;align-items:center;gap:4px;padding:4px 10px;font-size:10px;font-weight:600;display:inline-flex}.badge-gold{background:var(--gold-pale);color:var(--gold)}.badge-forest{color:var(--forest);background:#0d4a1f14}.badge-muted{background:var(--cream-dark);color:var(--muted)}.divider{border:none;border-top:1px solid var(--border);margin:24px 0}.page-wrapper{padding:20px 0 80px;animation:.4s both fadeUp}@media (width>=640px){.page-wrapper{padding:30px 0 80px}}@media (width>=1024px){.page-wrapper{padding:40px 0 100px}}.grid{gap:16px;display:grid}.grid-products{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}@media (width>=640px){.grid-products{gap:16px}}@media (width>=768px){.grid-products{grid-template-columns:repeat(3,1fr);gap:20px}}@media (width>=1024px){.grid-products{grid-template-columns:repeat(4,1fr);gap:24px}}.mobile-bottom-nav{background:color-mix(in srgb, var(--white) 88%, transparent);border:1px solid var(--border);padding:10px 12px;padding-bottom:max(10px, env(safe-area-inset-bottom));z-index:100;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:24px;justify-content:space-between;align-items:center;display:none;position:fixed;bottom:12px;left:12px;right:12px;box-shadow:0 18px 40px #0000001f}@media (width<=767px){.mobile-bottom-nav{display:flex}main{padding-bottom:104px!important}}.mobile-bottom-nav-item{color:var(--muted);border-radius:18px;flex-direction:column;flex:1;align-items:center;gap:4px;min-width:58px;padding:8px 6px;font-size:10px;transition:color .2s,background-color .2s,transform .2s;display:flex}.mobile-bottom-nav-item.active{background:var(--gold-pale);color:var(--forest);transform:translateY(-1px)}.mobile-bottom-nav-item svg{width:22px;height:22px}.category-strip{scrollbar-width:none;-webkit-overflow-scrolling:touch;background:var(--white);border-bottom:1px solid var(--border);z-index:80;gap:10px;padding:12px 16px;display:flex;position:sticky;top:72px;overflow-x:auto}@media (width>=768px){.category-strip{display:none}}.category-strip::-webkit-scrollbar{display:none}.category-chip{white-space:nowrap;background:var(--cream);border:1px solid var(--border);color:var(--text-secondary);border-radius:30px;flex-shrink:0;padding:8px 18px;font-size:13px;font-weight:500}.category-chip.active{background:var(--forest);border-color:var(--forest);color:#fff}.filter-drawer{background:var(--bg-primary);z-index:300;flex-direction:column;width:85%;max-width:340px;transition:transform .3s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-4px 0 24px #0000001a}.filter-drawer.open{transform:translate(0)}.filter-drawer-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px;display:flex}.filter-drawer-content{flex:1;padding:20px;overflow-y:auto}.filter-drawer-footer{border-top:1px solid var(--border);gap:12px;padding:20px;display:flex}.mobile-menu-drawer{background:var(--bg-primary);z-index:300;flex-direction:column;width:85%;max-width:320px;transition:transform .3s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:4px 0 24px #0000001a}.mobile-menu-drawer.open{transform:translate(0)}.mobile-menu-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px;display:flex}.mobile-menu-content{flex:1;padding:20px;overflow-y:auto}.mobile-menu-item{color:var(--text);border-bottom:1px solid var(--border);align-items:center;gap:14px;padding:14px 0;font-size:16px;font-weight:500;display:flex}.mobile-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:295;background:#0006;animation:.2s fadeIn;position:fixed;inset:0}@media (width<=767px){.desktop-search{display:none!important}.mobile-search-bar{background:var(--white);border-bottom:1px solid var(--border);padding:12px 16px;display:block}.mobile-search-input{border:1.5px solid var(--border);background:var(--cream);border-radius:30px;width:100%;padding:12px 16px;font-size:14px}}@media (width>=768px){.mobile-search-bar{display:none!important}}@media (width<=767px){.product-card-mobile{border-radius:18px;overflow:hidden;box-shadow:0 16px 30px #00000014}.product-card-mobile h3{margin-bottom:4px;font-size:13px;line-height:1.4}.product-card-mobile .price{font-size:15px}.product-card-mobile .vendor{font-size:10px}.product-card-mobile button{padding:8px 12px;font-size:11px}}.tap-feedback:active{opacity:.8;transform:scale(.96)}@supports (padding:max(0px)){.mobile-bottom-nav{padding-bottom:max(8px, env(safe-area-inset-bottom))}.mobile-menu-drawer,.filter-drawer{padding-top:env(safe-area-inset-top)}}@media (width>=768px){.mobile-only,.category-strip{display:none!important}}@media (width<=767px){.desktop-only{display:none!important}}