/**
 * Domig — стили витрины объектов onOffice (Personalized).
 * Заменяет дефолтный CSS плагина. Дизайн: Figma Domig «All Properties» 144:1081.
 * Разметка — наша `.dm-cat__*` (см. estate/default.php); значения — токены theme.json
 * Domig (цвета/радиусы/переходы), размеры — px из макета. Совпадает с блоком
 * property-catalog / offers-carousel.
 */

.dm-cat,
.dm-cat * {
	box-sizing: border-box;
}

.dm-cat--oo {
	background: var( --wp--preset--color--base );
}
.dm-cat__inner {
	max-width: 1296px;
	margin-inline: auto;
	padding-inline: 16px;
}
/* Отступы грид-секции (hero держит верх сам; снизу небольшой — дальше идёт
   полноширинный split-CTA со своим верхним паддингом). */
.dm-cat__results-wrap {
	padding-block: 64px 40px;
}
/* Шапка секции 4: заголовок слева + пилюля «Favoriten anzeigen» справа (Figma 132:367) */
.dm-cat__grid-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px 24px;
	flex-wrap: wrap;
	margin-bottom: 32px;
}
/* Заголовок «Das aktuelle Angebot…» (Figma секц.4, порт property-catalog) */
.dm-cat__grid-title {
	margin: 0;
	max-width: 720px;
	font-size: 40px;
	font-weight: 500;
	line-height: 1.25;
	letter-spacing: -0.02em;
	color: var( --wp--preset--color--contrast );
}

/* Пилюля «Favoriten anzeigen (N)» — outline, счётчик синхронен с cookie избранного */
.dm-cat__favpill {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 20px;
	border: 1px solid var( --wp--custom--field--border );
	border-radius: var( --wp--custom--radius--pill, 999px );
	background: var( --wp--preset--color--base );
	color: var( --wp--preset--color--primary );
	font-size: 15px;
	font-weight: 500;
	line-height: 1.4;
	text-decoration: none;
	white-space: nowrap;
	transition: var( --wp--custom--transition--fast, 160ms ease );
}
.dm-cat__favpill:hover {
	border-color: var( --wp--preset--color--primary );
	background: color-mix( in srgb, var( --wp--preset--color--primary ) 6%, transparent );
}
.dm-cat__favpill-icon {
	width: 20px;
	height: 20px;
	background: currentColor;
	-webkit-mask: url( ../../blocks/offers-carousel/assets/heart.svg ) center / contain no-repeat;
	mask: url( ../../blocks/offers-carousel/assets/heart.svg ) center / contain no-repeat;
}
.dm-cat__favpill-count {
	font-weight: 600;
}

/* ── Hero НА ФОТО (Figma 144:1081, порт из блока property-catalog) ── */
.dm-cat--filter {
	position: relative;
	overflow: hidden;
	padding: 72px 0 48px;
}
.dm-cat__hero-bg {
	position: absolute;
	inset: 0;
	z-index: 0;
}
.dm-cat__hero-bg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.dm-cat__hero-overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient( to bottom, rgba( 0, 0, 0, 0.55 ), rgba( 0, 0, 0, 0.35 ) );
}
.dm-cat--filter .dm-cat__inner {
	position: relative;
	z-index: 1;
}

/* ── Заголовок + счётчик ── */
.dm-cat__title {
	margin: 0;
	font-size: 56px;
	font-weight: 500;
	line-height: 1.15;
	letter-spacing: -0.02em;
	color: var( --wp--preset--color--contrast );
}
.dm-cat--filter .dm-cat__title {
	color: var( --wp--preset--color--on-dark );
}
.dm-cat__count {
	margin: 12px 0 0;
	font-size: 16px;
	color: var( --wp--preset--color--muted );
}
.dm-cat__count--hero {
	color: rgba( 255, 255, 255, 0.88 );
}

/* ── Layout секции 4: сайдбар-фильтр (313px) + сетка (Figma 132:367) ── */
.dm-cat__layout {
	display: grid;
	grid-template-columns: 288px minmax( 0, 1fr );
	gap: 40px;
	align-items: start;
}

