/*
 Theme Name:   Twenty Twenty-Four Child
 Template:     twentytwentyfour
 Version:      1.0.0
*/

/* === F1rst Motors — Чёрно-белый + красный === */

:root {
    --fm-black: #111;
    --fm-white: #fff;
    --fm-red: #e31e24;
    --fm-red-dark: #c01820;
    --fm-gray: #f5f5f5;
    --fm-gray-dark: #666;
    --fm-border: #ddd;
    --fm-footer-bg: #1a1a1a;
    --fm-footer-border: #2a2a2a;
}

/* Базовые стили */

/* ===== DARK MODE: FORCE OVERRIDE ALL THEME STYLES ===== */
/* Override WordPress global styles */
body {
    background-color: #0d0d0d !important;
}

/* Override Gutenberg global styles */
.wp-site-blocks,
.wp-site-blocks > *,
.is-root-container,
.is-root-container > *,
.wp-block-template-part,
.wp-block-post-content,
.wp-block-post-content > *,
.alignfull,
.alignwide,
.entry-content,
.entry-content > *:not(.wp-block-image):not(.wp-block-gallery):not(.wp-block-cover) {
    background-color: #0d0d0d !important;
    color: #ffffff !important;
}

/* Override any CSS variable backgrounds */
[style*="background-color: var"],
[style*="background-color:var"],
[style*="background: var"],
[style*="background:var"] {
    background: #0d0d0d !important;
    background-color: #0d0d0d !important;
}

/* Specifically target the advantages section */
.fm-advantages {
    background-color: #0d0d0d !important;
}

/* Override base-2 variable which is also white */
.has-base-2-background-color,
*[style*="--wp--preset--color--base"] {
    background-color: #0d0d0d !important;
}

body, html, #page, .site-content, .main-content, .page-template-default, #wrapper {
    font-family: 'Inter', 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    background-color: #0d0d0d !important;
    color: #ffffff !important;
    margin: 0;
}

/* --- Шапка --- */
.fm-header {
    background: #0a0a0a;
    border-bottom: 1px solid #1a1a1a;
    padding: 14px 0;
}
.fm-header__container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.fm-header__logo {
    text-decoration: none;
    font-size: 26px;
    font-weight: 800;
    letter-spacing: -0.5px;
    line-height: 1;
    display: flex;
    align-items: center;
}
.fm-header__logo svg {
    height: 64px;
    width: auto;
}
/* Dark header: logo dark letters -> white, red "1" stays */
.fm-header__logo svg path[fill="#010101"],
.fm-header__logo svg path[fill="#020202"],
.fm-header__logo svg path[fill="#070707"],
.fm-header__logo svg path[fill="#080808"],
.fm-header__logo svg path[fill="#0A0A0A"],
.fm-header__logo svg path[fill="#111111"] {
    fill: #ffffff !important;
}
.fm-header__nav .fm-menu,
.fm-header__nav ul {
    display: flex;
    gap: 28px;
    list-style: none;
    margin: 0;
    padding: 0;
}
.fm-header__nav a {
    color: #ffffff;
    text-decoration: none;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    transition: color 0.3s ease;
}
.fm-header__nav a:hover { color: #e31e24; }

/* ===== ПРЕМИУМ-СТИЛЬ КНОПКИ «КАТАЛОГ» ===== */
.fm-header__nav a[href*="catalog"],
.fm-menu .menu-item-catalog a,
.fm-header__nav ul li:nth-child(2) a {
    background: transparent !important;
    border: 1px solid #e31e24 !important;
    color: #ffffff !important;
    padding: 6px 16px !important;
    border-radius: 4px !important;
    transition: all 0.3s ease !important;
}
.fm-header__nav a[href*="catalog"]:hover,
.fm-menu .menu-item-catalog a:hover,
.fm-header__nav ul li:nth-child(2) a:hover {
    background: #e31e24 !important;
    color: #ffffff !important;
}

/* Скрываем мобильные элементы на десктопе */
.fm-burger,
.mobile-menu-overlay {
    display: none;
}

/* === МОБИЛЬНЫЙ АДАПТИВ === */

/* Hide mobile menu elements on desktop */
.fm-burger,
.mobile-menu-overlay {
    display: none;
}

/* Hide mobile elements on desktop */
.fm-burger,
.mobile-menu-overlay {
    display: none;
}


/* ===== GLOBAL DARK MODE ===== */
/* Override all white backgrounds */
.fm-advantages,
.fm-advantage,
.fm-catalog-preview,
.single-car .entry-content,
.page .entry-content,
.entry-content,
.wp-block-columns,
.wp-block-group,
.wp-block-cover {
    background-color: #0d0d0d !important;
    color: #ffffff !important;
}

/* Advantage blocks - dark cards */
.fm-advantage {
    background: #141414 !important;
    border: 1px solid #1f1f1f !important;
    border-radius: 12px !important;
}

/* Advantage titles and text */
.fm-advantage__title {
    color: #ffffff !important;
}
.fm-advantage__text {
    color: #aaaaaa !important;
    font-family: 'Inter', sans-serif !important;
    font-weight: 400 !important;
}

/* Section headings */
.fm-section-title,
.entry-title,
h1, h2, h3, h4, h5, h6 {
    color: #ffffff !important;
}

/* Paragraphs and secondary text */
p, span, li {
    color: #cccccc !important;
}

/* Global inset shadow for depth */
.fm-container,
.fm-main {
    background: transparent !important;
}

/* WordPress block overrides */
.wp-block-heading,
.wp-block-paragraph {
    color: #ffffff !important;
}
.wp-block-separator {
    border-color: #1f1f1f !important;
}


/* ===== DARK MODE: KILL ALL WHITES ===== */
.wp-block-group,
.wp-block-columns,
.wp-block-cover,
.wp-block-media-text,
.alignwide,
.alignfull,
.entry-content > *:not(.wp-block-image):not(.wp-block-gallery),
article > *:not(footer):not(.fm-footer) {
    background-color: #0d0d0d !important;
    background: #0d0d0d !important;
    color: #ffffff !important;
}

/* Advantage cards - no shadows on dark */
.fm-advantage,
.wp-block-column {
    box-shadow: none !important;
}

/* ===== MICHROMA - Dubai Premium Font ===== */
@import url('https://fonts.googleapis.com/css2?family=Michroma&display=swap');

.fm-header__nav a,
.fm-hero__title,
.fm-advantage__title,
.fm-section-title,
.car-card__title,
h1, h2, h3,
.wp-block-heading,
.entry-title {
    font-family: 'Michroma', 'Montserrat', sans-serif !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
}
.fm-header__nav a {
    font-size: 11px !important;
    letter-spacing: 2px !important;
}


/* ===== AGGRESSIVE DARK MODE FIX ===== */
/* Kill ALL white backgrounds including inline styles */
.site-main section,
.site-main section *,
.site-main .wp-block-group,
.site-main .wp-block-group *,
.site-main .wp-block-columns,
.site-main .wp-block-column,
.fm-advantages,
.fm-advantages *,
.fm-advantage,
.fm-advantage *:not(svg):not(path) {
    background-color: #0d0d0d !important;
    background: #0d0d0d !important;
    color: #ffffff !important;
}

/* Inline style override for Gutenberg */
[style*="background-color: rgb(255"],
[style*="background-color: #fff"],
[style*="background-color: #ffffff"],
[style*="background-color: white"],
[style*="background: rgb(255"],
[style*="background: #fff"],
[style*="background: #ffffff"],
[style*="background: white"] {
    background: #0d0d0d !important;
    background-color: #0d0d0d !important;
}

/* Car card titles - white text */
.car-card__title,
.car-card h3,
.car-card h3 a,
.car-card a,
[class*="car-card"] h3,
[class*="car-card"] h3 a,
[class*="car-card"] a {
    color: #ffffff !important;
    font-family: 'Michroma', 'Montserrat', sans-serif !important;
    font-size: 14px !important;
    display: block !important;
}

/* Advantage headings - white + Michroma */
.fm-advantage__title,
.fm-section-title,
.site-main h2,
.site-main h3,
.wp-block-heading {
    color: #ffffff !important;
    font-family: 'Michroma', 'Montserrat', sans-serif !important;
    text-transform: uppercase !important;
}

/* Car card price */
.car-card__price,
[class*="car-card"] .price,
[class*="car-card"] [class*="price"] {
    color: #e31e24 !important;
    font-weight: 700 !important;
}

/* Secondary text on cards */
.car-card__specs,
.car-card__info {
    color: #aaaaaa !important;
}


/* Extra aggressive dark mode for advantages */
.fm-advantages,
.fm-advantages .fm-container,
.fm-advantages .fm-advantages__grid,
.fm-advantages .fm-advantage,
.fm-advantages .fm-advantage *:not(svg):not(path):not(circle):not(rect):not(line):not(polyline):not(polygon) {
    background-color: #0d0d0d !important;
    background: #0d0d0d !important;
}

/* Target WordPress post content wrapper */
.entry-content,
.wp-block-post-content,
.is-root-container {
    background-color: #0d0d0d !important;
}

/* Target any direct parent of fm-advantages */
main,
.site-main,
#main {
    background-color: #0d0d0d !important;
}

