body {
    background-color: #fff;
}
h1 {
    font-size: 68px;
}
a {
    color: #ff8562;
    text-decoration: none;
}
.t-records a {
    color: #ff8562;
    text-decoration: none;
}
b, strong {
    font-weight: 700;
}
ul {
    padding-left: 20px;
}
img {
    max-width: 100%;
    height: auto;
    display: block; /* Убирает лишний отступ под изображениями */
}
.upTitle {
    font-family: 'TildaSans',Arial,sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    letter-spacing: 3px;  /*2.5px*/
    padding-top: 30px;
    padding-bottom: 60px;
}
.titleTxt {
    font-family: 'TildaSans',Arial,sans-serif;
    font-size: 72px;
    font-weight: 600;
    color: #fff;
    line-height: 1.17;
    letter-spacing: 1px;  /*.5px*/
    padding: 24px 0 38px 0;
}
.titleTxt a {
    color: rgb(255, 255, 255);
}
.blockDescription {
    font-family: 'TildaSans',Arial,sans-serif;
    font-size: 22px;
    font-weight: 300;
    color: #fff;
    line-height: 1.55;
    padding: 15px 0 30px 0;
}
.button {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    align-self: center;
    overflow: hidden;
    width: 202px;
    height: 52px;
    opacity: 1;
    gap: 24px;
    margin-top: 30px;
    box-sizing: border-box;
}
.contentButton {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    width: 202px;
    height: 52px;
    opacity: 1;
    border-radius: 16px;
    padding: 16px 20px;
    background-color: #0D4CD3;
    box-sizing: border-box;
}
.contentButton p {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 17px;
    line-height: 20px;
    letter-spacing: 0;
    color: #ffffff;
    vertical-align: middle;
}
/******************************************ТЕЛО САЙТА**************************/
.bodyCenter {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    max-width: 1600px;
    /*margin: 16px auto 0 auto;*/
    margin: 0 auto; /* Центрируем, если есть какая-то общая ширина */
    padding: 0 15px; /* Добавим небольшой горизонтальный паддинг по умолчанию */
    box-sizing: border-box;
}
.buttonV {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 10px;
    flex-direction: row;
    justify-content: center;
    height: 30px;
    width: 30px;
    border: 1px solid #707070;
    border-radius: 3px;
    cursor: pointer;
}
.buttonV img {
    height: 10px;
    width: 10px;
    align-self: center;
}
.Linker {
    position: relative;
    margin-top: -90px;
    padding-top: 90px;
    height: 1px;
    width: 1px;
}
/******************************************ОБЩИЕ БЛОКИ**************************/
.containerCalculator h2, .containerContacts_footer h2 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 44px;
    line-height: 129%;
    letter-spacing: 0;
    text-align: center;
    padding-top: 20px;
    padding-left: 50px;
    padding-bottom: 30px;
    vertical-align: middle;
}
/******************************************ШАПКА**************************/
.headerF {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-self: center;
    overflow: hidden;
    /*max-width: 1400px;  - Убираем жесткий max-width для адаптации */
    width: 100%;
    height: auto;
    background-color: #fff;
    color: #000;
    box-sizing: border-box;
}
/******************************************ШАПКА ООО «Инжтехсервис»**************************/
.header_menu_main {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    overflow: hidden;
    width: 100%;
    max-width: 1440px;
    height: auto;
    padding: 10px;
    box-sizing: border-box;
}
.frameImgLogo_ITC {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    overflow: hidden;
    width: auto;
    max-width: 306px;
    height: auto;  /*54px*/
    border-radius: 16px;
    padding: 12px 20px 12px 20px;
    border: 1px solid #0D4CD3;
    box-sizing: border-box;
}
.imgLogo_ITC {
    width: 326px;
    height: auto;  /*30px*/
    border: none;
    padding: 0 5px;
}
.frameImgLogo_ITC, .imgLogo_ITC {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    overflow: hidden;
    width: auto;
    max-width: 346px;
    min-width: 274px;
    height: auto;  /*54px*/
    margin: 0;
    border-radius: 16px;
    box-sizing: border-box;
}
.frameImgLogo_ITC {
    border: 1px solid #0D4CD3;
}
.imgLogo_ITC img {
    width: 27px;
    height: auto;  /*30px*/
    border-radius: 4px;
}
.imgLogo_ITC h1 {
    width: auto;
    white-space: nowrap;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 24px;  /*24px*/
    line-height: 30px; /* Увеличиваем line-height */
    letter-spacing: 0;
    color: #0D4CD3;
    text-align: center; /* Если нужен текст по центру */
}
.header_menu_main .containerSocialIcon {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    width: auto;
    max-width: 128px;
    height: auto;  /*36px*/
    margin-left: 5px;
    box-sizing: border-box;
}
.header_menu_main .contentSocialIcon {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    width: 100%;
    height: auto;  /*36px*/
    gap: 5px;   /* Расстояние между элементами */
    box-sizing: border-box;
}
.header_menu_main .socialIcon {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    width: auto;
    max-width: 36px;
    height: auto;  /*36px*/
    border-radius: 36px;
    box-sizing: border-box;
}
.header_menu_main .containerContacts {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    width: auto;
    max-width: 905px;  /*326px + 177px + 402px*/
    height: auto;   /*36px*/
    box-sizing: border-box;
}
.header_menu_main .contentContacts {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    overflow: hidden;
    align-items: center;
    width: 100%;
    height: auto;  /*36px*/
    padding-left: 7px;
    box-sizing: border-box;
}
.header_menu_main .containerTelephone {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    width: auto;
    height: auto;
    gap: 6px;
    padding-left: 7px;
    padding-right: 7px;
    box-sizing: border-box;
}
.header_menu_main .contentTelephone {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    overflow: hidden;
    width: auto;
    max-width: 158px;
    min-width: 138px;  /*иначе немного телефон затирается*/
    height: auto;
    padding-top: 1px;
    padding-right: 3px;
    box-sizing: border-box;
}
.header_menu_main .contentTelephone img {
    width: 9px;
    height: 12px;   /*трубка телефона*/
    min-width: 9px;
    min-height: 12px;
    padding-left: 5px;
}
.header_menu_main .telephone {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    width: auto;
    max-width: 135px;
    min-width: 105px;
    height: auto;   /*18px*/
    white-space: nowrap;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.5;
    cursor: pointer;
    color: #222222;
    box-sizing: border-box;
}
.header_menu_main .containerButtonTel {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    width: auto;
    max-width: 170px;
    height: auto;   /*36px*/
    padding: 0 8px 0 15px;
    box-sizing: border-box;
}
.header_menu_main .contentButtonTel {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    width: auto;
    max-width: 156px;
    height: auto;    /*36px*/
    padding: 8px 25px 9px 25px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-style: normal; /* Можно опустить, т.к. это по умолчанию */
    font-size: 13px;
    line-height: 17px;
    letter-spacing: 0;
    color: #0D4CD3;
    border-radius: 16px;
    border: 1px solid #0D4CD3;
    cursor: pointer;
    box-sizing: border-box;
}
.header_menu_main .contentButtonTel p, .header_menu_main .contentButtonTel a {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    width: auto;
    max-width: 120px;
    min-width: 110px;
    height: auto;   /*36px*/
    white-space: nowrap;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-style: normal; /* Можно опустить, т.к. это по умолчанию */
    font-size: 13px;
    line-height: 17px;
    letter-spacing: 0;
    color: #0D4CD3;
    box-sizing: border-box;
}
.header_menu_main .containerEmail {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    width: auto;
    max-width: 177px;
    height: auto;  /*18px*/
    /*margin-left: 5px;*/
    /*margin-right: 15px;*/
    box-sizing: border-box;
}
.header_menu_main .contentEmail {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    overflow: hidden;
    width: 100%;
    height: auto;   /*18px*/
    gap: 14px;  /* Расстояние между элементами */
    box-sizing: border-box;
}
.header_menu_main .email {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    width: 100%;
    height: auto;   /*18px*/
    white-space: nowrap;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-style: normal; /* Можно опустить, так как это значение по умолчанию */
    font-size: 16px;
    line-height: 18px;
    letter-spacing: 0;
    cursor: pointer;
    color: #222222;
    padding-right: 5px;
    box-sizing: border-box;
}
.header_menu_main .containerButtons {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    width: auto;
    max-width: 361px;
    height: auto;  /*36px;*/
    box-sizing: border-box;
}
.header_menu_main .containerButtonEmail_1, .header_menu_main .containerButtonEmail_2 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    width: auto;
    max-width: 171px;
    min-width: 126px;
    height: auto;   /*36px*/
    margin: 0 5px;
    box-sizing: border-box;
}
.header_menu_main .contentButtonEmail_1, .header_menu_main .contentButtonEmail_2 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    width: auto;
    max-width: 171px;
    min-width: 126px;
    height: auto;   /*36px*/
    padding: 8px 25px 9px 25px;
    border-radius: 16px;
    border: 1px solid #0D4CD3;
    box-sizing: border-box;
}
.header_menu_main .contentButtonEmail_1 p, .header_menu_main .contentButtonEmail_1 a, .header_menu_main .contentButtonEmail_2 p, .header_menu_main .contentButtonEmail_2 a {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    width: auto;
    max-width: 171px;
    min-width: 126px;
    height: auto;   /*36px*/
    white-space: nowrap;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-style: normal; /* Можно опустить, т.к. это по умолчанию */
    font-size: 13px;
    line-height: 17px;
    letter-spacing: 0;
    color: #0D4CD3;
    text-align: center;
    box-sizing: border-box;
}
.header_menu_main .contentButtonEmail_2 {
    background-color: #0D4CD3;
    color: #fff;
    width: auto;
    max-width: 180px;
}
.header_menu_main .contentButtonEmail_2 p, .header_menu_main .contentButtonEmail_2 a {
    color: #fff;
}
.header_menu_main .buttonSearch {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    width: 17px;
    height: auto;   /*16px*/
    box-sizing: border-box;
}
.header_menu_main .buttonSearch img {
    width: 17px;
    height: 44px;
    opacity: 1;
    padding-top: 14px;
    padding-bottom: 13px;
    cursor: pointer;
}
/******************************************МОБИЛЬНОЕ МЕНЮ**************************/
.btnMenuHidden {
    display: none;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    align-self: flex-start;
    overflow: hidden;
    width: 100%;
    max-width: 28px;
    padding: 0;
    border: none;
    background-color: transparent;
    outline: none;
    cursor: pointer;
    box-sizing: border-box;
}
.btnMenuHidden span {
    display: block;
    width: 100%;
    height: 3px;
    margin: 4px 0;
    background-color: #0D4CD3;
}
.menuHidden {
    display: none;   /*none*/
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    align-self: flex-start;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    box-sizing: border-box;
}
.toggleMenuF_Name {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    overflow: hidden;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    height: 100px;
    padding: 0 15px;
    /*background-color: #2E2C41;*/
    z-index: 100;
    box-sizing: border-box;
}
.menuContent {
    display: none;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    overflow: hidden;
    width: 20%;
    box-sizing: border-box;
}
.logoContainer {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    overflow: hidden;
    width: 100%;
    min-height: 80px;
    margin-right: auto;
    box-sizing: border-box;
}
.logoContent {
    height: 100%;
}
.logoContainer:after {
    content: '';
    display: block;
    min-height: inherit;
    font-size: 0;
}
.logo {
    font-size: 18px;
    color: #000000;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.logoImg {
    display: block;
    height: 50px;
}
.t-menuBurger {
    position: relative;
    flex-shrink: 0;
    width: 28px;
    height: 20px;
    padding: 0;
    border: none;
    background-color: transparent;
    outline: none;
    transform: rotate(0deg);
    transition: transform .5s ease-in-out;
    cursor: pointer;
    z-index: 999;
}
.t-menuBurger span:nth-child(1) {
    top: 0;
}
.t-menuBurger-opened span:nth-child(1) {
    top: 8px;
    width: 0;
    left: 50%;
}
.t-menuBurger span {
    display: block;
    position: absolute;
    width: 100%;
    opacity: 1;
    left: 0;
    transform: rotate(0deg);
    transition: .25s ease-in-out;
    height: 3px;
    background-color: #0D4CD3;
}
.menuBg {
    background-color: #0b2a3d;
    opacity: 1;
}
.menuHidden_static .menuHiddenContainer {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    position: relative;
    overflow: hidden;
    width: 100%;
    z-index: 9999;
    height: auto;
    box-sizing: border-box;
}
.menuHidden_static .menuHidden {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    overflow: hidden;
    width: 100%;
    box-sizing: border-box;
}
ul.list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    overflow: hidden;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style-type: none;
    box-sizing: border-box;
}
.menu-item {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    overflow: hidden;
    width: 100%;
    height: 62px;
    border-bottom: 1px solid #f2f2f2;
    box-sizing: border-box;
}
.menuHiddenItem:first-child, .menuHidden .menu-item:first-child {
    margin-top: 0!important;
}
.menuHiddenItem, .menuHidden .menu-item {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    align-self: center;
    overflow: hidden;
    text-align: center;
    width: 100%;
    max-width: 400px;
    margin: 20px auto;
}
.containerHeader .menu-item, .containerHeader .menu-item a {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    height: 64px;
    white-space: nowrap;
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 45px;
    line-height: 20px;
    letter-spacing: 0;
    vertical-align: middle;
    color: #181818;
    text-align: center;
    border-bottom: 1px solid #f2f2f2;
    text-transform: uppercase;
    box-sizing: border-box;
}
.menuHidden .menu-item a {
    width: auto;
    white-space: nowrap;
    font-family: 'Open Sans', sans-serif;
    font-size: 45px;
    font-style: normal;
    font-weight: 700;  /*bold*/
    color: #222222;
    line-height: 1.17;
    text-transform: none;
}
/**************************************ШАПКА ООО «СМТ-Курган»**************************/
.header_menu_secondary {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    overflow: hidden;
    width: 100%;
    max-width: 1440px;
    padding: 10px;
    box-sizing: border-box;
}
.startingHeader_CMT {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    box-sizing: border-box;
}
.frameImgLogo_CMT, .imgLogo_CMT {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    overflow: hidden;
    width: 274px;
    height: 54px;
    margin: 0;
    padding: 0;
    border-radius: 16px;
    border: 1px solid #0D4CD3;
    box-sizing: border-box;
}
.frameImgLogo_CMT {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    overflow: hidden;
    width: 225px;
    height: 54px;
    border-radius: 16px;
    padding: 12px 10px 12px 10px;
    background-color: #0D4CD3;
    margin-right: 50px;
    box-sizing: border-box;
}
.imgLogo_CMT {
    width: 100%;   /*274px;*/
    height: auto;  /*30px*/
    border: none;
}
.imgLogo_CMT img {
    width: 30px;
    height: 30px;
    border-radius: 4px;
}
.imgLogo_CMT h1 {
    width: 159px;   /*232px;*/
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 15px;  /*24px*/
    line-height: 20px; /* Увеличиваем line-height */
    letter-spacing: 0;
    color: #FFFFFF;
    text-align: center; /* Если нужен текст по центру */
}
.containerInfCMT {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    overflow: hidden;
    width: 215px;
    height: 82px;
    box-sizing: border-box;
}
.contentInfCMT_1, .contentInfCMT_2 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    overflow: hidden;
    box-sizing: border-box;
}
.contentInfCMT_1 p, .contentInfCMT_2 p {
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: 0;
    vertical-align: middle;
}
.contentInfCMT_1 p {
    font-weight: 400;
    color: #999999;
}
.contentInfCMT_2 p {
    font-weight: 700;
}
.containerMenu {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    overflow: hidden;
    width: 100%;
    /*min-width: 350px;*/
    height: 20px;
    opacity: 1;
    box-sizing: border-box;
}
.mainMenu {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: flex-start;
    overflow: hidden;
    width: 100%;
    gap: 24px;  /* Расстояние между элементами */
    box-sizing: border-box;
}
.containerMenu .page_item, .containerMenu .page_item a {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    width: auto;
    max-width: 100px;
    align-items: flex-start;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 17px;
    line-height: 20px;
    letter-spacing: 0;
    vertical-align: middle;
    color: #181818;
    text-align: center;
    box-sizing: border-box;
}
/******************************************КОНТАЙНЕР БАННЕРА**************************/
/* Контейнер для всего раздела */
.containerBanner {
    display: flex;
    flex-direction: column;  /* Элементы располагаются друг под другом */
    align-items: center;
    justify-content: flex-start;
    width: 100%; /* Занимает всю доступную ширину */
    max-width: 1920px;
    height: 514px; /*514px */
    position: relative; /* Нужен для позиционирования фона */
    overflow: hidden; /* Чтобы фон и размытие не вылезали */
    box-sizing: border-box;
}
/* Обертка для фоновых элементов */
.backgroundContainerBanner {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    height: auto;
    z-index: -1; /* Помещаем фон под контентом */
    box-sizing: border-box;
}
/* Градиентный фон */
.backgroundGradientContainerBanner {
    display: flex;
    flex-direction: column;  /* Элементы располагаются друг под другом */
    align-items: flex-start;
    justify-content: flex-start;
    position: absolute; /* Чтобы перекрыть всю область wrapper'а */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, #0945FE 0%, #2D5CEF 48.08%, #7C9BF8 100%);
    opacity: 1;
}
/* Элемент с размытием */
.backgroundBlurContainerBanner {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    overflow: hidden;
    opacity: 0.7;
    background-color: #0D4CD3;
    backdrop-filter: blur(100px);
    z-index: 1; /* Поверх градиента, но под основным контентом */
}
/* Основное содержимое блока */
.contentBanner {
    flex-grow: 1; /* Занимает все доступное пространство, оставшееся после фонов */
    display: flex;
    flex-direction: row;
    justify-content: center; /* Для центрирования контента */
    align-items: center; /* Для центрирования контента */
    width: 100%;
    max-width: 1400px;
    text-align: center;
    padding: 20px; /* Пример внутреннего отступа для контента */
    color: white; /* Пример цвета текста, чтобы был виден на фоне */
    z-index: 2; /* Гарантируем, что контент будет поверх фона и размытия */
}
.contentBannerLeft, .contentBannerRight {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    overflow: hidden;
    width: 50%;
    gap: 15px;
    box-sizing: border-box;
}
.titleBannerLeft {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    box-sizing: border-box;
}
.titleBannerLeft h1 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 48px;
    line-height: 120%;
    letter-spacing: 0;
    vertical-align: middle;
}
.descriptionBannerLeft {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    box-sizing: border-box;
}
.descriptionBannerLeft p {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 22px;
    line-height: 1.3;
    letter-spacing: 0;  /* Нет дополнительного интервала между буквами */
}
.containerButtonsBannerLeft {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    gap: 24px;
    margin-top: 50px;
    opacity: 1;
    box-sizing: border-box;
}
.btnCalculateCostOnline, .btnCatalogCounters, .btnSubmitRequest {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    height: 52px;
    opacity: 1;
    background-color: #FFFFFF;
    border-radius: 16px;
    padding: 16px 20px;
    cursor: pointer;
    box-sizing: border-box;
}
.btnCalculateCostOnline span, .btnCatalogCounters span, .btnSubmitRequest span {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 17px;
    line-height: 20px;
    letter-spacing: 0;
    color: #181818;
    vertical-align: middle;
}
.btnCalculateCostOnline, .btnSubmitRequest  {
    width: 292px;
}
.btnCatalogCounters {
    width: 203px;
}
.btnCalculateCostOnline a, .btnCatalogCounters a, .btnSubmitRequest a {
    display: inline-block; /* Важно для блочных свойств */
    padding: 10px 20px;    /* Пример отступов */
    background-color: #007bff; /* Пример фона */
    color: #ffffff;          /* Пример цвета текста */
    text-decoration: none;   /* Убрать подчеркивание ссылки */
    border-radius: 5px;      /* Пример скругления углов */
    margin: 5px;             /* Пример отступа между кнопками */
    text-align: center;      /* Выравнивание текста по центру */
    font-weight: bold;
    /* Возможно, эти стили были на span, тогда их нужно будет скопировать сюда */
}
.btnCalculateCostOnline p, .btnCatalogCounters p, .btnSubmitRequest p, .btnCalculateCostOnline a, .btnCatalogCounters a, .btnSubmitRequest a {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 17px;
    line-height: 20px;
    letter-spacing: 0;
    color: #181818;
    vertical-align: middle;
}
.contentBannerRight img {
    width: 534px;
    height: 446px;
    opacity: 1;
}
/******************************************КОНТАЙНЕР ПРОДУКЦИИ**************************/
.containerProducts {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    overflow: hidden;
    width: 100%;
    max-width: 1920px;
    position: relative;
    background-color: #F1F2F3;
    box-sizing: border-box;
}
.containerProducts h2{
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 44px;
    line-height: 129%;
    letter-spacing: 0;
    text-align: center;
    color: #181818;
    margin-top: 50px;
    padding-left: 20px;
    vertical-align: middle;
}
.contentProducts {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    max-width: 1400px;
    text-align: center;
    padding: 20px;
    color: #000;
    /*color: white;*/
    z-index: 2;
    box-sizing: border-box;
}
.containerCMT_Smart, .containerCMT_Complex, .containerCategory {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    overflow: hidden;
    width: 100%;
    margin-top: 30px;
    margin-bottom: 50px;
    box-sizing: border-box;
}
.containerCMT_Smart h3, .containerCMT_Smart h3 a, .containerCMT_Complex h3, .containerCMT_Complex h3 a, .containerCategory h3, .containerCategory h3 a, .containerCategory h1 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 32px;
    line-height: 120%;
    letter-spacing: 0;
    text-align: center;
    color: #181818;
    margin-top: 10px;
    vertical-align: middle
}
.containerCategory h1 {
    align-self: center;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 44px;
    line-height: 120%;
    letter-spacing: 0;
    text-align: center;
    color: #181818;
    margin-top: 10px;
    vertical-align: middle;
    padding-bottom: 25px;
}
.contentCMT_Smart, .contentCMT_Complex, .contentCategory {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    overflow: hidden;
    width: 100%;
    max-width: 1440px;
    height: auto;  /*384px*/
    opacity: 1;
    margin-top: 10px;
    box-sizing: border-box;
}
.listOfProducts {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    overflow: hidden;
    width: 100%;
    max-width: 1440px;
    height: auto;  /*384px*/
    opacity: 1;
    color: #000000;
    box-sizing: border-box;
}
.cardProduct_Counter {
    flex: 0 0 calc(25% - 10px); /* 4 элемента в строке */
}
.cardProduct_Counter, .cardProduct_Counter a {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    overflow: hidden;
    background: #FFFFFF;
    box-sizing: border-box;
}
.cardProduct_Counter {
    width: calc(25% - 12px);
    max-width: 360px;
    height: 384px;  /*384px*/
    opacity: 1;
    gap: 24px;
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    padding: 24px;
}
.cardProduct_Counter a {
    width: 100%;
    height: auto;
}
/* --- Закругление углов у ПЕРВОГО элемента --- */
.cardProduct_Counter:first-child {
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px;
}
/* --- Закругление углов у ПОСЛЕДНЕГО элемента --- */
.cardProduct_Counter:last-child {
    border-top-right-radius: 16px;
    border-bottom-right-radius: 16px;
}
.containerCardProduct_Counter {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    overflow: hidden;
    width: 100%;
    max-width: 312px;
    height: 336px;  /*336px*/
    opacity: 1;
    gap: 16px;
    box-sizing: border-box;
}
.bannerOpeningSoon {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    overflow: hidden;
    width: 60%;
    max-width: 133px;
    height: 30px;
    opacity: 1;
    gap: 24px;
    box-sizing: border-box;
}
.contentBannerOpeningSoon {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    overflow: hidden;
    width: 100%;
    max-width: 133px;
    height: 30px;
    opacity: 1;
    border-radius: 167px;
    padding: 5px 10px;
    background-color: #0E91DF;
    box-sizing: border-box;
}
.contentBannerNewCounter {
    background-color: #4FAD00;
}
.contentBannerOpeningSoon p {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: 0;
    color: #fff;
    vertical-align: middle;
}
.contentCardProduct_Counter {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    overflow: hidden;
    width: 100%;
    max-width: 312px;
    height: auto;  /*290px*/
    box-sizing: border-box;
}
.contentCardProduct_Counter img {
    width: 312px;
    height: auto;  /*170px*/
    opacity: 1;
}
.inform_Counter {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    overflow: hidden;
    width: 100%;
    max-width: 312px;
    height: auto;  /*104px*/
    opacity: 1;
    gap: 12px;
    border-top-width: 1px;
    box-sizing: border-box;
}
.inform_Counter h4 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 17px;
    line-height: 120%;
    letter-spacing: 0;
    color: #181818;
    text-align: center;
    vertical-align: middle;
}
.item-under-order {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    width: 100%;
    max-width: 312px;
    height: auto;
    border-top-width: 1px;
    gap: 6px;
    opacity: 1;
    box-sizing: border-box;
}
.item-under-order img, .woocommerce .item-under-order img, .woocommerce ul.products li.product a .item-under-order img {
    width: 14px;
    height: auto;  /*14px*/
    border-top-width: 1px;
    opacity: 1;
    padding: 0;
    margin: 0;
}
.item-under-orderValue {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
    line-height: 120%;
    letter-spacing: 0;
    text-align: center;
    color: #666666;
    vertical-align: middle;
}
.price {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    box-sizing: border-box;
}
.price p, .price .woocommerce-Price-amount, .price .woocommerce-Price-amount span{
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 20px;
    line-height: 120%;
    letter-spacing: 0;
    text-align: center;
    color: #181818;
    vertical-align: middle;
}
/******************************************КОНТАЙНЕР УСЛУГИ**************************/
.containerUslugi {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    overflow: hidden;
    width: 100%;
    max-width: 1920px;
    margin-top: 50px;
    margin-bottom: 50px;
    position: relative;
    background-color: #ffffff;
    box-sizing: border-box;
}
.containerUslugi h2 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 44px;
    line-height: 48px;
    letter-spacing: 0;
    text-align: center;
    padding-left: 20px;
    vertical-align: middle;
}
.contentUslugi {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    max-width: 1400px;
    text-align: center;
    box-sizing: border-box;
}
.listOfUslugi {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: stretch;
    flex-wrap: wrap;
    overflow: hidden;
    width: 100%;
    max-width: 1255px;  /*1233px;*/
    opacity: 1;
    gap: 24px;
    box-sizing: border-box;
}
.cardUsluga_Counter {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    overflow: hidden;
    width: calc(33% - 24px);
    max-width: 395px;
    height: auto;  /*296px*/
    min-width: 296px;  /*296px*/
    opacity: 1;
    gap: 4px;
    border-radius: 16px;
    padding: 13px;
    background-color: #F1F2F3;
    box-sizing: border-box;
}
.containerCardUsluga_Counter {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-between;
    overflow: hidden;
    width: 100%;
    max-width: 347px;
    height: 100%;  /*растягивается по длине родителя 248px*/
    opacity: 1;
    box-sizing: border-box;
}
.contentCardUsluga_Counter {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    overflow: hidden;
    width: 100%;
    max-width: 347px;
    height: auto;
    opacity: 1;
    box-sizing: border-box;
}
.contentCardUsluga_Counter p {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 17px;
    line-height: 120%;
    letter-spacing: 0;
    color: #181818;
    text-align: left;
    vertical-align: middle;
}
.numberUsluga {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    overflow: hidden;
    width: 36px;
    height: 36px;
    opacity: 1;
    gap: 10px;
    border-radius: 18px;
    padding: 8px 13px;
    border: 1px solid #0D4CD3;
    box-sizing: border-box;
}
.numberUsluga p {
    width: 10px;
    height: 20px;
    opacity: 1;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 17px;
    line-height: 120%;
    letter-spacing: 0;
    color: #0D4CD3;
    vertical-align: middle;
}
/******************************************КОНТАЙНЕР Монтаж счетчика**************************/
.containerInstallingCounter {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    overflow: hidden;
    width: 100%;
    max-width: 1920px;
    height: auto;  /*1145px*/
    opacity: 1;
    margin-top: 50px;
    padding-top: 20px;
    position: relative;
    background-color: #F6F6F7;
    box-sizing: border-box;
}
.containerInstallingCounter h2 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 44px;
    line-height: 48px;
    letter-spacing: 0;
    text-align: center;
    padding-left: 50px;
    vertical-align: middle;
}
.contentInstallingCounter {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    align-self: center;
    overflow: hidden;
    width: 100%;
    max-width: 1400px;
    height: auto;
    text-align: center;
    padding: 50px;
    gap: 20px;
    box-sizing: border-box;
}
.imgContainerInstallingCounter {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    overflow: hidden;
    width: 50%;
    max-width: 708px;
    height: auto;  /*920px*/
    opacity: 1;
    border-radius: 16px;
    box-sizing: border-box;
}
.imgContainerInstallingCounter img {
    /*width: 100%;*/
    /*max-width: 708px;*/
    max-width: 100%;
    /*height: 920px;  !*920px*!*/
    opacity: 1;
    border-radius: 16px;
}
.containerRequest {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    overflow: hidden;
    width: 50%;
    max-width: 708px;
    /*height: 920px;   !*920px*!*/
    opacity: 1;
    border-radius: 16px;
    background-color: #ffffff;
    padding: 5px;
    box-sizing: border-box;
}
.containerRequest h3 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 32px;
    line-height: 28px;
    letter-spacing: 0;
    padding-left: 8px;
    vertical-align: middle;
}
.contentRequest {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    overflow: hidden;
    width: 100%;
    height: auto;
    padding: 10px 5px 10px 8px;
    box-sizing: border-box;
}
.containerModelCounter {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    overflow: hidden;
    width: 100%;
    max-width: 660px;
    height: auto;
    opacity: 1;
    border-bottom-width: 1px;
    gap: 5px;
    padding: 10px 0 10px 0;
    box-sizing: border-box;
}
.containerModelCounter label {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    overflow: hidden;
    width: 100%;
    height: auto;  /*16px*/
    opacity: 1;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 13px;
    line-height: 120%;
    letter-spacing: 0;
    vertical-align: middle;
    text-transform: uppercase;
}
.containerModelCounter label span {
    color: #FF0000;
    padding-left: 5px;
}
.containerModelCounter .form-select, .custom-select-element {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    overflow: hidden;
    /* Удаляем стандартные стили браузера */
    -webkit-appearance: none; /* Для WebKit (Chrome, Safari, Opera) */
    -moz-appearance: none;    /* Для Firefox */
    appearance: none;         /* Стандартное свойство */
    width: 100%; /* Занимает всю ширину родителя */
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 17px;
    line-height: 1.2; /* Line-height для select лучше задавать безразмерно или в px */
    letter-spacing: 0;
    color: #181818;
    opacity: 0.6; /* Цвет плейсхолдера */
    background-color: transparent; /* Делаем фон прозрачным, чтобы видеть фон родителя */
    border: none; /* Убираем все границы */
    cursor: pointer;
    /* --- Добавляем кастомную стрелку как background-image --- */
    background-image: url('../img/select.png'); /* Путь к вашему SVG-файлу стрелки */
    background-repeat: no-repeat;
    background-position: right 0 center; /* Позиционируем стрелку справа, по центру */
    background-size: 18px 18px; /* Размер вашей стрелки */
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #1818181A;
    box-sizing: border-box;
}
.containerTypeWork, .containerTypeMounting {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    overflow: hidden;
    width: 100%;
    height: auto;
    margin-bottom: 10px;
    box-sizing: border-box;
}
.containerTypeWork h4, .containerTypeMounting h4 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 13px;
    line-height: 120%;
    letter-spacing: 0;
    vertical-align: middle;
    text-transform: uppercase;
}
.containerTypeWork h4 span, .contentEdit span, .containerTypeMounting h4 span {
    color: #FF0000;
    padding-left: 5px;
}
.contentTypeWork, .contentTypeMounting {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    overflow: hidden;
    width: 100%;
    max-width: 660px;
    height: auto;  /*127px*/
    opacity: 1;
    border-radius: 16px;
    background-color: #F6F6F7;
    margin-top: 5px;
    gap: 25px;
    padding: 25px 10px 25px 10px;
    box-sizing: border-box;
}
.form-checkbox {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    overflow: hidden;
    width: 100%;
    max-width: 598px;
    height: auto;
    opacity: 1;
    box-sizing: border-box;
}
.form-checkbox input {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    overflow: hidden;
    width: 20px;
    height: auto;
    max-height: 20px;
    padding-left: 5px;
    margin-right: 5px;
    box-sizing: border-box;
}
.form-checkbox label {
    display: block;
    padding-left: 5px;
    margin-right: 5px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 17px;
    line-height: 1.2;
    letter-spacing: 0;
    vertical-align: middle;
    text-align: start;
    color: #181818;
    box-sizing: border-box;
}
/* Если основной текст "Замена старого счетчика" тоже должен быть отдельным блоком */
.form-checkbox label > *:not(input) {
    /* Это может быть избыточно, но на всякий случай */
    display: block;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
    line-height: 1.2;
    letter-spacing: 0;
    vertical-align: middle;
    text-align: start;
    text-transform: lowercase;
    color: #777777;
    box-sizing: border-box;
}
.containerEdit {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    overflow: hidden;
    width: 100%;
    padding: 5px 0;
    box-sizing: border-box;
}
.contentEdit {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    overflow: hidden;
    width: 100%;
    max-width: 660px;
    height: 67px;
    padding: 0;
    border-bottom: 1px solid #1818181A;
    border-radius: 8px;
    box-sizing: border-box;
}
.contentEdit label {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 13px;
    line-height: 120%;
    letter-spacing: 0;
    vertical-align: middle;
    text-transform: uppercase;
}
.contentEdit input {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    overflow: hidden;
    width: 100%;
    max-width: 660px;
    height: 30px;
    opacity: 1;
    padding-top: 1px;
    padding-bottom: 1px;
    box-sizing: border-box;
}
.buttonRequest {
    align-self: flex-start;
    margin-top: 15px;
}
.contentButtonRequest span {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 17px;
    line-height: 20px;
    letter-spacing: 0;
    color: #ffffff;
    vertical-align: middle;
}
.containerPostscript {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    overflow: hidden;
    width: 100%;
    max-width: 660px;
    height: auto;  /*29px*/
    opacity: 1;
    margin-top: 10px;
    box-sizing: border-box;
}
.containerPostscript p {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
    line-height: 14px;
    letter-spacing: 0;
    color: #777777;
    text-align: start;
    vertical-align: middle;
}
.containerPostscript p span {
    font-weight: 600;
    color: #0D4CD3;
}
/******************************************КОНТАЙНЕР Калькулятор**************************/
.containerCalculator {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    overflow: hidden;
    width: 100%;
    max-width: 1920px;
    height: auto;  /*594px*/
    opacity: 1;
    position: relative;
    background-color: #F1F2F4;
    box-sizing: border-box;
}
.wrapperCalculator {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    align-self: center;
    width: 100%;
    max-width: 1400px;
    height: auto;  /*722px*/
    opacity: 1;
    border-radius: 16px;
    text-align: center;
    margin: 50px;
    padding: 50px;
    gap: 20px;
    background-color: #FFFFFF;
    box-sizing: border-box;
}
.wrapperCalculator h3 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 32px;
    line-height: 28px;
    letter-spacing: 0;
    vertical-align: middle;
}
.contentCalculator {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    overflow: hidden;
    width: 100%;
    gap: 50px;
    box-sizing: border-box;
}
.part1_contentCalculator, .part2_contentCalculator {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    overflow: hidden;
    width: 50%;
    box-sizing: border-box;
}
.contentTypeMounting {
    gap: 25px;
}
/******************************************КОНТАЙНЕР Сертификаты**************************/
.containerCertificates {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    overflow: hidden;
    width: 100%;
    max-width: 1920px;
    height: auto;  /*594px*/
    opacity: 1;
    position: relative;
    background-color: #F6F6F7;
    box-sizing: border-box;
}
.containerCertificates h2 {
    width: 100%;
    max-width: 322px;
    height: auto;  /*57px*/
    opacity: 1;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 44px;
    line-height: 129%;
    letter-spacing: 0;
    text-align: center;
    color: #181818;
    padding-top: 20px;
    padding-left: 50px;
    padding-bottom: 30px;
    vertical-align: middle;
}
.wrapperCertificates {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    overflow: hidden;
    width: 100%;
    box-sizing: border-box;
}
.contentCertificates {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    overflow: hidden;
    width: 100%;
    max-width: 709px;
    height: auto;  /*312px*/
    opacity: 1;
    background-color: #FFFFFF;
    padding: 0;
    box-sizing: border-box;
}
.listCertificates {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    overflow: hidden;
    width: 100%;
    gap: 24px;
    padding: 0;
    box-sizing: border-box;
}
.containerCertificate {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    overflow: hidden;
    width: auto;
    max-width: 220px;
    height: auto;  /*312px*/
    opacity: 1;
    box-sizing: border-box;
}
/******************************************КОНТАКТЫ**************************/
.containerContacts_footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    overflow: hidden;
    width: 100%;
    max-width: 1920px;
    height: auto;  /*594px*/
    opacity: 1;
    background-color: #F1F2F3;
    padding: 15px 0;
    box-sizing: border-box;
}
.containerContacts_footer h2 {
    align-self: flex-start;
    width: 100%;
    max-width: 226px;
    height: auto;  /*57px*/
    opacity: 1;
    color: #181818;
}
.contentContacts {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    overflow: hidden;
    width: 100%;
    max-width: 1440px;
    height: auto;  /*348px*/
    opacity: 1;
    border-radius: 16px;
    background-color: #FFFFFF;
    /*margin: 50px auto; !* auto центрирует блок, если экран шире max-width *!*/
    box-sizing: border-box;
}
.part1_contentContacts, .part2_contentContacts {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    overflow: hidden;
    width: 50%;
    height: auto;
    gap: 30px;
    padding: 30px 0 30px 30px;
    box-sizing: border-box;
}
.label_contentContacts {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    overflow: hidden;
    width: 100%;
    height: auto;
    box-sizing: border-box;
}
.label_contentContacts label, .label_departmentSales label, .label_phoneReference label, .contact-detail-label {
    width: 100%;
    max-width: 684px;
    height: auto;  /*16px*/
    opacity: 1;
    padding-bottom: 10px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 13px;
    line-height: 120%;
    letter-spacing: 0;
    color: #777777;
    vertical-align: middle;
    text-transform: uppercase;
}
.part1_contentContacts .e-mail {
    text-transform: uppercase;
}
.label_contentContacts p, .label_contentContacts a, .label_departmentSales p, .label_departmentSales a, .label_phoneReference p, .label_phoneReference a{
    width: 100%;
    max-width: 684px;
    height: auto;  /*40px;*/
    opacity: 1;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 17px;
    line-height: 120%;
    letter-spacing: 0;
    color: #181818;
    vertical-align: middle;
}
.containerMap {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    overflow: hidden;
    width: 100%;
    max-width: 684px;
    height: auto;  /*292px*/
    opacity: 1;
    border-radius: 16px;
    box-sizing: border-box;
}
.containerMap img {
    width: 100%;
    max-width: 684px;
    height: auto;  /*292px*/
    opacity: 1;
    border-radius: 16px;
}
/******************************************ПОДВАЛ**************************/
.containerFooter {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    overflow: hidden;
    width: 100%;
    max-width: 1920px;
    height: auto;  /*274px*/
    opacity: 1;
    background-color: #07266A;
    box-sizing: border-box;
}
.contentFooter {
    display: flex;
    flex-direction: row;
    justify-content: stretch;
    align-items: flex-end;
    overflow: hidden;
    width: 100%;
    max-width: 1440px;
    height: auto;  /*348px*/
    opacity: 1;
    box-sizing: border-box;
}
.part1_contentFooter, .part2_contentFooter {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    overflow: hidden;
    height: auto;
    gap: 40px;
    padding: 30px 0 30px 30px;
    box-sizing: border-box;
}
.part1_contentFooter {
    width: 30%;
}
.part1_contentFooter .imgLogo_CMT, .part1_contentFooter .imgLogo_ITC {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    overflow: hidden;
    width: 100%;
    height: auto;
    box-sizing: border-box;
}
.part1_contentFooter .imgLogo_CMT img, .part1_contentFooter .imgLogo_ITC img {
    width: 30px;
    height: auto;  /*30px*/
    opacity: 1;
    padding-right: 3px;
    border-radius: 10px;  /*4px*/
}
.contentFooter .imgLogo_CMT, .contentFooter .imgLogo_ITC {
    border-radius: 0;
}
.imgLogo_ITC h1 {
    width: auto;  /*232px*/
    white-space: nowrap;
    height: 20px;
    opacity: 1;
    padding-left: 10px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 24px;
    line-height: 20px;
    letter-spacing: 0;
    vertical-align: middle;
}
.header_menu_main .frameImgLogo_ITC, .header_menu_main .frameImgLogo_CMT {
    background-color: #FFFFFF;
}
.header_menu_main .imgLogo_ITC h1, .header_menu_main .imgLogo_CMT h1 {
    color: #0D4CD3;
}
.header_menu_secondary .frameImgLogo_ITC, .header_menu_secondary .frameImgLogo_CMT {
    background-color: #0D4CD3;
}
.header_menu_secondary .frameImgLogo_ITC {
    margin-right: 20px;
}
.header_menu_secondary .imgLogo_ITC h1, .header_menu_secondary .imgLogo_CMT h1 {
    color: #FFFFFF;
}
.label_departmentSales, .label_phoneReference {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    overflow: hidden;
    width: 100%;
    height: auto;
    box-sizing: border-box;
}
.label_departmentSales .contact-detail-label, .label_phoneReference .contact-detail-label {
    color: #DDDDDD;
}
.label_departmentSales p, .label_departmentSales a, .label_phoneReference p, .label_phoneReference a {
    color: #FFFFFF;
}
.part2_contentFooter {
    width: 70%;
}
.part2_contentFooter .page_item a {
    color: #FFFFFF;
}
.part2_contentFooter {
    justify-content: flex-end;
    align-items: flex-end;
    gap: 69px;
    padding: 0 30px 30px 0;
}
.containerPS {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    overflow: hidden;
    width: 100%;
    gap: 50px;
    box-sizing: border-box;
}
.personalPolicy {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    overflow: hidden;
    width: auto;
    box-sizing: border-box;
}
.personalPolicy p {
    width: 100%;
    /*max-width: 314px;*/
    height: auto;  /*18px*/
    opacity: 1;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 15px;
    line-height: 100%;
    letter-spacing: 0;
    color: #FFFFFF;
    vertical-align: middle;
}
.developerWebsite {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    overflow: hidden;
    width: auto;
    box-sizing: border-box;
}
.developerWebsite p, .developerWebsite a {
    width: 100%;
    /*max-width: 405px;*/
    height: 18px;
    opacity: 1;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 15px;
    line-height: 100%;
    letter-spacing: 0;
    color: #0E91DF;
    vertical-align: middle;
}
.developerWebsite a {
    padding: 0;
    margin: 0;
}



