/* ============================================================
   FII-CONSTIENT.RO
   ARTICOLE / PAGINĂ CATEGORIE
   EDITORIAL NEWSPAPER
============================================================ */


/* ============================================================
   VARIABILE
============================================================ */

.category-page {

    --paper:
        #eee2bf;

    --ink:
        #211b14;

    --muted:
        #756956;

    --soft:
        rgba(33, 27, 20, .08);

    --soft-2:
        rgba(33, 27, 20, .14);

    --line:
        rgba(33, 27, 20, .68);

    --fine-line:
        rgba(33, 27, 20, .28);

    --dark-paper:
        #2a231b;

    width:
        100%;

    color:
        var(--ink);

}


/* ============================================================
   LINK-URI
============================================================ */

.category-page a {

    color:
        inherit;

}


/* ============================================================
   BREADCRUMB
============================================================ */

.category-breadcrumb {

    display:
        flex;

    flex-wrap:
        wrap;

    align-items:
        center;

    gap:
        8px;

    margin:
        18px
        0
        12px;

    font-size:
        8px;

    font-weight:
        800;

    line-height:
        1.4;

    letter-spacing:
        1.15px;

    text-transform:
        uppercase;

    color:
        var(--muted);

}


.category-breadcrumb a {

    color:
        var(--muted);

    text-decoration:
        none;

    transition:
        color .2s ease;

}


.category-breadcrumb a:hover {

    color:
        var(--ink);

}


.category-breadcrumb strong {

    color:
        var(--ink);

}


/* ============================================================
   HERO
============================================================ */

.category-hero {

    position:
        relative;

    display:
        grid;

    grid-template-columns:
        minmax(0, 1.48fr)
        minmax(320px, .72fr);

    min-height:
        440px;

    overflow:
        hidden;

    border-top:
        5px double var(--ink);

    border-bottom:
        5px double var(--ink);

    background:
        var(--ink);

}


/* ============================================================
   HERO IMAGINE
============================================================ */

.category-hero-media {

    position:
        relative;

    min-width:
        0;

    overflow:
        hidden;

}


.category-hero-media img {

    display:
        block;

    width:
        100%;

    height:
        100%;

    min-height:
        440px;

    object-fit:
        cover;

    object-position:
        center;

    filter:
        grayscale(100%)
        sepia(16%)
        contrast(93%);

    transition:
        transform .8s ease;

}


.category-hero:hover
.category-hero-media img {

    transform:
        scale(1.015);

}


.category-hero-media-shade {

    position:
        absolute;

    inset:
        0;

    background:
        linear-gradient(
            90deg,
            transparent 55%,
            rgba(33, 27, 20, .20) 100%
        );

    pointer-events:
        none;

}


/* ============================================================
   HERO TEXT
============================================================ */

.category-hero-copy {

    position:
        relative;

    display:
        flex;

    flex-direction:
        column;

    justify-content:
        center;

    padding:
        46px
        40px;

    color:
        var(--paper);

    background:
        var(--ink);

}


.category-eyebrow {

    display:
        flex;

    flex-wrap:
        wrap;

    align-items:
        center;

    gap:
        6px;

    margin-bottom:
        14px;

    font-size:
        8px;

    font-weight:
        900;

    line-height:
        1.4;

    letter-spacing:
        1.8px;

    text-transform:
        uppercase;

}


.category-hero-copy h1 {

    margin:
        0;

    max-width:
        560px;

    font-size:
        clamp(
            42px,
            5.4vw,
            76px
        );

    font-weight:
        900;

    line-height:
        .88;

    letter-spacing:
        -2.6px;

    overflow-wrap:
        anywhere;

}


.category-hero-description {

    max-width:
        500px;

    margin:
        22px
        0
        0;

    padding-top:
        17px;

    border-top:
        1px solid rgba(238, 226, 191, .30);

    font-size:
        13px;

    line-height:
        1.7;

    color:
        rgba(238, 226, 191, .88);

}


/* ============================================================
   NUMĂR CATEGORIE
============================================================ */

.category-hero-index {

    position:
        absolute;

    right:
        26px;

    bottom:
        22px;

    display:
        flex;

    align-items:
        baseline;

    gap:
        8px;

    opacity:
        .28;

}


.category-hero-index span {

    font-size:
        6px;

    font-weight:
        900;

    letter-spacing:
        1.4px;

}


.category-hero-index strong {

    font-size:
        36px;

    line-height:
        1;

}


