/* ==========================================================================
   Responsive katman — bileşene özel kırılımlar style.css içinde;
   burada sayfa geneli ayarlar bulunur.
   sm 576 · md 768 · lg 992 · xl 1200 · xxl 1400
   ========================================================================== */

/* Küçük mobil */
@media (max-width: 374.98px) {
  :root { --header-height: 68px; }
  .brand img { height: 40px; }
  .nav-toggle__label { display: none; }
  .nav-toggle { padding: 0 14px; }
  .btn-k { padding-left: 18px; font-size: 0.875rem; }
}

/* Bootstrap satır boşluğu, dar ekranda kap kenarını aşmasın */
@media (max-width: 575.98px) {
  .container-k .row { --bs-gutter-x: 1.5rem; }
  .segmented { display: flex; }
  .segmented button { flex: 1; padding-inline: 12px; }
}

/* Masaüstü: sağdaki sabit rail içerikle çakışmasın */
@media (min-width: 1200px) and (max-width: 1439.98px) {
  .container-k { width: min(100% - 2 * var(--gutter) - 120px, var(--container-max)); }
}

/* Yatay telefon / kısa ekranlar */
@media (max-height: 560px) and (orientation: landscape) {
  .hero__frame { min-height: 560px; }
  .hero__text { display: none; }
  .hero__title { font-size: clamp(2rem, 1rem + 3vw, 2.75rem); }
}

@media print {
  .site-header, .contact-rail, .hero__bottom, .mobile-menu, .scroll-progress { display: none !important; }
  .hero__frame, .page-hero__frame, .section--dark, .site-footer { background: none !important; color: #000 !important; }
  body { background: #fff; }
}

/* Tablette de satır boşluğu kap kenarını aşmasın (768 px'de 1 px taşma) */
@media (max-width: 991.98px) {
  .container-k .row { --bs-gutter-x: 1.5rem; }
}