@font-face {
  font-family: 'Calibri';
  src: url("../fonts/Calibri.ttf") format("truetype");
}

html {
    box-sizing: border-box;
}

*,
*::before,
*::after {
    box-sizing: inherit;
}

body {
    margin:0;

    font-weight: 300;
    font-size: 18px;
    line-height:19.53px;
    scrollbar-width: thin;
}
.button.trademarks__item-button {
    font-weight: 700;
    max-width: fit-content;
    border-radius: 20px;
    color: #FFFFFF;
    background-color: #E13829;
    border: none;
    width: 100%;
}
.video_s {
    font-size: 20px;
    color: #FFFFFF;
    text-decoration: none;
    display: flex;
    gap: 15px;
    align-items: center;
}
.news_a {
    text-decoration: none;
    color:#444444;
    font-size: 24px;
}
body > div.workarea > div > div > section > div.brand-preview__text > div > a:hover {
    color: #fff !important;
    text-decoration: none;
}
body > div.workarea > div > div > section > div.brand-preview__text > div > a {
    color: #fff !important;
    text-decoration: none;
}
.bx-content-section, .bx-header-section {


}
#city-select {
    width: 100%;
    max-width: 250px;
    padding: 10px 12px;
    font-size: 14px;
    border: 1px solid #ccc; /* тонкая рамка */
    border-radius: 8px; /* скругленные углы */
    background: #fff;
    color: #333;
    outline: none;
    cursor: pointer;
    transition: all 0.3s ease;
    appearance: none; /* убираем стандартную стрелку */
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml;utf8,<svg fill='%23999' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 18px;
}

#city-select:hover {
    border-color: #d72626;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}

#city-select:focus {
    border-color: #d72626;
    box-shadow: 0 0 0 3px rgba(0,195,255,0.2);
}

.safe__presentation{
font-size: 40px!important;
}
.news_a_list {
    color: #444444;
    text-decoration: none;

}
.nav_cat{
    padding-top: 40px;
}
.nav_cat_a{
    text-decoration: none;
    color: 000;
    font-size: 14px;
    color: #555;
}

body > div.workarea > div > div > div > section.self-prod > div > div > div.bx-viewport > ul > li:nth-child(1) > div > a{
    text-decoration: none;
}
.a_index {
    text-decoration: none;
    color:#444444;
    font-size: 16px;
    FONT-WEIGHT: 400;
}
.a_index_red {
    FONT-WEIGHT: 700;
    text-decoration: none;
    color:#E13829;
    font-size: 16px;
}
body > div.workarea > div > div > div > div > section.products.products--margin > div.products__filter > div.products__categories > ul > li:nth-child(1) > a::before {
    content: url(../img/icon/syromolochka.png);
}
body > div.workarea > div > div > div > div > section.products.products--margin > div.products__filter > div.products__categories > ul > li:nth-child(2) > a::before {
    content: url(../img/icon/myaso.png);
}
body > div.workarea > div > div > div > div > section.products.products--margin > div.products__filter > div.products__categories > ul > li:nth-child(3) > a::before {
    content: url(../img/icon/kol.png);
}
body > div.workarea > div > div > div > div > section.products.products--margin > div.products__filter > div.products__categories > ul > li:nth-child(4) > a::before {
    content: url(../img/icon/morepro.png);
}
body > div.workarea > div > div > div > div > section.products.products--margin > div.products__filter > div.products__categories > ul > li:nth-child(5) > a::before {
    content: url(../img/icon/panasia.png);
}
body > div.workarea > div > div > div > div > section.products.products--margin > div.products__filter > div.products__categories > ul > li:nth-child(6) > a::before {
    content: url(../img/icon/free.png);
}
body > div.workarea > div > div > div > div > section.products.products--margin > div.products__filter > div.products__categories > ul > li:nth-child(7) > a::before {
    content: url(../img/icon/zam.png);
}
body > div.workarea > div > div > div > div > section.products.products--margin > div.products__filter > div.products__categories > ul > li:nth-child(8) > a::before {
    content: url(../img/icon/bak.png);
}
body > div.workarea > div > div > div > div > section.products.products--margin > div.products__filter > div.products__categories > ul > li:nth-child(9) > a::before {
    content: url(../img/icon/sous.png);
}
body > div.workarea > div > div > div > div > section.products.products--margin > div.products__filter > div.products__categories > ul > li:nth-child(10) > a::before {
    content: url(../img/icon/tea.png);
}
body > div.workarea > div > div > div > div > section.products.products--margin > div.products__filter > div.products__categories > ul > li:nth-child(11) > a::before {
    content: url(../img/icon/kond.png);
}
body > div.workarea > div > div > div > div > section.products.products--margin > div.products__filter > div.products__categories > ul > li:nth-child(12) > a::before {
    content: url(../img/icon/det.png);
}
body > div.workarea > div > div > div > div > section.products.products--margin > div.products__filter > div.products__categories > ul > li:nth-child(13) > a::before {
    content: url(../img/icon/svejii.png);
}
body > div.workarea > div > div > div > div > section.products.products--margin > div.products__filter > div.products__categories > ul > li:nth-child(14) > a::before {
    content: url(../img/icon/jivotnyy.png);
}
body > div.workarea > div > div > div > div.container.catalog > section.products.products--margin > div.products__filter > div.products__categories > ul > li:nth-child(15) > a:before {
    content: url(../img/icon/neprod.png);

}
.container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
    padding-left: 0.5rem!important;
}
#cass > div > div.bx-viewport {
    z-index: 1222000;

    overflow: hidden;
    position: relative;
    height: 350px;
    display: flex;
    height: 350px!important;
    align-items: center;
}
#bx_117848907_124 > section > div:nth-child(1) > div.card__text > div.card__info > div:nth-child(8) {
display: none;
}
#bx_117848907_45 > section > div:nth-child(1) > div.card__text > div.card__info > div:nth-child(8) {
display: none;
}
body::-scrollbar-thumb {
  background-color: #050c26; /* Цвет бегунка */
  border-radius: 20px; /* Округление бегунка */
  border: 3px solid #050c26; /* Оформление границ бегунка */
}

body::-scrollbar-track {
    border-radius: 20px;
}

body::-webkit-scrollbar-button {
    border-radius: 5px 5px 0 0
}

body::-scrollbar-button { 
    border-radius: 5px 5px 0 0
}

h1  {
    margin:0;
    padding:0;
}

h2, h3  {

    font-weight: 700;
    margin: 0;
    padding: 0;
}



a   {
    color: inherit;
    text-decoration: none;
}

ul  {
    padding: 0;
    margin: 0;
}

p   {
    padding: 0;
    margin: 0;    
}

li  {
    list-style: none;   
}
.col-md-9 {
    flex: 0 0 auto;
    width: 100%!important;
}
.main {
/*    width: 100%;
    margin-top: 21px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;*/
}

.container {
    /*margin-top: 21px;*/
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 1180px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

header {
    display: flex;
    /*justify-content: center;
    flex-direction: row;
    justify-content: space-around;*/ 
    justify-content: space-between;    
    max-width: 1180px;
    height: 76px;
    margin-left: auto;
    margin-right:auto;
    margin-top: 20px;
    font-weight: 400; 
}

.nav__logo {
    align-self: flex-end;
    width: 130px;
    height:52px;
}

.nav__logo img {
    width: 100%;
    object-fit: cover;
    height: 100%;
}

.nav__menu {
    width: 821px;
}

.nav__menu ul{
    justify-content: space-between;
    padding: 0;
    margin: 0;
    margin-top: 40px;
    height: 20px;
    display: flex;
    flex-direction: row;
  /*  gap:30px;*/
    font-size: 16px;
}
.news--margin {
    /*margin-top: 100px!important;*/
}
.item__next.slick-arrow.slick-disabled, .catalog_next{
    width: 60px;
    height: 60px;
}
.nav__choice {
    /*width:131px;*/
    height: 70px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.flex-start {
  align-self: flex-start;
}

.flex-end {
  align-self: flex-end;
}

.nav__choice__city{
    gap: 8px;
    display: flex;
    flex-direction: row;
}


.nav__choice__city__select {
    color: red;
}

.nav__choice__feedback {
   display: flex;
   /*  width: 90px;
    height:40px;*/
    align-self: flex-end;
    gap:10px;
}

/* Стили главной страницы */
.banner {
    /*display: flex;
    flex-wrap: wrap;
    justify-content: center;*/

    margin-top: 21px;
}

.banner ul {
    max-width: 1020px;
}.company {
     padding: 0px 0px;
     background: #fff;
     font-family: Arial, sans-serif;
 }
.nav_cat {
    font-size: 14px;
    margin: 15px 0;
    color: #555;
}

.nav_cat a {
    text-decoration: none;
    transition: color 0.3s;
}

.nav_cat a:hover {
    color: #0056b3; /* темнее при наведении */
    text-decoration: underline;
}

.nav_cat .nav_cat_a {
    padding: 0 5px;
}

.nav_cat .nav_cat_a:first-child {
    padding-left: 0;
}

.nav_cat {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.nav_cat .nav_cat_a:not(:last-child)::after {
    content: "›";
    margin: 0 6px;
    color: #999;
}

.company__inner {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    justify-content: space-between;
    flex-direction: row;
}

.company__left, .company__right {
    flex: 1 1 45%;
    max-width: 600px;
}

.company__title {
    font-size: 24px;
    font-weight: bold;
    color: #D72626;
    margin-bottom: 20px;
}

.company__arrow {
    font-size: 18px;
    color: #D72626;
    margin-left: 8px;
}

.company__map {
    position: relative;
}

.company__map img {
    width: 100%;
    height: auto;
    border-radius: 8px;
}
body > div.workarea > div > div > div > section.agents__safe.agents__safe--margin > div.safe__presentation > a:hover {
    color: #E13829;
}
.company__label {
    display: none!important;
    position: absolute;
    top: 40%;
    left: 30%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.company__regions {
    font-size: 24px;
    font-weight: bold;
    color: #D72626;
}

.company__geo {
    font-size: 14px;
    background: #D72626;
    color: white;
    display: inline-block;
    padding: 4px 8px;
    margin-top: 5px;
    border-radius: 4px;
}

.company__desc {
    font-size: 14px;
    color: #333;
    margin-top: 20px;
}

.company__link {
    color: #D72626;
    text-decoration: underline;
    font-weight: bold;
}

.company__intro {
    font-size: 14px;
    color: #333;
    margin-bottom: 30px;
}

.company__stats {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
}

.company__stats li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 16px;
    color: #333;
    border-top: 1px solid #ccc;
    padding-top: 10px;
    width: 556px;
    height: 80px;
}
.company__stats li>p {

    width: 230px;

}
.company__stats li:first-child {
    border-top: none;

    display: flex;
    align-items: center;
    justify-content: space-between;
}

.company__stats .num {
    color: #D72626;
    font-size: 72px;
    font-weight: bold;
    display: inline-block;
    margin-bottom: 5px;
}

.errortext {
display: none!important;
}
.banner__item li{
    max-width: 1020px;
    height: 450px;
}


.banner__item__link{
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
}

.banner__item__link img{
    /*width: 100%;*/
    max-width: 1020px;
    /*height: 100%;*/
    border-radius: 20px; 
    object-fit: cover;
    overflow: hidden;
}


.banner__descr {
    position: absolute;
    top: 280px;
    left:120px;
    font-weight: 700 ;
    font-size:48px;
    line-height: 59px;
    max-width: 500px;
    color: white;
}

.banner .bx-prev , .self-prod  .bx-prev{
    position: absolute;
    left: 0;
    top:40%;
}

.banner .bx-next , .self-prod  .bx-next{
    position: absolute;
    right: 0;
    top:40%;
}

.similar .bx-prev , .catalog .bx-prev, .news .bx-prev{
    background: url(../img/Prev.svg) 0 0 no-repeat;
    background-size: contain;
    display: inline-block;
    text-indent: -9999px;
    z-index: 9999;
    width: 60px;
    height: 60px;
    align-self: center;
    position: absolute;
    left: 0;
    top:45%;
}

.similar .bx-next, .catalog .bx-next, .news .bx-next  {
    background: url(../img/Next.svg) 0 0 no-repeat;
    background-size: contain;
    display: inline-block;
    width: 60px;
    height: 60px;
    overflow: hidden;
    text-indent: -9999px;
    z-index: 9999;
    align-self: center;
    position: absolute;
    right: 0;
    top:45%;
}



.item__prev , .item__prev--slide, .self-prod .bx-prev, .banner .bx-prev, .catalog_prev, .section_next, .section_prev, .banner__prev{
    background: url(../img/Prev.svg) 0 0 no-repeat;
    background-size: contain;
    display: inline-block;
    text-indent: -9999px;
    z-index: 9999;
    width: 60px;
    height: 60px;
    align-self: center;    
}

.item__next , .item__next--slide, .self-prod .bx-next, .banner .bx-next, .catalog_next, .section_next, .banner__next{
    background: url(../img/Next.svg) 0 0 no-repeat;
    background-size: contain;
    display: inline-block;
    width: 60px;
    height: 60px;
    overflow: hidden;
    text-indent: -9999px;
    z-index: 9999;
    align-self: center;    
}

.news .bx-prev, .news .bx-next{
    top:35%;
}

.catalog--main-margin, 
.catalog--agents-margin, 
.catalog--сontacts-margin,
.catalog--about-margin,
.catalog--buyers-margin,
.catalog--brands-margin,
.catalog--product-margin, 
.news--contacts-margin,
.news--agents-margin,
.news--product-margin,
.similar--product-margin,
.about_company__title--margin,
.heading--margin,
.production--margin,
.brand-preview--margin,
.pagination--margin,
.news-block--margin,
.search--margin,
.brands__title--margin {

    /*max-width: 1180px;*/
}
#prod_url{
    text-align: center;
    width: 100%;
    }
.title, .trademarks__title  {
    padding-top: 40px;
    display: inline-block;
    height: 59px;
    font-weight:700;
    font-size:30px;
    line-height:59px; /*регулирование по вертикали*/
    color:#E13829;
}
.video_s:hover {
    color: #FFFFFF;
}
.catalog.catalog--product-margin{
    padding: 50px 10px 0px;}
body > div.workarea > div > div > div.row.bx-site > section.news.news--margin > div > div > ul > div > div > li> a {
 text-decoration: none;
 color: #444444;
}
.section_list_rec {
    display: -webkit-box;
    -webkit-line-clamp: 2;      /* Количество строк */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 2.6em;          /* Подстрой по высоте строки */
    line-height: 1.3em;
}

.title::after {
    content: url(../img/arrow.svg);
    display: flex;
    justify-content: flex-end;
    height: 44px;
    /*width: 220px;*/
    position: relative;
    bottom: 45px;
    left: 60px;
}
.container.company__inner {
    padding-top: 20px;
}
.catalog__descr {
    padding-top: 50px;
    line-height: 22px;
}

.item {
    display: flex;
    justify-content: center;
}

.catalog__category {
/*    display: flex;
    flex-direction: row;
    justify-content: center;*/
    max-width: 1018px;
    gap:10px;
}

.visible-1920 {
    display: none;
} 

.catalog__item {
    width: 100%; /* обязательно для работы flex */
    max-width:247px;
    /*max-height: 320px;*/
    height: 320px;

    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.2); /* полупрозрачная рамка */
    background: rgba(255, 255, 255, 0.05); /* легкий фон */
    backdrop-filter: blur(6px); /* эффект объема */
    transition: all 0.3s ease; /* плавность переходов */
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.05); /* начальная тень */
   
}


