/* Start:/local/templates/rsf_main/components/bitrix/news.list/recipients_list/style.css?17847199717820*/

/* ============================================
   Recipients page (contests/info/recipients) — Figma 2269:1436 (D) / 2269:1033 (M)
   ============================================ */

/* Section padding override — Figma 2269:1528 pb-124 desktop */
.section.page-content:has(.recipients) {
    padding-bottom: 124px;
}

.page-content__text:has(.recipients) {
    max-width: none;
}

/* Lead — Figma 2269:1527: 21/Cygre Regular/lh 1.5 #3c4052, no letter-spacing.
   Frame 40 pb-64 → margin-bottom 64 to next block. */
.page-content__text .recipients-lead {
    font-size: 21px;
    line-height: 1.5;
    color: var(--color-text);
    margin: 0 0 64px;
    font-weight: 400;
}

/* Heading "Категории получателей" — Figma 2269:1529: 32/Bold/lh 1.2/-1px #1f428e whitespace-nowrap.
   Block Item gap-32 between heading and list → margin-bottom 32. */
.page-content__text .recipients__heading {
    color: var(--color-primary);
    font-size: 32px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -1px;
    margin: 0 0 32px;
    white-space: nowrap;
}

/* List — Figma 2269:1530: flex-col items-start, no gap (border-separated). */
.page-content__text .recipients__list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

/* Item — Figma 2269:1901: white bg, border-t/b #d0d1d6, pt-12 pb-16 (asymmetric!), w-full.
   Adjacent borders overlap visually, top/bottom outer borders form the list edge. */
.page-content__text .recipients__list > li.recipient-item {
    padding: 12px 0 16px;
    margin: 0;
    background: var(--color-bg);
    border-top: 1px solid var(--color-border);
    border-bottom: 1px solid var(--color-border);
}

.page-content__text .recipients__list > li.recipient-item + li.recipient-item {
    margin-top: -1px; /* collapse adjacent borders */
}

.page-content__text .recipients__list > li.recipient-item::before {
    display: none;
}

/* Trigger — Figma 2269:1902: flex items-center justify-between, w-full, no padding.
   Padding lives on the li (pt-12 pb-16). */
.page-content__text .recipient-item__trigger {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    width: 100%;
    background: transparent;
    border: none;
    padding: 0;
    text-align: left;
    font: inherit;
    cursor: pointer;
    color: inherit;
}

/* Title — Figma 2269:1903: 21/Cygre Regular/lh 1.2 #1f428e, no letter-spacing, whitespace-nowrap. */
.page-content__text .recipient-item__name {
    font-size: 21px;
    font-weight: 400;
    line-height: 1.2;
    color: var(--color-primary);
    white-space: nowrap;
}

/* Toggle — Figma 2269:1904: inline-flex items-end gap-4, color #1f428e. */
.page-content__text .recipient-item__toggle {
    display: inline-flex;
    align-items: flex-end;
    justify-content: center;
    gap: 4px;
    flex-shrink: 0;
    color: var(--color-primary);
    font-size: 16px;
    font-weight: 400;
}

/* Toggle text — Figma 2269:1905: 16/Cygre Regular/lh 1.2 #1f428e. */
.page-content__text .recipient-item__toggle-text {
    font-size: 16px;
    line-height: 1.2;
    color: var(--color-primary);
}

/* Toggle arrow — Figma 2269:1906: 16×16 chevron-down (#1f428e), rotates on open. */
.page-content__text .recipient-item__toggle-arrow {
    width: 16px;
    height: 16px;
    display: inline-block;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'><path d='M4 6L8 10L12 6' stroke='%231F428E' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>") no-repeat center / contain;
    transition: transform 0.2s;
}

.page-content__text .recipient-item[data-open="1"] .recipient-item__toggle-arrow {
    transform: rotate(180deg);
}

/* Body — Figma 2269:1915: 16/Cygre Regular/lh 1.5 #3c4052, whitespace-pre-wrap.
   Container of expanded item is flex-col gap-8 → body margin-top 8 mimics gap. */
