/* ==========================================================================
   MODULE SERVICES - INDEX & DETAIL
   ========================================================================== */

   .page-services-list,
   .page-services-single {
       font-family: 'Plus Jakarta Sans', sans-serif;
       background-color: #fcfbfa;
       box-sizing: border-box;
   }
   
   .services-hero-banner {
       background-color: #0b0c08;
       padding: 140px 24px 80px 24px;
       text-align: center;
   }
   
   .services-pretitle {
       display: block;
       color: #8da84e;
       font-size: 13px;
       font-weight: 700;
       letter-spacing: 2px;
       text-transform: uppercase;
       margin-bottom: 15px;
   }
   
   .services-hero-banner h1 {
       font-family: 'Cinzel', serif;
       color: #ffffff;
       font-size: 2.6rem;
       margin: 0 0 20px 0;
   }
   
   .services-hero-banner p {
       color: #cccccc;
       font-size: 16px;
       max-width: 750px;
       margin: 0 auto;
       line-height: 1.6;
   }
   
   /* ======================================
       VUE LISTE : GRILLE DES SERVICES
   ====================================== */
   .services-list-container,
   .services-single-container {
       padding: 80px 24px;
       max-width: 1200px;
       margin: 0 auto;
   }
   
   .services-grid {
       display: grid;
       grid-template-columns: repeat(3, 1fr);
       gap: 35px;
       margin-bottom: 60px;
   }
   
   .service-card {
       background: #ffffff;
       border: 1px solid #eae8e5;
       border-radius: 8px;
       padding: 45px 30px;
       text-align: center;
       transition: transform 0.3s ease, border-color 0.3s ease;
   }
   .service-card img {
       width: 100%;
   }
   
   .service-card:hover {
       transform: translateY(-5px);
       border-color: #8da84e;
   }
   
   .service-icon {
       font-size: 32px;
       color: #8da84e;
       margin-bottom: 20px;
   }
   
   .service-card h2 {
       font-family: 'Cinzel', serif;
       font-size: 1.35rem;
       color: #1a1b15;
       margin: 0 0 15px 0;
   }
   
   .service-card p {
       font-size: 14px;
       color: #555555;
       line-height: 1.6;
       margin-bottom: 25px;
       height: 80px; /* Aligne la hauteur des textes */
       overflow: hidden;
   }
   
   .btn-service-more {
       font-size: 13px;
       color: #1a1b15;
       text-decoration: none;
       font-weight: 600;
       transition: color 0.2s;
   }
   
   .service-card:hover .btn-service-more {
       color: #8da84e;
   }
   
   /* ZONE CTA INFERIEURE */
   .services-cta-box {
       background: #ffffff;
       border: 1px solid #eae8e5;
       border-radius: 8px;
       padding: 40px;
       text-align: center;
       max-width: 800px;
       margin: 0 auto;
   }
   
   .services-cta-box h3 {
       font-family: 'Cinzel', serif;
       font-size: 1.5rem;
       margin: 0 0 10px 0;
   }
   
   .services-cta-box p {
       font-size: 15px;
       color: #666;
       margin-bottom: 25px;
   }
   
   .btn-cta-global {
       display: inline-block;
       background: #2B353F;
       color: #ffffff;
       text-decoration: none;
       padding: 12px 35px;
       font-weight: 600;
       border-radius: 4px;
       font-size: 14px;
       transition: background 0.2s;
   }
   
   .btn-cta-global:hover {
       background: #8da84e;
   }
   
   /* ======================================
       VUE SINGLE : STRUCTURE DÉTAIL
   ====================================== */
   .service-content-layout {
       display: grid;
       grid-template-columns: 2fr 1fr;
       gap: 50px;
       margin-top: 35px;
   }
   
   .service-intro {
       font-size: 17px;
       line-height: 1.7;
       color: #2B353F;
       margin-bottom: 40px;
   }
   
   .service-main-text h2 {
       font-family: 'Cinzel', serif;
       font-size: 1.6rem;
       margin-bottom: 20px;
   }
   
   .service-points-list {
       list-style: none;
       padding: 0;
       margin: 0 0 40px 0;
   }
   
   .service-points-list li {
       font-size: 15px;
       line-height: 1.6;
       color: #444444;
       margin-bottom: 12px;
       display: flex;
       align-items: flex-start;
       gap: 10px;
   }
   
   .service-points-list .bullet {
       color: #8da84e;
       font-weight: bold;
   }
   
   .service-advice-box {
       background: #f0eeeb;
       border-left: 4px solid #8da84e;
       padding: 20px 25px;
       border-radius: 0 6px 6px 0;
   }
   
   .service-advice-box strong {
       display: block;
       font-size: 14px;
       color: #1a1b15;
       margin-bottom: 5px;
   }
   
   .service-advice-box p {
       font-size: 14px;
       color: #555555;
       margin: 0;
       line-height: 1.5;
   }
   
   /* SIDEBAR ACTIONS */
   .service-sidebar-action {
       background: #ffffff;
       border: 1px solid #eae8e5;
       border-radius: 8px;
       padding: 35px 25px;
       align-self: flex-start;
       position: sticky;
       top: 40px;
       text-align: center;
   }
   
   .service-sidebar-action h3 {
       font-family: 'Cinzel', serif;
       font-size: 1.2rem;
       margin: 0 0 15px 0;
       line-height: 1.4;
   }
   
   .service-sidebar-action p {
       font-size: 13.5px;
       color: #666666;
       line-height: 1.6;
       margin-bottom: 25px;
   }
   
   .btn-sidebar-cta {
       display: block;
       background: #8da84e;
       color: #ffffff;
       text-decoration: none;
       padding: 14px 20px;
       border-radius: 4px;
       font-weight: 600;
       font-size: 14px;
       transition: background 0.2s;
   }
   
   .btn-sidebar-cta:hover {
       background: #1a1b15;
   }
   
   .sidebar-notice {
       display: block;
       font-size: 11px;
       color: #999999;
       margin-top: 15px;
   }
   
   /* RESPONSIVE */
   @media (max-width: 992px) {
       .services-grid { grid-template-columns: 1fr; max-width: 450px; margin: 0 auto 40px auto; }
       .service-content-layout { grid-template-columns: 1fr; gap: 40px; }
       .service-sidebar-action { position: static; }
   }