/* Product List Lazy Load*/
.lazy {
    display: none;
}
.lazy-image {
    position: relative;
    aspect-ratio: 800 / 1066;
    display: block;
    background-color: transparent;
}

@supports (aspect-ratio: 1) {
    .lazy-image {
        position: relative;
        aspect-ratio: 800 / 1066;
        display: block;
        background-color: transparent;
    }
}

/* desteklemeyen tarayıcılar için fallback */
@supports not (aspect-ratio: 1) {
    .lazy-image {
        position: relative;
        width: 100%;
        padding-top: 133.25%;
    }


    @media only screen and (max-width: 1200px) {
        .lazy-image {
            position: relative;
            min-height: 230px;
            display: block;
            background-color: #D8D8D8;
            /*z-index: -1;*/
        }
    }

    @media only screen and (max-width: 320px) {
        .lazy-image {
            position: relative;
            min-height: 180px;
            display: block;
            background-color: #D8D8D8;
            z-index: -1;
        }
    }