/* === Laptop 1366x768 @ 110%–125% browser zoom only === */
@media (min-width: 1024px) and (max-width: 1280px)
   and (min-resolution: 1.05dppx) and (max-resolution: 1.3dppx) {

  /* ---------- HEADER NAV: tighter gap + smaller font (logo untouched) ---------- */
  html body.page-v2 .site-header .topbar nav,
  html body.page-v2 .site-header .topbar nav .elementskit-navbar-nav {
    gap: clamp(6px, 0.8vw, 12px) !important;
  }
  header a, header span {
    font-size: 10px !important;
    font-weight: 400 !important;
  }
  .elementor-1959 .elementor-element.elementor-element-4856392 {
    --display: flex;
    --gap: 11px;
    --row-gap: 11px;
    --column-gap: 11px;
  }
  html body.page-v2 .site-header .topbar nav a,
  html body.page-v2 .site-header .topbar nav .elementskit-navbar-nav > li > a {
    font-size: 10px !important;
    padding-left: 2px !important;
    padding-right: 2px !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
  }
  html body.page-v2 .site-header .topbar nav .elementskit-submenu-indicator,
  html body.page-v2 .site-header .topbar nav a svg,
  html body.page-v2 .site-header .topbar nav a i {
    font-size: 10px !important;
    width: 10px !important;
    margin-left: 3px !important;
  }

  /* ---------- HERO: fit fully in one screen ---------- */
  body.page-v2 .elementor-element-0eb447d {
    --padding-top: 10px !important;
    --padding-bottom: 10px !important;
    min-height: 0 !important;
    align-items: center !important;
  }
  body.page-v2 .snap-sec h1,
  body.page-v2 .snap-sec .elementor-heading-title.h1 {
    font-size: clamp(30px, 8vh, 44px) !important;
    line-height: 1.08 !important;
    margin-bottom: 8px !important;
  }
  body.page-v2 .snap-sec h1 span,
  body.page-v2 .snap-sec .elementor-heading-title.h1 span {
    font-size: inherit !important;
    line-height: inherit !important;
  }
  body.page-v2 .snap-sec p,
  body.page-v2 .snap-sec .about-description {
    font-size: 11.5px !important;
    line-height: 1.45 !important;
    margin-bottom: 6px !important;
  }

  /* stats row (left column) */
  body.page-v2 .elementor-element-4856392 img,
  body.page-v2 .elementor-element-4856392 svg {
    width: 26px !important;
    height: 26px !important;
    margin-bottom: 4px !important;
  }
  body.page-v2 .elementor-element-4856392 h2,
  body.page-v2 .elementor-element-4856392 h3,
  body.page-v2 .elementor-element-4856392 h4 {
    font-size: 20px !important;
    line-height: 1.15 !important;
    margin: 0 0 2px !important;
  }
  html body.page-v2 .snap-sec .saurashtra-stats__label {
    display: block !important;
    font-size: 9px !important;
    line-height: 1.25 !important;
    color: #667181 !important;
  }

  /* hero slider image */
  body.page-v2 .elementor-element-0eb447d .swiper,
  body.page-v2 .elementor-element-0eb447d .swiper-slide,
  body.page-v2 .elementor-element-0eb447d .swiper-slide img {
    max-height: calc(100vh - 140px) !important;
  }
  body.page-v2 .elementor-element-0eb447d .swiper-slide img {
    object-fit: cover !important;
  }

  /* ---------- ABOUT image ---------- */
  html body.page-v2 .about-v3 .about-visual > img,
  html body.page-v2 .about-v3 .about-visual > .elementor-widget-sf-atomic-image > .elementor-widget-container > img {
    object-fit: cover !important;
    border-radius: 5px !important;
    width: 100% !important;
    height: 75% !important;
    box-shadow: 0 8px 20px #00000014 !important;
  }

  /* ---------- ABOUT VALUES strip (Safe & Secure / Customer-Focused ...) compact ---------- */
  html body.page-v2 .about-v3 .about-values {
    padding: 6px 8px !important;
    gap: 6px !important;
  }
  html body.page-v2 .about-v3 .about-values .e-con,
  html body.page-v2 .about-v3 .about-values .sf-native-container {
    --gap: 4px !important;
    gap: 4px !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
  }
  html body.page-v2 .about-v3 .about-values img {
    width: 18px !important;
    height: 18px !important;
    flex: 0 0 18px !important;
  }
  html body.page-v2 .about-values span,
  html body.page-v2 .about-values .sf-atomic-text-output {
    font-size: 10px !important;
    line-height: 1.25 !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
  }

  /* ---------- SECTION H2 ---------- */
  html body.page-v2 .snap-sec h2.sf-atomic-text-output,
  html body.page-v2 .elementor-element-45b3d50 h2.sf-atomic-text-output {
    font-size: clamp(24px, 6vh, 30px) !important;
    line-height: 1.15 !important;
    margin-bottom: 8px !important;
  }

  /* ---------- SERVICE CAROUSEL: compact cards + 5 visible dots ---------- */
  html body.page-v2 .service-carousel .service-info-card {
    padding: 14px 16px !important;
  }
  html body.page-v2 .service-carousel .service-info-card h3,
  html body.page-v2 .service-carousel .service-info-card h4 {
    font-size: 18px !important;
    line-height: 1.2 !important;
  }
  html body.page-v2 .service-carousel .service-info-card p {
    font-size: 11px !important;
    line-height: 1.4 !important;
  }
  html body.page-v2 .service-carousel-pagination {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    min-height: 10px !important;
  }
  html body.page-v2 .service-carousel-pagination button {
    width: 7px !important;
    height: 7px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 50px !important;
    background: #cfd5de !important;
    display: inline-block !important;
    flex: 0 0 auto !important;
  }
  html body.page-v2 .service-carousel-pagination button.active,
  html body.page-v2 .service-carousel-pagination button[aria-current="true"] {
    width: 22px !important;
    background: #e31e24 !important;
  }
  /* cap at 5 dots */
  html body.page-v2 .service-carousel-pagination button:nth-child(n+6) {
    display: none !important;
  }

  /* ---------- EQUIPMENT image ---------- */
  .equipment-inner img.equipment-hero {
    width: 50% !important;
    max-width: 60% !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    object-fit: contain !important;
  }
}

