/* =========================================================
   ANASTASIS
   MAIN PAGE — CLEAN BASE CSS
   ========================================================= */

* {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    padding: 0;

    font-family: "Manrope", sans-serif;

    color: #2f352b;

    background:
        linear-gradient(
            180deg,
            #f5f3ed 0%,
            #eeece4 100%
        );

    line-height: 1.6;
}

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

a {
    color: inherit;
}

button,
a {
    -webkit-tap-highlight-color: transparent;
}


/* =========================================================
   02. HEADER
   ========================================================= */

.header {
    position: relative;
    width: 100%;
    z-index: 1000;
}

.header .container {
    display: flex;
    align-items: flex-start;

    width: 100%;
    max-width: 1400px;

    margin: 0 auto;

    padding: 12px 20px;
}


/* =========================================================
   02.1 LOGO
   ========================================================= */

.logo {
    flex-shrink: 0;

    transform: translate(30px, -5px);
}

.logo img {
    display: block;

    width: clamp(180px, 17vw, 230px);
    height: auto;
}


/* =========================================================
   02.2 HEADER RIGHT SIDE
   ========================================================= */

.header-right {
    flex: 1 1 auto;

    min-width: 0;

    margin-left: 20px;

    display: flex;
    flex-direction: column;
    align-items: center;
}


/* =========================================================
   02.3 SOCIAL DESKTOP
   ========================================================= */

.header-social {
    position: static;

    display: flex;
    align-items: center;

    gap: clamp(14px, 1.5vw, 22px);

    margin: 0 0 10px;

    transform: none !important;

    flex: 0 0 auto;
}

.header-social a {
    display: flex;
    align-items: center;
    justify-content: center;

    text-decoration: none;
    border: none;
}

.header-social a i {
    font-size: 30px;

    background: linear-gradient(
        90deg,
        #657b52 0%,
        #8fa04f 45%,
        #c9aa5a 100%
    );

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.header-social a:hover i {
    background: linear-gradient(
        90deg,
        #8fa875 0%,
        #d6b96b 100%
    );

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.header-social a:hover {
    transform: translateY(-2px);
}

.header-social a::after {
    display: none;
}


/* =========================================================
   02.4 CONTACTS
   ========================================================= */

.header-contacts {
    position: static;

    display: flex;
    align-items: center;
    justify-content: flex-start;

    gap: clamp(8px, 1vw, 14px);

    width: auto;
    margin: 0;

    transform: none !important;

    flex: 0 0 auto;

    white-space: nowrap;
}

.header-contacts span {
    position: relative;

    padding-bottom: 3px;

    color: #b9a66d;

    font-size: 19px;
}

.header-contacts span::after {
    content: "";

    position: absolute;

    left: 5%;
    right: 5%;

    bottom: -2px;

    height: 3px;

    background: linear-gradient(
        90deg,
        transparent,
        #8fa875,
        transparent
    );

    opacity: .75;
}

.header-contacts .divider {
    color: #8fa875;

    opacity: 1;

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

    margin: 0 4px;
}


/* =========================================================
   02.5 PREMIUM BURGER
   ========================================================= */

.burger {
    display: none;

    position: relative;

    width: 38px;
    height: 38px;

    padding: 0;

    border: 1px solid rgba(201,170,90,.55);
    border-radius: 11px;

    background:
        linear-gradient(
            145deg,
            rgba(55,65,42,.88),
            rgba(25,32,22,.92)
        );

    box-shadow:
        0 6px 18px rgba(0,0,0,.28),
        inset 0 1px 0 rgba(255,255,255,.10);

    backdrop-filter: blur(12px);

    cursor: pointer;

    flex-direction: column;
    justify-content: center;
    align-items: center;

    gap: 5px;

    z-index: 1100;

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


/* =========================================================
   BURGER LINES
   ========================================================= */

.burger span {
    display: block;

    width: 19px;
    height: 2px;

    background: #d6b96b;

    border-radius: 3px;

    box-shadow:
        0 0 5px rgba(214,185,107,.20);

    transition:
        transform .3s ease,
        width .3s ease,
        opacity .2s ease;
}

.burger span:nth-child(1) {
    width: 19px;
}

.burger span:nth-child(2) {
    width: 15px;
}

.burger span:nth-child(3) {
    width: 19px;
}


/* =========================================================
   BURGER HOVER
   ========================================================= */

.burger:hover {
    border-color: rgba(214,185,107,.85);

    box-shadow:
        0 8px 22px rgba(0,0,0,.34),
        0 0 12px rgba(201,170,90,.10),
        inset 0 1px 0 rgba(255,255,255,.12);
}

.burger:hover span:nth-child(2) {
    width: 19px;
}


/* =========================================================
   BURGER ACTIVE → X
   ========================================================= */

.burger.active {
    border-color: rgba(214,185,107,.75);

    box-shadow:
        0 8px 24px rgba(0,0,0,.35),
        inset 0 1px 0 rgba(255,255,255,.12);
}

.burger.active span:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
}

.burger.active span:nth-child(2) {
    opacity: 0;

    transform: scaleX(0);
}

.burger.active span:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
}


/* =========================================================
   02.6 MAIN NAVIGATION
   ========================================================= */

.header-right nav {
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: center;

    width: max-content;
    max-width: none;

    margin-top: 10px;
    margin-left: 15px;

    gap: 12px;

    padding: 10px 20px;

    background:
        linear-gradient(
            135deg,
            rgba(45,55,35,.75),
            rgba(25,35,22,.65)
        );

    border-radius: 32px;
    border: none;

    box-shadow:
        0 12px 35px rgba(0,0,0,.28),
        inset 0 1px 0 rgba(255,255,255,.08);

    backdrop-filter: blur(16px);
}


/* =========================================================
   MENU ITEMS
   ========================================================= */

.header-right nav > .menu-item {
    position: relative;

    flex: 0 0 auto;
}


/* =========================================================
   MENU LINKS
   ========================================================= */

.header-right nav > .menu-item > a {
    display: flex;
    align-items: center;
    justify-content: center;

    gap: 5px;

    padding: 7px;

    color: #f0f0f0;

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

    letter-spacing: -0.15px;
    line-height: 1.2;

    white-space: nowrap;
    text-decoration: none;

    border-radius: 12px;

    transition:
        color .25s ease,
        background .25s ease,
        transform .25s ease;
}


/* =========================================================
   MENU HOVER
   ========================================================= */

.header-right nav > .menu-item > a:hover {
    color: #d6b96b;

    background:
        rgba(201,170,90,.12);

    transform: translateY(-1px);
}


/* =========================================================
   HIDE MENU ARROWS
   ========================================================= */

.menu-toggle .arrow {
    display: none;
}


/* =========================================================
   02.7 DROPDOWN
   ========================================================= */

.submenu {
    position: absolute;

    top: calc(100% + 12px);
    left: 50%;

    transform: translateX(-50%);

    width: max-content;
    min-width: 230px;
    max-width: min(320px, 80vw);

    display: flex;
    flex-direction: column;

    padding: 8px;

    background: rgba(45,55,35,.96);

    border: 1px solid rgba(201,170,90,.45);
    border-radius: 18px;

    box-shadow:
        0 18px 40px rgba(0,0,0,.22);

    backdrop-filter: blur(12px);

    opacity: 0;
    visibility: hidden;
    pointer-events: none;

    transform-origin: top center;

    filter: blur(2px);

    transition:
        opacity .4s ease,
        filter .4s ease,
        visibility .4s ease;

    z-index: 1200;
}


/* =========================================================
   DROPDOWN — INVISIBLE AREA ABOVE MENU
   ========================================================= */

.submenu::before {
    content: "";

    position: absolute;

    top: -12px;
    left: 0;

    width: 100%;
    height: 12px;

    background: transparent;
}


/* =========================================================
   DROPDOWN OPEN
   ========================================================= */

.menu-item:hover > .submenu,
.menu-item.active > .submenu {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;

    transform: translateX(-50%);

    filter: blur(0);
}


/* =========================================================
   DROPDOWN LINKS
   ========================================================= */

.submenu a {
    position: relative;

    display: block;

    padding: 11px 15px;

    border-radius: 10px;

    color: #ffffff;

    font-size: 14px;
    line-height: 1.35;

    white-space: normal;

    text-decoration: none;

    transition:
        background .25s ease,
        color .25s ease;
}

.submenu a::after {
    content: "";

    position: absolute;

    left: 0;
    bottom: 2px;

    width: 0;
    height: 1px;

    background: #d6b96b;

    transition: width .45s ease;
}

.submenu a:hover::after {
    width: 100%;
}

/* =========================================================
   05. COMMON CONTAINER
   ========================================================= */

.container {
    width: 100%;

    max-width: 1400px;

    margin: 0 auto;

    padding-left: 40px;
    padding-right: 40px;
}


/* =========================================================
   06. COMMON SECTIONS
   ========================================================= */

.section {
    position: relative;

    padding-top: 70px;
    padding-bottom: 70px;
}

.section-header {
    max-width: 850px;

    margin: 0 auto 50px;

    text-align: center;
}

.section-header h2,
.section > .container > h2 {
    margin: 0 0 18px;

    font-family: "Playfair Display", serif;

    font-size: 42px;

    font-weight: 500;

    line-height: 1.2;

    color: #34402d;
}

.section-header p {
    margin: 0;

    font-size: 17px;

    color: #62685d;
}


/* =========================================================
   07. BUTTONS
   ========================================================= */

.button {
    display: inline-flex;

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

    min-height: 48px;

    padding: 12px 28px;

    border: 1px solid rgba(180, 145, 67, .65);

    border-radius: 30px;

    background:
        linear-gradient(
            135deg,
            #526246,
            #35432f
        );

    color: #fff;

    font-size: 14px;

    font-weight: 600;

    text-decoration: none;

    box-shadow:
        0 8px 22px rgba(38, 48, 34, .18),
        inset 0 1px 0 rgba(255,255,255,.12);

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

.button:hover {
    transform: translateY(-2px);

    box-shadow:
        0 12px 28px rgba(38, 48, 34, .25),
        inset 0 1px 0 rgba(255,255,255,.14);

    background:
        linear-gradient(
            135deg,
            #5d6e4f,
            #3d4d35
        );
}


/* =========== TOP — HERO + ABOUT =========*/

.top {
    display: flex;
    gap: 45px;

    width: 90%;
    max-width: 1200px;

    margin: 10px auto 0;

    align-items: center;
}


/* =========================================================
   LEFT — HERO
========================================================= */

.top-left {

    flex: 1.25;

    height: 520px;

}


/* =========================================================
   RIGHT — ABOUT
========================================================= */

.top-right {

    flex: .85;

    height: auto;

    display: flex;

    align-items: center;

    justify-content: center;

    background: transparent;

    padding: 0;

}


/* =========================================================
   HERO
========================================================= */

.hero {

    height: 520px;

    position: relative;

    overflow: hidden;

    border-radius: 35px;
    border: 1px solid rgba(214,185,107,.38);
    box-shadow:
        0 25px 60px rgba(0,0,0,.12);

}


/* =========================================================
   HERO BACKGROUNDS
========================================================= */

.hero-bg {

    position: absolute;

    inset: 0;

    background-size: cover;

    background-position: center;

    opacity: 0;

    transition:
        opacity 2s ease;

}

.hero-bg.active {

    opacity: 1;

}


/* =========================================================
   HERO IMAGES
========================================================= */

.bg1 {

    background-image:
        url("../images/hero_01.jpg");

}

.bg2 {

    background-image:
        url("../images/hero_02.jpg");

}

.bg3 {

    background-image:
        url("../images/hero_03.jpg");

}


/* =========================================================
   HERO OVERLAY
========================================================= */

.overlay {

    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(20,28,15,.55),
            rgba(20,28,15,.15)
        );

}


/* =========================================================
   HERO CONTENT
========================================================= */

.hero-content {

    position: relative;

    z-index: 2;

    height: 100%;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: flex-start;

    padding:
        40px
        70px
        50px
        35px;

}


/* =========================================================
   HERO TITLE
========================================================= */

.hero h1 {
    color: #fff;

    font-family: "Playfair Display", serif;

    font-size: clamp(28px, 2.8vw, 38px);

    font-weight: 500;

    line-height: 1.15;

    letter-spacing: 0;

    margin: 0 0 22px;

    padding-left: 18px;

    border-left: 2px solid #d6b96b;

    text-shadow:
        0 2px 4px rgba(0,0,0,.45),
        0 6px 18px rgba(0,0,0,.28);

    transition:
        text-shadow .4s ease,
        transform .4s ease;
}

/* =========================================================
   HERO TEXT
========================================================= */

.hero p {
    position: relative;

    max-width: 500px;

    margin: 0 0 30px;

    padding: 12px 18px 12px 20px;

    font-family: "Manrope", sans-serif;

    font-size: clamp(16px, 1.5vw, 19px);

    font-weight: 600;

    line-height: 1.55;

    color: #fff;

    background: rgba(25, 32, 22, .28);

    text-shadow:
        0 2px 5px rgba(0,0,0,.65),
        0 4px 14px rgba(0,0,0,.35);

    border-radius: 0 10px 10px 0;
}
.hero p::before {
    content: "";

    position: absolute;

    left: 0;
    top: 8%;
    bottom: 8%;

    width: 1px;

    background:
        linear-gradient(
            180deg,
            transparent 0%,
            #d6b96b 18%,
            #d6b96b 82%,
            transparent 100%
        );

    opacity: .9;
}

/* =========================================================
   HERO BUTTON
========================================================= */

.hero .button {

    margin-top: 5px;

    margin-left: 5px;

}


/* =========================================================
   SUBTLE HERO DEPTH
   декоративный слой — не меняет геометрию
========================================================= */

.hero::after {

    content: "";

    position: absolute;

    inset: 0;

    pointer-events: none;

    border-radius: 35px;

    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,.10);

}


/* =========================================================
   ABOUT PREVIEW — О ЦЕНТРЕ «АНАСТАСИС»
========================================================= */

.about-preview {
width: 100%;
max-width: 480px;

margin: 0 auto;

padding: 32px 34px;

border-radius: 22px;

background:
    linear-gradient(
        145deg,
        rgba(244,239,224,.96),
        rgba(232,226,207,.92)
    );

  border: 1px solid rgba(201,170,90,.38);

box-shadow:
    0 14px 35px rgba(47,53,43,.08);

backdrop-filter: blur(6px);


}

/* =========================================================
ABOUT TITLE
========================================================= */

.about-preview h2 {
margin: 0 0 18px;

font-family:
    "Playfair Display", serif;

font-size: 30px;

font-weight: 500;

line-height: 1.2;

color: #394631;
}

/* =========================================================
ABOUT INTRO TEXT
========================================================= */

.about-preview > p {
margin: 0 0 25px;

font-size: 15px;

line-height: 1.65;

color: #4d5548;

}

/* =========================================================
ABOUT POINTS
========================================================= */

.about-points {
display: grid;

gap: 18px;

margin-bottom: 25px;

}

/* =========================================================
POINT
========================================================= */

.about-points > div {
    position: relative;

    padding:
        0 0 12px
        14px;

    border-left: 2px solid #8fa875;
}

/* =========================================================
POINT TITLE
========================================================= */

/* =========================================================
ABOUT POINT TITLE
========================================================= */

.about-points h3 {
    margin: 0 0 5px;

    font-family:
        "Playfair Display",
        serif;

    font-size: 21px;

    font-weight: 600;

    line-height: 1.3;

    color: #3f4d36;

    letter-spacing: .1px;

    text-shadow:
        0 1px 1px rgba(255,255,255,.45);
}

/* =========================================================
POINT TEXT
========================================================= */

.about-points p {
position: relative;

margin: 0;

padding-bottom: 10px;

font-size: 13.5px;

line-height: 1.6;

color: #666c61;

}

/* =========================================================
GOLDEN LINE UNDER TEXT
========================================================= */

.about-points p::after {
    content: "";

    position: absolute;

    left: 0;
    bottom: 0;

    width: 75%;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            rgba(201,170,90,.45),
            rgba(201,170,90,.08)
        );
}


/* =========================================================
ABOUT BUTTON
========================================================= */

.about-preview .button {
display: flex;
width: 100%;

min-height: 50px;

box-sizing: border-box;

margin-top: 5px;

padding:
    13px
    20px;

border-radius: 12px;

text-align: center;

justify-content: center;
}

/* =========================================================
10. REHABILITATION
========================================================= */

/* =========================================================
REHAB TITLE
========================================================= */

#rehab .section-header h2 {
    position: relative;

    display: inline-block;

    padding-bottom: 14px;
}

#rehab .section-header h2::after {
    content: "";

    position: absolute;

    left: 50%;
    bottom: 0;

    width: 180px;
    height: 1px;

    transform: translateX(-50%);

    background:
        linear-gradient(
            90deg,
            transparent,
            #d6b96b,
            transparent
        );
}


/* =========================================================
REHAB CARDS GRID
========================================================= */

#rehab .rehab-cards {
    display: grid;

    grid-template-columns: repeat(4, 1fr);

    gap: 20px;

    margin-top: 30px;
}


/* =========================================================
REHAB CARD
========================================================= */

#rehab .rehab-card {
    display: flex;

    flex-direction: column;

    justify-content: center;

    min-height: 230px;

    padding: 25px 22px;

    box-sizing: border-box;

    border-radius: 24px;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.78),
            rgba(238,236,225,.88)
        );

    border: 1px solid rgba(143,168,117,.28);
    
    border-left: 2px solid rgba(170, 155, 92, .65);

    box-shadow:
        0 14px 32px rgba(47,53,43,.08),
        inset 0 1px 0 rgba(255,255,255,.65);

    text-decoration: none;

    overflow: hidden;

    text-align: center;

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


/* =========================================================
   REHAB CARD TITLES
   ========================================================= */

.rehab-card h3 {
    position: relative;

    display: block;

    margin: 0 0 18px;

    padding-bottom: 12px;

    font-family: "Playfair Display", serif;

    font-size: 25px;

    font-weight: 500;

    line-height: 1.25;

    color: #394631;

    text-align: center;
}
/* =========================================================
   REHAB CARD TITLE — GOLD UNDERLINE
   ========================================================= */

.rehab-cards:not(.team-cards) .rehab-card h3::after {
    content: "";

    position: absolute;

    left: 50%;
    bottom: 0;

    width: 75px;
    height: 1px;

    transform: translateX(-50%);

    background:
        linear-gradient(
            90deg,
            transparent,
            #d6b96b 25%,
            #d6b96b 75%,
            transparent
        );
}
/* =========================================================
   REHAB CARD TEXT
   ========================================================= */

.rehab-card p {
    margin: 0 auto;

    max-width: 90%;

    font-family: "Manrope", sans-serif;

    font-size: 16px;

    font-weight: 500;

    line-height: 1.65;

    color: #555e50;

    text-align: center;
}

/* =========================================================
CARD HOVER
========================================================= */

#rehab .rehab-card:hover {
    transform: translateY(-5px);

    box-shadow:
        0 20px 38px rgba(47,53,43,.13);
}

.approach-card {
    border-left: 2px solid rgba(170, 155, 92, .65);
}

/* =========================================================
   REHAB MAIN BUTTON
========================================================= */

.rehab-main-button {
    display: flex;

    width: fit-content;

    margin: 45px auto 0;
}


/* =========================================================
   11. FAMILY — РОДНЫМ И БЛИЗКИМ
========================================================= */

#family {
    position: relative;

    padding-top: 65px !important;
    padding-bottom: 60px !important;

    background:
        linear-gradient(
            180deg,
            rgba(245,243,237,0) 0%,
            rgba(247,245,239,.40) 18%,
            rgba(238,236,228,.55) 50%,
            rgba(247,245,239,.30) 82%,
            rgba(245,243,237,0) 100%
        ) !important;
}


/* =========================================================
   FAMILY GLASS CONTAINER
========================================================= */

#family .container {
    position: relative;

    max-width: 1300px;

    margin: 0 auto;

    padding: 0 35px;

    box-sizing: border-box;

    border: 1px solid rgba(201,170,90,.6);

    border-radius: 35px;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.56),
            rgba(238,236,225,.48)
        );

    box-shadow:
        0 20px 50px rgba(47,53,43,.09),
        inset 0 1px 0 rgba(255,255,255,.72);

    backdrop-filter: blur(10px);

    overflow: hidden;
}


/* =========================================================
   SUBTLE DECORATIVE GLOW
========================================================= */

#family .container::before {
    content: "";

    position: absolute;

    top: -120px;
    right: -100px;

    width: 280px;
    height: 280px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(214,185,107,.11) 0%,
            rgba(214,185,107,.035) 38%,
            transparent 70%
        );

    pointer-events: none;
}


/* =========================================================
   FAMILY GRID
========================================================= */

#family .grid {
    position: relative;

    display: grid;

    grid-template-columns: 1fr 1fr;

    align-items: center;

    gap: 45px;

    width: 100%;

    margin: 0;

    padding: 0;

    background: transparent;

    border: none;

    box-shadow: none;

    overflow: visible;

    z-index: 1;
}


/* =========================================================
   LEFT CONTENT
========================================================= */

#family .grid > div:first-child {
    position: relative;

    padding-right: 8px;

    z-index: 2;
}


/* =========================================================
   FAMILY TITLE
========================================================= */

#family h2 {
    position: relative;

    display: inline-block;

    margin: 0 0 22px;

    padding-bottom: 14px;

    font-family: "Playfair Display", serif;

    font-size: 40px;

    font-weight: 500;

    line-height: 1.2;

    color: #394631;
}


/* =========================================================
   THIN GOLD NEEDLE
========================================================= */

#family h2::after {
    content: "";

    position: absolute;

    left: 0;
    bottom: 0;

    width: 140px;
    height: 1px;

    background:
        linear-gradient(
            90deg,
            #d6b96b 0%,
            rgba(214,185,107,.65) 60%,
            transparent 100%
        );
}


/* =========================================================
   FAMILY TEXT
========================================================= */

#family p {
    margin: 0 0 28px;

    font-size: 16.5px;

    line-height: 1.7;

    font-weight: 500;

    color: #4f584b;

    text-shadow: 0 1px 1px rgba(255,255,255,.35);
}


/* =========================================================
   FAMILY IMAGE
========================================================= */

#family .grid img {
    position: relative;

    width: 100%;

    height: 350px;

    max-height: 420px;

    object-fit: cover;

    object-position: center;

    border-radius: 20px;

    border: 1px solid rgba(201,170,90,.30);

    box-shadow:
        0 18px 38px rgba(47,53,43,.14),
        inset 0 1px 0 rgba(255,255,255,.35);

    z-index: 2;
}

#family .grid img {
    margin-top: 20px;
    margin-bottom: 20px;
}
/* =========================================================
   IMAGE COLUMN
========================================================= */

#family .grid > div:last-child {
    position: relative;
}



/* =========================================================
TEAM — SPECIALISTS
========================================================= */

#team {
    text-align: center;
}

.team-cards {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    width: 100%;
}
.team-cards .rehab-card img {
    transition: transform .6s ease;
}

.team-cards .rehab-card:hover img {
    transform: scale(1.035);
}

#team .rehab-main-button {
    padding: 15px 38px;
    font-size: 15px;
}

/* =========================================================
SPECIALIST CARD
========================================================= */

.team-cards .rehab-card {
    padding: 0;

    height: 460px;

    overflow: hidden;

    border-radius: 28px;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.72),
            rgba(238,236,225,.82)
        );

    border: 1px solid rgba(201,170,90,.38);

    box-shadow:
        0 16px 36px rgba(47,53,43,.10),
        inset 0 1px 0 rgba(255,255,255,.65);

    text-align: center;

    transition:
        transform .3s ease,
        box-shadow .3s ease;
}
.team-cards .rehab-card,
.team-cards .rehab-card h3 {
    text-decoration: none;
}

/* =========================================================
SPECIALIST PHOTO
========================================================= */

.team-cards .rehab-card img {

    display:block;

    width:100%;
    height:350px;

    object-fit:cover;

    object-position:center;

}

/* =========================================================
SPECIALIST TEXT
========================================================= */

.team-cards .rehab-card h3 {
    margin: 0;

    padding: 10px 14px 16px;

    font-family: "Playfair Display", serif;

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

    line-height: 1.4;

    color: #46553d;

    text-align: center;

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.82),
            rgba(244,242,233,.96)
        );

    letter-spacing: .1px;
}


/* =========================================================
HOVER
========================================================= */

.team-cards .rehab-card:hover {
    transform: translateY(-5px);

    box-shadow:
        0 22px 44px rgba(47,53,43,.14);
}


