/* ==============================================================================
   SZABLON „STRONA INFORMACYJNA" — Dostawa i płatność / Zwroty / Reklamacje
   ==============================================================================
   Handoff `design_handoff_printella_strony_prawne` (27.10.2026), fidelity: high.

   Ton urzędowy: BEZ Tango, notek Kalam, gradientów i różowego CTA. Różowy występuje
   wyłącznie w hoverze odnośników i w aktywnej pozycji stopki — to jedyne dwa miejsca.

   Prototyp ma wszystko w atrybutach `style`. Tutaj jest to przepisane na klasy, bo
   treść tych stron ma być EDYTOWALNA w WordPressie, a prezentacja wersjonowana w gicie
   (odwrotnie niż na stronach sklepowych, gdzie oba siedzą w `_elementor_data`).
   Wartości 1:1 z prototypu — przy zmianie sprawdzać w `reference/*.dc.html`.
   ============================================================================== */

.prt-info {
    --prt-info-tlo-pasma: #F5F7FB;
    --prt-info-linia: #E3E7F2;
    --prt-info-linia-mocna: #DCE1EC;
    --prt-info-linia-wiersza: #EEF1F8;
    --prt-info-granat: #101B54;
    --prt-info-tekst: #3A4478;
    --prt-info-wyciszony: #5A648C;
    --prt-info-wyciszony-2: #7A84A8;
    --prt-info-tlo-boksu: #F7F8FC;
    --prt-info-tlo-info: #EEF2FA;
    --prt-info-tlo-uwagi: #FFF6E3;
    --prt-info-linia-uwagi: #F2D9A6;
    --prt-info-tekst-uwagi: #6B3F00;
}

/* ─── Pasmo nagłówka ─────────────────────────────────────────────────────────
   Pełna szerokość z liniami u góry i u dołu. Tło rozciągamy `box-shadow` +
   `clip-path`, a nie `margin-inline: calc(50% - 50vw)`: `100vw` liczy się
   z paskiem przewijania i na desktopie wyłaziło poza ekran (ta sama technika
   co pas tytułowy stron prawnych w `style.css`). */
.prt-info__pasmo {
    position: relative;
    background: var(--prt-info-tlo-pasma);
    border-top: 1.5px solid var(--prt-info-linia);
    border-bottom: 1.5px solid var(--prt-info-linia);
    box-shadow: 0 0 0 100vmax var(--prt-info-tlo-pasma);
    clip-path: inset(0 -100vmax);
}

.prt-info__pasmo-tresc {
    max-width: 1120px;
    margin: 0 auto;
    padding: clamp(28px, 3.4vw, 40px) var(--prt-margines-boczny, 28px) clamp(32px, 4vw, 48px);
}

/* Okruszki składa `printella-core` (`Printella_Okruszki::render`) i mają już wspólne
   `.prt-crumbs` w `design-system.css`: gap 9 px, 13 px/600, `--prt-text-muted` #3A4478,
   stopień bieżący 700 w granacie #101B54 — czyli DOKŁADNIE to, co podaje handoff.
   Drugi komplet reguł byłby więc tylko kolejnym miejscem do rozjechania się.
   Zostaje sam odstęp pod okruszkami, bo ten jest własnością pasma. */
.prt-info__pasmo-tresc .prt-crumbs-nav {
    margin-bottom: clamp(24px, 2.6vw, 32px);
}

.prt-info__tytul {
    margin: 0;
    font-size: clamp(36px, 4.4vw, 52px);
    line-height: 1.05;
    font-weight: 900;
    letter-spacing: -0.03em;
    color: var(--prt-info-granat);
}

.prt-info__lead {
    margin: clamp(16px, 1.8vw, 20px) 0 0;
    max-width: 62ch;
    font-size: clamp(17px, 1.5vw, 19px);
    line-height: 1.6;
    font-weight: 500;
    color: var(--prt-info-tekst);
    text-wrap: pretty;
}

/* Na Zwrotach cały lead jest pogrubiony na granat — stąd osobny wariant,
   a nie `<strong>` w treści: pogrubienie dotyczy całego akapitu. */
.prt-info__lead--mocny {
    font-weight: 800;
    color: var(--prt-info-granat);
}

/* Metryczka: `<dl>` z parami w `<div>`, żeby `dt` i `dd` trzymały się razem
   przy zawijaniu (sam flex na `dl` rozsypuje pary). */
.prt-info__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 28px;
    margin: 22px 0 0;
    font-size: 14px;
}

