/*
Theme Name: Les Essentielles de Aude
Author: Aude
Version: 1.1
Text Domain: les-essentielles-theme
*/

/* --- VARIABLES DE DESIGN ET ACCENTS --- */
:root {
    --palette-encre: #1a1a1a;
    --palette-bronze: #cbb29b;
    --palette-bronze-light: #dcb395;
    --palette-creme: #fdfaf5;
    --palette-creme-dark: #f6efe6;
    --text-dark: #1a1a1a;
    --text-light: #ffffff;
}

/* --- RESET + BASE --- */
html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    overflow-x: hidden;
    box-sizing: border-box;
    background-color: var(--palette-creme);
    color: var(--text-dark);
    font-family: 'Montserrat', sans-serif;
}

*, *:before, *:after {
    box-sizing: inherit;
}

/* --- HEADER --- */
.site-header {
    background-color: var(--palette-encre);
    color: var(--text-light);
    padding: 15px 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    position: relative;
    z-index: 9999;
    flex-wrap: wrap;
    gap: 20px;
}

.header-left {
    display: flex;
    align-items: center;
}

.home-icon-circle {
    background-color: var(--palette-creme);
    color: var(--palette-encre);
    border-radius: 50%;
    width: 46px;
    height: 46px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: transform 0.2s ease;
}

.home-icon-circle:hover {
    transform: scale(1.05);
}

.header-logo-center {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-grow: 1;
}

.site-title {
    font-family: 'Cormorant Garamond', serif;
    font-size: clamp(1.2rem, 3.5vw, 1.8rem);
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-weight: 400;
    line-height: 1.2;
}

.subtitle-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-top: 3px;
}

.line-decor {
    display: inline-block;
    width: clamp(20px, 4vw, 45px);
    height: 1px;
    background-color: var(--palette-bronze-light);
}

.site-subtitle {
    font-family: 'Alex Brush', cursive;
    font-size: clamp(1.6rem, 5vw, 2.3rem);
    margin: 0;
    color: var(--text-light);
    font-weight: normal;
    line-height: 1;
}

.header-nav-group {
    display: flex;
    align-items: center;
    gap: clamp(15px, 2.5vw, 35px);
    flex-wrap: wrap;
}

.nav-link {
    color: var(--text-light);
    text-decoration: none;
    font-size: 0.9rem;
    font-weight: 400;
    letter-spacing: 0.5px;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    transition: opacity 0.2s;
}

.nav-link:hover {
    opacity: 0.8;
}

.nav-cta-button {
    background-color: var(--palette-bronze);
    color: var(--text-light) !important;
    text-decoration: none;
    padding: 10px 22px;
    border-radius: 8px;
    font-size: 0.9rem;
    font-weight: 500;
    letter-spacing: 0.5px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.2s ease;
}

.nav-cta-button:hover {
    background-color: #ba9f86;
}

