/* ============================================================
   RESPONSIVE
============================================================ */

@media (max-width: 980px){
  .radio-group.three-columns{
    grid-template-columns: 1fr;
  }

  .form-step{
    width: min(var(--max-step), 94vw);
  }
}

@media (max-width: 780px){
  .quote-wrapper{
    align-items: flex-start;
    padding: 30px 16px 64px;
    contain: layout paint;
  }

  #quoteForm{
    align-items: flex-start;
    contain: layout paint;
  }

  .form-step{
    padding: 40px 26px;
    border-radius: 26px;

    overflow-y: visible;
    -webkit-overflow-scrolling: auto;

    max-height: calc(100vh - 120px);

    contain: content;
  }

  .form-step label{
    margin-top: 16px;
    margin-bottom: 10px;
  }

  .form-navigation{
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
    margin-top: 28px;
  }
}

/* ✅ Surcharge mobile pour ton BASKET (si c'est là que tu veux forcer) */
@media (max-width: 720px){
  #basket_services{
    --opt-card-bg: rgba(0,0,0,0.18);
    --opt-card-border: rgba(230,214,158,0.15);
  }
}

@media (max-width: 420px){
  #basket_services{
    --opt-card-bg: rgba(0,0,0,0.16);
  }
}

/* ============================================================
   ✅ PERF BONUS (global)
============================================================ */

.form-step{
  content-visibility: auto;
  contain-intrinsic-size: 800px;
}

.form-step.active{
  content-visibility: visible;
}