{
        % load static %
    }

    html {
        box-sizing: border-box;
        scroll-behavior: smooth;
    }

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

    ul[class],
    ol[class] {
        padding: 0;
    }

    body,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p,
    ul[class],
    ol[class],
    li,
    figure,
    figcaption,
    blockquote,
    dl,
    dd {
        margin: 0;
    }

    ul[class] {
        list-style: none;
    }

    img {
        max-width: 100%;
        display: block;
    }

    input,
    button,
    textarea,
    select {
        font: inherit;
    }

    a {
        text-decoration: none;
    }

    /* font-family: "Raleway", sans-serif;
font-family: "Roboto Condensed", sans-serif; */

    body {
        font-family: "Times New Roman", sans-serif;
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 0.6px;
        line-height: 18px;
        /* color: #fff; */
        /* background-color: rgb(41 59 80); */
        background-color: rgb(251 244 233);

    }

    .container {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 10px;
    }

    .header__inner {
        display: flex;
        justify-content: space-between;
        align-items: center;
        /* background-color: aqua; */
    }

    .header__logo img {
        height: 50px;
        width: auto;
    }

    .nav__list {
        display: flex;
        gap: 25px;
    }

    /* базовая навигация */
    .nav__list {
        display: flex;
        gap: 32px;
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .nav__item {
        position: relative;
    }

    .nav__item-link {
        text-decoration: none;
        color: #222;
        padding: 10px 14px;
        display: inline-block;
    }

    /* DROPDOWN */
    .dropdown {
        position: absolute;
        top: 100%;
        left: 0;
        min-width: 220px;
        background: #fff;
        border-radius: 8px;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
        padding: 10px 0;
        opacity: 0;
        visibility: hidden;
        transform: translateY(10px);
        transition: all 0.25s ease;
        z-index: 10;
    }

    .dropdown__item {
        list-style: none;
    }

    .dropdown__link {
        display: block;
        padding: 10px 20px;
        text-decoration: none;
        color: #222;
        transition: background 0.2s ease;
    }


    /* ПОЯВЛЕНИЕ ПРИ НАВЕДЕНИИ */
    .nav__item--dropdown:hover .dropdown {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }

    .about {
        padding: 380px 0;
        /* background-image: url(/img/021727089634.png); */
        background-image: url(/static/img/bg_1.jpg);
        background-repeat: no-repeat;
        background-size: 100%;
        z-index: 0;

    }

    .about__inner {
        z-index: 1;
    }

    .top__title {
        margin-bottom: 20px;
    }

    .about__top img {
        width: auto;
        height: 200px;
        margin: 0 auto;
    }

    .wedo__title {
        text-align: center;
        /* color: #fff; */
        padding: 20px;
    }

    .wedo__text {
        /* width: 600px; */
        margin: 0 auto;
        text-align: center;
        /* color: #fff; */
        padding-bottom: 20px;
    }

    .wedo__items {
        display: flex;
        align-items: center;
        gap: 20px;
    }

    .item__title {
        text-align: center;
        line-height: 40px;
        font-size: 21px;
    }

    .wedo {
        margin-bottom: 20px;
    }










    .header {
        position: sticky;
        top: 0;
        z-index: 1000;
        background: #ffffff;
    }

    .nav__item-link {
        position: relative;
        padding: 12px 18px;
        color: #111;
        text-decoration: none;
        overflow: hidden;
        z-index: 1;
        transition: color 0.3s ease;
    }

    /* красная заливка */
    .nav__item-link::before {
        content: "";
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: #c40000;

        z-index: -1;
        transition: left 0.35s ease;
    }

    /* hover */
    .nav__item-link:hover::before {
        left: 0;
    }

    .nav__item-link:hover {
        color: #ffffff;
    }

    /* ===== LANG SWITCH ===== */

    .lang-switch {
        display: inline-flex;
        background: #f3f3f3;
        border-radius: 30px;
        padding: 4px;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
    }

    .lang-switch a {
        padding: 6px 14px;
        font-size: 13px;
        font-weight: 500;
        text-transform: uppercase;
        text-decoration: none;
        color: #555;
        border-radius: 20px;
        transition: all 0.3s ease;
    }

    /* активный язык */
    .lang-switch a.active {
        background: #c40000;
        /* ваш акцент */
        color: #fff;
        box-shadow: 0 4px 10px rgba(196, 0, 0, 0.3);
    }

    /* hover */
    .lang-switch a:hover:not(.active) {
        color: #c40000;
    }











    .reklama__track {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 25px;

    }



    .item__link {
        text-decoration: none;
        color: #000000;
    }





































    .ex {
        margin: 80px 0;
    }

    .ex__inner {
        background: rgba(255, 255, 255, 0.12);
        backdrop-filter: blur(16px);
        -webkit-backdrop-filter: blur(16px);
        border-radius: 20px;
        padding: 32px;
        border: 1px solid rgba(255, 255, 255, 0.25);
        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25);
    }

    /* Кнопка */
    .ex__toggle {
        width: 100%;
        background: rgba(255, 255, 255, 0.08);
        border: none;
        padding: 26px 30px;
        font-size: 30px;
        font-weight: 600;
        /* color: #fff; */
        display: flex;
        justify-content: space-between;
        align-items: center;
        cursor: pointer;
        border-radius: 16px;
        transition: background 0.3s ease, transform 0.15s ease;
    }

    .ex__toggle:hover {
        background: rgba(255, 255, 255, 0.15);
    }

    .ex__toggle:active {
        transform: scale(0.98);
    }

    /* стрелка */
    .ex__arrow {
        width: 14px;
        height: 14px;
        border-right: 3px solid #000000;
        border-bottom: 3px solid #000000;
        transform: rotate(45deg);
        transition: transform 0.4s ease;
    }

    /* контент */
    .ex__content {
        overflow: hidden;
        max-height: 0;
        opacity: 0;
        transform: translateY(-10px);
        transition:
            max-height 0.6s ease,
            opacity 0.4s ease,
            transform 0.4s ease;
    }

    /* открыто */
    .ex.open .ex__content {
        max-height: 1200px;
        opacity: 1;
        transform: translateY(0);
    }

    .ex.open .ex__arrow {
        transform: rotate(-135deg);
    }

    /* текст */
    .ex__item {
        padding: 30px 10px 0;
    }

    .ex-item__title {
        font-size: 22px;
        margin-bottom: 14px;
        /* color: #fff; */
    }

    .item___text {
        line-height: 1.8;
        /* color: rgba(255, 255, 255, 0.85); */
    }







    .wedo {
        padding: 100px 0;
        background: #f7f6f4;
    }

    .wedo__title {
        font-size: 42px;
        margin-bottom: 20px;
    }

    .wedo__text {
        max-width: 600px;

        color: #555;
        line-height: 1.6;
    }

    /* GRID */
    .wedo__items {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 32px;
    }

    /* CARD */
    .wedo .item {
        background: #fff;
        border-radius: 20px;
        padding: 40px 30px;
        text-align: center;
        transition:
            transform 0.4s ease,
            box-shadow 0.4s ease;
        box-shadow:
            0 10px 20px rgba(0, 0, 0, 0.05),
            0 1px 2px rgba(0, 0, 0, 0.04);
        position: relative;
        cursor: pointer;
        margin-bottom: 20px;
    }

    /* "Выпуклость" */
    .wedo .item::before {
        content: "";
        position: absolute;
        inset: 0;
        border-radius: 20px;
        background: linear-gradient(145deg,
                rgba(255, 255, 255, 0.8),
                rgba(255, 255, 255, 0));
        opacity: 0;
        transition: opacity 0.4s ease;
        pointer-events: none;
    }

    /* HOVER */
    .wedo .item:hover {
        transform: translateY(-12px) scale(1.02);
        box-shadow:
            0 12px 24px rgba(255, 0, 0, 0.08),
            0 4px 12px rgba(255, 0, 0, 0.05);

    }


    /* ICON */
    .wedo .item img {
        width: 64px;
        margin-bottom: 24px;
        transition: transform 0.4s ease;
    }

    .wedo .item:hover img {
        transform: translateY(-6px) scale(1.1);
    }

    /* TEXT */
    .item__title {
        font-size: 22px;
        margin-bottom: 14px;
    }

    .wedo .item p {
        font-size: 15px;
        line-height: 1.6;
        color: #666;
    }


    .wedo .item {
        background: #fff;
        border-radius: 22px;
        box-shadow: 0 10px 30px rgba(0, 0, 0, .08);
        transition: box-shadow .35s ease, transform .35s ease;
    }

    .item__split>* {
        background: linear-gradient(180deg, #ffffff, #fafafa);
        border-radius: 18px;
        padding: 28px 24px;
        transition:
            transform .3s ease,
            box-shadow .3s ease;
    }

    .item--split {
        width: 600px;
    }

    .item__split {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }





    /* .wedo .item {
    padding: 40px 40px;
}

.item__split>* {
    padding: 30px 30px;
} */

    .item__title {
        line-height: 40px;
    }

    .item__title {
        line-height: 1.25;
    }

    .item--split {
        height: auto;
        width: 500px;
    }





    .item__part:hover {
        border-color: rgba(255, 0, 0, .45);
        background: #fff;

        transform: translateY(-6px);

        box-shadow:
            0 20px 40px rgba(255, 0, 0, .18),
            0 8px 20px rgba(255, 0, 0, .12);
    }

    .item__split a {
        color: #000000;
    }









    @media (max-width: 1300px) {
        .wedo__items {
            display: block;
        }

        .item--split {
            width: 100%;
        }
    }

    @media (max-width: 800px) {
        .about {
            padding: 137px 0;
        }
    }







    /* ADAPTIVE */
    @media (max-width: 900px) {
        .wedo__items {
            grid-template-columns: 1fr;
        }

    }

















    .restaran__title {
        margin-bottom: 30px;
    }

    .title_ {
        text-align: center;
        font-size: 54px;
        font-weight: 700;
        letter-spacing: 4px;
        margin-bottom: 10px;
        position: relative;
        line-height: normal;
    }


    .title_red {
        text-align: center;
        color: red;
    }

    .restaran {
        padding: 40px 0;
    }


    .restaran__items {
        display: flex;
        align-items: baseline;
    }





    /* скрываем radio */
    .restaran-card input {
        display: none;
    }

    .restaran-card {
        background: #fff;
        padding: 50px;
        border-radius: 20px;
        box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08);
        max-width: 1200px;
        margin: auto;
    }

    .restaran-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 40px;
    }

    .restaran-box {
        text-align: center;
        padding: 30px 20px;
        border-radius: 18px;
        cursor: pointer;
        transition: 0.4s ease;
    }

    .restaran-box:hover {
        transform: translateY(-10px);
        box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
    }

    .restaran-logo {
        height: 140px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .restaran-logo img,
    .restaran-logo svg {
        max-height: 120px;
        max-width: 100%;
        transition: 0.4s ease;
    }

    .restaran-box h3 {
        margin-top: 20px;
        font-size: 16px;
        letter-spacing: 1px;
        font-weight: 600;
    }

    /* описание */
    .restaran-description {
        margin-top: 40px;
        padding: 30px;
        background: #f8f8f8;
        border-radius: 15px;
        min-height: 120px;
        position: relative;
    }

    .desc {
        opacity: 0;
        position: absolute;
        transition: 0.4s ease;
    }

    /* показываем нужный текст */
    #r1:checked~.restaran-description .desc1,
    #r2:checked~.restaran-description .desc2,
    #r3:checked~.restaran-description .desc3,
    #r4:checked~.restaran-description .desc4 {
        opacity: 1;
        position: relative;
    }





























    .comment {
        padding: 100px 0;
        background: #f7f6f4;
    }

    .comment__title {
        font-size: 42px;
        margin-bottom: 50px;
    }

    /* CARD */
    .comment__item {
        display: flex;
        align-items: flex-start;
        gap: 30px;

        background: #fff;
        padding: 40px;
        border-radius: 24px;

        box-shadow:
            0 20px 40px rgba(0, 0, 0, 0.08);

        transition:
            transform 0.3s ease,
            box-shadow 0.3s ease;
    }

    /* ВЫПУКЛОСТЬ */
    .comment__item:hover {
        transform: translateY(-6px);
        box-shadow:
            0 30px 60px rgba(0, 0, 0, 0.15);
    }

    /* PHOTO */
    .comment__item img {
        width: 110px;
        height: 110px;
        object-fit: cover;
        border-radius: 50%;
        flex-shrink: 0;
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
    }

    /* AUTHOR INFO */
    .author__title {
        font-size: 22px;
        margin-bottom: 6px;
    }

    .author__spec {
        display: block;
        font-size: 14px;
        color: #999;
        margin-bottom: 16px;
    }

    .author__info p {
        line-height: 1.7;
        color: #555;
        max-width: 700px;
    }

    /* MOBILE */
    @media (max-width: 768px) {
        .comment__item {
            flex-direction: column;
            text-align: center;
            align-items: center;
        }

        .author__info p {
            max-width: 100%;
        }
    }

    .comment__more {
        color: #d32f2f;
        /* мягкий красный */
        text-decoration: none;
        font-weight: 500;
        margin-left: 6px;
        position: relative;
        white-space: nowrap;
    }

    .comment__more::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: -2px;
        width: 100%;
        height: 1px;
        background: currentColor;
        transform: scaleX(0);
        transform-origin: left;
        transition: transform 0.3s ease;
    }

    .comment__more:hover::after {
        transform: scaleX(1);
    }

    .comment {
        padding: 80px 0;
        overflow: hidden;
    }

    .comment__title {
        margin-bottom: 40px;
    }

    .comment__carousel {
        overflow: hidden;
        width: 100%;
    }

    .comment__track {
        display: flex;
        gap: 30px;
        animation: scroll 20s linear infinite;
        margin-top: 150px;
    }

    .comment__card {
        min-width: 420px;
        background: #fff;
        border-radius: 16px;
        padding: 20px;
        display: flex;
        gap: 20px;
        box-shadow: 0 10px 30px rgba(0, 0, 0, .1);
    }

    .comment__card img {
        width: 80px;
        height: 80px;
        border-radius: 50%;
        object-fit: cover;
    }

    .comment__content h3 {
        margin-bottom: 4px;
    }

    .comment__content span {
        font-size: 14px;
        color: #777;
    }

    .comment__content p {
        margin: 10px 0;
    }

    .comment__content a {
        color: red;
        text-decoration: none;
        font-weight: 600;
    }

    /* БЕСКОНЕЧНАЯ АНИМАЦИЯ */
    @keyframes scroll {
        from {
            transform: translateX(0);
        }

        to {
            transform: translateX(-50%);
        }
    }

    /* пауза при наведении */
    .comment__carousel:hover .comment__track {
        animation-play-state: paused;
    }




    .personal {
        padding: 120px 0;
        background: #f7f6f3;
        /* благородный светлый фон */
    }

    .personal__title {
        text-align: center;
        font-size: 42px;
        font-weight: 500;
        letter-spacing: 2px;
        margin-bottom: 80px;
        color: #1f1f1f;
    }

    .personal__card {
        max-width: 360px;
        margin: 0 auto;
        padding: 40px 30px;
        background: #fff;
        border-radius: 24px;
        text-align: center;
        box-shadow: 0 30px 80px rgba(0, 0, 0, 0.08);
        transition: transform 0.4s ease, box-shadow 0.4s ease;
    }

    .personal__card:hover {
        transform: translateY(-10px);
        box-shadow: 0 40px 100px rgba(0, 0, 0, 0.12);
    }

    .personal__image {
        width: 180px;
        height: 180px;
        margin: 0 auto 30px;
        border-radius: 50%;
        overflow: hidden;
    }

    .personal__image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        filter: grayscale(100%);
        transition: filter 0.4s ease, transform 0.4s ease;
    }

    .personal__card:hover img {
        filter: grayscale(0%);
        transform: scale(1.05);
    }

    .personal__name {
        font-size: 22px;
        font-weight: 600;
        margin-bottom: 10px;
        color: #111;
    }

    .personal__position {
        font-size: 15px;
        letter-spacing: 1px;
        text-transform: uppercase;
        color: #888;
    }

    .personal__card-items {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 20px;
    }















    .partners__carousel {
        overflow: hidden;
        width: 100%;
    }

    .partners__track {
        display: flex;
        gap: 80px;
        width: max-content;
        animation: partnersScroll 30s linear infinite;
    }

    .partners__item img {
        height: 70px;
        opacity: 0.5;
        transition: opacity 0.3s ease, transform 0.3s ease;
    }

    .partners__item img:hover {
        opacity: 1;
        transform: scale(1.1);
    }

    /* АНИМАЦИЯ */
    @keyframes partnersScroll {
        from {
            transform: translateX(0);
        }

        to {
            transform: translateX(-50%);
        }
    }















    .footer {
        width: 100%;
        /* background: #1b1b1b; */
        /* background: #F4F6F8; */
        background: #f9ebce;
        /* background: #FCEAE4; */
        /* background: #F8D8CC; */
        /* color: #bdbdbd; */
        color: #000;
    }

    .footer__inner {
        padding: 20px 80px;
    }

    .footer__row {
        display: flex;
        justify-content: space-around;
        align-items: top;
    }

    .footer__brand {
        max-width: 420px;
    }

    .footer__logo {
        max-width: 180px;
        margin-bottom: 25px;
    }

    .footer__desc {
        line-height: 1.8;
        color: #9a9a9a;
        font-size: 15px;
    }

    /* Правая колонка */
    .footer__contacts {
        max-width: 420px;
        margin-left: auto;
    }

    .footer__title {
        font-size: 16px;
        letter-spacing: 1px;
        text-transform: uppercase;
        margin-bottom: 10px;
        /* color: #ffffff; */
        color: #000;
        position: relative;
        margin-left: 11px;
    }



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

    .footer__item {
        display: flex;
        align-items: flex-start;
        gap: 18px;
        margin-bottom: 10px;
        line-height: 1.6;
    }

    .footer__icon {
        color: #caa25c;
        font-size: 17px;
        margin-top: 3px;
    }

    /* hover */
    .footer__item span {
        transition: color 0.3s ease;
    }

    .footer__item:hover span {
        color: #ffffff;
    }

    /* Адаптив */
    @media (max-width: 991px) {
        .footer__inner {
            padding: 70px 40px;
        }

        .footer__contacts {
            margin-left: 0;
            margin-top: 50px;
        }
    }

    @media (max-width: 575px) {
        .footer__inner {
            padding: 60px 20px;
        }
    }





    .info-item {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 50px;
    }


    .item-box__title {
        margin-bottom: 30px;

        line-height: 30px;
    }

    .info-item__img {
        width: 300px;
    }

    .info {
        background: #f9f4ea;
        padding: 100px 0;
    }

    .info-item {
        /* background: #fff; */
        padding: 60px 70px;
        border-radius: 32px;

        box-shadow:
            0 10px 25px rgba(0, 0, 0, .04),
            0 30px 60px rgba(0, 0, 0, .03);
    }


    .item-box__title {
        font-size: 34px;
        line-height: 1.25;
        font-weight: 500;
        color: #2a2a2a;
    }

    .item-box__text {
        font-size: 16px;
        line-height: 1.8;
        color: #5a5a5a;
    }










    .reviews {
        padding: 80px 0;
    }

    .reviews__title {
        font-size: 32px;
        margin-bottom: 40px;
    }

    .review-card {
        border: 1px solid #eee;
        border-radius: 12px;
        margin-bottom: 20px;
        overflow: hidden;
        cursor: pointer;
        transition: box-shadow 0.3s;
    }

    .review-card:hover {
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    }

    .review-card__preview {
        display: flex;
        align-items: center;
        gap: 16px;
        padding: 20px;
    }

    .review-card__avatar {
        width: 60px;
        height: 60px;
        border-radius: 50%;
        object-fit: cover;
    }

    .review-card__name {
        display: block;
        margin-bottom: 4px;
    }

    .review-card__short {
        color: #666;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 400px;
    }

    .review-card__full {
        max-height: 0;
        overflow: hidden;
        padding: 0 20px;
        transition: max-height 0.4s ease;
    }

    .review-card.active .review-card__full {
        max-height: 600px;
        padding-bottom: 20px;
    }

    .review-card__full p {
        margin-bottom: 20px;
        line-height: 1.6;
    }

    .review-card__image {
        width: 100%;
        border-radius: 10px;
    }




























    /* ===== CSR TOP BLOCK ===== */

    .csr-item {
        display: flex;
        align-items: flex-start;
        gap: 30px;
        margin-bottom: 50px;
    }

    .csr-item img {
        width: 80px;
        height: 80px;
    }

    .crs-info {
        max-width: 800px;
    }

    .crs-item-title {
        font-size: 32px;
        margin-bottom: 15px;
    }

    .crs-item-text {
        line-height: 1.6;
        color: #555;
    }


    /* ===== GRID 3x2 ===== */

    .crs__img {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
    }

    .crs__img img {
        width: 100%;
        height: 220px;
        object-fit: cover;
        cursor: pointer;
        transition: transform 0.3s ease;
    }

    .crs__img img:hover {
        transform: scale(1.05);
    }












    .popup {
        position: fixed;
        inset: 0;
        display: none;
        justify-content: center;
        align-items: center;
        z-index: 999;
    }

    .popup.active {
        display: flex;
    }

    .popup-overlay {
        position: absolute;
        inset: 0;
        background: rgba(0, 0, 0, 0.6);
    }

    .popup-content {
        position: relative;
        background: #fff;
        width: 90%;
        max-width: 700px;
        padding: 40px;
        border-radius: 12px;
        z-index: 1000;
    }

    .popup-close {
        position: absolute;
        top: 15px;
        right: 20px;
        font-size: 28px;
        cursor: pointer;
    }


    .csr {
        margin: 50px 0;
    }



    /* кнопка */
    .nav-toggle {
        display: none;
        font-size: 26px;
        background: none;
        border: none;
        cursor: pointer;
    }

    /* адаптив */
    @media (max-width: 1400px) {

        .nav-toggle {
            display: block;
            z-index: 1;
        }

        .header__nav {
            position: fixed;
            top: -100%;
            left: 0;
            width: 100%;
            background: #fff;
            padding: 40px;
            transition: 0.4s;
        }

        .nav__list {
            flex-direction: column;
            gap: 20px;
        }

        /* когда открыто */
        .header__nav.open {
            top: 0;
        }

        .nav__list {
            align-items: center;
        }
    }





    .nav-arrow {
        display: inline-block;
        margin-left: 8px;
        width: 8px;
        height: 8px;
        border-right: 2px solid #000;
        border-bottom: 2px solid #000;
        transform: rotate(45deg);
        transition: 0.3s;
    }


    @media (max-width: 1400px) {

        /* отключаем hover-раскрытие */
        .nav__item--dropdown:hover .dropdown {
            opacity: 0;
            visibility: hidden;
            transform: none;
        }

        .dropdown {
            position: static;
            box-shadow: none;
            max-height: 0;
            overflow: hidden;
            opacity: 1;
            visibility: visible;
            padding: 0;
            transition: max-height 0.3s ease;
        }

        /* открытое состояние */
        .nav__item.open .dropdown {
            max-height: 500px;
            margin-top: 10px;
        }

        .nav__item.open .nav-arrow {
            transform: rotate(-135deg);
        }
    }













    .company {
        height: 100vh;
        /* во весь экран */
        display: flex;
        align-items: center;
        /* по вертикали центр */
        justify-content: center;
        /* по горизонтали центр */
        background: #f9f4ea;
        /* можно потом заменить на фото */
        padding: 0 40px;
    }

    .company__inner {
        width: 100%;
        max-width: 1200px;
    }

    .company__slider {
        overflow: hidden;
        width: 100%;
    }

    .company__track {
        display: flex;
        transition: transform 0.8s ease;
    }

    .company__slide {
        min-width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        padding: 0 60px;
    }

    .company__slide p {
        font-size: 48px;
        line-height: 1.3;
        font-weight: 500;
        max-width: 900px;
    }


    .company {
        background:
            linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)),
            url("/static/img/new_bg.png") center/cover no-repeat;
        color: white;
        background-position: right;
    }


    .company__slide p {
        font-size: 52px;
        font-weight: 500;
        color: #fff;
    }





    .company {
        position: relative;
        overflow: hidden;
    }

    /* .company__ball {
    position: absolute;
    width: 500px;
    height: 500px;
    border-radius: 50%;
    background-color: red;
    border: 2px solid #fff;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: ballMove 12s ease-in-out infinite;
    z-index: 0;
    pointer-events: none;
} */












    .company {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        padding: 80px 0;
    }

    .company__inner {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .company__slider {
        width: 600px;
        height: 600px;
        background: #c40000;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        position: relative;
        padding: 80px;
        margin-right: 270px;
        /* внутренний отступ чтобы текст не прилипал */
    }


    .company__slide {
        min-width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    .company__slide p {
        color: #fff;
        font-size: 28px;
        /* крупный */
        line-height: 1.5;
        font-weight: 500;
        max-width: 420px;
        /* чтобы текст не растягивался */
    }






























    .mission {
        padding: 100px 0;
        background: linear-gradient(180deg, #ffffff 0%, #f7f6f3 100%);
    }

    .mission__title {
        text-align: center;
        font-size: 54px;
        font-weight: 700;
        letter-spacing: 4px;
        margin-bottom: 10px;
        position: relative;
    }


    /
    /* СТАЛО — добавь :not(.mission__icon-slide img) */
    .mission__img>img {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: scale-down;
        opacity: 0;
        animation: slider 12s infinite;
    }


    .mission__icon-slide img {
        opacity: 1 !important;
        position: static !important;
        animation: none !important;
    }

    /* задержка для каждой картинки */
    .mission__img img:nth-child(1) {
        animation-delay: 0s;
    }

    .mission__img img:nth-child(2) {
        animation-delay: 4s;
    }

    .mission__img img:nth-child(3) {
        animation-delay: 8s;
    }




    .mission__line {
        width: 100%;
        height: 2px;
        background: #c40000;
        margin: 20px 0 30px;
    }


    .mission__icons-slider {
        position: relative;
        width: 120px;
        height: 120px;
        /* margin: 0 auto; */
        margin-left: 22%;
        /* центр */
    }


    /* анимация */
    @keyframes slider {
        0% {
            opacity: 0;
            transform: scale(1.1);
        }

        10% {
            opacity: 1;
            transform: scale(1);
        }

        30% {
            opacity: 1;
        }

        40% {
            opacity: 0;
        }

        100% {
            opacity: 0;
        }
    }






















    /* Текст */
    .mission__content {
        position: relative;
        padding-left: 50px;
        border-left: solid 3px #c40000;

    }



    .mission__text {
        font-size: 26px;
        line-height: 1.7;
        margin-bottom: 40px;

    }

    /* Список */
    .mission__list {
        list-style: none;
        padding: 0;
    }

    .mission__list li {
        font-size: 19px;
        margin-bottom: 20px;
        position: relative;
        padding-left: 25px;
    }

    .mission__list li {
        font-size: 19px;
        margin-bottom: 22px;
        position: relative;
        padding-left: 35px;
    }

    /* Крупная точка */
    .mission__list li::before {
        content: "";
        position: absolute;
        left: 0;
        top: 3px;
        width: 12px;
        height: 12px;
        background: #c40000;
        border-radius: 50%;
        animation: pulseDot 1.8s infinite ease-in-out;
    }


    .mission__img {
        position: relative;
        width: 400px;
        /* уменьшили общий блок */
        height: 300px;
    }

    .mission__img img {
        position: absolute;
        width: 70%;
        /* сами картинки меньше */
        border-radius: 18px;

        transition: all 0.4s ease;
    }

    /* Первая */
    .mission__img img:nth-child(1) {
        top: 0;
        left: 0;
        z-index: 3;
    }

































    /* ===== CATERING ===== */

    .catering {
        padding: 100px 0;
        background: #ffffff;
        position: relative;
    }

    /* мягкая декоративная линия сверху */


    /* .catering__title {
    text-align: center;
    font-size: 42px;
    font-weight: 700;
    margin-bottom: 70px;
    letter-spacing: 1px;
    font-family: "Times New Roman", sans-serif;
} */

    /* карточка */
    .catering__card {
        display: flex;
        align-items: center;
        gap: 60px;

        padding: 55px;
        border-radius: 28px;

        background: #ffffff;

        box-shadow:
            0 30px 80px rgba(0, 0, 0, 0.08),
            0 5px 20px rgba(0, 0, 0, 0.05);

        transition: transform .35s ease, box-shadow .35s ease;
    }

    /* лёгкий hover-эффект */
    .catering__card:hover {
        transform: translateY(-6px);
        box-shadow:
            0 40px 110px rgba(0, 0, 0, 0.12),
            0 10px 30px rgba(0, 0, 0, 0.06);
    }

    /* изображение */
    .catering__img {
        flex: 0 0 420px;
    }

    .catering__img img {
        width: 100%;
        border-radius: 20px;
        display: block;
    }

    /* текст */
    .catering__content {
        flex: 1;
    }

    .catering__text {
        font-size: 20px;
        line-height: 1.7;
        font-family: "Times New Roman", sans-serif;
    }










    /* ===== UBORKA ===== */

    .uborka {
        padding: 100px 0;
        background: #ffffff;
        position: relative;
    }

    /* декоративный фон-акцент */
    .uborka::before {
        content: "";
        position: absolute;
        inset: 0;
        background: radial-gradient(circle at 20% 20%, rgba(196, 0, 0, 0.05), transparent 60%);
        pointer-events: none;
    }

    .uborka__title {
        /* text-align: center; */
        /* font-size: 40px; */
        /* font-weight: 700; */
        line-height: 1.3;
        /* margin-bottom: 70px; */
        font-family: "Times New Roman", sans-serif;

        text-align: center;
        font-size: 54px;
        font-weight: 700;
        letter-spacing: 4px;
        margin-bottom: 10px;
        position: relative;



    }

    /* сетка карточек */
    .uborka__items {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 30px;
    }

    /* карточка */
    .uborka__card {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 25px;

        /* padding: 35px; */
        border-radius: 22px;

        background: #fff;

        box-shadow:
            0 20px 60px rgba(0, 0, 0, 0.08),
            0 4px 12px rgba(0, 0, 0, 0.04);

        transition: all .35s ease;
    }

    /* hover — бросается в глаза */
    .uborka__card:hover {
        transform: translateY(-8px) scale(1.02);
        box-shadow:
            0 35px 90px rgba(0, 0, 0, 0.12),
            0 8px 20px rgba(0, 0, 0, 0.06);
    }

    /* текст */
    .uborka__content p {
        font-size: 18px;
        line-height: 1.6;
        margin: 0;
        text-align: center;
    }

    /* иконка */
    .uborka__icon {
        flex: 0 0 90px;
    }

    .uborka__icon img {
        width: 90px;
        height: 90px;
        object-fit: contain;
        opacity: 0.9;
        transition: transform .4s ease;
    }

    /* лёгкий zoom иконки */
    .uborka__card:hover .uborka__icon img {
        transform: scale(1.15) rotate(4deg);
    }




    @media (max-width: 1100px) {

        .uborka__items {
            grid-template-columns: repeat(2, 1fr);
        }

        .uborka__title {
            font-size: 34px;
            margin-bottom: 50px;
        }

        .uborka__card {
            /* padding: 28px; */
        }

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

        .uborka__icon {
            flex: 0 0 70px;
        }


    }



    .uborka__card {
        display: flex;
        align-items: stretch;
        /* важно — растягивает по высоте */
        overflow: hidden;
    }

    .uborka__content {
        flex: 1;
        padding: 20px;
        display: flex;
        align-items: center;
    }

    .uborka__icon {
        width: 200px;
        /* регулируй ширину картинки */
    }

    .uborka__icon img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }




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

        .uborka__card {
            display: block;
        }
    }

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








    .optom {
        padding: 80px 0;
    }

    .optom__grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 30px;
    }

    .optom__card {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 30px;
        background: #fff;
        border-radius: 20px;
        box-shadow: 0 15px 40px rgba(0, 0, 0, 0.05);
        transition: 0.3s ease;
    }

    .optom__card:hover {
        transform: translateY(-8px);
    }

    .optom__main {
        font-weight: 600;
        margin-bottom: 20px;
    }

    .optom__brands {
        display: flex;
        gap: 15px;
        flex-wrap: wrap;
    }

    .optom__brands img {
        width: 60px;
    }








    @keyframes floatBrand {
        0% {
            transform: translateY(0);
        }

        50% {
            transform: translateY(-6px);
        }

        100% {
            transform: translateY(0);
        }
    }

    .optom__brands img {
        width: 60px;
        animation: floatBrand 4s ease-in-out infinite;
    }

    .optom__brands img:nth-child(2) {
        animation-delay: 0.5s;
    }

    .optom__brands img:nth-child(3) {
        animation-delay: 1s;
    }

    .optom__brands img:nth-child(4) {
        animation-delay: 1.5s;
    }
























    .map__title {
        font-weight: 700;
        margin-bottom: -200px;
        font-family: "Times New Roman", sans-serif;
        line-height: normal;
        font-size: 25px;
        width: 800px;
        text-align: justify;
        margin-bottom: 0;
        margin-left: 50px;
    }






    .map {
        position: relative;
        width: 100%;
        max-width: 1200px;
        /* можно убрать если не нужно */
        margin: 0 auto;
    }

    .map img {
        width: 100%;
        height: auto;
        display: block;
    }

    .map-markers {
        position: absolute;
        inset: 0;
    }





    .map-marker {
        position: absolute;
        transform: translate(-50%, -100%);
        cursor: pointer;
    }

    .map-marker span {
        display: inline-block;
        background: #c40000;
        color: #fff;
        padding: 8px 14px;
        font-size: 13px;
        border-radius: 20px;
        white-space: nowrap;
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
    }












    .sector {
        padding: 10px 0;
        background: #f9f4ea;
        /* твой нежный фон */
    }

    .sector__title {
        text-align: center;
        font-size: 54px;
        font-weight: 700;
        letter-spacing: 4px;
        /* margin-bottom: 120px; */
        position: relative;
    }

    .sector__subtitle {
        text-align: center;
        font-size: 34px;
        font-weight: 700;
        letter-spacing: 4px;
        text-transform: uppercase;
        margin-bottom: 10px;
        position: relative;
    }

    .sector__items {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
        gap: 30px;
    }

    .sector__info {
        flex-grow: 1;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }


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



    .sector__item {
        background: #fff;
        border-radius: 16px;
        padding: 7px 7px;
        text-align: center;
        transition: 0.3s;
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
        position: relative;
    }

    .sector__item:hover {
        transform: translateY(-6px);
        box-shadow: 0 16px 36px rgba(0, 0, 0, 0.1);
    }

    .sector__img {
        width: 150px;
        height: 90px;
        object-fit: contain;
        margin: 0 auto;
        margin-bottom: 20px;
    }



    .sector__info h3 {
        font-size: 18px;
        margin-bottom: 10px;
        flex-grow: 1;
    }

    .sector__info p {
        font-size: 14px;
        margin: 4px 0;
    }

    .sector__info span {
        display: block;
        font-size: 13px;
        background: #eee6d8;
        padding: 6px 12px;
        border-radius: 20px;
        position: static;
        margin-top: 12px;
        width: 100%;
        box-sizing: border-box;
    }





    /* скрытое состояние */
    .on_click {
        max-height: 0;
        overflow: hidden;
        opacity: 0;
        transition: all 0.4s ease;
    }

    /* открыто */
    .sector__item.open .on_click {
        max-height: 5000px;
        /* увеличил, чтобы точно хватило */
        opacity: 1;
        margin-top: 15px;
    }

    /* кнопка */
    .sector__toggle {
        margin-top: 15px;
        background: none;
        border: none;
        color: #c40000;
        font-weight: 600;
        cursor: pointer;
        transition: 0.3s;
    }

    .sector__toggle:hover {
        opacity: 0.7;
    }







    .on_click_item {
        margin-bottom: 30px;
    }










    /* ===== LETTERS ===== */

    .letters {
        padding: 10px 0;
        background: #ffffff;
    }

    .letters__title {
        text-align: center;
        font-size: 32px;
        margin-bottom: 10px;
    }

    .letters__grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 15px;
    }

    .slick-slide .letters__grid {
        display: grid;
        /* оставляем */
    }

    .letters__item img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        cursor: pointer;
    }

    .letters__item {
        background: #fff;
        padding: 14px;
        border-radius: 14px;

        box-shadow:
            0 10px 30px rgba(0, 0, 0, 0.08);

        transition: all .35s ease;
        cursor: pointer;
    }

    .letters__item:hover {
        transform: translateY(-6px);
        box-shadow:
            0 20px 50px rgba(0, 0, 0, 0.14);
    }

    .letters__item img {
        width: 100%;
        height: 360px;
        object-fit: cover;
        border-radius: 10px;
        background: #f3f3f3;
    }








    .letters__grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 20px;
        margin-bottom: 20px;
    }

    /* вертикальные (оставляем как есть) */
    .letters__item.ver {
        height: 320px;
    }

    /* 🔥 горизонтальные */
    .letters__item.hor {
        height: 180px;
        /* ключевой момент */
    }

    /* общие стили */
    .letters__item {
        overflow: hidden;
        border-radius: 10px;
    }

    .letters__item img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }




    .letters__grid {
        flex-shrink: 0;
    }








    .letters-modal {
        display: none;
        position: fixed;
        z-index: 9999;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.9);

        justify-content: center;
        align-items: center;
    }

    .letters-modal.active {
        display: flex;
    }

    .letters-modal__img {
        max-width: 90%;
        max-height: 90%;
        object-fit: contain;
    }

    .letters-modal__close {
        position: absolute;
        top: 20px;
        right: 30px;
        color: #fff;
        font-size: 40px;
        cursor: pointer;
    }






























    .build {
        padding: 10px 0;
        background: #ffffff;
    }

    .build__title {
        text-align: center;
        font-size: 54px;
        font-weight: 700;
        letter-spacing: 4px;
        margin-bottom: 10px;
        position: relative;
    }

    .build__item {
        max-width: 900px;
        margin: 0 auto;
        padding: 50px;

        background: #fff;
        box-shadow:
            0 30px 80px rgba(0, 0, 0, .08);
    }

    /* HEAD */
    .build__head {
        display: flex;
        align-items: center;
        gap: 30px;
        margin-bottom: 35px;
    }

    .build__logo {
        width: 140px;
    }

    .build__company h3 {
        font-size: 26px;
        margin-bottom: 6px;
    }

    .build__company span {
        color: #777;
        font-size: 14px;
    }

    /* PROJECTS */

    .build__project {
        padding: 14px 0;
        border-bottom: 1px solid #eee;
        font-size: 16px;
    }

    .build__project--main {
        font-weight: 600;
    }

    /* HIDDEN BLOCK */

    .build__more {
        max-height: 0;
        overflow: hidden;
        opacity: 0;
        transition:
            max-height .6s ease,
            opacity .4s ease;
    }

    .build__projects.open .build__more {
        max-height: 400px;
        opacity: 1;
    }

    /* BUTTON */

    .build__toggle {
        margin-top: 20px;
        background: none;
        border: none;
        font-size: 15px;
        font-weight: 600;
        cursor: pointer;
        color: #c40000;
        padding: 0;
        position: relative;
    }

    .build__toggle::after {
        content: " ↓";
        transition: transform .3s ease;
    }

    .build__projects.open .build__toggle::after {
        content: " ↑";
    }


    .build__items {
        /* display: flex; */
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 25px;
        /* align-items: center; */
    }


    .buig_sh {
        margin-bottom: 10px;
    }


    .vichi_project {
        margin-top: 20%;
    }





    /* ===== CIVIL ONE CARD ===== */

    .civilian {
        padding: 10px 0;
        background: #f9f4ea;
    }

    .civilian__title {
        text-align: center;
        font-size: 54px;
        font-weight: 700;
        letter-spacing: 4px;
        margin-bottom: 10px;
        position: relative;
        color: #c40000;
    }

    /* CARD */

    .civil-cards {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
        gap: 30px;
    }

    .civil-card {
        max-width: 820px;
        margin: 0 auto;

        display: flex;
        align-items: center;
        gap: 40px;

        background: #ffffff;
        padding: 40px;
        border-radius: 22px;

        box-shadow:
            0 25px 70px rgba(0, 0, 0, 0.08);

        transition: all .35s ease;
    }

    .civil-card:hover {
        transform: translateY(-8px);
        box-shadow:
            0 35px 100px rgba(0, 0, 0, 0.14);
    }

    /* LOGO */

    .civil-card__logo {
        flex: 0 0 160px;
    }

    .civil-card__logo img {
        width: 100%;
        height: auto;
        object-fit: contain;
    }

    /* CONTENT */

    .civil-card__name {
        font-size: 22px;
        margin-bottom: 18px;
        line-height: 1.4;
    }

    /* BADGES */

    .civil-card__badges {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
    }

    .civil-card__badges span {
        background: #eee6d8;
        padding: 8px 14px;
        border-radius: 999px;
        font-size: 14px;
    }

    /* MOBILE */




    .civil-card {
        max-width: 820px;
        margin: 0 auto 30px;
        /* ← добавили отступ вниз */

        display: flex;
        align-items: center;
        gap: 40px;

        background: #ffffff;
        padding: 40px;
        border-radius: 22px;

        box-shadow: 0 25px 70px rgba(0, 0, 0, 0.08);
        transition: all .35s ease;
    }

    .civil-card+.civil-card {
        margin-top: 30px;
    }


    .buig_sh {
        margin-top: -35px;
    }

    .ronesans_sh {
        margin-top: -33px;
    }




    /* CIVIL */

    .civil-item {
        text-align: center;
    }

    .civil-items {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
        gap: 30px;
    }

    .civil-item {
        /* display: flex; */
        align-items: center;
        gap: 25px;

        background: #fff;
        padding: 30px;
        border-radius: 18px;

        box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08);
        transition: .3s;
    }

    .civil-item:hover {
        transform: translateY(-6px);
        box-shadow: 0 30px 80px rgba(0, 0, 0, 0.15);
    }

    .civil-img {
        width: 50%;
        height: auto;
        object-fit: contain;
        margin: 0 auto;
    }

    .civil-info h3 {
        margin-top: 20px;
        font-size: 20px;
        margin-bottom: 8px;
    }

    .civil-info p {
        font-size: 15px;
        margin-bottom: 6px;
    }

    .civil-info span {
        display: inline-block;
        margin-top: 6px;
        padding: 6px 12px;
        border-radius: 20px;
        background: #eee6d8;
        font-size: 14px;
    }

    .human__sector {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
    }


    .human-item img {
        height: 50%;
    }




    .human-item {
        display: flex;
        flex-direction: column;
    }

    .human-item .civil-info {
        display: flex;
        flex-direction: column;
        height: 100%;
    }

    .human-item .civil-info span {
        margin-top: auto;
    }






















    .experience {
        padding: 10px 0;
        background: #f7f9fc;
    }

    .span_ex {
        display: inline-block;
        margin-top: 10px;
        font-size: 13px;
        background: #eee6d8;
        padding: 6px 12px;
        border-radius: 20px;
        /* position: absolute; */
        bottom: 20px;
        left: 10px;
        right: 10px;
        margin: 0 auto;
    }

    .experience__title {
        text-align: center;
        font-size: 32px;
        font-weight: 700;
        margin-bottom: 10px;
    }

    .experience__subtitle {
        text-align: center;
        color: #000;
        margin-bottom: 10px;

    }

    .experience__subtitle span {}

    .experience__grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
        gap: 25px;
    }

    .exp-card {
        background: white;
        padding: 25px;
        border-radius: 14px;
        text-align: center;
        box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06);
        transition: 0.3s;
    }

    .exp-card:hover {
        transform: translateY(-6px);
        box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12);
    }

    .exp-card img {
        max-width: 160px;
        height: auto;
        margin-bottom: 15px;
        object-fit: contain;
        margin: 0 auto;
    }

    .exp-card span {
        font-weight: 600;
        color: #333;
    }





    /* EXPERIENCE GRID */
    .experience__grid {
        display: grid;

        /* чуть больше */
        gap: 30px;
    }

    /* КАРТОЧКА */
    .exp-card {
        background: #fff;
        border-radius: 16px;
        padding: 25px 20px;
        /* увеличили */
        display: flex;
        flex-direction: column;
        align-items: center;
        /* центр по горизонтали */
        justify-content: center;
        /* центр по вертикали */
        text-align: center;

        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
        transition: 0.3s ease;
    }

    /* hover чтобы не потерять стиль */
    .exp-card:hover {
        transform: translateY(-6px);
        box-shadow: 0 16px 36px rgba(0, 0, 0, 0.1);
    }

    /* КАРТИНКИ */
    .exp-card img {
        max-width: 100%;
        /* увеличили */
        max-height: 80px;
        object-fit: contain;

        display: block;
        margin: 0 auto 12px auto;
        /* центр + отступ вниз */
    }

    /* ТЕКСТ */
    .exp-card span {
        font-size: 14px;
        color: #444;
    }










    /* ================= ESG NAV BLOCK ================= */

    :root {
        --color-e: #32CD32;
        --color-s: #f5c842;
        --color-g: #4a9ee8;
        --color-esg-bg: #1a1f2e;
        --esg-size: 200px;
        --esg-center: 70px;
    }

    .esg-hero {
        padding: 80px 0;
        text-align: center;
    }

    .esg-title {
        /* font-size: 14px; */
        letter-spacing: .15em;
        text-transform: uppercase;
        margin-bottom: 48px;
        /* opacity: .6; */
    }

    .esg-nav {
        position: relative;
        width: var(--esg-size);
        height: var(--esg-size);
        margin: 0 auto;
    }

    .esg-sector {
        position: absolute;
        inset: 0;
        border-radius: 50%;
        text-decoration: none;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: .25s;
    }

    .esg-sector:hover {
        transform: scale(1.07);
        filter: brightness(1.15);
        z-index: 3;
    }

    .esg-sector__inner {
        text-align: center;
        pointer-events: none;
    }

    .esg-letter {
        font-size: 56px;
        font-weight: 900;
        line-height: 1;
        color: #fff;
    }

    .esg-word {
        font-size: 11px;
        font-weight: 700;
        text-transform: uppercase;
        line-height: 1.3;
        margin-top: 6px;
        color: #fff;
    }

    /* ===== E ===== */
    .esg-sector--e {
        background: var(--color-e);
        clip-path: polygon(50% 50%,
                0% 26%,
                50% -21%,
                98% 26%);
    }

    .esg-sector--e .esg-sector__inner {
        transform: translateY(-30%);
    }

    /* ===== G ===== */
    .esg-sector--g {
        background: #c40000;
        clip-path: polygon(50% 50%,
                100% 25%,
                100% 100%,
                50% 100%);
    }

    .esg-sector--g .esg-sector__inner {
        transform: translate(26%, 26%);
    }

    /* ===== S ===== */
    .esg-sector--s {
        background: #0070c9;
        clip-path: polygon(50% 50%,
                50% 100%,
                -50% 100%,
                0% 25%);
    }

    .esg-sector--s .esg-sector__inner {
        transform: translate(-26%, 26%);
        color: #fff;
    }

    .esg-sector--s .esg-letter,
    .esg-sector--s .esg-word,
    .esg-sector--g .esg-word {
        color: #fff;
    }

    /* ===== CENTER ===== */
    .esg-center {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: var(--esg-center);
        height: var(--esg-center);
        border-radius: 50%;
        background: var(--color-esg-bg);
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        font-size: 32px;
        font-weight: 900;
        z-index: 5;
        box-shadow: 0 0 0 6px #fff;
    }

    /* ===== ANCHOR SECTIONS ===== */

    .esg-anchor {
        padding: 80px 0;
    }

    @media (max-width:420px) {
        :root {
            --esg-size: 260px;
            --esg-center: 90px;
        }
    }

    .test_1 {
        position: relative;
    }

    .test_1 h1 {
        position: absolute;
        top: 0;
    }




    .esg-sector {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .esg-letter {
        font-size: 64px;
        font-weight: 900;
        color: #fff;
        pointer-events: none;
        user-select: none;
    }

    /* для жёлтого сектора — тёмная буква */


    .esg-letter--e {
        position: absolute;
        top: 25px;
    }

    .esg-letter--s {
        position: absolute;
        position: absolute;
        right: 25px;
        bottom: 60px;
    }


    .esg-letter--g {
        position: absolute;
        left: 25px;
        bottom: 60px;
    }


    .esg-center {
        cursor: pointer;
        text-decoration: none;
        transition: transform .25s, filter .25s;
        background-color: #fff;
        color: #000;
    }











    /* плавный якорный скролл */
    html {
        scroll-behavior: smooth;
    }

    /* ===== ESG INFO ===== */

    .esg-info {
        padding: 30px 0;
        background: linear-gradient(180deg, #f6f8fb 0%, #ffffff 100%);
    }

    .esg-info__card {
        max-width: 920px;
        margin: 0 auto;
        background: #ffffff;
        border-radius: 20px;
        padding: 10px 64px;
        box-shadow: 0 25px 70px rgba(0, 0, 0, .08);
        border: 1px solid #eef1f5;
        position: relative;
    }

    /* верхняя цветная линия ESG */
    .esg-info__card::top-line {
        content: "";
    }



    .esg-info__title {
        font-size: 35px;
        font-weight: 900;
        letter-spacing: .02em;
        margin-bottom: 22px;
        text-align: left;
        margin-left: 50px;
        margin-right: 36px;
    }

    .esg-info__divider {

        opacity: .15;
        border-radius: 4px;
        margin-bottom: 26px;
    }

    .esg-info__text p {
        font-size: 16px;
        line-height: 1.5;
        color: #444;
        margin-bottom: 10px;
    }

    .esg-info__text p:last-child {
        margin-bottom: 0;
    }

    /* адаптив */

    @media (max-width: 640px) {
        .esg-info__card {
            padding: 30px;
        }

        .esg-info__title {
            font-size: 22px;
        }
    }










    .esg-info>button {
        display: block;
        margin: 36px auto 0;
        padding: 16px 32px;

        font-size: 14px;
        font-weight: 800;
        letter-spacing: .05em;
        text-transform: uppercase;

        color: #fff;
        background: linear-gradient(90deg, #4caf7d, #f5c842, #4a9ee8);

        border: none;
        border-radius: 14px;
        cursor: pointer;

        box-shadow: 0 12px 30px rgba(0, 0, 0, .15);
        transition: all .25s ease;
    }

    .esg-info>button:hover {
        transform: translateY(-3px);
        box-shadow: 0 18px 40px rgba(0, 0, 0, .22);
        filter: brightness(1.05);
    }

    .esg-info>button:active {
        transform: translateY(0);
        box-shadow: 0 8px 18px rgba(0, 0, 0, .18);
    }








    /* ========= ENVIRONMENT SECTION ========= */

    .env-section {
        padding: 30px 0;
        background: linear-gradient(180deg, #f3faf6 0%, #ffffff 100%);
    }

    .env-title {
        text-align: center;
        font-size: 35px;
        font-weight: 900;
        margin-bottom: 48px;
        letter-spacing: .04em;
        margin-left: 42px;
        margin-top: 10px;
    }

    .env-card {
        max-width: 1000px;
        margin: 0 auto;
        background: #fff;
        border-radius: 22px;
        padding: 30px 64px;
        box-shadow: 0 30px 80px rgba(0, 0, 0, .08);
        border: 1px solid #e3efe8;
        position: relative;
    }

    .env-card::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 6px;
        background: #6ead21;
        border-radius: 22px 22px 0 0;
    }

    .env-logo {
        display: flex;
        /* justify-content: space-between; */
        text-align: center;
        margin-bottom: -15px;
    }

    .env-logo img {
        height: 72px;
        margin-right: 20px;
    }

    .env-lead {
        font-size: 17px;
        line-height: 1.5;
        margin-bottom: 10px;
        text-align: justify;

    }

    .env-grid {}

    .env-box {
        background: #f7fbf8;
        border-radius: 16px;
        padding: 24px 26px;
        border: 1px solid #e3efe8;
        margin-bottom: 10px;
        text-align: center;
        /* border-left: 6px solid #6ead21; */
    }

    .env-box--wide {
        margin-top: 26px;
    }

    .env-box h3 {
        font-size: 17px;
        font-weight: 800;
        margin-bottom: 10px;


    }

    .env-accent {
        font-weight: 800;
        font-size: 21px;
        color: #4caf7d;
    }

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

    .env-list li {
        position: relative;
        padding-left: 26px;
        margin-bottom: 10px;
        line-height: 1.5;
        text-align: justify;
        
        /* color: #444; */
    }

    .env-list li::before {

        content: "";
        position: absolute;
        left: 0;
        top: 8px;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background-color: #6ead21;
        font-weight: 900;
    }

    .env-list--cols {
        columns: 2;
        column-gap: 40px;
    }

    /* ===== адаптив ===== */

    @media (max-width: 720px) {


        .env-list--cols {
            columns: 1;
        }

        .env-card {
            padding: 32px;
        }

        .env-title {
            font-size: 24px;
        }
    }




    /* ===== SPECIAL WIDE TITLE STYLE ===== */

    .env-box--wide h3 {
        padding: 14px 18px;
        background: #eef7f1;
        border-left: 6px solid #6ead21;
        border-radius: 10px;
        text-transform: uppercase;
        line-height: 1.5;
    }



    .env__button {
        display: block;
        margin: 36px auto 0;
        padding: 16px 32px;

        font-size: 14px;
        font-weight: 800;
        letter-spacing: .05em;
        text-transform: uppercase;

        color: #fff;
        background: #6ead21;

        border: none;
        border-radius: 14px;
        cursor: pointer;

        box-shadow: 0 12px 30px rgba(0, 0, 0, .15);
        transition: all .25s ease;
    }







    .foto-env {
        padding: 60px 0;
        background: #f5f7f6;
        /* мягкий фон */
    }

    /* .foto-env__items {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 20px;
} */



    .foto-env__items {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        /* 4 в ряд */
        gap: 15px;

        max-height: 233px;
        /* примерно 2 строки */
        overflow: hidden;

        transition: max-height 1.5s ease;
    }

    /* когда открыто */
    .foto-env__items.open {
        max-height: 2000px;
        /* любое большое значение */
    }


    .foto-load-more {
        display: block;
        margin: 30px auto 0;
        padding: 12px 28px;
        background: #6ead21;
        ;
        color: #fff;
        border: none;
        border-radius: 8px;
        cursor: pointer;
        font-size: 12px;
        transition: 0.3s;
        text-transform: uppercase;
        font-weight: 600;
    }

    .foto-load-more:hover {
        background: #629a1e;
    }




    .foto-env__items img {
        width: 100%;
        height: 220px;
        object-fit: cover;
        border-radius: 14px;
        display: block;

        box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12);
        transition:
            transform .35s ease,
            box-shadow .35s ease,
            filter .35s ease;
    }

    /* эффект наведения */
    .foto-env__items img:hover {
        transform: scale(1.05);
        box-shadow: 0 12px 30px rgba(0, 0, 0, 0.2);
        filter: brightness(1.05);
    }


    .foto-env__items img {
        border: 4px solid #4caf7d;
    }







    .foto-modal {
        display: none;
        position: fixed;
        z-index: 9999;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.9);
        justify-content: center;
        align-items: center;
    }

    .foto-modal__img {
        max-width: 90%;
        max-height: 90%;
    }

    .foto-close {
        position: absolute;
        top: 30px;
        right: 40px;
        font-size: 40px;
        color: white;
        cursor: pointer;
    }


























    /* ============================= */
    /* HSE SECTION – SOLID CARD STYLE */
    /* ============================= */

    .hse {
        padding: 120px 0;
        background-color: #f4f6f9;
    }

    .hse__inner {
        max-width: 1100px;
        margin: 0 auto;
    }

    /* Главная карточка */
    .hse__items {
        display: block;
        /* убрали колонки */
        background: #ffffff;
        padding: 60px 70px;
        border-radius: 24px;
        box-shadow: 0 25px 60px rgba(0, 0, 0, 0.08);
        position: relative;
        overflow: hidden;
    }

    /* декоративная линия сверху */
    .hse__items {
        position: relative;
        /* обязательно */
    }

    .hse__items::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 6px;

        background: repeating-linear-gradient(45deg,
                #f5b800,
                #f5b800 10px,
                #000 10px,
                #000 20px);

        z-index: 2;
    }

    /* Убираем колоночные ограничения */
    .hse__item {
        width: 100%;
    }

    /* Заголовки */
    .hse__title-top,
    .hse__title-bottom {
        font-size: 35px;
        font-weight: 700;
        line-height: 1.5;
        margin-bottom: 10px;
        text-transform: uppercase;
        position: relative;
    }

    /* .hse__title-top::after,
.hse__title-bottom::after {
    content: "";
    display: block;
    width: 80px;
    height: 3px;
    margin-top: 15px;
    background: #c40000;
} */

    /* Текст */
    .hse p {
        font-size: 16px;
        line-height: 1.7;
        color: #000;
        margin-bottom: 20px;
    }

    /* Блоки Девиз / Стратегия */
    .hse__block {
        background: #f8f9fb;
        padding: 25px 30px;
        border-radius: 14px;
        margin: 30px 0;
        border-left: 4px solid #c40000;
    }

    /* Списки */
    .hse__ul,
    .hse__list-check,
    .streteg__list,
    .orgsniz__list,
    .hse__policies-list {
        list-style: none;
        padding-left: 0;
        margin-top: 20px;
    }

    .hse__ul li,
    .hse__list-check li,
    .streteg__list li,
    .orgsniz__list li,
    .hse__policies-list li {
        position: relative;
        padding-left: 28px;
        margin-bottom: 14px;
        line-height: 1.6;
    }

    /* Красивые чек-маркеры */
    .hse__ul li::before,
    .hse__list-check li::before,
    .streteg__list li::before,
    .orgsniz__list li::before,
    .hse__policies-list li::before {
        content: "✔";
        position: absolute;
        left: 0;
        top: 0;
        font-weight: bold;
    }

    /* Лого */
    .hse__logo {
        /* text-align: center; */
        margin: 30px 0;
        display: flex;
        justify-content: center;
        gap: 20px;
    }

    .hse__logo img {
        height: 72px;
        width: auto;
        opacity: 0.9;
    }

    /* Кнопка */
    .hse__button-wrapper {
        text-align: center;
        margin-top: 50px;
    }

    .hse__button {
        background: linear-gradient(135deg, #c40000, #ff3c3c);
        color: #fff;
        border: none;
        padding: 16px 38px;
        font-size: 16px;
        border-radius: 50px;
        cursor: pointer;
        transition: 0.3s ease;
        box-shadow: 0 10px 25px rgba(196, 0, 0, 0.3);
    }

    .hse__button:hover {
        transform: translateY(-3px);
        box-shadow: 0 15px 35px rgba(196, 0, 0, 0.4);
    }

    /* Адаптив */
    @media (max-width: 768px) {
        .hse__items {
            padding: 40px 25px;
        }

        .hse__title-top,
        .hse__title-bottom {
            font-size: 24px;
        }
    }


    .hse__ul {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 10px 40px;
    }




















    /* ================================================= */
    /* HSE SECTION – PREMIUM GOLDEN MONOLITHIC CARD      */
    /* ================================================= */

    :root {
        --gold-main: #f5b800;
        --gold-gradient: linear-gradient(135deg, #f5b800, #ffcc33);
        --gold-soft: #fffdf5;
        --text-dark: #000;
        --text-gray: #000;
        --card-shadow: 0 20px 60px rgba(245, 184, 0, 0.08), 0 10px 30px rgba(0, 0, 0, 0.04);
    }

    .hse {
        padding: 100px 0;
        /* background: #fcfcfc; */
        /* Чистый фон для контраста с карточкой */
        font-family: 'Times New Roman', -apple-system, BlinkMacSystemFont, sans-serif;
    }

    .hse__inner {
        max-width: 1050px;
        margin: 0 auto;
        padding: 0 20px;
    }

    /* Главная монолитная карточка */
    .hse__items {
        background: #ffffff;
        padding: 10px 80px;
        border-radius: 30px;
        box-shadow: var(--card-shadow);
        border: 1px solid rgba(245, 184, 0, 0.15);
        position: relative;
        overflow: hidden;
    }

    /* Элегантный акцент сверху */
    /* .hse__items::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 8px;
    background: #ab2519;
} */

    /* Заголовки */
    .hse__title-top,
    .hse__title-bottom {
        font-size: 30px;
        font-weight: 800;
        line-height: 1.2;
        color: var(--text-dark);
        margin-bottom: 10px;
        letter-spacing: -0.02em;
    }

    /* Золотая линия под заголовком */
    /* .hse__title-top::after,
.hse__title-bottom::after {
    content: "";
    display: block;
    width: 60px;
    height: 4px;
    background: #ab2519;
    border-radius: 2px;
    margin-top: 15px;
} */

    /* Основной текст */
    .hse p {
        font-size: 17px;
        line-height: 1.8;
        color: var(--text-gray);
        margin-bottom: 25px;
    }

    /* Блоки с девизом и целями (как в образце с широким заголовком) */
    .hse__block {
        background: var(--gold-soft);
        padding: 30px;
        border-radius: 20px;
        margin: 40px 0;
        border: 1px solid rgba(245, 184, 0, 0.1);
    }

    .hse__block h3 {
        font-size: 17px;
        text-align: center;
        font-weight: 800;
        /* letter-spacing: 0.1em; */
        color: #b38600;
        margin-bottom: 20px;
        text-transform: uppercase;
    }


    .dewiz__text {
        font-size: 22px;
        font-weight: 800;
        color: var(--text-dark);
        font-style: italic;
        text-align: center;
        color: #c40000;
    }

    /* Списки с автоматическим делением на колонки */
    .hse__list-check,
    .orgsniz__list {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
        gap: 15px 40px;
        list-style: none;
        padding: 0;
        margin-top: 30px;
    }

    .hse__ul,
    .streteg__list,
    .hse__policies-list {
        list-style: none;
        padding: 0;
        margin-top: 25px;
    }

    /* Стилизация элементов списка */
    .hse__ul li,
    .hse__list-check li,
    .orgsniz__list li,
    .hse__policies-list li {
        position: relative;
        padding-left: 32px;
        margin-bottom: 12px;
        font-size: 15px;
        line-height: 1.5;
        color: var(--text-gray);
        transition: transform 0.2s ease;
    }

    /* Золотая иконка вместо стандартного символа */
    .hse__ul li::before,
    .hse__list-check li::before,
    .orgsniz__list li::before,
    .hse__policies-list li::before {
        content: "✓";
        position: absolute;
        left: 0;
        top: 0;
        width: 20px;
        height: 20px;
        color: var(--gold-main);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 12px;
        font-weight: 900;
    }

    /* Логотип */
    .hse__logo {
        text-align: left;
        margin-bottom: 30px;
    }

    .hse__logo img {
        height: 65px;
        filter: drop-shadow(0 4px 10px rgba(0, 0, 0, 0.05));
    }

    /* Кнопка */
    .hse__button-wrapper {
        margin-top: 60px;
        text-align: center;
    }

    .hse__button {
        background: var(--text-dark);
        /* Темная кнопка с золотым текстом — это очень элегантно */
        color: var(--gold-main);
        border: 2px solid var(--text-dark);
        padding: 18px 45px;
        font-size: 15px;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        border-radius: 16px;
        cursor: pointer;
        transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
    }

    .hse__button:hover {
        background: var(--gold-main);
        color: var(--text-dark);
        border-color: var(--gold-main);
        transform: translateY(-5px);
        box-shadow: 0 20px 40px rgba(245, 184, 0, 0.25);
    }


    .hse__ul_color {}


    /* Адаптивность */
    @media (max-width: 850px) {
        .hse__items {
            padding: 50px 30px;
            border-radius: 0;
            /* На мобильных лучше на весь экран */
        }

        .hse__list-check {
            grid-template-columns: 1fr;
        }

        .hse__title-top {
            font-size: 26px;
        }
    }









    /* === Универсальный стиль для ESG / HSE заголовков === */


    /* .hse__free h2,
.hse__courses-title,
.hse-two__block-title,
.hse__policies h2 {

    padding: 16px 22px;
    background: #faf6ef;
    border-left: 6px solid #d32f2f;
    border-radius: 12px;

    margin-bottom: 20px;
    font-weight: 600;
    font-size: 18px;
    color: #2c2c2c;

    position: relative;
} */



    .hse__free h2,
    .hse__courses-title,
    .hse-two__block-title,
    .hse__policies h2 {
        padding: 16px 22px 16px 30px;
        /* увеличили слева */
        background: #faf6ef;
        border-radius: 12px;
        margin-bottom: 20px;
        font-weight: 600;
        font-size: 18px;
        color: #2c2c2c;
        position: relative;
    }





    .hse__free h2::before,
    .hse__courses-title::before,
    .hse-two__block-title::before,
    .hse__policies h2::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 6px;
        height: 100%;

        background: #c40000;

        border-radius: 12px 0 0 12px;
    }









    .env__button_1 {
        display: inline-block;
        padding: 14px 26px;
        background: #c40000;
        color: white;
        font-weight: 600;
        border-radius: 8px;
        cursor: pointer;
        transition: 0.3s ease;
        margin-top: 20px;


        display: block;
        margin: 36px auto 0;
        padding: 16px 32px;

        font-size: 14px;
        font-weight: 800;
        letter-spacing: .05em;
        text-transform: uppercase;


        border: none;
        border-radius: 14px;
        cursor: pointer;

        box-shadow: 0 12px 30px rgba(0, 0, 0, .15);
        transition: all .25s ease;

    }



    .env__button_2 {
        display: inline-block;
        padding: 14px 26px;
        background: #d32f2f;
        color: white;
        font-weight: 600;
        border-radius: 8px;
        cursor: pointer;
        transition: 0.3s ease;
        margin-top: 20px;


        display: block;
        margin: 36px auto 0;
        padding: 16px 32px;

        font-size: 14px;
        font-weight: 800;
        letter-spacing: .05em;
        text-transform: uppercase;


        border: none;
        border-radius: 14px;
        cursor: pointer;

        box-shadow: 0 12px 30px rgba(0, 0, 0, .15);
        transition: all .25s ease;

    }




    /* Скрываем checkbox */
    .env-toggle {
        display: none;

    }

    /* Кнопка */
    .env__button {
        display: inline-block;
        padding: 14px 26px;
        background: #6ead21;
        color: white;
        font-weight: 600;
        border-radius: 8px;
        cursor: pointer;
        transition: 0.3s ease;
    }

    .env__button:hover {
        background: #449e71;
    }

    /* Скрытый текст */
    .env-policy__content {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.5s ease, opacity 0.4s ease;
        opacity: 0;
        margin-top: 0;

    }

    /* Когда нажали */
    .env-toggle:checked~.env-policy__content {
        max-height: 500px;
        opacity: 1;
        margin-top: 20px;
    }


    .env-policy {
        display: flex;
        flex-direction: column;
        align-items: center;
    }




















    /* Контейнер раскрытого текста */
    .env-policy__content {
        max-width: 850px;
        /* background: #fffdf6; */
        /* border: 1px solid #ffe082; */
        border: 1px solid #e3efe8;
        border-radius: 14px;
        padding: 28px 32px;
        margin-top: 20px;
        box-shadow: 0 12px 30px rgba(0, 0, 0, 0.05);
        position: relative;
    }

    /* Красная акцентная линия сверху */
    .env-policy__content::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 5px;
        border-top-left-radius: 14px;
        border-top-right-radius: 14px;
    }

    /* Сам текст */
    .env-policy__content p {
        margin: 0;
        line-height: 1.7;
        font-size: 16px;
        color: #333;
    }































    /* ===== HSE CLEAN PREMIUM ===== */

    .hse {
        padding: 10px 0;
        /* background: linear-gradient(180deg, #fffdf8 0%, #f6efe4 100%); */
        background: #f9f4ea;
    }

    /* Убираем grid */
    .hse__items {
        display: block;
        margin: 0 auto;
    }

    /* ===== HEADER ===== */

    .hse__header {
        text-align: center;
        margin-bottom: 10px;
    }

    .hse__title-top {
        font-size: 34px;
        font-weight: 700;
        line-height: 1.4;
        letter-spacing: 1px;
        color: #000;
        text-align: justify;
    }

    /* ===== ОБЩИЙ СТИЛЬ КАРТОЧЕК ===== */

    .hse__item {
        background: #ffffff;
        padding: 20px 64px;
        border-radius: 28px;


    }



    /* ===== СПИСКИ ===== */

    .hse__ul,
    .streteg__list,
    .hse__list-check,
    .orgsniz__list,
    .hse__policies-list {
        list-style: none;
        padding: 0;
    }

    .hse__ul li,
    .streteg__list li,
    .hse__list-check li,
    .orgsniz__list li,
    .hse__policies-list li {
        position: relative;
        padding-left: 28px;
        margin-bottom: 16px;
        line-height: 1.7;
        color: #000;
        font-size: 16px;
    }

    /* маркер */
    .hse__ul li::before,
    .streteg__list li::before,
    .hse__list-check li::before,
    .orgsniz__list li::before,
    .hse__policies-list li::before {
        content: "";
        position: absolute;
        left: 0;
        top: 8px;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background-color: #c40000;
        font-weight: 900;
    }

    /* ===== ПОДЗАГОЛОВКИ ===== */

    .hse__title-bottom {
        font-size: 26px;
        margin-bottom: 30px;
        font-weight: 600;
        color: #1f1f1f;
    }

    .hse__free h3,
    .hse__policies h2 {
        font-size: 18px;
        margin-bottom: 20px;
        font-weight: 600;
        color: #222;
        line-height: normal;
    }

    /* ===== ТЕКСТ ===== */

    .hse__info p {
        line-height: 1.9;

        color: #000;
    }

    /* ===== ДЕВИЗ ===== */

    .hse__block {
        background: #faf6ef;
        padding: 24px 26px;
        border-radius: 20px;
        margin-bottom: 30px;
    }

    .dewiz {
        font-size: 18px;
        margin-bottom: 10px;
        color: #1f1f1f;
        border-left: 6px solid #6ead21;
    }

    .dewiz__text {
        font-size: 18px;
        font-weight: 600;
        color: #c40000;
    }

    /* ===== ЛОГО ===== */

    .hse__logo {
        text-align: center;
        margin-bottom: 35px;
    }


    /* ===== КНОПКА ===== */

    .hse__button-wrapper {
        text-align: center;
        margin-top: 60px;
    }

    .hse__button {
        background: #f0cb54;
        color: #fff;
        border: none;
        padding: 18px 46px;
        font-size: 16px;
        border-radius: 50px;
        cursor: pointer;
        letter-spacing: 1px;

        transition: all 0.3s ease;
    }

    .hse__button:hover {
        background: #d8aa15;
        transform: translateY(-3px);
        box-shadow: 0 20px 40px rgba(186, 196, 0, 0.25);
    }

    /* ===== АДАПТИВ ===== */

    @media (max-width: 768px) {
        .hse {
            padding: 80px 0;
        }

        .hse__item {
            padding: 35px;
        }

        .hse__title-top {
            font-size: 24px;
        }
    }















    /* ===== CORPORATE GOVERNANCE (BLUE VERSION) ===== */

    .corp {
        padding: 10px 0;
        background: #f5f9ff;
    }

    .corp__card {
        max-width: 1000px;
        margin: 0 auto;
        background: #ffffff;
        padding: 60px 70px;
        border-radius: 18px;
        box-shadow: 0 15px 40px rgba(0, 112, 201, 0.08);
        border-top: 5px solid #0070c9;
        transition: 0.3s ease;
    }

    .corp__card:hover {
        box-shadow: 0 20px 50px rgba(0, 112, 201, 0.15);
    }

    .corp__title {
        font-size: 32px;
        font-weight: 700;
        margin-bottom: 40px;
        color: #0070c9;
        text-align: center;
        position: relative;
    }



    .corp__content {
        font-size: 16px;
        line-height: 1.8;
        color: #333;
    }

    .corp__content h3 {
        margin-top: 35px;
        margin-bottom: 20px;
        font-size: 20px;
        color: #0070c9;
    }

    .corp__content p {
        margin-bottom: 20px;
    }


    .corp__content_title {
        padding: 14px 18px;
        background: #f5f9ff;
        border-left: 6px solid #0070c9;
        border-radius: 10px;
    }




    /* ===== Responsive ===== */

    @media (max-width: 992px) {
        .corp__card {
            padding: 40px 35px;
        }

        .corp__title {
            font-size: 26px;
        }
    }

    @media (max-width: 576px) {
        .corp {
            padding: 80px 0;
        }

        .corp__card {
            padding: 30px 20px;
        }

        .corp__title {
            font-size: 22px;
        }

        .corp__content {
            font-size: 15px;
        }
    }










    /* ===================================== */
    /* HSE-TWO – CONTINUATION OF MAIN CARD  */
    /* ===================================== */

    /* Убираем отдельную карточность */
    .hse-two__card {
        background: transparent;
        padding: 0px 64px;

        border-radius: 0;
        box-shadow: none;
        border: none;
        position: relative;
    }

    /* Тонкая золотая линия как разделитель */


    /* Заголовок блока */
    .hse-two__title {
        font-size: 28px;
        font-weight: 800;
        color: var(--text-dark);
        margin-bottom: 10px;
    }

    /* Подзаголовок */
    .hse-two__subtitle {
        font-size: 14px;
        letter-spacing: 0.12em;
        text-transform: uppercase;
        color: #b38600;
        margin-bottom: 40px;
    }

    /* Текст */
    .hse-two__text {
        font-size: 17px;
        line-height: 1.8;
        color: var(--text-gray);
        margin-bottom: 40px;
    }

    /* Заголовок нормативных актов */
    .hse-two__block-title {
        font-size: 20px;
        font-weight: 700;
        margin-bottom: 30px;
        color: var(--text-dark);
    }

    /* Группы */
    .hse-two__group {
        margin-bottom: 35px;
    }

    .hse-two__group h4 {
        font-size: 17px;
        text-transform: uppercase;
        letter-spacing: 0.08em;
        color: #b38600;
        margin-bottom: 15px;
        text-align: center;
    }

    /* Списки в стиле общей карточки */
    .hse-two__group ul {
        list-style: none;
        padding: 0;
        /* display: flex; */
        gap: 20px;
        justify-content: space-between;
        align-items: center;
    }

    .hse-two__group li {
        position: relative;
        padding-left: 32px;
        margin-bottom: 24px;
        font-size: 15px;
        line-height: 1.6;
        color: var(--text-gray);
    }

    .hse-two__group li::before {
        content: "";
        position: absolute;
        left: 0;
        top: 8px;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background-color: #c40000;
        font-weight: 900;
    }

    .hse-two__header {
        text-align: center;
    }


    .hse__ul-point li::before {
        content: "";
        position: absolute;
        left: 0;
        top: 4px;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background-color: #c40000;
        font-weight: 900;
    }


    .hse_first {
        max-width: 1000px;
        margin: 0 auto;
    }

    .hse__item {
        position: relative;
    }

    .hse__item::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 6px;
        /* background: #c40000; */
        border-radius: 22px 22px 0 0;
    }


    .foto {
        padding: 10px 0;
        background: #f8f9fb;
    }

    /* .foto__inner {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 20px;
} */
    .foto__img {
        width: 100%;
        height: 200px;
        object-fit: cover;
        border-radius: 12px;

        opacity: 1;
        transform: scale(1);
        transition: all 0.4s ease;
    }

    /* скрытое состояние */
    .foto__img.hidden {
        opacity: 0;
        transform: scale(0.9);
        pointer-events: none;
    }

    /* чтобы не ломалась сетка */
    .foto__img.hidden {
        visibility: hidden;
        position: absolute;
    }


    .foto-load-more_2 {
        display: block;
        margin: 30px auto 0;
        padding: 12px 28px;
        background: #c40000;
        color: #fff;
        border: none;
        border-radius: 8px;
        cursor: pointer;
        font-size: 16px;
        transition: 0.9s;
    }




    /* FULLSCREEN PHOTO */

    .foto-modal {
        display: none;
        position: fixed;
        z-index: 9999;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.9);
        justify-content: center;
        align-items: center;
    }

    .foto-modal__img {
        max-width: 90%;
        max-height: 90%;
        border-radius: 10px;
    }

    .foto-close {
        position: absolute;
        top: 30px;
        right: 40px;
        font-size: 40px;
        color: white;
        cursor: pointer;
    }





    .foto__inner {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 15px;
    }

    .foto__img {
        width: 100%;
        height: 200px;
        object-fit: cover;
        border-radius: 12px;
        transition: 1, 0s;
    }

    /* скрытые */
    .foto__img {
        width: 100%;
        height: 200px;
        object-fit: cover;
        border-radius: 12px;

        opacity: 1;
        transform: scale(1);
        transition: all 0.4s ease;
    }

    /* скрыто */
    .foto__img.hidden {
        opacity: 0;
        transform: scale(0.9);
        pointer-events: none;
        visibility: hidden;
    }




    @media (max-width: 768px) {
        .foto {
            padding: 50px 0;
        }

        .foto__inner {
            gap: 15px;
        }
    }

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














    .about {
        background-size: cover;
        background-position: center;
    }

    @media (max-width: 968px) {
        .about {
            padding: 120px 0;
        }

        .mission__card {
            display: block;
        }
    }

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

    /* планшеты */
    @media (max-width: 992px) {

        .catering__card {
            gap: 40px;
        }

        .catering__title {
            font-size: 34px;
        }

        .catering__text {
            font-size: 16px;
        }
    }

    /* телефоны */
    @media (max-width: 768px) {

        .catering {
            padding: 70px 0;
        }

        .catering__card {
            flex-direction: column;
            text-align: center;
            gap: 30px;
        }

        .catering__img {
            width: 100%;
            flex: 0 0 30px;
        }

        .catering__title {
            font-size: 28px;
            margin-bottom: 40px;
        }

        .catering__text {
            font-size: 15px;
            line-height: 1.7;
        }
    }




    h2 {
        font-size: 42px;
        line-height: 1.3;
    }

    @media (max-width: 1100px) {
        h2 {
            font-size: 34px;
        }
    }

    @media (max-width: 768px) {
        h2 {
            font-size: 26px;
        }
    }

    @media (max-width: 480px) {
        h2 {
            font-size: 22px;
        }
    }


    .wedo__title {
        line-height: normal;
    }













    @media (max-width: 768px) {

        .item--split {
            padding: 25px;
        }

        .item--split>.item__title {
            font-size: 22px;
            margin-bottom: 25px;
            text-align: center;
        }

        /* ВАЖНО: оставляем 2 колонки */
        .item__split {
            grid-template-columns: 1fr 1fr;
            gap: 15px;
        }

        .item__part {
            padding: 18px 10px;
            border-radius: 16px;
            text-align: center;
        }

        .item__part .item__title {
            font-size: 14px;
            margin-bottom: 10px;
            line-height: 1.3;
        }

        .item__part img {
            width: 40px;
            height: 40px;
            object-fit: contain;
        }
    }





    /* Контейнер карты */
    .map-wrapper {
        position: relative;
        width: 100%;
    }

    /* Картинка */
    .map-wrapper img {
        width: 100%;
        display: block;
    }

    /* Галочка */
    .marker {
        position: absolute;
        width: 1.2vw;
        /* размер зависит от ширины экрана */
        height: 1.2vw;
        min-width: 8px;
        /* чтобы не стали слишком маленькими */
        min-height: 8px;
        max-width: 18px;
        /* чтобы не стали огромными */
        max-height: 18px;

        background: #ffcc00;
        border-radius: 50%;
        border: 2px solid #fff;

        transform: translate(-50%, -50%);
    }







    /* Контейнер */
    .map-wrapper {
        position: relative;
        width: 100%;
    }

    .map-wrapper img {
        width: 100%;
        display: block;
    }

    /* Маркер */
    .marker {
        position: absolute;
        width: 1.2vw;
        height: 1.2vw;
        min-width: 8px;
        min-height: 8px;
        max-width: 18px;
        max-height: 18px;

        background: #ffcc00;
        border-radius: 50%;
        border: 2px solid #fff;

        transform: translate(-50%, -50%);
        cursor: pointer;

        animation: pulse 1.5s infinite;
    }

    /* Пульсация */
    @keyframes pulse {
        0% {
            box-shadow: 0 0 0 0 rgba(255, 204, 0, 0.7);
        }

        70% {
            box-shadow: 0 0 0 15px rgba(255, 204, 0, 0);
        }

        100% {
            box-shadow: 0 0 0 0 rgba(255, 204, 0, 0);
        }
    }

    /* Подсказка */
    .marker span {
        position: absolute;
        bottom: 150%;
        left: 50%;
        transform: translateX(-50%);
        background: #ffffff;
        padding: 6px 10px;
        border-radius: 6px;
        font-size: 13px;
        white-space: nowrap;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);

        opacity: 0;
        visibility: hidden;
        transition: 0.3s;
    }

    /* Показываем при наведении */
    .marker:hover span {
        opacity: 1;
        visibility: visible;
    }

    /* Маленький треугольник */
    .marker span::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        transform: translateX(-50%);
        border-width: 6px;
        border-style: solid;
        border-color: #ffffff transparent transparent transparent;
    }










    /* Заголовок + ESG в одной строке */
    .esg-info__header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 30px;
        margin-bottom: 20px;
    }

    /* Навигация внутри строки */
    .esg-nav--inline {
        display: flex;
        gap: 12px;
        align-items: center;
    }

    /* Чтобы заголовок не растягивался */











    /* Блок приоритетов */
    .esg-info__priorities {
        margin-top: 10px;
        padding: 30px;
        background: #f9fafb;
        border-radius: 16px;
    }

    /* Подзаголовок */
    .esg-info__subtitle {
        font-size: 17px;
        font-weight: 600;
        margin-bottom: 10px;
        position: relative;
        text-align: center;
    }



    /* Список */
    .esg-info__list {
        list-style: none;
        padding: 0;
        margin: 0;
        display: grid;
        gap: 18px;
    }

    /* Пункты */
    .esg-info__list li {
        position: relative;
        padding-left: 28px;
        line-height: 1.5;
        font-size: 15px;
        color: #444;
    }

    /* Кастомные маркеры */
    .esg-info__list li::before {
        content: "";
        position: absolute;
        left: 0;
        top: 8px;
        width: 10px;
        height: 10px;
        background: #d32f2f;
        border-radius: 50%;
    }



















    /* =========================
   ISO SECTION – CORPORATE
========================= */

    .iso {
        /* background: #f4f6f9; */
        padding: 40px 0;
    }

    /* =========================
   ВЕРХНИЙ БЛОК
========================= */

    .iso__inner {
        background: #ffffff;
        padding: 10px 20PX;
        border-radius: 12px;
        box-shadow: 0 8px 30px rgba(0, 0, 0, 0.05);
        margin-bottom: 10px;
    }

    .iso__inner h1 {
        font-size: 26px;
        font-weight: 600;
        line-height: 1;

        margin-bottom: 10px;
    }

    .iso__inner p {
        font-size: 26px;
        font-weight: 600;
        line-height: 1.5;

        margin-bottom: 10px;
    }


    .charity__title {
        text-align: center;
        font-size: 54px;
        margin-bottom: 20px;
        font-weight: 600;

    }


    .iso__inner h1 b {
        color: #c62828;
    }

    /* =========================
   ISO ЛОГОТИПЫ
========================= */

    .img_iso {
        display: flex;
        justify-content: space-around;
        /* gap: 60px; */
        margin: 50px 160px;
        flex-wrap: wrap;
    }

    /* Каждый span + img как колонка */
    .img_iso span {
        display: block;
        font-size: 20px;
        font-weight: 600;
        color: #000;
        margin-bottom: 12px;
        letter-spacing: 1px;
        text-align: center;
    }

    /* Группируем span + img визуально */
    .img_iso span+img {
        display: block;
        max-width: 100%;
        width: 100%;
        height: auto;
        /* УБРАЛИ 70px */
        object-fit: contain;
    }

    /* =========================
   СПИСОК ЦЕЛЕЙ
========================= */

    .iso__inner ul {
        list-style: none;
        margin-bottom: 40px;
    }

    .iso__inner ul li {
        position: relative;
        padding-left: 24px;
        margin-bottom: 10px;
        line-height: 1.5;
        font-size: 16px;
        color: #444;
    }

    .iso__inner ul li::before {
        content: "";
        position: absolute;
        left: 0;
        top: 8px;
        width: 8px;
        height: 8px;
        background: #c62828;
        border-radius: 50%;
    }

    /* КНОПКА */

    .iso__inner button {
        background: #c62828;
        color: #fff;
        border: none;
        padding: 14px 32px;
        border-radius: 6px;
        font-size: 15px;
        font-weight: 600;
        cursor: pointer;
        transition: 0.3s ease;
    }

    .iso__inner a {
        color: #fff;
    }

    .iso__inner button:hover {
        background: #a61c1c;
        transform: translateY(-2px);
    }

    /* =========================
   НИЖНИЙ БЛОК ПРОЦЕДУР
========================= */

    .iso__bottom {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .iso__bottom h1 {
        font-size: 24px;
        font-weight: 600;
        color: #000;
        margin-bottom: 10px;
        text-align: center;
    }

    /* Карточка процедуры */

    .iso__item>div {
        display: flex;
        justify-content: space-between;
        gap: 40px;
        background: #ffffff;
        padding: 30px;
        border-radius: 10px;
        border-left: 4px solid #c62828;
        box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
        transition: 0.3s ease;
    }

    .iso__item {
        text-decoration: none;
        color: inherit;
        display: block;
    }

    .iso__item>div:hover {
        transform: translateY(-4px);
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
    }

    /* ЛЕВЫЙ P */

    .iso__item>div p:first-child {
        flex: 0 0 30%;
        font-weight: 600;
        color: #000;
        font-size: 20px;
        line-height: normal;
        text-align: center;
    }

    /* ПРАВЫЙ P */

    .iso__item>div p:last-child {
        flex: 1;
        color: #000;
        line-height: 1.6;
        font-size: 14px;
    }





    .iso__bottom h1 {
        line-height: normal;
    }



    .esg__test {
        display: flex;
        align-items: center;
    }

    .esg-nav span {
        font-size: 20px;
    }



















    .join-team-btn {
        position: fixed;
        right: 0;
        top: 50%;
        transform: translateY(-50%);

        background: #c40000;
        color: #fff;
        padding: 18px 25px;
        font-size: 16px;
        font-weight: 600;
        text-decoration: none;

        border-radius: 12px 0 0 12px;
        box-shadow: -5px 10px 25px rgba(196, 0, 0, 0.3);

        z-index: 9999;

        animation: pulseBlink 1.8s infinite;
        transition: 0.3s ease;
    }


    .join-team-btn:hover {
        background: #ff0000;
        padding-right: 35px;
    }








    /* ========================= */
    /* ===== CHARITY BLOCK ===== */
    /* ========================= */

    .charity {
        padding: 40px 0;
        background: linear-gradient(180deg, #ffffff 0%, #f9f4ea 100%);
    }


    .charity__text {
        max-width: 900px;
        margin: 0 auto 10px;
        text-align: center;
        line-height: 1.5;
        color: #555;
        font-size: 20px;
    }

    /* GRID */
    .charity__items {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
        gap: 40px;
        margin: 10px 10px;
    }

    /* CARD */
    .charity__item {
        background: #fff;
        padding: 30px 20px;
        border-radius: 24px;
        text-align: center;
        box-shadow: 0 25px 60px rgba(0, 0, 0, 0.06);
        transition: all .4s ease;
    }

    .charity__item:hover {
        transform: translateY(-10px);
        box-shadow: 0 35px 80px rgba(196, 0, 0, 0.15);
    }

    .charity__item img {
        height: 90px;
        margin: 0 auto 25px;
        object-fit: contain;
    }

    .charity__item-title {
        font-size: 18px;
        line-height: 1.4;
    }
















    /* ========================= */
    /* ===== LETTERS CAROUSEL === */
    /* ========================= */

    .charity-letters {
        padding: 20px 0;
        background: #ffffff;
    }

    .charity-letters__title {
        text-align: center;
        font-size: 36px;
        margin-bottom: 10px;
    }

    .letters-carousel {
        overflow: hidden;
        position: relative;
    }

    .letters-track {
        display: flex;
        gap: 40px;
        animation: lettersScroll 25s linear infinite;
    }

    .letters-slide {
        min-width: 320px;
        background: #fff;
        padding: 20px;
        border-radius: 18px;

        transition: transform .4s ease;
    }

    .letters-slide img {
        width: 100%;
        height: 420px;
        object-fit: cover;
        border-radius: 12px;
    }

    .letters-slide:hover {
        transform: scale(1.05);
    }

    /* бесконечная плавная прокрутка */
    @keyframes lettersScroll {
        from {
            transform: translateX(0);
        }

        to {
            transform: translateX(-50%);
        }
    }

    /* пауза при наведении */
    .letters-carousel:hover .letters-track {
        animation-play-state: paused;
    }






    .letters-carousel--horizontal .letters-slide {
        width: 320px;
        height: 200px;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
    }

    .letters-carousel--horizontal .letters-slide img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }




    /* ========================= */
    /* ===== BOTTOM IMAGE ===== */
    /* ========================= */






    .footer__hotline {
        display: flex;
        align-items: center;
        /* justify-content: center; */
        height: 100%;
        margin-left: 10px;
    }

    .hotline-btn {
        display: inline-block;
        background: #c40000;
        color: #fff;
        padding: 10px 40px;
        font-size: 13px;
        font-weight: 600;
        text-decoration: none;
        border-radius: 8px;
        transition: .3s;
    }

    .hotline-btn:hover {
        background: #a50000;
        transform: translateY(-3px);
    }








    .map__inner {
        display: flex;
        align-items: center;
    }



    .esg-nav {
        position: relative;
        width: 200px;
        height: 200px;
        aspect-ratio: 1 / 1;
        /* гарантирует круг */
        border-radius: 50%;
    }






    .carusel {
        padding: 80px 0;
        background: #f9f4ea;
    }

    .carusel__wrapper {
        overflow: hidden;
        width: 100%;
    }

    .carusel__track {
        display: flex;
        gap: 40px;
        width: max-content;
        animation: caruselScroll 60s linear infinite;
        will-change: transform;
    }

    .carusel__track:hover {
        animation-play-state: paused;
    }

    .carusel__item {
        flex: 0 0 auto;
        width: 500px;
        height: 300px;
        border-radius: 20px;
        overflow: hidden;
    }

    .carusel__item img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }


    @keyframes caruselScroll {

        0% {
            transform: translateX(0);
        }

        100% {
            transform: translateX(-50%);
        }

    }





    .map__inner {
        background-color: #fff;
        border-radius: 10%;
        margin-bottom: 30px;
        height: 450px;
    }






    /* ── ESG NAV: PULSE + SCALE ── */

    .esg-sector {
        transition: transform .35s ease, opacity .35s ease;
    }

    .esg-sector--e {
        animation: esgPulse 2.4s ease-in-out infinite;
    }

    .esg-sector--g {
        animation: esgPulse 2.4s ease-in-out infinite .8s;
    }

    .esg-sector--s {
        animation: esgPulse 2.4s ease-in-out infinite 1.6s;
    }



    @keyframes esgPulse {

        0%,
        100% {
            opacity: 1;
            transform: scale(1);
        }

        50% {
            opacity: .5;
            transform: scale(.96);
        }
    }




    .esg-sector {
        transition: opacity .4s ease, transform .4s ease;

    }

    .esg-sector--e {
        animation-delay: 0s;
    }

    .esg-sector--g {
        animation-delay: .8s;
    }

    .esg-sector--s {
        animation-delay: 1.6s;
    }

    .esg-center {
        animation-delay: 1.2s;
        transition: opacity .4s ease, transform .4s ease;
    }

    @keyframes esgPulse {

        0%,
        100% {
            opacity: 1;
            transform: scale(1);
        }

        50% {
            opacity: .5;
            transform: scale(.96);
        }
    }

    /* hover: анимация отключается, transition плавно возвращает к норме */
    .esg-sector:hover {
        animation: none;
        opacity: 1;
        transform: scale(1.07);
    }

    .esg-center:hover {
        animation: none;
        opacity: 1;
        transform: translate(-50%, -50%) scale(1.1);
    }









    .logo-dropdown {
        position: relative;
    }

    .logo-dropdown__trigger {
        display: block;
        cursor: pointer;
    }

    .logo-dropdown__menu {
        position: absolute;
        top: 100%;
        left: 0;
        display: flex;
        flex-direction: column;
        gap: 8px;
        padding: 10px 0;
        background: #fff;
        border-radius: 8px;
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
        z-index: 100;

        /* скрыто по умолчанию */
        max-height: 0;
        overflow: hidden;
        opacity: 0;
        transform: translateY(-6px);
        transition: max-height .35s ease, opacity .3s ease, transform .3s ease;
    }

    .logo-dropdown__menu a {
        display: block;
        padding: 5px 5px;
    }

    .logo-dropdown__menu img {
        /* height: 45px; */
        display: block;
    }

    /* открытое состояние */
    .logo-dropdown.open .logo-dropdown__menu {
        max-height: 200px;
        opacity: 1;
        transform: translateY(0);
    }





    .ch_title {
        margin-bottom: 10px;
    }



    .img-modal {
        display: none;
        position: fixed;
        z-index: 9999;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.9);
        justify-content: center;
        align-items: center;
    }

    .img-modal__content {
        max-width: 90%;
        max-height: 90%;
        border-radius: 10px;
    }

    .img-modal__close {
        position: absolute;
        top: 20px;
        right: 30px;
        color: #fff;
        font-size: 40px;
        cursor: pointer;
    }



    .charity__items {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 30px;
    }







    .span_ex-div {
        display: flex;
        text-align: center;
        margin-top: 10px;
    }










    .sector__items--civil {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 20px;
        justify-content: center;
        align-items: stretch;
    }






    .sector__items--civil .sector__item {
        display: flex;
        flex-direction: column;
        width: 300px;
    }


    .items--civil {
        display: flex;
        flex-direction: column;
    }

    .items--civil span {
        margin-top: auto;
    }




    .mission__card {
        display: flex;
        align-items: center;
        /* по вертикали центр */
        gap: 60px;
        justify-content: end;
    }

    .mission__content {
        padding-left: 50px;
        max-width: 55%;
    }



    .mission__icons-slider {
        width: 220px;
        height: 220px;

        display: flex;
        align-items: center;
        justify-content: center;
        margin-left: 22%;
        flex-shrink: 0;
        /* чтобы не сжимался */
    }

    .mission__icon-slide img {
        width: 200px;
        height: 200px;
        object-fit: contain;
    }


    .mission_size_img img {
        width: 200px;
        height: 200px;
    }





    .fit__inner {
        display: flex;
        gap: 16px;
    }

    .fit__item {
        flex: 1;
    }

    .fit__item img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        display: block;
    }













    .hse__card {
        background: #fff;
        border-radius: 16px;
        padding: 30px;
        margin-bottom: 5px;
    }

    .hse__title {
        font-size: 24px;
        font-weight: 700;
        margin-bottom: 10px;
    }

    .hse__text {
        font-size: 16px;
        line-height: 1.6;
        margin-bottom: 20px;
    }

    .hse__block {
        margin-top: 20px;
    }

    .hse__block h4 {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .hse__block ul {
        padding-left: 20px;
    }

    .hse__block li {
        margin-bottom: 6px;
    }












    .hse_first .hse__item--principles {
        position: relative;
        padding-top: 20px;
    }

    .hse_first .hse__item--principles::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 4px;
        background: #c40000;
    }






    .hse_second_title {
        position: relative;
        padding-left: 28px;
        /* чуть больше под полоску */
    }

    .hse_second_title::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;

        width: 6px;
        height: 100%;


        border-radius: 2px;
    }







    .hse__second .hse__item--safety {
        position: relative;
        padding-top: 20px;
    }











    #hse .hse__items {
        position: relative;
        padding-top: 20px;
    }

    #hse .hse__items::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 4px;
        background: #c40000;
    }





    .hse__item--safety {
        position: relative;
        background: #fff;
        border-radius: 16px;
        /* Ваше скругление */
        z-index: 1;
        padding: 30px;
        margin: 10px;
        /* Чтобы рамка не вылезала за пределы контейнера */
    }





    .hse__item--safety {
        position: relative;
        border-radius: 12px;
        padding: 20px;

        border: 6px solid transparent;

        background:
            linear-gradient(#fff, #fff) padding-box,
            repeating-linear-gradient(45deg,
                #f5b800,
                #f5b800 10px,
                #000 10px,
                #000 20px) border-box;
    }




    .hse__second .hse__free h2::before,
    .hse__second .hse__courses-title::before,
    .hse__second .hse-two__block-title::before,
    .hse__second .hse__policies h2::before {
        background: repeating-linear-gradient(45deg,
                #f5b800,
                #f5b800 10px,
                #000 10px,
                #000 20px);
    }




    .hse-policy {
        text-align: center;
        margin-top: 30px;
    }



    .env__button--red {
        display: inline-block;
        padding: 14px 26px;
        background: #c40000;
        color: white;
        font-weight: 600;
        border-radius: 8px;
        cursor: pointer;
        transition: 0.3s ease;
        margin: 0;
    }

    .env__button--red:hover {
        background: #a00000;
    }


    .cur {
        display: grid;
        grid-template-columns: repeat(5, 1fr);

    }





    .foto__inner {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
        gap: 20px;
    }

    .foto__img {
        width: 100%;
        height: 200px;
        object-fit: cover;
    }



    .foto__inner {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
    }

    .foto__img {
        width: calc(25% - 20px);
    }









    .foto__inner {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        /* 4 в ряд */
        gap: 20px;
    }

    .foto__img {
        width: 100%;
        height: 180px;
        object-fit: cover;
        border-radius: 10px;
    }









    .orgsniz__list {
        padding-left: 20px;
        /* стандартный отступ под точки */
    }

    /* только последний элемент */
    .orgsniz__list li:last-child {
        display: flex;
        justify-content: center;
        /* центрируем всё */
        list-style-position: inside;
        /* шарик вместе с текстом */
        text-align: center;
    }



    .orgsniz__list {
        padding-left: 20px;
    }

    /* центрируем весь li */
    .orgsniz__list li:last-child {
        width: fit-content;
        /* ширина по контенту */
        margin: 0 auto;
        /* центр по горизонтали */
        text-align: left;
        /* текст остаётся нормальным */
    }


    .pepe {
        max-width: 342px;
    }




    .hse_dewiz {
        position: relative;
    }

    .hse_dewiz::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 6px;
        height: 100%;
        background: repeating-linear-gradient(45deg, #f5b800, #f5b800 10px, #000 10px, #000 20px);
        border-radius: 12px 0 0 12px;
    }




    .ozn_link {
        display: inline-block;
        padding: 5px 10px;
        background: #c40000;
        color: white;
        font-weight: 600;
        border-radius: 8px;
        cursor: pointer;
        transition: 0.3s ease;
    }



    @media (max-width: 700px) {
        .civil-card {
            flex-direction: column;
            text-align: center;
        }

        .civil-card__logo {
            width: 140px;
        }
    }

    @media (max-width: 1200px) {
        .sector__items--civil {
            grid-template-columns: repeat(3, 1fr);
        }
    }

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

    @media (max-width: 480px) {
        .sector__items--civil {
            grid-template-columns: 1fr;
        }
    }



    /* =========================
   АДАПТИВ
========================= */

    @media (max-width: 992px) {
        .iso__inner {
            padding: 40px;
        }

        .iso__bottom>div {
            flex-direction: column;
        }

        .iso__bottom>div p:first-child {
            margin-bottom: 10px;
            flex: 100%;
        }
    }

    @media (max-width: 600px) {
        .iso {
            padding: 50px 0;
        }

        .iso__inner {
            padding: 30px;
        }

        .img_iso {
            gap: 40px;
        }
    }



    @media(max-width: 900px) {
        .company__slider {
            width: 370px;
            height: 370px;
        }

        .company__track {
            max-width: 400px;
        }

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

        .join-team-btn {
            padding: 17px 13px;
        }
    }


    @media(max-width: 700px) {

        .company__slider {
            width: 270px;
            height: 270px;
        }

        .company__track {
            max-width: 300px;
        }


        .company__track p {
            font-size: 18px;
        }

    }

    @media(max-width: 580px) {

        .company__slider {}

        .company__track {
            max-width: 200px;
        }


        .company__track p {
            font-size: 18px;
        }

        .company__inner {
            display: block;
        }

        .join-team-btn {

            font-size: 10px;
        }

    }

    @media(max-width: 490px) {
        .company__track p {
            font-size: 14px;
        }

        .join-team-btn {
            padding: 17px 2px;
            font-size: 9px;
        }

        .company__slider {
            width: 240px;
            height: 240px;
        }

        .company__track {
            max-width: 270px;
        }
    }


        {
        % load static %
    }

    html {
        box-sizing: border-box;
        scroll-behavior: smooth;
    }

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

    ul[class],
    ol[class] {
        padding: 0;
    }

    body,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p,
    ul[class],
    ol[class],
    li,
    figure,
    figcaption,
    blockquote,
    dl,
    dd {
        margin: 0;
    }

    ul[class] {
        list-style: none;
    }

    img {
        max-width: 100%;
        display: block;
    }

    input,
    button,
    textarea,
    select {
        font: inherit;
    }

    a {
        text-decoration: none;
    }

    /* font-family: "Raleway", sans-serif;
font-family: "Roboto Condensed", sans-serif; */

    body {
        font-family: "Times New Roman", sans-serif;
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 0.6px;
        line-height: 18px;
        /* color: #fff; */
        /* background-color: rgb(41 59 80); */
        background-color: rgb(251 244 233);

    }

    .container {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 10px;
    }

    .header__inner {
        display: flex;
        justify-content: space-between;
        align-items: center;
        /* background-color: aqua; */
    }

    .header__logo img {
        height: 50px;
        width: auto;
    }

    .nav__list {
        display: flex;
        gap: 25px;
    }

    /* базовая навигация */
    .nav__list {
        display: flex;
        gap: 32px;
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .nav__item {
        position: relative;
    }

    .nav__item-link {
        text-decoration: none;
        color: #222;
        padding: 10px 14px;
        display: inline-block;
    }

    /* DROPDOWN */
    .dropdown {
        position: absolute;
        top: 100%;
        left: 0;
        min-width: 220px;
        background: #fff;
        border-radius: 8px;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
        padding: 10px 0;
        opacity: 0;
        visibility: hidden;
        transform: translateY(10px);
        transition: all 0.25s ease;
        z-index: 10;
    }

    .dropdown__item {
        list-style: none;
    }

    .dropdown__link {
        display: block;
        padding: 10px 20px;
        text-decoration: none;
        color: #222;
        transition: background 0.2s ease;
    }


    /* ПОЯВЛЕНИЕ ПРИ НАВЕДЕНИИ */
    .nav__item--dropdown:hover .dropdown {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }

    .about {
        padding: 380px 0;
        /* background-image: url(/img/021727089634.png); */
        background-image: url(/static/img/bg_1.jpg);
        background-repeat: no-repeat;
        background-size: 100%;
        z-index: 0;

    }

    .about__inner {
        z-index: 1;
    }

    .top__title {
        margin-bottom: 20px;
    }

    .about__top img {
        width: auto;
        height: 200px;
        margin: 0 auto;
    }

    .wedo__title {
        text-align: center;
        /* color: #fff; */
        padding: 20px;
    }

    .wedo__text {
        /* width: 600px; */
        margin: 0 auto;
        text-align: center;
        /* color: #fff; */
        padding-bottom: 20px;
    }

    .wedo__items {
        display: flex;
        align-items: center;
        gap: 20px;
    }

    .item__title {
        text-align: center;
        line-height: 40px;
        font-size: 21px;
    }

    .wedo {
        margin-bottom: 20px;
    }










    .header {
        position: sticky;
        top: 0;
        z-index: 1000;
        background: #ffffff;
    }

    .nav__item-link {
        position: relative;
        padding: 12px 18px;
        color: #111;
        text-decoration: none;
        overflow: hidden;
        z-index: 1;
        transition: color 0.3s ease;
    }

    /* красная заливка */
    .nav__item-link::before {
        content: "";
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: #c40000;

        z-index: -1;
        transition: left 0.35s ease;
    }

    /* hover */
    .nav__item-link:hover::before {
        left: 0;
    }

    .nav__item-link:hover {
        color: #ffffff;
    }

    /* ===== LANG SWITCH ===== */

    .lang-switch {
        display: inline-flex;
        background: #f3f3f3;
        border-radius: 30px;
        padding: 4px;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
    }

    .lang-switch a {
        padding: 6px 14px;
        font-size: 13px;
        font-weight: 500;
        text-transform: uppercase;
        text-decoration: none;
        color: #555;
        border-radius: 20px;
        transition: all 0.3s ease;
    }

    /* активный язык */
    .lang-switch a.active {
        background: #c40000;
        /* ваш акцент */
        color: #fff;
        box-shadow: 0 4px 10px rgba(196, 0, 0, 0.3);
    }

    /* hover */
    .lang-switch a:hover:not(.active) {
        color: #c40000;
    }











    .reklama__track {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 25px;

    }



    .item__link {
        text-decoration: none;
        color: #000000;
    }





































    .ex {
        margin: 80px 0;
    }

    .ex__inner {
        background: rgba(255, 255, 255, 0.12);
        backdrop-filter: blur(16px);
        -webkit-backdrop-filter: blur(16px);
        border-radius: 20px;
        padding: 32px;
        border: 1px solid rgba(255, 255, 255, 0.25);
        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25);
    }

    /* Кнопка */
    .ex__toggle {
        width: 100%;
        background: rgba(255, 255, 255, 0.08);
        border: none;
        padding: 26px 30px;
        font-size: 30px;
        font-weight: 600;
        /* color: #fff; */
        display: flex;
        justify-content: space-between;
        align-items: center;
        cursor: pointer;
        border-radius: 16px;
        transition: background 0.3s ease, transform 0.15s ease;
    }

    .ex__toggle:hover {
        background: rgba(255, 255, 255, 0.15);
    }

    .ex__toggle:active {
        transform: scale(0.98);
    }

    /* стрелка */
    .ex__arrow {
        width: 14px;
        height: 14px;
        border-right: 3px solid #000000;
        border-bottom: 3px solid #000000;
        transform: rotate(45deg);
        transition: transform 0.4s ease;
    }

    /* контент */
    .ex__content {
        overflow: hidden;
        max-height: 0;
        opacity: 0;
        transform: translateY(-10px);
        transition:
            max-height 0.6s ease,
            opacity 0.4s ease,
            transform 0.4s ease;
    }

    /* открыто */
    .ex.open .ex__content {
        max-height: 1200px;
        opacity: 1;
        transform: translateY(0);
    }

    .ex.open .ex__arrow {
        transform: rotate(-135deg);
    }

    /* текст */
    .ex__item {
        padding: 30px 10px 0;
    }

    .ex-item__title {
        font-size: 22px;
        margin-bottom: 14px;
        /* color: #fff; */
    }

    .item___text {
        line-height: 1.8;
        /* color: rgba(255, 255, 255, 0.85); */
    }







    .wedo {
        padding: 100px 0;
        background: #f7f6f4;
    }

    .wedo__title {
        font-size: 42px;
        margin-bottom: 20px;
    }

    .wedo__text {
        max-width: 600px;

        color: #555;
        line-height: 1.6;
    }

    /* GRID */
    .wedo__items {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 32px;
    }

    /* CARD */
    .wedo .item {
        background: #fff;
        border-radius: 20px;
        padding: 40px 30px;
        text-align: center;
        transition:
            transform 0.4s ease,
            box-shadow 0.4s ease;
        box-shadow:
            0 10px 20px rgba(0, 0, 0, 0.05),
            0 1px 2px rgba(0, 0, 0, 0.04);
        position: relative;
        cursor: pointer;
        margin-bottom: 20px;
    }

    /* "Выпуклость" */
    .wedo .item::before {
        content: "";
        position: absolute;
        inset: 0;
        border-radius: 20px;
        background: linear-gradient(145deg,
                rgba(255, 255, 255, 0.8),
                rgba(255, 255, 255, 0));
        opacity: 0;
        transition: opacity 0.4s ease;
        pointer-events: none;
    }

    /* HOVER */
    .wedo .item:hover {
        transform: translateY(-12px) scale(1.02);
        box-shadow:
            0 12px 24px rgba(255, 0, 0, 0.08),
            0 4px 12px rgba(255, 0, 0, 0.05);

    }


    /* ICON */
    .wedo .item img {
        width: 64px;
        margin-bottom: 24px;
        transition: transform 0.4s ease;
    }

    .wedo .item:hover img {
        transform: translateY(-6px) scale(1.1);
    }

    /* TEXT */
    .item__title {
        font-size: 22px;
        margin-bottom: 14px;
    }

    .wedo .item p {
        font-size: 15px;
        line-height: 1.6;
        color: #666;
    }


    .wedo .item {
        background: #fff;
        border-radius: 22px;
        box-shadow: 0 10px 30px rgba(0, 0, 0, .08);
        transition: box-shadow .35s ease, transform .35s ease;
    }

    .item__split>* {
        background: linear-gradient(180deg, #ffffff, #fafafa);
        border-radius: 18px;
        padding: 28px 24px;
        transition:
            transform .3s ease,
            box-shadow .3s ease;
    }

    .item--split {
        width: 600px;
    }

    .item__split {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }





    /* .wedo .item {
    padding: 40px 40px;
}

.item__split>* {
    padding: 30px 30px;
} */

    .item__title {
        line-height: 40px;
    }

    .item__title {
        line-height: 1.25;
    }

    .item--split {
        height: auto;
        width: 500px;
    }





    .item__part:hover {
        border-color: rgba(255, 0, 0, .45);
        background: #fff;

        transform: translateY(-6px);

        box-shadow:
            0 20px 40px rgba(255, 0, 0, .18),
            0 8px 20px rgba(255, 0, 0, .12);
    }

    .item__split a {
        color: #000000;
    }









    @media (max-width: 1300px) {
        .wedo__items {
            display: block;
        }

        .item--split {
            width: 100%;
        }
    }

    @media (max-width: 800px) {
        .about {
            padding: 137px 0;
        }
    }







    /* ADAPTIVE */
    @media (max-width: 900px) {
        .wedo__items {
            grid-template-columns: 1fr;
        }

    }

















    .restaran__title {
        margin-bottom: 30px;
    }

    .title_ {
        text-align: center;
        font-size: 54px;
        font-weight: 700;
        letter-spacing: 4px;
        margin-bottom: 10px;
        position: relative;
        line-height: normal;
    }


    .title_red {
        text-align: center;
        color: red;
    }

    .restaran {
        padding: 40px 0;
    }


    .restaran__items {
        display: flex;
        align-items: baseline;
    }





    /* скрываем radio */
    .restaran-card input {
        display: none;
    }

    .restaran-card {
        background: #fff;
        padding: 50px;
        border-radius: 20px;
        box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08);
        max-width: 1200px;
        margin: auto;
    }

    .restaran-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 40px;
    }

    .restaran-box {
        text-align: center;
        padding: 30px 20px;
        border-radius: 18px;
        cursor: pointer;
        transition: 0.4s ease;
    }

    .restaran-box:hover {
        transform: translateY(-10px);
        box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
    }

    .restaran-logo {
        height: 140px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .restaran-logo img,
    .restaran-logo svg {
        max-height: 120px;
        max-width: 100%;
        transition: 0.4s ease;
    }

    .restaran-box h3 {
        margin-top: 20px;
        font-size: 16px;
        letter-spacing: 1px;
        font-weight: 600;
    }

    /* описание */
    .restaran-description {
        margin-top: 40px;
        padding: 30px;
        background: #f8f8f8;
        border-radius: 15px;
        min-height: 120px;
        position: relative;
    }

    .desc {
        opacity: 0;
        position: absolute;
        transition: 0.4s ease;
    }

    /* показываем нужный текст */
    #r1:checked~.restaran-description .desc1,
    #r2:checked~.restaran-description .desc2,
    #r3:checked~.restaran-description .desc3,
    #r4:checked~.restaran-description .desc4 {
        opacity: 1;
        position: relative;
    }





























    .comment {
        padding: 100px 0;
        background: #f7f6f4;
    }

    .comment__title {
        font-size: 42px;
        margin-bottom: 50px;
    }

    /* CARD */
    .comment__item {
        display: flex;
        align-items: flex-start;
        gap: 30px;

        background: #fff;
        padding: 40px;
        border-radius: 24px;

        box-shadow:
            0 20px 40px rgba(0, 0, 0, 0.08);

        transition:
            transform 0.3s ease,
            box-shadow 0.3s ease;
    }

    /* ВЫПУКЛОСТЬ */
    .comment__item:hover {
        transform: translateY(-6px);
        box-shadow:
            0 30px 60px rgba(0, 0, 0, 0.15);
    }

    /* PHOTO */
    .comment__item img {
        width: 110px;
        height: 110px;
        object-fit: cover;
        border-radius: 50%;
        flex-shrink: 0;
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
    }

    /* AUTHOR INFO */
    .author__title {
        font-size: 22px;
        margin-bottom: 6px;
    }

    .author__spec {
        display: block;
        font-size: 14px;
        color: #999;
        margin-bottom: 16px;
    }

    .author__info p {
        line-height: 1.7;
        color: #555;
        max-width: 700px;
    }

    /* MOBILE */
    @media (max-width: 768px) {
        .comment__item {
            flex-direction: column;
            text-align: center;
            align-items: center;
        }

        .author__info p {
            max-width: 100%;
        }
    }

    .comment__more {
        color: #d32f2f;
        /* мягкий красный */
        text-decoration: none;
        font-weight: 500;
        margin-left: 6px;
        position: relative;
        white-space: nowrap;
    }

    .comment__more::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: -2px;
        width: 100%;
        height: 1px;
        background: currentColor;
        transform: scaleX(0);
        transform-origin: left;
        transition: transform 0.3s ease;
    }

    .comment__more:hover::after {
        transform: scaleX(1);
    }

    .comment {
        padding: 80px 0;
        overflow: hidden;
    }

    .comment__title {
        margin-bottom: 40px;
    }

    .comment__carousel {
        overflow: hidden;
        width: 100%;
    }

    .comment__track {
        display: flex;
        gap: 30px;
        animation: scroll 20s linear infinite;
        margin-top: 150px;
    }

    .comment__card {
        min-width: 420px;
        background: #fff;
        border-radius: 16px;
        padding: 20px;
        display: flex;
        gap: 20px;
        box-shadow: 0 10px 30px rgba(0, 0, 0, .1);
    }

    .comment__card img {
        width: 80px;
        height: 80px;
        border-radius: 50%;
        object-fit: cover;
    }

    .comment__content h3 {
        margin-bottom: 4px;
    }

    .comment__content span {
        font-size: 14px;
        color: #777;
    }

    .comment__content p {
        margin: 10px 0;
    }

    .comment__content a {
        color: red;
        text-decoration: none;
        font-weight: 600;
    }

    /* БЕСКОНЕЧНАЯ АНИМАЦИЯ */
    @keyframes scroll {
        from {
            transform: translateX(0);
        }

        to {
            transform: translateX(-50%);
        }
    }

    /* пауза при наведении */
    .comment__carousel:hover .comment__track {
        animation-play-state: paused;
    }




    .personal {
        padding: 120px 0;
        background: #f7f6f3;
        /* благородный светлый фон */
    }

    .personal__title {
        text-align: center;
        font-size: 42px;
        font-weight: 500;
        letter-spacing: 2px;
        margin-bottom: 80px;
        color: #1f1f1f;
    }

    .personal__card {
        max-width: 360px;
        margin: 0 auto;
        padding: 40px 30px;
        background: #fff;
        border-radius: 24px;
        text-align: center;
        box-shadow: 0 30px 80px rgba(0, 0, 0, 0.08);
        transition: transform 0.4s ease, box-shadow 0.4s ease;
    }

    .personal__card:hover {
        transform: translateY(-10px);
        box-shadow: 0 40px 100px rgba(0, 0, 0, 0.12);
    }

    .personal__image {
        width: 180px;
        height: 180px;
        margin: 0 auto 30px;
        border-radius: 50%;
        overflow: hidden;
    }

    .personal__image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        filter: grayscale(100%);
        transition: filter 0.4s ease, transform 0.4s ease;
    }

    .personal__card:hover img {
        filter: grayscale(0%);
        transform: scale(1.05);
    }

    .personal__name {
        font-size: 22px;
        font-weight: 600;
        margin-bottom: 10px;
        color: #111;
    }

    .personal__position {
        font-size: 15px;
        letter-spacing: 1px;
        text-transform: uppercase;
        color: #888;
    }

    .personal__card-items {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 20px;
    }















    .partners__carousel {
        overflow: hidden;
        width: 100%;
    }

    .partners__track {
        display: flex;
        gap: 80px;
        width: max-content;
        animation: partnersScroll 30s linear infinite;
    }

    .partners__item img {
        height: 70px;
        opacity: 0.5;
        transition: opacity 0.3s ease, transform 0.3s ease;
    }

    .partners__item img:hover {
        opacity: 1;
        transform: scale(1.1);
    }

    /* АНИМАЦИЯ */
    @keyframes partnersScroll {
        from {
            transform: translateX(0);
        }

        to {
            transform: translateX(-50%);
        }
    }















    .footer {
        width: 100%;
        /* background: #1b1b1b; */
        /* background: #F4F6F8; */
        background: #f9ebce;
        /* background: #FCEAE4; */
        /* background: #F8D8CC; */
        /* color: #bdbdbd; */
        color: #000;
    }

    .footer__inner {
        padding: 20px 80px;
    }

    .footer__row {
        display: flex;
        justify-content: space-around;
        align-items: top;
    }

    .footer__brand {
        max-width: 420px;
    }

    .footer__logo {
        max-width: 180px;
        margin-bottom: 25px;
    }

    .footer__desc {
        line-height: 1.8;
        color: #9a9a9a;
        font-size: 15px;
    }

    /* Правая колонка */
    .footer__contacts {
        max-width: 420px;
        margin-left: auto;
    }

    .footer__title {
        font-size: 16px;
        letter-spacing: 1px;
        text-transform: uppercase;
        margin-bottom: 10px;
        /* color: #ffffff; */
        color: #000;
        position: relative;
        margin-left: 11px;
    }



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

    .footer__item {
        display: flex;
        align-items: flex-start;
        gap: 18px;
        margin-bottom: 10px;
        line-height: 1.6;
    }

    .footer__icon {
        color: #caa25c;
        font-size: 17px;
        margin-top: 3px;
    }

    /* hover */
    .footer__item span {
        transition: color 0.3s ease;
    }

    .footer__item:hover span {
        color: #ffffff;
    }

    /* Адаптив */
    @media (max-width: 991px) {
        .footer__inner {
            padding: 70px 40px;
        }

        .footer__contacts {
            margin-left: 0;
            margin-top: 50px;
        }
    }

    @media (max-width: 575px) {
        .footer__inner {
            padding: 60px 20px;
        }
    }





    .info-item {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 50px;
    }


    .item-box__title {
        margin-bottom: 30px;

        line-height: 30px;
    }

    .info-item__img {
        width: 300px;
    }

    .info {
        background: #f9f4ea;
        padding: 100px 0;
    }

    .info-item {
        /* background: #fff; */
        padding: 60px 70px;
        border-radius: 32px;

        box-shadow:
            0 10px 25px rgba(0, 0, 0, .04),
            0 30px 60px rgba(0, 0, 0, .03);
    }


    .item-box__title {
        font-size: 34px;
        line-height: 1.25;
        font-weight: 500;
        color: #2a2a2a;
    }

    .item-box__text {
        font-size: 16px;
        line-height: 1.8;
        color: #5a5a5a;
    }










    .reviews {
        padding: 80px 0;
    }

    .reviews__title {
        font-size: 32px;
        margin-bottom: 40px;
    }

    .review-card {
        border: 1px solid #eee;
        border-radius: 12px;
        margin-bottom: 20px;
        overflow: hidden;
        cursor: pointer;
        transition: box-shadow 0.3s;
    }

    .review-card:hover {
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    }

    .review-card__preview {
        display: flex;
        align-items: center;
        gap: 16px;
        padding: 20px;
    }

    .review-card__avatar {
        width: 60px;
        height: 60px;
        border-radius: 50%;
        object-fit: cover;
    }

    .review-card__name {
        display: block;
        margin-bottom: 4px;
    }

    .review-card__short {
        color: #666;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 400px;
    }

    .review-card__full {
        max-height: 0;
        overflow: hidden;
        padding: 0 20px;
        transition: max-height 0.4s ease;
    }

    .review-card.active .review-card__full {
        max-height: 600px;
        padding-bottom: 20px;
    }

    .review-card__full p {
        margin-bottom: 20px;
        line-height: 1.6;
    }

    .review-card__image {
        width: 100%;
        border-radius: 10px;
    }




























    /* ===== CSR TOP BLOCK ===== */

    .csr-item {
        display: flex;
        align-items: flex-start;
        gap: 30px;
        margin-bottom: 50px;
    }

    .csr-item img {
        width: 80px;
        height: 80px;
    }

    .crs-info {
        max-width: 800px;
    }

    .crs-item-title {
        font-size: 32px;
        margin-bottom: 15px;
    }

    .crs-item-text {
        line-height: 1.6;
        color: #555;
    }


    /* ===== GRID 3x2 ===== */

    .crs__img {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
    }

    .crs__img img {
        width: 100%;
        height: 220px;
        object-fit: cover;
        cursor: pointer;
        transition: transform 0.3s ease;
    }

    .crs__img img:hover {
        transform: scale(1.05);
    }












    .popup {
        position: fixed;
        inset: 0;
        display: none;
        justify-content: center;
        align-items: center;
        z-index: 999;
    }

    .popup.active {
        display: flex;
    }

    .popup-overlay {
        position: absolute;
        inset: 0;
        background: rgba(0, 0, 0, 0.6);
    }

    .popup-content {
        position: relative;
        background: #fff;
        width: 90%;
        max-width: 700px;
        padding: 40px;
        border-radius: 12px;
        z-index: 1000;
    }

    .popup-close {
        position: absolute;
        top: 15px;
        right: 20px;
        font-size: 28px;
        cursor: pointer;
    }


    .csr {
        margin: 50px 0;
    }



    /* кнопка */
    .nav-toggle {
        display: none;
        font-size: 26px;
        background: none;
        border: none;
        cursor: pointer;
    }

    /* адаптив */
    @media (max-width: 1400px) {

        .nav-toggle {
            display: block;
            z-index: 1;
        }

        .header__nav {
            position: fixed;
            top: -100%;
            left: 0;
            width: 100%;
            background: #fff;
            padding: 40px;
            transition: 0.4s;
        }

        .nav__list {
            flex-direction: column;
            gap: 20px;
        }

        /* когда открыто */
        .header__nav.open {
            top: 0;
        }

        .nav__list {
            align-items: center;
        }
    }





    .nav-arrow {
        display: inline-block;
        margin-left: 8px;
        width: 8px;
        height: 8px;
        border-right: 2px solid #000;
        border-bottom: 2px solid #000;
        transform: rotate(45deg);
        transition: 0.3s;
    }


    @media (max-width: 1400px) {

        /* отключаем hover-раскрытие */
        .nav__item--dropdown:hover .dropdown {
            opacity: 0;
            visibility: hidden;
            transform: none;
        }

        .dropdown {
            position: static;
            box-shadow: none;
            max-height: 0;
            overflow: hidden;
            opacity: 1;
            visibility: visible;
            padding: 0;
            transition: max-height 0.3s ease;
        }

        /* открытое состояние */
        .nav__item.open .dropdown {
            max-height: 500px;
            margin-top: 10px;
        }

        .nav__item.open .nav-arrow {
            transform: rotate(-135deg);
        }
    }













    .company {
        height: 100vh;
        /* во весь экран */
        display: flex;
        align-items: center;
        /* по вертикали центр */
        justify-content: center;
        /* по горизонтали центр */
        background: #f9f4ea;
        /* можно потом заменить на фото */
        padding: 0 40px;
    }

    .company__inner {
        width: 100%;
        max-width: 1200px;
    }

    .company__slider {
        overflow: hidden;
        width: 100%;
    }

    .company__track {
        display: flex;
        transition: transform 0.8s ease;
    }

    .company__slide {
        min-width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        padding: 0 60px;
    }

    .company__slide p {
        font-size: 48px;
        line-height: 1.3;
        font-weight: 500;
        max-width: 900px;
    }


    .company {
        background:
            linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)),
            url("/static/img/new_bg.png") center/cover no-repeat;
        color: white;
        background-position: right;
    }


    .company__slide p {
        font-size: 52px;
        font-weight: 500;
        color: #fff;
    }





    .company {
        position: relative;
        overflow: hidden;
    }

    /* .company__ball {
    position: absolute;
    width: 500px;
    height: 500px;
    border-radius: 50%;
    background-color: red;
    border: 2px solid #fff;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: ballMove 12s ease-in-out infinite;
    z-index: 0;
    pointer-events: none;
} */












    .company {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        padding: 80px 0;
    }

    .company__inner {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .company__slider {
        width: 600px;
        height: 600px;
        background: #c40000;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        position: relative;
        padding: 80px;
        margin-right: 270px;
        /* внутренний отступ чтобы текст не прилипал */
    }


    .company__slide {
        min-width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    .company__slide p {
        color: #fff;
        font-size: 28px;
        /* крупный */
        line-height: 1.5;
        font-weight: 500;
        max-width: 420px;
        /* чтобы текст не растягивался */
    }






























    .mission {
        padding: 100px 0;
        background: linear-gradient(180deg, #ffffff 0%, #f7f6f3 100%);
    }

    .mission__title {
        text-align: center;
        font-size: 54px;
        font-weight: 700;
        letter-spacing: 4px;
        margin-bottom: 10px;
        position: relative;
    }


    /
    /* СТАЛО — добавь :not(.mission__icon-slide img) */
    .mission__img>img {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: scale-down;
        opacity: 0;
        animation: slider 12s infinite;
    }


    .mission__icon-slide img {
        opacity: 1 !important;
        position: static !important;
        animation: none !important;
    }

    /* задержка для каждой картинки */
    .mission__img img:nth-child(1) {
        animation-delay: 0s;
    }

    .mission__img img:nth-child(2) {
        animation-delay: 4s;
    }

    .mission__img img:nth-child(3) {
        animation-delay: 8s;
    }




    .mission__line {
        width: 100%;
        height: 2px;
        background: #c40000;
        margin: 20px 0 30px;
    }


    .mission__icons-slider {
        position: relative;
        width: 120px;
        height: 120px;
        /* margin: 0 auto; */
        margin-left: 22%;
        /* центр */
    }


    /* анимация */
    @keyframes slider {
        0% {
            opacity: 0;
            transform: scale(1.1);
        }

        10% {
            opacity: 1;
            transform: scale(1);
        }

        30% {
            opacity: 1;
        }

        40% {
            opacity: 0;
        }

        100% {
            opacity: 0;
        }
    }






















    /* Текст */
    .mission__content {
        position: relative;
        padding-left: 50px;
        border-left: solid 3px #c40000;

    }



    .mission__text {
        font-size: 26px;
        line-height: 1.7;
        margin-bottom: 40px;

    }

    /* Список */
    .mission__list {
        list-style: none;
        padding: 0;
    }

    .mission__list li {
        font-size: 19px;
        margin-bottom: 20px;
        position: relative;
        padding-left: 25px;
    }

    .mission__list li {
        font-size: 19px;
        margin-bottom: 22px;
        position: relative;
        padding-left: 35px;
    }

    /* Крупная точка */
    .mission__list li::before {
        content: "";
        position: absolute;
        left: 0;
        top: 3px;
        width: 12px;
        height: 12px;
        background: #c40000;
        border-radius: 50%;
        animation: pulseDot 1.8s infinite ease-in-out;
    }


    .mission__img {
        position: relative;
        width: 400px;
        /* уменьшили общий блок */
        height: 300px;
    }

    .mission__img img {
        position: absolute;
        width: 70%;
        /* сами картинки меньше */
        border-radius: 18px;

        transition: all 0.4s ease;
    }

    /* Первая */
    .mission__img img:nth-child(1) {
        top: 0;
        left: 0;
        z-index: 3;
    }

































    /* ===== CATERING ===== */

    .catering {
        padding: 100px 0;
        background: #ffffff;
        position: relative;
    }

    /* мягкая декоративная линия сверху */


    /* .catering__title {
    text-align: center;
    font-size: 42px;
    font-weight: 700;
    margin-bottom: 70px;
    letter-spacing: 1px;
    font-family: "Times New Roman", sans-serif;
} */

    /* карточка */
    .catering__card {
        display: flex;
        align-items: center;
        gap: 60px;

        padding: 55px;
        border-radius: 28px;

        background: #ffffff;

        box-shadow:
            0 30px 80px rgba(0, 0, 0, 0.08),
            0 5px 20px rgba(0, 0, 0, 0.05);

        transition: transform .35s ease, box-shadow .35s ease;
    }

    /* лёгкий hover-эффект */
    .catering__card:hover {
        transform: translateY(-6px);
        box-shadow:
            0 40px 110px rgba(0, 0, 0, 0.12),
            0 10px 30px rgba(0, 0, 0, 0.06);
    }

    /* изображение */
    .catering__img {
        flex: 0 0 420px;
    }

    .catering__img img {
        width: 100%;
        border-radius: 20px;
        display: block;
    }

    /* текст */
    .catering__content {
        flex: 1;
    }

    .catering__text {
        font-size: 20px;
        line-height: 1.7;
        font-family: "Times New Roman", sans-serif;
    }










    /* ===== UBORKA ===== */

    .uborka {
        padding: 100px 0;
        background: #ffffff;
        position: relative;
    }

    /* декоративный фон-акцент */
    .uborka::before {
        content: "";
        position: absolute;
        inset: 0;
        background: radial-gradient(circle at 20% 20%, rgba(196, 0, 0, 0.05), transparent 60%);
        pointer-events: none;
    }

    .uborka__title {
        /* text-align: center; */
        /* font-size: 40px; */
        /* font-weight: 700; */
        line-height: 1.3;
        /* margin-bottom: 70px; */
        font-family: "Times New Roman", sans-serif;

        text-align: center;
        font-size: 54px;
        font-weight: 700;
        letter-spacing: 4px;
        margin-bottom: 10px;
        position: relative;



    }

    /* сетка карточек */
    .uborka__items {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 30px;
    }

    /* карточка */
    .uborka__card {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 25px;

        /* padding: 35px; */
        border-radius: 22px;

        background: #fff;

        box-shadow:
            0 20px 60px rgba(0, 0, 0, 0.08),
            0 4px 12px rgba(0, 0, 0, 0.04);

        transition: all .35s ease;
    }

    /* hover — бросается в глаза */
    .uborka__card:hover {
        transform: translateY(-8px) scale(1.02);
        box-shadow:
            0 35px 90px rgba(0, 0, 0, 0.12),
            0 8px 20px rgba(0, 0, 0, 0.06);
    }

    /* текст */
    .uborka__content p {
        font-size: 18px;
        line-height: 1.6;
        margin: 0;
        text-align: center;
    }

    /* иконка */
    .uborka__icon {
        flex: 0 0 90px;
    }

    .uborka__icon img {
        width: 90px;
        height: 90px;
        object-fit: contain;
        opacity: 0.9;
        transition: transform .4s ease;
    }

    /* лёгкий zoom иконки */
    .uborka__card:hover .uborka__icon img {
        transform: scale(1.15) rotate(4deg);
    }




    @media (max-width: 1100px) {

        .uborka__items {
            grid-template-columns: repeat(2, 1fr);
        }

        .uborka__title {
            font-size: 34px;
            margin-bottom: 50px;
        }

        .uborka__card {
            /* padding: 28px; */
        }

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

        .uborka__icon {
            flex: 0 0 70px;
        }


    }



    .uborka__card {
        display: flex;
        align-items: stretch;
        /* важно — растягивает по высоте */
        overflow: hidden;
    }

    .uborka__content {
        flex: 1;
        padding: 20px;
        display: flex;
        align-items: center;
    }

    .uborka__icon {
        width: 200px;
        /* регулируй ширину картинки */
    }

    .uborka__icon img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }




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

        .uborka__card {
            display: block;
        }
    }

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








    .optom {
        padding: 80px 0;
    }

    .optom__grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 30px;
    }

    .optom__card {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 30px;
        background: #fff;
        border-radius: 20px;
        box-shadow: 0 15px 40px rgba(0, 0, 0, 0.05);
        transition: 0.3s ease;
    }

    .optom__card:hover {
        transform: translateY(-8px);
    }

    .optom__main {
        font-weight: 600;
        margin-bottom: 20px;
    }

    .optom__brands {
        display: flex;
        gap: 15px;
        flex-wrap: wrap;
    }

    .optom__brands img {
        width: 60px;
    }








    @keyframes floatBrand {
        0% {
            transform: translateY(0);
        }

        50% {
            transform: translateY(-6px);
        }

        100% {
            transform: translateY(0);
        }
    }

    .optom__brands img {
        width: 60px;
        animation: floatBrand 4s ease-in-out infinite;
    }

    .optom__brands img:nth-child(2) {
        animation-delay: 0.5s;
    }

    .optom__brands img:nth-child(3) {
        animation-delay: 1s;
    }

    .optom__brands img:nth-child(4) {
        animation-delay: 1.5s;
    }
























    .map__title {
        font-weight: 700;
        margin-bottom: -200px;
        font-family: "Times New Roman", sans-serif;
        line-height: normal;
        font-size: 25px;
        width: 800px;
        text-align: justify;
        margin-bottom: 0;
        margin-left: 50px;
    }






    .map {
        position: relative;
        width: 100%;
        max-width: 1200px;
        /* можно убрать если не нужно */
        margin: 0 auto;
    }

    .map img {
        width: 100%;
        height: auto;
        display: block;
    }

    .map-markers {
        position: absolute;
        inset: 0;
    }





    .map-marker {
        position: absolute;
        transform: translate(-50%, -100%);
        cursor: pointer;
    }

    .map-marker span {
        display: inline-block;
        background: #c40000;
        color: #fff;
        padding: 8px 14px;
        font-size: 13px;
        border-radius: 20px;
        white-space: nowrap;
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
    }












    .sector {
        padding: 10px 0;
        background: #f9f4ea;
        /* твой нежный фон */
    }

    .sector__title {
        text-align: center;
        font-size: 54px;
        font-weight: 700;
        letter-spacing: 4px;
        /* margin-bottom: 120px; */
        position: relative;
    }

    .sector__subtitle {
        text-align: center;
        font-size: 34px;
        font-weight: 700;
        letter-spacing: 4px;
        text-transform: uppercase;
        margin-bottom: 10px;
        position: relative;
    }

    .sector__items {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
        gap: 30px;
    }

    .sector__info {
        flex-grow: 1;
    }


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



    .sector__item {
        background: #fff;
        border-radius: 16px;
        padding: 7px 7px;
        text-align: center;
        transition: 0.3s;
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
        position: relative;
    }

    .sector__item:hover {
        transform: translateY(-6px);
        box-shadow: 0 16px 36px rgba(0, 0, 0, 0.1);
    }

    .sector__img {
        width: 150px;
        height: 90px;
        object-fit: contain;
        margin: 0 auto;
        margin-bottom: 20px;
    }



    .sector__info h3 {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .sector__info p {
        font-size: 14px;
        margin: 4px 0;
    }

    .sector__info span {
        display: inline-block;
        margin-top: 10px;
        font-size: 13px;
        background: #eee6d8;
        padding: 6px 12px;
        border-radius: 20px;
        position: absolute;
        bottom: 20px;
        left: 10px;
        right: 10px;
    }





    /* скрытое состояние */
    .on_click {
        max-height: 0;
        overflow: hidden;
        opacity: 0;
        transition: all 0.4s ease;
    }

    /* открыто */
    .sector__item.open .on_click {
        max-height: 5000px;
        /* увеличил, чтобы точно хватило */
        opacity: 1;
        margin-top: 15px;
    }

    /* кнопка */
    .sector__toggle {
        margin-top: 15px;
        background: none;
        border: none;
        color: #c40000;
        font-weight: 600;
        cursor: pointer;
        transition: 0.3s;
    }

    .sector__toggle:hover {
        opacity: 0.7;
    }




    .sector__info {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    /* кнопка */
    .sector__toggle {
        margin: 10px 0;
        background: none;
        border: none;
        color: #c40000;
        font-weight: 600;
        cursor: pointer;
    }

    /* span убираем absolute */
    .sector__info span {
        position: static;
        /* ВАЖНО */
        margin-top: 10px;
    }


    .on_click_item {
        margin-bottom: 30px;
    }










    /* ===== LETTERS ===== */

    .letters {
        padding: 10px 0;
        background: #ffffff;
    }

    .letters__title {
        text-align: center;
        font-size: 32px;
        margin-bottom: 10px;
    }

    .letters__grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 15px;
    }

    .slick-slide .letters__grid {
        display: grid;
        /* оставляем */
    }

    .letters__item img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        cursor: pointer;
    }

    .letters__item {
        background: #fff;
        padding: 14px;
        border-radius: 14px;

        box-shadow:
            0 10px 30px rgba(0, 0, 0, 0.08);

        transition: all .35s ease;
        cursor: pointer;
    }

    .letters__item:hover {
        transform: translateY(-6px);
        box-shadow:
            0 20px 50px rgba(0, 0, 0, 0.14);
    }

    .letters__item img {
        width: 100%;
        height: 360px;
        object-fit: cover;
        border-radius: 10px;
        background: #f3f3f3;
    }








    .letters__grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 20px;
        margin-bottom: 20px;
    }

    /* вертикальные (оставляем как есть) */
    .letters__item.ver {
        height: 320px;
    }

    /* 🔥 горизонтальные */
    .letters__item.hor {
        height: 180px;
        /* ключевой момент */
    }

    /* общие стили */
    .letters__item {
        overflow: hidden;
        border-radius: 10px;
    }

    .letters__item img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }




    .letters__grid {
        flex-shrink: 0;
    }








    .letters-modal {
        display: none;
        position: fixed;
        z-index: 9999;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.9);

        justify-content: center;
        align-items: center;
    }

    .letters-modal.active {
        display: flex;
    }

    .letters-modal__img {
        max-width: 90%;
        max-height: 90%;
        object-fit: contain;
    }

    .letters-modal__close {
        position: absolute;
        top: 20px;
        right: 30px;
        color: #fff;
        font-size: 40px;
        cursor: pointer;
    }






























    .build {
        padding: 10px 0;
        background: #ffffff;
    }

    .build__title {
        text-align: center;
        font-size: 54px;
        font-weight: 700;
        letter-spacing: 4px;
        margin-bottom: 10px;
        position: relative;
    }

    .build__item {
        max-width: 900px;
        margin: 0 auto;
        padding: 50px;

        background: #fff;
        box-shadow:
            0 30px 80px rgba(0, 0, 0, .08);
    }

    /* HEAD */
    .build__head {
        display: flex;
        align-items: center;
        gap: 30px;
        margin-bottom: 35px;
    }

    .build__logo {
        width: 140px;
    }

    .build__company h3 {
        font-size: 26px;
        margin-bottom: 6px;
    }

    .build__company span {
        color: #777;
        font-size: 14px;
    }

    /* PROJECTS */

    .build__project {
        padding: 14px 0;
        border-bottom: 1px solid #eee;
        font-size: 16px;
    }

    .build__project--main {
        font-weight: 600;
    }

    /* HIDDEN BLOCK */

    .build__more {
        max-height: 0;
        overflow: hidden;
        opacity: 0;
        transition:
            max-height .6s ease,
            opacity .4s ease;
    }

    .build__projects.open .build__more {
        max-height: 400px;
        opacity: 1;
    }

    /* BUTTON */

    .build__toggle {
        margin-top: 20px;
        background: none;
        border: none;
        font-size: 15px;
        font-weight: 600;
        cursor: pointer;
        color: #c40000;
        padding: 0;
        position: relative;
    }

    .build__toggle::after {
        content: " ↓";
        transition: transform .3s ease;
    }

    .build__projects.open .build__toggle::after {
        content: " ↑";
    }


    .build__items {
        /* display: flex; */
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 25px;
        /* align-items: center; */
    }


    .buig_sh {
        margin-bottom: 10px;
    }


    .vichi_project {
        margin-top: 20%;
    }





    /* ===== CIVIL ONE CARD ===== */

    .civilian {
        padding: 10px 0;
        background: #f9f4ea;
    }

    .civilian__title {
        text-align: center;
        font-size: 54px;
        font-weight: 700;
        letter-spacing: 4px;
        margin-bottom: 10px;
        position: relative;
        color: #c40000;
    }

    /* CARD */

    .civil-cards {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
        gap: 30px;
    }

    .civil-card {
        max-width: 820px;
        margin: 0 auto;

        display: flex;
        align-items: center;
        gap: 40px;

        background: #ffffff;
        padding: 40px;
        border-radius: 22px;

        box-shadow:
            0 25px 70px rgba(0, 0, 0, 0.08);

        transition: all .35s ease;
    }

    .civil-card:hover {
        transform: translateY(-8px);
        box-shadow:
            0 35px 100px rgba(0, 0, 0, 0.14);
    }

    /* LOGO */

    .civil-card__logo {
        flex: 0 0 160px;
    }

    .civil-card__logo img {
        width: 100%;
        height: auto;
        object-fit: contain;
    }

    /* CONTENT */

    .civil-card__name {
        font-size: 22px;
        margin-bottom: 18px;
        line-height: 1.4;
    }

    /* BADGES */

    .civil-card__badges {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
    }

    .civil-card__badges span {
        background: #eee6d8;
        padding: 8px 14px;
        border-radius: 999px;
        font-size: 14px;
    }

    /* MOBILE */




    .civil-card {
        max-width: 820px;
        margin: 0 auto 30px;
        /* ← добавили отступ вниз */

        display: flex;
        align-items: center;
        gap: 40px;

        background: #ffffff;
        padding: 40px;
        border-radius: 22px;

        box-shadow: 0 25px 70px rgba(0, 0, 0, 0.08);
        transition: all .35s ease;
    }

    .civil-card+.civil-card {
        margin-top: 30px;
    }


    .buig_sh {
        margin-top: -35px;
    }

    .ronesans_sh {
        margin-top: -33px;
    }




    /* CIVIL */

    .civil-item {
        text-align: center;
    }

    .civil-items {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
        gap: 30px;
    }

    .civil-item {
        /* display: flex; */
        align-items: center;
        gap: 25px;

        background: #fff;
        padding: 30px;
        border-radius: 18px;

        box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08);
        transition: .3s;
    }

    .civil-item:hover {
        transform: translateY(-6px);
        box-shadow: 0 30px 80px rgba(0, 0, 0, 0.15);
    }

    .civil-img {
        width: 50%;
        height: auto;
        object-fit: contain;
        margin: 0 auto;
    }

    .civil-info h3 {
        margin-top: 20px;
        font-size: 20px;
        margin-bottom: 8px;
    }

    .civil-info p {
        font-size: 15px;
        margin-bottom: 6px;
    }

    .civil-info span {
        display: inline-block;
        margin-top: 6px;
        padding: 6px 12px;
        border-radius: 20px;
        background: #eee6d8;
        font-size: 14px;
    }

    .human__sector {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
    }


    .human-item img {
        height: 50%;
    }




    .human-item {
        display: flex;
        flex-direction: column;
    }

    .human-item .civil-info {
        display: flex;
        flex-direction: column;
        height: 100%;
    }

    .human-item .civil-info span {
        margin-top: auto;
    }






















    .experience {
        padding: 10px 0;
        background: #f7f9fc;
    }

    .span_ex {
        display: inline-block;
        margin-top: 10px;
        font-size: 13px;
        background: #eee6d8;
        padding: 6px 12px;
        border-radius: 20px;
        /* position: absolute; */
        bottom: 20px;
        left: 10px;
        right: 10px;
        margin: 0 auto;
    }

    .experience__title {
        text-align: center;
        font-size: 32px;
        font-weight: 700;
        margin-bottom: 10px;
    }

    .experience__subtitle {
        text-align: center;
        color: #000;
        margin-bottom: 10px;

    }

    .experience__subtitle span {}

    .experience__grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
        gap: 25px;
    }

    .exp-card {
        background: white;
        padding: 25px;
        border-radius: 14px;
        text-align: center;
        box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06);
        transition: 0.3s;
    }

    .exp-card:hover {
        transform: translateY(-6px);
        box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12);
    }

    .exp-card img {
        max-width: 160px;
        height: auto;
        margin-bottom: 15px;
        object-fit: contain;
        margin: 0 auto;
    }

    .exp-card span {
        font-weight: 600;
        color: #333;
    }





    /* EXPERIENCE GRID */
    .experience__grid {
        display: grid;

        /* чуть больше */
        gap: 30px;
    }

    /* КАРТОЧКА */
    .exp-card {
        background: #fff;
        border-radius: 16px;
        padding: 25px 20px;
        /* увеличили */
        display: flex;
        flex-direction: column;
        align-items: center;
        /* центр по горизонтали */
        justify-content: center;
        /* центр по вертикали */
        text-align: center;

        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
        transition: 0.3s ease;
    }

    /* hover чтобы не потерять стиль */
    .exp-card:hover {
        transform: translateY(-6px);
        box-shadow: 0 16px 36px rgba(0, 0, 0, 0.1);
    }

    /* КАРТИНКИ */
    .exp-card img {
        max-width: 100%;
        /* увеличили */
        max-height: 80px;
        object-fit: contain;

        display: block;
        margin: 0 auto 12px auto;
        /* центр + отступ вниз */
    }

    /* ТЕКСТ */
    .exp-card span {
        font-size: 14px;
        color: #444;
    }










    /* ================= ESG NAV BLOCK ================= */

    :root {
        --color-e: #32CD32;
        --color-s: #f5c842;
        --color-g: #4a9ee8;
        --color-esg-bg: #1a1f2e;
        --esg-size: 200px;
        --esg-center: 70px;
    }

    .esg-hero {
        padding: 80px 0;
        text-align: center;
    }

    .esg-title {
        /* font-size: 14px; */
        letter-spacing: .15em;
        text-transform: uppercase;
        margin-bottom: 48px;
        /* opacity: .6; */
    }

    .esg-nav {
        position: relative;
        width: var(--esg-size);
        height: var(--esg-size);
        margin: 0 auto;
    }

    .esg-sector {
        position: absolute;
        inset: 0;
        border-radius: 50%;
        text-decoration: none;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: .25s;
    }

    .esg-sector:hover {
        transform: scale(1.07);
        filter: brightness(1.15);
        z-index: 3;
    }

    .esg-sector__inner {
        text-align: center;
        pointer-events: none;
    }

    .esg-letter {
        font-size: 56px;
        font-weight: 900;
        line-height: 1;
        color: #fff;
    }

    .esg-word {
        font-size: 11px;
        font-weight: 700;
        text-transform: uppercase;
        line-height: 1.3;
        margin-top: 6px;
        color: #fff;
    }

    /* ===== E ===== */
    .esg-sector--e {
        background: var(--color-e);
        clip-path: polygon(50% 50%,
                0% 26%,
                50% -21%,
                98% 26%);
    }

    .esg-sector--e .esg-sector__inner {
        transform: translateY(-30%);
    }

    /* ===== G ===== */
    .esg-sector--g {
        background: #c40000;
        clip-path: polygon(50% 50%,
                100% 25%,
                100% 100%,
                50% 100%);
    }

    .esg-sector--g .esg-sector__inner {
        transform: translate(26%, 26%);
    }

    /* ===== S ===== */
    .esg-sector--s {
        background: #0070c9;
        clip-path: polygon(50% 50%,
                50% 100%,
                -50% 100%,
                0% 25%);
    }

    .esg-sector--s .esg-sector__inner {
        transform: translate(-26%, 26%);
        color: #fff;
    }

    .esg-sector--s .esg-letter,
    .esg-sector--s .esg-word,
    .esg-sector--g .esg-word {
        color: #fff;
    }

    /* ===== CENTER ===== */
    .esg-center {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: var(--esg-center);
        height: var(--esg-center);
        border-radius: 50%;
        background: var(--color-esg-bg);
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        font-size: 32px;
        font-weight: 900;
        z-index: 5;
        box-shadow: 0 0 0 6px #fff;
    }

    /* ===== ANCHOR SECTIONS ===== */

    .esg-anchor {
        padding: 80px 0;
    }

    @media (max-width:420px) {
        :root {
            --esg-size: 260px;
            --esg-center: 90px;
        }
    }

    .test_1 {
        position: relative;
    }

    .test_1 h1 {
        position: absolute;
        top: 0;
    }




    .esg-sector {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .esg-letter {
        font-size: 64px;
        font-weight: 900;
        color: #fff;
        pointer-events: none;
        user-select: none;
    }

    /* для жёлтого сектора — тёмная буква */


    .esg-letter--e {
        position: absolute;
        top: 25px;
    }

    .esg-letter--s {
        position: absolute;
        position: absolute;
        right: 25px;
        bottom: 60px;
    }


    .esg-letter--g {
        position: absolute;
        left: 25px;
        bottom: 60px;
    }


    .esg-center {
        cursor: pointer;
        text-decoration: none;
        transition: transform .25s, filter .25s;
        background-color: #fff;
        color: #000;
    }











    /* плавный якорный скролл */
    html {
        scroll-behavior: smooth;
    }

    /* ===== ESG INFO ===== */

    .esg-info {
        padding: 30px 0;
        background: linear-gradient(180deg, #f6f8fb 0%, #ffffff 100%);
    }

    .esg-info__card {
        max-width: 920px;
        margin: 0 auto;
        background: #ffffff;
        border-radius: 20px;
        padding: 10px 64px;
        box-shadow: 0 25px 70px rgba(0, 0, 0, .08);
        border: 1px solid #eef1f5;
        position: relative;
    }

    /* верхняя цветная линия ESG */
    .esg-info__card::top-line {
        content: "";
    }



    .esg-info__title {
        font-size: 35px;
        font-weight: 900;
        letter-spacing: .02em;
        margin-bottom: 22px;
        text-align: left;
        margin-left: 50px;
        margin-right: 36px;
    }

    .esg-info__divider {

        opacity: .15;
        border-radius: 4px;
        margin-bottom: 26px;
    }

    .esg-info__text p {
        font-size: 16px;
        line-height: 1.5;
        color: #444;
        margin-bottom: 10px;
    }

    .esg-info__text p:last-child {
        margin-bottom: 0;
    }

    /* адаптив */

    @media (max-width: 640px) {
        .esg-info__card {
            padding: 30px;
        }

        .esg-info__title {
            font-size: 22px;
        }
    }










    .esg-info>button {
        display: block;
        margin: 36px auto 0;
        padding: 16px 32px;

        font-size: 14px;
        font-weight: 800;
        letter-spacing: .05em;
        text-transform: uppercase;

        color: #fff;
        background: linear-gradient(90deg, #4caf7d, #f5c842, #4a9ee8);

        border: none;
        border-radius: 14px;
        cursor: pointer;

        box-shadow: 0 12px 30px rgba(0, 0, 0, .15);
        transition: all .25s ease;
    }

    .esg-info>button:hover {
        transform: translateY(-3px);
        box-shadow: 0 18px 40px rgba(0, 0, 0, .22);
        filter: brightness(1.05);
    }

    .esg-info>button:active {
        transform: translateY(0);
        box-shadow: 0 8px 18px rgba(0, 0, 0, .18);
    }








    /* ========= ENVIRONMENT SECTION ========= */

    .env-section {
        padding: 30px 0;
        background: linear-gradient(180deg, #f3faf6 0%, #ffffff 100%);
    }

    .env-title {
        text-align: center;
        font-size: 35px;
        font-weight: 900;
        margin-bottom: 48px;
        letter-spacing: .04em;
        margin-left: 42px;
        margin-top: 10px;
    }

    .env-card {
        max-width: 1000px;
        margin: 0 auto;
        background: #fff;
        border-radius: 22px;
        padding: 30px 64px;
        box-shadow: 0 30px 80px rgba(0, 0, 0, .08);
        border: 1px solid #e3efe8;
        position: relative;
    }

    .env-card::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 6px;
        background: #6ead21;
        border-radius: 22px 22px 0 0;
    }

    .env-logo {
        display: flex;
        /* justify-content: space-between; */
        text-align: center;
        margin-bottom: -15px;
    }

    .env-logo img {
        height: 72px;
        margin-right: 20px;
    }

    .env-lead {
        font-size: 17px;
        line-height: 1.5;
        margin-bottom: 10px;
        text-align: justify;

    }

    .env-grid {}

    .env-box {
        background: #f7fbf8;
        border-radius: 16px;
        padding: 24px 26px;
        border: 1px solid #e3efe8;
        margin-bottom: 10px;
        text-align: center;
        /* border-left: 6px solid #6ead21; */
    }

    .env-box--wide {
        margin-top: 26px;
    }

    .env-box h3 {
        font-size: 17px;
        font-weight: 800;
        margin-bottom: 10px;


    }

    .env-accent {
        font-weight: 800;
        font-size: 21px;
        color: #4caf7d;
    }

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

    .env-list li {
        position: relative;
        padding-left: 26px;
        margin-bottom: 10px;
        line-height: 1.5;
        text-align: justify;
        /* color: #444; */
    }

    .env-list li::before {

        content: "";
        position: absolute;
        left: 0;
        top: 8px;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background-color: #6ead21;
        font-weight: 900;
    }

    .env-list--cols {
        columns: 2;
        column-gap: 40px;
    }

    /* ===== адаптив ===== */

    @media (max-width: 720px) {


        .env-list--cols {
            columns: 1;
        }

        .env-card {
            padding: 32px;
        }

        .env-title {
            font-size: 24px;
        }
    }




    /* ===== SPECIAL WIDE TITLE STYLE ===== */

    .env-box--wide h3 {
        padding: 14px 18px;
        background: #eef7f1;
        border-left: 6px solid #6ead21;
        border-radius: 10px;
        text-transform: uppercase;
        line-height: 1.5;
    }



    .env__button {
        display: block;
        margin: 36px auto 0;
        padding: 16px 32px;

        font-size: 14px;
        font-weight: 800;
        letter-spacing: .05em;
        text-transform: uppercase;

        color: #fff;
        background: #6ead21;

        border: none;
        border-radius: 14px;
        cursor: pointer;

        box-shadow: 0 12px 30px rgba(0, 0, 0, .15);
        transition: all .25s ease;
    }







    .foto-env {
        padding: 60px 0;
        background: #f5f7f6;
        /* мягкий фон */
    }

    /* .foto-env__items {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 20px;
} */



    .foto-env__items {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        /* 4 в ряд */
        gap: 15px;

        max-height: 233px;
        /* примерно 2 строки */
        overflow: hidden;

        transition: max-height 1.5s ease;
    }

    /* когда открыто */
    .foto-env__items.open {
        max-height: 2000px;
        /* любое большое значение */
    }


    .foto-load-more {
        display: block;
        margin: 30px auto 0;
        padding: 12px 28px;
        background: #6ead21;
        ;
        color: #fff;
        border: none;
        border-radius: 8px;
        cursor: pointer;
        font-size: 12px;
        transition: 0.3s;
        text-transform: uppercase;
        font-weight: 600;
    }

    .foto-load-more:hover {
        background: #629a1e;
    }




    .foto-env__items img {
        width: 100%;
        height: 220px;
        object-fit: cover;
        border-radius: 14px;
        display: block;

        box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12);
        transition:
            transform .35s ease,
            box-shadow .35s ease,
            filter .35s ease;
    }

    /* эффект наведения */
    .foto-env__items img:hover {
        transform: scale(1.05);
        box-shadow: 0 12px 30px rgba(0, 0, 0, 0.2);
        filter: brightness(1.05);
    }


    .foto-env__items img {
        border: 4px solid #4caf7d;
    }







    .foto-modal {
        display: none;
        position: fixed;
        z-index: 9999;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.9);
        justify-content: center;
        align-items: center;
    }

    .foto-modal__img {
        max-width: 90%;
        max-height: 90%;
    }

    .foto-close {
        position: absolute;
        top: 30px;
        right: 40px;
        font-size: 40px;
        color: white;
        cursor: pointer;
    }


























    /* ============================= */
    /* HSE SECTION – SOLID CARD STYLE */
    /* ============================= */

    .hse {
        padding: 120px 0;
        background-color: #f4f6f9;
    }

    .hse__inner {
        max-width: 1100px;
        margin: 0 auto;
    }

    /* Главная карточка */
    .hse__items {
        display: block;
        /* убрали колонки */
        background: #ffffff;
        padding: 60px 70px;
        border-radius: 24px;
        box-shadow: 0 25px 60px rgba(0, 0, 0, 0.08);
        position: relative;
        overflow: hidden;
    }

    /* декоративная линия сверху */
    .hse__items {
        position: relative;
        /* обязательно */
    }

    .hse__items::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 6px;

        background: repeating-linear-gradient(45deg,
                #f5b800,
                #f5b800 10px,
                #000 10px,
                #000 20px);

        z-index: 2;
    }

    /* Убираем колоночные ограничения */
    .hse__item {
        width: 100%;
    }

    /* Заголовки */
    .hse__title-top,
    .hse__title-bottom {
        font-size: 35px;
        font-weight: 700;
        line-height: 1.5;
        margin-bottom: 10px;
        text-transform: uppercase;
        position: relative;
    }

    /* .hse__title-top::after,
.hse__title-bottom::after {
    content: "";
    display: block;
    width: 80px;
    height: 3px;
    margin-top: 15px;
    background: #c40000;
} */

    /* Текст */
    .hse p {
        font-size: 16px;
        line-height: 1.7;
        color: #000;
        margin-bottom: 20px;
    }

    /* Блоки Девиз / Стратегия */
    .hse__block {
        background: #f8f9fb;
        padding: 25px 30px;
        border-radius: 14px;
        margin: 30px 0;
        border-left: 4px solid #c40000;
    }

    /* Списки */
    .hse__ul,
    .hse__list-check,
    .streteg__list,
    .orgsniz__list,
    .hse__policies-list {
        list-style: none;
        padding-left: 0;
        margin-top: 20px;
    }

    .hse__ul li,
    .hse__list-check li,
    .streteg__list li,
    .orgsniz__list li,
    .hse__policies-list li {
        position: relative;
        padding-left: 28px;
        margin-bottom: 14px;
        line-height: 1.6;
    }

    /* Красивые чек-маркеры */
    .hse__ul li::before,
    .hse__list-check li::before,
    .streteg__list li::before,
    .orgsniz__list li::before,
    .hse__policies-list li::before {
        content: "✔";
        position: absolute;
        left: 0;
        top: 0;
        font-weight: bold;
    }

    /* Лого */
    .hse__logo {
        /* text-align: center; */
        margin: 30px 0;
        display: flex;
        justify-content: center;
        align-items: end;
        gap: 20px;
    }

    .hse__logo img {
        height: auto;
        width: 250px;
        opacity: 0.9;
    }

    /* Кнопка */
    .hse__button-wrapper {
        text-align: center;
        margin-top: 50px;
    }

    .hse__button {
        background: linear-gradient(135deg, #c40000, #ff3c3c);
        color: #fff;
        border: none;
        padding: 16px 38px;
        font-size: 16px;
        border-radius: 50px;
        cursor: pointer;
        transition: 0.3s ease;
        box-shadow: 0 10px 25px rgba(196, 0, 0, 0.3);
    }

    .hse__button:hover {
        transform: translateY(-3px);
        box-shadow: 0 15px 35px rgba(196, 0, 0, 0.4);
    }

    /* Адаптив */
    @media (max-width: 768px) {
        .hse__items {
            padding: 40px 25px;
        }

        .hse__title-top,
        .hse__title-bottom {
            font-size: 24px;
        }
    }


    .hse__ul {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 10px 40px;
    }




















    /* ================================================= */
    /* HSE SECTION – PREMIUM GOLDEN MONOLITHIC CARD      */
    /* ================================================= */

    :root {
        --gold-main: #f5b800;
        --gold-gradient: linear-gradient(135deg, #f5b800, #ffcc33);
        --gold-soft: #fffdf5;
        --text-dark: #000;
        --text-gray: #000;
        --card-shadow: 0 20px 60px rgba(245, 184, 0, 0.08), 0 10px 30px rgba(0, 0, 0, 0.04);
    }

    .hse {
        padding: 100px 0;
        /* background: #fcfcfc; */
        /* Чистый фон для контраста с карточкой */
        font-family: 'Times New Roman', -apple-system, BlinkMacSystemFont, sans-serif;
    }

    .hse__inner {
        max-width: 1050px;
        margin: 0 auto;
        padding: 0 20px;
    }

    /* Главная монолитная карточка */
    .hse__items {
        background: #ffffff;
        padding: 10px 80px;
        border-radius: 30px;
        box-shadow: var(--card-shadow);
        border: 1px solid rgba(245, 184, 0, 0.15);
        position: relative;
        overflow: hidden;
    }

    /* Элегантный акцент сверху */
    /* .hse__items::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 8px;
    background: #ab2519;
} */

    /* Заголовки */
    .hse__title-top,
    .hse__title-bottom {
        font-size: 30px;
        font-weight: 800;
        line-height: 1.2;
        color: var(--text-dark);
        margin-bottom: 10px;
        letter-spacing: -0.02em;
    }

    /* Золотая линия под заголовком */
    /* .hse__title-top::after,
.hse__title-bottom::after {
    content: "";
    display: block;
    width: 60px;
    height: 4px;
    background: #ab2519;
    border-radius: 2px;
    margin-top: 15px;
} */

    /* Основной текст */
    .hse p {
        font-size: 17px;
        line-height: 1.8;
        color: var(--text-gray);
        margin-bottom: 25px;
    }

    /* Блоки с девизом и целями (как в образце с широким заголовком) */
    .hse__block {
        background: var(--gold-soft);
        padding: 30px;
        border-radius: 20px;
        margin: 40px 0;
        border: 1px solid rgba(245, 184, 0, 0.1);
    }

    .hse__block h3 {
        font-size: 17px;
        text-align: center;
        font-weight: 800;
        /* letter-spacing: 0.1em; */
        color: #b38600;
        margin-bottom: 20px;
        text-transform: uppercase;
    }


    .dewiz__text {
        font-size: 22px;
        font-weight: 800;
        color: var(--text-dark);
        font-style: italic;
        text-align: center;
        color: #c40000;
    }

    /* Списки с автоматическим делением на колонки */
    .hse__list-check,
    .orgsniz__list {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
        gap: 15px 40px;
        list-style: none;
        padding: 0;
        margin-top: 30px;
    }

    .hse__ul,
    .streteg__list,
    .hse__policies-list {
        list-style: none;
        padding: 0;
        margin-top: 25px;
    }

    /* Стилизация элементов списка */
    .hse__ul li,
    .hse__list-check li,
    .orgsniz__list li,
    .hse__policies-list li {
        position: relative;
        padding-left: 32px;
        margin-bottom: 12px;
        font-size: 15px;
        line-height: 1.5;
        color: var(--text-gray);
        transition: transform 0.2s ease;
    }

    /* Золотая иконка вместо стандартного символа */
    .hse__ul li::before,
    .hse__list-check li::before,
    .orgsniz__list li::before,
    .hse__policies-list li::before {
        content: "✓";
        position: absolute;
        left: 0;
        top: 0;
        width: 20px;
        height: 20px;
        color: var(--gold-main);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 12px;
        font-weight: 900;
    }

    /* Логотип */
    .hse__logo {
        text-align: left;
        margin-bottom: 30px;
    }

    .hse__logo img {
        /* height: 65px; */
        filter: drop-shadow(0 4px 10px rgba(0, 0, 0, 0.05));
    }

    /* Кнопка */
    .hse__button-wrapper {
        margin-top: 60px;
        text-align: center;
    }

    .hse__button {
        background: var(--text-dark);
        /* Темная кнопка с золотым текстом — это очень элегантно */
        color: var(--gold-main);
        border: 2px solid var(--text-dark);
        padding: 18px 45px;
        font-size: 15px;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        border-radius: 16px;
        cursor: pointer;
        transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
    }

    .hse__button:hover {
        background: var(--gold-main);
        color: var(--text-dark);
        border-color: var(--gold-main);
        transform: translateY(-5px);
        box-shadow: 0 20px 40px rgba(245, 184, 0, 0.25);
    }


    .hse__ul_color {}


    /* Адаптивность */
    @media (max-width: 850px) {
        .hse__items {
            padding: 50px 30px;
            border-radius: 0;
            /* На мобильных лучше на весь экран */
        }

        .hse__list-check {
            grid-template-columns: 1fr;
        }

        .hse__title-top {
            font-size: 26px;
        }
    }









    /* === Универсальный стиль для ESG / HSE заголовков === */


    /* .hse__free h2,
.hse__courses-title,
.hse-two__block-title,
.hse__policies h2 {

    padding: 16px 22px;
    background: #faf6ef;
    border-left: 6px solid #d32f2f;
    border-radius: 12px;

    margin-bottom: 20px;
    font-weight: 600;
    font-size: 18px;
    color: #2c2c2c;

    position: relative;
} */



    .hse__free h2,
    .hse__courses-title,
    .hse-two__block-title,
    .hse__policies h2 {
        padding: 16px 22px 16px 30px;
        /* увеличили слева */
        background: #faf6ef;
        border-radius: 12px;
        margin-bottom: 20px;
        font-weight: 600;
        font-size: 18px;
        color: #2c2c2c;
        position: relative;
    }





    .hse__free h2::before,
    .hse__courses-title::before,
    .hse-two__block-title::before,
    .hse__policies h2::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 6px;
        height: 100%;

        background: #c40000;

        border-radius: 12px 0 0 12px;
    }









    .env__button_1 {
        display: inline-block;
        padding: 14px 26px;
        background: #c40000;
        color: white;
        font-weight: 600;
        border-radius: 8px;
        cursor: pointer;
        transition: 0.3s ease;
        margin-top: 20px;


        display: block;
        margin: 36px auto 0;
        padding: 16px 32px;

        font-size: 14px;
        font-weight: 800;
        letter-spacing: .05em;
        text-transform: uppercase;


        border: none;
        border-radius: 8px;
        cursor: pointer;

        box-shadow: 0 12px 30px rgba(0, 0, 0, .15);
        transition: all .25s ease;

    }



    .env__button_2 {
        display: inline-block;
        padding: 14px 26px;
        background: #d32f2f;
        color: white;
        font-weight: 600;
        border-radius: 8px;
        cursor: pointer;
        transition: 0.3s ease;
        margin-top: 20px;


        display: block;
        margin: 36px auto 0;
        padding: 16px 32px;

        font-size: 14px;
        font-weight: 800;
        letter-spacing: .05em;
        text-transform: uppercase;


        border: none;
        border-radius: 14px;
        cursor: pointer;

        box-shadow: 0 12px 30px rgba(0, 0, 0, .15);
        transition: all .25s ease;

    }




    /* Скрываем checkbox */
    .env-toggle {
        display: none;

    }

    /* Кнопка */
    .env__button {
        display: inline-block;
        padding: 14px 26px;
        background: #6ead21;
        color: white;
        font-weight: 600;
        border-radius: 8px;
        cursor: pointer;
        transition: 0.3s ease;
    }

    .env__button:hover {
        background: #449e71;
    }

    /* Скрытый текст */
    .env-policy__content {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.5s ease, opacity 0.4s ease;
        opacity: 0;
        margin-top: 0;

    }

    /* Когда нажали */
    .env-toggle:checked~.env-policy__content {
        max-height: 500px;
        opacity: 1;
        margin-top: 20px;
    }


    .env-policy {
        display: flex;
        flex-direction: column;
        align-items: center;
    }




















    /* Контейнер раскрытого текста */
    .env-policy__content {
        max-width: 850px;
        /* background: #fffdf6; */
        /* border: 1px solid #ffe082; */
        border: 1px solid #e3efe8;
        border-radius: 14px;
        padding: 28px 32px;
        margin-top: 20px;
        box-shadow: 0 12px 30px rgba(0, 0, 0, 0.05);
        position: relative;
    }

    /* Красная акцентная линия сверху */
    .env-policy__content::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 5px;
        border-top-left-radius: 14px;
        border-top-right-radius: 14px;
    }

    /* Сам текст */
    .env-policy__content p {
        margin: 0;
        line-height: 1.7;
        font-size: 16px;
        color: #333;
    }































    /* ===== HSE CLEAN PREMIUM ===== */

    .hse {
        padding: 10px 0;
        /* background: linear-gradient(180deg, #fffdf8 0%, #f6efe4 100%); */
        background: #f9f4ea;
    }

    /* Убираем grid */
    .hse__items {
        display: block;
        margin: 0 auto;
    }

    /* ===== HEADER ===== */

    .hse__header {
        text-align: center;
        margin-bottom: 10px;
    }

    .hse__title-top {
        font-size: 34px;
        font-weight: 700;
        line-height: 1.4;
        letter-spacing: 1px;
        color: #000;
        text-align: justify;
    }

    /* ===== ОБЩИЙ СТИЛЬ КАРТОЧЕК ===== */

    .hse__item {
        background: #ffffff;
        padding: 20px 64px;
        border-radius: 28px;


    }



    /* ===== СПИСКИ ===== */

    .hse__ul,
    .streteg__list,
    .hse__list-check,
    .orgsniz__list,
    .hse__policies-list {
        list-style: none;
        padding: 0;
    }

    .hse__ul li,
    .streteg__list li,
    .hse__list-check li,
    .orgsniz__list li,
    .hse__policies-list li {
        position: relative;
        padding-left: 28px;
        margin-bottom: 16px;
        line-height: 1.7;
        color: #000;
        font-size: 16px;
    }

    /* маркер */
    .hse__ul li::before,
    .streteg__list li::before,
    .hse__list-check li::before,
    .orgsniz__list li::before,
    .hse__policies-list li::before {
        content: "";
        position: absolute;
        left: 0;
        top: 8px;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background-color: #c40000;
        font-weight: 900;
    }

    /* ===== ПОДЗАГОЛОВКИ ===== */

    .hse__title-bottom {
        font-size: 26px;
        margin-bottom: 30px;
        font-weight: 600;
        color: #1f1f1f;
    }

    .hse__free h3,
    .hse__policies h2 {
        font-size: 18px;
        margin-bottom: 20px;
        font-weight: 600;
        color: #222;
        line-height: normal;
    }

    /* ===== ТЕКСТ ===== */

    .hse__info p {
        line-height: 1.9;

        color: #000;
    }

    /* ===== ДЕВИЗ ===== */

    .hse__block {
        background: #faf6ef;
        padding: 30px 35px;
        border-radius: 20px;
        margin-bottom: 30px;
    }

    .dewiz {
        font-size: 18px;
        margin-bottom: 10px;
        color: #1f1f1f;
        border-left: 6px solid #6ead21;
    }

    .dewiz__text {
        font-size: 18px;
        font-weight: 600;
        color: #c40000;
    }

    /* ===== ЛОГО ===== */

    .hse__logo {
        text-align: center;
        margin-bottom: 35px;
    }


    /* ===== КНОПКА ===== */

    .hse__button-wrapper {
        text-align: center;
        margin-top: 60px;
    }

    .hse__button {
        background: #f0cb54;
        color: #fff;
        border: none;
        padding: 18px 46px;
        font-size: 16px;
        border-radius: 50px;
        cursor: pointer;
        letter-spacing: 1px;

        transition: all 0.3s ease;
    }

    .hse__button:hover {
        background: #d8aa15;
        transform: translateY(-3px);
        box-shadow: 0 20px 40px rgba(186, 196, 0, 0.25);
    }

    /* ===== АДАПТИВ ===== */

    @media (max-width: 768px) {
        .hse {
            padding: 80px 0;
        }

        .hse__item {
            padding: 35px;
        }

        .hse__title-top {
            font-size: 24px;
        }
    }















    /* ===== CORPORATE GOVERNANCE (BLUE VERSION) ===== */

    .corp {
        padding: 10px 0;
        background: #f5f9ff;
    }

    .corp__card {
        max-width: 1000px;
        margin: 0 auto;
        background: #ffffff;
        padding: 60px 70px;
        border-radius: 18px;
        box-shadow: 0 15px 40px rgba(0, 112, 201, 0.08);
        border-top: 5px solid #0070c9;
        transition: 0.3s ease;
    }

    .corp__card:hover {
        box-shadow: 0 20px 50px rgba(0, 112, 201, 0.15);
    }

    .corp__title {
        font-size: 32px;
        font-weight: 700;
        margin-bottom: 40px;
        color: #0070c9;
        text-align: center;
        position: relative;
    }



    .corp__content {
        font-size: 16px;
        line-height: 1.8;
        color: #333;
    }

    .corp__content h3 {
        margin-top: 35px;
        margin-bottom: 20px;
        font-size: 20px;
        color: #0070c9;
    }

    .corp__content p {
        margin-bottom: 20px;
    }


    .corp__content_title {
        padding: 14px 18px;
        background: #f5f9ff;
        border-left: 6px solid #0070c9;
        border-radius: 10px;
    }




    /* ===== Responsive ===== */

    @media (max-width: 992px) {
        .corp__card {
            padding: 40px 35px;
        }

        .corp__title {
            font-size: 26px;
        }
    }

    @media (max-width: 576px) {
        .corp {
            padding: 80px 0;
        }

        .corp__card {
            padding: 30px 20px;
        }

        .corp__title {
            font-size: 22px;
        }

        .corp__content {
            font-size: 15px;
        }
    }










    /* ===================================== */
    /* HSE-TWO – CONTINUATION OF MAIN CARD  */
    /* ===================================== */

    /* Убираем отдельную карточность */
    .hse-two__card {
        background: transparent;
        padding: 0px 64px;

        border-radius: 0;
        box-shadow: none;
        border: none;
        position: relative;
    }

    /* Тонкая золотая линия как разделитель */


    /* Заголовок блока */
    .hse-two__title {
        font-size: 28px;
        font-weight: 800;
        color: var(--text-dark);
        margin-bottom: 10px;
    }

    /* Подзаголовок */
    .hse-two__subtitle {
        font-size: 14px;
        letter-spacing: 0.12em;
        text-transform: uppercase;
        color: #b38600;
        margin-bottom: 40px;
    }

    /* Текст */
    .hse-two__text {
        font-size: 17px;
        line-height: 1.8;
        color: var(--text-gray);
        margin-bottom: 40px;
    }

    /* Заголовок нормативных актов */
    .hse-two__block-title {
        font-size: 20px;
        font-weight: 700;
        margin-bottom: 30px;
        color: var(--text-dark);
    }

    /* Группы */
    .hse-two__group {
        margin-bottom: 35px;
    }

    .hse-two__group h4 {
        font-size: 17px;
        text-transform: uppercase;
        letter-spacing: 0.08em;
        color: #b38600;
        margin-bottom: 15px;
        text-align: center;
    }

    /* Списки в стиле общей карточки */
    .hse-two__group ul {
        list-style: none;
        padding: 0;
        /* display: flex; */
        gap: 20px;
        justify-content: space-between;
        align-items: center;
    }

    .hse-two__group li {
        position: relative;
        padding-left: 32px;
        margin-bottom: 24px;
        font-size: 15px;
        line-height: 1.6;
        color: var(--text-gray);
    }

    .hse-two__group li::before {
        content: "";
        position: absolute;
        left: 0;
        top: 8px;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background-color: #c40000;
        font-weight: 900;
    }

    .hse-two__header {
        text-align: center;
    }


    .hse__ul-point li::before {
        content: "";
        position: absolute;
        left: 0;
        top: 4px;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background-color: #c40000;
        font-weight: 900;
    }


    .hse_first {
        max-width: 1000px;
        margin: 0 auto;
    }

    .hse__item {
        position: relative;
    }

    .hse__item::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 6px;
        /* background: #c40000; */
        border-radius: 22px 22px 0 0;
    }


    .foto {
        padding: 10px 0;
        background: #f8f9fb;
    }

    /* .foto__inner {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 20px;
} */
    .foto__img {
        width: 100%;
        height: 200px;
        object-fit: cover;
        border-radius: 12px;

        opacity: 1;
        transform: scale(1);
        transition: all 0.4s ease;
    }

    /* скрытое состояние */
    .foto__img.hidden {
        opacity: 0;
        transform: scale(0.9);
        pointer-events: none;
    }

    /* чтобы не ломалась сетка */
    .foto__img.hidden {
        visibility: hidden;
        position: absolute;
    }


    .foto-load-more_2 {
        display: block;
        margin: 30px auto 0;
        padding: 12px 28px;
        background: #c40000;
        color: #fff;
        border: none;
        border-radius: 8px;
        cursor: pointer;
        font-size: 16px;
        transition: 0.9s;
    }




    /* FULLSCREEN PHOTO */

    .foto-modal {
        display: none;
        position: fixed;
        z-index: 9999;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.9);
        justify-content: center;
        align-items: center;
    }

    .foto-modal__img {
        max-width: 90%;
        max-height: 90%;
        border-radius: 10px;
    }

    .foto-close {
        position: absolute;
        top: 30px;
        right: 40px;
        font-size: 40px;
        color: white;
        cursor: pointer;
    }





    .foto__inner {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 15px;
    }

    .foto__img {
        width: 100%;
        height: 200px;
        object-fit: cover;
        border-radius: 12px;
        transition: 1, 0s;
    }

    /* скрытые */
    .foto__img {
        width: 100%;
        height: 200px;
        object-fit: cover;
        border-radius: 12px;

        opacity: 1;
        transform: scale(1);
        transition: all 0.4s ease;
    }

    /* скрыто */
    .foto__img.hidden {
        opacity: 0;
        transform: scale(0.9);
        pointer-events: none;
        visibility: hidden;
    }




    @media (max-width: 768px) {
        .foto {
            padding: 50px 0;
        }

        .foto__inner {
            gap: 15px;
        }
    }

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














    .about {
        background-size: cover;
        background-position: center;
    }

    @media (max-width: 968px) {
        .about {
            padding: 120px 0;
        }

        .mission__card {
            display: block;
        }
    }

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

    /* планшеты */
    @media (max-width: 992px) {

        .catering__card {
            gap: 40px;
        }

        .catering__title {
            font-size: 34px;
        }

        .catering__text {
            font-size: 16px;
        }
    }

    /* телефоны */
    @media (max-width: 768px) {

        .catering {
            padding: 70px 0;
        }

        .catering__card {
            flex-direction: column;
            text-align: center;
            gap: 30px;
        }

        .catering__img {
            width: 100%;
            flex: 0 0 30px;
        }

        .catering__title {
            font-size: 28px;
            margin-bottom: 40px;
        }

        .catering__text {
            font-size: 15px;
            line-height: 1.7;
        }
    }




    h2 {
        font-size: 42px;
        line-height: 1.3;
    }

    @media (max-width: 1100px) {
        h2 {
            font-size: 34px;
        }
    }

    @media (max-width: 768px) {
        h2 {
            font-size: 26px;
        }
    }

    @media (max-width: 480px) {
        h2 {
            font-size: 22px;
        }
    }


    .wedo__title {
        line-height: normal;
    }













    @media (max-width: 768px) {

        .item--split {
            padding: 25px;
        }

        .item--split>.item__title {
            font-size: 22px;
            margin-bottom: 25px;
            text-align: center;
        }

        /* ВАЖНО: оставляем 2 колонки */
        .item__split {
            grid-template-columns: 1fr 1fr;
            gap: 15px;
        }

        .item__part {
            padding: 18px 10px;
            border-radius: 16px;
            text-align: center;
        }

        .item__part .item__title {
            font-size: 14px;
            margin-bottom: 10px;
            line-height: 1.3;
        }

        .item__part img {
            width: 40px;
            height: 40px;
            object-fit: contain;
        }
    }





    /* Контейнер карты */
    .map-wrapper {
        position: relative;
        width: 100%;
    }

    /* Картинка */
    .map-wrapper img {
        width: 100%;
        display: block;
    }

    /* Галочка */
    .marker {
        position: absolute;
        width: 1.2vw;
        /* размер зависит от ширины экрана */
        height: 1.2vw;
        min-width: 8px;
        /* чтобы не стали слишком маленькими */
        min-height: 8px;
        max-width: 18px;
        /* чтобы не стали огромными */
        max-height: 18px;

        background: #ffcc00;
        border-radius: 50%;
        border: 2px solid #fff;

        transform: translate(-50%, -50%);
    }







    /* Контейнер */
    .map-wrapper {
        position: relative;
        width: 100%;
    }

    .map-wrapper img {
        width: 100%;
        display: block;
    }

    /* Маркер */
    .marker {
        position: absolute;
        width: 1.2vw;
        height: 1.2vw;
        min-width: 8px;
        min-height: 8px;
        max-width: 18px;
        max-height: 18px;

        background: #ffcc00;
        border-radius: 50%;
        border: 2px solid #fff;

        transform: translate(-50%, -50%);
        cursor: pointer;

        animation: pulse 1.5s infinite;
    }

    /* Пульсация */
    @keyframes pulse {
        0% {
            box-shadow: 0 0 0 0 rgba(255, 204, 0, 0.7);
        }

        70% {
            box-shadow: 0 0 0 15px rgba(255, 204, 0, 0);
        }

        100% {
            box-shadow: 0 0 0 0 rgba(255, 204, 0, 0);
        }
    }

    /* Подсказка */
    .marker span {
        position: absolute;
        bottom: 150%;
        left: 50%;
        transform: translateX(-50%);
        background: #ffffff;
        padding: 6px 10px;
        border-radius: 6px;
        font-size: 13px;
        white-space: nowrap;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);

        opacity: 0;
        visibility: hidden;
        transition: 0.3s;
    }

    /* Показываем при наведении */
    .marker:hover span {
        opacity: 1;
        visibility: visible;
    }

    /* Маленький треугольник */
    .marker span::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        transform: translateX(-50%);
        border-width: 6px;
        border-style: solid;
        border-color: #ffffff transparent transparent transparent;
    }










    /* Заголовок + ESG в одной строке */
    .esg-info__header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 30px;
        margin-bottom: 20px;
    }

    /* Навигация внутри строки */
    .esg-nav--inline {
        display: flex;
        gap: 12px;
        align-items: center;
    }

    /* Чтобы заголовок не растягивался */











    /* Блок приоритетов */
    .esg-info__priorities {
        margin-top: 10px;
        padding: 30px;
        background: #f9fafb;
        border-radius: 16px;
    }

    /* Подзаголовок */
    .esg-info__subtitle {
        font-size: 17px;
        font-weight: 600;
        margin-bottom: 10px;
        position: relative;
        text-align: center;
    }



    /* Список */
    .esg-info__list {
        list-style: none;
        padding: 0;
        margin: 0;
        display: grid;
        gap: 18px;
    }

    /* Пункты */
    .esg-info__list li {
        position: relative;
        padding-left: 28px;
        line-height: 1.5;
        font-size: 15px;
        color: #444;
    }

    /* Кастомные маркеры */
    .esg-info__list li::before {
        content: "";
        position: absolute;
        left: 0;
        top: 8px;
        width: 10px;
        height: 10px;
        background: #d32f2f;
        border-radius: 50%;
    }



















    /* =========================
   ISO SECTION – CORPORATE
========================= */

    .iso {
        /* background: #f4f6f9; */
        padding: 40px 0;
    }

    /* =========================
   ВЕРХНИЙ БЛОК
========================= */

    .iso__inner {
        background: #ffffff;
        padding: 10px 20PX;
        border-radius: 12px;
        box-shadow: 0 8px 30px rgba(0, 0, 0, 0.05);
        margin-bottom: 10px;
    }

    .iso__inner h1 {
        font-size: 26px;
        font-weight: 600;
        line-height: 1;

        margin-bottom: 10px;
    }

    .iso__inner p {
        font-size: 26px;
        font-weight: 600;
        line-height: 1.5;

        margin-bottom: 10px;
    }


    .charity__title {
        text-align: center;
        font-size: 54px;
        margin-bottom: 20px;
        font-weight: 600;

    }


    .iso__inner h1 b {
        color: #c62828;
    }

    /* =========================
   ISO ЛОГОТИПЫ
========================= */

    .img_iso {
        display: flex;
        justify-content: space-around;
        /* gap: 60px; */
        margin: 50px 160px;
        flex-wrap: wrap;
    }

    /* Каждый span + img как колонка */
    .img_iso span {
        display: block;
        font-size: 20px;
        font-weight: 600;
        color: #000;
        margin-bottom: 12px;
        letter-spacing: 1px;
        text-align: center;
    }

    /* Группируем span + img визуально */
    .img_iso span+img {
        display: block;
        max-width: 100%;
        width: 100%;
        height: auto;
        /* УБРАЛИ 70px */
        object-fit: contain;
    }

    /* =========================
   СПИСОК ЦЕЛЕЙ
========================= */

    .iso__inner ul {
        list-style: none;
        margin-bottom: 40px;
    }

    .iso__inner ul li {
        position: relative;
        padding-left: 24px;
        margin-bottom: 10px;
        line-height: 1.5;
        font-size: 16px;
        color: #444;
    }

    .iso__inner ul li::before {
        content: "";
        position: absolute;
        left: 0;
        top: 8px;
        width: 8px;
        height: 8px;
        background: #c62828;
        border-radius: 50%;
    }

    /* КНОПКА */

    .iso__inner button {
        background: #c62828;
        color: #fff;
        border: none;
        padding: 14px 32px;
        border-radius: 6px;
        font-size: 15px;
        font-weight: 600;
        cursor: pointer;
        transition: 0.3s ease;
    }

    .iso__inner a {
        color: #fff;
    }

    .iso__inner button:hover {
        background: #a61c1c;
        transform: translateY(-2px);
    }

    /* =========================
   НИЖНИЙ БЛОК ПРОЦЕДУР
========================= */

    .iso__bottom {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .iso__bottom h1 {
        font-size: 24px;
        font-weight: 600;
        color: #000;
        margin-bottom: 10px;
        text-align: center;
    }

    /* Карточка процедуры */

    .iso__item>div {
        display: flex;
        justify-content: space-between;
        gap: 40px;
        background: #ffffff;
        padding: 30px;
        border-radius: 10px;
        border-left: 4px solid #c62828;
        box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
        transition: 0.3s ease;
    }

    .iso__item {
        text-decoration: none;
        color: inherit;
        display: block;
    }

    .iso__item>div:hover {
        transform: translateY(-4px);
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
    }

    /* ЛЕВЫЙ P */

    .iso__item>div p:first-child {
        flex: 0 0 30%;
        font-weight: 600;
        color: #000;
        font-size: 20px;
        line-height: normal;
        text-align: center;
    }

    /* ПРАВЫЙ P */

    .iso__item>div p:last-child {
        flex: 1;
        color: #000;
        line-height: 1.6;
        font-size: 14px;
    }





    .iso__bottom h1 {
        line-height: normal;
    }



    .esg__test {
        display: flex;
        align-items: center;
    }

    .esg-nav span {
        font-size: 20px;
    }



















    .join-team-btn {
        position: fixed;
        right: 0;
        top: 50%;
        transform: translateY(-50%);

        background: #c40000;
        color: #fff;
        padding: 18px 25px;
        font-size: 16px;
        font-weight: 600;
        text-decoration: none;

        border-radius: 12px 0 0 12px;
        box-shadow: -5px 10px 25px rgba(196, 0, 0, 0.3);

        z-index: 9999;

        animation: pulseBlink 1.8s infinite;
        transition: 0.3s ease;
    }


    .join-team-btn:hover {
        background: #ff0000;
        padding-right: 35px;
    }








    /* ========================= */
    /* ===== CHARITY BLOCK ===== */
    /* ========================= */

    .charity {
        padding: 40px 0;
        background: linear-gradient(180deg, #ffffff 0%, #f9f4ea 100%);
    }


    .charity__text {
        max-width: 900px;
        margin: 0 auto 10px;
        text-align: center;
        line-height: 1.5;
        color: #555;
        font-size: 20px;
    }

    /* GRID */
    .charity__items {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
        gap: 40px;
        margin: 10px 10px;
    }

    /* CARD */
    .charity__item {
        background: #fff;
        padding: 30px 20px;
        border-radius: 24px;
        text-align: center;
        box-shadow: 0 25px 60px rgba(0, 0, 0, 0.06);
        transition: all .4s ease;
    }

    .charity__item:hover {
        transform: translateY(-10px);
        box-shadow: 0 35px 80px rgba(196, 0, 0, 0.15);
    }

    .charity__item img {
        height: 90px;
        margin: 0 auto 25px;
        object-fit: contain;
    }

    .charity__item-title {
        font-size: 18px;
        line-height: 1.4;
    }
















    /* ========================= */
    /* ===== LETTERS CAROUSEL === */
    /* ========================= */

    .charity-letters {
        padding: 20px 0;
        background: #ffffff;
    }

    .charity-letters__title {
        text-align: center;
        font-size: 36px;
        margin-bottom: 10px;
    }

    .letters-carousel {
        overflow: hidden;
        position: relative;
    }

    .letters-track {
        display: flex;
        gap: 40px;
        animation: lettersScroll 25s linear infinite;
    }

    .letters-slide {
        min-width: 320px;
        background: #fff;
        padding: 20px;
        border-radius: 18px;

        transition: transform .4s ease;
    }

    .letters-slide img {
        width: 100%;
        height: 420px;
        object-fit: cover;
        border-radius: 12px;
    }

    .letters-slide:hover {
        transform: scale(1.05);
    }

    /* бесконечная плавная прокрутка */
    @keyframes lettersScroll {
        from {
            transform: translateX(0);
        }

        to {
            transform: translateX(-50%);
        }
    }

    /* пауза при наведении */
    .letters-carousel:hover .letters-track {
        animation-play-state: paused;
    }






    .letters-carousel--horizontal .letters-slide {
        width: 320px;
        height: 200px;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
    }

    .letters-carousel--horizontal .letters-slide img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }




    /* ========================= */
    /* ===== BOTTOM IMAGE ===== */
    /* ========================= */






    .footer__hotline {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
        margin-left: 10px;
    }

    .hotline-btn {
        display: inline-block;
        background: #c40000;
        color: #fff;
        padding: 10px 40px;
        font-size: 13px;
        font-weight: 600;
        text-decoration: none;
        border-radius: 8px;
        transition: .3s;
    }

    .hotline-btn:hover {
        background: #a50000;
        transform: translateY(-3px);
    }








    .map__inner {
        display: flex;
        align-items: center;
    }



    .esg-nav {
        position: relative;
        width: 200px;
        height: 200px;
        aspect-ratio: 1 / 1;
        /* гарантирует круг */
        border-radius: 50%;
    }






    .carusel {
        padding: 80px 0;
        background: #f9f4ea;
    }

    .carusel__wrapper {
        overflow: hidden;
        width: 100%;
    }

    .carusel__track {
        display: flex;
        gap: 40px;
        width: max-content;
        animation: caruselScroll 60s linear infinite;
        will-change: transform;
    }

    .carusel__track:hover {
        animation-play-state: paused;
    }

    .carusel__item {
        flex: 0 0 auto;
        width: 500px;
        height: 300px;
        border-radius: 20px;
        overflow: hidden;
    }

    .carusel__item img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }


    @keyframes caruselScroll {

        0% {
            transform: translateX(0);
        }

        100% {
            transform: translateX(-50%);
        }

    }





    .map__inner {
        background-color: #fff;
        border-radius: 10%;
        margin-bottom: 30px;
        height: 450px;
    }






    /* ── ESG NAV: PULSE + SCALE ── */

    .esg-sector {
        transition: transform .35s ease, opacity .35s ease;
    }

    .esg-sector--e {
        animation: esgPulse 2.4s ease-in-out infinite;
    }

    .esg-sector--g {
        animation: esgPulse 2.4s ease-in-out infinite .8s;
    }

    .esg-sector--s {
        animation: esgPulse 2.4s ease-in-out infinite 1.6s;
    }



    @keyframes esgPulse {

        0%,
        100% {
            opacity: 1;
            transform: scale(1);
        }

        50% {
            opacity: .5;
            transform: scale(.96);
        }
    }




    .esg-sector {
        transition: opacity .4s ease, transform .4s ease;

    }

    .esg-sector--e {
        animation-delay: 0s;
    }

    .esg-sector--g {
        animation-delay: .8s;
    }

    .esg-sector--s {
        animation-delay: 1.6s;
    }

    .esg-center {
        animation-delay: 1.2s;
        transition: opacity .4s ease, transform .4s ease;
    }

    @keyframes esgPulse {

        0%,
        100% {
            opacity: 1;
            transform: scale(1);
        }

        50% {
            opacity: .5;
            transform: scale(.96);
        }
    }

    /* hover: анимация отключается, transition плавно возвращает к норме */
    .esg-sector:hover {
        animation: none;
        opacity: 1;
        transform: scale(1.07);
    }

    .esg-center:hover {
        animation: none;
        opacity: 1;
        transform: translate(-50%, -50%) scale(1.1);
    }









    .logo-dropdown {
        position: relative;
    }

    .logo-dropdown__trigger {
        display: block;
        cursor: pointer;
    }

    .logo-dropdown__menu {
        position: absolute;
        top: 100%;
        left: 0;
        display: flex;
        flex-direction: column;
        gap: 8px;
        padding: 10px 0;
        background: #fff;
        border-radius: 8px;
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
        z-index: 100;

        /* скрыто по умолчанию */
        max-height: 0;
        overflow: hidden;
        opacity: 0;
        transform: translateY(-6px);
        transition: max-height .35s ease, opacity .3s ease, transform .3s ease;
    }

    .logo-dropdown__menu a {
        display: block;
        padding: 5px 5px;
    }

    .logo-dropdown__menu img {
        /* height: 45px; */
        display: block;
    }

    /* открытое состояние */
    .logo-dropdown.open .logo-dropdown__menu {
        max-height: 200px;
        opacity: 1;
        transform: translateY(0);
    }





    .ch_title {
        margin-bottom: 10px;
    }



    .img-modal {
        display: none;
        position: fixed;
        z-index: 9999;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.9);
        justify-content: center;
        align-items: center;
    }

    .img-modal__content {
        max-width: 90%;
        max-height: 90%;
        border-radius: 10px;
    }

    .img-modal__close {
        position: absolute;
        top: 20px;
        right: 30px;
        color: #fff;
        font-size: 40px;
        cursor: pointer;
    }



    .charity__items {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 30px;
    }







    .span_ex-div {
        display: flex;
        text-align: center;
        margin-top: 10px;
    }










    .sector__items--civil {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 20px;
        justify-content: center;
        align-items: stretch;
    }






    .sector__items--civil .sector__item {
        display: flex;
        flex-direction: column;
        width: 300px;
    }


    .items--civil {
        display: flex;
        flex-direction: column;
    }

    .items--civil span {
        margin-top: auto;
    }




    .mission__card {
        display: flex;
        align-items: center;
        /* по вертикали центр */
        gap: 60px;
        justify-content: end;
    }

    .mission__content {
        padding-left: 50px;
        max-width: 55%;
    }



    .mission__icons-slider {
        width: 220px;
        height: 220px;

        display: flex;
        align-items: center;
        justify-content: center;
        margin-left: 22%;
        flex-shrink: 0;
        /* чтобы не сжимался */
    }

    .mission__icon-slide img {
        width: 200px;
        height: 200px;
        object-fit: contain;
    }


    .mission_size_img img {
        width: 200px;
        height: 200px;
    }





    .fit__inner {
        display: flex;
        gap: 16px;
    }

    .fit__item {
        flex: 1;
    }

    .fit__item img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        display: block;
    }













    .hse__card {
        background: #fff;
        border-radius: 16px;
        padding: 30px;
        margin-bottom: 5px;
    }

    .hse__title {
        font-size: 24px;
        font-weight: 700;
        margin-bottom: 10px;
    }

    .hse__text {
        font-size: 16px;
        line-height: 1.6;
        margin-bottom: 20px;
    }

    .hse__block {
        margin-top: 20px;
    }

    .hse__block h4 {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .hse__block ul {
        padding-left: 20px;
    }

    .hse__block li {
        margin-bottom: 6px;
    }












    .hse_first .hse__item--principles {
        position: relative;
        padding-top: 20px;
    }

    .hse_first .hse__item--principles::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 4px;
        background: #c40000;
    }






    .hse_second_title {
        position: relative;
        padding-left: 28px;
        /* чуть больше под полоску */
    }

    .hse_second_title::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;

        width: 6px;
        height: 100%;


        border-radius: 2px;
    }







    .hse__second .hse__item--safety {
        position: relative;
        padding-top: 20px;
    }











    #hse .hse__items {
        position: relative;
        padding-top: 20px;
    }

    #hse .hse__items::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 4px;
        background: #c40000;
    }





    .hse__item--safety {
        position: relative;
        background: #fff;
        border-radius: 16px;
        /* Ваше скругление */
        z-index: 1;
        padding: 30px;
        margin: 10px;
        /* Чтобы рамка не вылезала за пределы контейнера */
    }





    .hse__item--safety {
        position: relative;
        border-radius: 12px;
        padding: 20px;

        border: 6px solid transparent;

        background:
            linear-gradient(#fff, #fff) padding-box,
            repeating-linear-gradient(45deg,
                #f5b800,
                #f5b800 10px,
                #000 10px,
                #000 20px) border-box;
    }




    .hse__second .hse__free h2::before,
    .hse__second .hse__courses-title::before,
    .hse__second .hse-two__block-title::before,
    .hse__second .hse__policies h2::before {
        background: repeating-linear-gradient(45deg,
                #f5b800,
                #f5b800 10px,
                #000 10px,
                #000 20px);
    }




    .hse-policy {
        text-align: center;
        margin-top: 30px;
    }



    .env__button--red {
        display: inline-block;
        padding: 14px 26px;
        background: #c40000;
        color: white;
        font-weight: 600;
        border-radius: 8px;
        cursor: pointer;
        transition: 0.3s ease;
    }

    .env__button--red:hover {
        background: #a00000;
    }


    .cur {
        display: grid;
        grid-template-columns: repeat(5, 1fr);

    }





    .foto__inner {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
        gap: 20px;
    }

    .foto__img {
        width: 100%;
        height: 200px;
        object-fit: cover;
    }



    .foto__inner {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
    }

    .foto__img {
        width: calc(25% - 20px);
    }









    .foto__inner {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        /* 4 в ряд */
        gap: 20px;
    }

    .foto__img {
        width: 100%;
        height: 180px;
        object-fit: cover;
        border-radius: 10px;
    }









    .orgsniz__list {
        padding-left: 20px;
        /* стандартный отступ под точки */
    }

    /* только последний элемент */
    .orgsniz__list li:last-child {
        display: flex;
        justify-content: center;
        /* центрируем всё */
        list-style-position: inside;
        /* шарик вместе с текстом */
        text-align: center;
    }



    .orgsniz__list {
        padding-left: 20px;
    }

    /* центрируем весь li */
    .orgsniz__list li:last-child {
        width: fit-content;
        /* ширина по контенту */
        margin: 0 auto;
        /* центр по горизонтали */
        text-align: left;
        /* текст остаётся нормальным */
    }


    .pepe {
        max-width: 342px;
    }




    .hse_dewiz {
        position: relative;
    }

    .hse_dewiz::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 6px;
        height: 100%;
        background: repeating-linear-gradient(45deg, #f5b800, #f5b800 10px, #000 10px, #000 20px);
        border-radius: 12px 0 0 12px;
    }




    .ozn_link {
        display: inline-block;
        padding: 5px 10px;
        background: #c40000;
        color: white;
        font-weight: 600;
        border-radius: 8px;
        cursor: pointer;
        transition: 0.3s ease;
    }



    @media (max-width: 700px) {
        .civil-card {
            flex-direction: column;
            text-align: center;
        }

        .civil-card__logo {
            width: 140px;
        }
    }

    @media (max-width: 1200px) {
        .sector__items--civil {
            grid-template-columns: repeat(3, 1fr);
        }
    }

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

    @media (max-width: 480px) {
        .sector__items--civil {
            grid-template-columns: 1fr;
        }
    }



    /* =========================
   АДАПТИВ
========================= */

    @media (max-width: 992px) {
        .iso__inner {
            padding: 40px;
        }

        .iso__bottom>div {
            flex-direction: column;
        }

        .iso__bottom>div p:first-child {
            margin-bottom: 10px;
            flex: 100%;
        }
    }

    @media (max-width: 600px) {
        .iso {
            padding: 50px 0;
        }

        .iso__inner {
            padding: 30px;
        }

        .img_iso {
            gap: 40px;
        }
    }



    @media(max-width: 900px) {
        .company__slider {
            width: 370px;
            height: 370px;
        }

        .company__track {
            max-width: 400px;
        }

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

        .join-team-btn {
            padding: 17px 13px;
        }
    }


    @media(max-width: 700px) {

        .company__slider {
            width: 270px;
            height: 270px;
        }

        .company__track {
            max-width: 300px;
        }


        .company__track p {
            font-size: 18px;
        }

    }

    @media(max-width: 580px) {

        .company__slider {}

        .company__track {
            max-width: 200px;
        }


        .company__track p {
            font-size: 18px;
        }

        .company__inner {
            display: block;
        }

        .join-team-btn {

            font-size: 10px;
        }

    }

    @media(max-width: 490px) {
        .company__track p {
            font-size: 14px;
        }

        .join-team-btn {
            padding: 17px 2px;
            font-size: 9px;
        }

        .company__slider {
            width: 240px;
            height: 240px;
        }

        .company__track {
            max-width: 270px;
        }
    }

    /* ============================================================
   АДАПТИВ — ГЛАВНАЯ СТРАНИЦА (добавлено)
   ============================================================ */

    /* --- MISSION --- */
    @media (max-width: 968px) {
        .mission__card {
            flex-direction: column;
            align-items: center;
            gap: 30px;
        }

        .mission__icons-slider {
            margin-left: 0;
        }

        .mission__content {
            max-width: 100%;
            padding-left: 20px;
            border-left: solid 3px #c40000;
        }

        .mission__text {
            font-size: 20px;
        }

        .mission__list li {
            font-size: 16px;
        }
    }

    /* --- RESTARAN --- */
    @media (max-width: 900px) {
        .restaran-card {
            padding: 30px 20px;
        }

        .restaran-grid {
            grid-template-columns: repeat(2, 1fr);
            gap: 20px;
        }

        .restaran-description {
            padding: 20px;
        }

        .uborka__card {
            width: 200px;
            margin: 0 auto;
        }
    }


    @media (max-width: 560px) {
        .restaran-grid {
            grid-template-columns: 1fr 1fr;
            gap: 12px;
        }

        .restaran-box h3 {
            font-size: 13px;
        }

        .restaran-card {
            padding: 20px 12px;
        }

        .title_ {
            font-size: 32px;
            letter-spacing: 2px;
        }

        .mission__title {
            font-size: 35px;
        }
    }

    /* --- CAROUSEL (carusel) --- */
    @media (max-width: 768px) {
        .carusel__item {
            width: 300px;
            height: 200px;
        }
    }

    @media (max-width: 480px) {
        .carusel__item {
            width: 220px;
            height: 150px;
        }
    }

    /* --- CATERING --- */
    @media (max-width: 600px) {
        .catering__card {
            flex-direction: column;
            padding: 25px 15px;
        }

        .catering__img {
            flex: none;
            width: 100%;
        }
    }

    /* --- MAP --- */
    @media (max-width: 900px) {
        .map__inner {
            flex-direction: column;
            height: auto;
            padding: 20px;
        }

        .map__title {
            width: 100%;
            margin-left: 0;
            font-size: 18px;
            margin-bottom: 20px;
        }

        .map-wrapper {
            width: 100%;
        }
    }

    @media (max-width: 600px) {
        .map__title {
            font-size: 15px;
        }

        .marker span {
            font-size: 10px;
            padding: 4px 6px;
            white-space: normal;
            max-width: 120px;
        }
    }

    /* --- OPTOM (partners carousel) --- */
    @media (max-width: 768px) {
        .optom__title {
            font-size: 22px;
            letter-spacing: 1px;
        }
    }

    /* --- UBORKA title адаптив --- */
    @media (max-width: 560px) {
        .uborka__title {
            font-size: 22px;
            letter-spacing: 1px;
        }
    }

    /* --- FOOTER --- */
    @media (max-width: 768px) {
        .footer__inner {
            padding: 50px 20px;
        }

        .footer__row {
            flex-direction: column;
            align-items: center;
            text-align: center;
            gap: 30px;
        }

        .footer__item {
            justify-content: center;
        }

        .footer__hotline {
            justify-content: center;
            margin-left: 0;
        }
    }

    /* --- NAV TOGGLE (мобильное меню) --- */
    @media (max-width: 1400px) {
        .header__inner {
            padding: 0 20px;
        }
    }

    /* --- COMPANY SLIDER --- */
    @media (max-width: 480px) {
        .company {
            padding: 60px 10px;
        }
    }

    /* --- ОБЩИЕ заголовки title_ --- */
    @media (max-width: 768px) {
        .title_ {
            font-size: 28px;
            letter-spacing: 1px;
        }
    }

    @media (max-width: 480px) {
        .title_ {
            font-size: 22px;
            letter-spacing: 0.5px;
        }
    }

    /* --- JOIN TEAM BUTTON на малых экранах --- */
    @media (max-width: 400px) {
        .join-team-btn {
            font-size: 8px;
            padding: 14px 2px;
        }
    }





    /* adaptiv-sustana */

    /* ============================================================
   АДАПТИВ — СТРАНИЦА SUSTAINABILITY
   ============================================================ */

    /* --- ESG INFO CARD --- */
    @media (max-width: 1024px) {
        .esg-info__card {
            padding: 10px 36px;
            margin: 0 16px;
        }

        .esg-info__title {
            font-size: 28px;
            margin-left: 20px;
            margin-right: 20px;
        }
    }

    @media (max-width: 768px) {
        .esg-info__card {
            padding: 24px 20px;
            margin: 0 12px;
        }

        .esg-info__title {
            font-size: 22px;
            margin-left: 0;
            margin-right: 0;
            text-align: center;
        }

        .esg__test {
            flex-direction: column;
            align-items: center;
            gap: 20px;
        }

        .esg-info__priorities h3 {
            font-size: 16px;
        }

        .esg-info__list li {
            font-size: 14px;
        }
    }

    @media (max-width: 480px) {
        .esg-info__card {
            padding: 20px 14px;
            margin: 0 8px;
        }

        .esg-info__title {
            font-size: 18px;
        }

        .esg-info {
            padding: 20px 0;
        }
    }

    /* --- ESG NAV (круглый навигатор) — сохраняем, только подстраиваем окружение --- */
    @media (max-width: 768px) {
        .esg__test {
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
        }

        .esg-nav--side {
            margin: 0 auto 20px;
        }

        .esg-info__card h2.esg-info__title {
            text-align: center;
            margin-left: 0;
        }
    }

    /* --- .cur (иконки UN целей) --- */
    @media (max-width: 1024px) {
        .cur {
            display: grid;
            grid-template-columns: repeat(5, 1fr);
            gap: 10px;
        }

        .cur img {
            width: 100%;
        }
    }

    @media (max-width: 600px) {
        .cur {
            grid-template-columns: repeat(4, 1fr);
            gap: 8px;
        }
    }

    @media (max-width: 420px) {
        .cur {
            grid-template-columns: repeat(3, 1fr);
            gap: 6px;
        }
    }

    /* --- ENV SECTION --- */
    @media (max-width: 1024px) {
        .env-card {
            padding: 30px 32px;
            margin: 0 12px;
        }
    }

    @media (max-width: 768px) {
        .env-card {
            padding: 24px 18px;
            margin: 0 8px;
        }

        .env-logo {
            flex-direction: column;
            align-items: center;
            text-align: center;
        }

        .env-logo img {
            margin-right: 0;
            margin-bottom: 12px;
        }

        .env-title {
            font-size: 24px;
            margin-left: 0;
            text-align: center;
        }

        .env-lead {
            font-size: 15px;
        }

        .env-box--wide h3 {
            font-size: 14px;
        }
    }

    @media (max-width: 480px) {
        .env-card {
            padding: 18px 12px;
        }

        .env-title {
            font-size: 20px;
        }

        .env-accent {
            font-size: 17px;
        }

        .env-section {
            padding: 20px 0;
        }
    }

    /* --- FOTO ENV (галерея экологии) --- */
    @media (max-width: 768px) {
        .foto-env__items {
            grid-template-columns: repeat(3, 1fr);
        }
    }

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

    @media (max-width: 360px) {
        .foto-env__items {
            grid-template-columns: 1fr;
        }
    }

    /* --- HSE SECTION --- */
    @media (max-width: 1024px) {
        .hse__items {
            padding: 40px 36px;
        }
    }

    @media (max-width: 768px) {
        .hse {
            padding: 60px 0;
        }

        .hse__items {
            padding: 30px 20px;
        }

        .hse__title-top,
        .hse__title-bottom {
            font-size: 24px;
        }

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

        .hse__logo {
            flex-wrap: wrap;
            justify-content: center;
        }

        .hse__logo img {
            /* max-height: 60px;    */
        }
    }

    @media (max-width: 480px) {
        .hse__items {
            padding: 24px 14px;
        }

        .hse__title-top,
        .hse__title-bottom {
            font-size: 20px;
        }

        .hse__block {
            padding: 18px 16px;
        }
    }

    /* --- CORP SECTION --- */
    @media (max-width: 768px) {
        .corp__card {
            padding: 30px 20px;
            margin: 0 8px;
        }

        .corp__title {
            font-size: 22px;
        }

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

        .corp__content_title {
            font-size: 14px;
        }

        .hse-two__group ul {
            display: block;
        }

        .corp__content h3 {
            font-size: 15px;
        }
    }

    @media (max-width: 480px) {
        .corp__card {
            padding: 20px 12px;
        }

        .corp__title {
            font-size: 18px;
        }
    }

    /* --- ENV POLICY BUTTON --- */
    @media (max-width: 480px) {

        .env__button,
        .env__button_1 {
            padding: 12px 20px;
            font-size: 12px;
            width: calc(100% - 32px);
            text-align: center;
        }

        .env-policy {
            padding: 0 16px;
        }
    }

    /* --- ОБЩИЙ КОНТЕЙНЕР НА МОБИЛКЕ --- */
    @media (max-width: 480px) {
        .container {
            padding: 0 12px;
        }
    }


    /* ============================================================
   АДАПТИВ — СТРАНИЦА ISO (КАЧЕСТВО)
   ============================================================ */

    /* --- Заголовок КАЧЕСТВО --- */
    @media (max-width: 1024px) {
        .charity__title.ch_title {
            font-size: 42px !important;
        }
    }

    @media (max-width: 768px) {
        .charity__title.ch_title {
            font-size: 32px !important;
        }

        /* Верхний блок */
        .iso__inner {
            padding: 24px 16px;
        }

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

        /* ISO-логотипы: убираем боковые отступы, делаем колонку */
        .img_iso {
            margin: 30px 0;
            flex-direction: column;
            align-items: center;
            gap: 30px;
        }

        .img_item {
            width: 100%;
            max-width: 260px;
            text-align: center;
        }

        /* Заголовки h1 внутри iso__inner */
        .iso__inner h1 {
            font-size: 18px !important;
            line-height: 1.4;
        }

        /* Карточки процедур: из горизонтальных → вертикальные */
        .iso__item>div {
            flex-direction: column;
            gap: 12px;
            padding: 20px 16px;
        }

        .iso__item>div p:first-child {
            flex: none;
            font-size: 16px;
            text-align: left;
        }

        .iso__item>div p:last-child {
            font-size: 13px;
        }

        /* Заголовок блока процедур */
        .iso__bottom h1 {
            font-size: 16px;
            text-align: center;
        }

        /* Кнопка — во всю ширину */
        .iso__inner button {
            width: 100%;
            padding: 14px 20px;
            font-size: 13px;
        }
    }

    @media (max-width: 480px) {
        .charity__title.ch_title {
            font-size: 26px !important;
        }

        .iso {
            padding: 24px 0;
        }

        .iso__inner {
            padding: 16px 12px;
        }

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

        .img_iso {
            margin: 20px 0;
            gap: 20px;
        }

        .img_item {
            max-width: 200px;
        }

        .iso__inner h1 {
            font-size: 15px !important;
        }

        .iso__item>div {
            padding: 16px 12px;
            gap: 8px;
        }

        .iso__item>div p:first-child {
            font-size: 14px;
        }

        .iso__item>div p:last-child {
            font-size: 12px;
        }

        .iso__bottom h1 {
            font-size: 14px;
        }

        .iso__bottom {
            gap: 12px;
        }
    }

    /* --- Бургер-меню: скрываем на десктопе, показываем на мобилке --- */
    /* (уже есть в файле на 1400px, дублировать не нужно) */

    /* --- Хедер: лого + кнопка на мобилке --- */
    @media (max-width: 768px) {
        .header__inner {
            height: 60px;
        }

        .header__logo img {
            height: 36px;
        }

        .logo-dropdown__menu {
            top: 55px;
        }

        .lang-switch a {
            padding: 5px 10px;
            font-size: 12px;
        }
    }

    @media (max-width: 480px) {
        .header__inner {
            height: 52px;
        }

        .header__logo img {
            height: 30px;
        }
    }





    /* ============================================================
   АДАПТИВ — СТРАНИЦА CSR (БЛАГОТВОРИТЕЛЬНОСТЬ)
   ============================================================ */

    /* ─── Заголовок БЛАГОТВОРИТЕЛЬНОСТЬ ─── */
    @media (max-width: 1024px) {
        .charity__title {
            font-size: 38px !important;
        }
    }

    @media (max-width: 768px) {
        .charity__title {
            font-size: 28px !important;
        }

        .charity__text {
            font-size: 15px;
            padding: 0 8px;
        }

        /* ─── Карточки организаций: 2 колонки ─── */
        .charity__items {
            grid-template-columns: repeat(2, 1fr);
            gap: 20px;
            margin: 10px 0;
        }

        .charity__item {
            padding: 20px 14px;
            border-radius: 16px;
        }

        .charity__item img {
            height: 70px;
            margin-bottom: 14px;
        }

        .charity__item-title {
            font-size: 14px;
        }

        /* ─── Заголовок блока писем ─── */
        .letters__title {
            font-size: 22px;
            margin-bottom: 20px;
        }

        /* ─── Карточки каруселей ─── */
        .inf-card--ver {
            width: 130px;
            height: 190px;
        }

        .inf-card--hor {
            width: 220px;
            height: 140px;
        }

        /* ─── letters-slide (старый carousel) ─── */
        .letters-slide {
            min-width: 220px;
            padding: 12px;
        }

        .letters-slide img {
            height: 280px;
        }

        /* ─── Секция fit (три фото внизу) → колонка ─── */
        .fit__inner {
            flex-direction: column;
            gap: 12px;
        }

        .fit__item {
            width: 100%;
        }

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

        /* ─── Кнопка «Стань частью команды» ─── */
        .join-team-btn {
            font-size: 11px;
            padding: 14px 18px;
        }
    }

    @media (max-width: 480px) {
        .charity {
            padding: 24px 0;
        }

        .charity__title {
            font-size: 22px !important;
        }

        .charity__text {
            font-size: 13px;
        }

        /* ─── Карточки: 1 колонка на маленьком экране ─── */
        .charity__items {
            grid-template-columns: 1fr;
            gap: 14px;
        }

        .charity__item {
            padding: 16px 12px;
        }

        .charity__item img {
            height: 60px;
        }

        .charity__item-title {
            font-size: 13px;
        }

        /* ─── Заголовок писем ─── */
        .letters__title {
            font-size: 18px;
        }

        /* ─── Карусели ещё компактнее ─── */
        .inf-card--ver {
            width: 110px;
            height: 165px;
        }

        .inf-card--hor {
            width: 180px;
            height: 115px;
        }

        .letters-slide {
            min-width: 180px;
            padding: 8px;
        }

        .letters-slide img {
            height: 220px;
        }

        /* ─── letters секция ─── */
        .letters {
            padding: 24px 0;
        }

        /* ─── fit секция ─── */
        .fit__inner {
            gap: 8px;
        }
    }






        .civil-item {
            display: flex;
            flex-direction: column;
            align-items: center;
        }
    
        .civil-info {
            display: flex;
            flex-direction: column;
            align-items: center;
            flex: 1;
            width: 100%;
        }
    
        .civil-info h3 {
            flex: 1;
            /* растягивает название, выравнивая год и span по низу */
        }


        .tel{
            text-decoration: none;
                /* Убирает подчеркивание */
                color: inherit;
                /* Наследует цвет текста от родителя (например, черный) */
                cursor: pointer;
                /* Сохраняет указатель в виде руки */
        }

        .mail{
        text-decoration: none;
            /* Убирает подчеркивание */
            color: inherit;
            /* Наследует цвет текста от родителя (например, черный) */
            cursor: pointer;
            /* Сохраняет указатель в виде руки */
        }





        .prwawki{
            display: flex;
            justify-content: space-between;
            gap: 10px;
        }