/* ================================================================
   MERCHLIST CART ITEM CARD v7 — pure JS enhancement, no template override.
   Styling is 100% self-contained in this file; no Customizer edits
   required. All selectors are scoped to .ci / .mc-card-row and never
   collide with legacy cart-item CSS.
   ================================================================ */

/* ── FORCE: original rows never render. This stylesheet is only
   enqueued on the cart page, so the selector is safe to apply
   unconditionally. JS reads row data straight from the DOM
   (display:none doesn't block queries), then inserts our .ci card
   in a sibling .mc-card-row. The old markup never flashes. ── */
tr.woocommerce-cart-form__cart-item,
.woocommerce-cart-form__cart-item,
.woocommerce-cart-form__cart-item.mc-row-hidden,
.mc-row-hidden{
	display: none !important;
	visibility: hidden !important;
	height: 0 !important;
}

/* ── Wrapper <tr> we inject into a tbody so the HTML stays valid ── */
tr.mc-card-row{
	display: block !important;
	background: transparent !important;
	border: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	box-shadow: none !important;
}
tr.mc-card-row > td.mc-card-cell{
	display: block !important;
	background: transparent !important;
	border: 0 !important;
	padding: 0 0 8px 0 !important;
	margin: 0 !important;
	width: 100% !important;
	max-width: none !important;
}

/* ═══════════════ THE CARD ═══════════════ */
/* Space between cards */
.mc-items,
.mc-items-prerendered{
	display: flex;
	flex-direction: column;
	gap: 7px;
	margin: 0 0 7px;
}
article.ci{
	/* local tokens so we don't leak sitewide */
	--mc-card:#ffffff;
	--mc-ink:#000000;
	--mc-ink-2:#363a38;
	--mc-ink-3:#767b78;
	--mc-line:#e3e8e5;
	--mc-line-strong:#cbd6d1;
	--mc-chip:#dce8e6;
	--mc-chip-ink:#1a2d27;
	--mc-brand:#000000;
	--mc-brand-ink:#ffffff;
	--mc-accent:#3c715d;
	--mc-coral:#db5c4d;
	--mc-coral-soft:#fbe9e6;
	--mc-radius:14px;
	--mc-radius-sm:8px;
	--mc-shadow: 0 1px 1px rgba(0,0,0,.03), 0 8px 24px -16px rgba(0,20,15,.14);
	--mc-shadow-hover: 0 2px 3px rgba(0,0,0,.04), 0 18px 40px -20px rgba(0,30,20,.22);

	display: grid !important;
	grid-template-columns: 104px 1fr auto !important;
	gap: 20px !important;
	align-items: stretch !important;
	background: var(--mc-card) !important;
	border: 1px solid var(--mc-line) !important;
	border-radius: var(--mc-radius) !important;
	padding: 16px !important;
	margin: 0 0 7px !important;
	width: 100% !important;
	box-sizing: border-box;
	box-shadow: var(--mc-shadow);
	color: var(--mc-ink);
	font: 14px/1.5 ui-sans-serif, -apple-system, "SF Pro Text", Segoe UI, Inter, Roboto, sans-serif;
	-webkit-font-smoothing: antialiased;
	transition: box-shadow .2s ease, border-color .2s ease;
	/* PERF: browser skips layout/paint of cards that are off-screen.
	   Big win on carts with many items; the intrinsic size keeps the
	   scrollbar stable before a card is first rendered. */
	content-visibility: auto;
	contain-intrinsic-size: auto 150px;
}
article.ci *, article.ci *::before, article.ci *::after{ box-sizing: border-box; }
/* PERF: hover no longer animates transform (was forcing a repaint/layer per card) */
article.ci:hover{
	box-shadow: var(--mc-shadow-hover);
	border-color: var(--mc-line-strong) !important;
}

/* ── PREVIEW: outer wrapper is a vertical stack
   (image box + dots row below).  No background, no clipping. ── */
