@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";:root{--bg:#f7f5f1;--bg-wash:#fffaf0;--bg2:#fff;--bg3:#f1eee8;--surface:#fff;--surface2:#ebe7df;--border:#e4dfd4;--border2:#d4ccb9;--text:#171412;--text2:#5d554b;--text3:#8f8577;--primary:#111;--primary2:#34312d;--secondary:#c8a45d;--accent:#b9802e;--accent2:#e0b75f;--accent3:#8a5a20;--accent-dim:#b9802e1c;--accent-glow:#b9802e33;--green:#16845d;--green-dim:#16845d1f;--red:#c2413c;--red-dim:#c2413c1c;--blue:#2563eb;--blue-dim:#2563eb1a;--warning:#c47b19;--radius-xs:6px;--radius-sm:10px;--radius:14px;--radius-lg:20px;--radius-xl:28px;--space-xs:6px;--space-sm:10px;--space-md:16px;--space-lg:24px;--space-xl:36px;--space-2xl:56px;--space-3xl:84px;--shadow-sm:0 8px 24px #201b1412;--shadow:0 18px 45px #201b141c;--shadow-lg:0 32px 80px #201b142e;--shadow-accent:0 20px 42px #b9802e38;--glass:#ffffffc7;--glass-strong:#fffffff0;--media-surface:linear-gradient(145deg, #f8f4ec, #e9e1d4);--ease:cubic-bezier(.22, 1, .36, 1);--transition:.22s var(--ease);--transition-slow:.42s var(--ease);--font-display:"Inter", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif}[data-theme=dark],.dark{--bg:#0f0f0f;--bg-wash:#16110a;--bg2:#171717;--bg3:#202020;--surface:#191919;--surface2:#242424;--border:#2b2b2b;--border2:#3a3a3a;--text:#f7f2ea;--text2:#c6beb1;--text3:#837a6e;--primary:#f7f2ea;--primary2:#e4dac8;--secondary:#d4a44a;--accent:#e0b75f;--accent2:#c98e37;--accent3:#f4ca75;--accent-dim:#e0b75f1f;--accent-glow:#e0b75f40;--shadow-sm:0 8px 24px #00000047;--shadow:0 18px 45px #00000061;--shadow-lg:0 32px 80px #0000008c;--glass:#171717c7;--glass-strong:#171717f0;--media-surface:linear-gradient(145deg, #24211b, #171717)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{min-height:100vh;font-family:var(--font-body);color:var(--text);background:radial-gradient(circle at 16% -8%, #e0b75f2e, transparent 28rem), linear-gradient(180deg, var(--bg-wash) 0%, var(--bg) 36rem);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.55}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer;background:0 0;border:0;font-family:inherit}input,textarea,select{font:inherit;outline:none}img{max-width:100%;display:block}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #b9802e57}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:99px}.container{width:min(100% - 48px,1320px);margin:0 auto}.page-shell{padding:var(--space-xl) 0 var(--space-3xl)}.surface-band{background:color-mix(in srgb, var(--bg2) 62%, transparent);border-block:1px solid var(--border)}.btn{border-radius:var(--radius);letter-spacing:0;min-height:42px;transition:transform var(--transition), box-shadow var(--transition), background var(--transition), border-color var(--transition), color var(--transition);white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:11px 18px;font-size:14px;font-weight:800;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{color:#fff;background:linear-gradient(135deg, var(--primary), var(--primary2));box-shadow:var(--shadow-sm)}.btn-primary:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.btn-secondary{color:#171412;background:linear-gradient(135deg, var(--accent2), #f4d891);box-shadow:var(--shadow-accent)}.btn-secondary:hover{transform:translateY(-2px)}.btn-outline{color:var(--text);background:var(--glass);border:1px solid var(--border2)}.btn-outline:hover{border-color:var(--accent);color:var(--accent3);transform:translateY(-1px)}.btn-ghost{color:var(--text2);background:0 0}.btn-ghost:hover{color:var(--text);background:var(--bg3)}.btn-danger{background:var(--red);color:#fff}.btn-sm{border-radius:var(--radius-sm);min-height:36px;padding:8px 13px;font-size:13px}.btn-xs{border-radius:var(--radius-sm);min-height:30px;padding:5px 10px;font-size:12px}.btn-icon{width:38px;min-height:38px;padding:0}.btn-icon-lg{width:44px;min-height:44px;padding:0}.input{width:100%;min-height:44px;color:var(--text);background:var(--glass);border:1px solid var(--border);border-radius:var(--radius);transition:border-color var(--transition), box-shadow var(--transition), background var(--transition);padding:11px 14px;font-size:14px}.input:focus{background:var(--bg2);border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-dim)}.input::placeholder{color:var(--text3)}.label{color:var(--text2);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:800;display:block}.form-group{gap:7px;display:grid}select.input{appearance:none;cursor:pointer}.badge{letter-spacing:.06em;text-transform:uppercase;border-radius:999px;align-items:center;gap:5px;padding:5px 10px;font-size:11px;font-weight:900;display:inline-flex}.badge-accent{color:var(--accent3);background:var(--accent-dim);border:1px solid #b9802e2e}.badge-green{color:var(--green);background:var(--green-dim)}.badge-red{color:var(--red);background:var(--red-dim)}.badge-gray{color:var(--text2);background:var(--bg3)}.badge-blue{color:var(--blue);background:var(--blue-dim)}.card{background:var(--glass);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform var(--transition), box-shadow var(--transition), border-color var(--transition)}.card:hover{border-color:var(--border2);box-shadow:var(--shadow);transform:translateY(-4px)}.section-header{justify-content:space-between;align-items:end;gap:18px;margin-bottom:26px;display:flex}.section-eyebrow{color:var(--accent3);letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:900}.section-title{font-family:var(--font-display);letter-spacing:0;font-size:clamp(26px,3vw,40px);font-weight:900;line-height:1.08}.section-copy{color:var(--text2);max-width:560px;margin-top:10px}.section-link{color:var(--accent3);align-items:center;gap:6px;font-size:14px;font-weight:850;display:inline-flex}.section-link:hover{gap:10px}.products-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:22px;display:grid}.categories-grid{grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:14px;display:grid}.pill-tabs{flex-wrap:wrap;gap:8px;display:flex}.pill-tab{border:1px solid var(--border);background:var(--glass);color:var(--text2);transition:all var(--transition);border-radius:999px;padding:8px 14px;font-size:13px;font-weight:800}.pill-tab:hover,.pill-tab.active{background:var(--text);border-color:var(--text);color:var(--bg2)}.spinner{border:2px solid var(--border2);border-top-color:var(--accent);border-radius:50%;flex-shrink:0;width:18px;height:18px;animation:.7s linear infinite spin}.page-loader{place-items:center;min-height:52vh;display:grid}.page-loader .spinner{border-width:3px;width:34px;height:34px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-500px 0}to{background-position:500px 0}}.fade-in{animation:fadeInUp .48s var(--ease) both}.skeleton{background:linear-gradient(90deg, var(--bg3) 25%, #fffc 50%, var(--bg3) 75%);border-radius:var(--radius-sm);background-size:900px 100%;animation:1.35s infinite shimmer}.empty-state{color:var(--text3);text-align:center;background:var(--glass);border:1px dashed var(--border2);border-radius:var(--radius-xl);justify-items:center;gap:14px;padding:82px 28px;display:grid}.empty-state h3{color:var(--text);font-size:22px;font-weight:900}.empty-state p{max-width:360px;color:var(--text2)}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#110e0a94;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-xl);width:min(100%,520px);max-height:90vh;box-shadow:var(--shadow-lg);animation:fadeInUp .22s var(--ease);padding:28px;overflow:auto}.modal-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}.modal-title{font-size:22px;font-weight:900}.divider{background:var(--border);height:1px;margin:18px 0}.table-wrap{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg2);box-shadow:var(--shadow-sm);overflow-x:auto}table{border-collapse:collapse;width:100%}th{text-align:left;color:var(--text3);background:var(--bg3);letter-spacing:.08em;text-transform:uppercase;padding:14px 16px;font-size:11px;font-weight:900}td{border-top:1px solid var(--border);padding:15px 16px;font-size:14px}tr:hover td{background:#b9802e0a}.qty-control{background:var(--bg2);border:1px solid var(--border2);border-radius:var(--radius);grid-template-columns:38px 48px 38px;align-items:center;min-height:42px;display:inline-grid;overflow:hidden}.qty-btn{height:42px;color:var(--text2);transition:background var(--transition), color var(--transition);font-size:20px;font-weight:700}.qty-btn:hover{color:var(--accent3);background:var(--bg3)}.qty-num{text-align:center;font-size:14px;font-weight:900}.toast-premium{border-radius:var(--radius)!important;box-shadow:var(--shadow)!important}.nav-shell{z-index:200;background:var(--glass);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:sticky;top:0}.nav-shell.is-scrolled{box-shadow:var(--shadow-sm)}.nav-inner{align-items:center;gap:16px;height:72px;display:flex}.brand-mark{color:#16110a;background:linear-gradient(135deg, #f5d990, var(--accent2));width:42px;height:42px;box-shadow:var(--shadow-accent);border-radius:14px;place-items:center;display:grid}.nav-search{flex:1;max-width:520px;position:relative}.nav-search svg{color:var(--text3);pointer-events:none;position:absolute;top:50%;left:15px;transform:translateY(-50%)}.nav-search .input{border-radius:999px;padding-left:42px}.cart-count{color:#fff;background:var(--red);border-radius:999px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:900;display:grid;position:absolute;top:1px;right:1px}.mobile-drawer{z-index:190;background:var(--glass-strong);border-bottom:1px solid var(--border);box-shadow:var(--shadow);animation:fadeInUp .2s var(--ease);padding:18px 24px 26px;position:fixed;inset:72px 0 auto}.product-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform var(--transition), box-shadow var(--transition), border-color var(--transition);position:relative;overflow:hidden}.product-card:hover{border-color:var(--border2);box-shadow:var(--shadow);transform:translateY(-6px)}.product-media{aspect-ratio:1/.92;background:var(--media-surface);place-items:center;display:grid;position:relative;overflow:hidden}.product-media img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow), opacity var(--transition)}.product-card:hover .product-media img{transform:scale(1.055)}.product-info{padding:16px}.product-kicker{color:var(--text3);letter-spacing:.09em;text-transform:uppercase;margin-bottom:7px;font-size:11px;font-weight:900}.product-title{min-height:42px;color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:15px;font-weight:850;line-height:1.35;display:-webkit-box;overflow:hidden}.product-footer{justify-content:space-between;align-items:center;gap:10px;margin-top:14px;display:flex}.product-price{color:var(--accent3);font-size:18px;font-weight:950}.quick-add-btn{opacity:0;transition:all var(--transition);position:absolute;bottom:12px;right:12px;transform:translateY(8px)}.product-card:hover .quick-add-btn{opacity:1;transform:translateY(0)}.hero-section{padding:76px 0 58px;position:relative;overflow:hidden}.hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);align-items:center;gap:48px;display:grid}.hero-title{letter-spacing:0;max-width:760px;font-size:clamp(42px,7vw,86px);font-weight:950;line-height:.96}.hero-copy{max-width:560px;color:var(--text2);margin-top:22px;font-size:clamp(16px,2vw,20px);line-height:1.7}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.hero-visual{min-height:440px;box-shadow:var(--shadow-lg);background:linear-gradient(145deg,#171412,#44321f 62%,#f0c96f);border-radius:34px;position:relative;overflow:hidden}.hero-visual:before{content:"";border:1px solid #ffffff2e;border-radius:26px;position:absolute;inset:18px}.hero-product-stack{grid-template-columns:repeat(2,1fr);align-content:end;gap:16px;display:grid;position:absolute;inset:44px 34px 38px}.hero-chip{background:var(--glass-strong);box-shadow:var(--shadow);border-radius:20px;padding:18px}.hero-chip strong{color:var(--text);margin-top:10px;font-size:16px;display:block}.trust-grid,.checkout-steps{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.trust-card{background:var(--glass);border:1px solid var(--border);border-radius:var(--radius-lg);align-items:center;gap:12px;padding:18px;display:flex}.trust-icon{width:42px;height:42px;color:var(--accent3);background:var(--accent-dim);border-radius:14px;flex:none;place-items:center;display:grid}.product-layout{grid-template-columns:300px 1fr;align-items:start;gap:28px;display:grid}.filter-panel{background:var(--glass);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:20px;position:sticky;top:96px}.listing-toolbar{justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px;display:flex}.product-detail-grid{grid-template-columns:minmax(0,1.02fr) minmax(360px,.98fr);align-items:start;gap:58px;display:grid}.gallery-main{background:var(--media-surface);border:1px solid var(--border);border-radius:var(--radius-xl);height:min(56vw,560px);min-height:390px;box-shadow:var(--shadow-sm);place-items:center;display:grid;position:relative;overflow:hidden}.gallery-main img{object-fit:cover;width:100%;height:100%}.thumbnail-row{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.thumbnail-btn{border:2px solid var(--border);background:var(--bg3);border-radius:14px;width:70px;height:70px;padding:0;overflow:hidden}.thumbnail-btn.active{border-color:var(--accent)}.product-sticky{position:sticky;top:96px}.purchase-card,.summary-card{background:var(--glass);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:20px}.variant-grid{flex-wrap:wrap;gap:9px;display:flex}.variant-btn{border:1px solid var(--border2);border-radius:var(--radius);background:var(--bg2);color:var(--text);transition:all var(--transition);padding:10px 16px;font-weight:850}.variant-btn.active{border-color:var(--text);background:var(--text);color:var(--bg2)}.cart-layout{grid-template-columns:minmax(0,1fr) 400px;align-items:start;gap:28px;display:grid}.cart-item{background:var(--glass);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);grid-template-columns:76px minmax(0,1fr) auto auto auto;align-items:center;gap:16px;padding:16px;display:grid}.summary-card{position:sticky;top:96px}.checkout-step{color:var(--text3);align-items:center;gap:9px;font-size:12px;font-weight:850;display:flex}.checkout-step span{color:#fff;background:var(--text);border-radius:50%;place-items:center;width:25px;height:25px;font-size:11px;display:grid}@media (width<=1024px){.hero-grid,.product-layout,.product-detail-grid,.cart-layout{grid-template-columns:1fr}.filter-panel,.product-sticky,.summary-card{position:static}.hero-visual{min-height:360px}}@media (width<=768px){.container{width:min(100% - 32px,1320px)}.hide-mobile{display:none!important}.nav-inner{gap:10px;height:66px}.nav-search{max-width:none}.mobile-drawer{inset-block-start:66px}.hero-section{padding:46px 0 40px}.hero-grid{gap:28px}.hero-product-stack{inset:30px 22px 28px}.trust-grid,.checkout-steps{grid-template-columns:1fr}.products-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}.categories-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-header,.listing-toolbar{flex-direction:column;align-items:flex-start}.cart-item{grid-template-columns:64px minmax(0,1fr) auto}.cart-item .line-total{grid-column:2/3;text-align:left!important}.cart-item .remove-item{grid-area:1/3/2/4}.gallery-main{height:72vw;min-height:320px}}@media (width<=480px){.products-grid{grid-template-columns:1fr 1fr;gap:10px}.product-info{padding:13px}.product-title{min-height:37px;font-size:13px}.product-price{font-size:15px}.hero-actions .btn{width:100%}}
