/* um-reviews — BMW skin.
 *
 * Same block as on the Nissan test bed: geometry, structure and interaction come from the
 * design document "Nissan Union Motors — Главная", section «Отзывы» (desktop artboard 1440
 * with 64px gutters, mobile artboard 390 with 20px gutters, one responsive implementation
 * with a single 900px breakpoint). Only the SKIN is BMW — every value below that differs
 * from that file was measured on bmw.union-motors.ru, not invented:
 *
 *   font    "BMW Type Next TT", Arial, sans-serif  — the face head.php loads site-wide.
 *           It ships as ONE cut, so there is no light weight: the design's 300 display
 *           weight is replaced by the site's own heading weight (600, which Chrome
 *           emboldens synthetically) and its body weight (400).
 *   accent  #1c69d4  = --main-color as head.php prints it (the green in main.css is dead).
 *   stars   #F5A623  = the colour the site's own hero review card already uses
 *                      (.um-h2c-stars), so both review surfaces read as one set.
 *   ink     #1a1a1a  = the unified section-heading black (um-cases-port.css, 30.07.2026);
 *           body ink #262626 = --text-main-color.
 *   radius  0        = measured on the site's primary buttons; BMW is square, the design's
 *                      4px pill would read as foreign here.
 *   title   var(--um-h2-fs/lh) — the site's own section-heading size, so this block's
 *           heading switches at exactly the same width as every other heading on BMW.
 *
 * Every selector is prefixed `.umr[data-umr]` for the same reason as on the other site:
 * the block is printed inside page content, where theme rules on bare tags outrank a plain
 * class and would silently reset font size, colour and margins.
 */

/* The gutter lives on :root as well as on the block: /rev-showcase/ indents its own headings and
   insert codes by the same amount, and that CSS is printed by um-reviews-blocks.php — one shared
   file across sites — so the value has to travel as a variable, not a number (11.08.2026, when the
   Mercedes port showed the hardcoded 64px landing 67px away from that site's column). */
/* 🔴 18.08.2026 — the gutter now comes from the SITE, not from the design artboard.
   Owner: «на бмв ширина блока с отзывами больше ширины остальных блоков». Measured at a
   1440 viewport before the fix: the page column (.wrapper / .cs-item / .csf / h2.cs-heading)
   ran 124…1301, the block's own content (.umr__panel / .umr__frame) ran 64…1361 — 60px wider
   on each side, because the 64/40/20px steps below came straight from the Nissan artboard.
   main.css here defines .wrapper as 81.7708333333vw, widening to 86.25vw at 768px, so half of
   what it leaves free is the site's real gutter — the same formula Mercedes already uses.
   The `- var(--umr-sbw)/2` term is what makes it EXACT rather than close: vw counts the
   scrollbar while the centred .wrapper does not, so without it the block's content sits
   ~7px inside the page column on a scrollbar browser (--umr-sbw is measured and published on
   :root by um-reviews.js; it is 0 on overlay-scrollbar platforms, where the term vanishes). */
:root { --umr-gutter: calc(9.1145833333vw - var(--umr-sbw, 0px) / 2); }
@media (max-width: 768px) { :root { --umr-gutter: calc(6.875vw - var(--umr-sbw, 0px) / 2); } }

.umr[data-umr] {
	--umr-accent: #1c69d4;
	--umr-accent-dark: #0653b6;
	--umr-star: #F5A623;
	--umr-line: #DCDCDC;
	--umr-ink: #1a1a1a;
	--umr-ink-2: #262626;
	--umr-ink-3: #6E6E6E;
	--umr-ink-4: #949494;
	--umr-soft: #F7F7F7;
	--umr-soft-2: #F1F1F1;
	--umr-pad: var(--umr-gutter, 9.1145833333vw);
	--umr-font: "BMW Type Next TT", Arial, sans-serif;

	font-family: var(--umr-font);
	font-variant-numeric: tabular-nums;
	-webkit-font-smoothing: antialiased;
	padding: 96px 0;
	color: var(--umr-ink);
	background: #FFFFFF;

	/* The design is a full-width band, but the block is dropped inside the page's
	   centred `.wrapper`, which would squeeze the row down to two cards. 50% resolves
	   against that wrapper's content box and 50vw against the viewport, so the
	   difference is exactly its margin plus padding — the band spans the site width
	   again without needing to know either number. */
	/* --umr-sbw is published by um-reviews.js: 50vw counts the scrollbar, so without it the
	   band runs past the visible page and the document gains a horizontal scroll. */
	margin-left: calc(50% - 50vw + var(--umr-sbw, 0px) / 2);
	margin-right: calc(50% - 50vw + var(--umr-sbw, 0px) / 2);
}

