/* Hausgurus Funnel — Mobile Performance (nur <=767px, Desktop unverändert) */

@media (max-width: 767px) {
  /* Header: keine Cosmic-Animationen während Funnel */
  body.hg-funnel-chrome #leiste-embed .n1-cosmic,
  body.hg-funnel-chrome #leiste-embed .n1-cosmic__warp::before,
  body.hg-funnel-chrome #leiste-embed .n1-cosmic__warp::after,
  body.hg-funnel-chrome #leiste-embed .n1-cosmic__w-scroll,
  body.hg-funnel-chrome #leiste-embed .n1-cosmic__shimmer,
  body.hg-funnel-chrome #leiste-embed .n1-cta--bewertung::before,
  body.hg-funnel-chrome #leiste-embed .n1-cta--bewertung::after {
    animation: none !important;
    transition: none !important;
  }

  /* Hintergrund: flach wie Pflegeorienta — kein SVG, kein Blur, keine Orbs */
  #hg-pro-gateway.hg-v3 .hg-v3-contour-svg,
  #hg-pro-gateway.hg-v3 .hg-v3-bg-orbs,
  #hg-pro-gateway.hg-v3 .hg-v3-bg-contours::before,
  #hg-pro-gateway.hg-v3 .hg-v3-bg-contours::after {
    display: none !important;
  }

  #hg-pro-gateway.hg-v3 .hg-v3-bg-mesh {
    animation: none !important;
    transform: none !important;
    opacity: 1 !important;
    filter: none !important;
    background:
      radial-gradient(ellipse 90% 60% at 50% -20%, rgba(58, 98, 227, 0.12), transparent 55%),
      radial-gradient(ellipse 50% 40% at 0% 50%, rgba(255, 145, 29, 0.06), transparent 50%),
      linear-gradient(180deg, #f8fbff 0%, #eef4ff 50%, #f5f7fb 100%) !important;
  }

  #hg-pro-gateway.hg-v3 .hg-v3-bg-orb,
  #hg-pro-gateway.hg-v3 .hg-v3-contour-blob,
  #hg-pro-gateway.hg-v3 .hg-v3-contour-group,
  #hg-pro-gateway.hg-v3 .hg-v3-contour-soft {
    animation: none !important;
    filter: none !important;
  }

  /* Schrittwechsel: sofort sichtbar, keine Enter-Animation */
  #hg-pro-gateway.hg-v3 .p-step.active.p-step-enter > *,
  #hg-pro-gateway.hg-v3 .p-step.active.p-step-enter .p-item,
  #hg-pro-gateway.hg-v3 .p-step.active,
  #hg-pro-gateway.hg-v3.is-nav-back .p-step.active,
  #hg-pro-gateway.hg-v3.is-step-transition .p-step.active,
  #hg-pro-gateway.hg-v3 .hg-v3-step-icon.p-step.active.p-step-enter .hg-v3-outline-choice,
  #hg-pro-gateway.hg-v3 .hg-v3-step-input.p-step.active.p-step-enter .p-input-group {
    animation: none !important;
    transition: none !important;
    opacity: 1 !important;
    transform: none !important;
  }

  #hg-pro-gateway.hg-v3 .p-bar::after,
  #hg-pro-gateway.hg-v3 .p-card::before,
  #hg-pro-gateway.hg-v3 .p-next-btn::after,
  #hg-pro-gateway.hg-v3 .hg-v3-foot-trust-pill--free,
  #hg-pro-gateway.hg-v3 .hg-v3-foot-trust-pill--accent {
    animation: none !important;
  }

  #hg-pro-gateway.hg-v3 .p-item,
  #hg-pro-gateway.hg-v3 .p-next-btn,
  #hg-pro-gateway.hg-v3 .p-back-nav,
  #hg-pro-gateway.hg-v3 button,
  #hg-pro-gateway.hg-v3 .hg-v3-outline-choice,
  #hg-pro-gateway.hg-v3 .p-makler-choice-btn {
    touch-action: manipulation;
  }

  #hg-pro-gateway.hg-v3 .p-item {
    transition: background-color 0.12s ease, border-color 0.12s ease, box-shadow 0.12s ease !important;
  }

  /* Kontakt-Schritt: kompakt — alles möglichst ohne Scrollen sichtbar */
  #hg-pro-gateway.hg-v3.is-step-kontakt .hg-v3-foot {
    display: none !important;
  }

  #hg-pro-gateway.hg-v3.is-step-kontakt .p-wrapper {
    padding-top: 8px !important;
    padding-bottom: 10px !important;
  }

  #hg-pro-gateway.hg-v3.is-step-kontakt #gs-kontakt .p-kontakt-heading {
    font-size: 1.12rem !important;
    line-height: 1.2 !important;
    margin-bottom: 4px !important;
  }

  #hg-pro-gateway.hg-v3.is-step-kontakt #gs-kontakt .p-kontakt-subhint {
    font-size: 11px !important;
    line-height: 1.35 !important;
    margin-bottom: 8px !important;
  }

  #hg-pro-gateway.hg-v3.is-step-kontakt .hg-v3-kontakt-trust {
    margin-bottom: 10px !important;
    gap: 5px !important;
  }

  #hg-pro-gateway.hg-v3.is-step-kontakt .hg-v3-kontakt-trust-pill {
    padding: 4px 9px !important;
    font-size: 10px !important;
  }

  #hg-pro-gateway.hg-v3.is-step-kontakt .hg-v3-kontakt-form .p-contact-fields {
    gap: 8px !important;
    margin-bottom: 8px !important;
  }

  #hg-pro-gateway.hg-v3.is-step-kontakt .hg-v3-kontakt-form .p-label {
    font-size: 11px !important;
    margin-bottom: 3px !important;
  }

  #hg-pro-gateway.hg-v3.is-step-kontakt .hg-v3-kontakt-form input {
    min-height: 42px !important;
    padding: 8px 12px !important;
    font-size: 16px !important;
    border-radius: 12px !important;
  }

  #hg-pro-gateway.hg-v3.is-step-kontakt .hg-v3-kontakt-optin {
    gap: 8px !important;
    padding: 7px 9px !important;
    font-size: 10px !important;
    line-height: 1.32 !important;
    margin-bottom: 2px !important;
    border-radius: 10px !important;
  }

  #hg-pro-gateway.hg-v3.is-step-kontakt .hg-v3-kontakt-optin input[type="checkbox"] {
    width: 14px !important;
    height: 14px !important;
    margin-top: 1px !important;
  }

  #hg-pro-gateway.hg-v3.is-step-kontakt #gs-kontakt .p-kontakt-submit-wrap {
    margin-top: 8px !important;
  }

  #hg-pro-gateway.hg-v3.is-step-kontakt #gs-kontakt .p-next-btn-kontakt-send {
    min-height: 44px !important;
    font-size: 15px !important;
  }

  #hg-pro-gateway.hg-v3.is-step-kontakt .hg-kontakt-returning {
    margin: 4px 0 0 !important;
    font-size: 11px !important;
    text-align: center;
  }

  #hg-pro-gateway.hg-v3.is-step-kontakt .p-error-msg-static:empty {
    display: none !important;
    margin: 0 !important;
    min-height: 0 !important;
  }

  /* Berechnungs-Lader: Spinner darf auf Mobil weiterlaufen */
  #hg-pro-gateway.hg-v3 #gs-berechnung.active {
    min-height: min(48vh, 360px) !important;
  }

  #hg-pro-gateway.hg-v3 #gs-berechnung.active .hg-loader {
    animation: hg-loader-fade-in 0.35s ease !important;
    opacity: 1 !important;
    transform: none !important;
  }

  #hg-pro-gateway.hg-v3 #gs-berechnung.active .hg-loader__ring {
    animation: hg-loader-spin 0.85s linear infinite !important;
  }
}