* {
    box-sizing: border-box;
}

html,
body {
    margin: 0;
    padding: 0;
}

body {
    background: #FFFFFF;
    color: #303236;

    font-family:
        Nunito,
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;
}

.saluts-blog-header {
    min-height: 72px;

    display: flex;
    align-items: center;

    gap: 30px;

    padding: 14px 5vw;

    border-bottom: 1px solid #ECEEF1;

    background: #FFFFFF;
}

.saluts-blog-logo img {
    display: block;
    width: 120px;
}

.saluts-blog-header nav {
    display: flex;
    align-items: center;

    gap: 22px;

    flex: 1;
}

.saluts-blog-header nav a {
    color: #4D4D4F;
    text-decoration: none;

    font-size: 14px;
    font-weight: 800;
}

.saluts-blog-create {
    padding: 11px 16px;

    border-radius: 12px;

    background: #FC6967;
    color: #FFFFFF;

    text-decoration: none;

    font-size: 14px;
    font-weight: 900;
}

.saluts-article {
    width: min(
        100% - 40px,
        920px
    );

    margin: 0 auto;
    padding: 54px 0 90px;
}

.saluts-article-head {
    max-width: 780px;
    margin: 0 auto 34px;
}

.saluts-article-back {
    display: inline-block;

    margin-bottom: 24px;

    color: #FC6967;
    text-decoration: none;

    font-size: 14px;
    font-weight: 900;
}

.saluts-article h1 {
    margin: 0;

    color: #282A2E;

    font-size: clamp(
        36px,
        6vw,
        64px
    );

    line-height: 1.05;
    letter-spacing: -.035em;
}

