/* WatchBazar home layout fixes */

#header {
  position: relative;
  overflow: hidden;
}

#header .container,
#header .row {
  position: relative;
  z-index: 1;
}

#store {
  position: relative;
  overflow: hidden;
  min-height: 22rem;
}

@media (min-width: 768px) {
  #store {
    min-height: 26rem;
  }
}

#store .wb-store-content {
  position: relative;
  z-index: 1;
}

#store .wb-store-nav .carousel-control-prev,
#store .wb-store-nav .carousel-control-next {
  position: static;
  width: 2.75rem;
  height: 2.75rem;
  padding: 0;
  opacity: 1;
}

#store .wb-store-nav .carousel-control-prev-icon,
#store .wb-store-nav .carousel-control-next-icon {
  filter: brightness(1.1);
}

#store .carousel-inner .carousel-item {
  min-height: 12rem;
}

#store p {
  max-width: 38rem;
  margin-left: auto;
}

/* Product carousels: controls must sit outside .carousel-inner (Bootstrap) */
#carouselLatest.carousel,
#carouselPopular.carousel {
  position: relative;
  padding-bottom: 3rem;
}

#carouselLatest .carousel-control-prev,
#carouselLatest .carousel-control-next,
#carouselPopular .carousel-control-prev,
#carouselPopular .carousel-control-next {
  top: auto;
  bottom: 0;
  width: 3rem;
  height: 3rem;
  opacity: 1;
}

#carouselLatest .carousel-control-prev,
#carouselPopular .carousel-control-prev {
  left: 50%;
  transform: translateX(-3.25rem);
}

#carouselLatest .carousel-control-next,
#carouselPopular .carousel-control-next {
  right: auto;
  left: 50%;
  transform: translateX(0.25rem);
}
