:root {
  --neon: #00f5ff;
  --neon2: #bf00ff;
  --neon3: #ff006e;
  --neon4: #00ff88;
  --dark: #04080f;
  --dark2: #080d1a;
  --dark3: #0d1526;
  --glass: rgba(255,255,255,0.04);
  --glass-border: rgba(0,245,255,0.15);
  --text: #e0eaff;
  --text-dim: #7a8db3;
  --card: rgba(13,21,38,0.85);
}

*{margin:0;padding:0;box-sizing:border-box;}

::-webkit-scrollbar{width:6px;}
::-webkit-scrollbar-track{background:#04080f;}
::-webkit-scrollbar-thumb{background:linear-gradient(var(--neon),var(--neon2));border-radius:3px;}

html{scroll-behavior:smooth;}

body{
  font-family:'Rajdhani',sans-serif;
  background:var(--dark);
  color:var(--text);
  overflow-x:hidden;
  cursor:none;
}

/* CURSOR */
#cursor{
  width:18px;height:18px;
  border-radius:50%;
  background:var(--neon);
  position:fixed;top:0;left:0;
  pointer-events:none;
  z-index:99999;
  mix-blend-mode:screen;
  transition:transform 0.1s;
  box-shadow:0 0 18px var(--neon),0 0 40px var(--neon);
}
@media(hover:none),(pointer:coarse){
  #cursor{display:none;}
  body{cursor:auto;}
  a,button,.cat-tab,.prod-card,.btn-primary,.btn-secondary,.btn-buy,.btn-wa,.btn-tg,.btn-join,.btn-later,.social-icon,#scroll-top,.hamburger{cursor:pointer !important;}
}

/* LOADER */
#loader{
  position:fixed;inset:0;
  background:var(--dark);
  z-index:99997;
  display:flex;flex-direction:column;
  align-items:center;justify-content:center;
  transition:opacity 0.6s ease;
}
.loader-logo{
  font-family:'Orbitron',sans-serif;
  font-size:2.5rem;font-weight:900;
  background:linear-gradient(135deg,var(--neon),var(--neon2));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  background-clip:text;
  margin-bottom:2rem;
  animation:pulse 1s ease infinite alternate;
}
.loader-bar{
  width:220px;height:3px;
  background:rgba(255,255,255,0.1);
  border-radius:2px;overflow:hidden;
}
.loader-fill{
  height:100%;width:0;
  background:linear-gradient(90deg,var(--neon),var(--neon2));
  animation:fill 1.8s ease forwards;
  box-shadow:0 0 12px var(--neon);
}
@keyframes fill{to{width:100%;}}
@keyframes pulse{from{opacity:0.7;}to{opacity:1;}}

/* PARTICLES */
#particles{position:fixed;inset:0;z-index:0;pointer-events:none;}
canvas#bg-canvas{position:fixed;inset:0;z-index:0;pointer-events:none;}

/* POPUP */
#popup-overlay{
  position:fixed;inset:0;
  background:rgba(4,8,15,0.85);
  backdrop-filter:blur(12px);
  z-index:9999;
  display:flex;align-items:center;justify-content:center;
  opacity:0;animation:fadeIn 0.5s 2.2s forwards;
}
@keyframes fadeIn{to{opacity:1;}}
.popup-box{
  background:var(--dark3);
  border:1px solid var(--glass-border);
  border-radius:20px;
  padding:2.5rem 2rem;
  max-width:420px;width:90%;
  text-align:center;
  position:relative;
  box-shadow:0 0 60px rgba(0,245,255,0.15),0 0 120px rgba(191,0,255,0.1);
  animation:popIn 0.6s 2.2s both cubic-bezier(0.34,1.56,0.64,1);
}
@keyframes popIn{from{transform:scale(0.7);opacity:0;}to{transform:scale(1);opacity:1;}}
.popup-glow{
  position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;
  border-radius:22px;
  background:linear-gradient(135deg,var(--neon),var(--neon2),var(--neon3));
  z-index:-1;
  opacity:0.4;
  animation:rotGlow 3s linear infinite;
}
@keyframes rotGlow{0%{filter:hue-rotate(0deg);}100%{filter:hue-rotate(360deg);}}
.popup-icon{font-size:3rem;margin-bottom:1rem;}
.popup-box h2{
  font-family:'Orbitron',sans-serif;
  font-size:1.3rem;font-weight:700;
  background:linear-gradient(135deg,var(--neon),var(--neon2));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  background-clip:text;
  margin-bottom:1rem;
}
.popup-box p{color:var(--text-dim);font-size:1rem;line-height:1.6;margin-bottom:1.5rem;}
.popup-btns{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;}
.btn-join{
  padding:0.75rem 1.8rem;
  background:linear-gradient(135deg,var(--neon),var(--neon2));
  border:none;border-radius:50px;
  color:#000;font-family:'Orbitron',sans-serif;
  font-size:0.8rem;font-weight:700;
  cursor:none;text-decoration:none;
  transition:all 0.3s;
  box-shadow:0 0 20px rgba(0,245,255,0.4);
}
.btn-join:hover{transform:scale(1.05);box-shadow:0 0 35px rgba(0,245,255,0.7);}
.btn-later{
  padding:0.75rem 1.8rem;
  background:transparent;
  border:1px solid var(--glass-border);
  border-radius:50px;
  color:var(--text-dim);font-family:'Rajdhani',sans-serif;
  font-size:0.95rem;font-weight:600;
  cursor:none;
  transition:all 0.3s;
}
.btn-later:hover{border-color:var(--neon);color:var(--neon);}

/* NAVBAR */
nav{
  position:fixed;top:0;left:0;right:0;
  z-index:1000;
  padding:1rem 2rem;
  display:flex;align-items:center;justify-content:space-between;
  background:rgba(4,8,15,0.8);
  backdrop-filter:blur(20px);
  border-bottom:1px solid var(--glass-border);
  transition:all 0.3s;
}
nav.scrolled{padding:0.7rem 2rem;box-shadow:0 4px 30px rgba(0,245,255,0.1);}
.nav-logo{
  font-family:'Orbitron',sans-serif;
  font-size:1.2rem;font-weight:900;
  background:linear-gradient(135deg,var(--neon),var(--neon2));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  background-clip:text;
  text-decoration:none;
  letter-spacing:2px;
}
.nav-links{display:flex;gap:0.5rem;list-style:none;}
.nav-links a{
  color:var(--text-dim);
  text-decoration:none;
  font-size:0.9rem;font-weight:600;
  padding:0.5rem 1rem;
  border-radius:50px;
  transition:all 0.3s;
  letter-spacing:1px;
  text-transform:uppercase;
}
.nav-links a:hover,.nav-links a.active{
  color:var(--neon);
  background:rgba(0,245,255,0.08);
  box-shadow:0 0 15px rgba(0,245,255,0.2);
}
.hamburger{
  display:none;flex-direction:column;gap:5px;
  cursor:none;padding:5px;
}
.hamburger span{
  width:25px;height:2px;
  background:var(--neon);
  border-radius:2px;
  transition:all 0.3s;
}
.hamburger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px);}
.hamburger.open span:nth-child(2){opacity:0;}
.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px);}

