/* Sekcja zakupu Stripe — strona testowa index-stripe.php (2026-10-21, makieta A). */
.lz { --lz-czerw:#dc3545; --lz-czerw-2:#c82333; --lz-ziel:#4CAF50; --lz-tekst:#1d1b26; --lz-szary:#6b6878; --lz-linia:#e6e3ee;
  background: radial-gradient(1200px 700px at 20% 0%, #6c27b5 0%, #3a1266 55%, #1c0833 100%); padding: 60px 0; font-family: Inter, system-ui, sans-serif;
  /* Własna warstwa: tło sekcji FAQ (.faq-one_bg) z motywu wychodzi w górę i przechwytywało kliknięcia. */
  position: relative; z-index: 3; }
.lz [hidden] { display: none !important; }
.lz-wrap { max-width: 1180px; margin: 0 auto; padding: 0 20px; display: grid; grid-template-columns: 1fr 1fr; gap: 28px; align-items: start; }
.lz-lewa { background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.14); border-radius: 22px; padding: 34px; color: #fff; }
.lz-h { margin: 0 0 14px; font-size: 26px; font-weight: 700; color: #fff; font-family: Inter, sans-serif; }
.lz-h2 { margin-top: 26px; }
.lz-plany { display: grid; gap: 10px; }
.lz-plan { display: grid; grid-template-columns: auto 1fr auto; gap: 14px; align-items: center; border: 2px solid transparent; border-radius: 14px; padding: 14px 16px; cursor: pointer; background: #fff; color: var(--lz-tekst); margin: 0; }
.lz-plan input { position: absolute; opacity: 0; pointer-events: none; }
.lz-plan:has(input:checked) { border-color: var(--lz-czerw); background: #fff6f6; box-shadow: 0 6px 22px rgba(220,53,69,.18); }
.lz-plan:has(input:focus-visible) { outline: 3px solid #ffcf5c; outline-offset: 2px; }
.lz-radio { width: 20px; height: 20px; border-radius: 50%; border: 2px solid #b9b5c6; }
.lz-plan:has(input:checked) .lz-radio { border-color: var(--lz-czerw); background: var(--lz-czerw); box-shadow: inset 0 0 0 4px #fff; }
.lz-plan-nazwa { font-weight: 800; font-size: 16px; display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.lz-plan-opis { display: block; font-size: 13px; color: var(--lz-szary); margin-top: 3px; }
.lz-rabat { background: var(--lz-czerw); color: #fff; font-size: 11.5px; font-weight: 700; padding: 3px 9px; border-radius: 99px; }
.lz-cena { text-align: right; white-space: nowrap; }
.lz-cena s { display: block; font-size: 13px; color: #9a96a8; }
.lz-cena strong { display: block; font-size: 24px; font-weight: 900; color: var(--lz-tekst); }
.lz-plan:has(input:checked) .lz-cena strong { color: var(--lz-czerw-2); font-size: 26px; }
.lz-cena small { display: block; font-size: 12px; color: var(--lz-szary); }
.lz-lista { list-style: none; margin: 0; padding: 0; }
.lz-lista li { display: flex; gap: 14px; padding: 10px 0; border-bottom: 1px solid rgba(255,255,255,.12); font-weight: 600; font-size: 15.5px; line-height: 1.45; color: #fff; }
.lz-lista li small { display: block; font-weight: 400; opacity: .85; margin-top: 3px; font-size: 13.5px; }
.lz-ok { flex: none; width: 24px; height: 24px; border-radius: 50%; background: var(--lz-ziel); display: grid; place-items: center; font-size: 13px; color: #fff; }
.lz-bonus { background: #f5b82e; }

.lz-karta { background: #fff; border-radius: 22px; padding: 30px 32px 26px; box-shadow: 0 30px 80px rgba(10,0,30,.45); color: var(--lz-tekst); }
.lz-tytul { margin: 0; font-size: 24px; font-weight: 800; text-align: center; color: var(--lz-tekst); }
.lz-promo { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0 20px; font-size: 13px; color: var(--lz-czerw-2); font-weight: 600; }
.lz-promo b { font-variant-numeric: tabular-nums; background: #2b2537; color: #ffcf5c; padding: 3px 8px; border-radius: 6px; font-weight: 700; letter-spacing: .5px; }
.lz-sekcja { margin-top: 18px; padding-top: 16px; border-top: 1px dashed var(--lz-linia); display: grid; gap: 12px; }
.lz-pierwsza { border-top: 0; margin-top: 0; padding-top: 0; }
.lz-pola2 { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; align-items: start; }
.lz-pole { display: grid; gap: 6px; font-size: 13.5px; font-weight: 600; margin: 0; color: var(--lz-tekst); }
.lz-pole input { border: 1.5px solid #d8d4e2; border-radius: 9px; padding: 12px 13px; font: 15px Inter, sans-serif; color: var(--lz-tekst); background: #fff; width: 100%; }
.lz .lz-pole input::placeholder { color: #a9a5b5 !important; opacity: 1; font-weight: 400; }
.lz-pole input:focus { border-color: var(--lz-czerw); outline: none; box-shadow: 0 0 0 3px rgba(220,53,69,.15); }
.lz .lz-pole input.is-blad { border-color: var(--lz-czerw); box-shadow: 0 0 0 3px rgba(220,53,69,.15); }
.lz-hint { font-size: 12px; color: var(--lz-szary); font-weight: 400; }
.lz-firma { display: flex; gap: 9px; align-items: center; font-size: 14px; font-weight: 600; margin: 0; cursor: pointer; color: var(--lz-tekst); }
.lz-firma input { width: 18px; height: 18px; accent-color: var(--lz-czerw); }
.lz-nip { display: grid; gap: 6px; }
.lz-nip-wynik { margin: 0; font-size: 12.5px; color: var(--lz-szary); font-weight: 600; min-height: 1em; }
.lz-nip-wynik.is-ok { color: #2e7d32; }
.lz-platnosc { min-height: 64px; }
.lz-czeka { margin: 0; padding: 14px; border: 1.5px dashed #d8d4e2; border-radius: 9px; font-size: 13.5px; color: var(--lz-szary); text-align: center; }
.lz-suma { display: grid; gap: 6px; font-size: 14px; color: var(--lz-szary); }
.lz-wiersz { display: flex; justify-content: space-between; gap: 12px; }
.lz-razem { color: var(--lz-tekst); font-weight: 800; font-size: 18px; }
.lz-zaplac { display: block; width: 100%; border: 0; border-radius: 10px; padding: 17px; font: 800 18px Inter, sans-serif; color: #fff !important; text-align: center; text-decoration: none !important;
  background: linear-gradient(135deg, var(--lz-czerw) 0%, var(--lz-czerw-2) 100%); box-shadow: 0 10px 26px rgba(200,35,51,.35); cursor: pointer; }
.lz-zaplac:disabled { opacity: .55; cursor: not-allowed; box-shadow: none; }
.lz-komunikat { margin: 0; font-size: 14px; color: var(--lz-szary); text-align: center; }
.lz-komunikat.is-blad { color: var(--lz-czerw-2); font-weight: 600; }
.lz-zaufanie { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px 18px; font-size: 13px; color: #2e7d32; font-weight: 600; }
.lz-stopka { text-align: center; font-size: 12px; color: var(--lz-szary); }
.lz-sukces { text-align: center; padding: 30px 10px 10px; }
.lz-sukces-ikona { width: 64px; height: 64px; margin: 0 auto 14px; border-radius: 50%; background: var(--lz-ziel); color: #fff; font-size: 34px; display: grid; place-items: center; }
.lz-sukces h3 { font-size: 26px; font-weight: 800; margin: 0 0 10px; color: var(--lz-tekst); }
.lz-sukces p { color: var(--lz-szary); font-size: 15.5px; margin: 0 0 22px; }

@media (max-width: 880px) {
  .lz { padding: 30px 0; }
  .lz-wrap { grid-template-columns: 1fr; padding: 0 16px; }
  /* Telefon: wybór planu → formularz → „Co otrzymujesz” (lewa kolumna rozbita wokół karty). */
  .lz-lewa { display: contents; }
  .lz-wybor, .lz-pakiet { background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.14); border-radius: 22px; padding: 22px 18px; color: #fff; }
  .lz-wybor { order: 1; }
  .lz-karta { order: 2; }
  .lz-pakiet { order: 3; }
  .lz-pakiet .lz-h2 { margin-top: 0; }
  .lz-karta { padding: 22px 18px; }
  .lz-pola2 { grid-template-columns: 1fr; }
  .lz-plan { gap: 10px; padding: 12px; }
  .lz-cena strong { font-size: 20px; }
}