.carousel-wrapper { max-width: 1280px; margin: 0 auto; padding: 20px; position: relative; }

.carousel-categories { display: flex; flex-wrap: wrap; gap:10px; justify-content: center; margin-bottom: 30px; }
a.category-link { padding:8px 20px; background:#fff; border:1px solid #f0f0f0; border-radius:12px; cursor: pointer; transition: all 0.3s ease; text-align:center; font-family:inherit; font-size:16px; font-weight:500; color:#3B3F5B; box-shadow:0 0 1px rgba(0,0,0,0.1); }
a.category-link:hover { background:#8298B7; color:#fff; /*transform: translateY(-2px);*/ }
a.category-link.active { background:#8298B7; color:#fff; border-color:#8298B7; }

.carousel-swiper { padding: 20px 0; }
.swiper-slide { transition: all 0.3s ease; display: flex; align-items: center; justify-content: center; }
.swiper-slide .slide-content { width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 10px; }
.swiper-slide img { width:100%; height:auto; object-fit: cover; border-radius: 8px; transition: all 0.3s ease; box-shadow: 0 4px 6px rgba(0,0,0,0.1); }

/* Desktop: 3 images per view, center active */
@media (min-width: 1025px) {
	.swiper-slide { transform:scale(0.8) translateZ(0) !important; opacity:0.4; }
	.swiper-slide-active { transform:scale(1.1) translateZ(0) !important; opacity:1; z-index:10; }
	.swiper-slide img { max-height:400px; }
	.swiper-slide-active img { box-shadow:0 8px 10px rgba(0,0,0,0.2); }
	.swiper-pagination { display:none !important; }
}

/* Tablet: 2 images per view, left active */
@media (min-width: 768px) and (max-width: 1024px) {
	.swiper-slide { opacity:0.4; }
	.swiper-slide-active { opacity: 1; transform: scale(1); }
	.swiper-slide img { max-height: 300px; }
	.swiper-pagination { display:none !important; }
}

/* Mobile: 1 image per view, no arrows, dots visible */
@media (max-width: 767px) {
	.carousel-categories { margin-bottom:0; }
	.swiper-button-next, .swiper-button-prev { display: none !important; }
	.swiper-pagination { display: block !important; position: relative; margin-top: 20px; }
	.swiper-pagination-bullet { background: #ccc; opacity: 1; width: 10px; height: 10px; }
	.swiper-pagination-bullet-active { background: #007cba; }
	.swiper-slide img { max-height: 250px; }
	.swiper-slide { opacity: 1; transform: scale(1); }
}
@media (max-width:400px) {
	a.category-link { width: 100%; }
}


.swiper-button-next, .swiper-button-prev { background: rgba(255,255,255,0.9); border-radius: 50%; width: 44px; height: 44px; box-shadow: 0 2px 8px rgba(0,0,0,0.15); }
.swiper-button-next:after, .swiper-button-prev:after { font-size: 18px; color: #333; }
.swiper-button-next:hover, .swiper-button-prev:hover { background: white; }