.mobile-menu{
  display:none;
  position:fixed;top:70px;left:0;right:0;
  background:rgba(4,8,15,0.97);
  backdrop-filter:blur(20px);
  padding:1.5rem;
  border-bottom:1px solid var(--glass-border);
  z-index:999;
  flex-direction:column;gap:0.5rem;
}
.mobile-menu.open{display:flex;}
.mobile-menu a{
  color:var(--text-dim);text-decoration:none;
  font-size:1.1rem;font-weight:600;
  padding:0.8rem 1rem;
  border-radius:10px;
  transition:all 0.3s;
  letter-spacing:1px;
  text-transform:uppercase;
}
.mobile-menu a:hover{color:var(--neon);background:rgba(0,245,255,0.08);}

/* SECTIONS */
section{position:relative;z-index:1;}

/* HERO */
#home{
  min-height:100vh;
  display:flex;align-items:center;justify-content:center;
  padding:6rem 2rem 4rem;
  text-align:center;
  overflow:hidden;
}
.hero-content{max-width:800px;width:100%;}
.hero-badge{
  display:inline-block;
  padding:0.4rem 1.2rem;
  background:rgba(0,245,255,0.1);
  border:1px solid rgba(0,245,255,0.3);
  border-radius:50px;
  font-size:0.8rem;font-weight:600;
  letter-spacing:3px;text-transform:uppercase;
  color:var(--neon);
  margin-bottom:1.5rem;
  animation:slideDown 0.8s ease both;
}
.hero-title{
  font-family:'Orbitron',sans-serif;
  font-size:clamp(2rem,6vw,4rem);
  font-weight:900;
  line-height:1.1;
  margin-bottom:0.5rem;
  background:linear-gradient(135deg,#fff 0%,var(--neon) 50%,var(--neon2) 100%);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  background-clip:text;
  animation:slideDown 0.8s 0.1s ease both;
}
.hero-sub{
  font-size:1.2rem;color:var(--text-dim);
  margin-bottom:1.5rem;letter-spacing:2px;
  animation:slideDown 0.8s 0.2s ease both;
}
.typing-wrap{
  font-family:'Orbitron',sans-serif;
  font-size:clamp(0.9rem,2.5vw,1.3rem);
  color:var(--neon);
  margin-bottom:2rem;
  min-height:2rem;
  animation:slideDown 0.8s 0.3s ease both;
}
#typing-text::after{
  content:'|';
  animation:blink 0.7s infinite;
  color:var(--neon2);
}
@keyframes blink{0%,100%{opacity:1;}50%{opacity:0;}}

.hero-features{
  display:flex;flex-wrap:wrap;justify-content:center;gap:0.7rem;
  margin-bottom:2.5rem;
  animation:slideDown 0.8s 0.4s ease both;
}
.feature-pill{
  display:flex;align-items:center;gap:0.4rem;
  padding:0.4rem 0.9rem;
  background:var(--glass);
  border:1px solid var(--glass-border);
  border-radius:50px;
  font-size:0.8rem;font-weight:600;
  color:var(--text-dim);
  transition:all 0.3s;
}
.feature-pill:hover{color:var(--neon);border-color:var(--neon);background:rgba(0,245,255,0.08);}
.feature-pill i{color:var(--neon4);font-size:0.75rem;}

.hero-btns{
  display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;
  animation:slideDown 0.8s 0.5s ease both;
}
.btn-primary{
  padding:0.85rem 2rem;
  background:linear-gradient(135deg,var(--neon),var(--neon2));
  border:none;border-radius:50px;
  color:#000;font-family:'Orbitron',sans-serif;
  font-size:0.8rem;font-weight:700;letter-spacing:1px;
  text-decoration:none;cursor:none;
  transition:all 0.3s;
  box-shadow:0 0 25px rgba(0,245,255,0.35);
  display:inline-flex;align-items:center;gap:0.5rem;
}
.btn-primary:hover{transform:translateY(-3px);box-shadow:0 0 45px rgba(0,245,255,0.6);}
.btn-secondary{
  padding:0.85rem 2rem;
  background:transparent;
  border:1px solid var(--neon2);
  border-radius:50px;
  color:var(--neon2);font-family:'Orbitron',sans-serif;
  font-size:0.8rem;font-weight:700;letter-spacing:1px;
  text-decoration:none;cursor:none;
  transition:all 0.3s;
  display:inline-flex;align-items:center;gap:0.5rem;
}
.btn-secondary:hover{background:rgba(191,0,255,0.1);box-shadow:0 0 30px rgba(191,0,255,0.4);transform:translateY(-3px);}

@keyframes slideDown{from{opacity:0;transform:translateY(-20px);}to{opacity:1;transform:translateY(0);}}

/* FLOATING ORBS */
.orb{
  position:absolute;border-radius:50%;
  filter:blur(80px);pointer-events:none;opacity:0.12;
  animation:orbFloat 8s ease-in-out infinite alternate;
}
.orb-1{width:400px;height:400px;background:var(--neon);top:-100px;left:-100px;}
.orb-2{width:350px;height:350px;background:var(--neon2);bottom:-50px;right:-50px;animation-delay:2s;}
.orb-3{width:200px;height:200px;background:var(--neon3);top:50%;left:50%;animation-delay:4s;}
@keyframes orbFloat{from{transform:translate(0,0) scale(1);}to{transform:translate(30px,30px) scale(1.1);}}

/* SECTION COMMON */
.section-wrap{padding:6rem 2rem;max-width:1200px;margin:0 auto;}
.section-tag{
  display:inline-block;
  padding:0.3rem 1rem;
  background:rgba(0,245,255,0.08);
  border:1px solid rgba(0,245,255,0.2);
  border-radius:50px;
  font-size:0.75rem;letter-spacing:3px;text-transform:uppercase;
  color:var(--neon);margin-bottom:1rem;
}
.section-title{
  font-family:'Orbitron',sans-serif;
  font-size:clamp(1.8rem,4vw,2.8rem);
  font-weight:900;
  background:linear-gradient(135deg,#fff,var(--neon));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  background-clip:text;
  margin-bottom:1rem;
}
.section-divider{
  width:80px;height:3px;
  background:linear-gradient(90deg,var(--neon),var(--neon2));
  border-radius:2px;margin:0 auto 3rem;
  box-shadow:0 0 10px var(--neon);
}

/* PRODUCTS */
#products{background:var(--dark2);}
.products-header{text-align:center;margin-bottom:3rem;}

.category-tabs{
  display:flex;flex-wrap:wrap;gap:0.5rem;
  justify-content:center;margin-bottom:2.5rem;
}
.cat-tab{
  padding:0.4rem 1.1rem;
  background:var(--glass);
  border:1px solid var(--glass-border);
  border-radius:50px;
  color:var(--text-dim);
  font-size:0.8rem;font-weight:600;letter-spacing:1px;
  cursor:none;transition:all 0.3s;
  text-transform:uppercase;
}
.cat-tab:hover,.cat-tab.active{
  color:var(--neon);border-color:var(--neon);
  background:rgba(0,245,255,0.08);
  box-shadow:0 0 12px rgba(0,245,255,0.2);
}

.products-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(260px,1fr));
  gap:1.5rem;
}
.prod-card{
  background:var(--card);
  border:1px solid var(--glass-border);
  border-radius:16px;
  padding:1.5rem;
  position:relative;overflow:hidden;
  transition:all 0.4s cubic-bezier(0.25,0.46,0.45,0.94);
  cursor:none;
}
.prod-card::before{
  content:'';position:absolute;inset:0;
  background:linear-gradient(135deg,rgba(0,245,255,0.03),rgba(191,0,255,0.03));
  opacity:0;transition:opacity 0.3s;
  pointer-events:none;
}
.prod-card:hover{
  transform:translateY(-8px);
  border-color:rgba(0,245,255,0.4);
  box-shadow:0 20px 50px rgba(0,245,255,0.12),0 0 30px rgba(191,0,255,0.08);
}
.prod-card:hover::before{opacity:1;}
.prod-card-shine{
  position:absolute;top:0;left:-100%;width:60%;height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,0.04),transparent);
  transition:left 0.5s;
  pointer-events:none;
}
.prod-card:hover .prod-card-shine{left:150%;}

