.container-text-bold--title {
    font-weight: bold;
    max-width: 1369px;
    font-size: 36px;
    margin-top: 60px;
}
.promo--artdom .promo__container {
    position: absolute;
    top: 40%;
    right: 0;
    padding: 0;
    z-index: -1;
}
.b2b--artdom h2.b2b__title.title-overflow {

    font-size: 36px;
}
.b2b--artdom h2.b2b__title.title-overflow {

    width: 1601px;
}
.advantages__wrap-bottom {

    font-weight: 500;

    font-size: 24px;

    line-height: 28px;
}
.advantages.advantages--artdom .advantages__br {

    margin-top: 0px;
}
.advantages.advantages--artdom .advantages__name {
    font-weight: 100;
    font-size: 64px;
    line-height: 50px;
    margin-bottom: 35px
}
.advantages.advantages--artdom .vertical-line {
    height: 72%;
}
.advantages.advantages--artdom .advantages__wrap {
    padding-top: 235px;
    font-family: "TTNormsPro";
    padding-bottom: 70px;
}
.advantages.advantages--artdom h2.advantages__title.title-overflow:before {
    content: '';
    background: #11669a;
    height: 80px;
    display: block;
    position: absolute;
    width: 100px;
    z-index: -1;
    margin-top: -7px;
}
@media (max-width: 2270px) {
    .advantages.advantages--artdom h2.advantages__title.title-overflow:before {
        background: #126396;
    }

}
@media (max-width: 1973px) {
    .advantages.advantages--artdom h2.advantages__title.title-overflow:before {
        background: #136294;
    }

}
@media (max-width: 1500px) {
    .advantages.advantages--artdom h2.advantages__title.title-overflow:before {
        background: #116191;
    }

}
.advantages.advantages--artdom h2.advantages__title.title-overflow {
    background: none;
    display: block;
    width: 700px;
    text-align: left;
    padding-top: 21px;
}
.advantages.advantages--artdom {
    margin-bottom: 50px;
}
.b2b--artdom .b2b__wrap {
    padding-bottom: 50px;
}
.b2b--artdom .vertical-line.vertical-line--b2b {

    height: 90%;
}
.b2b--artdom .b2b__text p {
    margin-bottom: 10px;
}
.b2b--artdom .b2b__name {
    font-weight: 400;
    font-size: 40px;
    margin-bottom:30px;
}
.b2b--artdom span.b2b__subtitle {
    font-size: 24px;
    color: #000000;
    font-weight: normal !important;
    line-height: normal !important;
    margin-top: 10px;
    display: flex;
}
.b2b--artdom h2.b2b__title.title-overflow {
    height: 180px;
}
.bx-404-containers {

}
.bx-404-container {
    display: flex;
    justify-content: center;
    align-items: center;
}
.bx-404-containers {
    position: absolute;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.bx-404-text {
    color: rgba(0, 98, 147, 1);
    font-family: "TTNormsPro";
    font-weight: 700;
    font-size: 48px;
    text-align: center;
}
.bx-404-link {
    display: flex;
    justify-content: center;
    position: absolute;
    bottom: 155px;
}
.bx-404-link a:hover {
    opacity: 0.9;
}
.bx-404-link a {
    display: flex;
    height: 65px;
    width: 288px;
    font-family: "TTNormsPro";
    font-weight: 400;
    font-size: 24px;
    line-height: 28px;
    background: rgba(0, 98, 147, 1);
    justify-content: center;
    align-items: center;
    color: #fff;
    border-radius: 30px;
}
main.background_black {
    background: #000;
}
span.block-contact--item-name {

    font-weight: 700;
    font-family: "TTNormsPro";
    font-size: 24px;
}

.page-title span{
    z-index: 9;
    background: #fff;
    display: inline-flex
;
    position: relative;
    font-weight: 700;
    font-size: 48px;
    text-align: center;
    color: rgba(0, 98, 147, 1);
    padding: 0 24px;
}
.page-title {
    position: relative;
    text-align: center;
    overflow: hidden;
    font-family: "TTNormsPro";
}

.page-title::before,
.page-title::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 50%;
    height: 1px;
    background-color: rgba(0, 98, 147, 1);
}

.page-title::before {
    right: 50%;
    margin-right: 15px;
}

.page-title::after {
    left: 50%;
    margin-left: 15px;
}

span.breadcrumb-separator {
    margin-right: 2px;
}
ul.breadcrumbs {
    display: flex
;
    gap: 5px;
    padding: 0;
    margin-top: 48px;
    margin-bottom: 57px;
}
.breadcrumbs span{
    color: #979797;
}
.breadcrumbs a span{
    color: rgba(0, 98, 147, 1);
}
.breadcrumbs a,
.breadcrumbs span
{

    font-weight: 300;
    font-size: 20px;

}
span.block-contact--item-value {

    font-weight: 400;
    font-size: 20px;
    text-align: justify;
}
.block-contact--items {
    display: flex
;
    justify-content: center;
    gap: 170px;
    margin-top: 79px;
    margin-bottom: 152px;
}

.block-contact--item {
    display: flex
;
    flex-direction: column;
    gap: 19px;
}
.block-contact--text p  {
    font-weight: 400;
    padding-bottom: 19px;
    line-height: 25px;
    font-family: "TTNormsPro";
    font-size: 20px;
}.block-contact--text p  span{
    font-weight: 500;
}
.block-contact--text {
    margin-bottom: 72px;
}

