/* [pb_recept_slider] — half slider: a sáv a tartalom-konténer bal széléhez igazodik,
   a további kártyák jobbra kilógnak; a kártya maga a [pb_receptek] rács kártyája. */

.pb-rslider {
	overflow: hidden;
	/* A kártya-hover felemelésének és árnyékának hely a sav alján (lent kompenzálva). */
	padding: 6px 0 44px;
	margin-bottom: -32px;
}

.pb-rslider__sav {
	padding-left: calc((100% - 1180px) / 2);
}

@media (max-width: 1228px) {
	.pb-rslider__sav {
		padding-left: 24px;
	}
}

.pb-rslider__track {
	display: flex;
	gap: 16px;
	will-change: transform;
	transition: transform 0.55s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.pb-rslider__lap {
	flex: 0 0 auto;
	width: 420px;
}

.pb-rslider__lap .rc-grid-item-kep {
	aspect-ratio: 16 / 11;
}

.pb-rslider__nav {
	display: flex;
	justify-content: center;
	gap: 8px;
	margin-top: 20px;
}

/* Külön shortcode-ban ([pb_recept_slider_nav]) elhelyezett gombok: nincs beépített margó, a pozicionálást a page builder adja. */
.pb-rslider__nav--kulso {
	margin: 0;
}

.pb-rslider__gomb {
	width: 48px;
	height: 48px;
	border-radius: 999px;
	background: #FFFFFF;
	border: 1px solid #EED7DE;
	color: #5D2C56;
	font-size: 22px;
	line-height: 1;
	cursor: pointer;
	transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

.pb-rslider__gomb:hover {
	background: #8D4F7D;
	border-color: #8D4F7D;
	color: #FFFFFF;
	transform: translateY(-2px);
}

.pb-rslider__gomb:focus-visible {
	outline: 3px solid #C79A62;
	outline-offset: 3px;
}

.pb-rslider__gomb:active {
	transform: translateY(0);
}

@media (max-width: 767px) {
	.pb-rslider {
		padding-bottom: 32px;
		margin-bottom: -20px;
	}

	.pb-rslider__sav {
		padding-left: 20px;
	}

	.pb-rslider__lap {
		width: calc(100% - 44px);
	}

	.pb-rslider__lap .rc-grid-item-kep {
		aspect-ratio: 4 / 3;
	}

	.pb-rslider__gomb {
		width: 42px;
		height: 42px;
		font-size: 20px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.pb-rslider__track {
		transition: none;
	}
}