/* Koreksi tata letak milik KITA, dimuat setelah CSS hasil capture.
   Satu berkas untuk semua tema: aturan di sini tak boleh bergantung warna,
   hanya posisi. Tiap blok menyebut alasannya — kalau alasannya hilang,
   aturannya ikut dihapus. */

/* Beranda desktop: panel JACKPOT sejajar dengan strip HOT PROVIDER.
   Di capture asal keduanya rata-ATAS, lalu judul "hot provider" memakan tinggi
   di kolom kanan sehingga deretan logo jatuh jauh di bawah panel jackpot.
   Dua hal yang dibutuhkan, dan keduanya perlu:
   1. .row di CSS capture masih Bootstrap lama (float, bukan flex) — align-items
      di sana tak berpengaruh sama sekali. Barisnya kita jadikan flex dulu.
   2. Setelah itu pun masih tersisa jarak setengah tinggi judul, karena kolom
      kanan = judul + strip sementara kolom kiri hanya gambar. Panel jackpot
      digeser turun sejauh itu.
   Pergeserannya memakai transform, BUKAN padding atau margin: menambah tinggi
   kolom kiri akan mengubah tinggi baris, yang menggeser lagi titik tengah
   kolom kanan — kejar-kejaran yang tak pernah bertemu. transform menggeser apa
   yang terlihat tanpa menyentuh perhitungan tata letak, jadi hasilnya tetap
   nol selisih berapa pun tinggi gambar jackpot milik brand itu. */
.desktop .jp-provider-div {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
.desktop .jp-provider-div .jackpot {
  -webkit-transform: translateY(50px); /* = setengah tinggi blok judul */
  transform: translateY(50px);
}