/* ===== DARK MODE: READABILITY FIXES ===== */

/* 1. Single car page - white text */
.single-car h1,
.single-car h2,
.single-car .entry-title,
.single-car-title,
.car-price,
.car-tech-data,
.car-tech-data *,
.car-features-list,
.car-features-list *,
.car-specs,
.car-specs *,
.vehicle-details,
.vehicle-details * {
    color: #ffffff !important;
}
.single-car td,
.single-car th,
.car-tech-data td,
.car-tech-data th {
    border-color: #222222 !important;
}

/* 2. About & Contact pages - dark bg */
.wp-block-group,
.about-box,
.contact-map-wrap,
[class*="wp-block-columns"] > div,
.fm-about-box,
.fm-contact-box {
    background-color: #141414 !important;
    background: #141414 !important;
    border: 1px solid #1f1f1f !important;
}

/* 3. Contact page - white text */
.contact-info-block,
.contact-info-block *,
#fm-contact-page a,
#fm-contact-page p,
.contact-phone,
.contact-email,
.contact-address,
.fm-contact-info,
.fm-contact-info * {
    color: #ffffff !important;
}

/* 4. Filters & selects - dark bg, white text */
.fm-filter-wrap select,
.facetwp-sort-select,
select,
.fm-filter-wrap,
.filters-row select {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
    border: 1px solid #333333 !important;
}
select option {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
}

/* 5. Pagination - красная тема с белым шрифтом */
.page-numbers:not(.current),
.pagination a,
.pagination span:not(.current),
.car-pagination a,
.car-pagination .page-numbers {
    color: #ffffff !important;
    border-color: #333333 !important;
    background: #1a1a1a !important;
}
.page-numbers.current,
.pagination .current,
.car-pagination .current {
    color: #ffffff !important;
    background-color: #e31e24 !important;
    border-color: #e31e24 !important;
}
.car-pagination a:hover {
    color: #ffffff !important;
    background-color: #e31e24 !important;
    border-color: #e31e24 !important;
}

/* 6. Kill any remaining white gutenberg blocks */
.wp-block-group:where(.has-background),
.wp-block-group__inner-container,
.wp-block-columns > .wp-block-column,
.wp-block-media-text__content > * {
    background-color: #141414 !important;
}
div[class*="wp-block"].has-base-background-color,
div[class*="wp-block"].has-base-2-background-color,
div[class*="wp-block"].has-contrast-background-color {
    background-color: #141414 !important;
}
div[class*="wp-block"].has-base-color,
div[class*="wp-block"].has-contrast-color {
    color: #ffffff !important;
}