/* ------------------------------------- Стили для модального окна ------------------------------------------------------------ */

/* Оверлей (затемнение фона) */
.modal-overlay {
    display: none; /* Скрыто по умолчанию */
    position: fixed; /* Фиксированное положение, чтобы было поверх всего */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7); /* Полупрозрачный черный */
    z-index: 1000; /* Убедимся, что оно поверх других элементов */
    justify-content: center; /* Центрируем содержимое по горизонтали */
    align-items: center; /* Центрируем содержимое по вертикали */
    /* Можно использовать flexbox для центрирования */
    /*display: flex; /* Или grid */
}

/* Контент модального окна */
.modal-content {
    background-color: #fff; /* Белый фон */
    padding: 30px;
    border-radius: 10px; /* Скругленные углы */
    max-width: 450px; /* Максимальная ширина окна */
    width: 90%; /* Ширина для адаптивности */
    text-align: center; /* Центрируем текст внутри */
    position: relative; /* Для позиционирования кнопки закрытия */
    box-shadow: 0 5px 15px rgba(0,0,0,0.3); /* Тень */
}

/* Кнопка закрытия модального окна */
.modal-close-button {
    position: absolute;
    top: 15px;
    right: 15px;
    background: none;
    border: none;
    font-size: 24px;
    cursor: pointer;
    color: #aaa;
    line-height: 1;
    padding: 0;
}
.modal-close-button:hover {
    color: #333;
}