/* ============================================================
   HERO FĂRĂ IMAGINE
============================================================ */

.category-hero-no-cover {

    display:
        block;

    min-height:
        auto;

    background:
        transparent;

}


.category-hero-no-cover
.category-hero-copy {

    min-height:
        310px;

    padding:
        45px
        0;

    color:
        var(--ink);

    background:
        transparent;

}


.category-hero-no-cover
.category-hero-description {

    border-color:
        var(--fine-line);

    color:
        var(--ink);

}


.category-hero-no-cover
.category-hero-index {

    color:
        var(--ink);

}


/* ============================================================
   INFO BAR
============================================================ */

.category-info-bar {

    display:
        grid;

    grid-template-columns:
        .75fr
        .9fr
        1.1fr
        .65fr
        1.6fr;

    border-bottom:
        1px solid var(--ink);

}


.category-info-item {

    min-width:
        0;

    padding:
        13px
        16px;

    border-right:
        1px dotted var(--line);

}


.category-info-item:first-child {

    padding-left:
        0;

}


.category-info-item:last-child {

    padding-right:
        0;

    border-right:
        0;

}


.category-info-label {

    display:
        block;

    margin-bottom:
        3px;

    font-size:
        6.5px;

    font-weight:
        900;

    line-height:
        1.3;

    letter-spacing:
        1.25px;

    text-transform:
        uppercase;

    color:
        var(--muted);

}


.category-info-item strong {

    display:
        block;

    overflow:
        hidden;

    font-size:
        11px;

    line-height:
        1.25;

    text-overflow:
        ellipsis;

    white-space:
        nowrap;

}


/* ============================================================
   SECȚIUNE
============================================================ */

.category-section {

    margin-top:
        34px;

}


/* ============================================================
   HEADER SECȚIUNE
============================================================ */

.category-section-head {

    display:
        flex;

    align-items:
        flex-end;

    justify-content:
        space-between;

    gap:
        30px;

    padding:
        13px
        0
        12px;

    border-top:
        5px double var(--ink);

    border-bottom:
        1px solid var(--ink);

}


.category-section-kicker {

    margin-bottom:
        4px;

    font-size:
        7px;

    font-weight:
        900;

    letter-spacing:
        1.5px;

    text-transform:
        uppercase;

    color:
        var(--muted);

}


.category-section-head h2 {

    margin:
        0;

    font-size:
        clamp(
            26px,
            3vw,
            38px
        );

    line-height:
        1;

    letter-spacing:
        -.8px;

    text-transform:
        uppercase;

}


.category-section-note {

    display:
        flex;

    align-items:
        center;

    justify-content:
        flex-end;

    gap:
        10px;

    max-width:
        420px;

    padding-bottom:
        2px;

    font-size:
        7px;

    font-weight:
        800;

    line-height:
        1.4;

    letter-spacing:
        1px;

    text-align:
        right;

    text-transform:
        uppercase;

    color:
        var(--muted);

}


.category-section-line {

    width:
        38px;

    height:
        1px;

    flex:
        0 0 auto;

    background:
        var(--ink);

}


/* ============================================================
   LEAD ARTICLE
============================================================ */

.category-lead {

    display:
        grid;

    grid-template-columns:
        minmax(0, 1.25fr)
        minmax(320px, .75fr);

    gap:
        30px;

    padding:
        25px
        0
        30px;

    border-bottom:
        1px solid var(--ink);

}


/* ============================================================
   LEAD MEDIA
============================================================ */

.category-lead-media {

    min-width:
        0;

}


.category-lead-media > a {

    position:
        relative;

    display:
        block;

    height:
        100%;

    min-height:
        410px;

    overflow:
        hidden;

    text-decoration:
        none;

    background:
        var(--soft);

}


.category-lead-media img {

    display:
        block;

    width:
        100%;

    height:
        100%;

    min-height:
        410px;

    object-fit:
        cover;

    object-position:
        center;

    filter:
        grayscale(100%)
        sepia(14%)
        contrast(94%);

    transition:
        transform .55s ease,
        filter .55s ease;

}


.category-lead-media > a:hover img {

    transform:
        scale(1.025);

    filter:
        grayscale(80%)
        sepia(10%)
        contrast(97%);

}


/* ============================================================
   BADGE LEAD
============================================================ */