.catalog__item img{
    /*width: 100%;*/
    height: 100%;
    max-width:247px;
    /*max-height: 320px;*/
    border-radius: 20px;
    object-fit: cover;
}

.catalog__item:hover {
    transform: translateY(-5px); /* "подъем" */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2); /* тень */
    border-color: rgba(255, 255, 255, 0.4); /* усиливаем рамку */
}
.about {
    margin-top: 131px;

    width: 100%;
    display: flex;
    flex-direction: column;
    gap:30px;
}

.about__preview , .about__details {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.about__item-1 , .about__item-2 {
    max-width: 580px;
}

.about__descr  {
    max-width: 518px;
/*    max-width: 580px;*/
    line-height: 22px;
}

.about__join {
    max-width: 500px;
}


.about__join a {
    text-decoration: underline;
    color: #E13829;
    font-weight: 700
}

.about__numbs {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid rgba(128,130,133,0.5);
}


.about__numbs div {
    height: 118px;
    color:#E13829;
    font-weight:700;
    font-size:72px;
    line-height:118px;
    width:235px;
}


.about__numbs p {
    color:#444444;
    display: flex;
    align-items: center;
    margin: 0;
    font-weight: 400;
    font-size: 24px;
    text-align: left;
    max-width: 283px;
    width:100%;
    /*width: 283px;*/
    height: 118px;
    /*line-height: 118px;*/
}

.about__map img {
    width: 100%;
    object-fit: cover;
    height: 100%;
    max-width: 541px;
    max-height: 345px;
}

.trademarks {

    display: flex;
    justify-content: center;
    /*max-width:1180px;*/

    flex-direction: column;
}
body > div> div > div > div > section.agents__safe.agents__safe--margin > div.safe__presentation > a {

    text-decoration: none;
}
.trademarks__item {
    margin-top: 50px;
/*    display: flex;
    justify-content: center;*/
    gap:20px;
}

.trademarks__item-link {
    overflow: hidden;
    border-radius: 20px;
    border:1px solid #80828580;
    display: inline-block;
    padding: 16px 24px;
    border: 2px solid rgba(255, 255, 255, 0.4); /* Полупрозрачная белая рамка */
    border-radius: 12px;
    background-color: rgba(255, 255, 255, 0.05); /* Легкая дымка */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Объем */
    backdrop-filter: blur(5px); /* Эффект стекла (если поддерживается) */
    color: #fff;
    text-decoration: none;
    transition: all 0.3s ease;
}
.trademarks__item-link:hover {
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
    transform: scale(1.03);
    border-color: rgba(255, 255, 255, 0.8);
    background-color: rgba(255, 255, 255, 0.08);
}
.trademarks__item-link img{
    width: 100%;
    height: 100%;
    max-width: 280px;
    max-height: 280px;
    object-fit: cover; /* сохраняем пропорции, но может обрезаться сама картинка */
    border-radius: 20px;      
}


@media (max-width: 1920px) {
   .trademarks__item-link {
        /*width: 280px;*/
        /*width: 100%;*/
        max-height: 280px;         
    } 
}

.trademarks__item-button {
    width: 415px;
    height: 58px;
    margin-top:45px;
    margin-right: auto;
    margin-left: auto; 
    padding: 10px 15px;
    border-radius: 15px;
    cursor: pointer;
    font-weight:700;
    font-size:16px;
    line-height:20px;
}

.trademarks__item-button img {
    vertical-align: middle;
}


.news{

   /* overflow: hidden;*/
}


.news__item {
    max-width: 1018px;
    gap:21px;
    /*overflow: hidden;*/
}

/*.news__item li {
    max-width: 326px;
}
*/
.slider {
    padding-top: 35px;
    position: relative;
    /*max-width: 1180px;*/
    display: flex;
    flex-direction: row;
    gap:21px;
    justify-content: center;
}



.news__item__img {
      display: flex
;
    /* max-height: 430px; */
    height: 455px;
    position: relative;
    width: 345px;
    flex-direction: column;
    align-content: center;
    align-items: center;
}
body > div.workarea > div > div > div > section.news.news--margin > div > div > div > div.bx-viewport{
        display: flex;
    height: 485px !important;
    align-items: center;
}

.news__item__img img{
    /*width: 100%;*/
    max-width: 326px;
    /*max-height: 350px;*/
    height: 350px;
    border-radius: 20px;
}


.news__item__img span {
    position: absolute;
    background-color: #E13829;
    color:white;
    padding: 8px 12px;
    border-radius: 10px;
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    top: 10px;
    right: 10px;
}


.news__item__img div {
    top:20px;
    position: relative;
    max-width: 325px;
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
}

/* Футер */
.a_nav {
    text-decoration: none;
    color: #444444;
    font-size: 16px;
}
.checked {
    font-size: 16px;
    text-decoration: none;
    color: #444444;

}
.a_nav.checked:hover {
    color: #fff; /* тот же цвет, чтобы не менялся при наведении */
    text-decoration: none; /* если нужно убрать подчеркивание */
}
.a_nav:hover {
    color: #e13829; /* тот же цвет, чтобы не менялся при наведении */
    text-decoration: none; /* если нужно убрать подчеркивание */
}
a{
    text-decoration: none;
}
footer {
    margin-top:60px!important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #F7F7F7;

}



.footer {
    margin-top: 60px;
    width: 100%;
    max-width: 1083px;
    min-height: 135px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    margin-bottom:50px!important;
}

.footer ul {
    font-weight: 400 ;
    font-size: 16px;
    line-height:20px;
}

.footer__logo img{
    max-width: 130px;
}

.footer__logo {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.footer__terms {
    gap: 10px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    
}

.footer__politics {
    gap: 10px;
    display: flex;
    flex-direction: column;
    font-weight: 700 ;
    font-size: 16px;
    line-height:20px;
    color:#E13829;
    text-decoration: underline;
}


.footer__feedback {
    font-weight: 400;
    font-size: 16px;
    color:#E13829;
}

.footer__rights {
    font-weight: 400;
    font-size: 16px;
    color:#E13829;   
}

.footer__feedback a {
    text-decoration: underline;
}


.footer ul {
    gap: 10px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

/*  модалки, бургеры, адаптив */

.nav__menu--burger {
    display: none
}

.nav__menu--mobile {
        display: none;
    }


.nav__modal, .about__modal, .location__modal {
    position: fixed; /* фиксированное положение */
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.5); /* цвет фона */
    z-index: 9999999;
    opacity: 0; /* по умолчанию модальное окно прозрачно */
    -webkit-transition: opacity 200ms ease-in; 
    -moz-transition: opacity 200ms ease-in;
    transition: opacity 200ms ease-in; /* анимация перехода */
    pointer-events: none; /* элемент невидим для событий мыши */
    margin: 0;
    padding: 0;
}

/* при отображении модального окно */
.nav__modal:target , .about__modal:target , .location__modal:target {
    opacity: 1; /* делаем окно видимым */
    pointer-events: auto; /* элемент видим для событий мыши */
    overflow-y: auto; /* добавляем прокрутку по y, когда элемент не помещается на страницу */
}

.modal__menu {
    margin-right: auto;
    margin-left: auto;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    /*max-width: 1024px;*/
    height: 285px;
    background-color: white;
}

.modal__name{
    position: relative;
    width:97px;
    margin-right: auto;
    margin-left: auto;
    font-size: 36px;
    font-weight: 36px;
    color: #E13829;
    font-weight: 700;
    padding-top:60px;
}

.modal__links {
    max-width: 631px;
    max-height: 99px;
    margin-left: auto;
    margin-right: auto;
    font-weight:400;
    font-size:24px;
    line-height: 29px;
    color: #444444;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap:40px;
    align-items: center;
    margin-top: 30px;
}

.checked {
    background-color: #E13829;
    padding: 10px 15px;
    border-radius: 100px;
    color: #FFFFFF;
}



/* свойства для кнопки "Закрыть" */
.modal__close {
    position: absolute;
    top:0;
    right: 0;
    font-family: sans-serif;
    font-size: 48px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
    text-decoration: none;
}
/* свойства для кнопки "Закрыть" при нахождении её в фокусе или наведении */
.modal__close:focus, .modal__close:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .75;
}



.about__form {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width:420px;
    height: 650px;
    margin-right: auto;
    margin-left: auto;
    background-color: white;
    border-radius: 30px;
}

.about__form input {
    border-radius: 20px;
    width: 380px;
    height: 60px;
    border: 1px solid #D9D9D9;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    padding: 19px 19px;  
}

.form__title {
    margin-top: 10px;
    font-size:24px;
    line-height:29px;
    font-weight: 700;
    
}

.form__title--red {
    color: #E13829;   
}


.form__title--grey {
    color: #797E81;   
}

.about__input {
    margin-top:30px;
    align-items: center;
    display: flex;
    flex-direction: column;
    gap:15px;
}


#сomment {
    height: 120px;
}

.button {
    border-radius: 20px;
    color: #FFFFFF;
    background-color:#E13829;
    border:none;
}

.button:hover , .button__no:hover , .button__yes:hover {
    cursor: pointer;
}



/* свойства для кнопки "Закрыть" */
.form__close {
    position: absolute;
    top: 0;
    right: 10px;
    font-family: sans-serif;
    font-size: 48px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
    text-decoration: none;
}
/* свойства для кнопки "Закрыть" при нахождении её в фокусе или наведении */
.form__close:focus, .modal__close:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .75;
}

.news-1920 {
    display: none;
}


.map__numbs {
        display: none;
    }

