/* Адапртив */



/******************** BASE ***********************/

:root {
    --container-width: 66.66rem; /*перменная для связи размера Header c Wrapper*/
}

html {
    font-size: 18px;
}

body {
    margin: 0;
    font-family: Tahoma, Geneva, sans-serif;
}

body .font-tnr {
    font-family: Georgia, "Times New Roman", Times, serif;
}

#wrapper {
    max-width: var(--container-width);
    margin: 0 auto;
    min-height: auto; /* не тянуть вниз */
    height: auto;
}

.ie8 #wrapper {
    display: block;
    height: auto;
}

#content {
    padding-top: 0;
    margin-top: -0.5rem;
}


footer,
.footer {
    width: 100%;
    max-width: var(--container-width);
    margin: 0.625rem auto 0;
    padding-top: 1.5rem;
    box-sizing: border-box;
    position: relative;
    clear: both;

    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.6875rem;
    line-height: 1.2;
    color: rgb(141,140,140);
}

body:before {
    display: none;
    content: none;
}

footer p,
.footer p {
    margin: 0;
}

footer a,
.footer a {
    text-decoration: underline;
    color: rgb(146,146,146);
}

footer a:hover,
.footer a:hover {
    color: rgb(65,65,65);
}



/* обработка персональных данных */

.personal-consent-popup {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999;
    background: rgba(0, 0, 0, 0.45);
    padding: 1rem;
    display: none;
}

.personal-consent-box {
    max-width: 66.66rem;
    margin: 0 auto;
    background: #fff;
    border-radius: 0.75rem;
    padding: 1rem 1.25rem;
    box-shadow: 0 0.25rem 1.5rem rgba(0,0,0,0.2);
    font-size: 0.85rem;
    line-height: 1.45;
}

.personal-consent-title {
    font-weight: 700;
    margin-bottom: 0.5rem;
    text-transform: uppercase;
}

.personal-consent-text {
    margin-bottom: 0.75rem;
        font-size: 0.75rem;
    line-height: 1.5;
}

.personal-consent-button {
    border: 0;
    border-radius: 999px;
    background: #005baa;
    color: #fff;
    padding: 0.55rem 1.4rem;
    cursor: pointer;
}




/* базовый отступ */
/* если следующий обычный */

.row,
.row + .row,
.row-big + .row {
    margin-top: 1rem;
}

/* если следующий большой */
.row-big,
.row + .row-big,
.row-big + .row-big {
    margin-top: 2.2rem;
}


/* вывод в 2 равные колонки*/
.two-cols {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem; /* расстояние между блоками */
}

/* вывод в 2 колонки соотношение 1 к 2*/
.two-cols-1-2 {
    display: grid;
    grid-template-columns: 0.97fr 2.03fr;
    gap: 2rem;
}


/* вывод в 2 колонки соотношение 3 к 1*/
.two-cols-3-1 {
    display: grid;
    grid-template-columns: 3fr 1fr;
    gap: 2rem;
}

