/* ==========================================================================
   KIRILMA NOKTALARI
     >=1240      tam duzen
     1024-1239   ray daralir, izgaralar bir kolon iner
     768-1023    PDP tek kolon, spec tek kolon
     <768        her sey tek kolon, karsilastirma yatay kayar
     <480        bolum araliklari ve gutter kuculur
   ========================================================================== */

@media (max-width: 1239px) {
  :root { --rail-w: 380px; }
  .k-mega__grid { grid-template-columns: 240px minmax(0, 1fr) 180px; }
  .k-footer__cols { grid-template-columns: 1.2fr repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 1023px) {
  /* Masaustu mega menusu yerini cekmeceye birakir.
     ⚠ Nav gizlenince `margin-right:auto` da gidiyor; aksiyonlar sola
     yapisiyordu. Gofret ikonu SAGDA kalmali. */
  .k-nav { display: none; }
  .k-header__actions { margin-left: auto; }
  .k-mega__panel { display: none; }
  .k-burger { display: inline-flex; }
  .k-mega__sublist { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 767px) {
  .k-footer__cols { grid-template-columns: minmax(0, 1fr); gap: var(--space-8); }
  .k-mega__sublist { grid-template-columns: minmax(0, 1fr); }
  .k-topbar__inner { gap: var(--space-5); }
  .k-header__inner { gap: var(--space-5); }
  /* Ust barda yer yok -- gizli KALIYOR. */
  .k-lang { display: none; }
  /* r75: ...ama cekmece ICINDE geri acilir; yoksa telefondan dil
     degistirmenin hicbir yolu kalmiyordu. */
  .k-drawer .k-lang { display: inline-flex; }
}

@media (max-width: 479px) {
  :root { --section-y: var(--space-11); --gutter: var(--space-5); }
}

/* ── Anasayfa ──────────────────────────────────────────────────────────── */
@media (max-width: 1239px) {
  .k-prodgrid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 1023px) {
  .k-band__inner  { grid-template-columns: minmax(0, 1fr); }
  .k-cats         { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: auto; }
  .k-cats > :first-child { grid-column: span 2; grid-row: span 1; }
  .k-cats > :first-child .k-cats__plate { aspect-ratio: 16 / 9; flex: none; }
  .k-prodgrid,
  .k-journal      { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .k-site .kvl-ankara__inner { grid-template-columns: minmax(0, 1fr); gap: var(--space-9); }
  .k-site .kvl-ankara__card { min-height: 480px; }
}
@media (max-width: 1023px) {
  .k-reviews__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .k-ig__grid      { grid-template-columns: repeat(6, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
  .k-reviews__grid { grid-template-columns: minmax(0, 1fr); }
  .k-ig__grid      { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .k-reseller { gap: var(--space-4); }
  .k-reseller__cta { margin-left: 0; width: 100%; }
  /* Mobil banner 1500x1050 (ayri kupur) -- masaustu orani telefonda serit gibi kaliyor. */
  .k-banner img   { aspect-ratio: 1500 / 1050; }
  /* ⚠ Yazi GORSELIN USTUNDE kalir. Altina alinca gorselden kopuyor ve
     "kaymis" okunuyordu; ustte perde ile kontrast garanti. */
  .k-banner__text { top: var(--space-6); }
  .k-banner__t    { font-size: clamp(24px, 7vw, 34px); }
  .k-banner__b    { font-size: var(--size-body-sm); }
  /* ⚠⚠ MOBILDE 2 KOLON. Tek kolon yigilma "duzensiz" okunuyordu; kart
     yerlesimi hissi iki kolonla kuruluyor. Tek kolona DUSMEZ. */
  .k-cats,
  .k-prodgrid,
  .k-journal,
  .k-line__grid,
  .k-brands       { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-7) var(--space-5); }
  /* ⚠ MOBILDE DE ASIMETRIK: hakim karo iki kolonu birden kaplar, digerleri
     yaninda ikili akar. Duzenli 2 kolon "kart dizisi" gibi okunuyordu;
     kategori sirasi bir HIYERARSI ve mobilde de gorunmeli. */
  .k-cats > :first-child { grid-column: span 2; }
  .k-cats > :first-child .k-cats__plate { aspect-ratio: 4 / 3; flex: none; }
  /* ⚠ Bantlarda 3 urun var: duz 2 kolonda 2+1 diziliyor ve ucuncunun yani
     BOS kaliyordu. Ilk kart iki kolonu kaplayinca 1+2 oluyor -- bosluk yok,
     ve kategorilerdeki asimetriyle ayni dil. */
  .k-line__grid > :first-child { grid-column: span 2; }
  .k-line__grid > :first-child .k-line__media { aspect-ratio: 4 / 3; }
  .k-line__inner  { grid-template-columns: minmax(0, 1fr); }
  .k-tools        { grid-template-columns: minmax(0, 1fr); }
  .k-tool         { flex-wrap: wrap; }
  .k-site .kvl-ankara__facts { grid-template-columns: minmax(0, 1fr); }
  .k-arch-tools   { width: 100%; }
}

/* ── Katalog + PDP ─────────────────────────────────────────────────────── */
@media (max-width: 1239px) {
  .k-arch-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .k-thumbs    { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 1023px) {
  .k-pdp__row  { grid-template-columns: minmax(0, 1fr); gap: var(--space-9); }
  .k-rail      { position: static; top: auto; }
  .k-thumbs    { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .k-specs     { grid-template-columns: minmax(0, 1fr); gap: var(--space-3); }
  .k-arch-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
  .k-thumbs    { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .k-arch-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-8) var(--space-5); }
  .kvl-inquiry-drawer { width: 100%; }
  .k-quick     { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .k-spec-row  { grid-template-columns: minmax(0, 1fr); gap: var(--space-1); }
}
@media (max-width: 479px) {
  /* ⚠ Burada da TEK kolona dusmuyoruz -- urun izgarasi 2 kolon kaliyor. */
  .k-arch-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-8) var(--space-4); }
  .k-quick     { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .k-arch-card__name, .k-pcard__name, .k-line__name { font-size: var(--size-body-sm); }
  .k-postcard__t { font-size: var(--size-h3); }
  /* Footer logosu mobilde kucuk kalsin. */
  .k-footer__logo { height: 14px; }
}

/* Premium hatti + markalar -- ara genislikler */
@media (max-width: 1023px) {
  .k-line__inner { grid-template-columns: minmax(0, 1fr); }
  .k-brands      { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}


/* -- r75: cekmece dil satiri ---------------------------------------------
   Kategori baglantilarindan sonra gelir. Ayirici cizgi YOK (tema ayirac
   kullanmiyor); ayrim bosluk ve etiketin sessiz tonuyla kurulur. */
.k-drawer__lang {
  display: flex;
  align-items: center;
  gap: var(--space-4);
  margin-top: var(--space-7);
  padding-top: var(--space-5);
}
.k-drawer__langlabel {
  font-size: var(--size-caption);
  color: var(--text-muted, var(--grey-500));
}