.is-hero img{
    height: calc(100vh - 118px) !important;
}

.uagb-block-addbf78b{
    max-width: 640px !important;
}

.uagb-block-64eabfd1{
    max-width: 830px !important;
}

.uagb-block-db01925a h2{
    max-width: 440px;
}

.uagb-block-0b6fb19b{
    overflow: hidden !important;
}

.uagb-block-357f5f8f.wp-block-uagb-image .wp-block-uagb-image__figure img{
    aspect-ratio: 1 /1;
    height: auto !important;
}

.uagb-block-1c17cacd > *{
    width: auto !important;
}

.uagb-block-0422ff94 h2{
    text-wrap: nowrap;
}

.ingenius-tabs__panel{
    gap: 24px !important;
}


@media only screen and (max-width: 1240px) and (min-width: 0px){
    .uagb-block-8e3b0b26{
        padding-left: 32px !important;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 0px){
    /* .is-hero img{
        height: 70vh !important;
    } */

    .uagb-block-c4ee817a{
        flex-wrap: wrap !important;
    }

    .uagb-block-8bc0cbff{
        position: absolute !important;
        bottom: 40px;
        width: fit-content !important;
    }

    .uagb-block-8bc0cbff,
    .uagb-block-f1a6e5eb{
        width: calc(50% - 28px) !important;
    }

    .uagb-block-f1a6e5eb{
        margin-left: auto !important;
        margin-top: 80px !important;
    }

    .uagb-block-62eb21f6{
        margin: 0 auto !important;
    }
}

@media only screen and (max-width: 976px) and (min-width: 0px){
    .uagb-block-1c17cacd{
        gap: 48px !important;
    }
}

@media only screen and (max-width: 767px) and (min-width: 0px){
    .uagb-block-addbf78b{
        position: relative !important;
        top: unset !important;
        left: unset !important;
        transform: unset !important;
    }

    .is-hero img{
        height: 40vh !important;
    } 

    .uagb-block-ea7c4551{
        display: none !important;
    }

    .is-hero .is-image-shadow-overlay{
        display: none !important;
    }

    .uagb-block-addbf78b{
        margin-top: 32px !important;
    }

    .uagb-block-addbf78b *:not(.uagb-button__link){
        color: #000 !important;
    }

    body .uagb-block-50c71102 .wp-block-button__link{
        background-color: #7F7D73 !important;
    }

    body .uagb-block-50c71102 .wp-block-button__link .uagb-button__link {
        color: #fff !important;
        
    }

    .is-hero h1{
        font-size: 28px !important;
    }

    .uagb-block-8e3b0b26{
        border-top: 1px solid #E3E3E3 !important;
        margin-top: 44px !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
        flex-wrap: nowrap !important;
    }

    .uagb-block-22f7adb5{
        padding-top: 32px !important;
        padding-bottom: 32px !important;
    }

    .uagb-block-64eabfd1 p{
        font-size: 14px !important;
    }

    .uagb-block-db01925a h2{
        display: none !important;
    }

    .reassurance-item-text{
        margin-top: 10px !important;
    }

    .wpforms-submit-spinner{
        display: none;
    }

    .uagb-block-8e3b0b26{
        gap: 10px !important;
    }

    .uagb-block-1c17cacd{
        gap: 16px !important;
    }

}
/* ------------------------------------------------------------------
   Réassurance sous le bouton du hero : note Genius Reviews + repères
   ------------------------------------------------------------------ */

.is-hero .hero-reassurance{
    margin-top: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    color: #fff;
}

.is-hero .hero-reassurance .gr-summary-rating{
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    line-height: 1;
}

.is-hero .hero-reassurance .gr-summary-rating-stars{
    display: inline-flex;
    gap: 2px;
}

.is-hero .hero-reassurance .gr-summary-rating-average{
    font-weight: 600;
}

/* Les étoiles gardent leur couleur là où le hero repeint tous ses
   descendants (blanc en desktop, noir en mobile). Le carré de l'étoile
   est rempli en `currentColor` sur le <path> lui-même : il faut donc
   viser aussi les enfants du SVG, sinon le carré prend la couleur du
   hero et disparaît. */
.is-hero .hero-reassurance .gr-summary-rating-star,
.is-hero .hero-reassurance .gr-summary-rating-star *{
    color: #92D329 !important;
}

.is-hero .hero-reassurance .gr-summary-rating-star.gr-star-empty,
.is-hero .hero-reassurance .gr-summary-rating-star.gr-star-empty *{
    color: #E5E5E5 !important;
}

.is-hero .hero-reassurance .hero-reassurance__list{
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 6px 20px;
    font-size: 14px;
}

.is-hero .hero-reassurance .hero-reassurance__list li{
    display: flex;
    align-items: center;
    gap: 20px;
    margin: 0;
}

.is-hero .hero-reassurance .hero-reassurance__list li + li::before{
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: currentColor;
    opacity: .6;
}

@media only screen and (max-width: 767px) and (min-width: 0px){
    .is-hero .hero-reassurance{
        margin-top: 8px;
        gap: 8px;
    }

    .is-hero .hero-reassurance .hero-reassurance__list{
        gap: 4px 14px;
        font-size: 13px;
    }

    .is-hero .hero-reassurance .hero-reassurance__list li{
        gap: 14px;
    }

    /* la note tenait sur trois lignes : « + de » et « avis vérifiés »
       se coupaient au milieu */
    .is-hero .hero-reassurance .gr-summary-rating{
        flex-wrap: wrap;
        justify-content: center;
        row-gap: 2px;
    }

    .is-hero .hero-reassurance .gr-summary-rating *{
        font-size: 13px;
        white-space: nowrap;
    }

    .is-hero .hero-reassurance .gr-summary-rating-star{
        width: 14px;
        height: 14px;
    }
}