/* ============================================
   VALUTAZIONE — Responsive
   ============================================ */
.valuation-content { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-4xl); align-items: start; }
.valuation-info h2 { margin-bottom: var(--space-lg); }
.valuation-info > p { margin-bottom: var(--space-2xl); }
.valuation-steps { display: flex; flex-direction: column; gap: var(--space-xl); }
.valuation-step { display: flex; gap: var(--space-lg); }
.valuation-step__number { flex-shrink: 0; width: 48px; height: 48px; background: var(--gold-muted); color: var(--gold); font-family: var(--font-display); font-size: var(--fs-xl); font-weight: var(--fw-semibold); display: flex; align-items: center; justify-content: center; }
.valuation-step h4 { font-size: var(--fs-md); font-family: var(--font-body); font-weight: var(--fw-medium); margin-bottom: var(--space-xs); }
.valuation-step p { font-size: var(--fs-sm); color: var(--gray-500); font-weight: var(--fw-light); }
.valuation-form-card { background: var(--color-white); padding: var(--space-2xl); box-shadow: var(--shadow-lg); border: 1px solid var(--gray-200); }
.valuation-form-card h3 { font-size: var(--fs-xl); margin-bottom: var(--space-xs); }
.valuation-form-card > p { font-size: var(--fs-sm); color: var(--gray-500); margin-bottom: var(--space-xl); }
.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-lg); }

@media (max-width: 1024px) {
  .valuation-content { grid-template-columns: 1fr; gap: var(--space-2xl); }
}
@media (max-width: 768px) {
  .form-row { grid-template-columns: 1fr; }
  .valuation-form-card { padding: 20px; }
  .valuation-step__number { width: 40px; height: 40px; font-size: var(--fs-md); }
}