﻿._qty-add-to-cart .qty-input,
._qty-add-to-cart .qty-dropdown {
  max-width: 90px;
}

._product-sidebar .list-group-item {
  padding-left: 0;
  padding-right: 0;
}

  ._product-sidebar .list-group-item:first-child {
    padding-top: 0;
  }

  ._product-sidebar .list-group-item:last-child {
    padding-bottom: 0;
  }

.sticky-top._product-sidebar {
  top: 4rem;
}

._image-gallery ._image-item {
  border: 1px solid #dfdfdf;
  display: block;
}

  ._image-gallery ._image-item img {
    width: 100%;
  }

/* Prices */
._product-prices .current-price {
  font-size: var(--ps-h4-font-size);
  font-weight: var(--ps-title-font-weight);
}

  ._product-prices .current-price .price-now {
    font-size: 14px;
    font-weight: normal;
  }

._product-prices .old-current-price {
  line-height: 20px;
}

.old-price {
  margin-top: 1rem;
  font-size: inherit !important;
}

._product-prices .old-price {
  font-size: 12px;
  text-decoration-line: line-through;
  text-decoration-color: #898989;
  text-decoration-style: solid;
}

._product-prices .price-tax-format {
  font-size: 12px;
  color: #898989;
}

.min-quantity {
  font-size: 12px;
  font-weight: bold;
  color: #898989;
}

._product-upsell {
  border: var(--bs-border-width) dashed var(--bs-border-color);
}

  ._product-upsell > .card-body > .card-title h1,
  ._product-upsell > .card-body > .card-title h2,
  ._product-upsell > .card-body > .card-title h3,
  ._product-upsell > .card-body > .card-title h4 {
    font-size: var(--ps-h5-font-size) !important;
  }

._table-specifications th {
  width: 30%;
}

._table-specifications td span + span:before {
  content: ",";
  margin-left: -3px;
  margin-right: 3px;
  display: inline-block
}

.swiper-thumbs {
  padding-top: 20px;
}

  .swiper-thumbs .swiper-slide {
    opacity: 0.4;
  }

  .swiper-thumbs .swiper-slide:hover {
    opacity: 0.6;
  }

  .swiper-thumbs .swiper-slide-thumb-active {
    opacity: 1 !important;
  }


/* custom badges */
.c-badge {
  --badge-bg: var(--ps-badge-new-bg);
  position: relative;
  display: inline-flex;
  justify-items: end;
  align-items: end;
  color: #fff;
  min-width: 4.2rem;
  padding: 1rem 2.5rem 0.5rem 0.5rem;
  background-color: var(--badge-bg);
  clip-path: polygon(0 0, 50% 0, 100% 100%, 0% 100%);
}

  .c-badge::after {
    position: absolute;
    left: 100%;
    top: 0;
    height: 100%;
    z-index: 3;
  }

  .c-badge.sale {
    --badge-bg: var(--ps-badge-discount-bg);
    z-index: 5;
    clip-path: polygon(0 0, 50% 0, 100% 100%, 0% 100%);
  }

  .c-badge.new {
    --badge-bg: var(--ps-badge-new-bg);
  }

.card-product .c-badge + .c-badge {
  margin-left: -5px;
}

._product-sidebar .c-badge + .c-badge {
  margin-left: -38px;
}

.card-product .c-badge {
  position: absolute;
  top: 1.5rem;
  left: 0;
  z-index: 3;
}

.card-product .is-new .c-badge + .c-badge {
  left: 40px;
}


._modal-cross-sell ._cross-sell-title h1,
._modal-cross-sell ._cross-sell-title h2,
._modal-cross-sell ._cross-sell-title h3,
._modal-cross-sell ._cross-sell-title h4 {
  font-size: var(--ps-title-h5-font-size) !important;
}

.swiper-product {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
  display: block;
  --swiper-navigation-sides-offset: 0;
  --swiper-navigation-size: 100px;
  user-select: none;
}

  .swiper-product .swiper-button-next, .swiper-product .swiper-button-prev {
    height: 100%;
    margin-top: 0;
    top: 0;
  }

    .swiper-product .swiper-button-next:after, .swiper-product .swiper-button-prev:after {
      font-size: 44px;
    }


.card-product.card-sm .card-title {
  font-size: 12px;
}

.card-product:not(:hover) {
  border-color: transparent;
}

.card-product .card-title {
  margin-bottom: 0;
  line-height: 1.2;
}
.card-product .prices .old-current-price {
  line-height: 20px;
}

.card-product.card-list .current-price {
  display: flex !important;
  flex-direction: column !important;
}

.card-product .prices .current-price {
  font-size: 20px;
}

.card-product.card-sm .current-price-value {
  font-size: 14px;
}

.card-product.card-list .price-tax-format {
  text-align: left !important;
}

.card-product .prices .price-tax-format, .card-product .min-quantity {
  font-size: 12px;
  color: #898989;
}

