:root{--green:#003E29;--deep-green:#003E29;--ivory:#F6F1E8;--gold:#C7A86B;--white:#fff;--ink:#162027;--muted:#6f7b7e;--container:1180px;--serif:Georgia,"Times New Roman",serif;--sans:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ivory);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.55}body.menu-open{overflow:hidden}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}.container{width:min(calc(100% - 64px),var(--container));margin-inline:auto}.narrow{max-width:860px}.section{padding:92px 0}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.04;margin:0 0 28px}h1{font-size:clamp(46px,5.2vw,78px)}h2{font-size:clamp(42px,4.5vw,66px)}p{margin:0 0 24px}.center{text-align:center}.eyebrow{display:block;color:var(--green);font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;margin-bottom:16px}.eyebrow.gold{color:var(--gold)}
.site-header{position:absolute;z-index:20;top:0;left:0;width:100%;background:var(--green);color:var(--white)}.header-inner{height:92px;display:flex;align-items:center;gap:34px}.brand{display:flex;align-items:center;margin-right:auto}.brand img,.custom-logo{width:132px;max-height:62px;object-fit:contain}.desktop-nav{margin-left:auto}.nav-list{display:flex;gap:14px;list-style:none;padding:0;margin:0}.nav-list a{display:block;padding:10px 18px;border:1px solid rgba(199,168,107,.65);border-radius:4px;color:var(--gold);font-size:13px;text-transform:uppercase}.header-actions{display:flex;align-items:center;gap:22px}.lang-switch{display:flex;gap:18px;font-weight:700;font-size:13px}.lang-switch a{opacity:.65;padding-bottom:7px}.lang-switch .active{color:var(--gold);opacity:1;border-bottom:2px solid var(--gold)}.menu-toggle{display:none;width:44px;height:44px;border:0;background:transparent;padding:8px;cursor:pointer}.menu-toggle span{height:2px;background:var(--white);display:block;margin:7px 0}
.hero{min-height:720px;position:relative;background:var(--green);color:var(--white);display:flex;align-items:center;padding-top:92px;overflow:hidden}.hero-media{position:absolute;inset:92px 0 0;background:linear-gradient(90deg,rgba(0,62,41,.94) 0%,rgba(0,62,41,.74) 47%,rgba(0,62,41,.15) 100%),url("../images/hero.webp") center/cover no-repeat}.hero-content{position:relative;z-index:2;padding-block:74px}.hero h1{max-width:800px;color:var(--white)}.hero p{font-size:25px;line-height:1.35;max-width:720px;color:#f2eadb}.hero p strong{font-weight:400;color:var(--gold)}.hero-buttons{display:grid;max-width:520px;gap:18px;margin-top:34px}.btn{min-height:62px;display:inline-flex;align-items:center;justify-content:center;padding:15px 34px;border:1px solid transparent;text-transform:uppercase;font-size:15px;font-weight:700;letter-spacing:.01em;cursor:pointer}.btn-gold{background:var(--gold);color:var(--green)}.btn-green{background:var(--green);color:var(--white);box-shadow:0 10px 18px rgba(0,62,41,.16)}.btn-outline{border-color:var(--gold);color:var(--white);background:rgba(0,62,41,.25)}.btn.compact{min-height:48px;padding:12px 24px;margin-top:16px}
.services{background:var(--ivory)}.service-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:2px;margin-top:42px}.service-card{min-height:190px;background:#fff;padding:20px 18px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 5px 15px rgba(32,34,29,.08);position:relative}.service-card>span{position:absolute;right:15px;top:12px;color:var(--gold);font-weight:700}.service-card img{width:62px;height:62px;object-fit:contain;margin-bottom:20px}.service-card h3{font-family:var(--sans);font-size:14px;font-weight:700;text-transform:uppercase;margin:0}.service-more{background:var(--green);color:var(--gold);font-weight:700;text-transform:uppercase;gap:20px}.service-more b{font-size:26px}.services-cta{text-align:center;margin-top:50px;font-size:19px}.services-cta .btn{min-width:255px}
.about{border-top:1px solid rgba(199,168,107,.2)}.about-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:72px;align-items:center}.about-copy p{color:var(--muted);font-size:18px}.about-image{margin:0;background:var(--green)}.about-image img{width:100%;aspect-ratio:1.05;object-fit:cover}.about-image figcaption{padding:20px 24px;color:var(--gold);font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.cases{background:#fbf8f1}.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.case-card{
    min-height:360px;
    padding:22px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    color:#fff;

    background:
        linear-gradient(0deg,rgba(0,0,0,.65),rgba(0,0,0,.02)),
        var(--case-image) center / cover no-repeat;

    box-shadow:0 8px 18px rgba(0,0,0,.12);
}
    /* Первая карточка */
.case-card.case-1{
    background-size:auto 110% !important;
    background-position:center center !important;
}

/* Вторая карточка */
.case-card.case-2{
    background-size:auto 120% !important;
    background-position:center top !important;
}

/* Третья карточка */
.case-card.case-3{
    background-size:auto 105% !important;
    background-position:center center !important;
}
.case-card span{align-self:flex-start;background:rgba(199,168,107,.9);color:var(--green);border-radius:8px;padding:10px 16px;font-weight:700;text-transform:uppercase}.case-card h3{font-family:var(--sans);font-size:23px;font-weight:700;text-transform:uppercase;margin:0;max-width:90%}.center-action{text-align:center;margin-top:40px}.center-action .btn{min-width:260px}
.team{background:#fbf9f4}.section-heading-row{display:flex;justify-content:space-between;gap:30px;align-items:flex-start}.section-heading-row p{max-width:720px;color:var(--muted);font-size:18px}.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:30px}.person{text-align:center}.person>img{width:100%;aspect-ratio:.78;object-fit:contain;background:#fff;border:1px solid rgba(199,168,107,.5)}.person h3{font-size:22px;margin:14px 0 4px}.person p{color:var(--green);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.socials{display:flex;gap:10px;justify-content:center}.socials a{width:32px;height:32px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--green);font-weight:700}
.contact-section{background:var(--green);color:#f5eee2;padding:80px 0}.contact-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px}.contact-section h2{font-size:76px;color:#fff}.contact-section p{font-size:22px;color:#e5dac5}.orbit{width:220px;height:90px;border:1px solid rgba(199,168,107,.5);border-radius:50%;transform:rotate(-20deg);position:relative;margin-top:30px}.orbit:after{content:"";width:8px;height:8px;background:var(--gold);border-radius:50%;position:absolute;left:55%;top:50%}.contact-form{display:grid;gap:24px}.contact-form label:not(.consent){display:grid;gap:5px}.contact-form input,.contact-form textarea{width:100%;border:0;border-bottom:1px solid rgba(255,255,255,.5);background:transparent;color:#fff;font:inherit;outline:none;padding:6px 0}.consent{display:flex;gap:12px;align-items:flex-start}.consent input{appearance:none;width:18px;height:18px;border:1px solid var(--gold);margin-top:3px}.consent input:checked{background:var(--gold);box-shadow:inset 0 0 0 4px var(--green)}.consent a{text-decoration:underline}.contact-form .btn{width:100%}
.site-footer{background:var(--green);color:#e6dbc7;padding:70px 0 30px;border-top:1px solid rgba(199,168,107,.18)}.footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:60px}.footer-brand img{width:130px;margin-bottom:25px}.site-footer h3{font-size:44px;color:#fff}.footer-menu{columns:2;list-style:none;padding:0;margin:0}.footer-menu li{margin-bottom:14px}.site-footer a:hover{color:var(--gold)}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:60px;padding-top:22px;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:rgba(230,219,199,.65)}
.menu-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.32);z-index:50;opacity:0;pointer-events:none;transition:.3s}.offcanvas{position:fixed;z-index:60;top:0;right:0;width:min(100%,560px);height:100dvh;background:var(--green);color:#fff;padding:42px;transform:translateX(100%);transition:transform .35s ease}.menu-open .offcanvas{transform:none}.menu-open .menu-backdrop{opacity:1;pointer-events:auto}.offcanvas-head{display:grid;grid-template-columns:1fr auto auto;gap:26px;align-items:center}.menu-close{border:0;background:transparent;color:#fff;font-size:54px;line-height:1;cursor:pointer}.mobile-nav{margin-top:65px}.mobile-nav-list,.mobile-nav .nav-list{display:block;list-style:none;padding:0;margin:0}.mobile-nav-list li,.mobile-nav .nav-list li{border-bottom:1px solid rgba(199,168,107,.25)}.mobile-nav-list a,.mobile-nav .nav-list a{display:flex;justify-content:space-between;padding:20px 0;font-size:22px}.mobile-nav-list a:after,.mobile-nav .nav-list a:after{content:"›";color:var(--gold)}
@media(max-width:980px){.container{width:min(calc(100% - 40px),var(--container))}.desktop-nav{display:none}.menu-toggle{display:block}.hero{min-height:760px}.service-grid{grid-template-columns:repeat(3,1fr)}.about-grid{grid-template-columns:1fr}.case-card{min-height:300px}.team-grid{grid-template-columns:repeat(2,1fr)}.contact-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}
@media(max-width:640px){body{font-size:15px}.container{width:min(calc(100% - 34px),var(--container))}.section{padding:68px 0}.site-header{position:absolute}.header-inner{height:92px}.brand img,.custom-logo{width:112px}.hero{min-height:970px;align-items:flex-start;padding-top:92px}.hero-media{inset:92px 0 0;background:linear-gradient(180deg,rgba(0,62,41,.42),rgba(0,62,41,.92) 68%,var(--green)),url("../images/hero-mobile.webp") center top/cover no-repeat}.hero-content{padding-top:68px}.hero h1{font-size:48px}.hero p{font-size:20px;margin-top:40px}.hero-buttons{margin-top:48px}.btn{width:100%;min-height:64px}.service-grid{grid-template-columns:repeat(2,1fr);gap:1px}.service-card{min-height:210px;padding:18px 10px}.service-card h3{font-size:13px}.service-more{font-size:13px}.services-cta{font-size:18px}.about-grid{gap:35px}.about-image{display:none}.about-copy p{font-size:19px;line-height:1.55}.case-grid{grid-template-columns:1fr}.case-card{min-height:330px}.section-heading-row{display:block}.section-heading-row .btn{margin-bottom:28px}.team-grid{grid-template-columns:repeat(2,1fr);gap:14px}.person h3{font-size:19px}.contact-grid{grid-template-columns:1fr}.contact-section h2{font-size:64px}.contact-form{gap:30px}.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}.footer-menu{columns:2}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:10px}.offcanvas{width:calc(100% - 34px);padding:28px}.offcanvas-head{grid-template-columns:1fr auto auto}.mobile-nav{margin-top:40px}.mobile-nav-list a,.mobile-nav .nav-list a{font-size:22px}.case-card h3{font-size:21px}.section-heading-row p{font-size:17px}}


/* ФИКСИРОВАННОЕ ПОЛОЖЕНИЕ ЛОГОТИПА */

.site-header .brand {
    position: static !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    margin-left: 0 !important;
    margin-right: auto !important;
}

.site-header .brand .custom-logo-link {
    display: block !important;
    line-height: 0 !important;
}

.site-header .brand .custom-logo {
    display: block !important;
    width: 132px !important;
    max-width: 132px !important;
    height: auto !important;
    max-height: 62px !important;
}
/* =========================================
   HERO БЕЗ ЗЕЛЁНОГО ГРАДИЕНТА
   DESKTOP + MOBILE
========================================= */

/* Компьютер */
.hero-media {
    background-image: url("../images/hero.webp") !important;
    background-position: center top !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

/* Телефон */
@media (max-width: 640px) {
    .hero-media {
        background-image: url("../images/hero-mobile.webp") !important;
        background-position: center top !important;
        background-size: cover !important;
        background-repeat: no-repeat !important;
    }
}
/* ==================================================
   ИСПРАВЛЕНИЕ HERO И ШИРИНЫ САЙТА НА ТЕЛЕФОНЕ
================================================== */

html,
body {
    width: 100%;
    max-width: 100%;
    margin: 0;
    overflow-x: hidden;
}

main,
.site-header,
.hero,
.hero-media {
    width: 100%;
    max-width: none;
}

/* Компьютер: только изображение, без зелёного градиента */
.hero-media {
    background: url("../images/hero.webp") center center / cover no-repeat !important;
}

/* Телефон */
@media screen and (max-width: 640px) {

    html,
    body,
    main {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    .site-header,
    .hero {
        width: 100vw !important;
        max-width: 100vw !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .hero {
        position: relative;
        min-height: 970px;
        padding-top: 92px;
        overflow: hidden;
    }

    .hero-media {
        position: absolute;
        top: 92px;
        right: 0;
        bottom: 0;
        left: 0;

        width: 100% !important;
        max-width: 100% !important;

        background: url("../images/hero-mobile.webp") center top / cover no-repeat !important;
    }

    .hero-content {
        position: relative;
        z-index: 2;
        width: min(calc(100% - 34px), 1180px);
        margin-left: auto;
        margin-right: auto;
    }
}
/* ==================================================
   HERO — ПРОПОРЦИИ КАК В МАКЕТЕ FIGMA
================================================== */

/* Первый экран занимает всю высоту окна */
.hero {
    min-height: 100vh !important;
    min-height: 100svh !important;
    padding-top: 92px !important;
    display: flex !important;
    align-items: center !important;
    overflow: hidden !important;
    background-color: #003E29 !important;
}

/* При открытом WordPress верхняя панель занимает 32 px */
body.admin-bar .hero {
    min-height: calc(100vh - 32px) !important;
    min-height: calc(100svh - 32px) !important;
}

/* Изображение показывается полностью по высоте:
   верх статуи и колено больше не обрезаются */
.hero-media {
    position: absolute !important;
    top: 92px !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;

    background-image: url("../images/hero.webp") !important;
    background-color: #003E29 !important;
    background-size: auto 100% !important;
    background-position: right center !important;
    background-repeat: no-repeat !important;
}

/* Контент шире и ближе к левому краю, как в Figma */
.hero-content {
    position: relative !important;
    z-index: 2 !important;

    width: min(calc(100% - 96px), 1540px) !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;

    padding-top: 55px !important;
    padding-bottom: 55px !important;
}

/* Заголовок должен занимать две строки, а не три */
.hero h1 {
    max-width: 980px !important;
    margin-bottom: 24px !important;

    font-size: clamp(56px, 4.3vw, 76px) !important;
    line-height: 0.98 !important;
}

/* Текст под заголовком */
.hero p {
    max-width: 720px !important;
    margin-bottom: 0 !important;

    font-size: 23px !important;
    line-height: 1.35 !important;
}

/* Кнопки */
.hero-buttons {
    width: 100% !important;
    max-width: 520px !important;
    margin-top: 34px !important;
    gap: 18px !important;
}

/* Лёгкое свечение, как в макете */
.hero-buttons .btn-gold {
    border-radius: 4px !important;
    box-shadow:
        0 8px 22px rgba(199,168,107,.28),
        0 0 12px rgba(199,168,107,.16) !important;
}

.hero-buttons .btn-outline {
    border-radius: 4px !important;
    box-shadow:
        0 7px 20px rgba(0,0,0,.22),
        0 0 10px rgba(199,168,107,.12) !important;
}

/* Планшет */
@media (max-width: 980px) {
    .hero-content {
        width: min(calc(100% - 48px), 900px) !important;
    }

    .hero h1 {
        max-width: 760px !important;
        font-size: 58px !important;
    }

    .hero-media {
        background-size: auto 100% !important;
        background-position: 65% center !important;
    }
}

/* Телефон */
@media (max-width: 640px) {
    .hero {
        min-height: 100svh !important;
        padding-top: 92px !important;
        align-items: flex-start !important;
    }

    body.admin-bar .hero {
        min-height: 100svh !important;
    }

    .hero-media {
        top: 92px !important;

        background-image: url("../images/hero-mobile.webp") !important;
        background-size: cover !important;
        background-position: center top !important;
    }

    .hero-content {
        width: calc(100% - 34px) !important;
        padding-top: 54px !important;
        padding-bottom: 55px !important;
    }

    .hero h1 {
        max-width: 100% !important;
        font-size: 47px !important;
        line-height: 1.02 !important;
    }

    .hero p {
        max-width: 100% !important;
        margin-top: 38px !important;
        font-size: 19px !important;
    }

    .hero-buttons {
        max-width: 100% !important;
        margin-top: 44px !important;
    }
}
/* ==================================================
   HERO НА ВСЮ ШИРИНУ ЭКРАНА
================================================== */

.hero {
    position: relative !important;
    width: 100% !important;
    max-width: none !important;
    min-height: calc(100vh - 92px) !important;
    margin: 0 !important;
    padding-top: 92px !important;
    overflow: hidden !important;
    background: #003E29 !important;
}

/* Изображение начинается от самого левого края */
.hero-media {
    position: absolute !important;
    top: 92px !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;

    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;

    background-image: url("../images/hero.webp") !important;
    background-position: center center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

/* Текст остаётся внутри удобного контейнера */
.hero-content {
    position: relative !important;
    z-index: 2 !important;

    width: min(calc(100% - 96px), 1540px) !important;
    max-width: none !important;
    margin: 0 auto !important;
    padding: 72px 0 58px !important;
}

/* Чтобы заголовок не был слишком узким */
.hero h1 {
    max-width: 1050px !important;
    font-size: clamp(58px, 4.5vw, 82px) !important;
    line-height: 0.98 !important;
}

/* Текст и кнопки */
.hero p {
    max-width: 760px !important;
}

.hero-buttons {
    max-width: 520px !important;
}

/* Лёгкое свечение кнопок */
.hero-buttons .btn-gold {
    box-shadow:
        0 8px 24px rgba(199, 168, 107, 0.28),
        0 0 12px rgba(199, 168, 107, 0.16) !important;
}

.hero-buttons .btn-outline {
    box-shadow:
        0 8px 20px rgba(0, 0, 0, 0.20),
        0 0 10px rgba(199, 168, 107, 0.10) !important;
}

/* Телефон */
@media (max-width: 640px) {
    .hero {
        min-height: 100svh !important;
        padding-top: 92px !important;
    }

    .hero-media {
        top: 92px !important;
        background-image: url("../images/hero-mobile.webp") !important;
        background-position: center top !important;
        background-size: cover !important;
    }

    .hero-content {
        width: calc(100% - 34px) !important;
        padding: 52px 0 54px !important;
    }

    .hero h1 {
        font-size: 47px !important;
        max-width: 100% !important;
    }

    .hero p {
        max-width: 100% !important;
    }

    .hero-buttons {
        max-width: 100% !important;
    }
}
/* HERO КАК В FIGMA */

.hero {
    position: relative !important;
    width: 100% !important;
    min-height: calc(100vh - 92px) !important;
    padding-top: 92px !important;
    overflow: hidden !important;
    background: #003E29 !important;
}

.hero-media {
    position: absolute !important;
    top: 92px !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;

    background-image: url("../images/hero.webp") !important;
    background-repeat: no-repeat !important;
    background-size: auto 100% !important;
    background-position: right center !important;
    background-color: #003E29 !important;
}

.hero-content {
    position: relative !important;
    z-index: 2 !important;
}
/* Одинаковая высота Hero для обычного посетителя и администратора */

.hero {
    min-height: calc(100svh - 92px) !important;
}

body.admin-bar .site-header {
    top: 32px;
}

body.admin-bar .hero {
    min-height: calc(100svh - 124px) !important;
}

@media (max-width: 782px) {
    body.admin-bar .site-header {
        top: 46px;
    }

    body.admin-bar .hero {
        min-height: calc(100svh - 138px) !important;
    }
}
/* =========================================================
   HERO — ФИНАЛЬНОЕ СООТВЕТСТВИЕ МАКЕТУ FIGMA
   Этот блок должен находиться в самом конце main.css
========================================================= */

/* Общая шапка */
.site-header {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: 92px !important;
    z-index: 20 !important;
    background: #003E29 !important;
}

.site-header .header-inner {
    width: min(calc(100% - 80px), 1500px) !important;
    height: 92px !important;
    margin: 0 auto !important;
}

/* Первый экран */
.hero {
    position: relative !important;
    width: 100% !important;
    max-width: none !important;

    /*
     * Пропорция близка к desktop-фрейму Figma:
     * изображение около 49% от ширины экрана.
     */
    height: clamp(650px, 49vw, 930px) !important;
    min-height: 650px !important;

    margin: 0 !important;
    padding: 92px 0 0 !important;

    display: flex !important;
    align-items: center !important;

    overflow: hidden !important;
    background: #003E29 !important;
}

/* Изображение занимает весь Hero */
.hero-media {
    position: absolute !important;
    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;

    background-image: url("../images/hero.webp") !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;

    /*
     * Кадрирование как в макете:
     * немного смещаем изображение вправо.
     */
    background-position: 55% center !important;

    margin: 0 !important;
    transform: none !important;
}

/* Текстовая часть */
.hero-content {
    position: relative !important;
    z-index: 2 !important;

    width: min(calc(100% - 80px), 1500px) !important;
    max-width: none !important;

    margin: 0 auto !important;
    padding: 42px 0 20px !important;
}

/* Заголовок */
.hero h1 {
    width: 900px !important;
    max-width: 62% !important;

    margin: 0 0 24px !important;

    font-size: clamp(56px, 4.15vw, 76px) !important;
    line-height: 0.97 !important;
    letter-spacing: -0.02em !important;

    color: #FFFFFF !important;
}

/* Подзаголовок */
.hero p {
    width: 670px !important;
    max-width: 48% !important;

    margin: 0 !important;

    font-size: clamp(19px, 1.3vw, 24px) !important;
    line-height: 1.3 !important;

    color: #F6F1E8 !important;
}

.hero p strong {
    color: #C7A86B !important;
    font-weight: 400 !important;
}

/* Кнопки */
.hero-buttons {
    display: grid !important;

    width: 500px !important;
    max-width: 43% !important;

    margin-top: 34px !important;
    gap: 18px !important;
}

.hero-buttons .btn {
    width: 100% !important;
    min-height: 64px !important;
    padding: 16px 30px !important;

    font-size: 15px !important;
    line-height: 1.2 !important;
}

.about-copy .btn.compact {
    border-radius: 4px !important;
}

/* Мягкое свечение золотой кнопки */
.hero-buttons .btn-gold {
    background: #C7A86B !important;
    color: #003E29 !important;

    box-shadow:
        0 8px 24px rgba(199, 168, 107, 0.28),
        0 0 14px rgba(199, 168, 107, 0.18) !important;
}

/* Свечение контурной кнопки */
.hero-buttons .btn-outline {
    color: #FFFFFF !important;
    border: 1px solid #C7A86B !important;
    background: rgba(0, 62, 41, 0.22) !important;

    box-shadow:
        0 8px 22px rgba(0, 0, 0, 0.18),
        0 0 12px rgba(199, 168, 107, 0.11) !important;
}

/* Убираем зазор после первого экрана */
.hero + .services {
    margin-top: 0 !important;
}

/* =========================================================
   СРЕДНИЕ ЭКРАНЫ
========================================================= */

@media screen and (max-width: 1300px) and (min-width: 981px) {
    .site-header .header-inner,
    .hero-content {
        width: calc(100% - 64px) !important;
    }

    .hero {
        height: clamp(650px, 55vw, 820px) !important;
    }

    .hero-media {
        background-position: 58% center !important;
    }

    .hero h1 {
        width: 820px !important;
        max-width: 67% !important;
        font-size: clamp(52px, 4.5vw, 66px) !important;
    }

    .hero p {
        max-width: 52% !important;
    }

    .hero-buttons {
        max-width: 45% !important;
    }
}

/* =========================================================
   ПЛАНШЕТ
========================================================= */

@media screen and (max-width: 980px) {
    .hero {
        height: 760px !important;
        min-height: 760px !important;
    }

    .hero-media {
        background-image: url("../images/hero.webp") !important;
        background-size: cover !important;
        background-position: 62% center !important;
    }

    .hero-content {
        width: calc(100% - 48px) !important;
        padding-top: 54px !important;
    }

    .hero h1 {
        width: 690px !important;
        max-width: 78% !important;
        font-size: 56px !important;
    }

    .hero p {
        width: 580px !important;
        max-width: 68% !important;
        font-size: 20px !important;
    }

    .hero-buttons {
        width: 470px !important;
        max-width: 58% !important;
    }
}

/* =========================================================
   ТЕЛЕФОН
========================================================= */

@media screen and (max-width: 640px) {
    .site-header {
        height: 92px !important;
    }

    .site-header .header-inner {
        width: calc(100% - 34px) !important;
    }

    .hero {
        width: 100% !important;
        height: auto !important;
        min-height: 930px !important;

        padding-top: 92px !important;
        align-items: flex-start !important;
    }

    .hero-media {
        inset: 92px 0 0 !important;

        background-image: url("../images/hero-mobile.webp") !important;
        background-size: cover !important;
        background-position: center top !important;
    }

    .hero-content {
        width: calc(100% - 34px) !important;

        margin: 0 auto !important;
        padding: 56px 0 60px !important;
    }

    .hero h1 {
        width: 100% !important;
        max-width: 100% !important;

        margin-bottom: 38px !important;

        font-size: clamp(43px, 12vw, 50px) !important;
        line-height: 1.01 !important;
        letter-spacing: -0.02em !important;
    }

    .hero p {
        width: 100% !important;
        max-width: 100% !important;

        font-size: 18px !important;
        line-height: 1.35 !important;
    }

    .hero-buttons {
        width: 100% !important;
        max-width: 100% !important;

        margin-top: 46px !important;
    }

    .hero-buttons .btn {
        width: 100% !important;
        min-height: 64px !important;
    }
}
/* ==================================================
   ШАПКА КАК В FIGMA:
   ЛОГО СЛЕВА / МЕНЮ ПО ЦЕНТРУ / ЯЗЫКИ СПРАВА
================================================== */

@media screen and (min-width: 981px) {

    .site-header .header-inner {
        display: grid !important;
        grid-template-columns: 1fr auto 1fr !important;
        align-items: center !important;

        width: min(calc(100% - 96px), 1500px) !important;
        height: 92px !important;

        margin-left: auto !important;
        margin-right: auto !important;
        padding: 0 !important;
        gap: 0 !important;
    }

    /* Логотип — по левому краю контейнера */
    .site-header .brand {
        grid-column: 1 !important;
        justify-self: start !important;

        position: static !important;
        left: auto !important;
        right: auto !important;
        transform: none !important;

        margin: 0 !important;
    }

    /* Меню — строго по центру всей шапки */
    .site-header .desktop-nav {
        grid-column: 2 !important;
        justify-self: center !important;

        margin: 0 !important;
    }

    .site-header .nav-list {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;

        gap: 14px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* UA / EN — по правому краю контейнера */
    .site-header .header-actions {
        grid-column: 3 !important;
        justify-self: end !important;

        display: flex !important;
        align-items: center !important;

        margin-right: 20px !important;
        gap: 22px !important;
    }

    .site-header .lang-switch {
        margin: 0 !important;
    }
}
/* =========================================
   БЛОК «ПРО НАС» — КАДРИРОВАНИЕ КАК В FIGMA
========================================= */

.about-image {
    position: relative !important;
    overflow: hidden !important;
    background: #003E29 !important;
}

.about-image picture {
    display: block !important;
    width: 100% !important;
}

.about-image picture img {
    display: block !important;
    width: 100% !important;

    /*
     * Высота изображения до зелёной плашки.
     * Можно менять это число.
     */
    height: 520px !important;

    object-fit: cover !important;

    /*
     * Кадрирование начинается от верхнего края.
     */
    object-position: center top !important;
}

/* Зелёная нижняя плашка */
.about-image figcaption {
    position: relative !important;
    z-index: 2 !important;

    margin-top: 0 !important;

    min-height: 92px !important;

    padding: 28px 26px !important;

    display: flex !important;
    align-items: center !important;
}
/* ==================================================
   CASES — плашка категории
================================================== */

.case-card {
    position: relative;
}

.case-card > span {
    display: inline-flex;
    align-items: center;

    position: absolute;
    top: 18px;
    left: 18px;

    min-width: 172px;
    height: 35px;
    padding: 0 12px;

    box-sizing: border-box;

    background: rgba(199, 168, 107, 0.82);
    border: 1px solid rgba(230, 205, 150, 0.32);
    border-radius: 9px;

    color: #003E29;

    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    text-transform: none;

    box-shadow:
        0 0 16px rgba(199, 168, 107, 0.35),
        0 3px 12px rgba(0, 0, 0, 0.20);

    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);

    z-index: 2;
}

/* ==================================================
   CASES — нижний заголовок карточки
================================================== */

.case-card h3 {
    position: absolute;
    left: 24px;
    right: 24px;
    bottom: 30px;
    top: auto;

    margin: 0;

    color: #ffffff;

    font-size: 17px;
    font-weight: 500;
    line-height: 1.25;

    text-transform: uppercase;

    z-index: 2;
}
/* Текст внутри золотой плашки по центру + мягкое свечение */

.case-card > span {
    justify-content: center;
    text-align: center;

    box-shadow:
        0 0 10px rgba(199, 168, 107, 0.35),
        0 0 20px rgba(199, 168, 107, 0.18),
        0 3px 10px rgba(0, 0, 0, 0.18);
}
/* Instagram icon */
.social-instagram svg {
    width: 14px;
    height: 14px;
    fill: none;
    stroke: var(--green);
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.social-instagram svg circle:last-child {
    fill: var(--green);
    stroke: none;
}
/* =====================================================
   CONTACT SECTION — максимально близко к макету
===================================================== */

.contact-section {
    background: var(--green);
    color: #f5eee2;

    /* секция сейчас слишком высокая */
    padding: 58px 0 34px;
}

.contact-grid {
    display: grid;
    grid-template-columns: 0.9fr 1.1fr;
    gap: 90px;
    align-items: start;
}


/* ---------- ЛЕВАЯ ЧАСТЬ ---------- */

.contact-section .eyebrow {
    display: block;

    margin-bottom: 24px;

    color: var(--gold);

    font-size: 13px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.contact-section h2 {
    margin: 0 0 18px;

    color: #fff;

    font-size: 60px;
    line-height: 0.98;
    font-weight: 600;
}

.contact-section p {
    margin: 0;

    max-width: 300px;

    color: #e5dac5;

    font-size: 18px;
    line-height: 1.55;
    font-weight: 400;
}
/* =========================================
   ФИРМЕННЫЙ ЭЛЕМЕНТ — финальная геометрия
========================================= */

.orbit {
    position: relative;

    width: 285px;
    height: 118px;

    margin-top: 8px;
    margin-left: -58px;

    border: 1px solid rgba(199, 168, 107, 0.48);
    border-radius: 50%;

    transform: rotate(-14deg);
}

/* Верхний правый эллипс */
.orbit::before {
    content: "";

    position: absolute;

    width: 170px;
    height: 88px;

    left: 142px;
    top: -48px;

    border: 1px solid rgba(199, 168, 107, 0.48);
    border-radius: 50%;

    transform: rotate(-26deg);
}

/* Золотая точка */
.orbit::after {
    content: "";

    position: absolute;

    width: 8px;
    height: 8px;

    left: 59%;
    top: 38%;

    background: var(--gold);
    border-radius: 50%;

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

/* ---------- ПРАВАЯ ЧАСТЬ / ФОРМА ---------- */

.contact-form {
    display: grid;
    gap: 18px;
}

.contact-form label:not(.consent) {
    display: grid;
    gap: 6px;

    color: #ffffff;

    font-size: 16px;
    line-height: 1.2;
    font-weight: 400;
}

.contact-form input,
.contact-form textarea {
    width: 100%;

    border: 0;
    border-bottom: 1px solid rgba(255,255,255,0.38);

    background: transparent;
    color: #fff;

    font: inherit;

    outline: none;

    padding: 4px 0 12px;
}


/* поле Запит */
.contact-form textarea {
    min-height: 72px;
    resize: vertical;
}


/* ---------- СОГЛАСИЕ ---------- */

.consent {
    display: flex;
    align-items: center;

    gap: 12px;

    margin-top: -3px;

    color: #e8dfd0;

    font-size: 14px;
    line-height: 1.3;
}

.consent input {
    appearance: none;

    flex: 0 0 16px;

    width: 16px;
    height: 16px;

    margin: 0;

    border: 1px solid var(--gold);

    background: transparent;
}

.consent input:checked {
    background: var(--gold);

    box-shadow:
        inset 0 0 0 4px var(--green);
}

.consent a {
    color: #e8dfd0;
    text-decoration: underline;
}


/* ---------- КНОПКА ---------- */

.contact-form .btn {
    width: 100%;
    min-height: 46px;

    margin-top: 2px;

    padding: 12px 20px;

    font-size: 14px;
    font-weight: 700;
}
/* =========================================
   CONTACT — заголовок как в макете
========================================= */

.contact-grid {
    grid-template-columns: 0.95fr 1.05fr;
    gap: 70px;
}

.contact-section h2 {
    font-family: var(--serif);
    font-size: 56px;
    font-weight: 400;
    line-height: 1.05;
    letter-spacing: 0;
    white-space: nowrap;
    color: #fff;
}
/* =========================================
   Фирменный орбитальный знак
========================================= */

.orbit-logo {
    width: 360px;
    margin-top: 8px;
    margin-left: -60px;
}

.orbit-logo svg {
    display: block;
    width: 100%;
    height: auto;
    overflow: visible;
}

.orbit-logo ellipse {
    fill: none;
    stroke: rgba(199, 168, 107, 0.48);
    stroke-width: 1;
}

.orbit-logo .orbit-dot {
    fill: var(--gold);
}
/* =====================================================
   FOOTER — версия максимально близкая к макету
===================================================== */

.site-footer {
    background: var(--green);
    color: #e6dbc7;

    padding: 50px 0 28px;

    border-top: 1px solid rgba(199,168,107,.16);
}



/* Главная сетка футера */
.site-footer .footer-grid {
    display: grid;

    grid-template-columns:
        minmax(300px, 1.25fr)
        minmax(380px, 1.35fr)
        minmax(210px, .75fr);

    column-gap: 70px;

    align-items: start;
}


/* =====================================================
   ЛЕВАЯ КОЛОНКА
===================================================== */

.site-footer .footer-brand {
    text-align: left;
}

.site-footer .footer-brand img {
    width: 82px;
    height: auto;

    margin: 0 0 20px 0;
}

.site-footer .footer-brand p {
    margin: 0;

    max-width: 300px;

    color: #e5dac5;

    font-size: 16px;
    line-height: 1.55;
    font-weight: 400;
}


/* =====================================================
   УБИРАЕМ БОЛЬШИЕ "МЕНЮ" И "КОНТАКТИ"
===================================================== */

.site-footer h3 {
    display: none;
}


/* =====================================================
   МЕНЮ
===================================================== */

.site-footer .footer-menu {
    display: grid;

    grid-template-columns: 1fr 1fr;

    column-gap: 65px;
    row-gap: 24px;

    columns: auto;

    list-style: none;

    margin: 0;
    padding: 4px 0 0;
}

.site-footer .footer-menu li {
    margin: 0;
    padding: 0;
}


/* Убираем вид кнопок */
.site-footer .footer-menu a {
    display: inline;

    width: auto;
    min-width: 0;
    min-height: 0;

    padding: 0;

    border: 0;
    border-radius: 0;

    background: transparent;
    box-shadow: none;

    color: #ffffff;

    font-size: 15px;
    line-height: 1.25;
    font-weight: 600;

    text-transform: uppercase;
    letter-spacing: 0;

    transition: color .2s ease;
}

.site-footer .footer-menu a:hover {
    color: var(--gold);
}


/* =====================================================
   КОНТАКТЫ — ПРАВАЯ КОЛОНКА
===================================================== */

.site-footer .footer-contact {
    padding-top: 4px;

    color: #ffffff;

    font-size: 16px;
    line-height: 1.55;
}

.site-footer .footer-contact p {
    margin: 0 0 18px;

    color: #ffffff;

    font-size: 16px;
    line-height: 1.55;
}

.site-footer .footer-contact a {
    color: #ffffff;
    text-decoration: none;
}

.site-footer .footer-contact a:hover {
    color: var(--gold);
}


/* Если "КОНТАКТИ" сделано отдельным небольшим элементом */
.site-footer .footer-contact strong:first-child,
.site-footer .footer-contact .footer-contact-title {
    display: block;

    margin-bottom: 25px;

    color: var(--gold);

    font-size: 15px;
    font-weight: 600;

    text-transform: uppercase;
}


/* =====================================================
   НИЖНЯЯ ЛИНИЯ И КОПИРАЙТ
===================================================== */

.site-footer .footer-bottom {
    display: flex;

    justify-content: space-between;
    align-items: flex-start;

    gap: 30px;

    margin-top: 105px;
    padding-top: 34px;

    border-top: 1px solid rgba(255,255,255,.14);

    color: rgba(230,219,199,.58);

    font-size: 12px;
    line-height: 1.45;
}

.site-footer .footer-bottom > * {
    margin: 0;
}

.site-footer .footer-bottom > *:last-child {
    max-width: 220px;
    text-align: right;
}
/* =====================================================
   FOOTER — под макет
===================================================== */

.site-footer {
    background: var(--green);
    color: #e6dbc7;
    padding: 44px 0 26px;
    border-top: 1px solid rgba(199,168,107,.15);
}

.footer-grid {
    display: grid;
    grid-template-columns: 1.15fr 1.4fr .8fr;
    gap: 80px;
    align-items: start;
}


/* ЛЕВАЯ КОЛОНКА */

.footer-brand img {
    width: 84px;
    height: auto;
    margin-bottom: 20px;
}

.footer-brand p {
    margin: 0;

    color: #e5dac5;

    font-size: 16px;
    line-height: 1.6;
}


/* ЦЕНТРАЛЬНОЕ МЕНЮ */

.footer-nav {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 55px;
}

.footer-nav-col {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.footer-nav a {
    color: #fff;

    font-size: 15px;
    font-weight: 600;
    line-height: 1.25;

    text-transform: uppercase;
    text-decoration: none;
}

.footer-nav a:hover {
    color: var(--gold);
}


/* ПРАВАЯ КОЛОНКА */

.footer-contacts {
    display: flex;
    flex-direction: column;

    gap: 18px;

    padding-top: 2px;
}

.footer-contacts-title {
    margin-bottom: 6px;

    color: var(--gold);

    font-size: 15px;
    font-weight: 600;

    text-transform: uppercase;
}

.footer-contacts a {
    color: #fff;

    font-size: 16px;
    line-height: 1.4;

    text-decoration: none;
}

.footer-contacts a:hover {
    color: var(--gold);
}


/* НИЖНЯЯ ЧАСТЬ */

.footer-bottom {
    display: flex;

    justify-content: space-between;
    align-items: flex-start;

    margin-top: 120px;
    padding-top: 32px;

    border-top: 1px solid rgba(255,255,255,.14);

    color: rgba(230,219,199,.6);

    font-size: 12px;
    line-height: 1.45;
}

.footer-bottom span:last-child {
    text-align: right;
}
/* ===== FOOTER BRAND — выравнивание как в макете ===== */

.footer-brand {
    position: relative;
    transform: translateY(-28px);
}

.footer-brand img {
    width: 105px;
    height: auto;
    display: block;
    margin: 0 0 10px 0;
    transform: none !important;
}

.footer-brand p {
    margin: 0;
    font-size: 16px;
    line-height: 1.55;
    font-weight: 400;
}
/* =====================================================
   FOOTER — финальное выравнивание под макет
===================================================== */

.site-footer {
    background: var(--green);
    color: #e6dbc7;

    /* верхняя зона под логотип */
    padding: 86px 0 26px;

    border-top: 1px solid rgba(199,168,107,.15);
}


/* Основной ряд:
   текст слева + две колонки меню + контакты */
.site-footer .footer-grid {
    position: relative;

    display: grid;
    grid-template-columns: 1.25fr 1.25fr .75fr;

    gap: 70px;
    align-items: start;
}


/* =====================================================
   ЛЕВЫЙ БЛОК
===================================================== */

.site-footer .footer-brand {
    position: relative;

    /* ОБЯЗАТЕЛЬНО убираем прежние сдвиги */
    transform: none !important;
}


/* Логотип теперь живёт отдельно над текстом */
.site-footer .footer-brand img {
    position: absolute;

    left: 0;
    top: -64px;

    width: 82px;
    height: auto;

    margin: 0;

    transform: none !important;
}


/* Этот текст должен идти в одну линию
   с ПРО БЮРО / ПУБЛІКАЦІЇ / КОНТАКТИ */
.site-footer .footer-brand p {
    margin: 0;

    max-width: 310px;

    color: #e5dac5;

    font-size: 16px;
    line-height: 1.55;
    font-weight: 400;
}


/* =====================================================
   ЦЕНТРАЛЬНОЕ МЕНЮ
===================================================== */

.site-footer .footer-nav {
    display: grid;
    grid-template-columns: 1fr 1.35fr;

    column-gap: 55px;

    padding: 0;
    margin: 0;
}

.site-footer .footer-nav-col {
    display: flex;
    flex-direction: column;

    gap: 24px;
}

.site-footer .footer-nav a {
    color: #ffffff;

    font-size: 14px;
    font-weight: 500;
    line-height: 1.25;

    text-transform: uppercase;
    text-decoration: none;
}


/* =====================================================
   КОНТАКТЫ
===================================================== */

.site-footer .footer-contacts {
    display: flex;
    flex-direction: column;

    gap: 22px;

    padding: 0;
    margin: 0;
}

.site-footer .footer-contacts-title {
    margin: 0;

    color: var(--gold);

    font-size: 14px;
    font-weight: 500;

    text-transform: uppercase;
}

.site-footer .footer-contacts a {
    color: #ffffff;

    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;

    text-decoration: none;
}


/* =====================================================
   НИЖНЯЯ ЧАСТЬ
===================================================== */

.site-footer .footer-bottom {
    display: flex;

    justify-content: space-between;
    align-items: flex-start;

    margin-top: 118px;
    padding-top: 34px;

    border-top: 1px solid rgba(255,255,255,.13);

    color: rgba(230,219,199,.55);

    font-size: 12px;
    line-height: 1.45;
}

.site-footer .footer-bottom span:last-child {
    max-width: 190px;
    text-align: right;
}
/* Точная корректировка логотипа в футере */
.site-footer .footer-brand img {
    width: 95px;          /* было 82px — немного увеличиваем */
    left: -20px;          /* смещаем влево */
    top: -76px;           /* чуть компенсируем увеличение */
}
/* =========================================================
   MOBILE — CONTACT + FOOTER
   Макет для телефона
========================================================= */

@media (max-width: 640px) {

    /* Защита от горизонтального переполнения */
    html,
    body {
        max-width: 100%;
        overflow-x: hidden;
    }

    * {
        box-sizing: border-box;
    }


    /* =====================================================
       CONTACT SECTION
    ===================================================== */

    .contact-section {
        position: relative;
        padding: 42px 0 50px;
        overflow: hidden;
    }

    .contact-section .container {
        width: calc(100% - 32px);
        max-width: none;
        margin: 0 auto;
    }

    .contact-grid {
        display: grid;
        grid-template-columns: 1fr !important;
        gap: 28px;
        width: 100%;
    }


    /* Левая часть */

    .contact-section .eyebrow {
        margin-bottom: 18px;

        font-size: 12px;
        letter-spacing: .14em;
    }

    .contact-section h2 {
        width: 230px;
        max-width: 230px;

        margin: 0 0 18px;

        font-family: var(--serif);
        font-size: 48px !important;
        font-weight: 400;
        line-height: 1.05;

        /* на телефоне снова разрешаем перенос */
        white-space: normal !important;
    }

    .contact-section p {
        max-width: 230px;

        margin: 0;

        font-size: 16px;
        line-height: 1.5;
    }


    /* =====================================================
       ДЕКОРАТИВНЫЕ КОЛЬЦА
       Если у тебя уже SVG .orbit-logo
    ===================================================== */

    .contact-section .orbit-logo {
        position: absolute;

        width: 125px;

        top: 18px;
        right: -28px;

        margin: 0;

        pointer-events: none;
    }

    .contact-section .orbit-logo svg {
        width: 100%;
        height: auto;
        display: block;
    }


    /* Если пока используется старый .orbit */
    .contact-section .orbit {
        position: absolute;

        width: 115px;
        height: 62px;

        top: 25px;
        right: -25px;
        left: auto;

        margin: 0;

        transform: rotate(-18deg);
    }


    /* =====================================================
       ФОРМА
    ===================================================== */

    .contact-form {
        width: 100%;

        display: grid;
        gap: 28px;

        margin-top: 4px;
    }

    .contact-form label:not(.consent) {
        width: 100%;

        font-size: 16px;
        gap: 7px;
    }

    .contact-form input,
    .contact-form textarea {
        width: 100%;
        min-width: 0;

        padding: 5px 0 12px;

        font-size: 16px;
    }

    .contact-form textarea {
        min-height: 76px;
    }

    .consent {
        width: 100%;

        gap: 10px;
        align-items: flex-start;

        font-size: 13px;
        line-height: 1.45;
    }

    .consent input {
        flex: 0 0 15px;

        width: 15px;
        height: 15px;
    }

    .contact-form .btn {
        width: 100%;
        min-height: 45px;

        padding: 12px 18px;

        font-size: 14px;
    }


    /* =====================================================
       FOOTER
    ===================================================== */

    .site-footer {
        padding: 72px 0 24px;
        overflow: hidden;
    }

    .site-footer .container {
        width: calc(100% - 32px);
        max-width: none;
        margin: 0 auto;
    }


    /* На телефоне всё идёт одной колонкой */

    .site-footer .footer-grid {
        display: flex;
        flex-direction: column;

        width: 100%;

        gap: 0;

        margin: 0;
    }


    /* =====================================================
       ЛОГО + ОПИСАНИЕ
    ===================================================== */

    .site-footer .footer-brand {
        width: 100%;

        position: relative;

        transform: none !important;
    }

    .site-footer .footer-brand img {
        position: static !important;

        display: block;

        width: 82px;
        height: auto;

        margin: 0 auto 38px;

        transform: none !important;
    }

    .site-footer .footer-brand p {
        width: 100%;
        max-width: 265px;

        margin: 0 0 38px;

        color: #e5dac5;

        font-size: 16px;
        line-height: 1.5;
    }


    /* =====================================================
       МЕНЮ
    ===================================================== */

    .site-footer .footer-nav {
        display: grid;

        grid-template-columns: 1fr 1fr;

        width: 100%;

        column-gap: 30px;
        row-gap: 0;

        padding: 0;
        margin: 0 0 42px;
    }

    /* Заголовок "Меню" создаём только на мобильном */
    .site-footer .footer-nav::before {
        content: "Меню";

        grid-column: 1 / -1;

        display: block;

        margin-bottom: 22px;

        color: #ffffff;

        font-family: var(--serif);
        font-size: 30px;
        font-weight: 400;
        line-height: 1;
        text-transform: none;
    }

    .site-footer .footer-nav-col {
        display: flex;
        flex-direction: column;

        gap: 18px;
    }

    .site-footer .footer-nav a {
        font-size: 13px;
        font-weight: 500;
        line-height: 1.25;

        white-space: normal;
    }


    /* =====================================================
       КОНТАКТЫ
    ===================================================== */

    .site-footer .footer-contacts {
        width: 100%;

        display: flex;
        flex-direction: column;

        gap: 12px;

        margin: 0;
        padding: 0;
    }

    .site-footer .footer-contacts-title {
        margin: 0 0 12px;

        color: #ffffff;

        font-family: var(--serif);
        font-size: 30px;
        font-weight: 400;
        line-height: 1;

        text-transform: none;
    }

    .site-footer .footer-contacts a {
        font-size: 16px;
        line-height: 1.5;
    }


    /* =====================================================
       НИЖНЯЯ ЧАСТЬ
    ===================================================== */

    .site-footer .footer-bottom {
        display: block;

        width: 100%;

        margin-top: 38px;
        padding-top: 26px;

        font-size: 11px;
        line-height: 1.45;
    }

    .site-footer .footer-bottom span {
        display: block;
    }

    .site-footer .footer-bottom span:last-child {
        max-width: none;

        margin-top: 4px;

        text-align: left;
    }
}
/* =========================================================
   MOBILE CONTACT — финальная подгонка под макет
========================================================= */

@media (max-width: 640px) {

    /* ---------- ОБЩИЙ БЛОК ---------- */

    .contact-section {
        position: relative;
        overflow: hidden;
        padding: 38px 0 44px;
    }

    .contact-section .container {
        width: calc(100% - 28px);
        max-width: none;
        margin: 0 auto;
    }

    .contact-grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 22px !important;
        width: 100%;
    }


    /* ---------- ЗАГОЛОВОК ---------- */

    .contact-section .eyebrow {
        margin-bottom: 14px;
        font-size: 11px;
        letter-spacing: .15em;
    }

    .contact-section h2 {
        width: 230px;
        max-width: 230px;

        margin: 0 0 14px;

        font-size: 46px !important;
        line-height: 1.05;
        font-weight: 400;

        white-space: normal !important;
    }

    .contact-section p {
        max-width: 220px;
        margin: 0;

        font-size: 15px;
        line-height: 1.5;
    }


    /* =====================================================
       ФИРМЕННЫЙ ЭЛЕМЕНТ СПРАВА СВЕРХУ
    ===================================================== */

    .contact-section .orbit-logo {
        position: absolute !important;

        width: 118px !important;

        top: 24px !important;
        right: -28px !important;

        left: auto !important;

        margin: 0 !important;

        z-index: 1;
        pointer-events: none;
    }

    .contact-section .orbit-logo svg {
        display: block;
        width: 100%;
        height: auto;
        overflow: visible;
    }

    /* на случай, если где-то ещё жив старый .orbit */
    .contact-section .orbit {
        display: none !important;
    }


    /* ---------- ФОРМА ---------- */

    .contact-form {
        width: 100%;
        margin-top: 2px;

        display: grid;
        gap: 24px;
    }

    .contact-form label:not(.consent) {
        width: 100%;
        gap: 6px;

        font-size: 15px;
        line-height: 1.2;
    }

    .contact-form input,
    .contact-form textarea {
        width: 100%;
        min-width: 0;

        padding: 4px 0 10px;

        font-size: 15px;
    }

    .contact-form textarea {
        min-height: 72px;
    }


    /* ---------- СОГЛАСИЕ ---------- */

    .consent {
        width: 100%;

        gap: 9px;
        align-items: flex-start;

        font-size: 12px;
        line-height: 1.4;
    }

    .consent input {
        flex: 0 0 14px;

        width: 14px;
        height: 14px;

        margin-top: 1px;
    }


    /* ---------- КНОПКА ---------- */

    .contact-form .btn {
        width: 100%;
        min-height: 48px;

        padding: 13px 18px;

        font-size: 15px;
        font-weight: 700;

        margin-top: 0;
    }


    /* =====================================================
       МОБИЛЬНЫЙ FOOTER
    ===================================================== */

    .site-footer {
        padding: 68px 0 26px;
    }

    .site-footer .container {
        width: calc(100% - 32px);
        max-width: none;
        margin: 0 auto;
    }

    .site-footer .footer-grid {
        display: flex !important;
        flex-direction: column !important;

        width: 100%;
        gap: 0 !important;
    }


    /* ЛОГО */

    .site-footer .footer-brand {
        width: 100%;
        transform: none !important;
    }

    .site-footer .footer-brand img {
        position: static !important;

        display: block;

        width: 90px !important;
        height: auto;

        margin: 0 auto 34px !important;

        transform: none !important;
    }

    .site-footer .footer-brand p {
        width: 100%;
        max-width: 270px;

        margin: 0 0 36px;

        font-size: 16px;
        line-height: 1.45;
    }


    /* МЕНЮ */

    .site-footer .footer-nav {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;

        width: 100%;

        column-gap: 34px;
        row-gap: 0;

        margin: 0 0 40px;
    }

    .site-footer .footer-nav::before {
        content: "Меню";

        grid-column: 1 / -1;

        margin-bottom: 22px;

        color: #fff;

        font-family: var(--serif);
        font-size: 30px;
        font-weight: 400;
        line-height: 1;
        text-transform: none;
    }

    .site-footer .footer-nav-col {
        display: flex;
        flex-direction: column;

        gap: 18px;
    }

    .site-footer .footer-nav a {
        font-size: 13px !important;
        font-weight: 500 !important;
        line-height: 1.25;
    }


    /* КОНТАКТЫ */

    .site-footer .footer-contacts {
        width: 100%;

        display: flex;
        flex-direction: column;

        gap: 10px;

        margin: 0;
        padding: 0;
    }

    .site-footer .footer-contacts-title {
        margin-bottom: 12px;

        color: #fff;

        font-family: var(--serif);
        font-size: 30px;
        font-weight: 400;

        text-transform: none;
    }

    .site-footer .footer-contacts a {
        font-size: 16px;
        line-height: 1.45;
    }


    /* НИЗ */

    .site-footer .footer-bottom {
        display: block;

        margin-top: 34px;
        padding-top: 24px;

        font-size: 11px;
        line-height: 1.4;
    }

    .site-footer .footer-bottom span:last-child {
        margin-top: 4px;
        text-align: left;
    }
}
/* Квадратный checkbox — ТОЛЬКО МОБИЛЬНАЯ ВЕРСИЯ */
@media (max-width: 640px) {

    .consent input[type="checkbox"] {
        appearance: none !important;
        -webkit-appearance: none !important;

        width: 16px !important;
        height: 16px !important;
        min-width: 16px !important;
        min-height: 16px !important;
        max-width: 16px !important;
        max-height: 16px !important;

        flex: 0 0 16px !important;

        padding: 0 !important;
        margin: 2px 0 0 0 !important;

        border: 1px solid var(--gold) !important;
        border-radius: 0 !important;

        background: transparent !important;
        box-sizing: border-box !important;
    }
}
/* =====================================================
   FOOTER MOBILE — ПО МАКЕТУ
===================================================== */

@media (max-width: 640px) {

    .site-footer {
        padding: 58px 0 28px !important;
        overflow: hidden;
    }

    .site-footer .container {
        width: calc(100% - 48px) !important;
        max-width: none !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }


    /* =====================================
       ОСНОВНАЯ КОЛОНКА
    ===================================== */

    .site-footer .footer-grid {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        gap: 0 !important;
    }


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

    .site-footer .footer-brand {
        width: 100% !important;
        transform: none !important;
    }

    .site-footer .footer-brand img {
        position: static !important;

        display: block !important;

        width: 72px !important;
        height: auto !important;

        margin: 0 auto 46px !important;

        transform: none !important;
    }


    /* =====================================
       ОПИСАНИЕ ПОД ЛОГО
    ===================================== */

    .site-footer .footer-brand p {
        width: 100% !important;
        max-width: 275px !important;

        margin: 0 0 44px !important;

        color: #e5dac5 !important;

        font-size: 17px !important;
        line-height: 1.55 !important;
        font-weight: 400 !important;
    }


    /* =====================================
       МЕНЮ
    ===================================== */

    .site-footer .footer-nav {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;

        width: 100% !important;

        column-gap: 38px !important;

        margin: 0 0 54px !important;
        padding: 0 !important;
    }


    /* Заголовок Меню */

    .site-footer .footer-nav::before {
        content: "Меню";

        grid-column: 1 / -1;

        display: block !important;

        margin: 0 0 28px !important;

        color: #ffffff !important;

        font-family: var(--serif) !important;
        font-size: 34px !important;
        line-height: 1 !important;
        font-weight: 400 !important;

        text-transform: none !important;
    }


    .site-footer .footer-nav-col {
        display: flex !important;
        flex-direction: column !important;

        gap: 22px !important;
    }


    .site-footer .footer-nav a {
        display: block !important;

        padding: 0 !important;
        margin: 0 !important;

        border: 0 !important;
        background: transparent !important;

        color: #ffffff !important;

        font-size: 14px !important;
        line-height: 1.25 !important;
        font-weight: 600 !important;

        text-decoration: none !important;
        text-transform: uppercase !important;

        white-space: normal !important;
    }


    /* =====================================
       КОНТАКТЫ
    ===================================== */

    .site-footer .footer-contacts {
        display: flex !important;
        flex-direction: column !important;

        width: 100% !important;

        gap: 0 !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    .site-footer .footer-contacts-title {
        margin: 0 0 26px !important;

        color: #ffffff !important;

        font-family: var(--serif) !important;
        font-size: 34px !important;
        line-height: 1 !important;
        font-weight: 400 !important;

        text-transform: none !important;
    }


    .site-footer .footer-contact-description {
        margin-bottom: 28px !important;

        color: #e5dac5 !important;

        font-size: 16px !important;
        line-height: 1.55 !important;
        font-weight: 400 !important;
    }


    .site-footer .footer-contacts a {
        display: block !important;

        color: #ffffff !important;

        font-size: 16px !important;
        line-height: 1.5 !important;
        font-weight: 400 !important;

        text-decoration: none !important;
    }


    .site-footer .footer-contacts a + a {
        margin-top: 2px !important;
    }


    /* =====================================
       НИЖНЯЯ ЧАСТЬ
    ===================================== */

    .site-footer .footer-bottom {
        display: block !important;

        width: 100% !important;

        margin-top: 50px !important;
        padding-top: 0 !important;

        border-top: 0 !important;

        color: rgba(230,219,199,.58) !important;

        font-size: 11px !important;
        line-height: 1.5 !important;
    }


    .site-footer .footer-bottom span {
        display: block !important;
        width: 100% !important;
        max-width: none !important;

        text-align: left !important;
    }


    .site-footer .footer-bottom span:last-child {
        margin-top: 3px !important;
        text-align: left !important;
    }
}
/* =========================================================
   FOOTER — ТОЛЬКО МОБИЛЬНАЯ ВЕРСИЯ
   Десктоп НЕ изменяется
========================================================= */

@media (max-width: 640px) {

    .site-footer {
        padding: 54px 0 26px !important;
        overflow: hidden !important;
    }

    /* Нормальные поля слева и справа */
    .site-footer .container {
        width: calc(100% - 48px) !important;
        max-width: none !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* Всё в одну вертикальную колонку */
    .site-footer .footer-grid {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        gap: 0 !important;
        margin: 0 !important;
    }


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

    .site-footer .footer-brand {
        width: 100% !important;
        transform: none !important;
        position: static !important;
    }

    .site-footer .footer-brand img {
        position: static !important;

        display: block !important;
        width: 78px !important;
        height: auto !important;

        margin: 0 auto 46px !important;

        transform: none !important;
    }


    /* =====================================
       ТЕКСТ ПОД ЛОГО
    ===================================== */

    .site-footer .footer-brand p {
        width: 100% !important;
        max-width: 285px !important;

        margin: 0 0 46px !important;

        color: #e5dac5 !important;

        font-size: 17px !important;
        line-height: 1.55 !important;
        font-weight: 400 !important;

        text-align: left !important;
    }


    /* =====================================
       МЕНЮ
    ===================================== */

    .site-footer .footer-nav {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;

        width: 100% !important;

        column-gap: 35px !important;

        margin: 0 0 52px !important;
        padding: 0 !important;
    }

    /* Добавляем заголовок "Меню" только на телефоне */
    .site-footer .footer-nav::before {
        content: "Меню";

        display: block !important;
        grid-column: 1 / -1;

        margin: 0 0 28px !important;

        color: #ffffff !important;

        font-family: var(--serif) !important;
        font-size: 36px !important;
        line-height: 1 !important;
        font-weight: 400 !important;

        text-transform: none !important;
    }

    .site-footer .footer-nav-col {
        display: flex !important;
        flex-direction: column !important;

        gap: 20px !important;

        padding: 0 !important;
        margin: 0 !important;
    }

    .site-footer .footer-nav a {
        display: block !important;

        padding: 0 !important;
        margin: 0 !important;

        border: 0 !important;
        background: none !important;
        box-shadow: none !important;

        color: #ffffff !important;

        font-size: 14px !important;
        line-height: 1.25 !important;
        font-weight: 600 !important;

        text-transform: uppercase !important;
        text-decoration: none !important;

        white-space: normal !important;
    }


    /* =====================================
       КОНТАКТЫ
    ===================================== */

    .site-footer .footer-contacts {
        display: flex !important;
        flex-direction: column !important;

        width: 100% !important;

        gap: 0 !important;

        padding: 0 !important;
        margin: 0 !important;
    }

    .site-footer .footer-contacts-title {
        margin: 0 0 26px !important;

        color: #ffffff !important;

        font-family: var(--serif) !important;
        font-size: 36px !important;
        line-height: 1 !important;
        font-weight: 400 !important;

        text-transform: none !important;
    }

    /* Добавляем на мобильной версии текст из макета */
    .site-footer .footer-contacts-title::after {
        content: "Адвокатське бюро «Пульсар»\A Київ · Україна";

        white-space: pre-line;

        display: block;

        margin-top: 26px;

        color: #e5dac5;

        font-family: var(--sans);
        font-size: 16px;
        line-height: 1.55;
        font-weight: 400;
    }

    .site-footer .footer-contacts a {
        display: block !important;

        color: #ffffff !important;

        font-size: 16px !important;
        line-height: 1.5 !important;
        font-weight: 400 !important;

        text-decoration: none !important;
    }

    .site-footer .footer-contacts-title + a {
        margin-top: 2px !important;
    }

    .site-footer .footer-contacts a + a {
        margin-top: 2px !important;
    }


    /* =====================================
       НИЖНИЙ ТЕКСТ
    ===================================== */

    .site-footer .footer-bottom {
        display: block !important;

        width: 100% !important;

        margin-top: 48px !important;
        padding-top: 0 !important;

        border-top: 0 !important;

        color: rgba(230, 219, 199, .58) !important;

        font-size: 11px !important;
        line-height: 1.5 !important;
    }

    .site-footer .footer-bottom span {
        display: block !important;

        width: 100% !important;
        max-width: none !important;

        margin: 0 !important;

        text-align: left !important;
    }

    .site-footer .footer-bottom span:last-child {
        margin-top: 3px !important;
        text-align: left !important;
    }
}
/* =========================================================
   MOBILE FOOTER — ФИНАЛЬНАЯ ПОДГОНКА ПОД МАКЕТ
   DESKTOP НЕ ЗАТРАГИВАЕТСЯ
========================================================= */

@media (max-width: 640px) {

    .site-footer {
        padding: 58px 0 30px !important;
        overflow: hidden !important;
    }

    /* Нормальные поля слева и справа как в макете */
    .site-footer .container {
        width: 100% !important;
        max-width: none !important;

        margin: 0 !important;

        padding-left: 24px !important;
        padding-right: 24px !important;

        box-sizing: border-box !important;
    }


    /* ===== ОСНОВНАЯ КОЛОНКА ===== */

    .site-footer .footer-grid {
        display: flex !important;
        flex-direction: column !important;

        width: 100% !important;

        margin: 0 !important;
        gap: 0 !important;
    }


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

    .site-footer .footer-brand {
        width: 100% !important;

        position: static !important;
        transform: none !important;
    }

    .site-footer .footer-brand img {
        position: static !important;

        display: block !important;

        width: 72px !important;
        height: auto !important;

        margin:
            0
            auto
            45px
            auto !important;

        transform: none !important;
    }


    /* ===== ТЕКСТ ПОД ЛОГО ===== */

    .site-footer .footer-brand p {
        width: 100% !important;
        max-width: 280px !important;

        margin: 0 0 44px 0 !important;

        color: #e5dac5 !important;

        font-size: 16px !important;
        line-height: 1.5 !important;
        font-weight: 400 !important;

        text-align: left !important;
    }


    /* ===== МЕНЮ ===== */

    .site-footer .footer-nav {
        display: grid !important;
        grid-template-columns:
            minmax(0, 1fr)
            minmax(0, 1fr) !important;

        width: 100% !important;

        column-gap: 38px !important;

        margin: 0 0 50px 0 !important;
        padding: 0 !important;
    }


    .site-footer .footer-nav::before {
        content: "Меню";

        display: block !important;

        grid-column: 1 / -1;

        margin: 0 0 28px 0 !important;

        color: #ffffff !important;

        font-family: var(--serif) !important;

        font-size: 34px !important;
        line-height: 1 !important;
        font-weight: 400 !important;

        text-transform: none !important;
    }


    .site-footer .footer-nav-col {
        display: flex !important;
        flex-direction: column !important;

        gap: 20px !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    .site-footer .footer-nav a {
        display: block !important;

        margin: 0 !important;
        padding: 0 !important;

        border: 0 !important;
        background: transparent !important;

        color: #ffffff !important;

        font-size: 14px !important;
        line-height: 1.25 !important;
        font-weight: 600 !important;

        text-transform: uppercase !important;
        text-decoration: none !important;

        white-space: normal !important;
    }


    /* ===== КОНТАКТЫ ===== */

    .site-footer .footer-contacts {
        display: flex !important;
        flex-direction: column !important;

        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        gap: 0 !important;
    }


    .site-footer .footer-contacts-title {
        margin: 0 0 24px 0 !important;

        color: #ffffff !important;

        font-family: var(--serif) !important;

        font-size: 34px !important;
        line-height: 1 !important;
        font-weight: 400 !important;

        text-transform: none !important;
    }


    /* Текст бюро под заголовком */
    .site-footer .footer-contacts-title::after {
        content:
            "Адвокатське бюро «Пульсар»\A"
            "Київ · Україна";

        display: block !important;

        margin-top: 24px !important;
        margin-bottom: 27px !important;

        white-space: pre-line !important;

        color: #e5dac5 !important;

        font-family: var(--sans) !important;

        font-size: 16px !important;
        line-height: 1.55 !important;
        font-weight: 400 !important;
    }


    .site-footer .footer-contacts a {
        display: block !important;

        margin: 0 !important;
        padding: 0 !important;

        color: #ffffff !important;

        font-size: 16px !important;
        line-height: 1.5 !important;
        font-weight: 400 !important;

        text-decoration: none !important;
    }

    .site-footer .footer-contacts a + a {
        margin-top: 2px !important;
    }


    /* ===== НИЖНИЙ ТЕКСТ ===== */

    .site-footer .footer-bottom {
        display: block !important;

        width: 100% !important;

        margin-top: 48px !important;
        padding-top: 0 !important;

        border-top: 0 !important;

        color: rgba(230,219,199,.58) !important;

        font-size: 11px !important;
        line-height: 1.5 !important;
    }

    .site-footer .footer-bottom span {
        display: block !important;

        width: 100% !important;
        max-width: none !important;

        margin: 0 !important;

        text-align: left !important;
    }

    .site-footer .footer-bottom span:last-child {
        margin-top: 3px !important;
        text-align: left !important;
    }
}
/* =====================================================
   MOBILE FOOTER MENU — как в макете
===================================================== */

@media (max-width: 640px) {

    .site-footer .footer-nav {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;

        width: 100% !important;

        column-gap: 54px !important;

        margin: 0 0 48px 0 !important;
        padding: 0 !important;
    }

    /* Заголовок "Меню" */
    .site-footer .footer-nav::before {
        content: "Меню";

        grid-column: 1 / -1;

        display: block !important;

        margin: 0 0 28px 0 !important;

        color: #ffffff !important;

        font-family: var(--serif) !important;
        font-size: 36px !important;
        line-height: 1 !important;
        font-weight: 400 !important;

        text-transform: none !important;
    }

    /* Колонки */
    .site-footer .footer-nav-col {
        display: flex !important;
        flex-direction: column !important;

        gap: 21px !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    /* Пункты */
    .site-footer .footer-nav a {
        display: block !important;

        margin: 0 !important;
        padding: 0 !important;

        color: #ffffff !important;

        font-size: 14px !important;
        line-height: 1.15 !important;
        font-weight: 600 !important;

        text-transform: uppercase !important;
        text-decoration: none !important;

        white-space: nowrap !important;
    }
}
/* =========================================================
   FIX FOOTER NAV
========================================================= */

/* На десктопе мобильное меню всегда скрыто */
.footer-nav-mobile {
    display: none !important;
}


/* =========================================================
   ТОЛЬКО МОБИЛЬНАЯ ВЕРСИЯ
========================================================= */

@media (max-width: 640px) {

    /* Старое десктопное меню прячем */
    .site-footer .footer-nav {
        display: none !important;
    }

    /* Мобильное меню показываем */
    .site-footer .footer-nav-mobile {
        display: block !important;

        width: 100% !important;

        margin: 0 0 48px 0 !important;
        padding: 0 !important;
    }

    /* Заголовок Меню */
    .footer-nav-mobile-title {
        margin: 0 0 26px 0 !important;

        font-family: var(--serif) !important;
        font-size: 34px !important;
        line-height: 1 !important;
        font-weight: 400 !important;

        color: #fff !important;
    }

    /* 2 колонки */
    .footer-nav-mobile-grid {
        display: grid !important;

        grid-template-columns: 1fr 1fr !important;

        column-gap: 38px !important;
        row-gap: 0 !important;

        width: 100% !important;
    }

    .footer-nav-mobile-col {
        display: flex !important;
        flex-direction: column !important;

        gap: 18px !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    .footer-nav-mobile a {
        display: block !important;

        margin: 0 !important;
        padding: 0 !important;

        color: #fff !important;

        font-size: 14px !important;
        font-weight: 600 !important;
        line-height: 1.2 !important;

        text-transform: uppercase !important;
        text-decoration: none !important;

        white-space: nowrap !important;
    }

    /* Контакты после меню */
    .site-footer .footer-contacts {
        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;
    }
}
/* =========================================================
   MOBILE OFFCANVAS MENU — КАК В МАКЕТЕ
   Только телефон
========================================================= */

@media (max-width: 640px) {

    /* Само выдвижное меню */
    .offcanvas {
        top: 0 !important;
        right: 0 !important;

        width: 100% !important;
        max-width: none !important;
        height: 100dvh !important;

        padding: 24px 26px 32px !important;

        background: var(--green) !important;

        box-sizing: border-box !important;
    }


    /* ==================================
       ВЕРХ: ЛОГО + КРЕСТИК
    ================================== */

    .offcanvas-head {
        display: flex !important;
        justify-content: space-between !important;
        align-items: flex-start !important;

        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    /* Логотип */
    .offcanvas-head img,
    .offcanvas .brand img {
        width: 82px !important;
        height: auto !important;

        margin: 0 !important;

        position: static !important;
        transform: none !important;
    }


    /* Кнопка закрытия */
    .offcanvas-close {
        position: static !important;

        width: 32px !important;
        height: 32px !important;

        margin: 2px 0 0 0 !important;
        padding: 0 !important;

        border: 0 !important;
        background: transparent !important;

        color: #ffffff !important;

        font-size: 32px !important;
        font-weight: 300 !important;
        line-height: 1 !important;
    }


    /* ==================================
       УБИРАЕМ ЯЗЫКИ, ЕСЛИ ОНИ ЕСТЬ
    ================================== */

    .offcanvas .lang-switch,
    .offcanvas .language-switcher,
    .offcanvas .languages,
    .offcanvas .offcanvas-lang {
        display: none !important;
    }


    /* ==================================
       МЕНЮ
    ================================== */

    .mobile-nav {
        width: 100% !important;

        margin-top: 34px !important;
        padding: 0 !important;
    }


    .mobile-nav-list {
        display: block !important;

        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        list-style: none !important;
    }


    /* Каждый пункт */
    .mobile-nav-list li {
        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        border-bottom: 1px solid rgba(199, 168, 107, 0.22) !important;
    }


    /* Сама ссылка */
    .mobile-nav-list a {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;

        width: 100% !important;
        min-height: 46px !important;

        margin: 0 !important;
        padding: 0 !important;

        border: 0 !important;
        border-radius: 0 !important;

        background: transparent !important;
        box-shadow: none !important;

        color: #f2ede3 !important;

        font-size: 16px !important;
        font-weight: 400 !important;
        line-height: 1.2 !important;

        text-transform: none !important;
        text-decoration: none !important;
    }


    /* Золотая стрелка справа */
    .mobile-nav-list a::after {
        content: "›" !important;

        display: block !important;

        margin-left: 15px !important;

        color: var(--gold) !important;

        font-size: 27px !important;
        font-weight: 300 !important;
        line-height: 1 !important;
    }


    /* Если старая стрелка уже существует через span */
    .mobile-nav-list a span:last-child {
        color: var(--gold) !important;
    }
}
@media (max-width: 640px) {

    /* =========================================
       ВЫДВИЖНОЕ МЕНЮ
    ========================================= */

    .offcanvas {
        top: 0 !important;
        right: 0 !important;

        width: 100% !important;
        max-width: none !important;
        height: 100dvh !important;

        padding: 24px 26px 34px !important;

        background: var(--green) !important;

        box-sizing: border-box !important;
    }


    /* =========================================
       ВЕРХ: ЛОГОТИП + КРЕСТИК
    ========================================= */

    .offcanvas-head {
        display: flex !important;
        align-items: flex-start !important;
        justify-content: space-between !important;

        width: 100% !important;

        margin: 0 0 28px 0 !important;
        padding: 0 !important;
    }

    .offcanvas-head .brand {
        display: block !important;

        width: auto !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .offcanvas-head .brand img,
    .offcanvas-head .custom-logo {
        display: block !important;

        width: 78px !important;
        height: auto !important;

        margin: 0 !important;
        padding: 0 !important;

        position: static !important;
        transform: none !important;
    }

    .menu-close {
        position: static !important;

        width: 34px !important;
        height: 34px !important;

        margin: 0 !important;
        padding: 0 !important;

        border: 0 !important;
        background: transparent !important;

        color: #ffffff !important;

        font-size: 38px !important;
        font-weight: 300 !important;
        line-height: 30px !important;

        cursor: pointer !important;
    }


    /* =========================================
       САМО МЕНЮ
    ========================================= */

    .mobile-nav {
        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    .mobile-nav-list {
        display: block !important;

        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        list-style: none !important;
    }

    .mobile-nav-list > li {
        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        border: 0 !important;
        border-bottom: 1px solid rgba(199,168,107,.20) !important;

        background: transparent !important;
        box-shadow: none !important;
    }

    .mobile-nav-list > li > a {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;

        width: 100% !important;
        min-height: 46px !important;

        margin: 0 !important;
        padding: 0 !important;

        border: 0 !important;
        border-radius: 0 !important;

        background: transparent !important;
        box-shadow: none !important;

        color: #f3eee4 !important;

        font-size: 16px !important;
        font-weight: 400 !important;
        line-height: 1.2 !important;

        text-decoration: none !important;
        text-transform: none !important;
    }

    .mobile-nav-list > li > a::after {
        content: "›";

        color: var(--gold);

        font-size: 26px;
        font-weight: 300;
        line-height: 1;
    }

    /* Если тема добавляет рамки самим li или ссылкам */
    .mobile-nav-list li,
    .mobile-nav-list a {
        outline: none !important;
    }
}

@media (max-width: 640px) {

    .case-card,
    .case-card.case-1,
    .case-card.case-2,
    .case-card.case-3 {
        min-height: 330px !important;
        height: 330px !important;

        background-size: cover !important;
        background-position: center center !important;
    }

}

.footer-bottom{
    text-align:center;
}

.footer-bottom span{
    display:inline-block;
    white-space:nowrap;
}
/* ==================================================
   АКТИВНЫЙ ПУНКТ ГЛАВНОГО МЕНЮ
   ================================================== */

.desktop-nav .nav-list > li {
    position: relative;
}

/* =========================================
   АКТИВНЫЙ ПУНКТ — ПОСЛУГИ
========================================= */

body.page-template-page-services
.desktop-nav .nav-list > li:first-child > a {
    position: relative;
}
/* =========================================
   АКТИВНАЯ СТРАНИЦА — ПОСЛУГИ
========================================= */

body.page-template-page-services
.desktop-nav .nav-list > li:first-child > a {
    background-image: linear-gradient(#c6a96b, #c6a96b) !important;
    background-repeat: no-repeat !important;

    /* длина и толщина полоски */
    background-size: 44px 2px !important;

    /* положение: по центру снизу */
    background-position: center bottom !important;
}
/* =========================================
   АКТИВНЫЕ ПУНКТЫ ГЛАВНОГО МЕНЮ
========================================= */

/* ПОСЛУГИ */
body.page-template-page-services
.desktop-nav .nav-list > li:nth-child(1) > a,

/* КЕЙСИ */
body.page-template-page-cases
.desktop-nav .nav-list > li:nth-child(2) > a,

/* КОМАНДА */
body.page-template-page-team
.desktop-nav .nav-list > li:nth-child(3) > a,

/* ПРО БЮРО */
body.page-template-page-about
.desktop-nav .nav-list > li:nth-child(4) > a,

/* КАР’ЄРА */
body.page-template-page-career
.desktop-nav .nav-list > li:nth-child(5) > a,

/* КОНТАКТИ */
body.page-template-page-contacts
.desktop-nav .nav-list > li:nth-child(6) > a {
    background-image: linear-gradient(#c6a96b, #c6a96b) !important;
    background-repeat: no-repeat !important;

    background-size: 44px 2px !important;
    background-position: center bottom !important;
}
/* =========================================
   АКТИВНАЯ КНОПКА МЕНЮ
========================================= */

.desktop-nav .nav-list > li > a.is-current {
    background-image: linear-gradient(#c6a96b, #c6a96b) !important;
    background-repeat: no-repeat !important;

    /* как в макете */
    background-size: 44px 2px !important;
    background-position: center bottom !important;
}
/* =========================================
   СТРАНИЦА ПОСЛУГИ — HERO КАК В МАКЕТЕ
   Только desktop
========================================= */

@media (min-width: 981px) {

    body.page-template-page-services .hero {
        min-height: 360px !important;
        height: 360px !important;
    }

    body.page-template-page-services .hero-content {
        height: 100% !important;

        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;

        padding-top: 25px !important;
        padding-bottom: 25px !important;
    }
}
/* =========================================
   ЛИНИЯ МЕЖДУ HEADER И HERO
   Только Desktop
========================================= */

@media (min-width: 981px) {
    .site-header {
        border-bottom: 3px solid #F5F1E8 !important;
    }
}
/* =========================================
   HERO ПОСЛУГИ — ТЕКСТ КАК В МАКЕТЕ
   DESKTOP ONLY
========================================= */

@media (min-width: 981px) {

    body.page-template-page-services .hero-content {
        position: relative !important;

        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-start !important;

        padding-top: 58px !important;
        padding-bottom: 0 !important;
    }

    /* Золотая надпись ПОСЛУГИ */
    body.page-template-page-services .hero-content::before {
        content: "Послуги";

        display: block;

        color: var(--gold);
        font-family: Arial, sans-serif;
        font-size: 12px;
        font-weight: 600;
        line-height: 1;

        letter-spacing: 3px;
        text-transform: uppercase;

        margin-bottom: 26px;
    }

    /* Заголовок */
    body.page-template-page-services .hero h1 {
        margin: 0 0 35px 0 !important;

        font-size: 56px !important;
        line-height: 1 !important;
        font-weight: 400 !important;
    }

    /* Описание */
    body.page-template-page-services .hero p {
        margin: 0 !important;

        max-width: 700px !important;

        font-size: 16px !important;
        line-height: 1.55 !important;
        font-weight: 400 !important;
    }
}
/* =====================================================
   СТРАНИЦА "ПОСЛУГИ" — КАРТОЧКИ КАК В МАКЕТЕ
   DESKTOP ONLY
===================================================== */

@media (min-width: 981px) {

    /* 3 карточки в ряд */
    body.page-template-page-services .service-grid {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important;

        gap: 18px !important;

        margin-top: 34px !important;
    }


    /* Сама карточка */
    body.page-template-page-services .service-card {
        position: relative !important;

        min-height: 145px !important;

        padding:
            22px
            24px
            24px
            72px !important;

        display: block !important;

        background: #fff !important;

        text-align: left !important;

        border-radius: 16px !important;

        box-shadow:
            0 7px 18px rgba(32,34,29,.08) !important;
    }


    /* Иконка */
    body.page-template-page-services .service-card img {
        position: absolute !important;

        left: 24px !important;
        top: 22px !important;

        width: 30px !important;
        height: 30px !important;

        object-fit: contain !important;

        margin: 0 !important;
    }


    /* Название услуги */
    body.page-template-page-services .service-card h3 {
        margin: 0 !important;

        max-width: calc(100% - 20px) !important;

        font-family: var(--sans) !important;

        font-size: 14px !important;
        line-height: 1.3 !important;

        font-weight: 600 !important;

        text-align: left !important;

        text-transform: none !important;
    }


    /* Номер 01 / 02 / 03 */
    body.page-template-page-services .service-card > span {
        position: absolute !important;

        top: 14px !important;
        right: 16px !important;

        color: var(--gold) !important;

        font-size: 9px !important;
        line-height: 1 !important;

        font-weight: 500 !important;
    }


    /* Нижняя тонкая линия */
    body.page-template-page-services .service-card::after {
        content: "";

        position: absolute;

        left: 72px;
        right: 24px;
        bottom: 18px;

        height: 1px;

        background: rgba(199,168,107,.30);
    }
}
/* =====================================================
   ПОСЛУГИ — ЕДИНАЯ СЕТКА HERO + КАРТОЧКИ
   Только desktop
===================================================== */

@media (min-width: 981px) {

    /* Секция "Напрями практики" */
    body.page-template-page-services .services > .container {
        width: min(calc(100% - 80px), 1540px) !important;
        max-width: none !important;

        margin-left: auto !important;
        margin-right: auto !important;
    }


    /* Заголовочный блок — по левому краю,
       как текст в HERO */
    body.page-template-page-services .services .eyebrow,
    body.page-template-page-services .services h2 {
        text-align: left !important;
    }


    body.page-template-page-services .services h2 {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }


    /* Сетка карточек занимает всю ширину этого контейнера */
    body.page-template-page-services .service-grid {
        width: 100% !important;

        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;

        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}
/* =========================================
   ПОСЛУГИ — ЗАГОЛОВОК "НАПРЯМИ ПРАКТИКИ"
   Только Desktop
========================================= */

@media (min-width: 981px) {

    /* Маленькая зелёная надпись */
    body.page-template-page-services
    .services .eyebrow {
        display: block !important;

        margin: 0 0 18px 0 !important;

        color: var(--green) !important;

        font-family: var(--sans) !important;
        font-size: 11px !important;
        line-height: 1 !important;
        font-weight: 700 !important;

        letter-spacing: 2.2px !important;
        text-transform: uppercase !important;

        text-align: left !important;
    }


    /* Основной заголовок */
    body.page-template-page-services
    .services h2 {
        margin: 0 0 42px 0 !important;

        font-size: 38px !important;
        line-height: 1.05 !important;
        font-weight: 400 !important;

        text-align: left !important;
    }
}
/* =========================================
   НАДПИСЬ "НАПРЯМИ ПРАКТИКИ"
   Только Desktop
========================================= */

@media (min-width: 981px) {

    body.page-template-page-services .services h2::before {
        content: "НАПРЯМИ ПРАКТИКИ";

        display: block;

        margin-bottom: 18px;

        color: #064f3c;

        font-family: Arial, sans-serif;
        font-size: 11px;
        line-height: 1;

        font-weight: 600;

        letter-spacing: 2px;
        text-transform: uppercase;
    }

}
/* =====================================================
   ПОСЛУГИ — ЕДИНАЯ СЕТКА СТРАНИЦЫ
   DESKTOP
===================================================== */

@media (min-width: 981px) {

    /* -----------------------------------------
       1. ЕДИНАЯ ШИРИНА HERO И SERVICES
       ----------------------------------------- */

    body.page-template-page-services .hero-content,
    body.page-template-page-services .services > .container {

        width: calc(100% - 160px) !important;
        max-width: 1540px !important;

        margin-left: auto !important;
        margin-right: auto !important;

        padding-left: 0 !important;
        padding-right: 0 !important;
    }


    /* -----------------------------------------
       2. ТЕКСТ HERO СТРОГО ПО ЛЕВОЙ ГРАНИЦЕ
       ----------------------------------------- */

    body.page-template-page-services .hero-content > * {
        margin-left: 0;
    }


    /* -----------------------------------------
       3. ЗАГОЛОВОК SERVICES ПО ТОЙ ЖЕ ГРАНИЦЕ
       ----------------------------------------- */

    body.page-template-page-services .services .eyebrow,
    body.page-template-page-services .services h2 {
        margin-left: 0 !important;
        text-align: left !important;
    }


    /* -----------------------------------------
       4. СЕТКА КАРТОЧЕК
       ----------------------------------------- */

    body.page-template-page-services .service-grid {
        width: 100% !important;

        grid-template-columns:
            repeat(3, minmax(0, 1fr)) !important;

        margin-left: 0 !important;
        margin-right: 0 !important;
    }


    /* -----------------------------------------
       5. ВНУТРЕННЯЯ СЕТКА КАРТОЧЕК
       ----------------------------------------- */

    body.page-template-page-services .service-card {
        padding-left: 24px !important;
        padding-right: 24px !important;
    }
}
/* =========================================================
   ПОСЛУГИ — ЕДИНАЯ СЕТКА + ИСПРАВЛЕНИЕ КАРТОЧЕК
   DESKTOP ONLY
========================================================= */

@media (min-width: 981px) {

    /* =====================================================
       1. ОДИНАКОВАЯ ГРАНИЦА:
       HEADER / HERO / SERVICES
    ===================================================== */

    body.page-template-page-services .header-inner,
    body.page-template-page-services .hero-content,
    body.page-template-page-services .services > .container {

        width: min(calc(100% - 80px), var(--container)) !important;
        max-width: none !important;

        margin-left: auto !important;
        margin-right: auto !important;

        padding-left: 0 !important;
        padding-right: 0 !important;
    }


    /* =====================================================
       2. HERO — ВСЕ ПО ЛЕВОЙ ГРАНИЦЕ ЛОГОТИПА
    ===================================================== */

    body.page-template-page-services .hero-content::before,
    body.page-template-page-services .hero-content h1,
    body.page-template-page-services .hero-content p {
        margin-left: 0 !important;
        text-align: left !important;
    }


    /* =====================================================
       3. ЗАГОЛОВОК "НАПРЯМИ ПРАКТИКИ"
       ПО ТОЙ ЖЕ ГРАНИЦЕ
    ===================================================== */

    body.page-template-page-services .services .eyebrow,
    body.page-template-page-services .services h2 {
        margin-left: 0 !important;
        margin-right: 0 !important;

        text-align: left !important;
    }


    /* =====================================================
       4. СЕТКА КАРТОЧЕК
    ===================================================== */

    body.page-template-page-services .service-grid {
        width: 100% !important;

        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;

        gap: 18px !important;

        margin-left: 0 !important;
        margin-right: 0 !important;
    }


    /* =====================================================
       5. САМА КАРТОЧКА
    ===================================================== */

    body.page-template-page-services .service-card {
        position: relative !important;

        min-height: 145px !important;

        /*
           72px слева специально:
           24px от края до иконки +
           30px иконка +
           ~18px промежуток до текста
        */
        padding:
            22px
            24px
            24px
            72px !important;

        display: block !important;

        text-align: left !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       6. ИКОНКА
    ===================================================== */

    body.page-template-page-services .service-card img {
        position: absolute !important;

        left: 24px !important;
        top: 22px !important;

        width: 30px !important;
        height: 30px !important;

        margin: 0 !important;

        object-fit: contain !important;
    }


    /* =====================================================
       7. НАЗВАНИЕ УСЛУГИ
    ===================================================== */

    body.page-template-page-services .service-card h3 {
        margin: 0 !important;
        padding: 0 !important;

        max-width: calc(100% - 24px) !important;

        font-size: 14px !important;
        line-height: 1.3 !important;
        font-weight: 600 !important;

        text-align: left !important;

        /* В макете обычный регистр */
        text-transform: none !important;
    }


    /* =====================================================
       8. НОМЕР 01 / 02 / 03
    ===================================================== */

    body.page-template-page-services .service-card > span {
        position: absolute !important;

        top: 14px !important;
        right: 16px !important;

        margin: 0 !important;

        font-size: 9px !important;
        line-height: 1 !important;
    }


    /* =====================================================
       9. НИЖНЯЯ ЛИНИЯ В КАРТОЧКЕ
    ===================================================== */

    body.page-template-page-services .service-card::after {
        content: "";

        position: absolute;

        left: 72px;
        right: 24px;
        bottom: 18px;

        height: 1px;

        background: rgba(199,168,107,.30);
    }
}

/* =====================================================
   SERVICES HERO DECOR — ТОЧНО ПО FIGMA 1440
   DESKTOP ONLY
===================================================== */

@media (min-width: 981px) {

    body.page-template-page-services .hero {
        position: relative !important;
        overflow: hidden !important;

        /* золотая точка:
           Figma X 1170.2 / Y 51.8 / 7x7 */
        background-image:
            radial-gradient(
                circle 3.5px at calc(50% + 453.7px) 55.3px,
                #C7A86B 99%,
                transparent 100%
            ) !important;

        background-repeat: no-repeat !important;
    }


    /* =================================================
       БОЛЬШОЙ КРУГ
       Figma:
       X = 1080
       Y = -145
       W/H = 410
    ================================================= */

    body.page-template-page-services .hero::before {
        content: "";

        position: absolute !important;

        width: 410px !important;
        height: 410px !important;

        left: calc(50% + 360px) !important;
        top: -145px !important;

        right: auto !important;

        border: 1px solid rgba(199,168,107,.22) !important;
        border-radius: 50% !important;

        box-sizing: border-box !important;

        pointer-events: none;
        z-index: 1;
    }


    /* =================================================
       МАЛЫЙ КРУГ
       Figma:
       X = 1178.4
       Y = -46.6
       W/H = 213.2
    ================================================= */

    body.page-template-page-services .hero::after {
        content: "";

        position: absolute !important;

        width: 213.2px !important;
        height: 213.2px !important;

        left: calc(50% + 458.4px) !important;
        top: -46.6px !important;

        right: auto !important;

        border: 1px solid rgba(199,168,107,.28) !important;
        border-radius: 50% !important;

        box-sizing: border-box !important;

        pointer-events: none;
        z-index: 1;
    }


    /* Старую точку через hero-content отключаем */
    body.page-template-page-services .hero-content::after {
        content: none !important;
        display: none !important;
    }


    /* Текст над декоративным элементом */
    body.page-template-page-services .hero-content {
        position: relative !important;
        z-index: 2 !important;
    }
}
/* =====================================================
   ПОСЛУГИ — ФИНАЛЬНАЯ ПОЗИЦИЯ КОЛЕЦ
   Desktop only
===================================================== */

@media (min-width: 981px) {

    body.page-template-page-services .hero {
        position: relative !important;
        overflow: hidden !important;

        /* Золотая точка */
        background-image:
            radial-gradient(
                circle 3.5px at calc(50% + 353.7px) 105.3px,
                #C7A86B 0 3.5px,
                transparent 4px
            ) !important;

        background-repeat: no-repeat !important;
    }


    /* БОЛЬШОЙ КРУГ */
    body.page-template-page-services .hero::before {
        content: "" !important;

        position: absolute !important;

        width: 410px !important;
        height: 410px !important;

        /* было +360 / -145 */
        left: calc(50% + 260px) !important;
        top: -95px !important;

        right: auto !important;

        border: 1px solid rgba(199,168,107,.22) !important;
        border-radius: 50% !important;

        box-sizing: border-box !important;

        pointer-events: none !important;
        z-index: 1 !important;
    }


    /* МАЛЫЙ КРУГ */
    body.page-template-page-services .hero::after {
        content: "" !important;

        position: absolute !important;

        width: 213.2px !important;
        height: 213.2px !important;

        /* было +458.4 / -46.6 */
        left: calc(50% + 358.4px) !important;
        top: 3.4px !important;

        right: auto !important;

        border: 1px solid rgba(199,168,107,.28) !important;
        border-radius: 50% !important;

        box-sizing: border-box !important;

        pointer-events: none !important;
        z-index: 1 !important;
    }


    /* Старую точку отключаем,
       чтобы не было второй */
    body.page-template-page-services .hero-content::after {
    content: none !important;
    display: none !important;
}

}
@media (min-width: 981px) {

    body.page-template-page-services .service-contact {
        position: relative !important;

        min-height: 145px !important;

        padding: 22px 24px !important;

        background: #004b37 !important;
        border-radius: 16px !important;

        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;

        color: #fff !important;

        box-sizing: border-box !important;
    }

    body.page-template-page-services .service-contact h3 {
        margin: 0 0 14px 0 !important;

        color: #fff !important;

        font-size: 13px !important;
        line-height: 1.25 !important;
        font-weight: 600 !important;

        text-transform: uppercase !important;
    }

    body.page-template-page-services .service-contact p {
        margin: 0 !important;

        color: rgba(255,255,255,.55) !important;

        font-size: 10px !important;
        line-height: 1.4 !important;
    }

    body.page-template-page-services .service-contact a {
        margin-top: auto !important;

        color: var(--gold) !important;

        font-size: 10px !important;
        font-weight: 600 !important;

        text-transform: uppercase !important;
        text-decoration: none !important;
    }

    /* У CTA не нужна нижняя линия обычной карточки */
    body.page-template-page-services .service-contact::after {
        display: none !important;
    }
}
@media (min-width: 981px) {

    body.page-template-page-services .service-grid .service-contact {
        grid-column: auto !important;
        grid-row: auto !important;

        width: auto !important;
        max-width: none !important;

        margin: 0 !important;
    }

}
/* =====================================================
   CTA — третья карточка последнего ряда
   22 | 23 | CTA
===================================================== */

@media (min-width: 981px) {

    body.page-template-page-services .service-grid .service-contact {
        grid-column: 3 !important;
        grid-row: 8 !important;

        width: 100% !important;
        max-width: none !important;

        margin: 0 !important;

        align-self: stretch !important;
        justify-self: stretch !important;
    }

}
/* =====================================================
   ЯК МИ ПРАЦЮЄМО — КАК В МАКЕТЕ
   Desktop only
===================================================== */

@media (min-width: 981px) {

    body.page-template-page-services .how-we-work {
        padding: 62px 0 54px !important;
    }

    body.page-template-page-services .how-we-work .container {
        max-width: 1440px !important;
        padding-left: 72px !important;
        padding-right: 72px !important;
    }

    /* маленькая надпись ПРОЦЕС */
    body.page-template-page-services .how-we-work .container::before {
        content: "ПРОЦЕС";
        display: block;

        margin-bottom: 14px;

        color: #00543F;
        font-size: 10px;
        font-weight: 600;
        line-height: 1;
        letter-spacing: 0.18em;
        text-transform: uppercase;
    }

    /* заголовок */
    body.page-template-page-services .how-we-work h2.center {
        margin: 0 0 42px !important;

        text-align: left !important;

        font-size: 40px !important;
        line-height: 1.05 !important;
        font-weight: 400 !important;
    }

    /* сетка */
    body.page-template-page-services .steps-grid {
        display: grid !important;
        grid-template-columns: repeat(4, 1fr) !important;
        gap: 24px !important;
    }

    /* карточка */
    body.page-template-page-services .step {
        min-height: 130px !important;

        padding: 18px 16px 16px !important;

        background: #fff !important;

        box-shadow: none !important;
        border-radius: 0 !important;

        text-align: left !important;
    }

    /* номер */
    body.page-template-page-services .step-number {
        display: block;

        margin-bottom: 12px;

        color: #C7A86B !important;
        font-size: 10px !important;
        line-height: 1 !important;
        font-weight: 400 !important;
    }

    /* название шага */
    body.page-template-page-services .step h3 {
        margin: 0 0 10px !important;

        font-family: inherit !important;
        font-size: 16px !important;
        line-height: 1.2 !important;
        font-weight: 600 !important;
    }

    /* описание */
    body.page-template-page-services .step p {
        margin: 0 !important;

        max-width: 210px;

        font-size: 11px !important;
        line-height: 1.45 !important;
        font-weight: 400 !important;

        color: rgba(20, 31, 37, 0.55) !important;
    }
}
/* =====================================================
   HOW WE WORK — ВЫРАВНИВАНИЕ ПО СЕТКЕ КАРТОЧЕК
===================================================== */

@media (min-width: 981px) {

    body.page-template-page-services .how-we-work .container {
        max-width: 1180px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    body.page-template-page-services .how-we-work .container::before,
    body.page-template-page-services .how-we-work h2.center {
        margin-left: 0 !important;
        text-align: left !important;
    }

    body.page-template-page-services .steps-grid {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}
/* HOW WE WORK — текст внутри карточек */

body.page-template-page-services .how-we-work .step-number {
    font-size: 11px !important;
}

body.page-template-page-services .how-we-work .step h3 {
    font-size: 18px !important;
    line-height: 1.2 !important;
    font-weight: 600 !important;
}

body.page-template-page-services .how-we-work .step p {
    font-size: 12px !important;
    line-height: 1.45 !important;
}
/* =====================================================
   КЕЙСИ — HERO КАК НА СТРАНИЦЕ ПОСЛУГИ
   Desktop only
===================================================== */

@media (min-width: 981px) {

    /* -----------------------------
       HERO
    ----------------------------- */

    body.page-template-page-cases .hero {
        position: relative !important;
        overflow: hidden !important;

        min-height: 360px !important;
        height: 360px !important;

        padding: 0 !important;

        /* золотая точка */
        background-image:
            radial-gradient(
                circle 3.5px at calc(50% + 353.7px) 105px,
                #C7A86B 0 3.5px,
                transparent 4px
            ) !important;

        background-repeat: no-repeat !important;
    }


    /* -----------------------------
       КОНТЕНТ HERO
    ----------------------------- */

    body.page-template-page-cases .hero-content {
        position: relative !important;
        z-index: 2 !important;

        max-width: 1180px !important;

        height: 100% !important;

        margin-left: auto !important;
        margin-right: auto !important;

        padding: 54px 0 45px !important;
    }


    /* -----------------------------
       ГЛАВНЫЙ ЗАГОЛОВОК
    ----------------------------- */

    body.page-template-page-cases .hero h1 {
        margin: 0 0 28px !important;

        max-width: none !important;
        width: auto !important;

        font-size: 54px !important;
        line-height: 1.02 !important;

        font-weight: 400 !important;

        white-space: nowrap !important;
    }


    /* -----------------------------
       ПОДЗАГОЛОВОК
    ----------------------------- */

    body.page-template-page-cases .hero p {
        margin: 0 !important;

        max-width: 650px !important;

        font-size: 16px !important;
        line-height: 1.45 !important;

        font-weight: 400 !important;
    }


    /* =================================================
       БОЛЬШОЙ КРУГ
    ================================================= */

    body.page-template-page-cases .hero::before {
        content: "" !important;

        position: absolute !important;

        width: 410px !important;
        height: 410px !important;

        left: calc(50% + 260px) !important;
        top: -95px !important;

        border: 1px solid rgba(199, 168, 107, 0.22) !important;
        border-radius: 50% !important;

        box-sizing: border-box !important;

        pointer-events: none !important;

        z-index: 1 !important;
    }


    /* =================================================
       МАЛЫЙ КРУГ
    ================================================= */

    body.page-template-page-cases .hero::after {
        content: "" !important;

        position: absolute !important;

        width: 213.2px !important;
        height: 213.2px !important;

        left: calc(50% + 358.4px) !important;
        top: 3px !important;

        border: 1px solid rgba(199, 168, 107, 0.28) !important;
        border-radius: 50% !important;

        box-sizing: border-box !important;

        pointer-events: none !important;

        z-index: 1 !important;
    }
}


/* На планшете и телефоне декоративные круги убираем */

@media (max-width: 980px) {

    body.page-template-page-cases .hero::before,
    body.page-template-page-cases .hero::after {
        display: none !important;
    }
}
/* =====================================================
   КЕЙСИ — ВЫСОТА HERO КАК НА СТРАНИЦЕ "ПОСЛУГИ"
===================================================== */

@media (min-width: 981px) {

    body.page-template-page-cases .hero {
        height: 352px !important;
        min-height: 352px !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    body.page-template-page-cases .hero-content {
        height: 100% !important;
        box-sizing: border-box !important;

        padding-top: 54px !important;
        padding-bottom: 54px !important;
    }
}
/* =====================================================
   КЕЙСИ — HERO
   страница ID 165
===================================================== */

@media (min-width: 981px) {

    bodybody.page-template-page-cases section.hero {
        position: relative !important;
        overflow: hidden !important;

        height: 360px !important;
        min-height: 360px !important;
        max-height: 360px !important;

        padding: 0 !important;
        box-sizing: border-box !important;
    }

    bodybody.page-template-page-cases section.hero .hero-content {
        position: relative !important;
        z-index: 2 !important;

        height: 100% !important;

        padding-top: 58px !important;
        padding-bottom: 50px !important;

        box-sizing: border-box !important;
    }
}
/* =====================================================
   КЕЙСИ — ТИПОГРАФИКА HERO КАК В МАКЕТЕ
===================================================== */

@media (min-width: 981px) {

    /* главный заголовок */
    body.page-template-page-cases .hero h1 {
        margin: 0 0 28px !important;

        font-size: 54px !important;
        line-height: 1.04 !important;
        font-weight: 400 !important;

        max-width: none !important;
        white-space: nowrap !important;
    }

    /* описание */
    body.page-template-page-cases .hero p {
        margin: 0 !important;

        max-width: 650px !important;

        font-size: 15px !important;
        line-height: 1.5 !important;
        font-weight: 400 !important;

        color: #ffffff !important;
    }
}
/* ==========================================
   КЕЙСИ — маленькая золотая надпись над H1
   ========================================== */

@media (min-width: 981px) {

    bodybody.page-template-page-cases .hero-content::before {
        content: "КЕЙСИ";

        display: block !important;

        color: #C7A86B !important;

        font-family: Arial, sans-serif !important;
        font-size: 11px !important;
        font-weight: 600 !important;
        line-height: 1 !important;

        letter-spacing: 0.22em !important;
        text-transform: uppercase !important;

        margin: 0 0 28px 0 !important;
        padding: 0 !important;
    }

}
/* =========================================
   КЕЙСИ — HERO TEXT
========================================= */

@media (min-width: 981px) {

    bodybody.page-template-page-cases .hero-eyebrow {
        display: block !important;

        margin: 0 0 26px 0 !important;
        padding: 0 !important;

        color: #C7A86B !important;

        font-family: Arial, sans-serif !important;
        font-size: 11px !important;
        line-height: 1 !important;
        font-weight: 600 !important;

        letter-spacing: 0.22em !important;
        text-transform: uppercase !important;
    }

    bodybody.page-template-page-cases .hero h1 {
        margin: 0 0 28px 0 !important;

        font-size: 54px !important;
        line-height: 1.04 !important;
        font-weight: 400 !important;

        white-space: nowrap !important;
    }

    bodybody.page-template-page-cases .hero p {
        margin: 0 !important;

        font-size: 15px !important;
        line-height: 1.45 !important;
        font-weight: 400 !important;

        max-width: 650px !important;
    }

}
/* =====================================================
   КЕЙСИ — ТЕКСТ HERO КАК НА "ПОСЛУГИ"
===================================================== */

@media (min-width: 981px) {

    bodybody.page-template-page-cases .hero-content {
        padding-top: 58px !important;
        padding-bottom: 54px !important;
    }

    /* КЕЙСИ */
    bodybody.page-template-page-cases .hero-eyebrow {
        display: block !important;

        margin: 0 0 26px 0 !important;

        color: #C7A86B !important;

        font-size: 11px !important;
        line-height: 1 !important;
        font-weight: 600 !important;

        letter-spacing: 0.22em !important;
        text-transform: uppercase !important;
    }

    /* главный заголовок */
    bodybody.page-template-page-cases .hero h1 {
        margin: 0 0 28px 0 !important;

        font-size: 54px !important;
        line-height: 1.04 !important;
        font-weight: 400 !important;

        max-width: none !important;
        width: auto !important;

        white-space: nowrap !important;
    }

    /* подзаголовок */
    bodybody.page-template-page-cases .hero p {
        margin: 0 !important;

        max-width: 650px !important;

        font-size: 15px !important;
        line-height: 1.45 !important;
        font-weight: 400 !important;

        color: #fff !important;
    }
}
/* =========================================
   КЕЙСИ — ОПУСТИТЬ ТЕКСТОВЫЙ БЛОК
========================================= */

@media (min-width: 981px) {

    bodybody.page-template-page-cases .hero-content {
        transform: translateY(45px) !important;
    }

}
/* Старую КЕЙСИ скрываем,
   но сохраняем её место */
bodybody.page-template-page-cases .hero-content::before {
    content: "" !important;
    display: block !important;

    height: 11px !important;
    margin: 0 0 28px 0 !important;

    visibility: hidden !important;
}

/* Hero тільки для сторінки Команда */
body.page-template-page-team .team-hero {
  background: var(--green); /* простий фон */
  color: #fff;
  padding: 80px 20px;
  min-height: 320px; /* нижче ніж глобальний hero */
  display: flex;
  align-items: center;
}

body.page-template-page-team .team-hero h1 {
  font-size: clamp(34px, 4vw, 52px);
  margin-bottom: 16px;
}

body.page-template-page-team .team-hero p {
  font-size: 18px;
  color: var(--ivory);
  max-width: 720px;
}

/* Прибираємо зайві градієнти */
body.page-template-page-team .team-hero .hero-media {
  background: none !important;
}
/* CTA блок для сторінки Команда */
body.page-template-page-team .team-cta {
  background: var(--green) !important;
  color: var(--gold) !important;
  text-align: center !important;
  padding: 60px 20px !important;
  margin-top: 3rem !important;
  margin-bottom: 0 !important;
  border-bottom: 1px solid rgba(199,168,107,.3) !important; /* розділяє CTA і форму */
}

body.page-template-page-team .team-cta h2 {
  font-size: 26px !important;
  margin-bottom: 20px !important;
  font-family: var(--serif) !important;
}



/* Кнопка у CTA блок */
body.page-template-page-team .team-cta .btn {
  display: inline-block;
  margin-top: 20px;       /* відступ від заголовка */
  padding: 14px 28px;
  font-size: 15px;
  font-weight: 700;
  border-radius: 4px;
}

/* Адаптивність: на мобільному кнопка на всю ширину */
@media (max-width: 640px) {
  body.page-template-page-team .team-cta .btn {
    display: block;
    width: 100%;
    margin-top: 24px;
  }
}

body.page-template-page-team .team-cta .btn {
  background: var(--gold) !important;
  color: var(--green) !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  border-radius: 4px !important;
  padding: 14px 28px !important;
  box-shadow: 0 8px 22px rgba(199,168,107,.28),
              0 0 12px rgba(199,168,107,.16) !important;
}

/* Форма звернення на сторінці Команда */
body.page-template-page-team .contact-section {
  background: #003E29 !important;
  color: #fff !important;
  padding: 60px 20px !important;
  margin-top: 0 !important; /* прибирає зайвий відступ */
}


/* Hover */
.btn:hover {
  background-color: #d4af37; /* золотий відтінок */
  color: #fff;
}

/* Focus */
.btn:focus-visible {
  outline: 2px solid #000;
  outline-offset: 2px;
}

/* Active */
.btn:active {
  transform: scale(0.98);
}

/* Disabled */
.btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
/* Помилка */
.contact-form input.error,
.contact-form textarea.error {
  border: 1px solid red;
}

/* Завантаження */
.contact-form.loading {
  opacity: 0.7;
}

/* Успіх */
.contact-form.success {
  border: 1px solid green;
}
/* =====================================================
   КЕЙСИ — HERO: точная копия типографики ПОСЛУГИ
   Desktop
===================================================== */
/* =====================================================
   КЕЙСИ — HERO ТИПОГРАФИКА 1:1 С "ПОСЛУГИ"
===================================================== */

@media (min-width: 981px) {

    /* Убираем старую CSS-надпись, если она где-то осталась */
    body.page-template-page-cases .hero-content::before {
        content: none !important;
        display: none !important;
    }

    /* КЕЙСИ — реальные параметры ПОСЛУГИ */
    body.page-template-page-cases .hero-eyebrow {
        display: block !important;

        color: var(--gold) !important;

        font-family: Arial, sans-serif !important;
        font-size: 12px !important;
        font-weight: 600 !important;
        line-height: 1 !important;

        letter-spacing: 3px !important;
        text-transform: uppercase !important;

        margin: 0 0 26px 0 !important;
        padding: 0 !important;

        text-align: left !important;
    }

    /* Заголовок — как на Послуги */
    body.page-template-page-cases .hero h1 {
        font-family: "Pulsar Serif", Georgia, "Times New Roman", serif !important;

        font-size: 56px !important;
        font-weight: 400 !important;
        line-height: 54.32px !important;
        letter-spacing: -1.12px !important;

        margin: 0 0 24px 0 !important;
        padding: 0 !important;

        text-align: left !important;
        color: #fff !important;
    }

    /* Описание — как на Послуги */
    body.page-template-page-cases .hero p {
        font-family: "Pulsar Sans", Arial, sans-serif !important;

        font-size: 20px !important;
        font-weight: 400 !important;
        line-height: 26px !important;

        margin: 0 !important;
        padding: 0 !important;

        color: #fff !important;
        text-align: left !important;
    }
}
@media (min-width: 981px) {

    body.page-template-page-cases .hero-content {
        transform: translateY(28px) !important;
    }

}
/* КЕЙСИ — вертикальное положение текста как на Послуги */
@media (min-width: 981px) {

    body.page-template-page-cases .hero-content {
        transform: translateY(85px) !important;
    }

}
/* КЕЙСИ — сдвиг логотипа только на этой странице */
@media (min-width: 981px) {

    body.page-template-page-cases .site-header .custom-logo-link {
        transform: translateX(140px) !important;
    }

}
/* ПОСЛУГИ — выравниваем логотип по левому краю Hero */
@media (min-width: 981px) {

    body.page-template-page-services .site-header .custom-logo-link {
        transform: translateX(-20px) !important;
    }

}
/* =====================================================
   КЕЙСИ — ДОБІРКА СПРАВ КАК В МАКЕТЕ
   Desktop
===================================================== */

@media (min-width: 981px) {

    bodybody.page-template-page-cases .cases-section {
        background: #F5F0E6 !important;
        padding: 65px 0 58px !important;
    }

    /* Общий контейнер */
    bodybody.page-template-page-cases .cases-section .container {
        max-width: 1180px !important;
        margin: 0 auto !important;
        padding: 0 !important;
    }

    /* Заголовок секции */
    bodybody.page-template-page-cases .cases-section h2 {
        margin: 0 0 20px 0 !important;

        font-family: "Pulsar Serif", Georgia, serif !important;
        font-size: 34px !important;
        line-height: 1.08 !important;
        font-weight: 400 !important;

        text-align: left !important;
        color: #172329 !important;
    }

    /* Сетка карточек */
    bodybody.page-template-page-cases .cases-grid {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 20px !important;

        margin-top: 22px !important;
    }

    /* Карточка */
    bodybody.page-template-page-cases .case-card {
        position: relative !important;

        height: 310px !important;
        min-height: 310px !important;

        border-radius: 0 !important;
        overflow: hidden !important;

        padding: 0 !important;
        margin: 0 !important;

        background-size: cover !important;
        background-position: center !important;

        box-shadow: 0 5px 15px rgba(32, 34, 29, .08) !important;
    }

    /* Лёгкое затемнение фотографии */
    bodybody.page-template-page-cases .case-card::before {
        content: "" !important;
        position: absolute !important;
        inset: 0 !important;

        background:
            linear-gradient(
                to bottom,
                rgba(0,0,0,.04) 25%,
                rgba(0,0,0,.08) 55%,
                rgba(0,0,0,.52) 100%
            ) !important;

        z-index: 1 !important;
        pointer-events: none !important;
    }

    /* Золотая категория сверху */
    bodybody.page-template-page-cases .case-card .case-category {
        position: absolute !important;

        top: 19px !important;
        left: 19px !important;

        width: 174px !important;
        min-height: 35px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        padding: 0 12px !important;

        background: #C7A86B !important;
        color: #00513D !important;

        border-radius: 9px !important;

        font-family: "Pulsar Sans", Arial, sans-serif !important;
        font-size: 11px !important;
        font-weight: 600 !important;
        line-height: 1.1 !important;

        text-transform: uppercase !important;

        z-index: 3 !important;
    }

    /* Название кейса снизу */
    bodybody.page-template-page-cases .case-card h3 {
        position: absolute !important;

        left: 24px !important;
        bottom: 30px !important;

        width: calc(100% - 90px) !important;

        margin: 0 !important;

        color: #fff !important;

        font-family: "Pulsar Sans", Arial, sans-serif !important;
        font-size: 16px !important;
        line-height: 1.25 !important;
        font-weight: 500 !important;

        text-transform: uppercase !important;
        text-align: left !important;

        z-index: 3 !important;
    }
}
/* =====================================================
   КЕЙСИ — ДОБІРКА СПРАВ
   Desktop — макет
===================================================== */

@media (min-width: 981px) {

    body.page-template-page-cases .cases-section {
        background: #f5f0e6 !important;
        padding: 58px 0 62px !important;
    }

    body.page-template-page-cases .cases-section .container {
        max-width: 1440px !important;
        width: calc(100% - 96px) !important;
        margin: 0 auto !important;
        padding: 0 !important;
    }


    /* ДОБІРКА СПРАВ */
    body.page-template-page-cases .cases-eyebrow {
        display: block !important;

        margin: 0 0 20px 0 !important;

        font-family: Arial, sans-serif !important;
        font-size: 12px !important;
        line-height: 1 !important;
        font-weight: 600 !important;

        letter-spacing: 3px !important;

        color: #00513d !important;
    }


    /* Справи за напрямами практики */
    body.page-template-page-cases .cases-section h2 {
        margin: 0 0 18px 0 !important;

        font-family: "Pulsar Serif", Georgia, "Times New Roman", serif !important;
        font-size: 38px !important;
        line-height: 1.05 !important;
        font-weight: 400 !important;

        letter-spacing: -0.5px !important;

        color: #172329 !important;
        text-align: left !important;
    }


    /* ФИЛЬТРЫ */
    body.page-template-page-cases .cases-filters {
        display: flex !important;
        gap: 12px !important;

        margin: 0 0 28px 0 !important;
    }

    body.page-template-page-cases .case-filter {
        height: 44px !important;

        padding: 0 30px !important;

        border: 1px solid rgba(199,168,107,.55) !important;
        background: transparent !important;

        color: #00513d !important;

        font-family: Arial, sans-serif !important;
        font-size: 11px !important;
        font-weight: 600 !important;

        cursor: pointer !important;
    }

    body.page-template-page-cases .case-filter.active {
        background: #00513d !important;
        border-color: #00513d !important;
        color: #fff !important;
    }


    /* СЕТКА */
    body.page-template-page-cases .case-grid {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 24px !important;

        margin: 0 !important;
    }


    /* КАРТОЧКА */
    body.page-template-page-cases .case-card {
        position: relative !important;

        height: 400px !important;
        min-height: 400px !important;

        padding: 0 !important;
        margin: 0 !important;

        overflow: hidden !important;
        border-radius: 0 !important;

        background: none !important;
    }


    /* ФОТО */
    body.page-template-page-cases .case-image {
        position: absolute !important;
        inset: 0 !important;

        width: 100% !important;
        height: 100% !important;

        object-fit: cover !important;
        object-position: center !important;

        display: block !important;
    }


    /* Затемнение снизу */
    body.page-template-page-cases .case-card::after {
        content: "" !important;

        position: absolute !important;
        inset: 0 !important;

        background: linear-gradient(
            to bottom,
            rgba(0,0,0,0) 45%,
            rgba(0,0,0,.58) 100%
        ) !important;

        pointer-events: none !important;
        z-index: 1 !important;
    }


    /* Золотая категория */
    body.page-template-page-cases .case-category {
        position: absolute !important;

        left: 24px !important;
        top: 24px !important;

        min-width: 175px !important;
        height: 44px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        padding: 0 20px !important;

        background: #c7a86b !important;
        color: #00513d !important;

        border-radius: 10px !important;

        font-family: Arial, sans-serif !important;
        font-size: 12px !important;
        font-weight: 600 !important;

        z-index: 2 !important;
    }


    /* Название кейса */
    body.page-template-page-cases .case-card h3 {
        position: absolute !important;

        left: 30px !important;
        bottom: 44px !important;

        width: calc(100% - 105px) !important;

        margin: 0 !important;

        color: #fff !important;

        font-family: Arial, sans-serif !important;
        font-size: 20px !important;
        line-height: 1.25 !important;
        font-weight: 500 !important;

        text-align: left !important;

        z-index: 2 !important;
    }


    /* Золотая круглая стрелка */
    body.page-template-page-cases .case-arrow {
        position: absolute !important;

        right: 22px !important;
        bottom: 22px !important;

        width: 44px !important;
        height: 44px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        border-radius: 50% !important;

        background: #d9b341 !important;
        color: #00513d !important;

        font-family: Arial, sans-serif !important;
        font-size: 20px !important;

        z-index: 2 !important;
    }

}
@media (min-width: 981px) {

    body.page-template-page-cases .case-card {
        position: relative !important;

        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;

        aspect-ratio: 1 / 1 !important;

        padding: 0 !important;
        margin: 0 !important;

        overflow: hidden !important;
        border-radius: 0 !important;
        background: none !important;
    }

    body.page-template-page-cases .case-image {
        position: absolute !important;
        inset: 0 !important;

        width: 100% !important;
        height: 100% !important;

        object-fit: cover !important;
        object-position: center !important;
    }

}
/* КЕЙСИ — изображение в карточках выравниваем по верху */
@media (min-width: 981px) {

    body.page-template-page-cases .case-image {
        object-position: center top !important;
    }

}
/* КЕЙСИ — активная кнопка фильтра */

body.page-template-page-cases .case-filter {
    cursor: pointer;
    transition:
        background-color .2s ease,
        color .2s ease,
        border-color .2s ease;
}

body.page-template-page-cases .case-filter.active {
    background: #00513D !important;
    border-color: #00513D !important;
    color: #FFFFFF !important;
}

body.page-template-page-cases .case-filter:not(.active):hover {
    border-color: #00513D !important;
}
/* КЕЙСИ — круглая кнопка на карточках */

body.page-template-page-cases .case-arrow {
    position: absolute !important;

    right: 26px !important;
    bottom: 26px !important;

    width: 38px !important;
    height: 38px !important;

    padding: 0 !important;
    margin: 0 !important;

    border: none !important;
    border-radius: 50% !important;

    background: #D4AD45 !important;
    color: #00513D !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    font-family: Arial, sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1 !important;

    cursor: pointer !important;

    transition: transform .2s ease !important;

    z-index: 10 !important;
}


/* При наведении немного увеличиваем */

body.page-template-page-cases .case-arrow:hover {
    transform: scale(1.12) !important;
}


/* При нажатии слегка возвращаем */

body.page-template-page-cases .case-arrow:active {
    transform: scale(1.04) !important;
}
/* =====================================================
   КЕЙСИ — БЛОК "МАЄТЕ СХОЖУ СИТУАЦІЮ?"
   как в макете
===================================================== */

@media (min-width: 981px) {

    body.page-template-page-cases .cases-question {
        background: #003E29 !important;
        padding: 34px 0 !important;
        margin: 0 !important;
    }

    body.page-template-page-cases .cases-question .small-box {
    max-width: 1180px !important;
    width: calc(100% - 96px) !important;

    margin: 0 auto !important;
    padding: 0 !important;

    background: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;

    display: grid !important;

    grid-template-columns: 560px auto !important;
    grid-template-rows: auto auto !important;

    align-items: center !important;
    justify-content: center !important;

    column-gap: 70px !important;

    text-align: left !important;
}

    /* Заголовок */
    body.page-template-page-cases .cases-question h2 {
        grid-column: 1 !important;
        grid-row: 1 !important;

        margin: 0 0 14px 0 !important;

        font-family: "Pulsar Serif", Georgia, "Times New Roman", serif !important;
        font-size: 28px !important;
        line-height: 1.1 !important;
        font-weight: 400 !important;
        color: #ffffff !important;
        text-align: left !important;
    }

    /* Описание */
    body.page-template-page-cases .cases-question p {
        grid-column: 1 !important;
        grid-row: 2 !important;

        margin: 0 !important;

        font-family: "Pulsar Sans", Arial, sans-serif !important;
        font-size: 14px !important;
        line-height: 1.4 !important;
        font-weight: 400 !important;

        color: rgba(255,255,255,.88) !important;
        text-align: left !important;
    }

    /* CTA справа */
    body.page-template-page-cases .cases-question .btn {
        grid-column: 2 !important;
        grid-row: 1 / span 2 !important;

        align-self: center !important;

        margin: 0 !important;
        padding: 0 !important;

        width: auto !important;
        min-width: 0 !important;
        height: auto !important;

        background: transparent !important;
        border: none !important;
        box-shadow: none !important;

        color: #D4AD45 !important;

        font-family: "Pulsar Sans", Arial, sans-serif !important;
        font-size: 12px !important;
        font-weight: 600 !important;
        line-height: 1 !important;

        text-transform: uppercase !important;
        text-decoration: none !important;

        cursor: pointer !important;

        transition: transform .2s ease !important;
    }

    body.page-template-page-cases .cases-question .btn:hover {
        transform: translateX(4px) !important;
    }

}
/* ==================================================
   КЕЙСИ — единая левая вертикаль с HERO
   Desktop
================================================== */

@media (min-width: 981px) {

    body.page-template-page-cases .cases-section > .container {
        max-width: 1180px !important;
        width: calc(100% - 90px) !important;

        margin-left: auto !important;
        margin-right: auto !important;

        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
    }

}
/* =====================================================
   КОМАНДА — HERO как на странице КЕЙСИ
   Desktop
===================================================== */

@media (min-width: 981px) {

    body.page-template-page-team .team-hero {
        position: relative !important;
        overflow: hidden !important;

        height: 360px !important;
        min-height: 360px !important;
        max-height: 360px !important;

        padding: 0 !important;

        background-color: #003E29 !important;

        background-image:
            radial-gradient(
                circle 3.5px at calc(50% + 353.7px) 105px,
                #C7A86B 0 3.5px,
                transparent 4px
            ) !important;

        background-repeat: no-repeat !important;
    }


    /* ТЕКСТОВЫЙ КОНТЕЙНЕР */
    body.page-template-page-team .team-hero .hero-content {
        position: relative !important;
        z-index: 2 !important;

        max-width: 1180px !important;
        width: calc(100% - 96px) !important;

        margin: 0 auto !important;
        padding: 78px 0 0 0 !important;

        box-sizing: border-box !important;

        transform: none !important;
        text-align: left !important;
    }


    /* МАЛЕНЬКАЯ НАДПИСЬ КОМАНДА */
    body.page-template-page-team .team-hero .hero-content::before {
        content: "КОМАНДА" !important;

        display: block !important;

        margin: 0 0 24px 0 !important;

        color: #C7A86B !important;

        font-family: "Pulsar Sans", Arial, sans-serif !important;
        font-size: 12px !important;
        font-weight: 600 !important;
        line-height: 1 !important;

        letter-spacing: 3px !important;
        text-transform: uppercase !important;
    }


    /* ГЛАВНЫЙ ЗАГОЛОВОК */
    body.page-template-page-team .team-hero h1 {
        margin: 0 0 24px 0 !important;

        max-width: none !important;
        width: auto !important;

        font-family: "Pulsar Serif", Georgia, "Times New Roman", serif !important;
        font-size: 56px !important;
        font-weight: 400 !important;
        line-height: 0.97 !important;

        letter-spacing: -1.12px !important;

        color: #FFFFFF !important;
        text-align: left !important;

        white-space: nowrap !important;
    }


    /* ОПИСАНИЕ */
    body.page-template-page-team .team-hero p {
        margin: 0 !important;

        max-width: 760px !important;

        font-family: "Pulsar Sans", Arial, sans-serif !important;
        font-size: 20px !important;
        font-weight: 400 !important;
        line-height: 26px !important;

        color: #FFFFFF !important;
        text-align: left !important;
    }


    /* БОЛЬШОЙ КРУГ */
    body.page-template-page-team .team-hero::before {
        content: "" !important;

        position: absolute !important;

        width: 410px !important;
        height: 410px !important;

        left: calc(50% + 260px) !important;
        top: -95px !important;

        border: 1px solid rgba(199,168,107,.22) !important;
        border-radius: 50% !important;

        box-sizing: border-box !important;

        pointer-events: none !important;
        z-index: 1 !important;
    }


    /* МАЛЫЙ КРУГ */
    body.page-template-page-team .team-hero::after {
        content: "" !important;

        position: absolute !important;

        width: 213.2px !important;
        height: 213.2px !important;

        left: calc(50% + 358.4px) !important;
        top: 3.4px !important;

        border: 1px solid rgba(199,168,107,.28) !important;
        border-radius: 50% !important;

        box-sizing: border-box !important;

        pointer-events: none !important;
        z-index: 1 !important;
    }

}
/* =====================================================
   КОМАНДА — блок сотрудников как в макете
   Desktop
===================================================== */

@media (min-width: 981px) {

    body.page-template-page-team .team {
        background: #f5f0e6 !important;
        padding: 55px 0 28px !important;
    }

    body.page-template-page-team .team > .container {
        max-width: 1180px !important;
        width: calc(100% - 96px) !important;
        margin: 0 auto !important;
        padding: 0 !important;
    }

    body.page-template-page-team .team .eyebrow {
        display: block !important;

        margin: 0 0 18px 0 !important;

        color: #003E29 !important;

        font-family: "Pulsar Sans", Arial, sans-serif !important;
        font-size: 11px !important;
        font-weight: 600 !important;
        line-height: 1 !important;

        letter-spacing: 2.8px !important;
        text-transform: uppercase !important;
    }

    body.page-template-page-team .team .section-heading-row {
        display: block !important;
        margin: 0 0 42px 0 !important;
    }

    body.page-template-page-team .team .section-heading-row h2 {
        margin: 0 !important;

        font-family: "Pulsar Serif", Georgia, serif !important;
        font-size: 38px !important;
        line-height: 1.05 !important;
        font-weight: 400 !important;

        color: #172329 !important;
        text-align: left !important;
    }


    /* Сетка 2 × 2 */

    body.page-template-page-team .team-grid {
        display: grid !important;

        grid-template-columns: repeat(2, 1fr) !important;

        gap: 22px 48px !important;
    }


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

    body.page-template-page-team .person {
        display: grid !important;

        grid-template-columns: 158px 1fr !important;

        min-height: 250px !important;

        background: #ffffff !important;

        border: none !important;
        box-shadow: none !important;

        padding: 15px !important;

        box-sizing: border-box !important;
    }


    /* Фото */

    body.page-template-page-team .person-photo {
        height: 220px !important;

        border: 1px solid rgba(199,168,107,.55) !important;

        overflow: hidden !important;
    }

    body.page-template-page-team .person-photo img {
        width: 100% !important;
        height: 100% !important;

        object-fit: contain !important;
        object-position: center bottom !important;

        display: block !important;
    }


    /* Информация */

    body.page-template-page-team .person-info {
        padding: 32px 18px 18px 24px !important;

        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
    }

    body.page-template-page-team .person-info h3 {
        margin: 0 0 26px 0 !important;

        font-family: "Pulsar Serif", Georgia, serif !important;
        font-size: 22px !important;
        line-height: 1.1 !important;
        font-weight: 400 !important;

        color: #172329 !important;
    }

    body.page-template-page-team .person-role {
        margin: 0 !important;

        color: #003E29 !important;

        font-family: "Pulsar Sans", Arial, sans-serif !important;
        font-size: 10px !important;
        font-weight: 600 !important;

        letter-spacing: 1.2px !important;
        text-transform: uppercase !important;
    }


    /* Тонкая линия */

    body.page-template-page-team .person-divider {
        width: 100% !important;
        height: 1px !important;

        margin: 22px 0 18px 0 !important;

        background: rgba(199,168,107,.45) !important;
    }


    /* ПРОФІЛЬ */

    body.page-template-page-team .person-profile {
        padding: 0 !important;
        margin: 0 0 18px 0 !important;

        border: none !important;
        background: transparent !important;

        color: #003E29 !important;

        font-family: "Pulsar Sans", Arial, sans-serif !important;
        font-size: 10px !important;
        font-weight: 600 !important;

        cursor: pointer !important;

        transition: transform .2s ease !important;
    }

    body.page-template-page-team .person-profile:hover {
        transform: translateX(4px) !important;
    }


    /* Соцсети */

    body.page-template-page-team .socials {
        display: flex !important;
        gap: 10px !important;

        margin-top: auto !important;
    }

    body.page-template-page-team .socials a {
        width: 24px !important;
        height: 24px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        border: 1px solid #C7A86B !important;
        border-radius: 50% !important;

        color: #003E29 !important;

        text-decoration: none !important;

        font-family: Arial, sans-serif !important;
        font-size: 12px !important;
    }

}
@media (min-width: 981px) {

    body.page-template-page-team .team-cta {
        background: #f5f0e6 !important;

        padding: 0 0 32px !important;
        margin: 0 !important;
    }

    body.page-template-page-team .team-cta .container {
        max-width: 1180px !important;
        width: calc(100% - 96px) !important;

        margin: 0 auto !important;
        padding: 24px 30px !important;

        background: #003E29 !important;

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

        box-sizing: border-box !important;
    }

    body.page-template-page-team .team-cta h2 {
        margin: 0 !important;

        color: #fff !important;

        font-family: "Pulsar Serif", Georgia, serif !important;
        font-size: 24px !important;
        font-weight: 400 !important;
    }

    body.page-template-page-team .team-cta .btn {
        margin: 0 !important;

        padding: 13px 22px !important;

        background: #C7A86B !important;
        border: none !important;

        color: #003E29 !important;

        font-family: "Pulsar Sans", Arial, sans-serif !important;
        font-size: 10px !important;
        font-weight: 600 !important;

        text-transform: uppercase !important;
    }

}
/* =====================================================
   TEAM PAGE — CTA "Хочете працювати з нами?"
   ===================================================== */

body.page-template-page-team .team-cta {
    background: transparent !important;
    padding: 22px 0 24px !important;
    margin: 0 !important;
}

/* Сама зеленая плашка */
body.page-template-page-team .team-cta .container {
    max-width: 1180px !important;
    width: calc(100% - 96px) !important;

    min-height: 74px !important;
    margin: 0 auto !important;
    padding: 0 30px !important;

    background: #003E29 !important;

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

    box-sizing: border-box !important;
}

/* Текст слева */
body.page-template-page-team .team-cta h2 {
    margin: 0 !important;
    padding: 0 !important;

    font-family: "Pulsar Serif", Georgia, "Times New Roman", serif !important;
    font-size: 22px !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;

    color: #ffffff !important;
}

/* Кнопка справа */
body.page-template-page-team .team-cta .btn {
    margin: 0 !important;
    padding: 0 20px !important;

    width: auto !important;
    min-width: 160px !important;
    height: 31px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: #D4AD45 !important;
    color: #003E29 !important;

    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;

    font-family: Arial, sans-serif !important;
    font-size: 9px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}

/* Небольшой эффект при наведении */
body.page-template-page-team .team-cta .btn:hover {
    transform: scale(1.03);
    background: #D4AD45 !important;
}
/* TEAM CTA — кнопка точно как в макете */
body.page-template-page-team .team-cta a.btn.btn-gold {
    width: 160px !important;
    min-width: 160px !important;
    max-width: 160px !important;

    height: 31px !important;
    min-height: 31px !important;

    padding: 0 !important;
    margin: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: #D4AD45 !important;
    color: #003E29 !important;

    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;

    font-family: Arial, sans-serif !important;
    font-size: 9px !important;
    font-weight: 700 !important;
    line-height: 1 !important;

    white-space: nowrap !important;
    text-decoration: none !important;

    flex: 0 0 160px !important;
}
/* =====================================================
   CASES — CTA плашка как в макете
   ===================================================== */

/* Внешняя секция — светлый фон */
body.page-template-page-cases .cases-question {
    background: #F5F0E6 !important;
    padding: 60px 0 !important;
    margin: 0 !important;
}

/* Зеленая плашка */
body.page-template-page-cases .cases-question .small-box {
    position: relative !important;

    max-width: 1180px !important;
    width: calc(100% - 96px) !important;
    min-height: 160px !important;

    margin: 0 auto !important;
    padding: 32px 32px !important;

    background: #003E29 !important;
    box-sizing: border-box !important;

    display: block !important;
}

/* Заголовок */
body.page-template-page-cases .cases-question h2 {
    margin: 0 0 16px 0 !important;
    padding: 0 !important;

    font-family: "Pulsar Serif", Georgia, "Times New Roman", serif !important;
    font-size: 24px !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;

    color: #fff !important;
}

/* Описание */
body.page-template-page-cases .cases-question p {
    margin: 0 !important;
    padding: 0 !important;

    max-width: 620px !important;

    font-size: 14px !important;
    line-height: 1.4 !important;
    color: #fff !important;
}

/* Кнопка справа — строго по центру плашки по вертикали */
body.page-template-page-cases .cases-question .btn {
    position: absolute !important;

    right: 32px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;

    margin: 0 !important;
    padding: 0 !important;

    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;

    color: #D4AD45 !important;

    font-family: Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1 !important;

    text-decoration: none !important;
    white-space: nowrap !important;
}
/* =====================================================
   GLOBAL FOOTER — как в макете
===================================================== */

.site-footer {
    position: relative;

    background: #003E29 !important;
    color: #ffffff;

    padding: 58px 0 28px;
}


/* =====================================================
   ВЕРХ — ФОРМА
===================================================== */

.site-footer .footer-contact-grid {
    max-width: 1180px;
    width: calc(100% - 96px);

    margin: 0 auto;

    display: grid;
    grid-template-columns: 360px 1fr;
    column-gap: 120px;

    position: relative;
}


/* Левая часть */

.site-footer .footer-contact-intro {
    position: relative;
    min-height: 305px;
}

.site-footer .footer-eyebrow {
    display: block;

    margin-bottom: 20px;

    color: #C7A86B;

    font-family: "Pulsar Sans", Arial, sans-serif;
    font-size: 11px;
    font-weight: 600;

    letter-spacing: 2px;
    text-transform: uppercase;
}


.site-footer .footer-contact-intro h2 {
    margin: 0 0 14px;

    color: #fff;

    font-family: "Pulsar Serif", Georgia, serif;
    font-size: 52px;
    font-weight: 400;
    line-height: 1;
}


.site-footer .footer-contact-intro p {
    margin: 0;

    color: rgba(255,255,255,.78);

    font-family: "Pulsar Sans", Arial, sans-serif;
    font-size: 18px;
    line-height: 1.45;
}


/* =====================================================
   ДЕКОРАТИВНЫЕ КОЛЬЦА
===================================================== */

.footer-rings {
    position: absolute;

    left: -25px;
    bottom: 0;

    width: 280px;
    height: 150px;

    pointer-events: none;
}


.footer-ring {
    position: absolute;

    border: 1px solid rgba(199,168,107,.35);
    border-radius: 50%;
}


.footer-ring-big {
    width: 170px;
    height: 105px;

    left: 0;
    top: 38px;

    transform: rotate(8deg);
}


.footer-ring-small {
    width: 165px;
    height: 90px;

    left: 110px;
    top: 0;

    transform: rotate(-35deg);
}


.footer-ring-dot {
    position: absolute;

    width: 7px;
    height: 7px;

    left: 132px;
    top: 72px;

    background: #C7A86B;

    border-radius: 50%;
}


/* =====================================================
   ФОРМА
===================================================== */

.site-footer .footer-contact-form {
    display: flex;
    flex-direction: column;
}


.site-footer .footer-contact-form label {
    display: block;
}


.site-footer .footer-contact-form label > span {
    display: block;

    color: rgba(255,255,255,.8);

    font-family: "Pulsar Sans", Arial, sans-serif;
    font-size: 14px;
}


.site-footer .footer-contact-form input[type="text"],
.site-footer .footer-contact-form input[type="tel"],
.site-footer .footer-contact-form textarea {
    width: 100%;

    margin: 0 0 26px;
    padding: 7px 0 10px;

    background: transparent;

    border: none;
    border-bottom: 1px solid rgba(255,255,255,.30);
    border-radius: 0;

    color: #fff;

    outline: none;

    box-sizing: border-box;
}


.site-footer .footer-contact-form textarea {
    resize: none;
    min-height: 76px;
}


/* checkbox */

.site-footer .footer-consent {
    display: flex !important;
    align-items: center;

    gap: 8px;

    margin: -6px 0 14px;
}


.site-footer .footer-consent input {
    width: 14px;
    height: 14px;

    margin: 0;

    accent-color: #C7A86B;
}


.site-footer .footer-consent > span {
    display: inline !important;

    font-size: 12px !important;
}


.site-footer .footer-consent a {
    color: rgba(255,255,255,.75);
}


/* Кнопка отправки */

.site-footer .footer-submit {
    width: 100%;
    height: 42px;

    border: none;

    background: #C7A86B;
    color: #003E29;

    font-family: "Pulsar Sans", Arial, sans-serif;
    font-size: 13px;
    font-weight: 700;

    cursor: pointer;

    transition: transform .2s ease;
}


.site-footer .footer-submit span {
    margin-left: 8px;
}


.site-footer .footer-submit:hover {
    transform: scale(1.01);
}


/* =====================================================
   НИЖНИЙ БЛОК
===================================================== */

.site-footer .footer-info-grid {
    max-width: 1180px;
    width: calc(100% - 96px);

    margin: 55px auto 0;

    display: grid;

    grid-template-columns:
        2fr
        1fr
        1fr
        1.25fr;

    column-gap: 55px;

    align-items: start;
}


/* Логотип */

.site-footer .footer-brand img {
    width: 85px;
    height: auto;

    display: block;

    margin-bottom: 14px;
}


.site-footer .footer-brand p {
    margin: 0;

    color: rgba(255,255,255,.70);

    font-family: "Pulsar Sans", Arial, sans-serif;

    font-size: 14px;
    line-height: 1.5;
}


/* Навигация */

.site-footer .footer-nav-col {
    display: flex;
    flex-direction: column;

    gap: 22px;
}


.site-footer .footer-nav-col a {
    color: #ffffff;

    text-decoration: none;

    font-family: "Pulsar Sans", Arial, sans-serif;

    font-size: 13px;
    font-weight: 500;
}


.site-footer .footer-nav-col a:hover {
    color: #C7A86B;
}


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

.site-footer .footer-contacts {
    display: flex;
    flex-direction: column;

    gap: 14px;
}


.site-footer .footer-contacts-title {
    color: #C7A86B;

    font-family: "Pulsar Sans", Arial, sans-serif;

    font-size: 13px;
    font-weight: 500;
}


.site-footer .footer-contacts p {
    margin: 0;

    color: rgba(255,255,255,.80);

    font-size: 14px;
    line-height: 1.4;
}


.site-footer .footer-contacts a {
    color: rgba(255,255,255,.88);

    text-decoration: none;

    font-size: 14px;
}


/* =====================================================
   FOOTER BOTTOM
===================================================== */

.site-footer .footer-bottom {
    max-width: 1180px;
    width: calc(100% - 96px);

    margin: 45px auto 0;
    padding-top: 24px;

    border-top: 1px solid rgba(255,255,255,.15);

    display: flex;

    justify-content: space-between;
    align-items: center;

    color: rgba(255,255,255,.40);

    font-family: "Pulsar Sans", Arial, sans-serif;

    font-size: 11px;
}


.site-footer .footer-bottom-links {
    display: flex;

    gap: 12px;
}


.site-footer .footer-bottom-links a {
    color: rgba(255,255,255,.40);

    text-decoration: none;
}
/* ================================
   ФІНАЛЬНІ ПРАВКИ ФУТЕРА (DESKTOP)
================================ */

/* Контакти у футері — телефон під email */
.footer-contact-links a {
  display: block;       /* кожен контакт окремим рядком */
  margin-bottom: 6px;
}

/* Структуровані блоки контактів */
.footer-contact-block {
  margin-bottom: 18px;
}
.footer-office-name {
  font-weight: 700;
  margin-bottom: 8px;
}
.footer-address {
  margin-bottom: 12px;
  line-height: 1.4;
}

/* Лінія над нижнім блоком футера на всю ширину */
.footer-bottom {
  border-top: none; /* прибираємо стару лінію в контейнері */
}
.site-footer {
  border-top: 1px solid rgba(199,168,107,.18); /* верхня золота */
  border-bottom: 1px solid #fff;               /* нижня біла на всю ширину */
}


/* =====================================================
   MOBILE
===================================================== */

@media (max-width: 980px) {

    .site-footer {
        padding: 40px 0 24px;
    }


    .site-footer .footer-contact-grid {
        width: calc(100% - 40px);

        grid-template-columns: 1fr;

        row-gap: 40px;
    }


    .site-footer .footer-contact-intro {
        min-height: auto;
    }


    .footer-rings {
        display: none;
    }


    .site-footer .footer-contact-intro h2 {
        font-size: 42px;
    }


    .site-footer .footer-info-grid {
        width: calc(100% - 40px);

        grid-template-columns: repeat(2, 1fr);

        row-gap: 40px;
    }


    .site-footer .footer-bottom {
        width: calc(100% - 40px);

        flex-direction: column;

        align-items: flex-start;

        gap: 12px;
    }

}
/* TEAM — Instagram icon */
.team .social-instagram {
    width: 28px;
    height: 28px;
    border: 1px solid #D4AD45;
    border-radius: 50%;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 0;
    font-size: 0;
    color: #003E29;
}

.team .social-instagram svg {
    width: 14px;
    height: 14px;

    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.team .social-instagram svg circle:last-child {
    fill: currentColor;
    stroke: none;
}
/* TEAM — Facebook icon */
.team .social-facebook {
    width: 28px;
    height: 28px;
    border: 1px solid #D4AD45;
    border-radius: 50%;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 0;
    font-size: 0;
    color: #003E29;
}

.team .social-facebook svg {
    width: 13px;
    height: 13px;
    fill: currentColor;
    display: block;
}
/* TEAM — логотип по одной вертикали с Hero */
body.page-template-page-team .site-header .header-inner {
    max-width: 1220px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
}

body.page-template-page-team .site-header .site-logo {
    margin-left: 0;
}
/* ==========================================
   ГЛАВНАЯ — ABOUT: квадрат фото + плашка
========================================== */

.home .about-image {
    width: 100% !important;
    aspect-ratio: 1 / 1 !important;

    position: relative !important;
    overflow: hidden !important;

    display: flex !important;
    flex-direction: column !important;
}

/* Фото занимает верхнюю часть квадрата */
.home .about-image picture {
    display: block !important;

    width: 100% !important;
    height: calc(100% - 92px) !important;

    overflow: hidden !important;
}

.home .about-image picture img {
    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
    object-position: center top !important;

    display: block !important;
}

/* Зеленая плашка */
.home .about-image figcaption {
    position: absolute !important;

    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;

    height: 92px !important;
    min-height: 92px !important;

    margin: 0 !important;
    padding: 0 28px !important;

    background: #003E29 !important;

    display: flex !important;
    align-items: center !important;

    box-sizing: border-box !important;

    z-index: 5 !important;
}
/* ==========================================
   FACEBOOK ICON — ГЛАВНАЯ
========================================== */

.home .social-facebook {
    font-size: 0 !important;

    width: 28px !important;
    height: 28px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    border: 1px solid #D2AE63 !important;
    border-radius: 50% !important;

    position: relative !important;
    box-sizing: border-box !important;
}

/* буква f */
.home .social-facebook::before {
    content: "f" !important;

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 19px !important;
    font-weight: 700 !important;
    line-height: 1 !important;

    color: #003E29 !important;

    position: relative !important;
    top: 1px !important;
}
/* =========================================
   MOBILE HERO — зелёная подложка над фото
   ========================================= */

@media (max-width: 767px) {

    /* сам HERO */
    body.home .hero {
        position: relative !important;
        isolation: isolate;
    }

    /* зелёный полупрозрачный слой */
    body.home .hero::before {
        content: "";
        position: absolute;
        inset: 0;

        background: rgba(0, 62, 41, 0.48);

        z-index: 1;
        pointer-events: none;
    }

    /* весь текст + кнопки поверх подложки */
    body.home .hero .container,
    body.home .hero .hero-content {
        position: relative;
        z-index: 2;
    }
}
/* =========================================
   MOBILE — ОСНОВНІ ПОСЛУГИ
   квадратные карточки как в макете
   ========================================= */

@media (max-width: 767px) {

    /* сетка */
    body.home .services-grid {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 14px !important;
    }

    /* ВСЕ карточки делаем квадратными */
    body.home .service-card {
        width: 100% !important;
        aspect-ratio: 1 / 1 !important;

        min-height: 0 !important;
        height: auto !important;

        box-sizing: border-box !important;
    }

    /* зелёная карточка ВСІ ПОСЛУГИ */
    body.home .service-card.all-services,
    body.home .services-all,
    body.home .all-services {
        width: 100% !important;
        aspect-ratio: 1 / 1 !important;

        min-height: 0 !important;
        height: auto !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        padding: 20px !important;
        box-sizing: border-box !important;
    }

    /* ссылка внутри зелёной карточки */
    body.home .service-card.all-services a,
    body.home .services-all a,
    body.home .all-services a {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: center !important;

        gap: 14px !important;

        width: auto !important;
        height: auto !important;

        margin: 0 !important;
        padding: 0 !important;

        white-space: nowrap !important;

        color: #D2AE63 !important;
    }

    /* если стрелка отдельным span */
    body.home .service-card.all-services a span,
    body.home .services-all a span,
    body.home .all-services a span {
        margin: 0 !important;
    }
}
@media (max-width: 767px) {

    /* ТОЛЬКО кнопка "ВСІ ПОСЛУГИ" */
    .all-services a {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 14px !important;

        width: 100% !important;
        height: 100% !important;

        margin: 0 !important;
        padding: 0 !important;
        white-space: nowrap !important;
    }

    .all-services a span {
        display: inline-block !important;
        position: static !important;
        margin: 0 !important;
        transform: none !important;
    }
}
/* =========================================
   MOBILE — кнопка "ВСІ ПОСЛУГИ"
   текст + стрелка в одну строку по центру
========================================= */

@media (max-width: 767px) {

    body.home .service-card.service-more {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: center !important;

        gap: 14px !important;

        text-align: center !important;
    }

    /* если стрелка сделана через ::after */
    body.home .service-card.service-more::after {
        position: static !important;
        display: inline-block !important;

        margin: 0 !important;
        transform: none !important;

        line-height: 1 !important;
    }

    /* если внутри есть span */
    body.home .service-card.service-more span {
        position: static !important;
        display: inline-block !important;

        margin: 0 !important;
        transform: none !important;
    }
}
@media (max-width: 767px) {

    body.home .service-card.service-more {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 14px !important;
    }

    body.home .service-card.service-more > * {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        margin: 0 !important;
        padding: 0 !important;

        line-height: 1 !important;
        vertical-align: middle !important;
    }

    body.home .service-card.service-more > *:last-child {
        transform: translateY(-4px) !important;
    }
}
@media (max-width: 767px) {

    body.home #services .service-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

        gap: 14px !important;

        width: 100% !important;
        box-sizing: border-box !important;
    }

    body.home #services .service-grid > .service-card {
        width: 100% !important;
        max-width: none !important;

        margin: 0 !important;

        aspect-ratio: 1 / 1 !important;
        height: auto !important;
        min-height: 0 !important;

        box-sizing: border-box !important;
    }
}
/* ==================================================
   CTA ПОД УСЛУГАМИ — ТОЛЬКО MOBILE
================================================== */

.services-mobile-cta {
    display: none;
}

@media (max-width: 767px) {

    body.home .services-mobile-cta {
        display: block !important;
        width: 100% !important;
        box-sizing: border-box !important;

        margin: 36px auto 0 !important;
        padding: 0 6px 48px !important;

        text-align: center !important;
    }

    body.home .services-mobile-cta p {
        width: 100% !important;
        max-width: 340px !important;

        margin: 0 auto 18px !important;
        padding: 0 !important;

        font-size: 16px !important;
        font-weight: 400 !important;
        line-height: 1.35 !important;

        color: #3f4446 !important;
        text-align: center !important;
    }

    body.home .services-mobile-cta-btn {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 100% !important;
        height: 58px !important;

        margin: 0 auto !important;
        padding: 0 !important;

        box-sizing: border-box !important;

        background: #00452f !important;
        color: #ffffff !important;

        border: 1px solid #c7a86b !important;
        border-radius: 0 !important;

        font-size: 14px !important;
        font-weight: 700 !important;
        line-height: 1 !important;

        text-align: center !important;
        text-decoration: none !important;

        box-shadow: 0 4px 9px rgba(0,0,0,.15) !important;
    }
}
/* =====================================================
   HOME — ПРО НАС / MOBILE как в макете
===================================================== */

@media (max-width: 767px) {

    /* весь блок */
    body.home #about {
        position: relative !important;
        overflow: hidden !important;

        background: #F5F0E6 !important;

        padding: 68px 0 38px !important;
        margin: 0 !important;
    }


    /* контейнер */
    body.home #about .container {
        width: calc(100% - 48px) !important;
        max-width: none !important;

        margin: 0 auto !important;
        padding: 0 !important;

        display: block !important;
    }


    /* текстовая колонка */
    body.home #about .about-copy {
        width: 100% !important;
        max-width: none !important;

        margin: 0 !important;
        padding: 0 !important;

        position: relative !important;
        z-index: 2 !important;
    }


    /* ПРО НАС */
    body.home #about .eyebrow {
        display: block !important;

        margin: 0 0 18px !important;

        font-size: 12px !important;
        font-weight: 600 !important;
        line-height: 1 !important;

        letter-spacing: 2px !important;

        color: #8C7044 !important;
    }


    /* Заголовок */
    body.home #about h2 {
        margin: 0 0 30px !important;
        padding: 0 !important;

        max-width: 330px !important;

        font-family: "Pulsar Serif", Georgia, "Times New Roman", serif !important;
        font-size: 40px !important;
        font-weight: 400 !important;
        line-height: 1.08 !important;
        letter-spacing: -0.5px !important;

        color: #161D21 !important;
    }


    /* Основной текст */
    body.home #about .about-copy p {
        margin: 0 0 22px !important;
        padding: 0 !important;

        font-family: "Pulsar Sans", Arial, sans-serif !important;
        font-size: 16px !important;
        font-weight: 400 !important;
        line-height: 1.55 !important;

        color: #697275 !important;
    }


    /* На мобильной скрываем третий абзац "Наша сила..." */
    body.home #about .about-copy p:nth-of-type(3) {
        display: none !important;
    }


    /* Жирная строка */
    body.home #about .about-copy strong {
        display: block !important;

        margin: 30px 0 20px !important;

        font-family: "Pulsar Sans", Arial, sans-serif !important;
        font-size: 17px !important;
        font-weight: 700 !important;
        line-height: 1.35 !important;

        color: #161D21 !important;
    }


    /* Кнопка */
    body.home #about .btn-gold {
        width: 100% !important;
        height: 58px !important;

        margin: 0 !important;
        padding: 0 20px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        background: #D2AE63 !important;
        color: #003E29 !important;

        border: none !important;
        border-radius: 0 !important;
        box-shadow: none !important;

        font-size: 14px !important;
        font-weight: 700 !important;
        line-height: 1 !important;

        text-decoration: none !important;

        box-sizing: border-box !important;
    }


    /* Фото на mobile убираем */
    body.home #about .about-image {
        display: none !important;
    }


    /* декоративные кольца справа сверху */
    body.home #about::before,
    body.home #about::after {
        content: "";
        position: absolute;

        border: 1px solid rgba(199, 168, 107, .32);
        border-radius: 50%;

        pointer-events: none;
        z-index: 1;
    }

    body.home #about::before {
        width: 112px;
        height: 112px;

        right: -45px;
        top: -24px;
    }

    body.home #about::after {
        width: 70px;
        height: 70px;

        right: -14px;
        top: -8px;
    }
}
/* MOBILE — заголовок "Успішні кейси" по левому краю карточек */
@media (max-width: 767px) {

    body.home #cases h2,
    body.home .cases h2 {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;

        text-align: left !important;
    }
}
@media (max-width: 767px) {

    /* только вторая карточка кейсов на главной */
    body.home #cases .case-card.case-2 {
        background-position: center top !important;
    }

}
@media (max-width: 767px) {

    /* Кнопка "УСІ КЕЙСИ" */
    body.home #cases .center-action a {
        position: relative !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 100% !important;
        height: 64px !important;

        padding: 0 56px 0 20px !important;

        background: #003E29 !important;
        color: #ffffff !important;

        border: none !important;
        border-radius: 0 !important;

        font-size: 16px !important;
        font-weight: 700 !important;
        line-height: 1 !important;

        text-decoration: none !important;
        box-sizing: border-box !important;
    }

    /* золотая стрелка справа */
    body.home #cases .center-action a::after {
        content: "→" !important;

        position: absolute !important;
        right: 24px !important;
        top: 50% !important;

        transform: translateY(-50%) !important;

        color: #D4AD45 !important;

        font-size: 28px !important;
        font-weight: 400 !important;
        line-height: 1 !important;
    }
}
@media (max-width: 767px) {

    /* КНОПКА УСІ КЕЙСИ */
    body.home #cases .center-action a {
        position: relative !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 100% !important;
        height: 64px !important;

        /* одинаковые отступы важны для точного центра текста */
        padding: 0 60px !important;

        box-sizing: border-box !important;

        background: #00452f !important;
        color: #ffffff !important;

        border: none !important;
        border-radius: 0 !important;

        font-size: 16px !important;
        font-weight: 700 !important;
        line-height: 1 !important;

        text-align: center !important;
        text-decoration: none !important;
    }


    /* ЗОЛОТАЯ СТРЕЛКА */
    body.home #cases .center-action a::after {
        content: "⟶" !important;

        position: absolute !important;

        right: 25px !important;
        top: 50% !important;

        transform: translateY(-52%) !important;

        display: block !important;

        color: #D2AE63 !important;

        font-family: Arial, sans-serif !important;
        font-size: 30px !important;
        font-weight: 400 !important;
        line-height: 1 !important;

        width: auto !important;
        height: auto !important;

        margin: 0 !important;
        padding: 0 !important;
    }
}
/* =========================================================
   GLOBAL FOOTER — MOBILE / как в макете
========================================================= */

@media (max-width: 767px) {

    /* Весь подвал */
    .site-footer {
        background: #003E29 !important;
        color: #fff !important;

        padding: 0 0 22px !important;
        margin: 0 !important;
    }


    /* =====================================================
       НИЖНЯЯ ЧАСТЬ FOOTER
    ===================================================== */

    .site-footer .footer-info-grid {
        width: calc(100% - 40px) !important;
        max-width: none !important;

        margin: 0 auto !important;
        padding: 54px 0 0 !important;

        display: grid !important;

        grid-template-columns: 1fr 1fr !important;

        grid-template-areas:
            "brand brand"
            "menu-title menu-title"
            "nav1 nav2"
            "contacts contacts" !important;

        column-gap: 34px !important;
        row-gap: 0 !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       ЛОГО + ПОДПИСЬ
    ===================================================== */

    .site-footer .footer-brand {
        grid-area: brand !important;

        width: 100% !important;

        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;

        margin: 0 0 46px !important;

        text-align: center !important;
    }

    .site-footer .footer-brand img {
        width: 150px !important;
        height: auto !important;

        margin: 0 auto 24px !important;

        display: block !important;
    }

    .site-footer .footer-brand p {
        margin: 0 !important;

        font-family: "Pulsar Sans", Arial, sans-serif !important;
        font-size: 17px !important;
        font-weight: 400 !important;
        line-height: 1.55 !important;

        color: rgba(255,255,255,.78) !important;

        text-align: center !important;
    }


    /* =====================================================
       ЗАГОЛОВОК "МЕНЮ"
       создаём без изменения PHP
    ===================================================== */

    .site-footer .footer-info-grid::before {
        content: "Меню";

        grid-area: menu-title !important;

        display: block !important;

        margin: 0 0 24px !important;

        font-family: "Pulsar Serif", Georgia, "Times New Roman", serif !important;
        font-size: 27px !important;
        font-weight: 400 !important;
        line-height: 1.15 !important;

        color: #fff !important;
    }


    /* =====================================================
       ДВЕ КОЛОНКИ МЕНЮ
    ===================================================== */

    .site-footer .footer-nav-col {
        display: flex !important;
        flex-direction: column !important;

        gap: 17px !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    .site-footer .footer-nav-col:nth-of-type(1) {
        grid-area: nav1 !important;
    }

    .site-footer .footer-nav-col:nth-of-type(2) {
        grid-area: nav2 !important;
    }

    .site-footer .footer-nav-col a {
        margin: 0 !important;
        padding: 0 !important;

        font-family: "Pulsar Sans", Arial, sans-serif !important;
        font-size: 15px !important;
        font-weight: 600 !important;
        line-height: 1.2 !important;

        color: #fff !important;

        text-decoration: none !important;
        white-space: nowrap !important;
    }


    /* =====================================================
       КОНТАКТЫ
    ===================================================== */

    .site-footer .footer-contacts {
        grid-area: contacts !important;

        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;

        gap: 0 !important;

        margin: 54px 0 0 !important;
        padding: 0 !important;

        text-align: left !important;
    }

    .site-footer .footer-contacts-title {
        margin: 0 0 28px !important;

        font-family: "Pulsar Serif", Georgia, "Times New Roman", serif !important;
        font-size: 27px !important;
        font-weight: 400 !important;
        line-height: 1.15 !important;

        color: #fff !important;
    }

    .site-footer .footer-contacts p {
        margin: 0 0 27px !important;

        font-family: "Pulsar Sans", Arial, sans-serif !important;
        font-size: 17px !important;
        font-weight: 400 !important;
        line-height: 1.55 !important;

        color: rgba(255,255,255,.82) !important;
    }

    .site-footer .footer-contacts a {
        display: block !important;

        margin: 0 0 28px !important;

        font-family: "Pulsar Sans", Arial, sans-serif !important;
        font-size: 17px !important;
        font-weight: 400 !important;
        line-height: 1.4 !important;

        color: rgba(255,255,255,.88) !important;

        text-decoration: none !important;
    }


    /* =====================================================
       НИЖНЯЯ ЛИНИЯ / COPYRIGHT
    ===================================================== */

    .site-footer .footer-bottom {
        width: calc(100% - 40px) !important;
        max-width: none !important;

        margin: 10px auto 0 !important;
        padding: 23px 0 0 !important;

        border-top: 1px solid rgba(255,255,255,.16) !important;

        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;

        gap: 13px !important;

        box-sizing: border-box !important;
    }

    .site-footer .footer-bottom > span {
        display: block !important;

        max-width: 275px !important;

        font-family: "Pulsar Sans", Arial, sans-serif !important;
        font-size: 12px !important;
        font-weight: 400 !important;
        line-height: 1.55 !important;

        color: rgba(255,255,255,.48) !important;
    }


    /* Политика + Cookie */
    .site-footer .footer-bottom-links {
        width: 100% !important;

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

        gap: 20px !important;
    }

    .site-footer .footer-bottom-links a {
        margin: 0 !important;

        font-family: "Pulsar Sans", Arial, sans-serif !important;
        font-size: 12px !important;
        font-weight: 400 !important;

        color: rgba(255,255,255,.45) !important;

        text-decoration: none !important;
    }
}
@media (max-width: 767px) {

    .site-footer .footer-office-name {
        margin-bottom: 4px !important;

        font-size: 20px !important;
        line-height: 1.4 !important;

        color: rgba(255,255,255,.72) !important;
    }

}
/* =========================================================
   GLOBAL FOOTER CONTACT FORM
   MOBILE — одинаково на ВСЕХ страницах
========================================================= */

@media (max-width: 767px) {

    /* ---------- сам футер / верх формы ---------- */

    .site-footer {
        margin: 0 !important;
        background: #003E29 !important;
    }

    .site-footer .footer-contact-grid {
        width: calc(100% - 48px) !important;
        max-width: 430px !important;

        margin: 0 auto !important;
        padding: 46px 0 54px !important;

        display: block !important;

        position: relative !important;
        top: auto !important;
        left: auto !important;
        transform: none !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       ЛЕВАЯ ЧАСТЬ
    ===================================================== */

    .site-footer .footer-contact-intro {
        width: 100% !important;
        min-height: 0 !important;

        margin: 0 0 40px !important;
        padding: 0 !important;

        position: relative !important;
    }


    /* ЗВОРОТНИЙ ЗВ’ЯЗОК */
    .site-footer .footer-eyebrow {
        display: block !important;

        margin: 0 0 22px !important;

        font-family: "Pulsar Sans", Arial, sans-serif !important;
        font-size: 11px !important;
        font-weight: 600 !important;
        line-height: 1 !important;

        letter-spacing: 2px !important;
        text-transform: uppercase !important;

        color: #D2AE63 !important;
    }


    /* Напишіть нам */
    .site-footer .footer-contact-intro h2 {
        margin: 0 0 16px !important;
        padding: 0 !important;

        font-family: "Pulsar Serif", Georgia, "Times New Roman", serif !important;

        /* адаптивно: на маленьком телефоне не ломается */
        font-size: clamp(38px, 11vw, 46px) !important;

        font-weight: 400 !important;
        line-height: 1.02 !important;
        letter-spacing: -0.5px !important;

        color: #fff !important;

        white-space: nowrap !important;
    }


    /* Потрібна консультація */
    .site-footer .footer-contact-intro p {
        margin: 0 !important;
        padding: 0 !important;

        font-family: "Pulsar Sans", Arial, sans-serif !important;
        font-size: 17px !important;
        font-weight: 400 !important;
        line-height: 1.45 !important;

        color: rgba(255,255,255,.78) !important;
    }


    /* =====================================================
       ФОРМА
    ===================================================== */

    .site-footer .footer-contact-form {
        width: 100% !important;

        display: flex !important;
        flex-direction: column !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    /* Каждый пункт формы */
    .site-footer .footer-contact-form > label:not(.footer-consent) {
        display: block !important;

        width: 100% !important;

        margin: 0 0 28px !important;
        padding: 0 !important;
    }


    /* Ім’я / Телефон / Запит */
    .site-footer .footer-contact-form > label:not(.footer-consent) > span {
        display: block !important;

        margin: 0 0 8px !important;
        padding: 0 !important;

        font-family: "Pulsar Sans", Arial, sans-serif !important;
        font-size: 14px !important;
        font-weight: 400 !important;
        line-height: 1.2 !important;

        color: rgba(255,255,255,.88) !important;
    }


    /* Поля — без рамки-коробки, только линия как в макете */
    .site-footer .footer-contact-form input[type="text"],
    .site-footer .footer-contact-form input[type="tel"] {
        display: block !important;

        width: 100% !important;
        height: 32px !important;

        margin: 0 !important;
        padding: 0 4px 7px !important;

        background: transparent !important;

        border: 0 !important;
        border-bottom: 1px solid rgba(255,255,255,.34) !important;
        border-radius: 0 !important;

        box-shadow: none !important;
        outline: none !important;

        color: #fff !important;

        font-size: 16px !important;

        box-sizing: border-box !important;
    }


    /* Запит */
    .site-footer .footer-contact-form textarea {
        display: block !important;

        width: 100% !important;
        height: 72px !important;
        min-height: 72px !important;

        margin: 0 !important;
        padding: 0 4px 7px !important;

        background: transparent !important;

        border: 0 !important;
        border-bottom: 1px solid rgba(255,255,255,.34) !important;
        border-radius: 0 !important;

        box-shadow: none !important;
        outline: none !important;

        resize: none !important;

        color: #fff !important;
        font-size: 16px !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       CHECKBOX
    ===================================================== */

    .site-footer .footer-consent {
        width: 100% !important;

        display: flex !important;
        flex-direction: row !important;
        align-items: flex-start !important;

        gap: 10px !important;

        margin: 2px 0 24px !important;
        padding: 0 !important;
    }


    .site-footer .footer-consent input[type="checkbox"] {
        appearance: none !important;
        -webkit-appearance: none !important;

        width: 18px !important;
        height: 18px !important;
        min-width: 18px !important;

        margin: 1px 0 0 !important;
        padding: 0 !important;

        border: 1.5px solid #D2AE63 !important;
        border-radius: 0 !important;

        background: transparent !important;

        cursor: pointer !important;
    }


    .site-footer .footer-consent input[type="checkbox"]:checked {
        background: #D2AE63 !important;
        box-shadow: inset 0 0 0 4px #003E29 !important;
    }


    .site-footer .footer-consent > span {
        display: block !important;

        margin: 0 !important;

        font-family: "Pulsar Sans", Arial, sans-serif !important;
        font-size: 13px !important;
        font-weight: 400 !important;
        line-height: 1.5 !important;

        color: rgba(255,255,255,.72) !important;
    }


    .site-footer .footer-consent a {
        color: rgba(255,255,255,.72) !important;
        text-decoration: underline !important;
        text-underline-offset: 2px !important;
    }


    /* =====================================================
       КНОПКА НАДІСЛАТИ
    ===================================================== */

    .site-footer .footer-submit {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        gap: 12px !important;

        width: 100% !important;
        height: 58px !important;

        margin: 0 !important;
        padding: 0 20px !important;

        background: #D2AE63 !important;
        color: #003E29 !important;

        border: 0 !important;
        border-radius: 0 !important;

        box-shadow: none !important;

        font-family: "Pulsar Sans", Arial, sans-serif !important;
        font-size: 17px !important;
        font-weight: 700 !important;
        line-height: 1 !important;

        cursor: pointer !important;

        box-sizing: border-box !important;
    }


    .site-footer .footer-submit span {
        display: inline-block !important;

        margin: 0 !important;

        font-size: 24px !important;
        line-height: 1 !important;

        transform: translateY(-1px) !important;
    }


    /* декоративные кольца — как в макете, не мешают форме */
    .site-footer .footer-rings {
        position: absolute !important;

        right: -26px !important;
        left: auto !important;

        top: -14px !important;
        bottom: auto !important;

        transform: scale(.55) !important;
        transform-origin: top right !important;

        pointer-events: none !important;
    }
}
/* =========================================================
   FOOTER CONTACT — TABLET
========================================================= */

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

    .site-footer .footer-contact-grid {
        width: calc(100% - 80px) !important;
        max-width: 850px !important;

        margin: 0 auto !important;
        padding: 58px 0 62px !important;

        display: grid !important;
        grid-template-columns: minmax(240px, .8fr) minmax(360px, 1.2fr) !important;

        column-gap: clamp(45px, 7vw, 80px) !important;

        align-items: start !important;

        top: auto !important;
        transform: none !important;
    }

    .site-footer .footer-contact-intro {
        min-height: 0 !important;
        margin: 0 !important;
    }

    .site-footer .footer-contact-intro h2 {
        font-size: clamp(42px, 5.5vw, 52px) !important;
        white-space: nowrap !important;
    }

    .site-footer .footer-contact-form > label:not(.footer-consent) {
        margin-bottom: 24px !important;
    }

    .site-footer .footer-submit {
        height: 52px !important;
    }
}
/* =========================================================
   FOOTER FORM — декоративные кольца как в макете
   MOBILE
========================================================= */

@media (max-width: 767px) {

    /* Родитель для позиционирования декора */
    .site-footer .footer-contact-grid {
    position: relative !important;
    overflow: visible !important;
}

    /* Внешнее кольцо */
    .site-footer .footer-contact-grid::before {
        content: "" !important;

        position: absolute !important;

        width: 92px !important;
        height: 92px !important;

        top: 24px !important;
        right: -42px !important;

        border: 1px solid rgba(210, 174, 99, 0.42) !important;
        border-radius: 50% !important;

        box-sizing: border-box !important;

        pointer-events: none !important;
        z-index: 1 !important;
    }

    /* Внутреннее кольцо */
    .site-footer .footer-contact-grid::after {
        content: "" !important;

        position: absolute !important;

        width: 50px !important;
        height: 50px !important;

        top: 45px !important;
        right: -21px !important;

        border: 1px solid rgba(210, 174, 99, 0.48) !important;
        border-radius: 50% !important;

        box-sizing: border-box !important;

        pointer-events: none !important;
        z-index: 1 !important;
    }

    /* Контент обязательно поверх окружностей */
    .site-footer .footer-contact-intro,
    .site-footer .footer-contact-form {
        position: relative !important;
        z-index: 2 !important;
    }


    /* Маленькая золотая точка */
    .site-footer .footer-contact-intro::before {
        content: "" !important;

        position: absolute !important;

        width: 6px !important;
        height: 6px !important;

        top: -17px !important;
        right: 14px !important;

        background: #D2AE63 !important;
        border-radius: 50% !important;

        pointer-events: none !important;
    }
}
@media (max-width: 767px) {

    .site-footer .footer-contact-grid {
        position: relative !important;
        overflow: visible !important;

        /* единый центр всей композиции */
        --orbit-x: calc(100% + 4px);
        --orbit-y: 72px;
    }

    /* ВНЕШНИЙ КРУГ */
    .site-footer .footer-contact-grid::before {
        content: "" !important;

        position: absolute !important;

        width: 92px !important;
        height: 92px !important;

        left: var(--orbit-x) !important;
        top: var(--orbit-y) !important;

        transform: translate(-50%, -50%) !important;

        border: 1px solid rgba(210,174,99,.42) !important;
        border-radius: 50% !important;

        box-sizing: border-box !important;
        pointer-events: none !important;
        z-index: 1 !important;
    }

    /* ВНУТРЕННИЙ КРУГ — тот же центр */
    .site-footer .footer-contact-grid::after {
        content: "" !important;

        position: absolute !important;

        width: 50px !important;
        height: 50px !important;

        left: var(--orbit-x) !important;
        top: var(--orbit-y) !important;

        transform: translate(-50%, -50%) !important;

        border: 1px solid rgba(210,174,99,.48) !important;
        border-radius: 50% !important;

        box-sizing: border-box !important;
        pointer-events: none !important;
        z-index: 1 !important;
    }

    /* ТОЧКА — ровно между двумя орбитами */
    .site-footer .footer-contact-intro::before {
        content: "" !important;

        position: absolute !important;

        width: 6px !important;
        height: 6px !important;

        /*
        внешний радиус = 46
        внутренний радиус = 25
        середина между ними ≈ 35px
        */
        left: calc(var(--orbit-x) - 35px) !important;
        top: var(--orbit-y) !important;

        transform: translate(-50%, -50%) !important;

        background: #D2AE63 !important;
        border-radius: 50% !important;

        pointer-events: none !important;
        z-index: 3 !important;
    }
}
@media (max-width: 767px) {

    .site-footer .footer-contact-intro::before {
        content: "" !important;

        position: absolute !important;

        width: 6px !important;
        height: 6px !important;

        /* между внутренней и внешней орбитами */
        left: calc(var(--orbit-x) - 30px) !important;
        top: calc(var(--orbit-y) - 29px) !important;

        transform: translate(-50%, -50%) !important;

        background: #D2AE63 !important;
        border-radius: 50% !important;

        pointer-events: none !important;
        z-index: 3 !important;
    }

}
@media (max-width: 767px) {

    /* ВЕСЬ МОБИЛЬНЫЙ БЛОК МЕНЮ */
    .site-footer .footer-nav-mobile {
        display: block !important;

        width: calc(100% - 48px) !important;
        max-width: 360px !important;

        margin: 0 auto !important;
        padding: 0 !important;

        box-sizing: border-box !important;
    }

    /* ЗАГОЛОВОК "МЕНЮ" */
    .site-footer .footer-nav-mobile-title {
        display: block !important;

        margin: 0 0 26px !important;
        padding: 0 !important;

        font-family: "Pulsar Serif", Georgia, "Times New Roman", serif !important;
        font-size: 28px !important;
        font-weight: 400 !important;
        line-height: 1 !important;

        color: #ffffff !important;

        text-align: left !important;

        position: static !important;
        transform: none !important;
    }

    /* ДВЕ КОЛОНКИ */
    .site-footer .footer-nav-mobile-grid {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;

        column-gap: 44px !important;
        row-gap: 0 !important;

        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        box-sizing: border-box !important;
    }

    .site-footer .footer-nav-mobile-col {
        display: flex !important;
        flex-direction: column !important;

        gap: 18px !important;

        margin: 0 !important;
        padding: 0 !important;

        min-width: 0 !important;
    }

    .site-footer .footer-nav-mobile-col a {
        display: block !important;

        margin: 0 !important;
        padding: 0 !important;

        font-family: "Pulsar Sans", Arial, sans-serif !important;
        font-size: 16px !important;
        font-weight: 600 !important;
        line-height: 1.15 !important;

        color: #ffffff !important;

        text-decoration: none !important;
        white-space: nowrap !important;
    }
}
@media (max-width: 767px) {

    /* ПРАВЫЙ СТОЛБЕЦ МЕНЮ — СДВИГАЕМ ВЛЕВО */
    .site-footer .footer-nav-mobile-col:nth-child(2) {
        position: relative !important;
        left: -65px !important;
    }

}
@media (max-width: 767px) {

    /* правая колонка: КЕЙСИ / ПУБЛІКАЦІЇ / КАР’ЄРА */
    .site-footer .footer-info-grid > nav.footer-nav-col + nav.footer-nav-col {
        transform: translateX(-90px) !important;
    }

}
@media (max-width: 767px) {

    /* Сам блок НЕ двигаем */
    .site-footer .footer-brand {
        padding: 0 !important;
        text-align: center !important;

        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }

    /* Увеличиваем ТОЛЬКО логотип */
    .site-footer .footer-brand img {
        width: 190px !important;
        max-width: none !important;
        max-height: none !important;
        height: auto !important;

        display: block !important;

        margin-left: auto !important;
        margin-right: auto !important;
        margin-bottom: 24px !important;

        transform: none !important;
    }

    /* Текст под логотипом */
    .site-footer .footer-brand p {
        width: 100% !important;
        max-width: 340px !important;

        margin: 0 auto !important;
        padding: 0 !important;

        text-align: center !important;

        font-size: 18px !important;
        line-height: 1.45 !important;
        font-weight: 400 !important;

        white-space: normal !important;
    }
}
@media (max-width: 767px) {

    /* ЛОГО + ТЕКСТ — центр именно страницы */
    .site-footer .footer-brand {
        position: relative !important;

        width: 100vw !important;
        max-width: 100vw !important;

        left: 50% !important;
        transform: translateX(-50%) !important;

        margin: 0 !important;
        padding: 0 24px !important;

        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;

        text-align: center !important;
        box-sizing: border-box !important;
    }

    /* логотип */
    .site-footer .footer-brand img {
        width: 190px !important;
        max-width: none !important;
        height: auto !important;

        display: block !important;

        margin: 0 auto 28px !important;
        padding: 0 !important;

        position: static !important;
        transform: none !important;
    }

    /* подпись */
    .site-footer .footer-brand p {
        width: 100% !important;
        max-width: 360px !important;

        margin: 0 auto !important;
        padding: 0 !important;

        text-align: center !important;

        font-size: 18px !important;
        line-height: 1.45 !important;
        font-weight: 400 !important;

        white-space: normal !important;
    }
}
@media (max-width: 767px) {

    /* Брендовый блок */
    .site-footer .footer-brand {
        width: 100% !important;
        max-width: none !important;

        margin: 0 !important;
        padding: 0 !important;

        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;

        text-align: center !important;

        position: static !important;
        left: auto !important;
        right: auto !important;
        transform: none !important;
    }

    /* СБРАСЫВАЕМ старое смещение логотипа */
    .site-footer .footer-brand img {
        position: static !important;

        left: auto !important;
        right: auto !important;
        top: auto !important;

        transform: none !important;

        width: 190px !important;
        max-width: 190px !important;
        height: auto !important;

        margin: 0 auto 26px !important;
        padding: 0 !important;

        display: block !important;
    }

    /* Подпись */
    .site-footer .footer-brand p {
        width: 100% !important;
        max-width: 340px !important;

        margin: 0 auto !important;
        padding: 0 !important;

        text-align: center !important;

        font-size: 18px !important;
        line-height: 1.45 !important;

        position: static !important;
        left: auto !important;
        right: auto !important;
        transform: none !important;
    }
}
@media (max-width: 767px) {

    .site-footer .footer-brand {
        width: 100% !important;

        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;

        margin: 0 !important;
        padding: 0 !important;

        text-align: center !important;

        position: static !important;
        transform: none !important;
    }

    .site-footer .footer-brand img {
        display: block !important;

        width: 180px !important;
        height: auto !important;

        margin: 0 auto 22px !important;
        padding: 0 !important;

        position: static !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;

        transform: none !important;
    }

    .site-footer .footer-brand p {
        width: 100% !important;
        max-width: 340px !important;

        margin: 0 auto !important;
        padding: 0 !important;

        text-align: center !important;

        font-size: 18px !important;
        line-height: 1.45 !important;

        position: static !important;
        transform: none !important;
    }
}
@media (max-width: 767px) {

    .site-footer .footer-brand img {
        display: block !important;

        width: 320px !important;
        max-width: none !important;
        min-width: 0 !important;
        height: auto !important;
        max-height: none !important;

        margin: 0 auto !important;
        padding: 0 !important;

        position: relative !important;

        /* ДВИГАЕМ ЗДЕСЬ */
        transform: translate(-18px, -35px) scale(1) !important;

        left: auto !important;
        right: auto !important;
        top: auto !important;
    }
}
@media (max-width: 767px) {

    .site-footer .footer-brand img {
        transform: translate(-20px, -50px) !important;
    }

}
@media (max-width: 767px) {

    /* =========================
       ТЕКСТ ПОД ЛОГОТИПОМ
       ========================= */

    .site-footer .footer-brand p {
        font-size: 18px !important;   /* РАЗМЕР ТЕКСТА */
        line-height: 1.45 !important;

        transform: translate(-18px, -55px) !important;
        /*                 X       Y
                           ←→      ↑↓
        */

        text-align: center !important;
    }

}
@media (max-width: 767px) {

    /* =========================================
       УБИРАЕМ СТАРЫЙ ДУБЛЬ ПОД "КОНТАКТИ"
       ========================================= */

    .site-footer .footer-contacts-title::after {
        content: none !important;
        display: none !important;
    }


    /* =========================================
       БЛОК КОНТАКТОВ
       ========================================= */

    .site-footer .footer-contacts {
        display: block !important;

        width: 100% !important;
        margin: 38px 0 0 !important;
        padding: 0 !important;

        text-align: left !important;
    }


    /* Заголовок */
    .site-footer .footer-contacts-title {
        margin: 0 0 26px !important;
        padding: 0 !important;

        font-family: "Pulsar Serif", Georgia, serif !important;
        font-size: 27px !important;
        font-weight: 400 !important;
        line-height: 1.1 !important;

        color: #fff !important;
    }


    /* =========================================
       1 БЛОК:
       название бюро + адрес
       ========================================= */

    .site-footer .footer-contact-main {
        display: block !important;

        margin: 0 0 32px !important;
        padding: 0 !important;
    }

    .site-footer .footer-office-name {
        margin: 0 0 2px !important;
        padding: 0 !important;

        font-size: 20px !important;
        line-height: 1.45 !important;
        font-weight: 400 !important;

        color: rgba(255,255,255,.76) !important;
    }

    .site-footer .footer-address {
        margin: 0 !important;
        padding: 0 !important;

        font-size: 17px !important;
        line-height: 1.6 !important;
        font-weight: 400 !important;

        color: #fff !important;
    }


    /* =========================================
       2 БЛОК:
       email
       телефон
       ========================================= */

    .site-footer .footer-contact-links {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;

        gap: 34px !important;

        margin: 0 0 30px !important;
        padding: 0 !important;
    }

    .site-footer .footer-contact-links a {
        display: block !important;


        margin: 0 !important;
        padding: 0 !important;

        font-size: 17px !important;
        line-height: 1.3 !important;
        font-weight: 400 !important;

        color: #fff !important;
        text-decoration: none !important;
    }


    /* =========================================
       НИЖНИЙ БЛОК
       ========================================= */

    .site-footer .footer-bottom {
        width: 100% !important;

        margin: 0 !important;
        padding: 22px 0 0 !important;

        border-top: 1px solid rgba(255,255,255,.18) !important;

        display: block !important;
    }

    .site-footer .footer-copyright {
        margin: 0 0 10px !important;

        font-size: 12px !important;
        line-height: 1.55 !important;
        font-weight: 400 !important;

        color: rgba(255,255,255,.48) !important;
    }

    .site-footer .footer-bottom-links {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;

        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    .site-footer .footer-bottom-links a {
        margin: 0 !important;
        padding: 0 !important;

        font-size: 12px !important;
        line-height: 1.3 !important;

        color: rgba(255,255,255,.48) !important;
        text-decoration: none !important;
    }
}
@media (max-width: 767px) {

    /* НИЖНЯЯ ЧАСТЬ ФУТЕРА */
    .site-footer .footer-bottom {
        width: 100% !important;
        max-width: none !important;

        margin: 0 !important;
        padding: 22px 0 18px !important;

        border-top: 1px solid rgba(255,255,255,.18) !important;

        display: block !important;

        box-sizing: border-box !important;
    }

    /* COPYRIGHT + КОД */
    .site-footer .footer-copyright {
        display: block !important;

        width: 100% !important;
        max-width: 290px !important;

        margin: 0 0 12px !important;
        padding: 0 !important;

        font-family: "Pulsar Sans", Arial, sans-serif !important;
        font-size: 12px !important;
        font-weight: 400 !important;
        line-height: 1.55 !important;

        color: rgba(255,255,255,.48) !important;

        white-space: normal !important;
        text-align: left !important;
    }

    /* ПОЛИТИКА + COOKIE */
    .site-footer .footer-bottom-links {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;

        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        gap: 20px !important;
    }

    .site-footer .footer-bottom-links a {
        display: block !important;

        margin: 0 !important;
        padding: 0 !important;

        font-family: "Pulsar Sans", Arial, sans-serif !important;
        font-size: 12px !important;
        font-weight: 400 !important;
        line-height: 1.3 !important;

        color: rgba(255,255,255,.48) !important;

        text-decoration: none !important;
        white-space: nowrap !important;
    }

    .site-footer .footer-bottom-links a:last-child {
        margin-left: auto !important;
        text-align: right !important;
    }
}
@media (max-width: 767px) {

    /* =========================================
       САМЫЙ НИЗ ФУТЕРА — КАК В МАКЕТЕ
       ========================================= */

    .site-footer .footer-bottom {
        display: block !important;

        width: 100% !important;
        max-width: none !important;

        margin: 0 !important;
        padding: 22px 0 20px !important;

        box-sizing: border-box !important;

        border-top: 1px solid rgba(199, 168, 107, 0.32) !important;
    }


    /* © 2026... + Код ЄДРПОУ */
    .site-footer .footer-copyright {
        display: block !important;

        width: 100% !important;
        max-width: none !important;

        margin: 0 0 10px 0 !important;
        padding: 0 !important;

        color: rgba(199, 168, 107, 0.78) !important;

        font-family: "Pulsar Sans", Arial, sans-serif !important;
        font-size: 12px !important;
        font-weight: 400 !important;
        line-height: 1.55 !important;

        text-align: left !important;
        white-space: normal !important;
    }


    /* Політика конфіденційності + Cookie */
    .site-footer .footer-bottom-links {
        display: flex !important;
        flex-direction: row !important;
        justify-content: space-between !important;
        align-items: center !important;

        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    .site-footer .footer-bottom-links a {
        display: block !important;

        margin: 0 !important;
        padding: 0 !important;

        color: rgba(199, 168, 107, 0.78) !important;

        font-family: "Pulsar Sans", Arial, sans-serif !important;
        font-size: 12px !important;
        font-weight: 400 !important;
        line-height: 1.4 !important;

        text-decoration: none !important;
        white-space: nowrap !important;
    }


    /* Cookie строго вправо */
    .site-footer .footer-bottom-links a:last-child {
        margin-left: auto !important;
        text-align: right !important;
    }

}
@media (max-width: 767px) {

    .site-footer .footer-copyright {
        font-size: 11px !important;
    }

}
@media (max-width: 767px) {

    /* ========================================
       САМЫЙ НИЗ FOOTER — ЧИСТЫЙ ВАРИАНТ
       ======================================== */

    .site-footer .footer-bottom {
        display: block !important;

        /* ширина именно относительно экрана */
        width: calc(100vw - 40px) !important;
        max-width: none !important;
        min-width: 0 !important;

        margin: 0 !important;
        margin-left: calc(50% - 50vw + 20px) !important;

        padding: 22px 0 18px !important;

        border-top: 1px solid rgba(199, 168, 107, 0.32) !important;

        box-sizing: border-box !important;

        position: relative !important;
        left: 0 !important;
        right: auto !important;
        transform: none !important;
    }


    /* copyright — две строки */
    .site-footer .footer-copyright {
        display: block !important;

        width: 100% !important;
        max-width: none !important;

        margin: 0 0 10px 0 !important;
        padding: 0 !important;

        font-family: "Pulsar Sans", Arial, sans-serif !important;
        font-size: 12px !important;
        font-weight: 400 !important;
        line-height: 1.55 !important;

        color: rgba(199, 168, 107, 0.75) !important;

        text-align: left !important;
        white-space: normal !important;

        position: static !important;
        transform: none !important;
    }


    /* нижняя строка */
    .site-footer .footer-bottom-links {
        display: grid !important;
        grid-template-columns: 1fr auto !important;
        align-items: center !important;

        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        column-gap: 20px !important;

        position: static !important;
        transform: none !important;
    }


    .site-footer .footer-bottom-links a {
        margin: 0 !important;
        padding: 0 !important;

        font-family: "Pulsar Sans", Arial, sans-serif !important;
        font-size: 12px !important;
        font-weight: 400 !important;
        line-height: 1.3 !important;

        color: rgba(199, 168, 107, 0.75) !important;

        text-decoration: none !important;
        white-space: nowrap !important;
    }

    .site-footer .footer-bottom-links a:first-child {
        justify-self: start !important;
    }

    .site-footer .footer-bottom-links a:last-child {
        justify-self: end !important;
    }
}



@media (max-width: 767px) {

    .site-footer .footer-bottom {
        transform: translateX(90px) !important;
    }

}
@media (max-width: 767px) {

    /* общий контейнер открытого меню */
    .offcanvas {
        background: #003E29 !important;
    }

    /* список меню */
    .offcanvas nav,
    .offcanvas .menu,
    .offcanvas .mobile-menu {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 24px !important;
        box-sizing: border-box !important;
    }

    /* каждый пункт */
    .offcanvas a {
        position: relative !important;

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

        width: 100% !important;
        min-height: 70px !important;

        margin: 0 !important;
        padding: 0 !important;

        background: transparent !important;

        border: none !important;
        border-radius: 0 !important;
        border-bottom: 1px solid rgba(210,174,99,.28) !important;

        color: #ffffff !important;

        font-family: "Pulsar Sans", Arial, sans-serif !important;
        font-size: 25px !important;
        font-weight: 400 !important;
        line-height: 1.1 !important;

        text-decoration: none !important;
        box-shadow: none !important;
    }

    /* последняя линия не нужна */
    .offcanvas a:last-child {
        border-bottom: none !important;
    }

    /* стрелка */
    .offcanvas a::after {
        content: "›" !important;

        display: block !important;

        margin-left: 20px !important;

        color: #D2AE63 !important;

        font-family: Arial, sans-serif !important;
        font-size: 40px !important;
        font-weight: 300 !important;
        line-height: 1 !important;

        transform: translateY(-1px) !important;
    }

}
/* Скрыть WordPress Admin Bar только на мобильных */
@media (max-width: 767px) {

    #wpadminbar {
        display: none !important;
    }

    html {
        margin-top: 0 !important;
    }

    body.admin-bar {
        margin-top: 0 !important;
    }
}
@media (max-width: 767px) {

    /* =====================================
       МОБИЛЬНОЕ МЕНЮ
    ===================================== */

    #offcanvas {
        background: #003E29 !important;
        padding: 0 24px 40px !important;
        box-sizing: border-box !important;
    }


    /* =====================================
       ВЕРХНЯЯ СТРОКА: ЛОГО + КРЕСТИК
    ===================================== */

    #offcanvas .offcanvas-head {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;

        width: 100% !important;
        height: 118px !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    /* ЛОГО СЛЕВА */
    #offcanvas .offcanvas-head .brand {
        display: block !important;

        width: auto !important;
        height: auto !important;

        margin: 0 !important;
        padding: 0 !important;

        position: static !important;
        transform: none !important;
    }

    #offcanvas .offcanvas-head .brand img,
    #offcanvas .offcanvas-head .custom-logo {
        display: block !important;

        width: 105px !important;
        max-width: 105px !important;
        height: auto !important;

        margin: 0 !important;
        padding: 0 !important;

        position: static !important;
        transform: none !important;
    }

    /* КРЕСТИК СПРАВА */
    #offcanvas .menu-close {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 42px !important;
        height: 42px !important;

        margin: 0 !important;
        padding: 0 !important;

        background: transparent !important;
        border: none !important;

        color: #ffffff !important;

        font-family: Arial, sans-serif !important;
        font-size: 42px !important;
        font-weight: 200 !important;
        line-height: 1 !important;

        cursor: pointer !important;
    }



    /* =====================================
       СПИСОК МЕНЮ
    ===================================== */

    #offcanvas .mobile-nav {
        width: 100% !important;

        margin: 20px 0 0 !important;
        padding: 0 !important;
    }

    #offcanvas .mobile-nav-list {
        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        list-style: none !important;
    }

    #offcanvas .mobile-nav-list li {
        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    /* ССЫЛКИ */
    #offcanvas .mobile-nav-list li > a {
        position: relative !important;

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

        width: 100% !important;
        height: 68px !important;

        margin: 0 !important;
        padding: 0 6px 0 0 !important;

        box-sizing: border-box !important;

        background: transparent !important;

        border: none !important;
        border-radius: 0 !important;

        border-bottom: 1px solid rgba(210, 174, 99, .28) !important;

        box-shadow: none !important;

        color: #ffffff !important;

        font-family: "Pulsar Sans", Arial, sans-serif !important;
        font-size: 23px !important;
        font-weight: 400 !important;
        line-height: 1 !important;

        text-transform: none !important;

        text-decoration: none !important;
    }


    /* ЗОЛОТАЯ СТРЕЛКА */
    #offcanvas .mobile-nav-list li > a::after {
        content: "›" !important;

        display: block !important;

        margin-left: 18px !important;

        color: #D2AE63 !important;

        font-family: Arial, sans-serif !important;
        font-size: 38px !important;
        font-weight: 300 !important;
        line-height: 1 !important;

        transform: translateY(-1px) !important;
    }


    /* последняя линия */
    #offcanvas .mobile-nav-list li:last-child > a {
        border-bottom: 1px solid rgba(210, 174, 99, .28) !important;
    }
}
/* =========================================
   MOBILE MENU — нормальный регистр текста
   ========================================= */
@media (max-width: 767px) {

    #offcanvas .mobile-nav-list > li > a,
    .offcanvas .mobile-nav-list > li > a,
    .mobile-nav .mobile-nav-list > li > a {
        text-transform: none !important;
        font-size: 24px !important;
        font-weight: 400 !important;
        line-height: 1.2 !important;
    }

}
/* =====================================================
   SERVICES — MOBILE HERO
===================================================== */

@media (max-width: 767px) {

    body.page-template-page-services .services-hero {
        position: relative !important;
        overflow: hidden !important;

        min-height: 385px !important;
        height: auto !important;

        padding: 76px 0 54px !important;
        margin: 0 !important;

        background: #003E29 !important;

        display: block !important;
    }


    /* Контент */
    body.page-template-page-services .services-hero .hero-content {
        position: relative !important;
        z-index: 3 !important;

        width: calc(100% - 48px) !important;
        max-width: none !important;

        margin: 0 auto !important;
        padding: 0 !important;

        display: block !important;
    }


    /* ПОСЛУГИ */
    body.page-template-page-services .services-hero-eyebrow {
        display: block !important;

        margin: 0 0 28px !important;

        font-family: "Pulsar Sans", Arial, sans-serif !important;
        font-size: 13px !important;
        font-weight: 600 !important;
        line-height: 1 !important;

        letter-spacing: 4px !important;

        color: #D2AE63 !important;
    }


    /* Заголовок */
    body.page-template-page-services .services-hero h1 {
        width: 100% !important;
        max-width: 360px !important;

        margin: 0 0 76px !important;
        padding: 0 !important;

        font-family: "Pulsar Serif", Georgia, "Times New Roman", serif !important;

        font-size: clamp(43px, 12vw, 52px) !important;
        font-weight: 400 !important;
        line-height: 1.02 !important;
        letter-spacing: -0.7px !important;

        color: #ffffff !important;

        text-align: left !important;
    }


    /* Описание */
    body.page-template-page-services .services-hero p {
        width: 100% !important;
        max-width: 350px !important;

        margin: 0 !important;
        padding: 0 !important;

        font-family: "Pulsar Sans", Arial, sans-serif !important;
        font-size: 18px !important;
        font-weight: 400 !important;
        line-height: 1.5 !important;

        color: rgba(255,255,255,.88) !important;

        text-align: left !important;
    }


    /* =================================================
       ДЕКОРАТИВНЫЕ ОРБИТЫ
    ================================================= */

    body.page-template-page-services .services-hero-orbits {
        position: absolute !important;

        width: 150px !important;
        height: 150px !important;

        right: -48px !important;
        top: 82px !important;

        z-index: 1 !important;

        pointer-events: none !important;
    }


    body.page-template-page-services .services-orbit-big,
    body.page-template-page-services .services-orbit-small {
        position: absolute !important;

        top: 50% !important;
        left: 50% !important;

        border: 1px solid rgba(210,174,99,.35) !important;
        border-radius: 50% !important;

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


    body.page-template-page-services .services-orbit-big {
        width: 132px !important;
        height: 132px !important;
    }


    body.page-template-page-services .services-orbit-small {
        width: 78px !important;
        height: 78px !important;
    }


    body.page-template-page-services .services-orbit-dot {
        position: absolute !important;

        width: 8px !important;
        height: 8px !important;

        left: 30px !important;
        top: 72px !important;

        background: #D2AE63 !important;
        border-radius: 50% !important;
    }
}
@media (max-width: 767px) {

    /* HERO страницы Послуги */
    body.page-template-page-services .services-hero {
        position: relative !important;
        overflow: hidden !important;

        min-height: 455px !important;
        padding: 78px 0 54px !important;

        background: #003E29 !important;
    }

    body.page-template-page-services .services-hero .hero-content {
        width: calc(100% - 48px) !important;
        max-width: none !important;

        margin: 0 auto !important;
        padding: 0 !important;
    }

    /* ПОСЛУГИ */
    body.page-template-page-services .services-hero-eyebrow {
        display: block !important;

        margin: 0 0 30px !important;

        font-size: 13px !important;
        font-weight: 600 !important;
        line-height: 1 !important;

        letter-spacing: 3.5px !important;

        color: #D2AE63 !important;
    }

    /* Послуги адвоката — ОДНА СТРОКА */
    body.page-template-page-services .services-hero h1 {
        width: 100% !important;
        max-width: none !important;

        margin: 0 0 78px !important;
        padding: 0 !important;

        font-family: "Pulsar Serif", Georgia, serif !important;
        font-size: clamp(37px, 10.2vw, 46px) !important;
        font-weight: 400 !important;
        line-height: 1 !important;
        letter-spacing: -0.8px !important;

        color: #fff !important;

        white-space: nowrap !important;
        text-align: left !important;
    }

    /* описание */
    body.page-template-page-services .services-hero p {
        width: 100% !important;
        max-width: 355px !important;

        margin: 0 !important;
        padding: 0 !important;

        font-size: 18px !important;
        line-height: 1.5 !important;
        font-weight: 400 !important;

        color: rgba(255,255,255,.92) !important;

        text-align: left !important;
    }

}
@media (max-width: 767px) {

    .services-hero-label {
        display: block !important;

        margin: 0 0 30px 0 !important;

        color: #d2ae63 !important;

        font-family: "Pulsar Sans", Arial, sans-serif !important;
        font-size: 14px !important;
        font-weight: 600 !important;

        line-height: 1 !important;
        letter-spacing: 4px !important;

        text-transform: uppercase !important;
        text-align: left !important;
    }

}
@media (max-width: 767px) {

    .services-hero-label {
        transform: translateY(21px) !important;
    }

    .services-hero h1 {
        transform: translateY(21px) !important;
    }

}
@media (max-width: 767px) {

    /* Заголовочная часть Напрями практики */
    .practices-label {
        display: block !important;
        width: 100% !important;

        margin: 0 0 18px 0 !important;
        padding: 0 !important;

        text-align: left !important;

        font-family: "Pulsar Sans", Arial, sans-serif !important;
        font-size: 13px !important;
        font-weight: 600 !important;
        line-height: 1 !important;

        letter-spacing: 3px !important;
        text-transform: uppercase !important;

        color: #004c38 !important;
    }

    /* Большой Напрями практики */
    .practices-label + h2 {
        display: block !important;
        width: 100% !important;
        max-width: none !important;

        margin: 0 0 34px 0 !important;
        padding: 0 !important;

        text-align: left !important;

        font-family: "Pulsar Serif", Georgia, serif !important;
        font-size: 40px !important;
        font-weight: 400 !important;
        line-height: 1.05 !important;
        letter-spacing: -0.5px !important;

        color: #172126 !important;

        white-space: nowrap !important;
    }
}
/* CTA блок — кнопка */
body.page-template-page-team .team-cta .btn {
  position: relative !important;   /* прибираємо absolute */
  float: none !important;          /* прибираємо float */
  display: inline-block;           /* нормальний потік */
  margin-top: 24px;                /* відступ від заголовка */
  padding: 14px 28px;
  font-size: 15px;
  font-weight: 700;
  border-radius: 4px;
  text-align: center;
}

/* Мобільна адаптація */
@media (max-width: 640px) {
  body.page-template-page-team .team-cta .btn {
    display: block;
    width: 100%;
    margin-top: 28px;
  }
}
/* Eyebrow надпис у Hero для мобільної версії */
@media (max-width: 640px) {
  body.page-template-page-team .team-hero h1::before {
    content: "КОМАНДА";
    display: block;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 8px;
  }
}








/* ===== Production utilities / accessibility ===== */
[hidden]{display:none!important}
.skip-link{position:fixed;z-index:99999;left:16px;top:16px;transform:translateY(-160%);background:#fff;color:var(--green);padding:12px 16px;border:2px solid var(--gold);font-weight:700}
.skip-link:focus{transform:translateY(0)}
.hp-field{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important}
.form-status{grid-column:1/-1;padding:12px 14px;border:1px solid rgba(199,168,107,.55);font-size:14px;line-height:1.45}
.form-status-success{background:rgba(199,168,107,.12);color:#fff}
.form-status-error,.form-status-rate{background:rgba(255,255,255,.08);color:#fff}
.nav-list a.is-current,.mobile-nav-list a.is-current{border-color:var(--gold);color:#fff}
.footer-address{font-style:normal}
.case-card[hidden]{display:none!important}
.error-404{padding-top:170px;min-height:70vh}
.error-404 .error-actions{margin:34px auto 0}
.static-service-page address{font-style:normal}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}


/* Final header parity: same logo geometry on WordPress and static practice pages. */
.site-header .header-inner{width:min(calc(100% - 64px),var(--container))!important;max-width:var(--container)!important;height:92px!important;margin:0 auto!important;padding:0!important;box-sizing:border-box!important}
.site-header .brand{position:static!important;left:auto!important;right:auto!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;margin:0 auto 0 0!important;transform:none!important;line-height:0!important}
.site-header .brand .custom-logo-link{display:flex!important;align-items:center!important;line-height:0!important}
.site-header .brand img,.site-header .brand .custom-logo{display:block!important;width:118px!important;height:76px!important;max-width:118px!important;max-height:76px!important;margin:0!important;object-fit:contain!important;object-position:center!important}
#offcanvas .offcanvas-head .brand{margin:0 auto 0 0!important}
#offcanvas .offcanvas-head .brand img,#offcanvas .offcanvas-head .custom-logo{width:102px!important;height:66px!important;max-width:102px!important;max-height:66px!important;object-fit:contain!important}
.mobile-nav-list a,.mobile-nav .nav-list a{text-transform:none!important}
@media(max-width:980px){.site-header .header-inner{width:min(calc(100% - 40px),var(--container))!important}}
@media(max-width:640px){.site-header .header-inner{width:min(calc(100% - 34px),var(--container))!important}.site-header .brand img,.site-header .brand .custom-logo{width:104px!important;height:66px!important;max-width:104px!important;max-height:66px!important}}


/* FIX: логотип на сторінці Кейси */
body.page-template-page-cases .site-header .custom-logo-link,
body.pulsar-page-cases .site-header .custom-logo-link {
    transform: none !important;
}