
/* KS Catalog Cards V6 */

@media (min-width: 768px) {
    .catalog_block.items {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 12px !important;
    }

    .catalog_block.items > .item_block {
        box-sizing: border-box !important;
        width: calc((100% - 48px) / 5) !important;
        max-width: calc((100% - 48px) / 5) !important;
        flex: 0 0 calc((100% - 48px) / 5) !important;
        min-width: 0 !important;
        margin: 0 !important;
    }
}

@media (min-width: 768px) and (max-width: 1399px) {
    .catalog_block.items > .item_block {
        width: calc((100% - 36px) / 4) !important;
        max-width: calc((100% - 36px) / 4) !important;
        flex: 0 0 calc((100% - 36px) / 4) !important;
    }
}

@media (min-width: 768px) and (max-width: 1099px) {
    .catalog_block.items > .item_block {
        width: calc((100% - 24px) / 3) !important;
        max-width: calc((100% - 24px) / 3) !important;
        flex: 0 0 calc((100% - 24px) / 3) !important;
    }
}

.catalog_block .item_block .catalog_item {
    border: 1px solid #f0f0f0 !important;
    border-radius: 12px !important;
    background: #fff !important;
    overflow: hidden !important;
    transition: box-shadow .2s ease, border-color .2s ease;
}

.catalog_block .item_block:hover .catalog_item {
    border-color: #e5e5e5 !important;
    box-shadow: 0 5px 18px rgba(0,0,0,.055) !important;
}

@media (max-width: 767px) {
    .catalog_block .item_block .catalog_item {
        border-radius: 10px !important;
    }
}


/* KS_FIVE_COLUMNS_FINAL */
@media (min-width: 1400px) {
    .catalog_block.items > .item_block {
        width: calc((100% - 48px) / 5) !important;
        max-width: calc((100% - 48px) / 5) !important;
        flex: 0 0 calc((100% - 48px) / 5) !important;
    }
}


/* KS_CATALOG_CARDS_V14_FINAL
   Инфографика 3:4, компактное оформление.
   Десктопная версия.
*/
@media (min-width: 992px) {

    .catalog_block.items .item_block .inner_wrap {
        display: flex !important;
        flex-direction: column !important;
        padding: 10px 8px 0 !important;
    }

    .catalog_block.items .item_block .image_wrapper_block {
        position: relative !important;
        padding-top: 125% !important;
        height: 0 !important;
        min-height: 0 !important;
        flex: 0 0 auto !important;
        margin-bottom: 0 !important;
    }

    .catalog_block.items .item_block
    .image_wrapper_block > a.thumb {
        height: 100% !important;
    }

    .catalog_block.items .item_block
    .image_wrapper_block .section-gallery-wrapper {
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
    }

    .catalog_block.items .item_block
    .image_wrapper_block img {
        max-width: 100% !important;
        max-height: 100% !important;
        width: auto !important;
        height: auto !important;
        object-fit: contain !important;
    }

    .catalog_block.items .item_block .item_info {
        display: flex !important;
        flex-direction: column !important;
        flex: 1 1 auto !important;
        padding: 8px 12px 10px !important;
    }

    .catalog_block.items .item_block
    .item_info .cost.prices {
        margin-top: auto !important;
    }

    .catalog_block.items .item_block
    .rating:not(:has(.active, .filled, .rating__value)) {
        display: none !important;
    }
}