.umr[data-umr] *,
.umr[data-umr] *::before,
.umr[data-umr] *::after { box-sizing: border-box; }

/* main.css sets `-webkit-appearance: button`, which lets Chrome paint its own chrome
   under ours — visible as ticks at the corners of a button we only gave a bottom rule to. */
.umr[data-umr] button {
	font-family: inherit;
	appearance: none;
	-webkit-appearance: none;
}

.umr[data-umr] .umr__track,
.umr[data-umr] .umr__tabs {
	-ms-overflow-style: none;
	scrollbar-width: none;
}
.umr[data-umr] .umr__track::-webkit-scrollbar,
.umr[data-umr] .umr__tabs::-webkit-scrollbar { width: 0; height: 0; }

.umr[data-umr] .umr-star { flex: none; color: var(--umr-line); }
.umr[data-umr] .umr-star.is-on { color: var(--umr-star); }

/* ------------------------------------------------------------------ header */

.umr[data-umr] .umr__head {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 56px;
	padding: 0 var(--umr-pad);
	margin-bottom: 32px;
}

/* Follows the site's own section-heading variables, so this heading changes size at the
   same width as every other block heading on BMW rather than at this block's breakpoint. */
.umr[data-umr] .umr__title {
	margin: 0 0 12px;
	font-family: var(--umr-font);
	font-size: var(--um-h2-fs, 50px);
	line-height: var(--um-h2-lh, 60px);
	font-weight: 600;
	letter-spacing: 0;
	color: var(--umr-ink);
}

.umr[data-umr] .umr__lead {
	margin: 0;
	font: 400 17px/1.6 var(--umr-font);
	color: var(--umr-ink-2);
	max-width: 60ch;
}

.umr[data-umr] .umr__leave {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	flex: none;
	font: 500 16px/1 var(--umr-font);
	color: var(--umr-ink);
	text-decoration: none;
	border-bottom: 1px solid var(--umr-ink);
	padding-bottom: 4px;
	transition: color .18s cubic-bezier(.2,0,.2,1), border-color .18s cubic-bezier(.2,0,.2,1);
}
.umr[data-umr] .umr__leave:hover { color: var(--umr-accent); border-color: var(--umr-accent); }
.umr[data-umr] .umr__leave svg { width: 18px; height: 18px; flex: none; }

/* ------------------------------------------------ tabs + overall rating box */

.umr[data-umr] .umr__panel {
	display: flex;
	flex-direction: column;
	margin: 0 var(--umr-pad) 40px;
	border: 1px solid var(--umr-line);
}

.umr[data-umr] .umr__tabs {
	display: flex;
	gap: 8px;
	padding: 20px 24px;
	border-bottom: 1px solid var(--umr-line);
	overflow-x: auto;
}

.umr[data-umr] .umr__tab {
	display: flex;
	align-items: center;
	gap: 10px;
	flex: none;
	height: 44px;
	padding: 0 18px;
	border: 1px solid var(--umr-line);
	border-radius: 0;
	background: #FFFFFF;
	color: var(--umr-ink);
	font: 400 15px/1 var(--umr-font);
	cursor: pointer;
	transition: background .18s cubic-bezier(.2,0,.2,1), color .18s cubic-bezier(.2,0,.2,1), border-color .18s cubic-bezier(.2,0,.2,1);
}
.umr[data-umr] .umr__tab b { font-weight: 600; }

/* Platform mark in front of the tab label. The marks are the platforms' own, kept as
   local files so the block still paints with no third-party request; «Все отзывы» has no
   platform behind it and carries none. */
.umr[data-umr] .umr__tab-ico {
	width: 18px;
	height: 18px;
	flex: none;
	display: block;
	object-fit: contain;
}
/* The design fills the active tab with its ink; on BMW the brand blue is what marks
   "selected" everywhere else on the site, so the accent takes that role here. */
.umr[data-umr] .umr__tab.is-active {
	background: var(--umr-accent);
	color: #FFFFFF;
	border-color: var(--umr-accent);
}

