@import url('https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@400;700;900&family=Cinzel:wght@400;600;700;900&family=Rajdhani:wght@300;400;500;600;700&family=Cormorant+Garamond:ital,wght@0,400;0,600;1,300;1,400;1,600&display=swap');

/* ── RIGHT SIDE SPACE FIX ───────────────────────────────── */
html, body {
  overflow-x: hidden;
  max-width: 100vw;
}
*, *::before, *::after {
  max-width: 100vw;
}
.mq-sec, .mq-row, .br-sec, .ann {
  max-width: 100vw;
  overflow: hidden;
}
/* ── TOKENS ─────────────────────────────────────────────── */
:root {
  --bg:     #050408;
  --bg2:    #080610;
  --card:   #0e0b18;
  --card2:  #140f22;
  --card3:  #1a142e;
  --pu:     #7c3aed;
  --pu2:    #9d5af5;
  --pu3:    #6d28d9;
  --pu-d:   rgba(124,58,237,.12);
  --pu-g:   0 0 30px rgba(124,58,237,.55),0 0 80px rgba(124,58,237,.2);
  --go:     #d4a017;
  --go2:    #f0c040;
  --go3:    #fde68a;
  --go4:    #b8860b;
  --go-d:   rgba(212,160,23,.12);
  --go-g:   0 0 30px rgba(212,160,23,.55),0 0 80px rgba(212,160,23,.2);
  --gr:     #16a34a;
  --gr2:    #22c55e;
  --gr-g:   0 0 28px rgba(34,197,94,.55);
  --red:    #dc2626;
  --wh:     #faf5ff;
  --si:     #a09ab8;
  --di:     #5a5270;
  --mu:     #3d3452;
  --bor:    rgba(212,160,23,.1);
  --bor2:   rgba(212,160,23,.22);
  --borp:   rgba(124,58,237,.15);
  --fR:     'Cinzel Decorative',serif;
  --fH:     'Cinzel',serif;
  --fB:     'Rajdhani',sans-serif;
  --fI:     'Cormorant Garamond',serif;

  /* ── NEW SMOKE / VAPE TOKENS ──────────────────────────── */
  --smoke1:   rgba(157,90,245,.08);
  --smoke2:   rgba(124,58,237,.05);
  --smoke3:   rgba(212,160,23,.04);
  --vapor:    rgba(200,180,255,.06);
  --neon-pu:  0 0 8px var(--pu2), 0 0 20px var(--pu), 0 0 60px rgba(124,58,237,.3), 0 0 120px rgba(124,58,237,.1);
  --neon-go:  0 0 8px var(--go2), 0 0 20px var(--go), 0 0 60px rgba(212,160,23,.3), 0 0 120px rgba(212,160,23,.1);
  --neon-gr:  0 0 8px var(--gr2), 0 0 20px var(--gr), 0 0 60px rgba(34,197,94,.3);
  --glass:    rgba(14,11,24,.65);
  --glass-b:  blur(20px) saturate(1.5);
  --breathe:  3.8s;
}

/* ── RESET ──────────────────────────────────────────────── */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;font-size:16px}
body{background:var(--bg);color:var(--wh);font-family:var(--fB);overflow-x:hidden;line-height:1.6}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
ul{list-style:none}
button{font-family:inherit;cursor:pointer}

/* ── SCROLLBAR – Smoke Themed ───────────────────────────── */
::-webkit-scrollbar{width:8px;background:var(--bg)}
::-webkit-scrollbar-track{background:linear-gradient(180deg,var(--bg),var(--bg2));border-left:1px solid rgba(124,58,237,.06)}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--pu3),var(--go4));border-radius:10px;border:2px solid var(--bg);transition:background .3s}
::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--pu2),var(--go));box-shadow:var(--neon-pu)}

/* ── SELECTION ──────────────────────────────────────────── */
::selection{background:rgba(124,58,237,.35);color:var(--go3);text-shadow:0 0 12px rgba(212,160,23,.6)}

/* ── CURSOR ─────────────────────────────────────────────── */
#cur{width:10px;height:10px;background:var(--go);border-radius:50%;position:fixed;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);box-shadow:0 0 12px rgba(212,160,23,.9),0 0 30px rgba(212,160,23,.3);mix-blend-mode:screen;transition:transform .08s,background .2s,width .2s,height .2s}
#cur-r{width:36px;height:36px;border:1.5px solid rgba(212,160,23,.35);border-radius:50%;position:fixed;pointer-events:none;z-index:9998;transform:translate(-50%,-50%);transition:all .14s ease;backdrop-filter:blur(1px)}
body.ch #cur{width:18px;height:18px;background:var(--pu2);box-shadow:0 0 16px rgba(157,90,245,.9),0 0 40px rgba(157,90,245,.3)}
body.ch #cur-r{width:52px;height:52px;border-color:rgba(157,90,245,.3)}
@media(hover:none){#cur,#cur-r{display:none}}

/* ── LOADER ─────────────────────────────────────────────── */
#loader{position:fixed;inset:0;background:var(--bg);z-index:10000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;transition:opacity .8s,visibility .8s}
#loader.out{opacity:0;visibility:hidden}
#loader::before{content:'';position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(124,58,237,.12),transparent 70%);animation:loader-smoke 3s ease-in-out infinite;filter:blur(40px)}
#loader::after{content:'';position:absolute;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(212,160,23,.08),transparent 70%);animation:loader-smoke 3s ease-in-out 1.5s infinite;filter:blur(30px)}
@keyframes loader-smoke{0%,100%{transform:scale(1) translateY(0);opacity:.5}50%{transform:scale(1.5) translateY(-20px);opacity:1}}
.lo-icon{font-size:2.8rem;animation:lo-f 1.6s ease-in-out infinite,lo-g 1.6s ease-in-out infinite alternate;position:relative;z-index:1}
@keyframes lo-f{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-10px) rotate(2deg)}}
@keyframes lo-g{from{filter:drop-shadow(0 0 8px rgba(212,160,23,.4))}to{filter:drop-shadow(0 0 28px rgba(212,160,23,1))}}
.lo-name{font-family:var(--fR);font-size:clamp(.9rem,3vw,1.5rem);font-weight:900;letter-spacing:6px;text-transform:uppercase;background:linear-gradient(135deg,var(--go3) 0%,var(--go2) 40%,var(--go) 70%,var(--go4) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:lo-p 1.4s ease-in-out infinite alternate;position:relative;z-index:1}
@keyframes lo-p{from{opacity:.4;letter-spacing:5px}to{opacity:1;letter-spacing:8px}}
.lo-sub{font-size:.56rem;letter-spacing:7px;text-transform:uppercase;color:var(--di);position:relative;z-index:1}
.lo-bar{width:180px;height:2px;background:rgba(212,160,23,.07);overflow:hidden;position:relative;z-index:1;border-radius:2px}
.lo-fill{height:100%;background:linear-gradient(90deg,var(--pu2),var(--go2),var(--pu));background-size:200% 100%;animation:lo-b 2.2s ease forwards,lo-sh 1.2s linear infinite;border-radius:2px;box-shadow:0 0 12px rgba(212,160,23,.5)}
@keyframes lo-b{from{width:0}to{width:100%}}
@keyframes lo-sh{0%{background-position:200% 0}100%{background-position:-200% 0}}

/* ── BACKGROUND – Enhanced Smoke Atmosphere ─────────────── */
.tss-bg{position:fixed;inset:0;pointer-events:none;z-index:0}
.tss-bg::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle at 1px 1px,rgba(124,58,237,.055) 1px,transparent 0);background-size:40px 40px}
.tss-bg::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 8% 15%,rgba(124,58,237,.08) 0%,transparent 45%),radial-gradient(ellipse at 92% 80%,rgba(212,160,23,.06) 0%,transparent 45%),radial-gradient(ellipse at 50% 50%,rgba(124,58,237,.04) 0%,transparent 60%)}
#cvs{position:fixed;inset:0;pointer-events:none;z-index:1;opacity:.22}

/* ── AMBIENT SMOKE LAYERS ───────────────────────────────── */
.smoke-layer{position:fixed;inset:0;pointer-events:none;z-index:1;overflow:hidden}
.smoke-layer::before{
  content:'';position:absolute;
  width:600px;height:600px;
  top:10%;left:-10%;
  background:radial-gradient(ellipse,rgba(124,58,237,.04),transparent 70%);
  border-radius:50%;
  animation:ambient-smoke-1 18s ease-in-out infinite;
  filter:blur(80px);
}
.smoke-layer::after{
  content:'';position:absolute;
  width:500px;height:500px;
  bottom:5%;right:-5%;
  background:radial-gradient(ellipse,rgba(212,160,23,.03),transparent 70%);
  border-radius:50%;
  animation:ambient-smoke-2 22s ease-in-out infinite;
  filter:blur(60px);
}
@keyframes ambient-smoke-1{
  0%,100%{transform:translate(0,0) scale(1);opacity:.4}
  25%{transform:translate(80px,-40px) scale(1.3);opacity:.7}
  50%{transform:translate(40px,-80px) scale(1.1);opacity:.5}
  75%{transform:translate(-20px,-30px) scale(1.4);opacity:.6}
}
@keyframes ambient-smoke-2{
  0%,100%{transform:translate(0,0) scale(1);opacity:.3}
  33%{transform:translate(-60px,30px) scale(1.2);opacity:.6}
  66%{transform:translate(-30px,60px) scale(1.5);opacity:.4}
}

