/* ============================================================
   SmokeDonalds — MOBILE CATALOG V143
   - возвращает 2 карточки категорий в ряд на телефоне
   - возвращает прежнюю высокую геометрию карточек
   - перекрывает V141/V142 только для главного каталога
   ============================================================ */

@media (max-width: 820px) {
    body.site-catalog-modern
    .catalog-page
    .catalog-folders-v129
    .catalog-folder-grid-v129 {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        align-items: flex-start !important;
        align-content: flex-start !important;

        width: calc(100% - 28px) !important;
        max-width: none !important;
        min-width: 0 !important;

        gap: 12px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding: 0 !important;
    }

    body.site-catalog-modern
    .catalog-page
    .catalog-folders-v129
    .section-head {
        width: calc(100% - 28px) !important;
        max-width: none !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    body.site-catalog-modern
    .catalog-page
    .catalog-folder-grid-v129
    > .catalog-flip-card-v129 {
        flex: 0 0 calc((100% - 12px) / 2) !important;

        width: calc((100% - 12px) / 2) !important;
        min-width: 0 !important;
        max-width: calc((100% - 12px) / 2) !important;

        height: min(var(--sd-cat-card-height, 480px), 390px) !important;
        min-height: min(var(--sd-cat-card-height, 480px), 390px) !important;
        max-height: min(var(--sd-cat-card-height, 480px), 390px) !important;

        aspect-ratio: auto !important;
        margin: 0 !important;
        overflow: hidden !important;
    }

    body.site-catalog-modern .catalog-page .catalog-flip-inner-v129,
    body.site-catalog-modern .catalog-page .catalog-flip-face-v129,
    body.site-catalog-modern .catalog-page .catalog-flip-front-v129,
    body.site-catalog-modern .catalog-page .catalog-flip-back-v129 {
        width: 100% !important;
        height: 100% !important;
        min-width: 0 !important;
        min-height: 100% !important;
        max-width: 100% !important;
        max-height: 100% !important;
    }

    body.site-catalog-modern .catalog-page .catalog-flip-front-image-v129,
    body.site-catalog-modern .catalog-page .catalog-category-theme-image-v73 {
        width: 100% !important;
        height: 100% !important;
        max-width: 100% !important;
        max-height: 100% !important;
        object-fit: cover !important;
    }
}

@media (max-width: 560px) {
    body.site-catalog-modern
    .catalog-page
    .catalog-folders-v129
    .catalog-folder-grid-v129 {
        width: calc(100% - 20px) !important;
        gap: 9px !important;
    }

    body.site-catalog-modern
    .catalog-page
    .catalog-folders-v129
    .section-head {
        width: calc(100% - 20px) !important;
    }

    body.site-catalog-modern
    .catalog-page
    .catalog-folder-grid-v129
    > .catalog-flip-card-v129 {
        flex: 0 0 calc((100% - 9px) / 2) !important;

        width: calc((100% - 9px) / 2) !important;
        min-width: 0 !important;
        max-width: calc((100% - 9px) / 2) !important;

        /* Высота как до мобильного V141: высокая карточка, а не короткий квадрат. */
        height: min(var(--sd-cat-card-height, 480px), 320px) !important;
        min-height: min(var(--sd-cat-card-height, 480px), 320px) !important;
        max-height: min(var(--sd-cat-card-height, 480px), 320px) !important;

        aspect-ratio: auto !important;
        border-radius: 14px !important;
    }

    body.site-catalog-modern
    .catalog-page
    .catalog-flip-front-caption-v129 {
        max-width: 100% !important;
    }

    body.site-catalog-modern
    .catalog-page
    .catalog-flip-front-caption-v129 strong {
        max-width: calc(100% - 44px) !important;
        overflow-wrap: break-word !important;
    }
}