/* =========================================================
 13.  CTA — КОНСУЛЬТАЦИЯ + ПОДДЕРЖАТЬ ЦЕНТР
========================================================= */

.cta {
    padding-top: 70px !important;
    padding-bottom: 70px !important;

    background:
        linear-gradient(
            180deg,
            rgba(245,243,237,0) 0%,
            rgba(238,236,228,.35) 20%,
            rgba(231,230,220,.50) 50%,
            rgba(238,236,228,.25) 80%,
            rgba(245,243,237,0) 100%
        ) !important;
}

/* =========================================================
   ДВА БЛОКА
========================================================= */

.cta-grid {
    display: grid;
    grid-template-columns: 580px 580px;
    justify-content: center;
    gap: 28px;
}

/* =========================================================
   ОБЩАЯ КАРТОЧКА
========================================================= */

.cta-box {
    position: relative;

    width: 580px;
    height: 340px;

    padding: 32px 38px;

    box-sizing: border-box;

    border-radius: 28px;

    overflow: hidden;

    border: 1px solid rgba(201,170,90,.42);

    box-shadow:
        0 18px 45px rgba(47,53,43,.10),
        inset 0 1px 0 rgba(255,255,255,.65);

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.96),
            rgba(239,237,228,.94)
        );

    transition:
        transform .3s ease,
        box-shadow .3s ease;


}

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

.cta-box h2 {
    position: relative;

    margin: 0 0 18px;

    max-width: 390px;

    font-family: "Playfair Display", serif;

    font-size: 32px;

    font-weight: 500;

    line-height: 1.2;

    color: #394631;

    z-index: 3;
}

.cta-box h2::after {
    content: "";

    display: block;

    width: 105px;
    height: 1px;

    margin-top: 13px;

    background:
        linear-gradient(
            90deg,
            #d6b96b,
            rgba(214,185,107,.35),
            transparent
        );
}

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

.cta-box > p {
    position: relative;

    max-width: 390px;

    margin: 0 0 24px;

    font-size: 17px;

    font-weight: 500;

    line-height: 1.65;

    letter-spacing: .1px;

    color: #5b6357;

    z-index: 3;
}
/* =========================================================
   КНОПКА
========================================================= */

.cta-box .button {
    position: relative;

    min-width: 190px;
    min-height: 48px;

    justify-content: center;

    border-radius: 18px;

    z-index: 3;
}

/* =========================================================
   ДЕКОРАТИВНЫЙ УГОЛОК
========================================================= */

.cta-box::before {
    content: "";

    position: absolute;

    top: 24px;
    left: 24px;

    width: 38px;
    height: 38px;

    border-top: 1px solid #d6b96b;
    border-left: 1px solid #d6b96b;

    opacity: .55;

    pointer-events: none;

    z-index: 3;
}

/* =========================================================
   LEAF — СПРАВА В КОНСУЛЬТАЦИИ
========================================================= */
.cta-box:first-child::after {
    content: "";

    position: absolute;

    right: 10px;
    bottom: 20px;

    width: 270px;
    height: 270px;

    background:
        url("../images/leaf.png")
        no-repeat
        center;

    background-size: contain;

    opacity: .28;

    pointer-events: none;

    z-index: 1;

    transform: rotate(-4deg);
}


/* =========================================================
   SUPPORT — ЗЕЛЁНЫЙ БЛОК
========================================================= */

.support-box {
    position: relative;

    background:
        linear-gradient(
            145deg,
            #4b5c42 0%,
            #35442f 100%
        );

    border: 1px solid rgba(214,185,107,.48);

    box-shadow:
        0 20px 45px rgba(47,53,43,.18),
        inset 0 1px 0 rgba(255,255,255,.10);

    padding-right: 190px;
}

/* =========================================================
   SUPPORT — ТЕКСТ
========================================================= */

.support-box h2 {
    color: #fff;
}

.support-box > p {
    max-width: 330px;

    color: rgba(255,255,255,.82);
}

/* =========================================================
   CHURCH — ДЕКОР СПРАВА
========================================================= */

.support-box::after {
    content: "";

    position: absolute;

    right: 120px;
    bottom: -30px;

    width: 320px;
    height: 320px;

    background:
        url("../images/church.png")
        no-repeat
        center;

    background-size: contain;

    opacity: .10;

    pointer-events: none;

    z-index: 1;
}

/* =========================================================
   QR — СПРАВА
========================================================= */
.support-qr {
    position: absolute;

    top: 58%;
    right: 20px;

    transform: translateY(-50%);

    width: 165px;

    text-align: center;

    z-index: 5;
}

.support-qr img {
    display: block;

    width: 155px;
    height: 155px;

    margin: 0 auto;

    padding: 0;

    box-sizing: border-box;

    object-fit: contain;

    background: transparent;
    border-radius: 10px;
    border-radius: 0;

    box-shadow: none;
}
.support-qr p {
    margin: 10px 0 0;

    font-size: 12px;
    font-weight: 600;
    line-height: 1.3;

    color: #fff;
    white-space: nowrap;
}
/* =========================================================
   HOVER
========================================================= */

.cta-box:hover {
    transform: translateY(-4px);

    box-shadow:
        0 24px 50px rgba(47,53,43,.15),
        inset 0 1px 0 rgba(255,255,255,.70);
}

/* =========================================================
14. CONTACTS
========================================================= */


/* SECTION */

#contact {

    position:relative;

    background:

        linear-gradient(
            180deg,
            rgba(245,243,237,0),
            rgba(238,236,228,.45),
            rgba(245,243,237,0)
        );

}



/* =========================================================
MAIN CONTACT BLOCK
========================================================= */


.contact-info {

    position:relative;


    max-width:1300px;


    margin:0 auto;


    padding:30px 35px 35px;


    box-sizing:border-box;


    background:

        linear-gradient(
            145deg,
            rgba(255,255,255,.48),
            rgba(239,237,228,.32)
        );


    border:

        1px solid rgba(201,170,90,.58);


    border-radius:30px;


    backdrop-filter:blur(12px);


    box-shadow:

        0 18px 45px rgba(47,53,43,.10),

        0 2px 8px rgba(47,53,43,.04),

        inset 0 1px 0 rgba(255,255,255,.70);


    overflow:hidden;

}



/* =========================================================
DECORATIVE GLOW
========================================================= */


.contact-info::before {

    content:"";


    position:absolute;


    top:-110px;

    right:-90px;


    width:260px;

    height:260px;


    border-radius:50%;


    background:


        radial-gradient(
            circle,
            rgba(214,185,107,.12),
            transparent 70%
        );


    pointer-events:none;

}



/* =========================================================
TITLE
========================================================= */


.contact-info h2 {

    position:relative;


    display:block;


    margin:0 0 25px;


    padding-bottom:12px;


    font-family:"Playfair Display", serif;


    font-size:34px;


    font-weight:500;


    line-height:1.2;


    color:#394631;


    z-index:2;

}



.contact-info h2::after {

    content:"";


    position:absolute;


    left:0;

    bottom:0;


    width:135px;


    height:1px;


    background:


        linear-gradient(
            90deg,
            #d6b96b,
            rgba(214,185,107,.55),
            transparent
        );

}



/* =========================================================
CONTACT ITEMS GRID
========================================================= */


.contact-items {


    position:relative;


    display:grid;


    grid-template-columns:

        minmax(250px,1.5fr)

        repeat(
            3,
            minmax(180px,.8fr)
        );


    width:100%;


    z-index:2;

}



/* =========================================================
CONTACT ITEM
========================================================= */


.contact-item {

    position:relative;


    min-height:125px;


    padding:5px 22px;


    box-sizing:border-box;

}



/* GREEN DECORATIVE LINE */


.contact-item::before {

    content:"";


    position:absolute;


    left:0;


    top:8px;


    bottom:8px;


    width:3px;


    border-radius:10px;


    background:


        linear-gradient(
            180deg,
            transparent,
            rgba(143,168,117,.95),
            transparent
        );


}



/* GOLD DOT */


.contact-item::after {

    content:"";


    position:absolute;


    left:0;


    top:50%;


    width:6px;


    height:6px;


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


    border-radius:50%;


    background:#d6b96b;


    box-shadow:

        0 0 0 3px rgba(214,185,107,.08),

        0 0 8px rgba(214,185,107,.18);

}



/* =========================================================
ITEM TITLE
========================================================= */


.contact-item h3 {


    margin:0 0 9px;


    padding-bottom:7px;


    font-family:"Playfair Display", serif;


    font-size:18px;


    font-weight:500;


    line-height:1.3;


    color:#526246;

}



.contact-item h3::after {


    content:"";


    display:block;


    width:38px;


    height:1px;


    margin-top:7px;


    background:


        linear-gradient(
            90deg,
            #d6b96b,
            rgba(214,185,107,.15)
        );

}



/* =========================================================
TEXT
========================================================= */


.contact-item p {


    margin:0 0 5px;


    font-family:"Manrope", sans-serif;


    font-size:13px;


    font-weight:500;


    line-height:1.5;


    color:#61675c;

}



.contact-item p:last-child {

    margin-bottom:0;

}



/* =========================================================
SOCIAL FIX
========================================================= */


.mobile-social {

    display:none;

}

/*=========================================================
СОЦ СЕТИ ВЫЛАЗЯТ НА ПК
=========================================================
*/
.mobile-social {
    display:none;
}
/*
=========================================================
Центровка сайта
=========================================================*/

/* =========================================================
 ПЛАВНЫЕ ПЕРЕХОДЫ МЕЖДУ СЕКЦИЯМИ
  ========================================================= */

#rehab {
    background:
        linear-gradient(
            180deg,
            rgba(245,243,237,0) 0%,
            rgba(238,237,229,.45) 18%,
            rgba(233,235,226,.60) 50%,
            rgba(238,237,229,.35) 82%,
            rgba(245,243,237,0) 100%
        ) !important;
}

#team {
    background:
        linear-gradient(
            180deg,
            rgba(245,243,237,0) 0%,
            rgba(239,238,231,.35) 20%,
            rgba(232,234,225,.48) 50%,
            rgba(239,238,231,.25) 80%,
            rgba(245,243,237,0) 100%
        ) !important;
}

#contact {
    background:
        linear-gradient(
            180deg,
            rgba(245,243,237,0) 0%,
            rgba(243,241,235,.35) 20%,
            rgba(238,236,228,.48) 50%,
            rgba(243,241,235,.25) 80%,
            rgba(245,243,237,0) 100%
        ) !important;
}

/* ALCOHOL */

/* 01. ФОН */

body:has(.alcohol-causes) {
    background:
        radial-gradient(
            circle at 12% 22%,
            rgba(214, 185, 107, .09),
            transparent 28%
        ),
        radial-gradient(
            circle at 88% 48%,
            rgba(79, 101, 63, .08),
            transparent 30%
        ),
        linear-gradient(
            180deg,
            #f7f4eb 0%,
            #f1eee3 42%,
            #f6f3ea 100%
        );
}


/* 02. HERO */

body:has(.alcohol-causes) .inner-hero {
    position: relative;

    display: grid;
    grid-template-columns: 1fr 1fr;

    width: 90%;
    max-width: 1200px;
    min-height: 300px;

    margin: 35px auto 70px;

    overflow: hidden;

    border-radius: 30px;

    background:
        linear-gradient(
            135deg,
            rgba(255, 255, 255, .78),
            rgba(238, 233, 216, .62)
        );

    border: 1px solid rgba(201, 170, 90, .32);

    box-shadow:
        0 24px 55px rgba(47, 53, 43, .10),
        inset 0 1px 0 rgba(255, 255, 255, .85);
}

body:has(.alcohol-causes) .inner-hero > div {
    display: flex;
    flex-direction: column;
    justify-content: center;

    padding: 45px 50px 45px 60px;

    z-index: 2;
}

body:has(.alcohol-causes) .inner-hero h1 {
    position: relative;

    margin: 0 0 24px;
    padding-bottom: 16px;

    font-family: "Playfair Display", serif;
    font-size: 48px;
    font-weight: 500;
    line-height: 1.12;

    color: #34422f;
}

body:has(.alcohol-causes) .inner-hero h1::after {
    content: "";

    position: absolute;
    left: 0;
    bottom: 0;

    width: 180px;
    height: 1px;

    background:
        linear-gradient(
            90deg,
            #c9aa5a,
            rgba(201, 170, 90, .35),
            transparent
        );
}
body:has(.alcohol-causes) .inner-hero p {
    max-width: 570px;

    margin: 0 0 14px;

    font-family: "Manrope", sans-serif;
    font-size: 16px;
    line-height: 1.65;
    font-weight: 600;

    color: #303830;
}

body:has(.alcohol-causes) .inner-hero > img {
    width: 100%;
    height: 100%;

    object-fit: cover;

    border: 0;

    mask-image:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(0,0,0,.35) 8%,
            black 22%,
            black 100%
        );

    -webkit-mask-image:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(0,0,0,.35) 8%,
            black 22%,
            black 100%
        );
}


/* 03. CONTENT */

body:has(.alcohol-causes) .inner-content {
    width: 90%;
    max-width: 1200px;

    margin: 0 auto;

    padding-bottom: 80px;
}

body:has(.alcohol-causes) .inner-content > .info-block {
    position: relative;

    margin-bottom: 45px;
    padding: 38px 45px;

    overflow: hidden;

    border-radius: 26px;

    background:
        linear-gradient(
            135deg,
            rgba(255, 252, 243, .90),
            rgba(241, 237, 222, .78)
        );

    border: 1px solid rgba(201, 170, 90, .25);

box-shadow:
    0 18px 42px rgba(48, 55, 43, .08),
    inset 0 1px 0 rgba(255, 255, 255, .90);
}

/* 04. ПЕРВЫЙ БЛОК */

body:has(.alcohol-causes) .inner-content > .info-block:first-child {
    padding: 0;

    overflow: visible;

    background: transparent;

    border: 0;

    box-shadow: none;
}

body:has(.alcohol-causes) .info-split {
    display: grid;
    grid-template-columns: calc(50% - 12px) calc(50% - 12px);
    gap: 24px;
    align-items: start;
}

/* КАРТИНКА */

body:has(.alcohol-causes) .info-split-image {
    display: block;

    width: 100%;
    height: 390px;

    object-fit: cover;

    border: 0;
    border-radius: 24px;

    box-shadow:
    0 0 0 10px rgba(52, 58, 48, .08),
    0 15px 35px rgba(40, 45, 38, .20),
    0 30px 55px rgba(40, 45, 38, .14);
}


/* ТЕКСТ */

body:has(.alcohol-causes) .info-text {
    position: relative;

    padding: 34px 40px;

    border-radius: 24px;

    background:
        linear-gradient(
            135deg,
            rgba(255, 252, 243, .94),
            rgba(241, 237, 222, .82)
        );

    border: 1px solid rgba(201, 170, 90, .25);

    box-shadow:
        0 18px 38px rgba(48, 55, 43, .08),
        inset 0 1px 0 rgba(255, 255, 255, .90);
}

body:has(.alcohol-causes) .info-text::before {
    content: "";

    position: absolute;

    left: 0;
    top: 40px;
    bottom: 40px;

    width: 1px;

    background:
        linear-gradient(
            180deg,
            transparent,
            rgba(201, 170, 90, .65),
            transparent
        );
}

body:has(.alcohol-causes) .info-text h2 {
    margin: 0 0 20px;

    font-family: "Playfair Display", serif;
    font-size: 29px;
    font-weight: 400;
    line-height: 1.28;

    color: #46503f;
}

body:has(.alcohol-causes) .info-text h2::after {
    content: "";

    display: block;

    width: 120px;
    height: 1px;

    margin-top: 11px;

    background:
        linear-gradient(
            90deg,
            #c9aa5a,
            transparent
        );
}

body:has(.alcohol-causes) .info-text p {
    margin: 0 0 18px;

    font-family: "Manrope", sans-serif;
    font-size: 16px;
    line-height: 1.62;
    font-weight: 600;

    color: #252b26;
    letter-spacing: -0.1px;
}

body:has(.alcohol-causes) .info-text p:last-child {
    margin-bottom: 0;
}


/* 05. ПРИЧИНЫ */

body:has(.alcohol-causes) .inner-content > .info-block:has(.alcohol-causes) {
    padding-bottom: 38px;
}

body:has(.alcohol-causes) .alcohol-causes {
    display: grid;
    grid-template-columns: repeat(3, 1fr);

    gap: 20px;

    margin-top: 28px;
}

body:has(.alcohol-causes) .info-card {
    position: relative;

    min-height: 260px;

    padding: 30px 28px;

    overflow: hidden;

    border-radius: 21px;

    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, .98),
            rgba(252, 250, 244, .90)
        );

    border: 1px solid rgba(201, 170, 90, .28);
    border-left: 2px solid rgba(79, 101, 63, .65);

    box-shadow:
        0 13px 30px rgba(43, 50, 39, .09),
        inset 0 1px 0 rgba(255, 255, 255, .95);

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

body:has(.alcohol-causes) .info-card:hover {
    transform: translateY(-5px);

    box-shadow:
        0 21px 38px rgba(43, 50, 39, .13);
}

body:has(.alcohol-causes) .info-card h3 {
    position: relative;
    z-index: 2;

    margin: 0 0 15px;

    font-family: "Playfair Display", serif;
    font-size: 21px;
    font-weight: 400;
    line-height: 1.3;

    color: #46503f;
}

body:has(.alcohol-causes) .info-card h3::after {
    content: "";

    display: block;

    width: 100px;
    height: 1px;

    margin-top: 10px;

    background:
        linear-gradient(
            90deg,
            #c9aa5a,
            transparent
        );
}

body:has(.alcohol-causes) .info-card p {
    position: relative;
    z-index: 2;

    margin: 0;

    font-family: "Manrope", sans-serif;
    font-size: 15.5px;
    line-height: 1.65;
    font-weight: 600;

    color: #353b34;
}

body:has(.alcohol-causes) .info-card::after {
    content: "";

    position: absolute;

    right: -10px;
    bottom: -5px;

    width: 250px;
    height: 250px;

    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;

    opacity: .22;

    pointer-events: none;

    transition: transform .4s ease, opacity .4s ease;
}

body:has(.alcohol-causes) .info-card:nth-child(1)::after {
    opacity: .88;
    background-image: url("../images/emotion.png");
}

body:has(.alcohol-causes) .info-card:nth-child(2)::after {
    background-image: url("../images/psychology.png");
}

body:has(.alcohol-causes) .info-card:nth-child(3)::after {
    background-image: url("../images/social.png");
}

body:has(.alcohol-causes) .info-card:hover::after {
    opacity: .28;
    transform: scale(1.04) rotate(-2deg);
}


/* 06. ОСТАЛЬНЫЕ БЛОКИ */

body:has(.alcohol-causes) .inner-content > .info-block:not(:first-child) {
    padding-left: 45px;
    padding-right: 45px;
}

body:has(.alcohol-causes) .info-block > h2 {
    position: relative;
    z-index: 2;

    margin: 0 0 22px;
    padding-bottom: 11px;

    font-family: "Playfair Display", serif;
    font-size: 29px;
    font-weight: 500;
    line-height: 1.28;

    color: #394236;
}

body:has(.alcohol-causes) .info-block > h2::after {
    content: "";

    position: absolute;

    left: 0;
    bottom: 0;

    width: 80px;
    height: 1px;

    background:
        linear-gradient(
            90deg,
            #c9aa5a,
            transparent
        );
}

body:has(.alcohol-causes) .info-block > p {
    max-width: 900px;

    margin: 0 0 17px;

    font-family: "Manrope", sans-serif;
    font-size: 16px;
    line-height: 1.65;
    font-weight: 600;

    color: #353b34;
}

body:has(.alcohol-causes) .info-block > p:last-child {
    margin-bottom: 0;
}


/* ПОЧЕМУ СЛОЖНО ОТКАЗАТЬСЯ САМОСТОЯТЕЛЬНО */

body:has(.alcohol-causes) .inner-content > .info-block:last-child > h2 {
    text-align: center;
    padding-bottom: 14px;
}

body:has(.alcohol-causes) .inner-content > .info-block:last-child > h2::after {
    left: 50%;

    transform: translateX(-50%);
}

body:has(.alcohol-causes) .inner-content > .info-block:last-child > p {
    position: relative;

    max-width: 820px;

    margin: 0 auto 22px;
    padding: 24px 32px;

    text-align: center;

    font-family: "Manrope", sans-serif;
    font-size: 16px;
    line-height: 1.65;
    font-weight: 600;

    color: #30372f;

    background:
        linear-gradient(
            135deg,
            rgba(255, 255, 255, .92),
            rgba(91, 94, 82, .10)
        );

    border: 1px solid rgba(110, 110, 92, .16);
    border-radius: 3px;

    box-shadow:
        0 10px 24px rgba(48, 55, 43, .07),
        inset 0 1px 0 rgba(255, 255, 255, .80);
}

body:has(.alcohol-causes) .inner-content > .info-block:last-child > p:last-child {
    margin-bottom: 0;
}


/* 07. СПИСОК */

body:has(.alcohol-causes) .info-block ul {
    position: relative;
    max-width: 900px;
    margin: 28px 0 0;
    padding: 26px 32px;

    background:
        linear-gradient(
            135deg,
            rgba(235, 231, 215, .92),
            rgba(248, 245, 235, .72)
        );

    border-left: 2px solid rgba(79, 101, 63, .65);
    border-radius: 0 18px 18px 0;

    box-shadow:
        0 10px 28px rgba(48, 55, 43, .07),
        inset 0 1px 0 rgba(255, 255, 255, .8);
}

body:has(.alcohol-causes) .info-block li {
    position: relative;

    margin-bottom: 17px;
    padding-left: 28px;

    font-family: "Manrope", sans-serif;
    font-size: 16px;
    line-height: 1.7;
    font-weight: 500;

    color: #30382f;
}

body:has(.alcohol-causes) .info-block li:last-child {
    margin-bottom: 0;
}

body:has(.alcohol-causes) .info-block li::before {
    content: "";

    position: absolute;
    left: 0;
    top: 12px;

    width: 13px;
    height: 1px;

    background:
        linear-gradient(
            90deg,
            #c9aa5a,
            rgba(126, 149, 109, .35),
            transparent
        );
}

/* затемнение в нижней части блока */

body:has(.alcohol-causes) .info-block ul::after {
    content: "";

    position: absolute;

    left: 0;
    right: 0;
    bottom: 0;

    height: 45%;

    background:
        linear-gradient(
            180deg,
            transparent,
            rgba(57, 64, 52, .055)
        );

    border-radius: 0 0 18px 0;

    pointer-events: none;
}

/* =========================================================
   DRUGS
   НАРКОТИЧЕСКАЯ ЗАВИСИМОСТЬ
   ========================================================= */


/* 01. ФОН */

body:has(.drug-causes) {
    background:
        radial-gradient(
            circle at 10% 20%,
            rgba(92, 107, 76, .10),
            transparent 28%
        ),
        radial-gradient(
            circle at 88% 46%,
            rgba(74, 87, 70, .08),
            transparent 30%
        ),
        linear-gradient(
            180deg,
            #f3f2ed 0%,
            #e9ebe5 44%,
            #f1f0eb 100%
        );
}


/* =========================================================
   02. HERO
   ========================================================= */

body:has(.drug-causes) .inner-hero {
    position: relative;

    display: grid;
    grid-template-columns: 1fr 1fr;

    width: 90%;
    max-width: 1200px;
    min-height: 330px;

    margin: 35px auto 70px;

    overflow: hidden;

    border-radius: 30px;

    background:
        linear-gradient(
            135deg,
            rgba(255, 255, 255, .84),
            rgba(228, 231, 222, .72)
        );

    border: 1px solid rgba(92, 105, 80, .24);

    box-shadow:
        0 24px 55px rgba(38, 45, 38, .12),
        inset 0 1px 0 rgba(255, 255, 255, .90);
}


/* ТЕКСТ HERO */

body:has(.drug-causes) .inner-hero > div {
    display: flex;
    flex-direction: column;
    justify-content: center;

    padding: 45px 50px 45px 60px;

    position: relative;
    z-index: 3;
}

body:has(.drug-causes) .inner-hero h1 {
    position: relative;

    margin: 0 0 24px;
    padding-bottom: 16px;

    font-family: "Playfair Display", serif;
    font-size: 48px;
    font-weight: 500;
    line-height: 1.12;

    color: #2f3a30;
}

body:has(.drug-causes) .inner-hero h1::after {
    content: "";

    position: absolute;

    left: 0;
    bottom: 0;

    width: 180px;
    height: 1px;

    background:
        linear-gradient(
            90deg,
            #9e8650,
            rgba(158, 134, 80, .38),
            transparent
        );
}

