/* Start:/bitrix/templates/mastersluh_new/css/page-podgotovka.css?17883435138850*/
.new-design-layout .page-podgotovka {
    --color-primary-dark: #1c294a;
    --color-light-blue-4: #2f79c1;
    --color-substrate: #f1f4f9;
}

/* -----------------------------------------
   2. Узкая колонка контента
   Figma: Desktop 1128px (текст 744 + gap 60 + резерв Sidebar 324) вместо
   1360px; Tablet 676px вместо ~687px; Mobile без сужения (=.container).
   Подтверждено пользователем — верстать точно по Figma (анализ, раздел 6).
   ----------------------------------------- */

.new-design-layout .page-podgotovka .podgotovka {
    width: 100%;
}


@media (min-width: 767px) {
    .new-design-layout .page-podgotovka .podgotovka {
        max-width: 676px;
        margin: 0 auto;
    }
}

@media (min-width: 1024px) {
    .new-design-layout .page-podgotovka .podgotovka {
        max-width: 1128px;
    }
}

/* -----------------------------------------
   3. Heading: слот Breadcrumbs + H1 + Share-buttons
   Top padding 80/40/40, gap Breadcrumbs↔Main-info 40/48/48 (анализ, §5, §7).
   ----------------------------------------- */


.new-design-layout .page-podgotovka .podgotovka__heading-container {
    display: flex;
    flex-direction: column;
    gap: 48px;
}

@media (min-width: 1024px) {
    .new-design-layout .page-podgotovka .podgotovka__heading-container {
        gap: 40px;
    }
}

.new-design-layout .page-podgotovka .podgotovka__breadcrumbs-slot {
    width: 100%;
}

.new-design-layout .page-podgotovka .podgotovka__main-info {
    display: flex;
    align-items: flex-end;
}

@media (min-width: 1024px) {
    .new-design-layout .page-podgotovka .podgotovka__main-info {
        gap: 60px;
    }
}

.new-design-layout .page-podgotovka .podgotovka__title {
    flex: 1 0 0;
    min-width: 0;
    margin: 0;
    color: var(--color-primary-dark);
    /*text-align: justify;*/
}

/* -----------------------------------------
   3.1 Share-buttons (Desktop/Laptop only)
   4 иконки 48×48, gap 8px, ширина блока 324px (выравнивается с резервом
   Sidebar ниже). Паттерн/ассеты переиспользованы с pamyatka:
   .share-btn/.share-btn--plain (VK-иконка уже содержит фон в самом SVG).
   ----------------------------------------- */

.new-design-layout .page-podgotovka .podgotovka__share-buttons {
    display: none;
}

@media (min-width: 1024px) {
    .new-design-layout .page-podgotovka .podgotovka__share-buttons {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: flex-end;
        gap: 0 8px;
        flex-shrink: 0;
        width: 324px;
        margin-bottom: 40px;
    }
}

