/* IPTV Belgique Commerce v2.7.14 — Support hero illustration authority
   Scope: page Support client only. This file is the final owner of support hero visual polish.
   Goal: stop legacy commerce.css illustration fragments from breaking iptvbc-support-hero-side. */

.iptvbc-client-unified-v273.is-section-support #iptvbc-client-support,
.iptvbc-client-unified-v274.is-section-support #iptvbc-client-support{
  --iptvbc-support-teal:#00b8a9;
  --iptvbc-support-teal-dark:#069282;
  --iptvbc-support-ink:#101827;
  --iptvbc-support-muted:#667085;
  --iptvbc-support-line:#e7edf4;
}

.iptvbc-client-unified-v273.is-section-support .iptvbc-support-hero-v2643,
.iptvbc-client-unified-v274.is-section-support .iptvbc-support-hero-v2643{
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.1fr) minmax(260px,.72fr)!important;
  gap:clamp(22px,3vw,36px)!important;
  align-items:center!important;
  min-height:0!important;
  padding:clamp(28px,4vw,46px)!important;
  overflow:hidden!important;
  border-radius:32px!important;
  border:1px solid rgba(16,185,129,.16)!important;
  background:
    radial-gradient(circle at 92% 4%,rgba(0,184,169,.18),transparent 34%),
    radial-gradient(circle at 4% 0%,rgba(245,196,81,.18),transparent 28%),
    linear-gradient(135deg,#fffdf8 0%,#ffffff 48%,#effdfa 100%)!important;
  box-shadow:0 24px 70px rgba(15,23,42,.075)!important;
}

.iptvbc-client-unified-v273.is-section-support .iptvbc-support-hero-v2643::before,
.iptvbc-client-unified-v274.is-section-support .iptvbc-support-hero-v2643::before{
  content:""!important;
  position:absolute!important;
  inset:auto -90px -110px auto!important;
  width:240px!important;
  height:240px!important;
  border-radius:999px!important;
  background:radial-gradient(circle,rgba(0,184,169,.13),transparent 68%)!important;
  pointer-events:none!important;
}

.iptvbc-client-unified-v273.is-section-support .iptvbc-support-hero-copy,
.iptvbc-client-unified-v274.is-section-support .iptvbc-support-hero-copy{
  position:relative!important;
  z-index:2!important;
  min-width:0!important;
}

.iptvbc-client-unified-v273.is-section-support .iptvbc-support-hero-copy h3,
.iptvbc-client-unified-v274.is-section-support .iptvbc-support-hero-copy h3{
  max-width:13ch!important;
  margin:.25em 0 .18em!important;
  font-size:clamp(2.05rem,4.3vw,3.75rem)!important;
  line-height:.98!important;
  letter-spacing:-.075em!important;
  color:var(--iptvbc-support-ink)!important;
  overflow-wrap:break-word!important;
}

.iptvbc-client-unified-v273.is-section-support .iptvbc-support-hero-copy p,
.iptvbc-client-unified-v274.is-section-support .iptvbc-support-hero-copy p{
  max-width:60ch!important;
  color:var(--iptvbc-support-muted)!important;
  font-weight:760!important;
  line-height:1.68!important;
}

.iptvbc-client-unified-v273.is-section-support .iptvbc-support-hero-side,
.iptvbc-client-unified-v274.is-section-support .iptvbc-support-hero-side{
  position:relative!important;
  z-index:2!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:0!important;
  width:100%!important;
}

.iptvbc-client-unified-v273.is-section-support .iptvbc-support-hero-illustration,
.iptvbc-client-unified-v274.is-section-support .iptvbc-support-hero-illustration{
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  width:min(100%,340px)!important;
  min-height:0!important;
  aspect-ratio:1.45/1!important;
  border-radius:34px!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 52% 52%,rgba(0,184,169,.22),transparent 52%),
    linear-gradient(145deg,rgba(255,255,255,.92),rgba(243,252,251,.72))!important;
  border:1px solid rgba(0,184,169,.14)!important;
  box-shadow:0 24px 58px rgba(20,32,51,.08), inset 0 1px 0 rgba(255,255,255,.9)!important;
}

