/* =========================================================

   TEYA — YELLOW BUSINESS THEME

   Файл: themes/teya-1c/css/theme.css



   Отдельная цветовая тема сайта.

   Основной шаблон TEYA не изменяем.

   ========================================================= */





/* =========================================================

   1. ОСНОВНАЯ ПАЛИТРА

   ========================================================= */



:root {

    --teya-theme-yellow: #f4c430;

    --teya-theme-yellow-bright: #ffd84d;

    --teya-theme-yellow-hover: #e5b71f;

    --teya-theme-yellow-soft: #fff8dc;

    --teya-theme-yellow-pale: #fffdf3;



    --teya-theme-dark: #17191d;

    --teya-theme-graphite: #24272d;

    --teya-theme-graphite-soft: #343840;



    --teya-theme-text: #20242b;

    --teya-theme-text-muted: #68717d;



    --teya-theme-white: #ffffff;

    --teya-theme-background: #f7f8fa;

    --teya-theme-background-soft: #f1f3f5;

    --teya-theme-border: #e1e4e8;



    --teya-theme-success: #2f8f5b;

    --teya-theme-warning: #d79b00;

    --teya-theme-error: #c84b4b;



    --teya-theme-shadow-small:

        0 4px 14px rgba(23, 25, 29, 0.06);



    --teya-theme-shadow:

        0 10px 30px rgba(23, 25, 29, 0.08);



    --teya-theme-shadow-large:

        0 18px 45px rgba(23, 25, 29, 0.12);



    --teya-theme-radius-small: 8px;

    --teya-theme-radius: 12px;

    --teya-theme-radius-large: 18px;

    --teya-theme-radius-xl: 24px;



    --teya-theme-transition: 0.2s ease;

}





/* =========================================================

   2. ВСПОМОГАТЕЛЬНЫЕ КЛАССЫ

   ========================================================= */



.teya-theme-accent {

    color: var(--teya-theme-yellow);

}



.teya-theme-dark-text {

    color: var(--teya-theme-dark);

}



.teya-theme-yellow-bg {

    background: var(--teya-theme-yellow);

    color: var(--teya-theme-dark);

}



.teya-theme-dark-bg {

    background: var(--teya-theme-dark);

    color: var(--teya-theme-white);

}



.teya-theme-soft-bg {

    background: var(--teya-theme-yellow-pale);

}





/* =========================================================

   3. БАЗОВАЯ КНОПКА

   ========================================================= */



.teya-theme-button {

    display: inline-flex;

    align-items: center;

    justify-content: center;



    min-height: 48px;

    padding: 12px 22px;



    border: 1px solid var(--teya-theme-yellow);

    border-radius: var(--teya-theme-radius);



    background: var(--teya-theme-yellow);

    color: var(--teya-theme-dark);



    font: inherit;

    font-weight: 700;



    text-decoration: none;

    cursor: pointer;



    transition:

        background var(--teya-theme-transition),

        border-color var(--teya-theme-transition),

        color var(--teya-theme-transition),

        transform var(--teya-theme-transition),

        box-shadow var(--teya-theme-transition);

}



.teya-theme-button:hover {

    background: var(--teya-theme-yellow-bright);

    border-color: var(--teya-theme-yellow-bright);



    box-shadow: var(--teya-theme-shadow-small);



    transform: translateY(-1px);

}



.teya-theme-button--dark {

    background: var(--teya-theme-dark);

    border-color: var(--teya-theme-dark);

    color: var(--teya-theme-white);

}



.teya-theme-button--dark:hover {

    background: var(--teya-theme-graphite);

    border-color: var(--teya-theme-graphite);

}





/* =========================================================

   4. БАЗОВАЯ КАРТОЧКА

   ========================================================= */



.teya-theme-card {

    padding: 26px;



    background: var(--teya-theme-white);



    border: 1px solid var(--teya-theme-border);

    border-radius: var(--teya-theme-radius-large);



    box-shadow: var(--teya-theme-shadow-small);

}





/* =========================================================

   5. ЖЕЛТАЯ МЕТКА

   ========================================================= */



.teya-theme-label {

    display: inline-flex;

    align-items: center;



    min-height: 28px;

    padding: 5px 10px;



    border-radius: 6px;



    background: var(--teya-theme-yellow);

    color: var(--teya-theme-dark);



    font-size: 11px;

    font-weight: 800;



    letter-spacing: 0.07em;

    text-transform: uppercase;

}





/* =========================================================

   6. АКЦЕНТНАЯ ЛИНИЯ

   ========================================================= */



.teya-theme-line {

    width: 54px;

    height: 4px;



    border-radius: 999px;



    background: var(--teya-theme-yellow);

}





/* =========================================================

   7. ШАПКА — ВЕРХНЯЯ ПОЛОСА

   ========================================================= */



body[data-theme="teya-1c"] .teya-theme-header-top {

    background: var(--teya-theme-dark);

    color: rgba(255, 255, 255, 0.82);



    border-bottom:

        1px solid rgba(255, 255, 255, 0.08);

}



body[data-theme="teya-1c"] .teya-theme-header-top a {

    color: rgba(255, 255, 255, 0.82);

    text-decoration: none;



    transition:

        color var(--teya-theme-transition);

}



body[data-theme="teya-1c"] .teya-theme-header-top a:hover {

    color: var(--teya-theme-yellow);

}



body[data-theme="teya-1c"] .teya-theme-header-location-icon {

    color: var(--teya-theme-yellow);

}





/* =========================================================

   8. ОСНОВНАЯ ЧАСТЬ ШАПКИ

   ========================================================= */



body[data-theme="teya-1c"] .teya-theme-header-main {

    background: var(--teya-theme-white);



    border-bottom:

        1px solid var(--teya-theme-border);



    box-shadow:

        0 5px 20px rgba(23, 25, 29, 0.05);

}





/* =========================================================

   9. ЛОГОТИП

   ========================================================= */



body[data-theme="teya-1c"] .teya-theme-logo {

    text-decoration: none;

}



body[data-theme="teya-1c"]

.teya-theme-logo

.site-logo__teya-name {

    color: var(--teya-theme-dark);

}



body[data-theme="teya-1c"]

.teya-theme-logo

.site-logo__teya-subtitle {

    color: var(--teya-theme-text-muted);

}





/* =========================================================

   10. НАВИГАЦИЯ

   ========================================================= */



body[data-theme="teya-1c"]

.teya-theme-navigation-link {

    position: relative;



    color: var(--teya-theme-text);



    transition:

        color var(--teya-theme-transition);

}



body[data-theme="teya-1c"]

.teya-theme-navigation-link:hover {

    color: var(--teya-theme-dark);

}



body[data-theme="teya-1c"]

.teya-theme-navigation-link::after {

    content: "";



    position: absolute;



    left: 50%;

    bottom: -8px;



    width: 0;

    height: 3px;



    border-radius: 999px;



    background: var(--teya-theme-yellow);



    transform: translateX(-50%);



    transition:

        width var(--teya-theme-transition);

}



body[data-theme="teya-1c"]

.teya-theme-navigation-link:hover::after {

    width: 24px;

}



body[data-theme="teya-1c"]

.teya-theme-navigation-link.is-active {

    color: var(--teya-theme-dark);

    font-weight: 700;

}



body[data-theme="teya-1c"]

.teya-theme-navigation-link.is-active::after {

    width: 32px;

}





/* =========================================================

   11. ЛИЧНЫЙ КАБИНЕТ

   ========================================================= */



body[data-theme="teya-1c"] .teya-theme-account {

    color: var(--teya-theme-text);

    text-decoration: none;



    transition:

        color var(--teya-theme-transition);

}



body[data-theme="teya-1c"] .teya-theme-account:hover {

    color: var(--teya-theme-dark);

}





/* =========================================================

   12. КНОПКА КОНСУЛЬТАЦИИ В ШАПКЕ

   ========================================================= */



body[data-theme="teya-1c"]

.teya-theme-consultation-button {

    background: var(--teya-theme-yellow);

    border-color: var(--teya-theme-yellow);



    color: var(--teya-theme-dark);



    font-weight: 750;



    box-shadow:

        0 5px 16px rgba(244, 196, 48, 0.22);



    transition:

        background var(--teya-theme-transition),

        border-color var(--teya-theme-transition),

        transform var(--teya-theme-transition),

        box-shadow var(--teya-theme-transition);

}



body[data-theme="teya-1c"]

.teya-theme-consultation-button:hover {

    background: var(--teya-theme-yellow-bright);

    border-color: var(--teya-theme-yellow-bright);



    color: var(--teya-theme-dark);



    transform: translateY(-1px);



    box-shadow:

        0 8px 20px rgba(244, 196, 48, 0.28);

}





/* =========================================================

   13. МОБИЛЬНОЕ МЕНЮ

   ========================================================= */



body[data-theme="teya-1c"]

.teya-theme-mobile-menu-button span {

    background: var(--teya-theme-dark);

}



body[data-theme="teya-1c"]

.teya-theme-mobile-navigation {

    background: var(--teya-theme-white);



    border-top:

        1px solid var(--teya-theme-border);



    box-shadow: var(--teya-theme-shadow);

}



body[data-theme="teya-1c"]

.teya-theme-mobile-link {

    color: var(--teya-theme-text);

    text-decoration: none;

}



body[data-theme="teya-1c"]

.teya-theme-mobile-link:hover,



body[data-theme="teya-1c"]

.teya-theme-mobile-link.is-active {

    color: var(--teya-theme-dark);

}





/* =========================================================

   14. HERO — ОСНОВНОЙ ФОН

   ========================================================= */



body[data-theme="teya-1c"] .home-hero {

    position: relative;

    overflow: hidden;



    background:

        linear-gradient(

            135deg,

            var(--teya-theme-yellow-pale) 0%,

            var(--teya-theme-white) 52%,

            var(--teya-theme-background) 100%

        );

}



body[data-theme="teya-1c"] .home-hero::before {

    content: "";



    position: absolute;



    width: 430px;

    height: 430px;



    top: -210px;

    right: -110px;



    border-radius: 50%;



    background:

        rgba(244, 196, 48, 0.16);



    pointer-events: none;

}



body[data-theme="teya-1c"] .home-hero::after {

    content: "";



    position: absolute;



    width: 180px;

    height: 180px;



    right: 7%;

    bottom: -135px;



    border-radius: 36px;



    background: var(--teya-theme-graphite);



    transform: rotate(18deg);



    opacity: 0.05;



    pointer-events: none;

}



body[data-theme="teya-1c"] .home-hero .container {

    position: relative;

    z-index: 1;

}





/* =========================================================

   15. HERO — МЕТКА

   ========================================================= */



body[data-theme="teya-1c"]

.home-hero__eyebrow {

    display: inline-flex;

    align-items: center;



    gap: 8px;



    padding: 7px 12px;



    border-radius:

        var(--teya-theme-radius-small);



    background: var(--teya-theme-yellow);

    color: var(--teya-theme-dark);



    font-weight: 750;



    letter-spacing: 0.02em;

}



body[data-theme="teya-1c"]

.home-hero__eyebrow::before {

    content: "";



    width: 7px;

    height: 7px;



    flex: 0 0 7px;



    border-radius: 50%;



    background: var(--teya-theme-dark);

}





/* =========================================================

   16. HERO — ТЕКСТ

   ========================================================= */



body[data-theme="teya-1c"]

.home-hero__title {

    color: var(--teya-theme-dark);

}



body[data-theme="teya-1c"]

.home-hero__title span {

    color: var(--teya-theme-graphite);

}



body[data-theme="teya-1c"]

.home-hero__description {

    color: var(--teya-theme-text-muted);

}





/* =========================================================

   17. HERO — ОСНОВНАЯ КНОПКА

   ========================================================= */



body[data-theme="teya-1c"]

.home-hero__actions

.button--primary {

    background: var(--teya-theme-yellow);

    border-color: var(--teya-theme-yellow);



    color: var(--teya-theme-dark);



    font-weight: 750;



    box-shadow:

        0 7px 20px rgba(244, 196, 48, 0.24);



    transition:

        background var(--teya-theme-transition),

        border-color var(--teya-theme-transition),

        transform var(--teya-theme-transition),

        box-shadow var(--teya-theme-transition);

}



body[data-theme="teya-1c"]

.home-hero__actions

.button--primary:hover {

    background: var(--teya-theme-yellow-bright);

    border-color: var(--teya-theme-yellow-bright);



    color: var(--teya-theme-dark);



    transform: translateY(-2px);



    box-shadow:

        0 10px 24px rgba(244, 196, 48, 0.30);

}





/* =========================================================

   18. HERO — ВТОРИЧНАЯ КНОПКА

   ========================================================= */



body[data-theme="teya-1c"]

.home-hero__actions

.button--secondary {

    background: var(--teya-theme-white);

    border-color: var(--teya-theme-dark);



    color: var(--teya-theme-dark);



    transition:

        background var(--teya-theme-transition),

        border-color var(--teya-theme-transition),

        color var(--teya-theme-transition),

        transform var(--teya-theme-transition);

}



body[data-theme="teya-1c"]

.home-hero__actions

.button--secondary:hover {

    background: var(--teya-theme-dark);

    border-color: var(--teya-theme-dark);



    color: var(--teya-theme-white);



    transform: translateY(-2px);

}





/* =========================================================

   19. HERO — ПРАВАЯ КАРТОЧКА

   ========================================================= */



body[data-theme="teya-1c"]

.home-hero__aside-card {

    position: relative;

    overflow: hidden;



    background: var(--teya-theme-graphite);



    border:

        1px solid var(--teya-theme-graphite);



    color: var(--teya-theme-white);



    box-shadow:

        var(--teya-theme-shadow-large);

}



body[data-theme="teya-1c"]

.home-hero__aside-card::before {

    content: "";



    position: absolute;



    top: 0;

    left: 0;



    width: 100%;

    height: 6px;



    background: var(--teya-theme-yellow);

}



body[data-theme="teya-1c"]

.home-hero__aside-label {

    color: var(--teya-theme-yellow);

}



body[data-theme="teya-1c"]

.home-hero__aside-card strong {

    color: var(--teya-theme-white);

}



body[data-theme="teya-1c"]

.home-hero__aside-card p {

    color: rgba(255, 255, 255, 0.74);

}





/* =========================================================

   20. HERO — АДАПТАЦИЯ

   ========================================================= */



@media (max-width: 1100px) {

    body[data-theme="teya-1c"]

    .teya-theme-navigation-link::after {

        display: none;

    }

}



@media (max-width: 768px) {

    body[data-theme="teya-1c"]

    .home-hero::before {

        width: 280px;

        height: 280px;



        top: -150px;

        right: -130px;

    }



    body[data-theme="teya-1c"]

    .home-hero::after {

        display: none;

    }



    body[data-theme="teya-1c"]

    .home-hero__eyebrow {

        padding: 6px 10px;

    }

}





/* =========================================================

   21. ОБЩИЕ ЗАГОЛОВКИ СЕКЦИЙ

   ========================================================= */



body[data-theme="teya-1c"]

.teya-theme-section-eyebrow {

    color: var(--teya-theme-warning);

    font-weight: 750;

}



body[data-theme="teya-1c"]

.teya-theme-section-title {

    color: var(--teya-theme-dark);

}



body[data-theme="teya-1c"]

.teya-theme-section-description {

    color: var(--teya-theme-text-muted);

}





/* =========================================================

   22. ГЛАВНАЯ → ПРЕИМУЩЕСТВА

   ========================================================= */



body[data-theme="teya-1c"]

.teya-theme-advantages {

    position: relative;



    background: var(--teya-theme-white);

}



body[data-theme="teya-1c"]

.teya-theme-advantages-grid {

    position: relative;



    align-items: stretch;

}





/* =========================================================

   23. КАРТОЧКИ ПРЕИМУЩЕСТВ

   ========================================================= */



body[data-theme="teya-1c"]

.teya-theme-advantage-card {

    position: relative;



    overflow: hidden;



    min-height: 190px;



    background: var(--teya-theme-white);



    border:

        1px solid var(--teya-theme-border);



    border-radius:

        var(--teya-theme-radius-large);



    box-shadow:

        var(--teya-theme-shadow-small);



    transition:

        transform var(--teya-theme-transition),

        border-color var(--teya-theme-transition),

        box-shadow var(--teya-theme-transition);

}



body[data-theme="teya-1c"]

.teya-theme-advantage-card::before {

    content: "";



    position: absolute;



    top: 0;

    left: 0;



    width: 100%;

    height: 5px;



    background: var(--teya-theme-yellow);

}



body[data-theme="teya-1c"]

.teya-theme-advantage-card::after {

    content: "";



    position: absolute;



    width: 110px;

    height: 110px;



    top: -70px;

    right: -55px;



    border-radius: 50%;



    background:

        rgba(244, 196, 48, 0.10);



    pointer-events: none;



    transition:

        transform var(--teya-theme-transition),

        background var(--teya-theme-transition);

}



body[data-theme="teya-1c"]

.teya-theme-advantage-card:hover {

    transform: translateY(-5px);



    border-color:

        rgba(244, 196, 48, 0.65);



    box-shadow:

        var(--teya-theme-shadow);

}



body[data-theme="teya-1c"]

.teya-theme-advantage-card:hover::after {

    transform: scale(1.18);



    background:

        rgba(244, 196, 48, 0.16);

}



body[data-theme="teya-1c"]

.teya-theme-advantage-card

.advantage-card__content {

    position: relative;



    z-index: 1;



    width: 100%;

}



body[data-theme="teya-1c"]

.teya-theme-advantage-card h3 {

    color: var(--teya-theme-dark);

}



body[data-theme="teya-1c"]

.teya-theme-advantage-card p {

    color: var(--teya-theme-text-muted);

}



body[data-theme="teya-1c"]

.teya-theme-advantage-card:first-child {

    background:

        linear-gradient(

            145deg,

            var(--teya-theme-yellow-pale) 0%,

            var(--teya-theme-white) 75%

        );



    border-color:

        rgba(244, 196, 48, 0.40);

}





/* =========================================================

   24. ГЛАВНАЯ → УСЛУГИ

   ========================================================= */



body[data-theme="teya-1c"]

.teya-theme-services {

    position: relative;



    background:

        var(--teya-theme-background);

}





/* =========================================================

   25. ЗАГОЛОВОК УСЛУГ

   ========================================================= */



body[data-theme="teya-1c"]

.teya-theme-services-eyebrow {

    color: var(--teya-theme-warning);

}



body[data-theme="teya-1c"]

.teya-theme-services-title {

    color: var(--teya-theme-dark);

}



body[data-theme="teya-1c"]

.teya-theme-services-heading-side

.section-description {

    color: var(--teya-theme-text-muted);

}





/* =========================================================

   26. ССЫЛКА «ВСЕ УСЛУГИ»

   ========================================================= */



body[data-theme="teya-1c"]

.teya-theme-services-all-link {

    color: var(--teya-theme-dark);



    font-weight: 700;



    text-decoration: none;



    transition:

        color var(--teya-theme-transition);

}



body[data-theme="teya-1c"]

.teya-theme-services-all-link span {

    color: var(--teya-theme-yellow-hover);



    transition:

        transform var(--teya-theme-transition);

}



body[data-theme="teya-1c"]

.teya-theme-services-all-link:hover {

    color: var(--teya-theme-yellow-hover);

}



body[data-theme="teya-1c"]

.teya-theme-services-all-link:hover span {

    display: inline-block;



    transform: translateX(4px);

}





/* =========================================================

   27. ОБЫЧНЫЕ КАРТОЧКИ УСЛУГ

   ========================================================= */



body[data-theme="teya-1c"]

.teya-theme-service-card {

    position: relative;



    overflow: hidden;



    background: var(--teya-theme-white);



    border:

        1px solid var(--teya-theme-border);



    box-shadow:

        var(--teya-theme-shadow-small);



    transition:

        transform var(--teya-theme-transition),

        border-color var(--teya-theme-transition),

        box-shadow var(--teya-theme-transition);

}



body[data-theme="teya-1c"]

.teya-theme-service-card:hover {

    transform: translateY(-4px);



    border-color:

        rgba(244, 196, 48, 0.60);



    box-shadow:

        var(--teya-theme-shadow);

}





/* Маленький желтый акцент */



body[data-theme="teya-1c"]

.teya-theme-service-card:not(

    .teya-theme-service-card--featured

)::before {

    content: "";



    position: absolute;



    top: 0;

    left: 0;



    width: 0;

    height: 4px;



    background: var(--teya-theme-yellow);



    transition:

        width var(--teya-theme-transition);

}



body[data-theme="teya-1c"]

