.aaa-service-slider {
	position: relative;
	margin: 2rem 0;
	color: var(--color-text, #1f2933);
}

.service-page__content > .aaa-service-slider {
	grid-column: 1 / -1;
}

.service-page-hero__media .aaa-service-slider {
	margin: 0;
}

.aaa-service-slider__viewport {
	position: relative;
	overflow: hidden;
	aspect-ratio: 16 / 9;
	background: var(--color-surface-alt, #efe8dd);
	border-radius: 0.5rem;
}

.aaa-service-slider__slide {
	position: absolute;
	inset: 0;
	margin: 0;
	opacity: 0;
	pointer-events: none;
	transition: opacity 240ms ease;
}

.aaa-service-slider__slide.is-active {
	opacity: 1;
	pointer-events: auto;
}

.aaa-service-slider__image {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.aaa-service-slider__controls {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.75rem;
	margin-top: 0.9rem;
}

.aaa-service-slider__button,
.aaa-service-slider__pause,
.aaa-service-slider__dot {
	border: 1px solid var(--color-border, #d9d4c7);
	background: var(--color-surface, #ffffff);
	color: var(--color-text, #1f2933);
	font: inherit;
}

.aaa-service-slider__button {
	display: inline-grid;
	width: 2.5rem;
	height: 2.5rem;
	place-items: center;
	border-radius: 999px;
	font-size: 1.5rem;
	line-height: 1;
}

.aaa-service-slider__pause {
	display: inline-grid;
	width: 2.5rem;
	height: 2.5rem;
	place-items: center;
	padding: 0;
	border-radius: 999px;
	line-height: 1;
}

.aaa-service-slider__button:hover,
.aaa-service-slider__button:focus-visible,
.aaa-service-slider__pause:hover,
.aaa-service-slider__pause:focus-visible {
	border-color: var(--color-accent, #145369);
	color: var(--color-accent, #145369);
}

.aaa-service-slider__dots {
	display: flex;
	justify-content: center;
	gap: 0.5rem;
	margin-top: 0.85rem;
}

.aaa-service-slider__dot {
	width: 0.75rem;
	height: 0.75rem;
	padding: 0;
	border-radius: 999px;
}

.aaa-service-slider__dot.is-active {
	background: var(--color-accent, #145369);
	border-color: var(--color-accent, #145369);
}

@media (prefers-reduced-motion: reduce) {
	.aaa-service-slider__slide {
		transition: none;
	}
}