/* Форма и ее элементы */
.modal-content h2 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 30px;
    margin-top: 0;
    margin-bottom: 15px;
    color: #333;
}
.modal-content p {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 15px;
    margin-bottom: 25px;
    color: #555;
}

.form-group {
    margin-bottom: 20px;
    text-align: left; /* Выравниваем метки и поля влево */
}

.form-group label {
    display: block; /* Метка на своей строке */
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    font-style: normal;
    font-size: 15px;
    margin-bottom: 8px;
    color: #444;
}

.form-group input[type="text"],
.form-group input[type="tel"] {
    width: 100%; /* Поле на всю ширину родителя */
    padding: 12px 15px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    box-sizing: border-box; /* Учитываем padding и border в ширине */
}

.form-group input[type="text"]:focus,
.form-group input[type="tel"]:focus {
    border-color: #0D4CD3; /* Подсветка поля при фокусе */
    outline: none;
}

/* Кнопка отправки формы */
.button-submit-callback {
    display: inline-block;
    padding: 12px 30px;
    background-color: #0D4CD3; /* Ваш фирменный цвет */
    color: #FFFFFF;
    border: none;
    border-radius: 8px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 17px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    width: 100%; /* Занимает всю ширину */
}

.button-submit-callback:hover {
    background-color: #0A38A1; /* Темнее при наведении */
}

