/* MR Header Cart v7 */
:root{
  --mrhc-bg: #21254e;
  --mrhc-fg: #ffffff;
  --mrhc-badge: #C59425;
  --mrhc-cta: #C59425;
}

.mrhc-link{
  display:inline-flex; align-items:center; gap:10px;
  text-decoration:none; font-weight:700;
  padding:8px 12px; border-radius:999px; ;
  box-shadow:0 1px 3px rgba(0,0,0,.12);
  color:var(--mrhc-fg);
}
.mrhc-link:hover{ opacity:.95; color:var(--mrhc-fg) }

.mrhc-icon{ display:inline-block; fill:var(--mrhc-fg); opacity:1 }
.mrhc-icon-wrap{ position:relative; display:inline-flex; align-items:center; justify-content:center; }
.mrhc-link .mrhc-count{ background:var(--mrhc-badge) !important; color:#fff !important; display:inline-block !important; }

.mrhc-total{ font-size:14px; color:var(--mrhc-fg) }

#mrhc-overlay{
  position:fixed; inset:0; background:rgba(0,0,0,.45); z-index:9998; opacity:0; pointer-events:none;
  transition:opacity .25s;
}
#mrhc-drawer{
  position:fixed; inset-inline-end:0; top:0; height:100%; width:420px; max-width:90%;
  padding: 10px 10px 10px 10px;
  background:#fff; z-index:9999; transform:translateX(110%);
  box-shadow:-8px 0 24px rgba(0,0,0,.18);
  display:flex; flex-direction:column;
  transition:transform .25s;
}
#mrhc-drawer.mrhc-open{ transform:translateX(0) }
#mrhc-overlay.mrhc-open{ opacity:1; pointer-events:auto }
.mrhc-hidden{ display:block }

.mrhc-drawer-header{
  display:flex; align-items:center; justify-content:space-between;
  padding:14px 18px; border-bottom:1px solid #f0f0f0; font-weight:700;
}
.mrhc-close{ background:none; border:0; font-size:24px; cursor:pointer; line-height:1 }

.mrhc-drawer-body{ padding:16px 20px !important; overflow:auto; flex:1 }
.mrhc-items{ list-style:none; margin:0; padding:0 }
.mrhc-item{ display:grid; grid-template-columns:56px 1fr auto; gap:12px; align-items:center; padding:12px 0; margin:0 4px; border-bottom:1px solid #f0f0f0 }
.mrhc-thumb img{ width:56px; height:56px; object-fit:cover; border-radius:8px }
.mrhc-name{ display:block; font-weight:700; margin-bottom:4px; color:#21254e; text-decoration:none }
.mrhc-name:hover{ text-decoration:underline }
.mrhc-qty{ font-size:12px; color:#666 }
.mrhc-line-price{ font-weight:700; display:flex; align-items:center; gap:8px }
.mrhc-remove{ display:inline-block; width:22px; height:22px; line-height:22px; text-align:center; border-radius:6px; background:#f3f3f3; color:#333; text-decoration:none }
.mrhc-remove:hover{ background:#e6e6e6 }

.mrhc-subtotal{ display:flex; align-items:center; justify-content:space-between; padding-top:12px; font-size:14px }
.mrhc-drawer-footer{ padding:14px 18px; border-top:1px solid #f0f0f0 }
.mrhc-go-cart{ display:block; text-align:center; padding:12px 16px; border-radius:10px; background:var(--mrhc-cta); font-weight:800; text-decoration:none; color:#fff }
.mrhc-go-cart:hover{ background:var(--mrhc-cta); color:#fff }

@media (max-width: 768px){
  .mrhc-link{ padding:8px 12px }
}