/* вывод в 2 равные колонки внутри другого блока*/
.inner-cols {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.inner-block > * {
    flex: 1;
    gap: 1rem;
}

.inner-block-2 {
    display: flex;
    align-items: center;      /* вертикально по центру */
    justify-content: center;  /* по горизонтали (если нужно) */
}

/* вывод в 3 равные колонки*/
.three-cols {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3 равные колонки */
    gap: 2rem;
}






/* вывод бренда на 3/4 ширины */
.brand-content {
    width: 75%;
    margin-left: auto;
    margin-right: auto;
}

/* ===== НОВЫЙ НОВЫЙ СЕТКА BRANDS ===== */
.brands-two-cols-1-2 {
    display: grid;
    grid-template-columns: 0.8fr 2.2fr;
    gap: 2rem;
    align-items: start;
}

/* ===== КАРТИНКА ===== */
.brands-two-cols-1-2 .brands-image-col {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    /*filter: grayscale(100%) contrast(85%) brightness(105%);*/
}

.brands-two-cols-1-2 .brands-image-col img {
    display: block;
    max-width: 100%;
    height: auto;
    border-radius: 0.75rem;
    overflow: hidden;
}

/* ===== ТЕКСТ ===== */
.brands-two-cols-1-2 .brands-content {
    width: 95%;
    margin: -0.0rem auto 0 0; /*поднять-опустить текст по высоте*/
    min-width: 0;
}

/* убираем выравнивание по ширине */
.brands-two-cols-1-2 .brands-content p {
    /*text-align: left !important;*/
}

/* отступ даты / подписи */
.brands-date {
    display: block;
    margin-top: 1rem;
}







/* вывод developments на 3/4 ширины */
.developments-content {
    width: 75%;
    margin-left: auto;
    margin-right: auto;
}



/* ===== НОВЫЙ НОВЫЙ СЕТКА DEVELOPMENTS ===== */
.developments-two-cols-1-2 {
    display: grid;
    grid-template-columns: 0.6fr 2.4fr;
    gap: 2rem;
    align-items: start;
}

/* ===== КАРТИНКА ===== */
.developments-two-cols-1-2 .developments-image-col {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    /*filter: grayscale(100%) contrast(85%) brightness(105%);*/
}

.developments-two-cols-1-2 .developments-image-col img {
    display: block;
    max-width: 100%;
    height: auto;
    border-radius: 0.75rem;
    overflow: hidden;
}

/* ===== ТЕКСТ ===== */
.developments-two-cols-1-2 .developments-content {
    width: 95%;
    margin: -0.25rem auto 0 0;
    min-width: 0;
}

/* убираем выравнивание по ширине */
.developments-two-cols-1-2 .developments-content p {
    /*text-align: left !important;*/
}

/* отступ даты под статьёй */
.developments-date {
    display: block;
    margin-top: 1rem;
}








/* вывод projects на 3/4 ширины */
.projects-content {
    width: 75%;
    margin-left: auto;
    margin-right: auto;
}



/* ===== НОВЫЙ НОВЫЙ СЕТКА PROJECTS ===== */
.projects-two-cols-1-2 {
    display: grid;
    grid-template-columns: 0.8fr 2.2fr;
    gap: 2rem;
    align-items: start;
}

/* ===== КАРТИНКА ===== */
.projects-two-cols-1-2 .projects-image-col {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    /*filter: grayscale(100%) contrast(85%) brightness(105%);*/
}

.projects-two-cols-1-2 .projects-image-col img {
    display: block;
    max-width: 100%;
    height: auto;
    border-radius: 0.75rem;
    overflow: hidden;
}

/* ===== ТЕКСТ ===== */
.projects-two-cols-1-2 .projects-content {
    width: 95%;
    margin: -0.25rem auto 0 0;
    min-width: 0;
}

/* убираем выравнивание по ширине */
.projects-two-cols-1-2 .projects-content p {
    /*text-align: left !important;*/
}

/* отступ даты под статьёй */
.projects-date {
    display: block;
    margin-top: 1rem;
}

















/* вывод projects-region на 3/4 ширины */
.projects-region-content {
    width: 75%;
    margin-left: auto;
    margin-right: auto;
}

/* ===== НОВЫЙ СЕТКА PROJECTS-REGION ===== */
.projects-region-two-cols-1-2 {
    display: grid;
    grid-template-columns: 0.8fr 2.2fr;
    gap: 2rem;
    align-items: start;
}

/* ===== КАРТИНКА ===== */
.projects-region-two-cols-1-2 .projects-region-image-col {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    /*filter: grayscale(100%) contrast(85%) brightness(105%);*/
}

.projects-region-two-cols-1-2 .projects-region-image-col img {
    display: block;
    max-width: 100%;
    height: auto;
    border-radius: 0.75rem;
    overflow: hidden;
}

/* ===== ТЕКСТ ===== */
.projects-region-two-cols-1-2 .projects-region-content {
    width: 95%;
    margin: -0.0rem auto 0 0; /*поднять-опустить текст по высоте*/
    min-width: 0;
}

/* убираем выравнивание по ширине */
.projects-region-two-cols-1-2 .projects-region-content p {
    /*text-align: left !important;*/
}

/* отступ даты / подписи */
.projects-region-date {
    display: block;
    margin-top: 1rem;
}







/* вывод projects-object-type на 3/4 ширины */
.projects-object-type-content {
    width: 75%;
    margin-left: auto;
    margin-right: auto;
}

/* ===== НОВЫЙ СЕТКА PROJECTS-OBJECT-TYPE ===== */
.projects-object-type-two-cols-1-2 {
    display: grid;
    grid-template-columns: 0.8fr 2.2fr;
    gap: 2rem;
    align-items: start;
}

/* ===== КАРТИНКА ===== */
.projects-object-type-two-cols-1-2 .projects-object-type-image-col {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    /*filter: grayscale(100%) contrast(85%) brightness(105%);*/
}

.projects-object-type-two-cols-1-2 .projects-object-type-image-col img {
    display: block;
    max-width: 100%;
    height: auto;
    border-radius: 0.75rem;
    overflow: hidden;
}

/* ===== ТЕКСТ ===== */
.projects-object-type-two-cols-1-2 .projects-object-type-content {
    width: 95%;
    margin: -0.0rem auto 0 0; /*поднять-опустить текст по высоте*/
    min-width: 0;
}

/* убираем выравнивание по ширине */
.projects-object-type-two-cols-1-2 .projects-object-type-content p {
    /*text-align: left !important;*/
}

/* отступ даты / подписи */
.projects-object-type-date {
    display: block;
    margin-top: 1rem;
}







/* projects-company на 3/4 ширины */
.projects-company-content {
    width: 75%;
    margin-left: auto;
    margin-right: auto;
}

/* ===== НОВЫЙ НОВЫЙ СЕТКА PROJECTS-COMPANY ===== */
.projects-company-two-cols-1-2 {
    display: grid;
    grid-template-columns: 0.8fr 2.2fr;
    gap: 2rem;
    align-items: start;
}

/* ===== КАРТИНКА ===== */
.projects-company-two-cols-1-2 .projects-company-image-col {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    /*filter: grayscale(100%) contrast(85%) brightness(105%);*/
}

.projects-company-two-cols-1-2 .projects-company-image-col img {
    display: block;
    max-width: 100%;
    height: auto;
    border-radius: 0.75rem;
    overflow: hidden;
}

/* ===== ТЕКСТ ===== */
.projects-company-two-cols-1-2 .projects-company-content {
    width: 95%;
    margin: -0.0rem auto 0 0; /*поднять-опустить текст по высоте*/
    min-width: 0;
}

/* убираем выравнивание по ширине */
.projects-company-two-cols-1-2 .projects-company-content p {
    /*text-align: left !important;*/
}

/* отступ даты / подписи */
.projects-company-date {
    display: block;
    margin-top: 1rem;
}








/* projects-country на 3/4 ширины */
.projects-country-content {
    width: 75%;
    margin-left: auto;
    margin-right: auto;
}

/* ===== НОВЫЙ НОВЫЙ СЕТКА PROJECTS-COUNTRY ===== */
.projects-country-two-cols-1-2 {
    display: grid;
    grid-template-columns: 0.8fr 2.2fr;
    gap: 2rem;
    align-items: start;
}

/* ===== КАРТИНКА ===== */
.projects-country-two-cols-1-2 .projects-country-image-col {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    /*filter: grayscale(100%) contrast(85%) brightness(105%);*/
}

.projects-country-two-cols-1-2 .projects-country-image-col img {
    display: block;
    max-width: 100%;
    height: auto;
    border-radius: 0.75rem;
    overflow: hidden;
    border: 1px solid #d9d9d9;
}

/* ===== ТЕКСТ ===== */
.projects-country-two-cols-1-2 .projects-country-content {
    width: 95%;
    margin: -0.0rem auto 0 0; /*поднять-опустить текст по высоте*/
    min-width: 0;
}

/* убираем выравнивание по ширине */
.projects-country-two-cols-1-2 .projects-country-content p {
    /*text-align: left !important;*/
}

/* отступ даты / подписи */
.projects-country-date {
    display: block;
    margin-top: 1rem;
}










/* projects-industry на 3/4 ширины */
.projects-industry-content {
    width: 75%;
    margin-left: auto;
    margin-right: auto;
}

/* ===== СЕТКА PROJECTS-INDUSTRY ===== */
.projects-industry-two-cols-1-2 {
    display: grid;
    grid-template-columns: 0.8fr 2.2fr;
    gap: 2rem;
    align-items: start;
}

/* ===== КАРТИНКА ===== */
.projects-industry-two-cols-1-2 .projects-industry-image-col {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    /*filter: grayscale(100%) contrast(85%) brightness(105%);*/
}

.projects-industry-two-cols-1-2 .projects-industry-image-col img {
    display: block;
    max-width: 100%;
    height: auto;
    border-radius: 0.75rem;
    overflow: hidden;
    border: 1px solid #d9d9d9;
}

/* ===== ТЕКСТ ===== */
.projects-industry-two-cols-1-2 .projects-industry-content {
    width: 95%;
    margin: -0.0rem auto 0 0; /*поднять-опустить текст по высоте*/
    min-width: 0;
}

/* убираем выравнивание по ширине */
.projects-industry-two-cols-1-2 .projects-industry-content p {
    /*text-align: left !important;*/
}

/* отступ даты / подписи */
.projects-industry-date {
    display: block;
    margin-top: 1rem;
}









/*вывод статьи на 3/4 ширины*/
.article-content {
    width: 75%;
    margin-left: auto;
    margin-right: auto;
}



/* ===== НОВЫЙ НОВЫЙ СЕТКА ARTICLES ===== */
.articles-two-cols-1-2 {
    display: grid;
    grid-template-columns: 0.6fr 2.4fr;
    gap: 2rem;
    align-items: start;
}

/* ===== КАРТИНКА ===== */
.articles-two-cols-1-2 .articles-image-col {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    filter: grayscale(100%) contrast(85%) brightness(105%);
}

.articles-two-cols-1-2 .articles-image-col img {
    display: block;
    max-width: 100%;
    height: auto;
    border-radius: 0.75rem; /* ~12px */
    overflow: hidden;
}

/* ===== ТЕКСТ ===== */
.articles-two-cols-1-2 .articles-content {
    width: 95%;
    margin: -0.25rem auto 0 0;
    min-width: 0;
}


/* убираем выравнивание по ширине */
.articles-two-cols-1-2 .articles-content p {
    /*text-align: left !important;*/
}

/* отступ даты под статьёй */
.articles-date {
    display: block;
    margin-top: 1rem;
}










/* ===== НОВЫЙ СЕТКА НОВОСТИ ===== */
.news-two-cols-1-2 {
    display: grid;
    grid-template-columns: 1fr 2.0fr;
    gap: 2rem;
    align-items: start;
}

/* ===== КАРТИНКА ===== */
.news-two-cols-1-2 .news-image-col {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.news-two-cols-1-2 .news-image-col img {
    display: block;
    max-width: 100%;
    height: auto;
}

/* скругления картинки в новости*/
.news-two-cols-1-2 .news-image-col img {
    border-radius: 0.75rem; /* ~12px */
    overflow: hidden;
}

/* ===== ТЕКСТ ===== */
.news-two-cols-1-2 .news-content {
    width: 95%;
    margin: 0 auto 0 0;
    min-width: 0;
}

/* скрываем картинки внутри текста новости */
.news-two-cols-1-2 .news-content img,
.news-two-cols-1-2 .news-content figure {
    display: none !important;
}

/* убираем выравнивание по ширине */
.news-two-cols-1-2 .news-content p {
    /*text-align: left !important;*/
}

/*отступ даты под новостью*/
.news-date {
    display: block;
    margin-top: 1rem;
}




/*стиль таблицы товара*/

/*стиль таблицы товара*/

.specs-wrap {
  border: 0;
  margin: 0;
  padding: 0;
  position: relative;
  max-height: 13.7rem; /*подгон высоты таблицы характеристик товара по высоте*/
  overflow-y: auto;
  overflow-x: hidden;
}

.specs-table {
  border-collapse: collapse;
  width: 100%;
  border: 0.056rem solid #e0e0e0;
  table-layout: fixed;
}

/* 50/50 колонки */
.specs-table th,
.specs-table td {
  width: 50%;
}

/* заголовки секций */
.section-title {
  background-color: #e6f2ff;
  text-align: center;
  padding: 0 1rem;
  letter-spacing: 0.02em;
  height: 2.25rem;
  line-height: 2.25rem;
  white-space: normal;
  word-break: break-word;
}

/* левая колонка */
.param-name {
  font-weight: 500;
  padding: 0 1.667rem;
  border-right: 0.056rem solid #e0e0e0;
  white-space: normal;
  word-break: break-word;
  background: none;
  height: 1.4rem;
  line-height: 1.4rem;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  text-align: left;
}

/* правая колонка */
.specs-table td {
  padding: 0 1.667rem;
  height: 1.4rem;
  line-height: 1.4rem;
  overflow: hidden;
  text-overflow: ellipsis;
  border-bottom: 0.056rem solid #e0e0e0;
  vertical-align: middle;
  word-break: break-word;
}

/* нижняя граница и для th в строках */
.specs-table tbody th.param-name {
  border-bottom: 0.056rem solid #e0e0e0;
}

/* зебра для всей строки */
.specs-table tbody tr:nth-child(even) th,
.specs-table tbody tr:nth-child(even) td {
  background-color: #f0f0f0;
}

/* заголовки не зебрить */
.specs-table thead th {
  background-color: #f0f0f0;
  border-top: 0.056rem solid #e0e0e0;
  border-left: 0.056rem solid #e0e0e0;
  border-right: 0.056rem solid #e0e0e0;
}

/* отступы между таблицами */
.specs-block + .specs-block {
  margin-top: 2.0rem;
}

/* левая и правая границы как центральная */
.specs-table tbody th.param-name {
  border-left: 0.056rem solid #e0e0e0;
}

.specs-table tbody td {
  border-right: 0.056rem solid #e0e0e0;
}

/* скрыть кнопки на десктопе */
.specs-more,
.specs-less {
  display: none !important;
}


/* границы для примечания в ударных нагрузках */
.note-row {
    padding: 0.75rem 1.667rem;
    text-align: left;
    border-left: 0.056rem solid #e0e0e0;
    border-right: 0.056rem solid #e0e0e0;
    border-bottom: 0.056rem solid #e0e0e0;
}













/*вывод катры компании*/

.company-map {
    width: 100%;
}

.company-map iframe {
    width: 100%;
    display: block;
    border: 0;
    aspect-ratio: 2.5 / 1;
}




/* Стиль синих заголовков вверху страниц*/

.industry-title,
.company-name {
  display: inline;
  font-size: 0.875rem;      /* 14px */
  font-weight: 700;
  color: rgb(7,135,227);
  margin: 0;
  padding: 0;
  position: relative;
  left: 0px;
}


/* Стиль ОТРАСЛЕВЫЕ КАБЕЛЬНЫЕ КОНСТРУКЦИИ группа компаний*/

a.main-link {
    display: inline-block;   
    width: fit-content;      
    text-decoration: none;
    color: inherit;
    margin-top: 0.3125rem;   /* было 5px */
}

/* Если вдруг надо, чтобы вложенные элементы всегда были нужного цвета */
a.main-link .industry-title,
a.main-link .company-name {
    color: rgb(7,135,227);
}

.company-sub,
.company-ssub {
    transition: color 0.3s ease;
}

.company-sub {
    color: rgb(65,65,65);
    font-size: 0.875rem;   /* 14px */
    line-height: 1.2;
    position: relative;
    top: 0;
}

.company-ssub {
    color: rgb(7,135,227);
    font-size: 0.875rem;   /* было 14px */
    line-height: 1;        /* без изменений */
    position: relative;
    font-weight: 700;      /* было bold */
    top: 0;                /* было 0px */
}

/* При наведении на main-link - меняются оба текста */
.main-link:hover .company-sub {
    color: rgb(7,135,227);
}

.main-link:hover .company-ssub {
    color: rgb(7,135,227);
}

/* При наведении на main-link - меняется логотип (если нужно) */
.main-link:hover .logo {
    filter: grayscale(0%);
}


.regmark {
  display: inline-block;
  font-size: 0.3125rem;   /* было 5px; можно 10-14px, подбери под свой шрифт */
  position: relative;
  left: -7px;             /* сдвиг влево - подбирай визуально, обычно -10...-16px */
  top: -10px;             /* сдвиг вверх - делай чуть больше половины высоты строки */
  color: rgb(7,135,227);  /* под стиль основного текста, если нужно */
  vertical-align: baseline; /* не обязательно, но точно не super */
  pointer-events: none;   /* если не нужна кликабельность */
  user-select: none;
}

.regmark-01 {
  display: inline-block;
  font-size: 0.3125rem;   /* было 5px; можно 10-14px, подбери под свой шрифт */
  position: relative;
  left: -6px;             /* сдвиг влево - подбирай визуально, обычно -10...-16px */
  top: -10px;             /* сдвиг вверх - делай чуть больше половины высоты строки */
  color: rgb(7,135,227);  /* под стиль основного текста, если нужно */
  vertical-align: baseline; /* не обязательно, но точно не super */
  pointer-events: none;   /* если не нужна кликабельность */
  user-select: none;
}

.regmark-02 {
  display: inline-block;
  font-size: 0.3125rem;   /* было 5px; можно 10-14px, подбери под свой шрифт */
  position: relative;
  left: 0;                /* было 0px; сдвиг влево - подбирай визуально, обычно -10...-16px */
  top: -6px;              /* сдвиг вверх - делай чуть больше половины высоты строки */
  color: rgb(255,255,255); /* под стиль основного текста, если нужно */
  vertical-align: baseline; /* не обязательно, но точно не super */
  pointer-events: none;   /* если не нужна кликабельность */
  user-select: none;
}








/*кнопка банера*/
.button_banner {
    position: relative;
    z-index: 2;

    width: 150px;
    display: inline-block;
    padding: 0.5625rem 1.25rem;   /* было 9px 20px */
    font-size: 0.75rem;           /* было 12px */
    font-family: Tahoma, sans-serif;
    font-weight: normal;          /* без жирного */
    text-decoration: none;
    color: #fff;
    background-color: #0787e3;
    border: 0;
    border-radius: 5px;
    transition: background-color .3s ease;
    text-align: center;
}

/* hover */
.button_banner:hover {
    background-color:#0056b3;
    cursor:pointer;
    text-decoration:none;
    color:#fff;
}




/* общий контейнер БРЕНДОВ на ГЛАВНОЙ*/
.brands-block {
    width: 100%;
    margin: 0 auto;
    margin-bottom: 0.9375rem; /* было 15px — отступ после блока */
}

/* строки */
.brands-row {
    display: flex;
    gap: 0.5625rem;        /* было 9px */
    margin-bottom: 0.5625rem; /* было 9px */
}

.brands-row:last-child {
    margin-bottom: 0;
}

/* карточка бренда */
.brand-card {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;

    height: 40px;
    padding: 0 0.9375rem;        /* было 15px */

    background-color: #0787e3;
    border-radius: 6px;

    text-align: center;
    text-decoration: none;
    color: #fff;
    font-size: 0.875rem;         /* было 14px */
    font-family: Tahoma, sans-serif;
    font-weight: normal;
    line-height: 1.2;

    transition: background-color 0.3s ease;
}

/* верхний ряд — 3 одинаковые по ширине */
.brands-row-top .brand-card {
    flex: 1 1 0;
}

/* нижний ряд — 6 одинаковых по ширине */
.brands-row-bottom .brand-card {
    flex: 1 1 0;
}

/* текст бренда */
.brand {
    position: relative;
    z-index: 2;
    white-space: nowrap;
}

/* маска/слой */
.brand-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background: transparent;
    transition: background 0.3s ease;
    border-radius: 6px;
}

/* hover как у button_blue3 */
.brand-card:hover {
    background-color: #0056b3;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}

.brand-card:hover .brand-overlay {
    background: rgba(0, 0, 0, 0.05);
}







/* Восстанавливаем стандартный вид чекбокса */
input[type="checkbox"] {
  -webkit-appearance: checkbox;
  appearance: checkbox;
  width: 1.125rem;        /* было 18px */
  height: 1.125rem;       /* было 18px */
  accent-color: #007be8;  /* Цвет галочки (опционально) */
  margin-right: 0.625rem; /* было 10px */
}





/*блок отзывы в товаре*/
/* вывод в 3 равные колонки */
.three-cols-reviews {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 2rem;
}

.reviews-row {
    margin-top: 2rem;
}

.three-cols-reviews .col {
    min-width: 0;
    display: flex;
}

.review-card {
    background: #f5f5f5;
    border-radius: 1rem;                    /* было 18px */
    padding: 1.3rem 1.2rem 1.7rem 1.2rem;
    box-shadow: 0 0.125rem 0.5rem 0 rgba(80,85,110,0.06);  /* было 2px 8px */
    transition: box-shadow 0.16s;
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 23.125rem;                  /* было 370px */
    color: rgb(53,53,53);
    font-size: 0.875rem;                    /* было 14px */
    line-height: 1.57;                      /* было 22px */
    text-align: left;
    box-sizing: border-box;
}

.review-header {
    min-height: 7.5rem;                     /* было 120px */
    box-sizing: border-box;
}

.review-object {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    line-height: 1.4;
    max-height: 3em;
    margin-top: 0.25rem;                    /* было 4px */
}

.review-customer {
    margin-top: 0.25rem;
}

.review-text {
    margin-top: 1.2rem;
    margin-bottom: 0;
}









.breadcrumb {
    color: #777;
}
.breadcrumb a {
    color: #777 !important;
    text-decoration: none;
}
.breadcrumb a:hover {
    text-decoration: underline;
}






/* =========================
   СТАРЫЙ product-frame для продуктов внутри
   ========================= */
.product-frame,
.home-product-frame {
    position: relative;
    border: 1px solid #e6e6e6;
    border-radius: 3px;
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
    text-align: center;
    margin-bottom: 1.5625rem;   /* было 25px */
}

.product-frame:hover,
.home-product-frame:hover {
    box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);  /* было 4px 12px */
}


/* =========================
   СТВРЫЙ product-item для продуктов внутри
   ========================= */
.product-item,
.home-product-item {
    border: 1px solid #e6e6e6;
    border-radius: 0;
    transition: background-color 0.3s ease;
    text-align: center;
}


.button_green {
    display: block;                 /* растягивается */
    width: 100%;                   /* на всю ширину */
    box-sizing: border-box;

    padding: 0.5625rem 1.25rem;    /* было 9px 20px */
    font-size: 0.875rem;           /* было 14px */
    font-family: Tahoma, sans-serif;

    text-decoration: none;
    color: #32a852;
    background-color: #eff8f1;

    border: none;
    border-radius: 0;

    transition: background-color 0.3s ease;
    text-align: center;
}




.button_grey {
    display: block;                 /* растягивается */
    width: 100%;                   /* на всю ширину */
    box-sizing: border-box;

    padding: 0.5625rem 1.25rem;    /* было 9px 20px */
    font-size: 0.875rem;           /* было 14px */
    font-family: Tahoma, sans-serif;

    text-decoration: none;
    color: #0787e3;
    background-color: #ffffff;

    border: 1px solid #0787e3;     /* лучше явно указать цвет */
    border-radius: 5px;

    transition: background-color 0.3s ease;
    text-align: center;
}

/* hover */
.button_grey:hover {
    background-color: #f0f0f0;
    cursor: pointer;
    text-decoration: none;
}


.button_blue3 {
    position: relative;
    z-index: 2;
    margin-bottom: 1.25rem;     /* было 20px — отступ снизу */
    width: 150px;
    display: inline-block;       /* Позволяет работать как кнопке */
    padding: 0.5625rem 1.25rem;  /* было 9px 20px — Отступы внутри кнопки */
    font-size: 0.75rem;          /* было 12px — Размер шрифта */
    font-family: Tahoma, sans-serif; /* Шрифт */
    text-decoration: none;      /* Убирает подчеркивание */
    color: white;               /* Цвет текста */
    background-color: #0787e3;  /* Основной цвет кнопки */
    border: 0;                  /* Без границ */
    border-radius: 5px;         /* Закругленные углы */
    transition: background-color 0.3s ease; /* Анимация изменения цвета */
    text-align: center;         /* Текст выровнен по центру */
}

/* Изменение цвета при наведении */
.button_blue3:hover {
    background-color: #0056b3;  /* Более темный цвет при наведении */
    cursor: pointer;            /* Указывает, что это интерактивный элемент */
    text-decoration: none;      /* Убирает подчеркивание */
    color: white;               /* Цвет текста */
}



/* Изменение кнопки при наведении на карточку */
.product-frame:hover .button_blue3,
.home-product-frame:hover .button_blue3 {
    background-color: #0056b3;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}



.button_blue {
    width: 13.333rem;           /* 240px */
    display: inline-block;

    padding: 0.5625rem 1.25rem; /* 9px 20px */
    font-size: 0.875rem;        /* 14px */
    font-family: Tahoma, sans-serif;

    text-decoration: none;
    color: white;
    background-color: #0787e3;

    border: none;
    border-radius: 0.278rem;    /* 5px */

    transition: background-color 0.3s ease;
    text-align: center;
}

/* Изменение цвета при наведении */
.button_blue:hover {
    background-color: #0056b3;  /* Более темный цвет при наведении */
    cursor: pointer;            /* Указывает, что это интерактивный элемент */
}


.button_blue1 {
    width: 189px;
    display: inline-block;       
    padding: 0.5625rem 1.25rem;  /* было 9px 20px — Отступы внутри кнопки */
    font-size: 0.875rem;         /* было 14px — Размер шрифта */
    font-family: Tahoma, sans-serif; /* Шрифт */
    text-decoration: none;      /* Убирает подчеркивание */
    color: white;               /* Цвет текста */
    background-color: #0787e3;  /* Основной цвет кнопки */
    border: none;               /* Без границ */
    border-radius: 2px;         /* Закругленные углы */
    transition: background-color 0.3s ease; /* Анимация изменения цвета */
    text-align: center;         /* Текст выровнен по центру */
}

/* Изменение цвета при наведении */
.button_blue1:hover {
    background-color: #0056b3;  /* Более темный цвет при наведении */
    cursor: pointer;            /* Указывает, что это интерактивный элемент */
}

.button_blue2 {
    width: 192px;
    display: inline-block;       /* Позволяет работать как кнопке */
    padding: 0.5625rem 1.25rem;  /* было 9px 20px — Отступы внутри кнопки */
    font-size: 0.875rem;         /* было 14px — Размер шрифта */
    font-family: Tahoma, sans-serif; /* Шрифт */
    text-decoration: none;      /* Убирает подчеркивание */
    color: white;               /* Цвет текста */
    background-color: #0787e3;  /* Основной цвет кнопки */
    border: none;               /* Без границ */
    border-radius: 5px;         /* Закругленные углы */
    transition: background-color 0.3s ease; /* Анимация изменения цвета */
    text-align: center;         /* Текст выровнен по центру */
}

/* Изменение цвета при наведении */
.button_blue2:hover {
    background-color: #0056b3;  /* Более темный цвет при наведении */
    cursor: pointer;            /* Указывает, что это интерактивный элемент */
}







/*кнопка купить в товаре*/

.button_blue4 {
    display: block;                 /* растягивается */
    width: 100%;                   /* на всю ширину блока */
    box-sizing: border-box;        /* чтобы padding не ломал ширину */

    padding: 0.5625rem 1.25rem;    /* было 9px 20px */
    font-size: 0.875rem;           /* было 14px */
    font-family: Tahoma, sans-serif;

    text-decoration: none;
    color: #fff;
    background-color: #0787e3;

    border: none;
    border-radius: 5px;

    transition: background-color 0.3s ease;
    text-align: center;
}

/* hover */
.button_blue4:hover {
    background-color: #0056b3;
    cursor: pointer;
    text-decoration: none;
    color: #fff;
}







.button_red {
    display: block;                 /* растягивается */
    width: 100%;                   /* на всю ширину */
    box-sizing: border-box;

    padding: 0.5625rem 1.25rem;    /* было 9px 20px */
    font-size: 0.875rem;           /* было 14px */
    font-family: Tahoma, sans-serif;

    text-decoration: none;
    color: #fff;
    background-color: red;         /* твой исходный цвет */

    border: none;
    border-radius: 5px;

    transition: background-color 0.3s ease;
    text-align: center;
}

/* hover */
.button_red:hover {
    background-color: red;         /* как было */
    cursor: pointer;
    text-decoration: none;
}



/*строка 387 смена шрифта*/
html {scroll-behavior: smooth;}

figure {
  text-align: center;
  padding-top: 1.25rem;      /* было 20px */
  padding-bottom: 0.9375rem; /* было 15px */
  /*border: thin #c0c0c0 solid;
  display: flex;
  flex-flow: column;
  max-width: 220px;
  margin: auto;*/
}

/*img {
  max-width: 220px;
  max-height: 150px;
}*/

figcaption {
  /*background-color: #222;
  color: #fff;
  font: italic smaller sans-serif;*/
  font-size: 0.98rem;          /* было 98% */
  padding-top: 0.625rem;       /* было 10px */
  /*padding-bottom: 15px;
  text-align: center;*/
}


.hidden {
	display: none;
}

a {
    -webkit-transition: all 0.3s ease; 
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
input[type="submit"], input[type="text"], input[type="password"], textarea {
    -webkit-transition: opacity 0.3s ease, background 0.3s ease, border-color 0.3s ease, color 0.3s ease; -moz-transition: opacity 0.3s ease, background 0.3s ease, border-color 0.3s ease, color 0.3s ease; transition: opacity 0.3s ease, background 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}

/* hover masks */


/*новый cover-link*/
/*a.cover-link {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;  /* Установим z-index 1, чтобы он был ниже кнопки */
/*    opacity: 0;  /* Делаем элемент невидимым */
/*    pointer-events: none;  /* Отключаем взаимодействие с этим элементом */
/*}*/

/* старый cover-link*/

a.cover-link {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;  /*был 99*/
	opacity: 0;
}

a .cover-mask {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 99;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all 0.3s ease; 
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	background: url(../img/mask.png) repeat;
}
a:hover .cover-mask {
	opacity: 1;
	filter: alpha(opacity=100%);
}

a .title-mask {
	position: absolute;
	left: 0;
	right: 0;
	z-index: 99;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all 0.3s ease; 
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	bottom: -40px;
	background: url(../img/mask.png) repeat;
	font-size: 1.125rem;      /* было 18px */
	letter-spacing: 1px;
	line-height: 1.67;        /* было 30px */
	text-transform: uppercase;
	color: rgb(255,255,255);
	text-align: left;
	padding: 1rem 1.25rem;    /* было 16px 20px */
}
a:hover .title-mask {
	opacity: 1;
	filter: alpha(opacity=100%);
	bottom: 0;
}

a + .dark-mask {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: 99;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all 0.3s ease; 
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	background: url(../img/mask.png) repeat;
	visibility: hidden;
}
a:hover + .dark-mask {
	opacity: 1;
	filter: alpha(opacity=100%);
	visibility: visible;
}

/* Text page */
.basic-text {
    color: rgb(53,53,53);
    font-size: 0.875rem;
    line-height: 1.57;
    text-align: left;
    max-width: var(--container-width);
}
.basic-text img {
	max-width: 100%;
}
.basic-text table img {
	max-width: none;
}
.basic-text .slide-title {
	font-size: 1.375rem;      /* было 22px */
	line-height: 1.64;        /* было 36px */
	color: rgb(65,65,65);
	text-align: left;
}
.basic-text h2 {
    font-size: 1.125rem;
    line-height: 1.3;
    color: rgb(65,65,65);
}
.basic-text h3 {
	font-size: 0.875rem;      /* было 14px */
	line-height: 2.14;        /* было 30px */
}
.basic-text h4 {
	font-size: 0.875rem;      /* было 14px */
	line-height: 2;           /* было 28px */
}
.breadcrumbs + .slide-title {
	margin-top: 0;
}
.breadcrumbs + h2 {
	margin-top: 0;
}
.basic-text p {
	clear: both;
}
.basic-text .full-img img {
	width: 100%;
}
.basic-text mark {
	color: rgb(204,0,0);
	background: transparent;
}
.basic-text hr {
	margin: 2.5rem 0 2.5rem;  /* было 40px 0 35px */
	border: 0;
	border-bottom: 1px solid rgb(221,221,221);
}
.basic-text hr + .cols-2 {
	padding-top: 0.3125rem;      /* было 5px */
}
.basic-text ul {

}
.basic-text ul > li {
	padding: 0 0 0 1.5rem;       /* было 24px */
}
.basic-text ul li {
	position: relative;
}

/*Список точками*/

.basic-text ul li {
    padding-left: 1.6rem;  /* регулируешь расстояние */
    position: relative;
}

.basic-text ul > li:before {
    content: '•';
    position: absolute;
    left: 0.6rem;
    width: 1rem;           /* вот это ключ */
    text-align: center;    /* центрируем точку в зоне */
    line-height: 1.36rem;
}

.basic-text ul > li > ul {

}
.basic-text ul > li > ul > li {
	padding: 0 0 0 1.5rem;       /* было 24px */
}
.basic-text ul > li > ul > li:before {
	content: '○';
	font-size: 1rem;             /* было 16px */
	line-height: 1.625;          /* было 26px */
	top: -1px;
}
.basic-text ul > li > ul > li > ul {

}
.basic-text ul > li > ul > li > ul > li {
	padding: 0 0 0 0.9375rem;    /* было 15px */
}
.basic-text ul > li > ul > li > ul > li:before {
	content: '—';
}





.basic-text ul.col-2 {
	position: relative;
}
.basic-text ul.col-2 li {
	position: relative;
	width: 36%;
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: top;
	margin-left: -4px;
	margin-top: 0;
}
.basic-text ul.col-2 li:first-child {
	margin-left: 0;
}
.basic-text ul.col-2 li + li {
	margin-left: 14%;
}
.basic-text ul.col-2 + ul.col-2 {
	margin-top: 1.625rem;        /* было 26px */
}




.basic-text ol {
    counter-reset: i 0;
    list-style-type: none;
}
.basic-text ol ol, .basic-text ul ul {
	margin-left: 0.75rem;        /* было 20px */
}

/* Список*/

.basic-text ol li:before {
    content: counter(i)".";    
    counter-increment: i;
    padding-right: 0.25em; /*двигаем текст после цифр в списке*/
	/*font-size:16px;*/
	line-height: 1.25rem;       /* было 20px */
    /*color:#0787E3; //rgb(204,0,0);*/
	/*position: absolute;*/
	left: 0;
}

/*Отступы списка, красная строка*/

.basic-text ol li {
	padding-left: 0.85rem;    /* двигает цифры списка */
	position: relative;
}
.basic-text ol li > ol {
  counter-reset: n 0;
  margin: 0 0 0 1.875rem;     /* было 0px 0 0 30px */
}
.basic-text ol.more-10 li:before {
	display: block;
	width: 1.25rem;             /* было 20px */
	text-align: right;
}
.basic-text ol.more-10 li {
	padding: 0 0 0 1.75rem;     /* было 28px */
}
.basic-text ol li > ol > li:before {
  content: counter(n)".";
  counter-increment: n;
}
.basic-text ol li > ol > li > ol {
  counter-reset: j 0;
  margin: 0 0 0 1.875rem;     /* было 0px 0 0 30px */
}
.basic-text ol li > ol > li > ol > li:before {
  content: counter(j)".";
  counter-increment: j;
}




.basic-text ol.big {
	position: relative;
	margin-top: -1.875rem;      /* было -30px */
}
.basic-text ol.big li {
	position: relative;
	width: 25%;
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: top;
	margin-left: -4px;
	margin-top: 2.5rem;         /* было 40px */
	padding: 0 0 0 1.875rem;    /* было 30px */
	margin-right: 5%;
}
.basic-text ol.big li:first-child {
	margin-left: 0;
}
.basic-text ol.big li:before {
	content: counter(i)".";
	counter-increment: i;
	padding-right: 0.5em;
	font-size: 1.5rem;          /* было 24px */
	font-weight: bold;
	line-height: 1.25;          /* было 30px */
	color: rgb(187,0,0);
	position: absolute;
	left: 0;
	top: 2px;
}
.basic-text.about ol.big li + li {
	margin-top: 2.5rem;         /* было 40px */
}
.basic-text ol.big li h5 {
	padding-bottom: 0.25rem;    /* было 4px */
}

.basic-text ul li + li, .basic-text ol li + li {
	margin-top: 0.625rem;       /* было 10px */
} 
.basic-text ul ul, .basic-text ol ol {
	padding-top: 0.625rem;      /* было 10px */
}

.basic-text h1,
.basic-text .slide-title,
.basic-text h1,
.basic-text h2,
.basic-text h3,
.basic-text h4,
.basic-text h5,
.basic-text h6 {
    margin: 1rem 0 0.875rem 0;
}


.basic-text ul + :is(h1, h2, h3, h4, h5, h6, .slide-title),
.basic-text p + :is(h1, h2, h3, h4, h5, h6, .slide-title),
.basic-text ol + :is(h1, h2, h3, h4, h5, h6, .slide-title),
.basic-text table + :is(h1, h2, h3, h4, h5, h6, .slide-title),
.basic-text blockquote + :is(h1, h2, h3, h4, h5, h6, .slide-title),
.basic-text .ul-2-col + :is(h1, h2, h3, h4, h5, h6, .slide-title) {
    padding-top: 1.875rem;
}


.basic-text p + p,
.basic-text p + ul,
.basic-text p + ol,
.basic-text p + .ul-2-col,

.basic-text ul + p,
.basic-text ul + ul,
.basic-text ul + ol,
.basic-text ul + .ul-2-col,

.basic-text ol + p,
.basic-text ol + ul,
.basic-text ol + ol,
.basic-text ol + .ul-2-col,

.basic-text .ul-2-col + p,
.basic-text .ul-2-col + ul,
.basic-text .ul-2-col + ol,
.basic-text .ul-2-col + .ul-2-col {
    margin-top: 1rem;
}


.basic-text p + blockquote,
.basic-text p + table,

.basic-text ul + blockquote,
.basic-text ul + table,

.basic-text ol + blockquote,
.basic-text ol + table,

.basic-text blockquote + blockquote,
.basic-text blockquote + table,

.basic-text table + blockquote,
.basic-text table + table,

.basic-text .ul-2-col + blockquote,
.basic-text .ul-2-col + table {
    margin-top: 1.25rem;
}


.basic-text blockquote + p,
.basic-text blockquote + ul,
.basic-text blockquote + ol,
.basic-text blockquote + .ul-2-col,

.basic-text table + p,
.basic-text table + ul,
.basic-text table + ol,
.basic-text table + .ul-2-col {
    margin-top: 1.25rem;
}


.basic-text table {
	width: 100% !important;
	border: 0 none;
}
.basic-text table tr {

}
.basic-text table tr td {
/*	#padding: 6px 10px; @wsc*/
/*	#border: 1px solid #DDDDDD; @wsc*/
}
.basic-text table tr:nth-child(even) td, .basic-text table tr:nth-child(odd) td:nth-child(even) {
/*	#background: #FCFCFC; #@wsc*/
}
.basic-text table tr:nth-child(even) td:nth-child(even) {
/*	#background: #F9F9F9; #@wsc*/
}
.basic-text img.left, .basic-text iframe.left {
	float: left;
	margin: 0 1.25rem 1.25rem 0;   /* было 20px 20px */
	position: relative;
	top: 6px;
}
.basic-text img.right, .basic-text iframe.right {
	float: right;
	margin: 0 0 1.25rem 1.25rem;   /* было 20px 20px */
	position: relative;
	top: 6px;
}
.basic-text img.block, .basic-text iframe.block {
	display: block;
	margin: 1.25rem 0;            /* было 20px */
}
.basic-text img.block.center, .basic-text iframe.block.center {
	margin: 1.25rem auto;         /* было 20px */
}
.basic-text img.main-img {
	margin: 2.5rem 0;             /* было 40px */
}


/*Цитаты*/

.basic-text blockquote {
	/*font-size:16px;*/
	line-height: 1.625;          /* было 26px */
	color: rgb(33,33,33);
	text-align: left;
	padding: 1rem 1.25rem;       /* было 16px 20px */
	border-left: 5px solid rgb(7,135,227);
	border-radius: 0;
	background-color: rgb(245,245,245);
}




/* НОВЫЙ: контейнер хедера для связи Header c Wrapper*/
header {
    width: 100%;
    position: relative;
    top: auto;
    left: auto;
}

.header-inner {
    width: 100%;
    max-width: var(--container-width);
    margin: 0 auto;
    padding: 0 2rem;
    box-sizing: border-box;
}

header .row.head {
    display: flex;
    align-items: center;
}

.head-nav-wrap {
    width: 100%;
    max-width: var(--container-width);
    margin: 0 auto;
    padding: 0 2rem;
    box-sizing: border-box;
}



/* левая часть */
header .col-left {
    margin-right: auto;
}

/* центр */
header .col-center {
    margin-left: auto;
    margin-right: auto;
}

/* правая часть */
header .col-right {
    display: flex;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center;
    justify-content: flex-end;
    white-space: nowrap;
    margin-left: auto;
}

header .logo-sk {
    display: block;
    width: 130px;
    height: 37px;
    background: url(../img/logo-sk.png) no-repeat center;
    background-size: cover;
    flex: 0 0 130px;
    margin-right: 35px;
}

header .logo-mtk {
    display: block;
    width: 128px;
    height: 37px;
    background: url(../img/logo-mtk.png) no-repeat center;
    background-size: cover;
    flex: 0 0 128px;
    margin-right: 0;
}

header .main-link{
    display: flex;
    align-items: center;
    gap: 0;
}

header .logo{
    width: 50px;
    height: 51px;
    background: url(../img/logo.png) no-repeat center;
    background-size: cover;
    flex-shrink: 0;
    margin-right: 0.9375rem;   /* было 15px */
}

header .logo-cart{
    display: block;
    width: 18px;
    height: 18px;
    background: url(../img/cart.jpg) no-repeat center;
    background-size: contain;
}



header h1 {
	/*размер по умолчанию 24*/
	font-size: 1.25rem;       /* было 20px */
	/*толщина шрифта логотипа, по умолчанию болд*/
	font-weight: normal;
	/*line-height:85px;*/
	color: rgb(7,135,227);
	text-align: left;
}
header h1 a {
	/*цвет шрифта логотипа*/
	color: rgb(7,135,227);
	/*color:rgb(7,135,227);*/
	text-decoration: none;
}


/* Стриль меню навигации */

header nav {
    margin-top: 1.3rem;   /* было 10px — Поднять-опустить меню */
}

header nav ul {
    margin-bottom: 1.0625rem;  /* было 17px */
    display: flex;
    justify-content: space-between;
    padding: 0;
    width: 100%;
}

header nav ul li {
    padding: 0 0 0.0625rem 0;  /* было 1px */
    display: inline-block;
    vertical-align: top;
    *display: inline;
    zoom: 1;
}


header nav ul li a {
    text-transform: uppercase;
    display: inline-block;
    font-size: 0.875rem;      /* было 14px */
    /*font-weight: 700;*/
    line-height: 1.125rem;    /* было 18px */
    color: rgb(65,65,65);
    text-align: left;
    text-decoration: none;
    border-bottom: 1px solid #fff;
}

header nav ul li a.active {
    color: rgb(7,135,227);
}

header nav ul li a:hover {
    border-bottom: 1px solid;
}

















.col {
	display: inline-block;
	vertical-align: top;
	*display: inline;
	zoom: 1;
	white-space: normal;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.col + .col {
	margin-left: 0.25rem;     /* было 4px */
}


.col.size35 {
	width: 600px;
	margin-top: 0.9375rem;     /* было 15px */
	margin-bottom: 0;
}

.col.size34 {
	width: 950px;
	margin-top: 1.5625rem;     /* было 25px */
	margin-bottom: 1.5625rem;  /* было 25px */
}

.col.size33 {
	width: 295px;
	margin-top: 0.9375rem;     /* было 15px */
	margin-left: 1.5625rem;    /* было 25px */
}

.col.size32 {
	width: 295px;
    margin-top: 0.9375rem;    /* было 15px */
}

.col.size31 {
	width: 950px;
	margin-top: 2.5rem;        /* было 40px */
	margin-bottom: -0.9375rem; /* было -15px */
}

.col.size30 {
	width: 950px;
	margin-top: 1.25rem;       /* было 20px */
	margin-bottom: 0.625rem;   /* было 10px */
}

.col.size29 {
	width: 950px;
	margin-top: -0.625rem;     /* было -10px */
	margin-bottom: 2.1875rem;  /* было 35px */
}

.col.size28 {
	width: 230px;
}

.col.size27 {
	width: 260px;
	margin-top: 1.875rem;      /* было 30px */
	margin-left: 2.1875rem;    /* было 35px */
}

.col.size26 {
	width: 310px;
	margin-top: 0.8125rem;     /* было 13px */
}

.col.size25 {
	width: 455px;
	margin-left: 2.1875rem;    /* было 35px */
	margin-top: 0;
}

.col.size24 {
	width: 455px;
	margin-top: 0;
}

.col.size23 {
	width: 950px;
	margin-top: 1.5625rem;     /* было 25px */
}

.col.size22 {
	width: 310px;
	margin-top: 0;
}

.col.size21 {
	width: 630px;
	margin-top: 0.125rem;      /* было 2px */
}

.col.size20 {
	width: 310px;
	margin-top: 1.5625rem;     /* было 25px */
}	

.col.size12 {
	width: 950px;
}
.col.size9 {
	width: 680px;
}
.col.size8 {
	width: 630px;
}
.col.size6 {
	width: 470px;
}
.col.size3 {
	width: 230px;
}
.col.size4 {
	width: 310px;
}

.col.size2-2 {
	width: 950px;
	height: 0.5625rem;         /* было 9px */
}

.col.size2-1 {
	width: 950px;
}

.col.size2 {
	width: 260px;
}
.col.pad-r {
	padding-right: 1.875rem;   /* было 30px */
}
.col.size1-1 {
    width: 280px;
    height: 70px;
    margin-top: 0;
    flex: 0 0 280px;
}

.col.size1-2 {
    width: 50px;
    height: 60px;
    margin-top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 0 0 50px;
    margin-left: auto;
    margin-right: auto;
}

.col.size1-3 {
    width: 130px;
    height: 60px;
    margin-top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 0 0 130px;
}

/* гамбургер на десктопе скрыт */
.mob-menu-col {
    display: none;
}

.col.pad-l {
	padding-left: 1.25rem;     /* было 20px */
}


/* slider обертка */

.slider-wrap .slide-item {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.slider-wrap .slide-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* === ограничение высоты всего слайдера === */

.slider-wrap {
    width: 100%;
    aspect-ratio: 1900 / 768; /* пропорция */
    overflow: hidden;
    position: relative;
}

/* прокидываем высоту вниз */
.slider-wrap .bx-wrapper,
.slider-wrap .bx-viewport,
.slider-wrap .bxslider,
.slider-wrap .bxslider > li {
    height: 100% !important;
    overflow: hidden !important;
}

/* slider title */

.row .bx-wrapper {
	margin-bottom: 1.875rem;      /* было 30px */
}
.row + .row.close-to-slider {
	margin-top: 0;                /* было -0px — отступ под банером */
}
.bxslider .description {
	position: absolute;
	left: 4.222rem;          /* начало отпускания плашки вниз по горизонтали*/
	top: -5.556rem;          /* начало отпускания плашки вниз по веритикали*/
	opacity: 0;
	filter: alpha(opacity=0);

	color: rgb(255,255,255);
	width: 17.778rem;        /* 320px */
	padding: 0.9375rem 1.25rem 1.25rem 1.875rem; /* уже ок */

	white-space: normal;

	/* фон маски */
	background: rgba(0,0,0,0.35);

	/* размытие фона */
	backdrop-filter: blur(0.333rem);         /* 6px */
	-webkit-backdrop-filter: blur(0.333rem);

	/* закругление */
	border-radius: 0.444rem; /* 8px */

	/* анимация */
	transition: all 1s ease;
}
.bxslider .descright {
	left: 41rem;              /* 540px */
}

.bxslider .slide-item.current .description {
	top: 3.222rem;            /* уровень опускания плаши по вертикали*/
	opacity: 1;
	filter: alpha(opacity=100);
}
.bxslider .description .slide-title {
	font-size: 1.125rem;          /* было 18px */
	text-transform: uppercase;
	margin: 0 0 0.75rem 0;        /* было 12px */
	line-height: 2.222;           /* было 40px */
	color: rgb(255,255,255);
}
.bxslider .description h2 {
	font-size: 1.125rem;          /* было 18px */
	text-transform: uppercase;
	margin: 0 0 0.75rem 0;        /* было 12px */
	line-height: 1.444;           /* было 26px */
	color: rgb(255,255,255);
}
.bxslider .description p {
	font-size: 0.875rem;          /* было 14px */
	line-height: 1.57;            /* было 22px */
}
.bxslider .description a {
	text-decoration: none;
	font-size: 0.875rem;          /* было 14px */
	font-weight: normal;
	letter-spacing: 0;
	border-bottom: 0 solid;
	color: rgb(255,255,255);
	border-color: rgb(255,255,255);
	border-color: rgba(255,255,255,0.5);
	margin-top: 0.9375rem;        /* было 15px */
	display: inline-block;
}



/* Баннер — сепия по умолчанию */
.bx-wrapper .bxslider img{
    /*filter: grayscale(35%) saturate(0.5) contrast(1.1) brightness(0.9);*/
    filter: grayscale(0%); /*серый банер до наведения*/
    transition: filter .4s ease;
}

.bx-wrapper:hover .bxslider img{
    filter: none;
}


/*весь банер ссылка*/

.slide-item{
    position: relative;
}

.slide-link{
    position: absolute;
    inset: 0;
    display: block;
    z-index: 1;
}

.bxslider .description{
    z-index: 2;
}





a.branchs {
	position: relative;
	overflow: hidden;
}

.row.about {
	width: 700px;
	padding: 1.25rem 7.8125rem;   /* было 20px 125px */
	position: relative;
	background-color: rgb(7,135,227);
	overflow: hidden;
}
.row.about p {
	display: inline-block;
	vertical-align: middle;
	*display: inline;
	zoom: 1;
	font-size: 1.125rem;          /* было 18px */
	letter-spacing: 0;
	line-height: 1.333;           /* было 24px */
	color: rgb(255,255,255);
	text-align: left;
}
.row.about a {
	display: inline-block;
	vertical-align: middle;
	*display: inline;
	zoom: 1;
	float: right;
	font-size: 1.125rem;          /* было 18px */
	letter-spacing: 0;
	line-height: 3rem;            /* было 48px */
	color: rgb(255,255,255);
	position: relative;
	z-index: 999;
}

.row cn {
	font-size: 1.375rem;          /* было 22px */
	line-height: 1.364;           /* было 30px */
	color: rgb(65,65,65);
	text-align: left;
	text-transform: uppercase;
	margin: 1rem 0 0.875rem 0;    /* было 16px 0 14px 0 */
}
.row cn.no-margin {
	margin: 0 0 0.875rem 0;       /* было 0px 0 14px 0 */
}
.row cn a {
	color: rgb(65,65,65);
	text-decoration: none;
}
.row cn a:hover {
	color: rgb(7,135,227);
}


/*заголовок на главной странице*/
.row.head h1 {
	font-size: 0.875rem;        /* было 14px */
	line-height: 0.875rem;      /* было 14px */
}

.row h1 {
	font-size: 1.25rem;         /* было 20px */
	line-height: 1.5rem;        /* было 30px */
	color: rgb(65,65,65);
	text-align: left;
	text-transform: uppercase;
	margin: 1rem 0 0.875rem 0;  /* было 16px 0 14px 0 */
}
.row h1.no-margin {
	margin: 0 0 0.875rem 0;     /* было 0px 0 14px 0 */
}
.row h1 a {
	color: rgb(65,65,65);
	text-decoration: none;
}
.row h1 a:hover {
	color: rgb(7,135,227);
}
.row .slide-title {
	font-size: 1.375rem;        /* было 22px */
	line-height: 1.5rem;        /* было 30px */
	color: rgb(65,65,65);
	text-align: left;
	text-transform: uppercase;
	margin: 1rem 0 0.875rem 0;  /* было 16px 0 14px 0 */
}
.row .slide-title.no-margin {
	margin: 0 0 0.875rem 0;     /* было 0px 0 14px 0 */
}
.row .slide-title a {
	color: rgb(65,65,65);
	text-decoration: none;
}
.row .slide-title a:hover {
	color: rgb(7,135,227);
}
.date {
	font-size: 0.875rem;        /* было 14px */
	line-height: 0.875rem;      /* было 14px */
	color: rgb(65,65,65);
}
.slide-title + .date {
	margin: -0.5rem 0 1.5rem 0; /* было -8px 0 24px 0 */
}

/* заголовки H2 везде*/

.row h2 {
	font-size: 1.125rem;        /* было 18px */
	line-height: 1.5rem;        /* было 30px */
	color: rgb(65,65,65);
/*	text-align:left;*/
	text-transform: uppercase;
	margin: 1rem 0 0.875rem 0;  /* было 16px 0 14px 0 */
}
.row h2.no-margin {
	margin: 0 0 0.875rem 0;     /* было 0px 0 14px 0 */
}
.row h2 a {
	color: rgb(65,65,65);
	text-decoration: none;
}
.row h2 a:hover {
	color: rgb(7,135,227);
}
.date {
	font-size: 0.875rem;        /* было 14px */
	line-height: 0.875rem;      /* было 14px */
	color: rgb(65,65,65);
}
h2 + .date {
	margin: -0.5rem 0 1.5rem 0; /* было -8px 0 24px 0 */
}
article.h-small {
	position: relative;
	height: 10.6em;
	overflow: hidden;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-overflow: ellipsis;
}
article.h-medium {
	position: relative;
	height: 13.1em;
	overflow: hidden;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-overflow: ellipsis;
}
article.h-big {
	position: relative;
	height: 15.6em;
	overflow: hidden;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-overflow: ellipsis;
}
article.h-full {
	position: relative;
	height: 26.831em;
	overflow: hidden;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-overflow: ellipsis;
}
article.h-full .placeholder, 
article.h-big .placeholder, 
article.h-medium .placeholder, 
article.h-small .placeholder {
	position: absolute;
	bottom: 0;
	width: 100%;
	left: 0;
	background-color: rgb(245,245,245); /*цвет заглуши новости на гланой*/
	border-radius: 6px;
	height: 0.875rem;   /* было 14px */
}

.news article {
	padding: 1rem 1.25rem;   /* было 16px 20px */
	background-color: rgb(245,245,245); /*цвет плашки новости на главной*/
	border-radius: 6px;
	border: 1px solid #e6e6e6;
	transition: background-color 0.3s ease, box-shadow 0.3s ease;
}
.news article:hover {
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.14); /*тень от плашки новости ПОСЛЕ наведения*/
}

.news article .buc {
	display: inline-block;
	vertical-align: middle;
	font-size: 1.125rem;    /* было 18px */
	font-weight: bold;
	line-height: 1.625;     /* было 26px */
	text-align: center;
	color: rgb(255,255,255);
	width: 26px;
	background-color: rgb(7,135,227);
	margin-right: 0.375rem; /* было 6px */
}
.news article .date {
	display: inline-block;
	vertical-align: middle;
	font-size: 0.875rem;    /* было 14px */
	line-height: 2em;
	color: rgb(65,65,65);
	text-align: left;
}
.news article h3 {
	font-size: 0.875rem;    /* было 14px */
	line-height: 1.6em;
	text-align: left;
	color: rgb(65,65,65); 
	text-transform: uppercase;
	margin: 0.1em 0 0.6em 0;
}
.news article h3 a {
	text-decoration: none;
	color: rgb(7,135,227);
}

.news article h3 {
	font-size: 0.875rem;    /* было 14px */
	line-height: 1.6em;
	text-align: left;
	color: rgb(7,135,227); /*цвет заголовка новости на главной ДО наведения*/
	text-transform: uppercase;
	margin: 0.1em 0 0.6em 0;
}
.news article h3 a {
	text-decoration: none;
	color: rgb(7,135,227);
}
.news article p {
	font-size: 0.75rem;     /* было 12px */
	line-height: 1.6em;
	color: rgb(65,65,65); /*цвет текста новости на главной ДО наведения*/
	text-align: left;
	-webkit-transition: all 0.3s ease; 
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.news article:hover h3 {
	color: rgb(7,135,227); /*цвет заголовка новости на главной ПОСЛЕ наведения*/
}

.news article:hover p {
	color: rgb(0,0,0); /*цвет текста новости на главной ПОСЛЕ наведения*/
}



/*статьи*/

.articles article {
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
}
.articles article:hover {
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.14); /*тень от плашки статьи ПОСЛЕ наведения*/
}

.articles article .img {

}
.articles article .img img {

}

.articles article .desc {
	padding: 1rem 1.25rem;   /* было 16px 20px */
	background-color: rgb(245,245,245); /*цвет плашек статей на главной*/

}

.articles article h3 {
	font-size: 0.875rem;    /* было 14px */
	line-height: 1.6em;
	text-align: left;
	color: rgb(70, 70, 70);
	text-transform: uppercase;
	margin: 0.1em 0 0.6em 0;
	-webkit-transition: all 0.3s ease; 
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.articles article h3 a {
	text-decoration: none;
	color: rgb(146,146,146);
}

.articles article h3 {
	font-size: 0.875rem;    /* было 14px */
	line-height: 1.6em;
	text-align: left;
	color: rgb(7,135,227); /*цвет заголовка статьи на главной До наведения*/
	text-transform: uppercase;
	margin: 0.1em 0 0.6em 0;
	-webkit-transition: all 0.3s ease; 
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.articles article h3 a {
	text-decoration: none;
	color: rgb(146,146,146);
}
.articles article p {
	font-size: 0.75rem;     /* было 12px */
	line-height: 1.6em;
	color: rgb(65,65,65); /*цвет текста статьи на главной ДО наведения*/
	text-align: left;
	-webkit-transition: all 0.3s ease; 
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.articles article:hover h3 {
	color: rgb(7,135,227); /*цвет заголовка статьи на главной ПОСЛЕ наведения*/
}

.articles article:hover p {
	color: rgb(0,0,0); /*цвет текста статьи на главной ПОСЛЕ наведения*/
}

.news article + article, .articles article + article {
	margin-top: 0.625rem;  /* было 10px */
}


/*НОВЫЕ заголовки H2 на главной*/

/* =========================
   HOME TITLES (универсально)
   ========================= */

.home-brands h2,
.home-product h2,
.home-developments h2,
.home-projects h2,
.home-news h2,
.home-articles h2 {
    font-size: 1.125rem;
    line-height: 1.5rem;
    color: rgb(65,65,65);
    text-transform: uppercase;
    margin: 1rem 0 0.875rem 0;
}

.home-brands h2.no-margin,
.home-product h2.no-margin,
.home-developments h2.no-margin,
.home-projects h2.no-margin,
.home-news h2.no-margin,
.home-articles h2.no-margin {
    margin: 0 0 0.875rem 0;
}

.home-brands h2 a,
.home-product h2 a,
.home-developments h2 a,
.home-projects h2 a,
.home-news h2 a,
.home-articles h2 a {
    color: rgb(65,65,65);
    text-decoration: none;
}

.home-brands h2 a:hover,
.home-product h2 a:hover,
.home-developments h2 a:hover,
.home-projects h2 a:hover,
.home-news h2 a:hover,
.home-articles h2 a:hover {
    color: rgb(65,65,65);
}



/*НОВЫЕ стили новостей на главной*/

/* =========================
   HOME NEWS
   ========================= */

.home-news {
    width: 100%; /* 1200px */
    margin: 0 auto;
}

.home-news-list {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    column-gap: 1.2rem; /* между колонками */
    row-gap: 1.5rem;      /* между строками */
}

.home-news-card {
    position: relative;
    padding: 1rem 1.25rem;
    background-color: rgb(245,245,245);

    border: 1px solid #e6e6e6;
    border-radius: 0.75rem;   /* было 6px → теперь как у всех */

    transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

.home-news-card:hover {
    box-shadow: 0 0 1rem rgba(0,0,0,0.14);
}

.home-news-card .date {
    display: inline-block;
    vertical-align: middle;
    font-size: 0.875rem;
    line-height: 2em;
    color: rgb(65,65,65);
    text-align: left;
}

.home-news-card h3 {
    font-size: 1.0rem;
    line-height: 1.6em;
    text-align: left;
    color: rgb(7,135,227);
    text-transform: uppercase;
    margin: 0.1em 0 0.6em 0;
}

.home-news-card h3 a {
    text-decoration: none;
    color: rgb(7,135,227);
}

.home-news-card p {
    font-size: 0.8rem;
    line-height: 1.6em;
    color: rgb(65,65,65);
    text-align: left;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.home-news-card:hover h3 {
    color: rgb(7,135,227);
}

.home-news-card:hover p {
    color: rgb(0,0,0);
}

.home-news-card .placeholder {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0.875rem;
    background-color: rgb(245,245,245);
    border-radius: 0 0 6px 6px;
}

.home-news-card .cover-link {
    position: absolute;
    inset: 0;
    z-index: 5;
}







.home-brands-item {
    display: grid;
    grid-template-columns: 1fr !important;
    gap: 0.8rem; /* отступы между карточками */
}


/* НОВЫЕ стили брендов на главной */

/* =========================
   HOME BRANDS
   ========================= */

.home-brands-list {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    column-gap: 1.5rem; /* между колонками */
    row-gap: 2rem;      /* между строками */
}

.home-brands-card {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;

    border: 1px solid #e6e6e6;

    background: rgb(245,245,245);

    border-radius: 0.75rem;
    overflow: hidden;

    transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

.home-brands-card:hover {
    box-shadow: 0 0.25rem 1rem rgba(0,0,0,0.14);
}

.home-brands-card .home-brands-image {
    display: block;
    flex: 0 0 auto;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    
    border: 1px solid #e6e6e6;
    border-radius: 0.75rem;
}

.home-brands-card .home-brands-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border: 0 !important;
    border-radius: 0.75rem;
}

.home-brands-card .home-brands-desc {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem 1.25rem 1.5rem 1.25rem;
    background-color: rgb(245,245,245);
    overflow: hidden;
}


.home-brands-card h2 {
    font-size: 1.125rem;
    line-height: 1.6em;
    text-align: left;
    color: rgb(65,65,65);
    text-transform: uppercase;
    margin: 0.1em 0 0.6em 0;

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

    transition: all 0.3s ease;
}

.home-brands-card h2 a {
    display: block;
    color: inherit;
    text-decoration: none;

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.home-brands-card h3 {
    font-size: 1.0rem;
    line-height: 1.6em;
    text-align: left;
    color: rgb(7,135,227);
    text-transform: uppercase;
    margin: 0.1em 0 0.6em 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.home-brands-card h3 a {
    text-decoration: none;
    color: inherit;
    display: block;
}

.home-brands-card p {
    font-size: 0.8rem;
    line-height: 1.6em;
    color: rgb(65,65,65);
    text-align: left;
    margin: 0;

    min-height: calc(5 * 1.6em);
    max-height: calc(5 * 1.6em);

    display: -webkit-box;
    /*-webkit-line-clamp: 3;
    -webkit-box-orient: vertical;*/
    overflow: hidden;

    transition: all 0.3s ease;
}

.home-brands-card:hover h2 {
    color: rgb(7,135,227);
}

.home-brands-card:hover h3 {
    color: rgb(7,135,227);
}

.home-brands-card:hover p {
    color: rgb(0,0,0);
}

.home-brands-card .placeholder {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0.875rem;
    background-color: rgb(245,245,245);
    z-index: 2;
}

.home-brands-card .cover-link {
    position: absolute;
    inset: 0;
    z-index: 5;
}


/* кнопка подробнее */
.home-brands-more {
    margin-top: auto;
    padding: 1.5rem 0.625rem 0 0.625rem;

    display: flex;
    justify-content: center;

    position: relative;
    z-index: 6;
}

.home-brands-more a {
    width: 13.333rem;
    display: inline-block;

    padding: 0.5625rem 1.25rem;
    font-size: 0.875rem;
    font-family: Tahoma, sans-serif;

    text-decoration: none;
    color: white;
    background-color: #0787e3;

    border: none;
    border-radius: 0.278rem;

    transition: background-color 0.3s ease;
    text-align: center;
}

.home-brands-more a:hover,
.home-brands-card:hover .home-brands-more a {
    background-color: #0056b3;
    cursor: pointer;
}



/* =========================
   HOVER: увеличение изображения БРЕНД
   ========================= */

.home-brands-card .home-brands-image {
    position: relative;
    overflow: hidden;
}

.home-brands-card .home-brands-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.home-brands-card:hover .home-brands-image img {
    transform: scale(1.06);
}







/*НОВЫЕ стили раздела РАЗРАБОТКИ*/

/* =========================
   HOME DEVELOPMENTS
   ========================= */

.home-developments-list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: 1.25rem; /* между колонками */
    row-gap: 2rem;      /* между строками */
}

.home-developments-card {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;

    border: 1px solid #e6e6e6;
    background: rgb(250,250,250);

    border-radius: 0.75rem;
    overflow: hidden;

    transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

.home-developments-card:hover {
    box-shadow: 0 0.25rem 1rem rgba(0,0,0,0.14);
}

.home-developments-card .home-developments-image {
    display: block;
    flex: 0 0 auto;
    aspect-ratio: 4 / 3;
    overflow: hidden;

    border: 1px solid #e6e6e6;
    border-radius: 0.75rem;
}

.home-developments-card .home-developments-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border: 0 !important;
    border-radius: 0.75rem;
}

.home-developments-card .home-developments-desc {
    position: relative;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    padding: 1rem 1.25rem 1.5rem 1.25rem;
    background-color: rgb(250,250,250);
    overflow: hidden;
}

.home-developments-card h2 {
    font-size: 1.125rem;
    line-height: 1.6em;
    text-align: left;
    color: rgb(65,65,65);
    text-transform: uppercase;
    margin: 0.1em 0 0.6em 0;

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

    transition: all 0.3s ease;
}

.home-developments-card h2 a {
    display: block;
    color: inherit;
    text-decoration: none;

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.home-developments-card h3 {
    font-size: 1.0rem;
    line-height: 1.6em;
    text-align: left;
    color: rgb(65,65,65);
    text-transform: uppercase;
    margin: 0.1em 0 0.6em 0;

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

    transition: all 0.3s ease;
}

.home-developments-card h3 a {
    display: block;
    color: inherit;
    text-decoration: none;

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.home-developments-card p {
    font-size: 0.8rem;
    line-height: 1.6em;
    color: rgb(65,65,65);
    text-align: left;
    margin: 0;

    min-height: calc(3 * 1.6em);
    max-height: calc(3 * 1.6em);

    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;

    transition: all 0.3s ease;
}

.home-developments-card:hover h2 {
    color: rgb(7,135,227);
}

.home-developments-card:hover h3 {
    color: rgb(7,135,227);
}

.home-developments-card:hover p {
    color: rgb(0,0,0);
}

.home-developments-card .placeholder {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0.875rem;
    background-color: rgb(250,250,250);
    z-index: 2;
}

.home-developments-card .cover-link {
    position: absolute;
    inset: 0;
    z-index: 5;
}

/* кнопка подробнее */
.home-developments-more {
    margin-top: auto;
    padding: 1.5rem 0.625rem 0 0.625rem;

    display: flex;
    justify-content: center;

    position: relative;
    z-index: 6;
}

.home-developments-more a {
    width: 13.333rem;
    display: inline-block;

    padding: 0.5625rem 1.25rem;
    font-size: 0.875rem;
    font-family: Tahoma, sans-serif;

    text-decoration: none;
    color: white;
    background-color: #0787e3;

    border: none;
    border-radius: 0.278rem;

    transition: background-color 0.3s ease;
    text-align: center;
}

.home-developments-more a:hover,
.home-developments-card:hover .home-developments-more a {
    background-color: #0056b3;
    cursor: pointer;
}



/* =========================
   HOVER: увеличение изображения РАЗРАБОТКИ
   ========================= */

.home-developments-card .home-developments-image {
    position: relative;
    overflow: hidden;
}

.home-developments-card .home-developments-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.home-developments-card:hover .home-developments-image img {
    transform: scale(1.04);
}










/*НОВЫЕ стили раздела PROJECTS*/

/* =========================
   HOME PROJECTS
   ========================= */

.home-projects-list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: 1.25rem; /* между колонками */
    row-gap: 2rem;      /* между строками */
}

.home-projects-card {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;

    border: 1px solid #e6e6e6;
    background: rgb(250,250,250);

    border-radius: 0.75rem;
    overflow: hidden;

    transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

.home-projects-card:hover {
    box-shadow: 0 0.25rem 1rem rgba(0,0,0,0.14);
}

.home-projects-card .home-projects-image {
    display: block;
    flex: 0 0 auto;
    aspect-ratio: 4 / 3;
    overflow: hidden;

    border: 1px solid #e6e6e6;
    border-radius: 0.75rem;
}

.home-projects-card .home-projects-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border: 0 !important;
    border-radius: 0.75rem;
}

.home-projects-card .home-projects-desc {
    position: relative;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    padding: 1rem 1.25rem 1.5rem 1.25rem;
    background-color: rgb(250,250,250);
    overflow: hidden;
}

.home-projects-card h2 {
    font-size: 1.125rem;
    line-height: 1.6em;
    text-align: left;
    color: rgb(65,65,65);
    text-transform: uppercase;
    margin: 0.1em 0 0.6em 0;

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

    transition: all 0.3s ease;
}

.home-projects-card h2 a {
    display: block;
    color: inherit;
    text-decoration: none;

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.home-projects-card h3 {
    font-size: 1.0rem;
    line-height: 1.6em;
    text-align: left;
    color: rgb(65,65,65);
    text-transform: uppercase;
    margin: 0.1em 0 0.6em 0;

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

    transition: all 0.3s ease;
}

.home-projects-card h3 a {
    display: block;
    color: inherit;
    text-decoration: none;

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.home-projects-card p {
    font-size: 0.8rem;
    line-height: 1.75em;
    color: rgb(65,65,65);
    text-align: left;
    margin: 0 0 0.5rem 0;

    min-height: calc(5.4 * 1.75em);
    max-height: calc(5.4 * 1.75em);

    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;

    transition: all 0.3s ease;
}

.home-projects-card:hover h2 {
    color: rgb(7,135,227);
}

.home-projects-card:hover h3 {
    color: rgb(7,135,227);
}

.home-projects-card:hover p {
    color: rgb(0,0,0);
}

.home-projects-card .placeholder {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0.875rem;
    background-color: rgb(250,250,250);
    z-index: 2;
}

.home-projects-card .cover-link {
    position: absolute;
    inset: 0;
    z-index: 5;
}

/* кнопка подробнее */
.home-projects-more {
    margin-top: auto;
    padding: 1.0rem 0.625rem 0 0.625rem;

    display: flex;
    justify-content: center;

    position: relative;
    z-index: 6;
}

.home-projects-more a {
    width: 13.333rem;
    display: inline-block;

    padding: 0.5625rem 1.25rem;
    font-size: 0.875rem;
    font-family: Tahoma, sans-serif;

    text-decoration: none;
    color: white;
    background-color: #0787e3;

    border: none;
    border-radius: 0.278rem;

    transition: background-color 0.3s ease;
    text-align: center;
}

.home-projects-more a:hover,
.home-projects-card:hover .home-projects-more a {
    background-color: #0056b3;
    cursor: pointer;
}



/* =========================
   HOVER: увеличение изображения PROJECTS
   ========================= */

.home-projects-card .home-projects-image {
    position: relative;
    overflow: hidden;
}

.home-projects-card .home-projects-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.home-projects-card:hover .home-projects-image img {
    transform: scale(1.04);
}











/* =========================
   PROJECTS REGION
   ========================= */

.projects-region-objects {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}

.projects-region-flags-nav {
    font-size: 1.0rem;
    margin-bottom: 2rem;
    line-height: 1.7em;
}

.projects-region-flags-nav a {
    color: rgb(65, 65, 65);
    text-decoration: none;
    transition: color 0.2s ease;
}

.projects-region-flags-nav a:hover {
    color: rgb(65, 65, 65);
    text-decoration: underline;
}

.projects-region-flag-group {
    margin-bottom: 2rem;
    scroll-margin-top: 2rem;
}

.projects-region-flag-title {
    color: rgb(65, 65, 65);
    margin: 0 0 1rem 0;
    font-size: 1.125rem;
    line-height: 1.3em;
    font-weight: 700;
    text-transform: uppercase;
}

.projects-region-flag-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
}

.projects-region-object-card {
    position: relative;
    background: rgb(245,245,245);
    border: 1px solid #e6e6e6;
    border-radius: 0.75rem;
    padding: 1.25rem 1.35rem;
    transition: box-shadow 0.2s ease, border-color 0.2s ease;
}

.projects-region-object-card:hover {
    border-color: rgb(210,210,210);
    box-shadow: 0 0.25rem 1rem rgba(0,0,0,0.14);
}

.projects-region-object-title {
    
    margin: 0 0 0.65rem 0;
    font-size: 0.875rem;
    line-height: 1.4em;
    text-transform: uppercase;
}

.projects-region-object-location {
    margin-bottom: 0.95rem;
    font-size: 0.875rem;
    line-height: 1.5em;
    color: #666;
}

.projects-region-object-meta {
    display: grid;
    gap: 0.45rem;
    margin: 0;
}

.projects-region-object-meta-row {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    font-size: 0.875rem;
    line-height: 1.45em;
}

.projects-region-object-meta dt {
    margin: 0;
    color: #777;
    font-weight: 400;
}

.projects-region-object-meta dt::after {
    content: ":";
}

.projects-region-object-meta dd {
    margin: 0;
}

.projects-region-object-meta a {
    color: #0787e3;
    text-decoration: none;
    transition: color 0.2s ease;
    font-weight: 600;
}

.projects-region-object-meta a:hover {
    color: #0056b3;
    text-decoration: underline;
}

.projects-region-empty {
    background: rgb(250,250,250);
    border-radius: 0.75rem;
    padding: 1.5rem;
    font-size: 0.875rem;
    color: #666;
}

.projects-region-object-meta sup {
    position: relative;
    top: -0.8em;
    font-size: 0.38em;
    color: #0787e3;
}




/* =========================
   PROJECTS OBJECT TYPE
   ========================= */

.projects-object-type-objects {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}

.projects-object-type-flags-nav {
    font-size: 1.0rem;
    margin-bottom: 2rem;
    line-height: 1.7em;
}

.projects-object-type-flags-nav a {
    color: rgb(65, 65, 65);
    text-decoration: none;
    transition: color 0.2s ease;
}

.projects-object-type-flags-nav a:hover {
    color: rgb(65, 65, 65);
    text-decoration: underline;
}

.projects-object-type-flag-group {
    margin-bottom: 2rem;
    scroll-margin-top: 2rem;
}

.projects-object-type-flag-title {
    color: rgb(65, 65, 65);
    margin: 0 0 1rem 0;
    font-size: 1.125rem;
    line-height: 1.3em;
    font-weight: 700;
    text-transform: uppercase;
}

.projects-object-type-flag-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.8rem;
}

.projects-object-type-object-card {
    position: relative;
    background: rgb(245,245,245);
    border: 1px solid #e6e6e6;
    border-radius: 0.75rem;
    padding: 1.25rem 1.35rem;
    transition: box-shadow 0.2s ease, border-color 0.2s ease;
}

.projects-object-type-object-card:hover {
    border-color: rgb(210,210,210);
    box-shadow: 0 0.25rem 1rem rgba(0,0,0,0.14);
}

.projects-object-type-object-title {
    margin: 0 0 0.65rem 0;
    font-size: 0.875rem;
    line-height: 1.4em;
    text-transform: uppercase;
}

.projects-object-type-object-location {
    margin-bottom: 0.95rem;
    font-size: 0.875rem;
    line-height: 1.5em;
    color: #666;
}

.projects-object-type-object-meta {
    display: grid;
    gap: 0.45rem;
    margin: 0;
}

.projects-object-type-object-meta-row {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    font-size: 0.875rem;
    line-height: 1.45em;
}

.projects-object-type-object-meta dt {
    margin: 0;
    color: #777;
    font-weight: 400;
}

.projects-object-type-object-meta dt::after {
    content: ":";
}

.projects-object-type-object-meta dd {
    margin: 0;
}

.projects-object-type-object-meta a {
    color: #0787e3;
    text-decoration: none;
    transition: color 0.2s ease;
    font-weight: 600;
}

.projects-object-type-object-meta a:hover {
    color: #0056b3;
    text-decoration: underline;
}

.projects-object-type-empty {
    background: rgb(250,250,250);
    border-radius: 0.75rem;
    padding: 1.5rem;
    font-size: 0.875rem;
    color: #666;
}

.projects-object-type-object-meta sup {
    position: relative;
    top: -0.8em;
    font-size: 0.38em;
    color: #0787e3;
}






/* =========================
   PROJECTS COMPANY
   ========================= */

.projects-company-objects {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}

.projects-company-flags-nav {
    font-size: 1.0rem;
    margin-bottom: 2rem;
    line-height: 1.7em;
}

.projects-company-flags-nav a {
    color: rgb(65, 65, 65);
    text-decoration: none;
    transition: color 0.2s ease;
}

.projects-company-flags-nav a:hover {
    color: rgb(65, 65, 65);
    text-decoration: underline;
}

.projects-company-flag-group {
    margin-bottom: 2rem;
    scroll-margin-top: 2rem;
}

.projects-company-flag-title {
    color: rgb(65, 65, 65);
    margin: 0 0 1rem 0;
    font-size: 1.125rem;
    line-height: 1.3em;
    font-weight: 700;
    text-transform: uppercase;
}

.projects-company-flag-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
}

.projects-company-object-card {
    position: relative;
    background: rgb(245,245,245);
    border: 1px solid #e6e6e6;
    border-radius: 0.75rem;
    padding: 1.25rem 1.35rem;
    transition: box-shadow 0.2s ease, border-color 0.2s ease;
}

.projects-company-object-card:hover {
    border-color: rgb(210,210,210);
    box-shadow: 0 0.25rem 1rem rgba(0,0,0,0.14);
}

.projects-company-object-title {
    margin: 0 0 0.65rem 0;
    font-size: 0.875rem;
    line-height: 1.4em;
    text-transform: uppercase;
}

.projects-company-object-location {
    margin-bottom: 0.95rem;
    font-size: 0.875rem;
    line-height: 1.5em;
    color: #666;
}

.projects-company-object-meta {
    display: grid;
    gap: 0.45rem;
    margin: 0;
}

.projects-company-object-meta-row {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    font-size: 0.875rem;
    line-height: 1.45em;
}

.projects-company-object-meta dt {
    margin: 0;
    color: #777;
    font-weight: 400;
}

.projects-company-object-meta dt::after {
    content: ":";
}

.projects-company-object-meta dd {
    margin: 0;
}

.projects-company-object-meta a {
    color: #0787e3;
    text-decoration: none;
    transition: color 0.2s ease;
    font-weight: 600;
}

.projects-company-object-meta a:hover {
    color: #0056b3;
    text-decoration: underline;
}

.projects-company-empty {
    background: rgb(250,250,250);
    border-radius: 0.75rem;
    padding: 1.5rem;
    font-size: 0.875rem;
    color: #666;
}

.projects-company-object-meta sup {
    position: relative;
    top: -0.8em;
    font-size: 0.38em;
    color: #0787e3;
}






/* =========================
   PROJECTS COUNTRY
   ========================= */

.projects-country-objects {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}

/* ===== НАВИГАЦИЯ ПО РЕГИОНАМ ===== */

.projects-country-flags-nav {
    font-size: 0.9rem;
    margin-bottom: 2rem;
    line-height: 1.7em;
}

.projects-country-flags-nav a {
    color: rgb(65, 65, 65);
    text-decoration: none;
    transition: color 0.2s ease;
}

.projects-country-flags-nav a:hover {
    color: rgb(65, 65, 65);
    text-decoration: underline;
}

/* ===== СЕТКА РЕГИОНОВ ===== */

.projects-country-regions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 3rem 2.5rem;
    align-items: stretch;
}

.projects-country-region-group {
    display: flex;
    flex-direction: column;
    gap: 1rem;

    min-width: 0;
    width: 100%;

    scroll-margin-top: 1rem;
}

.projects-country-region-title {
    color: rgb(65, 65, 65);
    margin: 0;

    font-size: 1.125rem;
    line-height: 1.3em;
    font-weight: 700;
    text-transform: uppercase;
}

/* ===== КАРТОЧКА РЕГИОНА ===== */

.projects-country-object-card {
    display: flex;
    flex-direction: column;

    width: 100%;
    min-width: 0;
    height: 100%;

    box-sizing: border-box;

    position: relative;

    background: rgb(245,245,245);
    border: 1px solid #e6e6e6;
    border-radius: 0.75rem;

    padding: 1.25rem 1.35rem;

    color: rgb(45,45,45);
    text-decoration: none;

    transition:
        box-shadow 0.2s ease,
        border-color 0.2s ease,
        transform 0.2s ease;
}

.projects-country-object-card:hover {
    border-color: rgb(210,210,210);
    box-shadow: 0 0.25rem 1rem rgba(0,0,0,0.14);
    text-decoration: none;
    transform: translateY(-1px);
}

/* первая строка: 16 объектов · 5 заказчиков */

.projects-country-object-location {
    margin: 0 0 1.5rem 0;

    font-size: 0.875rem;
    line-height: 1.5em;

    color: rgb(45,45,45);
    font-weight: 500;
}

/* смысловой блок внутри карточки */

.projects-country-object-block {
    display: flex;
    flex-direction: column;

    gap: 0.35rem;
    margin-bottom: 1.35rem;
}

.projects-country-object-label {
    color: #777;

    font-size: 0.875rem;
    line-height: 1.4em;
}

.projects-country-object-text {
    color: rgb(45,45,45);

    font-size: 0.875rem;
    line-height: 1.6em;
}

/* кнопка Подробнее */

.projects-country-object-more {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 42%;
    max-width: 9rem;
    min-width: 7rem;

    height: 2.15rem;

    padding: 0 0.9rem;

    margin-top: auto;

    align-self: flex-start;

    border-radius: 0.35rem;

    background: #1e88e5;
    color: #fff;

    font-size: 0.8125rem;
    font-weight: 500;
    line-height: 1;

    text-decoration: none;

    transition:
        background 0.2s ease,
        transform 0.2s ease,
        box-shadow 0.2s ease;

    box-shadow: 0 0.15rem 0.45rem rgba(30,136,229,0.22);
}

.projects-country-object-card:hover .projects-country-object-more {
    background: #1976d2;
    transform: translateY(-1px);
    box-shadow: 0 0.25rem 0.75rem rgba(30,136,229,0.3);
}

/* ===== ПУСТОЙ БЛОК ===== */

.projects-country-empty {
    background: rgb(250,250,250);
    border-radius: 0.75rem;
    padding: 1.5rem;
    font-size: 0.875rem;
    color: #666;
}

/* ===== ВЕРХНЯЯ НАВИГАЦИЯ ПО СТРАНАМ ===== */

.projects-country-top-nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1.125rem;
    margin: 1.5rem 0 1.5rem;
    font-size: 0.95rem;
}

.projects-country-top-nav a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;

    width: 10rem; /* одинаковая ширина */

    padding: 0.35rem 1.125rem;

    border: 0.0625rem solid #d3d3d3;
    border-radius: 0.35rem;

    background: #fff;

    color: #414141;
    text-decoration: none;
    font-weight: 500;

    transition:
        background-color .15s ease,
        border-color .15s ease;
}

.projects-country-top-nav a:hover {
    background: #f8f8f8;
    border-color: #bcbcbc;
}

.projects-country-top-nav .flag {
    font-size: 1.35rem;
    line-height: 1;
    flex-shrink: 0;
}










/* =========================
   PROJECTS INDUSTRY
   ========================= */

.projects-industry-objects {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}

/* ===== НАВИГАЦИЯ ПО ТИПАМ ОБЪЕКТОВ ===== */

.projects-industry-flags-nav {
    font-size: 0.9rem;
    margin-bottom: 2rem;
    line-height: 1.7em;
}

.projects-industry-flags-nav a {
    color: rgb(65, 65, 65);
    text-decoration: none;
    transition: color 0.2s ease;
}

.projects-industry-flags-nav a:hover {
    color: rgb(65, 65, 65);
    text-decoration: underline;
}

/* ===== СЕТКА ТИПОВ ОБЪЕКТОВ ===== */

.projects-industry-regions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 3rem 2.5rem;
    align-items: stretch;
}

.projects-industry-region-group {
    display: flex;
    flex-direction: column;
    gap: 1rem;

    min-width: 0;
    width: 100%;

    scroll-margin-top: 1rem;
}

.projects-industry-region-title {
    color: rgb(65, 65, 65);
    margin: 0;

    font-size: 1.125rem;
    line-height: 1.3em;
    font-weight: 700;
    text-transform: uppercase;
}

/* ===== КАРТОЧКА ТИПА ОБЪЕКТА ===== */

.projects-industry-object-card {
    display: flex;
    flex-direction: column;

    width: 100%;
    min-width: 0;
    height: 100%;

    box-sizing: border-box;

    position: relative;

    background: rgb(245,245,245);
    border: 1px solid #e6e6e6;
    border-radius: 0.75rem;

    padding: 1.25rem 1.35rem;

    color: rgb(45,45,45);
    text-decoration: none;

    transition:
        box-shadow 0.2s ease,
        border-color 0.2s ease,
        transform 0.2s ease;
}

.projects-industry-object-card:hover {
    border-color: rgb(210,210,210);
    box-shadow: 0 0.25rem 1rem rgba(0,0,0,0.14);
    text-decoration: none;
    transform: translateY(-1px);
}

/* первая строка */

.projects-industry-object-location {
    margin: 0 0 1.5rem 0;

    font-size: 0.875rem;
    line-height: 1.5em;

    color: rgb(45,45,45);
    font-weight: 500;
}

/* смысловой блок внутри карточки */

.projects-industry-object-block {
    display: flex;
    flex-direction: column;

    gap: 0.35rem;
    margin-bottom: 1.35rem;
}

.projects-industry-object-label {
    color: #777;

    font-size: 0.875rem;
    line-height: 1.4em;
}

.projects-industry-object-text {
    color: rgb(45,45,45);

    font-size: 0.875rem;
    line-height: 1.6em;
}

/* кнопка Подробнее */

.projects-industry-object-more {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 42%;
    max-width: 9rem;
    min-width: 7rem;

    height: 2.15rem;

    padding: 0 0.9rem;

    margin-top: auto;

    align-self: flex-start;

    border-radius: 0.35rem;

    background: #1e88e5;
    color: #fff;

    font-size: 0.8125rem;
    font-weight: 500;
    line-height: 1;

    text-decoration: none;

    transition:
        background 0.2s ease,
        transform 0.2s ease,
        box-shadow 0.2s ease;

    box-shadow: 0 0.15rem 0.45rem rgba(30,136,229,0.22);
}

.projects-industry-object-card:hover .projects-industry-object-more {
    background: #1976d2;
    transform: translateY(-1px);
    box-shadow: 0 0.25rem 0.75rem rgba(30,136,229,0.3);
}

/* ===== ПУСТОЙ БЛОК ===== */

.projects-industry-empty {
    background: rgb(250,250,250);
    border-radius: 0.75rem;
    padding: 1.5rem;
    font-size: 0.875rem;
    color: #666;
}

/* ===== ВЕРХНЯЯ НАВИГАЦИЯ ПО ОТРАСЛЯМ ===== */

.projects-industry-top-nav {
    text-align: center;
    text-transform: uppercase;
    font-size: 0.95rem;
    line-height: 1.7em;
    margin: 1rem 0;
}

.projects-industry-top-nav a {
    color: rgb(65, 65, 65);
    text-decoration: none;
    transition: color 0.2s ease;
}

.projects-industry-top-nav a:hover {
    text-decoration: underline;
}







.home-articles-item {
    display: grid;
    grid-template-columns: 1fr !important;
    gap: 0.8rem; /* отстыпы между карточками */
}


/*НОВЫЕ стили статей на главной*/

/* =========================
   HOME ARTICLES
   ========================= */




.home-articles-list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.2rem; /* отстыпы между карточками */
}

.home-articles-card {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;

    border: 1px solid #e6e6e6;

    background: rgb(250,250,250);   /* ЕДИНЫЙ СЕРЫЙ ФОН */

    border-radius: 0.75rem;
    overflow: hidden;

    transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

.home-articles-card:hover {
    box-shadow: 0 0.25rem 1rem rgba(0,0,0,0.14); /* твоя тень без изменений */
}



.home-articles-card .home-articles-image {
    display: block;
    flex: 0 0 auto;
    aspect-ratio: 16 / 10;
    overflow: hidden;
    
    border: 1px solid #e6e6e6;
    border-radius: 0.75rem;
}

.home-articles-card .home-articles-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border: 0 !important;
    border-radius: 0.75rem;
}

.home-articles-card .home-articles-desc {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem 1.25rem 1.5rem 1.25rem;
    background-color: rgb(250,250,250);
    overflow: hidden;
}



.home-articles-card h2 {

    text-transform: uppercase;
    margin: 0.1em 0 0.6em 0;

}

.home-articles-card h3 {
    font-size: 1.0rem;
    line-height: 1.6em;
    text-align: left;
    color: rgb(7,135,227);
    text-transform: uppercase;
    margin: 0.1em 0 0.6em 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.home-articles-card h3 a {
    text-decoration: none;
    color: inherit;
    display: block;
}

.home-articles-card p {
    font-size: 0.8rem;
    line-height: 1.6em;
    color: rgb(65,65,65);
    text-align: left;
    margin: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.home-articles-card:hover h3 {
    color: rgb(7,135,227);
}

.home-articles-card:hover p {
    color: rgb(0,0,0);
}

.home-articles-card .placeholder {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0.875rem;
    background-color: rgb(250,250,250);
    z-index: 2;
}

.home-articles-card .cover-link {
    position: absolute;
    inset: 0;
    z-index: 5;
}


/* =========================
   HOVER: увеличение изображения СТАТЬИ
   ========================= */

.home-articles-card .home-articles-image {
    position: relative;
    overflow: hidden;
}

.home-articles-card .home-articles-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.home-articles-card:hover .home-articles-image img {
    transform: scale(1.04);
}







#map {
	height: 230px;
	width: 950px;
	margin-top: 1.5rem;        /* было 24px */
}
.under-slider {
	margin-top: 1.875rem;      /* было 30px */
}

/* branches page */
.branches {
	margin: 1.875rem 0;        /* было 30px */
}
.branches .col {
	text-align: center;
	height: 850px;
	padding: 0 0.9375rem;      /* было 15px */
	position: relative;
}
.branches .v-lined {
	position: relative;
}
.branches .v-lined:before {
	content:'';
	position: absolute;
	left: 155px;
	width: 1px;
	height: 100%;
	background: #0787E3;
}
.branches .slide-title {
	font-size: 1.125rem;       /* было 18px */
	line-height: 1.625;        /* было 26px */
	color: rgb(7,135,227);
	text-align: center;
	text-transform: uppercase;
	margin: 0 0 0.875rem 0;    /* было 14px */
	padding: 0;
}
.branches h2 {
	font-size: 1.125rem;       /* было 18px */
	line-height: 1.625;        /* было 26px */
	color: rgb(7,135,227);
	text-align: center;
	text-transform: uppercase;
	margin: 0 0 0.875rem 0;    /* было 14px */
	padding: 0;
}
.branches p.left {
	text-align: justify;
}
.branches .top, .branches .middle, .branches .bottom {
	background: #fff;
	position: relative;
	padding: 0 0 0.625rem 0;   /* было 10px */
}
.branches .middle {
	position: absolute;
	top: 215px;
	padding: 0.625rem 0;       /* было 10px */
	width: 280px;
}
.branches .bottom {
	position: absolute;
	bottom: 0;
	padding: 0.625rem 0;       /* было 10px */
	width: 280px;
}
.branches .tree {
	position: relative;
	top: 70px;
}

.col.attention {
	background-color: rgb(229,229,229);
	padding: 1.125rem 0;       /* было 18px */
	height: 95px;
}
.col.attention .ico {
	display: inline-block;
	vertical-align: middle;
	width: 60px;
	height: 55px;
	background: url(../img/icons.png) -165px -70px;
	margin: 0 0.625rem 0 1.875rem;  /* было 10px 30px */
}
.col.attention .text {
	display: inline-block;
	vertical-align: middle;
	font-size: 0.875rem;       /* было 14px */
	line-height: 1.25rem;      /* было 20px */
	text-align: left;
}

/* sidebar */
.sidebar {
	background-color: rgb(7,135,227);
	color: #fff !important;
	padding: 0.3125rem 1.25rem 2.1875rem 1.6875rem;  /* было 5px 20px 35px 27px */
}
.sidebar .slide-title {
	font-size: 1.125rem;      /* было 18px */
	line-height: 1.625;       /* было 26px */
	color: rgb(255,254,254);
}
.sidebar p + .slide-title, .sidebar ul + .slide-title {
	margin-top: 1.875rem;     /* было 30px */
}
/*.sidebar h2 {
	font-size:18px;
	line-height: 26px;
	color:rgb(255,254,254);
}
.sidebar p + h2, .sidebar ul + h2 {
	margin-top: 30px;
}*/
.sidebar p {
	font-size: 0.875rem;      /* было 14px */
	line-height: 1.57;        /* было 22px */
	color: rgb(255,254,254);
	margin-left: 0.625rem;    /* было 10px */
}
.sidebar ul {
	margin-left: 0.625rem;    /* было 10px */
}
.sidebar ul > li {
	padding: 0 0 0 1rem;      /* было 16px */
}
.sidebar ul li {
	position: relative;
	font-size: 0.875rem;      /* было 14px */
	line-height: 1.57;        /* было 22px */
}
.sidebar ul > li:before {
	content: '•';
    padding-right: 0.5em;
    font-size: 0.875rem;     /* было 14px */
    line-height: 1.57;       /* было 22px */
    color: #fff;
	position: absolute;
	left: 0;
}
.sidebar p img {
	margin-left: -0.625rem;   /* было -10px */
}



/* pagination */
.pagination-container {
    margin: 0;
}

.pagination-container.left {
    text-align: left;
}

.pagination-container.center {
    text-align: center;
}

.pagination-container.right {
    text-align: right;
}

.MarkupPagerNav {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.MarkupPagerNav li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.MarkupPagerNav a {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 1.9rem;
    height: 1.9rem;
    box-sizing: border-box;

    color: #fff;
    text-decoration: none;
    background-color: rgb(7,135,227);
    box-shadow: 0 0.056rem 0.222rem rgba(0,0,2,0.4);
}

.MarkupPagerNav a:hover {
    background-color: rgb(28,155,249);
}

.MarkupPagerNav .MarkupPagerNavOn a {
    background-color: rgb(173,173,173);
    cursor: default;
}

.MarkupPagerNav .MarkupPagerNavSeparator {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1rem;
    color: rgb(65,65,65);
}

.MarkupPagerNav a span {
    font-size: 0.875rem;   /*размер шрифта пагинации */
}

.MarkupPagerNav .MarkupPagerNavPrevious a span,
.MarkupPagerNav .MarkupPagerNavNext a span {
    font-size: 0;
    line-height: 0;
}

.MarkupPagerNav .MarkupPagerNavPrevious a span::before,
.MarkupPagerNav .MarkupPagerNavNext a span::before {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    font-size: 1.35rem;
    transform: translateY(-0.1rem); /* подними */
}

.MarkupPagerNav .MarkupPagerNavPrevious a span::before {
    content: "‹";
}

.MarkupPagerNav .MarkupPagerNavNext a span::before {
    content: "›";
}




/* article list */
.article-list {
	padding: 0 0 0 1.875rem;    /* было 30px */
}
.article-list article {
	position: relative;
}
.article-list article + article {
	margin-top: 1.875rem;       /* было 30px */
}
.article-list article img {
	width: 100%;
}
.article-list article h3 {
	font-size: 0.875rem;        /* было 14px */
	line-height: 1.57;          /* было 22px */
	color: rgb(65,65,65);
	margin: 0.625rem 0 0 0;     /* было 10px */
	text-transform: uppercase;
    	-webkit-transition: all 0.3s ease; 
    	-moz-transition: all 0.3s ease; 
    	transition: all 0.3s ease; 
}
.article-list article:hover h3 {
	color: rgb(7,135,227);
}

/* article row */
.article-row {
	margin: 0 0 1.875rem 0;     /* было 30px */
}
.article-row article {
	position: relative;
	padding: 0 1.875rem 0 0;    /* было 30px */
}
.article-row article + article {
	padding: 0 0.9375rem;       /* было 15px */
}
.article-row article + article + article {
	padding: 0 0 0 1.875rem;    /* было 30px */
}
.article-row article img {
	width: 100%;
}
.article-row article h3 {
	font-size: 0.875rem;        /* было 14px */
	line-height: 1.57;          /* было 22px */
	color: rgb(65,65,65);
	margin: 1rem 0 0.75rem 0;   /* было 16px 12px */
	text-transform: uppercase;
    	-webkit-transition: all 0.3s ease; 
    	-moz-transition: all 0.3s ease; 
    	transition: all 0.3s ease; 
}
.article-row article:hover h3 {
	color: rgb(7,135,227);
}
.article-row article p {
	font-size: 0.875rem;        /* было 14px */
	line-height: 1.57;          /* было 22px */
	color: rgb(65,65,65);
}
.article-row article:hover p {
	text-decoration: underline;
}



.row.head {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    margin-top: 1.15rem;   /* было 15px */
    align-items: flex-start;
}


/* =========================
   НОВЫЙ grid товаров
   ========================= */
.product-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 0.85rem;
}


/* =========================
   НОВЫЙ карточка
   ========================= */
.product-card {
    position: relative;
    border: 1px solid #e6e6e6;
    background: #fff;

    border-radius: 0.75rem;        /* скругление */
    overflow: hidden;              /* обрезает картинку по углам */

    display: flex;
    flex-direction: column;
    height: 100%;
    text-align: center;

    transition: box-shadow 0.3s ease;
}

.product-card:hover {
    box-shadow: 0 0.25rem 1rem rgba(0,0,0,0.14);
}

/* =========================
   НОВЫЙ cover-link (вся карточка кликабельна)
   ========================= */
.product-card .cover-link {
    position: absolute;
    inset: 0;
    z-index: 1;
}


/* =========================
   НОВЫЙ картинка
   ========================= */
.product-image {
    display: block;
    text-decoration: none;
}

.product-image img {
    display: block;
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: contain;
    background: #fff;
}


/* =========================
   НОВЫЙ заголовок для ГЛАВНОЙ
   ========================= */
.home-product-title {
    margin: 0.5rem 0;
    padding: 0 0.625rem;

    height: 2.75rem;              /* фикс под 2 строки */

    display: flex;
    align-items: center;          /* центр по высоте */
    justify-content: center;      /* центр по горизонтали */

    text-align: center;

    position: relative;
    z-index: 2;
}

.home-product-title a {
    display: -webkit-box;
    -webkit-line-clamp: 2;        /* максимум 2 строки */
    -webkit-box-orient: vertical;
    overflow: hidden;

    font-size: 0.875rem;
    line-height: 1.5;
    text-transform: uppercase;

    color: rgb(65,65,65);
    text-decoration: none;
    transition: color 0.3s ease;
}

.home-product-card:hover .home-product-title a {
    color: rgb(7,135,227);
}





/* =========================
   НОВЫЙ заголовок для всех
   ========================= */
.product-title {
    margin: 0.5rem 0;
    padding: 0 0.625rem;

    height: 3.0rem;              /* фикс под 3 строки */

    display: flex;
    align-items: center;          /* центр по высоте */
    justify-content: center;      /* центр по горизонтали */

    text-align: center;

    position: relative;
    z-index: 2;
}

.product-title a {
    display: -webkit-box;
    -webkit-line-clamp: 3;        /* максимум 3 строки */
    -webkit-box-orient: vertical;
    overflow: hidden;

    font-size: 0.875rem;
    line-height: 1.3;
    /*text-transform: uppercase;*/

    color: rgb(65,65,65);
    text-decoration: none;
    transition: color 0.3s ease;
}

.product-card:hover .home-product-title a {
    color: rgb(7,135,227);
}


/* =========================
   НОВЫЙ кнопка
   ========================= */
.product-actions {
    margin-top: auto;
    padding: 0.0rem 0.625rem 0 0.625rem;

    display: flex;
    justify-content: center;   /* центр по горизонтали */
}

.product-actions .button_blue3 {
    display: inline-flex;      /* важно */
    align-items: center;
    justify-content: center;

    width: auto;               /* НЕ растягиваем */
    min-width: auto;           /* убираем ограничения */
    
    padding: 0.4rem 1.5rem;   /* размер кнопки вокруг Подробнее*/
    
    white-space: nowrap;       /* чтобы не ломало кнопку */
}

/* hover кнопки от карточки */
.product-card:hover .button_blue3 {
    background-color: #056dc2;
}





/* news list */
.buc.giant {	
	display: inline-block;
	vertical-align: middle;
	font-size: 2.25rem;         /* было 36px */
	font-weight: bold;
	line-height: 3.375rem;      /* было 54px */
	height: 56px;
	text-align: center;
	color: rgb(255,255,255);
	width: 56px;
	background-color: rgb(7,135,227);
	margin-right: 0.625rem;     /* было 10px */
	float: left;
	margin: 0.3125rem 0.625rem 0.3125rem 0;  /* было 5px 10px 5px 0 */
}
.news-list {
	padding: 0 0 0 1.875rem;    /* было 30px */
}
.news-list article {
	position: relative;
}
.news-list article + article {
	margin-top: 1.25rem;        /* было 20px */
}
.news-list article img {
	width: 100%;
}
.news-list article h3 {
	font-size: 0.875rem;        /* было 14px */
	line-height: 1.57;          /* было 22px */
	color: rgb(65,65,65);
	margin: -0.25rem 0 0 0;     /* было -4px */
	text-transform: uppercase;
    	-webkit-transition: all 0.3s ease; 
    	-moz-transition: all 0.3s ease; 
    	transition: all 0.3s ease; 
}
.news-list article:hover h3 {
	color: rgb(7,135,227);
}
.news-list article .buc {
	display: inline-block;
	vertical-align: middle;
	font-size: 1.75rem;         /* было 28px */
	font-weight: bold;
	line-height: 2.375rem;      /* было 38px */
	height: 40px;
	text-align: center;
	color: rgb(255,255,255);
	width: 40px;
	background-color: rgb(7,135,227);
	margin-right: 0.625rem;     /* было 10px */
	float: left;
	margin-bottom: 0.75rem;     /* было 12px */
}
.news-list article.active a {
	cursor: default;
}
.news-list article.active h3, .news-list article.active .date {
	color: rgb(171,170,170);
}
.news-list article.active .buc {
	background-color: rgb(171,170,170);
}


/* news row */
.news-row {
	margin: 0 0 1.875rem 0;     /* было 30px */
}
.news-row article {
	position: relative;
	padding: 0 1.875rem 0 0;    /* было 30px 0px 0 */
}
.news-row article + article {
	padding: 0 0.9375rem;       /* было 15px */
}
.news-row article + article + article {
	padding: 0 0 0 1.875rem;    /* было 30px */
}
.news-row article img {
	width: 100%;
}
.news-row article h3 {
	font-size: 0.875rem;        /* было 14px */
	line-height: 1.57;          /* было 22px */
	color: rgb(65,65,65);
	margin: -0.25rem 0 0.75rem 0;  /* было -4px 0 12px 0 */
	text-transform: uppercase;
    	-webkit-transition: all 0.3s ease; 
    	-moz-transition: all 0.3s ease; 
    	transition: all 0.3s ease; 
}
.news-row article:hover h3 {
	color: rgb(7,135,227);
}

.news-row article .h3-small,
.news-list article .h3-small
{
	overflow: hidden;
	height: 41px;
}

.article-row article h3, .article-list article h3
{
	overflow: hidden;
	height: 44px;
}

/* отступы заголовков от картинок в разделе Все Продукты */

/* резерв под 2 строки названия в товарах */
.product-row product h3,
.product-list product h3 {
  overflow: hidden;
  height: 2.75rem;          /* было 44px */
  display: flex;
  justify-content: center;
  align-items: flex-start;
  text-align: center;
  word-wrap: normal;
  word-break: keep-all;
}

/* резерв под 2 строки названия НА ГЛАВНОЙ */
.home-product-row product h3,
.home-product-list product h3 {
  overflow: hidden;
  height: 2.75rem;          /* было 44px */
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  word-wrap: normal;
  word-break: keep-all;
}



.news-row article p {
	font-size: 0.875rem;       /* было 14px */
	line-height: 1.57;         /* было 22px */
	color: rgb(65,65,65);
}
.news-row article:hover p {
	text-decoration: underline;
}
.news-row article .date {
	font-size: 0.875rem;       /* было 14px */
	line-height: 0.875rem;     /* было 14px */
	color: rgb(65,65,65);
	margin-top: 1.25rem;       /* было 20px */
}
.news-row article .buc {
	display: inline-block;
	vertical-align: middle;
	font-size: 1.75rem;        /* было 28px */
	font-weight: bold;
	line-height: 2.375rem;     /* было 38px */
	height: 40px;
	text-align: center;
	color: rgb(255,255,255);
	width: 40px;
	background-color: rgb(7,135,227);
	margin-right: 0.625rem;    /* было 10px */
	float: left;
	margin-bottom: 0.75rem;    /* было 12px */
}




.article-list img, .article-row img {
/*	border: 1px solid #0787E3; #@wsc*/
}


.product-list img, .product-row img {
/*	border: 1px solid #0787E3; #@wsc*/
}

.styled, .pintable, .pintable0 {
	border-collapse: collapse; 
	margin-bottom: 0.625rem;    /* было 10px */
}

.styled th, .pintable th, .pintable thead td {
	background: #3A8AE4; 
	border: 1px solid #fff; 
	color: #fff; 
	font-size: 1rem;            /* было 16px */
	font-weight: bold; 
	padding: 0.3125rem;         /* было 5px */
}

.styled td, .pintable td {
	background: #dbdbdb; 
	border: 1px solid #fff; 
	font-size: 0.875rem;        /* было 14px */
	padding: 0.3125rem;         /* было 5px */
}

.pintable0 th, .pintable0 td {
    padding: 0.3125rem;       /* было 5px */
}

.pintable th p, .pintable0 th p, .pintable td p, .pintable0 td p {
    padding: 0;
}



.form-control {
    background-color: #fff;
    background-image: none;
    border: 1px solid #a9a9a9;;
    /*border-radius: 4px;*/
    box-shadow: 0 0.0625rem 0.0625rem rgba(0, 0, 0, 0.075) inset;  /* было 1px 1px */
    color: #555;
    display: block;
    font-size: 0.875rem;        /* было 14px */
    height: 1.625rem;           /* было 26px */
    line-height: 1.42857;
    padding: 0.125rem 0.75rem;  /* было 2px 12px */
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 624px;
}
button, input, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
input {
    line-height: normal;
}
button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}
label {
    display: inline-block;
    /*font-weight: 700;*/
    margin-bottom: 0.3125rem;   /* было 5px */
    max-width: 100%;
}
.btn-default {
    background-color: #fff;
    border-color: #ccc;
    color: #333;
}
.btn {
    -moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 0.875rem;        /* было 14px */
    font-weight: 400;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 0.375rem 0.75rem;  /* было 6px 12px */
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}
.form-group {
    margin-bottom: 0.9375rem;   /* было 15px */
}
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: thin dotted;
  outline: 0.3125rem auto -webkit-focus-ring-color;      /* было 5px */
  outline-offset: -0.125rem;                             /* было -2px */
}
.btn:hover,
.btn:focus,
.btn.focus {
  color: #333333;
  text-decoration: none;
}
.btn:active,
.btn.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 0.1875rem 0.3125rem rgba(0, 0, 0, 0.125);  /* было 3px 5px */
  box-shadow: inset 0 0.1875rem 0.3125rem rgba(0, 0, 0, 0.125);          /* было 3px 5px */
}
.btn-default {
  color: #333333;
  background-color: #ffffff;
  border-color: #cccccc;
}
.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #333333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: #ffffff;
  border-color: #cccccc;
}
.btn-primary {
  color: #ffffff;
  background-color: #0099ff;/*#337ab7;*/
  border-color: #2e6da4;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #ffffff;
  background-color: #286090;/*#286090;*/
  border-color: #204d74;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-primary .badge {
  color: #337ab7;
  background-color: #ffffff;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
  color: #a94442;
}
.has-error .form-control {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 0.0625rem 0.0625rem rgba(0, 0, 0, 0.075);   /* было 1px 1px */
  box-shadow: inset 0 0.0625rem 0.0625rem rgba(0, 0, 0, 0.075);           /* было 1px 1px */
}
.has-error .form-control:focus {
  border-color: #843534;
  -webkit-box-shadow: inset 0 0.0625rem 0.0625rem rgba(0, 0, 0, 0.075), 0 0 0.375rem #ce8483;  /* было 1px 1px и 6px */
  box-shadow: inset 0 0.0625rem 0.0625rem rgba(0, 0, 0, 0.075), 0 0 0.375rem #ce8483;          /* было 1px 1px и 6px */
}
.has-error .input-group-addon {
  color: #a94442;
  border-color: #a94442;
  background-color: #f2dede;
}
.has-error .form-control-feedback {
  color: #a94442;
}

.has-error span {
  color: #a94442;
}

table.form {
	border-collapse: separate; 
	border-spacing: 0;
	padding-left: 1.875rem;   /* было 30px */
}

td.form-label-row {
	text-align: left;
	vertical-align: middle;
	width: 270px;
}

tr.spacer {
	height: 1.375rem;         /* было 22px */
}

.error {
	color: #333
}
div.block-lnk {
	padding: 0.25rem 1.25rem;  /* было 4px 20px */
	background-color: rgb(239,239,239);
	font-size: 0.75rem;        /* было 12px */
	line-height: 1.6em;
	text-align: center;
	transition: all 0.3s ease 0s;

}
div.block-lnk a {
	text-decoration: none;
	color: rgb(146, 146, 146);
}
div.block-lnk a:hover {
	text-decoration: underline;
	color: rgb(65, 65, 65);
}

div.block-ext {
	padding: 1rem 2.1875rem;   /* было 16px 35px */
	background-color: rgb(245,245,245); /*цвет плашки футера на главной*/
	font-size: 0.75rem;        /* было 12px */
	line-height: 1.6em;
	text-align: center;
	transition: all 0.3s ease 0s;
}

div.block-ext th {
	font-size: 0.875rem;       /* было 14px */
	line-height: 1.6em;
	text-transform: uppercase;
	text-align: left;
}

div.block-ext td {
	text-align: left;
}



div.block-ext a {
	text-decoration: none;
	color: rgb(146, 146, 146); /*цвет ссылок в футере на главной*/
}
div.block-ext a:hover {
	text-decoration: underline;
	color: rgb(65, 65, 65);
}


.basic-text a {
	/*text-decoration: underline;*/
	color: rgb(53, 53, 53);
}
.basic-text a:hover {
	/*text-decoration: underline;*/
	color: rgb(65, 65, 65);
}















































/******************** MOBILE ***********************/
@media (max-width: 768px) {

    html {
        font-size: 20px;
        overflow-x: hidden !important;
    }



    #wrapper {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 0.7rem !important;
        box-sizing: border-box !important;
    }



    #content {
        overflow: visible !important;
        padding: 0.7rem 0 0 0 !important;
        margin-top: -0.0rem !important;
    }

    .header-inner {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }


    footer {
        width: 100% !important;
        padding: 0.7rem !important;
        padding-top: 2.4rem !important; /* отступ сверху */
        margin-top: -0.5rem !important; /* подпись */
        box-sizing: border-box;
    }
    
    footer * {
        max-width: 100% !important;
    }
    
    footer p,
    .footer-ext p,
    .inner-footer p {
        padding: 0 0.1rem !important; /* подпись */
    }


    /*отступ пагинации от блоков сверху */
    .pagination-container {
        margin-top: 0.9rem !important;
    }




.basic-text hr {
	margin: 1.25rem 0 1.0rem;  /* было 40px 0 35px */
	border: 0;
	border-bottom: 1px solid rgb(221,221,221);
}
.basic-text hr + .cols-2 {
	padding-top: 0.3125rem;      /* было 5px */
}





/* базовый отступ */
/* если следующий обычный */
.row,
.row + .row,
.row-big + .row {
    margin-top: 0.7rem !important;
}

/* если следующий большой */
.row-big,
.row + .row-big,
.row-big + .row-big {
    margin-top: 1.7rem !important;
}


/* приподнимаем блоки выше на биле */
    .row.block-up {
        margin-top: -0.0rem !important;
    }
    

/*вывод в 2 равные колонки*/
    .two-cols {
        grid-template-columns: 1fr;
        gap: 0.5rem;
    }
    
    
/* вывод в 2 колонки соотношение 1 к 2*/
    .two-cols-1-2 {
        grid-template-columns: 1fr;
        gap: 0.5rem;
    }
    
    
/* вывод в 3 колонки соотношение КНОПКИ*/
.three-cols {
    grid-template-columns: 1fr;
    gap: 0.8rem;
    margin-top: 3rem; !important; /* или нужное вам значение */
}
        
    
    
    
/*вывод внутренних блоков в основных блоках*/    
    .inner-cols {
        grid-template-columns: 1fr; !important;
        gap: 0.5rem; !important;
    }
    
    .inner-block {
        flex-direction: column !important;
        gap: 0.5rem; !important;
    }




/*вывод примечания 437 ГК РФ по центру*/

.inner-block-2 p {
    display: flex;
    align-items: center;
    margin: 0;
    gap: 1.5rem;
    text-align: center;  /* ← добавить эту строку */
}








/* бренды на главной */
/* =========================
   БРЕНДЫ — МОБИЛЬНАЯ ВЕРСИЯ
   ========================= */

/* моб: 1 колонка */
.home-brands-list {
    grid-template-columns: 1fr !important;
}

/* убрать тень */
.home-brands-card:hover {
    box-shadow: none !important;
}

/* убрать дергание текста */
.home-brands-card:hover h3 {
    color: rgb(146,146,146) !important;
}

.home-brands-card:hover p {
    color: rgb(0,0,0) !important;
}

/* размеры текста */
.home-brands-card h3 {
    font-size: 0.95rem !important;
}

.home-brands-card p {
    font-size: 0.85rem !important;
}





/* вывод бренда на всю ширину */
.brand-content {
    width: 100% !important;
}

    .brands-content article p {
        display: none; /* Скрываем все абзацы */
    }
    
    .brands-content article p:first-child {
        display: block; /* Показываем только первый абзац */
    }

/* ===== МОБИЛКА: бренд в одну колонку ===== */

.brands-two-cols-1-2 {
    grid-template-columns: 1fr !important;
    gap: 1rem !important;
}

.brands-two-cols-1-2 .brands-image-col {
    display: none !important;
}

.brands-two-cols-1-2 .brands-image-col img {
    display: none !important;
}

.brands-two-cols-1-2 .brands-content {
    width: 100% !important;
    margin: 0 !important;
}

.brands-two-cols-1-2 .brands-content p {
    text-align: justify !important;
}


.home-brands-card .home-brands-image {
    display: block;
    flex: 0 0 auto;
    aspect-ratio: 2 / 1;
    overflow: hidden;
    
    border: 1px solid #e6e6e6;
    border-radius: 0.75rem;
}


/* отключаем zoom картинки */
.home-brands-card:hover .home-brands-image img {
    transform: none !important;
}

/* убираем анимацию, чтобы не было дергания при тапе */
.home-brands-card .home-brands-image img {
    transition: none !important;
}






/* =========================
   HOME DEVELOPMENTS MOBILE
   ========================= */



    .home-developments-list {
        grid-template-columns: 1fr !important;
        gap: 1rem !important;
    }

    .home-developments-card {
        border-radius: 0.75rem !important;
    }

    .home-developments-card:hover {
        box-shadow: none !important;
    }

    .home-developments-card .home-developments-image {
        aspect-ratio: 4 / 3 !important;
        border-radius: 0.75rem 0.75rem 0.75rem 0.75rem !important;
    }

    .home-developments-card .home-developments-image img {
        border-radius: 0.75rem 0.75rem 0 0 !important;
    }

    .home-developments-card .home-developments-desc {
        padding: 0.9rem 1rem 1rem 1rem !important;
    }

    .home-developments-card h2 {
        font-size: 0.95rem !important;
        line-height: 1.45em !important;
        margin: 0 0 0.55rem 0 !important;
    }

    .home-developments-card p {
        font-size: 0.85rem !important;
        line-height: 1.55em !important;

        min-height: calc(5 * 1.55em) !important;
        max-height: calc(5 * 1.55em) !important;
    }

    .home-developments-more {
        padding: 1rem 0 0 0 !important;
    }

    .home-developments-more a {
        width: 100% !important;
        max-width: 16rem !important;

        font-size: 0.85rem !important;
        padding: 0.65rem 1rem !important;
    }

    .home-developments-card .placeholder {
        display: none !important;
    }





/* вывод developments на 3/4 ширины */
.developments-content {
    width: 100% !important;
}

    .developments-content article p {
        display: none; /* Скрываем все абзацы */
    }
    
    .developments-content article p:first-child {
        display: block; /* Показываем только первый абзац */
    }


/* ===== МОБИЛКА: developments в одну колонку ===== */

.developments-two-cols-1-2 {
    grid-template-columns: 1fr !important;
    gap: 1rem !important;
}

.developments-two-cols-1-2 .developments-image-col {
    display: none !important;
}

.developments-two-cols-1-2 .developments-image-col img {
    width: 100% !important;
    height: auto !important;
}

.developments-two-cols-1-2 .developments-content {
    width: 100% !important;
    margin: 0 !important;
}

.developments-two-cols-1-2 .developments-content p {
    /*text-align: justify !important;*/
}



/* отключаем zoom картинки */
.home-developments-card:hover .home-developments-image img {
    transform: none !important;
}

/* убираем анимацию */
.home-developments-card .home-developments-image img {
    transition: none !important;
}









/* =========================
   HOME PROJECTS MOBILE
   ========================= */



.home-projects-list {
    grid-template-columns: 1fr !important;
    gap: 1rem !important;
}

.home-projects-card {
    border-radius: 0.75rem !important;
}

.home-projects-card:hover {
    box-shadow: none !important;
}

.home-projects-card .home-projects-image {
    aspect-ratio: 4 / 3 !important;
    border-radius: 0.75rem 0.75rem 0.75rem 0.75rem !important;
}

.home-projects-card .home-projects-image img {
    border-radius: 0.75rem 0.75rem 0 0 !important;
}

.home-projects-card .home-projects-desc {
    padding: 0.9rem 1rem 1rem 1rem !important;
}

.home-projects-card h2 {
    font-size: 0.95rem !important;
    line-height: 1.45em !important;
    margin: 0 0 0.55rem 0 !important;
}

.home-projects-card p {
    font-size: 0.85rem !important;
    line-height: 1.55em !important;

    min-height: calc(5.5 * 1.55em) !important;
    max-height: calc(5.5 * 1.55em) !important;
}

.home-projects-more {
    padding: 0.4rem 0 0 0 !important;
}

.home-projects-more a {
    width: 100% !important;
    max-width: 16rem !important;

    font-size: 0.85rem !important;
    padding: 0.65rem 1rem !important;
}

.home-projects-card .placeholder {
    display: none !important;
}





/* вывод projects на 3/4 ширины */
.projects-content {
    width: 100% !important;
}

/* скрываем все абзацы в описании projects */
.projects-content .projects-lead p {
    display: none;
}

/* показываем только первый абзац в описании projects */
.projects-content .projects-lead p:first-child {
    display: block;
    text-align: justify !important
}


/* ===== МОБИЛКА: projects в одну колонку ===== */

.projects-two-cols-1-2 {
    grid-template-columns: 1fr !important;
    gap: 1rem !important;
}

.projects-two-cols-1-2 .projects-image-col {
    display: none !important;
}

.projects-two-cols-1-2 .projects-image-col img {
    width: 100% !important;
    height: auto !important;
}

.projects-two-cols-1-2 .projects-content {
    width: 100% !important;
    margin: 0 !important;
}

.projects-two-cols-1-2 .projects-content p {
    /*text-align: justify !important;*/
}



/* отключаем zoom картинки */
.home-projects-card:hover .home-projects-image img {
    transform: none !important;
}

/* убираем анимацию */
.home-projects-card .home-projects-image img {
    transition: none !important;
}

















/* вывод projects-region на всю ширину */
.projects-region-content {
    width: 100% !important;
}

/* скрываем все абзацы и списки в описании projects-region */
.projects-region-content .projects-region-lead p,
.projects-region-content .projects-region-lead ul {
    display: none;
}

/* показываем только первый абзац в описании projects-region */
.projects-region-content .projects-region-lead p:first-child {
    display: block;
}

/* ===== МОБИЛКА: projects-region в одну колонку ===== */

.projects-region-two-cols-1-2 {
    grid-template-columns: 1fr !important;
    gap: 1rem !important;
}

.projects-region-two-cols-1-2 .projects-region-image-col {
    display: flex !important;
    justify-content: center;
}

.projects-region-two-cols-1-2 .projects-region-image-col img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    height: auto !important;
}

