/* ============================================================
   interclean — RESPONSIVE DESIGN
   Media Queries pentru Tabletă și Mobil
   ============================================================ */

/* ── 1. Ecran mediu / Tablete (max 1100px) ── */
@media (max-width: 1100px) {
  .services-grid { 
    grid-template-columns: repeat(2, 1fr); 
  }
  
  .process-grid { 
    grid-template-columns: repeat(2, 1fr); 
  }
  
  .process-step { 
    border-right: none; 
    border-bottom: 1px solid var(--gray3); 
  }

  .coverage-layout { 
    grid-template-columns: 1fr; 
    gap: 40px;
  }

  .hero h1 {
    font-size: clamp(50px, 8vw, 80px);
  }
}

/* ── 2. Mobil & Tablete mici (max 900px) ── */
@media (max-width: 900px) {
  /* Dezactivare cursor custom pe mobil (pentru UX) */
  body { cursor: auto; }
  .cursor, .cursor-ring { display: none; }

  /* Navigație mobil */
  nav { padding: 16px 24px; }
  .nav-links { display: none; } /* Aici poți adăuga ulterior un meniu burger */

  /* Hero mobil */
  .hero { 
    grid-template-columns: 1fr; 
    padding: 100px 24px 56px; 
    text-align: center;
  }
  
  .hero::before { display: none; }
  
  .hero-eyebrow { justify-content: center; }
  .hero-actions { 
    justify-content: center; 
    flex-direction: column;
    width: 100%;
  }
  
  .btn-primary, .btn-secondary { width: 100%; text-align: center; }

  .hero-visual { margin-top: 50px; }
  .hero-stat-grid { margin: 44px auto 0; }

  /* Secțiuni generale */
  .section { padding: 70px 24px; }
  .section-title 
  { 
    font-size: 40px;
    padding: 40px 0px;
    margin-left: 60px;
  }

  .services-grid { grid-template-columns: 1fr; }

  .why-section { 
    grid-template-columns: 1fr; 
    padding: 40px 24px; 
    gap: 40px; 
  }

  .contact-section { 
    grid-template-columns: 1fr; 
    padding: 70px 24px; 
  }
  
  .form-row { grid-template-columns: 1fr; }

  .cta-banner { 
    padding: 60px 24px; 
    text-align: center; 
    justify-content: center; 
  }

  /* Parteneri mobil */
  .partner-logo { width: 200px; }
  .hero-partners { margin: 40px auto 0; }

  /* Footer mobil */
  footer { 
    flex-direction: column; 
    gap: 20px; 
    text-align: center; 
    padding: 32px 24px; 
  }
  
  .photo-scroll-section .section-label { padding: 0 24px 20px; }

  /* Photo banner mobil */
  .photo-banner { margin: 24px 0 40px; height: 260px; }
  .photo-banner-cta { right: 20px; bottom: 20px; padding: 13px 20px; font-size: 13px; }
}

/* ── 3. Ecrane foarte mici (max 480px) ── */
@media (max-width: 480px) {
  .hero h1 { font-size: 42px; }
  .stat-num { font-size: 48px; }
  .process-grid { grid-template-columns: 1fr; }
}