/* Fron - Mobile v2: tighter vertical rhythm on phones; larger, brighter card labels for readability */

@media (max-width: 767px) {
  section {
    padding: var(--space-12) 0;
  }

  .section-header {
    margin-bottom: var(--space-8);
  }

  /* Hero: content height instead of full viewport, no empty band under the cards */
  .hero {
    min-height: auto;
    padding: calc(64px + var(--space-6)) var(--space-4) var(--space-10);
  }

  .hero-logo {
    margin-bottom: var(--space-6);
  }

  .hero-note {
    margin-bottom: var(--space-8);
  }

  .hero-cards {
    gap: var(--space-5);
    margin-bottom: 0;
  }

  /* Forze dell'Ordine */
  .numero-verde-card {
    padding: var(--space-6) var(--space-5);
  }

  .numero-verde-logo {
    margin-bottom: var(--space-5);
  }

  .servizi-container {
    padding: var(--space-6) var(--space-4);
    margin-top: var(--space-10);
  }

  .servizi-heading {
    margin-bottom: var(--space-4);
  }

  .service-item {
    padding: var(--space-4) 0;
  }

  /* Restituzioni */
  .rv-step {
    padding: var(--space-6) var(--space-5) var(--space-5);
  }

  .rv-step-text {
    margin-bottom: var(--space-5);
  }

  .rv-info {
    margin-top: var(--space-6);
  }

  /* Società e Contatti: small labels and gold subtitles were hard to read on phones */
  .societa-label,
  .info-fdo-label {
    font-size: var(--text-sm);
    color: var(--color-neutral-300);
  }

  .societa-area,
  .contatti-area {
    font-size: var(--text-base);
    font-weight: var(--font-semibold);
    color: var(--color-primary-200);
  }

  .contatti-name {
    font-size: var(--text-2xl);
  }

  .contatti-list li {
    font-size: var(--text-base);
  }

  .contatti-list span {
    color: var(--color-neutral-300);
  }
}