/*
 * Каталог «Наши автомобили» — карточки и шапка как на главной (Figma frame_layout)
 * Эталон геометрии карточки: modern-v2.css body.home-page .ap-catalog-card--frame-layout
 */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700;800&display=swap');

body.inner-page .ap-catalog--inner,
body.inner-page .ap-catalog--inner * {
    box-sizing: border-box;
    font-family: 'Manrope', 'Noto Sans Display', sans-serif;
}

/* Страница каталога — фон #848899; меню сайта (.wrap > header) — #000000 */
body.inner-page.page-catalog,
html:has(body.page-catalog) {
    background-color: #848899;
}

body.inner-page.page-catalog .wrap {
    position: relative;
    background-color: #848899;
}

/* Только шапка сайта (логотип + меню), не блок «Наши автомобили» */
body.inner-page.page-catalog .wrap > header {
    background-color: #010101;
    border-bottom: none;
}

body.inner-page .ap-catalog--inner header.ap-catalog__head--inner {
    background-color: #848899;
}

body.inner-page.page-catalog .sections.section3,
body.inner-page.page-catalog .section3 {
    background: #848899;
    background-color: #848899;
}

body.inner-page .ap-catalog--inner {
    background: #848899;
    padding: 0;
}

body.inner-page .ap-catalog--inner .catalog-sections-wrap {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 40px 0 0;
    background: #848899;
    border: none;
}

/* ——— Шапка ——— */
body.inner-page .ap-catalog--inner .ap-catalog__head--inner {
    display: block;
    width: 100%;
    max-width: calc(513.48px * 3 + 20px * 2 + 20px);
    margin: 0 auto;
    padding: 0 10px;
    box-sizing: border-box;
}

body.inner-page .ap-catalog--inner .ap-catalog__head-group {
    margin: 0;
    padding: 0;
}

body.inner-page .ap-catalog--inner .ap-catalog__title {
    margin: 0 !important;
    padding: 0 !important;
    color: #ffffff;
    font-family: 'Manrope', 'Noto Sans Display', sans-serif;
    font-size: 36px;
    font-weight: 800;
    font-style: normal;
    line-height: 36px;
    letter-spacing: 0;
    text-align: left !important;
    text-transform: none;
}

body.inner-page.page-catalog .catalog-sections-wrap {
    height: auto;
    min-height: 0;
    padding: 40px clamp(16px, 5vw, 98px) 16px;
    margin: 0 auto;
    max-width: 1920px;
    overflow: visible;
    box-sizing: border-box;
}

body.inner-page.page-catalog .ap-catalog__head--inner {
    position: static;
    max-width: calc(513.48px * 3 + 24px * 2);
    height: auto;
    min-height: 0;
    margin: 0 auto;
    padding: 0 10px;
    overflow: visible;
}

body.inner-page.page-catalog .ap-catalog__head-group {
    position: static;
    width: auto;
    height: auto;
}

body.inner-page.page-catalog .ap-catalog__title {
    position: static;
    width: auto;
    height: auto;
    margin: 0 0 20px !important;
    padding: 0 !important;
}

body.inner-page.page-catalog .ap-catalog__filters {
    position: static;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    gap: 8px 16px;
    box-sizing: border-box;
    width: 100%;
    max-width: calc(513.48px * 3 + 24px * 2);
    height: auto;
    margin: 0 auto 24px;
    padding: 0 10px;
    font-family: 'Manrope', sans-serif;
    font-size: 20px;
    font-weight: 500;
    font-style: normal;
    font-synthesis: none;
    line-height: 20px;
    letter-spacing: 0;
    text-transform: lowercase;
}

body.inner-page.page-catalog .ap-catalog__filter {
    position: relative;
    z-index: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 27px;
    margin: 0;
    padding: 0 8px;
    border: none;
    border-radius: 0;
    background: transparent;
    color: rgba(255, 255, 255, 0.55);
    font-family: 'Manrope', sans-serif;
    font-size: 20px;
    font-weight: 500;
    font-style: normal;
    font-synthesis: none;
    line-height: 20px;
    letter-spacing: 0;
    text-transform: lowercase;
    white-space: nowrap;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
    transition: color 0.2s ease;
}

