.cat-hero-spacer {
    height: 80px; /* hauteur du header fixe */
}

.cat-hero{
    margin-bottom: 40px !important;
    position: relative;
    overflow: hidden;
    color: #fff;
    background:
            linear-gradient(180deg, rgba(0,0,0,.45), rgba(0,0,0,.25) 35%, rgba(0,0,0,.50)),
            var(--cat-bg) center/cover no-repeat;
}
.cat-hero--compact{ 
	min-height: 200px; 
}



.cat-hero__content_v2{
    min-height: inherit;
    display: grid;
    place-items: center;
    text-align: center;
    padding: 24px 20px;
    /* max-width: 1100px; */
    margin: 0 auto;
}
.cat-hero__content_v2 span{
    position: absolute;
    font-size: 80px !important;
    top: 1%;
    right: 4%;
    font-weight: 600;
    padding: 10px 26px;
    margin-top: 20px;
    font-family: arial;
    line-height: 1.1;
    color: #ffffff !important;
    /* background-color: #ff2850 !important;	*/	/* rouge	*/ 
    background-color: #fffc7b87 !important; /* jaune	*/
    opacity: 0.6;
    text-transform: uppercase;
}


.cat-hero__content{
    min-height: inherit;
    display: grid;
    place-items: center;
    text-align: center;
    padding: 24px 20px;
    max-width: 1100px;
    margin: 0 auto;
}
.cat-hero__title{
    color: var(--primary-yellow, #ffd64d);
    margin: 6px 0 8px;
    font-size: 100px;
    line-height: 1.1;
    font-weight: 850;
    font-style: italic;
}

.cat-breadcrumb .crumb{ color:#e9edf6; text-decoration:none; }
.cat-breadcrumb .crumb:hover{ text-decoration:underline; }
.cat-breadcrumb .current{ color:#fff; font-weight:600; pointer-events:none; }

@media (max-width: 960px) {
    .cat-hero--compact {
        min-height: 150px;
    }
    .cat-hero__title {
        font-size: 60px;
    }
    .cat-hero__content {
        padding: 20px 16px;
    }
}

@media (max-width: 600px) {
    .cat-hero {
        margin-bottom: 24px !important;
    }
    .cat-hero--compact {
        min-height: 120px;
    }
    .cat-hero__title {
        font-size: 40px;
    }
    .cat-hero__content {
        padding: 16px 12px;
    }
    .cat-hero-spacer {
        height: 60px;
    }
}