/*
 Theme Name:   Autovault Child
 Theme URI:    https://themewant.com/products/wordpress/autovault
 Description:  HAVAL / Атлант-М Запад — consolidated visual adjustments
 Author:       ReacThemes + project customisation
 Template:     autovault
 Version:      2.0.0
 License:      GNU General Public License v2 or later
*/

:root {
    --haval-dark: #121314;
    --haval-gray: #626970;
    --haval-red: #00cabf;
    --haval-text: #30363b;
    --haval-border: #d5d8dc;
    --haval-light: #f1f3f4;
}

/* =========================================================
   GLOBAL / HEADER
   ========================================================= */
html { margin-top: 0 !important; }
body.admin-bar,
body.logged-in { margin-top: 0 !important; padding-top: 0 !important; }
#wpadminbar { display: none !important; height: 0 !important; min-height: 0 !important; }
body.admin-bar header.eel-sticky-header,
body.logged-in header.eel-sticky-header,
body.logged-in:not(.elementor-editor-active) header.eel-sticky-header-on,
body.admin-bar .eel-sticky-header-on { top: 0 !important; }

/* Reliable Cyrillic typography on the demo's custom display widgets. */
.elementor-3901 .elementor-widget-eel-heading,
.elementor-3901 .elementor-widget-eel-heading .elementor-widget-container,
.elementor-3901 .elementor-widget-eel-heading .elementor-heading-title,
.elementor-3901 .elementor-widget-eel-heading [class*="title"],
.elementor-3901 .elementor-widget-rt-listing-grid,
.elementor-3901 .elementor-widget-icon-list .elementor-icon-list-text,
.elementor-2569 .eel-nav-menu,
.elementor-4168,
.elementor-2567 {
    font-family: Inter, Arial, sans-serif !important;
}

/* Highlight remains coloured by the theme, but without underline. */
.elementor-widget-eel-heading [class*="highlight"],
.elementor-widget-eel-heading u,
.elementor-widget-eel-heading mark {
    text-decoration: none !important;
    text-decoration-line: none !important;
}

/* Desktop submenu arrow without dependency on an icon font. */
@media (min-width: 1301px) {
    .elementor-2569 .eel-nav-menu > .menu-item-has-children > a {
        position: relative !important;
        padding-right: 19px !important;
    }
    .elementor-2569 .eel-nav-menu > .menu-item-has-children > a::before {
        content: "" !important;
        font-family: inherit !important;
        width: 7px !important;
        height: 7px !important;
        border: 0 !important;
        border-right: 1.5px solid currentColor !important;
        border-bottom: 1.5px solid currentColor !important;
        position: absolute !important;
        right: 3px !important;
        top: 47% !important;
        transform: translateY(-50%) rotate(45deg) !important;
        display: block !important;
        background: transparent !important;
    }
    .elementor-2569 .eel-nav-menu > .menu-item-has-children:hover > a::before {
        transform: translateY(-10%) rotate(225deg) !important;
    }
    .elementor-2569 .eel-nav-menu .sub-menu {
        width: 300px !important;
        min-width: 300px !important;
        max-width: none !important;
    }
    .elementor-2569 .eel-nav-menu .sub-menu a {
        white-space: nowrap !important;
    }
}

/* Switch to mobile navigation before Russian labels become cramped. */
@media (max-width: 1300px) {
    .elementor-2569 .elementor-element-c41b050,
    .elementor-2569 .elementor-element-425173b {
        width: 100% !important;
        max-width: 100% !important;
        --width: 100% !important;
    }
    .elementor-2569 .elementor-element-425173b {
        min-height: 110px !important;
        height: 110px !important;
        flex-wrap: nowrap !important;
        position: relative !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        align-items: center !important;
    }
    .elementor-2569 .elementor-element-ce983d7 {
        position: absolute !important;
        left: 10px !important;
        right: auto !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        width: 45px !important;
        min-width: 45px !important;
        max-width: 45px !important;
        flex: 0 0 45px !important;
        z-index: 20 !important;
    }
    .elementor-2569 .elementor-element-1212ab0 {
        width: 45px !important;
        min-width: 45px !important;
        max-width: 45px !important;
        --container-widget-width: 45px !important;
        --container-widget-flex-grow: 0 !important;
    }
    .elementor-2569 .elementor-element-1212ab0 .eel-nav-menu__toggle {
        display: flex !important;
        margin: 0 !important;
        justify-content: center !important;
        align-items: center !important;
    }
    .elementor-2569 .elementor-element-1212ab0 .eel-nav-menu__layout-horizontal {
        display: none !important;
    }
    .elementor-2569 .elementor-element-584f849 { margin-left: 58px !important; }

    .elementor-2569 .sidebar-on-mobile .unicon-chevron-down {
        font-size: 0 !important;
        font-family: inherit !important;
        transform: none !important;
        width: 24px !important;
        height: 24px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    .elementor-2569 .sidebar-on-mobile .unicon-chevron-down::before {
        content: "" !important;
        width: 8px !important;
        height: 8px !important;
        border-right: 1.5px solid currentColor !important;
        border-bottom: 1.5px solid currentColor !important;
        transform: rotate(45deg) !important;
    }
    .elementor-2569 .sidebar-on-mobile .unicon-chevron-down.active::before {
        transform: rotate(225deg) !important;
    }
}

/* =========================================================
   HOME PAGE
   ========================================================= */
/* Compact tabs and align them to the right of the section heading. */
.elementor-3901 .elementor-element-6a28a43 .rt-listing-grid-tabs,
.elementor-3901 .elementor-element-6a28a43 .rt-listing-tab-btn-items {
    column-gap: 6px !important;
    row-gap: 6px !important;
    gap: 6px !important;
}
.elementor-3901 .elementor-element-6a28a43 .rt-listing-tab-btn,
.elementor-3901 .elementor-element-6a28a43 .rt-listing-tab-btn-items > * {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
    white-space: nowrap !important;
}
@media (min-width: 901px) {
    .elementor-3901 .elementor-element-6a28a43 .rt-listing-grid-tabs,
    .elementor-3901 .elementor-element-6a28a43 .rt-listing-tab-btn-items {
        justify-content: flex-end !important;
        margin-left: auto !important;
        max-width: 68% !important;
    }
}
@media (max-width: 900px) {
    .elementor-3901 .elementor-element-6a28a43 .rt-listing-grid-tabs,
    .elementor-3901 .elementor-element-6a28a43 .rt-listing-tab-btn-items {
        justify-content: flex-start !important;
        max-width: 100% !important;
    }
}

/* Long benefits must fit on one line on desktop. */
.elementor-3901 .elementor-element-6813a8b .elementor-icon-list-text,
.elementor-3901 .elementor-element-81497fb .elementor-icon-list-text,
.elementor-3901 .elementor-element-6813a8b li,
.elementor-3901 .elementor-element-81497fb li {
    font-size: 17px !important;
    line-height: 1.35 !important;
}
@media (min-width: 1000px) {
    .elementor-3901 .elementor-element-6813a8b .elementor-icon-list-text,
    .elementor-3901 .elementor-element-81497fb .elementor-icon-list-text {
        white-space: nowrap !important;
    }
}

/* Card metadata should inherit a Cyrillic-safe text font. */
.elementor-3901 .elementor-element-6a28a43 .listing-car-item-meta,
.elementor-3901 .elementor-element-6a28a43 .listing-car-item-meta span,
.elementor-3901 .elementor-element-6a28a43 .mvl-listing-card,
.elementor-3901 .elementor-element-6a28a43 .mvl-listing-card [class*="meta"] {
    font-family: Inter, Arial, sans-serif !important;
}

/* =========================================================
   SINGLE VEHICLE — CONTENT CONTRAST
   ========================================================= */
.elementor-2567 .elementor-element-2472c59,
.elementor-2567 .elementor-element-2472c59 p,
.elementor-2567 .elementor-element-2472c59 li,
.elementor-2567 .elementor-element-2e1e655,
.elementor-2567 .elementor-element-2e1e655 p,
.elementor-2567 .elementor-element-aa5d4be,
.elementor-2567 .elementor-element-aa5d4be span,
.elementor-2567 .elementor-element-aa5d4be li {
    color: #30363b !important;
    opacity: 1 !important;
}
.elementor-2567 .elementor-element-4cbd34e .item-label,
.elementor-2567 .elementor-element-4cbd34e [class*="label"],
.elementor-2567 .elementor-element-4cbd34e .mvl-listing-attribute-label {
    color: #4b535a !important;
    opacity: 1 !important;
}
.elementor-2567 .elementor-element-4cbd34e .heading-font,
.elementor-2567 .elementor-element-4cbd34e [class*="value"],
.elementor-2567 .elementor-element-4cbd34e .mvl-listing-attribute-value {
    color: #171a1d !important;
    opacity: 1 !important;
}
.single-listing_page .mvl-listing-description,
.single-listing_page .mvl-listing-description p,
.single-listing_page .listing-car-item-meta,
.single-listing_page .listing-car-item-meta span {
    color: #30363b !important;
    opacity: 1 !important;
}

/* Action row: readable immediately at all widths. */
.elementor-element.elementor-element-05ce87b .single-car-actions ul.list-unstyled,
.elementor-widget-motors-single-listing-actions .single-car-actions ul.list-unstyled {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
    gap: 10px !important;
}
.elementor-element.elementor-element-05ce87b .single-car-actions ul.list-unstyled > li,
.elementor-widget-motors-single-listing-actions .single-car-actions ul.list-unstyled > li {
    flex: 1 1 220px !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    display: flex !important;
}
.elementor-element.elementor-element-05ce87b .single-car-actions ul.list-unstyled > li > a,
.elementor-widget-motors-single-listing-actions .single-car-actions ul.list-unstyled > li > a {
    box-sizing: border-box !important;
    width: 100% !important;
    min-height: 46px !important;
    padding: 10px 14px !important;
    display: flex !important;
    align-items: center !important;
    border: 1px solid var(--haval-border) !important;
    border-radius: 7px !important;
    background: var(--haval-light) !important;
    color: var(--haval-text) !important;
    opacity: 1 !important;
    visibility: visible !important;
    text-decoration: none !important;
}
.elementor-element.elementor-element-05ce87b .single-car-actions ul.list-unstyled > li > a .stm-item-title,
.elementor-widget-motors-single-listing-actions .single-car-actions ul.list-unstyled > li > a .stm-item-title {
    display: inline !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: var(--haval-text) !important;
    font-size: 14px !important;
    line-height: 1.3 !important;
}
.elementor-element.elementor-element-05ce87b .single-car-actions li.added-date-action > .added_date,
.elementor-widget-motors-single-listing-actions .single-car-actions li.added-date-action > .added_date {
    box-sizing: border-box !important;
    width: 100% !important;
    min-height: 46px !important;
    padding: 10px 14px !important;
    display: flex !important;
    align-items: center !important;
    border: 1px solid var(--haval-border) !important;
    border-radius: 7px !important;
    background: var(--haval-light) !important;
    color: var(--haval-text) !important;
    opacity: 1 !important;
    visibility: visible !important;
    text-transform: none !important;
    margin: 0 !important;
}
.elementor-element.elementor-element-05ce87b .single-car-actions .added_date .added_date_info,
.elementor-element.elementor-element-05ce87b .single-car-actions .added_date .added_date_info_text,
.elementor-widget-motors-single-listing-actions .single-car-actions .added_date .added_date_info,
.elementor-widget-motors-single-listing-actions .single-car-actions .added_date .added_date_info_text {
    display: inline !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: var(--haval-text) !important;
    font-size: 14px !important;
}
.elementor-element.elementor-element-05ce87b .single-car-actions li > a > i,
.elementor-element.elementor-element-05ce87b .single-car-actions .added_date > i,
.elementor-widget-motors-single-listing-actions .single-car-actions li > a > i,
.elementor-widget-motors-single-listing-actions .single-car-actions .added_date > i {
    display: inline-block !important;
    position: static !important;
    margin: 0 9px 0 0 !important;
    color: var(--haval-red) !important;
    opacity: 1 !important;
    visibility: visible !important;
}
.elementor-element.elementor-element-05ce87b .single-car-actions ul.list-unstyled > li > a:hover,
.elementor-element.elementor-element-05ce87b .single-car-actions ul.list-unstyled > li > a:focus,
.elementor-widget-motors-single-listing-actions .single-car-actions ul.list-unstyled > li > a:hover,
.elementor-widget-motors-single-listing-actions .single-car-actions ul.list-unstyled > li > a:focus {
    border-color: var(--haval-red) !important;
    background: #fff !important;
    color: var(--haval-red) !important;
}
.elementor-element.elementor-element-05ce87b .single-car-actions ul.list-unstyled > li > a:hover .stm-item-title,
.elementor-element.elementor-element-05ce87b .single-car-actions ul.list-unstyled > li > a:focus .stm-item-title,
.elementor-widget-motors-single-listing-actions .single-car-actions ul.list-unstyled > li > a:hover .stm-item-title,
.elementor-widget-motors-single-listing-actions .single-car-actions ul.list-unstyled > li > a:focus .stm-item-title {
    color: var(--haval-red) !important;
}
/* Hide only the editor shortcut inside the date row. */
.elementor-element-05ce87b .added_date a { display: none !important; }

@media (max-width: 1024px) {
    .stm-single-car-page .elementor-widget-motors-single-listing-actions .single-car-actions ul.list-unstyled li a,
    .single-listing_template .elementor-widget-motors-single-listing-actions .single-car-actions ul.list-unstyled li a,
    .elementor-element.elementor-element-05ce87b .single-car-actions ul.list-unstyled li a {
        width: 100% !important;
        height: auto !important;
        min-height: 46px !important;
        padding: 10px 14px !important;
    }
    .stm-single-car-page .elementor-widget-motors-single-listing-actions .single-car-actions ul.list-unstyled li a span,
    .single-listing_template .elementor-widget-motors-single-listing-actions .single-car-actions ul.list-unstyled li a span,
    .elementor-element.elementor-element-05ce87b .single-car-actions ul.list-unstyled li a span,
    .stm-single-car-page .elementor-widget-motors-single-listing-actions .single-car-actions .added_date .added_date_info_text,
    .single-listing_template .elementor-widget-motors-single-listing-actions .single-car-actions .added_date .added_date_info_text,
    .elementor-element.elementor-element-05ce87b .single-car-actions .added_date .added_date_info_text {
        display: inline !important;
    }
    .stm-single-car-page .elementor-widget-motors-single-listing-actions .single-car-actions .added_date > i,
    .single-listing_template .elementor-widget-motors-single-listing-actions .single-car-actions .added_date > i,
    .elementor-element.elementor-element-05ce87b .single-car-actions .added_date > i {
        display: inline-block !important;
    }
}
@media (max-width: 700px) {
    .elementor-element.elementor-element-05ce87b .single-car-actions ul.list-unstyled > li,
    .elementor-widget-motors-single-listing-actions .single-car-actions ul.list-unstyled > li {
        flex-basis: 100% !important;
    }
}

/* Contact form is on a dark panel. */
.elementor-2567 .elementor-element-d295fa6 .elementor-heading-title {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    opacity: 1 !important;
}
.elementor-2567 .elementor-element-8ed2b2b input::placeholder,
.elementor-2567 .elementor-element-8ed2b2b textarea::placeholder {
    color: #c9cdd1 !important;
    opacity: 1 !important;
}

/* Share title + exactly three platforms from the DB stay on one line. */
.elementor-2567 .elementor-element-fa87dc5 {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 14px !important;
}
.elementor-2567 .elementor-element-08a9992 {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: max-content !important;
}
.elementor-2567 .elementor-element-08a9992 .elementor-heading-title {
    white-space: nowrap !important;
    font-size: 20px !important;
    line-height: 1.2 !important;
    margin: 0 !important;
}
.elementor-2567 .elementor-element-bd7cde2,
.elementor-2567 .elementor-element-bd7cde2 .eel-social-share,
.elementor-2567 .elementor-element-bd7cde2 .eel-social-buttons {
    flex: 0 0 auto !important;
    width: auto !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 10px !important;
}

/* Visual Belarusian currency mark in the offer-price icon. */
.elementor-widget-motors-single-listing-offer-price .stm-car_dealer-buttons a .fa-dollar-sign::before {
    content: "Br" !important;
    font-family: Inter, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
}

/* Gallery action controls temporarily hidden; corresponding widget settings are also disabled in DB. */
.motors-elementor-single-listing-gallery > .stm-gallery-actions { display: none !important; }

/* Favorite / compare remain installed, but hidden and disabled in Motors settings. */
a[class*="favorite"], button[class*="favorite"],
a[class*="favourite"], button[class*="favourite"],
a[class*="wishlist"], button[class*="wishlist"],
a[class*="compare"], button[class*="compare"],
[data-action*="favorite"], [data-action*="favourite"], [data-action*="wishlist"], [data-action*="compare"],
.listing-car-item [class*="favorite"], .listing-car-item [class*="wishlist"], .listing-car-item [class*="compare"],
.mvl-listing-card [class*="favorite"], .mvl-listing-card [class*="wishlist"], .mvl-listing-card [class*="compare"] {
    display: none !important;
}

/* =========================================================
   RECOMMENDED VEHICLES ON DETAIL PAGE
   ========================================================= */
.motors-elementor-search-results-wrap h4,
.motors-elementor-search-results-wrap .title,
.elementor-2567 .elementor-element-623eb23 h1,
.elementor-2567 .elementor-element-623eb23 h2,
.elementor-2567 .elementor-element-623eb23 h3,
.elementor-2567 .elementor-element-623eb23 h4 {
    color: #171a1d !important;
    -webkit-text-fill-color: #171a1d !important;
}
.motors-elementor-search-results-wrap .mvl-normal-price.has-sale-price,
.motors-elementor-search-results-wrap .normal-price.has-sale-price,
.motors-elementor-search-results-wrap [class*="regular-price"],
.motors-elementor-search-results-wrap [class*="old-price"] {
    text-decoration: line-through !important;
    text-decoration-thickness: 1px !important;
    color: #9da3a8 !important;
    opacity: .85 !important;
}
html body .motors-elementor-search-results-wrap a.mvl_view_listing_link,
html body .motors-elementor-search-results-wrap a.mvl_view_listing_link:link,
html body .motors-elementor-search-results-wrap a.mvl_view_listing_link:visited,
html body .stm-directory-grid-loop .mvl-price-grid-card .mvl-view-listing a.mvl_view_listing_link,
html body .stm-directory-grid-loop .mvl-price-grid-card .mvl-view-listing a.mvl_view_listing_link:link,
html body .stm-directory-grid-loop .mvl-price-grid-card .mvl-view-listing a.mvl_view_listing_link:visited {
    background: #626970 !important;
    border-color: #626970 !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    opacity: 1 !important;
}
html body .motors-elementor-search-results-wrap a.mvl_view_listing_link *,
html body .stm-directory-grid-loop .mvl-price-grid-card .mvl-view-listing a.mvl_view_listing_link * {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    fill: #fff !important;
    stroke: #fff !important;
}
html body .motors-elementor-search-results-wrap a.mvl_view_listing_link:hover,
html body .motors-elementor-search-results-wrap a.mvl_view_listing_link:focus,
html body .motors-elementor-search-results-wrap a.mvl_view_listing_link:active,
html body .stm-directory-grid-loop .mvl-price-grid-card .mvl-view-listing a.mvl_view_listing_link:hover,
html body .stm-directory-grid-loop .mvl-price-grid-card .mvl-view-listing a.mvl_view_listing_link:focus,
html body .stm-directory-grid-loop .mvl-price-grid-card .mvl-view-listing a.mvl_view_listing_link:active {
    background: #00cabf !important;
    border-color: #00cabf !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}
html body .motors-elementor-search-results-wrap a.mvl_view_listing_link:hover *,
html body .motors-elementor-search-results-wrap a.mvl_view_listing_link:focus *,
html body .motors-elementor-search-results-wrap a.mvl_view_listing_link:active *,
html body .stm-directory-grid-loop .mvl-price-grid-card .mvl-view-listing a.mvl_view_listing_link:hover *,
html body .stm-directory-grid-loop .mvl-price-grid-card .mvl-view-listing a.mvl_view_listing_link:focus *,
html body .stm-directory-grid-loop .mvl-price-grid-card .mvl-view-listing a.mvl_view_listing_link:active * {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}

/* =========================================================
   MOTORS POPUPS
   ========================================================= */
body #test-drive .modal-dialog .modal-content .modal-header.modal-header-iconed h3.modal-title,
body #get-car-calculator .modal-dialog .modal-content .modal-header.modal-header-iconed h3.modal-title,
body #test-drive #myModalLabelTestDrive,
body #get-car-calculator #myModalLabelCalc {
    font-size: 32px !important;
    line-height: 1.15 !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
    margin: 0 0 6px !important;
    max-width: 100% !important;
}
body #test-drive .modal-header.modal-header-iconed > i:not(.modal-close),
body #get-car-calculator .modal-header.modal-header-iconed > i:not(.modal-close),
body #test-drive .modal-header.modal-header-iconed > i:not(.modal-close)::before,
body #get-car-calculator .modal-header.modal-header-iconed > i:not(.modal-close)::before {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}
body #test-drive .modal-header.modal-header-iconed > svg:not(.modal-close),
body #get-car-calculator .modal-header.modal-header-iconed > svg:not(.modal-close) {
    fill: #fff !important;
    stroke: #fff !important;
}
/* Duplicate internal calculator heading/icon is unnecessary. */
body #get-car-calculator .stm_auto_loan_calculator > .title { display: none !important; }