.projects-region-two-cols-1-2 .projects-region-content {
    width: 100% !important;
    margin: 0 !important;
}

.projects-region-two-cols-1-2 .projects-region-content p {
    text-align: justify !important;
}

.projects-region-flag-list {
    grid-template-columns: 1fr;
}

.projects-region-flags-nav {
    font-size: 0.95rem;
    line-height: 1.6em;
}







/* вывод projects-object-type на всю ширину */
.projects-object-type-content {
    width: 100% !important;
}

/* скрываем все абзацы и списки в описании projects-object-type */
.projects-object-type-content .projects-object-type-lead p,
.projects-object-type-content .projects-object-type-lead ul {
    display: none;
}

/* показываем только первый абзац в описании projects-object-type */
.projects-object-type-content .projects-object-type-lead p:first-child {
    display: block;
}

/* ===== МОБИЛКА: projects-object-type в одну колонку ===== */

.projects-object-type-two-cols-1-2 {
    grid-template-columns: 1fr !important;
    gap: 1rem !important;
}

.projects-object-type-two-cols-1-2 .projects-object-type-image-col {
    display: flex !important;
    justify-content: center;
}

.projects-object-type-two-cols-1-2 .projects-object-type-image-col img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    height: auto !important;
}

.projects-object-type-two-cols-1-2 .projects-object-type-content {
    width: 100% !important;
    margin: 0 !important;
}