.teya-theme-service-card:not(

    .teya-theme-service-card--featured

):hover::before {

    width: 100%;

}





/* =========================================================

   28. ТЕКСТ ОБЫЧНОЙ КАРТОЧКИ

   ========================================================= */



body[data-theme="teya-1c"]

.teya-theme-service-title {

    color: var(--teya-theme-dark);

}



body[data-theme="teya-1c"]

.teya-theme-service-title a {

    color: var(--teya-theme-dark);



    text-decoration: none;



    transition:

        color var(--teya-theme-transition);

}



body[data-theme="teya-1c"]

.teya-theme-service-title a:hover {

    color: var(--teya-theme-yellow-hover);

}



body[data-theme="teya-1c"]

.teya-theme-service-text {

    color: var(--teya-theme-text-muted);

}





/* =========================================================

   29. ССЫЛКА «ПОДРОБНЕЕ»

   ========================================================= */



body[data-theme="teya-1c"]

.teya-theme-service-link {

    color: var(--teya-theme-dark);



    font-weight: 700;



    text-decoration: none;



    transition:

        color var(--teya-theme-transition);

}



body[data-theme="teya-1c"]

.teya-theme-service-link span {

    color: var(--teya-theme-yellow-hover);



    transition:

        transform var(--teya-theme-transition);

}



body[data-theme="teya-1c"]

.teya-theme-service-link:hover {

    color: var(--teya-theme-yellow-hover);

}



body[data-theme="teya-1c"]

.teya-theme-service-link:hover span {

    display: inline-block;



    transform: translateX(4px);

}





/* =========================================================

   30. ВАЖНАЯ УСЛУГА

   ========================================================= */



body[data-theme="teya-1c"]

.teya-theme-service-card--featured {

    position: relative;



    background:

        linear-gradient(

            145deg,

            var(--teya-theme-yellow-bright) 0%,

            var(--teya-theme-yellow) 100%

        );



    border-color:

        var(--teya-theme-yellow);



    color:

        var(--teya-theme-dark);



    box-shadow:

        0 12px 30px rgba(244, 196, 48, 0.24);

}





/* Декоративное пятно */



body[data-theme="teya-1c"]

.teya-theme-service-card--featured::after {

    content: "";



    position: absolute;



    width: 180px;

    height: 180px;



    top: -105px;

    right: -85px;



    border-radius: 50%;



    background:

        rgba(23, 25, 29, 0.08);



    pointer-events: none;

}





/* =========================================================

   31. МЕТКА «ВАЖНАЯ УСЛУГА»

   ========================================================= */



body[data-theme="teya-1c"]

.teya-theme-service-badge {

    position: relative;



    z-index: 1;



    background:

        var(--teya-theme-dark);



    color:

        var(--teya-theme-yellow);



    border: 0;



    font-weight: 800;



    letter-spacing: 0.05em;



    text-transform: uppercase;

}





/* =========================================================

   32. ТЕКСТ ВАЖНОЙ УСЛУГИ

   ========================================================= */



body[data-theme="teya-1c"]

.teya-theme-service-card--featured

.teya-theme-service-content {

    position: relative;



    z-index: 1;

}



body[data-theme="teya-1c"]

.teya-theme-service-card--featured

.teya-theme-service-title {

    color: var(--teya-theme-dark);

}



body[data-theme="teya-1c"]

.teya-theme-service-card--featured

.teya-theme-service-title a {

    color: var(--teya-theme-dark);

}



body[data-theme="teya-1c"]

.teya-theme-service-card--featured

.teya-theme-service-title a:hover {

    color: var(--teya-theme-graphite);

}



body[data-theme="teya-1c"]

.teya-theme-service-card--featured

.teya-theme-service-text {

    color:

        rgba(23, 25, 29, 0.78);

}





/* =========================================================

   33. «ПОДРОБНЕЕ» ВАЖНОЙ УСЛУГИ

   ========================================================= */



body[data-theme="teya-1c"]

.teya-theme-service-card--featured

.teya-theme-service-link {

    position: relative;



    z-index: 1;



    color: var(--teya-theme-dark);

}



body[data-theme="teya-1c"]

.teya-theme-service-card--featured

.teya-theme-service-link span {

    color: var(--teya-theme-dark);

}



body[data-theme="teya-1c"]

.teya-theme-service-card--featured

.teya-theme-service-link:hover {

    color: var(--teya-theme-graphite);

}





/* =========================================================

   34. НИЖНИЙ БЛОК «ЕСТЬ ПРОБЛЕМЫ С УЧЕТОМ?»

   ========================================================= */



body[data-theme="teya-1c"]

.teya-theme-services-problem {

    position: relative;



    overflow: hidden;



    background:

        var(--teya-theme-graphite);



    border:

        1px solid var(--teya-theme-graphite);



    color:

        var(--teya-theme-white);



    box-shadow:

        var(--teya-theme-shadow-large);

}



body[data-theme="teya-1c"]

.teya-theme-services-problem::before {

    content: "";



    position: absolute;



    top: 0;

    left: 0;



    width: 100%;

    height: 6px;



    background:

        var(--teya-theme-yellow);

}



body[data-theme="teya-1c"]

.teya-theme-services-problem::after {

    content: "";



    position: absolute;



    width: 220px;

    height: 220px;



    right: -100px;

    bottom: -150px;



    border-radius: 50%;



    background:

        rgba(244, 196, 48, 0.08);



    pointer-events: none;

}



body[data-theme="teya-1c"]

.teya-theme-services-problem-content {

    position: relative;



    z-index: 1;

}



body[data-theme="teya-1c"]

.teya-theme-services-problem-label {

    color: var(--teya-theme-yellow);



    font-weight: 800;

}



body[data-theme="teya-1c"]

.teya-theme-services-problem h3 {

    color: var(--teya-theme-white);

}



body[data-theme="teya-1c"]

.teya-theme-services-problem p {

    color:

        rgba(255, 255, 255, 0.74);

}





/* =========================================================

   35. КНОПКА НИЖНЕГО БЛОКА

   ========================================================= */



body[data-theme="teya-1c"]

.teya-theme-services-problem-button {

    position: relative;



    z-index: 1;



    background:

        var(--teya-theme-yellow);



    border-color:

        var(--teya-theme-yellow);



    color:

        var(--teya-theme-dark);



    font-weight: 750;



    box-shadow:

        0 7px 20px rgba(244, 196, 48, 0.20);



    transition:

        background var(--teya-theme-transition),

        border-color var(--teya-theme-transition),

        transform var(--teya-theme-transition),

        box-shadow var(--teya-theme-transition);

}



body[data-theme="teya-1c"]

.teya-theme-services-problem-button:hover {

    background:

        var(--teya-theme-yellow-bright);



    border-color:

        var(--teya-theme-yellow-bright);



    color:

        var(--teya-theme-dark);



    transform:

        translateY(-2px);



    box-shadow:

        0 10px 24px rgba(244, 196, 48, 0.28);

}





/* =========================================================

   36. АДАПТАЦИЯ

   ========================================================= */



@media (max-width: 768px) {



    body[data-theme="teya-1c"]

    .teya-theme-advantage-card {

        min-height: auto;

    }



    body[data-theme="teya-1c"]

    .teya-theme-service-card:hover {

        transform: none;

    }



    body[data-theme="teya-1c"]

    .teya-theme-service-card:not(

        .teya-theme-service-card--featured

    ):hover::before {

        width: 0;

    }

}





/* =========================================================

   37. ТЕКУЩЕЕ СОСТОЯНИЕ ТЕМЫ



   Оформлено:

   - верхняя полоса;

   - шапка;

   - навигация;

   - Hero;

   - преимущества;

   - услуги;

   - важная услуга;

   - блок проблемы с учетом;
   - кому мы помогаем.



   Следующие блоки оформляем постепенно

   и только через эту отдельную тему.

   ========================================================= */

/* =========================================================
   38. ГЛАВНАЯ → КОМУ МЫ ПОМОГАЕМ
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-audience {
    position: relative;
    background: var(--teya-theme-white);
}

body[data-theme="teya-1c"] .teya-theme-audience-eyebrow {
    color: var(--teya-theme-warning);
}

body[data-theme="teya-1c"] .teya-theme-audience-title {
    color: var(--teya-theme-dark);
}

body[data-theme="teya-1c"] .teya-theme-audience-intro p {
    color: var(--teya-theme-text-muted);
}

/* =========================================================
   39. СПИСОК АУДИТОРИЙ
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-audience-list {
    border-top: 1px solid var(--teya-theme-border);
}

body[data-theme="teya-1c"] .teya-theme-audience-item {
    position: relative;
    border-color: var(--teya-theme-border);
    transition:
        background var(--teya-theme-transition),
        border-color var(--teya-theme-transition),
        transform var(--teya-theme-transition);
}

body[data-theme="teya-1c"] .teya-theme-audience-item::before {
    content: "";
    position: absolute;
    top: 18%;
    bottom: 18%;
    left: 0;
    width: 3px;
    border-radius: 999px;
    background: transparent;
    transition: background var(--teya-theme-transition);
}

body[data-theme="teya-1c"] .teya-theme-audience-item:hover {
    background: var(--teya-theme-yellow-pale);
    border-color: rgba(244, 196, 48, 0.38);
}

body[data-theme="teya-1c"] .teya-theme-audience-item:hover::before {
    background: var(--teya-theme-yellow);
}

body[data-theme="teya-1c"] .teya-theme-audience-item-title {
    color: var(--teya-theme-dark);
    transition: color var(--teya-theme-transition);
}

body[data-theme="teya-1c"] .teya-theme-audience-item:hover .teya-theme-audience-item-title {
    color: var(--teya-theme-graphite);
}

body[data-theme="teya-1c"] .teya-theme-audience-item-text {
    color: var(--teya-theme-text-muted);
}

/* =========================================================
   40. СТРЕЛКИ СПИСКА
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-audience-item-arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--teya-theme-yellow-soft);
    color: var(--teya-theme-dark);
    border: 1px solid rgba(244, 196, 48, 0.24);
    transition:
        background var(--teya-theme-transition),
        color var(--teya-theme-transition),
        border-color var(--teya-theme-transition),
        transform var(--teya-theme-transition);
}

body[data-theme="teya-1c"] .teya-theme-audience-item:hover .teya-theme-audience-item-arrow {
    background: var(--teya-theme-yellow);
    color: var(--teya-theme-dark);
    border-color: var(--teya-theme-yellow);
    transform: translateX(3px);
}

/* =========================================================
   41. НИЖНИЙ БЛОК АУДИТОРИИ
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-audience-footer {
    position: relative;
    overflow: hidden;
    background:
        linear-gradient(
            135deg,
            var(--teya-theme-yellow-pale) 0%,
            var(--teya-theme-white) 100%
        );
    border: 1px solid rgba(244, 196, 48, 0.42);
    box-shadow: var(--teya-theme-shadow-small);
}

body[data-theme="teya-1c"] .teya-theme-audience-footer::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 5px;
    height: 100%;
    background: var(--teya-theme-yellow);
}

body[data-theme="teya-1c"] .teya-theme-audience-footer::after {
    content: "";
    position: absolute;
    width: 150px;
    height: 150px;
    right: -75px;
    bottom: -100px;
    border-radius: 50%;
    background: rgba(244, 196, 48, 0.10);
    pointer-events: none;
}

body[data-theme="teya-1c"] .teya-theme-audience-footer-text {
    position: relative;
    z-index: 1;
}

body[data-theme="teya-1c"] .teya-theme-audience-footer-text strong {
    color: var(--teya-theme-dark);
}

body[data-theme="teya-1c"] .teya-theme-audience-footer-text p {
    color: var(--teya-theme-text-muted);
}

/* =========================================================
   42. КНОПКА «ОБСУДИТЬ ЗАДАЧУ»
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-audience-link {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: var(--teya-theme-yellow);
    border: 1px solid var(--teya-theme-yellow);
    color: var(--teya-theme-dark);
    font-weight: 750;
    text-decoration: none;
    box-shadow: 0 6px 18px rgba(244, 196, 48, 0.18);
    transition:
        background var(--teya-theme-transition),
        border-color var(--teya-theme-transition),
        transform var(--teya-theme-transition),
        box-shadow var(--teya-theme-transition);
}

body[data-theme="teya-1c"] .teya-theme-audience-link:hover {
    background: var(--teya-theme-yellow-bright);
    border-color: var(--teya-theme-yellow-bright);
    color: var(--teya-theme-dark);
    transform: translateY(-1px);
    box-shadow: 0 8px 22px rgba(244, 196, 48, 0.25);
}

body[data-theme="teya-1c"] .teya-theme-audience-link span {
    transition: transform var(--teya-theme-transition);
}

body[data-theme="teya-1c"] .teya-theme-audience-link:hover span {
    transform: translateX(3px);
}

/* =========================================================
   43. АДАПТАЦИЯ БЛОКА «КОМУ МЫ ПОМОГАЕМ»
   ========================================================= */

@media (max-width: 768px) {
    body[data-theme="teya-1c"] .teya-theme-audience-item:hover {
        background: transparent;
    }

    body[data-theme="teya-1c"] .teya-theme-audience-item:hover::before {
        background: transparent;
    }

    body[data-theme="teya-1c"] .teya-theme-audience-item:hover .teya-theme-audience-item-arrow {
        transform: none;
    }
}

/* =========================================================
   44. ГЛАВНАЯ → О КОМПАНИИ
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-about {
    position: relative;
    overflow: hidden;

    background:
        linear-gradient(
            180deg,
            var(--teya-theme-white) 0%,
            var(--teya-theme-yellow-pale) 100%
        );
}


body[data-theme="teya-1c"] .teya-theme-about::before {
    content: "";

    position: absolute;

    width: 360px;
    height: 360px;

    top: -220px;
    right: -150px;

    border-radius: 50%;

    background:
        rgba(244, 196, 48, 0.08);

    pointer-events: none;
}


body[data-theme="teya-1c"] .teya-theme-about .container {
    position: relative;
    z-index: 1;
}


/* =========================================================
   45. О КОМПАНИИ → ЗАГОЛОВОК И ТЕКСТ
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-about-eyebrow {
    color: var(--teya-theme-warning);
    font-weight: 750;
}


body[data-theme="teya-1c"] .teya-theme-about-title {
    color: var(--teya-theme-dark);
}


body[data-theme="teya-1c"] .teya-theme-about-title span {
    color: var(--teya-theme-graphite);
}


body[data-theme="teya-1c"] .teya-theme-about-description,
body[data-theme="teya-1c"] .teya-theme-about-description p {
    color: var(--teya-theme-text-muted);
}


/* =========================================================
   46. О КОМПАНИИ → ССЫЛКА
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-about-link {
    display: inline-flex;
    align-items: center;

    gap: 9px;

    color: var(--teya-theme-dark);

    font-weight: 750;

    text-decoration: none;

    transition:
        color var(--teya-theme-transition);
}


body[data-theme="teya-1c"] .teya-theme-about-link span {
    display: inline-block;

    color: var(--teya-theme-yellow-hover);

    transition:
        transform var(--teya-theme-transition);
}


body[data-theme="teya-1c"] .teya-theme-about-link:hover {
    color: var(--teya-theme-yellow-hover);
}


body[data-theme="teya-1c"] .teya-theme-about-link:hover span {
    transform: translateX(4px);
}


/* =========================================================
   47. О КОМПАНИИ → КАРТОЧКА ТАТЬЯНЫ ИВАНОВНЫ
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-about-card {
    position: relative;
    overflow: hidden;

    background:
        var(--teya-theme-graphite);

    border:
        1px solid var(--teya-theme-graphite);

    color:
        var(--teya-theme-white);

    box-shadow:
        var(--teya-theme-shadow-large);
}


/* Жёлтая линия сверху */

body[data-theme="teya-1c"] .teya-theme-about-card::before {
    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 6px;

    background:
        var(--teya-theme-yellow);
}


/* Декоративное жёлтое пятно */

body[data-theme="teya-1c"] .teya-theme-about-card::after {
    content: "";

    position: absolute;

    width: 180px;
    height: 180px;

    top: -100px;
    right: -75px;

    border-radius: 50%;

    background:
        rgba(244, 196, 48, 0.08);

    pointer-events: none;
}


/* =========================================================
   48. О КОМПАНИИ → ТЕКСТ КАРТОЧКИ
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-about-card-label {
    position: relative;
    z-index: 1;

    color:
        var(--teya-theme-yellow);

    font-weight: 800;
}


body[data-theme="teya-1c"] .teya-theme-about-card-title {
    position: relative;
    z-index: 1;

    color:
        var(--teya-theme-white);
}


body[data-theme="teya-1c"] .teya-theme-about-card-text {
    position: relative;
    z-index: 1;

    color:
        rgba(255, 255, 255, 0.74);
}


body[data-theme="teya-1c"] .teya-theme-about-card-region {
    position: relative;
    z-index: 1;

    color:
        var(--teya-theme-yellow);

    border-color:
        rgba(244, 196, 48, 0.24);
}


/* =========================================================
   49. О КОМПАНИИ → НИЖНИЕ ПРЕИМУЩЕСТВА
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-about-features {
    border-color:
        var(--teya-theme-border);
}


body[data-theme="teya-1c"] .teya-theme-about-feature {
    position: relative;

    background:
        var(--teya-theme-white);

    border-color:
        var(--teya-theme-border);

    transition:
        background var(--teya-theme-transition),
        border-color var(--teya-theme-transition),
        transform var(--teya-theme-transition);
}


body[data-theme="teya-1c"] .teya-theme-about-feature::before {
    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 3px;

    background:
        transparent;

    transition:
        background var(--teya-theme-transition);
}


body[data-theme="teya-1c"] .teya-theme-about-feature:hover {
    background:
        var(--teya-theme-yellow-pale);

    border-color:
        rgba(244, 196, 48, 0.38);

    transform:
        translateY(-2px);
}


body[data-theme="teya-1c"] .teya-theme-about-feature:hover::before {
    background:
        var(--teya-theme-yellow);
}


/* =========================================================
   50. О КОМПАНИИ → ТЕКСТ ПРЕИМУЩЕСТВ
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-about-feature-title {
    color:
        var(--teya-theme-dark);
}


body[data-theme="teya-1c"] .teya-theme-about-feature-text {
    color:
        var(--teya-theme-text-muted);
}


/* =========================================================
   51. О КОМПАНИИ → МОБИЛЬНАЯ АДАПТАЦИЯ
   ========================================================= */

@media (max-width: 768px) {

    body[data-theme="teya-1c"] .teya-theme-about::before {
        width: 240px;
        height: 240px;

        top: -150px;
        right: -130px;
    }


    body[data-theme="teya-1c"] .teya-theme-about-feature:hover {
        background:
            var(--teya-theme-white);

        transform:
            none;
    }


    body[data-theme="teya-1c"] .teya-theme-about-feature:hover::before {
        background:
            transparent;
    }

}