.block-uniq--page-title .vertical-line {
    background-color: #006293;
}
.block-uniq--page-title .vertical-line.vertical-line--bottom_bottom {
    right: auto;
    left: 50px;
    top: 154px;
}
.block-uniq--page-title .vertical-line.vertical-line--bottom_top {
    right: auto;
    left: 49px;
    top: 0;
}
.block-uniq__title {

    color: #006293;
    font-weight: 400;
    font-size: 48px;
    font-family: "TTNormsPro";
    width: auto;
    display: block;
    background: #ffffff;
    height: auto;
    padding-top: 8px;
    line-height: 58px;
    top: 65px;
    margin-left: 0;
}
.block-uniq__title span {
    font-weight: 700;
}
.block-uniq--page-title {

    position: relative;
}
.block-uniq--page-text {
    position: absolute;
    top: 156px;
    font-family: "TTNormsPro";
    font-weight: 300;
    font-size: 20px;
    letter-spacing: 0.2px;
    text-align: justify;
    margin-left: 92px;
}
.block-uniq--page-title {
    position: relative;
    width: 48.5%;
}
.block-contact--form {
    display: flex
;
    margin-bottom: 76px;
}
.block-contact--form-form {
    margin-top: 79px;
    width: 51%;
}
.block-contact--form-form .contact__form input::placeholder{
    font-family: "TTNormsPro";
    font-weight: 300;
    font-size: 20px;
    color: rgba(119, 119, 119, 1);

}
.block-contact--form-form .contact__form input{
    border: 0;
    outline: none;
    border-bottom: 1px solid rgba(97, 97, 97, 1);
    font-family: "TTNormsPro";
    font-weight: 300;
    font-size: 20px;
    padding-bottom: 29px;

}
.block-contact--form-form .contact__form select{
    border: 0;
    font-family: "TTNormsPro";
    font-weight: 300;
    font-size: 20px;
    outline: none;
    border-bottom: 1px solid rgba(97, 97, 97, 1);
    padding-bottom: 28px;
}
.block-contact--form-form .contact__form{
    display: flex
;
    gap: 30px;
    flex-direction: column;
}
button.btn.btn-orange.mail-only__submit:hover {
    background: #fff;
    color:rgba(0, 98, 147, 1);
    transform: scale(1.05);
}
button.btn.btn-orange.mail-only__submit {
    background: rgba(0, 98, 147, 1);
    color: #fff;
    width: 172px;
    height: 41px;
    font-family: "TTNormsPro";
    font-weight: 400;
    font-size: 18px;
    border: 1px solid rgba(0, 98, 147, 1);
    transition: all 0.3s ease;
}
.page {
    margin-bottom: 50px;
}
.page--sub-menu li a.active {

    font-weight: 500;
text-decoration: none;
  border-bottom: 2px solid rgba(0, 98, 147, 1);

}
.page--sub-menu li a:hover {

    border-bottom: 2px solid rgba(0, 98, 147, 1);
}
.page--sub-menu li a {
    font-family: "TTNormsPro";
    font-weight: 400;
    font-size: 32px;
    color: rgba(63, 63, 63, 1);

}
.page--sub-menu {
    margin-top: 41px;
    margin-bottom: 42px;
}
.page--sub-menu ul {
    display: flex;
    justify-content: center;
    gap: 101px;
}
.page--banner img {
    width: 100%;
}
.block-quote {
    margin-top: 100px;
    position: relative;
    min-height: 214px;
}
.block-quote--text {
    font-family: "TTNormsPro";
    font-weight: 400;

    font-size: 32px;
    padding-top: 79px;
    text-align: center;
}
img.block-quote--images-bottom {
    position: absolute;
    left: 46%;
    transform: translate(0, -40%);
}
.block-quote--images {
    position: absolute;
}
.block-uniq--page-title.block-uniq--page-title-2 {
    width: 100%;
}
.block-uniq--page-text.block-uniq--page-text-2 {
    margin-top: 51px;
}
.block-guarantees-time {
    margin-left: -11px;
    margin-bottom: 47px;
}
.block-guarantees-time--items {
    display: flex
;
    gap: 8.5%;
}
.block-guarantees-time--item {
    display: flex
;
    gap: 13px;
}
.block-guarantees-time--item-value {
    display: flex
;
    flex-direction: column;
}
span.block-guarantees-time--item-value--title {
    font-weight: 400;
}
.block-guarantees-text p{
    padding-bottom: 24px;

}
.block-guarantees-text {
    padding-left: 21px;
}
.block-uniq-title.block-uniq-title-2 .vertical-line.vertical-line--bottom_bottom
{
    height: 83%;
}
.block-uniq-title.block-uniq-title-3 .vertical-line.vertical-line--bottom_bottom {
    top: 67px;
}
.block-uniq--page-text.block-uniq--page-text-3{
    margin-top: 69px;
    top: 0px;
    position: relative;
    border-left: 1px solid #006293;
    margin-left: 48px;
    padding-left: 47px;
}
.block-certificates--items {
    display: flex
;
    flex-wrap: wrap;
    gap: 2%;
}
.block-certificates--item {
    width: 32%;
}
.glass__image {
    position: absolute;

    justify-content: center;

    width: 100%;
    height: 100%;

    text-align: center;
    margin-top: 50%;
}
span.block-certificates--item--name-title {
    font-family: "TTNormsPro";
    font-weight: 400;
    font-size: 24px;
    display: block;
}
.block-certificates--item--name {
    padding: 2px 7px;
    margin-top: 22px;
}

a.block-certificates--item--image:hover .glass__image img {
    transform: scale(1.5);    transition: all 0.3s ease;
}
a.block-certificates--item--image  {
    position: relative;
    transition: all 0.3s ease;
}
.block-uniq--page-text.block-uniq--page-text-4 {
    margin-top: 48px;
    /*margin-left: 6px;
    max-width: 94%;*/

    margin-left: 50px;
    max-width: 100%;
    border-left: 1px solid #006293;
    padding-left: 35px;
    position: relative;
    top: auto;
}
.block-uniq--page-title.block-uniq--page-title-4 {
    width: 100%;
}
.block-uniq-title.block-uniq-title-4 .container-title {
    position: relative;
    height: 155px;
    text-align: right;
    width: 100%;
    display: flex
;
    /*justify-content: end;*/
}
section.block-projects-images {
    margin-top: 63px;
    margin-left: 55px;
}
.block-uniq--page-title.block-uniq--page-title-4 .vertical-line.vertical-line--bottom_top {
    right: auto;
    /*right: 49px;*/
    top: 39px;
   /* left: auto;*/
}
.block-uniq--page-title.block-uniq--page-title-4 h2.block-uniq__title.title-overflow {
    margin-top: 43px;
}
.block-uniq--page-title.block-uniq--page-title-4 .vertical-line.vertical-line--bottom_bottom {
    /*left: auto;
    right: 50px;*/
    top: 203px
}
.swiper-button-next:after {
    content: '';
    width: 11px;
    height: 17px;
    background: url(/local/templates/auqa/images/right.svg) no-repeat;
}
.swiper-button-prev:after {
    content: '';
    width: 59px;
    height: 16px;
    background: url(/local/templates/auqa/images/left.svg) no-repeat;
    background-size: cover;
}
.swiper-paginations {
    position: relative;
    width: 100%;
    height: 30px;
    display: flex
;
    gap: 34px;
    margin-top: 25px;
   /* margin-left: 96px;*/
    justify-content: end;
}
.swiper-button-next{
    order: 2;
}
.swiper-button-prev {
    order: 1;
    width: 59px;
}
.swiper-button-next,
.swiper-button-prev {
    position: relative;
    display: flex
;

    right: auto;
    left: auto;
    top: auto;

}
.collections-title {
    font-family: "TTNormsPro";
    font-weight: 600;
    color: rgba(0, 98, 147, 1);
    font-size: 48px;
    text-align: center;
}
.block-collections{
    margin-top: 123px;
}
.collections-title {
    margin-bottom: 66px;
}
.block-projects-collections--items {
    display: flex
;
    flex-direction: column;
    gap: 71px;
}
.block-projects-collections--item.right .block-projects-collections--item--image--2 {
    order: 3;
}.block-projects-collections--item.right .block-projects-collections--item--image--1 {
    order: 2;
}
.block-projects-collections--item.right .block-projects-collections--item--text {
    order: 1;

}
.block-projects-collections--item {
    display: grid
;
    grid-template-columns: 321px 551px auto;
    gap: 48px;
}
.block-projects-collections--item.right .block-projects-collections--item--text--logo img {
    align-self: end;
}
.block-projects-collections--item.right .block-projects-collections--item--text--text {
    margin-top: 30px;
}
.block-projects-collections--item.right {
    grid-template-columns: auto 551px 321px;
    gap: 36px;
}
.block-projects-collections--item--text--logo img{
    align-self: flex-start;
}
.block-projects-collections--item--text--logo {
    display: flex
;
    flex-direction: column;
    gap: 20px;
}
.block-projects-collections--item--text--text p strong{
    font-weight: 500;
}
.block-projects-collections--item--text--text p{
    font-weight: 400;
    margin-bottom: 25px;
    font-size: 20px;
    font-family: "TTNormsPro";

}
.block-projects-collections--item--text--text {
    margin-top: 41px;
}

