/* Цвет и размеры под фото в карточке каталога (ТЗ п.4). Вывод: inc/sizes.php.
   Порядок в карточке: фото → название → .ss-color → цена/свотчи → .ss-sizes */

.product-grid-item .ss-color,
.product-grid-item .ss-sizes {
	font-size: 11px;
	line-height: 1.5;
	letter-spacing: .08em;
	color: var(--ss-muted, #8A837C);
	text-align: left;
}
.product-grid-item .ss-color { margin: 0 0 4px; }
.product-grid-item .ss-sizes {
	display: flex;
	flex-wrap: wrap;
	gap: 0 10px;
	margin-top: 6px;
}
/* размер без вариаций в наличии */
.ss-sizes .ss-out {
	text-decoration: line-through;
	opacity: .5;
}

@media (max-width: 768.98px) {
	.product-grid-item .ss-color,
	.product-grid-item .ss-sizes { padding-left: 8px; padding-right: 8px; }
}