/* ==========================================================================
   ModerniPravnik.cz - vstupní stránky pro kampaň "investiční byt"
   Vychází z Manuálu vizuální identity v1.0 (2026):
   bordó nese nejvýše desetinu plochy, nosná plocha je krém, karty v písku.
   ========================================================================== */

:root{
  --bordo:#8C2326;
  --bordo-top:#A32B2E;
  --bordo-bot:#7A1D20;
  --ink:#231F21;
  --sand:#F2DCC4;
  --cream:#FBF7F1;
  --card:#F2EAE0;
  --line:#E4CFB6;
  --divider:#C9BCA8;
  --ink-2:#4A4245;
  --meta:#8A8078;
  --white:#fff;

  --sans:"Lexend","Segoe UI",system-ui,-apple-system,Arial,sans-serif;
  --serif:"Source Serif 4",Georgia,"Times New Roman",serif;

  --r-pill:999px;
  --r-card:20px;
  --r-block:12px;
  --shadow:0 12px 24px rgba(140,35,38,.28);
  --shadow-soft:0 8px 22px rgba(35,31,33,.07);

  --wrap:1180px;
  --gut:clamp(16px,4vw,28px);
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body.mp-lp{
  margin:0;background:var(--cream);color:var(--ink);
  font-family:var(--sans);font-size:16px;line-height:1.45;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
img{max-width:100%;height:auto;display:block}
a{color:var(--bordo);text-decoration:none}
a:hover{text-decoration:underline}
:focus-visible{outline:3px solid var(--sand);outline-offset:2px;border-radius:4px}

.mp-wrap{max-width:var(--wrap);margin:0 auto;padding-inline:var(--gut)}
.mp-sec{padding-block:clamp(40px,6vw,76px)}
.mp-sec--tight{padding-block:clamp(28px,4vw,48px)}

/* ---------- typografie ---------- */
.mp-h1,.mp-h2,.mp-h3{font-family:var(--sans);margin:0;text-wrap:balance}
.mp-h1{font-weight:800;font-size:clamp(30px,5.4vw,52px);line-height:1.03;letter-spacing:-.042em}
.mp-h2{font-weight:700;font-size:clamp(24px,3.6vw,34px);line-height:1.1;letter-spacing:-.036em}
.mp-h3{font-weight:700;font-size:clamp(18px,2.2vw,21px);line-height:1.2;letter-spacing:-.03em}
/* Nadřazený štítek. Místo vodorovné čárky svislý sloupek - drží řádek,
   i když se popisek na mobilu zalomí do dvou řádků, a nepřipomíná
   pomlčku uprostřed věty. */
.mp-eyebrow{
  font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;
  color:var(--bordo);margin:0 0 10px;display:flex;align-items:stretch;gap:11px;
  line-height:1.45;
}
.mp-eyebrow::before{
  content:"";width:4px;flex:none;min-height:1.45em;
  background:var(--bordo);border-radius:2px;
}
.mp-eyebrow--plain::before{display:none}
.mp-lead{font-family:var(--serif);font-size:clamp(16px,2vw,18px);line-height:1.55;color:var(--ink-2);margin:0}
.mp-p{font-family:var(--serif);font-size:17px;line-height:1.6;color:var(--ink-2);margin:0 0 14px}
.mp-p:last-child{margin-bottom:0}
.mp-rich{font-family:var(--serif);font-size:17px;line-height:1.6;color:var(--ink-2)}
.mp-rich p{margin:0 0 14px}
.mp-rich p:last-child{margin-bottom:0}
.mp-rich strong{color:var(--ink);font-weight:600}
.mp-rich ul{margin:0 0 14px;padding-left:0;list-style:none}
.mp-rich ul li{position:relative;padding-left:26px;margin-bottom:8px}
.mp-rich ul li::before{
  content:"";position:absolute;left:6px;top:.62em;width:7px;height:7px;
  border-radius:50%;background:var(--bordo);
}
.mp-num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}

/* Text jen pro čtečky obrazovky - v tabulce srovnání nahrazuje pomlčku.
   Zásadně BEZ position:absolute: uvnitř vodorovně posuvné tabulky by se
   takový prvek umístil vůči celé stránce, ne vůči tabulce, a roztáhl by
   dokument doprava. Přesně tím vznikalo posouvání na mobilu. */
.mp-sr{
  display:inline-block;width:1px;height:1px;overflow:hidden;
  clip-path:inset(50%);white-space:nowrap;vertical-align:middle;
}

/* ---------- ikony ---------- */
/* Kreslené čárou, barvu berou z textu. Velikost se váže na písmo,
   takže sedí v tlačítku, ve štítku i v nadpisu karty. */
.mp-ico{width:1.15em;height:1.15em;flex:none;display:inline-block;vertical-align:-.19em}
.mp-ico--lg{width:1.6em;height:1.6em}

/* ---------- tlačítka ---------- */
.mp-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  min-height:52px;padding:14px 30px;border-radius:var(--r-pill);
  font-family:var(--sans);font-size:16px;font-weight:600;letter-spacing:-.01em;
  border:1.5px solid transparent;cursor:pointer;text-align:center;
  transition:background .18s,box-shadow .18s,transform .18s,color .18s;
}
.mp-btn:hover{text-decoration:none}
.mp-btn .mp-ico{width:19px;height:19px}
.mp-btn--primary{
  color:var(--cream);border-color:transparent;
  background:linear-gradient(180deg,var(--bordo-top),var(--bordo-bot));
  box-shadow:var(--shadow);
}
.mp-btn--primary:hover{background:var(--bordo-bot);transform:translateY(-1px)}
.mp-btn--primary:active{transform:translateY(0)}
.mp-btn--ghost{color:var(--ink);border-color:var(--divider);background:transparent}
.mp-btn--ghost:hover{border-color:var(--ink);background:rgba(35,31,33,.04)}
.mp-btn--light{color:var(--ink);background:var(--sand);border-color:transparent}
.mp-btn--light:hover{background:var(--line)}
.mp-btn--wide{width:100%}
.mp-btn[disabled]{opacity:.55;cursor:not-allowed;box-shadow:none;filter:grayscale(.4)}