.block-quote--about  .block-quote--text{

    padding-top: 86px;
    width: 86%;
    margin: 0 auto;
}
.block-about-text {
    padding: 0px 0px 0 18px;
}
.block-about-images--items {
    display: grid
;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    margin-top: 37px;
}
.block-about-images--item {
    position: relative;
}
.block-about-images--item a.link-3 {
    font-weight: 500;
    font-size: 20px;
    display: flex
;    top: 57%;
    left: 177px;
    justify-content: center;
    align-items: center;
    background: rgba(0, 0, 0, 0.3);

    vertical-align: middle;
    height: auto;
    padding: 5px 29px;
    border-radius: 30px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    position: absolute;
    color: #fff;
}
.block-about-images--item a.link-2 {
    font-weight: 500;
    font-size: 20px;
    display: flex
;    top: 89px;
    left: 20px;
    justify-content: center;
    align-items: center;
    background: rgba(255, 255, 255, 0.1);
    vertical-align: middle;
    height: 41px;
    padding: 0px 29px;
    border-radius: 30px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    position: absolute;
    color: #fff;
}
.block-about-images--item a.link-1 {
    font-weight: 500;
    font-size: 20px;
    display: flex
;
    justify-content: center;
    align-items: center;
    background: rgba(255, 255, 255, 0.1);
    vertical-align: middle;
    height: 41px;
    padding: 0px 29px;
    border-radius: 30px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    position: absolute;
    top: 48px;
    right: 23px;
    color: #fff;
}
img.circle-2 {
    position: absolute;
    top: 68%;
    left: 17%;
}
img.circle-3 {
    position: absolute;
    top: 34%;
    left: 52%;
}
img.circle-1 {
    position: absolute;
    top: 103px;
    right: 57%;
}
.container-title.container-title--about {
    position: relative;
    height: 642px;
    margin-bottom: 120px;
}
.block-advantages--items {
    background: url(/local/templates/auqa/images/pages/about/about/background-about.jpg)  0 0 no-repeat;
}
.block-advantages--item.block-advantages--item--text {
    display: flex
;
    flex-direction: column;
    align-items: center;
    gap: 30px;
    position: absolute;
    z-index: 9;
    top: 40%;
}


/* Блок advantages — БЭМ */
.advantages {
    background: linear-gradient(180deg, #006293 0%, #004E78 50%, #023953 100%);
    color: #ffffff;
    padding: 72px 0 80px;
    font-family: "TTNormsPro";
    margin-bottom: -50px;
}

.advantages__container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 24px;
}

.advantages__title {
    text-align: center;
    margin: 0 0 36px;
}

.advantages__title-main {
    display: block;
    font-weight: 800;
    font-size: 72px;
    line-height: 1.1;
    text-transform: uppercase;
}

.advantages__title-sub {
    display: block;
    font-weight: 800;
    font-size: 36px;
    line-height: 1.1;
    text-transform: uppercase;
}

.advantages__content {
    display: grid;
    grid-template-columns: 1fr 410px 1fr;
    gap: 40px;
    align-items: start;
}

.advantages__decor {
    display: flex;
    align-items: flex-end; /* чтобы нижняя часть изображения (вода) была видна */
    justify-content: center;
    position: relative;
}

.advantages__decor-img {
    height: 572px; /* исходная высота по макету */
    width: auto;
    display: block;
    transform: scaleX(-1); /* отзеркаливание по горизонтали */
}

.advantages__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 42px;
}

.advantages__item {
    display: grid
;
    grid-template-columns: 59px 1fr;
    gap: 40px;
    align-items: flex-start;
}

.advantages__num {

    font-weight: 600;
    font-size: 48px;
    border-bottom:2px solid ;

}

.advantages__text {
    margin: 0;
    font-size: 20px;
    padding-top: 11px;
    width: 90%;    text-align: justify;
}

.advantages__text-strong {
    font-weight: 700;
}

/* Правая колонка: номера справа */
.advantages__list--right .advantages__item {
    grid-template-columns: 1fr 59px;    gap: 0px;
}
.advantages__list--right .advantages__num {
    order: 2;
}


/* Адаптивность */
@media (max-width: 1100px) {
    .advantages__content {
        grid-template-columns: 1fr;
    }
    .advantages__decor {
        order: -1;
    }
    .advantages__decor-img {
        height: 420px;
        margin: 0 auto;
    }
}

@media (max-width: 768px) {
    .advantages__decor-img {
        height: 320px;
    }
}



.articles-card {
    position: relative;
    width: 397px;
    height: 578px;
    background: var(--articles-white);
    font-family: "TT Norms", Arial, sans-serif;
}

.articles-card__image {
    position: absolute;
    inset: 0;
    background-image: var(--articles-card-image);
    background-size: cover;
    background-position: center;
}

.articles-card__badge {
    position: absolute;
    left: 31px;
    top: 229px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 30px;
    border: 1px solid var(--articles-blue-600);
    border-radius: 100px;
    background: var(--articles-white);
    color: var(--articles-blue-600);
    font-size: 16px;
    font-weight: 500;
    line-height: 1.18;
    white-space: nowrap;
}

.articles-card__content {
    position: absolute;
    left: 31px;
    top: 297px;
    width: 366px;
    display: flex;
    flex-direction: column;
    gap: 69px;
}

.articles-card__header {
    display: flex;
    flex-direction: column;
    gap: 22px;
}

.articles-card__category {
    color: var(--articles-blue-600);
    font-weight: 700;
    font-size: 24px;
    line-height: 1.18;
}

.articles-card__text-group {
    display: flex;
    flex-direction: column;
    gap: 43px;
}

.articles-card__title {
    margin: 0;
    color: var(--articles-text-dark);
    font-weight: 500;
    font-size: 16px;
    line-height: 1.18;
}

.articles-card__excerpt {
    margin: 0;
    color: var(--articles-text-muted);
    font-weight: 500;
    font-size: 16px;
    line-height: 1.18;
}

.articles-card__date {
    color: var(--articles-blue-600);
    font-weight: 400;
    font-size: 14px;
    line-height: 1.18;
}

.articles {
    margin-top: 85px;
}


.articles__list {
    display: grid;
    justify-content: start;
    gap: 24px;
}

@media (min-width: 1200px) {
    .articles__list { grid-template-columns: repeat(4, 1fr); gap: 50px; }
}

@media (max-width: 1199px) {
    .articles__list { gap: 20px; }
}

@media (max-width: 767px) {
    .articles__list { gap: 16px; }
}

.articles__item {
    background: transparent;
}

.articles__item:focus-within,
.articles__item:hover {
    box-shadow: 0 8px 24px rgba(0,0,0,0.06);
    transform: translateY(-2px);
}

@media (max-width: 991px) {
    .articles__item { grid-column: span 6; }
}

@media (max-width: 767px) {
    .articles__item { grid-column: span 12; }
}

.articles__link {
    display: block;
    position: relative;
    color: inherit;
    text-decoration: none;
    height: 100%;
}

@media (min-width: 1200px) {

}

.articles__figure {
    margin: 0;
    position: relative;
    background: #fbfbfb;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    overflow: hidden;
}

@media (min-width: 1200px) {
    .articles__figure { height: 210px; }
}

.articles__image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.articles__content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 16px;
    background: #f4f4f4;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 24px 30px;
    position: relative;
    z-index: 1;
}

.articles__title {
    margin: 0;
    font-size: 24px;
    line-height: 1.18;
    font-weight: 700;
    color: #006293;
}

@media (max-width: 767px) {
    .articles__title { font-size: 16px; }
}

.articles__subtitle {
    margin: 0;
    font-size: 16px;
    line-height: 1.18;
    color: #3f3f3f;
    font-weight: 500;
}

