/* CENNIK v4 (Mirosław, 10.10.2026) — style strony /cennik przy configs.cennik_v4 = 1 (szablon tpl/pages/cennik-v4.twig).
   Źródło: makieta Biles v4 (04-tresci-do-wklejenia/2026-10-09-cennik-redesign/makieta/, MAKIETA.md rozdz. 11).
   Osobny plik statyczny (wymuszony w gicie jak home.css / koty.css): bez przebudowy bundla webpack, wgrywany scp,
   wersja z `wersjaPliku()` (?v=filemtime). Wszystkie klasy z przedrostkiem `cv-` i pod `.cv4` — nie dotykają reszty portalu.
   Paleta CI: fiolet #3D0195 (nagłówki, ceny, tekst, linki, przycisk-obrys), żółty #FFBA27 (przyciski główne, plakietki,
   wybrane przełączniki), pomarańcz #f27d5b (akcenty, wstęga i ramka promocji) — tekst na żółtym/pomarańczowym zawsze
   fioletowy; zieleni brak. Bez JS: przełączniki to radio + :checked ~, rozwijanie to <details>. */
.cv4{--f:#3D0195;--z:#FFBA27;--zh:#fab740;--p:#f27d5b;--t:#333135;--s:#5f5a66;--k1:#FFF5E5;--k2:#FCE2D6;--k3:#FFF5E0;--r:#FAD2C6;--r2:#F8B8A5;
  font-family:'Asap',Arial,Helvetica,sans-serif;font-size:17px;line-height:1.5;color:var(--t);background:#fff;overflow-wrap:break-word;hyphens:manual}
.cv4 *,.cv4 *::before,.cv4 *::after{box-sizing:border-box}
.cv4 h1,.cv4 h2,.cv4 h3,.cv4 h4{line-height:1.2;color:var(--f);margin:0;text-wrap:balance;font-family:inherit;text-transform:none;letter-spacing:normal}
.cv4 p{margin:0 0 12px}
.cv4 a{color:var(--f);text-underline-offset:3px}
.cv4 img{max-width:100%}
.cv4 :focus-visible{outline:3px solid var(--f);outline-offset:2px}
.cv4 ul{margin-top:0}
.cv4 .cv-sr{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.cv4{position:relative} /* B141 (29.10.2026): blok odniesienia dla .cv-sr — bez niego ukryte pola i etykiety liczyły się od początku dokumentu i rozpychały przewijanie html (pusty pas za stopką na telefonie) */
@media(max-width:640px){.cv4>.cv-sr{position:fixed!important;top:0;left:0}} /* B141: na telefonie (do 640 px portal przewija body) górne pola radio Psy/Koty i region przypięte do okna — stuknięcie przełącznika nie przewija strony do pola */
.cv4 .cv-w{max-width:1240px;margin:0 auto;padding:0 16px}
.cv4 .cv-nb{white-space:nowrap}
@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}

/* pasmo tytułowe: krem → brzoskwinia (okruszki portalu + hero) */
.cv4 .cv-pasmo{background-color:var(--k2);background-image:linear-gradient(90deg,var(--k1) 0%,var(--k2) 100%);color:var(--t)}
.cv4 .cv-pasmo-gora .breadcrumbs{background:transparent;margin:0}
.cv4 .cv-hero .cv-w{display:grid;gap:14px;padding-top:4px;padding-bottom:20px}
.cv4 .cv-hero h1{font-size:28px;font-weight:700}
.cv4 .cv-hero h1::after{content:"";display:none;width:56px;height:5px;border-radius:3px;background:var(--p);margin-top:10px}
.cv4 .cv-hero-lead{font-size:17px;margin:8px 0 6px;max-width:620px}
.cv4 .cv-obowiazuje{margin:0;font-size:16px;color:var(--s)}
.cv4 .cv-hero-promo{margin:0 0 10px}
.cv4 .cv-ak-pill{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:6px 18px 6px 8px;border-radius:999px;background:var(--p);color:var(--f);font-weight:700;font-size:16px;line-height:1.2;text-decoration:none}
.cv4 .cv-ak-pill:hover span{text-decoration:underline}
.cv4 .cv-ak-pill:focus-visible{outline:3px solid var(--f);outline-offset:3px}
.cv4 .cv-ak-pill svg{width:32px;height:32px;flex:none;background:var(--z);border-radius:50%;padding:6px}
.cv4 .cv-hero-foto img,.cv4 .cv-dl-foto img{display:block;width:100%;height:auto;aspect-ratio:2/1;object-fit:cover;background:var(--k2)}
.cv4 .cv-hero-foto img{border-radius:16px;box-shadow:8px 8px 0 var(--z)}
.cv4 .cv-dl-foto img{object-position:50% 30%}
@media(min-width:900px){
 .cv4 .cv-hero .cv-w{grid-template-columns:minmax(0,1fr) minmax(360px,460px);align-items:center;column-gap:40px;padding-top:8px;padding-bottom:32px}
 .cv4 .cv-hero h1{font-size:40px}
 .cv4 .cv-hero h1::after{display:block}
 .cv4 .cv-hero-lead{font-size:19px}
 .cv4 .cv-hero-foto img{aspect-ratio:16/9;box-shadow:12px 12px 0 var(--z)}
}

/* wybór: gatunek i region (wybrana opcja: żółte tło + fioletowa obwódka 2 px — stan nie tylko kolorem, WCAG 1.4.11) */
.cv4 .cv-wybor{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:14px 0 8px}
.cv4 .cv-seg{display:grid;grid-template-columns:1fr 1fr;gap:4px;width:100%;background:#fff;border:2px solid var(--r);border-radius:14px;padding:3px}
.cv4 .cv-seg label{display:flex;align-items:center;justify-content:center;gap:6px;min-height:48px;padding:4px 10px;border-radius:10px;font-weight:700;color:var(--f);cursor:pointer;text-align:center;line-height:1.15;margin:0;font-size:17px}
.cv4 .cv-seg label:hover{background:var(--k1)}
.cv4 .cv-seg svg{width:24px;height:24px;flex:none}
.cv4 .cv-pomoc{margin:0;font-size:16px;color:var(--s);flex:1 1 220px}
@media(min-width:600px){.cv4 .cv-seg{width:auto;grid-template-columns:none;grid-auto-flow:column}.cv4 .cv-seg label{padding:4px 16px;white-space:nowrap}}
.cv4 .cv-ru-nota{margin:0 0 10px;font-size:16px}
.cv4 .cv-ru-nota summary{cursor:pointer;color:var(--f);font-weight:600;padding:12px 0}
.cv4 .cv-ru-nota p{margin:0 0 8px;max-width:760px}

/* blok warunków akcji pod kartami */
.cv4 .cv-etyk{display:inline-block;font-size:16px;font-weight:700;color:var(--f);background:var(--p);border-radius:999px;padding:2px 12px;margin:0 0 8px}
.cv4 .cv-akcja-box{background:var(--k1);border:2px solid var(--p);border-radius:16px;padding:14px 16px;margin:0 0 14px;font-size:16px;scroll-margin-top:16px}
.cv4 .cv-akcja-box h3{font-size:20px;margin:0 0 6px}
.cv4 .cv-akcja-box ul{margin:0 0 2px;padding-left:20px}
.cv4 .cv-akcja-box li{margin:0 0 2px;list-style:disc}
.cv4 .cv-akcja-box li::marker{color:var(--p)}
.cv4 .cv-akcja-box p{margin:0 0 8px}
.cv4 .cv-link-48{display:inline-flex;align-items:center;min-height:48px;font-weight:700}
.cv4 .cv-akcja-kazdy{margin:0 0 16px;scroll-margin-top:16px}

/* karty: kwota → okres → [ramka promocji] → korzyści → 3 fakty → przycisk */
.cv4 .cv-sekcja-h2{font-size:23px;margin:4px 0 14px}
.cv4 .cv-karty{display:grid;gap:20px;grid-template-columns:1fr;margin:0 0 12px}
.cv4 .cv-karta{position:relative;display:flex;flex-direction:column;background:#fff;border:2px solid var(--r);border-top:6px solid var(--p);border-radius:18px;padding:14px 18px 18px;scroll-margin-top:34px}
.cv4 .cv-karta--free{background:var(--k1);border-color:var(--k2);border-top-color:var(--z)}
.cv4 .cv-karta--pol{border:3px solid var(--z);border-top-width:6px;background-color:#fff;background-image:linear-gradient(180deg,var(--k3) 0,#fff 240px)}
.cv4 .cv-karta--plak{padding-top:26px}
.cv4 .cv-plakietki{position:absolute;top:-18px;left:14px;right:14px;display:flex;flex-wrap:wrap;gap:6px}
.cv4 .cv-plakietka{display:inline-flex;align-items:center;gap:6px;background:var(--z);color:var(--f);font-weight:700;font-size:16px;line-height:1.5;border-radius:999px;padding:3px 14px}
.cv4 .cv-plakietka--promo{background:var(--p);padding-left:8px}
.cv4 .cv-plakietka svg{width:22px;height:22px;flex:none}
.cv4 .cv-karta h3{font-size:24px}
.cv4 .cv-kicker{display:block;font-size:16px;font-weight:600;color:var(--t);margin:0 0 2px}
.cv4 .cv-cena{font-size:40px;font-weight:700;color:var(--f);line-height:1.05;margin:6px 0 2px;letter-spacing:-.01em;white-space:nowrap}
.cv4 .cv-cena-okres{font-weight:700;margin:0}
.cv4 .cv-cena-mies{color:var(--s);margin:0}
.cv4 .cv-alias{color:var(--s);font-size:16px;margin:0}
.cv4 .cv-lista{list-style:none;margin:10px 0;padding:0;flex:1}
.cv4 .cv-lista li{margin:0 0 6px}
.cv4 .cv-lista .cv-rok{background:var(--k3);border-left:4px solid var(--z);border-radius:8px;padding:6px 8px 6px 30px;margin-left:-4px}
.cv4 .cv-lista .cv-rok::before{left:9px;top:.55em}
.cv4 .cv-lista small{display:block;font-size:16px;color:var(--s)}
.cv4 .cv-v{position:relative;padding-left:30px}
.cv4 .cv-v::before{content:"";position:absolute;left:7px;top:.22em;width:8px;height:14px;border:solid var(--p);border-width:0 3px 3px 0;transform:rotate(45deg)}
.cv4 .cv-x{position:relative;padding-left:30px;color:var(--s)}
.cv4 .cv-x::before{content:"\00D7";position:absolute;left:5px;top:-.12em;font-size:1.45em;line-height:1;font-weight:700;color:var(--s)}
.cv4 .cv-fakty{list-style:none;margin:0 0 14px;padding:10px 0 0;border-top:1px solid var(--r);font-size:16px;display:grid;gap:4px}
.cv4 .cv-fakty li{display:flex;gap:8px;align-items:flex-start;font-weight:600;line-height:1.35}
.cv4 .cv-fakty span{text-wrap:pretty}
.cv4 .cv-fakty svg{width:20px;height:20px;flex:none;color:var(--p)}
.cv4 .cv-lista .cv-tylko-szer{display:none}
@media(min-width:768px){.cv4 .cv-lista .cv-tylko-tel{display:none}.cv4 .cv-lista .cv-tylko-szer{display:list-item}}
.cv4 .cv-gratis{background:#fff;border:2px dashed var(--p);border-radius:12px;padding:8px 12px;margin:0 0 12px;font-size:16px}
.cv4 .cv-gratis h4{font-size:17px;margin:0 0 2px}
.cv4 .cv-gratis p{margin:0}

/* ramka promocji na karcie */
.cv4 .cv-promo-box{background:var(--k1);border:2px solid var(--p);border-radius:14px;padding:12px 14px 2px;margin:12px 0 2px;font-size:16px}
.cv4 .cv-promo-h{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:700;color:var(--f);line-height:1.2;margin:0 0 8px}
.cv4 .cv-promo-h svg{width:36px;height:36px;flex:none;background:var(--p);border-radius:50%;padding:7px;color:var(--f)}
.cv4 .cv-promo-box p{margin:0 0 6px}
.cv4 .cv-promo-dop{color:var(--s)}
.cv4 .cv-promo-linki{display:flex;flex-wrap:wrap;align-items:center;column-gap:20px}
.cv4 .cv-promo-linki a{display:inline-flex;align-items:center;min-height:48px;font-weight:700}
/* obniżka z cennika kraju (Omnibus): „−N %” pomarańcz z fioletowym tekstem; nota tuż pod ceną krojem 17 px */
.cv4 .cv-rabat{display:inline-block;vertical-align:middle;margin-left:10px;background:var(--p);color:var(--f);font-size:19px;font-weight:700;line-height:1.2;letter-spacing:0;border-radius:8px;padding:4px 9px;position:relative;top:-4px}
.cv4 .cv-omni{margin:8px 0 6px;font-size:17px;font-weight:600;line-height:1.35;color:var(--t);background:var(--k3);border-left:5px solid var(--z);border-radius:8px;padding:6px 10px}
.cv4 .cv-omni s{color:var(--s);font-weight:700;text-decoration-color:var(--p);text-decoration-thickness:2px;white-space:nowrap}

/* przyciski: żółty = główny; fioletowy obrys = jedyny fioletowy typ */
.cv4 .cv-btn{display:flex;align-items:center;justify-content:center;min-height:52px;padding:12px 18px;border-radius:12px;font-size:18px;font-weight:700;text-decoration:none;text-align:center;line-height:1.2;border:2px solid transparent;text-transform:none}
.cv4 .cv-btn--z{background:var(--z);color:var(--f);border-color:var(--z)}
.cv4 .cv-btn--z:hover{background:var(--zh);border-color:var(--zh);color:var(--f)}
.cv4 .cv-btn--o{background:#fff;color:var(--f);border-color:var(--f)}
.cv4 .cv-btn--o:hover{background:var(--k1);color:var(--f)}
.cv4 .cv-oba{font-size:16px;margin:0 0 14px;max-width:900px}

/* „Dlaczego warto” */
.cv4 .cv-dlaczego{display:grid;background-color:var(--k3);background-image:linear-gradient(135deg,var(--k3) 0%,var(--k1) 100%);border:2px solid var(--k2);border-radius:20px;overflow:hidden;margin:28px 0}
.cv4 .cv-dl-tresc{padding:18px}
.cv4 .cv-dlaczego h2{font-size:25px;margin:0 0 14px}
.cv4 .cv-liczby{list-style:none;margin:0 0 12px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:16px 14px}
.cv4 .cv-liczby li{display:flex;flex-direction:column;gap:2px}
.cv4 .cv-liczby strong{display:flex;align-items:center;gap:8px;font-size:28px;line-height:1.1;color:var(--f)}
.cv4 .cv-liczby svg{width:36px;height:36px;flex:none;color:var(--f);background:var(--z);border-radius:50%;padding:6px}
.cv4 .cv-liczby span{font-size:16px;line-height:1.35}
.cv4 .cv-liczby--3 li:first-child{grid-column:1/-1}
.cv4 .cv-zrodlo{font-size:16px;color:var(--s);margin:0}
@media(min-width:900px){
 .cv4 .cv-dlaczego{grid-template-columns:5fr 7fr}
 .cv4 .cv-dl-foto{position:relative;min-height:280px}
 .cv4 .cv-dl-foto img{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto}
 .cv4 .cv-dl-tresc{padding:28px 32px}
 .cv4 .cv-liczby{gap:22px 28px}
 .cv4 .cv-liczby strong{font-size:32px}
}

/* sekcje zwinięte <details> (porównanie, dodatki, FAQ) */
.cv4 .cv-sekcja{margin:32px 0;scroll-margin-top:16px}
.cv4 .cv-sekcja>h2{font-size:25px;margin:0 0 12px;padding-bottom:6px;border-bottom:4px solid var(--p);display:inline-block}
.cv4 .cv-wstep-d{max-width:820px;margin:0 0 12px}
.cv4 .cv-dod-det{border:2px solid var(--k2);border-radius:14px;background:var(--k1)}
.cv4 .cv-dod-det>summary,.cv4 .cv-faq summary{list-style:none;cursor:pointer;position:relative;display:flex;align-items:center;min-height:56px;font-weight:700;color:var(--f)}
.cv4 .cv-dod-det>summary{padding:12px 56px 12px 16px;font-size:18px}
.cv4 .cv-dod-det>summary::-webkit-details-marker,.cv4 .cv-faq summary::-webkit-details-marker{display:none}
.cv4 .cv-dod-det>summary::after,.cv4 .cv-faq summary::after{content:"+";position:absolute;right:10px;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:50%;background:var(--z);color:var(--f);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;line-height:1}
.cv4 .cv-dod-det[open]>summary::after,.cv4 .cv-faq details[open] summary::after{content:"\2212"}
.cv4 .cv-dod-tresc{padding:12px 12px 14px;border-top:1px solid var(--k2)}
.cv4 .cv-nota{color:var(--s);font-size:16px;max-width:820px;margin:12px 4px 0}

/* porównanie */
.cv4 .cv-por-zakl{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;background:#fff;border:2px solid var(--r);border-radius:14px;padding:4px;margin:0 0 10px}
.cv4 .cv-por-zakl label{display:flex;align-items:center;justify-content:center;text-align:center;min-height:56px;border-radius:10px;font-weight:700;font-size:16px;line-height:1.2;color:var(--f);cursor:pointer;padding:4px 6px;margin:0}
.cv4 #cv-p1:checked~.cv-por-zakl label[for=cv-p1],.cv4 #cv-p2:checked~.cv-por-zakl label[for=cv-p2],.cv4 #cv-p3:checked~.cv-por-zakl label[for=cv-p3]{background:var(--z);color:var(--f);box-shadow:inset 0 0 0 2px var(--f)}
.cv4 #cv-p1:focus-visible~.cv-por-zakl label[for=cv-p1],.cv4 #cv-p2:focus-visible~.cv-por-zakl label[for=cv-p2],.cv4 #cv-p3:focus-visible~.cv-por-zakl label[for=cv-p3]{outline:3px solid var(--f);outline-offset:2px}
.cv4 .cv-por-tab{width:100%;border-collapse:collapse;font-size:16px;background:#fff}
.cv4 .cv-por-tab th,.cv4 .cv-por-tab td{padding:12px 10px;border-bottom:1px solid var(--k2);text-align:left;vertical-align:top}
.cv4 .cv-por-tab thead th{background:var(--k2);color:var(--f)}
.cv4 .cv-por-tab .cv-grupa th{background:var(--k3);color:var(--f);text-transform:uppercase;letter-spacing:.04em;font-size:16px}
.cv4 .cv-por-tab tbody th{font-weight:400}
.cv4 .cv-wart{white-space:nowrap;font-weight:700}
.cv4 .cv-tak{color:var(--f)}
.cv4 .cv-nie{color:var(--s)}

/* dodatki */
.cv4 .cv-kafle{display:grid;gap:14px;grid-template-columns:1fr}
.cv4 .cv-kafel{border:2px solid var(--r);border-top:5px solid var(--p);border-radius:16px;padding:16px;background:#fff;display:flex;flex-direction:column}
.cv4 .cv-kafel h3{font-size:20px;margin:0 0 6px}
.cv4 .cv-kafel p{font-size:16px}
.cv4 .cv-ceny-l{list-style:none;margin:auto 0 0;padding:0}
.cv4 .cv-ceny-l li{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--k2)}
.cv4 .cv-ceny-l strong{color:var(--f);white-space:nowrap}
.cv4 .cv-opis-w{display:block;font-size:16px;color:var(--s);font-weight:400;margin-top:2px}
.cv4 .cv-zasady{margin:16px 4px 0}
.cv4 .cv-zasady h3{font-size:18px;margin:0 0 6px}
.cv4 .cv-zasady ul{margin:0;padding:0 0 0 22px;font-size:16px}
.cv4 .cv-zasady li{margin:0 0 6px;list-style:disc}
.cv4 .cv-zasady li::marker{color:var(--p)}

/* FAQ */
.cv4 .cv-faq{border-top:2px solid var(--k2);max-width:900px}
.cv4 .cv-faq details{border-bottom:1px solid var(--k2)}
.cv4 .cv-faq summary{padding:14px 52px 14px 0;font-size:18px}
.cv4 .cv-odp{padding:0 0 16px}
.cv4 .cv-odp p:last-child{margin:0}

/* końcowe CTA */
.cv4 .cv-final{background-color:var(--k2);background-image:linear-gradient(90deg,var(--k3) 0%,var(--k2) 100%);border-radius:20px;padding:22px 18px;margin:32px 0;position:relative;overflow:hidden}
.cv4 .cv-final::before{content:"";position:absolute;left:0;top:0;bottom:0;width:8px;background:var(--p)}
.cv4 .cv-final h2{font-size:26px;margin:0 0 8px}
.cv4 .cv-final p{max-width:760px}
.cv4 .cv-przyciski{display:grid;gap:10px;margin:14px 0 12px}

/* warunki */
.cv4 .cv-warunki{border-top:2px solid var(--k2);padding:24px 0 32px;font-size:16px}
.cv4 .cv-warunki h2{font-size:22px;margin:0 0 10px}
.cv4 .cv-warunki p{max-width:900px}
.cv4 .cv-linki{list-style:none;padding:0;margin:4px 0 14px;display:grid}
.cv4 .cv-linki a{display:inline-flex;align-items:center;min-height:48px}
.cv4 .cv-firma{color:var(--s)}

@media(max-width:767px){.cv4 .cv-cena-mies--pusta{display:none}}
@media(min-width:768px){
 .cv4 .cv-w{padding:0 24px}
 .cv4 .cv-karty{grid-template-columns:1fr 1fr;align-items:start}
 .cv4 .cv-sekcja>h2{font-size:30px}
 .cv4 .cv-por-zakl{display:none}
 .cv4 .cv-por-tab thead th:not(:first-child),.cv4 .cv-por-tab td.cv-wart{text-align:center;width:17%}
 .cv4 .cv-przyciski{grid-template-columns:auto auto;justify-content:start}
 .cv4 .cv-linki{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}
 .cv4 .cv-final{padding:30px 32px 30px 40px}
}
@media(max-width:767px){
 .cv4 .cv-por-tab th:nth-child(n+2),.cv4 .cv-por-tab td:nth-child(n+2){display:none}
 .cv4 .cv-por-tab .cv-grupa th{display:table-cell}
 .cv4 .cv-por-tab tbody th{width:64%}
 .cv4 #cv-p1:checked~.cv-por-tw .cv-por-tab th:nth-child(2),.cv4 #cv-p1:checked~.cv-por-tw .cv-por-tab td:nth-child(2),
 .cv4 #cv-p2:checked~.cv-por-tw .cv-por-tab th:nth-child(3),.cv4 #cv-p2:checked~.cv-por-tw .cv-por-tab td:nth-child(3),
 .cv4 #cv-p3:checked~.cv-por-tw .cv-por-tab th:nth-child(4),.cv4 #cv-p3:checked~.cv-por-tw .cv-por-tab td:nth-child(4){display:table-cell}
}
@media(min-width:900px){
 .cv4 .cv-kafle{grid-template-columns:repeat(3,1fr)}
 .cv4 .cv-akcja-box{display:grid;grid-template-columns:1fr 1fr;column-gap:32px;padding:18px 24px}
 .cv4 .cv-akcja-box ul{margin-top:36px}
}
@media(min-width:1180px){.cv4 .cv-karty{grid-template-columns:repeat(4,1fr);gap:16px}}

/* ---- przełączniki bez JS ------------------------------------------------------------------------------------------
   gatunek: .cv-tp (psy) / .cv-tk (koty); region: .cv-pln / .cv-eur;
   promocje: .cv-v-<region>-<gatunek> — pokaż tylko w tej kombinacji, .cv-h-<region>-<gatunek> — ukryj w tej kombinacji,
   .cv-kp-<region>-<gatunek> — karta z promocją (pomarańczowa ramka) w tej kombinacji. Kombinacje liczy serwer (CennikV4). */
.cv4 .cv-tk,.cv4 .cv-eur{display:none}
.cv4 #cv-g-koty:checked~* .cv-tp{display:none}
.cv4 #cv-g-koty:checked~* .cv-tk{display:revert}
.cv4 #cv-r-eu:checked~* .cv-pln{display:none}
.cv4 #cv-r-eu:checked~* .cv-eur{display:revert}
.cv4 .cv-v-pl-dog,.cv4 .cv-v-pl-cat,.cv4 .cv-v-eu-dog,.cv4 .cv-v-eu-cat{display:none}
.cv4 #cv-g-psy:checked~#cv-r-pl:checked~* .cv-v-pl-dog,.cv4 #cv-g-psy:checked~#cv-r-pl:checked~* .cv-v-pl-dog.cv-v-pl-cat,
.cv4 #cv-g-koty:checked~#cv-r-pl:checked~* .cv-v-pl-cat,
.cv4 #cv-g-psy:checked~#cv-r-eu:checked~* .cv-v-eu-dog,
.cv4 #cv-g-koty:checked~#cv-r-eu:checked~* .cv-v-eu-cat{display:revert}
.cv4 #cv-g-psy:checked~#cv-r-pl:checked~* .cv-h-pl-dog,
.cv4 #cv-g-koty:checked~#cv-r-pl:checked~* .cv-h-pl-cat,
.cv4 #cv-g-psy:checked~#cv-r-eu:checked~* .cv-h-eu-dog,
.cv4 #cv-g-koty:checked~#cv-r-eu:checked~* .cv-h-eu-cat{display:none}
.cv4 #cv-g-psy:checked~#cv-r-pl:checked~* .cv-kp-pl-dog,
.cv4 #cv-g-koty:checked~#cv-r-pl:checked~* .cv-kp-pl-cat,
.cv4 #cv-g-psy:checked~#cv-r-eu:checked~* .cv-kp-eu-dog,
.cv4 #cv-g-koty:checked~#cv-r-eu:checked~* .cv-kp-eu-cat{border:3px solid var(--p);border-top-width:6px;background-color:#fff;background-image:linear-gradient(180deg,var(--k1) 0,#fff 260px)}
.cv4 #cv-g-psy:checked~* label[for=cv-g-psy],.cv4 #cv-g-koty:checked~* label[for=cv-g-koty],.cv4 #cv-r-pl:checked~* label[for=cv-r-pl],.cv4 #cv-r-eu:checked~* label[for=cv-r-eu]{background:var(--z);color:var(--f);box-shadow:inset 0 0 0 2px var(--f)}
.cv4 #cv-g-psy:focus-visible~* label[for=cv-g-psy],.cv4 #cv-g-koty:focus-visible~* label[for=cv-g-koty],.cv4 #cv-r-pl:focus-visible~* label[for=cv-r-pl],.cv4 #cv-r-eu:focus-visible~* label[for=cv-r-eu]{outline:3px solid var(--f);outline-offset:2px}
.cv4 .cv-akcja-kazdy-h{font-size:20px;margin:6px 0 0}
/* okruszki portalu w pasmie: krój 16 px (WCAG/makieta), mniejsze odstępy — cena 30 dni na 2. ekranie telefonu */
.cv4 .cv-pasmo-gora .breadcrumbs{padding:10px 0 0!important;margin:0!important;min-height:0!important}
.cv4 .cv-pasmo-gora .breadcrumbs__item,.cv4 .cv-pasmo-gora .breadcrumbs__link{font-size:16px!important;line-height:1.4}
.cv4 .cv-hero .cv-w{padding-bottom:12px}
.cv4 .cv-wybor{margin-top:10px}
@media(min-width:900px){.cv4 .cv-hero .cv-w{padding-bottom:32px}}

/* ---- paczka 2 (11.10) ------------------------------------------------------------------------------------------- */
/* Biles B1: ostatni element okruszków portalu (#fab740 na brzoskwini = 1,43:1) → fiolet, pogrubiony */
.cv4 .cv-pasmo-gora .breadcrumbs__link.active,.cv4 .cv-pasmo-gora .breadcrumbs__item:last-child .breadcrumbs__link{color:var(--f)!important;font-weight:700}
/* Biles B2 (WCAG 1.4.1): odnośniki tekstowe podkreślone; przyciski, pigułka, wstęga i etykiety — bez */
.cv4 a:not(.cv-btn):not(.cv-ak-pill):not(.cv-plakietka):not(.breadcrumbs__link){text-decoration:underline;text-underline-offset:3px}
.cv4 .cv-pasmo-gora a.breadcrumbs__link{text-decoration:underline}
/* Coe 2: wstęga „Promocja ↓” jest odnośnikiem do ramki z wyjaśnieniem (cel dotyku ≥ 48 px przez obszar wokół) */
.cv4 a.cv-plakietka{text-decoration:none;position:relative}
.cv4 a.cv-plakietka::after{content:"";position:absolute;inset:-12px -4px}
.cv4 a.cv-plakietka:hover{text-decoration:underline}
.cv4 .cv-promo-obszar{scroll-margin-top:16px}
/* Biles B4: odnośnik do akcji „każdy pakiet” na kartach (≥ 48 px) */
.cv4 .cv-kazdy-lnk{margin:6px 0 0}
.cv4 .cv-kazdy-lnk a{display:inline-flex;align-items:center;min-height:48px;font-weight:700}
/* Biles B3: nota o Rosji pod kartami (tylko region „Europa i świat”) */
.cv4 .cv-karty+.cv-ru-nota{margin:8px 0 10px}
/* profil z Rosji (Karol `cennik-rosja` = A) */
.cv4 .cv-ru-info{background:var(--k1);border:2px solid var(--p);border-radius:16px;padding:18px;margin:16px 0 24px}
.cv4 .cv-ru-info h2{font-size:22px;margin:0 0 10px}
.cv4 .cv-ru-info p{margin:0;max-width:820px}
/* Biles L4: boks liczb — 2 liczby na całą szerokość, 4 w siatce 2 × 2 */
.cv4 .cv-liczby--2 li{grid-column:1/-1}
/* Biles L5: „+” / „−” w <summary> bez czytania przez czytniki (starsze przeglądarki: zwykłe content wyżej) */
.cv4 .cv-dod-det>summary::after,.cv4 .cv-faq summary::after{content:"+";content:"+" / ""}
.cv4 .cv-dod-det[open]>summary::after,.cv4 .cv-faq details[open] summary::after{content:"\2212";content:"\2212" / ""}
/* B58 (Mirosław 11.10): obniżka promowania w „Dodatkach” jak na karcie pakietu (cv-rabat, cv-omni), w mniejszej skali;
   nota zajmuje całą szerokość wiersza pod nazwą i ceną; w podsumowaniu „od X” nota w osobnej linii */
.cv4 .cv-ceny-l li{flex-wrap:wrap}
.cv4 .cv-ceny-l .cv-rabat-w{font-size:15px;margin-left:8px;padding:2px 7px;top:-2px}
.cv4 .cv-ceny-l .cv-omni-w{flex-basis:100%;margin:0;font-size:15px;padding:4px 8px}
.cv4 .cv-dod-det>summary .cv-omni-od{display:block;margin:6px 0 0;font-size:15px;padding:4px 8px}
/* P40 (Mirosław 11.10): zdanie o łączeniu nagród kilku akcji na karcie (np. Pakiet na 1 rok: kod KEBZOO + 30 dni promowania).
   Bez display:flex — widoczność steruje regułami .cv-v-* (display:none / revert). Kolory CI: żółty pasek, fiolet tekstu. */
.cv4 .cv-laczenie{margin:0 0 10px;padding:8px 12px;border-radius:10px;background:var(--k3);border-left:5px solid var(--z);font-size:16px;font-weight:700;color:var(--f);line-height:1.35}
.cv4 .cv-laczenie svg{width:22px;height:22px;vertical-align:-5px;margin-right:6px;color:var(--f)}