/* Legacy fragments are hidden: the final support icon is rendered by the two pseudo-elements below. */
.iptvbc-client-unified-v273.is-section-support .iptvbc-support-hero-device,
.iptvbc-client-unified-v273.is-section-support .iptvbc-support-hero-bubble,
.iptvbc-client-unified-v273.is-section-support .iptvbc-support-headset-arch,
.iptvbc-client-unified-v273.is-section-support .iptvbc-support-headset-ear,
.iptvbc-client-unified-v273.is-section-support .iptvbc-support-headset-mic,
.iptvbc-client-unified-v274.is-section-support .iptvbc-support-hero-device,
.iptvbc-client-unified-v274.is-section-support .iptvbc-support-hero-bubble,
.iptvbc-client-unified-v274.is-section-support .iptvbc-support-headset-arch,
.iptvbc-client-unified-v274.is-section-support .iptvbc-support-headset-ear,
.iptvbc-client-unified-v274.is-section-support .iptvbc-support-headset-mic{
  display:none!important;
}

.iptvbc-client-unified-v273.is-section-support .iptvbc-support-hero-illustration::before,
.iptvbc-client-unified-v274.is-section-support .iptvbc-support-hero-illustration::before{
  content:""!important;
  position:absolute!important;
  width:150px!important;
  height:150px!important;
  border-radius:38px!important;
  transform:rotate(45deg)!important;
  background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(228,250,247,.78))!important;
  border:1px solid rgba(0,184,169,.20)!important;
  box-shadow:0 22px 54px rgba(15,23,42,.09), inset 0 1px 0 rgba(255,255,255,.9)!important;
}

.iptvbc-client-unified-v273.is-section-support .iptvbc-support-hero-illustration::after,
.iptvbc-client-unified-v274.is-section-support .iptvbc-support-hero-illustration::after{
  content:""!important;
  position:relative!important;
  z-index:3!important;
  width:124px!important;
  height:124px!important;
  border-radius:32px!important;
  background:
    url("data:image/svg+xml,%3Csvg width='124' height='124' viewBox='0 0 124 124' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='31' y='42' width='48' height='48' rx='18' fill='%2300B8A9'/%3E%3Cpath d='M32 64c0-18.2 14.8-33 33-33s33 14.8 33 33' stroke='%23101827' stroke-width='8' stroke-linecap='round'/%3E%3Crect x='22' y='47' width='24' height='40' rx='12' fill='%23101827'/%3E%3Crect x='78' y='47' width='24' height='40' rx='12' fill='%23101827'/%3E%3Cpath d='M98 74c0 15-10 24-26 24' stroke='%23101827' stroke-width='7' stroke-linecap='round'/%3E%3Ccircle cx='69' cy='98' r='6' fill='%23101827'/%3E%3Ccircle cx='55' cy='64' r='5' fill='%23F5C451'/%3E%3C/svg%3E") center/contain no-repeat!important;
  filter:drop-shadow(0 20px 34px rgba(0,184,169,.22))!important;
}

.iptvbc-client-unified-v273.is-section-support .iptvbc-support-hero-actions,
.iptvbc-client-unified-v274.is-section-support .iptvbc-support-hero-actions{
  margin-top:24px!important;
  gap:12px!important;
}

.iptvbc-client-unified-v273.is-section-support .iptvbc-support-hero-actions .iptvbc-btn,
.iptvbc-client-unified-v274.is-section-support .iptvbc-support-hero-actions .iptvbc-btn{
  min-height:48px!important;
  border-radius:999px!important;
}

@media(max-width:980px){
  .iptvbc-client-unified-v273.is-section-support .iptvbc-support-hero-v2643,
  .iptvbc-client-unified-v274.is-section-support .iptvbc-support-hero-v2643{
    grid-template-columns:1fr!important;
  }
  .iptvbc-client-unified-v273.is-section-support .iptvbc-support-hero-side,
  .iptvbc-client-unified-v274.is-section-support .iptvbc-support-hero-side{
    justify-content:flex-start!important;
  }
  .iptvbc-client-unified-v273.is-section-support .iptvbc-support-hero-illustration,
  .iptvbc-client-unified-v274.is-section-support .iptvbc-support-hero-illustration{
    width:min(100%,420px)!important;
  }
}

