/* Универсальные стили для всех блоков с классом uc-catalog-grid */
.uc-catalog-grid {
    padding-left: 50px !important;
    padding-right: 50px !important;
}

.uc-catalog-grid .t-store__card-list {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 30px 20px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.uc-catalog-grid .t-store__card {
    width: calc((100% - 40px) / 3) !important;
    max-width: calc((100% - 40px) / 3) !important;
    flex: 0 0 calc((100% - 40px) / 3) !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    height: 600px !important;
}

.uc-catalog-grid .t-store__card-inner {
    padding: 0 !important;
    margin: 0 !important;
}

.uc-catalog-grid .t-store__card-img {
    border-radius: 0px !important;
    object-fit: cover !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 2/3 !important;
}

/* ===== АДАПТАЦИЯ ДЛЯ МОБИЛЬНЫХ УСТРОЙСТВ ===== */
@media screen and (max-width: 768px) {
    /* Обнуляем отступы у всех родительских контейнеров */
    .uc-catalog-grid,
    .uc-catalog-grid .t-container,
    .uc-catalog-grid .t-container_100,
    .uc-catalog-grid .t-row,
    .uc-catalog-grid .t-col,
    .uc-catalog-grid .t-col-md {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    
    /* Устанавливаем свои отступы для блока */
    .uc-catalog-grid {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    
    .uc-catalog-grid .t-store__card-list {
        gap: 10px !important;
    }
    
    .uc-catalog-grid .t-store__card {
        width: calc((100% - 10px) / 2) !important;
        max-width: calc((100% - 10px) / 2) !important;
        flex: 0 0 calc((100% - 10px) / 2) !important;
        height: auto !important;
    }
}