/*  This source code is written by Slava Kovalev 17/06/2026 */

/*
@font-face {
    font-family: "Boxed";
    src:
        local("Boxed Heavy Italic"),
        local("BoxedHeavy-Italic"),
        url("../fonts/BoxedHeavy-Italic.woff2") format("woff2"),
        url("../fonts/BoxedHeavy-Italic.woff") format("woff"),
        url("../fonts/BoxedHeavy-Italic.ttf") format("truetype"),
        url("../fonts/BoxedHeavy-Italic.eot");
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Boxed";

    src:
        local("Boxed Regular Bold"),
        local("BoxedRegular-Bold"),
        url("../fonts/BoxedRegular-Bold.woff2") format("woff2"),
        url("../fonts/BoxedRegular-Bold.woff") format("woff"),
        url("../fonts/BoxedRegular-Bold.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Boxed";

    src:
        local("Boxed Medium Italic"),
        local("BoxedMedium-Italic"),
        url("../fonts/BoxedMedium-Italic.woff2") format("woff2"),
        url("../fonts/BoxedMedium-Italic.woff") format("woff"),
        url("../fonts/BoxedMedium-Italic.ttf") format("truetype");
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Boxed";

    src:
        local("Boxed Semibold Italic"),
        local("BoxedSemibold-Italic"),
        url("../fonts/BoxedSemibold-Italic.woff2") format("woff2"),
        url("../fonts/BoxedSemibold-Italic.woff") format("woff"),
        url("../fonts/BoxedSemibold-Italic.ttf") format("truetype");
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Boxed";

    src:
        local("Boxed Thin Italic"),
        local("BoxedThin-Italic"),
        url("../fonts/BoxedThin-Italic.woff2") format("woff2"),
        url("../fonts/BoxedThin-Italic.woff") format("woff"),
        url("../fonts/BoxedThin-Italic.ttf") format("truetype");
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Boxed";

    src:
        local("Boxed Extralight Italic"),
        local("BoxedExtralight-Italic"),
        url("../fonts/BoxedExtralight-Italic.woff2") format("woff2"),
        url("../fonts/BoxedExtralight-Italic.woff") format("woff"),
        url("BoxedExtralight-Italic.ttf") format("truetype");
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Boxed";

    src:
        local("Boxed Regular"),
        local("BoxedRegular"),
        url("../fonts/BoxedRegular.woff2") format("woff2"),
        url("../fonts/BoxedRegular.woff") format("woff"),
        url("../fonts/BoxedRegular.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Boxed";

    src:
        local("Boxed Regular Italic"),
        local("BoxedRegular-Italic"),
        url("../fonts/BoxedRegular-Italic.woff2") format("woff2"),
        url("../fonts/BoxedRegular-Italic.woff") format("woff"),
        url("../fonts/BoxedRegular-Italic.ttf") format("truetype");
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Boxed";

    src:
        local("Boxed Light"),
        local("BoxedLight"),
        url("../fonts/BoxedLight.woff2") format("woff2"),
        url("../fonts/BoxedLight.woff") format("woff"),
        url("../fonts/BoxedLight.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

*/

/*
@font-face {
    font-family: "Boxed Book";

    src:
        local("Boxed Book Italic"),
        local("BoxedBook-Italic"),
        url("../fonts/BoxedBook-Italic.woff2") format("woff2"),
        url("../fonts/BoxedBook-Italic.woff") format("woff"),
        url("../fonts/BoxedBook-Italic.ttf") format("truetype");
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Boxed";

    src:
        local("Boxed Medium"),
        local("BoxedMedium"),
        url("../fonts/BoxedMedium.woff2") format("woff2"),
        url("../fonts/BoxedMedium.woff") format("woff"),
        url("../fonts/BoxedMedium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Boxed";

    src:
        local("Boxed Semibold"),
        local("BoxedSemibold"),
        url("../fonts/BoxedSemibold.woff2") format("woff2"),
        url("../fonts/BoxedSemibold.woff") format("woff"),
        url("../fonts/BoxedSemibold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Boxed";

    src:
        local("Boxed Heavy"),
        local("BoxedHeavy"),
        url("../fonts/BoxedHeavy.woff2") format("woff2"),
        url("../fonts/BoxedHeavy.woff") format("woff"),
        url("../fonts/BoxedHeavy.ttf") format("truetype");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Boxed";

    src:
        local("Boxed Regular Bold Italic"),
        local("BoxedRegular-BoldItalic"),
        url("../fonts/BoxedRegular-BoldItalic.woff2") format("woff2"),
        url("../fonts/BoxedRegular-BoldItalic.woff") format("woff"),
        url("../fonts/BoxedRegular-BoldItalic.ttf") format("truetype");
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Boxed";

    src:
        local("Boxed Thin"),
        local("BoxedThin"),
        url("../fonts/BoxedThin.woff2") format("woff2"),
        url("../fonts/BoxedThin.woff") format("woff"),
        url("../fonts/BoxedThin.ttf") format("truetype");
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

*/

/*

@font-face {
    font-family: "Boxed";

    src:
        local("Boxed Light Italic"),
        local("BoxedLight-Italic"),
        url("../fonts/BoxedLight-Italic.woff2") format("woff2"),
        url("../fonts/BoxedLight-Italic.woff") format("woff"),
        url("../fonts/BoxedLight-Italic.ttf") format("truetype");
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Boxed";

    src:
        local("Boxed Extralight"),
        local("BoxedExtralight"),
        url("../fonts/BoxedExtralight.woff2") format("woff2"),
        url("../fonts/BoxedExtralight.woff") format("woff"),
        url("../fonts/BoxedExtralight.ttf") format("truetype");
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

*/

