:root {
  --swiper-navigation-size: 44px;
}

.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}

.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
  display: none !important;
}

.swiper-button-next:after,
.swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: "prev";
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: "next";
}

.swiper-button-lock {
  display: none;
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

#product--view .product--main-media .media--wrapper {
  grid-template-columns: 1fr;
}

#product--view .product--main-media .media--wrapper .swiper--thumbs {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

#product--view .product--main-media .media--wrapper .swiper--thumbs .swiper-slide {
  border-color: var(--light-white);
}

#product--view .product--main-media .media--wrapper .swiper--thumbs .swiper-slide.swiper-slide-thumb-active {
  border-color: var(--primary);
}

#product--view .product--main-media .media--wrapper .swiper--main .swiper-button-prev {
  left: 1rem;
}

#product--view .product--main-media .media--wrapper .swiper--main .swiper-button-next {
  right: 1rem;
}

#product--view .product--main-media .media--wrapper .swiper--main:after {
  z-index: 1;
}

#product--view .product--main-media .media--wrapper .product--labels-label {
  border-radius: var(--product-btn-rad);
}

#product--view .product--main-media .media--wrapper .product--labels-label span {
  font-size: var(--font-sm);
}

#product--view .product--main-media .media--wrapper .product--labels-label.new {
  background-color: var(--lb-new);
}

#product--view .product--main-media .media--wrapper .product--labels-label.new span {
  color: var(--lb-new-font);
}

#product--view .product--main-media .media--wrapper .product--labels-label.bundle {
  background-color: var(--lb-bundle);
}

#product--view .product--main-media .media--wrapper .product--labels-label.bundle span {
  color: var(--lb-bundle-font);
}

#product--view .product--main-media .media--wrapper .product--labels-label.discount {
  background-color: var(--lb-discount);
}

#product--view .product--main-media .media--wrapper .product--labels-label.discount span {
  color: var(--lb-discount-font);
}

#product--view .product--main-info .info--wrapper .manufacturer span {
  font-size: var(--font-sm);
  color: var(--secondary);
}

#product--view .product--main-info .info--wrapper .title {
  font-size: var(--font-2lg);
}

#product--view .product--main-info .info--wrapper .price .price--final span {
  font-size: var(--font-lg);
  color: var(--secondary);
}

#product--view .product--main-info .info--wrapper .price .price--initial {
  color: var(--discount);
}

#product--view .product--main-info .info--wrapper .price .price--initial span {
  font-size: var(--font-md);
  color: var(--discount);
}

#product--view .product--main-info .info--wrapper .attributes.size label {
  border-radius: var(--btn-radius);
}

#product--view .product--main-info .info--wrapper .attributes .attributes--wrapper.colors input.active ~ label {
  border: 1px solid black;
}

#product--view .product--main-info .info--wrapper .attributes .item span {
  width: 2.1rem;
  height: 2.1rem;
}

#product--view .product--main-info .info--wrapper .availability .availability--type-1 {
  color: var(--available);
}

#product--view .product--main-info .info--wrapper .availability .availability--type-2 {
  color: var(--backorder);
}

#product--view .product--main-info .info--wrapper .availability .availability--type-3 {
  color: var(--available);
}

#product--view .product--main-info .info--wrapper .availability .availability--type-4 {
  color: var(--not-available);
}

#product--view .product--main-info .info--wrapper .actions .actions--quantity input,
#product--view .product--main-info .info--wrapper .actions .actions--quantity .up,
#product--view .product--main-info .info--wrapper .actions .actions--quantity .down {
  border-radius: var(--btn-radius);
}

#product--view .product--main-info .info--wrapper .actions .actions--add-cart {
  background-color: var(--atc-bg);
  color: var(--atc-font);
  border-radius: var(--atc-radius);
  font-size: var(--font-md);
}

#product--view .product--main-info .info--wrapper .actions .actions--add-cart:hover {
  background-color: var(--atc-bg-h);
  color: var(--atc-font-h);
}

#product--view .product--main-info .info--wrapper .actions .product--wishlist-btn {
  border-radius: var(--atc-radius);
  border-color: var(--btn-bg);
  color: var(--btn-bg);
}

#product--view .product--main-info .info--wrapper .actions .product--wishlist-btn svg {
  transition: all 0.3s ease-in-out;
}

#product--view .product--main-info .info--wrapper .actions .product--wishlist-btn svg path {
  fill: var(--btn-bg);
}

#product--view .product--main-info .info--wrapper .actions .product--wishlist-btn.added {
  background-color: var(--btn-bg-h);
  color: var(--btn-font-h);
}

#product--view .product--main-info .info--wrapper .actions .product--wishlist-btn.added svg path {
  fill: var(--btn-font-h);
}

#product--view .product--main-info .info--wrapper .actions .product--wishlist-btn:hover {
  background-color: var(--btn-bg-h);
  color: var(--btn-font-h);
}

#product--view .product--main-info .info--wrapper .actions .product--wishlist-btn:hover svg {
  transition: all 0.3s ease-in-out;
}

#product--view .product--main-info .info--wrapper .actions .product--wishlist-btn:hover svg path {
  fill: var(--btn-font-h);
}

#product--view .product--main-info .info--wrapper .social a:hover svg path {
  fill: var(--btn-bg-h);
}

#product--description .nav-pills {
  border-color: var(--light-grey);
}

#product--description .nav-pills .nav-link {
  border-color: transparent;
  background: transparent;
  color: var(--secondary);
}

#product--description .nav-pills .nav-link.active {
  border-bottom: 1px solid var(--primary);
  box-shadow: none;
  color: var(--primary);
}

@media only screen and (min-width: 640px) {
  #product--view .product--main-media .media--wrapper .swiper--thumbs .swiper-slide {
    width: 13.3rem !important;
    height: auto !important;
  }
}

@media only screen and (min-width: 1024px) {
  #product--view .product--main-media .media--wrapper {
    grid-template-columns: 15.8rem 1fr;
  }

  #product--view .product--main-media .media--wrapper .swiper--thumbs {
    padding-left: 0 !important;
    padding-right: 0 !important;
    min-height: 45rem;
  }
}

@media only screen and (max-width: 1023px) {
  .swiper--thumbs {
    height: auto !important;
  }
}

/* Modal close icon parse */

.btn-close {
  background: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 16 16%22 fill=%22%23000%22%3E%3Cpath d=%22M.293.293a1 1 0 011.414.0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293A1 1 0 01.293 14.293L6.586 8 .293 1.707a1 1 0 010-1.414z%22/%3E%3C/svg%3E") 50%/1em no-repeat;
}

.attr--list:not(.radio-buttons--type) input.active ~ label {
  border: 1px solid black;
}

.dropdown--type select {
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.16973 1.1305L7.26651 6.86963L13.3633 1.1305' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}