/* Mobile perf: снижение блокировки отрисовки текстом (Open Sans — системный стек в font-*.css) */
html {
	text-rendering: optimizeLegibility;
}

/* Ниже первого экрана на карточке — не держим layout до загрузки тяжёлых блоков */
.addon_type.separate_block,
#element_expandables {
	content-visibility: auto;
	contain-intrinsic-size: auto 400px;
}

/*
 * flexslider.css: .slides>li{display:none} — до init JS картинка не рисуется → LCP 20+ с.
 * flexslider.css: .slides img{width:100%} + media.css height:201px — режут вертикальные фото.
 */
@media (max-width: 991px) {
	.catalog_detail .item_main_info .item_slider.flex.flexslider .slides {
		height: auto !important;
		overflow: visible !important;
		padding: 12px 0 30px !important;
		margin: 0 !important;
		line-height: normal !important;
	}
	.catalog_detail .item_main_info .item_slider.flex.flexslider .slides > li#mphoto-0,
	.catalog_detail .item_main_info .item_slider.flex.flexslider .slides > li.current {
		display: block !important;
		-webkit-backface-visibility: visible;
		backface-visibility: visible;
	}
	.catalog_detail .item_main_info .item_slider.flex.flexslider .slides > li > a {
		display: flex !important;
		align-items: center;
		justify-content: center;
		height: auto !important;
		min-height: 0;
		overflow: visible !important;
	}
	.catalog_detail .item_main_info .item_slider.flex.flexslider .slides > li > a picture {
		display: flex !important;
		align-items: center;
		justify-content: center;
		width: 100%;
		max-width: 100%;
	}
	.catalog_detail .item_main_info .item_slider.flex.flexslider .slides > li > a picture,
	.catalog_detail .item_main_info .item_slider.flex.flexslider .slides > li > a img,
	.catalog_detail .item_main_info .item_slider.flex.flexslider .slides img {
		display: block !important;
		width: auto !important;
		max-width: 100% !important;
		height: auto !important;
		max-height: 360px !important;
		object-fit: contain !important;
		margin: 0 auto !important;
	}
}

/* EXTENDED-отзывы: не тянем отрисовку редактора в первый экран */
#reviews_content.extended_reviews.perf-reviews-deferred .blog-comment-form,
#reviews_content.extended_reviews.perf-reviews-deferred .bx-html-editor {
	content-visibility: auto;
	contain-intrinsic-size: auto 120px;
}

/* Sotbit SEO tags above catalog sort bar — one horizontal row like reference */
.sotbit-seometa-tags-block {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 10px;
	margin: 0 0 16px;
	clear: both;
}
.sotbit-seometa-tags-block:empty {
	display: none;
}
/* default template wraps each tag in its own wrapper — flatten for inline flow */
.sotbit-seometa-tags-block .sotbit-seometa-tags-wrapper,
.sotbit-seometa-tags-block .sotbit-seometa-tag {
	display: contents;
}
.sotbit-seometa-tags-block .sotbit-seometa-tag-link {
	display: inline-block;
	padding: 7px 14px;
	border: 1px solid #e0e0e0;
	border-radius: 2px;
	background: #fff;
	font-size: 13px;
	line-height: 1.25;
	color: #333;
	text-decoration: none;
	white-space: nowrap;
	transition: border-color .2s ease, color .2s ease;
}
.sotbit-seometa-tags-block .sotbit-seometa-tag-link:hover {
	border-color: #fb0040;
	color: #fb0040;
}
@media (max-width: 767px) {
	.sotbit-seometa-tags-block {
		margin-bottom: 12px;
		gap: 6px 8px;
	}
	.sotbit-seometa-tags-block .sotbit-seometa-tag-link {
		font-size: 12px;
		padding: 6px 10px;
		white-space: normal;
	}
}