/* IPTV Charleroi v1.3.3 — local SVG icon system.
   Keeps existing fa-* markup compatible while replacing the old Unicode shim. */
.fa-solid,
.fa-regular,
.fa-brands {
  --ipch-icon-size: 1em;
  --ipch-icon: url("../../img/icons/check.svg");
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--ipch-icon-size);
  min-width: var(--ipch-icon-size);
  height: var(--ipch-icon-size);
  line-height: 1;
  font-style: normal;
  font-weight: 400;
  vertical-align: -.125em;
}

.fa-solid::before,
.fa-regular::before,
.fa-brands::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: currentColor;
  -webkit-mask: var(--ipch-icon) center / contain no-repeat;
  mask: var(--ipch-icon) center / contain no-repeat;
}

.fa-play::before,
.fa-circle-play::before { --ipch-icon: url("../../img/icons/play.svg"); }
.fa-whatsapp::before { --ipch-icon: url("../../img/icons/whatsapp.svg"); }
.fa-bars::before { --ipch-icon: url("../../img/icons/menu.svg"); }
.fa-tv::before,
.fa-display::before { --ipch-icon: url("../../img/icons/tv.svg"); }
.fa-calendar-days::before { --ipch-icon: url("../../img/icons/calendar.svg"); }
.fa-server::before { --ipch-icon: url("../../img/icons/server.svg"); }
.fa-shield::before,
.fa-shield-halved::before { --ipch-icon: url("../../img/icons/shield.svg"); }
.fa-magnifying-glass::before { --ipch-icon: url("../../img/icons/search.svg"); }
.fa-circle-user::before { --ipch-icon: url("../../img/icons/user-circle.svg"); }
.fa-clock::before { --ipch-icon: url("../../img/icons/clock.svg"); }
.fa-lock::before { --ipch-icon: url("../../img/icons/lock.svg"); }
.fa-box-open::before { --ipch-icon: url("../../img/icons/box.svg"); }
.fa-check::before,
.fa-circle-check::before,
.fa-regular.fa-circle-check::before { --ipch-icon: url("../../img/icons/check.svg"); }
.fa-headset::before { --ipch-icon: url("../../img/icons/headset.svg"); }
.fa-android::before { --ipch-icon: url("../../img/icons/android.svg"); }
.fa-amazon::before { --ipch-icon: url("../../img/icons/amazon.svg"); }
.fa-laptop::before { --ipch-icon: url("../../img/icons/laptop.svg"); }
.fa-hard-drive::before { --ipch-icon: url("../../img/icons/box.svg"); }
.fa-table-cells-large::before { --ipch-icon: url("../../img/icons/grid.svg"); }
.fa-id-card::before { --ipch-icon: url("../../img/icons/id-card.svg"); }
.fa-chevron-right::before { --ipch-icon: url("../../img/icons/chevron-right.svg"); }
.fa-chevron-left::before { --ipch-icon: url("../../img/icons/chevron-left.svg"); }
.fa-chevron-down::before { --ipch-icon: url("../../img/icons/chevron-down.svg"); }
.fa-telegram::before { --ipch-icon: url("../../img/icons/telegram.svg"); }
.fa-facebook::before { --ipch-icon: url("../../img/icons/facebook.svg"); }
.fa-instagram::before { --ipch-icon: url("../../img/icons/instagram.svg"); }
.fa-bag-shopping::before { --ipch-icon: url("../../img/icons/bag-shopping.svg"); }
.fa-user-shield::before { --ipch-icon: url("../../img/icons/user-shield.svg"); }
.fa-user-check::before { --ipch-icon: url("../../img/icons/user-check.svg"); }
.fa-credit-card::before { --ipch-icon: url("../../img/icons/credit-card.svg"); }
.fa-arrow-right::before { --ipch-icon: url("../../img/icons/arrow-right.svg"); }


/* IPTV Charleroi v1.3.3 — header logo polish, local icons finish, SEO editorial premium polish.
   Source module: assets/css/components/13-header-icons-editorial-polish.css */
@media (min-width: 1161px) {
  .topbar { min-height: 70px; }

  .brand-plate {
    width: max(258px, calc(var(--ipch-logo-desktop) + 52px));
    height: 72px;
    border-bottom-right-radius: 72px;
    filter: drop-shadow(0 10px 18px rgba(0, 0, 0, .20));
  }

  .nav {
    height: 70px;
    padding-left: max(244px, calc(var(--ipch-logo-desktop) + 40px));
  }

  .brand.brand-elegant {
    left: 30px;
    top: 10px;
    width: var(--ipch-logo-desktop);
    max-width: var(--ipch-logo-desktop);
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }

  .ipch-logo-img--header {
    width: var(--ipch-logo-desktop);
    max-width: var(--ipch-logo-desktop);
    max-height: 52px;
    object-position: left center;
  }
}

