/* ===== Perbaikan tampilan mobile halaman pelanggan ===== */
@media (max-width: 991.98px){
  /* menu navbar yang terbuka: area ketuk lebih besar */
  .main-nav .navbar-nav .nav-link{padding:12px 4px;font-size:1.02rem}
  .main-nav .dropdown-menu{border:0;background:#f6f7f8}
  .main-nav .dropdown-item{padding:10px 16px}
}

@media (max-width: 767.98px){
  /* anti-zoom otomatis di iPhone saat mengetik */
  input.form-control,select.form-select,textarea.form-control{font-size:16px}
  .btn{min-height:42px}
  .btn-sm{min-height:36px}

  /* ===== Keranjang: tabel jadi kartu ===== */
  .table-responsive{overflow:visible}
  .table-responsive > table,
  .table-responsive > table tbody,
  .table-responsive > table tr,
  .table-responsive > table td{display:block;width:100%}
  .table-responsive > table thead{display:none}
  .table-responsive > table tr{
    border:1px solid #e3e6e8;border-radius:12px;background:#fff;
    padding:12px 14px;margin-bottom:12px;position:relative;
  }
  .table-responsive > table td{
    display:flex;align-items:center;justify-content:space-between;gap:12px;
    border:0;padding:5px 0;
  }
  .table-responsive > table td::before{
    content:attr(data-label);font-weight:600;font-size:.82rem;color:#6c757d;
  }
  .table-responsive > table td[data-label=""]::before{display:none}
  .table-responsive > table td.cart-prod{display:block;padding-bottom:8px;margin-bottom:4px;border-bottom:1px solid #eef0f1;padding-right:44px}
  .table-responsive > table td.cart-del{position:absolute;top:8px;right:8px;width:auto;padding:0}
  .table-responsive > table td form.input-group{width:150px;flex-wrap:nowrap}
  .table-responsive > table td form.input-group .form-control{min-width:0;text-align:center}

  /* ===== Checkout: pilihan pembayaran lebih mudah diketuk ===== */
  .container form .form-check{display:flex;align-items:center;gap:.65rem;padding:10px 12px;margin-bottom:8px;border:1px solid #e3e6e8;border-radius:10px}
  .container form .form-check .form-check-input{float:none;margin:0;width:1.25rem;height:1.25rem;flex:0 0 auto}
  .container form .form-check .form-check-label{flex:1;margin:0}

  /* ===== Halaman pesanan berhasil: tombol penuh ===== */
  .os-btn{display:block;width:100%;margin:0 0 10px !important}

  /* ===== Umum ===== */
  .section-title{font-size:1.4rem}
  .container{padding-left:14px;padding-right:14px}
  .wa-float{width:48px;height:48px;font-size:1.5rem;right:14px;bottom:14px}
}