/**
 * Monitor Market — Storefront Chrome
 *
 * Belsino-derived structure (menu-less header, off-canvas drawer with family
 * groups, masonry category grid, swatch product cards, 4-column footer) re-skinned
 * to Monitor Market's navy + red automotive brand. Pairs with storefront-chrome.js.
 *
 * All classes are namespaced `mmc-` to avoid colliding with the active theme.
 * Colors resolve from the plugin's --mmc-v3-* tokens (defined in v3-enhance.css)
 * with safe fallbacks so this file works standalone.
 */

.mmc-chrome {
	--mmc-ck-navy:   var(--mmc-v3-navy, #070A11);
	--mmc-ck-ink:    var(--mmc-v3-ink, #1A1F2E);
	--mmc-ck-body:   var(--mmc-v3-body, #374151);
	--mmc-ck-muted:  var(--mmc-v3-muted, #6B7280);
	--mmc-ck-red:    var(--mmc-v3-red, #DC2626);
	--mmc-ck-red-dk: var(--mmc-v3-red-dark, #B91C1C);
	--mmc-ck-bg:     var(--mmc-v3-bg, #F8F9FB);
	--mmc-ck-card:   var(--mmc-v3-card, #FFFFFF);
	--mmc-ck-line:   var(--mmc-v3-border, #E5E7EB);
	--mmc-ck-line-lt:var(--mmc-v3-border-lt, #F3F4F6);
	--mmc-ck-shadow: var(--mmc-shadow-lg, 0 10px 25px rgba(7,10,17,.10), 0 4px 10px rgba(7,10,17,.05));
	--mmc-ck-shadow2:var(--mmc-shadow-md, 0 4px 12px rgba(7,10,17,.08));
	--mmc-ck-r:      var(--mmc-r-xl, 20px);
	--mmc-ck-r2:     var(--mmc-r-lg, 16px);
	--mmc-ck-container: min(1240px, calc(100vw - 40px));
	font-family: Vazirmatn, Tahoma, Arial, sans-serif;
}

.mmc-chrome *,
.mmc-chrome *::before,
.mmc-chrome *::after { box-sizing: border-box; }

.mmc-container { width: var(--mmc-ck-container); margin-inline: auto; }
body.mmc-chrome-on { overflow-x: clip; }

/* ---------------------------------------------------------------- Header */
.mmc-chrome-header {
	height: 84px;
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	align-items: center;
	padding-inline: 24px;
	position: sticky;
	inset-block-start: 0;
	z-index: 1000;
	background: rgba(255, 255, 255, .82);
	backdrop-filter: blur(18px);
	border-block-end: 1px solid var(--mmc-ck-line);
}
.mmc-menu-toggle {
	justify-self: start;
	inline-size: 52px;
	block-size: 52px;
	border-radius: 999px;
	border: 1px solid var(--mmc-ck-line);
	background: var(--mmc-ck-card);
	cursor: pointer;
	display: grid;
	place-items: center;
	box-shadow: var(--mmc-ck-shadow2);
	transition: .25s;
}
.mmc-menu-toggle:hover { transform: translateY(-2px); }
.mmc-menu-toggle:focus-visible { outline: 2px solid var(--mmc-ck-red); outline-offset: 2px; }
.mmc-hamb { width: 22px; height: 14px; display: grid; gap: 5px; }
.mmc-hamb i { height: 2px; background: var(--mmc-ck-ink); border-radius: 9px; display: block; }

.mmc-brand { justify-self: center; text-align: center; font-weight: 900; letter-spacing: -.02em; font-size: 28px; line-height: 1; color: var(--mmc-ck-ink); }
.mmc-brand span { display: block; font-weight: 500; font-size: 10px; letter-spacing: .04em; color: var(--mmc-ck-muted); margin-block-start: 5px; }
.mmc-brand img { max-height: 44px; width: auto; display: inline-block; }

.mmc-search { display: flex; align-items: center; gap: 0; border: 1px solid var(--mmc-ck-line); background: var(--mmc-ck-card); border-radius: 999px; overflow: hidden; min-width: 260px; box-shadow: var(--mmc-ck-shadow2); }
.mmc-search input { width: 100%; min-width: 0; border: 0; outline: 0; padding: 11px 14px; background: transparent; color: var(--mmc-ck-ink); font-family: inherit; font-size: 13px; }
.mmc-search button { width: 42px; height: 42px; border: 0; border-inline-start: 1px solid var(--mmc-ck-line); background: var(--mmc-ck-red); color: #fff; cursor: pointer; font-weight: 900; }
.mmc-search button:focus-visible, .mmc-search input:focus-visible { outline: 2px solid var(--mmc-ck-red); outline-offset: -2px; }
.mmc-search-drawer { margin-block-end: 14px; min-width: 0; width: 100%; }
.mmc-head-icons { justify-self: end; display: flex; gap: 10px; align-items: center; }
.mmc-icon-btn {
	position: relative;
	width: 44px; height: 44px;
	border-radius: 50%;
	display: grid; place-items: center;
	border: 1px solid var(--mmc-ck-line);
	background: var(--mmc-ck-card);
	color: var(--mmc-ck-ink);
	font-size: 17px;
}
.mmc-icon-btn:hover { box-shadow: var(--mmc-ck-shadow2); }
.mmc-icon-btn:focus-visible { outline: 2px solid var(--mmc-ck-red); outline-offset: 2px; }
.mmc-cart-count {
	position: absolute;
	inset-block-start: -4px; inset-inline-end: -4px;
	min-width: 18px; height: 18px;
	padding: 0 5px;
	border-radius: 999px;
	background: var(--mmc-ck-red);
	color: #fff;
	font-size: 11px; font-weight: 800;
	display: grid; place-items: center;
}
.mmc-cart-count:empty,
.mmc-cart-count[data-count="0"] { display: none; }

/* Compact desktop mega-menu. Drawer remains authoritative through 1100px. */
.mmc-desktop-nav { display:none; align-items:center; gap:4px; min-width:0; }
.mmc-desktop-nav > a,.mmc-mega-toggle { min-height:44px; display:inline-flex; align-items:center; gap:5px; border:0; border-radius:12px; padding:8px 11px; background:transparent; color:var(--mmc-ck-ink); font:700 13px/1.5 inherit; white-space:nowrap; cursor:pointer; }
.mmc-desktop-nav > a:hover,.mmc-desktop-nav > a:focus-visible,.mmc-mega-toggle:hover,.mmc-mega-toggle:focus-visible,.mmc-mega-toggle[aria-expanded="true"] { color:var(--mmc-ck-red); background:rgba(239,35,60,.07); outline:none; }
.mmc-mega { position:relative; }
.mmc-mega-panel { position:absolute; z-index:20; inset-block-start:calc(100% + 14px); inset-inline-start:-120px; width:min(760px,calc(100vw - 48px)); display:grid; grid-template-columns:1.1fr 2fr 1fr; gap:18px; padding:22px; border:1px solid var(--mmc-ck-line); border-radius:20px; background:#fff; box-shadow:0 24px 70px rgba(7,10,17,.18); }
.mmc-mega-panel[hidden] { display:none!important; }
.mmc-mega-copy strong,.mmc-mega-vehicle strong { display:block; color:var(--mmc-ck-ink); margin-block-end:6px; }
.mmc-mega-copy p { margin:0; color:var(--mmc-ck-muted); font-size:13px; line-height:1.8; }
.mmc-mega-links { display:grid; grid-template-columns:1fr 1fr; gap:7px; }
.mmc-mega-links a { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:9px 11px; border-radius:10px; color:var(--mmc-ck-body); font-size:13px; }
.mmc-mega-links a:hover,.mmc-mega-links a:focus-visible { background:var(--mmc-ck-bg); color:var(--mmc-ck-red); outline:2px solid rgba(239,35,60,.2); }
.mmc-mega-links small { color:var(--mmc-ck-muted); font-variant-numeric:tabular-nums; }
.mmc-mega-vehicle { align-self:stretch; display:flex; flex-direction:column; justify-content:center; border-radius:16px; padding:16px; background:linear-gradient(145deg,var(--mmc-ck-navy),#182235); color:#fff; }
.mmc-mega-vehicle strong { color:#fff; }.mmc-mega-vehicle span { color:#f6a1ac; font-size:12px; }

@media (min-width:1101px) {
	.mmc-chrome-header { grid-template-columns:auto minmax(0,1fr) auto; gap:20px; }
	.mmc-menu-toggle { display:none; }
	.mmc-brand { justify-self:start; }
	.mmc-desktop-nav { display:flex; }
	.mmc-search-header { min-width:210px; max-width:280px; }
}

/* --------------------------------------------------------------- Drawer */
.mmc-drawer-backdrop {
	position: fixed; inset: 0;
	background: rgba(7, 10, 17, .42);
	opacity: 0; pointer-events: none;
	z-index: 1001; transition: .3s;
}
.mmc-drawer-backdrop.is-open { opacity: 1; pointer-events: auto; }
.mmc-drawer {
	position: fixed; z-index: 1002;
	inset-block: 0; inset-inline-start: 0;
	width: min(480px, 92vw);
	background: linear-gradient(180deg, var(--mmc-ck-card), var(--mmc-ck-bg));
	box-shadow: 40px 0 100px rgba(0, 0, 0, .22);
	padding: 24px;
	transform: translateX(-105%);
	transition: transform .42s cubic-bezier(.2, .8, .2, 1);
	overflow: auto;
}
/* RTL: drawer slides in from the right (inline-start is right in RTL, transform sign flips automatically via logical layout, but transform X is physical — handle both) */
html[dir="rtl"] .mmc-drawer { inset-inline-start: auto; inset-inline-end: 0; transform: translateX(105%); }
.mmc-drawer.is-open { transform: translateX(0); }
.mmc-drawer-top { display: flex; align-items: center; justify-content: space-between; margin-block-end: 22px; }
.mmc-drawer-close { border: 1px solid var(--mmc-ck-line); background: var(--mmc-ck-card); border-radius: 999px; width: 44px; height: 44px; cursor: pointer; font-size: 22px; color: var(--mmc-ck-ink); }
.mmc-drawer-close:focus-visible { outline: 2px solid var(--mmc-ck-red); outline-offset: 2px; }
.mmc-drawer-tabs { display: flex; background: var(--mmc-ck-line-lt); border: 1px solid var(--mmc-ck-line); border-radius: 999px; padding: 5px; margin-block: 18px; }
.mmc-drawer-tabs button { border: 0; background: transparent; border-radius: 999px; padding: 10px 18px; flex: 1; cursor: pointer; font-weight: 700; color: var(--mmc-ck-muted); font-family: inherit; }
.mmc-drawer-tabs button.is-active { background: var(--mmc-ck-red); color: #fff; }
.mmc-drawer-panel { display: none; }
.mmc-drawer-panel.is-active { display: block; }
.mmc-drawer-link { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 14px 2px; border-block-end: 1px solid var(--mmc-ck-line); font-weight: 700; color: var(--mmc-ck-ink); }
.mmc-drawer-link small { font-weight: 400; color: var(--mmc-ck-muted); }
.mmc-drawer-group { margin-block: 18px; }
.mmc-drawer-group h4 { margin: 0 0 8px; color: var(--mmc-ck-red); font-size: 14px; }
.mmc-drawer-sub { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.mmc-drawer-sub a { background: var(--mmc-ck-card); border: 1px solid var(--mmc-ck-line); border-radius: var(--mmc-ck-r2); padding: 11px 12px; font-size: 13px; color: var(--mmc-ck-body); display: flex; justify-content: space-between; gap: 6px; }
.mmc-drawer-sub a:hover { border-color: var(--mmc-ck-red); }
.mmc-drawer-sub a b { color: var(--mmc-ck-muted); font-weight: 600; }
.mmc-vehicle-family-list { display: grid; gap: 10px; }
.mmc-vehicle-family { background: var(--mmc-ck-card); border: 1px solid var(--mmc-ck-line); border-radius: var(--mmc-ck-r2); padding: 10px; }
.mmc-vehicle-make { display: flex; align-items: center; justify-content: space-between; gap: 10px; color: var(--mmc-ck-ink); font-weight: 800; }
.mmc-vehicle-make b { color: var(--mmc-ck-muted); font-weight: 600; font-size: 12px; }
.mmc-vehicle-models { display: flex; flex-wrap: wrap; gap: 6px; margin-block-start: 9px; }
.mmc-vehicle-models a { border: 1px solid var(--mmc-ck-line); background: var(--mmc-ck-bg); color: var(--mmc-ck-body); border-radius: 999px; padding: 5px 9px; font-size: 12px; }
.mmc-vehicle-models a:hover { border-color: var(--mmc-ck-red); color: var(--mmc-ck-red); }
.mmc-drawer-cta { margin-block-start: 22px; border-radius: var(--mmc-ck-r); padding: 20px; background: var(--mmc-ck-navy); color: #fff; }
.mmc-drawer-cta a { display: inline-flex; margin-block-start: 12px; padding: 9px 16px; background: var(--mmc-ck-red); color: #fff; border-radius: 999px; font-weight: 800; }

/* --------------------------------------------------- Shared primitives */
.mmc-eyebrow { color: var(--mmc-ck-red); letter-spacing: .14em; text-transform: uppercase; font-weight: 800; font-size: 12px; }
.mmc-btn, .mmc-mini-btn {
	display: inline-flex; align-items: center; justify-content: center; gap: 8px;
	border: 0; background: var(--mmc-ck-red); color: #fff;
	border-radius: 999px; padding: 13px 24px; font-weight: 800; cursor: pointer;
	box-shadow: 0 12px 24px rgba(220, 38, 38, .18); transition: .25s; font-family: inherit;
}
.mmc-btn:hover, .mmc-mini-btn:hover { transform: translateY(-2px); background: var(--mmc-ck-red-dk); }
.mmc-btn.is-secondary { background: transparent; color: var(--mmc-ck-red); border: 1px solid rgba(220, 38, 38, .28); box-shadow: none; }
.mmc-mini-btn { padding: 9px 15px; font-size: 13px; background: var(--mmc-ck-card); color: var(--mmc-ck-red); border: 1px solid var(--mmc-ck-line); box-shadow: none; }
.mmc-section { padding: 80px 0; }
.mmc-section.is-tight { padding: 56px 0; }
.mmc-section-head { display: flex; justify-content: space-between; align-items: end; gap: 22px; margin-block-end: 28px; }
.mmc-section-head.is-center { text-align: center; display: block; max-width: 700px; margin: 0 auto 32px; }
.mmc-section-head h2 { font-size: clamp(28px, 4vw, 52px); line-height: 1.22; margin: 6px 0 10px; letter-spacing: -.03em; color: var(--mmc-ck-ink); }
.mmc-section-head p { color: var(--mmc-ck-muted); margin: 0; max-width: 720px; }

/* ----------------------------------------------------- Masonry grid */
.mmc-masonry { display: grid; grid-template-columns: repeat(12, 1fr); grid-auto-rows: 145px; gap: 18px; }
.mmc-masonry-card { position: relative; overflow: hidden; border-radius: var(--mmc-ck-r); background: var(--mmc-ck-ink); box-shadow: var(--mmc-ck-shadow2); isolation: isolate; display: block; }
.mmc-masonry-card::before { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(7, 10, 17, .15), rgba(7, 10, 17, .62)); z-index: 1; }
.mmc-masonry-card img { width: 100%; height: 100%; object-fit: cover; transition: .55s; }
.mmc-masonry-card:hover img { transform: scale(1.06); }
.mmc-masonry-card .mmc-copy { position: absolute; z-index: 2; inset-inline-end: 22px; inset-block-end: 20px; color: #fff; text-shadow: 0 8px 18px rgba(0, 0, 0, .3); }
.mmc-masonry-card h3 { margin: 0; font-size: clamp(20px, 2.4vw, 32px); line-height: 1.2; }
.mmc-masonry-card p { margin: 5px 0 0; opacity: .88; }
.mmc-masonry-card.is-wide { grid-column: span 6; }
.mmc-masonry-card.is-tall { grid-row: span 2; }
.mmc-masonry-card:not(.is-wide) { grid-column: span 3; }
.mmc-masonry-card.is-wide.is-tall { grid-column: span 6; grid-row: span 2; }

/* ---------------------------------------------- Product cards + swatches */
.mmc-product-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.mmc-product-card { background: var(--mmc-ck-card); border: 1px solid var(--mmc-ck-line); border-radius: var(--mmc-ck-r); padding: 16px; transition: .28s; position: relative; }
.mmc-product-card:hover { transform: translateY(-4px); box-shadow: var(--mmc-ck-shadow2); }
.mmc-product-visual { height: 230px; border-radius: var(--mmc-ck-r2); background: var(--mmc-ck-line-lt) center/cover no-repeat; margin-block-end: 14px; display: block; }
.mmc-product-badge { position: absolute; inset-inline-end: 26px; inset-block-start: 26px; background: var(--mmc-ck-card); color: var(--mmc-ck-red); border: 1px solid var(--mmc-ck-line); border-radius: 999px; padding: 6px 10px; font-size: 12px; font-weight: 800; }
.mmc-product-card h3 { margin: 0 0 6px; font-size: 19px; }
.mmc-product-card h3 a { color: var(--mmc-ck-ink); }
.mmc-product-meta { color: var(--mmc-ck-muted); font-size: 13px; margin: 0 0 10px; }
.mmc-price { display: block; color: var(--mmc-ck-red); font-weight: 800; margin: 0 0 14px; }
.mmc-swatches { display: flex; gap: 7px; margin: 12px 0; }
.mmc-swatch { width: 24px; height: 24px; border-radius: 50%; border: 2px solid var(--mmc-ck-card); box-shadow: 0 0 0 1px rgba(0, 0, 0, .12); }
.mmc-size-row, .mmc-opt-row { display: flex; gap: 8px; flex-wrap: wrap; margin: 12px 0; }
.mmc-size-chip, .mmc-opt-chip { border: 1px solid var(--mmc-ck-line); background: var(--mmc-ck-bg); border-radius: var(--mmc-ck-r2); padding: 9px 14px; font-weight: 700; font-size: 13px; color: var(--mmc-ck-body); }
.mmc-opt-block { margin: 22px 0; border-block-start: 1px solid var(--mmc-ck-line); padding-block-start: 18px; }
.mmc-opt-block h4 { margin: 0 0 12px; color: var(--mmc-ck-ink); }

/* ---------------------------------------------------------------- Footer */
.mmc-footer { background: var(--mmc-ck-navy); color: #cbd2dd; padding: 60px 0 24px; }
.mmc-footer-grid { display: grid; grid-template-columns: 1.4fr .8fr .8fr 1fr; gap: 34px; }
.mmc-footer .mmc-brand { justify-self: start; text-align: start; color: #fff; }
.mmc-footer h3 { margin: 0 0 14px; color: #fff; }
.mmc-footer a { display: block; color: #aeb6c2; margin: 8px 0; }
.mmc-footer a:hover { color: #fff; }
.mmc-footer p { color: #9aa3b1; margin: 7px 0; }
.mmc-footer-bottom { border-block-start: 1px solid rgba(255, 255, 255, .12); margin-block-start: 34px; padding-block-start: 18px; display: flex; justify-content: space-between; gap: 16px; color: #8a93a2; font-size: 13px; flex-wrap: wrap; }

/* --------------------------------------- Theme header/footer suppression */
/* Applied only when chrome is enabled. Conservative, reversible, override per theme. */
body.mmc-chrome-on > header[role="banner"],
body.mmc-chrome-on .site-header:not(.mmc-chrome-header),
body.mmc-chrome-on [data-elementor-type="header"],
body.mmc-chrome-on > footer[role="contentinfo"],
body.mmc-chrome-on .site-footer,
body.mmc-chrome-on [data-elementor-type="footer"] { display: none !important; }

/* ------------------------------------------------------------ Responsive */
@media (max-width: 1100px) {
	.mmc-product-grid { grid-template-columns: repeat(2, 1fr); }
	.mmc-masonry { grid-auto-rows: 130px; }
	.mmc-masonry-card.is-wide, .mmc-masonry-card.is-wide.is-tall { grid-column: span 8; }
	.mmc-masonry-card:not(.is-wide) { grid-column: span 4; }
	.mmc-footer-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 900px) {
	.mmc-search-header { display: none; }
}
@media (max-width: 720px) {
	.mmc-chrome-header { height: 68px; padding-inline: 14px; }
	.mmc-icon-btn { width: 38px; height: 38px; }
	.mmc-head-icons .mmc-hide-sm { display: none; }
	.mmc-brand { font-size: 23px; }
	.mmc-masonry { grid-template-columns: 1fr; grid-auto-rows: 200px; }
	.mmc-masonry-card, .mmc-masonry-card.is-wide, .mmc-masonry-card.is-tall,
	.mmc-masonry-card.is-wide.is-tall, .mmc-masonry-card:not(.is-wide) { grid-column: 1; grid-row: span 1; }
	.mmc-masonry-card.is-tall { grid-row: span 2; }
	.mmc-section { padding: 56px 0; }
	.mmc-section.is-tight { padding: 40px 0; }
	.mmc-product-grid, .mmc-footer-grid { grid-template-columns: 1fr; }
	.mmc-section-head { align-items: flex-start; flex-direction: column; }
	.mmc-drawer { width: 100vw; }
	.mmc-drawer-sub { grid-template-columns: 1fr; }
	.mmc-footer-bottom { flex-direction: column; }
}

/* ========================================================================== */
/* Customer-ready 3.0.7 contract: one rhythm for chrome and marketing pages.  */
/* ========================================================================== */

:root {
	--mmc-brand-red: #ef233c;
	--mmc-brand-red-dark: #c81731;
	--mmc-brand-navy: #070a11;
	--mmc-brand-ink: #172033;
	--mmc-brand-copy: #475467;
	--mmc-brand-muted: #667085;
	--mmc-brand-ivory: #f7f3ee;
	--mmc-brand-line: #e6e0d9;
	--mmc-brand-white: #fff;
	--mmc-container: min(1180px, calc(100% - 40px));
	--mmc-reading: min(860px, calc(100% - 40px));
	--mmc-section-space: 72px;
	--mmc-grid-gap: 20px;
	--mmc-radius-lg: 24px;
	--mmc-radius-card: 18px;
	--mmc-radius-control: 12px;
	--mmc-soft-shadow: 0 18px 48px rgba(16, 24, 40, .07);
}

.mmc-chrome { --mmc-ck-container: var(--mmc-container); --mmc-ck-red: var(--mmc-brand-red); }
.mmc-icon { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; }
.mmc-search button { display: grid; place-items: center; }
.mmc-search button .mmc-icon { width: 20px; height: 20px; }
.mmc-icon-btn .mmc-icon { width: 20px; height: 20px; }

.mmc-footer-group { min-width: 0; }
.mmc-footer-group > summary { list-style: none; cursor: default; }
.mmc-footer-group > summary::-webkit-details-marker { display: none; }
.mmc-footer-group > summary h3 { display: inline-block; margin: 0; }
.mmc-footer-links { display: grid; gap: 9px; margin-block-start: 18px; }
.mmc-footer-brand { max-width: 290px; }

body.mmc-customer-ready-page :is(.entry-header, main.site-main > .page-header) { display: none !important; }
body.mmc-customer-ready-page :is(main.site-main, .site-main, .content-area, .entry-content) { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; }
body.mmc-customer-ready-page .entry-content > p:has(> .mmc-customer-page) { margin: 0; }

.mmc-customer-page {
	color: var(--mmc-brand-copy);
	background: var(--mmc-brand-white);
	font-family: Vazirmatn, Tahoma, Arial, sans-serif;
	font-size: clamp(15px, 1.25vw, 17px);
	line-height: 2;
	overflow: clip;
}

.mmc-customer-page *, .mmc-customer-page *::before, .mmc-customer-page *::after { box-sizing: border-box; }
.mmc-customer-page :is(h1, h2, h3, p, ul, ol) { margin-block-start: 0; }
.mmc-customer-page h1 { max-width: 820px; margin-block-end: 20px; color: inherit; font-size: clamp(48px, 4.2vw, 54px); line-height: 1.35; letter-spacing: -.035em; }
.mmc-customer-page h2 { margin-block-end: 12px; color: var(--mmc-brand-ink); font-size: clamp(32px, 3vw, 38px); line-height: 1.45; letter-spacing: -.025em; }
.mmc-customer-page h3 { color: var(--mmc-brand-ink); font-size: 19px; line-height: 1.65; }
.mmc-customer-page p { margin-block-end: 20px; }
.mmc-customer-page a { text-decoration: none; }
.mmc-customer-page :is(a, button, summary):focus-visible { outline: 3px solid rgba(239, 35, 60, .35); outline-offset: 4px; }

.mmc-cr-container { width: var(--mmc-container); margin-inline: auto; }
.mmc-cr-section { padding-block: var(--mmc-section-space); }
.mmc-band-ivory { background: var(--mmc-brand-ivory); }
.mmc-band-dark { color: #f8fafc; background: radial-gradient(circle at 12% 15%, rgba(239, 35, 60, .2), transparent 34%), linear-gradient(135deg, #111827, var(--mmc-brand-navy)); }
.mmc-cr-split { display: grid; grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr); gap: clamp(30px, 5vw, 68px); align-items: center; }
.mmc-cr-hero { padding-block: clamp(56px, 7vw, 88px); }
.mmc-cr-hero h1 { color: #fff; }
.mmc-cr-hero .mmc-cr-copy > p { max-width: 680px; color: #d0d5dd; }
.mmc-cr-media { min-width: 0; }
.mmc-editorial-image { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; border-radius: var(--mmc-radius-lg); box-shadow: 0 26px 70px rgba(0, 0, 0, .2); }
.mmc-eyebrow { display: block; margin-block-end: 10px; color: var(--mmc-brand-red); font-size: 12px; font-weight: 900; letter-spacing: .03em; }
.mmc-band-dark .mmc-eyebrow { color: #ff7587; }
.mmc-cr-actions { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
.mmc-btn { display: inline-flex; min-height: 48px; padding-inline: 22px; align-items: center; justify-content: center; border: 1px solid transparent; border-radius: var(--mmc-radius-control); font-weight: 900; line-height: 1.4; }
.mmc-btn-primary { color: #fff !important; background: var(--mmc-brand-red); box-shadow: 0 10px 24px rgba(239, 35, 60, .22); }
.mmc-btn-primary:hover { background: var(--mmc-brand-red-dark); transform: translateY(-1px); }
.mmc-btn-secondary { color: var(--mmc-brand-ink) !important; border-color: var(--mmc-brand-line); background: #fff; }
.mmc-band-dark .mmc-btn-secondary { color: #fff !important; border-color: rgba(255,255,255,.28); background: rgba(255,255,255,.08); }
.mmc-text-link { display: inline-flex; min-height: 44px; align-items: center; color: var(--mmc-brand-red-dark) !important; font-weight: 900; }
.mmc-band-dark .mmc-text-link, .is-dark .mmc-text-link { color: #ff7587 !important; }

.mmc-section-head { display: flex; max-width: 880px; margin-block-end: 30px; gap: 14px; align-items: flex-start; }
.mmc-section-head > .mmc-icon { flex: 0 0 44px; width: 44px; height: 44px; padding: 10px; border-radius: 14px; color: var(--mmc-brand-red); background: #fff0f2; }
.mmc-section-head p { margin: 0; color: var(--mmc-brand-muted); }

.mmc-family-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--mmc-grid-gap); }
.mmc-family-grid-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.mmc-family-card { display: flex; min-height: 190px; padding: 22px; flex-direction: column; border: 1px solid var(--mmc-brand-line); border-radius: var(--mmc-radius-card); color: var(--mmc-brand-copy) !important; background: rgba(255,255,255,.9); transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease; }
.mmc-family-card:hover { transform: translateY(-3px); border-color: rgba(239,35,60,.3); box-shadow: var(--mmc-soft-shadow); }
.mmc-family-card .mmc-icon { width: 32px; height: 32px; margin-block-end: 20px; color: var(--mmc-brand-red); }
.mmc-family-card h3 { margin-block-end: 6px; }
.mmc-family-card p { margin-block-end: 12px; color: var(--mmc-brand-muted); font-size: 14px; line-height: 1.9; }
.mmc-family-card > span { margin-block-start: auto; color: var(--mmc-brand-red-dark); font-size: 13px; font-weight: 900; }

.mmc-check-list { display: grid; margin: 0 0 24px; padding: 0; gap: 8px; list-style: none; }
.mmc-check-list li { position: relative; padding-inline-start: 26px; }
.mmc-check-list li::before { position: absolute; inset-block-start: .65em; inset-inline-start: 2px; width: 9px; height: 9px; border-radius: 50%; background: var(--mmc-brand-red); content: ""; }
.mmc-choice-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--mmc-grid-gap); }
.mmc-choice-grid > article { display: flex; min-height: 260px; padding: clamp(24px, 4vw, 42px); flex-direction: column; border: 1px solid var(--mmc-brand-line); border-radius: var(--mmc-radius-lg); background: #fff; }
.mmc-choice-grid > article.is-dark { color: #d0d5dd; border-color: transparent; background: var(--mmc-brand-navy); }
.mmc-choice-grid > article.is-dark h2 { color: #fff; }
.mmc-choice-grid > article .mmc-icon { width: 38px; height: 38px; margin-block-end: 22px; color: var(--mmc-brand-red); }
.mmc-choice-grid > article .mmc-text-link { margin-block-start: auto; }

.mmc-trust-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--mmc-grid-gap); }
.mmc-trust-grid > article { min-height: 210px; padding: 22px; border: 1px solid var(--mmc-brand-line); border-radius: var(--mmc-radius-card); background: #fff; }
.mmc-trust-grid .mmc-icon { width: 34px; height: 34px; margin-block-end: 20px; color: var(--mmc-brand-red); }
.mmc-trust-grid p { margin: 0; color: var(--mmc-brand-muted); font-size: 14px; }

.mmc-guide-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--mmc-grid-gap); }
.mmc-guide-grid article { overflow: hidden; border: 1px solid var(--mmc-brand-line); border-radius: var(--mmc-radius-card); background: #fff; }
.mmc-guide-media { display: block; overflow: hidden; }
.mmc-guide-media img { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; transition: transform .25s ease; }
.mmc-guide-grid article:hover .mmc-guide-media img { transform: scale(1.025); }
.mmc-guide-grid article > div { padding: 18px; }
.mmc-guide-grid article span { color: var(--mmc-brand-muted); font-size: 12px; }
.mmc-guide-grid h3 { margin: 8px 0 12px; }
.mmc-guide-grid h3 a { color: var(--mmc-brand-ink); }

.mmc-note-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 0; padding: 0; gap: var(--mmc-grid-gap); list-style: none; }
.mmc-note-grid li { display: flex; min-height: 150px; padding: 22px; gap: 14px; align-items: flex-start; border: 1px solid var(--mmc-brand-line); border-radius: var(--mmc-radius-card); background: #fff; }
.mmc-note-grid .mmc-icon { flex: 0 0 26px; color: var(--mmc-brand-red); }
.mmc-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 0; padding: 0; gap: var(--mmc-grid-gap); list-style: none; counter-reset: mmc-step; }
.mmc-steps li { min-height: 180px; padding: 22px; border-radius: var(--mmc-radius-card); background: #fff; counter-increment: mmc-step; }
.mmc-steps li::before { display: grid; width: 42px; height: 42px; margin-block-end: 18px; place-items: center; border-radius: 50%; color: #fff; background: var(--mmc-brand-red); content: counter(mmc-step); font-weight: 900; }
.mmc-steps strong, .mmc-steps span { display: block; }
.mmc-steps span { margin-block-start: 6px; color: var(--mmc-brand-muted); font-size: 14px; }
.mmc-reading { max-width: 860px; }
.mmc-reading details { margin-block-end: 12px; border: 1px solid var(--mmc-brand-line); border-radius: var(--mmc-radius-control); background: #fff; }
.mmc-reading summary { min-height: 52px; padding: 13px 18px; cursor: pointer; color: var(--mmc-brand-ink); font-weight: 900; }
.mmc-reading details p { padding: 0 18px 18px; margin: 0; color: var(--mmc-brand-muted); }
.mmc-final-cta { color: #fff; background: linear-gradient(130deg, #0d1421, #070a11); }
.mmc-final-cta .mmc-cr-container { display: flex; gap: 30px; align-items: center; justify-content: space-between; }
.mmc-final-cta h2 { color: #fff; }
.mmc-final-cta p { margin: 0; color: #d0d5dd; }
.mmc-final-cta .mmc-icon { width: 36px; height: 36px; margin-block-end: 16px; color: #ff7587; }
.mmc-curated-empty { padding: 26px; border: 1px dashed #cfc6bd; border-radius: var(--mmc-radius-card); background: #fff; }
.mmc-curated-empty strong { display: block; margin-block-end: 6px; color: var(--mmc-brand-ink); }
.mmc-curated-empty p { margin-block-end: 10px; }
.mmc-curated-empty a { color: var(--mmc-brand-red-dark); font-weight: 900; }

/* Bring legacy Elementor marketing pages onto the same spacing contract. */
body.mmc-chrome-on .elementor-top-section:not(.mmc-cr-hero) { scroll-margin-top: 96px; }
body.mmc-chrome-on .elementor-widget-text-editor { color: var(--mmc-brand-copy); line-height: 2; }
body.mmc-chrome-on .elementor-widget-heading :is(h1, h2, h3).elementor-heading-title { line-height: 1.5; letter-spacing: -.02em; }
body.mmc-chrome-on :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea) { min-height: 48px; border-radius: var(--mmc-radius-control); }

@media (max-width: 1024px) {
	:root { --mmc-section-space: 56px; --mmc-grid-gap: 16px; }
	.mmc-customer-page h1 { font-size: clamp(34px, 5vw, 40px); }
	.mmc-customer-page h2 { font-size: clamp(28px, 4vw, 34px); }
	.mmc-family-grid, .mmc-family-grid-4, .mmc-trust-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.mmc-note-grid { grid-template-columns: 1fr; }
	.mmc-footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 720px) {
	:root { --mmc-container: min(100% - 24px, 1180px); --mmc-reading: min(100% - 24px, 860px); --mmc-section-space: 40px; --mmc-grid-gap: 12px; }
	.mmc-customer-page { font-size: 15px; }
	.mmc-customer-page h1 { font-size: clamp(28px, 8.3vw, 32px); }
	.mmc-customer-page h2 { font-size: clamp(25px, 7vw, 30px); }
	.mmc-cr-split { grid-template-columns: 1fr; gap: 26px; }
	.mmc-cr-hero .mmc-cr-copy { order: 1; }
	.mmc-cr-hero .mmc-cr-media { order: 2; }
	.mmc-cr-actions { align-items: stretch; }
	.mmc-cr-actions .mmc-btn { flex: 1 1 100%; }
	.mmc-family-grid, .mmc-family-grid-4, .mmc-choice-grid, .mmc-trust-grid, .mmc-guide-grid, .mmc-steps { grid-template-columns: 1fr; }
	.mmc-family-card, .mmc-trust-grid > article { min-height: 0; padding: 18px; }
	.mmc-note-grid li { min-height: 0; padding: 18px; }
	.mmc-final-cta .mmc-cr-container { align-items: stretch; flex-direction: column; }
	.mmc-final-cta .mmc-btn { width: 100%; }
	.mmc-footer-grid { grid-template-columns: 1fr; gap: 0; }
	.mmc-footer-brand { max-width: none; padding-block-end: 22px; }
	.mmc-footer-group { border-block-start: 1px solid rgba(17,24,39,.1); }
	.mmc-footer-group > summary { position: relative; display: flex; min-height: 54px; cursor: pointer; align-items: center; }
	.mmc-footer-group > summary::after { margin-inline-start: auto; color: var(--mmc-brand-red); content: "+"; font-size: 20px; font-weight: 900; }
	.mmc-footer-group[open] > summary::after { content: "−"; }
	.mmc-footer-links, .mmc-footer-contact-card { margin-block: 0 18px; }
}

@media (prefers-reduced-motion: reduce) {
	.mmc-customer-page *, .mmc-customer-page *::before, .mmc-customer-page *::after { scroll-behavior: auto !important; transition: none !important; animation: none !important; }
}

/* Customer-ready inner pages: one calm contract for vehicle, install, FAQ and contact. */
.mmc-inner-ready .mmc-cr-hero { min-height: 520px; display: grid; align-items: center; }
.mmc-customer-page img[loading="lazy"],
body.blog .site-main img[loading="lazy"] { opacity: 1 !important; visibility: visible !important; }
.mmc-customer-page .mmc-band-dark :is(h1, h2, h3) { color: #fff !important; }
.mmc-customer-page .mmc-band-dark :is(p, li) { color: #d0d5dd !important; }
.mmc-customer-page .mmc-btn-primary,
.mmc-customer-page .mmc-btn-primary:visited { color: #fff !important; }
.mmc-selector-shell { padding: clamp(18px, 3vw, 30px); border: 1px solid var(--mmc-brand-line); border-radius: var(--mmc-radius-lg); background: #fff; box-shadow: var(--mmc-soft-shadow); }
.mmc-status-grid,
.mmc-contact-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--mmc-grid-gap); }
.mmc-status-grid article,
.mmc-contact-grid article { min-width: 0; padding: 22px; border: 1px solid var(--mmc-brand-line); border-radius: var(--mmc-radius-card); background: #fff; }
.mmc-status-grid .mmc-icon,
.mmc-contact-grid .mmc-icon { width: 34px; height: 34px; margin-block-end: 18px; color: var(--mmc-brand-red); }
.mmc-status-grid p,
.mmc-contact-grid p { margin: 0; color: var(--mmc-brand-muted); font-size: 14px; }
.mmc-contact-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.mmc-contact-grid a { display: inline-flex; max-width: 100%; margin-block-end: 10px; color: var(--mmc-brand-red-dark) !important; font-weight: 900; overflow-wrap: anywhere; }
.mmc-inner-ready .mmc-steps { grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); }
.mmc-inclusion-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.mmc-inclusion-grid > div,
.mmc-contact-note { padding: 22px; border: 1px solid var(--mmc-brand-line); border-radius: var(--mmc-radius-card); background: var(--mmc-brand-ivory); }
.mmc-check-list.is-neutral li::before { background: #667085; }
.mmc-contact-note .mmc-icon { width: 36px; height: 36px; margin-block-end: 18px; color: var(--mmc-brand-red); }
.mmc-customer-page .mmc-final-cta :is(h2, h3) { color: #fff !important; }
.mmc-customer-page .mmc-final-cta p { color: #d0d5dd !important; }

.mmc-faq-search { display: grid; margin-block-end: 30px; gap: 8px; color: var(--mmc-brand-ink); font-weight: 900; }
.mmc-faq-search > span { display: flex; gap: 9px; align-items: center; }
.mmc-faq-search .mmc-icon { width: 20px; height: 20px; color: var(--mmc-brand-red); }
.mmc-faq-search input { width: 100%; min-height: 52px; padding-inline: 16px; border: 1px solid #d8d3cd; border-radius: var(--mmc-radius-control); color: var(--mmc-brand-ink); background: #fff; }
.mmc-faq-search input:focus { border-color: var(--mmc-brand-red); outline: 3px solid rgba(239,35,60,.13); outline-offset: 0; }
.mmc-faq-search small { min-height: 24px; color: var(--mmc-brand-muted); font-weight: 500; }
.mmc-faq-groups { display: grid; gap: 30px; }
.mmc-faq-group h2 { display: flex; margin-block-end: 14px; gap: 10px; align-items: center; font-size: 24px; }
.mmc-faq-group h2 .mmc-icon { width: 28px; height: 28px; color: var(--mmc-brand-red); }
.mmc-faq-group[hidden], .mmc-faq-group details[hidden] { display: none !important; }
.mmc-faq-empty { padding: 26px; border: 1px dashed #cfc6bd; border-radius: var(--mmc-radius-card); text-align: center; background: #fff; }

/* Posts index completion: useful guide and topic rail without replacing the archive loop. */
body.blog .mmc-blog-guide,
body.blog .mmc-blog-topics { grid-column: 1 / -1; width: 100%; margin-inline: auto; align-self: start; }
.mmc-blog-guide { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); margin-block: 18px 32px; overflow: hidden; border: 1px solid var(--mmc-brand-line); border-radius: var(--mmc-radius-lg); background: var(--mmc-brand-ivory); box-shadow: var(--mmc-soft-shadow); }
.mmc-blog-guide-copy { padding: clamp(24px, 4vw, 44px); align-self: center; }
.mmc-blog-guide-copy h2 { color: var(--mmc-brand-ink); font-size: clamp(25px, 3vw, 36px); line-height: 1.5; }
.mmc-blog-guide-copy p { color: var(--mmc-brand-muted); line-height: 2; }
.mmc-blog-guide-media img { display: block; width: 100%; height: 100%; min-height: 310px; object-fit: cover; }
.mmc-blog-topics { display: flex; margin-block-end: 34px; gap: 10px; flex-wrap: wrap; }
.mmc-blog-topics a { display: inline-flex; min-height: 44px; padding-inline: 14px; gap: 8px; align-items: center; border: 1px solid var(--mmc-brand-line); border-radius: 999px; color: var(--mmc-brand-ink) !important; background: #fff; font-size: 13px; font-weight: 850; }
.mmc-blog-topics a:hover { border-color: rgba(239,35,60,.35); color: var(--mmc-brand-red-dark) !important; }
.mmc-blog-topics .mmc-icon { width: 19px; height: 19px; color: var(--mmc-brand-red); }

@media (max-width: 1024px) {
	.mmc-status-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.mmc-contact-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 720px) {
	.mmc-inner-ready .mmc-cr-hero { min-height: 0; }
	.mmc-status-grid, .mmc-contact-grid, .mmc-inclusion-grid { grid-template-columns: 1fr; }
	.mmc-status-grid article, .mmc-contact-grid article { padding: 18px; }
	body.blog .mmc-blog-guide, body.blog .mmc-blog-topics { width: calc(100% - 24px); }
	.mmc-blog-guide { grid-template-columns: 1fr; }
	.mmc-blog-guide-copy { order: 1; padding: 22px; }
	.mmc-blog-guide-media { order: 2; }
	.mmc-blog-guide-media img { min-height: 0; aspect-ratio: 16 / 9; }
}

/* -------------------------------------------------------------------------
 * v3.0.1 Storefront Final Polish
 * Fixes: drawer initial hidden state, reliable RTL off-canvas behavior,
 * visible toggle state, safer scroll lock, stronger empty product visuals,
 * and a richer real-store footer.
 * ---------------------------------------------------------------------- */
body.mmc-drawer-open { overflow: hidden; touch-action: none; }

.mmc-chrome-header {
	isolation: isolate;
	box-shadow: 0 10px 30px rgba(7, 10, 17, .06);
}
.mmc-menu-toggle[aria-expanded="true"] {
	background: var(--mmc-ck-red);
	border-color: var(--mmc-ck-red);
	box-shadow: 0 18px 34px rgba(220, 38, 38, .22);
}
.mmc-menu-toggle[aria-expanded="true"] .mmc-hamb i { background: #fff; }
.mmc-menu-toggle[aria-expanded="true"] .mmc-hamb i:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.mmc-menu-toggle[aria-expanded="true"] .mmc-hamb i:nth-child(2) { opacity: 0; transform: scaleX(.2); }
.mmc-menu-toggle[aria-expanded="true"] .mmc-hamb i:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
.mmc-hamb i { transition: transform .22s ease, opacity .18s ease, background-color .18s ease; }

.mmc-drawer-backdrop {
	visibility: hidden;
	backdrop-filter: blur(2px);
	-webkit-backdrop-filter: blur(2px);
}
.mmc-drawer-backdrop.is-open {
	visibility: visible;
}
.mmc-drawer {
	max-width: 94vw;
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
	transform: translate3d(-110%, 0, 0);
	transition: transform .38s cubic-bezier(.2, .8, .2, 1), opacity .24s ease, visibility 0s linear .38s;
	will-change: transform;
}
html[dir="rtl"] .mmc-drawer,
body.rtl .mmc-drawer {
	inset-inline-start: auto;
	inset-inline-end: 0;
	transform: translate3d(110%, 0, 0);
	box-shadow: -36px 0 90px rgba(7, 10, 17, .22);
}
.mmc-drawer.is-open {
	visibility: visible;
	opacity: 1;
	pointer-events: auto;
	transform: translate3d(0, 0, 0) !important;
	transition-delay: 0s;
}
.mmc-drawer[aria-hidden="true"] {
	display: none;
	visibility: hidden;
	pointer-events: none;
}
.mmc-drawer[aria-hidden="false"] {
	visibility: visible;
}
.mmc-drawer-close:hover { border-color: rgba(220, 38, 38, .32); color: var(--mmc-ck-red); }
.mmc-drawer-link:hover { color: var(--mmc-ck-red); padding-inline: 8px; }
.mmc-drawer-link { border-radius: 12px; transition: color .2s ease, padding .2s ease, background-color .2s ease; }
.mmc-drawer-link:hover { background: rgba(220, 38, 38, .055); }
.mmc-drawer-panel[hidden] { display: none !important; }

.mmc-product-card,
.woocommerce ul.products li.product {
	min-height: 100%;
	box-shadow: 0 1px 0 rgba(7, 10, 17, .02), 0 14px 36px rgba(7, 10, 17, .06);
}
.mmc-product-visual {
	position: relative;
	overflow: hidden;
	background:
		radial-gradient(circle at 70% 20%, rgba(220, 38, 38, .16), transparent 28%),
		linear-gradient(135deg, #eef1f5 0%, #f8fafc 48%, #e7ebf2 100%);
}
.mmc-product-visual::before,
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link::before {
	content: "";
	position: absolute;
	inset: 18px;
	border-radius: 18px;
	border: 1px solid rgba(7, 10, 17, .08);
	background:
		linear-gradient(90deg, transparent 20%, rgba(7, 10, 17, .06) 21%, rgba(7, 10, 17, .06) 22%, transparent 23%),
		linear-gradient(180deg, rgba(7, 10, 17, .08), rgba(7, 10, 17, .03));
	pointer-events: none;
	opacity: .42;
}
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link { position: relative; display: block; }
.woocommerce ul.products li.product img.woocommerce-placeholder,
.woocommerce ul.products li.product img[src*="woocommerce-placeholder"] {
	background: linear-gradient(135deg, #eef1f5, #ffffff);
	padding: 36px;
	object-fit: contain;
}

.mmc-footer {
	position: relative;
	overflow: hidden;
	background:
		radial-gradient(circle at 12% 15%, rgba(220, 38, 38, .18), transparent 28%),
		linear-gradient(180deg, #101827 0%, #070A11 100%);
}
.mmc-footer::before {
	content: "";
	position: absolute;
	inset: 0;
	background-image: linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
	background-size: 44px 44px;
	mask-image: linear-gradient(180deg, transparent, #000 18%, #000 82%, transparent);
	pointer-events: none;
}
.mmc-footer .mmc-container { position: relative; z-index: 1; }
.mmc-footer-grid { align-items: start; }
.mmc-footer-grid > div {
	min-width: 0;
}
.mmc-footer .mmc-brand { display: inline-block; margin-block-end: 12px; }
.mmc-footer h3::after {
	content: "";
	display: block;
	inline-size: 28px;
	block-size: 3px;
	border-radius: 99px;
	background: var(--mmc-ck-red);
	margin-block-start: 10px;
}
.mmc-footer-contact-card {
	border: 1px solid rgba(255, 255, 255, .10);
	background: rgba(255, 255, 255, .045);
	border-radius: 18px;
	padding: 16px;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
}
.mmc-footer-contact-card strong {
	display: block;
	color: #fff;
	font-size: 13px;
	margin-block: 0 6px;
}
.mmc-footer-contact-card p + strong { margin-block-start: 14px; }
.mmc-footer-contact-card a { display: inline-block; color: #fff; margin: 0; }
.mmc-footer-contact-card a:hover { color: var(--mmc-ck-red); }

@media (max-width: 720px) {
	.mmc-chrome-header { grid-template-columns: 48px 1fr auto; gap: 8px; }
	.mmc-menu-toggle { inline-size: 44px; block-size: 44px; }
	.mmc-brand { font-size: 20px; }
	.mmc-brand span { font-size: 9px; }
	.mmc-drawer { width: min(430px, calc(100vw - 18px)); padding: 20px; }
	.mmc-drawer-tabs button { padding-inline: 10px; }
	.mmc-footer { padding-block-start: 46px; }
}

@media (prefers-reduced-motion: reduce) {
	.mmc-drawer,
	.mmc-drawer-backdrop,
	.mmc-menu-toggle,
	.mmc-hamb i,
	.mmc-product-card,
	.mmc-masonry-card img { transition: none !important; }
}

/* -------------------------------------------------------------------------
 * v3.0.6 Editorial + inner-page system
 * Warm, quiet surfaces and compact content rhythm inspired by the supplied
 * reference stylesheet while retaining Monitor Market's red/navy identity.
 * ---------------------------------------------------------------------- */
:root {
	--mmc-content-bg: #f6f4f1;
	--mmc-content-card: #fffdfa;
	--mmc-content-card-strong: #fff;
	--mmc-content-ink: #111827;
	--mmc-content-muted: #667085;
	--mmc-content-line: #e6e0da;
	--mmc-content-warm: #efe8e1;
	--mmc-content-radius: 22px;
	--mmc-content-shadow: 0 16px 45px rgba(17, 24, 39, .065);
}

body.mmc-chrome-on:is(.blog, .single-post) {
	background: var(--mmc-content-bg);
	color: var(--mmc-content-ink);
}

/* Posts index: turn the theme's linear archive into a stable editorial grid. */
body.blog main.site-main {
	width: min(1180px, calc(100% - 40px));
	margin-inline: auto;
	padding-block: clamp(34px, 6vw, 72px);
}

body.blog main.site-main > .page-header {
	margin: 0 0 30px;
	padding: clamp(26px, 4vw, 44px);
	border: 1px solid var(--mmc-content-line);
	border-radius: 28px;
	background:
		radial-gradient(circle at 12% 10%, rgba(239, 35, 60, .11), transparent 32%),
		var(--mmc-content-card);
	box-shadow: var(--mmc-content-shadow);
}

body.blog main.site-main > .page-header .entry-title {
	margin: 0 !important;
	color: var(--mmc-content-ink) !important;
	font-size: clamp(30px, 4vw, 48px) !important;
	font-weight: 950 !important;
	line-height: 1.35 !important;
}

body.blog main.site-main > .page-header::after {
	display: block;
	max-width: 680px;
	margin-block-start: 12px;
	color: var(--mmc-content-muted);
	content: "راهنمای انتخاب قاب، مانیتور، سیستم صوتی، دوربین و اتصالات خودرو";
	font-size: 14px;
	line-height: 2;
}

body.blog main.site-main > .page-content {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 22px;
}

body.blog article.post {
	display: flex;
	min-width: 0;
	height: 100%;
	margin: 0 !important;
	padding: 12px 12px 18px;
	flex-direction: column;
	overflow: hidden;
	border: 1px solid var(--mmc-content-line);
	border-radius: var(--mmc-content-radius);
	background: var(--mmc-content-card-strong);
	box-shadow: 0 8px 28px rgba(17, 24, 39, .045);
	transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

body.blog article.post:hover {
	transform: translateY(-3px);
	border-color: rgba(239, 35, 60, .24);
	box-shadow: var(--mmc-content-shadow);
}

body.blog article.post > a {
	order: 1;
	display: block;
	overflow: hidden;
	border-radius: 16px;
	background: #eceff3;
}

body.blog article.post > a img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
	margin: 0 !important;
	object-fit: cover;
	transition: transform .35s ease;
}

body.blog article.post:hover > a img { transform: scale(1.025); }

body.blog article.post > .entry-title {
	order: 2;
	margin: 15px 5px 8px !important;
	font-size: 18px !important;
	font-weight: 900 !important;
	line-height: 1.65 !important;
}

body.blog article.post > .entry-title a {
	display: -webkit-box;
	overflow: hidden;
	color: var(--mmc-content-ink) !important;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

body.blog article.post > p {
	order: 3;
	display: -webkit-box;
	margin: 0 5px !important;
	overflow: hidden;
	color: var(--mmc-content-muted);
	font-size: 13px;
	line-height: 1.95;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

@media (min-width: 1025px) {
	body.blog article.post:last-child:nth-child(3n + 1) { grid-column: 2; }
}

/* Single article: readable measure, stable media and a compact comment card. */
body.single-post main.site-main {
	width: min(900px, calc(100% - 40px));
	margin: clamp(34px, 6vw, 72px) auto;
	padding: clamp(22px, 4vw, 48px);
	border: 1px solid var(--mmc-content-line);
	border-radius: 30px;
	background: var(--mmc-content-card-strong);
	box-shadow: var(--mmc-content-shadow);
}

body.single-post main.site-main > .page-header {
	margin: 0 0 12px;
	padding: 0 0 20px;
	border-block-end: 1px solid var(--mmc-content-line);
}

body.single-post main.site-main > .page-header .entry-title {
	margin: 0 !important;
	color: var(--mmc-content-ink) !important;
	font-size: clamp(30px, 4.5vw, 48px) !important;
	font-weight: 950 !important;
	line-height: 1.45 !important;
}

.mmc-article-meta {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin: 0 0 18px;
	gap: 8px;
}

.mmc-article-meta span {
	display: inline-flex;
	min-height: 32px;
	align-items: center;
	padding: 5px 11px;
	border-radius: 999px;
	background: #f4f1ed;
	color: var(--mmc-content-muted);
	font-size: 12px;
	font-weight: 750;
}

.mmc-article-cover {
	margin: 0 0 clamp(22px, 4vw, 36px);
	overflow: hidden;
	border-radius: 22px;
	background: #eef0f3;
}

.mmc-article-cover img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
	object-fit: cover;
}

.mmc-article-body {
	color: #344054;
	font-size: clamp(16px, 1.55vw, 18px);
	line-height: 2.15;
}

.mmc-article-body :is(h2, h3, h4) {
	margin-block: 1.7em .55em;
	color: var(--mmc-content-ink);
	font-weight: 900;
	line-height: 1.65;
}

.mmc-article-body a { color: #c71731; font-weight: 800; text-decoration-thickness: 1px; }
.mmc-article-body :is(img, video, iframe) { max-width: 100%; border-radius: 18px; }
.mmc-article-body :is(ul, ol) { padding-inline-start: 1.4em; }
.mmc-article-body blockquote { margin: 24px 0; padding: 18px 20px; border-inline-start: 4px solid #ef233c; border-radius: 14px; background: #fff3f4; }

.mmc-related-reading {
	margin-block-start: clamp(34px, 6vw, 58px);
	padding-block-start: 26px;
	border-block-start: 1px solid var(--mmc-content-line);
}

.mmc-related-reading > h2 { margin: 0 0 18px !important; color: var(--mmc-content-ink); font-size: 24px !important; }
.mmc-related-reading__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.mmc-related-reading__card { display: flex; min-width: 0; padding: 9px; flex-direction: column; border: 1px solid var(--mmc-content-line); border-radius: 16px; color: var(--mmc-content-ink) !important; }
.mmc-related-reading__card img { width: 100%; aspect-ratio: 16 / 9; margin: 0 0 9px; border-radius: 11px; object-fit: cover; }
.mmc-related-reading__card strong { display: -webkit-box; overflow: hidden; font-size: 13px; line-height: 1.8; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.mmc-related-reading__card span { margin-block-start: auto; padding-block-start: 7px; color: #c71731; font-size: 11px; font-weight: 850; }

body.single-post .comments-area {
	margin-block-start: clamp(34px, 6vw, 56px);
	padding: clamp(18px, 3vw, 28px);
	border: 1px solid var(--mmc-content-line);
	border-radius: 22px;
	background: #faf8f5;
}

body.single-post .comment-reply-title { margin: 0 0 8px !important; color: var(--mmc-content-ink); font-size: 24px !important; }
body.single-post .comment-form { display: grid; grid-template-columns: 1fr 1fr; gap: 13px; }
body.single-post .comment-form > :is(.comment-notes, .comment-form-comment, .comment-form-cookies-consent, .form-submit) { grid-column: 1 / -1; }
body.single-post .comment-form p { margin: 0 !important; }
body.single-post .comment-form label { display: block; margin: 0 0 6px; color: #475467; font-size: 12px; font-weight: 800; }
body.single-post .comment-form :is(input[type="text"], input[type="email"], textarea) { width: 100%; min-height: 48px; padding: 11px 14px; border: 1px solid #d8d3cd; border-radius: 13px; background: #fff; box-shadow: none; }
body.single-post .comment-form textarea { min-height: 140px; resize: vertical; }
body.single-post .comment-form :is(input, textarea):focus-visible { outline: 3px solid rgba(239, 35, 60, .16); outline-offset: 2px; border-color: rgba(239, 35, 60, .45); }
body.single-post .comment-form .submit { min-height: 46px; padding-inline: 22px; border: 0; border-radius: 12px; background: #ef233c; color: #fff; font-weight: 900; }

/* Light, warm and readable footer — same structure, calmer contrast. */
body.mmc-chrome-on .mmc-footer {
	background:
		radial-gradient(circle at 8% 20%, rgba(239, 35, 60, .075), transparent 30%),
		linear-gradient(180deg, #f3ede7 0%, #ebe3db 100%);
	color: #475467;
	border-block-start: 1px solid #ddd3ca;
}

body.mmc-chrome-on .mmc-footer::before {
	background-image: linear-gradient(rgba(17, 24, 39, .035) 1px, transparent 1px), linear-gradient(90deg, rgba(17, 24, 39, .035) 1px, transparent 1px);
	mask-image: linear-gradient(180deg, transparent, #000 18%, #000 82%, transparent);
}

body.mmc-chrome-on .mmc-footer :is(.mmc-brand, h3, .mmc-footer-contact-card strong) { color: #111827 !important; }
body.mmc-chrome-on .mmc-footer .mmc-brand span { color: #667085 !important; }
body.mmc-chrome-on .mmc-footer p { color: #667085 !important; }
body.mmc-chrome-on .mmc-footer a { color: #344054 !important; }
body.mmc-chrome-on .mmc-footer a:hover { color: #c71731 !important; }
body.mmc-chrome-on .mmc-footer-contact-card { border-color: rgba(17, 24, 39, .09); background: rgba(255, 255, 255, .58); box-shadow: 0 12px 32px rgba(17, 24, 39, .045); }
body.mmc-chrome-on .mmc-footer-contact-card a { color: #c71731 !important; }
body.mmc-chrome-on .mmc-footer-bottom { border-block-start-color: rgba(17, 24, 39, .12); color: #667085; }

@media (max-width: 1024px) {
	body.blog main.site-main > .page-content { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 720px) {
	body.blog main.site-main,
	body.single-post main.site-main { width: calc(100% - 20px); margin-block: 20px; }
	body.blog main.site-main { padding-block: 12px 34px; }
	body.blog main.site-main > .page-header { margin-bottom: 16px; padding: 22px 18px; border-radius: 21px; }
	body.blog main.site-main > .page-content { grid-template-columns: 1fr; gap: 14px; }
	body.blog article.post { padding: 10px 10px 15px; }
	body.single-post main.site-main { padding: 18px 14px; border-radius: 22px; }
	.mmc-related-reading__grid { grid-template-columns: 1fr; }
	body.single-post .comment-form { grid-template-columns: 1fr; }
	body.single-post .comment-form > * { grid-column: 1 / -1; }
}