/*
 * Mercy Medical Supplies — site styles
 * Ported from the live React front end (mercymedicaldme.com) to Elementor
 * container markup and native WooCommerce templates.
 *
 * Elementor templates attach these through the "CSS Classes" field
 * (Advanced tab). Every class is prefixed `mm-`.
 */

:root {
	--mm-blue: #0029d4;
	--mm-blue-dark: #001b8e;
	--mm-blue-bright: #1249f3;
	--mm-blue-deep: #06134f;
	--mm-orange: #fa7002;
	--mm-orange-dark: #d95c00;
	--mm-ink: #0b1f3a;
	--mm-gray: #555b66;
	--mm-slate: #536174;
	--mm-tint: #edf2ff;
	--mm-cream: #f7f8fc;
	--mm-gray-lt: #eef1f7;
	--mm-border: #d7dce8;
	--mm-muted-blue: #8aa3be;
	--mm-font-head: "Lato", Arial, sans-serif;
	--mm-font-body: "Montserrat", Arial, sans-serif;
	--mm-hero-grad: linear-gradient(120deg, #001b8e 0%, #0029d4 58%, #1249f3 100%);
}

/* ---------- Base ---------- */

body.mercy-site {
	background: var(--mm-cream);
	color: var(--mm-blue-dark);
	font-family: var(--mm-font-body);
	line-height: 1.6;
}
body.mercy-site h1,
body.mercy-site h2,
body.mercy-site h3,
body.mercy-site h4,
body.mercy-site h5,
body.mercy-site h6,
body.mercy-site .elementor-heading-title {
	font-family: var(--mm-font-head);
}
body.mercy-site a { color: inherit; }
body.mercy-site ::selection { background: var(--mm-blue); color: #fff; }
body.mercy-site .elementor-widget-text-editor p:last-child { margin-bottom: 0; }
body.mercy-site .elementor-widget-text-editor p:first-child { margin-top: 0; }

/* Shared typographic pieces */
.mm-eyebrow .elementor-heading-title {
	color: var(--mm-blue);
	font-size: 11px;
	font-weight: 900;
	letter-spacing: .12em;
	line-height: 1.4;
	text-transform: uppercase;
}
.mm-eyebrow--light .elementor-heading-title { color: #afc3ff; }
.mm-eyebrow--orange .elementor-heading-title { color: var(--mm-orange); }
.mm-eyebrow--peach .elementor-heading-title { color: #ffb36b; font-size: 13px; }
.mm-eyebrow--white .elementor-heading-title { color: #fff; font-size: 12px; }

.mm-title .elementor-heading-title {
	color: var(--mm-ink);
	font-size: 30px;
	font-weight: 900;
	line-height: 1.2;
}
.mm-title--sm .elementor-heading-title { font-size: clamp(27px, 2.8vw, 32px); letter-spacing: -.012em; }
.mm-title--white .elementor-heading-title { color: #fff; }

.mm-copy,
.mm-copy p { color: var(--mm-gray); max-width: 650px; }
.mm-copy--wide,
.mm-copy--wide p { max-width: 920px; }
.mm-prose,
.mm-prose p,
.mm-prose li { color: var(--mm-slate); font-size: 15.5px; line-height: 1.85; }
.mm-prose p { margin: 0 0 20px; }
.mm-prose strong { color: var(--mm-ink); }

/* Buttons — add to a Button widget together with one colour modifier */
.mm-btn .elementor-button {
	border: 0;
	border-radius: 10px;
	font-family: var(--mm-font-body);
	font-size: 15px;
	font-weight: 800;
	line-height: 1.2;
	padding: 13px 26px;
	transition: transform .15s, filter .15s, background .15s, color .15s;
}
.mm-btn .elementor-button:hover {
	filter: brightness(1.05);
	transform: translateY(-1px);
}
.mm-btn .elementor-button:focus-visible { outline: 3px solid var(--mm-orange); outline-offset: 3px; }
.mm-btn--sm .elementor-button { border-radius: 8px; font-size: 13px; padding: 8px 14px; }
.mm-btn--blue .elementor-button { background: var(--mm-blue); color: #fff; }
.mm-btn--orange .elementor-button { background: var(--mm-orange); color: #fff; }
.mm-btn--navy .elementor-button { background: var(--mm-blue-dark); color: #fff; }
.mm-btn--white .elementor-button { background: #fff; color: var(--mm-orange-dark); }
.mm-btn--outline .elementor-button {
	background: #fff;
	border: 1px solid var(--mm-blue);
	border-radius: 9px;
	color: var(--mm-blue);
	font-weight: 700;
}
.mm-btn--outline .elementor-button:hover { background: var(--mm-blue); color: #fff; }

/* Text link styled button (e.g. "Check My Coverage →") */
.mm-link .elementor-button {
	background: transparent;
	color: var(--mm-blue);
	font-weight: 800;
	padding: 0;
}
.mm-link .elementor-button:hover { color: var(--mm-orange); }

/* Pills (HTML widget: <div class="mm-pills"><span>…</span></div>) */
.mm-pills { display: flex; flex-wrap: wrap; gap: 9px; justify-content: center; }
.mm-pills span {
	background: #ffffff10;
	border: 1px solid #ffffff26;
	border-radius: 999px;
	color: #b8cce0;
	font-size: 12px;
	font-weight: 700;
	padding: 5px 11px;
}

/* Category tabs on the home page (HTML widget with links) */
.mm-tabs { display: flex; flex-wrap: wrap; gap: 8px; }
.mm-tabs a {
	background: #fff;
	border: 1px solid var(--mm-border);
	border-radius: 999px;
	color: var(--mm-gray);
	font-size: 14px;
	font-weight: 700;
	padding: 8px 16px;
	text-decoration: none;
}
.mm-tabs a:hover,
.mm-tabs a.is-active {
	background: var(--mm-blue);
	border-color: var(--mm-blue);
	color: #fff;
}

/* ---------- Header ---------- */

.mm-announce {
	color: #fff;
	font-size: 13px;
	font-weight: 700;
	text-align: center;
}
.mm-announce p { margin: 0; }
.mm-announce a { color: #fff; }
.mm-announce .mm-sep { margin: 0 10px; opacity: .7; }

.mm-header {
	border-bottom: 1px solid var(--mm-border);
	box-shadow: 0 4px 18px #001b8e14;
}
.mm-logo img { height: auto; max-height: 58px; max-width: 290px; object-fit: contain; width: 100%; }

.mm-nav .elementor-nav-menu--main .elementor-item {
	border-radius: 7px;
	color: #333843;
	font-family: var(--mm-font-body);
	font-size: 13px;
	font-weight: 600;
	padding: 7px 10px;
}
.mm-nav .elementor-nav-menu--main .elementor-item:hover,
.mm-nav .elementor-nav-menu--main .elementor-item.elementor-item-active {
	background: var(--mm-tint);
	color: var(--mm-blue);
}
.mm-nav .elementor-menu-toggle { color: var(--mm-blue); background: transparent; font-size: 24px; }
.mm-nav .elementor-nav-menu--dropdown { box-shadow: 0 12px 24px #001b8e18; }
.mm-nav .elementor-nav-menu--dropdown .elementor-item { color: #333843; font-weight: 600; }
.mm-nav .elementor-nav-menu--dropdown .elementor-item:hover,
.mm-nav .elementor-nav-menu--dropdown .elementor-item.elementor-item-active { background: var(--mm-tint); color: var(--mm-blue); }

.mm-phone .elementor-icon-list-text,
.mm-phone .elementor-icon-list-icon i { color: var(--mm-blue-dark); font-size: 13px; }
.mm-phone .elementor-icon-list-icon svg { fill: var(--mm-blue-dark); width: 14px; }

.mm-cart .elementor-menu-cart__toggle .elementor-button {
	background: #fff;
	border: 1px solid var(--mm-border);
	border-radius: 10px;
	color: var(--mm-blue-dark);
	height: 42px;
	justify-content: center;
	padding: 0;
	width: 42px;
}
.mm-cart .elementor-menu-cart__toggle .elementor-button:hover { background: var(--mm-blue); border-color: var(--mm-blue); color: #fff; }
.mm-cart .elementor-button-text { display: none; }
.mm-cart .elementor-button-icon[data-counter]:before {
	background: var(--mm-orange);
	border: 2px solid #fff;
	font-size: 10px;
	font-weight: 900;
	min-width: 20px;
	height: 20px;
	line-height: 16px;
	top: -16px;
	right: -16px;
}

/* ---------- Footer ---------- */

.mm-footer { color: var(--mm-muted-blue); }
.mm-footer p { font-size: 13px; }
.mm-footer-logo img {
	background: #fff;
	border-radius: 10px;
	max-width: 280px;
	padding: 10px 12px;
	width: 100%;
}
.mm-footer-brand p { color: var(--mm-muted-blue); max-width: 280px; }
.mm-footer-brand a { color: #7d9ab5; display: block; font-size: 13px; margin: 6px 0; text-decoration: none; }
.mm-footer-brand a:hover { color: #fff; }
.mm-footer-col .elementor-heading-title {
	color: #fff;
	font-size: 12px;
	font-weight: 900;
	text-transform: uppercase;
}
.mm-footer-links .elementor-icon-list-item a,
.mm-footer-links .elementor-icon-list-text { color: #7d9ab5; font-size: 13px; }
.mm-footer-links .elementor-icon-list-item a:hover .elementor-icon-list-text { color: #fff; }
.mm-footer-bottom { border-top: 1px solid #ffffff12; font-size: 12px; }
.mm-footer-bottom p { color: var(--mm-muted-blue); font-size: 12px; }

/* ---------- Home: split hero ---------- */

.mm-hero-side { overflow: hidden; position: relative; }
.mm-hero-side::before {
	background: #fff;
	border-radius: 50%;
	content: "";
	height: 380px;
	opacity: .06;
	pointer-events: none;
	position: absolute;
	right: -120px;
	top: -100px;
	width: 380px;
}
.mm-hero-side--shop::before { bottom: -130px; top: auto; }
.mm-hero-side--insurance::after {
	background: linear-gradient(transparent, var(--mm-orange), transparent);
	bottom: 15%;
	content: "";
	position: absolute;
	right: -1px;
	top: 15%;
	width: 2px;
}
.mm-hero-side > * { position: relative; z-index: 1; }
.mm-hero-side .mm-eyebrow .elementor-heading-title { color: #fff; }
.mm-hero-side h1.elementor-heading-title {
	color: #fff;
	font-size: clamp(2rem, 3vw, 3.1rem);
	font-weight: 900;
	line-height: 1.08;
}
.mm-hero-side--insurance .mm-hero-copy p { color: #c8d7e5; max-width: 520px; }
.mm-hero-side--shop .mm-hero-copy p { color: #fff4ec; max-width: 520px; }
.mm-hero-note p { color: #fff; font-size: 13px; opacity: .75; }

/* Trust bar */
.mm-trustbar { border-bottom: 1px solid var(--mm-border); }
.mm-trust .elementor-icon-box-wrapper { align-items: center; display: flex; gap: 9px; text-align: left; }
.mm-trust .elementor-icon-box-icon { margin: 0 !important; }
.mm-trust .elementor-icon { color: var(--mm-blue); fill: var(--mm-blue); font-size: 22px; }
.mm-trust .elementor-icon svg { height: 22px; width: 22px; }
.mm-trust .elementor-icon-box-title { color: var(--mm-blue-dark); font-family: var(--mm-font-body); font-size: 12px; font-weight: 700; margin: 0; }
.mm-trust .elementor-icon-box-description { color: var(--mm-gray); font-size: 12px; margin: 0; }

/* Stats band */
.mm-stat { border-right: 1px solid #ffffff28; text-align: center; }
.mm-stat:last-child { border-right: 0; }
.mm-stat .elementor-heading-title { color: #fff; font-size: 36px; font-weight: 800; line-height: 1.2; }
.mm-stat p { color: #fff; font-size: 13px; opacity: .78; }

/* Insurance CTA */
.mm-ins-cta { text-align: center; }
.mm-ins-cta h2.elementor-heading-title { color: #fff; font-size: 30px; font-weight: 900; line-height: 1.2; }
.mm-ins-cta .mm-copy p { color: #b8cce0; font-size: 16px; margin: 0 auto; max-width: 720px; }
.mm-ins-points .elementor-icon-list-items { justify-content: center; }
.mm-ins-points .elementor-icon-list-text { color: #fff; font-size: 13px; font-weight: 700; }
.mm-ins-points .elementor-icon-list-icon i { color: #fff; font-size: 12px; }
.mm-ins-points .elementor-icon-list-icon svg { fill: #fff; width: 12px; }

/* CopperActive band */
.mm-copper h2.elementor-heading-title { color: #fff; font-size: 30px; font-weight: 900; line-height: 1.2; }
.mm-copper .mm-copy p { color: var(--mm-muted-blue); }
.mm-benefit .elementor-icon-box-wrapper { align-items: flex-start; display: flex; gap: 14px; text-align: left; }
.mm-benefit .elementor-icon-box-icon { margin: 0 !important; }
.mm-benefit .elementor-icon {
	align-items: center;
	background: #c8922a22;
	border: 1px solid #c8922a55;
	border-radius: 10px;
	color: var(--mm-orange);
	display: inline-flex;
	fill: var(--mm-orange);
	font-size: 18px;
	height: 42px;
	justify-content: center;
	width: 42px;
}
.mm-benefit .elementor-icon svg { height: 18px; width: 18px; }
.mm-benefit .elementor-icon-box-title { color: #fff; font-family: var(--mm-font-body); font-size: 16px; font-weight: 700; margin: 0; }
.mm-benefit .elementor-icon-box-description { color: var(--mm-muted-blue); font-size: 13px; margin: 0; }
.mm-science {
	background: linear-gradient(145deg, #ffffff10, #0029d418);
	border: 1px solid #ffffff18;
	border-radius: 20px;
	text-align: center;
}
.mm-science-big .elementor-heading-title { color: var(--mm-orange); font-size: 80px; font-weight: 900; line-height: 1; }
.mm-science h3.elementor-heading-title { color: #fff; font-size: 22px; font-weight: 800; }
.mm-science p { color: #fff; }

/* DME category cards */
.mm-dme-card {
	background: var(--mm-cream);
	border: 1px solid var(--mm-border);
	border-radius: 14px;
}
.mm-chip .elementor-heading-title {
	background: var(--mm-tint);
	border-radius: 999px;
	color: var(--mm-blue);
	display: inline-block;
	font-family: var(--mm-font-body);
	font-size: 10px;
	font-weight: 900;
	padding: 4px 8px;
	text-transform: uppercase;
}
.mm-dme-card .elementor-icon { color: var(--mm-blue); fill: var(--mm-blue); font-size: 34px; }
.mm-dme-card .elementor-icon svg { height: 34px; width: 34px; }
.mm-dme-card h3.elementor-heading-title { color: var(--mm-blue-dark); font-size: 19px; font-weight: 800; }
.mm-dme-card p { color: var(--mm-gray); font-size: 13px; }

/* Physician band */
.mm-physician { border-bottom: 3px solid var(--mm-orange); border-top: 3px solid var(--mm-orange); }
.mm-physician h2.elementor-heading-title { color: var(--mm-blue-dark); font-size: 30px; font-weight: 900; }
.mm-physician p { color: var(--mm-gray); max-width: 650px; }

/* Testimonials */
.mm-review { background: #fff; border: 1px solid var(--mm-border); border-radius: 14px; }
.mm-review .mm-stars p { color: var(--mm-orange); letter-spacing: 2px; }
.mm-review .mm-quote p { color: var(--mm-gray); font-style: italic; }
.mm-review .mm-reviewer p { color: var(--mm-gray); font-size: 12px; }
.mm-review .mm-reviewer strong { color: var(--mm-blue-dark); display: block; font-size: 15px; }

/* Contact bar */
.mm-contactbar { border-top: 1px solid #d6e0ff; }
.mm-contactbar p { align-items: center; display: flex; flex-wrap: wrap; gap: 8px 24px; justify-content: center; margin: 0; }
.mm-contactbar a,
.mm-contactbar strong { color: var(--mm-blue); }
.mm-contactbar b { color: var(--mm-blue-dark); }

/* ---------- Inner pages ---------- */

.mm-page-hero .mm-eyebrow .elementor-heading-title { color: #ffb36b; font-size: 13px; }
.mm-page-hero h1.elementor-heading-title {
	color: #fff;
	font-size: clamp(38px, 4.2vw, 46px);
	font-weight: 900;
	letter-spacing: -.018em;
	line-height: 1.1;
	max-width: 820px;
}
.mm-page-hero .mm-hero-copy p {
	color: #ffffffe0;
	font-size: 17px;
	line-height: 1.8;
	max-width: 760px;
}
.mm-page-hero .term-description,
.mm-page-hero .page-description,
.mm-page-hero .term-description p,
.mm-page-hero .page-description p { color: #ffffffd9; font-size: 17px; line-height: 1.8; max-width: 760px; }
.mm-page-hero .elementor-widget-image img { border-radius: 20px; box-shadow: 0 18px 48px #0000002e; }

.mm-card {
	background: #fff;
	border: 1px solid #e2e7ef;
	border-radius: 18px;
	box-shadow: 0 10px 34px #0b1f3a0f;
}
.mm-card h2.elementor-heading-title { color: var(--mm-ink); font-size: 28px; font-weight: 900; line-height: 1.2; }

.mm-band-peach h2.elementor-heading-title { color: var(--mm-ink); font-size: clamp(27px, 2.8vw, 32px); font-weight: 900; line-height: 1.2; }
.mm-band-peach .mm-copy p { color: #586577; }

.mm-band-blue h2.elementor-heading-title { color: #fff; }
.mm-band-blue .mm-prose,
.mm-band-blue .mm-prose p,
.mm-band-blue .mm-prose strong { color: #ffffffe0; }

.mm-img-rounded img { border-radius: 20px; box-shadow: 0 18px 48px #0b1f3a24; }

.mm-tagline p {
	background: #fff;
	border-left: 4px solid var(--mm-orange);
	border-radius: 7px;
	box-shadow: 0 6px 22px #0b1f3a12;
	color: var(--mm-blue) !important;
	display: inline-block;
	font-family: var(--mm-font-head);
	font-size: 16px !important;
	font-weight: 900;
	line-height: 1.45;
	margin: 0;
	padding: 12px 18px;
}

.mm-value {
	background: #fff;
	border: 1px solid #e2e7ef;
	border-radius: 18px;
	box-shadow: 0 10px 32px #0b1f3a0f;
	transition: transform .2s, box-shadow .2s, border-color .2s;
}
.mm-value:hover { border-color: #0029d438; box-shadow: 0 18px 42px #0b1f3a1c; transform: translateY(-4px); }
.mm-value .elementor-icon-box-icon .elementor-icon {
	align-items: center;
	background: var(--mm-tint);
	border-radius: 12px;
	color: var(--mm-blue);
	display: inline-flex;
	fill: var(--mm-blue);
	font-size: 18px;
	height: 42px;
	justify-content: center;
	width: 42px;
}
.mm-value .elementor-icon svg { height: 18px; width: 18px; }
.mm-value .elementor-icon-box-title { color: var(--mm-ink); font-size: 17px; font-weight: 900; line-height: 1.35; margin: 16px 0 9px; }
.mm-value .elementor-icon-box-description { color: #586577; font-size: 14px; line-height: 1.7; margin: 0; }

/* Insurance intake iframe */
.mm-intake-frame {
	background: #fff;
	border: 1px solid var(--mm-border);
	border-radius: 18px;
	box-shadow: 0 10px 34px #0b1f3a0f;
	overflow: hidden;
	padding: 18px;
}
.mm-intake-frame iframe { border: 0; display: block; min-height: 1800px; width: 100%; }
.mm-disclaimer p {
	background: #fff4ea;
	border-left: 4px solid var(--mm-orange);
	border-radius: 8px;
	color: #5b4636;
	font-size: 14px;
	padding: 12px 16px;
}

/* Contact form (Elementor Pro Form widget) */
.mm-form .elementor-field-group > label,
.mm-form .elementor-field-label { color: var(--mm-ink); font-size: 13px; font-weight: 800; }
.mm-form .elementor-field-textual,
.mm-form .elementor-field-group select {
	background: #fff;
	border: 1px solid var(--mm-border);
	border-radius: 10px;
	color: var(--mm-ink);
	font-family: var(--mm-font-body);
	font-size: 15px;
	min-height: 46px;
	padding: 11px 14px;
}
.mm-form .elementor-field-textual:focus,
.mm-form .elementor-field-group select:focus { border-color: var(--mm-blue); box-shadow: 0 0 0 3px #0029d41f; outline: 0; }
.mm-form .elementor-button {
	background: var(--mm-blue);
	border-radius: 10px;
	font-weight: 800;
	padding: 13px 26px;
}
.mm-form .elementor-button:hover { background: var(--mm-blue-dark); }
.mm-form-note p { color: var(--mm-gray); font-size: 13px; }

.mm-contact-info .elementor-icon-list-icon i { color: var(--mm-blue); }
.mm-contact-info .elementor-icon-list-icon svg { fill: var(--mm-blue); }
.mm-contact-info .elementor-icon-list-text { color: var(--mm-slate); font-size: 15px; }
.mm-contact-info a .elementor-icon-list-text { color: var(--mm-blue); font-weight: 700; }

/* Size guide */
.mm-size-img img {
	background: #fff;
	border: 1px solid var(--mm-border);
	border-radius: 18px;
	box-shadow: 0 10px 30px #06134f12;
	height: 390px;
	object-fit: contain;
	width: 100%;
}
.mm-size-table-scroll {
	background: #fff;
	border: 1px solid #dce3ee;
	border-radius: 15px;
	box-shadow: 0 8px 28px #06134f0c;
	max-width: 100%;
	overflow-x: auto;
}
.mm-size-table { border-collapse: collapse; margin: 0; min-width: 680px; text-align: center; width: 100%; }
.mm-size-table th,
.mm-size-table td {
	border: 0;
	border-bottom: 1px solid #e3e8f0;
	border-right: 1px solid #e3e8f0;
	padding: 17px 14px;
	white-space: nowrap;
}
.mm-size-table tr:last-child > * { border-bottom: 0; }
.mm-size-table tr > :last-child { border-right: 0; }
.mm-size-table thead th { background: var(--mm-blue-dark); color: #fff; font-size: 14px; }
.mm-size-table thead th:first-child { background: var(--mm-orange); }
.mm-size-table tbody th { background: var(--mm-tint); color: var(--mm-blue-dark); font-size: 14px; text-align: left; }
.mm-size-table tbody tr:nth-child(2n) td { background: #f8faff; }
.mm-size-table td { background: #fff; color: #35445a; font-weight: 700; }

.mm-measure {
	background: #fff;
	border: 1px solid var(--mm-border);
	border-radius: 16px;
	box-shadow: 0 8px 24px #06134f0b;
}
.mm-measure .elementor-icon-box-wrapper { align-items: flex-start; display: flex; gap: 20px; text-align: left; }
.mm-measure .elementor-icon-box-icon { margin: 0 !important; }
.mm-measure .elementor-icon {
	align-items: center;
	background: var(--mm-tint);
	border-radius: 14px;
	color: var(--mm-blue);
	display: inline-flex;
	fill: var(--mm-blue);
	font-size: 22px;
	height: 56px;
	justify-content: center;
	width: 56px;
}
.mm-measure .elementor-icon svg { height: 22px; width: 22px; }
.mm-measure .elementor-icon-box-title { color: var(--mm-ink); font-size: 21px; font-weight: 900; margin: 4px 0 10px; }
.mm-measure .elementor-icon-box-description { color: var(--mm-gray); line-height: 1.7; }

/* ---------- WooCommerce ---------- */

/* Product grid (shortcodes + archive). Pro's own grid widgets keep their layout. */
body.mercy-site .woocommerce ul.products:not(.elementor-grid) {
	display: grid;
	gap: 20px;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	margin: 0;
}
body.mercy-site .woocommerce ul.products.columns-3:not(.elementor-grid) { grid-template-columns: repeat(3, minmax(0, 1fr)); }
body.mercy-site .woocommerce ul.products::before,
body.mercy-site .woocommerce ul.products::after { display: none; }
body.mercy-site .woocommerce ul.products li.product {
	background: #fff;
	border: 1px solid #e0e5ec;
	border-radius: 14px;
	border-top: 3px solid transparent;
	box-shadow: 0 4px 18px #0b1f3a0d;
	display: flex;
	flex-direction: column;
	float: none;
	margin: 0;
	overflow: hidden;
	padding: 0 0 16px;
	transition: transform .2s, box-shadow .2s, border-color .2s;
	width: auto;
}
body.mercy-site .woocommerce ul.products li.product:hover {
	border-top-color: var(--mm-orange);
	box-shadow: 0 14px 36px #0b1f3a1f;
	transform: translateY(-4px);
}
body.mercy-site .woocommerce ul.products li.product a img {
	aspect-ratio: 1;
	background: var(--mm-gray-lt);
	margin: 0 0 14px;
	object-fit: cover;
	width: 100%;
}
body.mercy-site .woocommerce ul.products li.product .woocommerce-loop-product__title {
	color: var(--mm-blue-dark);
	font-family: var(--mm-font-body);
	font-size: 15px;
	font-weight: 800;
	line-height: 1.25;
	padding: 0 16px;
}
body.mercy-site .woocommerce ul.products li.product .price {
	color: var(--mm-blue-dark);
	display: block;
	font-size: 18px;
	font-weight: 900;
	margin: 10px 0;
	padding: 0 16px;
}
body.mercy-site .woocommerce ul.products li.product .button {
	align-self: flex-start;
	background: var(--mm-blue);
	border-radius: 8px;
	color: #fff;
	font-size: 13px;
	font-weight: 800;
	margin: auto 16px 0;
	padding: 8px 14px;
}
body.mercy-site .woocommerce ul.products li.product .button:hover { background: var(--mm-blue-dark); }
body.mercy-site .woocommerce span.onsale { background: var(--mm-orange); }

/* Generic WooCommerce buttons */
body.mercy-site .woocommerce a.button,
body.mercy-site .woocommerce button.button,
body.mercy-site .woocommerce input.button,
body.mercy-site .woocommerce #respond input#submit {
	background: var(--mm-blue);
	border-radius: 10px;
	color: #fff;
	font-family: var(--mm-font-body);
	font-weight: 800;
	padding: 12px 22px;
}
body.mercy-site .woocommerce a.button.alt,
body.mercy-site .woocommerce button.button.alt,
body.mercy-site .woocommerce .single_add_to_cart_button {
	background: var(--mm-orange);
	color: #fff;
}
body.mercy-site .woocommerce a.button:hover,
body.mercy-site .woocommerce button.button:hover { background: var(--mm-blue-dark); color: #fff; }
body.mercy-site .woocommerce .single_add_to_cart_button:hover { background: var(--mm-orange-dark); }

/* Shop archive sidebar */
.mm-shop-sidebar { background: #fff; border: 1px solid #e2e7ef; border-radius: 16px; }
.mm-shop-sidebar h5,
.mm-shop-sidebar .elementor-heading-title { color: var(--mm-ink); font-size: 15px; font-weight: 900; }
.mm-shop-sidebar ul { list-style: none; margin: 0; padding: 0; }
.mm-shop-sidebar li { padding: 4px 0; }
.mm-shop-sidebar li a { color: var(--mm-slate); text-decoration: none; }
.mm-shop-sidebar li a:hover { color: var(--mm-blue); }
.mm-shop-sidebar .price_slider_amount .button { font-size: 13px; padding: 8px 14px; }
body.mercy-site .woocommerce .widget_price_filter .ui-slider .ui-slider-range,
body.mercy-site .woocommerce .widget_price_filter .ui-slider .ui-slider-handle { background: var(--mm-blue); }
body.mercy-site .woocommerce .woocommerce-ordering select {
	border: 1px solid var(--mm-border);
	border-radius: 10px;
	padding: 8px 12px;
}

/* Single product */
.mm-product-gallery .woocommerce-product-gallery__image img,
.mm-product-gallery .flex-viewport {
	background: #fff;
	border-radius: 16px;
}
.mm-product-gallery .flex-viewport,
.mm-product-gallery .woocommerce-product-gallery__wrapper { border: 1px solid var(--mm-border); border-radius: 16px; }
.mm-product-gallery .flex-control-thumbs li img { border: 2px solid transparent; border-radius: 8px; }
.mm-product-gallery .flex-control-thumbs li img.flex-active { border-color: var(--mm-blue); }
.mm-product-title .elementor-heading-title { color: var(--mm-ink); font-size: 38px; font-weight: 900; line-height: 1.15; }
.mm-product-price .price { color: var(--mm-blue-dark) !important; font-size: 26px !important; font-weight: 900; }
.mm-product-summary .woocommerce-product-details__short-description { color: var(--mm-gray); }
.mm-product-cart table.variations th.label label { color: var(--mm-ink); font-size: 13px; font-weight: 800; }
.mm-product-cart table.variations select {
	border: 1px solid var(--mm-border);
	border-radius: 10px;
	min-height: 44px;
	padding: 8px 12px;
}
.mm-product-cart .quantity .qty { border: 1px solid var(--mm-border); border-radius: 10px; min-height: 48px; }
.mm-product-tabs .woocommerce-tabs {
	background: #fff;
	border: 1px solid var(--mm-border);
	border-radius: 16px;
	box-shadow: 0 8px 26px #06134f0b;
	padding: 34px;
}
.mm-product-tabs .woocommerce-Tabs-panel { color: var(--mm-gray); font-size: 15px; line-height: 1.8; }
.mm-size-link .elementor-button { background: transparent; border-bottom: 1px solid; border-radius: 0; color: var(--mm-blue); font-size: 13px; font-weight: 800; padding: 0; }
.mm-size-link .elementor-button:hover { color: var(--mm-orange); }

/* Native WooCommerce pages (cart, checkout, my account) under Hello Elementor */
body.mercy-site.woocommerce-cart .page-header,
body.mercy-site.woocommerce-checkout .page-header,
body.mercy-site.woocommerce-account .page-header,
body.mercy-site.woocommerce-cart .page-content,
body.mercy-site.woocommerce-checkout .page-content,
body.mercy-site.woocommerce-account .page-content {
	margin: 0 auto;
	max-width: 1100px;
	padding-left: 24px;
	padding-right: 24px;
}
body.mercy-site.woocommerce-cart .site-main,
body.mercy-site.woocommerce-checkout .site-main,
body.mercy-site.woocommerce-account .site-main { padding: 60px 0 72px; }
body.mercy-site .page-header .entry-title { color: var(--mm-ink); font-size: 42px; font-weight: 900; margin: 0 0 24px; }
body.mercy-site .wc-block-components-button:not(.is-link),
body.mercy-site .wc-block-cart__submit-button,
body.mercy-site .wc-block-components-checkout-place-order-button {
	background: var(--mm-orange);
	border-radius: 10px;
	color: #fff;
	font-weight: 800;
}
body.mercy-site .wc-block-components-text-input input,
body.mercy-site .wc-block-components-combobox .wc-block-components-combobox-control input { border-radius: 10px; }
body.mercy-site .woocommerce-message,
body.mercy-site .woocommerce-info { border-top-color: var(--mm-blue); }
body.mercy-site .woocommerce-message::before,
body.mercy-site .woocommerce-info::before { color: var(--mm-blue); }
body.mercy-site .woocommerce-MyAccount-navigation ul { list-style: none; padding: 0; }
body.mercy-site .woocommerce-MyAccount-navigation li a {
	border-radius: 8px;
	color: var(--mm-slate);
	display: block;
	font-weight: 700;
	padding: 9px 12px;
	text-decoration: none;
}
body.mercy-site .woocommerce-MyAccount-navigation li.is-active a,
body.mercy-site .woocommerce-MyAccount-navigation li a:hover { background: var(--mm-tint); color: var(--mm-blue); }

/* ---------- Responsive ---------- */

@media (max-width: 1024px) {
	body.mercy-site .woocommerce ul.products:not(.elementor-grid) { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 800px) {
	.mm-hero-side--insurance::after { display: none; }
	.mm-stat:nth-child(2) { border-right: 0; }
	body.mercy-site .woocommerce ul.products:not(.elementor-grid),
	body.mercy-site .woocommerce ul.products.columns-3:not(.elementor-grid) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.mm-size-img img { height: 430px; }
}
@media (max-width: 520px) {
	.mm-announce { font-size: 11px; }
	.mm-stat .elementor-heading-title { font-size: 28px; }
	.mm-page-hero h1.elementor-heading-title { font-size: 34px; }
	.mm-title .elementor-heading-title { font-size: 26px; }
	.mm-product-title .elementor-heading-title,
	body.mercy-site .page-header .entry-title { font-size: 34px; }
	body.mercy-site .woocommerce ul.products:not(.elementor-grid),
	body.mercy-site .woocommerce ul.products.columns-3:not(.elementor-grid) { grid-template-columns: 1fr; }
	.mm-measure .elementor-icon-box-wrapper { flex-direction: column; }
	.mm-size-img img { height: 340px; }
	.mm-product-tabs .woocommerce-tabs { padding: 24px 20px; }
}