/* ── VAPOR WISPS (extra smoke decorations) ──────────────── */
.vapor-wisp{
  position:fixed;
  pointer-events:none;
  z-index:1;
  border-radius:50%;
  filter:blur(40px);
  opacity:0;
  animation:wisp-float linear infinite;
}
.vapor-wisp:nth-child(1){
  width:120px;height:120px;
  background:rgba(157,90,245,.06);
  left:15%;top:60%;
  animation-duration:15s;animation-delay:0s;
}
.vapor-wisp:nth-child(2){
  width:80px;height:80px;
  background:rgba(212,160,23,.04);
  right:20%;top:30%;
  animation-duration:20s;animation-delay:3s;
}
.vapor-wisp:nth-child(3){
  width:160px;height:160px;
  background:rgba(124,58,237,.03);
  left:50%;bottom:20%;
  animation-duration:25s;animation-delay:7s;
}
@keyframes wisp-float{
  0%{opacity:0;transform:translateY(100px) scale(.5)}
  15%{opacity:.6}
  50%{opacity:.3;transform:translateY(-200px) translateX(50px) scale(1.5)}
  85%{opacity:.5}
  100%{opacity:0;transform:translateY(-400px) translateX(-30px) scale(.8)}
}

/* ── ANNOUNCEMENT ───────────────────────────────────────── */
.ann{position:fixed;top:0;width:100%;z-index:600;background:linear-gradient(90deg,rgba(124,58,237,.14),rgba(212,160,23,.08),rgba(124,58,237,.14));border-bottom:1px solid rgba(212,160,23,.18);padding:7px 0;overflow:hidden;backdrop-filter:blur(10px)}
.ann::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(124,58,237,.06),transparent);animation:ann-glow 4s ease-in-out infinite}
@keyframes ann-glow{0%,100%{opacity:0}50%{opacity:1}}
.ann-t{display:flex;animation:ann-s 38s linear infinite;width:max-content}
.ann-t:hover{animation-play-state:paused}
.ann-i{font-family:var(--fB);font-size:.66rem;letter-spacing:3px;text-transform:uppercase;color:rgba(212,160,23,.72);white-space:nowrap;padding:0 46px}
.ann-dot{color:var(--pu2);text-shadow:0 0 8px rgba(157,90,245,.8)}
@keyframes ann-s{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ── NAVBAR ─────────────────────────────────────────────── */
#nav{position:fixed;top:32px;width:100%;z-index:500;padding:16px 60px;display:flex;justify-content:space-between;align-items:center;transition:all .4s cubic-bezier(.4,0,.2,1)}
#nav.sc{top:0;background:rgba(5,4,8,.88);backdrop-filter:blur(24px) saturate(1.4);border-bottom:1px solid var(--bor);padding:12px 60px;box-shadow:0 4px 32px rgba(0,0,0,.5),0 1px 0 rgba(124,58,237,.08)}
.nl{display:flex;flex-direction:column;line-height:1.1;text-decoration:none;position:relative}
.nl::after{content:'';position:absolute;bottom:-6px;left:0;right:0;height:1px;background:linear-gradient(90deg,var(--go),transparent);opacity:0;transition:opacity .4s}
.nl:hover::after{opacity:.5}
.nl-m{font-family:var(--fR);font-size:1.05rem;font-weight:900;letter-spacing:2px;text-transform:uppercase;background:linear-gradient(135deg,var(--go3) 0%,var(--go2) 35%,var(--go) 65%,var(--go4) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 8px rgba(212,160,23,.4));transition:filter .3s}
.nl:hover .nl-m{filter:drop-shadow(0 0 16px rgba(212,160,23,.7))}
.nl-s{font-size:.44rem;letter-spacing:5px;text-transform:uppercase;color:var(--pu2);margin-top:1px;text-shadow:0 0 8px rgba(157,90,245,.4)}
.nav-links{display:flex;gap:26px;align-items:center}
.nav-links a{font-family:var(--fB);font-size:.73rem;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--si);position:relative;transition:color .3s,text-shadow .3s}
.nav-links a::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:1px;background:linear-gradient(90deg,var(--go),var(--pu2));transition:width .35s cubic-bezier(.4,0,.2,1);box-shadow:0 0 6px rgba(212,160,23,.4)}
.nav-links a:hover,.nav-links a.act{color:var(--go);text-shadow:0 0 20px rgba(212,160,23,.3)}
.nav-links a:hover::after,.nav-links a.act::after{width:100%}
.nav-cta{display:inline-flex!important;align-items:center;gap:7px;background:linear-gradient(135deg,var(--gr2),var(--gr))!important;color:#fff!important;padding:9px 20px;font-family:var(--fB)!important;font-size:.72rem!important;font-weight:700!important;letter-spacing:2px;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));transition:all .3s!important;box-shadow:0 4px 18px rgba(34,197,94,.25);position:relative;overflow:hidden}
.nav-cta::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.15),transparent);transform:translateX(-100%);transition:transform .5s}
.nav-cta:hover::before{transform:translateX(100%)}
.nav-cta::after{display:none!important}
.nav-cta:hover{box-shadow:var(--neon-gr)!important;transform:translateY(-1px)}
.nav-ham{display:none;flex-direction:column;gap:5px;background:transparent;border:none;padding:4px;cursor:pointer}
.nav-ham span{display:block;width:24px;height:1.5px;background:var(--go);transition:all .35s;transform-origin:center;box-shadow:0 0 4px rgba(212,160,23,.4)}
.nav-ham.op span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.nav-ham.op span:nth-child(2){opacity:0;transform:scaleX(0)}
.nav-ham.op span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
.nav-mob{display:none;position:fixed;inset:0;background:rgba(5,4,8,.98);z-index:490;flex-direction:column;align-items:center;justify-content:center;gap:5px;backdrop-filter:blur(24px)}
.nav-mob.op{display:flex}
.nav-mob::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(124,58,237,.06),transparent 60%);animation:mob-smoke 6s ease-in-out infinite}
@keyframes mob-smoke{0%,100%{opacity:.3;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}}
.nav-mob a{font-family:var(--fR);font-size:1.25rem;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:var(--si);padding:13px 48px;width:84%;text-align:center;border-bottom:1px solid rgba(212,160,23,.07);transition:all .3s;position:relative;z-index:1}
.nav-mob a:hover{color:var(--go);text-shadow:var(--neon-go)}
.nm-cta{margin-top:16px!important;background:linear-gradient(135deg,var(--gr2),var(--gr))!important;color:#fff!important;font-family:var(--fB)!important;font-size:.85rem!important;border-bottom:none!important;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px))!important}

/* ── BUTTONS – Enhanced with Smoke Effects ──────────────── */
.btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--fB);font-size:.75rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;border:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px))}
.btn::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent);transform:translateX(-110%);transition:transform .45s ease}
.btn::after{content:'';position:absolute;top:50%;left:50%;width:0;height:0;background:rgba(255,255,255,.1);border-radius:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s,opacity .6s;opacity:0}
.btn:hover::before{transform:translateX(110%)}
.btn:hover::after{width:300px;height:300px;opacity:0}
.btn:active::after{width:300px;height:300px;opacity:.15;transition:0s}
.btn:hover{transform:translateY(-2px)}
.btn-go{padding:13px 36px;background:linear-gradient(135deg,var(--go2),var(--go),var(--go4));color:var(--bg);box-shadow:0 4px 18px rgba(212,160,23,.3)}
.btn-go:hover{box-shadow:var(--neon-go)}
.btn-pu{padding:13px 36px;background:linear-gradient(135deg,var(--pu2),var(--pu),var(--pu3));color:#fff;box-shadow:0 4px 18px rgba(124,58,237,.3)}
.btn-pu:hover{box-shadow:var(--neon-pu)}
.btn-gr{padding:13px 36px;background:linear-gradient(135deg,var(--gr2),var(--gr));color:#fff;box-shadow:0 4px 18px rgba(34,197,94,.28)}
.btn-gr:hover{box-shadow:var(--neon-gr)}
.btn-ol{padding:13px 36px;background:transparent;color:var(--go);border:1.5px solid rgba(212,160,23,.35);position:relative}
.btn-ol:hover{background:var(--go-d);box-shadow:var(--neon-go);border-color:rgba(212,160,23,.6)}
.btn-sm{padding:8px 20px;font-size:.65rem}

/* ── SMOKE BUTTON – NEW Premium Style ───────────────────── */
.btn-smoke{
  padding:14px 40px;
  background:linear-gradient(135deg,rgba(124,58,237,.2),rgba(212,160,23,.15));
  border:1px solid rgba(212,160,23,.25);
  color:var(--go2);
  backdrop-filter:blur(12px);
  position:relative;
  overflow:hidden;
}
.btn-smoke::before{
  content:'';position:absolute;inset:-50%;
  background:conic-gradient(from 0deg,transparent,rgba(124,58,237,.15),transparent,rgba(212,160,23,.1),transparent);
  animation:smoke-btn-spin 4s linear infinite;
}
.btn-smoke::after{content:'';position:absolute;inset:1px;background:linear-gradient(135deg,rgba(14,11,24,.9),rgba(20,15,34,.9));clip-path:inherit}
.btn-smoke span{position:relative;z-index:1}
.btn-smoke:hover{box-shadow:var(--neon-go),var(--neon-pu);transform:translateY(-3px)}
@keyframes smoke-btn-spin{to{transform:rotate(360deg)}}

/* ── HERO ───────────────────────────────────────────────── */
.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;z-index:2;padding:calc(32px + 58px) 32px 80px}
.h-bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.07;filter:blur(2px) saturate(.6)}
.h-ov{position:absolute;inset:0;background:radial-gradient(ellipse at 18% 38%,rgba(124,58,237,.2) 0%,transparent 55%),radial-gradient(ellipse at 82% 62%,rgba(212,160,23,.11) 0%,transparent 50%),linear-gradient(180deg,var(--bg) 0%,rgba(8,6,16,.2) 50%,var(--bg) 100%)}

