/* ===== RW POPUP V3 (ESTETIK) ===== */
    #rwPopV3{
      position: fixed !important;
      inset: 0 !important;
      z-index: 2147483647 !important;
      display: none !important;
      padding: 16px !important;
      place-items: center !important;
      font-family: system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif !important;
    }
    #rwPopV3.rw-open{ display:grid !important; }
    
    #rwPopV3 .rw-backdrop{
      position:absolute !important;
      inset:0 !important;
      background: transparent !important;
      backdrop-filter: blur(3px) !important;
    }
    
    #rwPopV3 .rw-card{
      position: relative !important;
      width: min(92vw, 520px) !important;
      border-radius: 12px 4px !important;
      overflow: hidden !important;
      border: none;
      background: transparent;
      box-shadow: transparent;
      transform: translateY(12px) scale(.98) !important;
      opacity: 0 !important;
      transition: .18s ease !important;
      max-height: 90vh !important;
    }
    #rwPopV3.rw-open .rw-card{ transform: translateY(0) scale(1) !important; opacity:1 !important; }
    
    #rwPopV3 .rw-body{
      padding: 14px !important;
      overflow: auto !important;
      max-height: 90vh !important;
    }
    
    /* CLOSE (pas di bulatan, ga keluar) */
    #rwPopV3 .rw-close{
      position:absolute !important;
      top: 10px !important;
      right: 10px !important;
      width: 38px !important;
      height: 38px !important;
      line-height: 38px !important;
      border-radius: 999px !important;
      border: 1px solid rgba(255, 217, 0, 0.562) !important;
      background: transparent;
      color:#fff !important;
      font-weight: 900 !important;
      font-size: 16px !important;
      text-align:center !important;
      padding: 0 !important;
      cursor:pointer !important;
      z-index: 20 !important;
      box-shadow: 0 10px 18px rgba(0,0,0,.35) !important;
    }
    #rwPopV3 .rw-close:hover{ filter: brightness(1.08) !important; }
    #rwPopV3 .rw-close:active{ transform: translateY(1px) !important; }
    
    /* LOGO */
    #rwPopV3 .rw-logo{
      display:flex !important;
      justify-content:center !important;
      margin: 2px 0 10px !important;
    }
    #rwPopV3 .rw-logo img{
      max-width: 190px !important;
      width: auto !important;
      height: auto !important;
      filter: drop-shadow(0 8px 16px rgba(0,0,0,.55)) !important;
    }
    
    /* SLIDER */
    #rwPopV3 .rw-slider{ margin: 0 auto 8px !important; }
    #rwPopV3 .rw-viewport{
      position: relative !important;
      width: 100% !important;
      aspect-ratio: 1 / 1 !important;
      border-radius: 12px 4px !important;
      overflow: hidden !important;
      border: 2px solid rgba(255,215,0,.80) !important;
      box-shadow: 0 0 18px rgba(255,215,0,.14), 0 0 18px rgba(255,0,0,.10) !important;
      background: #050000 !important;
    }
    #rwPopV3 .rw-slide{
      position:absolute !important;
      inset:0 !important;
      opacity: 0 !important;
      transform: scale(1.02) !important;
      transition: opacity .22s ease, transform .22s ease !important;
      cursor: pointer !important;
    }
    #rwPopV3 .rw-slide.is-active{
      opacity: 1 !important;
      transform: scale(1) !important;
    }
    #rwPopV3 .rw-slideimg{
      width:100% !important;
      height:100% !important;
      object-fit: cover !important;
      display:block !important;
    }
    #rwPopV3 .rw-fallback{
      width:100% !important;
      height:100% !important;
      display:grid !important;
      place-items:center !important;
      color: rgba(255,255,255,.75) !important;
      font-weight: 800 !important;
      letter-spacing: .4px !important;
      background: linear-gradient(180deg,#120000,#040000) !important;
    }
    
    /* DOTS */
    #rwPopV3 .rw-dots{
      display:flex !important;
      justify-content:center !important;
      gap: 6px !important;
      margin-top: 8px !important;
    }
    #rwPopV3 .rw-dot{
      width: 8px !important; height: 8px !important;
      border-radius: 999px !important;
      border: 1px solid rgb(255, 217, 0) !important;
      background: rgba(255, 251, 0, 0.829) !important;
      padding: 0 !important;
    }
    #rwPopV3 .rw-dot.is-on{
      background: #ffd000 !important;
      box-shadow: 0 0 10px rgba(255, 251, 0, 0.979) !important;
    }
    
    /* TEXT (lebih estetik, ga kegedean) */
    #rwPopV3 .rw-title{
      margin-top: 10px !important;
      text-align:center !important;
      font-weight: 900 !important;
      letter-spacing: .5px !important;
      color:#fff !important;
      font-size: clamp(14px, 3.6vw, 16px) !important;
      text-transform: uppercase !important;
      text-shadow: 0 2px 10px rgba(0,0,0,.6) !important;
    }
    #rwPopV3 .rw-sub{
      margin-top: 5px !important;
      text-align:center !important;
      color: rgba(255,255,255,.82) !important;
      font-size: clamp(11px, 3.1vw, 12px) !important;
    }
    
    /* GRID BUTTONS */
    #rwPopV3 .rw-grid{
      margin-top: 14px !important;
      display:grid !important;
      grid-template-columns: 1fr 1fr !important;
      gap: 10px !important;
    }
    #rwPopV3 .rw-wide{ grid-column: 1 / -1 !important; }
    
    #rwPopV3 .rw-btn{
      position: relative !important;
      display:flex !important;
      align-items:center !important;
      justify-content:center !important;
      padding: 12px 10px !important;
      border-radius: 12px 4px !important;
      text-decoration:none !important;
      color:#000000 !important;
      overflow:hidden !important;
    
      /* merah cerah (tidak redup) + aksen kuning */
      background: linear-gradient(180deg,#ffee00 0%, #fffb00 45%, #ffd900 100%) !important;
      border: 1px solid rgb(0, 0, 0) !important;
      box-shadow: inset 0 1px 0 rgba(255,255,255,.22), inset 0 -16px 26px rgba(0,0,0,.26), 0 12px 22px rgba(0,0,0,.42), 0 0 18px rgba(255,0,0,.22), 0 0 14px rgba(255,210,0,.12) !important;
      transition: transform .12s ease, filter .12s ease !important;
    }
    
    #rwPopV3 .rw-btntext{
      font-weight: 900 !important;
      letter-spacing: .6px !important;
      text-transform: uppercase !important;
      font-size: clamp(12px, 3.3vw, 14px) !important;
      line-height: 1.1 !important;
      text-align:center !important;
    }
    
    /* gloss */
    #rwPopV3 .rw-btn:before{
      content:"" !important;
      position:absolute !important;
      inset:1px !important;
      border-radius: 15px !important;
      background: linear-gradient(to bottom, rgba(255,255,255,.24), rgba(255,255,255,0) 58%) !important;
      pointer-events:none !important;
    }
    #rwPopV3 .rw-btn:after{
      content:"" !important;
      position:absolute !important;
      top:-50% !important;
      left:-80% !important;
      width:60% !important;
      height:200% !important;
      transform: rotate(18deg) !important;
      background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.18) 35%, rgba(255,255,255,.55) 50%, rgba(255,255,255,.18) 65%, rgba(255,255,255,0) 100%) !important;
      filter: blur(1px) !important;
      opacity:.40 !important;
      animation: rwBtnShine 2.8s ease-in-out infinite !important;
      pointer-events:none !important;
    }
    @keyframes rwBtnShine{
      0%{ left:-90%; }
      60%{ left:150%; }
      100%{ left:150%; }
    }
    #rwPopV3 .rw-btn:hover{ filter: brightness(1.10) saturate(1.10) !important; }
    #rwPopV3 .rw-btn:active{ transform: translateY(1px) !important; }
    
    /* LIVE CHAT denyut kuning */
    #rwPopV3 .rw-pulse{
      border-color: rgba(255, 222, 35, 0.979) !important;
      animation: rwPulseGold 1.15s ease-in-out infinite !important;
    }
    @keyframes rwPulseGold{
      0%,100%{ filter: brightness(1.00) saturate(1.05); box-shadow:
        inset 0 1px 0 rgba(255,255,255,.22),
        inset 0 -18px 28px rgba(0,0,0,.24),
        0 14px 26px rgba(0,0,0,.48),
        0 0 18px rgba(255, 217, 0, 0.829),
        0 0 18px rgba(255, 251, 0, 0.18); }
      50%{ filter: brightness(1.15) saturate(1.18); box-shadow:
        inset 0 1px 0 rgba(255,255,255,.24),
        inset 0 -18px 28px rgba(0,0,0,.24),
        0 14px 26px rgba(0,0,0,.48),
        0 0 36px rgba(179, 152, 0, 0.671),
        0 0 24px rgba(255,0,0,.22); }
    }
    
    /* NOTE */
    #rwPopV3 .rw-note{
      margin-top: 10px !important;
      text-align:center !important;
      font-size: 11px !important;
      color: #fff !important;
    }
    
    /* HILANGKAN SCROLLBAR DI POPUP (tetap bisa scroll) */
    #rwPopV3 .rw-body{
      scrollbar-width: none !important;      /* Firefox */
      -ms-overflow-style: none !important;   /* IE/Edge lama */
    }
    #rwPopV3 .rw-body::-webkit-scrollbar{
      width: 0 !important; 
      height: 0 !important;                 /* Chrome/Safari */
    }
    
    /* ===== FIX: POPUP LEBIH KECIL (MOBILE) ===== */
    #rwPopV3{
      padding: 22px !important; /* bikin jarak ke pinggir, jadi backdrop masih kelihatan */
    }
    
    #rwPopV3 .rw-card{
      width: min(84vw, 420px) !important; /* sebelumnya 92vw, 520px */
      border-radius: 12px 4px !important;
    }
    /* ===== RAPETIN SPACING ===== */
    #rwPopV3 .rw-title{ margin-top: 8px !important; font-size: 13px !important; }
    #rwPopV3 .rw-sub{ margin-top: 4px !important; font-size: 11.5px !important; }
    
    #rwPopV3 .rw-grid{
      margin-top: 10px !important;  /* sebelumnya 14px */
      gap: 8px !important;          /* sebelumnya 10px */
    }
    
    #rwPopV3 .rw-btn{
      padding: 11px 10px !important;  /* sebelumnya 13px */
      border-radius: 12px 4px !important;
      font-size: 13px !important;     /* biar ga kegedean */
      letter-spacing: .6px !important;
    }
    
    #rwPopV3 .rw-note{ margin-top: 8px !important; font-size: 10.5px !important; }
    /* tombol panjang jadi rapi */
    #rwPopV3 .rw-btn{
      text-align: center !important;
      line-height: 1.05 !important;
      white-space: normal !important;
    }
    #rwPopV3{ padding: 28px !important; }
    
    #rwPopV3 .rw-card{
      width: min(78vw, 360px) !important;
    }
    
    #rwPopV3 .rw-viewport{
      aspect-ratio: 4 / 3 !important;
    }
    
    #rwPopV3 .rw-grid{ gap: 8px !important; margin-top: 10px !important; }
    #rwPopV3 .rw-btn{ padding: 11px 10px !important; font-size: 13px !important; }
    
    /* ===== RAPETIN JARAK CTA ===== */
    #rwPopV3 .rw-grid{
      margin-top: 6px !important;   /* sebelumnya 10-14px */
      gap: 6px !important;          /* sebelumnya 8-10px */
    }
    
    #rwPopV3 .rw-btn{
      padding: 9px 10px !important; /* sebelumnya 11-13px */
      border-radius: 12px 4px !important;
    }
    
    /* kalau LIVE CHAT / tombol panjang masih kejauhan */
    #rwPopV3 .rw-wide,
    #rwPopV3 .rw-btn.rw-wide{
      margin-top: 2px !important;
    }
    
    #rwPopV3 .rw-note{
      margin-top: 6px !important;  /* sebelumnya 8-10px */
    }
    /* ===== RAPihin JARAK GRID (biar konsisten) ===== */
    #rwPopV3 .rw-grid{
      gap: 8px !important;
      align-items: stretch !important; /* biar tinggi item seragam */
    }
    
    /* semua tombol sama tinggi */
    #rwPopV3 .rw-btn{
      min-height: 48px !important;     /* ubah 46-54 sesuai selera */
      padding: 0 12px !important;      /* tinggi dipegang min-height */
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      text-align: center !important;
      line-height: 1.05 !important;
      white-space: normal !important;
    }
    
    /* teks tombol biar rapi kalau 2 baris */
    #rwPopV3 .rw-btn .rw-btntext,
    #rwPopV3 .rw-btn{
      font-size: 13px !important;
      letter-spacing: .5px !important;
    }
    
    /* ===== SUPER RAPET (kayak contoh kamu) ===== */
    #rwPopV3 .rw-grid{
      display: grid !important;
      grid-template-columns: 1fr 1fr !important;
      gap: 6px !important;                 /* jarak antar tombol */
      row-gap: 6px !important;
      column-gap: 8px !important;          /* bisa 6px juga kalau mau mepet banget */
      grid-auto-rows: 44px !important;     /* tinggi tombol fix biar sejajar */
      align-items: stretch !important;
      margin-top: 8px !important;          /* jarak dari teks ke tombol */
    }
    
    #rwPopV3 .rw-grid > a.rw-btn{
      margin: 0 !important;
      height: 44px !important;
      min-height: 44px !important;
      padding: 0 10px !important;          /* bikin pendek */
      border-radius: 12px !important;
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
    }
    
    /* kalau ada teks 2 baris (misal "LINK ALTERNATIF") tetap rapi */
    #rwPopV3 .rw-grid > a.rw-btn .rw-btntext{
      font-size: 12px !important;
      line-height: 1.05 !important;
    }
    
    /* tombol lebar (baris terakhir) */
    #rwPopV3 .rw-grid > a.rw-btn.rw-wide,
    #rwPopV3 .rw-grid > a.rw-btn.rw-lc{
      grid-column: 1 / -1 !important;
      height: 44px !important;
    }
    
    /* =========================
       VIUTOTO THEME OVERRIDE
       taro PALING BAWAH CSS
    ========================= */
    
    /* Card utama: kuning emas, tapi tetap elegan */
    #rwPopV3 .rw-card{
      border: none;
      background: transparent;
      box-shadow: transparent;
    }
    
    /* BACKDROP tetap gelap */
    #rwPopV3 .rw-backdrop{
      background: transparent !important;
    }
    
    /* ====== AREA LOGO TETAP HITAM ====== */
    #rwPopV3 .rw-logo{
      background: linear-gradient(180deg, #189809 0%, #000000 100%) !important;
      border-radius: 12px 4px !important;
      padding: 10px 10px !important;
      margin: 2px 0 10px !important;
      border: 1px solid #189809 !important;
      box-shadow: 0 10px 28px rgba(0,0,0,.55) !important;
    }
    
    /* teks title/sub: gelap biar kebaca di tema kuning */
    #rwPopV3 .rw-title{
      color: #fff !important;
      text-shadow: 0 1px 0 rgba(255,255,255,.35) !important;
    }
    #rwPopV3 .rw-sub{
      color: #211515 !important;
    }
    
    /* slider frame: kuning border */
    #rwPopV3 .rw-viewport{
      border: 2px solid rgba(255,214,0,.95) !important;
      box-shadow: 0 0 16px rgba(255,214,0,.25) !important;
      background: #000 !important;
    }
    
    /* dots */
    #rwPopV3 .rw-dot{
      border: 1px solid rgba(255,214,0,.85) !important;
      background: rgba(0,0,0,.35) !important;
    }
    #rwPopV3 .rw-dot.is-on{
      background: #ffd400 !important;
      box-shadow: 0 0 10px rgba(255,214,0,.70) !important;
    }
    
    /* ====== BUTTON VIUTOTO STYLE ====== */
    #rwPopV3 .rw-btn{
      color: #211515 !important;
      border: 1px solid #e0b773 !important;
      background: linear-gradient(180deg, #bd8c2c 0%, #e0b773 22%, #f1d378 55%, #ff9e00 100%) !important;
      box-shadow: inset 0 1px 0 rgba(255,255,255,.55), inset 0 -10px 16px rgba(0,0,0,.18), 0 10px 18px rgba(0,0,0,.35), 0 0 18px rgba(255,214,0,.22) !important;
    }
    
    /* hover */
    #rwPopV3 .rw-btn:hover{
      filter: brightness(1.06) saturate(1.05) !important;
    }
    
    /* LIVE CHAT: kuning lebih nyala + denyut */
    #rwPopV3 .rw-btn.rw-pulse,
    #rwPopV3 .rw-btn.rw-lc{
      border-color: #e0b773 !important;
      box-shadow: inset 0 1px 0 rgba(255,255,255,.60), inset 0 -10px 16px rgba(0,0,0,.16), 0 12px 22px rgba(0,0,0,.38), 0 0 26px rgba(255,214,0,.45) !important;
      animation: rwPulseViu 1.05s ease-in-out infinite !important;
    }
    
    @keyframes rwPulseViu{
      0%,100%{ transform: translateY(0); filter: brightness(1.00) saturate(1.05); }
      50%{ transform: translateY(-1px); filter: brightness(1.12) saturate(1.18); }
    }
    
    /* tombol close serasi */
    #rwPopV3 .rw-close{
      border: 1px #211515 !important;
      background: #e0b773;
      color: #211515 !important;
    }