@media (max-width: 768px) {
  .nav-menu { display: none; }
  .hero-content h1 { font-size: 2.5rem; }
  .hero-bg-text { font-size: 35vw; }

  .gallery-item {
    flex: 0 0 250px;
    height: 400px;
  }
}
/* ================================================== */
/* Cihaza Göre Gizleme/Gösterme Sınıfları               */
/* ================================================== */

/* MOBİLDE GİZLE:
  Bu sınıfa (.hide-on-mobile) sahip olan elementler, 
  ekran genişliği 768 piksel veya daha az olduğunda gizlenir.
*/
@media (max-width: 768px) {
  .hide-on-mobile {
    display: none !important;
  }
}

/* MASAÜSTÜNDE GİZLE:
  Bu sınıfa (.hide-on-desktop) sahip olan elementler, 
  ekran genişliği 769 piksel veya daha fazla olduğunda gizlenir.
  (Yani sadece mobilde görünürler)
*/
@media (min-width: 769px) {
  .hide-on-desktop {
    display: none !important;
  }
}