/* Responsywność mobilna.

   UWAGA na selektory atrybutowe: czepiają się treści atrybutu style, więc
   przestają działać w chwili, gdy ten sam styl przeniesie się do klasy - cicho,
   bez żadnego objawu na desktopie. Tak umarło 11 z 22 reguł tego pliku; ich
   zamiar żyje teraz na klasach w components.css (siatki, sloty, .split*,
   .card-dark, .card-body-lg, .map-box). Zostały tu wyłącznie te, które nadal
   trafiają w istniejące atrybuty - do przepisania razem z krokiem 11.

   Stan: 22 selektory na starcie -> 11 martwych usuniętych w kroku 11a
   -> 3 kolejne po partii 5 (height: 240px, padding: 28px 30px, padding: 36px 44px),
   bo ich style przeszły do klas .slot-240, .card-form i .card-cta wraz z regułą
   mobilną. Zostało 7. */
@media(max-width:767px){
.om-wrap{padding-left:20px!important;padding-right:20px!important}
[style*="grid-template-columns"]{grid-template-columns:1fr!important}
h1{font-size:34px!important;line-height:1.1!important}
h2{font-size:26px!important;line-height:1.15!important}
h3{font-size:19px!important}
p,li,span,div{text-wrap:pretty}
[style*="height: 420px"]{height:260px!important}
[style*="height: 380px"]{height:240px!important}
[style*="height: 320px"]{height:210px!important}
[style*="height: 260px"]{height:180px!important}
[style*="gap: 44px"],[style*="gap: 48px"]{gap:26px!important}
iframe,img,.img-slot{max-width:100%}
.hero-video,.ft-video{max-width:none!important}
}
@media(max-width:1199px){
.site-header .sh-nav,.site-header .bar>nav{display:flex;justify-content:flex-end}
.site-header .nav-toggle{margin-left:auto}
}