/*
  Responsive breakpoints for Global Sky Group.
  Keep page-specific overrides grouped by viewport.
*/

img,
svg,
video,
iframe {
  max-width: 100%;
}

img,
svg,
video {
  height: auto;
}

.container {
  width: min(100% - 24px, var(--container-xxl));
}

.section,
section {
  scroll-margin-top: 86px;
}

.table,
table {
  min-width: 0;
}

.table-responsive,
.comparison-table {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
span,
li,
td,
th,
button,
input,
select,
textarea {
  overflow-wrap: anywhere;
}

input,
select,
textarea,
button {
  max-width: 100%;
}

@media (max-width: 1199.98px) {
  .site-header__inner .navbar-nav {
    gap: 8px;
  }

  .site-header__inner .nav-link,
  .site-header__inner .header-cta {
    font-size: 11px;
  }
}

/* Mobile: up to 575px */
@media (max-width: 575.98px) {
  .container {
    width: min(100% - 20px, var(--container-xxl));
  }

  .section {
    padding: var(--space-12) var(--space-0);
  }

  .hero-section {
    min-height: 68vh;
  }

  .hero-title {
    font-size: var(--font-size-2xl);
  }

  .hero-text {
    font-size: var(--font-size-base);
  }

  .content-card {
    padding: var(--space-6);
  }

  .section-title h2,
  .section-heading h1 {
    font-size: clamp(1.75rem, 9vw, 2.35rem);
  }

  .row {
    --bs-gutter-x: 1rem;
  }
}

/* Tablet: 576px to 991px */
@media (min-width: 576px) and (max-width: 991.98px) {
  .hero-title {
    font-size: var(--font-size-3xl);
  }

  .section {
    padding: var(--space-16) var(--space-0);
  }
}

/* Desktop: 992px and above */
@media (min-width: 992px) {
  .navbar-expand-lg .navbar-nav {
    gap: var(--space-2);
  }

  .hero-content {
    padding-top: var(--space-8);
  }
}