/*не менять порядок следования медиаэкранов */
@media (max-width:1024px) and (min-width: 360px){

    header {
        margin-left :40px;
        margin-right:40px;
    }

    section {
        max-width: 945px;
        margin-left: 40px;
        margin-right: 40px;
    }

    .title , .trademarks__title {
        font-size: 36px;
    }

    .nav__menu {
        display: none;
    }

    .nav__menu--burger {
        display: block;
        width: 30px;
        height: 16px;
        align-items: center;
        align-self: center;
        display: flex;
    }

   
    .nav__logo {
        align-self: center;
    }

    .nav__menu--mobile {
        display: none;
    }

    .banner__item li {
        height: 346px;
    }


    .banner__descr {
        font-size:36px;
        line-height:36px; 
        max-width:399px;
        top: 250px;
    }
    
    .item__prev, .catalog_prev, .section_prev, .banner__prev {
        position: absolute;
        top: 40%;
        left: 0;
    }

    .item__next, .catalog_next, .section_next, .banner__next {
        position: absolute;
        top: 40%;
        right: 0;
    }

    .news  .item__next, .catalog_next, .section_next, .banner__next {
        top: 110%;
        left: 50%;
    }

    .news .item__prev, .catalog_prev, .section_prev, .banner__prev{
        top: 110%;
        left: 40%;
    }

    .item__next , .item__pre, .catalog_next, .section_next, .banner__next {
        width:60px;
        height: 60px;
    }

    .about {
        width: auto;
    }

    .about__descr {
        max-width: 400px;            
    }


    .about .title::after {
        width: 190px;
    }

    .about .title {
        max-width: 258px;
        width: 100%;
    }


    .about__details {
        display: flex;
        flex-direction: column-reverse;
    }

    .about__item-2  {
        display: flex;
        flex-wrap: wrap;
        max-width: 945px;
        justify-content: space-between;
    }

    .about__numbs {
        gap:10px;
        height:69px;
        min-width: 401px;
        max-width: 462px;
    }

    .about__numbs p {
        max-width: 280px;
        width: auto;
    }

    .about__numbs div {
        width: auto;
        font-size: 48px;   
    }


    .about__item-1 {
        max-width: 945px;
    }

    .about__map img {
        max-width: 1023px;
        max-height: 653px;

    }

    .about__join {
        /*font-size: 20px;*/
        display: flex;
        flex-direction: column;
        align-items: center;
        max-width: 898px;

    }
    .about__join :first-child {
        max-width:666px;
    }

    .about__join :last-child {
        max-width:898px;
    }


    .footer__rights {
        max-width: 164px;
    }
}



@media (max-width:1024px) and (min-width:768px) {

    .banner__item__link img {
        max-width: 785px;
        max-height: 346px;
    }

    .banner__item li {
        max-width: 785px;
    }

   .banner ul {
        max-width: 785px;
   }
}



@media (max-width: 768px) and (min-width:360px) {


    .item__prev--slide, .catalog_prev, .section_prev, .banner__prev {
        position: absolute;
        bottom: -60px;
        right: 50%;
    } 

    .item__next--slide, .catalog_next, .section_next, .banner__next{
        position: absolute;
        bottom: -60px;
        left:50%;
    }

    .banner .bx-prev {
        top:100%;
        left: 40%;
    } 

    .banner .bx-next {
        top:100%;
        right: 40%;
    } 

    .about__numbs {
        width: 100%;
    }

    .modal__links {
        max-width: 601px;
        gap:30px;
    }


    .about {
        margin-top:100px;
    }

    .about__descr {
        display: none;
    }

    .news__item__img span {
        font-size: 18px;
        line-height: 22px;
    }


    .news__item__img div {
        top:0;
        font-size: 20px;
        line-height: 24px;
    }

    .news__item__img img {
        max-width: 216px;
        height: 250px;
    }

    .news__item__img {
        height: 313px;
    }

    .catalog__item {
        max-width: 218px;
        height: 280px;
    }

    .catalog__item img {
        max-width: 218px;
    }

    .footer__terms {
        flex-direction: row;
        margin-top: 50px;
    }

    footer {
        margin-top:100px;
    }

    .banner__item__link img {
        max-width: 688px;
        max-height: 346px;
    }

    .banner__item li {
        max-width: 688px;
    }

   .banner ul {
        max-width: 688px;
   }

}

@media (max-width:640px) and (min-width:361px) {
    .banner__descr {
        left: 50px;
        top:220px;
    }

    .news__item__img img{
        min-width: 120px;
        min-height: 130px;
    }

    .news__item {
        gap:5px;
    }

    .modal__menu {
        height: 350px;
    } 


} 



@media (max-width:640px)  {
    section {
        margin-left: 20px;
        margin-right: 20px;
    }

    .banner .bx-prev {
        top:100%;
        left: 35%;
    } 

    .banner .bx-next {
        top:100%;
        right: 35%;
    } 

}



@media (max-width:900px) and (min-width:640px) {
    .about__numbs p {
        font-size: 16px;
    }

    .about__numbs div {
        font-size: 36px;
    }


    .about__numbs {
        min-width: 260px;
        max-width: 280px;
    }


    .about__descr {
        max-width: 290px;
    }

}

@media (max-width:360px) {
    
    header {
        margin-left :20px;
        margin-right:20px;
    }

    .title , .trademarks__title {
        font-size: 36px;
    }

    .menu {
        display: none;
    }

    .nav__menu--mobile {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-left: 20px;
        margin-right: 20px;
    }

    .banner__item li{
        height: 240px;
    }

    .nav__menu--mobile a {
        width: 30px;
        height: 16px;
    }

    .banner__item__link img {
        max-width:320px;
        max-height:240px;
    }

    .banner__descr {
        top:170px;
        left:0;
        font-weight: 700;
        font-size:24px;
        line-height:29px;
        margin-left: 10px;
    }

     .item__prev--slide, .catalog_prev, .section_prev, .banner__prev {
        width: 45px;
        height:45px;
        position: absolute;
        bottom: -60px;
        right: 50%;
    }

    .item__next--slide, .catalog_next, .section_next, .banner__next {
        width: 45px;
        height:45px;
        position: absolute;
        bottom: -60px;
        left: 50%;
    }

     .banner .bx-prev {
        top:100%;
        left: 30%;
    } 

    .banner .bx-next {
        top:100%;
        right: 30%;
    } 

    .catalog__descr {
        margin-top: -40px;
        margin-bottom: 20px;
        font-size: 12px;
        line-height: 14px;
    }

    .catalog--main-margin, 
    .catalog--сontacts-margin, 
    .catalog--agents-margin,
    .catalog--about-margin, 
    .news--contacts-margin, 
    .news--agents-margin,
    .news--margin {
        margin-top:80px;
    }

    .title {
        font-size: 30px;
    } 

    .title::after {
        height:30px;
        left: 50px;
    }
 

    .item__prev, .catalog_prev, .section_prev, .banner__prev {
        position: absolute;
        top: 40%;
        left: 0;
    }

    .item__next, .catalog_next, .section_next, .banner__next {
        position: absolute;
        top: 40%;
        right: 0;
    }

    .news .item__prev, .catalog_prev, .section_prev, .banner__prev {
        top: 120%;
        left: 35%;
    }


    .news .item__next, .catalog_next, .section_next, .banner__next {
        top: 120%;
        right: 37%;
    }

    .item__next, .item__prev,.catalog_next, .catalog_prev, .section_prev, .section_next, .banner__prev, .banner__next {
        width:45px;
        height: 45px;
    }

    .about__preview {
        display: block;
        margin-right: 20px;
        margin-left: 20px;
    }

    .about {
        margin-top: 87px;
        width: 100%;
    }


    .about__details {
        flex-direction: column;
    }

    .about__descr  {
        margin-right: 20px;
        margin-left: 20px;
        font-size: 12px;
        line-height: 14px;
    }

    .about__join {
        margin-right: 20px;
        margin-left: 20px;
        font-size: 12px;
        line-height: 14px;
    }


    .about__item-2 {
        margin-right: 20px;
        margin-left: 20px;
    }


    .about__numbs div {
        font-size: 42px;
        line-height: 51px;
        align-items: center;
        display: flex;
    }

    .about__numbs p {
        font-size: 14px;
        line-height: 17px;
    }

    .trademarks__title {
         margin-right:20px;
         margin-left:20px;
         line-height:36px;
    }

    .trademarks__item {
        margin-top: 50px;
        display: flex;
        gap: 5px;
        flex-wrap: wrap;
    }

    .trademarks__item li {
        max-width:155px;
    }

    .trademarks__item-button  {
         margin-top:20px;
         position: relative;
         width: 320px;
         height: 60px;
    }

    .trademarks__item-button a {
         display: inline-block;
         width: 237px;
         text-align: center;
    }

    .trademarks__item-button img {
         position: absolute;
         left: 260px;
         bottom: 12px;
    }

    .news__item__img div{
        font-size: 16px;
        line-height: 20px;
        top:0;
    }


    .news__item__img span {
        padding: 4px 8px;
        font-size: 16px;
        line-height:20px; 
    }

    .news__item__img img {
        max-width: 155px;
        height: 167px;
    }

    .news__item__img {
        height: 240px;
    }

    .footer {
        gap: 20px;
    }


    .modal__menu {
        max-width: 360px;
        height: 618px;
    }


    .modal__links {
        /*max-width:110px;*/
       /* height:462px;*/
        justify-content: normal;
        flex-direction: column;
        flex-wrap: nowrap;
        height: 618px;
    }

    .about__form {
        max-width: 320px;
    }

    .about__form input {
        max-width: 300px;
    }

    .catalog__item {
        max-width: 125px;
        height: 160px;
    }

    .catalog__item img {
        max-width: 125px;
    }

    .catalog .bx-prev,
    .catalog .bx-next,
    .news .bx-next,
    .news .bx-prev {
        width: 45px;
        height: 45px;
    }

    .news .bx-prev, .news .bx-next {
        top: 30%;
    }
}

@media (min-width: 1920px){

    header {
        max-width: 1600px;
    }
    
    .slider {
        min-width: 1600px;
        max-width: none;
      /*  justify-content: space-between;*/
    }


    .banner {
        max-width: none;
        /*min-width:1600px;*/
    }

    .banner__item li {
        max-width: 1350px;
        height:596px;
    }


    .catalog--main-margin {
        max-width: 1600px;
    }

    .visible-1920 {
        display: block;
    }

    .visible-main {
        display: none;
    }

    .catalog__item {
        max-width: none;
        min-width: 325px;
        height: 320px;
    }

    .catalog__item img{
        /*max-width: none;
        min-width: 325px;*/        
        /* height: 320px; */
        max-width: 325px;
        max-height: 320px;
    }

    .catalog ul {
        max-width: 1330px;
    } 

    .news {
        max-width: 1600px;    
    }

    .news__item {
        max-width: 1328px;
    }

    .news__item__img img {
        max-width: 315px;   
    }

    /*.news-1920 {
        display: list-item;    
    }*/

    .trademarks {
        max-width: 1600px;
    }

    .trademarks__item-link img {
        min-width: 385px;
        min-height: 385px;
    }

    .item__prev, .catalog_prev,
    .item__prev--slide,
    .item__next, .section_next,
    .catalog_next, .section_prev, .banner__prev,
    .item__next--slide,
    .similar .bx-prev,
    .similar .bx-next,
    .catalog .bx-prev,
    .catalog .bx-next,
    .news .bx-next,
    .news .bx-prev, .banner__next {
        width: 80px;
        height: 80px;
    }

    .about {
        max-width: 1600px;
    }

    .about__map img {
        max-width: none;
        max-height: none;
    }

    .about__join {
        max-width: none;
    }

    .about__item-1{
        min-width: 909px;

    }

    .about__item-2 {
        max-width: 790px;
    }

    .about__numbs p {
        max-width: none;
    }

    .about__descr {
        max-width: 690px;
    }

    .footer {
        max-width: 1564px;
        justify-content: space-between;
    }

    .map__numbs {
        display: block;
        color: #E13829;
        position: relative;
        text-align: center;
        font-weight: 700; 
    }


    .numbs__regions {
        position: absolute;
        left: 430px;
        top: 250px;
     
    }


    .numbs__regions div{
        font-size: 72px;
    }

    .numbs__regions p {
    }

    .numbs__cities {
        position: absolute;
        left: 550px;
        top: 210px;    
    }

    .numbs__cities div {
       font-size: 72px; 
    }
    .trademarks__item-link {
        border-radius: 26px;
        max-height: 385px;
    }

}



/* Поставщикам */

.agents__text--margin {

}

.agents__header {
    padding: 0px 0px 25px;
    gap: 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    height: fit-content;
    border-bottom: 1px solid;
    border-bottom-color: rgba(128, 130, 133, 0.5);
}