/* 7. Content wrappers */
.entry-content > *:not(.wp-block-image):not(.wp-block-gallery):not(.wp-block-cover):not(.wp-block-video) {
    background-color: #0d0d0d !important;
    color: #ffffff !important;
}
.fm-container .wp-group {
    background-color: #0d0d0d !important;
}

/* 8. Buttons */
.btn--outline,
.wp-block-button__link:not(.has-background) {
    color: #ffffff !important;
    border-color: #ffffff !important;
}
.btn--outline:hover {
    background-color: #ffffff !important;
    color: #0d0d0d !important;
}

/* 9. Yandex map wrapper dark */
iframe[src*="yandex"] {
    filter: brightness(0.7) invert(0.9) hue-rotate(180deg) !important;
}
.map-wrapper,
.contact-map {
    background-color: #141414 !important;
}

/* ===== HARD DARK MODE FIX - NO COMPROMISE ===== */

/* 1. KILL ALL BORDERS ON CARDS - кроме контактов */
.wp-block-group:not(.fm-contacts__card):not(.fm-contacts__visit),
[class*="benefit-box"],
.site-main section div:not(.fm-contacts__block):not(.fm-contacts__icon),
.fm-advantage,
.fm-advantages__grid > div,
.wp-block-columns > div,
.about-grid > div,
.services-grid > div,
.contact-grid > div {
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}

/* 2. SINGLE CAR PAGE - ALL TEXT VISIBLE */
.single-car h1,
.single-car h2,
.single-car h3,
.single-car-title,
.car-title,
.entry-title,
.car-price,
.car-price *,
.car-tech-data,
.car-tech-data *,
.car-tech-data dt,
.car-tech-data dd,
.car-tech-data span,
.car-tech-data td,
.car-tech-data th,
.car-features-list,
.car-features-list *,
.car-features-list li,
.car-features-list p,
.car-specs,
.car-specs *,
.vehicle-details,
.vehicle-details *,
.spec-table,
.spec-table * {
    color: #e0e0e0 !important;
}
.car-tech-data td,
.car-tech-data th,
.spec-table td,
.spec-table th,
.single-car td,
.single-car th {
    border-color: #262626 !important;
}

/* ===== ПОЛНЫЙ ПЕРЕКРАС ФОРМЫ НА SINGLE-CAR ===== */
.car-single__order {
    background: #141414 !important;
    border: 1px solid #1f1f1f !important;
    border-radius: 8px !important;
}
.car-single__order h2,
.car-single__order p,
.car-single__order label,
.car-single__order span {
    color: #ffffff !important;
}
.car-single__order .wpcf7,
.car-single__order .wpcf7-form,
.car-single__order form.wpcf7-form,
.car-single__order .wpcf7-form p {
    background: transparent !important;
    background-color: transparent !important;
    color: #ffffff !important;
}
.car-single__order .wpcf7-form input[type="text"],
.car-single__order .wpcf7-form input[type="email"],
.car-single__order .wpcf7-form input[type="tel"],
.car-single__order .wpcf7-form textarea {
    background: #1a1a1a !important;
    background-color: #1a1a1a !important;
    color: #ffffff !important;
    border: 1px solid #333333 !important;
}
.car-single__order .wpcf7-form input[type="text"]::placeholder,
.car-single__order .wpcf7-form input[type="email"]::placeholder,
.car-single__order .wpcf7-form input[type="tel"]::placeholder,
.car-single__order .wpcf7-form textarea::placeholder {
    color: #666666 !important;
}
.car-single__order .wpcf7-acceptance label,
.car-single__order .fm-acceptance {
    color: #aaaaaa !important;
}
.car-single__order .wpcf7-acceptance a,
.car-single__order .fm-acceptance a {
    color: #e31e24 !important;
}
.car-single__order .wpcf7-form input[type="submit"] {
    background: #e31e24 !important;
    color: #ffffff !important;
    border: none !important;
}

/* 3. ABOUT PAGE - DARK CARDS */
.about-grid > div,
.wp-block-columns > .wp-block-column,
.services-grid > div,
.service-card,
.about-card,
.fm-about-box {
    background-color: #141414 !important;
    background: #141414 !important;
    border: 1px solid #1f1f1f !important;
    border-radius: 8px !important;
    color: #ffffff !important;
}
.about-grid > div *,
.wp-block-columns > .wp-block-column *,
.service-card *,
.about-card * {
    color: #ffffff !important;
}

/* Footer spacer / bottom white strip */
.site-main + div,
section:last-child,
.alignfull:last-child {
    background-color: #0d0d0d !important;
    background: #0d0d0d !important;
}

/* 4. CONTACT PAGE */
/* Kill white circles around icons */
.contact-icon,
.icon-circle,
.contact-icon-wrap,
.fm-contact-icon,
[class*="contact"] [class*="icon"],
[class*="contact"] .wp-block-image,
.fm-contact-box > div:first-child,
.about-number,
.number-circle,
.step-number {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}
/* Contact text white */
.contact-info-block,
.contact-info-block *,
.contact-phone,
.contact-email,
.contact-address,
.fm-contact-info,
.fm-contact-info *,
.contact-details a,
.contact-details p,
.contact-details span,
#fm-contact-page a,
#fm-contact-page p {
    color: #ffffff !important;
}
/* Map wrapper dark */
.contact-map-wrap,
.map-container,
.map-wrapper,
.fm-map,
.wp-block-video,
/* removed: yandex map wrap */
/* removed: google map wrap */ {
    background-color: #141414 !important;
    background: #141414 !important;
    border: 1px solid #1f1f1f !important;
    padding: 10px !important;
    border-radius: 8px !important;
}

/* 5. REMAINING WHITE KILLERS */
.site-main > *:not(.fm-hero):not(.fm-advantages):not(.fm-catalog-preview) {
    background-color: #0d0d0d !important;
    color: #ffffff !important;
}
body .wp-site-blocks > *:not(footer):not(header) {
    background-color: #0d0d0d !important;
}

