/* Before-and-after photo cards inside the sliding review row (4 Nov 2026). Markup: _mm_revmix.php.
   They share the review cards' size, border and slide-in, so the row reads as one set. */

/* The reviews section was content-visibility:auto (a speed-up for sections below the fold). With photo cards in the
   sliding row, the pictures stayed blank until the section was forced to render, so this one section always renders. */
#reviews.mm-cv{content-visibility:visible}

.mm-revcar__track > .mm-review--photo{padding:12px 12px 16px;gap:12px;background:var(--mm-paper)}
.mm-revph{flex:0 0 auto;display:grid;grid-template-columns:1fr 1fr;gap:6px}
.mm-revph__pane{position:relative;margin:0;border-radius:14px;overflow:hidden;background:var(--mm-oat);aspect-ratio:4/5}
.mm-revph__pane img{display:block;width:100%;height:100%;object-fit:cover}
.mm-revph__tag{position:absolute;left:8px;top:8px;padding:5px 9px;border-radius:99px;font:600 10.5px/1 var(--mm-sans);letter-spacing:.1em;text-transform:uppercase;background:rgba(36,33,29,.78);color:#fff}
.mm-revph__pane--after .mm-revph__tag{background:var(--mm-pine)}
.mm-revph__cap{display:grid;gap:3px;padding:0 4px;margin-top:auto}
.mm-revph__cap b{font:600 15px/1.25 var(--mm-display);color:var(--mm-ink);letter-spacing:-.005em}
.mm-revph__cap span{font-size:12.5px;line-height:1.3;color:var(--mm-ink-3)}