/* BREADCRUMB */
.breadcrumb{
  padding:1rem 3rem;
  font-size:0.72rem;color:var(--muted);
  display:flex;align-items:center;gap:0.5rem;
  border-bottom:1px solid var(--border);
}
.breadcrumb a{color:var(--muted);text-decoration:none;transition:color 0.2s}
.breadcrumb a:hover{color:var(--violet-bright)}
.breadcrumb-sep{opacity:0.35}
.breadcrumb-current{color:var(--violet-bright)}

/* INTRO 2 COLONNES */
.intro-section{
  padding:5rem 3rem;
  display:grid;grid-template-columns:1fr 1fr;gap:5rem;
  align-items:center;
  border-bottom:1px solid var(--border);
}
.intro-left h2{
  font-family:'Barlow Condensed',sans-serif;font-weight:900;
  font-size:clamp(2rem,3.5vw,3rem);text-transform:uppercase;
  line-height:0.92;margin-bottom:1.5rem;
}
.intro-left p{
  font-size:0.9rem;line-height:1.9;color:var(--text-body);margin-bottom:1rem;
}
.intro-left p strong{color:rgba(255,255,255,0.92);font-weight:500}
.intro-right{display:flex;flex-direction:column;gap:1.25rem}
.intro-stat{
  padding:1.5rem 1.75rem;
  background:var(--surface);border:1px solid var(--border);
  display:flex;align-items:center;gap:1.25rem;
  transition:border-color 0.25s;
}
.intro-stat:hover{border-color:var(--violet)}
.intro-stat-num{
  font-family:'Barlow Condensed',sans-serif;font-weight:900;
  font-size:2.4rem;color:var(--violet-bright);line-height:1;
  flex-shrink:0;min-width:70px;
}
.intro-stat-txt{font-size:0.8rem;color:var(--muted);line-height:1.55}
.intro-stat-txt strong{color:var(--white);display:block;font-size:0.85rem;margin-bottom:0.15rem;font-weight:500}

/* FINITIONS — VERSION PLUS COMPACTE */

.finitions-section {
  padding: 3.5rem 3rem;
  background: var(--dark);
  border-bottom: 1px solid var(--border);
}

.finitions-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 3px;
  margin: 1.75rem auto 0;
  max-width: 1400px;
}

.finition-card {
  position: relative;
  height: 280px;
  min-height: 0;
  aspect-ratio: auto;
  overflow: hidden;
  cursor: default;
}

.finition-card img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: brightness(0.5) grayscale(0.15);
  transition: transform 0.6s ease, filter 0.4s ease;
}

.finition-card:hover img {
  transform: scale(1.06);
  filter: brightness(0.35) grayscale(0);
}

.finition-ov {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to top,
    rgba(10, 10, 10, 0.95) 0%,
    rgba(10, 10, 10, 0.2) 55%,
    transparent 100%
  );
  transition: background 0.4s;
}

.finition-card:hover .finition-ov {
  background: linear-gradient(
    to top,
    rgba(76, 29, 149, 0.96) 0%,
    rgba(109, 40, 217, 0.4) 60%,
    transparent 100%
  );
}

.finition-cnt {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.2rem 1.3rem;
}

.finition-tag {
  margin-bottom: 0.25rem;
  color: var(--violet-bright);
  font-size: 0.52rem;
  letter-spacing: 0.28em;
  text-transform: uppercase;
}

.finition-name {
  margin-bottom: 0.3rem;
  color: #fff;
  font-family: "Barlow Condensed", sans-serif;
  font-size: 1.25rem;
  font-weight: 900;
  letter-spacing: 0.1em;
  line-height: 1;
  text-transform: uppercase;
  transition: letter-spacing 0.3s;
}

.finition-card:hover .finition-name {
  letter-spacing: 0.15em;
}

.finition-desc {
  max-height: 0;
  overflow: hidden;
  color: rgba(255, 255, 255, 0.72);
  font-size: 0.7rem;
  line-height: 1.45;
  opacity: 0;
  transition: max-height 0.4s ease, opacity 0.3s ease;
}

