/* Tulis Ape Tu: pembetulan kecil untuk borang OnPay (dimuat oleh code LP/ATC).
   Ubah fail ni + push = semua borang yang ada code LP terus ikut, tanpa paste semula. */

/* Kotak kuantiti: angka hilang di phone (tick hijau + kotak stok "∞" makan ruang).
   Sorok kotak stok, bulatkan semula bucu kanan, dan jaga lebar minimum. */
.input-group > .input-group-append > .input-group-text.product-stock { display: none !important; }
.input-group > select.custom-select[name^="products["] {
  border-radius: .25rem !important;
  min-width: 5.5rem;
}


/* Notifikasi berlapis LP: semua kad sama tinggi (max 2 baris), kad belakang tunjuk tepi sahaja (tulisan disorok). */
#eoa-lp #eoa-sp .sp-c { height: 60px !important; }
#eoa-lp #eoa-sp .sp-t { display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
#eoa-lp #eoa-sp .sp-c:not(:last-child) .sp-t,
#eoa-lp #eoa-sp .sp-c:not(:last-child) .sp-a { visibility: hidden; }

/* Phone / tetingkap kecil: LP & ATC penuh skrin, tiada tergelincir ke kanan (tak perlu scroll kiri-kanan). */
@media (max-width: 768px) {
  html:has(#eoa-lp), html:has(#eoa-lp) body { overflow-x: clip !important; }
  #eoa-lp { width: 100vw !important; max-width: 100vw !important; margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important; }
}

/* Desktop: kad notifikasi di tengah, ikut lajur LP. */
@media (min-width: 640px) {
  #eoa-lp #eoa-sp { left: 50% !important; right: auto !important; width: min(440px, calc(100vw - 32px)) !important; transform: translateX(-50%); }
}

/* Buang butang WhatsApp terapung OnPay & kotak "Ada masalah bayar..." (Syed: tak perlu). */
body:has(#eoa-lp) .btn-whatsapp-icon { display: none !important; }
#eoa-lp .a-help { display: none !important; }

/* ATC: kotak "Tempahan Terkini" (data betul OnPay, bandar ikut IP pembeli, tanpa masa). Popup merah OnPay (ada masa) disorok. */
body:has(#eoa-tt) .social-proof { display: none !important; }
#eoa-lp #eoa-tt{margin:16px 16px 8px;border:1px solid #E3DED3;border-radius:14px;overflow:hidden;background:#fff;font-family:"Plus Jakarta Sans",system-ui,-apple-system,sans-serif;color:#141414;text-align:left;box-sizing:border-box}
#eoa-lp #eoa-tt .tt-h{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#E11D2E;color:#fff;padding:12px 16px;font-weight:800;font-size:16px;line-height:1.2}
#eoa-lp #eoa-tt .tt-n{background:rgba(255,255,255,.22);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700}
#eoa-lp #eoa-tt .tt-v{height:330px;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
#eoa-lp #eoa-tt .tt-r{display:flex;gap:12px;align-items:center;padding:12px 16px;border-top:1px solid #EFEBE3}
#eoa-lp #eoa-tt .tt-ok{flex:none;width:66px;display:flex;flex-direction:column;align-items:center;gap:3px;color:#169A4A}
#eoa-lp #eoa-tt .tt-ok b{display:block;background:#1E7B3C;color:#fff;font-size:9px;font-weight:800;letter-spacing:.05em;border-radius:4px;padding:2px 6px}
#eoa-lp #eoa-tt .tt-t{display:block;font-size:14px;line-height:1.45;font-weight:500}
#eoa-lp #eoa-tt .tt-t b{font-weight:800}
#eoa-lp #eoa-tt .tt-t em{font-style:normal;font-weight:700;color:#E11D2E}