.elementor-13174 .elementor-element.elementor-element-38f6006{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13174 .elementor-element.elementor-element-0fc65ef{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13174 .elementor-element.elementor-element-86facff{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13174 .elementor-element.elementor-element-836b9bf{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13174 .elementor-element.elementor-element-45f74ce{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13174 .elementor-element.elementor-element-9b51c65{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13174 .elementor-element.elementor-element-14c160f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for shortcode, class: .elementor-element-09c273a *//* =============================================================
   HERO — Page Detailing Automobile
   Navigateurs : Chrome, Firefox, Safari, Edge
   Responsive  : mobile (< 480px), tablette (481–1024px), desktop (> 1024px)
   ============================================================= */

/* ── HERO ── */
.pv-hero {
  position: relative;
  height: 75vh;
  min-height: 540px;
  background: #080808;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/* ── FOND statique + slides ── */
.pv-hero-bg,
.pv-hero-slide {
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-filter: brightness(.4) saturate(.7);
          filter: brightness(.4) saturate(.7);
  -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
          transform: scale(1.05);
  opacity: 0;
  -webkit-transition: opacity 1.2s ease-in-out;
       -o-transition: opacity 1.2s ease-in-out;
          transition: opacity 1.2s ease-in-out;
}
.pv-hero-bg               { opacity: 1; }
.pv-hero-slide.is-active  { opacity: 1; }

/* ── OVERLAY ── */
.pv-hero-overlay {
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  background: -webkit-linear-gradient(350deg, rgba(8,8,8,.88) 40%, transparent);
  background:    -moz-linear-gradient(350deg, rgba(8,8,8,.88) 40%, transparent);
  background:      -o-linear-gradient(350deg, rgba(8,8,8,.88) 40%, transparent);
  background:         linear-gradient(100deg,  rgba(8,8,8,.88) 40%, transparent);
  z-index: 1;
}

/* ── CONTENU ── */
.pv-hero-content {
  position: relative;
  z-index: 2;
  width: 100%;
  padding-bottom: 100px;
}
.pv-inner {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 48px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* ── BREADCRUMB RankMath ── */
.pv-breadcrumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
  font-family: 'Barlow', sans-serif;
  font-size: .62rem;
  font-weight: 500;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: rgba(248,248,244,.35);
  margin-bottom: 24px;
}
.pv-breadcrumb a {
  color: rgba(248,248,244,.35) !important;
  text-decoration: none !important;
  -webkit-transition: color .2s;
       -o-transition: color .2s;
          transition: color .2s;
}
.pv-breadcrumb a:hover   { color: #84CC16 !important; }
.pv-bc-active,
.pv-breadcrumb .last     { color: #84CC16 !important; }
.pv-breadcrumb .separator { color: rgba(248,248,244,.2); }

/* ── KICKER ── */
.pv-kicker {
  font-family: 'Barlow', sans-serif;
  font-size: .62rem;
  font-weight: 500;
  letter-spacing: .28em;
  text-transform: uppercase;
  color: #84CC16 !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  margin-bottom: 16px;
  margin-top: 0;
}
.pv-kicker::before {
  content: '';
  display: block;
  width: 32px;
  height: 2px;
  background: #84CC16;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

/* ── H1 ── */
.pv-title {
  font-family: 'Bebas Neue', sans-serif !important;
  font-size: 6.5rem !important; /* fallback desktop */
  font-size: clamp(3rem, 7vw, 6.5rem) !important;
  letter-spacing: .03em !important;
  line-height: .92 !important;
  color: #F8F8F4 !important;
  margin-bottom: 20px !important;
  margin-top: 0 !important;
  -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
}
.pv-title span { color: #84CC16 !important; }

/* ── SOUS-TITRE ── */
.pv-sub {
  font-size: 1rem !important;
  font-weight: 300 !important;
  color: rgba(248,248,244,.6) !important;
  line-height: 1.75 !important;
  max-width: 560px;
  margin-bottom: 36px !important;
  margin-top: 0 !important;
  -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
}

/* ── BOUTONS ── */
.pv-ctas {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.pv-btn-primary {
  font-family: 'Bebas Neue', sans-serif !important;
  font-size: .8rem !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
  background: #84CC16 !important;
  color: #000 !important;
  border: 1px solid #84CC16 !important;
  padding: 13px 28px !important;
  border-radius: 2px !important;
  text-decoration: none !important;
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  gap: 8px !important;
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
  -webkit-transition: background .2s, color .2s, border-color .2s !important;
       -o-transition: background .2s, color .2s, border-color .2s !important;
          transition: background .2s, color .2s, border-color .2s !important;
  -webkit-font-smoothing: antialiased !important;
  cursor: pointer;
}
.pv-btn-primary:hover {
  background: #080808 !important;
  color: #fff !important;
  border-color: #fff !important;
}
.pv-btn-outline {
  font-family: 'Bebas Neue', sans-serif !important;
  font-size: .8rem !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
  background: transparent !important;
  color: #F8F8F4 !important;
  border: 1px solid rgba(255,255,255,.35) !important;
  padding: 13px 28px !important;
  border-radius: 2px !important;
  text-decoration: none !important;
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  gap: 8px !important;
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
  -webkit-transition: background .2s, border-color .2s !important;
       -o-transition: background .2s, border-color .2s !important;
          transition: background .2s, border-color .2s !important;
  cursor: pointer;
}
.pv-btn-outline:hover {
  background: rgba(255,255,255,.08) !important;
  border-color: rgba(255,255,255,.7) !important;
}

/* ── DOTS diaporama — bas droite au-dessus des stats ── */
.pv-dots {
  position: absolute;
  bottom: 72px;
  right: 48px;
  z-index: 4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
.pv-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: rgba(255,255,255,.25);
  border: none;
  padding: 0;
  cursor: pointer;
  -webkit-transition: background .3s, -webkit-transform .3s;
          transition: background .3s, transform .3s;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.pv-dot.is-active {
  background: #84CC16;
  -webkit-transform: scale(1.35);
      -ms-transform: scale(1.35);
          transform: scale(1.35);
}
.pv-dot:hover { background: rgba(255,255,255,.55); }

/* ── STATS barre bas ── */
.pv-stats {
  position: absolute;
  bottom: 0; left: 0; right: 0;
  z-index: 3;
  background: rgba(8,8,8,.75); /* fallback sans backdrop-filter */
  -webkit-backdrop-filter: blur(12px);
          backdrop-filter: blur(12px);
  border-top: 1px solid rgba(255,255,255,.07);
}
.pv-stats-inner {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.pv-stat {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 18px 24px;
  border-right: 1px solid rgba(255,255,255,.07);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 14px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.pv-stat:last-child { border-right: none; }
.pv-stat-ico {
  width: 38px;
  height: 38px;
  border-radius: 3px;
  background: rgba(132,204,22,.1);
  border: 1px solid rgba(132,204,22,.2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.pv-stat-num {
  font-family: 'Bebas Neue', sans-serif !important;
  font-size: 1.5rem !important;
  letter-spacing: .04em !important;
  color: #F8F8F4 !important;
  line-height: 1 !important;
  -webkit-font-smoothing: antialiased;
}
.pv-stat-num span {
  color: #84CC16 !important;
  font-size: 1rem !important;
  margin-left: 2px !important;
}
.pv-stat-label {
  font-size: .62rem !important;
  font-weight: 300 !important;
  color: rgba(248,248,244,.35) !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  margin-top: 3px !important;
}

/* ══════════════════════════════════════════
   TABLETTE — 481px à 1024px
   ══════════════════════════════════════════ */
@media screen and (max-width: 1100px) {
  .pv-inner        { padding: 0 32px; }
  .pv-stats-inner  { padding: 0 32px; }
  .pv-stat         { padding: 16px 18px; gap: 10px; }
  .pv-dots         { right: 32px; bottom: 72px; }
}

@media screen and (max-width: 1024px) {
  .pv-hero         { height: 80vh; min-height: 500px; }
  .pv-title        { font-size: 5rem !important;
                     font-size: clamp(2.8rem, 6.5vw, 5rem) !important; }
}

/* ══════════════════════════════════════════
   MOBILE — jusqu'à 767px
   ══════════════════════════════════════════ */
@media screen and (max-width: 767px) {
  .pv-hero         { height: auto; min-height: 0; padding: 80px 0 120px; }
  .pv-inner        { padding: 0 20px; }
  .pv-stats-inner  { padding: 0 20px; }

  .pv-title {
    font-size: 4rem !important;
    font-size: clamp(2.5rem, 12vw, 4rem) !important;
  }
  .pv-sub          { font-size: .9rem !important; max-width: 100%; }
  .pv-ctas         { -webkit-box-orient: vertical; -webkit-box-direction: normal;
                     -ms-flex-direction: column; flex-direction: column;
                     -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
  .pv-btn-primary,
  .pv-btn-outline  { width: 100% !important; -webkit-box-pack: center !important;
                     -ms-flex-pack: center !important; justify-content: center !important; }

  .pv-stats-inner  {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
  }
  .pv-stat         { border-right: none; border-bottom: 1px solid rgba(255,255,255,.07); }
  .pv-stat:nth-child(3) { border-bottom: none; }
  .pv-stat-num     { font-size: 1.3rem !important; }

  .pv-dots         { right: 20px; bottom: 88px; }
}

/* ══════════════════════════════════════════
   TRÈS PETIT MOBILE — moins de 400px
   ══════════════════════════════════════════ */
@media screen and (max-width: 400px) {
  .pv-title        { font-size: 2.2rem !important; }
  .pv-stat-label   { display: none; }
  .pv-inner        { padding: 0 16px; }
  .pv-dots         { right: 16px; }
}

/* ══════════════════════════════════════════
   GRAND ÉCRAN — plus de 1400px
   ══════════════════════════════════════════ */
@media screen and (min-width: 1400px) {
  .pv-hero         { min-height: 600px; }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-626bb96 *//*
 * ============================================================
 * LAVAGE ATTITUDE — CSS Grille Prestations
 * ============================================================
 * Usage   : Elementor > Widget Shortcode > CSS personnalisé
 *           OU Apparence > CSS additionnel (global)
 * Préfixe : .lad-  (aucun conflit Elementor / thème)
 * Auteur  : INYOUZ — Marion COUTURE
 * Màj     : Avril 2026
 * ============================================================
*/

/* ---- Variables ---- */
.lad-section {
  --lad-green    : #84CC16;
  --lad-dark     : #080808;
  --lad-bg       : #F2F1EE;
  --lad-card-bg  : #FFFFFF;
  --lad-border   : #E4E4E0;
  --lad-cat-color: #84CC16;
  --lad-num-color: rgba(0, 0, 0, 0.07);
  --lad-txt      : #5A5A5A;
  --lad-muted    : #5A5A5A;
  --lad-font-hd  : 'Bebas Neue', sans-serif;
  --lad-font-bd  : 'Barlow', sans-serif;

  font-family : var(--lad-font-bd);
  background  : var(--lad-bg);
  padding     : 48px 0 64px;
  width       : 100%;
}

/* ============================================================
   FILTRES — style need-tab avec SVG inline
   ============================================================ */
.lad-filters {
  display       : flex;
  flex-wrap     : wrap;
  gap           : 8px;
  margin-bottom : 40px;
  padding       : 0;
  max-width     : 1400px;
  margin-left   : auto;
  margin-right  : auto;
}

.lad-filter {
  font-family    : 'Bebas Neue', sans-serif;
  font-size      : 0.78rem;
  letter-spacing : 0.14em;
  text-transform : uppercase;
  padding        : 10px 20px;
  border-radius  : 2px;
  border         : 1px solid var(--lad-border);
  background     : #FFFFFF;
  color          : var(--lad-dark);
  cursor         : pointer;
  white-space    : nowrap;
  display        : flex;
  align-items    : center;
  gap            : 8px;
  transition     : background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
  line-height    : 1;
}

/* SVG dans les filtres */
.lad-filter svg {
  width        : 18px;
  height       : 18px;
  fill         : none;
  stroke       : var(--lad-dark);
  stroke-width : 1.8;
  stroke-linecap: round;
  flex-shrink  : 0;
  transition   : stroke 0.2s ease;
}

.lad-filter:hover {
  border-color : var(--lad-green);
}

.lad-filter:hover svg {
  stroke : var(--lad-green);
}

/* Actif */
.lad-filter.active {
  background   : var(--lad-dark);
  border-color : var(--lad-dark);
  color        : #F8F8F4;
}

.lad-filter.active svg {
  stroke : var(--lad-green);
}

/* ============================================================
   GRILLE
   ============================================================ */
.lad-grid {
  display               : grid;
  grid-template-columns : repeat(5, 1fr);
  gap                   : 1px;
  background            : var(--lad-border);
  max-width             : 1400px;
  margin                : 0 auto;
}

/* ============================================================
   CARTE
   ============================================================ */
.lad-card {
  background     : var(--lad-card-bg);
  padding        : 28px 24px 24px;
  display        : flex;
  flex-direction : column;
  position       : relative;
  border-bottom  : 3px solid transparent;
  transition     : border-color 0.2s ease;
  min-height     : 220px;
}

.lad-card:hover {
  border-bottom-color : var(--lad-green);
}

.lad-card.lad-hidden {
  display : none;
}

/* ---- Header carte ---- */
.lad-card-head {
  display         : flex;
  justify-content : space-between;
  align-items     : flex-start;
  margin-bottom   : 10px;
  gap             : 8px;
}

.lad-card-cat {
  display        : flex;
  align-items    : center;
  gap            : 5px;
  font-family    : 'Barlow', sans-serif;
  font-size      : 11px;
  font-weight    : 600;
  letter-spacing : 0.1em;
  text-transform : uppercase;
  color          : var(--lad-cat-color);
  line-height    : 1.2;
}

.lad-picto {
  width       : 14px;
  height      : 14px;
  object-fit  : contain;
  flex-shrink : 0;
  filter      : brightness(0) saturate(100%)
                invert(68%) sepia(60%) saturate(600%)
                hue-rotate(50deg) brightness(1.05);
}

.lad-num {
  font-family    : 'Bebas Neue', sans-serif;
  font-size      : 52px;
  line-height    : 1;
  color          : var(--lad-num-color);
  letter-spacing : -0.02em;
  user-select    : none;
  white-space    : nowrap;
  margin-top     : -6px;
}

/* ---- Titre ---- */
.lad-card-titre {
  font-family    : 'Bebas Neue', sans-serif !important;
  font-size      : 22px !important;
  letter-spacing : 0.02em;
  line-height    : 1.1;
  color          : var(--lad-dark) !important;
  margin         : 0 0 12px !important;
  text-transform : uppercase;
  padding        : 0 !important;
  transition     : color 0.2s;
}

.lad-card:hover .lad-card-titre {
  color : var(--lad-green) !important;
}

/* ---- Description ---- */
.lad-card-desc {
  font-family   : 'Barlow', sans-serif;
  font-size     : 13px;
  font-weight   : 300;
  line-height   : 1.75;
  color         : var(--lad-txt);
  margin        : 0;
  padding-bottom: 20px;
  flex-grow     : 1;
}

/* ---- CTA ---- */
.lad-card-cta {
  display         : inline-flex;
  align-items     : center;
  gap             : 6px;
  font-family     : 'Bebas Neue', sans-serif;
  font-size       : 0.75rem;
  letter-spacing  : 0.16em;
  text-transform  : uppercase;
  color           : var(--lad-green);
  text-decoration : none;
  margin-top      : auto;
  width           : fit-content;
  transition      : gap 0.2s ease;
}

.lad-card-cta svg {
  width      : 14px;
  height     : 14px;
  stroke     : var(--lad-green);
  transition : transform 0.2s ease;
  flex-shrink: 0;
}

.lad-card-cta:hover {
  text-decoration : none;
  gap             : 10px;
}

.lad-card-cta:hover svg {
  transform : translateX(3px);
}

/* ---- Messages vide ---- */
.lad-empty,
.lad-no-result {
  font-family  : 'Barlow', sans-serif;
  font-size    : 14px;
  color        : var(--lad-muted);
  padding      : 32px 24px;
  text-align   : center;
  grid-column  : 1 / -1;
  background   : var(--lad-card-bg);
}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width: 1280px) {
  .lad-grid { grid-template-columns: repeat(4, 1fr); }
}

@media (max-width: 1100px) {
  .lad-filters { padding: 0 32px; margin-bottom: 32px; }
}

@media (max-width: 960px) {
  .lad-grid { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 767px) {
  .lad-filters {
    padding           : 0 20px;
    overflow-x        : auto;
    flex-wrap         : nowrap;
    -webkit-overflow-scrolling: touch;
    scrollbar-width   : none;
    margin-bottom     : 24px;
  }
  .lad-filters::-webkit-scrollbar { display: none; }
  .lad-filter {
    flex-shrink : 0;
    font-size   : 0.75rem;
    padding     : 10px 16px;
  }
  .lad-grid { grid-template-columns: repeat(2, 1fr); }
  .lad-card { padding: 20px 18px; }
  .lad-card-titre { font-size: 19px !important; }
  .lad-num { font-size: 40px; }
}

@media (max-width: 380px) {
  .lad-grid { grid-template-columns: 1fr; }
}

/* ============================================================
   PICTO FONTAWESOME — automatique selon catégorie
   ============================================================ */
.lad-picto {
  font-size   : 13px;
  color       : var(--lad-green);
  width       : auto;
  height      : auto;
  filter      : none;  /* annule le filter CSS de l'ancienne version image */
  flex-shrink : 0;
  line-height : 1;
}

/* ============================================================
   HEADER DE SECTION
   ============================================================ */
.lad-header {
  display         : flex;
  align-items     : flex-end;
  justify-content : space-between;
  gap             : 40px;
  margin-bottom   : 48px;
}

.lad-eyebrow {
  font-family    : 'Barlow', sans-serif;
  font-size      : 11px;
  font-weight    : 600;
  letter-spacing : 0.18em;
  text-transform : uppercase;
  color          : #84CC16 !important;
  margin-bottom  : 10px;
}

.lad-title {
  font-family             : 'Bebas Neue', sans-serif !important;
  font-size               : clamp(44px, 5vw, 72px) !important;
  letter-spacing          : 0.02em;
  line-height             : 0.92;
  color                   : #0D0D0D !important;
  -webkit-font-smoothing  : antialiased;
  margin                  : 0 !important;
}

.lad-sub {
  font-family  : 'Barlow', sans-serif;
  font-size    : 15px;
  font-weight  : 300;
  color        : #888888;
  line-height  : 1.7;
  max-width    : 500px;
  margin-top   : 14px;
}

.lad-header-cta {
  display         : inline-flex;
  align-items     : center;
  gap             : 8px;
  font-family     : 'Barlow', sans-serif;
  font-size       : 11px;
  font-weight     : 600;
  letter-spacing  : 0.1em;
  text-transform  : uppercase;
  color           : #0D0D0D;
  text-decoration : none;
  border-bottom   : 1px solid #84CC16;
  padding-bottom  : 3px;
  white-space     : nowrap;
  flex-shrink     : 0;
  transition      : color 0.2s;
}

.lad-header-cta:hover {
  color           : #84CC16;
  text-decoration : none;
}

/* ============================================================
   NUMÉRO EN POSITION ABSOLUTE
   ============================================================ */
.lad-card {
  position : relative; /* déjà défini mais on s'assure */
}

.lad-num {
  position   : absolute;
  top        : 12px;
  right      : 16px;
  font-family    : 'Bebas Neue', sans-serif;
  font-size      : 52px;
  line-height    : 1;
  color          : rgba(13, 13, 13, 0.05);
  letter-spacing : 0.02em;
  pointer-events : none;
  user-select    : none;
  -webkit-font-smoothing: antialiased;
  /* Annule le display flex/inline du head */
  margin-top : 0;
}

/* Retire le head flex maintenant que le num est absolut */
.lad-card-head {
  display       : block;
  margin-bottom : 8px;
}

/* ============================================================
   BARRE VERTE ANIMÉE AU HOVER (::after)
   ============================================================ */
.lad-card {
  border-bottom : none !important; /* remplacé par ::after */
}

.lad-card::after {
  content    : '';
  position   : absolute;
  bottom     : 0;
  left       : 0;
  width      : 0;
  height     : 2px;
  background : #84CC16;
  transition : width 0.25s ease;
}

.lad-card:hover::after {
  width : 100%;
}

/* ============================================================
   NOTE PRIX
   ============================================================ */
.lad-note {
  margin-top   : 24px;
  font-family  : 'Barlow', sans-serif;
  font-size    : 11px;
  font-weight  : 300;
  color        : #AAAAAA;
  font-style   : italic;
}

/* ============================================================
   RESPONSIVE HEADER
   ============================================================ */
@media (max-width: 900px) {
  .lad-header {
    flex-direction : column;
    align-items    : flex-start;
    gap            : 20px;
  }
}

/* ============================================================
   CORRECTIONS FINALES
   ============================================================ */

/* Fond section */
.lad-section {
  background : #F8F8F4;
}

/* Picto SVG dans la carte — identique aux filtres */
.lad-card-cat svg {
  width         : 14px;
  height        : 14px;
  fill          : none;
  stroke        : #84CC16;
  stroke-width  : 1.8;
  stroke-linecap: round;
  flex-shrink   : 0;
}

/* Hover carte — léger changement de fond */
.lad-card:hover {
  background : #FAFAF8;
}

/* CTA — noir souligné vert, hover tout vert */
.lad-card-cta {
  font-family     : 'Barlow', sans-serif;
  font-size       : 10px;
  font-weight     : 600;
  letter-spacing  : 0.1em;
  text-transform  : uppercase;
  color           : #0D0D0D;
  text-decoration : none;
  border-bottom   : 1px solid #84CC16;
  padding-bottom  : 2px;
  display         : inline-flex;
  align-items     : center;
  gap             : 5px;
  margin-top      : 18px;
  width           : fit-content;
  transition      : color 0.15s ease;
}

.lad-card-cta svg {
  width       : 10px;
  height      : 10px;
  stroke      : currentColor;
  fill        : none;
  stroke-width: 1.4;
  transition  : transform 0.2s ease;
}

.lad-card-cta:hover {
  color           : #84CC16;
  text-decoration : none;
}

.lad-card-cta:hover svg {
  transform : translateX(3px);
}

/* ============================================================
   CARTE ENTIÈRE CLIQUABLE — a.lad-card
   ============================================================ */
a.lad-card {
  text-decoration : none;
  cursor          : pointer;
  display         : flex;   /* maintenu depuis le CSS de base */
}

a.lad-card:hover {
  text-decoration : none;
}

/* Le H3 ne change pas de couleur au survol du lien global */
a.lad-card:hover .lad-card-titre {
  color : #84CC16 !important;
}

/* CTA devient span — même style visuel */
span.lad-card-cta {
  font-family     : 'Barlow', sans-serif;
  font-size       : 10px;
  font-weight     : 600;
  letter-spacing  : 0.1em;
  text-transform  : uppercase;
  color           : #0D0D0D;
  border-bottom   : 1px solid #84CC16;
  padding-bottom  : 2px;
  display         : inline-flex;
  align-items     : center;
  gap             : 5px;
  margin-top      : 18px;
  width           : fit-content;
  transition      : color 0.15s ease;
  pointer-events  : none; /* le clic est géré par le <a> parent */
}

span.lad-card-cta svg {
  width        : 10px;
  height       : 10px;
  stroke       : currentColor;
  fill         : none;
  stroke-width : 1.4;
  transition   : transform 0.2s ease;
}

a.lad-card:hover span.lad-card-cta {
  color : #84CC16;
}

a.lad-card:hover span.lad-card-cta svg {
  transform : translateX(3px);
}

/* ============================================================
   CORRECTION MARGES — wrapper interne
   ============================================================ */
.lad-section {
  padding : 80px 0;
}

.lad-header,
.lad-filters,
.lad-grid,
.lad-note,
.lad-no-result {
  max-width    : 1400px;
  margin-left  : auto;
  margin-right : auto;
  padding-left : 48px;
  padding-right: 48px;
}

.lad-grid {
  padding-left : 48px;
  padding-right: 48px;
}

@media (max-width: 1100px) {
  .lad-header,
  .lad-filters,
  .lad-grid,
  .lad-note { padding-left: 32px; padding-right: 32px; }
}

@media (max-width: 767px) {
  .lad-header,
  .lad-filters,
  .lad-grid,
  .lad-note { padding-left: 20px; padding-right: 20px; }
  .lad-section { padding: 52px 0; }
}

/* ============================================================
   CORRECTIONS CARTES
   ============================================================ */

/* Espacement catégorie → titre H3 */
.lad-card-cat {
  margin-bottom : 10px;
}

/* Grille — évite les colonnes vides visibles */
.lad-grid {
  background            : transparent;
  gap                   : 1px;
  grid-template-columns : repeat(auto-fill, minmax(240px, 1fr));
}

/* Séparateur entre cartes via outline plutôt que background grille */
.lad-card {
  outline : 1px solid #E4E4E0;
}

/* ============================================================
   AJUSTEMENTS TYPOGRAPHIQUES
   ============================================================ */

/* Eyebrow H4 */
.lad-eyebrow {
  font-size : 14px;
}

/* Intro / sous-titre */
.lad-sub {
  font-size : 17px;
}

/* H3 titre carte */
.lad-card-titre {
  font-size : 26px !important;
}

/* Description courte */
.lad-card-desc {
  font-size : 15px;
}

/* CTA header "Demander un devis" */
.lad-header-cta {
  font-size : 13px;
  padding-bottom : 4px;
}

/* CTA carte "Voir la prestation" */
span.lad-card-cta {
  font-size : 12px;
}

/* Intro — largeur étendue */
.lad-sub {
  max-width : 720px;
}

/* Intro — max-width 100% sur mobile */
@media (max-width: 767px) {
  .lad-sub {
    max-width : 100%;
  }
}

/* ============================================================
   DROPDOWN MOBILE — visible uniquement ≤ 767px
   ============================================================ */

/* Masquer dropdown sur desktop */
.lad-dropdown-wrap {
  display : none;
}

@media (max-width: 767px) {

  /* Masquer barre filtres desktop */
  .lad-filters {
    display : none !important;
  }

  /* Afficher dropdown */
  .lad-dropdown-wrap {
    display      : block;
    position     : relative;
    margin-bottom: 24px;
    padding      : 0 20px;
  }

  /* Bouton trigger */
  .lad-dropdown-trigger {
    display         : flex;
    align-items     : center;
    justify-content : space-between;
    width           : 100%;
    font-family     : 'Bebas Neue', sans-serif;
    font-size       : 0.88rem;
    letter-spacing  : 0.1em;
    text-transform  : uppercase;
    color           : #0D0D0D;
    background      : #FFFFFF;
    border          : 1px solid #E4E4E0;
    border-radius   : 2px;
    padding         : 12px 16px;
    cursor          : pointer;
    transition      : border-color 0.2s;
  }

  .lad-dropdown-trigger.lad-open,
  .lad-dropdown-trigger:hover {
    border-color : #84CC16;
  }

  /* Label + picto dans le trigger */
  .lad-dropdown-label {
    display     : flex;
    align-items : center;
    gap         : 8px;
  }

  .lad-dropdown-label svg {
    width         : 16px;
    height        : 16px;
    fill          : none;
    stroke        : #84CC16;
    stroke-width  : 1.8;
    stroke-linecap: round;
    flex-shrink   : 0;
  }

  /* Flèche */
  .lad-dropdown-arrow {
    width         : 16px;
    height        : 16px;
    fill          : none;
    stroke        : #0D0D0D;
    stroke-width  : 2;
    stroke-linecap: round;
    flex-shrink   : 0;
    transition    : transform 0.2s ease;
  }

  .lad-dropdown-trigger.lad-open .lad-dropdown-arrow {
    transform : rotate(180deg);
  }

  /* Menu déroulant */
  .lad-dropdown-menu {
    display          : none;
    position         : absolute;
    top              : calc(100% + 4px);
    left             : 20px;
    right            : 20px;
    background       : #FFFFFF;
    border           : 1px solid #E4E4E0;
    border-radius    : 2px;
    z-index          : 100;
    box-shadow       : 0 8px 24px rgba(0,0,0,0.08);
    overflow         : hidden;
  }

  .lad-dropdown-menu.lad-open {
    display : block;
  }

  /* Items du menu */
  .lad-dropdown-item {
    display         : flex;
    align-items     : center;
    gap             : 10px;
    width           : 100%;
    font-family     : 'Bebas Neue', sans-serif;
    font-size       : 0.82rem;
    letter-spacing  : 0.1em;
    text-transform  : uppercase;
    color           : #0D0D0D;
    background      : transparent;
    border          : none;
    border-bottom   : 1px solid #F0F0EE;
    padding         : 13px 16px;
    cursor          : pointer;
    text-align      : left;
    transition      : background 0.15s, color 0.15s;
  }

  .lad-dropdown-item:last-child {
    border-bottom : none;
  }

  .lad-dropdown-item svg {
    width         : 15px;
    height        : 15px;
    fill          : none;
    stroke        : #888;
    stroke-width  : 1.8;
    stroke-linecap: round;
    flex-shrink   : 0;
    transition    : stroke 0.15s;
  }

  .lad-dropdown-item:hover,
  .lad-dropdown-item.active {
    background : #F5F4F2;
    color      : #84CC16;
  }

  .lad-dropdown-item:hover svg,
  .lad-dropdown-item.active svg {
    stroke : #84CC16;
  }
}

/* ============================================================
   AJUSTEMENT GRILLE — via classes JS (jamais inline style)
   ============================================================ */
.lad-grid.lad-grid-1 { grid-template-columns: repeat(1, 1fr) !important; }
.lad-grid.lad-grid-2 { grid-template-columns: repeat(2, 1fr) !important; }
.lad-grid.lad-grid-3 { grid-template-columns: repeat(3, 1fr) !important; }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dde4769 *//* ============================================================
   LAVAGE ATTITUDE — Section "Grille Prestations Detailing"
   FICHIER 2/2 — CSS
   → Coller dans : Elementor > Custom CSS du widget
     OU Apparence > Personnaliser > CSS additionnel
     OU thème enfant style.css
   ============================================================ */

/* ── RESET SCOPED ── */
.la-prest-wrap *,
.la-prest-wrap *::before,
.la-prest-wrap *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* ── WRAPPER ── */
.la-prest-wrap {
  background: #F8F8F4;
  padding: 96px 48px;
  font-family: 'Barlow', sans-serif;
}

.la-prest-inner {
  max-width: 1400px;
  margin: 0 auto;
}

/* ── HEADER ── */
.la-prest-header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 40px;
  margin-bottom: 48px;
}

.la-prest-eyebrow {
  font-family: 'Barlow', sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #84CC16 !important;
  margin-bottom: 10px;
}

.la-prest-title {
  font-family: 'Bebas Neue', sans-serif;
  font-size: clamp(44px, 5vw, 72px);
  letter-spacing: 0.02em;
  line-height: 0.92;
  color: #0D0D0D;
  -webkit-font-smoothing: antialiased;
}

.la-prest-sub {
  font-family: 'Barlow', sans-serif;
  font-size: 15px;
  font-weight: 300;
  color: #888888;
  line-height: 1.7;
  max-width: 500px;
  margin-top: 14px;
}

.la-prest-header-cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: 'Barlow', sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #0D0D0D;
  text-decoration: none;
  border-bottom: 1px solid #84CC16;
  padding-bottom: 3px;
  white-space: nowrap;
  flex-shrink: 0;
}

/* ── FILTRES ── */
.la-prest-filters {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  margin-bottom: 32px;
}

.la-prest-filter {
  font-family: 'Barlow', sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #888888;
  padding: 9px 18px;
  border: 1px solid #84CC16;
  background: #ffffff;
  cursor: pointer;
  transition: all 0.18s ease;
  user-select: none;
  -webkit-font-smoothing: antialiased;
}

.la-prest-filter:hover {
  border-color: #84CC16;
  color: #84CC16;
}

.la-prest-filter.la-active {
  background: #0D0D0D;
  border-color: #0D0D0D;
  color: #84CC16;
}

/* ── GRILLE ── */
.la-prest-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 1px;
  background: #DDDDD8;
}

/* ── CARTE ── */
.la-prest-card {
  background: #ffffff;
  padding: 28px 24px 24px;
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
  transition: background 0.2s ease;
  text-decoration: none;
  cursor: pointer;
}

.la-prest-card::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
  background: #84CC16;
  transition: width 0.25s ease;
}

.la-prest-card:hover {
  background: #FAFAF8;
}

.la-prest-card:hover::after {
  width: 100%;
}

.la-prest-card.la-hidden {
  display: none;
}

.la-prest-num {
  font-family: 'Bebas Neue', sans-serif;
  font-size: 52px;
  line-height: 1;
  color: rgba(13, 13, 13, 0.05);
  letter-spacing: 0.02em;
  position: absolute;
  top: 12px;
  right: 16px;
  -webkit-font-smoothing: antialiased;
  pointer-events: none;
}

.la-prest-tag {
  font-family: 'Barlow', sans-serif;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #84CC16;
  margin-bottom: 8px;
  -webkit-font-smoothing: antialiased;
}

.la-prest-name {
  font-family: 'Bebas Neue', sans-serif;
  font-size: 22px;
  font-weight:500;
  letter-spacing: 0.03em;
  line-height: 1.05;
  color: #0D0D0D !important;
  -webkit-font-smoothing: antialiased;
  margin-bottom: 8px;
}

.la-prest-desc {
  font-family: 'Barlow', sans-serif;
  font-size: 12px;
  font-weight: 300;
  color: #888888;
  line-height: 1.65;
  flex: 1;
}

.la-prest-link {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin-top: 18px;
  font-family: 'Barlow', sans-serif;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #0D0D0D;
  text-decoration: none;
  border-bottom: 1px solid #84CC16;
  padding-bottom: 2px;
  width: fit-content;
  transition: color 0.15s;
}

.la-prest-card:hover .la-prest-link {
  color: #84CC16;
}

/* ── NOTE PRIX ── */
.la-prest-note {
  margin-top: 24px;
  font-family: 'Barlow', sans-serif;
  font-size: 11px;
  font-weight: 300;
  color: #AAAAAA;
  font-style: italic;
}

/* ── RESPONSIVE TABLETTE ── */
@media (max-width: 1200px) {
  .la-prest-wrap { padding: 72px 32px; }
  .la-prest-grid { grid-template-columns: repeat(4, 1fr); }
}

@media (max-width: 900px) {
  .la-prest-wrap { padding: 64px 24px; }
  .la-prest-grid { grid-template-columns: repeat(3, 1fr); }
  .la-prest-header { flex-direction: column; align-items: flex-start; gap: 20px; }
  .la-prest-filters { display: none; }
}

/* ── RESPONSIVE MOBILE ── */
@media (max-width: 600px) {
  .la-prest-wrap { padding: 52px 20px; }
  .la-prest-grid { grid-template-columns: repeat(2, 1fr); }
  .la-prest-title { font-size: 42px; }
}

@media (max-width: 400px) {
  .la-prest-grid { grid-template-columns: 1fr; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-18845d1 *//* ============================================================
   LAVAGE ATTITUDE — Section "Avantages du detailing"
   FICHIER 2/2 — CSS
   → Coller dans : Elementor > Custom CSS du widget
     OU Apparence > Personnaliser > CSS additionnel
     OU thème enfant style.css
   ============================================================ */

/* ── RESET SCOPED ── */
.la-avt-wrap *,
.la-avt-wrap *::before,
.la-avt-wrap *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* ── WRAPPER ── */
.la-avt-wrap {
  background: #0D0D0D;
  padding: 96px 48px;
  font-family: 'Barlow', sans-serif;
}

.la-avt-inner {
  max-width: 1400px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  align-items: center;
}

/* ── COLONNE IMAGE ── */
.la-avt-media {
  position: relative;
}

.la-avt-img {
  width: 100%;
  height: 560px;
  object-fit: cover;
  object-position: center;
  display: block;
}

.la-avt-media-badge {
  position: absolute;
  bottom: 24px;
  left: 24px;
  background: #84CC16;
  padding: 14px 20px;
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.la-avt-badge-val {
  font-family: 'Bebas Neue', sans-serif;
  font-size: 28px;
  letter-spacing: 0.04em;
  color: #0D0D0D;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}

.la-avt-badge-lbl {
  font-family: 'Barlow', sans-serif;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(13, 13, 13, 0.65);
}

/* ── COLONNE CONTENU ── */
.la-avt-eyebrow {
  font-family: 'Barlow', sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #84CC16 !important;
  margin-bottom: 12px;
  -webkit-font-smoothing: antialiased;
}

.la-avt-title {
  font-family: 'Bebas Neue', sans-serif;
  font-size: 60px;
  letter-spacing: 0.02em;
  line-height: 0.92;
  color: rgba(248, 248, 244, 1) !important;
  -webkit-font-smoothing: antialiased;
  margin-bottom: 20px;
}

.la-avt-intro {
  font-family: 'Barlow', sans-serif;
  font-size: 14px;
  font-weight: 300;
  color: rgba(248, 248, 244, 0.5);
  line-height: 1.75;
  margin-bottom: 36px;
}

/* ── LISTE ── */
.la-avt-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0;
  margin-bottom: 40px;
}

.la-avt-item {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 18px 0;
  border-bottom: 1px solid rgba(248, 248, 244, 0.07);
}

.la-avt-item:first-child {
  border-top: 1px solid rgba(248, 248, 244, 0.07);
}

.la-avt-ico {
  width: 34px;
  height: 34px;
  background: rgba(132, 204, 22, 0.1);
  border: 1px solid rgba(132, 204, 22, 0.25);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-top: 2px;
}

.la-avt-item-title {
  font-family: 'Barlow', sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #F8F8F4;
  line-height: 1.2;
  margin-bottom: 5px;
  -webkit-font-smoothing: antialiased;
}

.la-avt-item-text {
  font-family: 'Barlow', sans-serif;
  font-size: 13px;
  font-weight: 300;
  color: rgba(248, 248, 244, 0.45);
  line-height: 1.65;
}

/* ── CTA ── */
.la-avt-cta {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: #84CC16;
  color: #0D0D0D;
  font-family: 'Barlow', sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  padding: 14px 28px;
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
  transition: background 0.18s ease;
}

.la-avt-cta:hover {
  background: #76b814;
}

/* ── RESPONSIVE TABLETTE ── */
@media (max-width: 1024px) {
  .la-avt-wrap { padding: 72px 32px; }
  .la-avt-inner { gap: 48px; }
  .la-avt-img { height: 440px; }
}

@media (max-width: 860px) {
  .la-avt-wrap { padding: 64px 24px; }
  .la-avt-inner {
    grid-template-columns: 1fr;
    gap: 40px;
  }
  .la-avt-img { height: 320px; }
  .la-avt-media-badge { bottom: 16px; left: 16px; }
}

/* ── RESPONSIVE MOBILE ── */
@media (max-width: 480px) {
  .la-avt-wrap { padding: 52px 20px; }
  .la-avt-img { height: 240px; }
  .la-avt-title { font-size: 38px; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-31cb36f *//* ============================================================
   LAVAGE ATTITUDE — Section "Pourquoi nous faire confiance"
   FICHIER 2/2 — CSS
   → Coller dans : Elementor > Custom CSS du widget
     OU Apparence > Personnaliser > CSS additionnel
     OU thème enfant style.css
   ============================================================ */

/* ── RESET SCOPED ── */
.la-why-wrap *,
.la-why-wrap *::before,
.la-why-wrap *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* ── WRAPPER ── */
.la-why-wrap {
  background: #F8F8F4;
  padding: 96px 48px;
  font-family: 'Barlow', sans-serif;
}

.la-why-inner {
  max-width: 1400px;
  margin: 0 auto;
}

/* ── HEADER ── */
.la-why-header {
  max-width: 680px;
  margin-bottom: 56px;
}

.la-why-eyebrow {
  font-family: 'Barlow', sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #84CC16 !important;
  margin-bottom: 12px;
  -webkit-font-smoothing: antialiased;
}

.la-why-title {
  font-family: 'Bebas Neue', sans-serif;
  font-size: clamp(44px, 5vw, 72px);
  letter-spacing: 0.02em;
  line-height: 0.92;
  color: #0D0D0D;
  -webkit-font-smoothing: antialiased;
  margin-bottom: 20px;
}

.la-why-sub {
  font-family: 'Barlow', sans-serif;
  font-size: 15px;
  font-weight: 300;
  color: #888888;
  line-height: 1.75;
}

/* ── GRILLE ── */
.la-why-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
  background: #DDDDD8;
  margin-bottom: 1px;
}

/* ── CARTE ── */
.la-why-card {
  background: #ffffff;
  padding: 36px 32px 40px;
  position: relative;
  overflow: hidden;
  transition: background 0.2s ease;
}

.la-why-card::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
  background: #84CC16;
  transition: width 0.28s ease;
}

.la-why-card:hover {
  background: #FAFAF8;
}

.la-why-card:hover::after {
  width: 100%;
}

.la-why-num {
  font-family: 'Bebas Neue', sans-serif;
  font-size: 80px;
  line-height: 1;
  color: rgba(13, 13, 13, 0.04);
  letter-spacing: 0.02em;
  position: absolute;
  top: 16px;
  right: 20px;
  -webkit-font-smoothing: antialiased;
  pointer-events: none;
}

.la-why-ico {
  width: 48px;
  height: 48px;
  background: rgba(132, 204, 22, 0.08);
  border: 1px solid rgba(132, 204, 22, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 24px;
}

.la-why-card-title {
  font-family: 'Bebas Neue', sans-serif;
  font-size: 24px;
  font-weight: 500;
  letter-spacing: 0.03em;
  line-height: 1.05;
  color: #0D0D0D !important;
  -webkit-font-smoothing: antialiased;
  margin-bottom: 14px;
}

.la-why-card-text {
  font-family: 'Barlow', sans-serif;
  font-size: 13px;
  font-weight: 300;
  color: #777777;
  line-height: 1.75;
}

/* ── BANDEAU CERTIFICATIONS ── */
.la-why-certs {
  background: #0D0D0D;
  padding: 24px 32px;
  display: flex;
  align-items: center;
  gap: 0;
  flex-wrap: wrap;
}

.la-why-cert {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 32px 8px 0;
}

.la-why-cert-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #84CC16;
  flex-shrink: 0;
}

.la-why-cert-label {
  font-family: 'Barlow', sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.06em;
  color: rgba(248, 248, 244, 1) !important;
  white-space: nowrap;
  -webkit-font-smoothing: antialiased;
}

.la-why-cert-sep {
  width: 1px;
  height: 20px;
  background: rgba(248, 248, 244, 0.12);
  margin-right: 32px;
  flex-shrink: 0;
}

/* ── RESPONSIVE TABLETTE ── */
@media (max-width: 1024px) {
  .la-why-wrap { padding: 72px 32px; }
  .la-why-cert-sep { display: none; }
  .la-why-cert { padding: 6px 24px 6px 0; }
}

@media (max-width: 768px) {
  .la-why-wrap { padding: 64px 24px; }
  .la-why-grid { grid-template-columns: 1fr; }
  .la-why-certs { gap: 12px; flex-direction: column; align-items: flex-start; padding: 24px; }
  .la-why-cert { padding: 4px 0; }
}

/* ── RESPONSIVE MOBILE ── */
@media (max-width: 480px) {
  .la-why-wrap { padding: 52px 20px; }
  .la-why-title { font-size: 40px; }
  .la-why-card { padding: 28px 24px 32px; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6faae88 *//* ============================================================
   LAVAGE ATTITUDE — Section "FAQ"
   FICHIER 2/2 — CSS
   → Coller dans : Elementor > Custom CSS du widget
     OU Apparence > Personnaliser > CSS additionnel
     OU thème enfant style.css
   ============================================================ */

/* ── RESET SCOPED ── */
.la-faq-wrap *,
.la-faq-wrap *::before,
.la-faq-wrap *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* ── WRAPPER ── */
.la-faq-wrap {
  background: #ffffff;
  padding: 96px 48px;
  font-family: 'Barlow', sans-serif;
}

.la-faq-inner {
  max-width: 1400px;
  margin: 0 auto;
}

/* ── HEADER ── */
.la-faq-header {
  margin-bottom: 52px;
}

.la-faq-eyebrow {
  font-family: 'Barlow', sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #84CC16 !important;
  margin-bottom: 12px;
  -webkit-font-smoothing: antialiased;
}

.la-faq-title {
  font-family: 'Bebas Neue', sans-serif;
   font-size: 60px;
  font-weight: 600 !important;
  letter-spacing: 0.02em;
  line-height: 0.92;
  color: #0D0D0D !important;
  -webkit-font-smoothing: antialiased;
}

/* ── LAYOUT 2 COLONNES ── */
.la-faq-layout {
  display: grid;
  grid-template-columns: 1fr 380px;
  gap: 64px;
  align-items: start;
}

/* ── LISTE ── */
.la-faq-list {
  display: flex;
  flex-direction: column;
}

/* ── ITEM ── */
.la-faq-item {
  border-bottom: 1px solid #EBEBEB;
}

.la-faq-item:first-child {
  border-top: 1px solid #EBEBEB;
}

/* ── QUESTION (bouton) ── */
.la-faq-q {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 20px 0;
  background: #ffffff !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  cursor: pointer;
  text-align: left;
  font-family: 'Barlow', sans-serif;
  font-size: 14px !important;
  font-weight: 600;
  color: #0D0D0D !important;
  line-height: 1.4;
  -webkit-font-smoothing: antialiased;
  transition: color 0.15s, background 0.15s;
}

.la-faq-q:focus {
  background: #ffffff !important;
  outline: none !important;
  box-shadow: none !important;
}

.la-faq-q:hover {
  color: #84CC16;
  background: #ffffff !important;
}

.la-faq-open .la-faq-q {
  color: #84CC16;
  background: #ffffff !important;
}

/* ── ICÔNE +/- ── */
.la-faq-icon {
  width: 24px;
  height: 24px;
  border: 1px solid #DDDDD8;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: #BBBBBB;
  transition: border-color 0.15s, color 0.15s;
}

.la-faq-open .la-faq-icon {
  border-color: #84CC16;
  color: #84CC16;
}

/* barre verticale masquée quand ouvert = effet − */
.la-faq-line-v {
  transition: opacity 0.15s;
}

.la-faq-open .la-faq-line-v {
  opacity: 0;
}

/* ── RÉPONSE ── */
.la-faq-a {
  display: none;
  font-family: 'Barlow', sans-serif;
  font-size: 13px;
  font-weight: 300;
  color: #777777;
  line-height: 1.75;
  padding-bottom: 20px;
  padding-right: 40px;
}

.la-faq-open .la-faq-a {
  display: block;
}

/* ── BLOC DROITE ── */
.la-faq-side {
  position: sticky;
  top: 32px;
}

.la-faq-side-inner {
  background: #F8F8F4;
  padding: 36px 32px;
  display: flex;
  flex-direction: column;
  gap: 0;
}

.la-faq-side-eyebrow {
  font-family: 'Barlow', sans-serif;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #84CC16;
  margin-bottom: 10px;
  -webkit-font-smoothing: antialiased;
}

.la-faq-side-title {
  font-family: 'Bebas Neue', sans-serif;
  font-size: 36px;
  letter-spacing: 0.02em;
  line-height: 0.95;
  color: #0D0D0D;
  -webkit-font-smoothing: antialiased;
  margin-bottom: 16px;
}

.la-faq-side-text {
  font-family: 'Barlow', sans-serif;
  font-size: 13px;
  font-weight: 300;
  color: #777777;
  line-height: 1.7;
  margin-bottom: 24px;
}

.la-faq-side-phone {
  font-family: 'Bebas Neue', sans-serif;
  font-size: 32px;
  letter-spacing: 0.04em;
  color: #84CC16;
  text-decoration: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  display: block;
  margin-bottom: 20px;
  transition: opacity 0.15s;
}

.la-faq-side-phone:hover {
  opacity: 0.75;
}

.la-faq-side-cta {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: #0D0D0D;
  color: #F8F8F4;
  font-family: 'Barlow', sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  padding: 14px 24px;
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
  width: fit-content;
  transition: background 0.18s;
}

.la-faq-side-cta:hover {
  background: #1a1a1a;
}

/* ── RESPONSIVE TABLETTE ── */
@media (max-width: 1100px) {
  .la-faq-wrap { padding: 72px 32px; }
  .la-faq-layout {
    grid-template-columns: 1fr 320px;
    gap: 40px;
  }
}

@media (max-width: 860px) {
  .la-faq-wrap { padding: 64px 24px; }
  .la-faq-layout {
    grid-template-columns: 1fr;
    gap: 40px;
  }
  .la-faq-side { position: static; }
}

/* ── RESPONSIVE MOBILE ── */
@media (max-width: 480px) {
  .la-faq-wrap { padding: 52px 20px; }
  .la-faq-title { font-size: 40px; }
  .la-faq-a { padding-right: 0; }
  .la-faq-side-inner { padding: 28px 24px; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a898fda *//* ============================================================
   LAVAGE ATTITUDE — Section "Texte SEO"
   FICHIER 2/2 — CSS
   → Coller dans : Elementor > Custom CSS du widget
     OU Apparence > Personnaliser > CSS additionnel
     OU thème enfant style.css
   ============================================================ */

/* ── RESET SCOPED ── */
.la-seo-wrap *,
.la-seo-wrap *::before,
.la-seo-wrap *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* ── WRAPPER ── */
.la-seo-wrap {
  background: #ffffff;
  padding: 96px 48px;
  font-family: 'Barlow', sans-serif;
  border-top: 1px solid #EBEBEB;
}

.la-seo-inner {
  max-width: 1400px;
  margin: 0 auto;
}

/* ── GRILLE ── */
.la-seo-grid {
  display: grid;
  grid-template-columns: 1fr 1px 1fr;
  gap: 0 72px;
  align-items: start;
}

/* ── SÉPARATEUR VERTICAL ── */
.la-seo-sep {
  background: #EBEBEB;
  width: 1px;
  height: 100%;
  align-self: stretch;
}

/* ── COLONNE ── */
.la-seo-col {
  display: flex;
  flex-direction: column;
  gap: 0;
}

/* ── EYEBROW ── */
.la-seo-eyebrow {
  font-family: 'Barlow', sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #84CC16;
  margin-bottom: 14px;
  -webkit-font-smoothing: antialiased;
}

/* ── TITRE ── */
.la-seo-title {
  font-family: 'Bebas Neue', sans-serif;
  font-size: clamp(32px, 3.2vw, 48px);
  letter-spacing: 0.02em;
  line-height: 0.95;
  color: #0D0D0D;
  -webkit-font-smoothing: antialiased;
  margin-bottom: 24px;
}

/* ── PARAGRAPHES ── */
.la-seo-p {
  font-family: 'Barlow', sans-serif;
  font-size: 14px;
  font-weight: 300;
  color: #555555;
  line-height: 1.8;
  margin-bottom: 16px;
}

.la-seo-p:last-of-type {
  margin-bottom: 0;
}

.la-seo-p strong {
  font-weight: 600;
  color: #0D0D0D;
}

/* ── LIENS MAILLAGE ── */
.la-seo-links {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 28px;
}

.la-seo-link {
  font-family: 'Barlow', sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #0D0D0D;
  text-decoration: none;
  padding: 8px 16px;
  border: 1px solid #DDDDD8;
  -webkit-font-smoothing: antialiased;
  transition: border-color 0.15s, color 0.15s;
}

.la-seo-link:hover {
  border-color: #84CC16;
  color: #84CC16;
}

/* Lien CTA mis en avant */
.la-seo-link-cta {
  background: #0D0D0D;
  color: #F8F8F4 !important;
  border-color: #0D0D0D !important;
}

.la-seo-link-cta:hover {
  background: #1a1a1a !important;
  border-color: #1a1a1a !important;
  color: #F8F8F4 !important;
}

/* ── RESPONSIVE TABLETTE ── */
@media (max-width: 1024px) {
  .la-seo-wrap { padding: 72px 32px; }
  .la-seo-grid { gap: 0 48px; }
}

@media (max-width: 768px) {
  .la-seo-wrap { padding: 64px 24px; }
  .la-seo-grid {
    grid-template-columns: 1fr;
    gap: 0;
  }
  .la-seo-sep {
    width: 100%;
    height: 1px;
    margin: 48px 0;
    align-self: auto;
  }
}

/* ── RESPONSIVE MOBILE ── */
@media (max-width: 480px) {
  .la-seo-wrap { padding: 52px 20px; }
  .la-seo-title { font-size: 32px; }
  .la-seo-sep { margin: 36px 0; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b65d902 *//* ============================================================
   LAVAGE ATTITUDE — Section "Texte SEO"
   FICHIER 2/2 — CSS
   → Coller dans : Elementor > Custom CSS du widget
     OU Apparence > Personnaliser > CSS additionnel
     OU thème enfant style.css
   ============================================================ */

/* ── RESET SCOPED ── */
.la-seo-wrap *,
.la-seo-wrap *::before,
.la-seo-wrap *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* ── WRAPPER ── */
.la-seo-wrap {
  background: #ffffff;
  padding: 96px 48px;
  font-family: 'Barlow', sans-serif;
  border-top: 1px solid #EBEBEB;
}

.la-seo-inner {
  max-width: 1400px;
  margin: 0 auto;
}

/* ── GRILLE ── */
.la-seo-grid {
  display: grid;
  grid-template-columns: 1fr 1px 1fr;
  gap: 0 72px;
  align-items: start;
}

/* ── SÉPARATEUR VERTICAL ── */
.la-seo-sep {
  background: #EBEBEB;
  width: 1px;
  height: 100%;
  align-self: stretch;
}

/* ── COLONNE ── */
.la-seo-col {
  display: flex;
  flex-direction: column;
  gap: 0;
}

/* ── EYEBROW ── */
.la-seo-eyebrow {
  font-family: 'Barlow', sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #84CC16;
  margin-bottom: 14px;
  -webkit-font-smoothing: antialiased;
}

/* ── TITRE ── */
.la-seo-title {
  font-family: 'Bebas Neue', sans-serif;
  font-size: clamp(32px, 3.2vw, 48px);
  letter-spacing: 0.02em;
  line-height: 0.95;
  color: #0D0D0D;
  -webkit-font-smoothing: antialiased;
  margin-bottom: 24px;
}

/* ── PARAGRAPHES ── */
.la-seo-p {
  font-family: 'Barlow', sans-serif;
  font-size: 14px;
  font-weight: 300;
  color: #555555;
  line-height: 1.8;
  margin-bottom: 16px;
}

.la-seo-p:last-of-type {
  margin-bottom: 0;
}

.la-seo-p strong {
  font-weight: 600;
  color: #0D0D0D;
}

/* ── LIENS MAILLAGE ── */
.la-seo-links {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 28px;
}

.la-seo-link {
  font-family: 'Barlow', sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #0D0D0D;
  text-decoration: none;
  padding: 8px 16px;
  border: 1px solid #DDDDD8;
  -webkit-font-smoothing: antialiased;
  transition: border-color 0.15s, color 0.15s;
}

.la-seo-link:hover {
  border-color: #84CC16;
  color: #84CC16;
}

/* Lien CTA mis en avant */
.la-seo-link-cta {
  background: #0D0D0D;
  color: #F8F8F4 !important;
  border-color: #0D0D0D !important;
}

.la-seo-link-cta:hover {
  background: #1a1a1a !important;
  border-color: #1a1a1a !important;
  color: #F8F8F4 !important;
}

/* ── RESPONSIVE TABLETTE ── */
@media (max-width: 1024px) {
  .la-seo-wrap { padding: 72px 32px; }
  .la-seo-grid { gap: 0 48px; }
}

@media (max-width: 768px) {
  .la-seo-wrap { padding: 64px 24px; }
  .la-seo-grid {
    grid-template-columns: 1fr;
    gap: 0;
  }
  .la-seo-sep {
    width: 100%;
    height: 1px;
    margin: 48px 0;
    align-self: auto;
  }
}

/* ── RESPONSIVE MOBILE ── */
@media (max-width: 480px) {
  .la-seo-wrap { padding: 52px 20px; }
  .la-seo-title { font-size: 32px; }
  .la-seo-sep { margin: 36px 0; }
}/* End custom CSS */