/* Mobile uses the same supplier -> games -> back flow as desktop. */
@media (max-width: 768px) {
    .catalog-page #vendorsPanel, .catalog-page #gamesPanel {
        flex: 0 0 auto !important; width: 100%; min-width: 0;
    }
    .catalog-page #vendorsPanel.hidden { display: none !important; }
    .catalog-page #vendors.list {
        display: grid !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: 16px 8px !important;
        overflow: visible; scroll-snap-type: none; padding: 0;
    }
    .catalog-page #vendors .vendor-card.card {
        min-width: 0; width: 100%; padding: 8px 0 !important;
    }
    .catalog-page #vendors .vendor-header { width: 100%; gap: 6px !important; }
    .catalog-page #vendors .vendor-logo,
    .catalog-page #vendors .vendor-logo-placeholder {
        width: 100% !important; max-width: 80px; height: 40px !important;
        object-fit: contain;
    }
    .catalog-page #vendors .vendor-name {
        width: 100%; max-width: 100%; font-size: 12px !important;
        white-space: normal; overflow-wrap: anywhere; line-height: 1.35;
    }
    .catalog-page #vendors .vendor-count-badge { flex-wrap: wrap; justify-content: center; gap: 2px 4px; }
    .catalog-page #gamesPanel #btnBackGames { min-height: 44px; min-width: 44px; }
}