.prt-info__meta > div {
    display: flex;
    gap: 6px;
}

.prt-info__meta dt {
    font-weight: 600;
    color: var(--prt-info-wyciszony);
    /* Bez tego na 390 px etykieta łamie się w środku („Podstawa / prawna:"),
       bo flex zawija wewnątrz pary, zanim przeniesie całą parę do nowego wiersza. */
    white-space: nowrap;
}

.prt-info__meta dd {
    margin: 0;
    font-weight: 700;
    color: var(--prt-info-granat);
}

.prt-info__meta dd a {
    text-decoration: underline;
    text-underline-offset: 3px;
}

/* ─── Układ: spis treści + treść ─────────────────────────────────────────── */
.prt-info__uklad {
    max-width: 1120px;
    margin: 0 auto;
    padding: clamp(36px, 4.4vw, 56px) var(--prt-margines-boczny, 28px) 0;
    display: grid;
    grid-template-columns: 240px minmax(0, 1fr);
    gap: clamp(28px, 4vw, 64px);
    align-items: start;
}

.prt-info__spis {
    position: sticky;
    top: 24px;
}

.prt-info__spis-etykieta {
    margin: 0 0 12px;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--prt-info-wyciszony);
}

.prt-info__spis-nav {
    display: flex;
    flex-direction: column;
    border-left: 1.5px solid var(--prt-info-linia);
}

.prt-info__spis-nav a {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr);
    padding: 8px 0 8px 16px;
    font-size: 15px;
    line-height: 1.35;
    font-weight: 700;
}

.prt-info__spis-nav a span {
    color: var(--prt-info-wyciszony);
}

/* Skrót do pliku pod spisem (Reklamacje). */
.prt-info__spis-skrot {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 22px;
    padding: 14px 16px;
    border: 1.5px solid var(--prt-info-linia-mocna);
    border-radius: 8px;
    font-size: 15px;
    font-weight: 800;
    transition: border-color .2s ease;
}

.prt-info__spis-skrot:hover {
    border-color: var(--prt-info-granat);
    color: var(--prt-info-granat);
}

.prt-info__spis-skrot svg {
    flex: none;
}

.prt-info__tresc {
    min-width: 0;
    max-width: 720px;
}

/* ─── Sekcje ─────────────────────────────────────────────────────────────── */
.prt-info__sekcja {
    scroll-margin-top: 24px;
}

/* Kolejne sekcje oddziela linia; pierwsza jej nie ma. */
.prt-info__sekcja + .prt-info__sekcja {
    margin-top: 40px;
    padding-top: 36px;
    border-top: 1.5px solid var(--prt-info-linia);
}

.prt-info__numer {
    margin: 0;
    font-size: 14px;
    font-weight: 800;
    color: var(--prt-info-wyciszony);
}

.prt-info__sekcja h2 {
    margin: 4px 0 0;
    font-size: clamp(24px, 2.4vw, 30px);
    line-height: 1.15;
    font-weight: 900;
    letter-spacing: -0.025em;
    color: var(--prt-info-granat);
}

.prt-info__sekcja h3 {
    margin: 30px 0 0;
    font-size: 19px;
    line-height: 1.25;
    font-weight: 900;
    color: var(--prt-info-granat);
}

.prt-info__sekcja p {
    margin: 14px 0 0;
    font-size: 17px;
    line-height: 1.65;
    font-weight: 500;
    color: var(--prt-info-tekst);
}

.prt-info__sekcja p + p {
    margin-top: 12px;
}

.prt-info__sekcja p a,
.prt-info__sekcja li a {
    font-weight: 700;
    color: var(--prt-info-granat);
    text-decoration: underline;
    text-underline-offset: 3px;
}

.prt-info__sekcja strong {
    font-weight: 700;
    color: var(--prt-info-granat);
}

/* Podstawa prawna pod akapitem — drobny, wyciszony przypis. */
.prt-info__podstawa {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: var(--prt-info-wyciszony) !important;
}

