/* =====================================================================
   seo-extra.css — zaholowani.pl v9
   ===================================================================== */
:root{ --pd-accent:#cf3a1a; --pd-accent-dark:#c5360f; }

/* NAGŁÓWEK */
#header h3.brand{ position:absolute; left:1em; top:0; height:3em; line-height:3em; cursor:default; margin:0; font-size:1.1em; }
#header h3.brand a{ color:inherit; text-decoration:none; }
.logo{ background-image:url(../../images/logo.webp); background-position:center center; background-repeat:no-repeat; background-size:cover; width:28px; height:28px; display:inline-block; margin:0 8px -6px 0; }
.button.style2.phone{ font-size:1.5em !important; line-height:3em; background-image:url(images/phone_white.svg) !important; background-position:center right; background-repeat:no-repeat; padding-right:3em; font-weight:bold; border-width:3px; background-color:rgba(233,67,29,.875); border-color:#fff; color:#fff !important; text-shadow:2px 2px 2px transparent; }
@media only screen and (max-width:980px){ #header h3.brand{ position:relative; left:0; text-align:center; width:100%; height:2.5em; line-height:2.5em; } .hide-xs{ display:none !important; } }

/* DROPDOWN DESKTOP */
#header nav ul li.has-dropdown{ position:relative; }
#header nav ul li.has-dropdown > a::after{ content:"\25BE"; font-size:.75em; margin-left:.35em; opacity:.8; }
#header nav ul li.has-dropdown > .dropdown-menu{ position:absolute; right:0; top:3em; margin:0; padding:.35em 0; min-width:250px; max-height:74vh; overflow-y:auto; background:rgba(255,255,255,.98); box-shadow:0 8px 24px rgba(0,0,0,.18); border-top:3px solid var(--pd-accent); text-align:left; line-height:1.25em; z-index:11000; opacity:0; visibility:hidden; transform:translateY(10px); transition:opacity .2s ease, transform .2s ease, visibility .2s ease; }
#header nav ul li.has-dropdown:hover > .dropdown-menu, #header nav ul li.has-dropdown:focus-within > .dropdown-menu{ opacity:1; visibility:visible; transform:translateY(0); }
#header nav ul li.has-dropdown .dropdown-menu li{ display:block; margin:0; font-size:.95em; }
#header nav ul li.has-dropdown .dropdown-menu li a{ display:block; height:auto; line-height:1.3em; padding:.5em 1.25em; white-space:nowrap; color:#333; }
#header nav ul li.has-dropdown .dropdown-menu li a:hover{ background:var(--pd-accent); color:#fff; }
#header nav ul li.has-dropdown .dropdown-menu li.dd-head{ padding:.5em 1.25em .2em; font-weight:900; text-transform:uppercase; font-size:.72em; letter-spacing:.08em; color:var(--pd-accent); }

/* BREADCRUMBS */
.breadcrumbs{ background:rgba(0,0,0,.55); color:#eee; font-size:.85em; padding:.6em 1em; margin-top:2.5em; text-align:center; }
.breadcrumbs a{ color:#fff; text-decoration:none; border-bottom:1px dotted rgba(255,255,255,.5); }
.breadcrumbs a:hover{ color:var(--pd-accent); }
.breadcrumbs span{ opacity:.7; margin:0 .35em; }

/* FAQ */
.faq-wrap{ max-width:60em; margin:0 auto; text-align:left; }
.faq-item{ border-bottom:1px solid rgba(255,255,255,.25); margin:0; padding:.25em 0; }
.faq-item > summary{ cursor:pointer; list-style:none; outline:none; font-size:1.18em; font-weight:800; line-height:1.4em; padding:.85em 2.2em .85em .2em; position:relative; }
.faq-item > summary::-webkit-details-marker{ display:none; }
.faq-item > summary::after{ content:"+"; position:absolute; right:.4em; top:50%; transform:translateY(-50%); font-size:1.3em; font-weight:700; color:var(--pd-accent); transition:transform .2s ease; }
.faq-item[open] > summary::after{ content:"\2013"; }
.faq-item > .faq-a{ padding:0 .2em 1em; font-size:1em; line-height:1.7em; opacity:.95; }
.faq-item > .faq-a p{ margin:0 0 .8em; }

/* LINK-GRID */
.link-grid{ list-style:none; margin:1em 0 1.5em; padding:0; display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); grid-auto-rows:1fr; gap:.5em .9em; text-align:center; }
.link-grid li{ margin:0; display:flex; }
.link-grid li a{ flex:1; display:flex; align-items:center; justify-content:center; text-align:center; padding:.7em .8em; border-radius:4px; background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.18); text-decoration:none; font-size:.95em; line-height:1.35em; transition:background .15s ease, border-color .15s ease; }
.link-grid li a:hover{ background:var(--pd-accent); border-color:var(--pd-accent); color:#fff; }
.style3.secondary .link-grid li a, .is-light .link-grid li a{ background:rgba(0,0,0,.05); border-color:rgba(0,0,0,.12); color:#333; }

/* STEPS */
.steps{ list-style:none; counter-reset:step; margin:1em 0; padding:0; text-align:left; }
.steps li{ position:relative; margin:0 0 1em; padding:.2em 0 .2em 3em; line-height:1.6em; }
.steps li::before{ counter-increment:step; content:counter(step); position:absolute; left:0; top:0; width:2em; height:2em; line-height:2em; text-align:center; border-radius:50%; background:var(--pd-accent); color:#fff; font-weight:900; }

/* CHECKS */
.checks{ list-style:none; margin:1em 0; padding:0; text-align:left; }
.checks li{ position:relative; padding:.35em 0 .35em 1.8em; line-height:1.6em; }
.checks li::before{ content:"\2714"; position:absolute; left:0; top:.35em; color:var(--pd-accent); font-weight:900; }

/* MEGAFOOTER */
#seo-megafooter{ background:#1b1b1b; color:#ddd; padding:3em 1.5em 2.5em; }
#seo-megafooter .mf-inner{ max-width:78em; margin:0 auto; }
#seo-megafooter h3{ color:#fff; font-size:1em; letter-spacing:.12em; text-transform:uppercase; border-bottom:2px solid var(--pd-accent); display:inline-block; padding-bottom:.3em; margin-bottom:1em; }
#seo-megafooter .mf-cols{ display:grid; grid-template-columns:repeat(auto-fit,minmax(210px,1fr)); gap:2em; text-align:center; }
#seo-megafooter ul{ list-style:none; margin:0; padding:0; }
#seo-megafooter li{ margin:.3em 0; }
#seo-megafooter a{ color:#cfcfcf; text-decoration:none; font-size:.92em; }
#seo-megafooter a:hover{ color:var(--pd-accent); }
#seo-megafooter .mf-call{ text-align:center; margin-top:2.2em; }
#seo-megafooter .mf-call a{ display:inline-block; background:var(--pd-accent); color:#fff; padding:.7em 1.6em; border-radius:6px; font-weight:800; font-size:1.05em; }
#seo-megafooter .mf-call a:hover{ background:var(--pd-accent-dark); color:#fff; }

/* CTA */
.cta-emergency{ display:inline-block; background:var(--pd-accent); color:#fff !important; font-weight:900; letter-spacing:.03em; text-transform:uppercase; padding:.85em 1.8em; border-radius:8px; text-decoration:none; box-shadow:0 8px 22px rgba(233,67,29,.45); border:2px solid #fff; transition:transform .15s ease, background .15s ease; }
.cta-emergency:hover{ background:var(--pd-accent-dark); color:#fff !important; transform:translateY(-2px); }
.cta-emergency::before{ content:"\260E"; margin-right:.5em; }
#cta-bar{ position:fixed; left:0; right:0; bottom:0; z-index:10500; display:none; padding:.5em; background:rgba(20,20,20,.92); text-align:center; box-shadow:0 -4px 16px rgba(0,0,0,.35); }
#cta-bar a{ display:block; background:var(--pd-accent); color:#fff; font-weight:900; text-transform:uppercase; padding:.85em; border-radius:8px; text-decoration:none; font-size:1.15em; }
#cta-bar a::before{ content:"\260E"; margin-right:.5em; }

/* ================================================================
   HAMBURGER – pomarańczowy, widoczny (ZADANIE A)
   ================================================================ */
#seo-mnav-toggle {
    position:fixed; top:0; right:0; z-index:11200; display:none;
    width:3em; height:3em; line-height:3em; text-align:center;
    background:var(--pd-accent); border:0; color:#fff;
    font-size:1.35em; cursor:pointer;
    border-radius:0 0 0 8px; box-shadow:-2px 2px 8px rgba(0,0,0,.3);
    transition:background .2s ease;
}
#seo-mnav-toggle:hover, #seo-mnav-toggle:focus { background:var(--pd-accent-dark); outline:none; }
@media screen and (max-width:480px) { #seo-mnav-toggle { width:3.2em; height:3.2em; line-height:3.2em; font-size:1.5em; } }
#seo-mnav-toggle span{ display:block; }
#seo-mnav{ position:fixed; top:0; right:0; bottom:0; width:82%; max-width:330px; background:#fff; z-index:11300; box-shadow:-6px 0 24px rgba(0,0,0,.3); transform:translateX(105%); transition:transform .28s ease; overflow-y:auto; padding:1em 0 5em; -webkit-overflow-scrolling:touch; }
#seo-mnav.open{ transform:translateX(0); }
#seo-mnav-overlay{ position:fixed; inset:0; background:rgba(0,0,0,.5); z-index:11250; opacity:0; visibility:hidden; transition:opacity .28s ease, visibility .28s ease; }
#seo-mnav-overlay.open{ opacity:1; visibility:visible; }
#seo-mnav .mnav-head{ display:flex; align-items:center; justify-content:space-between; padding:.4em 1em 1em; border-bottom:1px solid #eee; margin-bottom:.5em; }
#seo-mnav .mnav-head strong{ color:var(--pd-accent); font-size:1.05em; }
#seo-mnav .mnav-close{ background:none; border:0; font-size:1.6em; cursor:pointer; color:#666; line-height:1; }
#seo-mnav details{ border-bottom:1px solid #f0f0f0; }
#seo-mnav details > summary{ cursor:pointer; list-style:none; padding:.85em 1.2em; font-weight:800; color:#222; position:relative; outline:none; }
#seo-mnav details > summary::-webkit-details-marker{ display:none; }
#seo-mnav details > summary::after{ content:"+"; position:absolute; right:1.2em; color:var(--pd-accent); font-weight:900; }
#seo-mnav details[open] > summary::after{ content:"\2013"; }
#seo-mnav details .mnav-sub{ padding:0 0 .6em; max-height:46vh; overflow-y:auto; }
#seo-mnav details .mnav-sub a{ display:block; padding:.5em 1.6em; color:#444; text-decoration:none; font-size:.95em; }
#seo-mnav details .mnav-sub a:hover{ background:var(--pd-accent); color:#fff; }
#seo-mnav .mnav-direct a{ display:block; padding:.85em 1.2em; font-weight:800; color:#222; text-decoration:none; border-bottom:1px solid #f0f0f0; }
#seo-mnav .mnav-call{ padding:1em 1.2em; }
#seo-mnav .mnav-call a{ display:block; text-align:center; background:var(--pd-accent); color:#fff; padding:.85em; border-radius:8px; font-weight:900; text-transform:uppercase; text-decoration:none; }
@media screen and (max-width:980px){ #seo-mnav-toggle{ display:block; } #cta-bar{ display:block; } #seo-megafooter{ padding-bottom:5.5em; } }
@media screen and (min-width:981px){ #seo-mnav, #seo-mnav-overlay, #seo-mnav-toggle, #cta-bar{ display:none !important; } }

/* ================================================================
   ZDJĘCIA W TREŚCI – object-fit, bez rozciągania (ZADANIE A)
   ================================================================ */
.pd-img-wrap {
    max-width:620px;
    margin:1.5em auto;
}
.pd-img {
    display:block;
    width:100%;
    height:auto;
    border-radius:8px;
}
@media screen and (max-width:736px) {
    .pd-img-wrap { max-width:100%; }
}
.pd-img-grid-2 { display:grid; grid-template-columns:1fr 1fr; gap:1em; margin:1.5em 0; }
.pd-img-grid-3 { display:grid; grid-template-columns:1fr 1fr 1fr; gap:1em; margin:1.5em 0; }
.pd-img-grid-2 img, .pd-img-grid-3 img { width:100%; height:220px; object-fit:cover; object-position:center center; border-radius:8px; display:block; }
@media screen and (max-width:736px) {
    .pd-img-grid-2, .pd-img-grid-3 { grid-template-columns:1fr; }
    .pd-img-grid-2 img, .pd-img-grid-3 img { height:180px; }
}

/* KARTY USŁUG */
.pd-uslugi-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:1.2em; margin:1.5em 0; text-align:left; }
.pd-usluga-card { background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.15); border-radius:10px; overflow:hidden; transition:transform .2s ease, box-shadow .2s ease; text-decoration:none; display:block; color:inherit; }
.pd-usluga-card:hover { transform:translateY(-3px); box-shadow:0 8px 24px rgba(0,0,0,.25); }
.pd-usluga-card img { width:100%; height:160px; object-fit:cover; display:block; }
.pd-usluga-card-body { padding:.85em 1em 1em; }
.pd-usluga-card-body h3 { font-size:.95em; margin:0 0 .3em; line-height:1.3em; }
.main.style3 .pd-usluga-card { background:#fff; border:1px solid #e5e6e7; box-shadow:0 2px 8px rgba(0,0,0,.06); }
.main.style3 .pd-usluga-card-body h3, .main.style3 .pd-usluga-card-body p { color:#39454b; }

/* STREFA WIEDZY */
.wiedza-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); gap:1.8em; margin:1.5em 0; text-align:left; }
.wiedza-card { background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.15); border-radius:8px; overflow:hidden; transition:transform .2s ease; }
.wiedza-card:hover { transform:translateY(-4px); }
.wiedza-card img { width:100%; height:180px; object-fit:cover; display:block; }
.wiedza-card-body { padding:1em 1.2em 1.2em; }
.wiedza-card-body h3 { font-size:1em; margin:0 0 .5em; line-height:1.4em; }
.wiedza-card-body a { color:var(--pd-accent); text-decoration:none; font-weight:700; }

/* ================================================================
   TŁA HERO – background-attachment SCROLL (ZADANIE A)
   ================================================================ */
body.page-laweta #intro { background:url("../../images/overlay.png"),url("../../images/laweta-warszawa.webp"); background-size:256px 256px,cover; background-attachment:scroll,scroll; background-position:top left,center center; background-repeat:repeat,no-repeat; }
body.page-holowanie #intro, body.page-pomoc-glowna #intro { background:url("../../images/overlay.png"),url("../../images/laweta-suv-warszawa.webp"); background-size:256px 256px,cover; background-attachment:scroll,scroll; background-position:top left,center center; background-repeat:repeat,no-repeat; }
body.page-dostawczak #intro { background:url("../../images/overlay.png"),url("../../images/laweta-dostawczak-warszawa.webp"); background-size:256px 256px,cover; background-attachment:scroll,scroll; background-position:top left,center center; background-repeat:repeat,no-repeat; }
body.page-wymiana-kola #intro { background:url("../../images/overlay.png"),url("../../images/laweta-wymiana-kola-warszawa.webp"); background-size:256px 256px,cover; background-attachment:scroll,scroll; background-position:top left,center center; background-repeat:repeat,no-repeat; }
body.page-maszyny #intro { background:url("../../images/overlay.png"),url("../../images/laweta-koparka-warszawa.webp"); background-size:256px 256px,cover; background-attachment:scroll,scroll; background-position:top left,center center; background-repeat:repeat,no-repeat; }
body.page-spuszczanie #intro { background:url("../../images/overlay.png"),url("../../images/spuszczanie-paliwa-warszawa.webp"); background-size:256px 256px,cover; background-attachment:scroll,scroll; background-position:top left,center center; background-repeat:repeat,no-repeat; }
body.page-odpalanie #intro { background:url("../../images/overlay.png"),url("../../images/odpalanie-awaryjne-warszawa.webp"); background-size:256px 256px,cover; background-attachment:scroll,scroll; background-position:top left,center center; background-repeat:repeat,no-repeat; }
body.page-akumulator #intro { background:url("../../images/overlay.png"),url("../../images/wymiana-akumulatora-warszawa.webp"); background-size:256px 256px,cover; background-attachment:scroll,scroll; background-position:top left,center center; background-repeat:repeat,no-repeat; }
body.page-paliwo #intro { background:url("../../images/overlay.png"),url("../../images/maska-praca.webp"); background-size:256px 256px,cover; background-attachment:scroll,scroll; background-position:top left,center center; background-repeat:repeat,no-repeat; }
body.page-motocykle #intro { background:url("../../images/overlay.png"),url("../../images/transport-motocykli-warszawa.webp"); background-size:256px 256px,cover; background-attachment:scroll,scroll; background-position:top left,center center; background-repeat:repeat,no-repeat; }
body.page-kolizja #intro, body.page-warsztat #intro { background:url("../../images/overlay.png"),url("../../images/holowanie-po-kolizji.webp"); background-size:256px 256px,cover; background-attachment:scroll,scroll; background-position:top left,center center; background-repeat:repeat,no-repeat; }
body.page-skup #intro { background:url("../../images/overlay.png"),url("../../images/skup-aut-warszawa.webp"); background-size:256px 256px,cover; background-attachment:scroll,scroll; background-position:top left,center center; background-repeat:repeat,no-repeat; }
body.page-parking #intro { background:url("../../images/overlay.png"),url("../../images/pomoc-drogowa-transport-kamperow-warszawa.webp"); background-size:256px 256px,cover; background-attachment:scroll,scroll; background-position:top left,center center; background-repeat:repeat,no-repeat; }
body.page-bemowo #intro { background:url("../../images/overlay.png"),url("../../images/pomoc-drogowa-bemowo-warszawa.webp"); background-size:256px 256px,cover; background-attachment:scroll,scroll; background-position:top left,center center; background-repeat:repeat,no-repeat; }
body.page-bialoleka #intro, body.page-bielany #intro, body.page-zoliborz #intro { background:url("../../images/overlay.png"),url("../../images/pomoc-drogowa-modlinska-warszawa.webp"); background-size:256px 256px,cover; background-attachment:scroll,scroll; background-position:top left,center center; background-repeat:repeat,no-repeat; }
body.page-centrum #intro { background:url("../../images/overlay.png"),url("../../images/pomoc-drogowa-waarszawa-centrum.webp"); background-size:256px 256px,cover; background-attachment:scroll,scroll; background-position:top left,center center; background-repeat:repeat,no-repeat; }
body.page-trasa-s8 #intro { background:url("../../images/overlay.png"),url("../../images/pomoc-drogowa-trasas8-warszawa.webp"); background-size:256px 256px,cover; background-attachment:scroll,scroll; background-position:top left,center center; background-repeat:repeat,no-repeat; }
body.page-dzielnica #intro { background:url("../../images/overlay.png"),url("../../images/laweta-suv-warszawa.webp"); background-size:256px 256px,cover; background-attachment:scroll,scroll; background-position:top left,35% center; background-repeat:repeat,no-repeat; }
body.page-onas #intro { background:url("../../images/overlay.png"),url("../../images/laweta-pracownik.webp"); background-size:256px 256px,cover; background-attachment:scroll,scroll; background-position:top left,center 30%; background-repeat:repeat,no-repeat; }
body.page-wiedza #intro { background:url("../../images/overlay.png"),url("../../images/pomoc-telefon.webp"); background-size:256px 256px,cover; background-attachment:scroll,scroll; background-position:top left,center top; background-repeat:repeat,no-repeat; }

/* ================================================================
   KRYTYCZNY OVERRIDE – nadpisuje #intro z main.css
   ================================================================ */
#intro {
    background: url("../../images/overlay.png"), url("../../images/laweta-suv-warszawa.webp") !important;
    background-size: 256px 256px, cover !important;
    background-attachment: scroll, scroll !important;
    background-position: top left, center center !important;
    background-repeat: repeat, no-repeat !important;
}
body.page-laweta #intro { background-image: url("../../images/overlay.png"), url("../../images/laweta-warszawa.webp") !important; }
body.page-holowanie #intro, body.page-pomoc-glowna #intro { background-image: url("../../images/overlay.png"), url("../../images/laweta-suv-warszawa.webp") !important; }
body.page-dostawczak #intro { background-image: url("../../images/overlay.png"), url("../../images/laweta-dostawczak-warszawa.webp") !important; }
body.page-wymiana-kola #intro { background-image: url("../../images/overlay.png"), url("../../images/laweta-wymiana-kola-warszawa.webp") !important; }
body.page-maszyny #intro { background-image: url("../../images/overlay.png"), url("../../images/laweta-koparka-warszawa.webp") !important; }
body.page-spuszczanie #intro { background-image: url("../../images/overlay.png"), url("../../images/spuszczanie-paliwa-warszawa.webp") !important; }
body.page-odpalanie #intro { background-image: url("../../images/overlay.png"), url("../../images/odpalanie-awaryjne-warszawa.webp") !important; }
body.page-akumulator #intro { background-image: url("../../images/overlay.png"), url("../../images/wymiana-akumulatora-warszawa.webp") !important; }
body.page-paliwo #intro { background-image: url("../../images/overlay.png"), url("../../images/maska-praca.webp") !important; }
body.page-motocykle #intro { background-image: url("../../images/overlay.png"), url("../../images/transport-motocykli-warszawa.webp") !important; }
body.page-kolizja #intro, body.page-warsztat #intro { background-image: url("../../images/overlay.png"), url("../../images/holowanie-po-kolizji.webp") !important; }
body.page-skup #intro { background-image: url("../../images/overlay.png"), url("../../images/skup-aut-warszawa.webp") !important; }
body.page-parking #intro { background-image: url("../../images/overlay.png"), url("../../images/pomoc-drogowa-transport-kamperow-warszawa.webp") !important; }
body.page-bemowo #intro { background-image: url("../../images/overlay.png"), url("../../images/pomoc-drogowa-bemowo-warszawa.webp") !important; }
body.page-bialoleka #intro, body.page-bielany #intro, body.page-zoliborz #intro { background-image: url("../../images/overlay.png"), url("../../images/pomoc-drogowa-modlinska-warszawa.webp") !important; }
body.page-centrum #intro { background-image: url("../../images/overlay.png"), url("../../images/pomoc-drogowa-waarszawa-centrum.webp") !important; }
body.page-trasa-s8 #intro { background-image: url("../../images/overlay.png"), url("../../images/pomoc-drogowa-trasas8-warszawa.webp") !important; }
body.page-dzielnica #intro { background-image: url("../../images/overlay.png"), url("../../images/laweta-suv-warszawa.webp") !important; }
body.page-onas #intro { background-image: url("../../images/overlay.png"), url("../../images/laweta-pracownik.webp") !important; }
body.page-wiedza #intro { background-image: url("../../images/overlay.png"), url("../../images/pomoc-telefon.webp") !important; }

/* ================================================================
   NAPRAWA NAWIGACJI – wszystkie elementy mieszczą się w pasku
   ================================================================ */
#header nav {
    position: absolute;
    right: 0.3em;
    top: 0;
    height: 3em;
    line-height: 3em;
}
#header nav > ul {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    margin: 0;
    padding: 0;
}
#header nav > ul > li {
    display: inline-block;
    margin-left: 0.2em;
    font-size: 0.78em;
    white-space: nowrap;
}
#header nav > ul > li > a {
    padding: 0 0.4em;
    height: 3em;
    line-height: 3em;
    display: block;
    color: inherit;
    text-decoration: none;
}
#header nav > ul > li > a:hover {
    color: var(--pd-accent);
}
/* Brand też trochę mniejszy żeby dać miejsce */
#header h3.brand {
    font-size: 0.95em;
}