@font-face {
    font-family: "Boxed Book";

    src:
        local("Boxed Book"),
        local("BoxedBook"),
        url("../fonts/BoxedBook.woff2") format("woff2"),
        url("../fonts/BoxedBook.woff") format("woff"),
        url("../fonts/BoxedBook.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* Сброс и нормализация */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    overflow-x: hidden;
}

body {
    overflow-x: hidden;
    width: 100%;
    font-family: "Boxed Book", Helvetica, Arial, sans-serif;
}

main {
    margin-left: 0%;
    margin-right: 0%;
}

header {
    position: fixed;
    top: 0;
    width: 100%;
    left: 0;
    z-index: 1000;
    flex-wrap: nowrap;
    background-color: #ffffff;
}

.header_long {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
}

.logoPTM {
    display: flex;
    flex-direction: row;
    overflow: hidden;
}

.logoPTM_image {
    margin: 2px 0 4px 34px;
    width: 342px;
    height: auto;
}

.sub_header {
    display: flex;
    flex-direction: row;
    padding: 30px 0 0 0;
    flex-wrap: wrap;
}

.produkciya_tab,
.o_kompanii_tab,
.novosti_tab,
.statii_tab,
.kontakty_tab {
    margin: 10px 20px 10px 20px;
    cursor: pointer;
    font:
        400 18px/1.39 "Boxed Book",
        Helvetica,
        Arial,
        serif;

    min-width: 44px;
    min-height: 44px;
    text-decoration: none;
    color: #6d6d6d;
    transition: color 0.3s ease; /* Плавное изменение */
}

.produkciya_tab:hover,
.o_kompanii_tab:hover,
.novosti_tab:hover,
.statii_tab:hover,
.kontakty_tab:hover {
    color: #0061a2; /* Цвет компании */
}

.phone_mail_block {
    display: flex;
    flex-direction: column;
    margin: 2px 32px;
    font:
        400 18px/1.39 "Boxed Book",
        Helvetica,
        Arial,
        serif;
}

.header_phone {
    margin: 14px 10px 6px 10px;
}

.header_phone_link {
    text-decoration: none;
    color: inherit;
    cursor: pointer;
    min-width: 44px;
    min-height: 44px;
}

.header_email {
    margin: 12px 10px 0px 10px;
}

.header_email_link {
    text-decoration: none;
    color: inherit;
    cursor: pointer;
    min-width: 44px;
    min-height: 44px;
}

/*Решено эту опцию пока отключить*/
.language_chooser {
    display: none;
    margin: 26px 20px 10px 20px;
}

.header_short {
    display: none;
    flex-direction: column;
    padding: 10px 15px;
    background: #ffffff;
    border-bottom: 1px solid #eee;
    width: 100%;
}

.short_top_row_mob {
    display: flex;
    flex-direction: row;
    width: 100%;
    margin-top: 1%;
    margin-bottom: 1%;
    justify-content: space-between;
    align-items: center;
}

.mobile-header-logo {
    margin: 0% 2% 0% 0%;
}

.logo {
    width: 400px;
    margin: 0% 0% 0% 0%;
}

.logo_short_mob {
    display: none;
}

.menu_burger {
    background-color: #ffffff;
    border: none;
}

.menu_burger_image {
    margin-right: 0%;
    margin-top: 20%;
    width: 44px;
    min-height: 44px;
    min-width: 44px;
}

/* Контейнер модального меню с 4 элементами в столбик */
.modal_menu_mob {
    display: none;
    flex-direction: column;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 2000;
    background-color: #ffffff;
    padding: 20px;
    overflow-y: auto;
    transition: all 0.3s ease;
    opacity: 0;
    pointer-events: none;
}

.modal_menu_mob.active {
    display: flex;
    opacity: 1;
    pointer-events: all;
}

/* Контейнер внутри модального меню с 2 элементами в столбик - верхняя строка и подчерк под ней */
.menu_top_row_mob {
    display: flex;
    flex-direction: column;
}

/* Контейнер внутри модального меню с 2 элементами встроку - логотип слева и крести закрытия справа */
.top_block_mob {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-bottom: 14px;
}

.top_block_mob_logo {
    width: 34%;
}

.modal_btn_close {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    min-width: 44px;
    min-height: 44px;
    cursor: pointer;
    background: none;
    border: none;
    padding: 8px;
    margin-top: 21px;
    flex-shrink: 0; /* Запрещаем сжатие */
}

.modal_btn_close img {
    display: block;
    width: 100%;
    height: auto;
    max-width: 50px;
    max-height: 50px;
}

.menu_mob {
    margin-top: 24px;
    margin-left: 20px;
}

/* межстрочный интервал между пунктами меню */
li {
    margin-bottom: 9px;
    min-width: 44px;
    min-height: 44px;
}

.modal-menu-link {
    padding-top: 0%;
    font:
        400 22px/1 "Boxed Book",
        Helvetica,
        Arial,
        serif;
    color: #6d6d6d;
    text-decoration: none;
    cursor: pointer;
}

.contact_block_mob {
    display: flex;
    flex-direction: column;
    margin-top: 20px;
}

.modal_phone_mob {
    padding: 2% 0%;
    font:
        400 22px/1 "Boxed Book",
        Helvetica,
        Arial,
        serif;
    color: #6d6d6d;
    text-decoration: none;
    cursor: pointer;
    min-width: 44px;
    min-height: 44px;
}

.modal_email_mob {
    padding: 2% 0%;
    font:
        400 22px/1 "Boxed Book",
        Helvetica,
        Arial,
        serif;
    color: #6d6d6d;
    text-decoration: none;
    cursor: pointer;
    min-width: 44px;
    min-height: 44px;
}

/* Секция 1 */

.section_1 {
    margin-top: 98px;
    width: 100%;
    height: 800px;
    display: flex;
    flex-direction: column;
    /*overflow: hidden;*/
    background-color: #f2f2f2;
    position: relative; /* Добавляем для позиционирования */
}

.s1_image_stend_sborki_turbin {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
    /* Добавить для улучшения восприятия */
    background-color: #f2f2f2; /* Цвет фона, пока загружается изображение */
    image-rendering: auto;
    /* Адаптивная высота */
    min-height: 300px;
    max-height: 800px;

    opacity: 0;
    animation: fadeInImage 0.5s ease-in forwards;
    animation-delay: 0.1s;
    object-position: center bottom; /* Обрезает сверху, нижний край сохраняется */
}

@keyframes fadeInImage {
    from {
        opacity: 0;
        transform: scale(1.02);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

.s1_title_wrapper {
    position: absolute;
    top: 58%;
    left: 5%;
    transform: translateY(-50%);
    /* width: 50%;*/
    padding: 56px 60px;
    background: rgba(0, 97, 162, 0.65); /* Синий с прозрачностью */
    backdrop-filter: blur(0); /* Эффект матового стекла */
    -webkit-backdrop-filter: blur(0);
    border-radius: 0;
    border: 1px solid rgba(255, 255, 255, 0.15);
    box-shadow: 0 8px 40px rgba(0, 0, 0, 0.2);
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 50%;
}

/* Все текстовые элементы */
.s1_main_title,
.s1_subtitle,
.s1_text1 {
    position: relative;
    z-index: 3;
    opacity: 1;
    color: #ffffff;
    margin: 0;
}

.s1_main_title {
    font:
        700 55px/1.4 "Boxed Book",
        Helvetica,
        Arial,
        serif;
    margin-bottom: 8px;
}

.s1_subtitle {
    font:
        600 39px/1.3 "Boxed Book",
        Helvetica,
        Arial,
        serif;
    margin-bottom: 20px;
}

.s1_text1 {
    font:
        500 31px/1.28 "Boxed Book",
        Helvetica,
        Arial,
        serif;
    margin-bottom: 50px;
    max-width: 76%;
}

.s1_button_block {
    display: flex;
    flex-direction: row;
    gap: 26px;
    position: relative;
    z-index: 3;
    flex-wrap: wrap;
}

.s1_vybrat_produkciu_button,
.s1_poluchit_konsultaciu_button {
    background-color: #e6edf2;
    border-radius: 0;
    padding: 12px 32px;
    cursor: pointer;
    border: none;
    opacity: 1 !important;
    position: relative;
    z-index: 4;
    text-align: center;
    min-height: 44px;
    min-width: 44px;
    text-decoration: none;
    transition: all 0.3s ease;
}

.s1_vybrat_produkciu_button:hover,
.s1_poluchit_konsultaciu_button:hover {
    border-radius: 11px;
}

.s1_vybrat_produkciu_text,
.s1_poluchit_konsultaciu_text {
    font:
        400 18px/1 "Boxed Book",
        Helvetica,
        Arial,
        serif;
    color: #172630;
    opacity: 1 !important;
    text-decoration: none;
}

/* Секция 1-2, котороая после 1-ой но перед 2-ой */

.section_12 {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-top: 1%;
}

.s12_text_block {
    margin-left: 5%;
    margin-right: 5%;
    margin-bottom: 4%;
}

.s12_main_title {
    margin-top: 5%;
    font:
        600 47px/1 "Boxed Book",
        Helvetica,
        Arial,
        serif;
    color: #6d6d6d;
}

.s12_text_1 {
    margin-top: 3%;
    font:
        400 22px/1 "Boxed Book",
        Helvetica,
        Arial,
        serif;
    color: #6d6d6d;
}

.s12_text_2 {
    margin-top: 1%;
    font:
        400 22px/1 "Boxed Book",
        Helvetica,
        Arial,
        serif;
    color: #6d6d6d;
}

/* Секция 2 */

.section_2 {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-top: 1%;
    align-content: center;
}

.s2_text_block {
    margin-top: 1%;
    margin-left: 5%;
    margin-bottom: 0%;
}

.s2_main_title {
    margin-top: 5%;
    font:
        600 47px/1 "Boxed Book",
        Helvetica,
        Arial,
        serif;
    color: #6d6d6d;
}

.s2_subtitle {
    margin-top: 2%;
    font:
        400 22px/1 "Boxed Book",
        Helvetica,
        Arial,
        serif;
    color: #6d6d6d;
}

.s2_matrix_block {
    display: flex;
    flex-direction: column;
    margin: 1% 3% 1% 3%;
}

.s2_matrix_r1,
.s2_matrix_r2 {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

.s2_matrix_b1,
.s2_matrix_b2,
.s2_matrix_b3,
.s2_matrix_b4 {
    width: 40%;
    padding: 6% 3% 6% 3%;
    margin: 3% 3% 3% 3%;
    position: relative;
    overflow: hidden;
    background-color: #0061a2b3;
    cursor: pointer;
    text-decoration: none;
}

/* Второй фон (появляется при наведении) */
.s2_matrix_b1::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url("../images/tehnologicheskiy-stend-foto.webp");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: -1;
    opacity: 0;
    transition: opacity 0.8s ease-in-out;
}

/* Аналогично для b2 */
.s2_matrix_b2::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url("../images/ispytatelnye-stendy-foto.webp");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: -1;
    opacity: 0;
    transition: opacity 0.8s ease-in-out;
}

/* Аналогично для b3 */
.s2_matrix_b3::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url("../images/stend-dlya-ispytaniy-foto.webp");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: -1;
    opacity: 0;
    transition: opacity 0.8s ease-in-out;
}

/* Аналогично для b4 */
.s2_matrix_b4::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url("../images/kombinirovannyi-stend-foto.webp");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: -1;
    opacity: 0;
    transition: opacity 0.8s ease-in-out;
}

