body.tpk-sat-landing {
  --tpk-landing-anchor-offset: calc(5rem + var(--wp-admin--admin-bar--height, 0px));
}

body.tpk-sat-landing :is(
  #tpk-native-form,
  #formularz,
  #formularz-konsultacji,
  #formularz-konsultacja,
  #formularz-recepta,
  #formularz-tabletka-po,
  .kenf[data-kenf]
) {
  scroll-margin-block-start: var(--tpk-landing-anchor-offset);
}

body.tpk-sat-landing :is(
  .tpk-landing-cta,
  .wp-block-button__link[href^="#formularz"],
  .zlp-btn[href="#formularz"],
  .med-page-hm a[href$="/#formularz"]
):focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 4px;
}

@media (max-width: 700px) {
  body.tpk-sat-landing :is(
    .trg-page-hero,
    .jr-page-heading,
    .ke-page-hero
  ) {
    padding-block: clamp(1.15rem, 4vw, 1.8rem) !important;
  }

  body.tpk-sat-landing .tpk-landing-actions {
    inline-size: min(100%, 24rem);
    margin-inline: auto;
  }

  body.tpk-sat-landing .tpk-landing-actions > a.tpk-landing-cta {
    display: inline-flex;
    box-sizing: border-box;
    min-block-size: 48px;
    inline-size: 100%;
    justify-content: center;
    align-items: center;
    white-space: normal;
    text-align: center;
    text-wrap: balance;
  }

  body.tpk-sat-landing :is(
    .wp-block-button__link[href^="#formularz"],
    .zlp-btn[href="#formularz"],
    .med-page-hm a[href$="/#formularz"]
  ) {
    min-block-size: 44px;
    max-inline-size: 100%;
    white-space: normal;
    text-wrap: balance;
  }

  body.tpk-sat-landing .tpk-landing-journey {
    padding-inline: clamp(.9rem, 4vw, 1.4rem);
  }

  body.tpk-sat-landing .tpk-landing-steps {
    grid-template-columns: minmax(0, 1fr);
    gap: .65rem;
  }

  body.tpk-sat-landing .kenf[data-kenf] :is(
    input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
    select,
    textarea
  ) {
    font-size: max(16px, 1em);
  }
}