:root{--bg-main:#0c0d0e;--bg-surface:#131518;--bg-surface-elevated:#1b1e22;--bg-surface-glass:#131518bf;--color-gold:#dfba73;--color-gold-light:#f0d49c;--color-copper:#ca7d4b;--color-bronze:#a86438;--color-text-primary:#f5f5f7;--color-text-secondary:#9da3af;--color-text-muted:#646b77;--color-border:#dfba7329;--color-border-glow:#dfba7373;--color-danger:#e65a5a;--color-success:#52b788;--font-heading:"Syne", sans-serif;--font-body:"Plus Jakarta Sans", sans-serif;--font-mono:"Space Mono", monospace;--radius-sm:4px;--radius-md:6px;--radius-lg:10px;--radius-pill:9999px;--shadow-subtle:0 4px 16px #00000073;--shadow-gold-glow:0 0 20px #dfba731f;--max-width:1140px}*{box-sizing:border-box;margin:0;padding:0}html{font-size:13.5px}body{background-color:var(--bg-main);color:var(--color-text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.015em;color:var(--color-text-primary);font-weight:700}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{border-radius:var(--radius-pill);background:#23272d}::-webkit-scrollbar-thumb:hover{background:var(--color-gold)}.text-gold{color:var(--color-gold)}.text-copper{color:var(--color-copper)}.text-muted{color:var(--color-text-secondary)}.font-mono{font-family:var(--font-mono)}.container{max-width:var(--max-width);margin:0 auto;padding:0 1.25rem}@media (width<=1040px){.desktop-nav{display:none!important}.mobile-toggle{display:block!important}.hide-sm{display:none!important}}.product-detail-grid{grid-template-columns:1fr 1fr;align-items:start;gap:2.25rem;display:grid}.product-gallery-col{position:relative}.product-gallery-viewer{width:100%;height:420px;max-height:420px;box-shadow:var(--shadow-gold-glow);background:#131518;border:1px solid #dfba7340;border-radius:6px;margin-bottom:.75rem;position:relative;overflow:hidden}@media (width>=860px){.product-gallery-col{position:sticky;top:75px}}@media (width<=859px){.product-detail-grid{grid-template-columns:1fr;gap:1.5rem}.product-gallery-col{width:100%;position:static!important}.product-gallery-viewer{height:320px;max-height:320px}}.btn{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.08em;border-radius:var(--radius-sm);white-space:nowrap;justify-content:center;align-items:center;gap:.45rem;padding:.65rem 1.35rem;font-size:.8rem;font-weight:600;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-primary{background:var(--color-gold);color:#0c0d0e;box-shadow:0 2px 14px #dfba7340}.btn-primary:hover{background:var(--color-gold-light);transform:translateY(-1px);box-shadow:0 4px 22px #dfba7373}.btn-outline{color:var(--color-text-primary);border:1px solid var(--color-border);background:0 0}.btn-outline:hover{border-color:var(--color-gold);color:var(--color-gold);background:#dfba730d}.btn-sm{padding:.5rem 1rem;font-size:.75rem}.badge-gold{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--color-gold);border-radius:var(--radius-sm);background:#dfba731f;border:1px solid #dfba734d;padding:.25rem .6rem;font-size:.7rem;display:inline-block}.badge-tag{text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary);border-radius:var(--radius-sm);background:#ffffff0f;padding:.2rem .5rem;font-size:.7rem;display:inline-block}.glass-panel{background:var(--bg-surface-glass);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-border)}.atelier-card{background:var(--bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all .35s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.atelier-card:before{content:"";pointer-events:none;z-index:1;background:linear-gradient(90deg,#0000,#dfba730a,#0000);width:100%;height:100%;transition:left .75s;position:absolute;top:0;left:-100%}.atelier-card:hover:before{left:100%}.atelier-card:hover{border-color:var(--color-border-glow);box-shadow:0 12px 30px #0009, var(--shadow-gold-glow);transform:translateY(-4px)}@keyframes fadeInScale{0%{opacity:0;transform:scale(.98)translateY(6px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes goldPulse{0%,to{box-shadow:0 0 15px #dfba7333}50%{box-shadow:0 0 25px #dfba7373}}.animate-fade-in{animation:.45s cubic-bezier(.16,1,.3,1) forwards fadeInScale}.animate-pulse-gold{animation:3s ease-in-out infinite goldPulse}
