/* Start:/local/templates/ru/assets/css/settings/main.css?17580674721005*/
/* ==========================================================================
   MAIN STYLESHEET
   ========================================================================== */

/* Import base styles */
@import url('/local/templates/ru/assets/css/settings/base.css');
@import url('/local/templates/ru/assets/css/settings/typography.css');

/* Import components */
@import url('/local/templates/ru/assets/css/settings/../components/button.css');
@import url('/local/templates/ru/assets/css/settings/../components/header.css');
@import url('/local/templates/ru/assets/css/settings/../components/footer.css');
@import url('/local/templates/ru/assets/css/settings/../components/yandex.css');
@import url('/local/templates/ru/assets/css/settings/../components/common.css');
@import url('/local/templates/ru/assets/css/settings/../components/horizontal-slider.css');
@import url('/local/templates/ru/assets/css/settings/../components/breadcrums.css');
@import url('/local/templates/ru/assets/css/settings/../components/drop-down-list.css');
@import url('/local/templates/ru/assets/css/settings/../components/menu.css');
@import url('/local/templates/ru/assets/css/settings/../components/gallery.css');
@import url('/local/templates/ru/assets/css/settings/../components/pagination.css');
@import url('/local/templates/ru/assets/css/settings/../components/project.css');
@import url('/local/templates/ru/assets/css/settings/../components/carousel.css');
@import url('/local/templates/ru/assets/css/settings/../components/pagination-page.css');
@import url('/local/templates/ru/assets/css/settings/../components/tags.css');
@import url('/local/templates/ru/assets/css/settings/../components/auto-slider.css');
/* End */


/* Start:/local/templates/ru/assets/css/pages/about-univer/purchases.css?17580674712701*/
.purchases__wrapper-content {
    display: flex;
    flex-direction: column;
    padding: clamp(2.875rem, 2.5716rem + 1.2945vw, 4.125rem) clamp(0.938rem, 0.5589rem + 1.6176vw, 2.5rem);
}

.purchases__title {
    margin-bottom: clamp(2.875rem, 2.5716rem + 1.2945vw, 4.125rem);
}

.purchases__list {
    display: flex;
    flex-wrap: wrap;
    gap: 46px;
    width: 100%;
    list-style: none;
}

.purchases__item {
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 26px;
}

.purchases-card {
    position: relative;
    background: transparent;
    border-radius: 24px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    height: 100%;
    box-shadow: 0 4px 16px 0 rgba(0, 80, 78, 0.08);
    outline: none;
    cursor: pointer;
    transition: background 0.2s, box-shadow 0.2s;
    flex: 1 1 auto;
    width: clamp(21.5rem, 20.0133rem + 6.3430vw, 27.625rem);
    height: clamp(17.97rem, 12.4863rem + 23.3973vw, 40.563rem);
}

.purchases-card__image {
    position: absolute;
    width: 100%;
    overflow: hidden;
    z-index: 0;
    object-fit: cover;
}

.purchases-card__content-wrapper {
    position: relative;
    display: grid;
    gap: 16px;
    grid-template-rows: 3fr 3fr auto;
    border-radius: 25px;
    padding: clamp(1.625rem, 1.5340rem + 0.3883vw, 2rem) clamp(1rem, 0.7573rem + 1.0356vw, 2rem);
    background: linear-gradient(180deg, rgba(0, 80, 78, 0.00) 21.24%, #00504E 65.71%);
    height: 100%;
}

.purchases-card__content {
    display: flex;
    flex-direction: column;
    gap: clamp(1rem, 0.7876rem + 0.9061vw, 1.875rem);
}

.purchases-card__title {
    font-weight: 500;
    color: var(--color-white);
    max-height: 170px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    margin-bottom: 0;
}

.purchases-card__desc {
    color: var(--color-white);
    max-height: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    transition: all 300ms ease-out;
}


.purchases__item--upper-left-bevel .purchases-card {
    clip-path: polygon(16% 0, 100% 0, 100% 100%, 0 100%, 0 10%);
}

.purchases__item--lower-right-bevel .purchases-card {
    clip-path: polygon(0 0, 100% 0, 100% 90%, 84% 100%, 0 100%);
}

.purchases-card:focus .purchases-card__content-wrapper,
.purchases-card:hover .purchases-card__content-wrapper {
    background: linear-gradient(180deg, rgba(0, 80, 78, 0.00) 21.24%, #0E7F7C 65.71%);
    box-shadow: 0px 3px 15px 0px #ACFFE1;
}
/* End */
/* /local/templates/ru/assets/css/settings/main.css?17580674721005 */
/* /local/templates/ru/assets/css/pages/about-univer/purchases.css?17580674712701 */