@import "../font/stylesheet.css";
.nailedit-categories-swiper .swiper-slide, .nailedit-products-swiper .swiper-slide {
  opacity: 0.3;
}

.nailedit-categories-swiper .swiper-slide.now-visible {
  opacity: 1;
}

.nailedit-products-swiper .swiper-slide.now-visible {
  opacity: 1;
}

.site-main .swiper-button-prev,
.site-main .swiper-button-next {
  color: var(--secondary);
  width: 40px;
  height: 40px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.site-main .swiper-button-prev:after,
.site-main .swiper-button-next:after {
  font-size: 20px;
  font-weight: 700;
}
.site-main .swiper-pagination-bullet {
  background: var(--secondary);
  opacity: 0.3;
}
.site-main .swiper-pagination-bullet-active {
  opacity: 1;
}
@media (max-width: 1023px) {
  .site-main .nailedit-products-swiper {
    padding: 0 40px;
  }
}
@media (max-width: 639px) {
  .site-main .nailedit-products-swiper {
    padding: 0 30px;
  }
  .site-main .swiper-button-prev,
  .site-main .swiper-button-next {
    width: 32px;
    height: 32px;
  }
  .site-main .swiper-button-prev:after,
  .site-main .swiper-button-next:after {
    font-size: 16px;
  }
}

/* Dual-thumb range slider */
.nailedit-dual-range {
  pointer-events: all;
  -webkit-appearance: none;
  appearance: none;
  background: transparent;
  outline: none;
}
.nailedit-dual-range::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #240D51;
  cursor: pointer;
  pointer-events: all;
  position: relative;
  z-index: 100;
  border: 3px solid #fff;
  box-shadow: 0 2px 6px rgba(103, 23, 104, 0.3);
  margin-top: -9px;
}
.nailedit-dual-range::-moz-range-thumb {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #240D51;
  cursor: pointer;
  pointer-events: all;
  border: 3px solid #fff;
  box-shadow: 0 2px 6px rgba(103, 23, 104, 0.3);
  z-index: 100;
  margin-top: -9px;
}

/* First slider shows the track */
#nailedit-range-min::-webkit-slider-runnable-track {
  width: 100%;
  height: 6px;
  background: #f1ca71;
  border-radius: 3px;
}
#nailedit-range-min::-moz-range-track {
  width: 100%;
  height: 6px;
  background: #f1ca71;
  border-radius: 3px;
}

/* Second slider has transparent track so thumbs appear above single track */
#nailedit-range-max::-webkit-slider-runnable-track {
  width: 100%;
  height: 6px;
  background: transparent;
  border-radius: 3px;
}
#nailedit-range-max::-moz-range-track {
  width: 100%;
  height: 6px;
  background: transparent;
  border-radius: 3px;
}

/*# sourceMappingURL=theme.css.map */