/* ── HERO SMOKE CLOUDS ──────────────────────────────────── */
.h-smoke{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:1}
.h-smoke-cloud{
  position:absolute;
  border-radius:50%;
  filter:blur(60px);
  opacity:0;
}
.h-smoke-cloud:nth-child(1){
  width:400px;height:200px;
  background:rgba(124,58,237,.08);
  bottom:15%;left:10%;
  animation:hero-cloud 12s ease-in-out infinite;
}
.h-smoke-cloud:nth-child(2){
  width:300px;height:180px;
  background:rgba(212,160,23,.05);
  bottom:25%;right:15%;
  animation:hero-cloud 16s ease-in-out 4s infinite;
}
.h-smoke-cloud:nth-child(3){
  width:500px;height:250px;
  background:rgba(157,90,245,.04);
  top:20%;left:30%;
  animation:hero-cloud 20s ease-in-out 8s infinite;
}
@keyframes hero-cloud{
  0%{opacity:0;transform:translateY(40px) scaleX(1)}
  30%{opacity:.7}
  60%{opacity:.4;transform:translateY(-60px) scaleX(1.3)}
  100%{opacity:0;transform:translateY(-120px) scaleX(1.6)}
}

.h-rings{position:absolute;top:50%;left:50%;pointer-events:none}
.h-ring{position:absolute;border-radius:50%;transform:translate(-50%,-50%);animation:h-spin linear infinite}
.hr1{width:min(680px,88vw);height:min(680px,88vw);border:1px solid rgba(212,160,23,.06);animation-duration:70s}
.hr2{width:min(520px,65vw);height:min(520px,65vw);border:1px solid rgba(124,58,237,.07);animation-duration:50s;animation-direction:reverse}
.hr3{width:min(360px,45vw);height:min(360px,45vw);border:1px solid rgba(212,160,23,.05);animation-duration:35s}
.hr1::before{content:'';position:absolute;top:50%;left:-4px;width:8px;height:8px;border-radius:50%;background:var(--go);opacity:.5;box-shadow:0 0 8px var(--go),0 0 20px rgba(212,160,23,.4);transform:translateY(-50%)}
.hr2::before{content:'';position:absolute;top:-4px;left:50%;width:6px;height:6px;border-radius:50%;background:var(--pu2);opacity:.4;box-shadow:0 0 8px var(--pu2);transform:translateX(-50%)}
@keyframes h-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}
.h-scan{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.h-scan::before{content:'';position:absolute;top:-120%;right:12%;width:1px;height:340%;background:linear-gradient(180deg,transparent,rgba(124,58,237,.25),transparent);transform:rotate(-12deg);animation:h-sc 7s ease-in-out infinite}
.h-scan::after{content:'';position:absolute;top:-120%;right:30%;width:1px;height:340%;background:linear-gradient(180deg,transparent,rgba(212,160,23,.14),transparent);transform:rotate(-12deg);animation:h-sc 7s ease-in-out 2.5s infinite}
@keyframes h-sc{0%,100%{opacity:.15}50%{opacity:1}}
.h-cnt{position:relative;z-index:3;text-align:center;max-width:900px}
.h-crown{font-size:3rem;display:block;margin-bottom:14px;animation:h-cf 2.2s ease-in-out infinite,h-cg 2.2s ease-in-out infinite alternate}
@keyframes h-cf{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-10px) rotate(2deg)}}
@keyframes h-cg{from{filter:drop-shadow(0 0 8px rgba(212,160,23,.3))}to{filter:drop-shadow(0 0 28px rgba(212,160,23,1))}}
.h-eye{display:inline-flex;align-items:center;gap:12px;font-family:var(--fB);font-size:.59rem;letter-spacing:7px;text-transform:uppercase;color:var(--pu2);border:1px solid rgba(124,58,237,.22);padding:7px 22px;margin-bottom:24px;background:rgba(124,58,237,.06);animation:fu .8s ease .3s both;backdrop-filter:blur(8px);text-shadow:0 0 12px rgba(157,90,245,.5)}
.h-eye::before,.h-eye::after{content:'~';font-size:.5rem;color:var(--go);filter:grayscale(1) brightness(1.5)}
.h-h1{font-family:var(--fR);font-size:clamp(2.4rem,8.5vw,7.5rem);font-weight:900;line-height:.88;letter-spacing:-.5px;margin-bottom:18px;animation:fu .8s ease .55s both}
.h-l1{display:block;background:linear-gradient(135deg,var(--go3) 0%,var(--go2) 35%,var(--go) 65%,var(--go4) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 24px rgba(212,160,23,.35));animation:hero-text-breathe var(--breathe) ease-in-out infinite}
@keyframes hero-text-breathe{
  0%,100%{filter:drop-shadow(0 0 24px rgba(212,160,23,.35))}
  50%{filter:drop-shadow(0 0 40px rgba(212,160,23,.6)) drop-shadow(0 0 80px rgba(212,160,23,.2))}
}
.h-l2{display:block;color:transparent;-webkit-text-stroke:1.5px rgba(212,160,23,.5);filter:drop-shadow(0 0 16px rgba(212,160,23,.2));animation:hero-stroke-pulse 4s ease-in-out infinite}
@keyframes hero-stroke-pulse{
  0%,100%{-webkit-text-stroke-color:rgba(212,160,23,.5)}
  50%{-webkit-text-stroke-color:rgba(124,58,237,.5)}
}
.h-l3{display:block;font-size:.28em;letter-spacing:12px;text-transform:uppercase;background:linear-gradient(90deg,var(--pu2),var(--pu3),var(--pu2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;-webkit-text-stroke:0;margin-top:10px;background-size:200% 100%;animation:shimmer-text 3s linear infinite}
@keyframes shimmer-text{0%{background-position:200% 0}100%{background-position:-200% 0}}
.h-sub{font-family:var(--fI);font-style:italic;font-size:1.05rem;font-weight:300;color:var(--si);letter-spacing:4px;margin-bottom:12px;animation:fu .8s ease .8s both}
.h-loc{display:inline-flex;align-items:center;gap:7px;font-size:.62rem;letter-spacing:4px;text-transform:uppercase;color:rgba(255,255,255,.24);margin-bottom:42px;animation:fu .8s ease .95s both}
.h-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;animation:fu .8s ease 1.1s both}
.h-stats{position:absolute;bottom:78px;left:50%;transform:translateX(-50%);display:flex;z-index:3;animation:fu .8s ease 1.3s both}
.hs{padding:12px 24px;text-align:center;background:rgba(8,6,16,.82);backdrop-filter:blur(12px);border:1px solid rgba(212,160,23,.12);border-right:none;transition:all .3s}
.hs:hover{background:rgba(124,58,237,.08);border-color:rgba(212,160,23,.25)}
.hs:first-child{clip-path:polygon(10px 0,100% 0,100% 100%,0 100%,0 10px)}
.hs:last-child{border-right:1px solid rgba(212,160,23,.12);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%)}
.hs-n{font-family:var(--fH);font-size:1.5rem;font-weight:900;line-height:1;background:linear-gradient(135deg,var(--go2),var(--go));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hs-l{font-size:.54rem;letter-spacing:3px;text-transform:uppercase;color:var(--di);margin-top:3px}
.h-si{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;z-index:3;animation:fi 1s ease 2.2s both}
.si-l{width:1px;height:40px;background:linear-gradient(to bottom,var(--go),transparent);animation:si-a 2.4s ease-in-out infinite}
.si-t{font-size:.5rem;letter-spacing:5px;color:rgba(212,160,23,.28)}
@keyframes si-a{0%{height:0;opacity:1}100%{height:40px;opacity:0}}

/* ── MARQUEE ────────────────────────────────────────────── */
.mq-sec{position:relative;z-index:2;overflow:hidden;background:rgba(8,6,16,.72);border-top:1px solid var(--bor);border-bottom:1px solid var(--bor);backdrop-filter:blur(8px)}
.mq-sec::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--bg) 0%,transparent 15%,transparent 85%,var(--bg) 100%);z-index:2;pointer-events:none}
.mq-row{display:flex;overflow:hidden;padding:9px 0}
.mq-row+.mq-row{border-top:1px solid rgba(124,58,237,.06)}
.mq-t{display:flex;width:max-content}
.mq-fwd{animation:mq-f 24s linear infinite}
.mq-rev{animation:mq-r 24s linear infinite}
.mq-t:hover{animation-play-state:paused}
.mq-i{font-family:var(--fB);font-size:.65rem;font-weight:600;letter-spacing:4px;text-transform:uppercase;white-space:nowrap;padding:0 28px;color:rgba(212,160,23,.28);transition:all .3s}
.mq-i:hover{color:var(--go);text-shadow:0 0 20px rgba(212,160,23,.4)}
.mq-d{color:var(--pu2);text-shadow:0 0 6px rgba(157,90,245,.6)}
@keyframes mq-f{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes mq-r{from{transform:translateX(-50%)}to{transform:translateX(0)}}

/* ── STATS BAR ──────────────────────────────────────────── */
.sb{position:relative;z-index:2;background:rgba(8,6,16,.88);border-bottom:1px solid var(--bor);display:grid;grid-template-columns:repeat(4,1fr);backdrop-filter:blur(8px)}
.sbi{padding:22px 20px;text-align:center;border-right:1px solid var(--bor);position:relative;overflow:hidden;transition:all .4s}
.sbi:last-child{border-right:none}
.sbi::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center bottom,rgba(124,58,237,.06),transparent 70%);opacity:0;transition:opacity .5s}
.sbi::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--go),transparent);opacity:0;transition:opacity .4s}
.sbi:hover{background:rgba(212,160,23,.025)}
.sbi:hover::before{opacity:1}
.sbi:hover::after{opacity:1}
.sbi-n{font-family:var(--fH);font-size:2.1rem;font-weight:900;line-height:1;background:linear-gradient(135deg,var(--go2),var(--go));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:filter .3s}
.sbi:hover .sbi-n{filter:drop-shadow(0 0 12px rgba(212,160,23,.5))}
.sbi-l{font-size:.62rem;letter-spacing:3px;text-transform:uppercase;color:var(--si);margin-top:5px}