.articles__text {
    margin: 0;
    font-size: 16px;
    line-height: 1.18;
    color: #d9d9d9;
    font-weight: 500;
    margin-top: 20px;
    margin-bottom: 43px;
}

.articles__date {
    font-size: 14px;
    line-height: 1.18;
    color: #006293;
}

.articles__badge {
    position: relative;
    /* left: 31px; */
    /* top: 229px; */
    display: inline-block;
    margin: 15px 0 9px 28px;
    padding: 6px 30px;
    border-radius: 100px;
    background: #ffffff;
    border: 1px solid #006293;
    color: #006293;
    font-size: 16px;
    font-weight: 500;
    z-index: 3;
}

/* адаптив */
@media (max-width: 1199px) {
    .articles__list { grid-template-columns: repeat(2, minmax(320px, 1fr)); gap: 32px; }
    .articles__item { height: auto; }
    .articles__figure { height: 200px; }
    .articles__badge { }
}

@media (max-width: 600px) {

    .page--sub-menu ul {

        gap: 25px;
    }
}
@media (max-width: 430px) {

    .page--sub-menu ul {

        gap: 25px;
    }
    .page--sub-menu li a {

        font-size: 24px;
    }
}
@media (max-width: 767px) {
    .articles__list { grid-template-columns: 1fr; gap: 20px; }
}
.articles__content_badge  {
    background: #f4f4f4;
}
.page--navigation {
    margin-top: 40px;
}
.page--navigation {
    display: flex
;
    justify-content: center;
    gap: 10px;
    font-size: 20px;
}
.page-nav.active {
    color: #ffffff;
    background: #013953;
}
.page-nav {
    border: 1px solid;
    border-radius: 30px;
    width: 35px;
    height: 35px;
    display: flex
;
    justify-content: center;
    line-height: 50px;
    align-items: center;
    font-size: 18px;
}
root {
    --container-max: 1200px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 20px;
    --space-6: 24px;
    --space-8: 32px;
    --space-10: 40px;
    --space-12: 48px;

    --radius-s: 8px;
    --radius-m: 12px;

    --color-bg: #ffffff;
    --color-card: #11141a;
    --color-divider: #1b202a;
    --color-text: #000000;
    --color-text-muted: #b7bfcc;
    --color-accent: #6ea8fe;
    --color-accent-2: #66e3c4;
}

/* Токены бренда из макета (переопределения) */
:root {
    --brand-1: #006293;
    --brand-2: #004E78;
    --brand-4: #023953;
    --muted: #DFDFDF;
    --color-card: #f7f9fb;
    --color-divider: #e6e6e6;
    --color-text-muted: #616161;
    --color-accent: var(--brand-1);
}


.article-page { padding: var(--space-10) 0 var(--space-12); }

/* Новая структура страницы статей */
.articles-page { padding: 28px 0 72px;    font-family: "TTNormsPro"; }
.breadcrumbs.breadcrumbs--inline { color: var(--color-text-muted); font-size: 14px; margin: 0 0 20px; }
.breadcrumbs__home { color: var(--brand-1); }

