/**
 * Copyright ETS Software Technology Co., Ltd
 *
 * NOTICE OF LICENSE
 *
 * This file is not open source! Each license that you purchased is only available for 1 website only.
 * If you want to use this file on more websites (or projects), you need to purchase additional licenses.
 * You are not allowed to redistribute, resell, lease, license, sub-license or offer our resources to any third party.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade PrestaShop to newer
 * versions in the future.
 *
 * @author ETS Software Technology Co., Ltd
 * @copyright  ETS Software Technology Co., Ltd
 * @license    Valid for 1 website (or project) for each purchase of license
 */
img.ets-sp-lazy-loaded + span.ets_loading,
img.ets-sp-lazy + span.ets_loading.is-loaded,
img.lazyloaded + .ets_loading,
img.ls-is-cached + .ets_loading {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}
body span.ets_loading.is-loaded.ets-sp-filter-loading {
    opacity: 1;
    visibility: visible;
}
.ets_sp_dynamic_hook .cart-products-count{
    display:none!important;
}
.ets_sp_dynamic_hook .ajax_cart_quantity ,.ets_sp_dynamic_hook .ajax_cart_product_txt{
    display:none!important;
}
span.ets_loading {
    position: absolute;
    inset: 0;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    width: auto;
    height: auto;
    pointer-events: none;
    opacity: 1;
    visibility: visible;
    background-color: var(--ets-sp-lazy-bg);
}

img.sp_lazy.loaded + .ets_loading,
img.lazyloaded + .ets_loading,
.lazyloaded ~ .ets_loading,
img.ls-is-cached + .ets_loading{
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: all 1s;
    -webkit-transition: all 1s;
}

.product-thumbnail,
.carousel-item > a,
.banner {
    position: relative;
}
body.faceted-overlay article.product-miniature a.thumbnail.product-thumbnail {
    background-color: var(--ets-sp-lazy-bg);
}
body.faceted-overlay article.product-miniature a.thumbnail.product-thumbnail:after {
    content: none;
    animation: none;
    background: none;
}
.ets-sp-lazy-box {
    display: block;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.ets-sp-lazy-box picture {
    display: block;
    width: 100%;
    height: 100%;
}
.ets-sp-lazy-box img.ets-sp-lazy {
    display: block;
}
img.ets-sp-lazy[width][height] {
    max-width: 100%;
    height: auto;
}
body .carousel .carousel-item figure{
    display: block;
}
.carousel-inner>.carousel-item{
    visibility: visible!important;
}

img[data-sizes="auto"] { display: block; width: 100%; }
