/* ============================================================
   MusaCarousel — default styles
   ------------------------------------------------------------
   The carousel injects inline flex/transform styles at runtime,
   so this file only provides the pagination bullets. Everything
   else (slide height, arrow buttons) is left to the host page so
   projects can theme the frame independently.
   ============================================================ */

.swiper-pagination .musa-bullet {
	display: inline-block;
	width: 10px; height: 10px;
	margin: 0 5px;
	border-radius: 50%;
	background: rgba(255, 255, 255, .55);
	cursor: pointer;
	pointer-events: auto;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .35);
	transition: background .2s ease, transform .2s ease;
}
.swiper-pagination .musa-bullet:hover { background: rgba(255, 255, 255, .85); }
.swiper-pagination .musa-bullet.is-active {
	background: #fff;
	transform: scale(1.2);
}