/* ==========================================================
   DekoKZ — ГЛАВНАЯ СТРАНИЦА
   dkz-index.css — очищенная версия

   1. Слайдер форматов обучения
   2. Hero
   3. Вводная секция выбора формата
   4. Товарные секции
   5. О студии
   6. Custom3: направления и услуги
   7. Новости
   8. Переход к инфоблокам MasterShop
   9. Единый вертикальный ритм и фоны
========================================================== */

/* ==========================================================
   1. СЛАЙДЕР ФОРМАТОВ ОБУЧЕНИЯ
========================================================== */

.main-slider_el .slider-banner__content {
    position: absolute !important;

    top: 32px !important;
    left: 32px !important;
    right: auto !important;
    bottom: auto !important;

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

    width: auto !important;
    min-width: 0 !important;
    max-width: calc(100% - 64px) !important;
    height: auto !important;

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

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

    transform: none !important;
}


.main-slider_el .slider-banner__title {
    display: inline-flex !important;
    align-items: center !important;
    gap: 12px !important;

    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 14px 20px !important;

    background: rgba(255, 255, 255, 0.75) !important;

    border: 1px solid rgba(255, 255, 255, 0.55) !important;
    border-radius: 8px !important;

    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08) !important;

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

    color: #292522 !important;

    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;

    white-space: nowrap !important;
}


.main-slider_el .slider-banner__title::after {
    content: "→";

    flex: 0 0 auto;

    font-size: 21px;
    font-weight: 400;
    line-height: 1;

    transition: transform 0.2s ease;
}


.main-slider_el .slider-banner__inner:hover .slider-banner__title::after {
    transform: translateX(4px);
}


/* ----------------------------------------------------------
   Слайдер — планшет
---------------------------------------------------------- */

