:root{
  --bg:#070708; --bg-2:#0B0B0D; --surface:#111113; --surface-2:#141416; --chip:#1A1A1D;
  --text:#F2EFE8; --text-2:#CFCBC2; --muted:#A9A59D; --faint:#8E8A82;
  --gold:#F5C518; --gold-grad:linear-gradient(180deg,#FFE08A 0%,#F5C518 50%,#D9A300 100%);
  --gold-text:linear-gradient(180deg,#FFE7A3 0%,#F5C518 45%,#C99400 100%);
  --line:rgba(255,255,255,.07); --gold-line:rgba(245,197,24,.45);
  --display:'Unbounded','Arial Black',sans-serif; --body:'Manrope','Segoe UI',system-ui,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--body);font-size:16px;line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}
img{max-width:100%}
a{color:var(--gold)}
h1,h2,h3,h4{margin:0}
.container{max-width:1240px;margin:0 auto;padding:0 24px}
.gold-text{background:var(--gold-text);-webkit-background-clip:text;background-clip:text;color:transparent}
.eyebrow{font-size:12px;font-weight:800;letter-spacing:3px;text-transform:uppercase;color:var(--gold)}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:12px;font-weight:800;text-decoration:none;cursor:pointer;border:0;font-family:var(--body);transition:transform .15s ease,box-shadow .2s ease,background .2s ease;white-space:nowrap}
.btn:hover{transform:translateY(-1px)}
.btn-gold{background:var(--gold-grad);color:#0B0B0C;box-shadow:0 10px 36px rgba(245,197,24,.28)}
.btn-gold:hover{color:#0B0B0C;box-shadow:0 14px 44px rgba(245,197,24,.4)}
.btn-ghost{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.03);color:var(--text);font-weight:700}
.btn-ghost:hover{color:var(--text);background:rgba(255,255,255,.07)}
.btn-outline{border:1px solid var(--gold-line);color:var(--gold);height:48px;padding:0 22px;font-size:14px;background:transparent}
.btn-outline:hover{background:rgba(245,197,24,.08);color:var(--gold)}
.btn-sm{height:44px;padding:0 18px;font-size:14px;border-radius:10px}
.btn-lg{height:60px;padding:0 32px;font-size:17px}

/* hero */
.hero{position:relative;overflow:hidden;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;background:radial-gradient(ellipse 70% 45% at 50% 100%,rgba(245,197,24,.16),transparent 70%),var(--bg)}
.flag{position:absolute;width:640px;height:280px;opacity:.5;filter:blur(2px);pointer-events:none}
.flag-ua{top:-70px;left:-120px;transform:rotate(-10deg);background:linear-gradient(180deg,#0057B7 0 50%,#FFD500 50% 100%);-webkit-mask-image:linear-gradient(90deg,#000 5%,transparent 80%);mask-image:linear-gradient(90deg,#000 5%,transparent 80%)}
.flag-es{top:-70px;right:-120px;transform:rotate(10deg);background:linear-gradient(180deg,#C60B1E 0 25%,#FFC400 25% 75%,#C60B1E 75% 100%);-webkit-mask-image:linear-gradient(270deg,#000 5%,transparent 80%);mask-image:linear-gradient(270deg,#000 5%,transparent 80%)}

.header{position:relative;z-index:5;padding:20px 24px 0}
.header-bar{max-width:1240px;margin:0 auto;padding:12px 14px 12px 24px;border-radius:16px;background:rgba(12,12,14,.72);border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:space-between;gap:14px 32px;flex-wrap:wrap}
.logo{display:flex;flex-direction:column;align-items:center;text-decoration:none;line-height:1}
.logo-text{font-family:'Montserrat','Arial Black',sans-serif;font-weight:900;font-style:italic;font-size:26px;letter-spacing:-.5px;color:var(--text)}
.nav{display:flex;flex-wrap:wrap;gap:4px 30px;font-size:14px;font-weight:600}
.nav a{color:#D9D5CC;text-decoration:none;transition:color .2s}
.nav a:hover{color:var(--gold)}
.header-actions{display:flex;align-items:center;gap:14px}
.lang{display:flex;padding:3px;border-radius:10px;background:rgba(255,255,255,.05)}
.lang button{min-width:40px;height:36px;border:0;border-radius:8px;background:transparent;color:var(--muted);font:800 12px var(--body);letter-spacing:.5px;cursor:pointer}
.lang button[aria-pressed="true"]{background:var(--text);color:#0B0B0C}
.burger{display:none;width:44px;height:44px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:transparent;color:var(--text);cursor:pointer;align-items:center;justify-content:center}

.hero-content{position:relative;z-index:1;max-width:1240px;margin:0 auto;padding:clamp(20px,5vh,64px) 24px 0;display:flex;flex-direction:column;align-items:center;text-align:center;gap:clamp(14px,2.4vh,26px)}
.pill{display:inline-flex;align-items:center;gap:12px;padding:8px 16px;border-radius:999px;border:1px solid rgba(245,197,24,.35);background:rgba(245,197,24,.06);font-size:12px;font-weight:800;letter-spacing:2.5px;text-transform:uppercase;color:var(--gold)}
.hero h1{max-width:1120px;font-family:var(--display);font-weight:600;font-size:clamp(26px,min(4.4vw,6.4vh),62px);line-height:1.08;letter-spacing:-1.5px;text-wrap:balance}
.lead{margin:0;max-width:620px;font-size:clamp(15px,2.1vh,18px);color:#B9B5AC;text-wrap:pretty}
.hero-ctas{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;padding-top:4px}
.hero-ctas .btn-lg{height:clamp(48px,6.4vh,58px)}

.showroom{position:relative;z-index:1;margin-top:auto;padding-top:16px}
.showroom-glow{position:absolute;left:0;right:0;bottom:0;height:160px;background:radial-gradient(ellipse 55% 100% at 50% 100%,rgba(245,197,24,.2),transparent 70%)}
.showroom-lines{position:absolute;left:18%;right:18%;bottom:28px;display:flex;justify-content:space-between;gap:18px}
.showroom-lines span{flex:1;height:3px;background:linear-gradient(90deg,transparent,rgba(245,197,24,.55))}
.showroom-lines span:last-child{background:linear-gradient(90deg,rgba(245,197,24,.55),transparent)}
.showroom-row{position:relative;display:flex;align-items:flex-end;justify-content:space-between;padding:0 clamp(12px,5vw,96px) 18px}
.showroom-row img{display:block;min-width:0;width:auto;object-fit:contain;mix-blend-mode:lighten;-webkit-mask-image:radial-gradient(ellipse 55% 60% at 50% 50%,#000 66%,transparent 100%);mask-image:radial-gradient(ellipse 55% 60% at 50% 50%,#000 66%,transparent 100%)}
.car-left{height:clamp(100px,min(21vw,30vh),340px);max-width:42%;object-position:left bottom}
.car-right{height:clamp(100px,min(21vw,30vh),340px);max-width:42%;object-position:right bottom}
.showroom-center{flex:none;display:flex;align-items:center;gap:12px;padding:0 8px clamp(24px,5vh,56px)}
.chev{display:flex;color:var(--gold)}
.wa-pill{display:inline-flex;align-items:center;gap:12px;height:64px;padding:0 26px 0 10px;border-radius:999px;background:rgba(10,10,12,.85);border:1.5px solid var(--gold);box-shadow:0 0 40px rgba(245,197,24,.25);text-decoration:none;color:var(--text);white-space:nowrap;transition:box-shadow .2s}
.wa-pill:hover{color:var(--text);box-shadow:0 0 56px rgba(245,197,24,.4)}
.wa-icon{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--gold-grad);color:#0B0B0C;flex:none}
.wa-num{font-family:var(--display);font-weight:500;font-size:19px}

.trust{position:relative;z-index:1;border-top:1px solid rgba(245,197,24,.25);background:linear-gradient(180deg,#0E0E10,#09090A)}
.trust-grid{padding-top:clamp(14px,2.4vh,24px);padding-bottom:clamp(14px,2.4vh,24px);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:20px 32px}
.trust-item{display:flex;align-items:center;gap:14px;font-weight:700;font-size:15px}

/* sections */
.section{padding-top:120px;padding-bottom:120px;display:flex;flex-direction:column;gap:56px}
.section-head{display:flex;flex-direction:column;gap:16px}
.section-head.center{align-items:center;text-align:center}
.section-head h2,.contact h2{font-family:var(--display);font-weight:500;font-size:clamp(28px,3.2vw,44px);letter-spacing:-1px;line-height:1.15}

.services{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(270px,100%),1fr));gap:20px}
.service{position:relative;display:flex;flex-direction:column;gap:20px;padding:36px 30px 34px;border-radius:20px;background:linear-gradient(180deg,#141416 0%,#0D0D0F 100%);border:1px solid rgba(245,197,24,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.04);transition:border-color .25s,transform .25s}
.service:hover{border-color:rgba(245,197,24,.4);transform:translateY(-3px)}
.service h3{font-family:var(--display);font-weight:500;font-size:20px;line-height:1.25}
.service p{margin:0;color:var(--muted);font-size:15px}
.service-num{position:absolute;top:26px;right:28px;font-family:var(--display);font-weight:600;font-size:14px;color:#4A473F}
.ring{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 30%,#2A2410,#0E0E10);border:1.5px solid var(--gold);box-shadow:0 0 24px rgba(245,197,24,.18)}

/* catalog */
.catalog-intro{background:var(--bg-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.catalog-intro .container{padding-top:120px;padding-bottom:72px;display:flex;flex-direction:column;gap:48px}
.cat-nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:12px}
.cat-nav a{display:flex;flex-direction:column;gap:10px;min-height:112px;padding:20px 20px 18px;border-radius:16px;background:var(--surface);border:1px solid rgba(255,255,255,.08);color:var(--text);text-decoration:none;transition:border-color .2s,background .2s}
.cat-nav a:hover{border-color:var(--gold-line);background:#151517}
.cat-nav-top{display:flex;align-items:center;justify-content:space-between}
.cat-nav .num{font-family:var(--display);font-weight:600;font-size:13px;color:#6E6A62}
.cat-nav-title{font-weight:700;font-size:16px;line-height:1.3}
.dot{display:block;width:10px;height:10px;border-radius:50%}
.dot-white{background:var(--text);box-shadow:0 0 12px var(--text)}
.dot-blue{background:#3D86F0;box-shadow:0 0 12px #3D86F0}
.dot-red{background:#F2404A;box-shadow:0 0 12px #F2404A}

.cat{background:var(--bg);border-bottom:1px solid rgba(255,255,255,.06);scroll-margin-top:12px}
.cat-alt{background:var(--bg-2)}
.cat .container{padding-top:88px;padding-bottom:88px;display:flex;flex-direction:column;gap:36px}
.cat-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px 40px}
.cat-head>div{display:flex;flex-direction:column;gap:12px;max-width:680px}
.cat-num{display:flex;align-items:center;gap:12px;font-family:var(--display);font-weight:600;font-size:14px;color:var(--gold)}
.cat-num i{display:block;width:40px;height:1px;background:rgba(245,197,24,.5)}
.cat-head h3{font-family:var(--display);font-weight:500;font-size:clamp(24px,2.6vw,34px);letter-spacing:-.5px;line-height:1.2}
.cat-head p{margin:0;color:var(--muted)}

.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(340px,100%),1fr));gap:24px}
.card{display:flex;flex-direction:column;border-radius:20px;overflow:hidden;background:var(--surface);border:1px solid var(--line);box-shadow:0 24px 60px rgba(0,0,0,.35);transition:transform .25s,border-color .25s}
.card:hover{transform:translateY(-4px);border-color:rgba(245,197,24,.3)}
.card-media{position:relative;aspect-ratio:16/10;background:#141416;overflow:hidden}
.card-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.card:hover .card-media img{transform:scale(1.04)}
.badge{position:absolute;top:16px;left:16px;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.5px;backdrop-filter:blur(6px)}
.badge-white{background:rgba(242,239,232,.92);color:#0B0B0C}
.badge-blue{background:rgba(7,7,8,.78);color:#8DB8FF;border:1px solid rgba(61,134,240,.6)}
.badge-red{background:rgba(7,7,8,.78);color:#FF8A8F;border:1px solid rgba(242,64,74,.6)}
.card-body{padding:26px 26px 24px;display:flex;flex-direction:column;gap:18px;flex:1}
.brand{display:block;font-size:12px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold);margin-bottom:6px}
.spec-grid{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px}
.spec-grid>div{display:flex;flex-direction:column;gap:2px;min-width:0}
.spec-grid dt{font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--faint)}
.spec-grid dd{margin:0;font-size:15px;font-weight:600;color:var(--text-2);overflow-wrap:anywhere}
.card h4{font-family:var(--display);font-weight:500;font-size:20px;line-height:1.25}
.specs{display:flex;flex-wrap:wrap;gap:8px}
.specs span{padding:6px 12px;border-radius:8px;background:var(--chip);font-size:13px;font-weight:600;color:var(--text-2)}
.meta{margin:0;display:flex;align-items:center;gap:10px;font-size:14px;color:#B9B5AC}
.meta svg{flex:none}
.card-foot{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:20px;border-top:1px solid var(--line)}
.price-wrap{display:flex;flex-direction:column;gap:2px}
.price-label{font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--faint)}
.price{font-family:var(--display);font-weight:600;font-size:22px;background:var(--gold-text);-webkit-background-clip:text;background-clip:text;color:transparent}
.round-btn{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;border:1px solid var(--gold-line);color:var(--gold);text-decoration:none;flex:none;transition:background .2s,color .2s}
.round-btn:hover{background:var(--gold);color:#0B0B0C}

/* process */
.steps{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:40px 32px}
.steps li{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px}
.step-line{display:flex;align-items:center;width:100%}
.step-line i{flex:1;height:1px;background:linear-gradient(90deg,rgba(245,197,24,0),rgba(245,197,24,.45))}
.step-line i:last-child{background:linear-gradient(90deg,rgba(245,197,24,.45),rgba(245,197,24,0))}
.step-num{flex:none;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--gold);background:#0E0E10;box-shadow:0 0 24px rgba(245,197,24,.18);font-family:var(--display);font-weight:600;font-size:18px;color:var(--gold)}
.steps h3{font-family:var(--display);font-weight:500;font-size:18px}
.steps p{margin:0;max-width:260px;color:var(--muted);font-size:15px}

/* contact */
.contact-wrap{padding-bottom:120px}
.contact{position:relative;overflow:hidden;border-radius:28px;border:1px solid rgba(245,197,24,.3);background:radial-gradient(ellipse 60% 70% at 25% 0%,rgba(245,197,24,.14),transparent 70%),linear-gradient(180deg,#121214,#0A0A0B)}
.flag-contact{top:auto;bottom:-90px;right:-140px;width:560px;height:240px;transform:rotate(-10deg);opacity:.3;filter:blur(3px);-webkit-mask-image:linear-gradient(270deg,#000 0%,transparent 75%);mask-image:linear-gradient(270deg,#000 0%,transparent 75%)}
.contact-grid{position:relative;padding:clamp(28px,5vw,64px);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(400px,100%),1fr));gap:56px}
.contact-info{display:flex;flex-direction:column;gap:22px}
.lead-sm{margin:0;font-size:17px;color:#B9B5AC}
.wa-card{align-self:flex-start;display:flex;align-items:center;gap:16px;padding:14px 22px 14px 14px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);text-decoration:none;color:var(--text);transition:border-color .2s}
.wa-card:hover{color:var(--text);border-color:var(--gold-line)}
.wa-card>span:last-child{display:flex;flex-direction:column;gap:2px}
.wa-icon-lg{width:52px;height:52px;border-radius:12px}
.wa-label{font-size:12px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:var(--faint)}
.wa-card .wa-num{font-size:20px}
.address{margin:0;display:flex;align-items:flex-start;gap:12px;padding-top:8px;color:#B9B5AC;font-size:15px}
.address svg{flex:none;margin-top:2px}
.form{display:flex;flex-direction:column;gap:16px;padding:32px;border-radius:20px;background:rgba(7,7,8,.6);border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.form label{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:700;color:var(--text-2)}
.form input,.form select{height:54px;padding:0 18px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#121214;font:500 16px var(--body);color:var(--text);outline:none;transition:border-color .2s}
.form input:focus,.form select:focus{border-color:var(--gold)}
.form button{margin-top:8px;width:100%}

/* footer */
.footer{border-top:1px solid var(--line);background:#050506}
.footer-row{padding-top:40px;padding-bottom:40px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;font-size:14px;color:var(--muted)}
.footer-row>div:first-child{display:flex;flex-direction:column;gap:6px}
.logo-sm{font-size:22px;line-height:1}
.tagline{font-size:13px;letter-spacing:1.5px;text-transform:uppercase}
.footer-links{display:flex;flex-wrap:wrap;gap:24px}
.footer-links a{color:var(--muted);text-decoration:none}
.footer-links a:hover{color:var(--gold)}

a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:3px}

/* responsive */
@media (max-width:1100px){
  .nav{gap:4px 20px}
}
@media (max-width:960px){
  .burger{display:inline-flex;order:4}
  .header-actions{order:3}
  .header-bar{padding:10px 10px 10px 18px;column-gap:10px}
  .nav{order:5;width:100%;display:none;flex-direction:column;gap:0;padding:8px 0 4px;border-top:1px solid rgba(255,255,255,.08)}
  .nav.open{display:flex}
  .nav a{padding:12px 4px;font-size:16px}
  .header-actions{margin-left:auto}
  .lang{display:none}
  .showroom-center{display:none}
  .car-left,.car-right{max-width:49%}
  .showroom-row{justify-content:center;padding:0 0 6px}
  .showroom-row{gap:4%}
  .car-left,.car-right{height:auto;width:47%;max-width:47%}
  .showroom-lines{display:none}
}
@media (max-width:560px){
  .header{padding:12px 12px 0}
  .logo-text{font-size:22px}
  .logo svg{width:110px}
  .header-actions .btn-sm{padding:0 12px}
  .hero-content{padding-top:28px;gap:14px}
  .hero h1{font-size:clamp(24px,7.4vw,30px);letter-spacing:-.8px;line-height:1.12}
  .pill{font-size:10px;letter-spacing:2px;padding:6px 12px}
  .lead{font-size:15px;line-height:1.5}
  .hero-ctas{width:100%;flex-wrap:nowrap;gap:10px}
  .hero-ctas .btn-lg{flex:1 1 0;min-width:0;height:50px;padding:0 12px;font-size:14px;gap:6px}
  .hero-ctas .btn-lg svg{display:none}
  .showroom{padding-top:20px}
  .showroom-row{padding:0 8px 10px}
  .flag{width:300px;height:150px;opacity:.4}
  .trust-grid{padding-top:14px;padding-bottom:14px}
  .section{padding-top:80px;padding-bottom:80px;gap:40px}
  .catalog-intro .container{padding-top:80px;padding-bottom:48px}
  .cat .container{padding-top:64px;padding-bottom:64px}
  .form{padding:22px}
  .trust-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 10px}
  .trust-item{font-size:13px;gap:8px}
  .trust-item svg{width:20px;height:20px;flex:none}
  .contact-wrap{padding-bottom:80px}
}

@media (max-width:400px){
  .btn-wa{width:44px;padding:0!important}
  .btn-wa-text{display:none}
}

/* empty category */
.dot-gold{background:var(--gold);box-shadow:0 0 12px var(--gold)}
.empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:48px 24px;border-radius:20px;border:1px dashed rgba(245,197,24,.3);background:rgba(255,255,255,.015)}
.empty-title{margin:6px 0 0;font-family:var(--display);font-weight:500;font-size:18px}
.empty-text{margin:0 0 8px;color:var(--muted);font-size:15px;max-width:420px}

/* reveal on scroll */
.js .reveal{opacity:0;transform:translateY(28px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d,0ms)}
.js .reveal.in{opacity:1;transform:none}
.js .card.reveal.in:hover{transform:translateY(-4px)}
.js .service.reveal.in:hover{transform:translateY(-3px)}
/* hero entrance */
@keyframes rise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@keyframes carL{from{opacity:0;transform:translateX(-60px)}to{opacity:1;transform:none}}
@keyframes carR{from{opacity:0;transform:translateX(60px)}to{opacity:1;transform:none}}
.hero-content>*{animation:rise .8s cubic-bezier(.2,.7,.2,1) both}
.hero-content>*:nth-child(2){animation-delay:.08s}
.hero-content>*:nth-child(3){animation-delay:.16s}
.hero-content>*:nth-child(4){animation-delay:.24s}
.car-left{animation:carL 1s .3s cubic-bezier(.2,.7,.2,1) both}
.car-right{animation:carR 1s .3s cubic-bezier(.2,.7,.2,1) both}
.showroom-center{animation:rise .8s .5s both}
@media (prefers-reduced-motion:reduce){
  .hero-content>*,.car-left,.car-right,.showroom-center{animation:none}
  .js .reveal{opacity:1;transform:none;transition:none}
}

/* carousel */
.carousel{position:relative}
.track{position:relative;display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:12px calc(50% - var(--cw)/2) 28px;--cw:min(380px,80vw);outline:none;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 12%,#000 88%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 12%,#000 88%,transparent 100%)}
.track::-webkit-scrollbar{display:none}
.track .card{flex:0 0 var(--cw);scroll-snap-align:center;scroll-snap-stop:always}
.js .track .card{opacity:.38;transform:scale(.9);filter:blur(2px) saturate(.6) brightness(.7);transition:opacity .45s ease,transform .45s ease,filter .45s ease,border-color .25s;cursor:pointer}
.js .track .card.is-active{opacity:1;transform:none;filter:none;cursor:default;border-color:rgba(245,197,24,.28);box-shadow:0 30px 70px rgba(0,0,0,.5),0 0 0 1px rgba(245,197,24,.08)}
.js .track .card:hover{transform:scale(.92)}
.js .track .card.is-active:hover{transform:translateY(-4px)}
.track .card:hover .card-media img{transform:none}
.track .card.is-active:hover .card-media img{transform:scale(1.04)}
.track:focus-visible .card.is-active{outline:2px solid var(--gold);outline-offset:4px}
.car-nav{position:absolute;top:calc(50% - 24px);z-index:3;width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid var(--gold-line);background:rgba(10,10,12,.85);color:var(--gold);cursor:pointer;backdrop-filter:blur(6px);transition:background .2s,color .2s,opacity .2s}
.car-nav:hover:not(:disabled){background:var(--gold);color:#0B0B0C}
.car-nav:disabled{opacity:.25;cursor:default}
.car-prev{left:calc(50% - var(--cw)/2 - 76px)}
.car-next{right:calc(50% - var(--cw)/2 - 76px)}
.carousel{--cw:min(380px,80vw)}
.car-dots{display:flex;justify-content:center;gap:8px;margin-top:4px}
.car-dots span{width:8px;height:8px;border-radius:999px;background:rgba(255,255,255,.18);transition:width .3s,background .3s}
.car-dots span.on{width:24px;background:var(--gold)}
.carousel.single .car-nav,.carousel.single .car-dots{display:none}
.carousel.single .track{-webkit-mask-image:none;mask-image:none}
@media (max-width:760px){
  .car-nav{width:44px;height:44px;top:auto;bottom:0}
  .car-prev{left:calc(50% - 110px)}.car-next{right:calc(50% - 110px)}
  .car-dots{height:44px;align-items:center;margin-top:8px}
  .track{gap:14px;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 4%,#000 96%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 4%,#000 96%,transparent 100%)}
}
@media (prefers-reduced-motion:reduce){.track{scroll-behavior:auto}.js .track .card{transition:none}}

/* fixes: phone in one line, custom select arrow */
.wa-num{white-space:nowrap}
.wa-card{max-width:100%}
.wa-card .wa-num{font-size:clamp(14px,4.3vw,20px)}
.form select{-webkit-appearance:none;appearance:none;padding-right:52px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23F5C518' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 18px center;background-size:18px}
.form select option{background:#121214;color:var(--text)}
@media (max-width:400px){.wa-card{padding:12px 16px 12px 12px;gap:12px}.wa-icon-lg{width:44px;height:44px}}
@media (max-width:560px){.wa-card .wa-num{font-family:var(--body);font-weight:800;font-size:clamp(15px,4.4vw,18px);letter-spacing:.2px}}

/* deposit state */
.badge-deposit{position:absolute;top:14px;left:14px;z-index:2;display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;background:#E5252F;color:#fff;font-size:12px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;box-shadow:0 6px 20px rgba(229,37,47,.45)}
.badge-deposit::before{content:"";width:7px;height:7px;border-radius:50%;background:#fff;animation:pulse 1.6s ease-in-out infinite}
@keyframes pulse{50%{opacity:.35}}
.card--deposit{border-color:rgba(229,37,47,.55)!important}
.js .track .card--deposit.is-active{box-shadow:0 30px 70px rgba(0,0,0,.5),0 0 0 1px rgba(229,37,47,.5),0 0 40px rgba(229,37,47,.18)}
.card--deposit .card-media img{filter:saturate(.75)}
.card-noimg{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 40%,#232326,#121214)}
/* loading skeleton */
.cat-loading{display:flex;gap:24px;justify-content:center}
.cat-loading span{flex:0 0 min(380px,80vw);height:520px;border-radius:20px;background:linear-gradient(100deg,#111113 30%,#19191c 50%,#111113 70%);background-size:300% 100%;animation:shimmer 1.4s linear infinite;border:1px solid var(--line)}
.cat-loading span:not(:nth-child(2)){opacity:.35;transform:scale(.9)}
@media (max-width:760px){.cat-loading span:not(:nth-child(2)){display:none}}
@keyframes shimmer{to{background-position:-150% 0}}
.cat{scroll-margin-top:8px}