/* Strona /reklama/ - oferta reklamowa Biblijni.pl. Paleta i fonty jak w całym serwisie (niebieski + pomarańczowy akcent). */
:root {
  --blue:#1a5fb4; --blue-dark:#0f3a80; --blue-mid:#2471c8;
  --blue-light:#e8f0fb; --blue-lighter:#f2f6fd;
  --orange:#e07b27; --orange-dark:#b75e12; --navy:#0d1f3c;
  --text:#1c1c2e; --muted:#4e5468; --border:#dde3ee;
  --white:#fff; --bg:#f6f9fd;
  --green:#2d8a2d; --red:#c53030; --gold:#c9a84c;
  --hh:72px;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-padding-top:calc(var(--hh) + 16px);}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth;}}
body{font-family:'Source Sans 3',sans-serif;color:var(--text);background:var(--white);line-height:1.6;overflow-x:hidden;}
img{max-width:100%;height:auto;display:block;}
button,input,select,textarea{font:inherit;}
a{color:var(--blue);}
h1,h2,h3,h4{font-family:'Lora',serif;color:var(--navy);line-height:1.25;}
:focus-visible{outline:3px solid var(--blue);outline-offset:2px;border-radius:4px;}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}
.skip-link{position:absolute;left:12px;top:-60px;background:#fff;color:var(--blue-dark);padding:10px 16px;border-radius:8px;z-index:400;font-weight:700;box-shadow:0 4px 14px rgba(0,0,0,.2);}
.skip-link:focus{top:10px;}
[id]{scroll-margin-top:calc(var(--hh) + 16px);}

/* ── Przyciski: główny (zapytaj/wyślij) i drugorzędny (zobacz/przejdź) ── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 24px;border-radius:9px;font-weight:700;font-size:16px;line-height:1.2;text-decoration:none;cursor:pointer;border:2px solid transparent;transition:background .2s,border-color .2s,color .2s;text-align:center;}
.btn-primary{background:var(--blue);color:#fff;border-color:var(--blue);}
.btn-primary:hover{background:var(--blue-dark);border-color:var(--blue-dark);}
.btn-secondary{background:#fff;color:var(--blue);border-color:var(--blue);}
.btn-secondary:hover{background:var(--blue-light);}
.btn-sm{min-height:44px;padding:9px 18px;font-size:15px;}
.btn[disabled]{opacity:.65;cursor:not-allowed;}

/* ── Nagłówek ── */
.site-header{background:rgba(255,255,255,.96);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:200;height:var(--hh);box-shadow:0 1px 8px rgba(0,0,0,.06);}
.hdr-inner{max-width:1228px;margin:0 auto;height:100%;padding:0 24px;display:flex;align-items:center;gap:20px;}
.logo{display:flex;align-items:center;flex-shrink:0;}
.logo img{height:48px;width:auto;}
.hdr-nav{margin-left:auto;}
.hdr-nav ul{display:flex;gap:22px;list-style:none;align-items:center;}
.hdr-nav a{text-decoration:none;color:var(--muted);font-size:15px;font-weight:600;white-space:nowrap;padding:8px 2px;}
.hdr-nav a:hover{color:var(--blue);}
.hdr-cta{flex-shrink:0;}
.nav-toggle{display:none;background:none;border:1.5px solid var(--border);border-radius:8px;cursor:pointer;width:44px;height:44px;padding:0;align-items:center;justify-content:center;flex-direction:column;gap:5px;}
.nav-toggle span{display:block;width:20px;height:2px;background:var(--navy);border-radius:2px;}

/* ── Pierwszy ekran ── */
.hero-wrap{position:relative;overflow:hidden;background:#e9f1ff url('Grafiki/hero-niebo.jpg') center/cover no-repeat;}
.hero-wrap::before{content:'';position:absolute;inset:0;background:linear-gradient(160deg,rgba(242,246,253,.88) 0%,rgba(242,246,253,.9) 55%,rgba(235,243,255,.94) 100%);}
.hero{position:relative;max-width:1228px;margin:0 auto;padding:44px 24px 36px;display:grid;grid-template-columns:1.02fr .98fr;gap:44px;align-items:center;}
.eyebrow{font-size:14px;font-weight:700;color:var(--blue);letter-spacing:.1em;margin-bottom:12px;display:flex;align-items:center;gap:10px;}
.eyebrow::before{content:'';width:26px;height:3px;background:var(--orange);border-radius:2px;flex-shrink:0;}
.hero h1{font-size:clamp(30px,3.6vw,42px);font-weight:700;margin-bottom:14px;}
.lead{font-size:17.5px;color:var(--muted);margin-bottom:24px;max-width:560px;}
.hero-btns{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:12px;}
.micro{font-size:14.5px;color:var(--muted);}
.micro-odp{font-weight:600;color:var(--navy);}

.places{margin:0;}
.places-frame{position:relative;border-radius:14px;overflow:hidden;border:1px solid var(--border);box-shadow:0 18px 48px rgba(26,95,180,.18);background:#fff;}
.places-frame img{width:100%;}
.places-tag{display:inline-block;background:var(--orange-dark);color:#fff;font-size:13.5px;font-weight:700;padding:5px 12px;border-radius:7px;margin-bottom:10px;}
.place-mark{position:absolute;border:2.5px solid var(--orange);border-radius:8px;background:rgba(224,123,39,.12);}
.place-mark span{position:absolute;left:-2px;top:-2px;min-width:26px;height:26px;border-radius:8px 0 8px 0;background:var(--orange-dark);color:#fff;font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center;}
.places figcaption{margin-top:10px;font-size:14px;color:var(--muted);}
.places-list{list-style:none;display:flex;flex-wrap:wrap;gap:4px 18px;margin-top:6px;}
.places-list li{display:flex;align-items:center;gap:7px;}
.places-list b{width:22px;height:22px;border-radius:6px;background:var(--orange-dark);color:#fff;font-size:13px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;}

/* ── Liczby ── */
.stats{position:relative;max-width:1228px;margin:0 auto;padding:0 24px 34px;}
.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.stat{background:#fff;border:1px solid var(--border);border-radius:14px;padding:16px 20px;box-shadow:0 2px 10px rgba(26,95,180,.06);}
.stat-val{font-family:'Lora',serif;font-size:30px;font-weight:700;color:var(--blue);line-height:1.15;}
.stat-lbl{font-size:16px;font-weight:600;color:var(--navy);}
.stat-note{font-size:13.5px;color:var(--muted);margin-top:2px;line-height:1.4;}
.stats-meta{margin-top:12px;font-size:13.5px;color:var(--muted);line-height:1.5;}
.stats-meta strong{color:var(--navy);}
.hist{margin-top:8px;font-size:13.5px;color:var(--muted);}

/* ── Sekcje ── */
.sec{padding:64px 24px;}
.sec-alt{background:var(--bg);}
.sec-inner{max-width:1180px;margin:0 auto;}
.sec-title{font-size:clamp(24px,2.6vw,30px);font-weight:700;margin-bottom:10px;}
.sec-sub{font-size:17px;color:var(--muted);margin-bottom:32px;max-width:760px;}
.center{text-align:center;margin-left:auto;margin-right:auto;}

/* Dla kogo */
.aud-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px;}
.aud-card{background:var(--bg);border:1px solid var(--border);border-radius:14px;padding:22px 20px;}
.aud-card svg{margin-bottom:12px;}
.aud-card h3{font-size:17px;margin-bottom:6px;font-family:'Source Sans 3',sans-serif;font-weight:700;color:var(--blue);}
.aud-card p{font-size:15px;color:var(--muted);}
.aud-note{font-size:14.5px;color:var(--muted);margin-bottom:18px;}
.aud-other{display:flex;align-items:center;gap:18px;flex-wrap:wrap;background:var(--blue-light);border:1px solid #b8d0f0;border-radius:14px;padding:18px 22px;}
.aud-other p{font-size:16.5px;font-weight:600;color:var(--navy);flex:1;min-width:240px;}

/* Formy: porównanie obok siebie (subgrid trzyma równe wiersze), na telefonie jedna pod drugą */
.forms-grid{display:grid;grid-template-columns:repeat(var(--n,2),minmax(0,1fr));gap:0 22px;}
.form-card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:22px 22px 24px;display:grid;grid-row:span 8;grid-template-rows:subgrid;row-gap:0;box-shadow:0 8px 24px rgba(26,95,180,.07);}
.form-head{display:flex;align-items:center;gap:14px;padding-bottom:14px;}
.form-head img{width:84px;height:auto;border-radius:8px;border:1px solid var(--border);flex-shrink:0;}
.form-head h3{font-size:21px;}
.form-lead{font-size:15px;color:var(--muted);padding-bottom:12px;}
.form-lead:empty{padding:0;}
.form-row{border-top:1px solid var(--border);padding:12px 0;}
.form-row h4{font-family:'Source Sans 3',sans-serif;font-size:13.5px;font-weight:700;color:var(--blue);margin-bottom:4px;}
.form-row p{font-size:15px;color:var(--text);}
.form-extra{font-size:14.5px;font-weight:600;color:var(--navy);}
.form-actions{border-top:1px solid var(--border);padding-top:16px;align-self:end;}

.sub-h{font-size:22px;margin:44px 0 6px;}
.sub-lead{font-size:16px;color:var(--muted);margin-bottom:20px;max-width:760px;}
.var-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.var-card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:22px 20px;display:flex;flex-direction:column;gap:8px;}
.var-card h4{font-size:19px;}
.var-card p{font-size:15.5px;color:var(--muted);flex:1;}
.var-price{font-weight:700;color:var(--navy);}
.var-note{font-size:14px;color:var(--muted);margin-top:14px;}

.excl{margin-top:36px;display:flex;gap:18px;align-items:flex-start;background:#fffaf0;border:1px solid #ead9a8;border-left:5px solid var(--gold);border-radius:12px;padding:20px 24px;}
.excl svg{flex-shrink:0;margin-top:2px;}
.excl h3{font-size:19px;margin-bottom:4px;}
.excl p{font-size:15.5px;color:var(--text);}
.excl p + p{color:var(--muted);margin-top:4px;font-size:14.5px;}

/* Raport */
.rep-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:center;}
.rep-list{list-style:none;display:grid;gap:10px;margin:16px 0 22px;}
.rep-list li{display:flex;gap:10px;font-size:16px;}
.rep-list li::before{content:'';width:9px;height:9px;border-radius:50%;background:var(--orange);margin-top:9px;flex-shrink:0;}
.rep-mock{background:#fff;border:1px solid var(--border);border-radius:16px;padding:20px;box-shadow:0 16px 40px rgba(26,95,180,.12);position:relative;}
.rep-chip{display:inline-block;background:var(--navy);color:#fff;font-size:13.5px;font-weight:700;padding:5px 12px;border-radius:7px;margin-bottom:14px;}
.rep-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px;}
.rep-card{background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:10px 12px;}
.rep-card b{display:block;font-family:'Lora',serif;font-size:21px;color:var(--blue);}
.rep-card span{font-size:13px;color:var(--muted);}
.rep-chart{border:1px solid var(--border);border-radius:10px;padding:10px 12px;margin-bottom:14px;}
.rep-chart p{font-size:13px;color:var(--muted);margin-bottom:4px;}
.rep-chart svg{width:100%;height:auto;display:block;}
.rep-tables{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.rep-tables table{width:100%;border-collapse:collapse;font-size:13.5px;}
.rep-tables caption{text-align:left;font-weight:700;color:var(--navy);padding-bottom:4px;font-size:13.5px;}
.rep-tables th,.rep-tables td{padding:4px 6px;border-bottom:1px solid var(--border);text-align:left;font-weight:400;}
.rep-tables td:last-child,.rep-tables th:last-child{text-align:right;}
.rep-foot{margin-top:12px;font-size:13.5px;color:var(--muted);}

/* Planowanie i kalkulator */
.plan-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:36px;align-items:start;}
.plan-list{list-style:none;display:grid;gap:12px;margin-top:6px;}
.plan-list li{display:grid;grid-template-columns:28px 1fr;gap:12px;font-size:16px;}
.plan-list svg{margin-top:2px;}
.plan-list b{color:var(--navy);}
.calc{background:#fff;border:1px solid var(--border);border-radius:18px;padding:26px 26px 24px;box-shadow:0 14px 36px rgba(26,95,180,.1);}
.calc h3{font-size:22px;margin-bottom:12px;}
.calc-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:6px;}
.calc-row label{font-size:15px;font-weight:700;color:var(--navy);}
.calc-out{font-family:'Lora',serif;font-size:24px;font-weight:700;color:var(--blue);}
.calc input[type=range]{width:100%;accent-color:var(--blue);height:30px;cursor:pointer;}
.calc-scale{display:flex;justify-content:space-between;font-size:13px;color:var(--muted);margin-bottom:16px;}
.calc-result{background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:14px 16px;margin-bottom:12px;}
.calc-result .v{font-family:'Lora',serif;font-size:28px;font-weight:700;color:var(--blue);line-height:1.2;}
.calc-result .l{font-size:15px;color:var(--navy);font-weight:600;}
.calc-basis{font-size:14.5px;color:var(--text);margin-bottom:8px;}
.calc-basis strong{color:var(--navy);}
.calc-assume{font-size:13.5px;color:var(--muted);padding-left:18px;margin:0 0 12px;}
.calc-assume li{margin-bottom:3px;}
.calc-def{font-size:14px;color:var(--muted);border-top:1px solid var(--border);padding-top:10px;margin-bottom:16px;}
.calc .btn{width:100%;}

/* Proces */
.steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;counter-reset:krok;}
.step{background:#fff;border:1px solid var(--border);border-radius:14px;padding:22px 22px 24px;position:relative;counter-increment:krok;}
.step::before{content:counter(krok);display:flex;width:36px;height:36px;border-radius:50%;background:var(--blue);color:#fff;font-weight:700;align-items:center;justify-content:center;margin-bottom:12px;}
.step h3{font-size:19px;margin-bottom:6px;}
.step p{font-size:15.5px;color:var(--muted);}

/* FAQ */
.faq-list{max-width:860px;display:grid;gap:10px;}
.faq-item{background:#fff;border:1px solid var(--border);border-radius:12px;}
.faq-item summary{list-style:none;cursor:pointer;padding:16px 52px 16px 20px;font-weight:700;font-size:16.5px;color:var(--navy);position:relative;min-height:52px;display:flex;align-items:center;}
.faq-item summary::-webkit-details-marker{display:none;}
.faq-item summary::after{content:'+';position:absolute;right:16px;top:50%;transform:translateY(-50%);width:26px;height:26px;border-radius:50%;background:var(--blue-light);color:var(--blue);display:flex;align-items:center;justify-content:center;font-size:19px;font-weight:700;}
.faq-item[open] summary::after{content:'-';background:var(--blue);color:#fff;}
.faq-item summary:hover{color:var(--blue);}
.faq-a{padding:0 20px 18px;font-size:16px;color:var(--muted);}
.faq-a p + p{margin-top:8px;}

/* Kontakt i formularz */
.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:44px;align-items:start;}
.contact-left h2{font-size:clamp(25px,2.8vw,31px);margin-bottom:12px;}
.contact-left > p{font-size:16.5px;color:var(--muted);margin-bottom:20px;}
.contact-links{display:grid;gap:10px;margin-bottom:18px;}
.contact-links a{display:flex;align-items:center;gap:12px;min-height:48px;padding:8px 14px;background:var(--bg);border:1px solid var(--border);border-radius:10px;font-size:17px;font-weight:600;color:var(--navy);text-decoration:none;}
.contact-links a:hover{border-color:var(--blue);color:var(--blue);}
.contact-resp{font-size:15px;color:var(--muted);}
.form-box{background:#fff;border:1px solid var(--border);border-radius:18px;padding:26px;box-shadow:0 14px 36px rgba(26,95,180,.1);}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 14px;}
.hp-field{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;pointer-events:none;}
.fg{display:flex;flex-direction:column;gap:5px;min-width:0;}
.fg.full{grid-column:1/-1;}
.fg label,.fg-label{font-size:15px;font-weight:700;color:var(--navy);}
.fg .req{color:var(--red);}
.fg .opt{font-weight:400;color:var(--muted);font-size:14px;}
.fg input,.fg select,.fg textarea{width:100%;min-height:48px;border:1.5px solid #9aa6bd;border-radius:9px;padding:10px 13px;font-size:16px;color:var(--text);background:#fff;}
.fg input:focus,.fg select:focus,.fg textarea:focus{border-color:var(--blue);outline:3px solid rgba(26,95,180,.28);outline-offset:0;}
.fg textarea{resize:vertical;min-height:104px;}
.fg-hint{font-size:13.5px;color:var(--muted);}
.fg-err{font-size:14.5px;color:var(--red);font-weight:600;display:none;}
.fg.err .fg-err{display:block;}
.fg.err input,.fg.err select,.fg.err textarea{border-color:var(--red);}
.fg .fg-rodo{display:flex;gap:10px;align-items:flex-start;font-size:14px;font-weight:400;color:var(--muted);line-height:1.5;cursor:pointer;}
.fg-rodo input{width:22px;height:22px;min-height:0;margin-top:1px;flex-shrink:0;accent-color:var(--blue);}
.fg-rodo a{color:var(--blue);}
.form-chip{grid-column:1/-1;display:none;background:var(--blue-light);border:1px solid #b8d0f0;border-radius:10px;padding:10px 14px;font-size:15px;color:var(--navy);}
.form-chip.show{display:block;}
.form-error{display:none;grid-column:1/-1;background:#fdecec;border:1px solid #f0b3b3;color:#8e1f1f;border-radius:10px;padding:14px 16px;font-size:15px;}
.form-error.show{display:block;}
.form-error a{color:#8e1f1f;font-weight:700;}
.form-req{grid-column:1/-1;font-size:13.5px;color:var(--muted);}
.btn-submit{grid-column:1/-1;width:100%;}
.form-success{display:none;text-align:center;padding:30px 12px;}
.form-success.show{display:block;}
.form-success h3{font-size:22px;margin:12px 0 8px;}
.form-success p{font-size:16px;color:var(--muted);}
.noscript-info{grid-column:1/-1;background:#fff7e6;border:1px solid #f0d49a;border-radius:10px;padding:12px 14px;font-size:15px;}

/* Zasady akceptacji */
.rules{max-width:860px;}
.rules p{font-size:16px;color:var(--text);margin-bottom:10px;}
.rules details{background:#fff;border:1px solid var(--border);border-radius:12px;}
.rules summary{cursor:pointer;padding:14px 18px;font-weight:700;color:var(--blue);min-height:48px;display:flex;align-items:center;}
.rules-body{padding:0 18px 16px;}
.excl-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;list-style:none;margin:8px 0 14px;}
.excl-list li{font-size:15px;color:var(--muted);padding:8px 12px;background:var(--bg);border-radius:8px;border:1px solid var(--border);}
.rules-body p{font-size:15px;color:var(--muted);}

/* Stopka */
.site-footer{background:var(--navy);color:#fff;padding:32px 24px;}
.footer-inner{max-width:1180px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:18px 28px;flex-wrap:wrap;}
.footer-logo{display:flex;align-items:center;gap:10px;}
.footer-logo img{width:36px;height:36px;object-fit:contain;}
.fl-name{font-family:'Lora',serif;font-size:17px;font-weight:700;}
.fl-sub{font-size:13px;opacity:.75;}
.ft{font-size:13.5px;opacity:.75;}
.fl-links{display:flex;gap:6px 22px;flex-wrap:wrap;}
.fl-links a{font-size:14px;color:#fff;opacity:.85;text-decoration:underline;text-underline-offset:3px;}
.fl-links a:hover{opacity:1;}
.site-footer :focus-visible{outline-color:#fff;}

/* Animacje: tylko lekkie wejście sekcji i tylko gdy JS działa; bez JS i przy "ogranicz ruch" wszystko jest od razu widoczne. */
@media (prefers-reduced-motion:no-preference){
  .js .fi{opacity:0;transform:translateY(14px);transition:opacity .5s ease,transform .5s ease;}
  .js .fi.vis{opacity:1;transform:none;}
}

/* ── Karty form: podgląd, szczegóły rozwijane ── */
.form-title{font-size:21px;padding-bottom:12px;}
.form-preview{margin:0 0 4px;}
.form-preview img{width:100%;aspect-ratio:2.78/1;object-fit:contain;object-position:center;border:1px solid var(--border);border-radius:10px;background:var(--blue-lighter);}
.form-preview figcaption{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0 12px;}
.preview-tag{display:inline-block;background:var(--orange-dark);color:#fff;font-size:13px;font-weight:700;padding:3px 10px;border-radius:6px;}
.form-extra-wrap{padding:0;}
.form-extra-wrap:empty{display:none;}
.form-extra-wrap .form-extra{padding:0 0 10px;}
.form-details{border-top:1px solid var(--border);}
.form-details summary{list-style:none;cursor:pointer;padding:12px 0;font-weight:700;color:var(--blue);display:flex;align-items:center;gap:8px;min-height:46px;}
.form-details summary::-webkit-details-marker{display:none;}
.form-details summary::before{content:'+';display:inline-flex;width:22px;height:22px;border-radius:50%;background:var(--blue-light);align-items:center;justify-content:center;font-size:16px;line-height:1;}
.form-details[open] summary::before{content:'-';background:var(--blue);color:#fff;}
.form-details .form-row-in{border-top:1px dashed var(--border);}
.form-details .form-row-in:last-child{padding-bottom:12px;}

/* Okno podglądu */
.preview-dialog{margin:auto;border:none;border-radius:16px;padding:18px 20px 20px;width:min(980px,calc(100vw - 24px));max-height:calc(100vh - 24px);box-shadow:0 24px 70px rgba(13,31,60,.45);}
.preview-dialog::backdrop{background:rgba(13,31,60,.6);}
.preview-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;}
.preview-dialog-head h2{font-size:21px;}
.preview-dialog img{width:100%;height:auto;max-height:calc(100vh - 170px);object-fit:contain;border:1px solid var(--border);border-radius:10px;background:var(--blue-lighter);}
.preview-note{margin-top:10px;font-size:15px;color:var(--muted);}

/* Kalkulator: pole liczbowe, szybkie kwoty, komunikaty */
.calc-field{display:flex;align-items:center;gap:6px;}
.calc-field input{width:9.5em;min-height:48px;text-align:right;font-family:'Lora',serif;font-size:22px;font-weight:700;color:var(--blue);border:1.5px solid #9aa6bd;border-radius:9px;padding:6px 12px;background:#fff;}
.calc-field input:focus{border-color:var(--blue);outline:3px solid rgba(26,95,180,.28);outline-offset:0;}
.calc-field input[aria-invalid="true"]{border-color:var(--red);}
.calc-unit{font-size:18px;font-weight:700;color:var(--navy);}
.calc-quick{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px;}
.chip-quick{min-height:44px;padding:8px 14px;border:1.5px solid var(--blue);border-radius:999px;background:#fff;color:var(--blue);font-weight:700;font-size:15px;cursor:pointer;}
.chip-quick:hover{background:var(--blue-light);}
.chip-quick[aria-pressed="true"]{background:var(--blue);color:#fff;}
.calc-hint{font-size:13.5px;color:var(--muted);margin-bottom:6px;}
.calc-err{font-size:14.5px;font-weight:600;color:var(--red);min-height:0;margin-bottom:6px;}
.calc-err:empty{display:none;}
.calc.invalid .calc-result{opacity:.45;}
.btn[aria-disabled="true"]{opacity:.55;cursor:not-allowed;}

/* Formularz: szczegóły opcjonalne i podsumowanie wyboru */
.form-chip{align-items:center;gap:8px 12px;flex-wrap:wrap;}
.form-chip.show{display:flex;}
.chip-btn{min-height:40px;padding:6px 14px;border:1.5px solid var(--blue);border-radius:8px;background:#fff;color:var(--blue);font-weight:700;font-size:14.5px;cursor:pointer;}
.chip-btn:hover{background:var(--blue-light);}
.form-chip:not(.show) .chip-btn{display:none;}
.form-more{grid-column:1/-1;border:1px solid var(--border);border-radius:10px;background:var(--bg);}
.form-more summary{list-style:none;cursor:pointer;padding:12px 16px;font-weight:700;color:var(--blue);min-height:48px;display:flex;align-items:center;gap:8px;}
.form-more summary::-webkit-details-marker{display:none;}
.form-more summary::before{content:'+';display:inline-flex;width:22px;height:22px;border-radius:50%;background:var(--blue-light);align-items:center;justify-content:center;font-size:16px;line-height:1;flex-shrink:0;}
.form-more[open] summary::before{content:'-';background:var(--blue);color:#fff;}
.form-more-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:4px 16px 16px;}
.form-more-grid .fg.full{grid-column:1/-1;}

.stats-preview{background:#fff3cd;border:1px solid #e6c866;color:#5c4400;border-radius:10px;padding:10px 14px;margin-bottom:12px;font-size:14.5px;}

/* ── Responsywność ── */
@media(max-width:1080px){
  .hdr-nav a{font-size:14.5px;}
  .hdr-nav ul{gap:16px;}
  .aud-grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:980px){
  :root{--hh:64px;}
  .logo img{height:40px;}
  .hdr-nav{position:fixed;top:var(--hh);left:0;right:0;background:#fff;border-bottom:1px solid var(--border);box-shadow:0 12px 24px rgba(0,0,0,.1);padding:8px 24px 14px;display:none;margin:0;}
  .hdr-nav.open{display:block;}
  .hdr-nav ul{flex-direction:column;align-items:stretch;gap:0;}
  .hdr-nav a{display:block;padding:13px 4px;border-bottom:1px solid var(--blue-lighter);font-size:16px;}
  .hdr-cta{margin-left:auto;}
  .nav-toggle{display:flex;}
  .hero{grid-template-columns:1fr;gap:26px;padding:30px 22px 26px;}
  .stats{padding:0 22px 28px;}
  .rep-grid,.plan-grid,.contact-grid{grid-template-columns:1fr;gap:28px;}
  /* telefon: formularz tuż pod nagłówkiem sekcji, dane kontaktowe pod formularzem (krótsza droga do pola) */
  .contact-grid{gap:14px;}
  .contact-left{display:contents;}
  .contact-left h2{order:1;margin-bottom:0;}
  .contact-left > p.contact-lead{order:2;margin-bottom:6px;}
  .form-box{order:3;}
  .contact-links{order:4;margin:10px 0 0;}
  .contact-resp{order:5;}
  .var-grid,.steps{grid-template-columns:1fr;}
  .forms-grid{grid-template-columns:1fr;gap:18px;}
  .form-card{grid-row:auto;display:block;}
  .form-row:first-of-type{margin-top:0;}
  .form-actions{margin-top:4px;}
}
@media(max-width:640px){
  .sec{padding:46px 20px;}
  .hero{padding:26px 20px 22px;}
  .stats{padding:0 20px 24px;}
  .stats-grid{grid-template-columns:1fr;gap:10px;}
  .stat{padding:12px 16px;display:grid;grid-template-columns:auto 1fr;column-gap:14px;align-items:center;}
  .stat-val{font-size:26px;grid-row:span 2;}
  .stat-note{grid-column:2;}
  .aud-grid{grid-template-columns:1fr;}
  .form-grid,.form-more-grid{grid-template-columns:1fr;}
  .form-box{padding:20px 16px;}
  .calc{padding:20px 16px;}
  .calc-row{flex-direction:column;align-items:flex-start;}
  .calc-field{width:100%;}
  .calc-field input{flex:1;width:auto;}
  .excl{flex-direction:column;gap:10px;}
  .excl-list{grid-template-columns:1fr;}
  .rep-cards{grid-template-columns:1fr 1fr 1fr;}
  .rep-tables{grid-template-columns:1fr;}
  .hero-btns .btn{width:100%;}
  .hdr-inner{padding:0 16px;gap:12px;}
  .hdr-cta{padding:8px 12px;font-size:14px;}
  .footer-inner{flex-direction:column;text-align:center;}
  .fl-links{justify-content:center;}
}
@media(max-width:380px){
  .hdr-cta{font-size:13px;padding:8px 10px;}
  .logo img{height:34px;}
}
@media print{.site-header,.hdr-cta{display:none;}}