/* Lista z ptaszkami. Ikona jest w treści (inline SVG), tu tylko siatka. */
.prt-info__lista {
    list-style: none;
    margin: 14px 0 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.prt-info__lista li {
    display: grid;
    grid-template-columns: 24px minmax(0, 1fr);
    gap: 12px;
    align-items: start;
    font-size: 17px;
    line-height: 1.5;
    font-weight: 700;
    color: var(--prt-info-granat);
}

.prt-info__lista svg {
    margin-top: 2px;
}

/* ─── Boksy ──────────────────────────────────────────────────────────────── */
.prt-info-boks {
    margin-top: 22px;
    border-radius: 10px;
}

/* Wyróżnienie: kluczowa informacja, bez ikony. */
.prt-info-boks--wyroznienie {
    padding: 18px 22px;
    background: var(--prt-info-tlo-pasma);
    border: 1.5px solid var(--prt-info-linia);
    font-size: clamp(16px, 1.4vw, 17px);
    line-height: 1.55;
    font-weight: 800;
    color: var(--prt-info-granat);
}

.prt-info-boks--wyroznienie p {
    margin: 0;
    font: inherit;
    color: inherit;
}

.prt-info-boks--wyroznienie p + p {
    margin-top: 10px;
}

/* Informacja i Uwaga: ikona w pierwszej kolumnie, tekst w drugiej. */
.prt-info-boks--informacja,
.prt-info-boks--uwaga {
    display: grid;
    grid-template-columns: 24px minmax(0, 1fr);
    gap: 14px;
    align-items: start;
    padding: 16px 20px;
}

.prt-info-boks--informacja {
    background: var(--prt-info-tlo-info);
}

.prt-info-boks--uwaga {
    background: var(--prt-info-tlo-uwagi);
    border: 1.5px solid var(--prt-info-linia-uwagi);
}

.prt-info-boks--informacja p,
.prt-info-boks--uwaga p {
    margin: 0;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 700;
}

.prt-info-boks--informacja p {
    color: var(--prt-info-granat);
}

.prt-info-boks--uwaga p {
    color: var(--prt-info-tekst-uwagi);
}

.prt-info-boks--informacja svg,
.prt-info-boks--uwaga svg {
    flex: none;
}

/* Plik do pobrania. */
.prt-info-plik {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px 24px;
    margin-top: 24px;
    padding: 20px 22px;
    background: var(--prt-info-tlo-boksu);
    border-radius: 12px;
    scroll-margin-top: 24px;
}

.prt-info-plik__opis {
    min-width: 0;
    flex: 1 1 240px;
}

.prt-info-plik__tytul {
    margin: 0 !important;
    font-size: 17px !important;
    font-weight: 800 !important;
    color: var(--prt-info-granat) !important;
}

.prt-info-plik__pod {
    margin: 4px 0 0 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: var(--prt-info-wyciszony) !important;
}

.prt-info-plik__btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    height: 48px;
    padding: 0 22px;
    border-radius: 8px;
    background: var(--prt-info-granat);
    font-size: 16px;
    font-weight: 800;
    color: #fff;
    text-decoration: none;
    transition: background .2s ease;
}

.prt-info-plik__btn:hover {
    background: #2B3770;
    color: #fff;
}