@media (max-width: 767px) {
    body #test-drive #myModalLabelTestDrive,
    body #get-car-calculator #myModalLabelCalc { font-size: 26px !important; }
}
@media (max-width: 480px) {
    body #test-drive #myModalLabelTestDrive,
    body #get-car-calculator #myModalLabelCalc { font-size: 22px !important; }
}

/* Footer logo is intentionally smaller than the header logo. */
.elementor-4168 .elementor-element-a4dbdb9 img,
.elementor-4168 .elementor-element-a4dbdb9 svg {
    width: auto !important;
    max-width: 185px !important;
    max-height: 42px !important;
}

/* =========================================================
   CYRILLIC FONT FIX — replace AutoVault/Elementor Outfit
   ========================================================= */
:root,
body,
.elementor-kit-6847 {
    --e-global-typography-secondary-font-family: "Inter", Arial, sans-serif !important;
}

/* Theme helper class that relies on the secondary typography variable. */
.ff-secondary {
    font-family: "Inter", Arial, sans-serif !important;
}

/* =========================================================
   HAVAL v25 — detail header/action alignment + popup title size
   ========================================================= */

/* Both Motors modal headings: compact 22px on every viewport. */
html body #test-drive .modal-dialog .modal-content .modal-header.modal-header-iconed h3.modal-title,
html body #get-car-calculator .modal-dialog .modal-content .modal-header.modal-header-iconed h3.modal-title,
html body #test-drive #myModalLabelTestDrive,
html body #get-car-calculator #myModalLabelCalc {
    font-size: 22px !important;
    line-height: 1.25 !important;
}

/* More breathing room between vehicle title and the action row. */
.elementor-2567 .elementor-element.elementor-element-05ce87b,
.single-listing_template .elementor-element.elementor-element-05ce87b {
    width: 100% !important;
    max-width: none !important;
    margin-top: 28px !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
}

