/* MD Solutions – společné styly: hlavička, menu, patička a podstránky
   Barvy: navy #12253B · červená tlačítka #C62832 · logo #E5333F · text šedá #4B5868
   pozadí šedá #F4F6F9 · linky #DCE2E9 · patička #0C1A2B */

/* ---------- Písmo Roboto (vlastní hosting, bez Google Fonts) ---------- */
@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:url(pisma/roboto-latin-ext-400.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:url(pisma/roboto-latin-400.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Roboto;font-style:normal;font-weight:500;font-display:swap;src:url(pisma/roboto-latin-ext-500.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Roboto;font-style:normal;font-weight:500;font-display:swap;src:url(pisma/roboto-latin-500.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-display:swap;src:url(pisma/roboto-latin-ext-700.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-display:swap;src:url(pisma/roboto-latin-700.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Roboto;font-style:normal;font-weight:900;font-display:swap;src:url(pisma/roboto-latin-ext-900.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Roboto;font-style:normal;font-weight:900;font-display:swap;src:url(pisma/roboto-latin-900.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}


/* ---------- Hlavička ---------- */
.hl{background:#FFFFFF;z-index:50}
.hl-top{max-width:1200px;margin:0 auto;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.hl-logo{display:block;line-height:0}
.hl-logo svg{width:92px;height:65px}
.hl-kontakty{display:flex;align-items:center;gap:24px;margin-left:auto}
.hl-telefon,.hl-email{display:inline-flex;align-items:center;gap:8px;min-height:44px;text-decoration:none;white-space:nowrap}
.hl-telefon{font-size:18px;font-weight:700;color:#12253B}
.hl-telefon svg{flex-shrink:0}
.hl-email{font-size:15px;color:#4B5868}
.hl-telefon:hover,.hl-email:hover{color:#C62832}
.hl-ikona,.hl-ikony,.hl-analyza,.hl-jazyky-menu,.mobil-lista{display:none}
.hl-nav{background:#12253B}
.hl-nav-in{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;min-height:64px}
.hl-odkazy{display:flex;flex-wrap:wrap;gap:4px 8px;font-size:16px;font-weight:500}
.hl-odkazy a{color:#FFFFFF;text-decoration:none;display:inline-flex;align-items:center;min-height:48px;padding:0 10px;border-radius:4px}
.hl-odkazy a:hover{color:#FFFFFF;background:rgba(255,255,255,.1)}
.hl-cta{background:#C62832;color:#FFFFFF;text-decoration:none;padding:12px 22px;border-radius:4px;font-weight:700;font-size:15px;min-height:48px;box-sizing:border-box;display:inline-flex;align-items:center}
.hl-cta:hover{color:#FFFFFF;background:#A81F28}
.hl a:focus-visible,.hl button:focus-visible{outline:3px solid #C62832;outline-offset:2px}
.hl-jazyky{display:flex;gap:4px;padding-left:16px;border-left:1px solid #DCE2E9}
.hl-jazyky a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 8px;box-sizing:border-box;border-radius:4px;font-size:15px;font-weight:700;color:#4B5868;text-decoration:none}
.hl-jazyky a:hover{color:#C62832}
.hl-jazyky a[aria-current]{color:#12253B;background:#F4F6F9}

@media (max-width:900px){
  .hl{position:sticky;top:0;box-shadow:0 2px 10px rgba(18,37,59,.12)}
  .hl-top{padding:6px 16px;gap:8px}
  .hl-logo svg{width:56px;height:40px}
  .hl-kontakty{display:none}
  .hl-ikony{display:flex;gap:8px}
  .hl-jazyky{display:none}
  .hl-ikony{margin-left:auto}
  .hl-analyza{display:inline-flex;align-items:center;min-height:48px;padding:0 14px;box-sizing:border-box;border-radius:6px;background:#C62832;color:#FFFFFF;font-size:15px;font-weight:700;text-decoration:none;white-space:nowrap}
  .hl-analyza:hover{color:#FFFFFF;background:#A81F28}
  .hl-jazyky-menu{display:flex;gap:8px;padding-top:8px}
  .hl-jazyky-menu a{display:inline-flex;align-items:center;justify-content:center;min-width:52px;min-height:48px;border:1px solid rgba(255,255,255,.35);border-radius:6px;color:#FFFFFF;text-decoration:none;font-weight:700}
  .hl-jazyky-menu a[aria-current]{background:#FFFFFF;color:#12253B}
  .hl-ikona{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:48px;height:48px;padding:0 12px;box-sizing:border-box;border-radius:6px;border:2px solid #12253B;background:#FFFFFF;color:#12253B;font:inherit;font-size:15px;font-weight:700;text-decoration:none;cursor:pointer}
  .hl-ikona svg{flex-shrink:0}
  .hl-burger .zavrit{display:none}
  .hl.otevreno .hl-burger .zavrit{display:block}
  .hl.otevreno .hl-burger .otevrit{display:none}
  .hl-nav{display:none;max-height:calc(100vh - 60px);overflow-y:auto}
  .hl.otevreno .hl-nav{display:block}
  .hl-nav-in{flex-direction:column;align-items:stretch;padding:8px 16px 16px;gap:8px}
  .hl-odkazy{flex-direction:column;gap:0}
  .hl-odkazy a{min-height:52px;font-size:17px;padding:0 4px;border-bottom:1px solid rgba(255,255,255,.12);border-radius:0}
  .hl-cta{justify-content:center;min-height:52px;font-size:17px;margin-top:8px}
  [id]{scroll-margin-top:72px}
}

/* ---------- Úvod (hero) a ukázka před/po ---------- */
.nadtitulek{margin:0 0 16px;font-size:17px;font-weight:500;line-height:1.4;color:#4B5868}
.hero{padding:72px 0 80px;background:#FFFFFF}
.ukazka{flex:1 1 420px;min-width:0;background:#F4F6F9;border-radius:16px;padding:28px;display:flex;flex-direction:column;gap:14px}
.uk-stitek{margin:0;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#4B5868}
.uk-pred{background:#FFF6D5;border-radius:4px;padding:16px 18px;transform:rotate(-1.2deg);box-shadow:0 2px 6px rgba(18,37,59,.1);margin:0 8px}
.uk-nad{display:block;font-size:13px;font-weight:700;color:#6B5E2E;margin-bottom:6px}
.uk-poznamky{margin:0;font-size:15px;line-height:1.55;color:#3D3520}
.uk-sipka{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:700;color:#12253B;padding-left:10px}
.uk-po{background:#FFFFFF;border-radius:10px;border:1px solid #DCE2E9;box-shadow:0 10px 28px rgba(18,37,59,.10);overflow:hidden}
.uk-hlavicka{padding:10px 16px;border-bottom:1px solid #DCE2E9;font-size:13px;color:#4B5868;display:flex;flex-direction:column;gap:2px;background:#FAFBFC}
.uk-hlavicka b{color:#12253B;font-weight:700}
.uk-telo{padding:14px 16px;font-size:14.5px;line-height:1.55}
.uk-telo p{margin:0 0 8px}
.uk-telo ul{margin:0 0 8px;padding-left:18px}
.uk-telo p:last-child{margin:0}
.uk-pozn{margin:2px 0 0;font-size:14px;color:#4B5868;display:flex;gap:8px;align-items:flex-start}

/* ---------- O nás ---------- */
.onas{display:flex;flex-wrap:wrap;gap:40px;align-items:flex-start}
.onas-text{flex:1 1 440px;min-width:0}
.provozovatel{margin:28px 0 0;padding:18px 20px;background:#FFFFFF;border-radius:10px;font-size:15px;color:#4B5868}
.provozovatel strong{color:#12253B}
.lektor{flex:0 1 280px;min-width:0;margin:0;display:block}
.lektor figcaption{margin-top:12px}
.lektor-foto{width:100%;max-width:100%;height:auto;aspect-ratio:840/980;border-radius:14px;object-fit:cover;display:block}
.lektor-zastupce{background:#12253B;color:#FFFFFF;display:flex;align-items:center;justify-content:center;font-size:56px;font-weight:900;letter-spacing:.04em}
.lektor figcaption{display:flex;flex-direction:column;line-height:1.4}
.lektor figcaption span{color:#4B5868;font-size:15px}

/* ---------- Rozcestník na podstránky ---------- */
.rozc{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}
.rozc-karta{display:flex;flex-direction:column;gap:6px;padding:24px 26px;border:1px solid #DCE2E9;border-radius:14px;text-decoration:none;color:#12253B;min-height:44px}
.rozc-karta strong{font-size:19px;display:flex;justify-content:space-between;gap:12px}
.rozc-karta strong::after{content:"→";color:#12253B}
.rozc-karta span{color:#4B5868;font-size:16px}
.rozc-karta:hover{border-color:#12253B;color:#12253B}
.mista{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none}
.mista a,.mista span{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:999px;border:1px solid #DCE2E9;text-decoration:none;font-weight:500;font-size:16px;color:#12253B;background:#FFFFFF;box-sizing:border-box}
.mista a{border-color:#12253B}
.mista a:hover{background:#12253B;color:#FFFFFF}

/* ---------- Podstránky ---------- */
.obal{max-width:1200px;margin:0 auto;padding:0 24px}
.obal-uzky{max-width:860px}
.sek{padding:88px 0}
.sek-seda{background:#F4F6F9}
.pod-hero{padding:64px 0 72px}
.pod-hero-in{display:flex;flex-wrap:wrap;gap:48px;align-items:flex-start}
.pod-hero-text{flex:1 1 520px;min-width:0}
.h1{margin:0 0 22px;font-weight:900;font-size:50px;line-height:1.1;letter-spacing:-.01em;text-wrap:balance}
.h2{margin:0 0 12px;font-weight:900;font-size:36px;line-height:1.15;text-wrap:balance}
.lead{margin:0 0 32px;font-size:20px;color:#4B5868;max-width:640px}
.uvod{margin:0 0 40px;color:#4B5868;max-width:680px}
.tlacitka{display:flex;flex-wrap:wrap;gap:16px 20px;align-items:center}
.tl{display:inline-flex;align-items:center;justify-content:center;min-height:52px;box-sizing:border-box;background:#C62832;color:#FFFFFF;text-decoration:none;padding:14px 28px;border-radius:4px;font-weight:700;font-size:17px}
.tl:hover{color:#FFFFFF;background:#A81F28}
.tl-text{color:#4B5868;font-size:16px}
.tl-text a{font-weight:700;color:#12253B}
.kostka{flex:1 1 340px;min-width:0;background:#F4F6F9;border-radius:16px;padding:28px 30px;margin:0}
.kostka dt{font-weight:700;font-size:15px;color:#12253B}
.kostka dd{margin:0 0 16px;color:#4B5868;font-size:16px}
.kostka dd:last-child{margin:0}
.body{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:28px 40px}
.bod{display:flex;gap:14px;align-items:flex-start}
.bod svg{flex-shrink:0;margin-top:4px}
.bod h3{margin:0 0 4px;font-size:19px;font-weight:700}
.bod p{margin:0;color:#4B5868;font-size:16px}
.text-blok p{margin:0 0 16px}
.text-blok p:last-child{margin:0}
.formy{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}
.forma{background:#FFFFFF;border:1px solid #DCE2E9;border-radius:14px;padding:26px}
.forma-hlavni{border:2px solid #12253B}
.forma h3{margin:0 0 4px;font-size:20px;font-weight:700}
.forma .meta{margin:0 0 10px;font-weight:500;color:#4B5868;font-size:16px}
.forma p{margin:0;color:#4B5868;font-size:16px}
.odkaz-dal{display:inline-flex;align-items:center;min-height:44px;margin-top:16px;font-weight:700}
.faq{display:flex;flex-direction:column;gap:12px}
.faq details{border:1px solid #DCE2E9;border-radius:12px;padding:0 24px}
.faq summary{font-weight:700;font-size:18px;padding:18px 0;min-height:44px;box-sizing:border-box}
.faq details p{margin:0 0 20px;color:#4B5868;font-size:16px}
.nadpis-mezera{margin-bottom:32px}

/* ---------- Služby na úvodu (karty) ---------- */
.sluzby{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}
.sluzba{border:1px solid #DCE2E9;border-radius:14px;padding:28px 30px;display:flex;flex-direction:column;gap:10px;background:#FFFFFF}
.sluzba-hlavni{border:2px solid #12253B}
.sluzba h3{margin:0;font-size:22px;font-weight:700;line-height:1.25}
.sluzba p{margin:0;color:#4B5868;font-size:16px}
.sluzba .odkaz-dal{margin-top:auto}
.krok{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#12253B;color:#FFFFFF;font-weight:900;margin-bottom:12px}
@media (min-width:901px) and (max-width:1180px){.hl-odkazy a{padding:0 7px;font-size:15px}}

/* ---------- Patička ---------- */
.pa{background:#0C1A2B;color:#C3CCD7;font-size:15px;line-height:1.5}
.pa-in{max-width:1200px;margin:0 auto;padding:48px 24px 24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:32px}
.pa-sl{display:flex;flex-direction:column;align-items:flex-start}
.pa-nad{color:#FFFFFF;font-weight:700;margin-bottom:8px}
.pa a,.pa-odkaz{color:#FFFFFF;text-decoration:none;display:inline-flex;align-items:center;min-height:44px;background:none;border:none;padding:0;font:inherit;cursor:pointer}
.pa a:hover,.pa-odkaz:hover{color:#FFFFFF;text-decoration:underline}
.pa-firma{margin:0}
.pa-spodek{max-width:1200px;margin:0 auto;padding:12px 24px 28px;display:flex;flex-wrap:wrap;gap:0 24px;align-items:center;border-top:1px solid #1E2F45;font-size:14px}
.pa-spodek a,.pa-spodek .pa-odkaz{text-decoration:underline}

@media (max-width:640px){
  .hero{padding:28px 0 56px}
  .hero-lead{font-size:18px!important;margin-bottom:24px!important}
  .nadtitulek{font-size:15px;margin-bottom:10px}
  .pod-hero{padding:32px 0 56px}
  .h1{font-size:34px}
  .h2{font-size:28px}
  .lead{font-size:18px}
  .sek{padding:64px 0}
  .ukazka{padding:20px}
  .obal,.hl-top,.pa-in,.pa-spodek{padding-left:16px;padding-right:16px}
}

@media (max-width:430px){
  .hl-top{padding-left:12px;padding-right:12px;gap:6px}
  .hl-ikony{gap:6px}
  .hl-analyza{padding:0 10px;font-size:14px}
  .hl-burger{font-size:0;gap:0;padding:0}
}
@media (max-width:340px){.hl-tel{display:none}}

/* ---------- Úvod: výhody pod tlačítkem, tlačítka v průběhu stránky ---------- */
.hero-vyhody{margin:20px 0 0;font-size:15px;color:#4B5868;line-height:1.5}
.cta-mezi{margin:44px auto 0;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}
.cta-mezi p{margin:0;font-size:15px;color:#4B5868}
.kroky .forma{background:#FFFFFF}
.temata-seznam{margin:0;max-width:820px;color:#4B5868}
.temata-seznam strong{color:#12253B;font-weight:500}
.rozc-nadpis{margin:40px 0 14px;font-weight:700}
.form-dal{margin:0;font-size:15px;line-height:1.5;color:#12253B}

/* ---------- Spodní lišta na mobilu ---------- */
@media (max-width:900px){
  .mobil-lista{display:flex;gap:8px;position:fixed;left:0;right:0;bottom:0;z-index:60;background:#FFFFFF;padding:8px 12px calc(8px + env(safe-area-inset-bottom));box-shadow:0 -4px 16px rgba(18,37,59,.14);transition:transform .2s}
  .mobil-lista a{flex:1 1 0;display:inline-flex;align-items:center;justify-content:center;min-height:48px;border-radius:6px;font-weight:700;font-size:16px;text-decoration:none}
  .ml-analyza{background:#C62832;color:#FFFFFF;flex-grow:2!important}
  .ml-analyza:hover{color:#FFFFFF}
  .ml-tel{border:2px solid #12253B;color:#12253B;box-sizing:border-box}
  .mobil-lista.skryta{transform:translateY(110%)}
  .pa{padding-bottom:72px}
}
@media (max-width:640px){
  .kroky{gap:12px}
  .kroky .forma{display:grid;grid-template-columns:36px 1fr;column-gap:14px;padding:18px}
  .kroky .krok{grid-row:span 2;margin:0}
  .kroky .forma h3{font-size:18px}
  .cta-mezi{margin-top:32px}
}
/* Školení pro tým – menší blok na úvodu (verze 19) */
.skoleni-tym{background:#F4F6F9;padding:72px 0}
.skoleni-obal{max-width:1000px;margin:0 auto;padding:0 24px}
.skoleni-box{display:flex;flex-wrap:wrap;gap:20px 40px;align-items:center;justify-content:space-between}
.skoleni-text{flex:1 1 480px;min-width:0}
.skoleni-text h2{margin:0 0 10px;font-weight:900;font-size:28px;line-height:1.2}
.skoleni-text p{margin:0;color:#4B5868}
.tl-obrys{display:inline-flex;align-items:center;justify-content:center;min-height:48px;border:2px solid #12253B;color:#12253B;background:#FFFFFF;text-decoration:none;padding:12px 20px;border-radius:4px;font-weight:700;box-sizing:border-box;text-align:center}
.tl-obrys:hover{background:#12253B;color:#FFFFFF}
.skoleni-tym .rozc-nadpis{margin:32px 0 14px}
@media (max-width:640px){.skoleni-text h2{font-size:24px}.tl-obrys{width:100%}}

/* ---------- Verze 20: balíček, napojení, kalkulačka, měsíční provoz, pruh na stránkách o školení ---------- */
.sluzba-stitek{margin:0;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#4B5868}
.napojeni{margin-top:24px;padding:22px 26px;background:#F4F6F9;border-radius:14px}
.napojeni-nadpis{margin:0 0 12px;font-weight:700}
.napojeni-seznam{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px}
.napojeni-seznam li{background:#FFFFFF;border-radius:6px;padding:6px 12px;font-size:15px;font-weight:500;line-height:1.4}
.napojeni-pozn{margin:12px 0 0;font-size:15px;color:#4B5868}
.provoz{margin:40px 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}
.provoz-sl{background:#FFFFFF;border:1px solid #DCE2E9;border-radius:14px;padding:26px 28px}
.provoz-sl h3{margin:0 0 14px;font-size:20px;font-weight:700}
.fajfky{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px;color:#4B5868;font-size:16px}
.fajfky li{position:relative;padding-left:28px}
.fajfky li::before{content:"";position:absolute;left:5px;top:5px;width:6px;height:12px;border:solid #12253B;border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}
.text-blok+.provoz{margin-top:32px}
.kalk-sek{padding:24px 0 96px}
.kalk-obal{max-width:1000px;margin:0 auto;padding:0 24px}
.kalk{display:flex;flex-wrap:wrap;gap:24px;border:1px solid #DCE2E9;border-radius:14px;padding:28px;margin-top:32px}
.kalk-vstupy{flex:1 1 380px;min-width:0;display:flex;flex-direction:column;gap:16px}
.kalk-vstupy label{display:flex;flex-direction:column;gap:6px;font-weight:700;font-size:15px}
.kalk-vstupy input{font:inherit;font-weight:400;font-size:17px;padding:12px 14px;border:1px solid #8794A3;border-radius:6px;min-height:48px;box-sizing:border-box;width:100%;max-width:220px;color:#12253B;background:#FFFFFF}
.kalk-vysledek{flex:1 1 300px;min-width:0;background:#12253B;color:#FFFFFF;border-radius:12px;padding:24px 28px;display:flex;flex-direction:column;gap:4px;justify-content:center;font-variant-numeric:tabular-nums}
.kalk-stitek{margin:0;color:#D3DAE3;font-size:15px}
.kalk-hodiny{margin:0;font-size:22px;font-weight:700}
.kalk-kc{margin:0;font-size:40px;font-weight:900;line-height:1.15}
.kalk-pozn{margin:8px 0 0;font-size:14px;color:#D3DAE3}
.kalk-cena{margin:24px 0 0;color:#4B5868;max-width:760px}
.balicek{border:2px solid #12253B;border-radius:16px;padding:36px 40px;display:flex;flex-direction:column;gap:14px}
.balicek>p{margin:0;color:#4B5868;max-width:680px}
.balicek-kroky{margin:10px 0;padding:0;list-style:none;counter-reset:b;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.balicek-kroky li{counter-increment:b;background:#F4F6F9;border-radius:12px;padding:20px 22px;font-size:16px;color:#4B5868}
.balicek-kroky li::before{content:counter(b);display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#12253B;color:#FFFFFF;font-weight:900;margin-bottom:12px}
.balicek-kroky strong{display:block;color:#12253B;font-size:18px;margin-bottom:4px}
.napoveda{font-weight:400;color:#4B5868}
.tl-rezervace{display:inline-flex;align-items:center;justify-content:center;min-height:48px;margin-top:24px;padding:12px 20px;border:2px solid #FFFFFF;border-radius:4px;color:#FFFFFF;font-weight:700;text-decoration:none}
.tl-rezervace:hover{background:#FFFFFF;color:#12253B}
.video-ukazka{margin:48px 0 0}
.video-ukazka video{display:block;width:100%;height:auto;border-radius:14px;background:#12253B}
.video-ukazka figcaption{margin-top:10px;font-size:15px;color:#4B5868}
.pruh-auto{background:#F4F6F9;padding:56px 0}
.pruh-in{display:flex;flex-wrap:wrap;gap:20px 40px;align-items:center;justify-content:space-between}
.pruh-in>div{flex:1 1 480px;min-width:0}
.pruh-in h2{margin:0 0 8px;font-size:26px;font-weight:900;line-height:1.2}
.pruh-in p{margin:0;color:#4B5868}
@media (max-width:640px){
  .kalk{padding:20px}
  .kalk-kc{font-size:34px}
  .kalk-vstupy input{max-width:none}
  .balicek{padding:24px 20px}
  .provoz-sl{padding:22px 20px}
  .napojeni{padding:20px}
  .pruh-in h2{font-size:22px}
  .kalk-obal{padding:0 16px}
}