.page-content__text .recipient-item__body {
    display: none;
    padding: 0;
    margin: 8px 0 0;
    font-size: 16px;
    line-height: 1.5;
    color: var(--color-text);
}

.page-content__text .recipient-item[data-open="1"] .recipient-item__body {
    display: block;
}

.page-content__text .recipient-item__body p {
    margin: 0 0 8px;
    font-size: 16px;
    line-height: 1.5;
    color: var(--color-text);
}

.page-content__text .recipient-item__body p:last-child {
    margin-bottom: 0;
}

.page-content__text .recipient-item__body ul {
    margin: 0 0 12px;
    padding: 0;
    list-style: none;
}

.page-content__text .recipient-item__body ul li {
    position: relative;
    padding-left: 14px;
    margin-bottom: 4px;
    font-size: 16px;
    line-height: 1.5;
    color: var(--color-text);
}

.page-content__text .recipient-item__body ul li::before {
    content: '-';
    position: absolute;
    left: 0;
    top: 0;
    background: transparent;
    width: auto;
    height: auto;
    border-radius: 0;
    color: var(--color-text);
    font-size: 16px;
    line-height: 1.5;
}

.page-content__text .recipient-item__body strong {
    font-weight: 700;
    color: var(--color-text);
}

/* Tablet ≤1199 — без отдельного Figma. Контейнер уже Figma-эталона 1312 → длинные заголовки
   («Иные получатели...», «Организации, реализующие...») не помещаются nowrap. Разрешаем перенос:
   title flex-1, переноса позволяем, toggle прижат к правому краю. */
@media (max-width: 1199px) {
    .page-content__text .recipient-item__name {
        white-space: normal;
        flex: 1 1 0;
        min-width: 0;
    }
    .page-content__text .recipient-item__trigger {
        align-items: flex-end;
        gap: 16px;
    }
}

@media (max-width: 767px) {
    /* Section padding override — Figma 2269:1095 last Block Item pb-64 mobile (без pb-124). */
    .section.page-content:has(.recipients) {
        padding-bottom: 64px;
    }

    /* Lead mobile — Figma 2269:1094: 16/Cygre Regular/lh 1.5 #3c4052, Block Item ends with pb-32. */
    .page-content__text .recipients-lead {
        font-size: 16px;
        line-height: 1.5;
        margin: 0 0 32px;
    }

    /* Heading mobile — Figma 2269:1033: H2 не отображается (только лид + список). */
    .page-content__text .recipients__heading {
        display: none;
    }

    /* Item mobile — Figma 2269:1917: pt-8 pb-12. */
    .page-content__text .recipients__list > li.recipient-item {
        padding: 8px 0 12px;
    }

    /* Trigger mobile — Figma 2269:1918: items-end gap-8, button flex-1 с min-w-px (title wraps). */
    .page-content__text .recipient-item__trigger {
        align-items: flex-end;
        gap: 8px;
    }

    /* Title mobile — Figma 2269:1919: 16/Cygre Regular/lh 1.2 #1f428e, flex-1, обернётся при необходимости. */
    .page-content__text .recipient-item__name {
        font-size: 16px;
        line-height: 1.2;
        white-space: normal;
        flex: 1 1 0;
        min-width: 0;
    }

    /* Toggle mobile — Figma 2269:1920: только иконка 16×16 (без "Подробнее"). */
    .page-content__text .recipient-item__toggle-text {
        display: none;
    }
    .page-content__text .recipient-item__toggle {
        gap: 0;
    }

    /* Body mobile — Figma 2269:1929: 14/Cygre Regular/lh 1.5 #3c4052. */
    .page-content__text .recipient-item__body,
    .page-content__text .recipient-item__body p,
    .page-content__text .recipient-item__body ul li,
    .page-content__text .recipient-item__body ul li::before {
        font-size: 14px;
        line-height: 1.5;
    }
}
/* End */
/* /local/templates/rsf_main/components/bitrix/news.list/recipients_list/style.css?17847199717820 */