/* Start:/bitrix/templates/petrocenter-new/components/bitrix/news.detail/news/style.css?17901629208499*/
.pc-news-detail {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    max-width: 1500px;
    margin: 0 auto;
    padding: clamp(20px, 3vw, 48px);
    overflow: hidden;
    border: 1px solid #dfe2e8;
    border-radius: 22px;
    background:
        radial-gradient(circle at 100% 0, rgba(222, 47, 47, .1), transparent 33%),
        #f7f8fa;
}

.pc-news-detail__hero {
    max-width: 1120px;
    margin: 0 auto;
}

.pc-news-detail__breadcrumbs {
    display: flex;
    align-items: center;
    gap: 7px;
    min-width: 0;
    margin: 0 0 clamp(26px, 3vw, 42px);
    color: #858b96;
    font-size: 13px;
    line-height: 1.35;
}

.pc-news-detail__breadcrumbs a {
    flex: 0 0 auto;
    color: #6d7480;
    text-decoration: none;
    transition: color .2s ease;
}

.pc-news-detail__breadcrumbs a:hover,
.pc-news-detail__breadcrumbs a:focus-visible {
    color: var(--pc-primary, #e32d2d);
}

.pc-news-detail__breadcrumbs-current {
    overflow: hidden;
    min-width: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.pc-news-detail__meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 9px 12px;
    margin-bottom: 14px;
    color: #818793;
    font-size: 13px;
    line-height: 1.25;
}

.pc-news-detail__meta span {
    color: var(--pc-primary, #e32d2d);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.pc-news-detail__meta time::before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 4px;
    margin: 0 12px 3px 0;
    border-radius: 50%;
    background: #b6bbc4;
}

.pc-news-detail__title {
    max-width: 1080px;
    margin: 0;
    color: #1d222b;
    font-size: clamp(34px, 4.1vw, 62px);
    line-height: 1.06;
    font-weight: 700;
    letter-spacing: -.025em;
    text-wrap: balance;
}

.pc-news-detail__preview {
    max-width: 920px;
    margin: 22px 0 0;
    color: #596170;
    font-size: clamp(18px, 1.45vw, 22px);
    line-height: 1.55;
}

.pc-news-detail__image-wrap {
    max-width: 1120px;
    margin: clamp(28px, 4vw, 48px) auto 0;
    overflow: hidden;
    border-radius: 18px;
    background: #e3e6eb;
    box-shadow: 0 18px 42px rgba(26, 31, 40, .1);
}

.pc-news-detail__image {
    width: 100%;
    max-height: 680px;
    display: block;
    object-fit: cover;
}

.pc-news-detail__reading-card {
    box-sizing: border-box;
    max-width: 980px;
    margin: clamp(30px, 4vw, 50px) auto 0;
    padding: clamp(24px, 4vw, 54px);
    border: 1px solid #e0e3e8;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 14px 38px rgba(25, 31, 40, .055);
}

.pc-news-detail__content {
    color: #434b5a;
    font-size: 18px;
    line-height: 1.78;
}

.pc-news-detail__content > :first-child {
    margin-top: 0;
}

.pc-news-detail__content > :last-child {
    margin-bottom: 0;
}

.pc-news-detail__content p {
    margin: 0 0 1.25em;
}

.pc-news-detail__content h2,
.pc-news-detail__content h3 {
    color: #202630;
    line-height: 1.2;
}

.pc-news-detail__content h2 {
    margin: 1.8em 0 .65em;
    font-size: 28px;
}

.pc-news-detail__content h3 {
    margin: 1.6em 0 .6em;
    font-size: 22px;
}

.pc-news-detail__content ul,
.pc-news-detail__content ol {
    margin: 1.1em 0 1.4em;
    padding-left: 1.35em;
}

.pc-news-detail__content li {
    margin: .42em 0;
    padding-left: .25em;
}

.pc-news-detail__content li::marker {
    color: var(--pc-primary, #e32d2d);
}

.pc-news-detail__content a {
    color: var(--pc-primary, #e32d2d);
    text-underline-offset: 3px;
}

.pc-news-detail__products {
    margin-top: 40px;
    padding-top: 32px;
    border-top: 1px solid #e5e7eb;
}

.pc-news-detail__products > h2 {
    margin: 0 0 20px;
    color: #202630;
    font-size: 28px;
    line-height: 1.2;
}

.pc-news-detail__products-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.pc-news-detail__product-card {
    padding: 14px;
    min-width: 0;
    overflow: hidden;
    border: 1px solid #e0e3e8;
    border-radius: 14px;
    background: #ebebee;
}

.pc-news-detail__product-image-wrap {
    border-radius: 14px;
    overflow: hidden;
    display: block;
    height: 180px;
    background: #e4e7ec;
}

.pc-news-detail__product-image,
.pc-news-detail__product-placeholder {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    object-fit: cover;
}

.pc-news-detail__product-placeholder {
    color: #858b96;
    font-size: 13px;
    font-weight: 700;
}

.pc-news-detail__product-body {
    display: flex;
    min-height: 0;
    box-sizing: border-box;
    flex-direction: column;
    align-items: flex-start;
    padding: 14px 0 0;
}

.pc-news-detail__product-body h3 {
    margin: 0;
    color: #202630;
    font-size: 17px;
    line-height: 1.35;
}

.pc-news-detail__product-body h3 a {
    color: inherit;
    text-decoration: none;
}

.pc-news-detail__product-price {
    display: inline-flex;
    margin-top: 13px;
    padding: 6px 10px;
    border-radius: 999px;
    color: #fff;
    background: var(--pc-primary, #e32d2d);
    font-size: 14px;
    line-height: 1.2;
    font-variant-numeric: tabular-nums;
}

.pc-news-detail__product-link {
    margin-top: auto;
    padding-top: 18px;
    color: var(--pc-primary, #e32d2d);
    text-decoration: none;
    font-size: 14px;
    font-weight: 800;
}

.pc-news-detail__product-meta { display: grid; gap: 7px; margin: 14px 0; color: #636974; font-size: 13px; line-height: 1.45; }
.pc-news-detail__product-meta strong { color: #2a2f37; font-weight: 600; }
.pc-news-detail__product-actions { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; width: 100%; margin-top: auto; }
.pc-news-detail__product-actions .pc-news-detail__product-link { padding: 10px 0; margin: 0; }
.pc-news-detail__product-calc { display: inline-flex; align-items: center; justify-content: center; min-height: 40px; padding: 0 14px; border-radius: 12px; background: #fff; color: #20242d; font-weight: 700; font-size: 13px; text-decoration: none; }
.pc-news-detail__product-card { display: flex; flex-direction: column; }
.pc-news-detail__product-body { flex: 1; }
.pc-news-detail__product-card a:focus-visible { outline: 3px solid #296ac1; outline-offset: 3px; }

.pc-news-detail__back-wrap {
    margin-top: 36px;
    padding-top: 26px;
    border-top: 1px solid #e5e7eb;
}

.pc-news-detail__back {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-height: 46px;
    padding: 0 18px;
    border: 1px solid #d9dde4;
    border-radius: 12px;
    color: #252b35;
    background: #fff;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
    transition: color .2s ease, border-color .2s ease, background-color .2s ease;
}

.pc-news-detail__back span {
    color: var(--pc-primary, #e32d2d);
    font-size: 19px;
    line-height: 1;
}

.pc-news-detail__back:hover,
.pc-news-detail__back:focus-visible {
    border-color: rgba(227, 45, 45, .35);
    color: var(--pc-primary, #e32d2d);
    background: #fffafa;
}

@media (max-width: 767px) {
    .pc-news-detail {
        padding: 18px;
        border-radius: 18px;
    }

    .pc-news-detail__breadcrumbs {
        margin-bottom: 26px;
    }

    .pc-news-detail__title {
        font-size: clamp(31px, 9.5vw, 42px);
    }

    .pc-news-detail__preview {
        margin-top: 16px;
        font-size: 17px;
    }

    .pc-news-detail__image-wrap {
        border-radius: 14px;
    }

    .pc-news-detail__reading-card {
        padding: 22px 18px;
        border-radius: 15px;
    }

    .pc-news-detail__content {
        font-size: 16px;
        line-height: 1.7;
    }

    .pc-news-detail__content h2 {
        font-size: 24px;
    }

    .pc-news-detail__back {
        width: 100%;
        box-sizing: border-box;
        justify-content: center;
    }

    .pc-news-detail__products-grid {
        grid-template-columns: 1fr;
    }

    .pc-news-detail__product-image-wrap {
        height: 210px;
    }

    .pc-news-detail__product-body {
        min-height: 0;
    }

    .pc-news-detail__product-link {
        margin-top: 16px;
        padding-top: 0;
    }
}

@media (min-width: 768px) and (max-width: 1050px) {
    .pc-news-detail__products-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (prefers-reduced-motion: reduce) {
    .pc-news-detail__breadcrumbs a,
    .pc-news-detail__back {
        transition: none;
    }
}

/* End */
/* /bitrix/templates/petrocenter-new/components/bitrix/news.detail/news/style.css?17901629208499 */