/* Centered + Topmost (defensive against theme transforms) */
.mrchef-overlay{
  position:fixed; left:0; top:0; width:100vw; height:100vh;
  display:none; background:rgba(0,0,0,.55);
  z-index:2147483647;
}
body.mrchef-open{ overflow:hidden; }
/* Fixed center for the box */
.mrchef-box{
  position:fixed; left:50%; top:50%; transform:translate(-50%,-50%);
  width:380px; max-width:95vw; max-height:90vh; overflow:auto;
  background:#fff; border-radius:12px; box-shadow:0 10px 25px rgba(0,0,0,.3);
  padding:0 18px 22px; animation:mrchef-in .35s ease;
}
@keyframes mrchef-in{ from{transform:translate(-50%,-40%); opacity:0} to{transform:translate(-50%,-50%); opacity:1} }
.mrchef-header{ position:relative; text-align:center; font-size:18px; font-weight:700; padding:14px 40px 12px; border-bottom:1px solid #e6e6e6 }
.mrchef-close{ position:absolute; right:12px; top:10px; background:none; border:0; font-size:22px; cursor:pointer }
/* Form styles */
.mr-row{ margin:14px 0 }
.mr-label{ font-size:14px; font-weight:700; margin-bottom:6px; display:block }
.mr-label span{ color:#dc2626 }
.mr-wrap{ display:flex; align-items:center; border:1px solid #d9d9d9; border-radius:6px; overflow:hidden; background:#fff; transition:.2s }
.mr-wrap i{ background:#f4f4f4; min-width:36px; text-align:center; padding:10px }
.mr-wrap input{ flex:1; border:0; padding:10px; font-size:14px; outline:none }
.mr-wrap:focus-within{ border-color:#7F1D1D; box-shadow:0 0 5px rgba(127,29,29,.3) }
.mr-locrow{ display:flex; align-items:center; justify-content:space-between; margin-bottom:6px }
.mr-locbtn{ background:#7F1D1D; color:#fff; border:0; padding:7px 12px; border-radius:6px; cursor:pointer; font-size:13px; font-weight:600; display:inline-flex; align-items:center; gap:6px; transition:.25s }
.mr-locbtn:hover{ background:#991B1B; transform:scale(1.03) }
.mr-ship{ border:1px solid #e5e5e5; border-radius:8px; padding:12px; margin:16px 0 }
.mr-ship h3{ margin:0 0 10px; font-size:16px; font-weight:700 }
.mr-opt{ display:flex; align-items:center; justify-content:space-between; border:1px solid #e6e6e6; border-radius:8px; padding:10px 12px; margin-bottom:10px; background:#fff; cursor:pointer; transition:.2s }
.mr-opt input{ accent-color:#39a853; margin-right:8px; transform:scale(1.2) }
.mr-opt.active{ border:2px solid #39a853; background:#f9fff9; box-shadow:0 0 6px rgba(57,168,83,.25) }
.mr-opt:hover{ background:#f9f9f9 }
.mr-coupon{ display:flex; gap:10px; margin:10px 0 14px }
.mr-coupon input{ flex:1; border:1px solid #e0e0e0; border-radius:6px; padding:10px 12px; font-size:14px }
.mr-apply{ background:#7F1D1D; color:#FFFFEA; border:0; border-radius:8px; padding:10px 18px; font-weight:800; cursor:pointer; transition:.25s }
.mr-apply:hover{ background:#991B1B; transform:scale(1.05) }
.mr-cmsg{ font-size:13px; margin-top:6px; display:none }
.mr-cmsg.ok{ color:#16a34a; display:block }
.mr-cmsg.bad{ color:#dc2626; display:block }
.mr-list{ border:1px solid #e6e6e6; border-radius:8px; background:#fff; margin-bottom:14px }
.mr-line{ display:flex; align-items:center; padding:10px; gap:10px }
.mr-line:not(:last-child){ border-bottom:1px solid #ededed }
.mr-thumb{ width:42px; height:42px; flex:0 0 42px }
.mr-thumb img{ width:100%; height:100%; object-fit:cover; border:1px solid #e1e1e1; border-radius:6px }
.mr-title{ flex:1; font-size:13px; font-weight:700; color:#333 }
.mr-amt{ white-space:nowrap; font-weight:700 }
.mr-tot{ border:1px solid #e6e6e6; border-radius:8px; background:#f9f9f9; padding:12px 14px }
.mr-rowtot{ display:flex; justify-content:space-between; margin:6px 0 }
.mr-sep{ border-top:1px solid #bfbfbf; margin:8px 0 }
.mr-grand{ display:flex; justify-content:space-between; font-weight:800; font-size:16px; color:#111; background:#eee; padding:8px 10px; border-radius:6px }
.mr-btn{ width:100%; padding:12px; font-size:15px; border:0; border-radius:6px; font-weight:700; cursor:pointer; transition:.2s }
.mr-btn.cod{ background:#7F1D1D; color:#FFFFEA }
.mr-btn.cod:hover{ background:#991B1B; transform:scale(1.02) }
.mr-btn.pay{ background:#ffeb3b; color:#000 }
.mr-info{ color:#16a34a; text-align:center; margin-top:8px; font-weight:800 }
