/* Fallback grid for product carousel when Owl Carousel isn't active */
.product-carousel {
	display: flex;
	flex-wrap: wrap;
	margin-left: -10px;
	margin-right: -10px;
}

.product-carousel .product {
	box-sizing: border-box;
	padding-left: 10px;
	padding-right: 10px;
	flex: 0 0 25%;
	max-width: 25%;
}

@media (max-width: 991px) {
	.product-carousel .product {
		flex: 0 0 33.3333%;
		max-width: 33.3333%;
	}
}

@media (max-width: 767px) {
	.product-carousel .product {
		flex: 0 0 50%;
		max-width: 50%;
	}
}

@media (max-width: 479px) {
	.product-carousel .product {
		flex: 0 0 100%;
		max-width: 100%;
	}
}

.product-carousel .product .product-thumb-info-image img {
	width: 100%;
	height: auto;
	display: block;
}

/* Ensure product elements don't inherit large plugin paddings when Owl is inactive */
.product-carousel {
	padding-left: 0;
	padding-right: 0;
}

.product-carousel .owl-stage-outer,
.product-carousel .owl-stage {
	width: 100%;
}

/* Fix: ensure notice top bar is visible above header */
.notice-top-bar {
	z-index: 1060 !important;
	position: fixed !important;
	top: 0;
	left: 0;
	width: 100%;
}

/* Ensure header doesn't overlap the notice bar when active */
.header-body {
	transition: top .3s ease;
}

.rtl {
	direction: rtl;
}