/* IPTV Charleroi v1.3.4 — homepage final polish.
   Scope: logo/plate balance, premium local SVG icons, lighter SEO editorial reading.
   No new section, no configurator, no external library. */

@media (min-width: 1161px) {
  .brand-plate {
    width: max(254px, calc(max(var(--ipch-logo-desktop), 218px) + 42px));
    height: 66px;
    border-bottom-right-radius: 64px;
    filter: drop-shadow(0 9px 16px rgba(0, 0, 0, .18));
  }

  .nav {
    min-height: 66px;
    height: 66px;
    padding-left: max(238px, calc(max(var(--ipch-logo-desktop), 218px) + 24px));
  }

  .brand.brand-elegant {
    left: 28px;
    top: 7px;
    width: max(var(--ipch-logo-desktop), 218px);
    max-width: 236px;
    height: 52px;
    align-items: center;
  }

  .ipch-logo-img--header {
    width: max(var(--ipch-logo-desktop), 218px);
    max-width: 236px;
    max-height: 52px;
    object-fit: contain;
    object-position: left center;
    transform: scale(1.055);
    transform-origin: left center;
  }

  .hero { padding-top: 118px; }
}

@media (min-width: 1161px) and (max-width: 1380px) {
  .brand-plate { width: max(236px, calc(max(var(--ipch-logo-desktop), 208px) + 32px)); }
  .nav { padding-left: max(218px, calc(max(var(--ipch-logo-desktop), 208px) + 16px)); }
  .brand.brand-elegant { left: 22px; }
  .ipch-logo-img--header { max-width: 224px; }
}

@media (max-width: 760px) {
  .brand-plate {
    width: max(166px, calc(max(var(--ipch-logo-mobile), 144px) + 22px));
    height: 60px;
    border-bottom-right-radius: 54px;
  }

  .brand.brand-elegant {
    left: 16px;
    top: 7px;
    width: max(var(--ipch-logo-mobile), 144px);
    max-width: 166px;
    height: 44px;
  }

  .ipch-logo-img--header {
    max-height: 43px;
    transform: scale(1.04);
    transform-origin: left center;
  }
}

/* Local SVG icon polish: keep masks lightweight, but make the UI feel less generic. */
.fa-solid,
.fa-regular,
.fa-brands {
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
}

.proof-icon,
.device i,
.step-icon {
  color: #f01822;
}

.proof-icon {
  border-radius: 9px;
  border-color: rgba(237, 13, 18, .72);
  background:
    radial-gradient(circle at 35% 25%, rgba(255,255,255,.12), transparent 32%),
    rgba(237, 13, 18, .13);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.04), 0 8px 18px rgba(237,13,18,.12);
}

.proof-icon .fa-solid,
.proof-icon .fa-regular,
.proof-icon .fa-brands {
  --ipch-icon-size: 17px;
}

.device-panel .device i {
  --ipch-icon-size: 25px;
  opacity: .96;
}

.trust-icon {
  box-shadow:
    inset 0 0 0 5px rgba(255,255,255,.075),
    0 17px 36px rgba(237, 13, 18, .27);
}

.trust-icon .fa-solid,
.trust-icon .fa-regular,
.trust-icon .fa-brands {
  --ipch-icon-size: 34px;
}

.stat-icon .fa-solid,
.stat-icon .fa-regular,
.stat-icon .fa-brands {
  --ipch-icon-size: 27px;
}

.step-card .step-icon {
  --ipch-icon-size: 24px;
  opacity: .95;
}

.btn .fa-solid,
.nav-cta .fa-solid,
.choose .fa-solid {
  --ipch-icon-size: 14px;
}

/* Editorial SEO section: keep the SEO text, but make the reading experience calmer and more premium. */
.home-seo-editorial {
  padding: clamp(46px, 5.2vw, 74px) 0 clamp(54px, 5.8vw, 84px);
  background:
    linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,255,255,.9)),
    radial-gradient(circle at 88% 22%, rgba(237, 13, 18, .085), transparent 32%),
    linear-gradient(135deg, #ffffff 0%, #fbfbfc 52%, #f5f5f6 100%);
}

.home-seo-editorial .seo-editorial-grid {
  grid-template-columns: minmax(0, .92fr) minmax(390px, .86fr);
  align-items: center;
  gap: clamp(34px, 5.6vw, 82px);
}

.home-seo-editorial .seo-editorial-copy {
  max-width: 695px;
  padding: clamp(12px, 1.4vw, 18px) 0;
}

.home-seo-editorial .seo-editorial-copy .section-title {
  max-width: 650px;
  letter-spacing: -1.35px;
}

.home-seo-editorial .seo-editorial-copy p {
  max-width: 650px;
  margin-top: 15px;
  color: #44454d;
  font-size: clamp(14px, .98vw, 15.5px);
  line-height: 1.82;
}

.home-seo-editorial .seo-editorial-links {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.home-seo-editorial .seo-editorial-card {
  min-height: 136px;
  padding: 22px 23px 21px;
  border-radius: 15px;
  background:
    linear-gradient(145deg, rgba(255,255,255,.98), rgba(255,255,255,.92)) padding-box,
    linear-gradient(145deg, rgba(237, 13, 18, .22), rgba(8, 8, 11, .07)) border-box;
  box-shadow: 0 18px 48px rgba(14, 14, 20, .065);
}

.home-seo-editorial .seo-editorial-card strong {
  font-size: 15px;
  line-height: 1.25;
}

.home-seo-editorial .seo-editorial-card span {
  margin-top: 8px;
  color: #555761;
  font-size: 12.5px;
  line-height: 1.48;
}

.home-seo-editorial .seo-editorial-card em {
  margin-top: 15px;
  color: #d90812;
  font-weight: 900;
}

.home-seo-editorial .seo-editorial-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 26px 62px rgba(14, 14, 20, .095);
}

@media (max-width: 980px) {
  .home-seo-editorial .seo-editorial-grid { grid-template-columns: 1fr; }
  .home-seo-editorial .seo-editorial-copy,
  .home-seo-editorial .seo-editorial-copy p,
  .home-seo-editorial .seo-editorial-copy .section-title { max-width: none; }
}

@media (max-width: 640px) {
  .home-seo-editorial { padding: 40px 0 52px; }
  .home-seo-editorial .seo-editorial-links { grid-template-columns: 1fr; }
  .home-seo-editorial .seo-editorial-card { min-height: 118px; }
}