.agents__header h1 {
    font-weight: 700;
    font-size: 30px;
    color: #E13829;
    max-width: 289px;
    margin: 0;

}

.agents__header div {
    max-width: 600px;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
}


.agents__advant {
    display: flex;
    flex-direction: column;
    height: 330px;
    align-items: flex-start;
}

.agents__advant h2 {
    vertical-align: bottom;
    height: 105px;
    display:flex;
    align-items: center;
    font-weight: 700;
    font-size: 30px;
    line-height:36px;
    color: #797E81;
}

.advant__desc {

    height: 225px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap:20px;
}

.advant__item {
    max-width: 580px;
    font-weight: 400;
    font-size:18px;
    line-height: 22px;
    color:#444444; 
    display: flex;
    flex-direction: row;
    gap:21px;
}

.advant__item img {
    width: 24px;
    width:24px;
}

.advant-item div {

}

.agents__safe--margin {
    margin-top:100px;
}

.agents__safe h2{
    font-weight: 700;
    font-size: 30px;
    line-height:36px;
    color: #797E81;
    margin-bottom: 40px; 
}

.safe__block {
    display: flex;
    gap:20px;
    color: #FFFFFF;
}

.safe__item {
    display: flex;
    flex-direction: column;

    height: 300px;
    width: 100%;
    border-radius: 30px;
}

.safe__item:first-child {
    background-color: #E13829;
}

.safe__item:nth-child(2) {
    background-color: #797E81;
}

.safe__item:last-child {
    background-color: #F9A51A;
}

.safe__item {
    justify-content: space-between;
    position: relative;
    font-weight: 700;
}

.safe__item__numb{    
    margin-top: 20px;
    padding-left:30px;
}

.safe__item__support{    
    padding-left:30px;
    font-size: 30px;
    line-height: 36px;
    margin-top: 10px;
}

.safe__item__numb div {
    font-size: 72px;
    line-height: 70px;
}

.safe__item__numb p{
    font-size:20px;
}

.safe__item__desc {
    padding-left:30px;
    padding-right: 30px;
    font-size: 18px;

}


.safe__presentation {
	display:none;
    padding: 40px 130px;
    border-radius: 30px;
    border: 1px solid #797E81;
    /* max-width: 1000px; */
    margin-top: 80px;
    font-weight: 700;
    font-size: 48px;
    line-height: 59px;
    color: #797E81;
}
.dow_button {
    gap: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-family: Calibri;
    font-weight: 700;
    font-style: Bold;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF !important;
}

.safe__presentation a{
    color:#E13829;
}

.agents__button {
    margin-top: -6%;
    max-width: 578px;
    height: 58px;
    margin-left: 37%;
    padding: 10px 15px;
    border-radius: 15px;
    cursor: pointer;
    font-weight: 700;
    font-size: 16px;
    line-height: 30px;
}


.agents__button a {

    width: 100%;
}

.agents__button img {
    vertical-align: middle;

}

/* Поставщикам медиа-экраны */

@media (min-width: 1920px) {
    .container {
        max-width: 1600px;
    }

    .safe__item {
        max-width: 520px;
    }

    .safe__presentation {
        max-width: 1400px;
        font-size: 72px;
        line-height: 88px;
    }

    .agents__button {
        margin-left: 350px;
    }


}



@media (max-width: 1024px ) and (min-width: 768px ) {
    .safe__presentation {        
        max-width: 800px; 
    }

    .agents__button {
        margin-left: 200px;
    }

    .safe__item__desc {
        top: 150px;
    }

    .safe__item {
        max-width: 301px;
    }
}

@media (max-width: 1024px ) and (min-width: 640px ){
    .safe__presentation   { 
        font-size: 36px;
        line-height:36px;
    }
}

@media (max-width: 851px ) and (min-width: 768px ) {
    .safe__item__desc {
        top: 120px;
    }
}


@media (max-width: 768px ) and (min-width: 640px ) {
    .safe__item {
        max-width: 216px;
        max-height: 233px;
    }

    .safe__item__desc {
        top: 80px;
    }
    .safe__item__numb {
        margin-top:0;
    }    

    .safe__item__numb div {
        font-size: 48px;
        line-height: 59px;
    }

    .safe__item__numb p {
        margin-top:0;
        font-size:24px;
    }

    .safe__item__support p {
        margin-top:10px;
        font-size:20px;
        line-height:20px; 
    }

    .safe__item__desc {
        font-size:14px; 
        line-height: 17px;        
    }

    .agents__button {
        margin-top: 40px;
        margin-left: 0;
    }

    .agents__header div {
        max-width: 333px;
    }
    .agents__header {
        line-height: 48px;
    }

    .agents__text--margin {
        margin-top:30px;
    }

}

@media (max-width: 640px) and (min-width: 360px ) {
    .safe__item {
        max-width: 187px;
        max-height: 200px; 
    }

    .agents__header h1 {
        font-size: 36px;
        line-height: 36px;
    }

    .agents__header div {
        max-width: 300px;
    }
        
    .agents__header {
        height: 130px;
    }

    .safe__presentation {        
        font-size: 20px;
        line-height: 29px; 
    }

    .agents__button {
        margin-top:17px;
        margin-left:0;
    }

    .safe__item__numb {

    }

    .safe__item__numb div {
        font-size: 36px;
        line-height: 51px;
    }

    .safe__item__numb p {
        font-size: 16px;

    }

    .safe__item__support {
        font-size:16px;
        line-height:20px;
        margin-top:30px;
    }

    .safe__item__support p {
        margin-top: 0;  
    }

    .safe__item__desc {
        top: 80px;
        font-size: 12px;
        line-height:14px; 
    }

    .agents__button {
        margin-top:17px;
        margin-left:0;
    }

}


@media (max-width: 460px) {
    .agents__text--margin {
        margin-top:0;
    }

    .agents__header {
        flex-direction: column;
        margin-top: 66px;
        padding-bottom: 40px;
        height: auto;
    }

    .agents__header h1{
        font-size: 30px;
        line-height: 36px;
    }

    .agents__header div {
        margin-top: 20px;
        font-size: 16px;
        line-height: 20px;
    }

    .agents__button {
            margin-left: 0;
            margin-top: 20px;
    }

    .safe__block {
        flex-direction: column;
    }

    .agents__advant h2, .agents__safe h2 {
        font-size:20px;
        line-height: 20px;
    }

    .advant__item {
        font-size:16px;
        line-height: 20px;
    }

    .safe__item {
        max-width: 320px;
        max-height: 130px;
    }

    .safe__item__numb {
        margin-top:10px;
    }

    .safe__item__numb div {
        font-size: 36px;
        line-height: 20px;
    }

    .safe__item__numb p {
        font-size: 16px;
    }

    .safe__item__support {
        font-size:16px;
        line-height:20px;
        margin-top:30px;
    }

    .safe__item__support p {
        margin-top: 0;  
    }

    .safe__item__desc {
        top: 60px;
        font-size: 12px;
        line-height:14px; 
    }

    .safe__presentation {
    font-size: 20px;
    line-height: 20px;
    }

}
.partners__list {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  justify-content: center;
  padding: 20px;
}

.partners__item img {
  display: block;
  height: 80px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border-radius: 8px;
  box-shadow: 0 0 0 transparent;
}

.partners__item img:hover {
  transform: scale(1.05);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}


/* Контакты */

body > div.workarea > div > div > div > section.location > div.location__shipment.location__shipment--margin > ul > li > div.location__address > div:nth-child(2) > img{
    width: 21px;
}
body > div.workarea > div > div > div > section.location > div.location__shipment.location__shipment--margin > ul > li > div.location__address > div:nth-child(1) > div{
    padding-left: 4px;
}
body > div.workarea > div > div > div > section.location > div.location__shipment.location__shipment--margin > ul > li> div.location__address > div:nth-child(1) > img{
	padding-left: 3px;
}
.contacts h1 {
    font-size: 30px;
    line-height:59px;

    color: #E13829;
    font-weight: 700;
    margin-right: 40px;

}

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

.location__map {
    display: flex;
    justify-content: center;
    height:726px;
}

.location__map iframe{
    width: 100%;
    height: 100%;
    border-radius: 35px; 
}
.button.self-prod__button:hover {
    color: #FFFFFF;
}

/*.location__map img {
    object-fit: cover;
    width: 100%;
    border-radius: 30px;
}*/

.location__map--margin {
    margin-top:30px;
}

.location__city, .location__list, .location__address {
    padding: 20px 10px;
    display: flex;
    flex-direction: row;
}

.location__list {
    gap:20px;
}

.location__city {
    align-items: center;
    font-size:24px;
    line-height: 29px;
    font-weight: 700;

}

.location__city div {
    color: #797E81;
}

.location__city p {
    color: #E13829;
    margin: 0;
}

.location__city--margin {
    margin-top:60px;
}
.location__address {
    display: flex;
    flex-direction: column;
}
.location__item {

    width: 32%;
    min-height: 101px;
    border:1px solid #D9D9D9;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 10px;
}

.location__address {
    gap:10px;
}

.location__address div {
    display: flex;
    font-size: 18px;
    line-height: 22px;
    gap: 10px;
}

.location__place {
    padding: 20px 10px 0px;
    font-weight: 700;
    color:#E13829;
}

.location__shipment {
    overflow: hidden;
}

.location__shipment--margin {
    margin-top: 40px;
}


.location__modal form{
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-right: auto;
    margin-left: auto;
    background-color: white;
    border-radius: 30px;
    width:420px;
    height: auto;
    padding-bottom: 30px;
    padding-left: 20px;
    padding-right: 20px;
}
}

.location__form--margin {
    margin-top: 50px;
}

.location__form {
    
}

.location__buttons {
    display: flex;
    max-width: 380px;
    width: 100%;
    justify-content: center;
    gap:10px;
}

.location__buttons button {
    width: 185px;
    height: 60px;
    font-weight: 700;
    font-size:18px;
    line-height: 21px;
    border:none;
    padding: 0;
}


.button__yes {
    border-radius: 20px;
    color: #FFFFFF;
    background-color:#E13829;
}

.button__no {
    border-radius: 20px;
    color: #FFFFFF;
    background-color:#808285BF;
}

.location__modal h3{
    margin-bottom: 20px;
    display: flex;
    flex-direction: row;
    /*text-align: center;*/
}

.location__form p {
    margin:0;
}


.location__сhoice-city {
}


.location__choice-item {
    max-width: 380px;
    width: 100%;
    display: flex;
    justify-content: center;
}

.location__confirm--margin {
    margin-top:10px;
}

.location__confirm {
    max-width: 380px;
    width: 100%;
    height:60px;
    font-size: 18px;
    font-weight:700;
}

.select2-container .select2-selection {
    border-radius: 20px;
    height: 60px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 50px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 60px;
    color: #808285;
    font-size: 18px;
    font-weight: 700;
}


.select2-container {
    z-index: 10000000 !important;
}

.select2-dropdown {
    color:#808285;
    font-size: 18px;
    line-height: 22px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
}

.select2-results {
}

@media (max-width: 1366px) {
    .safe__item__desc {
        padding-left:30px;
        padding-right: 30px;
        font-size: 14px;

    }
}
@media (max-width: 1024px) {
    .location__map {
        max-width: 945px;
        max-height:532px;
    }
    .safe__item__desc {
        padding-left:30px;
        padding-right: 30px;
        font-size: 14px;

    }
}


@media (max-width: 768px) {
    .safe__item__desc {
        padding-left:30px;
        padding-right: 30px;
        font-size: 14px;

    }
    .location__map {
        max-width: 688px;
        height:522px;
    }

    .location__list {
        display: block;
        overflow: hidden;
        height: 101px;
        /*width: 10000%;*/
        /*width:  max-content;*/
        /*width: 100vw*/
        width: calc(100% + 200px);
    }

    .location__list li {
        display: inline-block;
        width: 234px;        
        height: 101px;
        /*overflow: auto;*/

    }
}

@media (max-width: 640px) {
    .location__map {
        max-width: 600px;
        height:421px;
    }
}


@media (max-width: 460px) {


    .contacts h1 {
        margin-top: 66px;
        font-size: 30px;
    }

    .location__map--margin {
        margin-top:0;
    }

    .location__city--margin {
        margin-top:30px;
    }

    .location__city {
        font-size: 20px;
        line-height: 20px;
    }

    .location__shipment--margin {
        margin-top: 20px;
    }

    .location__modal form {
        width: 320px;
    }

    .location__modal h3 {
        font-size: 20px;
        line-height:20px;
        flex-direction: column; 
    }

    .location__map {
        max-width: 320px;
        height:350px;
    }

}