/* ===== ULTRA DARK MODE - OVERRIDE ALL ===== */
:root {
    --wp--preset--color--base: #0d0d0d !important;
    --wp--preset--color--base-2: #0d0d0d !important;
    --wp--preset--color--contrast: #ffffff !important;
    --wp--preset--color--contrast-2: #aaaaaa !important;
    --wp--preset--color--contrast-3: #888888 !important;
}

/* Kill all background colors on wrappers */
body,
html,
.wp-site-blocks,
.wp-site-blocks > *:not(header):not(footer),
.wp-block-post-content,
.wp-block-post-content > *:not(.wp-block-image):not(.wp-block-gallery):not(.wp-block-cover):not(.wp-block-video):not(figure):not(img):not(a):not(button):not(.button):not(.fm-hero):not(.fm-footer),
.is-root-container,
.is-root-container > *:not(header):not(footer):not(.wp-block-image):not(img):not(figure) {
    background-color: #0d0d0d !important;
}

/* Text colors - everything light */
body *:not(.fm-hero):not(.fm-hero *):not(.fm-footer):not(.fm-footer *):not(button):not(.button):not(.btn):not(.car-card__status):not(svg):not(path):not(circle):not(rect):not(line):not(polyline) {
    color: #e0e0e0 !important;
}
h1, h2, h3, h4, h5, h6, .wp-block-heading, .fm-section-title, .entry-title, .fm-advantage__title {
    color: #ffffff !important;
}
a, .car-card__title a, .car-card a {
    color: #ffffff !important;
}
a:hover {
    color: #e31e24 !important;
}
@media screen and (max-width: 768px) {

    /* Глобальный запрет горизонтального скролла */
    html, body {
        max-width: 100% !important;
        overflow-x: hidden !important;
    }

    /* HEADER */
    .fm-header {
        background: #0a0a0a !important;
        padding: 14px 16px !important;
        display: flex !important;
        align-items: center !important;
        position: sticky !important;
        top: 0 !important;
        z-index: 100 !important;
        border-bottom: 1px solid #1a1a1a !important;
    }
    .fm-header__container {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: 100% !important;
        max-width: none !important;
        padding: 0 !important;
    }
    .fm-header__logo svg {
        height: 48px !important;
        width: auto !important;
    }
    .fm-header__nav {
        display: none !important;
    }

    /* BURGER */
    .fm-burger {
        display: flex !important;
        flex-direction: column !important;
        gap: 5px !important;
        background: none !important;
        border: none !important;
        cursor: pointer !important;
        padding: 8px !important;
        z-index: 101 !important;
    }
    .fm-burger span {
        display: block !important;
        width: 22px !important;
        height: 2px !important;
        background: #ffffff !important;
        border-radius: 1px !important;
        transition: transform .3s, opacity .3s !important;
    }
    .fm-burger.is-open span:nth-child(1) {
        transform: rotate(45deg) translate(5px, 5px) !important;
    }
    .fm-burger.is-open span:nth-child(2) {
        opacity: 0 !important;
    }
    .fm-burger.is-open span:nth-child(3) {
        transform: rotate(-45deg) translate(5px, -5px) !important;
    }

    /* OVERLAY */
    .mobile-menu-overlay {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 100vw !important;
        height: 100vh !important;
        background: #111 !important;
        z-index: 9999 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        padding: 60px 32px 32px !important;
        box-sizing: border-box !important;
        opacity: 0 !important;
        visibility: hidden !important;
        transition: opacity .3s, visibility .3s !important;
        pointer-events: none !important;
        overflow-y: auto !important;
    }
    .mobile-menu-overlay.is-open {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }
    .mobile-menu-close {
        position: absolute !important;
        top: 16px !important;
        right: 16px !important;
        background: none !important;
        border: none !important;
        color: #fff !important;
        font-size: 32px !important;
        cursor: pointer !important;
        padding: 8px !important;
        line-height: 1 !important;
    }
    .mobile-menu-nav {
        display: flex !important;
        flex-direction: column !important;
        gap: 24px !important;
        width: 100% !important;
    }
    .mobile-menu-nav a {
        color: #fff !important;
        text-decoration: none !important;
        font-size: 24px !important;
        font-weight: 600 !important;
        font-family: 'Montserrat', 'Inter', sans-serif !important;
        padding: 0 !important;
        border-bottom: 1px solid #222 !important;
        padding-bottom: 16px !important;
    }

    /* FOOTER — mobile: collapse to single column */
    /* Footer dark bg: logo dark letters -> white, red "1" stays */

    /* PAGINATION */
    .car-pagination {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        flex-wrap: wrap !important;
        gap: 6px !important;
        width: 100% !important;
        margin-top: 30px !important;
    }
    .car-pagination .page-numbers,
    .car-pagination a,
    .car-pagination span {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-width: 40px !important;
        height: 40px !important;
        padding: 0 12px !important;
        margin: 0 !important;
        border: 1px solid #333 !important;
        border-radius: 4px !important;
        text-decoration: none !important;
        font-size: 14px !important;
        color: #ffffff !important;
        background: #1a1a1a !important;
        line-height: 1 !important;
    }
    .car-pagination .current {
        background: #e31e24 !important;
        color: #fff !important;
        border-color: #e31e24 !important;
    }
    .car-pagination a:hover {
        background: #e31e24 !important;
        color: #fff !important;
        border-color: #e31e24 !important;
    }
    .car-pagination .next {
        font-size: 13px !important;
        min-width: auto !important;
        padding: 0 16px !important;
        white-space: nowrap !important;
    }

    /* CATALOG */
    .car-filters {
        padding: 12px !important;
    }
    .filters-row {
        flex-direction: column !important;
        gap: 8px !important;
    }
    .car-filters select {
        width: 100% !important;
        min-width: 0 !important;
    }
    .car-grid {
        grid-template-columns: 1fr !important;
    }

    /* FRONT PAGE */
    .fm-hero {
        padding: 40px 16px !important;
    }
    .fm-hero__title {
        font-size: 28px !important;
    }
    .fm-advantages__grid {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }
    .fm-advantage {
        padding: 24px 16px !important;
    }
    .fm-catalog-preview .fm-section-title {
        font-size: 24px !important;
        color: #ffffff !important;
    }




    .fm-header__logo svg path[fill="#ffffff"],
    .fm-header__logo svg path[fill="#FFFFFF"],

    .fm-header {
        background: #0a0a0a !important;
        border-bottom: 1px solid #1a1a1a !important;
    }
    .fm-header__container {
        padding: 0 !important;
    }

    .fm-burger {
        display: flex !important;
        flex-direction: column !important;
        gap: 5px !important;
        background: none !important;
        border: none !important;
        cursor: pointer !important;
        padding: 8px !important;
        z-index: 101 !important;
    }
    .fm-burger span {
        display: block !important;
        width: 24px !important;
        height: 2.5px !important;
        background: #ffffff !important;
        border-radius: 2px !important;
    }

    .mobile-menu-overlay {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        background: #111111;
        z-index: 9999;
        flex-direction: column;
        align-items: flex-start;
        padding: 60px 32px 32px;
        box-sizing: border-box;
    }
    .mobile-menu-close {
        position: absolute;
        top: 16px;
        right: 16px;
        background: none;
        border: none;
        color: #ffffff;
        font-size: 32px;
        cursor: pointer;
        padding: 8px;
    }
    .mobile-menu-nav {
        display: flex;
        flex-direction: column;
        gap: 24px;
        width: 100%;
    }
    .mobile-menu-nav a {
        color: #ffffff;
        text-decoration: none;
        font-size: 24px;
        font-weight: 600;
        font-family: "Montserrat", "Inter", sans-serif;
        border-bottom: 1px solid #222;
        padding-bottom: 16px;
    }

    .fm-header__nav {
        display: none !important;
    }

    .fm-burger { pointer-events: auto !important; cursor: pointer !important; }
    .mobile-menu-overlay { z-index: 999999 !important; }

    #fm-menu-toggle { display: none !important; }
    .mobile-menu-overlay {
        display: none !important;
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        background: #000;
        z-index: 999999;
        flex-direction: column;
        align-items: flex-start;
        padding: 60px 32px 32px;
        box-sizing: border-box;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s, visibility 0.3s;
        pointer-events: none;
    }
    #fm-menu-toggle:checked ~ .mobile-menu-overlay {
        display: flex !important;
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }

    .mobile-menu-overlay {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100vh !important;
        background: #000000 !important;
        z-index: 99999 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        padding: 60px 32px 32px !important;
        box-sizing: border-box !important;
        opacity: 0 !important;
        visibility: hidden !important;
        transition: opacity 0.3s ease, visibility 0.3s ease !important;
    }
    .mobile-menu-overlay.is-open {
        opacity: 1 !important;
        visibility: visible !important;
    }

}




