/**
 * Ruby Fixes — бейдж «Немає в наявності» на карточках товара.
 *
 * Woodmart по умолчанию задаёт word-break: break-all и узкий контейнер
 * (.product-labels max-width: 50%), из‑за чего длинный украинский текст
 * на мобильной сетке превращается в «вертикальную колонку» букв.
 */

.product-label.out-of-stock {
	word-break: normal;
	overflow-wrap: break-word;
	hyphens: manual;
	min-width: auto;
	max-width: 11em;
	line-height: 1.25;
}

.wd-product .product-labels {
	max-width: calc(100% - 14px);
}

@media (max-width: 768.98px) {
	.product-label.out-of-stock {
		max-width: 74px;
		padding: 4px 7px;
		font-size: 9px;
		line-height: 1.3;
		letter-spacing: -0.01em;
	}
}