/* =========================================================
   52. ГЛАВНАЯ → ОПЫТ И ПРАКТИКА
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-stats {
    position: relative;
    overflow: hidden;

    background:
        var(--teya-theme-white);
}


body[data-theme="teya-1c"] .teya-theme-stats .container {
    position: relative;
    z-index: 1;
}


/* =========================================================
   53. ОПЫТ И ПРАКТИКА → ЗАГОЛОВОК
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-stats-eyebrow {
    color:
        var(--teya-theme-warning);

    font-weight: 750;
}


body[data-theme="teya-1c"] .teya-theme-stats-title {
    color:
        var(--teya-theme-dark);
}


body[data-theme="teya-1c"] .teya-theme-stats-intro,
body[data-theme="teya-1c"] .teya-theme-stats-intro p {
    color:
        var(--teya-theme-text-muted);
}


/* =========================================================
   54. ОПЫТ И ПРАКТИКА → КАРТОЧКИ ПОКАЗАТЕЛЕЙ
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-stat {
    position: relative;
    overflow: hidden;

    background:
        var(--teya-theme-white);

    border-color:
        var(--teya-theme-border);

    transition:
        background var(--teya-theme-transition),
        border-color var(--teya-theme-transition),
        transform var(--teya-theme-transition),
        box-shadow var(--teya-theme-transition);
}


body[data-theme="teya-1c"] .teya-theme-stat::before {
    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 4px;

    background:
        transparent;

    transition:
        background var(--teya-theme-transition);
}


body[data-theme="teya-1c"] .teya-theme-stat:hover {
    background:
        var(--teya-theme-yellow-pale);

    border-color:
        rgba(244, 196, 48, 0.45);

    transform:
        translateY(-3px);

    box-shadow:
        var(--teya-theme-shadow-small);
}


body[data-theme="teya-1c"] .teya-theme-stat:hover::before {
    background:
        var(--teya-theme-yellow);
}


/* =========================================================
   55. ОПЫТ И ПРАКТИКА → КРУПНЫЕ ЦИФРЫ
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-stat-value {
    color:
        var(--teya-theme-yellow-hover);

    transition:
        color var(--teya-theme-transition),
        transform var(--teya-theme-transition);
}


body[data-theme="teya-1c"] .teya-theme-stat:hover .teya-theme-stat-value {
    color:
        var(--teya-theme-dark);

    transform:
        translateY(-1px);
}


/* =========================================================
   56. ОПЫТ И ПРАКТИКА → ТЕКСТ КАРТОЧЕК
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-stat-title {
    color:
        var(--teya-theme-dark);
}


body[data-theme="teya-1c"] .teya-theme-stat-text {
    color:
        var(--teya-theme-text-muted);
}


/* =========================================================
   57. ОПЫТ И ПРАКТИКА → НИЖНИЙ БЛОК
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-stats-footer {
    position: relative;
    overflow: hidden;

    background:
        linear-gradient(
            135deg,
            var(--teya-theme-yellow-pale) 0%,
            var(--teya-theme-white) 100%
        );

    border:
        1px solid rgba(244, 196, 48, 0.42);

    box-shadow:
        var(--teya-theme-shadow-small);
}


body[data-theme="teya-1c"] .teya-theme-stats-footer::before {
    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 5px;
    height: 100%;

    background:
        var(--teya-theme-yellow);
}


body[data-theme="teya-1c"] .teya-theme-stats-footer::after {
    content: "";

    position: absolute;

    width: 170px;
    height: 170px;

    right: -85px;
    bottom: -115px;

    border-radius: 50%;

    background:
        rgba(244, 196, 48, 0.10);

    pointer-events: none;
}


/* =========================================================
   58. ОПЫТ И ПРАКТИКА → ТЕКСТ НИЖНЕГО БЛОКА
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-stats-footer-text {
    position: relative;
    z-index: 1;
}


body[data-theme="teya-1c"] .teya-theme-stats-footer-text strong {
    color:
        var(--teya-theme-dark);
}


body[data-theme="teya-1c"] .teya-theme-stats-footer-text p {
    color:
        var(--teya-theme-text-muted);
}


/* =========================================================
   59. ОПЫТ И ПРАКТИКА → КНОПКА
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-stats-link {
    position: relative;
    z-index: 1;

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

    gap: 10px;

    background:
        var(--teya-theme-yellow);

    border:
        1px solid var(--teya-theme-yellow);

    color:
        var(--teya-theme-dark);

    font-weight: 750;

    text-decoration: none;

    box-shadow:
        0 6px 18px rgba(244, 196, 48, 0.18);

    transition:
        background var(--teya-theme-transition),
        border-color var(--teya-theme-transition),
        transform var(--teya-theme-transition),
        box-shadow var(--teya-theme-transition);
}


body[data-theme="teya-1c"] .teya-theme-stats-link:hover {
    background:
        var(--teya-theme-yellow-bright);

    border-color:
        var(--teya-theme-yellow-bright);

    color:
        var(--teya-theme-dark);

    transform:
        translateY(-1px);

    box-shadow:
        0 8px 22px rgba(244, 196, 48, 0.25);
}


body[data-theme="teya-1c"] .teya-theme-stats-link span {
    transition:
        transform var(--teya-theme-transition);
}


body[data-theme="teya-1c"] .teya-theme-stats-link:hover span {
    transform:
        translateX(3px);
}


/* =========================================================
   60. ОПЫТ И ПРАКТИКА → МОБИЛЬНАЯ АДАПТАЦИЯ
   ========================================================= */

@media (max-width: 768px) {

    body[data-theme="teya-1c"] .teya-theme-stat:hover {
        background:
            var(--teya-theme-white);

        transform:
            none;

        box-shadow:
            none;
    }


    body[data-theme="teya-1c"] .teya-theme-stat:hover::before {
        background:
            transparent;
    }


    body[data-theme="teya-1c"] .teya-theme-stat:hover .teya-theme-stat-value {
        color:
            var(--teya-theme-yellow-hover);

        transform:
            none;
    }

}

/* =========================================================
   61. ГЛАВНАЯ → КОМПАНИЯ В РАБОТЕ
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-media {
    position: relative;
    overflow: hidden;

    background:
        linear-gradient(
            180deg,
            var(--teya-theme-white) 0%,
            var(--teya-theme-yellow-pale) 100%
        );
}


body[data-theme="teya-1c"] .teya-theme-media .container {
    position: relative;
    z-index: 1;
}


/* =========================================================
   62. КОМПАНИЯ В РАБОТЕ → ЗАГОЛОВОК
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-media-eyebrow {
    color:
        var(--teya-theme-warning);

    font-weight: 750;
}


body[data-theme="teya-1c"] .teya-theme-media-title {
    color:
        var(--teya-theme-dark);
}


body[data-theme="teya-1c"] .teya-theme-media-intro,
body[data-theme="teya-1c"] .teya-theme-media-intro p {
    color:
        var(--teya-theme-text-muted);
}


/* =========================================================
   63. КОМПАНИЯ В РАБОТЕ → БОЛЬШОЙ МЕДИАБЛОК
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-media-featured {
    position: relative;
    overflow: hidden;

    background:
        linear-gradient(
            135deg,
            var(--teya-theme-dark) 0%,
            var(--teya-theme-graphite) 100%
        );

    border-color:
        var(--teya-theme-graphite);

    box-shadow:
        var(--teya-theme-shadow-large);
}


body[data-theme="teya-1c"] .teya-theme-media-featured::before {
    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 6px;

    background:
        var(--teya-theme-yellow);
}


body[data-theme="teya-1c"] .teya-theme-media-featured::after {
    content: "";

    position: absolute;

    width: 300px;
    height: 300px;

    right: -130px;
    bottom: -180px;

    border-radius: 50%;

    background:
        rgba(244, 196, 48, 0.08);

    pointer-events: none;
}


body[data-theme="teya-1c"] .teya-theme-media-featured-content {
    position: relative;
    z-index: 1;
}


/* =========================================================
   64. БОЛЬШОЙ МЕДИАБЛОК → ТЕКСТ
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-media-featured-label {
    color:
        var(--teya-theme-yellow);

    font-weight: 800;
}


body[data-theme="teya-1c"] .teya-theme-media-featured-title {
    color:
        var(--teya-theme-white);
}


body[data-theme="teya-1c"] .teya-theme-media-featured-text {
    color:
        rgba(255, 255, 255, 0.72);
}


/* =========================================================
   65. БОЛЬШОЙ МЕДИАБЛОК → PLAY
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-media-play {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    background:
        var(--teya-theme-yellow);

    border-color:
        var(--teya-theme-yellow);

    color:
        var(--teya-theme-dark);

    box-shadow:
        0 8px 24px rgba(244, 196, 48, 0.22);

    transition:
        background var(--teya-theme-transition),
        border-color var(--teya-theme-transition),
        transform var(--teya-theme-transition),
        box-shadow var(--teya-theme-transition);
}


body[data-theme="teya-1c"] .teya-theme-media-featured:hover
.teya-theme-media-play {
    background:
        var(--teya-theme-yellow-bright);

    border-color:
        var(--teya-theme-yellow-bright);

    transform:
        scale(1.06);

    box-shadow:
        0 10px 30px rgba(244, 196, 48, 0.30);
}


/* =========================================================
   66. КОМПАНИЯ В РАБОТЕ → МАЛЫЕ КАРТОЧКИ
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-media-item {
    position: relative;
    overflow: hidden;

    background:
        var(--teya-theme-white);

    border-color:
        var(--teya-theme-border);

    transition:
        border-color var(--teya-theme-transition),
        transform var(--teya-theme-transition),
        box-shadow var(--teya-theme-transition);
}


body[data-theme="teya-1c"] .teya-theme-media-item:hover {
    border-color:
        rgba(244, 196, 48, 0.45);

    transform:
        translateY(-2px);

    box-shadow:
        var(--teya-theme-shadow-small);
}


/* =========================================================
   67. МАЛЫЕ КАРТОЧКИ → ФОТОЗАГЛУШКА
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-media-item-visual {
    background:
        linear-gradient(
            135deg,
            var(--teya-theme-background-soft) 0%,
            var(--teya-theme-yellow-pale) 100%
        );

    border-color:
        var(--teya-theme-border);
}


body[data-theme="teya-1c"] .teya-theme-media-placeholder {
    color:
        var(--teya-theme-warning);

    font-weight: 800;
}


/* =========================================================
   68. МАЛЫЕ КАРТОЧКИ → ТЕКСТ
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-media-item-label {
    color:
        var(--teya-theme-warning);

    font-weight: 800;
}


body[data-theme="teya-1c"] .teya-theme-media-item-title {
    color:
        var(--teya-theme-dark);
}


body[data-theme="teya-1c"] .teya-theme-media-item-text {
    color:
        var(--teya-theme-text-muted);
}


/* =========================================================
   69. КОМПАНИЯ В РАБОТЕ → НИЖНЯЯ ЧАСТЬ
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-media-footer {
    border-color:
        var(--teya-theme-border);
}


body[data-theme="teya-1c"] .teya-theme-media-footer-text {
    color:
        var(--teya-theme-text-muted);
}


body[data-theme="teya-1c"] .teya-theme-media-link {
    display: inline-flex;
    align-items: center;

    gap: 9px;

    color:
        var(--teya-theme-dark);

    font-weight: 750;

    text-decoration: none;

    transition:
        color var(--teya-theme-transition);
}


body[data-theme="teya-1c"] .teya-theme-media-link span {
    display: inline-block;

    color:
        var(--teya-theme-yellow-hover);

    transition:
        transform var(--teya-theme-transition);
}


body[data-theme="teya-1c"] .teya-theme-media-link:hover {
    color:
        var(--teya-theme-yellow-hover);
}


body[data-theme="teya-1c"] .teya-theme-media-link:hover span {
    transform:
        translateX(4px);
}


/* =========================================================
   70. КОМПАНИЯ В РАБОТЕ → МОБИЛЬНАЯ АДАПТАЦИЯ
   ========================================================= */

@media (max-width: 768px) {

    body[data-theme="teya-1c"] .teya-theme-media-item:hover {
        transform:
            none;

        box-shadow:
            none;
    }


    body[data-theme="teya-1c"] .teya-theme-media-featured:hover
    .teya-theme-media-play {
        transform:
            none;
    }

}

/* =========================================================
   71. ГЛАВНАЯ → ПОЛЕЗНОЕ ДЛЯ БИЗНЕСА
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-articles {
    position: relative;
    overflow: hidden;

    background:
        var(--teya-theme-background);
}


body[data-theme="teya-1c"] .teya-theme-articles::before {
    content: "";

    position: absolute;

    width: 320px;
    height: 320px;

    top: -190px;
    right: -130px;

    border-radius: 50%;

    background:
        rgba(244, 196, 48, 0.08);

    pointer-events: none;
}


body[data-theme="teya-1c"] .teya-theme-articles .container {
    position: relative;
    z-index: 1;
}


/* =========================================================
   72. ПОЛЕЗНОЕ → ЗАГОЛОВОК
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-articles-eyebrow {
    color:
        var(--teya-theme-warning);

    font-weight: 750;
}


body[data-theme="teya-1c"] .teya-theme-articles-title {
    color:
        var(--teya-theme-dark);
}


body[data-theme="teya-1c"] .teya-theme-articles-intro,
body[data-theme="teya-1c"] .teya-theme-articles-intro p {
    color:
        var(--teya-theme-text-muted);
}


/* =========================================================
   73. ПОЛЕЗНОЕ → КАРТОЧКИ СТАТЕЙ
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-article {
    position: relative;
    overflow: hidden;

    background:
        var(--teya-theme-white);

    border-color:
        var(--teya-theme-border);

    box-shadow:
        var(--teya-theme-shadow-small);

    transition:
        border-color var(--teya-theme-transition),
        transform var(--teya-theme-transition),
        box-shadow var(--teya-theme-transition);
}


body[data-theme="teya-1c"] .teya-theme-article:hover {
    border-color:
        rgba(244, 196, 48, 0.50);

    transform:
        translateY(-4px);

    box-shadow:
        var(--teya-theme-shadow);
}


/* =========================================================
   74. ПОЛЕЗНОЕ → ОБЛАСТЬ БУДУЩЕЙ КАРТИНКИ
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-article-visual {
    position: relative;
    overflow: hidden;

    background:
        linear-gradient(
            135deg,
            var(--teya-theme-graphite) 0%,
            var(--teya-theme-dark) 100%
        );

    border-color:
        var(--teya-theme-graphite);
}


body[data-theme="teya-1c"] .teya-theme-article-visual::before {
    content: "";

    position: absolute;

    width: 180px;
    height: 180px;

    top: -105px;
    right: -70px;

    border-radius: 50%;

    background:
        rgba(244, 196, 48, 0.10);

    pointer-events: none;
}


body[data-theme="teya-1c"] .teya-theme-article-visual::after {
    content: "";

    position: absolute;

    width: 95px;
    height: 95px;

    left: -55px;
    bottom: -55px;

    border-radius: 50%;

    background:
        rgba(244, 196, 48, 0.14);

    pointer-events: none;
}


/* =========================================================
   75. ПОЛЕЗНОЕ → МЕТКА НА КАРТИНКЕ
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-article-visual-label {
    position: relative;
    z-index: 1;

    display: inline-flex;
    align-items: center;

    padding: 6px 11px;

    background:
        rgba(244, 196, 48, 0.14);

    border:
        1px solid rgba(244, 196, 48, 0.32);

    color:
        var(--teya-theme-yellow);

    font-weight: 800;
}


/* =========================================================
   76. ПОЛЕЗНОЕ → СОДЕРЖИМОЕ СТАТЬИ
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-article-type {
    color:
        var(--teya-theme-warning);

    font-weight: 800;
}


body[data-theme="teya-1c"] .teya-theme-article-title {
    color:
        var(--teya-theme-dark);
}


body[data-theme="teya-1c"] .teya-theme-article-text {
    color:
        var(--teya-theme-text-muted);
}


/* =========================================================
   77. ПОЛЕЗНОЕ → ССЫЛКА «ЧИТАТЬ МАТЕРИАЛ»
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-article-link {
    display: inline-flex;
    align-items: center;

    gap: 9px;

    color:
        var(--teya-theme-dark);

    font-weight: 750;

    text-decoration: none;

    transition:
        color var(--teya-theme-transition);
}


body[data-theme="teya-1c"] .teya-theme-article-link span {
    display: inline-block;

    color:
        var(--teya-theme-yellow-hover);

    transition:
        transform var(--teya-theme-transition);
}


body[data-theme="teya-1c"] .teya-theme-article-link:hover {
    color:
        var(--teya-theme-yellow-hover);
}


body[data-theme="teya-1c"] .teya-theme-article-link:hover span {
    transform:
        translateX(4px);
}


/* =========================================================
   78. ПОЛЕЗНОЕ → НИЖНИЙ БЛОК
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-articles-footer {
    position: relative;
    overflow: hidden;

    background:
        var(--teya-theme-white);

    border:
        1px solid var(--teya-theme-border);

    box-shadow:
        var(--teya-theme-shadow-small);
}


body[data-theme="teya-1c"] .teya-theme-articles-footer::before {
    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 5px;
    height: 100%;

    background:
        var(--teya-theme-yellow);
}


body[data-theme="teya-1c"] .teya-theme-articles-footer-text {
    position: relative;
    z-index: 1;
}


body[data-theme="teya-1c"] .teya-theme-articles-footer-text strong {
    color:
        var(--teya-theme-dark);
}


body[data-theme="teya-1c"] .teya-theme-articles-footer-text p {
    color:
        var(--teya-theme-text-muted);
}


/* =========================================================
   79. ПОЛЕЗНОЕ → КНОПКА «ВСЕ ПУБЛИКАЦИИ»
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-articles-button {
    position: relative;
    z-index: 1;

    background:
        var(--teya-theme-yellow);

    border-color:
        var(--teya-theme-yellow);

    color:
        var(--teya-theme-dark);

    font-weight: 750;

    box-shadow:
        0 6px 18px rgba(244, 196, 48, 0.18);

    transition:
        background var(--teya-theme-transition),
        border-color var(--teya-theme-transition),
        transform var(--teya-theme-transition),
        box-shadow var(--teya-theme-transition);
}


body[data-theme="teya-1c"] .teya-theme-articles-button:hover {
    background:
        var(--teya-theme-yellow-bright);

    border-color:
        var(--teya-theme-yellow-bright);

    color:
        var(--teya-theme-dark);

    transform:
        translateY(-1px);

    box-shadow:
        0 8px 22px rgba(244, 196, 48, 0.25);
}


/* =========================================================
   80. ПОЛЕЗНОЕ → МОБИЛЬНАЯ АДАПТАЦИЯ
   ========================================================= */

@media (max-width: 768px) {

    body[data-theme="teya-1c"] .teya-theme-articles::before {
        width: 220px;
        height: 220px;

        top: -130px;
        right: -120px;
    }


    body[data-theme="teya-1c"] .teya-theme-article:hover {
        transform:
            none;

        box-shadow:
            var(--teya-theme-shadow-small);
    }


    body[data-theme="teya-1c"] .teya-theme-articles-button:hover {
        transform:
            none;
    }

}

/* =========================================================
   81. ГЛАВНАЯ → ОТЗЫВЫ
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-reviews {
    position: relative;
    overflow: hidden;

    background:
        var(--teya-theme-white);
}


body[data-theme="teya-1c"] .teya-theme-reviews::before {
    content: "";

    position: absolute;

    width: 280px;
    height: 280px;

    left: -150px;
    bottom: -170px;

    border-radius: 50%;

    background:
        rgba(244, 196, 48, 0.08);

    pointer-events: none;
}


body[data-theme="teya-1c"] .teya-theme-reviews .container {
    position: relative;
    z-index: 1;
}


/* =========================================================
   82. ОТЗЫВЫ → ЗАГОЛОВОК
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-reviews-eyebrow {
    color:
        var(--teya-theme-warning);

    font-weight: 750;
}


body[data-theme="teya-1c"] .teya-theme-reviews-title {
    color:
        var(--teya-theme-dark);
}


body[data-theme="teya-1c"] .teya-theme-reviews-intro,
body[data-theme="teya-1c"] .teya-theme-reviews-intro p {
    color:
        var(--teya-theme-text-muted);
}


/* =========================================================
   83. ОТЗЫВЫ → КАРТОЧКИ
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-review {
    position: relative;
    overflow: hidden;

    background:
        var(--teya-theme-white);

    border-color:
        var(--teya-theme-border);

    box-shadow:
        var(--teya-theme-shadow-small);

    transition:
        background var(--teya-theme-transition),
        border-color var(--teya-theme-transition),
        transform var(--teya-theme-transition),
        box-shadow var(--teya-theme-transition);
}


body[data-theme="teya-1c"] .teya-theme-review::before {
    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 4px;

    background:
        transparent;

    transition:
        background var(--teya-theme-transition);
}


body[data-theme="teya-1c"] .teya-theme-review:hover {
    background:
        var(--teya-theme-yellow-pale);

    border-color:
        rgba(244, 196, 48, 0.48);

    transform:
        translateY(-3px);

    box-shadow:
        var(--teya-theme-shadow);
}


body[data-theme="teya-1c"] .teya-theme-review:hover::before {
    background:
        var(--teya-theme-yellow);
}


/* =========================================================
   84. ОТЗЫВЫ → КАВЫЧКИ
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-review-quote {
    color:
        var(--teya-theme-yellow);

    opacity: 0.75;

    transition:
        color var(--teya-theme-transition),
        opacity var(--teya-theme-transition),
        transform var(--teya-theme-transition);
}


body[data-theme="teya-1c"] .teya-theme-review:hover
.teya-theme-review-quote {
    color:
        var(--teya-theme-yellow-hover);

    opacity: 1;

    transform:
        translateY(-2px);
}


/* =========================================================
   85. ОТЗЫВЫ → ТЕКСТ КАРТОЧЕК
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-review-title {
    color:
        var(--teya-theme-dark);
}


body[data-theme="teya-1c"] .teya-theme-review-text {
    color:
        var(--teya-theme-text-muted);
}


/* =========================================================
   86. ОТЗЫВЫ → АВТОР
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-review-author {
    border-color:
        var(--teya-theme-border);
}


body[data-theme="teya-1c"] .teya-theme-review-avatar {
    display: flex;
    align-items: center;
    justify-content: center;

    background:
        var(--teya-theme-yellow);

    border-color:
        var(--teya-theme-yellow);

    color:
        var(--teya-theme-dark);

    font-weight: 800;

    transition:
        background var(--teya-theme-transition),
        transform var(--teya-theme-transition);
}


body[data-theme="teya-1c"] .teya-theme-review:hover
.teya-theme-review-avatar {
    background:
        var(--teya-theme-yellow-bright);

    transform:
        scale(1.04);
}


body[data-theme="teya-1c"] .teya-theme-review-author-info strong {
    color:
        var(--teya-theme-dark);
}


body[data-theme="teya-1c"] .teya-theme-review-author-info span {
    color:
        var(--teya-theme-text-muted);
}


/* =========================================================
   87. ОТЗЫВЫ → НИЖНИЙ БЛОК
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-reviews-footer {
    position: relative;
    overflow: hidden;

    background:
        var(--teya-theme-graphite);

    border-color:
        var(--teya-theme-graphite);

    box-shadow:
        var(--teya-theme-shadow-large);
}


body[data-theme="teya-1c"] .teya-theme-reviews-footer::before {
    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 5px;

    background:
        var(--teya-theme-yellow);
}


body[data-theme="teya-1c"] .teya-theme-reviews-footer::after {
    content: "";

    position: absolute;

    width: 180px;
    height: 180px;

    right: -90px;
    bottom: -120px;

    border-radius: 50%;

    background:
        rgba(244, 196, 48, 0.08);

    pointer-events: none;
}


/* =========================================================
   88. ОТЗЫВЫ → ТЕКСТ НИЖНЕГО БЛОКА
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-reviews-footer-text {
    position: relative;
    z-index: 1;
}


body[data-theme="teya-1c"] .teya-theme-reviews-footer-text strong {
    color:
        var(--teya-theme-white);
}


body[data-theme="teya-1c"] .teya-theme-reviews-footer-text p {
    color:
        rgba(255, 255, 255, 0.72);
}


/* =========================================================
   89. ОТЗЫВЫ → ССЫЛКА «ОБСУДИТЬ СВОЮ ЗАДАЧУ»
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-reviews-link {
    position: relative;
    z-index: 1;

    display: inline-flex;
    align-items: center;

    gap: 9px;

    color:
        var(--teya-theme-yellow);

    font-weight: 750;

    text-decoration: none;

    transition:
        color var(--teya-theme-transition);
}


body[data-theme="teya-1c"] .teya-theme-reviews-link span {
    display: inline-block;

    transition:
        transform var(--teya-theme-transition);
}


body[data-theme="teya-1c"] .teya-theme-reviews-link:hover {
    color:
        var(--teya-theme-yellow-bright);
}


body[data-theme="teya-1c"] .teya-theme-reviews-link:hover span {
    transform:
        translateX(4px);
}


/* =========================================================
   90. ОТЗЫВЫ → МОБИЛЬНАЯ АДАПТАЦИЯ
   ========================================================= */