/* ─── Tabele ─────────────────────────────────────────────────────────────── */
.prt-info-tabela {
    margin: 22px 0 0;
    border: 1.5px solid var(--prt-info-linia);
    border-radius: 12px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.prt-info-tabela table {
    width: 100%;
    min-width: 360px;
    border-collapse: collapse;
}

/* Tabela UE ma pięć kolumn i nie zmieści się poniżej 520 px — przewija się
   w swoim wrapperze, strona zostaje bez przewijania w poziomie. */
.prt-info-tabela--szeroka table {
    min-width: 520px;
}

/* `<caption>` z oznaczeniem brutto. Domyślnie przeglądarka stawia go NAD tabelą
   i wyśrodkowuje — przenosimy pod spód i do lewej, żeby czytał się jak przypis,
   a nie jak tytuł. `caption-side` działa tylko na `display: table-caption`, więc
   nie zmieniamy tu `display`. */
.prt-info-tabela caption {
    caption-side: bottom;
    padding: 10px 16px 0;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.4;
    color: var(--prt-info-wyciszony-2);
    /* Do prawej, pod kolumnami kwot — przypis o cenach brutto dotyczy liczb, a nie nazw
       krajów po lewej (decyzja Steve'a 30.10.2026). */
    text-align: right;
}

/* Kolumny kwot WYŚRODKOWANE, pierwsza (kraj / sposób dostawy) do lewej — decyzja
   Steve'a 30.10.2026. Wcześniej wszystko było do prawej, co przy trzech wierszach
   nagłówka i wyśrodkowanym wierszu „wycena indywidualna" dawało trzy różne osie. */
.prt-info-tabela thead th {
    padding: 14px 16px;
    font-size: 13px;
    line-height: 1.3;
    font-weight: 700;
    color: var(--prt-info-wyciszony);
    text-align: center;
    vertical-align: bottom;
    border-bottom: 1.5px solid var(--prt-info-linia-mocna);
}

.prt-info-tabela thead th:first-child {
    text-align: left;
}

/* Jednostka kolumny w drugiej linii. Nagłówek ma TRZY wiersze (etykieta, jednostka,
   waluta) i bez własnych odstępów zlewały się w jeden blok — zgłoszone przez Steve'a
   30.10.2026. Odstęp jest na jednostce i na walucie, nie na `line-height`, żeby nie
   rozstrzelić wiersza z samą etykietą. */
.prt-info-tabela thead th small {
    display: block;
    margin-top: 5px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.25;
    color: var(--prt-info-wyciszony-2);
}

.prt-info-tabela tbody th[scope="row"] {
    padding: 13px 16px;
    font-size: 15px;
    font-weight: 600;
    color: var(--prt-info-granat);
    text-align: left;
}

.prt-info-tabela tbody td {
    padding: 13px 16px;
    font-size: 15px;
    font-weight: 700;
    color: var(--prt-info-granat);
    text-align: center;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.prt-info-tabela tbody tr + tr th[scope="row"],
.prt-info-tabela tbody tr + tr td {
    border-top: 1.5px solid var(--prt-info-linia-wiersza);
}

/* Wiersz „wycena indywidualna": szare tło, jedna komórka na pozostałe kolumny.
   Tekst wyśrodkowany, bo komórka obejmuje cztery kolumny cen — przy lewej krawędzi
   wyglądał, jakby należał do pierwszej z nich.

   ⚠️ Deklaracje stoją W TYM selektorze, a nie w krótszym `.prt-info-tabela__wycena td`,
   i dlatego NIE potrzebują `!important`. Nadpisujemy `.prt-info-tabela tbody td`
   (specyficzność 0,2,1: `text-align: right`, `white-space: nowrap`, `font-weight: 700`),
   a krótszy selektor ma 0,1,1 i przegrywał — stąd wcześniej trzy `!important`.
   Ten ma 0,3,1 i wygrywa normalną kaskadą. */
.prt-info-tabela tbody tr.prt-info-tabela__wycena th[scope="row"],
.prt-info-tabela tbody tr.prt-info-tabela__wycena td {
    background: var(--prt-info-tlo-boksu);
}

.prt-info-tabela tbody tr.prt-info-tabela__wycena td {
    text-align: center;
    white-space: normal;
    font-weight: 400;
}

/* Waluta kolumny: własny wiersz i rozmiar WIĘKSZY od etykiety kolumny (13 px), bo jako
   dopisek w `<small>` po wymiarze („185 cm, €") gubiła się zupełnie. To jedyna informacja
   mówiąca, w czym są liczby w całej tabeli. */
.prt-info-tabela thead th .prt-info-tabela__waluta {
    display: block;
    margin-top: 6px;
    font-size: 15px;
    font-weight: 800;
    color: var(--prt-info-granat);
}

.prt-info-tabela__wycena td a {
    font-size: 14px;
    font-weight: 700;
    color: #3A4478;
    text-decoration: underline;
    text-underline-offset: 3px;
}

/* ─── Pasek progów rabatowych ────────────────────────────────────────────── */
.prt-info-progi {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(110px, 100%), 1fr));
    margin: 22px 0 0;
    border: 1.5px solid var(--prt-info-linia);
    border-radius: 12px;
    overflow: hidden;
}

.prt-info-progi__poz {
    padding: 18px 14px;
    text-align: center;
}

.prt-info-progi__poz + .prt-info-progi__poz {
    border-left: 1.5px solid var(--prt-info-linia);
}

.prt-info-progi__wartosc {
    display: block;
    font-size: 22px;
    font-weight: 900;
    color: var(--prt-info-granat);
}

.prt-info-progi__prog {
    display: block;
    margin-top: 2px;
    font-size: 14px;
    font-weight: 600;
    color: var(--prt-info-wyciszony);
}

/* ─── Plakietki metod płatności ──────────────────────────────────────────── */
.prt-info-platnosci {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 18px 0 0;
    padding: 0;
    list-style: none;
}

.prt-info-platnosci li {
    display: flex;
    align-items: center;
    height: 36px;
    padding: 0 14px;
    border: 1.5px solid var(--prt-info-linia);
    border-radius: 8px;
    font-size: 14px;
    font-weight: 800;
    color: var(--prt-info-granat);
}