/* Rectangle 22 для фильтров — figma-menu-rectangle22.css */

/* ——— Ряды (фон на всю ширину экрана) ——— */
body.inner-page .ap-catalog--inner .catalog-grid-flex {
    position: relative;
    width: 100%;
    margin: 0 0 60px;
    padding: 0;
    border: none;
}

body.inner-page.page-catalog .catalog-grid-flex--figma {
    position: relative;
    min-height: 0;
    margin: 0 auto 60px;
    padding: 0 clamp(16px, 5vw, 98px);
    max-width: 1920px;
    overflow: visible;
    box-sizing: border-box;
}

body.inner-page.page-catalog .catalog-row-bg {
    display: none;
    position: absolute;
    top: var(--ap-row-top);
    left: 0;
    z-index: 0;
    width: 100%;
    height: var(--ap-row-height);
    margin: 0;
    padding: 0;
    background-color: #848899;
    pointer-events: none;
}

body.inner-page.page-catalog .catalog-row-bg.dark-row {
    background-color: #282c35;
}

body.inner-page.page-catalog .catalog-row-stripes {
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 0;
    width: 100vw;
    margin-left: -50vw;
    pointer-events: none;
    overflow: hidden;
}

body.inner-page.page-catalog .catalog-row-stripe {
    position: absolute;
    left: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    background-color: #848899;
}

body.inner-page.page-catalog .catalog-row-stripe--dark {
    background-color: #282c35;
}

body.inner-page.page-catalog .catalog-cards-canvas {
    position: relative;
    z-index: 1;
    width: 100%;
    height: auto;
    display: grid;
    grid-template-columns: repeat(3, 513.48px);
    gap: 64px 24px;
    align-items: start;
    justify-content: center;
    max-width: calc(513.48px * 3 + 24px * 2);
    margin: 0 auto;
    padding: 16px 10px 40px;
    box-sizing: border-box;
    overflow: visible;
}

body.inner-page.page-catalog .ap-catalog-card-slot--inner-grid {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    min-width: 0;
    max-width: 513.48px;
    min-height: 0;
    height: auto;
    margin: 0;
    padding: 0;
    overflow: visible;
}

body.inner-page.page-catalog .ap-catalog-card--car.ap-catalog-card--frame-layout.ap-catalog-card--figma-pos {
    position: relative;
    top: auto;
    left: auto;
    z-index: 2;
    width: 100%;
    min-width: 0;
    max-width: 513.48px;
    height: auto;
    min-height: 0;
    max-height: none;
    margin: 0;
    overflow: visible;
}

body.inner-page.page-catalog .ap-catalog-card-slot--inner-grid > .ap-catalog-card__name--catalog-pos {
    display: none;
}

body.inner-page.page-catalog .ap-catalog-card-slot--inner-grid > .ap-catalog-card__actions.button {
    position: static !important;
    top: auto !important;
    left: auto !important;
    margin: 12px auto 0;
    max-width: 292.47px;
}

body.inner-page.page-catalog .ap-catalog-card-slot--inner-grid[hidden] {
    display: none !important;
}

body.inner-page.page-catalog .ap-catalog-card--frame-layout > .ap-catalog-card__price--catalog-pos,
body.inner-page.page-catalog .ap-catalog-card--frame-layout > .ap-catalog-card__meta-line--frame-pos,
body.inner-page.page-catalog .ap-catalog-card--frame-layout > .ap-catalog-card__class--frame-pos {
    display: none;
}

body.inner-page.page-catalog .ap-catalog-card--frame-layout .ap-catalog-card__price--in-card,
body.inner-page.page-catalog .ap-catalog-card--frame-layout .ap-catalog-card__name--in-card {
    display: block;
    width: auto;
    height: auto;
}

body.inner-page.page-catalog .ap-catalog-card--frame-layout .ap-catalog-card__meta-p--in-card,
body.inner-page.page-catalog .ap-catalog-card--frame-layout .ap-catalog-card__class--in-card {
    display: inline;
}