/* ── SECTION COMMONS ────────────────────────────────────── */
section{position:relative;z-index:2}
.sp{padding:88px 60px}
.sp-sm{padding:60px 60px}
.sh{text-align:center;margin-bottom:52px}
.sh-eye{display:inline-block;font-family:var(--fB);font-size:.59rem;letter-spacing:7px;text-transform:uppercase;color:var(--pu2);margin-bottom:10px;text-shadow:0 0 12px rgba(157,90,245,.3)}
.sh-eye::before{content:'- '}
.sh-eye::after{content:' -'}
.sh-t{font-family:var(--fR);font-size:clamp(1.4rem,3vw,2.5rem);font-weight:900;text-transform:uppercase;line-height:1.12;color:var(--wh)}
.sh-t .go{background:linear-gradient(135deg,var(--go2),var(--go));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 8px rgba(212,160,23,.3))}
.sh-t .pu{color:var(--pu2);-webkit-text-fill-color:var(--pu2);text-shadow:0 0 12px rgba(157,90,245,.3)}
.sh-orn{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:15px}
.sh-orn::before,.sh-orn::after{content:'';width:60px;height:1px;background:linear-gradient(90deg,transparent,var(--go))}
.sh-orn::after{background:linear-gradient(90deg,var(--go),transparent)}
.sh-orn span{color:var(--go);font-size:.64rem;letter-spacing:4px;text-shadow:0 0 8px rgba(212,160,23,.4)}
.rdiv{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:16px;padding:26px 60px}
.rdiv::before,.rdiv::after{content:'';flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(212,160,23,.12))}
.rdiv::after{background:linear-gradient(90deg,rgba(212,160,23,.12),transparent)}
.rdiv span{font-family:var(--fH);font-size:.64rem;letter-spacing:5px;color:rgba(212,160,23,.38);white-space:nowrap}

/* ── PRODUCT CARDS – Enhanced Vape Showcase ─────────────── */
.pblock{padding:72px 60px}
.pblock+.pblock{padding-top:0}
.cat-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;padding-bottom:13px;border-bottom:1px solid var(--bor)}
.cat-hl{display:flex;align-items:center;gap:12px}
.cat-icon{font-size:1.35rem;filter:drop-shadow(0 0 4px rgba(212,160,23,.3))}
.cat-title{font-family:var(--fH);font-size:1.1rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--wh)}
.cat-cnt{font-family:var(--fB);font-size:.57rem;letter-spacing:2px;padding:2px 9px;background:var(--pu-d);border:1px solid rgba(124,58,237,.18);color:var(--pu2)}
.cat-va{font-family:var(--fB);font-size:.7rem;letter-spacing:3px;text-transform:uppercase;color:var(--go);transition:all .3s;display:flex;align-items:center;gap:5px}
.cat-va:hover{text-shadow:var(--neon-go);gap:9px;color:var(--go2)}
.cat-tabs{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:38px;justify-content:center}
.ct{padding:8px 20px;background:transparent;border:1px solid rgba(212,160,23,.13);color:var(--si);font-family:var(--fB);font-size:.63rem;letter-spacing:3px;text-transform:uppercase;transition:all .3s;position:relative;overflow:hidden}
.ct::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(124,58,237,.05),transparent);opacity:0;transition:opacity .3s}
.ct:hover{border-color:var(--go);color:var(--go)}
.ct:hover::before{opacity:1}
.ct.on{background:var(--go-d);border-color:rgba(212,160,23,.4);color:var(--go);box-shadow:0 0 15px rgba(212,160,23,.14),inset 0 0 20px rgba(212,160,23,.05)}
.pgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.pg3{grid-template-columns:repeat(3,1fr)}
.pc{background:var(--card);border:1px solid rgba(212,160,23,.09);position:relative;overflow:hidden;transition:all .45s cubic-bezier(.4,0,.2,1);clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px))}
.pc::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--pu),var(--go),var(--pu));opacity:0;transition:opacity .45s;z-index:4}
.pc::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(124,58,237,.04),transparent 55%);opacity:0;transition:opacity .45s}
.pc:hover{border-color:rgba(212,160,23,.28);transform:translateY(-9px);box-shadow:0 28px 65px rgba(0,0,0,.6),0 0 35px rgba(124,58,237,.1),0 0 80px rgba(124,58,237,.04)}
.pc:hover::before,.pc:hover::after{opacity:1}
.pc.hid{display:none}

/* ── PRODUCT CARD SMOKE HOVER EFFECT ────────────────────── */
.pc .pc-smoke{position:absolute;bottom:0;left:0;right:0;height:60%;pointer-events:none;z-index:2;opacity:0;transition:opacity .5s}
.pc:hover .pc-smoke{opacity:1}
.pc-smoke::before{
  content:'';position:absolute;
  bottom:-20%;left:10%;
  width:120%;height:80%;
  background:radial-gradient(ellipse,rgba(124,58,237,.08),transparent 70%);
  border-radius:50%;
  filter:blur(20px);
  animation:card-smoke-rise 3s ease-in-out infinite;
}
@keyframes card-smoke-rise{
  0%,100%{transform:translateY(0) scaleX(1);opacity:.5}
  50%{transform:translateY(-15px) scaleX(1.2);opacity:.8}
}

.pb{position:absolute;top:11px;left:11px;z-index:5;font-family:var(--fB);font-size:.51rem;letter-spacing:2px;text-transform:uppercase;padding:3px 9px}
.pb-hot{background:linear-gradient(135deg,#dc2626,#991b1b);color:#fff;box-shadow:0 0 12px rgba(220,38,38,.4);animation:badge-pulse 2s ease-in-out infinite}
.pb-new{background:linear-gradient(135deg,var(--pu2),var(--pu3));color:#fff;box-shadow:0 0 12px rgba(157,90,245,.4)}
.pb-feat{background:linear-gradient(135deg,var(--go2),var(--go4));color:var(--bg);box-shadow:0 0 12px rgba(212,160,23,.3)}
.pb-prem{background:linear-gradient(135deg,var(--go),var(--go4));color:var(--bg);box-shadow:0 0 12px rgba(212,160,23,.3)}
@keyframes badge-pulse{0%,100%{box-shadow:0 0 12px rgba(220,38,38,.4)}50%{box-shadow:0 0 20px rgba(220,38,38,.7)}}
.pi{height:235px;overflow:hidden;position:relative;background:linear-gradient(135deg,#0c0918,#16102c)}
.pi::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,var(--card) 0%,transparent 52%);z-index:1}
.pi::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(124,58,237,.05),transparent);z-index:1;opacity:0;transition:opacity .4s}
.pc:hover .pi::before{opacity:1}
.pi img{width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.4,0,.2,1),filter .65s;filter:brightness(.84) contrast(1.08) saturate(1.1)}
.pc:hover .pi img{transform:scale(1.1);filter:brightness(.9) contrast(1.12) saturate(1.2)}
.pi-ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:3.5rem;opacity:.18}
.pinfo{padding:18px;position:relative;z-index:3}
.pbr{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px}
.pbn{font-family:var(--fB);font-size:.58rem;letter-spacing:4px;text-transform:uppercase;color:var(--go);text-shadow:0 0 6px rgba(212,160,23,.2)}
.pcat{font-family:var(--fB);font-size:.47rem;letter-spacing:2px;padding:2px 7px;background:var(--pu-d);border:1px solid rgba(124,58,237,.15);color:var(--pu2)}
.pn{font-family:var(--fH);font-size:.82rem;font-weight:700;color:var(--wh);margin-bottom:7px;line-height:1.3;transition:color .3s}
.pc:hover .pn{color:var(--go3)}
.pd{font-family:var(--fI);font-style:italic;font-size:.82rem;color:var(--si);line-height:1.6;margin-bottom:9px}
.ptags{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:13px}
.ptag{font-size:.56rem;letter-spacing:2px;padding:2px 7px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);color:var(--si);transition:all .3s}
.ptag:hover{border-color:rgba(124,58,237,.3);color:var(--pu2);background:rgba(124,58,237,.05)}
.pf{display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(212,160,23,.1);padding-top:12px}
.pp{font-family:var(--fH);font-size:1.14rem;font-weight:900;background:linear-gradient(135deg,var(--go2),var(--go));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 4px rgba(212,160,23,.3))}
.po{font-size:.67rem;color:var(--mu);text-decoration:line-through;margin-left:4px}
.pc-ask{font-size:.7rem;color:var(--si);font-style:italic}
.p-obtn{padding:6px 13px;background:transparent;border:1px solid var(--gr2);color:var(--gr2);font-family:var(--fB);font-size:.57rem;letter-spacing:2px;text-transform:uppercase;transition:all .3s;position:relative;overflow:hidden}
.p-obtn::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(34,197,94,.1),transparent);transform:translateX(-100%);transition:transform .4s}
.p-obtn:hover::before{transform:translateX(0)}
.p-obtn:hover{background:var(--gr2);color:#fff;box-shadow:0 0 16px rgba(34,197,94,.45),0 0 40px rgba(34,197,94,.15)}
.vaw{text-align:center;margin-top:42px}

/* ── ABOUT ──────────────────────────────────────────────── */
.about-lay{padding:88px 60px;display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center;max-width:1400px;margin:0 auto}
.av{position:relative}
.av-main{width:100%;height:500px;object-fit:cover;border:1px solid var(--bor);filter:brightness(.84) contrast(1.08) saturate(1.05);transition:filter .5s}
.av:hover .av-main{filter:brightness(.9) contrast(1.1) saturate(1.15)}
.av-fl{position:absolute;bottom:-22px;right:-22px;width:175px;height:175px;object-fit:cover;border:2px solid var(--go);box-shadow:var(--neon-go);transition:box-shadow .4s}
.av:hover .av-fl{box-shadow:var(--neon-go),0 0 40px rgba(212,160,23,.2)}
.ac{position:absolute;width:22px;height:22px;border-color:var(--go);border-style:solid;transition:all .4s}
.ac.tl{top:-7px;left:-7px;border-width:2px 0 0 2px}
.ac.tr{top:-7px;right:-7px;border-width:2px 2px 0 0}
.ac.bl{bottom:-7px;left:-7px;border-width:0 0 2px 2px}
.ac.br{bottom:-7px;right:-7px;border-width:0 2px 2px 0}
.av:hover .ac{border-color:var(--pu2);box-shadow:0 0 8px rgba(157,90,245,.4)}
.at .sh{text-align:left;margin-bottom:20px}
.at .sh-orn{justify-content:flex-start}
.at .sh-orn::before{display:none}
.at-d{font-family:var(--fI);font-style:italic;font-size:1.05rem;line-height:1.9;color:var(--si);margin-bottom:24px}
.at-f{margin-bottom:28px}
.at-f li{display:flex;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid rgba(212,160,23,.06);font-size:.94rem;color:var(--si);transition:all .3s}
.at-f li:hover{padding-left:8px;color:var(--wh);border-bottom-color:rgba(212,160,23,.15)}
.at-f li::before{content:'›';font-size:.6rem;flex-shrink:0;filter:grayscale(.5);transition:filter .3s}
.at-f li:hover::before{filter:grayscale(0)}
.ow-c{display:flex;align-items:center;gap:14px;padding:14px;background:var(--card2);border:1px solid var(--bor);border-left:3px solid var(--go);transition:all .3s}
.ow-c:hover{border-left-color:var(--pu2);background:rgba(124,58,237,.05)}
.ow-av{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--go),var(--pu));display:flex;align-items:center;justify-content:center;font-family:var(--fR);font-size:.9rem;font-weight:900;color:var(--bg);flex-shrink:0;box-shadow:0 0 12px rgba(212,160,23,.3)}
.ow-n{font-family:var(--fH);font-size:.82rem;font-weight:700;color:var(--wh)}
.ow-t{font-size:.6rem;letter-spacing:3px;text-transform:uppercase;color:var(--go);margin-top:2px}