.projects-object-type-two-cols-1-2 .projects-object-type-content p {
    text-align: justify !important;
}

.projects-object-type-flag-list {
    grid-template-columns: 1fr;
}

.projects-object-type-flags-nav {
    font-size: 0.85rem;
    line-height: 1.6em;
}








/* вывод projects-company на всю ширину */
.projects-company-content {
    width: 100% !important;
}

/* скрываем все абзацы и списки в описании projects-company */
.projects-company-content .projects-company-lead p,
.projects-company-content .projects-company-lead ul {
    display: none;
}

/* показываем только первый абзац в описании projects-company */
.projects-company-content .projects-company-lead p:first-child {
    display: block;
}

/* ===== МОБИЛКА: projects-company в одну колонку ===== */

.projects-company-two-cols-1-2 {
    grid-template-columns: 1fr !important;
    gap: 1rem !important;
}

.projects-company-two-cols-1-2 .projects-company-image-col {
    display: flex !important;
    justify-content: center;
}

.projects-company-two-cols-1-2 .projects-company-image-col img {
    display: block !important;
    width: 70% !important;
    max-width: 70% !important;
    height: auto !important;
}

.projects-company-two-cols-1-2 .projects-company-content {
    width: 100% !important;
    margin: 0 !important;
}

.projects-company-two-cols-1-2 .projects-company-content p {
    text-align: justify !important;
}