@media (min-width: 1161px) and (max-width: 1380px) {
  .brand-plate { width: max(238px, calc(var(--ipch-logo-desktop) + 42px)); }
  .nav { padding-left: max(222px, calc(var(--ipch-logo-desktop) + 26px)); }
  .brand.brand-elegant { left: 24px; }
}

@media (max-width: 760px) {
  .brand-plate {
    width: max(164px, calc(var(--ipch-logo-mobile) + 24px));
    height: 64px;
    border-bottom-right-radius: 58px;
  }

  .brand.brand-elegant {
    left: 18px;
    top: 9px;
    height: 46px;
  }

  .ipch-logo-img--header { max-height: 44px; }
}

.proof-icon .fa-solid,
.proof-icon .fa-regular,
.proof-icon .fa-brands,
.trust-icon .fa-solid,
.stat-icon .fa-solid,
.step-icon,
.nav-cta .fa-solid,
.btn .fa-solid {
  --ipch-icon-size: 1.05em;
}

.home-seo-editorial {
  position: relative;
  overflow: hidden;
  padding: clamp(50px, 5.8vw, 86px) 0;
  background:
    radial-gradient(circle at 6% 8%, rgba(237, 13, 18, .055), transparent 28%),
    radial-gradient(circle at 92% 42%, rgba(237, 13, 18, .085), transparent 32%),
    linear-gradient(135deg, #ffffff 0%, #fafafa 48%, #f4f4f5 100%);
}

.home-seo-editorial::before {
  content: "";
  position: absolute;
  inset: 24px max(18px, calc((100vw - var(--container)) / 2)) auto;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(237, 13, 18, .18), transparent);
  pointer-events: none;
}

.home-seo-editorial .seo-editorial-grid {
  position: relative;
  grid-template-columns: minmax(0, 1.02fr) minmax(360px, .98fr);
  gap: clamp(32px, 5vw, 70px);
}

.home-seo-editorial .seo-editorial-copy {
  max-width: 790px;
  padding: clamp(18px, 2vw, 26px) 0;
}

.home-seo-editorial .seo-editorial-copy .section-label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 7px 10px;
  border-radius: 999px;
  background: rgba(237, 13, 18, .075);
  color: #d90a12;
}

.home-seo-editorial .seo-editorial-copy .section-label::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #ed0d12;
  box-shadow: 0 0 0 5px rgba(237, 13, 18, .12);
}

.home-seo-editorial .seo-editorial-copy p {
  max-width: 720px;
  color: #464750;
  font-size: clamp(14px, 1.05vw, 16px);
  line-height: 1.88;
}

.home-seo-editorial .seo-editorial-links { gap: 16px; }

.home-seo-editorial .seo-editorial-card {
  position: relative;
  overflow: hidden;
  min-height: 146px;
  padding: 24px 24px 22px;
  border-radius: 16px;
  background:
    linear-gradient(#fff, #fff) padding-box,
    linear-gradient(135deg, rgba(237, 13, 18, .26), rgba(16, 16, 20, .08)) border-box;
  border: 1px solid transparent;
  box-shadow: 0 22px 54px rgba(16, 16, 20, .075);
}

.home-seo-editorial .seo-editorial-card::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  background: linear-gradient(180deg, #ed0d12, #9f0710);
  opacity: .92;
}

.home-seo-editorial .seo-editorial-card::after {
  content: "";
  position: absolute;
  right: -28px;
  top: -28px;
  width: 82px;
  height: 82px;
  border-radius: 50%;
  background: rgba(237, 13, 18, .055);
}

.home-seo-editorial .seo-editorial-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 30px 70px rgba(16, 16, 20, .105);
}

.home-seo-editorial .seo-editorial-card strong,
.home-seo-editorial .seo-editorial-card span,
.home-seo-editorial .seo-editorial-card em {
  position: relative;
  z-index: 1;
}

.home-seo-editorial .seo-editorial-card em {
  margin-top: 16px;
  padding-top: 2px;
}

@media (max-width: 980px) {
  .home-seo-editorial .seo-editorial-grid { grid-template-columns: 1fr; }
}

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