/* ── WHY / TRUST CARDS ──────────────────────────────────── */
.wgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:1400px;margin:0 auto}
.wc{background:var(--card);border:1px solid var(--bor);padding:30px 22px;position:relative;overflow:hidden;transition:all .4s}
.wc::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--pu),var(--go),var(--pu));opacity:0;transition:opacity .4s}
.wc::after{content:'';position:absolute;bottom:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse at center,rgba(124,58,237,.04),transparent 50%);opacity:0;transition:opacity .5s;pointer-events:none}
.wc:hover{border-color:var(--bor2);transform:translateY(-7px);box-shadow:0 16px 50px rgba(0,0,0,.4)}
.wc:hover::before{opacity:1}
.wc:hover::after{opacity:1}
.wc-i{font-size:2.4rem;margin-bottom:16px;display:block;transition:transform .4s,filter .4s}
.wc:hover .wc-i{transform:scale(1.15) translateY(-3px);filter:drop-shadow(0 0 12px rgba(212,160,23,.4))}
.wc-t{font-family:var(--fH);font-size:.85rem;font-weight:700;color:var(--wh);margin-bottom:10px;text-transform:uppercase;transition:color .3s}
.wc:hover .wc-t{color:var(--go)}
.wc-d{font-size:.9rem;color:var(--si);line-height:1.72}
.tgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:920px;margin:0 auto}
.tc{background:var(--card);border:1px solid var(--bor);padding:30px;text-align:center;transition:all .4s;position:relative;overflow:hidden}
.tc::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center bottom,rgba(124,58,237,.05),transparent 70%);opacity:0;transition:opacity .4s}
.tc:hover{border-color:var(--bor2);box-shadow:var(--neon-go);transform:translateY(-4px)}
.tc:hover::before{opacity:1}
.tc-i{font-size:2.8rem;margin-bottom:14px;transition:transform .4s}
.tc:hover .tc-i{transform:scale(1.1) rotate(5deg)}
.tc-t{font-family:var(--fH);font-size:.74rem;font-weight:700;color:var(--go);letter-spacing:2px;text-transform:uppercase;margin-bottom:9px}
.tc-d{font-size:.88rem;color:var(--si);line-height:1.72}

/* ── PARALLAX – Enhanced Smoke ──────────────────────────── */
.par{height:440px;position:relative;overflow:hidden;z-index:2;display:flex;align-items:center;justify-content:center}
.par-bg{position:absolute;inset:-22%;background-size:cover;background-position:center;opacity:.14;will-change:transform}
.par-ov{position:absolute;inset:0;background:linear-gradient(135deg,rgba(124,58,237,.2),rgba(5,4,8,.82),rgba(212,160,23,.1))}
.par-sl{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(124,58,237,.015) 3px,rgba(124,58,237,.015) 4px);pointer-events:none}

/* ── PARALLAX SMOKE EFFECT ──────────────────────────────── */
.par-smoke{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.par-smoke::before{
  content:'';position:absolute;
  width:100%;height:60%;bottom:0;left:0;
  background:linear-gradient(0deg,rgba(5,4,8,.6),transparent);
  z-index:1;
}
.par-smoke::after{
  content:'';position:absolute;
  width:600px;height:200px;
  bottom:-10%;left:20%;
  background:radial-gradient(ellipse,rgba(124,58,237,.1),transparent 70%);
  border-radius:50%;
  filter:blur(40px);
  animation:par-smoke-drift 10s ease-in-out infinite;
}
@keyframes par-smoke-drift{
  0%,100%{transform:translateX(0) scaleX(1);opacity:.4}
  50%{transform:translateX(100px) scaleX(1.5);opacity:.7}
}

.par-c{position:relative;z-index:2;text-align:center;padding:0 24px}
.par-o{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:20px}
.par-o::before,.par-o::after{content:'';width:80px;height:1px;background:linear-gradient(90deg,transparent,var(--go))}
.par-o::after{background:linear-gradient(90deg,var(--go),transparent)}
.par-c h2{font-family:var(--fR);font-size:clamp(1.7rem,4.5vw,3.6rem);font-weight:900;text-transform:uppercase;color:var(--wh);margin-bottom:12px;text-shadow:0 0 40px rgba(212,160,23,.15)}
.par-c p{font-family:var(--fI);font-style:italic;font-size:1rem;color:var(--si);letter-spacing:4px;margin-bottom:30px}

/* ── BRANDS ─────────────────────────────────────────────── */
.br-sec{padding:50px 0;overflow:hidden;position:relative;z-index:2;border-top:1px solid var(--bor)}
.br-sec::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--bg) 0%,transparent 10%,transparent 90%,var(--bg) 100%);z-index:2;pointer-events:none}
.br-t{display:flex;animation:mq-f 18s linear infinite;width:max-content}
.br-i{font-family:var(--fR);font-size:.88rem;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:rgba(212,160,23,.09);padding:0 48px;white-space:nowrap;transition:all .3s}
.br-i:hover{color:var(--go);text-shadow:0 0 20px rgba(212,160,23,.4)}

