.photo-feature-section .retouches { margin-top: 0; }

/* A real estimation screen, with the explanation alongside it. */
.estimate-feature .section-header { margin-bottom: 40px; }
.estimate-demo {
  display: grid;
  grid-template-columns: 280px minmax(0, 1fr);
  align-items: center;
  gap: clamp(32px, 6vw, 80px);
  max-width: 920px;
  margin-inline: auto;
}
.estimate-screen { margin: 0; text-align: center; }
.estimate-screen img {
  display: block;
  width: 100%;
  height: auto;
  border: 1px solid rgba(167, 139, 250, .35);
  border-radius: 26px;
  box-shadow: 0 20px 70px rgba(124, 58, 237, .12);
}
.estimate-screen figcaption { margin-top: 14px; font-size: 12px; line-height: 1.6; color: var(--dark-400); }
.estimate-steps { display: grid; gap: 28px; margin: 0; padding: 0; list-style: none; }
.estimate-steps li { display: flex; align-items: flex-start; gap: 16px; }
.estimate-step-number {
  display: grid;
  place-items: center;
  flex: 0 0 36px;
  height: 36px;
  border: 1px solid rgba(167, 139, 250, .3);
  border-radius: 11px;
  background: rgba(139, 92, 246, .12);
  color: var(--violet-300);
  font-weight: 700;
}
.estimate-steps h3 { margin: 3px 0 9px; font-size: 19px; line-height: 1.35; color: white; }
.estimate-steps p { margin: 0; color: var(--dark-400); font-size: 15px; line-height: 1.7; }
.estimate-steps strong { color: var(--dark-200); font-weight: 600; }
.estimate-note { margin: 26px 0 0 52px; padding-top: 20px; border-top: 1px solid var(--dark-700); color: var(--dark-400); font-size: 12px; line-height: 1.6; }
@media (max-width: 700px) {
  .estimate-demo { grid-template-columns: minmax(0, 1fr); gap: 32px; }
  .estimate-screen { width: min(100%, 280px); margin-inline: auto; }
  .estimate-steps { gap: 24px; }
  .estimate-steps h3 { font-size: 17px; }
  .estimate-steps p { font-size: 14px; }
}

/* Keep the language switch, account and menu inside the mobile header. */
@media (max-width: 560px) {
  .nav-inner { padding-inline: 16px; gap: 12px; }
  .nav-droite { gap: 8px; }
  .nav-logo { gap: 8px; }
}