:root{--bg-main: #0a0b0e;--bg-surface: #12141a;--bg-surface-elevated: #1a1d24;--bg-glass: rgba(18, 20, 26, .75);--bg-glass-card: rgba(26, 29, 36, .65);--bg-glass-input: rgba(10, 11, 14, .6);--gold-primary: #d4af37;--gold-light: #f6e6b4;--gold-dark: #997819;--gold-glow: rgba(212, 175, 55, .25);--gold-gradient: linear-gradient(135deg, #f7e7b4 0%, #d4af37 50%, #aa8016 100%);--gold-border: rgba(212, 175, 55, .3);--text-primary: #fcfbf9;--text-secondary: #c4c8d4;--text-muted: #848a9c;--text-gold: #e2c05e;--accent-starry: #3b82f6;--accent-spanish: #ef4444;--accent-selva: #10b981;--accent-muse: #14b8a6;--accent-silk: #f59e0b;--border-subtle: rgba(255, 255, 255, .08);--border-glass: rgba(255, 255, 255, .12);--border-active: rgba(212, 175, 55, .6);--font-serif: "Cormorant Garamond", Georgia, serif;--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: "Cinzel", "Cormorant Garamond", Georgia, serif;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 14px;--radius-xl: 24px;--radius-full: 9999px;--shadow-subtle: 0 4px 20px rgba(0, 0, 0, .4);--shadow-elevated: 0 10px 35px rgba(0, 0, 0, .6);--shadow-gold: 0 0 25px rgba(212, 175, 55, .2);--shadow-glass: 0 8px 32px 0 rgba(0, 0, 0, .37);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-smooth: .3s cubic-bezier(.16, 1, .3, 1);--transition-luxury: .5s cubic-bezier(.25, 1, .5, 1)}[data-theme=light]{--bg-main: #f9f7f2;--bg-surface: #ffffff;--bg-surface-elevated: #f2ede4;--bg-glass: rgba(255, 255, 255, .88);--bg-glass-card: rgba(255, 255, 255, .95);--bg-glass-input: rgba(243, 238, 228, .8);--gold-primary: #b38a20;--gold-light: #d4af37;--gold-dark: #806010;--gold-glow: rgba(179, 138, 32, .2);--gold-gradient: linear-gradient(135deg, #dfbc55 0%, #b38a20 50%, #806010 100%);--gold-border: rgba(179, 138, 32, .28);--text-primary: #15161b;--text-secondary: #474e5d;--text-muted: #757c8f;--text-gold: #9e7514;--border-subtle: rgba(0, 0, 0, .08);--border-glass: rgba(0, 0, 0, .06);--border-active: rgba(179, 138, 32, .6);--shadow-subtle: 0 4px 20px rgba(0, 0, 0, .06);--shadow-elevated: 0 10px 35px rgba(0, 0, 0, .09);--shadow-gold: 0 0 25px rgba(179, 138, 32, .15);--shadow-glass: 0 8px 32px 0 rgba(0, 0, 0, .06)}[data-theme=light] body{background:radial-gradient(circle at 50% 0%,#fff,#f4f0e6 75%);color:var(--text-primary)}[data-theme=light] .glass-card{background:var(--bg-glass-card);border:1px solid var(--border-subtle);box-shadow:0 10px 30px #0000000d}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px;background-color:var(--bg-main);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 50% 0%,#151821,#0a0b0e 70%);color:var(--text-primary);line-height:1.6}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:var(--bg-surface-elevated);border-radius:var(--radius-full);border:2px solid var(--bg-main)}::-webkit-scrollbar-thumb:hover{background:var(--gold-dark)}h1,h2,h3,h4,.font-serif{font-family:var(--font-serif);font-weight:500;letter-spacing:-.01em;color:var(--text-primary)}.font-display{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase}.gold-text{background:var(--gold-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.glass-panel{background:var(--bg-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-glass)}.glass-card{background:var(--bg-glass-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-subtle);transition:all var(--transition-smooth)}.glass-card:hover{border-color:var(--gold-border);box-shadow:var(--shadow-gold);transform:translateY(-3px)}.btn-gold{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--gold-gradient);color:#0d0e12;font-family:var(--font-sans);font-weight:600;font-size:.88rem;letter-spacing:.05em;text-transform:uppercase;padding:13px 26px;border-radius:var(--radius-full);border:none;cursor:pointer;box-shadow:0 4px 15px #d4af374d;transition:all var(--transition-smooth);overflow:hidden;text-decoration:none}.btn-gold:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:.6s}.btn-gold:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 25px #d4af3773}.btn-gold:hover:after{left:100%}.btn-gold:active{transform:translateY(0) scale(.98)}.btn-outline-gold{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:transparent;color:var(--gold-light);border:1px solid var(--gold-border);font-family:var(--font-sans);font-weight:600;font-size:.85rem;letter-spacing:.04em;text-transform:uppercase;padding:11px 22px;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-smooth);text-decoration:none}.btn-outline-gold:hover{background:#d4af371a;border-color:var(--gold-primary);color:#fff;transform:translateY(-2px)}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:#ffffff0d;color:var(--text-secondary);border:1px solid var(--border-subtle);padding:9px 18px;border-radius:var(--radius-full);font-size:.85rem;cursor:pointer;transition:all var(--transition-fast)}.btn-ghost:hover{background:#ffffff1a;color:#fff;border-color:var(--border-glass)}.badge-pill{display:inline-flex;align-items:center;gap:5px;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;padding:4px 10px;border-radius:var(--radius-full)}.badge-gold{background:#d4af3726;color:var(--gold-light);border:1px solid var(--gold-border)}.badge-sale{background:#ef44442e;color:#fca5a5;border:1px solid rgba(239,68,68,.35)}.badge-preorder{background:#10b98126;color:#6ee7b7;border:1px solid rgba(16,185,129,.35)}.badge-aus{background:#3b82f626;color:#93c5fd;border:1px solid rgba(59,130,246,.35)}.container-custom{width:100%;max-width:1360px;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px}@media(min-width:768px){.container-custom{padding-left:32px;padding-right:32px}}@media(min-width:1280px){.container-custom{padding-left:48px;padding-right:48px}}@keyframes goldPulse{0%,to{box-shadow:0 0 15px #d4af3733}50%{box-shadow:0 0 30px #d4af3773}}.animate-gold-pulse{animation:goldPulse 3s infinite ease-in-out}@keyframes floatSlow{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.animate-float{animation:floatSlow 5s infinite ease-in-out}.toast-container{position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast-item{pointer-events:auto;background:#181a22;border:1px solid var(--gold-border);box-shadow:var(--shadow-elevated);border-radius:var(--radius-md);padding:14px 18px;color:#fff;display:flex;align-items:center;gap:12px;font-size:.88rem;animation:slideInRight .3s cubic-bezier(.16,1,.3,1);max-width:380px}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d1;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px;animation:fadeIn .25s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--bg-surface);border:1px solid var(--gold-border);box-shadow:0 25px 60px #000c;border-radius:var(--radius-xl);max-width:800px;width:100%;max-height:90vh;overflow-y:auto;position:relative;animation:scaleUp .3s cubic-bezier(.16,1,.3,1)}@keyframes scaleUp{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1100;animation:fadeIn .25s ease-out}.drawer-panel{position:fixed;top:0;right:0;bottom:0;width:100%;max-width:480px;background:#11131a;border-left:1px solid var(--border-glass);box-shadow:-10px 0 40px #000000b3;z-index:1101;display:flex;flex-direction:column;animation:slideDrawer .35s cubic-bezier(.16,1,.3,1)}@keyframes slideDrawer{0%{transform:translate(100%)}to{transform:translate(0)}}.product-card-media{position:relative;width:100%;aspect-ratio:1 / 1;background:#161820;border-radius:var(--radius-lg);overflow:hidden}.product-card-media img{width:100%;height:100%;object-fit:cover;transition:opacity .4s ease,transform .6s cubic-bezier(.16,1,.3,1)}.product-card-media .img-secondary{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0}.product-card-media:hover .img-secondary{opacity:1}.product-card-media:hover img{transform:scale(1.05)}.ring-sizer-dial{position:relative;width:220px;height:220px;border-radius:50%;margin:0 auto;display:flex;align-items:center;justify-content:center;border:2px dashed var(--gold-border);box-shadow:inset 0 0 20px #d4af3726,0 0 30px #d4af3733;transition:width .1s linear,height .1s linear}.marquee-track{display:flex;width:max-content;animation:marqueeScroll 28s linear infinite}@keyframes marqueeScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-track:hover{animation-play-state:paused}.products-grid-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}@media(max-width:1024px){.products-grid-container{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px}}@media(max-width:640px){.products-grid-container{grid-template-columns:repeat(2,1fr);gap:12px}.glass-card{padding:12px!important;border-radius:14px!important}.drawer-panel{max-width:100%!important;width:100%!important}.modal-overlay{padding:10px!important;align-items:flex-end!important}.modal-content{max-height:92vh!important;border-radius:20px 20px 0 0!important;-webkit-overflow-scrolling:touch}.quickview-grid{grid-template-columns:1fr!important}.desktop-announcement{display:none!important}}@media(max-width:380px){.products-grid-container{grid-template-columns:1fr;gap:16px}}.mobile-only-sticky-bar{padding-bottom:max(10px,env(safe-area-inset-bottom))!important}button,a,input,select,textarea{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