.finition-card:hover .finition-desc {
  max-height: 100px;
  opacity: 1;
}

@media (max-width: 1100px) {
  .finitions-section {
    padding: 3.5rem 1.5rem;
  }

  .finitions-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .finition-card {
    height: 250px;
  }
}

@media (max-width: 600px) {
  .finitions-section {
    padding: 3rem 1.25rem;
  }

  .finitions-grid {
    grid-template-columns: 1fr;
  }

  .finition-card {
    height: 230px;
  }

  .finition-desc {
    max-height: 100px;
    opacity: 1;
  }
}

/* PROCESSUS */
.process-section{
  padding:5rem 3rem;
  border-bottom:1px solid var(--border);
}
.process-steps{
  display:grid;grid-template-columns:repeat(4,1fr);gap:0;
  margin-top:2.5rem;
  border:1px solid var(--border);
}
.process-step{
  padding:2.25rem 1.75rem;
  border-right:1px solid var(--border);
  position:relative;
  transition:background 0.25s;
}
.process-step:last-child{border-right:none}
.process-step:hover{background:rgba(109,40,217,0.06)}
.step-num{
  font-family:'Barlow Condensed',sans-serif;font-weight:900;
  font-size:3.5rem;color:rgba(109,40,217,0.18);
  line-height:1;margin-bottom:1rem;
  transition:color 0.3s;
}
.process-step:hover .step-num{color:rgba(109,40,217,0.4)}
.step-title{
  font-family:'Barlow Condensed',sans-serif;font-weight:800;
  font-size:1rem;letter-spacing:0.1em;text-transform:uppercase;
  color:var(--white);margin-bottom:0.6rem;
}
.step-desc{font-size:0.8rem;color:var(--muted);line-height:1.65}

/* VÉHICULES ÉLIGIBLES */
.vehicules-section{
  padding:5rem 3rem;background:var(--dark);
  border-bottom:1px solid var(--border);
}
.vehicules-covering-grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:3px;margin-top:2.5rem;
}
.vc-card{
  padding:1.75rem 1.5rem;
  background:var(--surface);border:1px solid var(--border);
  transition:border-color 0.25s,background 0.25s;
}
.vc-card:hover{border-color:var(--violet);background:rgba(109,40,217,0.08)}
.vc-icon{font-size:1.8rem;margin-bottom:0.65rem;display:block}
.vc-name{
  font-family:'Barlow Condensed',sans-serif;font-weight:800;
  font-size:1rem;letter-spacing:0.1em;text-transform:uppercase;
  color:var(--white);margin-bottom:0.4rem;
}
.vc-eg{font-size:0.72rem;color:var(--muted);line-height:1.55}

/* FAQ COVERING */
.faq-covering{
  padding:5rem 3rem;
  border-bottom:1px solid var(--border);
}