@media (max-width: 768px) {

    body[data-theme="teya-1c"] .teya-theme-reviews::before {
        width: 200px;
        height: 200px;

        left: -120px;
        bottom: -120px;
    }


    body[data-theme="teya-1c"] .teya-theme-review:hover {
        background:
            var(--teya-theme-white);

        transform:
            none;

        box-shadow:
            var(--teya-theme-shadow-small);
    }


    body[data-theme="teya-1c"] .teya-theme-review:hover::before {
        background:
            transparent;
    }


    body[data-theme="teya-1c"] .teya-theme-review:hover
    .teya-theme-review-quote {
        transform:
            none;
    }


    body[data-theme="teya-1c"] .teya-theme-review:hover
    .teya-theme-review-avatar {
        transform:
            none;
    }

}

/* =========================================================
   91. ГЛАВНАЯ → ЧАСТЫЕ ВОПРОСЫ
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-faq {
    position: relative;
    overflow: hidden;

    background:
        var(--teya-theme-background);
}


body[data-theme="teya-1c"] .teya-theme-faq::before {
    content: "";

    position: absolute;

    width: 340px;
    height: 340px;

    top: -210px;
    right: -150px;

    border-radius: 50%;

    background:
        rgba(244, 196, 48, 0.08);

    pointer-events: none;
}


body[data-theme="teya-1c"] .teya-theme-faq .container {
    position: relative;
    z-index: 1;
}


/* =========================================================
   92. FAQ → ВЕРХНЯЯ МЕТКА
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-faq-eyebrow {
    color:
        var(--teya-theme-warning);

    font-weight: 800;
}


/* =========================================================
   93. FAQ → ЗАГОЛОВОК
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-faq-title {
    color:
        var(--teya-theme-dark);
}


body[data-theme="teya-1c"] .teya-theme-faq-title-accent {
    color:
        var(--teya-theme-yellow-hover);
}


/* =========================================================
   94. FAQ → ОПИСАНИЕ
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-faq-description {
    color:
        var(--teya-theme-text-muted);
}


/* =========================================================
   95. FAQ → КАРТОЧКИ ВОПРОСОВ
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-faq-item {
    position: relative;
    overflow: hidden;

    background:
        var(--teya-theme-white);

    border-color:
        var(--teya-theme-border);

    box-shadow:
        0 3px 12px rgba(23, 25, 29, 0.03);

    transition:
        background var(--teya-theme-transition),
        border-color var(--teya-theme-transition),
        box-shadow var(--teya-theme-transition);
}


body[data-theme="teya-1c"] .teya-theme-faq-item:hover {
    border-color:
        rgba(244, 196, 48, 0.50);

    box-shadow:
        var(--teya-theme-shadow-small);
}


/* =========================================================
   96. FAQ → ОТКРЫТЫЙ ВОПРОС
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-faq-item[open] {
    background:
        var(--teya-theme-yellow-pale);

    border-color:
        rgba(244, 196, 48, 0.60);

    box-shadow:
        var(--teya-theme-shadow-small);
}


body[data-theme="teya-1c"] .teya-theme-faq-item[open]::before {
    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 5px;
    height: 100%;

    background:
        var(--teya-theme-yellow);
}


/* =========================================================
   97. FAQ → ВОПРОС
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-faq-question {
    position: relative;
    z-index: 1;

    color:
        var(--teya-theme-dark);

    transition:
        color var(--teya-theme-transition);
}


body[data-theme="teya-1c"] .teya-theme-faq-question-text {
    color:
        var(--teya-theme-dark);

    font-weight: 700;
}


/* =========================================================
   98. FAQ → КНОПКА +
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-faq-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 auto;

    background:
        var(--teya-theme-yellow-soft);

    border:
        1px solid rgba(244, 196, 48, 0.35);

    color:
        var(--teya-theme-dark);

    transition:
        background var(--teya-theme-transition),
        border-color var(--teya-theme-transition),
        color var(--teya-theme-transition),
        transform var(--teya-theme-transition);
}


body[data-theme="teya-1c"] .teya-theme-faq-item:hover
.teya-theme-faq-icon {
    background:
        var(--teya-theme-yellow);

    border-color:
        var(--teya-theme-yellow);
}


body[data-theme="teya-1c"] .teya-theme-faq-item[open]
.teya-theme-faq-icon {
    background:
        var(--teya-theme-yellow);

    border-color:
        var(--teya-theme-yellow);

    color:
        var(--teya-theme-dark);

    transform:
        rotate(45deg);
}


/* =========================================================
   99. FAQ → ОТВЕТ
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-faq-answer {
    position: relative;
    z-index: 1;

    border-color:
        rgba(244, 196, 48, 0.25);
}


body[data-theme="teya-1c"] .teya-theme-faq-answer,
body[data-theme="teya-1c"] .teya-theme-faq-answer p {
    color:
        var(--teya-theme-text-muted);
}


/* =========================================================
   100. FAQ → МОБИЛЬНАЯ АДАПТАЦИЯ
   ========================================================= */

@media (max-width: 768px) {

    body[data-theme="teya-1c"] .teya-theme-faq::before {
        width: 220px;
        height: 220px;

        top: -130px;
        right: -120px;
    }


    body[data-theme="teya-1c"] .teya-theme-faq-item:hover {
        box-shadow:
            0 3px 12px rgba(23, 25, 29, 0.03);
    }


    body[data-theme="teya-1c"] .teya-theme-faq-item:hover
    .teya-theme-faq-icon {
        background:
            var(--teya-theme-yellow-soft);

        border-color:
            rgba(244, 196, 48, 0.35);
    }


    body[data-theme="teya-1c"] .teya-theme-faq-item[open]
    .teya-theme-faq-icon {
        background:
            var(--teya-theme-yellow);

        border-color:
            var(--teya-theme-yellow);
    }

}

/* =========================================================
   101. ГЛАВНАЯ → КОНСУЛЬТАЦИЯ
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-consultation {
    position: relative;
    overflow: hidden;

    background:
        linear-gradient(
            135deg,
            var(--teya-theme-yellow-pale) 0%,
            var(--teya-theme-white) 100%
        );
}


body[data-theme="teya-1c"] .teya-theme-consultation::before {
    content: "";

    position: absolute;

    width: 360px;
    height: 360px;

    left: -210px;
    bottom: -220px;

    border-radius: 50%;

    background:
        rgba(244, 196, 48, 0.09);

    pointer-events: none;
}


body[data-theme="teya-1c"] .teya-theme-consultation .container {
    position: relative;
    z-index: 1;
}


/* =========================================================
   102. КОНСУЛЬТАЦИЯ → ВЕРХНЯЯ МЕТКА
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-consultation-eyebrow {
    color:
        var(--teya-theme-warning);

    font-weight: 800;
}


/* =========================================================
   103. КОНСУЛЬТАЦИЯ → ЗАГОЛОВОК
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-consultation-title {
    color:
        var(--teya-theme-dark);
}


body[data-theme="teya-1c"] .teya-theme-consultation-title-accent {
    color:
        var(--teya-theme-yellow-hover);
}


/* =========================================================
   104. КОНСУЛЬТАЦИЯ → ОПИСАНИЕ
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-consultation-description {
    color:
        var(--teya-theme-text-muted);
}


/* =========================================================
   105. КОНСУЛЬТАЦИЯ → ПРЕИМУЩЕСТВА
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-consultation-benefit {
    color:
        var(--teya-theme-dark);
}


body[data-theme="teya-1c"] .teya-theme-consultation-benefit::before {
    background:
        var(--teya-theme-yellow);

    color:
        var(--teya-theme-dark);

    border-color:
        var(--teya-theme-yellow);
}


/* =========================================================
   106. КОНСУЛЬТАЦИЯ → ПРАВАЯ КАРТОЧКА
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-consultation-card {
    position: relative;
    overflow: hidden;

    background:
        linear-gradient(
            135deg,
            var(--teya-theme-dark) 0%,
            var(--teya-theme-graphite) 100%
        );

    border-color:
        var(--teya-theme-graphite);

    box-shadow:
        var(--teya-theme-shadow-large);
}


body[data-theme="teya-1c"] .teya-theme-consultation-card::before {
    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 6px;

    background:
        var(--teya-theme-yellow);
}


body[data-theme="teya-1c"] .teya-theme-consultation-card::after {
    content: "";

    position: absolute;

    width: 190px;
    height: 190px;

    top: -105px;
    right: -80px;

    border-radius: 50%;

    background:
        rgba(244, 196, 48, 0.08);

    pointer-events: none;
}


/* =========================================================
   107. КОНСУЛЬТАЦИЯ → ТЕКСТ КАРТОЧКИ
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-consultation-card-label {
    position: relative;
    z-index: 1;

    color:
        var(--teya-theme-yellow);

    font-weight: 800;
}


body[data-theme="teya-1c"] .teya-theme-consultation-card-title {
    position: relative;
    z-index: 1;

    color:
        var(--teya-theme-white);
}


body[data-theme="teya-1c"] .teya-theme-consultation-card-text {
    position: relative;
    z-index: 1;

    color:
        rgba(255, 255, 255, 0.74);
}


/* =========================================================
   108. КОНСУЛЬТАЦИЯ → КНОПКА
   «ПОЛУЧИТЬ КОНСУЛЬТАЦИЮ»
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-consultation-primary {
    position: relative;
    z-index: 1;

    background:
        var(--teya-theme-yellow);

    border-color:
        var(--teya-theme-yellow);

    color:
        var(--teya-theme-dark);

    font-weight: 750;

    box-shadow:
        0 6px 18px rgba(244, 196, 48, 0.20);

    transition:
        background var(--teya-theme-transition),
        border-color var(--teya-theme-transition),
        transform var(--teya-theme-transition),
        box-shadow var(--teya-theme-transition);
}


body[data-theme="teya-1c"] .teya-theme-consultation-primary:hover {
    background:
        var(--teya-theme-yellow-bright);

    border-color:
        var(--teya-theme-yellow-bright);

    color:
        var(--teya-theme-dark);

    transform:
        translateY(-1px);

    box-shadow:
        0 8px 22px rgba(244, 196, 48, 0.28);
}


/* =========================================================
   109. КОНСУЛЬТАЦИЯ → КНОПКА «КОНТАКТЫ»
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-consultation-secondary {
    position: relative;
    z-index: 1;

    background:
        transparent;

    border-color:
        rgba(255, 255, 255, 0.34);

    color:
        var(--teya-theme-white);

    font-weight: 750;

    transition:
        background var(--teya-theme-transition),
        border-color var(--teya-theme-transition),
        color var(--teya-theme-transition),
        transform var(--teya-theme-transition);
}


body[data-theme="teya-1c"] .teya-theme-consultation-secondary:hover {
    background:
        rgba(255, 255, 255, 0.08);

    border-color:
        var(--teya-theme-yellow);

    color:
        var(--teya-theme-yellow);

    transform:
        translateY(-1px);
}


/* =========================================================
   110. КОНСУЛЬТАЦИЯ → НИЖНЯЯ ПОДПИСЬ
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-consultation-note {
    position: relative;
    z-index: 1;

    color:
        rgba(255, 255, 255, 0.66);

    border-color:
        rgba(244, 196, 48, 0.20);
}


/* =========================================================
   111. КОНСУЛЬТАЦИЯ → МОБИЛЬНАЯ АДАПТАЦИЯ
   ========================================================= */

@media (max-width: 768px) {

    body[data-theme="teya-1c"] .teya-theme-consultation::before {
        width: 230px;
        height: 230px;

        left: -140px;
        bottom: -140px;
    }


    body[data-theme="teya-1c"] .teya-theme-consultation-primary:hover,
    body[data-theme="teya-1c"] .teya-theme-consultation-secondary:hover {
        transform:
            none;
    }

}

/* =========================================================
   112. ГЛАВНАЯ → КОНТАКТЫ
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-contacts {
    position: relative;
    overflow: hidden;

    background:
        var(--teya-theme-white);
}


body[data-theme="teya-1c"] .teya-theme-contacts::before {
    content: "";

    position: absolute;

    width: 360px;
    height: 360px;

    top: -220px;
    right: -170px;

    border-radius: 50%;

    background:
        rgba(244, 196, 48, 0.08);

    pointer-events: none;
}


body[data-theme="teya-1c"] .teya-theme-contacts .container {
    position: relative;
    z-index: 1;
}


/* =========================================================
   113. КОНТАКТЫ → ЗАГОЛОВОК
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-contacts-eyebrow {
    color:
        var(--teya-theme-warning);

    font-weight: 800;
}


body[data-theme="teya-1c"] .teya-theme-contacts-title {
    color:
        var(--teya-theme-dark);
}


body[data-theme="teya-1c"] .teya-theme-contacts-title-accent {
    color:
        var(--teya-theme-yellow-hover);
}


body[data-theme="teya-1c"] .teya-theme-contacts-description {
    color:
        var(--teya-theme-text-muted);
}


/* =========================================================
   114. КОНТАКТЫ → ИНФОРМАЦИОННЫЕ КАРТОЧКИ
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-contact-item {
    position: relative;
    overflow: hidden;

    background:
        var(--teya-theme-white);

    border-color:
        var(--teya-theme-border);

    transition:
        background var(--teya-theme-transition),
        border-color var(--teya-theme-transition),
        transform var(--teya-theme-transition),
        box-shadow var(--teya-theme-transition);
}


body[data-theme="teya-1c"] .teya-theme-contact-item::before {
    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 3px;

    background:
        transparent;

    transition:
        background var(--teya-theme-transition);
}


body[data-theme="teya-1c"] .teya-theme-contact-item:hover {
    background:
        var(--teya-theme-yellow-pale);

    border-color:
        rgba(244, 196, 48, 0.45);

    transform:
        translateY(-2px);

    box-shadow:
        var(--teya-theme-shadow-small);
}


body[data-theme="teya-1c"] .teya-theme-contact-item:hover::before {
    background:
        var(--teya-theme-yellow);
}


/* =========================================================
   115. КОНТАКТЫ → ТЕКСТ КАРТОЧЕК
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-contact-item-label {
    color:
        var(--teya-theme-warning);

    font-weight: 800;
}


body[data-theme="teya-1c"] .teya-theme-contact-item-title {
    color:
        var(--teya-theme-dark);
}


body[data-theme="teya-1c"] a.teya-theme-contact-item-title:hover {
    color:
        var(--teya-theme-yellow-hover);
}


body[data-theme="teya-1c"] .teya-theme-contact-item-text {
    color:
        var(--teya-theme-text-muted);
}


/* =========================================================
   116. КОНТАКТЫ → КАРТА / ЗАГЛУШКА
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-contacts-map {
    border-color:
        rgba(244, 196, 48, 0.45);
}


body[data-theme="teya-1c"] .teya-theme-contacts-map-placeholder {
    position: relative;
    overflow: hidden;

    background:
        linear-gradient(
            135deg,
            var(--teya-theme-yellow-pale) 0%,
            var(--teya-theme-background-soft) 100%
        );

    border-color:
        rgba(244, 196, 48, 0.45);
}


body[data-theme="teya-1c"] .teya-theme-contacts-map-placeholder::before {
    content: "";

    position: absolute;

    width: 190px;
    height: 190px;

    right: -100px;
    bottom: -115px;

    border-radius: 50%;

    background:
        rgba(244, 196, 48, 0.10);

    pointer-events: none;
}


body[data-theme="teya-1c"] .teya-theme-contacts-map-label {
    position: relative;
    z-index: 1;

    color:
        var(--teya-theme-warning);

    background:
        var(--teya-theme-yellow-soft);

    border-color:
        rgba(244, 196, 48, 0.30);

    font-weight: 800;
}


body[data-theme="teya-1c"] .teya-theme-contacts-map-title {
    position: relative;
    z-index: 1;

    color:
        var(--teya-theme-dark);
}


body[data-theme="teya-1c"] .teya-theme-contacts-map-text {
    position: relative;
    z-index: 1;

    color:
        var(--teya-theme-text-muted);
}


/* =========================================================
   117. КОНТАКТЫ → КАРТОЧКА ФОРМЫ
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-contacts-form-card {
    position: relative;
    overflow: hidden;

    background:
        linear-gradient(
            180deg,
            var(--teya-theme-white) 0%,
            var(--teya-theme-yellow-pale) 100%
        );

    border-color:
        rgba(244, 196, 48, 0.40);

    box-shadow:
        var(--teya-theme-shadow-large);
}


body[data-theme="teya-1c"] .teya-theme-contacts-form-card::before {
    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 6px;

    background:
        var(--teya-theme-yellow);
}


body[data-theme="teya-1c"] .teya-theme-contacts-form-card::after {
    content: "";

    position: absolute;

    width: 200px;
    height: 200px;

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

    border-radius: 50%;

    background:
        rgba(244, 196, 48, 0.08);

    pointer-events: none;
}


/* =========================================================
   118. КОНТАКТЫ → ЗАГОЛОВОК ФОРМЫ
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-contacts-form-label,
body[data-theme="teya-1c"] .teya-theme-contacts-form-title,
body[data-theme="teya-1c"] .teya-theme-contacts-form-description {
    position: relative;
    z-index: 1;
}


body[data-theme="teya-1c"] .teya-theme-contacts-form-label {
    color:
        var(--teya-theme-warning);

    font-weight: 800;
}


body[data-theme="teya-1c"] .teya-theme-contacts-form-title {
    color:
        var(--teya-theme-dark);
}


body[data-theme="teya-1c"] .teya-theme-contacts-form-description {
    color:
        var(--teya-theme-text-muted);
}


/* =========================================================
   119. КОНТАКТЫ → ПОЛЯ ФОРМЫ
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-contacts-field label {
    color:
        var(--teya-theme-dark);
}


body[data-theme="teya-1c"] .teya-theme-contacts-field input,
body[data-theme="teya-1c"] .teya-theme-contacts-field select,
body[data-theme="teya-1c"] .teya-theme-contacts-field textarea {
    background:
        var(--teya-theme-white);

    border-color:
        var(--teya-theme-border);

    color:
        var(--teya-theme-dark);

    transition:
        border-color var(--teya-theme-transition),
        box-shadow var(--teya-theme-transition),
        background var(--teya-theme-transition);
}


body[data-theme="teya-1c"] .teya-theme-contacts-field input:focus,
body[data-theme="teya-1c"] .teya-theme-contacts-field select:focus,
body[data-theme="teya-1c"] .teya-theme-contacts-field textarea:focus {
    outline:
        none;

    background:
        var(--teya-theme-white);

    border-color:
        var(--teya-theme-yellow);

    box-shadow:
        0 0 0 3px rgba(244, 196, 48, 0.15);
}


body[data-theme="teya-1c"] .teya-theme-contacts-field input::placeholder,
body[data-theme="teya-1c"] .teya-theme-contacts-field textarea::placeholder {
    color:
        #9aa1aa;
}


/* =========================================================
   120. КОНТАКТЫ → СОГЛАСИЕ
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-contacts-consent {
    color:
        var(--teya-theme-text-muted);
}


body[data-theme="teya-1c"] .teya-theme-contacts-consent input {
    accent-color:
        var(--teya-theme-yellow);
}


/* =========================================================
   121. КОНТАКТЫ → КНОПКА ОТПРАВКИ
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-contacts-submit {
    background:
        var(--teya-theme-yellow);

    border-color:
        var(--teya-theme-yellow);

    color:
        var(--teya-theme-dark);

    font-weight: 800;

    box-shadow:
        0 7px 20px rgba(244, 196, 48, 0.20);

    transition:
        background var(--teya-theme-transition),
        border-color var(--teya-theme-transition),
        transform var(--teya-theme-transition),
        box-shadow var(--teya-theme-transition);
}


body[data-theme="teya-1c"] .teya-theme-contacts-submit:hover {
    background:
        var(--teya-theme-yellow-bright);

    border-color:
        var(--teya-theme-yellow-bright);

    color:
        var(--teya-theme-dark);

    transform:
        translateY(-1px);

    box-shadow:
        0 9px 24px rgba(244, 196, 48, 0.28);
}


/* =========================================================
   122. КОНТАКТЫ → СООБЩЕНИЕ ФОРМЫ
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-contacts-form-note {
    color:
        var(--teya-theme-text-muted);
}


/* =========================================================
   123. КОНТАКТЫ → МОБИЛЬНАЯ АДАПТАЦИЯ
   ========================================================= */