body:has(.drug-causes) .inner-hero p {
    max-width: 570px;

    margin: 0 0 14px;

    font-family: "Manrope", sans-serif;
    font-size: 16px;
    line-height: 1.65;
    font-weight: 600;

    color: #303830;
}

body:has(.drug-causes) .inner-hero p:last-child {
    margin-bottom: 0;
}


/* КАРТИНКА HERO */

body:has(.drug-causes) .inner-hero > img {
    position: relative;
    z-index: 1;

    width: 100%;
    height: 100%;

    object-fit: cover;

    border: 0;

    filter:
        saturate(.88)
        contrast(1.06);

    mask-image:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(0,0,0,.22) 8%,
            rgba(0,0,0,.68) 18%,
            black 32%,
            black 100%
        );

    -webkit-mask-image:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(0,0,0,.22) 8%,
            rgba(0,0,0,.68) 18%,
            black 32%,
            black 100%
        );

    box-shadow:
        inset 15px 0 30px rgba(35, 40, 34, .16);
}


/* ТЁМНАЯ ПОДЛОЖКА ПОД HERO-КАРТИНКОЙ */

body:has(.drug-causes) .inner-hero::after {
    content: "";

    position: absolute;

    top: 14px;
    right: 14px;
    bottom: 14px;

    width: 49%;

    border-radius: 24px;

    background:
        linear-gradient(
            135deg,
            rgba(42, 48, 41, .06),
            rgba(42, 48, 41, .18)
        );

    box-shadow:
        0 18px 40px rgba(35, 40, 34, .15);

    pointer-events: none;

    z-index: 2;
}


/* =========================================================
   03. CONTENT
   ========================================================= */

body:has(.drug-causes) .inner-content {
    width: 90%;
    max-width: 1200px;

    margin: 0 auto;

    padding-bottom: 80px;
}


/* ОБЩИЕ INFO-BLOCK */

body:has(.drug-causes) .inner-content > .info-block {
    position: relative;

    margin-bottom: 45px;
    padding: 38px 45px;

    overflow: hidden;

    border-radius: 26px;

    background:
        linear-gradient(
            135deg,
            rgba(255, 255, 255, .93),
            rgba(237, 239, 233, .84)
        );

    border: 1px solid rgba(111, 119, 101, .22);

    box-shadow:
        0 18px 42px rgba(48, 55, 43, .08),
        inset 0 1px 0 rgba(255, 255, 255, .90);
}


/* =========================================================
   04. ЧТО ТАКОЕ НАРКОТИЧЕСКАЯ ЗАВИСИМОСТЬ
   ========================================================= */

body:has(.drug-causes) .inner-content > .info-block:first-child {
    padding: 0;

    overflow: visible;

    background: transparent;

    border: 0;

    box-shadow: none;
}

body:has(.drug-causes) .info-split {
    display: grid;
    grid-template-columns: 1fr 1fr;

    gap: 24px;

    align-items: stretch;
}


/* КАРТИНКА ПЕРВОГО БЛОКА */

body:has(.drug-causes) .info-split-image {
    display: block;

    width: 100%;
    height: 330px;

    object-fit: cover;

    border: 0;
    border-radius: 24px;

    filter:
        saturate(.88)
        contrast(1.04);

    box-shadow:
        0 0 0 10px rgba(52, 58, 48, .08),
        0 15px 35px rgba(40, 45, 38, .20),
        0 30px 55px rgba(40, 45, 38, .14);
}


/* ТЕКСТ ПЕРВОГО БЛОКА */

body:has(.drug-causes) .info-text {
    position: relative;

    padding: 34px 40px;

    border-radius: 24px;

    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, .97),
            rgba(242, 243, 237, .93)
        );

    border: 1px solid rgba(101, 108, 94, .20);

    box-shadow:
        0 18px 38px rgba(48, 55, 43, .11),
        inset 0 1px 0 rgba(255, 255, 255, .95);
}

body:has(.drug-causes) .info-text::before {
    content: "";

    position: absolute;

    left: 0;
    top: 40px;
    bottom: 40px;

    width: 1px;

    background:
        linear-gradient(
            180deg,
            transparent,
            rgba(158, 134, 80, .62),
            transparent
        );
}

body:has(.drug-causes) .info-text h2 {
    margin: 0 0 20px;

    font-family: "Playfair Display", serif;
    font-size: 29px;
    font-weight: 500;
    line-height: 1.28;

    color: #394236;
}

body:has(.drug-causes) .info-text h2::after {
    content: "";

    display: block;

    width: 80px;
    height: 1px;

    margin-top: 11px;

    background:
        linear-gradient(
            90deg,
            #9e8650,
            transparent
        );
}

body:has(.drug-causes) .info-text p {
    margin: 0 0 16px;

    font-family: "Manrope", sans-serif;
    font-size: 16px;
    line-height: 1.68;
    font-weight: 600;

    color: #353b34;
}

body:has(.drug-causes) .info-text p:last-child {
    margin-bottom: 0;
}


/* =========================================================
   05. ПОЧЕМУ ВОЗНИКАЕТ — КАРТОЧКИ
   ========================================================= */

body:has(.drug-causes) .inner-content > .info-block:has(.drug-causes) {
    padding-bottom: 38px;
}

body:has(.drug-causes) .info-block > h2 {
    position: relative;
    z-index: 2;

    margin: 0 0 22px;
    padding-bottom: 11px;

    font-family: "Playfair Display", serif;
    font-size: 29px;
    font-weight: 500;
    line-height: 1.28;

    color: #394236;
}

body:has(.drug-causes) .info-block > h2::after {
    content: "";

    position: absolute;

    left: 0;
    bottom: 0;

    width: 80px;
    height: 1px;

    background:
        linear-gradient(
            90deg,
            #9e8650,
            transparent
        );
}


body:has(.drug-causes) .drug-causes {
    display: grid;
    grid-template-columns: repeat(3, 1fr);

    gap: 20px;

    margin-top: 28px;
}


/* КАРТОЧКА */

body:has(.drug-causes) .info-card {
    position: relative;

    min-height: 260px;

    padding: 30px 28px;

    overflow: hidden;

    border-radius: 21px;

    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, .98),
            rgba(246, 247, 242, .91)
        );

    border: 1px solid rgba(156, 145, 112, .24);
    border-left: 2px solid rgba(74, 91, 70, .70);

    box-shadow:
        0 13px 30px rgba(43, 50, 39, .09),
        inset 0 1px 0 rgba(255, 255, 255, .95);

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

body:has(.drug-causes) .info-card:hover {
    transform: translateY(-5px);

    box-shadow:
        0 21px 38px rgba(43, 50, 39, .14);
}


/* ЗАГОЛОВОК КАРТОЧКИ */

body:has(.drug-causes) .info-card h3 {
    position: relative;
    z-index: 2;

    margin: 0 0 15px;

    font-family: "Playfair Display", serif;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.3;

    color: #394236;
}

body:has(.drug-causes) .info-card h3::after {
    content: "";

    display: block;

    width: 75px;
    height: 1px;

    margin-top: 10px;

    background:
        linear-gradient(
            90deg,
            #9e8650,
            transparent
        );
}


/* ТЕКСТ КАРТОЧКИ */

body:has(.drug-causes) .info-card p {
    position: relative;
    z-index: 2;

    margin: 0;

    font-family: "Manrope", sans-serif;
    font-size: 15.5px;
    line-height: 1.65;
    font-weight: 600;

    color: #353b34;
}


/* ДЕКОРАТИВНЫЕ КАРТИНКИ */

body:has(.drug-causes) .info-card::after {
    content: "";

    position: absolute;

    right: -35px;
    bottom: -45px;

    width: 250px;
    height: 250px;

    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;

    opacity: .20;

    pointer-events: none;

    transition:
        transform .4s ease,
        opacity .4s ease;
}

body:has(.drug-causes) .info-card:nth-child(1)::after {
    background-image: url("../images/emotion.png");
    opacity: .88;
}

body:has(.drug-causes) .info-card:nth-child(2)::after {
    background-image:
        url("../images/psychology.png");
}

body:has(.drug-causes) .info-card:nth-child(3)::after {
    background-image:
        url("../images/social.png");
}

body:has(.drug-causes) .info-card:hover::after {
    opacity: .28;

    transform:
        scale(1.04)
        rotate(-2deg);
}

/* =========================================================
   06. ОБЫЧНЫЕ ОСТАЛЬНЫЕ БЛОКИ
   ========================================================= */

body:has(.drug-causes) .inner-content > .info-block:not(:first-child) {
    padding-left: 45px;
    padding-right: 45px;
}

body:has(.drug-causes) .info-block > p {
    max-width: 900px;

    margin: 0 0 17px;

    font-family: "Manrope", sans-serif;
    font-size: 16px;
    line-height: 1.65;
    font-weight: 600;

    color: #353b34;
}

body:has(.drug-causes) .info-block > p:last-child {
    margin-bottom: 0;
}


/* =========================================================
   07. ПРИЗНАКИ
   ========================================================= */

body:has(.drug-causes) .signs-list {
    position: relative;

    max-width: 900px;

    margin: 26px 0 0;
    padding: 24px 30px;

    overflow: hidden;

    background:
        linear-gradient(
            135deg,
            rgba(235, 237, 230, .94),
            rgba(248, 248, 244, .76)
        );

    border-left: 2px solid rgba(74, 91, 70, .68);
    border-radius: 0 18px 18px 0;

    box-shadow:
        0 10px 28px rgba(48, 55, 43, .07),
        inset 0 1px 0 rgba(255, 255, 255, .82);
}


/* ЭЛЕМЕНТ ПРИЗНАКОВ */

body:has(.drug-causes) .sign-item {
    display: grid;
    grid-template-columns: 15px 1fr;

    gap: 13px;

    align-items: start;

    margin-bottom: 17px;
}

body:has(.drug-causes) .sign-item:last-child {
    margin-bottom: 0;
}


/* ЗОЛОТОЙ АКЦЕНТ */

body:has(.drug-causes) .sign-item > span {
    display: block;

    width: 13px;
    height: 1px;

    margin-top: 13px;

    background:
        linear-gradient(
            90deg,
            #9e8650,
            rgba(126, 149, 109, .35),
            transparent
        );
}


/* ТЕКСТ ПРИЗНАКА */

body:has(.drug-causes) .sign-item p {
    margin: 0;

    font-family: "Manrope", sans-serif;
    font-size: 16px;
    line-height: 1.7;
    font-weight: 600;

    color: #30382f;
}


/* ЗАТЕМНЕНИЕ НИЖНЕЙ ЧАСТИ */

body:has(.drug-causes) .signs-list::after {
    content: "";

    position: absolute;

    left: 0;
    right: 0;
    bottom: 0;

    height: 45%;

    background:
        linear-gradient(
            180deg,
            transparent,
            rgba(57, 64, 52, .055)
        );

    pointer-events: none;

    border-radius: 0 0 18px 0;
}


/* =========================================================
   08. ПОСЛЕДСТВИЯ
   ========================================================= */

body:has(.drug-causes) .inner-content > .info-block:nth-last-child(2) {
    padding-bottom: 38px;
}


/* =========================================================
   09. ПОЧЕМУ СЛОЖНО ОТКАЗАТЬСЯ
   ========================================================= */

body:has(.drug-causes) .inner-content > .info-block:last-child {
    padding: 38px 45px;

    background:
        linear-gradient(
            135deg,
            rgba(245, 246, 241, .96),
            rgba(226, 229, 220, .88)
        );
}


body:has(.drug-causes) .info-help {
    display: grid;

    grid-template-columns: minmax(0, 1fr) auto;

    gap: 40px;

    align-items: center;
}


body:has(.drug-causes) .info-help > div:first-child {
    min-width: 0;
}


body:has(.drug-causes) .info-help h2 {
    position: relative;

    margin: 0 0 22px;
    padding-bottom: 14px;

    font-family: "Playfair Display", serif;
    font-size: 29px;
    font-weight: 500;
    line-height: 1.28;

    color: #394236;
}


body:has(.drug-causes) .info-help h2::after {
    content: "";

    position: absolute;

    left: 0;
    bottom: 0;

    width: 80px;
    height: 1px;

    background:
        linear-gradient(
            90deg,
            #9e8650,
            transparent
        );
}


body:has(.drug-causes) .info-help p {
    max-width: 850px;

    margin: 0 0 18px;
    padding: 24px 32px;

    text-align: center;

    font-family: "Manrope", sans-serif;
    font-size: 16px;
    line-height: 1.65;
    font-weight: 600;

    color: #30372f;

    background:
        linear-gradient(
            135deg,
            rgba(255, 255, 255, .93),
            rgba(91, 94, 82, .10)
        );

    border: 1px solid rgba(110, 110, 92, .16);
    border-radius: 3px;

    box-shadow:
        0 10px 24px rgba(48, 55, 43, .07),
        inset 0 1px 0 rgba(255, 255, 255, .80);
}

body:has(.drug-causes) .info-help p:last-child {
    margin-bottom: 0;
}


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

body:has(.drug-causes) .help-button {
    display: flex;

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

    min-width: 210px;
}


body:has(.drug-causes) .help-button a {
    display: inline-flex;

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

    min-height: 52px;

    padding: 14px 26px;

    font-family: "Manrope", sans-serif;
    font-size: 15px;
    font-weight: 600;

    line-height: 1.2;
    text-align: center;
    text-decoration: none;

    color: #fff;

    background:
        linear-gradient(
            135deg,
            #4c6048,
            #364733
        );

    border: 1px solid rgba(201, 170, 90, .55);
    border-radius: 10px;

    box-shadow:
        0 10px 24px rgba(48, 55, 43, .17),
        inset 0 1px 0 rgba(255, 255, 255, .12);

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


body:has(.drug-causes) .help-button a:hover {
    transform: translateY(-3px);

    background:
        linear-gradient(
            135deg,
            #556a50,
            #3c4f38
        );

    box-shadow:
        0 15px 30px rgba(48, 55, 43, .22);
}



/* =========================================================
   REHABILITATION
   ЭТАПЫ ПРОХОЖДЕНИЯ РЕАБИЛИТАЦИИ
   ========================================================= */


/* 01. ФОН */

body.rehabilitation-page {
    background:
        radial-gradient(
            circle at 12% 18%,
            rgba(214, 185, 107, .10),
            transparent 28%
        ),
        radial-gradient(
            circle at 88% 46%,
            rgba(79, 101, 63, .08),
            transparent 30%
        ),
        linear-gradient(
            180deg,
            #f7f4eb 0%,
            #f1eee3 44%,
            #f6f3ea 100%
        );
}


/* =========================================================
   02. HERO
   ========================================================= */

body.rehabilitation-page .inner-hero {
    position: relative;

    display: grid;
    grid-template-columns: 1fr 1fr;

    width: 90%;
    max-width: 1200px;
    min-height: 330px;

    margin: 35px auto 70px;

    overflow: hidden;

    border-radius: 30px;

    background:
        linear-gradient(
            135deg,
            rgba(255, 255, 255, .84),
            rgba(238, 233, 216, .68)
        );

    border: 1px solid rgba(201, 170, 90, .30);

    box-shadow:
        0 24px 55px rgba(47, 53, 43, .10),
        inset 0 1px 0 rgba(255, 255, 255, .88);
}


/* ТЕКСТ HERO */

body.rehabilitation-page .inner-hero > div {
    position: relative;
    z-index: 3;

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

    padding: 45px 50px 45px 60px;
}

body.rehabilitation-page .inner-hero h1 {
    position: relative;

    margin: 0 0 24px;
    padding-bottom: 16px;

    font-family: "Playfair Display", serif;
    font-size: 46px;
    font-weight: 500;
    line-height: 1.12;

    color: #34422f;
}

body.rehabilitation-page .inner-hero h1::after {
    content: "";

    position: absolute;

    left: 0;
    bottom: 0;

    width: 180px;
    height: 1px;

    background:
        linear-gradient(
            90deg,
            #c9aa5a,
            rgba(201, 170, 90, .38),
            transparent
        );
}

body.rehabilitation-page .inner-hero p {
    max-width: 570px;

    margin: 0 0 14px;

    font-family: "Manrope", sans-serif;
    font-size: 16px;
    line-height: 1.68;
    font-weight: 600;

    color: #3c4639;
}

body.rehabilitation-page .inner-hero p:last-child {
    margin-bottom: 0;
}


/* КАРТИНКА HERO */

body.rehabilitation-page .inner-hero > img {
    position: relative;
    z-index: 1;

    width: 100%;
    height: 100%;

    object-fit: cover;

    border: 0;

    filter:
        saturate(.92)
        contrast(1.02);

    mask-image:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(0,0,0,.30) 9%,
            rgba(0,0,0,.72) 20%,
            black 32%,
            black 100%
        );

    -webkit-mask-image:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(0,0,0,.30) 9%,
            rgba(0,0,0,.72) 20%,
            black 32%,
            black 100%
        );
}


/* ПОДЛОЖКА ПОД КАРТИНКУ */

body.rehabilitation-page .inner-hero::after {
    content: "";

    position: absolute;

    top: 14px;
    right: 14px;
    bottom: 14px;

    width: 49%;

    border-radius: 24px;

    background:
        linear-gradient(
            135deg,
            rgba(67, 72, 58, .04),
            rgba(67, 72, 58, .15)
        );

    box-shadow:
        0 18px 42px rgba(47, 53, 43, .12);

    pointer-events: none;

    z-index: 2;
}


/* =========================================================
   03. CONTENT
   ========================================================= */

body.rehabilitation-page .inner-content {
    width: 90%;
    max-width: 1200px;

    margin: 0 auto;

    padding-bottom: 80px;
}


/* ОБЩИЕ БЛОКИ */

body.rehabilitation-page .inner-content > .info-block {
    position: relative;

    margin-bottom: 45px;

    padding: 38px 45px;

    overflow: hidden;

    border-radius: 26px;

    background:
        linear-gradient(
            135deg,
            rgba(255, 252, 243, .92),
            rgba(241, 237, 222, .80)
        );

    border: 1px solid rgba(201, 170, 90, .25);

    box-shadow:
        0 18px 42px rgba(48, 55, 43, .08),
        inset 0 1px 0 rgba(255, 255, 255, .90);
}


/* =========================================================
   04. БЛОКИ КАРТИНКА + ТЕКСТ
   ========================================================= */

body.rehabilitation-page .info-split {
    display: grid;
    grid-template-columns: 1fr 1fr;

    gap: 24px;

    align-items: stretch;
}


/* ИЗОБРАЖЕНИЯ */

body.rehabilitation-page .info-split-image {
    display: block;

    width: 100%;
    height: 100%;

    min-height: 340px;

    object-fit: cover;

    border: 0;
    border-radius: 24px;

    filter:
        saturate(.94)
        contrast(1.02);

    box-shadow:
        0 0 0 10px rgba(52, 58, 48, .07),
        0 15px 35px rgba(40, 45, 38, .15),
        0 30px 55px rgba(40, 45, 38, .09);
}

/* ПУТЬ ОТ ЗАВИСИМОСТИ К ВОССТАНОВЛЕНИЮ */

body.rehabilitation-page .inner-content > .info-block:nth-child(2) .info-split-image {
    height: 300px;
    min-height: 300px;

    align-self: center;
}

/* РАБОТА СО СПЕЦИАЛИСТАМИ */

body.rehabilitation-page .inner-content > .info-block:nth-child(5) .info-split-image {
    height: 300px;
    min-height: 300px;

    align-self: center;
    object-position: center top;
}
/* ТЕКСТОВАЯ ПОЛОВИНА */

body.rehabilitation-page .info-text {
    position: relative;

    padding: 34px 40px;

    border-radius: 24px;

    background:
        linear-gradient(
            135deg,
            rgba(255, 252, 243, .96),
            rgba(241, 237, 222, .84)
        );

    border: 1px solid rgba(201, 170, 90, .25);

    box-shadow:
        0 18px 38px rgba(48, 55, 43, .08),
        inset 0 1px 0 rgba(255, 255, 255, .90);
}


/* ТОНКАЯ ЗОЛОТАЯ ЛИНИЯ СЛЕВА */

body.rehabilitation-page .info-text::before {
    content: "";

    position: absolute;

    left: 0;
    top: 40px;
    bottom: 40px;

    width: 1px;

    background:
        linear-gradient(
            180deg,
            transparent,
            rgba(201, 170, 90, .65),
            transparent
        );
}


/* ЗАГОЛОВКИ ТЕКСТОВЫХ БЛОКОВ */

body.rehabilitation-page .info-text h2 {
    margin: 0 0 20px;

    font-family: "Playfair Display", serif;
    font-size: 29px;
    font-weight: 500;
    line-height: 1.28;

    color: #3b4738;
}

body.rehabilitation-page .info-text h2::after {
    content: "";

    display: block;

    width: 80px;
    height: 1px;

    margin-top: 11px;

    background:
        linear-gradient(
            90deg,
            #c9aa5a,
            transparent
        );
}


/* ТЕКСТ */

body.rehabilitation-page .info-text p {
    margin: 0 0 16px;

    font-family: "Manrope", sans-serif;
    font-size: 16px;
    line-height: 1.68;
    font-weight: 600;

    color: #353b34;
}

body.rehabilitation-page .info-text p:last-child {
    margin-bottom: 0;
}


/* =========================================================
   05. КАРТОЧКИ ЭТАПОВ
   ========================================================= */

body.rehabilitation-page .info-block > h2 {
    position: relative;
    z-index: 2;

    margin: 0 0 22px;
    padding-bottom: 11px;

    font-family: "Playfair Display", serif;
    font-size: 29px;
    font-weight: 500;
    line-height: 1.28;

    color: #3b4738;
}

body.rehabilitation-page .info-block > h2::after {
    content: "";

    position: absolute;

    left: 0;
    bottom: 0;

    width: 80px;
    height: 1px;

    background:
        linear-gradient(
            90deg,
            #c9aa5a,
            transparent
        );
}


/* ВСТУПИТЕЛЬНЫЙ ТЕКСТ ПЕРЕД КАРТОЧКАМИ */

body.rehabilitation-page .info-block > p {
    max-width: 900px;

    margin: 0 0 18px;

    font-family: "Manrope", sans-serif;
    font-size: 16px;
    line-height: 1.68;
    font-weight: 600;

    color: #3d453b;
}


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

body.rehabilitation-page .rehab-stages {
    display: grid;
    grid-template-columns: repeat(4, 1fr);

    gap: 18px;

    margin-top: 28px;
}


/* КАРТОЧКА */

body.rehabilitation-page .rehab-stages .info-card {
    position: relative;

    min-height: 255px;

    padding: 30px 25px;

    overflow: hidden;

    border-radius: 21px;

    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, .97),
            rgba(247, 241, 222, .88)
        );

    border: 1px solid rgba(201, 170, 90, .28);

    box-shadow:
        0 13px 30px rgba(43, 50, 39, .09),
        inset 0 1px 0 rgba(255, 255, 255, .95);

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

body.rehabilitation-page .rehab-stages .info-card:hover {
    transform: translateY(-5px);

    box-shadow:
        0 21px 38px rgba(43, 50, 39, .13);
}


/* ЗАГОЛОВКИ КАРТОЧЕК */

body.rehabilitation-page .rehab-stages .info-card h3 {
    position: relative;
    z-index: 2;

    margin: 0 0 15px;

    font-family: "Playfair Display", serif;
    font-size: 21px;
    font-weight: 500;
    line-height: 1.3;

    color: #3b4738;
}

body.rehabilitation-page .rehab-stages .info-card h3::after {
    content: "";

    display: block;

    width: 70px;
    height: 1px;

    margin-top: 10px;

    background:
        linear-gradient(
            90deg,
            #c9aa5a,
            transparent
        );
}


/* ТЕКСТ КАРТОЧЕК */

body.rehabilitation-page .rehab-stages .info-card p {
    position: relative;
    z-index: 2;

    margin: 0;

    font-family: "Manrope", sans-serif;
    font-size: 15px;
    line-height: 1.68;
    font-weight: 600;

    color: #394238;
}


/* МЯГКИЙ ДЕКОР В КАРТОЧКАХ */

body.rehabilitation-page .rehab-stages .info-card::after {
    content: "";

    position: absolute;

    right: -45px;
    bottom: -55px;

    width: 180px;
    height: 180px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(201, 170, 90, .12),
            transparent 68%
        );

    pointer-events: none;
}