.new-design-layout .page-podgotovka .podgotovka__share-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 4px;
    background: var(--color-substrate);
}
.new-design-layout .page-podgotovka .podgotovka__share-btn:hover {
    background: var(--Color-Blue-Light-blue-1, #DEEFFE);
}

.new-design-layout .page-podgotovka .podgotovka__share-btn--plain {
    background: none;
}

/* -----------------------------------------
   4. Body: 2 колонки Desktop/Laptop (текст + резерв Sidebar),
   1 колонка Tablet/Mobile (Sidebar в макете отсутствует полностью).
   ----------------------------------------- */

.new-design-layout .page-podgotovka .podgotovka__body {
    display: flex;
    flex-direction: column;
}

@media (min-width: 1024px) {
    .new-design-layout .page-podgotovka .podgotovka__body {
        flex-direction: row;
        gap: 60px;
    }
}

/* -----------------------------------------
   5. Text: intro + секции + слот Sharing-list
   Top padding (Heading→Body) 40/32/32, межблочный gap 60/48/40 (Mobile
   отдельное значение!), bottom padding (Body→Footer) 80/60/48
   (анализ, §7 — на Mobile 40 и 48 это РАЗНЫЕ значения, не путать).
   ----------------------------------------- */

.new-design-layout .page-podgotovka .podgotovka__text {
    flex: 1 1 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 40px;
    padding-top: 32px;
    padding-bottom: 48px;
}

@media (min-width: 767px) {
    .new-design-layout .page-podgotovka .podgotovka__text {
        gap: 48px;
        padding-bottom: 60px;
    }
}

@media (min-width: 1024px) {
    .new-design-layout .page-podgotovka .podgotovka__text {
        gap: 60px;
        padding-top: 40px;
        padding-bottom: 80px;
    }
}

.new-design-layout .page-podgotovka .podgotovka__intro {
    margin: 0;
    color: var(--color-primary-dark);
    text-align: justify;
}

/* -----------------------------------------
   6. Секция (заголовок + абзацы + опциональный dash-список)
   Gap между заголовком/абзацами/списком: 24/20/20 (анализ, §3).
   ----------------------------------------- */

.new-design-layout .page-podgotovka .podgotovka__section {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

@media (min-width: 1024px) {
    .new-design-layout .page-podgotovka .podgotovka__section {
        gap: 24px;
    }
}

.new-design-layout .page-podgotovka .podgotovka__section-title {
    margin: 0;
    color: var(--color-primary-dark);
    text-align: justify;
}

.new-design-layout .page-podgotovka .podgotovka__section-text {
    display: flex;
    flex-direction: column;
    color: var(--color-primary-dark);
}

.new-design-layout .page-podgotovka .podgotovka__section-text p {
    margin: 0;
    text-align: justify;
}

/* Визуальная замена пустых строк-разделителей абзацев из Figma —
   вертикальный отступ в один line-height между соседними <p>. */
.new-design-layout .page-podgotovka .podgotovka__section-text p + p {
    margin-top: 24px;
}

@media (min-width: 1024px) {
    .new-design-layout .page-podgotovka .podgotovka__section-text p + p {
        margin-top: 26px;
    }
}

/* -----------------------------------------
   7. Список (единственный тип на странице — с тире)
   Gap между пунктами 16px, padding-bottom списка 12px (все брейкпоинты).
   Геометрия маркера ОТЛИЧАЕТСЯ от rights на Tablet — см. анализ §3:
   здесь Tablet-маркер 28×24 (не квадратный)/линия 20×2 (не уменьшена).
   ----------------------------------------- */

.new-design-layout .page-podgotovka .podgotovka__list {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin: 0;
    padding: 0 0 12px;
    list-style: none;
}

.new-design-layout .page-podgotovka .podgotovka__list-item {
    display: flex;
    align-items: flex-start;
    gap: 16px;
}

.new-design-layout .page-podgotovka .podgotovka__list-text {
    flex: 1 0 0;
    min-width: 0;
    color: var(--color-primary-dark);
    text-align: justify;
}

.new-design-layout .page-podgotovka .podgotovka__list-marker {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    padding: 0;
}

@media (min-width: 767px) {
    .new-design-layout .page-podgotovka .podgotovka__list-marker {
        width: 28px;
        height: 24px;
    }
}

@media (min-width: 1024px) {
    .new-design-layout .page-podgotovka .podgotovka__list-marker {
        height: 28px;
    }
}

.new-design-layout .page-podgotovka .podgotovka__list-marker-line {
    display: block;
    width: 17px;
    height: 2px;
    background: var(--color-light-blue-4);
}

@media (min-width: 767px) {
    .new-design-layout .page-podgotovka .podgotovka__list-marker-line {
        width: 20px;
    }
}

/* -----------------------------------------
   8. Слоты Sharing-list (низ текста) и резерв Sidebar
   ----------------------------------------- */

.new-design-layout .page-podgotovka .podgotovka__sharing-slot {
    width: 100%;
}

.new-design-layout .page-podgotovka .podgotovka__sidebar-placeholder {
    display: none;
}

@media (min-width: 1024px) {
    .new-design-layout .page-podgotovka .podgotovka__sidebar-placeholder {
        display: block;
        flex-shrink: 0;
        width: 324px;
    }
}

.new-design-layout .page-podgotovka .common_sidebar_banner {
    padding-bottom: 40px;
}
.new-design-layout .page-podgotovka .sidebar-promotions-link {
    flex-direction: row;
}

@media (max-width: 1439px) {
    .new-design-layout .page-podgotovka .common_sidebar_banner {
        display: flex;
    }
}

/* End */


/* Start:/bitrix/templates/mastersluh_new/components/bitrix/news.list/redesign/banners_v2/style.css?17872232161607*/
.common_sidebar_banner--with-actions {
    flex-direction: column;
    gap: 28px;
}

.common_sidebar_banner--with-actions #slider_banner {
    width: 100%;
}

.sidebar-promotions-link {
    position: relative;
    display: flex;
    width: 100%;
    height: 120px;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-between;
    padding: 24px;
    overflow: hidden;
    border-radius: 20px;
    background: var(--Color-Light-Substrate, #F1F4F9);
    color: var(--Color-Dark-Primary-dark, #1C294A);
}

.sidebar-promotions-link > span:first-child {
    position: relative;
    z-index: 1;
    align-self: flex-start;
}

.sidebar-promotions-link__image {
    position: absolute;
    top: -46px;
    left: 115px;
    display: block;
    width: 223px;
    height: 223px;
    max-width: none;
    object-fit: cover;
    opacity: 0.75;
}

.sidebar-promotions-link__arrow {
    position: relative;
    z-index: 1;
    display: inline-flex;
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--Color-Light-White, #FFF);
    color: var(--Color-Blue-Light-blue-4, #2F79C1);
}

.sidebar-promotions-link:focus-visible {
    outline: 2px solid var(--Color-Blue-Accent, #035CB2);
    outline-offset: 2px;
}

.sidebar-promotions-link--hearing-test {
    height: auto;
    min-height: 120px;
}

.sidebar-promotions-link--hearing-test .sidebar-promotions-link__image {
    top: auto;
    left: auto;
    right: -10px;
    bottom: -12px;
    width: 210px;
    height: 115px;
    opacity: 1;
}

/* End */
/* /bitrix/templates/mastersluh_new/css/page-podgotovka.css?17883435138850 */
/* /bitrix/templates/mastersluh_new/components/bitrix/news.list/redesign/banners_v2/style.css?17872232161607 */