@media (max-width: 768px) {

    body[data-theme="teya-1c"] .teya-theme-contacts::before {
        width: 230px;
        height: 230px;

        top: -140px;
        right: -130px;
    }


    body[data-theme="teya-1c"] .teya-theme-contact-item:hover {
        background:
            var(--teya-theme-white);

        transform:
            none;

        box-shadow:
            none;
    }


    body[data-theme="teya-1c"] .teya-theme-contact-item:hover::before {
        background:
            transparent;
    }


    body[data-theme="teya-1c"] .teya-theme-contacts-submit:hover {
        transform:
            none;
    }

}

/* =========================================================
   124. ОБЩИЙ ПОДВАЛ САЙТА
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-footer {
    position: relative;
    overflow: hidden;

    background:
        var(--teya-theme-dark);

    color:
        var(--teya-theme-white);
}


body[data-theme="teya-1c"] .teya-theme-footer::before {
    content: "";

    position: absolute;

    width: 360px;
    height: 360px;

    top: -250px;
    left: -180px;

    border-radius: 50%;

    background:
        rgba(244, 196, 48, 0.05);

    pointer-events: none;
}


body[data-theme="teya-1c"] .teya-theme-footer-main {
    position: relative;
    z-index: 1;
}


/* =========================================================
   125. ПОДВАЛ → ЛОГОТИП
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-footer-logo {
    color:
        var(--teya-theme-white);

    text-decoration:
        none;
}


body[data-theme="teya-1c"] .teya-theme-footer-logo-mark {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    background:
        var(--teya-theme-yellow);

    color:
        var(--teya-theme-dark);

    box-shadow:
        0 7px 20px rgba(244, 196, 48, 0.16);

    transition:
        background var(--teya-theme-transition),
        transform var(--teya-theme-transition),
        box-shadow var(--teya-theme-transition);
}


body[data-theme="teya-1c"] .teya-theme-footer-logo:hover
.teya-theme-footer-logo-mark {
    background:
        var(--teya-theme-yellow-bright);

    transform:
        translateY(-2px);

    box-shadow:
        0 9px 24px rgba(244, 196, 48, 0.24);
}


/* =========================================================
   126. ПОДВАЛ → НАЗВАНИЕ КОМПАНИИ
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-footer-logo-text strong {
    color:
        var(--teya-theme-white);
}


body[data-theme="teya-1c"] .teya-theme-footer-logo-text small {
    color:
        rgba(255, 255, 255, 0.58);
}


body[data-theme="teya-1c"] .teya-theme-footer-description {
    color:
        rgba(255, 255, 255, 0.70);
}


/* =========================================================
   127. ПОДВАЛ → WHATSAPP
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-footer-social-link {
    color:
        var(--teya-theme-yellow);

    text-decoration:
        none;

    font-weight:
        750;

    transition:
        color var(--teya-theme-transition);
}


body[data-theme="teya-1c"] .teya-theme-footer-social-link:hover {
    color:
        var(--teya-theme-yellow-bright);
}


/* =========================================================
   128. ПОДВАЛ → ЗАГОЛОВКИ КОЛОНОК
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-footer-title {
    color:
        var(--teya-theme-white);
}


/* =========================================================
   129. ПОДВАЛ → ССЫЛКИ
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-footer-link {
    color:
        rgba(255, 255, 255, 0.70);

    text-decoration:
        none;

    transition:
        color var(--teya-theme-transition),
        transform var(--teya-theme-transition);
}


body[data-theme="teya-1c"] .teya-theme-footer-link:hover {
    color:
        var(--teya-theme-yellow);
}


/* =========================================================
   130. ПОДВАЛ → КОНТАКТЫ
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-footer-contact-label {
    color:
        rgba(255, 255, 255, 0.48);
}


body[data-theme="teya-1c"] .teya-theme-footer-contact-value {
    color:
        rgba(255, 255, 255, 0.84);
}


body[data-theme="teya-1c"] .teya-theme-footer-contact-link {
    color:
        var(--teya-theme-white);

    text-decoration:
        none;

    transition:
        color var(--teya-theme-transition);
}


body[data-theme="teya-1c"] .teya-theme-footer-contact-link:hover {
    color:
        var(--teya-theme-yellow);
}


/* =========================================================
   131. ПОДВАЛ → КНОПКА КОНСУЛЬТАЦИИ
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-footer-button {
    background:
        var(--teya-theme-yellow);

    border-color:
        var(--teya-theme-yellow);

    color:
        var(--teya-theme-dark);

    font-weight:
        800;

    box-shadow:
        0 7px 20px rgba(244, 196, 48, 0.18);

    transition:
        background var(--teya-theme-transition),
        border-color var(--teya-theme-transition),
        transform var(--teya-theme-transition),
        box-shadow var(--teya-theme-transition);
}


body[data-theme="teya-1c"] .teya-theme-footer-button:hover {
    background:
        var(--teya-theme-yellow-bright);

    border-color:
        var(--teya-theme-yellow-bright);

    color:
        var(--teya-theme-dark);

    transform:
        translateY(-1px);

    box-shadow:
        0 9px 24px rgba(244, 196, 48, 0.26);
}


/* =========================================================
   132. ПОДВАЛ → НИЖНЯЯ ЧАСТЬ
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-footer-bottom {
    position: relative;
    z-index: 1;

    border-color:
        rgba(255, 255, 255, 0.10);

    background:
        rgba(0, 0, 0, 0.10);
}


body[data-theme="teya-1c"] .teya-theme-footer-copyright {
    color:
        rgba(255, 255, 255, 0.52);
}


/* =========================================================
   133. ПОДВАЛ → ЮРИДИЧЕСКИЕ ССЫЛКИ
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-footer-legal-link {
    color:
        rgba(255, 255, 255, 0.52);

    text-decoration:
        none;

    transition:
        color var(--teya-theme-transition);
}


body[data-theme="teya-1c"] .teya-theme-footer-legal-link:hover {
    color:
        var(--teya-theme-yellow);
}


/* =========================================================
   134. ПОДВАЛ → МОБИЛЬНАЯ АДАПТАЦИЯ
   ========================================================= */

@media (max-width: 768px) {

    body[data-theme="teya-1c"] .teya-theme-footer::before {
        width: 230px;
        height: 230px;

        top: -160px;
        left: -130px;
    }


    body[data-theme="teya-1c"] .teya-theme-footer-logo:hover
    .teya-theme-footer-logo-mark {
        transform:
            none;
    }


    body[data-theme="teya-1c"] .teya-theme-footer-button:hover {
        transform:
            none;
    }

}

/* =========================================================
   135. СТРАНИЦА «О КОМПАНИИ»
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-company-about {
    position: relative;
    overflow: hidden;

    background:
        linear-gradient(
            180deg,
            var(--teya-theme-white) 0%,
            var(--teya-theme-yellow-pale) 100%
        );
}


body[data-theme="teya-1c"] .teya-theme-company-about::before {
    content: "";

    position: absolute;

    width: 380px;
    height: 380px;

    top: -230px;
    right: -170px;

    border-radius: 50%;

    background:
        rgba(244, 196, 48, 0.08);

    pointer-events: none;
}


body[data-theme="teya-1c"] .teya-theme-company-about .container {
    position: relative;
    z-index: 1;
}


/* =========================================================
   136. О КОМПАНИИ → ВЕРХНЯЯ МЕТКА
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-company-eyebrow {
    color:
        var(--teya-theme-warning);

    font-weight:
        800;
}


/* =========================================================
   137. О КОМПАНИИ → ЗАГОЛОВОК
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-company-title {
    color:
        var(--teya-theme-dark);
}


body[data-theme="teya-1c"] .teya-theme-company-title-accent {
    color:
        var(--teya-theme-graphite);
}


/* =========================================================
   138. О КОМПАНИИ → ОСНОВНОЙ ТЕКСТ
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-company-description,
body[data-theme="teya-1c"] .teya-theme-company-description p {
    color:
        var(--teya-theme-text-muted);
}


/* =========================================================
   139. О КОМПАНИИ → КАРТОЧКА
   ТАТЬЯНЫ ИВАНОВНЫ
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-company-card {
    position: relative;
    overflow: hidden;

    background:
        linear-gradient(
            135deg,
            var(--teya-theme-dark) 0%,
            var(--teya-theme-graphite) 100%
        );

    border-color:
        var(--teya-theme-graphite);

    color:
        var(--teya-theme-white);

    box-shadow:
        var(--teya-theme-shadow-large);
}


body[data-theme="teya-1c"] .teya-theme-company-card::before {
    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 6px;

    background:
        var(--teya-theme-yellow);
}


body[data-theme="teya-1c"] .teya-theme-company-card::after {
    content: "";

    position: absolute;

    width: 190px;
    height: 190px;

    top: -105px;
    right: -80px;

    border-radius: 50%;

    background:
        rgba(244, 196, 48, 0.08);

    pointer-events: none;
}


/* =========================================================
   140. О КОМПАНИИ → ТЕКСТ КАРТОЧКИ
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-company-card-label {
    position: relative;
    z-index: 1;

    color:
        var(--teya-theme-yellow);

    font-weight:
        800;
}


body[data-theme="teya-1c"] .teya-theme-company-card-title {
    position: relative;
    z-index: 1;

    color:
        var(--teya-theme-white);
}


body[data-theme="teya-1c"] .teya-theme-company-card-text {
    position: relative;
    z-index: 1;

    color:
        rgba(255, 255, 255, 0.74);
}


body[data-theme="teya-1c"] .teya-theme-company-card-region {
    position: relative;
    z-index: 1;

    color:
        var(--teya-theme-yellow);

    border-color:
        rgba(244, 196, 48, 0.25);
}


/* =========================================================
   141. О КОМПАНИИ → НИЖНИЕ КАРТОЧКИ
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-company-features {
    border-color:
        var(--teya-theme-border);
}


body[data-theme="teya-1c"] .teya-theme-company-feature {
    position: relative;
    overflow: hidden;

    background:
        var(--teya-theme-white);

    border-color:
        var(--teya-theme-border);

    transition:
        background var(--teya-theme-transition),
        border-color var(--teya-theme-transition),
        transform var(--teya-theme-transition),
        box-shadow var(--teya-theme-transition);
}


body[data-theme="teya-1c"] .teya-theme-company-feature::before {
    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 3px;

    background:
        transparent;

    transition:
        background var(--teya-theme-transition);
}


body[data-theme="teya-1c"] .teya-theme-company-feature:hover {
    background:
        var(--teya-theme-yellow-pale);

    border-color:
        rgba(244, 196, 48, 0.45);

    transform:
        translateY(-2px);

    box-shadow:
        var(--teya-theme-shadow-small);
}


body[data-theme="teya-1c"] .teya-theme-company-feature:hover::before {
    background:
        var(--teya-theme-yellow);
}


/* =========================================================
   142. О КОМПАНИИ → ТЕКСТ НИЖНИХ КАРТОЧЕК
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-company-feature-title {
    color:
        var(--teya-theme-dark);
}


body[data-theme="teya-1c"] .teya-theme-company-feature-text {
    color:
        var(--teya-theme-text-muted);
}


/* =========================================================
   143. СТРАНИЦА «О КОМПАНИИ» → МОБИЛЬНАЯ АДАПТАЦИЯ
   ========================================================= */

@media (max-width: 768px) {

    body[data-theme="teya-1c"] .teya-theme-company-about::before {
        width: 240px;
        height: 240px;

        top: -150px;
        right: -130px;
    }


    body[data-theme="teya-1c"] .teya-theme-company-feature:hover {
        background:
            var(--teya-theme-white);

        transform:
            none;

        box-shadow:
            none;
    }


    body[data-theme="teya-1c"] .teya-theme-company-feature:hover::before {
        background:
            transparent;
    }

}

/* =========================================================
   144. СТРАНИЦА «УСЛУГИ» → ОБЩАЯ ТЕМА
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-services-page {
    background:
        var(--teya-theme-white);

    color:
        var(--teya-theme-text);
}


/* =========================================================
   145. УСЛУГИ → HERO
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-services-hero {
    position: relative;
    overflow: hidden;

    background:
        linear-gradient(
            135deg,
            var(--teya-theme-yellow-pale) 0%,
            var(--teya-theme-white) 62%,
            var(--teya-theme-background-soft) 100%
        );
}


body[data-theme="teya-1c"] .teya-theme-services-hero::before {
    content: "";

    position: absolute;

    width: 430px;
    height: 430px;

    top: -270px;
    right: -170px;

    border-radius: 50%;

    background:
        rgba(244, 196, 48, 0.10);

    pointer-events: none;
}


body[data-theme="teya-1c"] .teya-theme-services-hero::after {
    content: "";

    position: absolute;

    width: 260px;
    height: 260px;

    bottom: -190px;
    left: -120px;

    border-radius: 50%;

    background:
        rgba(244, 196, 48, 0.06);

    pointer-events: none;
}


body[data-theme="teya-1c"] .teya-theme-services-hero .container {
    position: relative;
    z-index: 1;
}


/* =========================================================
   146. УСЛУГИ → HERO → ТЕКСТ
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-services-eyebrow {
    color:
        var(--teya-theme-warning);

    font-weight:
        800;
}


body[data-theme="teya-1c"] .teya-theme-services-title {
    color:
        var(--teya-theme-dark);
}


body[data-theme="teya-1c"] .teya-theme-services-title-accent {
    color:
        var(--teya-theme-yellow);

    text-shadow:
        0 1px 0 rgba(0, 0, 0, 0.04);
}


body[data-theme="teya-1c"] .teya-theme-services-description {
    color:
        var(--teya-theme-text-muted);
}


/* =========================================================
   147. УСЛУГИ → HERO → ОСНОВНАЯ КНОПКА
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-services-primary {
    background:
        var(--teya-theme-yellow);

    border-color:
        var(--teya-theme-yellow);

    color:
        var(--teya-theme-dark);

    font-weight:
        800;

    box-shadow:
        0 8px 22px rgba(244, 196, 48, 0.22);

    transition:
        background var(--teya-theme-transition),
        border-color var(--teya-theme-transition),
        transform var(--teya-theme-transition),
        box-shadow var(--teya-theme-transition);
}


body[data-theme="teya-1c"] .teya-theme-services-primary:hover {
    background:
        var(--teya-theme-yellow-bright);

    border-color:
        var(--teya-theme-yellow-bright);

    color:
        var(--teya-theme-dark);

    transform:
        translateY(-1px);

    box-shadow:
        0 10px 26px rgba(244, 196, 48, 0.30);
}


/* =========================================================
   148. УСЛУГИ → HERO → ВТОРАЯ КНОПКА
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-services-secondary {
    background:
        var(--teya-theme-white);

    border-color:
        var(--teya-theme-border);

    color:
        var(--teya-theme-dark);

    font-weight:
        750;

    transition:
        background var(--teya-theme-transition),
        border-color var(--teya-theme-transition),
        color var(--teya-theme-transition),
        transform var(--teya-theme-transition);
}


body[data-theme="teya-1c"] .teya-theme-services-secondary:hover {
    background:
        var(--teya-theme-yellow-pale);

    border-color:
        var(--teya-theme-yellow);

    color:
        var(--teya-theme-dark);

    transform:
        translateY(-1px);
}


/* =========================================================
   149. УСЛУГИ → ЗАГОЛОВКИ РАЗДЕЛОВ
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-services-section-eyebrow {
    color:
        var(--teya-theme-warning);

    font-weight:
        800;
}


body[data-theme="teya-1c"] .teya-theme-services-section-title {
    color:
        var(--teya-theme-dark);
}


body[data-theme="teya-1c"] .teya-theme-services-section-description {
    color:
        var(--teya-theme-text-muted);
}


/* =========================================================
   150. УСЛУГИ → ИНФОРМАЦИОННЫЕ КАРТОЧКИ
   1С / KZ / ONLINE / ИП / ТОО / БИЗНЕС
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-services-info-card {
    position: relative;
    overflow: hidden;

    background:
        var(--teya-theme-white);

    border-color:
        var(--teya-theme-border);

    box-shadow:
        var(--teya-theme-shadow-small);

    transition:
        background var(--teya-theme-transition),
        border-color var(--teya-theme-transition),
        transform var(--teya-theme-transition),
        box-shadow var(--teya-theme-transition);
}


body[data-theme="teya-1c"] .teya-theme-services-info-card::before {
    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 4px;

    background:
        transparent;

    transition:
        background var(--teya-theme-transition);
}


body[data-theme="teya-1c"] .teya-theme-services-info-card:hover {
    background:
        var(--teya-theme-yellow-pale);

    border-color:
        rgba(244, 196, 48, 0.50);

    transform:
        translateY(-3px);

    box-shadow:
        var(--teya-theme-shadow-medium);
}


body[data-theme="teya-1c"] .teya-theme-services-info-card:hover::before {
    background:
        var(--teya-theme-yellow);
}


/* =========================================================
   151. УСЛУГИ → МЕТКИ КАРТОЧЕК
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-services-info-label {
    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    background:
        var(--teya-theme-yellow-soft);

    border:
        1px solid rgba(244, 196, 48, 0.32);

    color:
        var(--teya-theme-warning);

    font-weight:
        800;
}


body[data-theme="teya-1c"] .teya-theme-services-info-title {
    color:
        var(--teya-theme-dark);
}


body[data-theme="teya-1c"] .teya-theme-services-info-text {
    color:
        var(--teya-theme-text-muted);
}


/* =========================================================
   152. УСЛУГИ → КАТАЛОГ
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-services-catalog {
    position:
        relative;

    background:
        var(--teya-theme-background);
}


/* =========================================================
   153. УСЛУГИ → КАРТОЧКИ КАТАЛОГА
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-service-card {
    position:
        relative;

    overflow:
        hidden;

    background:
        var(--teya-theme-white);

    border-color:
        var(--teya-theme-border);

    box-shadow:
        var(--teya-theme-shadow-small);

    transition:
        background var(--teya-theme-transition),
        border-color var(--teya-theme-transition),
        transform var(--teya-theme-transition),
        box-shadow var(--teya-theme-transition);
}


body[data-theme="teya-1c"] .teya-theme-service-card::before {
    content: "";

    position:
        absolute;

    top:
        0;

    left:
        0;

    width:
        5px;

    height:
        100%;

    background:
        var(--teya-theme-yellow);
}


body[data-theme="teya-1c"] .teya-theme-service-card:hover {
    border-color:
        rgba(244, 196, 48, 0.55);

    transform:
        translateY(-3px);

    box-shadow:
        var(--teya-theme-shadow-medium);
}


/* =========================================================
   154. УСЛУГИ → ТЕКСТ КАРТОЧЕК КАТАЛОГА
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-service-card-title {
    color:
        var(--teya-theme-dark);
}


body[data-theme="teya-1c"] .teya-theme-service-card-description {
    color:
        var(--teya-theme-text-muted);
}


body[data-theme="teya-1c"] .teya-theme-service-card-list {
    color:
        var(--teya-theme-text);
}


body[data-theme="teya-1c"] .teya-theme-service-card-list li::marker {
    color:
        var(--teya-theme-yellow);
}


/* =========================================================
   155. УСЛУГИ → БЛОК ДЛЯ БИЗНЕСА
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-services-business {
    background:
        linear-gradient(
            180deg,
            var(--teya-theme-white) 0%,
            var(--teya-theme-yellow-pale) 100%
        );
}


/* =========================================================
   156. УСЛУГИ → УБИРАЕМ ОСТАТОЧНЫЕ СИНИЕ
   ТОЛЬКО ВНУТРИ ЭТОЙ СТРАНИЦЫ
   ========================================================= */