.projects-company-flag-list {
    grid-template-columns: 1fr;
}


.projects-company-flags-nav {
    font-size: 0.95rem;
    line-height: 1.6em;
}





/* вывод projects-country на всю ширину */
.projects-country-content {
    width: 100% !important;
}

/* скрываем все абзацы и списки в описании projects-country */
.projects-country-content .projects-country-lead p,
.projects-country-content .projects-country-lead ul {
    display: none;
}

/* показываем только первый абзац в описании projects-country */
.projects-country-content .projects-country-lead p:first-child {
    display: block;
}

/* ===== МОБИЛКА: projects-country в одну колонку ===== */

.projects-country-two-cols-1-2 {
    grid-template-columns: 1fr !important;
    gap: 1rem !important;
}

.projects-country-two-cols-1-2 .projects-country-image-col {
    display: flex !important;
    justify-content: center;
}

.projects-country-two-cols-1-2 .projects-country-image-col img {
    display: block !important;
    width: 70% !important;
    max-width: 70% !important;
    height: auto !important;
}

.projects-country-two-cols-1-2 .projects-country-content {
    width: 100% !important;
    margin: 0 !important;
}

.projects-country-two-cols-1-2 .projects-country-content p {
    text-align: justify !important;
}

.projects-country-flag-list {
    grid-template-columns: 1fr;
}