body.rehabilitation-page .rehab-stages .info-card::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 1px;
    height: 55%;

    background:
        linear-gradient(
            180deg,
            rgba(79, 101, 63, .78) 0%,
            rgba(79, 101, 63, .58) 72%,
            rgba(79, 101, 63, 0) 100%
        );

    pointer-events: none;
}
/* =========================================================
   06. ФИНАЛЬНЫЕ БЛОКИ С КАРТИНКАМИ
   ========================================================= */

/* Тут .info-split уже работает и для:
   - Комплексный подход
   - Работа с специалистами
   поэтому дополнительных правил для структуры не нужно. */



/* =========================================================
   CODEPENDENCY
   ЧТО ТАКОЕ СОЗАВИСИМОСТЬ
   ========================================================= */


/* 01. ФОН */

body.codependency-page {
    background:
        radial-gradient(
            circle at 11% 20%,
            rgba(214, 185, 107, .10),
            transparent 28%
        ),
        radial-gradient(
            circle at 88% 48%,
            rgba(79, 101, 63, .075),
            transparent 30%
        ),
        linear-gradient(
            180deg,
            #f7f4eb 0%,
            #f1eee3 44%,
            #f6f3ea 100%
        );
}


/* =========================================================
   02. HERO
   ОТДЕЛЬНЫЙ ТЕКСТОВЫЙ БЛОК + ОТДЕЛЬНАЯ ФОТОГРАФИЯ
   ========================================================= */

body.codependency-page .inner-hero {
    position: relative;

    display: grid;
    grid-template-columns: 46% 54%;
    gap: 26px;

    width: 90%;
    max-width: 1200px;

    min-height: 330px;

    margin: 35px auto 70px;

    overflow: visible;

    background: transparent;

    border: 0;

    box-shadow: none;
}


/* ТЕКСТОВЫЙ БЛОК HERO */

body.codependency-page .inner-hero > div {
    position: relative;
    z-index: 2;

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

    padding: 45px 48px 45px 50px;

    border-radius: 26px;

    background:
        linear-gradient(
            135deg,
            rgba(255, 252, 243, .97),
            rgba(242, 237, 223, .90)
        );

    border: 1px solid rgba(201, 170, 90, .28);

    box-shadow:
        0 18px 42px rgba(47, 53, 43, .09),
        inset 0 1px 0 rgba(255, 255, 255, .92);
}


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

body.codependency-page .inner-hero > div::before {
    content: "";

    position: absolute;

    left: 0;
    top: 42px;
    bottom: 42px;

    width: 1px;

    background:
        linear-gradient(
            180deg,
            transparent,
            rgba(201, 170, 90, .62),
            transparent
        );
}


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

body.codependency-page .inner-hero h1 {
    position: relative;

    margin: 0 0 24px;
    padding-bottom: 16px;

    font-family: "Playfair Display", serif;
    font-size: 46px;
    font-weight: 500;
    line-height: 1.12;

    color: #34422f;
}


/* ЗОЛОТОЕ ПОДЧЁРКИВАНИЕ */

body.codependency-page .inner-hero h1::after {
    content: "";

    position: absolute;

    left: 0;
    bottom: 0;

    width: 165px;
    height: 1px;

    background:
        linear-gradient(
            90deg,
            #c9aa5a,
            rgba(201, 170, 90, .38),
            transparent
        );
}


/* ТЕКСТ HERO */

body.codependency-page .inner-hero p {
    max-width: 560px;

    margin: 0 0 15px;

    font-family: "Manrope", sans-serif;
    font-size: 16px;
    line-height: 1.68;
    font-weight: 600;

    color: #3a4438;
}

body.codependency-page .inner-hero p:last-child {
    margin-bottom: 0;
}


/* ОТДЕЛЬНАЯ ФОТОГРАФИЯ HERO */

body.codependency-page .inner-hero > img {
    position: relative;
    z-index: 2;

    display: block;

    width: 100%;
    height: 100%;

    min-height: 330px;

    object-fit: cover;

    border: 1px solid rgba(201, 170, 90, .20);
    border-radius: 26px;

    filter:
        saturate(.95)
        contrast(1.02);

    box-shadow:
        0 0 0 9px rgba(52, 58, 48, .055),
        0 18px 42px rgba(40, 45, 38, .16),
        0 28px 55px rgba(40, 45, 38, .09);
}


/* =========================================================
   03. CONTENT
   ========================================================= */

body.codependency-page .inner-content {
    width: 90%;
    max-width: 1200px;

    margin: 0 auto;

    padding-bottom: 80px;
}


/* ОБЩИЕ INFO-BLOCK */

body.codependency-page .inner-content > .info-block {
    position: relative;

    margin-bottom: 45px;

    padding: 38px 45px;

    overflow: hidden;

    border-radius: 26px;

    background:
        linear-gradient(
            135deg,
            rgba(255, 252, 243, .93),
            rgba(241, 237, 222, .81)
        );

    border: 1px solid rgba(201, 170, 90, .25);

    box-shadow:
        0 18px 42px rgba(48, 55, 43, .08),
        inset 0 1px 0 rgba(255, 255, 255, .90);
}


/* =========================================================
   04. БЛОКИ КАРТИНКА + ТЕКСТ
   ========================================================= */

body.codependency-page .info-split {
    display: grid;
    grid-template-columns: 1fr 1fr;

    gap: 24px;

    align-items: stretch;
}


/* КАРТИНКИ */

body.codependency-page .info-split-image {
    display: block;

    width: 100%;
    height: 100%;

    min-height: 340px;

    object-fit: cover;

    border: 0;
    border-radius: 24px;

    filter:
        saturate(.94)
        contrast(1.01);

    box-shadow:
        0 0 0 10px rgba(52, 58, 48, .06),
        0 15px 35px rgba(40, 45, 38, .14),
        0 30px 55px rgba(40, 45, 38, .08);
}


/* ТЕКСТОВЫЕ ПОЛОВИНЫ */

body.codependency-page .info-text {
    position: relative;

    padding: 34px 40px;

    border-radius: 24px;

    background:
        linear-gradient(
            135deg,
            rgba(255, 252, 243, .96),
            rgba(241, 237, 222, .84)
        );

    border: 1px solid rgba(201, 170, 90, .25);

    box-shadow:
        0 18px 38px rgba(48, 55, 43, .08),
        inset 0 1px 0 rgba(255, 255, 255, .90);
}


/* ТОНКАЯ ДЕКОРАТИВНАЯ ЛИНИЯ */

body.codependency-page .info-text::before {
    content: "";

    position: absolute;

    left: 0;
    top: 40px;
    bottom: 40px;

    width: 1px;

    background:
        linear-gradient(
            180deg,
            transparent,
            rgba(201, 170, 90, .62),
            transparent
        );
}


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

body.codependency-page .info-text h2 {
    margin: 0 0 20px;

    font-family: "Playfair Display", serif;
    font-size: 29px;
    font-weight: 500;
    line-height: 1.28;

    color: #3b4738;
}

body.codependency-page .info-text h2::after {
    content: "";

    display: block;

    width: 80px;
    height: 1px;

    margin-top: 11px;

    background:
        linear-gradient(
            90deg,
            #c9aa5a,
            transparent
        );
}


/* ТЕКСТ */

body.codependency-page .info-text p {
    margin: 0 0 16px;

    font-family: "Manrope", sans-serif;
    font-size: 16px;
    line-height: 1.68;
    font-weight: 600;

    color: #353b34;
}

body.codependency-page .info-text p:last-child {
    margin-bottom: 0;
}

/* КАК ФОРМИРУЕТСЯ СОЗАВИСИМОСТЬ */

body.codependency-page .inner-content > .info-block:nth-child(1) .info-split-image {
    height: 300px;
    min-height: 300px;

    align-self: center;
}

/* СОЗАВИСИМОСТЬ — ЭТО ТОЖЕ ПРОБЛЕМА */

body.codependency-page .inner-content > .info-block:nth-child(4) .info-split-image {
    min-height: 340px;
    height: 340px;

    align-self: center;
}

/* =========================================================
   05. ОТДЕЛЬНЫЙ ТЕКСТОВЫЙ БЛОК
   ========================================================= */

body.codependency-page .inner-content > .info-block:nth-child(3) {
    padding: 42px 55px;
}


/* ЦЕНТРАЛЬНАЯ КОМПОЗИЦИЯ */

body.codependency-page .inner-content > .info-block:nth-child(3) .info-text {
    max-width: 900px;

    margin: 0 auto;

    text-align: center;

    background:
        linear-gradient(
            135deg,
            rgba(255, 252, 243, .96),
            rgba(241, 237, 222, .84)
        );
}


/* ЛИНИЯ ПОД ЗАГОЛОВКОМ ПО ЦЕНТРУ */

body.codependency-page .inner-content > .info-block:nth-child(3) .info-text h2::after {
    margin-left: auto;
    margin-right: auto;
}


/* ТЕКСТ В ЦЕНТРАЛЬНОМ БЛОКЕ */

body.codependency-page .inner-content > .info-block:nth-child(3) .info-text p {
    max-width: 780px;

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


/* =========================================================
   06. ОБЩИЕ ЗАГОЛОВКИ INFO-BLOCK
   ========================================================= */

body.codependency-page .inner-content > .info-block > h2 {
    position: relative;

    margin: 0 0 22px;
    padding-bottom: 11px;

    font-family: "Playfair Display", serif;
    font-size: 29px;
    font-weight: 500;
    line-height: 1.28;

    color: #3b4738;
}

body.codependency-page .inner-content > .info-block > h2::after {
    content: "";

    position: absolute;

    left: 0;
    bottom: 0;

    width: 80px;
    height: 1px;

    background:
        linear-gradient(
            90deg,
            #c9aa5a,
            transparent
        );
}


/* =========================================================
   07. ДОПОЛНИТЕЛЬНЫЙ ТЕКСТ В БЛОКАХ
   ========================================================= */

body.codependency-page .inner-content > .info-block > p {
    max-width: 900px;

    margin: 0 0 17px;

    font-family: "Manrope", sans-serif;
    font-size: 16px;
    line-height: 1.68;
    font-weight: 600;

    color: #353b34;
}

body.codependency-page .inner-content > .info-block > p:last-child {
    margin-bottom: 0;
}


/* =========================================================
   08. ИНДИВИДУАЛЬНЫЕ РАЗМЕРЫ КАРТИНОК
   ========================================================= */


/* ПРИЗНАКИ СОЗАВИСИМОСТИ */

/* ПРИЗНАКИ СОЗАВИСИМОСТИ */

body.codependency-page .inner-content > .info-block:nth-child(2) .info-split-image {
    height: 300px;
    min-height: 300px;

    align-self: center;
}

/* ПОДДЕРЖКА БЛИЗКИХ */

body.codependency-page .inner-content > .info-block:nth-child(5) .info-split-image {
    min-height: 310px;

    align-self: center;
}


/* =========================================================
   HELP FAMILY PAGE
   КАК ПОМОЧЬ БЛИЗКОМУ ЧЕЛОВЕКУ
   ========================================================= */


/* =========================================================
   01. ФОН
   ========================================================= */

body.help-family-page {
    background:
        radial-gradient(
            circle at 12% 18%,
            rgba(214, 185, 107, .10),
            transparent 28%
        ),
        radial-gradient(
            circle at 88% 52%,
            rgba(79, 101, 63, .075),
            transparent 30%
        ),
        linear-gradient(
            180deg,
            #f7f4eb 0%,
            #f1eee3 45%,
            #f6f3ea 100%
        );
}


/* =========================================================
   02. HERO
   ОТДЕЛЬНЫЙ ТЕКСТОВЫЙ БЛОК + ОТДЕЛЬНАЯ ФОТОГРАФИЯ
   ========================================================= */

body.help-family-page .inner-hero {
    position: relative;

    display: grid;
    grid-template-columns: 46% 54%;
    gap: 26px;

    width: 90%;
    max-width: 1200px;
    min-height: 340px;

    margin: 35px auto 70px;

    overflow: visible;

    background: transparent;

    border: 0;

    box-shadow: none;
}


/* ТЕКСТ HERO */

body.help-family-page .inner-hero > div {
    position: relative;
    z-index: 2;

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

    padding: 45px 48px 45px 50px;

    border-radius: 26px;

    background:
        linear-gradient(
            135deg,
            rgba(255, 252, 243, .97),
            rgba(242, 237, 223, .90)
        );

    border: 1px solid rgba(201, 170, 90, .28);

    box-shadow:
        0 18px 42px rgba(47, 53, 43, .09),
        inset 0 1px 0 rgba(255, 255, 255, .92);
}


/* ТОНКАЯ ДЕКОРАТИВНАЯ ЛИНИЯ */

body.help-family-page .inner-hero > div::before {
    content: "";

    position: absolute;

    left: 0;
    top: 42px;
    bottom: 42px;

    width: 1px;

    background:
        linear-gradient(
            180deg,
            transparent,
            rgba(201, 170, 90, .65),
            transparent
        );
}


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

body.help-family-page .inner-hero h1 {
    position: relative;

    margin: 0 0 24px;
    padding-bottom: 16px;

    font-family: "Playfair Display", serif;
    font-size: 44px;
    font-weight: 500;
    line-height: 1.15;

    color: #34422f;
}


/* ПОДЧЁРКИВАНИЕ */

body.help-family-page .inner-hero h1::after {
    content: "";

    position: absolute;

    left: 0;
    bottom: 0;

    width: 165px;
    height: 1px;

    background:
        linear-gradient(
            90deg,
            #c9aa5a,
            rgba(201, 170, 90, .38),
            transparent
        );
}


/* ТЕКСТ */

body.help-family-page .inner-hero p {
    max-width: 560px;

    margin: 0 0 15px;

    font-family: "Manrope", sans-serif;
    font-size: 16px;
    line-height: 1.68;
    font-weight: 600;

    color: #3a4438;
}

body.help-family-page .inner-hero p:last-child {
    margin-bottom: 0;
}


/* ФОТО HERO */

body.help-family-page .inner-hero > img {
    position: relative;
    z-index: 2;

    display: block;

    width: 100%;
    height: 100%;
    min-height: 340px;

    object-fit: cover;

    border: 1px solid rgba(201, 170, 90, .20);
    border-radius: 26px;

    filter:
        saturate(.95)
        contrast(1.02);

    box-shadow:
        0 0 0 9px rgba(52, 58, 48, .055),
        0 18px 42px rgba(40, 45, 38, .16),
        0 28px 55px rgba(40, 45, 38, .09);
}


/* =========================================================
   03. ОСНОВНОЙ CONTENT
   ========================================================= */

body.help-family-page .inner-content {
    width: 90%;
    max-width: 1200px;

    margin: 0 auto;

    padding-bottom: 80px;
}


/* ОБЩИЙ INFO-BLOCK */

body.help-family-page .inner-content > .info-block {
    position: relative;

    margin-bottom: 45px;
    padding: 38px 45px;

    overflow: hidden;

    border-radius: 26px;

    background:
        linear-gradient(
            135deg,
            rgba(255, 252, 243, .93),
            rgba(241, 237, 222, .81)
        );

    border: 1px solid rgba(201, 170, 90, .25);

    box-shadow:
        0 18px 42px rgba(48, 55, 43, .08),
        inset 0 1px 0 rgba(255, 255, 255, .90);
}


/* =========================================================
   04. БЛОКИ КАРТИНКА + ТЕКСТ
   ========================================================= */

body.help-family-page .info-split {
    display: grid;
    grid-template-columns: 1fr 1fr;

    gap: 24px;

    align-items: stretch;
}


/* КАРТИНКИ */

body.help-family-page .info-split-image {
    display: block;

    width: 100%;
    height: 100%;
    min-height: 340px;

    object-fit: cover;

    border: 0;
    border-radius: 24px;

    filter:
        saturate(.94)
        contrast(1.01);

    box-shadow:
        0 0 0 10px rgba(52, 58, 48, .06),
        0 15px 35px rgba(40, 45, 38, .14),
        0 30px 55px rgba(40, 45, 38, .08);
}


/* ТЕКСТОВЫЕ БЛОКИ */

body.help-family-page .info-text {
    position: relative;

    padding: 34px 40px;

    border-radius: 24px;

    background:
        linear-gradient(
            135deg,
            rgba(255, 252, 243, .96),
            rgba(241, 237, 222, .84)
        );

    border: 1px solid rgba(201, 170, 90, .25);

    box-shadow:
        0 18px 38px rgba(48, 55, 43, .08),
        inset 0 1px 0 rgba(255, 255, 255, .90);
}


/* ДЕКОРАТИВНАЯ ЛИНИЯ */

body.help-family-page .info-text::before {
    content: "";

    position: absolute;

    left: 0;
    top: 40px;
    bottom: 40px;

    width: 1px;

    background:
        linear-gradient(
            180deg,
            transparent,
            rgba(201, 170, 90, .62),
            transparent
        );
}


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

body.help-family-page .info-text h2 {
    margin: 0 0 20px;

    font-family: "Playfair Display", serif;
    font-size: 29px;
    font-weight: 500;
    line-height: 1.28;

    color: #3b4738;
}

body.help-family-page .info-text h2::after {
    content: "";

    display: block;

    width: 80px;
    height: 1px;

    margin-top: 11px;

    background:
        linear-gradient(
            90deg,
            #c9aa5a,
            transparent
        );
}


/* ОСНОВНОЙ ТЕКСТ */

body.help-family-page .info-text p {
    margin: 0 0 16px;

    font-family: "Manrope", sans-serif;
    font-size: 16px;
    line-height: 1.68;
    font-weight: 600;

    color: #353b34;
}

body.help-family-page .info-text p:last-child {
    margin-bottom: 0;
}

/* ЧТО ДЕЙСТВИТЕЛЬНО ПОМОГАЕТ ЧЕЛОВЕКУ ИЗМЕНИТЬСЯ */

body.help-family-page .inner-content > .info-block:nth-child(2) .info-split-image {
    height: 300px;
    min-height: 300px;

    align-self: center;
}
/* =========================================================
   05. ЧТО МОЖНО СДЕЛАТЬ УЖЕ СЕЙЧАС
   ========================================================= */

body.help-family-page .inner-content > .info-block:nth-child(3) {
    padding: 38px 45px;
}


/* ВСТУПИТЕЛЬНЫЙ ТЕКСТ */

body.help-family-page .inner-content > .info-block:nth-child(3) > h2 {
    position: relative;

    margin: 0 0 22px;
    padding-bottom: 11px;

    font-family: "Playfair Display", serif;
    font-size: 29px;
    font-weight: 500;
    line-height: 1.28;

    color: #3b4738;
}

body.help-family-page .inner-content > .info-block:nth-child(3) > h2::after {
    content: "";

    position: absolute;

    left: 0;
    bottom: 0;

    width: 80px;
    height: 1px;

    background:
        linear-gradient(
            90deg,
            #c9aa5a,
            transparent
        );
}

body.help-family-page .inner-content > .info-block:nth-child(3) > p {
    max-width: 900px;

    margin: 0 0 18px;

    font-family: "Manrope", sans-serif;
    font-size: 16px;
    line-height: 1.68;
    font-weight: 600;

    color: #353b34;
}


/* СПИСОК ШАГОВ */

body.help-family-page .help-family-actions {
    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 18px;

    margin-top: 28px;
}


/* ОТДЕЛЬНЫЙ ШАГ */

body.help-family-page .help-action {
    position: relative;

    display: grid;
    grid-template-columns: 58px 1fr;

    gap: 20px;

    min-height: 155px;

    padding: 26px 28px;

    overflow: hidden;

    border-radius: 20px;

    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, .96),
            rgba(247, 241, 222, .84)
        );

    border: 1px solid rgba(201, 170, 90, .24);

    box-shadow:
        0 13px 30px rgba(43, 50, 39, .07),
        inset 0 1px 0 rgba(255, 255, 255, .92);

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


/* ЗЕЛЁНАЯ ИГОЛКА СВЕРХУ */

body.help-family-page .help-action::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 52%;
    height: 1px;

    background:
        linear-gradient(
            90deg,
            rgba(79, 101, 63, .78),
            rgba(79, 101, 63, .55) 72%,
            transparent 100%
        );
}


/* HOVER */

body.help-family-page .help-action:hover {
    transform: translateY(-4px);

    box-shadow:
        0 20px 36px rgba(43, 50, 39, .11);
}


/* НОМЕР */

body.help-family-page .help-action > span {
    position: relative;

    display: flex;

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

    width: 48px;
    height: 48px;

    border-radius: 50%;

    font-family: "Playfair Display", serif;
    font-size: 18px;
    font-weight: 500;

    color: #4a593f;

    background:
        rgba(201, 170, 90, .10);

    border: 1px solid rgba(201, 170, 90, .38);
}


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

body.help-family-page .help-action h3 {
    margin: 0 0 10px;

    font-family: "Playfair Display", serif;
    font-size: 21px;
    font-weight: 500;
    line-height: 1.28;

    color: #3b4738;
}

body.help-family-page .help-action h3::after {
    content: "";

    display: block;

    width: 65px;
    height: 1px;

    margin-top: 9px;

    background:
        linear-gradient(
            90deg,
            #c9aa5a,
            transparent
        );
}


/* ТЕКСТ ШАГА */

body.help-family-page .help-action p {
    margin: 0;

    font-family: "Manrope", sans-serif;
    font-size: 15px;
    line-height: 1.68;
    font-weight: 600;

    color: #3f473d;
}
body.help-family-page .help-action h3,
body.help-family-page .help-action p {
    transition: transform .3s ease;
    transform-origin: left center;
}

body.help-family-page .help-action:hover h3 {
    transform: scale(1.04);
}

body.help-family-page .help-action:hover p {
    transform: scale(1.02);
}

/* =========================================================
   06. ВАЖНО ПОМНИТЬ О СЕБЕ
   ========================================================= */

body.help-family-page .help-family-highlight {
    position: relative;

    min-height: 330px;

    padding: 38px 45px;

    overflow: hidden;
}


/* ДЕКОРАТИВНАЯ КАРТИНКА */

body.help-family-page .help-family-decoration {
    position: absolute;

    right: -45px;
    bottom: -70px;

    width: 350px;
    height: 350px;

    object-fit: contain;

    opacity: .22;

    pointer-events: none;

    z-index: 1;
}


/* ТЕКСТ ПОВЕРХ ДЕКОРА */

body.help-family-page .help-family-highlight .info-text {
    position: relative;
    z-index: 2;

    max-width: 820px;

    background:
        linear-gradient(
            135deg,
            rgba(255, 252, 243, .96),
            rgba(241, 237, 222, .84)
        );
}


/* =========================================================
   07. КАК РАЗГОВАРИВАТЬ С БЛИЗКИМ ЧЕЛОВЕКОМ
   ========================================================= */

body.help-family-page .inner-content > .info-block:nth-child(6) .info-split-image {
    min-height: 320px;

    align-self: center;
}


/* =========================================================
   08. ФИНАЛЬНЫЙ БЛОК
   ========================================================= */

body.help-family-page .help-family-final {
    padding: 42px 55px;

    background:
        linear-gradient(
            135deg,
            rgba(247, 245, 235, .97),
            rgba(232, 231, 220, .88)
        );
}


body.help-family-page .help-family-final .info-text {
    max-width: 900px;

    margin: 0 auto;

    text-align: center;
}


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

body.help-family-page .help-family-final .info-text h2 {
    position: relative;

    padding-bottom: 14px;
}


/* ЦЕНТРАЛЬНОЕ ПОДЧЁРКИВАНИЕ */

body.help-family-page .help-family-final .info-text h2::after {
    margin-left: auto;
    margin-right: auto;
}


/* ФИНАЛЬНЫЙ ТЕКСТ */

body.help-family-page .help-family-final .info-text p {
    max-width: 820px;

    margin-left: auto;
    margin-right: auto;

    text-align: center;
}


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

body.help-family-page .help-button {
    display: flex;

    justify-content: center;

    margin-top: 28px;
}