body[data-theme="teya-1c"]
.teya-theme-services-page
.services-hero__title span {
    color:
        var(--teya-theme-yellow);
}


body[data-theme="teya-1c"]
.teya-theme-services-page
.services-hero__eyebrow,

body[data-theme="teya-1c"]
.teya-theme-services-page
.services-section-header__eyebrow {
    color:
        var(--teya-theme-warning);
}


body[data-theme="teya-1c"]
.teya-theme-services-page
.services-for__label {
    background:
        var(--teya-theme-yellow-soft);

    color:
        var(--teya-theme-warning);
}


/* =========================================================
   157. УСЛУГИ → МОБИЛЬНАЯ АДАПТАЦИЯ
   ========================================================= */

@media (max-width: 768px) {

    body[data-theme="teya-1c"] .teya-theme-services-hero::before {
        width:
            260px;

        height:
            260px;

        top:
            -170px;

        right:
            -130px;
    }


    body[data-theme="teya-1c"] .teya-theme-services-hero::after {
        display:
            none;
    }


    body[data-theme="teya-1c"] .teya-theme-services-primary:hover,
    body[data-theme="teya-1c"] .teya-theme-services-secondary:hover,
    body[data-theme="teya-1c"] .teya-theme-services-info-card:hover,
    body[data-theme="teya-1c"] .teya-theme-service-card:hover {
        transform:
            none;
    }

}

/* =========================================================
   158. УСЛУГИ → АКЦЕНТ НА УДАЛЕННУЮ РАБОТУ
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-services-remote-card {
    position: relative;
    overflow: hidden;

    background:
        linear-gradient(
            135deg,
            var(--teya-theme-dark) 0%,
            var(--teya-theme-graphite) 100%
        );

    border-color:
        var(--teya-theme-graphite);

    box-shadow:
        var(--teya-theme-shadow-medium);
}


/* Жёлтая линия сверху */

body[data-theme="teya-1c"] .teya-theme-services-remote-card::before {
    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 5px;

    background:
        var(--teya-theme-yellow);
}


/* Декоративный жёлтый элемент */

body[data-theme="teya-1c"] .teya-theme-services-remote-card::after {
    content: "";

    position: absolute;

    width: 150px;
    height: 150px;

    top: -90px;
    right: -65px;

    border-radius: 50%;

    background:
        rgba(244, 196, 48, 0.08);

    pointer-events: none;
}


/* =========================================================
   159. УСЛУГИ → ONLINE
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-services-remote-label {
    position: relative;
    z-index: 1;

    background:
        var(--teya-theme-yellow);

    border-color:
        var(--teya-theme-yellow);

    color:
        var(--teya-theme-dark);

    font-weight:
        900;
}


body[data-theme="teya-1c"] .teya-theme-services-remote-title {
    position: relative;
    z-index: 1;

    color:
        var(--teya-theme-white);
}


body[data-theme="teya-1c"] .teya-theme-services-remote-text {
    position: relative;
    z-index: 1;

    color:
        rgba(255, 255, 255, 0.76);
}


/* =========================================================
   160. УСЛУГИ → ONLINE → НАВЕДЕНИЕ
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-services-remote-card:hover {
    background:
        linear-gradient(
            135deg,
            var(--teya-theme-graphite) 0%,
            var(--teya-theme-dark) 100%
        );

    border-color:
        var(--teya-theme-yellow);

    transform:
        translateY(-4px);

    box-shadow:
        0 16px 36px rgba(0, 0, 0, 0.18);
}


@media (max-width: 768px) {

    body[data-theme="teya-1c"] .teya-theme-services-remote-card:hover {
        transform: none;
    }

}

/* =========================================================
   161. УСЛУГИ → ЖЁЛТЫЕ ГАЛОЧКИ В КАТАЛОГЕ
   ========================================================= */

body[data-theme="teya-1c"]
.teya-theme-service-card-list li::before {
    background:
        var(--teya-theme-yellow-soft);

    color:
        var(--teya-theme-warning);

    border-color:
        rgba(244, 196, 48, 0.35);
}


/* На случай, если цвет галочки задан отдельно */

body[data-theme="teya-1c"]
.teya-theme-service-card-list li {
    color:
        var(--teya-theme-text);
}

/* =========================================================
   162. ЛИЧНЫЙ КАБИНЕТ → СТРАНИЦА ВХОДА
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-account-login {
    position: relative;
    overflow: hidden;

    padding: 100px 0;

    background:
        linear-gradient(
            135deg,
            var(--teya-theme-yellow-pale) 0%,
            var(--teya-theme-white) 58%,
            var(--teya-theme-background-soft) 100%
        );
}


body[data-theme="teya-1c"] .teya-theme-account-login::before {
    content: "";

    position: absolute;

    width: 430px;
    height: 430px;

    top: -270px;
    right: -170px;

    border-radius: 50%;

    background:
        rgba(244, 196, 48, 0.10);

    pointer-events: none;
}


body[data-theme="teya-1c"] .teya-theme-account-login::after {
    content: "";

    position: absolute;

    width: 280px;
    height: 280px;

    bottom: -190px;
    left: -130px;

    border-radius: 50%;

    background:
        rgba(244, 196, 48, 0.06);

    pointer-events: none;
}


body[data-theme="teya-1c"] .teya-theme-account-login .container {
    position: relative;
    z-index: 1;
}


/* =========================================================
   163. ЛИЧНЫЙ КАБИНЕТ → СЕТКА
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-account-inner {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(360px, 480px);

    gap: 70px;

    align-items: center;
}


body[data-theme="teya-1c"] .teya-theme-account-content {
    max-width: 650px;
}


/* =========================================================
   164. ЛИЧНЫЙ КАБИНЕТ → ЗАГОЛОВОК
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-account-eyebrow {
    color: var(--teya-theme-warning);

    font-weight: 800;
}


body[data-theme="teya-1c"] .teya-theme-account-title {
    color: var(--teya-theme-dark);
}


body[data-theme="teya-1c"] .teya-theme-account-title-accent {
    color: var(--teya-theme-yellow);
}


body[data-theme="teya-1c"] .teya-theme-account-description {
    margin-top: 24px;

    max-width: 620px;

    font-size: 17px;
    line-height: 1.75;

    color: var(--teya-theme-text-muted);
}


body[data-theme="teya-1c"] .teya-theme-account-description p {
    margin: 0 0 16px;
}


/* =========================================================
   165. ЛИЧНЫЙ КАБИНЕТ → ВОЗМОЖНОСТИ
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-account-features {
    display: grid;

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

    gap: 16px;

    margin-top: 34px;
}


body[data-theme="teya-1c"] .teya-theme-account-feature {
    position: relative;
    overflow: hidden;

    padding: 20px;

    background: var(--teya-theme-white);

    border:
        1px solid var(--teya-theme-border);

    border-radius:
        var(--teya-theme-radius-medium);

    box-shadow:
        var(--teya-theme-shadow-small);

    transition:
        transform var(--teya-theme-transition),
        border-color var(--teya-theme-transition),
        box-shadow var(--teya-theme-transition),
        background var(--teya-theme-transition);
}


body[data-theme="teya-1c"] .teya-theme-account-feature::before {
    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 3px;

    background: var(--teya-theme-yellow);
}


body[data-theme="teya-1c"] .teya-theme-account-feature:hover {
    transform: translateY(-2px);

    background:
        var(--teya-theme-yellow-pale);

    border-color:
        rgba(244, 196, 48, 0.45);

    box-shadow:
        var(--teya-theme-shadow-medium);
}


body[data-theme="teya-1c"] .teya-theme-account-feature h3 {
    margin: 0 0 8px;

    font-size: 15px;

    color: var(--teya-theme-dark);
}


body[data-theme="teya-1c"] .teya-theme-account-feature p {
    margin: 0;

    font-size: 13px;
    line-height: 1.55;

    color: var(--teya-theme-text-muted);
}


/* =========================================================
   166. ЛИЧНЫЙ КАБИНЕТ → КАРТОЧКА ВХОДА
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-account-card {
    position: relative;
    overflow: hidden;

    padding: 38px;

    background: var(--teya-theme-white);

    border:
        1px solid var(--teya-theme-border);

    border-radius: 22px;

    box-shadow:
        var(--teya-theme-shadow-large);
}


body[data-theme="teya-1c"] .teya-theme-account-card::before {
    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 6px;

    background: var(--teya-theme-yellow);
}


body[data-theme="teya-1c"] .teya-theme-account-card-header {
    margin-bottom: 28px;
}


body[data-theme="teya-1c"] .teya-theme-account-card-label {
    display: inline-block;

    margin-bottom: 10px;

    font-size: 12px;
    font-weight: 800;

    letter-spacing: 0.08em;

    text-transform: uppercase;

    color: var(--teya-theme-warning);
}


body[data-theme="teya-1c"] .teya-theme-account-card-header h2 {
    margin: 0 0 10px;

    font-size: 30px;
    line-height: 1.2;

    color: var(--teya-theme-dark);
}


body[data-theme="teya-1c"] .teya-theme-account-card-header p {
    margin: 0;

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

    color: var(--teya-theme-text-muted);
}


/* =========================================================
   167. ЛИЧНЫЙ КАБИНЕТ → ПОЛЯ ФОРМЫ
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-account-form-group {
    margin-bottom: 18px;
}


body[data-theme="teya-1c"] .teya-theme-account-form-label {
    display: block;

    margin-bottom: 8px;

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

    color: var(--teya-theme-text);
}


body[data-theme="teya-1c"] .teya-theme-account-input {
    width: 100%;
    height: 52px;

    padding: 0 16px;

    border:
        1px solid var(--teya-theme-border);

    border-radius: 12px;

    background: var(--teya-theme-white);

    color: var(--teya-theme-dark);

    font: inherit;

    outline: none;

    box-sizing: border-box;

    transition:
        border-color var(--teya-theme-transition),
        box-shadow var(--teya-theme-transition),
        background var(--teya-theme-transition);
}


body[data-theme="teya-1c"] .teya-theme-account-input:hover {
    border-color:
        rgba(244, 196, 48, 0.55);
}


body[data-theme="teya-1c"] .teya-theme-account-input:focus {
    border-color:
        var(--teya-theme-yellow);

    box-shadow:
        0 0 0 4px
        rgba(244, 196, 48, 0.13);

    background:
        var(--teya-theme-yellow-pale);
}


/* =========================================================
   168. ЛИЧНЫЙ КАБИНЕТ → ПАРОЛЬ
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-account-password-wrap {
    position: relative;
}


body[data-theme="teya-1c"]
.teya-theme-account-password-wrap
.teya-theme-account-input {
    padding-right: 90px;
}


body[data-theme="teya-1c"] .teya-theme-account-show-password {
    position: absolute;

    top: 50%;
    right: 12px;

    transform:
        translateY(-50%);

    padding: 7px 8px;

    border: 0;

    background: transparent;

    color:
        var(--teya-theme-warning);

    font-size: 12px;
    font-weight: 750;

    cursor: pointer;
}


body[data-theme="teya-1c"] .teya-theme-account-show-password:hover {
    color:
        var(--teya-theme-dark);
}


/* =========================================================
   169. ЛИЧНЫЙ КАБИНЕТ → КНОПКА ВХОДА
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-account-submit {
    width: 100%;

    min-height: 52px;

    margin-top: 6px;

    padding: 13px 20px;

    border:
        1px solid var(--teya-theme-yellow);

    border-radius: 12px;

    background:
        var(--teya-theme-yellow);

    color:
        var(--teya-theme-dark);

    font: inherit;

    font-weight: 850;

    cursor: pointer;

    box-shadow:
        0 8px 22px
        rgba(244, 196, 48, 0.22);

    transition:
        background var(--teya-theme-transition),
        border-color var(--teya-theme-transition),
        transform var(--teya-theme-transition),
        box-shadow var(--teya-theme-transition);
}


body[data-theme="teya-1c"] .teya-theme-account-submit:hover {
    background:
        var(--teya-theme-yellow-bright);

    border-color:
        var(--teya-theme-yellow-bright);

    transform:
        translateY(-1px);

    box-shadow:
        0 10px 27px
        rgba(244, 196, 48, 0.30);
}


/* =========================================================
   170. ЛИЧНЫЙ КАБИНЕТ → ОШИБКА ВХОДА
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-account-error {
    margin-bottom: 18px;

    padding: 13px 15px;

    border:
        1px solid #ead6d6;

    border-radius: 10px;

    background: #fff7f7;

    color: #8b4040;

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


/* =========================================================
   171. ЛИЧНЫЙ КАБИНЕТ → ПОМОЩЬ
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-account-help {
    margin-top: 22px;

    padding-top: 20px;

    border-top:
        1px solid var(--teya-theme-border);

    text-align: center;
}


body[data-theme="teya-1c"] .teya-theme-account-help p {
    margin: 0 0 10px;

    font-size: 13px;
    line-height: 1.55;

    color:
        var(--teya-theme-text-muted);
}


body[data-theme="teya-1c"] .teya-theme-account-help a {
    color:
        var(--teya-theme-dark);

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

    text-decoration: none;

    transition:
        color var(--teya-theme-transition);
}


body[data-theme="teya-1c"] .teya-theme-account-help a:hover {
    color:
        var(--teya-theme-warning);
}


/* =========================================================
   172. ЛИЧНЫЙ КАБИНЕТ → БЕЗОПАСНОСТЬ
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-account-security {
    display: flex;

    align-items: flex-start;

    gap: 10px;

    margin-top: 20px;

    padding: 14px;

    border:
        1px solid rgba(244, 196, 48, 0.22);

    border-radius: 12px;

    background:
        var(--teya-theme-yellow-pale);
}


body[data-theme="teya-1c"] .teya-theme-account-security-mark {
    flex: 0 0 auto;

    width: 9px;
    height: 9px;

    margin-top: 5px;

    border-radius: 50%;

    background:
        var(--teya-theme-yellow);
}


body[data-theme="teya-1c"] .teya-theme-account-security p {
    margin: 0;

    font-size: 12px;
    line-height: 1.55;

    color:
        var(--teya-theme-text-muted);
}


/* =========================================================
   173. ЛИЧНЫЙ КАБИНЕТ → ПЛАНШЕТ
   ========================================================= */

@media (max-width: 1000px) {

    body[data-theme="teya-1c"] .teya-theme-account-inner {
        grid-template-columns: 1fr;

        gap: 45px;
    }


    body[data-theme="teya-1c"] .teya-theme-account-content {
        max-width: none;
    }


    body[data-theme="teya-1c"] .teya-theme-account-card {
        max-width: 560px;
    }

}


/* =========================================================
   174. ЛИЧНЫЙ КАБИНЕТ → МОБИЛЬНАЯ ВЕРСИЯ
   ========================================================= */

@media (max-width: 700px) {

    body[data-theme="teya-1c"] .teya-theme-account-login {
        padding: 70px 0;
    }


    body[data-theme="teya-1c"] .teya-theme-account-login::before {
        width: 250px;
        height: 250px;

        top: -160px;
        right: -130px;
    }


    body[data-theme="teya-1c"] .teya-theme-account-login::after {
        display: none;
    }


    body[data-theme="teya-1c"] .teya-theme-account-features {
        grid-template-columns: 1fr;
    }


    body[data-theme="teya-1c"] .teya-theme-account-card {
        padding: 26px 20px;

        border-radius: 18px;
    }


    body[data-theme="teya-1c"] .teya-theme-account-card-header h2 {
        font-size: 26px;
    }


    body[data-theme="teya-1c"] .teya-theme-account-feature:hover,
    body[data-theme="teya-1c"] .teya-theme-account-submit:hover {
        transform: none;
    }

}

/* =========================================================
   175. КОНТАКТЫ → ОБЩИЙ ФОН СТРАНИЦЫ
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-contacts-page {
    background:
        var(--teya-theme-white);
}


body[data-theme="teya-1c"] .teya-theme-contacts-intro {
    position: relative;

    overflow: hidden;

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

    background:
        linear-gradient(
            135deg,
            var(--teya-theme-white) 0%,
            var(--teya-theme-yellow-pale) 100%
        );
}


body[data-theme="teya-1c"] .teya-theme-contacts-intro::before {
    content: "";

    position: absolute;

    top: -220px;
    right: -180px;

    width: 430px;
    height: 430px;

    border-radius: 50%;

    background:
        rgba(244, 196, 48, 0.10);

    pointer-events: none;
}


body[data-theme="teya-1c"] .teya-theme-contacts-intro .container {
    position: relative;

    z-index: 1;
}


/* =========================================================
   176. КОНТАКТЫ → ЗАГОЛОВОК
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-contacts-eyebrow {
    color:
        var(--teya-theme-warning);

    font-weight: 800;
}


body[data-theme="teya-1c"] .teya-theme-contacts-title {
    color:
        var(--teya-theme-dark);
}


body[data-theme="teya-1c"] .teya-theme-contacts-title-accent {
    color:
        var(--teya-theme-yellow);
}


body[data-theme="teya-1c"] .teya-theme-contacts-description {
    color:
        var(--teya-theme-text-muted);
}


body[data-theme="teya-1c"] .teya-theme-contacts-description p {
    color:
        var(--teya-theme-text-muted);
}


/* =========================================================
   177. КОНТАКТЫ → КАРТОЧКА ТАТЬЯНЫ ИВАНОВНЫ
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-contacts-specialist-card {
    position: relative;

    overflow: hidden;

    background:
        linear-gradient(
            135deg,
            var(--teya-theme-dark) 0%,
            var(--teya-theme-graphite) 100%
        );

    border:
        1px solid var(--teya-theme-graphite);

    box-shadow:
        var(--teya-theme-shadow-large);
}


body[data-theme="teya-1c"] .teya-theme-contacts-specialist-card::before {
    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 5px;

    background:
        var(--teya-theme-yellow);
}


body[data-theme="teya-1c"] .teya-theme-contacts-specialist-card::after {
    content: "";

    position: absolute;

    top: -100px;
    right: -80px;

    width: 220px;
    height: 220px;

    border-radius: 50%;

    background:
        rgba(244, 196, 48, 0.08);

    pointer-events: none;
}


body[data-theme="teya-1c"] .teya-theme-contacts-specialist-card > * {
    position: relative;

    z-index: 1;
}


/* =========================================================
   178. КОНТАКТЫ → ТЕКСТ КАРТОЧКИ СПЕЦИАЛИСТА
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-contacts-specialist-label {
    color:
        var(--teya-theme-yellow);
}


body[data-theme="teya-1c"] .teya-theme-contacts-specialist-card h3 {
    color:
        var(--teya-theme-white);
}


body[data-theme="teya-1c"] .teya-theme-contacts-specialist-card p {
    color:
        rgba(255, 255, 255, 0.78);
}


body[data-theme="teya-1c"] .teya-theme-contacts-specialist-region {
    background:
        rgba(244, 196, 48, 0.12);

    border:
        1px solid rgba(244, 196, 48, 0.28);

    color:
        var(--teya-theme-yellow);
}


/* =========================================================
   179. КОНТАКТЫ → ТЕЛЕФОН / WHATSAPP / АДРЕС
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-contacts-main-list {
    border-top:
        1px solid var(--teya-theme-border);

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


body[data-theme="teya-1c"] .teya-theme-contacts-main-item {
    position: relative;

    background:
        rgba(255, 255, 255, 0.72);

    transition:
        background var(--teya-theme-transition),
        transform var(--teya-theme-transition);
}


body[data-theme="teya-1c"] .teya-theme-contacts-main-item::before {
    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 0;
    height: 3px;

    background:
        var(--teya-theme-yellow);

    transition:
        width var(--teya-theme-transition);
}


body[data-theme="teya-1c"] .teya-theme-contacts-main-item:hover {
    background:
        var(--teya-theme-yellow-pale);
}


body[data-theme="teya-1c"] .teya-theme-contacts-main-item:hover::before {
    width: 100%;
}


body[data-theme="teya-1c"] .teya-theme-contacts-main-item h3 {
    color:
        var(--teya-theme-dark);
}


body[data-theme="teya-1c"] .teya-theme-contacts-main-item p {
    color:
        var(--teya-theme-text-muted);
}


body[data-theme="teya-1c"] .teya-theme-contacts-main-item a {
    color:
        var(--teya-theme-text);

    text-decoration: none;

    transition:
        color var(--teya-theme-transition);
}


body[data-theme="teya-1c"] .teya-theme-contacts-main-item a:hover {
    color:
        var(--teya-theme-warning);
}


/* =========================================================
   180. КОНТАКТЫ → УБИРАЕМ СИНИЕ АКЦЕНТЫ
   ========================================================= */