/* Добавляем затемняющий слой поверх изображения */
.s2_matrix_b1::before,
.s2_matrix_b2::before,
.s2_matrix_b3::before,
.s2_matrix_b4::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 40, 80, 0.7); /* Тёмный фильтр */
    z-index: 0;
    transition: opacity 0.8s ease-in-out;
}

/* Затемнение на основном фоне */
.s2_matrix_b1::before {
    background-image: url("../images/tehnologicheskiy-stend-pro.webp");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: rgba(0, 40, 80, 0.7); /* Затемнение поверх изображения */
    background-blend-mode: multiply; /* Режим смешивания для затемнения */
    z-index: -1;
}

/* Аналогично для b2 */
.s2_matrix_b2::before {
    background-image: url("../images/ispytatelnye-stendy-pro.webp");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: rgba(0, 40, 80, 0.7);
    background-blend-mode: multiply;
    z-index: -1;
}

/* Аналогично для b3 */
.s2_matrix_b3::before {
    background-image: url("../images/stend-dlya-ispytaniy-pro.webp");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: rgba(0, 40, 80, 0.7);
    background-blend-mode: multiply;
    z-index: -1;
}

/* Аналогично для b4 */
.s2_matrix_b4::before {
    background-image: url("../images/kombinirovannyi-stend-pro.webp");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: rgba(0, 40, 80, 0.7);
    background-blend-mode: multiply;
    z-index: -1;
}

