/*
Theme Name: Eksięgowy
Theme URI: https://eksiegowy.pl
Author: Michał Glinkowski / Claude
Description: Autorski motyw marki Eksięgowy. Szata A „Redakcja finansowa” (zaakceptowana 14.08.2026): papier #F7F6F2, linie redakcyjne zamiast kart, fotografia zamiast ilustracji, granatowe momenty (kalkulator, gwarancja). Paleta z księgi znaku (2019): błękit #004595, czerwień #E5314A (Pantone 710 C), grafit #1D2731. Typografia Open Sans + IBM Plex Mono. Zero !important.
Version: 2.0.0
Text Domain: eksiegowy
*/

/* Kotwica marki: body dostaje klasę .ek-strona (functions.php).
   Prefiks klas własnych: ek- */
:root{
  --navy:#0B2B4A; --navy-2:#0E3557; --ink:#1D2731; --ink2:#4A5A6B;
  --blue:#1D67AC; --blue-deep:#004595; --red:#E5314A; --red-deep:#C22239;
  --paper:#F7F6F2; --white:#FFFFFF; --gold:#F5B301;
  --line:rgba(29,39,49,.13); --line-soft:rgba(29,39,49,.07);
  --linia-n:rgba(232,239,247,.14);
  --r:12px;
  --sans:'Open Sans',system-ui,sans-serif; --mono:'IBM Plex Mono',ui-monospace,monospace;
  --ease:cubic-bezier(.32,.72,0,1);
  --wrap:1200px;
}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth}
body{font-family:var(--sans);color:var(--ink);background:var(--paper);line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:clip}
img{max-width:100%;display:block}
a{color:inherit}
:focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:4px}
.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:clamp(20px,4vw,36px)}
section{padding-block:clamp(76px,8vw,112px)}
h1,h2,h3{line-height:1.12;letter-spacing:-.025em;font-weight:800;text-wrap:balance}
h1{font-size:clamp(2.2rem,4.4vw,3.5rem)}
h2{font-size:clamp(1.65rem,3vw,2.35rem);max-width:26ch}
h3{font-size:1.12rem;letter-spacing:-.015em}
p{max-width:64ch;color:var(--ink2);text-wrap:pretty}
.num{font-family:var(--mono);font-variant-numeric:tabular-nums}
.eyebrow{font-family:var(--mono);font-weight:500;font-size:.74rem;letter-spacing:.18em;text-transform:uppercase;color:var(--blue-deep);display:block;margin:0 0 16px;max-width:none}
.head{margin-bottom:42px}
.head p{margin-top:12px}
.head .eyebrow{margin-top:0}
.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:16px;z-index:99;background:var(--navy);color:#fff;padding:10px 16px;border-radius:8px}
.rv{opacity:0;transform:translateY(18px)}
.rv.in{opacity:1;transform:none;transition:opacity .7s var(--ease),transform .7s var(--ease)}

