/* ==========================================================================
   Responsive Breakpoints (Desktop First / Max-Width approach per adjustments)
   ========================================================================== */

/* Large Tablet & Small Desktop */
@media screen and (max-width: 991px) {
  .section-padded { padding: 4rem 0; }
  
  .split-layout {
    gap: 2rem;
  }
  
  h1 { font-size: 3rem; }
  
  .counters-row {
    flex-wrap: wrap;
    gap: 2rem;
  }
  .counter-item {
    flex: 1 1 40%;
  }
  
  .value-props {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }
  
  .footer-content {
    grid-template-columns: 1fr 1fr;
  }
  .footer-brand { grid-column: 1 / -1; margin-bottom: 1rem; }
}

/* Tablet / Mobile Menu */
@media screen and (max-width: 767px) {
  .menu-toggle { display: block; }
  
  /* Hamburger Menu Overlay */
  .nav-links {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: var(--color-primary);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 2rem;
    transform: translateX(100%);
    transition: transform var(--transition-fast);
    z-index: 1000;
  }
  
  .nav-links.active {
    transform: translateX(0);
  }
  
  .services-grid { grid-template-columns: 1fr; }
  
  .split-layout { grid-template-columns: 1fr; }
  .chi-siamo-img img { margin: 0 auto; }
  .contact-info-wrapper { margin-top: 2rem; }
  
  .parallax-bg {
    background-attachment: scroll; /* Disabled on mobile for perf */
    height: 100%;
  }
  
  .contact-form-wrapper { padding: 2rem 1rem; }
  
  .cookie-actions { flex-direction: column; }
  .cookie-actions button { width: 100%; justify-content: center; }
}

/* Small Mobile */
@media screen and (max-width: 575px) {
  .section-padded { padding: 3rem 0; }
  h1 { font-size: 2.25rem; }
  
  .hero-cta { flex-direction: column; width: 100%; }
  
  .counter-item { flex: 1 1 100%; }
  
  .footer-content { grid-template-columns: 1fr; }
}