/* Эффект наведения для блока 1 */
.s2_matrix_b1:hover::after {
    opacity: 1;
}

.s2_matrix_b1:hover::before {
    opacity: 0;
}

/* Эффект наведения для блока 2 */
.s2_matrix_b2:hover::after {
    opacity: 1;
}

.s2_matrix_b2:hover::before {
    opacity: 0;
}

/* Эффект наведения для блока 3 */
.s2_matrix_b3:hover::after {
    opacity: 1;
}

.s2_matrix_b3:hover::before {
    opacity: 0;
}

/* Эффект наведения для блока 4 */
.s2_matrix_b4:hover::after {
    opacity: 1;
}

.s2_matrix_b4:hover::before {
    opacity: 0;
}

/*
.s2_b2_image_ispytatelnye_stendy {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
}
*/

.s2_matrix_b1_text_block,
.s2_matrix_b2_text_block,
.s2_matrix_b3_text_block,
.s2_matrix_b4_text_block {
    position: relative;
    z-index: 1;
    color: #ffffff;
}

.s2_matrix_b1_main_title,
.s2_matrix_b2_main_title,
.s2_matrix_b3_main_title,
.s2_matrix_b4_main_title {
    font:
        600 32px/1 "Boxed Book",
        Helvetica,
        Arial,
        serif;
}

.s2_matrix_b1_text_subtitle,
.s2_matrix_b2_text_subtitle,
.s2_matrix_b3_text_subtitle,
.s2_matrix_b4_text_subtitle {
    margin-top: 20px;
    font:
        300 20px/1 "Boxed Book",
        Helvetica,
        Arial,
        serif;
}

.s2_matrix_b1_podrobnee_block,
.s2_matrix_b2_podrobnee_block,
.s2_matrix_b3_podrobnee_block,
.s2_matrix_b4_podrobnee_block {
    display: flex;
    flex-direction: row;
    margin-top: 20px;
    text-decoration: none;
}

.s2_matrix_b1_podrobnee_text,
.s2_matrix_b2_podrobnee_text,
.s2_matrix_b3_podrobnee_text,
.s2_matrix_b4_podrobnee_text {
    font:
        300 20px/1 "Boxed Book",
        Helvetica,
        Arial,
        serif;
    color: #ffffff;
}

.s2_matrix_b1_podrobnee_strelka,
.s2_matrix_b2_podrobnee_strelka,
.s2_matrix_b3_podrobnee_strelka,
.s2_matrix_b4_podrobnee_strelka {
    margin-top: -1px;
    margin-left: 10px;
    color: #ffffff;
}