body.inner-page .ap-catalog--inner .catalog-row {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 40px 0;
    background-color: #848899;
    border: none;
    box-sizing: border-box;
}

body.inner-page .ap-catalog--inner .catalog-row.dark-row {
    background-color: #2b2e35;
}

body.inner-page .ap-catalog--inner .catalog-row-content {
    display: grid;
    grid-template-columns: repeat(3, 513.48px);
    gap: 20px;
    align-items: start;
    justify-content: center;
    max-width: calc(513.48px * 3 + 20px * 2);
    width: 100%;
    margin: 0 auto;
    padding: 0;
    flex-wrap: nowrap !important;
    box-sizing: border-box;
}

/* ——— Слот карточки ——— */
body.inner-page .ap-catalog--inner .ap-catalog-card-slot--inner-grid {
    position: relative;
    width: 513.48px;
    min-width: 513.48px;
    max-width: 513.48px;
    min-height: 680px;
    margin: 0;
    padding: 0;
    overflow: visible;
    justify-self: center;
}

body.inner-page .ap-catalog--inner .ap-catalog-card--car.ap-catalog-card--frame-layout {
    position: relative;
    top: auto;
    left: auto;
    width: 513.48px;
    min-width: 513.48px;
    max-width: 513.48px;
    height: 545.1px;
    min-height: 545.1px;
    max-height: 545.1px;
    margin: 0;
    overflow: visible;
    display: flex;
    flex-direction: column;
}

/* Figma 30-2 — перебивает grid-слот выше */
body.inner-page.page-catalog .ap-catalog-card-slot--inner-grid {
    position: static;
    width: 0;
    height: 0;
    min-width: 0;
    min-height: 0;
    margin: 0;
    padding: 0;
    overflow: visible;
}

body.inner-page.page-catalog .ap-catalog-card--car.ap-catalog-card--frame-layout.ap-catalog-card--figma-pos {
    position: absolute;
    top: var(--ap-card-top);
    left: var(--ap-card-left);
    z-index: 2;
    margin: 0;
    overflow: visible;
}

body.inner-page.page-catalog .ap-catalog-card-slot--inner-grid > .ap-catalog-card__name--catalog-pos {
    top: var(--name-catalog-top);
    left: var(--name-catalog-left);
    z-index: 4;
}

body.inner-page.page-catalog .ap-catalog-card-slot--inner-grid > .ap-catalog-card__actions.button {
    top: var(--catalog-btn-top);
    left: var(--catalog-btn-left);
    z-index: 5;
}

/* Фильтр по классу: на десктопе те же Figma-координаты, что и «все авто» */
body.inner-page.page-catalog .catalog-grid-flex--figma.catalog-grid-flex--filter-active {
    min-height: 0;
}

body.inner-page.page-catalog .catalog-grid-flex--filter-active .catalog-row-bg {
    display: none !important;
}

body.inner-page.page-catalog .catalog-filter-rows {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    pointer-events: none;
}

body.inner-page.page-catalog .catalog-grid-flex--filter-active .catalog-filter-rows {
    display: block;
}

body.inner-page.page-catalog .catalog-filter-row-bg {
    position: absolute;
    left: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    background-color: #848899;
}

body.inner-page.page-catalog .catalog-filter-row-bg.dark-row {
    background-color: #282c35;
}