.projects-country-flags-nav {
    font-size: 0.95rem;
    line-height: 1.6em;
}



.projects-country-content .projects-country-lead {
    margin-bottom: 0 !important;
}

.projects-country-top-nav {
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;

    margin-top: 1.5rem !important;
    margin-bottom: 0.0rem !important;
}

.projects-country-top-nav a {
    width: 90%;
}






.projects-country-regions {
    grid-template-columns: 1fr;
}








/* вывод projects-industry на всю ширину */
.projects-industry-content {
    width: 100% !important;
}

/* скрываем все абзацы и списки в описании projects-industry */
.projects-industry-content .projects-industry-lead p,
.projects-industry-content .projects-industry-lead ul {
    display: none;
}

/* показываем только первый абзац в описании projects-industry */
.projects-industry-content .projects-industry-lead p:first-child {
    display: block;
}

/* ===== МОБИЛКА: projects-industry в одну колонку ===== */

.projects-industry-two-cols-1-2 {
    grid-template-columns: 1fr !important;
    gap: 1rem !important;
}

.projects-industry-two-cols-1-2 .projects-industry-image-col {
    display: flex !important;
    justify-content: center;
}

.projects-industry-two-cols-1-2 .projects-industry-image-col img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    height: auto !important;
}

.projects-industry-two-cols-1-2 .projects-industry-content {
    width: 100% !important;
    margin: 0 !important;
}