.category-lead-badge {

    position:
        absolute;

    left:
        14px;

    bottom:
        14px;

    padding:
        7px
        10px;

    border:
        1px solid var(--paper);

    background:
        rgba(33, 27, 20, .88);

    color:
        var(--paper);

    font-size:
        7px;

    font-weight:
        900;

    line-height:
        1;

    letter-spacing:
        1.3px;

    text-transform:
        uppercase;

}


/* ============================================================
   PLACEHOLDER
============================================================ */

.category-image-placeholder {

    width:
        100%;

    height:
        100%;

    min-height:
        inherit;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    border:
        1px solid var(--ink);

    background:
        var(--soft);

}


.category-image-placeholder span {

    font-size:
        clamp(
            60px,
            8vw,
            120px
        );

    font-weight:
        900;

    line-height:
        1;

    opacity:
        .18;

}


/* ============================================================
   LEAD CONTENT
============================================================ */

.category-lead-content {

    min-width:
        0;

    display:
        flex;

    flex-direction:
        column;

    justify-content:
        center;

}


.category-article-overline {

    display:
        flex;

    flex-wrap:
        wrap;

    align-items:
        center;

    gap:
        7px;

    margin-bottom:
        10px;

    font-size:
        7px;

    font-weight:
        900;

    letter-spacing:
        1.25px;

    text-transform:
        uppercase;

    color:
        var(--muted);

}


.category-dot {

    opacity:
        .5;

}


.category-lead-content h2 {

    margin:
        0;

    font-size:
        clamp(
            34px,
            4.1vw,
            55px
        );

    font-weight:
        900;

    line-height:
        .98;

    letter-spacing:
        -1.7px;

}


.category-lead-content h2 a {

    color:
        var(--ink);

    text-decoration:
        none;

}


.category-lead-content h2 a:hover {

    text-decoration:
        underline;

    text-decoration-thickness:
        1px;

    text-underline-offset:
        4px;

}


/* ============================================================
   META LEAD
============================================================ */

.category-article-meta {

    display:
        flex;

    flex-wrap:
        wrap;

    gap:
        8px
        18px;

    margin:
        17px
        0;

    padding:
        10px
        0;

    border-top:
        1px dotted var(--line);

    border-bottom:
        1px dotted var(--line);

    font-size:
        8px;

    line-height:
        1.4;

    text-transform:
        uppercase;

    color:
        var(--muted);

}


.category-article-meta strong {

    margin-right:
        3px;

    color:
        var(--ink);

}


/* ============================================================
   EXCERPT LEAD
============================================================ */

.category-lead-excerpt {

    margin-top:
        2px;

    font-size:
        13.5px;

    line-height:
        1.72;

    text-align:
        justify;

}


/* ============================================================
   FOOTER LEAD
============================================================ */

.category-lead-footer {

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        20px;

    margin-top:
        22px;

}


/* ============================================================
   LINK PRINCIPAL
============================================================ */

.category-primary-link {

    display:
        inline-flex;

    align-items:
        center;

    gap:
        16px;

    width:
        fit-content;

    padding:
        10px
        0
        6px;

    border-bottom:
        2px solid var(--ink);

    color:
        var(--ink);

    text-decoration:
        none;

    font-size:
        8px;

    font-weight:
        900;

    letter-spacing:
        1.15px;

    text-transform:
        uppercase;

}


.category-primary-link span {

    font-size:
        14px;

    transition:
        transform .2s ease;

}


.category-primary-link:hover span {

    transform:
        translateX(4px);

}


.category-article-number {

    font-size:
        7px;

    font-weight:
        900;

    letter-spacing:
        1px;

    color:
        var(--muted);

}


/* ============================================================
   GRID
============================================================ */

.category-grid {

    display:
        grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    margin-top:
        26px;

}


/* ============================================================
   CARD
============================================================ */

.category-card {

    min-width:
        0;

    padding:
        0
        21px
        28px;

    margin-bottom:
        28px;

    border-right:
        1px dotted var(--line);

    border-bottom:
        1px solid var(--fine-line);

}


.category-card:nth-child(3n + 1) {

    padding-left:
        0;

}


.category-card:nth-child(3n) {

    padding-right:
        0;

    border-right:
        0;

}


/* ============================================================
   CARD MEDIA
============================================================ */

.category-card-media {

    position:
        relative;

    display:
        block;

    width:
        100%;

    height:
        205px;

    margin-bottom:
        14px;

    overflow:
        hidden;

    text-decoration:
        none;

    background:
        var(--soft);

}


