/*
 * Mainland units, the unit page (S011, mainland-inventory; 14 §6, 02 §7.12, §7.14). Loaded on top of units.css only
 * where one of its blocks prints (functions.php, mainland_block_styles(): mainland-units-page). The Max-Atlas model
 * page's own rules are in pages-finance.css (the Max-Atlas group). Tokens only; grids minmax(0, …).
 */

/* 7. Unit page (14 §6, 02 §7.12, §7.14) ------------------------------------------------------------------------------ */
/* A light title band (breadcrumbs, H1 with the key spec, status, stock and tools), then on paper the gallery with the
   action panel beside it (sticky from 960 px) and the data plate, highlights and compliance under the gallery;
   the request form on mist, similar units, the yard. The gallery is the page's LCP and its one bracketed image. */
.mn-unit-head { padding-block: var(--wp--preset--spacing--50) var(--wp--preset--spacing--40); background: var(--wp--preset--color--paper); }
.mn-unit-head .mn-crumbs { color: var(--mn-text-muted); }
.mn-unit-head .mn-crumbs a { color: var(--mn-text); }
.mn-unit-head .mn-crumbs [aria-current] { color: var(--mn-text-muted); }
.mn-unit-head__title { margin: var(--wp--preset--spacing--40) 0 0; color: var(--mn-text-strong); font-size: var(--wp--preset--font-size--xx-large); line-height: var(--wp--custom--line-height--heading); text-wrap: balance; }
.mn-unit-head__key { color: var(--mn-text-muted); font-variant-numeric: tabular-nums; white-space: nowrap; }
.mn-unit-head__bar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 24px; margin-block-start: var(--wp--preset--spacing--40); }
.mn-unit-head__tools { display: flex; flex: none; gap: var(--wp--preset--spacing--20); }
.mn-unit-head__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; margin: 0; color: var(--mn-text); font-size: var(--wp--preset--font-size--small); }
.mn-unit-head__meta > :not(:first-child) { display: inline-flex; align-items: center; gap: 6px; }
.mn-unit-head__meta > :not(:first-child)::before { content: ""; flex: none; inline-size: 4px; block-size: 4px; margin-inline-end: 8px; border-radius: 50%; background: var(--mn-rule-2); }
.mn-unit-head__stock { color: var(--mn-text-strong); font-weight: 600; }
.mn-unit-head__where .mn-icon { inline-size: 16px; block-size: 16px; color: var(--mn-ring-fg); }
.mn-chip--sold { border-color: rgba(var(--wp--custom--ink-rgb), 0.2); background: var(--wp--preset--color--ink-1); }
.mn-unit-band { padding-block: 0 var(--wp--preset--spacing--70); }
.mn-unit-layout { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--wp--preset--spacing--50); }
.mn-unit-layout > *,
.mn-unit-details > *,
.mn-inv-band .mn-container > * { margin-block: 0; } /* The grid sets the gaps, not the flow layout's block gap. */
.mn-unit-details { display: grid; gap: var(--wp--preset--spacing--60); min-inline-size: 0; }
@media (min-width: 960px) {
	.mn-unit-layout { grid-template-columns: minmax(0, 1fr) minmax(21rem, 25rem); grid-template-areas: "gallery panel" "details panel"; align-items: start; column-gap: var(--wp--preset--spacing--60); }
	.mn-unit-layout > .mn-gal { grid-area: gallery; }
	.mn-unit-layout > .mn-unit-panel { grid-area: panel; position: sticky; inset-block-start: calc(var(--mn-sticky-top) + 16px); }
	.mn-unit-layout > .mn-unit-details { grid-area: details; }
	.mn-unit-layout:has(> .mn-similar--sold) { grid-template-areas: "gallery panel" "similar panel" "details panel"; }
	.mn-unit-layout > .mn-similar--sold { grid-area: similar; margin: 0; }
}

/* Gallery: a 4:3 scroll-snap track (native swipe), previous and next squares on the stage from 960 px, the counter
   chip, the thumbnails under it from 960 px (12, then "Show all"). Portrait photos fill the frame (never letterboxed). */