/* mobile menu override moved to end of file */

/* ===== GLOBAL MICHROMA FONT (all except header) ===== */
body,
p, li, span, div,
.car-card__specs,
.car-card__price,
.fm-advantage__text,
.fm-subtitle,
.fm-hero__subtitle,
.car-single__meta,
.car-single__description,
.wpcf7 label,
.wpcf7 input,
.wpcf7 select,
.wpcf7 textarea,
select, option,
.fm-filter-wrap,
.fm-filter-wrap label,
.btn, button,
.page-numbers,
.fm-catalog-preview__empty {
    font-family: 'Michroma', 'Trebuchet MS', Arial, sans-serif !important;
}

/* Header nav keeps its own styles — no override needed */

/* ===== FOOTER: заголовки Michroma, мелкий текст Trebuchet MS ===== */
#fm-footer h1, #fm-footer h2, #fm-footer h3, #fm-footer h4, #fm-footer h5 {
    font-family: 'Michroma', Arial, sans-serif !important;
}
#fm-footer .fm-right a,
#fm-footer .fm-right span,
#fm-footer .fm-left p,
#fm-footer .fm-bottom,
#fm-footer .fm-bottom a,
#fm-footer .fm-bottom div {
    font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif !important;
}

/* ===== FINAL DARK MODE FIXES ===== */
/* Advantage cards - dark with subtle border */
.fm-advantage {
    background-color: #141414 !important;
    border: 1px solid #1f1f1f !important;
    border-radius: 8px !important;
}
.fm-advantages {
    background-color: #0d0d0d !important;
}
.fm-advantages__grid > div,
.fm-advantages div[class*="wp-block"] {
    background-color: #141414 !important;
    border: 1px solid #1f1f1f !important;
}

/* About page cards */
.fm-about__card {
    background: #141414 !important;
    border: 1px solid #1f1f1f !important;
    color: #ffffff !important;
}
.fm-about__card h3 {
    color: #ffffff !important;
}
.fm-about__card p {
    color: #b0b0b0 !important;
}
.fm-about__stats-grid > div {
    background: #141414 !important;
    border: 1px solid #1f1f1f !important;
}
.fm-about__stat-number {
    color: #e31e24 !important;
}
.fm-about__stat-label {
    color: #888888 !important;
}
.fm-about__cta {
    background: #121212 !important;
    border: 1px solid #1f1f1f !important;
}
.fm-about__cta h2,
.fm-about__cta p {
    color: #ffffff !important;
}

