/*
 * Figma node 32-303 — детальная страница авто
 * Константы: incl/car-figma-layout.php
 */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700;800&display=swap');

body.inner-car-page.page-car-detail,
body.inner-car-page.page-car-detail .wrap {
    background-color: #848899;
}

body.inner-car-page.page-car-detail {
    color: #ffffff;
    font-family: 'Manrope', 'Noto Sans Display', sans-serif;
    overflow-x: hidden;
}

body.inner-car-page.page-car-detail .wrap {
    position: relative;
    box-sizing: border-box;
    overflow-x: hidden;
    min-width: 0;
    max-width: 100%;
}

body.inner-car-page.page-car-detail .wrap > header {
    background-color: #010101;
    border-bottom: none;
}

/* ——— Main canvas ——— */
body.inner-car-page.page-car-detail .ap-car-detail {
    position: relative;
    width: 100%;
    min-width: 0;
    min-height: max(
        var(--ap-car-canvas-min-height, 1500px),
        calc(
            var(--ap-car-terms-cta-btn-top, 3099px)
            - var(--ap-car-header-height, 159px)
            + var(--ap-car-terms-cta-btn-height, 74.978531px)
            + var(--ap-car-terms-footer-gap, 72px)
        )
    );
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Отступ в потоке: «Рекомендуем» не наезжает на абсолютные блоки */
body.inner-car-page.page-car-detail .ap-car-detail__canvas-spacer {
    display: block;
    width: 100%;
    height: calc(
        var(--ap-car-rent-btn-top, 1385px)
        + var(--ap-car-rent-btn-height, 74.979px)
        + var(--ap-car-recommend-gap, 40px)
        - var(--ap-car-gallery-top, 427px)
    );
    margin: 0;
    padding: 0;
    border: 0;
    pointer-events: none;
    visibility: hidden;
}

body.inner-car-page.page-car-detail .ap-car-detail *,
body.inner-car-page.page-car-detail .ap-car-detail *::before,
body.inner-car-page.page-car-detail .ap-car-detail *::after {
    box-sizing: border-box;
}

/* ——— Head: title + breadcrumbs (абсолютно от .wrap через main) ——— */
body.inner-car-page.page-car-detail .ap-car-detail__head {
    position: relative;
    z-index: 3;
    width: 100%;
    margin: 0;
    padding: 0;
    min-height: calc(var(--ap-car-gallery-top, 427px) - var(--ap-car-header-height, 159px));
    overflow: visible;
}

body.inner-car-page.page-car-detail .ap-car-detail__page-title {
    position: absolute;
    top: calc(var(--ap-car-title-top, 231px) - var(--ap-car-header-height, 159px));
    left: var(--ap-car-title-left, 101px);
    width: var(--ap-car-title-width, 650px);
    height: var(--ap-car-title-height, 55px);
    margin: 0;
    padding: 0;
    opacity: 1;
    color: #ffffff;
    font-family: 'Manrope', 'Noto Sans Display', sans-serif;
    font-size: 36px;
    font-weight: 800;
    font-style: normal;
    line-height: 100%;
    letter-spacing: 0;
    text-align: left;
    text-transform: none;
    white-space: nowrap;
    overflow: hidden;
}

body.inner-car-page.page-car-detail .ap-car-detail__breadcrumbs {
    position: absolute;
    top: calc(var(--ap-car-breadcrumbs-top, 335px) - var(--ap-car-header-height, 159px));
    left: var(--ap-car-breadcrumbs-left, 103px);
    width: var(--ap-car-breadcrumbs-width, 640px);
    height: var(--ap-car-breadcrumbs-height, 33px);
    margin: 0;
    padding: 0;
    opacity: 1;
    color: #d1d5db;
    font-family: 'Manrope', 'Noto Sans Display', sans-serif;
    font-size: 24px;
    font-weight: 500;
    font-style: normal;
    line-height: 100%;
    letter-spacing: 0;
    white-space: nowrap;
    overflow: hidden;
}

body.inner-car-page.page-car-detail .ap-car-detail__breadcrumbs a {
    color: #d1d5db;
    text-decoration: none;
    transition: color 0.2s;
}

body.inner-car-page.page-car-detail .ap-car-detail__breadcrumbs a:hover {
    color: #000000;
}

body.inner-car-page.page-car-detail .ap-car-detail__breadcrumbs [aria-current="page"] {
    color: #000000;
}

/* ——— Галерея (Figma 32-303, абсолютно от .wrap) ——— */
body.inner-car-page.page-car-detail .ap-car-detail__gallery {
    position: absolute;
    top: calc(var(--ap-car-gallery-top, 427px) - var(--ap-car-header-height, 159px));
    left: var(--ap-car-gallery-left, 101px);
    z-index: 2;
    width: var(--ap-car-gallery-width, 1228px);
    min-width: var(--ap-car-gallery-width, 1228px);
    max-width: var(--ap-car-gallery-width, 1228px);
    height: auto;
    min-height: 0;
    max-height: none;
    margin: 0;
    padding: 0;
    opacity: 1;
    border: none;
    border-radius: 0;
    box-shadow: none;
    overflow: visible;
    box-sizing: border-box;
}

body.inner-car-page.page-car-detail .ap-car-detail--flow .ap-car-detail__gallery {
    overflow: visible;
}

body.inner-car-page.page-car-detail .ap-car-detail__gallery-inner {
    position: relative;
    width: var(--ap-car-gallery-width, 1228px);
    height: auto;
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 0;
    box-shadow: none;
    overflow: visible;
    box-sizing: border-box;
}

/* FancyApps Carousel — как на alphaprokat.by */
body.inner-car-page.page-car-detail #mainCarousel {
    width: var(--ap-car-gallery-width, 1228px);
    height: var(--ap-car-gallery-height, 766px);
    border-radius: 7px;
    box-shadow: inset 0 0 0 1px #ffffff;
    overflow: hidden;
}

body.inner-car-page.page-car-detail #mainCarousel .f-carousel__nav {
    display: none !important;
}

body.inner-car-page.page-car-detail #mainCarousel .f-carousel__slide img {
    display: block;
    width: var(--ap-car-gallery-width, 1228px);
    height: var(--ap-car-gallery-height, 766px);
    object-fit: cover;
    object-position: center;
}

