/* Landingi programów 12 tygodni (Grzmot, Huragan i kolejne). Ładować jako OSTATNI arkusz.
   1.11: „Dla kogo” z ramką „Nie jest dla Ciebie” w jednej sekcji + cena na dole w poziomie. */

/* DLA KOGO: tekst + ramka po lewej, lista po prawej */
.dla { display: grid; gap: 28px; }
.dla__tekst .lead { margin-top: 20px; }
.dla .nie { order: 3; margin: 4px 0 0; max-width: 460px !important; padding: 20px 22px !important; border: 1px solid var(--czerwien) !important; border-radius: 0 !important; text-align: left !important; background: none; }
.dla .nie .etykieta { justify-content: flex-start !important; font-size: 1.15rem !important; margin: 0 0 8px !important; }
.dla .nie .etykieta::before { width: 14px !important; height: 14px !important; }
.dla .nie p:not(.etykieta) { font-family: var(--display); font-weight: 700 !important; font-size: 1.1rem !important; line-height: 1.3; max-width: none !important; margin: 0; }
.dla .nie p.nie__dalej { margin-top: 6px !important; font-family: var(--tekst) !important; font-weight: 400 !important; font-size: .98rem !important; color: #3a3a3e !important; }
.dla .nie a { color: var(--czerwien); text-underline-offset: 3px; }
@media (min-width: 900px) {
  .dla { grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); grid-template-areas: "tekst lista" "nie lista"; gap: 0 72px !important; align-items: center !important; }
  .dla__tekst { grid-area: tekst; align-self: end; }
  .dla__prawa { grid-area: lista; }
  .dla .nie { grid-area: nie; align-self: start; margin-top: 32px; }
  .dla .dla__lista { margin-top: 0 !important; }
  .dla .dla__lista li { padding: 18px 0; }
}

/* CENA NA DOLE: na komputerze w poziomie (opis | cena i przycisk | co po zakupie) */
.cennik__karta { border-radius: 0 !important; }
.cennik .pozakupie { border-radius: 0; }
@media (min-width: 900px) {
  .cennik .in { padding-block: 72px 64px !important; }
  .cennik__uklad { display: block !important; }
  .cennik__uklad > div { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.6fr); column-gap: 48px; align-items: center; }
  .cennik__uklad > div > :not(.cennik__karta) { grid-column: 1; }
  .cennik__uklad .co { margin-bottom: 0 !important; }
  .cennik__uklad .cennik__karta { grid-column: 2; grid-row: 1 / span 3; margin: 0 !important; max-width: none !important; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: 28px; align-items: start; padding: 26px 26px !important; background: rgba(10, 10, 11, .78) !important; }
  .cennik__karta > * { grid-column: 1; }
  .cennik__karta .btn { max-width: none; }
  .cennik__karta .pozakupie { grid-column: 2; grid-row: 1 / span 6; margin: 0 !important; max-width: none; align-self: stretch; }
}