.motivation-canvas-page .motivation-landing{width:100%;max-width:none;margin:0}
.motivation-canvas-page .motivation-landing .motivation-hero{width:100%;max-width:none;margin:0;border-radius:0;min-height:76vh;display:flex;align-items:center;justify-content:center}
.motivation-canvas-page .motivation-landing .motivation-hero__inner{width:100%;max-width:970px}
.motivation-landing .motivation-speaker{background:#f3f7fc}
.motivation-speaker-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:clamp(30px,6vw,90px)}
.motivation-speaker-photo{aspect-ratio:4/5;background:#dce7f4;border-radius:28px;overflow:hidden;box-shadow:0 28px 65px #122f5322}
.motivation-speaker-photo img{display:block;width:100%;height:100%;object-fit:cover}
.motivation-photo-placeholder,.motivation-media-placeholder{height:100%;min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;padding:35px;color:#244362}
.motivation-photo-placeholder span{font-size:75px;opacity:.5}.motivation-photo-placeholder small,.motivation-media-placeholder small{max-width:330px;font-size:14px;opacity:.75}
.motivation-media-placeholder{color:#eaf2ff}.motivation-media-placeholder span{font-size:75px;color:#ffab70}
.motivation-speaker-points{padding-left:20px;margin-top:30px;color:#354d67;line-height:1.9}
.motivation-speaker-caption{color:#b85927;font-weight:700;margin-top:22px}
@media(max-width:800px){.motivation-speaker-layout{grid-template-columns:1fr}.motivation-speaker-photo{max-width:460px;width:100%;margin:auto}.motivation-canvas-page .motivation-landing .motivation-hero{min-height:70vh}}


/* ==========================================
   MOTIVATION LANDING — HEADER & NAVIGATION
   Conceptly / Conceptly Child
   ========================================== */

/* Цветовая схема */

.motivation-canvas-navigation {
    --nav-primary: #6489ba;
    --nav-hover: #ff792d;
    --nav-bg: #ffffff;
    --nav-submenu-bg: #ffffff;
    --nav-hover-bg: #eef3fa;
    --nav-border: #e6ecf4;

    position: sticky;
    top: 0;
    z-index: 9999;

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

    gap: 30px;

    width: 100%;
    min-height: 80px;
    padding: 15px 5%;

    background-color: var(--nav-bg);
    color: var(--nav-primary);

    border-bottom: 1px solid var(--nav-border);

    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);

    box-sizing: border-box;
}

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

.motivation-canvas-navigation .motivation-nav-logo {
    flex-shrink: 0;
}

.motivation-canvas-navigation .motivation-nav-logo a,
.motivation-canvas-navigation .motivation-nav-logo a:link,
.motivation-canvas-navigation .motivation-nav-logo a:visited {

    display: inline-block;

    color: var(--nav-primary) !important;

    font-size: 35px;
    font-weight: 800;
    line-height: 1.3;

    text-decoration: none !important;

    transition: color 0.25s ease;
}

/* ==========================================
   КОНТЕЙНЕР МЕНЮ
   ========================================== */

.motivation-canvas-navigation .motivation-nav-menu {
    display: flex;
    align-items: center;
    justify-content: flex-end;

    flex: 1;
    min-width: 0;
}

/* ==========================================
   ГЛАВНОЕ МЕНЮ
   ========================================== */

.motivation-canvas-navigation .motivation-menu {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;

    gap: 10px 28px;

    margin: 0;
    padding: 0;

    list-style: none;
}

/* Все пункты меню */

.motivation-canvas-navigation .motivation-menu li {
    position: relative;

    margin: 0;
    padding: 0;

    list-style: none;
}

/* ==========================================
   ЕДИНЫЙ ЦВЕТ ВСЕХ ССЫЛОК
   ========================================== */

.motivation-canvas-navigation .motivation-menu a,
.motivation-canvas-navigation .motivation-menu a:link,
.motivation-canvas-navigation .motivation-menu a:visited {

    color: var(--nav-primary) !important;

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

    text-decoration: none !important;

    transition:
        color 0.25s ease,
        background-color 0.25s ease;
}

/* Ссылки верхнего уровня */

.motivation-canvas-navigation .motivation-menu > li > a {
    display: inline-flex;
    align-items: center;

    padding: 12px 0;

    white-space: nowrap;
}

/* ==========================================
   НАВЕДЕНИЕ И АКТИВНЫЕ ПУНКТЫ
   ========================================== */

.motivation-canvas-navigation .motivation-nav-logo a:hover,
.motivation-canvas-navigation .motivation-menu a:hover,
.motivation-canvas-navigation .motivation-menu a:focus-visible,
.motivation-canvas-navigation .motivation-menu .current-menu-item > a,
.motivation-canvas-navigation .motivation-menu .current-menu-ancestor > a {

    color: var(--nav-hover) !important;
}

/* ==========================================
   ВЫПАДАЮЩЕЕ МЕНЮ
   ========================================== */

.motivation-canvas-navigation .motivation-menu .sub-menu {

    position: absolute;
    top: 100%;
    left: 0;

    z-index: 100;

    display: block;

    visibility: hidden;
    opacity: 0;

    min-width: 220px;

    margin: 0;
    padding: 10px 0;

    background-color: var(--nav-submenu-bg);

    border: 1px solid var(--nav-border);
    border-radius: 10px;

    box-shadow:
        0 12px 35px rgba(20, 40, 70, 0.12);

    list-style: none;

    transform: translateY(8px);

    pointer-events: none;

    transition:
        opacity 0.2s ease,
        transform 0.2s ease,
        visibility 0.2s ease;
}

/* Показ подменю */

.motivation-canvas-navigation
.motivation-menu li:hover > .sub-menu,

.motivation-canvas-navigation
.motivation-menu li:focus-within > .sub-menu {

    visibility: visible;
    opacity: 1;

    transform: translateY(0);

    pointer-events: auto;
}

/* ==========================================
   ССЫЛКИ ПОДМЕНЮ
   ========================================== */

.motivation-canvas-navigation
.motivation-menu .sub-menu a,

.motivation-canvas-navigation
.motivation-menu .sub-menu a:link,

.motivation-canvas-navigation
.motivation-menu .sub-menu a:visited {

    display: block;

    padding: 11px 18px;

    color: var(--nav-primary) !important;

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

    line-height: 1.5;

    text-decoration: none !important;
    white-space: normal;

    background-color: transparent;
}

/* Наведение в подменю */

.motivation-canvas-navigation
.motivation-menu .sub-menu a:hover,

.motivation-canvas-navigation
.motivation-menu .sub-menu a:focus-visible {

    color: var(--nav-hover) !important;

    background-color: var(--nav-hover-bg);
}

/* Вложенные подменю */

.motivation-canvas-navigation
.motivation-menu .sub-menu .sub-menu {

    top: 0;
    left: 100%;
}

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

@media (max-width: 1024px) {

    .motivation-canvas-navigation {
        gap: 20px;
        padding: 15px 3%;
    }

    .motivation-canvas-navigation .motivation-menu {
        gap: 8px 18px;
    }

    .motivation-canvas-navigation .motivation-menu > li > a {
        font-size: 14px;
    }
}

/* ==========================================
   СМАРТФОНЫ
   ========================================== */

@media (max-width: 767px) {

    .motivation-canvas-navigation {

        position: relative;
        top: auto;

        flex-direction: column;

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

        gap: 12px;

        min-height: auto;

        padding: 16px 20px;
    }

    .motivation-canvas-navigation .motivation-nav-logo {
        text-align: center;
    }

    .motivation-canvas-navigation .motivation-nav-logo a {
        font-size: 20px;
    }

    .motivation-canvas-navigation .motivation-nav-menu {
        width: 100%;
        justify-content: center;
    }

    .motivation-canvas-navigation .motivation-menu {

        flex-direction: column;
        align-items: stretch;

        width: 100%;
        gap: 0;
    }

    .motivation-canvas-navigation .motivation-menu > li {

        width: 100%;
        text-align: center;

        border-bottom: 1px solid var(--nav-border);
    }

    .motivation-canvas-navigation .motivation-menu > li > a {

        display: block;

        padding: 12px 15px;

        white-space: normal;
    }

    /* Мобильное подменю */

    .motivation-canvas-navigation .motivation-menu .sub-menu {

        position: static;

        visibility: visible;
        opacity: 1;

        width: 100%;
        min-width: 0;

        margin: 0;
        padding: 0 0 8px;

        border: none;
        border-radius: 0;

        box-shadow: none;

        background-color: #f6f8fb;

        transform: none;
        pointer-events: auto;
    }

    .motivation-canvas-navigation
    .motivation-menu .sub-menu .sub-menu {

        position: static;
    }

    .motivation-canvas-navigation
    .motivation-menu .sub-menu a {

        padding: 10px;

        text-align: center;
    }
}

/* ==========================================
   WORDPRESS ADMIN BAR
   ========================================== */

body.admin-bar .motivation-canvas-navigation {
    top: 32px;
}

@media (max-width: 782px) {

    body.admin-bar .motivation-canvas-navigation {
        top: 46px;
    }
}

@media (max-width: 767px) {

    body.admin-bar .motivation-canvas-navigation {
        top: auto;
    }
}

/* ==========================================
   ДОСТУПНОСТЬ
   ========================================== */

.motivation-canvas-navigation a:focus-visible {

    outline: 2px solid var(--nav-hover);
    outline-offset: 4px;

    border-radius: 3px;
}

/* Уменьшение анимаций */

@media (prefers-reduced-motion: reduce) {

    .motivation-canvas-navigation *,
    .motivation-canvas-navigation *::before,
    .motivation-canvas-navigation *::after {

        transition: none !important;
        animation: none !important;
    }
}



/* ==========================================
   MOTIVATION — MOBILE MENU FIX
   ========================================== */

/* Основные цвета */

.motivation-canvas-navigation {

    --mobile-bg: #112b48;
    --mobile-text: #ffffff;
    --mobile-accent: #ff792d;
    --mobile-border: rgba(255,255,255,0.18);

}

/* На компьютере мобильное меню скрыто */

.motivation-mobile-menu {
    display: none;
}

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

@media (max-width: 767px) {

    /* Шапка */

    .motivation-canvas-navigation {

        display: flex;
        flex-direction: column;

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

        gap: 0;

        padding: 0;

        background: var(--mobile-bg);

        box-shadow: 0 4px 15px rgba(0,0,0,0.12);

    }

    /* Название сайта */

    .motivation-canvas-navigation .motivation-nav-logo {

        padding: 18px 20px;

        text-align: center;

    }

    .motivation-canvas-navigation .motivation-nav-logo a,
    .motivation-canvas-navigation .motivation-nav-logo a:visited {

        color: #ffffff !important;

        font-size: 20px;

    }

    /* Скрываем компьютерное меню */

    .motivation-canvas-navigation .motivation-desktop-menu {

        display: none !important;

    }

    /* Показываем мобильное меню */

    .motivation-canvas-navigation .motivation-mobile-menu {

        display: block;

        width: 100%;

        background: var(--mobile-bg);

    }

    /* ======================================
       КНОПКА-ГАМБУРГЕР
       ====================================== */

    .motivation-canvas-navigation .motivation-burger {

        display: flex;

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

        gap: 12px;

        padding: 16px 20px;

        background: #203e66;

        color: #ffffff;

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

        cursor: pointer;

        border-top: 1px solid var(--mobile-border);

        list-style: none;

        user-select: none;

    }

    /* Убираем стандартный треугольник details */

    .motivation-burger::-webkit-details-marker {
        display: none;
    }

    .motivation-burger::marker {
        content: "";
    }

    /* Значок гамбургера */

    .motivation-burger-icon {

        font-size: 26px;

        line-height: 1;

        color: #ffffff;

    }

    /* Когда меню открыто */

    .motivation-mobile-menu[open] .motivation-burger {

        background: #294d78;

    }

    .motivation-mobile-menu[open] .motivation-burger-icon {

        color: var(--mobile-accent);

    }

    /* ======================================
       ПУНКТЫ МОБИЛЬНОГО МЕНЮ
       ====================================== */

    .motivation-canvas-navigation
    .motivation-mobile-menu .motivation-menu {

        display: flex;

        flex-direction: column;

        width: 100%;

        margin: 0;
        padding: 0;

        gap: 0;

        background: var(--mobile-bg);

        list-style: none;

    }

    .motivation-canvas-navigation
    .motivation-mobile-menu .motivation-menu li {

        display: block;

        width: 100%;

        margin: 0;

        border-bottom: 1px solid var(--mobile-border);

        text-align: center;

    }

    /* Цвет всех ссылок */

    .motivation-canvas-navigation
    .motivation-mobile-menu .motivation-menu a,

    .motivation-canvas-navigation
    .motivation-mobile-menu .motivation-menu a:visited {

        display: block;

        padding: 14px 18px;

        color: #ffffff !important;

        background: transparent;

        font-size: 15px;

        font-weight: 600;

        line-height: 1.5;

        text-decoration: none;

        white-space: normal;

        overflow-wrap: break-word;

    }

    /* Наведение */

    .motivation-canvas-navigation
    .motivation-mobile-menu .motivation-menu a:hover,

    .motivation-canvas-navigation
    .motivation-mobile-menu .motivation-menu a:focus-visible {

        background: #294d78;

        color: #ffffff !important;

    }

    /* ======================================
       ВЛОЖЕННОЕ МЕНЮ
       ====================================== */

    .motivation-canvas-navigation
    .motivation-mobile-menu .motivation-menu .sub-menu {

        position: static;

        display: block;

        visibility: visible;
        opacity: 1;

        width: 100%;
        min-width: 0;

        margin: 0;
        padding: 0;

        background: var(--mobile-bg);

        border: none;

        border-radius: 0;

        box-shadow: none;

        transform: none;

        pointer-events: auto;

    }

    /* Пункты вложенного меню */

    .motivation-canvas-navigation
    .motivation-mobile-menu .sub-menu li {

        background: #1c3a5d;

        border-bottom: 1px solid var(--mobile-border);

    }

    .motivation-canvas-navigation
    .motivation-mobile-menu .sub-menu a,

    .motivation-canvas-navigation
    .motivation-mobile-menu .sub-menu a:visited {

        color: #ffffff !important;

        background: transparent;

        padding: 12px 20px;

        font-size: 14px;

        font-weight: 400;

    }

    /* Вложенность второго уровня */

    .motivation-canvas-navigation
    .motivation-mobile-menu .sub-menu .sub-menu li {

        background: #294d78;

    }

    /* Активная страница */

    .motivation-canvas-navigation
    .motivation-mobile-menu .current-menu-item > a,

    .motivation-canvas-navigation
    .motivation-mobile-menu .current-menu-ancestor > a {

        color: var(--mobile-accent) !important;

    }

}


/* ==========================================
   MOTIVATION LANDING — PREMIUM FOOTER
   ========================================== */

.motivation-site-footer {
    width: 100%;
    background: #112b48;
    color: #eaf1fa;
    padding: 65px 5% 0;
    box-sizing: border-box;
}

.motivation-site-footer * {
    box-sizing: border-box;
}

/* Основной контейнер */

.motivation-footer-container {
    width: 100%;
    max-width: 1250px;
    margin: 0 auto;

    display: grid;
    grid-template-columns: 1.5fr 1fr 1.2fr;
    gap: 60px;

    padding-bottom: 55px;
}

/* Заголовки */

.motivation-site-footer .motivation-footer-column h2 {
    color: #ffffff;
    font-size: 19px;
    font-weight: 700;
    line-height: 1.35;

    margin: 0 0 22px;
}

/* Текст */

.motivation-site-footer .motivation-footer-column p {
    color: #dce8f7;
    font-size: 15px;
    line-height: 1.8;

    margin: 0 0 18px;
}

/* Девиз */

.motivation-site-footer .motivation-footer-slogan {
    color: #91b4df !important;
    font-weight: 600;
}

/* Список навигации */

.motivation-site-footer ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.motivation-site-footer li {
    margin-bottom: 14px;
}

/* Ссылки */

.motivation-site-footer a,
.motivation-site-footer a:visited {
    color: #dce8f7;
    text-decoration: none;
    transition: color 0.2s ease;
}

.motivation-site-footer a:hover,
.motivation-site-footer a:focus-visible {
    color: #ff984f;
}

.motivation-site-footer a:focus-visible {
    outline: 2px solid #ff984f;
    outline-offset: 4px;
}

/* Кнопка ВКонтакте */

.motivation-site-footer .motivation-footer-vk,
.motivation-site-footer .motivation-footer-vk:visited {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;

    padding: 13px 22px;

    background: #6489ba;
    color: #ffffff;

    border-radius: 9px;

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

    transition:
        background 0.2s ease,
        transform 0.2s ease;
}

.motivation-site-footer .motivation-footer-vk:hover,
.motivation-site-footer .motivation-footer-vk:focus-visible {
    background: #5278aa;
    color: #ffffff;
    transform: translateY(-2px);
}

/* Нижняя строка */

.motivation-footer-bottom {
    max-width: 1250px;
    margin: 0 auto;

    padding: 23px 0;

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

    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
}

.motivation-site-footer .motivation-footer-bottom p {
    margin: 0;
    color: #b8cbe2;
    font-size: 13px;
}

.motivation-site-footer .motivation-footer-bottom a {
    font-size: 13px;
}

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

@media (max-width: 1024px) {

    .motivation-footer-container {
        grid-template-columns: 1fr 1fr;
        gap: 40px;
    }

    .motivation-footer-about {
        grid-column: 1 / -1;
    }

}

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

@media (max-width: 767px) {

    .motivation-site-footer {
        padding: 45px 22px 0;
    }

    .motivation-footer-container {
        grid-template-columns: 1fr;
        gap: 35px;
        padding-bottom: 40px;
    }

    .motivation-footer-about {
        grid-column: auto;
    }

    .motivation-site-footer .motivation-footer-column h2 {
        font-size: 18px;
        margin-bottom: 15px;
    }

    .motivation-site-footer .motivation-footer-column p {
        font-size: 14px;
        line-height: 1.7;
    }

    .motivation-footer-bottom {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }

    .motivation-site-footer .motivation-footer-vk {
        width: 100%;
        max-width: 320px;
    }

}

/* Уменьшение анимаций */

@media (prefers-reduced-motion: reduce) {

    .motivation-site-footer a {
        transition: none;
    }

    .motivation-site-footer .motivation-footer-vk:hover {
        transform: none;
    }

}