/* ─── „Zobacz też" ───────────────────────────────────────────────────────── */
.prt-info__zobacz {
    margin: 40px 0 0;
    padding-top: 20px;
    border-top: 1.5px solid var(--prt-info-linia);
    font-size: 14px;
    line-height: 1.5;
    font-weight: 600;
    color: var(--prt-info-wyciszony);
}

.prt-info__zobacz a {
    font-weight: 700;
    color: var(--prt-info-granat);
    text-decoration: underline;
    text-underline-offset: 3px;
}

/* ─── Mobile ─────────────────────────────────────────────────────────────── */
/* Poniżej 900 px jedna kolumna, spis treści NAD treścią i bez `sticky`
   (przyklejony zjadałby pół ekranu telefonu). */
@media (max-width: 900px) {
    .prt-info__uklad {
        grid-template-columns: minmax(0, 1fr);
    }

    .prt-info__spis {
        position: static;
    }
}

/* Zagęszczenie komórek, żeby tabela UE mieściła się bez przewijania możliwie
   długo. Wartości przeniesione ze scoped `<style>` widżetu ce70012 — reguła
   ma żyć w motywie, bo treść widżetu jest poza gitem. */
@media (max-width: 767px) {
    .prt-info-tabela thead th,
    .prt-info-tabela tbody th[scope="row"],
    .prt-info-tabela tbody td {
        padding: 10px 6px;
    }
}

@media (max-width: 380px) {
    .prt-info-tabela thead th,
    .prt-info-tabela tbody th[scope="row"],
    .prt-info-tabela tbody td {
        padding: 8px 4px;
        font-size: 13px;
    }
}

/* ==============================================================================
   WARIANT „DOKUMENT" — Regulamin i Polityka prywatności
   ==============================================================================
   Handoff `README-dokumenty.md`. TEN SAM szablon i te same klasy `prt-info-*`,
   bo pasmo nagłówka, typografia, boksy, pliki i odnośniki są wspólne. Różnice:
   bez okruszków, metryczki i spisu treści; jedna kolumna 820 px; numeracja
   paragrafami „§n" zamiast „1."; drobniejszy tekst (16 px zamiast 17 px),
   bo dokumenty czyta się punktami, a nie ciągiem.
   ============================================================================== */
.prt-info--dokument .prt-info__pasmo-tresc,
.prt-info--dokument .prt-info__uklad {
    max-width: 876px; /* 820 px treści + 2 × 28 px marginesu */
}

.prt-info--dokument .prt-info__pasmo-tresc {
    padding-top: clamp(36px, 4.4vw, 56px);
}

.prt-info--dokument .prt-info__uklad {
    grid-template-columns: minmax(0, 1fr);
}

.prt-info--dokument .prt-info__tresc {
    max-width: none;
}

.prt-info--dokument .prt-info__tytul {
    font-size: clamp(34px, 4vw, 48px);
    line-height: 1.08;
}

.prt-info--dokument .prt-info__lead {
    max-width: 64ch;
    font-size: clamp(16px, 1.4vw, 18px);
}

.prt-info--dokument .prt-info__sekcja h2 {
    font-size: clamp(22px, 2.2vw, 28px);
    text-wrap: balance;
}

.prt-info--dokument .prt-info__sekcja h3 {
    margin-top: clamp(24px, 2.4vw, 28px);
    font-size: 18px;
}

.prt-info--dokument .prt-info__sekcja p,
.prt-info--dokument .prt-info__sekcja li {
    font-size: 16px;
    line-height: 1.7;
}

/* Linia „Obowiązuje od …" pod leadem. Data ma się zmieniać razem z ostatnim
   punktem dokumentu, więc jest w TREŚCI, a nie w szablonie. */
.prt-info__obowiazuje {
    margin: 18px 0 0;
    font-size: 14px;
    font-weight: 600;
    color: var(--prt-info-wyciszony);
}

.prt-info__obowiazuje strong {
    font-weight: 700;
    color: var(--prt-info-granat);
}

/* ─── Ustępy numerowane ──────────────────────────────────────────────────────
   `<ol>` bez znacznika listy: numer jest osobną kolumną siatki, dzięki czemu
   zawijany tekst nie podjeżdża pod numer, a zagnieżdżone wypunktowanie siedzi
   POD tekstem ustępu, a nie w kolumnie numeru (to wprost jedno z kryteriów
   akceptacji handoffu). */
