body.elementor-page-7234:not(.elementor-motion-effects-element-type-background), body.elementor-page-7234 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}/* Start custom CSS for html, class: .elementor-element-8c42dee */:root{
  --brand:#1673ff; --brand2:#3b8dff; --ink:#0f172a; --muted:#586780;
  --line:#e8eef8; --bg:#f7f9fc; --card:#fff; --radius:16px;
  --shadow:0 10px 24px rgba(15,23,42,.08); --shadow2:0 16px 40px rgba(15,23,42,.12);
  --fast:220ms cubic-bezier(.25,.8,.25,1);
}

.blog-iptv-au{
  background:#fff; 
  color:var(--ink); 
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial; 
  line-height:1.75
}

.blog-wrap{
  max-width:1100px; 
  margin:0 auto; 
  padding:0 20px
}

/* GRID */
.blog-grid{
  display:grid; 
  grid-template-columns:280px 1fr; 
  gap:28px
}
@media (max-width:1024px){ 
  .blog-grid{grid-template-columns:1fr} 
}

/* TOC */
.blog-toc{position:relative}
.toc-card{
  position:sticky; 
  top:24px;
  background:#f5f8ff; 
  border:1px solid #e5edf9; 
  border-radius:14px; 
  padding:16px;
  box-shadow:var(--shadow);
}
.toc-title{
  font-weight:800; 
  display:flex; 
  gap:8px; 
  align-items:center; 
  margin-bottom:10px
}
.toc-list{list-style:decimal inside; margin:0; padding:0}
.toc-list a{color:#0f274a; text-decoration:none}
.toc-list a:hover{color:var(--brand)}
.toc-mobile{display:none}
@media (max-width:1024px){
  .toc-card{display:none}
  .toc-mobile{
    display:block; 
    background:#f5f8ff; 
    border:1px solid #e5edf9; 
    border-radius:14px; 
    padding:12px; 
    margin-bottom:10px
  }
  .toc-mobile summary{font-weight:800; cursor:pointer}
}

/* ARTICLE CARDS */
.card{
  background:var(--card); 
  border:1px solid var(--line); 
  border-radius:var(--radius);
  padding:22px 22px; 
  margin-bottom:20px; 
  box-shadow:var(--shadow);
}
.card h2{
  font-size:clamp(20px,2.4vw,26px); 
  margin:0 0 10px; 
  font-weight:900; 
  display:flex; 
  gap:10px; 
  align-items:center
}
.card p{margin:.4em 0}
.bullets{padding-left:18px; margin:0}
.steps{padding-left:18px; margin:0}

/* TABLES */
.table-scroll{overflow:auto}
.table{
  border-collapse:separate; 
  border-spacing:0; 
  width:100%; 
  font-size:15px
}
.table th{
  background:#eef4ff; 
  border:1px solid #e3ecff; 
  text-align:left; 
  padding:10px
}
.table td{
  border:1px solid #e8eef8; 
  padding:10px
}

/* NOTES */
.note{
  display:flex; 
  gap:12px; 
  padding:12px; 
  border-radius:12px; 
  border:1px solid #e8eef8; 
  background:#f7faff; 
  margin-top:10px
}
.note.success{background:#f0f9ff; border-color:#dbeafe}
.note.info{background:#f7faff}

/* FAQ */
.faq{
  border:1px solid var(--line); 
  border-radius:12px; 
  padding:12px 14px; 
  margin:10px 0
}
.faq summary{cursor:pointer; font-weight:800}
.faq > div{margin-top:8px}

/* CTAs */
.btn{
  display:inline-flex; 
  align-items:center; 
  justify-content:center; 
  gap:10px; 
  text-decoration:none; 
  font-weight:800; 
  border-radius:12px; 
  padding:12px 16px
}
.btn-primary{
  background:linear-gradient(90deg,var(--brand),var(--brand2)); 
  color:#fff; 
  box-shadow:0 10px 24px rgba(22,115,255,.22)
}
.btn-primary:hover{transform:translateY(-2px)}
.btn-whatsapp{
  background:#25D366; 
  color:#fff; 
  box-shadow:0 10px 24px rgba(37,211,102,.22)
}
.btn-whatsapp:hover{transform:translateY(-2px)}
.cta-inline{display:flex; gap:12px; flex-wrap:wrap; margin:10px 0 14px}
.cta-banner{
  display:flex; 
  gap:16px; 
  align-items:center; 
  justify-content:space-between; 
  flex-wrap:wrap;
  background:#f5f8ff; 
  border:1px solid #e5edf9; 
  border-radius:16px; 
  padding:16px; 
  margin:24px 0 8px
}
.cta-text{font-size:16px}
.cta-actions{display:flex; gap:12px; flex-wrap:wrap}

/* LINKS */
a{color:var(--brand)}
a:hover{color:#0b5cec}

/* ==== MOBILE FIX PACK (drop at the very end) ==== */
*,
*::before,
*::after { box-sizing: border-box; }

html, body { overflow-x: hidden; }

/* Container & grid */
@media (max-width: 768px){
  .blog-wrap { padding: 0 12px !important; max-width: 100% !important; }
  .blog-grid { display: block !important; }

  /* Show mobile TOC, hide desktop sticky */
  .blog-toc .toc-card { display: none !important; }
  .blog-toc .toc-mobile { display: block !important; }
  .blog-toc .toc-mobile summary { width: 100%; padding: 10px 12px; border-radius: 10px; }

  /* Cards */
  .card {
    margin: 12px 0 !important;
    padding: 14px 12px !important;
    border-radius: 12px !important;
    box-shadow: 0 2px 10px rgba(15,23,42,.06) !important;
  }
  .card h2 { font-size: 18px !important; gap: 8px; }

  /* Images safe scaling */
  .blog-body img { max-width: 100% !important; height: auto !important; }

  /* Buttons & CTAs: stack and full width */
  .cta-inline,
  .cta-actions { flex-direction: column !important; gap: 10px !important; }
  .cta-inline .btn,
  .cta-banner .btn,
  .btn.btn-primary,
  .btn.btn-whatsapp {
    width: 100% !important;
    max-width: 100% !important;
    display: inline-flex !important;
  }

  /* Final banner block */
  .cta-banner {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 12px !important;
  }

  /* Table: horizontal scroll without breaking page width */
  .table-scroll {
    display: block !important;
    width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
  }
  .table {
    min-width: 520px;            /* wide enough to keep columns readable */
    width: 520px;                /* prevents expanding beyond viewport */
    font-size: 13px !important;
  }
  .table th, .table td { padding: 8px 10px !important; white-space: nowrap; }
}

/* Ultra-small phones */
@media (max-width: 420px){
  .card h2 { font-size: 17px !important; }
  .toc-mobile summary { font-size: 14px; }
}/* End custom CSS */