/* Сообщение об успехе/ошибке */
.form-message {
    margin-top: 20px;
    padding: 10px;
    border-radius: 5px;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    font-style: normal;
    font-size: 17px;
}
.form-message.success {
    background-color: #d4edda; /* Зеленый фон */
    color: #155724;
    border: 1px solid #c3e6cb;
}
.form-message.error {
    background-color: #f8d7da; /* Красный фон */
    color: #721c24;
    border: 1px solid #f5c6cb;
}

/* Адаптивность */
@media (max-width: 768px) {
    .modal-content {
        padding: 20px;
    }
    .modal-close-button {
        top: 10px;
        right: 10px;
        font-size: 20px;
    }
    .button-submit-callback {
        width: 100%;
        padding: 15px 20px;
        font-size: 18px;
    }
}
.modal-overlay {
    /* ... ваши стили ... */
    display: flex; /* или block, grid */
    visibility: hidden; /* делаем его скрытым по умолчанию */
    opacity: 0;       /* и невидимым */
    transition: visibility 0s, opacity 0.3s ease; /* плавное появление */
    z-index: 1000; /* Убедимся, что он поверх всего */
}

.modal-overlay.is-visible {
    visibility: visible; /* Делаем видимым */
    opacity: 1;      /* Делаем непрозрачным */
    transition: visibility 0s, opacity 0.3s ease; /* плавное появление */
    /* display: flex; - если нужен flexbox для центрирования */
}

