/* === БАННЕР ТЕСТ-ДРАЙВА === */

/* Скрываем мобильные переносы строк в десктопной версии */
.mobile-break {
    display: none;
}
.hero-banners {
    padding: 2rem 0;
    background: var(--color-bg-pages);
}

.banners-wrapper {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 0.6rem;
    align-items: stretch;
}

/* Одиночный баннер занимает всю ширину */
.banners-wrapper.single-banner {
    grid-template-columns: 1fr;
}

.banners-wrapper.single-banner .banner-left {
    grid-column: 1 / -1;
}

/* === ЛЕВЫЙ СТАТИЧНЫЙ БАННЕР === */
.banner-left {
    background: url('../img/webp/testdrive_back.webp') right/cover;
    border-radius: 30px;
    padding: 3rem;
    display: flex;
    align-items: stretch;
    min-height: 400px;
    position: relative;
}

.banner-content {
    position: relative;
    z-index: 2;
    color: var(--color-text-main);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    width: 100%;
}

.banner-content h1 {
    font-size: var(--font-size-32);
    line-height: var(--line-height-120);
    margin: 0;
    color: var(--color-white);
}

.banner-content h5 {
    margin-bottom: 0;
    opacity: 0.9;
    color: var(--color-white);
}

.content-top {
    display: flex;
    flex-direction: column;
    align-self: flex-start;
    width: 64%;
}

.content-bottom {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    width: 64%;
}

.benefits-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.benefits-list li {
    position: relative;
    padding-left: 1.5rem;
    color: var(--color-white);
    opacity: 0.9;
}

.benefits-list li::before {
    content: '•';
    position: absolute;
    left: 0;
    color: var(--color-white);
    font-weight: bold;
    font-size: 1.2em;
    line-height: 1;
}



/* === ПРАВЫЙ БАННЕР С ФОРМОЙ === */
.banner-right {
    position: relative;
    border-radius: 30px;
    overflow: hidden;
    min-height: 400px;
}

.banner-right.banner-form {
    background: var(--color-bg-gray-shield);
    padding: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.banner-form-container {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.required-fields-note .text-p3{
    color: var(--color-text-main);
}

.contact-form-container.contact-form-compact.theme-burgundy .required-fields-note .text-p3{
    color: var(--color-white);
}

/* Стили для формы в баннере */
.banner-form-compact .contact-form-container {
    padding: 0;
    background: transparent;
    box-shadow: none;
}

.banner-form-compact .contact-form-container h4 {
    margin-bottom: 1.5rem;
    text-align: left;
}

.contact-form-header h4{
    text-align: left;
}

.contact-form .form-field {
    margin-bottom: 10px;
}

.banner-form-compact .form-group {
    margin-bottom: 1rem;
}

.banner-form-compact .form-input {
    border-radius: 12px;
    border: 1px solid var(--color-border-light);
    padding: 0.875rem 1rem;
}

.banner-form-compact .form-input:focus {
    border-color: var(--color-primary);
    box-shadow: 0 0 0 3px rgba(40, 167, 69, 0.1);
}

.banner-form-compact .privacy-agreement {
    margin-top: 1rem;
    text-align: center;
}

.corporate-image {
    width: 100%;
    height: 100%;
    position: relative;
}

.corporate-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 30px;
}

/* === БЛОК ПРЕИМУЩЕСТВ === */
.advantages-section {
    background: var(--color-bg-pages);
}

.advantages-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.6rem;
    width: 100%;
}

.advantage-item {
    background: var(--color-white);
    padding: 1.5rem 1.5rem;
    border-radius: 30px;
    text-align: left;
    position: relative;
    overflow: hidden;
    min-height: 140px;
}

.advantage-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: contain;
    background-position: bottom right;
    background-repeat: no-repeat;
    opacity: 1;
    z-index: 1;
}

.advantage-item:nth-child(1)::before {
    background-image: url('../img/webp/testdrive_plash1.webp');
}

.advantage-item:nth-child(2)::before {
    background-image: url('../img/webp/testdrive_plash2.webp');
}

.advantage-item:nth-child(3)::before {
    background-image: url('../img/webp/testdrive_plash3.webp');
}

.advantage-content {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    width: 60%;
}

.advantage-content h3 {
    margin-bottom: 0.5rem;
    color: var(--color-primary);
}

.advantage-content h5 {
    margin-bottom: 0.75rem;
    color: var(--color-text-main);
}

.advantage-content p {
    color: var(--color-text-plashka);
    margin: 0;
}

/* === БЛОК ВЫБОРА КУРСА === */
.course-selection-section {
    padding: 80px 0;
    background: var(--color-bg-secondary);
}

.course-selection-section h2 {
    margin-left: 28px;
    margin-bottom: 26px;
    color: var(--color-text-main);
    width: 60%;
}

.text-accent {
    color: var(--color-secondary);
}

.text-accent-green {
    color: var(--color-primary);
}

.course-cards-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, 1fr);
    gap: 10px;
    margin-bottom: 32px;
}

.course-card {
    background: var(--color-white);
    border-radius: 30px;
    padding: 32px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 280px;
    position: relative;
    overflow: hidden;
}

.course-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: contain;
    background-position: bottom right;
    background-repeat: no-repeat;
    opacity: 1;
    z-index: 1;
}

.course-card:nth-child(1)::before {
    background-image: url('../img/webp/testdrive_courseselection_1.webp');
}

.course-card:nth-child(2)::before {
    background-image: url('../img/webp/testdrive_courseselection_2.webp');
}

.course-card:nth-child(3)::before {
    background-image: url('../img/webp/testdrive_courseselection_3.webp');
}

.course-card:nth-child(4)::before {
    background-image: url('../img/webp/testdrive_courseselection_4.webp');
}

.course-card:nth-child(5)::before {
    background-image: url('../img/webp/testdrive_courseselection_5.webp');
}

.course-card:nth-child(6)::before {
    background-image: url('../img/webp/testdrive_courseselection_6.webp');
}

.course-header {
    position: relative;
    z-index: 2;
    align-self: flex-start;
    width: 65%;
}

.course-header h4 {
    margin: 0;
    color: var(--color-secondary);
}

.course-description {
    position: relative;
    z-index: 2;
    align-self: flex-start;
    width: 65%;
}

.course-description p {
    margin: 0;
    color: var(--color-text-main);
}

/* Настройки ширины для первой карточки */
.course-card:nth-child(1) .course-header {
    width: 60%;
}
.course-card:nth-child(1) .course-description {
    width: 75%;
}

/* Настройки ширины для третьей карточки */
.course-card:nth-child(3) .course-header {
    width: 70%;
}

.course-card:nth-child(3) .course-description {
    width: 55%;
}

