/* custom.css — Persuara overrides (Webflow → Cloudflare migrace) */

/* 1) Bílý pruh nad footerem */
.footer3_component { margin-top: 0 !important; }

/* 2) Utažení "free pilot / shield" CTA sekce */
.section-footer-shield { height: auto !important; }
.section-footer-shield .spacer-huge { display: none !important; }
.section-footer-shield .padding-section-large { padding-top: 4rem !important; padding-bottom: 4rem !important; }

/* 3) Fantomový horizontální scroll — na body */
html, body { overflow-x: clip; }

/* 4) Kontakt — headline se ZALOMÍ a je VYCENTROVANÝ (platí na všech šířkách) */
.section_contact_header .contact_header_component { justify-content: center !important; }
.section_contact_header .max-width-large { min-width: 0 !important; max-width: 48rem !important; margin-left: auto !important; margin-right: auto !important; }
.section_contact_header .heading-style-home-h2 { max-width: 100% !important; white-space: normal !important; overflow-wrap: break-word !important; text-align: center !important; }

/* 5) Kontakt mobil: form nad mapou */
@media (max-width: 991px) {
  .contact_contact-1_form-block { order: -1 !important; }
}

/* 6) Kontakt mapa — body ZAMČENÉ na stejných místech napříč velikostmi.
   Body jsou v % kontejneru; aby seděly, musí mít mapa všude STEJNÝ ořez.
   Proto: mobilní kontejner mapy dostane stejný poměr stran jako desktop (40/44),
   a body mají jednu sadu pozic (desktop hodnoty) platnou všude. */
.hotpoint-item._2 { top: 30% !important; left: 45% !important; }
.hotpoint-item._3 { top: 47% !important; left: 71% !important; }
@media (max-width: 991px) {
  .contact_contact-1_heading-wrapper { height: auto !important; aspect-ratio: 40 / 44 !important; }
}