/* London Baby 2026 — Hero date pill position fix
   Scope: all main hero cards. Lowers the floating date pill so it no longer clips
   against the top edge of the hero card on iPhone/mobile layouts. */

html body #app.app-shell .hero .hero-copy {
  padding-top: clamp(34px, 6.8vw, 46px) !important;
}

html body #app.app-shell .hero .hero-pill {
  margin-top: 0 !important;
  transform: translateY(0) !important;
}

@media (max-width: 720px) {
  html body #app.app-shell .hero {
    overflow: hidden !important;
  }

  html body #app.app-shell .hero .hero-copy {
    padding-top: 38px !important;
  }

  html body #app.app-shell .hero .hero-pill {
    position: relative !important;
    top: auto !important;
    margin-top: 0 !important;
    margin-bottom: 18px !important;
  }
}