.home-page {
    /* background: var(--color-surface); */
    color: var(--color-text);
}
/* Home hero */
.home_contenair {display: flex;align-items: stretch;width: 100%;min-height: 700px;}
.home_hero_content {flex: 1  40%;min-width: 0;}

/* Bloc image */
.home-hero__media1 {flex: 1  60%;min-width: 0;margin: 0;overflow: hidden;}
.home-hero__media1 img {display: block;width: 100%;height: 100%;object-fit: cover;object-position: center;}
.home-hero__media1 picture {display: block;width: 100%;height: 100%;}
/* Bloc texte */
.home_hero_content {display: flex;background-color: white;}
.home-hero__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    padding: clamp(2rem, 5vw, 5rem);
    box-sizing: border-box;
}

.home_hero_title{
    min-width: 110%;
    margin: 0 0 var(--space-3);
    color: var(--color-surface-dark);
    font-family: var(--font-heading);
    font-size: 4rem;
    font-weight: 780;
    line-height: 0.98;
    letter-spacing: -0.045em;
    text-transform: uppercase;
}

.home_actions{display: flex;flex-direction: row;gap: var(--space-2);}

@media (max-width: 1300px) {.home_hero_content{flex: 1 30%} .home_hero_title{font-size: 3rem;}}
@media (max-width: 1200px) {
    .home_contenair{flex-direction: column;min-height: 0;} 
    .home-hero__content{align-items: center;} 
    .home_hero_title{min-width: 100%;text-align: center;}
    @media (max-width: 768px) {
    .home-hero__media1 {
        aspect-ratio: 3 / 2;
    }
}
    .home-hero__media1{flex:none;width: 100%;aspect-ratio: 8 / 5;}}
@media (max-width: 500px) {.home_hero_title{font-size: 2rem;} .home_actions{flex-direction: column;} /*.home-hero__media1{flex:none;height: 220px;}*/}