/* A platform the collector has a rating for, but whose reviews this block's rules filtered
   out. Its ratings are inside «На основе N оценок», so the chip stays and states the score —
   there is just nothing to switch to, hence inert rather than hidden (owner, 17.08.2026). */
.umr[data-umr] .umr__tab.is-empty {
	cursor: default;
	background: var(--umr-soft);
	color: var(--umr-ink-4);
}
.umr[data-umr] .umr__tab.is-empty .umr__tab-ico { opacity: .5; }

.umr[data-umr] .umr__summary {
	display: flex;
	align-items: center;
	gap: 24px;
	padding: 26px 28px;
}

.umr[data-umr] .umr__score-wrap {
	display: flex;
	align-items: baseline;
	gap: 10px;
}
.umr[data-umr] .umr__score {
	font: 600 44px/1 var(--umr-font);
	letter-spacing: 0;
	color: var(--umr-ink);
}
.umr[data-umr] .umr__of {
	font: 400 20px/1 var(--umr-font);
	color: var(--umr-ink-4);
}
/* «из 5» and the star row live in ONE flex row (`.umr__of-row`, markup in
   um-reviews-render.php), so `align-items: center` centres the stars on the «5» itself.
   This replaces the measured `margin-top` offsets used until 17.08.2026, which centred the
   star row against the 44px `.umr__score` and then had to be re-measured per site and per
   font-size change. Star size raised 22 → 26px (owner, 18.08.2026: «звёзды сделать
   побольше размером и отцентрировать по центру пятёрки»). */
.umr[data-umr] .umr__of-row {
	display: flex;
	align-items: center;
	gap: 12px;
}
.umr[data-umr] .umr__stars {
	display: flex;
	gap: 5px;
}
.umr[data-umr] .umr__stars .umr-star { width: 26px; height: 26px; }
/* Same row-vs-`.umr__of` mismatch as `.umr__stars` above (this item is also centred against
   the 44px `.umr__score`, not against `.umr__of` next to it). Centring this one on `.umr__of`'s
   BOX (19px, box-centre match) put it visually below the row — the owner still read the stars
   as "low" with it there, because a long caption with full-height Cyrillic glyphs (unlike the
   short "из 5") reads heavier toward its own box-bottom than the box-centre metric captures.
   margin-top: 24px instead matches `.umr__basis`'s BOTTOM edge to `.umr__of`'s BOTTOM edge
   (getBoundingClientRect, 17.08.2026) — i.e. it sits on the same line as "из 5" rather than
   centred against it. Below 900px `.umr__basis` gets `flex-basis: 100%` and wraps to its own
   line, so it never needs this: nothing there to level it against. */
.umr[data-umr] .umr__basis {
	font: 400 15px/1 var(--umr-font);
	color: var(--umr-ink-3);
	margin-top: 24px;
}

/* ------------------------------------------------------------------ slider */

.umr[data-umr] .umr__frame {
	margin: 0 var(--umr-pad);
	border: 1px solid var(--umr-line);
}

/* gap:1px over a grey backdrop draws the hairlines between cards */
.umr[data-umr] .umr__track {
	display: flex;
	gap: 1px;
	background: var(--umr-line);
	overflow-x: auto;
	/* The row scrolls sideways only. The mobile motion sinks off-centre cards, and a
	   scroll container counts that as content — without this the row would take a
	   vertical swipe and drift up and down inside its own frame. The padding below
	   leaves the sunken card room, so nothing is clipped by this. */
	overflow-y: hidden;
	scroll-snap-type: x mandatory;
	scroll-behavior: smooth;
	cursor: grab;
}
.umr[data-umr] .umr__track.is-dragging {
	cursor: grabbing;
	scroll-behavior: auto;
	scroll-snap-type: none;
}

/* Exactly three cards per view at any desktop width: three cards plus the two 1px
   hairlines between them have to add up to the track's full width, hence -2px and not
   more. Subtracting 4px (as this did until 04.08.2026) left 2px over at the right edge
   — one pixel of track backdrop plus the first pixel of the next card — which read as a
   second hairline running alongside the frame border, and as a doubled line on the left
   once the row was scrolled. */
.umr[data-umr] .umr__slide {
	flex: none;
	width: calc((100% - 2px) / 3);
	scroll-snap-align: start;
	display: flex;
	flex-direction: column;
	background: #FFFFFF;
	padding: 36px 32px 32px;
	will-change: transform, opacity;
	/* On mobile the transform is recomputed every scroll frame — a transition here
	   would make the row lag behind the finger. */
	transition: none;
}
.umr[data-umr] .umr__slide[hidden] { display: none; }