.mn-gal { min-inline-size: 0; }
.mn-gal__stage { --mn-photo-pos: 50% 58%; position: relative; aspect-ratio: 4 / 3; overflow: hidden; border-radius: var(--wp--custom--radius--lg); background: var(--wp--preset--color--paper-2); box-shadow: var(--mn-shadow-card); }
.mn-gal__track { display: flex; block-size: 100%; margin: 0; padding: 0; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scrollbar-width: none; list-style: none; }
.mn-gal__track::-webkit-scrollbar { display: none; }
.mn-gal__track:focus { outline: none; }
.mn-gal__slide { flex: 0 0 100%; block-size: 100%; scroll-snap-align: start; scroll-snap-stop: always; }
.mn-gal__open { display: block; inline-size: 100%; block-size: 100%; padding: 0; border: 0; background: none; cursor: zoom-in; }
.mn-gal__open:focus-visible { outline: var(--wp--custom--focus--width) solid var(--mn-focus); outline-offset: -4px; }
.mn-gal__open > picture { display: contents; }
.mn-gal__img { display: block; inline-size: 100%; block-size: 100%; object-fit: cover; object-position: var(--mn-photo-pos); }
.mn-gal__stage > .mn-brackets { z-index: var(--mn-z-over); pointer-events: none; }
.mn-gal__count { position: absolute; inset-block-end: 12px; inset-inline-end: 12px; z-index: var(--mn-z-raised); pointer-events: none; }
.mn-gal__step { position: absolute; inset-block-start: 50%; z-index: var(--mn-z-raised); display: none; place-items: center; inline-size: 44px; block-size: 44px; margin-block-start: -22px; padding: 0; border: 1px solid rgba(255, 255, 255, 0.22); border-radius: var(--wp--custom--radius--sm); background: rgba(var(--wp--custom--ink-rgb), 0.55); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); color: var(--wp--preset--color--white); cursor: pointer; }
.mn-gal__step:hover { background: rgba(var(--wp--custom--ink-rgb), 0.8); }
.mn-gal__step:focus-visible { outline: var(--wp--custom--focus--width) solid var(--wp--preset--color--cyan); outline-offset: 2px; }
.mn-gal__step--prev { inset-inline-start: 12px; }
.mn-gal__step--next { inset-inline-end: 12px; }
.mn-gal__ribbon { position: absolute; inset-block-start: 22px; inset-inline-start: -46px; z-index: var(--mn-z-raised); inline-size: 180px; padding: 6px 0; background: var(--wp--preset--color--error); color: var(--wp--preset--color--white); font-size: var(--wp--preset--font-size--small); font-weight: 800; letter-spacing: 0.18em; text-align: center; text-transform: uppercase; transform: rotate(-45deg); box-shadow: 0 6px 18px rgba(var(--wp--custom--ink-rgb), 0.35); }
/* No photos yet: the graphite stage, lit from below, with the unit type's line icon in a ring and a way to ask. */
.mn-gal__stage--empty { isolation: isolate; display: grid; place-items: center; aspect-ratio: 16 / 10; background: var(--wp--preset--gradient--stage); }
.mn-gal__empty { position: relative; display: grid; justify-items: center; gap: 10px; max-inline-size: 30rem; padding: 24px; text-align: center; }
.mn-gal__empty > p { margin: 0; }
.mn-gal__empty-icon { display: grid; place-items: center; inline-size: 104px; block-size: 104px; margin-block-end: 8px; border: 1px solid var(--mn-ring-border); border-radius: 50%; background: var(--mn-ring-bg); box-shadow: 0 0 0 12px rgba(var(--wp--custom--cyan-rgb), 0.035), 0 0 48px rgba(var(--wp--custom--cyan-rgb), 0.18); color: var(--mn-ring-fg); }
.mn-gal__empty-icon .mn-icon { inline-size: 52px; block-size: 52px; stroke-width: 1.2; }
.mn-gal__empty-title { color: var(--mn-text-strong); font-family: var(--wp--preset--font-family--display); font-size: var(--wp--preset--font-size--x-large); font-weight: 800; letter-spacing: var(--wp--custom--tracking--title); }
.mn-gal__empty-text { color: var(--mn-text); font-size: var(--wp--preset--font-size--small); }
.mn-gal__empty .mn-btn { margin-block-start: 8px; }
.mn-gal__thumbs { display: none; }
.mn-gal__tools { display: flex; flex-wrap: wrap; gap: var(--wp--preset--spacing--30); margin-block-start: var(--wp--preset--spacing--30); }
.mn-gal__tools:empty { display: none; }
.mn-gal__player { inline-size: 100%; aspect-ratio: 16 / 9; border: 0; border-radius: var(--wp--custom--radius--md); }
@media (min-width: 960px) {
	.mn-gal__step { display: grid; }
	.mn-gal__thumbs { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 8px; margin: 12px 0 0; padding: 0; list-style: none; }
	.mn-gal__thumbs > li { min-inline-size: 0; }
	.mn-gal__thumb { display: block; inline-size: 100%; aspect-ratio: 4 / 3; overflow: hidden; padding: 0; border: 0; border-radius: var(--wp--custom--radius--sm); background: var(--wp--preset--color--paper-2); cursor: pointer; opacity: 0.78; transition: opacity var(--wp--custom--motion--micro) var(--wp--custom--motion--ease); }
	.mn-gal__thumb img { display: block; inline-size: 100%; block-size: 100%; object-fit: cover; }
	.mn-gal__thumb:hover,
	.mn-gal__thumb.is-current { opacity: 1; }
	.mn-gal__thumb.is-current { outline: 2px solid var(--mn-text-strong); outline-offset: 2px; }
	.mn-gal__thumb:focus-visible { outline: var(--wp--custom--focus--width) solid var(--mn-focus); outline-offset: 2px; }
}

