/* CLS Fix */
html,
body {
  margin: 0;
  padding: 0;
  font-family: Arial, Helvetica, sans-serif !important;
}

main.flex-grow {
  min-height: 650px;
}

#hero,
.hero-section,
section:first-of-type {
  min-height: 680px;
}

/* Logo CLS fix */
img[alt="IPTV UK E"] {
  width: 224px !important;
  height: 40px !important;
  object-fit: contain !important;
}

/* Devices images CLS fix */
img[src="/img/devices.webp"] {
  aspect-ratio: 1600 / 547;
  width: 100% !important;
  height: auto !important;
}

img[src="/img/devices-logo.webp"] {
  aspect-ratio: 1024 / 173;
  width: 100% !important;
  height: auto !important;
}

/* Image reserve space */
img {
  max-width: 100%;
}



 /* =========================
   DESKTOP CLS FIX
   ========================= */
@media (min-width: 1024px) {

  main.flex-grow {
    min-height: 720px;
  }

  #hero,
  .hero-section {
    min-height: 720px;
  }

  /* Compatible devices section reserve */
  img[src="/img/devices.webp"] {
    width: 100% !important;
    aspect-ratio: 1600 / 547 !important;
    height: auto !important;
    display: block !important;
  }

  img[src="/img/devices-logo.webp"] {
    width: 100% !important;
    aspect-ratio: 1024 / 173 !important;
    height: auto !important;
    display: block !important;
  }

  /* Right image cards reserve space */
  img[src="/img/devices.webp"] {
    min-height: 197px;
  }

  img[src="/img/devices-logo.webp"] {
    min-height: 98px;
  }

  /* Stop desktop section jump */
  .grid.lg\:grid-cols-2 {
    align-items: center;
  }
}



@media (min-width: 1024px) {
  img[src="/img/devices.webp"] {
    aspect-ratio: 1600 / 547 !important;
    display: block !important;
  }

  img[src="/img/devices-logo.webp"] {
    aspect-ratio: 1024 / 173 !important;
    display: block !important;
  }
}




<style>
/* CLS Fix */
img {
    max-width: 100%;
    height: auto;
}

.hero img,
.banner img,
section img {
    aspect-ratio: 16 / 9;
    object-fit: cover;
}

.card,
.pricing-card,
.blog-card,
.review-card {
    min-height: 260px;
}

button,
.btn,
a[class*="btn"] {
    min-height: 44px;
}

@media (max-width: 768px) {
    .card,
    .pricing-card,
    .blog-card,
    .review-card {
        min-height: 220px;
    }

    .hero img,
    .banner img,
    section img {
        aspect-ratio: 16 / 9;
    }
}
</style>