@media (min-width:1920px) {
    .location__map {
        max-width: 1650px;
        height:750px;
    }
}



/*Карточка товара*/

.product__title {
    font-size: 28px;
    line-height: 59px;
    
    color: #E13829;
    font-weight: 700;
}

.product__title--margin {
    margin-top: 100px;
    margin-bottom: 20px;
}

.card {
    display: flex;
    flex-direction: column;
    gap:30px;
    border: none!important;
}

.card__block {
    display: flex;
}

.card__block:first-child {
    gap:20px;
}

.card__block:last-child {
    gap:20px;
    color:#797E81;
}


.card__img {
    max-width: 680px;
    width: 100%;
    /*width: 680px;*/
    /*float: left;*/
    display: flex;
    flex-direction: row-reverse;
    gap:20px;
    justify-content: flex-end;
}

.card__selected {
    position: relative;
    max-width: 500px !important;
    /*max-height: 537px !important;*/
    width:100% !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

.card__selected li {
    display: flex;
    justify-content: center;
}

.card__selected img {
    position: relative;
    width:100%;
    max-width: 348px;
    max-height: 376px;
    /* object-fit: cover;*/
}



.card__slider {
    position: relative;
    max-width: 161px;
    width: 100%;
    /*width: 161px;*/
    display: flex;
    flex-direction: column;
    max-height: 537px;
    align-items: center;
}

.card__slider .bx-viewport {
    height: 507px !important;
}

.card__slider ul{
    display: flex;
    flex-direction: column;
    gap:7px;

}

.card__slider li img{
    max-width: 160px;
    max-height: 160px;
    width:100%; 
}



.card__slider li:first-child , .card__slider li:last-child{
    opacity: 0.6;
    }

.card__prev, .card__next, .card__slider .bx-wrapper .bx-prev, .card__slider .bx-wrapper .bx-next {
    background-size: auto;
    background-size: contain;
    display: inline-block;
    text-indent: -9999px;
    z-index: 9999;
    width: 28px;
    height: 16px;
    align-self: center;
}

.card__prev, .card__slider .bx-wrapper .bx-prev {
    background: url(../img/card_prev.svg) 0 0 no-repeat; 
    position: absolute;
    top: 0;  
}

.card__next, .card__slider .bx-wrapper .bx-next{
    background: url(../img/card_next.svg) 0 0 no-repeat;
    position: absolute;
    bottom: 0;
}

.card__slider .bx-controls-direction {
    display: flex;
    justify-content: center;
}


.card__text {
    display: flex;
    flex-direction: column;
    gap:10px;
    max-width: 480px;
    width: 100%;
    align-items: center;
}


.card__info, .card__nutritional, .card__composition, .card__energy, .card__selected , .card__slider li img {
    border:1px solid #D9D9D9;
    border-radius: 20px;
}

.card__info {   
    display: flex;    
    flex-direction: column;
    justify-content: space-around;
    height: 371px;
    width: 100%;

}

.card__nutritional {
    display: flex;
    justify-content: space-around;
    align-items:center;
    height: 76px;
}


.card__nutritional div div:first-child {
    color:black;
    font-weight:700;
    font-size: 24px;
    line-height: 29px;
}

.card__nutritional div div:last-child {
    font-weight:700;
    font-size: 16px;
    line-height: 20px;
    color:#797E81;        
}
 
.card__item {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    border-bottom: 1px solid #80828580;
    font-size:16px;
    line-height: 35px;
    font-weight: 700;
    color:#797E81;
    max-width: 420px;
    width: 100%;    
    margin-left: auto;
    margin-right: auto;

} 

.card__item a {
    color: #E13829;
    text-decoration: underline;
}
 
.card__item:last-child {
    border:none;
}

.card__sku {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.card__sku img{
    width: 17px;
    height: 19px;
}

.card__additional-info {
    display: none;
    width: 100%;
/*    display: flex;*/
    flex-direction: column;
    gap: 10px;
}
#bx_117848907_8972 > section > div:nth-child(1) > div.card__text > div.card__info > div:nth-child(8){
    display: none;
}
.card__buy {
    width: 100%;
    height: 70px;
    font-size: 16px;
    line-height:19px; 
    font-weight:700;

}

.card__composition {
    max-width: 100%;
    word-break: break-all;
    width: 100%;
}
body > div.workarea > div > div > div.row.bx-site > div.col-md-9.col-sm-8 > section > ul > ul > li > a{
    text-decoration: none!important;
    color: #444444;

}
.card__composition h2,.card__composition  p , .card__energy h2 ,.card__energy p{
    margin-left:30px;
    margin-right:30px;
}

.card__composition h2, .card__energy h2 {
    margin-top: 30px;
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
}

.card__composition p, .card__energy p {
    margin-bottom:30px;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
}

.card__energy {
    word-break: break-all; 
    max-width: 480px;
    width:100%;
    display: none;
}

.similar {
    max-width: 1180px;
    display: flex;
    flex-direction: column;
    gap:25px;
    align-items: center;
    overflow: hidden;
    position: relative;
}

.similar .slider {
    max-width: 1018px; /* из-за стилей слайдера */
    position: static;
    display: flex;
    justify-content: center;
}

.similar .bx-controls-direction {
    display: flex;
    justify-content: center;
}

.card__title {
    display: inline-block;
    height: 59px;
    font-weight: 700;
    font-size: 28px;
    line-height: 59px;
    color: #E13829;
}

.similar__item {
    max-width: 1018px;
    gap: 21px;
    /*overflow: hidden;*/
}

.similar__item li{
    max-width: 326px;
    height: 430px;
    width: 100% !important; 
}

.similar__item__img {
    text-decoration: none;
    color: #444444;
    display: inline-block;
    width: 100%;
    height: 100%;
    position: relative;
    border-radius: 15px;
}

.similar__item__img div {
    top: 20px;
    position: relative;
    max-width: 325px;
    font-weight: 700;
    font-size: 20px;
    line-height: 29px;
}

.similar__item__img img {
    /*width: 100%;*/
    max-width: 326px;
    max-height: 350px;
    height: 100%;
    border-radius: 15px;
    object-fit: cover;
}

/*.similar-1920 {
    display: none;
}*/

@media (min-width: 1920px) {
    /*.similar-1920 {
        display: list-item;
    }*/

    .similar {
        max-width: 1600px;
    }

    .similar__item {
        /*max-width: 1328px;*/
        max-width: 1330px;
    }

    .similar__item__img img {
        max-width: 250px;
        max-height: 320px;
    }

    .card {
        gap:20px;
        flex-direction: row;
    }

    .card__block:last-child {
        flex-direction: column;
        max-width: 481px;
        max-height: 500px;
  }


    .card__block:first-child {
        max-width: 1100px;
        width: 100%;
        gap: 10px;
    }

    .card__text {
        max-width: 581px;
        width: 100%;
    }

    .card__item {
        max-width: 522px;
    }

    .card__img {
        max-width: 500px;
        flex-direction: column;
    }

    .card__selected {
        height: 500px;
       /*max-height: 500px;*/
    } 

    .card__slider .bx-viewport {
        height:auto !important;
    }

    .card__selected img {
       /* max-height: 500px;*/
    }

    .card__slider {
        flex-direction: row;
        /*width: auto;*/
        max-width: 500px;
    }

    .card__slider ul {
        flex-direction: row;
    }

    .card__slider li {
        width: auto !important;
        max-width: 160px;
    }


    .card__slider .bx-wrapper .bx-next {
        top:0;
        right: 0;
    }

    .card__slider .bx-wrapper .bx-prev {
        top:40%;
        left:0;
    }

    .card__energy {
        height: 100%;
    }

    .card__composition {
        height:100%;
    }
    .card__buy {
        position: relative;
        max-width: 480px;
        left: 105%;
        top: 46%;
    }

    .card__additional-info {
    }

    .card__text {
        gap:18px;
    }

    .card__info {
        height: 376px;
    }

    .card__nutritional {
        height: 106px;
    }

    .card__slider .bx-controls-direction {
        display: block;
    }

    .card__slider .bx-prev,.card__slider .bx-next/*, .card__prev, .card__next*/ {
     transform: rotate(270deg);
    }


}

@media (max-width: 1024px) {
    .card {
        margin-left: 30px;
        margin-right:30px;
    }


    .card__title {
        font-size: 36px;
        line-height: 39px
    }

    .product__title--margin {
        margin-left:40px;
    }

    .card__selected img {
        max-width: 280px;
        max-height: 302px;
    }

    .card__slider {
        max-height: 402px;
        overflow: hidden;
    }

    .card__slider ul {
        max-height: 402px;
    }


    .card__slider ul {
        max-width: 140px;
    }

    .similar .bx-prev, .similar .bx-next{
        top:45%;
    }

    /* .card__slider .bx-prev, .card__slider .bx-next, .card__prev, .card__next  {
        position: absolute;
    }*/

    .card__next {
        bottom: 0;
    }

    .card__img {
        gap:5px;
    }

    .card__nutritional div div:first-child {
        font-size: 20px;
        line-height: 20px;
    }

    .card__energy {
        max-width: none;
        width: auto;
    }

    .similar__item li {
        height: 370px;
    }

    .similar__item__img div {
        font-size: 16px;
        line-height: 20px;
        top:0;
    }

    .similar__item__img img { 
        max-width: 247px;
        max-height: 320px;
    }

    .similar__item {
        gap:10px;
    }
}


@media (max-width: 1024px) and (min-width: 768px) {


    .card__block:first-child {
        /*max-height: 402px;*/
        gap:10px;
        position: relative;
    }
    .card__selected {
        max-width: 422px;
        max-height: 402px;        
    }

    .card__text {
        max-width: 341px;
    }

    .card__item {
        max-width: 303px;
    }

    .card__block:last-child {
        margin-top: -100px;
        gap:10px;
    }

    .card__buy {
        position: relative;
        top: 150px; 
    }

    .card__energy {
        min-width: 341px;
    }

    .card__composition {
        margin-top: -45px;
    }

    .card__nutritional div div:last-child {
        font-weight:700;
        font-size: 16px;
        line-height: 20px;
        color:#797E81;        
    }

    .similar--product-margin {
        margin-top: 200px;  
    }

}

@media (max-width: 767px) {

    .card__block:first-child {
        flex-direction: column;
    }

    .card { 
        margin-left: 40px;
        margin-right: 40px;
    }
    .card__selected img {
        max-width: 273px;
        max-height: 284px;
        /*object-fit: contain;*/
    }
    
    .card__text {
        max-width: none;
        flex-direction: column-reverse;
        position: relative;    
    }

    .card__item {
        max-width: 648px;
        width: auto;
        margin-left: 20px;
        margin-right: 20px;
    }

    .card__additional-info {
        flex-direction: row;
    }

    .card__nutritional {
        max-width: 334px;
        width: 100%;
    }

    .card__block:last-child div {
        max-width: 334px;
        width: 100%;
    }

    .similar__item__img img { 
        max-width: 247px;
        max-height: 280px;
    }

    .similar__item li {
        height: 330px;
    }


}

@media (max-width: 768px) and (min-width: 640px) {


    .card__img {
        width: auto;
    }

    .card__selected {
        max-width: 527px;
        max-height: 402px;
    }

}


@media (max-width: 640px) {
    .card {
        margin-left:20px;
        margin-right:20px;
    }

    .card__selected {
        max-width: 430px;
        max-height: 402px;
        width: 100%;
    }

    .card__img {
        justify-content: space-between;
    }

    .card__slider {
        align-items: flex-start;
    }

    .card__nutritional {
        max-width: 393px;
    }

    .card__buy {
        max-width: 187px;
    }

    .card__block:last-child {
        flex-direction: column;

    }
    .card__block:last-child div{
        max-width: none;
    }

     .card__nutritional div div:first-child {
        font-size: 16px;
        line-height: 16px;
     }

     .card__nutritional div div:last-child {
        font-size: 12px;
     }

    .similar__item__img img { 
        max-width: 207px;
        max-height: 240px;
    }


    .similar__item li {
        height: 290px;
    }
}

@media (max-width:360px) {

    .product__title {
        margin-top:70px;
        font-size: 24px;
    }

    .card__img {
        flex-direction: column;
    }

    .card__slider {
        flex-direction: row;
        width: 100%;
        max-width: 320px;
        /*max-height: 180px;*/
        max-height: 90px;
    }

    .card__slider ul {
        flex-direction: row;
        max-width: none;
    }

    .card__slider li {
        width: auto !important;
    }

    .card__slider li img {
        max-width: 80px;
        max-height: 80px;
     }

    .card__slider .bx-wrapper .bx-prev {
        top: 40%;
        left: 0;
    }

    .card__slider .bx-wrapper .bx-next {
        top: 0;
        right: 0;
    }

    .card__selected {
        max-width: 320px;
        max-height: 300px;
    }

    .card__selected img {
        max-width: 203px;
        max-height: 212px;
    }

     .card__slider .bx-prev, .card__slider .bx-next /*, .card__prev, .card__next*/ {
        position: static;
        transform: rotate(270deg);
        width: 50px;
    }

    .card__additional-info {
        flex-direction: column;
    }

    .card__buy {
        max-width: none;
    }

     .card__energy h2 {
        font-size: 16px;
    }

    .card__composition h2 {
        font-size: 20px;
    }

    .card__composition p {
        font-size:14px;
    }

    .similar__item__img img { 
        max-width: 180px;
        max-height: 200px;
    }

    .similar__item li {
        height: 250px;
    } 
}


/* О компании */
.company__title{
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    color:#E13829;

}

.company__title--margin {
    text-transform: uppercase;
    margin-bottom: 20px;
}

.description {
    display: flex;
    flex-direction: column;
    background-color: #E13829;
    height: 290px;

    border-radius: 45px;
    color:#FFFFFF;
    justify-content: space-around;
    align-items: center;
}


.description__title {
    max-width: 704px;
    height: 88px;
    text-align: center;
    font-size: 36px;
    line-height: 44px;
    font-weight:700;
}


.description__text {
    max-width: 897px;
    height: 44px;
    line-height:22px; 
}

.numbs {
    margin-top: 100px;
    display: flex;
    flex-direction: row;
    gap:20px;
}

.numbs__item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 372px;
    height: 367px;
    width: 100%;
    color: #FFFFFF;
}