/* ── BRANCHES ───────────────────────────────────────────── */
.bgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1400px;margin:0 auto}
.brc{background:var(--card);border:1px solid var(--bor);padding:24px;position:relative;overflow:hidden;transition:all .4s;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px))}
.brc::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--bcc,var(--go));opacity:.7}
.brc::after{content:'';position:absolute;bottom:0;left:0;right:0;height:40%;background:linear-gradient(0deg,rgba(124,58,237,.03),transparent);opacity:0;transition:opacity .4s}
.brc:hover{border-color:rgba(212,160,23,.22);transform:translateY(-5px);box-shadow:0 16px 50px rgba(0,0,0,.5),0 0 30px rgba(124,58,237,.06)}
.brc:hover::after{opacity:1}
.brc-main{position:absolute;top:13px;right:13px;font-family:var(--fB);font-size:.47rem;letter-spacing:2px;text-transform:uppercase;padding:3px 9px;background:linear-gradient(135deg,var(--go2),var(--go4));color:var(--bg);z-index:3;box-shadow:0 0 10px rgba(212,160,23,.3)}
.brc-iw{width:100%;height:140px;overflow:hidden;margin-bottom:13px;border:1px solid var(--bor);position:relative}
.brc-iw::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(124,58,237,.1),transparent);opacity:0;transition:opacity .4s}
.brc:hover .brc-iw::after{opacity:1}
.brc-iw img{width:100%;height:100%;object-fit:cover;filter:brightness(.72) contrast(1.1);transition:transform .5s,filter .5s}
.brc:hover .brc-iw img{transform:scale(1.06);filter:brightness(.82) contrast(1.15)}
.brc-city{font-size:.59rem;letter-spacing:5px;text-transform:uppercase;margin-bottom:4px;color:var(--pu2)}
.brc-name{font-family:var(--fH);font-size:.9rem;font-weight:700;color:var(--wh);margin-bottom:7px}
.brc-addr{font-size:.82rem;color:var(--si);line-height:1.62;margin-bottom:11px}
.brc-ph{font-family:var(--fH);font-size:.8rem;color:var(--go);margin-bottom:13px;transition:text-shadow .3s}
.brc:hover .brc-ph{text-shadow:0 0 8px rgba(212,160,23,.4)}
.brc-btns{display:flex;gap:7px;flex-wrap:wrap}
.bb{padding:7px 13px;font-family:var(--fB);font-size:.51rem;letter-spacing:2px;text-transform:uppercase;transition:all .3s;display:inline-flex;align-items:center;gap:5px;border:none;position:relative;overflow:hidden}
.bb::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent);transform:translateX(-100%);transition:transform .4s}
.bb:hover::before{transform:translateX(100%)}
.bb-wa{background:var(--gr2);color:#fff}
.bb-wa:hover{box-shadow:var(--neon-gr);transform:translateY(-1px)}
.bb-out{background:transparent;border:1px solid var(--bor);color:var(--si)}
.bb-out:hover{border-color:var(--go);color:var(--go);box-shadow:0 0 12px rgba(212,160,23,.2)}

/* ── REVIEWS ────────────────────────────────────────────── */
.rgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:1400px;margin:0 auto 50px}
.rc{background:var(--card);border:1px solid var(--bor);padding:26px;position:relative;transition:all .4s;overflow:hidden}
.rc::before{content:'\201C';position:absolute;top:13px;right:17px;font-size:5rem;line-height:1;color:rgba(212,160,23,.05);font-family:Georgia,serif;pointer-events:none;transition:color .3s}
.rc::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--go),transparent);opacity:0;transition:opacity .4s}
.rc:hover{border-color:var(--bor2);transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,.5),0 0 25px rgba(124,58,237,.05)}
.rc:hover::before{color:rgba(212,160,23,.1)}
.rc:hover::after{opacity:1}
.rc-s{font-size:.84rem;letter-spacing:3px;margin-bottom:13px}
.rs-f{color:var(--go);text-shadow:0 0 8px rgba(212,160,23,.5)}
.rs-e{color:var(--mu)}
.rc-t{font-family:var(--fI);font-style:italic;font-size:.94rem;color:var(--si);line-height:1.82;margin-bottom:18px}
.rc-a{display:flex;align-items:center;gap:12px}
.rc-av{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--pu),var(--go));display:flex;align-items:center;justify-content:center;font-family:var(--fH);font-size:.74rem;font-weight:700;color:var(--bg);flex-shrink:0;box-shadow:0 0 8px rgba(124,58,237,.3);transition:box-shadow .3s}
.rc:hover .rc-av{box-shadow:0 0 16px rgba(212,160,23,.4)}
.rc-n{font-family:var(--fH);font-size:.78rem;color:var(--wh)}
.rc-d{font-size:.64rem;color:var(--di);margin-top:2px}
.rc-rep{margin-top:15px;padding:11px 13px;background:rgba(124,58,237,.07);border-left:2px solid var(--pu2);font-size:.84rem;color:var(--si);line-height:1.65;transition:background .3s}
.rc:hover .rc-rep{background:rgba(124,58,237,.1)}
.rc-rl{font-family:var(--fB);font-size:.57rem;letter-spacing:3px;text-transform:uppercase;color:var(--pu2);margin-bottom:4px}
.rf-wrap{max-width:700px;margin:0 auto;background:var(--card2);border:1px solid var(--bor);padding:36px;clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,20px 100%,0 calc(100% - 20px));position:relative;overflow:hidden}
.rf-wrap::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(124,58,237,.05),transparent 60%);pointer-events:none}
.rf-t{font-family:var(--fR);font-size:1.1rem;font-weight:700;color:var(--wh);margin-bottom:22px;text-align:center;position:relative}
.rf-stars{display:flex;gap:10px;justify-content:center;margin-bottom:20px}
.rfs{font-size:2.2rem;cursor:pointer;transition:all .2s;color:var(--mu)}
.rfs.on{color:var(--go);text-shadow:0 0 12px rgba(212,160,23,.6);transform:scale(1.12)}
.rfs:hover{transform:scale(1.2);color:var(--go2)}
.rf-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-bottom:13px}
.rf-g{display:flex;flex-direction:column;gap:5px}
.rf-l{font-family:var(--fB);font-size:.61rem;letter-spacing:4px;text-transform:uppercase;color:var(--go)}
.rf-in,.rf-ta{padding:10px 13px;background:var(--bg2);border:1px solid var(--bor);color:var(--wh);font-family:var(--fB);font-size:.93rem;outline:none;transition:all .3s;width:100%}
.rf-in:focus,.rf-ta:focus{border-color:var(--go);box-shadow:0 0 0 2px rgba(212,160,23,.08),0 0 20px rgba(212,160,23,.05)}
.rf-in::placeholder,.rf-ta::placeholder{color:var(--di)}
.rf-ta{min-height:100px;resize:vertical;grid-column:1/-1}
.rf-sub{width:100%;margin-top:14px;padding:13px;background:linear-gradient(135deg,var(--pu2),var(--pu3));color:#fff;border:none;font-family:var(--fH);font-size:.71rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;transition:all .3s;position:relative;overflow:hidden}
.rf-sub::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.15),transparent);transform:translateX(-100%);transition:transform .4s}
.rf-sub:hover::before{transform:translateX(100%)}
.rf-sub:hover{box-shadow:var(--neon-pu);transform:translateY(-1px)}
.rf-ok{display:none;padding:13px;margin-bottom:16px;background:rgba(124,58,237,.1);border:1px solid rgba(124,58,237,.3);color:var(--pu2);text-align:center;font-size:.89rem}

/* ── MAP + CONTACT ──────────────────────────────────────── */
.mc{position:relative;z-index:2;display:grid;grid-template-columns:1fr 420px;overflow:hidden}
.me{width:100%;height:520px;border:none;display:block;filter:invert(90%) hue-rotate(200deg) brightness(.7) contrast(1.2) saturate(.7)}
.mph{width:100%;height:520px;background:var(--card);border:1px solid var(--bor);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;position:relative;overflow:hidden}
.mph::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(124,58,237,.05),transparent);animation:mph-p 3.5s ease-in-out infinite}
.mph::after{content:'';position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(212,160,23,.03),transparent 70%);animation:map-smoke 8s ease-in-out infinite;filter:blur(40px)}
@keyframes mph-p{0%,100%{opacity:.4}50%{opacity:1}}
@keyframes map-smoke{0%,100%{transform:scale(1) translate(0);opacity:.3}50%{transform:scale(1.5) translate(30px,-20px);opacity:.6}}
.mph-i{font-size:3.5rem;position:relative;z-index:1}
.mph-t{font-family:var(--fH);font-size:.62rem;letter-spacing:4px;color:rgba(212,160,23,.35);text-transform:uppercase;position:relative;z-index:1}
.cp{background:var(--card);border-left:1px solid var(--bor);padding:36px 28px;display:flex;flex-direction:column;justify-content:center;overflow-y:auto;position:relative}
.cp::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,rgba(124,58,237,.02),transparent 30%,transparent 70%,rgba(212,160,23,.02));pointer-events:none}
.cp-t{font-family:var(--fR);font-size:1.05rem;font-weight:700;color:var(--wh);margin-bottom:5px}
.cp-s{font-family:var(--fI);font-style:italic;font-size:.85rem;color:var(--si);margin-bottom:24px}
.cp-i{display:flex;gap:14px;padding:12px 0;border-bottom:1px solid rgba(212,160,23,.06);align-items:flex-start;transition:all .3s}
.cp-i:hover{padding-left:6px;border-bottom-color:rgba(212,160,23,.15)}
.cp-i:last-of-type{border-bottom:none}
.cp-ic{font-size:1.2rem;flex-shrink:0;margin-top:1px;transition:transform .3s}
.cp-i:hover .cp-ic{transform:scale(1.15)}
.cp-l{font-family:var(--fB);font-size:.57rem;letter-spacing:4px;text-transform:uppercase;color:var(--go);margin-bottom:3px}
.cp-v{font-size:.9rem;color:var(--si);line-height:1.5}
.cp-wa{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;margin-top:20px;padding:13px;background:linear-gradient(135deg,var(--gr2),var(--gr));color:#fff;border:none;font-family:var(--fH);font-size:.71rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;transition:all .3s;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));position:relative;overflow:hidden}
.cp-wa::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.15),transparent);transform:translateX(-100%);transition:transform .5s}
.cp-wa:hover::before{transform:translateX(100%)}
.cp-wa:hover{box-shadow:var(--neon-gr);transform:translateY(-1px)}
.cp-dir{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;margin-top:9px;padding:11px;background:transparent;color:var(--go);border:1px solid rgba(212,160,23,.3);font-family:var(--fB);font-size:.67rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;transition:all .3s}
.cp-dir:hover{background:var(--go-d);box-shadow:var(--neon-go)}