/* przyciski */
.btn{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:.95rem;text-decoration:none;border-radius:var(--r);padding:15px 26px;border:0;cursor:pointer;font-family:var(--sans);transition:transform .25s var(--ease),box-shadow .25s var(--ease)}
.btn:hover{transform:translateY(-2px)}
.btn:active{transform:translateY(0) scale(.98)}
.btn-primary{background:var(--red);color:#fff;box-shadow:0 14px 30px -16px rgba(229,49,74,.55)}
.btn-ghost{border:1px solid var(--line);color:var(--ink);background:transparent}
.btn-ghost:hover{border-color:var(--ink)}
.btn-blue{background:var(--blue-deep);color:#fff}
.btn.wide{width:100%;justify-content:center}
.btn.small{padding:11px 20px;font-size:.88rem}
.ic{font-weight:400}

/* ===== nawigacja: pasek na linii ===== */
.navwrap{position:sticky;top:0;z-index:60;background:rgba(247,246,242,.9);backdrop-filter:blur(10px);border-bottom:1px solid var(--line-soft)}
body.admin-bar .navwrap{top:32px}
.nav{max-width:var(--wrap);margin-inline:auto;padding-inline:clamp(20px,4vw,36px);display:flex;align-items:center;gap:24px;height:70px}
.nav img{height:30px;width:auto;display:block}
ul.nav-links{display:flex;gap:24px;list-style:none;padding:0;margin:0 auto 0 4px;font-size:.92rem;font-weight:600}
.nav-links li{display:block}
.nav-links a{text-decoration:none;color:var(--ink2);white-space:nowrap}
.nav-links a:hover{color:var(--ink)}
.nav-links .sub-menu{display:none}
.nav-tel{font-family:var(--mono);font-size:.88rem;color:var(--ink);text-decoration:none;white-space:nowrap}
.burger{display:none}

/* ===== menu mobilne ===== */
.ek-menu-mobilne{position:fixed;inset:0;z-index:80;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;background:rgba(11,43,74,.97);opacity:0;pointer-events:none;transition:opacity .4s var(--ease)}
.ek-menu-mobilne.otwarte{opacity:1;pointer-events:auto}
.ek-menu-mobilne ul{list-style:none;margin:0;padding:0;display:grid;gap:6px;text-align:center}
.ek-menu-mobilne a{color:#fff;text-decoration:none;font-weight:800;font-size:1.5rem;padding:10px 18px;display:block}
.ek-menu-mobilne a:focus-visible,.ek-menu-mobilne a:hover{color:#FF9DAD}
.ek-zamknij{position:absolute;top:18px;right:18px;background:none;border:1.5px solid rgba(255,255,255,.4);color:#fff;border-radius:999px;padding:8px 16px;font:inherit;cursor:pointer}

/* ===== hero ===== */
.hero{padding-block:clamp(52px,5.5vw,84px) 0}
.hero-grid{display:grid;grid-template-columns:6.2fr 4.8fr;gap:clamp(32px,4.5vw,60px);align-items:start}
.hero h1 .akc{color:var(--blue-deep)}
.hero-lead{margin:22px 0 30px;font-size:1.07rem}
.hero-cta{display:flex;gap:14px;flex-wrap:wrap}
.risk{display:flex;gap:14px;align-items:flex-start;margin-top:30px;padding-top:22px;border-top:1px solid var(--line)}
.risk .badge{flex:none;margin-top:2px}
.risk p{font-size:.93rem;max-width:56ch}
.risk b{color:var(--ink)}
/* karta zespołu w hero: fotografie zamiast pastelowych inicjałów */
.card{background:var(--white);border:1px solid var(--line-soft);border-radius:var(--r)}
.teamcard{padding:26px;box-shadow:0 30px 60px -38px rgba(11,43,74,.35)}
.teamcard h2{font-size:1.2rem;max-width:none}
.teamcard .sub{font-size:.9rem;margin:8px 0 18px}
.person{display:flex;gap:14px;align-items:center;padding-block:11px;border-top:1px solid var(--line-soft)}
.person>span:last-child{display:flex;flex-direction:column;line-height:1.35}
.person b{font-size:.95rem;letter-spacing:-.01em}
.person span span{font-size:.8rem;color:var(--ink2)}
.ava{flex:none;width:46px;height:46px;border-radius:50%;overflow:hidden;background:#E7E4DD;display:grid;place-items:center;font-family:var(--mono);font-size:.6rem;color:#98938a}
.ava img{width:100%;height:100%;object-fit:cover}
.teamcard .more{margin-top:14px;padding-top:14px;border-top:1px solid var(--line-soft);font-size:.85rem;color:var(--ink2);display:flex;justify-content:space-between;align-items:center;gap:10px}
.teamcard .more a{font-weight:800;text-decoration:none;color:var(--blue-deep)}
/* pasek dowodów: linia redakcyjna zamiast chipów */
.proof{margin-top:clamp(44px,5vw,64px);border-block:1px solid var(--line);display:grid;grid-template-columns:repeat(6,1fr);gap:18px;padding-block:26px}
.proof .chip{display:flex;flex-direction:column}
.proof b{font-family:var(--mono);font-weight:500;font-size:1.45rem;letter-spacing:-.02em;color:var(--navy)}
.proof span{font-size:.78rem;color:var(--ink2)}

/* ===== kalkulator: granatowy moment ===== */
.calc-sec{background:linear-gradient(160deg,var(--navy),var(--navy-2));color:#E8EFF7}
.calc-sec .eyebrow{color:#8FB3D6}
.calc-sec .head h2{color:#fff}
.calc-sec .head p{color:#B9CCDF}
.calc{display:grid;grid-template-columns:1.15fr .85fr;gap:2px;background:var(--linia-n);border:1px solid var(--linia-n);border-radius:var(--r);overflow:hidden}
.calc-panel,.calc-res{background:var(--navy);padding:clamp(24px,3vw,38px)}
.calc-res{background:#0A2440}
.cq{margin-bottom:26px}
.cq:last-child{margin-bottom:0}
.ql,.cq label,.tl{display:block;font-weight:700;font-size:.95rem;color:#fff;margin-bottom:12px}
.segpick{display:flex;gap:8px;flex-wrap:wrap}
.segpick button{font-family:var(--sans);font-weight:600;font-size:.88rem;color:#C6D5E4;background:rgba(255,255,255,.05);border:1px solid var(--linia-n);border-radius:8px;padding:11px 16px;cursor:pointer}
.segpick button[aria-pressed="true"]{background:#fff;color:var(--navy);border-color:#fff}
.sliderrow{display:flex;gap:16px;align-items:center}
input[type=range]{flex:1;accent-color:var(--red)}
.sval{font-family:var(--mono);font-size:1.15rem;min-width:52px;text-align:right;color:#fff}
.hint{font-size:.78rem;color:#8FA9C4;margin-top:8px}
.stepper{display:inline-flex;align-items:center;gap:0;border:1px solid var(--linia-n);border-radius:8px;overflow:hidden}
.stepper button{width:44px;height:44px;background:rgba(255,255,255,.05);border:0;color:#fff;font-size:1.2rem;cursor:pointer}
.stepper button:hover{background:rgba(255,255,255,.12)}
.stepper output{min-width:56px;text-align:center;font-family:var(--mono);font-size:1.05rem;color:#fff}
.togglerow{display:flex;justify-content:space-between;align-items:center;gap:18px}
.togglerow .tl{margin:0}
.switch{position:relative;display:inline-block;flex:none}
.switch input{position:absolute;opacity:0;inset:0;cursor:pointer;z-index:1}
.switch .tr{display:block;width:48px;height:26px;border-radius:999px;background:rgba(255,255,255,.14);position:relative;transition:background .2s}
.switch .tr::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:left .2s}
.switch input:checked+.tr{background:var(--red)}
.switch input:checked+.tr::after{left:25px}
.pkg{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.pname{font-weight:800;font-size:1.35rem;letter-spacing:-.02em;color:#fff}
.ptag{font-family:var(--mono);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:#8FB3D6}
.psub{font-size:.85rem;color:#B9CCDF;margin-top:6px}
.bigprice{display:flex;align-items:baseline;gap:12px;margin:20px 0}
.bigprice b{font-family:var(--mono);font-weight:500;font-size:2.5rem;letter-spacing:-.03em;color:#fff}
.bigprice span{font-size:.75rem;color:#8FA9C4;line-height:1.35}
.bigprice.bump b{animation:bump .35s var(--ease)}
@keyframes bump{40%{transform:scale(1.05)}}
.breakdown{list-style:none;padding:0;margin:0 0 18px;font-size:.88rem}
.breakdown li{display:flex;justify-content:space-between;gap:14px;padding-block:9px;border-bottom:1px solid rgba(232,239,247,.09);color:#C6D5E4}
.breakdown b{font-family:var(--mono);font-weight:500;color:#fff;white-space:nowrap}
.breakdown .inc b{color:#7FC08B}
.custom-note{display:none;font-size:.88rem;color:#FFD9DF;background:rgba(229,49,74,.12);border:1px solid rgba(229,49,74,.3);border-radius:8px;padding:12px 16px;margin-bottom:16px}
.calc-res.custom .custom-note{display:block}
.calc-res.custom .breakdown,.calc-res.custom .bigprice{display:none}
.calc-disc{font-size:.72rem;color:#7E99B5;margin-top:16px}

/* ===== oferta: wiersze z linią + wirtualne biuro + odpowiedź AEO ===== */
.segcard{display:grid;grid-template-columns:1fr auto auto;gap:20px;align-items:center;padding-block:26px;border-bottom:1px solid var(--line);text-decoration:none}
.segcard:first-of-type{border-top:1px solid var(--line)}
.segcard>*{transition:transform .25s var(--ease)} /* transform zamiast padding: linie wierszy stoją, treść się przesuwa */
.segcard:hover>*{transform:translateX(10px)}
.segcard .tag{font-family:var(--mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--blue)}
.segcard h3{margin:6px 0 4px}
.segcard p{font-size:.95rem}
.segcard .row{display:flex;flex-direction:column;align-items:flex-end}
.segcard .row b{font-family:var(--mono);font-weight:500;font-size:1.2rem;color:var(--navy);white-space:nowrap}
.segcard .row span{font-size:.75rem;color:var(--ink2)}
.segcard .go{font-size:1.2rem;color:var(--red);opacity:0;transition:opacity .25s}
.segcard:hover .go{opacity:1}
.vb{display:grid;grid-template-columns:200px 1fr auto;gap:clamp(20px,3vw,36px);align-items:center;margin-top:44px;background:var(--white);border:1px solid var(--line-soft);border-radius:var(--r);padding:clamp(20px,2.5vw,30px);text-decoration:none;box-shadow:0 24px 50px -36px rgba(11,43,74,.3)}
.vb img{border-radius:8px}
.vb .nl{font-family:var(--mono);font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--red-deep);display:block;margin-bottom:8px}
.vb .il-cap{display:block;text-align:center;font-family:var(--mono);font-size:.6rem;color:var(--ink2);margin-top:6px}
.vb p{font-size:.93rem}
.vb .pr{display:flex;flex-direction:column;align-items:flex-end}
.vb .pr b{font-family:var(--mono);font-weight:500;font-size:1.2rem;color:var(--navy);white-space:nowrap}
.vb .pr span{font-size:.75rem;color:var(--ink2)}
.answer{margin-top:44px;padding:26px 30px;background:var(--white);border-left:2px solid var(--blue-deep);border-radius:0 var(--r) var(--r) 0}
.answer p{max-width:none;font-size:.97rem}

/* ===== zespół: karuzela z fotografią ===== */
.sec-bialy{background:var(--white);border-block:1px solid var(--line-soft)}
.karuzela{position:relative}
.ktor{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 4px 10px;margin:-4px -4px 0;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.ktor::-webkit-scrollbar{display:none}
.ktor.plynie{scroll-snap-type:none} /* przy płynnym autoprzewijaniu snap walczyłby z ruchem */
.pcard{background:var(--paper);border:1px solid var(--line-soft);border-radius:var(--r);overflow:hidden;transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.ktor .pcard{flex:0 0 clamp(190px,21vw,225px);scroll-snap-align:start}
.pcard:hover{transform:translateY(-4px);box-shadow:0 24px 44px -30px rgba(11,43,74,.4)}
.pcard .photo{aspect-ratio:4/5;width:100%;object-fit:cover;display:block;height:auto;filter:saturate(.92)}
.pcard div.photo{display:grid;place-items:center;background:#ECE9E2;color:#98938a;font-family:var(--mono);font-size:.68rem;text-align:center;line-height:1.5;height:auto}
.pcard .meta{padding:13px 16px 15px}
.pcard b{display:block;font-size:.93rem;letter-spacing:-.01em}
.pcard span{font-size:.78rem;color:var(--ink2)}
.knav{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:18px}
.klink{margin-right:auto;font-weight:800;text-decoration:none;color:var(--blue-deep)}
.klink:hover{text-decoration:underline}
.kbtn{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:var(--white);color:var(--navy);font-size:1.05rem;cursor:pointer;display:grid;place-items:center;transition:transform .3s var(--ease),opacity .3s}
.kbtn:hover{transform:translateY(-2px)}
.kbtn[disabled]{opacity:.35;cursor:default;transform:none}
/* siatka wszystkich osób na podstronie „Zespół” */
.tgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.tgrid-zespol{margin-top:10px}
.zespol-cta{margin-top:34px;display:flex;justify-content:center}

/* ===== start współpracy ===== */
.paths{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.path{background:var(--white);border:1px solid var(--line-soft);border-radius:var(--r);padding:clamp(24px,3vw,34px)}
.path.full{border-top:2px solid var(--blue-deep)}
.path.soft{border-top:2px solid var(--red)}
.plabel{font-family:var(--mono);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink2)}
.path h3{margin:10px 0 4px;font-size:1.3rem}
.path .psub{font-size:.9rem;color:var(--ink2)}
.path ol{margin:18px 0 0;padding-left:20px;display:grid;gap:12px;font-size:.94rem;color:var(--ink2)}
.path ol b{color:var(--ink)}
.path .btn{margin-top:22px}
.rail{margin-top:52px;padding-top:44px;border-top:1px solid var(--line)}
.rail h3{margin-bottom:28px}
.rail-track{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;position:relative}
.rail-track::before{content:"";position:absolute;top:5px;left:0;right:0;height:1px;background:var(--line)}
.rmile{position:relative;padding-top:24px}
.rmile::before{content:"";position:absolute;top:0;left:0;width:11px;height:11px;border-radius:50%;background:var(--red);outline:4px solid var(--paper)}
.rmile b{display:block;font-family:var(--mono);font-weight:500;font-size:.85rem;color:var(--navy);margin-bottom:6px}
.rmile p{font-size:.86rem}

/* ===== gwarancja: granatowy moment ze złotym „30” ===== */
.gwar{background:linear-gradient(135deg,var(--navy) 0%,var(--navy-2) 55%,#12406B 100%);color:#EAF2FB;overflow:hidden}
.gwar-grid{display:grid;grid-template-columns:auto 1fr;gap:clamp(28px,5vw,64px);align-items:center}
.gwar-tarcza img{display:block;width:clamp(230px,26vw,320px);height:auto;border-radius:26px;box-shadow:0 30px 70px -30px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.08)}
.gwar .eyebrow{color:#FF9DAD}
.gwar h2{color:#fff;max-width:21ch}
.gwar-lead{color:#C4D6E8;font-size:1.06rem;max-width:56ch}
.gwar-chipy{list-style:none;margin:22px 0 26px;padding:0;display:grid;gap:10px}
.gwar-chipy li{position:relative;padding-left:20px;font-size:.95rem;color:#DCE7F2}
.gwar-chipy li::before{content:"";position:absolute;left:0;top:.62em;width:8px;height:2px;background:var(--red)}
.gwar-cta{display:flex;align-items:center;flex-wrap:wrap;gap:18px}
.gwar-dopisek{font-size:.85rem;color:#9FB8D2;max-width:30ch}

/* ===== opinie ===== */
.reviews{columns:2;gap:18px}
.rev{break-inside:avoid;background:var(--white);border:1px solid var(--line-soft);border-radius:var(--r);padding:24px 26px;margin:0 0 18px}
.stars{color:var(--gold);letter-spacing:3px;font-size:.9rem;margin-bottom:10px}
.rev p{font-size:.94rem;max-width:none}
.rev .who{margin-top:14px;font-family:var(--mono);font-size:.72rem;color:var(--ink2)}
.rev.ph{background:transparent;border:1px dashed var(--line);color:var(--ink2);font-size:.85rem}
/* na białym tle sekcji karty opinii stoją na papierze */
.sec-bialy .rev{background:var(--paper)}
.sec-bialy .rev.ph{background:transparent}

/* ===== FAQ ===== */
.faq{display:grid;grid-template-columns:1fr 1fr;gap:0 clamp(28px,4vw,56px)}
.faq>div{padding-block:22px;border-bottom:1px solid var(--line)}
.faq h3{font-size:1rem;margin-bottom:8px}
.faq p{font-size:.93rem}

/* ===== kontakt ===== */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,70px);align-items:start}
.after{list-style:none;padding:0;margin:26px 0 0;display:grid}
.after li{display:grid;grid-template-columns:136px 1fr;gap:16px;font-size:.93rem;color:var(--ink2);padding-block:15px;border-bottom:1px solid var(--line-soft)}
.after .k{font-family:var(--mono);font-weight:500;font-size:.76rem;letter-spacing:.08em;color:var(--blue-deep)}
form.card{padding:clamp(24px,3vw,34px);box-shadow:0 30px 60px -40px rgba(11,43,74,.35);position:relative}
.sec-bialy form.card{border-color:var(--line)}
.formnote{font-size:.8rem;color:var(--ink2);margin-bottom:14px}
.prefill{display:none;font-size:.82rem;background:var(--paper);border:1px solid var(--line-soft);border-radius:8px;padding:10px 14px;margin-bottom:14px}
.prefill.on{display:block}
.field{margin-bottom:16px}
.field label{display:block;font-weight:700;font-size:.88rem;margin-bottom:7px}
.field .opt{font-weight:400;color:var(--ink2);font-size:.8rem}
.field input{width:100%;border:1px solid var(--line);border-radius:8px;padding:13px 15px;font-family:var(--sans);font-size:.95rem;background:var(--paper);color:var(--ink)}
.field input:focus{outline:2px solid var(--blue);outline-offset:1px}
.field .err{display:none;font-size:.78rem;color:var(--red-deep);margin-top:6px}
.field.bad input{border-color:var(--red-deep)}
.field.bad .err{display:block}
.checks{display:grid;gap:8px;margin:18px 0;font-size:.8rem;color:var(--ink2)}
.checks label{display:flex;gap:9px;align-items:flex-start;cursor:pointer}
.checks input{margin-top:2px;accent-color:var(--red-deep);flex:none}
.rodo{font-size:.7rem;color:var(--ink2);margin-top:14px}
.rodo a{color:var(--blue-deep)}
form .sent{display:none;text-align:center;padding:30px 10px}
form.done .fields{display:none}
form.done .sent{display:block}
form .sent b{display:block;font-size:1.2rem;margin-bottom:8px}
/* pole-pułapka: poza ekranem dla ludzi, widoczne dla botów */
.ek-pulapka{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.form-blad{font-size:.85rem;color:var(--red-deep);background:rgba(229,49,74,.07);border:1px solid rgba(229,49,74,.3);border-radius:8px;padding:11px 14px;margin-top:12px}
button[disabled].btn{opacity:.6;cursor:wait;transform:none}

/* ===== stopka ===== */
footer{background:var(--navy);color:#B9CCDF;padding-block:clamp(48px,5vw,70px) 0;font-size:.88rem}
.fgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:clamp(24px,4vw,54px)}
footer h4{color:#fff;font-size:.95rem;margin-bottom:14px}
footer a{display:block;color:#B9CCDF;text-decoration:none;padding-block:4px}
footer a:hover{color:#fff}
.fbrand p{color:#B9CCDF;max-width:36ch}
.fm{font-size:.76rem;color:#7E99B5;margin-top:10px;line-height:1.8}
.fm a{display:inline;padding:0}
.legal{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid rgba(232,239,247,.1);margin-top:44px;padding-block:22px;font-size:.78rem;color:#7E99B5}
.legal a{display:inline;color:inherit;padding:0}
.mcta{display:none}

/* ===== podstrony artykułowe (page.php / single.php) ===== */
.ek-artykul{max-width:760px;margin-inline:auto;padding:clamp(48px,7vw,88px) clamp(18px,4vw,32px)}
.ek-artykul h1{font-size:clamp(2rem,4vw,3rem);margin-bottom:18px}
.ek-artykul .ek-meta{font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--red-deep);margin-bottom:26px}
.entry-content p{margin:0 0 1rem;color:var(--ink)}
.entry-content h2{font-size:clamp(1.5rem,2.6vw,2rem);margin:44px 0 14px}
.entry-content h3{margin:32px 0 10px}
.entry-content li{color:var(--ink)}
.entry-content ul,.entry-content ol{padding-left:1.3rem;margin:0 0 1rem}
.entry-content img{border-radius:var(--r);height:auto}
.entry-content a{color:var(--blue-deep)}
.entry-content blockquote{margin:24px 0;padding:16px 22px;border-left:2px solid var(--red);background:var(--white);border-radius:0 var(--r) var(--r) 0}
.entry-content table{width:100%;border-collapse:collapse;margin:0 0 1.2rem}
.entry-content th,.entry-content td{border:1px solid var(--line);padding:10px 12px;text-align:left;font-size:.92rem}
.entry-content details{background:var(--white);border:1px solid var(--line-soft);border-radius:var(--r);padding:14px 18px;margin:0 0 10px}
.entry-content summary{cursor:pointer;font-weight:700;color:var(--navy)}

/* ===== podstrony ofertowe (page-oferta.php) ===== */
.of-hero{padding-block:clamp(52px,5.5vw,84px) 0}
.of-hero-grid{display:grid;grid-template-columns:1fr auto;gap:clamp(28px,4vw,56px);align-items:start}
.of-hero h1 .akc{color:var(--blue-deep)}
.of-cena{display:flex;flex-direction:column;align-items:flex-end;text-align:right;padding:22px 26px;background:var(--white);border:1px solid var(--line-soft);border-radius:var(--r);box-shadow:0 24px 50px -36px rgba(11,43,74,.3)}
.of-cena b{font-family:var(--mono);font-weight:500;font-size:2.1rem;letter-spacing:-.03em;color:var(--navy);white-space:nowrap}
.of-cena span{font-size:.75rem;color:var(--ink2);line-height:1.4}
.of-tresc{padding-block:clamp(56px,6vw,88px)}
.of-tresc .entry-content{max-width:980px}
.of-tresc .entry-content>p:first-child{font-size:1.07rem;max-width:64ch}
/* karty pakietów w treści (bloki grupy z klasami marki) */
.ek-pakiety{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:26px 0 10px}
.ek-pakiety>.wp-block-group__inner-container{display:contents}
.ek-pakiet{background:var(--white);border:1px solid var(--line-soft);border-radius:var(--r);padding:24px 26px;margin:0}
.ek-pakiet.polecany{border-top:2px solid var(--red)}
.ek-pakiet h3{font-size:1.02rem;margin:0}
.ek-pakiet .cena{font-family:var(--mono);font-weight:500;font-size:1.7rem;letter-spacing:-.02em;color:var(--navy);margin:10px 0 2px}
.ek-pakiet .cena-info{font-size:.72rem;color:var(--ink2)}
.ek-pakiet ul{list-style:none;padding:0;margin:16px 0 0;font-size:.88rem;color:var(--ink2)}
.ek-pakiet ul li{position:relative;padding:6px 0 6px 18px;border-top:1px solid var(--line-soft)}
.ek-pakiet ul li::before{content:"";position:absolute;left:0;top:1.05em;width:8px;height:2px;background:var(--red)}
/* CTA końcowe podstron: granatowy moment bez grafiki */
.of-cta .gwar-cta{margin-top:26px}
.of-btn-ghost{border-color:rgba(232,239,247,.35);color:#fff}
.of-btn-ghost:hover{border-color:#fff}
.of-inne .segcard:last-of-type{border-bottom:1px solid var(--line)}
@media (max-width:860px){
  .of-hero-grid{grid-template-columns:1fr}
  .of-cena{align-items:flex-start;text-align:left;justify-self:start}
  .ek-pakiety{grid-template-columns:1fr}
}

/* lista wpisów (index.php) */
.ek-lista{max-width:var(--wrap);margin-inline:auto;padding:clamp(48px,7vw,88px) clamp(18px,4vw,32px);display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}
.ek-lista .card{padding:24px;display:flex;flex-direction:column;gap:10px;text-decoration:none;color:inherit;transition:transform .25s var(--ease),box-shadow .25s var(--ease)}
.ek-lista .card:hover{transform:translateY(-3px);box-shadow:0 24px 44px -30px rgba(11,43,74,.35)}
.ek-lista time{font-family:var(--mono);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--red-deep)}

/* ===== responsywność ===== */
@media (max-width:1020px){
  .hero-grid,.contact-grid,.paths{grid-template-columns:1fr}
  .proof{grid-template-columns:repeat(3,1fr)}
  .tgrid{grid-template-columns:repeat(3,1fr)}
  ul.nav-links,.nav-tel{display:none}
  .burger{display:inline-flex;font:inherit;font-weight:700;background:none;border:1px solid var(--line);border-radius:8px;padding:9px 15px;cursor:pointer;color:var(--navy)}
  .rail-track{grid-template-columns:1fr;gap:20px}
  .rail-track::before{display:none}
}
@media (max-width:900px){.calc{grid-template-columns:1fr}}
@media (max-width:860px){
  .segcard{grid-template-columns:1fr}
  .segcard .row{align-items:flex-start}
  .vb{grid-template-columns:1fr}
  .gwar-grid{grid-template-columns:1fr}
  .gwar-tarcza{display:flex;justify-content:center}
  .gwar-tarcza img{width:min(70vw,280px)}
}
@media (max-width:760px){
  .reviews{columns:1}
  .faq{grid-template-columns:1fr}
  .ktor .pcard{flex-basis:64vw}
  .kbtn{display:none} /* na dotyku przewija palec */
}
@media (max-width:640px){
  .proof{grid-template-columns:1fr 1fr}
  .tgrid{grid-template-columns:1fr 1fr}
  .fgrid{grid-template-columns:1fr 1fr}
  .mcta{position:fixed;bottom:0;inset-inline:0;display:flex;gap:10px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:rgba(247,246,242,.95);backdrop-filter:blur(8px);border-top:1px solid var(--line);z-index:70}
  .mcta .btn{flex:1;justify-content:center;padding:13px}
  body{padding-bottom:74px}
  .sliderrow{flex-wrap:wrap}
}
@media (prefers-reduced-motion:reduce){
  *{animation:none;transition:none}
  .rv{opacity:1;transform:none}
  html{scroll-behavior:auto}
}