.prod-icon{
  width:56px;height:56px;border-radius:14px;
  display:flex;align-items:center;justify-content:center;
  font-size:1.5rem;margin-bottom:1rem;
  background:linear-gradient(135deg,rgba(0,245,255,0.12),rgba(191,0,255,0.12));
  border:1px solid rgba(0,245,255,0.15);
}
.prod-cat-label{
  font-size:0.7rem;letter-spacing:2px;text-transform:uppercase;
  color:var(--neon);font-weight:600;margin-bottom:0.4rem;
}
.prod-name{
  font-family:'Rajdhani',sans-serif;
  font-size:1.05rem;font-weight:700;
  color:#fff;margin-bottom:0.3rem;line-height:1.3;
}
.prod-desc{font-size:0.82rem;color:var(--text-dim);margin-bottom:1rem;line-height:1.5;}
.prod-price{
  font-family:'Orbitron',sans-serif;
  font-size:1.2rem;font-weight:700;
  color:var(--neon4);margin-bottom:1rem;
}
.prod-price span{font-size:0.75rem;color:var(--text-dim);font-family:'Rajdhani',sans-serif;}
.prod-badge{
  position:absolute;top:1rem;right:1rem;
  padding:0.2rem 0.6rem;
  border-radius:50px;font-size:0.65rem;
  font-weight:700;letter-spacing:1px;text-transform:uppercase;
}
.badge-hot{background:rgba(255,0,110,0.2);color:var(--neon3);border:1px solid rgba(255,0,110,0.3);}
.badge-new{background:rgba(0,255,136,0.15);color:var(--neon4);border:1px solid rgba(0,255,136,0.3);}
.badge-dm{background:rgba(191,0,255,0.15);color:var(--neon2);border:1px solid rgba(191,0,255,0.3);}

.btn-buy{
  display:block;text-align:center;
  padding:0.65rem;
  background:linear-gradient(135deg,var(--neon),var(--neon2));
  border:none;border-radius:10px;
  color:#000;font-family:'Orbitron',sans-serif;
  font-size:0.72rem;font-weight:700;letter-spacing:1px;
  text-decoration:none;cursor:none;
  transition:all 0.3s;
  box-shadow:0 0 15px rgba(0,245,255,0.2);
  position:relative;z-index:2;
}
.btn-buy:hover{box-shadow:0 0 30px rgba(0,245,255,0.5);transform:scale(1.02);}
.btn-contact{
  background:linear-gradient(135deg,var(--neon2),var(--neon3));
  box-shadow:0 0 15px rgba(191,0,255,0.2);
}
.btn-contact:hover{box-shadow:0 0 30px rgba(191,0,255,0.5);}

