/* ── MOBİL UYUMLULUK ── */
/* Tablet: 768px ve altı */
@media (max-width: 768px) {

  /* NAVBAR */
  .navbar {
    padding: 0 20px;
    height: 55px;
  }

  .navbar-logo img {
    height: 36px;
  }

  .navbar-logo span {
    font-size: 0.95rem;
  }

  .navbar-linkler {
    gap: 16px;
  }

  .navbar-linkler a {
    font-size: 0.8rem;
  }

  /* INDEX - ANİMASYON ALANI */
  .kapsayici {
    flex-direction: column;
    text-align: center;
    gap: 16px;
    padding: 0 20px;
  }

  .logo {
    height: 14rem;
  }

  .cizgi {
    width: 80px;
    height: 2px;
  }

  .yazi-alani {
    font-size: 1.3rem;
    min-width: unset;
    justify-content: center;
  }

  /* INDEX - HAKKIMIZDA BÖLÜMÜ */
  .bolum-iki {
    grid-template-columns: 1fr;
    padding: 80px 24px 60px;
    gap: 40px;
  }

  /* SHOWCASE */
  .sayfa {
    padding: 90px 24px 60px;
  }

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

  .kategoriler {
    gap: 8px;
  }

  .kategori-btn {
    font-size: 0.78rem;
    padding: 6px 14px;
  }

  /* İLETİŞİM */
  .sayfa {
    grid-template-columns: 1fr;
    padding: 90px 24px 40px;
    gap: 40px;
  }

  .sosyal-alan {
    padding: 30px 24px 50px;
  }

  .sosyal-ikonlar {
    gap: 12px;
  }

  .sosyal-kart {
    min-width: 80px;
    padding: 14px 16px;
  }

  /* 404 */
  .num {
    font-size: 6rem;
  }

  .mesaj {
    font-size: 1rem;
  }
}

/* Telefon: 480px ve altı */
@media (max-width: 480px) {

  /* NAVBAR - hamburger menü */
  .navbar-linkler {
    display: none;
    flex-direction: column;
    position: fixed;
    top: 55px;
    left: 0;
    width: 100%;
    background: #000000;
    padding: 20px;
    gap: 20px;
    border-bottom: 1px solid #222;
    z-index: 99;
  }

  .navbar-linkler.acik {
    display: flex;
  }

  .hamburger {
    display: flex;
    flex-direction: column;
    gap: 5px;
    cursor: pointer;
    padding: 4px;
  }

  .hamburger span {
    display: block;
    width: 24px;
    height: 2px;
    background: #dfdcdc;
    border-radius: 2px;
    transition: all 0.3s;
  }

  .hamburger.acik span:nth-child(1) { transform: rotate(45deg) translate(5px, 5px); }
  .hamburger.acik span:nth-child(2) { opacity: 0; }
  .hamburger.acik span:nth-child(3) { transform: rotate(-45deg) translate(5px, -5px); }

  /* INDEX */
  .logo { height: 10rem; }

  .yazi-alani { font-size: 1.1rem; }

  .bolum-iki {
    padding: 80px 16px 50px;
  }

  .bolum-iki .sutun h2 {
    font-size: 1.6rem;
  }

  /* SHOWCASE */
  .sayfa { padding: 80px 16px 50px; }

  .sayfa-baslik { font-size: 1.8rem; }

  /* İLETİŞİM */
  .baslik { font-size: 1.8rem; }

  .sosyal-ikonlar {
    grid-template-columns: repeat(2, 1fr);
    display: grid;
  }

  .sosyal-kart { min-width: unset; }

  /* 404 */
  .num { font-size: 5rem; }
}