.saluts-article-lead {
    margin: 24px 0 0;

    color: #666A70;

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

.saluts-article-author {
    margin-top: 20px;

    color: #858A91;

    font-size: 13px;
    font-weight: 800;
}

.saluts-article-cover {
    margin: 0 0 46px;
}

.saluts-article-cover img {
    display: block;

    width: 100%;

    border-radius: 20px;
}

.saluts-article-body {
    max-width: 780px;

    margin: 0 auto;

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

.saluts-article-p {
    white-space: pre-line;
}

.saluts-article-body h2 {
    margin: 50px 0 18px;

    font-size: 34px;
    line-height: 1.2;
}

.saluts-article-body h3 {
    margin: 38px 0 14px;

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

.saluts-article-image,
.saluts-gallery {
    margin: 42px 0;
}

.saluts-article-image img,
.saluts-gallery-slide img {
    display: block;

    width: 100%;
    max-height: 720px;

    object-fit: contain;

    border-radius: 18px;

    background: #F6F7F8;
}

.saluts-article-image figcaption,
.saluts-gallery-slide figcaption {
    margin-top: 10px;

    color: #777C83;

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

.saluts-gallery-stage {
    position: relative;

    overflow: hidden;
}

.saluts-gallery-slide {
    display: none;
    margin: 0;
}

.saluts-gallery-slide.is-active {
    display: block;
}

.saluts-gallery-arrow {
    position: absolute;
    top: 50%;

    width: 46px;
    height: 46px;

    transform: translateY(-50%);

    border: 0;
    border-radius: 50%;

    background: rgba(255,255,255,.94);
    color: #3F4247;

    box-shadow:
        0 4px 20px
        rgba(0,0,0,.12);

    cursor: pointer;

    font-size: 20px;
    font-weight: 900;
}

.saluts-gallery-arrow.is-prev {
    left: 14px;
}

.saluts-gallery-arrow.is-next {
    right: 14px;
}

.saluts-gallery-footer {
    display: flex;
    justify-content: flex-end;

    padding-top: 10px;

    color: #777C83;

    font-size: 13px;
    font-weight: 800;
}

.saluts-article-quote {
    margin: 42px 0;
    padding: 8px 0 8px 24px;

    border-left: 4px solid #4FD1C5;
}

.saluts-article-quote p {
    margin: 0;

    font-size: 24px;
    line-height: 1.45;
    font-weight: 800;
}

.saluts-article-quote cite {
    display: block;

    margin-top: 12px;

    color: #777C83;

    font-size: 13px;
    font-style: normal;
}

.saluts-article-callout,
.saluts-inline-cta {
    margin: 36px 0;
    padding: 24px;

    border-radius: 16px;

    background: rgba(79,209,197,.10);
}

.saluts-inline-cta {
    background: rgba(252,105,103,.08);
}

.saluts-inline-cta a {
    display: inline-block;

    margin-top: 8px;
    padding: 11px 16px;

    border-radius: 10px;

    background: #FC6967;
    color: #FFFFFF;

    text-decoration: none;

    font-weight: 900;
}

.saluts-article-list {
    padding-left: 28px;
}

.saluts-article-list li {
    margin: 8px 0;
}

.saluts-table-wrap {
    overflow-x: auto;

    margin: 36px 0;
}

.saluts-table-wrap table {
    width: 100%;

    border-collapse: collapse;
}

.saluts-table-wrap td {
    padding: 12px;

    border: 1px solid #E4E6E9;
}

.saluts-faq {
    margin: 36px 0;
}

.saluts-faq details {
    padding: 16px 0;

    border-bottom: 1px solid #E8EAED;
}

.saluts-faq summary {
    cursor: pointer;

    font-weight: 900;
}

.saluts-related {
    display: flex;
    justify-content: space-between;

    margin: 24px 0;
    padding: 18px 20px;

    border: 1px solid #E7E9EC;
    border-radius: 14px;

    color: #3F4247;

    text-decoration: none;

    font-weight: 900;
}

.saluts-related span {
    color: #FC6967;
}

.saluts-video-link {
    margin: 32px 0;
}

.saluts-video-link a {
    color: #FC6967;
    font-weight: 900;
}

@media (max-width: 820px) {
    .saluts-blog-header nav {
        display: none;
    }

    .saluts-blog-create {
        margin-left: auto;
    }

    .saluts-article {
        width: min(
            100% - 28px,
            920px
        );

        padding-top: 34px;
    }

    .saluts-article-lead {
        font-size: 18px;
    }

    .saluts-article-body {
        font-size: 17px;
    }

    .saluts-gallery-arrow {
        width: 40px;
        height: 40px;
    }
}


/* SALUTS_GALLERY_UI_V2 */

.saluts-gallery {
    overflow: hidden;

    border: 1px solid #E7E9EC;
    border-radius: 20px;

    background: #FFFFFF;
}

.saluts-gallery-stage {
    position: relative;

    overflow: hidden;

    background: #F6F7F8;
}

.saluts-gallery-slide img {
    border-radius: 0;
}

.saluts-gallery-arrow {
    width: 52px;
    height: 52px;

    background: #FC6967;
    color: #FFFFFF;

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

    opacity: .96;

    transition:
        transform .18s ease,
        opacity .18s ease;
}

.saluts-gallery-arrow:hover {
    transform:
        translateY(-50%)
        scale(1.06);

    opacity: 1;
}

.saluts-gallery-arrow:focus-visible {
    outline: 3px solid #4FD1C5;
    outline-offset: 3px;
}

.saluts-gallery-arrow.is-prev {
    left: 16px;
}

.saluts-gallery-arrow.is-next {
    right: 16px;
}

.saluts-gallery-footer {
    display: flex;
    align-items: center;

    gap: 14px;

    min-height: 54px;

    padding: 12px 16px;

    background: #FFFFFF;

    border-top: 1px solid #ECEEF1;
}

.saluts-gallery-footer::before {
    content: "Галерея";

    color: #4D4D4F;

    font-size: 13px;
    font-weight: 900;
}

.saluts-gallery-dots {
    display: flex;
    align-items: center;
    justify-content: center;

    gap: 7px;

    margin-left: auto;
}

.saluts-gallery-dot {
    width: 8px;
    height: 8px;

    padding: 0;

    border: 0;
    border-radius: 999px;

    background:
        rgba(252,105,103,.28);

    cursor: pointer;

    transition:
        width .18s ease,
        background .18s ease;
}

.saluts-gallery-dot.is-active {
    width: 24px;

    background: #FC6967;
}

.saluts-gallery-counter {
    min-width: 34px;

    color: #777C83;

    text-align: right;

    font-size: 13px;
    font-weight: 900;
}

@media (max-width: 820px) {
    .saluts-gallery-arrow {
        width: 42px;
        height: 42px;
    }

    .saluts-gallery-arrow.is-prev {
        left: 10px;
    }

    .saluts-gallery-arrow.is-next {
        right: 10px;
    }

    .saluts-gallery-footer {
        padding:
            10px
            12px;
    }
}


/* SALUTS_ARTICLE_LAYOUT_V5 */

.saluts-article {
    width: min(
        calc(100% - 64px),
        1200px
    );

    margin: 0 auto;

    padding:
        52px 0
        96px;
}

/* Одна сетка для всего материала */

.saluts-article-head,
.saluts-article-body,
.saluts-article-lead,
.saluts-article-cover,
.saluts-article-image,
.saluts-gallery {
    width: 100%;
    max-width: 1200px;

    margin-left: auto;
    margin-right: auto;
}

.saluts-article-head {
    margin-bottom: 34px;
}

.saluts-article h1 {
    max-width: none;
}

/* Обложка */

.saluts-article-cover {
    aspect-ratio: 16 / 9;

    margin-top: 0;
    margin-bottom: 36px;

    overflow: hidden;

    border-radius: 20px;

    background: #F6F7F8;
}

.saluts-article-cover img {
    display: block;

    width: 100%;
    height: 100%;

    max-height: none;

    object-fit: cover;

    border-radius: 0;
}

/* Лид после обложки */

.saluts-article-lead {
    margin-top: 0;
    margin-bottom: 44px;

    color: #666A70;

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

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

.saluts-article-body {
    color: #303236;

    font-size: 20px;
    line-height: 1.68;
}

.saluts-article-body h2 {
    margin:
        54px 0
        20px;

    font-size: 36px;
    line-height: 1.18;
}

.saluts-article-body h3 {
    margin:
        42px 0
        16px;

    font-size: 27px;
    line-height: 1.22;
}

.saluts-article-p {
    margin:
        0 0
        24px;
}

/* Обычное изображение статьи */

.saluts-article-image {
    margin-top: 40px;
    margin-bottom: 40px;
}

.saluts-article-image img {
    display: block;

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

    max-height: none;

    object-fit: contain;

    border-radius: 18px;

    background: #F6F7F8;
}

/* Галерея */

.saluts-gallery {
    margin-top: 44px;
    margin-bottom: 44px;

    overflow: hidden;

    border-radius: 20px;
}

.saluts-gallery-frame {
    width: 100%;
    aspect-ratio: 16 / 9;

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

    overflow: hidden;

    background: #F6F7F8;
}

.saluts-gallery-frame img {
    display: block;

    width: 100%;
    height: 100%;

    max-height: none;

    object-fit: contain;

    border-radius: 0;
}

.saluts-gallery-slide {
    margin: 0;
}

.saluts-gallery-slide.is-active {
    display: block;

    padding: 0;
}

.saluts-gallery-slide figcaption {
    position: static;

    margin: 0;
    padding: 12px 16px 4px;

    max-height: none;
    overflow: visible;

    color: #777C83;

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

.saluts-gallery-dots {
    display: none !important;
}

.saluts-gallery-footer {
    min-height: 52px;

    justify-content: space-between;

    padding:
        10px
        16px;
}

.saluts-gallery-counter {
    margin-left: auto;
}

/* Mobile */

@media (max-width: 820px) {
    .saluts-article {
        width: calc(100% - 32px);

        padding:
            34px 0
            64px;
    }

    .saluts-article-lead {
        font-size: 19px;
    }

    .saluts-article-body {
        font-size: 18px;
        line-height: 1.65;
    }

    .saluts-article-body h2 {
        font-size: 30px;
    }

    .saluts-article-body h3 {
        font-size: 24px;
    }
}

@media (max-width: 640px) {
    .saluts-gallery-arrow {
        display: none;
    }
}

/* SALUTS_RICH_COLUMNS_V1 */

.saluts-rich-text strong,
.saluts-rich-text b {
    font-weight: 900;
}

.saluts-rich-text em,
.saluts-rich-text i {
    font-style: italic;
}

.saluts-rich-text a {
    color: #357E78;

    text-decoration:
        underline;

    text-underline-offset:
        3px;
}

.saluts-rich-text > :first-child {
    margin-top: 0;
}

.saluts-rich-text > :last-child {
    margin-bottom: 0;
}

.saluts-columns {
    width: 100%;

    display: grid;

    align-items: start;

    margin:
        40px auto;

    max-width:
        1200px;
}

.saluts-columns--2.saluts-columns--50-50 {
    grid-template-columns:
        minmax(0, 1fr)
        minmax(0, 1fr);
}

.saluts-columns--2.saluts-columns--40-60 {
    grid-template-columns:
        minmax(0, 2fr)
        minmax(0, 3fr);
}

.saluts-columns--2.saluts-columns--60-40 {
    grid-template-columns:
        minmax(0, 3fr)
        minmax(0, 2fr);
}

.saluts-columns--3 {
    grid-template-columns:
        repeat(
            3,
            minmax(0, 1fr)
        );
}

.saluts-columns-gap--compact {
    gap: 20px;
}

.saluts-columns-gap--normal {
    gap: 36px;
}

.saluts-columns-gap--wide {
    gap: 56px;
}

.saluts-column {
    min-width: 0;

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

@media (max-width: 760px) {
    .saluts-columns,
    .saluts-columns--2,
    .saluts-columns--3 {
        grid-template-columns:
            1fr !important;

        gap: 24px;
    }
}

/* SALUTS_TABLE_V2 */

.saluts-table-wrap th {
    font-weight:
        900;

    text-align:
        left;

    background:
        rgba(
            79,
            209,
            197,
            .08
        );
}

/* BLOG_PUBLIC_HOME_V1 */

.saluts-blog-home {
    width: min(1200px, calc(100% - 40px));
    margin: 0 auto;
    padding: 54px 0 96px;
}

.saluts-blog-home-intro {
    display: grid;
    grid-template-columns:
        minmax(0, 1.35fr)
        minmax(320px, .65fr);
    gap: 48px;
    align-items: end;
    margin-bottom: 48px;
}

.saluts-blog-home-intro-copy h1 {
    margin: 0;
    font-size: clamp(42px, 5vw, 72px);
    line-height: .98;
    letter-spacing: -.045em;
}

.saluts-blog-home-intro-copy p {
    max-width: 640px;
    margin: 20px 0 0;
    font-size: 20px;
    line-height: 1.45;
    color: rgba(15, 23, 42, .68);
}

.saluts-blog-search {
    min-width: 0;
}

.saluts-blog-search-label {
    display: block;
    margin-bottom: 9px;
    font-size: 14px;
    font-weight: 700;
    color: rgba(15, 23, 42, .72);
}

.saluts-blog-search-control {
    display: flex;
    gap: 10px;
}

.saluts-blog-search-control input {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    height: 52px;
    padding: 0 18px;
    border: 1px solid rgba(15, 23, 42, .14);
    border-radius: 16px;
    background: #fff;
    color: #0f172a;
    font: inherit;
    outline: none;
}

.saluts-blog-search-control input:focus {
    border-color: #4FD1C5;
    box-shadow: 0 0 0 3px rgba(79, 209, 197, .14);
}

.saluts-blog-search-control button {
    height: 52px;
    padding: 0 22px;
    border: 0;
    border-radius: 16px;
    background: #FC6967;
    color: #fff;
    font: inherit;
    font-weight: 800;
    cursor: pointer;
}

.saluts-blog-featured {
    display: grid;
    grid-template-columns:
        minmax(0, 2fr)
        minmax(300px, 1fr);
    gap: 24px;
    margin-bottom: 72px;
}

.saluts-blog-featured-main,
.saluts-blog-featured-secondary {
    min-width: 0;
}

.saluts-blog-featured-secondary {
    display: grid;
    grid-template-rows: repeat(2, minmax(0, 1fr));
    gap: 24px;
}

.saluts-blog-card {
    min-width: 0;
}

.saluts-blog-card-link {
    display: block;
    height: 100%;
    color: inherit;
    text-decoration: none;
}

.saluts-blog-card-media {
    position: relative;
    overflow: hidden;
    width: 100%;
    aspect-ratio: 16 / 9;
    border-radius: 24px;
    background:
        linear-gradient(
            135deg,
            rgba(79, 209, 197, .16),
            rgba(252, 105, 103, .12)
        );
}

.saluts-blog-card-media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .28s ease;
}

.saluts-blog-card-link:hover
.saluts-blog-card-media img {
    transform: scale(1.025);
}

.saluts-blog-card-content {
    padding-top: 16px;
}

.saluts-blog-card-meta {
    margin-bottom: 8px;
    font-size: 13px;
    line-height: 1.2;
    font-weight: 800;
    letter-spacing: .02em;
    color: #FC6967;
}

.saluts-blog-card-title {
    margin: 0;
    font-size: 25px;
    line-height: 1.14;
    letter-spacing: -.025em;
}

.saluts-blog-card-text {
    margin: 10px 0 0;
    font-size: 16px;
    line-height: 1.5;
    color: rgba(15, 23, 42, .66);
}

.saluts-blog-card-featured-main
.saluts-blog-card-title {
    font-size: clamp(30px, 3vw, 44px);
    line-height: 1.06;
}

.saluts-blog-card-featured-main
.saluts-blog-card-text {
    max-width: 760px;
    font-size: 18px;
}

.saluts-blog-card-featured-secondary
.saluts-blog-card-media {
    border-radius: 20px;
}

.saluts-blog-card-featured-secondary
.saluts-blog-card-title {
    font-size: 21px;
}

.saluts-blog-card-featured-secondary
.saluts-blog-card-text {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.saluts-blog-section {
    margin-top: 72px;
}

.saluts-blog-section-head {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 24px;
}

.saluts-blog-section-head h2 {
    margin: 0;
    font-size: clamp(30px, 3vw, 42px);
    line-height: 1.05;
    letter-spacing: -.035em;
}

.saluts-blog-current-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
}

.saluts-blog-latest-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 22px;
}

.saluts-blog-card-current
.saluts-blog-card-title {
    font-size: 23px;
}

.saluts-blog-card-latest
.saluts-blog-card-media {
    border-radius: 18px;
}

.saluts-blog-card-latest
.saluts-blog-card-title {
    font-size: 20px;
}

.saluts-blog-card-latest
.saluts-blog-card-text {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    font-size: 15px;
}

.saluts-blog-empty {
    margin: 72px 0 0;
    padding: 64px 24px;
    border-radius: 28px;
    background: rgba(79, 209, 197, .08);
    text-align: center;
    font-size: 20px;
    font-weight: 700;
}

@media (max-width: 980px) {
    .saluts-blog-home-intro {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .saluts-blog-featured {
        grid-template-columns: 1fr;
    }

    .saluts-blog-featured-secondary {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-rows: none;
    }

    .saluts-blog-current-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .saluts-blog-latest-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 680px) {
    .saluts-blog-home {
        width: min(100% - 28px, 1200px);
        padding: 34px 0 72px;
    }

    .saluts-blog-home-intro {
        margin-bottom: 34px;
    }

    .saluts-blog-home-intro-copy h1 {
        font-size: 44px;
    }

    .saluts-blog-home-intro-copy p {
        font-size: 17px;
    }

    .saluts-blog-search-control {
        flex-direction: column;
    }

    .saluts-blog-search-control button {
        width: 100%;
    }

    .saluts-blog-featured,
    .saluts-blog-featured-secondary,
    .saluts-blog-current-grid,
    .saluts-blog-latest-grid {
        grid-template-columns: 1fr;
    }

    .saluts-blog-featured {
        margin-bottom: 54px;
    }

    .saluts-blog-section {
        margin-top: 54px;
    }

    .saluts-blog-card-media {
        border-radius: 20px;
    }

    .saluts-blog-card-featured-main
    .saluts-blog-card-title {
        font-size: 31px;
    }

    .saluts-blog-card-title,
    .saluts-blog-card-current
    .saluts-blog-card-title {
        font-size: 22px;
    }
}

/* BLOG_MOCKUP_HEADER_V1 */

.saluts-blog-header {
    box-sizing: border-box;

    width: min(
        1340px,
        calc(100% - 40px)
    );

    min-height: 62px;

    margin: 14px auto 0;
    padding: 8px 12px 8px 18px;

    display: flex;
    align-items: center;
    gap: 20px;

    border: 0;
    border-radius: 18px;

    background: rgba(255, 255, 255, .98);

    box-shadow:
        0 8px 30px rgba(15, 23, 42, .07);

    position: relative;
    z-index: 20;
}

.saluts-blog-logo {
    box-sizing: border-box;

    display: flex;
    align-items: center;

    flex: 0 0 auto;

    padding-right: 20px;

    border-right:
        1px solid rgba(15, 23, 42, .14);

    text-decoration: none;
}

.saluts-blog-logo img {
    display: block;

    width: 102px;
    height: auto;
}

.saluts-blog-nav {
    display: flex;
    align-items: center;

    gap: 25px;

    flex: 1 1 auto;
    min-width: 0;
}

.saluts-blog-header
.saluts-blog-nav a {
    color: #071A42;

    text-decoration: none;
    white-space: nowrap;

    font-size: 13px;
    line-height: 1;
    font-weight: 600;
}

.saluts-blog-header
.saluts-blog-nav-blog {
    font-weight: 900;
}

.saluts-blog-header
.saluts-blog-nav a:hover {
    color: #FC6967;
}

.saluts-blog-header-actions {
    display: flex;
    align-items: center;

    gap: 13px;

    flex: 0 0 auto;
}

.saluts-blog-search-button,
.saluts-blog-account {
    box-sizing: border-box;

    width: 30px;
    height: 30px;

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

    border: 0;
    border-radius: 999px;

    color: #071A42;
    background: transparent;

    text-decoration: none;
}

.saluts-blog-search-button svg,
.saluts-blog-account svg {
    display: block;

    width: 22px;
    height: 22px;

    fill: none;

    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.saluts-blog-search-button:hover,
.saluts-blog-account:hover {
    background: rgba(79, 209, 197, .12);
}

.saluts-blog-auth-text {
    appearance: none;

    margin: 0;
    padding: 0;

    border: 0;

    background: transparent;
    color: #071A42;

    font: inherit;
    font-size: 13px;
    line-height: 1;
    font-weight: 800;

    text-decoration: none;

    cursor: pointer;
}

.saluts-blog-auth-text:hover {
    color: #FC6967;
}

.saluts-blog-auth-text[hidden] {
    display: none !important;
}

.saluts-blog-create {
    box-sizing: border-box;

    min-height: 44px;

    padding: 0 21px;

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

    border-radius: 15px;

    background: #FC6967;
    color: #FFFFFF;

    box-shadow:
        0 6px 15px rgba(252, 105, 103, .18);

    text-decoration: none;
    white-space: nowrap;

    font-size: 13px;
    line-height: 1;
    font-weight: 900;
}

.saluts-blog-create:hover {
    background: #F65C5A;
}

@media (max-width: 1180px) {
    .saluts-blog-header {
        gap: 14px;
    }

    .saluts-blog-nav {
        gap: 15px;
    }

    .saluts-blog-header
    .saluts-blog-nav a {
        font-size: 12px;
    }

    .saluts-blog-create {
        padding-inline: 16px;
    }
}

@media (max-width: 980px) {
    .saluts-blog-nav {
        display: none;
    }

    .saluts-blog-header-actions {
        margin-left: auto;
    }
}

@media (max-width: 680px) {
    .saluts-blog-header {
        width: calc(100% - 20px);

        min-height: 56px;

        margin-top: 10px;

        padding: 7px 8px 7px 14px;

        gap: 10px;

        border-radius: 16px;
    }

    .saluts-blog-logo {
        padding-right: 12px;
    }

    .saluts-blog-logo img {
        width: 88px;
    }

    .saluts-blog-auth-text,
    .saluts-blog-account {
        display: none;
    }

    .saluts-blog-header-actions {
        gap: 7px;
    }

    .saluts-blog-create {
        min-height: 40px;

        padding-inline: 13px;

        font-size: 11px;
    }
}

/* BLOG_MOCKUP_HERO_V1 */

.saluts-blog-home {
    box-sizing: border-box;

    width: min(1400px, 100%);
    margin: 0 auto;
    padding: 0 0 96px;
}

.saluts-blog-hero {
    box-sizing: border-box;

    position: relative;

    width: 100%;
    min-height: 467px;

    padding:
        38px
        48px
        34px;

    background-image:
        url("/blog/static/assets/blog-home-hero.png");

    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
}

.saluts-blog-hero-copy {
    position: relative;
    z-index: 2;

    width: min(540px, 46%);
}

.saluts-blog-hero-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 28px;

    margin-bottom: 14px;
    padding: 0 15px;

    border-radius: 999px;

    background: #BDF4EF;
    color: #0A6170;

    font-size: 14px;
    line-height: 1;
    font-weight: 800;
}

.saluts-blog-hero h1 {
    margin: 0;

    color: #071A42;

    font-size: clamp(
        42px,
        4vw,
        58px
    );

    line-height: 1.02;
    letter-spacing: -.045em;
    font-weight: 900;
}

.saluts-blog-hero p {
    max-width: 520px;

    margin:
        14px
        0
        22px;

    color: #64708A;

    font-size: 20px;
    line-height: 1.38;
    font-weight: 500;
}

.saluts-blog-hero
.saluts-blog-search {
    width: 100%;
    max-width: 530px;
    margin: 0;
}

.saluts-blog-hero
.saluts-blog-search-label {
    position: absolute;

    width: 1px;
    height: 1px;

    padding: 0;
    margin: -1px;

    overflow: hidden;

    clip: rect(0 0 0 0);
    white-space: nowrap;

    border: 0;
}

.saluts-blog-hero
.saluts-blog-search-control {
    position: relative;

    display: block;

    width: 100%;
}

.saluts-blog-hero
.saluts-blog-search-control input {
    box-sizing: border-box;

    width: 100%;
    height: 56px;

    padding:
        0
        58px
        0
        20px;

    border:
        1px solid
        rgba(7, 26, 66, .10);

    border-radius: 999px;

    outline: none;

    background:
        rgba(255, 255, 255, .96);

    box-shadow:
        0 9px 24px
        rgba(15, 23, 42, .06);

    color: #071A42;

    font: inherit;
    font-size: 16px;
    font-weight: 600;
}

.saluts-blog-hero
.saluts-blog-search-control input::placeholder {
    color: #9BA8BC;
    opacity: 1;
}

.saluts-blog-hero
.saluts-blog-search-control input:focus {
    border-color: #4FD1C5;

    box-shadow:
        0 0 0 3px
        rgba(79, 209, 197, .13),
        0 9px 24px
        rgba(15, 23, 42, .06);
}

.saluts-blog-hero
.saluts-blog-search-control button {
    position: absolute;

    top: 50%;
    right: 12px;

    width: 38px;
    height: 38px;

    padding: 0;

    transform: translateY(-50%);

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

    border: 0;
    border-radius: 999px;

    background: transparent;
    color: #071A42;

    cursor: pointer;
}

.saluts-blog-hero
.saluts-blog-search-control button:hover {
    background:
        rgba(79, 209, 197, .12);
}

.saluts-blog-hero
.saluts-blog-search-control button svg {
    width: 23px;
    height: 23px;

    fill: none;

    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

@media (max-width: 1100px) {
    .saluts-blog-hero {
        min-height: 430px;

        padding:
            34px
            34px
            28px;

        background-size: cover;
        background-position: center top;
    }

    .saluts-blog-hero-copy {
        width: 52%;
    }

    .saluts-blog-hero h1 {
        font-size: 44px;
    }

    .saluts-blog-hero p {
        font-size: 18px;
    }
}

@media (max-width: 760px) {
    .saluts-blog-hero {
        min-height: 520px;

        padding:
            30px
            22px;

        background-size: cover;
        background-position: 68% center;
    }

    .saluts-blog-hero::before {
        content: "";

        position: absolute;
        inset: 0;

        background:
            linear-gradient(
                90deg,
                rgba(255, 255, 255, .98) 0%,
                rgba(255, 255, 255, .94) 48%,
                rgba(255, 255, 255, .34) 78%,
                rgba(255, 255, 255, .04) 100%
            );

        pointer-events: none;
    }

    .saluts-blog-hero-copy {
        width: min(520px, 82%);
    }

    .saluts-blog-hero h1 {
        font-size: 39px;
    }

    .saluts-blog-hero p {
        font-size: 17px;
    }
}

@media (max-width: 520px) {
    .saluts-blog-hero {
        min-height: 500px;

        padding:
            26px
            16px;

        background-position: 64% center;
    }

    .saluts-blog-hero::before {
        background:
            linear-gradient(
                90deg,
                rgba(255, 255, 255, .98) 0%,
                rgba(255, 255, 255, .94) 72%,
                rgba(255, 255, 255, .38) 100%
            );
    }

    .saluts-blog-hero-copy {
        width: 100%;
    }

    .saluts-blog-hero h1 {
        font-size: 35px;
    }

    .saluts-blog-hero p {
        max-width: 88%;

        margin-top: 12px;

        font-size: 16px;
    }

    .saluts-blog-hero
    .saluts-blog-search-control input {
        height: 52px;

        font-size: 14px;
    }
}

/* BLOG_MOCKUP_FEATURED_V1 */

.saluts-blog-featured {
    box-sizing: border-box;

    width: min(
        1260px,
        calc(100% - 48px)
    );

    margin:
        54px
        auto
        76px;

    display: grid;

    grid-template-columns:
        minmax(0, 803fr)
        minmax(320px, 433fr);

    gap: 24px;
}

.saluts-blog-featured-main,
.saluts-blog-featured-secondary {
    min-width: 0;
}

.saluts-blog-featured-secondary {
    display: grid;

    grid-template-rows:
        repeat(2, minmax(0, 1fr));

    gap: 24px;
}

.saluts-blog-card-featured-main,
.saluts-blog-card-featured-secondary {
    min-width: 0;
    height: 100%;
}

.saluts-blog-card-featured-main
.saluts-blog-card-link,
.saluts-blog-card-featured-secondary
.saluts-blog-card-link {
    display: block;

    height: 100%;

    color: #FFFFFF;
    text-decoration: none;
}

.saluts-blog-featured-visual {
    position: relative;

    overflow: hidden;

    width: 100%;
    height: 100%;

    border-radius: 24px;

    background:
        linear-gradient(
            135deg,
            #DFF8F5,
            #FBE8E8
        );

    isolation: isolate;
}

.saluts-blog-card-featured-main
.saluts-blog-featured-visual {
    min-height: 513px;
}

.saluts-blog-card-featured-secondary
.saluts-blog-featured-visual {
    min-height: 244px;

    border-radius: 22px;
}

/*
 * Изображение остаётся исходным.
 * Затемнение и цветовая подложка —
 * отдельный слой верстки.
 */
.saluts-blog-featured-visual
.saluts-blog-card-media {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

    aspect-ratio: auto;

    border-radius: inherit;

    background:
        linear-gradient(
            135deg,
            #DDF7F3,
            #F6E5E5
        );
}

.saluts-blog-featured-visual
.saluts-blog-card-media img {
    width: 100%;
    height: 100%;

    object-fit: cover;

    border-radius: inherit;

    transform: scale(1.001);

    transition:
        transform .35s ease;
}

.saluts-blog-card-link:hover
.saluts-blog-featured-visual
.saluts-blog-card-media img {
    transform: scale(1.025);
}

/*
 * Основная затемняющая заливка.
 * Она даёт тот эффект, который
 * виден на иллюстрациях макета.
 */
.saluts-blog-featured-shade {
    position: absolute;
    inset: 0;

    z-index: 1;

    background:
        linear-gradient(
            180deg,
            rgba(5, 19, 45, .04) 0%,
            rgba(5, 19, 45, .10) 32%,
            rgba(5, 19, 45, .48) 66%,
            rgba(5, 19, 45, .88) 100%
        );

    pointer-events: none;
}

.saluts-blog-card-featured-secondary
.saluts-blog-featured-shade {
    background:
        linear-gradient(
            180deg,
            rgba(5, 19, 45, .06) 0%,
            rgba(5, 19, 45, .18) 38%,
            rgba(5, 19, 45, .78) 100%
        );
}

.saluts-blog-featured-content {
    position: relative;
    z-index: 2;

    box-sizing: border-box;

    width: 100%;
    height: 100%;

    min-height: inherit;

    padding:
        28px
        30px
        26px;

    display: flex;
    flex-direction: column;

    color: #FFFFFF;
}

.saluts-blog-card-featured-secondary
.saluts-blog-featured-content {
    padding:
        20px
        22px
        18px;
}

.saluts-blog-featured-badge {
    align-self: flex-start;

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

    min-height: 29px;

    padding:
        0
        14px;

    border-radius: 999px;

    background:
        rgba(214, 249, 245, .96);

    color: #106473;

    backdrop-filter: blur(6px);

    font-size: 13px;
    line-height: 1;
    font-weight: 800;
}

.saluts-blog-featured-title {
    max-width: 720px;

    margin:
        auto
        0
        0;

    color: #FFFFFF;

    font-size: clamp(
        30px,
        3vw,
        43px
    );

    line-height: 1.06;
    letter-spacing: -.035em;
    font-weight: 900;

    text-wrap: balance;
}

.saluts-blog-card-featured-secondary
.saluts-blog-featured-title {
    max-width: 390px;

    font-size: 23px;
    line-height: 1.08;
    letter-spacing: -.025em;
}

.saluts-blog-featured-text {
    max-width: 690px;

    margin:
        12px
        0
        0;

    color:
        rgba(255, 255, 255, .90);

    font-size: 16px;
    line-height: 1.42;
    font-weight: 500;
}

.saluts-blog-card-featured-secondary
.saluts-blog-featured-text {
    display: -webkit-box;

    overflow: hidden;

    margin-top: 7px;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;

    font-size: 13px;
    line-height: 1.35;
}

.saluts-blog-featured-footer {
    margin-top: 18px;

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

    gap: 20px;
}

.saluts-blog-featured-info {
    display: flex;
    flex-wrap: wrap;

    gap:
        7px
        16px;

    color:
        rgba(255, 255, 255, .82);

    font-size: 13px;
    line-height: 1.2;
    font-weight: 600;
}

.saluts-blog-card-featured-secondary
.saluts-blog-featured-info {
    font-size: 11px;
}

.saluts-blog-featured-arrow {
    flex: 0 0 auto;

    width: 42px;
    height: 42px;

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

    border-radius: 999px;

    background:
        rgba(255, 255, 255, .96);

    color: #071A42;

    box-shadow:
        0 5px 18px
        rgba(0, 0, 0, .12);

    transition:
        transform .2s ease,
        background .2s ease;
}

.saluts-blog-card-featured-secondary
.saluts-blog-featured-arrow {
    width: 34px;
    height: 34px;
}

.saluts-blog-featured-arrow svg {
    width: 21px;
    height: 21px;

    fill: none;

    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.saluts-blog-card-link:hover
.saluts-blog-featured-arrow {
    transform: translateX(3px);

    background: #FFFFFF;
}

@media (max-width: 980px) {
    .saluts-blog-featured {
        width: min(
            100% - 36px,
            900px
        );

        grid-template-columns: 1fr;
    }

    .saluts-blog-featured-secondary {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        grid-template-rows: none;
    }

    .saluts-blog-card-featured-main
    .saluts-blog-featured-visual {
        min-height: 470px;
    }

    .saluts-blog-card-featured-secondary
    .saluts-blog-featured-visual {
        min-height: 280px;
    }
}

@media (max-width: 680px) {
    .saluts-blog-featured {
        width: calc(100% - 28px);

        margin:
            36px
            auto
            54px;

        gap: 16px;
    }

    .saluts-blog-featured-secondary {
        grid-template-columns: 1fr;

        gap: 16px;
    }

    .saluts-blog-card-featured-main
    .saluts-blog-featured-visual {
        min-height: 430px;

        border-radius: 20px;
    }

    .saluts-blog-card-featured-secondary
    .saluts-blog-featured-visual {
        min-height: 310px;

        border-radius: 20px;
    }

    .saluts-blog-featured-content {
        padding:
            22px
            20px
            20px;
    }

    .saluts-blog-card-featured-secondary
    .saluts-blog-featured-content {
        padding:
            20px;
    }

    .saluts-blog-featured-title {
        font-size: 30px;
    }

    .saluts-blog-card-featured-secondary
    .saluts-blog-featured-title {
        font-size: 24px;
    }
}


/* BLOG_PUBLIC_COLLECTION_V1 */

.saluts-collection-page {
    width: min(
        1260px,
        calc(100% - 48px)
    );

    margin:
        0 auto;

    padding:
        36px 0 80px;
}

.saluts-collection-breadcrumbs {
    display: flex;
    align-items: center;
    flex-wrap: wrap;

    gap: 8px;

    margin-bottom: 28px;

    font-size: 14px;
    line-height: 1.4;

    color: #7A818B;
}

.saluts-collection-breadcrumbs a {
    color: #357E78;
    text-decoration: none;
}

.saluts-collection-hero {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(320px, 520px);

    gap: 48px;

    align-items: center;

    margin-bottom: 64px;
}

.saluts-collection-hero-copy {
    min-width: 0;
}

.saluts-collection-kicker {
    display: inline-flex;
    align-items: center;

    min-height: 32px;

    padding:
        5px 12px;

    margin-bottom: 18px;

    border-radius: 999px;

    background:
        rgba(79, 209, 197, .16);

    color: #357E78;

    font-size: 13px;
    font-weight: 900;
    line-height: 1;

    text-transform: uppercase;
    letter-spacing: .05em;
}

.saluts-collection-title {
    max-width: 760px;

    margin:
        0 0 20px;

    color: #16233B;

    font-size:
        clamp(38px, 5vw, 64px);

    line-height: 1.04;

    letter-spacing: -.035em;
}

.saluts-collection-description {
    max-width: 760px;

    margin:
        0 0 20px;

    color: #666D76;

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

.saluts-collection-count {
    color: #7A818B;

    font-size: 14px;
    font-weight: 700;
}

.saluts-collection-hero-media {
    overflow: hidden;

    min-height: 310px;

    border-radius: 28px;

    background: #F4F5F7;
}

.saluts-collection-hero-media img {
    display: block;

    width: 100%;
    height: 100%;

    min-height: 310px;

    object-fit: cover;
}

.saluts-collection-materials {
    margin-top: 24px;
}

.saluts-collection-grid {
    display: grid;

    grid-template-columns:
        repeat(
            3,
            minmax(0, 1fr)
        );

    gap: 24px;
}

.saluts-collection-card {
    overflow: hidden;

    min-width: 0;

    border-radius: 22px;

    background: #FFFFFF;

    box-shadow:
        0 12px 36px
        rgba(20, 35, 60, .08);
}

.saluts-collection-card-link {
    display: flex;
    flex-direction: column;

    height: 100%;

    color: inherit;
    text-decoration: none;
}

.saluts-collection-card-media {
    overflow: hidden;

    aspect-ratio: 16 / 9;

    background: #F3F4F6;
}

.saluts-collection-card-media img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;

    transition:
        transform .24s ease;
}

.saluts-collection-card-link:hover
.saluts-collection-card-media img {
    transform: scale(1.025);
}

.saluts-collection-card-media-empty {
    background:
        linear-gradient(
            135deg,
            rgba(79, 209, 197, .14),
            rgba(252, 105, 103, .12)
        );
}

.saluts-collection-card-content {
    display: flex;
    flex-direction: column;

    flex: 1;

    padding: 22px;
}

.saluts-collection-card-badge {
    align-self: flex-start;

    margin-bottom: 12px;

    color: #357E78;

    font-size: 12px;
    font-weight: 900;

    text-transform: uppercase;
    letter-spacing: .04em;
}

.saluts-collection-card-title {
    margin:
        0 0 12px;

    color: #16233B;

    font-size: 22px;
    line-height: 1.2;
}

.saluts-collection-card-text {
    margin:
        0 0 20px;

    color: #666D76;

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

.saluts-collection-card-footer {
    display: flex;
    align-items: center;
    flex-wrap: wrap;

    gap: 10px;

    margin-top: auto;

    color: #8A9099;

    font-size: 13px;
}

.saluts-collection-empty {
    grid-column: 1 / -1;

    padding: 48px;

    border-radius: 22px;

    background: #F6F7F8;

    color: #666D76;

    text-align: center;
}

@media (max-width: 980px) {
    .saluts-collection-hero {
        grid-template-columns: 1fr;

        gap: 30px;
    }

    .saluts-collection-grid {
        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            );
    }
}

@media (max-width: 680px) {
    .saluts-collection-page {
        width:
            min(
                100% - 28px,
                1260px
            );

        padding-top: 24px;
    }

    .saluts-collection-hero {
        margin-bottom: 44px;
    }

    .saluts-collection-hero-media,
    .saluts-collection-hero-media img {
        min-height: 220px;
    }

    .saluts-collection-grid {
        grid-template-columns: 1fr;
    }

    .saluts-collection-title {
        font-size:
            clamp(
                34px,
                11vw,
                48px
            );
    }
}



/* BLOG_HOME_USER_MOCKUP_FINAL_V4 */

html{
  box-sizing:border-box;
  background:#fff;
}

*,
*::before,
*::after{
  box-sizing:inherit;
}

body{
  margin:0!important;
  background:#fff!important;
  color:#4D4D4F!important;
  font-family:
    "Nunito",
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif!important;
}

body a{
  text-decoration:none;
}


/* HEADER */

.saluts-blog-header{
  width:100%!important;
  height:99px!important;
  margin:0!important;
  padding:0!important;
  background:#fff!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}

.saluts-blog-header-inner{
  display:flex!important;
  align-items:center!important;
  width:100%!important;
  max-width:1188px!important;
  height:99px!important;
  margin:0 auto!important;
  padding:0!important;
}

.saluts-blog-logo{
  display:flex!important;
  align-items:center!important;
  flex:0 0 auto!important;
  margin:0!important;
}

.saluts-blog-logo img{
  display:block!important;
  width:257px!important;
  height:auto!important;
}

.saluts-blog-nav{
  display:flex!important;
  align-items:center!important;
  gap:18px!important;
  margin-left:18px!important;
  padding:0!important;
  white-space:nowrap!important;
}

.saluts-blog-nav a{
  color:#4D4D4F!important;
  font-size:16px!important;
  font-weight:800!important;
  line-height:1!important;
  white-space:nowrap!important;
}

.saluts-blog-nav a:hover,
.saluts-blog-nav a:focus-visible{
  color:#FC6967!important;
}

.saluts-blog-header-actions{
  display:flex!important;
  align-items:center!important;
  gap:25px!important;
  margin-left:auto!important;
}

.saluts-blog-login,
.saluts-blog-create{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:50px!important;
  border:0!important;
  border-radius:12px!important;
  color:#fff!important;
  font-size:16px!important;
  font-weight:800!important;
  line-height:1!important;
  white-space:nowrap!important;
}

.saluts-blog-login{
  width:122px!important;
  min-width:122px!important;
  background:#4FD1C5!important;
}

.saluts-blog-create{
  width:255px!important;
  min-width:255px!important;
  background:#FC6967!important;
}


/* HERO — EXACT 1400 × 467 */

.saluts-blog-home{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0 0 64px!important;
  background:#fff!important;
}

.saluts-blog-hero{
  position:relative!important;
  width:100%!important;
  max-width:1400px!important;
  height:467px!important;
  min-height:467px!important;
  margin:0 auto!important;
  padding:0!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:0!important;
  background:
    url("/blog/static/assets/blog-home-hero.png")
    center center
    /100% 100%
    no-repeat!important;
}

.saluts-blog-hero-copy{
  position:absolute!important;
  top:69px!important;
  left:100px!important;
  width:630px!important;
  max-width:630px!important;
  margin:0!important;
  padding:0!important;
}

.saluts-blog-hero h1{
  margin:0 0 27px!important;
  color:#4D4D4F!important;
  font-size:52px!important;
  font-weight:1000!important;
  line-height:1.03!important;
  letter-spacing:-.025em!important;
}

.saluts-blog-hero p{
  margin:0 0 25px!important;
  color:#4D4D4F!important;
  font-size:26px!important;
  font-weight:500!important;
  line-height:1.45!important;
}

.saluts-blog-search{
  display:flex!important;
  align-items:center!important;
  width:625px!important;
  height:58px!important;
  margin:0!important;
  padding:0 15px 0 20px!important;
  border:1px solid rgba(77,77,79,.08)!important;
  border-radius:17px!important;
  background:#fff!important;
  box-shadow:0 8px 18px rgba(40,48,60,.08)!important;
}

.saluts-blog-search input{
  flex:1 1 auto!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  color:#4D4D4F!important;
  font-family:inherit!important;
  font-size:17px!important;
  font-weight:500!important;
}

.saluts-blog-search input::placeholder{
  color:#A2A6AE!important;
  opacity:1!important;
}

.saluts-blog-search button{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 42px!important;
  width:42px!important;
  height:42px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#071D49!important;
}

.saluts-blog-search button svg{
  width:26px!important;
  height:26px!important;
  stroke:currentColor!important;
  stroke-width:2!important;
  stroke-linecap:round!important;
}


/* FEATURE MOSAIC */

.saluts-blog-featured{
  display:grid!important;
  grid-template-columns:803px minmax(0,1fr)!important;
  gap:18px!important;
  width:min(1320px,calc(100% - 80px))!important;
  margin:18px auto 0!important;
}

.saluts-blog-featured-main,
.saluts-blog-featured-secondary{
  min-width:0!important;
}

.saluts-blog-featured-secondary{
  display:grid!important;
  grid-template-rows:repeat(2,minmax(0,1fr))!important;
  gap:18px!important;
}

.saluts-blog-card{
  margin:0!important;
}

.saluts-blog-card-link{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  width:100%!important;
  height:100%!important;
  color:inherit!important;
}

.saluts-blog-card-featured-main,
.saluts-blog-card-featured-main .saluts-blog-card-link,
.saluts-blog-card-featured-main .saluts-blog-featured-visual{
  height:513px!important;
  min-height:513px!important;
}

.saluts-blog-card-featured-secondary,
.saluts-blog-card-featured-secondary .saluts-blog-card-link,
.saluts-blog-card-featured-secondary .saluts-blog-featured-visual{
  height:247px!important;
  min-height:247px!important;
}

.saluts-blog-featured-visual{
  position:relative!important;
  overflow:hidden!important;
  width:100%!important;
  height:100%!important;
  border-radius:18px!important;
  background:#ECEDEF!important;
}

.saluts-blog-featured-visual .saluts-blog-card-media{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
}

.saluts-blog-featured-visual .saluts-blog-card-media img,
.saluts-blog-featured-visual .saluts-blog-card-media-empty{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}

.saluts-blog-featured-shade{
  position:absolute!important;
  inset:0!important;
  background:
    linear-gradient(
      90deg,
      rgba(5,18,42,.58) 0%,
      rgba(5,18,42,.28) 48%,
      rgba(5,18,42,.04) 78%
    )!important;
}

.saluts-blog-featured-content{
  position:absolute!important;
  z-index:2!important;
  inset:auto 0 0 0!important;
  display:flex!important;
  flex-direction:column!important;
  padding:24px!important;
  color:#fff!important;
}

.saluts-blog-card-featured-main .saluts-blog-featured-content{
  padding:28px!important;
}

.saluts-blog-featured-badge{
  display:inline-flex!important;
  align-items:center!important;
  align-self:flex-start!important;
  min-height:32px!important;
  margin:0 0 12px!important;
  padding:5px 14px!important;
  border-radius:12px!important;
  background:#4FD1C5!important;
  color:#fff!important;
  font-size:14px!important;
  font-weight:900!important;
  line-height:1!important;
}

.saluts-blog-featured-title{
  max-width:610px!important;
  margin:0 0 10px!important;
  color:#fff!important;
  font-size:39px!important;
  font-weight:1000!important;
  line-height:1.05!important;
}

.saluts-blog-card-featured-secondary .saluts-blog-featured-title{
  max-width:360px!important;
  font-size:24px!important;
}

.saluts-blog-featured-text{
  max-width:620px!important;
  margin:0 0 16px!important;
  color:rgba(255,255,255,.95)!important;
  font-size:17px!important;
  font-weight:600!important;
  line-height:1.35!important;
}

.saluts-blog-card-featured-secondary .saluts-blog-featured-text{
  max-width:340px!important;
  margin-bottom:9px!important;
  font-size:14px!important;
}

.saluts-blog-featured-footer{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:12px!important;
}

.saluts-blog-featured-info{
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  flex-wrap:wrap!important;
}

.saluts-blog-featured-arrow{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 50px!important;
  width:50px!important;
  height:50px!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#FC6967!important;
}

.saluts-blog-featured-arrow svg{
  width:25px!important;
  height:25px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:2!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}


/* SECTION HEAD */

.saluts-blog-section{
  width:min(1320px,calc(100% - 80px))!important;
  margin:30px auto 0!important;
  padding:0!important;
}

.saluts-blog-section-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  margin:0 0 26px!important;
}

.saluts-blog-section-head h2{
  margin:0!important;
  color:#4D4D4F!important;
  font-size:36px!important;
  font-weight:1000!important;
  line-height:1.1!important;
}

.saluts-blog-section-head a{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  color:#FC6967!important;
  font-size:17px!important;
  font-weight:900!important;
}


/* CURRENT */

.saluts-blog-current-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:24px!important;
}

.saluts-blog-card-current,
.saluts-blog-card-latest{
  overflow:hidden!important;
  border:1px solid #E2E3E6!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:none!important;
}

.saluts-blog-card-media-wrap{
  position:relative!important;
  width:100%!important;
  overflow:hidden!important;
  background:#ECEDEF!important;
}

.saluts-blog-card-current .saluts-blog-card-media-wrap,
.saluts-blog-card-current .saluts-blog-card-media{
  height:170px!important;
}

.saluts-blog-card-latest .saluts-blog-card-media-wrap,
.saluts-blog-card-latest .saluts-blog-card-media{
  height:136px!important;
}

.saluts-blog-card-media-wrap .saluts-blog-card-media img,
.saluts-blog-card-media-wrap .saluts-blog-card-media-empty{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}

.saluts-blog-card-meta{
  position:absolute!important;
  z-index:2!important;
  top:14px!important;
  left:14px!important;
  display:inline-flex!important;
  align-items:center!important;
  min-height:32px!important;
  padding:5px 14px!important;
  border-radius:12px!important;
  background:#4FD1C5!important;
  color:#fff!important;
  font-size:14px!important;
  font-weight:900!important;
  line-height:1!important;
}

.saluts-blog-card-content{
  display:flex!important;
  flex:1 1 auto!important;
  flex-direction:column!important;
  padding:18px 20px 16px!important;
}

.saluts-blog-card-title{
  margin:0 0 8px!important;
  color:#4D4D4F!important;
  font-size:23px!important;
  font-weight:1000!important;
  line-height:1.08!important;
}

.saluts-blog-card-text{
  margin:0 0 13px!important;
  color:#626368!important;
  font-size:15px!important;
  font-weight:500!important;
  line-height:1.3!important;
}

.saluts-blog-card-footer{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin-top:auto!important;
  color:#5E6065!important;
  font-size:13px!important;
}

.saluts-blog-card-footer-meta{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:10px!important;
}

.saluts-blog-card-arrow{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 42px!important;
  width:42px!important;
  height:42px!important;
  border:1px solid #E2E3E6!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#4D4D4F!important;
}

.saluts-blog-card-arrow svg{
  width:22px!important;
  height:22px!important;
  stroke:currentColor!important;
  stroke-width:2!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}

.saluts-blog-collection-cta{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
  min-height:54px!important;
  margin-top:auto!important;
  margin-bottom:10px!important;
  border-radius:13px!important;
  background:#FC6967!important;
  color:#fff!important;
  font-size:16px!important;
  font-weight:900!important;
}


/* LATEST */

.saluts-blog-latest-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:18px!important;
}

.saluts-blog-card-latest .saluts-blog-card-content{
  padding:13px 14px 12px!important;
}

.saluts-blog-card-latest .saluts-blog-card-title{
  font-size:18px!important;
}

.saluts-blog-card-latest .saluts-blog-card-text{
  display:none!important;
}

.saluts-blog-card-latest .saluts-blog-card-footer{
  font-size:11px!important;
}

.saluts-blog-card-latest .saluts-blog-card-arrow{
  flex-basis:38px!important;
  width:38px!important;
  height:38px!important;
}


/* RESPONSIVE */

@media(max-width:1180px){

  .saluts-blog-header-inner{
    padding:0 24px!important;
  }

  .saluts-blog-logo img{
    width:220px!important;
  }

  .saluts-blog-nav{
    gap:13px!important;
    margin-left:14px!important;
  }

  .saluts-blog-nav a{
    font-size:14px!important;
  }

  .saluts-blog-header-actions{
    gap:12px!important;
  }

  .saluts-blog-create{
    width:220px!important;
    min-width:220px!important;
    font-size:14px!important;
  }

  .saluts-blog-login{
    width:92px!important;
    min-width:92px!important;
  }

  .saluts-blog-featured{
    grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)!important;
  }
}

@media(max-width:980px){

  .saluts-blog-header{
    height:auto!important;
  }

  .saluts-blog-header-inner{
    min-height:82px!important;
    height:auto!important;
    flex-wrap:wrap!important;
    gap:12px!important;
    padding:12px 20px!important;
  }

  .saluts-blog-logo img{
    width:190px!important;
  }

  .saluts-blog-nav{
    order:3!important;
    width:100%!important;
    margin:0!important;
    overflow-x:auto!important;
  }

  .saluts-blog-create{
    display:none!important;
  }

  .saluts-blog-hero{
    height:auto!important;
    min-height:0!important;
    aspect-ratio:1400/467!important;
  }

  .saluts-blog-hero-copy{
    top:10%!important;
    left:7%!important;
    width:48%!important;
    max-width:none!important;
  }

  .saluts-blog-hero h1{
    font-size:clamp(28px,4vw,46px)!important;
  }

  .saluts-blog-hero p{
    font-size:clamp(15px,2.1vw,23px)!important;
  }

  .saluts-blog-search{
    width:100%!important;
  }

  .saluts-blog-featured{
    grid-template-columns:1fr!important;
  }

  .saluts-blog-current-grid,
  .saluts-blog-latest-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media(max-width:640px){

  .saluts-blog-header-inner{
    padding:10px 14px!important;
  }

  .saluts-blog-login{
    width:82px!important;
    min-width:82px!important;
    font-size:14px!important;
  }

  .saluts-blog-hero{
    min-height:440px!important;
    aspect-ratio:auto!important;
    background-size:auto 100%!important;
    background-position:59% center!important;
  }

  .saluts-blog-hero::after{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    background:
      linear-gradient(
        90deg,
        rgba(255,255,255,.96),
        rgba(255,255,255,.08)
      )!important;
  }

  .saluts-blog-hero-copy{
    z-index:2!important;
    top:44px!important;
    left:22px!important;
    width:calc(100% - 44px)!important;
  }

  .saluts-blog-hero h1{
    font-size:38px!important;
  }

  .saluts-blog-hero p{
    font-size:18px!important;
  }

  .saluts-blog-featured,
  .saluts-blog-section{
    width:calc(100% - 28px)!important;
  }

  .saluts-blog-current-grid,
  .saluts-blog-latest-grid{
    grid-template-columns:1fr!important;
  }
}


/* BLOG_HEADER_MAIN_SITE_EXACT_V1 */

/*
 * Геометрия повторяет основной Header Saluts.
 * Для блога изменены только:
 * 1. logo asset;
 * 2. navigation items.
 */

.saluts-blog-header{
  position:relative!important;
  z-index:100!important;
  width:100%!important;
  height:84px!important;
  min-height:84px!important;
  margin:0!important;
  padding:0!important;
  background:#fff!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}

.saluts-blog-header-inner{
  display:flex!important;
  width:100%!important;
  max-width:1188px!important;
  height:84px!important;
  margin:0 auto!important;
  padding:0!important;
  align-items:center!important;
  justify-content:space-between!important;
}

.saluts-blog-logo{
  display:flex!important;
  flex:0 0 auto!important;
  align-items:center!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
}

/* Убираем любой старый разделитель. */
.saluts-blog-logo::before,
.saluts-blog-logo::after{
  content:none!important;
  display:none!important;
  border:0!important;
}

.saluts-blog-logo img{
  display:block!important;
  width:187px!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
}

.saluts-blog-nav{
  display:flex!important;
  margin-left:auto!important;
  padding:0!important;
  align-items:center!important;
  gap:27px!important;
  border:0!important;
  white-space:nowrap!important;
}

.saluts-blog-nav::before,
.saluts-blog-nav::after{
  content:none!important;
  display:none!important;
}

.saluts-blog-nav a{
  margin:0!important;
  padding:0!important;
  color:#4D4D4F!important;
  font-size:16px!important;
  font-weight:800!important;
  line-height:1!important;
  white-space:nowrap!important;
  border:0!important;
  transition:color 160ms ease!important;
}

.saluts-blog-nav a:hover,
.saluts-blog-nav a:focus-visible{
  color:#FC6967!important;
}

.saluts-blog-header-actions{
  display:flex!important;
  margin-left:34px!important;
  padding:0!important;
  align-items:center!important;
  gap:25px!important;
}

.saluts-blog-login,
.saluts-blog-create{
  display:inline-flex!important;
  height:45px!important;
  align-items:center!important;
  justify-content:center!important;
  border:0!important;
  border-radius:12px!important;
  font-size:16px!important;
  font-weight:800!important;
  line-height:1!important;
  text-decoration:none!important;
  transition:
    transform 160ms ease,
    box-shadow 160ms ease,
    background-color 160ms ease!important;
}

.saluts-blog-login{
  width:122px!important;
  min-width:122px!important;
  flex:0 0 122px!important;
  background:#4FD1C5!important;
  color:#fff!important;
}

.saluts-blog-create{
  width:300px!important;
  min-width:300px!important;
  flex:0 0 300px!important;
  gap:10px!important;
  white-space:nowrap!important;
  background:#FC6967!important;
  color:#fff!important;
}

.saluts-blog-create span{
  white-space:nowrap!important;
}

.saluts-blog-create svg{
  width:20px!important;
  height:20px!important;
  flex:0 0 20px!important;
  stroke:currentColor!important;
  stroke-width:2!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}

.saluts-blog-login:hover,
.saluts-blog-create:hover,
.saluts-blog-login:focus-visible,
.saluts-blog-create:focus-visible{
  transform:translateY(-1px)!important;
  box-shadow:
    0 7px 18px
    rgba(77,77,79,.13)!important;
}


/* MOBILE — same behavior as main site */

.saluts-blog-mobile-toggle,
.saluts-blog-mobile-panel{
  display:none!important;
}

@media(max-width:1180px){

  .saluts-blog-header-inner{
    padding:0 24px!important;
  }

  .saluts-blog-nav{
    gap:18px!important;
  }

  .saluts-blog-header-actions{
    margin-left:20px!important;
    gap:12px!important;
  }

  .saluts-blog-create{
    width:300px!important;
    min-width:300px!important;
    flex-basis:300px!important;
    font-size:14px!important;
  }

  .saluts-blog-login{
    width:92px!important;
    min-width:92px!important;
    flex-basis:92px!important;
  }
}

@media(max-width:1080px){

  .saluts-blog-header,
  .saluts-blog-header-inner{
    height:70px!important;
    min-height:70px!important;
  }

  .saluts-blog-header-inner{
    padding:0 20px!important;
  }

  .saluts-blog-logo img{
    width:138px!important;
  }

  .saluts-blog-nav,
  .saluts-blog-header-actions{
    display:none!important;
  }

  .saluts-blog-mobile-toggle{
    display:inline-flex!important;
    width:46px!important;
    height:46px!important;
    padding:0!important;
    align-items:center!important;
    justify-content:center!important;
    border:0!important;
    border-radius:12px!important;
    background:transparent!important;
    color:#1D2030!important;
    cursor:pointer!important;
  }

  .saluts-blog-mobile-toggle svg{
    width:28px!important;
    height:28px!important;
    stroke:currentColor!important;
    stroke-width:2!important;
    stroke-linecap:round!important;
  }

  .saluts-blog-mobile-panel{
    position:fixed!important;
    z-index:99!important;
    top:70px!important;
    right:0!important;
    bottom:0!important;
    left:0!important;

    display:block!important;
    visibility:hidden!important;

    overflow-y:auto!important;

    padding:26px 20px 40px!important;

    background:#fff!important;

    opacity:0!important;
    transform:translateY(-12px)!important;

    transition:
      opacity 180ms ease,
      transform 180ms ease,
      visibility 180ms ease!important;
  }

  .saluts-blog-mobile-panel-open{
    visibility:visible!important;
    opacity:1!important;
    transform:translateY(0)!important;
  }

  .saluts-blog-mobile-nav{
    display:flex!important;
    max-width:520px!important;
    margin:0 auto!important;
    flex-direction:column!important;
    gap:8px!important;
  }

  .saluts-blog-mobile-nav
  >a:not(.saluts-blog-mobile-login):not(.saluts-blog-mobile-create){
    padding:16px 4px!important;
    border-bottom:1px solid #ECECEE!important;
    color:#4D4D4F!important;
    font-size:21px!important;
    font-weight:800!important;
  }

  .saluts-blog-mobile-login,
  .saluts-blog-mobile-create{
    display:inline-flex!important;
    width:100%!important;
    min-height:52px!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:12px!important;
    font-size:17px!important;
    font-weight:800!important;
  }

  .saluts-blog-mobile-login{
    margin-top:18px!important;
    background:#4FD1C5!important;
    color:#fff!important;
  }

  .saluts-blog-mobile-create{
    gap:9px!important;
    background:#FC6967!important;
    color:#fff!important;
  }

  .saluts-blog-mobile-create svg{
    width:20px!important;
    height:20px!important;
    stroke:currentColor!important;
    stroke-width:2!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
  }
}


/* BLOG_HEADER_MAIN_SITE_SPACING_FIX_V1 */

.saluts-blog-header {
    box-sizing: border-box !important;
    width: min(1400px, calc(100% - 48px)) !important;
    min-height: 100px !important;
    margin: 0 auto !important;
    padding: 18px 30px !important;

    display: flex !important;
    align-items: center !important;
    gap: 0 !important;

    background: #FFFFFF !important;
}

.saluts-blog-logo {
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
    margin-right: 56px !important;
    text-decoration: none !important;
}

.saluts-blog-logo img {
    display: block !important;
    width: 300px !important;
    max-width: none !important;
    height: auto !important;
}

.saluts-blog-nav {
    flex: 1 1 auto !important;
    min-width: 0 !important;

    display: flex !important;
    align-items: center !important;
    gap: 40px !important;
}

.saluts-blog-nav a {
    font-family: Nunito, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    font-size: 20px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
}

.saluts-blog-header-actions {
    flex: 0 0 auto !important;
    margin-left: auto !important;

    display: flex !important;
    align-items: center !important;
    gap: 18px !important;
}

@media (max-width: 1500px) {
    .saluts-blog-header {
        padding: 16px 24px !important;
        min-height: 94px !important;
    }

    .saluts-blog-logo {
        margin-right: 44px !important;
    }

    .saluts-blog-logo img {
        width: 270px !important;
    }

    .saluts-blog-nav {
        gap: 30px !important;
    }

    .saluts-blog-nav a {
        font-size: 18px !important;
    }
}

@media (max-width: 1280px) {
    .saluts-blog-header {
        width: min(1400px, calc(100% - 32px)) !important;
        padding: 14px 18px !important;
        min-height: 88px !important;
    }

    .saluts-blog-logo {
        margin-right: 30px !important;
    }

    .saluts-blog-logo img {
        width: 240px !important;
    }

    .saluts-blog-nav {
        gap: 20px !important;
    }

    .saluts-blog-nav a {
        font-size: 16px !important;
    }
}



/* BLOG_HEADER_NAV_FINAL_V1 */

/*
 * НИ header, НИ logo, НИ buttons здесь не меняются.
 * Только desktop navigation между ними.
 */

@media (min-width:1081px){

    .saluts-blog-nav{
        display:flex!important;
        align-items:center!important;
        justify-content:space-between!important;

        flex:1 1 0!important;
        min-width:0!important;

        margin-left:0!important;
        margin-right:28px!important;

        padding:0!important;
        gap:20px!important;

        overflow:visible!important;
    }

    .saluts-blog-nav a{
        flex:0 0 auto!important;

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

        font-family:
            "Nunito",
            system-ui,
            -apple-system,
            BlinkMacSystemFont,
            "Segoe UI",
            sans-serif!important;

        font-size:16px!important;
        font-weight:800!important;
        line-height:1!important;

        white-space:nowrap!important;
    }
}



/* BLOG_HEADER_EXACT_MAIN_GEOMETRY_V1 */

/*
 * DESKTOP = точная геометрия production Header Saluts:
 *
 * header height      84px
 * inner max-width    1188px
 * inner margin       0 auto
 * logo visual height 61px
 * nav font           16px / 800
 * nav gap            27px
 * actions margin     34px
 * actions gap        25px
 * login              122 x 45
 * create             300 x 45
 */

/* HEADER */

.saluts-blog-header{
    position:relative!important;
    z-index:100!important;

    display:block!important;

    width:100%!important;
    max-width:none!important;

    height:84px!important;
    min-height:84px!important;

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

    background:#FFFFFF!important;

    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
}


/* INNER — exactly like main site */

.saluts-blog-header-inner{
    display:flex!important;

    width:100%!important;
    max-width:1188px!important;

    height:84px!important;
    min-height:84px!important;

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

    align-items:center!important;
    justify-content:space-between!important;
}


/* BLOG LOGO
 *
 * Левая точка идентична основному сайту.
 * Основной logo = 187×61.
 * Blog SVG = 1400×346.
 *
 * Поэтому фиксируем ТОЧНО такую же высоту 61px,
 * а ширину браузер считает из пропорции SVG:
 * 61 × 1400 / 346 = 246.82px.
 */

.saluts-blog-logo{
    display:flex!important;
    flex:0 0 auto!important;

    align-items:center!important;

    width:auto!important;
    height:auto!important;

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

    border:0!important;
}

.saluts-blog-logo::before,
.saluts-blog-logo::after{
    content:none!important;
    display:none!important;
}

.saluts-blog-logo img{
    display:block!important;

    width:auto!important;
    max-width:none!important;

    height:61px!important;
    max-height:61px!important;

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


/* NAV — exact main-site mechanics.
 * margin-left:auto использует только реально свободное
 * место между logo и navigation.
 */

.saluts-blog-nav{
    display:flex!important;

    margin-left:auto!important;
    margin-right:0!important;

    padding:0!important;

    align-items:center!important;

    gap:27px!important;

    flex:0 0 auto!important;

    border:0!important;

    white-space:nowrap!important;
}

.saluts-blog-nav::before,
.saluts-blog-nav::after{
    content:none!important;
    display:none!important;
}

.saluts-blog-nav a{
    flex:0 0 auto!important;

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

    color:#4D4D4F!important;

    font-family:
        "Nunito",
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif!important;

    font-size:16px!important;
    font-weight:800!important;
    line-height:1!important;

    white-space:nowrap!important;

    border:0!important;

    transition:
        color 160ms ease!important;
}

.saluts-blog-nav a:hover,
.saluts-blog-nav a:focus-visible{
    color:#FC6967!important;
}


/* ACTIONS — untouched main-site geometry */

.saluts-blog-header-actions{
    display:flex!important;

    flex:0 0 auto!important;

    margin-left:34px!important;
    margin-right:0!important;

    padding:0!important;

    align-items:center!important;

    gap:25px!important;
}

.saluts-blog-login,
.saluts-blog-create{
    display:inline-flex!important;

    height:45px!important;

    align-items:center!important;
    justify-content:center!important;

    border:0!important;
    border-radius:12px!important;

    font-size:16px!important;
    font-weight:800!important;
    line-height:1!important;

    text-decoration:none!important;
}

.saluts-blog-login{
    width:122px!important;
    min-width:122px!important;
    flex:0 0 122px!important;

    background:#4FD1C5!important;
    color:#FFFFFF!important;
}

.saluts-blog-create{
    width:300px!important;
    min-width:300px!important;
    flex:0 0 300px!important;

    gap:10px!important;

    white-space:nowrap!important;

    background:#FC6967!important;
    color:#FFFFFF!important;
}

.saluts-blog-create span{
    white-space:nowrap!important;
}

.saluts-blog-create svg{
    width:20px!important;
    height:20px!important;
    flex:0 0 20px!important;

    stroke:currentColor!important;
    stroke-width:2!important;
}


/* Same intermediate breakpoint as main Saluts */

@media (max-width:1180px){

    .saluts-blog-header-inner{
        padding:0 24px!important;
    }

    .saluts-blog-nav{
        gap:18px!important;
    }

    .saluts-blog-header-actions{
        margin-left:20px!important;
        gap:12px!important;
    }

    .saluts-blog-create{
        width:300px!important;
        min-width:300px!important;
        flex-basis:300px!important;

        font-size:14px!important;
    }

    .saluts-blog-login{
        width:92px!important;
        min-width:92px!important;
        flex-basis:92px!important;
    }
}


/* Same mobile breakpoint as main Saluts */

@media (max-width:1080px){

    .saluts-blog-header,
    .saluts-blog-header-inner{
        height:70px!important;
        min-height:70px!important;
    }

    .saluts-blog-header-inner{
        padding:0 20px!important;
    }

    /*
     * Основной Saluts при mobile width 138px
     * визуально имеет высоту 45px.
     * Blog logo также получает ту же визуальную высоту.
     */
    .saluts-blog-logo img{
        width:auto!important;
        height:45px!important;
        max-height:45px!important;
    }

    .saluts-blog-nav,
    .saluts-blog-header-actions{
        display:none!important;
    }
}


/* BLOG_COMPLETE_V4 */
.saluts-article-p{margin:0 0 13px!important}.saluts-rich-text{margin:0 0 13px!important}.saluts-columns{margin:18px auto!important}.saluts-article-body>h2{margin:30px 0 11px!important}.saluts-article-body>h3{margin:23px 0 9px!important}
.saluts-article-list{margin:8px 0 18px!important;padding-left:24px!important}.saluts-article-list li{margin:3px 0!important;line-height:1.5}.saluts-mini-rich{line-height:1.55}.saluts-mini-rich p,.saluts-mini-rich div{margin:0}
.saluts-steps{display:grid;gap:14px;margin:16px 0 24px}.saluts-step{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px}.saluts-step-number{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#FFF1F0;color:#FC6967;font-weight:900}.saluts-step-main h3{margin:2px 0 5px!important;font-size:20px!important}
.saluts-inline-cta{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(220px,35%)!important;gap:28px!important;align-items:center!important;margin:30px 0!important;padding:34px 38px!important;border-radius:20px!important;background:#FC6967!important;color:#fff!important}.saluts-inline-cta-copy h2{margin:0 0 11px!important;color:#fff!important;font-size:30px!important;font-weight:900!important}.saluts-inline-cta-copy p{margin:0 0 19px!important;color:#fff!important}.saluts-inline-cta-button{display:inline-flex!important;min-height:44px!important;align-items:center!important;padding:0 20px!important;border-radius:11px!important;background:#fff!important;color:#FC6967!important;font-weight:900!important;text-decoration:none!important}.saluts-inline-cta-media img{display:block;width:100%;max-height:240px;object-fit:contain}@media(max-width:760px){.saluts-inline-cta{grid-template-columns:1fr!important}.saluts-inline-cta-media{order:-1}}


/* SALUTS_BLOG_FORMAT_BADGES_V3 */

/*
 * Плашка на карточке = формат материала.
 *
 * article — Статья
 * news    — Новость Saluts
 * story   — История
 * guide   — Гайд / чек-лист
 * poll    — Опрос
 * quiz    — Тест
 */


/* Статья — Mint */

.saluts-blog-featured-badge--format-article,
.saluts-blog-card-meta--format-article {
    background: #4FD1C5 !important;
    color: #4D4D4F !important;
    border-color: transparent !important;
}


/* Новость Saluts — Dark Gray */

.saluts-blog-featured-badge--format-news,
.saluts-blog-card-meta--format-news {
    background: #4D4D4F !important;
    color: #FFFFFF !important;
    border-color: transparent !important;
}


/* История — Coral */

.saluts-blog-featured-badge--format-story,
.saluts-blog-card-meta--format-story {
    background: #FC6967 !important;
    color: #FFFFFF !important;
    border-color: transparent !important;
}


/* Гайд / чек-лист — Orange */

.saluts-blog-featured-badge--format-guide,
.saluts-blog-card-meta--format-guide {
    background: #F5B041 !important;
    color: #4D4D4F !important;
    border-color: transparent !important;
}


/* Опрос — Pink */

.saluts-blog-featured-badge--format-poll,
.saluts-blog-card-meta--format-poll {
    background: #E84C8A !important;
    color: #FFFFFF !important;
    border-color: transparent !important;
}


/* Тест — Mint outline */

.saluts-blog-featured-badge--format-quiz,
.saluts-blog-card-meta--format-quiz {
    background: rgba(
        255,
        255,
        255,
        .96
    ) !important;

    color: #4D4D4F !important;

    border:
        2px solid
        #4FD1C5 !important;
}


/* Fallback */

.saluts-blog-featured-badge--format-default,
.saluts-blog-card-meta--format-default {
    background: #4D4D4F !important;
    color: #FFFFFF !important;
    border-color: transparent !important;
}



/* SALUTS_BLOG_FORMAT_BADGE_TEXT_V4 */

/*
 * На всех залитых плашках форматов
 * используем белый текст.
 */

.saluts-blog-featured-badge--format-article,
.saluts-blog-card-meta--format-article,
.saluts-blog-featured-badge--format-news,
.saluts-blog-card-meta--format-news,
.saluts-blog-featured-badge--format-story,
.saluts-blog-card-meta--format-story,
.saluts-blog-featured-badge--format-guide,
.saluts-blog-card-meta--format-guide,
.saluts-blog-featured-badge--format-poll,
.saluts-blog-card-meta--format-poll {
    color: #FFFFFF !important;
}


/*
 * Тест остаётся отдельным outline-вариантом:
 * белый фон + Mint обводка + Mint текст.
 */

.saluts-blog-featured-badge--format-quiz,
.saluts-blog-card-meta--format-quiz {
    color: #4FD1C5 !important;
}



/* SALUTS_BLOG_FEATURED_COMPACT_V1 */

/*
 * Featured-карточки:
 * плашка + заголовок + лид + метаданные
 * работают как единый компактный блок,
 * прижатый к нижней части изображения.
 *
 * Верх фотографии оставляем свободным.
 */

@media (min-width: 761px) {

    .saluts-blog-featured-content {
        inset: 0 !important;

        width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;

        box-sizing: border-box !important;

        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-end !important;
        align-items: stretch !important;
    }


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

    .saluts-blog-card-featured-main
    .saluts-blog-featured-content {
        padding: 28px !important;
    }


    /*
     * Дополнительные featured-карточки.
     */

    .saluts-blog-card-featured-secondary
    .saluts-blog-featured-content {
        padding:
            22px
            24px
            22px !important;
    }


    /*
     * Ни один элемент внутри группы
     * не растягивается по высоте карточки.
     */

    .saluts-blog-featured-badge,
    .saluts-blog-featured-title,
    .saluts-blog-featured-text,
    .saluts-blog-featured-footer {
        flex:
            0
            0
            auto !important;
    }


    /*
     * Footer должен идти сразу после лида,
     * а не уезжать отдельно к нижнему краю.
     */

    .saluts-blog-featured-footer {
        margin-top: 0 !important;
    }
}



/* SALUTS_BLOG_HERO_FULL_WIDTH_V1 */

/*
 * Главный баннер блога занимает
 * всю доступную ширину страницы.
 *
 * Старое ограничение max-width: 1400px
 * больше не применяется.
 */

.saluts-blog-home > .saluts-blog-hero {
    width: 100% !important;
    max-width: none !important;

    margin-left: 0 !important;
    margin-right: 0 !important;
}



/* SALUTS_BLOG_MATERIALS_INDEX_V1 */

.saluts-blog-materials-page {
    box-sizing: border-box;

    width:
        min(
            1260px,
            calc(100% - 48px)
        );

    margin: 0 auto;

    padding:
        42px
        0
        96px;
}


.saluts-blog-materials-breadcrumbs {
    display: flex;
    align-items: center;
    gap: 8px;

    margin-bottom: 28px;

    color: #8B8F96;

    font-size: 14px;
    font-weight: 600;
}

.saluts-blog-materials-breadcrumbs a {
    color: #4D4D4F;
    text-decoration: none;
}

.saluts-blog-materials-breadcrumbs a:hover {
    text-decoration: underline;
}


.saluts-blog-materials-head {
    margin-bottom: 28px;
}

.saluts-blog-materials-head h1 {
    margin: 0;

    color: #4D4D4F;

    font-size:
        clamp(
            40px,
            5vw,
            64px
        );

    line-height: 1;
    letter-spacing: -.035em;
    font-weight: 1000;
}

.saluts-blog-materials-head p {
    max-width: 720px;

    margin:
        16px
        0
        0;

    color: #686F79;

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


.saluts-blog-materials-search {
    box-sizing: border-box;

    display: flex;
    align-items: center;
    gap: 10px;

    width:
        min(
            680px,
            100%
        );

    margin-bottom: 22px;
}

.saluts-blog-materials-search input {
    box-sizing: border-box;

    flex:
        1
        1
        auto;

    min-width: 0;
    height: 52px;

    padding:
        0
        18px;

    border:
        1px solid
        rgba(
            77,
            77,
            79,
            .14
        );

    border-radius: 14px;

    outline: none;

    background: #FFFFFF;
    color: #4D4D4F;

    font: inherit;
    font-size: 16px;
}

.saluts-blog-materials-search input:focus {
    border-color: #4FD1C5;

    box-shadow:
        0
        0
        0
        3px
        rgba(
            79,
            209,
            197,
            .12
        );
}

.saluts-blog-materials-search button {
    height: 52px;

    padding:
        0
        24px;

    border: 0;
    border-radius: 14px;

    background: #4FD1C5;
    color: #FFFFFF;

    font: inherit;
    font-weight: 800;

    cursor: pointer;
}


.saluts-blog-materials-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;

    margin-bottom: 18px;
}

.saluts-blog-materials-chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 38px;

    padding:
        0
        16px;

    border:
        1px solid
        rgba(
            77,
            77,
            79,
            .12
        );

    border-radius: 999px;

    background: #FFFFFF;
    color: #4D4D4F;

    text-decoration: none;

    font-size: 14px;
    font-weight: 800;
}

.saluts-blog-materials-chip:hover {
    border-color: #4FD1C5;
}

.saluts-blog-materials-chip.is-active {
    border-color: #4FD1C5;
    background: #4FD1C5;
    color: #FFFFFF;
}


.saluts-blog-materials-summary {
    margin-bottom: 24px;

    color: #8B8F96;

    font-size: 14px;
    font-weight: 600;
}


.saluts-blog-materials-grid {
    display: grid;

    grid-template-columns:
        repeat(
            3,
            minmax(
                0,
                1fr
            )
        );

    gap: 24px;
}


.saluts-blog-materials-card {
    min-width: 0;

    overflow: hidden;

    border:
        1px solid
        rgba(
            77,
            77,
            79,
            .08
        );

    border-radius: 22px;

    background: #FFFFFF;

    box-shadow:
        0
        10px
        30px
        rgba(
            25,
            31,
            45,
            .05
        );
}

.saluts-blog-materials-card-link {
    display: flex;
    flex-direction: column;

    height: 100%;

    color: inherit;
    text-decoration: none;
}


.saluts-blog-materials-card-media {
    position: relative;

    overflow: hidden;

    width: 100%;
    aspect-ratio: 16 / 10;

    background:
        linear-gradient(
            135deg,
            rgba(
                79,
                209,
                197,
                .16
            ),
            rgba(
                252,
                105,
                103,
                .12
            )
        );
}

.saluts-blog-materials-card-media img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}


.saluts-blog-materials-card-content {
    box-sizing: border-box;

    display: flex;
    flex:
        1
        1
        auto;

    flex-direction: column;

    padding: 20px;
}


.saluts-blog-materials-badge {
    align-self: flex-start;

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

    min-height: 30px;

    margin-bottom: 14px;

    padding:
        5px
        13px;

    border-radius: 11px;

    font-size: 13px;
    line-height: 1;
    font-weight: 900;
}


.saluts-blog-materials-card h2 {
    margin:
        0
        0
        10px;

    color: #4D4D4F;

    font-size: 24px;
    line-height: 1.12;
    letter-spacing: -.02em;
    font-weight: 900;
}


.saluts-blog-materials-card-text {
    display: -webkit-box;

    overflow: hidden;

    margin:
        0
        0
        22px;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;

    color: #686F79;

    font-size: 15px;
    line-height: 1.48;
}


.saluts-blog-materials-card-footer {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 14px;

    margin-top: auto;

    color: #8B8F96;

    font-size: 13px;
    font-weight: 600;
}

.saluts-blog-materials-card-footer > div {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}


.saluts-blog-materials-card-arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    flex:
        0
        0
        38px;

    width: 38px;
    height: 38px;

    border-radius: 999px;

    background:
        rgba(
            252,
            105,
            103,
            .10
        );

    color: #FC6967;

    font-size: 22px;
    line-height: 1;
}


.saluts-blog-materials-empty {
    grid-column:
        1
        /
        -1;

    padding:
        72px
        24px;

    border-radius: 22px;

    background:
        rgba(
            79,
            209,
            197,
            .08
        );

    color: #4D4D4F;

    text-align: center;

    font-size: 18px;
    font-weight: 700;
}


.saluts-blog-materials-pagination {
    display: flex;
    justify-content: center;
    gap: 8px;

    margin-top: 44px;
}

.saluts-blog-materials-page-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-width: 42px;
    height: 42px;

    padding:
        0
        10px;

    border:
        1px solid
        rgba(
            77,
            77,
            79,
            .12
        );

    border-radius: 11px;

    background: #FFFFFF;
    color: #4D4D4F;

    text-decoration: none;
    font-weight: 800;
}

.saluts-blog-materials-page-link.is-active {
    border-color: #4FD1C5;
    background: #4FD1C5;
    color: #FFFFFF;
}


@media (max-width: 980px) {

    .saluts-blog-materials-grid {
        grid-template-columns:
            repeat(
                2,
                minmax(
                    0,
                    1fr
                )
            );
    }
}


@media (max-width: 640px) {

    .saluts-blog-materials-page {
        width:
            calc(
                100%
                - 28px
            );

        padding:
            28px
            0
            64px;
    }

    .saluts-blog-materials-head h1 {
        font-size: 40px;
    }

    .saluts-blog-materials-head p {
        font-size: 16px;
    }

    .saluts-blog-materials-search {
        align-items: stretch;
        flex-direction: column;
    }

    .saluts-blog-materials-search button {
        width: 100%;
    }

    .saluts-blog-materials-grid {
        grid-template-columns: 1fr;
    }

    .saluts-blog-materials-card h2 {
        font-size: 22px;
    }
}

/* SALUTS_BLOG_LISTINGS_V2 */

.saluts-blog-listing-page {
    box-sizing: border-box;
    width: min(1260px, calc(100% - 48px));
    margin: 0 auto;
    padding: 42px 0 96px;
}

.saluts-blog-listing-breadcrumbs {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 28px;
    color: #8B8F96;
    font-size: 14px;
    font-weight: 600;
}

.saluts-blog-listing-breadcrumbs a {
    color: #4D4D4F;
    text-decoration: none;
}

.saluts-blog-listing-head {
    max-width: 820px;
    margin-bottom: 28px;
}

.saluts-blog-listing-head h1 {
    margin: 0;
    color: #4D4D4F;
    font-size: clamp(42px, 5.5vw, 68px);
    line-height: .98;
    letter-spacing: -.04em;
    font-weight: 950;
}

.saluts-blog-listing-head p {
    max-width: 760px;
    margin: 18px 0 0;
    color: #686F79;
    font-size: 18px;
    line-height: 1.5;
}

.saluts-blog-listing-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin-bottom: 24px;
}

.saluts-blog-listing-nav-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 0 16px;
    border: 1px solid rgba(77,77,79,.13);
    border-radius: 999px;
    background: #FFFFFF;
    color: #4D4D4F;
    text-decoration: none;
    font-size: 14px;
    font-weight: 800;
}

.saluts-blog-listing-nav-link:hover {
    border-color: #4FD1C5;
}

.saluts-blog-listing-nav-link.is-active {
    border-color: #4FD1C5;
    background: #4FD1C5;
    color: #FFFFFF;
}

.saluts-blog-listing-search {
    display: flex;
    gap: 10px;
    width: min(680px, 100%);
    margin-bottom: 16px;
}

.saluts-blog-listing-search input {
    box-sizing: border-box;
    flex: 1 1 auto;
    min-width: 0;
    height: 52px;
    padding: 0 18px;
    border: 1px solid rgba(77,77,79,.14);
    border-radius: 15px;
    outline: 0;
    background: #FFFFFF;
    color: #4D4D4F;
    font: inherit;
    font-size: 16px;
}

.saluts-blog-listing-search input:focus {
    border-color: #4FD1C5;
    box-shadow: 0 0 0 3px rgba(79,209,197,.12);
}

.saluts-blog-listing-search button {
    height: 52px;
    padding: 0 24px;
    border: 0;
    border-radius: 15px;
    background: #4FD1C5;
    color: #FFFFFF;
    font: inherit;
    font-weight: 850;
    cursor: pointer;
}

.saluts-blog-listing-summary {
    margin-bottom: 28px;
    color: #8B8F96;
    font-size: 14px;
    font-weight: 600;
}

/* 1 */

.saluts-blog-listing-feature {
    overflow: hidden;
    margin-bottom: 28px;
    border: 1px solid rgba(77,77,79,.08);
    border-radius: 26px;
    background: #FFFFFF;
    box-shadow: 0 14px 38px rgba(25,31,45,.055);
}

.saluts-blog-listing-feature-link {
    display: grid;
    grid-template-columns:
        minmax(0, 1.45fr)
        minmax(320px, .85fr);
    min-height: 430px;
    color: inherit;
    text-decoration: none;
}

.saluts-blog-listing-feature-media {
    overflow: hidden;
    min-height: 430px;
    background:
        linear-gradient(
            135deg,
            rgba(79,209,197,.16),
            rgba(252,105,103,.12)
        );
}

.saluts-blog-listing-feature-media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.saluts-blog-listing-feature-content {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    padding: 34px;
}

.saluts-blog-listing-feature-content h2 {
    margin: 0 0 14px;
    color: #4D4D4F;
    font-size: clamp(29px, 3vw, 40px);
    line-height: 1.06;
    letter-spacing: -.035em;
    font-weight: 950;
}

.saluts-blog-listing-feature-content > p {
    display: -webkit-box;
    overflow: hidden;
    margin: 0 0 26px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    color: #686F79;
    font-size: 17px;
    line-height: 1.5;
}

.saluts-blog-listing-feature-footer {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    margin-top: auto;
}

/* 3 */

.saluts-blog-listing-trio {
    display: grid;
    grid-template-columns:
        repeat(3, minmax(0, 1fr));
    gap: 22px;
    margin-bottom: 48px;
}

.saluts-blog-listing-card {
    min-width: 0;
    overflow: hidden;
    border: 1px solid rgba(77,77,79,.08);
    border-radius: 22px;
    background: #FFFFFF;
    box-shadow: 0 10px 30px rgba(25,31,45,.045);
}

.saluts-blog-listing-card-link {
    display: flex;
    flex-direction: column;
    height: 100%;
    color: inherit;
    text-decoration: none;
}

.saluts-blog-listing-card-media {
    overflow: hidden;
    width: 100%;
    aspect-ratio: 16 / 10;
    background:
        linear-gradient(
            135deg,
            rgba(79,209,197,.16),
            rgba(252,105,103,.12)
        );
}

.saluts-blog-listing-card-media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.saluts-blog-listing-card-content {
    box-sizing: border-box;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    padding: 20px;
}

.saluts-blog-listing-card-content h2 {
    margin: 0 0 10px;
    color: #4D4D4F;
    font-size: 23px;
    line-height: 1.12;
    letter-spacing: -.025em;
    font-weight: 900;
}

.saluts-blog-listing-card-content > p {
    display: -webkit-box;
    overflow: hidden;
    margin: 0 0 20px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    color: #686F79;
    font-size: 15px;
    line-height: 1.48;
}

/* FORMAT */

.saluts-blog-listing-badge {
    align-self: flex-start;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    margin-bottom: 14px;
    padding: 5px 13px;
    border-radius: 11px;
    color: #FFFFFF;
    font-size: 13px;
    line-height: 1;
    font-weight: 900;
}

.saluts-blog-listing-badge--article {
    background: #4FD1C5;
}

.saluts-blog-listing-badge--news {
    background: #4D4D4F;
}

.saluts-blog-listing-badge--story {
    background: #FC6967;
}

.saluts-blog-listing-badge--guide {
    background: #F5B041;
}

.saluts-blog-listing-badge--poll {
    background: #E84C8A;
}

.saluts-blog-listing-badge--quiz {
    border: 1px solid #4FD1C5;
    background: #FFFFFF;
    color: #4FD1C5;
}

.saluts-blog-listing-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: auto;
    color: #8B8F96;
    font-size: 13px;
    font-weight: 600;
}

.saluts-blog-listing-arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    border-radius: 999px;
    background: rgba(252,105,103,.10);
    color: #FC6967;
    font-size: 23px;
}

/* LOAD MORE */

.saluts-blog-load-more-wrap {
    display: flex;
    justify-content: center;
    padding-top: 6px;
}

.saluts-blog-load-more {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 210px;
    min-height: 54px;
    padding: 0 28px;
    border-radius: 16px;
    background: #FC6967;
    color: #FFFFFF;
    text-decoration: none;
    font-size: 16px;
    font-weight: 900;
}

.saluts-blog-load-more.is-loading {
    opacity: .65;
    pointer-events: none;
}

.saluts-blog-listing-empty {
    padding: 72px 24px;
    border-radius: 24px;
    background: rgba(79,209,197,.08);
    color: #4D4D4F;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
}

@media (max-width: 980px) {
    .saluts-blog-listing-feature-link {
        grid-template-columns:
            1.1fr
            .9fr;
    }

    .saluts-blog-listing-trio {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .saluts-blog-listing-page {
        width: calc(100% - 28px);
        padding: 28px 0 64px;
    }

    .saluts-blog-listing-head h1 {
        font-size: 42px;
    }

    .saluts-blog-listing-head p {
        font-size: 16px;
    }

    .saluts-blog-listing-search {
        flex-direction: column;
    }

    .saluts-blog-listing-search button {
        width: 100%;
    }

    .saluts-blog-listing-feature-link {
        display: flex;
        flex-direction: column;
        min-height: 0;
    }

    .saluts-blog-listing-feature-media {
        min-height: 0;
        aspect-ratio: 16 / 10;
    }

    .saluts-blog-listing-feature-content {
        padding: 22px;
    }

    .saluts-blog-listing-trio {
        grid-template-columns: 1fr;
        margin-bottom: 36px;
    }
}


/* CMS_PUBLIC_SHARE_V1 */

.saluts-article-share {
    display: flex;
    align-items: center;
    flex-wrap: wrap;

    gap: 12px;

    margin:
        18px 0 26px;
}


.saluts-article-share-label {
    color: #4D4D4F;

    font-size: 14px;
    font-weight: 900;
}


.saluts-article-share-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;

    gap: 8px;
}


.saluts-article-share-btn {
    appearance: none;

    min-height: 36px;

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

    padding: 0 13px;

    border:
        1px solid
        rgba(
            77,
            77,
            79,
            .14
        );

    border-radius: 999px;

    background: #fff;

    color: #4D4D4F;

    font: inherit;
    font-size: 13px;
    font-weight: 800;

    text-decoration: none;

    cursor: pointer;

    transition:
        border-color .15s ease,
        background .15s ease,
        transform .15s ease;
}


.saluts-article-share-btn:hover {
    border-color: #4FD1C5;

    background:
        rgba(
            79,
            209,
            197,
            .07
        );

    transform:
        translateY(-1px);
}


.saluts-article-share-btn.is-copied {
    border-color: #4FD1C5;

    background:
        rgba(
            79,
            209,
            197,
            .10
        );

    color: #397F79;
}


@media (
    max-width: 620px
) {
    .saluts-article-share {
        align-items: flex-start;

        flex-direction: column;
    }

    .saluts-article-share-actions {
        width: 100%;
    }
}


/* BLOG_FEATURED_STANDARD_LAYOUT_V1 */

/*
 * В featured-карточках геометрия контента
 * определяется блоком, а не длиной материала.
 *
 * Верх:
 * формат -> заголовок -> описание.
 *
 * Низ:
 * дата / чтение -> стрелка.
 */

.saluts-blog-card-featured-main
.saluts-blog-featured-content,
.saluts-blog-card-featured-secondary
.saluts-blog-featured-content {
    position: absolute !important;
    inset: 0 !important;

    box-sizing: border-box !important;

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


/* Плашка типа всегда начинается сверху */

.saluts-blog-card-featured-main
.saluts-blog-featured-badge,
.saluts-blog-card-featured-secondary
.saluts-blog-featured-badge {
    flex: 0 0 auto !important;
    margin:
        0
        0
        18px !important;
}


/* Заголовок больше не двигает плашку вверх */

.saluts-blog-card-featured-main
.saluts-blog-featured-title,
.saluts-blog-card-featured-secondary
.saluts-blog-featured-title {
    flex: 0 0 auto !important;
    margin:
        0
        0
        12px !important;
}


/*
 * У secondary не держим искусственные 360 px.
 * На узкой карточке ширина всё равно ограничена
 * самой карточкой, на широкой — получаем
 * нормальную стандартную композицию.
 */

.saluts-blog-card-featured-secondary
.saluts-blog-featured-title {
    width: auto !important;
    max-width: 610px !important;
}


/* Описание идёт сразу после заголовка */

.saluts-blog-card-featured-main
.saluts-blog-featured-text,
.saluts-blog-card-featured-secondary
.saluts-blog-featured-text {
    flex: 0 0 auto !important;
    margin:
        0 !important;
}


/*
 * Нижняя строка всегда у нижней границы.
 * Именно она забирает свободную высоту карточки.
 */

.saluts-blog-card-featured-main
.saluts-blog-featured-footer,
.saluts-blog-card-featured-secondary
.saluts-blog-featured-footer {
    flex: 0 0 auto !important;
    margin-top: auto !important;
    padding-top: 20px !important;
}