.block-secondary-hero {
    background-color: var(--mp-orange);
    background-size: cover;
    background-position: center;
    color: var(--mp-white);
    position: relative;
    padding: clamp(80px, 12vw, 160px) 0 !important;
}
.block-secondary-hero__overlay {
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    overflow: hidden;
}
.single-post-body {
    background: #fff;
}
.single-post-body.mp-pattern-bg::before {
    opacity: 0.2;
}
.single-post__hero.block-secondary-hero__overlay {
    background: rgba(0, 0, 0, 0.5);
}

/* Нижній шар: прогресивний backdrop-blur (сильніше до низу за маскою) */
.block-secondary-hero__overlay::before {
    content: "";
    position: absolute;
    inset: 0;
    backdrop-filter: blur(22px) saturate(1.12);
    -webkit-backdrop-filter: blur(22px) saturate(1.12);
    mask-image: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0.12) 0%,
        rgba(0, 0, 0, 0.55) 42%,
        rgba(0, 0, 0, 1) 100%
    );
    -webkit-mask-image: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0.12) 0%,
        rgba(0, 0, 0, 0.55) 42%,
        rgba(0, 0, 0, 1) 100%
    );
}

/* Верхній шар: затемнення для контрасту тексту */
.block-secondary-hero__overlay::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        180deg,
        rgba(15, 29, 46, 0.06) 0%,
        rgba(15, 29, 46, 0.22) 48%,
        rgba(15, 29, 46, 0.38) 100%
    );
}

@media (prefers-reduced-motion: reduce) {
    .block-secondary-hero__overlay::before {
        backdrop-filter: blur(8px);
        -webkit-backdrop-filter: blur(8px);
    }
}

.block-secondary-hero--pattern {
    background-image: none;
}
.block-secondary-hero .container {
    position: relative;
    z-index: 1;
}
.block-secondary-hero__content {
    text-align: center;
    max-width: 880px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
}
.block-secondary-hero__tag {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 18px;
    background: rgba(255,255,255,0.15);
    border-radius: var(--mp-radius-pill);
    border: 1px solid rgba(255,255,255,0.3);
    color: var(--mp-white);
    font-size: 14px;
    font-weight: 500;
}
.block-secondary-hero__tag-icon {
    width: 18px;
    height: 18px;
    display: inline-flex;
}
.block-secondary-hero__tag-icon img {
    width: 100%;
    height: 100%;
    filter: brightness(0) invert(1);
}
.block-secondary-hero__title {
    font-size: clamp(40px, 6vw, 72px);
    font-weight: 700;
    line-height: 1.05;
    margin: 0;
    color: var(--mp-white);
}
.block-secondary-hero__description {
    font-size: 18px;
    color: rgba(255,255,255,0.9);
    margin: 0;
    max-width: 640px;
}
.block-secondary-hero .mp-btn--white {
    color: var(--mp-orange);
    background: var(--mp-white);
}