.numbs__item p {
    max-width: 180px;
    text-align: center;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
}

.numbs__item span{
    font-size:64px;
    line-height: 78px;
    font-weight: 700;    
}

.numbs__item:first-child {
     /*background-image: url("../img/orange.svg");
     background: url("../img/orange.svg") 0 0 no-repeat;
     background-size: auto;*/
     background: url("../img/orange.svg") 50% 50% no-repeat;
     background-size: contain;
}


.numbs__item:nth-child(2) {
    background: url("../img/pink.svg") 50% 50% no-repeat;
    background-size: contain;  
}


.numbs__item:nth-child(3) {
    background: url("../img/red.svg") 50% 50% no-repeat;
    background-size: contain;  
}

.numbs__item:last-child {
    background: url("../img/grey.svg") 50% 50% no-repeat;
    background-size: contain;  
}


.choice__list {
    display: flex;
    flex-wrap: wrap;
    gap:20px;
    justify-content: center;
}


.choice__item {
    display: flex;
    flex-direction: column;
    flex-basis: 49%;
    /*max-width: 580px;*/
    height: 265px;
    background: rgba(225, 56, 41, 0.1);
    border-radius:30px;
    width: 100%;
}


.choice--margin {
    margin-top: 70px;
}

.choice__item>div,.choice__item p {
    margin: 30px;
    justify-content: space-between;
}


.choice__item h3{
    font-weight: 700;
    font-size: 30px;
    line-height:36px;

}

.choice__item div {
    gap: 25px;

    max-width: 565px;
    display: flex;
    /*max-width: 530px*/
}
 .company__right {
    padding-top: 24px;
}
.choice__item p {
    font-size: 14px;
    line-height: 22px;
    font-weight:400;
    /*max-width: 530px;*/
    justify-content: flex-end;
}

.choice__img{
    background-color: #E13829;
    width: 70px;
    height: 70px;
    border-radius: 40px;
    align-items: center;
    justify-content: center;
}

.choice__img img {
    width: 36px;
    height: 27px;
}
.choice__title {
    font-size: 48px;
    line-height: 58px;
    font-weight: 700;
    color:#E13829;
}
 
.choice__title--margin {
    margin-bottom: 20px;
}

.map {
    position: relative;
}

.map img {
    width: 100%;
    object-fit: cover;
}


.map__title {
    background-color: #E13829;
    padding: 10px 15px;
    position:absolute;
    top: 40%;
    left: 52%;
    color: #FFFFFF;
    font-weight: 700;
    font-size: 20px;
    line-height: 20px;
}

.map__description {
    max-width: 438px;
    position: absolute;
    bottom: 10%;
    left: 45%
}

.map__description a {
    font-weight: 700;
    color: #E13829;
}



.trademarks--margin {
    margin-top: 0;
}


@media (max-width:1024px) {
    .description__text {
       text-align: center;
        max-width: 697px;
    }

    .description__title {
        margin-bottom: 20px;
    }

    .description {
        justify-content: center;
    }

    .numbs__item {
        height: 300px;
    }

    .numbs__item span {
        font-size:48px;
        line-height: 58px;
    }

    .numbs__item p {
        font-size:14px;
        line-height: 17px;
    }

    .choice__title {
        font-size:36px;
        line-height: 36px;
    }

    .choice__item {
        height: auto;
        flex-basis: 48%;
        max-width: 462px;
    }

    .choice__item h3 {
        font-size: 24px;
        line-height: 29px;

        width: 100%;    
    }

    .choice__item:nth-child(2) h3{
        max-width: 300px;
    }

    .choice__img {
        max-width: 70px;
        height: 70px;
        width: 100%;
    }

    .map {
        margin-top: 130px;
    }

    .map__description{
        top: 0;
        left: 0;
        bottom:unset;
    }

}

@media (max-width: 768px) {

    .numbs__item span {
        font-size:36px;
        line-height: 36px;
    }

    .numbs__item p {
        font-size: 12px;
        line-height: 12px;
    }

    .choice__list {
        gap:15px;
    }

    .choice__item {
        justify-content: space-between;
    }

    .map {
        margin-top: 90px;
        max-width:768px;
        margin-left: 0;
        margin-right: 0;
    }
    .map__description {
        left: 50px;
    }

    .choice--margin {
        margin-top: 0;
    }

    .description__title {
        font-size:30px;
        line-height: 36px;
    }

}

@media (max-width: 640px) {

    .choice--margin {
        margin-top: 40px;
    }

    .numbs {
        flex-wrap: wrap;
        gap:10px;
        justify-content: center;
    }

    .numbs__item {
        max-width: 200px;
        height: 200px;
    }

    .numbs--margin {
        margin-top: 40px;
    }

     .numbs__item span {
        font-size: 48px;
    }

     .numbs__item p {
        font-size: 16px;
        line-height: 20px;
     }

    .choice__list {
        flex-wrap: nowrap;
        flex-direction:column;       
    }

    .choice__item {
        max-width:none;
        height: 200px;
    }

    .map__description {
        max-width: 497px;
        top: -40px;
    }
    .map {
        margin-top: 140px;
    }


    .description__title {
        font-size:24px;
        line-height: 29px;
    }

    .description__text {
        font-size:16px;
        line-height: 20px;
    }

    .trademarks__item {
        gap:10px;
    }
}

@media (max-width: 360px) {
    
    .description {
        height: 215px;
    }

    .description__title {
        font-size:16px;
        line-height: 20px;
        height: auto;
    }

    .description__text {
        font-size:12px;
        line-height: 15px;
        margin-bottom: 30px;
        margin-left: 20px;
        margin-right: 20px;
    }

    .numbs__item {
        max-width: 150px;
        height: 170px;
    }


    .numbs__item span {
        font-size: 36px;
        line-height: 36px;
    }


    .numbs__item p {
        font-size: 12px;
        line-height: 15px;
     }

    .choice__item h3 {
        font-size: 20px;
        line-height: 20px;
    }

    .choice__item p {
        font-size: 16px;
        line-height: 20px;
    }

    .choice__item > div{
        margin-bottom:0;
    }


    .map__description {
        max-width: 320px;
        top: -60px;
        font-size: 16px;
        line-height: 20px;
        left: 40px;
    }

    .map__title {
        font-size: 12px;
        line-height: 14px;
        padding: 5px 7px;
        top: 35%;
        left: 42%;
    }

    .trademarks__item li {
        max-width: 152px;
    }

     .trademarks__item-link {
        flex-basis: 48%;
    }

    .trademarks__title--margin {
        margin-right: 0;
        margin-left: 0;
    }
}


@media (min-width: 1920px) {
    .description {
        max-width: 1600px;
    }

    .description__title {
        font-size: 48px;
        line-height: 59px;
        max-width: 913px;
    }

    .description__text {
        font-size: 20px;
        line-height: 24px;
        max-width: 1037px;
    }

    .numbs--margin {
        margin-top: 70px;
    }


    .choice__item h3 {
        font-size: 36px;
        line-height: 36px;
        max-width: 570px;
    }
}


/* Покупателям */

.heading {
    flex-direction: column;
    justify-content: space-between;
    display: flex;
    gap: 10px;
    padding-bottom: 30px;
    border-bottom: 1px solid rgba(128, 130, 133, 0.5);
}

.heading__title {
    font-size: 30px;
    line-height: 59px;
    color: #E13829;
    font-weight: 700;
}

.conditions {
    display: flex;
    gap:20px;

}

.conditions__title span{
    color:#E13829;
}

.conditions>div {

    width: 100%;
    border-radius: 20px;
}

.conditions--margin {
    margin-top:30px;
}

.conditions h2 {
    padding: 10px;
    gap: 6px;
    display: flex;
    background-color: white;
    font-size: 24px;
    font-weight: 700;
    color: #797E81;
    height: 40px;
    border-bottom-right-radius: 20px;
    justify-content: center;
    align-items: center;
}

.conditions__new h2::after {
    padding: 10px 20px;
    /* position: relative; */
    margin-top: 3%;
    content: url(../img/new-red.svg);
    display: flex
;
    justify-content: center;
    width: 24px;
    height: 24px;
    left: 81%;
    /* bottom: 40%; */
    align-items: center;
}


.conditions__old h2::after {
    /* position: relative; */
    content: url(../img/old-grey.svg);
    display: block;
    width: 24px;
    height: 24px;
    /* left: 100%; */

}
.heading__text {
    width: 49%;
    font-size: 16px;
}
.conditions__new h2 {
    min-width: 368px;
    /*width: 100%;*/

}
.profly-button {
    display: inline-block;
    padding: 8px 16px;
    border: 2px solid #ec3b2d; /* красная рамка */
    border-radius: 6px; /* скругление */
    color: #ec3b2d;
    text-decoration: none;
    font-size: 25px;
    font-family: sans-serif;
    transition: background 0.3s, color 0.3s;
    font-weight: 500;
}
.products__subcategories.level-3{
    top: -40%;
    left: 100%;
    width: max-content;

}
.sub_lev>li>a::after {
    content: url(../img/arrow-prod.svg);
    position: relative;
    width: 25px;
    height: 25px;
}
.profly{

    gap: 20px;
    align-items: center;
    justify-content: center;
}
.profly-button:hover {
    background-color: #ec3b2d;
    color: white;
}

.conditions__old h2 {
   /* min-width: 595px;*/
}

.conditions__text {
    min-height:376px;
    padding: 30px;
}
.conditions__block-old{
    width: 100%;
    max-width: 94px;
    background-color: #797e81;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    margin-bottom: -1px;
}
.products__categories li:hover > .products__subcategories {
    display: block;
}
.products__categories li {
    position: relative;
}
.conditions__new,
.conditions__old {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    background-color: #fff;
}

.conditions__new:hover,
.conditions__old:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15);
}

.products__subcategories li {
    position: relative;
}
.news__item li {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border-radius: 12px;

    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    background-color: #fff;
}

.news__item li:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15);
}


.products__categories li:hover > .products__subcategories {
    display: block;
}



body > div.workarea > div > div > div > section.numbs.numbs--margin > div:nth-child(1) > span{
    margin-top: 12%;
}
body > div.workarea > div > div > div > section.numbs.numbs--margin > div:nth-child(3) > span{
    margin-top: 6%;
}
.catalog__category.catalog__item {
    margin-right: 18px!important;
}
catalog__item:hover {
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
    transform: scale(1.03);
    border-color: rgba(255, 255, 255, 0.8);
    background-color: rgba(255, 255, 255, 0.08);
}
.conditions__old .conditions__text{
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    background-color: #797E81; 
}

.conditions__new .conditions__text {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    background-color: #E13829;
}

.conditions__title {
    display: flex;
    justify-content: space-between;
}

.conditions__block-new {
    /*max-width: 120px;*/
    width: 100%;
    background-color: #E13829;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    margin-bottom: -1px;
}

.conditions__text ul{

    display: flex;
    flex-direction: column;
    gap:20px;
    justify-content: center;
    color: #FFFFFF;
    line-height: 22px;
}