/* ── CONTACT STRIP ──────────────────────────────────────── */
.cstrip{padding:50px 60px;display:grid;grid-template-columns:repeat(3,1fr);gap:40px;max-width:1200px;margin:0 auto;position:relative;z-index:2;border-bottom:1px solid var(--bor)}
.csi{display:flex;gap:14px;align-items:center;transition:all .3s}
.csi:hover{transform:translateY(-3px)}
.csi-i{width:50px;height:50px;flex-shrink:0;background:var(--go-d);border:1px solid var(--bor);display:flex;align-items:center;justify-content:center;font-size:1.3rem;transition:all .3s}
.csi:hover .csi-i{border-color:var(--go);box-shadow:0 0 20px rgba(212,160,23,.15)}
.csi-l{font-family:var(--fB);font-size:.57rem;letter-spacing:4px;text-transform:uppercase;color:var(--go);margin-bottom:3px}
.csi-v{font-family:var(--fH);font-size:.83rem;color:var(--wh)}

/* ── FOOTER – Enhanced with Smoke ───────────────────────── */
footer{position:relative;z-index:2;background:var(--bg2);border-top:1px solid var(--bor);overflow:hidden}
footer::before{content:'';position:absolute;top:-100px;left:0;right:0;height:200px;background:linear-gradient(0deg,var(--bg2),transparent);pointer-events:none;z-index:1}
footer::after{content:'';position:absolute;bottom:0;left:0;right:0;height:300px;background:radial-gradient(ellipse at 50% 100%,rgba(124,58,237,.04),transparent 60%);pointer-events:none}
.ft-w{padding:8px 60px;background:rgba(124,58,237,.04);border-bottom:1px solid rgba(212,160,23,.06);display:flex;justify-content:space-between;align-items:center;font-size:.61rem;color:rgba(255,255,255,.18);letter-spacing:1px;position:relative;z-index:2}
.ft-o{display:flex;align-items:center;gap:16px;padding:14px 60px;border-bottom:1px solid rgba(212,160,23,.05);position:relative;z-index:2}
.ft-o::before,.ft-o::after{content:'';flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(212,160,23,.1))}
.ft-o::after{background:linear-gradient(90deg,rgba(212,160,23,.1),transparent)}
.ft-o span{font-family:var(--fB);font-size:.59rem;letter-spacing:4px;color:rgba(212,160,23,.34);white-space:nowrap}
.ft-body{padding:48px 60px 26px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:58px;position:relative;z-index:2}
.ft-logo{font-family:var(--fR);font-size:1.15rem;font-weight:900;background:linear-gradient(135deg,var(--go2),var(--go));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:block;margin-bottom:4px;text-decoration:none;filter:drop-shadow(0 0 8px rgba(212,160,23,.3));transition:filter .3s}
.ft-logo:hover{filter:drop-shadow(0 0 16px rgba(212,160,23,.6))}
.ft-sub{font-size:.55rem;letter-spacing:4px;color:var(--pu2);text-transform:uppercase;margin-bottom:13px;text-shadow:0 0 8px rgba(157,90,245,.3)}
.ft-desc{font-family:var(--fI);font-style:italic;font-size:.88rem;color:var(--si);line-height:1.82;max-width:270px;margin-bottom:18px}
.ft-soc{display:flex;gap:9px}
.fsc{width:36px;height:36px;border:1px solid var(--bor);display:flex;align-items:center;justify-content:center;color:var(--si);text-decoration:none;transition:all .3s;position:relative;overflow:hidden}
.fsc::before{content:'';position:absolute;inset:0;background:radial-gradient(circle,rgba(212,160,23,.1),transparent);opacity:0;transition:opacity .3s}
.fsc:hover{border-color:var(--go);color:var(--go);box-shadow:var(--neon-go);transform:translateY(-2px)}
.fsc:hover::before{opacity:1}
.fsc-wa{border-color:rgba(34,197,94,.25);color:var(--gr2)}
.fsc-wa:hover{box-shadow:var(--neon-gr);border-color:var(--gr2)}
.ft-col h4{font-family:var(--fH);font-size:.63rem;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:var(--go);margin-bottom:15px;padding-bottom:8px;border-bottom:1px solid rgba(212,160,23,.12)}
.ft-col ul li{margin-bottom:7px}
.ft-col ul li a{font-size:.86rem;color:var(--si);transition:all .3s;position:relative}
.ft-col ul li a::before{content:'';position:absolute;left:-10px;top:50%;width:0;height:1px;background:var(--go);transition:width .3s;transform:translateY(-50%)}
.ft-col ul li a:hover{color:var(--go);padding-left:14px}
.ft-col ul li a:hover::before{width:8px}
.ft-mt{font-size:.49rem;letter-spacing:2px;padding:1px 5px;background:var(--go-d);border:1px solid rgba(212,160,23,.28);color:var(--go);margin-left:5px;text-transform:uppercase;animation:badge-pulse 3s ease-in-out infinite}
.ft-bot{border-top:1px solid var(--bor);margin:0 60px;padding:16px 0;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2}
.ft-cp{font-size:.7rem;color:rgba(255,255,255,.15);letter-spacing:1px}
.ft-lk a{font-size:.7rem;color:rgba(255,255,255,.15);transition:color .3s}
.ft-lk a:hover{color:var(--go);text-shadow:0 0 8px rgba(212,160,23,.3)}

/* ── WHATSAPP FLOAT – Enhanced with Smoke Ring ──────────── */
.wa-f{position:fixed;bottom:26px;right:26px;z-index:1000;display:flex;align-items:center}
.wa-bub{background:linear-gradient(135deg,#15803d,#166534);color:#fff;padding:11px 15px;border-radius:26px 0 0 26px;display:flex;align-items:center;gap:8px;max-width:0;overflow:hidden;opacity:0;white-space:nowrap;font-family:var(--fB);font-size:.82rem;font-weight:600;transition:max-width .55s cubic-bezier(.4,0,.2,1),padding .45s,opacity .45s;pointer-events:none;box-shadow:0 4px 18px rgba(21,128,61,.35)}
.wa-bub.op{max-width:290px;opacity:1;pointer-events:auto;padding:11px 15px}
.wa-bx{cursor:pointer;opacity:.65;padding:0 3px;transition:opacity .2s;font-size:.8rem;line-height:1}
.wa-bx:hover{opacity:1}
.wa-btn{position:relative;width:58px;height:58px;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,var(--gr2),var(--gr));display:flex;align-items:center;justify-content:center;text-decoration:none;transition:all .3s;box-shadow:0 4px 22px rgba(34,197,94,.4)}
.wa-btn:hover{transform:scale(1.1);box-shadow:0 6px 32px rgba(34,197,94,.65)}
.wa-btn svg{width:28px;height:28px;fill:#fff}
.wa-btn::before{content:'';position:absolute;inset:-9px;border-radius:50%;border:2px solid rgba(34,197,94,.28);animation:wa-r 2.2s ease-in-out infinite}
.wa-btn::after{content:'';position:absolute;inset:-18px;border-radius:50%;border:1px solid rgba(34,197,94,.13);animation:wa-r 2.2s ease-in-out .6s infinite}

/* ── WA SMOKE RING ──────────────────────────────────────── */
.wa-smoke{position:absolute;inset:-30px;border-radius:50%;background:radial-gradient(circle,rgba(34,197,94,.06),transparent 70%);animation:wa-smoke-pulse 4s ease-in-out infinite;pointer-events:none}
@keyframes wa-smoke-pulse{0%,100%{transform:scale(1);opacity:.3}50%{transform:scale(1.5);opacity:.6}}

@keyframes wa-r{0%,100%{transform:scale(1);opacity:.65}50%{transform:scale(1.1);opacity:0}}
.wa-bdg{position:absolute;top:-3px;right:-3px;width:18px;height:18px;border-radius:50%;background:var(--red);color:#fff;font-size:.52rem;font-weight:700;display:flex;align-items:center;justify-content:center;animation:bdg-p .4s cubic-bezier(.4,0,.2,1) both;box-shadow:0 0 8px rgba(220,38,38,.5)}
@keyframes bdg-p{from{transform:scale(0)}to{transform:scale(1)}}

/* ── INNER PAGES ────────────────────────────────────────── */
.ph{position:relative;z-index:2;padding:140px 60px 62px;text-align:center;border-bottom:1px solid var(--bor);overflow:hidden}
.ph::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(124,58,237,.06),transparent 50%);animation:page-header-glow 5s ease-in-out infinite}
@keyframes page-header-glow{0%,100%{opacity:.4}50%{opacity:1}}
.ph::after{content:'';position:absolute;bottom:-1px;left:50%;transform:translateX(-50%);width:180px;height:2px;background:linear-gradient(90deg,transparent,var(--go),transparent)}
.ph-t{font-family:var(--fR);font-size:clamp(2rem,5vw,4rem);font-weight:900;text-transform:uppercase;animation:fu .8s ease .2s both;position:relative;text-shadow:0 0 40px rgba(212,160,23,.15)}
.ph-s{font-family:var(--fI);font-style:italic;font-size:1rem;color:var(--si);margin-top:12px;letter-spacing:3px;animation:fu .8s ease .4s both;position:relative}

/* Products page */
.pp-sec{padding:40px 60px 88px}
.pf-bar{display:flex;gap:13px;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-bottom:34px;max-width:1400px;margin-inline:auto}
.pf-srch{display:flex;flex:1;max-width:360px}
.pf-srch input{flex:1;padding:9px 12px;background:var(--card2);border:1px solid var(--bor);border-right:none;color:var(--wh);font-family:var(--fB);font-size:.9rem;outline:none;transition:all .3s}
.pf-srch input:focus{border-color:var(--go);box-shadow:0 0 15px rgba(212,160,23,.08)}
.pf-srch input::placeholder{color:var(--di)}
.pf-srch button{padding:9px 12px;background:linear-gradient(135deg,var(--go2),var(--go4));border:none;color:var(--bg);cursor:pointer;transition:all .3s}
.pf-srch button:hover{box-shadow:0 0 12px rgba(212,160,23,.4)}
.pno{text-align:center;padding:60px;color:var(--di);font-family:var(--fH);font-size:.74rem;letter-spacing:3px;display:none}

/* ── GLASS CARD VARIANT – Vape Premium ──────────────────── */
.glass-card{
  background:var(--glass);
  backdrop-filter:var(--glass-b);
  border:1px solid rgba(212,160,23,.08);
  position:relative;
  overflow:hidden;
}
.glass-card::before{
  content:'';position:absolute;inset:0;
  background:linear-gradient(135deg,rgba(124,58,237,.03),transparent 50%,rgba(212,160,23,.02));
  pointer-events:none;
}
.glass-card:hover{
  border-color:rgba(212,160,23,.2);
  box-shadow:0 8px 32px rgba(0,0,0,.4),0 0 20px rgba(124,58,237,.06);
}

/* ── NEON TEXT UTILITIES ─────────────────────────────────── */
.neon-gold{text-shadow:0 0 7px rgba(212,160,23,.6),0 0 20px rgba(212,160,23,.3),0 0 42px rgba(212,160,23,.15)}
.neon-purple{text-shadow:0 0 7px rgba(157,90,245,.6),0 0 20px rgba(157,90,245,.3),0 0 42px rgba(157,90,245,.15)}
.neon-green{text-shadow:0 0 7px rgba(34,197,94,.6),0 0 20px rgba(34,197,94,.3)}

/* ── BREATHING ANIMATION (Inhale/Exhale Vape Feel) ──────── */
.breathe{animation:breathe-anim var(--breathe) ease-in-out infinite}
@keyframes breathe-anim{
  0%,100%{opacity:.7;transform:scale(1)}
  50%{opacity:1;transform:scale(1.02)}
}

/* ── SMOKE TRAIL ON HOVER ───────────────────────────────── */
.smoke-trail{position:relative}
.smoke-trail::after{
  content:'';position:absolute;
  bottom:-10px;left:50%;
  width:60%;height:20px;
  transform:translateX(-50%);
  background:radial-gradient(ellipse,rgba(124,58,237,.08),transparent 70%);
  filter:blur(8px);
  opacity:0;
  transition:opacity .4s;
}
.smoke-trail:hover::after{opacity:1}

/* ── VAPOR LINE DIVIDERS ────────────────────────────────── */
.vapor-divider{
  position:relative;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(212,160,23,.12),rgba(124,58,237,.08),rgba(212,160,23,.12),transparent);
  margin:40px 60px;
  overflow:visible;
}
.vapor-divider::before{
  content:'';position:absolute;
  top:-10px;left:50%;
  width:200px;height:20px;
  transform:translateX(-50%);
  background:radial-gradient(ellipse,rgba(124,58,237,.06),transparent);
  filter:blur(10px);
  animation:divider-glow 3s ease-in-out infinite;
}
@keyframes divider-glow{0%,100%{opacity:.3}50%{opacity:.8}}