/* ================================================================
   HERO MOBILE – pionowe zdjęcie na smartfonach
   ================================================================ */
@media screen and (max-width: 736px) {
    body[class] #intro {
        background-image: url("../../images/overlay.png"), url("../../images/zaholowani-hero-mobile.webp") !important;
        background-size: 256px 256px, cover !important;
        background-position: top left, center top !important;
        background-attachment: scroll, scroll !important;
        background-repeat: repeat, no-repeat !important;
    }
}

/* Przesuń przyciski w hero wyżej na mobile żeby nie zasłaniały twarzy */
@media screen and (max-width: 736px) {
    #intro .content {
        padding-bottom: 45vh;
    }
    #intro .content .button.style2.phone {
        font-size: 1.4em !important;
        margin-top: 0.5em;
    }
}

/* ================================================================
   GALERIA – poprawka współczynnika proporcji miniaturek
   Pliki są 440x330, wyświetlamy jako 328x300 z przycinaniem
   ================================================================ */
.gallery .image.fit img {
    width: 100%;
    height: 300px;
    object-fit: cover;
    display: block;
}

/* ===== PERF FIXES (CLS / LCP) — added during optymalizacja ===== */
/* Sekcje pełnoekranowe: stabilna wysokość niezależna od łańcucha %,
   konieczna po opakowaniu treści w <main> i pomaga na CLS */
.main.fullscreen { min-height: 100vh; min-height: 100dvh; }

/* Homepage: lekkie tło hero na telefonach (LCP) — 640px zamiast 1920px */
@media (max-width: 736px) {
  .page-pomoc-glowna #intro {
    background-image: url("../../images/overlay.png"),
                      url("../../images/laweta-suv-warszawa-640.webp") !important;
  }
}