/* Start:/local/templates/ipotekatmpl/components/bitrix/news.list/items-with-top-photo_v2/style.css?17762961335575*/
section.management-section_v2 {
    padding-top: 0;
}

.management-section_v2 .management-card-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-md);
}

.management-section_v2 .management-card {
    display: flex;
    padding: 0;
    border-radius: var(--radius-12);
    background: var(--color-white);
    gap: var(--space-2x);
    height: 100%;
    text-decoration: none;
}



.management-section_v2 .management-card .management-card__title {
    font-family: var(--font-family-squad);
    font-weight: var(--font-weight-600);
    font-size: var(--font-size-32);
}
.management-section_v2 .management-card .management-card__position {
    font-size: var(--font-size-18);
    color: #50545d;
}

.management-section_v2 .management-card .management-card__content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: var(--space-base) 0;
}

.management-section_v2 .management-card .management-card__content button {
    margin-top: auto;
    width: max-content;
    transition: all 0.3s ease;
}

.management-section_v2 .management-card button:hover {
    color: #006648 !important;
    background: #DCF5CD !important;
}

.management-section_v2 .management-card .management-card__title {
    font-family: var(--font-family-squad);
    font-weight: var(--font-weight-600);
    font-size: var(--font-size-20);
}

.management-section_v2 .management-card img {
    max-width: 275px;
    border-radius: var(--radius-24);
    transition: all 0.3s ease;

}

.management-section_v2 .management-card:hover  img{
    transform: scale(1.05);
}

.management-grid {
    height: 100%;
    display: grid;
    gap: var(--space-3x);
    grid-template-columns: 1fr 1fr 1fr;
    overflow: auto;
}

.management-section_v2 .modal {
    padding: 0;
    margin: 0;
}
.management-section_v2 .modal-dialog {
    max-width: 900px;
}

.management-section_v2 .modal-dialog-scrollable {
    scrollbar-width: none;
}

.management-section_v2 .modal-content {
    border-radius: var(--radius-32);
}

.management-section_v2 .modal-body {
    position: relative;
    display: flex;
    gap: var(--space-2x);
    padding: var(--space-3x);
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.management-section_v2 .modal .btn-close {
    position: absolute;
    right: var(--space-base);
    top: var(--space-base);
    padding: var(--space-2x);
    background: white;
    border-radius: 50px;
}

.management-section_v2 .management__modal-img img {
    border-radius: var(--radius-24);
    position: sticky;
    top: 0;
    max-width: 275px;
}

.management-section_v2 .management__modal-info {
    padding: var(--space-base);
    display: flex;
    flex-direction: column;
    gap: var(--space-base);
}

.management-section_v2
    .management__modal-info
    .management__modal-info__header
    h2 {
    font-size: var(--font-size-32);
    margin: 0;
    font-family: var(--font-family-squad);
    font-weight: var(--font-weight-600);
}
.management-section_v2
    .management__modal-info
    .management__modal-info__header
    p {
    font-size: var(--font-size-16);
    color: var(--on-surface-variant);
}

.management-section_v2 .management__modal-img .management__modal-info__header {
    display: none;
}


@media (max-width: 748px) {
    .management-section_v2 .management-card-container {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: var(--space-2x);
    }

    .management-section_v2 .management-card .management-card__content {
        padding: 0;
    }

    .management-section_v2 .modal .btn-close {
        right: var(--space-half);
        top: var(--space-half);
        padding: 0 var(--space-base);
    }

    .management-section_v2 .management-card img {
        max-width: 150px;
        height: 100%;
        object-fit: cover;
        border-radius: var(--radius-16);
    }

    .management-section_v2 .management-card__content .button {
        font-size: 14px;
        padding: var(--space-base) var(--space-3x);
    }

    .management-section_v2 .management-card .management-card__position {
        font-size: 13px;
        color: #50545d;
    }

    .management-section_v2 .modal-dialog {
        margin: 0;
    }

    .management-section_v2 .modal-dialog-scrollable {
        height: 100%;
    }

    .management-section_v2 .modal-content {
        border-radius: 0;
        width: 100%;
        height: 100%;
    }

    .management-section_v2 .modal-body {
        flex-direction: column;
    }

    .management-section_v2 .management__modal-img {
        display: flex;
        gap: var(--space-2x);
        align-items: start;
    }

    .management-section_v2 .management__modal-img img {
        position: static;
        max-width: 140px;
        object-fit: contain;
        border-radius: var(--radius-16);
    }

    .management-section_v2
        .management__modal-img
        .management__modal-info__header {
        display: block;
    }
    .management-section_v2
        .management__modal-img
        .management__modal-info__header
        h2 {
        font-size: var(--font-size-24);
        font-family: var(--font-family-squad);
        font-weight: var(--font-weight-600);
        margin: 0;
    }

    .management-section_v2
        .management__modal-img
        .management__modal-info__header
        p {
        font-size: var(--font-size-16);
        color: var(--on-surface-variant);
    }

    .management-section_v2
        .management__modal-info
        .management__modal-info__header {
        display: none;
    }
}

/* End */
/* /local/templates/ipotekatmpl/components/bitrix/news.list/items-with-top-photo_v2/style.css?17762961335575 */