@media (min-width: 32000px) {
    body.inner-page.page-catalog .catalog-grid-flex--filter-active .catalog-cards-canvas {
        position: static;
        z-index: 1;
        width: 0;
        height: 0;
        margin: 0;
        padding: 0;
        overflow: visible;
    }

    body.inner-page.page-catalog .catalog-grid-flex--filter-active .ap-catalog-card-slot--inner-grid {
        position: static;
        width: 0;
        height: 0;
        min-width: 0;
        min-height: 0;
        margin: 0;
        padding: 0;
        overflow: visible;
    }

    body.inner-page.page-catalog .catalog-grid-flex--filter-active .ap-catalog-card-slot--inner-grid.is-filter-hidden,
    body.inner-page.page-catalog .catalog-grid-flex--filter-active .ap-catalog-card-slot--inner-grid[hidden] {
        display: none !important;
    }

    body.inner-page.page-catalog .catalog-grid-flex--filter-active .ap-catalog-card--car.ap-catalog-card--frame-layout.ap-catalog-card--figma-pos {
        position: absolute;
        top: var(--ap-card-top);
        left: var(--ap-card-left);
        z-index: 2;
        width: 513.48px;
        min-width: 513.48px;
        max-width: 513.48px;
        height: 545.1px;
        min-height: 545.1px;
        max-height: 545.1px;
    }

    body.inner-page.page-catalog .catalog-grid-flex--filter-active .ap-catalog-card-slot--inner-grid > .ap-catalog-card__name--catalog-pos {
        top: var(--name-catalog-top);
        left: var(--name-catalog-left);
        z-index: 4;
    }

    body.inner-page.page-catalog .catalog-grid-flex--filter-active .ap-catalog-card-slot--inner-grid > .ap-catalog-card__actions.button {
        top: var(--catalog-btn-top);
        left: var(--catalog-btn-left);
        z-index: 5;
    }
}

@media (max-width: 1919px) {
    body.inner-page.page-catalog .catalog-grid-flex--filter-active .catalog-cards-canvas {
        position: relative;
        z-index: 1;
        width: 100%;
        height: auto;
        display: grid;
        grid-template-columns: repeat(3, 513.48px);
        gap: 64px 24px;
        align-items: start;
        justify-content: center;
        max-width: calc(513.48px * 3 + 24px * 2);
        margin: 0 auto;
        padding: 16px 10px 40px;
        box-sizing: border-box;
    }

    body.inner-page.page-catalog .catalog-grid-flex--filter-active .ap-catalog-card-slot--inner-grid {
        position: relative;
        display: flex;
        flex-direction: column;
        width: 100%;
        min-width: 0;
        max-width: 513.48px;
        min-height: 0;
        height: auto;
        margin: 0;
        padding: 0;
        overflow: visible;
    }

    body.inner-page.page-catalog .catalog-grid-flex--filter-active .ap-catalog-card-slot--inner-grid.is-filter-hidden,
    body.inner-page.page-catalog .catalog-grid-flex--filter-active .ap-catalog-card-slot--inner-grid[hidden] {
        display: none !important;
    }

    body.inner-page.page-catalog .catalog-grid-flex--filter-active .ap-catalog-card--car.ap-catalog-card--frame-layout.ap-catalog-card--figma-pos {
        position: relative;
        top: auto;
        left: auto;
        width: 100%;
        min-width: 0;
        max-width: 513.48px;
        height: auto;
        min-height: 0;
        max-height: none;
    }
}

body.inner-page .ap-catalog--inner .ap-catalog-card--frame-layout .ap-catalog-card__media-frame {
    flex: 0 0 calc(545.1px - 186px);
    height: calc(545.1px - 186px);
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border-radius: 5px 5px 0 0;
    padding: 0;
    border: none;
    background: transparent;
}

body.inner-page .ap-catalog--inner .ap-catalog-card--car.ap-catalog-card--frame-layout .ap-catalog-card__media-frame {
    position: relative;
    padding: 0;
    background: transparent;
    box-sizing: border-box;
}

body.inner-page .ap-catalog--inner .ap-catalog-card--car.ap-catalog-card--frame-layout .ap-catalog-card__media-frame::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    box-shadow: inset 0 0 0 2px #ffffff;
    pointer-events: none;
    z-index: 2;
}

body.inner-page .ap-catalog--inner .ap-catalog-card--frame-layout .ap-catalog-card__media {
    flex: 1 1 0;
    width: 100%;
    min-height: 0;
    height: 100%;
    overflow: hidden;
    border-radius: 0;
    background: #ffffff;
    isolation: isolate;
}

