#customproductslider.custom-product-slider {
  margin: 40px 0;
  width: 100%;
}

#customproductslider .customproductslider-stage-wrap {
  position: relative;
  width: 100%;
  margin-top: 15px;
}

#customproductslider .custom-product-owl {
  position: relative !important;
  width: 100%;
  overflow: visible !important;
}

#customproductslider .custom-product-owl .owl-stage-outer {
  position: relative !important;
  overflow: hidden !important;
}

#customproductslider .custom-product-owl .product-miniature {
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  box-sizing: border-box;
}

#customproductslider .thumbnail-container {
  padding: 8px;
}

#customproductslider .ttproduct-image {
  padding: 6px;
}

#customproductslider .product-thumbnail {
  position: relative;
  overflow: hidden;
  display: block;
}

#customproductslider .product-thumbnail img {
  width: 92%;
  margin: 0 auto;
  display: block;
}

#customproductslider .thumbnail-container .ttproduct-img1 {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.35s ease, transform 0.35s ease;
}

#customproductslider .thumbnail-container.has-second-image .second_image {
  position: absolute;
  top: 0;
  left: 4%;
  width: 92% !important;
  height: auto;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.35s ease;
  z-index: 2;
}

#customproductslider .thumbnail-container.second-image-ready .second_image {
  visibility: visible;
}

#customproductslider .thumbnail-container.second-image-ready:hover .second_image {
  opacity: 1;
}

#customproductslider .thumbnail-container.second-image-ready:hover .ttproduct-img1 {
  opacity: 0 !important;
}

#customproductslider .thumbnail-container.custom-no-second-image:hover .ttproduct-img1,
#customproductslider .thumbnail-container.has-second-image:not(.second-image-ready):hover .ttproduct-img1,
#customproductslider .thumbnail-container.second-image-loading:hover .ttproduct-img1 {
  opacity: 1 !important;
  visibility: visible !important;
  transform: scale(1.035);
}

#customproductslider .thumbnail-container .ttproducthover {
  z-index: 5;
}

/* Hard-remove old custom navigation from previous builds. */
#customproductslider .customproductslider-side-nav,
#customproductslider .customproductslider-navigation,
#customproductslider .customNavigation {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Only native Owl navigation is used now. */
#customproductslider .custom-product-owl .owl-nav {
  z-index: 30 !important;
}

#customproductslider .custom-product-owl .owl-nav button.owl-prev,
#customproductslider .custom-product-owl .owl-nav button.owl-next {
  width: 42px !important;
  height: 42px !important;
  border: 0 !important;
  border-radius: 2px !important;
  background: rgba(30, 30, 30, 0.65) !important;
  color: #fff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: all 0.25s ease !important;
  padding: 0 !important;
  line-height: 1 !important;
  box-shadow: none !important;
}

#customproductslider .custom-product-owl .owl-nav button.owl-prev:hover,
#customproductslider .custom-product-owl .owl-nav button.owl-next:hover {
  background: rgba(0, 0, 0, 0.88) !important;
}

#customproductslider .custom-product-owl .owl-nav button.disabled {
  opacity: 0.35 !important;
  cursor: default !important;
}

#customproductslider .custom-product-owl .owl-nav i.material-icons {
  color: #fff !important;
  font-size: 30px !important;
  line-height: 1 !important;
}

#customproductslider .owl-dots,
#customproductslider .owl-controls {
  display: none !important;
}

@media (max-width: 767px) {
  #customproductslider .custom-product-owl .owl-nav {
    display: none !important;
  }
}


/* v1.1.9 - navigation colors like 'Laatste nieuws' */
#customproductslider .custom-product-owl .owl-nav button.owl-prev,
#customproductslider .custom-product-owl .owl-nav button.owl-next {
  width: 44px !important;
  height: 44px !important;
  background: rgba(255, 255, 255, 0.08) !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  opacity: 1 !important;
  transition: background 0.25s ease, color 0.25s ease, opacity 0.25s ease !important;
}

#customproductslider .custom-product-owl .owl-nav button.owl-prev.disabled,
#customproductslider .custom-product-owl .owl-nav button.owl-next.disabled {
  opacity: 0.35 !important;
  cursor: default !important;
}

#customproductslider .custom-product-owl .owl-nav button.owl-prev.disabled:hover,
#customproductslider .custom-product-owl .owl-nav button.owl-next.disabled:hover {
  background: rgba(255, 255, 255, 0.08) !important;
}