/* Настройки ширины для четвертой карточки */
.course-card:nth-child(4) .course-header {
    width: calc(70% - 50px);
}

.course-card:nth-child(4) .course-description {
    width: 80%;
}

/* Увеличенная ширина для пятой карточки */
.course-card:nth-child(5) .course-header,
.course-card:nth-child(5) .course-description {
    width: 75%;
}

/* Настройки ширины для шестой карточки */
.course-card:nth-child(6) .course-header {
    width: calc(80% - 50px);
}

.course-card:nth-child(6) .course-description {
    width: 80%;
}

.course-selection-footer {
    margin-left: 28px;
}

.course-selection-footer h3 {
    margin-bottom: 32px;
    color: var(--color-text-main);
}

/* === БЛОК FAQ ===
   Аккордеон-компонент (.faq-accordion / .faq-item / .faq-question / .faq-arrow /
   .faq-answer / .faq-answer-content) — общие стили в assets/css/faq.css.
   Здесь — только page-specific обёртка .faq-section и заголовок. */
.faq-section {
    background: var(--color-bg-secondary);
}

.faq-section h2 {
    margin-left: 28px;
    margin-bottom: 26px;
    color: var(--color-text-main);
}

/* === БЛОК ФОРМЫ ОБРАТНОЙ СВЯЗИ ===
   Базовые стили — в modular-contact-form.css. Здесь page-specific:
   1. Фоновое изображение левой плашки (TestDrive_request_back.webp).
   2. SVG-filter на иконки соцсетей (бордовый оттенок через filter,
      т.к. иконки приходят как <img>, не как background-image). */

.contact-form-info-card {
    background: url('../img/webp/TestDrive_request_back.webp') center/cover;
    border-radius: 30px;
    padding: 32px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    position: relative;
}

.contact-form-info-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 30px;
    z-index: 1;
}

.contact-form-info-card h2 {
    position: relative;
    z-index: 2;
    margin: 0;
    color: var(--color-text-main);
    width: 95%;
}

.contact-form-info-card .text-p3 {
    position: relative;
    z-index: 2;
    margin: 0;
    color: var(--color-text-main);
    opacity: 1;
}

.contact-social-links {
    position: relative;
    z-index: 2;
}

/* SVG-иконки соцсетей бордовым через filter (test-drive отличается от others) */
.social-icons-burgundy .social-link img {
    filter: brightness(0) saturate(100%) invert(15%) sepia(88%) saturate(1742%) hue-rotate(338deg) brightness(89%) contrast(105%);
    transition: filter 0.3s ease;
}

.social-icons-burgundy .social-link:hover img {
    filter: brightness(0) saturate(100%) invert(10%) sepia(95%) saturate(2000%) hue-rotate(338deg) brightness(75%) contrast(110%);
}

/* === БЛОК "ПОЧЕМУ НАС ВЫБИРАЮТ" === */
.choose-us-section {
    padding-bottom: 80px;
    background-color: var(--color-bg-secondary);
}

.choose-us-grid {
    display: grid;
    grid-template-columns: 1.2fr 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 10px;
    height: 760px;
}

.choose-us-item {
    position: relative;
    border-radius: 30px;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: flex-end;
    padding: 32px;
    color: var(--color-text-primary);
}

.choose-us-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.choose-us-content {
    position: relative;
    z-index: 2;
}

.choose-us-content h2 {
    margin-bottom: 40px;
    color: var(--color-text-main);
}

.choose-us-content .text-p2 {
    margin-bottom: 12px;
    color: var(--color-text-main);
}

.choose-us-content h4 {
    margin-bottom: 12px;
    color: var(--color-text-main);
}

.choose-us-content .text-p2:last-of-type {
    margin-bottom: 0;
}

.choose-us-main .choose-us-content {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    height: 100%;
    position: relative;
}

.choose-us-main .events-tag-burgundy {
    margin-bottom: 20px;
}

.choose-us-main .btn {
    margin-top: auto;
}

.choose-us-main .choose-us-content .text-p2 {
    color: var(--color-text-main);
    margin-bottom: 12px;
}

.choose-us-main .choose-us-content .text-p2:last-of-type {
    margin-bottom: 32px;
}

.choose-us-main .btn:hover {
    background-color: var(--color-hover-primary);
    color: var(--color-text-white);
}

/* Закрепление текста к верхнему краю для обычных плашек */
.choose-us-1,
.choose-us-2,
.choose-us-3,
.choose-us-4 {
    align-items: flex-start;
}

.choose-us-1 .text-p2,
.choose-us-2 .text-p2,
.choose-us-3 .text-p2,
.choose-us-4 .text-p2 {
    color: var(--color-text-secondary);
}

