/* Sage Terminal — half slider ([anyweb_slider]).
   Balra a 1200px rácshoz igazított sáv, jobbra kilógó kártyák. */

.anyweb-slider {
	--ink: #1B211D;
	--paper: #FAFAF7;
	--white: #FFFFFF;
	--mist: #E4E9E0;
	--text: #4E5751;
	--text-soft: #8A9186;
	--color-border: rgba(27, 33, 29, 0.10);
	--color-border-strong: rgba(27, 33, 29, 0.18);
	--font-heading: "Manrope", system-ui, sans-serif;
	--font-body: "DM Sans", system-ui, sans-serif;
	--font-mono: "DM Mono", ui-monospace, monospace;
	--radius-button: 6px;
	--radius-card: 8px;
	--gap-grid: 16px;
	overflow: hidden;
	font-family: var(--font-body);
	color: var(--text);
	box-sizing: border-box;
}

.anyweb-slider *,
.anyweb-slider *::before,
.anyweb-slider *::after {
	box-sizing: border-box;
}

.anyweb-slider__outer {
	padding-left: max(40px, calc((100% - 1200px) / 2));
}

.anyweb-slider__track {
	display: flex;
	gap: var(--gap-grid);
	will-change: transform;
	transition: transform 0.55s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.anyweb-slider__card {
	flex: 0 0 auto;
	width: 420px;
}

.anyweb-slider__img {
	height: 260px;
	border-radius: var(--radius-card);
	overflow: hidden;
	background: var(--mist);
	border: 1px solid var(--color-border);
}

.anyweb-slider__img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.anyweb-slider__num {
	margin-top: 20px;
	font-family: var(--font-mono);
	font-size: 11.5px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--text-soft);
}

.anyweb-slider__title {
	margin: 10px 0 0;
	font-family: var(--font-heading);
	font-size: 22px;
	line-height: 1.25;
	font-weight: 700;
	letter-spacing: -0.025em;
	color: var(--ink);
}

.anyweb-slider__text {
	margin: 10px 0 0;
	max-width: 380px;
	font-size: 15.5px;
	line-height: 1.7;
	color: var(--text);
}

.anyweb-slider__nav {
	max-width: 1200px;
	margin: 40px auto 0;
	padding: 0 40px;
	display: flex;
	gap: 8px;
	justify-content: center;
}

.anyweb-slider__btn {
	width: 48px;
	height: 48px;
	border-radius: var(--radius-button);
	background: var(--white);
	border: 1px solid var(--color-border-strong);
	color: var(--ink);
	font-family: var(--font-mono);
	font-size: 16px;
	line-height: 1;
	cursor: pointer;
	transition: border-color 0.2s ease, opacity 0.2s ease;
}

.anyweb-slider__btn:hover,
.anyweb-slider__btn:focus-visible {
	border-color: var(--ink);
	outline: none;
}

.anyweb-slider__btn[disabled] {
	cursor: default;
	opacity: 0.35;
}

.anyweb-slider__empty {
	margin: 24px auto;
	max-width: 620px;
	padding: 0 40px;
	font-size: 15.5px;
	color: var(--text-soft);
	text-align: center;
}

@media (max-width: 720px) {
	.anyweb-slider__outer {
		padding-left: 24px;
	}
	.anyweb-slider__card {
		width: min(420px, calc(100vw - 64px));
	}
	.anyweb-slider__img {
		height: 200px;
	}
	.anyweb-slider__nav {
		padding: 0 24px;
	}
}

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