/* CLS fixes for category catalog pages (mobile-first) */

.items-catalog.tablemini .photo-block,
.items-catalog.table .photo-block {
    width: 100%;
    max-width: 200px;
    height: auto;
    aspect-ratio: 1 / 1;
    min-height: 140px;
    box-sizing: border-box;
}

.items-catalog.tablemini .photo-block img,
.items-catalog.table .photo-block img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    vertical-align: middle;
}

.items-catalog.tablemini .photo-block .helper,
.items-catalog.table .photo-block .helper {
    display: none;
}

.items-catalog .frame-star {
    min-height: 31px;
}

.items-catalog .h31 {
    min-height: 31px;
    height: 31px;
}

.frame-baner-catalog .baner {
    min-height: 208px;
}

.frame-baner-catalog .baner.resize .cycle img {
    max-width: 100%;
    height: auto;
}

@media screen and (max-width: 479px) {
    .items-catalog.tablemini > li {
        width: 50% !important;
        padding: 0 6px;
        box-sizing: border-box;
    }

    .items-catalog.tablemini .photo-block {
        max-width: none;
        min-height: 0;
    }

    .items-product.tablemini .frame-photo-title .title {
        height: auto;
        min-height: 32px;
        max-height: 40px;
        overflow: hidden;
        line-height: 1.25;
    }

    .frame-baner-catalog .baner {
        min-height: 100px;
        height: auto !important;
        max-height: 200px;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .items-catalog.tablemini > li {
        width: 33.333% !important;
        box-sizing: border-box;
    }
}

/* Site-wide CLS (mobile) */

.logo-out .logo img {
    width: 209px;
    height: auto;
    aspect-ratio: 209 / 84;
    max-width: 100%;
}

.frame-filter > .preloader.wo-i {
    position: absolute;
    visibility: hidden;
    min-height: 0 !important;
    height: 0 !important;
    overflow: hidden;
}

.frame-baner-start_page .baner {
    min-height: 200px;
}

.frame-baner-start_page .baner.resize .cycle img {
    max-width: 100%;
    height: auto;
}

.items-catalog.tablemini > li .frame-prices,
.items-catalog.table > li .frame-prices {
    min-height: 42px;
}

@media screen and (max-width: 479px) {
    .logo-out .logo img {
        width: 160px;
    }

    .content-header .left-content-header {
        min-height: 90px;
    }
}

@media screen and (max-width: 979px) {
    .animateListItems.tablemini > li {
        contain: layout style;
    }
}