#customproductslider .custom-product-owl .owl-nav i.material-icons {
  color: #ffffff !important;
  font-size: 28px !important;
  line-height: 1 !important;
  font-weight: normal !important;
}


/* v1.2.2 navigation fixes */
.bwd-custom-slider .owl-nav button.owl-prev,
.bwd-custom-slider .owl-nav button.owl-next{
    width:48px;
    height:48px;
    display:flex !important;
    align-items:center;
    justify-content:center;
    line-height:48px;
    padding:0 !important;
}

.bwd-custom-slider .owl-nav button.owl-prev span,
.bwd-custom-slider .owl-nav button.owl-next span,
.bwd-custom-slider .owl-nav button.owl-prev i,
.bwd-custom-slider .owl-nav button.owl-next i{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:100%;
    font-size:28px;
}

.bwd-custom-slider .owl-nav button.owl-prev:hover,
.bwd-custom-slider .owl-nav button.owl-next:hover{
    background:#eab240 !important;
    color:#fff !important;
    transition:all .3s ease;
}


/* v1.2.3 nav alignment + hover fix */
.bwd-custom-slider .owl-nav button.owl-prev,
.bwd-custom-slider .owl-nav button.owl-next{
    width:48px !important;
    height:48px !important;
    min-width:48px !important;
    min-height:48px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    position:relative;
    padding:0 !important;
    line-height:1 !important;
}

.bwd-custom-slider .owl-nav button.owl-prev span,
.bwd-custom-slider .owl-nav button.owl-next span,
.bwd-custom-slider .owl-nav button.owl-prev i,
.bwd-custom-slider .owl-nav button.owl-next i{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    margin:0 !important;
    padding:0 !important;
    line-height:1 !important;
    font-size:28px !important;
}

.bwd-custom-slider .owl-nav button.owl-prev:hover,
.bwd-custom-slider .owl-nav button.owl-next:hover{
    background: var(--secondary-bg-color) !important;
    border-color: var(--secondary-bg-color) !important;
    color:#fff !important;
}


/* v1.2.4 centered owl nav icons */
#customproductslider .custom-product-owl .owl-nav button{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}

#customproductslider .custom-product-owl .owl-nav button i.material-icons{
    position:static !important;
    top:auto !important;
    transform:none !important;

    width:auto !important;
    height:auto !important;
    line-height:1 !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    font-size:28px !important;
    color:#fff !important;
}

#customproductslider .custom-product-owl .owl-nav button:hover{
    background: var(--secondary-bg-color) !important;
    border-color: var(--secondary-bg-color) !important;
}





/* v1.2.7 owl nav hover styling */
#customproductslider .custom-product-owl .owl-nav button.owl-prev:hover,
#customproductslider .custom-product-owl .owl-nav button.owl-next:hover{
    background: var(--secondary-bg-color) !important;
    border-color: var(--secondary-bg-color) !important;
}


#customproductslider .custom-product-owl .owl-nav button.owl-prev.disabled,
#customproductslider .custom-product-owl .owl-nav button.owl-next.disabled {
    opacity: 0.35 !important;
    cursor: default !important;
}




/* v1.3.4 - configurable mobile product count */
@media (max-width: 767px) {
  #customproductslider .bwd-mobile-grid-slide {
    width: 100%;
  }

  #customproductslider .bwd-mobile-items-2 .bwd-mobile-grid-slide {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px 10px;
  }

  #customproductslider .bwd-mobile-items-4 .bwd-mobile-grid-slide {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px 10px;
  }

  #customproductslider .bwd-mobile-grid-slide .product-miniature,
  #customproductslider .bwd-mobile-grid-slide .js-product-miniature {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 5px;
    padding-right: 5px;
    box-sizing: border-box;
  }

  #customproductslider .bwd-mobile-grid-built .owl-item {
    width: 100%;
  }

  #customproductslider .bwd-mobile-grid-slide .thumbnail-container {
    padding: 4px;
  }

  #customproductslider .bwd-mobile-grid-slide .ttproduct-image {
    padding: 3px;
  }

  #customproductslider .bwd-mobile-grid-slide .product-title,
  #customproductslider .bwd-mobile-grid-slide .h3.product-title {
    font-size: 13px;
    line-height: 1.25;
  }

  #customproductslider .bwd-mobile-grid-slide .price {
    font-size: 14px;
  }
}