/* Action row follows exactly the same left/right boundaries as the gallery. */
.elementor-2567 .elementor-element-05ce87b > .elementor-widget-container,
.elementor-2567 .elementor-element-05ce87b .single-car-actions,
.single-listing_template .elementor-element-05ce87b > .elementor-widget-container,
.single-listing_template .elementor-element-05ce87b .single-car-actions {
    width: 100% !important;
    max-width: none !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.elementor-2567 .elementor-element-05ce87b .single-car-actions > ul.list-unstyled,
.single-listing_template .elementor-element-05ce87b .single-car-actions > ul.list-unstyled {
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-2567 .elementor-element-05ce87b .single-car-actions > ul.list-unstyled > li,
.single-listing_template .elementor-element-05ce87b .single-car-actions > ul.list-unstyled > li {
    box-sizing: border-box !important;
    float: none !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-2567 .elementor-element-05ce87b .single-car-actions > ul.list-unstyled > li > a,
.elementor-2567 .elementor-element-05ce87b .single-car-actions > ul.list-unstyled > li.added-date-action > .added_date,
.single-listing_template .elementor-element-05ce87b .single-car-actions > ul.list-unstyled > li > a,
.single-listing_template .elementor-element-05ce87b .single-car-actions > ul.list-unstyled > li.added-date-action > .added_date {
    width: 100% !important;
    margin: 0 !important;
}

/* Keep all three items aligned while there is enough horizontal room. */
@media (max-width: 767px) {
    .elementor-2567 .elementor-element-05ce87b .single-car-actions > ul.list-unstyled,
    .single-listing_template .elementor-element-05ce87b .single-car-actions > ul.list-unstyled {
        grid-template-columns: 1fr !important;
    }
}

/* =========================================================
   HAVAL v26 — detail page alignment/readability + footer address
   ========================================================= */

/* The UL has Bootstrap clearfix pseudo-elements. With CSS Grid those pseudo-elements
   became an extra invisible grid item. Use flex and remove clearfix pseudo-elements. */
.elementor-2567 .elementor-element-05ce87b .single-car-actions > ul.list-unstyled,
.single-listing_template .elementor-element-05ce87b .single-car-actions > ul.list-unstyled {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    justify-content: stretch !important;
    gap: 12px !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
.elementor-2567 .elementor-element-05ce87b .single-car-actions > ul.list-unstyled::before,
.elementor-2567 .elementor-element-05ce87b .single-car-actions > ul.list-unstyled::after,
.single-listing_template .elementor-element-05ce87b .single-car-actions > ul.list-unstyled::before,
.single-listing_template .elementor-element-05ce87b .single-car-actions > ul.list-unstyled::after {
    content: none !important;
    display: none !important;
}
.elementor-2567 .elementor-element-05ce87b .single-car-actions > ul.list-unstyled > li,
.single-listing_template .elementor-element-05ce87b .single-car-actions > ul.list-unstyled > li {
    float: none !important;
    flex: 1 1 0 !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
.elementor-2567 .elementor-element-05ce87b .single-car-actions > ul.list-unstyled > li > a,
.elementor-2567 .elementor-element-05ce87b .single-car-actions > ul.list-unstyled > li > span,
.single-listing_template .elementor-element-05ce87b .single-car-actions > ul.list-unstyled > li > a,
.single-listing_template .elementor-element-05ce87b .single-car-actions > ul.list-unstyled > li > span {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
}

/* Keep the extra breathing room below the model title without shifting the row horizontally. */
.elementor-2567 .elementor-element.elementor-element-05ce87b,
.single-listing_template .elementor-element.elementor-element-05ce87b {
    margin: 30px 0 0 !important;
    padding: 0 !important;
}

/* On phones the three actions stack; on tablet/desktop they remain one row. */
@media (max-width: 640px) {
    .elementor-2567 .elementor-element-05ce87b .single-car-actions > ul.list-unstyled,
    .single-listing_template .elementor-element-05ce87b .single-car-actions > ul.list-unstyled {
        flex-direction: column !important;
    }
}

/* Private-seller/contact card is temporarily hidden, but not removed. */
.elementor-2567 .elementor-element.elementor-element-cc77e08,
.single-listing_template .elementor-element.elementor-element-cc77e08 {
    display: none !important;
}

/* Readable text on the dark detail page. Elementor settings are also updated in SQL. */
.elementor-2567 .elementor-element-670deed .stm-single-car-listing-data .item-label,
.elementor-2567 .elementor-element-670deed .stm-single-car-listing-data .heading-font,
.elementor-2567 .elementor-element-670deed .stm-single-car-listing-data .heading-font *,
.single-listing_template .elementor-element-670deed .stm-single-car-listing-data .item-label,
.single-listing_template .elementor-element-670deed .stm-single-car-listing-data .heading-font,
.single-listing_template .elementor-element-670deed .stm-single-car-listing-data .heading-font * {
    color: #f2f2f2 !important;
    -webkit-text-fill-color: #f2f2f2 !important;
    opacity: 1 !important;
}
.elementor-2567 .elementor-element-593e2a0 .mvl-listing-description,
.elementor-2567 .elementor-element-593e2a0 .mvl-listing-description p,
.elementor-2567 .elementor-element-593e2a0 .mvl-listing-description span,
.single-listing_template .elementor-element-593e2a0 .mvl-listing-description,
.single-listing_template .elementor-element-593e2a0 .mvl-listing-description p,
.single-listing_template .elementor-element-593e2a0 .mvl-listing-description span {
    color: #f2f2f2 !important;
    -webkit-text-fill-color: #f2f2f2 !important;
    opacity: 1 !important;
}
.elementor-2567 .elementor-element-a7d1146 .stm-single-listing-car-features ul li span,
.elementor-2567 .elementor-element-a7d1146 .stm-single-listing-car-features .heading-font,
.single-listing_template .elementor-element-a7d1146 .stm-single-listing-car-features ul li span,
.single-listing_template .elementor-element-a7d1146 .stm-single-listing-car-features .heading-font {
    color: #f2f2f2 !important;
    -webkit-text-fill-color: #f2f2f2 !important;
    opacity: 1 !important;
}
/* Preserve the orange/red feature and data icons. */
.elementor-2567 .elementor-element-670deed .stm-single-car-listing-data .item-label > i,
.elementor-2567 .elementor-element-a7d1146 .stm-single-listing-car-features ul li i {
    color: var(--haval-red, #00cabf) !important;
    -webkit-text-fill-color: var(--haval-red, #00cabf) !important;
}

/* Footer address: ensure the location pin is visible; the textual "Адрес" label is removed in DB. */
.elementor-4168 .elementor-element-hvladdr1 .eel-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    opacity: 1 !important;
}
.elementor-4168 .elementor-element-hvladdr1 .eel-icon i,
.elementor-4168 .elementor-element-hvladdr1 .eel-icon svg {
    color: #ffffff !important;
    fill: #ffffff !important;
}

/* =========================================================
   HAVAL v28 — footer address: compact pin, no separate label
   ========================================================= */
/* Easy Elements contact widget. Target the address contact box itself rather than
   relying on Elementor-generated widget CSS or on one specific Elementor widget ID. */
.ee--contact-box:has(.fa-map-marker-alt) .contact-box-title,
.ee--contact-box:has(.rt-location-dot) .contact-box-title {
    display: none !important;
}

.ee--contact-box.left:has(.fa-map-marker-alt),
.ee--contact-box.left:has(.rt-location-dot) {
    align-items: center !important;
    gap: 10px !important;
}

.ee--contact-box:has(.fa-map-marker-alt) .eel-icon,
.ee--contact-box:has(.rt-location-dot) .eel-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 16px !important;
    min-width: 16px !important;
    width: 16px !important;
    height: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-size: 16px !important;
    line-height: 1 !important;
}

.ee--contact-box:has(.fa-map-marker-alt) .eel-icon i,
.ee--contact-box:has(.rt-location-dot) .eel-icon i,
.ee--contact-box:has(.fa-map-marker-alt) .eel-icon svg,
.ee--contact-box:has(.rt-location-dot) .eel-icon svg {
    width: 16px !important;
    height: 16px !important;
    font-size: 16px !important;
    color: #ffffff !important;
    fill: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* =========================================================
   v34 — Recommended block heading on single vehicle page
   ========================================================= */
.elementor-2567 .elementor-element-623eb23 h1,
.elementor-2567 .elementor-element-623eb23 h2,
.elementor-2567 .elementor-element-623eb23 h3,
.elementor-2567 .elementor-element-623eb23 h4,
.elementor-2567 .elementor-element-623eb23 h1 a,
.elementor-2567 .elementor-element-623eb23 h2 a,
.elementor-2567 .elementor-element-623eb23 h3 a,
.elementor-2567 .elementor-element-623eb23 h4 a {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}

/* =========================================================
   v35 — hide manufacturer / city-highway MPG sidebar block
   on the single vehicle page. The Elementor container f78b7fc
   contains both the manufacturer logo and MPG widget.
   ========================================================= */
.elementor-2567 .elementor-element.elementor-element-f78b7fc,
.single-listing_template .elementor-element.elementor-element-f78b7fc {
    display: none !important;
}

/* =========================================================
   v36 — HAVAL JOLION brand-first homepage hero
   ========================================================= */
.elementor-3901 .haval-home-hero {
    position: relative;
    overflow: hidden;
    min-height: 700px !important;
    background:
        radial-gradient(circle at 76% 47%, rgba(98, 105, 112, .42) 0%, rgba(40, 44, 47, .32) 28%, rgba(18, 19, 20, 0) 52%),
        #121314 !important;
}

.elementor-3901 .haval-home-hero::after {
    content: "";
    position: absolute;
    inset: auto -12% -42% 38%;
    height: 62%;
    background: radial-gradient(ellipse at center, rgba(0, 202, 191, .13), rgba(0, 202, 191, 0) 68%);
    pointer-events: none;
}

.elementor-3901 .haval-home-hero-copy,
.elementor-3901 .haval-home-hero-visual {
    position: relative;
    z-index: 2;
}

.elementor-3901 .haval-hero-eyebrow .elementor-heading-title {
    margin: 0;
    color: #00cabf !important;
    font-family: Inter, Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.elementor-3901 .haval-hero-title .eel-heading-title,
.elementor-3901 .haval-hero-title .elementor-heading-title,
.elementor-3901 .haval-hero-title h1 {
    margin: 0 !important;
    color: #fff !important;
    font-family: Inter, Arial, sans-serif !important;
    font-size: clamp(54px, 5vw, 82px) !important;
    font-weight: 650 !important;
    line-height: .98 !important;
    letter-spacing: -.045em !important;
    text-decoration: none !important;
}

.elementor-3901 .haval-hero-tagline .elementor-heading-title {
    margin: 0;
    max-width: 560px;
    color: #d8dcde !important;
    font-family: Inter, Arial, sans-serif !important;
    font-size: 24px !important;
    font-weight: 400 !important;
    line-height: 1.35 !important;
}

.elementor-3901 .haval-hero-price {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-end !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    width: auto !important;
    margin-top: 10px;
}

.elementor-3901 .haval-hero-price > .elementor-element {
    position: static !important;
    inset: auto !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
}

.elementor-3901 .haval-hero-price .elementor-element-93f71ee .elementor-heading-title,
.elementor-3901 .haval-hero-price .elementor-element-ba1cd26 .elementor-heading-title {
    color: #d8dcde !important;
    font-family: Inter, Arial, sans-serif !important;
    font-size: 22px !important;
    font-weight: 500 !important;
    line-height: 1.1 !important;
    padding-bottom: 7px;
}

.elementor-3901 .haval-hero-price .elementor-element-87f197d .elementor-heading-title {
    color: #fff !important;
    font-family: Inter, Arial, sans-serif !important;
    font-size: clamp(48px, 4.5vw, 64px) !important;
    font-weight: 650 !important;
    line-height: .95 !important;
    letter-spacing: -.035em;
}

.elementor-3901 .haval-hero-actions {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 12px !important;
    margin-top: 14px;
}

.elementor-3901 .haval-hero-btn {
    width: auto !important;
    max-width: none !important;
}

.elementor-3901 .haval-hero-btn .rt-button {
    min-height: 50px;
    padding: 13px 22px !important;
    border: 1px solid rgba(255,255,255,.42) !important;
    border-radius: 4px !important;
    font-family: Inter, Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    white-space: nowrap;
    transition: background-color .2s ease, border-color .2s ease, color .2s ease !important;
}

.elementor-3901 .haval-hero-btn-primary .rt-button,
.elementor-3901 .haval-hero-btn-primary .rt-button::after {
    background: #00cabf !important;
    border-color: #00cabf !important;
    color: #121314 !important;
}
.elementor-3901 .haval-hero-btn-primary .rt-button:hover,
.elementor-3901 .haval-hero-btn-primary .rt-button:hover::after {
    background: #fff !important;
    border-color: #fff !important;
    color: #121314 !important;
}

.elementor-3901 .haval-hero-btn-secondary .rt-button,
.elementor-3901 .haval-hero-btn-secondary .rt-button::after {
    background: rgba(18, 19, 20, .34) !important;
    border-color: rgba(255,255,255,.48) !important;
    color: #fff !important;
}
.elementor-3901 .haval-hero-btn-secondary .rt-button:hover,
.elementor-3901 .haval-hero-btn-secondary .rt-button:hover::after {
    background: #00cabf !important;
    border-color: #00cabf !important;
    color: #121314 !important;
}

.elementor-3901 .haval-home-hero-visual {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    overflow: visible !important;
}

.elementor-3901 .haval-home-hero-car {
    width: 118% !important;
    max-width: none !important;
    margin-right: -14% !important;
}
.elementor-3901 .haval-home-hero-car img {
    display: block;
    width: 100% !important;
    max-width: 960px !important;
    height: auto !important;
    object-fit: contain;
    filter: drop-shadow(0 32px 35px rgba(0,0,0,.42));
}

@media (max-width: 1300px) {
    .elementor-3901 .haval-home-hero {
        min-height: 620px !important;
    }
    .elementor-3901 .haval-hero-actions {
        gap: 9px !important;
    }
    .elementor-3901 .haval-hero-btn .rt-button {
        padding: 12px 16px !important;
        font-size: 14px !important;
    }
}

@media (max-width: 1024px) {
    .elementor-3901 .haval-home-hero {
        min-height: auto !important;
        padding-top: 70px !important;
        padding-bottom: 40px !important;
    }
    .elementor-3901 .haval-home-hero-copy,
    .elementor-3901 .haval-home-hero-visual {
        width: 100% !important;
    }
    .elementor-3901 .haval-home-hero-car {
        width: min(850px, 105%) !important;
        margin: 10px auto -2% !important;
    }
}

@media (max-width: 767px) {
    .elementor-3901 .haval-hero-eyebrow .elementor-heading-title {
        font-size: 12px !important;
    }
    .elementor-3901 .haval-hero-title .eel-heading-title,
    .elementor-3901 .haval-hero-title .elementor-heading-title,
    .elementor-3901 .haval-hero-title h1 {
        font-size: 46px !important;
    }
    .elementor-3901 .haval-hero-tagline .elementor-heading-title {
        font-size: 19px !important;
    }
    .elementor-3901 .haval-hero-price .elementor-element-87f197d .elementor-heading-title {
        font-size: 46px !important;
    }
    .elementor-3901 .haval-hero-price .elementor-element-93f71ee .elementor-heading-title,
    .elementor-3901 .haval-hero-price .elementor-element-ba1cd26 .elementor-heading-title {
        font-size: 18px !important;
        padding-bottom: 5px;
    }
    .elementor-3901 .haval-hero-actions {
        align-items: stretch !important;
    }
    .elementor-3901 .haval-hero-btn {
        width: 100% !important;
    }
    .elementor-3901 .haval-hero-btn .rt-button {
        width: 100% !important;
        justify-content: center !important;
    }
}

/* =========================================================
   v37 — homepage hero refinements
   - desktop split 50/50
   - larger, tighter car image
   ========================================================= */
.elementor-3901 .haval-home-hero-copy,
.elementor-3901 .haval-home-hero-visual {
    flex: 0 0 50% !important;
    width: 50% !important;
    max-width: 50% !important;
}

.elementor-3901 .haval-home-hero-visual {
    justify-content: center !important;
}

.elementor-3901 .haval-home-hero-car {
    width: 132% !important;
    max-width: none !important;
    margin-right: -12% !important;
    margin-left: -4% !important;
}

.elementor-3901 .haval-home-hero-car img {
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    object-fit: contain;
}

@media (max-width: 1024px) {
    .elementor-3901 .haval-home-hero-copy,
    .elementor-3901 .haval-home-hero-visual {
        flex: 0 0 100% !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .elementor-3901 .haval-home-hero-car {
        width: min(980px, 116%) !important;
        margin: 10px auto -2% !important;
    }
}

/* =========================================================
   v38 — HAVAL JOLION Hero interactions
   ========================================================= */
/* "В наличии" is a status label, not a link/button. */
.elementor-3901 .haval-hero-status .haval-availability-label,
.elementor-3901 .haval-hero-status .haval-availability-label:hover,
.elementor-3901 .haval-hero-status .haval-availability-label:focus,
.elementor-3901 .haval-hero-status .haval-availability-label:active {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 50px !important;
    padding: 13px 22px !important;
    border: 1px solid rgba(255,255,255,.48) !important;
    border-radius: 4px !important;
    background: rgba(18,19,20,.34) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    font-family: Inter, Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    cursor: default !important;
    pointer-events: none !important;
    transition: none !important;
}

/* Test-drive anchor is stored as editable Elementor HTML and keeps the Hero button styling. */
.elementor-3901 .haval-hero-testdrive .rt-button {
    text-decoration: none !important;
}

/* =========================================================
   v39 — HAVAL model range on the Home page
   ========================================================= */
.elementor-3901 .haval-model-range-section {
    position: relative;
}

.elementor-3901 .haval-model-range-heading .eel-sub-title,
.elementor-3901 .haval-model-range-heading .sub-title,
.elementor-3901 .haval-model-range-heading .sub_heading {
    color: #00cabf !important;
}

.elementor-3901 .haval-model-range-heading .highlight,
.elementor-3901 .haval-model-range-heading .highlight-text,
.elementor-3901 .haval-model-range-heading span {
    text-decoration: none !important;
}

.elementor-3901 .haval-model-card {
    overflow: hidden !important;
    background: #252525 !important;
    border: 1px solid rgba(255,255,255,.07) !important;
    border-radius: 12px !important;
    box-shadow: 0 14px 40px rgba(0,0,0,.16);
    transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}

.elementor-3901 .haval-model-card:hover {
    transform: translateY(-4px);
    border-color: rgba(0,202,191,.38) !important;
    box-shadow: 0 18px 46px rgba(0,0,0,.28);
}

.elementor-3901 .haval-model-card-image {
    width: 100% !important;
    margin: 0 !important;
    background: #1e1f20;
}

.elementor-3901 .haval-model-card-image img {
    display: block !important;
    width: 100% !important;
    height: 235px !important;
    object-fit: cover !important;
    object-position: center center !important;
}

.elementor-3901 .haval-model-card-title .elementor-heading-title {
    margin: 0 !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    font-family: Inter, Arial, sans-serif !important;
    font-size: 23px !important;
    line-height: 1.18 !important;
    font-weight: 650 !important;
}

.elementor-3901 .haval-model-card-price .elementor-heading-title {
    margin: 0 !important;
    color: #00cabf !important;
    -webkit-text-fill-color: #00cabf !important;
    font-family: Inter, Arial, sans-serif !important;
    font-size: 19px !important;
    line-height: 1.25 !important;
    font-weight: 600 !important;
}

.elementor-3901 .haval-model-card-actions {
    display: flex !important;
    align-items: stretch !important;
    gap: 10px !important;
}

.elementor-3901 .haval-model-card-btn {
    flex: 1 1 calc(50% - 5px) !important;
    min-width: 0 !important;
}

.elementor-3901 .haval-model-card-btn .rt-button {
    width: 100% !important;
    min-height: 44px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 10px 12px !important;
    border-radius: 4px !important;
    border: 1px solid rgba(255,255,255,.28) !important;
    font-family: Inter, Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.15 !important;
    text-align: center !important;
    white-space: normal !important;
    text-decoration: none !important;
}

.elementor-3901 .haval-model-card-btn-primary .rt-button,
.elementor-3901 .haval-model-card-btn-primary .rt-button::after {
    background: #00cabf !important;
    border-color: #00cabf !important;
    color: #121314 !important;
    -webkit-text-fill-color: #121314 !important;
}

.elementor-3901 .haval-model-card-btn-primary .rt-button:hover,
.elementor-3901 .haval-model-card-btn-primary .rt-button:hover::after {
    background: #fff !important;
    border-color: #fff !important;
    color: #121314 !important;
    -webkit-text-fill-color: #121314 !important;
}

.elementor-3901 .haval-model-card-btn-stock .rt-button,
.elementor-3901 .haval-model-card-btn-stock .rt-button::after {
    background: transparent !important;
    border-color: rgba(255,255,255,.34) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}

.elementor-3901 .haval-model-card-btn-stock .rt-button:hover,
.elementor-3901 .haval-model-card-btn-stock .rt-button:hover::after {
    background: #fff !important;
    border-color: #fff !important;
    color: #121314 !important;
    -webkit-text-fill-color: #121314 !important;
}

.elementor-3901 .haval-model-range-all .rt-button {
    min-width: 170px !important;
}

@media (max-width: 1100px) {
    .elementor-3901 .haval-model-card-image img {
        height: 225px !important;
    }
}

@media (max-width: 767px) {
    .elementor-3901 .haval-model-card-image img {
        height: auto !important;
        aspect-ratio: 1000 / 560;
    }
    .elementor-3901 .haval-model-card-title .elementor-heading-title {
        font-size: 21px !important;
    }
    .elementor-3901 .haval-model-card-actions {
        flex-direction: column !important;
    }
    .elementor-3901 .haval-model-card-btn {
        width: 100% !important;
        flex-basis: 100% !important;
    }
}

/* =========================================================
   v41 — Model range heading / Motors grid spacing
   Prevent the native RT Listing Grid from overlapping the
   "Модельный ряд HAVAL" heading on the homepage.
   ========================================================= */
.elementor-3901 .elementor-element.elementor-element-5db8321 > .e-con-inner,
.elementor-3901 .elementor-element.elementor-element-5db8321 {
    position: relative;
}

.elementor-3901 .elementor-element.elementor-element-ad1722b {
    position: relative !important;
    z-index: 2 !important;
    margin-bottom: 58px !important;
}

.elementor-3901 .elementor-element.elementor-element-6a28a43 {
    position: relative !important;
    z-index: 1 !important;
    margin-top: 0 !important;
    clear: both !important;
}

@media (max-width: 767px) {
    .elementor-3901 .elementor-element.elementor-element-ad1722b {
        margin-bottom: 36px !important;
    }
}

/* =========================================================
   v42 — FIX model range grid overlap
   Elementor's old generated CSS for widget 6a28a43 contains:
   > .elementor-widget-container { margin-top: -40px; }
   The previous v41 rule targeted the outer widget, not this wrapper.
   ========================================================= */
.elementor-3901 .elementor-element.elementor-element-6a28a43 > .elementor-widget-container {
    margin: 0 !important;
    margin-top: 0 !important;
}

/* Use the parent container's native 46px flex gap. */
.elementor-3901 .elementor-element.elementor-element-5db8321 {
    row-gap: 46px !important;
    --gap: 46px 0px !important;
    --row-gap: 46px !important;
}

/* v41 added a second artificial margin; no longer needed. */
.elementor-3901 .elementor-element.elementor-element-ad1722b {
    margin-bottom: 0 !important;
}

@media (max-width: 767px) {
    .elementor-3901 .elementor-element.elementor-element-5db8321 {
        row-gap: 32px !important;
        --gap: 32px 0px !important;
        --row-gap: 32px !important;
    }
}


/* =========================================================
   v43 — HAVAL model range / stock / JOLION product page
   ========================================================= */
.haval-model-range-section,.haval-stock-section,.jolion-model-section{padding:100px max(18px,calc((100vw - 1320px)/2));background:#121314;color:#fff;}
.haval-model-simple-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-top:38px;}
.haval-model-simple-card{background:#252525;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.08);max-width:420px;}
.haval-model-simple-image img{width:100%;aspect-ratio:16/9;object-fit:contain;background:#1f2022;padding:14px;}
.haval-model-simple-body{padding:24px!important;gap:10px!important;}
.haval-model-simple-title .elementor-heading-title{font-size:25px!important;color:#fff!important;}
.haval-model-simple-price .elementor-heading-title{font-size:19px!important;color:#00cabf!important;}
.haval-model-simple-status p{margin:0;color:#d8d8d8;font-size:14px;}.haval-model-status-dot,.haval-stock-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#00cabf;margin-right:8px;}
.haval-model-simple-btn .elementor-button,.haval-stock-btn .elementor-button,.haval-stock-all .elementor-button,.jolion-btn .elementor-button{background:#00cabf!important;color:#121314!important;border-radius:4px!important;font-weight:700!important;border:1px solid #00cabf!important;padding:14px 22px!important;}
.haval-model-simple-btn .elementor-button:hover,.haval-stock-btn .elementor-button:hover,.haval-stock-all .elementor-button:hover,.jolion-btn-primary .elementor-button:hover{background:#fff!important;border-color:#fff!important;color:#121314!important;}
.haval-stock-section{background:#0d0e0f;}.haval-stock-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px!important;margin-top:38px;margin-bottom:34px;}
.haval-stock-card{background:#252525;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.08);}
.haval-stock-image img{width:100%;aspect-ratio:16/9;object-fit:contain;background:#171819;padding:10px;}
.haval-stock-body{padding:22px!important;gap:10px!important;}.haval-stock-status p{margin:0;color:#00cabf;font-size:13px;font-weight:600;}
.haval-stock-title .elementor-heading-title{color:#fff!important;font-size:21px!important;}.haval-stock-specs p{color:#c4c4c4;font-size:14px;line-height:1.55;margin:0;}.haval-stock-price .elementor-heading-title{color:#fff!important;font-size:23px!important;}
.haval-stock-all{align-self:center;}.haval-stock-all .elementor-button{background:transparent!important;color:#fff!important;border-color:#626970!important;}.haval-stock-all .elementor-button:hover{background:#00cabf!important;color:#121314!important;border-color:#00cabf!important;}

/* JOLION product page */
.page-id-9100 .site-content,.page-id-9100 .content-area,.page-id-9100 main{background:#121314;}
.jolion-model-hero{min-height:670px;padding:90px max(18px,calc((100vw - 1320px)/2));background:radial-gradient(circle at 78% 45%,rgba(0,202,191,.12),transparent 33%),#121314;color:#fff;gap:40px!important;}
.jolion-hero-copy{gap:20px!important;}.jolion-eyebrow .elementor-heading-title{color:#00cabf!important;font-size:16px!important;text-transform:uppercase;letter-spacing:.08em;}.jolion-hero-title .elementor-heading-title{color:#fff!important;font-size:58px!important;line-height:1.05!important;}.jolion-hero-text p,.jolion-section-copy p{color:#c8c9ca;font-size:18px;line-height:1.65;}.jolion-hero-price .elementor-heading-title{color:#00cabf!important;font-size:32px!important;}
.jolion-hero-actions{gap:12px!important;}.jolion-btn-secondary .elementor-button{background:transparent!important;color:#fff!important;border-color:#626970!important;}.jolion-btn-secondary .elementor-button:hover{background:#00cabf!important;color:#121314!important;border-color:#00cabf!important;}
.jolion-hero-visual img{width:100%;max-height:520px;object-fit:contain;filter:drop-shadow(0 35px 35px rgba(0,0,0,.45));}
.jolion-specs{display:grid!important;grid-template-columns:repeat(5,1fr);gap:1px!important;background:#303234;padding:1px!important;}.jolion-spec-card{background:#1d1e20;padding:28px!important;gap:5px!important;}.jolion-spec-value .elementor-heading-title{font-size:23px!important;color:#fff!important;}.jolion-spec-label p{margin:0;color:#aeb0b2;font-size:13px;}
.jolion-model-section{padding-top:95px;padding-bottom:95px;}.jolion-section-dark{background:#0d0e0f;}.jolion-model-section-split{display:grid!important;grid-template-columns:1.1fr .9fr;gap:55px!important;}.jolion-half{width:auto!important;max-width:none!important;}.jolion-section-title .elementor-heading-title{font-size:42px!important;color:#fff!important;margin-bottom:18px;}.jolion-section-copy ul{color:#fff;margin:22px 0 0;padding-left:20px;line-height:1.9;}.jolion-section-image img{width:100%;border-radius:12px;background:#222;padding:8px;}
.jolion-feature-grid{display:grid!important;grid-template-columns:repeat(4,1fr);gap:18px!important;margin-top:35px;}.jolion-feature-card{background:#252525;padding:25px!important;border-radius:10px;border:1px solid rgba(255,255,255,.07);gap:9px!important;}.jolion-feature-card-accent{border-top:3px solid #00cabf;}.jolion-feature-title .elementor-heading-title{font-size:19px!important;color:#fff!important;}.jolion-feature-text p{margin:0;color:#bfc0c2;line-height:1.6;font-size:14px;}
.jolion-safety-list{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:25px;}.jolion-safety-item{padding:18px 20px;background:#252525;border-radius:8px;color:#fff;border-left:3px solid #00cabf;}.jolion-note,.jolion-note p{color:#8f9193!important;font-size:12px!important;margin-top:18px;}
.jolion-trims-table{margin:30px 0;}.jolion-trim{display:grid;grid-template-columns:1.2fr 1.25fr .7fr .65fr 1fr;gap:14px;padding:18px 20px;border-bottom:1px solid #333;color:#eee;align-items:center;}.jolion-trim-head{background:#252525;color:#00cabf;font-size:13px;text-transform:uppercase;font-weight:700;border-radius:8px 8px 0 0;}.jolion-trim strong:last-child{color:#00cabf;}
.jolion-test-drive{background:#202224;display:grid!important;grid-template-columns:.85fr 1.15fr;gap:55px!important;}.jolion-test-form{background:#121314;padding:28px;border-radius:10px;}
@media(max-width:1024px){.haval-model-simple-grid,.haval-stock-grid{grid-template-columns:repeat(2,1fr);}.jolion-model-hero,.jolion-model-section-split,.jolion-test-drive{display:flex!important;flex-direction:column!important;}.jolion-hero-copy,.jolion-hero-visual{width:100%!important;max-width:100%!important;}.jolion-specs{grid-template-columns:repeat(3,1fr);}.jolion-feature-grid{grid-template-columns:repeat(2,1fr);}.jolion-safety-list{grid-template-columns:repeat(2,1fr);}}
@media(max-width:767px){.haval-model-range-section,.haval-stock-section,.jolion-model-section{padding:60px 16px;}.haval-model-simple-grid,.haval-stock-grid,.jolion-feature-grid,.jolion-safety-list{grid-template-columns:1fr!important;}.jolion-model-hero{padding:60px 16px;min-height:auto;}.jolion-hero-title .elementor-heading-title{font-size:40px!important;}.jolion-specs{grid-template-columns:1fr 1fr;}.jolion-section-title .elementor-heading-title{font-size:34px!important;}.jolion-trim{grid-template-columns:1fr 1fr;padding:16px 12px;}.jolion-trim-head{display:none;}}

/* =========================================================
   v44 — Homepage model range + stock offers layout repair
   Elementor data was changed directly, so layout properties of
   newly created containers are not guaranteed to exist in the
   generated post-3901.css. Keep these two sections self-contained.
   ========================================================= */

/* Full-width section shells with a safe viewport gutter. */
.elementor-3901 .haval-model-range-section,
.elementor-3901 .haval-stock-section {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 92px 24px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 0 !important;
}

.elementor-3901 .haval-model-range-section {
    background: #121314 !important;
}

.elementor-3901 .haval-stock-section {
    background: #0d0e0f !important;
    border-top: 1px solid rgba(255,255,255,.055) !important;
}

/* Every direct section item lives in the same centered content column. */
.elementor-3901 .haval-model-range-section > *,
.elementor-3901 .haval-stock-section > * {
    box-sizing: border-box !important;
    width: min(100%, 1280px) !important;
    max-width: 1280px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Headings: separated cleanly from cards. */
.elementor-3901 .haval-model-range-heading,
.elementor-3901 .haval-stock-heading {
    margin: 0 0 34px !important;
    position: relative !important;
    z-index: 2 !important;
}

.elementor-3901 .haval-model-range-heading .eel-heading-title,
.elementor-3901 .haval-stock-heading .eel-heading-title,
.elementor-3901 .haval-model-range-heading h2,
.elementor-3901 .haval-stock-heading h2 {
    margin-bottom: 0 !important;
}

/* ---------------------------------------------------------
   Model range: this is a model card, not a stock vehicle.
   Three-column-ready layout; with one model it occupies one card.
   --------------------------------------------------------- */
.elementor-3901 .haval-model-simple-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    gap: 26px !important;
    margin: 0 auto !important;
}

.elementor-3901 .haval-model-simple-grid > .e-con,
.elementor-3901 .haval-model-simple-card {
    box-sizing: border-box !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
}

.elementor-3901 .haval-model-simple-card {
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    padding: 0 !important;
    background: #242627 !important;
    border: 1px solid rgba(255,255,255,.09) !important;
    border-radius: 12px !important;
    box-shadow: 0 14px 34px rgba(0,0,0,.22) !important;
}

.elementor-3901 .haval-model-simple-image,
.elementor-3901 .haval-model-simple-image > .elementor-widget-container {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3901 .haval-model-simple-image img {
    display: block !important;
    width: 100% !important;
    height: 235px !important;
    padding: 10px !important;
    box-sizing: border-box !important;
    object-fit: contain !important;
    object-position: center !important;
    background: #1b1d1e !important;
}

.elementor-3901 .haval-model-simple-body {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 12px !important;
    padding: 22px 24px 24px !important;
}

.elementor-3901 .haval-model-simple-title,
.elementor-3901 .haval-model-simple-price,
.elementor-3901 .haval-model-simple-status,
.elementor-3901 .haval-model-simple-btn {
    width: 100% !important;
    margin: 0 !important;
}

.elementor-3901 .haval-model-simple-status {
    margin-bottom: 6px !important;
}

.elementor-3901 .haval-model-simple-btn {
    margin-top: auto !important;
}

.elementor-3901 .haval-model-simple-btn .elementor-button {
    width: 100% !important;
    min-height: 46px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* ---------------------------------------------------------
   Stock offers: exactly three real offers in one desktop row.
   --------------------------------------------------------- */
.elementor-3901 .haval-stock-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    gap: 24px !important;
    margin: 0 auto 34px !important;
}

.elementor-3901 .haval-stock-grid > .e-con,
.elementor-3901 .haval-stock-card {
    box-sizing: border-box !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
}

.elementor-3901 .haval-stock-card {
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    padding: 0 !important;
    background: #242627 !important;
    border: 1px solid rgba(255,255,255,.09) !important;
    border-radius: 12px !important;
    box-shadow: 0 14px 34px rgba(0,0,0,.22) !important;
}

.elementor-3901 .haval-stock-image,
.elementor-3901 .haval-stock-image > .elementor-widget-container {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-3901 .haval-stock-image img {
    display: block !important;
    width: 100% !important;
    height: 220px !important;
    box-sizing: border-box !important;
    padding: 10px !important;
    object-fit: contain !important;
    object-position: center !important;
    background: #181a1b !important;
}

.elementor-3901 .haval-stock-body {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 10px !important;
    padding: 21px 22px 23px !important;
}

.elementor-3901 .haval-stock-status,
.elementor-3901 .haval-stock-title,
.elementor-3901 .haval-stock-specs,
.elementor-3901 .haval-stock-price,
.elementor-3901 .haval-stock-btn {
    width: 100% !important;
    margin: 0 !important;
}

.elementor-3901 .haval-stock-price {
    margin-top: 5px !important;
}

.elementor-3901 .haval-stock-btn {
    margin-top: auto !important;
    padding-top: 8px !important;
}

.elementor-3901 .haval-stock-btn .elementor-button {
    width: 100% !important;
    min-height: 46px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.elementor-3901 .haval-stock-all {
    width: auto !important;
    max-width: none !important;
    align-self: center !important;
    margin: 2px auto 0 !important;
}

.elementor-3901 .haval-stock-all .elementor-button {
    min-height: 48px !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
}

@media (max-width: 1050px) {
    .elementor-3901 .haval-model-simple-grid,
    .elementor-3901 .haval-stock-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 767px) {
    .elementor-3901 .haval-model-range-section,
    .elementor-3901 .haval-stock-section {
        padding: 62px 16px !important;
    }

    .elementor-3901 .haval-model-range-heading,
    .elementor-3901 .haval-stock-heading {
        margin-bottom: 26px !important;
    }

    .elementor-3901 .haval-model-simple-grid,
    .elementor-3901 .haval-stock-grid {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }

    .elementor-3901 .haval-model-simple-image img,
    .elementor-3901 .haval-stock-image img {
        height: auto !important;
        aspect-ratio: 16 / 9 !important;
    }
}

/* =========================================================
   v45 — native-looking model range + native Motors stock grid
   ========================================================= */
.elementor-3901 .haval-model-range-section-native,
.elementor-3901 .haval-stock-section-native {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    padding: 100px 24px !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 38px !important;
}

.elementor-3901 .haval-model-range-section-native {
    background: #121314 !important;
}
.elementor-3901 .haval-stock-section-native {
    background: #0d0e0f !important;
    border-top: 1px solid rgba(255,255,255,.06) !important;
}

.elementor-3901 .haval-model-range-section-native > .elementor-element,
.elementor-3901 .haval-stock-section-native > .elementor-element {
    width: 100% !important;
    max-width: 1280px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.elementor-3901 .haval-model-range-heading-native,
.elementor-3901 .haval-stock-heading-native {
    margin: 0 !important;
    position: relative !important;
    z-index: 2 !important;
}

/* Model range uses the exact AutoVault listing-card DOM/classes, but links to the product page. */
.elementor-3901 .haval-model-range-native .rt-listing-grid-items {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 30px !important;
    align-items: stretch !important;
}
.elementor-3901 .haval-model-range-native .rt-listing-item {
    height: 100% !important;
}
.elementor-3901 .haval-model-range-native .rt-listing-image {
    background: #1a1c1d !important;
}
.elementor-3901 .haval-model-range-native .rt-listing-image > a {
    display: block !important;
}
.elementor-3901 .haval-model-range-native .rt-listing-image img {
    display: block !important;
    width: 100% !important;
    height: 245px !important;
    padding: 12px !important;
    box-sizing: border-box !important;
    object-fit: contain !important;
    object-position: center !important;
}
.elementor-3901 .haval-model-range-native .rt-listing-badge {
    position: absolute !important;
    top: 16px !important;
    left: 16px !important;
    z-index: 3 !important;
}
.elementor-3901 .haval-model-range-native .rt-listing-badge .special-label {
    display: inline-flex !important;
    align-items: center !important;
    padding: 7px 11px !important;
    border-radius: 5px !important;
    background: #00cabf !important;
    color: #121314 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
}
.elementor-3901 .haval-model-range-native .rt-content-area {
    display: flex !important;
    flex-direction: column !important;
}
.elementor-3901 .haval-model-range-native .rt-listing-title {
    margin-bottom: 24px !important;
}
.elementor-3901 .haval-model-range-native .rt-listing-button-area {
    margin-top: auto !important;
}
.elementor-3901 .haval-model-range-native .rt-listing-price .price,
.elementor-3901 .haval-model-range-native .rt-listing-price .sale-price {
    color: #00cabf !important;
}
.elementor-3901 .haval-model-range-native .rt-button {
    color: #fff !important;
    border-color: #626970 !important;
}
.elementor-3901 .haval-model-range-native .rt-button:hover {
    background: #00cabf !important;
    border-color: #00cabf !important;
    color: #121314 !important;
}

/* Stock section is a real RT Listing Grid, so it inherits the original AutoVault card layout. */
.elementor-3901 .haval-stock-native-grid .rt-listing-grid-items {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 30px !important;
    align-items: stretch !important;
}
.elementor-3901 .haval-stock-native-grid .rt-listing-item {
    height: 100% !important;
}
.elementor-3901 .haval-stock-native-grid .rt-listing-image img {
    display: block !important;
    width: 100% !important;
    height: 245px !important;
    object-fit: contain !important;
    object-position: center !important;
    background: #1a1c1d !important;
    padding: 12px !important;
    box-sizing: border-box !important;
}
.elementor-3901 .haval-stock-native-grid .rt-content-area {
    display: flex !important;
    flex-direction: column !important;
}
.elementor-3901 .haval-stock-native-grid .rt-listing-button-area {
    margin-top: auto !important;
}
.elementor-3901 .haval-stock-all-native {
    width: auto !important;
    align-self: center !important;
    margin: 4px auto 0 !important;
}
.elementor-3901 .haval-stock-all-native .rt-button {
    min-height: 48px !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
}

@media (max-width: 1024px) {
    .elementor-3901 .haval-model-range-native .rt-listing-grid-items,
    .elementor-3901 .haval-stock-native-grid .rt-listing-grid-items {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 767px) {
    .elementor-3901 .haval-model-range-section-native,
    .elementor-3901 .haval-stock-section-native {
        padding: 62px 16px !important;
        gap: 28px !important;
    }
    .elementor-3901 .haval-model-range-native .rt-listing-grid-items,
    .elementor-3901 .haval-stock-native-grid .rt-listing-grid-items {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }
    .elementor-3901 .haval-model-range-native .rt-listing-image img,
    .elementor-3901 .haval-stock-native-grid .rt-listing-image img {
        height: auto !important;
        aspect-ratio: 16 / 10 !important;
    }
}

/* =========================================================
   v47 — Model Range: editable Elementor cards
   Same visual language as AutoVault listing cards, but model-level content only.
   ========================================================= */
.elementor-3901 .haval-model-range-v47 {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    padding: 110px 24px !important;
    margin: 0 !important;
    background: #121314 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 42px !important;
}

.elementor-3901 .haval-model-range-v47 > .elementor-element {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 1280px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.elementor-3901 .haval-model-heading-v47 {
    margin: 0 !important;
    position: relative !important;
    z-index: 2 !important;
}

.elementor-3901 .haval-model-grid-v47 {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 30px !important;
    align-items: stretch !important;
}

.elementor-3901 .haval-model-card-v47 {
    box-sizing: border-box !important;
    min-width: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    background: #252525 !important;
    border: 1px solid rgba(255,255,255,.055) !important;
    border-radius: 10px !important;
    box-shadow: 0 8px 24px rgba(0,0,0,.12) !important;
}

.elementor-3901 .haval-model-image-v47 {
    box-sizing: border-box !important;
    width: 100% !important;
    margin: 0 !important;
    overflow: hidden !important;
    background: #1a1c1d !important;
}

.elementor-3901 .haval-model-image-v47 a,
.elementor-3901 .haval-model-image-v47 .elementor-widget-container {
    display: block !important;
    width: 100% !important;
}

.elementor-3901 .haval-model-image-v47 img {
    display: block !important;
    width: 100% !important;
    height: 245px !important;
    padding: 12px !important;
    box-sizing: border-box !important;
    object-fit: contain !important;
    object-position: center !important;
    background: #1a1c1d !important;
    transition: transform .3s ease !important;
}

.elementor-3901 .haval-model-card-v47:hover .haval-model-image-v47 img {
    transform: scale(1.025) !important;
}

.elementor-3901 .haval-model-body-v47 {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
    display: flex !important;
    flex-direction: column !important;
    padding: 25px 28px 27px !important;
}

.elementor-3901 .haval-model-title-v47,
.elementor-3901 .haval-model-price-v47,
.elementor-3901 .haval-model-divider-v47,
.elementor-3901 .haval-model-button-v47 {
    width: 100% !important;
    margin: 0 !important;
}

.elementor-3901 .haval-model-title-v47 .elementor-heading-title,
.elementor-3901 .haval-model-title-v47 .elementor-heading-title a {
    color: #fff !important;
    font-family: Inter, Arial, sans-serif !important;
    font-size: 24px !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
    text-decoration: none !important;
}

.elementor-3901 .haval-model-title-v47 .elementor-heading-title a:hover {
    color: #00cabf !important;
}

.elementor-3901 .haval-model-divider-v47 {
    margin: 24px 0 21px !important;
}
.elementor-3901 .haval-model-divider-v47 .elementor-divider {
    padding-block-start: 0 !important;
    padding-block-end: 0 !important;
}
.elementor-3901 .haval-model-divider-v47 .elementor-divider-separator {
    width: 100% !important;
    border-color: rgba(255,255,255,.09) !important;
}

.elementor-3901 .haval-model-footer-v47 {
    box-sizing: border-box !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 18px !important;
    margin-top: auto !important;
}

.elementor-3901 .haval-model-price-v47 {
    flex: 1 1 auto !important;
}
.elementor-3901 .haval-model-price-v47 .elementor-heading-title {
    color: #00cabf !important;
    font-family: Inter, Arial, sans-serif !important;
    font-size: 24px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
}

.elementor-3901 .haval-model-button-v47 {
    width: auto !important;
    flex: 0 0 auto !important;
}
.elementor-3901 .haval-model-button-v47 .elementor-button {
    min-height: 42px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 10px 18px !important;
    border: 0 !important;
    border-radius: 5px !important;
    background: #00cabf !important;
    color: #fff !important;
    font-family: Inter, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    transition: background-color .2s ease, color .2s ease !important;
}
.elementor-3901 .haval-model-button-v47 .elementor-button:hover,
.elementor-3901 .haval-model-button-v47 .elementor-button:focus {
    background: #626970 !important;
    color: #fff !important;
}

@media (max-width: 1024px) {
    .elementor-3901 .haval-model-grid-v47 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    .elementor-3901 .haval-model-footer-v47 {
        align-items: stretch !important;
        flex-direction: column !important;
    }
    .elementor-3901 .haval-model-button-v47,
    .elementor-3901 .haval-model-button-v47 .elementor-button {
        width: 100% !important;
    }
}

@media (max-width: 767px) {
    .elementor-3901 .haval-model-range-v47 {
        padding: 62px 16px !important;
        gap: 28px !important;
    }
    .elementor-3901 .haval-model-grid-v47 {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }
    .elementor-3901 .haval-model-image-v47 img {
        height: auto !important;
        aspect-ratio: 16 / 10 !important;
    }
}

/* =========================================================
   v48 — Native dynamic HAVAL Model Grid
   Uses the same AutoVault listing-card markup/classes as RT Listing Grid,
   but queries the dedicated haval_model post type and has no vehicle meta.
   ========================================================= */
.elementor-3901 .haval-model-range-dynamic {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 110px 24px !important;
    background: #121314 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 42px !important;
}

.elementor-3901 .haval-model-range-dynamic > .elementor-element {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 1280px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.elementor-widget-haval-model-grid .haval-model-grid .rt-listing-grid-items {
    display: grid !important;
    gap: 30px !important;
    align-items: stretch !important;
}
.elementor-widget-haval-model-grid .haval-model-grid-columns-1 .rt-listing-grid-items { grid-template-columns: 1fr !important; }
.elementor-widget-haval-model-grid .haval-model-grid-columns-2 .rt-listing-grid-items { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
.elementor-widget-haval-model-grid .haval-model-grid-columns-3 .rt-listing-grid-items { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
.elementor-widget-haval-model-grid .haval-model-grid-columns-4 .rt-listing-grid-items { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }

.elementor-widget-haval-model-grid .haval-model-card {
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
}

.elementor-widget-haval-model-grid .haval-model-card .rt-listing-image {
    background: #1a1c1d !important;
}

/* v49: image behaves exactly like the native AutoVault / Motors card.
   No artificial fixed height, no crop, no inner padding. */
.elementor-widget-haval-model-grid .haval-model-card .rt-listing-image img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    object-fit: initial !important;
    object-position: initial !important;
    background: transparent !important;
}

.elementor-widget-haval-model-grid .haval-model-card .rt-content-area {
    flex: 1 1 auto !important;
    display: flex !important;
    flex-direction: column !important;
}

.elementor-widget-haval-model-grid .haval-model-card .haval-model-button-area {
    margin-top: auto !important;
}

.elementor-widget-haval-model-grid .haval-model-card .rt-listing-price .price {
    white-space: nowrap !important;
}

.elementor-widget-haval-model-grid .haval-model-card .rt-button {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}

.elementor-widget-haval-model-grid .haval-model-card .rt-button:hover,
.elementor-widget-haval-model-grid .haval-model-card .rt-button:focus {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}

.haval-model-grid-empty {
    padding: 24px;
    border: 1px dashed rgba(255,255,255,.2);
    border-radius: 8px;
    color: #fff;
}

@media (max-width: 1024px) {
    .elementor-widget-haval-model-grid .haval-model-grid .rt-listing-grid-items {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 767px) {
    .elementor-3901 .haval-model-range-dynamic {
        padding: 62px 16px !important;
        gap: 28px !important;
    }
    .elementor-widget-haval-model-grid .haval-model-grid .rt-listing-grid-items {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }
}

/* =========================================================
   v51 — Special offers section on Home
   ========================================================= */
.elementor-3901 .haval-special-offers {
    width: 100% !important;
    padding: 88px 24px 96px !important;
    background: #121314 !important;
}

.elementor-3901 .haval-special-offers-inner {
    width: min(1280px, 100%) !important;
    max-width: 1280px !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

.elementor-3901 .haval-special-offers-heading {
    margin-bottom: 34px !important;
}

.elementor-3901 .haval-special-offers-heading .elementor-heading-title,
.elementor-3901 .haval-special-offers-heading h2 {
    margin: 0 !important;
    color: #fff !important;
    font-family: Inter, Arial, sans-serif !important;
    font-size: clamp(34px, 4vw, 54px) !important;
    font-weight: 600 !important;
    line-height: 1.08 !important;
}

.elementor-3901 .haval-special-offers-kicker .elementor-heading-title {
    margin: 0 0 12px !important;
    color: #00cabf !important;
    font-family: Inter, Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    letter-spacing: .04em !important;
    text-transform: uppercase !important;
}

.elementor-3901 .haval-special-offers-description {
    max-width: 760px !important;
    margin-top: 16px !important;
}
.elementor-3901 .haval-special-offers-description,
.elementor-3901 .haval-special-offers-description p {
    color: #aeb3b7 !important;
    font-family: Inter, Arial, sans-serif !important;
    font-size: 17px !important;
    line-height: 1.55 !important;
}

.elementor-3901 .haval-special-offers-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 24px !important;
    width: 100% !important;
}

.elementor-3901 .haval-special-offer-card {
    position: relative !important;
    min-width: 0 !important;
    min-height: 330px !important;
    padding: 32px !important;
    overflow: hidden !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    border-radius: 12px !important;
    background: #222526 !important;
    box-shadow: 0 18px 45px rgba(0,0,0,.18) !important;
    transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease !important;
}

.elementor-3901 .haval-special-offer-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: #00cabf;
}

.elementor-3901 .haval-special-offer-card:hover {
    transform: translateY(-4px) !important;
    border-color: rgba(0,202,191,.55) !important;
    box-shadow: 0 22px 52px rgba(0,0,0,.28) !important;
}

.elementor-3901 .haval-special-offer-card.haval-special-offer-main {
    background:
        radial-gradient(circle at 100% 0%, rgba(0,202,191,.18), transparent 44%),
        #222526 !important;
}

.elementor-3901 .haval-offer-label .elementor-heading-title {
    display: inline-flex !important;
    width: auto !important;
    margin: 0 0 24px !important;
    padding: 10px 16px !important;
    border-radius: 999px !important;
    background: rgba(0,202,191,.12) !important;
    color: #00cabf !important;
    font-family: Inter, Arial, sans-serif !important;
    font-size: 26px !important;
    font-weight: 700 !important;
    line-height: 1.15 !important;
}

.elementor-3901 .haval-offer-title .elementor-heading-title,
.elementor-3901 .haval-offer-title h3 {
    margin: 0 !important;
    color: #fff !important;
    font-family: Inter, Arial, sans-serif !important;
    font-size: clamp(25px, 2.3vw, 34px) !important;
    font-weight: 600 !important;
    line-height: 1.12 !important;
}

.elementor-3901 .haval-offer-text {
    margin: 18px 0 28px !important;
}
.elementor-3901 .haval-offer-text,
.elementor-3901 .haval-offer-text p {
    color: #bfc4c7 !important;
    font-family: Inter, Arial, sans-serif !important;
    font-size: 15px !important;
    line-height: 1.55 !important;
}

.elementor-3901 .haval-special-offer-card .haval-offer-button {
    margin-top: auto !important;
}
.elementor-3901 .haval-special-offer-card .haval-offer-button .rt-button {
    min-height: 46px !important;
    padding: 12px 20px !important;
    border: 1px solid rgba(255,255,255,.32) !important;
    border-radius: 4px !important;
    background: transparent !important;
    color: #fff !important;
    font-family: Inter, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
}
.elementor-3901 .haval-special-offer-card .haval-offer-button .rt-button::after {
    background: transparent !important;
}
.elementor-3901 .haval-special-offer-card .haval-offer-button .rt-button:hover,
.elementor-3901 .haval-special-offer-card .haval-offer-button .rt-button:hover::after {
    border-color: #00cabf !important;
    background: #00cabf !important;
    color: #121314 !important;
}

@media (max-width: 1024px) {
    .elementor-3901 .haval-special-offers {
        padding: 72px 20px 80px !important;
    }
    .elementor-3901 .haval-special-offers-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    .elementor-3901 .haval-special-offer-card:last-child {
        grid-column: 1 / -1 !important;
    }
}

@media (max-width: 767px) {
    .elementor-3901 .haval-special-offers {
        padding: 56px 16px 64px !important;
    }
    .elementor-3901 .haval-special-offers-grid {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }
    .elementor-3901 .haval-special-offer-card:last-child {
        grid-column: auto !important;
    }
    .elementor-3901 .haval-special-offer-card {
        min-height: 0 !important;
        padding: 26px !important;
    }
}

.elementor-3901 .haval-special-offer-card {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
}


/* v52 — larger Special Offers labels */
@media (max-width: 767px) {
    .elementor-3901 .haval-offer-label .elementor-heading-title {
        font-size: 22px !important;
        padding: 9px 14px !important;
    }
}

/* =========================================================
   v53 — Special offers "Подробнее" buttons
   Match the native AutoVault/Motors listing "Подробнее" button.
   ========================================================= */
.elementor-3901 .haval-special-offer-card .haval-offer-button .rt-button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    min-height: 0 !important;
    width: max-content !important;
    padding: 14px 32px !important;
    border: none !important;
    border-radius: 6px !important;
    background-color: var(--e-global-color-secondary) !important;
    color: var(--e-global-color-15cac12) !important;
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    overflow: hidden !important;
    position: relative !important;
    z-index: 1 !important;
    transform: translateZ(0) !important;
    transition-property: color !important;
    transition-duration: .3s !important;
}

.elementor-3901 .haval-special-offer-card .haval-offer-button .rt-button::after {
    content: "" !important;
    position: absolute !important;
    display: block !important;
    width: 105% !important;
    inset: 0 !important;
    z-index: -1 !important;
    background: var(--e-global-color-primary) !important;
    transform: scaleY(1) !important;
    transform-origin: center !important;
    transition: transform .3s ease-out !important;
    will-change: transform !important;
}

.elementor-3901 .haval-special-offer-card .haval-offer-button .rt-button:hover,
.elementor-3901 .haval-special-offer-card .haval-offer-button .rt-button:focus {
    border: none !important;
    background-color: var(--e-global-color-secondary) !important;
    color: var(--e-global-color-15cac12) !important;
}

.elementor-3901 .haval-special-offer-card .haval-offer-button .rt-button:hover::after,
.elementor-3901 .haval-special-offer-card .haval-offer-button .rt-button:focus::after {
    background: var(--e-global-color-primary) !important;
    transform: scaleY(0) !important;
}

/* =========================================================
   v54 — Special Offers buttons: exact native Listing Grid button behavior
   The Elementor widgets are switched to rt-button-primary in DB.
   These declarations reproduce AutoVault's native listing-grid override.
   ========================================================= */
.elementor-3901 .haval-special-offer-card .haval-offer-button .rt-button.rt-button-primary {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    width: max-content !important;
    min-height: 0 !important;
    padding: 10px 14px 9px !important;
    border: 1px solid var(--e-global-color-primary) !important;
    border-radius: 6px !important;
    background: transparent !important;
    color: var(--e-global-color-15cac12) !important;
    font-family: inherit !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    overflow: hidden !important;
    position: relative !important;
    z-index: 1 !important;
}

.elementor-3901 .haval-special-offer-card .haval-offer-button .rt-button.rt-button-primary::after {
    content: "" !important;
    position: absolute !important;
    display: block !important;
    width: 105% !important;
    inset: 0 !important;
    z-index: -1 !important;
    background: var(--e-global-color-primary) !important;
    transform: scaleY(1) !important;
    transform-origin: center !important;
    transition: transform .3s ease-out !important;
}

.elementor-3901 .haval-special-offer-card .haval-offer-button .rt-button.rt-button-primary:hover,
.elementor-3901 .haval-special-offer-card .haval-offer-button .rt-button.rt-button-primary:focus {
    border-color: #373737 !important;
    background: transparent !important;
    color: var(--e-global-color-15cac12) !important;
}

.elementor-3901 .haval-special-offer-card .haval-offer-button .rt-button.rt-button-primary:hover::after,
.elementor-3901 .haval-special-offer-card .haval-offer-button .rt-button.rt-button-primary:focus::after {
    transform: scaleY(0) !important;
}

/* =========================================================
   v55 — HAVAL brand accent
   Global orange-red #FF3600 replaced with HAVAL turquoise #00CABF.
   ========================================================= */

/* Ensure existing generated Elementor CSS cannot keep the previous red Primary variable. */
:root,
body,
.elementor-kit-6847 {
    --e-global-color-primary: #00CABF !important;
}

/* =========================================================
   v56 — definitive HAVAL accent override
   Elementor's generated kit CSS may still contain the old
   #FF3600 value. Keep the live computed Primary turquoise even
   when that generated file is stale or is printed after theme CSS.
   ========================================================= */
html body.elementor-kit-6847,
html body.elementor-kit-6847.elementor-page,
html body.elementor-kit-6847.elementor-default {
    --e-global-color-primary: #00CABF !important;
    --haval-red: #00CABF !important;
    --haval-accent: #00CABF !important;
}

/* Easy Elements mobile menu has two old hard-coded #FF3600 rules
   in its generated post-2569.css. Override them with higher specificity. */
html body .sidebar-on-mobile[data-nav-id="1212ab0"] li.menu-item a:hover,
html body .sidebar-on-mobile[data-nav-id="1212ab0"] li.menu-item a.highlighted,
html body .sidebar-on-mobile[data-nav-id="1212ab0"] li.menu-item.current-menu-item a,
html body .sidebar-on-mobile[data-nav-id="1212ab0"] li.menu-item.current-menu-ancestor a,
html body .sidebar-on-mobile[data-nav-id="1212ab0"] li.menu-item a.eel-active {
    color: #00CABF !important;
    -webkit-text-fill-color: #00CABF !important;
}

/* =========================================================
   v57 — Homepage lead form
   Placed after "Автомобили в наличии" and before Special Offers.
   Fixed 1280px content width; uses existing MetForm #3644.
   ========================================================= */
.elementor-3901 .haval-lead-section {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 88px 24px !important;
    background: #0d0e0f !important;
}

.elementor-3901 .haval-lead-inner {
    box-sizing: border-box !important;
    width: min(1280px, 100%) !important;
    max-width: 1280px !important;
    margin: 0 auto !important;
    padding: 48px 52px !important;
    display: grid !important;
    grid-template-columns: minmax(0, .82fr) minmax(0, 1.45fr) !important;
    align-items: center !important;
    gap: 58px !important;
    overflow: hidden !important;
    position: relative !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    border-radius: 14px !important;
    background:
        radial-gradient(circle at 0% 0%, rgba(0,202,191,.16), transparent 38%),
        #222526 !important;
    box-shadow: 0 20px 50px rgba(0,0,0,.22) !important;
}

.elementor-3901 .haval-lead-inner::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: #00CABF;
}

.elementor-3901 .haval-lead-copy,
.elementor-3901 .haval-lead-form-panel {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
}

.elementor-3901 .haval-lead-copy {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 0 !important;
}

.elementor-3901 .haval-lead-kicker .elementor-heading-title {
    margin: 0 0 13px !important;
    color: #00CABF !important;
    -webkit-text-fill-color: #00CABF !important;
    font-family: Inter, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
}

.elementor-3901 .haval-lead-title .elementor-heading-title {
    margin: 0 !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    font-family: Inter, Arial, sans-serif !important;
    font-size: clamp(36px, 3.4vw, 52px) !important;
    font-weight: 600 !important;
    line-height: 1.05 !important;
    letter-spacing: -.025em !important;
}

.elementor-3901 .haval-lead-text {
    margin: 21px 0 0 !important;
}
.elementor-3901 .haval-lead-text,
.elementor-3901 .haval-lead-text p {
    color: #c4c9cc !important;
    font-family: Inter, Arial, sans-serif !important;
    font-size: 17px !important;
    line-height: 1.6 !important;
}

.elementor-3901 .haval-lead-note {
    margin: 22px 0 0 !important;
    padding-top: 19px !important;
    border-top: 1px solid rgba(255,255,255,.10) !important;
}
.elementor-3901 .haval-lead-note,
.elementor-3901 .haval-lead-note p {
    margin-bottom: 0 !important;
    color: #fff !important;
    font-family: Inter, Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1.5 !important;
}

.elementor-3901 .haval-lead-form-panel {
    padding: 30px !important;
    border-radius: 10px !important;
    background: #17191a !important;
    border: 1px solid rgba(255,255,255,.08) !important;
}

/* MetForm fields — keep the existing form functional, only adapt it to this dark block. */
.elementor-3901 .haval-lead-form .mf-input,
.elementor-3901 .haval-lead-form input:not([type="checkbox"]):not([type="radio"]),
.elementor-3901 .haval-lead-form textarea,
.elementor-3901 .haval-lead-form select {
    box-sizing: border-box !important;
    width: 100% !important;
    border: 1px solid #3b4043 !important;
    border-radius: 5px !important;
    background: #232628 !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    font-family: Inter, Arial, sans-serif !important;
}

.elementor-3901 .haval-lead-form input::placeholder,
.elementor-3901 .haval-lead-form textarea::placeholder {
    color: #9da4a8 !important;
    -webkit-text-fill-color: #9da4a8 !important;
    opacity: 1 !important;
}

.elementor-3901 .haval-lead-form .mf-input:focus,
.elementor-3901 .haval-lead-form input:focus,
.elementor-3901 .haval-lead-form textarea:focus,
.elementor-3901 .haval-lead-form select:focus {
    outline: none !important;
    border-color: #00CABF !important;
    box-shadow: 0 0 0 1px #00CABF !important;
}

.elementor-3901 .haval-lead-form textarea {
    min-height: 105px !important;
    resize: vertical !important;
}

.elementor-3901 .haval-lead-form label,
.elementor-3901 .haval-lead-form .mf-checkbox,
.elementor-3901 .haval-lead-form .mf-checkbox label {
    color: #bfc4c7 !important;
    font-family: Inter, Arial, sans-serif !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
}

.elementor-3901 .haval-lead-form button[type="submit"],
.elementor-3901 .haval-lead-form .metform-btn {
    min-height: 48px !important;
    padding: 13px 28px !important;
    border: 1px solid #00CABF !important;
    border-radius: 6px !important;
    background: #00CABF !important;
    color: #121314 !important;
    -webkit-text-fill-color: #121314 !important;
    font-family: Inter, Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    transition: background-color .2s ease, border-color .2s ease, color .2s ease !important;
}

.elementor-3901 .haval-lead-form button[type="submit"] svg,
.elementor-3901 .haval-lead-form .metform-btn svg {
    fill: #121314 !important;
}

.elementor-3901 .haval-lead-form button[type="submit"]:hover,
.elementor-3901 .haval-lead-form button[type="submit"]:focus,
.elementor-3901 .haval-lead-form .metform-btn:hover,
.elementor-3901 .haval-lead-form .metform-btn:focus {
    border-color: #fff !important;
    background: #fff !important;
    color: #121314 !important;
    -webkit-text-fill-color: #121314 !important;
}

@media (max-width: 1024px) {
    .elementor-3901 .haval-lead-section {
        padding: 72px 20px !important;
    }
    .elementor-3901 .haval-lead-inner {
        grid-template-columns: 1fr !important;
        gap: 34px !important;
        padding: 40px !important;
    }
}

@media (max-width: 767px) {
    .elementor-3901 .haval-lead-section {
        padding: 56px 16px !important;
    }
    .elementor-3901 .haval-lead-inner {
        gap: 28px !important;
        padding: 30px 22px !important;
        border-radius: 10px !important;
    }
    .elementor-3901 .haval-lead-title .elementor-heading-title {
        font-size: 36px !important;
    }
    .elementor-3901 .haval-lead-text,
    .elementor-3901 .haval-lead-text p {
        font-size: 16px !important;
    }
    .elementor-3901 .haval-lead-form-panel {
        padding: 22px 18px !important;
    }
}

/* =========================================================
   v58 — temporarily hide offer-price and Trade-in actions
   on the single vehicle page. Price itself remains visible.
   ========================================================= */
.elementor-2567 .elementor-widget-motors-single-listing-offer-price,
.elementor-2567 .elementor-widget-motors-single-listing-trade-in,
.single-listing_template .elementor-widget-motors-single-listing-offer-price,
.single-listing_template .elementor-widget-motors-single-listing-trade-in,
.single-listing_page .elementor-widget-motors-single-listing-offer-price,
.single-listing_page .elementor-widget-motors-single-listing-trade-in {
    display: none !important;
}

/* =========================================================
   v60 — compact unified internal page header / breadcrumbs
   Global Easy Elements template: "Навигационная цепочка" (ID 3569).
   No decorative photo; compact dark-grey card inside a 1320px container.
   ========================================================= */
body:not(.home) .elementor-3569 {
    box-sizing: border-box !important;
    width: calc(100% - 48px) !important;
    max-width: 1320px !important;
    margin: 28px auto 44px !important;
}

body:not(.home) .elementor-3569 .elementor-element.elementor-element-cbb84d1 {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 1320px !important;
    min-height: 170px !important;
    margin: 0 auto !important;
    padding: 0 36px !important;
    overflow: hidden !important;
    border: 1px solid rgba(255,255,255,.065) !important;
    border-radius: 10px !important;
    background: #1b1d1f !important;
    background-color: #1b1d1f !important;
    background-image: none !important;
    box-shadow: none !important;
}

/* Kill the old Elementor overlay and Easy Elements jarallax image even if
   an old generated Elementor CSS file is still present in uploads. */
body:not(.home) .elementor-3569 .elementor-element.elementor-element-cbb84d1::before,
body:not(.home) .elementor-3569 .elementor-element.elementor-element-cbb84d1::after {
    background: none !important;
    background-image: none !important;
    opacity: 0 !important;
}
body:not(.home) .elementor-3569 .elementor-element.elementor-element-cbb84d1 .jarallax-img,
body:not(.home) .elementor-3569 .elementor-element.elementor-element-cbb84d1 .jarallax-container {
    display: none !important;
}

body:not(.home) .elementor-3569 .elementor-element.elementor-element-cbb84d1 > .e-con-inner {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 170px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 40px !important;
}

/* Page title on the left. */
body:not(.home) .elementor-3569 .elementor-element.elementor-element-2ca8291 {
    box-sizing: border-box !important;
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    justify-content: center !important;
    align-items: flex-start !important;
}
body:not(.home) .elementor-3569 .elementor-element.elementor-element-0987a78,
body:not(.home) .elementor-3569 .elementor-element.elementor-element-0987a78 .elementor-widget-container,
body:not(.home) .elementor-3569 .elementor-element.elementor-element-0987a78 .eel-page-title-wrapper {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
}
body:not(.home) .elementor-3569 .elementor-element.elementor-element-0987a78 .eel-page-title,
body:not(.home) .elementor-3569 .elementor-element.elementor-element-0987a78 .eel-heading-title {
    margin: 0 !important;
    padding: 0 !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    font-family: Inter, Arial, sans-serif !important;
    font-size: 42px !important;
    font-weight: 600 !important;
    line-height: 1.08 !important;
    letter-spacing: -.02em !important;
}

/* Breadcrumbs on the right. */
body:not(.home) .elementor-3569 .elementor-element.elementor-element-a3e03a3 {
    box-sizing: border-box !important;
    flex: 0 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 48% !important;
    margin: 0 !important;
    padding: 0 !important;
    justify-content: center !important;
    align-items: flex-end !important;
}

/* Old decorative circle from the demo should never be shown. */
body:not(.home) .elementor-3569 .elementor-element.elementor-element-2080c3b {
    display: none !important;
}

body:not(.home) .elementor-3569 .elementor-element.elementor-element-ac806d6 {
    width: auto !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: right !important;
}
body:not(.home) .elementor-3569 .elementor-element.elementor-element-ac806d6 .eel-breadcrumb,
body:not(.home) .elementor-3569 .elementor-element.elementor-element-ac806d6 .eel-breadcrumb a,
body:not(.home) .elementor-3569 .elementor-element.elementor-element-ac806d6 .eel-breadcrumb span {
    font-family: Inter, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.45 !important;
}
body:not(.home) .elementor-3569 .elementor-element.elementor-element-ac806d6 .eel-breadcrumb,
body:not(.home) .elementor-3569 .elementor-element.elementor-element-ac806d6 .eel-breadcrumb span {
    color: #aeb3b7 !important;
    -webkit-text-fill-color: #aeb3b7 !important;
}
body:not(.home) .elementor-3569 .elementor-element.elementor-element-ac806d6 .eel-breadcrumb a {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    text-decoration: none !important;
}
body:not(.home) .elementor-3569 .elementor-element.elementor-element-ac806d6 .eel-breadcrumb a:hover {
    color: #00cabf !important;
    -webkit-text-fill-color: #00cabf !important;
}
body:not(.home) .elementor-3569 .elementor-element.elementor-element-ac806d6 .breadcrumb-separator,
body:not(.home) .elementor-3569 .elementor-element.elementor-element-ac806d6 .breadcrumb-separator path {
    color: #626970 !important;
    fill: #626970 !important;
}

@media (max-width: 767px) {
    body:not(.home) .elementor-3569 {
        width: calc(100% - 32px) !important;
        margin: 20px auto 32px !important;
    }
    body:not(.home) .elementor-3569 .elementor-element.elementor-element-cbb84d1 {
        min-height: 150px !important;
        padding: 26px 24px !important;
    }
    body:not(.home) .elementor-3569 .elementor-element.elementor-element-cbb84d1 > .e-con-inner {
        min-height: 98px !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: center !important;
        gap: 14px !important;
    }
    body:not(.home) .elementor-3569 .elementor-element.elementor-element-0987a78 .eel-page-title,
    body:not(.home) .elementor-3569 .elementor-element.elementor-element-0987a78 .eel-heading-title {
        font-size: 32px !important;
    }
    body:not(.home) .elementor-3569 .elementor-element.elementor-element-a3e03a3 {
        width: 100% !important;
        max-width: 100% !important;
        align-items: flex-start !important;
    }
    body:not(.home) .elementor-3569 .elementor-element.elementor-element-ac806d6 {
        width: 100% !important;
        text-align: left !important;
    }
}

/* =========================================================
   v62 — clean HAVAL inventory page
   - no generic Motors sidebar/filter
   - no duplicate breadcrumbs/title/result count
   - no sorting/view switcher
   - no Featured Listings / Show all block
   - 1320px content width, 3 vehicles per desktop row
   ========================================================= */
.haval-inventory-clean {
    box-sizing: border-box !important;
    display: block !important;
    width: calc(100% - 32px) !important;
    max-width: 1320px !important;
    margin: 58px auto 100px !important;
    padding: 0 !important;
}

.haval-inventory-clean .stm-inventory-pro-maincol {
    box-sizing: border-box !important;
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    flex: 0 0 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.haval-inventory-clean #listings-result,
.haval-inventory-clean .stm-isotope-sorting,
.haval-inventory-clean .car-listing-row {
    width: 100% !important;
    max-width: none !important;
}

/* Keep the inventory at exactly three cards per row on desktop. */
.haval-inventory-clean .car-listing-row.row-3 > .stm-directory-grid-loop {
    box-sizing: border-box !important;
    flex: 0 0 33.333333% !important;
    width: 33.333333% !important;
    max-width: 33.333333% !important;
}

/* Defensive fallback in case Motors serves a cached copy of its original
   inventory template before the child-theme override is picked up. */
.page-id-9140 .stm-pro-layout--inventory-modern,
.page-id-2966 .stm-pro-layout--inventory-modern {
    box-sizing: border-box !important;
    width: calc(100% - 32px) !important;
    max-width: 1320px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
.page-id-9140 .stm-pro-layout--inventory-modern .stm-inventory-pro-sidebar,
.page-id-2966 .stm-pro-layout--inventory-modern .stm-inventory-pro-sidebar,
.page-id-9140 .stm-pro-layout--inventory-modern .stm-inventory-pro-filter-mobile-apparent,
.page-id-2966 .stm-pro-layout--inventory-modern .stm-inventory-pro-filter-mobile-apparent,
.page-id-9140 .stm-pro-layout--inventory-modern .search-results-actions,
.page-id-2966 .stm-pro-layout--inventory-modern .search-results-actions,
.page-id-9140 .stm-pro-layout--inventory-modern .mvl-featured-title-container,
.page-id-2966 .stm-pro-layout--inventory-modern .mvl-featured-title-container,
.page-id-9140 .stm-pro-layout--inventory-modern .stm-featured-top-cars-title,
.page-id-2966 .stm-pro-layout--inventory-modern .stm-featured-top-cars-title,
.page-id-9140 .stm-pro-layout--inventory-modern .stm-isotope-sorting-featured-top,
.page-id-2966 .stm-pro-layout--inventory-modern .stm-isotope-sorting-featured-top {
    display: none !important;
}
.page-id-9140 .stm-pro-layout--inventory-modern .stm-inventory-pro-maincol,
.page-id-2966 .stm-pro-layout--inventory-modern .stm-inventory-pro-maincol {
    width: 100% !important;
    max-width: none !important;
    flex: 0 0 100% !important;
}

@media (max-width: 1024px) {
    .haval-inventory-clean .car-listing-row.row-3 > .stm-directory-grid-loop {
        flex-basis: 50% !important;
        width: 50% !important;
        max-width: 50% !important;
    }
}

@media (max-width: 767px) {
    .haval-inventory-clean {
        width: calc(100% - 32px) !important;
        margin-top: 36px !important;
        margin-bottom: 64px !important;
    }
    .haval-inventory-clean .car-listing-row.row-3 > .stm-directory-grid-loop {
        flex-basis: 100% !important;
        width: 100% !important;
        max-width: 100% !important;
    }
}

/* =========================================================
   v64 — Inventory card permanent action bar
   Four always-visible circular actions; no three-dots popup and no hover
   extension / large "Подробнее" action below the card.
   ========================================================= */
.haval-inventory-clean .mvl-actions-popup.grid-view,
.haval-inventory-clean .mvl-action-buttons,
.haval-inventory-clean .mvl-card-skins .mvl-action-buttons,
.haval-inventory-clean .mvl-card-skins .mvl-action-buttons.actions_hover {
    display: none !important;
}

/* The inventory cards must keep exactly the same geometry on hover. */
.haval-inventory-clean .stm-directory-grid-loop.skin_4 .mvl-card-inner,
.haval-inventory-clean .stm-directory-grid-loop.skin_4 .mvl-card-inner.actions_hover,
.haval-inventory-clean .stm-directory-grid-loop.skin_4 .mvl-card-inner.actions_hover:hover,
.haval-inventory-clean .stm-directory-grid-loop.skin_4 .mvl-card-inner:hover {
    position: relative !important;
    height: 100% !important;
    margin: 0 !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    transform: none !important;
}

/* Keep price/content area stable; the quick-action row is a normal part of
   the card, not an absolutely positioned hover panel. */
.haval-inventory-clean .stm-directory-grid-loop.skin_4 .mvl-price-grid-card {
    flex: 1 1 auto !important;
    padding-bottom: 12px !important;
}

.haval-inventory-clean .haval-inventory-quick-actions {
    box-sizing: border-box !important;
    display: flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    width: 100% !important;
    min-height: 58px !important;
    margin: 0 !important;
    padding: 10px 16px 16px !important;
    border-top: 1px solid rgba(255,255,255,.09) !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    position: static !important;
    z-index: 3 !important;
}

.haval-inventory-clean .haval-inventory-quick-action {
    appearance: none !important;
    -webkit-appearance: none !important;
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 40px !important;
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid rgba(255,255,255,.25) !important;
    border-radius: 50% !important;
    background: #1b1d1f !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    text-decoration: none !important;
    line-height: 1 !important;
    cursor: pointer !important;
    box-shadow: none !important;
    overflow: hidden !important;
    transition: background-color .18s ease, border-color .18s ease, color .18s ease !important;
}

.haval-inventory-clean .haval-inventory-quick-action::before,
.haval-inventory-clean .haval-inventory-quick-action::after {
    content: none !important;
    display: none !important;
}

/* Inline SVG avoids dependency on the Motors icon font being enqueued on a
   particular inventory template. */
.haval-inventory-clean .haval-inventory-quick-action svg {
    display: block !important;
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.8 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
    color: inherit !important;
    pointer-events: none !important;
}

.haval-inventory-clean .haval-action-phone svg path {
    fill: currentColor !important;
    stroke: none !important;
}

.haval-inventory-clean .haval-inventory-quick-action:hover,
.haval-inventory-clean .haval-inventory-quick-action:focus-visible,
.haval-inventory-clean .haval-inventory-quick-action.is-copied {
    border-color: #00cabf !important;
    background: #00cabf !important;
    color: #121314 !important;
    -webkit-text-fill-color: #121314 !important;
    transform: none !important;
    outline: none !important;
}

/* "Подробнее" is visually distinguished only by its arrow icon. It remains
   the same compact circular control as the other three actions. */
.haval-inventory-clean .haval-action-details {
    margin-left: 2px !important;
}

@media (max-width: 767px) {
    .haval-inventory-clean .haval-inventory-quick-actions {
        gap: 9px !important;
        min-height: 56px !important;
    }
    .haval-inventory-clean .haval-inventory-quick-action {
        flex-basis: 38px !important;
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
        min-height: 38px !important;
    }
}



/* =========================================================
   v65 — Inventory card title + compact one-line specifications
   The native skin_4 reserves title width for the removed three-dots menu
   and renders data items in two columns. On the HAVAL inventory page there
   is no popup menu, so both areas can use the full card width.
   ========================================================= */
.haval-inventory-clean .stm-directory-grid-loop.skin_4 .skin_4.mvl_listing_title_wrapper .mvl_listing_title_wrapper-inner {
    display: block !important;
    width: 100% !important;
}

.haval-inventory-clean .stm-directory-grid-loop.skin_4 .skin_4.mvl_listing_title_wrapper .mvl_listing_title,
.haval-inventory-clean .stm-directory-grid-loop.skin_4 .skin_4.mvl_listing_title_wrapper .mvl_listing_title.car-title {
    box-sizing: border-box !important;
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin-right: 0 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
}

/* Transmission, mileage and fuel share one row instead of the native 2 + 1 layout. */
.haval-inventory-clean .stm-directory-grid-loop.skin_4 .skin_4.mvl-card-listing-data .mvl-card-listing-data-inner {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px !important;
    flex-wrap: nowrap !important;
}

.haval-inventory-clean .stm-directory-grid-loop.skin_4 .skin_4.mvl-card-listing-data .mvl-card-listing-data-inner > li {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    white-space: nowrap !important;
}

.haval-inventory-clean .stm-directory-grid-loop.skin_4 .skin_4.mvl-card-listing-data .mvl-card-listing-data-inner > li span {
    display: block !important;
    min-width: 0 !important;
    max-width: none !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    text-align: left !important;
}

@media (max-width: 380px) {
    .haval-inventory-clean .stm-directory-grid-loop.skin_4 .skin_4.mvl-card-listing-data .mvl-card-listing-data-inner {
        gap: 7px !important;
    }
    .haval-inventory-clean .stm-directory-grid-loop.skin_4 .skin_4.mvl-card-listing-data .mvl-card-listing-data-inner > li {
        font-size: 12px !important;
    }
}

/* =========================================================
   v66 — Header logo size
   Desktop: 170px. Keep the previous compact 110px size once
   the header switches to the mobile/tablet navigation layout.
   Footer logo is intentionally unaffected.
   ========================================================= */
@media (min-width: 1301px) {
    .elementor-2569 .elementor-element.elementor-element-584f849 .eel-site-logo img,
    .elementor-2569 .elementor-element.elementor-element-584f849 .eel-site-logo a img {
        width: 170px !important;
        max-width: 170px !important;
        height: auto !important;
    }
}

@media (max-width: 1300px) {
    .elementor-2569 .elementor-element.elementor-element-584f849 .eel-site-logo img,
    .elementor-2569 .elementor-element.elementor-element-584f849 .eel-site-logo a img {
        width: 110px !important;
        max-width: 110px !important;
        height: auto !important;
    }
}

/* =========================================================
   v67 — Dedicated "Модельный ряд" page
   The page is a presentation catalogue of HAVAL models, not a second
   Motors inventory. Content width follows the 1320px internal-page grid.
   ========================================================= */
.page-id-2966 .site-content,
.page-id-2966 .content-area,
.page-id-2966 main {
    background: #121314 !important;
}

.page-id-2966 .haval-model-range-page,
.page-id-2966 .haval-model-catalogue-section,
.page-id-2966 .haval-model-guide-section,
.page-id-2966 .haval-model-ownership-section,
.page-id-2966 .haval-model-request-section {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
}

.page-id-2966 .haval-model-catalogue-section {
    padding: 84px 24px 96px !important;
    background: #121314 !important;
}

.page-id-2966 .haval-model-page-inner {
    box-sizing: border-box !important;
    width: min(100%, 1320px) !important;
    max-width: 1320px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.page-id-2966 .haval-model-intro {
    display: grid !important;
    grid-template-columns: minmax(0, .9fr) minmax(320px, .7fr) !important;
    align-items: end !important;
    gap: 48px !important;
    margin-bottom: 42px !important;
}

.page-id-2966 .haval-model-page-kicker .elementor-heading-title,
.page-id-2966 .haval-model-section-kicker .elementor-heading-title {
    margin: 0 0 12px !important;
    color: #00cabf !important;
    -webkit-text-fill-color: #00cabf !important;
    font-family: Inter, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    letter-spacing: .07em !important;
    text-transform: uppercase !important;
}

.page-id-2966 .haval-model-page-title .elementor-heading-title,
.page-id-2966 .haval-model-section-title .elementor-heading-title {
    margin: 0 !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    font-family: Inter, Arial, sans-serif !important;
    font-size: clamp(34px, 3.5vw, 50px) !important;
    font-weight: 600 !important;
    line-height: 1.08 !important;
    letter-spacing: -.025em !important;
}

.page-id-2966 .haval-model-page-intro-text,
.page-id-2966 .haval-model-page-intro-text p,
.page-id-2966 .haval-model-section-text,
.page-id-2966 .haval-model-section-text p {
    margin: 0 !important;
    color: #aeb3b7 !important;
    font-family: Inter, Arial, sans-serif !important;
    font-size: 17px !important;
    line-height: 1.62 !important;
}

/* Model cards remain the same dynamic CPT cards used on the homepage. */
.page-id-2966 .elementor-widget-haval-model-grid .haval-model-card {
    overflow: hidden !important;
    background: #242627 !important;
    border: 1px solid rgba(255,255,255,.075) !important;
    border-radius: 12px !important;
    box-shadow: 0 14px 34px rgba(0,0,0,.17) !important;
}

.elementor-widget-haval-model-grid .haval-model-image-link {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.page-id-2966 .elementor-widget-haval-model-grid .haval-model-card .rt-content-area {
    padding-bottom: 0 !important;
}

.page-id-2966 .elementor-widget-haval-model-grid .haval-model-card .rt-listing-title {
    width: 100% !important;
    max-width: none !important;
    margin-bottom: 0 !important;
    color: #fff !important;
    font-family: Inter, Arial, sans-serif !important;
    font-size: 22px !important;
    line-height: 1.25 !important;
}

.page-id-2966 .elementor-widget-haval-model-grid .haval-model-card .haval-model-button-area-quick {
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 18px !important;
    /* width: calc(100% + 56px) !important;
    margin: 24px -28px 0 !important; */
    padding: 19px 28px 20px !important;
    border-top: 1px solid rgba(255,255,255,.09) !important;
}

.page-id-2966 .elementor-widget-haval-model-grid .haval-model-card .rt-listing-price {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    margin: 0 !important;
}

.page-id-2966 .elementor-widget-haval-model-grid .haval-model-card .rt-listing-price .price,
.page-id-2966 .elementor-widget-haval-model-grid .haval-model-card .rt-listing-price .sale-price {
    color: #00cabf !important;
    -webkit-text-fill-color: #00cabf !important;
    font-family: Inter, Arial, sans-serif !important;
    font-size: 21px !important;
    font-weight: 650 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
}

.page-id-2966 .haval-model-quick-actions {
    display: flex !important;
    flex: 0 0 auto !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
}

.page-id-2966 .haval-model-quick-action {
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 40px !important;
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid #52575b !important;
    border-radius: 50% !important;
    background: #1b1d1f !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    cursor: pointer !important;
    transition: background-color .2s ease, border-color .2s ease, color .2s ease !important;
}

.page-id-2966 button.haval-model-quick-action {
    appearance: none !important;
    -webkit-appearance: none !important;
}

.page-id-2966 .haval-model-quick-action svg {
    display: block !important;
    width: 18px !important;
    height: 18px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.7 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}

.page-id-2966 .haval-model-quick-action.haval-action-phone svg path {
    fill: currentColor !important;
    stroke: none !important;
}

.page-id-2966 .haval-model-quick-action:hover,
.page-id-2966 .haval-model-quick-action:focus-visible,
.page-id-2966 .haval-model-quick-action.is-copied {
    border-color: #00cabf !important;
    background: #00cabf !important;
    color: #121314 !important;
    -webkit-text-fill-color: #121314 !important;
    outline: none !important;
}

/* Selection/help CTA. */
.page-id-2966 .haval-model-guide-section {
    padding: 0 24px 96px !important;
    background: #121314 !important;
}

.page-id-2966 .haval-model-guide {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(360px, .82fr) !important;
    gap: 54px !important;
    align-items: center !important;
    padding: 46px 50px !important;
    border: 1px solid rgba(255,255,255,.075) !important;
    border-radius: 14px !important;
    background:
        radial-gradient(circle at 92% 12%, rgba(0,202,191,.13), transparent 35%),
        #1b1d1f !important;
}

.page-id-2966 .haval-model-guide-actions {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin-top: 28px !important;
}

.page-id-2966 .haval-model-guide-actions .elementor-widget-button {
    width: auto !important;
}

.page-id-2966 .haval-model-guide-actions .elementor-button {
    min-height: 46px !important;
    padding: 12px 20px !important;
    border-radius: 5px !important;
    font-family: Inter, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 650 !important;
}

.page-id-2966 .haval-model-guide-primary .elementor-button {
    border: 1px solid #00cabf !important;
    background: #00cabf !important;
    color: #121314 !important;
}

.page-id-2966 .haval-model-guide-secondary .elementor-button {
    border: 1px solid #626970 !important;
    background: transparent !important;
    color: #fff !important;
}

.page-id-2966 .haval-model-guide-primary .elementor-button:hover,
.page-id-2966 .haval-model-guide-secondary .elementor-button:hover {
    border-color: #fff !important;
    background: #fff !important;
    color: #121314 !important;
}

.page-id-2966 .haval-model-guide-points {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 1px !important;
    overflow: hidden !important;
    border: 1px solid rgba(255,255,255,.07) !important;
    border-radius: 10px !important;
    background: rgba(255,255,255,.08) !important;
}

.page-id-2966 .haval-model-guide-point {
    display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr) !important;
    gap: 16px !important;
    align-items: center !important;
    padding: 19px 20px !important;
    background: #222526 !important;
}

.page-id-2966 .haval-model-guide-number .elementor-heading-title {
    margin: 0 !important;
    color: #00cabf !important;
    font-family: Inter, Arial, sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
}

.page-id-2966 .haval-model-guide-point-title .elementor-heading-title {
    margin: 0 0 4px !important;
    color: #fff !important;
    font-family: Inter, Arial, sans-serif !important;
    font-size: 17px !important;
    font-weight: 600 !important;
}

.page-id-2966 .haval-model-guide-point-text,
.page-id-2966 .haval-model-guide-point-text p {
    margin: 0 !important;
    color: #969ca0 !important;
    font-family: Inter, Arial, sans-serif !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
}

/* Purchase and ownership cards. */
.page-id-2966 .haval-model-ownership-section {
    padding: 88px 24px 96px !important;
    background: #17191a !important;
    border-top: 1px solid rgba(255,255,255,.045) !important;
    border-bottom: 1px solid rgba(255,255,255,.045) !important;
}

.page-id-2966 .haval-model-ownership-heading {
    max-width: 760px !important;
    margin-bottom: 36px !important;
}

.page-id-2966 .haval-model-ownership-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 22px !important;
}

.page-id-2966 .haval-model-info-card {
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    min-height: 292px !important;
    padding: 30px !important;
    border: 1px solid rgba(255,255,255,.075) !important;
    border-radius: 12px !important;
    background: #222526 !important;
    transition: border-color .2s ease, transform .2s ease !important;
}

.page-id-2966 .haval-model-info-card:hover {
    border-color: rgba(0,202,191,.42) !important;
    transform: translateY(-3px) !important;
}

.page-id-2966 .haval-model-info-index .elementor-heading-title {
    margin: 0 0 34px !important;
    color: #00cabf !important;
    font-family: Inter, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    letter-spacing: .05em !important;
}

.page-id-2966 .haval-model-info-title .elementor-heading-title {
    margin: 0 !important;
    color: #fff !important;
    font-family: Inter, Arial, sans-serif !important;
    font-size: 26px !important;
    font-weight: 600 !important;
    line-height: 1.15 !important;
}

.page-id-2966 .haval-model-info-text,
.page-id-2966 .haval-model-info-text p {
    margin: 14px 0 26px !important;
    color: #aeb3b7 !important;
    font-family: Inter, Arial, sans-serif !important;
    font-size: 15px !important;
    line-height: 1.55 !important;
}

.page-id-2966 .haval-model-info-link {
    margin-top: auto !important;
    width: auto !important;
}

.page-id-2966 .haval-model-info-link .elementor-button {
    padding: 0 !important;
    background: transparent !important;
    color: #00cabf !important;
    font-family: Inter, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 650 !important;
}

.page-id-2966 .haval-model-info-link .elementor-button:hover {
    color: #fff !important;
}

/* Consultation / test-drive form. */
.page-id-2966 .haval-model-request-section {
    padding: 92px 24px 100px !important;
    background: #121314 !important;
    scroll-margin-top: 120px !important;
}

.page-id-2966 .haval-model-request {
    display: grid !important;
    grid-template-columns: minmax(0, .8fr) minmax(420px, 1.2fr) !important;
    gap: 54px !important;
    align-items: center !important;
    padding: 46px 50px !important;
    border: 1px solid rgba(255,255,255,.075) !important;
    border-radius: 14px !important;
    background: #1b1d1f !important;
}

.page-id-2966 .haval-model-request-contact,
.page-id-2966 .haval-model-request-contact p {
    margin: 20px 0 0 !important;
    color: #fff !important;
    font-family: Inter, Arial, sans-serif !important;
    font-size: 15px !important;
    line-height: 1.5 !important;
}

.page-id-2966 .haval-model-request-form-panel {
    box-sizing: border-box !important;
    padding: 28px !important;
    border-radius: 10px !important;
    background: #121314 !important;
}

.page-id-2966 .haval-model-request-form-panel input,
.page-id-2966 .haval-model-request-form-panel textarea,
.page-id-2966 .haval-model-request-form-panel select {
    border-color: #3e4245 !important;
}

.page-id-2966 .haval-model-request-form-panel button,
.page-id-2966 .haval-model-request-form-panel [type="submit"] {
    background: #00cabf !important;
    border-color: #00cabf !important;
    color: #121314 !important;
}

@media (max-width: 1100px) {
    .page-id-2966 .haval-model-intro,
    .page-id-2966 .haval-model-guide,
    .page-id-2966 .haval-model-request {
        grid-template-columns: 1fr !important;
    }

    .page-id-2966 .haval-model-ownership-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .page-id-2966 .elementor-widget-haval-model-grid .haval-model-card .haval-model-button-area-quick {
        flex-direction: column !important;
        align-items: flex-start !important;
    }
}

@media (max-width: 767px) {
    .page-id-2966 .haval-model-catalogue-section,
    .page-id-2966 .haval-model-ownership-section,
    .page-id-2966 .haval-model-request-section {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    .page-id-2966 .haval-model-catalogue-section {
        padding-top: 58px !important;
        padding-bottom: 64px !important;
    }

    .page-id-2966 .haval-model-guide-section {
        padding: 0 16px 64px !important;
    }

    .page-id-2966 .haval-model-ownership-section {
        padding-top: 58px !important;
        padding-bottom: 64px !important;
    }

    .page-id-2966 .haval-model-request-section {
        padding-top: 64px !important;
        padding-bottom: 70px !important;
    }

    .page-id-2966 .haval-model-intro {
        gap: 18px !important;
        margin-bottom: 28px !important;
    }

    .page-id-2966 .haval-model-guide,
    .page-id-2966 .haval-model-request {
        gap: 32px !important;
        padding: 28px 22px !important;
    }

    .page-id-2966 .haval-model-ownership-grid {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }

    .page-id-2966 .haval-model-info-card {
        min-height: 0 !important;
        padding: 25px !important;
    }

    .page-id-2966 .elementor-widget-haval-model-grid .haval-model-card .haval-model-button-area-quick {
        width: calc(100% + 40px) !important;
        margin-left: -20px !important;
        margin-right: -20px !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .page-id-2966 .haval-model-quick-actions {
        gap: 9px !important;
    }

    .page-id-2966 .haval-model-quick-action {
        flex-basis: 38px !important;
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
        min-height: 38px !important;
    }

    .page-id-2966 .haval-model-guide-actions,
    .page-id-2966 .haval-model-guide-actions .elementor-widget-button,
    .page-id-2966 .haval-model-guide-actions .elementor-button {
        width: 100% !important;
    }

    .page-id-2966 .haval-model-request-form-panel {
        padding: 20px !important;
    }
}

/* v67 layout guard: new Elementor containers are created directly in DB, so
   their structural layout must not depend on generated post-2966.css. */
.page-id-2966 .haval-model-range-page,
.page-id-2966 .haval-model-page-inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
}
.page-id-2966 .haval-model-guide,
.page-id-2966 .haval-model-request {
    display: grid !important;
}