/* Start:/local/templates/ipotekatmpl/components/bitrix/news.detail/branches/style.css?17591484305100*/
    .atm-info-card {
        padding: var(--space-2x);
        border-radius: var(--radius-24);
        background-color: var(--container-high);
        height: 100%;
    }

    .atm-info-card .atm-info-card__title {
        --font-size: var(--headline-3-font-size);
        --line-height: var(--headline-3-line-height);
        --font-weight: var(--headline-3-font-weight);
        --font-family: var(--headline-3-font-family);
        font-family: var(--font-family);
        font-weight: var(--font-weight);
        font-size: var(--font-size);
        line-height: var(--line-height);
        margin-bottom: var(--space-half);
    }

    .atm-info-card:has(.atm-info-card__subtitle) .atm-info-card__title,
    .atm-info-card .atm-info-card__text:has(+ .atm-info-card__subtitle) {
        margin-bottom: var(--space-2x);
    }

    .atm-info-card .atm-info-card__text {
        --font-size: var(--small-font-size);
        --line-height: var(--small-line-height);
        --font-weight: var(--small-font-weight);
        --font-family: var(--small-font-family);
        font-family: var(--font-family);
        font-weight: var(--font-weight);
        font-size: var(--font-size);
        line-height: var(--line-height);
        color: var(--on-surface-variant);
    }

    .atm-info-card .atm-info-card__subtitle {
        --font-size: var(--body-font-size);
        --line-height: var(--body-line-height);
        --font-weight: var(--body-highlighted-font-weight);
        --font-family: var(--body-font-family);
        font-family: var(--font-family);
        font-weight: var(--font-weight);
        font-size: var(--font-size);
        line-height: var(--line-height);
        margin-bottom: var(--space-half);
    }

    .atm-info-card ul,
    .atm-info-card ol {
        padding-left: var(--space-3x);
        color: var(--on-surface-variant);
    }

    .atm-gallery {
        display: grid;
        grid-template-columns: repeat(4, minmax(var(--dimension-28), 1fr));
        gap: var(--space-3x);
        overflow-x: auto;
        margin-bottom: var(--space-3x);
    }

    .atm-gallery .atm-gallery__item {
        position: relative;
        border-radius: var(--radius-16);
        overflow: hidden;
    }

    .atm-gallery .atm-gallery__item.is-last::before {
        position: absolute;
        content: attr(data-rest);
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        background: var(--color-special-overlay);
        --font-size: var(--hero-title-font-size);
        --line-height: var(--hero-title-line-height);
        --font-weight: var(--hero-font-weight);
        --font-family: var(--body-font-family);
        font-family: var(--font-family);
        font-weight: var(--font-weight);
        font-size: var(--font-size);
        line-height: var(--line-height);
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--on-surface-inverse);
    }

    .atm-gallery .atm-gallery__item.is-hidden {
        display: none;
    }

    .atm-gallery .atm-gallery__item img {
        width: 100%;
        object-fit: cover;
        aspect-ratio: 1;
    }

    @media (min-width: 786px) {
        .atm-info-card {
            padding: var(--space-3x);
        }

        .atm-gallery {
            display: grid;
            grid-template-columns: repeat(6, 1fr);
            gap: var(--space-3x);
        }

        .atm-gallery > a:last-child,
        .atm-gallery > a:nth-last-child(2) {
            display: unset;
        }

        .atm-info-card .atm-info-card__title {
            --font-size: var(--headline-1-font-size);
            --line-height: var(--headline-1-line-height);
            --font-weight: var(--headline-1-font-weight);
            --font-family: var(--headline-1-font-family);
            font-family: var(--font-family);
            font-weight: var(--font-weight);
            font-size: var(--font-size);
            line-height: var(--line-height);
        }

        .atm-info-card .atm-info-card__text,
        .atm-info-card ul,
        .atm-info-card ol {
            --font-size: var(--lead-font-size);
            --line-height: var(--lead-line-height);
            --font-weight: var(--lead-font-weight);
            --font-family: var(--lead-font-family);
            font-family: var(--font-family);
            font-weight: var(--font-weight);
            font-size: var(--font-size);
            line-height: var(--line-height);
        }

        .atm-info-card .atm-info-card__subtitle {
            --font-size: var(--headline-2-font-size);
            --line-height: var(--headline-2-line-height);
            --font-weight: var(--headline-2-font-weight);
            --font-family: var(--headline-2-font-family);
            font-family: var(--font-family);
            font-weight: var(--font-weight);
            font-size: var(--font-size);
            line-height: var(--line-height);
        }
    }
/* End */
/* /local/templates/ipotekatmpl/components/bitrix/news.detail/branches/style.css?17591484305100 */