/* ============================================
   INDEX.CSS - PAGE D'ACCUEIL OPTIMISÉE
   VERSION NETTOYÉE - Suppression code mort
   ============================================

   SECTIONS :
   1. Variables CSS additionnelles
   2. Conteneur principal et Hero Desktop
   3. Hero Mobile
   4. Bandeau déroulant de logos
   5. Sections Prestations
   6. Contact et Séparateurs
   7. Section Abécédaire
   8. Section RDV (avec TidyCal)
   9. Footer
   10. Media Queries Responsive

   ✅ NETTOYAGE EFFECTUÉ :
   - Supprimé .homepage-final-container20 (code mort - absent du HTML)
   - Supprimé bloc contact 1 complet (13 classes - doublon inutilisé de contact 2)

   ============================================ */

/* ============================================
   1. VARIABLES CSS ADDITIONNELLES
   ============================================ */
:root {
  /* Hauteurs réutilisables */
  --homepage-contact-height: 100px;
  --homepage-separator-height: 1px;

  /* Transitions standardisées */
  --homepage-transition-default: 0.3s;
  --homepage-transition-slow: 0.4s;

  /* Largeurs sections */
  --homepage-section-width-80: 80%;
  --homepage-section-width-90: 90%;
}

/* ============================================
   2. CONTENEUR PRINCIPAL ET HERO DESKTOP
   ============================================ */

/* Conteneur racine de la page */
.homepage-final-container10 {
  width: 100%;
  display: flex;
  min-height: 100vh;
  align-items: center;
  flex-direction: column;
  background-color: #070707;
  overflow-x: hidden;
}

/* Hero section version desktop */
.homepage-final-hero-desk {
  flex: 0 0 auto;
  width: 100%;
  display: flex;
  font-size: 4rem;
  max-height: 100%;
  align-items: flex-start;
  flex-direction: column;
}

/* Container principal du hero avec gradient radial */
.homepage-final-container-hero {
  flex: 0 0 auto;
  width: 100%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  background-image: radial-gradient(circle at center, rgb(5, 11, 36) 1.00%, rgb(7, 7, 7) 72.00%, rgb(7, 7, 7) 97.00%);
}

/* Partie haute du hero (portrait + titre) */
.homepage-final-top-hero {
  flex: 0 0 auto;
  width: 100%;
  display: flex;
  align-items: flex-start;
  flex-direction: row-reverse;
}

/* Container du portrait */
.homepage-final-portrait {
  flex: 0 0 auto;
  width: 36%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}

/* Image portrait */
.homepage-final-image10 {
  width: 100%;
  object-fit: cover;
}

/* Container du titre principal et informations */
.homepage-final-container-main-title {
  flex: 0 0 auto;
  width: 64%;
  display: flex;
  overflow: hidden;
  font-size: 6vw;
  align-self: stretch;
  margin-top: var(--dl-layout-space-threeunits);
  align-items: stretch;
  margin-left: 0px;
  padding-left: var(--dl-layout-space-twounits);
  margin-bottom: var(--dl-layout-space-unit);
  flex-direction: column;
  justify-content: space-between;
}

/* Sous-titre "Consultant · Growth Ops · PhD" */
.homepage-final-text11 {
  fill: #fbfaf9;
  color: #fbfaf9;
  font-size: clamp(1.5rem, 4vw, 4rem);
  align-self: center;
}

/* Titre "Spécialiste branding & product marketing" */
.homepage-final-text12 {
  fill: #fbfaf9;
  color: #fbfaf9;
  font-size: clamp(1.2rem, 4vw, 3rem);
  align-self: center;
  text-align: center;
}

/* Slogan orange en italique */
.homepage-final-text13 {
  color: #f37021;
  width: 85%;
  font-size: clamp(1rem, 2.5vw, 1.8rem);
  align-self: center;
  font-style: italic;
  text-align: center;
  font-family: "Inter";
  font-weight: 300;
  padding-top: var(--dl-layout-space-unit);
  padding-bottom: var(--dl-layout-space-unit);
}

/* Section certifications (logos Cialdini, UPC, GAIQ, RS) */
.homepage-final-certifications {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}

