/* #prod{
	border: 2px solid red;
} */



.products {
	width: 100%;
	display: grid;
	justify-content: stretch;
	align-items: stretch;
}

.rich-products-load-sentinel {
	width: 100%;
	min-height: 0;
	height: 0;
	overflow: hidden;
	pointer-events: none;
}

.rich-products-load-sentinel__label {
	display: none;
}

/* Текст «Загрузка…» только если запрос завис дольше LOADING_LABEL_DELAY_MS */
.rich-products-load-sentinel.is-loading {
	height: auto;
	min-height: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 8px 0 16px;
}

.rich-products-load-sentinel.is-loading .rich-products-load-sentinel__label {
	display: inline-block;
	font-size: 0.75rem;
	color: var(--tv-text-muted, #64748b);
	letter-spacing: 0.02em;
	opacity: 0.55;
}

.rich-products-load-sentinel.is-done {
	display: none;
}

/* Skeleton-карточки во время подгрузки — в потоке сетки, без скачка */
.product_card.product_card--skeleton {
	pointer-events: none;
	border-color: transparent;
	background: var(--color-stage, #fff);
}

.product_card--skeleton__img {
	width: 100%;
	aspect-ratio: 1 / 1;
	border-radius: 10px;
	background: linear-gradient(
		90deg,
		color-mix(in srgb, var(--color-border, #ebebeb) 55%, transparent) 0%,
		color-mix(in srgb, var(--color-border, #ebebeb) 90%, transparent) 50%,
		color-mix(in srgb, var(--color-border, #ebebeb) 55%, transparent) 100%
	);
	background-size: 200% 100%;
	animation: rich-products-shimmer 1.1s ease-in-out infinite;
}

.product_card--skeleton__line {
	height: 10px;
	margin-top: 10px;
	border-radius: 4px;
	background: color-mix(in srgb, var(--color-border, #ebebeb) 75%, transparent);
}

.product_card--skeleton__line--wide {
	width: 92%;
}

.product_card--skeleton__line--short {
	width: 48%;
	margin-top: 8px;
}

@keyframes rich-products-shimmer {
	0% { background-position: 100% 0; }
	100% { background-position: -100% 0; }
}

.products.vertical_4 {
	grid-template-columns: repeat(6, minmax(0, 1fr));
	column-gap: var(--vm-catalog-col-gap, 2px);
	row-gap: var(--vm-catalog-row-gap, 12px);
	align-items: stretch;
	width: 100%;
}

.products.horizontal {
	grid-template-columns: repeat(1, 1fr);
	grid-gap: 0;
}

@media (max-width: 991px) {

	.products.vertical_4 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		column-gap: var(--vm-catalog-col-gap, 2px);
		row-gap: var(--vm-catalog-row-gap, 10px);
	}

 
}