/* ============================================================
   e-Doręczenia Certum — /e-doreczenia
   Nakłada się na weryfikacja.css + certumsign.css (sekcje, plany, formularz).
   Prefiks ed-. Tylko tokeny z tokens.css i zmienne .wr.
   ============================================================ */
.ed-hero-film video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:calc(var(--wr-r-2xl) - 8px);background:#F7FAFC}

/* pasek terminu */
.ed-termin-pasek{background:var(--c-ink);color:#fff}
.ed-termin{display:flex;align-items:center;justify-content:space-between;gap:var(--s-5);padding-block:var(--s-5);flex-wrap:wrap}
.ed-termin p{margin:0;max-width:52rem;line-height:1.55;color:rgba(255,255,255,.82)}
.ed-termin strong{color:#fff}

/* plany: 3 kolumny, nazwa jako h3 */
.ed .cs-plany{margin-top:var(--s-6)}
.ed-plan-nazwa{margin:0;font-size:var(--t-2xl);letter-spacing:-.02em}
.ed-okresy{margin-top:var(--s-1)}
.ed-okresy td span{font-weight:var(--fw-normal);color:var(--c-ink-3)}
.ed-link-maly{align-self:center;font-size:var(--t-sm);color:var(--c-ink-3)}

/* pakiety przesyłek */
.ed-tabela-ramka{padding:var(--s-5) var(--s-6);border-radius:var(--wr-r-2xl);background:#fff;border:1px solid var(--c-line);box-shadow:var(--wr-cien-miekki);overflow-x:auto}
.ed-tabela-przesylki thead th{border-top:0;color:var(--c-ink-3);font-size:var(--t-xs);text-transform:uppercase;letter-spacing:.04em}
.ed-tabela-przesylki thead th+th,.ed-tabela-przesylki td{text-align:right}
.ed-tabela-przesylki td+td{color:var(--c-ink-2);font-weight:var(--fw-normal)}
.ed-przesylki .btn{margin-top:var(--s-2)}

/* przeniesienie ADE */
.ed-kafle{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-5);margin-top:var(--s-6)}
.ed-kafel{position:relative;padding:var(--s-6);border-radius:var(--wr-r-xl);background:#fff;border:1px solid var(--c-line)}
.ed-kafel h3{margin:var(--s-3) 0 .35rem;font-size:var(--t-lg)}
.ed-kafel p{margin:0;color:var(--c-ink-2);line-height:1.55}
.ed-nr{display:grid;place-items:center;width:2.2rem;height:2.2rem;border-radius:50%;background:var(--c-cert-soft);color:var(--c-cert-deep);font-weight:var(--fw-bold)}
@media (max-width:860px){.ed-kafle{grid-template-columns:1fr}}

/* oś czasu obowiązku */
.ed-os{list-style:none;margin:var(--s-6) 0 var(--s-4);padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--s-4);counter-reset:none}
.ed-os-punkt{position:relative;padding:var(--s-5);padding-top:calc(var(--s-5) + 6px);border-radius:var(--wr-r-xl);background:var(--c-bg-2);border:1px solid var(--c-line)}
.ed-os-punkt::before{content:"";position:absolute;inset:0 0 auto;height:6px;border-radius:var(--wr-r-xl) var(--wr-r-xl) 0 0;background:var(--c-line-2)}
.ed-os-teraz::before{background:var(--c-cert)}
.ed-os-data{margin:0 0 var(--s-2);display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;font-family:"IBM Plex Mono",ui-monospace,monospace;font-weight:600;font-size:var(--t-sm)}
.ed-os-status{padding:.1rem .5rem;border-radius:var(--r-full);font-family:inherit;font-size:var(--t-xs);background:#fff;color:var(--c-ink-3);border:1px solid var(--c-line)}
.ed-os-teraz .ed-os-status{background:var(--c-cert);border-color:var(--c-cert);color:#fff}
.ed-os-punkt h3{margin:0 0 .35rem;font-size:var(--t-base);line-height:1.35}
.ed-os-punkt p:last-child{margin:0;font-size:var(--t-sm);color:var(--c-ink-2);line-height:1.5}
@media (max-width:1100px){.ed-os{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.ed-os{grid-template-columns:1fr}}

/* API */
.ed-api{display:flex;align-items:center;justify-content:space-between;gap:var(--s-6);flex-wrap:wrap}
.ed-api>div{max-width:46rem}

@media (max-width:860px){.ed .cs-plany{grid-template-columns:1fr}}

/* ── poprawki układu (2026-10-21) ── */
/* nagłówek: 5 linków + dłuższe CTA nie mieszczą się poniżej ~1100 px */
@media (max-width:400px){.ed .wr-glowa-wnetrze{gap:var(--s-2)}.ed .wr-marka{font-size:var(--t-sm)}.ed .wr-marka svg{width:20px;height:20px}}
/* plan Free: wiersze limitów nie rozciągają się na wysokość karty */
.ed .cs-limity{align-content:start}
/* notki pod siatkami kart */
.ed .cs-plany + .cs-drobne,.ed-kafle + .cs-drobne,.ed-os + .cs-drobne{margin-top:var(--s-5)}
/* "e-Doręczeń" nie łamie się na myślniku */
.ed-nw{white-space:nowrap}
/* CTA na dole: tło jak FAQ (szare) — ramka nie przykleja się do krawędzi sekcji;
   tekst się zawija, przycisk zostaje po prawej, wyśrodkowany w pionie */
.ed .cs-cta-sekcja{background:var(--c-bg-2)}
.ed .wr-cta{flex-wrap:nowrap}
.ed .wr-cta>div{flex:1 1 0;min-width:0}
.ed .wr-cta>.btn{flex:none}
@media (max-width:720px){.ed .wr-cta{flex-wrap:wrap}.ed .wr-cta>div{flex-basis:100%}}
.ed .wr-cta h2{text-wrap:balance}