/* Contacts — единая карточка, без мелких рамок */
.fm-contacts__block {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}
.fm-contacts__block > div {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* ===== MANUAL DARK MODE FIXES ===== */

/* CF7 Form - dark bg */
div.wpcf7,
.wpcf7-form,
form.wpcf7-form {
    background-color: #141414 !important;
    background: #141414 !important;
    border: 1px solid #1f1f1f !important;
    padding: 35px !important;
    border-radius: 8px !important;
}
.wpcf7-form p,
.wpcf7 label,
.wpcf7-list-item-label {
    color: #ffffff !important;
}

/* Contacts - kill all inner boxes */
.fm-contacts__block > div,
.fm-contacts__grid > div > div,
.fm-contacts div:has(> svg),
.fm-contacts div:has(> img) {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* See all cars button - RED */
.fm-catalog-preview__more a,
a.btn--outline[href*="catalog"],
a[href*="/catalog/"]:not(.fm-hero__cta):not(.car-card__link) {
    background-color: #e31e24 !important;
    color: #ffffff !important;
    font-family: 'Michroma', 'Montserrat', sans-serif !important;
    text-transform: uppercase !important;
    padding: 14px 36px !important;
    border-radius: 4px !important;
    display: inline-block !important;
    text-decoration: none !important;
    border: none !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    font-size: 14px !important;
}
.fm-catalog-preview__more a:hover {
    background-color: #c41a1f !important;
}

/* ===== КНОПКА СБРОСИТЬ — компактная справа ===== */
.btn-reset {
    color: #aaaaaa !important;
    font-size: 12px !important;
    padding: 8px 12px !important;
    text-decoration: none !important;
    border: 1px solid #333 !important;
    border-radius: 4px !important;
    white-space: nowrap !important;
    margin-left: auto !important;
    transition: all 0.2s ease !important;
}
.btn-reset:hover {
    color: #ffffff !important;
    border-color: #e31e24 !important;
}


/* ===== ДЕСКТОП-ДОРАБОТКИ v3 — 2026-06-27 ===== */

/* 1. СНОС КРАСНОЙ КОРОБКИ «КАТАЛОГ» + СИНХРОНИЗАЦИЯ С МЕНЮ */
.fm-header__nav a[href*="catalog"],
.fm-header__nav .fm-menu li:nth-child(2) a {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 0 !important;
    color: #ffffff !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    font-family: 'Michroma', 'Montserrat', sans-serif !important;
}
.fm-header__nav a[href*="catalog"]:hover,
.fm-header__nav .fm-menu li:nth-child(2) a:hover {
    background: transparent !important;
    background-color: transparent !important;
    color: #e31e24 !important;
    border: none !important;
}

/* 2. ЗАЧИСТКА ВЛОЖЕННЫХ БОРТИКОВ У ФОРМЫ ЗАЯВКИ */
.car-single__order .wpcf7,
.car-single__order div.wpcf7,
.car-single__order form.wpcf7-form,
.car-single__order div.wpcf7-form,
.car-single__order .wpcf7-form-control-wrap {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
}
.car-single__order {
    border: 1px solid #1f1f1f !important;
    background-color: #141414 !important;
    border-radius: 8px !important;
}

/* ===== КАРТА КОНТАКТОВ: УБИРАЕМ ЛИШНЮЮ ОБВОДКУ И ЦЕНТРИРУЕМ ===== */
.page-id-18 .fm-contacts__map {
    border: none !important;
    padding: 0 !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    width: 100% !important;
    background: transparent !important;
}
.page-id-18 .fm-contacts__map iframe {
    width: 100% !important;
    display: block !important;
    border-radius: 8px !important;
}

/* Footer 4-column responsive */
@media (max-width: 768px) {
}

/* ============================================
   FOOTER TWO-COLUMN WIDE LAYOUT
   ============================================ */

/* Hide navigation in footer */

/* Full-width footer container */

/* Main container - two columns space-between */

/* Left column: Logo + Legal + Social */

/* Hide the address column (we move contacts right) */

/* Right column: Contacts + Social */

/* Add heading before contacts in right column */

/* Social icons row */

/* Bottom bar - full width, items to edges */



/* Mobile responsive */
@media (max-width: 768px) {
}


/* Footer logo SVG - mobile dark letters -> white on dark bg */
@media (max-width: 768px) {
}


/* ============================================
   FOOTER v4 - Clean layout with inline SVG logo
   ============================================ */

/* Footer logo SVG - dark letters white on dark bg */

/* Mobile styles for footer v4 */
@media (max-width: 768px) {
}


/* ============================================
   FOOTER v7 - Full width 1920x1080
   ============================================ */


@media (max-width: 768px) {
}


/* ============================================
   HARD RESET: KILL ALL HIDDEN FOOTER GARBAGE
   ============================================ */

/* ============================================
   HIDE screen-reader-text / accessibility bug fix
   ============================================ */
.screen-reader-text, 
#fm-footer-v7 .screen-reader-text, 
[class*=screen-reader] {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
    display: none !important;
}

/* ============================================
   FOOTER ISOLATION + WHITE LOGO OVERRIDE
   ============================================ */
#fm-footer, #fm-footer * {
    color: inherit;
}

#fm-footer .wp-block-site-logo img, 
#fm-footer .custom-logo-link img {
    visibility: hidden !important;
}
#fm-footer .wp-block-site-logo a, 
#fm-footer .custom-logo-link {
    display: inline-block !important;
    width: 240px !important;
    height: 40px !important;
    background: url('data:image/svg+xml;utf8,<svg xmlns=http://w3.org/2000/svg viewBox=0 0 500 80><path fill=%23ffffff d=M15 10h30v10H25v15h15v10H25v25H15V10zM55 10h10v60H55V10zM75 10h25c15 0 20 5 20 15v5c0 8-5 12-12 14l15 26H110L98 45H85v25H75V10zm10 10v15h12c5 0 8-2 8-7v-1c0-5-3-7-8-7H85zM130 45h15c5 0 8-2 8-6v-1c0-5-3-6-8-6h-15v13zm0-23h12c5 0 7-2 7-5v-1c0-4-2-5-7-5h-12v11zM130 10h22c12 0 17 4 17 12v2c0 6-3 9-8 11 6 2 9 6 9 13v3c0 9-6 13-18 13h-24V10zM180 50c0 12 6 18 18 18s18-6 18-18V10h10v40c0 18-10 27-28 27s-28-9-28-27V10h10v40z/><path fill=%23e31e24 d=M245 10h18l-12 60h-18z/><path fill=%23ffffff d=M280 10h45v10h-35v15h30v10h-30v25h-10V10zM335 40c0 18 9 27 28 27s28-9 28-27V40c0-18-9-27-28-27s-28 9-28 27zm10 0c0-12 5-17 18-17s18 5 18 17v0c0 12-5 17-18 17s-18-5-18-17zM395 20h-15V10h40v10h-15v50h-10V20zM435 40c0 18 9 27 28 27s28-9 28-27V40c0-18-9-27-28-27s-28 9-28 27zm10 0c0-12 5-17 18-17s18 5 18 17v0c0 12-5 17-18 17s-18-5-18-17z/></svg>') no-repeat center left !important;
    background-size: contain !important;
}

