/*
 * Perbaikan kelancaran scroll dan animasi (fitur baru, file terpisah; tidak mengubah tampilan).
 *
 * Penyebab patah-patah:
 * a) Animasi kilau ("hightlight") pada produk/metode terpilih dan tombol order berjalan tanpa henti dan menggeser
 *    properti `left` (memicu hitung ulang tata letak + gambar ulang terus-menerus), tepat saat halaman otomatis
 *    scroll ke pembayaran.
 * b) Panel pembayaran (E-Wallet, VA, dst.) dibuka dengan slideDown/slideUp jQuery yang menganimasikan tinggi
 *    lewat JavaScript di tiap frame (lihat pbSlide di /js/performa.js).
 *
 * Perbaikan: kilau diisolasi (contain) dan dijeda sebentar saat scroll atau saat panel membuka/menutup;
 * panel pembayaran diisolasi supaya perubahan tingginya tidak menyebar. Bentuk dan gerakan animasi tidak berubah.
 */
.selected-item {
    contain: layout paint;
}

.button-action-payment,
.short-payment-support-info {
    contain: layout paint;
}

html.sedang-scroll .selected-item:after,
html.sedang-scroll .btn-order:after,
html.pb-animating .selected-item:after,
html.pb-animating .btn-order:after {
    animation-play-state: paused !important;
}