/* GALERIE */
.galerie-section{
  padding:5rem 3rem;background:var(--dark);
  border-bottom:1px solid var(--border);
}
.galerie-grid{
  display:grid;
  grid-template-columns:2fr 1fr 1fr;
  grid-template-rows:repeat(2,220px);
  gap:3px;margin-top:2.5rem;
}
.galerie-item{position:relative;overflow:hidden;cursor:pointer}
.galerie-item img{
  width:100%;height:100%;object-fit:cover;
  filter:brightness(0.62) grayscale(0.1);
  transition:transform 0.55s ease,filter 0.4s ease;
}
.galerie-item:hover img{transform:scale(1.06);filter:brightness(0.42) grayscale(0)}
.galerie-item.span-col{grid-column:1;grid-row:1/3}
.galerie-ov{
  position:absolute;inset:0;
  background:linear-gradient(to top,rgba(10,10,10,0.85) 0%,transparent 50%);
  transition:background 0.35s;
}
.galerie-item:hover .galerie-ov{
  background:linear-gradient(to top,rgba(76,29,149,0.9) 0%,rgba(109,40,217,0.25) 55%,transparent 100%);
}
.galerie-info{position:absolute;bottom:0;left:0;right:0;padding:1.2rem}
.galerie-tag{font-size:0.54rem;letter-spacing:0.24em;text-transform:uppercase;color:var(--violet-bright);margin-bottom:0.25rem}
.galerie-name{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:1.05rem;letter-spacing:0.07em;text-transform:uppercase;color:#fff}

/* AVANTAGES */
.avantages-section{
  padding:5rem 3rem;
  border-bottom:1px solid var(--border);
}
.avantages-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:3px;margin-top:2.5rem;
}
.av-card{
  padding:2.25rem 2rem;background:var(--surface);
  border:1px solid var(--border);
  transition:border-color 0.25s,background 0.25s;
}
.av-card:hover{border-color:var(--violet);background:rgba(109,40,217,0.06)}
.av-icon{
  width:40px;height:40px;
  background:rgba(109,40,217,0.15);border:1px solid rgba(109,40,217,0.3);
  border-radius:50%;display:flex;align-items:center;justify-content:center;
  margin-bottom:1.1rem;
}
.av-icon svg{width:16px;stroke:var(--violet-bright);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.av-title{
  font-family:'Barlow Condensed',sans-serif;font-weight:800;
  font-size:1rem;letter-spacing:0.1em;text-transform:uppercase;
  color:var(--white);margin-bottom:0.6rem;
}
.av-desc{font-size:0.8rem;color:var(--muted);line-height:1.65}

/* AUTRES PRESTATIONS */
.autres-section{
  padding:5rem 3rem;background:var(--dark);
  border-bottom:1px solid var(--border);
}
.autres-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:3px;margin-top:2.5rem;
}
.autre-card{
  position:relative;overflow:hidden;
  aspect-ratio:3/2;text-decoration:none;display:block;
}
.autre-card img{
  width:100%;height:100%;object-fit:cover;
  filter:brightness(0.42) grayscale(0.1);
  transition:transform 0.55s,filter 0.4s;
}
.autre-card:hover img{transform:scale(1.07);filter:brightness(0.28) grayscale(0)}
.autre-ov{
  position:absolute;inset:0;
  background:linear-gradient(to top,rgba(10,10,10,0.9) 0%,transparent 60%);
  transition:background 0.35s;
}
.autre-card:hover .autre-ov{
  background:linear-gradient(to top,rgba(76,29,149,0.93) 0%,rgba(109,40,217,0.38) 60%,transparent 100%);
}
.autre-cnt{position:absolute;bottom:0;left:0;right:0;padding:1.4rem}
.autre-tag{font-size:0.54rem;letter-spacing:0.24em;text-transform:uppercase;color:var(--violet-bright);margin-bottom:0.3rem}
.autre-name{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:1.25rem;letter-spacing:0.1em;text-transform:uppercase;color:#fff}

/* RESPONSIVE PAGE */
@media(max-width:1100px){
  .page-hero-inner{padding:0 1.5rem 2.5rem}
  .breadcrumb{padding:1rem 1.5rem}
  .intro-section{grid-template-columns:1fr;gap:3rem;padding:4rem 1.5rem}
  .finitions-section,.process-section,.vehicules-section,.faq-covering,
  .galerie-section,.avantages-section,.autres-section{padding:4rem 1.5rem}
  .finitions-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto}
  .process-steps{grid-template-columns:1fr 1fr}
  .process-step:nth-child(2){border-right:none}
  .process-step:nth-child(3){border-top:1px solid var(--border)}
  .vehicules-covering-grid{grid-template-columns:1fr 1fr}
  .galerie-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto}
  .galerie-item.span-col{grid-column:auto;grid-row:auto}
  .avantages-grid{grid-template-columns:1fr 1fr}
  .autres-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
  .finitions-grid{grid-template-columns:1fr}
  .process-steps{grid-template-columns:1fr}
  .process-step{border-right:none;border-bottom:1px solid var(--border)}
  .vehicules-covering-grid{grid-template-columns:1fr 1fr}
  .galerie-grid{grid-template-columns:1fr}
  .avantages-grid{grid-template-columns:1fr}
  .autres-grid{grid-template-columns:1fr}
  .breadcrumb{padding:0.8rem 1.25rem}
}