.moto-catalog-hero {
    background:
        linear-gradient(90deg, rgba(247, 249, 250, .96) 0%, rgba(247, 249, 250, .78) 38%, rgba(247, 249, 250, .08) 72%),
        url("/assets/img/bckg/moto-catalog_bckg.jpg") center center / cover no-repeat;
}

.catalog-switcher__link--cars {
    border-color: #dce4ed;
    background: linear-gradient(105deg, #f2f7fc, #fff);
}

.catalog-switcher__link--cars:hover {
    border-color: #91bde5;
    box-shadow: 0 12px 28px rgba(27, 111, 185, .09);
}

.moto-catalog-filters {
    grid-template-columns: 1.15fr 1fr 1fr 2fr 1.1fr;
}

.moto-extra-filters {
    grid-template-columns: repeat(4, 1fr) auto;
}

.moto-card .catalog-car-card__photo {
    background: linear-gradient(145deg, #f5f8f6, #edf4f0);
}

.moto-photo-placeholder {
    min-height: 100%;
}

.moto-photo-placeholder > span:first-child {
    color: #00a657;
}

.moto-category-label {
    width: max-content;
    margin: -10px 0 5px -5px;
    padding: 5px 9px;
    border-radius: 6px;
    color: #087b42;
    background: #e7f8ee;
    font-size: 10px;
    font-weight: 600;
}

@media (max-width: 1250px) {
    .moto-catalog-filters {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 900px) {
    .moto-catalog-filters {
        grid-template-columns: repeat(2, 1fr);
    }

    .moto-extra-filters {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 700px) {
    .moto-catalog-hero {
        background-position: 58% center;
    }

    .moto-catalog-filters,
    .moto-extra-filters {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 700px) {
    .moto-catalog-hero {
        background-position: 57% center;
    }

    .moto-catalog-filters {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .moto-catalog-filters .catalog-price-range,
    .moto-catalog-filters .catalog-more-filter {
        grid-column: 1 / -1;
    }

    .moto-extra-filters {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}