/* IPTV Belgique Commerce Engine v2.7.19.111
   Support hero visual polish.
   Replaces the abstract weak illustration with a cleaner premium support visual. */

#iptvbc-client-app.is-section-support .iptvbc-support-hero-side-v271109{
  display:grid!important;
  justify-items:center!important;
  align-items:center!important;
}

#iptvbc-client-app.is-section-support .iptvbc-support-hero-visual-v271109{
  position:relative!important;
  width:min(100%,320px)!important;
  height:188px!important;
  border-radius:30px!important;
  overflow:hidden!important;
  isolation:isolate!important;
  background:
    radial-gradient(circle at 16% 22%, rgba(59,130,246,.10), transparent 28%),
    radial-gradient(circle at 86% 78%, rgba(16,185,129,.12), transparent 30%),
    linear-gradient(135deg,#ffffff 0%,#f4f9ff 56%,#f8feff 100%)!important;
  border:1px solid rgba(191,219,254,.82)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.92),
    0 22px 48px rgba(15,23,42,.075)!important;
}

/* Remove the previous large abstract diamond and leaf. */
#iptvbc-client-app.is-section-support .iptvbc-support-hero-shape-v271109,
#iptvbc-client-app.is-section-support .iptvbc-support-hero-dot-v271109{
  display:none!important;
}

/* Ambient support card */
#iptvbc-client-app.is-section-support .iptvbc-support-hero-visual-v271109::before{
  content:""!important;
  position:absolute!important;
  left:28px!important;
  top:30px!important;
  width:156px!important;
  height:112px!important;
  border-radius:24px!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,251,255,.96))!important;
  border:1px solid rgba(226,232,240,.92)!important;
  box-shadow:0 18px 36px rgba(15,23,42,.07)!important;
  z-index:1!important;
}

/* Chat lines inside the card */
#iptvbc-client-app.is-section-support .iptvbc-support-hero-visual-v271109::after{
  content:""!important;
  position:absolute!important;
  left:52px!important;
  top:64px!important;
  width:92px!important;
  height:8px!important;
  border-radius:999px!important;
  background:#dbeafe!important;
  box-shadow:
    0 22px 0 #e0f2fe,
    0 44px 0 #dcfce7!important;
  z-index:2!important;
}

/* Main headset badge */
#iptvbc-client-app.is-section-support .iptvbc-support-hero-headset-v271109{
  position:absolute!important;
  right:48px!important;
  top:50%!important;
  width:96px!important;
  height:96px!important;
  transform:translateY(-50%)!important;
  border-radius:30px!important;
  background:
    radial-gradient(circle at 30% 20%,rgba(255,255,255,.10),transparent 34%),
    linear-gradient(135deg,#0f172a 0%,#1d2c63 58%,#243f8f 100%)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 22px 42px rgba(15,23,42,.20)!important;
  z-index:4!important;
}

/* Draw the headset in light tones on the badge, not dark on dark. */
#iptvbc-client-app.is-section-support .iptvbc-support-headset-band-v271109{
  left:24px!important;
  top:22px!important;
  width:48px!important;
  height:34px!important;
  border:5px solid rgba(255,255,255,.86)!important;
  border-bottom:0!important;
  border-radius:60px 60px 0 0!important;
}

#iptvbc-client-app.is-section-support .iptvbc-support-headset-cup-v271109{
  top:44px!important;
  width:16px!important;
  height:28px!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.88)!important;
  box-shadow:0 8px 14px rgba(0,0,0,.10)!important;
}

#iptvbc-client-app.is-section-support .iptvbc-support-headset-cup-v271109.is-left{
  left:21px!important;
}

#iptvbc-client-app.is-section-support .iptvbc-support-headset-cup-v271109.is-right{
  right:21px!important;
}

#iptvbc-client-app.is-section-support .iptvbc-support-headset-mic-v271109{
  right:19px!important;
  bottom:19px!important;
  width:30px!important;
  height:24px!important;
  border-right:4px solid rgba(255,255,255,.86)!important;
  border-bottom:4px solid rgba(255,255,255,.86)!important;
  border-radius:0 0 18px 0!important;
}

#iptvbc-client-app.is-section-support .iptvbc-support-headset-mic-v271109::after{
  content:""!important;
  position:absolute!important;
  right:-6px!important;
  bottom:-6px!important;
  width:9px!important;
  height:9px!important;
  border-radius:999px!important;
  background:#22c55e!important;
  box-shadow:0 0 0 5px rgba(34,197,94,.16)!important;
}

/* Availability badge */
#iptvbc-client-app.is-section-support .iptvbc-support-hero-headset-v271109::before{
  content:"En ligne"!important;
  position:absolute!important;
  left:-108px!important;
  bottom:-16px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:96px!important;
  min-height:34px!important;
  padding:0 12px!important;
  border-radius:999px!important;
  background:#ecfdf5!important;
  border:1px solid rgba(110,231,183,.76)!important;
  color:#047857!important;
  font-size:12px!important;
  font-weight:900!important;
  box-shadow:0 12px 24px rgba(16,185,129,.12)!important;
}

/* Small reply bubble */
#iptvbc-client-app.is-section-support .iptvbc-support-hero-headset-v271109::after{
  content:"Réponse rapide"!important;
  position:absolute!important;
  right:-22px!important;
  top:-18px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:112px!important;
  min-height:34px!important;
  padding:0 12px!important;
  border-radius:999px!important;
  background:#ffffff!important;
  border:1px solid rgba(191,219,254,.82)!important;
  color:#2563eb!important;
  font-size:12px!important;
  font-weight:900!important;
  box-shadow:0 12px 24px rgba(37,99,235,.10)!important;
}

/* Small decorative notification dot */
#iptvbc-client-app.is-section-support .iptvbc-support-hero-side-v271109::after{
  content:""!important;
  position:absolute!important;
  width:14px!important;
  height:14px!important;
  border-radius:999px!important;
  background:#22c55e!important;
  box-shadow:0 0 0 7px rgba(34,197,94,.14)!important;
  transform:translate(128px,-72px)!important;
  z-index:5!important;
}

@media(max-width:1180px){
  #iptvbc-client-app.is-section-support .iptvbc-support-hero-side-v271109{
    justify-items:start!important;
  }
}

@media(max-width:760px){
  #iptvbc-client-app.is-section-support .iptvbc-support-hero-visual-v271109{
    width:100%!important;
    height:170px!important;
  }

  #iptvbc-client-app.is-section-support .iptvbc-support-hero-headset-v271109{
    right:34px!important;
    width:84px!important;
    height:84px!important;
    border-radius:26px!important;
  }

  #iptvbc-client-app.is-section-support .iptvbc-support-hero-headset-v271109::before,
  #iptvbc-client-app.is-section-support .iptvbc-support-hero-headset-v271109::after{
    display:none!important;
  }
}