.category-card-media img {

    display:
        block;

    width:
        100%;

    height:
        100%;

    object-fit:
        cover;

    object-position:
        center;

    filter:
        grayscale(100%)
        sepia(14%)
        contrast(94%);

    transition:
        transform .45s ease,
        filter .45s ease;

}


.category-card-media:hover img {

    transform:
        scale(1.035);

    filter:
        grayscale(75%)
        sepia(8%)
        contrast(98%);

}


.category-card-media
.category-image-placeholder {

    min-height:
        205px;

}


/* ============================================================
   NUMĂR CARD
============================================================ */

.category-card-number {

    position:
        absolute;

    right:
        8px;

    top:
        8px;

    min-width:
        31px;

    height:
        31px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    border:
        1px solid rgba(238, 226, 191, .85);

    background:
        rgba(33, 27, 20, .84);

    color:
        var(--paper);

    font-size:
        8px;

    font-weight:
        900;

    letter-spacing:
        .5px;

}


/* ============================================================
   CARD TOPLINE
============================================================ */

.category-card-topline {

    min-height:
        20px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        10px;

    margin-bottom:
        6px;

    font-size:
        7px;

    font-weight:
        900;

    line-height:
        1.3;

    letter-spacing:
        1.2px;

    text-transform:
        uppercase;

    color:
        var(--muted);

}


/* ============================================================
   NOU
============================================================ */

.article-new {

    flex:
        0 0 auto;

    padding:
        3px
        6px;

    border:
        1px solid var(--ink);

    color:
        var(--ink);

    font-size:
        6px;

    font-weight:
        900;

    letter-spacing:
        1px;

    line-height:
        1;

    text-transform:
        uppercase;

}


/* ============================================================
   TITLU CARD
============================================================ */

.category-card h3 {

    margin:
        0
        0
        9px;

    font-size:
        clamp(
            20px,
            2vw,
            25px
        );

    font-weight:
        900;

    line-height:
        1.05;

    letter-spacing:
        -.45px;

}


.category-card h3 a {

    color:
        var(--ink);

    text-decoration:
        none;

}


.category-card h3 a:hover {

    text-decoration:
        underline;

    text-decoration-thickness:
        1px;

    text-underline-offset:
        3px;

}


/* ============================================================
   META CARD
============================================================ */

.category-card-meta {

    display:
        flex;

    flex-wrap:
        wrap;

    gap:
        4px;

    margin-bottom:
        10px;

    font-size:
        7px;

    font-weight:
        700;

    line-height:
        1.45;

    letter-spacing:
        .35px;

    text-transform:
        uppercase;

    color:
        var(--muted);

}


/* ============================================================
   TEXT CARD
============================================================ */

.category-card p {

    margin:
        0;

    font-size:
        11.5px;

    line-height:
        1.65;

    text-align:
        justify;

}


/* ============================================================
   READ LINK
============================================================ */

.category-read {

    display:
        inline-flex;

    align-items:
        center;

    gap:
        8px;

    margin-top:
        13px;

    padding-bottom:
        3px;

    border-bottom:
        1px solid var(--ink);

    color:
        var(--ink);

    text-decoration:
        none;

    font-size:
        7px;

    font-weight:
        900;

    line-height:
        1.2;

    letter-spacing:
        .9px;

    text-transform:
        uppercase;

}


.category-read span {

    transition:
        transform .2s ease;

}


.category-read:hover span {

    transform:
        translateX(3px);

}


/* ============================================================
   FOOTER ARHIVĂ
============================================================ */

.category-archive-footer {

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        25px;

    margin-top:
        5px;

    padding:
        13px
        0;

    border-top:
        1px solid var(--ink);

    border-bottom:
        5px double var(--ink);

}


.category-archive-footer > div {

    display:
        flex;

    align-items:
        baseline;

    gap:
        8px;

}


.category-archive-footer span {

    font-size:
        7px;

    font-weight:
        900;

    letter-spacing:
        1.4px;

}


.category-archive-footer strong {

    font-size:
        12px;

    letter-spacing:
        .5px;

}


.category-archive-footer p {

    margin:
        0;

    font-size:
        8px;

    font-weight:
        700;

    letter-spacing:
        .6px;

    text-align:
        right;

    text-transform:
        uppercase;

    color:
        var(--muted);

}


/* ============================================================
   EMPTY
============================================================ */

.category-empty {

    display:
        grid;

    grid-template-columns:
        auto
        1fr;

    align-items:
        center;

    gap:
        30px;

    padding:
        45px
        0;

    border-bottom:
        5px double var(--ink);

}


