@media (max-width: 767px) {

  /* Langkah 1: Jadikan KOLOM GAMBAR sebagai jangkar posisi */
  .promotion-single .row > .col-md-4.col-sm-4.col-xs-12 {
    position: relative !important;
    padding: 0 !important; /* Hapus padding agar gambar penuh */
  }

  /* Langkah 2: Hilangkan JARAK dengan membuat seluruh kolom teks jadi NOL */
  .promotion-single .row > .col-md-8.col-sm-8.col-xs-12 {
    height: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
  }

  /* Langkah 3: Sembunyikan semua tulisan yang tidak perlu */
  .promotion-single .title,
  .promotion-single .time-remaining-wraper {
    display: none !important;
  }

  /* Langkah 4: Posisikan & ubah tampilan tombol "Rincian" */
  .promotion-single .btn-secondary {
    position: absolute !important;
    /* Naikkan posisi tombol, di dalam area gambar */
    bottom: 15px; /* Naik 20px dari bawah gambar */
    left: 15px;   /* 10px dari kiri gambar */
    z-index: 10;
    
    /* Buat transparan 50% */
    /* opacity: 0.5;
    
    /* Beri efek transisi agar mulus saat disentuh */
    /* transition: opacity 0.3s ease; */
  }

  /* Langkah 5: Buat tombol jadi 100% saat disentuh (hover) */
  .promotion-single .btn-secondary:hover {
    opacity: 1;
  }

  /* Langkah 6: Pastikan container utama tidak punya margin bawah */
  .promotion-single {
    margin-bottom: 0 !important;
  }
  .promotion-group {
    padding: 0px 0 !important;
}
}