.projects-industry-two-cols-1-2 .projects-industry-content p {
    text-align: justify !important;
}

.projects-industry-flag-list {
    grid-template-columns: 1fr;
}

.projects-industry-flags-nav {
    font-size: 0.95rem;
    line-height: 1.6em;
}

.projects-industry-top-nav {
    text-align: center;
    text-transform: uppercase;
    font-size: 1rem;
    line-height: 1em;

    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.35rem;

    margin-top: 2rem !important;
    margin-bottom: 0;
}

.projects-industry-regions {
    grid-template-columns: 1fr;
}










/*статьи на главной*/
/* =========================
   СТАТЬИ — МОБИЛЬНАЯ ВЕРСИЯ
   ========================= */

/* общий блок */
/* моб: 1 колонка */
.home-articles-list {
    grid-template-columns: 1fr !important;
}

/* убрать тень */
.home-articles-card:hover {
    box-shadow: none !important;
}

/* убрать дергание текста */
.home-articles-card:hover h3 {
    color: rgb(146,146,146) !important;
}

.home-articles-card:hover p {
    color: rgb(0,0,0) !important;
}

/* размеры текста */
.home-articles-card h3 {
    font-size: 0.95rem !important;
}

.home-articles-card p {
    font-size: 0.85rem !important;
}



/*вывод новостей на 3/4 ширины*/
.article-content {
    width: 100% !important;
}


/* ===== МОБИЛКА: статья в одну колонку ===== */

.articles-two-cols-1-2 {
    grid-template-columns: 1fr !important;
    gap: 1rem !important; /* отступ между картинкой и текстом */
}

.articles-two-cols-1-2 .articles-image-col {
    display: none !important;
}

.articles-two-cols-1-2 .articles-image-col img {
    width: 100% !important;
    height: auto !important;
}

.articles-two-cols-1-2 .articles-content {
    width: 100% !important;
    margin: 0 !important;
}

.articles-two-cols-1-2 .articles-content p {
    /*text-align: justify !important;*/
}



/* отключаем zoom картинки */
.home-articles-card:hover .home-articles-image img {
    transform: none !important;
}

/* убираем анимацию */
.home-articles-card .home-articles-image img {
    transition: none !important;
}






/* ===== МОБИЛКА: новость в одну колонку ===== */


    .news-two-cols-1-2 {
        grid-template-columns: 1fr !important;
        gap: 1rem !important; /* отступ между картинкой и текстом */
    }

    .news-two-cols-1-2 .news-image-col {
        width: 100% !important;
    }

    .news-two-cols-1-2 .news-image-col img {
        width: 100% !important;
        height: auto !important;
    }

    .news-two-cols-1-2 .news-content {
        width: 100% !important;
        margin: 0 !important;
    }


    .news-two-cols-1-2 .news-content p {
        /*text-align: justify !important;*/
    }













/*вывод таблицы товара*/



  .specs-wrap {
    max-height: none !important;
    overflow: visible !important;
  }

.specs-wrap {
  max-height: none !important;
  overflow: visible !important;
}

/* скрыть остальные таблицы кроме главной */
.specs-norm,
.specs-props,
.specs-usage,
.specs-etim {
  display: none !important;
}

.specs-wrap.open .specs-props,
.specs-wrap.open .specs-usage,
.specs-wrap.open .specs-etim {
  display: block !important;
}

  .specs-wrap.open .specs-props,
  .specs-wrap.open .specs-etim {
    display: block !important;
  }

  .specs-more {
    display: block !important;
    margin-top: 0.5rem !important;
    text-align: center !important;
    font-size: 0.9rem !important;
    line-height: 1.3 !important;
    color: rgb(53,53,53) !important;
    text-decoration: none !important;
  }

  .specs-wrap.open + .specs-more {
    display: none !important;
  }

  .section-title {
    height: auto !important;
    line-height: 1.2 !important;
    padding: 0.5rem 0.75rem !important;
  }

  .param-name {
    padding: 0.4rem 0.6rem !important;
    height: auto !important;
    line-height: 1.3 !important;
    font-size: 0.9rem !important;
    overflow: visible !important;
    text-overflow: unset !important;
    vertical-align: top !important;
  }


  .specs-table td {
    padding: 0.4rem 0.6rem !important;
    height: auto !important;
    line-height: 1.3 !important;
    font-size: 0.9rem !important;
    overflow: visible !important;
    text-overflow: unset !important;
    vertical-align: top !important;
  }

  /* кнопка скрыть (по умолчанию скрыта) */
  .specs-less {
    display: none !important;
    margin-top: 0.5rem !important;
    text-align: center !important;
    font-size: 0.9rem !important;
    line-height: 1.3 !important;
    color: rgb(53,53,53) !important;
    text-decoration: none !important;
  }

  /* когда открыто */
  .specs-wrap.open + .specs-more {
    display: none !important;
  }

  .specs-wrap.open + .specs-more + .specs-less {
    display: block !important;
  }
  
  .section-title {
    background: #e6f2ff !important;   /* светло-синий */
    color: #000 !important;
}