/* ============================================
   SURGICAL FIX: HIDE ALL OVERLAY TEXT
   ============================================ */
.screen-reader-text, .wp-block-site-logo a::after, a[href*=f1rstmotors]::after {
    display: none !important;
    font-size: 0 !important;
    color: transparent !important;
    content: none !important;
}


/* ============================================================
   MOBILE MENU: единый стиль — все кнопки как КАТАЛОГ
   (в конце файла — выигрывает каскад при !important + позиция)
   ============================================================ */
@media (max-width: 768px) {

    /* Сетка меню: колонка с гэпом */
    .mobile-menu-overlay .mobile-menu-nav {
        display: flex !important;
        flex-direction: column !important;
        gap: 14px !important;
        width: 100% !important;
        padding-top: 8px !important;
    }

    /* Все пункты — красные кнопки, единый стиль */
    .mobile-menu-overlay .mobile-menu-nav a {
        display: block !important;
        width: 100% !important;
        box-sizing: border-box !important;
        background: #e31e24 !important;
        background-color: #e31e24 !important;
        color: #ffffff !important;
        font-family: 'Michroma', 'Montserrat', Arial, sans-serif !important;
        font-size: 15px !important;
        font-weight: 700 !important;
        text-transform: uppercase !important;
        letter-spacing: 2px !important;
        padding: 18px 24px !important;
        border-radius: 4px !important;
        border: none !important;
        border-bottom: none !important;
        text-decoration: none !important;
        text-align: left !important;
        transition: background-color 0.2s ease !important;
    }

    .mobile-menu-overlay .mobile-menu-nav a:hover,
    .mobile-menu-overlay .mobile-menu-nav a:active {
        background: #c41a1f !important;
        background-color: #c41a1f !important;
        color: #ffffff !important;
    }
}

/* ============================================================
   MOBILE MENU: КАТАЛОГ — выравнивание с остальными кнопками
   Специфичность 0,3,1 (class+class+element+attr) — побеждает
   глобальный a[href*="/catalog/"]:not():not() тоже 0,3,1,
   но этот блок позже в файле → выигрывает каскад
   ============================================================ */
@media (max-width: 768px) {
    .mobile-menu-overlay .mobile-menu-nav a[href*="catalog"] {
        display: block !important;
        width: 100% !important;
        box-sizing: border-box !important;
        background: #e31e24 !important;
        background-color: #e31e24 !important;
        color: #ffffff !important;
        font-family: 'Michroma', 'Montserrat', Arial, sans-serif !important;
        font-size: 15px !important;
        font-weight: 700 !important;
        text-transform: uppercase !important;
        letter-spacing: 2px !important;
        padding: 18px 24px !important;
        border-radius: 4px !important;
        border: none !important;
        border-bottom: none !important;
        text-decoration: none !important;
        text-align: left !important;
    }
}


/* ============================================================
   MOBILE MENU — DUBAI STYLE
   Полный оверайд: чистые текстовые ссылки + контакты + соцсети
   ============================================================ */
