/**
 * AZS pages (uk/ru) — carousel: gaps, no dots, circular transparent arrows
 */

/* Hide pagination dots */
.stelladesign-azs-page .elementor-image-carousel-wrapper .swiper-pagination,
.stelladesign-azs-page .elementor-swiper-pagination,
.stelladesign-azs-page .swiper-pagination-bullets,
.stelladesign-azs-page .swiper-pagination {
	display: none !important;
	opacity: 0 !important;
	visibility: hidden !important;
	height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* Image framing (gaps come from Elementor image_spacing / Swiper spaceBetween) */
.stelladesign-azs-page .elementor-image-carousel .swiper-slide figure {
	margin: 0;
}

.stelladesign-azs-page .elementor-image-carousel .swiper-slide img {
	width: 100%;
	height: 220px;
	object-fit: cover;
	border-radius: 8px;
	display: block;
}

@media (min-width: 1025px) {
	.stelladesign-azs-page .elementor-image-carousel .swiper-slide img {
		height: 260px;
	}
}

/* Circular transparent arrow buttons */
.stelladesign-azs-page .elementor-swiper-button,
.stelladesign-azs-page .elementor-swiper-button-prev,
.stelladesign-azs-page .elementor-swiper-button-next {
	width: 44px !important;
	height: 44px !important;
	margin: 0 !important;
	border-radius: 50% !important;
	background: transparent !important;
	background-color: transparent !important;
	border: 2px solid #00364a !important;
	color: #00364a !important;
	box-shadow: none !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.stelladesign-azs-page .elementor-swiper-button:hover,
.stelladesign-azs-page .elementor-swiper-button-prev:hover,
.stelladesign-azs-page .elementor-swiper-button-next:hover {
	background: rgba(0, 54, 74, 0.08) !important;
	border-color: #00364a !important;
	color: #00364a !important;
}

.stelladesign-azs-page .elementor-swiper-button i,
.stelladesign-azs-page .elementor-swiper-button svg {
	width: 16px !important;
	height: 16px !important;
	font-size: 16px !important;
	color: inherit !important;
	fill: currentColor !important;
}

.stelladesign-azs-page .elementor-swiper-button-prev {
	left: 8px !important;
}

.stelladesign-azs-page .elementor-swiper-button-next {
	right: 8px !important;
}

/* Steles/pylons page — taller frames for portrait product shots */
.stelladesign-stely-page .elementor-image-carousel .swiper-slide img {
	height: 320px;
}

@media (min-width: 1025px) {
	.stelladesign-stely-page .elementor-image-carousel .swiper-slide img {
		height: 380px;
	}
}