/* =========================================================
   Responsive kırılımlar
   Hedefler: 1920 / 1440 / 1024 / 768 / 430 / 390
   ========================================================= */

/* Çok geniş ekran: container'ı genişlet */
@media (min-width: 1700px) {
  :root {
    --container: 1440px;
  }
}

/* Laptop */
@media (max-width: 1280px) {
  :root {
    --header-h: 88px;
  }
}

/* Tablet yatay */
@media (max-width: 1024px) {
  :root {
    --header-h: 80px;
  }
  .hide-tablet {
    display: none !important;
  }
}

/* Tablet dikey */
@media (max-width: 768px) {
  :root {
    --header-h: 72px;
    --section-y: clamp(3rem, 8vw, 4.5rem);
  }
  body {
    font-size: 1rem;
  }
}

/* Mobil */
@media (max-width: 480px) {
  :root {
    --gutter: 1.15rem;
  }
}

/* Küçük mobil */
@media (max-width: 390px) {
  :root {
    --gutter: 1rem;
  }
}