/* ==========================================================================
   HOMEPAGE — loaded only on is_front_page(). Ported 1:1 from the approved
   megamart_v5_full.html mockup's #mm-scoped rules (hero slider through the
   store-hours strip), mechanically renamed to mm- prefixed classes.
   ========================================================================== */

.mm-container { max-width: 1280px; margin: 0 auto; padding: 0 24px; }

/* ── HERO SLIDER ── */
.mm-hero { position: relative; overflow: hidden; width: 100%; background: var(--mm-rdd); }
.mm-slides { display: flex; transition: transform .55s cubic-bezier(.4, 0, .2, 1); }
/* Background is now an inline style per-slide (Phase 3: each Hero Slide post
   has its own _mm_bg_start/_mm_bg_end gradient colors), replacing the fixed
   mm-s1..mm-s4 classes from Phase 1's hardcoded 4-slide array. */
.mm-slide { min-width: 100%; min-height: 420px; display: flex; align-items: center; position: relative; overflow: hidden; }
.mm-sc { position: relative; z-index: 2; max-width: 1280px; margin: 0 auto; padding: 60px 80px; width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 32px; }
.mm-st { max-width: 560px; }
.mm-sbadge { display: inline-block; background: rgba(255, 255, 255, .18); color: rgba(255, 255, 255, .9); font-size: 11px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; padding: 5px 12px; border-radius: 4px; margin-bottom: 16px; border: 1px solid rgba(255, 255, 255, .25); }
.mm-stitle { font-family: var(--mm-fh); font-size: 56px; font-weight: 800; color: #fff; line-height: 1.05; text-transform: uppercase; letter-spacing: .5px; margin-bottom: 16px; }
.mm-stitle .mm-hl { color: var(--mm-gold); }
.mm-sdesc { font-size: 15px; color: rgba(255, 255, 255, .76); line-height: 1.65; margin-bottom: 28px; max-width: 440px; }
.mm-sbtns { display: flex; gap: 12px; flex-wrap: wrap; }
.mm-bw { background: var(--mm-cream-3); color: var(--mm-r); padding: 13px 28px; border-radius: 6px; font-weight: 700; font-family: var(--mm-fb); font-size: 14px; letter-spacing: .3px; text-transform: uppercase; transition: all .2s; display: inline-block; border: none; }
.mm-bw:hover { background: var(--mm-gold); color: var(--mm-rdd); transform: translateY(-2px); }
.mm-bo { background: transparent; color: #fff; padding: 13px 28px; border-radius: 6px; font-weight: 700; font-family: var(--mm-fb); font-size: 14px; letter-spacing: .3px; text-transform: uppercase; border: 2px solid rgba(255, 255, 255, .5); transition: all .2s; display: inline-block; }
.mm-bo:hover { border-color: #fff; background: rgba(255, 255, 255, .12); }
.mm-sstats { display: flex; flex-direction: column; gap: 10px; flex-shrink: 0; }
.mm-sstat { background: rgba(255, 255, 255, .11); border: 1px solid rgba(255, 255, 255, .18); border-radius: 8px; padding: 14px 18px; display: flex; align-items: center; gap: 12px; min-width: 210px; }
.mm-ssi { width: 42px; height: 42px; background: rgba(255, 255, 255, .18); border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size: 20px; flex-shrink: 0; }
.mm-sst strong { display: block; color: #fff; font-weight: 700; font-size: 14px; line-height: 1.2; }
.mm-sst span { color: rgba(255, 255, 255, .55); font-size: 12px; }
.mm-harr { position: absolute; top: 50%; transform: translateY(-50%); width: 46px; height: 46px; background: rgba(0, 0, 0, .32); border: 2px solid rgba(255, 255, 255, .42); border-radius: 50%; display: flex; align-items: center; justify-content: center; z-index: 20; color: #fff; font-size: 24px; line-height: 1; cursor: pointer; transition: all .2s; padding: 0; }
.mm-harr:hover { background: rgba(0, 0, 0, .6); border-color: #fff; }
.mm-hprev { left: 18px; }
.mm-hnext { right: 18px; }
.mm-hdots { position: absolute; bottom: 18px; left: 50%; transform: translateX(-50%); display: flex; align-items: center; gap: 7px; z-index: 20; }
.mm-hdot { display: block; width: 10px; height: 10px; border-radius: 50%; background: rgba(255, 255, 255, .38); border: none; padding: 0; cursor: pointer; transition: all .25s; flex-shrink: 0; appearance: none; -webkit-appearance: none; }
.mm-hdot.is-on { width: 26px; height: 10px; border-radius: 5px; background: #fff; }

/* ── STATS BAR ── */
.mm-stats-bar { background: var(--mm-r); padding: 0; }
.mm-stats-bar-in { max-width: 1280px; margin: 0 auto; display: grid; grid-template-columns: repeat(3, 1fr); }
.mm-stat-item { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 22px 16px; border-right: 1px solid rgba(255, 255, 255, .15); text-align: center; }
.mm-stat-item:last-child { border-right: none; }
.mm-stat-num { font-family: var(--mm-fh); font-size: 42px; font-weight: 800; color: var(--mm-gold); line-height: 1; }
.mm-stat-lbl { font-size: 13px; color: rgba(255, 255, 255, .82); font-weight: 500; margin-top: 4px; }

/* ── TRUST BAR ── */
.mm-trust { background: var(--mm-cream-3); border-bottom: 1px solid var(--mm-mg); }
.mm-trust-in { max-width: 1280px; margin: 0 auto; padding: 0 24px; display: grid; grid-template-columns: repeat(4, 1fr); }
.mm-ti { display: flex; align-items: center; gap: 12px; padding: 16px 20px; border-right: 1px solid var(--mm-mg); }
.mm-ti:last-child { border-right: none; }
.mm-tic { width: 42px; height: 42px; background: #F5D5D5; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 18px; flex-shrink: 0; }
.mm-tit strong { display: block; font-size: 13px; font-weight: 700; }
.mm-tit span { font-size: 12px; color: var(--mm-tm); }

/* ── BRAND LOGO MARQUEE ── */
.mm-brands-sec { background: var(--mm-cream-3); padding: 36px 0; overflow: hidden; border-top: 1px solid var(--mm-mg); border-bottom: 1px solid var(--mm-mg); }
.mm-brands-hd { max-width: 1280px; margin: 0 auto; padding: 0 24px; display: flex; align-items: center; justify-content: space-between; margin-bottom: 28px; }
.mm-brands-hd-left { display: flex; align-items: center; gap: 14px; }
.mm-brands-hd-bar { width: 4px; height: 32px; background: var(--mm-r); border-radius: 2px; flex-shrink: 0; }
.mm-brands-hd-lbl { font-size: 10px; font-weight: 700; letter-spacing: 2.5px; text-transform: uppercase; color: var(--mm-tm); margin-bottom: 2px; }
.mm-brands-hd-tit { font-family: var(--mm-fh); font-size: 22px; font-weight: 800; color: var(--mm-t); text-transform: uppercase; letter-spacing: .5px; line-height: 1; }
.mm-brands-va { font-family: var(--mm-fb); font-size: 13px; font-weight: 700; color: var(--mm-r); text-transform: uppercase; letter-spacing: .5px; transition: color .2s; display: flex; align-items: center; gap: 4px; }
.mm-brands-va:hover { color: var(--mm-rd); }
.mm-brands-track-wrap { position: relative; overflow: hidden; }
.mm-brands-track-wrap::before,
.mm-brands-track-wrap::after { content: ''; position: absolute; top: 0; bottom: 0; width: 100px; z-index: 2; pointer-events: none; }
.mm-brands-track-wrap::before { left: 0; background: linear-gradient(to right, var(--mm-cream-3), transparent); }
.mm-brands-track-wrap::after { right: 0; background: linear-gradient(to left, var(--mm-cream-3), transparent); }
.mm-brands-track { display: flex; align-items: center; gap: 0; width: max-content; animation: mm-brand-scroll 35s linear infinite; }
.mm-brands-track:hover { animation-play-state: paused; }
@keyframes mm-brand-scroll { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }
.mm-brand-logo-card { display: flex; align-items: center; justify-content: center; width: 160px; height: 80px; padding: 12px 24px; flex-shrink: 0; cursor: pointer; transition: all .22s; text-decoration: none; border-right: 1px solid var(--mm-mg); position: relative; }
.mm-brand-logo-card:hover { background: rgba(204, 27, 27, .05); }
.mm-brand-logo-card:hover img { opacity: 1; filter: none; transform: scale(1.06); }
.mm-brand-logo-card img { max-width: 110px; max-height: 52px; width: auto; height: auto; object-fit: contain; display: block; opacity: .65; filter: grayscale(100%); transition: all .22s; }
.mm-brand-logo-fallback { font-family: var(--mm-fh); font-size: 15px; font-weight: 800; color: var(--mm-tm); text-transform: uppercase; letter-spacing: .3px; opacity: .75; transition: all .22s; }
.mm-brand-logo-card:hover .mm-brand-logo-fallback { opacity: 1; color: var(--mm-r); }
.mm-brands-empty { text-align: center; padding: 24px; color: var(--mm-tm); font-size: 14px; }
.mm-brands-empty a { color: var(--mm-r); font-weight: 700; text-decoration: underline; }

/* ── FLASH DEALS ── */
.mm-flash { background: var(--mm-cream-2); padding: 48px 0; }
.mm-flash-hdr { display: flex; align-items: center; justify-content: space-between; margin-bottom: 24px; }
.mm-flash-left { display: flex; align-items: center; gap: 16px; }
.mm-flash-badge { background: var(--mm-r); color: #fff; font-family: var(--mm-fh); font-size: 13px; font-weight: 800; padding: 6px 14px; border-radius: 6px; text-transform: uppercase; letter-spacing: 1px; display: flex; align-items: center; gap: 6px; }
.mm-flash-title { font-family: var(--mm-fh); font-size: 30px; font-weight: 800; color: var(--mm-t); text-transform: uppercase; line-height: 1; }
.mm-countdown { display: flex; align-items: center; gap: 8px; flex-shrink: 0; }
.mm-cd-lbl { font-size: 12px; font-weight: 600; color: var(--mm-tm); text-transform: uppercase; letter-spacing: 1px; }
.mm-cd-blocks { display: flex; align-items: center; gap: 6px; }
.mm-cd-block { background: var(--mm-t); color: var(--mm-gold); border-radius: 6px; padding: 8px 12px; text-align: center; min-width: 52px; }
.mm-cd-num { font-family: var(--mm-fh); font-size: 28px; font-weight: 800; line-height: 1; display: block; }
.mm-cd-unit { font-size: 9px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; color: rgba(255, 255, 255, .6); display: block; margin-top: 2px; }
.mm-cd-sep { font-family: var(--mm-fh); font-size: 24px; font-weight: 800; color: var(--mm-r); }
.mm-flash-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.mm-flash-card { background: var(--mm-cream-3); border: 1.5px solid var(--mm-mg); border-radius: 12px; overflow: hidden; transition: all .2s; position: relative; }
.mm-flash-card:hover { border-color: var(--mm-r); box-shadow: 0 4px 20px rgba(0, 0, 0, .1); transform: translateY(-3px); }
.mm-flash-ribbon { position: absolute; top: 0; right: 0; background: var(--mm-r); color: #fff; font-size: 11px; font-weight: 700; padding: 4px 10px 4px 14px; clip-path: polygon(12px 0, 100% 0, 100% 100%, 0 100%); z-index: 1; }
.mm-flash-img { height: 150px; background: var(--mm-cream-2); display: flex; align-items: center; justify-content: center; font-size: 48px; }
.mm-flash-info { padding: 12px; }
.mm-flash-brand { font-size: 10px; font-weight: 700; color: var(--mm-r); text-transform: uppercase; letter-spacing: .5px; margin-bottom: 3px; }
.mm-flash-name { font-size: 13px; font-weight: 600; line-height: 1.4; margin-bottom: 10px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.mm-flash-prices { display: flex; align-items: center; gap: 8px; margin-bottom: 6px; }
.mm-flash-price { font-family: var(--mm-fh); font-size: 24px; font-weight: 800; color: var(--mm-r); }
.mm-flash-orig { font-size: 13px; color: var(--mm-tm); text-decoration: line-through; }
.mm-flash-save { background: #FEF3C7; color: #92400E; font-size: 11px; font-weight: 700; padding: 2px 7px; border-radius: 4px; }
.mm-flash-bar-wrap { background: var(--mm-cream-2); border-radius: 4px; height: 6px; margin-bottom: 8px; overflow: hidden; }
.mm-flash-bar { height: 100%; border-radius: 4px; background: var(--mm-r); transition: width .3s; }
.mm-flash-stock { font-size: 11px; color: var(--mm-tm); margin-bottom: 10px; }
.mm-flash-stock strong { color: var(--mm-r); }
.mm-flash-btn { width: 100%; background: var(--mm-r); color: #fff; border: none; padding: 9px; border-radius: 6px; font-family: var(--mm-fb); font-size: 13px; font-weight: 700; text-transform: uppercase; cursor: pointer; transition: background .2s; }
.mm-flash-btn:hover { background: var(--mm-rd); }

/* ── SECTIONS BASE ── */
.mm-sec { padding: 48px 0; width: 100%; }
.mm-sec-alt { background: var(--mm-cream-2); }
.mm-sh { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 24px; }
.mm-slbl { font-size: 11px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: var(--mm-r); margin-bottom: 4px; }
.mm-stit { font-family: var(--mm-fh); font-size: 32px; font-weight: 800; color: var(--mm-t); text-transform: uppercase; letter-spacing: .5px; line-height: 1; }
.mm-sline { width: 44px; height: 4px; background: var(--mm-r); border-radius: 2px; margin-top: 8px; }
.mm-va { font-family: var(--mm-fb); font-size: 13px; font-weight: 700; color: var(--mm-r); display: flex; align-items: center; gap: 4px; text-transform: uppercase; transition: gap .2s; white-space: nowrap; }
.mm-va:hover { gap: 8px; }

/* ── CATEGORY GRID ── */
.mm-cg { display: grid; grid-template-columns: repeat(7, 1fr); gap: 12px; }
.mm-cc { background: var(--mm-cream-3); border: 1.5px solid var(--mm-mg); border-radius: 12px; padding: 18px 10px 14px; text-align: center; cursor: pointer; transition: all .2s; display: block; color: var(--mm-t); }
.mm-cc:hover { border-color: var(--mm-r); transform: translateY(-3px); box-shadow: 0 4px 20px rgba(0, 0, 0, .1); }
.mm-ci { width: 54px; height: 54px; border-radius: 50%; margin: 0 auto 10px; display: flex; align-items: center; justify-content: center; font-size: 24px; transition: transform .2s; }
.mm-cc:hover .mm-ci { transform: scale(1.1); }
.mm-cn { font-size: 12px; font-weight: 600; line-height: 1.3; }
.mm-cct { font-size: 11px; color: var(--mm-tm); margin-top: 2px; }

/* ── PROMO BANNERS ── */
.mm-pg { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 16px; }
.mm-pc { border-radius: 12px; padding: 32px 28px; position: relative; overflow: hidden; min-height: 190px; display: flex; flex-direction: column; justify-content: flex-end; }
.mm-pem { position: absolute; top: 16px; right: 18px; font-size: 50px; opacity: .22; }
.mm-ptag { font-size: 10px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: rgba(255, 255, 255, .62); margin-bottom: 5px; }
.mm-ptit { font-family: var(--mm-fh); font-size: 28px; font-weight: 800; color: #fff; text-transform: uppercase; line-height: 1.1; margin-bottom: 10px; }
/* First promo card spans 2 grid columns (see .mm-pg's 2fr/1fr/1fr layout) and gets
   a larger title to match — :first-child instead of a fixed .mm-p1 class, since
   Phase 3 made promo banners real, reorderable admin content instead of 3 fixed slots. */
.mm-pg .mm-pc:first-child .mm-ptit { font-size: 34px; }
.mm-pdes { font-size: 13px; color: rgba(255, 255, 255, .7); margin-bottom: 16px; line-height: 1.5; }
.mm-pbtn { display: inline-block; padding: 9px 18px; background: rgba(255, 255, 255, .18); color: #fff; border-radius: 5px; font-family: var(--mm-fb); font-size: 13px; font-weight: 700; border: 1.5px solid rgba(255, 255, 255, .35); transition: all .2s; text-transform: uppercase; }
.mm-pbtn:hover { background: rgba(255, 255, 255, .3); }

/* ── PRODUCT GRIDS (top sellers / new arrivals) ── */
.mm-prodg,
.mm-new-arr-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 14px; }
.mm-pcard { background: var(--mm-cream-3); border: 1.5px solid var(--mm-mg); border-radius: 12px; overflow: hidden; transition: all .2s; position: relative; }
.mm-pcard:hover { border-color: var(--mm-r); box-shadow: 0 4px 20px rgba(0, 0, 0, .1); transform: translateY(-3px); }
.mm-pbadge { position: absolute; top: 10px; left: 10px; background: var(--mm-r); color: #fff; font-size: 10px; font-weight: 700; padding: 3px 8px; border-radius: 4px; z-index: 1; text-transform: uppercase; }
.mm-pbadge.mm-hot { background: #FF6B35; }
.mm-pbadge.mm-nw { background: #1B4332; }
.mm-pimg { height: 155px; background: var(--mm-cream-2); display: flex; align-items: center; justify-content: center; font-size: 50px; }
.mm-pinf { padding: 12px; }
.mm-pbr { font-size: 11px; font-weight: 700; color: var(--mm-r); text-transform: uppercase; letter-spacing: .5px; margin-bottom: 4px; }
.mm-pnm { font-size: 13px; line-height: 1.4; margin-bottom: 8px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.mm-pstr { color: #F59E0B; font-size: 12px; margin-bottom: 6px; }
.mm-pstr span { color: var(--mm-tm); font-size: 11px; }
.mm-prow { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; }
.mm-ppr { font-family: var(--mm-fh); font-size: 22px; font-weight: 800; color: var(--mm-r); }
.mm-pbt { font-size: 11px; color: var(--mm-tm); text-align: right; }
.mm-pbt strong { color: #1B4332; font-weight: 700; }
.mm-acart { width: 100%; background: var(--mm-r); color: #fff; border: none; padding: 9px; border-radius: 6px; font-family: var(--mm-fb); font-size: 13px; font-weight: 700; text-transform: uppercase; cursor: pointer; transition: background .2s; }
.mm-acart:hover { background: var(--mm-rd); }

/* ── AUTHORIZED DISTRIBUTOR ── */
.mm-auth { background: var(--mm-cream-2); padding: 48px 0; }
.mm-auth-intro { margin-bottom: 8px; }
.mm-auth-intro p { font-size: 14px; color: var(--mm-tm); max-width: 640px; line-height: 1.6; }
.mm-auth-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 16px; margin-top: 24px; }
.mm-auth-card { background: var(--mm-cream-3); border: 1.5px solid var(--mm-mg); border-radius: 10px; padding: 20px 16px; display: flex; align-items: center; justify-content: center; text-align: center; cursor: default; transition: all .2s; min-height: 80px; }
.mm-auth-card:hover { border-color: var(--mm-r); box-shadow: 0 2px 12px rgba(0, 0, 0, .08); }
.mm-auth-card span { font-family: var(--mm-fh); font-size: 16px; font-weight: 800; color: var(--mm-tm); text-transform: uppercase; letter-spacing: .5px; }
.mm-auth-badge { display: inline-flex; align-items: center; gap: 8px; background: #DCFCE7; color: #15803D; font-size: 12px; font-weight: 700; padding: 6px 14px; border-radius: 20px; margin-bottom: 16px; }

/* ── CUSTOMER REVIEWS ── */
.mm-reviews-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.mm-rev-card { background: var(--mm-cream-3); border: 1.5px solid var(--mm-mg); border-radius: 12px; padding: 24px; transition: all .2s; position: relative; }
.mm-rev-card:hover { border-color: var(--mm-r); box-shadow: 0 4px 20px rgba(0, 0, 0, .08); }
.mm-rev-quote { font-size: 48px; color: var(--mm-r); opacity: .2; font-family: Georgia, serif; line-height: .6; margin-bottom: 12px; }
.mm-rev-text { font-size: 14px; color: var(--mm-tm); line-height: 1.7; margin-bottom: 16px; font-style: italic; }
.mm-rev-stars { color: #F59E0B; font-size: 16px; margin-bottom: 12px; letter-spacing: 2px; }
.mm-rev-author { display: flex; align-items: center; gap: 12px; }
.mm-rev-avatar { width: 42px; height: 42px; border-radius: 50%; background: var(--mm-r); display: flex; align-items: center; justify-content: center; font-family: var(--mm-fh); font-size: 18px; font-weight: 800; color: #fff; flex-shrink: 0; }
.mm-rev-name { font-weight: 700; font-size: 14px; color: var(--mm-t); }
.mm-rev-loc { font-size: 12px; color: var(--mm-tm); }
.mm-rev-type { display: inline-block; background: #FEE2E2; color: var(--mm-r); font-size: 10px; font-weight: 700; padding: 2px 8px; border-radius: 4px; text-transform: uppercase; letter-spacing: .5px; margin-top: 3px; }
.mm-rev-summary { background: var(--mm-r); border-radius: 12px; padding: 28px 32px; display: flex; align-items: center; justify-content: space-around; gap: 24px; margin-bottom: 28px; }
.mm-rev-sum-item { text-align: center; color: #fff; }
.mm-rev-sum-num { font-family: var(--mm-fh); font-size: 48px; font-weight: 800; color: var(--mm-gold); line-height: 1; }
.mm-rev-sum-lbl { font-size: 13px; color: rgba(255, 255, 255, .78); }

/* ── NEWS ── */
.mm-ng { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.mm-nc { background: var(--mm-cream-3); border: 1.5px solid var(--mm-mg); border-radius: 12px; overflow: hidden; transition: all .2s; display: block; color: var(--mm-t); }
.mm-nc:hover { border-color: var(--mm-r); box-shadow: 0 2px 12px rgba(0, 0, 0, .08); transform: translateY(-2px); }
.mm-nimg { height: 175px; background: var(--mm-cream-2); display: flex; align-items: center; justify-content: center; font-size: 50px; overflow: hidden; }
.mm-nimg img { width: 100%; height: 100%; object-fit: cover; }
.mm-nbody { padding: 16px; }
.mm-ntag { display: inline-block; background: #F5D5D5; color: var(--mm-r); font-size: 10px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; padding: 3px 8px; border-radius: 4px; margin-bottom: 8px; }
.mm-ntit { font-family: var(--mm-fh); font-size: 20px; font-weight: 700; line-height: 1.2; margin-bottom: 8px; text-transform: uppercase; }
.mm-nexc { font-size: 13px; color: var(--mm-tm); line-height: 1.6; margin-bottom: 12px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.mm-nmeta { display: flex; align-items: center; justify-content: space-between; font-size: 12px; color: var(--mm-tm); }
.mm-nmore { color: var(--mm-r); font-weight: 700; font-family: var(--mm-fb); font-size: 13px; text-transform: uppercase; }

/* ── IN-STORE VS ONLINE ── */
.mm-vs-section { background: var(--mm-cream); padding: 48px 0; }
.mm-vs-grid { display: grid; grid-template-columns: 1fr auto 1fr; gap: 0; align-items: stretch; }
.mm-vs-col { background: var(--mm-cream-3); border: 1.5px solid var(--mm-mg); border-radius: 12px; padding: 32px 28px; }
.mm-vs-col-online { background: var(--mm-r); }
.mm-vs-divider { display: flex; align-items: center; justify-content: center; padding: 0 20px; }
.mm-vs-circle { width: 56px; height: 56px; border-radius: 50%; background: var(--mm-t); color: var(--mm-gold); font-family: var(--mm-fh); font-size: 18px; font-weight: 800; display: flex; align-items: center; justify-content: center; }
.mm-vs-head { display: flex; align-items: center; gap: 12px; margin-bottom: 20px; }
.mm-vs-icon { font-size: 32px; }
.mm-vs-htit { font-family: var(--mm-fh); font-size: 24px; font-weight: 800; text-transform: uppercase; }
.mm-vs-col-online .mm-vs-htit { color: #fff; }
.mm-vs-col-online .mm-vs-lbl { color: rgba(255, 255, 255, .65); }
.mm-vs-lbl { font-size: 11px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; color: var(--mm-tm); }
.mm-vs-list { display: flex; flex-direction: column; gap: 10px; }
.mm-vs-list li { display: flex; align-items: flex-start; gap: 10px; font-size: 14px; }
.mm-vs-list li::before { content: '✓'; background: var(--mm-r); color: #fff; width: 20px; height: 20px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 700; flex-shrink: 0; margin-top: 1px; }
.mm-vs-col-online .mm-vs-list li::before { background: rgba(255, 255, 255, .3); color: #fff; }
.mm-vs-col-online .mm-vs-list li { color: rgba(255, 255, 255, .88); }

/* ── WHOLESALE APPLICATION FORM ── */
.mm-whl-form-sec { background: linear-gradient(135deg, #111 0%, #2D2D2D 100%); padding: 56px 0; }
.mm-whl-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; }
.mm-whl-form-left h2 { font-family: var(--mm-fh); font-size: 44px; font-weight: 800; color: #fff; text-transform: uppercase; line-height: 1.05; margin-bottom: 12px; }
.mm-whl-form-left h2 span { color: var(--mm-r); }
.mm-whl-form-left p { font-size: 15px; color: rgba(255, 255, 255, .65); line-height: 1.7; margin-bottom: 24px; }
.mm-whl-perks { display: flex; flex-direction: column; gap: 10px; }
.mm-wp { background: rgba(255, 255, 255, .06); border: 1px solid rgba(255, 255, 255, .1); border-radius: 8px; padding: 12px 16px; display: flex; align-items: center; gap: 10px; }
.mm-wpic { font-size: 22px; }
.mm-wp strong { display: block; color: #fff; font-size: 13px; font-weight: 700; }
.mm-wp span { color: rgba(255, 255, 255, .45); font-size: 11px; }
.mm-whl-form { background: var(--mm-cream-3); border-radius: 14px; padding: 32px; }
.mm-whl-form h3 { font-family: var(--mm-fh); font-size: 24px; font-weight: 800; color: var(--mm-t); text-transform: uppercase; margin-bottom: 6px; }
.mm-whl-form > p { font-size: 13px; color: var(--mm-tm); margin-bottom: 20px; }
.mm-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 12px; }
.mm-form-group { display: flex; flex-direction: column; gap: 5px; margin-bottom: 12px; }
.mm-form-group label { font-size: 12px; font-weight: 700; color: var(--mm-tm); text-transform: uppercase; letter-spacing: .5px; }
.mm-form-group input,
.mm-form-group select,
.mm-form-group textarea { padding: 11px 14px; font-size: 14px; font-family: var(--mm-fb); border: 1.5px solid var(--mm-mg); border-radius: 8px; background: #fff; color: var(--mm-t); outline: none; transition: border-color .2s; width: 100%; }
.mm-form-group input:focus,
.mm-form-group select:focus,
.mm-form-group textarea:focus { border-color: var(--mm-r); }
.mm-form-group textarea { resize: vertical; min-height: 80px; }
.mm-form-submit { width: 100%; background: var(--mm-r); color: #fff; border: none; padding: 14px; border-radius: 8px; font-family: var(--mm-fb); font-size: 15px; font-weight: 700; cursor: pointer; transition: all .2s; text-transform: uppercase; letter-spacing: .5px; }
.mm-form-submit:hover { background: var(--mm-rd); transform: translateY(-2px); }
.mm-form-note { font-size: 11px; color: var(--mm-tm); text-align: center; margin-top: 10px; }

/* Honeypot (spam trap) + submit result notice — same rules as
   assets/css/contact.css's identical block; duplicated rather than shared
   since this form's dark-gradient section needs its own notice contrast. */
.mm-hp { position: absolute; left: -9999px; top: -9999px; }
.mm-contact-notice { padding: 12px 16px; border-radius: 8px; font-size: 13.5px; font-weight: 600; margin-bottom: 16px; }
.mm-contact-notice-success { background: #E5F3EA; color: #1F7A3F; border: 1px solid #B8E0C4; }
.mm-contact-notice-error { background: #FBE8E8; color: var(--mm-rd); border: 1px solid #F2C2C2; }

/* ── LOYALTY REWARDS ── */
.mm-loyalty { background: linear-gradient(135deg, #1A1A2E 0%, #0F3460 100%); padding: 48px 0; }
.mm-loyalty-in { display: flex; align-items: center; justify-content: space-between; gap: 40px; }
.mm-loyalty-text h2 { font-family: var(--mm-fh); font-size: 40px; font-weight: 800; color: #fff; text-transform: uppercase; line-height: 1.05; margin-bottom: 10px; }
.mm-loyalty-text h2 span { color: var(--mm-gold); }
.mm-loyalty-text p { font-size: 15px; color: rgba(255, 255, 255, .65); line-height: 1.65; max-width: 440px; }
.mm-loyalty-steps { display: flex; gap: 20px; flex-shrink: 0; }
.mm-lstep { background: rgba(255, 255, 255, .08); border: 1px solid rgba(255, 255, 255, .12); border-radius: 12px; padding: 20px; text-align: center; min-width: 120px; }
.mm-lstep-num { font-family: var(--mm-fh); font-size: 36px; font-weight: 800; color: var(--mm-gold); line-height: 1; }
.mm-lstep-icon { font-size: 28px; margin: 6px 0; }
.mm-lstep-lbl { font-size: 12px; color: rgba(255, 255, 255, .7); font-weight: 500; line-height: 1.3; }
.mm-loyalty-btn { display: inline-block; margin-top: 20px; padding: 13px 28px; background: var(--mm-gold); color: var(--mm-t); border-radius: 6px; font-family: var(--mm-fb); font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: .5px; transition: all .2s; }
.mm-loyalty-btn:hover { background: #ffc700; transform: translateY(-2px); }

/* ── APP DOWNLOAD BANNER ── */
.mm-app-banner { background: var(--mm-r); padding: 32px 0; }
.mm-app-in { display: flex; align-items: center; justify-content: space-between; gap: 32px; }
.mm-app-text h3 { font-family: var(--mm-fh); font-size: 32px; font-weight: 800; color: #fff; text-transform: uppercase; line-height: 1.1; margin-bottom: 6px; }
.mm-app-text p { font-size: 14px; color: rgba(255, 255, 255, .78); max-width: 400px; }
.mm-app-badges { display: flex; gap: 12px; flex-shrink: 0; }
.mm-app-badge { background: rgba(0, 0, 0, .3); border: 1.5px solid rgba(255, 255, 255, .3); border-radius: 10px; padding: 10px 20px; display: flex; align-items: center; gap: 10px; color: #fff; transition: all .2s; cursor: pointer; }
.mm-app-badge:hover { background: rgba(0, 0, 0, .5); border-color: #fff; }
.mm-app-badge-icon { font-size: 28px; }
.mm-app-badge-text small { display: block; font-size: 10px; color: rgba(255, 255, 255, .7); font-weight: 500; }
.mm-app-badge-text strong { display: block; font-size: 15px; font-weight: 700; }

/* ── NEWSLETTER (inline homepage version) ── */
.mm-nl-inline { background: var(--mm-cream-2); padding: 48px 0; }
.mm-nl-inline-in { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: center; }
.mm-nl-inline-text h2 { font-family: var(--mm-fh); font-size: 36px; font-weight: 800; color: var(--mm-t); text-transform: uppercase; line-height: 1.1; margin-bottom: 10px; }
.mm-nl-inline-text h2 span { color: var(--mm-r); }
.mm-nl-inline-text p { font-size: 14px; color: var(--mm-tm); line-height: 1.7; }
.mm-nl-form-big { display: flex; gap: 0; border-radius: 8px; overflow: hidden; border: 2px solid var(--mm-mg); background: #fff; }
.mm-nl-form-big input { flex: 1; padding: 14px 18px; font-size: 14px; border: none; outline: none; font-family: var(--mm-fb); background: transparent; }
.mm-nl-form-big button { background: var(--mm-r); color: #fff; border: none; padding: 14px 24px; font-family: var(--mm-fb); font-size: 14px; font-weight: 700; cursor: pointer; transition: background .2s; white-space: nowrap; }
.mm-nl-form-big button:hover { background: var(--mm-rd); }
.mm-nl-offer { display: inline-flex; align-items: center; gap: 8px; background: #FEF9C3; color: #854D0E; font-size: 13px; font-weight: 700; padding: 8px 16px; border-radius: 8px; margin-bottom: 16px; }
.mm-nl-perks { display: flex; gap: 16px; margin-top: 14px; flex-wrap: wrap; }
.mm-nl-perk { font-size: 12px; color: var(--mm-tm); display: flex; align-items: center; gap: 5px; }
.mm-nl-perk::before { content: '✓'; color: var(--mm-r); font-weight: 700; }
.mm-nl-fineprint { font-size: 11px; color: var(--mm-tm); margin-top: 10px; text-align: center; }

/* ── GOOGLE MAP + STORE INFO ── */
.mm-map-sec { background: var(--mm-cream); padding: 48px 0; }
.mm-map-grid { display: grid; grid-template-columns: 1fr 1.6fr; gap: 0; border-radius: 14px; overflow: hidden; border: 1.5px solid var(--mm-mg); }
.mm-map-info { background: var(--mm-t); padding: 36px 32px; display: flex; flex-direction: column; gap: 20px; }
.mm-map-info-title { font-family: var(--mm-fh); font-size: 28px; font-weight: 800; color: #fff; text-transform: uppercase; line-height: 1.1; }
.mm-map-info-title span { color: var(--mm-r); }
.mm-map-detail { display: flex; gap: 14px; align-items: flex-start; }
.mm-map-detail-icon { font-size: 22px; flex-shrink: 0; margin-top: 2px; }
.mm-map-detail-text strong { display: block; color: #fff; font-size: 13px; font-weight: 700; margin-bottom: 3px; }
.mm-map-detail-text span { font-size: 13px; color: rgba(255, 255, 255, .55); line-height: 1.6; }
.mm-map-btns { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 8px; }
.mm-map-btn { padding: 11px 20px; border-radius: 6px; font-family: var(--mm-fb); font-size: 13px; font-weight: 700; text-transform: uppercase; transition: all .2s; display: inline-block; letter-spacing: .4px; }
.mm-map-btn-red { background: var(--mm-r); color: #fff; }
.mm-map-btn-red:hover { background: var(--mm-rd); }
.mm-map-btn-out { background: transparent; color: #fff; border: 1.5px solid rgba(255, 255, 255, .35); }
.mm-map-btn-out:hover { border-color: #fff; background: rgba(255, 255, 255, .08); }
.mm-map-frame { width: 100%; height: 100%; min-height: 380px; border: none; display: block; }

/* ── WHOLESALE CTA ── */
.mm-whl-cta { background: var(--mm-cream-2); padding: 56px 24px; }
.mm-whl-cta-in { max-width: 1280px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 40px; background: linear-gradient(135deg, var(--mm-r) 0%, var(--mm-rdd) 100%); border-radius: 16px; padding: 40px 48px; position: relative; overflow: hidden; }
.mm-whl-cta-in::before { content: ''; position: absolute; inset: 0; background: repeating-linear-gradient(-45deg, rgba(255, 255, 255, .03) 0px, rgba(255, 255, 255, .03) 1px, transparent 1px, transparent 30px); pointer-events: none; }
.mm-whl-cta-text h2 { font-family: var(--mm-fh); font-size: 40px; font-weight: 800; color: #fff; text-transform: uppercase; line-height: 1.05; margin-bottom: 10px; }
.mm-whl-cta-text p { font-size: 14px; color: rgba(255, 255, 255, .78); line-height: 1.65; max-width: 440px; }
.mm-whl-cta-actions { display: flex; gap: 12px; flex-wrap: wrap; flex-shrink: 0; }
.mm-whl-cta-btn { padding: 14px 28px; border-radius: 8px; font-family: var(--mm-fb); font-size: 14px; font-weight: 700; text-transform: uppercase; transition: all .2s; display: inline-block; letter-spacing: .4px; position: relative; z-index: 1; }
.mm-whl-cta-btn-w { background: #fff; color: var(--mm-r); }
.mm-whl-cta-btn-w:hover { background: var(--mm-gold); color: var(--mm-rdd); }
.mm-whl-cta-btn-o { background: transparent; color: #fff; border: 2px solid rgba(255, 255, 255, .5); }
.mm-whl-cta-btn-o:hover { border-color: #fff; background: rgba(255, 255, 255, .15); }

/* ── STORE HOURS STRIP ── */
.mm-sstrip { background: var(--mm-r); padding: 20px 24px; }
.mm-sstrip-in { max-width: 1280px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.mm-sinf { display: flex; align-items: center; gap: 14px; color: #fff; }
.mm-sico { font-size: 30px; }
.mm-sinf strong { display: block; font-family: var(--mm-fh); font-size: 20px; font-weight: 700; text-transform: uppercase; }
.mm-sinf span { font-size: 13px; color: rgba(255, 255, 255, .75); }
.mm-shrs { color: #fff; text-align: center; }
.mm-shrs strong { display: block; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: rgba(255, 255, 255, .62); margin-bottom: 3px; }
.mm-shrs span { font-size: 14px; font-weight: 600; }
.mm-sstrip-btns { display: flex; gap: 10px; }
.mm-sbtn { padding: 10px 18px; border-radius: 6px; font-weight: 700; font-family: var(--mm-fb); font-size: 13px; letter-spacing: .3px; text-transform: uppercase; transition: all .2s; display: inline-block; }
.mm-sbw { background: var(--mm-cream-3); color: var(--mm-r); }
.mm-sbw:hover { background: var(--mm-gold); }
.mm-sbo { background: transparent; color: #fff; border: 2px solid rgba(255, 255, 255, .42); }
.mm-sbo:hover { border-color: #fff; background: rgba(255, 255, 255, .1); }

/* ══════════ RESPONSIVE ══════════ */
@media (min-width: 1440px) {
	.mm-sc { padding: 70px 100px; }
	.mm-stitle { font-size: 64px; }
}
@media (max-width: 1100px) {
	.mm-cg { grid-template-columns: repeat(5, 1fr); }
	.mm-prodg, .mm-new-arr-grid { grid-template-columns: repeat(4, 1fr); }
	.mm-pg { grid-template-columns: 1fr 1fr; }
	.mm-pc:first-child { grid-column: span 2; }
	.mm-auth-grid { grid-template-columns: repeat(4, 1fr); }
	.mm-reviews-grid { grid-template-columns: repeat(2, 1fr); }
	.mm-flash-grid { grid-template-columns: repeat(3, 1fr); }
	.mm-stats-bar-in { grid-template-columns: repeat(3, 1fr); }
	.mm-whl-form-grid { gap: 36px; }
}
@media (max-width: 1024px) {
	.mm-sc { padding: 50px 60px; }
	.mm-stitle { font-size: 44px; }
	.mm-cg { grid-template-columns: repeat(4, 1fr); }
	.mm-prodg, .mm-new-arr-grid { grid-template-columns: repeat(3, 1fr); }
	.mm-ng { grid-template-columns: repeat(2, 1fr); }
	.mm-map-grid { grid-template-columns: 1fr; }
	.mm-map-frame { min-height: 300px; }
	.mm-reviews-grid { grid-template-columns: repeat(2, 1fr); }
	.mm-whl-form-grid { grid-template-columns: 1fr; gap: 28px; }
	.mm-loyalty-in { flex-direction: column; gap: 28px; }
	.mm-loyalty-steps { justify-content: center; }
	.mm-vs-grid { grid-template-columns: 1fr; gap: 12px; }
	.mm-vs-divider { padding: 8px 0; }
}
@media (max-width: 900px) {
	.mm-sc { padding: 44px 50px; gap: 20px; }
	.mm-stitle { font-size: 40px; }
	.mm-sstats { display: none; }
	.mm-cg { grid-template-columns: repeat(4, 1fr); }
	.mm-prodg, .mm-new-arr-grid { grid-template-columns: repeat(3, 1fr); }
	.mm-stats-bar-in { grid-template-columns: repeat(3, 1fr); }
	.mm-flash-grid { grid-template-columns: repeat(2, 1fr); }
	.mm-auth-grid { grid-template-columns: repeat(3, 1fr); }
	.mm-app-in { flex-direction: column; text-align: center; }
	.mm-app-badges { justify-content: center; }
	.mm-nl-inline-in { grid-template-columns: 1fr; }
	.mm-whl-cta-in { flex-direction: column; text-align: center; padding: 32px 28px; }
	.mm-whl-cta-actions { justify-content: center; }
	.mm-sstrip-in { flex-wrap: wrap; justify-content: center; gap: 16px; }
}
@media (max-width: 768px) {
	.mm-slide { min-height: 340px; }
	.mm-sc { padding: 36px 48px; flex-direction: column; align-items: flex-start; gap: 20px; }
	.mm-stitle { font-size: 36px; }
	.mm-sstats { display: none; }
	.mm-harr { width: 38px; height: 38px; font-size: 20px; }
	.mm-trust-in { grid-template-columns: repeat(2, 1fr); }
	.mm-ti { padding: 12px 16px; }
	.mm-ti:nth-child(2) { border-right: none; }
	.mm-ti:nth-child(3) { border-top: 1px solid var(--mm-mg); }
	.mm-ti:nth-child(4) { border-top: 1px solid var(--mm-mg); }
	.mm-brands-sec { padding: 28px 0; }
	.mm-brands-hd { flex-direction: column; align-items: flex-start; gap: 10px; margin-bottom: 20px; }
	.mm-cg { grid-template-columns: repeat(3, 1fr); gap: 10px; }
	.mm-ci { width: 46px; height: 46px; font-size: 20px; }
	.mm-pg { grid-template-columns: 1fr; }
	.mm-pc:first-child { grid-column: span 1; }
	.mm-prodg, .mm-new-arr-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }
	.mm-pimg { height: 130px; font-size: 40px; }
	.mm-ng { grid-template-columns: 1fr; }
	.mm-reviews-grid { grid-template-columns: 1fr; }
	.mm-flash-grid { grid-template-columns: repeat(2, 1fr); }
	.mm-auth-grid { grid-template-columns: repeat(3, 1fr); }
	.mm-countdown { flex-direction: column; align-items: flex-start; gap: 6px; }
	.mm-flash-hdr { flex-direction: column; align-items: flex-start; gap: 12px; }
	.mm-rev-summary { flex-direction: column; gap: 16px; padding: 20px; }
	.mm-sec { padding: 36px 0; }
	.mm-container { padding: 0 16px; }
	.mm-map-grid { border-radius: 12px; }
	.mm-map-info { padding: 24px 20px; }
	.mm-sstrip-in { flex-direction: column; text-align: center; gap: 16px; }
	.mm-sinf { justify-content: center; }
	.mm-sstrip-btns { justify-content: center; }
	.mm-whl-form-grid { grid-template-columns: 1fr; }
	.mm-form-row { grid-template-columns: 1fr; }
	.mm-loyalty-steps { flex-wrap: wrap; justify-content: center; }
}
@media (max-width: 600px) {
	.mm-slide { min-height: 300px; }
	.mm-sc { padding: 28px 20px; }
	.mm-stitle { font-size: 30px; }
	.mm-bw, .mm-bo { padding: 11px 20px; font-size: 13px; }
	.mm-cg { grid-template-columns: repeat(3, 1fr); gap: 8px; }
	.mm-cc { padding: 14px 6px 10px; }
	.mm-ci { width: 40px; height: 40px; font-size: 18px; margin-bottom: 8px; }
	.mm-cn { font-size: 10px; }
	.mm-cct { display: none; }
	.mm-prodg, .mm-new-arr-grid { grid-template-columns: repeat(2, 1fr); }
	.mm-pimg { height: 120px; font-size: 36px; }
	.mm-stit { font-size: 26px; }
	.mm-sh { flex-direction: column; align-items: flex-start; gap: 8px; margin-bottom: 16px; }
	.mm-flash-grid { grid-template-columns: 1fr 1fr; }
	.mm-auth-grid { grid-template-columns: repeat(2, 1fr); }
	.mm-stats-bar-in { grid-template-columns: repeat(2, 1fr); }
	.mm-stat-num { font-size: 32px; }
	.mm-cd-block { min-width: 44px; padding: 6px 10px; }
	.mm-cd-num { font-size: 22px; }
	.mm-whl-cta-in { padding: 24px 20px; }
	.mm-whl-cta-text h2 { font-size: 28px; }
}
@media (max-width: 480px) {
	.mm-slide { min-height: 280px; }
	.mm-sc { padding: 24px 16px; }
	.mm-stitle { font-size: 28px; }
	.mm-bw, .mm-bo { padding: 10px 16px; font-size: 12px; }
	.mm-sbtns { gap: 8px; }
	.mm-harr { width: 34px; height: 34px; font-size: 18px; }
	.mm-hprev { left: 8px; }
	.mm-hnext { right: 8px; }
	.mm-trust-in { grid-template-columns: 1fr; }
	.mm-ti { border-right: none; border-bottom: 1px solid var(--mm-mg); padding: 12px 16px; }
	.mm-ti:last-child { border-bottom: none; }
	.mm-brand-logo-card { width: 110px; height: 60px; padding: 8px 14px; }
	.mm-brand-logo-card img { max-width: 80px; max-height: 36px; }
	.mm-brands-track-wrap::before,
	.mm-brands-track-wrap::after { width: 40px; }
	.mm-cg { grid-template-columns: repeat(2, 1fr); }
	.mm-flash-grid { grid-template-columns: 1fr; }
	.mm-auth-grid { grid-template-columns: repeat(2, 1fr); }
	.mm-loyalty-steps { gap: 10px; }
	.mm-lstep { min-width: 100px; padding: 14px; }
	.mm-app-badges { flex-direction: column; width: 100%; }
	.mm-app-badge { justify-content: center; }
	.mm-nl-form-big { flex-direction: column; border-radius: 8px; }
	.mm-nl-form-big input { border-radius: 8px; }
	.mm-nl-form-big button { border-radius: 8px; }
	.mm-sec { padding: 28px 0; }
	.mm-container { padding: 0 12px; }
	.mm-stit { font-size: 24px; }
	.mm-map-info { padding: 20px 16px; }
	.mm-map-btns { flex-direction: column; }
	.mm-map-btn { text-align: center; }
	.mm-whl-form { padding: 20px 16px; }
}
@media (max-width: 375px) {
	.mm-stitle { font-size: 24px; }
	.mm-cg { grid-template-columns: repeat(2, 1fr); }
	.mm-prodg, .mm-new-arr-grid { grid-template-columns: 1fr 1fr; }
	.mm-stit { font-size: 22px; }
	.mm-stats-bar-in { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 320px) {
	.mm-stitle { font-size: 22px; }
	.mm-cg { grid-template-columns: repeat(2, 1fr); gap: 6px; }
	.mm-ci { width: 38px; height: 38px; font-size: 16px; }
	.mm-prodg, .mm-new-arr-grid { grid-template-columns: 1fr; }
	.mm-stit { font-size: 20px; }
	.mm-container { padding: 0 10px; }
	.mm-stat-num { font-size: 28px; }
	.mm-stats-bar-in { grid-template-columns: 1fr 1fr; }
}