/* Плавный переход между header и features */

/* Добавляем градиент прямо к фону header */
header.header {
    background: 
        linear-gradient(to bottom, 
            transparent 0%, 
            transparent 65%,
            rgba(0, 0, 0, 0.15) 75%,
            rgba(0, 0, 0, 0.4) 85%,
            rgba(0, 0, 0, 0.7) 92%,
            rgba(0, 0, 0, 0.95) 98%,
            rgba(0, 0, 0, 1) 100%
        ),
        url(../img/header-back.png) no-repeat center center !important;
    background-size: cover !important;
}

/* Features с градиентом сверху */
section.features {
    padding-top: 140px !important;
}

section.features::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 350px;
    background: linear-gradient(to bottom, 
        rgba(0, 0, 0, 1) 0%,
        rgba(0, 0, 0, 0.95) 2%,
        rgba(0, 0, 0, 0.7) 8%,
        rgba(0, 0, 0, 0.4) 15%,
        rgba(0, 0, 0, 0.15) 25%,
        transparent 35%
    );
    z-index: 1;
    pointer-events: none;
}

section.features .container {
    position: relative;
    z-index: 2;
}

/* ЧЕРНЫЙ градиент в новостном блоке */
.hnsi__back::after {
    background: linear-gradient(to bottom,
        rgba(0, 0, 0, 0) 0%,
        rgba(0, 0, 0, 0) 30%,
        rgba(0, 0, 0, 0.1) 45%,
        rgba(0, 0, 0, 0.3) 60%,
        rgba(0, 0, 0, 0.6) 75%,
        rgba(0, 0, 0, 0.85) 90%,
        rgba(0, 0, 0, 1) 100%
    ) !important;
}

/* ЧЕРНЫЙ градиент снизу */
.gifts::after {
    background: linear-gradient(to top, 
        rgba(0, 0, 0, 1) 0%,
        rgba(0, 0, 0, 0.85) 10%,
        rgba(0, 0, 0, 0.6) 25%,
        rgba(0, 0, 0, 0.3) 50%,
        rgba(0, 0, 0, 0.1) 70%,
        transparent 100%
    ) !important;
}

/* Меняем цвет стрелок слайдеров с белого на светло-фиолетовый */

/* Черный контур для всех фиолетовых текстов */

/* Контур для заголовков и основных элементов */
.header-welcome__title,
.header-news__title,
.features__title,
.gifts__title,
.stream__title,
.download-item__title,
.news-page__title,
.contacts-subtitle {
    -webkit-text-stroke: 1px #000;
    text-stroke: 1px #000;
    paint-order: stroke fill;
}

/* Контур для элементов с конкретными фиолетовыми цветами */
[style*="color: #851481"],
[style*="color:#851481"],
[style*="color: #a855f7"],
[style*="color:#a855f7"],
[style*="color: #c084fc"],
[style*="color:#c084fc"],
[style*="color: #d8b4fe"],
[style*="color:#d8b4fe"] {
    -webkit-text-stroke: 1px #000 !important;
    text-stroke: 1px #000 !important;
    paint-order: stroke fill !important;
}

/* Контур для span элементов с фиолетовым текстом */
span[style*="color"] {
    -webkit-text-stroke: 1px #000;
    text-stroke: 1px #000;
    paint-order: stroke fill;
}

/* Контур для цен и специальных элементов */
.price,
.special-text,
.promo-title,
.admin-role,
.contact-label {
    -webkit-text-stroke: 1px #000 !important;
    text-stroke: 1px #000 !important;
    paint-order: stroke fill !important;
}

/* Усиленный контур для очень светлых фиолетовых */
.admin-role,
[style*="color: #d8b4fe"],
[style*="color:#d8b4fe"] {
    -webkit-text-stroke: 1.5px #000 !important;
    text-stroke: 1.5px #000 !important;
    paint-order: stroke fill !important;
}

/* Контур для ссылок с фиолетовым цветом */
a[style*="color: #"] {
    -webkit-text-stroke: 1px #000;
    text-stroke: 1px #000;
    paint-order: stroke fill;
}

/* Контур для элементов features */
.features-item__title {
    -webkit-text-stroke: 1px #000 !important;
    text-stroke: 1px #000 !important;
    paint-order: stroke fill !important;
}

/* Контур для стрелок слайдера (они уже фиолетовые) */
.header-news__slider .owl-nav button span,
.features__slider .owl-nav button span,
.gifts__slider .owl-nav button span,
.stream__slider .owl-nav button span {
    -webkit-text-stroke: 1.5px #000 !important;
    text-stroke: 1.5px #000 !important;
    paint-order: stroke fill !important;
}

/* Контур для подзаголовков */
.header-welcome__text {
    -webkit-text-stroke: 0.8px #000;
    text-stroke: 0.8px #000;
    paint-order: stroke fill;
}

/* Контур для кнопок с фиолетовым текстом */
button[style*="color"],
.btn[style*="color"] {
    -webkit-text-stroke: 1px #000;
    text-stroke: 1px #000;
    paint-order: stroke fill;
}