/* MM Mini Cart */
.mmmc-floating-button{
	position: fixed;
	bottom: 20px;
	z-index: 999999;
}

.mmmc-button{
	display:flex;
	align-items:center;
	gap:10px;
	background: var(--mmmc-primary);
	color: #fff;
	border:0;
	border-radius: 999px;
	padding: 12px 14px;
	box-shadow: 0 8px 24px rgba(0,0,0,.18);
	cursor:pointer;
}
.mmmc-button .mmmc-icon{ opacity:.95; }
.mmmc-button-logo{ display:block; height:24px; width:auto; max-width:140px; object-fit:contain; }

.mmmc-button-label{ font-size: 14px; line-height: 1; }
.mmmc-badge{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-width: 22px;
	height: 22px;
	padding: 0 7px;
	border-radius: 999px;
	background:#fff;
	color:#000;
	font-size: 12px;
	font-weight:600;
}

.mmmc-overlay{
	position: fixed;
	inset:0;
	background: rgba(0,0,0,.45);
	opacity:0;
	pointer-events:none;
	transition: opacity .2s ease;
	z-index: 999998;
}
.mmmc-overlay.is-open{ opacity:1; pointer-events:auto; }

.mmmc-drawer{
	position: fixed;
	top:0;
	bottom:0;
	width: var(--mmmc-drawer-width);
	max-width: 92vw;
	background: var(--mmmc-bg);
	color: var(--mmmc-text);
	border-left: 1px solid var(--mmmc-border);
	transform: translateX(110%);
	transition: transform .22s ease;
	z-index: 999999;
	display:flex;
	flex-direction:column;
}
.mmmc-drawer--left{
	left:0;
	right:auto;
	border-left:0;
	border-right:1px solid var(--mmmc-border);
	transform: translateX(-110%);
}


.mmmc-drawer--right{
	right:0;
	left:auto;
	border-right:0;
	border-left:1px solid var(--mmmc-border);
	transform: translateX(110%);
}
.mmmc-drawer.is-open{ transform: translateX(0); }

.mmmc-drawer__header{
	display:flex;
	align-items:center;
	gap:12px;
	padding: 14px 16px;
	border-bottom:1px solid var(--mmmc-border);
}
.mmmc-drawer__title{ font-weight: 700; font-size: 16px; }
.mmmc-drawer__status{ display:none; margin-left:auto; font-size: 12px; color: var(--mmmc-muted); }
.mmmc-drawer.mmmc-busy .mmmc-drawer__status{ display:block; }
.mmmc-close{
	margin-left: 8px;
	background: transparent;
	border:0;
	font-size: 26px;
	line-height: 1;
	cursor:pointer;
	color: var(--mmmc-text);
}
.mmmc-drawer__body{
	padding: 14px 16px;
	overflow:auto;
	height:100%;
}

.mmmc-empty{
	display:flex;
	flex-direction:column;
	gap:12px;
	align-items:flex-start;
}
.mmmc-empty__title{ font-weight:600; }
.mmmc-muted{ color: var(--mmmc-muted); }

.mmmc-block{
	border: 1px solid var(--mmmc-border);
	border-radius: 12px;
	padding: 10px 12px;
	margin-bottom: 12px;
	background: #fff;
}
.mmmc-block__title{
	font-weight:700;
	margin-bottom:8px;
	font-size: 13px;
}

.mmmc-progress{
	height: 8px;
	background: #f0f0f0;
	border-radius: 999px;
	overflow:hidden;
	margin-top: 8px;
}
.mmmc-progress__bar{
	height: 100%;
	background: var(--mmmc-primary);
	border-radius: 999px;
}

.mmmc-items{ display:flex; flex-direction:column; gap:12px; margin: 10px 0 14px; }
.mmmc-item{
	display:grid;
	grid-template-columns: 64px 1fr auto;
	gap: 10px;
	padding-bottom: 12px;
	border-bottom: 1px solid var(--mmmc-border);
}
.mmmc-item__thumb img{ width:64px; height:auto; border-radius: 10px; border:1px solid var(--mmmc-border); }
.mmmc-item__title{ font-size: 14px; font-weight:600; }
.mmmc-item__title a{ color: var(--mmmc-text); text-decoration:none; }
.mmmc-item__variations{ font-size: 12px; color: var(--mmmc-muted); margin-top:4px; }
.mmmc-item__controls{ margin-top: 8px; display:flex; align-items:center; justify-content:space-between; gap:10px; }
.mmmc-item__price{ text-align:right; font-weight:600; font-size: 13px; white-space:nowrap; }
.mmmc-item__line{ margin-top: 4px; }