@media (max-width: 1110px) {
    .conditions__old h2 {
        font-size:30px;
    }
}

@media (max-width: 1024px)  {
    .conditions h2 {
        font-size:24px;
        line-height: 29px;
    }

    .conditions__new h2 {
        min-width: 280px;
    }
    .conditions__new h2::after {
        left: 87%;
        bottom: 60%;
    }

    .conditions__old h2::after {
        left: 91%;
        bottom: 60%;
    }

    .conditions__old .conditions__text{
        border-top-right-radius: unset;
    }

    .conditions__old h2 {
        min-width: 400px;
    }

    .conditions__block-old {
        width: 100%;
        background-color: #797E81;
        border-top-right-radius:20px;
        border-top-left-radius:20px;    
    }

    .conditions__text {
        min-height: 385px;
    }
}

@media (max-width: 768px) {
    .conditions {
        flex-direction: column;
        gap:40px;
    }

    .conditions > div {
        max-width: none;
    }

    .conditions h2 {
        font-size: 30px;
        line-height: 36px;
    }

    .conditions__new h2 {
        min-width: 350px;
    }

    .conditions__old h2 {
        min-width: 500px;
    }

    .conditions__new h2::after {
        left: 88%;
        bottom: 70%;
    }

    .conditions__old h2::after {
        left: 92%;
        bottom: 75%;
    }

    .conditions__text {
        min-height: auto;
    }
}

@media (max-width: 360px){
    .conditions__new h2 {
        min-width: 250px;
    }

    .conditions h2 {
        font-size:20px;
        line-height: 30px;
    }

    .conditions__new h2::after {
        left: 84%;
        bottom: 65%;
    }

    .conditions__text {
        font-size: 16px;
        line-height: 20px;
    }

    .conditions__old h2 {
        min-width: 200px;
        line-height: 20px;
    }

    .conditions__old h2::after {
        left: 83%;
        bottom: 80%;
    }
}

@media (min-width: 1920px) {
    .conditions > div {
        max-width: none;
    }

    .conditions--margin {
        margin-top: 100px;
    }

    .heading {
        height: 100px;
        flex-direction: row;
    }

    .heading h1 {
        max-width: 800px;
        width: 100%;
    }

    .heading__text {
        max-width: 800px;
        width: 100%;
    }

    .conditions__block-old {
        width: 100%;
        background-color: #E13829;
        border-top-right-radius: 20px;
        border-top-left-radius: 20px;
        background-color:#797E81;
    }

    .conditions__new h2:after {
        left:91%;
    }

    .conditions__old h2:after {
        left: 94%;
        bottom: 48%;
    }
    .conditions__new h2 {
        min-width: 400px;
    }

    .conditions__old h2 {
        min-width: 580px;
    }

    .conditions__old .conditions__text {
        border-top-right-radius: unset;   
    }
}


/* Бренд */

.brand-preview {
    display: flex;
    justify-content: center;
    gap:20px;
    max-height: 415px;
    margin-top: 100px!important;
}

.brand-preview__text {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    max-width: 480px;
    width: 100%;
}

.brand-preview__text h1{
    /*height: 59px;*/
    line-height: 59px;
    font-weight: 700;
    font-size: 48px;
    color: #E13829;
}

.brand-preview__text p {
    line-height:22px
}

.brand-preview__img {
    max-width: 680px;
    width: 100%;
}

.brand-preview__img img {
    border-radius: 20px;
    max-width: 680px;
    width: 100%;
    height: 415px;
    object-fit: cover;
    /*object-fit: contain; картинка подстроится под заданные размеры так, чтобы вписать всё изображение с сохранением пропорций */
    /*object-fit:fill;Элемент масштабируется, чтобы соответствовать заданным размерам, при этом пропорции игнорируются.*/
    /*object-fit:none; картинка отображается без изменения пропорций или размеров.*/
}

.brand-preview__button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 58px;
    padding: 10px 15px;
    border-radius: 15px;
    cursor: pointer;
    font-weight:700;
    font-size:16px;
    line-height:20px;
    position: relative;
}

.brand-preview__button {
    line-height: 30px;
}


.brand-preview__button img {

    vertical-align: middle;
    position: relative;
    top: 10px;
    right: 11px;
    position: absolute;
}


.production {
    max-width: 1180px;
    display: flex;
    flex-direction: column;
    gap: 25px;
    margin-top: 100px!important;
}

.production__item {
    max-width: 1018px;
    gap: 10px;
    overflow: hidden;
    /*justify-content: center;*/
    justify-content: unset;
}

.production__item li {
    /*min-width: 247px;*/
}

.production__item__img {
    display: inline-block;
    /*max-height: 370px;*/
    height: 370px;
    position: relative;
    width: 247px;
}

.production__item__img div {
  position: relative;
/*  max-width: 247px;*/
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  color: #444444;
}

.production__item__img img {
  /*width: 100%;
  max-width: 247px;*/
  /*max-height: 320px;*/

  width: 100%;
  height: 320px;
  object-fit: cover;
  border-radius: 15px;
}





@media (min-width: 1920px) {

    .brand-preview {
        max-height: unset;
    }

    .production {
        max-width: 1600px;
    }

    .production__item {
        max-width: 1328px;
    }

    .production__item__img img {
        max-width: 250px;
        height: 320px;
    }

    .brand-preview__text {
        max-width: 790px;
    }

    .brand-preview__img {
        max-width: 790px;
        height: 483px;
    }

    .brand-preview__img img {
        max-width: 790px;
        height: 100%;
    }
}

@media (max-width: 1024px) {

    .brand-preview__img {
        max-width: 460px;
    }

    .brand-preview__img img {
        max-width: 460px;
    }
}

@media (max-width: 768px) {
    .brand-preview__text h1{
        font-size: 36px;
        line-height: 36px;
    }

    .brand-preview__text p {
        font-size: 16px;
        line-height: 20px;
    }

    .brand-preview {
        max-height: 394px;
    }

    .brand-preview__img {
        /*height: 394px;*/
        max-width: 334px;   
    }
    
    .brand-preview__img img {
        height: 394px;
        max-width: 334px;   
    }

    .production__item__img {
        /*max-height: 330px;*/
        height: 330px;
    }

    .production__item__img img{
        /*max-height: 280px;*/
        height: 280px;
    }

}

@media (max-width: 640px) {
    .brand-preview {
        flex-direction: column-reverse;
        max-height: unset;
        align-items: center;
    }

    .brand-preview__img {
        max-width: 600px;
        max-height: 200px;
    }

    .brand-preview__img img{
        max-width: 600px;
        max-height: 200px;
    }

    .brand-preview__text {
        max-width: 600px;
        gap:20px;
    }

     .production__item__img {
        height: 290px;
        width: 207px;
    }

    .production__item__img img{
        height: 240px;

    }
}


@media (max-width: 360px) {
    .brand-preview__button  {
         margin-top:20px;
         position: relative;
         width: 320px;
         height: 60px;
    }

    .brand-preview__button a {
         display: inline-block;
         width: 237px;
         /*text-align: center;*/
    }

    .brand-preview__button img {
         position: absolute;
         left: 260px;
         bottom: 12px;
    }

    .brand-preview__img {
        max-width: 320px;
        max-height: 200px;
    }

     .brand-preview__img img{
        max-width: 320px;
        max-height: 200px;
    }

    .brand-preview__text p {
        font-size: 14px;
        line-height: 17px;
    }

    .brand-preview__text h1 {
        font-size: 24px;
        line-height:29px; 
    }

    .brand-preview--margin {
        margin-top: 54px;
    }

    .production__item__img {
        height: 250px;
        width: 180px;
    }

    .production__item__img img{
        height: 200px;

    }
}

/*Новости*/

.news-block--margin {
    margin-bottom: 40px!important;
}

.news__title {
    line-height: 59px;
    font-weight: 700;
    font-size: 30px;
    color: #E13829;
}

.news__title--margin {
    margin-bottom: 40px;
 }

.news-block__list {
    justify-content: space-between;
    flex-wrap: wrap;
    row-gap:40px;
    max-width: 1180px;
    /*height: 2044px;*/
    /*overflow: hidden;*/
}



.news-block__item img{
    border-radius: 20px;
    width: 100%;
    height: 408px;
    object-fit: cover;
}


.news-block__item  {
    /*display: inline-block;*/
    max-width: 380px;

    display: flex;
    flex-basis: 33%;
    gap:15px;
    position: relative;
}
body > div.workarea > div > div > div > section.choice.choice--margin > div > div:nth-child(3) > div > div{
    width: 58px!important;
    height: 50px;
}
body > div.workarea > div > div > div > section.choice.choice--margin > div > div:nth-child(1) > div > div{
	    width: 68px;
    height: 53px;
}
body > div.workarea > div > div > div > section.choice.choice--margin > div > div:nth-child(2) > div > div{
	width: 76px;
    height: 50px;
}
body > div.workarea > div > div > div > section.choice.choice--margin > div > div:nth-child(4) > div > div{
    width: 75px;
    height: 52px;
}
.news-block__item h3 {
    margin-top: 15px;
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
}

.news-block__item span {
    position: absolute;
    background-color: #E13829;
    color: white;
    padding: 8px 12px;
    border-radius: 10px;
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    top: 10px;
    right: 10px;
}

.pagination {
    padding-top: 20px;
    display: flex;
    justify-content: center;
}

.pagination ul{
    display: flex;
    max-width: 495px;
    height: 45px;
    font-weight: 700;
    color: #797E81;
/*    display: flex;
    justify-content: space-between;*/
}
.pagination__numb.active{
    width: 43px;
    height: 45px;
    angle: 0deg;
    opacity: 1;
    border-radius: 15px;
    gap: 10px;
    padding-top: 2px;
    padding-right: 15px;
    padding-bottom: 8px;
    padding-left: 15px;
    background: #E13829;
    color: #fff;
}

.pagination__prev button, .pagination__next button{
    font-weight: 700;
    border: 1px solid #E13829;
    color: #E13829;
    border-radius: 15px;
    font-size: 16px;
    /*line-height: 40px;*/
    height: 40px;
    padding:10px;
    cursor: pointer;
    background-color:white;
}

.pagination__prev {
    margin-right: 49px;
}

.pagination__next {
    margin-left: 49px;
}
body > div.workarea > div > div > div > div > section.products.products--margin > div.products__block > nav > ul > div > font:nth-child(2) > a:nth-child(2){
    margin-left: 49px;
    border: 1px solid #E13829;
    color: #E13829;
    border-radius: 15px;
    font-size: 16px;
    /* line-height: 40px; */
    height: 40px;
    padding: 10px;
    cursor: pointer;
    background-color: white;
}

.pagination__numb, .pagination__points {
    font-size: 24px;
    line-height: 40px;
    margin-right: 17px;
}

.active__page {
    background-color: #E13829;
    color: white;
    padding: 2px 15px;
    /*padding-left:15px;
    padding-right: 15px;*/
    border-radius: 30px;
}

.news-page__more {
    display: none;
    max-width: 210px;
    width: 100%;
    height:40px;
    border-radius: 10px;
    margin-right: auto;
    margin-left: auto;
}

@media (max-width: 1024px) {
    .news-block__item  {
        max-width: 221px;
        height: 298px;
    }

    .news-block__item img{ 
        height: 236px;
    }

    .news-block__item h3 {
        font-size: 20px;
        line-height: 20px;
    }

    .news-block__item span {
        padding: 4px 10px;
        font-size: 16px;
        line-height: 20px;
    }

    .news-block__list {
        column-gap:5px;    
    }

    .news-block__item {
        flex-basis: 24%;
    }    
}

@media (max-width: 768px) {
    .news-block__item  {
        max-width: 216px;
        height: 285px;
    }

    .news-block__item img{
        height: 230px;
    }

    .news-block__item {
        flex-basis: 32%;
  }

}

@media (max-width: 640px) {
        .news-block__item  {
        max-width: 187px;
        height: 255px;
    }

    .news-block__item img {
        width: 100%;
        height: 200px;
    }

    .news-block__item span {
        padding: 4px 10px;
        font-size: 14px;
        line-height: 17px;
    }


    .news__title--margin {
        margin-bottom: 20px;
    }

}


@media (max-width: 545px) {

    .pagination__prev {
        margin-right: 0;
    }

    .pagination__next {
        margin-left: 0;
    } 

    .pagination__numb, .pagination__points {
        margin-right:0;
    }
}


