/* =========== © 2026 Centroarts - https://m1r.ru =========== */

@media (min-width: 808px) {
	.scroll-container {
		--hscroll-take: 0px;
		--hscroll-take-inv: 0px;
		--hscroll-fade-right: 0px;
		--hscroll-fade-left: 0px;
		position: relative;
	}

	.scroll-buttons {
		display: flex !important; justify-content: space-between; align-items: center;
		position: absolute; z-index: 10; inset: 0; left: var(--hscroll-take-inv); right: var(--hscroll-take-inv);
		pointer-events: none; user-select: none;
	}

	.scroll-button {
		position: relative; width: var(--hscroll-take); height: 100%; padding: 0;
		pointer-events: none; color: inherit; border: 0 none !important; background: none !important; outline: none !important;
		cursor: pointer; opacity: 0; visibility: hidden; pointer-events: none; touch-action: manipulation;
		transition: opacity .2s ease, visibility .2s ease;
	}
	.scroll-button.prev .im { left: -22px; }
	.scroll-button.next .im { right: -22px; }
	.scroll-button.prev:hover .im { transform: translateX(-4px); }
	.scroll-button.next:hover .im { transform: translateX(4px); }

	.scroll-button .im {
		--im-color: hsl(var(--c-text));
		position: absolute; z-index: 1; top: 50%; margin-top: -22px;
		display: flex; justify-content: center; align-items: center;
		width: 44px; height: 44px; border-radius: 50%;
		transition: transform .2s ease;
	}
	.sect-set-scroll .scroll-button .im,
	.sect-card-scroll .scroll-button .im,
	.sect-audio-scroll .scroll-button .im { top: calc(var(--card-height) / 2); }

	.scroll-button .im::after {
		content: ""; position: absolute; z-index: -1; inset: 2px; border-radius: 50%;
		background-color: var(--btn-carousel-bg); box-shadow: var(--btn-carousel-sw); transition: transform .15s ease;
	}
	.scroll-button .im::before { opacity: 1; transition: opacity .15s ease; }
	.scroll-button:hover .im::before { opacity: .6; }

	.scroll-button:hover .im::after { transform: scale(1.03); }
	.scroll-button:active .im::after { transform: scale(0.98); }

	.scroll-container.show-prev .scroll-button.prev,
	.scroll-container.show-next .scroll-button.next { opacity: 1; visibility: visible; pointer-events: all; }
}