.elementor-47 .elementor-element.elementor-element-b9e3fcc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS */<!-- ============================================================
  ULTRA8KIPTV — GLOBAL STYLES
  Paste this in: Elementor > Custom CSS  (Site Settings)
  OR as the first HTML widget on every page template.
  ============================================================ -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Barlow:wght@300;400;500;600;700&family=Barlow+Condensed:wght@600;700&display=swap" rel="stylesheet">
<style>
/* ── ROOT TOKENS ── */
:root {
  --u8-bg:      #03060f;
  --u8-bg2:     #060c1a;
  --u8-bg3:     #0a1225;
  --u8-gold:    #f0a500;
  --u8-gold2:   #ffc740;
  --u8-blue:    #0057ff;
  --u8-blue2:   #1a7cff;
  --u8-cyan:    #00d4ff;
  --u8-text:    #e8edf8;
  --u8-text2:   #8a97b8;
  --u8-border:  rgba(240,165,0,0.18);
  --u8-border2: rgba(0,87,255,0.25);
  --u8-card:    rgba(10,18,37,0.9);
  --u8-radius:  4px;
  --u8-wa:      #25d366;
}

/* ── BODY RESET (Elementor-safe) ── */
body { background: var(--u8-bg) !important; color: var(--u8-text) !important; font-family: 'Barlow', sans-serif !important; }

/* ── SHARED UTILITIES ── */
.u8-section-label {
  display: block;
  font-size: 11px; font-weight: 700; letter-spacing: 4px;
  text-transform: uppercase; color: var(--u8-gold); margin-bottom: 14px;
}
.u8-section-title {
  font-family: 'Bebas Neue', sans-serif;
  font-size: clamp(40px, 5vw, 70px);
  line-height: 1; letter-spacing: 1px; margin-bottom: 16px;
  color: var(--u8-text);
}
.u8-section-sub {
  color: var(--u8-text2); font-size: 16px;
  font-weight: 300; line-height: 1.75; max-width: 520px;
}
.u8-divider-gold { height: 1px; background: linear-gradient(90deg, transparent, var(--u8-gold), transparent); border: none; margin: 0; }
.u8-divider-blue { height: 1px; background: linear-gradient(90deg, transparent, var(--u8-blue2), transparent); border: none; margin: 0; }
.u8-divider-cyan  { height: 1px; background: linear-gradient(90deg, transparent, var(--u8-cyan),  transparent); border: none; margin: 0; }

/* scroll reveal */
.u8-reveal { opacity: 0; transform: translateY(28px); transition: opacity .7s ease, transform .7s ease; }
.u8-reveal.u8-in { opacity: 1; transform: none; }

/* WhatsApp float button */
.u8-wa-float {
  position: fixed; bottom: 30px; right: 30px; z-index: 9999;
  background: var(--u8-wa); color: #fff;
  width: 56px; height: 56px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-size: 24px; text-decoration: none;
  box-shadow: 0 4px 20px rgba(37,211,102,.5);
  transition: transform .2s;
}
.u8-wa-float:hover { transform: scale(1.12); color: #fff; }

/* scroll reveal init */
</style>
<script>
(function(){
  var io = new IntersectionObserver(function(entries){
    entries.forEach(function(e){ if(e.isIntersecting){ e.target.classList.add('u8-in'); io.unobserve(e.target); } });
  },{threshold:0.1});
  document.addEventListener('DOMContentLoaded',function(){
    document.querySelectorAll('.u8-reveal').forEach(function(el){ io.observe(el); });
  });
})();
</script>
<!-- WhatsApp Float Button (put once per page) -->
<a href="https://wa.me/212635415383" class="u8-wa-float" target="_blank" title="Order on WhatsApp">💬</a>/* End custom CSS */