body.inner-car-page.page-car-detail .f-thumbs,
body.inner-car-page.page-car-detail .f-carousel-thumbs {
    width: var(--ap-car-gallery-width, 1228px);
    margin: var(--ap-car-thumb-margin-top, 23px) 0 0;
}

body.inner-car-page.page-car-detail .f-thumbs__track,
body.inner-car-page.page-car-detail .f-carousel-thumbs .f-carousel__track {
    gap: var(--ap-car-thumb-gap, 19px);
}

body.inner-car-page.page-car-detail .f-thumbs__slide,
body.inner-car-page.page-car-detail .f-carousel-thumbs .thumb-slide {
    flex: 0 0 var(--ap-car-thumb-width, 394px);
    width: var(--ap-car-thumb-width, 394px);
    height: var(--ap-car-thumb-height, 246px);
    margin: 0;
    border: 2px solid transparent;
    border-radius: 0;
    overflow: hidden;
    transition: border-color 0.2s ease;
}

body.inner-car-page.page-car-detail .f-thumbs__slide__button,
body.inner-car-page.page-car-detail .f-carousel-thumbs .thumb-slide button {
    width: 100%;
    height: 100%;
    padding: 0;
    border: none;
    border-radius: 0;
}

body.inner-car-page.page-car-detail .f-thumbs__slide__img,
body.inner-car-page.page-car-detail .f-carousel-thumbs .thumb-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

body.inner-car-page.page-car-detail .f-thumbs__slide:hover,
body.inner-car-page.page-car-detail .f-thumbs__slide.is-nav-selected,
body.inner-car-page.page-car-detail .f-carousel-thumbs .thumb-slide:hover,
body.inner-car-page.page-car-detail .f-carousel-thumbs .thumb-slide.is-nav-selected {
    border-color: #045f42;
}

/* ——— Hero: правая колонка с характеристиками ——— */
body.inner-car-page.page-car-detail .ap-car-detail__hero {
    position: relative;
    width: var(--ap-car-info-width, 610px);
    min-height: calc(
        var(--ap-car-gallery-height, 766px)
        + var(--ap-car-thumb-margin-top, 23px)
        + var(--ap-car-thumb-height, 246px)
    );
    margin: 0 0 0 calc(var(--ap-car-gallery-left, 101px) + var(--ap-car-gallery-width, 1228px) + var(--ap-car-hero-gap, 34px));
    padding: 0;
    z-index: 2;
}

body.inner-car-page.page-car-detail .ap-car-detail__badge {
    position: absolute;
    top: calc(var(--ap-car-badge-top, 446px) - var(--ap-car-header-height, 159px));
    left: var(--ap-car-badge-left, 1197px);
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--ap-car-badge-width, 96px);
    height: var(--ap-car-badge-height, 30px);
    margin: 0;
    padding: 0;
    opacity: 0.74;
    border: 1px solid #ffffff;
    border-radius: 2px;
    background-color: #ffffff;
    box-sizing: border-box;
    color: #333333;
    font-family: 'Noto Sans Display', sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    line-height: 100%;
    letter-spacing: 0;
    text-transform: capitalize;
    white-space: nowrap;
    overflow: hidden;
}

body.inner-car-page.page-car-detail .ap-car-detail__main-photo {
    width: var(--ap-car-gallery-width, 1228px);
    height: var(--ap-car-gallery-height, 766px);
    min-width: var(--ap-car-gallery-width, 1228px);
    max-width: var(--ap-car-gallery-width, 1228px);
    min-height: var(--ap-car-gallery-height, 766px);
    max-height: var(--ap-car-gallery-height, 766px);
    border-radius: 7px;
    overflow: hidden;
}

body.inner-car-page.page-car-detail .ap-car-detail__main-photo--empty {
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.2);
}

body.inner-car-page.page-car-detail .ap-car-detail__no-photo {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    min-height: 0;
    background: #383d48;
    color: #d1d5db;
    font-weight: 600;
}

