/* Start:/local/templates/rioni/components/bitrix/news.detail/product/style.css?17865719356355*/
/*
 * v1.2.2
 * Sidebar related cards use the exact Figma "Backgrounds/Lineral Blue-green"
 * gradient from node 7:5917.
 */
/*
 * Rioni Products detail — sidebar v1.2.1
 * Локальная фиксация геометрии article/detail для Products.
 * Глобальные стили Instruments / Services не изменяются.
 */

.section-career-detail.section-product-detail {
    background: var(--text-dark-blue, #0f171f);
}

/* Убираем career-detail внутренние 50px: используем ширину стандартного container. */
.section-career-detail.section-product-detail .container {
    padding-left: 0;
    padding-right: 0;
}

/*
 * Desktop: та же схема, что у стандартного article/detail:
 * основная колонка + 280px sidebar + 108px gap.
 */
.section-product-detail .product-detail__body {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 32px;
    align-items: start;
}

.section-product-detail .product-detail__main {
    display: flex;
    flex-direction: column;
    gap: 24px;
    min-width: 0;
}

/* career-detail__back имеет собственный margin-bottom; в article-схеме он не нужен. */
.section-product-detail .product-detail__back {
    margin-bottom: 0;
}

.section-product-detail .product-detail__title {
    margin: 0;
    color: var(--backgrounds-white, #fff) !important;
}

/*
 * Products: фиксированная пропорция 799 × 380.
 * ВАЖНО: 799/380 задаёт ПРОПОРЦИЮ, а не абсолютную ширину 799px.
 * Фактическая ширина равна ширине основной колонки.
 */
.section-product-detail .product-detail__featured {
    width: 100%;
    aspect-ratio: 799 / 380;
    overflow: hidden;
    border-radius: 20px;
    background: var(--text-dark-blue, #0f171f);
}

.section-product-detail .product-detail__image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.section-product-detail .product-detail__subtitle {
    margin: 0 !important;
    color: var(--backgrounds-white, #fff);
}

.section-product-detail .product-detail__content {
    color: var(--backgrounds-white, #fff);
}

.section-product-detail .product-detail__content h1,
.section-product-detail .product-detail__content h2,
.section-product-detail .product-detail__content h3,
.section-product-detail .product-detail__content h4,
.section-product-detail .product-detail__content h5,
.section-product-detail .product-detail__content h6,
.section-product-detail .product-detail__content p,
.section-product-detail .product-detail__content li,
.section-product-detail .product-detail__content strong,
.section-product-detail .product-detail__content em {
    color: inherit;
}

/* Sidebar — локальная копия штатной article-related геометрии. */
.section-product-detail .product-detail__sidebar {
    display: flex;
    flex-direction: column;
    gap: 24px;
    min-width: 0;
}

.section-product-detail .product-detail__related {
    min-width: 0;
    max-width: 100%;
}

.section-product-detail .product-detail__related-title {
    margin: 0 0 12px;
    font-size: 26px;
    font-weight: 400;
    color: var(--backgrounds-white, #fff);
}

.section-product-detail .article-related__list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.section-product-detail .article-related__link {
    display: block;
    height: 100%;
    box-sizing: border-box;
    padding: 24px;
    background: linear-gradient(
        122.6794848628deg,
        rgb(74, 120, 193) 9.02%,
        rgb(66, 124, 172) 24.153%,
        rgb(28, 92, 160) 57.586%,
        rgb(35, 57, 91) 88.296%
    );
    border-radius: 20px;
    text-decoration: none;
    color: #fff;
    transition: filter .2s ease;
}

.section-product-detail .article-related__link:hover {
    filter: brightness(1.06);
}

.section-product-detail .article-related__item-title {
    margin: 0 0 12px;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.3;
    color: #fff;
}

.section-product-detail .article-related__item-desc {
    margin: 0;
    font-size: 12px;
    line-height: 1.2;
    color: #fff;
}

/* Место под будущий banner.slot 9:16. Пока скрыто. */
.product-detail__sidebar-banner-slot {
    width: 100%;
    aspect-ratio: 9 / 16;
    overflow: hidden;
    border-radius: 20px;
}

/* Повторяем существующую article/mobile логику. */
@media (max-width: 991px) {
    .section-career-detail.section-product-detail .container {
        padding-left: 20px;
        padding-right: 20px;
    }

    .section-product-detail .product-detail__body {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .section-product-detail .product-detail__main {
        gap: 20px;
    }

    .section-product-detail .product-detail__related-title {
        font-size: 24px;
        font-weight: 500;
    }

    .section-product-detail .article-related__list {
        width: 100%;
        max-width: 100%;
        flex-direction: row;
        gap: 10px;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
    }

    .section-product-detail .article-related__item {
        flex: 0 0 270px;
        width: 270px;
        min-height: 160px;
    }
}


/* v1.2.3 — Product Detail banner slot
 * rioni:banner.slot renders an <a> when the banner has a URL/PDF.
 * Force that root to be a real block inside the Product sidebar so
 * SIDEBAR_9_16 gets its full width/aspect ratio instead of fragmented
 * inline borders ("two notches").
 */
.section-product-detail .product-detail__sidebar-banner .rioni-banner-slot {
    display: block;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.section-product-detail .product-detail__sidebar-banner .rioni-banner-slot--sidebar_9_16 {
    aspect-ratio: 9 / 16;
    height: auto !important;
    min-height: 0;
}

.section-product-detail .product-detail__sidebar-banner .rioni-banner-slot .market-widget__inner {
    min-height: 0;
    height: 100%;
    padding: 0;
}

/* End */


/* Start:/local/templates/rioni/components/bitrix/news.list/related/style.css?1784302039150*/
div.news-list
{
	word-wrap: break-word;
}
div.news-list img.preview_picture
{
	float:left;
	margin:0 4px 6px 0;
}
.news-date-time {
	color:#486DAA;
}

/* End */


/* Start:/local/components/rioni/feedback/templates/.default/style.min.css?1784302038251*/
div.mf-name,div.mf-email,div.mf-captcha,div.mf-message{width:80%;padding-bottom:.4em}div.mf-name input,div.mf-email input{width:60%}div.mf-message textarea{width:60%}span.mf-req{color:red}div.mf-ok-text{color:green;font-weight:bold;padding-bottom:1em}
/* End */
/* /local/templates/rioni/components/bitrix/news.detail/product/style.css?17865719356355 */
/* /local/templates/rioni/components/bitrix/news.list/related/style.css?1784302039150 */
/* /local/components/rioni/feedback/templates/.default/style.min.css?1784302038251 */