.owl-carousel {
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  position: relative;
  z-index: 1;
}
.owl-carousel:not(.owl-loaded) {
  display: flex !important;
  contain: paint;
}
.owl-carousel:not(.owl-loaded) :is(.owl-nav,.owl-dots){
  opacity:0;
  visibility:hidden;
}
.owl-carousel .owl-stage {
  position: relative;
  touch-action: manipulation;
  backface-visibility: hidden;
}

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.owl-carousel .owl-stage-outer {
  position: relative;
  contain: paint;
}

.owl-carousel :where(.owl-wrapper,.product-item,.owl-item) {
  backface-visibility: hidden;
}

.owl-carousel .product-item,
.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left; /* Consider using flexbox instead */
  backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}

.owl-carousel .product-item img,
.owl-carousel .owl-item img {
  display: block;
  width: 100%;
}

.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
  display: none;
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
  cursor: pointer;
  user-select: none;
}

.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
  background: none;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit;
}
.owl-carousel.owl-hidden {
  opacity: 0;
}
.owl-carousel.owl-drag .product-item,
.owl-carousel.owl-drag .owl-item {
  touch-action: pan-y;
  user-select: none;
}

.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab;
}

.owl-height {
  transition: height 500ms ease-in-out;
}

.owl-carousel .product-item .owl-lazy,
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease;
}
