/* Mobile hero: heading, introduction, video, booking, then social proof. */
.aes-cta-label-desktop, .aes-cta-label-mobile { font: inherit; }
.aes-cta-label-mobile { display: none; }
.mobile-menu__whatsapp { display: none; }

@media (max-width: 680px) {
  .hero {
    --hero-video-gap: 26px;
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
    padding-top: 108px;
    padding-bottom: 48px;
    text-align: center;
  }

  /* Expose the existing copy elements to the hero grid without duplicating them. */
  .hero-copy { display: contents; }

  .hero .eyebrow {
    order: 1;
    justify-content: center;
    max-width: 340px;
    margin: 0 auto 16px;
    font-size: .56rem;
    line-height: 1.6;
    letter-spacing: .1em;
    text-wrap: balance;
  }

  #main .hero h1 {
    order: 2;
    width: calc(100% + 12px);
    max-width: none;
    margin: 0 -6px 8px;
    color: #fff;
    font-size: clamp(1.125rem, calc(7vw - 2px), 2.75rem);
    line-height: 1.18;
    letter-spacing: -.06em;
  }

  .hero-title-line { display: block; white-space: nowrap; }
  .hero h1 em { color: inherit; }
  .hero h1 .hero-title-duration { color: var(--cyan); }
  .hero-lead-dash { display: none; }

  .hero-lead {
    order: 3;
    max-width: 480px;
    margin: 0 auto var(--hero-video-gap);
    font-size: clamp(.7rem, calc(4vw - 1.6px), 1rem);
    line-height: 1.65;
    text-wrap: balance;
  }

  .hero .hero-visual {
    order: 4;
    width: 100%;
    height: auto;
    margin: 0 0 calc(var(--hero-video-gap) + 4px);
    padding: 0;
  }

  .hero-visual::before,
  .hero-visual .visual-index,
  .hero-visual .floating-card,
  .hero-visual .orbit { display: none; }

  .hero-visual .hero-video-poster { width: 100%; }

  .hero-actions { order: 5; align-items: center; margin-bottom: 22px; }
  .hero-actions .text-link { display: none; }
  a.aes-mobile-cta > :not(.aes-cta-label-mobile) { display: none; }
  .aes-cta-label-mobile {
    display: block;
    font-size: min(.86rem, 4cqw);
    white-space: nowrap;
  }
  a[href="/termin"].aes-mobile-cta {
    display: flex;
    container-type: inline-size;
    align-items: center;
    justify-content: center;
    align-self: center;
    width: 100%;
    max-width: 350px;
    min-width: 0;
    min-height: 44px;
    margin-inline: auto;
    gap: 0;
    padding: 8px 12px;
    border: 1px solid;
    border-radius: 999px;
    border-color: #80d7ff;
    background: linear-gradient(135deg, #70d2ff, #01b0ef);
    color: #03101a;
    font-family: "DM Sans", sans-serif;
    font-size: .86rem;
    font-weight: 700;
    letter-spacing: normal;
    line-height: 1.4;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    box-shadow: 0 0 18px rgba(1, 176, 239, .42), 0 8px 28px rgba(1, 176, 239, .24);
  }

  .mobile-menu a.mobile-menu__whatsapp {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    max-width: 350px;
    min-height: 44px;
    margin: 10px auto 0;
    padding: 8px 12px;
    border: 0;
    border-radius: 999px;
    background: #25d366;
    color: #06121c;
    font-size: clamp(.72rem, 3.5vw, .86rem);
    font-weight: 700;
    white-space: nowrap;
    box-shadow: 0 8px 24px rgba(37, 211, 102, .22);
  }

  .hero-trust {
    order: 6;
    justify-self: center;
    justify-content: center;
    margin: 0 0 16px;
    padding: 0;
  }

  .hero-skeptic { order: 7; margin: 0; font-size: .82rem; }
}