/* Фоновые изображения для каждой плашки */
.choose-us-main {
    grid-row: 1 / 3;
    background-image: url('../img/webp/ChooseUs_Main.webp');
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.choose-us-1 {
    background-image: url('../img/webp/ChooseUs_1.webp');
}

.choose-us-2 {
    background-image: url('../img/webp/ChooseUs_2.webp');
}

.choose-us-3 {
    background-image: url('../img/webp/ChooseUs_3.webp');
}

.choose-us-4 {
    background-image: url('../img/webp/ChooseUs_4.webp');
}

/* === БЛОК ПРЕПОДАВАТЕЛЕЙ === */
.teachers-section {
    padding-bottom: 80px;
}

.teachers-title {
    margin-left: 28px;
    margin-bottom: 1.625rem;
    position: relative;
    padding-right: 130px; /* Место для стрелочек */
}

/* Десктопный слайдер преподавателей — grid с column-major flow.
   2 ряда × N колонок, видны 2 колонки = 4 карточки на экран (2×2).
   Карточки в HTML идут плоским списком (8 шт), grid-auto-flow: column
   заполняет их по колонкам: (1,2)·(3,4)·(5,6)·(7,8). Прокрутка снапит
   к началу колонки (scroll-snap-align: start у каждой карточки в 1-м ряду). */
.teachers-cards-wrapper {
    display: grid;
    grid-auto-flow: column;
    grid-template-rows: 1fr 1fr;
    grid-auto-columns: calc((100% - 1.25rem) / 2);
    gap: 1.25rem;
    margin-bottom: 1.25rem;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}
.teachers-cards-wrapper::-webkit-scrollbar { display: none; }
/* Snap к началу каждой колонки (т.е. к каждой нечётной карточке в плоском списке). */
.teachers-cards-wrapper > .teacher-card:nth-child(odd) {
    scroll-snap-align: start;
}

/* ===== Заголовок-обёртка для абсолютного позиционирования .teachers-nav ===== */
.teachers-header {
    position: relative;
    margin-bottom: 26px;
}
.teachers-header .teachers-title {
    margin-bottom: 0;
}

/* ===== Навигация слайдера преподавателей ===== */
/* Видна на десктопе (>1200 — управляет .teachers-cards-wrapper по 4 карточки)
   и на моб (≤768 — управляет .teachers-adaptive-wrapper по 1 карточке).
   На промежуточных планшетных ширинах (769..1200) скрыта (см. медиа ниже),
   потому что там adaptive-wrapper в вертикальном режиме. */
.teachers-nav {
    display: flex;
    gap: 12px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
}
/* Левая стрелка зеркалится — иконка одна и та же */
.teachers-nav-prev .arrow-icon {
    transform: scaleX(-1);
}

.teachers-nav-btn {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 1px solid var(--color-gray-200);
    background: var(--color-white);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
}

.teachers-nav-btn .arrow-icon {
    width: 24px;
    height: 24px;
    filter: invert(62%) sepia(93%) saturate(334%) hue-rotate(93deg) brightness(92%) contrast(89%);
    transition: filter 0.3s ease;
}

.teachers-nav-btn:hover:not(.inactive) {
    border-color: var(--color-primary);
    background: var(--color-primary);
}

.teachers-nav-btn:hover:not(.inactive) .arrow-icon {
    filter: brightness(0) invert(1);
}

.teachers-nav-btn.inactive {
    opacity: 0.3;
    cursor: not-allowed;
    pointer-events: none;
    border-color: var(--color-border-light);
}

.teachers-nav-btn.inactive .arrow-icon {
    filter: brightness(0) saturate(100%) invert(50%) sepia(0%) saturate(0%);
}

/* Карточка преподавателя */
.teacher-card {
    border-radius: 30px;
    padding: 28px;
    display: flex;
    align-items: flex-start;
    gap: 1.5rem;
    position: relative;
}

/* Все карточки одинаковой высоты 335px */
.teacher-card-1,
.teacher-card-2,
.teacher-card-3,
.teacher-card-4 {
    height: 335px;
    flex-direction: row;
}

/* Фоновые изображения для карточек */
.teacher-card-1 {
    background: url('../img/webp/AboutUs_TeacherBack_1.webp') center/cover;
}

.teacher-card-2 {
    background: url('../img/webp/AboutUs_TeacherBack_2.webp') center/cover;
}

.teacher-card-3 {
    background: url('../img/webp/TeacherBack_5.webp') center/cover;
}

.teacher-card-4 {
    background: url('../img/webp/TeacherBack_4.webp') center/cover;
}

/* Информация о преподавателе */
.teacher-info {
    display: flex;
    flex-direction: column;
    height: 100%;
    order: 1;
    justify-content: space-between;
}

/* Информация для всех карточек - слева с отступом от аватарки */
.teacher-card-1 .teacher-info,
.teacher-card-2 .teacher-info,
.teacher-card-3 .teacher-info,
.teacher-card-4 .teacher-info {
    margin-right: 200px;
    padding-right: 1.5rem;
}

/* Уменьшенная ширина текстового контейнера для первой карточки преподавателей */
.teacher-card-1 .teacher-info {
    width: 45%;
}

/* Уменьшенная ширина текстового контейнера для второй карточки преподавателей (кадровое делопроизводство) */
.teacher-card-2 .teacher-info {
    width: 50%;
}

/* Увеличенная ширина для подзаголовка во второй карточке */
.teacher-card-2 .event-title {
    width: 120%;
}

/* Медиа-запрос для экранов от 1100px до 1400px - увеличение ширины для второй карточки */
@media screen and (min-width: 1100px) and (max-width: 1400px) {
    .teacher-card-2 .event-title {
        width: 140%;
    }
    
    /* Увеличение ширины для третьей карточки в диапазоне 1100-1400px */
    .teacher-card-3 .teacher-header .text-p3.event-title {
        width: 110%;
    }
}

/* Уменьшенная ширина только для заголовка в третьей карточке преподавателей */
.teacher-card-3 h4 {
    width: 75%;
}

/* Уменьшенная ширина контейнера для третьей карточки преподавателей */
.teacher-card-3 .teacher-info {
    width: 90%;
    margin-right: 180px;
}

/* Уменьшенная ширина только для первого подзаголовка в третьей карточке */
.teacher-card-3 .teacher-header .text-p3.event-title {
    width: 85%;
    display: inline-block;
}

/* Уменьшенная ширина только для заголовка в четвертой карточке преподавателей */
.teacher-card-4 h4 {
    width: 100%;
}

/* Уменьшенная ширина для подзаголовка в четвертой карточке преподавателей */
.teacher-card-4 .teacher-header .text-p3.event-title {
    display: inline-block;
}

/* Уменьшенная ширина для описания в четвертой карточке преподавателей */
.teacher-card-4 .teacher-header .text-p3.event-description {
    width: 100%;
    display: inline-block;
}

/* Увеличенная ширина для фразы "Устали от ошибок в отчетности?" в первой карточке */
.teacher-card-1 .event-title {
    width: 150%;
}

/* Заголовочная часть для всех карточек */
.teacher-card-1 .teacher-header,
.teacher-card-2 .teacher-header,
.teacher-card-3 .teacher-header,
.teacher-card-4 .teacher-header {
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

/* Блок кнопок для всех карточек */
.teacher-buttons {
    display: flex;
    gap: 1rem;
    align-items: center;
    margin-top: auto;
    margin-bottom: 0;
}

/* Стили для фраз в заголовке */
.teacher-header .text-p3.event-title {
    color: var(--color-secondary);
    font-weight: 600;
}

.teacher-header .text-p3.event-description {
    color: var(--color-text-secondary);
}



/* Аватарка преподавателя */
.teacher-avatar {
    flex-shrink: 0;
    background-size: cover;
    background-position: center;
    order: 2;
}

/* Аватарки для всех карточек - справа в прямоугольнике 295px на 335px */
.teacher-card-1 .teacher-avatar,
.teacher-card-2 .teacher-avatar,
.teacher-card-3 .teacher-avatar,
.teacher-card-4 .teacher-avatar {
    position: absolute;
    top: 0;
    right: 0;
    width: 265px;
    height: 335px;
    border-radius: 0 0 30px 0;
    margin: 0;
    order: initial;
}

.teacher-avatar-1 {
    background-image: url('../img/webp/AboutUs_TeacherAvatar_7.webp');
}

.teacher-avatar-2 {
    background-image: url('../img/webp/AboutUs_TeacherAvatar_8.webp');
}

/* Белый фон для текстового блока второй адаптивной карточки */
.teacher-adaptive-info-2 {
    background: var(--color-white);
    background-color: var(--color-white);
    border-radius: 30px;
}

/* Фон за изображением второй адаптивной карточки */
.teacher-adaptive-photo-2 {
    background: url('../img/webp/AboutUs_TeacherBack_2.webp') center/cover;
}

/* Исправление первой кнопки в ДЕСКТОПНОЙ версии */
.teachers-cards-wrapper .teacher-card-1 .teacher-buttons button.btn.btn-primary-green {
    width: 182px;
    min-width: 182px;
    max-width: 182px;
    padding: 16px 40px;
    box-sizing: border-box;
}

/* Исправление всех остальных кнопок в ДЕСКТОПНОЙ версии */
.teachers-cards-wrapper .teacher-buttons button.btn.btn-primary-green {
    width: 182px;
    min-width: 182px;
    max-width: 182px;
}

.teacher-avatar-3 {
    background-image: url('../img/webp/AboutUs_TeacherAvatar_9.webp');
}

.teacher-avatar-4 {
    background-image: url('../img/webp/AboutUs_TeacherAvatar_2.webp');
}

.teacher-avatar-5 {
    background-image: url('../img/webp/AboutUs_TeacherAvatar_5.webp');
}

.teacher-info h4 {
    margin-top: 0;
    margin-bottom: 0.75rem;
    color: var(--color-text-primary);
}

.teacher-position {
    margin-bottom: 1.25rem;
    margin-top: 0.5rem;
    color: var(--color-text-secondary);
}

.teacher-achievements {
    list-style: none;
    padding: 0;
}

.teacher-achievements li {
    position: relative;
    padding-left: 1.5rem;
    margin-bottom: 0.75rem;
    color: var(--color-text-main);
}

.teacher-achievements li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.5rem;
    width: 6px;
    height: 6px;
    background: var(--color-burgundy);
    border-radius: 50%;
}

/* Зеленые кружки для списков в 1 и 2 карточках */
.teacher-card-1 .teacher-achievements li:before,
.teacher-card-2 .teacher-achievements li:before {
    background: var(--color-primary);
}

/* Стили для кнопки "Подробнее" в блоке кнопок */
.teacher-buttons .more {
    background: transparent;
    border: none;
    color: var(--color-text-main);
    text-decoration: underline;
    padding: 0;
    margin: 0;
    cursor: pointer;
}

.teacher-buttons .more:hover {
    background: transparent;
    color: var(--color-text-main);
    opacity: 0.8;
}

/* Кнопка "Все преподаватели" */
.teachers-actions {
    display: flex;
    justify-content: center;
    width: 100%;
}

.teachers-actions .btn {
    width: 100%;
}

.teachers-actions .btn:hover {
    background: var(--color-hover-green);
    border: 1px solid var(--color-hover-green);
}

/* === АДАПТИВНАЯ ВЕРСИЯ ПРЕПОДАВАТЕЛЕЙ === */

/* Скрываем адаптивную версию на десктопе */
.teachers-adaptive-wrapper {
    display: none;
}

/* Группа преподавателя (фото + информация) */
.teacher-adaptive-group {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.25rem;
    margin-bottom: 20px;
}

/* Плашка с фотографией */
.teacher-adaptive-photo {
    border-radius: 30px;
    padding: 0;
    position: relative;
    min-height: 300px;
    overflow: hidden;
}

.teacher-adaptive-photo .teacher-avatar {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 30px;
    order: initial;
    margin: 0;
    transform: none;
}

/* Плашка с информацией на белом фоне */
.teacher-adaptive-info {
    background: var(--color-white);
    border-radius: 30px;
    padding: 28px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.teacher-adaptive-info .teacher-header {
    margin-bottom: 1.5rem;
}

.teacher-adaptive-info .teacher-achievements {
    list-style: none;
    padding: 0;
    margin: 0 0 auto 0;
    flex: 1;
}

.teacher-adaptive-info .teacher-achievements li {
    position: relative;
    padding-left: 1.5rem;
    margin-bottom: 0.75rem;
    color: var(--color-text-main);
}

.teacher-adaptive-info .teacher-achievements li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.5rem;
    width: 6px;
    height: 6px;
    background: var(--color-primary);
    border-radius: 50%;
}

.teacher-adaptive-info .teacher-achievements li:last-child {
    margin-bottom: 1.5rem;
}

.teacher-adaptive-info .more {
    align-self: flex-start;
    margin-top: auto;
    background: transparent;
    border: none;
    color: var(--color-text-main);
    text-decoration: underline;
    padding: 0;
}
.wpcf7-acceptance .wpcf7-list-item label,
.agreement-field .wpcf7-list-item label{
    align-items: flex-start;
}

/* === АДАПТИВНЫЕ СТИЛИ === */

/* Большие экраны */
@media screen and (min-width: 1400px) {
    .hero-banners {
        padding: 2.5rem 0 10px 0;
    }
    
    .banner-right {
        min-height: 450px;
    }
}

/* Большие ноутбуки */
@media screen and (max-width: 1366px) {
    .hero-banners { 
        padding: 2rem 0; 
    }
    .banner-left, .banner-right { 
        min-height: 420px; 
    }
}

/* Средние ноутбуки */
@media screen and (max-width: 1200px) {
    .hero-banners { 
        padding: 1.8rem 0; 
    }
    .banner-left, .banner-right { 
        min-height: 380px; 
    }
}

/* Средние экраны - выравниваем по хедеру */
@media screen and (max-width: 1400px) {
    .teachers-section .container {
        padding: 0 10px; /* Как в хедере */
    }
    .teachers-cards-wrapper {
        gap: 1rem;
        margin-bottom: 1rem;
    }
}

/* Планшеты - выравниваем по хедеру */
@media screen and (max-width: 1200px) {
    .teachers-section .container {
        padding: 0 15px; /* Как в хедере для 1025-1200px */
    }
    .teachers-cards-wrapper {
        gap: 0.8rem;
    }
}

/* Мобильные - выравниваем по хедеру */
@media screen and (max-width: 768px) {
    .teachers-section .container {
        padding: 0 10px; /* Как в хедере */
    }
    .teachers-cards-wrapper {
        gap: 0.6rem;
    }
}

/* Диапазон 481-768px: кнопки в колонку */
@media screen and (min-width: 481px) and (max-width: 768px) {
    .teachers-adaptive-wrapper .teacher-buttons {
        flex-direction: column;
        gap: 0.75rem;
        align-items: flex-start;
    }
    
    .teachers-adaptive-wrapper .teacher-buttons .more {
        margin-top: 0;
        margin-left: 6px;
        align-self: flex-start;
    }
}

/* Очень маленькие экраны - минимальные отступы */
@media screen and (max-width: 480px) {
    .teachers-section .container {
        padding: 0 10px; /* Остаются как в хедере */
        max-width: 100%;
    }
    .teachers-cards-wrapper {
        gap: 0.5rem;
        margin-bottom: 0.5rem;
    }
    .teacher-card {
        border-radius: 20px;
    }
    .teacher-info {
        padding: 14px;
    }
}

/* Узкие ноутбуки (исправление выхода за контейнер) */
@media screen and (max-width: 1200px) {
    /* На планшетах adaptive-wrapper в вертикальном режиме — стрелки скрываем
       (обратно показываются на ≤768 в блоке слайдера). */
    .teachers-nav { display: none; }

    /* КРИТИЧЕСКИ ВАЖНО: Отступы контейнера для блока преподавателей */
    .teachers-section .container {
        padding: 0 15px;
        max-width: 100%;
        box-sizing: border-box;
    }

    /* Блок "Почему нас выбирают" */
    .choose-us-section { 
        padding: 80px 0; 
    }
    .choose-us-grid {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto auto auto;
        height: auto;
        width: 100%;
    }
    .choose-us-main {
        grid-row: 1 / 2;
        grid-column: 1 / 3;
        min-height: 380px;
    }
    .choose-us-item { 
        padding: 28px; 
    }
    /* Дополнительные коррекции как в 1024px */
    .choose-us-section { 
        padding-top: 100px; 
    }

    /* Блок преподавателей — как при 1024-768px */
    .teachers-cards-wrapper {
        display: none;
    }
    .teachers-adaptive-wrapper {
        display: block;
    }
    .teacher-adaptive-info .teacher-header {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }
    /* На планшетах (≤1024px) используем простое позиционирование как в webinar-package.html */
    .teacher-adaptive-photo {
        min-height: 300px;
        overflow: hidden;
        background-color: var(--color-white);
    }
    
    /* Фоновые изображения для teacher-adaptive-photo на планшетах */
    .teachers-adaptive-wrapper .teacher-adaptive-group:nth-child(1) .teacher-adaptive-photo {
        background-image: url('../img/webp/AboutUs_TeacherBack_1.webp');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
    .teachers-adaptive-wrapper .teacher-adaptive-group:nth-child(3) .teacher-adaptive-photo {
        background-image: url('../img/webp/AboutUs_TeacherBack_4.webp');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
    .teachers-adaptive-wrapper .teacher-adaptive-group:nth-child(4) .teacher-adaptive-photo {
        background-image: url('../img/webp/AboutUs_TeacherBack_2.webp');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

    .teachers-adaptive-wrapper .teacher-adaptive-group:nth-child(5) .teacher-adaptive-photo {
        background-image: url('../img/webp/AboutUs_TeacherBack_1.webp');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

    .teachers-adaptive-wrapper .teacher-adaptive-group:nth-child(6) .teacher-adaptive-photo {
        background-image: url('../img/webp/AboutUs_TeacherBack_2.webp');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

    .teachers-adaptive-wrapper .teacher-adaptive-group:nth-child(7) .teacher-adaptive-photo {
        background-image: url('../img/webp/AboutUs_TeacherBack_4.webp');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
    .teachers-adaptive-wrapper .teacher-adaptive-group:nth-child(8) .teacher-adaptive-photo {
        background-image: url('../img/webp/AboutUs_TeacherBack_2.webp');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
    
    .teacher-adaptive-photo .teacher-avatar {
        width: 100%;
        height: 100%;
        background-size: contain;
        background-position: center left;
        background-repeat: no-repeat;
        border-radius: 30px;
    }
    
    /* Фото преподавателей для teacher-avatar на планшетах */
    .teachers-adaptive-wrapper .teacher-avatar-1 {
        background-image: url('../img/webp/AboutUs_TeacherAvatar_7.webp');
    }
    .teachers-adaptive-wrapper .teacher-avatar-2 {
        background-image: url('../img/webp/AboutUs_TeacherAvatar_8.webp');
    }
    .teachers-adaptive-wrapper .teacher-avatar-3 {
        background-image: url('../img/webp/AboutUs_TeacherAvatar_9.webp');
    }
    .teachers-adaptive-wrapper .teacher-avatar-4 {
        background-image: url('../img/webp/AboutUs_TeacherAvatar_2.webp');
    }
    .teachers-adaptive-wrapper .teacher-avatar-5 {
        background-image: url('../img/webp/AboutUs_TeacherAvatar_5.webp');
    }
    
    /* Изменения ширины для адаптивной версии третьей карточки */
    .teachers-adaptive-wrapper .teacher-adaptive-group:nth-child(3) .teacher-adaptive-info .teacher-header .text-p3.event-title {
        width: 85%;
        max-width: 85%;
        display: inline-block;
    }
    
    .teachers-adaptive-wrapper .teacher-adaptive-group:nth-child(3) .teacher-adaptive-info .teacher-header .text-p3.event-description {
        width: 90%;
        max-width: 90%;
        display: inline-block;
    }
    
    .teachers-adaptive-wrapper .teacher-buttons {
        display: flex;
        gap: 1.5rem;
        align-items: center;
        margin-top: auto;
    }
    .teachers-adaptive-wrapper .teacher-buttons .more {
        background: transparent;
        border: none;
        color: var(--color-text-main);
        text-decoration: underline;
        cursor: pointer;
        margin-top: 0;
        align-self: center;
    }
    
}

/* Планшеты и экраны, где не помещается десктопная версия */
@media screen and (max-width: 1200px) {
    .hero-banners { 
        padding: 1.5rem 0; 
    }
    .banner-left, .banner-right { 
        min-height: 320px; 
    }
    .banner-left { 
        padding: 2rem; 
        min-height: 520px;
    }
    .banners-wrapper {
        grid-template-columns: 1fr;
        gap: 1rem;
    }
    
    .banner-right.banner-form {
        padding: 1.5rem;
    }
    
    /* Преимущества */
    .advantages-section { 
        padding: 2rem 0; 
    }
    .advantages-wrapper {
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem;
    }
    .advantage-item { 
        min-height: 150px; 
    }
    
    /* Блок "Почему нас выбирают" */
    .choose-us-section { 
        padding: 80px 0; 
    }
    .choose-us-grid {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto auto auto;
        height: auto;
    }
    .choose-us-main {
        grid-row: 1 / 2;
        grid-column: 1 / 3;
        min-height: 380px;
    }
    
    /* Блок преподавателей */
    .teachers-section .container {
        padding: 0 15px;
        max-width: 100%;
        box-sizing: border-box;
    }
    .teachers-cards-wrapper {
        display: none;
    }
    .teachers-adaptive-wrapper {
        display: block;
    }
    
    /* Позиция навигации для планшетов */
    .teachers-nav {
        right: 0;
    }
    
    .teachers-nav-btn {
        width: 44px;
        height: 44px;
    }
    
    .teachers-nav-btn .arrow-icon {
        width: 18px;
        height: 18px;
    }
    .teacher-adaptive-info .teacher-header {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }
    /* Стили для адаптивной версии кнопок */
    .teachers-adaptive-wrapper .teacher-buttons {
        display: flex;
        gap: 1.5rem;
        align-items: center;
        margin-top: auto;
    }
    
    .teachers-adaptive-wrapper .teacher-buttons .more {
        background: transparent;
        border: none;
        color: var(--color-text-main);
        text-decoration: underline;
        cursor: pointer;
        margin-top: 0;
        align-self: center;
    }
    
    /* Блок выбора курса */
    .course-selection-section {
        padding: 80px 0;
    }
    .course-selection-section h2 {
        margin-left: 20px;
    }
    .course-cards-wrapper {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(3, 1fr);
        gap: 16px;
    }
    .course-card {
        min-height: 320px;
        padding: 28px;
    }
    .course-header {
        width: 80%;
    }
    .course-selection-footer {
        margin-left: 20px;
    }
    
    /* Блок "Почему нас выбирают" */
    .choose-us-section { 
        padding-top: 100px; 
    }
    .choose-us-grid { 
        height: auto; 
    }
    .choose-us-item { 
        padding: 28px; 
    }
}

/* Мобильные устройства */
@media screen and (max-width: 768px) {
    .content-bottom {
        gap: 1rem;
    }
    
    .benefits-list {
        gap: 0.5rem;
    }
    
    .benefits-list li {
        padding-left: 1.25rem;
    }

    .hero-banners { 
        padding: 1rem 0; 
    }
    .banners-wrapper {
        grid-template-columns: 1fr;
        gap: 1rem;
    }
    .banner-left {
        min-height: 350px;
        padding: 1.5rem;
    }
    .banner-right { 
        min-height: 250px; 
    }
    
    .banner-right.banner-form {
        padding: 1.25rem;
        min-height: 300px;
    }
    
    .banner-form-compact .contact-form-container h4 {
        margin-bottom: 1rem;
    }
    
    .banner-form-compact .form-group {
        margin-bottom: 0.75rem;
    }
    
    /* Преимущества */
    .advantages-section { 
        padding: 1.5rem 0; 
    }
    .advantages-wrapper {
        grid-template-columns: 1fr;
        gap: 0.75rem;
    }
    .advantage-item {
        min-height: 120px;
        padding: 20px;
        border-radius: 20px;
    }
    
    /* Блок "Почему нас выбирают" */
    .choose-us-section {
        padding: 70px 0;
    }
    .choose-us-grid {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto auto auto;
        height: auto;
        gap: 12px;
    }
    .choose-us-main { 
        min-height: 280px; 
    }
    .choose-us-item {
        min-height: 180px;
        padding: 26px;
    }
    
    /* Блок преподавателей */
    .teachers-section .container {
        padding: 0 10px;
        max-width: 100%;
        box-sizing: border-box;
    }
    .teachers-section {
        padding: 70px 0 0 0;
    }
    .teachers-title {
        margin-left: 16px;
        margin-bottom: 2.5rem;
        padding-right: 110px;
    }
    
    /* Позиция навигации для мобильных + включаем .teachers-nav */
    .teachers-nav {
        display: flex;
        right: 0;
        gap: 8px;
    }

    .teachers-nav-btn {
        width: 40px;
        height: 40px;
    }

    .teachers-nav-btn .arrow-icon {
        width: 16px;
        height: 16px;
    }

    /* === Слайдер преподавателей === */
    .teachers-adaptive-wrapper {
        display: flex !important;            /* перебиваем block на ≤1200 */
        flex-direction: row;
        gap: 16px;
        overflow-x: auto;
        overflow-y: hidden;
        padding: 0 16px 20px 16px;
        scroll-snap-type: x mandatory;
        scroll-behavior: smooth;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }
    .teachers-adaptive-wrapper::-webkit-scrollbar { display: none; }

    .teacher-adaptive-group {
        flex: 0 0 90%;                       /* одна карточка на экран */
        max-width: 360px;
        margin-bottom: 0 !important;
        scroll-snap-align: start;
    }

    .teacher-adaptive-group {
        grid-template-columns: 1fr;
        gap: 16px;
        margin-bottom: 32px;
    }
    .teacher-adaptive-photo {
        min-height: 250px;
        border-radius: 20px;
        background-size: cover;
        background-position: right center;
        background-repeat: no-repeat;
        order: 1;
    }
    
    /* Фоновые изображения для плашек с фото */
    .teacher-adaptive-group:nth-child(1) .teacher-adaptive-photo {
        background-image: url('../img/webp/AboutUs_TeacherBack_1.webp');
    }
    
    .teacher-adaptive-group:nth-child(3) .teacher-adaptive-photo {
        background-image: url('../img/webp/AboutUs_TeacherBack_4.webp');
    }
    
    .teacher-adaptive-group:nth-child(4) .teacher-adaptive-photo {
        background-image: url('../img/webp/AboutUs_TeacherBack_2.webp');
    }
    
    .teacher-adaptive-photo .teacher-avatar {
        border-radius: 0;
        position: absolute;
        bottom: 0;
        left: 0;
        width: min(250px, 45%);
        background-size: cover;
        background-position: center;
    }
    
    /* Используем оригинальные аватарки на 768px */
    .teachers-adaptive-wrapper .teacher-avatar-1 {
        background-image: url('../img/webp/AboutUs_TeacherAvatar_7.webp');
    }
    
    .teachers-adaptive-wrapper .teacher-avatar-2 {
        background-image: url('../img/webp/AboutUs_TeacherAvatar_8.webp');
    }
    
    .teachers-adaptive-wrapper .teacher-avatar-3 {
        background-image: url('../img/webp/AboutUs_TeacherAvatar_9.webp');
    }
    
    .teachers-adaptive-wrapper .teacher-avatar-4 {
        background-image: url('../img/webp/AboutUs_TeacherAvatar_2.webp');
    }
    
    .teachers-adaptive-wrapper .teacher-avatar-5 {
        background-image: url('../img/webp/AboutUs_TeacherAvatar_5.webp');
    }
    
    .teacher-adaptive-info {
        padding: 24px;
        border-radius: 20px;
        order: 2;
    }
    
    /* Блок выбора курса */
    .course-selection-section {
        padding: 60px 0;
    }
    .course-selection-section h2 {
        margin-left: 16px;
        margin-bottom: 26px;
    }
    .course-cards-wrapper {
        grid-template-columns: 1fr;
        grid-template-rows: none;
        gap: 20px;
        margin-bottom: 32px;
    }
    .course-card {
        min-height: 280px;
        padding: 24px;
        border-radius: 20px;
    }
    .course-header {
        width: 90%;
    }
    .course-selection-footer {
        margin-left: 16px;
    }
    .course-selection-footer h3 {
        margin-bottom: 24px;
    }
    
    /* FAQ — общие стили в faq.css, здесь page-specific padding и заголовок */
    .faq-section {
        padding-top: 70px;
    }
    .faq-section h2 {
        margin-left: 16px;
        margin-bottom: 32px;
    }
    
    /* Форма обратной связи */
    .contact-form-section {
        padding: 80px 0;
    }
    .contact-form-info-card {
        padding: 40px 32px;
        gap: 16px;
    }
    
    /* Блок "Почему нас выбирают" */
    .choose-us-section { 
        padding-top: 0; 
    }
    
    /* Адаптивные стили для блока кнопок на мобильных */
    .teacher-buttons {
        flex-direction: column;
        gap: 0.5rem;
        align-items: flex-start;
    }
    
    .teachers-adaptive-wrapper .teacher-buttons {
        flex-direction: row;
        gap: 0.75rem;
        align-items: flex-start;
    }

    .teachers-adaptive-wrapper .teacher-buttons .more{
        margin-top: 0;
        margin-left: 6px;
    }
    
    /* Блок преподавателей */
    .teacher-card-1,
    .teacher-card-2,
    .teacher-card-3,
    .teacher-card-4 {
        height: auto;
        min-height: 335px;
    }
    .teacher-card-1 .teacher-avatar,
    .teacher-card-2 .teacher-avatar,
    .teacher-card-3 .teacher-avatar,
    .teacher-card-4 .teacher-avatar {
        position: absolute;
        bottom: 0;
        right: 0;
        top: auto;
        width: 295px;
        height: 350px;
        border-radius: 0 0 30px 0;
    }
    
    /* Адаптивные стили для блока кнопок */
    .teacher-buttons {
        flex-direction: row;
        gap: 0.75rem;
    }
}

/* Малые планшеты и большие мобильные */
@media screen and (max-width: 640px) {
    .content-bottom {
        gap: 0.875rem;
    }
    
    .benefits-list {
        gap: 0.375rem;
    }
    
    .hero-banners { 
        padding: 0.9rem 0; 
    }
    .banner-left {
        min-height: 220px;
        padding: 1.3rem;
    }
    .banner-right { 
        min-height: 220px; 
    }
    
    .banner-right.banner-form {
        padding: 1rem;
        min-height: 280px;
    }
    
    .banner-form-compact .form-input {
        padding: 0.75rem 0.875rem;
    }
    
    .banner-form-compact .btn {
        padding: 0.75rem 0.875rem;
    }
    
    /* Преимущества */
    .advantages-section { 
        padding: 1.3rem 0; 
    }
    .advantages-wrapper {
        grid-template-columns: 1fr;
        gap: 0.6rem;
    }
    .advantage-item {
        min-height: 110px;
        padding: 0.9rem;
    }
    
    /* Блок "Почему нас выбирают" */
    .choose-us-section {
        padding-top: 40px;
        padding-bottom: 0;
    }
    .choose-us-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }
    .choose-us-main {
        grid-row: auto;
        grid-column: auto;
    }
    .choose-us-item {
        padding: 24px;
        min-height: 180px;
    }
    
    /* Блок преподавателей */
    .teachers-section {
        padding: 50px 0 0 0;
    }
    .teachers-title {
        margin-left: 12px;
        margin-bottom: 2rem;
        padding-right: 100px;
    }
    
    /* Навигация слайдера для 640px */
    .teachers-nav {
        right: 0;
    }
    
    .teacher-adaptive-photo {
        min-height: 220px;
    }
    .teacher-adaptive-info {
        padding: 20px;
    }
    
    /* Блок выбора курса */
    .course-selection-section {
        padding: 50px 0;
    }
    .course-selection-section h2 {
        margin-left: 12px;
        margin-bottom: 26px;
        width: 348px;
    }
    .course-cards-wrapper {
        gap: 16px;
        margin-bottom: 32px;
    }
    .course-card {
        min-height: 260px;
        padding: 20px;
    }
    .course-header {
        width: 100%;
    }
    .course-card:nth-child(1) .course-header {
        width: 80%;
    }
    .course-card:nth-child(3) .course-header {
        width: 95%;
    }
    .course-card:nth-child(4) .course-header {
        width: 85%;
    }
    .course-card:nth-child(5) .course-header {
        width: 100%;
    }
    .course-card:nth-child(6) .course-header {
        width: 95%;
    }
    .course-selection-footer {
        margin-left: 12px;
    }
    .course-selection-footer h3 {
        margin-bottom: 20px;
        font-size: var(--font-size-22);
        font-weight: var(--font-weight-semibold);
        line-height: var(--line-height-auto);
        letter-spacing: var(--letter-spacing-0);
        width: 330px;
    }
    .mobile-break {
        display: block;
    }
    .course-selection-footer .btn {
        padding: 12px 24px;
    }
    
    /* FAQ — общие стили в faq.css, здесь page-specific обёртка */
    .faq-section {
        padding: 50px 0;
    }
    .faq-section h2 {
        margin-left: 12px;
        margin-bottom: 24px;
    }
    
    /* Форма обратной связи */
    .contact-form-section {
        padding: 60px 0;
    }
    .contact-form-wrapper {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .contact-form-info-card {
        padding: 32px 24px;
        gap: 16px;
        order: 2;
    }
    .contact-form-card {
        order: 1;
    }
    .contact-social-links {
        gap: 12px;
    }
    .social-link {
        width: 48px;
        height: 48px;
    }
}

/* Мобильные устройства */
@media screen and (max-width: 480px) {

    .content-top {
        width: 100%;
    }

    .content-bottom {
        width: 100%;
    }

    .banner-left {
        min-height: 400px;
        background-image: url('../img/webp/testdrive_back.webp');
        background-size: cover;
        background-position: left;
    }

    /* Блок "Почему нас выбирают" - специальная мобильная структура */
    .choose-us-section {
        padding-top: 50px;
        padding-bottom: 0;
    }
    .choose-us-grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }
    .choose-us-main {
        grid-row: auto;
        grid-column: auto;
        min-height: 200px;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .choose-us-main .choose-us-content {
        order: 2;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        width: 100%;
    }
    .choose-us-main .choose-us-content h2 { 
        margin-bottom: 20px; 
    }
    .choose-us-main .choose-us-content .text-p2 { 
        margin-bottom: 16px; 
    }
    .choose-us-main .choose-us-content .text-p2:last-of-type { 
        margin-bottom: 32px; 
    }
    .choose-us-main .btn {
        position: static;
        bottom: auto;
        left: auto;
        margin-top: 0;
        align-self: flex-start;
    }
    .choose-us-item {
        padding: 22px;
        min-height: 160px;
        border-radius: 20px;
    }
    
    /* Блок преподавателей */
    .teachers-section {
        padding: 40px 0 0 0;
    }
    .teachers-title {
        margin-left: 8px;
        margin-bottom: 1.5rem;
        padding-right: 90px;
    }
    
    /* Навигация слайдера для 480px */
    .teachers-nav {
        right: 0;
        gap: 6px;
    }
    
    .teachers-nav-btn {
        width: 36px;
        height: 36px;
        border-width: 1.5px;
    }
    
    .teachers-nav-btn .arrow-icon {
        width: 14px;
        height: 14px;
    }
    
    .teacher-adaptive-photo {
        min-height: 200px;
        border-radius: 15px;
        background-size: cover;
        background-position: right center;
        background-repeat: no-repeat;
    }
    
    /* Фоновые изображения остаются те же */
    .teacher-adaptive-group:nth-child(1) .teacher-adaptive-photo {
        background-image: url('../img/webp/AboutUs_TeacherBack_1.webp');
    }
    
    .teacher-adaptive-group:nth-child(3) .teacher-adaptive-photo {
        background-image: url('../img/webp/AboutUs_TeacherBack_4.webp');
    }
    
    .teacher-adaptive-group:nth-child(4) .teacher-adaptive-photo {
        background-image: url('../img/webp/AboutUs_TeacherBack_2.webp');
    }
    
    .teacher-adaptive-photo .teacher-avatar {
        position: absolute;
        bottom: 0;
        left: 0;
        width: min(200px, 50%);
        background-size: cover;
        background-position: center;
    }
    
    /* Используем оригинальные аватарки на маленьких экранах */
    .teachers-adaptive-wrapper .teacher-avatar-1 {
        background-image: url('../img/webp/AboutUs_TeacherAvatar_7.webp');
    }
    
    .teachers-adaptive-wrapper .teacher-avatar-3 {
        background-image: url('../img/webp/AboutUs_TeacherAvatar_9.webp');
    }
    
    .teachers-adaptive-wrapper .teacher-avatar-4 {
        background-image: url('../img/webp/AboutUs_TeacherAvatar_2.webp');
    }
    
    .teachers-adaptive-wrapper .teacher-avatar-5 {
        background-image: url('../img/webp/AboutUs_TeacherAvatar_5.webp');
    }
    
    .teacher-adaptive-info {
        border-radius: 20px;
        padding: 20px;
    }
    .teachers-actions .btn {
        padding: 12px 24px;
    }
    /* Стандартные стили для второго аватара в мобильной версии */
    .teachers-adaptive-wrapper .teacher-avatar-2 {
        background-image: url('../img/webp/AboutUs_TeacherAvatar_8.webp');
    }
    /* Кнопки в колонку в мобильной версии */
    .teachers-adaptive-wrapper .teacher-buttons {
        flex-direction: column;
        gap: 16px;
        align-items: flex-start;
    }
    /* Выравнивание кнопки "Подробнее" */
    .teachers-adaptive-wrapper .teacher-buttons .more {
        margin-top: 0;
        margin-left: 6px;
        align-self: flex-start;
    }
}

/* КРИТИЧЕСКИЙ ФИКС - Принудительное изменение ширины для третьей карточки */
.teachers-section .teacher-card.teacher-card-3 .teacher-info .teacher-header .text-p3.event-title {
    width: 85%;
    max-width: 85%;
    display: inline-block;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.teachers-section .teacher-card.teacher-card-3 .teacher-info .teacher-header .text-p3.event-description {
    width: 90%;
    max-width: 90%;
    display: inline-block;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

/* Перенос кнопки "Подробнее" на передний план */
.teacher-buttons .more,
.teachers-adaptive-wrapper .teacher-buttons .more {
    position: relative;
    z-index: 10;
}

/* Белый цвет заголовка в баннере для всех экранов */
.banner-left .banner-content .content-top h1 {
    color: var(--color-white);
    width: 140%;
    max-width: 140%;
}

/* Уменьшение ширины текстового контейнера для десктопной версии */
@media screen and (min-width: 725px) {
    .banner-left .banner-content .content-top h1 {
        width: 100%;
        max-width: 100%;
    }
}

/* Увеличение высоты зеленой плашки для всех экранов */
.banner-left {
    min-height: 440px;
}

/* Медиа-запрос для экранов от 647px до 724px - увеличение ширины текста в баннере */
@media screen and (min-width: 647px) and (max-width: 724px) {
    .banner-left .banner-content .content-top h1 {
        width: 120%;
        max-width: 120%;
        display: inline-block;
        word-wrap: break-word;
        overflow-wrap: break-word;
    }
}

/* Замена фона на зеленый без человека на экранах менее 646px */
@media screen and (max-width: 646px) {
    .banner-left {
        background-image: url('../img/webp/fonn.webp');
        background-size: cover;
        background-position: center;
    }
    
    /* Увеличение ширины текстовых контейнеров на 20% для всех текстов на зеленой плашке */
    .banner-left .banner-content .content-top h1,
    .banner-left .banner-content .content-bottom h5,
    .banner-left .banner-content .content-bottom .benefits-list {
        width: 120%;
        max-width: 120%;
    }
    
    /* Белый цвет и увеличенная ширина для заголовка на 2 строки */
    .banner-left .banner-content .content-top h1 {
        color: var(--color-white);
        width: 140%;
        max-width: 140%;
        font-size: var(--font-size-38);
    }
}

/* Специальная адаптация для очень маленьких экранов менее 480px */
@media screen and (max-width: 480px) {
    .banner-left {
        min-height: 380px;
        padding: 1.5rem;
    }
    
    /* Уменьшение ширины текстовых контейнеров для помещения в видимую область */
    .banner-left .banner-content .content-top h1 {
        width: 100%;
        max-width: 100%;
        font-size: var(--font-size-38);
    }
    
    .banner-left .banner-content .content-bottom h5,
    .banner-left .banner-content .content-bottom .benefits-list {
        width: 100%;
        max-width: 100%;
    }
}

/* Стиль H-4 для заголовка на очень маленьких экранах менее 400px */
@media screen and (max-width: 400px) {
    .banner-left .banner-content .content-top h1 {
        font-size: var(--font-size-24);
        font-weight: var(--font-weight-semibold);
        line-height: var(--line-height-120);
        letter-spacing: var(--letter-spacing-minus1);
    }
}