/*вывод 3 отзыва в товаре*/
.three-cols-reviews {
    grid-template-columns: 1fr !important;
    gap: 1rem !important;
}

.reviews-row {
    margin-top: 1.2rem !important;
}

.three-cols-reviews .col {
    display: block !important;
    width: 100% !important;
}

.review-card {
    min-height: auto !important;
    padding: 1rem 0.9rem 1.1rem 0.9rem !important;
    border-radius: 0.75rem !important;
    font-size: 0.8125rem !important;   /* было 13px */
    line-height: 1.5 !important;
}

.review-header {
    min-height: auto !important;
}

.review-object {
    -webkit-line-clamp: 3 !important;
    max-height: none !important;
}

.review-text {
    margin-top: 0.8rem !important;
}


    

/*вывод карты компании*/

    .company-map iframe {
        aspect-ratio: 1 / 1;
    }
    
/*кнопка на 100% ширины*/    
    .button_blue {
        display: block !important;
        width: 100% !important;
        box-sizing: border-box;
        text-align: center;
    }



/*блок лого, корзина, меню гамбургер*/

header {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 0.7rem !important;
    box-sizing: border-box !important;
    overflow-x: clip !important;

    left: 0 !important;
    position: relative !important;
    z-index: 1000 !important;
}

.row {
    white-space: normal !important;
}

/* шапка */
header .row.head {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: auto 1fr auto !important;
    align-items: center !important;
    min-height: 3rem !important;
    margin-top: 0.625rem !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    position: relative !important;
    z-index: 1003 !important;
}

header .row.head > .col,
header .row.head > .col-left,
header .row.head > .col-center,
header .row.head > .col-right,
header .row.head > .mob-menu-col {
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    flex: none !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}

/* левый блок */
header .row.head > .col-left {
    grid-column: 1 !important;
    justify-self: start !important;
    display: block !important;
    position: relative !important;
    z-index: 1005 !important;
}

header .row.head > .col-left .main-link {
    display: inline-flex !important;
    align-items: center !important;
    text-decoration: none !important;
    position: relative !important;
    z-index: 1005 !important;
}

header .row.head > .col-left .logo {
    display: block !important;
    width: 2.3rem !important;
    height: 2.3rem !important;
    margin: 0 0.5rem 0 0 !important;
    flex: 0 0 auto !important;
}

/* по умолчанию текст бренда скрыт */
header .row.head > .col-left .brand-block {
    display: none !important;
}

/* корзина по центру */
header .row.head > .col-center {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 0 !important;
    z-index: 1005 !important;
}

header .row.head > .col-center .logo-cart {
    display: block !important;
    width: 1rem !important;
    height: 1rem !important;
    margin: 0 !important;
}

/* правый блок и значки скрыть */
header .row.head > .col-right,
header .row.head .logo-sk,
header .row.head .logo-mtk {
    display: none !important;
}

/* гамбургер */
header .mob-menu-col {
    grid-column: 3 !important;
    justify-self: end !important;
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
    z-index: 1006 !important;
}

header .mob-menu-toggle {
    width: 0.6rem !important;
    height: 0.8rem !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    cursor: pointer !important;
    position: relative !important;
    z-index: 1006 !important;
    right: 0.5rem !important;
}

header .mob-menu-toggle span {
    display: block !important;
    width: 1rem !important;
    height: 0.1rem !important;
    background: #333 !important;
    border-radius: 1px !important;
}

/* выпадающее меню */
header .head-nav-wrap {
    display: block !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: auto !important;
    margin: 0 !important;
    padding: 5.1rem 1.375rem 2.625rem 1.375rem !important; /*отступы пунктов меню*/
    box-sizing: border-box !important;
    background: #ffffff !important;
    z-index: 1001 !important;
    box-shadow: 0 10px 10px -8px rgba(0,0,0,0.3) !important;

    opacity: 0 !important;
    pointer-events: none !important;
    transform: translateY(-1rem) !important;

    transition: opacity 0.75s ease, transform 1.0s ease !important;
}

header .head-nav-wrap.open {
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
}

/* убираем "промелькнуло меню" */
header .head-nav-wrap nav {
    display: none;
}

header .head-nav-wrap.open nav {
    display: block;
}

/* когда меню открыто — показываем большой логоблок */
header:has(.head-nav-wrap.open) .row.head {
    align-items: start !important;
    min-height: 5rem !important;
}

header:has(.head-nav-wrap.open) .row.head > .col-left {
    align-self: start !important;
}

header:has(.head-nav-wrap.open) .row.head > .col-left .main-link {
    display: inline-flex !important;
    align-items: flex-start !important;
    text-decoration: none !important;
}

header:has(.head-nav-wrap.open) .row.head > .col-left .logo {
    width: 2.7rem !important;
    height: 2.7rem !important;
    margin: 0.11rem 0.5rem 0 0 !important;
}

header:has(.head-nav-wrap.open) .row.head > .col-left .brand-block {
    display: block !important;
}

header:has(.head-nav-wrap.open) .row.head > .col-left .brand-block .company-sub {
    display: block !important;
    margin: 0 !important;
    font-size: 0.8rem !important;
    line-height: 1.2 !important;
    color: rgb(65,65,65) !important;
    text-transform: uppercase !important;
    white-space: normal !important;
}

header:has(.head-nav-wrap.open) .row.head > .col-left .brand-block .brand-title {
    display: flex !important;
    align-items: flex-start !important;
    gap: 0.0rem !important;
    margin-top: 0.0rem !important;
}

header:has(.head-nav-wrap.open) .row.head > .col-left .brand-block .company-name,
header:has(.head-nav-wrap.open) .row.head > .col-left .brand-block .company-ssub {
    display: block !important;
    margin: 0 !important;
    font-size: 0.8rem !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    color: rgb(7,135,227) !important;
    text-transform: uppercase !important;
}

header:has(.head-nav-wrap.open) .row.head > .col-left .brand-block .regmark,
header:has(.head-nav-wrap.open) .row.head > .col-left .brand-block .regmark-01 {
    font-size: 0.35rem !important;
    line-height: 1 !important;
    color: rgb(7,135,227) !important;
    position: relative !important;
    top: -0.07rem !important;
    transform: translateX(5.5px);
}

/* корзину скрыть при открытом меню */
header:has(.head-nav-wrap.open) .row.head > .col-center {
    display: none !important;
}

/* меню ниже логоблока */
header .head-nav-wrap.open nav {
    margin-top: 0 !important;
}

header .head-nav-wrap.open nav ul {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

header .head-nav-wrap.open nav ul li {
    display: block !important;
    margin: 0 0 1.4rem 0 !important; /*отстыпы между пунктамив моб меню*/
    padding: 0 !important;
}

header .head-nav-wrap.open nav ul li:last-child {
    margin-bottom: 0 !important;
}

header .head-nav-wrap.open nav ul li a {
    display: block !important;
    padding: 0 0 0 0 !important;
    font-size: 0.9rem !important;
    line-height: 1.1 !important;
    text-transform: none !important;
    text-align: left !important;
    text-decoration: none !important;
    white-space: normal !important;
    color: rgb(0,0,0) !important;
    border-bottom: 0 !important;
    font-family: Tahoma, Geneva, sans-serif !important;
    margin-left: 2.5rem !important;
}

header .head-nav-wrap.open nav ul li a.active {
    color: rgb(7,135,227) !important;
    font-weight: 700 !important;
}

header .head-nav-wrap.open nav ul li a:hover {
    border-bottom: 0 !important;
}



/* превращаем гамбургер в крест */
header .mob-menu-toggle span {
    transition: all 0.3s ease;
}

header:has(.head-nav-wrap.open) .mob-menu-toggle span:nth-child(2) {
    opacity: 0;
}

header:has(.head-nav-wrap.open) .mob-menu-toggle span:nth-child(1) {
    transform: translateY(0.35rem) rotate(45deg);
}

header:has(.head-nav-wrap.open) .mob-menu-toggle span:nth-child(3) {
    transform: translateY(-0.35rem) rotate(-45deg);
}

/* опустить крест чуть ниже */
header:has(.head-nav-wrap.open) .mob-menu-toggle {
    transform: translateY(1.1rem);
}







/*слайдер баннер*/



[data-nosnippet],
[data-nosnippet] .bx-wrapper,
[data-nosnippet] .bx-viewport,
[data-nosnippet] .bxslider,
[data-nosnippet] .bxslider > li,
[data-nosnippet] .slide-item {
    height: calc(100vw - 1.25rem) !important;
    overflow: hidden !important;
}

[data-nosnippet] .bxslider img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    display: block !important;
}

[data-nosnippet] .bxslider .description {
    left: 1rem !important;
    right: 1rem !important;
    top: 3.75rem !important;
    bottom: 3.75rem !important;

    width: auto !important;
    max-width: none !important;
    margin: 0 !important;

    padding: 1.25rem 1.125rem !important;
    box-sizing: border-box !important;

    transform: none !important;

    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;

    overflow: hidden !important;
}

[data-nosnippet] .bxslider .descright {
    left: 1rem !important;
    right: 1rem !important;
}

[data-nosnippet] .bxslider .slide-item.current .description {
    top: 1rem !important;
    bottom: 1rem !important;
    opacity: 1 !important;
}

/* заголовки */
[data-nosnippet] .bxslider .description .slide-title,
[data-nosnippet] .bxslider .description h2 {
    display: block !important;
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;

    font-size: 1rem !important;
    line-height: 1.222rem !important;
    margin: 0 0 0.6667rem 0 !important;
}

/* текст */
[data-nosnippet] .bxslider .description p {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;

    font-size: 0.8rem !important;
    line-height: 1rem !important;
    margin: 0 0 0.5rem 0 !important;
}

/* кнопка */
[data-nosnippet] .bxslider .description a {
    display: inline-block !important;
    padding: 0.5rem 1rem !important;
    background: #0787e3 !important;
    color: #fff !important;
    text-decoration: none !important;
    border-radius: 6px !important;
    font-size: 0.8rem !important;
    margin: 0.5rem auto 0 auto !important;
}

/* блокируем органы пролистывания */
[data-nosnippet] .bx-prev,
[data-nosnippet] .bx-next,
[data-nosnippet] .bx-controls-direction,
[data-nosnippet] .bx-pager,
[data-nosnippet] .bx-default-pager {
    display: none !important;
}






/*лого сколково и мтк*/



    .mobile-logos {
        width: 100%;
        margin: 1rem 0 0rem 0;   /* 20px 0 14px 0 */
        padding: 0 0.5rem;         /* 10px */
        box-sizing: border-box;
    
        display: flex;
        flex-direction: row;
        gap: 1.5rem;               /* 30px */
    }
    
    .mobile-logo {
        flex: 1 1 0;
        height: 2.25rem;           /* 45px */
    
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
    
        background-color: transparent !important;
        box-shadow: none !important;
        border-radius: 0 !important;
    }
    
    /* СКОЛКОВО */
    .logo-skolkovo {
        background-image: url('/site/templates/img/logo-sk.png');
        filter: grayscale(0%);
    }
    
    /* МТК */
    .logo-mtk {
        background-image: url('/site/templates/img/logo-mtk.png');
        filter: grayscale(0%);
    }


    /*цвет при клике*/
    
    .mobile-logo {
        transition: filter 0.2s ease;
    }
    
    .mobile-logo:active,
    .mobile-logo:hover {
        filter: grayscale(0%) !important;
    }







    /*бренды 3 шт*/
    
    .brands-block {
        width: 100% !important;
        margin: 0 auto 0.75rem !important;   /* 15px → 0.75rem */
        padding: 0 !important;
        box-sizing: border-box;
    
        display: block !important;
    }
    
    .brands-row {
        display: block !important;
        margin: 0 !important;
    }
    
    /* скрываем ВСЕ карточки */
    .brands-row .brand-card {
        display: none !important;
    }
    
    /* показываем только 3 бренда */
    .brands-row-top .brand-card:nth-child(1),
    .brands-row-top .brand-card:nth-child(2),
    .brands-row-top .brand-card:nth-child(3) {
        display: flex !important;
    
        width: 100% !important;
        min-width: 0 !important;
        height: 2.2rem !important;           /* высота плашек брендов */
    
        margin: 0 0 0.5rem 0 !important;     /* 10px → 0.5rem */
        padding: 0 0.6rem !important;        /* 12px → 0.6rem */
    
        box-sizing: border-box;
    
        align-items: center !important;
        justify-content: center !important;
    
        text-align: center !important;
        font-size: 0.9rem !important;        /* 16px → 0.8rem */
        line-height: 1.2 !important;
    
        border-radius: 0.4rem !important;    /* 8px → 0.4rem */
    }
    
    /* у последнего убираем отступ */
    .brands-row-top .brand-card:nth-child(3) {
        margin-bottom: 0 !important;
    }
    
    /* нижний ряд полностью скрываем */
    .brands-row-bottom {
        display: none !important;
    }
    
    .brand {
        white-space: normal !important;
        text-align: center !important;
        display: block !important;
    }
    
    .brand-card .regmark-02 {
        vertical-align: top;
        margin-left: 0.1rem; /* 2px → 0.1rem */
    }





/* товары на главной и категориях продуктов*/





.product-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;

    border-top: 1px solid #d0d0d0 !important;
    border-left: 1px solid #d0d0d0 !important;

    background: #fff !important;
}

.product-card {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    background: #fff !important;

    border: 0 !important;
    border-right: 1px solid #d0d0d0 !important;
    border-bottom: 1px solid #d0d0d0 !important;

    border-radius: 0 !important;   /* КЛЮЧЕВОЕ */
    overflow: hidden !important;

    text-align: center !important;
}

.product-image {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #fff !important;
    text-decoration: none !important;
    position: relative !important;
    z-index: 2 !important;
}

.product-image img {
    display: block !important;
    width: 100% !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: contain !important;
    background: #fff !important;
    margin: 0 !important;
    padding: 0 !important;

    border-radius: 0 !important;   /* КЛЮЧЕВОЕ */
}

/* =========================
   Заголовок для главной
   ========================= */
.home-product-title {
    margin: 0 !important;
    padding: 0.5rem 0.5rem 0.35rem 0.5rem !important;

    min-width: 0 !important;
    height: 3.2rem !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    text-align: center !important;
    box-sizing: border-box !important;
    position: relative !important;
    z-index: 2 !important;
}

.home-product-title a {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;

    font-size: 0.85rem !important;
    line-height: 1.25 !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    color: rgb(65,65,65) !important;
    word-break: break-word !important;
}

/* =========================
   Заголовок для внутренних
   ========================= */
.product-title {
    margin: 0 !important;
    padding: 0.5rem 0.5rem 0.35rem 0.5rem !important;

    min-width: 0 !important;
    height: 4.3rem !important; /* было ~3.2rem */

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    text-align: center !important;
    box-sizing: border-box !important;
    position: relative !important;
    z-index: 2 !important;
}

.product-title a {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 4 !important;
    overflow: hidden !important;

    font-size: 0.8rem !important;
    line-height: 1.1 !important;
    text-decoration: none !important;
    color: rgb(65,65,65) !important;
    /*word-break: break-word !important;*/
    
    word-break: normal !important;     /* не режем слово */
    overflow-wrap: normal !important;  /* не переносим внутри слова */
}



/* =========================
   Кнопка
   ========================= */
.product-actions {
    margin-top: auto !important;
    padding: 0.1rem 0.5rem 0.1rem 0.5rem !important;

    display: flex !important;
    justify-content: center !important;
    align-items: center !important;

    position: relative !important;
    z-index: 2 !important;
    box-sizing: border-box !important;
}

.product-actions .button_blue3 {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;

    padding: 0.3rem 1.0rem !important;
    font-size: 0.72rem !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
    position: relative !important;
    z-index: 2 !important;
    margin-bottom: 0.8rem !important;
}



/* =========================
   Hover на мобиле отключаем
   ========================= */
.product-card:hover {
    box-shadow: none !important;
}

.product-card:hover .home-product-title a, /*засиняем текст при нажатии на главной*/
.product-card:hover .product-title a {     /*засиняем текст при нажатии на остальных*/
    color: rgb(7,135,227) !important;
}





/*новости на главной странице*/



/* моб: 1 колонка */
.home-news-list {
    grid-template-columns: 1fr !important;
}

/* убрать ховер-эффекты */
.home-news-card:hover {
    box-shadow: none !important;
}

.home-news-card:hover h3 {
    color: rgb(7,135,227) !important;
}

.home-news-card:hover p {
    color: rgb(0,0,0) !important;
}

/* размеры текста */
.home-news-card h3 {
    font-size: 0.95rem !important;
}

.home-news-card p {
    font-size: 0.85rem !important;
}














/* ===== НОВЫЙ: таблицы и перенос длинных строк ===== */

.basic-text table {
    width: 100% !important;
    table-layout: fixed !important;
    border-collapse: collapse !important;
}

.basic-text table td,
.basic-text table th {
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
}

/* ломаем всё внутри ячеек (длинные слова, URL, underscore) */
.basic-text td *,
.basic-text th * {
    word-break: break-all !important;
    overflow-wrap: anywhere !important;
}

/* фиксим pre/code (по умолчанию не переносятся) */
.basic-text pre,
.basic-text code {
    white-space: pre-wrap !important;
    word-break: break-all !important;
    overflow-wrap: anywhere !important;
}

/* ссылки внутри таблиц */
.basic-text a {
    word-break: break-all !important;
    overflow-wrap: anywhere !important;
}





.basic-text table img {
    max-width: 100% !important;
    height: auto !important;
}





/* ===== НОВЫЙ: моб — ничего не вылезает вправо ===== */


    html, body {
        overflow-x: hidden !important;
    }

    /* базовый контейнер текста */
    .basic-text {
        width: 100% !important;
        overflow-x: hidden !important;
    }

    /* ВСЁ внутри не может расширять ширину */
    .basic-text * {
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    /* перенос любых длинных слов/URL */
    .basic-text {
        overflow-wrap: anywhere !important;
        word-break: break-word !important;
    }

    .basic-text * {
        overflow-wrap: anywhere !important;
        word-break: break-word !important;
    }

    /* картинки */
    .basic-text img {
        max-width: 100% !important;
        height: auto !important;
        display: block !important;
    }

    /* таблицы */
    .basic-text table {
        width: 100% !important;
        table-layout: fixed !important;
        display: block !important;
        overflow-x: auto !important;
    }

    .basic-text table td,
    .basic-text table th {
        white-space: normal !important;
        overflow-wrap: anywhere !important;
        word-break: break-word !important;
    }

    /* pre / code */
    .basic-text pre,
    .basic-text code {
        white-space: pre-wrap !important;
        overflow-wrap: anywhere !important;
        word-break: break-all !important;
    }

    /* ссылки */
    .basic-text a {
        overflow-wrap: anywhere !important;
        word-break: break-all !important;
    }

    /* iframe / видео */
    .basic-text iframe,
    .basic-text video {
        max-width: 100% !important;
        height: auto !important;
    }





}


/*проверка разметки*/

/*
* {
    outline: 1px solid red;   
} */