.qrm-cart{background:var(--bg);color:var(--text);min-height:100svh}
.qrm-cart .qrm-container{max-width:960px;margin:0 auto;padding:16px}

/* Header */
.qrm-cart h2{font-weight:900;letter-spacing:.2px;margin:8px 0 12px}
.qrm-cart .muted{color:var(--muted)}

/* Cart list */
.qrm-cart-list{display:grid;gap:10px;margin-bottom:calc(var(--footer-h,69px) + 100px)}
.qrm-cart-row{background:var(--card);border:1px solid #1f2937;border-radius:14px;padding:12px;display:grid;grid-template-columns:72px 1fr auto auto auto;gap:12px;align-items:center}
.qrm-cart-row .thumb{width:72px;height:72px;border-radius:10px;overflow:hidden;background:#0b0b0c}
.qrm-cart-row .thumb img{width:100%;height:100%;object-fit:cover;display:block}
.qrm-cart-row .name{font-weight:800;word-break:break-word}
.qrm-cart-row .unit{color:var(--muted);font-size:.9rem}
.qrm-cart-row .qty{display:flex;align-items:center;gap:8px}
.qrm-cart-row .qty .qrm-cart-qty{width:36px;height:36px;border-radius:10px;border:1px solid #2a2a2a;background:#1f1f1f;color:#e5e5e5}
.qrm-cart-row .qty .qrm-cart-input{width:64px;text-align:center;background:#0f172a;color:#fff;border:1px solid #1f2937;border-radius:10px;padding:8px 10px}
.qrm-cart-row .line{width:120px;text-align:right;font-weight:800}
.qrm-cart-row .remove{width:40px;height:40px;border-radius:999px;background:#7f1d1d;color:#fff;border:1px solid #b91c1c}

/* Assign grid areas for adaptable layout */
.qrm-cart-row .thumb{grid-area:thumb}
.qrm-cart-row .col-name{grid-area:name}
.qrm-cart-row .col-qty{grid-area:qty}
.qrm-cart-row .col-line{grid-area:line}
.qrm-cart-row .col-remove{grid-area:remove;justify-self:end}

/* Summary sticky bar */
.qrm-cart .summary{position:fixed;left:0;right:0;bottom:0;background:var(--card);-webkit-backdrop-filter:saturate(120%) blur(6px);backdrop-filter:saturate(120%) blur(6px);border-top:1px solid #1f2937;z-index:1000;box-shadow:0 -6px 20px rgba(0,0,0,.35)}
.qrm-cart .summary.qrm-cart-on-top{z-index:2147483647}
.qrm-cart .summary .wrap{max-width:960px;margin:0 auto;padding:12px 14px 12px calc(14px + env(safe-area-inset-left,0px));display:flex;align-items:center;justify-content:space-between;gap:12px}
.qrm-cart .summary .left{display:flex;align-items:center;gap:12px}
.qrm-cart .summary .total{font-weight:900}
.qrm-cart .summary .actions{display:flex;gap:8px;flex:1}
.qrm-cart .btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 14px;border-radius:12px;border:0 !important;background:#1f1f1f;color:#e5e5e5;font-weight:700;line-height:1;text-decoration:none !important;box-shadow:none !important}
.qrm-cart .btn-primary{background:var(--accent);color:#001219;border:0 !important;font-weight:900}
.qrm-cart .btn-whatsapp{background:#25D366;color:#001b0d;border:0 !important;font-weight:900}
.qrm-cart .summary .actions .btn{width:100%}

@media(max-width:640px){
  .qrm-cart-row{grid-template-columns:56px 1fr auto; grid-template-areas:
    "thumb name remove"
    "thumb qty line";}
  .qrm-cart-row .thumb{width:56px;height:56px}
  .qrm-cart-row .line{width:auto; text-align:right}
  .qrm-cart .summary .wrap{flex-direction:column;align-items:stretch;gap:10px;padding-bottom:calc(var(--footer-h,69px) + env(safe-area-inset-bottom, 0px) + 10px)}
  .qrm-cart .summary .left{justify-content:space-between}
  .qrm-cart .summary .actions{width:100%}
}

/* Header (global for all QRM pages) */
.qrm .qrm-header{position:fixed;left:0;right:0;top:0;height:calc(var(--header-h,56px) + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px);background:var(--card);border-bottom:1px solid #1f2937;display:flex;align-items:center;z-index:1001;box-shadow:0 6px 16px rgba(0,0,0,.25);-webkit-backdrop-filter:saturate(120%) blur(6px);backdrop-filter:saturate(120%) blur(6px)}
.qrm .qrm-header .qrm-header-inner{max-width:960px;margin:0 auto;width:100%;height:var(--header-h,56px);display:flex;align-items:center;gap:12px;padding:0 calc(12px + env(safe-area-inset-left,0px)) 0 calc(12px + env(safe-area-inset-right,0px))}
.qrm .qrm-header .qrm-header-btn{width:44px;height:44px;border-radius:12px;border:1px solid #2a2a2a;background:#1f1f1f;color:var(--text);display:inline-flex;align-items:center;justify-content:center}
.qrm .qrm-header .qrm-header-title{flex:1;text-align:center;font-weight:900;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:1.05rem}
.qrm .qrm-header .qrm-header-spacer{width:44px;height:44px;display:flex;align-items:center;justify-content:center}

@media (max-width: 380px){
  .qrm .qrm-header .qrm-header-title{font-size:1rem}
}

@media(max-width:380px){
  .qrm-cart-row{grid-template-columns:52px 1fr auto; gap:10px}
  .qrm-cart-row .thumb{width:52px;height:52px}
  .qrm-cart-row .qty .qrm-cart-qty{width:32px;height:32px}
  .qrm-cart-row .qty .qrm-cart-input{width:56px}
}