/* Add custom CSS styles below */ 
.fullscreen-loader {
  background-color: white !important;
}
/* Minimize Product Card */
.p-6.md\:px-8.bg-\[var\(--bg-light\)\].shadow-\[0px_3px_16px_\#2f536d1f\].rounded-2xl.md\:rounded-\[20px\] {
  padding-top: 0px;
  padding-bottom: 6px;
  padding-right: 16px;
  padding-left: 16px;
}
single-product .product-details {
  padding-top: 0px;
  padding-bottom: 4px;
  gap: 6px;
}
single-product img {
  height: 14rem !important;
  width: max-content !important;
}
single-product .product-details-media-slider {
  align-items: center;
  justify-content: center;
}
single-product salla-social-share {
  display: none !important;
}
.product-card-content-media-promotional-title {
  color: white !important;
  background-color: #AD88C6;
      padding: 1px 5px;
      right: unset;
      top: unset;
      bottom: -1px;
      left: 3px;
}


/* Add To Cart Fix */ 
.s-add-product-button-main {
  width: 100%;
}
.s-add-product-button-main .s-add-product-button-mini-checkout {
  width: 100%;
}
.s-add-product-button-with-sticky-bar salla-quick-buy {
  position: absolute;
  top: -65px;
  left: 0px;
}
@media screen and (max-width: 786px) {
  .s-add-product-button-main salla-button button {
    padding-bottom: 0rem;
    padding-top: 0rem;
    height: 100%;
  }
  .s-add-product-button-main salla-button button span {
    display: none;
  }
 .s-add-product-button-main salla-button button:after {
    content: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='20' height='20' style='fill:white;' viewBox='0 0 30 32'%3E%3Ctitle%3Ecart%3C/title%3E%3Cpath d='M15.426 28.084c0-1.412-0.85-2.684-2.156-3.226-1.305-0.54-2.807-0.241-3.805 0.758-0.999 0.998-1.298 2.5-0.758 3.805 0.54 1.303 1.815 2.155 3.226 2.155 1.928-0.003 3.49-1.564 3.492-3.492h0.001zM10.597 28.084h0.001c0-0.54 0.326-1.027 0.825-1.235 0.498-0.206 1.074-0.091 1.455 0.29 0.383 0.382 0.497 0.957 0.29 1.456-0.208 0.5-0.695 0.825-1.235 0.825-0.355 0-0.695-0.142-0.944-0.391-0.251-0.251-0.392-0.591-0.392-0.946h-0.001l0.001 0.001zM28.23 28.084c0-1.412-0.85-2.684-2.155-3.226-1.305-0.54-2.807-0.241-3.806 0.758s-1.297 2.5-0.756 3.805c0.54 1.303 1.813 2.155 3.226 2.155 1.927-0.003 3.49-1.564 3.491-3.492zM23.401 28.084c0-0.54 0.326-1.027 0.825-1.235 0.5-0.206 1.075-0.091 1.457 0.29s0.497 0.957 0.289 1.456c-0.206 0.5-0.693 0.825-1.233 0.825-0.738 0-1.337-0.599-1.337-1.337l-0.001 0.001zM1.953 0.234l-0.342-0.059c-0.29-0.064-0.594-0.004-0.839 0.166-0.247 0.169-0.414 0.436-0.463 0.734-0.050 0.3 0.023 0.607 0.201 0.85s0.444 0.402 0.738 0.44l0.341 0.059c1.825 0.324 3.248 1.794 3.548 3.662l1.981 12.369h-0.001c0.218 1.387 0.913 2.651 1.96 3.563s2.379 1.412 3.754 1.41h14.242c0.601 0 1.088-0.498 1.088-1.112s-0.487-1.112-1.088-1.112h-14.242c-1.679-0.001-3.139-1.183-3.525-2.854h11.463c1.614 0.004 3.188-0.518 4.493-1.49 1.305-0.973 2.271-2.346 2.762-3.918l1.298-4.136c0.145-0.455 0.065-0.953-0.213-1.336-0.278-0.385-0.72-0.608-1.187-0.602h-20.467l-0.181-1.141c-0.218-1.367-0.849-2.631-1.802-3.615-0.954-0.983-2.184-1.64-3.518-1.878h-0.001zM26.946 9.096l-0.993 3.169v-0.001c-0.353 1.122-1.044 2.101-1.975 2.796s-2.056 1.067-3.208 1.067h-11.833l-1.125-7.042 19.134 0.011z'%3E%3C/path%3E%3C/svg%3E");
  }
}

//Support Video Icon on Thumbnail

.video-entry, .model-entry {
    position: relative
}

.video-entry:before, .model-entry:before {
    pointer-events: none;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    display: flex;
    height: 4rem;
    width: 4rem;
    --tw-translate-x: -50%;
    --tw-translate-y: -50%;
    transform: translate(-50%, -50%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    background-color: rgba(0, 0, 0, 0.3);
    font-size: 3rem;
    line-height: 1;
    color: rgba(255, 255, 255, 0.8);
    --tw-content: '\ee61';
    content: '\ee61';
    content: var(--tw-content)
}

input[type=radio].sr-only div.video-entry:before,input[type=radio].sr-only div .model-entry:before {
    transition: all .3s
}

input[type=radio].sr-only:checked~div.video-entry:before,input[type=radio].sr-only:checked~div .model-entry:before {
    border-color: var(--color-main)
}

.video-entry:before, .model-entry:before {
    font-family: sallaicons
}

.model-entry .s-toggle-switcher {
    pointer-events: auto
}

.model-entry:before {
    --tw-content: '\e9a0';
    content: '\e9a0';
    content: var(--tw-content)
}
.swiper-slide.video-entry:before, .swiper-slide.model-entry:before {
    height: 1.75rem;
    width: 1.75rem;
    font-size: 1.25rem;
    line-height: 1.75rem
}