/* V5 „Campanii”: site alb și curat cu hero-carusel foto pe toată lățimea (stil Vodafone), albastru + galben, Hanken Grotesk. */
:root{
  --font:'Hanken Grotesk',system-ui,sans-serif;--font-d:'Hanken Grotesk',system-ui,sans-serif;
  --bg:#FFFFFF;--ink:#0E1530;--muted:#4E5872;--surface:#fff;--surface-ink:#0E1530;--surface-muted:#4E5872;--line:#E1E5EE;--field:#868DA0;
  --primary:#2B3FD6;--on-primary:#fff;--accent:#FFD23F;--on-accent:#0E1530;--violet:#6D3FD6;
  --brand:#2B3FD6;--on-brand:#fff;--brand-2:#6D3FD6;--on-brand-2:#fff;--hot:#2B3FD6;--on-hot:#fff;--soft:#F3F5FA;--util:#0E1530;
  --tile1:#6D3FD6;--r:16px;--r-btn:999px;
}
.v5-hero{position:relative;background:#0E1530}
.v5-slides{position:relative;height:580px}
.v5-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity var(--t-in) var(--ease),visibility 0s var(--t-in)}
.v5-slide.is-on{opacity:1;visibility:visible;transition:opacity var(--t-in) var(--ease)}
.v5-slide img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.v5-slide .wrap{position:relative;height:100%;display:flex;align-items:center}
.v5-box{max-width:480px;padding:32px;border-radius:20px;background:#fff;box-shadow:var(--sh)}
.v5-tag{display:inline-block;padding:4px 10px;border-radius:6px;background:var(--accent);color:var(--on-accent);font-weight:800;font-size:.8125rem;margin-bottom:14px}
.v5-box h1,.v5-h{font-size:clamp(2.2rem,3.8vw,3.2rem);font-weight:900;letter-spacing:-.03em;line-height:1;margin-bottom:12px}
.v5-box>p{color:var(--muted);font-size:1.0625rem}
.v5-price{margin:14px 0 18px!important;color:var(--ink)!important;font-weight:600}
.v5-price b{font-size:2.6rem;font-weight:900;color:var(--brand);letter-spacing:-.03em}
.v5-price s{color:var(--muted)}
.v5-ctrl{position:absolute;left:0;right:0;bottom:22px;display:flex;align-items:center;gap:14px}
.v5-ctrl button{width:42px;height:42px;border-radius:50%;border:0;background:#fff;color:var(--ink);font-size:1.5rem;line-height:1;box-shadow:var(--sh)}
.v5-dots{display:flex;gap:8px}
.v5-dots i{width:10px;height:10px;border-radius:999px;background:rgba(255,255,255,.6);cursor:pointer;transition:background-color var(--t-std) var(--ease)}
.v5-dots i.is-on{width:30px;background:#fff}
@media (max-width:640px){
  .v5-slides{height:620px}
  .v5-slide .wrap{align-items:flex-end;padding-bottom:80px}
  .v5-box{padding:22px}
}