#sp-header {background-color: rgb(255 255 255 / 50%);}
.sp-megamenu-parent>li>a {color: #211f1f;}
.article-header-container {
  background: #0f8079;
  min-height: 410px;
  max-height: 556px;
  height: 100%;
}
}
.view-article .article-header-container .article-header-info .article-header>:first-child {
    font-size: 60px !important;
    line-height: 60px;
}
.view-article .v-smi .article-header-container {background: none;}
.view-article .v-smi .article-header-container .article-header-info {display: none;}
.sp-page-title .sp-page-title-heading {font-size: 68px;}
#sp-header.header-sticky #sp-logo .logo .logo-image {filter: none;}
.sp-module.search-but {margin-right: 35px;}
.sp-megamenu-parent>li.active>a, .sp-megamenu-parent>li.active:hover>a,.sp-megamenu-parent>li:hover>a {color: #0F8079;}
.sp-page-title {
    position: relative;
}

.sp-page-title::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 70%; /* Градиент занимает 70% ширины слева */
    height: 100%;
    background: linear-gradient(
        to right,
        rgba(0, 0, 0, 0.6) 0%,
        rgba(0, 0, 0, 0.4) 50%,
        rgba(0, 0, 0, 0) 100%
    );
    z-index: 1;
    pointer-events: none; /* Чтобы градиент не мешал кликать по элементам */
}

.sp-page-title .container {
    position: relative;
    z-index: 2;
}

.sp-page-title-heading {
    color: #ffffff !important;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}
.view-category .article-list .article .article-body .article-info {
    display: flex;
}
.view-article.inter .article-header-container .article-header-info .article-header>:first-child, .view-article.article-listing .article-header-container .article-header-info .article-header>:first-child {
    font-size: clamp(24px, 5vw, 52px) !important;
    word-spacing: 10px; /* Больше воздуха между словами */
    letter-spacing: 1px; /* Немного разреженные буквы */
    font-weight: 300; /* Более легкое начертание */
    line-height: 1.2;
    margin: 0.5em;
}
@media (max-width: 992px) {
   .sp-module.search-but {
        display: none !important;
    }
}