/* Правки поверх оригинального бандла main.css */

/* TT Norms по умолчанию склеивает «ct», «st» и т.п. в декоративные лигатуры — отключаем. */
body,
input,
textarea,
button,
select {
	font-variant-ligatures: no-common-ligatures no-discretionary-ligatures no-historical-ligatures no-contextual;
	font-feature-settings: "liga" 0, "clig" 0, "dlig" 0, "hlig" 0, "calt" 0;
}

/* Иконки Material Icons работают на лигатурах — им оставляем. */
.material-icons {
	font-variant-ligatures: normal;
	font-feature-settings: "liga";
}

/* Цена в USD: старая цена при скидке, статус наличия */
.hb-price-old {
	margin-left: 6px;
	font-size: 0.75em;
	font-weight: 400;
	color: #9e9e9e;
}
.product__in-stock--out_of_stock,
.product__in-stock--discontinued {
	color: #e05a5a;
}
.item-goods__price--na {
	font-size: 14px;
	font-weight: 400;
	color: #9e9e9e;
}

/* ---------- Рейтинг и отзывы iHerb ---------- */
.hb-stars {
	--hb-rating: 0;
	--hb-size: 16px;
	display: inline-block;
	position: relative;
	font-size: var(--hb-size);
	line-height: 1;
	letter-spacing: 2px;
	vertical-align: -2px;
}
.hb-stars::before {
	content: "★★★★★";
	background: linear-gradient(90deg, #ffc107 calc(var(--hb-rating) / 5 * 100%), #dfe3e8 calc(var(--hb-rating) / 5 * 100%));
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
}
.hb-stars--small { --hb-size: 13px; }

.hb-iherb-rating-wrap { margin: 0 0 12px; }
.hb-iherb-rating {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: #2b2b2b;
	text-decoration: none;
	font-size: 14px;
}
.hb-iherb-rating b { font-weight: 500; }
.hb-iherb-rating__count { color: #5aa687; text-decoration: underline; text-underline-offset: 3px; }
.hb-iherb-rating:hover .hb-iherb-rating__count { text-decoration: none; }

.hb-reviews { padding: 30px; border: 1px solid #edf0f3; border-radius: 10px; background: #fff; }
.hb-reviews__summary { display: flex; flex-wrap: wrap; gap: 24px 48px; align-items: center; margin-bottom: 28px; }
.hb-reviews__score { text-align: center; min-width: 170px; }
.hb-reviews__value { margin: 0; font-size: 48px; font-weight: 500; line-height: 1.1; }
.hb-reviews__score .hb-stars { --hb-size: 20px; margin: 4px 0 8px; }
.hb-reviews__count, .hb-reviews__count-ru { margin: 0; font-size: 14px; color: #6b7280; }
.hb-reviews__dist { flex: 1 1 280px; margin: 0; padding: 0; list-style: none; }
.hb-reviews__dist-row { display: flex; align-items: center; gap: 10px; margin: 0 0 8px; padding: 0; font-size: 14px; }
.hb-reviews__dist-row::before { display: none; }
.hb-reviews__dist-star { width: 32px; color: #6b7280; white-space: nowrap; }
.hb-reviews__bar { flex: 1; height: 8px; border-radius: 4px; background: #edf0f3; overflow: hidden; }
.hb-reviews__bar span { display: block; height: 100%; border-radius: 4px; background: #ffc107; }
.hb-reviews__dist-pct { width: 38px; text-align: right; color: #6b7280; }

.hb-review { margin: 0 0 20px; padding: 20px 24px; border-left: 4px solid #78c2a4; border-radius: 0 10px 10px 0; background: #f7faf9; font-style: normal; }
.hb-review--critical { border-left-color: #f0a2a2; background: #fdf7f7; }
.hb-review__label { margin: 0 0 8px; font-size: 12px; letter-spacing: .04em; text-transform: uppercase; color: #6b7280; }
.hb-review__head { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0 0 8px; }
.hb-review__title { font-weight: 500; }
.hb-review__text { font-size: 15px; line-height: 1.6; }
.hb-review__meta { margin: 10px 0 0; font-size: 13px; color: #6b7280; }
.hb-review__verified { color: #5aa687; }
.hb-reviews__more { margin: 24px 0 8px; text-align: center; }
.hb-reviews__button {
	padding: 14px 28px;
	border: 0;
	border-radius: 6px;
	background: #78c2a4;
	color: #fff;
	font: inherit;
	font-weight: 500;
	cursor: pointer;
}
.hb-reviews__button:hover { background: #5aa687; }
.hb-reviews__note { margin: 8px 0 0; text-align: center; font-size: 12px; color: #9e9e9e; }
@media (max-width: 600px) {
	.hb-reviews { padding: 18px; }
	.hb-reviews__summary { gap: 16px; }
	.hb-reviews__score { width: 100%; }
}
/* Иконка вкладки «Отзывы» — звезда в стиле остальных иконок вкладок */
.tabs__link--reviews:before {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%235E6984' stroke-width='1.2' stroke-linejoin='round' d='M8 1.6l1.9 4 4.4.5-3.3 3 .9 4.4L8 11.3l-3.9 2.2.9-4.4-3.3-3 4.4-.5z'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* ---------- Цена за порцию / за дозу вещества ---------- */
.hb-dose { display: flex; flex-wrap: wrap; gap: 10px; margin: 18px 0 6px; }
.hb-dose__item { flex: 1 1 120px; padding: 12px 14px; border: 1px solid #edf0f3; border-radius: 8px; background: #fff; }
.hb-dose__item--key { border-color: #c8e7da; background: #f3faf6; }
.hb-dose__label { margin: 0 0 4px; font-size: 12px; color: #6b7280; line-height: 1.3; }
.hb-dose__value { margin: 0; font-size: 20px; font-weight: 500; line-height: 1.2; }
.hb-dose__item--key .hb-dose__value { color: #3f8f6f; }
.hb-dose__note { margin: 2px 0 0; font-size: 12px; color: #9e9e9e; }
.item-goods__unit { margin: -4px 0 8px; font-size: 12px; color: #6b7280; }

/* ---------- Мобильная карточка товара: заголовок и рейтинг выше фото ---------- */
@media (max-width: 767px) {
	.product { margin-right: 0; }
	/* Дети .product__inner становятся элементами .product, чтобы их можно было переставить вокруг фото. */
	.product__inner { display: contents; }
	.product__meta { order: 1; flex-basis: 100%; }
	.product__heading { order: 2; flex-basis: 100%; margin-bottom: 10px; }
	.hb-iherb-rating-wrap { order: 3; flex-basis: 100%; }
	.product__images { order: 4; margin-bottom: 20px; }
	.product__reviews { order: 7; }
	.product__action { order: 5; flex-basis: 100%; }
	.hb-dose { order: 6; flex-basis: 100%; }
	.product__specs { order: 8; flex-basis: 100%; }
}

/* ---------- «Задать мне вопрос»: форма в режиме вопроса эксперту, отметки в комментариях ---------- */
.respond--question { padding: 18px 20px; border: 1px solid #c8e7da; border-radius: 10px; background: #f3faf6; scroll-margin-top: 80px; }
.respond { scroll-margin-top: 80px; }
.form__note { margin: 4px 0 14px; font-size: 13px; color: #4b5563; line-height: 1.45; }
.form__note p { margin: 0 0 6px; }
.form__note a { color: #3f8f6f; }
.comment__badge { display: inline-block; margin-left: 8px; padding: 1px 8px; border-radius: 10px; background: #e6f4ee; color: #2f7a5c; font-size: 12px; font-weight: 400; vertical-align: middle; }
.comment__badge--answer { background: #fdf8e8; color: #7a6420; }
.comment--answer { border-left: 3px solid #78c2a4; padding-left: 10px; }

/* ---------- Подвал: оговорка и раскрытие реферального кода; плашка «информация устарела» в старых статьях ---------- */
.footer__info--note { padding-top: 0; font-size: 14px; font-weight: 400; }
.hb-outdated { margin: 0 0 20px; padding: 14px 18px; border-left: 4px solid #e0a23a; border-radius: 0 10px 10px 0; background: #fdf8ec; }