.umr[data-umr] .umr-card__head {
	display: flex;
	gap: 16px;
	align-items: flex-start;
	margin-bottom: 22px;
}

.umr[data-umr] .umr-card__ava {
	flex: none;
	width: 48px;
	height: 48px;
	background: var(--umr-soft-2);
	display: flex;
	align-items: center;
	justify-content: center;
	font: 600 18px/1 var(--umr-font);
	color: var(--umr-ink-3);
	object-fit: cover;
}

.umr[data-umr] .umr-card__name {
	font: 600 17px/1.3 var(--umr-font);
	color: var(--umr-ink);
	margin-bottom: 8px;
}

.umr[data-umr] .umr-card__stars {
	display: flex;
	gap: 3px;
	margin-bottom: 8px;
}
.umr[data-umr] .umr-card__stars .umr-star { width: 14px; height: 14px; }

.umr[data-umr] .umr-card__meta {
	font: 400 13px/1.4 var(--umr-font);
	color: var(--umr-ink-4);
}

/* The text box is FIXED at four lines: clamped from above and held from below by the same
   number. Cards are a stretched flex row, so before this the tallest text in a row set the
   height of every card in it and a short review left a band of empty white above «Читать
   полностью». Equal text boxes make every card the same height by construction, and the
   card is shorter than it used to be — the point of the 04.08.2026 pass. */
.umr[data-umr] .umr-card__text {
	margin: 0 0 20px;
	font: 400 16px/1.6 var(--umr-font);
	color: var(--umr-ink-2);
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	-webkit-line-clamp: 4;
	min-height: 6.4em;   /* 4 lines × 1.6 line-height */
	max-width: none;
	white-space: pre-line;
}
.umr[data-umr] .umr__slide.is-open .umr-card__text {
	-webkit-line-clamp: 40;
	min-height: 0;
}

/* Most reviews carry no photos, so a card that has them would stand taller and — since
   the cards are a stretched flex row — drag every neighbour up with it. They live behind
   «Читать полностью» instead, which is also what reveals the full text. */
.umr[data-umr] .umr-card__photos {
	display: none;
	gap: 8px;
	margin: 0 0 20px;
}
.umr[data-umr] .umr__slide.is-open .umr-card__photos { display: flex; }
.umr[data-umr] .umr-card__photos img {
	width: 76px;
	height: 76px;
	object-fit: cover;
	background: var(--umr-soft-2);
	display: block;
}

.umr[data-umr] .umr-card__foot {
	margin-top: auto;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
	padding-top: 24px;
}

/* A plain word with a 1px rule under it — see the appearance reset at the top of the
   file, without which Chrome draws its own button frame around this. */
.umr[data-umr] .umr-card__more {
	background: none;
	border: none;
	border-radius: 0;
	cursor: pointer;
	font: 400 15px/1 var(--umr-font);
	color: var(--umr-ink);
	border-bottom: 1px solid var(--umr-ink);
	padding: 0 0 3px;
	transition: color .18s cubic-bezier(.2,0,.2,1), border-color .18s cubic-bezier(.2,0,.2,1);
}
.umr[data-umr] .umr-card__more:hover { color: var(--umr-accent); border-color: var(--umr-accent); }
.umr[data-umr] .umr-card__more[hidden] { display: none; }

.umr[data-umr] .umr-card__src {
	display: flex;
	align-items: center;
	gap: 8px;
	font: 400 13px/1 var(--umr-font);
	color: var(--umr-ink-3);
	text-decoration: none;
}
.umr[data-umr] .umr-card__src .umr-star { width: 12px; height: 12px; color: var(--umr-star); }
.umr[data-umr] .umr-card__src:hover { color: var(--umr-ink); }

/* trailing card: hands out the next batch, and is hidden once the tab has none left —
   the design's "open all reviews on the platform" state was dropped (owner, 17.08.2026) */
