/* Promotional banners v2 — front-end zone + slider.
   Standalone banners reuse the existing .sfeat / .sfeat-img rules in style.css;
   this file only adds the zone wrapper and the slider chrome. */

.sfeat-zone { width: 100%; }

/* Slider matches the standalone banner footprint. */
.sfeat-slider { max-width: 1000px; margin: 15px auto; position: relative; }
.sfeat-slider .sfeat { margin: 0 auto; }
.sfeat-slider .sfeat-img { border-radius: 3px; }

/* Owl nav arrows */
.sfeat-slider .owl-nav { margin: 0; }
.sfeat-slider .owl-nav button.owl-prev,
.sfeat-slider .owl-nav button.owl-next {
	position: absolute; top: 50%; transform: translateY(-50%);
	width: 50px; height: 50px; border-radius: 50%;
	background: rgba(105, 105, 105, 0.89); color: #fff; font-size: 20px; line-height: 50px;
	display: flex; align-items: center; justify-content: center;
}
.sfeat-slider .owl-nav button.owl-prev { left: 8px; }
.sfeat-slider .owl-nav button.owl-next { right: 8px; }
.sfeat-slider .owl-nav button.owl-prev:hover,
.sfeat-slider .owl-nav button.owl-next:hover { background: rgba(0,0,0,0.7); }
.sfeat-slider .owl-nav .disabled { opacity: 0.35; }

/* Owl dots */
.sfeat-slider .owl-dots {
  text-align: center;
  position: absolute;
  width: 100%;
}
.sfeat-slider .owl-dots .owl-dot span {
	width: 9px; height: 9px; margin: 0 4px; background: #cfcfcf; display: inline-block; border-radius: 50%;
}
.sfeat-slider .owl-dots .owl-dot.active span { background: #E0006C; }

/* Smaller nav arrows on narrow screens */
@media all and (max-width: 960px) {
	.sfeat-slider .owl-nav button.owl-prev,
	.sfeat-slider .owl-nav button.owl-next {
		width: 40px; height: 40px; line-height: 40px;
	}
}
@media all and (max-width: 700px) {
	.sfeat-slider .owl-nav button.owl-prev,
	.sfeat-slider .owl-nav button.owl-next {
		width: 30px; height: 30px; line-height: 30px;
	}
}