@media (max-width: 768px) {

    /* Overlay: тёмная панель на весь экран */
    .mobile-menu-overlay {
        background: #111111 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        padding: 0 !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
    }
    .mobile-menu-overlay.is-open {
        display: flex !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }

    /* Внутренний контейнер */
    .fm-mob-menu {
        display: flex !important;
        flex-direction: column !important;
        min-height: 100vh !important;
        padding: 0 28px 20px !important;
        box-sizing: border-box !important;
    }

    /* Верхняя строка: логотип по центру + крест справа */
    .fm-mob-menu__top {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        position: relative !important;
        padding: 14px 0 14px !important;
        border-bottom: 1px solid rgba(255,255,255,0.08) !important;
        margin-bottom: 0 !important;
    }
    .fm-mob-menu__top-logo {
        height: 40px !important;
        width: auto !important;
        display: block !important;
    }
    .fm-mob-menu__close {
        position: absolute !important;
        top: 50% !important;
        right: 24px !important;
        transform: translateY(-50%) !important;
        background: none !important;
        border: none !important;
        padding: 0 !important;
        cursor: pointer !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        opacity: 0.85 !important;
    }
    .fm-mob-menu__close:hover { opacity: 1 !important; }

    /* Nav — Dubai стиль: текст с разделителями */
    .mobile-menu-overlay .mobile-menu-nav.fm-mob-menu__nav {
        display: flex !important;
        flex-direction: column !important;
        gap: 0 !important;
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    /* Все ссылки — плоские, белые, uppercase */
    .mobile-menu-overlay .mobile-menu-nav.fm-mob-menu__nav a,
    .mobile-menu-overlay .fm-mob-menu__nav a {
        display: block !important;
        width: 100% !important;
        box-sizing: border-box !important;
        background: none !important;
        background-color: transparent !important;
        color: #ffffff !important;
        font-family: 'Michroma', 'Montserrat', Arial, sans-serif !important;
        font-size: 20px !important;
        font-weight: 700 !important;
        text-transform: uppercase !important;
        letter-spacing: 2px !important;
        text-decoration: none !important;
        padding: 13px 0 !important;
        border: none !important;
        border-bottom: 1px solid rgba(255,255,255,0.08) !important;
        border-radius: 0 !important;
        transition: color 0.2s !important;
    }
    .mobile-menu-overlay .mobile-menu-nav.fm-mob-menu__nav a:hover,
    .mobile-menu-overlay .fm-mob-menu__nav a:hover {
        color: #e31e24 !important;
        background: none !important;
    }

    /* Каталог — та же специфичность 0,3,1 что и глобал, но позже */
    .mobile-menu-overlay .fm-mob-menu__nav a[href*="catalog"] {
        display: block !important;
        background: none !important;
        background-color: transparent !important;
        color: #ffffff !important;
        padding: 13px 0 !important;
        font-size: 20px !important;
        font-weight: 700 !important;
        letter-spacing: 2px !important;
        border: none !important;
        border-bottom: 1px solid rgba(255,255,255,0.08) !important;
        border-radius: 0 !important;
        text-align: left !important;
        width: 100% !important;
        box-sizing: border-box !important;
        text-decoration: none !important;
    }

    /* Блок контактов */
    .fm-mob-menu__contacts {
        margin-top: 18px !important;
        padding-top: 16px !important;
        border-top: 1px solid rgba(255,255,255,0.08) !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
    }
    .fm-mob-menu__contact-item {
        display: flex !important;
        align-items: center !important;
        gap: 12px !important;
        color: #b0b0b0 !important;
        font-family: 'Trebuchet MS', Arial, sans-serif !important;
        font-size: 14px !important;
        text-decoration: none !important;
        background: none !important;
        border: none !important;
        padding: 0 !important;
        letter-spacing: 0 !important;
        border-radius: 0 !important;
        font-weight: 400 !important;
        text-transform: none !important;
    }
    .fm-mob-menu__contact-item:hover { color: #ffffff !important; }
    .fm-mob-menu__contact-item svg { flex-shrink: 0 !important; }

    /* Блок «Подписаться» */
    .fm-mob-menu__follow {
        margin-top: 16px !important;
        padding-top: 14px !important;
        border-top: 1px solid rgba(255,255,255,0.08) !important;
    }
    .fm-mob-menu__follow-label {
        font-family: 'Michroma', Arial, sans-serif !important;
        font-size: 10px !important;
        font-weight: 700 !important;
        text-transform: uppercase !important;
        letter-spacing: 3px !important;
        color: #666666 !important;
        margin-bottom: 10px !important;
    }
    .fm-mob-menu__follow-icons {
        display: flex !important;
        gap: 14px !important;
        align-items: center !important;
    }
    .fm-mob-menu__ig-link {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 44px !important;
        height: 44px !important;
        border-radius: 50% !important;
        background: rgba(255,255,255,0.08) !important;
        transition: background 0.2s !important;
        text-decoration: none !important;
        border: none !important;
        padding: 0 !important;
        letter-spacing: 0 !important;
        font-size: 0 !important;
        text-transform: none !important;
        color: transparent !important;
    }
    .fm-mob-menu__ig-link:hover {
        background: linear-gradient(45deg, #feda75, #fa7e1e, #d62976, #962fbf, #4f5bd5) !important;
    }
}

/* ═══════════════════════════════════════════════════════════════
   PREMIUM HEADINGS — section titles + page titles
   27.06.2026
═══════════════════════════════════════════════════════════════ */

/* SECTION TITLE ("АВТОМОБИЛИ") — flanking red lines */
.fm-section-title {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 22px !important;
    letter-spacing: 7px !important;
    font-size: 14px !important;
    color: #cccccc !important;
    margin-bottom: 48px !important;
    padding-bottom: 0 !important;
    position: static !important;
}
.fm-section-title::before,
.fm-section-title::after {
    content: "" !important;
    flex: none !important;
    width: 70px !important;
    height: 1px !important;
    background: rgba(227, 30, 36, 0.6) !important;
    display: block !important;
}

/* PAGE TITLE ("КАТАЛОГ АВТОМОБИЛЕЙ") */
.fm-page__title {
    text-align: center !important;
    letter-spacing: 6px !important;
    font-size: 24px !important;
    position: relative !important;
    padding-bottom: 40px !important;
    margin-bottom: 44px !important;
    color: #ffffff !important;
}
.fm-page__title::after {
    content: "" !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 44px !important;
    height: 2px !important;
    background: #e31e24 !important;
    display: block !important;
}

/* ABOUT PAGE TITLE */
.fm-about__title {
    text-align: center !important;
    letter-spacing: 4px !important;
    position: relative !important;
    padding-bottom: 22px !important;
    margin-bottom: 44px !important;
}
.fm-about__title::after {
    content: "" !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 44px !important;
    height: 2px !important;
    background: #e31e24 !important;
    display: block !important;
}

/* CONTACTS PAGE TITLE */
.fm-contacts__title {
    text-align: center !important;
    letter-spacing: 8px !important;
    position: relative !important;
    padding-bottom: 22px !important;
    margin-bottom: 44px !important;
    color: #ffffff !important;
}
.fm-contacts__title::after {
    content: "" !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 44px !important;
    height: 2px !important;
    background: #e31e24 !important;
    display: block !important;
}

/* HERO — sub-line "из Кореи, Китая, США" */
.fm-hero__title-from {
    display: block !important;
    font-size: 0.46em !important;
    letter-spacing: 5px !important;
    color: #888888 !important;
    margin-top: 16px !important;
    font-weight: 400 !important;
}

@media (max-width: 768px) {
    .fm-section-title {
        gap: 14px !important;
        letter-spacing: 4px !important;
        font-size: 12px !important;
    }
    .fm-section-title::before,
    .fm-section-title::after {
        width: 32px !important;
    }
    .fm-page__title {
        font-size: 18px !important;
        letter-spacing: 3px !important;
    }
    .fm-about__title,
    .fm-contacts__title {
        letter-spacing: 3px !important;
    }
    .fm-hero__title-from {
        font-size: 0.5em !important;
        letter-spacing: 3px !important;
        color: #888888 !important;
    }
}