/* ---------- štítky, karty ---------- */
.mp-chip{
  display:inline-flex;align-items:center;gap:8px;border-radius:var(--r-pill);
  padding:7px 15px;font-size:13px;font-weight:600;line-height:1.2;
  background:var(--sand);color:var(--ink);white-space:nowrap;
}
.mp-chip--bordo{background:var(--bordo);color:var(--cream)}
.mp-chip--out{background:transparent;border:1.5px solid var(--line);color:var(--ink-2)}
.mp-label{
  font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--bordo);
}

.mp-card{
  background:var(--white);border:1.5px solid var(--line);border-radius:var(--r-card);
  padding:22px;
}
.mp-card--sand{background:var(--card);border-color:transparent}
.mp-card--dark{background:var(--ink);border-color:transparent;color:var(--cream)}
.mp-card--dark .mp-h3,.mp-card--dark .mp-p,.mp-card--dark .mp-rich{color:var(--cream)}
.mp-card--dark .mp-label{color:var(--sand)}

.mp-grid{display:grid;gap:16px}
.mp-grid--2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.mp-grid--3{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.mp-grid--4{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}

/* ---------- servisní a hlavní lišta ---------- */
.mp-topbar{background:var(--ink);color:var(--sand);font-size:12.5px}
.mp-topbar .mp-wrap{display:flex;flex-wrap:wrap;gap:6px 22px;align-items:center;min-height:38px;padding-block:8px}
.mp-topbar a{color:var(--sand)}
.mp-topbar__sep{color:var(--meta)}
.mp-topbar__cross a{text-decoration:underline;text-underline-offset:3px}
.mp-head{
  position:sticky;top:0;z-index:40;background:rgba(251,247,241,.94);
  backdrop-filter:saturate(150%) blur(8px);border-bottom:1.5px solid var(--line);
}
.mp-head .mp-wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:66px}
.mp-logo{display:flex;align-items:center;gap:11px;font-weight:700;font-size:19px;letter-spacing:-.045em;color:var(--ink)}
.mp-logo:hover{text-decoration:none}
.mp-logo b{font-weight:700}
.mp-logo .dot{color:var(--bordo)}
.mp-logo__mark{width:34px;height:34px;flex:none}
.mp-head__right{display:flex;align-items:center;gap:12px}
.mp-head__tel{font-weight:600;font-size:15px;color:var(--ink);white-space:nowrap}

