/* Sembunyikan slider dan banner-text di mobile */
@media (max-width: 767px) {
  .slider,
  .banner-text {
    display: none !important;
  }
}

/* Responsive layout untuk container & main-content */
@media screen and (max-width: 768px) {
  .main-content {
    flex-direction: column;
  }

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

@media screen and (max-width: 600px) {
  .container {
    grid-template-columns: repeat(2, 1fr);
  }
}