*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  /* Palette Qualycar */
  --or:#D9AF50;
  --bleu-nuit:#07182B;
  --noir:#111111;

  /* Compatibilité avec ton CSS actuel */
  --rouge:var(--or);
  --rouge2:#C99A36;
  --rouge-pal:#F7EBD1;

  --gris-fonce:var(--bleu-nuit);
  --gris-moyen:#4F5963;
  --gris-clair:#F7F5F0;
  --gris-trait:#E4DED1;
  --blanc:#FFFFFF;
  --texte:var(--noir);
}
html{scroll-behavior:smooth}
body{font-family:'Montserrat',sans-serif;color:var(--texte);background:var(--blanc);overflow-x:hidden;line-height:1.6}

/* ─── BANDEAU TOP ─── */
.top-bar{
  background:var(--rouge);padding:.5rem 2rem;
  display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;
}
.top-bar a{color:#fff;text-decoration:none;font-size:.78rem;font-weight:600;display:flex;align-items:center;gap:.4rem}
.top-bar span{color:rgba(255,255,255,0.7);font-size:.75rem}

/* ─── NAV ─── */
nav{
  position:sticky;top:0;z-index:100;
  background:var(--blanc);border-bottom:2px solid var(--gris-trait);
  padding:0 2rem;height:70px;
  display:flex;align-items:center;justify-content:space-between;
  box-shadow:0 2px 12px rgba(0,0,0,0.06);
}
.logo{
  font-family:'Montserrat',sans-serif;
  font-size:1.05rem;font-weight:800;color:var(--gris-fonce);
  text-decoration:none;letter-spacing:.3px;
  display:flex;align-items:center;gap:.6rem;
  line-height:1.1;
}
.logo-ico{
  width:38px;height:38px;background:var(--rouge);border-radius:6px;
  display:flex;align-items:center;justify-content:center;
  color:#fff;font-size:1rem;font-weight:900;flex-shrink:0;
}
.logo-sub{display:block;font-size:.6rem;font-weight:500;color:var(--gris-moyen);letter-spacing:.5px;margin-top:1px}
.nav-menu{list-style:none;display:flex;align-items:center;gap:.2rem}
.nav-menu a{
  color:var(--gris-moyen);text-decoration:none;
  font-size:.75rem;font-weight:600;letter-spacing:.5px;
  text-transform:uppercase;padding:.5rem .85rem;border-radius:4px;
  transition:all .2s;
}
.nav-menu a:hover{color:var(--rouge);background:var(--rouge-pal)}
.nav-cta{
  background:var(--rouge)!important;color:#fff!important;
  border-radius:5px!important;
}
.nav-cta:hover{background:var(--rouge2)!important;color:#fff!important}

/* ─── SECTION HEADER PILL ─── */
.s-header-pill{
  display:inline-block;
  font-family:'Lora',serif;font-size:clamp(1.5rem,3vw,2.2rem);font-weight:600;
  color:var(--gris-fonce);letter-spacing:-.5px;line-height:1.15;
  border-bottom:3px solid var(--rouge);padding-bottom:.25rem;
  margin-bottom:1.2rem;
}
.s-header-pill-dark{
  display:inline-block;
  font-family:'Lora',serif;font-size:clamp(1.5rem,3vw,2.2rem);font-weight:600;
  color:#fff;letter-spacing:-.5px;line-height:1.15;
  border-bottom:3px solid var(--rouge);padding-bottom:.25rem;
  margin-bottom:1.2rem;
}

/* ─── HERO ─── */
.hero{
  position:relative;height:92vh;min-height:560px;
  display:flex;align-items:flex-end;overflow:hidden;
}
.hero-img{
  position:absolute;inset:0;
  width:100%;height:100%;object-fit:cover;object-position:center;
}
.hero-overlay{
  position:absolute;inset:0;
  background:linear-gradient(to right, rgba(10,10,10,0.78) 0%, rgba(10,10,10,0.45) 55%, rgba(10,10,10,0.15) 100%);
}
.hero-content{
  position:relative;z-index:1;
  padding:4rem 3rem 4rem;max-width:700px;
}
.hero-tag{
  display:inline-flex;align-items:center;gap:.5rem;
  background:var(--rouge);color:#fff;
  font-size:.68rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;
  padding:.35rem .9rem;border-radius:3px;margin-bottom:1.4rem;
}
.hero h1{
  font-family:'Lora',serif;
  font-size:clamp(2.2rem,5vw,4rem);
  font-weight:600;color:#fff;
  line-height:1.15;margin-bottom:1.2rem;
}
.hero h1 strong{font-weight:600;color:#fff}
.hero-desc{
  font-size:.95rem;color:rgba(255,255,255,0.75);
  line-height:1.8;max-width:480px;margin-bottom:2.2rem;
}
.hero-btns{display:flex;gap:.9rem;flex-wrap:wrap;margin-bottom:2.5rem}
.btn-rouge{
  background:var(--rouge);color:#fff;
  padding:.85rem 2rem;border-radius:5px;font-weight:700;
  text-decoration:none;font-size:.85rem;letter-spacing:.3px;
  transition:all .2s;border:2px solid var(--rouge);
  font-family:'Montserrat',sans-serif;cursor:pointer;
}
.btn-rouge:hover{background:var(--rouge2);border-color:var(--rouge2);transform:translateY(-2px)}
.btn-blanc{
  background:transparent;color:#fff;
  padding:.85rem 2rem;border-radius:5px;font-weight:600;
  text-decoration:none;font-size:.85rem;
  border:2px solid rgba(255,255,255,0.5);transition:all .2s;
}
.btn-blanc:hover{background:rgba(255,255,255,0.1);border-color:#fff}
.hero-infos{
  display:flex;gap:2.5rem;flex-wrap:wrap;
  padding-top:2rem;border-top:1px solid rgba(255,255,255,0.15);
}
.hero-info-item .lbl{font-size:.62rem;color:rgba(255,255,255,0.5);text-transform:uppercase;letter-spacing:1px}
.hero-info-item .val{font-size:.95rem;font-weight:700;color:#fff;margin-top:.15rem}
.hero-info-item .val a{color:#fff;text-decoration:none}

/* ─── ATOUTS BANDE ─── */
.atouts-bande{
  background:var(--gris-fonce);padding:1.5rem 2rem;
  display:flex;justify-content:center;gap:3rem;flex-wrap:wrap;
}
.atout-item{
  display:flex;align-items:center;gap:.7rem;
  color:rgba(255,255,255,0.85);font-size:.8rem;font-weight:600;letter-spacing:.3px;
}
.atout-item::before{content:'✓';color:var(--rouge);font-weight:900;font-size:.9rem}

/* ─── SECTION DE BASE ─── */
.s{padding:5.5rem 2rem}
.container{max-width:1140px;margin:0 auto}
.s-label{
  font-size:.68rem;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;
  color:var(--rouge);margin-bottom:.6rem;display:block;
}
.s-titre{
  font-family:'Lora',serif;
  font-size:clamp(1.7rem,3vw,2.4rem);
  font-weight:600;color:var(--gris-fonce);
  line-height:1.2;margin-bottom:.8rem;
}
.s-barre{width:44px;height:3px;background:var(--rouge);border-radius:2px;margin:.9rem 0 1.2rem}
.s-sous{font-size:.9rem;color:var(--gris-moyen);max-width:520px;line-height:1.75}
.s-centre{text-align:center}
.s-centre .s-barre{margin:1rem auto 1.2rem}
.s-centre .s-sous{margin:0 auto}

/* ─── NOS SERVICES ─── */
#services{background:var(--gris-clair)}
.srv-grid{
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:1.5rem;margin-top:3.5rem;
}
.srv-card{
  background:var(--blanc);border-radius:10px;
  overflow:hidden;border:1px solid var(--gris-trait);
  transition:all .25s;
}
.srv-card:hover{transform:translateY(-5px);box-shadow:0 12px 30px rgba(0,0,0,0.1);border-color:var(--rouge)}
.srv-img{height:200px;overflow:hidden;position:relative}
.srv-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.srv-card:hover .srv-img img{transform:scale(1.05)}
.srv-img-overlay{
  position:absolute;inset:0;
  background:linear-gradient(to top,rgba(0,0,0,0.5),transparent);
}
.srv-body{padding:1.5rem}
.srv-ico-badge{
  display:inline-flex;align-items:center;justify-content:center;
  width:42px;height:42px;background:var(--rouge-pal);border-radius:8px;
  font-size:1.2rem;margin-bottom:1rem;
}
.srv-card h3{
  font-family:'Lora',serif;
  font-size:1.05rem;font-weight:600;color:var(--gris-fonce);
  margin-bottom:.5rem;
}
.srv-card p{font-size:.82rem;color:var(--gris-moyen);line-height:1.7;margin-bottom:.9rem}
.srv-liste{list-style:none}
.srv-liste li{
  font-size:.78rem;color:var(--gris-moyen);
  padding:.2rem 0 .2rem 1rem;position:relative;
}
.srv-liste li::before{
  content:'';position:absolute;left:0;top:.6rem;
  width:5px;height:5px;background:var(--rouge);border-radius:50%;
}
.srv-tag{
  display:inline-block;margin-top:.8rem;
  font-size:.62rem;font-weight:700;letter-spacing:.8px;text-transform:uppercase;
  color:var(--rouge);border:1px solid var(--rouge);
  padding:.2rem .6rem;border-radius:20px;
}

/* ─── PROS ─── */
#pros{background:var(--blanc)}
.pros-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:5rem;align-items:start}
.pros-badge-top{
  display:inline-flex;align-items:center;gap:.6rem;
  background:var(--rouge);color:#fff;
  font-size:.7rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;
  padding:.45rem 1.1rem;border-radius:4px;margin-bottom:1.5rem;
}
.pros-list{display:flex;flex-direction:column;gap:.8rem;margin-top:2rem}
.pros-item{
  display:flex;align-items:flex-start;gap:1rem;
  padding:1.2rem;background:var(--gris-clair);border-radius:8px;
  border-left:3px solid var(--rouge);transition:all .2s;
}
.pros-item:hover{background:var(--rouge-pal)}
.pros-ico{
  width:36px;height:36px;background:var(--rouge);border-radius:6px;
  display:flex;align-items:center;justify-content:center;
  color:#fff;font-size:.9rem;flex-shrink:0;
}
.pros-item strong{display:block;font-size:.88rem;font-weight:700;color:var(--gris-fonce);margin-bottom:.15rem}
.pros-item span{font-size:.78rem;color:var(--gris-moyen)}
.pros-card{
  background:var(--gris-fonce);border-radius:10px;padding:2.5rem;
}
.pros-card h3{
  font-family:'Lora',serif;
  font-size:1.2rem;font-weight:600;color:#fff;margin-bottom:.4rem;
}
.pros-card p{font-size:.8rem;color:rgba(255,255,255,0.5);margin-bottom:2rem}
.pros-kpis{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(255,255,255,0.08);border-radius:6px;overflow:hidden;margin-bottom:2rem}
.pk{background:rgba(255,255,255,0.04);padding:1rem;text-align:center}
.pk-v{font-family:'Lora',serif;font-size:1.8rem;font-weight:600;color:var(--rouge);display:block;line-height:1}
.pk-l{font-size:.62rem;color:rgba(255,255,255,0.4);text-transform:uppercase;letter-spacing:1px;margin-top:.25rem}
.fg{margin-bottom:.9rem}
.fg label{display:block;font-size:.65rem;font-weight:700;color:rgba(255,255,255,0.5);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.35rem}
.fg input,.fg select,.fg textarea{
  width:100%;background:rgba(255,255,255,0.07);
  border:1px solid rgba(255,255,255,0.12);border-radius:5px;
  padding:.65rem .9rem;color:#fff;font-size:.88rem;
  font-family:'Montserrat',sans-serif;transition:border .2s;appearance:none;
}
.fg input:focus,.fg select:focus,.fg textarea:focus{outline:none;border-color:var(--rouge)}
.fg input::placeholder{color:rgba(255,255,255,0.3)}
.fg select option{background:#1A1A1A;color:#fff}
.fg-2{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}

/* ─── PHOTO SPLIT ─── */
.split{display:grid;grid-template-columns:1fr 1fr;min-height:480px}
.split-img{position:relative;overflow:hidden}
.split-img img{width:100%;height:100%;object-fit:cover}
.split-content{padding:4rem 3.5rem;display:flex;flex-direction:column;justify-content:center}
.split-dark{background:var(--gris-fonce)}
.split-dark .s-titre{color:#fff}
.split-dark .s-sous{color:rgba(255,255,255,0.6)}
.split-dark .s-label{color:var(--rouge)}

/* ─── CAMPING-CAR ─── */
.cc-items{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem;margin-top:2rem}
.cc-it{
  background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);
  border-radius:7px;padding:1.1rem;transition:border-color .2s;
}
.cc-it:hover{border-color:var(--rouge)}
.cc-it-i{font-size:1.1rem;margin-bottom:.4rem}
.cc-it h4{font-size:.82rem;font-weight:700;color:#fff;margin-bottom:.2rem}
.cc-it p{font-size:.75rem;color:rgba(255,255,255,0.5);line-height:1.5}

/* ─── REPRISE ─── */
#reprise{background:var(--gris-clair)}
.reprise-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:4rem;align-items:start}
.rep-steps{display:flex;flex-direction:column;gap:1.3rem;margin-top:2.2rem}
.rep-step{display:flex;gap:1.2rem;align-items:flex-start}
.rep-num{
  font-family:'Lora',serif;
  font-size:2.2rem;font-weight:600;color:var(--rouge);line-height:1;min-width:28px;
}
.rep-txt h4{font-size:.9rem;font-weight:700;color:var(--gris-fonce);margin-bottom:.2rem}
.rep-txt p{font-size:.82rem;color:var(--gris-moyen);line-height:1.6}
.avantages{
  display:flex;flex-wrap:wrap;gap:.5rem;margin-top:2rem;
  padding:1.2rem;background:var(--rouge-pal);border-radius:8px;border:1px solid rgba(192,57,43,0.2);
}
.av{font-size:.75rem;color:var(--rouge);font-weight:700}
.rep-form{
  background:var(--blanc);border-radius:10px;padding:2.2rem;
  border:1px solid var(--gris-trait);
  box-shadow:0 4px 20px rgba(0,0,0,0.06);
}
.rep-form h3{font-family:'Lora',serif;font-size:1.15rem;font-weight:600;color:var(--gris-fonce);margin-bottom:.35rem}
.rep-form p{font-size:.8rem;color:var(--gris-moyen);margin-bottom:1.8rem}
.fg-clair{margin-bottom:.9rem}
.fg-clair label{display:block;font-size:.65rem;font-weight:700;color:var(--gris-moyen);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.35rem}
.fg-clair input,.fg-clair select,.fg-clair textarea{
  width:100%;background:var(--gris-clair);border:1px solid var(--gris-trait);
  border-radius:5px;padding:.65rem .9rem;color:var(--texte);font-size:.88rem;
  font-family:'Montserrat',sans-serif;transition:border .2s;appearance:none;
}
.fg-clair input:focus,.fg-clair select:focus,.fg-clair textarea:focus{outline:none;border-color:var(--rouge)}
.fg-clair input::placeholder{color:#bbb}
.fg2{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}

/* ─── AVIS ─── */
#avis{background:var(--blanc)}
.avis-header{
  display:flex;align-items:flex-end;justify-content:space-between;
  margin-bottom:3rem;flex-wrap:wrap;gap:1.5rem;
}
.score-bloc{display:flex;align-items:center;gap:1.5rem}
.score-grand{
  font-family:'Lora',serif;
  font-size:5rem;font-weight:600;color:var(--gris-fonce);line-height:1;
}
.score-etoiles{color:#F39C12;font-size:1.4rem;letter-spacing:2px;display:block}
.score-nb{font-size:.78rem;color:var(--gris-moyen);margin-top:.2rem}
.btn-google{
  display:inline-flex;align-items:center;gap:.5rem;
  background:var(--blanc);border:2px solid var(--gris-trait);
  color:var(--gris-moyen);font-size:.8rem;font-weight:700;
  padding:.6rem 1.3rem;border-radius:5px;text-decoration:none;
  transition:all .2s;
}
.btn-google:hover{border-color:var(--rouge);color:var(--rouge)}
.avis-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;
}
.avis-card{
  background:var(--gris-clair);border-radius:10px;
  padding:1.6rem;border:1px solid var(--gris-trait);
  transition:all .22s;
}
.avis-card:hover{border-color:var(--rouge);box-shadow:0 6px 20px rgba(192,57,43,0.08)}
.ac-stars{color:#F39C12;font-size:.85rem;letter-spacing:2px;margin-bottom:.8rem}
.ac-txt{
  font-size:.86rem;color:var(--gris-moyen);line-height:1.75;
  font-style:italic;margin-bottom:1.1rem;
  display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;
}
.ac-footer{display:flex;align-items:center;gap:.7rem}
.ac-av{
  width:36px;height:36px;border-radius:50%;background:var(--rouge);
  display:flex;align-items:center;justify-content:center;
  color:#fff;font-size:.78rem;font-weight:700;flex-shrink:0;
}
.ac-name{font-size:.82rem;font-weight:700;color:var(--gris-fonce)}
.ac-verif{font-size:.68rem;color:var(--gris-moyen);display:flex;align-items:center;gap:.25rem}

/* ─── TICKER ─── */
.ticker{
  background:var(--gris-fonce);padding:1.2rem 0;overflow:hidden;position:relative;
  border-top:3px solid var(--rouge);
}
.ticker::before,.ticker::after{
  content:'';position:absolute;top:0;bottom:0;width:100px;z-index:2;pointer-events:none;
}
.ticker::before{left:0;background:linear-gradient(to right,var(--gris-fonce),transparent)}
.ticker::after{right:0;background:linear-gradient(to left,var(--gris-fonce),transparent)}
.ticker-track{
  display:flex;width:max-content;gap:0;
  animation:scroll 90s linear infinite;
}
.ticker-track:hover{animation-play-state:paused}
@keyframes scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.t-item{
  display:inline-flex;align-items:center;gap:.9rem;
  padding:0 2.5rem;border-right:1px solid rgba(255,255,255,0.1);
  white-space:nowrap;
}
.t-stars{color:#F39C12;font-size:.75rem;letter-spacing:2px}
.t-txt{font-size:.82rem;color:rgba(255,255,255,0.7);font-style:italic}
.t-au{font-size:.72rem;color:var(--rouge);font-weight:700}

/* ─── DEVIS ─── */
#devis{background:var(--gris-clair)}
.devis-wrap{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}
.devis-txt .points{display:flex;flex-direction:column;gap:.8rem;margin-top:2rem}
.point{display:flex;align-items:flex-start;gap:.9rem}
.point-ico{
  width:36px;height:36px;background:var(--rouge);border-radius:6px;
  display:flex;align-items:center;justify-content:center;
  color:#fff;font-size:.85rem;flex-shrink:0;
}
.point-txt strong{display:block;font-size:.88rem;font-weight:700;color:var(--gris-fonce);margin-bottom:.1rem}
.point-txt span{font-size:.78rem;color:var(--gris-moyen)}
.devis-form-box{
  background:var(--blanc);border-radius:10px;padding:2.5rem;
  box-shadow:0 4px 24px rgba(0,0,0,0.08);border:1px solid var(--gris-trait);
}
.devis-form-box h3{font-family:'Lora',serif;font-size:1.2rem;color:var(--gris-fonce);margin-bottom:.35rem}
.devis-form-box p{font-size:.8rem;color:var(--gris-moyen);margin-bottom:1.8rem}
.tel-box{
  text-align:center;margin-top:1.5rem;padding:1.2rem;
  background:var(--gris-clair);border-radius:8px;
}
.tel-box-label{font-size:.68rem;color:var(--gris-moyen);text-transform:uppercase;letter-spacing:1px;margin-bottom:.3rem}
.tel-box a{
  font-family:'Lora',serif;
  font-size:2rem;font-weight:600;color:var(--rouge);text-decoration:none;
  display:block;
}

/* ─── CONTACT ─── */
#contact{background:var(--blanc)}
.contact-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:3rem;align-items:start}
.ct-item{margin-bottom:1.8rem}
.ct-lbl{font-size:.65rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--rouge);margin-bottom:.35rem}
.ct-val{font-size:.95rem;color:var(--gris-fonce);font-weight:600}
.ct-val a{color:var(--gris-fonce);text-decoration:none;transition:color .2s}
.ct-val a:hover{color:var(--rouge)}
.horaires-table{width:100%;margin-top:.5rem;border-collapse:collapse}
.horaires-table tr{border-bottom:1px solid var(--gris-trait)}
.horaires-table tr:last-child{border:none}
.horaires-table td{padding:.55rem 0;font-size:.85rem}
.horaires-table td:first-child{color:var(--gris-moyen)}
.horaires-table td:last-child{font-weight:600;color:var(--gris-fonce);text-align:right}
.ferme{color:var(--rouge)!important;font-style:italic}
.map-box{border-radius:10px;overflow:hidden;border:1px solid var(--gris-trait);height:380px}
.map-box iframe{width:100%;height:100%;border:none;display:block}
.map-lien{
  display:flex;align-items:center;justify-content:center;gap:.5rem;
  margin-top:.8rem;padding:.8rem;background:var(--gris-clair);
  border-radius:6px;border:1px solid var(--gris-trait);
  text-decoration:none;font-size:.83rem;font-weight:700;color:var(--gris-fonce);
  transition:all .2s;
}
.map-lien:hover{background:var(--rouge-pal);border-color:var(--rouge);color:var(--rouge)}

/* ─── FOOTER ─── */
footer{background:var(--gris-fonce);padding:2.8rem 2rem;border-top:3px solid var(--rouge)}
.footer-inner{
  max-width:1140px;margin:0 auto;
  display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1.5rem;
}
.footer-logo{font-size:1rem;font-weight:800;color:#fff;letter-spacing:.3px}
.footer-logo span{color:var(--rouge)}
.footer-infos{font-size:.78rem;color:rgba(255,255,255,0.5);margin-top:.3rem;line-height:1.7}
.footer-links{display:flex;gap:1.5rem;flex-wrap:wrap}
.footer-links a{font-size:.75rem;color:rgba(255,255,255,0.45);text-decoration:none;transition:color .2s}
.footer-links a:hover{color:var(--rouge)}
.footer-copy{font-size:.7rem;color:rgba(255,255,255,0.25);margin-top:.4rem}

/* ─── FLOTTANT ─── */
.fl{
  position:fixed;bottom:24px;right:24px;z-index:999;
  width:54px;height:54px;border-radius:50%;background:var(--rouge);
  display:flex;align-items:center;justify-content:center;
  text-decoration:none;font-size:1.3rem;
  box-shadow:0 4px 20px rgba(192,57,43,0.4);
  animation:pulse 2.5s infinite;
}
@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(192,57,43,0.4)}70%{box-shadow:0 0 0 14px rgba(192,57,43,0)}}

/* ─── RESPONSIVE ─── */
@media(max-width:1000px){
  .srv-grid{grid-template-columns:repeat(2,1fr)}
  .pros-layout,.split,.reprise-layout,.devis-wrap,.contact-grid{grid-template-columns:1fr}
  .split-img{height:300px}
  .avis-grid{grid-template-columns:repeat(2,1fr)}
  .cc-items{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  .nav-menu{display:none}
  nav{padding:0 1.2rem}
  .hero-content{padding:3rem 1.5rem 3rem}
  .s{padding:4rem 1.2rem}
  .srv-grid{grid-template-columns:1fr}
  .avis-grid{grid-template-columns:1fr}
  .fg-2,.fg2{grid-template-columns:1fr}
  footer{padding:2rem 1.2rem}
  .pros-kpis{grid-template-columns:1fr 1fr}
}



/* ─── MOYENS DE PAIEMENT ─── */

.payment-section {
  background: var(--blanc);
  padding: 4rem 2rem;
}

.payment-layout {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4rem;
  align-items: center;
}

.payment-methods {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
  margin-top: 2rem;
}

.payment-card {
  background: var(--gris-clair);
  border: 1px solid var(--gris-trait);
  border-radius: 8px;
  padding: 1.2rem 1rem;
  text-align: center;
  transition: all 0.2s ease;
}

.payment-card:hover {
  transform: translateY(-3px);
  border-color: var(--rouge);
  box-shadow: 0 8px 20px rgba(192, 57, 43, 0.08);
}

.payment-icon {
  display: block;
  font-size: 1.4rem;
  margin-bottom: 0.35rem;
}

.payment-title {
  display: block;
  font-family: 'Lora', serif;
  font-size: clamp(1.1rem, 2vw, 1.7rem);
  font-weight: 600;
  color: var(--rouge);
}

.payment-note {
  margin-top: 1.5rem;
  padding: 1rem 1.2rem;
  background: var(--rouge-pal);
  border-left: 3px solid var(--rouge);
  border-radius: 0 6px 6px 0;
  font-size: 0.82rem;
  color: var(--rouge);
  font-weight: 600;
}

.payment-image {
  height: 320px;
  border-radius: 12px;
  overflow: hidden;
}

.payment-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Responsive */
@media (max-width: 1000px) {
  .payment-layout {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .payment-section {
    padding: 4rem 1.2rem;
  }

  .payment-methods {
    grid-template-columns: 1fr;
  }

  .payment-image {
    height: 260px;
  }
}


/* ─── PAIEMENT EN PLUSIEURS FOIS ─── */

.payment-split {
  margin-top: 2rem;
  padding: 1.2rem 1.5rem;
  background: linear-gradient(135deg, var(--rouge), var(--rouge2));
  border-radius: 10px;
  color: #fff;

  display: flex;
  align-items: center;
  gap: 1.2rem;

  box-shadow: 0 8px 25px rgba(192, 57, 43, 0.25);
}

.split-badge {
  background: rgba(255,255,255,0.15);
  padding: 0.4rem 0.8rem;
  border-radius: 20px;
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  white-space: nowrap;
}

.split-content_payment {
  display: flex;
  flex-direction: column;
}

.split-main {
  font-family: 'Lora', serif;
  font-size: 1.3rem;
  font-weight: 600;
}

.split-sub {
  font-size: 0.8rem;
  opacity: 0.8;
}

/* Responsive */
@media (max-width: 640px) {
  .payment-split {
    flex-direction: column;
    align-items: flex-start;
  }
}

.link-contact {
  color: #fff;              /* lisible sur fond noir */
  text-decoration: none;   /* enlève le souligné */
  font-size: 0.9rem;
  font-weight: 500;

  transition: color 0.2s ease;
}

.link-contact:hover {
  color: var(--rouge);     /* petit effet au survol */
}

.whatsapp-float {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 62px;
    height: 62px;
    background: #25D366;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    text-decoration: none;

    box-shadow:
        0 0 0 rgba(37, 211, 102, 0.6);

    animation: pulse 2s 3;
    transition: transform 0.2s ease;
}

.whatsapp-float:hover {
    transform: scale(1.1);
}

@keyframes pulse {
    0% {
        box-shadow:
            0 0 0 0 rgba(37, 211, 102, 0.7);
    }

    70% {
        box-shadow:
            0 0 0 18px rgba(37, 211, 102, 0);
    }

    100% {
        box-shadow:
            0 0 0 0 rgba(37, 211, 102, 0);
    }
}

.section-title{
    font-size: 1.4rem;
    font-weight: 800;
    color: #111;

    position: relative;
    display: inline-block;

    margin-bottom: 18px;
}

.section-title::after{
    content:"";
    position:absolute;
    left:0;
    bottom:-6px;

    width:40px;
    height:3px;

    background:#b3261e;
    border-radius:2px;
}

/* ─── PALETTE QUALYCAR : OR / BLEU NUIT / NOIR ─── */
/* À garder en fin de fichier pour surcharger les anciens tons rouges. */

.top-bar,
.atouts-bande,
.ticker,
footer,
.pros-card,
.split-dark {
  background: var(--bleu-nuit) !important;
}

.top-bar {
  border-bottom: 2px solid var(--or);
}

.logo {
  color: var(--noir);
}

.logo-ico,
.hero-tag,
.nav-cta,
.btn-rouge,
.pros-badge-top,
.pros-ico,
.point-ico,
.ac-av,
.fl {
  background: var(--or) !important;
  border-color: var(--or) !important;
  color: var(--noir) !important;
}

.logo-ico {
  color: var(--noir) !important;
}

.nav-cta:hover,
.btn-rouge:hover {
  background: var(--rouge2) !important;
  border-color: var(--rouge2) !important;
  color: var(--noir) !important;
}

.nav-menu a:hover {
  color: var(--bleu-nuit);
  background: var(--rouge-pal);
}

.s-header-pill,
.s-header-pill-dark {
  border-bottom-color: var(--or);
}

.s-barre,
.srv-liste li::before {
  background: var(--or);
}

.s-label,
.srv-tag,
.av,
.rep-num,
.pk-v,
.tel-box a,
.ct-lbl,
.footer-logo span,
.footer-links a:hover,
.t-au,
.link-contact:hover {
  color: #A87922;
}

.srv-tag {
  border-color: #A87922;
}

.srv-ico-badge,
.avantages,
.payment-note,
.map-lien:hover,
.pros-item:hover {
  background: var(--rouge-pal);
}

.avantages {
  border-color: rgba(217, 175, 80, 0.35);
}

.payment-note {
  border-left-color: var(--or);
  color: #A87922;
}

.srv-card:hover,
.pros-item,
.cc-it:hover,
.avis-card:hover,
.payment-card:hover,
.map-lien:hover,
.fg input:focus,
.fg select:focus,
.fg textarea:focus,
.fg-clair input:focus,
.fg-clair select:focus,
.fg-clair textarea:focus {
  border-color: var(--or);
}

.srv-card:hover {
  box-shadow: 0 12px 30px rgba(7, 24, 43, 0.12);
}

.avis-card:hover,
.payment-card:hover {
  box-shadow: 0 8px 20px rgba(217, 175, 80, 0.16);
}

.payment-split {
  background: linear-gradient(135deg, var(--or), var(--bleu-nuit));
  color: #fff;
  box-shadow: 0 8px 25px rgba(217, 175, 80, 0.24);
}

.split-badge {
  background: rgba(255, 255, 255, 0.18);
}

.fg select option {
  background: var(--bleu-nuit);
  color: #fff;
}

.ferme {
  color: #A87922 !important;
}

.section-title {
  color: var(--noir);
}

.section-title::after {
  background: var(--or);
}

/* Bouton flottant générique, si utilisé */
.fl {
  box-shadow: 0 4px 20px rgba(217, 175, 80, 0.35);
  animation: pulse-gold 2.5s infinite;
}

@keyframes pulse-gold {
  0%,100% {
    box-shadow: 0 0 0 0 rgba(217, 175, 80, 0.40);
  }
  70% {
    box-shadow: 0 0 0 14px rgba(217, 175, 80, 0);
  }
}

/* Option : à décommenter pour passer WhatsApp dans la palette
.whatsapp-float {
  background: var(--or);
}
.whatsapp-float svg {
  fill: var(--noir);
}
*/