/* =========================================
   RESPONSIVE MOBILE & TABLET (SUPER CLEAN)
   ========================================= */
@media screen and (max-width: 860px) {
  /* Section 1 & 3: Tumpuk gambar dan teks atas-bawah */
  .container, .container3 {
    flex-direction: column;
    text-align: center;
    gap: 30px;
  }
  
  .text-content { 
    margin-right: 0; 
    padding: 0 15px; 
  }
  
  .text-content p, .content p { 
    text-align: center; 
  }

  /* Section 2: Judul di atas, kotak di bawah */
  .container2 { 
    grid-template-columns: 1fr; 
    text-align: center; 
    gap: 20px;
  }
  
  .left { 
    padding: 10px; 
    font-size: 32px; 
  }

  /* Penyesuaian ukuran teks agar tidak kepanjangan di HP */
  .text-content h1 { font-size: 32px; }
  .content h2, .container4 .title { font-size: 26px; }
  
  /* Jarak aman Navbar HP */
  .main-content1 { padding-top: 100px; padding-bottom: 40px; }
  .main-content3 { padding: 40px 15px; }
  .main-content4 { padding: 50px 15px; }
}