.modal-content {
    /* ... ваши стили ... */
    z-index: 1001; /* Должен быть выше, чем у overlay, если overlay только затемнение */
}

/* ------------------------------------- Стили для окна ТОВАРА ------------------------------------------------------------ */
.product {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    overflow: hidden;
    width: 100%;
    box-sizing: border-box;
}
.containerProduct {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    overflow: hidden;
    width: 100%;
    box-sizing: border-box;
}
.contentImgProduct {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    overflow: hidden;
    width: 50%;
    box-sizing: border-box;
}
.flex-control-nav {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    list-style: none;
    box-sizing: border-box;
}
.woocommerce-product-gallery ol.woocommerce-product-gallery__thumbs > li {
    list-style: none !important;
}

.woocommerce div.product div.images.woocommerce-product-gallery {
    width: 100%;
}
.contentDescriptionProduct {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    overflow: hidden;
    width: 50%;
    padding: 20px;
    box-sizing: border-box;
}
.contentDescriptionProduct .product-title {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    overflow: hidden;
    width: 100%;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 30px;
    margin-top: 0;
    margin-bottom: 15px;
    color: #333;
    padding-bottom: 30px;
    box-sizing: border-box;
}
.product-title .descriptionProduct {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
    line-height: 28px;
    letter-spacing: 0;
    vertical-align: middle;
}
.contentDescriptionProduct .product-full-description {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 17px;
    line-height: 120%;
    letter-spacing: 0;
    color: #181818;
    text-align: left;
    vertical-align: middle;
}
.contentDescriptionProduct .product-list-card__description__list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    overflow: hidden;
    width: 100%;
    height: auto;
    list-style: disc;
    padding-left: 65px;
    box-sizing: border-box;
}
.contentDescriptionProduct .product-list-card__description__item {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 17px;
    line-height: 28px;
    letter-spacing: 0;
    vertical-align: middle;
    padding-left: 10px;
}




















/* Изменим max-width для bodyCenter на больших экранах,
   чтобы он был контролируемым, но не ограничивал на мобильных */
@media screen and (min-width: 1601px) { /* Только для очень больших экранов */
    .bodyCenter {
        max-width: 1600px;
    }
}

@media screen and (max-width: 1411px) {
    .imgLogo_ITC h1 {
        font-size: 21px;
    }
}


@media screen and (max-width: 1375px) {
    .imgLogo_ITC h1 {
        font-size: 19px;
    }
}

@media screen and (max-width: 1355px) {
    .header_menu_main .email {
        font-size: 15px;
    }
    .header_menu_main .contentButtonEmail_2 {
        background-color: #0D4CD3;
        color: #fff;
    }
    .header_menu_main .contentButtonEmail_2 p, .header_menu_main .contentButtonEmail_2 a {
        color: #fff;
    }
}

@media screen and (max-width: 1260px) {
    .imgLogo_ITC h1 {
        font-size: 17px;
    }
    .header_menu_main .socialIcon {
        width: 25px;
        height: 25px;
    }
    .header_menu_main .contentButtonTel, .header_menu_main .contentButtonEmail_1, .header_menu_main .contentButtonEmail_2 {
        padding: 8px 10px 9px 10px;
    }
}
@media screen and (max-width: 1240px) {
    .header_menu_main .telephone {
        font-size: 13px;
    }
    .header_menu_main .email {
        font-size: 12px;
    }
    .header_menu_main .contentButtonEmail_2 {
        background-color: #0D4CD3;
        color: #fff;
    }
    .header_menu_main .contentButtonEmail_2 p, .header_menu_main .contentButtonEmail_2 a {
        color: #fff;
    }
}

/*мой экран*/
@media screen and (max-width: 1223px) {
    .imgLogo_ITC h1 {
        font-size: 19px;
    }
}