.s2_pereiti_v_katalog_block,
.s12_otpravit_zapros_block,
.s4_uznat_o_kompanii_block {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

.s2_pereiti_v_katalog_button,
.s12_otpravit_zapros_button,
.s4_uznat_o_kompanii_button {
    margin-top: 1%;
    border-radius: 10px;
    padding: 16px 32px;
    cursor: pointer;
    transition: all 0.3s ease;
    border: 2px solid #666666; /* Тёмно-серый, толщина 2px */
    min-height: 44px;
    min-width: 44px;
    align-content: center;
    text-decoration: none;
}

/* Эффект при наведении на саму кнопку */
.s2_pereiti_v_katalog_button:hover,
.s12_otpravit_zapros_button:hover,
.s4_uznat_o_kompanii_button:hover {
    background-color: rgba(14, 113, 184, 0.75); /* Светло-голубой фон */
    border-color: rgba(14, 113, 184, 0.75); /* Меняем цвет рамки в тон */
}

/* Эффект при наведении на текст внутри кнопки */
.s2_pereiti_v_katalog_button:hover .s2_pereiti_v_katalog_button_text,
.s12_otpravit_zapros_button:hover .s12_otpravit_zapros_button_text,
.s4_uznat_o_kompanii_button:hover .s4_uznat_o_kompanii_button_text {
    color: #ffffff; /* Белый цвет текста */
    text-shadow:
        0 0 10px rgba(255, 255, 255, 0.8),
        0 0 20px rgba(255, 255, 255, 0.5); /* Свечение вокруг текста */
}

/* Или вариант с белой окантовкой (обводкой) текста */
.s2_pereiti_v_katalog_button:hover .s2_pereiti_v_katalog_button_text {
    /*   color: #ffffff;
    text-decoration: none;*/
}

.s2_pereiti_v_katalog_button_text,
.s12_otpravit_zapros_button_text,
.s4_uznat_o_kompanii_button_text {
    font:
        400 22px/1 "Boxed Book",
        Helvetica,
        Arial,
        serif;
    color: #6d6d6d;
    text-decoration: none;
    opacity: 1 !important;
    transition: all 0.3s ease; /* Плавное изменение */
    text-align: center;
}

/* 4-ая секция */

.section_4 {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-top: 1%;
}

.s4_text_block {
    margin-left: 5%;
    margin-right: 5%;
    margin-bottom: 4%;
}

.s4_main_title {
    margin-top: 5%;
    font:
        600 47px/1 "Boxed Book",
        Helvetica,
        Arial,
        serif;
    color: #6d6d6d;
}

.s4_text_1 {
    margin-top: 3%;
    font:
        400 22px/1 "Boxed Book",
        Helvetica,
        Arial,
        serif;
    color: #6d6d6d;
}

.s4_text_2 {
    margin-top: 1%;
    font:
        400 22px/1 "Boxed Book",
        Helvetica,
        Arial,
        serif;
    color: #6d6d6d;
}

.section_6 {
    margin-top: 6%;
    margin-left: 5%;
    margin-right: 5%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;

    gap: 40px; /* Отступ между левым блоком и картой */
    align-items: flex-start;
}

.s6_left_block {
    /*margin-left: 5%;
    margin-top: 0%;*/

    flex: 0 0 35%; /* Фиксированная ширина 35% */
    max-width: 35%;
    margin-top: 0%;
    padding-left: 5%;
}

.s6_main_title {
    margin-top: 0%;
    font:
        800 47px/1 "Boxed Book",
        Helvetica,
        Arial,
        serif;
    /*color: #6d6d6d;*/
}

.s6_adress_title {
    margin-top: 14%;
    font:
        100 16px/1 "Boxed Book",
        Helvetica,
        Arial,
        serif;
    color: #6d6d6d;
}

.s6_adress {
    margin-top: 4%;
    font:
        600 24px/1 "Boxed Book",
        Helvetica,
        Arial,
        serif;
    /*color: #6d6d6d;*/
}

.s6_chasy_raboty {
    margin-top: 3%;
    font:
        100 16px/1 "Boxed Book",
        Helvetica,
        Arial,
        serif;
    color: #6d6d6d;
}

.s6_phone_mail_block {
    display: flex;
    flex-direction: column;
}

.s6_phone_title {
    margin-top: 8%;
    font:
        100 16px/1 "Boxed Book",
        Helvetica,
        Arial,
        serif;
    color: #6d6d6d;
}

.s6_phone {
    margin-top: 3%;
    font:
        600 24px/1 "Boxed Book",
        Helvetica,
        Arial,
        serif;
    color: black;
    text-decoration: none;
}

.s6_email_title {
    margin-top: 6%;
    font:
        100 16px/1 "Boxed Book",
        Helvetica,
        Arial,
        serif;
    color: #6d6d6d;
    text-decoration: none;
}

.s6_email {
    margin-top: 3%;
    font:
        600 24px/1 "Boxed Book",
        Helvetica,
        Arial,
        serif;
    color: black;
    text-decoration: none;
}

.s6_social_media_title {
    margin-top: 8%;
    font:
        100 16px/1 "Boxed Book",
        Helvetica,
        Arial,
        serif;
    color: #6d6d6d;
    text-decoration: none;
}
.s6_social_media_block {
    margin-top: 5%;
    display: flex;
    flex-direction: row;
    justify-content: left;
}

.s6_rutube_button {
    margin-left: -24px;
}

.s6_rutube_icon {
    width: 64px;
    cursor: pointer;
}

.s6_vk_button {
}

.s6_vk_icon {
    width: 79px;
    margin-top: -9px;
    cursor: pointer;
}

.s6_max_button {
    padding-left: 20px;
}

.s6_max_icon {
    width: 64px;
    
    cursor: pointer;
}

.s6_dokumentyLicenzii_block {
    display: flex;
    flex-direction: row;
}

.s6_dokumentyLicenzii_icon {
}

.s6_dokumentyLicenzii_text {
    margin-top: 3%;
    font:
        400 22px/1 "Boxed Book",
        Helvetica,
        Arial,
        serif;
    color: #6d6d6d;
}

/* Правый блок с картой */
.s6_right_block {
    /* display: flex;
    flex-direction: row;
    justify-content: center;
    align-content: center;
    width: 100%;*/

    flex: 1; /* Занимает оставшееся место */
    min-width: 0; /* Разрешает сжатие */
    position: relative;
    width: 100%;
}

.s6_karta_proezda {
    /*margin-left: 0%;
    margin-right: 0%;
    padding-left: 10px;
    align-content: center;

    position: relative;
    overflow: hidden;
    width: 100%;
    */

    position: relative;
    width: 100%;
    margin-top: 10%;
    padding-bottom: 60%; /* Соотношение сторон 2:1 */

    overflow: hidden;
    background: #e0e0e0; /* Цвет подложки */
    border-radius: 8px;

    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.s6_map_iframe {
    /* Убираем рамку iframe */
    /* border: none; */
    /* Убираем лишний отступ снизу (для инлайн-элементов) */
    /* display: block; */
    /*width: 1000px;*/
    /*width: 100%;
    max-width: 1000px;
    padding: 10px;
    align-content: center;*/

    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    display: block;
}

.s7_form_wrapper {
    margin-top: 3%;
    margin-bottom: 3%;
    padding-top: 0%;
    padding-bottom: 0%;
}

footer {
    margin-top: 4%;
    background-color: #f2f2f2;
    width: 100%;
    display: flex;
    flex-direction: column;
}

.f_main {
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;
}

.f_header {
    display: flex;
    flex-direction: row;
    margin: 20px;
    justify-content: space-between;
    padding-right: 7%;
}

.f_logo {
    display: flex;
    flex-direction: row;
}

.f_logoPTM_image {
    margin: 0 0 0 182px;
    width: 292px;
    height: auto;
}

.f_logo_subheader {
    display: none;
    font:
        500 15px/1 "Boxed Book",
        Helvetica,
        Arial,
        serif;
}

.f_logo_header {
    display: none;
    font:
        600 24px/1.39 "Boxed Book",
        Helvetica,
        Arial,
        serif;
}

.f_contentBlock {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    margin: 20px 0;
}

.f_produkciyaBlock {
    display: flex;
    flex-direction: column;
    margin-left: -34px;
}

.f_produkciyaBlock_title {
    display: block;
    margin-top: 0%;
    margin-bottom: 6%;
    font:
        500 28px/1 "Boxed Book",
        Helvetica,
        Arial,
        serif;
    color: #6d6d6d;
    cursor: pointer;
    text-decoration: none;
    min-width: 44px;
    min-height: 44px;
    transition: color 0.3s ease; /* Плавное изменение */
}

.f_produkciyaBlock_title:hover {
    color: #0061a2; /* Цвет компании */
}

.f_produkciyaIspytatelnye,
.f_produkciyaTehnologicheskie,
.f_produkciyaSudostroenie,
.f_produkciyaKombinirovannye {
    display: block;
    margin-top: 0%;
    font:
        400 22px/1 "Boxed Book",
        Helvetica,
        Arial,
        serif;
    color: #6d6d6d;
    cursor: pointer;
    text-decoration: none;
    min-width: 44px;
    min-height: 44px;
    transition: color 0.3s ease; /* Плавное изменение */
}

/* Эффект при наведении */
.f_produkciyaIspytatelnye:hover,
.f_produkciyaTehnologicheskie:hover,
.f_produkciyaSudostroenie:hover,
.f_produkciyaKombinirovannye:hover {
    color: #0061a2; /* Цвет компании */
}

.f_kontaktBlock {
    display: flex;
    margin-left: -90px;
    flex-direction: column;
    justify-content: space-between;
}

.f_kontaktMediaBlock {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.f_rutube_button {
}

.f_rutube_icon {
    width: 64px;
    margin-left: 0;
    
    cursor: pointer;
}

.f_vk_icon {
    width: 79px;
    margin-top: -9px;
    cursor: pointer;
}

.f_max_icon {
    width: 64px;
    cursor: pointer;
}

.f_kontaktInfoBlock {
    display: flex;
    flex-direction: column;
    margin-top: 24px;
}

.f_kontakt_phone {
    text-decoration: none;
    font:
        400 20px/1 "Boxed Book",
        Helvetica,
        Arial,
        serif;
    color: #6d6d6d;
    min-width: 44px;
    min-height: 44px;
}

.f_kontakt_email {
    text-decoration: none;
    padding-top: 10px;
    font:
        400 20px/1 "Boxed Book",
        Helvetica,
        Arial,
        serif;
    color: #6d6d6d;
    min-width: 44px;
    min-height: 44px;
}

.f_skachat_kartu_partnera_button {
    margin-top: 5%;
    border-radius: 10px;
    padding: 0px 22px 0px 17px;
    cursor: pointer;
    transition: all 0.3s ease;
    border: 2px solid #666666; /* Тёмно-серый, толщина 2px */
    min-height: 44px;
    min-width: 44px;
    align-content: center;
    text-decoration: none;
}

/* Эффект при наведении на саму кнопку */
.f_skachat_kartu_partnera_button:hover {
    background-color: rgba(14, 113, 184, 0.75); /* Светло-голубой фон */
    border-color: rgba(14, 113, 184, 0.75); /* Меняем цвет рамки в тон */
}

/* Эффект при наведении на текст внутри кнопки */
.f_skachat_kartu_partnera_button:hover .f_skachat_kartu_partnera_button_text {
    color: #ffffff; /* Белый цвет текста */
    text-shadow:
        0 0 10px rgba(255, 255, 255, 0.8),
        0 0 20px rgba(255, 255, 255, 0.5); /* Свечение вокруг текста */
}

/* Или вариант с белой окантовкой (обводкой) текста */
.f_skachat_kartu_partnera_button:hover .f_skachat_kartu_partnera_button_text {
    color: #ffffff;
    /* text-shadow:
        -1px -1px 0 #ffffff,
        1px -1px 0 #ffffff,
        -1px 1px 0 #ffffff,
        1px 1px 0 #ffffff;*/
    /* 0 0 10px rgba(255, 255, 255, 0.3);  Дополнительное свечение */
}

.f_skachat_kartu_partnera_button_text {
    font:
        400 22px/1 "Boxed Book",
        Helvetica,
        Arial,
        serif;
    color: #6d6d6d;
    opacity: 1 !important;
    text-decoration: none;
    transition: all 0.3s ease; /* Плавное изменение */
}

.f_subfooter {
    display: flex;
    flex-direction: row;
    justify-content: space-between;

    padding: 10px 40px 10px 40px;
    background-color: rgba(0, 0, 0, 0.2);
}

.f_subfooter_copyright,
.f_subfooter_pr_polycy,
.f_subfooter_pravila {
    font:
        200 18px/1 "Boxed Book",
        Helvetica,
        Arial,
        serif;
    color: #666666;
    text-decoration: none;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* ********************************************************************************************************** */
/* Для мобильных устройств */

@media (max-width: 1759px) {
    .logoPTM_image {
        margin: 2px 0 4px 58px;
    }

    .section_1 {
        margin-top: 98px;
        height: 720px;
    }

    .s1_title_wrapper {
        top: 50%;
    }

    hr,
    .line-menu {
        display: none;
    }

    .f_logoPTM_image {
        margin: 0 0 0 156px;
    }
}
@media (max-width: 1420px) {
    .logoPTM_image {
        margin: 2px 0 4px 50px;
    }

    .section_1 {
        height: 800px;
    }

    .s1_title_wrapper {
        top: 44%;
        padding: 26px 26px;
    }

    .f_logoPTM_image {
        margin: 0 0 0 100px;
    }
}

@media (max-width: 1325px) {
    .logoPTM_image {
        margin: 2px 0 4px 54px;
    }

    .f_logoPTM_image {
        margin: 0 0 0 82px;
    }
}

@media (max-width: 1280px) {
    /* Скрываем десктопное меню */
    .mobile-hidden {
        display: none !important;
    }

    /* Показываем мобильное меню */
    .desktop-hidden {
        display: block !important;
    }

    .logo {
        margin: 0% 0% 0% 16%;
    }

    .section_1 {
        margin-top: 114px;
        height: 718px;
    }

    .short_top_row_mob {
        margin-top: 0%;
        margin-bottom: 0%;
    }

    .s1_title_wrapper {
        top: 50%;
    }

    .s1_main_title {
        font:
            700 46px / 1.4 "Boxed Book",
            Helvetica,
            Arial,
            serif;
    }

    .s1_subtitle {
        font:
            600 40px / 1.4 "Boxed Book",
            Helvetica,
            Arial,
            serif;
    }

    .s6_left_block {
        padding-left: 0;
    }

    .f_logoPTM_image {
        margin: 0 0 0 76px;
    }
}

@media (max-width: 1180px) {
    .logo {
        margin: 0% 0% 0% 14%;
    }

    .f_logoPTM_image {
        margin: 0 0 0 60px;
    }
}

@media (max-width: 1100px) {
    .logo {
        margin: 0% 0% 0% 14%;
    }

    .s1_title_wrapper {
        width: 70%;
        max-width: 90%;
    }

    .s4_text_block {
        margin: 2% 2% 2% 2%;
    }

    .f_logoPTM_image {
        margin: 0 0 0 48px;
    }
}

@media (max-width: 1015px) {
    .logo {
        margin: 0% 0% 0% 12%;
    }

    .s1_title_wrapper {
        top: 44%;
    }

    /* Баннер */
    .section_1 {
        margin-top: 114px;
        height: 100vh;
        min-height: 500px;
        max-height: 700px;
    }

    .s1_image_stend_sborki_turbin {
        height: 100%;
        object-position: center 20%;
    }

    .s1_title_wrapper {
        width: 90%;
        left: 5%;
        top: 55%;
        padding: 25px 20px;
        transform: translateY(-50%);
    }

    .s1_main_title {
        font-size: 20px;
        margin-bottom: 4px;
    }

    .s1_subtitle {
        font-size: 28px;
        margin-bottom: 10px;
    }

    .s1_text1 {
        font-size: 16px;
        max-width: 100%;
        margin-bottom: 18px;
        line-height: 1.4;
    }

    .s1_button_block {
        flex-direction: column;
        gap: 10px;
    }

    .s1_vybrat_produkciu_button,
    .s1_poluchit_konsultaciu_button {
        width: 100%;
        padding: 14px 20px;
        text-align: center;
        min-height: 44px;
        min-width: 44px;
    }

    .s1_vybrat_produkciu_text,
    .s1_poluchit_konsultaciu_text {
        font-size: 16px;
    }

    .f_logoPTM_image {
        margin: 0 0 0 32px;
    }
}

@media (max-width: 968px) {
    .logo {
        margin: 0% 0% 0% 12%;
    }

    .s2_matrix_b1_main_title,
    .s2_matrix_b2_main_title,
    .s2_matrix_b3_main_title,
    .s2_matrix_b4_main_title {
        font-size: 24px;
    }

    /* Секция "Контакты" */
    .section_6 {
        flex-direction: column;
        margin-top: 30px;
        margin-left: 2%;
        margin-right: 2%;
        gap: 20px;
    }

    .s6_left_block {
        flex: 1;
        max-width: 100%;
        margin-left: 2%;
        margin-right: 2%;
        margin-bottom: 20px;
    }

    .s6_main_title {
        font-size: 28px;
    }

    .s6_adress {
        font-size: 18px;
        margin-top: 10px;
        line-height: 1.6;
    }

    .s6_phone,
    .s6_email {
        font-size: 18px;
        margin-top: 10px;
    }

    .s6_right_block {
        width: 100%;
        max-width: 100%;
        padding: 0 2%;
    }

    .s6_karta_proezda {
        margin-top: 0%;
        padding-bottom: 60%; /* 5:3 - более квадратная */
        max-width: 100%;
    }

    .f_logoPTM_image {
        margin: 0 0 0 26px;
    }
}

@media (max-width: 850px) {
    .logo {
        margin: 0% 0% 0% 10%;
    }
    .f_logoPTM_image {
        margin: 0 0 0 6px;
    }
}

/* ============================================= */
/* МОБИЛЬНАЯ АДАПТАЦИЯ (до 768px) */
/* ============================================= */
@media (max-width: 768px) {
    .header_short {
        display: flex;
        flex-direction: column;
        padding: 10px 0;
        background: #ffffff;
        border-bottom: 1px solid #eee;
    }

    .short_top_row_mob {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 15px;
        margin: 0;
    }

    .phone_mail_block {
        display: none; /* Скрываем на маленьких экранах */
    }

    .mobile-header-logo {
        display: flex;
        align-items: center;
    }

    .logo {
        width: 210px;
        height: auto;
        margin: 0% 0% 0% 19%;
    }

    .logo_short_mob {
        display: none;
    }

    .menu_burger_image {
        width: 44px;
        height: 44px;
        margin-top: 10px;
        cursor: pointer;
    }

    .top_block_mob_logo {
        width: 194px;
        height: auto;
    }

    .modal_btn_close {
        width: 44px;
        height: 44px;
        cursor: pointer;
        min-height: 44px;
        min-width: 44px;
    }

    .menu_mob {
        list-style: none;
        padding: 0;
        margin: 30px 0;
    }

    .menu_mob li {
        margin-bottom: 20px;
    }

    .modal-menu-link {
        font-size: 24px;
        color: #333;
        text-decoration: none;
        display: block;
        padding: 10px 0;
        border-bottom: 1px solid #f0f0f0;
    }

    .contact_block_mob {
        margin: 20px 0;
    }

    .modal_phone_mob,
    .modal_email_mob {
        font-size: 20px;
        color: #333;
        text-decoration: none;
        display: block;
        padding: 8px 0;
    }

    .section_1 {
        margin-top: 75px;
        min-height: 400px;
        max-height: 500px;
    }

    /* Секция "Наша миссия" */
    .section_12 {
        margin-top: 0;
    }

    .s12_text_block {
        margin-left: 2%;
        margin-right: 2%;
    }

    .s12_main_title {
        font-size: 28px;
        margin-top: 30px;
    }

    .s12_text_1,
    .s12_text_2 {
        font-size: 16px;
        line-height: 1.5;
        margin-top: 15px;
    }

    /* Секция "Наша продукция" */
    .section_2 {
        margin-top: 0;
    }

    .s2_text_block {
        margin-left: 5%;
        margin-right: 5%;
    }

    .s2_main_title {
        font-size: 28px;
        margin-top: 30px;
    }

    .s2_subtitle {
        font-size: 16px;
        line-height: 1.5;
        margin-top: 12px;
    }

    .s2_matrix_block {
        margin: 10px 5% 20px;
    }

    .s2_matrix_r1,
    .s2_matrix_r2 {
        flex-direction: column;
        align-items: center;
    }

    .s2_matrix_b1,
    .s2_matrix_b2,
    .s2_matrix_b3,
    .s2_matrix_b4 {
        width: 100%;
        padding: 30px 20px;
        margin: 10px 0;
    }

    .s2_matrix_b1_main_title,
    .s2_matrix_b2_main_title,
    .s2_matrix_b3_main_title,
    .s2_matrix_b4_main_title {
        font-size: 22px;
    }

    .s2_matrix_b1_text_subtitle,
    .s2_matrix_b2_text_subtitle,
    .s2_matrix_b3_text_subtitle,
    .s2_matrix_b4_text_subtitle {
        font-size: 16px;
        line-height: 1.4;
        margin-top: 12px;
    }

    .s2_matrix_b1_podrobnee_text,
    .s2_matrix_b2_podrobnee_text,
    .s2_matrix_b3_podrobnee_text,
    .s2_matrix_b4_podrobnee_text {
        font-size: 18px;
    }

    .s2_pereiti_v_katalog_button {
        padding: 12px 20px;
        width: 90%;
        text-align: center;
        min-height: 44px;
        min-width: 44px;
    }

    .s2_pereiti_v_katalog_button_text {
        font-size: 18px;
    }

    /* Секция "Подробнее о нас" */
    .section_4 {
        margin: 0% 2% 2% 2%;
    }

    .s4_main_title {
        font-size: 28px;
        margin-top: 30px;
    }

    .s4_text_1,
    .s4_text_2 {
        font-size: 16px;
        line-height: 1.5;
        margin-top: 15px;
    }

    .s6_karta_proezda {
        padding-bottom: 70%; /* Ещё более квадратная */
    }

    /* Форма обратной связи */
    .s7_form_wrapper {
        margin: 20px 5%;
    }

    /* Футер */
    footer {
        margin-top: 30px;
    }

    .f_header {
        flex-direction: column;
        align-items: center;
        padding-right: 0;
        margin: 10px;
    }

    .f_logo {
        margin-bottom: 15px;
        flex-direction: column;
        align-items: center;
    }

    .f_logoPTM_image {
        margin: 0 0 0 0;
        width: 300px;
        height: auto;
    }

    .f_header .sub_header {
        flex-wrap: wrap;
        justify-content: center;
        padding: 0;
    }

    .f_produkciyaList {
        text-align: center;
    }

    .f_header .produkciya_tab,
    .f_header .o_kompanii_tab,
    .f_header .novosti_tab,
    .f_header .statii_tab,
    .f_header .kontakty_tab {
        margin: 5px 12px;
        font-size: 14px;
    }

    .f_contentBlock {
        flex-direction: column;
        align-items: center;
        margin: 10px 15px;
    }

    .f_produkciyaBlock {
        align-items: center;
        margin-bottom: 25px;
        width: 100%;
    }

    .f_produkciyaBlock_title {
        font-size: 22px;
        margin-bottom: 15px;
    }

    .f_produkciyaIspytatelnye,
    .f_produkciyaTehnologicheskie,
    .f_produkciyaSudostroenie,
    .f_produkciyaKombinirovannye {
        font-size: 18px;
        margin-top: 8px;
    }

    .f_content_balance_block {
        display: none;
    }

    .f_kontaktBlock {
        align-items: center;
        width: 100%;
    }

    .f_kontaktMediaBlock {
        gap: 20px;
        justify-content: center;
    }

    .f_rutube_icon {
        width: 44px;
        height: auto;
    }

    .f_vk_icon {
        width: 55px;
        height: auto;
        margin-top: -6px;
    }

    .f_max_icon {
        width: 46px;
        height: auto;
    }

    .f_kontaktInfoBlock {
        align-items: center;
        margin-top: 15px;
    }

    .f_kontakt_phone,
    .f_kontakt_email {
        font-size: 18px;
        text-align: center;
        padding-top: 5px;
    }

    .f_skachat_kartu_partnera_button {
        margin-top: 15px;
        padding: 12px 25px;
        width: 100%;
        text-align: center;
        min-height: 44px;
        min-width: 44px;
    }

    .f_skachat_kartu_partnera_button_text {
        font-size: 18px;
    }

    .f_subfooter {
        flex-direction: column;
        align-items: center;
        gap: 8px;
        padding: 15px 20px;
    }

    .f_subfooter_copyright,
    .f_subfooter_pr_polycy,
    .f_subfooter_pravila {
        font-size: 14px;
        text-align: center;
    }
}

@media (max-width: 660px) {
    .logo {
        margin: 0% 0% 0% 15%;
    }

    .s2_pereiti_v_katalog_button_text,
    .s12_otpravit_zapros_button_text,
    .s4_uznat_o_kompanii_button_text {
        font:
            400 18px/1 "Boxed Book",
            Helvetica,
            Arial,
            serif;
    }
}

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

/* ============================================= */
/* ОЧЕНЬ МАЛЕНЬКИЕ ЭКРАНЫ (до 480px) */
/* ============================================= */
@media (max-width: 480px) {
    .logo {
        display: none;
    }

    .logo_short_mob {
        display: block;
        width: 40px;
        height: auto;
        margin-left: 8px;
    }

    .header_short {
        display: flex;
        flex-direction: column;
        padding: 8px 0;
    }

    .phone_mail_block {
        display: flex;
        margin: 2px 0;
    }

    .header_phone {
        margin: 4px 10px 4px 10px;
    }

    .header_email {
        margin: 0 10px 0 10px;
    }

    .menu_burger_image {
        margin-top: 21%;
    }

    .s1_main_title {
        font-size: 18px;
    }

    .s1_subtitle {
        font-size: 24px;
    }

    .s1_text1 {
        font-size: 14px;
    }

    .s1_title_wrapper {
        padding: 18px 15px;
    }

    .s2_matrix_b1_main_title,
    .s2_matrix_b2_main_title,
    .s2_matrix_b3_main_title,
    .s2_matrix_b4_main_title {
        font-size: 19px;
    }

    .s2_matrix_b1_text_subtitle,
    .s2_matrix_b2_text_subtitle,
    .s2_matrix_b3_text_subtitle,
    .s2_matrix_b4_text_subtitle {
        font-size: 14px;
    }

    .s6_karta_proezda {
        padding-bottom: 80%; /* Почти квадратная */
    }

    .s6_main_title {
        font-size: 28px;
    }

    .s6_adress {
        font-size: 16px;
    }

    .s6_phone,
    .s6_email {
        font-size: 16px;
    }

    .f_logoPTM_image {
        width: 200px;
    }

    .f_rutube_icon {
        width: 36px;
    }

    .f_vk_icon {
        width: 46px;
    }

    .f_max_icon {
        width: 38px;
    }

    .f_kontakt_phone,
    .f_kontakt_email {
        font-size: 16px;
    }
}

@media (max-width: 440px) {
    .s6_map_iframe {
        /*width: 300px;*/

        /*width: 100%;
        max-width: 300px;

        height: 400px;*/
    }
}

@media (max-width: 334px) {
    .phone_mail_block {
        margin: 2px 0px;
        font:
            400 14px / 1.39 "Boxed Book",
            Helvetica,
            Arial,
            serif;
    }
}

@media (max-width: 280px) {
    .phone_mail_block {
        display: none;
    }
}

@media (hover: none) {
    .s2_matrix_b1:hover::after,
    .s2_matrix_b2:hover::after,
    .s2_matrix_b3:hover::after,
    .s2_matrix_b4:hover::after {
        opacity: 0; /* Отключаем hover-эффекты */
    }
}