/* Стили для текста категории внутри .category-info__description
   Подключается только на страницах категорий: catalog/controller/product/category.php
   $this->document->addStyle('catalog/view/theme/unishop2/stylesheet/category-info.css?v=20261109');
   Версия в query обязательна — иначе браузеры отдадут старый файл из кэша. */

.category-info__description table{
	width:100%;
	max-width:100%;
	border-collapse:collapse;
	margin:18px 0 26px;
	font-size:14px;
	line-height:1.45;
	border:1px solid #d6dee9;
}
.category-info__description th,
.category-info__description td{
	border:1px solid #d6dee9;
	padding:10px 12px;
	text-align:left;
	vertical-align:top;
}
.category-info__description th{
	background:#eef2f7;
	color:#333a56;
	font-weight:700;
}
.category-info__description h3{
	margin:26px 0 12px;
	font-size:18px;
	line-height:1.3;
	color:#333a56;
}
.category-info__description h4{
	margin:18px 0 8px;
	font-size:15px;
	line-height:1.35;
	color:#333a56;
}
.category-info__description ul,
.category-info__description ol{margin:0 0 18px 22px}
.category-info__description li{margin:0 0 8px}
.category-info__description p{margin:0 0 14px}
.category-info__description table .num{white-space:nowrap}
.category-info__description a{color:#0a7ea4;text-decoration:underline}
.category-info__description a:hover{color:#065982}

/* Длинный текст (400–700 слов): картинку скрываем.
   Причина: thumb категории вертикальный, с float:left он занимает весь первый
   экран свёрнутого блока, а таблица рядом с float сжимается в 2 колонки.
   Для тира B (120–250 слов) картинка остаётся как есть. */
.category-info--long .category-info__image{display:none}

/* Свёрнутый блок для длинного текста выше базовых 180px: при 180px срез попадал
   в заголовок и от него оставались две «палочки». 260px = вступление + заголовок
   + первый пункт, дальше градиент и кнопка.
   Селектор с двумя классами — иначе проигрывает .category-page.category-info
   из generated.0.css по специфичности. */
.category-page.category-info--long{max-height:260px}

/* Широкая таблица на мобильном не сжимается в кашу, а скроллится внутри блока:
   страница по горизонтали не едет, колонки остаются читаемыми. */
.category-info__description .table-wrap{
	overflow-x:auto;
	-webkit-overflow-scrolling:touch;
	margin:18px 0 26px;
}
.category-info__description .table-wrap table{margin:0;min-width:640px}

@media (max-width:767px){
	.category-info__description table{font-size:13px}
	.category-info__description th,
	.category-info__description td{padding:8px}
	.category-info__description h3{font-size:16px}
}