.realitatea-category-pages-block {
    display: flex;
    flex-direction: column;
}

.realitatea-category-pages-block > article {
    display: flex;
    flex-direction: column;
}

.container-realitatea {
    margin-top: 3vh;
    margin-bottom: 3vh;
}

.container-realitatea > h1 {
    color: var(--realitatea-black-text);
    font-size: 6vw;
    font-family: "Leitura Sans Grot 2", sans-serif;
    white-space: normal;
    font-weight: bold;
    line-height: 6.5vw;
    display: -webkit-box;
}

.container-realitatea > h1 > span {
    color: var(--realitatea-red);
}

.realitatea-categorie-ultimele-stiri-block {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 0.33fr 0.8fr 0.7fr 0.71fr;
    grid-template-areas: "header" "big-img" "big-text" "live";
    grid-column-gap: 0;
    grid-row-gap: 0;
    margin-left: 0;
    margin-top: 3vh;
    margin-bottom: 9.2vh;
}

.realitatea-categorie-ultimele-stiri-block .realitatea-icon-solid-3x {
    font-size: 12vw;
}

.realitatea-ultimele-stiri-block-live-icon-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.3);
}

.realitatea-ultimele-stiri-block-live-icon-wrapper:hover {
    background-color: transparent;
}

.realitatea-ultimele-stiri-block-live-box img,
.realitatea-ultimele-stiri-block-live-box figure,
.realitatea-ultimele-stiri-block-live-box a {
    height: 100%;
}

.realitatea-categorie-ultimele-stiri-block > article > div.article-box-image {
    grid-area: big-img;
}

.realitatea-categorie-ultimele-stiri-block > article div.realitatea-cateogrie-ultimele-stiri-big-article {
    grid-area: big-text;
    margin-right: var(--mobile-margin-width);
    margin-left: var(--mobile-margin-width);
    margin-top: 0vh;
    display: flex;
    flex-direction: column;
}


.realitatea-categorie-ultimele-stiri-block > article div.realitatea-cateogrie-ultimele-stiri-big-article .article-box-title {
    margin: 1.2vh 0 0;
}

.realitatea-categorie-ultimele-stiri-block > article div.realitatea-cateogrie-ultimele-stiri-big-article .article-box-description {
    margin: 1vh 0 0;
}

.realitatea-categorie-ultimele-stiri-block > article > div.realitatea-cateogrie-ultimele-stiri-big-article > div.article-box-time {
    margin: 2.7vh 0 0;
    color: var(--realitatea-red);
    font-family: "Leitura Sans Grot 2", sans-serif;
    font-size: 4vw;
}