/* ── PRODUCT GRID SMOKE SEPARATOR ───────────────────────── */
.pgrid::before{
  content:'';position:absolute;
  width:100%;height:100%;
  background:radial-gradient(ellipse at 50% 50%,rgba(124,58,237,.02),transparent 50%);
  pointer-events:none;
  z-index:0;
}

/* ── FLOATING SMOKE PARTICLES (Pure CSS) ────────────────── */
.smoke-particles{
  position:fixed;inset:0;
  pointer-events:none;z-index:1;
  overflow:hidden;
}
.smoke-particle{
  position:absolute;
  width:4px;height:4px;
  border-radius:50%;
  background:rgba(200,180,255,.15);
  animation:particle-float linear infinite;
}
.smoke-particle:nth-child(1){left:10%;animation-duration:12s;animation-delay:0s;width:3px;height:3px}
.smoke-particle:nth-child(2){left:25%;animation-duration:18s;animation-delay:2s;width:5px;height:5px;background:rgba(212,160,23,.1)}
.smoke-particle:nth-child(3){left:45%;animation-duration:15s;animation-delay:5s}
.smoke-particle:nth-child(4){left:65%;animation-duration:20s;animation-delay:3s;width:6px;height:6px;background:rgba(124,58,237,.1)}
.smoke-particle:nth-child(5){left:80%;animation-duration:14s;animation-delay:8s;width:3px;height:3px}
.smoke-particle:nth-child(6){left:35%;animation-duration:22s;animation-delay:1s;width:4px;height:4px;background:rgba(212,160,23,.08)}
.smoke-particle:nth-child(7){left:55%;animation-duration:16s;animation-delay:6s;width:5px;height:5px}
.smoke-particle:nth-child(8){left:90%;animation-duration:19s;animation-delay:4s;background:rgba(157,90,245,.08)}
@keyframes particle-float{
  0%{bottom:-10px;opacity:0;transform:translateX(0) scale(1)}
  10%{opacity:.6}
  50%{opacity:.3;transform:translateX(40px) scale(1.5)}
  90%{opacity:.1}
  100%{bottom:100vh;opacity:0;transform:translateX(-20px) scale(.5)}
}

/* ── REVEAL / ANIMATE ───────────────────────────────────── */
.rv{opacity:0;transform:translateY(38px);transition:all .75s cubic-bezier(.4,0,.2,1)}
.rv-l{opacity:0;transform:translateX(-38px);transition:all .75s cubic-bezier(.4,0,.2,1)}
.rv-r{opacity:0;transform:translateX(38px);transition:all .75s cubic-bezier(.4,0,.2,1)}
.rv-scale{opacity:0;transform:scale(.9);transition:all .75s cubic-bezier(.4,0,.2,1)}
.rv.on,.rv-l.on,.rv-r.on,.rv-scale.on{opacity:1;transform:translate(0) scale(1)}
.d1{transition-delay:.08s!important}
.d2{transition-delay:.16s!important}
.d3{transition-delay:.24s!important}
.d4{transition-delay:.32s!important}
.d5{transition-delay:.40s!important}
.d6{transition-delay:.48s!important}
.d7{transition-delay:.56s!important}
.d8{transition-delay:.64s!important}

/* ── KEYFRAMES ──────────────────────────────────────────── */
@keyframes fu{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}
@keyframes fi{from{opacity:0}to{opacity:1}}
@keyframes pulse-glow{0%,100%{box-shadow:0 0 5px rgba(124,58,237,.2)}50%{box-shadow:0 0 20px rgba(124,58,237,.5),0 0 40px rgba(124,58,237,.2)}}
@keyframes float-gentle{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}

/* ── FOCUS VISIBLE (Accessibility) ──────────────────────── */
:focus-visible{outline:2px solid var(--go);outline-offset:3px;box-shadow:0 0 0 4px rgba(212,160,23,.15)}

/* ── REDUCED MOTION ─────────────────────────────────────── */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .smoke-layer,.smoke-particles,.vapor-wisp,.h-smoke{display:none}
}

/* ── RESPONSIVE ─────────────────────────────────────────── */
@media(max-width:1200px){
  .pgrid{grid-template-columns:repeat(3,1fr)}
  .wgrid{grid-template-columns:repeat(2,1fr)}
  .bgrid{grid-template-columns:repeat(2,1fr)}
  .mc{grid-template-columns:1fr;max-height:unset}
  .me,.mph{height:380px}
  .cp{max-height:unset}
}
@media(max-width:900px){
  #nav{padding:13px 22px}
  #nav.sc{padding:10px 22px}
  .nav-links{display:none}
  .nav-ham{display:flex}
  .hero{padding:calc(32px + 48px) 18px 70px}
  .h-stats{bottom:58px}
  .hs{padding:9px 15px}
  .hs-n{font-size:1.2rem}
  .sb{grid-template-columns:repeat(2,1fr)}
  .sbi:nth-child(2){border-right:none}
  .pblock,.pp-sec{padding-left:20px;padding-right:20px}
  .pgrid{grid-template-columns:repeat(2,1fr);gap:13px}
  .about-lay{grid-template-columns:1fr;padding:60px 20px;gap:38px}
  .av-fl{display:none}
  .sp,.sp-sm{padding-left:20px;padding-right:20px}
  .wgrid{grid-template-columns:repeat(2,1fr)}
  .bgrid{grid-template-columns:1fr}
  .rgrid{grid-template-columns:1fr}
  .tgrid{grid-template-columns:1fr}
  .cstrip{grid-template-columns:1fr;padding:38px 20px}
  .ft-body{grid-template-columns:1fr 1fr;padding:38px 20px 18px;gap:26px}
  .ft-brand-col{grid-column:1/-1}
  .ft-bot{margin:0 20px;flex-direction:column;gap:6px;text-align:center}
  .ft-o,.ft-w{padding-left:20px;padding-right:20px}
  .ph,.pp-sec{padding-left:20px;padding-right:20px}
  .pf-bar{flex-direction:column;align-items:stretch}
  .pf-srch{max-width:100%}
  .par{height:360px}
  .rf-grid{grid-template-columns:1fr}
  .vapor-divider{margin-left:20px;margin-right:20px}
  .smoke-layer::before{width:300px;height:300px}
  .smoke-layer::after{width:250px;height:250px}
}
@media(max-width:600px){
  .h-h1{font-size:2.8rem}
  .h-btns{flex-direction:column;align-items:center}
  .h-stats{display:none}
  .pgrid{grid-template-columns:1fr}
  .wgrid{grid-template-columns:1fr}
  .cat-tabs{gap:3px}
  .ct{font-size:.57rem;padding:7px 12px}
  .rf-wrap{padding:22px 18px}
  .smoke-particles .smoke-particle:nth-child(n+5){display:none}
}