/* Container des logos de certification */
.homepage-final-container11 {
  flex: 0 0 auto;
  width: 100%;
  display: flex;
  align-self: stretch;
  padding-top: var(--dl-layout-space-unit);
  flex-direction: row;
  padding-bottom: var(--dl-layout-space-unit);
  justify-content: center;
}

/* Logos de certification - Effet hover standardisé */
.homepage-final-image11,
.homepage-final-image12,
.homepage-final-image13,
.homepage-final-image14 {
  width: 10%;
  object-fit: cover;
  margin-left: var(--dl-layout-space-unit);
  margin-right: var(--dl-layout-space-unit);
  transition: transform var(--homepage-transition-default);
}

/* Effet hover sur logo Cialdini (rotation légère) */
.homepage-final-image11:hover {
  transform: scale(1.1) skewY(-2deg);
}

/* Effet hover sur autres logos (simple agrandissement) */
.homepage-final-image12:hover,
.homepage-final-image13:hover,
.homepage-final-image14:hover {
  transform: scale(1.1);
}

/* ============================================
   3. HERO MOBILE
   ============================================ */

/* Hero version mobile (caché en desktop) */
.homepage-final-mobile-hero {
  flex: 0 0 auto;
  display: none;
  align-items: flex-start;
  flex-direction: column;
}

/* Écran overlay avec fond semi-transparent */
.homepage-final-ecran {
  top: 0px;
  flex: 1;
  left: 0px;
  right: 0px;
  width: 100%;
  bottom: 0px;
  height: 100%;
  margin: auto;
  display: flex;
  z-index: 75;
  position: absolute;
  min-width: 100%;
  min-height: 100%;
  align-items: stretch;
  border-color: rgba(120, 120, 120, 0.4);
  border-style: hidden;
  border-width: 2px;
  flex-direction: column;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.25);
}

/* Containers mobiles pour le contenu */
.homepage-final-container-mobile-lvl1,
.homepage-final-container-mobile-lvl2 {
  flex: 0 0 auto;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}

/* Nom "Guillaume Mouleux" en mobile */
.homepage-final-text17 {
  font-size: 4rem;
  align-self: stretch;
  font-style: normal;
  font-family: "Inter";
  font-weight: 700;
}

/* Sous-titre mobile */
.homepage-final-text18 {
  fill: var(--dl-color-theme-neutral-light);
  color: var(--dl-color-theme-neutral-light);
  font-size: 2.5rem;
  align-self: flex-start;
  padding-top: var(--dl-layout-space-unit);
  padding-bottom: var(--dl-layout-space-unit);
}

/* Texte "Consultant · Growth Ops · PhD" mobile */
.homepage-final-text19 {
  fill: var(--dl-color-theme-neutral-light);
}

/* Spécialité mobile */
.homepage-final-text21 {
  font-size: 2rem;
  align-self: flex-start;
  padding-top: var(--dl-layout-space-unit);
  padding-bottom: var(--dl-layout-space-unit);
}

/* ============================================
   4. BANDEAU DÉROULANT DE LOGOS
   ============================================ */

/* Section bandeau avec gradient */
.homepage-final-bandeau1 {
  flex: 0 0 auto;
  width: 100%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  background-image: linear-gradient(270deg, rgb(5, 11, 36) 1.00%, rgb(7, 7, 7) 72.00%, rgb(7, 7, 7) 97.00%);
}

/* Slider avec hauteur viewport et overflow hidden */
.homepage-final-slider1 {
  width: 100%;
  height: 5vh;
  display: flex;
  overflow: hidden;
  transform: skewX(0deg) skewY(0deg);
  align-items: center;
  flex-direction: row;
  background-color: var(--dl-color-theme-neutral-light);
}