.realitatea-categorie-ultimele-stiri-block > article > div.realitatea-cateogrie-ultimele-stiri-big-article > div.article-box-title > a > span {
    color: var(--realitatea-black-text);
    font-size: 6vw;
    font-family: "Leitura Sans Grot 3", sans-serif;
    font-weight: bold;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.realitatea-categorie-ultimele-stiri-block > article > div.realitatea-cateogrie-ultimele-stiri-big-article > div.article-box-description > a > span {
    color: var(--realitatea-muted-text);
    font-size: 5vw;
    font-family: "Leitura Sans Grot 2", sans-serif;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.realitatea-categorie-ultimele-stiri-block > .realitatea-categorie-ultimele-stiri-block-text {
    grid-area: header;
    display: flex;
    flex-direction: column;
    text-align: center;
    margin-left: var(--mobile-margin-width);
    margin-right: var(--mobile-margin-width);
}

.realitatea-categorie-ultimele-stiri-block > .realitatea-categorie-ultimele-stiri-block-text > h3 {
    font-family: "Leitura Sans Grot 3", sans-serif;
    font-size: 12vw;
    color: var(--realitatea-gray-text);
    font-weight: bold;
}

.realitatea-categorie-ultimele-stiri-block > .realitatea-categorie-ultimele-stiri-block-text:after {
    background: var(--realitatea-red);
    content: "";
    height: 0.5vh;
    width: calc(100% - 2 * var(--mobile-margin-width));
    margin: 2vh var(--mobile-margin-width) 4vh;
}

.realitatea-categorie-ultimele-stiri-block > .realitatea-categorie-ultimele-stiri-block-intermediate-box {
    display: none;
}

.realitatea-categorie-ultimele-stiri-block > .realitatea-categorie-ultimele-stiri-block-live-box {
    grid-area: live;
    margin-top: 3vh;
    position: relative;
}

nav > ul.pagination > li > a {
    font-family: "Leitura Sans Grot 2", sans-serif;
    font-size: 5vw;
    color: var(--realitatea-gray-text);
    font-weight: bold;
    padding-top: 1.25vh;
    padding-bottom: 1.25vh;
}

nav > ul.pagination > li > a:hover {
    color: var(--realitatea-white-text);
}

@media only screen and (min-width: 600px) {
    .realitatea-categorie-ultimele-stiri-block > .realitatea-categorie-ultimele-stiri-block-text > h3 {
        font-size: 10vw;
    }

    .realitatea-categorie-ultimele-stiri-block > article > div.realitatea-cateogrie-ultimele-stiri-big-article > div.article-box-time {
        font-size: 3.5vw;
    }

    .realitatea-categorie-ultimele-stiri-block > article > div.realitatea-cateogrie-ultimele-stiri-big-article > div.article-box-title > a > span {
        font-size: 5vw;
    }

    .realitatea-categorie-ultimele-stiri-block > article > div.realitatea-cateogrie-ultimele-stiri-big-article > div.article-box-description > a > span {
        font-size: 3.5vw;
    }

    .container-realitatea > h1 {
        font-size: 5vw;
        line-height: 6vw;
    }

    nav > ul.pagination > li > a {
        font-size: 4.2vw;
    }
}

@media only screen and (min-width: 768px) {
    .realitatea-categorie-ultimele-stiri-block > .realitatea-categorie-ultimele-stiri-block-text > h3 {
        font-size: 8vw;
    }

    .realitatea-categorie-ultimele-stiri-block > article > div.realitatea-cateogrie-ultimele-stiri-big-article > div.article-box-time {
        font-size: 2.5vw;
    }

    .realitatea-categorie-ultimele-stiri-block > article > div.realitatea-cateogrie-ultimele-stiri-big-article > div.article-box-title > a > span {
        font-size: 4vw;
    }

    .realitatea-categorie-ultimele-stiri-block > article > div.realitatea-cateogrie-ultimele-stiri-big-article > div.article-box-description > a > span {
        font-size: 3vw;
    }

    .container-realitatea > h1 {
        font-size: 4vw;
        line-height: 5vw;
    }

    nav > ul.pagination > li > a {
        font-size: 3.4vw;
    }
}

@media only screen and (max-width: 991px) {
    .realitatea-category-pages-block > article:not(:last-child)::after {
        content: "";
        height: .1vh;
        background-color: var(--realitatea-hr-gray);
        width: calc(100% - 2 * var(--mobile-margin-width));
        margin: 3vh var(--mobile-margin-width);
    }

    section.container-realitatea, .realitatea-category-pages-block > article > div.article-box-description, .realitatea-category-pages-block > article > div.article-box-title {
        margin-left: var(--mobile-margin-width);
        margin-right: var(--mobile-margin-width);
    }
}

@media only screen and (min-width: 992px) {
    .realitatea-category-pages-block {
        margin-left: var(--margin-width);
        margin-right: var(--margin-width);
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: 1fr;
        grid-column-gap: 1.5vw;
        grid-row-gap: 5vw;
    }

    .realitatea-categorie-ultimele-stiri-block {
        display: grid;
        grid-template-columns: repeat(3, 1fr) var(--realitatea-margin-fr);
        grid-template-rows: 5.5vw 25.5vw 4.5vw 0.2fr 0.4fr 0.4fr;
        grid-template-areas:
                "big-article-image big-article-image category-name category-name"
                "big-article-image big-article-image intermediate-content ."
                "big-article-image big-article-image live-block ."
                "big-article-content-time big-article-content-time live-block ."
                "big-article-content-title big-article-content-title live-block ."
                "big-article-content-desc big-article-content-desc live-block .";
        grid-column-gap: 0;
        grid-row-gap: 0;
        margin-left: var(--margin-width);
        margin-top: 2.2vh;
    }

    .realitatea-ultimele-stiri-block-live-box {
        position: relative;
        overflow: hidden;
    }

    .realitatea-categorie-ultimele-stiri-block .realitatea-icon-solid-3x {
        font-size: 3vw;
    }

    .realitatea-categorie-ultimele-stiri-block > article > div.article-box-image {
        grid-area: big-article-image;
        margin-right: 1vw;
    }

    .realitatea-categorie-ultimele-stiri-block > article div.realitatea-cateogrie-ultimele-stiri-big-article {
        display: contents;
        grid-area: auto;
        margin-right: 0vw;
        margin-left: 0vw;
    }

    .realitatea-categorie-ultimele-stiri-block > article div.realitatea-cateogrie-ultimele-stiri-big-article > div.article-box-time {
        grid-area: big-article-content-time;
        font-size: 1.5vw;
    }

    .realitatea-categorie-ultimele-stiri-block > article div.realitatea-cateogrie-ultimele-stiri-big-article .article-box-title {
        grid-area: big-article-content-title;
    }

    .realitatea-categorie-ultimele-stiri-block > article > div.realitatea-cateogrie-ultimele-stiri-big-article > div.article-box-title > a > span {
        font-size: 2.5vw;
    }

    .realitatea-categorie-ultimele-stiri-block > article div.realitatea-cateogrie-ultimele-stiri-big-article .article-box-description {
        grid-area: big-article-content-desc;
    }

    .realitatea-categorie-ultimele-stiri-block > article > div.realitatea-cateogrie-ultimele-stiri-big-article > div.article-box-description > a > span {
        font-size: 2vw;
        -webkit-line-clamp: 3;
    }

    .realitatea-categorie-ultimele-stiri-block > .realitatea-categorie-ultimele-stiri-block-text {
        grid-area: category-name;
        margin-left: 2vw;
        text-align: left;
        margin-right: 0;
    }

    .realitatea-categorie-ultimele-stiri-block > .realitatea-categorie-ultimele-stiri-block-text > h3 {
        font-size: 4.2vw;
    }

    .realitatea-categorie-ultimele-stiri-block > .realitatea-categorie-ultimele-stiri-block-text:after {
        width: 100%;
        margin: 0;
    }

    .realitatea-categorie-ultimele-stiri-block > .realitatea-categorie-ultimele-stiri-block-intermediate-box {
        display: block;
        grid-area: intermediate-content;
        margin-left: 2vw;
        margin-top: 2vh;
    }

    .realitatea-categorie-ultimele-stiri-block > .realitatea-categorie-ultimele-stiri-block-intermediate-box h4 {
        font-size: 1.75vw;
        line-height: 3vw;
        font-family: "Leitura Sans Grot 2", sans-serif;
        -webkit-line-clamp: 1;
        text-decoration: none;
        color: var(--realitatea-black-text);
        font-weight: bold;
        white-space: nowrap;
    }

    .realitatea-categorie-ultimele-stiri-block > .realitatea-categorie-ultimele-stiri-block-live-box {
        grid-area: live-block;
        margin-left: 2vw;
    }

    .realitatea-load-more-news {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: center;
    }

    .btn-load-more-news > h2 {
        font-family: "Leitura Sans Grot 3", sans-serif;
        font-size: 2vw;
        font-weight: bold;
        margin: 0;
        padding: 0;
    }

    .btn-load-more-news {
        margin: 0;
        padding: 2vh 10vw 1.5vh 10vw;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }

    a.realitatea-category-subcategory-link {
        text-decoration: none;
    }

    a.realitatea-category-subcategory-link:hover {
        text-decoration: underline;
        text-decoration-color: var(--realitatea-red);
        color: var(--realitatea-black-text);
    }

    .container-realitatea > h1 {
        font-size: 2.5vw;
        line-height: 3.5vw;
    }

    nav > ul.pagination > li > a {
        font-size: 1.75vw;
    }
}

@media only screen and (min-width: 1366px) {
    .realitatea-categorie-ultimele-stiri-block .realitatea-icon-solid-3x {
        font-size: 3vw;
    }

    .realitatea-categorie-ultimele-stiri-block > article div.realitatea-cateogrie-ultimele-stiri-big-article > div.article-box-time {
        grid-area: big-article-content-time;
        font-size: .8vw;
    }

    .realitatea-categorie-ultimele-stiri-block > article > div.realitatea-cateogrie-ultimele-stiri-big-article > div.article-box-title > a > span {
        font-size: 1.25vw;
    }

    .realitatea-categorie-ultimele-stiri-block > article > div.realitatea-cateogrie-ultimele-stiri-big-article > div.article-box-description > a > span {
        font-size: 1.1vw;
        -webkit-line-clamp: 3;
    }

    .realitatea-categorie-ultimele-stiri-block > .realitatea-categorie-ultimele-stiri-block-text > h3 {
        font-size: 3vw;
    }

    .realitatea-categorie-ultimele-stiri-block > .realitatea-categorie-ultimele-stiri-block-intermediate-box h4 {
        font-size: 1vw;
        line-height: 2vw;
        font-family: "Leitura Sans Grot 2", sans-serif;
        -webkit-line-clamp: 1;
        text-decoration: none;
        color: var(--realitatea-black-text);
        font-weight: bold;
        white-space: nowrap;
    }

    .container-realitatea > h1 {
        font-size: 2.1vw;
        line-height: 3vw;
    }

    nav > ul.pagination > li > a {
        font-size: 1.25vw;
    }
}


@media only screen and (min-width: 1366px) {
    .realitatea-categorie-ultimele-stiri-block {
        max-width: 989px;
        margin-left: calc(calc((100vw - 989px) / 2));
        margin-right: calc(calc((100vw - 989px) / 2));
        grid-template-columns: repeat(3, 1fr);
        grid-template-areas:
                "big-article-image big-article-image category-name category-name"
                "big-article-image big-article-image intermediate-content ."
                "big-article-image big-article-image live-block ."
                "big-article-content-time big-article-content-time live-block ."
                "big-article-content-title big-article-content-title live-block ."
                "big-article-content-desc big-article-content-desc live-block .";
        /*grid-template-rows: 5.5vw 17.5vw 4.5vw 0.2fr 0.4fr 0.4fr;*/
        grid-template-rows: auto auto auto auto auto auto;
    }
}

@media only screen and (min-width: 1920px) {
    .realitatea-categorie-ultimele-stiri-block {
        max-width: 1390px;
        margin-left: calc(calc((100vw - 1390px) / 2));
        margin-right: calc(calc((100vw - 1390px) / 2));
    }
}

@media only screen and (min-width: 3840px) {
    .realitatea-categorie-ultimele-stiri-block {
        max-width: 2780px;
        margin-left: calc(calc((100vw - 2780px) / 2));
        margin-right: calc(calc((100vw - 2780px) / 2));
    }
}


.hp-promo-carousel-container {
    width: 100%;
    background: url("https://media.realitatea.net/campaign/sanador-campaign/Sanador_Section/Sanador_Fundal_1920x1080_27.03.20252.jpg") no-repeat left/cover;
    padding: 13vw 0 0vw;
    @media only screen and (min-width: 992px) {
        padding: 3vw 0 4vw;
        background: url("https://media.realitatea.net/campaign/sanador-campaign/Sanador_Section/Sanador_Fundal_1920x1080_27.03.20252.jpg") no-repeat top/cover;
    }
    .sanador-container {
        gap: 30px;
        @media only screen and (min-width: 992px) {
            gap: 60px;
        }
    }
    .mobile-banner {
        @media only screen and (min-width: 992px) {
            display: none;
        }
    }
    .desktop-banner {
        @media only screen and (min-width: 992px) {
            display: block;
        }
    }
    .contact-info {
        @media only screen and (min-width: 992px) {
            align-items: center;
            justify-content: space-between;
            margin-left: var(--margin-width);
            margin-right: var(--margin-width);
            margin-bottom: 0;
        }
        .contact-logo {
            height: auto;
            width: 50vw;
            @media only screen and (min-width: 992px) {
                width: 20vw;
            }
        }
        .sanador-call-number {
            font-size: 9vw;
            @media only screen and (min-width: 992px) {
                font-size: 4vw;
            }
        }
        .contact-label {
            color: #FFFFFF;
            line-height: 0;
            font-size: 5vw;
            @media only screen and (min-width: 992px) {
                font-size: 2.1vw;
                line-height: 0.4;
            }
        }
        .sanador-contact-mobile {
            @media only screen and (min-width: 992px) {
                display: none;
            }
            .contact-label {

            }
        }
        .sanador-contact-desktop {
            @media only screen and (min-width: 992px) {
                display: flex;
                justify-content: end;
            }
            img {
                height: 12vw;
            }
        }
    }
}

.sanador-call-number {
    color: #FFFFFF;
    font-family: "Leitura Sans Grot 1", sans-serif;
    > span {
        font-family: "Leitura Sans Grot 2", sans-serif;
    }
}

.sanador-title {
    display: none;
    text-shadow: 2px 2px 2px black;
    font-size: 14vw;
    @media only screen and (min-width: 992px) {
        font-size: 5vw;
        display: flex;
    }
}

.sanador-section {
    margin: 0 var(--mobile-margin-width) 0;
    @media only screen and (min-width: 992px) {
        margin-left: var(--margin-width);
        margin-right: var(--margin-width);
        margin-bottom: 0;
    }
}

#sanador-articles-container {
    margin-left: var(--mobile-margin-width);
    margin-right: var(--mobile-margin-width);
    @media only screen and (min-width: 992px) {
        margin-left: var(--margin-width);
        margin-right: var(--margin-width);
    }
    overflow: visible;
    /*> div:first-child {*/
    /*    margin-left: var(--mobile-margin-width);*/
    /*    @media only screen and (min-width: 992px) {*/
    /*        margin-left: var(--margin-width);*/
    /*    }*/
    /*}*/
    /*> div:last-child {*/
    /*    margin-right: var(--mobile-margin-width);*/
    /*    @media only screen and (min-width: 992px) {*/
    /*        margin-right: var(--margin-width);*/
    /*    }*/
    /*}*/
}

.sanador-articles-item {
    aspect-ratio: 9/16!important;
    height: auto!important;
    /*width: 100%;*/
    border-radius: 20px;
    border: 1px solid white;
    transition: transform 0.5s;
    &:hover {
        transform: translateY(-2%) !important;
    }
}

.sanador-swiper-button-next, .sanador-swiper-button-previous {
    border-radius: 200px!important;
    &:hover {
        background-color: #f6ea19!important;
        border: 1px solid #f6ea19;
        &::before, &::after {
            background-color: #004584!important;
        }
    }
}