/* TERMS */
#terms{background:var(--dark);}
.terms-card{
  background:var(--glass);
  border:1px solid var(--glass-border);
  border-radius:20px;
  padding:2.5rem;
  max-width:800px;margin:0 auto;
  backdrop-filter:blur(10px);
  box-shadow:0 0 40px rgba(0,245,255,0.05);
}
.terms-item{
  display:flex;align-items:flex-start;gap:1rem;
  padding:1rem 0;border-bottom:1px solid rgba(255,255,255,0.05);
}
.terms-item:last-child{border-bottom:none;}
.terms-num{
  width:32px;height:32px;min-width:32px;
  border-radius:50%;
  background:linear-gradient(135deg,var(--neon),var(--neon2));
  display:flex;align-items:center;justify-content:center;
  font-family:'Orbitron',sans-serif;font-size:0.7rem;font-weight:700;color:#000;
}
.terms-text h4{color:#fff;font-weight:700;margin-bottom:0.3rem;font-size:1rem;}
.terms-text p{color:var(--text-dim);font-size:0.9rem;line-height:1.6;}

/* CONTACT */
#contact{background:var(--dark2);}
.contact-center{text-align:center;max-width:500px;margin:0 auto;}
.contact-phone{
  font-family:'Orbitron',sans-serif;
  font-size:1.5rem;font-weight:700;
  color:var(--neon);margin:1.5rem 0;
  text-shadow:0 0 20px rgba(0,245,255,0.5);
}
.contact-btns{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;}
.btn-wa{
  padding:0.85rem 2rem;
  background:linear-gradient(135deg,#25d366,#128c7e);
  border:none;border-radius:50px;
  color:#fff;font-family:'Orbitron',sans-serif;
  font-size:0.78rem;font-weight:700;letter-spacing:1px;
  text-decoration:none;cursor:none;
  transition:all 0.3s;display:inline-flex;align-items:center;gap:0.5rem;
  box-shadow:0 0 20px rgba(37,211,102,0.3);
}
.btn-wa:hover{transform:translateY(-3px);box-shadow:0 0 40px rgba(37,211,102,0.6);}
.btn-tg{
  padding:0.85rem 2rem;
  background:linear-gradient(135deg,#0088cc,#005fa3);
  border:none;border-radius:50px;
  color:#fff;font-family:'Orbitron',sans-serif;
  font-size:0.78rem;font-weight:700;letter-spacing:1px;
  text-decoration:none;cursor:none;
  transition:all 0.3s;display:inline-flex;align-items:center;gap:0.5rem;
  box-shadow:0 0 20px rgba(0,136,204,0.3);
}
.btn-tg:hover{transform:translateY(-3px);box-shadow:0 0 40px rgba(0,136,204,0.6);}

/* ABOUT */
#about{background:var(--dark);}
.about-content{
  max-width:750px;margin:0 auto;text-align:center;
}
.about-content p{
  color:var(--text-dim);line-height:1.9;font-size:1.05rem;
  margin-bottom:1.5rem;
}
.about-stats{
  display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;
  margin:2.5rem 0;
}
.stat-box{
  background:var(--glass);
  border:1px solid var(--glass-border);
  border-radius:14px;padding:1.5rem 1rem;
  text-align:center;transition:all 0.3s;
}
.stat-box:hover{border-color:var(--neon);transform:translateY(-5px);}
.stat-num{
  font-family:'Orbitron',sans-serif;
  font-size:1.8rem;font-weight:900;
  color:var(--neon);display:block;margin-bottom:0.3rem;
}
.stat-label{font-size:0.8rem;color:var(--text-dim);letter-spacing:1px;text-transform:uppercase;}

/* FOOTER */
footer{
  background:var(--dark2);
  border-top:1px solid var(--glass-border);
  padding:3rem 2rem 1.5rem;
  text-align:center;position:relative;z-index:1;
}
.footer-glow{
  position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,transparent,var(--neon),var(--neon2),var(--neon3),transparent);
  animation:glowLine 3s ease infinite;
}
@keyframes glowLine{0%,100%{opacity:0.5;}50%{opacity:1;}}
.footer-logo{
  font-family:'Orbitron',sans-serif;
  font-size:1.5rem;font-weight:900;
  background:linear-gradient(135deg,var(--neon),var(--neon2));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  background-clip:text;margin-bottom:1rem;
}
.footer-socials{
  display:flex;gap:1rem;justify-content:center;margin:1.5rem 0;
}
.social-icon{
  width:42px;height:42px;border-radius:50%;
  border:1px solid var(--glass-border);
  display:flex;align-items:center;justify-content:center;
  color:var(--text-dim);font-size:1.1rem;
  text-decoration:none;cursor:none;
  transition:all 0.3s;
}
.social-icon:hover{color:var(--neon);border-color:var(--neon);box-shadow:0 0 20px rgba(0,245,255,0.3);transform:translateY(-3px);}
.footer-copy{color:var(--text-dim);font-size:0.82rem;margin-top:1.5rem;letter-spacing:1px;}

/* SCROLL TOP */
#scroll-top{
  position:fixed;bottom:2rem;right:2rem;
  width:46px;height:46px;border-radius:50%;
  background:linear-gradient(135deg,var(--neon),var(--neon2));
  border:none;cursor:none;
  display:flex;align-items:center;justify-content:center;
  color:#000;font-size:1.1rem;
  z-index:1000;
  opacity:0;transform:translateY(20px);
  transition:all 0.3s;
  box-shadow:0 0 20px rgba(0,245,255,0.4);
}
#scroll-top.show{opacity:1;transform:translateY(0);}
#scroll-top:hover{transform:translateY(-3px);box-shadow:0 0 35px rgba(0,245,255,0.7);}

/* REVEAL */
.reveal{opacity:0;transform:translateY(40px);transition:all 0.7s cubic-bezier(0.25,0.46,0.45,0.94);}
.reveal.visible{opacity:1;transform:translateY(0);}
.reveal-left{opacity:0;transform:translateX(-40px);transition:all 0.7s ease;}
.reveal-left.visible{opacity:1;transform:translateX(0);}
.reveal-right{opacity:0;transform:translateX(40px);transition:all 0.7s ease;}
.reveal-right.visible{opacity:1;transform:translateX(0);}

/* GRID OVERLAY */
.grid-overlay{
  position:absolute;inset:0;pointer-events:none;
  background-image:
    linear-gradient(rgba(0,245,255,0.03) 1px,transparent 1px),
    linear-gradient(90deg,rgba(0,245,255,0.03) 1px,transparent 1px);
  background-size:60px 60px;
}

@media(max-width:768px){
  .nav-links{display:none;}
  .hamburger{display:flex;}
  .about-stats{grid-template-columns:repeat(2,1fr);}
  .about-stats .stat-box:last-child{grid-column:span 2;}
  .products-grid{grid-template-columns:1fr;}
}
@media(max-width:480px){
  .about-stats{grid-template-columns:1fr;}
  .about-stats .stat-box:last-child{grid-column:span 1;}
}


/* ==== WHITE GOLD + BLACK GOLD PREMIUM THEME OVERRIDE ==== */
:root{
  --gold:#d4af37;
  --gold2:#f7e7a3;
  --gold3:#a77c18;
  --black:#070707;
  --black2:#11100d;
  --cream:#fff8e7;
  --neon:var(--gold);
  --neon2:var(--gold2);
  --neon3:#ffffff;
  --neon4:#f6d365;
  --dark:var(--black);
  --dark2:var(--black2);
  --dark3:#17140d;
  --glass:rgba(255,255,255,0.055);
  --glass-border:rgba(212,175,55,0.28);
  --text:#fff9e8;
  --text-dim:#cdbf91;
  --card:linear-gradient(145deg,rgba(19,17,11,0.95),rgba(7,7,7,0.95));
}
body{background:radial-gradient(circle at top left,rgba(212,175,55,.18),transparent 32%),radial-gradient(circle at bottom right,rgba(255,255,255,.08),transparent 30%),var(--dark);cursor:auto;}
#cursor{display:none;}
a,button,.cat-tab,.prod-card{cursor:pointer!important;}
::-webkit-scrollbar-track{background:#090806;}::-webkit-scrollbar-thumb{background:linear-gradient(var(--gold2),var(--gold));}
#loader{background:radial-gradient(circle,rgba(212,175,55,.16),#050505 60%);}
.loader-logo{font-size:clamp(2rem,6vw,4rem);letter-spacing:5px;background:linear-gradient(135deg,#fff,var(--gold2),var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 35px rgba(212,175,55,.35);}
.loader-bar{height:6px;border:1px solid rgba(212,175,55,.35);background:rgba(255,255,255,.06);box-shadow:0 0 22px rgba(212,175,55,.2);}
.loader-fill,.btn-primary,.btn-join,.btn-buy,#scroll-top{background:linear-gradient(135deg,#fff5bd,var(--gold),#8b6415);color:#080806;box-shadow:0 0 25px rgba(212,175,55,.35);}
#popup-overlay{background:rgba(0,0,0,.72);backdrop-filter:blur(18px);animation:none;}
.popup-box{background:linear-gradient(145deg,#17140d,#050505);border:1px solid rgba(212,175,55,.45);box-shadow:0 25px 90px rgba(0,0,0,.7),0 0 80px rgba(212,175,55,.22);}
.popup-glow{background:linear-gradient(135deg,#fff,var(--gold),#000);opacity:.26;}
.popup-icon svg,.prod-icon svg,.modal-product-img svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;}
.popup-icon{width:74px;height:74px;margin:0 auto 1rem;color:var(--gold2);filter:drop-shadow(0 0 18px rgba(212,175,55,.55));}
nav{background:rgba(7,7,7,.78);border-bottom:1px solid rgba(212,175,55,.25);}
.nav-logo,.footer-logo,.hero-title,.section-title,.popup-box h2{background:linear-gradient(135deg,#fff,var(--gold2),var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.nav-links a:hover,.nav-links a.active,.mobile-menu a:hover{color:var(--gold2);background:rgba(212,175,55,.09);}
.hero-badge,.section-tag,.cat-tab:hover,.cat-tab.active{color:var(--gold2);border-color:rgba(212,175,55,.5);background:rgba(212,175,55,.09);}
.btn-secondary{border-color:var(--gold);color:var(--gold2);}.btn-secondary:hover{background:rgba(212,175,55,.1);box-shadow:0 0 30px rgba(212,175,55,.35);}
#products,#contact,footer{background:linear-gradient(180deg,#0b0a08,#13100a);}#terms,#about{background:linear-gradient(180deg,#070707,#100e09);}
.products-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1.25rem;}
.prod-card{aspect-ratio:1/1;display:flex;flex-direction:column;justify-content:space-between;border:1px solid rgba(212,175,55,.24);border-radius:22px;padding:1.25rem;background:var(--card);box-shadow:0 10px 35px rgba(0,0,0,.35);}
.prod-card:hover{border-color:rgba(247,231,163,.65);box-shadow:0 24px 70px rgba(0,0,0,.55),0 0 35px rgba(212,175,55,.22);}
.prod-card::before{background:linear-gradient(135deg,rgba(255,255,255,.06),rgba(212,175,55,.08));}
.prod-icon{width:68px;height:68px;border-radius:18px;background:linear-gradient(145deg,#fff8dc,#d4af37 55%,#5f410c);color:#090806;border:1px solid rgba(255,255,255,.55);box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 12px 28px rgba(212,175,55,.2);padding:14px;}
.prod-cat-label{color:var(--gold2);}.prod-name{font-size:1.08rem;}.prod-desc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.75em;color:#cfc19a;}
.prod-price{color:#fff1a8;text-shadow:0 0 14px rgba(212,175,55,.35);}.badge-hot,.badge-new,.badge-dm{background:rgba(212,175,55,.18);color:#fff1a8;border:1px solid rgba(212,175,55,.4);}
.terms-card,.stat-box{background:rgba(255,255,255,.045);border-color:rgba(212,175,55,.24);}
.terms-num{background:linear-gradient(135deg,#fff2a6,var(--gold));color:#090806;}.contact-phone,.stat-num{color:#fff1a8;}
.grid-overlay{background-image:linear-gradient(rgba(212,175,55,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(212,175,55,.035) 1px,transparent 1px);}
.theme-switch{display:flex;gap:.4rem;margin-left:.8rem}.theme-dot{border:1px solid rgba(212,175,55,.35);padding:.35rem .7rem;border-radius:999px;background:#090806;color:#d9c98d;font-weight:700;font-size:.7rem}.theme-dot.white{background:#fff8e7;color:#6a4b0c}.theme-dot.active{box-shadow:0 0 18px rgba(212,175,55,.35);border-color:var(--gold2)}
body.white-gold{--dark:#fff8e7;--dark2:#fff3d2;--dark3:#ffffff;--text:#19140a;--text-dim:#6d5d33;--glass:rgba(0,0,0,.035);--glass-border:rgba(166,124,24,.28);--card:linear-gradient(145deg,#fffdf4,#fff0c7);background:radial-gradient(circle at top left,rgba(212,175,55,.2),transparent 30%),#fff8e7;color:var(--text);}
body.white-gold nav{background:rgba(255,248,231,.86)}body.white-gold #products,body.white-gold #contact,body.white-gold footer,body.white-gold #terms,body.white-gold #about{background:linear-gradient(180deg,#fff8e7,#fff0c7)}body.white-gold .prod-name,body.white-gold .terms-text h4{color:#120f07}body.white-gold .nav-links a{color:#6d5d33}
.product-modal{position:fixed;inset:0;background:rgba(0,0,0,.74);backdrop-filter:blur(16px);z-index:10000;display:none;align-items:center;justify-content:center;padding:1.2rem}.product-modal.show{display:flex}.product-modal-card{width:min(430px,94vw);background:linear-gradient(145deg,#19150c,#060606);border:1px solid rgba(212,175,55,.45);border-radius:26px;padding:2rem;text-align:center;position:relative;box-shadow:0 35px 100px rgba(0,0,0,.75),0 0 60px rgba(212,175,55,.2)}.modal-close{position:absolute;right:1rem;top:.8rem;width:36px;height:36px;border-radius:50%;border:1px solid rgba(212,175,55,.3);background:rgba(255,255,255,.06);color:#fff1a8;font-size:1.7rem;line-height:1}.modal-product-img{width:118px;height:118px;margin:0 auto 1rem;padding:24px;border-radius:26px;color:#090806;background:linear-gradient(145deg,#fff8dc,#d4af37 55%,#5b3d08);box-shadow:0 18px 45px rgba(212,175,55,.25)}.modal-product-label{font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#fff1a8;font-size:.78rem}#modal-product-name{font-family:'Orbitron',sans-serif;color:#fff;margin:.55rem 0;font-size:1.35rem}#modal-product-price{font-family:'Orbitron',sans-serif;font-size:1.35rem;color:#fff1a8;margin-bottom:.8rem}#modal-product-desc{color:#d3c8a6;line-height:1.7;margin-bottom:1.3rem}.modal-buy{justify-content:center;width:100%}body.white-gold .product-modal-card{background:linear-gradient(145deg,#fffdf4,#fff0c7)}body.white-gold #modal-product-name{color:#151008}body.white-gold #modal-product-desc{color:#6d5d33}body.white-gold .modal-close{color:#6a4b0c;background:rgba(0,0,0,.04)}
@media(max-width:900px){.theme-switch{display:none}.prod-card{aspect-ratio:auto;min-height:290px}}


/* ==== SPEED + RESPONSIVE FINAL FIX ==== */
html{scroll-behavior:smooth} body{min-height:100vh} 
#loader{z-index:2147483000!important;position:fixed!important;inset:0!important;display:flex!important;opacity:1;background:#050505!important;isolation:isolate;transition:opacity .18s ease!important;}
#loader::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 35%,rgba(247,231,163,.22),transparent 28%),linear-gradient(135deg,#030303,#11100b 52%,#050505);z-index:-1;}
#loader .loader-logo,#loader .loader-bar{position:relative;z-index:2}.loader-fill{animation:fill .65s ease forwards!important}
#popup-overlay{z-index:2147482000!important}.popup-box{transform:translateZ(0)}
.theme-switch{align-items:center}.theme-dot{cursor:pointer!important;white-space:nowrap;transition:transform .2s ease,box-shadow .2s ease}.theme-dot:hover{transform:translateY(-2px)}
.prod-icon{flex:0 0 auto;display:flex;align-items:center;justify-content:center}.prod-icon svg{max-width:100%;max-height:100%}
.prod-card{contain:layout paint;will-change:transform}.prod-card *{pointer-events:auto}.btn-buy{margin-top:auto}.prod-desc{line-height:1.35}
.products-grid{align-items:stretch}.modal-product-img svg{display:block}
@media(max-width:900px){
  nav{padding:.8rem 1rem}.theme-switch{display:flex!important;margin-left:auto;margin-right:.65rem;gap:.25rem}.theme-dot{font-size:.62rem;padding:.32rem .5rem}.nav-logo{font-size:.95rem;letter-spacing:1px}.hamburger{display:flex}.products-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.prod-card{min-height:245px;padding:1rem;border-radius:18px}.prod-icon{width:56px;height:56px;padding:12px}.prod-name{font-size:.95rem}.prod-desc{font-size:.76rem;min-height:2.1em}.prod-price{font-size:1rem}.btn-buy{font-size:.64rem;padding:.56rem}.prod-badge{font-size:.55rem;padding:.16rem .48rem}.section-wrap{padding:4.2rem 1rem}.hero-features{gap:.45rem}.feature-pill{font-size:.72rem;padding:.35rem .7rem}
}
@media(max-width:480px){
  .products-grid{grid-template-columns:1fr 1fr}.prod-card{min-height:230px}.prod-icon{width:52px;height:52px}.theme-dot{font-size:.55rem;padding:.28rem .38rem}.nav-logo{font-size:.82rem}.mobile-menu{top:62px}.hero-title{font-size:2rem}.contact-btns,.hero-btns{gap:.65rem}.btn-primary,.btn-secondary,.btn-wa,.btn-tg{padding:.75rem 1.15rem}.product-modal-card{padding:1.4rem;border-radius:22px}.modal-product-img{width:96px;height:96px;padding:20px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}


/* ==== USER FIX: CIRCULAR FLOATING THEME BUTTON + FASTER POPUP + LIGHT TEXT FIX ==== */
.theme-switch{display:none!important;}
.theme-float{
  position:fixed;right:18px;bottom:92px;z-index:2147481500;
  width:56px;height:56px;border-radius:50%;border:1px solid rgba(247,231,163,.55);
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(145deg,#11100b,#050505);color:#fff1a8;font-size:1.35rem;
  box-shadow:0 12px 35px rgba(0,0,0,.45),0 0 28px rgba(212,175,55,.35);
  cursor:pointer!important;transition:transform .22s ease,box-shadow .22s ease,background .22s ease;
}
.theme-float:hover{transform:translateY(-4px) scale(1.04);box-shadow:0 18px 45px rgba(0,0,0,.5),0 0 42px rgba(212,175,55,.5);}
body.white-gold .theme-float{background:linear-gradient(145deg,#fffdf4,#f2cc62);color:#111;border-color:#b98916;box-shadow:0 12px 35px rgba(166,124,24,.25),0 0 28px rgba(212,175,55,.25);}
#loader{background:#050505!important;z-index:2147483640!important;}
#popup-overlay{opacity:0;}
body.white-gold,body.white-gold p,body.white-gold .hero-sub,body.white-gold .feature-pill,body.white-gold .prod-desc,body.white-gold .terms-text p,body.white-gold .about-content p,body.white-gold .footer-copy,body.white-gold footer p,body.white-gold .stat-label,body.white-gold .mobile-menu a,body.white-gold .cat-tab{color:#2a2110!important;}
body.white-gold .section-title,body.white-gold .hero-title,body.white-gold .nav-logo,body.white-gold .footer-logo,body.white-gold .popup-box h2{
  background:linear-gradient(135deg,#171006,#7a560c,#b98916)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;
}
body.white-gold .section-tag,body.white-gold .hero-badge,body.white-gold .prod-cat-label,body.white-gold .contact-phone,body.white-gold .stat-num,body.white-gold .prod-price,body.white-gold .modal-product-label,body.white-gold #modal-product-price{color:#7a560c!important;text-shadow:none!important;}
body.white-gold .prod-card,body.white-gold .terms-card,body.white-gold .stat-box{background:linear-gradient(145deg,#fffdf6,#fff0bf)!important;border-color:rgba(122,86,12,.25)!important;box-shadow:0 12px 35px rgba(166,124,24,.12)!important;}
body.white-gold .popup-box{background:linear-gradient(145deg,#fffdf6,#fff0bf)!important;color:#20170a!important;}
body.white-gold .popup-box p{color:#3a2c12!important;}
body.white-gold .mobile-menu{background:rgba(255,248,231,.98)!important;}
body.white-gold .nav-links a:hover,body.white-gold .nav-links a.active,body.white-gold .mobile-menu a:hover,body.white-gold .cat-tab.active{color:#7a560c!important;background:rgba(212,175,55,.16)!important;}
@media(max-width:480px){.theme-float{right:14px;bottom:82px;width:50px;height:50px;font-size:1.12rem}}


/* ==== POPUP FINAL CLEAN FIX ==== */
#loader{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:all!important;
  transition:opacity .14s ease,visibility .14s ease!important;
}
#loader.hide{opacity:0!important;visibility:hidden!important;pointer-events:none!important;}
#popup-overlay{
  position:fixed!important;inset:0!important;
  display:none;align-items:center!important;justify-content:center!important;
  padding:18px!important;z-index:2147483630!important;
  background:rgba(0,0,0,.82)!important;
  backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important;
  opacity:0!important;visibility:hidden!important;
  animation:none!important;transition:opacity .18s ease,visibility .18s ease!important;
}
#popup-overlay.show{opacity:1!important;visibility:visible!important;}
#popup-overlay.closing{opacity:0!important;visibility:hidden!important;}
.popup-box{
  width:min(420px,94vw)!important;max-width:420px!important;
  padding:2rem 1.45rem 1.55rem!important;
  border-radius:24px!important;text-align:center!important;
  animation:none!important;transform:translateY(14px) scale(.96)!important;
  transition:transform .22s cubic-bezier(.2,.8,.2,1),opacity .18s ease!important;
  opacity:0!important;overflow:hidden!important;
}
#popup-overlay.show .popup-box{transform:translateY(0) scale(1)!important;opacity:1!important;}
.popup-x{
  position:absolute;right:12px;top:10px;width:34px;height:34px;border-radius:50%;
  border:1px solid rgba(247,231,163,.42);background:rgba(0,0,0,.25);
  color:#fff1a8;font-size:1.45rem;line-height:30px;z-index:3;cursor:pointer!important;
}
.popup-icon{width:66px!important;height:66px!important;margin:0 auto .85rem!important;}
.popup-box h2{font-size:1.18rem!important;margin-bottom:.65rem!important;line-height:1.3!important;}
.popup-box p{font-size:.96rem!important;line-height:1.55!important;margin-bottom:1.15rem!important;}
.popup-btns{gap:.7rem!important;}
.btn-join,.btn-later{min-height:42px!important;padding:.7rem 1.25rem!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;}
.btn-later{background:rgba(255,255,255,.04)!important;border-color:rgba(247,231,163,.35)!important;color:#d9c98d!important;}
body.white-gold #popup-overlay{background:rgba(30,22,7,.55)!important;}
body.white-gold .popup-x{background:rgba(122,86,12,.08)!important;color:#6f4e08!important;border-color:rgba(122,86,12,.28)!important;}
body.white-gold .btn-later{background:rgba(122,86,12,.06)!important;color:#3a2c12!important;border-color:rgba(122,86,12,.26)!important;}
@media(max-width:480px){.popup-box{padding:1.8rem 1.05rem 1.25rem!important;border-radius:20px!important}.popup-box h2{font-size:1.04rem!important}.popup-box p{font-size:.9rem!important}.popup-btns{flex-direction:column!important}.btn-join,.btn-later{width:100%!important}}



/* ==== PROFESSIONAL PRODUCT CARDS UPGRADE ==== */
.products-header{margin-bottom:2.2rem!important;}
.category-tabs{position:sticky;top:76px;z-index:20;padding:.85rem .65rem;margin:0 auto 2.2rem;max-width:1050px;background:rgba(7,7,7,.48);border:1px solid rgba(212,175,55,.18);border-radius:999px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 12px 45px rgba(0,0,0,.22)}
body.white-gold .category-tabs{background:rgba(255,248,231,.72);border-color:rgba(122,86,12,.16)}
.products-grid{grid-template-columns:repeat(auto-fill,minmax(285px,1fr))!important;gap:1.6rem!important;align-items:stretch!important;}
.prod-card{aspect-ratio:auto!important;min-height:430px!important;padding:0!important;border-radius:28px!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;background:linear-gradient(145deg,rgba(22,18,10,.98),rgba(5,5,5,.98))!important;border:1px solid rgba(247,231,163,.24)!important;box-shadow:0 18px 55px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.06)!important;overflow:hidden!important;isolation:isolate;}
.prod-card::before{content:""!important;position:absolute!important;inset:0!important;background:radial-gradient(circle at 22% 8%,rgba(247,231,163,.20),transparent 30%),linear-gradient(135deg,rgba(255,255,255,.055),transparent 52%)!important;opacity:1!important;pointer-events:none!important;}
.prod-card::after{content:"";position:absolute;left:18px;right:18px;top:92px;height:1px;background:linear-gradient(90deg,transparent,rgba(247,231,163,.38),transparent);opacity:.9;}
.prod-card:hover{transform:translateY(-10px) scale(1.012)!important;border-color:rgba(247,231,163,.72)!important;box-shadow:0 28px 90px rgba(0,0,0,.58),0 0 46px rgba(212,175,55,.23)!important;}
.prod-card-shine{z-index:1!important;background:linear-gradient(90deg,transparent,rgba(255,255,255,.14),transparent)!important;}
.prod-icon{width:100%!important;height:112px!important;border-radius:0!important;margin:0!important;padding:26px!important;background:linear-gradient(135deg,rgba(255,248,220,.98),rgba(212,175,55,.82) 54%,rgba(88,61,9,.95))!important;color:#080806!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.22)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.75),0 14px 40px rgba(212,175,55,.16)!important;position:relative!important;z-index:2!important;}
.prod-icon svg{max-width:76px!important;max-height:76px!important;filter:drop-shadow(0 8px 14px rgba(0,0,0,.18));}
.prod-badge{top:14px!important;right:14px!important;z-index:4!important;padding:.34rem .72rem!important;border-radius:999px!important;font-size:.62rem!important;background:rgba(7,7,7,.58)!important;color:#fff4b9!important;border:1px solid rgba(247,231,163,.45)!important;backdrop-filter:blur(12px)!important;box-shadow:0 10px 24px rgba(0,0,0,.22)!important;}
.prod-cat-label{margin:1.25rem 1.2rem .35rem!important;position:relative;z-index:2;font-size:.72rem!important;color:#fff1a8!important;letter-spacing:2.4px!important;}
.prod-name{margin:0 1.2rem .52rem!important;position:relative;z-index:2;font-family:'Orbitron',sans-serif!important;font-size:1.02rem!important;line-height:1.35!important;color:#fff!important;min-height:2.75em;display:flex;align-items:flex-start;}
.prod-rating{position:relative;z-index:2;margin:0 1.2rem .65rem;display:flex;align-items:center;justify-content:space-between;gap:.6rem;font-size:.78rem;color:#fff1a8;}
.rating-stars{letter-spacing:1px;filter:drop-shadow(0 0 8px rgba(212,175,55,.34));}.rating-score{color:#cdbf91;font-weight:700;}
.prod-desc{margin:0 1.2rem 1rem!important;position:relative;z-index:2;font-size:.86rem!important;line-height:1.5!important;color:#d7cba7!important;min-height:3.9em!important;-webkit-line-clamp:3!important;}
.prod-perks{position:relative;z-index:2;margin:0 1.2rem 1rem;display:flex;flex-wrap:wrap;gap:.45rem;}
.perk-pill{display:inline-flex;align-items:center;gap:.28rem;padding:.32rem .55rem;border-radius:999px;background:rgba(247,231,163,.075);border:1px solid rgba(247,231,163,.16);color:#eee0b4;font-size:.72rem;font-weight:700;}
.prod-bottom{position:relative;z-index:2;margin-top:auto;padding:1rem 1.2rem 1.2rem;border-top:1px solid rgba(247,231,163,.12);background:linear-gradient(180deg,transparent,rgba(0,0,0,.20));}
.prod-price{display:inline-flex!important;align-items:baseline!important;gap:.25rem!important;margin:0 0 .85rem!important;padding:.48rem .78rem!important;border-radius:999px!important;background:linear-gradient(135deg,rgba(255,245,189,.16),rgba(212,175,55,.10))!important;border:1px solid rgba(247,231,163,.28)!important;color:#fff2a6!important;font-size:1.15rem!important;text-shadow:none!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;}
.prod-price span{font-size:.72rem!important;color:#d6c99c!important;}
.btn-buy{width:100%!important;min-height:46px!important;border-radius:15px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:.45rem!important;background:linear-gradient(135deg,#25d366,#128c7e)!important;color:#fff!important;font-size:.74rem!important;text-transform:uppercase!important;letter-spacing:1.1px!important;box-shadow:0 14px 32px rgba(37,211,102,.24)!important;}
.btn-buy:hover{transform:translateY(-2px) scale(1.01)!important;box-shadow:0 18px 42px rgba(37,211,102,.38)!important;}
.btn-buy i{font-size:.95rem;}
body.white-gold .prod-card{background:linear-gradient(145deg,#fffdf8,#ffefbd)!important;border-color:rgba(122,86,12,.18)!important;box-shadow:0 16px 44px rgba(166,124,24,.14),inset 0 1px 0 rgba(255,255,255,.8)!important;}
body.white-gold .prod-card::before{background:radial-gradient(circle at 22% 8%,rgba(212,175,55,.20),transparent 30%),linear-gradient(135deg,rgba(255,255,255,.45),transparent 52%)!important;}
body.white-gold .prod-name{color:#1b1306!important;}body.white-gold .prod-desc{color:#5d4b22!important;}body.white-gold .prod-cat-label,body.white-gold .prod-rating{color:#7a560c!important;}body.white-gold .rating-score{color:#65501e!important;}body.white-gold .perk-pill{background:rgba(122,86,12,.06);border-color:rgba(122,86,12,.16);color:#4c3913;}body.white-gold .prod-bottom{border-top-color:rgba(122,86,12,.12);background:linear-gradient(180deg,transparent,rgba(122,86,12,.045));}body.white-gold .prod-price{background:linear-gradient(135deg,rgba(212,175,55,.20),rgba(255,255,255,.45))!important;border-color:rgba(122,86,12,.20)!important;color:#7a560c!important;}body.white-gold .prod-price span{color:#6d5d33!important;}
@media(max-width:900px){.category-tabs{position:relative!important;top:auto!important;border-radius:22px!important}.products-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:1rem!important}.prod-card{min-height:390px!important;border-radius:22px!important}.prod-icon{height:96px!important;padding:22px!important}.prod-name{font-size:.88rem!important;min-height:3.6em!important}.prod-desc{font-size:.76rem!important;min-height:3.4em!important}.prod-rating{font-size:.7rem}.perk-pill{font-size:.64rem}.prod-bottom{padding:.85rem .9rem 1rem}.prod-cat-label,.prod-name,.prod-desc,.prod-rating,.prod-perks{margin-left:.9rem!important;margin-right:.9rem!important}}
@media(max-width:520px){.products-grid{grid-template-columns:1fr!important}.prod-card{min-height:380px!important}.prod-icon{height:100px!important}.prod-name{min-height:auto!important;font-size:.98rem!important}.prod-desc{font-size:.82rem!important}.category-tabs{justify-content:flex-start!important;overflow-x:auto!important;flex-wrap:nowrap!important}.cat-tab{white-space:nowrap!important}}



/* ==== ADD TO CART SYSTEM ==== */
.cart-float{
  position:fixed;right:18px;bottom:158px;z-index:2147481500;
  width:58px;height:58px;border-radius:50%;border:1px solid rgba(247,231,163,.55);
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(145deg,#11100b,#050505);color:#fff1a8;font-size:1.28rem;
  box-shadow:0 12px 35px rgba(0,0,0,.45),0 0 28px rgba(212,175,55,.35);
  cursor:pointer!important;transition:transform .22s ease,box-shadow .22s ease,background .22s ease;
}
.cart-float:hover{transform:translateY(-4px) scale(1.04);box-shadow:0 18px 45px rgba(0,0,0,.5),0 0 42px rgba(212,175,55,.5);}
.cart-count{
  position:absolute;right:-5px;top:-5px;min-width:22px;height:22px;padding:0 6px;border-radius:999px;
  background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;font-size:.72rem;font-weight:900;
  display:flex;align-items:center;justify-content:center;border:2px solid #090806;
}
.cart-panel{position:fixed;inset:0;z-index:2147482500;display:none;pointer-events:none;}
.cart-panel.show{display:block;pointer-events:auto;}
.cart-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);opacity:0;transition:opacity .24s ease;}
.cart-panel.show .cart-backdrop{opacity:1;}
.cart-drawer{
  position:absolute;top:0;right:0;height:100%;width:min(420px,94vw);
  background:linear-gradient(145deg,#19150c,#060606);border-left:1px solid rgba(247,231,163,.35);
  box-shadow:-30px 0 90px rgba(0,0,0,.62),0 0 50px rgba(212,175,55,.18);
  transform:translateX(105%);transition:transform .28s cubic-bezier(.2,.8,.2,1);
  display:flex;flex-direction:column;color:#fff9e8;
}
.cart-panel.show .cart-drawer{transform:translateX(0);}
.cart-head{padding:1.15rem 1.2rem;border-bottom:1px solid rgba(247,231,163,.18);display:flex;align-items:center;justify-content:space-between;gap:1rem;}
.cart-head h3{font-family:'Orbitron',sans-serif;font-size:1rem;color:#fff1a8;letter-spacing:1px;margin:0;}
.cart-close{width:36px;height:36px;border-radius:50%;border:1px solid rgba(247,231,163,.35);background:rgba(255,255,255,.05);color:#fff1a8;font-size:1.5rem;line-height:1;cursor:pointer!important;}
.cart-items{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.85rem;}
.cart-empty{text-align:center;color:#cdbf91;padding:3rem 1rem;line-height:1.6;}
.cart-item{display:grid;grid-template-columns:58px 1fr auto;gap:.8rem;align-items:center;padding:.85rem;border:1px solid rgba(247,231,163,.17);border-radius:18px;background:rgba(255,255,255,.045);}
.cart-item-icon{width:58px;height:58px;border-radius:15px;padding:12px;color:#080806;background:linear-gradient(135deg,#fff8dc,#d4af37 55%,#5b3d08);display:flex;align-items:center;justify-content:center;overflow:hidden;}
.cart-item-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;}
.cart-item-name{font-weight:800;color:#fff;font-size:.95rem;line-height:1.25;margin-bottom:.2rem;}
.cart-item-price{font-family:'Orbitron',sans-serif;color:#fff1a8;font-size:.82rem;}
.cart-qty{display:flex;align-items:center;gap:.35rem;margin-top:.55rem;}
.cart-qty button{width:28px;height:28px;border-radius:9px;border:1px solid rgba(247,231,163,.28);background:rgba(247,231,163,.08);color:#fff1a8;font-weight:900;cursor:pointer!important;}
.cart-qty span{min-width:24px;text-align:center;font-weight:900;color:#fff;}
.cart-remove{border:none;background:transparent;color:#ffb3b3;font-size:1.05rem;cursor:pointer!important;padding:.3rem;}
.cart-foot{padding:1rem 1.2rem 1.25rem;border-top:1px solid rgba(247,231,163,.18);background:rgba(0,0,0,.22);}
.cart-total{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;font-family:'Orbitron',sans-serif;color:#fff1a8;}
.cart-actions{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;}
.cart-clear,.cart-checkout{min-height:46px;border-radius:15px;border:none;font-weight:900;letter-spacing:.8px;cursor:pointer!important;display:flex;align-items:center;justify-content:center;gap:.45rem;text-decoration:none;}
.cart-clear{background:rgba(255,255,255,.06);border:1px solid rgba(247,231,163,.22);color:#d9c98d;}
.cart-checkout{background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;box-shadow:0 14px 32px rgba(37,211,102,.24);}
.added-toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,120px);z-index:2147483000;padding:.85rem 1.15rem;border-radius:999px;background:linear-gradient(135deg,#11100b,#050505);border:1px solid rgba(247,231,163,.4);color:#fff1a8;box-shadow:0 14px 40px rgba(0,0,0,.45);font-weight:800;opacity:0;transition:all .25s ease;}
.added-toast.show{transform:translate(-50%,0);opacity:1;}
body.white-gold .cart-float{background:linear-gradient(145deg,#fffdf4,#f2cc62);color:#111;border-color:#b98916;box-shadow:0 12px 35px rgba(166,124,24,.25),0 0 28px rgba(212,175,55,.25);}
body.white-gold .cart-count{border-color:#fff8e7;}
body.white-gold .cart-drawer{background:linear-gradient(145deg,#fffdf6,#fff0bf);color:#20170a;border-left-color:rgba(122,86,12,.25);}
body.white-gold .cart-head,body.white-gold .cart-foot{border-color:rgba(122,86,12,.16);}body.white-gold .cart-head h3,body.white-gold .cart-total,body.white-gold .cart-item-price{color:#7a560c;}body.white-gold .cart-empty{color:#6d5d33;}body.white-gold .cart-item{background:rgba(122,86,12,.05);border-color:rgba(122,86,12,.14);}body.white-gold .cart-item-name{color:#1b1306;}body.white-gold .cart-close,body.white-gold .cart-qty button{color:#6f4e08;background:rgba(122,86,12,.06);border-color:rgba(122,86,12,.22);}body.white-gold .cart-qty span{color:#1b1306;}body.white-gold .cart-clear{color:#4c3913;background:rgba(122,86,12,.06);border-color:rgba(122,86,12,.18);}body.white-gold .added-toast{background:#fffdf6;color:#7a560c;border-color:rgba(122,86,12,.25)}
.btn-add-cart{width:100%!important;min-height:46px!important;border-radius:15px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:.45rem!important;background:linear-gradient(135deg,#fff5bd,#d4af37,#8b6415)!important;color:#080806!important;font-size:.74rem!important;text-transform:uppercase!important;letter-spacing:1.1px!important;box-shadow:0 14px 32px rgba(212,175,55,.22)!important;border:none!important;text-decoration:none!important;font-family:'Orbitron',sans-serif!important;font-weight:800!important;cursor:pointer!important;}
.btn-add-cart:hover{transform:translateY(-2px) scale(1.01)!important;box-shadow:0 18px 42px rgba(212,175,55,.34)!important;}
.product-actions{display:grid;grid-template-columns:1fr;gap:.55rem;}
@media(max-width:480px){.cart-float{right:14px;bottom:142px;width:50px;height:50px;font-size:1.12rem}.cart-drawer{width:100vw}.cart-actions{grid-template-columns:1fr}.added-toast{width:calc(100% - 32px);text-align:center}}