/* ---------- hero ---------- */
.mp-hero{background:var(--card);border-bottom:1.5px solid var(--line);overflow:hidden}
.mp-hero__grid{
  display:grid;gap:clamp(24px,4vw,52px);align-items:start;
  grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);
  padding-block:clamp(30px,5vw,62px);
}
.mp-hero__title{margin-bottom:14px}
.mp-hero__title .hl{color:var(--bordo)}
.mp-hero__sub{
  font-family:var(--sans);font-weight:600;font-size:clamp(16px,2.3vw,20px);
  line-height:1.28;letter-spacing:-.02em;color:var(--ink);margin:0 0 18px;
}
.mp-hero__media{border-radius:var(--r-card);overflow:hidden;margin-top:20px;border:1.5px solid var(--line)}
.mp-hero__media img{width:100%;aspect-ratio:16/10;object-fit:cover}

/* pruh důvěry */
.mp-trust{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.mp-trust span{
  display:inline-flex;align-items:center;gap:8px;background:var(--white);
  border:1.5px solid var(--line);border-radius:var(--r-pill);
  padding:8px 14px;font-size:13px;font-weight:600;color:var(--ink-2);
}
.mp-trust .mp-ico{color:var(--bordo)}

/* ---------- formulář ---------- */
.mp-form-card{
  background:var(--white);border-radius:var(--r-card);border:1.5px solid var(--line);
  padding:clamp(20px,3vw,28px);box-shadow:var(--shadow-soft);position:relative;
}
.mp-form-card__head{margin-bottom:16px}
.mp-form-card__gift{
  display:inline-flex;align-items:center;gap:7px;background:var(--sand);
  border-radius:var(--r-pill);padding:6px 14px;font-size:12px;font-weight:600;
  letter-spacing:.06em;text-transform:uppercase;color:var(--bordo);margin-bottom:12px;
}
.mp-field{margin-bottom:12px}
.mp-field label{display:block;font-size:13px;font-weight:600;color:var(--ink-2);margin-bottom:6px}
.mp-field input{
  width:100%;min-height:50px;padding:13px 16px;border-radius:14px;
  border:1.5px solid var(--line);background:var(--card);color:var(--ink);
  font-family:var(--sans);font-size:16px;transition:border-color .15s,background .15s;
}
.mp-field input::placeholder{color:var(--meta)}
.mp-field input:focus{outline:none;border-color:var(--bordo);background:var(--white)}
.mp-field input[aria-invalid="true"]{border-color:var(--bordo);background:#fdf3f3}
.mp-consent{display:flex;gap:11px;align-items:flex-start;margin:14px 0 16px;font-size:13.5px;color:var(--ink-2);line-height:1.4}
.mp-consent input{width:20px;height:20px;flex:none;margin-top:1px;accent-color:var(--bordo)}
.mp-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.mp-form__note{font-size:12.5px;color:var(--meta);margin:12px 0 0;text-align:center}
.mp-form__status{margin-top:12px;font-size:14px;font-weight:600;min-height:1px}
.mp-form__status[data-state="err"]{color:var(--bordo)}
.mp-form__status[data-state="ok"]{color:#1B6E4C}

/* Poděkování po odeslání - pruh nad formulářem, formulář zůstává prázdný. */
.mp-done{
  display:flex;gap:14px;align-items:flex-start;
  background:var(--card);border:1.5px solid var(--bordo);border-radius:16px;
  padding:16px 18px;margin-bottom:18px;
}
.mp-done__ico{
  width:36px;height:36px;flex:none;border-radius:50%;
  background:linear-gradient(180deg,var(--bordo-top),var(--bordo-bot));color:var(--cream);
  display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;
}
.mp-done__title{
  margin:0 0 5px;font-family:var(--sans);font-size:16px;font-weight:700;
  letter-spacing:-.025em;color:var(--ink);
}
.mp-done__text{
  margin:0;font-family:var(--serif);font-size:14.5px;line-height:1.5;color:var(--ink-2);
}
.mp-done__text strong{color:var(--bordo);font-family:var(--sans);font-weight:600;overflow-wrap:anywhere}

/* ---------- číslované body ---------- */
.mp-points{display:grid;gap:14px;counter-reset:pt}
.mp-point{
  display:grid;grid-template-columns:52px 1fr;gap:18px;align-items:start;
  background:var(--white);border:1.5px solid var(--line);border-radius:var(--r-card);padding:22px;
}
.mp-point__n{
  counter-increment:pt;width:52px;height:52px;border-radius:50%;
  background:linear-gradient(180deg,var(--bordo-top),var(--bordo-bot));color:var(--cream);
  display:flex;align-items:center;justify-content:center;
  font-size:20px;font-weight:800;letter-spacing:-.03em;
}
.mp-point__n::before{content:counter(pt)}
.mp-point--last{border-color:var(--bordo);background:var(--card)}
.mp-point__flag{
  display:inline-flex;align-items:center;gap:7px;background:var(--bordo);color:var(--cream);
  border-radius:var(--r-pill);padding:4px 12px;font-size:11px;font-weight:600;
  letter-spacing:.14em;text-transform:uppercase;margin-bottom:9px;
}

/* ---------- tabulka co dostanete ---------- */
.mp-table-wrap{overflow-x:auto;border:1.5px solid var(--line);border-radius:var(--r-card);background:var(--white)}
.mp-table{width:100%;border-collapse:collapse;font-size:15px;min-width:560px}
.mp-table th,.mp-table td{padding:15px 18px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.mp-table thead th{
  background:var(--card);font-size:11px;font-weight:600;letter-spacing:.14em;
  text-transform:uppercase;color:var(--bordo);
}
.mp-table tbody tr:last-child td{border-bottom:0}
.mp-table td:first-child{font-weight:600;color:var(--ink);width:38%}
.mp-table td.mp-num,.mp-table th.mp-num{text-align:right;white-space:nowrap}
.mp-table .yes{color:var(--bordo)}
.mp-table .yes .mp-ico{width:19px;height:19px;stroke-width:2.4}
.mp-table .no{color:var(--divider)}
.mp-table .no .mp-ico{width:17px;height:17px;stroke-width:2.2}

/* ---------- balíček / cena ---------- */
.mp-offer{
  background:var(--ink);color:var(--cream);border-radius:var(--r-card);
  padding:clamp(24px,4vw,38px);
}
.mp-offer .mp-h2{color:var(--cream)}
.mp-offer__grid{display:grid;gap:clamp(20px,3vw,38px);grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);align-items:start}
.mp-offer__list{display:grid;gap:11px;margin:18px 0 0;padding:0;list-style:none}
.mp-offer__list li{
  display:grid;grid-template-columns:26px 1fr;gap:12px;align-items:start;
  font-family:var(--serif);font-size:16px;line-height:1.5;color:#E8E2DA;
}
.mp-offer__list li b{color:var(--cream);font-family:var(--sans);font-weight:600;font-size:15px}
.mp-offer__list .tick{
  width:24px;height:24px;border-radius:50%;background:rgba(242,220,196,.14);
  color:var(--sand);display:flex;align-items:center;justify-content:center;
}
.mp-offer__list .tick .mp-ico{width:14px;height:14px;stroke-width:2.6}
.mp-price{background:var(--card);color:var(--ink);border-radius:18px;padding:24px;text-align:center}
.mp-price__old{font-size:15px;color:var(--meta);text-decoration:line-through;text-decoration-thickness:1.5px}
.mp-price__now{font-size:clamp(32px,5vw,42px);font-weight:800;letter-spacing:-.04em;line-height:1.05;margin:6px 0 2px;color:var(--bordo)}
.mp-price__save{display:inline-block;background:var(--bordo);color:var(--cream);border-radius:var(--r-pill);padding:5px 14px;font-size:12.5px;font-weight:600;margin-top:10px}
.mp-price__note{font-size:12.5px;color:var(--meta);margin-top:12px}

/* Blok rezervace. Vedlejší akce - vzhledem drží krok s kartami,
   ale nekonkuruje hlavnímu formuláři nahoře. */
.mp-book{
  display:flex;gap:18px;align-items:center;flex-wrap:wrap;
  background:var(--card);border:1.5px solid var(--line);border-radius:var(--r-card);
  padding:22px 24px;
}
.mp-book__ico{
  width:48px;height:48px;flex:none;border-radius:14px;background:var(--white);
  color:var(--bordo);display:flex;align-items:center;justify-content:center;
}
.mp-book__ico .mp-ico{width:24px;height:24px}
.mp-book__body{flex:1 1 320px;min-width:0}
.mp-book__act{flex:0 0 auto}
@media (max-width:600px){
  .mp-book{padding:20px}
  .mp-book__act,.mp-book__act .mp-btn{width:100%}
}

/* ---------- záruky ---------- */
.mp-guar{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(270px,1fr))}
.mp-guar__item{background:var(--white);border:1.5px solid var(--line);border-radius:18px;padding:20px}
.mp-guar__item h4{margin:0 0 6px;font-size:16px;font-weight:700;letter-spacing:-.025em;color:var(--ink)}
.mp-guar__item p{margin:0;font-family:var(--serif);font-size:15px;line-height:1.5;color:var(--ink-2)}
.mp-guar__ico{
  width:42px;height:42px;border-radius:12px;background:var(--sand);color:var(--bordo);
  display:flex;align-items:center;justify-content:center;margin-bottom:12px;
}
.mp-guar__ico .mp-ico{width:22px;height:22px}

/* ---------- citace ---------- */
.mp-quote{
  background:var(--card);border-left:4px solid var(--bordo);border-radius:0 var(--r-card) var(--r-card) 0;
  padding:clamp(20px,3vw,30px);
}
.mp-quote p{font-family:var(--serif);font-size:clamp(16px,2.2vw,19px);line-height:1.55;color:var(--ink);margin:0 0 12px;font-style:italic}
.mp-quote cite{font-style:normal;font-family:var(--sans);font-weight:600;font-size:14px;color:var(--bordo)}

/* ---------- tarify ---------- */
.mp-tariffs{display:grid;gap:18px;grid-template-columns:1fr;align-items:stretch}
/* Čtyři tarify vedle sebe by na šířce webu byly příliš úzké na text,
   proto je sázíme dva na dva. */
@media (min-width:760px){ .mp-tariffs{grid-template-columns:repeat(2,minmax(0,1fr))} }
.mp-tariff{
  background:var(--white);border:1.5px solid var(--line);border-radius:var(--r-card);
  padding:24px;display:flex;flex-direction:column;position:relative;
}
.mp-tariff--hi{border-color:var(--bordo);box-shadow:var(--shadow-soft)}
.mp-tariff--dark{background:var(--ink);border-color:transparent;color:var(--cream)}
.mp-tariff--dark .mp-tariff__name,.mp-tariff--dark .mp-tariff__price{color:var(--cream)}
.mp-tariff--dark .mp-tariff__sub,.mp-tariff--dark .mp-tariff__list li{color:#E8E2DA}
.mp-tariff--dark .mp-tariff__note{color:var(--divider)}
.mp-tariff__badge{
  position:absolute;top:-13px;left:24px;background:var(--bordo);color:var(--cream);
  border-radius:var(--r-pill);padding:5px 14px;font-size:11px;font-weight:600;
  letter-spacing:.14em;text-transform:uppercase;
}
.mp-tariff__ico{
  width:44px;height:44px;border-radius:12px;background:var(--sand);color:var(--bordo);
  display:flex;align-items:center;justify-content:center;margin-bottom:14px;
}
.mp-tariff__ico .mp-ico{width:23px;height:23px}
.mp-tariff--dark .mp-tariff__ico{background:rgba(242,220,196,.14);color:var(--sand)}
.mp-tariff__name{font-size:17px;font-weight:700;letter-spacing:-.03em;margin:0 0 6px;color:var(--ink);text-transform:uppercase}
.mp-tariff__sub{font-family:var(--serif);font-size:15px;line-height:1.45;color:var(--ink-2);margin:0 0 16px}
.mp-tariff__price{font-size:32px;font-weight:800;letter-spacing:-.04em;color:var(--bordo);margin:0}
.mp-tariff--dark .mp-tariff__price{color:var(--sand)}
.mp-tariff__note{font-size:12.5px;color:var(--meta);margin:4px 0 16px}
.mp-tariff__list{list-style:none;margin:0 0 20px;padding:0;display:grid;gap:9px}
.mp-tariff__list li{
  position:relative;padding-left:24px;font-family:var(--serif);font-size:15px;
  line-height:1.5;color:var(--ink-2);
}
.mp-tariff__list li::before{
  content:"";position:absolute;left:4px;top:.6em;width:8px;height:8px;
  border-radius:50%;background:var(--bordo);
}
.mp-tariff--dark .mp-tariff__list li::before{background:var(--sand)}
.mp-tariff__foot{margin-top:auto}

/* ---------- opakovaná výzva ---------- */
.mp-cta{
  background:linear-gradient(180deg,var(--bordo-top),var(--bordo-bot));
  color:var(--cream);border-radius:var(--r-card);padding:clamp(26px,4vw,44px);text-align:center;
}
.mp-cta .mp-h2{color:var(--cream);margin-bottom:10px}
.mp-cta p{font-family:var(--serif);font-size:17px;line-height:1.55;color:#F6E9E0;margin:0 auto 20px;max-width:56ch}
.mp-cta .mp-btn--light{box-shadow:0 10px 24px rgba(35,31,33,.22)}
.mp-cta__trust{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:18px}
.mp-cta__trust span{
  display:inline-flex;align-items:center;gap:7px;
  background:rgba(251,247,241,.14);border-radius:var(--r-pill);padding:7px 14px;
  font-size:12.5px;font-weight:600;color:#F6E9E0;
}

/* ---------- recenze ---------- */
.mp-rev{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.mp-rev__item{background:var(--white);border:1.5px solid var(--line);border-radius:18px;padding:20px}
.mp-rev__stars,.mp-stars{display:inline-flex;gap:2px;color:var(--bordo);margin-bottom:8px}
.mp-rev__stars .mp-ico,.mp-stars .mp-ico{width:15px;height:15px}
.mp-ico.is-filled{fill:currentColor}
.mp-rev__item h4{margin:0 0 6px;font-size:15px;font-weight:700;color:var(--ink);display:flex;align-items:center;gap:8px}
.mp-rev__item h4 .mp-ico{color:var(--bordo);width:19px;height:19px}
.mp-rev__item p{margin:0;font-family:var(--serif);font-size:15px;line-height:1.5;color:var(--ink-2)}
.mp-score{
  display:inline-flex;align-items:center;gap:14px;background:var(--white);
  border:1.5px solid var(--line);border-radius:var(--r-pill);padding:10px 20px;
  color:var(--ink);transition:border-color .15s;
}
a.mp-score:hover{border-color:var(--bordo);text-decoration:none}
.mp-score b{font-size:24px;font-weight:800;letter-spacing:-.03em;color:var(--ink)}
.mp-score span{font-size:13px;color:var(--meta)}

/* ---------- patička ---------- */
.mp-foot{background:var(--ink);color:#CFC7BF;padding-block:34px;margin-top:clamp(40px,6vw,72px)}
.mp-foot a{color:var(--sand)}
.mp-foot__top{display:flex;flex-wrap:wrap;gap:18px 34px;align-items:center;justify-content:space-between}
.mp-foot__brand{display:flex;align-items:center;gap:11px;font-weight:700;font-size:18px;letter-spacing:-.045em;color:var(--cream)}
.mp-foot__brand .dot{color:var(--sand)}
.mp-foot__c{display:flex;flex-wrap:wrap;gap:8px 22px;font-size:14px;align-items:center}
.mp-foot__cross{display:inline-flex;align-items:center;gap:7px;font-weight:600}
.mp-foot__cross .mp-ico{width:16px;height:16px}
.mp-foot__bottom{
  margin-top:22px;padding-top:18px;border-top:1px solid rgba(242,220,196,.16);
  font-size:12.5px;color:var(--meta);display:flex;flex-wrap:wrap;gap:6px 18px;
}

/* ---------- spodní lišta na mobilu ---------- */
.mp-sticky{
  position:fixed;left:0;right:0;bottom:0;z-index:60;display:none;
  gap:10px;padding:10px calc(var(--gut)) calc(10px + env(safe-area-inset-bottom));
  background:rgba(251,247,241,.97);border-top:1.5px solid var(--line);
  backdrop-filter:saturate(150%) blur(8px);
}
.mp-sticky .mp-btn{flex:1;min-height:50px;padding-inline:16px;font-size:15px}
.mp-sticky .mp-btn--ghost{flex:0 0 auto;width:56px;padding:0}

/* ---------- responsivita ---------- */
@media (max-width:1000px){
  .mp-hero__grid{grid-template-columns:1fr}
  .mp-offer__grid{grid-template-columns:1fr}
}
@media (max-width:760px){
  body.mp-lp{font-size:15.5px}
  /* Odsazení dole má smysl jen tam, kde spodní lišta opravdu je. */
  body.page-template-mp-lp-checklist,body.page-template-mp-lp-sluzby{padding-bottom:78px}
  .mp-topbar{display:none}
  /* V hlavičce zůstává jen značka. Telefon i výzva jsou ve spodní liště,
     kterou má palec na dosah - hlavička se tak vejde i na úzký displej. */
  .mp-head__tel,.mp-head__right .mp-btn{display:none}
  .mp-head .mp-wrap{min-height:58px}
  .mp-logo{font-size:17px}
  .mp-logo__mark{width:30px;height:33px}
  .mp-point{grid-template-columns:1fr;gap:12px}
  .mp-point__n{width:44px;height:44px;font-size:18px}
  .mp-table td:first-child{width:auto}
  .mp-sticky{display:flex}
  .mp-hero__media{margin-top:16px}
  /* Dlouhé štítky se na mobilu musí zalomit, jinak přetečou přes okraj. */
  .mp-chip{white-space:normal;text-align:left}
  .mp-score{width:100%;justify-content:flex-start}
  .mp-quote{border-radius:0 14px 14px 0}
}

/* Nic se nesmí dostat za pravý okraj - jediné vodorovné posouvání patří
   tabulkám, které mají vlastní schránku s posuvníkem. */
body.mp-lp{overflow-x:clip}
.mp-wrap,.mp-card,.mp-point,.mp-tariff,.mp-guar__item,.mp-rev__item{min-width:0}
.mp-rich,.mp-p,.mp-lead,.mp-h1,.mp-h2,.mp-h3{overflow-wrap:break-word}
@media (prefers-reduced-motion:reduce){
  *{animation-duration:.01ms !important;transition-duration:.01ms !important}
}

/* ---------- tisk ---------- */
@media print{
  .mp-head,.mp-topbar,.mp-sticky,.mp-form-card{display:none}
  body.mp-lp{background:#fff}
}