/*
 * Strona programu „Stały Klient” (program.rachelactiveplanet.pl) na nowym szablonie strony www (od 22.10.2026).
 * Dodatki do style_menu2.css i podstrony.css: karta z formularzem zapisu w nagłówku i pogrubienia.
 * Formularz ma te same pola i identyfikatory co wcześniej (#register-form, #email, #terms, #terms2), a jego wygląd
 * bazowy (pola, zgody, kręciołek, podziękowanie) daje style_menu2.css. Źródło: rozwoj/staly-klient/strona-programu/.
 */

/* Kroki: lista numerowana w HTML (ol), bez numerów przeglądarki */
.ps ol.kafle { list-style: none; }

/* Najważniejsza informacja pogrubiona naprawdę (uwaga Magdy 421: e-mail, którym logujesz się w Fitssey) */
.ps strong.pogrubione { font-family: var(--sans-mocne); color: var(--tekst); }

/* Nagłówek: tekst i karta zapisu po lewej, film programu w łuku po prawej */
.ps-hero--program .ps-hero__tekst { padding-bottom: 2.5rem; }
.ps-hero--program h1 { max-width: 13em; }
.ps .karta-zapisu {
  position: relative;
  max-width: 34rem;
  margin-top: 1.6rem;
  padding: clamp(1.4rem, 1.1rem + 1.2vw, 2.1rem);
  background: var(--bialy);
  border-radius: var(--promien);
  box-shadow: var(--cien);
  scroll-margin-top: 90px;
}
.ps .karta-zapisu h2 { font-size: var(--fs-h3); margin-bottom: .5rem; }
.ps .karta-zapisu #form-step-1 > p { margin-bottom: 1rem; color: var(--tekst-2); }
.ps .karta-zapisu .form-row { margin-bottom: .4rem; }
.ps .karta-zapisu .form-control { width: 100%; height: 50px; padding-inline: 20px; font-family: var(--sans); font-size: 1rem; }
.ps .karta-zapisu .form-row > div[style] { line-height: 1.5; color: var(--tekst-2); }
.ps .karta-zapisu .checkbox-row { margin-top: .8rem; }
.ps .karta-zapisu .checkbox-label { line-height: 1.5; }
.ps .karta-zapisu .submit-wrapper { margin-top: 1.4rem; }
.ps .karta-zapisu .btn.btn-primary { min-height: 52px; padding: .8rem 2.4rem; }
.ps .karta-zapisu .btn.btn-primary:hover { background: var(--ink); border-color: var(--ink); color: #fff; }
.ps .karta-zapisu #thp { align-items: center; padding: 1rem; font-family: var(--szeryf); font-size: 1.4rem; line-height: 1.3; color: var(--ink); }
.ps .karta-zapisu .just-validate-error-label { font-size: .8125rem; }
@media (max-width: 639px) {
  .ps .karta-zapisu { margin-inline: calc(-1 * var(--gutter) / 2); }
  /* Na telefonie boczny pasek ikon zasłaniał pole e-mail; kontakt jest w menu i w stopce */
  #sm-nav-widget { display: none; }
}
/* Film programu mówi (z dźwiękiem, sprawdziła Magda 22.10.2026), więc nie startuje sam: zwykłe przyciski filmu w łuku */
.ps-hero--program .luk video { background: var(--greige); }
@media (min-width: 900px) {
  .ps-hero--program .ps-hero__siatka { align-items: center; }
  .ps-hero--program .ps-hero__luki { align-self: center; }
}