/* Home slider (banners). Independent file: not touched by OCMOD refresh. */
.home-slider { position: relative; margin: 22px 0 22px; }
.home-slider .owl-wrapper-outer { border-radius: 20px; overflow: hidden; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.10), 0 0 0 1px rgba(0, 0, 0, 0.04); }
.home-slider .item a { display: block; }
.home-slider .item img { display: block; width: 100%; height: auto; }

/* arrows: glass circle + CSS chevron */
.home-slider .owl-buttons div {
	position: absolute;
	top: 50%;
	margin: -23px 0 0;
	width: 46px; height: 46px;
	padding: 0;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.88);
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.18);
	opacity: 1;
	font-size: 0; line-height: 0; color: transparent;
	z-index: 5;
	cursor: pointer;
	transition: background .2s ease, transform .2s ease, box-shadow .2s ease;
}
.home-slider .owl-buttons div:before {
	content: "";
	position: absolute;
	top: 50%; left: 50%;
	width: 11px; height: 11px;
	border: solid #232323;
	border-width: 0 2.5px 2.5px 0;
	border-radius: 1px;
	transition: border-color .2s ease;
}
.home-slider .owl-buttons .owl-prev { left: 16px; }
.home-slider .owl-buttons .owl-next { right: 16px; }
.home-slider .owl-buttons .owl-prev:before { transform: translate(-30%, -50%) rotate(135deg); }
.home-slider .owl-buttons .owl-next:before { transform: translate(-70%, -50%) rotate(-45deg); }
.home-slider .owl-buttons div:hover { background: #00b956; transform: scale(1.08); box-shadow: 0 6px 20px rgba(0, 185, 86, 0.35); }
.home-slider .owl-buttons div:hover:before { border-color: #fff; }

/* pagination: pills under the banner, active one stretches */
.home-slider .owl-controls { margin-top: 14px; }
.home-slider .owl-controls .owl-pagination { display: block !important; text-align: center; line-height: 0; }
.home-slider .owl-controls .owl-page { display: inline-block; padding: 6px 4px; cursor: pointer; }
.home-slider .owl-controls .owl-page span {
	display: block;
	width: 8px; height: 8px;
	margin: 0;
	border-radius: 4px;
	background: #cfd3d1;
	opacity: 1;
	box-shadow: none;
	transition: width .3s ease, background .3s ease;
}
.home-slider .owl-controls .owl-page:hover span { background: #9aa09d; }
.home-slider .owl-controls .owl-page.active span { width: 30px; background: #00b956; }

@media (max-width: 767px) {
	.home-slider { margin: 12px 0 12px; }
	.home-slider .owl-wrapper-outer { border-radius: 14px; }
	.home-slider .owl-buttons { display: none; }
	.home-slider .owl-controls { margin-top: 8px; }
}