/* Variables CSS nécessaires pour la charte graphique */
:root {
    --color-white: #FFFFFF;
    --color-red: #E53935;
    --color-red-dark: #C62828;
    --color-black: #121212;
    --color-light-gray: #F7F7F7;
    --color-medium-gray: #E0E0E0;
    --color-dark-gray: #424242;
    --color-text: #212121;
    --color-text-light: #757575;
    --transition-fast: all 0.2s ease-out;
    --transition-medium: all 0.4s ease-out;
    --transition-slow: all 0.6s ease-out;
}


/* Préfixe tous les sélecteurs par .toutes-branches-page */
.toutes-branches-page .hero-gradient-toutes-branches { position: relative; padding: 120px 0; background-size: cover; background-position: center; color: #fff; }
.toutes-branches-page .hero-gradient-toutes-branches::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(135deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.4) 100%); }
.toutes-branches-page .hero-content-toutes-branches { position: relative; z-index: 1; max-width: 800px; margin: 0 auto; text-align: center; }
.toutes-branches-page .hero-title-toutes-branches {
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 1.2;
  color: #fff; /* Blanc pour le h1 hero */
}
.toutes-branches-page .hero-description-toutes-branches { font-size: 1.25rem; margin-bottom: 2rem; line-height: 1.6; }
.toutes-branches-page .hero-cta-toutes-branches { display: flex; gap: 1rem; justify-content: center; }
.toutes-branches-page .cta-primary-toutes-branches, .toutes-branches-page .cta-secondary-toutes-branches { padding: 1rem 2rem; border-radius: 50px; font-weight: 600; text-decoration: none; transition: all 0.3s ease; }
.toutes-branches-page .cta-primary-toutes-branches { background: #E53935; color: #fff; }
.toutes-branches-page .cta-secondary-toutes-branches { background: transparent; color: #fff; border: 2px solid #fff; }
.toutes-branches-page .cta-primary-toutes-branches:hover { background: #c62828; transform: translateY(-2px); }
.toutes-branches-page .cta-secondary-toutes-branches:hover { background: rgba(255,255,255,0.1); transform: translateY(-2px); }

.toutes-branches-page .intro-section { background: #fff; padding: 60px 0; }
.toutes-branches-page .intro-main { padding: 20px; }
.toutes-branches-page .intro-grid { display: flex; flex-wrap: wrap; gap: 40px; }
.toutes-branches-page .intro-subtitle { color: #E53935; font-size: 1.3rem; margin-bottom: 1.5rem; }
.toutes-branches-page .intro-card { padding: 80px 0; }
.toutes-branches-page .card-content { max-width: 900px; margin: 0 auto; text-align: center; padding: 2rem; }
.toutes-branches-page .card-content h2 { font-size: 2.5rem; margin-bottom: 2rem; color: #333; }
.toutes-branches-page .intro-text { font-size: 1.1rem; line-height: 1.8; color: #666; }

.toutes-branches-page .objectives-header { display: flex; align-items: center; gap: 1rem; margin-bottom: 1.5rem; }
.toutes-branches-page .objectives-list { display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; }
.toutes-branches-page .objectives-timeline-toutes-branches { padding: 80px 0; }
.toutes-branches-page .section-header { text-align: center; margin-bottom: 3rem; }
.toutes-branches-page .section-header h2 { font-size: 2.5rem; color: #333; margin-bottom: 1rem; }
.toutes-branches-page .section-divider { width: 80px; height: 4px; background: #E53935; margin: 0 auto; }
.toutes-branches-page .timeline-container-toutes-branches { max-width: 1000px; margin: 0 auto; position: relative; }
.toutes-branches-page .timeline-container-toutes-branches::before { content: ''; position: absolute; left: 50%; transform: translateX(-50%); width: 2px; height: 100%; background: #E53935; }
.toutes-branches-page .timeline-item-toutes-branches { display: flex; justify-content: center; padding: 2rem 0; position: relative; }
.toutes-branches-page .timeline-icon-toutes-branches { width: 60px; height: 60px; background: #E53935; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 1.5rem; position: absolute; left: 50%; transform: translateX(-50%); z-index: 1; }
.toutes-branches-page .timeline-content-toutes-branches { width: 45%; padding: 2rem; background: #fff; border-radius: 10px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); }
.toutes-branches-page .timeline-content-toutes-branches h3 { font-size: 1.5rem; color: #333; margin-bottom: 1rem; }
.toutes-branches-page .timeline-content-toutes-branches p { color: #666; line-height: 1.6; }

.toutes-branches-page .key-points-section { padding: 80px 0; background-color: #f8f9fa; }
.toutes-branches-page .key-points-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; margin-top: 40px; }
.toutes-branches-page .key-point-card { background: #fff; border-radius: 15px; padding: 30px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); transition: transform 0.3s ease, box-shadow 0.3s ease; position: relative; overflow: hidden; }
.toutes-branches-page .key-point-card:hover { transform: translateY(-5px); box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15); }
.toutes-branches-page .key-point-card::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 4px; background: var(--color-red); transform: scaleX(0); transform-origin: left; transition: transform 0.3s ease; }
.toutes-branches-page .key-point-card:hover::before { transform: scaleX(1); }
.toutes-branches-page .key-point-icon { width: 60px; height: 60px; background: #f8f9fa; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 20px; }
.toutes-branches-page .key-point-icon i { font-size: 24px; color: var(--color-red); }
.toutes-branches-page .key-point-content h3 { font-size: 20px; font-weight: 600; margin-bottom: 15px; color: #333; }
.toutes-branches-page .key-point-content p { font-size: 16px; line-height: 1.6; color: #666; margin: 0; }

.toutes-branches-page .formation-sur-mesure-section { background: #fff; padding: 60px 0; }
.toutes-branches-page .formation-content { margin-bottom: 2rem; }
.toutes-branches-page .formation-cards-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2rem; }
.toutes-branches-page .formation-card { background: #fff; border-radius: 10px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); padding: 2rem; transition: transform 0.3s ease; }
.toutes-branches-page .formation-card:hover { transform: translateY(-5px); }
.toutes-branches-page .formation-card-icon { font-size: 2.5rem; color: #E53935; margin-bottom: 1rem; }
.toutes-branches-page .formation-card-content { text-align: center; }
.toutes-branches-page .formation-card-title { font-size: 1.5rem; font-weight: 600; color: #E53935; margin-bottom: 1rem; }
.toutes-branches-page .formation-card-text { color: #666; line-height: 1.6; }

.toutes-branches-page .why-afaway-section { background: #f8f9fa; padding: 60px 0; }
.toutes-branches-page .why-afaway-content { font-size: 1.1rem; color: #333; margin-bottom: 2rem; }
.toutes-branches-page .why-afaway-cards-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
}
.toutes-branches-page .why-afaway-card { background: #fff; border-radius: 10px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); padding: 2rem; transition: transform 0.3s ease; }
.toutes-branches-page .why-afaway-card:hover { transform: translateY(-5px); }
.toutes-branches-page .why-afaway-card-icon { font-size: 2.5rem; color: #E53935; margin-bottom: 1rem; }
.toutes-branches-page .why-afaway-card-content { text-align: center; }
.toutes-branches-page .why-afaway-card-title { font-size: 1.5rem; font-weight: 600; color: #333; margin-bottom: 1rem; }
.toutes-branches-page .why-afaway-card-text { color: #666; line-height: 1.6; }

/* Pour la 5ème card (3ème ligne, centrée) */
.toutes-branches-page .why-afaway-cards-grid > .why-afaway-card:nth-child(5) {
    grid-column: 1 / span 2;
    justify-self: center;
    max-width: 400px;
}
@media (max-width: 900px) {
  .toutes-branches-page .why-afaway-cards-grid {
    grid-template-columns: 1fr;
  }
  .toutes-branches-page .why-afaway-cards-grid > .why-afaway-card:nth-child(5) {
    grid-column: auto;
    max-width: 100%;
  }
}

.toutes-branches-page .audience-cards { background: #fff; padding: 60px 0; }
.toutes-branches-page .audience-section-title { font-size: 2.2rem; font-weight: 700; margin-bottom: 1.5rem; color: #E53935; }
.toutes-branches-page .audience-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2rem;
}
.toutes-branches-page .audience-card { background: #fff; border-radius: 10px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); transition: transform 0.3s ease; padding: 2rem; }
.toutes-branches-page .audience-card:hover { transform: translateY(-5px); }
.toutes-branches-page .audience-icon { font-size: 2.5rem; color: #E53935; margin-bottom: 1rem; }
.toutes-branches-page .audience-title { font-size: 1.5rem; font-weight: 600; color: #333; margin-bottom: 1rem; }
.toutes-branches-page .audience-desc { color: #666; line-height: 1.6; }

.toutes-branches-page .format-cards { background: #f8f9fa; padding: 60px 0; }
.toutes-branches-page .format-section-title { font-size: 2.2rem; font-weight: 700; margin-bottom: 1.5rem; color: #E53935; }
.toutes-branches-page .format-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2rem; }
.toutes-branches-page .format-card { background: #fff; border-radius: 10px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); transition: transform 0.3s ease; padding: 2rem; }
.toutes-branches-page .format-card:hover { transform: translateY(-5px); }
.toutes-branches-page .format-icon { font-size: 2.5rem; color: #121212; margin-bottom: 1rem; }
.toutes-branches-page .format-title { font-size: 1.5rem; font-weight: 600; color: #333; margin-bottom: 1rem; }
.toutes-branches-page .format-desc { color: #666; line-height: 1.6; }

.toutes-branches-page .benefits-timeline-section { background: #fff; padding: 60px 0; }
.toutes-branches-page .benefits-section-title { font-size: 2.2rem; font-weight: 700; margin-bottom: 1.5rem; color: #E53935; }
.toutes-branches-page .benefits-timeline {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    position: relative;
    margin: 0 auto;
    max-width: 1200px;
    padding: 2.5rem 0 0.5rem 0;
}

.toutes-branches-page .benefits-timeline::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 75px;
    height: 4px;
    background: #E53935;
    z-index: 1;
}

.toutes-branches-page .benefit-step {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: 200px;
    min-width: 160px;
    background: transparent;
    position: relative;
    z-index: 2;
}

.toutes-branches-page .benefit-step-icon {
    width: 70px;
    height: 70px;
    background: #E53935;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 15px rgba(229,57,53,0.15);
    margin-bottom: 1rem;
    position: relative;
    z-index: 3;
}

.toutes-branches-page .benefit-step-icon i {
    color: #fff !important;
    font-size: 2.2rem;
}

.toutes-branches-page .benefit-step-title {
    color: #E53935;
    font-size: 1.1rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
    margin-top: 0.2rem;
}

.toutes-branches-page .benefit-step-desc {
    color: #666;
    font-size: 1rem;
    line-height: 1.5;
    margin: 0;
}

.toutes-branches-page .testimonials-section { background: #f8f9fa; padding: 60px 0; }
.toutes-branches-page .section-header { text-align: center; margin-bottom: 3rem; }
.toutes-branches-page .testimonials-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2rem; }
.toutes-branches-page .testimonial-item { background: #fff; padding: 2rem; border-radius: 10px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); }
.toutes-branches-page .testimonial-content { font-style: italic; color: #666; line-height: 1.6; margin-bottom: 1.5rem; }
.toutes-branches-page .testimonial-author { display: flex; flex-direction: column; color: #333; font-size: 1.1rem; }
.toutes-branches-page .testimonial-author strong { color: #333; font-size: 1.1rem; }
.toutes-branches-page .testimonial-author span { color: #666; font-size: 0.9rem; }

.toutes-branches-page .cta-animated { background: linear-gradient(135deg, #fff, #f8f9fa); padding: 60px 0; text-align: center; }
.toutes-branches-page .cta-icon { font-size: 2.5rem; color: #E53935; margin-bottom: 1rem; }
.toutes-branches-page .cta-title { font-size: 2.2rem; font-weight: 700; color: #333; margin-bottom: 1rem; }
.toutes-branches-page .cta-subtitle { color: #E53935; font-size: 1.3rem; margin-bottom: 1.5rem; }
.toutes-branches-page .cta-buttons { display: flex; gap: 1rem; justify-content: center; margin-top: 2rem; }
.toutes-branches-page .cta-btn {
    display: inline-block;
    min-width: 220px;
    padding: 1rem 2rem;
    border-radius: 40px;
    font-weight: 700;
    font-size: 1.05rem;
    text-align: center;
    cursor: pointer;
    transition: transform 0.2s cubic-bezier(0.4,0,0.2,1), box-shadow 0.2s cubic-bezier(0.4,0,0.2,1), background 0.2s, color 0.2s, border 0.2s;
    z-index: 999 !important;
    position: relative !important;
    border: none;
    background: #E53935;
    color: #fff;
    box-shadow: none;
    margin: 0 0.5rem;
}
.toutes-branches-page .cta-btn.primary {
    background: #E53935 !important;
    color: #fff !important;
    border: none !important;
    box-shadow: none !important;
}
.toutes-branches-page .cta-btn.secondary {
    background: transparent !important;
    color: #fff !important;
    border: 2px solid #fff !important;
    box-shadow: none !important;
}
.toutes-branches-page .cta-btn:hover {
    transform: translateY(-6px) scale(1.04) !important;
    box-shadow: 0 8px 24px rgba(229,57,53,0.18) !important;
    filter: brightness(1.05);
}
.toutes-branches-page .cta-info { margin-top: 2rem; color: #333; }
.toutes-branches-page .cta-info i { margin-right: 0.5rem; color: #E53935; }

.toutes-branches-page .cta-animated .cta-title {
    color: #fff !important;
    text-align: center !important;
    margin-bottom: 1rem !important;
}

.toutes-branches-page .cta-animated .cta-paragraph {
    color: #fff !important;
    text-align: center !important;
    font-size: 1.2rem !important;
    margin-bottom: 2rem !important;
    max-width: 700px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Responsive et autres classes utilitaires */
@media (max-width: 1024px) {
  .toutes-branches-page .key-points-grid,
  .toutes-branches-page .formation-cards-grid,
  .toutes-branches-page .why-afaway-cards-grid,
  .toutes-branches-page .audience-grid,
  .toutes-branches-page .format-grid,
  .toutes-branches-page .testimonials-grid {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 768px) {
  .toutes-branches-page .hero-title-toutes-branches {
    font-size: 2rem;
    line-height: 1.15;
  }
  .toutes-branches-page .hero-description-toutes-branches { font-size: 1.1rem; }
  .toutes-branches-page .hero-cta-toutes-branches { flex-direction: column; }
  .toutes-branches-page .key-points-grid,
  .toutes-branches-page .formation-cards-grid,
  .toutes-branches-page .why-afaway-cards-grid,
  .toutes-branches-page .audience-grid,
  .toutes-branches-page .format-grid,
  .toutes-branches-page .testimonials-grid {
    grid-template-columns: 1fr;
  }
  .toutes-branches-page .cta-buttons { flex-direction: column; }
  .toutes-branches-page .section-title-red,
  .toutes-branches-page .section-title-black {
    font-size: 1.5rem;
    line-height: 1.15;
  }
  .toutes-branches-page .formation-card-title,
  .toutes-branches-page .why-afaway-card-title,
  .toutes-branches-page .audience-title,
  .toutes-branches-page .format-title,
  .toutes-branches-page .benefit-step-title,
  .toutes-branches-page .key-point-content h3 {
    font-size: 1.1rem;
    line-height: 1.1;
  }
}
@media (max-width: 900px) {
  .toutes-branches-page .audience-grid {
    grid-template-columns: 1fr 1fr;
  }
  .toutes-branches-page .benefits-timeline {
        flex-direction: column;
    align-items: center;
    max-width: 100%;
    padding: 1.5rem 0 0.5rem 0;
  }
  .toutes-branches-page .benefits-timeline::before {
    top: unset;
    left: 50%;
    width: 4px;
    height: 100%;
    min-height: 300px;
    background: #E53935;
    z-index: 1;
    transform: translateX(-50%);
}
  .toutes-branches-page .benefit-step {
    flex-direction: row;
    width: 100%;
    min-width: unset;
    margin-bottom: 2.5rem;
        justify-content: flex-start;
    align-items: center;
    text-align: left;
  }
  .toutes-branches-page .benefit-step-icon {
    margin-bottom: 0;
    margin-right: 1.2rem;
  }
  .toutes-branches-page .benefit-step-title {
    margin-top: 0;
    margin-bottom: 0.2rem;
  }
}
@media (max-width: 600px) {
  .toutes-branches-page .container {
    padding-left: 4px;
    padding-right: 4px;
    max-width: 100%;
}
  .toutes-branches-page .audience-grid {
    grid-template-columns: 1fr;
  }
  .toutes-branches-page .benefit-step {
    width: 100%;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-bottom: 2rem;
  }
  .toutes-branches-page .benefit-step-icon {
    width: 55px;
    height: 55px;
    font-size: 1.5rem;
    margin-right: 0;
    margin-bottom: 0.7rem;
  }
  .toutes-branches-page .benefit-step-title {
    font-size: 1rem;
  }
  .toutes-branches-page .benefit-step-desc {
    font-size: 0.95rem;
}
  .toutes-branches-page .key-points-section {
    padding: 40px 0 20px 0 !important;
    background-color: #f8f9fa !important;
  }
  
  .toutes-branches-page .key-points-section .container {
    padding: 0 20px !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  
  .toutes-branches-page .key-points-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 16px !important;
    margin-top: 20px !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
  }
  
  .toutes-branches-page .key-point-card {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 20px !important;
    border-radius: 12px !important;
    background: #fff !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1) !important;
    display: block !important;
    box-sizing: border-box !important;
    position: relative !important;
    overflow: visible !important;
  }
  
  .toutes-branches-page .key-point-icon {
    width: 40px !important;
    height: 40px !important;
    margin-bottom: 12px !important;
  }
  
  .toutes-branches-page .key-point-icon i {
    font-size: 1.2rem !important;
  }
  
  .toutes-branches-page .key-point-content h3 {
    font-size: 1.1rem !important;
    margin-bottom: 8px !important;
  }
  
  .toutes-branches-page .key-point-content p {
    font-size: 0.98rem !important;
  }
}

/* Titres de section personnalisés */
.toutes-branches-page .section-title-red { color: #E53935; font-weight: 700; }
.toutes-branches-page .section-title-black { color: #121212; font-weight: 700; }
.toutes-branches-page .bg-white { background: #fff; }
.toutes-branches-page .bg-light { background: #f8f9fa; }

/* Classes utilitaires dupliquées et préfixées pour la page Toutes Branches */
.toutes-branches-page .container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.toutes-branches-page .bg-white {
    background: var(--color-white);
}

.toutes-branches-page .bg-light {
    background: var(--color-light-gray);
}

.toutes-branches-page .section-header {
    text-align: center;
    margin-bottom: 3rem;
}

.toutes-branches-page .section-header h2 {
    font-size: 2.5rem;
    color: var(--color-black);
    margin-bottom: 1rem;
}

.toutes-branches-page .section-divider {
    width: 80px;
    height: 4px;
    background: var(--color-red);
    margin: 0 auto;
}

.toutes-branches-page .card-content {
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
    padding: 2rem;
}

.toutes-branches-page .intro-card {
    background: var(--color-white);
    padding: 60px 0;
}

.toutes-branches-page .intro-text {
    font-size: 1.1rem;
    line-height: 1.8;
    color: var(--color-text);
}

.toutes-branches-page .assurance-types {
    display: flex;
    gap: 2rem;
    justify-content: center;
    margin-top: 2rem;
}

.toutes-branches-page .type-vie, .toutes-branches-page .type-nonvie {
    background: var(--color-light-gray);
    border-radius: 10px;
    padding: 1.5rem;
    min-width: 220px;
}

.toutes-branches-page .type-vie h3, .toutes-branches-page .type-nonvie h3 {
    color: var(--color-red);
    font-size: 1.2rem;
    margin-bottom: 1rem;
}

.toutes-branches-page .type-vie ul, .toutes-branches-page .type-nonvie ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.toutes-branches-page .type-vie li, .toutes-branches-page .type-nonvie li {
    color: var(--color-black);
    margin-bottom: 0.5rem;
    position: relative;
    padding-left: 1.2em;
}

.toutes-branches-page .type-vie li::before, .toutes-branches-page .type-nonvie li::before {
    content: '\2022';
    color: var(--color-red);
    position: absolute;
    left: 0;
}

.toutes-branches-page .format-infographic {
    background: var(--color-white);
    padding: 60px 0;
}

.toutes-branches-page .format-content {
    font-size: 1.1rem;
    color: var(--color-text);
    max-width: 900px;
    margin: 0 auto;
}

.toutes-branches-page .stats-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 2rem;
    margin-top: 2rem;
}

.toutes-branches-page .stat-card {
    background: var(--color-white);
    border-radius: 10px;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    padding: 2rem;
    text-align: center;
}

.toutes-branches-page .stat-icon {
    font-size: 2.5rem;
    color: var(--color-red);
    margin-bottom: 1rem;
}

.toutes-branches-page .stat-content {
    color: var(--color-black);
        font-size: 1.1rem;
    }

.toutes-branches-page .steps-container {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    justify-content: center;
    margin-top: 2rem;
}

/* Force absolue pour mobile - Section Points Clés */
@media screen and (max-width: 600px) {
  body .toutes-branches-page .key-points-section .key-points-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-auto-columns: 1fr !important;
    grid-auto-flow: row !important;
    gap: 16px !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  
  body .toutes-branches-page .key-points-section .key-points-grid .key-point-card {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
  }
  
  /* Désactive complètement le minmax */
  body .toutes-branches-page .key-points-grid {
    grid-template-columns: 1fr !important;
  }
}

@media screen and (max-width: 600px) {
  body .toutes-branches-page .testimonials-section .testimonials-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-auto-columns: 1fr !important;
    grid-auto-flow: row !important;
    gap: 16px !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  body .toutes-branches-page .testimonials-section .testimonials-grid .testimonial-item {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    }
} 