/* Auto-Efekt – dodatkowe style (FAQ, kroki, karta faktów, dostępność). Ładowane w <head>. */
:root{--ae-blue:#3367b3;--ae-blue-dark:#24508f;--ae-ink:#111;--ae-text:#424242;--ae-line:#e4e8ef;--ae-soft:#f3f6fb}

/* Czytelność długich tekstów */
.secpad p,.secfirst p{line-height:1.7}
.lead-answer{font-size:17px;color:#333}
.secpad h2{margin-top:36px;margin-bottom:14px;color:var(--ae-ink)}
.secpad h2:first-child{margin-top:0}
h2.sech{font-size:36px}
@media (max-width:1000px){h2.sech{font-size:28px}}

/* Widoczny fokus dla klawiatury */
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #f5b400;outline-offset:2px;border-radius:4px}

/* Karta „w skrócie” obok długiego tekstu */
.facts-card{background:#fff;border:1px solid var(--ae-line);border-radius:18px;padding:24px 24px 20px;box-shadow:0 8px 24px rgba(17,34,68,.06);margin-top:20px}
@media (min-width:1200px){.facts-card{position:sticky;top:130px}}
.facts-title{font-size:21px;font-weight:500;color:var(--ae-ink);margin-bottom:12px}
.facts-list{margin:0 0 18px}
.facts-list dt{font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:#6b7380;font-weight:500;margin-top:12px}
.facts-list dd{margin:2px 0 0;color:var(--ae-ink);font-size:16px;line-height:1.5}
.facts-list small{color:#6b7380}
.facts-card .btn-block{white-space:normal}

/* Fasada zamiast osadzonego wideo Facebook (szybsze ładowanie) */
.video-card{display:flex;align-items:center;gap:14px;margin-top:10px;padding:14px 18px;border:1px solid var(--ae-line);border-radius:16px;background:#fff;color:var(--ae-ink);text-decoration:none;transition:box-shadow .2s,border-color .2s}
.video-card:hover,.video-card:focus{text-decoration:none;color:var(--ae-ink);border-color:var(--ae-blue);box-shadow:0 6px 18px rgba(51,103,179,.15)}
.video-card-play{flex:0 0 46px;height:46px;border-radius:50%;background:var(--ae-blue);color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;padding-left:3px}

/* Kroki naprawy bezgotówkowej */
.secsteps{background:var(--ae-soft)}
.steps-list{list-style:none;padding:0;margin-top:10px;counter-reset:none}
.steps-list li{margin-bottom:20px}
.steps-list li>strong{display:block;font-size:19px;font-weight:500;color:var(--ae-ink);margin:12px 0 6px}
.steps-list li p{margin:0;color:var(--ae-text)}
.step-no{display:inline-flex;width:44px;height:44px;border-radius:50%;background:var(--ae-blue);color:#fff;font-weight:500;font-size:19px;align-items:center;justify-content:center}
@media (min-width:992px){.steps-list{display:flex}.steps-list li{float:none}}

/* FAQ */
.secfaq{padding-top:50px;padding-bottom:60px}
.faq-item{border:1px solid var(--ae-line);border-radius:14px;margin-bottom:12px;background:#fff;overflow:hidden}
.faq-item summary{cursor:pointer;list-style:none;padding:18px 54px 18px 22px;font-size:18px;font-weight:500;color:var(--ae-ink);position:relative}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";position:absolute;right:22px;top:50%;transform:translateY(-50%);font-size:26px;line-height:1;color:var(--ae-blue)}
.faq-item[open] summary::after{content:"–"}
.faq-item[open] summary{color:var(--ae-blue)}
.faq-item p{padding:0 22px 20px;margin:0}
.faq-more{margin-top:18px}

/* Stopka – godziny otwarcia przy adresie */
.footer address{margin:0;font-style:normal}
.contact-hours{color:#fff;opacity:.85;font-size:15px;margin-top:4px}

/* Telefon: przycisk „Zadzwoń” nie zasłania końca strony */
@media (max-width:767px){body{padding-bottom:70px}.facts-card{margin-top:30px}}
.ulcheck li a{color:var(--ae-blue)}