/* Bandeau */
.product-facts {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    padding: 1.4rem max(2rem, calc((100vw - 1300px) / 2));
    background: #f4f1e9;
}
.product-fact {
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    padding: 0.5rem 1rem;
}
.product-fact__icon {display: grid;width: 42px;height: 42px;flex: 0 0 42px;place-items: center;}
.product-fact__icon img {display: block;width: 100%;height: 100%;object-fit: contain;}
.product-fact strong,
.product-fact span {display: block;}
.product-fact strong {color: #191919;font-size: 0.9rem;}
.product-fact span {margin-top: 0.25rem;color: #626262;font-size: 0.72rem;}
@media (max-width: 767px) {
.product-facts {grid-template-columns: 1fr 1fr;padding: 0;}
.product-fact {min-height: 105px;justify-content: flex-start;padding: 1rem;border-top: 1px solid #dedad0;}
.product-fact:nth-child(odd) {border-right: 1px solid #dedad0;}
.product-fact__icon {width: 34px;height: 34px;flex-basis: 34px;}}
/* Caractéristiques */
.home-details {background-color: #ffff;padding: 20px;}
.home_container_details {display: flex;flex-direction: row;align-items: center;justify-content: center;}
.home-section-heading {width: 300px;display: flex;flex-direction: column;}
.home_details_one,.home_details_two{display: flex;flex-direction: row;justify-content: space-around;}
.home-detail img {width: 500px;height: 500px;border-radius: 5px;margin:10px}
@media (max-width: 1400px){ .home-detail img {width: 400px;height: 400px;border-radius: 5px;margin:10px}}
@media (max-width: 1250px) {.home-section-heading{width: 200px;}}
@media (max-width: 1060px) {.home_details_one,.home_details_two{flex-direction: column;} .home-details{display: flex;flex-direction: column;}.home-section-heading{width: 400px;}}
@media (max-width: 850px) {.home-details{display: flex;flex-direction: column;}.home-section-heading{width: 200px;}}
@media (max-width: 650px) {.home_container_details{flex-direction: column;}.home-section-heading{width: 300px;}}

/* Avis */
.home_container_review{display: flex;flex-direction: column;text-align: center;}
.home_container_review p {color: var(--color-text-muted);}

/* La marque */
.home_container_brand{display: flex;flex-direction: row;align-items: stretch;min-height: 400px;}
.home_brand_media{flex: 1 60%;margin: 0;}
.home_brand_media img {display: block;width: 100%;height: 600px;object-fit: cover;object-position: center;}
.home_brand_content{flex: 1 40%;background-color: #0E3B36;padding: 20px;display: flex;flex-direction: column;align-items: center;}
.home_brand_content h2 {color: azure;text-transform: uppercase;}
.home_brand_text{color:azure}
.btn_primary{background: var(--color-action);color: var(--color-text);}
.btn_primary:hover{background: var(--color-action-hover);color: var(--color-text-inverse);}
@media (max-width: 1300px) {
    .home_brand_media img{height: 500px;flex:1 50%}
    .home_brand_content{height: 500px;flex:1 50%}}
@media (max-width: 950px) {
    .home_brand_media img{height: 450px;flex:1 30%}
    .home_brand_content{height: auto;flex:1 70%}}
@media (max-width: 880px) {
    .home_container_brand{flex-direction: column;}
    .home_brand_media img{height: 450px;width: 100%;margin:0 auto}
    .home_brand_content{height: 450px;width: 100%;margin:0 auto}}
@media (max-width: 770px) {
    .home_container_brand{flex-direction: column;}
    .home_brand_media img{height: 300px;}
    .home_brand_content{height: 300px;}}

/* ============================================================
   GUIDES HOME
   ============================================================ */
.home-resources {background: #fff;}
.home_container_ressources {
    display: grid;
    grid-template-columns:
        minmax(240px, 0.9fr)
        repeat(3, minmax(0, 1fr));
    gap: 1.25rem;
    width: min(1400px, calc(100% - 2.5rem));
    margin-inline: auto;
    padding:clamp(2rem, 4vw, 3.5rem) 0;
}
/* ============================================================
   INTRO
   ============================================================ */
.home-section-article1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-right: clamp(1.5rem, 3vw, 3rem);
    border-right: 1px solid #aaa;
}
.home-section-article1 h2 {margin:0 0 0.8rem;}
/* ============================================================
   CARD
   ============================================================ */
.home_resources_article {
    display: flex;
    min-width: 0;
    flex-direction: column;
    overflow: hidden;
    border-radius: 5px;
    background: #fff;
    box-shadow:
        0 4px 16px rgba(17, 17, 26, 0.08),
        0 8px 24px rgba(17, 17, 26, 0.06);
}
/* ============================================================
   IMAGE
   ============================================================ */
.article_media {position: relative;display: block;overflow: hidden;aspect-ratio: 3 / 2;}
.article_media img {display: block;width: 100%;height: 100%;border-radius: 5px 5px 0 0;object-fit: cover;}
/* ============================================================
   BADGE
   ============================================================ */
.hero_image_badge {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    padding:0.25rem 0.5rem;
    border:1px solid rgba(206, 138, 42, 0.55);
    border-radius: 2px;
    background:rgba(6, 25, 21, 0.8);
}
.hero_image_badge span {color: #fff;font-size: 0.65rem;letter-spacing: 0.06em;text-transform: uppercase;}
/* ============================================================
   CONTENT
   ============================================================ */
.article_content {display: flex;flex: 1;flex-direction: column;align-items: center;padding:1rem 1rem 1.15rem;text-align: center;}
.title_article {margin: 0;color: var(--color-text-muted);font-size: 0.95rem;font-weight: 500;line-height: 1.45;}
.article_content .home-eyebrow {margin-top: auto;padding-top: 1rem;}
/* ============================================================
   TABLET / MOBILE
   ============================================================ */
@media (max-width: 1000px) {
    .home_container_ressources {grid-template-columns:repeat(2, minmax(0, 1fr));width:min(90%, 760px);}
    .home-section-article1 {
        grid-column: 1 / -1;
        padding-right: 0;
        padding-bottom: 1.5rem;
        border-right: 0;
        border-bottom: 1px solid #aaa;
        text-align: center;
    }
}
@media (max-width: 600px) {
    .home_container_ressources {grid-template-columns: 1fr;width: min(94%, 430px);gap: 1rem;}
    .article_media {aspect-ratio: 3 / 2;}
}
/* Bandeau réassurance */
/* ============================================================
   RÉASSURANCE
   ============================================================ */
.reassurance {
    padding: 1.5rem 1.25rem;
    border-top: 1px solid #dedbd4;
    border-bottom: 1px solid #dedbd4;
    background: #f8f6f1;
}
.reassurance__container {display: grid;grid-template-columns:repeat(4, minmax(0, 1fr));width: min(1180px, 100%);margin-inline: auto;}
/* ============================================================
   ITEM
   ============================================================ */
.reassurance__item {display: flex;min-width: 0;align-items: center;gap: 1rem;padding: 0.75rem 1.25rem;margin: 0;}
/* séparation légère entre les blocs */
.reassurance__item + .reassurance__item {border-left: 1px solid #ddd9d0;}
/* ============================================================
   ICON
   ============================================================ */
.reassurance__icon {display: block;width: 46px;height: 46px;flex: 0 0 46px;object-fit: contain;}
/* ============================================================
   CONTENT
   ============================================================ */
.reassurance__content {min-width: 0;}
.reassurance__content h3 {margin: 0;color: #171717;font-size: 0.84rem;font-weight: 800;line-height: 1.25;}
.reassurance__content p {margin: 0.35rem 0 0;color: #5d5d5d;font-size: 0.72rem;line-height: 1.4;}
/* ============================================================
   TABLET
   ============================================================ */
@media (max-width: 900px) {
    .reassurance__container {grid-template-columns:repeat(2, minmax(0, 1fr));}
    .reassurance__item {padding: 1rem;}
    /*
     * On recrée proprement les séparations
     * pour la grille 2x2.
     */
    .reassurance__item + .reassurance__item {border-left: 0;}
    .reassurance__item:nth-child(even) {border-left: 1px solid #ddd9d0;}
    .reassurance__item:nth-child(n + 3) {border-top: 1px solid #ddd9d0;}
}
/* ============================================================
   MOBILE
   ============================================================ */
@media (max-width: 520px) {
    .reassurance {padding: 0;}
    .reassurance__container {grid-template-columns: 1fr;}
    .reassurance__item {min-height: 82px;padding:1rem 1.25rem;border: 0;}
    .reassurance__item + .reassurance__item {border-top: 1px solid #ddd9d0;border-left: 0;}
    .reassurance__item:nth-child(even) {border-left: 0;}
    .reassurance__icon {width: 42px;height: 42px;flex-basis: 42px;}
    .reassurance__content h3 {font-size: 0.88rem;}
    .reassurance__content p {font-size: 0.74rem;}}
/* ============================================================
   ACCESSIBILITY
   ============================================================ */
.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}