/* SEO перелінковка (Seo_Links): таблиця цін, теги, відгуки до товарів, посилання у футері */
.sl-prices, .sl-tags, .sl-reviews, .sl-footer {
	--sl-accent: var(--ds-primary-color, #2abd13);
	--sl-text: #1d2433;
	--sl-muted: #7a8291;
	--sl-soft: #f6f8fa;
	--sl-line: #e8ebef;
	--sl-star: #ffb400;
}
.sl-prices.content-block, .sl-tags.content-block, .sl-reviews.content-block { padding: 32px; border-radius: 20px; }
.sl-title { margin: 0 0 20px; color: var(--sl-text); font-size: 24px; font-weight: 700; line-height: 1.25; }

/* Таблиця цін */
.sl-prices-wrap { overflow: hidden; border: 1px solid var(--sl-line); border-radius: 14px; }
.sl-prices-table { width: 100%; margin: 0; border-collapse: collapse; color: var(--sl-text); font-size: 16px; line-height: 1.4; }
.sl-prices-table th { padding: 14px 20px; background: var(--sl-soft); color: var(--sl-muted); font-size: 14px; font-weight: 600; text-align: left; }
.sl-prices-table td { padding: 16px 20px; border-top: 1px solid var(--sl-line); vertical-align: middle; }
.sl-prices-table tbody tr:nth-child(even) td { background: #fbfcfd; }
.sl-prices-table tbody tr:hover td { background: #f3faf1; }
.sl-prices-table td a { color: inherit; text-decoration: none; }
.sl-prices-table td a:hover { color: var(--sl-accent); text-decoration: underline; }
.sl-prices-table .sl-prices-price { width: 1%; padding-left: 24px; border-left: 1px solid var(--sl-line); text-align: right; white-space: nowrap; }
.sl-prices-table td.sl-prices-price b { font-size: 20px; font-weight: 700; }
.sl-prices-table td.sl-prices-price s { display: block; color: var(--sl-muted); font-size: 13px; font-weight: 400; }

/* Чіпи (теги, футер) */
.sl-chips, .content-block ul.sl-chips, .sl-footer ul.sl-chips { display: flex; flex-wrap: wrap; gap: 10px; margin: 0; padding: 0 !important; list-style: none; }
.sl-chips > li { margin: 0; padding: 0; }
.sl-chips > li::before { display: none; }
.sl-chips li[hidden] { display: none; }
.sl-chip {
	display: inline-flex; align-items: center; min-height: 40px; padding: 8px 18px; border: 1px solid var(--sl-line); border-radius: 20px;
	background: #fff; color: var(--sl-text) !important; font-size: 15px; line-height: 1.25; text-decoration: none !important; transition: border-color .15s, color .15s, background-color .15s;
}
.sl-chip:hover { border-color: var(--sl-accent); color: var(--sl-accent) !important; }
.sl-chip-price::before {
	content: ''; width: 14px; height: 14px; margin-right: 8px; flex: none; opacity: .55;
	background: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.6 13.4l-7.2 7.2a2 2 0 0 1-2.8 0L3 13V3h10l7.6 7.6a2 2 0 0 1 0 2.8zM7.5 6A1.5 1.5 0 1 0 7.5 9 1.5 1.5 0 0 0 7.5 6z'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.6 13.4l-7.2 7.2a2 2 0 0 1-2.8 0L3 13V3h10l7.6 7.6a2 2 0 0 1 0 2.8zM7.5 6A1.5 1.5 0 1 0 7.5 9 1.5 1.5 0 0 0 7.5 6z'/%3E%3C/svg%3E") center / contain no-repeat;
}
.sl-chip-category { background: var(--sl-soft); }
.sl-toggle {
	margin-top: 16px; padding: 0; border: 0; background: none; color: var(--sl-accent);
	font-size: 14px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; cursor: pointer;
}
.sl-toggle:hover { text-decoration: underline; }

/* Футер */
.sl-footer { padding-top: 24px; padding-bottom: 8px; border-top: var(--ds-main-border, 1px solid #e8ebef); }
.sl-footer-inner { display: flex; align-items: flex-start; gap: 16px; }
.sl-footer-title { flex: none; padding-top: 7px; color: var(--sl-text); font-size: 15px; font-weight: 600; }
.sl-chips-sm { gap: 8px; }
.sl-chips-sm .sl-chip { min-height: 36px; padding: 6px 16px; font-size: 14px; }

/* Відгуки до товарів */
.sl-reviews-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.sl-nav { display: flex; flex: none; gap: 8px; }
.sl-nav[hidden] { display: none; }
.sl-arrow {
	display: flex; align-items: center; justify-content: center; width: 38px; height: 38px; padding: 0;
	border: 1px solid #e3e7ec; border-radius: 50%; background: #fff; color: var(--sl-text); cursor: pointer; transition: border-color .15s, color .15s;
}
.sl-arrow:hover { border-color: var(--sl-accent); color: var(--sl-accent); }
.sl-reviews-list {
	display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - 60px) / 4); gap: 20px;
	overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; overscroll-behavior-x: contain;
}
.sl-reviews-list::-webkit-scrollbar { display: none; }
.sl-review {
	display: flex; flex-direction: column; gap: 10px; min-width: 0; padding: 20px;
	border: 1px solid var(--sl-line); border-radius: 16px; background: #fff; scroll-snap-align: start;
}
.sl-review-product {
	overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;
	color: var(--sl-text) !important; font-size: 16px; font-weight: 600; line-height: 1.35; text-decoration: none !important;
}
.sl-review-product:hover { color: var(--sl-accent) !important; }
.sl-review-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; color: var(--sl-muted); font-size: 13px; }
.sl-review-author { color: var(--sl-text); font-weight: 600; }
.sl-review-body { position: relative; max-height: 150px; overflow: hidden; color: var(--sl-text); font-size: 14px; line-height: 1.5; }
.sl-review-body p { margin: 0 0 8px; }
.sl-review-body b { display: block; font-weight: 700; }
.sl-review-pros b { color: #1f9d55; }
.sl-review-cons b { color: #d9534f; }
.sl-open .sl-review-body { max-height: none; }
.sl-review-more { align-self: flex-start; margin-top: auto; padding: 0; border: 0; background: none; color: var(--sl-accent); font-size: 14px; font-weight: 600; cursor: pointer; }
.sl-review-more[hidden] { display: none; }

/* Зірки з дробовим заповненням: --r від 0 до 5 */
.sl-stars {
	position: relative; display: inline-block; flex: none; width: 80px; height: 16px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23e3e7ec' d='M12 2.5l2.9 6.1 6.6.8-4.9 4.6 1.3 6.6L12 17.3l-5.9 3.3 1.3-6.6-4.9-4.6 6.6-.8z'/%3E%3C/svg%3E") 0 0 / 16px 16px repeat-x;
}
.sl-stars > span {
	position: absolute; top: 0; left: 0; bottom: 0; width: calc(var(--r, 0) / 5 * 100%);
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffb400' d='M12 2.5l2.9 6.1 6.6.8-4.9 4.6 1.3 6.6L12 17.3l-5.9 3.3 1.3-6.6-4.9-4.6 6.6-.8z'/%3E%3C/svg%3E") 0 0 / 16px 16px repeat-x;
}

@media (max-width: 1199.98px) {
	.sl-reviews-list { grid-auto-columns: calc((100% - 40px) / 3); }
}

@media (max-width: 991.98px) {
	.sl-reviews-list { grid-auto-columns: calc((100% - 20px) / 2); }
	.sl-footer-inner { flex-direction: column; gap: 10px; }
	.sl-footer-title { padding-top: 0; }
}

@media (max-width: 575.98px) {
	.sl-prices.content-block, .sl-tags.content-block, .sl-reviews.content-block { padding: 20px 16px; border-radius: 16px; }
	.sl-title { margin-bottom: 14px; font-size: 19px; }
	.sl-prices-table { font-size: 14px; }
	.sl-prices-table th, .sl-prices-table td { padding: 12px; }
	.sl-prices-table .sl-prices-price { padding-left: 12px; }
	.sl-prices-table td.sl-prices-price b { font-size: 16px; }
	.sl-chips { gap: 8px; }
	.sl-chip { min-height: 36px; padding: 6px 14px; font-size: 14px; }
	.sl-chips-sm .sl-chip { min-height: 32px; padding: 5px 12px; font-size: 13px; }
	.sl-reviews-list { grid-auto-columns: 85%; gap: 12px; }
	.sl-review { padding: 16px; }
	.sl-nav { display: none; }
}