body.inner-page .ap-catalog--inner .ap-catalog-card--frame-layout .ap-catalog-card__media img {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    border-radius: 0;
    object-fit: cover;
    object-position: center center;
}

body.inner-page .ap-catalog--inner .ap-catalog-card--frame-layout .ap-catalog-card__body {
    position: relative;
    z-index: 1;
    display: block;
    flex: 0 0 186px;
    width: 513.48px;
    max-width: 513.48px;
    height: 186px;
    margin: 0;
    padding: 0;
    background: #ffffff;
    overflow: hidden;
    border-radius: 0 0 5px 5px;
}

/* Цена на белом блоке */
body.inner-page .ap-catalog--inner .ap-catalog-card--frame-layout > .ap-catalog-card__price--catalog-pos {
    position: absolute;
    top: 368.51px;
    left: 26.45px;
    width: 272.55px;
    min-height: 70.23px;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 5;
    box-sizing: border-box;
    font-family: 'Manrope', sans-serif;
    font-weight: 500;
    font-size: 26.97px;
    line-height: 1;
    letter-spacing: 0;
    color: #333333;
    white-space: nowrap;
}

body.inner-page .ap-catalog--inner .ap-catalog-card--frame-layout > .ap-catalog-card__price--catalog-pos .ap-catalog-card__price-ot,
body.inner-page .ap-catalog--inner .ap-catalog-card--frame-layout > .ap-catalog-card__price--catalog-pos .ap-catalog-card__price-num,
body.inner-page .ap-catalog--inner .ap-catalog-card--frame-layout > .ap-catalog-card__price--catalog-pos .ap-catalog-card__price-unit {
    display: inline;
    font-family: 'Manrope', sans-serif;
    line-height: 1;
    letter-spacing: 0;
    vertical-align: baseline;
}

body.inner-page .ap-catalog--inner .ap-catalog-card--frame-layout > .ap-catalog-card__price--catalog-pos .ap-catalog-card__price-ot {
    font-weight: 500;
    font-size: 26.97px;
    color: #333333;
}

body.inner-page .ap-catalog--inner .ap-catalog-card--frame-layout > .ap-catalog-card__price--catalog-pos .ap-catalog-card__price-num {
    margin-left: 0.2em;
    font-weight: 800;
    font-size: 48px;
    color: #219653;
}

body.inner-page .ap-catalog--inner .ap-catalog-card--frame-layout > .ap-catalog-card__price--catalog-pos .ap-catalog-card__price-unit {
    margin-left: 0.15em;
    font-weight: 500;
    font-size: 32px;
    color: #333333;
}

body.inner-page .ap-catalog--inner .ap-catalog-card--frame-layout .ap-catalog-card__price--in-card {
    display: none;
}

/* Meta */
body.inner-page .ap-catalog--inner .ap-catalog-card--frame-layout > .ap-catalog-card__meta-line--frame-pos {
    position: absolute;
    top: 506px;
    left: 31.45px;
    width: 197px;
    height: 23px;
    margin: 0;
    padding: 0;
    z-index: 5;
    box-sizing: border-box;
    overflow: hidden;
    color: #000000;
    font-family: 'Manrope', sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    line-height: 100%;
    letter-spacing: 0;
    text-transform: capitalize;
    white-space: nowrap;
}

body.inner-page .ap-catalog--inner .ap-catalog-card--frame-layout .ap-catalog-card__meta-p--in-card {
    display: none;
}

/* Класс — прижат к правому краю карточки, чтобы «Минивэн»/«Комфорт» не обрезались */
body.inner-page .ap-catalog--inner .ap-catalog-card--frame-layout > .ap-catalog-card__class--frame-pos {
    position: absolute;
    top: 507px;
    left: auto;
    right: 26.45px;
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    width: auto;
    max-width: none;
    height: 22px;
    margin: 0;
    padding: 0;
    z-index: 5;
    box-sizing: border-box;
    overflow: visible;
    color: #219653;
    font-family: 'Manrope', sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 100%;
    letter-spacing: 0;
    white-space: nowrap;
}

