/* Performance & CLS Prevention */

/* Prevent CLS from images without width/height */
.optech-hero-thumb3 img {
  width: 100%;
  height: auto;
  aspect-ratio: 3888 / 1920;
}
.optech-service-thumb img {
  width: 100%;
  height: auto;
  aspect-ratio: 612 / 760;
}
.optech-thumb img,
.optech-thumb-position img,
.optech-thumb-position2 img {
  width: 100%;
  height: auto;
}
.optech-thumb.extra-mr img {
  aspect-ratio: 940 / 960;
}
.optech-thumb-position img {
  aspect-ratio: 700 / 720;
}
.optech-thumb.extra-ml img {
  aspect-ratio: 940 / 1000;
}
.optech-thumb-position2 img {
  aspect-ratio: 700 / 720;
}

/* Responsive hero image */
.optech-hero-thumb3 img {
  content-visibility: auto;
}

/* Remove preloader styles - it was removed from HTML */
.optech-preloader-wrap {
  display: none !important;
}

/* Remove custom cursor on mobile - not useful */
@media (max-width: 991px) {
  .cursors,
  .cursor-inner {
    display: none !important;
  }
}

/* Font display swap for icon fonts */
@font-face {
  font-family: 'Font Awesome 6 Free';
  font-display: swap;
}
@font-face {
  font-family: 'Font Awesome 6 Brands';
  font-display: swap;
}
@font-face {
  font-family: 'remixicon';
  font-display: swap;
}

/* Reduce LCP delay - ensure hero is visible immediately */
.optech-hero-section {
  contain-intrinsic-size: auto 600px;
}

/* Optimize paint for below-fold sections */
.optech-section-padding {
  contain: layout style;
}