.elementor-7749 .elementor-element.elementor-element-70b8d39{--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;}/* Start custom CSS for html, class: .elementor-element-c1f76be *//* ==== FIX AKHIR: teks "Join cepat" terpotong di iOS ==== */
@media (max-width: 820px){
  .mobileCTA{ padding:10px 10px calc(12px + env(safe-area-inset-bottom)); }
  .mobileCTA .list{
    display:flex; gap:10px; overflow:auto;
    -webkit-overflow-scrolling:touch; scrollbar-width:none;
  }
  /* setiap butang jangan menyusut & jangan clip */
  .mobileCTA .list a{ flex:0 0 auto; }

  .mobileCTA .btn{
    overflow: visible !important;               /* elak clip */
    text-decoration: none !important;           /* buang underline */
    font-weight: 700;                            /* lebih stabil di iOS */
    font-size: 14px; line-height: 1.2;
    padding: 10px 16px;
    border-radius: 14px;
    white-space: nowrap;                         /* jangan pecah */
    -webkit-font-smoothing: antialiased;
    transform: translateZ(0);                    /* render bersih iOS */
    min-width: 140px;                            /* ruang utk nama panjang */
  }

  /* kalau ada pseudo dari efek global, pastikan tak mengganggu */
  .mobileCTA .btn::before,
  .mobileCTA .btn::after{ display:none !important; }
}
/* === FINAL FIX: Top Promotion Company (HP) === */
@media (max-width: 600px){

  /* Struktur & tinggi otomatis */
  .rank{
    grid-template-columns: 48px 1fr;
    gap: 10px;
    padding: 12px;
    overflow: visible !important;           /* jangan potong isi */
  }
  .idx{
    width:48px;height:48px;border-radius:10px;
    display:grid;place-items:center;overflow:hidden;
  }
  .idx img{width:100%;height:100%;object-fit:contain;padding:6px}

  /* Judul + chip boleh menciut lebar */
  .rtitle{min-width:0}
  /* Chip WAJIB membalut, bukan scroll */
  .rmeta{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:6px;
    overflow:visible !important;
    padding-bottom:0;
  }
  .chip{max-width:100%}

  /* Butang turun ke baris bawah & full width */
  .rank > div:last-child{
    grid-column:1 / -1;
    display:flex; gap:8px;
    justify-self:stretch;
  }
  .rank .btn{flex:1;min-height:44px}
  .rank .btn.primary{flex:2}
}

/* Pastikan tak ada scroll horizontal yang memotong sisi kanan */
html, body { overflow-x: hidden; }
/* ===== Header / Nav: HP tidy ===== */
@media (max-width:560px){
  /* 1) Boleh patah baris: brand di atas, nav satu baris di bawah */
  .top{flex-wrap:wrap; gap:8px}
  .brand{flex:1 1 auto; min-width:0}
  .brand b{font-size:clamp(16px,5vw,18px)} /* "Official Website" / "Promo Rasmi" */

  /* 2) Nav jadi bar horisontal geser (tanpa wrap) */
  header nav{
    order:2;                      /* pindah ke baris bawah brand */
    width:100%;
    display:flex; gap:8px;
    overflow-x:auto; scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
    padding-bottom:4px;
    white-space:nowrap;
  }
  header nav::-webkit-scrollbar{display:none}

  /* 3) Link nav: ukuran & padding pas jempol, tanpa underline */
  header nav a{
    flex:0 0 auto;
    font-size:14px; line-height:1;
    padding:6px 10px;
    border-radius:10px;
    text-decoration:none !important;
    white-space:nowrap;           /* cegah “ReadMore” pecah */
  }

  /* 4) Matikan efek underline hover versi desktop di mobile */
  header nav a::after{display:none !important}
}

/* (opsional) sedikit gaya aktif/hover yang rapi */
@media (hover:hover){
  header nav a:hover{background:#F4F6F8}
}/* End custom CSS */