.hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}

.quiz-option,
.quiz-contact input[type=text],
.quiz-contact input[type=tel],
.quiz-contact input[type=email],
.cookie-banner button {
  min-height: 44px;
}

@media (min-width: 741px) and (max-width: 1024px) {
  .hero {
    display: block;
    min-height: 100svh;
    overflow: hidden;
    background: none;
  }

  .hero__image {
    position: absolute;
    inset: 0;
    min-height: 0;
    background-image: linear-gradient(#07122185, #07122185), var(--hero-image);
    background-position: center;
    background-size: cover;
  }

  .hero__backdrop { display: none; }

  .hero__panel {
    position: relative;
    z-index: 1;
    top: auto;
    left: auto;
    width: auto;
    height: auto;
    min-height: 100svh;
    padding: 28px clamp(40px, 10vw, 100px) 40px;
    background: transparent;
  }

  .brand,
  .hero h1,
  .feature-list,
  .hero__offer,
  .primary-button {
    width: min(520px, 100%);
    max-width: none;
  }

  .brand { margin: 0 0 46px; }
  .hero h1 { margin: 0 0 34px; }
  .hero__offer { margin: 42px 0 16px; }
  .primary-button { min-width: 0; }
  .hero__footer { display: none; }
  .call-button { top: 65%; right: 24px; bottom: auto; left: auto; }
}

@media (max-width: 374px) {
  .primary-button { width: 100%; }
  .call-button { right: 12px; left: auto; }
}

@media (max-width: 1024px) and (max-height: 650px) {
  .hero { min-height: 760px; overflow: visible; }
  .hero__panel { min-height: 760px; }
  .brand { margin-bottom: 22px; }
  .hero h1 { margin-bottom: 22px; }
  .feature-list { gap: 8px; }
  .hero__offer { margin-top: 22px; }
  .call-button { top: 500px; }
}