/* Lightbox (02 §7.14): ink at 96%, the photo ungraded and fitted, caption and counter, 48 px controls. */
.mn-lightbox { box-sizing: border-box; inline-size: 100vw; max-inline-size: 100vw; block-size: 100dvh; max-block-size: 100dvh; margin: 0; padding: 56px 16px 48px; border: 0; background: rgba(var(--wp--custom--ink-rgb), 0.96); color: var(--wp--preset--color--white); }
.mn-lightbox[open] { display: grid; place-items: center; }
.mn-lightbox::backdrop { background: rgba(var(--wp--custom--ink-rgb), 0.5); }
.mn-lightbox__frame { display: grid; gap: 10px; justify-items: center; max-inline-size: 100%; max-block-size: 100%; margin: 0; }
.mn-lightbox__img { max-inline-size: min(100%, 1600px); max-block-size: calc(100dvh - 140px); object-fit: contain; filter: none; touch-action: pan-y pinch-zoom; }
.mn-lightbox__caption { margin: 0; color: var(--wp--preset--color--on-dark-2); font-size: var(--wp--preset--font-size--small); text-align: center; }
.mn-lightbox__count { position: fixed; inset-block-start: 18px; inset-inline-start: 20px; margin: 0; font-size: var(--wp--preset--font-size--small); }
.mn-lightbox__btn { position: fixed; display: grid; place-items: center; inline-size: 48px; block-size: 48px; padding: 0; border: 1px solid rgba(255, 255, 255, 0.22); border-radius: var(--wp--custom--radius--sm); background: rgba(255, 255, 255, 0.06); color: var(--wp--preset--color--white); cursor: pointer; }
.mn-lightbox__btn:hover { background: rgba(255, 255, 255, 0.14); }
.mn-lightbox__btn:focus-visible { outline: var(--wp--custom--focus--width) solid var(--wp--preset--color--cyan); outline-offset: 2px; }
.mn-lightbox__close { inset-block-start: 8px; inset-inline-end: 8px; }
.mn-lightbox__prev { inset-block-start: 50%; inset-inline-start: 8px; margin-block-start: -24px; }
.mn-lightbox__next { inset-block-start: 50%; inset-inline-end: 8px; margin-block-start: -24px; }