.prt-info--dokument .prt-info__sekcja ol {
    list-style: none;
    margin: 14px 0 0;
    padding: 0;
    counter-reset: prt-ustep;
}

.prt-info--dokument .prt-info__sekcja ol > li {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr);
    gap: 12px;
    align-items: start;
    counter-increment: prt-ustep;
}

.prt-info--dokument .prt-info__sekcja ol > li + li {
    margin-top: 10px;
}

.prt-info--dokument .prt-info__sekcja ol > li::before {
    content: counter(prt-ustep) ".";
    font-weight: 800;
    color: var(--prt-info-wyciszony);
    font-variant-numeric: tabular-nums;
}

/* Zagnieżdżona lista: siatka rodzica dałaby jej własną kolumnę, więc rozciągamy
   ją na obie i dosuwamy do tekstu ustępu. */
.prt-info--dokument .prt-info__sekcja ol > li > ul,
.prt-info--dokument .prt-info__sekcja ol > li > ol {
    grid-column: 2;
    margin-top: 8px;
}

/* ─── Wypunktowanie ──────────────────────────────────────────────────────────
   Kropka rysowana `::before`, nie `list-style`: markerem nie da się ustawić
   rozmiaru ani koloru niezależnie od tekstu. */
.prt-info--dokument .prt-info__sekcja ul {
    list-style: none;
    margin: 12px 0 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.prt-info--dokument .prt-info__sekcja ul > li {
    display: grid;
    grid-template-columns: 16px minmax(0, 1fr);
    align-items: start;
    font-weight: 500;
    color: var(--prt-info-tekst);
}

.prt-info--dokument .prt-info__sekcja ul > li::before {
    content: "";
    width: 6px;
    height: 6px;
    margin-top: 9px;
    border-radius: 999px;
    background: var(--prt-info-granat);
}

/* Drugi poziom: kreska zamiast kropki. */
.prt-info--dokument .prt-info__sekcja ul ul > li::before {
    width: 8px;
    height: 1.5px;
    margin-top: 12px;
    border-radius: 0;
    background: var(--prt-info-wyciszony);
}

/* ─── Definicje (§2 obu dokumentów) ──────────────────────────────────────── */
.prt-info-definicje {
    margin: 16px 0 0;
}

.prt-info-definicje > div {
    display: grid;
    grid-template-columns: minmax(140px, 0.36fr) minmax(0, 1fr);
    gap: 12px 24px;
    padding: 12px 0;
    border-bottom: 1.5px solid var(--prt-info-linia);
}

.prt-info-definicje dt {
    margin: 0;
    font-size: 16px;
    line-height: 1.45;
    font-weight: 800;
    color: var(--prt-info-granat);
}

.prt-info-definicje dd {
    margin: 0;
    font-size: 16px;
    line-height: 1.7;
    font-weight: 500;
    color: var(--prt-info-tekst);
}

/* ─── Pytania i odpowiedzi (Polityka §4) ─────────────────────────────────── */
.prt-info-pytania {
    margin: 14px 0 0;
    border: 1.5px solid var(--prt-info-linia);
    border-radius: 12px;
    overflow: hidden;
}

.prt-info-pytania > div {
    display: grid;
    grid-template-columns: minmax(150px, 0.38fr) minmax(0, 1fr);
    gap: 10px 20px;
    padding: 14px 18px;
}

.prt-info-pytania > div + div {
    border-top: 1.5px solid var(--prt-info-linia);
}

.prt-info-pytania dt {
    margin: 0;
    font-size: 15px;
    line-height: 1.45;
    font-weight: 800;
    color: var(--prt-info-granat);
}

.prt-info-pytania dd {
    margin: 0;
    font-size: 16px;
    line-height: 1.6;
    font-weight: 500;
    color: var(--prt-info-tekst);
}

/* Lista wewnątrz odpowiedzi nie dostaje własnego górnego odstępu — wiersz
   tabelki pytań sam go daje. */
.prt-info-pytania dd > ul {
    margin-top: 6px;
}

/* ─── Odnośniki w dokumentach ────────────────────────────────────────────────
   Adresy URL i e-maile bywają dłuższe niż kolumna definicji — `anywhere`
   pozwala złamać je w dowolnym miejscu, bo nie ma w nich spacji. */
.prt-info--dokument .prt-info__sekcja a {
    overflow-wrap: anywhere;
}

@media (max-width: 640px) {
    .prt-info-definicje > div,
    .prt-info-pytania > div {
        grid-template-columns: minmax(0, 1fr);
    }
}