:root{--bg:#08080b;--bg-elevated:#101014;--surface:#16161d;--surface2:#22222c;--surface3:#2c2c38;--accent:#e8b4b8;--accent-dim:#c49a9e;--accent2:#d4af7a;--text:#fafafa;--muted:#9b9ba8;--success:#6ee7b7;--warning:#fcd34d;--danger:#f87171;--radius:16px;--radius-sm:10px;--font:"DM Sans", system-ui, sans-serif;--font-display:"Instrument Serif", Georgia, serif;--shadow:0 24px 64px #00000073;--nav-h:72px;--layout-max:1280px;--touch-min:44px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;min-height:100dvh;padding-bottom:var(--safe-bottom);background-image:radial-gradient(90% 60% at 10% -10%,#e8b4b81f,#0000),radial-gradient(70% 50% at 100% 0,#d4af7a14,#0000);line-height:1.5}.skip-link{z-index:9999;background:var(--accent);color:#141418;padding:.75rem 1rem;font-weight:600;position:absolute;top:0;left:-9999px}.skip-link:focus{left:var(--safe-left);top:var(--safe-top)}a{color:inherit;text-decoration:none}button{cursor:pointer;border-radius:var(--radius-sm);border:none;font-family:inherit;transition:transform .15s,opacity .15s,box-shadow .2s}button:active:not(:disabled){transform:scale(.98)}button:disabled{opacity:.5;cursor:not-allowed}input,select,textarea{border-radius:var(--radius-sm);border:1px solid var(--surface3);background:var(--surface);color:var(--text);width:100%;padding:.8rem 1rem;font-family:inherit;font-size:.95rem;transition:border-color .2s,box-shadow .2s}input:focus,select:focus,textarea:focus{border-color:var(--accent-dim);outline:none;box-shadow:0 0 0 3px #e8b4b826}.layout{width:100%;max-width:var(--layout-max);padding:0 max(1rem, var(--safe-left)) max(1rem, var(--safe-right));padding-bottom:calc(3rem + var(--safe-bottom));margin:0 auto}.page-title{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:.35rem;font-size:clamp(2rem,4vw,2.75rem);font-weight:400}.page-sub{color:var(--muted);margin-bottom:2rem}.promo-bar{border-bottom:1px solid var(--surface2);text-align:center;color:var(--accent);background:linear-gradient(90deg,#e8b4b833,#d4af7a26);padding:.55rem 1rem;font-size:.85rem}.promo-bar strong{color:var(--text)}.api-banner{border-radius:var(--radius-sm);color:var(--warning);background:#fcd34d1f;border:1px solid #fcd34d59;margin-top:1rem;padding:.85rem 1rem;font-size:.88rem;line-height:1.5}.api-banner code{background:var(--surface2);border-radius:4px;padding:.1rem .35rem;font-size:.82rem}.nav-wrap{z-index:100;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--surface2);padding-top:var(--safe-top);background:#08080bd1;position:sticky;top:0}.nav{min-height:var(--nav-h);align-items:center;gap:1rem;padding:.75rem 0;display:flex}.logo{font-family:var(--font-display);letter-spacing:-.02em;background:linear-gradient(135deg, var(--accent), var(--accent2));-webkit-text-fill-color:transparent;-webkit-background-clip:text;flex-shrink:0;font-size:1.65rem;font-weight:400}.nav-search{flex:1;max-width:420px;position:relative}.nav-search input{background:var(--surface);border-color:#0000;padding-left:2.5rem}.nav-search svg{opacity:.45;position:absolute;top:50%;left:.85rem;transform:translateY(-50%)}.nav-links{align-items:center;gap:.35rem;display:flex}.nav-link{border-radius:var(--radius-sm);color:var(--muted);padding:.5rem .85rem;font-size:.9rem;font-weight:500;transition:color .2s,background .2s}.nav-link:hover,.nav-link.active{color:var(--text);background:var(--surface2)}.nav-icon-btn{min-width:var(--touch-min);min-height:var(--touch-min);background:var(--surface2);width:44px;height:44px;color:var(--text);border-radius:var(--radius-sm);justify-content:center;align-items:center;display:flex;position:relative}.nav-badge{background:var(--accent);color:#1a1a22;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:.65rem;font-weight:700;display:flex;position:absolute;top:4px;right:4px}.menu-toggle{min-width:var(--touch-min);min-height:var(--touch-min);background:var(--surface2);color:var(--text);font-size:1.25rem;display:none}.mobile-drawer{padding:1rem max(1rem, var(--safe-left)) 1.25rem;border-top:1px solid var(--surface2);background:#08080bf2;flex-direction:column;gap:.35rem;display:none}.mobile-drawer.open{display:flex}.mobile-drawer .nav-link,.mobile-drawer a{min-height:var(--touch-min);border-radius:var(--radius-sm);align-items:center;padding:.65rem .85rem;display:flex}.mobile-drawer-search{margin-bottom:.5rem}.mobile-drawer-search input{font-size:16px}@media (width<=900px){.nav-search,.nav-links.desktop{display:none}.menu-toggle{justify-content:center;align-items:center;display:flex}.promo-bar{padding:.45rem .65rem;font-size:.72rem;line-height:1.35}}.btn{background:linear-gradient(135deg, var(--accent), #d4a5a9);color:#141418;border-radius:var(--radius-sm);padding:.75rem 1.35rem;font-size:.9rem;font-weight:600}.btn:hover:not(:disabled){box-shadow:0 8px 24px #e8b4b840}.btn-lg{padding:1rem 1.75rem;font-size:1rem}.btn-sm{padding:.45rem .85rem;font-size:.8rem}.btn-ghost{background:var(--surface2);color:var(--text)}.btn-outline{border:1px solid var(--surface3);color:var(--text);background:0 0}.btn-icon{background:var(--surface2);width:44px;height:44px;color:var(--text);justify-content:center;align-items:center;padding:0;display:inline-flex}.hero{grid-template-columns:1.1fr .9fr;align-items:center;gap:2.5rem;min-height:420px;padding:3rem 0 2.5rem;display:grid}.hero-content h1{font-family:var(--font-display);letter-spacing:-.03em;margin-bottom:1rem;font-size:clamp(2.5rem,6vw,4rem);font-weight:400;line-height:1.05}.hero-content h1 em{color:var(--accent);font-style:italic}.hero-content p{color:var(--muted);max-width:440px;margin-bottom:1.75rem;font-size:1.05rem}.hero-actions{flex-wrap:wrap;gap:.75rem;display:flex}.hero-stats{border-top:1px solid var(--surface2);gap:2rem;margin-top:2.5rem;padding-top:1.5rem;display:flex}.hero-stat strong{font-size:1.35rem;font-weight:700;display:block}.hero-stat span{color:var(--muted);font-size:.8rem}.hero-visual{border-radius:var(--radius);aspect-ratio:4/5;background:var(--surface);border:1px solid var(--surface2);position:relative;overflow:hidden}.hero-visual img{object-fit:cover;width:100%;height:100%}.hero-visual:after{content:"";background:linear-gradient(#0000 60%,#08080b99);position:absolute;inset:0}.hero-tag{z-index:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--surface3);background:#08080bbf;border-radius:999px;padding:.5rem 1rem;font-size:.85rem;position:absolute;bottom:1.25rem;left:1.25rem}@media (width<=900px){.hero{grid-template-columns:1fr;min-height:auto}.hero-visual{max-height:360px}}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.toolbar h2{font-size:1.1rem;font-weight:600}.sort-select{width:auto;min-width:180px;padding:.55rem 2rem .55rem .85rem;font-size:.85rem}.filters{flex-wrap:wrap;gap:.5rem;margin-bottom:1.75rem;display:flex}.chip{background:var(--surface);border:1px solid var(--surface2);cursor:pointer;border-radius:999px;padding:.45rem 1rem;font-size:.85rem;transition:all .2s}.chip:hover{border-color:var(--accent-dim)}.chip.active{background:var(--accent);border-color:var(--accent);color:#141418;font-weight:600}.grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.35rem;display:grid}.card{background:var(--surface);border-radius:var(--radius);border:1px solid var(--surface2);flex-direction:column;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;overflow:hidden}.card:hover{box-shadow:var(--shadow);border-color:var(--surface3);transform:translateY(-6px)}.card-media{aspect-ratio:3/4;position:relative;overflow:hidden}.card-media img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.card:hover .card-media img{transform:scale(1.04)}.card-badges{flex-direction:column;gap:.35rem;display:flex;position:absolute;top:.75rem;left:.75rem}.badge{text-transform:uppercase;letter-spacing:.06em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#08080bcc;border-radius:6px;padding:.3rem .55rem;font-size:.7rem;font-weight:700}.badge-featured{color:var(--accent2)}.badge-sale{color:var(--success)}.badge-low{color:var(--warning)}.card-quick{opacity:0;transition:opacity .2s,transform .2s;position:absolute;bottom:.75rem;right:.75rem;transform:translateY(8px)}.card:hover .card-quick{opacity:1;transform:translateY(0)}.card-body{flex-direction:column;flex:1;padding:1.1rem 1.15rem 1.25rem;display:flex}.card-body h3{margin-bottom:.25rem;font-size:1rem;font-weight:600;line-height:1.3}.card-meta{justify-content:space-between;align-items:baseline;margin-top:auto;padding-top:.65rem;display:flex}.price{color:var(--accent);font-size:1.05rem;font-weight:700}.price-compare{color:var(--muted);margin-left:.35rem;font-size:.8rem;font-weight:400;text-decoration:line-through}.detail{grid-template-columns:1fr 1fr;gap:3rem;padding-top:1.5rem;display:grid}.detail-gallery{top:calc(var(--nav-h) + 1rem);align-self:start;position:sticky}.detail-gallery img{border-radius:var(--radius);aspect-ratio:3/4;object-fit:cover;border:1px solid var(--surface2);width:100%}.detail-info h1{font-family:var(--font-display);margin-bottom:.5rem;font-size:clamp(2rem,4vw,2.75rem);font-weight:400}.detail-price-row{align-items:baseline;gap:.75rem;margin:1rem 0;display:flex}.detail-price-row .price{font-size:1.75rem}.stock-pill{background:var(--surface2);border-radius:999px;align-items:center;gap:.35rem;margin-bottom:1.25rem;padding:.35rem .75rem;font-size:.85rem;display:inline-flex}.stock-pill.in-stock{color:var(--success)}.stock-pill.low{color:var(--warning)}.option-group{margin-bottom:1.25rem}.option-group label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:.55rem;font-size:.8rem;font-weight:600;display:block}.pill-row{flex-wrap:wrap;gap:.5rem;display:flex}.pill{border-radius:var(--radius-sm);border:1px solid var(--surface3);background:var(--surface);cursor:pointer;padding:.5rem 1rem;font-size:.9rem;transition:all .15s}.pill.active{border-color:var(--accent);color:var(--accent);background:#e8b4b81f}.detail-actions{flex-wrap:wrap;gap:.75rem;margin:1.5rem 0;display:flex}.reviews-section{border-top:1px solid var(--surface2);margin-top:3rem;padding-top:2rem}.review-card{border-bottom:1px solid var(--surface2);padding:1rem 0}.review-stars{color:var(--accent2);letter-spacing:2px;margin-bottom:.35rem}.review-form{background:var(--surface);border:1px solid var(--surface2);border-radius:var(--radius);flex-direction:column;gap:.85rem;margin-top:1rem;padding:1.25rem;display:flex}.star-picker{gap:.25rem;display:flex}.star-picker button{color:var(--surface3);background:0 0;padding:0;font-size:1.5rem}.star-picker button.on{color:var(--accent2)}@media (width<=900px){.detail{grid-template-columns:1fr}.detail-gallery{position:static}}.two-col{grid-template-columns:1fr 380px;align-items:start;gap:2rem;display:grid}@media (width<=900px){.two-col{grid-template-columns:1fr}}.cart-line{background:var(--surface);border:1px solid var(--surface2);border-radius:var(--radius);grid-template-columns:88px 1fr auto;align-items:center;gap:1rem;margin-bottom:.85rem;padding:1.15rem;display:grid}.cart-line img{object-fit:cover;border-radius:var(--radius-sm);width:88px;height:110px}.qty-control{background:var(--surface2);border-radius:var(--radius-sm);align-items:center;gap:.5rem;padding:.25rem;display:inline-flex}.qty-control button{background:var(--surface3);width:32px;height:32px;color:var(--text);font-size:1.1rem;line-height:1}.qty-control span{text-align:center;min-width:1.5rem;font-weight:600}.summary-card{background:var(--surface);border:1px solid var(--surface2);border-radius:var(--radius);top:calc(var(--nav-h) + 1rem);padding:1.5rem;position:sticky}.summary-row{color:var(--muted);justify-content:space-between;padding:.5rem 0;font-size:.95rem;display:flex}.summary-row.total{border-top:1px solid var(--surface2);color:var(--text);margin-top:.75rem;padding-top:1rem;font-size:1.15rem;font-weight:700}.summary-row.total .price{font-size:1.35rem}.coupon-hint{color:var(--accent2);margin-top:.5rem;font-size:.8rem}.auth-page{min-height:calc(100vh - var(--nav-h) - 80px);grid-template-columns:1fr 1fr;gap:0;margin:0 -1.25rem;display:grid}.auth-visual{background:var(--surface);border-right:1px solid var(--surface2);flex-direction:column;justify-content:center;padding:3rem;display:flex}.auth-visual h2{font-family:var(--font-display);margin-bottom:1rem;font-size:2.5rem;font-weight:400}.auth-form-wrap{justify-content:center;align-items:center;padding:3rem 2.5rem;display:flex}.auth-form{flex-direction:column;gap:1rem;width:100%;max-width:400px;display:flex}.field label{color:var(--muted);margin-bottom:.4rem;font-size:.8rem;font-weight:600;display:block}@media (width<=768px){.auth-page{grid-template-columns:1fr}.auth-visual{display:none}}.order-card{background:var(--surface);border:1px solid var(--surface2);border-radius:var(--radius);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.85rem;padding:1.25rem 1.5rem;display:flex}.status-pill{text-transform:uppercase;letter-spacing:.06em;border-radius:999px;padding:.35rem .7rem;font-size:.75rem;font-weight:700}.status-paid{color:var(--success);background:#6ee7b726}.status-pending{color:var(--warning);background:#fcd34d26}.empty-state{text-align:center;background:var(--surface);border:1px dashed var(--surface3);border-radius:var(--radius);padding:4rem 1.5rem}.empty-state h3{margin-bottom:.5rem;font-size:1.25rem}.skeleton-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.35rem;display:grid}.skeleton-card{aspect-ratio:3/4.8;background:linear-gradient(90deg, var(--surface) 25%, var(--surface2) 50%, var(--surface) 75%);border-radius:var(--radius);background-size:200% 100%;animation:1.2s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.toast-stack{z-index:200;flex-direction:column;gap:.5rem;display:flex;position:fixed;bottom:1.5rem;right:1.5rem}.toast{border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--surface3);box-shadow:var(--shadow);max-width:320px;padding:.85rem 1.25rem;font-size:.9rem;animation:.3s slideIn}.toast.success{border-color:#6ee7b766}.toast.error{border-color:#f8717166}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.footer{border-top:1px solid var(--surface2);grid-template-columns:2fr 1fr 1fr;gap:2rem;margin-top:4rem;padding:2.5rem 0;display:grid}.footer-brand p{color:var(--muted);max-width:280px;margin-top:.75rem;font-size:.9rem}.footer h4{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:.75rem;font-size:.8rem}.footer a{color:var(--muted);padding:.25rem 0;font-size:.9rem;display:block}.footer a:hover{color:var(--accent)}.footer-bottom{border-top:1px solid var(--surface2);color:var(--muted);flex-wrap:wrap;grid-column:1/-1;justify-content:space-between;gap:.5rem;padding-top:1.5rem;font-size:.8rem;display:flex}@media (width<=768px){.footer{grid-template-columns:1fr}}.error{color:var(--danger);font-size:.9rem}.muted{color:var(--muted);font-size:.9rem}.text-center{text-align:center}.mt-1{margin-top:1rem}.w-full{width:100%}@media (pointer:coarse){.btn,.chip,.pill,.nav-link,.nav-item{min-height:var(--touch-min)}.card-quick .btn{min-height:38px}}@media (width<=430px){:root{--nav-h:64px;--radius:14px}.nav .logo{font-size:1.35rem}.hero-content h1{font-size:clamp(1.85rem,8vw,2.35rem)}.hero-stats{flex-wrap:wrap;gap:1rem 1.5rem}.grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.card-body{padding:.75rem}.card-body h3{font-size:.85rem}.price{font-size:.95rem}.two-col{gap:1.25rem}.cart-line{grid-template-rows:auto auto;grid-template-columns:72px 1fr}.cart-line .price{text-align:left;grid-column:2}.detail-actions{flex-direction:column}.detail-actions .btn{width:100%}.auth-page{margin:0}.auth-form-wrap{padding:1.5rem 1rem}}@media (height<=500px) and (orientation:landscape){.hero{min-height:auto;padding:1.5rem 0}.hero-visual{max-height:220px}.hero-stats{margin-top:1rem;padding-top:.75rem}}@media (width>=431px) and (width<=834px){.grid{grid-template-columns:repeat(3,1fr)}.hero{gap:2rem}.two-col{grid-template-columns:1fr 320px}.summary-card{position:static}}@media (width>=835px) and (width<=1194px){:root{--layout-max:1100px}.grid{grid-template-columns:repeat(3,1fr)}}@media (width>=1200px){.grid{grid-template-columns:repeat(4,1fr)}}@media (width>=1920px){:root{--layout-max:1680px;--nav-h:88px}html{font-size:18px}.page-title{font-size:clamp(2.5rem,2vw,3.25rem)}.grid{grid-template-columns:repeat(5,1fr);gap:1.75rem}.hero-content h1{font-size:clamp(3rem,3vw,4.5rem)}.btn:focus-visible,.nav-link:focus-visible,.chip:focus-visible,.pill:focus-visible,.nav-item:focus-visible{outline:3px solid var(--accent);outline-offset:3px}}@media (width>=2560px){:root{--layout-max:2000px}html{font-size:20px}.grid{grid-template-columns:repeat(6,1fr)}}@media (width<=900px){input,select,textarea{font-size:16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){.nav-item.active,.chip.active,.pill.active{outline:2px solid #fff}}@media print{.nav-wrap,.footer,.promo-bar,.toast-stack,.menu-toggle{display:none!important}.layout{max-width:none}}