/* The action panel (03 §16.2): a white card; the price large in tabular figures, the as-of lines, the estimate as a
   disclosure that opens the estimator, the primary request, Call, Text and WhatsApp, the trade and lease links. */
.mn-unit-panel { display: grid; gap: var(--wp--preset--spacing--40); padding: 28px; border: 1px solid var(--mn-rule); border-radius: var(--wp--custom--radius--lg); background: var(--mn-surface-raised); box-shadow: var(--mn-shadow-card); }
.mn-unit-panel > * { margin: 0; }
.mn-price-block > p { margin: 0; }
.mn-price-block__price { color: var(--mn-text-strong); font-family: var(--wp--preset--font-family--display); font-size: var(--wp--preset--font-size--xx-large); font-weight: 800; line-height: 1; letter-spacing: var(--wp--custom--tracking--heading); font-variant-numeric: tabular-nums; }
.mn-price-block__price--call { font-size: var(--wp--preset--font-size--x-large); line-height: 1.15; }
.mn-price-block__meta { margin-block-start: 6px !important; color: var(--mn-text); font-size: var(--wp--custom--font-size--meta); }
.mn-price-block--sold .mn-price-block__price { color: var(--wp--preset--color--error); }
.mn-unit-panel__row { display: flex; flex-wrap: wrap; gap: var(--wp--preset--spacing--20); margin-block-start: calc(-1 * var(--wp--preset--spacing--20)); }
.mn-unit-panel__row > .mn-btn { flex: 1 1 auto; justify-content: center; }
.mn-unit-panel__row > .mn-unit-panel__call { flex-grow: 2; }

/* Key facts: a 2 × 2 grid of hairline-split tiles under the price. */
.mn-unit-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; margin: 0; overflow: hidden; border: 1px solid var(--mn-rule); border-radius: var(--wp--custom--radius--md); background: var(--mn-rule); }
.mn-unit-facts__item { display: grid; align-content: start; gap: 4px; min-inline-size: 0; padding: 12px 14px; background: var(--wp--preset--color--paper); }
.mn-unit-facts dt { display: flex; align-items: center; gap: 6px; color: var(--mn-text-muted); font-size: var(--wp--custom--font-size--micro); font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; }
.mn-unit-facts__item:last-child:nth-child(odd) { grid-column: 1 / -1; }
.mn-unit-facts__icon { flex: none; inline-size: 14px; block-size: 14px; color: var(--mn-ring-fg); }
.mn-unit-facts dd { margin: 0; color: var(--mn-text-strong); font-size: var(--wp--custom--font-size--ui); font-weight: 700; line-height: 1.25; overflow-wrap: anywhere; }

