/* Start:/local/templates/ru/assets/css/settings/main.css?17790713711063*/
/* ==========================================================================
   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/tags.css');
@import url('/local/templates/ru/assets/css/settings/../components/auto-slider.css');
@import url('/local/templates/ru/assets/css/settings/../components/grey-card.css');
@import url('/local/templates/ru/assets/css/settings/../components/layout.css');
@import url('/local/templates/ru/assets/css/settings/../components/cookie-popup.css');
/* End */


/* Start:/local/templates/ru/assets/css/pages/journal/journal.css?17790713715223*/
.journal {
    padding: clamp(2.875rem, 2.5716rem + 1.2945vw, 4.125rem) clamp(0.938rem, 0.5589rem + 1.6176vw, 2.5rem);
}

.journal__content {
    display: flex;
    flex-direction: column;
    gap: clamp(1.625rem, 1.3216rem + 1.2945vw, 2.875rem);
}

/*Шапка*/
.journal__wrapper-title {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: clamp(1rem, 0.8483rem + 0.6472vw, 1.625rem);
    margin-bottom: clamp(2.875rem, 2.5716rem + 1.2945vw, 4.125rem);
    height: clamp(16.375rem, 14.2359rem + 9.1267vw, 25.188rem);
}

.wrapper-titile__description {
    display: flex;
    flex-direction: column;
    gap: clamp(1rem, 0.8483rem + 0.6472vw, 1.625rem);
}

.journal__wrapper-titile__description {
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    align-items: flex-end;
}

.journal__wrapper-text {
    display: flex;
    flex-direction: column;
    justify-content: space-between;

    height: 100%;
}

.journal__tittle-description {
    width: clamp(21.563rem, 16.177rem + 22.977vw, 43.75rem);
}

.journal__wrapper-titile__description img {
    height: clamp(16.375rem, 14.2359rem + 9.1267vw, 25.188rem);
}


.journal__items-container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: clamp(0.75rem, 0.553rem + 0.841vw, 1.563rem);
}

.journal__card {
    position: relative;

    height: clamp(16.875rem, 13.219rem + 15.599vw, 31.938rem);
}

.journal__card-top {
    width: 100%;
    height: 100%;
    height: clamp(7rem, 5.453rem + 6.602vw, 13.375rem);

    border-radius: 16px 16px 0 0;

    --bg-url: url('/img/comfortable-conditions.jpg');
    background: var(--bg-url) lightgray center center no-repeat;
    background-size: cover;
}

.journal__card-bottom {
    display: flex;
    flex-direction: column;
    gap: clamp(1rem, 0.879rem + 0.518vw, 1.5rem);

    min-height: clamp(9.75rem, 7.611rem + 9.126vw, 18.563rem);

    padding: clamp(1rem, 0.757rem + 1.036vw, 2rem);

    background-color: #F3F4F4;
    border-radius: 0 0 16px 16px;
}

.journal__card-hover-container {
    position: absolute;
    top: 0;
    left: 0;

    height: 100%;
    width: 100%;

    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s;
}

.journal__card-hover {
    display: grid;
    grid-template-rows: 1fr 1fr;

    height: 100%;

    padding: clamp(1rem, 0.757rem + 1.036vw, 2rem);

    border-radius: 16px;
    background-color: #F04018;
}

.journal__card:hover .journal__card-hover-container {
    opacity: 1;
    visibility: visible;
}

.journal__card-hover-top {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.journal__card-hover-bottom {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: clamp(1.875rem, 1.42rem + 1.942vw, 3.75rem);
}

.journal__card-hover-bottom-button {
    display: flex;
    align-items: center;
    gap: 15px;

    color: #fff;
}

.journal__card-bottom>span:first-child {
    color: var(--color-graphite);
}

.journal__card-hover-top>p:last-child,
.journal__card-bottom>p:last-child {
    font-size: clamp(0.5rem, 0.379rem + 0.518vw, 1rem);
    line-height: clamp(0.625rem, 0.473rem + 0.647vw, 1.25rem);

    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    line-clamp: 5;
}

.journal__card-hover-top>* {
    color: #fff;
}

.horizontal-slider .journal__card {
    min-width: clamp(21.5rem, 17.692rem + 16.246vw, 37.188rem);
}

.journal__banner {
    display: flex;
    flex-direction: column;
    gap: clamp(1.625rem, 1.322rem + 1.294vw, 2.875rem);
}

.journal__banner.journal__banner-left {
    flex-direction: row;
}

.journal__banner.journal__banner-right {
    flex-direction: row-reverse;
}

.journal__banner.journal__banner-right,
.journal__banner.journal__banner-left {
    gap: clamp(1.625rem, 1.322rem + 1.294vw, 2.875rem);
}

.journal__banner.journal__banner-right img,
.journal__banner.journal__banner-left img {
    max-width: 307px;
    min-height: clamp(12.5rem, 7.433rem + 21.618vw, 33.375rem);
    height: auto;
}

.journal__banner img {
    display: block;

    width: 100%;
    height: clamp(12.5rem, 7.433rem + 21.618vw, 33.375rem);    

    border-radius: 25px;

    object-fit: cover;
}

.journal__banner-text-container {
    display: flex;
    flex-direction: column;
    gap: 25px;

    width: 100%;
}

.journal__delimeter {
    height: 1px;
    width: 100%;

    background-color: #000;
}

.news-detail__content {
    gap: 25px;
}

@media (width <= 1200px) {

    .journal__banner.journal__banner-right,
    .journal__banner.journal__banner-left {
        flex-direction: column;
        gap: clamp(1.625rem, 1.322rem + 1.294vw, 2.875rem);
    }

    .journal__banner.journal__banner-right img,
    .journal__banner.journal__banner-left img {
        max-width: 100%;
    }

    .journal__items-container {
        grid-template-columns: 1fr 1fr;
    }
}

@media (width <= 800px) {
    .journal__wrapper-title {
        flex-direction: column;
    }

    .journal__wrapper-titile__description {
        display: none;
    }

    .news-detail__content {
        gap: 66px;
    }
}

@media (width <= 500px) {
    .journal__items-container {
        grid-template-columns: 1fr;
    }
}
/* End */
/* /local/templates/ru/assets/css/settings/main.css?17790713711063 */
/* /local/templates/ru/assets/css/pages/journal/journal.css?17790713715223 */