@charset "UTF-8";
@import url(main.css);
.video-background-holder { display: none; }

.display-6.titles.fw-bold.text-body-emphasis.lh-1.mb-5.first-activity-title { letter-spacing: 1px; }

.fs-6.lead.mt-4.mb-4 p { color: #f6e8cd; font-size: 16px; line-height: 1.6; opacity: 0.9; font-weight: 400; }

.b-bloc-divider { height: 40px !important; background-color: transparent !important; border: none !important; box-shadow: none !important; }

.background-image-div-opacity { background-attachment: scroll; }

a.grow.button_header.text-color-fourth.mx-3.mx-lg-2.my-2.my-lg-1.p-2.rounded-pill.text-decoration-none.button-header-telephone { background-color: #4c3117; background-image: url("https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2Fhyw02Yom3vU04sg748qtSsXgSOd2%2Fimages%2FCapture_decran_2026-06-17_162208_swq6.webp"); background-size: cover; background-position: center; background-repeat: no-repeat; border-radius: 10px !important; border: 2px solid #eadab9; position: relative; color: #f7e9ce !important; padding: 10px 14px !important; font-weight: 600; }

.navbar-brand { height: 9vh !important; width: 9vw !important; }

.logo_nav { height: 9vh !important; }

.navbar { box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1); /* Optionnel : ajoute une ombre subtile */ }

@media (max-width: 900px) { a.navbar-brand { height: 8vh !important; width: 11vh !important; } }

footer > div.row.justify-content-center.justify-content-lg-around.text-center.text-lg-start > div:nth-child(3) > div:nth-child(2) > p { font-size: 0; }

footer > div.row.justify-content-center.justify-content-lg-around.text-center.text-lg-start > div:nth-child(3) > div:nth-child(2) > p::before { content: "Basé à Ploumagoar (22970)"; font-size: 16px; }

.fs-6.lead { color: #f6e8cd; font-size: 16px; line-height: 1.6; opacity: 0.9; font-weight: 400; }

a.fw-light.grow.button_header.text-color-fourth.rounded-pill.p-2.text-decoration-none.all-activities-button { background-color: #4c3117; background-image: url("https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2Fhyw02Yom3vU04sg748qtSsXgSOd2%2Fimages%2FCapture_decran_2026-06-17_162208_swq6.webp"); background-size: cover; background-position: center; background-repeat: no-repeat; border-radius: 10px !important; border: 2px solid #eadab9; position: relative; color: #f7e9ce !important; padding: 10px 14px !important; font-weight: 600 !important; }

h3.fs-2.py-5.my-5.my-5.lh-1.fw-bold { color: #f7e9ce !important; }

.display-5.titles.mt-lg-5.mx-5.mb-2.fw-bold.text-body-emphasis.first-banner-seo-page-title h1 { font-weight: 600 !important; color: #f7e9ce; }

a.p-3.fw-bold.fs-6.m-2.phone-number-button.text-decoration-none { background-color: #4c3117; background-image: url("https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2Fhyw02Yom3vU04sg748qtSsXgSOd2%2Fimages%2FCapture_decran_2026-06-17_162208_swq6.webp"); background-size: cover; background-position: center; background-repeat: no-repeat; border-radius: 10px !important; border: 2px solid #eadab9; position: relative; color: #f7e9ce !important; padding: 10px 14px !important; font-weight: 600; }

span.display-5.fw-bold.text-body-emphasis.titles { color: #442a13; }

h2.display-6.fw-bold.p-3.pt-lg-3.m-0.titles { color: #442a13; }

h2.display-6.fw-bold.p-3.pt-lg-3.titles { color: #442a13; }

.px-5.pt-5.display-6.text-color-primary.titles { color: #f7e9ce !important; }

span.display-4.fw-bold.lh-1.text-body-emphasis.mb-3.titles { color: #442a13; }

a.button_homepageDoubleScreen.first-banner-seo-page-button.text-color-fourth.p-3.fs-6.fw-bold.m-2 { background-color: #4c3117; background-image: url("https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2Fhyw02Yom3vU04sg748qtSsXgSOd2%2Fimages%2FCapture_decran_2026-06-17_162208_swq6.webp"); background-size: cover; background-position: center; background-repeat: no-repeat; border-radius: 10px !important; border: 2px solid #eadab9; position: relative; color: #f7e9ce !important; padding: 12px 20px !important; margin-top: 30px !important; }

a.button_homepageDoubleScreen.ctaLinks-button.text-color-fourth.p-3.fs-6.fw-bold.m-2 { background-color: #4c3117; background-image: url("https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2Fhyw02Yom3vU04sg748qtSsXgSOd2%2Fimages%2FCapture_decran_2026-06-17_162208_swq6.webp"); background-size: cover; background-position: center; background-repeat: no-repeat; border-radius: 10px !important; border: 2px solid #eadab9; position: relative; color: #f7e9ce !important; padding: 14px 24px !important; }

h1.display-4.fw-bold.bandeauTitre.titles.text-color-seventh { color: #f7e9ce !important; }

.nav-link { color: #442a13 !important; font-family: 'Noto Serif'; }

a.dropdown-item.text-color-fourth { color: #f7e9ce !important; }

/* =========================== HEADER IMAGE – PAGES SECONDAIRES =========================== */
.qualicoat-page-header { position: relative; width: 100%; height: 55vh; min-height: 380px; overflow: hidden; background-color: #F7E9CE; /* fond beige */ }

/* Image de fond */
.qualicoat-page-header__bg { position: absolute; inset: 0; background-size: cover; background-position: center; background-repeat: no-repeat; z-index: 0; }

/* Overlay */
.qualicoat-page-header__overlay { position: absolute; inset: 0; background: linear-gradient(135deg, rgba(76, 49, 23, 0.7), rgba(76, 49, 23, 0.5)); z-index: 1; pointer-events: none; }

/* Container */
.qualicoat-page-header__container { position: relative; z-index: 2; max-width: 1300px; margin: 0 auto; padding: 0 20px; display: grid; grid-template-columns: 2fr 1fr; align-items: center; gap: 60px; }

/* Texte + ligne */
.qualicoat-page-header__content { display: flex; align-items: center; gap: 40px; margin-top: 130px; }

.qualicoat-page-header__line { width: 4px; background-color: #f6e8cd; /* marron foncé */ height: 200px; }

/* Texte */
.qualicoat-page-header__text h1 { font-size: 48px; color: #f6e8cd; line-height: 1.1; margin-bottom: 15px; font-weight: 600 !important; letter-spacing: 1px; }

.qualicoat-page-header__text p { color: #f6e8cd; line-height: 1.6; margin-bottom: 10px; font-size: 17px; opacity: 0.9; }

/* Bouton */
.qualicoat-page-header__cta { display: flex; justify-content: flex-end; }

.qualicoat-page-header__button { display: inline-block; padding: 18px 30px; text-decoration: none; font-weight: 600; transition: all 0.3s ease; margin-top: 100px; background-image: url("https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2Fhyw02Yom3vU04sg748qtSsXgSOd2%2Fimages%2FCapture_decran_2026-06-19_101716_836r.webp") !important; background-size: cover !important; background-position: center; background-repeat: no-repeat !important; border-radius: 10px; border: 2px solid #7c593e; position: relative; background: #F7E9CE; color: #4c3117 !important; }

.qualicoat-page-header__button:hover { transform: translateY(-2px); }

/* =========================== RESPONSIVE =========================== */
@media (max-width: 900px) { .qualicoat-page-header__container { grid-template-columns: 1fr; text-align: center; justify-items: center; gap: 30px; } .qualicoat-page-header__content { flex-direction: column; align-items: center; gap: 20px; margin-top: 80px; } .qualicoat-page-header__line { width: 60px; height: 4px; margin: 0 auto; } .qualicoat-page-header__text h1 { font-size: 38px; } .qualicoat-page-header__cta { justify-content: center; } .qualicoat-page-header__button { margin-top: 0px; } }

@media (max-width: 600px) { .qualicoat-page-header { min-height: 550px; padding: 40px 20px; } .qualicoat-page-header__text h1 { font-size: 32px; } }

/* =========================== ZONE D'INTERVENTION =========================== */
.qualicoat-zone { padding: 110px 6%; background: #F7E9CE; /* beige */ background-image: url("https://www.transparenttextures.com/patterns/cream-paper.png"), linear-gradient(139deg, rgba(246, 232, 205, 0.15), rgba(246, 232, 205, 0.2), #f6e8cd); background-blend-mode: multiply; background-size: auto, cover; }

/* container */
.qualicoat-zone__container { max-width: 1300px; margin: 0 auto; display: flex; align-items: center; gap: 70px; }

/* =========================== TEXTE =========================== */
.qualicoat-zone__content { flex: 1; }

.qualicoat-zone__title { font-size: 38px; color: #4c3117; font-weight: 600 !important; margin-bottom: 30px; line-height: 1.2; letter-spacing: 1px; }

.qualicoat-zone__text { font-size: 17px; line-height: 1.7; color: #462a12; }

/* =========================== IMAGE =========================== */
.qualicoat-zone__image { flex: 1; }

.qualicoat-zone__image img { width: 100%; height: 450px; object-fit: cover; border-radius: 14px; box-shadow: 0 20px 50px rgba(0, 0, 0, 0.12); }

/* =========================== RESPONSIVE =========================== */
@media screen and (max-width: 900px) { .qualicoat-zone__container { flex-direction: column; } .qualicoat-zone__image img { height: 260px; } .qualicoat-zone__title { font-size: 32px; } }

/* =========================== TESTIMONIALS - QUALI'COAT =========================== */
.qualicoat-testimonials { padding: 100px 40px; position: relative; overflow: hidden; background-color: #4c3117; /* 🔥 base marron bois */ color: #F7E9CE; background: url("https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2Fhyw02Yom3vU04sg748qtSsXgSOd2%2Fimages%2FChatGPT_Image_17_juin_2026_12_28_45_v3ck.webp"); background-size: cover; background-position: center; background-repeat: no-repeat; }

/* =========================== OVERLAY GRAIN + DÉGRADÉ =========================== */
.qualicoat-testimonials__overlay { position: absolute; inset: 0; z-index: 1; background-image: url("https://www.transparenttextures.com/patterns/cream-paper.png"), linear-gradient(160deg, rgba(35, 22, 12, 0.92), rgba(76, 49, 23, 0.75), rgba(76, 49, 23, 0.55)); background-blend-mode: multiply; background-size: auto, cover; pointer-events: none; }

/* container */
.qualicoat-testimonials__container { max-width: 1200px; margin: 0 auto; text-align: center; position: relative; z-index: 2; }

.qualicoat-testimonials__title { font-size: 40px; font-weight: 600 !important; margin-bottom: 40px; letter-spacing: 1px; }

/* carousel */
.qualicoat-testimonials__carousel { position: relative; padding: 0 90px; }

.qualicoat-testimonials__wrapper { overflow: hidden; }

.qualicoat-testimonials__track { display: flex; transition: transform 0.5s ease; }

/* item */
.qualicoat-testimonials__item { min-width: 100%; padding: 40px 20px; opacity: 0; transition: opacity 0.4s ease; }

.qualicoat-testimonials__item.active { opacity: 1; }

.qualicoat-testimonials__quote { font-size: 18px; line-height: 1.8; color: rgba(247, 233, 206, 0.9); margin-bottom: 30px; }

.qualicoat-testimonials__author { font-weight: 600; color: #F7E9CE; }

/* stars */
.qualicoat-testimonials__stars { color: #F7E9CE; letter-spacing: 3px; font-size: 18px; margin-bottom: 20px; }

/* nav */
.qualicoat-testimonials__nav { position: absolute; top: 50%; transform: translateY(-50%); width: 50px; height: 50px; background: rgba(247, 233, 206, 0.15); border: 1px solid rgba(247, 233, 206, 0.4); color: #F7E9CE; cursor: pointer; font-size: 28px; display: flex; align-items: center; justify-content: center; border-radius: 10px; transition: 0.3s ease; }

.qualicoat-testimonials__nav:hover { background: rgba(247, 233, 206, 0.25); }

.qualicoat-testimonials__nav.prev { left: 0; }

.qualicoat-testimonials__nav.next { right: 0; }

/* dots */
.qualicoat-testimonials__dots { margin-top: 40px; display: flex; justify-content: center; gap: 10px; }

.qualicoat-testimonials__dot { width: 10px; height: 10px; border-radius: 50%; background: rgba(247, 233, 206, 0.3); border: none; cursor: pointer; }

.qualicoat-testimonials__dot.active { width: 30px; border-radius: 5px; background: #F7E9CE; }

/* responsive */
@media (max-width: 768px) { .qualicoat-testimonials { padding: 60px 20px; } .qualicoat-testimonials__title { font-size: 32px; } .qualicoat-testimonials__carousel { padding: 0 40px; } }

/* =========================== GALLERY - QUALI'COAT =========================== */
.qualicoat-gallery { padding: 110px 6%; background: #4c3117; /* 🔥 marron bois */ background-image: url("https://www.transparenttextures.com/patterns/cream-paper.png"), linear-gradient(327deg, rgba(240, 225, 198, 0.95), rgba(240, 225, 198, 0.7), rgba(240, 225, 198, 0)); background-blend-mode: multiply; background-size: auto, cover; }

/* =========================== HEADER =========================== */
.qualicoat-gallery__head { max-width: 1300px; margin: 0 auto 70px; display: flex; justify-content: space-between; align-items: flex-end; gap: 60px; }

.qualicoat-gallery__head-left { max-width: 700px; }

.qualicoat-gallery__head-left h2 { font-size: 42px; color: #F7E9CE; margin-bottom: 15px; font-weight: 600 !important; letter-spacing: 1px; }

.qualicoat-gallery__head-left p { color: #f6e8cd; font-size: 16px; line-height: 1.6; opacity: 0.9; }

/* BUTTON */
.qualicoat-gallery__btn { display: inline-flex; padding: 18px 30px; font-size: 16px; background-image: url("https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2Fhyw02Yom3vU04sg748qtSsXgSOd2%2Fimages%2FCapture_decran_2026-06-19_101716_836r.webp") !important; background-size: cover !important; background-position: center; background-repeat: no-repeat !important; border-radius: 10px; border: 2px solid #7c593e; position: relative; background: #F7E9CE; color: #4c3117; text-decoration: none; font-weight: 600; margin-bottom: 20px; transition: 0.3s ease; }

.qualicoat-gallery__btn:hover { transform: translateY(-3px); }

/* =========================== GRID =========================== */
.qualicoat-gallery__grid { display: grid; grid-template-columns: repeat(4, 1fr); grid-auto-rows: 280px; gap: 14px; max-width: 1300px; margin: 0 auto; }

/* ITEM */
.qualicoat-gallery__item { position: relative; overflow: hidden; border-radius: 14px; cursor: pointer; }

.qualicoat-gallery__item img { width: 100%; height: 100%; object-fit: cover; transition: 0.6s ease; }

.qualicoat-gallery__item:hover img { transform: scale(1.08); }

.qualicoat-gallery__item--large { grid-row: span 2; }

/* =========================== LIGHTBOX QUALI'COAT =========================== */
.qualicoat-lightbox { position: fixed; inset: 0; background: rgba(20, 12, 6, 0.92); display: none; align-items: center; justify-content: center; z-index: 9999; padding: 40px; }

.qualicoat-lightbox.active { display: flex; }

.qualicoat-lightbox img { max-width: 90%; max-height: 85vh; border-radius: 12px; box-shadow: 0 25px 80px rgba(0, 0, 0, 0.6); }

/* CROIX */
.qualicoat-lightbox__close { position: absolute; top: 25px; right: 30px; font-size: 40px; color: #F7E9CE; cursor: pointer; user-select: none; transition: 0.2s ease; }

.qualicoat-lightbox__close:hover { transform: scale(1.2); }

/* =========================== RESPONSIVE =========================== */
@media (max-width: 900px) { .qualicoat-gallery__grid { grid-template-columns: repeat(2, 1fr); } .qualicoat-gallery__head { flex-direction: column; align-items: flex-start; } }

@media (max-width: 560px) { .qualicoat-gallery__grid { grid-template-columns: 1fr; grid-auto-rows: 320px; } .qualicoat-gallery__btn { width: 100%; text-align: center; } }

/* =========================== SERVICES - QUALI'COAT =========================== */
.qualicoat-services { background: #F7E9CE; padding-bottom: 120px; background-image: url(https://www.transparenttextures.com/patterns/cream-paper.png), linear-gradient(327deg, rgba(240, 225, 198, 0.95), rgba(240, 225, 198, 0.7), rgba(240, 225, 198, 0)); background-blend-mode: multiply; background-size: auto, cover; }

/* =========================== HERO BACKGROUND FULL WIDTH =========================== */
.qualicoat-services__hero { position: relative; width: 100vw; margin-left: calc(-50vw + 50%); height: 320px; background-image: url("https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2Fhyw02Yom3vU04sg748qtSsXgSOd2%2Fimages%2FChatGPT_Image_18_juin_2026_14_33_02_sdxs.webp"); background-size: cover; background-position: center; }

/* overlay */
.qualicoat-services__overlay { position: absolute; inset: 0; }

/* =========================== TOP GRID (CARDS OVERLAY) =========================== */
.qualicoat-services__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 50px; max-width: 1300px; margin: 0 auto; position: relative; z-index: 2; }

.qualicoat-services__grid--top { position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 50%); width: 100%; max-width: 1300px; z-index: 3; }

/* =========================== CARD STYLE =========================== */
.qualicoat-services__card { background: #fff; border-radius: 14px; padding: 50px 25px 30px; text-align: center; box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12); position: relative; /* IMPORTANT pour l’icône */ }

/* =========================== ICON FLOATING (OVER CARD) =========================== */
.qualicoat-services__icon { position: absolute; top: -28px; /* 🔥 déborde au-dessus */ left: 50%; transform: translateX(-50%); width: 85px; height: 85px; display: flex; align-items: center; justify-content: center; background: #4c3117; color: #F7E9CE; font-size: 26px; border-radius: 12px; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2); overflow: hidden; /* important pour l'image */ }

.qualicoat-services__icon img { width: 80%; height: 80%; object-fit: contain; }

/* TEXT */
.qualicoat-services__card h3 { margin-top: 40px; color: #4c3117; font-size: 25px; font-weight: 600 !important; }

.qualicoat-services__card p { color: #462a12; font-size: 16px; line-height: 1.6; margin: 20px 0; opacity: 0.9; }

/* LINK */
.qualicoat-services__card a { color: #51321b; font-weight: 600; text-decoration: none; display: inline-flex; gap: 6px; transition: transform 0.3s ease; }

.qualicoat-services__card a:hover { transform: translateX(4px); color: #51321b; }

/* =========================== BOTTOM GRID =========================== */
.qualicoat-services__grid--bottom { margin-top: 240px; }

/* =========================== RESPONSIVE (MOBILE & TABLETTE) =========================== */
@media (max-width: 1024px) { /* 1. Le Hero redevient une vraie bannière fixe en haut */ .qualicoat-services__hero { height: 200px; /* Ajuste cette hauteur selon tes préférences pour la bannière */ margin-left: 0; width: 100%; position: relative; } /* 2. On sort complètement la grille du haut du flux du Hero */ .qualicoat-services__grid--top { position: static; transform: none; padding-top: 130px !important; } /* 3. On uniformise l'espace et les marges pour TOUTES les grilles */ .qualicoat-services__grid { grid-template-columns: repeat(2, 1fr); gap: 50px 30px; /* On applique le même alignement et les mêmes marges partout */ width: auto; max-width: 100%; margin: 0 auto; padding: 0 20px; /* C'est ça qui va créer le parfait espace sur les côtés pour la première carte ! */ box-sizing: border-box; } /* 4. On réduit l'espace de la grille du bas puisqu'elle suit naturellement */ .qualicoat-services__grid--bottom { margin-top: 1090px; } }

@media (max-width: 768px) { /* 5. Passage à 1 seule colonne pour les mobiles (les 6 cartes à la suite) */ .qualicoat-services__grid { grid-template-columns: 1fr; gap: 50px; /* Espace vertical suffisant pour laisser respirer les icônes qui débordent */ } /* Optionnel : Ajustement des textes sur mobile pour un meilleur confort visuel */ .qualicoat-services__card h3 { font-size: 24px; } }

/* =========================== ABOUT - QUALI'COAT =========================== */
.qualicoat-about { padding: 120px 6%; background-color: #513318; background-image: url("https://www.transparenttextures.com/patterns/cream-paper.png"), linear-gradient(327deg, rgba(240, 225, 198, 0.95), rgba(240, 225, 198, 0.7), rgba(240, 225, 198, 0)); background-blend-mode: multiply; background-size: auto, cover; }

.qualicoat-about { position: relative; overflow: hidden; }

/* image en transparence */
.qualicoat-about::after { content: ""; position: absolute; top: 150px; right: -120px; transform: translateY(-50%); width: 520px; height: 520px; background-image: url("https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2Fhyw02Yom3vU04sg748qtSsXgSOd2%2Fimages%2FImage_fond_qqh5.webp"); background-size: contain; background-repeat: no-repeat; background-position: center; opacity: 0.1; /* 👈 transparence très légère */ z-index: 0; pointer-events: none; }

.qualicoat-about__container { max-width: 1300px; margin: 0 auto; display: flex; align-items: center; gap: 80px; position: relative; z-index: 1; }

/* IMAGE */
.qualicoat-about__image { flex: 1; }

.qualicoat-about__image img { width: 100%; height: 520px; object-fit: cover; border-radius: 12px; box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15); }

/* TEXTE */
.qualicoat-about__content { flex: 1; }

.qualicoat-about__title { font-size: 42px; color: #f6e8cd; font-weight: 600 !important; margin-bottom: 30px; line-height: 1.2; letter-spacing: 1px; }

.qualicoat-about__text { font-size: 17px; line-height: 1.7; color: #f6e8cd; margin-bottom: 15px; opacity: 0.9; }

/* =========================== RESPONSIVE =========================== */
@media screen and (max-width: 900px) { .qualicoat-about__container { flex-direction: column; } .qualicoat-about__title { font-size: 32px; } .qualicoat-gallery__head-left h2 { font-size: 32px; } }

/* =========================== HERO ACCUEIL - QUALI'COAT =========================== */
.qualicoat-home-hero { position: relative; height: 100vh; overflow: hidden; color: #F7E9CE; background-image: url("https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2Fhyw02Yom3vU04sg748qtSsXgSOd2%2Fimages%2FChatGPT_Image_17_juin_2026_12_28_45_v3ck.webp"); background-size: cover; background-position: center; background-repeat: no-repeat; }

/* =========================== OVERLAY AVEC EFFET GRAIN =========================== */
.qualicoat-home-hero__filter { position: absolute; inset: 0; z-index: 1; /* On superpose : 1) Le motif de grain et 2) Ton dégradé initial */ background-image: url("https://www.transparenttextures.com/patterns/cream-paper.png"), linear-gradient(327deg, rgba(240, 225, 198, 0.95), rgba(240, 225, 198, 0.7), rgba(240, 225, 198, 0)); /* Le mode de fusion indispensable pour marier le grain avec le dégradé et l'image de fond */ background-blend-mode: multiply; /* Permet au grain de ne pas devenir énorme si l'écran est grand */ background-size: auto, cover; }

/* =========================== CONTENT =========================== */
.qualicoat-home-hero__content { position: relative; z-index: 2; height: 100vh; padding: 20px 6% 90px; display: flex; flex-direction: column; justify-content: flex-end; gap: 8vh; }

/* =========================== TOP =========================== */
.qualicoat-home-hero__title-area { max-width: 900px; padding-top: 70px; }

.qualicoat-home-hero__logo { display: block; width: 260px; max-width: 100%; height: auto; }

.qualicoat-home-hero__title { margin: 0; max-width: 780px; font-size: 50px; line-height: 1.12; letter-spacing: 1px; color: #513318; font-weight: 600; }

/* =========================== BOTTOM =========================== */
.qualicoat-home-hero__bottom { display: flex; align-items: flex-end; justify-content: space-between; gap: 50px; }

/* =========================== BUTTON ÉCORCE =========================== */
.qualicoat-home-hero__button { display: inline-flex; align-items: center; justify-content: center; min-width: 260px; padding: 20px 34px; color: #efdfc0; text-decoration: none; font-size: 16px; font-weight: 600; background-color: #4c3117; background-image: url("https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2Fhyw02Yom3vU04sg748qtSsXgSOd2%2Fimages%2FCapture_decran_2026-06-17_162208_swq6.webp"); background-size: cover; background-position: center; background-repeat: no-repeat; border-radius: 10px; border: 2px solid #eadab9; position: relative; transition: all 0.3s ease; }

/* effet hover corrigé */
.qualicoat-home-hero__button:hover { transform: translateY(-2px); }

/* =========================== TEXTE =========================== */
.qualicoat-home-hero__text { max-width: 570px; margin: 0; font-size: 18px; line-height: 1.6; color: #4c3117; font-weight: 500; }

/* =========================== RESPONSIVE (Mobiles & Tablettes) =========================== */
@media screen and (max-width: 768px) { .qualicoat-home-hero { height: auto; min-height: 100vh; /* Permet au contenu de s'adapter si le texte prend de la place */ } .qualicoat-home-hero__content { height: auto; min-height: 100vh; padding: 40px 24px 60px; /* Marges adaptées au mobile */ justify-content: center; gap: 30px; /* Espace entre le bloc du haut (logo/H1) et du bas (texte/bouton) */ } .qualicoat-home-hero__logo { width: 220px; } /* Zone Titre & Logo */ .qualicoat-home-hero__title-area { display: flex; flex-direction: column; align-items: flex-start; gap: 24px; /* Espace entre le logo et le H1 */ padding-top: 0; } .qualicoat-home-hero__title { font-size: 34px; /* Taille réduite pour mobile */ max-width: 100%; } /* Zone Bas (Texte & Bouton) */ .qualicoat-home-hero__bottom { display: flex; flex-direction: column; /* Empilement vertical */ align-items: flex-start; /* Aligné à gauche */ gap: 40px; /* Espace entre le texte et le bouton */ width: 100%; } /* --- INVERSION DE L'ORDRE ICI --- */ .qualicoat-home-hero__text { max-width: 100%; font-size: 16px; order: 1; /* S'affiche en premier dans le conteneur du bas */ } .qualicoat-home-hero__button { order: 2; /* S'affiche en deuxième, donc après le texte */ width: 100%; max-width: 290px; /* Évite que le bouton soit trop large sur tablette */ } }

/*# sourceMappingURL=custom.css.map */