/* Options: ruled icon rows (Value my trade, Lease-to-own, Apply with Blue Capital), each a 52 px target. */
.mn-unit-panel__options { margin: 0; padding: 0; list-style: none; border-block-start: 1px solid var(--mn-rule); }
.mn-unit-panel__options > li { border-block-end: 1px solid var(--mn-rule); }
.mn-unit-panel__option { display: flex; align-items: center; gap: 12px; min-block-size: 52px; padding-block: 10px; color: var(--mn-text-strong); font-size: var(--wp--custom--font-size--ui); font-weight: 600; text-decoration: none; }
.mn-unit-panel__option-icon { flex: none; inline-size: 20px; block-size: 20px; color: var(--mn-ring-fg); }
.mn-unit-panel__option-text { display: grid; flex: 1; gap: 2px; min-inline-size: 0; }
.mn-unit-panel__option-note { color: var(--mn-text-muted); font-size: var(--wp--custom--font-size--micro); font-weight: 400; line-height: 1.4; }
.mn-unit-panel__option-go { flex: none; inline-size: 18px; block-size: 18px; color: var(--mn-text-muted); transition: transform var(--wp--custom--motion--micro) var(--wp--custom--motion--ease), color var(--wp--custom--motion--micro) var(--wp--custom--motion--ease); }
.mn-unit-panel__option:hover .mn-unit-panel__option-label { color: var(--mn-link); }
.mn-unit-panel__option:hover .mn-unit-panel__option-go { color: var(--mn-link); transform: translateX(3px); }
.mn-unit-panel__option:focus-visible { outline: var(--wp--custom--focus--width) solid var(--mn-focus); outline-offset: 2px; border-radius: var(--wp--custom--radius--xs); }
.mn-unit-panel__foot { display: grid; gap: 6px; }
.mn-unit-panel__foot > * { margin: 0; }
.mn-unit-panel__where { display: flex; align-items: flex-start; gap: 8px; color: var(--mn-text); font-size: var(--wp--custom--font-size--meta); line-height: 1.45; }
.mn-unit-panel__where .mn-icon { flex: none; inline-size: 16px; block-size: 16px; margin-block-start: 1px; color: var(--mn-ring-fg); }
.mn-unit-panel__fine { margin: 0; color: var(--mn-text-muted); font-size: var(--wp--custom--font-size--meta); }
.mn-unit-panel .mn-inv__footnote { margin: 0; font-size: var(--wp--custom--font-size--micro); line-height: 1.45; }
.mn-unit-panel:has(.mn-unit-est[open]) > .mn-inv__footnote { display: none; } /* The open estimator prints its own. */
.mn-unit-est { border: 1px solid var(--mn-rule); border-radius: var(--wp--custom--radius--md); background: var(--wp--preset--color--paper); }
.mn-unit-est__summary { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 4px 12px; min-block-size: 52px; padding: 8px 14px; cursor: pointer; list-style: none; }
.mn-unit-est__summary::-webkit-details-marker { display: none; }
.mn-unit-est__line { color: var(--mn-text); font-size: var(--wp--preset--font-size--small); }
.mn-unit-est__line strong { color: var(--mn-text-strong); font-size: var(--wp--preset--font-size--large); }
.mn-unit-est__line abbr { text-decoration: none; }
.mn-unit-est__open { display: inline-flex; align-items: center; gap: 4px; color: var(--mn-link); font-size: var(--wp--preset--font-size--small); font-weight: 600; }
.mn-unit-est__open .mn-icon { inline-size: 16px; block-size: 16px; transition: transform var(--wp--custom--motion--micro) var(--wp--custom--motion--ease); }
.mn-unit-est[open] .mn-unit-est__open .mn-icon { transform: rotate(180deg); }
.mn-unit-est__tool { padding: 0 14px 14px; }
@media (max-width: 959px) {
	.mn-unit-panel { padding: 22px; }
}

/* The data plate (02 §7.12): a white card, groups in two columns from 960 px, ruled rows key | value. */
.mn-plate { padding: var(--wp--preset--spacing--50); border: 1px solid var(--mn-rule); border-radius: var(--wp--custom--radius--lg); background: var(--mn-surface-raised); box-shadow: var(--mn-shadow-card); }
.mn-plate__head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 16px; margin-block-end: var(--wp--preset--spacing--50); }
.mn-plate__title { margin: 0; font-size: var(--wp--preset--font-size--x-large); }
.mn-plate__verified { border-color: var(--mn-rule); background: var(--wp--preset--color--paper); color: var(--mn-text-strong); -webkit-backdrop-filter: none; backdrop-filter: none; }
.mn-plate__groups { display: grid; gap: var(--wp--preset--spacing--50); }
.mn-plate__group { min-inline-size: 0; }
.mn-plate__heading { display: flex; align-items: center; gap: 10px; margin: 0 0 6px; font-family: var(--wp--preset--font-family--body); font-size: var(--wp--preset--font-size--medium); font-weight: 700; letter-spacing: 0; }
.mn-plate__heading-icon { flex: none; inline-size: 18px; block-size: 18px; color: var(--mn-ring-fg); }
.mn-plate__list { margin: 0; border-block-start: 1px solid var(--mn-rule-2); }
.mn-plate__row { box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; gap: 16px; min-block-size: 44px; padding-block: 9px; border-block-end: 1px solid var(--mn-rule); }
.mn-plate__row dt { color: var(--mn-text-muted); font-size: var(--wp--preset--font-size--small); font-weight: 500; }
.mn-plate__row dd { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: flex-end; gap: 2px 8px; margin: 0; color: var(--mn-text-strong); font-size: var(--wp--custom--font-size--ui); font-weight: 600; text-align: end; overflow-wrap: anywhere; }
.mn-plate__group--warranty .mn-plate__row dd { color: var(--wp--preset--color--ok); }
.mn-plate__aside { color: var(--mn-text-muted); font-size: var(--wp--preset--font-size--small); font-weight: 500; }
.mn-plate__vin { letter-spacing: 0.04em; }
.mn-plate__copy { inline-size: 36px; block-size: 36px; }
.mn-plate__copy .mn-icon { inline-size: 16px; block-size: 16px; }
/* From 768 px each group runs full width with its rows in two columns, so no column is left half empty; groups of
   one or two rows pair up side by side (.is-half, set by the renderer), their rows in one column. */
