/* Страница поста блога — узкая колонка 1172px @ 1440, типографика как на рассрочке */

body.post-page section.post-page-content {
    padding-bottom: 0;
}

@media (min-width: 992px) {
    body.post-page section.post-page-content {
        padding-left: 0;
        padding-right: 0;
    }
}

body.post-page section.post-page-content {
    padding-bottom: 0;
}

body.post-page section.similar-articles {
    padding-top: 100px;
}

@media (min-width: 992px) {
    body.post-page section.similar-articles {
        padding-left: 0;
        padding-right: 0;
    }
}

.post-page-content {
    padding-top: 40px;
}

body.post-page .post-page__breadcrumbs,
body.post-page .catalog-breadcrumbs {
    justify-content: flex-start;
    margin-bottom: 24px;
}

.post-page__date {
    display: block;
    margin: 0 0 16px;
    font-size: 16px;
    font-weight: 400;
    color: #4D4D4D;
}

.post-page__title {
    max-width: 100%;
    margin: 0 0 24px;
    font-size: 30px;
    font-weight: 500;
    text-transform: uppercase;
    color: #020a0a;
}

.post-page__body {
    font-weight: 400;
    color: #4D4D4D;
}

.post-page__body p {
    margin: 0 0 24px;
    color: #4D4D4D;
}

.post-page__body > p:first-child {
    margin-bottom: 40px;
}

.post-page__body h2,
.post-page__heading {
    max-width: 100%;
    margin: 48px 0 24px;
    font-size: 20px;
    font-weight: 500;
    text-transform: uppercase;
    color: #2E2E30;
    text-decoration-line: underline;
    text-decoration-color: currentColor;
    text-decoration-thickness: 2px;
    text-underline-offset: 0.2em;
    text-decoration-skip-ink: none;
}

.post-page__body h3,
.post-page__heading-sub {
    margin: 32px 0 16px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
    color: #232323;
    text-transform: none;
}

.post-page__body > h2:first-child,
.post-page__body > h3:first-child,
.post-page__body > p:first-child + h2,
.post-page__body > p:first-child + h3 {
    margin-top: 0;
}

.post-page__body ul:not([class]) {
    margin: 0 0 24px;
    padding-left: 18px;
    list-style: disc;
}

.post-page__body ol:not([class]) {
    margin: 0 0 24px;
    padding-left: 20px;
    list-style: decimal;
}

.post-page__body li {
    line-height: 140%;
    color: #4D4D4D;
}

.post-page__body blockquote {
    margin: 0 0 40px;
    padding: 0 0 0 20px;
    border: none;
    border-left: 4px solid #4D4D4D;
    font-size: 14px;
    font-weight: 400;
    color: #2e2e30;
}

.post-page__body img:not(.post-page__banner-img) {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 0 40px;
}

.post-page__intro {
    margin: 0 0 40px;
}

.post-page__banner {
    margin: 0 0 40px;
    max-height: 700px;
    overflow: hidden;
}

.post-page__banner img.post-page__banner-img {
    display: block;
    width: 100%;
    max-height: 700px;
    object-fit: cover;
    object-position: center top;
}

.post-page__body > :last-child {
    margin-bottom: 0;
}

.post-page__quote {
    margin: 0 0 40px;
    padding: 0 0 0 20px;
    border: none;
    border-left: 4px solid #4D4D4D;
    font-size: 14px;
    font-weight: 400;
    color: #2e2e30;
}

body.post-page .post-page__list li {
    line-height: 140%;
    color: #4D4D4D;
}

.post-page__block {
    margin-bottom: 48px;
}

.post-page__block:last-child {
    margin-bottom: 0;
}



.post-page__body p:last-child,
.post-page__block p:last-child {
    margin-bottom: 0;
}

.post-page__body p + .post-page__list,
.post-page__body .post-page__list + p,
.post-page__block p + .post-page__list,
.post-page__block .post-page__list + p {
    margin-top: 0;
}

.post-page__list {
    padding-left: 18px;
    list-style: unset;
}

.post-page__list li:last-child {
    margin-bottom: 0;
}

.post-page__list--ordered {
    list-style: decimal;
    padding-left: 20px;
}

/* Похожие статьи — слайдер как new-products на главной */
.similar-articles__title {
    width: fit-content;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-bottom: 40px;
    border-bottom: 2px solid #000000;
    font-size: 20px;
    font-weight: 500;
    text-transform: uppercase;
}

