# Mini-cart overlay: Later Cart list styling (scoped to popup)
#mcOverlay .mlm-later-list .cart-item{display:grid;grid-template-columns:56px 1fr auto;gap:10px;align-items:center;padding:10px;border:1px solid #e5e7eb;border-radius:12px;background:#fff}
#mcOverlay .mlm-later-list .cart-item + .cart-item{margin-top:8px}
#mcOverlay .mlm-later-list .thumb{width:56px;height:56px;border-radius:10px;overflow:hidden;background:#f7f7f8}
#mcOverlay .mlm-later-list .thumb img{width:100%;height:100%;object-fit:cover}
#mcOverlay .mlm-later-list .ci-title{font-weight:700;font-size:13px}
#mcOverlay .mlm-later-list .ci-meta{font-size:12px;color:#6b7280}
#mcOverlay .mlm-later-list .ci-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}
#mcOverlay .mlm-later-list .btn-link{background:transparent;border:none;color:#ff6a00;cursor:pointer;padding:4px 8px;border-radius:8px;font-weight:600}
#mcOverlay .mlm-later-list .btn-link.danger{color:#ef4444}
#mcOverlay .mlm-later-list .price-box{text-align:end}
#mcOverlay .mlm-later-list .price{font-weight:800;font-size:13px}

/* Mobile: bring popup to bottom (override demo padding) */
@media (max-width:640px){
  .mc-overlay .mc-dialog{bottom:0 !important; max-height:calc(100vh - env(safe-area-inset-bottom,0px)) !important; transform:translateY(100%)}
  .mc-overlay.open .mc-dialog{transform:translateY(0)}
}
@media (min-width:641px) and (max-width:991.98px){
  .mc-overlay .mc-dialog{bottom:0 !important;}
}
