/* Page composition stays in native Elementor controls. These rules cover interactions only. */
:is(.tooto-carousel--standard, .tooto-carousel--mobile) {
	--tooto-accent: #f33030;
	--tooto-motion: 220ms;
	min-width: 0;
}
:is(.tooto-carousel--standard, .tooto-carousel--mobile) .elementor-swiper-button {
	background: rgb(255 255 255 / 92%);
	color: #1c1c1c;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: background var(--tooto-motion), color var(--tooto-motion);
}
:is(.tooto-carousel--standard, .tooto-carousel--mobile) .elementor-swiper-button:hover {
	background: var(--tooto-accent);
	color: #fff;
}
:is(.tooto-carousel--standard, .tooto-carousel--mobile) .elementor-swiper-button[aria-disabled="true"] {
	opacity: 0.35;
	pointer-events: none;
}
:is(.tooto-carousel--standard, .tooto-carousel--mobile) :is(.elementor-swiper-button, .swiper-pagination-bullet):focus-visible {
	outline: 2px solid var(--tooto-accent);
	outline-offset: 4px;
}
.elementor-element.elementor-widget-n-carousel:is(.tooto-carousel--standard, .tooto-carousel--mobile) :is(.elementor-swiper-button, .swiper-pagination)[hidden] { display: none; }
.tooto-carousel--static .e-n-carousel { overflow: visible; }
.tooto-carousel--static .swiper-wrapper {
	flex-direction: column;
	/* Swiper writes these inline for horizontal movement; static rows must not move. */
	transform: none !important;
	height: auto !important;
}
.tooto-carousel--static .swiper-slide {
	/* Overrides only the native Swiper slide geometry in the static mode. */
	width: 100% !important;
	margin: 0 !important;
	height: auto;
}
#customization-inquiry { scroll-margin-top: 80px; }
@media (max-width: 767px) {
	.elementor-widget-n-carousel.tooto-customization-process .elementor-swiper-button { width: 32px; height: 32px; }
}
@media (prefers-reduced-motion: reduce) {
	:is(.tooto-carousel--standard, .tooto-carousel--mobile) { --tooto-motion: 0ms; }
}