body[data-theme="teya-1c"]
.teya-theme-contacts-page
.section-eyebrow {
    color:
        var(--teya-theme-warning);
}


body[data-theme="teya-1c"]
.teya-theme-contacts-page
.section-title {
    color:
        var(--teya-theme-dark);
}


body[data-theme="teya-1c"]
.teya-theme-contacts-page
.section-title span {
    color:
        var(--teya-theme-yellow);
}


body[data-theme="teya-1c"]
.teya-theme-contacts-page
a {
    transition:
        color var(--teya-theme-transition),
        background var(--teya-theme-transition),
        border-color var(--teya-theme-transition);
}


/* =========================================================
   181. КОНТАКТЫ → ВСТРОЕННЫЙ КОНТАКТНЫЙ БЛОК
   ========================================================= */

body[data-theme="teya-1c"]
.teya-theme-contacts-existing-block
.section-eyebrow {
    color:
        var(--teya-theme-warning);
}


body[data-theme="teya-1c"]
.teya-theme-contacts-existing-block
.section-title {
    color:
        var(--teya-theme-dark);
}


body[data-theme="teya-1c"]
.teya-theme-contacts-existing-block
.section-title span {
    color:
        var(--teya-theme-yellow);
}


/* =========================================================
   182. КОНТАКТЫ → КОНСУЛЬТАЦИЯ
   ========================================================= */

body[data-theme="teya-1c"]
.teya-theme-contacts-consultation {
    position: relative;
}


body[data-theme="teya-1c"]
.teya-theme-contacts-consultation
.section-eyebrow {
    color:
        var(--teya-theme-warning);
}


/* =========================================================
   183. КОНТАКТЫ → АДАПТИВ
   ========================================================= */

@media (max-width: 1000px) {

    body[data-theme="teya-1c"] .teya-theme-contacts-intro {
        padding-top: 75px;
        padding-bottom: 60px;
    }

}


@media (max-width: 700px) {

    body[data-theme="teya-1c"] .teya-theme-contacts-intro {
        padding-top: 60px;
        padding-bottom: 50px;
    }


    body[data-theme="teya-1c"] .teya-theme-contacts-intro::before {
        width: 260px;
        height: 260px;

        top: -150px;
        right: -130px;
    }


    body[data-theme="teya-1c"] .teya-theme-contacts-main-item:hover {
        transform: none;
    }

}

/* =========================================================
   184. ЦЕНЫ → ОБЩИЙ ФОН СТРАНИЦЫ
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-prices-page {
    background:
        var(--teya-theme-white);
}


body[data-theme="teya-1c"] .teya-theme-prices-intro {
    position: relative;

    overflow: hidden;

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

    background:
        linear-gradient(
            135deg,
            var(--teya-theme-white) 0%,
            var(--teya-theme-yellow-pale) 100%
        );
}


body[data-theme="teya-1c"] .teya-theme-prices-intro::before {
    content: "";

    position: absolute;

    top: -230px;
    right: -170px;

    width: 440px;
    height: 440px;

    border-radius: 50%;

    background:
        rgba(244, 196, 48, 0.10);

    pointer-events: none;
}


body[data-theme="teya-1c"] .teya-theme-prices-intro .container {
    position: relative;

    z-index: 1;
}


/* =========================================================
   185. ЦЕНЫ → ЗАГОЛОВОК И ОПИСАНИЕ
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-prices-eyebrow {
    color:
        var(--teya-theme-warning);

    font-weight: 800;
}


body[data-theme="teya-1c"] .teya-theme-prices-title {
    color:
        var(--teya-theme-dark);
}


body[data-theme="teya-1c"] .teya-theme-prices-title-accent {
    color:
        var(--teya-theme-yellow);
}


body[data-theme="teya-1c"] .teya-theme-prices-description,
body[data-theme="teya-1c"] .teya-theme-prices-description p {
    color:
        var(--teya-theme-text-muted);
}


/* =========================================================
   186. ЦЕНЫ → КАРТОЧКА "БЕЗ ЛИШНИХ УСЛУГ"
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-prices-card {
    position: relative;

    overflow: hidden;

    background:
        linear-gradient(
            135deg,
            var(--teya-theme-dark) 0%,
            var(--teya-theme-graphite) 100%
        );

    border:
        1px solid var(--teya-theme-graphite);

    box-shadow:
        var(--teya-theme-shadow-large);
}


body[data-theme="teya-1c"] .teya-theme-prices-card::before {
    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 5px;

    background:
        var(--teya-theme-yellow);
}


body[data-theme="teya-1c"] .teya-theme-prices-card::after {
    content: "";

    position: absolute;

    top: -105px;
    right: -80px;

    width: 220px;
    height: 220px;

    border-radius: 50%;

    background:
        rgba(244, 196, 48, 0.08);

    pointer-events: none;
}


body[data-theme="teya-1c"] .teya-theme-prices-card > * {
    position: relative;

    z-index: 1;
}


/* =========================================================
   187. ЦЕНЫ → ТЕКСТ КАРТОЧКИ
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-prices-card-label {
    color:
        var(--teya-theme-yellow);
}


body[data-theme="teya-1c"] .teya-theme-prices-card h3 {
    color:
        var(--teya-theme-white);
}


body[data-theme="teya-1c"] .teya-theme-prices-card p {
    color:
        rgba(255, 255, 255, 0.78);
}


body[data-theme="teya-1c"] .teya-theme-prices-card-region {
    background:
        rgba(244, 196, 48, 0.12);

    border:
        1px solid rgba(244, 196, 48, 0.28);

    color:
        var(--teya-theme-yellow);
}


/* =========================================================
   188. ЦЕНЫ → ФАКТОРЫ СТОИМОСТИ
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-prices-factors {
    border-top:
        1px solid var(--teya-theme-border);

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


body[data-theme="teya-1c"] .teya-theme-prices-factor {
    position: relative;

    background:
        rgba(255, 255, 255, 0.72);

    transition:
        background var(--teya-theme-transition),
        transform var(--teya-theme-transition);
}


body[data-theme="teya-1c"] .teya-theme-prices-factor::before {
    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 0;
    height: 3px;

    background:
        var(--teya-theme-yellow);

    transition:
        width var(--teya-theme-transition);
}


body[data-theme="teya-1c"] .teya-theme-prices-factor:hover {
    background:
        var(--teya-theme-yellow-pale);
}


body[data-theme="teya-1c"] .teya-theme-prices-factor:hover::before {
    width: 100%;
}


body[data-theme="teya-1c"] .teya-theme-prices-factor h3 {
    color:
        var(--teya-theme-dark);
}


body[data-theme="teya-1c"] .teya-theme-prices-factor p {
    color:
        var(--teya-theme-text-muted);
}


/* =========================================================
   189. ЦЕНЫ → КАК УЗНАТЬ СТОИМОСТЬ
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-prices-how {
    position: relative;

    overflow: hidden;

    background:
        var(--teya-theme-background-soft);
}


body[data-theme="teya-1c"] .teya-theme-prices-how::before {
    content: "";

    position: absolute;

    bottom: -180px;
    right: -120px;

    width: 330px;
    height: 330px;

    border-radius: 50%;

    background:
        rgba(244, 196, 48, 0.07);

    pointer-events: none;
}


body[data-theme="teya-1c"] .teya-theme-prices-how .container {
    position: relative;

    z-index: 1;
}


/* =========================================================
   190. ЦЕНЫ → ЗАГОЛОВОК ВТОРОГО БЛОКА
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-prices-how-eyebrow {
    color:
        var(--teya-theme-warning);

    font-weight: 800;
}


body[data-theme="teya-1c"] .teya-theme-prices-how-title {
    color:
        var(--teya-theme-dark);
}


body[data-theme="teya-1c"] .teya-theme-prices-how-description {
    color:
        var(--teya-theme-text-muted);
}


/* =========================================================
   191. ЦЕНЫ → ТРИ ШАГА
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-prices-step {
    position: relative;

    overflow: hidden;

    background:
        var(--teya-theme-white);

    border:
        1px solid var(--teya-theme-border);

    box-shadow:
        var(--teya-theme-shadow-small);

    transition:
        transform var(--teya-theme-transition),
        border-color var(--teya-theme-transition),
        box-shadow var(--teya-theme-transition),
        background var(--teya-theme-transition);
}


body[data-theme="teya-1c"] .teya-theme-prices-step::before {
    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 4px;

    background:
        var(--teya-theme-yellow);
}


body[data-theme="teya-1c"] .teya-theme-prices-step:hover {
    transform:
        translateY(-4px);

    background:
        var(--teya-theme-yellow-pale);

    border-color:
        rgba(244, 196, 48, 0.45);

    box-shadow:
        var(--teya-theme-shadow-medium);
}


body[data-theme="teya-1c"] .teya-theme-prices-step h3 {
    color:
        var(--teya-theme-dark);
}


body[data-theme="teya-1c"] .teya-theme-prices-step p {
    color:
        var(--teya-theme-text-muted);
}


/* =========================================================
   192. ЦЕНЫ → НОМЕРА ШАГОВ
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-prices-step-number {
    display: inline-flex;

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

    min-width: 44px;
    height: 30px;

    margin-bottom: 18px;

    padding: 0 10px;

    border-radius: 999px;

    background:
        var(--teya-theme-yellow);

    color:
        var(--teya-theme-dark);

    font-size: 12px;
    font-weight: 900;

    letter-spacing: 0.08em;
}


/* =========================================================
   193. ЦЕНЫ → УБИРАЕМ ОСТАТОЧНЫЙ СИНИЙ
   ========================================================= */

body[data-theme="teya-1c"]
.teya-theme-prices-page
.section-eyebrow,

body[data-theme="teya-1c"]
.teya-theme-prices-page
.services-section-header__eyebrow {
    color:
        var(--teya-theme-warning);
}


body[data-theme="teya-1c"]
.teya-theme-prices-page
.section-title,

body[data-theme="teya-1c"]
.teya-theme-prices-page
.services-section-header__title {
    color:
        var(--teya-theme-dark);
}


body[data-theme="teya-1c"]
.teya-theme-prices-page
.section-title span {
    color:
        var(--teya-theme-yellow);
}


/* =========================================================
   194. ЦЕНЫ → КОНСУЛЬТАЦИЯ
   ========================================================= */

body[data-theme="teya-1c"]
.teya-theme-prices-consultation {
    position: relative;
}


body[data-theme="teya-1c"]
.teya-theme-prices-consultation
.section-eyebrow {
    color:
        var(--teya-theme-warning);
}


/* =========================================================
   195. ЦЕНЫ → АДАПТИВ
   ========================================================= */

@media (max-width: 1000px) {

    body[data-theme="teya-1c"] .teya-theme-prices-intro {
        padding-top: 75px;
        padding-bottom: 60px;
    }

}


@media (max-width: 700px) {

    body[data-theme="teya-1c"] .teya-theme-prices-intro {
        padding-top: 60px;
        padding-bottom: 50px;
    }


    body[data-theme="teya-1c"] .teya-theme-prices-intro::before {
        width: 260px;
        height: 260px;

        top: -150px;
        right: -130px;
    }


    body[data-theme="teya-1c"] .teya-theme-prices-step:hover,
    body[data-theme="teya-1c"] .teya-theme-prices-factor:hover {
        transform: none;
    }

}

/* =========================================================
   196. ПОЛЕЗНОЕ → ОСНОВА СТРАНИЦЫ
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-articles-page {
    background:
        var(--teya-theme-white);
}


body[data-theme="teya-1c"] .teya-theme-articles-intro {
    position: relative;

    overflow: hidden;

    padding: 95px 0 80px;

    background:
        linear-gradient(
            135deg,
            var(--teya-theme-white) 0%,
            var(--teya-theme-yellow-pale) 100%
        );
}


body[data-theme="teya-1c"] .teya-theme-articles-intro::before {
    content: "";

    position: absolute;

    top: -230px;
    right: -170px;

    width: 440px;
    height: 440px;

    border-radius: 50%;

    background:
        rgba(244, 196, 48, 0.10);

    pointer-events: none;
}


body[data-theme="teya-1c"] .teya-theme-articles-intro .container {
    position: relative;

    z-index: 1;
}


/* =========================================================
   197. ПОЛЕЗНОЕ → СЕТКА ВСТУПЛЕНИЯ
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-articles-intro-inner {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(320px, 430px);

    gap: 70px;

    align-items: center;
}


body[data-theme="teya-1c"] .teya-theme-articles-intro-content {
    max-width: 760px;
}


/* =========================================================
   198. ПОЛЕЗНОЕ → ГЛАВНЫЙ ЗАГОЛОВОК
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-articles-eyebrow {
    margin: 0 0 16px;

    color:
        var(--teya-theme-warning);

    font-size: 12px;
    font-weight: 800;

    letter-spacing: 0.08em;

    text-transform: uppercase;
}


body[data-theme="teya-1c"] .teya-theme-articles-title {
    margin: 0;

    color:
        var(--teya-theme-dark);

    font-size:
        clamp(42px, 5vw, 64px);

    line-height: 1.05;

    letter-spacing: -0.035em;
}


body[data-theme="teya-1c"] .teya-theme-articles-title span {
    color:
        var(--teya-theme-yellow);
}


body[data-theme="teya-1c"] .teya-theme-articles-description {
    max-width: 680px;

    margin-top: 25px;

    color:
        var(--teya-theme-text-muted);

    font-size: 17px;
    line-height: 1.75;
}


/* =========================================================
   199. ПОЛЕЗНОЕ → ВЕРХНЯЯ ИНФОРМАЦИОННАЯ КАРТОЧКА
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-articles-intro-card {
    position: relative;

    overflow: hidden;

    padding: 34px;

    background:
        linear-gradient(
            135deg,
            var(--teya-theme-dark) 0%,
            var(--teya-theme-graphite) 100%
        );

    border:
        1px solid var(--teya-theme-graphite);

    border-radius: 22px;

    box-shadow:
        var(--teya-theme-shadow-large);
}


body[data-theme="teya-1c"] .teya-theme-articles-intro-card::before {
    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 5px;

    background:
        var(--teya-theme-yellow);
}


body[data-theme="teya-1c"] .teya-theme-articles-intro-card::after {
    content: "";

    position: absolute;

    top: -100px;
    right: -75px;

    width: 210px;
    height: 210px;

    border-radius: 50%;

    background:
        rgba(244, 196, 48, 0.08);

    pointer-events: none;
}


body[data-theme="teya-1c"] .teya-theme-articles-intro-card > * {
    position: relative;

    z-index: 1;
}


body[data-theme="teya-1c"] .teya-theme-articles-intro-card-label {
    display: block;

    margin-bottom: 12px;

    color:
        var(--teya-theme-yellow);

    font-size: 11px;
    font-weight: 800;

    letter-spacing: 0.08em;

    text-transform: uppercase;
}


body[data-theme="teya-1c"] .teya-theme-articles-intro-card h2 {
    margin: 0 0 14px;

    color:
        var(--teya-theme-white);

    font-size: 27px;
    line-height: 1.25;
}


body[data-theme="teya-1c"] .teya-theme-articles-intro-card p {
    margin: 0;

    color:
        rgba(255, 255, 255, 0.76);

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


/* =========================================================
   200. ПОЛЕЗНОЕ → КАТАЛОГ
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-articles-catalog {
    padding: 100px 0 110px;

    background:
        var(--teya-theme-white);
}


body[data-theme="teya-1c"] .teya-theme-articles-catalog-header {
    max-width: 720px;

    margin-bottom: 45px;
}


body[data-theme="teya-1c"] .teya-theme-articles-catalog-eyebrow {
    margin: 0 0 14px;

    color:
        var(--teya-theme-warning);

    font-size: 12px;
    font-weight: 800;

    letter-spacing: 0.08em;

    text-transform: uppercase;
}


body[data-theme="teya-1c"] .teya-theme-articles-catalog-title {
    margin: 0;

    color:
        var(--teya-theme-dark);

    font-size:
        clamp(34px, 4vw, 48px);

    line-height: 1.1;

    letter-spacing: -0.025em;
}


body[data-theme="teya-1c"] .teya-theme-articles-catalog-description {
    margin: 18px 0 0;

    color:
        var(--teya-theme-text-muted);

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


/* =========================================================
   201. ПОЛЕЗНОЕ → СЕТКА СТАТЕЙ
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-articles-grid {
    display: grid;

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

    gap: 22px;
}


/* =========================================================
   202. ПОЛЕЗНОЕ → КАРТОЧКИ СТАТЕЙ
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-article-card {
    position: relative;

    overflow: hidden;

    display: flex;

    flex-direction: column;

    min-height: 330px;

    padding: 30px;

    background:
        var(--teya-theme-white);

    border:
        1px solid var(--teya-theme-border);

    border-radius: 20px;

    box-shadow:
        var(--teya-theme-shadow-small);

    transition:
        transform var(--teya-theme-transition),
        border-color var(--teya-theme-transition),
        box-shadow var(--teya-theme-transition),
        background var(--teya-theme-transition);
}


body[data-theme="teya-1c"] .teya-theme-article-card::before {
    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 4px;

    background:
        var(--teya-theme-yellow);
}


body[data-theme="teya-1c"] .teya-theme-article-card:hover {
    transform:
        translateY(-4px);

    background:
        var(--teya-theme-yellow-pale);

    border-color:
        rgba(244, 196, 48, 0.45);

    box-shadow:
        var(--teya-theme-shadow-medium);
}


/* =========================================================
   203. ПОЛЕЗНОЕ → СОДЕРЖИМОЕ КАРТОЧЕК
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-article-type {
    display: inline-block;

    align-self: flex-start;

    margin-bottom: 22px;

    padding: 7px 11px;

    background:
        var(--teya-theme-yellow-soft);

    border:
        1px solid rgba(244, 196, 48, 0.25);

    border-radius: 999px;

    color:
        var(--teya-theme-warning);

    font-size: 11px;
    font-weight: 850;

    letter-spacing: 0.07em;

    text-transform: uppercase;
}


body[data-theme="teya-1c"] .teya-theme-article-title {
    margin: 0 0 16px;

    color:
        var(--teya-theme-dark);

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


body[data-theme="teya-1c"] .teya-theme-article-text {
    margin: 0 0 26px;

    color:
        var(--teya-theme-text-muted);

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


body[data-theme="teya-1c"] .teya-theme-article-link {
    display: inline-flex;

    align-items: center;

    align-self: flex-start;

    margin-top: auto;

    color:
        var(--teya-theme-dark);

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

    text-decoration: none;

    transition:
        color var(--teya-theme-transition),
        transform var(--teya-theme-transition);
}


body[data-theme="teya-1c"] .teya-theme-article-link:hover {
    color:
        var(--teya-theme-warning);

    transform:
        translateX(3px);
}


/* =========================================================
   204. ПОЛЕЗНОЕ → БУДУЩИЕ ПУБЛИКАЦИИ
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-articles-future {
    padding: 0 0 110px;

    background:
        var(--teya-theme-white);
}


body[data-theme="teya-1c"] .teya-theme-articles-future-inner {
    position: relative;

    overflow: hidden;

    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(300px, 400px);

    gap: 60px;

    align-items: center;

    padding: 40px;

    background:
        linear-gradient(
            135deg,
            var(--teya-theme-background-soft) 0%,
            var(--teya-theme-yellow-pale) 100%
        );

    border:
        1px solid var(--teya-theme-border);

    border-radius: 22px;
}


body[data-theme="teya-1c"] .teya-theme-articles-future-inner::before {
    content: "";

    position: absolute;

    width: 180px;
    height: 180px;

    right: -90px;
    bottom: -100px;

    border-radius: 50%;

    background:
        rgba(244, 196, 48, 0.12);

    pointer-events: none;
}


body[data-theme="teya-1c"] .teya-theme-articles-future-content,
body[data-theme="teya-1c"] .teya-theme-articles-future-types {
    position: relative;

    z-index: 1;
}


body[data-theme="teya-1c"] .teya-theme-articles-future-content h2 {
    margin: 0 0 14px;

    color:
        var(--teya-theme-dark);

    font-size: 28px;
    line-height: 1.25;
}


body[data-theme="teya-1c"] .teya-theme-articles-future-content p {
    max-width: 700px;

    margin: 0;

    color:
        var(--teya-theme-text-muted);

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


/* =========================================================
   205. ПОЛЕЗНОЕ → ТЕГИ БУДУЩИХ МАТЕРИАЛОВ
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-articles-future-types {
    display: flex;

    flex-wrap: wrap;

    gap: 9px;
}


body[data-theme="teya-1c"] .teya-theme-articles-tag {
    display: inline-flex;

    padding: 9px 13px;

    background:
        var(--teya-theme-white);

    border:
        1px solid rgba(244, 196, 48, 0.35);

    border-radius: 999px;

    color:
        var(--teya-theme-text);

    font-size: 12px;
    font-weight: 750;

    transition:
        background var(--teya-theme-transition),
        border-color var(--teya-theme-transition);
}


body[data-theme="teya-1c"] .teya-theme-articles-tag:hover {
    background:
        var(--teya-theme-yellow);

    border-color:
        var(--teya-theme-yellow);
}


/* =========================================================
   206. ПОЛЕЗНОЕ → УБИРАЕМ ОСТАТОЧНЫЙ СИНИЙ
   ========================================================= */