body.help-family-page .help-button a {
    display: inline-flex;

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

    min-height: 52px;

    padding: 14px 28px;

    font-family: "Manrope", sans-serif;
    font-size: 15px;
    font-weight: 600;

    line-height: 1.2;
    text-align: center;
    text-decoration: none;

    color: #fff;

   background:
    linear-gradient(
        135deg,
        #596b4f 0%,
        #4c6048 55%,
        #8f7948 100%
    );

border: 1px solid rgba(201, 170, 90, .75);

    border: 1px solid rgba(201, 170, 90, .55);
    border-radius: 10px;

    box-shadow:
        0 10px 24px rgba(48, 55, 43, .17),
        inset 0 1px 0 rgba(255, 255, 255, .12);

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



body.help-family-page .help-button a:hover {
    transform: translateY(-3px);

    background:
        linear-gradient(
            135deg,
            #556a50,
            #3c4f38
        );

    box-shadow:
        0 15px 30px rgba(48, 55, 43, .22);
}
body.help-family-page .help-family-final .info-text h2::after {
    width: 110px;

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

/* =========================================================
   FAMILY CONSULTATIONS
   СЕМЕЙНЫЕ КОНСУЛЬТАЦИИ
   ========================================================= */


/* =========================================================
   01. ФОН
   ========================================================= */

body.family-consultations-page {
    background:
        radial-gradient(
            circle at 12% 18%,
            rgba(214, 185, 107, .10),
            transparent 28%
        ),
        radial-gradient(
            circle at 88% 52%,
            rgba(79, 101, 63, .07),
            transparent 30%
        ),
        linear-gradient(
            180deg,
            #f8f5ec 0%,
            #f1eee3 46%,
            #f7f4eb 100%
        );
}


/* =========================================================
   02. HERO
   ОТДЕЛЬНЫЙ ТЕКСТОВЫЙ БЛОК + ОТДЕЛЬНАЯ ФОТОГРАФИЯ
   ========================================================= */

body.family-consultations-page .inner-hero {
    position: relative;

    display: grid;
    grid-template-columns: 46% 54%;
    gap: 26px;

    width: 90%;
    max-width: 1200px;
    min-height: 335px;

    margin: 35px auto 70px;

    overflow: visible;

    background: transparent;

    border: 0;

    box-shadow: none;
}


/* ТЕКСТОВЫЙ БЛОК HERO */

body.family-consultations-page .inner-hero > div {
    position: relative;
    z-index: 2;

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

    padding: 45px 48px 45px 50px;

    border-radius: 26px;

    background:
        linear-gradient(
            135deg,
            rgba(255, 253, 246, .98),
            rgba(244, 239, 225, .91)
        );

    border: 1px solid rgba(201, 170, 90, .28);

    box-shadow:
        0 18px 42px rgba(47, 53, 43, .08),
        inset 0 1px 0 rgba(255, 255, 255, .94);
}


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

body.family-consultations-page .inner-hero > div::before {
    content: "";

    position: absolute;

    left: 0;
    top: 42px;
    bottom: 42px;

    width: 1px;

    background:
        linear-gradient(
            180deg,
            transparent,
            rgba(201, 170, 90, .62),
            transparent
        );
}


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

body.family-consultations-page .inner-hero h1 {
    position: relative;

    margin: 0 0 24px;
    padding-bottom: 16px;

    font-family: "Playfair Display", serif;
    font-size: 46px;
    font-weight: 500;
    line-height: 1.12;

    color: #34422f;
}


/* ПОДЧЁРКИВАНИЕ HERO */

body.family-consultations-page .inner-hero h1::after {
    content: "";

    position: absolute;

    left: 0;
    bottom: 0;

    width: 175px;
    height: 1px;

    background:
        linear-gradient(
            90deg,
            #c9aa5a,
            rgba(201, 170, 90, .38),
            transparent
        );
}


/* ТЕКСТ HERO */

body.family-consultations-page .inner-hero p {
    max-width: 555px;

    margin: 0 0 15px;

    font-family: "Manrope", sans-serif;
    font-size: 16px;
    line-height: 1.68;
    font-weight: 600;

    color: #394337;
}

body.family-consultations-page .inner-hero p:last-child {
    margin-bottom: 0;
}


/* ФОТО HERO */

body.family-consultations-page .inner-hero > img {
    position: relative;
    z-index: 2;

    display: block;

    width: 100%;
    height: 100%;
    min-height: 335px;

    object-fit: cover;

    border-radius: 26px;

    border: 1px solid rgba(201, 170, 90, .20);

    filter:
        saturate(.96)
        contrast(1.01);

    box-shadow:
        0 0 0 9px rgba(52, 58, 48, .05),
        0 18px 42px rgba(40, 45, 38, .15),
        0 28px 55px rgba(40, 45, 38, .08);
}

/* =========================================================
   02.1. HERO — КОМПАКТНЫЙ РАЗМЕР
   ========================================================= */

body.family-consultations-page .inner-hero {
    min-height: 0;
    align-items: center;
}

body.family-consultations-page .inner-hero > div {
    min-height: 240px;
    padding: 26px 34px;
}

body.family-consultations-page .inner-hero > img {
    height: 350px;
    min-height: 280px;
}
/* =========================================================
   03. ОСНОВНОЙ CONTENT
   ========================================================= */

body.family-consultations-page .inner-content {
    width: 90%;
    max-width: 1200px;

    margin: 0 auto;

    padding-bottom: 80px;
}


/* ОБЩИЙ INFO-BLOCK */

body.family-consultations-page .inner-content > .info-block {
    position: relative;

    margin-bottom: 45px;
    padding: 38px 45px;

    overflow: hidden;

    border-radius: 26px;

    background:
        linear-gradient(
            135deg,
            rgba(255, 252, 243, .94),
            rgba(241, 237, 222, .82)
        );

    border: 1px solid rgba(201, 170, 90, .25);

    box-shadow:
        0 18px 42px rgba(48, 55, 43, .08),
        inset 0 1px 0 rgba(255, 255, 255, .90);
}


/* =========================================================
   04. ПОДДЕРЖКА НУЖНА ВСЕЙ СЕМЬЕ
   КАРТИНКА + ТЕКСТ
   ========================================================= */

body.family-consultations-page .info-split {
    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 24px;

    align-items: stretch;
}


/* ОБЩИЕ КАРТИНКИ */

body.family-consultations-page .info-split-image {
    display: block;

    width: 100%;
    height: 100%;

    min-height: 330px;

    object-fit: cover;

    border: 0;
    border-radius: 24px;

    filter:
        saturate(.95)
        contrast(1.01);

    box-shadow:
        0 0 0 10px rgba(52, 58, 48, .055),
        0 15px 35px rgba(40, 45, 38, .14),
        0 30px 55px rgba(40, 45, 38, .08);
}


/* ТЕКСТОВЫЙ БЛОК */

body.family-consultations-page .info-text {
    position: relative;

    padding: 34px 40px;

    border-radius: 24px;

    background:
        linear-gradient(
            135deg,
            rgba(255, 252, 243, .97),
            rgba(241, 237, 222, .85)
        );

    border: 1px solid rgba(201, 170, 90, .25);

    box-shadow:
        0 18px 38px rgba(48, 55, 43, .08),
        inset 0 1px 0 rgba(255, 255, 255, .90);
}


/* ТОНКАЯ ЗОЛОТАЯ ЛИНИЯ */

body.family-consultations-page .info-text::before {
    content: "";

    position: absolute;

    left: 0;
    top: 40px;
    bottom: 40px;

    width: 1px;

    background:
        linear-gradient(
            180deg,
            transparent,
            rgba(201, 170, 90, .62),
            transparent
        );
}


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

body.family-consultations-page .info-text h2 {
    margin: 0 0 20px;

    font-family: "Playfair Display", serif;
    font-size: 29px;
    font-weight: 500;
    line-height: 1.28;

    color: #3b4738;
}


body.family-consultations-page .info-text h2::after {
    content: "";

    display: block;

    width: 90px;
    height: 1px;

    margin-top: 11px;

    background:
        linear-gradient(
            90deg,
            #c9aa5a,
            transparent
        );
}


/* ОСНОВНОЙ ТЕКСТ */

body.family-consultations-page .info-text p {
    margin: 0 0 16px;

    font-family: "Manrope", sans-serif;
    font-size: 16px;
    line-height: 1.68;
    font-weight: 600;

    color: #353b34;
}

body.family-consultations-page .info-text p:last-child {
    margin-bottom: 0;
}


/* =========================================================
   05. С КАКИМИ ПЕРЕЖИВАНИЯМИ СТАЛКИВАЕТСЯ СЕМЬЯ
   ========================================================= */

body.family-consultations-page .inner-content > .info-block:nth-child(2) {
    padding-bottom: 38px;
}


/* ОСНОВНОЙ ЗАГОЛОВОК */

body.family-consultations-page .inner-content > .info-block:nth-child(2) > h2 {
    position: relative;

    margin: 0 0 22px;
    padding-bottom: 11px;

    font-family: "Playfair Display", serif;
    font-size: 29px;
    font-weight: 500;
    line-height: 1.28;

    color: #3b4738;
}


body.family-consultations-page .inner-content > .info-block:nth-child(2) > h2::after {
    content: "";

    position: absolute;

    left: 0;
    bottom: 0;

    width: 100px;
    height: 1px;

    background:
        linear-gradient(
            90deg,
            #c9aa5a,
            transparent
        );
}


/* КАРТОЧКИ */

body.family-consultations-page .family-consultation-cards {
    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 20px;

    margin-top: 28px;
}


/* ОТДЕЛЬНАЯ КАРТОЧКА */

body.family-consultations-page .family-consult-card {
    position: relative;

    min-height: 235px;

    padding: 30px 28px;

    overflow: hidden;

    border-radius: 21px;

    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, .97),
            rgba(247, 241, 222, .88)
        );

    border: 1px solid rgba(201, 170, 90, .25);

    box-shadow:
        0 13px 30px rgba(43, 50, 39, .08),
        inset 0 1px 0 rgba(255, 255, 255, .94);

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


/* ЗЕЛЁНАЯ ИГОЛКА */

body.family-consultations-page .family-consult-card::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 55%;
    height: 1px;

    background:
        linear-gradient(
            90deg,
            rgba(79, 101, 63, .78) 0%,
            rgba(79, 101, 63, .55) 72%,
            transparent 100%
        );
}


/* НОМЕРНЫЕ АКЦЕНТЫ */

body.family-consultations-page .family-consult-card:nth-child(1)::after,
body.family-consultations-page .family-consult-card:nth-child(2)::after,
body.family-consultations-page .family-consult-card:nth-child(3)::after {
    position: absolute;

    right: 18px;
    top: 16px;

    font-family: "Playfair Display", serif;
    font-size: 36px;
    font-weight: 400;

    color: rgba(79, 101, 63, .10);

    pointer-events: none;
}


body.family-consultations-page .family-consult-card:nth-child(1)::after {
    content: "01";
}


body.family-consultations-page .family-consult-card:nth-child(2)::after {
    content: "02";
}


body.family-consultations-page .family-consult-card:nth-child(3)::after {
    content: "03";
}


/* HOVER */

body.family-consultations-page .family-consult-card:hover {
    transform: translateY(-5px);

    box-shadow:
        0 20px 36px rgba(43, 50, 39, .12);
}


/* ЗАГОЛОВОК КАРТОЧКИ */

body.family-consultations-page .family-consult-card h3 {
    position: relative;
    z-index: 2;

    margin: 0 0 15px;

    font-family: "Playfair Display", serif;
    font-size: 21px;
    font-weight: 500;
    line-height: 1.3;

    color: #3b4738;
}


body.family-consultations-page .family-consult-card h3::after {
    content: "";

    display: block;

    width: 68px;
    height: 1px;

    margin-top: 10px;

    background:
        linear-gradient(
            90deg,
            #c9aa5a,
            transparent
        );
}


/* ТЕКСТ КАРТОЧКИ */

body.family-consultations-page .family-consult-card p {
    position: relative;
    z-index: 2;

    margin: 0;

    font-family: "Manrope", sans-serif;
    font-size: 15.5px;
    line-height: 1.68;
    font-weight: 600;

    color: #394238;
}


/* =========================================================
   06. АКЦЕНТНЫЙ БЛОК
   КОНСУЛЬТАЦИИ ДЛЯ БЛИЗКИХ
   ========================================================= */

body.family-consultations-page .family-consultation-highlight {
    padding: 42px 55px;

    background:
        linear-gradient(
            135deg,
            rgba(247, 245, 235, .98),
            rgba(233, 232, 220, .90)
        );
}


/* ЦЕНТРАЛЬНАЯ ТЕКСТОВАЯ ОБЛАСТЬ */

body.family-consultations-page .family-consultation-highlight .info-text {
    max-width: 900px;

    margin: 0 auto;

    text-align: center;

    background:
        linear-gradient(
            135deg,
            rgba(255, 252, 243, .97),
            rgba(241, 237, 222, .86)
        );
}


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

body.family-consultations-page .family-consultation-highlight .info-text h2 {
    padding-bottom: 14px;
}


/* ЦЕНТРАЛЬНОЕ ПОДЧЁРКИВАНИЕ */

