/* =========================================================
   Autofin.sk – redizajn 2026 · prémiový automotive
   Vrstva nad autofin.css (načítava sa za ním).
   Porovnávač poistenia = dominanta.
   ========================================================= */
:root{
  --blue-900:#050D1E;--blue-700:#0B1A36;--blue-500:#2563EB;--blue-400:#7FA7FF;
  --blue-100:#DCE6FF;--blue-50:#F4F6FA;
  --accent:#2563EB;--accent-light:#EEF3FF;
  --gray-50:#F6F8FB;--gray-100:#EEF1F6;--gray-200:#E2E7F0;--gray-400:#7D8AA2;--gray-600:#3F4C66;--gray-900:#08122A;
  --green:#0F8A5F;--green-bg:#E5F6EE;
  --af-navy:#050D1E;--af-navy-2:#0A1830;--af-blue:#2563EB;--af-blue-600:#1D4ED8;--af-blue-300:#7FA7FF;
  --af-on-d:#E9EEF8;--af-on-d-2:#A8B5CD;--af-line-d:rgba(255,255,255,.1);--af-green-l:#35D39A;
  --af-head:"Archivo",system-ui,sans-serif;--af-body:"Manrope",system-ui,sans-serif;
  --af-ease:cubic-bezier(.2,.7,.2,1);
}
body{font-size:16px;-webkit-font-smoothing:antialiased}
body,button,input,select,textarea,.btn-main,.btn-outline,.nav-cta-btn,.pzp-btn,.form-submit,.modal-input,.modal-btn-next,.modal-btn-back,.lc-chip,.hcw-chip,.iz-submit,.iz-f input,.iz-f select,.iz-f textarea,.iz-bar input,.iz-bar select,.chat-input,.iz-fin-btns button,.iz-d-meta button,.iz-band-btns a,.iz-band-btns button{font-family:var(--af-body)}
.nav-logo-mark,.nav-brand-name,.hero h1,.stat-n,.sec-title,.info-initials,.info-name,.fingo-stat-n,.point-title,.svc-title,.step-num,.step-title,.port-h,.form-title,.footer-af-mark,.footer-brand,.pzp-feature-title,.pzp-cta-title,.hero-svc-title,.modal-head-title,.modal-step-q,.modal-success-title,.hcw-title,.hcw-result-val,.lc-result-box .lc-result-val,.lc-form-title,.iz-title,.iz-price,.iz-empty h3,.iz-sell h3,.iz-d-title,.iz-d-price,.iz-fin-v,.iz-d-desc h4,.iz-f-head h3,.iz-fs legend,.iz-done h3,.iz-band h2,.chat-head-avatar,.chat-head-name,.page-h1,.prose h2,.prose h3,.rel-title,.cta-in h2,.af-hero h1,.af-ins h3,.af-band h2{font-family:var(--af-head);font-stretch:108%;letter-spacing:-.025em;font-weight:800}
::selection{background:var(--af-blue);color:#fff}
:focus-visible{outline:3px solid var(--af-blue-300);outline-offset:2px}

/* ---------- tlačidlá ---------- */
.btn-main,a.btn-main{background:var(--af-blue);border-radius:12px;font-weight:700;font-size:15px;padding:14px 26px;box-shadow:0 1px 0 rgba(255,255,255,.25) inset,0 10px 28px -10px rgba(37,99,235,.8);transition:background .2s,transform .2s var(--af-ease),box-shadow .2s}
.btn-main:hover{background:var(--af-blue-600);transform:translateY(-2px)}
.btn-outline,a.btn-outline{border-radius:12px;font-weight:700;font-size:15px;padding:14px 26px;border:1.5px solid var(--gray-200);color:var(--gray-900)}
.btn-outline:hover{border-color:var(--gray-900);color:var(--gray-900)}

/* ---------- hlavička (tmavá) ---------- */
nav{background:rgba(5,13,30,.9);border-bottom:1px solid var(--af-line-d);backdrop-filter:saturate(1.6) blur(16px);-webkit-backdrop-filter:saturate(1.6) blur(16px);height:64px}
.nav-logo-mark{background:linear-gradient(145deg,#3B7BFF,#1D4ED8);border-radius:10px;font-family:var(--af-head);font-size:13px;box-shadow:0 6px 18px -6px rgba(37,99,235,.9)}
.nav-brand-name{color:#fff;font-size:21px;font-stretch:115%}
.nav-brand-name span{color:var(--af-blue-300)}
.nav-brand-domain{color:#6F7E99}
.nav-links a{color:var(--af-on-d-2);font-size:14px;font-weight:600}
.nav-links a:hover{color:#fff}
.nav-links a[aria-current="page"]{color:#fff;box-shadow:0 2px 0 var(--af-blue-300)}
.nav-cta-btn,a.nav-cta-btn{background:var(--af-blue);border-radius:10px;font-weight:700;padding:10px 18px;box-shadow:0 8px 22px -10px rgba(37,99,235,.9)}
.nav-cta-btn:hover{background:var(--af-blue-600)}
.nav-hamburger span{background:#fff}
.nav-mobile-menu{top:64px;background:var(--af-navy);border-bottom:1px solid var(--af-line-d)}
.nav-mobile-menu a{color:var(--af-on-d);border-bottom-color:var(--af-line-d)}
.nav-mobile-menu a[aria-current="page"]{color:var(--af-blue-300)}
.nav-mobile-menu a:last-child{background:var(--af-blue);border-radius:10px}

/* ---------- lišta nástrojov – porovnávač prvý ---------- */
.sub-nav-bar{top:64px;background:#08142B;border-bottom:1px solid var(--af-line-d);box-shadow:none;padding:10px 16px;gap:10px}
.sub-nav-link{border-radius:10px;font-family:var(--af-head);font-size:14.5px;font-weight:700;padding:10px 18px;animation:none!important;box-shadow:none}
.sub-nav-link.insurance{order:-1;background:var(--af-blue)!important;box-shadow:0 8px 22px -8px rgba(37,99,235,.95)!important}
.sub-nav-link.insurance:hover{background:var(--af-blue-600)!important}
.sub-nav-link.calc,.sub-nav-link.cars{background:rgba(255,255,255,.06)!important;border:1px solid var(--af-line-d);box-shadow:none!important}
.sub-nav-link.calc:hover,.sub-nav-link.cars:hover{background:rgba(255,255,255,.12)!important}

/* ---------- sekcie – typografia ---------- */
.sec-label{display:inline-flex;align-items:center;gap:10px;font-family:var(--af-head);font-stretch:112%;font-size:12px;font-weight:700;letter-spacing:.14em;color:var(--af-blue)}
.sec-label::before{content:"";width:22px;height:2px;border-radius:2px;background:currentColor}
.sec-title{font-size:clamp(30px,4vw,50px);line-height:1.04;letter-spacing:-.035em;color:var(--gray-900)}
.sec-desc{font-weight:400;color:var(--gray-600)}
.sec-head-unified{border-top:0}

/* ---------- úvodný hero (nový) ---------- */
.af-hero{position:relative;overflow:hidden;isolation:isolate;background:var(--af-navy);color:#fff;padding:190px 3rem 96px}
.af-hero::before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(900px 520px at 78% 22%,rgba(37,99,235,.45),transparent 62%),radial-gradient(700px 420px at 6% 110%,rgba(37,99,235,.22),transparent 60%),linear-gradient(180deg,#050D1E 0%,#071430 100%)}
.af-hero::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:72px 72px;-webkit-mask-image:radial-gradient(ellipse 80% 70% at 60% 25%,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse 80% 70% at 60% 25%,#000 20%,transparent 75%)}
.af-hero-in{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:center}
.af-badge{display:inline-flex;align-items:center;gap:10px;padding:6px 16px 6px 6px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid var(--af-line-d);font-size:14px;font-weight:600;color:var(--af-on-d)}
.af-badge b{background:var(--af-blue);color:#fff;font-family:var(--af-head);font-weight:800;font-size:12px;padding:4px 10px;border-radius:999px;letter-spacing:.02em}
.af-hero h1{font-size:clamp(42px,6vw,76px);font-weight:900;line-height:.98;letter-spacing:-.04em;margin:26px 0 24px;color:#fff}
.af-hero h1 span{background:linear-gradient(92deg,#8DB2FF 0%,#4F86FF 60%,#2563EB 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.af-lead{font-size:19px;line-height:1.6;color:var(--af-on-d-2);max-width:540px}
.af-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}
.af-actions .btn-main,.af-actions .btn-outline{padding:18px 30px;font-size:16.5px;cursor:pointer}
.af-hero .btn-outline{background:rgba(255,255,255,.06);color:#fff;border-color:rgba(255,255,255,.2)}
.af-hero .btn-outline:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.45);color:#fff}
.af-proof{display:flex;flex-wrap:wrap;gap:12px 28px;margin-top:40px;padding-top:26px;border-top:1px solid var(--af-line-d);list-style:none}
.af-proof li{display:flex;align-items:center;gap:9px;font-size:15px;font-weight:600;color:var(--af-on-d)}
.af-proof li::before{content:"";width:20px;height:20px;flex:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2335D39A' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/18px no-repeat}
.af-stats{display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:40px;margin-top:30px}
.af-stats b{display:block;font-family:var(--af-head);font-stretch:112%;font-size:34px;font-weight:900;letter-spacing:-.04em;line-height:1;color:#fff}
.af-stats b em{font-style:normal;color:var(--af-blue-300)}
.af-stats span{font-size:13.5px;color:var(--af-on-d-2)}

/* karta porovnávača */
.af-ins{position:relative;background:linear-gradient(160deg,rgba(255,255,255,.1),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.15);border-radius:26px;padding:34px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 40px 80px -40px rgba(0,0,0,.8),0 1px 0 rgba(255,255,255,.12) inset;color:#fff}
.af-ins-head{display:flex;align-items:center;gap:10px;font-family:var(--af-head);font-stretch:112%;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--af-blue-300)}
.af-live{width:8px;height:8px;border-radius:50%;background:var(--af-green-l);animation:afLive 2s infinite}
@keyframes afLive{0%{box-shadow:0 0 0 0 rgba(53,211,154,.55)}70%{box-shadow:0 0 0 10px rgba(53,211,154,0)}100%{box-shadow:0 0 0 0 rgba(53,211,154,0)}}
.af-ins h3{font-size:clamp(26px,2.8vw,34px);line-height:1.08;margin:16px 0 10px;color:#fff}
.af-ins>p{color:var(--af-on-d-2);font-size:15.5px;line-height:1.6}
.af-types{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:22px 0}
.af-types span{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 6px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid var(--af-line-d);font-family:var(--af-head);font-weight:700;font-size:14px;text-align:center}
.af-types i{font-style:normal;font-size:20px;line-height:1}
.af-steps{list-style:none;counter-reset:n;display:grid;gap:11px;margin-bottom:24px}
.af-steps li{counter-increment:n;display:flex;gap:12px;align-items:center;color:var(--af-on-d-2);font-size:15px}
.af-steps li::before{content:counter(n);flex:none;width:28px;height:28px;border-radius:9px;background:rgba(127,167,255,.16);color:#fff;display:grid;place-items:center;font-family:var(--af-head);font-weight:800;font-size:13px}
.af-steps b{color:#fff}
.af-ins .btn-main{display:flex;width:100%;justify-content:center;padding:19px 24px;font-size:17px}
.af-ins-foot{display:flex;justify-content:center;flex-wrap:wrap;gap:6px 16px;margin-top:14px;font-size:12.5px;color:var(--af-on-d-2)}
.af-ins-foot span{display:inline-flex;align-items:center;gap:6px}
.af-ins-foot span::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--af-green-l)}

/* pás „výročie PZP" */
.af-band{padding:3.5rem 3rem 0;background:#fff}
.af-band-in{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:1.25fr .75fr;gap:40px;align-items:center;background:linear-gradient(120deg,#1D4ED8,#2563EB 55%,#4F86FF);color:#fff;border-radius:28px;padding:48px 52px;position:relative;overflow:hidden;isolation:isolate}
.af-band-in::after{content:"";position:absolute;z-index:-1;right:-90px;bottom:-150px;width:440px;height:440px;border-radius:50%;border:70px solid rgba(255,255,255,.08)}
.af-band .sec-label{color:#fff;opacity:.85}
.af-band h2{font-size:clamp(28px,3.4vw,42px);line-height:1.05;margin:14px 0 12px}
.af-band p{color:#DCE6FF;font-size:16.5px;line-height:1.6;max-width:540px}
.af-band-btns{display:grid;gap:10px}
.af-band-btns a{display:flex;align-items:center;justify-content:center;gap:10px;background:#fff;color:var(--af-navy);font-family:var(--af-head);font-weight:800;font-size:17px;padding:20px 24px;border-radius:12px;text-decoration:none;transition:transform .2s var(--af-ease),background .2s}
.af-band-btns a:hover{background:#EEF3FF;transform:translateY(-2px)}
.af-band-btns small{text-align:center;font-size:13px;color:#DCE6FF}

/* ---------- podstránky – tmavý hero ---------- */
.page-hero{position:relative;overflow:hidden;isolation:isolate;background:var(--af-navy);color:#fff;padding:200px 3rem 88px}
.page-hero::before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(800px 460px at 50% 0%,rgba(37,99,235,.45),transparent 65%),linear-gradient(180deg,#050D1E,#071430)}
.page-hero::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:72px 72px;-webkit-mask-image:radial-gradient(ellipse 70% 80% at 50% 20%,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse 70% 80% at 50% 20%,#000 20%,transparent 75%)}
.page-hero-in{max-width:880px}
.page-hero .crumbs,.page-hero .crumbs a{color:var(--af-on-d-2)}
.page-hero .crumbs a:hover{color:#fff}
.page-hero .sec-label{color:var(--af-blue-300)}
.page-h1{color:#fff;font-size:clamp(34px,5vw,62px);font-weight:900;line-height:1.02;letter-spacing:-.04em;margin:14px 0 18px}
.page-lead{color:var(--af-on-d-2);font-weight:400;font-size:18px}
.page-hero .btn-outline{background:rgba(255,255,255,.06);color:#fff;border-color:rgba(255,255,255,.2)}
.page-hero .btn-outline:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.45);color:#fff}
.page-hero .btn-main,.page-hero .btn-outline{padding:17px 28px;font-size:16px}

/* ---------- karty a obsah ---------- */
.rel-card,.svc-card,.port-card,.iz-card,.lc-card,.faq-item,.hero-svc,.info-card,.fingo-badge,.form-box{border-radius:20px}
.rel-card,.svc-card,.port-card{padding:1.6rem;transition:transform .3s var(--af-ease),box-shadow .3s var(--af-ease),border-color .2s}
.rel-card:hover,.svc-card:hover,.port-card:hover{transform:translateY(-4px);border-color:#C3CFE4;box-shadow:0 28px 56px -32px rgba(5,13,30,.38)}
.rel-title{font-size:19px;color:var(--gray-900)}
.rel-more,.svc-detail{font-family:var(--af-head);font-weight:700;color:var(--af-blue)}
.rel-icon{width:48px;height:48px;border-radius:14px;background:var(--accent-light);display:grid;place-items:center;font-size:22px;margin-bottom:.9rem}
.hub .rel-card[href="poistenie-vozidla.html"]{background:var(--af-navy);border-color:var(--af-navy);background-image:radial-gradient(400px 220px at 100% 0,rgba(37,99,235,.55),transparent 70%)}
.hub .rel-card[href="poistenie-vozidla.html"] .rel-title{color:#fff}
.hub .rel-card[href="poistenie-vozidla.html"] .rel-desc{color:var(--af-on-d-2)}
.hub .rel-card[href="poistenie-vozidla.html"] .rel-more{color:var(--af-blue-300)}
.hub .rel-card[href="poistenie-vozidla.html"] .rel-icon{background:rgba(255,255,255,.1)}
.faq-item summary{font-family:var(--af-head);font-weight:700;color:var(--gray-900)}
.faq-item summary::after{color:var(--af-blue)}
.cmp thead th{background:var(--af-navy)}

/* kalkulačka */
.leasing-calc{background:var(--blue-50)}
.lc-card{box-shadow:0 30px 60px -36px rgba(5,13,30,.35)}
.lc-chip.active,.hcw-chip.active{background:var(--af-navy);border-color:var(--af-navy)}
.lc-chip,.hcw-chip{border-radius:10px}
.lc-result-box{background:var(--af-navy);background-image:radial-gradient(420px 200px at 100% 0,rgba(37,99,235,.5),transparent 70%);border-radius:18px}
.lc-result-box .lc-result-val{font-size:44px;font-weight:900}
.lc-slider,.hcw-slider{accent-color:var(--af-blue)}

/* PZP sekcia na stránke Poistenie – tmavá prémiová karta */
.pzp{background:var(--blue-50)}
.pzp-cta-box{background:var(--af-navy);background-image:radial-gradient(500px 260px at 100% 0,rgba(37,99,235,.55),transparent 70%);border:0;border-radius:26px;box-shadow:0 40px 80px -40px rgba(5,13,30,.7);color:#fff}
.pzp-cta-title{color:#fff;font-size:26px}
.pzp-cta-sub,.pzp-step{color:var(--af-on-d-2)}
.pzp-shield{background:rgba(255,255,255,.1);border-radius:14px}
.pzp-step-num{background:rgba(127,167,255,.18);border-radius:8px}
.pzp-btn{background:var(--af-blue);border-radius:12px;font-family:var(--af-head);font-weight:800;font-size:17px;padding:19px 28px;box-shadow:0 12px 30px -10px rgba(37,99,235,.9)}
.pzp-btn:hover{background:var(--af-blue-600)}
.pzp-fingo-note{border-top-color:var(--af-line-d)}
.pzp-fingo-note span{color:var(--af-on-d-2)}
.pzp-fingo-note img{filter:brightness(0) invert(1);opacity:.6}
.pzp-feature-icon,.point-icon{border-radius:12px}

/* ako to funguje */
.how{background:var(--af-navy);background-image:radial-gradient(700px 380px at 85% 0,rgba(37,99,235,.35),transparent 65%)}
.how .sec-title{color:#fff}
.how .sec-label{color:var(--af-blue-300)}
.step-num{border-radius:14px;background:var(--af-blue);border-color:var(--af-blue)}

/* inzercia */
.iz-band-in{background:var(--af-navy);background-image:radial-gradient(520px 260px at 100% 100%,rgba(37,99,235,.55),transparent 70%);border-radius:24px}
.iz-band-btns .b1{background:var(--af-blue)}
.iz-band-btns .b1:hover{background:var(--af-blue-600)}
.iz-band .iz-cnt{color:var(--af-blue)}
.iz-band-btns a,.iz-band-btns button{border-radius:12px;font-weight:700}
.iz-card:hover{box-shadow:0 28px 56px -30px rgba(5,13,30,.4)}
.iz-price{font-size:23px;font-weight:900}
.iz-sell{background:var(--af-navy);border-radius:22px}

/* CTA pás a pätička */
.cta-in{background:var(--af-navy);background-image:radial-gradient(560px 280px at 100% 0,rgba(37,99,235,.55),transparent 70%);border-radius:26px;padding:2.25rem 2.5rem}
.cta-in h2{font-size:26px}
.cta-btns .btn-main{background:var(--af-blue)}
.cta-btns .btn-main:hover{background:var(--af-blue-600)}
footer{background:var(--af-navy);padding:3.5rem 3rem}
.footer-af-mark{background:linear-gradient(145deg,#3B7BFF,#1D4ED8);border-radius:9px}
.footer-brand span{color:var(--af-blue-300)}
.footer-links a{color:var(--af-on-d-2)}
.footer-links a:hover{color:#fff}

/* modál a chat */
.modal-head,.chat-head,.iz-f-head{background:var(--af-navy)}
.modal-box{border-radius:22px}
.modal-head{border-radius:22px 22px 0 0}
.modal-option{border-radius:12px}
.modal-btn-next{background:var(--af-blue);border-radius:10px}
.modal-btn-next:hover{background:var(--af-blue-600)}
.chat-toggle{background:var(--af-blue);box-shadow:0 10px 28px -8px rgba(37,99,235,.9)}

/* ---------- responzívne ---------- */
@media(max-width:1040px){
  .af-hero-in{grid-template-columns:1fr;gap:48px}
  .af-band-in{grid-template-columns:1fr;padding:40px 36px}
}
@media(max-width:640px){
  nav{height:60px}
  .nav-mobile-menu{top:60px}
  .sub-nav-bar{top:60px;padding:8px}
  .sub-nav-link{font-size:12.5px;padding:9px 11px}
  .af-hero{padding:150px 1.25rem 64px}
  .af-hero h1{font-size:clamp(38px,11vw,50px)}
  .af-lead{font-size:17px}
  .af-actions .btn-main,.af-actions .btn-outline{flex:1 1 100%;justify-content:center}
  .af-proof{flex-direction:column;gap:12px}
  .af-stats{gap:22px}
  .af-stats b{font-size:28px}
  .af-ins{padding:24px 18px;border-radius:22px}
  .af-types span{font-size:12.5px;padding:12px 4px}
  .af-band{padding:2.5rem 1.25rem 0}
  .af-band-in{padding:30px 22px;border-radius:22px}
  .page-hero{padding:150px 1.25rem 56px}
  .page-h1{font-size:clamp(32px,9.5vw,44px)}
  .page-lead{font-size:16px}
  .cta-in{padding:1.6rem}
  footer{padding:2.5rem 1.25rem}
}
@media(prefers-reduced-motion:reduce){.af-live{animation:none}}

.af-badge b{white-space:nowrap}
@media(max-width:640px){.af-badge{font-size:13px}}

/* Skryté tlačidlo Porovnať PZP v hornom menu (2026-11-02) */
.nav-cta-btn{display:none!important}

/* Horné menu v strede (2026-11-02) */
@media (min-width:1151px){body>nav .nav-links{position:absolute;left:50%;transform:translateX(-50%)}}