/* Laptop / small desktop (≈1280–1600 wide, 768–900 tall). Loaded last on every page. */

@media (min-width: 1024px) and (max-width: 1599px) {
  .p-section,
  .c-section,
  .n-section,
  .a-section,
  .s-section,
  .ct-section {
    padding-top: clamp(20px, 2.4vw, 36px);
    padding-bottom: clamp(20px, 2.4vw, 36px);
  }

  .qt-section {
    padding-top: calc(var(--landing-header-height, 80px) + clamp(20px, 2.4vw, 36px));
    padding-bottom: clamp(20px, 2.4vw, 36px);
  }

  .p-hero--img > .container,
  .c-hero--img > .container,
  .n-hero--img > .container,
  .a-hero--img > .container,
  .s-hero--img > .container,
  .ct-hero--img > .container {
    padding-top: calc(var(--landing-header-height, 80px) + 18px);
    padding-bottom: 18px;
  }

  .qt-hero {
    padding-top: calc(var(--landing-header-height, 80px) + 18px);
    padding-bottom: 18px;
  }

  .landing-footer {
    padding: clamp(32px, 3.2vw, 48px) 0 clamp(18px, 1.8vw, 24px);
  }

  .p-gallery__main-img {
    max-height: 420px;
  }

  .a-intro__img,
  .s-intro__img {
    max-height: min(42vh, 380px);
  }

  .ct-card--map {
    min-height: 360px;
  }

  .p-card__body,
  .c-card__body,
  .n-card__body {
    padding: 16px 16px 18px;
  }

  .social-float {
    right: 8px;
  }

  .social-float__block {
    width: 38px;
    height: 38px;
  }

  .social-float__block i {
    font-size: 17px;
  }
}

@media (min-width: 1024px) and (max-height: 860px) {
  .p-hero--img > .container,
  .c-hero--img > .container,
  .n-hero--img > .container,
  .a-hero--img > .container,
  .s-hero--img > .container,
  .ct-hero--img > .container {
    padding-top: calc(var(--landing-header-height, 80px) + 12px);
    padding-bottom: 12px;
  }

  .qt-hero {
    padding-top: calc(var(--landing-header-height, 80px) + 12px);
    padding-bottom: 12px;
  }

  .p-section,
  .c-section,
  .n-section,
  .a-section,
  .s-section,
  .ct-section {
    padding-top: 18px;
    padding-bottom: 18px;
  }

  .p-gallery__main-img {
    max-height: 300px;
  }

  .a-intro__img,
  .s-intro__img {
    max-height: min(36vh, 300px);
  }

  .ct-card--map {
    min-height: 300px;
  }

  .landing-about-us .landing-about__media {
    min-height: 240px;
    height: 240px;
  }
}

@media (min-width: 1024px) and (max-width: 1366px) {
  .c-grid,
  .n-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .s-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ct-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}