.thumbnails {
  max-width: 216px;
  gap: 16px;
}
.thumbnail__link {
  height: 100px;
  width: 100px;
  border: 1px solid #d3d3d3;
  background-color: transparent;
}
.thumbnail__link.video::after,
.thumbnail__links.video::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #00000080;
}
.play {
  height: 40px;
  width: 40px;
  background-color: #fff;
}
.icon-play-fill {
  mask-image: url(../../assets/images/icon-play-fill.svg);
  -webkit-mask-image: url(../../assets/images/icon-play-fill.svg);
  width: 13px;
  height: 17px;
  background: #363636;
}

.preview {
  max-width: 488px;
  margin-left: 16px;
  margin-right: 16px;
}
.preview__link {
  border-color: #d3d3d3;
  border-radius: 16px;
}

.preview .fav-button,
.share-btn-container .fav-button{
  top: 24px;
  right: 27px;
  height: 34px;
  width: 34px;
  box-shadow: 0px 2.5px 10px 0px #0000001f;
}
.preview .fav-button:after,
.share-btn-container .fav-button:after{
  height: 24px;
  width: 24px;
}

.icon-share {
  mask-image: url(../../assets/images/icon-share.svg);
  -webkit-mask-image: url(../../assets/images/icon-share.svg);
  width: 18px;
  height: 18px;
  background: #333d4c;
}
.icon-copy {
  mask-image: url(../../assets/images/icon-copy.svg);
  -webkit-mask-image: url(../../assets/images/icon-copy.svg);
  width: 24px;
  height: 24px;
  background: #17242a;
}
.icon-envlop {
  mask-image: url(../../assets/images/icon-envlop.svg);
  -webkit-mask-image: url(../../assets/images/icon-envlop.svg);
  width: 24px;
  height: 24px;
  background: #17242a;
}
.share-btn {
  position: absolute;
  top: 65px;
  right: 27px;
}
.share-btn .dropdown-toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0px 2.13px 8.5px 0px #0000001f;
}
.share-btn .dropdown-toggle::after {
  display: none;
}
.share-btn .dropdown-menu {
  border: 1px solid var(--Gray-200, #d3d3d3);
  width: auto;
  padding: 8px;
  border-radius: 8px;
  transform: translate(0px, 43px) !important;
  box-shadow: 0 0 0 1px rgba(18, 18, 23, 0.1),
    0 24px 48px 0 rgba(18, 18, 23, 0.03), 0 10px 18px 0 rgba(18, 18, 23, 0.03),
    0 5px 8px 0 rgba(18, 18, 23, 0.04), 0 2px 4px 0 rgba(18, 18, 23, 0.04);
}
.share-btn .dropdown-item {
  padding: 4px 12px !important;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  line-height: 24px;
  color: #121217;
}
.share-btn .dropdown-item:hover,
.share-btn .dropdown-item:focus,
.share-btn .dropdown-item:focus-visible {
  background-color: transparent;
  color: #f59635;
}
.share-btn .dropdown-item:hover i,
.share-btn .dropdown-item:focus i,
.share-btn .dropdown-item:focus-visible i {
  background-color: #f59635;
}

.toast-body-container {
  display: flex;
  align-items: center;
  background: #17242a;
  color: white;
  border-radius: 4px;
}
.toast-body-container .btn-close-white {
  opacity: 1;
  height: 11px;
  width: 11px;
  background-size: 11px;
}

/* Product detail Start */
.product-info-header-title {
  margin-bottom: 2px;
  flex-wrap: wrap;
}
.product-info-header .line-button {
  font-size: 14px;
  line-height: 18px;
  padding: 7px 15px;
  flex-shrink: 0;
}
.available-stock-wrapper .text-sm,
.available-stock {
  line-height: 24px;
}
.product-rating {
  font-size: 14px;
  line-height: 21px;
}
.product-detail-bottom {
  margin-bottom: 20px;
}
.product-info-from-bottom .counter-minus,
.product-info-from-bottom .counter-plus {
  width: 42px;
  height: 42px;
}
.size-block ul {
  align-items: stretch;
  flex-wrap: wrap;
  /* overflow: auto; */
  margin-bottom: 20px;
}
.size-block-box {
  width: max-content;
  height: 92px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
.mix-total-image-block p span {
  margin-left: 4px;
}
.mix-total-image .thumbnail__link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  overflow: hidden;
}
.mix-total-image .thumbnail__link span {
  display: block;
  height: 100%;
  width: 100%;
  border-radius: 50%;
  border: 3px solid #fff;
}
.mix-total-image .thumbnails {
  max-width: 100%;
  gap: 8px;
}
.mix-total-image .thumbnails {
  max-width: 100%;
  gap: 8px;
}
/* Common Listing */
.accordion-body ul {
  margin-bottom: 0;
}

.accordion-body ul li {
  padding-left: 10px;
  margin-bottom: 6px;
  position: relative;
}

.accordion-body ul li:last-child {
  margin-bottom: 0;
}

.accordion-body ul li::before {
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  width: 4px;
  height: 4px;
  background: #333d4c;
  border-radius: 100%;
}
ul.specification-list li {
  padding: 0;
  margin-bottom: 12px;
}
ul.specification-list li::before {
  display: none;
}
ul.specification-list li p:first-of-type {
  margin-bottom: 2px;
  color: #17242a;
}
.warranty-title {
  margin-bottom: 2px;
}
.product-details-review .heading-three {
  line-height: 27px;
}
.product-details-review .text-link {
  line-height: 18px;
}
.gallery-slider-wrapper .button-prev,
.gallery-slider-wrapper .button-next {
  box-shadow: 0px 2.13px 8.5px 0px #00000061;
}
.product-info-from-bottom .solid-button
{
    max-width: 313px;
}
.fancybox__thumbs .carousel__slide[aria-hidden="true"] {
  display: none !important;
}
.upload__img-box .img-bg.img-bg-list img{
  height: 50px;
  width: 50px;
}
@media only screen and (max-width: 991px) {
  .thumbnails {
    max-width: 80px;
  }
  .preview {
    margin-left: 12px;
    margin-right: 0;
  }
  .preview .share-btn {
    top: 55px;
    right: 14px;
  }
  .preview .share-btn .dropdown-toggle {
    width: 30px;
    height: 30px;
  }
  .preview .fav-button {
    top: 14px;
    right: 14px;
    height: 30px;
    width: 30px;
  }
  .preview .share-btn .dropdown-menu {
    padding: 4px;
    min-width: auto;
  }
}
@media only screen and (max-width: 767px) {
  .thumbnail__links {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .preview .share-btn,
  .share-btn-container .share-btn {
    top: -36px;
    right: 6px;
    z-index: 10;
  }
  .preview .fav-button,
  .share-btn-container .fav-button {
    top: -36px;
    right: 46px;
    z-index: 10;
  }
}