@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Playfair+Display:wght@500;600;700&display=swap";
:root{--color-bg:#0a0a0f;--color-surface:#13131a;--color-surface-2:#1c1c28;--color-border:#ffffff14;--color-border-hover:#ffffff2e;--color-gold:#c9a84c;--color-gold-light:#e8c76a;--color-gold-dark:#977a32;--color-text:#f0f0f5;--color-text-muted:#8a8a9e;--color-text-dim:#55556a;--color-accent:#7c4dff;--color-accent-2:#ff4d6d;--glass-bg:#ffffff0a;--glass-border:#ffffff1a;--glass-blur:backdrop-filter: blur(12px);--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-xl:32px;--shadow-sm:0 2px 8px #0006;--shadow-md:0 8px 24px #00000080;--shadow-lg:0 20px 60px #0009;--shadow-gold:0 0 40px #c9a84c26}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,sans-serif;line-height:1.6}h1,h2,h3,h4,h5,h6{color:var(--color-text);font-family:Playfair Display,serif;line-height:1.2}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{max-width:1280px;margin:0 auto;padding:0 20px}.glass{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px)}.gold-text{background:linear-gradient(135deg, var(--color-gold-light), var(--color-gold));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn{border-radius:var(--radius-md);cursor:pointer;letter-spacing:.3px;border:none;align-items:center;gap:8px;padding:12px 28px;font-family:Inter,sans-serif;font-size:.9rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-gold{background:linear-gradient(135deg, var(--color-gold), var(--color-gold-dark));color:#0a0a0f}.btn-gold:hover{transform:translateY(-2px);box-shadow:0 8px 24px #c9a84c59}.btn-ghost{color:var(--color-text);border:1px solid var(--color-border);background:0 0}.btn-ghost:hover{border-color:var(--color-gold);color:var(--color-gold);background:#c9a84c0f}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color .2s,transform .2s,box-shadow .2s;overflow:hidden}.card:hover{box-shadow:var(--shadow-gold);border-color:#c9a84c4d;transform:translateY(-4px)}.product-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;display:grid}.badge{letter-spacing:.5px;text-transform:uppercase;border-radius:100px;padding:4px 12px;font-size:.75rem;font-weight:600;display:inline-block}.badge-gold{color:var(--color-gold-light);background:#c9a84c1f;border:1px solid #c9a84c40}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-surface-2);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-gold-dark)}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}.fade-up{animation:.5s forwards fadeUp}.skeleton{background:linear-gradient(90deg, var(--color-surface) 25%, var(--color-surface-2) 50%, var(--color-surface) 75%);border-radius:var(--radius-sm);background-size:200%;animation:1.5s linear infinite shimmer}@media (max-width:768px){.product-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.container{padding:0 16px}}:root{--app-max-width:480px}.app-shell{width:100%;max-width:var(--app-max-width);background-color:#121212;flex-direction:column;min-height:100vh;margin:0 auto;display:flex;position:relative;box-shadow:0 0 50px #00000080}.content-area{flex:1;padding-bottom:80px}.mobile-footer{text-align:center;background:#ffffff05;border-top:1px solid #ffffff0d;margin-top:40px;padding:40px 20px 20px}.footer-tagline{color:#ffffff80;margin:10px 0 20px;font-size:.8rem}.footer-legal{justify-content:center;gap:15px;margin-bottom:20px;display:flex}.footer-legal a{color:#fff6;font-size:.75rem;text-decoration:none}.copyright{color:#ffffff4d;font-size:.7rem}.no-scrollbar::-webkit-scrollbar{background:0 0;width:0}@media (min-width:481px){body{background:radial-gradient(circle,#1a1a1a 0%,#0c0c0c 100%)!important;display:block!important}}