@media (min-width: 769px) and (max-width: 1100px) {

    .main-slider_el .slider-banner__content {
        top: 24px !important;
        left: 24px !important;

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

    .main-slider_el .slider-banner__title {
        padding: 12px 17px !important;

        font-size: 18px !important;
    }
}


/* ----------------------------------------------------------
   Слайдер — мобильный
---------------------------------------------------------- */

@media (max-width: 768px) {

    .main-slider_el .slider-banner__content {
        top: 16px !important;
        left: 16px !important;

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

    .main-slider_el .slider-banner__title {
        gap: 9px !important;

        padding: 11px 15px !important;

        border-radius: 7px !important;

        font-size: 16px !important;

        white-space: normal !important;
    }

    .main-slider_el .slider-banner__title::after {
        font-size: 18px;
    }
}


/* ==========================================================
   2. HERO
========================================================== */

.dkz-home-hero {
    position: relative;

    width: 100%;

    margin: 0;

    overflow: hidden;

    background: #f5f1ec;
}


/* ----------------------------------------------------------
   Изображение Hero
---------------------------------------------------------- */

.dkz-home-hero__picture {
    position: relative;
    z-index: 0;

    display: block;

    width: 100%;
}


.dkz-home-hero__image {
    display: block;

    width: 100%;
    height: auto;
}


/* ----------------------------------------------------------
   Светлый градиент — desktop
---------------------------------------------------------- */

.dkz-home-hero::after {
    content: "";

    position: absolute;
    z-index: 1;
    inset: 0;

    pointer-events: none;

    background: linear-gradient(
        90deg,
        rgba(248, 245, 241, 0.97) 0%,
        rgba(248, 245, 241, 0.93) 22%,
        rgba(248, 245, 241, 0.76) 39%,
        rgba(248, 245, 241, 0.38) 54%,
        rgba(248, 245, 241, 0.10) 65%,
        rgba(248, 245, 241, 0) 74%
    );
}


/* ----------------------------------------------------------
   Контент Hero
---------------------------------------------------------- */

.dkz-home-hero__content {
    position: absolute;
    z-index: 2;

    top: 50%;
    left: 7%;

    width: 40%;
    max-width: 620px;

    transform: translateY(-50%);
}


/* ----------------------------------------------------------
   Логотип
---------------------------------------------------------- */

.dkz-home-hero__logo {
    display: block;

    width: auto;
    max-width: 230px;
    height: auto;

    margin: 0 0 24px;
}


/* ----------------------------------------------------------
   H1
---------------------------------------------------------- */

.dkz-home-hero__title {
    margin: 0 0 20px;

    color: #292522;

    font-size: clamp(32px, 2.8vw, 50px);
    font-weight: 700;
    line-height: 1.08;
    letter-spacing: -0.025em;
}


/* ----------------------------------------------------------
   Описание Hero
---------------------------------------------------------- */

.dkz-home-hero__lead {
    max-width: 560px;

    margin: 0;

    color: #514a45;

    font-size: clamp(17px, 1.3vw, 21px);
    font-weight: 400;
    line-height: 1.55;
}


/* ==========================================================
   HERO — TABLET
========================================================== */

@media (min-width: 769px) and (max-width: 1100px) {

    .dkz-home-hero__content {
        left: 5%;

        width: 44%;
        max-width: 480px;
    }

    .dkz-home-hero__logo {
        max-width: 190px;

        margin-bottom: 20px;
    }

    .dkz-home-hero__title {
        margin-bottom: 15px;

        font-size: 32px;
        line-height: 1.1;
    }

    .dkz-home-hero__lead {
        font-size: 16px;
        line-height: 1.5;
    }

    .dkz-home-hero::after {
        background: linear-gradient(
            90deg,
            rgba(248, 245, 241, 0.98) 0%,
            rgba(248, 245, 241, 0.94) 27%,
            rgba(248, 245, 241, 0.74) 44%,
            rgba(248, 245, 241, 0.26) 61%,
            rgba(248, 245, 241, 0) 73%
        );
    }
}


/* ==========================================================
   HERO — MOBILE
   Логотип + H1 на плашке поверх фото.
   Описание — под фотографией.
========================================================== */

@media (max-width: 768px) {

    .dkz-home-hero {
        position: relative;

        display: flex;
        flex-direction: column;

        width: 100%;

        margin: 0;

        overflow: hidden;

        background: #f5f1ec;
    }


    /* Desktop-градиент на мобильном отключаем */

    .dkz-home-hero::after {
        display: none;
    }


    /* Фото */

    .dkz-home-hero__picture {
        position: relative;
        z-index: 0;

        order: 1;

        display: block;

        width: 100%;
    }

    .dkz-home-hero__image {
        display: block;

        width: 100%;
        height: auto;

        margin: 0;
    }


    /* Раскрываем контейнер */

    .dkz-home-hero__content {
        display: contents;
    }


    /* Логотип + H1 */

    .dkz-home-hero__heading {
        position: absolute;
        z-index: 3;

        top: 18px;
        left: 16px;
        right: 16px;

        box-sizing: border-box;

        width: auto;
        max-width: 430px;

        margin: 0;
        padding: 17px 18px 18px;

        background: rgba(255, 255, 255, 0.75);

        border: 1px solid rgba(255, 255, 255, 0.58);
        border-radius: 10px;

        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.07);

        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
    }

    .dkz-home-hero__logo {
        display: block;

        width: auto;
        max-width: 145px;
        height: auto;

        margin: 0 0 12px;
    }

    .dkz-home-hero__title {
        margin: 0;
        padding: 0;

        color: #292522;

        font-size: 27px;
        font-weight: 700;
        line-height: 1.12;
        letter-spacing: -0.02em;

        background: transparent;
    }


    /* Описание под фотографией */

    .dkz-home-hero__lead {
        position: relative;
        z-index: 1;

        order: 2;

        box-sizing: border-box;

        width: 100%;
        max-width: none;

        margin: 0;
        padding: 22px 20px 25px;

        color: #514a45;

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

        background: #f5f1ec;
    }
}


/* ==========================================================
   HERO — SMALL MOBILE
========================================================== */

@media (max-width: 420px) {

    .dkz-home-hero__heading {
        top: 14px;
        left: 13px;
        right: 13px;

        padding: 15px 16px 16px;

        border-radius: 9px;
    }

    .dkz-home-hero__logo {
        max-width: 130px;

        margin-bottom: 10px;
    }

    .dkz-home-hero__title {
        font-size: 24px;
        line-height: 1.13;
    }

    .dkz-home-hero__lead {
        padding: 20px 17px 23px;

        font-size: 15px;
    }
}


/* ==========================================================
   3. ВЫБЕРИТЕ СВОЙ ФОРМАТ ОБУЧЕНИЯ
========================================================== */

.dkz-home-format-intro {
    box-sizing: border-box;

    width: 100%;

    margin: 0;
    padding: 48px 0 0;

    background: #fff;
}


/*
   Заголовок и фиолетовая линия берутся
   из общей дизайн-системы DekoKZ:

   .dkz-section-header
   .dkz-section-header__title
   .dkz-section-header__accent
*/

.dkz-home-format-intro .dkz-section-header {
    margin-bottom: 16px;
}


.dkz-home-format-intro__text {
    max-width: 720px;

    margin: 0;

    color: #625a54;

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


/* ----------------------------------------------------------
   Формат обучения — tablet
---------------------------------------------------------- */

@media (min-width: 769px) and (max-width: 1100px) {

    .dkz-home-format-intro {
        padding: 40px 0 0;
    }

    .dkz-home-format-intro__text {
        font-size: 17px;
    }
}


/* ----------------------------------------------------------
   Формат обучения — mobile
---------------------------------------------------------- */

@media (max-width: 768px) {

    .dkz-home-format-intro {
        padding: 32px 20px 0;

        background: #fff;
    }

    .dkz-home-format-intro .dkz-section-header {
        margin-bottom: 13px;
    }

    .dkz-home-format-intro__text {
        max-width: none;

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


/* ----------------------------------------------------------
   Формат обучения — small mobile
---------------------------------------------------------- */

@media (max-width: 420px) {

    .dkz-home-format-intro {
        padding: 29px 17px 0;
    }

    .dkz-home-format-intro__text {
        font-size: 15px;
    }
}


/* ==========================================================
   DekoKZ — товарные секции главной

   Используем:
   - dkz.section-header.html для H2 и фиолетовой линии;
   - штатную items-list__all / show-all MasterShop для ссылки.
========================================================== */


/* ----------------------------------------------------------
   Общая шапка товарного блока
---------------------------------------------------------- */

.product-list .items-list__head {
    position: relative;
}


/* ----------------------------------------------------------
   Заголовок + "Все обучение"
---------------------------------------------------------- */

.dkz-home-products-headline {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;

    gap: 24px;

    box-sizing: border-box;

    width: auto;
    max-width: calc(100% - 145px);

    margin: 0;
    padding: 0;
}


/* ----------------------------------------------------------
   Общий заголовок DekoKZ
   Его внутренние стили НЕ дублируем
---------------------------------------------------------- */

.dkz-home-products-headline .dkz-section-header {
    flex: 0 0 auto;

    width: auto;

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


/* ----------------------------------------------------------
   Штатная ссылка MasterShop
---------------------------------------------------------- */

.dkz-home-products-headline .items-list__all {
    position: static !important;

    display: block !important;
    flex: 0 0 auto !important;

    width: auto !important;

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


/* ----------------------------------------------------------
   Внешний вид ссылки
   Механику MasterShop не меняем
---------------------------------------------------------- */

.dkz-home-products-headline .items-list__all .show-all {
    display: inline-flex !important;
    align-items: center !important;

    gap: 7px !important;

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

    color: #f2184f !important;

    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;

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

    white-space: nowrap !important;
}


.dkz-home-products-headline .items-list__all .show-all:visited {
    color: #f2184f !important;
}


.dkz-home-products-headline .items-list__all .show-all:hover {
    color: #d91445 !important;
}


/* ----------------------------------------------------------
   Штатная стрелка MasterShop внутри ссылки
---------------------------------------------------------- */

.dkz-home-products-headline .items-list__all .button-more {
    margin-left: 0 !important;

    color: inherit !important;

    vertical-align: middle !important;
}


/* ==========================================================
   TABLET
========================================================== */

@media (min-width: 769px) and (max-width: 1100px) {

    .dkz-home-products-headline {
        gap: 20px;

        max-width: calc(100% - 125px);
    }

    .dkz-home-products-headline .items-list__all .show-all {
        font-size: 13px !important;
    }
}


/* ==========================================================
   MOBILE
========================================================== */

@media (max-width: 768px) {

    .dkz-home-products-headline {
        display: block;

        width: 100%;
        max-width: none;
    }

    .dkz-home-products-headline .dkz-section-header {
        margin-bottom: 10px;
    }

    .dkz-home-products-headline .items-list__all {
        margin: 0 0 20px !important;
    }

    .dkz-home-products-headline .items-list__all .show-all {
        font-size: 14px !important;
        white-space: normal !important;
    }
}

/* ==========================================================
   DekoKZ — О СТУДИИ
========================================================== */

.dkz-home-about {
    width: 100%;
    margin: 0;
    padding: var(--dkz-home-section-space) 0;

    background: #faf8fb;
}

.dkz-home-about__inner {
    width: 100%;
    margin: 0 auto;
}


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

.dkz-home-about__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);

    gap: 54px;

    align-items: center;

    margin-top: 30px;
}


/* ==========================================================
   ФОТО
========================================================== */

.dkz-home-about__media {
    min-width: 0;
}

.dkz-home-about__image {
    display: block;

    width: 100%;
    aspect-ratio: 1 / 1;

    border-radius: 16px;

    object-fit: cover;
}


/* ==========================================================
   КОНТЕНТ
========================================================== */

.dkz-home-about__content {
    min-width: 0;
}

.dkz-home-about__title {
    max-width: 620px;

    margin: 0 0 22px;

    color: #292522;

    font-size: 30px;
    font-weight: 700;
    line-height: 1.2;
}

.dkz-home-about__text {
    max-width: 680px;

    color: #514a45;

    font-size: 17px;
    line-height: 1.7;
}

.dkz-home-about__text p {
    margin: 0 0 16px;
}

.dkz-home-about__text p:last-child {
    margin-bottom: 0;
}


/* ==========================================================
   ФОРМАТЫ ОБУЧЕНИЯ
========================================================== */

.dkz-home-about__formats {
    margin-top: 24px;

    color: #625a54;

    font-size: 15px;
    font-weight: 500;
    line-height: 1.6;
}

.dkz-home-about__formats span {
    display: inline-block;

    margin: 0 7px;

    color: #786ee8;
}


/* ==========================================================
   ЦИФРЫ
========================================================== */

.dkz-home-about__stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));

    gap: 0;

    margin-top: 34px;

    border-top: 1px solid #e6e0e8;
    border-bottom: 1px solid #e6e0e8;
}

.dkz-home-about__stat {
    position: relative;

    padding: 24px 24px 24px 0;
}

.dkz-home-about__stat + .dkz-home-about__stat {
    padding-left: 24px;

    border-left: 1px solid #e6e0e8;
}

.dkz-home-about__stat strong {
    display: block;

    margin-bottom: 8px;

    color: #292522;

    font-size: 25px;
    font-weight: 700;
    line-height: 1.1;
}

.dkz-home-about__stat span {
    display: block;

    color: #625a54;

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


/* ==========================================================
   CTA
========================================================== */

.dkz-home-about__action {
    margin-top: 28px;
}

.dkz-home-about__link,
.dkz-home-about__link:visited {
    display: inline-flex;
    align-items: center;

    gap: 8px;

    color: #f2184f;

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

    text-decoration: none;
}

.dkz-home-about__link:hover {
    color: #d91445;
}

.dkz-home-about__link span {
    transition: transform .2s ease;
}

.dkz-home-about__link:hover span {
    transform: translateX(3px);
}


/* ==========================================================
   TABLET
========================================================== */

@media (min-width: 769px) and (max-width: 1100px) {

    .dkz-home-about {
        padding: var(--dkz-home-section-space) 0;
    }

    .dkz-home-about__grid {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);

        gap: 36px;
    }

    .dkz-home-about__title {
        font-size: 26px;
    }

    .dkz-home-about__text {
        font-size: 16px;
    }

    .dkz-home-about__stats {
        grid-template-columns: 1fr;
    }

    .dkz-home-about__stat,
    .dkz-home-about__stat + .dkz-home-about__stat {
        padding: 18px 0;

        border-left: 0;
        border-top: 1px solid #e6e0e8;
    }

    .dkz-home-about__stat:first-child {
        border-top: 0;
    }
}

/* ==========================================================
   DekoKZ — CUSTOM 3
   Мастер-классы и обучение DekoKZ

   Desktop:
   2 большие карточки
   3 компактные карточки

   Tablet:
   2 большие по одной
   3 компактные в ряд

   Mobile:
   2 большие по одной
   3 низкие горизонтальные
========================================================== */


/* ==========================================================
   ОБЩАЯ СЕКЦИЯ
========================================================== */

.dkz-home-directions {
    width: 100%;
    margin: 0;
    padding: var(--dkz-home-section-space) 0;
}


/* ==========================================================
   2 БОЛЬШИЕ КАРТОЧКИ
========================================================== */

.dkz-home-directions__featured {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 24px;

    margin-top: 30px;
}


/* ----------------------------------------------------------
   Большая карточка
---------------------------------------------------------- */

.dkz-home-direction-featured {
    position: relative;

    display: block;

    min-width: 0;
    min-height: 360px;

    overflow: hidden;

    border-radius: 16px;

    text-decoration: none;

    background: #ece8e4;
}


/* ----------------------------------------------------------
   Фото
---------------------------------------------------------- */

.dkz-home-direction-featured__image {
    position: absolute;
    inset: 0;

    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;

    transition: transform 0.45s ease;
}


/* ----------------------------------------------------------
   Затемнение / градиент
---------------------------------------------------------- */

.dkz-home-direction-featured__overlay {
    position: absolute;
    z-index: 1;
    inset: 0;
    display: block;

    background: linear-gradient(
        90deg,
        rgba(20, 18, 17, 0.25) 0%,
        rgba(20, 18, 17, 0.18) 46%,
        rgba(20, 18, 17, 0.05) 78%,
        rgba(20, 18, 17, 0) 100%
    );

    transition: background 0.3s ease;
}

/* ----------------------------------------------------------
   Контент большой карточки
---------------------------------------------------------- */

.dkz-home-direction-featured__content {
    position: relative;
    z-index: 2;

    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;

    box-sizing: border-box;

    min-height: 360px;

    padding: 34px 34px 32px;

    color: #fff;
}


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

.dkz-home-direction-featured__title {
    display: block;

    max-width: 520px;

    margin: 0 0 12px;

    color: #fff;

    font-size: 31px;
    font-weight: 700;
    line-height: 1.15;
}


/* ----------------------------------------------------------
   Подзаголовок
---------------------------------------------------------- */

.dkz-home-direction-featured__text {
    display: block;

    max-width: 500px;

    margin: 0 0 22px;

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

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


/* ----------------------------------------------------------
   Подробнее
---------------------------------------------------------- */

.dkz-home-direction-featured__more {
    display: inline-flex;
    align-items: center;

    gap: 8px;

    color: #fff;

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


.dkz-home-direction-featured__more span {
    transition: transform 0.2s ease;
}


/* ----------------------------------------------------------
   Hover
---------------------------------------------------------- */

.dkz-home-direction-featured:hover .dkz-home-direction-featured__image {
    transform: scale(1.035);
}


.dkz-home-direction-featured:hover .dkz-home-direction-featured__more span {
    transform: translateX(4px);
}


/* ==========================================================
   3 КОМПАКТНЫЕ КАРТОЧКИ
========================================================== */

.dkz-home-directions__standard {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));

    gap: 20px;

    margin-top: 24px;
}


/* ----------------------------------------------------------
   Компактная карточка
---------------------------------------------------------- */

.dkz-home-direction-standard {
    position: relative;

    display: block;

    min-width: 0;
    height: 210px;

    overflow: hidden;

    border-radius: 14px;

    text-decoration: none;

    background: #ece8e4;
}


/* ----------------------------------------------------------
   Фото
---------------------------------------------------------- */

.dkz-home-direction-standard__image {
    position: absolute;
    inset: 0;

    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;

    transition: transform 0.4s ease;
}


/* ----------------------------------------------------------
   Градиент
---------------------------------------------------------- */

.dkz-home-direction-standard__overlay {
    position: absolute;
    z-index: 1;
    inset: 0;

    display: block;

    background: linear-gradient(
        0deg,
        rgba(20, 18, 17, 0.68) 0%,
        rgba(20, 18, 17, 0.18) 62%,
        rgba(20, 18, 17, 0) 100%
    );
}


/* ----------------------------------------------------------
   Название
---------------------------------------------------------- */

.dkz-home-direction-standard__title {
    position: absolute;
    z-index: 2;

    left: 24px;
    right: 24px;
    bottom: 22px;

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

    gap: 12px;

    color: #fff;

    font-size: 20px;
    font-weight: 700;
    line-height: 1.25;
}


.dkz-home-direction-standard__title span {
    flex: 0 0 auto;

    font-size: 19px;

    transition: transform 0.2s ease;
}


/* ----------------------------------------------------------
   Hover
---------------------------------------------------------- */

.dkz-home-direction-standard:hover .dkz-home-direction-standard__image {
    transform: scale(1.035);
}


.dkz-home-direction-standard:hover .dkz-home-direction-standard__title span {
    transform: translateX(4px);
}


/* ==========================================================
   TABLET
========================================================== */

@media (min-width: 769px) and (max-width: 1100px) {

    .dkz-home-directions {
        padding: var(--dkz-home-section-space) 0;
    }


    /* 2 большие карточки — по одной */

    .dkz-home-directions__featured {
        grid-template-columns: 1fr;

        gap: 20px;

        margin-top: 26px;
    }


    .dkz-home-direction-featured {
        min-height: 320px;
    }


    .dkz-home-direction-featured__content {
        min-height: 320px;

        padding: 30px;
    }


    .dkz-home-direction-featured__title {
        font-size: 28px;
    }


    .dkz-home-direction-featured__text {
        font-size: 15px;
    }


    /* Нижние 3 остаются в ряд */

    .dkz-home-directions__standard {
        grid-template-columns: repeat(3, minmax(0, 1fr));

        gap: 16px;

        margin-top: 20px;
    }


    .dkz-home-direction-standard {
        height: 180px;
    }


    .dkz-home-direction-standard__title {
        left: 18px;
        right: 18px;
        bottom: 17px;

        font-size: 17px;
    }
}


/* ==========================================================
   MOBILE — CUSTOM 3
   Большие карточки:
   Выездные МК / Корпоративные МК
========================================================== */

@media (max-width: 768px) {

    .dkz-home-directions {
        padding: var(--dkz-home-section-space) 0;
    }

    .dkz-home-directions__featured {
        grid-template-columns: 1fr;
        gap: 16px;
        margin-top: 22px;
    }

    .dkz-home-direction-featured {
        min-height: 300px;
        border-radius: 12px;
    }

    .dkz-home-direction-featured__image {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    /* Затемнение только верхней части изображения */

.dkz-home-direction-featured__overlay {
    background: linear-gradient(
        180deg,
        rgba(20, 18, 17, 0.78) 0%,
        rgba(20, 18, 17, 0.52) 24%,
        rgba(20, 18, 17, 0.20) 46%,
        rgba(20, 18, 17, 0) 68%
    ) !important;
}

    /* Контент переносим наверх */

.dkz-home-direction-featured__content {
    position: absolute !important;
    z-index: 2 !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;

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

    box-sizing: border-box !important;
    min-height: 0 !important;

    padding: 22px 20px !important;
}

    .dkz-home-direction-featured__title {
        max-width: 90%;
        margin: 0 0 7px;
        font-size: 23px;
        line-height: 1.15;
    }

    .dkz-home-direction-featured__text {
        max-width: 88%;
        margin: 0 0 10px;
        font-size: 14px;
        line-height: 1.4;
    }

    .dkz-home-direction-featured__more {
        font-size: 14px;
        line-height: 1.3;
    }


    /* ------------------------------------------------------
       Нижние 3 — низкие горизонтальные
    ------------------------------------------------------ */

    .dkz-home-directions__standard {
        display: grid;
        grid-template-columns: 1fr;

        gap: 12px;

        margin-top: 18px;
    }


    .dkz-home-direction-standard {
        height: 118px;

        border-radius: 11px;
    }


    .dkz-home-direction-standard__overlay {
        background: linear-gradient(
            90deg,
            rgba(20, 18, 17, 0.70) 0%,
            rgba(20, 18, 17, 0.38) 54%,
            rgba(20, 18, 17, 0.05) 100%
        );
    }


    .dkz-home-direction-standard__title {
        top: 0;
        left: 20px;
        right: 20px;
        bottom: 0;

        justify-content: space-between;

        font-size: 17px;
        line-height: 1.25;
    }


    .dkz-home-direction-standard__title span {
        font-size: 18px;
    }
}


/* ==========================================================
   SMALL MOBILE
========================================================== */

@media (max-width: 420px) {

    .dkz-home-direction-featured {
        min-height: 270px;
    }


    .dkz-home-direction-featured__content {
        padding: 20px 18px !important;
    }


    .dkz-home-direction-featured__title {
        font-size: 23px;
    }


    .dkz-home-direction-featured__text {
        font-size: 14px;
    }


    .dkz-home-direction-standard {
        height: 108px;
    }


    .dkz-home-direction-standard__title {
        left: 17px;
        right: 17px;

        font-size: 16px;
    }
}

/* ==========================================================
   DekoKZ — НОВОСТИ НА ГЛАВНОЙ
========================================================== */

.dkz-home-news{
    width:100%;
    padding:var(--dkz-home-section-space) 0;
    box-sizing:border-box;
}


/* ==========================================================
   DekoKZ — ШАПКА БЛОКА НОВОСТЕЙ
========================================================== */

.dkz-home-news__head{
    margin-bottom:24px !important;
}

.dkz-home-news-headline{
    display:flex !important;
    align-items:flex-start !important;
    justify-content:flex-start !important;
    gap:22px !important;

    width:auto !important;
}

.dkz-home-news-headline .dkz-section-header{
    flex:0 0 auto !important;
    width:auto !important;
    margin:0 !important;
}

.dkz-home-news__all{
    display:block !important;

    flex:0 0 auto !important;

    width:auto !important;

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

.dkz-home-news__all .show-all{
    display:inline-flex !important;
    align-items:center !important;
    gap:8px !important;

    width:auto !important;

    margin:0 !important;

    white-space:nowrap !important;
}

/* ==========================================================
   DESKTOP — 3 НОВОСТИ
========================================================== */

.dkz-home-news__list{
    display:grid !important;
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
    gap:24px !important;

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


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

.dkz-home-news__item{
    display:block !important;
    width:auto !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
}

.dkz-home-news__card{
    display:flex !important;
    flex-direction:column !important;

    height:100% !important;

    background:#fff !important;
    border:1px solid #eeeeee !important;
    border-radius:14px !important;

    overflow:hidden !important;

    text-decoration:none !important;

    box-shadow:0 3px 14px rgba(0,0,0,.035) !important;

    transition:
        transform .2s ease,
        box-shadow .2s ease !important;
}

.dkz-home-news__card:hover{
    transform:translateY(-2px);
    box-shadow:0 8px 24px rgba(0,0,0,.07) !important;
}


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

.dkz-home-news__image{
    position:relative !important;

    width:100% !important;
    aspect-ratio:16 / 9 !important;

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

    overflow:hidden !important;

    background:#f5f5f5 !important;
}

.dkz-home-news__image img{
    display:block !important;

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

    margin:0 !important;

    object-fit:cover !important;

    transition:transform .35s ease;
}

.dkz-home-news__card:hover .dkz-home-news__image img{
    transform:scale(1.02);
}


/* ==========================================================
   ДАТА — СВЕТЛАЯ РАЗМЫТАЯ КАПСУЛА
========================================================== */

.dkz-home-news__date{
    position:absolute !important;

    left:16px !important;
    bottom:14px !important;

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

    width:auto !important;

    margin:0 !important;
    padding:7px 13px !important;

    background:rgba(255,255,255,.76) !important;

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

    border:1px solid rgba(255,255,255,.58) !important;
    border-radius:999px !important;

    box-shadow:0 2px 10px rgba(0,0,0,.08);

    color:#333 !important;

    font-size:13px !important;
    font-weight:500 !important;
    line-height:1.2 !important;

    white-space:nowrap !important;

    z-index:2;
}


/* Если у новости нет изображения */

.dkz-home-news__date--no-image{
    position:static !important;

    align-self:flex-start;

    margin:0 0 12px 0 !important;

    background:#f5f3f5 !important;

    -webkit-backdrop-filter:none;
    backdrop-filter:none;

    box-shadow:none;
}


/* ==========================================================
   ТЕКСТОВАЯ ЧАСТЬ
========================================================== */

.dkz-home-news__content{
    display:flex !important;
    flex-direction:column !important;
    flex:1 1 auto !important;

    padding:18px 20px 20px !important;

    box-sizing:border-box !important;
}


/* Заголовок — максимум 2 строки */

.dkz-home-news__title{
    display:-webkit-box !important;
    -webkit-box-orient:vertical !important;
    -webkit-line-clamp:2 !important;

    overflow:hidden !important;

    min-height:2.7em !important;

    margin:0 0 9px 0 !important;

    font-size:17px !important;
    font-weight:600 !important;
    line-height:1.35 !important;

    color:#333 !important;
}


/* Анонс — максимум 2 строки */

.dkz-home-news__desc{
    display:-webkit-box !important;
    -webkit-box-orient:vertical !important;
    -webkit-line-clamp:2 !important;

    overflow:hidden !important;

    margin:0 0 14px 0 !important;

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

    color:#666 !important;
}


/* Читать новость */

.dkz-home-news__more{
    display:inline-flex !important;
    align-items:center !important;

    align-self:flex-start !important;

    margin:auto 0 0 0 !important;

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

    text-decoration:none !important;
}


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

@media (min-width:769px) and (max-width:1100px){

    .dkz-home-news__list{
        gap:18px !important;
    }

    .dkz-home-news__content{
        padding:16px 16px 18px !important;
    }

    .dkz-home-news__title{
        font-size:16px !important;
    }

    .dkz-home-news__desc{
        font-size:13px !important;
    }

    .dkz-home-news__date{
        left:12px !important;
        bottom:12px !important;

        padding:6px 11px !important;

        font-size:12px !important;
    }
}


/* ==========================================================
   MOBILE — 2 НОВОСТИ В ОДНУ СТРОКУ
========================================================== */

@media (max-width:768px){

    .dkz-home-news__head{
        margin-bottom:16px !important;
    }

    .dkz-home-news-headline{
        align-items:center !important;
        gap:10px !important;
    }

    .dkz-home-news__all{
        margin:0 !important;
    }

    .dkz-home-news__all .show-all{
        font-size:13px !important;
    }


    /* Две карточки рядом */

    .dkz-home-news__list{
        grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
        gap:10px !important;
    }


    /* Третью новость на телефоне не показываем */

    .dkz-home-news__item:nth-child(n+3){
        display:none !important;
    }


    .dkz-home-news__card{
        border-radius:10px !important;
    }


    /* Фото */

    .dkz-home-news__image{
        aspect-ratio:4 / 3 !important;
    }


    /* Дата */

    .dkz-home-news__date{
        left:7px !important;
        bottom:7px !important;

        padding:4px 7px !important;

        font-size:10px !important;

        -webkit-backdrop-filter:blur(6px);
        backdrop-filter:blur(6px);
    }


    /* Контент */

    .dkz-home-news__content{
        padding:10px 10px 12px !important;
    }


    /* На мобильном только заголовок */

    .dkz-home-news__title{
        -webkit-line-clamp:3 !important;

        min-height:0 !important;

        margin:0 0 9px 0 !important;

        font-size:13px !important;
        line-height:1.3 !important;
    }


    /* Анонс убираем */

    .dkz-home-news__desc{
        display:none !important;
    }


    /* Читать */

    .dkz-home-news__more{
        font-size:11px !important;
    }

    .dkz-home-news__more .button-more{
        margin-left:4px !important;
    }
}

/* ==========================================================
   MOBILE — ABOUT STUDIO
   Полная мобильная компоновка блока "О студии DekoKZ"
========================================================== */

@media (max-width: 768px) {

    /* ------------------------------------------------------
       Сама секция
    ------------------------------------------------------ */

    .dkz-home-about {
        width: 100% !important;

        margin: 0 !important;
        padding: var(--dkz-home-section-space) 0 0 !important;

        background: #f5f0eb !important;

        box-sizing: border-box !important;
    }


    /* ------------------------------------------------------
       Внутренний контейнер
    ------------------------------------------------------ */

    .dkz-home-about__inner {
        width: 100% !important;
        max-width: none !important;

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

        box-sizing: border-box !important;
    }


    /* ------------------------------------------------------
       Заголовок секции
    ------------------------------------------------------ */

    .dkz-home-about .dkz-section-header {
        margin: 0 0 18px !important;
        padding: 0 16px !important;

        box-sizing: border-box !important;
    }


    /* ------------------------------------------------------
       Основная сетка
    ------------------------------------------------------ */

    .dkz-home-about__grid {
        display: block !important;

        width: 100% !important;

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

        gap: 0 !important;
    }


    /* ------------------------------------------------------
       Фото
    ------------------------------------------------------ */

    .dkz-home-about__media {
        display: block !important;

        width: 100% !important;

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

    .dkz-home-about__image {
        display: block !important;

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

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

        object-fit: cover !important;
    }


    /* ------------------------------------------------------
       Текстовая часть
    ------------------------------------------------------ */

    .dkz-home-about__content {
        width: 100% !important;

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

        box-sizing: border-box !important;
    }


    /* ------------------------------------------------------
       Заголовок внутри блока
    ------------------------------------------------------ */

    .dkz-home-about__title {
        margin: 0 !important;
        padding: 18px 16px 0 !important;

        font-size: 20px !important;
        font-weight: 700 !important;
        line-height: 1.3 !important;

        box-sizing: border-box !important;
    }


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

    .dkz-home-about__text {
        margin: 20px 0 0 !important;
        padding: 0 16px !important;

        box-sizing: border-box !important;
    }

    .dkz-home-about__text p {
        margin: 0 0 16px !important;

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

    .dkz-home-about__text p:last-child {
        margin-bottom: 0 !important;
    }


    /* ------------------------------------------------------
       Форматы обучения
    ------------------------------------------------------ */

    .dkz-home-about__formats {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;

        gap: 3px 7px !important;

        width: 100% !important;

        margin: 20px 0 0 !important;
        padding: 0 16px !important;

        box-sizing: border-box !important;

        font-size: 13px !important;
        line-height: 1.45 !important;
        text-align: center !important;
    }


    /* ======================================================
       СТАТИСТИКА
    ====================================================== */

    .dkz-home-about__stats {
        display: block !important;

        width: 100% !important;

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


    .dkz-home-about__stat {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;

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

        margin: 0 !important;
        padding: 18px 16px !important;

        text-align: center !important;

        box-sizing: border-box !important;
    }


    /* Бежевый / белый / бежевый */

    .dkz-home-about__stat:nth-child(1),
    .dkz-home-about__stat:nth-child(3) {
        background: #f7f1e8 !important;
    }

    .dkz-home-about__stat:nth-child(2) {
        background: #f5f0eb !important;
    }


    .dkz-home-about__stat strong {
        display: block !important;

        margin: 0 0 6px !important;

        font-size: 27px !important;
        font-weight: 700 !important;
        line-height: 1.1 !important;
    }


    .dkz-home-about__stat span {
        display: block !important;

        max-width: 280px !important;

        margin: 0 !important;

        font-size: 13px !important;
        line-height: 1.4 !important;

        text-align: center !important;
    }


    /* ------------------------------------------------------
       Ссылка "Узнать больше"
    ------------------------------------------------------ */

    .dkz-home-about__action {
        width: 100% !important;

        margin: 0 !important;
        padding: 20px 16px 22px !important;

        box-sizing: border-box !important;

        text-align: center !important;
    }


    .dkz-home-about__link {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        gap: 6px !important;

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

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

}

/* ==========================================================
   7. ПЕРЕХОД К СТАНДАРТНЫМ ИНФОБЛОКАМ MASTERSHOP
========================================================== */

#main-content .content.mainpage {
    margin-bottom: 0 !important;
}

#main-content:has(.dkz-home-about),
#main-content:has(.dkz-home-about) > .l-wrapper {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

#main-content + .bullets,
#main-content:has(.dkz-home-about) + .bullets {
    margin-top: 0 !important;
    padding-top: 36px !important;
}

@media (max-width: 768px) {
    #main-content + .bullets,
    #main-content:has(.dkz-home-about) + .bullets {
        padding-top: 24px !important;
    }
}

/* ==========================================================
   8. ЕДИНЫЙ ВЕРТИКАЛЬНЫЙ РИТМ И ФОНЫ СЕКЦИЙ
========================================================== */

#main-content .content.mainpage {
    --dkz-home-section-space: 44px;
}

@media (min-width: 769px) and (max-width: 1100px) {
    #main-content .content.mainpage {
        --dkz-home-section-space: 36px;
    }
}

@media (max-width: 768px) {
    #main-content .content.mainpage {
        --dkz-home-section-space: 28px;
    }
}

.mainpage__cats-slider {
    margin-bottom: 0 !important;
}

.dkz-home-section--live {
    position: relative;
    margin: 0 !important;
    padding: var(--dkz-home-section-space) 0 !important;
    background: #faf8f6;
    box-shadow: 50vw 0 0 #faf8f6, -50vw 0 0 #faf8f6;
    box-sizing: border-box;
}

.product-list--homepage-2 {
    margin: 0 !important;
    padding: var(--dkz-home-section-space) 0 !important;
    background: #fff;
    box-sizing: border-box;
}

.product-list--homepage-3 {
    margin: 0 !important;
    padding: var(--dkz-home-section-space) 0 !important;
    background: #faf8f6;
    box-shadow: 50vw 0 0 #faf8f6, -50vw 0 0 #faf8f6;
    box-sizing: border-box;
}

.dkz-home-directions {
    margin: 0 !important;
    background: #fff;
}

.home-news {
    margin: 0 !important;
    background: #faf8f6;
    box-shadow: 50vw 0 0 #faf8f6, -50vw 0 0 #faf8f6;
}

.dkz-home-about {
    margin: 0 !important;
    padding: var(--dkz-home-section-space) 0 !important;
    background: #f5f0eb;
    box-shadow: 50vw 0 0 #f5f0eb, -50vw 0 0 #f5f0eb;
    box-sizing: border-box;
}

@media (max-width: 768px) {
    .dkz-home-about {
        padding-bottom: 0 !important;
    }
}