.similar-articles-row__slider {
    position: relative;
    padding: 0;
}

.similar-articles-row__slider .slick-slide {
    padding: 0 8px;
}

.similar-articles-row__slider .slick-list {
    margin: 0 -5px;
}

.similar-articles-row__slider .slick-prev,
.similar-articles-row__slider .slick-next {
    z-index: 2;
    top: var(--products-row-arrow-top, 200px);
    width: 37px;
    height: 37px;
    padding: 0;
    border: none;
    border-radius: 50%;
    background-color: #ffffff;
    transform: translate(0, -50%);
}

.similar-articles-row__slider .slick-prev {
    left: 12px;
    right: auto;
}

.similar-articles-row__slider .slick-next {
    right: 12px;
    left: auto;
}

[dir="rtl"] .similar-articles-row__slider .slick-prev {
    right: 12px;
    left: auto;
}

[dir="rtl"] .similar-articles-row__slider .slick-next {
    left: 12px;
    right: auto;
}

.similar-articles-row__slider .slick-prev:before,
.similar-articles-row__slider .slick-next:before {
    content: "";
    display: block;
    width: 7px;
    height: 13px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    opacity: 1;
    font-family: initial;
    font-size: 0;
    line-height: 0;
}

.similar-articles-row__slider .slick-prev:before {
    background-image: url("../img/products-slider-arrow-left.svg");
}

.similar-articles-row__slider .slick-next:before {
    background-image: url("../img/products-slider-arrow-right.svg");
}

.similar-articles-row__slider .slick-prev:hover,
.similar-articles-row__slider .slick-prev:focus,
.similar-articles-row__slider .slick-next:hover,
.similar-articles-row__slider .slick-next:focus {
    background-color: #ffffff;
}

.similar-articles-row__slider .slick-prev.slick-disabled,
.similar-articles-row__slider .slick-next.slick-disabled {
    opacity: 0.35;
}

.similar-articles-card__link {
    display: block;
    color: inherit;
    text-decoration: none;
}

.similar-articles-card__media {
    position: relative;
    margin-bottom: 20px;
    overflow: hidden;
    aspect-ratio: 460 / 519;
}

.similar-articles-card__img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
}

@media (min-width: 768px) {
    .similar-articles-card__media {
        height: calc(452 * 100vw / 1400);
        aspect-ratio: auto;
    }
}

.similar-articles-card__title {
    margin: 0;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
}

@media (max-width: 991px) {
    .post-page__breadcrumbs {
        margin-top: 24px;
    }

    .post-page-content {
        padding-top: 24px;
    }

    .post-page__date {
        margin-bottom: 8px;
        font-size: 16px;
    }

    .post-page__title {
        margin: 0 0 24px;
        font-size: 24px;
        text-decoration: underline;
    }

    .post-page__intro {
        font-size: 14px;
    }

    .post-page__banner {
        margin-top: 48px;
        margin-bottom: 48px;
    }

    .post-page__quote {
        margin-bottom: 48px;
        padding-left: 16px;
    }

    .post-page__block {
        margin-bottom: 48px;
    }

    .post-page__list {
        font-size: 14px;
    }

    .post-page__heading,
    .post-page__body h2 {
        margin-bottom: 32px;
        font-size: 16px;
    }

    .post-page__heading-sub,
    .post-page__body h3 {
        margin-bottom: 12px;
        font-size: 18px;
        margin-top: 32px;
    }

    body.post-page section.post-page-content {
        padding-bottom: 0;
    }

    body.post-page {
        overflow-x: clip;
    }

    body.post-page section.similar-articles {
        padding-top: 50px;
        padding-bottom: 0;
    }

    .similar-articles__title {
        margin-bottom: 24px;
        font-size: 20px;
    }

    .similar-articles-card__title {
        font-size: 12px;
    }

    .similar-articles-row__slider:not(.slick-initialized) {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .similar-articles-row__slider.slick-initialized {
        width: 100%;
    }

    .similar-articles-row__slider.slick-initialized .slick-list {
        margin: 0;
        padding-left: 0;
    }

    .similar-articles-row__slider.slick-initialized .slick-slide {
        width: min(300px, calc(100vw - 148px));
        margin-right: 10px;
        padding: 0;
        box-sizing: border-box;
    }

    .post-page__block p {
        font-size: 14px;
    }
}