/* ============================
   FIX OPPO & MOBILE TAB ISSUE
   ============================ */
@media (max-width: 768px) {

  /* Paksa semua container scrtabs menjadi putih */
  .scrtabs-tab-container,
  .scrtabs-tabs-fixed-container,
  .scrtabs-tabs-movable-container {
    background-color: #fff !important;
  }

  /* Buat lapisan putih menutup area abu */
  .scrtabs-tab-container {
    position: relative !important;
    z-index: 0 !important;
  }

  /* Sembunyikan arrow sepenuhnya */
  .scrtabs-tab-scroll-arrow {
    display: none !important;
    width: 0 !important;
    background: transparent !important;
  }

  /* Buffer kanan BESAR — biar di semua HP (termasuk Oppo) aman */
  .scrtabs-tabs-movable-container {
    padding-right: 60px !important;
    padding-left: 8px !important;
  }

  .scrtabs-tabs-movable-container > .nav-tabs {
    margin-right: 40px !important;
    background: #fff !important;
  }

  /* Tab terakhir tambahin extra space */
  .scrtabs-tabs-movable-container > .nav-tabs > li:last-child {
    margin-right: 24px !important;
  }

  /* Aktifkan overflow & pastikan tidak terpotong */
  .scrtabs-tabs-movable-container,
  .scrtabs-tabs-fixed-container {
    overflow: visible !important;
  }
}