/* ========================================= */
/* --- Стили для ПЛАНШЕТОВ (max-width: 1200px) --- */
/* ========================================= */
/* Десктоп (средний/ноутбук) - 1200px */
@media screen and (max-width: 1200px) {
    .headerF {
        padding: 0 20px;
    }
    .imgLogo_ITC h1 {
        font-size: 18px;
    }
/**************************************ШАПКА ООО «Инжтехсервис»**************************/
    .frameImgLogo_ITC {
        height: 48px;
        padding: 8px 10px;
    }
    .imgLogo_ITC h1 {
        font-size: 16px; /* Уменьшаем размер шрифта */
        line-height: 24px;
    }
    .header_menu_main .containerSocialIcon {
        display: none;
    }
    .header_menu_main .telephone {
        width: auto;
    }
    .header_menu_main .containerSocialIcon {
        width: auto; /* Пусть ширина будет по содержимому */
        margin-left: 0;
        gap: 5px; /* Уменьшаем расстояние между иконками */
    }
    .header_menu_main .socialIcon {
        width: 30px;
        height: 30px;
    }
    .header_menu_main .containerContacts {
        /* Элементы контактов тоже нужно уменьшить */
        width: auto;
        flex-wrap: wrap; /* Позволяем переноситься */
        justify-content: center;
        gap: 10px;
    }
    .header_menu_main .telephone, .header_menu_main .email,
    .header_menu_main .contentButtonTel p, .header_menu_main .contentButtonTel a,
    .header_menu_main .contentButtonEmail_1 p, .header_menu_main .contentButtonEmail_1 a,
    .header_menu_main .contentButtonEmail_2 p, .header_menu_main .contentButtonEmail_2 a {
        font-size: 12px; /* Уменьшаем шрифты */
        line-height: 18px;
        height: 30px;
    }
    .header_menu_main .containerButtonEmail_1, .header_menu_main .containerButtonEmail_2 {
        width: auto; /* Ширина по содержимому */
        margin: 0 2px;
    }
    .header_menu_main .buttonSearch img {
        width: 15px;
        height: 27px;
        padding: 0;
    }
/**************************************ШАПКА ООО «СМТ-Курган»**************************/
    .frameImgLogo_CMT {
        width: 200px; /* Уменьшаем ширину */
        height: auto;  /*48px*/
        padding: 8px 10px;
        margin-right: 30px;
    }
    .imgLogo_CMT h1 {
        font-size: 14px; /* Уменьшаем размер шрифта */
        line-height: 18px;
        width: auto;
    }
    .imgLogo_CMT img {
        width: 25px;
        height: 25px;
    }
    .containerInfCMT {
        width: 180px; /* Уменьшаем ширину блока информации */
        height: auto;
    }
    .contentInfCMT_1 p, .contentInfCMT_2 p {
        font-size: 11px; /* Уменьшаем шрифты */
        line-height: 14px;
    }
    .mainMenu {
        gap: 15px; /* Уменьшаем расстояние между пунктами меню */
    }
    .page_item, .page_item a {
        font-size: 14px; /* Уменьшаем шрифты меню */
        line-height: 18px;
    }
/******************************************БАННЕР**************************/
    .containerBanner {
        min-height: 450px; /* Уменьшаем минимальную высоту */
        padding: 0 20px;   /* Уменьшаем горизонтальный паддинг */
    }
    .contentBanner {
        padding: 0 20px;   /* Уменьшаем паддинг */
        gap: 30px;         /* Уменьшаем расстояние */
        max-width: 960px;  /* Уменьшаем max-width */
    }
    .contentBannerLeft, .contentBannerRight {
        width: 50%;        /* Сохраняем колонки */
        gap: 20px;         /* Уменьшаем расстояние */
    }
    .titleBannerLeft h1 {
        font-size: 36px;   /* Уменьшаем заголовок */
        line-height: 1.2;
    }
    .descriptionBannerLeft p {
        font-size: 18px;   /* Уменьшаем текст */
        line-height: 1.3;
    }
    .containerButtonsBannerLeft {
        gap: 20px;
        margin-top: 25px;
    }
    .btnCalculateCostOnline, .btnCatalogCounters, .btnSubmitRequest {
        padding: 14px 18px;
        height: 48px;
    }
    .btnCalculateCostOnline p, .btnCatalogCounters p, .btnSubmitRequest p {
        font-size: 16px;
        line-height: 18px;
    }
    .contentBannerRight img {
        width: 400px;      /* Уменьшаем картинку */
        height: 330px;
    }
    /******************************************ПРОДУКЦИЯ**************************/
    .containerProducts h2 {
        font-size: 36px; /* Уменьшаем заголовок */
    }
    .containerCMT_Smart h3, .containerCMT_Complex h3, .containerCategory h3 {
        font-size: 28px; /* Уменьшаем подзаголовок */
        line-height: 1.2;
        text-align: center; /* Центрируем */
    }
    .cardProduct_Counter {
        gap: 15px;
        padding: 20px;
    }
    .containerInstallingCounter h2 {
        padding-left: 0;
    }
    /**************************************КАЛЬКУЛЯТОР**************************/
    .containerCalculator {
        padding: 30px 20px; /* Паддинг для планшетов */
    }
    .containerCalculator h2 {
        font-size: 36px; /* Уменьшаем заголовок */
        line-height: 1.2;
        margin-bottom: 30px;
    }
    .wrapperCalculator {
        max-width: 960px; /* Уменьшаем max-width */
        margin: 0 auto;
        padding: 30px; /* Уменьшаем паддинг */
        gap: 30px; /* Уменьшаем gap */
    }
    .wrapperCalculator h3 {
        font-size: 28px; /* Уменьшаем заголовок */
        text-align: center; /* Центрируем */
    }
    .containerModelCounter, .containerTypeWork, .containerEdit, .containerTypeMounting {
        max-width: 450px; /* Ограничиваем ширину форм */
    }
    .contentEdit {
        height: auto; /* Высота подстраивается */
    }
    .contentEdit input, .form-select {
        height: 45px; /* Уменьшаем высоту полей */
    }
    .contentTypeWork, .contentTypeMounting {
        padding: 15px 10px;
        gap: 15px;
    }
    .form-checkbox label {
        font-size: 16px;
    }
    .form-checkbox label span {
        font-size: 13px;
    }
    .buttonRequest {
        max-width: 200px; /* Уменьшаем кнопку */
    }
    .contentButtonRequest {
        height: 45px;
    }
    .contentButtonRequest span {
        font-size: 16px;
        line-height: 18px;
    }
    .containerPostscript {
        max-width: 450px;
        text-align: center; /* Центрируем постскриптум */
    }
    /**************************************СЕРТИФИКАТЫ**************************/
    .containerCertificates {
        padding: 30px 20px; /* Паддинг для планшетов */
    }
    .containerCertificates h2 {
        font-size: 36px; /* Уменьшаем заголовок */
        line-height: 1.2;
        margin-bottom: 30px;
    }
    .wrapperCertificates {
        padding: 0; /* Убираем паддинг, он уже есть у container */
    }
    .contentCertificates {
        max-width: 960px; /* Уменьшаем max-width */
        padding: 30px 20px; /* Паддинг */
        gap: 20px; /* Уменьшаем gap */
        border-radius: 0; /* Можно убрать скругление, если оно мешает */
    }
    .listCertificates {
        gap: 20px;
        justify-content: center; /* Центрируем, когда их меньше 3 */
    }
    .containerCertificate {
        /* Теперь хотим 2 сертификата в ряд */
        flex-basis: calc(50% - 10px); /* 50% минус половина gap */
        min-width: 280px;
        /* height: auto; */ /* Высота подстраивается */
    }
    .containerCertificate img {
        max-height: 312px; /* Если хотите фиксированную высоту */
        object-fit: cover; /* Заполняет контейнер */
    }
    /**************************************КОНТАКТЫ**************************/
    .containerContacts_footer {
        padding: 30px 20px; /* Уменьшаем паддинг */
    }
    .containerContacts_footer h2 {
        font-size: 36px; /* Уменьшаем заголовок */
        line-height: 1.2;
        padding-bottom: 30px;
    }
    .contentContacts {
        max-width: 960px; /* Уменьшаем max-width */
        flex-direction: column; /* Контакты и карта складываются в колонку */
        align-items: center;    /* Центрируем содержимое */
        padding: 30px 20px;     /* Внутренний паддинг */
    }
    .part1_contentContacts, .part2_contentContacts {
        width: 100%;         /* Обе колонки на всю ширину */
        max-width: 500px;    /* Ограничиваем ширину */
        align-items: center; /* Центрируем содержимое */
        padding: 0;          /* Убираем паддинг */
        gap: 20px;
    }
    .part1_contentContacts {
        padding-bottom: 50px;
    }
    .label_contentContacts {
        width: 100%; /* На всю ширину */
        align-items: center; /* Центрируем */
    }
    .label_contentContacts label, .label_contentContacts p, .label_contentContacts a {
        text-align: center; /* Центрируем текст */
        max-width: 100%; /* Убираем жесткий max-width */
        font-size: 15px; /* Уменьшаем шрифт */
        line-height: 1.3;
    }
    .containerMap {
        max-width: 500px;    /* Ограничиваем ширину карты */
        height: 250px;       /* Уменьшаем высоту карты */
    }
    .containerMap img {
        height: 100%;        /* Карта заполняет контейнер */
    }
    /**************************************ПОДВАЛ**************************/
    .containerFooter {
        padding: 30px 20px; /* Паддинг для планшетов */
    }
    .contentFooter {
        max-width: 960px; /* Уменьшаем max-width */
        flex-direction: column; /* Колонки складываются друг под друга */
        align-items: center;    /* Центрируем содержимое */
        gap: 30px;              /* Расстояние между колонками */
    }
    .part1_contentFooter, .part2_contentFooter {
        width: 100%;         /* Обе колонки на всю ширину */
        max-width: 450px;    /* Ограничиваем ширину */
        align-items: center; /* Центрируем содержимое */
        padding: 0;          /* Убираем паддинг */
    }
    .part1_contentFooter {
        gap: 20px; /* Уменьшаем gap */
    }
    .part1_contentFooter .imgLogo_CMT {
        justify-content: center; /* Центрируем лого */
    }
    .imgLogo_CMT h1 {
        font-size: 20px; /* Уменьшаем шрифт заголовка лого */
        line-height: 1.2;
    }
    .label_departmentSales, .label_phoneReference {
        align-items: center; /* Центрируем контакты */
    }
    .label_departmentSales label, .label_phoneReference label {
        text-align: center; /* Центрируем label */
    }
    .label_departmentSales a, .label_phoneReference a {
        text-align: center; /* Центрируем телефон/email */
        font-size: 16px;
    }
    .part2_contentFooter {
        width: 100%;
        max-width: 450px;
        align-items: center; /* Центрируем правую часть */
        padding: 0;
        gap: 20px;
    }
    .containerMenu {
        /*width: 100%;*/
        /*display: flex;*/
        /*justify-content: center; !* Центрируем меню *!*/
    }
    /*.mainMenu {*/
    /*    flex-direction: column; !* Пункты меню в колонку *!*/
    /*    align-items: center;    !* Центрируем *!*/
    /*    gap: 15px;*/
    /*}*/
    .page_item a {
        font-size: 16px; /* Увеличиваем шрифт для читаемости */
    }
    .containerPS {
        flex-direction: column; /* Personal Policy и Developer в колонку */
        align-items: center;    /* Центрируем */
        gap: 15px;
    }
    .personalPolicy, .developerWebsite {
        width: 100%; /* На всю ширину */
        text-align: center; /* Центрируем текст */
    }
    .personalPolicy p, .developerWebsite p, .developerWebsite a {
        font-size: 14px; /* Уменьшаем шрифт */
        line-height: 1.3;
    }
}
@media screen and (max-width: 1199px) {
    .containerHeader .page_item {
        text-align: center;
    }
}
@media screen and (max-width: 1024px) {
    .header_menu_main .containerTelephone, .header_menu_main .email {
        display: none;
    }
    .containerUslugi {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .containerUslugi h2 {
        padding-bottom: 15px;
    }
}
/* Планшет (горизонтальный) */
@media screen and (max-width: 992px) {
    /* Изменяем max-width для headerF, чтобы он был контролируемым */
    .headerF {
        max-width: 960px; /* Пример max-width для планшетов */
        margin: 0 auto;
        padding: 0 15px; /* Еще уменьшаем паддинг */
    }
    .header_menu_secondary .frameImgLogo_ITC, .header_menu_secondary .frameImgLogo_CMT {
        display: flex;
        align-self: flex-end;
    }
    .containerMenu {
        display: none;
    }
    .imgLogo_ITC h1 {
        font-size: 16px;
        line-height: 20px;
    }
    .buttonSearch {
        margin-top: 10px;
    }
    .header_menu_secondary {
        flex-direction: column; /* Элементы в колонку */
        align-items: center;
        padding: 10px;
    }
    .startingHeader_CMT {
        flex-direction: column; /* Заголовок СМТ тоже в колонку */
        align-items: center;
        width: 100%;
    }
    .frameImgLogo_CMT {
        width: 100%;
        max-width: 250px;
        height: auto;
        justify-content: center;
        margin-right: 0;
        margin-bottom: 10px;
    }
    .imgLogo_CMT h1 {
        font-size: 16px;
        line-height: 20px;
    }
    .containerInfCMT {
        width: 100%;
        max-width: 250px;
        height: auto;
        margin-bottom: 15px;
    }
    .contentInfCMT_1, .contentInfCMT_2 {
        align-items: center; /* Центрируем текст информации */
    }
    .contentInfCMT_1 p, .contentInfCMT_2 p {
        font-size: 13px;
        line-height: 16px;
    }
    .containerMenu {
        /*height: auto;*/
        /*width: 100%;*/
        /*max-width: 300px;*/
    }
    .mainMenu {
        /*flex-direction: column; !* Меню в колонку *!*/
        /*align-items: center;*/
        /*gap: 10px;*/
    }
    .page_item, .page_item a {
        font-size: 16px; /* Чуть увеличим для читаемости на планшете */
        line-height: 20px;
        width: auto;
    }
}
@media screen and (max-width: 959px) {
    .containerHeader .page_item {
        text-align: center;
    }
}
@media screen and (max-width: 870px) {
    .containerHeader .page_item {
        padding: 0 5px;
    }
}
@media screen and (max-width: 845px) {
    .menuContent, .btnMenuHidden {
        display: flex;
    }
    .frameImgLogo_ITC, .imgLogo_ITC {
        min-width: auto;
    }
    .frameImgLogo_ITC {
        width: 50%;
    }
    .imgLogo_ITC h1 {
        font-size: 16px;
    }
    .containerBanner {
        margin-top: 10px;
    }
}


/* ========================================= */
/* --- Стили для МОБИЛЬНЫХ (max-width: 768px) --- */
/* ========================================= */
/* Адаптация для мобильных устройств */
@media screen and (max-width: 768px) {
    .headerF, .header_menu_main {
        width:  100%;
        margin: 0;
        padding: 10px;
        justify-content: flex-end;
    }
    .header_menu_main .containerSocialIcon, .header_menu_main  .containerContacts {
        display: none;
    }
    .imgLogo_ITC {
        border: none;
    }
    .contentContacts {
        flex-direction: column; /* Элементы внутри встают в столбик */
        align-items: center; /* Центрируем содержимое в колонке */
        margin: 15px; /* Уменьшаем внешний отступ */
        width: calc(100% - 30px); /* Вычитаем отступы из ширины, чтобы не было скролла */
        padding: 15px; /* Уменьшаем внутренние отступы */
    }
    .frameImgLogo_ITC {
        align-self: flex-end;
    }
    .header_menu_secondary {
        display: flex;
        flex-direction: row;
    }
    .containerBanner {
        height: auto; /* Высота может стать авто, чтобы содержимое не обрезалось */
        padding-bottom: 50px; /* Добавим немного отступа снизу */
    }
    .contentBanner {
        flex-direction: column; /* Элементы (текст и картинка) в колонку */
        padding: 15px;          /* Паддинг для мобильных  padding: 20px 15px; */
        gap: 15px;               /* Расстояние между блоками */
        min-height: auto;        /* Высота подстраивается под контент  */
    }
    /* Фоновые элементы остаются видимыми, но адаптируются */
    .backgroundContainerBanner, .backgroundGradientContainerBanner {
        /* Позиция и размеры остаются, покрывают весь экран */
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .contentBannerLeft, .contentBannerRight {
        width: 100%;             /* Оба блока на всю ширину */
        flex-direction: column;  /* Элементы внутри тоже в колонку */
        align-items: center;     /* Центрируем содержимое */
        gap: 15px;
    }
    .titleBannerLeft h1 {
        font-size: 28px;         /* Уменьшаем заголовок */
        line-height: 1.2;
        text-align: center;      /* Центрируем заголовок */
    }
    .descriptionBannerLeft p {
        font-size: 16px;         /* Уменьшаем текст */
        line-height: 1.3;
        text-align: center;      /* Центрируем текст */
    }
    .containerButtonsBannerLeft {
        flex-direction: column;  /* Кнопки в колонку */
        align-items: center;     /* Центрируем кнопки */
        gap: 10px;
        margin-top: 15px;
    }
    .btnCalculateCostOnline, .btnCatalogCounters, .btnSubmitRequest {
        width: 100%;             /* Кнопки на всю ширину */
        max-width: 280px;        /* Ограничиваем ширину */
        padding: 12px 15px;
        height: auto;
    }
    .btnCalculateCostOnline p, .btnCatalogCounters p, .btnSubmitRequest p {
        font-size: 14px;         /* Уменьшаем шрифт */
        line-height: 18px;
    }
    .contentBannerRight img {
        width: 100%;             /* Картинка на всю ширину */
        max-width: 300px;        /* Ограничиваем ширину */
        height: auto;
    }
    .bodyCenter {
        margin: 0;
        padding: 0;
    }
    .containerProducts {
        padding: 20px 15px; /* Паддинг для мобильных */
    }
    .containerProducts h2 {
        font-size: 32px; /* Уменьшаем заголовок */
        line-height: 1.2;
        margin-bottom: 20px;
        padding-left: 0; /* Убираем отступ, т.к. заголовок центрируется */
        text-align: center;
    }
    .contentProducts {
        gap: 20px; /* Расстояние между блоками */
        flex-direction: column; /* Все блоки смарт/комплекс идут в колонку */
        align-items: center; /* Центрируем */
    }
    .containerCMT_Smart, .containerCMT_Complex, .containerCategory {
        width: 100%;         /* Оба блока на всю ширину */
        max-width: 300px;    /* Ограничиваем ширину */
    }
    .containerCMT_Smart h3, .containerCMT_Complex h3, .containerCategory h3 {
        font-size: 24px; /* Уменьшаем подзаголовок */
        text-align: center;
    }
    .contentCMT_Smart, .contentCMT_Complex, .contentCategory {
        height: auto;       /* Высота подстраивается */
        flex-direction: column; /* Карточки идут в колонку */
        align-items: center; /* Центрируем карточки */
        gap: 20px;          /* Расстояние между карточками */
    }
    .listOfProducts {
        flex-direction: column; /* Карточки в колонку */
        align-items: center;    /* Центрируем карточки */
        height: auto;
        max-width: 100%;
        gap: 20px;
    }
    .cardProduct_Counter {
        width: 100%;         /* Карточки на всю ширину */
        max-width: 300px;    /* Ограничиваем ширину */
        height: auto;        /* Высота подстраивается */
        gap: 15px;
        padding: 20px;
    }
    .cardProduct_Counter:first-child, .cardProduct_Counter:last-child {
        /* Убираем специфичные закругления углов */
        border-radius: 16px; /* Общее скругление */
    }
    /* Убираем margin, так как flex-wrap и gap уже управляют отступами */
    .listOfProducts .cardProduct_Counter {
        margin: 0;
    }
    .containerCardProduct_Counter {
        height: auto;
        max-width: 100%;
    }
    .inform_Counter {
        width: 100%;
        height: auto;
        gap: 10px;
    }
    .inform_Counter h4 {
        font-size: 16px;
        height: auto;
    }
    .item-under-order {
        width: 100%;
        justify-content: center;
    }
    .price p {
        font-size: 18px;
    }
    .buttonMoreCounters {
        margin-top: 15px;
    }
    .contentButtonMoreCounters {
        padding: 14px 18px;
        height: 48px;
    }
    .contentButtonMoreCounters p {
        font-size: 16px;
        line-height: 18px;
    }
    .contentInstallingCounter {
        flex-direction: column;
    }
    .imgContainerInstallingCounter {
        width: 100%;
    }
    .imgContainerInstallingCounter img {
        height: auto;
    }
    .containerRequest {
        width: 100%;
    }
    .wrapperCalculator {
        flex-direction: column;
    }
    .form-checkbox label {
        font-size: 12px;
    }
    .form-checkbox label > *:not(input) {
        font-size: 9px;
    }
    .contentCalculator {
        flex-direction: column;
    }
    /**************************************КАЛЬКУЛЯТОР**************************/
    .containerCalculator {
        padding: 20px 15px; /* Паддинг для мобильных */
    }
    .containerCalculator h2 {
        font-size: 32px; /* Уменьшаем заголовок */
        margin-bottom: 20px;
    }
    .wrapperCalculator {
        width: 100%; /* Полная ширина */
        margin: 0 auto;
        padding: 30px;
        gap: 20px;
    }
    .wrapperCalculator h3 {
        font-size: 24px; /* Уменьшаем заголовок */
        text-align: center; /* Центрируем */
    }
    .contentCalculator {
        flex-direction: column; /* Все блоки в колонку */
        align-items: center;    /* Центрируем */
        gap: 20px;
    }
    .containerModelCounter, .containerTypeWork, .containerEdit, .containerTypeMounting {
        max-width: none;
    }
    .containerModelCounter .contentRequest .form-select, .containerModelCounter .contentRequest input[type="text"] {
        height: auto;
    }
    .part1_contentCalculator, .part2_contentCalculator {
        width: 100%;         /* Оба блока на всю ширину */
        align-items: center; /* Центрируем содержимое */
    }
    .contentEdit input, .form-select {
        height: 40px; /* Уменьшаем высоту полей */
    }
    .contentTypeWork, .contentTypeMounting {
        padding: 15px 10px;
        gap: 10px;
    }
    .form-checkbox label {
        font-size: 16px;
    }
    .form-checkbox label span {
        font-size: 12px;
    }
    .containerModelCounter .form-select {
        padding: 0;
    }
    .buttonRequest {
        max-width: 100%; /* Кнопка на всю ширину */
    }
    .contentButtonRequest {
        height: 45px;
        width: 100%;
    }
    .contentButtonRequest span {
        font-size: 16px;
        line-height: 18px;
    }
    .containerPostscript {
        max-width: 100%;
        text-align: center; /* Центрируем постскриптум */
    }
    /**************************************СЕРТИФИКАТЫ**************************/
    .containerCertificates {
        padding: 20px 15px; /* Паддинг для мобильных */
    }
    .containerCertificates h2 {
        font-size: 32px; /* Уменьшаем заголовок */
        line-height: 1.2;
        margin-bottom: 20px;
        padding-left: 0; /* Убираем отступ, т.к. заголовок центрируется */
    }
    .contentCertificates {
        max-width: 100%; /* Полная ширина */
        padding: 20px 15px; /* Паддинг */
        gap: 15px; /* Уменьшаем gap */
    }
    .listCertificates {
        flex-direction: column; /* Все сертификаты в колонку */
        align-items: center;    /* Центрируем */
        gap: 20px;
    }
    .containerCertificate {
        width: 100%;         /* Сертификаты на всю ширину */
        max-width: 300px;    /* Ограничиваем ширину */
        height: auto;        /* Высота подстраивается */
        /* margin: 0; */     /* Убираем margin, если есть */
    }
    .containerCertificate a:hover {
        transform: none; /* Убираем эффект при наведении на мобильных */
    }
    .containerCertificate img {
        max-height: none; /* Убираем фикс. высоту, чтобы картинка растягивалась */
        object-fit: contain; /* Или contain, если пропорции важнее заполнения */
    }
    /**************************************КОНТАКТЫ**************************/
    .containerContacts_footer {
        width: 100%;
        padding: 20px 15px; /* Паддинг для мобильных */
    }
    .containerContacts_footer h2 {
        font-size: 32px; /* Уменьшаем заголовок */
        line-height: 1.2;
        padding-bottom: 20px;
    }
    .contentContacts {
        max-width: 100%; /* Полная ширина */
        padding: 20px 15px; /* Паддинг для мобильных */
        gap: 20px; /* Уменьшаем gap */
    }
    .part1_contentContacts, .part2_contentContacts {
        max-width: 300px;    /* Ограничиваем ширину */
        gap: 15px;
    }
    .label_contentContacts label, .label_contentContacts p, .label_contentContacts a {
        font-size: 14px; /* Уменьшаем шрифт */
        line-height: 1.3;
    }
    .containerMap {
        max-width: 300px;    /* Ограничиваем ширину карты */
        height: 200px;       /* Уменьшаем высоту карты */
    }
    /**************************************ПОДВАЛ**************************/
    .containerFooter {
        width: 100%;
        padding: 20px 15px; /* Паддинг для мобильных */
    }
    .containerFooter h2 {
        font-size: 32px; /* Уменьшаем заголовок */
        line-height: 1.2;
        margin-bottom: 20px;
        padding-left: 0; /* Убираем отступ, т.к. заголовок центрируется */
    }
    .contentFooter {
        max-width: 100%; /* Полная ширина */
        padding: 20px 15px; /* Паддинг для мобильных */
        gap: 20px; /* Расстояние между блоками */
    }
    .part1_contentFooter, .part2_contentFooter {
        max-width: 300px;    /* Ограничиваем ширину */
        gap: 15px;           /* Уменьшаем gap */
    }
    .part1_contentFooter .imgLogo_CMT {
        justify-content: center; /* Центрируем лого */
    }
    .imgLogo_CMT h1 {
        font-size: 20px; /* Уменьшаем шрифт заголовка лого */
    }
    .label_departmentSales, .label_phoneReference {
        align-items: center; /* Центрируем контакты */
    }
    .label_departmentSales label, .label_phoneReference label,
    .label_departmentSales a, .label_phoneReference a {
        text-align: center; /* Центрируем текст */
        font-size: 14px; /* Уменьшаем шрифт */
        line-height: 1.3;
    }
    .part2_contentFooter {
        gap: 15px;
    }
    .mainMenu {
        flex-direction: column; /* Пункты меню в колонку */
        align-items: center;    /* Центрируем */
        gap: 10px;
    }
    .page_item a {
        font-size: 15px; /* Уменьшаем шрифт меню */
    }
    .containerPS {
        flex-direction: column; /* Personal Policy и Developer в колонку */
        align-items: center;    /* Центрируем */
        gap: 10px;
    }
    .personalPolicy p, .developerWebsite p, .developerWebsite a {
        font-size: 13px; /* Уменьшаем шрифт */
        line-height: 1.3;
    }
    .containerProduct {
        flex-direction: column;
    }
    .contentImgProduct, .contentDescriptionProduct {
        width: 100%;
    }
}
/* Планшет (вертикальный) и мобильный */
@media screen and (max-width: 767px) {
    .headerF {
        padding: 0 10px; /* Минимальный паддинг */
    }
    .header_menu_main .containerContacts,
    .header_menu_main .containerSocialIcon {
        order: 1; /* Порядок элементов, чтобы контакты были видны раньше */
    }
    /* Для headerF убираем max-width полностью на мобильных */
    .headerF {
        max-width: 100%;
    }
}
/* ========================================= */
/* --- Дополнительные Медиа-запросы (если нужны) --- */
/* ========================================= */

/* Пример для очень маленьких экранов, если нужно еще что-то подправить */
@media screen and (max-width: 575px) {
    .headerF {
        padding: 0 5px;
    }
    .header_menu_main, .header_menu_secondary {
        gap: 10px; /* Уменьшаем отступы, чтобы все поместилось */
    }
    .frameImgLogo_ITC {
        width: 100%;
        max-width: 250px;
        padding: 5px 10px;
    }
    .imgLogo_ITC h1 {
        font-size: 14px;
    }
    .socialIcon {
        width: 28px;
        height: 28px;
    }
    .contentTelephone img {
        width: 7px;
        height: 10px;
    }
    .telephone {
        font-size: 12px;
        line-height: 18px;
    }
    .email {
        font-size: 12px;
        line-height: 16px;
    }
    .contentButtonTel p, .contentButtonTel a,
    .contentButtonEmail_1 p, .contentButtonEmail_1 a,
    .contentButtonEmail_2 p, .contentButtonEmail_2 a {
        font-size: 10px;
        line-height: 14px;
        padding: 5px 10px;
    }
    .contentButtonTel, .contentButtonEmail_1, .contentButtonEmail_2 {
        height: 28px;
        border-radius: 10px;
    }
    .buttonSearch img {
        width: 12px;
        height: 12px;
    }
    .frameImgLogo_CMT {
        max-width: 200px;
        padding: 5px 8px;
    }
    .imgLogo_CMT h1 {
        font-size: 14px;
    }
    .imgLogo_CMT img {
        width: 20px;
        height: 20px;
    }
    .containerInfCMT {
        max-width: 200px;
    }
    .contentInfCMT_1 p, .contentInfCMT_2 p {
        font-size: 10px;
        line-height: 12px;
    }
    .mainMenu {
        gap: 8px;
    }
    .page_item, .page_item a {
        font-size: 14px;
        line-height: 18px;
    }

    .containerBanner {
        padding: 15px 10px; /* Еще уменьшаем паддинг */
    }
    .contentBanner {
        padding: 10px;
        gap: 10px;
    }
    .titleBannerLeft h1 {
        font-size: 24px; /* Уменьшаем заголовок */
    }
    .descriptionBannerLeft p {
        font-size: 14px; /* Уменьшаем текст */
    }
    .containerButtonsBannerLeft {
        gap: 10px;
        margin-top: 15px;
    }
    .btnCalculateCostOnline, .btnCatalogCounters, .btnSubmitRequest {
        max-width: 250px;
        padding: 10px 15px;
    }
    .btnCalculateCostOnline p, .btnCatalogCounters p, .btnSubmitRequest p {
        font-size: 14px;
        line-height: 18px;
    }
    .contentBannerRight img {
        max-width: 250px; /* Уменьшаем картинку */
    }
    .containerProducts {
        padding: 15px 10px;
    }
    .containerProducts h2 {
        font-size: 28px; /* Уменьшаем заголовок */
        margin-bottom: 15px;
        padding-left: 0;
    }
    .contentProducts, .containerCMT_Smart, .containerCMT_Complex, .containerCategory .contentCMT_Smart, .contentCMT_Complex, .contentCategory, .listOfProducts {
        gap: 15px;
    }
    .containerCMT_Smart, .containerCMT_Complex, .containerCategory {
        max-width: 280px;
    }
    .containerCMT_Smart h3, .containerCMT_Complex h3, .containerCategory h3 {
        font-size: 22px;
        text-align: center;
    }
    .cardProduct_Counter {
        max-width: 280px;
        padding: 15px;
    }
    .inform_Counter h4 {
        font-size: 15px;
    }
    .price p {
        font-size: 18px;
    }
    .buttonMoreCounters {
        margin-top: 10px;
    }
    .contentButtonMoreCounters {
        padding: 10px 15px;
        height: 40px;
    }
    .contentButtonMoreCounters p {
        font-size: 14px;
        line-height: 18px;
    }
    /**************************************КАЛЬКУЛЯТОР**************************/
    .containerCalculator {
        padding: 15px 10px;
    }
    .containerCalculator h2 {
        font-size: 36px; /* Уменьшаем заголовок */
        margin-bottom: 15px;
    }
    .wrapperCalculator {
        max-width: 100%;
        gap: 15px;
    }
    .wrapperCalculator h3 {
        font-size: 24px;
        text-align: center;
    }
    .contentCalculator {
        gap: 15px;
    }
    .part1_contentCalculator, .part2_contentCalculator {
        max-width: 100%; /* На самых маленьких экранах и они на всю ширину */
    }
    .containerModelCounter, .containerTypeWork, .containerEdit, .containerTypeMounting {
        max-width: 100%;
    }
    .contentEdit input, .form-select {
        height: 35px; /* Еще уменьшаем высоту полей */
        font-size: 15px;
    }
    .contentTypeWork, .contentTypeMounting {
        padding: 10px 8px;
        gap: 10px;
    }
    .form-checkbox label {
        font-size: 15px;
    }
    .form-checkbox label span {
        font-size: 12px;
    }
    .buttonRequest {
        max-width: 100%;
    }
    .contentButtonRequest {
        height: 40px;
    }
    .contentButtonRequest span {
        font-size: 15px;
        line-height: 18px;
    }
    .containerPostscript {
        max-width: 100%;
    }
    /**************************************СЕРТИФИКАТЫ**************************/
    .containerCertificates {
        padding: 15px 10px;
    }
    .containerCertificates h2 {
        font-size: 36px;
        margin-bottom: 15px;
    }
    .contentCertificates {
        max-width: 100%;
        padding: 15px 10px;
        gap: 15px;
    }
    .listCertificates {
        gap: 15px;
    }
    .containerCertificate {
        max-width: 280px;
    }
    /**************************************КОНТАКТЫ**************************/
    .containerContacts_footer {
        padding: 15px 10px;
    }
    .containerContacts_footer h2 {
        font-size: 36px; /* Уменьшаем заголовок */
        margin-bottom: 15px;
    }
    .contentContacts {
        padding: 15px 10px;
        gap: 15px;
    }
    .part1_contentContacts, .part2_contentContacts {
        max-width: 280px;
        gap: 10px;
    }
    .part1_contentContacts {
        padding-bottom: 30px;
    }
    .label_contentContacts label, .label_contentContacts p, .label_contentContacts a {
        font-size: 13px;
        line-height: 1.2;
        padding-bottom: 5px; /* Уменьшаем отступ */
    }
    .containerMap {
        max-width: 280px;
        height: 180px;
    }
    /**************************************ПОДВАЛ**************************/
    .containerFooter {
        padding: 15px 10px;
    }
    .containerFooter h2 {
        font-size: 28px; /* Уменьшаем заголовок */
        margin-bottom: 15px;
        padding-left: 0;
    }
    .contentFooter {
        max-width: 100%;
        padding: 15px 10px;
        gap: 15px;
    }
    .part1_contentFooter, .part2_contentFooter {
        max-width: 100%; /* На самых маленьких экранах они на всю ширину */
        gap: 10px;
    }
    .part1_contentFooter .imgLogo_CMT {
        justify-content: center;
    }
    .imgLogo_CMT h1 {
        font-size: 18px;
    }
    .label_departmentSales, .label_phoneReference {
        align-items: center;
    }
    .label_departmentSales label, .label_phoneReference label,
    .label_departmentSales a, .label_phoneReference a {
        font-size: 13px;
        line-height: 1.2;
    }
    .mainMenu {
        gap: 8px;
    }
    .page_item a {
        font-size: 14px;
    }
    .containerPS {
        gap: 8px;
    }
    .personalPolicy p, .developerWebsite p, .developerWebsite a {
        font-size: 12px;
        line-height: 1.3;
    }
}
@media screen and (max-width: 480px) { /* Пример медиа-запроса для мобильных */
    .containerBanner {
        margin-top: 10px; /* Уменьшаем верхний отступ */
        height: auto;

    }
    .contentBanner h1 {
        font-size: 24px; /* Уменьшаем размер заголовка */
    }
    .contentBanner p {
        font-size: 14px; /* Уменьшаем размер основного текста */
    }
    .listOfUslugi {
        padding: 0 7px;
    }
}




/* --- Стили для страницы категории 1-го уровня (две колонки) --- */
.container-subcategory-level-1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    overflow: hidden;
    width: 100%;
    box-sizing: border-box;
}
.category-display-two-columns {
    max-width: 1200px; /* Ограничьте ширину, если нужно */
    margin: 0 auto 40px; /* Центрирование и отступы */
    padding: 20px;
}

.category-content-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    overflow: hidden;
    width: 100%;
    gap: 40px; /* Промежуток между колонками */
    box-sizing: border-box;
}