body[data-theme="teya-1c"]
.teya-theme-articles-page
.articles-intro__eyebrow,

body[data-theme="teya-1c"]
.teya-theme-articles-page
.articles-catalog__eyebrow {
    color:
        var(--teya-theme-warning);
}


body[data-theme="teya-1c"]
.teya-theme-articles-page
.articles-intro__title span {
    color:
        var(--teya-theme-yellow);
}


body[data-theme="teya-1c"]
.teya-theme-articles-page
.article-card__type {
    color:
        var(--teya-theme-warning);
}


body[data-theme="teya-1c"]
.teya-theme-articles-page
.article-card__link {
    color:
        var(--teya-theme-dark);
}


body[data-theme="teya-1c"]
.teya-theme-articles-page
.article-card__link:hover {
    color:
        var(--teya-theme-warning);
}


/* =========================================================
   207. ПОЛЕЗНОЕ → АДАПТИВ
   ========================================================= */

@media (max-width: 1000px) {

    body[data-theme="teya-1c"] .teya-theme-articles-intro-inner,
    body[data-theme="teya-1c"] .teya-theme-articles-future-inner {
        grid-template-columns: 1fr;

        gap: 40px;
    }


    body[data-theme="teya-1c"] .teya-theme-articles-grid {
        grid-template-columns:
            repeat(2, 1fr);
    }

}


@media (max-width: 650px) {

    body[data-theme="teya-1c"] .teya-theme-articles-intro {
        padding: 70px 0 60px;
    }


    body[data-theme="teya-1c"] .teya-theme-articles-intro::before {
        width: 260px;
        height: 260px;

        top: -150px;
        right: -130px;
    }


    body[data-theme="teya-1c"] .teya-theme-articles-catalog {
        padding: 70px 0 80px;
    }


    body[data-theme="teya-1c"] .teya-theme-articles-grid {
        grid-template-columns: 1fr;
    }


    body[data-theme="teya-1c"] .teya-theme-article-card {
        min-height: auto;
    }


    body[data-theme="teya-1c"] .teya-theme-article-card:hover {
        transform: none;
    }


    body[data-theme="teya-1c"] .teya-theme-articles-future {
        padding-bottom: 80px;
    }


    body[data-theme="teya-1c"] .teya-theme-articles-future-inner {
        padding: 26px;
    }

}

/* =========================================================
   208. ФОРМА КОНСУЛЬТАЦИИ → ОСНОВНАЯ СЕТКА
   ========================================================= */

body[data-theme="teya-1c"]
.teya-consultation-form {
    position: relative;
    z-index: 2;

    display: flex;
    flex-direction: column;

    gap: 16px;

    width: 100%;
    margin-top: 22px;
}


/* =========================================================
   209. ФОРМА КОНСУЛЬТАЦИИ → ПОЛЯ
   ========================================================= */

body[data-theme="teya-1c"]
.teya-consultation-form__field {
    display: flex;
    flex-direction: column;

    gap: 7px;

    width: 100%;
}


body[data-theme="teya-1c"]
.teya-consultation-form__label {
    display: block;

    margin: 0;

    color: rgba(255, 255, 255, 0.82);

    font-size: 14px;
    font-weight: 650;
    line-height: 1.35;
}


/* =========================================================
   210. ФОРМА КОНСУЛЬТАЦИИ → INPUT / TEXTAREA
   ========================================================= */

body[data-theme="teya-1c"]
.teya-consultation-form__input,

body[data-theme="teya-1c"]
.teya-consultation-form__textarea {
    box-sizing: border-box;

    display: block;

    width: 100%;
    max-width: 100%;

    margin: 0;

    border:
        1px solid rgba(255, 255, 255, 0.16);

    border-radius:
        var(--teya-theme-radius-small);

    outline: none;

    background:
        rgba(255, 255, 255, 0.96);

    color:
        var(--teya-theme-dark);

    font: inherit;

    font-size: 15px;
    line-height: 1.45;

    box-shadow:
        inset 0 1px 2px rgba(23, 25, 29, 0.05);

    transition:
        border-color var(--teya-theme-transition),
        box-shadow var(--teya-theme-transition),
        background var(--teya-theme-transition);
}


body[data-theme="teya-1c"]
.teya-consultation-form__input {
    min-height: 48px;

    padding: 11px 14px;
}


body[data-theme="teya-1c"]
.teya-consultation-form__textarea {
    min-height: 112px;

    padding: 12px 14px;

    resize: vertical;
}


/* =========================================================
   211. ФОРМА КОНСУЛЬТАЦИИ → PLACEHOLDER
   ========================================================= */

body[data-theme="teya-1c"]
.teya-consultation-form__input::placeholder,

body[data-theme="teya-1c"]
.teya-consultation-form__textarea::placeholder {
    color: #8b929c;

    opacity: 1;
}


/* =========================================================
   212. ФОРМА КОНСУЛЬТАЦИИ → FOCUS
   ========================================================= */

body[data-theme="teya-1c"]
.teya-consultation-form__input:focus,

body[data-theme="teya-1c"]
.teya-consultation-form__textarea:focus {
    border-color:
        var(--teya-theme-yellow);

    background:
        var(--teya-theme-white);

    box-shadow:
        0 0 0 3px rgba(244, 196, 48, 0.18);
}


/* =========================================================
   213. ФОРМА КОНСУЛЬТАЦИИ → HONEYPOT
   ========================================================= */

body[data-theme="teya-1c"]
.teya-consultation-form__website {
    position: absolute !important;

    left: -10000px !important;
    top: auto !important;

    width: 1px !important;
    height: 1px !important;

    overflow: hidden !important;

    opacity: 0 !important;

    pointer-events: none !important;
}


/* =========================================================
   214. ФОРМА КОНСУЛЬТАЦИИ → СОГЛАСИЕ
   ========================================================= */

body[data-theme="teya-1c"]
.teya-consultation-form__consent {
    display: flex;

    align-items: flex-start;

    gap: 10px;

    width: 100%;

    margin: 0;

    color:
        rgba(255, 255, 255, 0.68);

    font-size: 13px;
    line-height: 1.5;

    cursor: pointer;
}


body[data-theme="teya-1c"]
.teya-consultation-form__consent input[type="checkbox"] {
    flex: 0 0 auto;

    width: 17px;
    height: 17px;

    margin: 2px 0 0;

    accent-color:
        var(--teya-theme-yellow);

    cursor: pointer;
}


body[data-theme="teya-1c"]
.teya-consultation-form__consent span {
    display: block;

    min-width: 0;
}


/* =========================================================
   215. ФОРМА КОНСУЛЬТАЦИИ → КНОПКА
   ========================================================= */

body[data-theme="teya-1c"]
.teya-consultation-form__submit {
    display: inline-flex;

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

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

    margin: 2px 0 0;
    padding: 12px 20px;

    border:
        1px solid var(--teya-theme-yellow);

    border-radius:
        var(--teya-theme-radius-small);

    background:
        var(--teya-theme-yellow);

    color:
        var(--teya-theme-dark);

    font: inherit;
    font-size: 15px;
    font-weight: 800;

    cursor: pointer;

    box-shadow:
        0 7px 20px rgba(244, 196, 48, 0.22);

    transition:
        background var(--teya-theme-transition),
        border-color var(--teya-theme-transition),
        transform var(--teya-theme-transition),
        box-shadow var(--teya-theme-transition);
}


body[data-theme="teya-1c"]
.teya-consultation-form__submit:hover {
    background:
        var(--teya-theme-yellow-bright);

    border-color:
        var(--teya-theme-yellow-bright);

    color:
        var(--teya-theme-dark);

    transform:
        translateY(-1px);

    box-shadow:
        0 9px 24px rgba(244, 196, 48, 0.30);
}


body[data-theme="teya-1c"]
.teya-consultation-form__submit:focus-visible {
    outline:
        3px solid rgba(255, 216, 77, 0.32);

    outline-offset: 3px;
}


/* =========================================================
   216. ФОРМА КОНСУЛЬТАЦИИ → СООБЩЕНИЯ
   ========================================================= */

body[data-theme="teya-1c"]
.teya-consultation-form__message {
    position: relative;
    z-index: 2;

    width: 100%;

    box-sizing: border-box;

    margin-top: 18px;
    padding: 13px 15px;

    border-radius:
        var(--teya-theme-radius-small);

    font-size: 14px;
    font-weight: 650;
    line-height: 1.5;
}


body[data-theme="teya-1c"]
.teya-consultation-form__message--success {
    border:
        1px solid rgba(47, 143, 91, 0.50);

    background:
        rgba(47, 143, 91, 0.13);

    color:
        #bde8cf;
}


body[data-theme="teya-1c"]
.teya-consultation-form__message--error {
    border:
        1px solid rgba(200, 75, 75, 0.50);

    background:
        rgba(200, 75, 75, 0.13);

    color:
        #ffd0d0;
}


/* =========================================================
   217. КАРТОЧКА С ФОРМОЙ → КОРРЕКЦИЯ КОНТЕНТА
   ========================================================= */

body[data-theme="teya-1c"]
.teya-theme-consultation-card {
    height: auto;

    align-self: start;
}


body[data-theme="teya-1c"]
.teya-theme-consultation-card
.home-consultation__actions {
    position: relative;
    z-index: 2;

    margin-top: 20px;
}


body[data-theme="teya-1c"]
.teya-theme-consultation-note {
    position: relative;
    z-index: 2;
}


/* =========================================================
   218. ФОРМА КОНСУЛЬТАЦИИ → МОБИЛЬНАЯ АДАПТАЦИЯ
   ========================================================= */

@media (max-width: 768px) {

    body[data-theme="teya-1c"]
    .teya-consultation-form {
        gap: 14px;

        margin-top: 20px;
    }


    body[data-theme="teya-1c"]
    .teya-consultation-form__input {
        min-height: 48px;
    }


    body[data-theme="teya-1c"]
    .teya-consultation-form__textarea {
        min-height: 105px;
    }


    body[data-theme="teya-1c"]
    .teya-consultation-form__submit {
        width: 100%;
    }

}

/* =========================================================
   TEYA-SEPARATE-CARDS-V1
   Отдельные карточки: О компании / Цены / Контакты
   ========================================================= */

body[data-theme="teya-1c"] .teya-theme-about-features,
body[data-theme="teya-1c"] .teya-theme-prices-factors,
body[data-theme="teya-1c"] .teya-theme-contacts-main-list {
    gap: 20px;
    border: 0;
}

body[data-theme="teya-1c"] .teya-theme-about-feature,
body[data-theme="teya-1c"] .teya-theme-prices-factor,
body[data-theme="teya-1c"] .teya-theme-contacts-main-item {
    position: relative;
    overflow: hidden;
    padding: 28px;
    background: #ffffff;
    border: 1px solid rgba(35, 35, 35, 0.09);
    border-radius: 16px;
    box-shadow: 0 8px 26px rgba(25, 25, 25, 0.055);
    transition:
        background 0.25s ease,
        border-color 0.25s ease,
        box-shadow 0.25s ease,
        transform 0.25s ease;
}

body[data-theme="teya-1c"] .teya-theme-about-feature:first-child,
body[data-theme="teya-1c"] .teya-theme-about-feature:last-child {
    padding: 28px;
}

body[data-theme="teya-1c"] .teya-theme-about-feature + .teya-theme-about-feature {
    border: 1px solid rgba(35, 35, 35, 0.09);
}

body[data-theme="teya-1c"] .teya-theme-about-feature::before,
body[data-theme="teya-1c"] .teya-theme-prices-factor::before,
body[data-theme="teya-1c"] .teya-theme-contacts-main-item::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: var(--teya-theme-yellow, #f4c430);
    opacity: 0;
    transition: opacity 0.25s ease;
}

body[data-theme="teya-1c"] .teya-theme-about-feature:hover,
body[data-theme="teya-1c"] .teya-theme-prices-factor:hover,
body[data-theme="teya-1c"] .teya-theme-contacts-main-item:hover {
    background: #ffffff;
    border-color: rgba(244, 196, 48, 0.6);
    box-shadow: 0 14px 34px rgba(25, 25, 25, 0.1);
    transform: translateY(-3px);
}

body[data-theme="teya-1c"] .teya-theme-about-feature:hover::before,
body[data-theme="teya-1c"] .teya-theme-prices-factor:hover::before,
body[data-theme="teya-1c"] .teya-theme-contacts-main-item:hover::before {
    width: 100%;
    opacity: 1;
}

@media (max-width: 767px) {
    body[data-theme="teya-1c"] .teya-theme-about-features,
    body[data-theme="teya-1c"] .teya-theme-prices-factors,
    body[data-theme="teya-1c"] .teya-theme-contacts-main-list {
        gap: 14px;
    }

    body[data-theme="teya-1c"] .teya-theme-about-feature,
    body[data-theme="teya-1c"] .teya-theme-prices-factor,
    body[data-theme="teya-1c"] .teya-theme-contacts-main-item,
    body[data-theme="teya-1c"] .teya-theme-about-feature:first-child,
    body[data-theme="teya-1c"] .teya-theme-about-feature:last-child {
        padding: 22px;
        border-radius: 12px;
    }
}


/* TEYA-ABOUT-SEPARATE-CARDS-V2 */
/* Только блок преимуществ на странице О компании */

body[data-theme="teya-1c"] .teya-theme-about-features {
    gap: 20px;
    border-top: 0;
    border-bottom: 0;
}

body[data-theme="teya-1c"] .home-about-feature.teya-theme-about-feature,
body[data-theme="teya-1c"] .home-about-feature.teya-theme-about-feature:first-child,
body[data-theme="teya-1c"] .home-about-feature.teya-theme-about-feature:last-child,
body[data-theme="teya-1c"] .home-about-feature.teya-theme-about-feature + .home-about-feature.teya-theme-about-feature {
    padding: 28px;
    border: 1px solid rgba(35, 35, 35, 0.09);
    border-radius: 16px;
    background: #ffffff;
    box-shadow: 0 8px 26px rgba(25, 25, 25, 0.055);
}

body[data-theme="teya-1c"] .home-about-feature.teya-theme-about-feature:hover {
    border-color: rgba(244, 196, 48, 0.6);
    box-shadow: 0 14px 34px rgba(25, 25, 25, 0.1);
    transform: translateY(-3px);
}

@media (max-width: 767px) {
    body[data-theme="teya-1c"] .teya-theme-about-features {
        gap: 14px;
    }

    body[data-theme="teya-1c"] .home-about-feature.teya-theme-about-feature,
    body[data-theme="teya-1c"] .home-about-feature.teya-theme-about-feature:first-child,
    body[data-theme="teya-1c"] .home-about-feature.teya-theme-about-feature:last-child {
        padding: 22px;
        border-radius: 12px;
    }
}


/* TEYA-COMPANY-CARDS-V3 */
/* Только три карточки страницы О компании */

body[data-theme="teya-1c"] .teya-theme-company-features {
    gap: 20px;
    border: 0;
}

body[data-theme="teya-1c"] .home-about-feature.teya-theme-company-feature,
body[data-theme="teya-1c"] .home-about-feature.teya-theme-company-feature:first-child,
body[data-theme="teya-1c"] .home-about-feature.teya-theme-company-feature:last-child,
body[data-theme="teya-1c"] .home-about-feature.teya-theme-company-feature + .home-about-feature.teya-theme-company-feature {
    position: relative;
    overflow: hidden;
    padding: 28px;
    background: #ffffff;
    border: 1px solid rgba(35, 35, 35, 0.09);
    border-radius: 16px;
    box-shadow: 0 8px 26px rgba(25, 25, 25, 0.055);
    transition:
        border-color 0.25s ease,
        box-shadow 0.25s ease,
        transform 0.25s ease;
}

body[data-theme="teya-1c"] .home-about-feature.teya-theme-company-feature::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: var(--teya-theme-yellow, #f4c430);
    opacity: 0;
    transition: opacity 0.25s ease;
}

body[data-theme="teya-1c"] .home-about-feature.teya-theme-company-feature:hover {
    border-color: rgba(244, 196, 48, 0.6);
    box-shadow: 0 14px 34px rgba(25, 25, 25, 0.1);
    transform: translateY(-3px);
}

body[data-theme="teya-1c"] .home-about-feature.teya-theme-company-feature:hover::before {
    opacity: 1;
}

@media (max-width: 767px) {
    body[data-theme="teya-1c"] .teya-theme-company-features {
        gap: 14px;
    }

    body[data-theme="teya-1c"] .home-about-feature.teya-theme-company-feature,
    body[data-theme="teya-1c"] .home-about-feature.teya-theme-company-feature:first-child,
    body[data-theme="teya-1c"] .home-about-feature.teya-theme-company-feature:last-child {
        padding: 22px;
        border-radius: 12px;
    }
}

/* TEYA — видеоплеер, единое оформление */

body[data-theme="teya-1c"] .home-media__featured {
    min-width: 0;
    overflow: hidden;
}

body[data-theme="teya-1c"] .home-media__featured-content {
    min-width: 0;
}

body[data-theme="teya-1c"] video.home-media__video {
    display: block;
    box-sizing: border-box;
    width: 100%;
    max-width: 300px;
    height: 420px;
    min-height: 420px;
    aspect-ratio: auto;
    margin: 24px auto 0;
    border: 0;
    border-radius: 12px;
    background: #111;
    object-fit: contain;
}

@media (max-width: 600px) {
    body[data-theme="teya-1c"] video.home-media__video {
        max-width: 100%;
        height: 380px;
        min-height: 380px;
    }
}
/* TEYA — широкий видеоплеер */
body[data-theme="teya-1c"] video.home-media__video {
    width: 100%;
    max-width: 480px;
    height: 360px;
    min-height: 360px;
    margin: 24px auto 0;
    object-fit: contain;
}

@media (max-width: 600px) {
    body[data-theme="teya-1c"] video.home-media__video {
        max-width: 100%;
        height: 280px;
        min-height: 280px;
    }
}

/* TEYA: оформление пункта Полезное в мобильном меню */
body[data-theme="teya-1c"] .teya-useful-mobile > details > summary.teya-theme-mobile-link {
    color: #111111;
    font-weight: 700;
}