/*
 * Описание товара в карточке: признаки перечислением со стрелкой-акцентом.
 * С 18.09.2026 включено для всего каталога (пилот на разделе «Рюкзаки» прошёл 11.09.2026):
 * класс detail-text--structured вешается на .detail-text, см. add_info.php.
 *
 * Референс — gifts.ru (П111): тёмный круг с белой стрелкой вместо маркера,
 * точечный разделитель на всю ширину блока, в том числе над первым пунктом.
 *
 * ВАЖНО про вес селекторов. В styles-uncompressed.min.css есть два правила,
 * которые перебивают оформление списков внутри .main-content:
 *
 *   .main-content ul:not(.breadcrumbs,.breadcrumb-list-item)          {margin-left:25px}
 *   .main-content ul:not(.breadcrumbs,.breadcrumb-list-item) li:before{top:6px;left:-24px;
 *        width:5px;height:5px;border-radius:50%;background-color:#ffbf00}
 *
 * У второго нет content, поэтому свой маркер оно не создаёт — оно перекрашивает
 * и сдвигает наш. Вес у него (0,2,3), поэтому здесь селекторы подняты до (0,3,3):
 * два класса на самом блоке плюс класс списка и теги. Конфликтующие свойства
 * (left, top, размеры, скругление, фон) ниже сбрасываются явно. Без !important.
 *
 * sk 09.2026
 */

.detail-text.detail-text--structured {
	font-size: 16px;
	line-height: 1.5;
	color: #3f4a54;
	letter-spacing: 0;
}

/* вводный абзац и текст между списками */
.detail-text.detail-text--structured p {
	margin: 0 0 18px;
	font-size: 16px;
	line-height: 1.5;
	font-weight: 400;
	letter-spacing: 0;
}

.detail-text.detail-text--structured p:last-child {
	margin-bottom: 0;
}

/* список признаков */
.detail-text.detail-text--structured ul.detail-text__list {
	margin: 0 0 18px;
	padding: 0;
	list-style: none;
}

.detail-text.detail-text--structured ul.detail-text__list:last-child {
	margin-bottom: 0;
}

.detail-text.detail-text--structured ul.detail-text__list > li {
	position: relative;
	margin: 0;
	padding: 16px 0 16px 44px;
	/* разделитель над каждым пунктом, в том числе над первым */
	border-top: 1px dotted #cfd4d8;
	list-style: none;
}

/* маркер: тёмный круг с белой стрелкой.
   Свойства top/left/width/height/border-radius/background-color перечислены
   явно — иначе их перебьёт правило .main-content ul li:before, см. шапку. */
.detail-text.detail-text--structured ul.detail-text__list > li::before {
	content: '';
	position: absolute;
	left: 0;
	top: 15px;
	width: 22px;
	height: 22px;
	border-radius: 0;
	background-color: transparent;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Ccircle cx='11' cy='11' r='11' fill='%234a5560'/%3E%3Cpath d='M9.2 6.8l4.2 4.2-4.2 4.2' fill='none' stroke='%23ffffff' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 22px 22px;
}

/* вложенные списки — без кругов и разделителей, скромная точка */
.detail-text.detail-text--structured ul.detail-text__list ul {
	margin: 8px 0 0;
	padding: 0;
	list-style: none;
}

.detail-text.detail-text--structured ul.detail-text__list ul > li {
	position: relative;
	padding: 4px 0 4px 18px;
	border-top: 0;
	list-style: none;
}

.detail-text.detail-text--structured ul.detail-text__list ul > li::before {
	content: '';
	position: absolute;
	left: 2px;
	top: 13px;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background-color: #9aa3ab;
	background-image: none;
}

.detail-text.detail-text--structured a {
	color: #0069fd;
	text-decoration: none;
}

.detail-text.detail-text--structured a:hover {
	text-decoration: underline;
}

.detail-text.detail-text--structured b,
.detail-text.detail-text--structured strong {
	font-weight: 600;
	color: #2b343c;
}

@media (max-width: 640px) {
	.detail-text.detail-text--structured,
	.detail-text.detail-text--structured p {
		font-size: 15px;
	}

	.detail-text.detail-text--structured ul.detail-text__list > li {
		padding: 13px 0 13px 36px;
	}

	.detail-text.detail-text--structured ul.detail-text__list > li::before {
		width: 20px;
		height: 20px;
		background-size: 20px 20px;
		top: 12px;
	}
}