/* --- HERO SECTION --- */
.aude-site-container {
    width: 100%;
    background-color: #f6efe6;
    color: #1a1a1a;
    font-family: 'Montserrat', sans-serif;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.aude-site-container *, .aude-site-container *:before, .aude-site-container *:after {
    box-sizing: inherit;
}

.aude-hero {
    background-color: #000000;
    color: #ffffff;
    display: flex;
    flex-wrap: wrap;
    min-height: 520px;
    position: relative;
}

.aude-hero-left {
    flex: 1.2;
    min-width: 320px;
    padding: 50px 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.aude-logo-main {
    font-family: 'Cormorant Garamond', serif;
    font-size: 34px;
    letter-spacing: 3px;
    text-transform: uppercase;
    margin: 0;
    font-weight: 400;
}

.aude-logo-sub-container {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    margin-top: 5px;
    margin-bottom: 25px;
    width: 100%;
    max-width: 320px;
}

.aude-logo-line {
    flex: 1;
    height: 1px;
    background-color: #cbb29b;
}

.aude-logo-sub-text {
    font-family: 'Alex Brush', cursive;
    font-style: italic;
    font-size: 32px;
    color: #ffffff;
    line-height: 1;
}

.aude-hero-category {
    font-size: 13px;
    letter-spacing: 2px;
    color: #cbb29b;
    text-transform: uppercase;
    margin-bottom: 15px;
    font-weight: 500;
}

.aude-hero-headline {
    font-family: 'Cormorant Garamond', serif;
    font-size: 24px;
    line-height: 1.4;
    max-width: 540px;
    margin: 0 0 30px 0;
    font-weight: 300;
}

.aude-btn {
    display: inline-block;
    background-color: #cbb29b;
    color: #ffffff !important;
    text-decoration: none;
    padding: 14px 30px;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    border-radius: 6px;
    font-weight: 500;
    margin-bottom: 35px;
    text-align: center;
    line-height: 1.3;
    transition: background 0.3s;
}
.aude-btn:hover { background-color: #ba9f86; }

.aude-hero-review {
    max-width: 520px;
    font-size: 11px;
    line-height: 1.7;
    color: #e5e5e5;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-weight: 400;
}

.aude-hero-right {
    flex: 1;
    min-width: 320px;
    background-image: url('images/image-hero-mobile.jpg'); 
    background-size: cover;
    background-position: center;
    position: relative;
    min-height: 350px;
}

.aude-hero-nav {
    position: absolute;
    top: 40px;
    right: 40px;
    display: flex;
    flex-direction: column;
    gap: 15px;
    text-align: right;
}

.aude-hero-nav a {
    color: #ffffff !important;
    text-decoration: none;
    font-size: 13px;
    letter-spacing: 1px;
}
.aude-hero-nav a.aude-nav-btn {
    background-color: #cbb29b;
    padding: 10px 20px;
    border-radius: 6px;
    margin-bottom: 10px;
}

/* --- GRILLE CENTRALE 3 COLONNES --- */
.aude-middle-grid {
    max-width: 1300px;
    margin: 0 auto;
    padding: 60px 20px;
    display: grid;
    grid-template-columns: 1fr;
    gap: 40px;
    align-items: center;
}

@media (min-width: 992px) {
    .aude-middle-grid { grid-template-columns: 1fr 1.1fr 1fr; }
}

.aude-features-col {
    display: flex;
    flex-direction: column;
    gap: 35px;
}

.aude-feature-row {
    display: flex;
    align-items: center;
    gap: 20px;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 400;
}

.aude-feature-icon {
    width: 80px;
    height: 82px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.aude-feature-icon img.aude-blend-icon {
    width: 100%;
    height: 100%;
    object-fit: contain;
    mix-blend-mode: multiply; 
}

.aude-offer-box {
    background-color: #ffffff;
    border-radius: 4px;
    padding: 40px 30px;
    text-align: center;
    box-shadow: 0 4px 20px rgba(0,0,0,0.02);
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 1px solid rgba(0,0,0,0.03);
}

.aude-offer-sun {
    font-size: 80px;
    line-height: 1;
    margin-bottom: 20px;
    display: inline-block;
    color: #cbb29b;
}
.aude-offer-title { font-size: 15px; font-weight: 600; margin: 0 0 15px 0; line-height: 1.4; letter-spacing: 0.5px; }
.aude-offer-desc { font-size: 13px; line-height: 1.6; color: #4a4a4a; margin: 0 0 25px 0; }
.aude-offer-action { color: #000000 !important; text-decoration: none; font-size: 13px; font-weight: 600; display: inline-flex; align-items: center; gap: 10px; }
.aude-arrow-right { background-color: white; color: #cbb29b; width: 100px; height: 24px; display: inline-flex; align-items: center; justify-content: center; border-radius: 4px; font-size: 40px; line-height: 1; }

.aude-reviews-col { display: flex; flex-direction: column; gap: 30px; }
.aude-review-block { font-size: 13px; line-height: 1.6; }
.aude-review-text { margin: 0 0 8px 0; font-weight: 400; }
.aude-review-author { display: block; text-align: right; font-weight: 500; font-size: 12px; }

/* --- BANDEAU CITATION --- */
.aude-quote-banner {
    background-color: #eee3d5;
    text-align: center;
    padding: 22px 20px;
    font-family: 'Cormorant Garamond', serif;
    font-size: 26px;
    font-weight: 400;
    letter-spacing: 0.5px;
    border-top: 1px solid rgba(0,0,0,0.06);
    border-bottom: 1px solid rgba(0,0,0,0.06);
}

/* --- REASSURANCE NOIR --- */
.aude-reassurance {
    background-color: #000000;
    color: #ffffff;
    padding: 30px 20px;
}

.aude-reassurance-grid {
    max-width: 1250px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 20px;
}

.aude-reassure-card {
    display: flex;
    align-items: center;
    gap: 15px;
}

.aude-reassure-img {
    font-size: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.aude-reassure-label h4 {
    font-size: 13px;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin: 0 0 4px 0;
    font-weight: 500;
}

.aude-reassure-label p {
    font-size: 11px;
    margin: 0;
    color: #cccccc;
}

/* --- CONTENU PAGE --- */
.site-main-content {
    background-color: var(--palette-creme-dark);
    color: var(--text-dark);
    padding: clamp(40px, 8vw, 80px) 15px;
    font-family: 'Cormorant Garamond', serif;
    line-height: 1.8;
}

.main-container-inner {
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
}

.story-section {
    margin-bottom: clamp(40px, 6vw, 60px);
}

.section-title {
    font-family: 'Cormorant Garamond', serif;
    font-size: clamp(1.4rem, 4vw, 1.8rem);
    text-decoration: underline;
    font-weight: normal;
    margin-bottom: 25px;
    letter-spacing: 0.5px;
}

.section-lead {
    font-size: clamp(1.1rem, 3vw, 1.25rem);
    margin: 0 0 20px 0;
    font-style: italic;
    color: #4a4a4a;
}

.section-text {
    font-family: 'Montserrat', sans-serif;
    font-size: clamp(0.9rem, 2.5vw, 1.05rem);
    margin: 0 auto;
    text-align: justify;
    text-align-last: center;
    font-weight: 300;
    line-height: 1.8;
}

.manifesto-block {
    font-family: 'Montserrat', sans-serif;
    font-size: clamp(0.9rem, 2.5vw, 1.05rem);
    font-weight: 300;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.signature-text {
    font-family: 'Great Vibes', 'Alex Brush', cursive;
    color: #dcb395;
    font-size: clamp(2.2rem, 6vw, 3rem);
    text-align: right;
    margin-top: 40px;
    padding-right: 5%;
    font-style: italic;
}

/* --- FOOTER --- */
.site-footer {
    background-color: var(--palette-encre);
    color: var(--text-light);
    padding: 50px 20px 30px 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    font-family: 'Cormorant Garamond', serif;
    width: 100%;
    position: relative;
}

.footer-content {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 250px), 1fr));
    gap: 40px;
    max-width: 1300px;
    margin: 0 auto;
    align-items: center;
}

.footer-column {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 12px;
    width: 100%;
}

.footer-link {
    color: var(--text-light);
    text-decoration: none;
    font-size: 0.9rem;
    letter-spacing: 0.5px;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    transition: opacity 0.2s ease;
}

.footer-link:hover {
    opacity: 0.8;
}

.footer-logo-img {
    max-width: 140px;
    height: auto;
    display: block;
    margin: 0 auto;
    mix-blend-mode: lighten;
    filter: contrast(1.05);
}

.whatsapp-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #25D366;
    color: var(--text-light) !important;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    box-shadow: 0 4px 12px rgba(37, 211, 102, 0.35);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.whatsapp-btn:hover {
    transform: scale(1.08);
    box-shadow: 0 6px 16px rgba(37, 211, 102, 0.5);
}

.footer-copyright {
    text-align: center;
    color: rgba(255, 255, 255, 0.5);
    font-size: 0.75rem;
    font-family: 'Montserrat', sans-serif;
    margin-top: 40px;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    padding-top: 20px;
    letter-spacing: 0.5px;
}

.aude-main-footer {
    background-color: #ebe3cd;
    padding: 50px 20px 20px 20px;
    font-family: 'Cormorant Garamond', serif;
}

.aude-footer-grid {
    max-width: 1250px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr;
    gap: 40px;
    text-align: center;
    align-items: flex-start;
}

@media (min-width: 768px) {
    .aude-footer-grid {
        grid-template-columns: 1fr 1.2fr 1fr 1fr;
    }
}

.aude-footer-col {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.aude-footer-col a {
    color: #1a1a1a !important;
    text-decoration: none;
    font-size: 13px;
    transition: opacity 0.2s;
}
.aude-footer-col a:hover { opacity: 0.7; }

.aude-footer-center {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
}

.aude-footer-logo-img {
    width: 165px;
    height: auto;
    margin-bottom: 10px;
}

.aude-footer-center .quote-mark {
    font-size: 20px;
    line-height: 1;
    margin: 0;
    font-weight: bold;
}

.aude-footer-center h3 {
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    margin: 0;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
}

.aude-footer-center .brand-italic {
    font-style: italic;
    font-size: 16px;
    color: #cbb29b;
    margin: 2px 0 0 0;
}

.aude-footer-right {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    font-family: 'Montserrat', sans-serif;
}

.aude-footer-right .help-text {
    font-family: 'Cormorant Garamond', serif;
    font-size: 13px;
    margin: 0;
}

.aude-footer-right .email-text {
    font-size: 11px;
    color: #1a1a1a;
    text-decoration: none;
    margin-bottom: 5px;
}

.aude-whatsapp-icon {
    display: inline-flex;
    background-color: #25D366;
    color: #ffffff !important;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    box-shadow: 0 3px 8px rgba(37, 211, 102, 0.3);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.aude-whatsapp-icon:hover {
    transform: scale(1.08);
    box-shadow: 0 5px 12px rgba(37, 211, 102, 0.4);
}

.aude-footer-copyright {
    margin-top: 40px;
    text-align: right;
    font-size: 10px;
    color: #666666;
    font-family: 'Montserrat', sans-serif;
    border-top: 1px solid rgba(0,0,0,0.04);
    padding-top: 15px;
    width: 100%;
    max-width: 1250px;
    margin-left: auto;
    margin-right: auto;
}

/* --- RESPONSIVE --- */
@media (max-width: 768px) {
    .site-header {
        padding: 15px;
        flex-direction: column;
        gap: 15px;
        text-align: center;
    }

    .header-logo-center {
        order: -1;
        width: 100%;
    }

    .header-left {
        order: 1;
        width: 100%;
        justify-content: center;
    }

    .header-nav-group {
        order: 2;
        width: 100%;
        flex-direction: column;
        gap: 10px;
        align-items: center;
    }

    .nav-link, .nav-cta-button {
        width: 100%;
        max-width: 290px;
        justify-content: center;
    }

    .site-main-content {
        padding: 30px 10px;
    }
}

 /* --- IMPORT DES POLICES DE LA MAQUETTE --- */
  
  /* --- STRUCTURE GENERALE --- */
  .aude-site-container {
    width: 100%;
    max-width: 100%;
    background-color: #f6efe6; /* Teinte beige de fond de la maquette */
    color: #1a1a1a;
    font-family: 'Montserrat', sans-serif;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    overflow-x: hidden; /* Protection absolue anti-débordement horizontal */
  }

  .aude-site-container *, 
  .aude-site-container *:before, 
  .aude-site-container *:after {
    box-sizing: inherit;
  }

  /* --- SECTION 1 : HERO (HAUT NOIR) --- */
  .aude-hero {
    background-color: #000000;
    color: #ffffff;
    display: flex;
    flex-wrap: wrap;
    min-height: 520px;
    position: relative;
    width: 100%;
  }

  .aude-hero-left {
    flex: 1.2;
    min-width: 320px;
    padding: clamp(30px, 6vw, 60px) clamp(15px, 4vw, 40px); /* Padding fluide mobile-safe */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 100%;
  }

  /* --- CORRECTION LOGO --- */
  .aude-logo-main {
    font-family: 'Cormorant Garamond', serif;
    font-size: clamp(24px, 6vw, 34px); /* Taille adaptative */
    letter-spacing: 3px;
    text-transform: uppercase;
    margin: 0;
    font-weight: 400;
  }

  .aude-logo-sub-container {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px; /* Espace entre les lignes dorées et le texte */
    margin-top: 5px;
    margin-bottom: 25px;
    width: 100%;
    max-width: 320px; /* Aligne la largeur globale sur "LES ESSENTIELLES" */
  }

  /* Les lignes dorées sur les côtés */
  .aude-logo-line {
    flex: 1;
    height: 1px;
    background-color: #cbb29b; /* Couleur dorée de la maquette */
  }

  /* Le texte en écriture manuscrite cursive */
  .aude-logo-sub-text {
    font-family: 'Alex Brush', cursive;
    font-style: italic;
    font-size: clamp(26px, 6vw, 32px); /* Un peu plus grand pour faire ressortir l'effet manuscrit */
    color: #ffffff;
    line-height: 1;
  }

  .aude-hero-category {
    font-size: clamp(11px, 3vw, 13px);
    letter-spacing: 2px;
    color: #cbb29b;
    text-transform: uppercase;
    margin-bottom: 15px;
    font-weight: 500;
  }

  .aude-hero-headline {
    font-family: 'Cormorant Garamond', serif;
    font-size: clamp(18px, 4.5vw, 24px); /* Taille adaptative fluide */
    line-height: 1.4;
    max-width: 540px;
    margin: 0 0 30px 0;
    font-weight: 300;
    word-wrap: break-word;
  }

  /* Zone d'action tactile confortable (>= 44px) */
  .aude-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #cbb29b;
    color: #ffffff !important;
    text-decoration: none;
    padding: 12px 30px;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    border-radius: 6px;
    font-weight: 500;
    margin-bottom: 35px;
    text-align: center;
    line-height: 1.3;
    transition: background 0.3s;
    min-height: 48px; /* Sécurité tactile WCAG */
    max-width: 100%;
  }
  .aude-btn:hover { background-color: #ba9f86; }

  .aude-hero-review {
    max-width: 520px;
    font-size: clamp(10px, 2.5vw, 11px);
    line-height: 1.7;
    color: #e5e5e5;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-weight: 400;
    padding: 0 10px;
  }

  .aude-hero-right {
    flex: 1;
    min-width: 320px;
    background-image: url('images/image-hero-mobile.jpg'); 
    background-size: cover;
    background-position: center;
    position: relative;
    min-height: 350px;
  }

  .aude-hero-nav {
    position: absolute;
    top: 40px;
    right: 40px;
    display: flex;
    flex-direction: column;
    gap: 15px;
    text-align: right;
    z-index: 10;
  }

  .aude-hero-nav a {
    color: #ffffff !important;
    text-decoration: none;
    font-size: 13px;
    letter-spacing: 1px;
    min-height: 44px; /* Zone d'action tactile */
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
  }
  
  .aude-hero-nav a.aude-nav-btn {
    background-color: #cbb29b;
    padding: 10px 20px;
    border-radius: 6px;
    margin-bottom: 10px;
    justify-content: center;
  }

  /* Modification de la navigation Hero sur mobile pour éviter les chevauchements */
  @media (max-width: 768px) {
    .aude-hero-nav {
      position: relative;
      top: 0;
      right: 0;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: center;
      gap: 10px;
      padding: 25px 15px;
      background-color: rgba(0, 0, 0, 0.7);
      width: 100%;
      text-align: center;
    }
    .aude-hero-nav a {
      justify-content: center;
      width: auto;
      min-height: 44px;
      padding: 5px 15px;
    }
    .aude-hero-nav a.aude-nav-btn {
      margin-bottom: 0;
      width: 100%;
      order: -1; /* Place le CTA en haut de l'empilement navigation */
    }
  }

  /* --- SECTION 2 : CONTENU CENTRAL A 3 COLONNES --- */
  .aude-middle-grid {
    max-width: 1300px;
    margin: 0 auto;
    padding: clamp(30px, 6vw, 60px) 15px; /* Padding fluide */
    display: grid;
    grid-template-columns: 1fr;
    gap: 40px;
    align-items: center;
    width: 100%;
  }

  @media (min-width: 992px) {
    .aude-middle-grid { grid-template-columns: 1fr 1.1fr 1fr; }
  }

  .aude-features-col {
    display: flex;
    flex-direction: column;
    gap: clamp(25px, 4vw, 35px);
  }

  .aude-feature-row {
    display: flex;
    align-items: center;
    gap: 20px;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 400;
  }

  .aude-feature-icon {
    width: 65px; /* Ajusté légèrement pour petits écrans */
    height: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }

  .aude-feature-icon img.aude-blend-icon {
    width: 100%;
    height: 100%;
    object-fit: contain;
    mix-blend-mode: multiply; 
  }

  .aude-offer-box {
    background-color: #ffffff;
    border-radius: 4px;
    padding: clamp(25px, 5vw, 40px) clamp(15px, 4vw, 30px); /* Padding fluide */
    text-align: center;
    box-shadow: 0 4px 20px rgba(0,0,0,0.02);
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 1px solid rgba(0,0,0,0.03);
    width: 100%;
  }

  .aude-offer-sun {
    font-size: 60px; /* Légèrement réduit pour mobile */
    line-height: 1;
    margin-bottom: 20px;
    display: inline-block;
    color: #cbb29b;
  }
  
  .aude-offer-title { 
    font-size: clamp(14px, 4vw, 15px); 
    font-weight: 600; 
    margin: 0 0 15px 0; 
    line-height: 1.4; 
    letter-spacing: 0.5px; 
  }
  
  .aude-offer-desc { 
    font-size: clamp(12px, 3vw, 13px); 
    line-height: 1.6; 
    color: #4a4a4a; 
    margin: 0 0 25px 0; 
  }
  
  .aude-offer-action { 
    color: #000000 !important; 
    text-decoration: none; 
    font-size: clamp(11px, 3vw, 13px); 
    font-weight: 600; 
    display: inline-flex; 
    align-items: center; 
    justify-content: center;
    gap: 10px; 
    min-height: 44px; /* Zone tactile */
    flex-wrap: wrap; /* Évite de déborder sur mobile */
  }
  
  .aude-arrow-right { 
    background-color: white; 
    color: #cbb29b; 
    width: 80px; 
    height: 24px; 
    display: inline-flex; 
    align-items: center; 
    justify-content: center; 
    border-radius: 4px; 
    font-size: clamp(24px, 6vw, 40px); 
    line-height: 1; 
  }

  .aude-reviews-col { 
    display: flex; 
    flex-direction: column; 
    gap: 30px; 
  }
  
  .aude-review-block { 
    font-size: clamp(12px, 3vw, 13px); 
    line-height: 1.6; 
  }
  
  .aude-review-text { 
    margin: 0 0 8px 0; 
    font-weight: 400; 
  }
  
  .aude-review-author { 
    display: block; 
    text-align: right; 
    font-weight: 500; 
    font-size: 11px; 
  }

  /* --- SECTION 3 : BANDEAU CITATION INTERMEDIAIRE --- */
  .aude-quote-banner {
    background-color: #eee3d5;
    text-align: center;
    padding: clamp(15px, 4vw, 22px) 15px; /* Padding ajusté */
    font-family: 'Cormorant Garamond', serif;
    font-size: clamp(18px, 4.5vw, 26px); /* Taille de police adaptative */
    font-weight: 400;
    letter-spacing: 0.5px;
    border-top: 1px solid rgba(0,0,0,0.06);
    border-bottom: 1px solid rgba(0,0,0,0.06);
    width: 100%;
    word-wrap: break-word;
  }

  /* --- SECTION 4 : BLOCK DE REASSURANCE NOIR --- */
  .aude-reassurance {
    background-color: #000000;
    color: #ffffff;
    padding: clamp(25px, 5vw, 30px) 15px;
    width: 100%;
  }

  .aude-reassurance-grid {
    max-width: 1250px;
    margin: 0 auto;
    display: grid;
    /* Correction du comportement de grille pour éviter tout débordement à 320/380px */
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 250px), 1fr));
    gap: 20px;
    width: 100%;
  }

  .aude-reassure-card {
    display: flex;
    align-items: center;
    gap: 15px;
    width: 100%;
  }

  .aude-reassure-img {
    font-size: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }
  
  .aude-reassure-img img {
    max-width: 80px; /* Limite la taille de l'icône sur mobile */
    height: auto;
    display: block;
  }

  .aude-reassure-label h4 {
    font-size: 13px;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin: 0 0 4px 0;
    font-weight: 500;
  }

  .aude-reassure-label p {
    font-size: 11px;
    margin: 0;
    color: #cccccc;
  }

  /* Ajustement de sécurité supplémentaire pour les très petits écrans (< 380px) */
  @media (max-width: 380px) {
    .aude-hero-left {
      padding-left: 10px;
      padding-right: 10px;
    }
    .aude-offer-box {
      padding-left: 10px;
      padding-right: 10px;
    }
    .aude-feature-row {
      gap: 12px;
    }
  }

  /* --- TOKENS DE COULEUR EN HARMONIE AVEC LA HOME --- */
  :root {
    --palette-encre: #1a1a1a;       /* Noir de charbon doux / encre */
    --palette-bronze: #cbb29b;      /* Bronze / Or chaud signature */
    --palette-bronze-light: #dcb395;/* Bronze clair */
    --palette-creme-light: #fdfaf5; /* Beige très clair crème */
    --palette-creme-dark: #f6efe6;  /* Crème soutenu */
    --text-dark: #1a1a1a;
  }

  /* --- STRUCTURE ET BOX SIZING GLOBALS --- */
  .aude-legal-container,
  .aude-legal-container *,
  .aude-legal-container *:before,
  .aude-legal-container *:after {
    box-sizing: border-box;
  }

  /* --- CONTENEUR DES PAGES LÉGALES MOBILE-SAFE --- */
  .aude-legal-container {
    background-color: var(--palette-creme-dark);
    color: var(--text-dark);
    padding: 30px 15px; /* Padding ajusté pour petits écrans */
    min-height: 80vh;
    font-family: 'Montserrat', sans-serif;
    width: 100%;
    max-width: 100%;
    overflow-x: hidden; /* Blocage absolu de tout scroll horizontal */
  }

  .aude-legal-inner {
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
  }

  /* --- TYPOGRAPHIE ET TITRES --- */
  .aude-legal-title {
    font-family: 'Cormorant Garamond', serif;
    text-align: center;
    font-size: 2rem; /* Taille de base mobile */
    margin-top: 10px;
    margin-bottom: 30px;
    font-weight: 300;
    letter-spacing: -1px;
    color: var(--palette-encre);
    line-height: 1.2;
  }

  /* --- STRUCTURE RÉACTIONNELLE FLEXIBLE (Mobile First) --- */
  .aude-legal-grid {
    display: flex;
    flex-direction: column; /* Empilement propre sur mobile */
    gap: 30px;
    width: 100%;
  }

  .aude-legal-col {
    display: flex;
    flex-direction: column;
    gap: 30px;
    width: 100%;
  }

  /* --- SECTIONS ET CONTENU --- */
  .aude-legal-col section {
    /*background-color: #f6efe6;
    padding: 25px 20px;
    border-radius: 8px;
    border: 1px solid rgba(203, 178, 155, 0.15);  Bordure bronze subtile */
    width: 100%;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

  .aude-legal-col h2 {
    font-family: 'Cormorant Garamond', serif;
    font-size: 1.25rem;
    color: var(--palette-encre);
    margin: 0 0 15px 0;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    position: relative;
    padding-bottom: 10px;
  }

  /* Remplacement de l'underline générique par une ligne stylisée bronze */
  .aude-legal-col h2::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 45px;
    height: 1px;
    background-color: var(--palette-bronze);
  }

  .aude-legal-col p {
    font-size: 0.95rem;
    line-height: 1.7;
    margin: 0;
    text-align: justify;
    text-align-last: center;
    font-weight: 300;
  }

  .aude-legal-col a {
    color: var(--palette-encre);
    text-decoration: none;
    font-weight: 500;
    border-bottom: 1px solid var(--palette-bronze-light);
    transition: color 0.2s, border-color 0.2s;
    min-height: 44px; /* Zone d'action tactile >= 44px pour mobile */
    padding: 5px 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    word-break: break-all; /* Évite les débordements sur longs emails */
    box-sizing: border-box;
  }

  .aude-legal-col a:hover {
    color: var(--palette-bronze);
    border-bottom-color: var(--palette-bronze);
  }

  /* --- RESPONSIVE MEDIA QUERIES (Écran tablette & bureau) --- */
  @media (min-width: 768px) {
    .aude-legal-container {
      padding: 60px 30px;
    }

    .aude-legal-title {
      font-size: clamp(2rem, 5vw, 3.5rem);
      margin-bottom: 60px;
    }

    /* Grille multi-colonnes à partir de 768px */
    .aude-legal-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr));
      gap: 40px;
      text-align: center;
      align-items: start;
    }

    .aude-legal-col {
      gap: 40px;
    }
  }

   /* --- TOKENS DE COULEUR EN HARMONIE AVEC LA HOME --- */
    :root {
        --palette-encre: #1a1a1a;       /* Noir de charbon doux / encre */
        --palette-bronze: #cbb29b;      /* Bronze / Or chaud signature */
        --palette-bronze-light: #dcb395;/* Bronze clair */
        --palette-creme: #fdfaf5;       /* Beige très clair crème */
        --palette-creme-dark: #f6efe6;  /* Crème soutenu */
        --text-dark: #1a1a1a;
    }

    /* --- SÉCURITÉ RESPONSIVE SUR CHAQUE ÉLÉMENT --- */
    .site-main-content,
    .site-main-content * {
        box-sizing: border-box;
    }

    /* --- CONTENEUR PRINCIPAL DE LA PAGE --- */
    .site-main-content {
        background-color: var(--palette-creme-dark);
        color: var(--text-dark);
        padding: clamp(30px, 8vw, 80px) 15px; /* Paddings fluides adaptés au mobile */
        font-family: 'Cormorant Garamond', 'Playfair Display', serif;
        line-height: 1.8;
        width: 100%;
        max-width: 100%;
        overflow-x: hidden; /* Protection absolue anti-débordement */
    }

    .main-container-inner {
        max-width: 900px;
        margin: 0 auto;
        text-align: center;
        width: 100%;
    }

    .story-section {
        margin-bottom: clamp(40px, 6vw, 60px);
        width: 100%;
    }

    /* --- TITRES DE SECTIONS --- */
    .section-title {
        font-family: 'Cormorant Garamond', serif;
        font-size: clamp(1.4rem, 4vw, 1.8rem);
        font-weight: normal;
        margin-top: 0;
        margin-bottom: 25px;
        letter-spacing: 0.5px;
        position: relative;
        display: inline-block;
        padding-bottom: 8px;
    }

    /* Ligne décorative en Bronze sous le titre */
    .section-title::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 50px;
        height: 1px;
        background-color: var(--palette-bronze);
    }

    .section-lead {
        font-size: clamp(1.05rem, 3vw, 1.25rem);
        margin: 0 0 20px 0;
        font-style: italic;
        color: #4a4a4a;
        line-height: 1.5;
    }

    /* --- TEXTE DE LECTURE --- */
    .section-text {
        font-family: 'Montserrat', sans-serif;
        font-size: clamp(0.9rem, 2.5vw, 1.05rem);
        margin: 0 auto;
        text-align: justify;
        text-align-last: center;
        font-weight: 300;
        line-height: 1.8;
        max-width: 100%;
        word-wrap: break-word;
    }

    /* --- COMPOSANTS MANIFESTE & RITUEL --- */
    .manifesto-block {
        font-family: 'Montserrat', sans-serif;
        font-size: clamp(0.9rem, 2.5vw, 1.05rem);
        font-weight: 300;
        display: flex;
        flex-direction: column;
        gap: 30px;
        width: 100%;
    }

    .manifesto-block p {
        margin: 0;
        line-height: 1.8;
    }

    /* --- SIGNATURE CURSIVE --- */
    .signature-text {
        font-family: 'Great Vibes', 'Alex Brush', cursive;
        color: var(--palette-bronze-light);
        font-size: clamp(2.2rem, 7vw, 3.2rem); /* Taille de police harmonieuse sur mobile de 380px */
        text-align: right;
        margin-top: 45px;
        padding-right: 5%;
        font-style: italic;
        line-height: 1;
    }

    /* --- ASSURANCE TACTILE (CIBLES >= 44PX) --- */
    .site-main-content a {
        min-height: 44px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 5px 10px;
        color: var(--palette-encre);
    }

    /* --- AJUSTEMENTS SMARTPHONE FINAUX (< 380px) --- */
    @media (max-width: 380px) {
        .site-main-content {
            padding: 30px 10px; /* Moins d'espace perdu sur les côtés */
        }
        .section-text {
            text-align: center; /* Améliore le confort de lecture sur les petits écrans */
            text-align-last: center;
        }
    }

     /* --- TOKENS DE COULEUR EN HARMONIE AVEC LA HOME --- */
  :root {
    --palette-encre: #1a1a1a;       /* Noir de charbon doux / encre */
    --palette-bronze: #cbb29b;      /* Bronze / Or chaud signature */
    --palette-bronze-light: #dcb395;/* Bronze clair */
    --palette-creme-light: #fdfaf5; /* Beige très clair crème */
    --palette-creme-dark: #f6efe6;  /* Crème soutenu */
    --text-dark: #1a1a1a;
  }

  /* --- INITIALISATION DES MODÈLES DE BOÎTE --- */
  .aude-legal-container,
  .aude-legal-container *,
  .aude-legal-container *:before,
  .aude-legal-container *:after {
    box-sizing: border-box;
  }

  /* --- CONTENEUR DES PAGES LÉGALES MOBILE-SAFE --- */
  .aude-legal-container {
    background-color: var(--palette-creme-dark);
    color: var(--text-dark);
    padding: 30px 15px; /* Padding serré optimisé pour smartphones */
    min-height: 80vh;
    font-family: 'Playfair Display', 'Didot', 'Georgia', serif;
    width: 100%;
    max-width: 100%;
    overflow-x: hidden; /* Protection absolue anti-débordement */
  }

  .aude-legal-inner {
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
  }

  /* --- TYPOGRAPHIE DYNAMIQUE ET RESPONSIVE --- */
  .aude-legal-title {
    font-family: 'Cormorant Garamond', serif;
    text-align: center;
    font-size: clamp(2rem, 5vw, 3.5rem); /* Ajustement fluide du titre principal */
    margin-top: 10px;
    margin-bottom: clamp(30px, 6vw, 60px);
    font-weight: 300;
    letter-spacing: -1px;
    color: var(--palette-encre);
    line-height: 1.2;
  }

  /* --- STRUCTURE RÉACTIONNELLE FLEXIBLE (Mobile-First) --- */
  .aude-legal-grid {
    display: flex;
    flex-direction: column; /* Une seule colonne verticale fluide sur mobile */
    gap: 30px;
    width: 100%;
  }

  .aude-legal-col-left,
  .aude-legal-col-right {
    display: flex;
    flex-direction: column;
    gap: 30px;
    width: 100%;
  }

  /* --- STYLE UNIQUE DES CARTES DE CONTENU --- */
  .aude-legal-container section {
    /*background-color: rgba(255, 255, 255, 0.4); Légère opacité pour mettre en valeur le crème 
    padding: 25px 20px;
    border-radius: 8px;
    border: 1px solid rgba(203, 178, 155, 0.15); Bordure bronze très subtile */
    width: 100%;
    box-sizing: border-box;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

  .aude-legal-container h2 {
    font-family: 'Cormorant Garamond', serif;
    font-size: 1.25rem;
    color: var(--palette-encre);
    margin: 0 0 15px 0;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    position: relative;
    padding-bottom: 10px;
    text-align: center;
  }

  /* Remplacement de l'underline générique par une ligne stylisée bronze */
  .aude-legal-container h2::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 45px;
    height: 1px;
    background-color: var(--palette-bronze);
  }

  .aude-legal-container p {
    font-family: 'Montserrat', sans-serif;
    font-size: 0.95rem;
    line-height: 1.7;
    margin: 0;
    text-align: justify;
    text-align-last: center;
    font-weight: 300;
  }

  /* --- ZONE D'ACTION TACTILE CONFORME (>= 44PX) --- */
  .aude-legal-container a {
    color: var(--palette-encre);
    text-decoration: none;
    font-weight: 500;
    border-bottom: 1px solid var(--palette-bronze-light);
    transition: color 0.2s, border-color 0.2s;
    min-height: 44px; /* Zone d'action tactile confortable pour mobile */
    padding: 5px 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    word-break: break-all; /* Évite les débordements sur longs emails */
    box-sizing: border-box;
  }

  .aude-legal-container a:hover {
    color: var(--palette-bronze);
    border-bottom-color: var(--palette-bronze);
  }

  /* --- AJUSTEMENTS MEDIA QUERIES (Tablette et Desktop) --- */
  @media (min-width: 768px) {
    .aude-legal-container {
      padding: 60px 30px;
    }

    /* Grille multi-colonnes propre pour écrans larges */
    .aude-legal-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(min(100%, 450px), 1fr));
      gap: 40px;
    }

    .aude-legal-col-left,
    .aude-legal-col-right {
      gap: 40px;
    }
  }

  @media (max-width: 380px) {
    .aude-legal-container {
      padding: 25px 10px; /* Plus d'espace disponible sur très petit mobile */
    }
    .aude-legal-container p {
      text-align: center; /* Meilleur rendu typographique sur iPhone SE */
      text-align-last: center;
    }
  }

   /* --- TOKENS DE COULEUR EN HARMONIE AVEC LA HOME --- */
  :root {
    --palette-encre: #1a1a1a;       /* Noir de charbon doux / encre */
    --palette-bronze: #cbb29b;      /* Bronze / Or chaud signature */
    --palette-bronze-light: #dcb395;/* Bronze clair */
    --palette-creme-light: #fdfaf5; /* Beige très clair crème */
    --palette-creme-dark: #f6efe6;  /* Crème soutenu */
    --text-dark: #1a1a1a;
  }

  /* --- STRUCTURE ET BOX SIZING GLOBALS --- */
  .aude-legal-container,
  .aude-legal-container *,
  .aude-legal-container *:before,
  .aude-legal-container *:after {
    box-sizing: border-box;
  }

  /* --- CONTENEUR DES PAGES LÉGALES MOBILE-SAFE --- */
  .aude-legal-container {
    background-color: var(--palette-creme-dark);
    color: var(--text-dark);
    padding: 30px 15px; /* Padding ajusté pour petits écrans */
    min-height: 80vh;
    font-family: 'Montserrat', sans-serif;
    width: 100%;
    max-width: 100%;
    overflow-x: hidden; /* Blocage absolu de tout scroll horizontal */
  }

  .aude-legal-inner {
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
  }

  /* --- TYPOGRAPHIE ET TITRES --- */
  .aude-legal-title {
    font-family: 'Cormorant Garamond', serif;
    text-align: center;
    font-size: 2rem; /* Taille de base mobile */
    margin-top: 10px;
    margin-bottom: 30px;
    font-weight: 300;
    letter-spacing: -1px;
    color: var(--palette-encre);
    line-height: 1.2;
  }

  /* --- STRUCTURE RÉACTIONNELLE FLEXIBLE (Mobile First) --- */
  .aude-legal-grid {
    display: flex;
    flex-direction: column; /* Empilement propre sur mobile */
    gap: 30px;
    width: 100%;
  }

  .aude-legal-col {
    display: flex;
    flex-direction: column;
    gap: 30px;
    width: 100%;
  }

  /* --- SECTIONS ET CONTENU --- */
  .aude-legal-col section {
    /*background-color: #f6efe6;
    padding: 25px 20px;
    border-radius: 8px;
    border: 1px solid rgba(203, 178, 155, 0.15);  Bordure bronze subtile */
    width: 100%;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

  .aude-legal-col h2 {
    font-family: 'Cormorant Garamond', serif;
    font-size: 1.25rem;
    color: var(--palette-encre);
    margin: 0 0 15px 0;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    position: relative;
    padding-bottom: 10px;
  }

  /* Remplacement de l'underline générique par une ligne stylisée bronze */
  .aude-legal-col h2::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 45px;
    height: 1px;
    background-color: var(--palette-bronze);
  }

  .aude-legal-col p {
    font-size: 0.95rem;
    line-height: 1.7;
    margin: 0;
    text-align: justify;
    text-align-last: center;
    font-weight: 300;
  }

  .aude-legal-col a {
    color: var(--palette-encre);
    text-decoration: none;
    font-weight: 500;
    border-bottom: 1px solid var(--palette-bronze-light);
    transition: color 0.2s, border-color 0.2s;
    min-height: 44px; /* Zone d'action tactile >= 44px pour mobile */
    padding: 5px 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    word-break: break-all; /* Évite les débordements sur longs emails */
    box-sizing: border-box;
  }

  .aude-legal-col a:hover {
    color: var(--palette-bronze);
    border-bottom-color: var(--palette-bronze);
  }

  /* --- RESPONSIVE MEDIA QUERIES (Écran tablette & bureau) --- */
  @media (min-width: 768px) {
    .aude-legal-container {
      padding: 60px 30px;
    }

    .aude-legal-title {
      font-size: clamp(2rem, 5vw, 3.5rem);
      margin-bottom: 60px;
    }

    /* Grille multi-colonnes à partir de 768px */
    .aude-legal-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr));
      gap: 40px;
      text-align: center;
      align-items: start;
    }

    .aude-legal-col {
      gap: 40px;
    }
  }

    /* --- CONFIGURATION DES TOKENS DE COULEUR --- */
    :root {
        --palette-encre-local: #1a1a1a;       /* Charcoal de luxe / Warm carbon */
        --palette-bronze-local: #cbb29b;      /* Bronze chaud signature */
        --palette-bronze-light-local: #dcb395;/* Bronze clair */
        --palette-creme-light-local: #fdfaf5; /* Fond crème ultra-doux */
        --palette-creme-dark-local: #f6efe6;  /* Crème soutenu pour contrastes */
        --text-dark-local: #1a1a1a;
    }

    /* --- RESET ET BOÎTE DE SÉCURITÉ POUR ÉVITER TOUT DÉBORDEMENT --- */
    .site-main-vision,
    .site-main-vision * {
        box-sizing: border-box;
    }

    .site-main-vision {
        width: 100%;
        max-width: 100%;
        overflow-x: hidden; /* Blocage absolu de tout scroll horizontal */
        background-color: var(--palette-creme-light-local);
        margin: 0;
        padding: 0;
    }

    .notre-vision-container {
        color: var(--text-dark-local);
        padding: 60px 20px; /* Padding harmonieux par défaut */
        width: 100%;
        max-width: 100%;
    }

    .vision-content-wrap {
        max-width: 800px;
        margin: 0 auto;
        width: 100%;
    }

    /* --- TYPOGRAPHIE DYNAMIQUE ET RESPONSIVE --- */
    .vision-lead {
        font-family: 'Cormorant Garamond', serif;
        font-size: clamp(1.4rem, 4vw, 2.2rem); /* Réduction fluide pour les écrans < 380px */
        font-weight: normal;
        margin-top: 0;
        margin-bottom: 30px;
        line-height: 1.35;
        color: var(--palette-encre-local);
        text-align: center;
        word-wrap: break-word; /* Évite qu'un mot trop long ne pousse le viewport */
    }

    .vision-text, .vision-philosophy {
        font-family: 'Montserrat', sans-serif;
        font-size: clamp(0.9rem, 2.5vw, 1.05rem);
        line-height: 1.7;
        font-weight: 300;
        margin-bottom: 24px;
        text-align: justify;
        text-align-last: center;
        word-wrap: break-word;
    }

    /* --- CITATION CENTRÉE RESPONSIVE --- */
    .vision-quote {
        font-family: 'Cormorant Garamond', serif;
        font-style: italic;
        font-size: clamp(1.1rem, 3.5vw, 1.4rem);
        margin: 40px auto;
        border: none;
        padding: 0 15px;
        color: #4a4a4a;
        line-height: 1.6;
        text-align: center;
    }

    .vision-quote cite {
        font-family: 'Montserrat', sans-serif;
        font-style: normal;
        font-weight: 500;
        display: block;
        margin-top: 15px;
        font-size: 0.75rem;
        text-transform: uppercase;
        letter-spacing: 1.5px;
        color: var(--palette-bronze-local);
    }

    /* --- SIGNATURE CURSIVE RESPONSIVE --- */
    .vision-signature {
        font-family: 'Great Vibes', 'Alex Brush', cursive;
        color: var(--palette-bronze-local);
        font-size: clamp(2.2rem, 7vw, 3.5rem);
        text-align: right;
        margin-top: 45px;
        padding-right: 5%;
        font-style: italic;
        line-height: 1;
    }

    /* --- CIBLES TACTILES CONFORMES (AUPRÈS DE TOUS LES LIENS ÉVENTUELS) --- */
    .site-main-vision a {
        min-height: 44px;
        display: inline-flex;
        align-items: center;
        text-decoration: underline;
        color: var(--palette-encre-local);
        transition: color 0.3s ease;
    }
    .site-main-vision a:hover {
        color: var(--palette-bronze-local);
    }

    /* --- MEDIA QUERIES SPÉCIFIQUES POUR PETITS ÉCRANS (< 768px ET < 380px) --- */
    @media (max-width: 768px) {
        .notre-vision-container {
            padding: 40px 15px; /* Réduction des paddings de section */
        }
        .vision-quote {
            margin: 30px auto;
        }
    }

    @media (max-width: 380px) {
        .notre-vision-container {
            padding: 30px 12px; /* Protection maximale sur iPhone SE / écrans ultra-compacts */
        }
        .vision-text, .vision-philosophy {
            text-align: center; /* Plus naturel et évite les trop grands espaces de justification sur petit écran */
            text-align-last: center;
        }
    }

    /* --- TOKENS DE COULEUR EN HARMONIE AVEC LA HOME --- */
  :root {
    --palette-encre: #1a1a1a;       /* Noir de charbon doux / encre */
    --palette-bronze: #cbb29b;      /* Bronze / Or chaud signature */
    --palette-bronze-light: #dcb395;/* Bronze clair */
    --palette-creme-light: #fdfaf5; /* Beige très clair crème */
    --palette-creme-dark: #f6efe6;  /* Crème soutenu */
    --text-dark: #1a1a1a;
  }

  /* --- INITIALISATION DES MODÈLES DE BOÎTE --- */
  .aude-legal-container,
  .aude-legal-container *,
  .aude-legal-container *:before,
  .aude-legal-container *:after {
    box-sizing: border-box;
  }

  /* --- CONTENEUR DES PAGES LÉGALES MOBILE-SAFE --- */
  .aude-legal-container {
    background-color: var(--palette-creme-dark);
    color: var(--text-dark);
    padding: 30px 15px; /* Padding serré optimisé pour smartphones */
    min-height: 80vh;
    font-family: 'Playfair Display', 'Didot', 'Georgia', serif;
    width: 100%;
    max-width: 100%;
    overflow-x: hidden; /* Protection absolue anti-débordement */
  }

  .aude-legal-inner {
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
  }

  /* --- TYPOGRAPHIE DYNAMIQUE ET RESPONSIVE --- */
  .aude-legal-title {
    font-family: 'Cormorant Garamond', serif;
    text-align: center;
    font-size: clamp(2rem, 5vw, 3.5rem); /* Ajustement fluide du titre principal */
    margin-top: 10px;
    margin-bottom: clamp(30px, 6vw, 60px);
    font-weight: 300;
    letter-spacing: -1px;
    color: var(--palette-encre);
    line-height: 1.2;
  }

  /* --- STRUCTURE RÉACTIONNELLE FLEXIBLE (Mobile-First) --- */
  .aude-legal-grid {
    display: flex;
    flex-direction: column; /* Une seule colonne verticale fluide sur mobile */
    gap: 30px;
    width: 100%;
  }

  .aude-legal-col-left,
  .aude-legal-col-right {
    display: flex;
    flex-direction: column;
    gap: 30px;
    width: 100%;
  }

  /* --- STYLE UNIQUE DES CARTES DE CONTENU --- */
  .aude-legal-container section {    
    width: 100%;
    box-sizing: border-box;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

  .aude-legal-container h2 {
    font-family: 'Cormorant Garamond', serif;
    font-size: 1.25rem;
    color: var(--palette-encre);
    margin: 0 0 15px 0;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    position: relative;
    padding-bottom: 10px;
    text-align: center;
  }

  /* Remplacement de l'underline générique par une ligne stylisée bronze */
  .aude-legal-container h2::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 45px;
    height: 1px;
    background-color: var(--palette-bronze);
  }

  .aude-legal-container p {
    font-family: 'Montserrat', sans-serif;
    font-size: 0.95rem;
    line-height: 1.7;
    margin: 0;
    text-align: justify;
    text-align-last: center;
    font-weight: 300;
  }

  /* --- ZONE D'ACTION TACTILE CONFORME (>= 44PX) --- */
  .aude-legal-container a {
    color: var(--palette-encre);
    text-decoration: none;
    font-weight: 500;
    border-bottom: 1px solid var(--palette-bronze-light);
    transition: color 0.2s, border-color 0.2s;
    min-height: 44px; /* Zone d'action tactile confortable pour mobile */
    padding: 5px 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    word-break: break-all; /* Évite les débordements sur longs emails */
    box-sizing: border-box;
  }

  .aude-legal-container a:hover {
    color: var(--palette-bronze);
    border-bottom-color: var(--palette-bronze);
  }

  /* --- AJUSTEMENTS MEDIA QUERIES (Tablette et Desktop) --- */
  @media (min-width: 768px) {
    .aude-legal-container {
      padding: 60px 30px;
    }

    /* Grille multi-colonnes propre pour écrans larges */
    .aude-legal-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(min(100%, 450px), 1fr));
      gap: 40px;
    }

    .aude-legal-col-left,
    .aude-legal-col-right {
      gap: 40px;
    }
  }

  @media (max-width: 380px) {
    .aude-legal-container {
      padding: 25px 10px; /* Plus d'espace disponible sur très petit mobile */
    }
    .aude-legal-container p {
      text-align: center; /* Meilleur rendu typographique sur iPhone SE */
      text-align-last: center;
    }
  }

  /* --- TOKENS DE COULEUR EN HARMONIE AVEC LA HOME --- */
  :root {
    --palette-encre: #1a1a1a;       /* Noir de charbon doux / encre */
    --palette-bronze: #cbb29b;      /* Bronze / Or chaud signature */
    --palette-bronze-light: #dcb395;/* Bronze clair */
    --palette-creme-light: #fdfaf5; /* Beige très clair crème */
    --palette-creme-dark: #f6efe6;  /* Crème soutenu */
    --text-dark: #1a1a1a;
  }

  /* --- INITIALISATION DES MODÈLES DE BOÎTE --- */
  .aude-legal-container,
  .aude-legal-container *,
  .aude-legal-container *:before,
  .aude-legal-container *:after {
    box-sizing: border-box;
  }

  /* --- CONTENEUR DES PAGES LÉGALES MOBILE-SAFE --- */
  .aude-legal-container {
    background-color: var(--palette-creme-dark);
    color: var(--text-dark);
    padding: 30px 15px; /* Padding compact optimisé pour smartphones */
    min-height: 80vh;
    font-family: 'Playfair Display', 'Didot', 'Georgia', serif;
    width: 100%;
    max-width: 100%;
    overflow-x: hidden; /* Protection absolue anti-débordement */
  }

  .aude-legal-inner {
    max-width: 1000px;
    margin: 0 auto;
    width: 100%;
  }

  /* --- TYPOGRAPHIE DYNAMIQUE ET RESPONSIVE --- */
  .aude-legal-title {
    font-family: 'Cormorant Garamond', serif;
    text-align: center;
    font-size: clamp(1.8rem, 5vw, 3rem); /* Ajustement fluide du titre principal (réduit sur mobile) */
    margin-top: 10px;
    margin-bottom: clamp(30px, 6vw, 60px);
    font-weight: 300;
    letter-spacing: -1px;
    color: var(--palette-encre);
    line-height: 1.2;
  }

  /* --- STRUCTURE EN COLONNE SIMPLE ET LISEUSE DE TEXTE --- */
  .aude-legal-sections {
    display: flex;
    flex-direction: column;
    gap: clamp(25px, 5vw, 40px);
    max-width: 800px;
    margin: 0 auto;
    width: 100%;
  }

  /* --- STYLE UNIQUE DES CARTES DE CONTENU --- */
  .aude-legal-container section {
    width: 100%;
    box-sizing: border-box;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

  .aude-legal-container h2 {
    font-family: 'Cormorant Garamond', serif;
    font-size: 1.2rem;
    color: var(--palette-encre);
    margin: 0 0 15px 0;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    position: relative;
    padding-bottom: 10px;
    text-align: center;
  }

  /* Remplacement de l'underline par une ligne stylisée bronze */
  .aude-legal-container h2::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 45px;
    height: 1px;
    background-color: var(--palette-bronze);
  }

  .aude-legal-container p {
    font-family: 'Montserrat', sans-serif;
    font-size: 0.95rem;
    line-height: 1.7;
    margin: 0;
    text-align: justify;
    text-align-last: center;
    font-weight: 300;
  }

  /* --- LISTES ET PUCES RESPONSIVES --- */
  .aude-legal-container ul {
    list-style-type: disc;
    list-style-position: inside;
    font-family: 'Montserrat', sans-serif;
    font-size: 0.95rem;
    line-height: 1.8;
    margin: 15px auto 0 auto;
    padding: 0;
    text-align: left;
    display: table; /* Permet un centrage propre sans déborder sur petit écran */
  }

  /* --- ZONE D'ACTION TACTILE CONFORME (>= 44PX) --- */
  .aude-legal-container a {
    color: var(--palette-encre);
    text-decoration: none;
    font-weight: 500;
    border-bottom: 1px solid var(--palette-bronze-light);
    transition: color 0.2s, border-color 0.2s;
    min-height: 44px; /* Hauteur tactile sécuritaire pour mobile */
    padding: 5px 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    word-break: break-all; /* Évite les débordements sur longs emails */
    box-sizing: border-box;
  }

  .aude-legal-container a:hover {
    color: var(--palette-bronze);
    border-bottom-color: var(--palette-bronze);
  }

  /* --- AJUSTEMENTS MEDIA QUERIES --- */
  @media (min-width: 768px) {
    .aude-legal-container {
      padding: 60px 30px;
    }
  }

  @media (max-width: 380px) {
    .aude-legal-container {
      padding: 25px 10px; /* Plus d'espace disponible sur écran SE */
    }
    .aude-legal-container p {
      text-align: center; /* Meilleur rendu typographique sur iPhone SE */
      text-align-last: center;
    }
  }