/* Short laptop screens (e.g. 1366×768) */
@media (min-width: 1025px) and (max-height: 760px) {
  .sfi-media { min-height: clamp(300px, 50vh, 360px) }
  .sfi-panel { padding: 14px 16px }
  .sfi-stats { padding-bottom: 8px; margin-bottom: 8px }
  .sfi-list { gap: 5px }
}
/* === Equipment section: compact for 1366x768 @ 110%–125% zoom === */
@media (min-width: 1024px) and (max-width: 1280px)
   and (min-resolution: 1.05dppx) and (max-resolution: 1.3dppx) {
  .sfi-media { min-height: clamp(300px, 50vh, 360px) }
  .sfi-panel { padding: 14px 16px }
  .sfi-stats { padding-bottom: 8px; margin-bottom: 8px }
  .sfi-list { gap: 5px }
  /* section spacing */
  html body.page-v2 .equipment-inner {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    gap: 14px !important;
    --gap: 14px !important;
    align-items: center !important;
  }

  /* sidebar buttons */
  html body.page-v2 .equipment-inner aside {
    gap: 4px !important;
    --gap: 4px !important;
  }
  html body.page-v2 .equipment-inner aside button {
    font-size: 11px !important;
    line-height: 1.25 !important;
    padding: 7px 10px !important;
    min-height: 0 !important;
  }
  html body.page-v2 .equipment-inner aside button img,
  html body.page-v2 .equipment-inner aside button svg {
    width: 16px !important;
    height: 16px !important;
  }

  /* hero image */
  html body.page-v2 .equipment-inner img.equipment-hero {
    width: 50% !important;
    max-width: 60% !important;
    max-height: calc(100vh - 330px) !important;
    aspect-ratio: auto !important;
    object-fit: contain !important;
  }

  /* text */
  html body.page-v2 .equipment-inner .equipment-copy .red-label {
    font-size: 11px !important;
    margin-bottom: 4px !important;
  }
  html body.page-v2 .equipment-inner .equipment-copy :is(h1,h2,h3) {
    font-size: 20px !important;
    line-height: 1.2 !important;
    margin: 0 0 4px !important;
  }
  html body.page-v2 .equipment-inner .equipment-copy p.sf-atomic-text-output:not(.red-label) {
    font-size: 12px !important;
    line-height: 1.45 !important;
    max-width: 360px !important;
  }

  /* stats */
  html body.page-v2 .eq-info { margin: 10px 0 10px !important; }
  html body.page-v2 .eq-stats { gap: 8px 20px !important; }
  html body.page-v2 .eq-stat { gap: 2px !important; }
  html body.page-v2 .eq-stat-l { font-size: 10px !important; }
  html body.page-v2 .eq-stat-v { font-size: 17px !important; }
  html body.page-v2 .eq-feat { margin-top: 8px !important; gap: 4px 14px !important; }
  html body.page-v2 .eq-feat li { font-size: 11px !important; line-height: 1.4 !important; }

  /* thumbnail slider: show 5, smaller */
  html body.page-v2 .eq-thumbs {
    --eq-vis: 5 !important;
    --eq-gap: 8px !important;
    gap: 4px !important;
  }
  html body.page-v2 .eq-thumbs .eq-thumb {
    height: 56px !important;
    padding: 5px !important;
  }
  html body.page-v2 .eq-thumbs .eq-arrow { padding: 2px !important; }
  html body.page-v2 .eq-thumbs .eq-arrow svg { width: 18px !important; height: 18px !important; }
}