body.family-consultations-page .family-consultation-highlight .info-text h2::after {
    width: 110px;

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


/* ТЕКСТ */

body.family-consultations-page .family-consultation-highlight .info-text p {
    max-width: 800px;

    margin-left: auto;
    margin-right: auto;

    text-align: center;
}


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

body.family-consultations-page .help-button {
    display: flex;

    justify-content: center;

    margin-top: 28px;
}

body.family-consultations-page .help-button a {
    display: inline-flex;

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

    min-height: 52px;

    padding: 14px 30px;

    font-family: "Manrope", sans-serif;
    font-size: 15px;
    font-weight: 600;

    line-height: 1.2;
    text-align: center;
    text-decoration: none;

    color: #fff;

    background:
        linear-gradient(
            135deg,
            #596b4f 0%,
            #4c6048 55%,
            #8f7948 100%
        );

    border: 1px solid rgba(201, 170, 90, .75);
    border-radius: 10px;

    box-shadow:
        0 10px 24px rgba(48, 55, 43, .17),
        inset 0 1px 0 rgba(255, 255, 255, .12);

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

body.family-consultations-page .help-button a:hover {
    transform: translateY(-3px);

    background:
        linear-gradient(
            135deg,
            #556a50,
            #3c4f38
        );

    box-shadow:
        0 15px 30px rgba(48, 55, 43, .22);
}



/* =========================================================
   SPECIALISTS PAGE
   СПЕЦИАЛИСТЫ ЦЕНТРА
   ========================================================= */


/* =========================================================
   01. ФОН СТРАНИЦЫ
   ========================================================= */

/* =========================================================
   03. ВСТУПИТЕЛЬНЫЙ БЛОК
   ========================================================= */

body.specialists-page .specialists-intro {
    position: relative;

    width: 82%;
    max-width: 1100px;

    margin: 0 auto 42px;

    padding: 38px 48px;

    border-radius: 26px;

    background:
        linear-gradient(
            135deg,
            rgba(255, 252, 243, .96),
            rgba(241, 237, 222, .86)
        );

    border: 1px solid rgba(201, 170, 90, .25);

    box-shadow:
        0 18px 42px rgba(48, 55, 43, .09),
        inset 0 1px 0 rgba(255, 255, 255, .92);
}


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

body.specialists-page .specialists-intro h1 {
    position: relative;

    margin: 0 0 22px;

    padding-bottom: 13px;

    font-family: "Playfair Display", serif;
    font-size: 36px;
    font-weight: 500;
    line-height: 1.2;

    color: #34422f;
}


/* ЗОЛОТАЯ ЛИНИЯ */

body.specialists-page .specialists-intro h1::after {
    content: "";

    position: absolute;

    left: 0;
    bottom: 0;

    width: 120px;
    height: 1px;

    background:
        linear-gradient(
            90deg,
            #c9aa5a,
            rgba(201, 170, 90, .35),
            transparent
        );
}


/* ТЕКСТ ВСТУПЛЕНИЯ */

body.specialists-page .specialists-intro-text {
    max-width: 900px;
}


body.specialists-page .specialists-intro-text p {
    margin: 0;

    font-family: "Manrope", sans-serif;
    font-size: 16px;
    line-height: 1.72;
    font-weight: 600;

    color: #3b4439;
}


body.specialists-page .specialists-intro-text strong {
    font-weight: 700;

    color: #34422f;
}


/* =========================================================
   05. СПИСОК СПЕЦИАЛИСТОВ
   ========================================================= */

body.specialists-page .specialists-list {
    width: 88%;
    max-width: 1180px;

    margin: 0 auto;
}


/* =========================================================
   06. КАРТОЧКА СПЕЦИАЛИСТА
   ========================================================= */

body.specialists-page .specialist-card {
    position: relative;

    width: 78%;

    margin: 0 0 42px;

    padding: 28px;

    overflow: hidden;

    border-radius: 24px;

    background:
        linear-gradient(
            135deg,
            rgba(255, 252, 243, .96),
            rgba(241, 237, 222, .88)
        );

    border: 1px solid rgba(201, 170, 90, .25);

    box-shadow:
        0 16px 38px rgba(48, 55, 43, .09),
        inset 0 1px 0 rgba(255, 255, 255, .92);

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


/* НЕНАГРУЖАЮЩИЙ ЗЕЛЁНЫЙ АКЦЕНТ СЛЕВА */

body.specialists-page .specialist-card::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 1px;
    height: 58%;

    background:
        linear-gradient(
            180deg,
            rgba(79, 101, 63, .78) 0%,
            rgba(79, 101, 63, .55) 72%,
            transparent 100%
        );

    pointer-events: none;
}


body.specialists-page .specialist-card:hover {
    transform: translateY(-3px);

    box-shadow:
        0 22px 44px rgba(48, 55, 43, .12),
        inset 0 1px 0 rgba(255, 255, 255, .92);
}


/* =========================================================
   07. ОСНОВНАЯ ЧАСТЬ КАРТОЧКИ
   ========================================================= */

body.specialists-page .specialist-card-main {
    display: grid;

    grid-template-columns: 240px minmax(0, 1fr);

    gap: 30px;

    align-items: start;
}


/* =========================================================
   08. ФОТО СПЕЦИАЛИСТА
   ========================================================= */

body.specialists-page .specialist-photo {
    position: relative;

    width: 100%;
    height: 295px;

    overflow: hidden;

    border-radius: 19px;

    background: #e6e3d8;

    box-shadow:
        0 10px 24px rgba(48, 55, 43, .11);
}


body.specialists-page .specialist-photo::after {
    content: "";

    position: absolute;

    inset: 0;

    border: 1px solid rgba(201, 170, 90, .26);

    border-radius: inherit;

    pointer-events: none;
}


body.specialists-page .specialist-photo img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;

    object-position: center;

    filter:
        saturate(.93)
        contrast(1.01);
}


/* =========================================================
   09. ИНФОРМАЦИЯ О СПЕЦИАЛИСТЕ
   ========================================================= */

body.specialists-page .specialist-info {
    position: relative;

    min-width: 0;

    padding: 4px 8px 0 0;
}


/* ИМЯ */

body.specialists-page .specialist-info h2 {
    position: relative;

    margin: 0 0 10px;

    padding-bottom: 12px;

    font-family: "Playfair Display", serif;
    font-size: 27px;
    font-weight: 500;
    line-height: 1.22;

    color: #34422f;
}


body.specialists-page .specialist-info h2::after {
    content: "";

    display: block;

    width: 85px;
    height: 1px;

    margin-top: 10px;

    background:
        linear-gradient(
            90deg,
            #c9aa5a,
            transparent
        );
}


/* ДОЛЖНОСТЬ */

body.specialists-page .specialist-info h3 {
    margin: 0 0 17px;

    font-family: "Manrope", sans-serif;
    font-size: 15px;
    line-height: 1.5;
    font-weight: 700;

    color: #58624f;
}


/* КРАТКОЕ ОПИСАНИЕ */

body.specialists-page .specialist-short {
    max-width: 650px;

    margin: 0 0 20px;

    font-family: "Manrope", sans-serif;
    font-size: 15.5px;
    line-height: 1.7;
    font-weight: 600;

    color: #3c443a;
}


/* ЗАГОЛОВОК СПИСКА */

body.specialists-page .specialist-info h4 {
    margin: 0 0 10px;

    font-family: "Manrope", sans-serif;
    font-size: 14px;
    line-height: 1.4;
    font-weight: 700;

    color: #46513f;
}


/* СПИСОК */

body.specialists-page .specialist-info ul {
    margin: 0 0 22px;
    padding: 0;

    list-style: none;
}


body.specialists-page .specialist-info li {
    position: relative;

    margin: 0 0 8px;
    padding-left: 20px;

    font-family: "Manrope", sans-serif;
    font-size: 14px;
    line-height: 1.55;
    font-weight: 500;

    color: #464e43;
}


body.specialists-page .specialist-info li::before {
    content: "";

    position: absolute;

    left: 0;
    top: 10px;

    width: 11px;
    height: 1px;

    background:
        linear-gradient(
            90deg,
            #c9aa5a,
            transparent
        );
}


/* =========================================================
   10. КНОПКА "ПОДРОБНЕЕ"
   ========================================================= */

body.specialists-page .specialist-more {
    display: inline-flex;

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

    min-height: 44px;

    padding: 11px 22px;

    border: 1px solid rgba(201, 170, 90, .65);

    border-radius: 9px;

    font-family: "Manrope", sans-serif;
    font-size: 14px;
    font-weight: 600;

    color: #ffffff;

    background:
        linear-gradient(
            135deg,
            #596b4f 0%,
            #4c6048 55%,
            #8f7948 100%
        );

    cursor: pointer;

    box-shadow:
        0 8px 18px rgba(48, 55, 43, .14);

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


body.specialists-page .specialist-more:hover {
    transform: translateY(-2px);

    background:
        linear-gradient(
            135deg,
            #627557 0%,
            #52664b 55%,
            #9b824f 100%
        );

    box-shadow:
        0 12px 24px rgba(48, 55, 43, .19);
}


/* =========================================================
   11. РАСКРЫВАЕМАЯ ИНФОРМАЦИЯ
   ========================================================= */

body.specialists-page .specialist-details {

    max-width: 900px;

    max-height: 0;

    overflow: hidden;

    opacity: 0;

    transform: translateY(-15px);

    margin-top: 0;

    padding: 0 32px;

    border-top: 1px solid transparent;

    background:
        linear-gradient(
            135deg,
            rgba(248, 246, 237, .72),
            rgba(235, 234, 223, .62)
        );

    border-radius: 0 0 18px 18px;

    transition:
        max-height .6s ease,
        opacity .4s ease,
        transform .4s ease,
        padding .4s ease,
        margin .4s ease;
}


/* КЛАСС .active ДОБАВЛЯЕТСЯ JAVASCRIPT
   ПРИ ОТКРЫТИИ КАРТОЧКИ */

body.specialists-page .specialist-card.active .specialist-details {

    max-height: 2000px;

    opacity: 1;

    transform: translateY(0);

    margin-top: 28px;

    padding: 28px 32px;

    border-top: 1px solid rgba(201, 170, 90, .25);
}


/* ТЕКСТ ПОДРОБНОГО ОПИСАНИЯ */

body.specialists-page .specialist-details p {

    margin: 0 0 15px;

    font-family: "Manrope", sans-serif;
    font-size: 15px;
    line-height: 1.72;
    font-weight: 500;

    color: #3d453b;
}


body.specialists-page .specialist-details p:last-child {
    margin-bottom: 0;
}


body.specialists-page .specialist-details strong {

    font-weight: 700;

    color: #34422f;
}


/* =========================================================
   12. БЛОК ПОЛУЧЕНИЯ КОНСУЛЬТАЦИИ
   ========================================================= */

body.specialists-page .specialists-contact {
    width: 100%;

    padding: 5px 0 70px;
}


body.specialists-page .specialists-contact .container {
    width: 88%;
    max-width: 1180px;

    margin: 0 auto;
}


body.specialists-page .specialists-contact .info-block {
    position: relative;

    max-width: 900px;

    margin: 0 auto;

    padding: 42px 50px;

    text-align: center;

    border-radius: 26px;

    background:
        linear-gradient(
            135deg,
            rgba(248, 246, 237, .97),
            rgba(231, 231, 220, .89)
        );

    border: 1px solid rgba(201, 170, 90, .28);

    box-shadow:
        0 18px 42px rgba(48, 55, 43, .09),
        inset 0 1px 0 rgba(255, 255, 255, .92);
}


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

body.specialists-page .specialists-contact .info-block h2 {
    position: relative;

    margin: 0 0 18px;

    padding-bottom: 14px;

    font-family: "Playfair Display", serif;
    font-size: 30px;
    font-weight: 500;
    line-height: 1.25;

    color: #34422f;
}


body.specialists-page .specialists-contact .info-block h2::after {
    content: "";

    display: block;

    width: 115px;
    height: 1px;

    margin: 11px auto 0;

    background:
        linear-gradient(
            90deg,
            transparent,
            #c9aa5a,
            transparent
        );
}


/* ТЕКСТ */

body.specialists-page .specialists-contact .info-block > p {
    max-width: 650px;

    margin: 0 auto 24px;

    font-family: "Manrope", sans-serif;
    font-size: 16px;
    line-height: 1.7;
    font-weight: 600;

    color: #3d453b;
}


/* =========================================================
   13. ФИНАЛЬНАЯ КНОПКА
   ========================================================= */

body.specialists-page .specialists-contact .help-button {
    display: flex;

    justify-content: center;

    margin-top: 25px;
}


body.specialists-page .specialists-contact .help-button a {
    display: inline-flex;

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

    min-height: 52px;

    padding: 14px 30px;

    font-family: "Manrope", sans-serif;
    font-size: 15px;
    font-weight: 600;

    line-height: 1.2;
    text-decoration: none;

    color: #ffffff;

    background:
        linear-gradient(
            135deg,
            #596b4f 0%,
            #4c6048 55%,
            #8f7948 100%
        );

    border: 1px solid rgba(201, 170, 90, .75);

    border-radius: 10px;

    box-shadow:
        0 10px 24px rgba(48, 55, 43, .17),
        inset 0 1px 0 rgba(255, 255, 255, .12);

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


body.specialists-page .specialists-contact .help-button a:hover {
    transform: translateY(-3px);

    background:
        linear-gradient(
            135deg,
            #627557 0%,
            #52664b 55%,
            #9b824f 100%
        );

    box-shadow:
        0 15px 30px rgba(48, 55, 43, .22);
}

/* =========================================================
   SPECIALISTS — ЕДИНЫЙ ФОН ОТ САМОГО ВЕРХА
   ВКЛЮЧАЯ HEADER
   ========================================================= */

body.specialists-page {
    position: relative;

    background:
        linear-gradient(
            rgba(247, 244, 235, .38),
            rgba(247, 244, 235, .38)
        ),
        url("../images/specialists-hero.jpg");

    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
}


/* HEADER ПРОЗРАЧНЫЙ — ФОТО ПРОХОДИТ ПОД НИМ */

body.specialists-page .header {
    position: relative;
    z-index: 10;

    background: transparent;
    box-shadow: none;
}



/* КОНТЕНТ ОСТАЁТСЯ ПОВЕРХ ФОНА */

body.specialists-page .specialists-background .container {
    position: relative;
    z-index: 2;
}


/* КАРТОЧКИ ЧУТЬ ПРОЗРАЧНЫЕ,
   ЧТОБЫ ФОН ПРОДОЛЖАЛ ОЩУЩАТЬСЯ */

body.specialists-page .specialist-card {
    background: rgba(255, 255, 255, .88);

    backdrop-filter: blur(7px);
}

/* =========================================================
   SPIRITUAL PAGE
   ДУХОВНАЯ СОСТАВЛЯЮЩАЯ
   ========================================================= */


/* =========================================================
   01. ФОН СТРАНИЦЫ
   ========================================================= */

body.spiritual-page {

    background:
        radial-gradient(
            circle at 12% 18%,
            rgba(214,185,107,.10),
            transparent 28%
        ),
        radial-gradient(
            circle at 88% 50%,
            rgba(79,101,63,.08),
            transparent 32%
        ),
        linear-gradient(
            180deg,
            #f8f5ec 0%,
            #f1eee3 48%,
            #f7f4eb 100%
        );
}


/* =========================================================
02. HERO
========================================================= */

body.spiritual-page .inner-hero {

    position: relative;

    display: grid;

    grid-template-columns: 46% 54%;

    gap: 26px;
    align-items: center;
    width: 90%;

    max-width: 1200px;

    min-height: 280px;

    margin: 35px auto 70px;

    background: transparent;

    border: none;

    box-shadow: none;

}



body.spiritual-page .inner-hero > div {

    position: relative;

    z-index: 2;

    display: flex;

    flex-direction: column;

    justify-content: center;


    padding: 30px 38px;


    border-radius: 26px;


    background:
        linear-gradient(
            135deg,
            rgba(255,253,246,.98),
            rgba(244,239,225,.90)
        );


    border: 1px solid rgba(201,170,90,.28);


    box-shadow:

        0 18px 42px rgba(47,53,43,.08),

        inset 0 1px 0 rgba(255,255,255,.95);

}



body.spiritual-page .inner-hero > div::before {

    content:"";

    position:absolute;

    left:0;

    top:42px;

    bottom:42px;


    width:1px;


    background:

        linear-gradient(
            180deg,
            transparent,
            rgba(201,170,90,.65),
            transparent
        );

}



body.spiritual-page .inner-hero h1 {

    margin:0 0 24px;

    padding-bottom:16px;


    font-family:"Playfair Display",serif;

    font-size:46px;

    font-weight:500;

    line-height:1.12;


    color:#34422f;

    position:relative;

}



body.spiritual-page .inner-hero h1::after {

    content:"";

    position:absolute;

    left:0;

    bottom:0;


    width:170px;

    height:1px;


    background:

        linear-gradient(
            90deg,
            #c9aa5a,
            transparent
        );

}



body.spiritual-page .inner-hero p {

    margin:0 0 15px;

    max-width:560px;


    font-family:"Manrope",sans-serif;

    font-size:16px;

    line-height:1.68;

    font-weight:600;


    color:#394337;

}



body.spiritual-page .inner-hero > img {

    width: 100%;

    min-height: 370px;
    height: 340px;

    object-fit: cover;
    object-position: center 50%;

    border-radius: 26px;

    border: 1px solid rgba(201,170,90,.2);

    filter:
        saturate(.96)
        contrast(1.02);

    box-shadow:
        0 0 0 9px rgba(52,58,48,.05),
        0 18px 42px rgba(40,45,38,.15);
}

/* =========================================================
   03. CONTENT
   ========================================================= */


body.spiritual-page .inner-content {

    width:90%;

    max-width:1200px;

    margin:0 auto;

    padding-bottom:80px;

}



body.spiritual-page .info-block {


    position:relative;


    margin-bottom:45px;


    padding:38px 45px;


    overflow:hidden;


    border-radius:26px;


    background:

        linear-gradient(

            135deg,

            rgba(255,252,243,.95),

            rgba(241,237,222,.84)

        );


    border:

        1px solid rgba(201,170,90,.25);


    box-shadow:

        0 18px 42px rgba(48,55,43,.08),

        inset 0 1px 0 rgba(255,255,255,.9);

}



/* =========================================================
   04. SPLIT BLOCKS
   ========================================================= */


body.spiritual-page .info-split {

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:24px;

    align-items:stretch;

}



body.spiritual-page .info-split-image {


    width:100%;

    min-height:330px;

    height:100%;


    object-fit:cover;


    border-radius:24px;


    box-shadow:

        0 0 0 10px rgba(52,58,48,.05),

        0 15px 35px rgba(40,45,38,.14);

}



body.spiritual-page .info-text {


    position:relative;


    padding:34px 40px;


    border-radius:24px;


    background:

        linear-gradient(

            135deg,

            rgba(255,252,243,.97),

            rgba(241,237,222,.86)

        );


    border:

        1px solid rgba(201,170,90,.25);


    box-shadow:

        0 18px 38px rgba(48,55,43,.08);

}



body.spiritual-page .info-text::before {


    content:"";


    position:absolute;


    left:0;

    top:40px;

    bottom:40px;


    width:1px;


    background:

        linear-gradient(

            180deg,

            transparent,

            rgba(201,170,90,.65),

            transparent

        );

}



body.spiritual-page .info-text h2 {


    margin:0 0 20px;


    font-family:"Playfair Display",serif;

    font-size:29px;

    font-weight:500;


    color:#3b4738;

}



body.spiritual-page .info-text h2::after {


    content:"";


    display:block;


    width:90px;

    height:1px;


    margin-top:12px;


    background:

        linear-gradient(

            90deg,

            #c9aa5a,

            transparent

        );

}



body.spiritual-page .info-text p {


    margin:0 0 16px;


    font-family:"Manrope",sans-serif;


    font-size:16px;


    line-height:1.68;


    font-weight:600;


    color:#353b34;

}



/* =========================================================
05. ДУХОВНЫЕ ЦЕННОСТИ — КАРТОЧКИ
========================================================= */


body.spiritual-page .spiritual-values {

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 22px;

    margin-top: 35px;

}



/* КАРТОЧКА */

body.spiritual-page .info-card {

    position: relative;

    min-height: 245px;

    padding: 34px 30px;

    overflow: hidden;


    border-radius: 24px;


    background:

        linear-gradient(
            145deg,
            rgba(255,253,246,.98),
            rgba(236,233,216,.88)
        );


    border: 1px solid rgba(201,170,90,.35);


    box-shadow:

        0 18px 38px rgba(43,50,39,.10),

        inset 0 1px 0 rgba(255,255,255,.95);


    transition:

        transform .3s ease,

        box-shadow .3s ease;

}



/* МЯГКИЙ ВНУТРЕННИЙ СВЕТ */

body.spiritual-page .info-card::after {

    content:"";

    position:absolute;

    width:180px;

    height:180px;

    right:-70px;

    bottom:-80px;


    background:

        radial-gradient(
            circle,
            rgba(201,170,90,.10),
            transparent 70%
        );


    pointer-events:none;

}



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

body.spiritual-page .info-card h3 {

    position:relative;

    z-index:2;


    margin:0 0 18px;


    font-family:"Playfair Display",serif;

    font-size:24px;

    font-weight:500;


    color:#34422f;

}



/* МАЛЕНЬКИЙ ЗОЛОТОЙ АКЦЕНТ */

body.spiritual-page .info-card h3::after {

    content:"";

    display:block;

    width:75px;

    height:1px;

    margin-top:12px;


    background:

        linear-gradient(
            90deg,
            #c9aa5a,
            transparent
        );

}



/* ТЕКСТ */

body.spiritual-page .info-card p {

    position:relative;

    z-index:2;


    margin:0;


    font-family:"Manrope",sans-serif;

    font-size:15.5px;

    line-height:1.7;

    font-weight:600;


    color:#394238;

}



/* ПЛАВНОЕ ДВИЖЕНИЕ */

body.spiritual-page .info-card:hover {

    transform:translateY(-5px);


    box-shadow:

        0 24px 45px rgba(43,50,39,.14);

}

/* =========================================================
   LIFE PAGE
   ЖИЗНЬ ЦЕНТРА
========================================================= */


/* =========================================================
   01. ФОН
========================================================= */

body.life-page {

    background:

        radial-gradient(
            circle at 12% 18%,
            rgba(214,185,107,.10),
            transparent 28%
        ),

        radial-gradient(
            circle at 88% 55%,
            rgba(79,101,63,.08),
            transparent 30%
        ),

        linear-gradient(
            180deg,
            #f8f5ec 0%,
            #f1eee3 48%,
            #f7f4eb 100%
        );

}



/* =========================================================
   02. HERO
========================================================= */


body.life-page .inner-hero {

    position:relative;


    display:grid;

    grid-template-columns:46% 54%;

    gap:30px;


    width:90%;

    max-width:1250px;


    min-height:370px;


    margin:40px auto 75px;


    align-items:center;


    background:transparent;

    border:none;

    box-shadow:none;

}




/* ТЕКСТОВЫЙ БЛОК */

body.life-page .inner-hero > div {

    position:relative;

    z-index:2;


    display:flex;

    flex-direction:column;

    justify-content:center;


    min-height:370px;


    padding:45px 50px;


    border-radius:28px;


    background:

        linear-gradient(
            135deg,
            rgba(255,253,246,.98),
            rgba(244,239,225,.90)
        );


    border:

        1px solid rgba(201,170,90,.28);


    box-shadow:

        0 20px 45px rgba(47,53,43,.09),

        inset 0 1px 0 rgba(255,255,255,.95);

}




/* ЗОЛОТАЯ ЛИНИЯ */

body.life-page .inner-hero > div::before {

    content:"";


    position:absolute;


    left:0;

    top:45px;

    bottom:45px;


    width:1px;


    background:

        linear-gradient(
            180deg,
            transparent,
            rgba(201,170,90,.65),
            transparent
        );

}




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

body.life-page .inner-hero h1 {

    position:relative;


    margin:0 0 24px;

    padding-bottom:16px;


    font-family:"Playfair Display",serif;


    font-size:46px;


    font-weight:500;


    line-height:1.15;


    color:#34422f;

}




body.life-page .inner-hero h1::after {

    content:"";


    position:absolute;


    left:0;

    bottom:0;


    width:170px;


    height:1px;


    background:

        linear-gradient(
            90deg,
            #c9aa5a,
            transparent
        );

}




/* ТЕКСТ HERO */

body.life-page .inner-hero p {

    max-width:560px;


    margin:0 0 15px;


    font-family:"Manrope",sans-serif;


    font-size:16px;


    line-height:1.68;


    font-weight:600;


    color:#394337;

}


body.life-page .inner-hero p:last-child {

    margin-bottom:0;

}





/* КАРТИНКА HERO */

body.life-page .inner-hero > img {

    display:block;


    width:100%;


    height:380px;


    object-fit:cover;


    object-position:center 90%;


    align-self:center;


    border-radius:28px;


    border:

        1px solid rgba(201,170,90,.20);



    filter:

        saturate(.96)

        contrast(1.02);



    box-shadow:

        0 0 0 10px rgba(52,58,48,.05),

        0 20px 45px rgba(40,45,38,.16),

        0 30px 60px rgba(40,45,38,.08);

}





/* =========================================================
   03. CONTENT
========================================================= */


body.life-page .inner-content {

    width:90%;


    max-width:1200px;


    margin:0 auto;


    padding-bottom:80px;

}





/* =========================================================
   04. NEWS BLOCK
========================================================= */


body.life-page .life-news {

    position:relative;


    padding:35px 35px;


    overflow:hidden;


    border-radius:26px;


    background:

        linear-gradient(
            135deg,
            rgba(255,252,243,.96),
            rgba(241,237,222,.84)
        );


    border:

        1px solid rgba(201,170,90,.25);



    box-shadow:

        0 18px 42px rgba(48,55,43,.08),

        inset 0 1px 0 rgba(255,255,255,.92);

}





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

body.life-page .life-news > h2 {

    position:relative;


    margin:0 0 18px;


    padding-bottom:12px;


    font-family:"Playfair Display",serif;


    font-size:32px;


    font-weight:500;


    color:#3b4738;

}




body.life-page .life-news > h2::after {

    content:"";


    position:absolute;


    left:0;


    bottom:0;


    width:110px;


    height:1px;


    background:

        linear-gradient(
            90deg,
            #c9aa5a,
            transparent
        );

}





/* ОПИСАНИЕ */

body.life-page .life-news > p {

    margin:0 0 30px;


    font-family:"Manrope",sans-serif;


    font-size:16px;


    line-height:1.65;


    font-weight:600;


    color:#394337;

}

/* =========================================================
NEWS CARDS
========================================================= */

body.life-page .news-cards {

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:22px;
}


body.life-page .news-card {

    display:flex;

    flex-direction:column;

    overflow:hidden;

    border-radius:24px;


    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.98),
            rgba(247,241,222,.90)
        );


    border:
        1px solid rgba(201,170,90,.28);


    box-shadow:
        0 15px 34px rgba(43,50,39,.09);


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


/* =========================================================
   NEWS CARD IMAGE
   
========================================================= */

body.life-page .news-card {
    overflow: hidden;
}

body.life-page .news-card img {

    display: block;

    width: 100%;

    height: 230px;

    object-fit: cover;

    object-position: center;

}

/* ТЕКСТ */

body.life-page .news-card-content {

    display:flex;


    flex-direction:column;


    flex:1;


    padding:28px 28px 30px;
}





/* ДАТА */

body.life-page .news-date {

    margin-bottom:12px;


    font-family:"Manrope",sans-serif;


    font-size:13px;


    font-weight:600;


    color:#8a7650;

}





/* НАЗВАНИЕ */

body.life-page .news-card h3 {

    margin:0 0 15px;


    font-family:"Playfair Display",serif;


    font-size:23px;


    font-weight:500;


    line-height:1.3;


    color:#34422f;

}





/* ТЕКСТ */

body.life-page .news-card p {

    margin:0 0 25px;


    font-family:"Manrope",sans-serif;


    font-size:15px;


    line-height:1.65;


    font-weight:600;


    color:#394238;

}





/* =========================================================
   LIFE PAGE BUTTON
   ЗЕЛЁНО-ЗОЛОТАЯ КНОПКА
========================================================= */




body.life-page .news-link:hover {

    transform:translateY(-3px);


    background:

        linear-gradient(
            135deg,
            #687b51,
            #465a3c
        );


    box-shadow:

        0 15px 32px rgba(48,55,43,.22);

}
/* =========================================================
   06. HOVER
========================================================= */


body.life-page .news-card:hover {

    transform:translateY(-6px);


    box-shadow:

        0 22px 42px rgba(43,50,39,.14);

}

/* =========================================================
   LIFE PAGE FOOTER FIX
========================================================= */
body.life-page .news-link {

    display:inline-flex;

    align-items:center;

    justify-content:center;

    width:max-content;

    margin-top:auto;

    padding:12px 28px;

    border-radius:12px;


    font-family:"Manrope",sans-serif;

    font-size:14px;

    font-weight:600;


    color:#fff;

    text-decoration:none;


    background:

        linear-gradient(
            135deg,
            #3f5138 0%,
            #596b45 45%,
            #c9aa5a 100%
        );


    border:

        1px solid rgba(201,170,90,.75);


    box-shadow:

        0 10px 24px rgba(48,55,43,.16),

        inset 0 1px 0 rgba(255,255,255,.15);


    transition:

        transform .25s ease,

        box-shadow .25s ease,

        background .35s ease;

}

body.life-page .news-link:hover {

    transform:translateY(-3px);


    background:

        linear-gradient(
            135deg,
            #596b45 0%,
            #c9aa5a 100%
        );


    box-shadow:

        0 15px 32px rgba(48,55,43,.22);

}


/* =========================================================
EVENTS PAGE
МЕРОПРИЯТИЯ И СОБЫТИЯ
========================================================= */


/* =========================================================
01. ФОН
========================================================= */

body.events-page {

    background:

        radial-gradient(
            circle at 10% 15%,
            rgba(214,185,107,.10),
            transparent 30%
        ),

        radial-gradient(
            circle at 90% 50%,
            rgba(79,101,63,.08),
            transparent 32%
        ),

        linear-gradient(
            180deg,
            #f8f5ec 0%,
            #f1eee3 50%,
            #f7f4eb 100%
        );
}



/* =========================================================
02. HERO
КАРТИНКА СЛЕВА / ТЕКСТ СПРАВА
========================================================= */


body.events-page .inner-hero {

    position:relative;

    display:grid;

    grid-template-columns:54% 46%;

    gap:30px;

    width:90%;

    max-width:1250px;

    min-height:370px;

    margin:40px auto 75px;

    align-items:center;

}



/* КАРТИНКА */

body.events-page .inner-hero > img {

    grid-column:1;

    grid-row:1;


    display:block;

    width:100%;

    height:370px;


    object-fit:cover;

    object-position:center;


    border-radius:28px;


    border:
        1px solid rgba(201,170,90,.20);


    filter:
        saturate(.96)
        contrast(1.02);


    box-shadow:

        0 0 0 10px rgba(52,58,48,.05),

        0 20px 45px rgba(40,45,38,.16),

        0 30px 60px rgba(40,45,38,.08);

}



/* ТЕКСТОВЫЙ БЛОК */

body.events-page .inner-hero > div {

    grid-column:2;

    grid-row:1;


    position:relative;

    z-index:2;


    min-height:370px;


    display:flex;

    flex-direction:column;

    justify-content:center;


    padding:

        45px 50px;



    border-radius:28px;


    background:

        linear-gradient(
            135deg,
            rgba(255,253,246,.98),
            rgba(244,239,225,.90)
        );


    border:

        1px solid rgba(201,170,90,.28);



    box-shadow:

        0 20px 45px rgba(47,53,43,.09),

        inset 0 1px 0 rgba(255,255,255,.95);

}



/* ЗОЛОТАЯ ЛИНИЯ */

body.events-page .inner-hero > div::before {

    content:"";


    position:absolute;


    left:0;

    top:45px;

    bottom:45px;


    width:1px;


    background:

        linear-gradient(
            180deg,
            transparent,
            rgba(201,170,90,.65),
            transparent
        );

}



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

body.events-page .inner-hero h1 {

    position:relative;


    margin:0 0 24px;

    padding-bottom:16px;


    font-family:"Playfair Display",serif;


    font-size:44px;


    font-weight:500;


    line-height:1.15;


    color:#34422f;

}



body.events-page .inner-hero h1::after {


    content:"";


    position:absolute;


    left:0;

    bottom:0;


    width:160px;

    height:1px;


    background:

        linear-gradient(
            90deg,
            #c9aa5a,
            transparent
        );

}



/* ТЕКСТ HERO */

body.events-page .inner-hero p {


    margin:0 0 15px;


    max-width:540px;


    font-family:"Manrope",sans-serif;


    font-size:16px;


    line-height:1.7;


    font-weight:600;


    color:#394337;

}



/* =========================================================
03. CONTENT
========================================================= */


body.events-page .inner-content {


    width:90%;


    max-width:1200px;


    margin:0 auto;


    padding-bottom:80px;

}



/* =========================================================
04. ОБЩИЕ БЛОКИ
========================================================= */


body.events-page .info-block {


    margin-bottom:45px;


    padding:42px 45px;



    border-radius:26px;



    background:


        linear-gradient(
            135deg,
            rgba(255,252,243,.96),
            rgba(241,237,222,.84)
        );



    border:

        1px solid rgba(201,170,90,.25);



    box-shadow:


        0 18px 42px rgba(48,55,43,.08),


        inset 0 1px 0 rgba(255,255,255,.92);

}



/* =========================================================
05. О ЦЕНТРЕ
ТЕКСТ СЛЕВА / ФОТО СПРАВА
========================================================= */


body.events-page .info-split {


    display:grid;


    grid-template-columns:1fr 1fr;


    gap:25px;


    align-items:stretch;

}



body.events-page .info-text {


    grid-column:1;

    grid-row:1;


    position:relative;


    padding:35px 40px;


    border-radius:24px;



    background:


        linear-gradient(
            135deg,
            rgba(255,252,243,.96),
            rgba(241,237,222,.85)
        );



    border:

        1px solid rgba(201,170,90,.25);

}


body.events-page .info-split-image {

    grid-column:2;
    grid-row:1;

    width:100%;

    min-height:330px;

    height:75%;

    object-fit:cover;

    align-self:center;

    border-radius:24px;

    box-shadow:
        0 0 0 10px rgba(52,58,48,.05),
        0 18px 40px rgba(40,45,38,.15);
}



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

body.events-page .info-text h2,
body.events-page .events-intro h2,
body.events-page .events-archive h2 {


    margin:0 0 18px;


    font-family:"Playfair Display",serif;


    font-size:30px;


    font-weight:500;


    color:#3b4738;

}



/* ТЕКСТ */

body.events-page .info-text p,
body.events-page .events-intro p,
body.events-page .events-archive p {


    font-family:"Manrope",sans-serif;


    font-size:16px;


    line-height:1.7;


    font-weight:600;


    color:#394337;

}

/* =========================================================
06. АТМОСФЕРА И ЖИЗНЬ ЦЕНТРА
ТЁМНЫЙ → СВЕТЛЫЙ ПЕРЕХОД
========================================================= */


body.events-page .events-intro {

    position:relative;


    padding:46px 55px 48px;


    overflow:hidden;


    border-radius:26px;



    background:


        linear-gradient(
            120deg,
            rgba(52,62,47,.96) 0%,
            rgba(76,87,66,.92) 42%,
            rgba(223,217,198,.95) 100%
        );



    border:

        1px solid rgba(201,170,90,.32);



    box-shadow:


        0 20px 45px rgba(40,47,38,.16),


        inset 0 1px 0 rgba(255,255,255,.35);

}



/* мягкое золотое свечение */

body.events-page .events-intro::before {

    content:"";


    position:absolute;


    right:-120px;

    top:-160px;


    width:420px;

    height:420px;



    background:


        radial-gradient(
            circle,
            rgba(201,170,90,.20),
            transparent 70%
        );



    pointer-events:none;

}



/* затемнение */

body.events-page .events-intro::after {

    content:"";


    position:absolute;


    left:0;

    top:0;


    width:55%;

    height:100%;



    background:


        linear-gradient(
            90deg,
            rgba(40,48,37,.38),
            transparent
        );



    pointer-events:none;

}



/* заголовок */

body.events-page .events-intro h2 {


    position:relative;

    z-index:2;


    margin:0 0 22px;


    padding-bottom:14px;


    font-family:"Playfair Display",serif;


    font-size:32px;


    font-weight:500;


    line-height:1.25;


    text-align:center;


    color:#f3ead5;

}



body.events-page .events-intro h2::after {


    content:"";


    position:absolute;


    left:50%;


    bottom:0;


    width:115px;


    height:1px;



    transform:translateX(-50%);



    background:


        linear-gradient(
            90deg,
            transparent,
            #d6b96b,
            transparent
        );

}



/* текст */

body.events-page .events-intro p {


    position:relative;


    z-index:2;


    max-width:850px;


    margin:0 auto 16px;


    text-align:center;



    font-family:"Manrope",sans-serif;


    font-size:16px;


    line-height:1.75;


    font-weight:600;


    color:#f1eee3;

}



body.events-page .events-intro p:last-child {

    margin-bottom:0;

}



/* =========================================================
07. EVENT CARDS
========================================================= */


body.events-page .event-cards {


    display:grid;


    grid-template-columns:repeat(3,1fr);


    gap:20px;

}




body.events-page .event-card {


    display:flex;


    flex-direction:column;


    overflow:hidden;


    border-radius:22px;



    background:


        linear-gradient(
            145deg,
            #fffdf7,
            #f4eddb
        );



    border:


        1px solid rgba(201,170,90,.28);



    box-shadow:


        0 15px 34px rgba(43,50,39,.09);



    transition:

        transform .3s ease,

        box-shadow .3s ease;

}




body.events-page .event-card:hover {


    transform:translateY(-6px);



    box-shadow:


        0 22px 42px rgba(43,50,39,.14);

}




/* фото карточек */

body.events-page .event-card img {


    display:block;


    width:100%;


    height:220px;



    object-fit:cover;

}




/* содержимое */

body.events-page .event-content {


    display:flex;


    flex-direction:column;


    flex:1;



    padding:22px 24px 24px;

}




/* дата */

body.events-page .event-date {


    margin-bottom:10px;


    font-family:"Manrope",sans-serif;


    font-size:12px;


    font-weight:600;


    color:#8a7650;

}




/* заголовок */

body.events-page .event-card h3 {


    margin:0 0 12px;


    font-family:"Playfair Display",serif;


    font-size:21px;


    font-weight:500;


    line-height:1.3;


    color:#34422f;

}




/* текст */

body.events-page .event-card p {


    margin:0 0 20px;


    font-family:"Manrope",sans-serif;


    font-size:14.5px;


    line-height:1.6;


    font-weight:600;


    color:#394238;

}




/* =========================================================
08. КНОПКА
ЗЕЛЁНО - ЗОЛОТОЙ ГРАДИЕНТ
========================================================= */


body.events-page .event-link {


    display:inline-flex;


    align-items:center;


    justify-content:center;



    width:max-content;


    margin-top:auto;


    padding:10px 24px;



    border-radius:12px;



    font-family:"Manrope",sans-serif;


    font-size:14px;


    font-weight:600;



    color:#fff;


    text-decoration:none;



    background:


        linear-gradient(
            135deg,
            #3f5138 0%,
            #596b45 45%,
            #c9aa5a 100%
        );



    border:


        1px solid rgba(201,170,90,.75);



    box-shadow:


        0 10px 24px rgba(48,55,43,.16);



    transition:


        transform .25s ease,

        box-shadow .25s ease,

        background .35s ease;

}




body.events-page .event-link:hover {


    transform:translateY(-3px);



    background:


        linear-gradient(
            135deg,
            #596b45,
            #c9aa5a
        );



    box-shadow:


        0 15px 32px rgba(48,55,43,.22);

}

/* =========================================================
DONATION PAGE
ПОЖЕРТВОВАНИЯ
ТЁПЛЫЙ БАНКОВСКО-ДУХОВНЫЙ СТИЛЬ
========================================================= */


/* =========================================================
01. ФОН
========================================================= */

body.donation-page {

background:

radial-gradient(
    circle at 12% 15%,
    rgba(214,185,107,.12),
    transparent 30%
),

radial-gradient(
    circle at 90% 45%,
    rgba(79,101,63,.10),
    transparent 32%
),

linear-gradient(
    180deg,
    #faf7ef 0%,
    #f1ecdf 55%,
    #faf7ef 100%
);

}


/* =========================================================
02. HERO
========================================================= */


body.donation-page .inner-hero {

display:grid;

grid-template-columns:46% 54%;

gap:30px;

width:90%;

max-width:1250px;

min-height:370px;

margin:40px auto 75px;

align-items:center;

}



body.donation-page .inner-hero > div {


min-height:370px;

padding:45px 50px;


display:flex;

flex-direction:column;

justify-content:center;


border-radius:28px;


background:

linear-gradient(
135deg,
rgba(255,253,246,.98),
rgba(243,237,221,.92)
);


border:

1px solid rgba(201,170,90,.30);


box-shadow:

0 20px 45px rgba(47,53,43,.10),

inset 0 1px 0 rgba(255,255,255,.95);


position:relative;

}



body.donation-page .inner-hero > div::before {


content:"";

position:absolute;

left:0;

top:45px;

bottom:45px;

width:1px;


background:

linear-gradient(
180deg,
transparent,
#c9aa5a,
transparent
);

}



body.donation-page .inner-hero h1 {


margin:0 0 25px;


font-family:"Playfair Display",serif;

font-size:44px;

font-weight:500;

line-height:1.15;

color:#34422f;

padding-bottom:15px;

position:relative;

}



body.donation-page .inner-hero h1::after {


content:"";

position:absolute;

left:0;

bottom:0;

width:150px;

height:1px;


background:

linear-gradient(
90deg,
#c9aa5a,
transparent
);

}



body.donation-page .inner-hero p {


font-family:"Manrope",sans-serif;

font-size:16px;

line-height:1.7;

font-weight:600;

color:#394337;

margin-bottom:16px;

}



body.donation-page .inner-hero-image,
body.donation-page .donation-hero-image {


width:100%;

height:370px;

object-fit:cover;
object-position:center 80%;
border-radius:28px;


border:

1px solid rgba(201,170,90,.25);


box-shadow:

0 0 0 10px rgba(52,58,48,.05),

0 20px 45px rgba(40,45,38,.18);

}



/* =========================================================
03. ОБЩИЙ КОНТЕНТ
========================================================= */


body.donation-page .inner-content {


width:90%;

max-width:1200px;

margin:auto;

padding-bottom:80px;

}



/* =========================================================
04. ОСНОВНЫЕ БЛОКИ
========================================================= */


body.donation-page .donation-block {


padding:42px 45px;

margin-bottom:45px;


border-radius:28px;


background:

linear-gradient(
135deg,
rgba(255,252,243,.97),
rgba(241,237,222,.88)
);


border:

1px solid rgba(201,170,90,.28);


box-shadow:

0 18px 42px rgba(48,55,43,.08),

inset 0 1px 0 rgba(255,255,255,.9);

}



body.donation-page .donation-block h2 {


text-align:center;


margin:0 0 30px;


font-family:"Playfair Display",serif;

font-size:32px;

font-weight:500;

color:#34422f;


position:relative;

padding-bottom:15px;

}



body.donation-page .donation-block h2::after {


content:"";

position:absolute;

left:50%;

bottom:0;

transform:translateX(-50%);


width:120px;

height:1px;


background:

linear-gradient(
90deg,
transparent,
#c9aa5a,
transparent
);

}


/* =========================================================
05. СПОСОБЫ ПОМОЩИ
========================================================= */


body.donation-page .donation-methods {


display:grid;

grid-template-columns:repeat(3,1fr);

gap:22px;

}



body.donation-page .donation-card {


display:flex;

flex-direction:column;


padding:30px;


border-radius:22px;


background:

linear-gradient(
145deg,
#fffdf7,
#f4eddb
);


border:

1px solid rgba(201,170,90,.30);


box-shadow:

0 15px 35px rgba(43,50,39,.08);

}



body.donation-page .donation-card h3 {


font-family:"Playfair Display",serif;

font-size:22px;

font-weight:500;

color:#34422f;

margin:0 0 18px;

text-align:center;

}



body.donation-page .donation-card p {


font-family:"Manrope",sans-serif;

font-size:15px;

line-height:1.65;

font-weight:600;

color:#394337;

}



body.donation-page .donation-card-qr {


display:flex;

justify-content:center;

align-items:center;

margin:auto;

padding:20px;

}



body.donation-page .donation-card-qr img {


width:170px;

height:170px;

object-fit:contain;

}
body.donation-page .donation-card .donation-button {

margin-top:auto;

}


/* =========================================================
06. КНОПКИ
========================================================= */


body.donation-page .donation-button,
body.donation-page .copy-requisites {


display:inline-flex;

justify-content:center;

align-items:center;


width:max-content;

margin:25px auto 0;


padding:12px 28px;


border-radius:12px;


font-family:"Manrope",sans-serif;

font-size:14px;

font-weight:600;


color:white;

text-decoration:none;


cursor:pointer;


background:

linear-gradient(
135deg,
#3f5138,
#596b45,
#c9aa5a
);


border:

1px solid rgba(201,170,90,.75);


box-shadow:

0 10px 24px rgba(48,55,43,.16);


transition:.3s ease;

}



body.donation-page .donation-button:hover,
body.donation-page .copy-requisites:hover {


transform:translateY(-3px);


box-shadow:

0 15px 30px rgba(48,55,43,.22);

}




/* =========================================================
07. ПОЧЕМУ ВАЖНА ВАША ПОМОЩЬ
ПРИРОДНЫЙ ЗЕЛЁНЫЙ ФОН + СВЕТЛЫЕ КАРТОЧКИ
========================================================= */

body.donation-page .donation-purpose {

position:relative;

overflow:hidden;


padding:60px 70px;


border-radius:32px;


background:

linear-gradient(
135deg,
#eef1df 0%,
#e3e8d5 45%,
#f8f3e7 100%
);


border:

1px solid rgba(79,101,63,.22);


box-shadow:

0 25px 60px rgba(48,55,43,.14),

inset 0 1px 0 rgba(255,255,255,.9);

}


/* мягкое золотисто-зелёное свечение */

body.donation-page .donation-purpose::before {

content:"";

position:absolute;


top:-200px;

left:50%;


width:700px;

height:350px;


transform:translateX(-50%);


background:

radial-gradient(
ellipse,
rgba(214,185,107,.28),
transparent 70%
);


pointer-events:none;

}



/* =========================================================
ЗАГОЛОВОК БЛОКА
========================================================= */

body.donation-page .donation-purpose h2 {

position:relative;

z-index:2;


text-align:center;


margin:0 0 25px;


font-family:"Playfair Display",serif;


font-size:38px;


font-weight:500;


color:#34422f;

}


body.donation-page .donation-purpose h2::after {

content:"";


display:block;


width:150px;

height:1px;


margin:18px auto 0;


background:

linear-gradient(
90deg,
transparent,
#c9aa5a,
transparent
);

}



/* =========================================================
ОСНОВНОЙ ТЕКСТ
========================================================= */


body.donation-page .donation-purpose p {

position:relative;

z-index:2;


max-width:900px;


margin:0 auto 18px;


text-align:center;


font-family:"Manrope",sans-serif;


font-size:17px;


line-height:1.75;


font-weight:600;


color:#394337;

}



/* =========================================================
КАРТОЧКИ ПОМОЩИ
========================================================= */


body.donation-page .help-points {

position:relative;

z-index:2;


display:grid;


grid-template-columns:repeat(3,1fr);


gap:20px;

}



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

body.donation-page .help-points div {

position:relative;


overflow:hidden;


min-height:170px;


display:flex;


flex-direction:column;


justify-content:center;


padding:18px;


text-align:center;


border-radius:16px;


background:

rgba(255,255,255,.10);


border:

1px solid rgba(214,185,107,.35);


box-shadow:

0 15px 35px rgba(48,55,43,.10);


transition:

transform .35s ease,

box-shadow .35s ease;

}



/* мягкий свет внутри карточки */

body.donation-page .help-points div::before {

content:"";


position:absolute;


top:-100px;

left:50%;


width:220px;

height:180px;


transform:translateX(-50%);


background:

radial-gradient(
circle,
rgba(255,255,255,.65),
transparent 70%
);


pointer-events:none;

}



/* hover карточки */

body.donation-page .help-points div:hover {

transform:translateY(-8px);


box-shadow:

0 25px 45px rgba(48,55,43,.18);

}



/* =========================================================
ЗАГОЛОВКИ КАРТОЧЕК
========================================================= */

body.donation-page .help-points div:hover strong {

transform:scale(1.06);


color:#465a3c;

}



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


body.donation-page .help-points span {

position:relative;

z-index:2;


font-family:"Manrope",sans-serif;


font-size:15px;


line-height:1.65;


font-weight:600;


color:#4a5143;


transition:

transform .35s ease;

}




/* =========================================================
09. РЕКВИЗИТЫ
========================================================= */


body.donation-page .donation-requisites {


display:grid;

grid-template-columns:repeat(2,1fr);

gap:22px;

}
/* ЗАГОЛОВОК И КНОПКА ПО ЦЕНТРУ */

body.donation-page .donation-details {

text-align:center;

}


body.donation-page .requisites-item {


padding:25px;


border-radius:18px;


background:

linear-gradient(
135deg,
#fffdf7,
#f2ead8
);


border:

1px solid rgba(201,170,90,.25);


}



body.donation-page .requisites-item h3 {


font-family:"Playfair Display",serif;

font-size:21px;

font-weight:500;

color:#34422f;

margin:0 0 12px;

}



body.donation-page .requisites-item p {


font-family:"Manrope",sans-serif;

font-size:15px;

line-height:1.65;

font-weight:600;

color:#394337;

}

/* =========================================================
06. СПАСИБО ЗА ПОДДЕРЖКУ
ФИНАЛЬНЫЙ ТЁПЛЫЙ БЛОК
========================================================= */


body.support-other-page .donation-thanks {


position:relative;


overflow:hidden;


padding:65px 80px;


border-radius:32px;



background:


linear-gradient(
135deg,
#edf1e4 0%,
#faf8ef 55%,
#f3ead5 100%
);



border:

1px solid rgba(79,101,63,.20);



box-shadow:


0 25px 55px rgba(48,55,43,.12);



text-align:center;


}





/* мягкое свечение */


body.support-other-page .donation-thanks::before {


content:"";


position:absolute;


top:-180px;


left:50%;


width:500px;


height:250px;


transform:translateX(-50%);



background:

radial-gradient(
ellipse,
rgba(214,185,107,.25),
transparent 70%
);


}




body.support-other-page .donation-thanks h2 {


position:relative;


z-index:2;



margin:0 0 25px;



font-family:"Playfair Display",serif;



font-size:40px;



font-weight:500;



color:#34422f;


}





body.support-other-page .donation-thanks h2::after {


content:"";


display:block;


width:140px;


height:1px;


margin:18px auto 0;



background:

linear-gradient(
90deg,
transparent,
#c9aa5a,
transparent
);


}





body.support-other-page .donation-thanks p {


position:relative;


z-index:2;



max-width:850px;



margin:15px auto;



font-family:"Manrope",sans-serif;



font-size:17px;



line-height:1.8;


font-weight:600;



color:#394337;


}

body.donation-page .help-points div:hover span {

transform:scale(1.03);

}

/* Убираем верхнюю линию карточек */

body.donation-page .help-points div::before {

display:none;

}



/* Подчёркивание заголовков карточек */

body.donation-page .help-points strong {

position:relative;

display:inline-block;


margin-bottom:22px;


font-family:"Playfair Display",serif;


font-size:23px;


font-weight:500;


color:#34422f;


transition:

transform .35s ease,

color .35s ease;

}



body.donation-page .help-points strong::after {

content:"";


position:absolute;


left:50%;


bottom:-10px;


width:80px;


height:1px;


transform:translateX(-50%);


background:

linear-gradient(
90deg,
transparent,
#c9aa5a,
transparent
);

}

/* =========================================================
FIX — ТЕКСТ КАРТОЧЕК ПОЧЕМУ ВАЖНА ВАША ПОМОЩЬ ПОТОМ УБРАТЬ !
========================================================= */

body.donation-page .help-points strong {

color:#34422f !important;

}


body.donation-page .help-points span {

color:#4a5143 !important;

}

/* =========================================================
SUPPORT OTHER PAGE
ДРУГИЕ СПОСОБЫ ПОДДЕРЖКИ
CLEAN REBUILD
PART 1
========================================================= */


/* =========================================================
01. ФОН СТРАНИЦЫ
========================================================= */

body.support-other-page {

background:

radial-gradient(
circle at 15% 10%,
rgba(79,101,63,.12),
transparent 35%
),

radial-gradient(
circle at 85% 30%,
rgba(201,170,90,.12),
transparent 30%
),

linear-gradient(
180deg,
#fafaf5 0%,
#eef2e5 55%,
#faf8f0 100%
);

}



/* =========================================================
02. HERO
========================================================= */

body.support-other-page .inner-hero {

display:grid;

grid-template-columns:46% 54%;

gap:35px;

width:90%;

max-width:1250px;

min-height:370px;

margin:40px auto 70px;

align-items:center;

}



body.support-other-page .inner-hero img {

grid-column:1;

grid-row:1;

width:100%;

height:370px;

object-fit:cover;

border-radius:30px;


box-shadow:

0 0 0 10px rgba(79,101,63,.06),

0 25px 55px rgba(48,55,43,.18);

}



body.support-other-page .inner-hero > div {

grid-column:2;

grid-row:1;


min-height:370px;

padding:45px 50px;


display:flex;

flex-direction:column;

justify-content:center;


border-radius:30px;


background:

linear-gradient(
135deg,
rgba(255,255,250,.98),
rgba(242,239,224,.95)
);



border:

1px solid rgba(201,170,90,.30);



box-shadow:

0 25px 55px rgba(48,55,43,.10),

inset 0 1px 0 rgba(255,255,255,.8);

}



body.support-other-page .inner-hero h1 {

position:relative;

margin:0 0 22px;

padding-bottom:15px;

font-family:"Playfair Display",serif;

font-size:44px;

font-weight:500;

line-height:1.15;

color:#34422f;

}



body.support-other-page .inner-hero h1::after {

content:"";

position:absolute;

left:0;

bottom:0;

width:150px;

height:1px;


background:

linear-gradient(
90deg,
#c9aa5a,
transparent
);

}



body.support-other-page .inner-hero p {

margin:0 0 15px;

font-family:"Manrope",sans-serif;

font-size:16px;

line-height:1.7;

font-weight:600;

color:#394337;

}



/* =========================================================
03. ОСНОВНОЙ КОНТЕНТ
========================================================= */

body.support-other-page .inner-content {

width:90%;

max-width:1200px;

margin:0 auto;

padding-bottom:80px;

}
body.support-other-page .inner-content p {

font-family:"Manrope",sans-serif;

font-size:17px;

line-height:1.8;

font-weight:600;

color:#394337;

}


/* =========================================================
04. ОБЩИЕ ИНФОРМАЦИОННЫЕ БЛОКИ
========================================================= */


body.support-other-page .donation-block {

position:relative;

margin-bottom:45px;

padding:45px 55px;

border-radius:30px;


background:

linear-gradient(
135deg,
#e6efd9 0%,
#f1e5bd 55%,
#faf6e8 100%
);



border:

1px solid rgba(79,101,63,.25);



box-shadow:

0 25px 55px rgba(48,55,43,.14);

}

body.support-other-page .inner-content .donation-block > h2 {

font-family:"Playfair Display",serif;

font-size:34px;

font-weight:500;

line-height:1.25;

text-align:center;

color:#34422f;

margin:0 0 30px;

}

body.support-other-page .inner-content .donation-block > h2::after {

content:"";

display:block;

width:140px;

height:1px;

margin:18px auto 0;

background:
linear-gradient(
90deg,
transparent,
#c9aa5a,
transparent
);

}
/* =========================================================
05. КАК МОЖНО ПОДДЕРЖАТЬ ЦЕНТР
ОБЩИЙ БЛОК + КАРТОЧКИ
========================================================= */
body.support-other-page .donation-block:has(.donation-methods) > h2 {

font-family:"Playfair Display",serif;

font-size:34px;

font-weight:500;

line-height:1.25;

text-align:center;

color:#34422f;

letter-spacing:0;

margin:0 0 30px;

}

/* мягкое золотое свечение */

body.support-other-page .donation-card::before {

content:"";

position:absolute;

top:0;

left:50%;

width:160px;

height:160px;

transform:translateX(-50%);


background:

radial-gradient(
circle,
rgba(201,170,90,.18),
transparent 70%
);


pointer-events:none;

}

/* тонкий зелёный акцент */

body.support-other-page .donation-card::after {

content:"";

position:absolute;

left:25%;

right:25%;

bottom:0;

height:2px;


background:

linear-gradient(
90deg,
transparent,
#7b9362,
#c9aa5a,
transparent
);


}



/* заголовок */

body.support-other-page .donation-card h3 {

position:relative;

display:inline-block;

z-index:2;


margin:0 auto 20px;

padding-bottom:12px;


font-family:"Playfair Display",serif;


font-size:25px;


font-weight:500;


color:#34422f;

}



/* текст */

body.support-other-page .donation-card p {

position:relative;

z-index:2;


margin:0;


font-family:"Manrope",sans-serif;


font-size:16px;


line-height:1.75;


font-weight:600;


color:#394337;

}



/* эффект при наведении */

body.support-other-page .donation-card:hover {

transform:translateY(-10px);


border-color:

rgba(201,170,90,.65);


box-shadow:

0 30px 55px rgba(48,55,43,.20);

}

body.support-other-page .donation-methods {

position:relative;

display:grid;

grid-template-columns:repeat(3,1fr);

gap:28px;

margin-top:35px;

padding:55px 45px;

border-radius:32px;


background:

linear-gradient(
135deg,
#d7e2c5 0%,
#bfcfa8 55%,
#e8dfc5 100%
);



border:

1px solid rgba(79,101,63,.45);



box-shadow:

0 25px 60px rgba(48,55,43,.22);

}



body.support-other-page .donation-methods::before {

content:"";

position:absolute;

top:-80px;

right:-80px;

width:260px;

height:260px;


background:

radial-gradient(
circle,
rgba(201,170,90,.35),
transparent 70%
);


pointer-events:none;

}


body.support-other-page .donation-card {

position:relative;

overflow:hidden;

min-height:210px;

padding:35px 30px;

display:flex;

flex-direction:column;

justify-content:center;

text-align:center;


border-radius:26px;


background:

linear-gradient(
145deg,
#fffdf7,
#f3ead3
);



border:

1px solid rgba(201,170,90,.45);



box-shadow:

0 18px 40px rgba(48,55,43,.14);



transition:.35s ease;

}

body.support-other-page .donation-card h3::after {

content:"";

position:absolute;

left:50%;

bottom:0;

width:105px;

height:1px;

transform:translateX(-50%);


background:

linear-gradient(
90deg,
transparent,
#c9aa5a,
transparent
);

}




/* =========================================================
06. ПАРТНЁРЫ + ОТЧЁТЫ
ЕДИНЫЙ CMS БЛОК
========================================================= */


body.support-other-page .support-history-block {

position:relative;

overflow:hidden;

padding:55px 60px;

border-radius:32px;


background:

linear-gradient(
135deg,
#eef3e5 0%,
#faf8ef 100%
);



border:

1px solid rgba(79,101,63,.22);



box-shadow:

0 25px 55px rgba(48,55,43,.12);

}



body.support-other-page .support-history-block::before {

content:"";

position:absolute;

top:-150px;

left:50%;

width:600px;

height:300px;

transform:translateX(-50%);


background:

radial-gradient(
ellipse,
rgba(214,185,107,.22),
transparent 70%
);

}



body.support-other-page .support-history-block h2 {

position:relative;

z-index:2;

margin:0 0 18px;

text-align:center;


font-family:"Playfair Display",serif;

font-size:38px;

font-weight:500;

color:#34422f;

}



body.support-other-page .support-history-block h2::after {

content:"";

display:block;

width:130px;

height:1px;

margin:18px auto 0;


background:

linear-gradient(
90deg,
transparent,
#c9aa5a,
transparent
);

}



body.support-other-page .support-history-block > p {

position:relative;

z-index:2;

max-width:850px;

margin:0 auto 45px;

text-align:center;


font-family:"Manrope",sans-serif;

font-size:16px;

line-height:1.7;

font-weight:600;

color:#394337;

}



/* =========================================================
СТРУКТУРА:
НАШИ ПАРТНЁРЫ
----------------
ОТЧЁТЫ О ПОМОЩИ
========================================================= */


body.support-other-page .support-history-grid {

position:relative;

z-index:2;

display:block;

}



body.support-other-page .support-column {

background:none;

padding:0;

border:none;

}




body.support-other-page .support-column > h3 {

margin:0 0 30px;

text-align:center;


font-family:"Playfair Display",serif;

font-size:28px;

font-weight:500;

color:#34422f;

position:relative;

padding-bottom:12px;

}



body.support-other-page .support-column > h3::after {

content:"";

position:absolute;

bottom:0;

left:50%;

width:110px;

height:1px;

transform:translateX(-50%);


background:

linear-gradient(
90deg,
transparent,
#c9aa5a,
transparent
);

}



/* =========================================================
ПАРТНЁРЫ
========================================================= */


body.support-other-page .partners-slider {

display:flex;

justify-content:center;

gap:22px;

margin-bottom:45px;

}



body.support-other-page .partner-slide {

flex:0 0 280px;

min-height:260px;

display:flex;

flex-direction:column;

align-items:center;

justify-content:center;

padding:30px;

text-align:center;


background:

linear-gradient(
145deg,
#ffffff,
#f7f4e8
);



border-radius:22px;



border:

1px solid rgba(201,170,90,.28);



box-shadow:

0 12px 30px rgba(48,55,43,.10);



transition:.35s ease;

}



body.support-other-page .partner-slide:hover {

transform:translateY(-6px);


box-shadow:

0 25px 45px rgba(48,55,43,.16);

}



body.support-other-page .partner-slide img {

width:110px;

height:110px;

object-fit:contain;

margin-bottom:18px;

}



body.support-other-page .partner-slide h4 {

margin:0 0 12px;


font-family:"Playfair Display",serif;

font-size:22px;

font-weight:500;

color:#34422f;

}



body.support-other-page .partner-slide p {

margin:0;


font-family:"Manrope",sans-serif;

font-size:15px;

line-height:1.6;

font-weight:600;

color:#394337;

}



/* =========================================================
ТОНКИЙ ДЕКОРАТИВНЫЙ РАЗДЕЛИТЕЛЬ
ПАРТНЁРЫ / ОТЧЁТЫ
========================================================= */


body.support-other-page .support-column + .support-column {

position:relative;

padding-top:55px;

margin-top:55px;

}



body.support-other-page .support-column + .support-column::before {

content:"";

position:absolute;

top:0;

left:10%;

right:10%;

height:2px;


background:

linear-gradient(
90deg,
transparent,
rgba(201,170,90,.75),
transparent
);

}



/* =========================================================
ОТЧЁТЫ О ПОМОЩИ
========================================================= */


body.support-other-page .donation-reports-list {

display:grid;

grid-template-columns:repeat(3,1fr);

gap:22px;

}



body.support-other-page .report-card {

min-height:320px;

display:flex;

flex-direction:column;


background:

linear-gradient(
145deg,
#ffffff,
#f7f4e8
);



border-radius:22px;

overflow:hidden;


border:

1px solid rgba(201,170,90,.28);



box-shadow:

0 12px 30px rgba(48,55,43,.10);



transition:.35s ease;

}



body.support-other-page .report-card:hover {

transform:translateY(-6px);


box-shadow:

0 25px 45px rgba(48,55,43,.15);

}



body.support-other-page .report-card img {

width:100%;

height:180px;

object-fit:cover;

}



body.support-other-page .report-card div {

padding:22px;

flex:1;

}



body.support-other-page .report-card h4 {

margin:0 0 12px;


font-family:"Playfair Display",serif;

font-size:22px;

font-weight:500;

color:#34422f;

}



body.support-other-page .report-card p {

margin:0;


font-family:"Manrope",sans-serif;

font-size:15px;

line-height:1.6;

font-weight:600;

color:#394337;

}
/* =========================================================
07. СПАСИБО ЗА ПОДДЕРЖКУ
========================================================= */


body.support-other-page .donation-thanks {

position:relative;

overflow:hidden;

padding:65px 80px;

border-radius:32px;


background:

linear-gradient(
135deg,
#edf1e4,
#faf8ef 55%,
#f3ead5
);



border:

1px solid rgba(79,101,63,.20);



box-shadow:

0 25px 55px rgba(48,55,43,.12);



text-align:center;

}



body.support-other-page .donation-thanks::before {

content:"";

position:absolute;

top:-160px;

left:50%;

width:500px;

height:250px;

transform:translateX(-50%);


background:

radial-gradient(
ellipse,
rgba(214,185,107,.22),
transparent 70%
);

}

body.support-other-page .donation-thanks h2::after {

content:"";

display:block;

width:140px;

height:1px;

margin:18px auto 0;


background:

linear-gradient(
90deg,
transparent,
#c9aa5a,
transparent
);

}



body.support-other-page .donation-thanks p {

position:relative;

z-index:2;


max-width:850px;

margin:15px auto;


font-family:"Manrope",sans-serif;

font-size:17px;

line-height:1.8;

font-weight:600;

color:#394337;

}
/* =========================================================
   CONTACTS HERO
========================================================= */

body.contacts-page .inner-hero {

    display:grid;

    grid-template-columns:46% 54%;

    gap:35px;

    width:90%;

    max-width:1250px;

    min-height:370px;

    margin:40px auto 70px;

    align-items:center;

}


body.contacts-page .inner-hero-image {

    grid-column:1;

    grid-row:1;

}


body.contacts-page .inner-hero-image img {

  width:100%;
    height:370px;

    object-fit:cover;
    object-position:25% center;

    border-radius:30px;


    box-shadow:
    0 0 0 10px rgba(79,101,63,.06),
    0 25px 55px rgba(48,55,43,.18);

}


body.contacts-page .inner-hero-text {

    grid-column:2;

    grid-row:1;

    min-height:370px;

    padding:45px 50px;

    display:flex;

    flex-direction:column;

    justify-content:center;

    border-radius:30px;

    background:
    linear-gradient(
    135deg,
    rgba(255,255,250,.98),
    rgba(242,239,224,.95)
    );

    border:1px solid rgba(201,170,90,.30);

    box-shadow:
    0 25px 55px rgba(48,55,43,.10),
    inset 0 1px 0 rgba(255,255,255,.8);

}


body.contacts-page .inner-hero h1 {

    position:relative;

    margin:0 0 22px;

    padding-bottom:15px;

    font-family:"Playfair Display",serif;

    font-size:44px;

    font-weight:500;

    line-height:1.15;

    color:#34422f;

}


body.contacts-page .inner-hero h1::after {

    content:"";

    position:absolute;

    left:0;

    bottom:0;

    width:150px;

    height:1px;

    background:
    linear-gradient(
    90deg,
    #c9aa5a,
    transparent
    );

}


body.contacts-page .inner-hero p {

    margin:0 0 15px;

    font-family:"Manrope",sans-serif;

    font-size:16px;

    line-height:1.7;

    font-weight:600;

    color:#394337;

}

/* =========================================================
   CONTACTS INFO BLOCK
========================================================= */


body.contacts-page .contacts-info {

    position:relative;

    width:100%;

    max-width:1300px;

    margin:50px auto 70px;

    padding:28px 35px 32px;

    box-sizing:border-box;


    background:

    linear-gradient(
        145deg,
        rgba(255,255,255,.48),
        rgba(239,237,228,.32)
    );


    border:

    1px solid rgba(201,170,90,.58);


    border-radius:30px;


    backdrop-filter:blur(12px);


    box-shadow:

    0 18px 45px rgba(47,53,43,.10),

    0 2px 8px rgba(47,53,43,.04),

    inset 0 1px 0 rgba(255,255,255,.70);

    overflow:hidden;

}


/* декоративный свет */

body.contacts-page .contacts-info::before {

    content:"";

    position:absolute;

    top:-110px;

    right:-90px;

    width:260px;

    height:260px;

    border-radius:50%;


    background:

    radial-gradient(
        circle,
        rgba(214,185,107,.12) 0%,
        rgba(214,185,107,.04) 38%,
        transparent 70%
    );

    pointer-events:none;

}


/* =========================================================
   TITLE
========================================================= */


body.contacts-page .contacts-info h2 {

    position:relative;

    margin:0 0 25px;

    padding-bottom:12px;


    font-family:"Playfair Display",serif;

    font-size:34px;

    font-weight:500;

    line-height:1.2;

    color:#394631;

}


/* золотая линия */

body.contacts-page .contacts-info h2::after {

    content:"";

    position:absolute;

    left:0;

    bottom:0;

    width:135px;

    height:1px;


    background:

    linear-gradient(
        90deg,
        #d6b96b,
        rgba(214,185,107,.55),
        transparent
    );

}



/* =========================================================
   CONTACT GRID
========================================================= */


body.contacts-page .contact-grid {

    display:grid;

    grid-template-columns:
        1.5fr
        .8fr
        .8fr;

    gap:0;

    width:100%;

}



/* =========================================================
   COLUMNS
========================================================= */
/* зеленые разделители */


/* =========================================================
   COLUMN TITLES
========================================================= */


body.contacts-page .contact-column h3 {

    margin:0 0 9px;

    padding-bottom:7px;

    font-size:18px;
    font-family:"Playfair Display",serif;

    

    font-weight:500;

    line-height:1.3;

    color:#526246;

}


/* маленькая линия */

body.contacts-page .contact-column {

    position:relative;

    min-height:125px;

    padding:5px 25px;

    box-sizing:border-box;

    font-family:"Manrope",sans-serif;

    font-size:13px;

    font-weight:500;

    line-height:1.5;

    color:#61675c;

}

body.contacts-page .contact-column::before {

    content:"";

    position:absolute;

    left:0;

    top:5px;

    bottom:5px;

    width:3px;

    border-radius:10px;

    background:
    linear-gradient(
        180deg,
        transparent,
        rgba(143,168,117,.85),
        transparent
    );

}

/* =========================================================
   TEXT
========================================================= */


body.contacts-page .contact-column p {

    margin:0 0 5px;

}

/* =========================================================
   INNER GREEN FRAME
========================================================= */

body.contacts-page .contacts-info::after {

    content:"";

    position:absolute;

    inset:10px;

    border:

    1px solid rgba(143,168,117,.35);

    border-radius:24px;

    pointer-events:none;

}

/* =========================================================
   CONTACT SOCIAL ICONS — ROW
========================================================= */


body.contacts-page .contact-social {

    display:flex;

    flex-direction:row;

    align-items:center;

    gap:12px;

    margin-top:5px;

}



body.contacts-page .contact-social a {

    display:flex;

    align-items:center;

    justify-content:center;

    width:36px;

    height:36px;

    text-decoration:none;

}



body.contacts-page .contact-social i {

    width:36px;

    height:36px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;


    color:#d6b96b;


    border:

    1px solid rgba(201,170,90,.45);


    background:

    rgba(255,255,255,.35);


    font-size:17px;


    transition:.3s ease;

}



/* убираем текст */

body.contacts-page .contact-social span {

    display:none;

}



body.contacts-page .contact-social a:hover i {

    color:#fff;

    background:#526246;

    border-color:#526246;

    transform:translateY(-3px);

}



/* EMAIL */

body.contacts-page .contact-email {

    margin-top:18px !important;

    padding-top:12px;

    border-top:

    1px solid rgba(79,101,63,.18);

}

body.contacts-page .contact-column h3 {

    position:relative;

    margin:0 0 18px;

    padding-bottom:8px;

    font-family:"Playfair Display",serif;

    font-size:24px;

    font-weight:500;

    color:#34422f;

}
/* =========================================================
   MAP BLOCK
========================================================= */

body.contacts-page .map-block {

    position:relative;

    padding:25px 35px;

    margin-bottom:70px;

    background:
    linear-gradient(
        135deg,
        rgba(255,255,250,.98),
        rgba(242,239,224,.95)
    );

    border:1px solid rgba(79,101,63,.45);

    border-radius:30px;

    box-shadow:
    0 20px 45px rgba(48,55,43,.12),
    inset 0 1px 0 rgba(255,255,255,.8);

}



body.contacts-page .map-block::after {

    content:"";

    position:absolute;

    inset:8px;

    border:

    1px solid rgba(201,170,90,.18);

    border-radius:24px;

    pointer-events:none;

}



/* Заголовок */

body.contacts-page .map-block h2 {

    position:relative;

    margin:0 0 30px;

    font-family:"Playfair Display",serif;

    font-size:34px;

    font-weight:500;

    color:#34422f;

}



/* карта */

body.contacts-page .map-placeholder {

     

    height:360px;

    border-radius:30px;

    overflow:hidden;

    border:1px solid rgba(79,101,63,.35);

    box-shadow:
    0 20px 45px rgba(48,55,43,.12);

}


body.contacts-page .map-placeholder iframe {

    width:100%;

    height:100%;

    border:0;

}

/* =========================================================
   ПОСТУПЛЕНИЕ В ЦЕНТР
========================================================= */


body.contacts-page .info-block {

    position:relative;

}


body.contacts-page .info-split {

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:50px;

    padding:40px 50px;

    background:
    linear-gradient(
    145deg,
    rgba(255,255,255,.55),
    rgba(239,237,228,.35)
    );

    border:1px solid rgba(79,101,63,.45);

    border-radius:30px;

    box-shadow:

    0 20px 45px rgba(48,55,43,.12),

    inset 0 1px 0 rgba(255,255,255,.7);

}


/* внутренний золотой контур */

body.contacts-page .info-split {

    position:relative;

}
body.contacts-page .info-split::after {

    content:"";

    position:absolute;

    inset:8px;

    border:1px solid rgba(201,170,90,.18);

    border-radius:24px;

    pointer-events:none;

}



/* колонки */

body.contacts-page .info-text {

    position:relative;

    z-index:2;

}



/* разделитель */

body.contacts-page .info-text:first-child {

    padding-right:35px;

    border-right:1px solid rgba(79,101,63,.25);

}


/* заголовки */

body.contacts-page .info-text h2 {

    margin:0 0 25px;

    font-family:"Playfair Display",serif;

    font-size:32px;

    font-weight:500;

    color:#34422f;

}


/* текст */

body.contacts-page .info-text p {

    font-size:16px;

    line-height:1.75;

    color:#394337;

}
body.contacts-page .things-list {

    margin:25px 0 25px;

    padding:25px 30px;

    list-style:none;

    background:
    linear-gradient(
    145deg,
    rgba(143,168,117,.12),
    rgba(201,170,90,.10)
    );

    border:1px solid rgba(79,101,63,.25);

    border-radius:20px;

}


body.contacts-page .things-list li {

    position:relative;

    padding-left:25px;

    margin-bottom:12px;

    font-family:"Manrope",sans-serif;

    font-size:16px;

    line-height:1.5;

    color:#394337;

}


body.contacts-page .things-list li:last-child {

    margin-bottom:0;

}


body.contacts-page .things-list li::before {

    content:"✓";

    position:absolute;

    left:0;

    top:0;

    color:#8fa875;

    font-weight:700;

}

/* =========================================================
   ROUTE CARDS — COMPACT STYLE
========================================================= */


body.contacts-page .route-cards {

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:30px;

    padding:35px 45px;

}



/* прямоугольники */

body.contacts-page .route-cards .info-card {

    position:relative;

    min-height:150px;

    padding:25px 30px;

    border-radius:18px;

    background:
    linear-gradient(
    145deg,
    rgba(255,255,255,.55),
    rgba(239,237,228,.45)
    );

    border:1px solid rgba(79,101,63,.35);

    box-shadow:

    0 12px 30px rgba(48,55,43,.08);

}



/* зелёная линия слева */

body.contacts-page .route-cards .info-card::before {

    content:"";

    position:absolute;

    left:0;

    top:20px;

    bottom:20px;

    width:3px;

    border-radius:10px;

    background:#8fa875;

}



/* заголовок */

body.contacts-page .route-cards h3 {

    margin:0 0 12px;

    padding-left:10px;

    font-family:"Playfair Display",serif;

    font-size:24px;

    font-weight:500;

    color:#34422f;

}



/* текст */

body.contacts-page .route-cards p {

    margin:0;

    padding-left:10px;

    font-size:15px;

    line-height:1.6;

    color:#394337;

}


/* картинки отключаем пока */

body.contacts-page .route-cards img {

    display:none;

}

body.contacts-page .route-block > h2 {

    position:relative;

    margin:0 0 35px;

    padding-bottom:12px;

    text-align:center;

    font-family:"Playfair Display",serif;

    font-size:34px;

    font-weight:500;

    color:#34422f;

}


body.contacts-page .route-block > h2::after {

    content:"";

    position:absolute;

    left:50%;

    bottom:0;

    transform:translateX(-50%);

    width:135px;

    height:1px;

    background:
    linear-gradient(
    90deg,
    transparent,
    #d6b96b,
    transparent
    );

}

/* =========================================================
   CONTACTS PAGE — TEXT SCALE
========================================================= */

body.contacts-page .contact-column,
body.contacts-page .contact-column p {

    font-size:15px;

    line-height:1.65;

}


body.contacts-page .contact-address span {

    font-size:15px;

}


body.contacts-page .info-text p {

    font-size:17px;

    line-height:1.75;

}


body.contacts-page .things-list li {

    font-size:16px;

    line-height:1.65;

}


body.contacts-page .route-cards p {

    font-size:16px;

    line-height:1.7;

}

/* =========================================================
   FEEDBACK FORM PAGE
========================================================= */
/* =========================================================
   FEEDBACK HERO
========================================================= */


body.feedback-page .inner-hero {

    display:grid;

    grid-template-columns:46% 54%;

    gap:35px;

    width:90%;

    max-width:1250px;

    min-height:370px;

    margin:40px auto 70px;

    align-items:center;

}



body.feedback-page .inner-hero-image {

    grid-column:1;

    grid-row:1;

}



body.feedback-page .inner-hero-image img {

    width:100%;

    height:370px;

    object-fit:cover;

    border-radius:30px;


    box-shadow:

    0 0 0 10px rgba(79,101,63,.06),

    0 25px 55px rgba(48,55,43,.18);

}



body.feedback-page .inner-hero-text {

    grid-column:2;

    grid-row:1;

    min-height:370px;

    padding:45px 50px;


    display:flex;

    flex-direction:column;

    justify-content:center;


    border-radius:30px;


    background:

    linear-gradient(
        135deg,
        rgba(255,255,250,.98),
        rgba(242,239,224,.95)
    );


    border:

    1px solid rgba(201,170,90,.30);


    box-shadow:

    0 25px 55px rgba(48,55,43,.10),

    inset 0 1px 0 rgba(255,255,255,.8);

}



body.feedback-page .inner-hero h1 {

    position:relative;

    margin:0 0 22px;

    padding-bottom:15px;


    font-family:"Playfair Display",serif;

    font-size:44px;

    font-weight:500;

    line-height:1.15;

    color:#34422f;

}



body.feedback-page .inner-hero h1::after {

    content:"";

    position:absolute;

    left:0;

    bottom:0;

    width:150px;

    height:1px;


    background:

    linear-gradient(
        90deg,
        #c9aa5a,
        transparent
    );

}



body.feedback-page .inner-hero p {

    margin:0 0 15px;

    font-family:"Manrope",sans-serif;

    font-size:16px;

    line-height:1.7;

    font-weight:600;

    color:#394337;

}

/* =========================================================
   MAIN FORM BLOCK
========================================================= */

body.feedback-page .feedback-block {

    position:relative;

    max-width:1000px;

    margin:50px auto 80px;

    padding:40px 55px;

    box-sizing:border-box;


    background:

    linear-gradient(
        145deg,
        rgba(255,255,255,.55),
        rgba(239,237,228,.35)
    );


    border:

    1px solid rgba(201,170,90,.58);


    border-radius:30px;


    backdrop-filter:blur(12px);


    box-shadow:

    0 20px 45px rgba(47,53,43,.12),

    inset 0 1px 0 rgba(255,255,255,.75);


    overflow:hidden;

}



/* внутренний зелёный контур */

body.feedback-page .feedback-block::after {

    content:"";

    position:absolute;

    inset:10px;

    border:

    1px solid rgba(143,168,117,.35);


    border-radius:24px;

    pointer-events:none;

}



/* =========================================================
   TITLE
========================================================= */


body.feedback-page .feedback-block h2 {

    position:relative;

    margin:0 0 20px;

    padding-bottom:12px;


    font-family:"Playfair Display",serif;

    font-size:34px;

    font-weight:500;

    color:#34422f;

}



/* золотая линия */

body.feedback-page .feedback-block h2::after {

    content:"";

    position:absolute;

    left:0;

    bottom:0;


    width:135px;

    height:1px;


    background:

    linear-gradient(
        90deg,
        #d6b96b,
        transparent
    );

}



/* =========================================================
   INTRO TEXT
========================================================= */


body.feedback-page .feedback-intro {

    position:relative;

    z-index:2;

    margin:0 0 35px;


    font-family:"Manrope",sans-serif;

    font-size:16px;

    line-height:1.7;

    font-weight:500;

    color:#394337;

}



/* =========================================================
   FORM
========================================================= */


body.feedback-page .feedback-form {

    position:relative;

    z-index:2;

}



/* два поля рядом */

body.feedback-page .form-row {

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:25px;

}



/* поле */

body.feedback-page .form-field {

    display:flex;

    flex-direction:column;

    margin-bottom:22px;

}



/* подписи */

body.feedback-page .form-field label {

    margin-bottom:8px;


    font-family:"Manrope",sans-serif;

    font-size:15px;

    font-weight:600;

    color:#526246;

}



/* input + textarea */


body.feedback-page .form-field input,
body.feedback-page .form-field textarea {


    width:100%;


    box-sizing:border-box;


    padding:14px 18px;


    font-family:"Manrope",sans-serif;

    font-size:15px;


    color:#394337;


    background:

    rgba(255,255,255,.55);


    border:

    1px solid rgba(79,101,63,.25);


    border-radius:14px;


    outline:none;


    transition:.3s ease;

}



/* textarea */

body.feedback-page .form-field textarea {

    resize:none;

}



/* фокус */


body.feedback-page .form-field input:focus,
body.feedback-page .form-field textarea:focus {


    border-color:#8fa875;


    box-shadow:

    0 0 0 4px rgba(143,168,117,.12);

}

/* =========================================================
   BUTTON
========================================================= */

body.feedback-page .feedback-form button {

    margin-top:10px;

    padding:15px 35px;

    border:none;

    border-radius:30px;


    background:
    linear-gradient(
        135deg,
        #d6b96b,
        #8fa875
    );


    color:#34422f;


    font-family:"Manrope",sans-serif;

    font-size:15px;

    font-weight:600;


    cursor:pointer;

    transition:.35s ease;


    box-shadow:

    0 10px 25px rgba(47,53,43,.18);

}




body.feedback-page .feedback-form button:hover {


    background:
    linear-gradient(
        135deg,
        #8fa875,
        #d6b96b
    );


    color:#fff;


    transform:translateY(-3px);


    box-shadow:

    0 15px 35px rgba(214,185,107,.35);

}

/* =====================================================
   ALL CONTACT INFO BLOCKS ALIGN
===================================================== */


body.contacts-page .inner-content > .info-block {

    width:100%;

    max-width:1200px;

    margin-left:auto;

    margin-right:auto;

    box-sizing:border-box;

}
/* =====================================================
   SPECIALIST CARDS — BOTTOM PANEL FIX ПОДЛОЖКА БЕЛАЯ ПОД КАРТЫ
===================================================== */

.team-cards .rehab-card {

    height:460px;

    overflow:hidden;

    display:flex;

    flex-direction:column;

}


.team-cards .rehab-card img {

    flex:0 0 350px;

    width:100%;

    height:350px;

    object-fit:cover;

    object-position:center;

}


.team-cards .rehab-card h3 {

    flex:1;

    height:auto;

    min-height:110px;

    margin:0;

    padding:10px 14px 16px;

    display:flex;

    align-items:flex-start;

    justify-content:center;

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.82),
            rgba(244,242,233,.96)
        );

}
.phone-link {
    color: inherit;
    text-decoration: none;
}

.phone-link:hover {
    text-decoration: underline;
}

/* =====================================================
   FIX HERO TRANSITION
   DRUGS + REHABILITATION ПОДЛОЖКА ПЕРЕХОД ХЕРО
===================================================== */

body:has(.drug-causes) .inner-hero::before,
body:has(.drug-causes) .inner-hero::after,
body:has(.drug-causes) .inner-hero > div::before,
body:has(.drug-causes) .inner-hero > div::after,

body.rehabilitation-page .inner-hero::before,
body.rehabilitation-page .inner-hero::after,
body.rehabilitation-page .inner-hero > div::before,
body.rehabilitation-page .inner-hero > div::after {

    display:none !important;
    content:none !important;

}

.specialist-quote {
    margin-top: 30px;
    padding-top: 25px;
    border-top: 1px solid rgba(201, 170, 90, 0.4);
    font-style: italic;
    line-height: 1.6;
}