@media(max-width:640px){
  .iptvbc-client-unified-v273.is-section-support .iptvbc-support-hero-v2643,
  .iptvbc-client-unified-v274.is-section-support .iptvbc-support-hero-v2643{
    padding:22px!important;
    border-radius:26px!important;
  }
  .iptvbc-client-unified-v273.is-section-support .iptvbc-support-hero-copy h3,
  .iptvbc-client-unified-v274.is-section-support .iptvbc-support-hero-copy h3{
    font-size:clamp(2rem,10vw,2.75rem)!important;
  }
  .iptvbc-client-unified-v273.is-section-support .iptvbc-support-hero-illustration,
  .iptvbc-client-unified-v274.is-section-support .iptvbc-support-hero-illustration{
    aspect-ratio:1.75/1!important;
    border-radius:24px!important;
  }
  .iptvbc-client-unified-v273.is-section-support .iptvbc-support-hero-illustration::before,
  .iptvbc-client-unified-v274.is-section-support .iptvbc-support-hero-illustration::before{
    width:118px!important;
    height:118px!important;
  }
  .iptvbc-client-unified-v273.is-section-support .iptvbc-support-hero-illustration::after,
  .iptvbc-client-unified-v274.is-section-support .iptvbc-support-hero-illustration::after{
    width:96px!important;
    height:96px!important;
  }
}


/* Commerce Engine v2.7.18.12 — Client WhatsApp mobile layout authority
   Loaded after client-unified.css. This is the final mobile-first authority for the overview WhatsApp block. */
