/* Start:/bitrix/templates/ziggurat/template_styles.css?17936339264938*/
/* стили шаблона живут в css/ вёрстки, этот файл нужен ядру */

/* Лоты без цены (вся зона Берег + те, по которым клиент цену не прислал):
   вместо «0 руб» выводится «Цена по запросу». Кегль цены в вёрстке 68–110 px —
   этой строкой надпись встала бы в две строки и вдвое подняла карточку,
   поэтому даём её мельче и одной строкой, высоту блока держит line-height. */
.zig_price_ask{display:inline;font-size:32px;vertical-align:top;line-height:inherit;white-space:nowrap}
@media (max-width:768px){.zig_price_ask{font-size:20px}}

/* Цена на телефоне. В вёрстке кегль один на все ширины: 110 px в карточке лота
   и 68 px в каталоге — на 360-393 px строка разваливается на три. Размеры взяты
   из мобильного макета (фрейм «Маркет_телефон»): 28 px и 16 px. Селекторы
   повторяют цепочку вёрстки — иначе её правило перебивает наше по специфичности. */
@media (max-width:750px){
	/* обе сетки в вёрстке жёстко двухколоночные — на телефоне это 148-153 px
	   на колонку, из-за чего цена и разваливалась на три строки */
	.market_main .market_top_filters{grid-template-columns:minmax(0,1fr);gap:32px}
	.market_cards_list .market_cards_items{grid-template-columns:minmax(0,1fr);gap:32px}
	.market_main .market_top_filters .mt_price{font:400 28px/40px Forum}
	.market_main .market_top_filters .mt_price sup{font:400 14px/14px Forum}
	.market_cards_list .market_cards_items .market_card_item .market_card_bottom .market_card_price{font:400 16px/28px Forum}
	.market_cards_list .market_cards_items .market_card_item .market_card_bottom .market_card_price sup{font:400 12px/12px Forum}
	.zig_price_ask{font-size:inherit}
}

/* ---------------------------------------------------------------------------
   Избранное (07.09.2026). Кнопка одна и та же на карточке лота, в каталоге,
   в подборке и на карте: поведение навешивает zig/favorites.js по data-fav,
   активное состояние — класс is-fav. Отдельного макета кнопки в каталоге
   дизайн не давал, поэтому иконка та же, что в карточке лота (спрайт #favorite).
   --------------------------------------------------------------------------- */
.zig_fav_btn { position: absolute; top: 16px; right: 16px; z-index: 6;
	width: 44px; height: 44px; display: flex; align-items: center; justify-content: center;
	border: 1px solid rgba(255,255,255,.5); border-radius: 50%; background: rgba(5,24,54,.25);
	backdrop-filter: blur(6px); cursor: pointer; padding: 0; transition: background-color .25s, border-color .25s; }
.zig_fav_btn svg { width: 22px; height: 22px; stroke: #fff; fill: none; transition: fill .25s, stroke .25s; }
.zig_fav_btn:hover { background: rgba(5,24,54,.45); }
.zig_fav_btn.is-fav { background: var(--c-tertiary, #e2a58b); border-color: var(--c-tertiary, #e2a58b); }
.zig_fav_btn.is-fav svg { fill: #fff; stroke: #fff; }
.market_card_item, .market_slr_card, .market_slr_card_top { position: relative; }

.hero_favorite_lnk .fv_button { border: none; background: none; padding: 0; cursor: pointer; }
.hero_favorite_lnk.is-fav .fv_button svg { fill: var(--c-tertiary, #e2a58b); }
.hero_favorite_lnk .fv_view { text-decoration: none; }

/* Страница избранного */
.favorites__empty { grid-column: 1/-1; padding: 80px 0; text-align: center;
	font-family: Forum, serif; font-size: 20px; color: #fff; }
.favorites__empty p { margin: 0 0 24px; }
.favorites__empty-btn { display: inline-flex; align-items: center; justify-content: center;
	padding: 18px 40px; border: 1px solid var(--c-tertiary, #e2a58b); border-radius: 100px;
	font-size: 16px; letter-spacing: .08em; text-transform: uppercase; text-decoration: none; color: #fff; }
.favorites__empty-btn:hover { background: var(--c-tertiary, #e2a58b); }
.favorite-house { position: relative; }
.favorite-house__remove { position: absolute; top: 16px; right: 16px; z-index: 3;
	width: 40px; height: 40px; display: flex; align-items: center; justify-content: center;
	border: 1px solid rgba(255,255,255,.4); border-radius: 50%; background: var(--c-tertiary, #e2a58b);
	cursor: pointer; padding: 0; }
.favorite-house__remove svg { width: 20px; height: 20px; fill: #fff; stroke: #fff; }
.favorite-house__number a { color: inherit; text-decoration: none; }

/* End */
/* /bitrix/templates/ziggurat/template_styles.css?17936339264938 */