/* Containers pour le défilement (NE PAS TOUCHER - logique animation) */
.homepage-final-container12 {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.homepage-final-container13 {
  display: contents;
}

/* ============================================
   5. SECTIONS PRESTATIONS
   ============================================ */

/* Titres des catégories de prestations */
.homepage-final-titre1,
.homepage-final-titre2,
.homepage-final-titre3 {
  flex: 0 0 auto;
  width: 40%;
  height: 100%;
  display: flex;
  align-items: flex-start;
}

.homepage-final-titre1,
.homepage-final-titre3 {
  justify-content: center;
}

.homepage-final-titre2 {
  justify-content: flex-start;
}

/* Containers de contenu des prestations */
.homepage-final-container14,
.homepage-final-container16,
.homepage-final-container18 {
  flex: 0 0 auto;
  width: 60%;
  height: 100%;
  display: flex;
  align-items: flex-start;
  padding-top: var(--dl-layout-space-twounits);
  flex-direction: column;
  padding-bottom: var(--dl-layout-space-twounits);
  justify-content: space-between;
}

/* Containers internes (listes de prestations) */
.homepage-final-container15,
.homepage-final-container19 {
  flex: 0 0 auto;
  height: 100%;
  display: flex;
  align-self: center;
  flex-direction: column;
  justify-content: space-between;
  list-style: none;
}

.homepage-final-container17 {
  flex: 0 0 auto;
  height: 100%;
  display: flex;
  align-self: left;
  flex-direction: column;
  justify-content: space-between;
  list-style: none;
}

.homepage-final-container17,
.homepage-final-container19 {
  align-items: flex-start;
}

/* Titre "Audit & Stratégie" */
.homepage-final-text22 {
  fill: #fbfaf9;
  color: #fbfaf9;
  align-self: center;
  text-align: center;
  transition: transform var(--homepage-transition-default);
}

/* Textes des sous-catégories - Effet hover unifié */
.homepage-final-text24,
.homepage-final-text25,
.homepage-final-text27,
.homepage-final-text28,
.homepage-final-text29,
.homepage-final-text31,
.homepage-final-text32,
.homepage-final-text33 {
  fill: #fbfaf9;
  color: #fbfaf9;
  font-size: 2rem;
  transition: transform var(--homepage-transition-slow);
}

.homepage-final-text24:hover,
.homepage-final-text25:hover,
.homepage-final-text27:hover,
.homepage-final-text28:hover,
.homepage-final-text29:hover,
.homepage-final-text31:hover,
.homepage-final-text32:hover,
.homepage-final-text33:hover {
  transform: scale(0.99);
}

/* Titres de catégories "Acquisition & Trafic" et "Optimisation & Conversion" */
.homepage-final-text26,
.homepage-final-text30 {
  fill: #fbfaf9;
  color: #fbfaf9;
  align-self: center;
  text-align: center;
  transition: transform var(--homepage-transition-default);
}

.homepage-final-text26:hover,
.homepage-final-text30:hover {
  transform: scale(1.01) skewX(0deg) skewY(0deg);
}

/* Section prestation 3 (Optimisation & Conversion) */
.homepage-final-ft3d {
  flex: 0 0 auto;
  width: 100%;
  height: 25vh;
  display: flex;
  align-items: flex-start;
  padding: var(--dl-layout-space-twounits);
}

/* ============================================
   6. CONTACT ET SÉPARATEURS
   ============================================ */

/* Séparateurs horizontaux */
.homepage-final-separator1,
.homepage-final-separator2 {
  width: var(--homepage-section-width-80);
  height: var(--homepage-separator-height);
  background-color: var(--dl-color-theme-neutral-light);
}

/* Section contact */
.homepage-final-contact {
  flex: 0 0 auto;
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  background-color: #070707;
}

.homepage-final-contact-main2 {
  flex: 0 0 auto;
  width: var(--homepage-section-width-80);
  height: var(--dl-layout-size-medium);
  display: flex;
  align-self: center;
  margin-top: var(--dl-layout-space-twounits);
  margin-bottom: var(--dl-layout-space-twounits);
  justify-content: center;
}

/* Containers contact (calendrier, email, LinkedIn) */
.homepage-final-calendar2,
.homepage-final-email2,
.homepage-final-linked-in2 {
  flex: 0 0 auto;
  width: 15%;
  height: var(--homepage-contact-height);
  display: flex;
  align-items: center;
  justify-content: center;
}

.homepage-final-calendar2 {
  align-items: flex-start;
}

/* Containers internes icônes contact */
.homepage-final-rv2,
.homepage-final-mail2,
.homepage-final-lk2 {
  flex: 0 0 auto;
  width: var(--homepage-contact-height);
  height: 100%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  text-decoration: none;
}

.homepage-final-lk2 {
  background-color: transparent;
}

/* Liens contact */
.homepage-final-link4,
.homepage-final-link5,
.homepage-final-link6 {
  display: contents;
}

/* Images icônes contact */
.homepage-final-image18,
.homepage-final-image19,
.homepage-final-image20 {
  height: 100%;
  object-fit: cover;
}

.homepage-final-image18,
.homepage-final-image20 {
  width: auto;
}

/* ============================================
   7. SECTION ABÉCÉDAIRE
   ============================================ */

/* Lien vers abécédaire */
.homepage-final-navlink1 {
  display: contents;
}

/* Section abécédaire avec vidéo en fond */
.homepage-final-abecedaire {
  flex: 0 0 auto;
  width: 100%;
  height: 35vh;
  display: flex;
  overflow: hidden;
  position: relative;
  align-items: center;
  justify-content: center;
  background-size: cover;
  text-decoration: none;
  background-image: url("static/img/abcdvid.mp4");
}

/* Vidéo de fond (NE PAS MODIFIER - requis 100% largeur) */
.homepage-final-video {
  width: 100%;
  height: 100%;
  display: block;
  align-self: flex-end;
  object-fit: cover;
}

/* Container overlay sur la vidéo */
.homepage-final-container-abcd {
  flex: 0 0 auto;
  left: 0px;
  right: 0px;
  margin: auto;
  display: flex;
  position: absolute;
  align-self: center;
  align-items: flex-start;
  flex-direction: column;
}

/* Titre "Découvrez l'abécédaire" */
.homepage-final-titre-abcd {
  flex: 0 0 auto;
  width: var(--homepage-section-width-80);
  height: var(--homepage-contact-height);
  display: flex;
  align-self: center;
  align-items: flex-start;
  flex-direction: row;
  padding-bottom: var(--dl-layout-space-twounits);
  justify-content: center;
}

.homepage-final-text34 {
  color: #fbfaf9;
  font-size: clamp(2rem, 4em, 4.5em);
  align-self: center;
  text-align: center;
  transition: var(--homepage-transition-default);
  font-family: "Inter";
  line-height: 1.25;
}

/* Bandeau 2 (caché, pour usage futur - CONSERVÉ) */
.homepage-final-bandeau2 {
  flex: 0 0 auto;
  width: 100%;
  display: none;
  transform: skewY(0.5deg);
  align-items: flex-start;
  flex-direction: column;
}

.homepage-final-slider2 {
  width: 100%;
  height: 5vh;
  display: flex;
  overflow: hidden;
  flex-direction: row;
  background-color: var(--dl-color-theme-neutral-light);
}

.homepage-final-container21 {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.homepage-final-container22 {
  display: contents;
}

/* ============================================
   8. SECTION RDV (avec TidyCal)
   ============================================ */

/* Section rendez-vous avec formulaire TidyCal */
.homepage-final-rdv {
  flex: 0 0 auto;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  padding-bottom: var(--dl-layout-space-fourunits);
  background-image: linear-gradient(90deg, rgb(5, 11, 36) 1.00%, rgb(7, 7, 7) 72.00%, rgb(7, 7, 7) 97.00%);
}

/* Container titre et explications */
.homepage-final-container23 {
  flex: 0 0 auto;
  display: flex;
  align-self: center;
  align-items: flex-start;
  padding-top: var(--dl-layout-space-threeunits);
  flex-direction: column;
}

/* Titre "Je prends rendez-vous en ligne" */
.homepage-final-text38 {
  fill: #fbfaf9;
  color: #fbfaf9;
  font-size: clamp(2rem, 4em, 4.5em);
  align-self: center;
  padding-bottom: var(--dl-layout-space-twounits);
}

/* Container textes explicatifs */
.homepage-final-container24 {
  flex: 0 0 auto;
  width: var(--homepage-section-width-90);
  display: flex;
  align-self: center;
  align-items: flex-start;
  padding-top: var(--dl-layout-space-twounits);
  flex-direction: column;
  padding-bottom: var(--dl-layout-space-twounits);
  justify-content: center;
}

/* Textes explicatifs RDV */
.homepage-final-text39,
.homepage-final-text42,
.homepage-final-text45 {
  color: #fbfaf9;
  font-size: 2rem;
  text-align: justify;
  line-height: 1.25;
}

.homepage-final-text45 {
  fill: #fbfaf9;
}

/* Container TidyCal (NE PAS MODIFIER - requis pour affichage correct) */
.homepage-final-container25 {
  width: var(--homepage-section-width-90);
  align-self: center;
}

.homepage-final-container26 {
  display: contents;
}

/* ============================================
   9. FOOTER
   ============================================ */

/* Pied de page */
.homepage-final-footer {
  flex: 0 0 auto;
  width: 100%;
  height: var(--dl-layout-size-medium);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #070707;
}

/* Containers texte footer */
.homepage-final-container27,
.homepage-final-container28,
.homepage-final-container29,
.homepage-final-container30,
.homepage-final-container31 {
  color: rgb(60, 60, 60);
  font-size: 1rem;
  font-family: Inter;
}

.homepage-final-container28,
.homepage-final-container30,
.homepage-final-container31 {
  display: contents;
}

/* Texte et lien footer */
.homepage-final-text47,
.homepage-final-navlink2 {
  fill: rgb(60, 60, 60);
  color: rgb(60, 60, 60);
  font-size: 1rem;
}

/* Container script protection contenu */
.homepage-final-container33 {
  display: contents;
}

/* ============================================
   10. MEDIA QUERIES RESPONSIVE
   ============================================ */

/* ========== ÉCRANS LARGES (max-width: 1400px) ========== */
@media(max-width: 1400px) {
  /* Ajustement titre principal */
  .homepage-final-container-main-title {
    align-items: center;
  }

  .homepage-final-text11 {
    font-size: clamp(1.2rem, 3.5vw, 2.5rem);
    align-self: center;
  }

  .homepage-final-text12 {
    font-size: 2rem;
  }

  .homepage-final-text13 {
    width: 100%;
    font-size: clamp(1rem, 2.5vw, 1.8rem);
  }

  /* Contact */
  .homepage-final-contact-main2 {
    justify-content: space-between;
  }

  /* Prestations - ajustement tailles */
  .homepage-final-titre1,
  .homepage-final-titre3 {
    padding-right: var(--dl-layout-space-unit);
  }

  .homepage-final-text24,
  .homepage-final-text25,
  .homepage-final-text27,
  .homepage-final-text28,
  .homepage-final-text29,
  .homepage-final-text31,
  .homepage-final-text32,
  .homepage-final-text33 {
    font-size: 150%;
  }

  .homepage-final-text26 {
    font-size: 300%;
  }

  .homepage-final-text30 {
    font-size: 250%;
  }

  /* Contact section largeur réduite */
  .homepage-final-contact {
    width: 70%;
  }

  /* Abécédaire */
  .homepage-final-text34 {
    font-size: 300%;
    font-family: Inter;
  }

  /* RDV */
  .homepage-final-rdv {
    padding-bottom: var(--dl-layout-space-twounits);
  }

  .homepage-final-container23 {
    width: 100%;
    align-self: center;
    padding-left: var(--dl-layout-space-twounits);
    padding-right: var(--dl-layout-space-twounits);
  }

  .homepage-final-text38 {
    padding: var(--dl-layout-space-twounits);
    font-size: 300%;
    align-self: center;
    text-align: center;
  }

  .homepage-final-text39,
  .homepage-final-text42,
  .homepage-final-text45 {
    font-size: 150%;
    padding: var(--dl-layout-space-halfunit) var(--dl-layout-space-twounits);
  }

  .homepage-final-container25 {
    width: 100%;
  }
}

/* ========== TABLETTES (max-width: 768px) ========== */
@media(max-width: 768px) {
  /* Masquer hero desktop, afficher mobile */
  .homepage-final-hero-desk {
    display: none;
  }

  .homepage-final-mobile-hero {
    height: 65vh;
    display: flex;
    overflow: hidden;
    align-self: stretch;
    overflow-x: hidden;
    aspect-ratio: auto;
    flex-direction: column;
    background-size: cover;
    background-position: center top;
    background-image: url("static/img/gm-portrait-mini.webp");
  }

  /* Écran overlay mobile */
  .homepage-final-ecran {
    flex: 0 0 auto;
    overflow: hidden;
    position: static;
    min-width: 100%;
    min-height: 100%;
    flex-direction: column;
    justify-content: flex-end;
    background-color: rgba(0, 0, 0, 0.71);
  }

  /* Containers mobile */
  .homepage-final-container-mobile-lvl1 {
    width: 100%;
    height: auto;
    display: flex;
    z-index: 100;
    overflow: hidden;
    max-width: 100vw;
    justify-items: end;
    flex-direction: column;
    padding-bottom: var(--dl-layout-space-oneandhalfunits);
  }

  .homepage-final-container-mobile-lvl2 {
    width: auto;
    height: 100%;
    display: flex;
    z-index: 100;
    position: relative;
    align-self: flex-end;
    align-items: flex-end;
    justify-items: end;
    flex-direction: column;
    justify-content: center;
  }

  /* Textes mobile responsive */
  .homepage-final-text17 {
    fill: #fbfaf9;
    color: #fbfaf9;
    width: 100%;
    font-size: 6rem;
    font-family: G-Manuscript;
  }

  .homepage-final-text18 {
    fill: #fbfaf9;
    color: #fbfaf9;
    display: block;
    font-size: 1.5rem;
    margin-top: -2vw;
    text-align: center;
    padding-top: 0px;
    margin-bottom: 0vw;
    padding-bottom: var(--dl-layout-space-halfunit);
  }

  .homepage-final-text19 {
    fill: var(--dl-color-theme-neutral-light);
    align-self: center;
    padding-top: var(--dl-layout-space-unit);
    padding-right: var(--dl-layout-space-twounits);
    padding-bottom: var(--dl-layout-space-unit);
  }

  .homepage-final-text21 {
    color: #fbfaf9;
    display: flex;
    overflow: hidden;
    font-size: 110%;
    text-align: right;
    padding-top: 0px;
    padding-bottom: 0px;
  }

  /* Prestations mobile */
  .homepage-final-titre1,
  .homepage-final-titre2,
  .homepage-final-titre3 {
    align-self: center;
  }

  .homepage-final-titre1 {
    padding-right: 0px;
  }

  .homepage-final-text22,
  .homepage-final-text26,
  .homepage-final-text30 {
    font-size: 2.5rem;
  }

  .homepage-final-container14,
  .homepage-final-container16,
  .homepage-final-container18 {
    width: 100%;
    align-self: center;
  }

  .homepage-final-ft3d {
    height: auto;
    flex-direction: column;
  }

  /* Contact mobile */
  .homepage-final-contact {
    width: 100%;
  }

  .homepage-final-contact-main2 {
    height: 80px;
  }

  .homepage-final-rv2,
  .homepage-final-mail2,
  .homepage-final-lk2 {
    width: 70px;
    height: 70px;
  }

  .homepage-final-calendar2,
  .homepage-final-email2,
  .homepage-final-linked-in2 {
    height: 70px;
  }

  /* Vidéo abécédaire */
  .homepage-final-video {
    height: 100%;
  }

  .homepage-final-text34 {
    font-size: 300%;
    font-family: Inter;
  }

  /* RDV mobile */
  .homepage-final-rdv {
    height: 100%;
  }

  .homepage-final-container24 {
    width: 95%;
  }

  .homepage-final-text39,
  .homepage-final-text42,
  .homepage-final-text45 {
    text-align: left;
  }

  .homepage-final-container25 {
    width: 100%;
  }

  /* Footer mobile */
  .homepage-final-footer {
    width: auto;
    display: flex;
    overflow: hidden;
    align-self: stretch;
    flex-direction: row;
    justify-content: center;
  }

  .homepage-final-text47 {
    fill: #777777;
    color: rgb(119, 119, 119);
    font-size: 1rem;
  }
}

/* ========== PETITES TABLETTES (max-width: 767px) ========== */
@media(max-width: 767px) {
  .homepage-final-ecran {
    width: 100%;
    height: 100%;
    min-width: 100%;
    min-height: 100%;
    background-color: rgba(7, 7, 7, 0.61);
  }

  .homepage-final-titre2 {
    justify-content: center;
  }

  .homepage-final-container23 {
    padding-left: 0;
    padding-right: 0;
  }

  .homepage-final-text24,
  .homepage-final-text28,
  .homepage-final-text32 {
    margin-top: var(--dl-layout-space-halfunit);
    margin-bottom: var(--dl-layout-space-halfunit);
  }

  .homepage-final-rdv {
    padding-bottom: var(--dl-layout-space-halfunit);
  }
}

/* ============================================
   FIN DU FICHIER index.css
   ✅ VERSION NETTOYÉE - Gain : ~110 lignes CSS
   ============================================ */