.umr[data-umr] .umr__more-card {
	background: var(--umr-soft);
	justify-content: flex-end;
}
.umr[data-umr] .umr__more-title {
	font: 600 52px/1 var(--umr-font);
	letter-spacing: 0;
	color: var(--umr-ink);
}
.umr[data-umr] .umr__more-sub {
	margin: 16px 0 0;
	font: 400 16px/1.6 var(--umr-font);
	color: var(--umr-ink-2);
	max-width: none;
}
.umr[data-umr] .umr__more-cta {
	margin-top: 28px;
	align-self: flex-start;
	height: 48px;
	display: inline-flex;
	align-items: center;
	padding: 0 22px;
	background: var(--umr-accent);
	border: none;
	border-radius: 0;
	color: #FFFFFF;
	text-decoration: none;
	cursor: pointer;
	font: 500 16px/1 var(--umr-font);
	transition: background .18s cubic-bezier(.2,0,.2,1);
}
.umr[data-umr] .umr__more-cta:hover { background: var(--umr-accent-dark); color: #FFFFFF; }

/* -------------------------------------------------------------- navigation */

.umr[data-umr] .umr__nav {
	display: flex;
	align-items: center;
	gap: 28px;
	padding: 0 var(--umr-pad);
	margin-top: 32px;
}

.umr[data-umr] .umr__arrows {
	display: flex;
	gap: 12px;
	flex: none;
}

.umr[data-umr] .umr__arrow {
	width: 48px;
	height: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #FFFFFF;
	border: 1px solid var(--umr-ink);
	border-radius: 0;
	color: var(--umr-ink);
	cursor: pointer;
	transition: background .18s cubic-bezier(.2,0,.2,1), color .18s cubic-bezier(.2,0,.2,1), border-color .18s cubic-bezier(.2,0,.2,1);
}
.umr[data-umr] .umr__arrow:hover { background: var(--umr-accent); border-color: var(--umr-accent); color: #FFFFFF; }
.umr[data-umr] .umr__arrow svg { width: 20px; height: 20px; }

.umr[data-umr] .umr__progress {
	flex: 1;
	height: 2px;
	background: var(--umr-line);
	position: relative;
	overflow: hidden;
}
.umr[data-umr] .umr__bar {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 50%;
	background: var(--umr-accent);
	transition: transform .5s cubic-bezier(.22,1,.36,1);
}

.umr[data-umr] .umr__shown,
.umr[data-umr] .umr__pos {
	flex: none;
	font: 400 14px/1 var(--umr-font);
	color: var(--umr-ink-3);
}
.umr[data-umr] .umr__pos { display: none; }

/* The design only draws 1440 and 390. Below a laptop width the 64px gutters eat the
   row, so they narrow — three cards stay visible, which is the point of the layout. */
/* --umr-pad follows --umr-gutter, declared with its breakpoints at the top of this file. */

/* ------------------------------------------------------------------ mobile */

@media (max-width: 900px) {
	.umr[data-umr] {
		padding: 56px 0;
	}

	.umr[data-umr] .umr__head { margin-bottom: 0; }
	/* size comes from --um-h2-fs, which the site switches at 699px — only the spacing
	   below the heading belongs to this block's own breakpoint */
	.umr[data-umr] .umr__title { margin: 0 0 14px; }
	.umr[data-umr] .umr__lead,
	.umr[data-umr] .umr__leave { display: none; }

	/* the mobile artboard puts the score above the platform tabs */
	.umr[data-umr] .umr__panel {
		flex-direction: column-reverse;
		margin: 0 0 20px;
		border: none;
	}

	.umr[data-umr] .umr__tabs {
		padding: 0 var(--umr-pad);
		border-bottom: none;
		margin-top: 20px;
	}
	.umr[data-umr] .umr__tab {
		height: 34px;
		padding: 0 14px;
		gap: 8px;
		font: 400 14px/1 var(--umr-font);
	}
	.umr[data-umr] .umr__tab-ico { width: 16px; height: 16px; }

	.umr[data-umr] .umr__summary {
		flex-wrap: wrap;
		align-items: baseline;
		gap: 8px;
		padding: 0 var(--umr-pad);
	}
	.umr[data-umr] .umr__score { font: 600 30px/1 var(--umr-font); }
	.umr[data-umr] .umr__of { font: 400 15px/1 var(--umr-font); }
	/* Stars are centred on «из 5» by `.umr__of-row` (see the desktop rule) — no measured
	   offset here any more. Size raised 17 → 22px with the desktop step. */
	.umr[data-umr] .umr__of-row { gap: 8px; }
	.umr[data-umr] .umr__stars .umr-star { width: 22px; height: 22px; }
	.umr[data-umr] .umr__basis {
		flex-basis: 100%;
		margin-top: 2px;
		font: 400 13px/1.4 var(--umr-font);
	}

	.umr[data-umr] .umr__frame { margin: 0; border: none; }

	.umr[data-umr] .umr__track {
		gap: 12px;
		background: transparent;
		/* The motion below sinks off-centre cards by up to 30px. Without room for it the
		   track — a scroll container — would gain 20px of vertical scroll and swallow
		   upward swipes. The nav row is pulled back up by the same amount so the gap
		   under the cards stays the 20px the design draws. */
		padding: 0 var(--umr-pad) 30px;
		scroll-padding-left: var(--umr-pad);
	}

	.umr[data-umr] .umr__slide {
		width: 290px;
		background: var(--umr-soft);
		padding: 20px;
	}

	.umr[data-umr] .umr-card__head { gap: 12px; margin-bottom: 14px; }
	.umr[data-umr] .umr-card__ava {
		width: 38px;
		height: 38px;
		background: #FFFFFF;
		font: 600 15px/1 var(--umr-font);
	}
	.umr[data-umr] .umr-card__name { font: 600 15px/1.3 var(--umr-font); margin-bottom: 6px; }
	.umr[data-umr] .umr-card__stars { margin-bottom: 6px; }
	.umr[data-umr] .umr-card__stars .umr-star { width: 12px; height: 12px; }
	.umr[data-umr] .umr-card__meta { font: 400 12px/1.4 var(--umr-font); }
	/* Phones read one card at a time, so the card has to fit the screen with the section
	   heading and the nav row still in view — four lines here too, not seven. */
	.umr[data-umr] .umr-card__text {
		margin: 0 0 14px;
		font: 400 15px/1.6 var(--umr-font);
		-webkit-line-clamp: 4;
		min-height: 6.4em;
	}
	.umr[data-umr] .umr-card__photos { margin: 0 0 16px; }
	.umr[data-umr] .umr-card__photos img { width: 62px; height: 62px; }
	.umr[data-umr] .umr-card__foot { gap: 10px; padding-top: 14px; }
	.umr[data-umr] .umr-card__more { font: 400 14px/1 var(--umr-font); }
	.umr[data-umr] .umr-card__src { gap: 6px; font: 400 12px/1 var(--umr-font); }
	.umr[data-umr] .umr-card__src .umr-star { width: 11px; height: 11px; }

	.umr[data-umr] .umr__more-card { background: var(--umr-soft-2); }
	.umr[data-umr] .umr__more-title { font: 600 34px/1 var(--umr-font); }
	.umr[data-umr] .umr__more-sub { margin: 12px 0 0; font: 400 14px/1.5 var(--umr-font); }
	.umr[data-umr] .umr__more-cta {
		margin-top: 20px;
		height: 44px;
		padding: 0 18px;
		font: 500 15px/1 var(--umr-font);
	}

	.umr[data-umr] .umr__nav {
		margin: -10px var(--umr-pad) 0;
		padding: 0;
		gap: 14px;
	}
	.umr[data-umr] .umr__arrows { order: 3; gap: 8px; }
	.umr[data-umr] .umr__arrow { width: 44px; height: 44px; }
	.umr[data-umr] .umr__arrow svg { width: 18px; height: 18px; }
	.umr[data-umr] .umr__progress { order: 1; }
	.umr[data-umr] .umr__shown { display: none; }
	.umr[data-umr] .umr__pos {
		display: block;
		order: 2;
		font: 400 13px/1 var(--umr-font);
	}
}

/* ------------------------------------------------------- home page band (18.08.2026)
   The block carries its own 96px (56px on phones) band padding. On the home page every
   neighbouring section stands 15px away, so that band read as ~96px of emptiness before
   «Отзывы» and again before «Примеры работ» (owner, 18.08.2026: «отступы до отзывов и до
   примеров работ большие, надо уменьшить, как перед остальными блоками»). Both are equal
   to 12px at every width, scoped to #orz — on every other page the band keeps its 96/56px.
   🔴 Mercedes carries the identical pair in `custom.css`; here it lives in the block's own
   stylesheet, because this site's custom.css does not host the section-rhythm family. */
#orz .umr[data-umr] { padding-top: 12px; padding-bottom: 12px; }
#orz + .wc-buttons { margin-bottom: 12px; }