body.inner-page .ap-catalog--inner .ap-catalog-card--frame-layout > .ap-catalog-card__class--frame-pos > span {
    color: #000000;
    font-weight: 400;
}

body.inner-page .ap-catalog--inner .ap-catalog-card--frame-layout .ap-catalog-card__class--in-card {
    display: none;
}

/* Название — от .wrap (координаты в data / CSS vars) */
body.inner-page .ap-catalog--inner .ap-catalog-card-slot--inner-grid > .ap-catalog-card__name--catalog-pos {
    position: absolute;
    top: var(--name-catalog-top, 453.05px);
    left: var(--name-catalog-left, 26.45px);
    width: 223.28px;
    height: 38.79px;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 4;
    box-sizing: border-box;
    overflow: hidden;
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 26px;
    line-height: 100%;
    letter-spacing: 0;
    color: #1a1a1a;
    text-align: left !important;
    text-transform: none;
}

body.inner-page .ap-catalog--inner .ap-catalog-card--frame-layout .ap-catalog-card__name--in-card {
    display: none;
}

/* Кнопка — от .wrap (координаты в data / CSS vars) */
body.inner-page .ap-catalog--inner .ap-catalog-card-slot--inner-grid > .ap-catalog-card__actions.button {
    position: absolute;
    top: var(--catalog-btn-top, 600px);
    left: var(--catalog-btn-left, 104px);
    margin: 0;
    flex: none;
    z-index: 5;
    width: 292.47px;
    max-width: calc(100% - 104px);
    height: 78.62px;
    padding: 0.75px;
    border: none;
    border-radius: 11.25px;
    background: linear-gradient(97.62deg, #76f8cc 16.37%, #11322b 76.29%);
    overflow: visible;
    box-shadow: 0px 4px 4px 0px #00000040;
    box-sizing: border-box;
}

body.inner-page .ap-catalog--inner .ap-catalog-card__actions:hover:not(:active) {
    background: linear-gradient(97.62deg, #ffffff 16.37%, #75819b 76.29%);
}

body.inner-page .ap-catalog--inner .ap-catalog-card__actions a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    min-height: 0;
    padding: 0 16px;
    border: none;
    border-radius: 10.5px;
    background-color: #017344;
    background-image: linear-gradient(358.41deg, #12332d 0.9%, #017344 98.2%);
    box-shadow:
        0 3px 3px 0 rgba(0, 0, 0, 0.8),
        inset -4px 2px 1px 2px rgba(169, 248, 157, 0.26),
        inset -2px -2px 1px 0 rgba(0, 0, 0, 0.25);
    color: #ffffff;
    font-size: 26px;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: 0;
    text-decoration: none;
    text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    box-sizing: border-box;
}

body.inner-page .ap-catalog--inner .ap-catalog-card__actions:hover:not(:active) a,
body.inner-page .ap-catalog--inner .ap-catalog-card__actions a:hover:not(:active) {
    background-image: linear-gradient(358.41deg, #282c35 0.9%, #596476 98.2%);
    box-shadow:
        0 3px 3px 0 rgba(0, 0, 0, 0.8),
        inset -4px 2px 1px 2px #848899,
        inset -2px -2px 1px 0 #282c35;
}

body.inner-page .ap-catalog--inner .ap-catalog-card__actions a:active {
    background-image: linear-gradient(358.41deg, #017344 0.9%, #309b4d 98.2%);
}

/* Длинные названия */
body.inner-page .ap-catalog--inner .ap-catalog-card-slot--inner-grid > .ap-catalog-card__name--catalog-pos {
    width: auto;
    max-width: calc(513.48px - 26.45px);
    min-width: 223.28px;
    height: auto;
    min-height: 38.79px;
    overflow: visible;
    white-space: nowrap;
}

/* ——— Flow-layout каталога на всех ширинах ——— */
@media (min-width: 0) {
    body.inner-page.page-catalog .wrap {
        min-width: 0;
        max-width: 100%;
        overflow-x: hidden;
    }
    body.inner-page .ap-catalog--inner .ap-catalog-card-slot--inner-grid {
        display: flex;
        flex-direction: column;
        width: 100%;
        min-width: 0;
        max-width: 513.48px;
        min-height: 0;
    }

    body.inner-page .ap-catalog--inner .ap-catalog-card--frame-layout > .ap-catalog-card__price--catalog-pos,
    body.inner-page .ap-catalog--inner .ap-catalog-card--frame-layout > .ap-catalog-card__meta-line--frame-pos,
    body.inner-page .ap-catalog--inner .ap-catalog-card--frame-layout > .ap-catalog-card__class--frame-pos,
    body.inner-page .ap-catalog--inner .ap-catalog-card-slot--inner-grid > .ap-catalog-card__name--catalog-pos {
        display: none;
    }

    body.inner-page .ap-catalog--inner .ap-catalog-card--frame-layout .ap-catalog-card__price--in-card,
    body.inner-page .ap-catalog--inner .ap-catalog-card--frame-layout .ap-catalog-card__name--in-card {
        display: block;
        width: auto;
        height: auto;
    }

    body.inner-page .ap-catalog--inner .ap-catalog-card--frame-layout .ap-catalog-card__meta-p--in-card,
    body.inner-page .ap-catalog--inner .ap-catalog-card--frame-layout .ap-catalog-card__class--in-card {
        display: inline;
    }

    body.inner-page .ap-catalog--inner .ap-catalog-card--frame-layout .ap-catalog-card__name--in-card {
        margin: 0 0 8px;
        color: #1a1a1a;
        font-size: 26px;
        font-weight: 700;
        line-height: 100%;
        letter-spacing: 0;
    }

    body.inner-page .ap-catalog--inner .ap-catalog-card-slot--inner-grid > .ap-catalog-card__actions.button {
        position: static !important;
        top: auto !important;
        left: auto !important;
        margin: 12px auto 0;
        max-width: 292.47px;
    }

    body.inner-page .ap-catalog--inner .ap-catalog-card--frame-layout .ap-catalog-card__media-frame {
        flex: none;
        height: auto;
        display: block;
    }

    body.inner-page .ap-catalog--inner .ap-catalog-card--frame-layout .ap-catalog-card__media {
        flex: none;
        height: auto;
        aspect-ratio: 3 / 2;
    }

    body.inner-page .ap-catalog--inner .ap-catalog-card--frame-layout .ap-catalog-card__body {
        flex: none;
        width: 100%;
        max-width: 100%;
        height: auto;
        padding: 25px;
    }

    body.inner-page .ap-catalog--inner .ap-catalog-card--frame-layout .ap-catalog-card__meta--in-card {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        gap: 8px;
        margin: 0;
        color: #666666;
        font-size: 13px;
    }

    body.inner-page .ap-catalog--inner .ap-catalog-card__price--in-card {
        margin: 0 0 8px;
        color: #333333;
        font-size: 14px;
        font-weight: 400;
    }

    body.inner-page .ap-catalog--inner .ap-catalog-card__price--in-card span {
        color: #219653;
        font-size: 24px;
        font-weight: 800;
    }

    body.inner-page .ap-catalog--inner .ap-catalog-card__class--in-card {
        color: #219653;
        font-weight: 600;
    }

    body.inner-page .ap-catalog--inner .ap-catalog-card__class--in-card > span {
        color: #000000;
        font-weight: 400;
    }

    body.inner-page .ap-catalog--inner .ap-catalog-card--car.ap-catalog-card--frame-layout {
        width: 100%;
        min-width: 0;
        max-width: 513.48px;
        height: auto;
        min-height: 0;
        max-height: none;
    }

    body.inner-page .ap-catalog--inner .catalog-row-content {
        grid-template-columns: minmax(0, 513.48px);
        max-width: 513.48px;
        justify-content: center;
    }

    body.inner-page .ap-catalog--inner .catalog-sections-wrap {
        min-height: 0;
    }

    body.inner-page.page-catalog .catalog-sections-wrap {
        height: auto;
        min-height: 0;
        padding: 40px 20px 16px;
        margin: 0;
        overflow: visible;
    }

    body.inner-page.page-catalog .ap-catalog__head--inner {
        position: static;
        height: auto;
        min-height: 0;
        margin: 0;
        padding: 0;
        overflow: visible;
    }

    body.inner-page.page-catalog .ap-catalog__head-group {
        position: static;
        top: auto;
        left: auto;
        width: 100%;
    }

    body.inner-page.page-catalog .ap-catalog__title {
        position: static;
        top: auto;
        left: auto;
        z-index: auto;
        width: auto;
        height: auto;
        margin: 0 0 20px;
    }

    body.inner-page.page-catalog .catalog-grid-flex--figma {
        min-height: 0;
        padding-top: 0;
    }

    body.inner-page.page-catalog .ap-catalog__filters {
        position: static;
        top: auto;
        left: auto;
        z-index: auto;
        width: 100%;
        max-width: none;
        height: auto;
        margin: 0 0 24px;
        padding: 0 20px;
        flex-wrap: wrap;
        gap: 8px 16px;
        justify-content: flex-start;
    }

    body.inner-page.page-catalog .catalog-row-bg {
        display: none;
    }

    body.inner-page.page-catalog .catalog-cards-canvas,
    body.inner-page.page-catalog .catalog-grid-flex--filter-active .catalog-cards-canvas {
        width: 100%;
        height: auto;
        display: grid;
        grid-template-columns: repeat(3, 513.48px);
        gap: 64px 24px;
        justify-content: center;
        max-width: calc(513.48px * 3 + 24px * 2);
        margin: 0 auto;
        padding: 16px 10px 40px;
        box-sizing: border-box;
    }

    body.inner-page.page-catalog .catalog-grid-flex--figma.catalog-grid-flex--filter-active {
        padding-top: 0;
    }

    body.inner-page.page-catalog .ap-catalog-card-slot--inner-grid,
    body.inner-page.page-catalog .catalog-grid-flex--filter-active .ap-catalog-card-slot--inner-grid {
        position: relative;
        display: flex;
        flex-direction: column;
        width: 100%;
        min-width: 0;
        max-width: 513.48px;
        min-height: 0;
        height: auto;
    }

    body.inner-page.page-catalog .ap-catalog-card--figma-pos,
    body.inner-page.page-catalog .ap-catalog-card--car.ap-catalog-card--frame-layout.ap-catalog-card--figma-pos {
        position: relative;
        top: auto;
        left: auto;
        width: 100%;
        min-width: 0;
        max-width: 513.48px;
        height: auto;
        min-height: 0;
        max-height: none;
    }

    body.inner-page .ap-catalog--inner .ap-catalog__filters {
        position: static;
        width: auto;
        height: auto;
        margin: 0 0 16px;
        padding: 0 10px;
        flex-wrap: wrap;
        gap: 8px 16px;
        justify-content: flex-start;
    }

    body.inner-page .ap-catalog--inner .ap-catalog__head--inner {
        display: block;
    }

    body.inner-page .ap-catalog--inner .ap-catalog__title {
        font-size: 28px;
        line-height: 1.2;
    }
}


@media (max-width: 767px) {
    body.inner-page .ap-catalog--inner .catalog-sections-wrap {
        padding: 28px 16px 0;
    }

    body.inner-page .ap-catalog--inner .ap-catalog__filters {
        gap: 6px 10px;
    }

    body.inner-page.page-catalog .ap-catalog__filter {
        font-family: 'Manrope', sans-serif;
        font-size: 20px;
        font-weight: 500;
        font-style: normal;
        line-height: 20px;
    }
}

/* ——— Иконки комплектации на карточках ——— */
.ap-catalog-card__equip {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 10px;
    margin-top: 10px;
}

.ap-catalog-card__equip--in-card {
    padding-top: 4px;
}

.ap-catalog-card__equip-item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 6px;
    background-color: rgba(255, 255, 255, 0.85);
    font-size: 18px;
    line-height: 1;
    cursor: default;
}

body.inner-page.page-catalog .ap-catalog-card__equip-item {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
}