.services-detail { padding: var(--section-v) 0; }
.services-detail > .container > .section-intro { margin-bottom: 64px; }

.services-list { display: flex; flex-direction: column; gap: 80px; }

.service-item {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 64px;
  align-items: center;
}
.service-item--reverse .service-item__visual { order: 2; }
.service-item--reverse .service-item__content { order: 1; }

.service-item__visual { height: 100%; min-height: 300px; }

.service-item h2 {
  font-size: clamp(1.5rem, 2.5vw, 2rem);
  font-weight: 800;
  margin-bottom: 16px;
}
.service-item p:not(.section-tag) {
  font-size: 0.95rem;
  color: var(--texte-doux);
  line-height: 1.85;
  margin-bottom: 24px;
}
.service-item__points { display: flex; flex-direction: column; gap: 10px; }
.service-item__points li {
  font-family: var(--fonte-titre);
  font-size: 0.8rem;
  font-weight: 600;
  color: var(--texte);
  padding-left: 18px;
  position: relative;
}
.service-item__points li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
  height: 2px;
  background: var(--dore);
  border-radius: 1px;
}

@media (max-width: 768px) {
  .service-item { grid-template-columns: 1fr; }
  .service-item--reverse .service-item__visual,
  .service-item--reverse .service-item__content { order: unset; }
}

.before-after {
  padding: var(--section-v) 0;
  background: var(--fond);
}
.before-after .section-title { margin-bottom: 12px; }
.before-after .section-intro { margin-bottom: 48px; }

.ba-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
}
.ba-item__pair {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-bottom: 12px;
}
.ba-item__label {
  font-family: var(--fonte-titre);
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--texte-doux);
  letter-spacing: 0.5px;
}
@media (max-width: 640px) {
  .ba-grid { grid-template-columns: 1fr; }
}