/* ——— Info column ——— */
body.inner-car-page.page-car-detail .ap-car-detail__info {
    flex: 0 0 var(--ap-car-info-width, 610px);
    width: var(--ap-car-info-width, 610px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-width: 0;
    padding-bottom: 10px;
}

body.inner-car-page.page-car-detail .ap-car-detail__info-top {
    width: 100%;
}

body.inner-car-page.page-car-detail .ap-car-detail__name {
    position: absolute;
    top: calc(var(--ap-car-car-name-top, 415px) - var(--ap-car-header-height, 159px));
    left: var(--ap-car-car-name-left, 1403px);
    z-index: 3;
    width: max-content;
    min-width: var(--ap-car-car-name-width, 227px);
    max-width: calc(var(--ap-car-content-width, 1690px) - var(--ap-car-car-name-left, 1403px) + var(--ap-car-content-left, 113px));
    height: auto;
    min-height: var(--ap-car-car-name-height, 44px);
    margin: 0;
    padding: 0;
    opacity: 1;
    overflow: visible;
    color: #000000;
    font-family: 'Manrope', sans-serif;
    font-size: 32px;
    font-weight: 500;
    font-style: normal;
    line-height: 100%;
    letter-spacing: 0;
    text-transform: none;
    white-space: nowrap;
}

body.inner-car-page.page-car-detail .ap-car-detail__meta-short {
    position: absolute;
    top: calc(var(--ap-car-meta-short-top, 502px) - var(--ap-car-header-height, 159px));
    left: var(--ap-car-meta-short-left, 1403px);
    z-index: 3;
    width: max-content;
    min-width: var(--ap-car-meta-short-width, 161px);
    height: auto;
    min-height: var(--ap-car-meta-short-height, 81px);
    margin: 0;
    padding: 0;
    opacity: 1;
    overflow: visible;
    color: #000000;
    font-family: 'Noto Sans Display', sans-serif;
    font-size: 20px;
    font-weight: 400;
    font-style: normal;
    line-height: 100%;
    letter-spacing: 0;
}

body.inner-car-page.page-car-detail .ap-car-detail__meta-short p {
    margin: 0 0 8px;
}

body.inner-car-page.page-car-detail .ap-car-detail__meta-short p:last-child {
    margin-bottom: 0;
}

body.inner-car-page.page-car-detail .ap-car-detail__meta-short strong {
    color: #000000;
    font-weight: 400;
}

body.inner-car-page.page-car-detail .ap-car-detail__meta-value {
    color: #000000;
    font-family: 'Noto Sans Display', sans-serif;
    font-size: 20px;
    font-weight: 100;
    font-style: normal;
    line-height: 100%;
    letter-spacing: 0;
}

body.inner-car-page.page-car-detail .ap-car-detail__specs-panel {
    position: absolute;
    top: calc(var(--ap-car-specs-panel-top, 610px) - var(--ap-car-header-height, 159px));
    left: var(--ap-car-specs-panel-left, 1402px);
    z-index: 3;
    width: var(--ap-car-specs-panel-width, 315px);
    min-height: var(--ap-car-specs-panel-height, 324px);
    margin: 0;
    padding: 0;
    opacity: 1;
    overflow: visible;
    box-sizing: border-box;
}

body.inner-car-page.page-car-detail .ap-car-detail__specs-panel .ap-car-detail__specs {
    display: flex;
    flex-direction: column;
    gap: var(--ap-car-spec-row-gap, 8px);
    margin: 0 0 12px;
    padding: 0;
}

body.inner-car-page.page-car-detail .ap-car-detail__specs-panel .ap-car-detail__spec {
    display: block;
    margin: 0;
    font-family: 'Noto Sans Display', sans-serif;
    font-size: 20px;
    font-weight: 400;
    font-style: normal;
    line-height: 100%;
    letter-spacing: 0;
}

body.inner-car-page.page-car-detail .ap-car-detail__specs-panel .ap-car-detail__spec dt {
    display: inline;
    margin: 0;
    color: #000000;
    font-family: inherit;
    font-size: inherit;
    font-weight: 400;
    font-style: inherit;
    line-height: inherit;
    letter-spacing: inherit;
}

body.inner-car-page.page-car-detail .ap-car-detail__specs-panel .ap-car-detail__spec dd {
    display: inline;
    margin: 0;
    color: #000000;
    font-family: 'Noto Sans Display', sans-serif;
    font-size: 20px;
    font-weight: 100;
    font-style: normal;
    line-height: 100%;
    letter-spacing: 0;
}

body.inner-car-page.page-car-detail .ap-car-detail__specs-panel .ap-car-detail__spec dt::after {
    content: ' ';
}

body.inner-car-page.page-car-detail .ap-catalog-card__equip--detail {
    margin: 0 0 12px;
    gap: 10px 12px;
}

body.inner-car-page.page-car-detail .ap-catalog-card__equip--detail .ap-catalog-card__equip-item {
    width: 36px;
    height: 36px;
    font-size: 20px;
    background-color: #f3f3f3;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

body.inner-car-page.page-car-detail .ap-car-detail__specs-panel .ap-car-detail__features {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin: 0;
    padding: 0;
    list-style: none;
}

body.inner-car-page.page-car-detail .ap-car-detail__specs-panel .ap-car-detail__feature {
    color: #000000;
    font-family: 'Noto Sans Display', sans-serif;
    font-size: 20px;
    font-weight: 100;
    font-style: normal;
    line-height: 100%;
    letter-spacing: 0;
}

body.inner-car-page.page-car-detail .ap-car-detail__specs-panel .ap-car-detail__feature::after {
    content: none;
}

body.inner-car-page.page-car-detail .ap-car-detail__info-bottom {
    width: 100%;
    margin-top: auto;
}

/* Figma Group 60 (32-629): полоса заголовка + 3 мини-блока 415×80 */
body.inner-car-page.page-car-detail .ap-car-detail__prices-title {
    position: absolute;
    top: calc(var(--ap-car-prices-title-top, 1021px) - var(--ap-car-header-height, 159px));
    left: var(--ap-car-prices-title-left, 1451px);
    z-index: 4;
    width: var(--ap-car-prices-title-width, 322px);
    height: var(--ap-car-prices-title-height, 13px);
    margin: 0;
    padding: 0;
    opacity: 1;
    overflow: visible;
    box-sizing: border-box;
    background: none;
    color: #000000;
    font-family: 'Manrope', sans-serif;
    font-size: 18px;
    font-weight: 600;
    font-style: normal;
    line-height: 100%;
    letter-spacing: 0;
    text-transform: none;
    white-space: nowrap;
}

body.inner-car-page.page-car-detail .ap-car-detail__prices-block {
    position: absolute;
    top: calc(var(--ap-car-prices-top, 988px) - var(--ap-car-header-height, 159px));
    left: var(--ap-car-prices-left, 1405px);
    z-index: 3;
    display: flex;
    flex-direction: column;
    width: var(--ap-car-prices-width, 415px);
    height: var(--ap-car-prices-height, 320px);
    margin: 0;
    padding: 0;
    opacity: 1;
    overflow: hidden;
    box-sizing: border-box;
}

body.inner-car-page.page-car-detail .ap-car-detail__prices-block::before {
    content: '';
    display: block;
    flex: 0 0 var(--ap-car-prices-row-height, 80px);
    width: 100%;
    height: var(--ap-car-prices-row-height, 80px);
    background-color: #666e81;
}

body.inner-car-page.page-car-detail .ap-car-detail__prices {
    display: flex;
    flex-direction: column;
    flex: 0 0 calc(var(--ap-car-prices-row-height, 80px) * 3);
    width: var(--ap-car-prices-width, 415px);
    height: calc(var(--ap-car-prices-row-height, 80px) * 3);
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body.inner-car-page.page-car-detail .ap-car-detail__price-row {
    position: relative;
    display: flex;
    flex: 0 0 var(--ap-car-prices-row-height, 80px);
    justify-content: flex-end;
    align-items: center;
    width: var(--ap-car-prices-width, 415px);
    height: var(--ap-car-prices-row-height, 80px);
    margin: 0;
    padding: 0 40px;
    border: none;
    box-sizing: border-box;
}

body.inner-car-page.page-car-detail .ap-car-detail__price-row:nth-child(odd) {
    background-color: #2b2e35;
}

body.inner-car-page.page-car-detail .ap-car-detail__price-row:nth-child(even) {
    background-color: #666e81;
}

body.inner-car-page.page-car-detail .ap-car-detail__price-days {
    position: absolute;
    left: calc(var(--ap-car-price-days-left, 1452px) - var(--ap-car-prices-left, 1405px));
    z-index: 4;
    width: var(--ap-car-price-days-width, 75px);
    height: var(--ap-car-price-days-height, 13px);
    margin: 0;
    padding: 0;
    opacity: 1;
    overflow: visible;
    box-sizing: border-box;
    color: #ffffff;
    font-family: 'Manrope', sans-serif;
    font-size: 18px;
    font-weight: 300;
    font-style: normal;
    line-height: 100%;
    letter-spacing: 0;
    white-space: nowrap;
}

body.inner-car-page.page-car-detail .ap-car-detail__price-row:nth-child(1) .ap-car-detail__price-days {
    top: calc(
        var(--ap-car-price-days-1-3-top, 1104px) - var(--ap-car-prices-top, 988px) - var(--ap-car-prices-row-height, 80px)
    );
}

body.inner-car-page.page-car-detail .ap-car-detail__price-row:nth-child(2) .ap-car-detail__price-days {
    top: calc(
        var(--ap-car-price-days-3-7-top, 1184px) - var(--ap-car-prices-top, 988px) - var(--ap-car-prices-row-height, 80px) * 2
    );
}

body.inner-car-page.page-car-detail .ap-car-detail__price-row:nth-child(3) .ap-car-detail__price-days {
    top: calc(
        var(--ap-car-price-days-7-15-top, 1264px) - var(--ap-car-prices-top, 988px) - var(--ap-car-prices-row-height, 80px) * 3
    );
}

body.inner-car-page.page-car-detail .ap-car-detail__price-val {
    color: #ffffff;
    font-family: 'Manrope', sans-serif;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: 0;
    white-space: nowrap;
}

body.inner-car-page.page-car-detail .ap-car-detail__price-num {
    font-weight: 700;
}

body.inner-car-page.page-car-detail .ap-car-detail__price-unit {
    font-weight: 100;
}

/* «Взять в аренду» / «Заказать звонок» — как кнопка «Подробнее» в каталоге */
body.inner-car-page.page-car-detail .ap-car-detail__rent-btn-wrap,
body.inner-car-page.page-car-detail .ap-car-detail__terms-cta-btn-wrap {
    position: absolute;
    z-index: 4;
    margin: 0;
    opacity: 1;
    border: none;
    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-car-page.page-car-detail .ap-car-detail__rent-btn-wrap {
    top: calc(var(--ap-car-rent-btn-top, 1385px) - var(--ap-car-header-height, 159px));
    left: var(--ap-car-rent-btn-left, 1405px);
    width: var(--ap-car-rent-btn-width, 415.381042px);
    height: var(--ap-car-rent-btn-height, 74.978531px);
    padding: var(--ap-car-rent-btn-border-width, 0.75px);
    border-radius: var(--ap-car-rent-btn-radius, 11.25px);
}

body.inner-car-page.page-car-detail .ap-car-detail__terms-cta-btn-wrap {
    top: calc(var(--ap-car-terms-cta-btn-top, 3099px) - var(--ap-car-header-height, 159px));
    left: var(--ap-car-terms-cta-btn-left, 698px);
    width: var(--ap-car-terms-cta-btn-width, 415.381042px);
    height: var(--ap-car-terms-cta-btn-height, 74.978531px);
    padding: var(--ap-car-terms-cta-btn-border-width, 0.75px);
    border-radius: var(--ap-car-terms-cta-btn-radius, 11.25px);
}

body.inner-car-page.page-car-detail .ap-car-detail__rent-btn-wrap:hover:not(:active),
body.inner-car-page.page-car-detail .ap-car-detail__terms-cta-btn-wrap:hover:not(:active) {
    background: linear-gradient(97.62deg, #ffffff 16.37%, #75819b 76.29%);
}

body.inner-car-page.page-car-detail .ap-car-detail__rent-btn-wrap .ap-car-detail__rent-btn,
body.inner-car-page.page-car-detail .ap-car-detail__terms-cta-btn-wrap .ap-car-detail__terms-cta-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    min-height: 0;
    margin: 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-family: 'Manrope', sans-serif;
    font-size: 26.99px;
    font-weight: 500;
    font-style: normal;
    line-height: 100%;
    letter-spacing: 0;
    text-align: center;
    text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    cursor: pointer;
    box-sizing: border-box;
    appearance: none;
    -webkit-appearance: none;
}

body.inner-car-page.page-car-detail .ap-car-detail__rent-btn-wrap:hover:not(:active) .ap-car-detail__rent-btn,
body.inner-car-page.page-car-detail .ap-car-detail__rent-btn-wrap .ap-car-detail__rent-btn:hover:not(:active),
body.inner-car-page.page-car-detail .ap-car-detail__terms-cta-btn-wrap:hover:not(:active) .ap-car-detail__terms-cta-btn,
body.inner-car-page.page-car-detail .ap-car-detail__terms-cta-btn-wrap .ap-car-detail__terms-cta-btn: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-car-page.page-car-detail .ap-car-detail__rent-btn-wrap .ap-car-detail__rent-btn:active,
body.inner-car-page.page-car-detail .ap-car-detail__terms-cta-btn-wrap .ap-car-detail__terms-cta-btn:active {
    background-image: linear-gradient(358.41deg, #017344 0.9%, #309b4d 98.2%);
}

body.inner-car-page.page-car-detail .ap-car-detail__terms-cta-btn-wrap .ap-car-detail__terms-cta-btn {
    font-family: 'Manrope', sans-serif;
    font-size: var(--ap-car-terms-cta-btn-font-size, 26.99px);
    font-weight: var(--ap-car-terms-cta-btn-font-weight, 500);
    font-style: normal;
    line-height: 100%;
    letter-spacing: 0;
    text-transform: none;
}

/* ——— Recommend (следует за hero в потоке) ——— */
body.inner-car-page.page-car-detail .ap-car-detail__recommend {
    position: relative;
    width: 100%;
    margin: 0;
    padding: calc(
        var(--ap-car-recommend-title-offset-top, 45px)
        + var(--ap-car-recommend-title-height, 55px)
        + var(--ap-car-recommend-gap, 40px)
    ) 0 74px;
    background-color: #282c35;
    z-index: 1;
}

body.inner-car-page.page-car-detail .ap-car-detail__recommend-bg {
    display: block;
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 50%;
    width: 100vw;
    max-width: none;
    margin-left: -50vw;
    background-color: #282c35;
    pointer-events: none;
}

body.inner-car-page.page-car-detail .ap-car-detail__recommend-grid {
    position: relative;
    z-index: 1;
}

/* Перебиваем #848899 у .ap-catalog--inner из figma-catalog-inner.css */
body.inner-car-page.page-car-detail .ap-car-detail__recommend,
body.inner-car-page.page-car-detail .ap-car-detail__recommend .ap-catalog--inner,
body.inner-car-page.page-car-detail .ap-car-detail__recommend-grid,
body.inner-car-page.page-car-detail .ap-car-detail__recommend .ap-catalog-card-slot--frame-layout,
body.inner-car-page.page-car-detail .ap-car-detail__recommend .ap-catalog-card--car.ap-catalog-card--frame-layout,
body.inner-car-page.page-car-detail .ap-car-detail__recommend .ap-catalog-card--frame-layout .ap-catalog-card__media-frame,
body.inner-car-page.page-car-detail .ap-car-detail__recommend .ap-catalog-card--frame-layout .ap-catalog-card__media {
    background-color: #282c35 !important;
}

body.inner-car-page.page-car-detail .ap-car-detail__recommend-title {
    position: absolute;
    top: var(--ap-car-recommend-title-offset-top, 45px);
    left: var(--ap-car-recommend-grid-inset-left, 115.5px);
    z-index: 2;
    width: var(--ap-car-recommend-title-width, 650px);
    height: var(--ap-car-recommend-title-height, 55px);
    margin: 0;
    padding: 0;
    opacity: 1;
    overflow: visible;
    box-sizing: border-box;
    color: #ffffff;
    font-family: 'Manrope', sans-serif;
    font-size: 36px;
    font-weight: 800;
    font-style: normal;
    line-height: 100%;
    letter-spacing: 0;
    text-transform: none;
    text-align: left;
}

body.inner-car-page.page-car-detail .ap-car-detail__recommend-grid {
    display: grid;
    grid-template-columns: repeat(3, var(--ap-car-recommend-card-width, 513px));
    gap: var(--ap-car-recommend-card-gap, 75px);
    align-items: start;
    justify-content: start;
    width: calc(
        var(--ap-car-recommend-card-width, 513px) * 3
        + var(--ap-car-recommend-card-gap, 75px) * 2
    );
    margin: 0;
    margin-left: var(--ap-car-recommend-grid-inset-left, 115.5px);
    padding: 0;
}

body.inner-car-page.page-car-detail .ap-car-detail__recommend-empty {
    grid-column: 1 / -1;
    margin: 0;
    padding: 40px 0;
    color: #ffffff;
    text-align: center;
}

/* Карточки каталога в блоке «Рекомендуем» — 513×545, кнопка 292×78 */
body.inner-car-page.page-car-detail .ap-car-detail__recommend .ap-catalog-card-slot--frame-layout {
    position: relative;
    width: var(--ap-car-recommend-card-width, 513px);
    min-width: var(--ap-car-recommend-card-width, 513px);
    max-width: var(--ap-car-recommend-card-width, 513px);
    min-height: 680px;
    margin: 0;
    padding: 0;
    overflow: visible;
}

body.inner-car-page.page-car-detail .ap-car-detail__recommend .ap-catalog-card--car.ap-catalog-card--frame-layout {
    position: relative;
    width: var(--ap-car-recommend-card-width, 513px);
    min-width: var(--ap-car-recommend-card-width, 513px);
    max-width: var(--ap-car-recommend-card-width, 513px);
    height: var(--ap-car-recommend-card-height, 545px);
    min-height: var(--ap-car-recommend-card-height, 545px);
    max-height: var(--ap-car-recommend-card-height, 545px);
    margin: 0;
    overflow: visible;
}

body.inner-car-page.page-car-detail .ap-car-detail__recommend .ap-catalog-card--frame-layout .ap-catalog-card__media-frame {
    flex: 0 0 calc(
        var(--ap-car-recommend-card-height, 545px) - var(--ap-car-recommend-card-body-height, 186px)
    );
    height: calc(
        var(--ap-car-recommend-card-height, 545px) - var(--ap-car-recommend-card-body-height, 186px)
    );
}

body.inner-car-page.page-car-detail .ap-car-detail__recommend .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-car-page.page-car-detail .ap-car-detail__recommend .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-car-page.page-car-detail .ap-car-detail__recommend .ap-catalog-card--frame-layout .ap-catalog-card__body {
    flex: 0 0 var(--ap-car-recommend-card-body-height, 186px);
    width: var(--ap-car-recommend-card-width, 513px);
    max-width: var(--ap-car-recommend-card-width, 513px);
    height: var(--ap-car-recommend-card-body-height, 186px);
}

body.inner-car-page.page-car-detail .ap-car-detail__recommend .ap-catalog-card-slot--frame-layout > .ap-catalog-card__name--catalog-pos {
    position: absolute;
    top: 453.05px;
    left: 26.45px;
    width: auto;
    max-width: calc(var(--ap-car-recommend-card-width, 513px) - 26.45px);
    min-width: 223.28px;
    height: auto;
    min-height: 38.79px;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible;
    color: #1a1a1a;
    font-family: 'Manrope', sans-serif;
    font-size: 26px;
    font-weight: 700;
    line-height: 100%;
    white-space: nowrap;
    z-index: 4;
}

body.inner-car-page.page-car-detail .ap-car-detail__recommend .ap-catalog-card-slot--frame-layout > .ap-catalog-card__actions.button {
    position: absolute;
    top: 600px;
    left: 104px;
    width: var(--ap-car-recommend-btn-width, 292px);
    min-width: var(--ap-car-recommend-btn-width, 292px);
    max-width: var(--ap-car-recommend-btn-width, 292px);
    height: var(--ap-car-recommend-btn-height, 78px);
    min-height: var(--ap-car-recommend-btn-height, 78px);
    margin: 0;
    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;
    z-index: 5;
}

/* ——— Terms ——— */
body.inner-car-page.page-car-detail .ap-car-detail__terms {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 60px 113px 80px;
    color: #000000;
    z-index: 1;
}

body.inner-car-page.page-car-detail .ap-car-detail__terms-grid {
    display: flex;
    gap: 60px;
    align-items: flex-start;
    max-width: 1690px;
    margin: 0 auto;
}

body.inner-car-page.page-car-detail .ap-car-detail__terms-col {
    flex: 1;
    min-width: 0;
    padding-top: calc(var(--ap-car-terms-section-title-height, 55px) + 15px);
}

body.inner-car-page.page-car-detail .ap-car-detail__terms-heading--section {
    position: absolute;
    z-index: 4;
    width: var(--ap-car-terms-section-title-width, 650px);
    height: var(--ap-car-terms-section-title-height, 55px);
    margin: 0;
    padding: 0;
    opacity: 1;
    overflow: visible;
    box-sizing: border-box;
    color: #ffffff;
    font-family: 'Manrope', sans-serif;
    font-size: 36px;
    font-weight: 800;
    font-style: normal;
    line-height: 100%;
    letter-spacing: 0;
    text-align: left;
    text-transform: none;
}

body.inner-car-page.page-car-detail .ap-car-detail__terms-heading--rental {
    top: calc(var(--ap-car-terms-rental-title-top, 2540px) - var(--ap-car-header-height, 159px));
    left: var(--ap-car-terms-rental-title-left, 101px);
}

body.inner-car-page.page-car-detail .ap-car-detail__terms-heading--delivery {
    top: calc(var(--ap-car-terms-delivery-title-top, 2540px) - var(--ap-car-header-height, 159px));
    left: var(--ap-car-terms-delivery-title-left, 971px);
}

body.inner-car-page.page-car-detail .ap-car-detail__terms-docs {
    position: absolute;
    top: calc(var(--ap-car-terms-docs-top, 2632px) - var(--ap-car-header-height, 159px));
    left: var(--ap-car-terms-docs-left, 101px);
    z-index: 4;
    width: var(--ap-car-terms-docs-width, 704px);
    min-height: var(--ap-car-terms-docs-height, 162px);
    height: auto;
    margin: 0;
    padding: 0;
    opacity: 1;
    overflow: visible;
    box-sizing: border-box;
    color: #000000;
    font-family: 'Manrope', sans-serif;
    font-size: 18px;
    font-weight: 700;
    font-style: normal;
    line-height: 100%;
    letter-spacing: 0;
}

body.inner-car-page.page-car-detail .ap-car-detail__terms-docs-lead {
    margin: 0 0 6px;
    padding: 0;
    color: #000000;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit;
}

body.inner-car-page.page-car-detail .ap-car-detail__terms-docs-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

body.inner-car-page.page-car-detail .ap-car-detail__terms-docs-list li {
    position: relative;
    margin: 0 0 4px;
    padding: 0 0 0 14px;
    color: #000000;
    font-family: 'Manrope', sans-serif;
    font-size: var(--ap-car-terms-docs-list-font-size, 18px);
    font-weight: var(--ap-car-terms-docs-list-font-weight, 300);
    font-style: normal;
    line-height: 100%;
    letter-spacing: 0;
}

body.inner-car-page.page-car-detail .ap-car-detail__terms-docs-list li::before {
    content: '-';
    position: absolute;
    left: 0;
    top: 0;
}

body.inner-car-page.page-car-detail .ap-car-detail__terms-docs-list li:last-child {
    margin-bottom: 0;
}

body.inner-car-page.page-car-detail .ap-car-detail__terms-deposit {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: var(--ap-car-terms-deposit-width, 704px);
    margin: calc(2 * 1em) 0 0;
    padding: 0 0 0 14px;
    color: #000000;
    font-family: 'Manrope', sans-serif;
    font-size: 18px;
    font-weight: 300;
    font-style: normal;
    line-height: 100%;
    letter-spacing: 0;
}

body.inner-car-page.page-car-detail .ap-car-detail__terms-delivery {
    position: absolute;
    top: calc(var(--ap-car-terms-delivery-body-top, 2632px) - var(--ap-car-header-height, 159px));
    left: var(--ap-car-terms-delivery-body-left, 971px);
    z-index: 4;
    width: var(--ap-car-terms-delivery-body-width, 849px);
    height: var(--ap-car-terms-delivery-body-height, 471px);
    margin: 0;
    padding: 0;
    opacity: 1;
    overflow: visible;
    box-sizing: border-box;
    color: #000000;
    font-family: 'Manrope', sans-serif;
    font-size: 18px;
    font-weight: 300;
    font-style: normal;
    line-height: 100%;
    letter-spacing: 0;
}

body.inner-car-page.page-car-detail .ap-car-detail__terms-delivery-intro,
body.inner-car-page.page-car-detail .ap-car-detail__terms-delivery-subtitle {
    margin: 0 0 6px;
    padding: 0;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit;
}

body.inner-car-page.page-car-detail .ap-car-detail__terms-delivery-intro + .ap-car-detail__terms-delivery-intro {
    margin-bottom: calc(2 * 1em);
}

body.inner-car-page.page-car-detail .ap-car-detail__terms-delivery-subtitle {
    margin-top: 0;
}

body.inner-car-page.page-car-detail .ap-car-detail__terms-delivery-list {
    margin: 0 0 6px;
    padding: 0;
    list-style: none;
}

body.inner-car-page.page-car-detail .ap-car-detail__terms-delivery-list:first-of-type {
    margin-bottom: calc(2 * 1em);
}

body.inner-car-page.page-car-detail .ap-car-detail__terms-delivery-list:last-child {
    margin-bottom: 0;
}

body.inner-car-page.page-car-detail .ap-car-detail__terms-delivery-list li {
    margin: 0 0 4px;
    padding: 0;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit;
}

body.inner-car-page.page-car-detail .ap-car-detail__terms-delivery-list li:last-child {
    margin-bottom: 0;
}

body.inner-car-page.page-car-detail .ap-car-detail__terms-body {
    font-size: 15px;
    line-height: 1.45;
    color: #000000;
}

body.inner-car-page.page-car-detail .ap-car-detail__terms-body p {
    margin: 5px 0;
}

body.inner-car-page.page-car-detail .ap-car-detail__terms-subtitle {
    margin: 12px 0 6px;
    font-size: 15px;
    font-weight: 600;
    color: #000000;
}

body.inner-car-page.page-car-detail .ap-car-detail__terms-list {
    margin: 8px 0;
    padding: 0 0 0 18px;
    color: #000000;
}

body.inner-car-page.page-car-detail .ap-car-detail__terms-list li {
    margin: 4px 0;
    font-size: 15px;
    line-height: 1.45;
}

body.inner-car-page.page-car-detail .ap-car-detail__terms-note {
    margin: 12px 0 0;
    font-size: 15px;
    line-height: 1.45;
}

body.inner-car-page.page-car-detail .ap-car-detail__terms-delivery .ap-car-detail__terms-price {
    color: #ffffff;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit;
}

body.inner-car-page.page-car-detail .ap-car-detail__terms-cta-text {
    position: absolute;
    top: calc(var(--ap-car-terms-cta-text-top, 3004px) - var(--ap-car-header-height, 159px));
    left: var(--ap-car-terms-cta-text-left, 374px);
    z-index: 4;
    width: var(--ap-car-terms-cta-text-width, 1200px);
    height: var(--ap-car-terms-cta-text-height, 89px);
    margin: 0;
    padding: 0;
    opacity: 1;
    overflow: visible;
    box-sizing: border-box;
    text-align: left;
    text-transform: none;
    color: #000000;
    font-family: 'Manrope', sans-serif;
    font-size: 18px;
    font-weight: 300;
    font-style: normal;
    line-height: 100%;
    letter-spacing: 0;
}

body.inner-car-page.page-car-detail .ap-car-detail__terms-cta-phones,
body.inner-car-page.page-car-detail .ap-car-detail__terms-cta-phones a,
body.inner-car-page.page-car-detail .ap-car-detail__terms-cta-phones .ap-car-detail__messengers {
    color: #ffffff;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit;
}

body.inner-car-page.page-car-detail .ap-car-detail__terms-cta-phones a {
    text-decoration: underline;
}

/* Перебить устаревшие стили inner-pages.css на car-page */
body.inner-car-page.page-car-detail .breadcrumbs-section,
body.inner-car-page.page-car-detail .car-details-section,
body.inner-car-page.page-car-detail .catalog-grid-flex,
body.inner-car-page.page-car-detail .terms-delivery-section {
    display: none !important;
}

@media (min-width: 32000px) {
    body.inner-car-page.page-car-detail:not(.page-car-detail) .wrap {
        overflow-x: auto;
        min-width: 1920px;
        max-width: none;
    }

    body.inner-car-page.page-car-detail:not(.page-car-detail) .ap-car-detail:not(.ap-car-detail--flow) {
        min-width: 1920px;
    }
}

/* ==========================================================================
   Планшеты, ноутбуки и мобильные (<1920px) — fluid layout
   ========================================================================== */
@media (max-width: 1919px) {
    body.inner-car-page.page-car-detail .wrap {
        min-width: 0;
        max-width: 100%;
        overflow-x: hidden;
    }

    body.inner-car-page.page-car-detail .ap-car-detail {
        display: flex;
        flex-direction: column;
        min-width: 0;
        min-height: 0;
        padding: 20px 16px 48px;
        box-sizing: border-box;
    }

    body.inner-car-page.page-car-detail .ap-car-detail__canvas-spacer {
        display: none !important;
    }

    body.inner-car-page.page-car-detail .ap-car-detail__head {
        order: 1;
        min-height: 0;
        margin-bottom: 16px;
    }

    body.inner-car-page.page-car-detail .ap-car-detail__page-title,
    body.inner-car-page.page-car-detail .ap-car-detail__breadcrumbs {
        position: static;
        width: auto;
        max-width: 100%;
        height: auto;
        margin: 0 0 12px;
        white-space: normal;
        overflow: visible;
    }

    body.inner-car-page.page-car-detail .ap-car-detail__page-title {
        font-size: 28px;
    }

    body.inner-car-page.page-car-detail .ap-car-detail__breadcrumbs {
        font-size: 16px;
        line-height: 1.35;
    }

    body.inner-car-page.page-car-detail .ap-car-detail__gallery {
        order: 2;
        position: static;
        width: 100%;
        min-width: 0;
        max-width: 100%;
        margin: 0 0 20px;
    }

    body.inner-car-page.page-car-detail .ap-car-detail__gallery-inner,
    body.inner-car-page.page-car-detail #mainCarousel,
    body.inner-car-page.page-car-detail #mainCarousel .f-carousel__slide img {
        width: 100%;
        min-width: 0;
        max-width: 100%;
        height: auto;
        min-height: 0;
        max-height: none;
        aspect-ratio: 1228 / 766;
    }

    body.inner-car-page.page-car-detail .f-thumbs,
    body.inner-car-page.page-car-detail .f-carousel-thumbs {
        width: 100%;
        margin-top: 12px;
    }

    body.inner-car-page.page-car-detail .f-thumbs__slide,
    body.inner-car-page.page-car-detail .f-carousel-thumbs .thumb-slide {
        flex: 1 1 calc(33.333% - 10px);
        width: auto;
        min-width: 90px;
        max-width: 100%;
        height: auto;
        aspect-ratio: 394 / 246;
    }

    body.inner-car-page.page-car-detail .ap-car-detail__badge {
        order: 3;
        position: static;
        align-self: flex-start;
        margin: 0 0 12px;
    }

    body.inner-car-page.page-car-detail .ap-car-detail__name {
        order: 4;
        position: static;
        width: auto;
        max-width: 100%;
        min-width: 0;
        min-height: 0;
        margin: 0 0 12px;
        font-size: 26px;
        white-space: normal;
    }

    body.inner-car-page.page-car-detail .ap-car-detail__meta-short {
        order: 5;
        position: static;
        width: auto;
        max-width: 100%;
        min-width: 0;
        min-height: 0;
        margin: 0 0 20px;
        font-size: 16px;
    }

    body.inner-car-page.page-car-detail .ap-car-detail__specs-panel {
        order: 6;
        position: static;
        width: 100%;
        max-width: 100%;
        min-height: 0;
        margin: 0 0 24px;
    }

    body.inner-car-page.page-car-detail .ap-car-detail__specs-panel .ap-car-detail__spec {
        font-size: 16px;
        line-height: 1.35;
    }

    body.inner-car-page.page-car-detail .ap-car-detail__prices-title {
        order: 7;
        position: static;
        width: auto;
        height: auto;
        margin: 0 0 8px;
        white-space: normal;
    }

    body.inner-car-page.page-car-detail .ap-car-detail__prices-block {
        order: 8;
        position: static;
        width: 100%;
        max-width: 415px;
        height: auto;
        margin: 0 0 20px;
        overflow: visible;
    }

    body.inner-car-page.page-car-detail .ap-car-detail__prices-block::before {
        display: none;
    }

    body.inner-car-page.page-car-detail .ap-car-detail__prices {
        width: 100%;
        height: auto;
        flex: none;
    }

    body.inner-car-page.page-car-detail .ap-car-detail__price-row {
        position: relative;
        justify-content: space-between;
        width: 100%;
        height: auto;
        min-height: 56px;
        padding: 12px 16px;
    }

    body.inner-car-page.page-car-detail .ap-car-detail__price-days {
        position: static;
        width: auto;
        height: auto;
        top: auto;
    }

    body.inner-car-page.page-car-detail .ap-car-detail__rent-btn-wrap {
        order: 9;
        position: static;
        width: 100%;
        max-width: 415px;
        height: 74px;
        margin: 0 0 32px;
    }

    body.inner-car-page.page-car-detail .ap-car-detail__recommend {
        order: 10;
        padding: 32px 0 40px;
        margin: 0 -16px;
        width: calc(100% + 32px);
    }

    body.inner-car-page.page-car-detail .ap-car-detail__recommend-title {
        position: static;
        width: auto;
        height: auto;
        margin: 0 16px 24px;
        font-size: 28px;
    }

    body.inner-car-page.page-car-detail .ap-car-detail__recommend-grid {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
        gap: 20px;
        width: 100%;
        margin: 0;
        padding: 0 16px;
        box-sizing: border-box;
    }

    body.inner-car-page.page-car-detail .ap-car-detail__recommend .ap-catalog-card-slot--frame-layout,
    body.inner-car-page.page-car-detail .ap-car-detail__recommend .ap-catalog-card--car.ap-catalog-card--frame-layout {
        display: flex;
        flex-direction: column;
        width: 100%;
        min-width: 0;
        max-width: 100%;
        min-height: 0;
        height: auto;
        max-height: none;
    }

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

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

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

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

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

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

    body.inner-car-page.page-car-detail .ap-car-detail__recommend .ap-catalog-card--frame-layout .ap-catalog-card__body {
        flex: none;
        width: 100%;
        max-width: 100%;
        height: auto;
        padding: 20px 25px;
        box-sizing: border-box;
    }

    body.inner-car-page.page-car-detail .ap-car-detail__recommend .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-car-page.page-car-detail .ap-car-detail__recommend .ap-catalog-card__price--in-card {
        margin: 0 0 8px;
        color: #333333;
        font-size: 14px;
        font-weight: 400;
    }

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

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

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

    body.inner-car-page.page-car-detail .ap-car-detail__recommend .ap-catalog-card-slot--frame-layout > .ap-catalog-card__actions.button {
        position: static !important;
        top: auto !important;
        left: auto !important;
        width: 100%;
        max-width: 292px;
        min-width: 0;
        margin: 12px auto 0;
    }

    body.inner-car-page.page-car-detail .ap-car-detail__terms-heading--section {
        order: 11;
        position: static;
        width: auto;
        height: auto;
        margin: 24px 0 16px;
        font-size: 28px;
    }

    body.inner-car-page.page-car-detail .ap-car-detail__terms-heading--delivery {
        order: 13;
        margin-top: 8px;
    }

    body.inner-car-page.page-car-detail .ap-car-detail__terms-docs {
        order: 12;
        position: static;
        width: 100%;
        max-width: 100%;
        min-height: 0;
        margin: 0 0 24px;
        line-height: 1.45;
    }

    body.inner-car-page.page-car-detail .ap-car-detail__terms-docs-list li {
        line-height: 1.45;
        margin-bottom: 8px;
    }

    body.inner-car-page.page-car-detail .ap-car-detail__terms-deposit {
        line-height: 1.45;
        margin-top: 12px;
    }

    body.inner-car-page.page-car-detail .ap-car-detail__terms-delivery {
        order: 14;
        position: static;
        width: 100%;
        max-width: 100%;
        height: auto;
        margin: 0 0 24px;
        line-height: 1.45;
    }

    body.inner-car-page.page-car-detail .ap-car-detail__terms-delivery-intro,
    body.inner-car-page.page-car-detail .ap-car-detail__terms-delivery-list li {
        line-height: 1.45;
        margin-bottom: 8px;
    }

    body.inner-car-page.page-car-detail .ap-car-detail__terms-cta-text {
        order: 15;
        position: static;
        width: 100%;
        max-width: 100%;
        height: auto;
        margin: 0 0 20px;
        line-height: 1.45;
    }

    body.inner-car-page.page-car-detail .ap-car-detail__terms-cta-btn-wrap {
        order: 16;
        position: static;
        width: 100%;
        max-width: 415px;
        height: 74px;
        margin: 0;
    }
}

@media (max-width: 480px) {
    body.inner-car-page.page-car-detail .ap-car-detail__page-title {
        font-size: 24px;
    }

    body.inner-car-page.page-car-detail .ap-car-detail__name {
        font-size: 22px;
    }

    body.inner-car-page.page-car-detail .f-thumbs__slide,
    body.inner-car-page.page-car-detail .f-carousel-thumbs .thumb-slide {
        flex: 1 1 calc(50% - 10px);
    }

    body.inner-car-page.page-car-detail .ap-car-detail__recommend-title,
    body.inner-car-page.page-car-detail .ap-car-detail__terms-heading--section {
        font-size: 24px;
    }

    body.inner-car-page.page-car-detail .ap-car-detail__rent-btn-wrap .ap-car-detail__rent-btn,
    body.inner-car-page.page-car-detail .ap-car-detail__terms-cta-btn-wrap .ap-car-detail__terms-cta-btn {
        font-size: 22px;
    }
}