.ci .ci-preview{
	width: 104px;
	align-self: center;
	display: flex; flex-direction: column; align-items: center;
	gap: 8px;
	user-select: none;
	background: transparent !important;
	border-radius: 0;
	overflow: visible;
}
/* The actual visible image box */
.ci .ci-preview-inner{
	position: relative;
	width: 104px; height: 104px;
	background: radial-gradient(circle at 30% 20%, #ffffff 0%, var(--mc-chip) 100%);
	border-radius: var(--mc-radius-sm);
	overflow: hidden;
}
.ci .ci-tag{
	position: absolute; top: 7px; left: 7px;
	display: inline-flex; align-items: center; gap: 4px;
	padding: 3px 7px; border-radius: 4px;
	background: var(--mc-brand); color: var(--mc-brand-ink);
	font-size: 9px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase;
	z-index: 3;
	box-shadow: 0 1px 3px rgba(0,0,0,.2);
}
.ci .ci-tag svg{ width: 9px; height: 9px; }

.ci .ci-slider{
	display: flex; height: 100%; width: 100%;
	overflow-x: auto; overflow-y: hidden;
	scroll-snap-type: x mandatory; scroll-behavior: smooth;
	scrollbar-width: none;
}
.ci .ci-slider::-webkit-scrollbar{ display: none; }
.ci .ci-slide{
	flex: 0 0 100%; height: 100%; width: 100%;
	scroll-snap-align: center;
	display: block;
	padding: 0 !important;
	margin: 0 !important;
}
/* Image fills the whole box — no padding gap */
.ci .ci-slide img{
	display: block;
	width: 100% !important; height: 100% !important;
	max-width: none !important; max-height: none !important;
	object-fit: cover;
	object-position: center;
	background: transparent !important;
	padding: 0 !important;
	margin: 0 !important;
	border: 0 !important;
}
/* Dots now live BELOW the image box, as a sibling of .ci-preview-inner */
.ci .ci-dots{
	position: static;
	display: flex; align-items: center; justify-content: center; gap: 4px;
	pointer-events: auto;
	margin: 0;
}
.ci .ci-dot{
	appearance: none; border: 0; padding: 0;
	width: 5px; height: 5px; border-radius: 50%;
	background: rgba(0,0,0,.3); cursor: pointer; pointer-events: auto;
	transition: all .2s ease;
}
.ci .ci-dot.is-active{ background: var(--mc-brand); width: 14px; border-radius: 3px; }
.ci .ci-dot:hover{ background: rgba(0,0,0,.55); }
.ci .ci-dot.is-active:hover{ background: var(--mc-brand); }
.ci .ci-nav{
	position: absolute; top: 50%; transform: translateY(-50%);
	width: 22px; height: 22px; border-radius: 50%;
	background: rgba(255,255,255,.95); border: 0;
	display: none; align-items: center; justify-content: center;
	cursor: pointer; color: var(--mc-ink); z-index: 2;
	box-shadow: 0 1px 3px rgba(0,0,0,.15);
	padding: 0;
}
.ci .ci-nav svg{ width: 11px; height: 11px; }
.ci .ci-nav-prev{ left: 4px; }
.ci .ci-nav-next{ right: 4px; }
.ci .ci-preview-inner:hover .ci-nav{ display: flex; }

/* ── DETAILS ── */
.ci .ci-details{
	min-width: 0;
	display: flex; flex-direction: column; justify-content: center;
	gap: 10px;
	padding: 4px 0;
	text-align: left !important;
}
.ci .ci-title{
	margin: 0 !important; padding: 0 !important;
	font-size: 16px !important; font-weight: 700 !important;
	letter-spacing: -.015em; color: var(--mc-ink) !important;
	line-height: 1.2 !important;
	overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
	display: block !important;
	min-height: 0 !important; max-width: none !important;
	text-transform: none !important;
	text-align: left !important;
}
.ci .ci-title a{
	color: inherit !important; text-decoration: none !important;
	font-weight: inherit !important; font-size: inherit !important;
	background: transparent !important;
}
.ci .ci-title a:hover{ text-decoration: underline !important; text-underline-offset: 3px; }

.ci .ci-config{
	display: flex !important; flex-wrap: wrap; gap: 5px;
	align-items: center;
	max-width: none !important;
	padding: 0 !important; margin: 0 !important;
}
.ci .ci-pill{
	display: inline-flex; align-items: center; gap: 6px;
	padding: 4px 9px;
	background: var(--mc-chip); color: var(--mc-chip-ink);
	border-radius: 5px;
	font-size: 11.5px; font-weight: 600; letter-spacing: .01em;
	font-variant-numeric: tabular-nums;
	line-height: 1.4;
	border: 0;
}
.ci .ci-pill.is-color{ padding-left: 7px; }
.ci .ci-pill .swatch{
	width: 11px; height: 11px; border-radius: 3px;
	box-shadow: inset 0 0 0 1.5px rgba(0,0,0,.08);
	display: inline-block;
	background-color: transparent;
}
/* Size pills: fixed-width letter cell so the dots align equidistant across pills */
.ci .ci-pill.is-size{
	padding: 4px 9px;
	background: var(--mc-card);
	border: 1px solid var(--mc-line-strong);
	gap: 0;                     /* internal spacing comes from .sz/.n padding */
}
.ci .ci-pill.is-size .sz{
	display: inline-block;
	text-align: left;
	font-weight: 700;
	color: var(--mc-ink);
}
.ci .ci-pill.is-size .n{
	display: inline-block;
	color: var(--mc-ink-3);
	font-weight: 500;
	padding-left: 6px;
	border-left: 0;
	position: relative;
}
/* The leading dot separator — rendered via ::before so position is stable */
.ci .ci-pill.is-size .n::before{
	content: "·";
	display: inline-block;
	margin-right: 4px;
	color: var(--mc-ink-3);
	font-weight: 500;
}
/* Divider now acts as a line break — forces size pills onto their own row.
   Set to 100% basis with zero height so it collapses visually to just the
   flex row-gap (giving a clean 5–7px vertical spacer). */
.ci .ci-divider{
	flex-basis: 100%;
	width: 100%; height: 0;
	background: none;
	margin: 0;
	border: 0;
}

/* ── FOOT ROW ── */
.ci .ci-foot{
	display: flex !important; align-items: center; justify-content: space-between;
	gap: 14px;
	font-size: 12px;
	min-height: 0 !important; position: static !important;
	padding: 0 !important; margin: 0 !important;
}
.ci .ci-foot-left{
	display: inline-flex; align-items: center; gap: 14px;
	min-width: 0;
}
.ci .ci-note-link{
	display: inline-flex; align-items: center; gap: 6px;
	color: var(--mc-accent) !important; font-weight: 600;
	text-decoration: none; cursor: pointer;
	background: none; border: 0; padding: 0; font-size: 12px;
	letter-spacing: .01em;
}
.ci .ci-note-link::before{
	content: ""; width: 7px; height: 7px; border-radius: 50%;
	background: var(--mc-accent);
	box-shadow: 0 0 0 3px rgba(60,113,93,.18);
	display: inline-block;
}
.ci .ci-note-link:hover{ text-decoration: underline; text-underline-offset: 2px; }

.ci .ci-edit-link{
	display: inline-flex !important; align-items: center; gap: 5px;
	color: var(--mc-accent) !important; font-weight: 600 !important;
	text-decoration: none !important; cursor: pointer;
	letter-spacing: .01em; font-size: 12px !important;
	padding: 0 !important; margin: 0 !important;
	position: static !important;
	background: transparent !important;
	border: 0 !important;
	bottom: auto !important; right: auto !important; left: auto !important; top: auto !important;
	height: auto !important; width: auto !important;
	box-shadow: none !important;
	text-transform: none !important;
	border-radius: 0 !important;
}
.ci .ci-edit-link svg{ width: 12px; height: 12px; opacity: 1; }
.ci .ci-edit-link:hover{ text-decoration: underline !important; text-underline-offset: 2px; color: var(--mc-accent) !important; }

.ci .ci-remove{
	display: inline-flex !important; align-items: center; justify-content: center;
	width: 28px !important; height: 28px !important; border-radius: 7px !important;
	background: transparent !important; border: 0 !important; cursor: pointer;
	color: var(--mc-ink-3) !important; flex-shrink: 0;
	transition: all .15s ease;
	text-decoration: none !important;
	padding: 0 !important; margin: 0 !important;
	position: static !important;
	bottom: auto !important; right: auto !important; left: auto !important; top: auto !important;
	opacity: 1 !important;
	font-size: 0 !important;
	border-left: 0 !important;
	box-shadow: none !important;
}
.ci .ci-remove svg{
	width: 13px !important; height: 13px !important;
	left: auto !important; position: static !important;
}
.ci .ci-remove:hover{ background: var(--mc-coral-soft) !important; color: var(--mc-coral) !important; }

/* ── NOTE PANEL ── */
.ci .ci-note-panel{
	display: none; grid-column: 1 / -1;
	margin-top: 4px; padding: 10px 12px 10px 14px;
	background: var(--mc-chip);                 /* brand mint #DCE8E6 */
	border-left: 3px solid var(--mc-accent);    /* brand green #3C715D */
	border-radius: 8px;
	font-size: 12.5px; color: var(--mc-ink); line-height: 1.5;
	overflow-wrap: anywhere; word-break: break-word;
	text-align: left !important;
}
.ci.is-note-open .ci-note-panel{ display: block; }
.ci .ci-note-panel-label{
	display: inline-block; font-weight: 700; letter-spacing: .06em;
	text-transform: uppercase; font-size: 10px; margin-right: 6px;
	color: var(--mc-accent);
}

/* ── TOTAL ── */
.ci .ci-total{
	display: flex !important; flex-direction: column; justify-content: center;
	padding: 0 0 0 22px !important; min-width: 150px;
	border-left: 1px solid var(--mc-line) !important;
	white-space: nowrap;
	margin: 0 !important;
	position: static !important;
}
.ci .ci-total-mobile{ display: none; }

.ci .ci-total-label{
	font-size: 10px; font-weight: 700; letter-spacing: .1em;
	text-transform: uppercase; color: var(--mc-ink);
	margin: 0 0 6px; text-align: right;
}
.ci .ci-total-row{
	display: flex; align-items: baseline; justify-content: space-between;
	gap: 14px;
	font-size: 14px;
	font-variant-numeric: tabular-nums;
	line-height: 1.5;
	color: var(--mc-ink);
}
.ci .ci-total-row .k{ color: var(--mc-ink); font-weight: 400; }
.ci .ci-total-row .v{ color: var(--mc-ink); font-weight: 400; }
.ci .ci-total-row.is-sum{
	margin-top: 6px; padding-top: 6px;
	border-top: 1px solid var(--mc-line);
}
.ci .ci-total-row.is-sum .k{ color: var(--mc-ink); font-weight: 700; }
.ci .ci-total-row.is-sum .v{ color: var(--mc-ink); font-weight: 800; letter-spacing: -.01em; }

/* Clean up wc_price() output inside our totals */
.ci .ci-total .woocommerce-Price-currencySymbol,
.ci .ci-total-mobile .woocommerce-Price-currencySymbol{ display: none !important; }
.ci .ci-total del,
.ci .ci-total-mobile del,
.ci .ci-total .screen-reader-text,
.ci .ci-total-mobile .screen-reader-text{ display: none !important; }
.ci .ci-total .woocommerce-Price-amount,
.ci .ci-total-mobile .woocommerce-Price-amount{
	font-variant-numeric: tabular-nums;
	color: inherit !important; font-weight: inherit !important;
	background: transparent !important;
}
.ci .ci-total bdi,
.ci .ci-total-mobile bdi{
	font-weight: inherit !important; color: inherit !important;
	background: transparent !important;
}

/* ═══════════════ MOBILE (≤720px) ═══════════════ */
@media (max-width: 720px){
	article.ci{
		grid-template-columns: 76px 1fr !important;
		gap: 12px !important;
		padding: 12px !important; border-radius: 10px !important;
	}
	.ci .ci-preview{ width: 76px; gap: 6px; }
	.ci .ci-preview-inner{ width: 76px; height: 76px; }
	.ci .ci-tag{ font-size: 8px; padding: 1.5px 6px; }
	.ci .ci-tag svg{ width: 7px; height: 7px; }
	.ci .ci-slide{ padding: 0; }
	.ci .ci-dots{ gap: 3px; }
	.ci .ci-dot{ width: 4px; height: 4px; }
	.ci .ci-dot.is-active{ width: 10px; }
	.ci .ci-nav{ display: none !important; }
	.ci .ci-details{ gap: 7px; padding: 2px 0; }
	.ci .ci-title{ font-size: 14px !important; }
	.ci .ci-pill{ font-size: 10.5px; padding: 2px 8px; }
	.ci .ci-pill.is-size{ padding: 2px 7px; }
	.ci .ci-pill.is-size .n{ padding-left: 5px; }
	.ci .ci-pill.is-size .n::before{ margin-right: 3px; }
	.ci .ci-pill .swatch{ width: 10px; height: 10px; }
	.ci .ci-pill.is-color{ padding-left: 5px; }
	.ci .ci-divider{ height: 0; }
	.ci .ci-foot{ font-size: 11px; gap: 10px; }
	.ci .ci-foot-left{ gap: 10px; }
	.ci .ci-note-link::before{ width: 6px; height: 6px; box-shadow: 0 0 0 2.5px rgba(60,113,93,.18); }
	.ci .ci-edit-link svg{ width: 11px; height: 11px; }
	.ci .ci-edit-link{ font-size: 11px !important; }
	.ci .ci-remove{ width: 26px !important; height: 26px !important; }
	.ci .ci-remove svg{ width: 12px !important; height: 12px !important; }

	.ci .ci-total{
		grid-column: 1 / -1;
		padding: 10px 2px 0 !important;
		margin-top: 2px !important;
		border-left: 0 !important;
		border-top: 1px dashed var(--mc-line-strong) !important;
		min-width: 0 !important;
	}
	.ci .ci-total-desktop{ display: none !important; }
	.ci .ci-total-mobile{
		display: flex !important; align-items: baseline; justify-content: space-between;
		gap: 12px;
		font-size: 13px; line-height: 1.4;
		font-variant-numeric: tabular-nums;
	}
	.ci .ci-total-mobile{ color: var(--mc-ink); }
	.ci .ci-total-mobile .k{ color: var(--mc-ink); font-weight: 500; }
	.ci .ci-total-mobile .k .x{ opacity: .5; margin: 0 2px; }
	.ci .ci-total-mobile .v{ color: var(--mc-ink); font-weight: 800; letter-spacing: -.01em; }
	.ci .ci-note-panel{ font-size: 11.5px; padding: 8px 10px 8px 12px; }
}

/* ═════════════════════ v10 · cart page sections ═════════════════════
   Everything is scoped to body.merchlist-cart-items-active (cart page only). */
body.merchlist-cart-items-active{
	--mc-ink:#000;--mc-ink-2:#2b2f2d;--mc-ink-3:#6d726f;--mc-line:#e6eae8;--mc-line-2:#cfd8d4;
	--mc-mint:#dce8e6;--mc-mint-2:#eef4f2;--mc-green:#3c715d;--mc-green-d:#2f5a4a;
	--mc-shadow:0 1px 1px rgba(0,0,0,.03),0 8px 24px -16px rgba(0,20,15,.14);
}
body.merchlist-cart-items-active [hidden]{display:none!important}

/* 1 · My Cart header */
body.merchlist-cart-items-active .mc-head{margin:0 0 18px;text-align:left}
body.merchlist-cart-items-active .mc-head-title{margin:0!important;padding:0!important;font-size:32px!important;line-height:1.1!important;font-weight:700!important;letter-spacing:-.03em!important;color:var(--mc-ink)!important;text-transform:none!important}
body.merchlist-cart-items-active .mc-head-count{margin:6px 0 0!important;font-size:14px;line-height:1.4;color:var(--mc-ink-3)}
body.merchlist-cart-items-active .mc-head-count b{color:var(--mc-ink);font-weight:600}

/* shared buttons */
body.merchlist-cart-items-active .mc-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;font-weight:600;font-size:13px;line-height:1.2;text-decoration:none!important;padding:10px 16px;white-space:nowrap;cursor:pointer;transition:background .15s,color .15s;min-height:0;height:auto;text-transform:none;letter-spacing:0;box-shadow:none}
body.merchlist-cart-items-active .mc-btn-out{background:#fff!important;color:#000!important;border:1.5px solid #000!important}
body.merchlist-cart-items-active .mc-btn-out:hover{background:#000!important;color:#fff!important}

/* 2a · Gift row */
body.merchlist-cart-items-active .mc-gift{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--mc-line);border-radius:14px;box-shadow:var(--mc-shadow);padding:12px 14px 12px 12px;margin:0}
body.merchlist-cart-items-active .mc-gift-ic{width:40px;height:40px;border-radius:10px;background:var(--mc-mint);color:var(--mc-green);display:grid;place-items:center;flex:none}
body.merchlist-cart-items-active .mc-gift-ic svg{width:20px;height:20px}
body.merchlist-cart-items-active .mc-gift-tx{flex:1;min-width:0;line-height:1.35;text-align:left}
body.merchlist-cart-items-active .mc-gift-tx b{display:block;font-size:14px;font-weight:700;color:#000}
body.merchlist-cart-items-active .mc-gift-tx span{font-size:12.5px;color:var(--mc-ink-3)}
body.merchlist-cart-items-active .mc-gift.is-added .mc-gift-ic{background:var(--mc-green);color:#fff}
body.merchlist-cart-items-active .mc-gift.is-added .mc-gift-tx span{color:var(--mc-green);font-weight:600}
body.merchlist-cart-items-active .mc-gift .amount{font-weight:inherit;color:inherit}
/* WC Gift Wrapper: keep its modal, hide its own prompt (our row replaces it) */
body.merchlist-cart-items-active .wc-giftwrap.mc-gift-src{margin:0!important;padding:0!important;height:0;overflow:visible}
body.merchlist-cart-items-active .wc-giftwrap.mc-gift-src .wcgwp-prompt-wrapper{display:none!important}

/* 2b · Add another product banner */
body.merchlist-cart-items-active .mc-add{display:flex;align-items:center;gap:14px;margin:0;padding:12px 14px 12px 12px;border-radius:14px;background:var(--mc-mint);border:1px solid #c9dcd7;color:#000!important;text-decoration:none!important;position:relative;overflow:hidden;transition:box-shadow .15s}
body.merchlist-cart-items-active .mc-add:hover{box-shadow:0 12px 26px -18px rgba(0,30,20,.4);border-color:#b3cec7}
body.merchlist-cart-items-active .mc-add:hover .mc-add-go{background:var(--mc-green-d)}
body.merchlist-cart-items-active .mc-add::after{content:"";position:absolute;right:-50px;top:-70px;width:220px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.55) 0%,rgba(255,255,255,0) 70%);pointer-events:none}
body.merchlist-cart-items-active .mc-add-plus{width:40px;height:40px;border-radius:10px;background:#fff;color:var(--mc-green);display:grid;place-items:center;flex:none;position:relative;z-index:1}
body.merchlist-cart-items-active .mc-add-plus svg{width:22px;height:22px}
body.merchlist-cart-items-active .mc-add-tx{flex:1;min-width:0;position:relative;z-index:1;line-height:1.35;text-align:left}
body.merchlist-cart-items-active .mc-add-tx b{display:block;font-size:14px;font-weight:700;color:#000}
body.merchlist-cart-items-active .mc-add-tx span{font-size:12.5px;color:#3d5249}
body.merchlist-cart-items-active .mc-add-go{position:relative;z-index:1;display:inline-flex;align-items:center;gap:8px;background:var(--mc-green);color:#fff;flex:none;border-radius:8px;padding:9px 14px;font-weight:600;font-size:13px;white-space:nowrap}
body.merchlist-cart-items-active .mc-add-go svg{width:15px;height:15px}

/* Gift wrap modal (WC Gift Wrapper) restyle */
body.merchlist-cart-items-active .wcgwp-modal .modal-content{border:0!important;border-radius:16px!important;overflow:hidden;box-shadow:0 30px 80px -20px rgba(0,0,0,.5)!important}
body.merchlist-cart-items-active .wcgwp-modal .modal-header{padding:16px 18px!important;border-bottom:1px solid var(--mc-line)!important}
body.merchlist-cart-items-active .wcgwp-modal .modal-body{padding:16px 18px!important}
body.merchlist-cart-items-active .wcgwp-modal .wcgwp-details{font-size:13px;color:var(--mc-ink-3);margin:0 0 12px}
body.merchlist-cart-items-active .wcgwp-modal .wcgwp-ul{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px!important;margin:0!important;padding:0!important;list-style:none!important}
body.merchlist-cart-items-active .wcgwp-modal .wcgwp-li{position:relative;display:flex!important;flex-direction:column;gap:6px;margin:0!important;padding:8px 8px 10px!important;border:1.5px solid var(--mc-line);border-radius:12px;background:#fff;cursor:pointer;transition:border-color .15s,box-shadow .15s}
body.merchlist-cart-items-active .wcgwp-modal .wcgwp-li:has(input:checked){border-color:var(--mc-green);box-shadow:0 0 0 3px rgba(60,113,93,.12)}
body.merchlist-cart-items-active .wcgwp-modal .wcgwp-thumb{order:-1;border-radius:8px;background:var(--mc-mint-2);overflow:hidden}
body.merchlist-cart-items-active .wcgwp-modal .wcgwp-thumb img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover}
body.merchlist-cart-items-active .wcgwp-modal .wcgwp-input{position:absolute;top:12px;right:12px;width:18px;height:18px;margin:0;accent-color:var(--mc-green);z-index:1}
body.merchlist-cart-items-active .wcgwp-modal .wcgwp-desc{margin:0!important;font-size:12px;line-height:1.35;text-align:left}
body.merchlist-cart-items-active .wcgwp-modal .wcgwp-title{font-weight:600;color:#000}
body.merchlist-cart-items-active .wcgwp-modal .wcgwp-desc .amount{color:var(--mc-ink-3);font-weight:500}
body.merchlist-cart-items-active .wcgwp-modal textarea,body.merchlist-cart-items-active .wcgwp-modal .wcgwp-note{width:100%;border:1px solid var(--mc-line-2)!important;border-radius:8px!important;padding:10px 12px!important;font-size:13px!important;box-shadow:none!important}
body.merchlist-cart-items-active .wcgwp-modal textarea:focus{border-color:var(--mc-green)!important;outline:none}
body.merchlist-cart-items-active .wcgwp-modal .button.alt,body.merchlist-cart-items-active .wcgwp-modal button[type=submit]{background:var(--mc-green)!important;color:#fff!important;border:0!important;border-radius:8px!important;padding:11px 18px!important;font-weight:600!important;text-transform:none!important}
body.merchlist-cart-items-active .wcgwp-modal .button.alt:hover,body.merchlist-cart-items-active .wcgwp-modal button[type=submit]:hover{background:var(--mc-green-d)!important}

/* 3 · Order summary (Rey cart totals) */
body.merchlist-cart-items-active .cart_totals{border-radius:16px!important}
body.merchlist-cart-items-active .cart_totals input[name="coupon_code"],body.merchlist-cart-items-active .cart_totals #coupon_code{border:1px solid var(--mc-line-2)!important;border-radius:8px!important;box-shadow:none!important;font-size:13px!important}
body.merchlist-cart-items-active .cart_totals input[name="coupon_code"]:focus{border-color:#000!important}
body.merchlist-cart-items-active .cart_totals button[name="apply_coupon"]{background:#fff!important;color:#000!important;border:1.5px solid #000!important;border-radius:8px!important;font-weight:600!important}
body.merchlist-cart-items-active .cart_totals button[name="apply_coupon"]:hover{background:#000!important;color:#fff!important}
body.merchlist-cart-items-active .cart_totals .wt_coupon_wrapper{display:block!important;width:100%!important;margin:12px 0 20px!important;padding:0!important;border-radius:8px!important;background:none!important}
/* WebToffee coupon card → render's offer row (content injected by cart.js) */
body.merchlist-cart-items-active .cart_totals .wt_sc_single_coupon.mc-redeem-card{display:block!important;width:100%!important;max-width:none!important;height:auto!important;min-height:0!important;margin:0 0 8px!important;padding:0!important;background:var(--mc-mint)!important;color:#000!important;border:1.5px solid transparent!important;border-radius:8px!important;box-shadow:none!important;transform:none!important;text-align:left!important;cursor:pointer;outline:0!important}
body.merchlist-cart-items-active .cart_totals .wt_sc_single_coupon.mc-redeem-card:last-child{margin-bottom:0!important}
body.merchlist-cart-items-active .cart_totals .wt_coupon_wrapper::before,body.merchlist-cart-items-active .cart_totals .wt_coupon_wrapper::after,body.merchlist-cart-items-active .cart_totals .wt_sc_single_coupon.mc-redeem-card::before,body.merchlist-cart-items-active .cart_totals .wt_sc_single_coupon.mc-redeem-card::after,body.merchlist-cart-items-active .cart_totals .wt_sc_single_coupon.mc-redeem-card .wt_sc_coupon_content::before,body.merchlist-cart-items-active .cart_totals .wt_sc_single_coupon.mc-redeem-card .wt_sc_coupon_content::after{content:none!important;display:none!important}
body.merchlist-cart-items-active .cart_totals .wt_sc_single_coupon.mc-redeem-card .wt_sc_coupon_content{display:none!important}
body.merchlist-cart-items-active .cart_totals .mc-redeem{display:flex;align-items:center;gap:10px;padding:9px 10px 9px 12px}
body.merchlist-cart-items-active .cart_totals .mc-redeem-ic{display:grid;place-items:center;flex:none;color:var(--mc-green)}
body.merchlist-cart-items-active .cart_totals .mc-redeem-ic svg{width:16px;height:16px}
body.merchlist-cart-items-active .cart_totals .mc-redeem-t{flex:1;min-width:0;font-size:13px;line-height:1.3}
body.merchlist-cart-items-active .cart_totals .mc-redeem-t b{display:block;font-weight:700;color:#000}
body.merchlist-cart-items-active .cart_totals .mc-redeem-t span{display:block;font-size:11.5px;color:#2f4a40}
body.merchlist-cart-items-active .cart_totals .mc-redeem-act{flex:none;padding:4px;font-weight:700;font-size:12.5px;color:var(--mc-green);text-decoration:underline;text-underline-offset:3px}
body.merchlist-cart-items-active .cart_totals .wt_sc_single_coupon.mc-redeem-card:hover .mc-redeem-act{color:var(--mc-green-d)}
body.merchlist-cart-items-active .cart_totals .wt_sc_single_coupon.mc-redeem-card.mc-is-applied{background:#fff!important;border-style:dashed!important;border-color:var(--mc-green)!important;cursor:default}
body.merchlist-cart-items-active .cart_totals .wt_sc_single_coupon.mc-redeem-card.mc-is-applied .mc-redeem-t b{color:var(--mc-green)}
body.merchlist-cart-items-active .cart_totals .wt_sc_single_coupon.mc-redeem-card.mc-is-applied .mc-redeem-act{cursor:pointer}
body.merchlist-cart-items-active .cart_totals table.shop_table th{font-size:13.5px!important;font-weight:400!important;text-transform:none!important;letter-spacing:0!important;color:var(--mc-ink-2)!important}
/* only the money rows: other rows (e.g. Order Book's Est. delivery) keep their own
   td styling, which hides a duplicate label */
body.merchlist-cart-items-active .cart_totals tr.cart-subtotal td,body.merchlist-cart-items-active .cart_totals tr.cart-discount td,body.merchlist-cart-items-active .cart_totals tr.fee td{font-size:13.5px!important;color:#000!important}
body.merchlist-cart-items-active .cart_totals tr.cart-subtotal td .amount,body.merchlist-cart-items-active .cart_totals tr.fee td .amount{font-weight:500}
body.merchlist-cart-items-active .cart_totals tr.cart-discount td,body.merchlist-cart-items-active .cart_totals tr.cart-discount td .amount{color:var(--mc-green)!important;font-weight:600!important}
body.merchlist-cart-items-active .cart_totals tr.order-total th,body.merchlist-cart-items-active .cart_totals tr.order-total td{border-top:1px solid var(--mc-line)!important;padding-top:16px!important}
body.merchlist-cart-items-active .cart_totals tr.order-total th{font-size:15px!important;font-weight:700!important;color:#000!important}
body.merchlist-cart-items-active .cart_totals tr.order-total td,body.merchlist-cart-items-active .cart_totals tr.order-total td strong,body.merchlist-cart-items-active .cart_totals tr.order-total .amount{font-size:22px!important;font-weight:800!important;letter-spacing:-.02em;color:#000!important}
body.merchlist-cart-items-active .wc-proceed-to-checkout .checkout-button{display:flex!important;align-items:center;justify-content:center;gap:8px;background:#000!important;color:#fff!important;border-radius:10px!important;padding:15px 18px!important;font-size:14px!important;font-weight:600!important;letter-spacing:.03em!important;text-transform:uppercase}
body.merchlist-cart-items-active .wc-proceed-to-checkout .checkout-button:hover{background:#222!important}
body.merchlist-cart-items-active .wc-proceed-to-checkout .checkout-button::before{content:"";width:15px;height:15px;flex:none;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Crect x='5' y='11' width='14' height='10' rx='2'/%3E%3Cpath d='M8 11V7a4 4 0 0 1 8 0v4'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Crect x='5' y='11' width='14' height='10' rx='2'/%3E%3Cpath d='M8 11V7a4 4 0 0 1 8 0v4'/%3E%3C/svg%3E") center/contain no-repeat}

@media (max-width:720px){
	body.merchlist-cart-items-active .mc-head{margin-bottom:14px}
	body.merchlist-cart-items-active .mc-head-title{font-size:26px!important}
	body.merchlist-cart-items-active .mc-head-count{font-size:13px;margin-top:4px!important}
	body.merchlist-cart-items-active .mc-gift,body.merchlist-cart-items-active .mc-add{padding:10px;gap:10px}
	body.merchlist-cart-items-active .mc-gift-tx b,body.merchlist-cart-items-active .mc-add-tx b{font-size:13.5px}
	body.merchlist-cart-items-active .mc-gift-tx span,body.merchlist-cart-items-active .mc-add-tx span{font-size:11.5px}
	body.merchlist-cart-items-active .mc-gift .mc-btn{padding:8px 12px;font-size:12px}
	body.merchlist-cart-items-active .mc-add-go{padding:8px 12px;font-size:12px}
	body.merchlist-cart-items-active .wcgwp-modal .wcgwp-ul{gap:7px!important}
	body.merchlist-cart-items-active .cart_totals tr.order-total td,body.merchlist-cart-items-active .cart_totals tr.order-total .amount{font-size:19px!important}
}

/* v10.2 · desktop: title + "SUBTOTAL" share the top line, Edit row + Total
   share the bottom line, Unit/Quantity get more breathing room. */
@media (min-width:721px){
	.ci .ci-details{ justify-content: flex-start !important; align-self: stretch !important; padding: 2px 0 !important; }
	.ci .ci-details .ci-foot{ margin-top: auto !important; }
	.ci .ci-total{ align-self: stretch !important; justify-content: flex-start !important; padding-top: 2px !important; padding-bottom: 2px !important; }
	.ci .ci-total-desktop{ display: flex; flex-direction: column; flex: 1 1 auto; }
	.ci .ci-total-label{ margin: 0 0 12px !important; line-height: 19px; }
	.ci .ci-total-row{ line-height: 1.4; }
	.ci .ci-total-row + .ci-total-row{ margin-top: 7px; }
	.ci .ci-total-row.is-sum{ margin-top: auto !important; padding-top: 10px !important; }
	.ci .ci-total-row:not(.is-sum){ flex: none; }
	.ci .ci-total-desktop::after{ content: none; }
}

/* ═════════════════════ v10.3 ═════════════════════ */
/* Row: Add another product | Make it a gift (2 equal columns; 1 column on mobile
   or when the gift row isn't available). */
body.merchlist-cart-items-active .mc-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0 0}
body.merchlist-cart-items-active .mc-actions:has(> .mc-gift[hidden]){grid-template-columns:1fr}
body.merchlist-cart-items-active .mc-actions{align-items:stretch}
body.merchlist-cart-items-active .mc-actions > *{min-width:0}
body.merchlist-cart-items-active .mc-add-tx b,body.merchlist-cart-items-active .mc-gift-tx b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* v10.6: action row stays two columns at every width (see v10.6 block) */

/* Order summary: tighter top/bottom; title level with the first item title */
body.merchlist-cart-items-active .rey-cartPage .cart_totals{padding-top:16px!important;padding-bottom:20px!important}
body.merchlist-cart-items-active .rey-cartPage.--layout-custom .cart_totals > h2{margin:0 0 16px!important;padding:0!important;line-height:0!important;font-size:0!important;visibility:hidden}
body.merchlist-cart-items-active .rey-cartPage.--layout-custom .cart_totals > h2::before{content:"Order summary"!important;visibility:visible;display:block;font-size:28px!important;line-height:1.15!important;font-weight:700;letter-spacing:-.02em;color:#000;text-transform:none!important}
body.merchlist-cart-items-active .rey-cartPage .wc-proceed-to-checkout{padding-bottom:0!important;margin-bottom:0!important}

/* Est. delivery: one label only. The theme's Custom CSS hides the original
   "Est. delivery:" (font-size:0) and adds its own label; we keep that pattern
   ourselves so it works with or without those Custom CSS lines. */
body.merchlist-cart-items-active .cart_totals table.shop_table tr.estimated-delivery th{font-size:0!important;line-height:0!important}
body.merchlist-cart-items-active .cart_totals table.shop_table tr.estimated-delivery th::before{content:"Est. delivery"!important;font-size:13.5px!important;line-height:1.4!important;color:var(--mc-ink-2)}
body.merchlist-cart-items-active .cart_totals table.shop_table tr.estimated-delivery td{font-size:13.5px!important;font-weight:600;color:#000!important}

/* Trust strip: same content and look as the category-page trust bar (.mlg-trust) */
body.merchlist-cart-items-active .mc-trust{--mlg-ink:#0a1d47;--mlg-line:rgba(10,29,71,.055);height:72px;display:grid;grid-template-columns:1.18fr repeat(4,1fr);margin:28px 0 0;background:#fff;border:1px solid rgba(10,29,71,.05);border-radius:14px;box-shadow:0 5px 18px rgba(8,29,71,.035);color:var(--mlg-ink);font-family:"Rey Primary",Arial,Helvetica,sans-serif;overflow:hidden}
body.merchlist-cart-items-active .mc-trust *{box-sizing:border-box}
body.merchlist-cart-items-active .mc-trust-item{min-width:0;display:grid;grid-template-columns:45px auto;gap:11px;align-items:center;justify-content:center;padding:4px 14px;border-right:1px solid var(--mlg-line)}
body.merchlist-cart-items-active .mc-trust-item:last-child{border-right:0}
body.merchlist-cart-items-active .mc-trust-icon{width:45px;height:45px;display:grid;place-items:center;color:var(--mlg-ink)}
body.merchlist-cart-items-active .mc-trust-icon img{width:37px;height:37px;object-fit:contain;mix-blend-mode:multiply}
body.merchlist-cart-items-active .mc-trust-icon svg{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
body.merchlist-cart-items-active .mc-trust-copy{min-height:36px;display:flex;flex-direction:column;justify-content:center;gap:3px;line-height:1.08;text-align:left}
body.merchlist-cart-items-active .mc-trust-copy strong{font-size:16px;font-weight:600;white-space:nowrap}
body.merchlist-cart-items-active .mc-trust-copy span{font-size:12.6px;color:#526075;white-space:nowrap}
body.merchlist-cart-items-active .mc-trust-copy .mc-trust-stars{letter-spacing:.06em;color:#ffb000!important;font-size:15px!important}
@media (max-width:1100px){
	body.merchlist-cart-items-active .mc-trust{height:64px}
	body.merchlist-cart-items-active .mc-trust-item{padding:4px 6px;gap:7px;grid-template-columns:37px auto}
	body.merchlist-cart-items-active .mc-trust-icon{width:37px;height:37px}
	body.merchlist-cart-items-active .mc-trust-icon img{width:25px;height:25px}
	body.merchlist-cart-items-active .mc-trust-icon svg{width:26px;height:26px}
	body.merchlist-cart-items-active .mc-trust-copy strong{font-size:12.5px}
	body.merchlist-cart-items-active .mc-trust-copy span{font-size:10px}
}
@media (max-width:900px){
	body.merchlist-cart-items-active .mc-trust{height:58px;grid-template-columns:repeat(4,1fr);margin-top:16px}
	body.merchlist-cart-items-active .mc-trust-item{display:flex;flex-direction:column;justify-content:center;gap:2px;padding:2px;text-align:center}
	body.merchlist-cart-items-active .mc-trust-icon{width:30px;height:30px}
	body.merchlist-cart-items-active .mc-trust-icon img{width:23px;height:23px}
	body.merchlist-cart-items-active .mc-trust-icon svg{width:22px;height:22px;stroke-width:1.8}
	body.merchlist-cart-items-active .mc-trust-copy{min-height:17px;gap:0;align-items:center;text-align:center}
	body.merchlist-cart-items-active .mc-trust-copy strong{font-size:9px;line-height:1.06;text-transform:uppercase;white-space:normal}
	body.merchlist-cart-items-active .mc-trust-copy span{display:none}
	body.merchlist-cart-items-active .mc-trust .mc-trust-products{display:none}
}

/* Gift wrap popup buttons: small close icon instead of the big Cancel button,
   one clear green add button. */
body.merchlist-cart-items-active .wcgwp-modal .modal-header{display:flex!important;align-items:center;justify-content:space-between}
body.merchlist-cart-items-active .wcgwp-modal .modal-header .wcgwp-cancel{position:relative;width:32px!important;height:32px!important;min-width:0!important;min-height:0!important;padding:0!important;margin:0!important;border:0!important;border-radius:8px!important;background:transparent!important;color:#000!important;font-size:0!important;line-height:0!important;box-shadow:none!important}
body.merchlist-cart-items-active .wcgwp-modal .modal-header .wcgwp-cancel::before{content:"";position:absolute;inset:0;margin:auto;width:16px;height:16px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E") center/contain no-repeat}
body.merchlist-cart-items-active .wcgwp-modal .modal-header .wcgwp-cancel:hover{background:var(--mc-mint-2)!important}
body.merchlist-cart-items-active .wcgwp-modal .modal-title,body.merchlist-cart-items-active .wcgwp-modal .modal-header h2,body.merchlist-cart-items-active .wcgwp-modal .modal-header h3,body.merchlist-cart-items-active .wcgwp-modal .modal-header h4{margin:0!important;font-size:17px!important;font-weight:700!important;color:#000!important;text-transform:none!important}
body.merchlist-cart-items-active .wcgwp-modal button[type=submit],body.merchlist-cart-items-active .wcgwp-modal input[type=submit],body.merchlist-cart-items-active .wcgwp-modal .wcgwp-submit,body.merchlist-cart-items-active .wcgwp-modal .modal-body .button:not(.wcgwp-cancel),body.merchlist-cart-items-active .wcgwp-modal .modal-footer .button:not(.wcgwp-cancel){display:flex!important;align-items:center;justify-content:center;width:100%!important;height:46px!important;min-height:0!important;margin:14px 0 0!important;padding:0 18px!important;border:0!important;border-radius:10px!important;background:var(--mc-green)!important;color:#fff!important;font-size:14px!important;font-weight:600!important;letter-spacing:.01em!important;text-transform:none!important;box-shadow:none!important}
body.merchlist-cart-items-active .wcgwp-modal button[type=submit]:hover,body.merchlist-cart-items-active .wcgwp-modal input[type=submit]:hover,body.merchlist-cart-items-active .wcgwp-modal .wcgwp-submit:hover{background:var(--mc-green-d)!important}

/* ═════════════════════ v10.4 ═════════════════════ */
/* Header: "N customized items · X pcs · 🚚 Est. delivery …" */
body.merchlist-cart-items-active .mc-head-count{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px}
body.merchlist-cart-items-active .mc-head .mc-dot{width:4px;height:4px;border-radius:50%;background:var(--mc-ink-3);opacity:.5;display:inline-block}
body.merchlist-cart-items-active .mc-head-pcs{color:var(--mc-ink-3)}
body.merchlist-cart-items-active .mc-head-eta{display:inline-flex;align-items:center;gap:8px;color:var(--mc-green);font-weight:600}
body.merchlist-cart-items-active .mc-head-eta svg{width:15px;height:15px;margin-right:-2px}

/* Remove: labelled on desktop, icon-only on mobile; coral on hover */
@media (min-width:721px){
	.ci .ci-remove{width:auto!important;padding:0 8px 0 6px!important;gap:5px;font-size:12px!important;font-weight:500;color:var(--mc-ink-3)!important}
	.ci .ci-remove .ci-remove-lbl{display:inline;line-height:28px}
}
.ci .ci-remove-lbl{display:none}

/* Undo notice after removing an item: black bar with a clear "Undo?" */
body.merchlist-cart-items-active .woocommerce-message:has(a.restore-item),body.merchlist-cart-items-active .woocommerce-info:has(a.restore-item){display:flex!important;align-items:center;gap:12px;background:#000!important;color:#fff!important;border:0!important;border-radius:12px!important;padding:12px 16px!important;margin:0 0 14px!important;font-size:13.5px!important;box-shadow:0 10px 26px -16px rgba(0,0,0,.5)}
body.merchlist-cart-items-active .woocommerce-message:has(a.restore-item)::before{position:static!important;content:""!important;flex:none;width:16px;height:16px;background:#9fd2bf!important;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") center/contain no-repeat;transform:none!important;margin:0!important}
body.merchlist-cart-items-active .woocommerce-message a.restore-item{margin-left:auto;color:#fff!important;font-weight:700!important;text-decoration:underline!important;text-underline-offset:3px;white-space:nowrap}
body.merchlist-cart-items-active .woocommerce-message:has(a.restore-item) svg,body.merchlist-cart-items-active .woocommerce-message:has(a.restore-item) .rey-icon{display:none!important}

/* Sticky checkout bar (phones only) */
.mc-sticky{display:none}
@media (max-width:1024px){
	body.merchlist-cart-items-active .mc-sticky{position:fixed;left:0;right:0;bottom:0;z-index:9990;display:flex;align-items:center;gap:12px;background:#fff;border-top:1px solid #e6eae8;padding:10px 14px calc(12px + env(safe-area-inset-bottom));box-shadow:0 -10px 30px -18px rgba(0,0,0,.3);font-family:inherit;transition:transform .25s ease,opacity .25s ease}
	body.merchlist-cart-items-active .mc-sticky.is-hidden{transform:translateY(110%);opacity:0;pointer-events:none}
	body.merchlist-cart-items-active .mc-sticky-tt{line-height:1.2;white-space:nowrap}
	body.merchlist-cart-items-active .mc-sticky-tt small{display:block;font-size:11px;color:#6d726f}
	body.merchlist-cart-items-active .mc-sticky-tt b,body.merchlist-cart-items-active .mc-sticky-tt b .amount{font-size:18px;font-weight:800;letter-spacing:-.02em;color:#000}
	body.merchlist-cart-items-active .mc-sticky .woocommerce-Price-currencySymbol,body.merchlist-cart-items-active .mc-sticky del,body.merchlist-cart-items-active .mc-sticky .screen-reader-text{display:none!important}
	body.merchlist-cart-items-active .mc-sticky-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;background:#000;color:#fff!important;border-radius:10px;padding:13px 14px;font-weight:600;font-size:14px;text-decoration:none!important}
	body.merchlist-cart-items-active .mc-sticky-btn svg{width:15px;height:15px}
	body.merchlist-cart-items-active.mc-has-sticky{padding-bottom:76px}
}
@media (max-width:900px){body.merchlist-cart-items-active .mc-add-tx b,body.merchlist-cart-items-active .mc-gift-tx b{white-space:normal}}

/* ═════════════════════ v10.4.1 ═════════════════════ */
/* Est. delivery: shown at checkout only, not on the cart */
body.merchlist-cart-items-active .cart_totals tr.estimated-delivery,body.merchlist-cart-items-active .mc-head-eta{display:none!important}
/* The discount line's own "[Remove]" duplicates the offer card's Remove */
/* "Total" label sits on the same baseline as the amount */
body.merchlist-cart-items-active .cart_totals tr.order-total{align-items:baseline!important}
body.merchlist-cart-items-active .cart_totals tr.order-total th,body.merchlist-cart-items-active .cart_totals tr.order-total td{vertical-align:baseline!important;line-height:1.2!important}

/* ═════════════════════ v10.5 ═════════════════════ */
/* One page background below the header (theme section/cart wrappers had
   slightly different whites: #fafafa vs #f6f7f9). */
body.merchlist-cart-items-active{background:#f6f7f9!important}
body.merchlist-cart-items-active .rey-siteContent,
body.merchlist-cart-items-active .rey-siteContent .elementor-section,
body.merchlist-cart-items-active .rey-siteContent .e-con,
body.merchlist-cart-items-active .rey-cartPage{background:transparent!important;background-color:transparent!important}
body.merchlist-cart-items-active .rey-siteContent .elementor-section::before,
body.merchlist-cart-items-active .rey-siteContent .elementor-background-overlay{display:none!important}

/* Gift wrap popup — compact dialog, picture cards, one clear action */
body.merchlist-cart-items-active .wcgwp-modal .modal-dialog{max-width:560px!important;width:calc(100% - 32px)!important;margin:auto!important}
body.merchlist-cart-items-active .wcgwp-modal .modal-content{border:0!important;border-radius:18px!important;overflow:hidden;background:#fff!important;box-shadow:0 30px 80px -20px rgba(0,0,0,.45)!important;font-family:inherit}
body.merchlist-cart-items-active .wcgwp-modal .modal-content .modal-header{position:relative;display:flex!important;align-items:center;justify-content:flex-end;min-height:0;padding:16px 16px 0 22px!important;border:0!important}
body.merchlist-cart-items-active .wcgwp-modal .modal-content .modal-header::before{content:"Make it a gift";position:absolute;left:22px;top:18px;font-size:19px;font-weight:700;letter-spacing:-.02em;color:#000}
body.merchlist-cart-items-active .wcgwp-modal .modal-content .modal-body{padding:2px 22px 4px!important}
body.merchlist-cart-items-active .wcgwp-modal .modal-content .wcgwp-details{margin:0 0 16px!important;font-size:0!important;line-height:0!important}
body.merchlist-cart-items-active .wcgwp-modal .modal-content .wcgwp-details::before{content:"Pick a magnetic-flap box. We'll add your message on a card inside.";display:block;font-size:13px;line-height:1.45;color:var(--mc-ink-3);padding-right:40px}
body.merchlist-cart-items-active .wcgwp-modal .modal-content .wcgwp-ul{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;margin:0!important;padding:0!important;list-style:none!important}
body.merchlist-cart-items-active .wcgwp-modal .modal-content .wcgwp-li{position:relative;max-width:none!important;width:auto!important;margin:0!important;padding:0!important;border:1.5px solid var(--mc-line)!important;border-radius:14px!important;background:#fff!important;box-shadow:none!important;cursor:pointer;transition:border-color .15s,box-shadow .15s;overflow:hidden}
body.merchlist-cart-items-active .wcgwp-modal .modal-content .wcgwp-li:hover{border-color:var(--mc-line-2)!important}
body.merchlist-cart-items-active .wcgwp-modal .modal-content .wcgwp-li:has(input:checked){border-color:var(--mc-green)!important;box-shadow:0 0 0 3px rgba(60,113,93,.14)!important}
body.merchlist-cart-items-active .wcgwp-modal .modal-content .wcgwp-li .wcgwp-input{position:absolute!important;opacity:0!important;pointer-events:none;width:1px;height:1px}
body.merchlist-cart-items-active .wcgwp-modal .modal-content .wcgwp-li::after{content:"";position:absolute;top:8px;right:8px;width:20px;height:20px;border-radius:50%;background:#fff;border:1.5px solid var(--mc-line-2);box-sizing:border-box;z-index:2;pointer-events:none}
body.merchlist-cart-items-active .wcgwp-modal .modal-content .wcgwp-li:has(input:checked)::after{border:0;background:var(--mc-green) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") center/11px no-repeat}
body.merchlist-cart-items-active .wcgwp-modal .modal-content .wcgwp-desc{display:grid!important;grid-template-areas:"img" "name" "price";grid-template-rows:auto auto auto;gap:0!important;margin:0!important;padding:0 0 10px!important;cursor:pointer;text-align:left;flex-direction:initial!important}
body.merchlist-cart-items-active .wcgwp-modal .modal-content .wcgwp-desc > .wcgwp-thumb{grid-area:img;margin:0 0 9px!important;padding:0!important;background:var(--mc-mint-2);aspect-ratio:1/1;display:grid;place-items:center;overflow:hidden}
body.merchlist-cart-items-active .wcgwp-modal .modal-content .wcgwp-thumb .wcgwp-thumb{margin:0!important;padding:0!important;background:none;display:contents}
body.merchlist-cart-items-active .wcgwp-modal .modal-content .wcgwp-thumb img{display:block;width:88%!important;height:88%!important;object-fit:contain;mix-blend-mode:multiply;margin:auto}
body.merchlist-cart-items-active .wcgwp-modal .modal-content .wcgwp-title{grid-area:name;padding:0 10px;font-size:13px!important;font-weight:600!important;line-height:1.3!important;color:#000!important}
body.merchlist-cart-items-active .wcgwp-modal .modal-content .wcgwp-desc > .amount{grid-area:price;padding:2px 10px 0;font-size:12.5px!important;font-weight:500!important;color:var(--mc-ink-3)!important}
body.merchlist-cart-items-active .wcgwp-modal .modal-content .wcgwp-desc > .amount .woocommerce-Price-currencySymbol{display:none!important}
body.merchlist-cart-items-active .wcgwp-modal .modal-content .wcgwp-note-container{margin:16px 0 0!important}
body.merchlist-cart-items-active .wcgwp-modal .modal-content .wcgwp-note-container label{display:block!important;margin:0 0 6px!important;font-size:0!important;line-height:0!important}
body.merchlist-cart-items-active .wcgwp-modal .modal-content .wcgwp-note-container label::before{content:"Gift message (optional)";display:block;font-size:12.5px;line-height:1.4;font-weight:600;color:#000}
body.merchlist-cart-items-active .wcgwp-modal .modal-content textarea.wcgwp-note{display:block;box-sizing:border-box!important;font-family:inherit!important;width:100%!important;min-height:76px!important;height:76px;resize:vertical;margin:0!important;padding:10px 12px!important;border:1px solid var(--mc-line-2)!important;border-radius:10px!important;font-size:13px!important;line-height:1.45!important;background:#fff!important;box-shadow:none!important}
body.merchlist-cart-items-active .wcgwp-modal .modal-content textarea.wcgwp-note:focus{border-color:var(--mc-green)!important;box-shadow:0 0 0 3px rgba(60,113,93,.12)!important;outline:0}
body.merchlist-cart-items-active .wcgwp-modal .modal-content .modal-footer{display:block!important;padding:16px 22px 20px!important;border:0!important;background:#fff!important}
body.merchlist-cart-items-active .wcgwp-modal .modal-content .modal-footer .wcgwp-button-wrapper{margin:0!important;padding:0!important}
body.merchlist-cart-items-active .wcgwp-modal .modal-content .modal-footer .wcgwp-submit{margin:0!important;font-family:inherit!important}
@media (max-width:520px){
	body.merchlist-cart-items-active .wcgwp-modal .modal-dialog{width:calc(100% - 20px)!important}
	body.merchlist-cart-items-active .wcgwp-modal .modal-content .modal-header{padding:14px 12px 0 16px!important}
	body.merchlist-cart-items-active .wcgwp-modal .modal-content .modal-header::before{left:16px;top:16px;font-size:17px}
	body.merchlist-cart-items-active .wcgwp-modal .modal-content .modal-body{padding:2px 16px 4px!important}
	body.merchlist-cart-items-active .wcgwp-modal .modal-content .wcgwp-ul{gap:7px!important}
	body.merchlist-cart-items-active .wcgwp-modal .modal-content .wcgwp-title{font-size:12px!important;padding:0 8px}
	body.merchlist-cart-items-active .wcgwp-modal .modal-content .wcgwp-desc > .amount{font-size:11.5px!important;padding:2px 8px 0}
	body.merchlist-cart-items-active .wcgwp-modal .modal-content .modal-footer{padding:14px 16px 16px!important}
}

/* v10.5.1 · Rey pins its own "Proceed to checkout" button to the bottom of the
   screen on phones. With our sticky bar that made two bars. On phones the
   button goes back inside the order summary, and our bar (total + Checkout)
   is the only sticky one. */
@media (max-width:1024px){
	body.merchlist-cart-items-active .rey-cartPage .cart_totals .wc-proceed-to-checkout,body.merchlist-cart-items-active .cart_totals .wc-proceed-to-checkout{position:static!important;left:auto!important;right:auto!important;bottom:auto!important;top:auto!important;width:auto!important;transform:none!important;z-index:auto!important;margin:16px 0 0!important;padding:0!important;background:transparent!important;box-shadow:none!important;border:0!important}
}

/* ═════════════════════ v10.6 ═════════════════════ */
/* Order summary: one Total divider, same labels at every width */
body.merchlist-cart-items-active .cart_totals tr.order-total th,body.merchlist-cart-items-active .cart_totals tr.order-total td{border-top:0!important}
body.merchlist-cart-items-active .cart_totals tr.order-total{border-top:1px solid var(--mc-line)!important;padding-top:4px}
body.merchlist-cart-items-active .cart_totals tr:not(.estimated-delivery):not(.wc-stripe-bnpl-cart-message) th{display:block!important}
body.merchlist-cart-items-active .cart_totals tr td::before{content:none!important;display:none!important}
body.merchlist-cart-items-active .rey-cartPage.--totals-sticky .cart_totals{top:96px!important}
body.merchlist-cart-items-active .cart_totals .wt_sc_single_coupon{min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
/* WebToffee's own card never paints: until our row is built it is an empty mint row of the same height */
body.merchlist-cart-items-active .cart_totals .wt_sc_single_coupon:not(.mc-redeem-card){display:block!important;width:100%!important;min-height:52px;margin:0 0 8px!important;padding:0!important;background:var(--mc-mint)!important;border:0!important;border-radius:8px!important;box-shadow:none!important}
body.merchlist-cart-items-active .cart_totals .wt_sc_single_coupon:not(.mc-redeem-card) > *{visibility:hidden!important}
body.merchlist-cart-items-active .cart_totals .wt_coupon_wrapper{margin-bottom:20px!important}

/* Cashback (YITH points): its own box is hidden; one row in the summary */
body.merchlist-cart-items-active #yith-par-message-reward-cart{display:none!important}
body.merchlist-cart-items-active .mc-cb{display:flex;align-items:center;gap:10px;padding:9px 10px 9px 12px;border-radius:8px;background:var(--mc-mint);border:1.5px solid transparent;margin:-12px 0 20px;cursor:pointer}
body.merchlist-cart-items-active .mc-cb.is-applied{background:#fff;border:1.5px dashed var(--mc-green);cursor:default}
body.merchlist-cart-items-active .mc-cb-ic{display:grid;place-items:center;flex:none;color:var(--mc-green)}
body.merchlist-cart-items-active .mc-cb-ic svg{width:16px;height:16px}
body.merchlist-cart-items-active .mc-cb-t{flex:1;min-width:0;font-size:13px;line-height:1.3}
body.merchlist-cart-items-active .mc-cb-t b{display:block;font-weight:700;color:#000}
body.merchlist-cart-items-active .mc-cb.is-applied .mc-cb-t b{color:var(--mc-green)}
body.merchlist-cart-items-active .mc-cb-t span{display:block;font-size:11.5px;color:#2f4a40}
body.merchlist-cart-items-active .mc-cb-act{flex:none;appearance:none;background:none!important;border:0!important;box-shadow:none!important;padding:4px!important;margin:0!important;min-height:0!important;height:auto!important;font:inherit;font-size:12.5px!important;font-weight:700!important;line-height:1!important;letter-spacing:0!important;text-transform:none!important;color:var(--mc-green)!important;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
body.merchlist-cart-items-active .mc-cb-act:hover{color:var(--mc-green-d)!important}
body.merchlist-cart-items-active .mc-cb.is-busy,body.merchlist-cart-items-active .mc-redeem-card.is-busy{opacity:.55;pointer-events:none}

/* Item card: no "SUBTOTAL" label; Unit/Quantity start below the title, level
   with the pills; wider price column with room after the divider */
body.merchlist-cart-items-active .ci .ci-total-label{display:none!important}
@media (min-width:721px){
	body.merchlist-cart-items-active article.ci{grid-template-columns:104px minmax(0,1fr) 216px!important;min-height:164px}
	body.merchlist-cart-items-active .ci .ci-total{width:auto!important;padding-left:28px!important}
	body.merchlist-cart-items-active .ci .ci-total-desktop{padding-top:30px}
}

/* Page bottom, trust bar, theme leftovers */
body.merchlist-cart-items-active .rey-siteMain{padding-bottom:56px!important}
body.merchlist-cart-items-active .mc-trust{margin:32px 0 0!important}
body.merchlist-cart-items-active .rey-scrollTop{display:none!important}
body.merchlist-cart-items-active .woocommerce-cart-notice{border-radius:12px!important;overflow:hidden}

/* Action row: title + button only; two columns at every width */
body.merchlist-cart-items-active .mc-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}
body.merchlist-cart-items-active .mc-actions:has(> .mc-gift[hidden]){grid-template-columns:1fr!important}
@media (max-width:900px){
	body.merchlist-cart-items-active .mc-actions{gap:8px!important}
	body.merchlist-cart-items-active .mc-add,body.merchlist-cart-items-active .mc-gift{display:grid!important;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"ic tx" "go go";align-items:center;gap:10px!important;padding:12px!important;height:100%;box-sizing:border-box}
	body.merchlist-cart-items-active .mc-add-plus,body.merchlist-cart-items-active .mc-gift-ic{grid-area:ic;width:32px!important;height:32px!important}
	body.merchlist-cart-items-active .mc-add-tx,body.merchlist-cart-items-active .mc-gift-tx{grid-area:tx;min-width:0}
	body.merchlist-cart-items-active .mc-add-tx b,body.merchlist-cart-items-active .mc-gift-tx b{font-size:13.5px!important;line-height:1.25;white-space:normal}
	body.merchlist-cart-items-active .mc-add-go,body.merchlist-cart-items-active .mc-gift .mc-btn{grid-area:go;width:100%!important;box-sizing:border-box;justify-content:center;text-align:center;margin:0!important;padding:9px 10px!important;font-size:12.5px!important}
}

/* Tablet + phone: the summary is the same white card as desktop */
@media (max-width:1024px){
	body.merchlist-cart-items-active .cart_totals{background:#fff!important;border-radius:16px!important;padding:20px 20px 24px!important}
	body.merchlist-cart-items-active .wc-proceed-to-checkout .checkout-button{width:100%!important;max-width:none!important;margin:0!important}
	body.merchlist-cart-items-active .woocommerce-cart-notice{width:100%!important;max-width:none!important;box-sizing:border-box}
}

/* ═════════════════════ v10.6.1 ═════════════════════ */
/* Moved here from Additional CSS so the cart owns all of its styling.
   (Additional CSS lines: .woocommerce .cart-collaterals · cart table thead ·
   .--totals-sticky .cart_totals card · .--totals-style-2 rows.) */
body.merchlist-cart-items-active .woocommerce .cart-collaterals{margin-top:0}
body.merchlist-cart-items-active table.shop_table.woocommerce-cart-form__contents thead{display:none!important}
body.merchlist-cart-items-active .--totals-style-2 .cart_totals .shop_table tr{border-bottom:0;margin-bottom:0}
@media (min-width:1025px){
	body.merchlist-cart-items-active .rey-cartPage.--layout-custom .cart_totals{background-color:#fff!important;border-radius:16px!important;padding-left:3em!important;padding-right:3em!important}
}
/* Narrow desktops: less side padding so the summary rows don't wrap */
@media (min-width:1025px) and (max-width:1280px){
	body.merchlist-cart-items-active .rey-cartPage.--layout-custom .cart_totals{padding-left:24px!important;padding-right:24px!important}
}

/* Coupon error under the field (was a green full-width bar at the top) */
body.merchlist-cart-items-active .cart_totals .mc-coupon-err{margin:-8px 0 14px;font-size:12.5px;line-height:1.4;color:#b42318}
body.merchlist-cart-items-active .cart_totals .coupon.has-err input[type=text],body.merchlist-cart-items-active .cart_totals .coupon.has-err .input-text{border-color:#d92d20!important;box-shadow:0 0 0 3px rgba(217,45,32,.1)!important}
/* Any other error on the cart reads as an error, not a success */
body.merchlist-cart-items-active .woocommerce-error{background:#fef3f2!important;color:#b42318!important;border:1px solid #fecdca!important;border-radius:12px!important;box-shadow:none!important}
body.merchlist-cart-items-active .woocommerce-error a{color:#b42318!important;text-decoration:underline}
body.merchlist-cart-items-active .woocommerce-error::before,body.merchlist-cart-items-active .woocommerce-error svg{color:#b42318!important}

/* Keyboard focus that can be seen */
body.merchlist-cart-items-active .cart_totals .mc-redeem-card:focus-visible,body.merchlist-cart-items-active .cart_totals [data-mc-remove]:focus-visible,body.merchlist-cart-items-active .mc-cb-act:focus-visible,body.merchlist-cart-items-active .ci a:focus-visible,body.merchlist-cart-items-active .ci button:focus-visible,body.merchlist-cart-items-active .mc-actions a:focus-visible,body.merchlist-cart-items-active .mc-actions button:focus-visible,body.merchlist-cart-items-active .checkout-button:focus-visible{outline:2px solid var(--mc-green)!important;outline-offset:2px}

/* Gift popup: the selected box had the theme's beige label background */
body.merchlist-cart-items-active .wcgwp-modal .modal-content .wcgwp-li label,body.merchlist-cart-items-active .wcgwp-modal .modal-content .wcgwp-desc{background:transparent!important}
/* brief "applying" state while a checkout Redeem passes through the cart */
html.mc-redeeming body{opacity:.35;pointer-events:none;transition:opacity .2s}

/* ═════════════════════ v10.6.2 ═════════════════════ */
/* Action tiles: the whole tile is the button; a small arrow replaces
   the "Customize now" / "Add gift wrap" buttons. */
body.merchlist-cart-items-active .mc-tile{cursor:pointer;width:100%;text-align:left}
body.merchlist-cart-items-active button.mc-gift{appearance:none;-webkit-appearance:none;font:inherit;color:#000!important;background:#fff!important;line-height:normal;min-height:0;height:auto;text-transform:none;letter-spacing:0;transition:box-shadow .15s,border-color .15s}
body.merchlist-cart-items-active button.mc-gift:hover{border-color:#cbd6d1;box-shadow:0 12px 26px -18px rgba(0,30,20,.4)}
body.merchlist-cart-items-active .mc-go{flex:none;width:28px;height:28px;display:grid;place-items:center;color:var(--mc-green);position:relative;z-index:1;transition:transform .15s ease}
body.merchlist-cart-items-active .mc-go svg{width:20px;height:20px}
body.merchlist-cart-items-active .mc-tile:hover .mc-go{transform:translateX(3px)}
@media (max-width:900px){
	body.merchlist-cart-items-active .mc-add.mc-tile,body.merchlist-cart-items-active .mc-gift.mc-tile{grid-template-columns:auto minmax(0,1fr) auto!important;grid-template-areas:"ic tx go"!important;padding:12px 10px 12px 12px!important;gap:10px!important}
	body.merchlist-cart-items-active .mc-tile .mc-go{grid-area:go;width:20px;height:20px}
	body.merchlist-cart-items-active .mc-tile .mc-go svg{width:18px;height:18px}
}

/* Very small phones: no room for the arrow, the tile itself is still the button */
@media (max-width:360px){
	body.merchlist-cart-items-active .mc-add.mc-tile,body.merchlist-cart-items-active .mc-gift.mc-tile{grid-template-columns:auto minmax(0,1fr)!important;grid-template-areas:"ic tx"!important;padding:12px 10px!important}
	body.merchlist-cart-items-active .mc-tile .mc-go{display:none}
}

/* Sticky checkout bar (tablet + phone): narrower button, more room for the total */
@media (max-width:1024px){
	body.merchlist-cart-items-active .mc-sticky{gap:16px;padding-left:20px;padding-right:16px}
	body.merchlist-cart-items-active .mc-sticky-tt{flex:1;min-width:0}
	body.merchlist-cart-items-active .mc-sticky-tt small{font-size:12px;margin-bottom:2px}
	body.merchlist-cart-items-active .mc-sticky-tt b,body.merchlist-cart-items-active .mc-sticky-tt b .amount{font-size:20px}
	body.merchlist-cart-items-active .mc-sticky-btn{flex:0 0 auto;width:min(48%,280px);padding:13px 16px}
}

/* Coupon discount row: stands out (mint row, code pill, bigger amount) */
body.merchlist-cart-items-active .cart_totals tr.cart-discount.mc-disc{background:var(--mc-mint)!important;border-radius:10px!important;padding:10px 12px!important;margin:4px 0 8px!important;align-items:center!important;border:0!important}
body.merchlist-cart-items-active .cart_totals tr.mc-disc th{display:flex!important;align-items:center;gap:8px;flex-wrap:wrap;padding:0!important;color:var(--mc-green)!important;font-weight:700!important;font-size:14px!important}
body.merchlist-cart-items-active .cart_totals tr.mc-disc td{padding:0!important;font-size:17px!important;font-weight:800!important;color:var(--mc-green)!important}
body.merchlist-cart-items-active .cart_totals tr.mc-disc td .amount{font-size:17px!important;font-weight:800!important;letter-spacing:-.01em}
body.merchlist-cart-items-active .mc-dpill{display:inline-block;background:var(--mc-green);color:#fff;font-size:11px;font-weight:700;line-height:1.5;letter-spacing:.03em;padding:2px 8px;border-radius:6px;white-space:nowrap}
body.merchlist-cart-items-active .cart_totals .shop_table tr.cart-discount.mc-disc th,body.merchlist-cart-items-active .cart_totals .shop_table tr.cart-discount.mc-disc td{background:transparent!important;border:0!important;box-shadow:none!important;width:auto!important;flex:none!important}
body.merchlist-cart-items-active .cart_totals tr.mc-disc th{flex:1 1 auto!important;min-width:0}
@media (max-width:480px){
	body.merchlist-cart-items-active .cart_totals tr.cart-discount.mc-disc{padding:10px!important;flex-wrap:nowrap!important}
	body.merchlist-cart-items-active .cart_totals tr.mc-disc th{font-size:13px!important;gap:6px;flex-wrap:nowrap}
	body.merchlist-cart-items-active .cart_totals tr.mc-disc td,body.merchlist-cart-items-active .cart_totals tr.mc-disc td .amount{font-size:16px!important;white-space:nowrap}
	body.merchlist-cart-items-active .mc-dpill{font-size:10px!important;padding:2px 6px!important;letter-spacing:.01em!important}
}

/* Product mockup 25% bigger (uses the empty space above and below it) */
@media (min-width:721px){
	body.merchlist-cart-items-active article.ci{grid-template-columns:130px minmax(0,1fr) 216px!important}
	body.merchlist-cart-items-active .ci .ci-preview{width:130px}
	body.merchlist-cart-items-active .ci .ci-preview-inner{width:130px;height:130px}
}
@media (max-width:720px){
	body.merchlist-cart-items-active article.ci{grid-template-columns:95px minmax(0,1fr)!important}
	body.merchlist-cart-items-active .ci .ci-preview{width:95px}
	body.merchlist-cart-items-active .ci .ci-preview-inner{width:95px;height:95px}
}

/* Gift popup: WC Gift Wrapper puts display:none back on its wrapper after
   load, which left only the dark backdrop when the tile was clicked. */
body.merchlist-cart-items-active .wc-giftwrap.mc-gift-src{display:block!important}

/* ═════════════════════ v10.6.3 ═════════════════════ */
/* No gift wrap tile (orders over 5 pcs): "Add another product" takes the full row */
body.merchlist-cart-items-active .mc-actions:not(:has(> .mc-gift)){grid-template-columns:1fr!important}
/* Up to 5 pcs our tile opens WC Gift Wrapper's popup, so its markup must be on
   the page; its own button is not shown. Over 5 pcs it is not printed at all (PHP). */
body.merchlist-cart-items-active .wc-giftwrap:not(.mc-gift-src){display:none!important}

/* ═════════════ 10.6.6: moved from Additional CSS ═════════════ */
/* Cashback strip ("Get AED x cashback on this order!") */
body.merchlist-cart-items-active #yith-par-message-cart{padding:11px 16px!important;line-height:1.5}
body.merchlist-cart-items-active #yith-par-message-cart::before{content:none!important}
body.merchlist-cart-items-active #yith-par-message-cart img{width:20px!important;max-width:20px!important;height:auto;margin:0 8px 0 0!important;vertical-align:middle;display:inline-block!important;filter:brightness(0) invert(1)}
@media (min-width:768px){body.merchlist-cart-items-active #yith-par-message-cart{width:calc(var(--cart-table-size) - var(--cart-table-distance))}}
body.merchlist-cart-items-active.rey-cartPage .cart_totals .coupon,body.merchlist-cart-items-active .rey-cartPage.--layout-custom .cart_totals .coupon{margin-bottom:1rem}

/* ═════════════ 10.6.7 ═════════════ */
/* Shipping line */
body.merchlist-cart-items-active .cart_totals tr.mc-ship td{display:flex!important;flex-direction:column;align-items:flex-end;gap:1px;font-size:13.5px!important;color:#000!important}
body.merchlist-cart-items-active .cart_totals tr.mc-ship .mc-free{color:var(--mc-green);font-weight:600}
body.merchlist-cart-items-active .cart_totals tr.mc-ship .mc-ship-sub{font-size:11.5px;color:var(--mc-ink-3);font-weight:400}
/* One discount display: Remove sits on the green row */

body.merchlist-cart-items-active .cart_totals tr.cart-discount a.woocommerce-remove-coupon{display:inline!important;margin:0 0 0 6px!important;font-size:11.5px!important;font-weight:500!important;color:var(--mc-ink-3)!important;text-decoration:underline;text-decoration-color:rgba(0,0,0,.2);text-underline-offset:2px;letter-spacing:0;text-transform:none}
body.merchlist-cart-items-active .cart_totals tr.cart-discount a.woocommerce-remove-coupon:hover{color:#000!important}
/* 10.7.0: the green band reaches 12px past the column on each side, so
   "Discount" lines up with Subtotal / Shipping / Total and its amount lines
   up with the other amounts. Amount 2px smaller. */
body.merchlist-cart-items-active .cart_totals tr.cart-discount.mc-disc{margin:4px -12px 8px!important;padding:10px 12px!important}
body.merchlist-cart-items-active .cart_totals tr.mc-disc td,body.merchlist-cart-items-active .cart_totals tr.mc-disc td .amount{font-size:15px!important}
@media (max-width:767px){body.merchlist-cart-items-active .cart_totals tr.mc-disc td,body.merchlist-cart-items-active .cart_totals tr.mc-disc td .amount{font-size:14px!important}}
body.merchlist-cart-items-active .cart_totals .shop_table tr.cart-discount.mc-disc th{display:flex!important;align-items:center;gap:10px!important}
body.merchlist-cart-items-active .cart_totals tr.cart-subtotal>*,body.merchlist-cart-items-active .cart_totals tr.mc-ship>*,body.merchlist-cart-items-active .cart_totals tr.fee>*{padding-bottom:12px!important}
body.merchlist-cart-items-active .cart_totals tr.cart-discount.mc-disc{margin-top:2px!important;margin-bottom:10px!important}

/* v10.7.2 · iPhone: Safari zooms the page into any field smaller than 16px when it is tapped (and leaves it zoomed). The coupon field was 13px, the login popup 14px. */
@media (max-width:1024px){body.merchlist-cart-items-active .cart_totals input[name="coupon_code"],body.merchlist-cart-items-active .cart_totals #coupon_code,body.merchlist-cart-items-active .xoo-el-form-container input[type=text],body.merchlist-cart-items-active .xoo-el-form-container input[type=email],body.merchlist-cart-items-active .xoo-el-form-container input[type=password]{font-size:16px!important}}

/* v10.7.4 · Spacing: the cashback banner ("Get AED x cashback on this order")
   kept WooCommerce's 37px notice gap above the first cart item; now 16px like the
   gaps between items. The "cashback available · Redeem" row sat 5px under the
   coupon field; now 12px. */
body.merchlist-cart-items-active #yith-par-message-cart{margin-bottom:16px!important}
body.merchlist-cart-items-active .cart_totals .coupon + .mc-cb{margin-top:-5px}