.category-image-column {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    overflow: hidden;
    width: 50%;
    text-align: center; /* Центрируем изображение */
    box-sizing: border-box;
}

.category-image-column img {
    max-width: 100%;
    height: auto;
    display: block; /* Убирает лишние отступы под изображением */
    border-radius: 8px; /* Небольшое скругление углов */
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

.category-products-table-column {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    flex: 1; /* Правая колонка займет оставшееся пространство */
    flex-wrap: wrap;
    overflow: hidden;
    width: 50%;
    min-width: 300px; /* Минимальная ширина, чтобы не сжималась слишком сильно */
    box-sizing: border-box;
}

/* --- Адаптивность для двух колонок --- */
@media (max-width: 768px) {
    .category-content-wrapper {
        flex-direction: column; /* Колонки выстраиваются в одну вертикальную колонку */
        gap: 20px;
    }
    .category-image-column {
        flex: 0 0 auto; /* Убираем фиксированную ширину, чтобы изображение занимало всю ширину */
        order: 2; /* Изображение после таблицы на мобильных, если хотите */
    }
    .category-products-table-column {
        order: 1; /* Таблица перед изображением на мобильных */
        flex: 0 0 auto;
    }
}


/* --- Стили для таблицы товаров --- */
.woocommerce-product-list-table {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    overflow: hidden;
    width: 100%;
    border-collapse: collapse; /* Убираем двойные границы ячеек */
    margin-top: 20px;
    background-color: #fff;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
    border-radius: 8px;
    box-sizing: border-box;
}

.woocommerce-product-list-table tbody {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    overflow: hidden;
    width: 100%;
    box-sizing: border-box;
}

.woocommerce-product-list-table thead th {
    background-color: #f8f8f8;
    color: #333;
    font-weight: bold;
    padding: 12px 15px;
    text-align: left;
    border-bottom: 2px solid #eee;
}

.woocommerce-product-list-table tbody tr {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    overflow: hidden;
    width: 100%;
    border-bottom: 1px solid #eee;
    box-sizing: border-box;
}

.woocommerce-product-list-table tbody tr:last-child {
    border-bottom: none;
}

.woocommerce-product-list-table tbody td {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    overflow: hidden;
    width: 50%;
    white-space: nowrap;  /*Убираем красную строку*/
    padding: 12px 15px;
    vertical-align: middle;
    box-sizing: border-box;
}

.woocommerce-product-list-table tbody .product-list-item-name {
    width: 70%;
}

.woocommerce-product-list-table tbody .product-list-item-price {
    width: 30%;
}

/* Стили для ссылок внутри ячеек таблицы */
.woocommerce-product-list-table td a {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    overflow: hidden;
    width: 100%;
    text-decoration: none; /* Убираем подчеркивание */
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    line-height: 28px;
    letter-spacing: 0;
    vertical-align: middle;
    padding-left: 10px;
    color: #181818; /* Цвет текста */
    transition: color 0.2s ease-in-out;
    box-sizing: border-box;
}

.woocommerce-product-list-table td a:hover {
    color: #007bff; /* Цвет при наведении */
    text-decoration: underline; /* Подчеркивание при наведении */
}

.woocommerce-product-list-table td a .descriptionProduct {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
    line-height: 28px;
    letter-spacing: 0;
    vertical-align: middle;
}

/* Если заголовки h1, h2, h3 уже стилизованы, могут потребоваться дополнительные корректировки */
.woocommerce-products-header h1.page-title,
.category-products-table-column h2.section-title {
    font-size: 42px;
    margin-bottom: 20px;
    text-align: center;
}


.probaLog {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    box-sizing: border-box;
}

/* Пример для очень маленьких экранов, если нужно еще что-то подправить */
@media screen and (max-width: 575px) {
    .bodyCenter {
        display: block;
    }
    .category-image-column {
        flex: none; /* Убираем фиксированную ширину, чтобы изображение занимало всю ширину */
        order: 0; /* Изображение после таблицы на мобильных, если хотите */
        width: 100%;
    }
    .category-products-table-column {
        flex: none;
        order: 0;
        width: 100%;
    }
    .woocommerce-products-header h1.page-title, .category-products-table-column h2.section-title {
        font-size: 30px;
    }
    .woocommerce-product-list-table td a {
        font-size: 12px;
        white-space: initial;
        text-align: left;
    }
}

/* Пример для очень маленьких экранов, если нужно еще что-то подправить */
@media screen and (max-width: 350px) {
    .woocommerce-product-list-table td a {
        font-size: 10px;
    }
}