/** Shopify CDN: Minification failed

Line 27:14 Unexpected "{"
Line 27:23 Expected ":"
Line 27:29 Unexpected ","
Line 28:14 Unexpected "{"
Line 28:23 Expected ":"
Line 28:30 Unexpected "{"
Line 46:14 Unexpected "{"
Line 46:23 Expected ":"
Line 47:14 Unexpected "{"
Line 47:23 Expected ":"
... and 12 more hidden warnings

**/


/* CSS from section stylesheet tags */
.section-product-v1 .slider-wrapper {
  position: relative;
}

.section-product-v1 .slick-slide {
  margin: 0 10px;
}

.custom-prev-{{ section.id }},
.custom-next-{{ section.id }} {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: white;
  border: 1px solid #ddd;
  border-radius: 50%;
  width: 45px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #000;
  z-index: 2;
  transition: all 0.3s ease;
}

.custom-prev-{{ section.id }}:hover,
.custom-next-{{ section.id }}:hover {
  background: #000;
  color: #fff;
}

.custom-prev-{{ section.id }} {
  left: -60px;
}

.custom-next-{{ section.id }} {
  right: -60px;
}

@media (max-width: 767px) {
  .custom-prev-{{ section.id }},
  .custom-next-{{ section.id }} {
    width: 36px;
    height: 36px;
    left: 5px;
    right: 5px;
  }
}
.section-product__slider-container ul.slick-dots {
    bottom: 0 !important;
}
.section-product__slider-container .slick-dots li {
  margin: 0 5px;
}
.section-product__slider-container .slick-dots .slick-active button {
  background-color: #000;
}

.custom-slick-prev svg path,
.custom-slick-next svg path {
  stroke: #000;
}
 .slick-next.custom-slick-next, .slick-prev.custom-slick-prev {
    z-index: 999;
    top: 40%;
    background: white;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  }
  .slick-next.custom-slick-next {
    right: 0;
  }
  .slick-prev.custom-slick-prev {
    left: 0;
  }
  .custom-slick-next svg {

  }
  .custom-slick-prev.slick-prev:before, .custom-slick-next.slick-next:before {
    content: unset !important;
  }
  @media screen and (max-width: 749px) {
    .section-product-v1 .slick-slide {
      margin: 0;
    }
    .section-product__slider-container .sub_heading {
      padding-top: 10px;
      margin-bottom: 20px;
    }
  }