:root{--bg-primary:#0a0b0f;--bg-secondary:#12141c;--bg-tertiary:#191c26;--bg-elevated:#202431;--bg-glass:#12141cbf;--bg-glass-card:#191c26a6;--cream-light:#f7f3ec;--cream-base:#eee8de;--cream-dark:#dfd6c6;--sand-muted:#b8ad9a;--brand-crimson:#9e2a2b;--brand-crimson-hover:#b83334;--brand-crimson-glow:#9e2a2b59;--brand-navy:#152238;--brand-brown:#3e2e24;--brand-gold:#c9ab85;--text-primary:#f5f6fa;--text-secondary:#a9b0c2;--text-muted:#6f778a;--text-inverted:#0a0b0f;--border-subtle:#ffffff14;--border-medium:#ffffff29;--border-focus:#f7f3ec66;--border-brand:#9e2a2b80;--shadow-sm:0 2px 8px #0006;--shadow-md:0 8px 24px #00000080;--shadow-lg:0 16px 40px #000000a6;--shadow-glow:0 0 25px var(--brand-crimson-glow);--shadow-card:0 10px 30px -10px #000000b3;--font-brand:"Syne", sans-serif;--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"Space Grotesk", monospace;--header-height:80px;--max-width:1440px;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-xl:30px;--radius-full:9999px;--transition-fast:.15s ease;--transition-normal:.25s cubic-bezier(.16, 1, .3, 1);--transition-slow:.5s cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);min-height:100vh;line-height:1.6;position:relative;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:var(--radius-full);border:2px solid var(--bg-primary)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}h1,h2,h3,h4,h5,h6{font-family:var(--font-brand);color:var(--text-primary);letter-spacing:-.02em;font-weight:700;line-height:1.15}.brand-font{font-family:var(--font-brand)}.mono-font{font-family:var(--font-mono)}a{color:inherit;text-decoration:none}img,video{max-width:100%;height:auto;display:block}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:none;outline:none}button{cursor:pointer;-webkit-user-select:none;user-select:none}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 1.5rem}@media (width>=1024px){.container{padding:0 3rem}}.glass-panel{background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle)}.glass-card{background:var(--bg-glass-card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:all var(--transition-normal)}.glass-card:hover{border-color:var(--border-medium);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn{border-radius:var(--radius-full);letter-spacing:.02em;transition:all var(--transition-normal);white-space:nowrap;justify-content:center;align-items:center;gap:.6rem;padding:.85rem 1.75rem;font-size:.925rem;font-weight:600;display:inline-flex}.btn-primary{background-color:var(--text-primary);color:var(--bg-primary);box-shadow:0 4px 14px #ffffff26}.btn-primary:hover{background-color:#fff;transform:translateY(-1px);box-shadow:0 6px 20px #ffffff40}.btn-dark{color:#fff;background-color:#171923;border:1px solid #ffffff24}.btn-dark:hover{background-color:#232736;border-color:#ffffff4d;transform:translateY(-1px)}.btn-crimson{background-color:var(--brand-crimson);color:#fff;box-shadow:0 4px 16px var(--brand-crimson-glow)}.btn-crimson:hover{background-color:var(--brand-crimson-hover);box-shadow:0 6px 24px var(--brand-crimson-glow);transform:translateY(-1px)}.btn-outline{color:var(--text-primary);border:1px solid var(--border-medium);background:0 0}.btn-outline:hover{border-color:var(--text-primary);background:#ffffff0d;transform:translateY(-1px)}.btn-cream{background-color:var(--cream-light);color:var(--text-inverted)}.btn-cream:hover{background-color:#fff;box-shadow:0 6px 20px #f7f3ec40}.btn-icon{border-radius:var(--radius-full);border:1px solid var(--border-subtle);width:42px;height:42px;color:var(--text-primary);transition:all var(--transition-fast);background:#ffffff0a;justify-content:center;align-items:center;padding:0;display:inline-flex}.btn-icon:hover{border-color:var(--border-medium);background:#ffffff1f;transform:scale(1.05)}.badge{border-radius:var(--radius-full);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:.35rem;padding:.25rem .65rem;font-size:.72rem;font-weight:700;display:inline-flex}.badge-crimson{color:#ff6b6c;background:#9e2a2b33;border:1px solid #9e2a2b80}.badge-cream{color:var(--cream-light);background:#f7f3ec26;border:1px solid #f7f3ec4d}.badge-success{color:#2ecc71;background:#2ecc7126;border:1px solid #2ecc7166}.badge-info{color:#3498db;background:#3498db26;border:1px solid #3498db66}.star-rating{color:#f1c40f;align-items:center;gap:.2rem;font-size:.9rem;display:inline-flex}.header-nav{z-index:100;width:100%;height:var(--header-height);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle);transition:all var(--transition-normal);background:#0a0b0fd9;position:sticky;top:0}.nav-container{justify-content:space-between;align-items:center;height:100%;display:flex}.nav-logo{cursor:pointer;align-items:center;gap:.6rem;display:flex}.nav-logo .star-symbol{width:26px;height:26px;color:var(--text-primary);transition:transform var(--transition-normal)}.nav-logo:hover .star-symbol{transform:rotate(90deg)scale(1.1)}.nav-logo .brand-text{font-family:var(--font-brand);letter-spacing:-.04em;color:var(--text-primary);font-size:1.6rem;font-style:italic;font-weight:900}.nav-menu{align-items:center;gap:2.2rem;display:none}@media (width>=860px){.nav-menu{display:flex}}.nav-link{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary);transition:color var(--transition-fast);padding:.4rem 0;font-size:.85rem;font-weight:600;position:relative}.nav-link:hover,.nav-link.active{color:var(--text-primary)}.nav-link:after{content:"";background:var(--text-primary);width:0%;height:2px;transition:width var(--transition-fast);position:absolute;bottom:0;left:0}.nav-link:hover:after,.nav-link.active:after{width:100%}.nav-actions{align-items:center;gap:.75rem;display:flex}.cart-indicator{position:relative}.cart-badge{background:var(--brand-crimson);color:#fff;font-family:var(--font-mono);border-radius:var(--radius-full);width:18px;height:18px;box-shadow:0 0 8px var(--brand-crimson-glow);justify-content:center;align-items:center;font-size:.65rem;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;background:#050608cc;justify-content:center;align-items:center;padding:1.5rem;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.drawer-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;background:#050608bf;justify-content:flex-end;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.drawer-content{background:var(--bg-secondary);border-left:1px solid var(--border-medium);flex-direction:column;width:100%;max-width:480px;height:100%;animation:.3s cubic-bezier(.16,1,.3,1) slideLeft;display:flex;box-shadow:-10px 0 30px #000c}.drawer-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:1.5rem 1.75rem;display:flex}.drawer-body{flex:1;padding:1.75rem;overflow-y:auto}.drawer-footer{border-top:1px solid var(--border-subtle);background:var(--bg-tertiary);padding:1.5rem 1.75rem}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:24px;right:24px}.toast{pointer-events:auto;background:var(--bg-elevated);border:1px solid var(--border-medium);border-radius:var(--radius-md);color:var(--text-primary);box-shadow:var(--shadow-lg);align-items:center;gap:.75rem;min-width:280px;padding:.9rem 1.3rem;font-size:.875rem;font-weight:500;animation:.3s cubic-bezier(.16,1,.3,1) toastIn;display:flex}.toast-success{border-left:4px solid #2ecc71}.toast-error{border-left:4px solid #e74c3c}.toast-info{border-left:4px solid #3498db}.toast-warning{border-left:4px solid #f39c12}.three-canvas-container{cursor:grab;width:100%;height:100%;position:relative;overflow:hidden}.three-canvas-container:active{cursor:grabbing}.canvas-overlay-ui{z-index:10;pointer-events:none;position:absolute}.canvas-overlay-ui *{pointer-events:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideLeft{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes toastIn{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes floatGentle{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-10px)rotate(1.5deg)}}@keyframes pulseGlow{0%,to{opacity:.6;filter:drop-shadow(0 0 15px #ff3c3c66)}50%{opacity:1;filter:drop-shadow(0 0 28px #ff3c3ccc)}}.anim-float{animation:5s ease-in-out infinite floatGentle}.anim-glow{animation:3s ease-in-out infinite pulseGlow}@media (width<=768px){:root{--header-height:70px}h1{font-size:2.2rem}h2{font-size:1.8rem}.btn{padding:.75rem 1.4rem;font-size:.875rem}}details>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;list-style:none;display:flex}details>summary::-webkit-details-marker{display:none}details>summary:after{content:"+";font-family:var(--font-mono);color:var(--text-muted);flex-shrink:0;font-size:1.25rem;font-weight:300;transition:transform .25s,color .25s}details[open]>summary:after{content:"−";color:var(--brand-gold);transform:rotate(0)}details>p{animation:.25s ease-out fadeInUp}@media (width<=900px){.lookbook-grid{grid-template-columns:1fr 1fr!important}}@media (width<=560px){.lookbook-grid{grid-template-columns:1fr!important}}.product-card-hover{transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s}.product-card-hover:hover{transform:translateY(-8px);box-shadow:0 24px 50px #000000a6}@keyframes scrollText{0%{transform:translate(0)}to{transform:translate(-50%)}}html{scroll-behavior:smooth}:focus-visible{outline:2px solid var(--brand-gold);outline-offset:2px;border-radius:4px}::selection{color:var(--cream-base);background:#9e2a2b4d}