/* Legacy compatibility helpers for iOS 13 / Safari 13 */

/* Safari 13 fallback for blurred overlays */
.mobile-menu {
  -webkit-backdrop-filter: blur(20px);
}

/* iOS 13 does not support flex gap */
@supports not (gap: 1rem) {
  .nav-inner > * + *,
  .nav-links > * + *,
  .hero-ctas > * + *,
  .btn-row > * + *,
  .demo-site-nav-inner > * + *,
  .demo-site-links > * + *,
  .bd-demo-inner > * + *,
  .bd-demo-left > * + *,
  .bd-demo-right > * + *,
  .bd-nav-group > * + *,
  .gr-card-head > * + *,
  .kontakt-grid > * + *,
  .faq-q > * + *,
  .hero-breadcrumb > * + *,
  .hero-proof-badges > * + *,
  .form-row > * + *,
  .form-radio-group > * + *,
  .form-checkbox-group > * + * {
    margin-left: 12px;
  }

  .mobile-menu > * + *,
  .form-grid > * + * {
    margin-top: 12px;
  }
}

/* Safari 13 has no aspect-ratio support */
@supports not (aspect-ratio: 1 / 1) {
  .gal-img,
  .vn-images img {
    height: 200px;
    width: 100%;
    object-fit: cover;
  }

  .team-card img {
    height: 220px;
    width: 100%;
    object-fit: cover;
  }

  .about-image,
  .demo-stage {
    height: 320px;
  }

  .phone-content {
    height: 248px;
  }
}