@media (max-width: 360px) {
    .news-block__item  {
        max-width: 155px;
        height: 221px;
    }

    .news-block__item img {
        height: 166px;
    }

    .news-block__item {
        flex-basis: 49%;
    }

    .news__title {
        font-size: 30px;
        line-height: 37px;
    }

    .pagination {
        display:none;
    }

    .news-block__item h3 {
        font-size: 16px;
        line-height: 20px;
    }

    .news-block--margin {
        margin-bottom: 80px
    }

    .news-page__more {
        display: block;
    }
}


@media (min-width: 1920px) {
    .news-block__list {
        max-width: 1600px;
    }

    .news-block__item  {
        max-width: 385px;
        height: 503px;
        flex-basis: 25%;
    }

    .news-block__item img {
        height: 414px;
    }

    .news-block__item h3 {
        font-size:30px;
        line-height: 37px;
    }
}


/* Каталог */

.search {
    display: flex;
    justify-content: space-between;
}

.search__input {
    width: 100%;
    max-width: 812px;
    display: flex;
    justify-content: space-between;
    position: relative;
}

.search input {
    padding: 15px;
    height: 60px;
    border: 1px solid #D9D9D9;
    border-radius: 20px;
    max-width: 880px;
    width: 100%;
    font-size: 20px;
} 


.search__close {
    cursor: pointer;
    position: absolute;
    width: 15px;
    height: 15px;
    background: url('../img/close.svg') 0 0 no-repeat;
    background-size: contain;
    top:25px;
    right: 70px;
}

.search__search {
    position: absolute;
    background: url('../img/search.svg') 0 0 no-repeat;
    width: 50px;
    height: 50px;
    right: 5px;
    top:5px;
    cursor: pointer;
}

.search__title {
    width: 100%;
    max-width: 276px;
    line-height: 30px;
    font-weight: 700;
    font-size: 30px;
    color: #E13829;
    border-bottom: 1px solid rgba(128,130,133,0.5);
}
.clamp-3 {
    font-family: Calibri;
    font-weight: 700;
    font-style: Bold;
    font-size: 24px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
    color: #797E81;
    /* 1.2em * 3 строки */
}
.products {
    display:flex;
    gap:20px;
}


.products__list {
    max-width: 880px;
    flex-wrap:wrap;
    justify-content: space-between;
    row-gap:20px;
}

.products__filter {
    max-width: 330px;
    /*min-width: 250px;*/
    width: 100%;
    padding-left: 20px;
    height: 1200px;

    direction: rtl; 
}
.products__filter::-webkit-scrollbar {
    width: 12px; /* ширина вертикального скролла */
}

.products__filter::-webkit-scrollbar-track {
    background: #f0f0f0; /* фон трека (дорожки) */
    border-radius: 10px;
    width: 16px;
    color: #797E811A;
}

.products__filter::-webkit-scrollbar-thumb {
    background-color: #E13829;
    width: 12px;/* цвет самого ползунка */
    border-radius: 10px;
    height: 156px!important;
    /* обводка вокруг ползунка */
}

.products__filter > * {
    direction: ltr;
}

.products__filter h2 {
    margin-bottom:30px;
    font-size: 24px;
    line-height: 24px;
    font-weight:700;
    color:#E13829; 
}


.products__item {
    max-width: 280px;
    height: 400px;
    border-radius: 20px;
    border: none;
    background-color: #fff;
    color: #333;
    flex-basis: 32%;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.06);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: relative;
    padding: 16px;
}

.products__item:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12);
}

/* Заголовок товара */
.products__item h3 {

    font-family: 'Calibri';
    font-size: 16px;
    font-weight: 600;
    color: #222222ad;
    margin: 12px 0 8px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.2em;
    max-height: 3.6em;

}
.products__categories > ul > li > a {
    word-wrap: break-word;       /* Старое, но работает во всех браузерах */
    overflow-wrap: break-word;   /* Новое, более современное */
    hyphens: auto;               /* Добавляет переносы по слогам, если браузер умеет */
}

/* Картинка товара */
.products__item img {
    max-height: 180px;
    object-fit: contain;
    border-radius: 12px;
    background: #f7f7f7;
    padding: 10px;
    transition: transform 0.3s ease;
}

.products__item:hover img {
    transform: scale(1.03);
}

/* Вес или дополнительный текст */
.products__item span {
    font-size: 14px;
    color: #888;
    margin-top: auto;
}



.products__item img{
    width: 100%;
    height: 222px;
    object-fit: cover;
    padding: 10px;
    border-radius: 15px;
}

.products__item h3 , .products__item span {
    padding-right: 10px;
    padding-left: 10px;
}

.products__item span {
    margin-top:20px;
    display: inline-block;   
}


.products--margin {
    margin-top: 30px;
}


/*input[type="radio"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}*/


#label-pop::before {
    content: url(../img/popular.svg);
    position: relative;
    width: 24px;
    height: 24px;
}

#label-month::before {
    content: url(../img/month-prod.svg);
    position: relative;
    width: 27px;
    height: 27px;
}

#label-cashback::before {
    content: url(../img/cashback.svg);
    position: relative;
    width: 25px;
    height: 18px;
}

#label-actions::before {
    content: url(../img/actions.svg);
    position: relative;
    width: 27px;
    height: 27px;
}

.products__radio {
    border-bottom: 1px solid rgba(128,130,133,0.5);
}
.products__radio ul{
    display: flex;
    flex-direction: column;
    gap:10px;
}

.products__radio li{
    display: flex;
    flex-direction: row;
    gap:10px;
    color: #797E81;
    font-size: 24px;
    line-height: 29px;
    font-weight: 400;
    padding-bottom: 10px;
}

.products__radio li label {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap:10px;
}


.products__radio input:checked~label {
    font-weight:700;
    color:#E13829;
}


.products__for {
    font-size: 24px;
    line-height: 29px;
    border-bottom: 1px solid rgba(128,130,133,0.5);
    display: flex;
    flex-direction: column;
}

.products__for h3 {
    color:#E13829;
    padding-top: 20px;
    padding-bottom: 10px;
}

.products__for ul {
    display: flex;
    flex-direction: column;
    gap:20px;
    padding-bottom: 20px;
}

.products__for ul li{
    font-weight: 400;
    color:#797E81;
}

.products__categories {
    padding-top: 15px;
}

.products__categories > ul{
    display: flex;
    flex-direction: column;
    gap:15px;
}

.products__categories>ul>li>a {
    font-weight: 400;
    font-size: 24px;
    line-height: 29px;
    color: #797E81;
    display: flex;
    align-items: center;
    gap:10px;
    max-width: 250px;
    width:100%;
}


.products__categories>ul>li>a::before {
    content: url(../img/orange-prod.svg);
    position: relative;
    width: 25px;
    height: 25px;
}

.products__categories>ul>li>a::after {
    content: url(../img/arrow-prod.svg);
    position: absolute;
    width: 25px;
    height: 25px;
    left: 95%;
}

.products__categories>ul>li{
    /*position: relative;*/
    display: flex;
}


#bx_117848907_42 > section > div:nth-child(1) > div.card__text > div.card__info > div:nth-child(8){
    display: none;
}
.products__subcategories {
    z-index: 1000;
    display: none;
    position: absolute;
    left: 100%;
    background-color: white;
    max-width: none;
    width: max-content;
    border-radius: 10px;
    border:2px solid #D9D9D9;
    padding:10px;
    flex-direction: column;
    gap:15px;
}


.products__subcategories li a{
    display: flex;
    gap: 26px;
    position: relative;
    font-size: 24px;
    line-height: 29px;
    font-weight: 400;
    color:#797E81;
    justify-content: space-between;

}

.products__categories ul li:hover > .products__subcategories {
    display:flex;
}

.products__categories > ul > li {
    transition: 
        padding 0.3s ease,
        background-color 0.3s ease,
        border-radius 0.3s ease;
}/* Общий стиль для пунктов подкатегорий */
.products__subcategories > li {
    transition: background-color 0.3s ease, box-shadow 0.3s ease, border-radius 0.3s ease, padding 0.3s ease;
}

/* Эффект при наведении на категорию */
.products__subcategories > li:hover {
    background-color: #f9f1f1;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    padding: 8px 12px;
}

/* Ссылки внутри категорий — добавим плавность */
.products__subcategories > li > a {
    transition: color 0.3s ease;
}

/* Подсветка ссылок при наведении */
.products__subcategories > li > a:hover {
    color: #e13829;
}

/* Плавное появление вложенных ul (level-3) */
.products__subcategories.level-3 {
    transition: all 0.3s ease;
}


.products__categories > ul > li:hover {
    padding: 10px 15px;
    border-radius: 100px;
    background-color: #fad7d7;
	color:#e13829;
}

.products__for>ul>li:hover {
    background-color: #fad7d7;
	padding: 10px 15px;
    border-radius: 100px;
    background-color: #fad7d7;
	color:#e13829;
}
.products__for>ul>li {
    transition: 
        padding 0.3s ease,
        background-color 0.3s ease,
        border-radius 0.3s ease;
}
.products__subcategories>li:hover {
    background-color: #fad7d7;
}
.products__categories>ul>li>a:hover {
	color:#e13829;
}

.for-link.category-link:hover{
    color:#e13829!important;
}
@media (min-width: 1920px) {
    .products__list {
        max-width: 1300px;
    }

    .products__item {
        flex-basis: 25%;
    }
}


/*Бренды*/

.self-prod h2 , .partners h2 {
    color:#797E81;
    font-size:36px;
    line-height: 36px;
    font-weight: 700;    
}

.brands__title {
    font-size: 30px;
    line-height: 59px;
    font-weight: 700;
    color: #E13829;    
}

.self-prod h2 {
    margin-top: 40px;
    margin-bottom: 60px;        
}

.self-prod .slider {
    justify-content: center;
    height: 371px;
}

.self-prod__button::after {
    content: url(../img/button-arrow.svg)
}
.location__list{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.self-prod__list {
    /*max-width: 981px;*/
    width: 981px !important; 
    /*overflow: hidden;*/ /*отключено из-за слайдера*/
}

.self-prod__item {
    max-width: 981px;
    /*position: relative;*/
    /*width: 100% !important;*/
}

.self-prod__item img {
    /*width: 100%;*/
    height: 100%;
    border-radius: 20px;
    object-fit: cover;
    max-width: 955px;
    width: 100%;
    height: 371px;
}





.self-prod__button {
    text-decoration: none;
    display: flex;
    align-items: center;
    gap:25px;
    padding: 10px 15px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
    width: 180px;
}

.self-prod__description {
    position: absolute;
    top:0;
    color: #FFFFFF;
    max-width: 594px;
    height: 371px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    padding-left: 50px;
}
.news-block__list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    padding: 0;
    margin: 0;
    list-style: none;
}

.news-block__item {
    background-color: #fff;
    border-radius: 12px;
    overflow: hidden;
    transition: transform 0.35s ease, box-shadow 0.35s ease;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    cursor: pointer;
}

.news-block__item:hover {
    transform: translateY(-10px);
    box-shadow: 0 16px 30px rgba(0, 0, 0, 0.15);
}

.news-block__item img {
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.3s ease;
}

.news-block__item:hover img {
    transform: scale(1.03);
}

.news_a_list {
    text-decoration: none;
    padding: 16px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    gap: 15px;
}

.news_a_list span {
	z-index:1000;
    font-size: 14px;
    color: #fff;
    margin-bottom: 8px;
}

.news_a_list h3 {
    margin: 0;
    font-size: 18px;
    color: #222;
    transition: color 0.3s ease;
}

.news-block__item:hover h3 {
    color: #0074d9; /* Подчеркнутый цвет при наведении */
}


.partners h2 {
    margin-top: 100px;
    margin-bottom: 40px;
}


.self-prod__description div {
    font-size:14px;
    line-height: 22px;
    max-height: 160px;
    height: 100%;
}

.self-prod__description h3 {
    font-size:48px;
    line-height: 59px;
    font-weight: 700;
}


.partners__list {

    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap:10px;
    gap:10px;
}

.partners__item {
    width: 270px;
    height: 217px;

}

.partners__item img {
    border-radius: 15px;
  /*  width: 100%;*/
    height: 100%;
}

@media (min-width: 1200px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl {
        max-width: 1207px!important;
    }
}

@media (min-width: 1920px) {
    .self-prod__list{
        width: 1330px !important;
    }

    .self-prod__item {
        max-width: 1330px;
    }
    
    /*.self-prod__item {
        min-width: 1330px;
    }
    */
    .self-prod__item img {
        max-width: 1330px;
    }

    .partners__item {
        max-width: 380px;
        max-height: 376px;
    }

    .partners__list {
        max-width: 1600px;
    }

}

    .col-md-13{
        flex: 0 0 auto;
        width: 100% !important;
    }
