
.pk_pakiet{border:1px solid var(--pz-linia,#e6e1d7);border-radius:10px;background:#fff;overflow:hidden;margin:0 0 28px}
.pk_pakiet_nagl{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:14px 18px;
  background:var(--pz-tlo,#faf8f4);border-bottom:1px solid var(--pz-linia,#e6e1d7)}
.pk_pakiet .pk_pakiet_nagl h4{margin:0;padding:0;font-size:16px;font-weight:700;color:var(--pz-atrament,#1f1d1a)}
.pk_pakiet_ile{font-size:12.5px;color:var(--pz-cichy,#7b766d);white-space:nowrap}

.pk_pakiet_lista{margin:0;padding:0}
.pk_pakiet_poz{display:flex;align-items:center;gap:14px;padding:12px 18px;
  border-bottom:1px solid var(--pz-linia,#e6e1d7);transition:background .12s}
.pk_pakiet_poz:last-child{border-bottom:0}
.pk_pakiet_poz:hover{background:var(--pz-tlo,#faf8f4)}
.pk_pakiet_okl{flex:0 0 46px;display:flex;justify-content:center}
.pk_pakiet_okl img{display:block;width:46px;height:auto;border-radius:2px;box-shadow:0 4px 10px -5px rgba(31,29,26,.5)}
.pk_pakiet_txt{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:3px;text-align:left}
.pk_pakiet_tytul{font-size:14.5px;font-weight:600;line-height:1.35;color:var(--pz-atrament,#1f1d1a);text-decoration:none}
a.pk_pakiet_tytul:hover{color:var(--pz-akcent,#a3161c);text-decoration:underline}
.pk_pakiet_autor{font-size:13px;font-style:italic;color:var(--pz-cichy,#7b766d)}
.pk_pakiet_ceny{flex:0 0 auto;display:flex;align-items:flex-start;gap:20px}
.pk_pakiet_cena{display:flex;flex-direction:column;align-items:flex-end;min-width:66px;font-size:14px;
  font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--pz-tekst,#3b3833)}
.pk_pakiet_cena small{font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--pz-cichy,#7b766d)}
.pk_pakiet_cena del{color:var(--pz-cichy,#7b766d)}
.pk_pakiet_cena--pakiet b{font-weight:700;color:var(--pz-atrament,#1f1d1a)}

.pk_pakiet_suma{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px 28px;padding:14px 18px;
  background:var(--pz-tlo,#faf8f4);border-top:1px solid var(--pz-linia,#e6e1d7)}
.pk_pakiet_suma_poz{display:flex;flex-direction:column;align-items:flex-end;font-variant-numeric:tabular-nums}
.pk_pakiet_suma_poz span{font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--pz-cichy,#7b766d)}
.pk_pakiet_suma_poz del,.pk_pakiet_suma_poz em{font-size:15px;font-style:normal;color:var(--pz-cichy,#7b766d)}
.pk_pakiet_suma_poz strong{font-size:22px;line-height:1.1;color:var(--pz-akcent,#a3161c)}
.pk_pakiet_oszcz{display:flex;align-items:center;gap:8px;margin-right:auto;padding:7px 12px;border-radius:999px;
  background:#e9f4ec;color:#17602f;font-size:13.5px}
.pk_pakiet_oszcz span{padding:1px 7px;border-radius:999px;background:#1f7a3f;color:#fff;font-size:12px;font-weight:700}

/* --- karta SKŁADOWEJ: „W pakiecie taniej” (pk_ksiazka_w_pakiet_html) --- */
.pk_pakiet_haslo{display:inline-block;margin-right:8px;padding:3px 10px;border-radius:999px;vertical-align:1px;
  background:var(--pz-akcent,#a3161c);color:#fff;font-size:11.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}
.pk_pakiet_haslo_txt{color:var(--pz-akcent,#a3161c)}
/* tytuł ma pierwszeństwo: gdy zostałoby mu mniej niż 220px, ceny przechodzą pod spód (do prawej) */
.pk_pakiet--skladowa .pk_pakiet_poz{flex-wrap:wrap}
.pk_pakiet--skladowa .pk_pakiet_txt{flex:1 1 220px}
.pk_pakiet--skladowa .pk_pakiet_ceny{margin-left:auto;align-items:center;gap:14px}
.pk_pakiet--skladowa .pk_pakiet_cena--pakiet b{font-size:18px;line-height:1.15;color:var(--pz-akcent,#a3161c)}
/* plakietka „Oszczędzasz” w dwóch liniach: napis, pod nim kwota i procent */
.pk_pakiet_oszcz--wiersz{flex-direction:column;align-items:center;gap:1px;margin-right:0;padding:6px 12px;
  border-radius:12px;white-space:nowrap;line-height:1.25}
.pk_pakiet_oszcz--wiersz small{font-size:11px;letter-spacing:.04em;text-transform:uppercase}
.pk_pakiet_oszcz_kwota{display:flex;align-items:center;gap:6px;font-style:normal}
.pk_pakiet_oszcz_kwota b{font-size:15px;font-weight:700}

@media (max-width:560px){
  .pk_pakiet_poz{align-items:flex-start;flex-wrap:wrap;padding:12px 14px}
  .pk_pakiet_txt{flex-basis:0}
  .pk_pakiet_ceny{width:100%;justify-content:flex-end}
  .pk_pakiet_nagl,.pk_pakiet_suma{padding:12px 14px}
  .pk_pakiet_suma{justify-content:space-between}
  .pk_pakiet_oszcz{margin-right:0;width:100%;justify-content:center}
  .pk_pakiet--skladowa .pk_pakiet_ceny{flex-wrap:wrap;gap:10px 14px}
  .pk_pakiet--skladowa .pk_pakiet_oszcz--wiersz{width:auto}
}