/* ── Сетка ── */
.dm-cat__grid {
	display: grid;
	grid-template-columns: repeat( 3, 1fr );
	gap: 32px 24px;
}

/* ── Сайдбар-фильтр ── */
.dm-cat__sidebar {
	position: sticky;
	top: 96px;
}
.dm-flt {
	display: flex;
	flex-direction: column;
	gap: 22px;
}
.dm-flt__title {
	margin: 0;
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var( --wp--preset--color--muted );
}
.dm-flt__group {
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.dm-flt__label {
	font-size: 13px;
	font-weight: 500;
	color: var( --wp--preset--color--muted );
}

/* Kaufen/Mieten сегмент */
.dm-flt__seg {
	display: inline-flex;
	align-self: flex-start;
	padding: 4px;
	background: var( --wp--preset--color--base );
	border: 1px solid var( --wp--custom--field--border );
	border-radius: var( --wp--custom--radius--pill, 999px );
}
.dm-flt__seg-opt {
	margin: 0;
	padding: 6px 20px;
	border-radius: var( --wp--custom--radius--pill, 999px );
	font-size: 14px;
	font-weight: 500;
	line-height: 1.5;
	color: var( --wp--preset--color--contrast );
	cursor: pointer;
	transition: var( --wp--custom--transition--fast, 160ms ease );
}
.dm-flt__seg-opt input {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}
.dm-flt__seg-opt.is-active,
.dm-flt__seg-opt:has( input:checked ) {
	background: var( --wp--preset--color--primary-dark );
	color: var( --wp--preset--color--on-dark );
	font-weight: 600;
}

/* Чекбоксы (Land / Objektart) со счётчиком */
.dm-flt__checks {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.dm-flt__check {
	display: flex;
	align-items: center;
	gap: 10px;
	cursor: pointer;
	font-size: 15px;
	color: var( --wp--preset--color--contrast );
}
.dm-flt__check input {
	position: absolute;
	width: 0;
	height: 0;
	opacity: 0;
}
.dm-flt__check-box {
	flex: none;
	width: 20px;
	height: 20px;
	border: 1.5px solid var( --wp--custom--field--border );
	border-radius: 6px;
	background: var( --wp--preset--color--base );
	position: relative;
	transition: var( --wp--custom--transition--fast, 160ms ease );
}
.dm-flt__check input:checked + .dm-flt__check-box {
	background: var( --wp--preset--color--primary );
	border-color: var( --wp--preset--color--primary );
}
.dm-flt__check-box::after {
	content: '';
	position: absolute;
	left: 6px;
	top: 2px;
	width: 5px;
	height: 10px;
	border: solid var( --wp--preset--color--on-dark );
	border-width: 0 2px 2px 0;
	transform: rotate( 45deg );
	opacity: 0;
}
.dm-flt__check input:checked + .dm-flt__check-box::after {
	opacity: 1;
}
.dm-flt__check input:focus-visible + .dm-flt__check-box {
	outline: 2px solid var( --wp--preset--color--primary );
	outline-offset: 2px;
}
.dm-flt__check-count {
	color: var( --wp--preset--color--muted );
	font-size: 14px;
}

/* Диапазоны von/bis */
.dm-flt__range {
	display: flex;
	align-items: center;
	gap: 8px;
}
.dm-flt__range input {
	box-sizing: border-box;
	width: 100%;
	min-width: 0;
	height: 44px;
	padding: 0 12px;
	border: 1px solid var( --wp--custom--field--border );
	border-radius: var( --wp--custom--radius--field, 10px );
	background: var( --wp--preset--color--base );
	font-size: 14px;
	color: var( --wp--preset--color--contrast );
}
.dm-flt__range input:focus {
	outline: 2px solid var( --wp--preset--color--primary );
	outline-offset: 1px;
	border-color: var( --wp--preset--color--primary );
}
.dm-flt__dash {
	color: var( --wp--preset--color--muted );
	flex: none;
}

/* Кнопка «N Objekte anzeigen» + сброс */
.dm-flt__submit {
	margin-top: 4px;
	width: 100%;
	min-height: 48px;
	padding: 0 20px;
	border: 0;
	border-radius: var( --wp--custom--radius--field, 10px );
	background: var( --wp--preset--color--primary );
	color: var( --wp--preset--color--on-dark );
	font-size: 15px;
	font-weight: 600;
	cursor: pointer;
	transition: var( --wp--custom--transition--fast, 160ms ease );
}
.dm-flt__submit:hover {
	background: var( --wp--preset--color--primary-dark );
}
.dm-flt__submit.is-loading {
	opacity: 0.65;
	cursor: progress;
}
.dm-flt__reset {
	align-self: flex-start;
	font-size: 14px;
	font-weight: 500;
	color: var( --wp--preset--color--primary );
	text-decoration: none;
}
.dm-flt__reset:hover {
	text-decoration: underline;
}

/* ── Пустое состояние Merkliste ── */
.dm-cat__empty {
	margin: 24px 0 8px;
}
.dm-cat__empty-text {
	margin: 0 0 24px;
	font-size: 18px;
	color: var( --wp--preset--color--muted );
}
.dm-cat__empty-cta {
	display: inline-block;
	padding: 12px 28px;
	border-radius: var( --wp--custom--radius--pill, 999px );
	background: var( --wp--preset--color--primary );
	color: var( --wp--preset--color--on-dark );
	font-weight: 600;
	text-decoration: none;
	transition: var( --wp--custom--transition--base, 240ms ease );
}
.dm-cat__empty-cta:hover {
	background: var( --wp--preset--color--primary-dark );
}

/* ── Карточка (совпадает с offers-carousel / property-catalog) ── */
.dm-cat__card {
	margin: 0;
	position: relative; /* якорь для сердца (кнопка вне ссылки-медиа) */
}
.dm-cat__media {
	position: relative;
	display: block;
	aspect-ratio: 3 / 2;
	border-radius: 16px;
	overflow: hidden;
	background: var( --wp--preset--color--placeholder );
}

/* ── Флаг страны (top-left) + сердце «в избранное» (top-right) — как на Home ── */
.dm-cat__flag {
	position: absolute;
	top: 16px;
	left: 16px;
	width: 40px;
	height: 40px;
	display: grid;
	place-items: center;
	background: var( --wp--preset--color--base );
	border-radius: 50%;
	box-shadow: 0 1px 3px rgba( 0, 0, 0, 0.15 );
	z-index: 2;
}
.dm-cat__flag-img {
	width: 24px;
	height: auto;
	border-radius: 3px;
	display: block;
}
.dm-cat__fav {
	position: absolute;
	top: 16px;
	right: 16px;
	width: 40px;
	height: 40px;
	display: grid;
	place-items: center;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: var( --wp--preset--color--base );
	box-shadow: 0 1px 3px rgba( 0, 0, 0, 0.15 );
	cursor: pointer;
	z-index: 3;
}
.dm-cat__fav::before {
	content: '';
	width: 24px;
	height: 24px;
	background: var( --wp--preset--color--primary-dark );
	-webkit-mask: url( ../../blocks/offers-carousel/assets/heart.svg ) center / contain no-repeat;
	mask: url( ../../blocks/offers-carousel/assets/heart.svg ) center / contain no-repeat;
	transition: var( --wp--custom--transition--fast, 160ms ease );
}
.dm-cat__fav:hover:not( .is-active )::before {
	background: var( --wp--preset--color--primary );
}
.dm-cat__fav.is-active::before {
	background: var( --wp--preset--color--primary );
	-webkit-mask-image: url( ../../blocks/offers-carousel/assets/heart-fill.svg );
	mask-image: url( ../../blocks/offers-carousel/assets/heart-fill.svg );
}
.dm-cat__fav:focus-visible {
	outline: 2px solid var( --wp--preset--color--primary );
	outline-offset: 2px;
}
.dm-cat__photo {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.dm-cat__status {
	position: absolute;
	top: 16px;
	left: 16px;
	padding: 4px 12px;
	border-radius: var( --wp--custom--radius--pill, 999px );
	background: var( --wp--preset--color--primary );
	color: var( --wp--preset--color--on-dark );
	font-size: 12px;
	font-weight: 600;
	line-height: 1.5;
}

.dm-cat__body {
	padding: 16px 4px 0;
}
.dm-cat__eyebrow {
	margin: 0 0 6px;
	font-size: 13px;
	font-weight: 500;
	color: var( --wp--preset--color--primary );
}
.dm-cat__card-title {
	margin: 0 0 6px;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.4;
	color: var( --wp--preset--color--contrast );
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.dm-cat__card-title a {
	color: inherit;
	text-decoration: none;
}
.dm-cat__card-title a:hover {
	color: var( --wp--preset--color--primary );
}
.dm-cat__place {
	margin: 0 0 8px;
	font-size: 14px;
	color: var( --wp--preset--color--muted );
}
.dm-cat__price {
	margin: 0 0 12px;
	font-size: 20px;
	font-weight: 600;
	line-height: 1.4;
	color: var( --wp--preset--color--contrast );
}
.dm-cat__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 14px;
	color: var( --wp--preset--color--muted );
}
.dm-cat__meta li {
	position: relative;
}
.dm-cat__meta li span {
	color: var( --wp--preset--color--muted );
}
.dm-cat__meta li + li::before {
	content: '';
	position: absolute;
	left: -10px;
	top: 50%;
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background: currentColor;
	transform: translateY( -50% );
}

/* ── Фильтр onOffice (SearchForm.php) под Figma-панель All Properties ──
 *    Разметка плагина: .oo-searchformfieldwrap > .oo-searchformfield (label+input),
 *    Kaufpreis = fieldset.oo-searchrange (legend + Von/Bis), Objektart = tom-select. */
.oo-searchform {
	margin: 0;
}
/* Панель фильтра-карточка на hero-фото (Figma): свитч + чипы + поля внутри */
.dm-cat--filter .oo-searchform {
	margin-top: 28px;
	padding: 24px;
	background: var( --wp--preset--color--surface );
	border: 1px solid var( --wp--custom--field--border );
	border-radius: 16px;
}
.oo-searchform form {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

/* ── Свитч Kaufen/Verkaufen (порт property-catalog) ── */
.oo-switch {
	display: inline-flex;
	align-self: flex-start;
	margin-bottom: 20px;
	padding: 4px;
	background: var( --wp--preset--color--base );
	border: 1px solid var( --wp--custom--field--border );
	border-radius: var( --wp--custom--radius--pill, 999px );
}
.oo-seg {
	margin: 0;
	padding: 6px 22px;
	border-radius: var( --wp--custom--radius--pill, 999px );
	font-size: 14px;
	font-weight: 500;
	line-height: 1.5;
	color: var( --wp--preset--color--contrast );
	text-decoration: none;
	cursor: pointer;
	transition: var( --wp--custom--transition--fast, 160ms ease );
}
.oo-seg.is-active {
	background: var( --wp--preset--color--primary-dark );
	color: var( --wp--preset--color--on-dark );
	font-weight: 600;
}
a.oo-seg:hover {
	color: var( --wp--preset--color--primary );
}

/* ── Чипы Objektart (порт property-catalog) ── */
.oo-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}
.oo-chip {
	margin: 0;
	padding: 8px 18px;
	border: 1px solid var( --wp--custom--field--border );
	border-radius: var( --wp--custom--radius--pill, 999px );
	background: var( --wp--preset--color--base );
	font-size: 14px;
	font-weight: 500;
	color: var( --wp--preset--color--contrast );
	cursor: pointer;
	transition: var( --wp--custom--transition--fast, 160ms ease );
}
.oo-chip input {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}
.oo-chip:hover {
	border-color: var( --wp--preset--color--primary );
}
.oo-chip.is-active,
.oo-chip:has( input:checked ) {
	background: var( --wp--preset--color--primary );
	border-color: var( --wp--preset--color--primary );
	color: var( --wp--preset--color--on-dark );
}
/* Клавиатурный фокус на скрытом чекбоксе → видимая обводка чипа */
.oo-chip:has( input:focus-visible ) {
	outline: 2px solid var( --wp--preset--color--primary );
	outline-offset: 2px;
}
.oo-searchformfieldwrap {
	display: flex;
	flex-wrap: wrap;
	gap: 16px 20px;
	align-items: flex-end;
}
.oo-searchformfield {
	display: flex;
	flex-direction: column;
	gap: 6px;
	min-width: 160px;
}

/* Лейбл поля (Objektart / Ort) + legend диапазона — мелкий muted сверху */
.oo-searchformfield > label,
.oo-searchform legend {
	display: flex;
	flex-direction: column;
	gap: 6px;
	padding: 0;
	font-size: 12px;
	font-weight: 500;
	color: var( --wp--preset--color--muted );
}

/* Единый вид полей: инпуты, select и tom-select control */
.oo-searchform input[type='text'],
.oo-searchform input[type='number'],
.oo-searchform select,
.oo-searchform .ts-control {
	box-sizing: border-box;
	min-height: 44px;
	padding: 0 14px;
	border: 1px solid var( --wp--custom--field--border );
	border-radius: var( --wp--custom--radius--field, 10px );
	background: var( --wp--preset--color--base );
	font-size: 14px;
	color: var( --wp--preset--color--contrast );
}
.oo-searchform .ts-wrapper {
	min-width: 200px;
}
.oo-searchform .ts-control {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 4px;
}
.oo-searchform input:focus,
.oo-searchform .ts-control:focus,
.oo-searchform .ts-wrapper.focus .ts-control {
	outline: 2px solid var( --wp--preset--color--primary );
	outline-offset: 1px;
	border-color: var( --wp--preset--color--primary );
}

/* Kaufpreis: убрать рамку fieldset, Von/Bis в ряд под лейблом */
.oo-searchrange {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	gap: 8px;
	margin: 0;
	padding: 0;
	border: 0;
}
.oo-searchrange legend {
	width: 100%;
	margin-bottom: 6px;
}
.oo-searchrange > label {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 13px;
	color: var( --wp--preset--color--muted );
}
.oo-searchrange input {
	width: 120px;
}

/* Кнопка «N Treffer anzeigen» */
.oo-searchform input[type='submit'] {
	min-height: 44px;
	padding: 0 26px;
	border: 0;
	border-radius: var( --wp--custom--radius--field, 10px );
	background: var( --wp--preset--color--primary );
	color: var( --wp--preset--color--on-dark );
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
	transition: var( --wp--custom--transition--fast, 160ms ease );
}
.oo-searchform input[type='submit']:hover {
	background: var( --wp--preset--color--primary-dark );
}
/* Поле кнопки: у остальных полей есть лейбл сверху (толкает инпут вниз), у кнопки —
   нет. Плюс рядом лежит loading-спиннер плагина (#spinner, display:block ~40px),
   который растягивал поле и поднимал кнопку выше строки инпутов. Выводим спиннер из
   потока (оверлей на кнопке) и прижимаем кнопку к низу → она встаёт на одну линию с
   инпутами (wrap уже `align-items:flex-end`). */
.oo-searchform .oo-searchformfield:last-child {
	position: relative;
	justify-content: flex-end;
}
/* Селектор с формой — чтобы перебить `form[data-estate-search-name] #spinner` из
   onoffice-default.css (там спиннер `position:relative; visibility:hidden`, но держит
   место в потоке). Выводим из потока (оверлей справа на кнопке). */
.oo-searchform form[data-estate-search-name] #spinner {
	position: absolute;
	right: 14px;
	top: 50%;
	left: auto;
	width: 20px;
	height: 20px;
	margin: 0;
	transform: translateY( -50% );
	pointer-events: none;
}

/* onOffice карта в этом шаблоне не выводится (Figma без карты на списке). */
.oo-estate-map {
	display: none;
}

/* На странице списка detail-шорткод `[oo_estate view="detail"]` (обязателен для
   pretty-URL detail-rewrite — см. память domig-onoffice-crm) без estate_id печатает
   информационный хелпер «keine estate ID» → на витрине это визуальный шум. Скрываем
   именно дефолтный вариант; на реальной /immobilien/<id>-slug/ estate_id всегда есть,
   поэтому легитимные состояния detail-страницы не трогаются. */
.oo-detailview-helper:has( .oo-detailview-helper-text--default ),
.oo-detailview-helper-text--default {
	display: none;
}

@media ( max-width: 1024px ) {
	.dm-cat__grid {
		grid-template-columns: repeat( 2, 1fr );
	}
}
@media ( max-width: 782px ) {
	.dm-cat--filter {
		padding: 48px 0 32px;
	}
	.dm-cat__results-wrap {
		padding-block: 32px 48px;
	}
	.dm-cat__title {
		font-size: 34px;
	}
	.dm-cat__grid-title {
		font-size: 28px;
	}
	.dm-cat__layout {
		grid-template-columns: 1fr;
		gap: 32px;
	}
	.dm-cat__sidebar {
		position: static;
	}
	.dm-cat__grid {
		grid-template-columns: 1fr;
	}
}

/* ═══ Секция «Das könnte Sie auch interessieren» (skin onOffice similar_estates) ═══ */
.dm-similar {
	background: var( --wp--preset--color--base );
	padding-block: var( --wp--custom--layout--section-space, 6rem );
	padding-inline: var( --wp--custom--layout--gutter, 4vw );
}
.dm-similar__inner {
	max-width: 1344px;
	margin: 0 auto;
}
.dm-similar__head {
	margin: 0 0 var( --wp--preset--spacing--r-40, 2.5rem );
}
.dm-similar__head h2 {
	margin: 0;
	font-family: var( --wp--preset--font-family--heading );
	font-weight: 400;
	font-size: var( --wp--preset--font-size--r-56, 3.5rem );
	line-height: 1.2;
	letter-spacing: -0.03em;
	color: var( --wp--preset--color--contrast );
}
.dm-similar__grid {
	display: grid;
	grid-template-columns: repeat( 3, 1fr );
	gap: var( --wp--preset--spacing--r-32, 2rem );
}
.dm-similar .oo-listobjectwrap { display: block; }
.dm-similar .oo-listimage {
	position: relative;
	display: block;
	aspect-ratio: 3 / 2;
	border-radius: 16px;
	overflow: hidden;
	background: var( --wp--preset--color--placeholder );
}
.dm-similar .oo-picture,
.dm-similar .oo-picture img,
.dm-similar .oo-responsive-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.dm-similar .oo-listimage > span {
	position: absolute;
	top: 16px;
	left: 16px;
	padding: 4px 12px;
	border-radius: var( --wp--custom--radius--pill, 999px );
	background: var( --wp--preset--color--primary );
	color: var( --wp--preset--color--on-dark );
	font-size: 12px;
	font-weight: 600;
	line-height: 1.5;
	z-index: 2;
}
.dm-similar .oo-listinfo { padding: 16px 4px 0; }
.dm-similar .oo-listtitle {
	margin: 0 0 12px;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.4;
	color: var( --wp--preset--color--contrast );
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.dm-similar .oo-listinfotable {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 6px 16px;
	margin: 0 0 16px;
	font-size: 14px;
}
.dm-similar .oo-listtd { color: var( --wp--preset--color--muted ); }
.dm-similar .oo-listtd:nth-child(2n) {
	text-align: right;
	color: var( --wp--preset--color--contrast );
}
.dm-similar .oo-detailslink { margin-top: auto; }
.dm-similar .oo-details-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 48px;
	padding-inline: 24px;
	border-radius: var( --wp--custom--radius--pill, 999px );
	background: var( --wp--preset--color--primary );
	color: var( --wp--preset--color--on-dark );
	font-family: var( --wp--preset--font-family--body );
	font-weight: 500;
	font-size: 16px;
	text-decoration: none;
	transition: var( --wp--custom--transition--fast, 160ms ease );
}
.dm-similar .oo-details-btn:hover { background: var( --wp--preset--color--primary-dark ); }

@media ( max-width: 1024px ) {
	.dm-similar__grid { grid-template-columns: repeat( 2, 1fr ); }
}
@media ( max-width: 640px ) {
	.dm-similar__grid { grid-template-columns: 1fr; }
	.dm-similar__head h2 { font-size: var( --wp--preset--font-size--r-40, 2.5rem ); }
}

/* «Das könnte Sie auch interessieren» = offers-carousel без Kaufen/Mieten-тоггла и региона
   (в Figma 188:1037 только тип-табы). */
.dm-offers--related .dm-offers__mode,
.dm-offers--related .dm-offers__region { display: none; }