@media (min-width: 768px) {
	.mn-plate__groups { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--wp--preset--spacing--60); }
	.mn-plate__group { grid-column: 1 / -1; }
	.mn-plate__list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--wp--preset--spacing--60); }
	.mn-plate__group.is-half { grid-column: auto; }
	.mn-plate__group.is-half .mn-plate__list { grid-template-columns: minmax(0, 1fr); }
}
@media (min-width: 1200px) {
	.mn-plate { padding: var(--wp--preset--spacing--60); }
}

/* About this unit: the same white card as the plate; the description's lists become a two-column tick grid. */
.mn-unit-about { padding: var(--wp--preset--spacing--50); border: 1px solid var(--mn-rule); border-radius: var(--wp--custom--radius--lg); background: var(--mn-surface-raised); box-shadow: var(--mn-shadow-card); }
.mn-unit-about__title { margin: 0 0 var(--wp--preset--spacing--40); font-size: var(--wp--preset--font-size--x-large); }
.mn-unit-about__highlights { margin-block-end: var(--wp--preset--spacing--40); }
.mn-unit-about__text { color: var(--mn-text); }
.mn-unit-about__text > * { max-inline-size: 70ch; margin-block: 0 var(--wp--preset--spacing--40); }
.mn-unit-about__text > :last-child { margin-block-end: 0; }
.mn-unit-about__text ul { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 14rem), 1fr)); gap: 10px 28px; max-inline-size: none; padding: 0; list-style: none; }
.mn-unit-about__text li { position: relative; padding-inline-start: 30px; color: var(--mn-text-strong); font-weight: 500; line-height: 1.4; }
.mn-unit-about__text li::before { content: ""; position: absolute; inset-block-start: 0; inset-inline-start: 0; inline-size: 20px; block-size: 20px; border-radius: var(--wp--custom--radius--xs); background: var(--mn-tick-bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300AEEF' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / 12px no-repeat; }
@media (min-width: 1200px) {
	.mn-unit-about { padding: var(--wp--preset--spacing--60); }
}
.mn-unit-compliance__list { border-block-start: 0; }
.mn-unit-compliance__list > li { padding: 12px 18px; border: 1px solid var(--mn-rule); border-radius: var(--wp--custom--radius--md); background: var(--mn-surface-raised); color: var(--mn-text-strong); font-weight: 600; }
.mn-unit-compliance__list li .mn-icon { flex: none; inline-size: 20px; block-size: 20px; color: var(--mn-ring-fg); }

/* The request on mist: the form card (7) beside the unit, what happens next and the phone (4), sticky from 960 px.
   The form pairs its short fields; "Your trade-in" shows only once "Trading in a unit?" is Yes. */
.mn-unit-request__inner { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--wp--preset--spacing--50); }
.mn-unit-request__inner > * { margin-block: 0; }
.mn-unit-request .mn-lead-form { max-inline-size: none; }
.mn-unit-request__aside { display: grid; gap: var(--wp--preset--spacing--50); min-inline-size: 0; }
.mn-unit-request__aside p { margin: 0; }
.mn-unit-request__unit { display: flex; align-items: center; gap: 16px; padding: 14px; border: 1px solid var(--mn-rule); border-radius: var(--wp--custom--radius--lg); background: var(--wp--preset--color--white); box-shadow: var(--mn-shadow-card); }
.mn-unit-request__thumb { position: relative; flex: none; inline-size: 112px; aspect-ratio: 4 / 3; overflow: hidden; border-radius: var(--wp--custom--radius--md); background: var(--wp--preset--color--paper-2); }
.mn-unit-request__thumb img { display: block; inline-size: 100%; block-size: 100%; object-fit: cover; }
.mn-unit-request__thumb.is-empty { display: grid; place-items: center; background: var(--wp--preset--gradient--stage); color: var(--wp--preset--color--cyan-300); }
.mn-unit-request__thumb.is-empty .mn-icon { inline-size: 40px; block-size: 40px; stroke-width: 1.3; }
.mn-unit-request__unit-text { display: grid; gap: 3px; min-inline-size: 0; }
.mn-unit-request__label { color: var(--mn-text-muted); font-size: var(--wp--custom--font-size--micro); font-weight: 600; letter-spacing: var(--wp--custom--tracking--label); text-transform: uppercase; }
.mn-unit-request__title { color: var(--mn-text-strong); font-weight: 700; line-height: 1.3; }
.mn-unit-request__meta { color: var(--mn-text); font-size: var(--wp--preset--font-size--small); font-variant-numeric: tabular-nums; }
.mn-unit-request__next,
.mn-unit-request__talk { padding-block-start: var(--wp--preset--spacing--50); border-block-start: 1px solid var(--mn-rule-2); }
.mn-unit-request__h { margin: 0 0 14px; font-family: var(--wp--preset--font-family--body); font-size: var(--wp--preset--font-size--medium); font-weight: 700; letter-spacing: 0; }
.mn-unit-request__steps { display: grid; gap: 14px; margin: 0; padding: 0; list-style: none; }
.mn-unit-request__steps li { display: flex; align-items: flex-start; gap: 12px; color: var(--mn-text); line-height: 1.45; }
.mn-unit-request__step { display: grid; flex: none; place-items: center; inline-size: 28px; block-size: 28px; margin-block-start: -2px; border-radius: 50%; background: var(--wp--preset--color--ink-1); color: var(--wp--preset--color--cyan-300); font-size: var(--wp--custom--font-size--meta); font-weight: 700; }
.mn-unit-request__btns { display: flex; flex-wrap: wrap; gap: var(--wp--preset--spacing--20); }
.mn-unit-request__btns > .mn-btn { flex: 1 1 auto; }
.mn-unit-request__hours { display: flex; align-items: center; gap: 8px; margin-block-start: 14px !important; color: var(--mn-text); font-size: var(--wp--custom--font-size--meta); }
.mn-unit-request__hours .mn-icon { flex: none; inline-size: 16px; block-size: 16px; color: var(--mn-ring-fg); }
@media (min-width: 600px) {
	.mn-form:is([data-type="unit_quote"], [data-type="source_request"]) > :is(.mn-form__field--company, .mn-form__field--contact_pref, .mn-form__field--buy_how, .mn-form__field--trade_in, .mn-form__field--make_model, .mn-form__field--years, .mn-form__field--when) { grid-column: auto; }
}
@supports selector(:has(*)) {
	.mn-form[data-type="unit_quote"]:not(:has(select[name="trade_in"] option[value="yes"]:checked)) > .mn-form__field--trade_details { display: none; }
}
@media (min-width: 960px) {
	.mn-unit-request__inner { grid-template-columns: minmax(0, 7fr) minmax(0, 4fr); align-items: start; column-gap: var(--wp--preset--spacing--60); }
	.mn-unit-request__aside { position: sticky; inset-block-start: calc(var(--mn-sticky-top) + 16px); }
}
.mn-form__business { flex-basis: 100%; margin: 0; color: var(--mn-text-muted); font-size: var(--wp--custom--font-size--meta); }
.mn-unit-similar .mn-similar { container: mn-units / inline-size; }
.mn-similar--sold { container: mn-units / inline-size; padding: var(--wp--preset--spacing--50); border-radius: var(--wp--custom--radius--lg); background: var(--wp--preset--color--white); box-shadow: var(--mn-shadow-card); margin-block-start: var(--wp--preset--spacing--50); }
.mn-similar--sold .mn-inv__grid { grid-template-columns: repeat(auto-fill, minmax(min(100%, 15rem), 1fr)); }
.mn-unit-similar,
.mn-unit-request + .mn-unit-visit { padding-block-start: var(--wp--preset--spacing--70); }
/* The yard: the visit panel (7) beside the "Coming to see it?" card (5). */
.mn-unit-visit__inner { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--wp--preset--spacing--50); }
.mn-unit-visit__inner > * { margin-block: 0; }
.mn-unit-visit .mn-visit { min-block-size: 300px; }
.mn-unit-visit__card { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 12px; padding: clamp(22px, 1rem + 2vw, 40px); border: 1px solid var(--mn-rule); border-radius: var(--wp--custom--radius--lg); background: var(--wp--preset--color--white); box-shadow: var(--mn-shadow-card); }
.mn-unit-visit__card > * { margin: 0; }
.mn-unit-visit__title { margin-block-start: 6px; font-size: var(--wp--preset--font-size--x-large); }
.mn-unit-visit__note { max-inline-size: 38ch; color: var(--mn-text); }
.mn-unit-visit__btns { display: flex; flex-wrap: wrap; gap: var(--wp--preset--spacing--20); margin-block-start: 8px; }
@media (min-width: 960px) {
	.mn-unit-visit__inner { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); align-items: stretch; column-gap: var(--wp--preset--spacing--60); }
}
.mn-unit-toast { position: fixed; inset-block-end: calc(var(--mn-bar-h) + 16px); inset-inline-start: 50%; z-index: var(--mn-z-toast); margin: 0; padding: 10px 16px; border-radius: var(--wp--custom--radius--sm); background: var(--wp--preset--color--ink-1); color: var(--wp--preset--color--white); font-size: var(--wp--preset--font-size--small); font-weight: 600; opacity: 0; transform: translate(-50%, 8px); transition: opacity var(--wp--custom--motion--micro) ease, transform var(--wp--custom--motion--micro) ease; pointer-events: none; }
.mn-unit-toast.is-shown { opacity: 1; transform: translate(-50%, 0); }
@media (max-width: 599px) {
	.mn-unit-head__bar { flex-wrap: nowrap; align-items: flex-start; }
	.mn-unit-head__where { display: none !important; } /* the panel's yard line says it on phones */
	.mn-unit-head__meta > :not(:first-child)::before { display: none; }
	.mn-gal__stage--empty { aspect-ratio: auto; min-block-size: 18rem; padding-block: 20px; }
	.mn-unit-visit__btns > .mn-btn { flex: 1 1 auto; }
	.mn-unit-about { padding: 22px; }
	.mn-unit-request__thumb { inline-size: 92px; }
	.mn-gal__stage { margin-inline: calc(-1 * var(--mn-gutter)); border-radius: 0; box-shadow: none; }
	.mn-plate { padding: var(--wp--preset--spacing--40); }
	.mn-plate__row { flex-wrap: wrap; gap: 2px 12px; }
}
@media print {
	.mn-chrome, .mn-unit-request, .mn-unit-similar, .mn-unit-visit, .mn-gal__step, .mn-gal__thumbs, .mn-gal__tools, .mn-unit-head__tools, .mn-unit-panel .mn-btn, .mn-unit-est, footer { display: none !important; }
	.mn-unit-layout { display: block; }
	.mn-gal__track { overflow: hidden; }
	.mn-plate, .mn-unit-panel { box-shadow: none; border-color: #000; }
}


/* Reduced motion: the toast appears in place. */
@media (prefers-reduced-motion: reduce) {
	.mn-unit-toast { transition: none; }
	.mn-unit-est__open .mn-icon { transition: none; }
}