/* MFS Size Chart — trigger button + modal. */
.mfs-sizechart-trigger {
	display: inline-flex; align-items: center; gap: 7px; margin: 4px 0 16px;
	padding: 9px 16px; background: #fff; color: #111214; border: 1px solid #111214;
	border-radius: 3px; font-size: 13px; font-weight: 700; text-transform: uppercase;
	letter-spacing: .05em; cursor: pointer; transition: background .15s, color .15s;
}
.mfs-sizechart-trigger:hover { background: #111214; color: #fff; }
.mfs-sizechart-trigger svg { flex: 0 0 auto; }

.mfs-sizechart-overlay {
	position: fixed; inset: 0; z-index: 99999; display: flex; align-items: center; justify-content: center;
	background: rgba(0,0,0,.7); padding: 24px;
}
.mfs-sizechart-overlay[hidden] { display: none; }
.mfs-sizechart-modal {
	position: relative; background: #fff; border-radius: 4px; max-width: 900px; width: 100%;
	max-height: 90vh; overflow: auto; padding: 40px 20px 20px;
}
.mfs-sizechart-close {
	position: absolute; top: 8px; right: 12px; width: 36px; height: 36px; line-height: 1;
	font-size: 28px; background: none; border: 0; cursor: pointer; color: #111214;
}
.mfs-sizechart-close:hover { color: #d92b2b; }
.mfs-sizechart-images { display: flex; flex-direction: column; gap: 16px; align-items: center; }
.mfs-sizechart-img { max-width: 100%; height: auto; cursor: zoom-in; }
.mfs-sizechart-img.mfs-zoomed { cursor: zoom-out; max-width: none; width: auto; }
body.mfs-sizechart-open { overflow: hidden; }