.tabs { display: flex; gap: 98px; align-items: center; justify-content: center; color: #3f3f3f; margin-bottom: 24px; }
.tabs__item { background: none; border: 0; padding: 0; color: #3f3f3f; font-size: 32px; cursor: pointer; }
.tabs__item--active { text-decoration: underline; text-decoration-color: var(--brand-1); text-underline-offset: 6px; font-weight: 500; }

.hero { display: grid; grid-template-columns: 899fr 776fr; gap: 36px; align-items: start; }
.hero__media { width: 100%; max-width: 899px; aspect-ratio: 899/480; overflow: hidden; }
.hero__image { width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; display: block; }
.hero-slider { position: relative; width: 100%; height: 100%; }
.hero-slider__track { display: flex; width: 100%; height: 100%; transition: transform .5s ease; }
.hero-slider__slide { flex: 0 0 100%; height: 100%; }
.hero-slider__nav { position: absolute; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; border-radius: 50%; border: 0; background: rgba(0,0,0,.4); color: #fff; cursor: pointer; }
.hero-slider__nav--prev { left: 8px; }
.hero-slider__nav--next { right: 8px; }
.hero__pager { display: flex; gap: 15px; justify-content: center; margin-top: 8px; }
.hero__bar { width: 85px; height: 4px; background: #b9b9b9; display: inline-block; }
.hero__bar--active { background: var(--brand-1); }

.hero__main { max-width: 776px; }
.hero__title { margin: 0 0 12px; font-size: 32px; color: #3f3f3f; font-weight: 700; }
.hero__subtitle { margin: 0 0 16px;     font-size: 32px;
    color: #3f3f3f;
    font-weight: 300;}
.hero__date { display: flex; align-items: center; gap: 25px; color: var(--brand-1); margin-bottom: 16px; }
.hero__date-line { width: 132px; height: 1px; background: var(--brand-1); display: inline-block; }
.hero__lead { margin: 0 0 8px; font-weight: 600; }
.hero__text { margin: 0; font-size: 20px;    margin-top: 40px; text-align: justify; font-weight: 300}
.hero__text b, .hero__text strong { font-weight: 500}

.content-row { display: grid; grid-template-columns: 899fr 776fr; gap: 36px; margin-top: 40px; }
.features__title { margin: 0 0 12px; font-weight: 600; }
.features__list { margin: 0 0 12px; padding-left: 24px; }
.features__item { margin: 0 0 6px; }
.features__note { margin: 0; }
.features ul li{
    list-style-type: disc;
}
.features b, .features strong
{
    font-weight: 500;
}
.features ul{
    margin-left: 21px;
}
.features {    font-weight: 300;
    font-size: 20px;
}
.thumbs { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; }
.thumbs__img { width: 100%; aspect-ratio: 365/259; height: auto; object-fit: cover; object-position: center; display: block; }

.more { margin: 40px 0 16px; position: relative; }
.more__title { margin: 0; font-size: 48px; color: var(--brand-1); text-align: right; font-weight: 400; }
.more__title-primary { font-weight: 700; }
.more__title-secondary { font-weight: 400; color: var(--brand-1); }
.more::before { content: ""; position: absolute; right: 0; top: -52px; width: 59px; height: 1px; background: var(--brand-1); transform: rotate(-90deg); transform-origin: right top; }
.more::after { content: ""; position: absolute; right: 0; top: 35px; width: 473px; height: 1px; background: var(--brand-1); transform: rotate(90deg); transform-origin: right top; }

.cards {/* display: grid; grid-template-columns: repeat(4, 1fr); gap: 50px; */}
.card__media { position: relative; height: 429px; border-radius: 0; overflow: hidden; background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 90%), var(--card-image) no-repeat center/cover; }
.card__date
{ position: absolute; top: 30px; left: 31px; height: 41px; display: inline-flex; align-items: center; justify-content: center; padding: 0 16px; border-radius: 34px; background: rgba(255,255,255,0.1); color: #fff; font-family: Circe, system-ui, sans-serif; font-weight: 700; font-size: 24px; }
.card__body { margin-top: 20px; color: #000; }
.card__title { margin: 0 0 8px; font-weight: 700; }
.card__desc { margin: 0; }

/* Адаптив под макет */
@media (max-width: 1200px) {
    .hero, .content-row { grid-template-columns: 1fr; }
}

@media (max-width: 992px) {
    .cards { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 768px) {
    .tabs__item { font-size: 22px; }
    .more__title { font-size: 36px; }
    .cards { grid-template-columns: 1fr; }
}


.article-layout {
    display: grid;
    grid-template-columns: 1fr 280px;
    gap: var(--space-12);
}

/* Блок статьи */
.article {}
.article__header { margin-bottom: var(--space-10); }
.article__title {
    margin: 0 0 var(--space-4);
    font-size: 40px;
    line-height: 1.2;
}
.article__meta {
    display: flex;
    gap: var(--space-6);
    flex-wrap: wrap;
    color: var(--color-text-muted);
    margin-bottom: var(--space-6);
}
.article__cover {
    margin: var(--space-6) 0 0;
    border-radius: var(--radius-m);
    overflow: hidden;
    background: var(--color-card);
    border: 1px solid var(--color-divider);
}
.article__cover-image { width: 100%; height: auto; display: block; }
.article__cover-caption {
    padding: var(--space-4) var(--space-6);
    font-size: 14px;
    color: var(--color-text-muted);
    border-top: 1px solid var(--color-divider);
}

.article__content { display: grid; gap: var(--space-6); }
.article__lead {
    font-size: 18px;
    color: var(--color-text);
}
.article__subtitle { margin: var(--space-10) 0 var(--space-4); font-size: 24px; line-height: 1.3; }
.article__paragraph { margin: 0; }

/* Цитата */
.article-quote {
    margin: var(--space-6) 0;
    padding: var(--space-6);
    border: 1px solid var(--color-divider);
    border-left: 4px solid var(--color-accent);
    background: linear-gradient(0deg, rgba(110,168,254,0.06), rgba(110,168,254,0.06));
    border-radius: var(--radius-s);
}
.article-quote__text { margin: 0 0 var(--space-3); font-size: 18px; }
.article-quote__cite { font-style: normal; color: var(--color-text-muted); }

/* Изображение в статье */
.article-image { margin: var(--space-6) 0; }
.article-image--wide .article-image__img {
    width: 100%;
    border-radius: var(--radius-s);
    border: 1px solid var(--color-divider);
}
.article-image__caption { margin-top: var(--space-3); color: var(--color-text-muted); font-size: 14px; }

/* Список */
.article-list { margin: 0; padding-left: var(--space-6); }
.article-list__item { margin: 0 0 var(--space-2); }

/* Подвал статьи */
.article__footer {
    margin-top: var(--space-10);
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-6);
    align-items: center;
    justify-content: space-between;
}

/* Теги */
.tag-list { list-style: none; margin: 0; padding: 0; display: flex; gap: var(--space-3); }
.tag-list__link {
    display: inline-block;
    padding: 6px 10px;
    border-radius: 999px;
    border: 1px solid var(--color-divider);
    background: var(--color-card);
    color: var(--color-text-muted);
}
.tag-list__link:hover { color: var(--color-text); border-color: var(--color-accent); }

/* Поделиться */
.share { display: inline-flex; align-items: center; gap: var(--space-4); }
.share__label { color: var(--color-text-muted); }
.share__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px; height: 36px;
    border-radius: 8px;
    border: 1px solid var(--color-divider);
    background: var(--color-card);
    color: var(--color-text-muted);
    font-weight: 600;
}
.share__button:hover { color: var(--color-text); border-color: var(--color-accent); }

/* Сайдбар оглавления */
.toc { align-self: start; }
.toc--sticky { position: sticky; top: 24px; }
.toc__inner {
    border: 1px solid var(--color-divider);
    background: var(--color-card);
    border-radius: var(--radius-m);
    padding: var(--space-6);
}
.toc__title { margin: 0 0 var(--space-4); font-weight: 700; font-size: 14px; color: var(--color-text-muted); letter-spacing: .02em; text-transform: uppercase; }
.toc__list { margin: 0; padding-left: var(--space-6); color: var(--color-text-muted); }
.toc__item { margin-bottom: var(--space-3); }
.toc__link { color: var(--color-text-muted); }
.toc__link:hover { color: var(--color-text); }

/* Похожие материалы */
.related { margin-top: var(--space-12); }
.related__title { margin: 0 0 var(--space-6); font-size: 24px; }
.related__list { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-6); }
.related-card {
    border: 1px solid var(--color-divider);
    background: var(--color-card);
    border-radius: var(--radius-m);
}
.related-card__link { display: block; padding: var(--space-6); }
.related-card__title { margin: 0 0 var(--space-3); font-size: 18px; }
.related-card__meta { margin: 0; color: var(--color-text-muted); font-size: 14px; }

/* Адаптив */
@media (max-width: 1200px) {
    .article__title { font-size: 36px; }
}

@media (max-width: 992px) {
    .article-layout { grid-template-columns: 1fr; }
    .toc { display: none; }
}

@media (max-width: 768px) {
    .article__title { font-size: 30px; }
    .related__list { grid-template-columns: 1fr; }
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
    height: 4px;
    border-radius: 0;
    width: 15%;
    background: #fff;
}
span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: rgba(0, 98, 147, 1);
}
.cooperation .block-uniq--page-title .vertical-line {
    background-color: #fff;
}
.cooperation
{
    font-family: "TTNormsPro";
}
.cooperation-hero__content { position: relative; }
.cooperation-hero__content::before { content: ""; position: absolute; left: -20px; right: -20px; top: -24px; bottom: -24px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); pointer-events: none; }

/* Хлебные крошки */
.cooperation__breadcrumbs { margin: 24px 0; font-size: 14px; color: #616161; }

/* Hero */
.cooperation-hero { display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 40px; align-items: center; padding: 24px 0 48px; }
.cooperation-hero__title { margin: 0 0 10px; font-size: 42px; font-weight: 700; color: #fff; background: linear-gradient(35deg, #777777 0%, #3D3D3D 100%); -webkit-background-clip: text; background-clip: text; color: transparent; }
.cooperation-hero__subtitle { margin: 0 0 16px; font-size: 28px; font-weight: 700; color: #fff; background: linear-gradient(35deg, #777777 0%, #3D3D3D 100%); -webkit-background-clip: text; background-clip: text; color: transparent; }
.cooperation-hero__text { margin: 0 0 28px; font-size: 18px; line-height: 1.5; color: var(--muted); }
.cooperation-hero__cta { margin-top: 8px; }
.cooperation-hero__image img { width: 100%; height: auto; display: block; border-radius: 4px; }

.cooperation-stats { display: grid; align-items: baseline;grid-template-columns: repeat(5, minmax(0,1fr)); gap: 20px; margin: 16px 0 40px; }
.cooperation-stats--column { grid-template-columns: 1fr; }
.cooperation-stats__item { padding: 16px 0; }
.cooperation-stats__value { font-size: 40px; font-weight: 600; background: linear-gradient(35deg, #777777 0%, #3D3D3D 100%); -webkit-background-clip: text; background-clip: text; color: transparent; }
.cooperation-stats__label { font-size: 14px; color: var(--muted); }

/* Преимущества */
.ooperation-benefits { padding: 56px 0; }
.ooperation-benefits__title { margin: 0 0 28px; font-size: 32px; font-weight: 700; text-align: right; background: linear-gradient(35deg, #777777 0%, #3D3D3D 100%); -webkit-background-clip: text; background-clip: text; color: transparent; }
.ooperation-benefits__list { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 28px; }
.advantages-card { border: 1px solid var(--line);
   /* background: var(--surface); */border-radius: 8px; padding: 20px; display: flex;
    flex-direction: column; gap: 25px;    width: 73%;
    text-align: left; }
.advantages-card__head { display: grid; grid-template-columns: 64px 1fr; gap: 25px; align-items: end; }
.advantages-card__icon { }
.advantages-card__title { margin: 0; font-size: 22px; font-weight: 700; color: #fff; }
.advantages-card__text { margin: 0; font-size: 16px; line-height: 1.5; color: var(--muted); }

/* Логистика */
.logistics { padding: 56px 0; }
.logistics__title { margin: 0 0 12px; font-size: 32px; font-weight: 700; text-align: center; background: linear-gradient(35deg, #777777 0%, #3D3D3D 100%); -webkit-background-clip: text; background-clip: text; color: transparent; }
.logistics__hint img{   margin-right: 20px;
}
.logistics__hint {     margin: 0 0 24px;
    font-size: 20px;
    color: #616161;
    text-align: left;
    margin-top: 70px;color: #fff }
.logistics__map img { width: 100%; height: auto; display: block; border: 1px solid var(--line); border-radius: 8px; }
.logistics__map { position: relative; }

.logistics__legend { margin-top: 16px; display: flex; align-items: center; gap: 16px; justify-content: center; }
.logistics__legend-text { font-size: 16px; font-weight: 700; }
.logistics__scale { display: grid; grid-template-columns: repeat(5, 24px); gap: 8px; list-style: none; margin: 0; padding: 0; }
.logistics__scale-item { width: 24px; height: 12px; background: linear-gradient(224deg, #3A3A3A 0%, #333 64%, #666 100%); border-radius: 2px; }

/* Форма и промо-изображение */
.leadform { padding: 56px 0; }
.leadform__title { margin: 0 0 20px; font-size: 32px; font-weight: 700; text-align: right; background: linear-gradient(35deg, #777777 0%, #3D3D3D 100%); -webkit-background-clip: text; background-clip: text; color: transparent; }
.leadform__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; align-items: start; }

.form { display: grid; gap: 16px; }
.form__row { display: block; }
.form__field { display: grid; gap: 8px; }
.form__placeholder { font-size: 14px; color: #777; }
.form__input { width: 100%; height: 48px; padding: 0 16px; border: 1px solid #3a3a3a; background: #000; color: #fff; font-size: 16px; }
.form__input:focus { outline: none; border-color: #006293; box-shadow: 0 0 0 3px rgba(0,98,147,0.12); }
.form__agreement { display: flex; align-items: center; gap: 12px; font-size: 14px; color: #bbb; }
.form__checkbox { width: 18px; height: 18px; }

.button { display: inline-flex; align-items: center; justify-content: center; gap: 12px; padding: 10px 20px; border-radius: 6px; color: #fff; cursor: pointer; text-decoration: none; }
.button--ghost { background: #060606; border: 1px solid; border-image: linear-gradient(90deg, #353535 0%, #232323 41%, #666666 100%) 1; }
.form__submit { width:318px;background: #060606; border: 1px solid; border-image: linear-gradient(90deg, #353535 0%, #232323 41%, #666666 100%) 1; }
.button__icon { width: 17px; height: 18px; }
.button:hover { filter: brightness(1.1); }
.button__text { font-size: 16px; font-weight: 400; }

.leadform__image img { width: 100%; height: auto; display: block; border-radius: 8px; }

/* Бренд */
.brand { padding: 24px 0 48px; }
.brand__title { margin: 0 0 16px; font-size: 28px; font-weight: 700; background: linear-gradient(35deg, #777777 0%, #3D3D3D 100%); -webkit-background-clip: text; background-clip: text; color: transparent; }
.brand__text { margin: 0 0 14px; font-size: 20px; line-height: 1.45; color: var(--muted); }

/* Адаптив */
@media (max-width: 1024px) {
    .cooperation-hero { grid-template-columns: 1fr; }
    .ooperation-benefits__list { grid-template-columns: 1fr 1fr; }
    .leadform__grid { grid-template-columns: 1fr; }
    .ooperation-benefits__title, .leadform__title { text-align: left; }
}
@media (max-width: 640px) {
    .advantages__list { grid-template-columns: 1fr; }
    .cooperation-stats { grid-template-columns: 1fr; }
}

.cooperation .container-title.container-title--about {

    height: 300PX;
    margin-bottom: 120px;
}
.cooperation-hero__content-item-2 {
    width: 115%;
}
.cooperation-hero__content-item.cooperation-hero__content-item-2 .block-uniq--page-title .vertical-line.vertical-line--bottom_bottom {
    top: 120px;
}
.cooperation-hero__content-item.cooperation-hero__content-item-2 .block-uniq--page-text {
    top: 120px;
}
.cooperation-hero__content-item.cooperation-hero__content-item-2 .cooperation-hero__title {
    margin-top: -55px;
}

.cooperation .cooperation-hero__content-item.cooperation-hero__content-item-2 .container-title.container-title--about {
    height: 400PX;}
.ooperation-benefits .cooperation-hero__content-item-2 {
    width: 100%;
}
.ooperation-benefits h2.block-uniq__title.title-overflow.ooperation-benefits__title.cooperation-hero__title {
    right: 20px;
}
.ooperation-benefits .block-uniq--page-title .vertical-line.vertical-line--bottom_top {

    left: auto;
    right: 45px;
    top: -45px;
}
.ooperation-benefits .vertical-line.vertical-line--bottom_bottom{
    right: 45px;
    left: auto;
    top: 92px!important;
}
.cooperation .ooperation-benefits .container-title.container-title--about {
    margin-bottom: 0
}
h2.logistics__title.page-title span {
    font-weight: 700;
    text-align: center;
    background: linear-gradient(35deg, #777777 0%, #3D3D3D 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}
.page-title.logistics__title::before,.page-title.logistics__title::after {
    display: none;
}
.logistics__region--dfo {
    color: #fff;
  ;
    font-weight: 600;

    font-size: 24px;

    border: 0.5px solid;
    border-radius: 0;
    padding: 5px 30px;
}
span.logistics__legend-text {

    font-weight: 400;

    font-size: 64px;
    color: #fff;
}
span.logistics__legend-text.logistics__legend-text--top  {

    font-weight: 600;

    font-size: 24px;
    color: #fff;
    vertical-align: middle;

}
.logistics__map--text {
    display: flex
;
    flex-direction: column;
    /* gap: 20px; */
    position: absolute;
    top: 62%;
    right: 8%;
}h2.leadform__title.block-uniq__title.title-overflow.ooperation-benefits__title.cooperation-hero__title {
     line-height: 35px;
     font-weight: 300;
 }
.leadform-- .form{
    width: 90%;
}
.leadform-- .vertical-line.vertical-line--bottom_bottom {
    top: 110px !important;
}
.cooperation .leadform-- .cooperation-hero__content-item.cooperation-hero__content-item-2 .container-title.container-title--about {
    height: 600px;
}
button.button.form__submit.mail-only__submit {
    margin-top: 77px;float: right;
}
.form__input  {
    margin-bottom: 20px;
}span.form__agreement-text {
     opacity: 0.6;
 }
.checkbox-item {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 8px 0;
    transition: background-color 0.2s;
}

.checkbox-item input {
    display: none;
}

.custom-checkbox {
    width: 22px;
    height: 22px;
    border: 1px solid #6c757d;

    margin-right: 10px;
    position: relative;
    transition: all 0.2s;
}

.checkbox-item input:checked + .custom-checkbox {
    background-color: #004E78;
    border-color: #004E78;
}

.checkbox-item input:checked + .custom-checkbox::after {
    content: '';
    position: absolute;
    left: 7px;
    top: 4px;
    width: 6px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
.form__agreement.error .custom-checkbox {
    border: 1px solid red;
}



/* Страница Где купить */
.stores__breadcrumbs{padding:53px 0 0}
.stores__breadcrumbs-text{margin:0;color:#616161;font-size:20px}
.stores__breadcrumbs-link{color:var(--color-primary);text-decoration:none}

.stores__title-wrap{display:flex;align-items:center;gap:40px}
.stores__title{margin:0;color:var(--color-primary);font-size:48px;font-weight:700;text-align:center;flex:0 0 auto}
.stores__rule{height:1px;background:#d9d9d9;flex:1}
.stores__rule--left{margin-left:88px}
.stores__rule--right{margin-right:88px}

.stores__map-section{position:relative;margin-top:75px;min-height:770px}
.stores__map{position:absolute;left:0;right:0;top:0;height:770px;background:#eef2f5}
.stores__sidebar{position:absolute;left:86px;top:0;width:604px;height:770px;background:#f6f6f6;padding:34px 45px;overflow:auto}

/* Поиск */
.stores__search{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #d9d9d9;height:41px;padding:0 40px}
.stores__search-icon{width:17px;height:15.96px}
.stores__search-input{border:0;outline:0;font-size:20px;color:var(--color-muted);flex:1;background:transparent}

/* Карточки магазинов */
.stores__list{display:flex;flex-direction:column;gap:50px;margin-top:32px}
.store-card{display:flex;gap:24px}
.store-card__marker{width:30px;height:39px;flex-shrink:0}
.store-card__body{display:flex;flex-direction:column;gap:22px;max-width:454px}
.store-card__head{display:flex;flex-direction:column;gap:17px}
.store-card__city{margin:0;font-size:18px;font-weight:700}
.store-card__name{font-size:24px;font-weight:700}
.store-card__rows{display:flex;flex-direction:column;gap:17px}
.store-card__row{display:flex;gap:10px;align-items:center}
.store-card__icon{width:16.5px;height:21px;margin-top:3px}
.store-card__addr{margin:0;font-size:18px;line-height:1.2}
.store-card__link{color:var(--color-primary);text-decoration:underline;text-underline-offset:6px;font-size:18px}

/* Пины на карте (декор, ориентиры) */
.stores__pins{position:absolute;left:0;right:0;top:0;height:770px;pointer-events:none}
.stores__pin{position:absolute;width:30px;height:39px}

/* Чипсы ссылок */
.stores__chips{margin-top:62px}
.chips{display:flex;flex-wrap:wrap;gap:18px 28px}
.chips__item{display:inline-block;padding:10px 20px;border:1px solid #616161;border-radius:100px;color:#000;text-decoration:none;font-size:14px;background:#fff;white-space:nowrap}
.chips__item--active{border-color:var(--color-primary);color:var(--color-primary)}

@media (max-width:992px){
    .container{padding:0 20px}
    .stores__sidebar{position:relative;left:0;width:auto;height:auto;margin-top:0}
    .stores__map-bg{position:relative;height:360px}
}

.store-card__link {
    cursor: pointer;
    color: rgba(0, 98, 147, 1);

    font-weight: 400;
    font-size: 18px;

}
.stores__map:after {
    content: '';
    background: red;
}
.chips__item {
    font-family: "TTNormsPro";
}
.store-card__link {
    cursor: pointer;
}
.stores__main {
    font-family: "TTNormsPro";
}
.stores__search-input::placeholder,
.stores__search-input {
    font-family: "TTNormsPro";
    font-weight: 100;

}
.product-grid.product-grid-wishlist a.product-item-image-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;

    padding: 16px 0px;
    background: rgba(244, 244, 244, 1);
}
.product-grid.product-grid-wishlist .product-item__bottom {
    border: 0;
    margin-top: 0px;
}
.product-grid.product-grid-wishlist  {
    gap: 15px;    margin-top: 30px;
}
.circle{
    z-index: 99;
    cursor: pointer;
    animation: pulse 1.5s ease-in-out infinite;
}
@keyframes pulse {
    0% { transform: scale(0.8); opacity: 0.8; }
    50% { transform: scale(1.2); opacity: 1; }
    100% { transform: scale(0.8); opacity: 0.8; }
}
.block-circle.active a {
    opacity: 1;
}
.block-circle a {
    opacity: 0;
}
.product-item-label-left {
    z-index: 99;
}
section.b2b.b2b--artdom .btn__style button span{
    padding-top: 4px;
}
section.b2b.b2b--artdom .btn__style button svg{
    transition: background-color 0.15s
    ease-in-out, transform 0.15s
    ease-in-out;
}
section.b2b.b2b--artdom .btn__style button:hover svg {

    transform: translateX(25px) translateY(-0%);
}
section.b2b.b2b--artdom .btn__style button{
    background: #006293;
    color: #fff;
    height: 53px;
    width: 250px;
    display: flex
;    font-size: 18px;
    align-items: center;
    justify-content: center;
    border: 0;
    gap: 13px;
}
@media (max-width:1700px){
    .cooperation-hero__content-item.cooperation-hero__content-item-2 .cooperation-hero__title {
        margin-top: -80px;
    }
    .ooperation-benefits.leadform-- h2.leadform__title.block-uniq__title.title-overflow.ooperation-benefits__title.cooperation-hero__title{
        margin-top: -60px;
    }
}
@media (max-width:1415px){
    .block-contact--form {
        gap: 15px;
    }
    .block-projects-collections--item {
        grid-template-columns: 255px 437px auto;
    }
    .block-projects-collections--item.right {
        grid-template-columns: auto 400px 232px;
    }
    .cooperation-stats {
        gap: 0;
    }
   section.ooperation-benefits h2.block-uniq__title.title-overflow.ooperation-benefits__title.cooperation-hero__title {
        top: 87px;
    }

}
@media (max-width:1354px){
    .block-uniq--page-title.block-uniq--page-title-2 {

        padding-bottom: 115px;
    } .cooperation-stats__value {
          font-size: 30px;
      }
}
@media (max-width:1239px){
    .ooperation-benefits.leadform-- h2.leadform__title.block-uniq__title.title-overflow.ooperation-benefits__title.cooperation-hero__title{
        margin-top: -21px;
    }
    h2.block-uniq__title.title-overflow.cooperation-hero__title{
        top: 31px;
    }
    .leadform-- .form {
        width: 82%;
    }

}
@media (max-width:1124px){
    .block-projects-collections--item {
        display: flex;
        grid-template-columns: 1fr 1fr;
        gap: 30px;
        flex-wrap: wrap;
        justify-content: center;
    }

}
@media (max-width:1024px){
    .block-contact--form {
        flex-direction: column;
    }
    .block-uniq--page-title {
        width: 100%;
    }
    .block-uniq--page-text {
        position: relative;
        top: auto;
        margin-left: 0;
        margin-top: 15px;
        text-align: left;
    }
    .block-uniq--page-title .vertical-line.vertical-line--bottom_top,
    .block-uniq--page-title .vertical-line.vertical-line--bottom_bottom{
        display: none;
    }
    .block-uniq__title {
        top: auto;
    }
    .block-contact--form-form {
        margin-top: 25px;
        width: 100%;
    }
    .block-contact--items {

        margin-bottom: 100px;
    }
}
@media (max-width:1024px){

    .cooperation .container-title.container-title--about {
        height: auto;
        margin-bottom: 45px;
    }

    .block-guarantees-time {
        margin-left: 0;

    }
    .stores__map {
        position: relative;
        order: 2;width: 100%;
    }
    .stores__sidebar {
        order: 1;width: 100%;
    }
    .stores__map-section {
        display: flex;
        flex-direction: column;
    }
    .block-quote--about .block-quote--text {
        padding-bottom: 40px;
    }
    .container-title.container-title--about {
        position: relative;
        height: auto;
        margin-bottom: 0;
    }
    .block-about-text {
        padding: 0;
    }
    .block-about-images--items {
        grid-template-columns: 1fr;

    }
    .block-about-images--item a.link-1{
        right: auto;
        left: 15px;
    }
    .block-about-images--item a.link-3 {
        left: 15px;
    }
    .cooperation .cooperation-hero__content-item.cooperation-hero__content-item-2 .container-title.container-title--about {
        height: auto;
        width: auto;
        margin-bottom: 0;
    }
    .cooperation-hero__content-item.cooperation-hero__content-item-2 .cooperation-hero__title {
        margin-top: 0;
    }
    .cooperation-hero__title {

        font-size: 30px;
    }
    .block-uniq--page-title.block-uniq--page-title-2 {
        padding-bottom: 10px;
    }
    .cooperation-hero__content-item.cooperation-hero__content-item-2 .block-uniq--page-text {
        top: 31px;
    }
    .cooperation-hero__image {
        display: none;
    }
    section.ooperation-benefits h2.block-uniq__title.title-overflow.ooperation-benefits__title.cooperation-hero__title {
        top: 0;
    }
    .ooperation-benefits {
        padding: 0;
    }
    .ooperation-benefits h2.block-uniq__title.title-overflow.ooperation-benefits__title.cooperation-hero__title {
        right: auto;
        margin-bottom: 0;
    }
    .leadform__image {
        display: none;
    }
    .cooperation .leadform-- .cooperation-hero__content-item.cooperation-hero__content-item-2 .container-title.container-title--about {
        height: auto;
    }
    .leadform-- .form

    {
        width: 100%;
    }
    .cooperation-hero {
        padding: 0px 0 48px;
    }
    h2.block-uniq__title.title-overflow.cooperation-brand__title.cooperation-hero__title {
        line-height: normal;
    }
    h2.block-uniq__title.title-overflow.cooperation-hero__title {
        line-height: normal;
    }

}
@media (max-width:890px){
    .block-contact--items {

        display: flex;
        justify-content: center;
        gap: 17px;
        margin-top: 42px;
        margin-bottom: 65px;
        flex-direction: column;
    }
    .block-quote--text {
        margin-bottom: 35px;
    }
}
@media (max-width:840px){
    .page--sub-menu ul {
        gap: 30px;
    }
}
@media (max-width:768px){
    section.b2b.b2b--artdom .btn__style button{
        width: 100%;
    }
    .cooperation-hero__content-item-2 {
        width: 100%;
    }
    .cooperation-stats {
        text-align: center;
    }
    img.vector_arrow {
        display: none;
    }
    .cooperation-stats {
        margin-bottom: 0;
    }
    .ooperation-benefits__list {
        grid-template-columns: 1fr;
    }
    .advantages-card {
        width: 100%; }
    .block-uniq--page-title.block-uniq--page-title-2 {

        padding-bottom: 50px;
    }
    .block-guarantees-time--items {
        display: flex;
        gap: 30px;
        flex-direction: column;
    }
    img.block-quote--images-bottom {
        left: 39%;

    }
    .block-uniq--page-text.block-uniq--page-text-3 {
        margin-top: 69px;
        top: 0px;
        position: relative;
        border-left: 0;
        margin-left: 0;
        padding-left: 0;
    }
    .block-certificates--item {
        width: 49%;
        margin-bottom: 30px;
    }
    .block-uniq--page-text.block-uniq--page-text-4 {
        margin-top: 48px;
        margin-left: 0;
        max-width: 100%;
        border-left: 0;
        padding-left: 0;
        position: relative;
        top: auto;
    }
    .block-guarantees-text {
        padding-left: 0;
    }
    section.block-projects-images {
        margin-top: 0;
        margin-left: revert-layer;
    }
    .glass__image {
        display: none;
    }
    .page--sub-menu li a {
        font-size: 24px;
    }
    .page--sub-menu ul {
        flex-wrap: wrap;
    }
}
@media (max-width:600px){
    span.logistics__legend-text {
        font-size: 44px;
    }
    span.logistics__legend-text.logistics__legend-text--top {
        font-size: 18px;

    }
    .logistics__map--text {
        top: 30%;
    }
    .leadform {
        padding: 30px 0;
    }
}
@media (max-width:450px){

}
.promo--artdom .promo__container {
    top: 20%;
}
@media (max-width: 1580px) {
    .b2b--artdom h2.b2b__title.title-overflow {
        width: 1400px;
    }

}
@media (max-width: 1475px) {
    .promo--artdom .promo__container {
        top: 10%;
    }
}
@media (max-width: 1445px) {
    .b2b--artdom h2.b2b__title.title-overflow {
        width: 1200px;
        height: 263px;
    }
    .b2b__blocks {
        padding-top: 360px;
    }
}
@media (max-width: 1290px) {
    .promo--artdom .promo__container {
        top: 3%;
    }
}
@media (max-width: 1236px) {
    section.b2b.b2b--artdom .b2b__blocks {
        padding-top: 0;
    }
    .promo--artdom .promo__container {
        top: -30px;
    }
}
@media (max-width: 1024px) {
    section.promo.promo--artdom {
        position: relative;
        height: auto!important;
    }
    .advantages.advantages--artdom .advantages__wrap {
        padding-top: 0;
    }
}
@media (max-width: 768px) {
    .promo--artdom .promo__container {
        display: none;
    }
    .container-text-bold--title {
        font-weight: bold;
        max-width: 1369px;
        font-size: 26px;
        margin-top: 35px;
    }
    section.b2b.b2b--artdom {
        padding-top: 15px;
    }
    .b2b--artdom h2.b2b__title.title-overflow {
        font-size: 32px;
    }
    .b2b--artdom span.b2b__subtitle {
        font-size: 18px;
    }
    .b2b--artdom .b2b__name {
        font-weight: 400;
        font-size: 30px;
        margin-bottom: 25px;
    }
    .b2b--artdom .b2b__text {
        line-height: 18px;
        font-weight: 400;
        font-size: 16px;
        z-index: 9;
        position: relative;
    }
    .b2b--artdom  .btn__style button,
    .b2b--artdom  .btn__style a {

        width: 100%;
        font-size: 16px;
        gap: 13px;
    }.advantages.advantages--artdom .advantages__wrap {
             padding-top: 0;
         }
    .advantages.advantages--artdom .advantages__name {
        font-weight: 100;
        font-size: 50px;
        line-height: 50px;
        margin-bottom: 10px;
    }
    .advantages.advantages--artdom h2.advantages__title.title-overflow {

        width: auto;
    }

    .advantages-index .advantages__block:nth-child(2), .advantages__block:nth-child(3) {

        margin-top: 35px;

    }
    .advantages.advantages--artdom h2.advantages__title.title-overflow:before {
        display: none;
    }
    .advantages.advantages--artdom .advantages__wrap-bottom {
        font-size: 18px;
        line-height: 20px;
    }
    .advantages.advantages--artdom.advantages-index h2.advantages__title {

        font-size: 30px;
    }
    .advantages.advantages--artdom h2.advantages__title.title-overflow {
        padding-top: 0;
    }
}