:root {
    --title-size-desktop: 6rem;
    --title-size-tablet: 4.5rem;
    --title-size-mobile: 3rem;
    --text-size-desktop: 2rem;
    --spacing-large: 10rem;
    --spacing-medium: 5rem;
    --spacing-small: 3rem;
}

/* Main Title */
.faw-history-title {
    text-align: center;
    margin-bottom: var(--spacing-medium);
}

.faw-history-title h1 {
    font-size: var(--title-size-desktop);
    font-family: var(--_font-accent);
    font-weight: 700;
    color: #000;
}

/* Dealer Content Layout */
.dealer-content {
    padding: 0 11rem;
    max-width: 100%;
}

/* Intro Text */
/* Intro Text */
.intro-text {
    margin-bottom: 4rem;
}

.intro-text p {
    font-size: 3rem;
    line-height: 1.8;
    font-weight: 400;
    color: #333;
    text-align: left;
}

/* Section Subtitle */
.section-subtitle {
    font-size: 3.5rem;
    font-weight: 700;
    margin: 4rem 0 3rem;
    color: #000;
    text-align: left;
}

/* Dealer Requirements List */
.dealer-requirements {
    list-style: none;
    padding-left: 0;
    margin: 2rem 0;
}

.dealer-requirements li {
    padding-left: 2.5rem;
    margin-bottom: 1.5rem;
    position: relative;
    font-weight: 400;
    font-size: 3rem;
}

.dealer-requirements li::before {
    content: "•";
    position: absolute;
    left: 0;
    font-size: 1.5em;
    line-height: 1;
}

/* Important Note */
.important-note {
    margin-top: 2rem;
    padding: 1.5rem;
    background: #f5f5f5;
    border-left: 4px solid #000;
    font-size: 2rem;
}

.important-note strong {
    font-weight: 600;
}

/* Contact Info */
.contact-info__description {
    font-size: 2.5rem;
    font-weight: 600;
    color: var(--t-medium);
    margin-bottom: var(--spacing-small);
    line-height: 1.8;
}

/* Layout */
.mxd-grid-item {
    padding: 0 3rem;
    margin-top: var(--spacing-small);
}

.mxd-container {
    padding: 0 5rem;
    margin-top: var(--spacing-large);
}

.mt-0 {
    margin-top: -50px !important;
}

/* Accessibility */
.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* ========================================
   RESPONSIVE BREAKPOINTS
   ======================================== */

/* Large Tablets & Small Desktops (769px - 1450px) */
@media (min-width: 769px) and (max-width: 1450px) {
    .faw-history-title {
        margin-bottom: 3rem;
        margin-top: 3rem;
    }

    .faw-history-title h1 {
        font-size: var(--title-size-tablet);
    }

    .dealer-content,
    .mxd-container {
        padding: 0 3rem;
    }

    .intro-text p,
    .dealer-requirements li,
    .important-note {
        font-size: 3rem;
    }

    .section-subtitle {
        font-size: 4rem;
        margin: 3rem 0 3rem;
    }

    .mxd-grid-item {
        padding: 0;
    }

    .mt-0 {
        margin-top: 0 !important;
    }

    .contact-info__description {
        text-align: -webkit-left;
    }

    .mxd-form-container {
        margin-bottom: 0rem;
    }
}

/* Tablets (527px - 768px) */
@media (min-width: 527px) and (max-width: 768px) {
    .faw-history-title {
        margin-bottom: 3rem;
        margin-top: 3rem;
    }

    .faw-history-title h1 {
        font-size: 3.8rem;
    }

    .dealer-content,
    .mxd-container,
    .mxd-grid-item {
        padding: 0 3rem;
    }

    .intro-text p,
    .dealer-requirements li {
        font-size: 2.5rem;
    }

    .section-subtitle {
        font-size: 2.7rem;
        margin: 3rem 0 3rem;
    }

    .important-note {
        font-size: 1.6rem;
        padding: 1.2rem;
    }

    .section-filter {
        justify-content: flex-start;
        margin-left: 0;
    }

    .mxd-container {
        margin-top: 0;
    }

    .contact-info {
        padding: 0;
    }

    .contact-info__description {
        text-align: -webkit-left;
    }

    .mxd-form-container {
        margin-bottom: 0rem;
    }
}

/* Mobile (321px - 526px) */
@media (min-width: 321px) and (max-width: 526px) {
    .faw-history-title {
        margin-bottom: 3rem;
        margin-top: 3rem;
    }

    .faw-history-title h1 {
        font-size: 3.2rem;
    }

    .dealer-content,
    .mxd-container,
    .mxd-grid-item {
        padding: 0 3rem;
    }

    .intro-text p {
        font-size: 2.2rem;
    }

    .section-subtitle {
        font-size: 2.2rem;
        margin: 2rem 0 2rem;
    }

    .dealer-requirements li {
        padding-left: 2rem;
        margin-bottom: 1.1rem;
        font-size: 2.2rem;
    }

    .important-note {
        padding: 1rem;
        font-size: 1.5rem;
    }

    .contact-info__description {
        font-size: 2.2rem;
        text-align: -webkit-left;
    }

    .mxd-container {
        margin-top: 0;
    }

    .contact-info {
        padding: 0;
        text-align: center;
    }

    .mxd-form-container {
        margin-bottom: 0rem;
    }
}