.category-empty-number {

    font-size:
        80px;

    font-weight:
        900;

    line-height:
        .8;

    opacity:
        .16;

}


.category-empty h3 {

    margin:
        0
        0
        8px;

    font-size:
        30px;

}


.category-empty p {

    margin:
        0;

    font-size:
        13px;

    color:
        var(--muted);

}


/* ============================================================
   PAGINARE
============================================================ */

.category-pagination {

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        25px;

    margin:
        30px
        0
        10px;

    padding:
        18px
        0;

    border-top:
        1px solid var(--ink);

    border-bottom:
        5px double var(--ink);

}


/* ============================================================
   PAGINARE LABEL
============================================================ */

.category-pagination-label {

    display:
        flex;

    flex-direction:
        column;

    gap:
        2px;

}


.category-pagination-label span {

    font-size:
        6px;

    font-weight:
        900;

    letter-spacing:
        1.3px;

    color:
        var(--muted);

}


.category-pagination-label strong {

    font-size:
        10px;

    text-transform:
        uppercase;

}


/* ============================================================
   PAGINI
============================================================ */

.category-pagination-pages {

    display:
        flex;

    flex-wrap:
        wrap;

    align-items:
        center;

    justify-content:
        flex-end;

    gap:
        5px;

}


.category-pagination-pages a,
.category-pagination-pages > span {

    min-width:
        36px;

    height:
        36px;

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    padding:
        0
        9px;

    border:
        1px solid var(--ink);

    color:
        var(--ink);

    background:
        transparent;

    text-decoration:
        none;

    font-size:
        9px;

    font-weight:
        900;

    line-height:
        1;

    transition:
        background .2s ease,
        color .2s ease;

}


.category-pagination-pages a:hover,
.category-pagination-pages .active {

    background:
        var(--ink);

    color:
        var(--paper);

}


.category-pagination-pages
.category-pagination-dots {

    min-width:
        24px;

    border:
        0;

}


.category-pagination-pages
.disabled {

    opacity:
        .25;

}


.category-pagination-direction {

    font-size:
        14px !important;

}


/* ============================================================
   404
============================================================ */

.category-not-found {

    max-width:
        760px;

    margin:
        40px
        auto;

    padding:
        60px
        30px;

    border-top:
        5px double var(--ink);

    border-bottom:
        5px double var(--ink);

    text-align:
        center;

}


.category-not-found-code {

    margin-bottom:
        16px;

    font-size:
        clamp(
            80px,
            15vw,
            150px
        );

    font-weight:
        900;

    line-height:
        .7;

    opacity:
        .10;

}


.category-not-found
.category-eyebrow {

    justify-content:
        center;

}


.category-not-found h1 {

    margin:
        0
        0
        12px;

    font-size:
        clamp(
            34px,
            5vw,
            52px
        );

    line-height:
        1;

}


.category-not-found p {

    max-width:
        500px;

    margin:
        0
        auto
        24px;

    font-size:
        13px;

    line-height:
        1.6;

    color:
        var(--muted);

}


.category-not-found
.category-primary-link {

    margin:
        0
        auto;

}


/* ============================================================
   TABLETĂ
============================================================ */

@media (max-width: 1000px) {


    .category-hero {

        grid-template-columns:
            minmax(0, 1.25fr)
            minmax(280px, .75fr);

        min-height:
            390px;

    }


    .category-hero-media img {

        min-height:
            390px;

    }


    .category-hero-copy {

        padding:
            35px
            28px;

    }


    .category-info-bar {

        grid-template-columns:
            repeat(4, 1fr);

    }


    .category-info-item-wide {

        grid-column:
            1 / -1;

        padding-left:
            0;

        border-top:
            1px dotted var(--line);

        border-right:
            0;

    }


    .category-lead {

        grid-template-columns:
            1.05fr
            .95fr;

        gap:
            24px;

    }


    .category-grid {

        grid-template-columns:
            repeat(2, minmax(0, 1fr));

    }


    .category-card {

        padding:
            0
            20px
            27px;

    }


    .category-card:nth-child(3n + 1) {

        padding-left:
            20px;

    }


    .category-card:nth-child(3n) {

        padding-right:
            20px;

        border-right:
            1px dotted var(--line);

    }


    .category-card:nth-child(2n + 1) {

        padding-left:
            0;

    }


    .category-card:nth-child(2n) {

        padding-right:
            0;

        border-right:
            0;

    }

}


