/* CH Spoiler */
.js-spoiler.spoiler-collapsed {
	position: relative;
	overflow: hidden;
	transition: max-height 0.3s ease;
}

/* градієнт-затухання внизу згорнутого блоку */
.js-spoiler.spoiler-collapsed:not(.spoiler-open)::after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 70px;
	background: linear-gradient(rgba(255, 255, 255, 0), #fff 85%);
	pointer-events: none;
}

.spoiler-toggle {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-top: 8px;
	padding: 0;
	background: none;
	border: none;
	cursor: pointer;
	font-size: 14px;
	color: #f2597d;
}

.spoiler-toggle:hover {
	text-decoration: underline;
}

/* стрілка як у прикладі Rozetka */
.spoiler-toggle::after {
	content: '';
	width: 7px;
	height: 7px;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: rotate(45deg) translateY(-2px);
	transition: transform 0.2s ease;
}

.js-spoiler.spoiler-open + .spoiler-toggle::after {
	transform: rotate(-135deg) translateY(-2px);
}