/* Extra Small Mobile (≤320px) */
@media (max-width: 320px) {
    .faw-history-title {
        margin-bottom: 3rem;
        margin-top: 3rem;
    }

    .faw-history-title h1 {
        font-size: 2.8rem;
    }

    .dealer-content,
    .mxd-container,
    .mxd-grid-item {
        padding: 0 3rem;
    }

    .intro-text p {
        font-size: 2rem;
        line-height: 1.6;
    }

    .section-subtitle {
        font-size: 2rem;
        margin: 2rem 0 2rem;
        line-height: 1.6;
    }

    .dealer-requirements li {
        padding-left: 1.8rem;
        margin-bottom: 1rem;
        font-size: 2rem;
    }

    .important-note {
        padding: 1rem;
        font-size: 1.4rem;
    }

    .contact-info__description {
        font-size: 2rem;
        text-align: -webkit-left;
    }

    .mxd-container {
        padding: 0rem;
        margin-top: 0;
    }

    .mxd-form-container {
        margin-bottom: 0rem;
    }
}

/* ========================================
   DARK THEME STYLES - УСИЛЕННЫЕ
   ======================================== */

/* Фон страницы */
body[data-theme="dark"],
body[data-theme="dark"] main,
body[data-theme="dark"] .mxd-page-content {
    background-color: #161616 !important;
}

/* Темная тема для основного контента */
body[data-theme="dark"] .dealer-content {
    background-color: #161616 !important;
}

body[data-theme="dark"] .faw-history-title h1,
body[data-theme="dark"] .faw-history-title h2 {
    color: #FFFFFF !important;
}

body[data-theme="dark"] .intro-text p {
    color: #ffffff !important;
}

body[data-theme="dark"] .section-subtitle,
body[data-theme="dark"] h2.section-subtitle,
body[data-theme="dark"] h4.section-subtitle {
    color: #FFFFFF !important;
}

body[data-theme="dark"] .dealer-requirements li {
    color: #ffffff !important;
}

body[data-theme="dark"] .dealer-requirements li::before {
    color: #ACACAC !important;
}

body[data-theme="dark"] .important-note {
    background: #1C1C1C !important;
    border-left-color: #FFFFFF !important;
    color: #ACACAC !important;
}

body[data-theme="dark"] .important-note strong {
    color: #FFFFFF !important;
}

/* Темная тема для контактной информации */
body[data-theme="dark"] .contact-info {
    background-color: #161616 !important;
}

body[data-theme="dark"] .contact-info__description {
    color: #ffffff !important;
}

body[data-theme="dark"] .contact-detail__icon {
    background: linear-gradient(135deg, #FFFFFF, #B0B0B0) !important;
}

body[data-theme="dark"] .contact-detail__icon i {
    color: #161616 !important;
}

body[data-theme="dark"] .contact-detail__title {
    color: #FFFFFF !important;
}

body[data-theme="dark"] .contact-detail__value {
    color: #ACACAC !important;
}

body[data-theme="dark"] .contact-detail__value:hover {
    color: #FFFFFF !important;
}

/* Темная тема для формы */
body[data-theme="dark"] .mxd-block__content.contact {
    background-color: #161616 !important;
}

body[data-theme="dark"] .contact-form input,
body[data-theme="dark"] .contact-form textarea,
body[data-theme="dark"] .contact-form select {
    color: #FFFFFF !important;
    background-color: transparent !important;
    border-bottom-color: #444444 !important;
}

body[data-theme="dark"] .contact-form input::placeholder,
body[data-theme="dark"] .contact-form textarea::placeholder,
body[data-theme="dark"] .contact-form select::placeholder {
    color: #ACACAC !important;
}

body[data-theme="dark"] .contact-form input:focus,
body[data-theme="dark"] .contact-form textarea:focus,
body[data-theme="dark"] .contact-form select:focus {
    border-bottom-color: #FFFFFF !important;
}

body[data-theme="dark"] .contact-form select {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23ACACAC' d='M8 12L3 7h10z'/%3E%3C/svg%3E") !important;
}

body[data-theme="dark"] .contact-form select option {
    background-color: #1C1C1C !important;
    color: #FFFFFF !important;
}

/* Темная тема для кнопки */
body[data-theme="dark"] .contact-form .btn-opposite {
    background-color: #FFFFFF !important;
    color: #161616 !important;
}

body[data-theme="dark"] .contact-form .btn-opposite:hover {
    background-color: #ACACAC !important;
}

body[data-theme="dark"] .contact-form .btn-opposite .btn-caption {
    color: #161616 !important;
}

body[data-theme="dark"] .contact-form .btn-opposite i {
    color: #161616 !important;
}

/* Темная тема для breadcrumbs */
body[data-theme="dark"] .breadcrumb-ol li a {
    color: #FFFFFF !important;
}

body[data-theme="dark"] .breadcrumb-ol li.active {
    color: #ACACAC !important;
}

/* Темная тема для секций */
body[data-theme="dark"] .mxd-section {
    background-color: #161616 !important;
}