.mmmc-qty{
	display:flex;
	align-items:center;
	border: 1px solid var(--mmmc-border);
	border-radius: 10px;
	overflow:hidden;
}
.mmmc-qty__btn{
	width: 32px;
	height: 32px;
	background:#fff;
	border:0;
	cursor:pointer;
	font-size: 18px;
	line-height: 1;
	color: var(--mmmc-text);
}
.mmmc-qty__input{
	width: 42px;
	height: 32px;
	border:0;
	text-align:center;
	outline:none;
	font-size: 13px;
}
.mmmc-link{
	background: transparent;
	border:0;
	color: var(--mmmc-muted);
	text-decoration: underline;
	cursor:pointer;
	font-size: 12px;
}

.mmmc-summary{
	border-top: 1px solid var(--mmmc-border);
	padding-top: 12px;
}
.mmmc-summary__row{ display:flex; justify-content:space-between; align-items:center; margin-bottom:10px; font-size: 13px; }

.mmmc-chip{
	border: 1px solid var(--mmmc-border);
	background:#fff;
	border-radius: 999px;
	padding: 4px 8px;
	cursor:pointer;
	margin-left: 6px;
	font-size: 12px;
}

.mmmc-coupon{ display:flex; gap:8px; margin: 12px 0; }
.mmmc-coupon__input{
	flex:1;
	border: 1px solid var(--mmmc-border);
	border-radius: 10px;
	padding: 10px 10px;
	outline:none;
}

.mmmc-actions{ display:flex; flex-direction:column; gap:10px; margin-top: 10px; }

.mmmc-btn{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:8px;
	text-decoration:none;
	cursor:pointer;
	border-radius: 12px;
	padding: 11px 12px;
	font-weight:700;
	font-size: 14px;
}
.mmmc-btn--primary{
	background: var(--mmmc-primary);
	color:#fff;
	border:0;
}
.mmmc-btn--outline{
	background:#fff;
	color: var(--mmmc-text);
	border:1px solid var(--mmmc-border);
}
.mmmc-btn--tiny{ padding: 7px 10px; font-weight:600; font-size: 12px; border-radius: 10px; }

.mmmc-hint{ margin-top: 10px; color: var(--mmmc-muted); font-size: 12px; }

.mmmc-recs__grid{
	display:grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
}
.mmmc-recs__item{
	border: 1px solid var(--mmmc-border);
	border-radius: 12px;
	overflow:hidden;
	background:#fff;
}
.mmmc-recs__img img{ width:100%; height:auto; display:block; }
.mmmc-recs__meta{ padding: 10px; display:flex; flex-direction:column; gap:6px; }
.mmmc-recs__name{ font-weight:600; font-size: 13px; text-decoration:none; color: var(--mmmc-text); }
.mmmc-recs__price{ font-size: 12px; color: var(--mmmc-muted); }

.mmmc-trust__row{ display:flex; gap:10px; align-items:center; }
.mmmc-trust__badge{ width: 64px; height:auto; border-radius: 10px; border:1px solid var(--mmmc-border); padding: 4px; background:#fff; }
.mmmc-trust__text{ font-size: 12px; color: var(--mmmc-muted); }

@media (max-width: 480px){
	.mmmc-button-label{ display:none; }
	.mmmc-drawer__body{ padding: 12px 12px; }
}


/* Prevent background scroll when drawer is open */
body.mmmc-is-open{ overflow:hidden; }


/* Busy / disabled state */
.mmmc-btn.is-disabled{ pointer-events:none; opacity:.65; }


/* Notices */
.mmmc-notices{margin-bottom:12px;display:flex;flex-direction:column;gap:10px}
.mmmc-notice{font-size:13px;padding:10px 12px;border-radius:14px;border:1px solid var(--mmmc-border);background:#fafafa}
.mmmc-notice.error{border-color:#fecaca;background:#fef2f2}
.mmmc-notice.success{border-color:#bbf7d0;background:#f0fdf4}
.mmmc-notice.notice{border-color:#e5e5e5;background:#fafafa}