body .iptvbc-client-wa-strip-v27187,
body .iptvbc-client-wa-strip-v27187.iptvbc-client-wa-mobile-stable-v271812,
.iptvbc-client-unified-v273 .iptvbc-client-wa-strip-v27187,
.iptvbc-client-unified-v274 .iptvbc-client-wa-strip-v27187{
  position:relative!important;
  isolation:isolate!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-areas:"orb" "copy" "side" "actions"!important;
  align-items:stretch!important;
  gap:14px!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:18px!important;
  overflow:hidden!important;
  border-radius:24px!important;
  border:1px solid rgba(37,211,102,.20)!important;
  background:
    radial-gradient(circle at 10% 0%,rgba(37,211,102,.18),transparent 38%),
    radial-gradient(circle at 100% 100%,rgba(245,196,81,.18),transparent 34%),
    linear-gradient(135deg,#f2fff7 0%,#f8fbff 52%,#fff8e8 100%)!important;
  box-shadow:0 22px 60px rgba(15,23,42,.08)!important;
  color:#0f172a!important;
  writing-mode:horizontal-tb!important;
  text-orientation:mixed!important;
  box-sizing:border-box!important;
}
body .iptvbc-client-wa-strip-v27187 *,
body .iptvbc-client-wa-strip-v27187 *::before,
body .iptvbc-client-wa-strip-v27187 *::after,
.iptvbc-client-unified-v273 .iptvbc-client-wa-strip-v27187 *,
.iptvbc-client-unified-v274 .iptvbc-client-wa-strip-v27187 *{
  box-sizing:border-box!important;
  min-width:0!important;
  max-width:100%!important;
  writing-mode:horizontal-tb!important;
  text-orientation:mixed!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:anywhere!important;
  float:none!important;
  clear:none!important;
}
body .iptvbc-client-wa-orb-v27187,
.iptvbc-client-unified-v273 .iptvbc-client-wa-orb-v27187,
.iptvbc-client-unified-v274 .iptvbc-client-wa-orb-v27187{
  grid-area:orb!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:12px!important;
  width:100%!important;
  min-height:78px!important;
  padding:12px!important;
  text-align:left!important;
  border-radius:22px!important;
  background:rgba(255,255,255,.76)!important;
  border:1px solid rgba(37,211,102,.18)!important;
}
body .iptvbc-client-wa-icon-v27187,
.iptvbc-client-unified-v273 .iptvbc-client-wa-icon-v27187,
.iptvbc-client-unified-v274 .iptvbc-client-wa-icon-v27187{
  flex:0 0 58px!important;
  display:grid!important;
  place-items:center!important;
  width:58px!important;
  height:58px!important;
  min-width:58px!important;
  min-height:58px!important;
  border-radius:20px!important;
  background:linear-gradient(135deg,#25d366,#128c7e)!important;
  color:#fff!important;
  box-shadow:0 16px 34px rgba(37,211,102,.28)!important;
}
body .iptvbc-client-wa-icon-v27187 svg{width:31px!important;height:31px!important;display:block!important;}
body .iptvbc-client-wa-orb-v27187 em,
.iptvbc-client-unified-v273 .iptvbc-client-wa-orb-v27187 em,
.iptvbc-client-unified-v274 .iptvbc-client-wa-orb-v27187 em{
  display:block!important;
  margin:0!important;
  color:#128c7e!important;
  font-size:12px!important;
  line-height:1.25!important;
  font-style:normal!important;
  font-weight:900!important;
  letter-spacing:-.01em!important;
}
body .iptvbc-client-wa-copy-v27187,
.iptvbc-client-unified-v273 .iptvbc-client-wa-copy-v27187,
.iptvbc-client-unified-v274 .iptvbc-client-wa-copy-v27187{
  grid-area:copy!important;
  display:flex!important;
  flex-direction:column!important;
  gap:10px!important;
  width:100%!important;
  min-width:0!important;
  padding:0!important;
}
body .iptvbc-client-wa-eyebrow-v27187{
  display:inline-flex!important;
  align-items:center!important;
  align-self:flex-start!important;
  width:auto!important;
  max-width:100%!important;
  min-height:28px!important;
  padding:0 10px!important;
  border-radius:999px!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:900!important;
  color:#087443!important;
  background:rgba(37,211,102,.13)!important;
  border:1px solid rgba(37,211,102,.20)!important;
}
body .iptvbc-client-wa-copy-v27187 h3,
.iptvbc-client-unified-v273 .iptvbc-client-wa-copy-v27187 h3,
.iptvbc-client-unified-v274 .iptvbc-client-wa-copy-v27187 h3{
  display:block!important;
  margin:0!important;
  max-width:100%!important;
  color:#0f172a!important;
  font-size:clamp(25px,7vw,34px)!important;
  line-height:1.06!important;
  font-weight:900!important;
  letter-spacing:-.055em!important;
  text-align:left!important;
}
body .iptvbc-client-wa-copy-v27187 p,
.iptvbc-client-unified-v273 .iptvbc-client-wa-copy-v27187 p,
.iptvbc-client-unified-v274 .iptvbc-client-wa-copy-v27187 p{
  display:block!important;
  margin:0!important;
  max-width:100%!important;
  color:#475569!important;
  font-size:14px!important;
  line-height:1.58!important;
  font-weight:650!important;
  text-align:left!important;
}
body .iptvbc-client-wa-pills-v27187,
.iptvbc-client-unified-v273 .iptvbc-client-wa-pills-v27187,
.iptvbc-client-unified-v274 .iptvbc-client-wa-pills-v27187{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  width:100%!important;
}
body .iptvbc-client-wa-pills-v27187 span{
  display:inline-flex!important;
  align-items:center!important;
  min-height:30px!important;
  padding:0 10px!important;
  border-radius:999px!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:850!important;
  background:#fff!important;
  color:#0f172a!important;
  border:1px solid rgba(15,23,42,.08)!important;
}
body .iptvbc-client-wa-side-v27187,
.iptvbc-client-unified-v273 .iptvbc-client-wa-side-v27187,
.iptvbc-client-unified-v274 .iptvbc-client-wa-side-v27187{
  grid-area:side!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  gap:10px!important;
  width:100%!important;
  min-width:0!important;
  min-height:0!important;
  padding:16px!important;
  border-radius:22px!important;
  background:rgba(255,255,255,.82)!important;
  border:1px solid rgba(255,255,255,.86)!important;
  box-shadow:0 16px 36px rgba(15,23,42,.08),inset 0 1px 0 rgba(255,255,255,.9)!important;
  backdrop-filter:blur(8px)!important;
}
body .iptvbc-client-wa-side-v27187 strong{font-size:14px!important;line-height:1.18!important;margin:0!important;color:#0f172a!important;font-weight:900!important;}
body .iptvbc-client-wa-side-v27187 > span{font-size:12.5px!important;line-height:1.45!important;margin:0!important;color:#475569!important;font-weight:650!important;}
body .iptvbc-client-wa-bubbles-v27187{display:flex!important;flex-direction:column!important;gap:8px!important;width:100%!important;margin:2px 0 0!important;}
body .iptvbc-client-wa-bubbles-v27187 i{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:11px 12px!important;
  border-radius:16px!important;
  background:#fff!important;
  color:#0f172a!important;
  font-size:14px!important;
  line-height:1.25!important;
  font-style:normal!important;
  font-weight:850!important;
  letter-spacing:-.018em!important;
  box-shadow:0 10px 20px rgba(15,23,42,.07)!important;
}
body .iptvbc-client-wa-bubbles-v27187 i:last-child{background:#dcfce7!important;color:#075e54!important;}
body .iptvbc-client-wa-actions-v27187,
.iptvbc-client-unified-v273 .iptvbc-client-wa-actions-v27187,
.iptvbc-client-unified-v274 .iptvbc-client-wa-actions-v27187{
  grid-area:actions!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:10px!important;
  width:100%!important;
  align-items:stretch!important;
  justify-content:stretch!important;
}
body .iptvbc-client-wa-strip-v27187 .iptvbc-btn,
body .iptvbc-client-wa-strip-v27187 a.iptvbc-btn,
body .iptvbc-client-wa-strip-v27187 .iptvbc-client-wa-cta-v27187,
body .iptvbc-client-wa-strip-v27187 .iptvbc-client-wa-secondary-v27187{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  max-width:100%!important;
  min-height:48px!important;
  padding:0 16px!important;
  border-radius:16px!important;
  font-size:13px!important;
  line-height:1.1!important;
  font-weight:900!important;
  text-align:center!important;
  text-decoration:none!important;
  white-space:normal!important;
}
body .iptvbc-client-wa-actions-v27187 small{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  width:100%!important;
  margin:0!important;
  color:#64748b!important;
  font-size:11.5px!important;
  line-height:1.35!important;
  font-weight:750!important;
  text-align:center!important;
}
@media(min-width:1180px){
  body .iptvbc-client-wa-strip-v27187,
  body .iptvbc-client-wa-strip-v27187.iptvbc-client-wa-mobile-stable-v271812,
  .iptvbc-client-unified-v273 .iptvbc-client-wa-strip-v27187,
  .iptvbc-client-unified-v274 .iptvbc-client-wa-strip-v27187{
    grid-template-columns:112px minmax(0,1fr) minmax(240px,300px)!important;
    grid-template-areas:"orb copy side" "orb actions side"!important;
    gap:18px!important;
    padding:26px!important;
    border-radius:28px!important;
  }
  body .iptvbc-client-wa-orb-v27187,
  .iptvbc-client-unified-v273 .iptvbc-client-wa-orb-v27187,
  .iptvbc-client-unified-v274 .iptvbc-client-wa-orb-v27187{
    flex-direction:column!important;
    justify-content:center!important;
    text-align:center!important;
    padding:14px 8px!important;
  }
  body .iptvbc-client-wa-icon-v27187{width:76px!important;height:76px!important;min-width:76px!important;min-height:76px!important;border-radius:26px!important;}
  body .iptvbc-client-wa-icon-v27187 svg{width:39px!important;height:39px!important;}
  body .iptvbc-client-wa-actions-v27187{display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:flex-start!important;}
  body .iptvbc-client-wa-strip-v27187 .iptvbc-btn,
  body .iptvbc-client-wa-strip-v27187 a.iptvbc-btn,
  body .iptvbc-client-wa-strip-v27187 .iptvbc-client-wa-cta-v27187,
  body .iptvbc-client-wa-strip-v27187 .iptvbc-client-wa-secondary-v27187{width:auto!important;white-space:nowrap!important;}
  body .iptvbc-client-wa-actions-v27187 small{justify-content:flex-start!important;text-align:left!important;flex:1 0 100%!important;}
}