/* ============================================================
   MOBIL / TABLETĂ MICĂ
============================================================ */

@media (max-width: 760px) {


    .category-breadcrumb {

        margin-top:
            12px;

    }


    /* HERO */

    .category-hero {

        display:
            flex;

        flex-direction:
            column;

        min-height:
            0;

    }


    .category-hero-media {

        height:
            270px;

    }


    .category-hero-media img {

        height:
            270px;

        min-height:
            270px;

    }


    .category-hero-media-shade {

        background:
            linear-gradient(
                to bottom,
                transparent 55%,
                rgba(33, 27, 20, .18)
            );

    }


    .category-hero-copy {

        padding:
            28px
            22px
            32px;

    }


    .category-hero-copy h1 {

        font-size:
            clamp(
                39px,
                12vw,
                58px
            );

        letter-spacing:
            -1.8px;

    }


    .category-hero-description {

        margin-top:
            17px;

        font-size:
            12.5px;

    }


    .category-hero-index {

        right:
            18px;

        bottom:
            14px;

    }


    /* INFO */

    .category-info-bar {

        grid-template-columns:
            repeat(2, 1fr);

    }


    .category-info-item {

        padding:
            11px
            12px;

        border-bottom:
            1px dotted var(--fine-line);

    }


    .category-info-item:nth-child(2n + 1) {

        padding-left:
            0;

    }


    .category-info-item:nth-child(2n) {

        padding-right:
            0;

        border-right:
            0;

    }


    .category-info-item-wide {

        grid-column:
            1 / -1;

        padding-left:
            0;

        border-bottom:
            0;

    }


    /* HEADER SECȚIUNE */

    .category-section {

        margin-top:
            27px;

    }


    .category-section-head {

        display:
            block;

    }


    .category-section-note {

        justify-content:
            flex-start;

        margin-top:
            9px;

        text-align:
            left;

    }


    /* LEAD */

    .category-lead {

        grid-template-columns:
            1fr;

        gap:
            20px;

        padding-top:
            20px;

    }


    .category-lead-media > a,
    .category-lead-media img {

        min-height:
            290px;

    }


    .category-lead-content {

        display:
            block;

    }


    .category-lead-content h2 {

        font-size:
            clamp(
                31px,
                9vw,
                43px
            );

    }


    .category-lead-excerpt {

        font-size:
            13px;

        line-height:
            1.65;

    }


    /* GRID */

    .category-grid {

        grid-template-columns:
            1fr;

        margin-top:
            22px;

    }


    .category-card,
    .category-card:nth-child(2n),
    .category-card:nth-child(2n + 1),
    .category-card:nth-child(3n),
    .category-card:nth-child(3n + 1) {

        padding:
            0
            0
            24px;

        border-right:
            0;

    }


    .category-card-media {

        height:
            250px;

    }


    .category-card-media
    .category-image-placeholder {

        min-height:
            250px;

    }


    .category-card h3 {

        font-size:
            25px;

    }


    /* FOOTER ARHIVĂ */

    .category-archive-footer {

        display:
            block;

    }


    .category-archive-footer p {

        margin-top:
            8px;

        text-align:
            left;

    }


    /* PAGINARE */

    .category-pagination {

        display:
            block;

    }


    .category-pagination-pages {

        justify-content:
            flex-start;

        margin-top:
            13px;

    }

}


/* ============================================================
   TELEFOANE MICI
============================================================ */

@media (max-width: 480px) {


    .category-hero-media,
    .category-hero-media img {

        height:
            230px;

        min-height:
            230px;

    }


    .category-hero-copy {

        padding:
            24px
            18px
            30px;

    }


    .category-hero-copy h1 {

        font-size:
            39px;

    }


    .category-info-item strong {

        font-size:
            10px;

    }


    .category-section-head h2 {

        font-size:
            27px;

    }


    .category-lead-media > a,
    .category-lead-media img {

        min-height:
            230px;

    }


    .category-article-meta {

        gap:
            6px
            12px;

    }


    .category-lead-footer {

        align-items:
            flex-end;

    }


    .category-card-media {

        height:
            220px;

    }


    .category-card-media
    .category-image-placeholder {

        min-height:
            220px;

    }


    .category-pagination-pages a,
    .category-pagination-pages > span {

        min-width:
            33px;

        height:
            33px;

        padding:
            0
            7px;

        font-size:
            8px;

    }

}