/* ==========================================================
   /modules/kategori/pages/category.css  (FULL PRO)
   - Grid (3/2/1) + spacing
   - Empty/404 box
   - Pager alanı
   - Küçük sayfa rötuşları
   ========================================================== */

/* Kategori form küçük reset */
.kategori-page .kategori-form{ margin: 0; }

/* Grid */
.kategori-page .grid3{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--s3);
}

/* Kartlar aynı hizada daha “premium” dursun */
.kategori-page .grid3 > .card{
  height: 100%;
}

/* Pager */
.kategori-page .pager{
  margin-top: var(--s5);
  display:flex;
  justify-content:center;
  align-items:center;
  gap: var(--s2);
  flex-wrap:wrap;
}

/* Prev küçük buton zaten 10-buttons içinde; burada hizalama */
.kategori-page .pager .pager-prev{
  align-self: center;
}

/* Empty/404 box */
.kategori-page .empty-box{
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--r-xl);
  box-shadow: var(--sh-md);
  padding: var(--s6);
}

.kategori-page .empty-box p{
  margin: 0;
  color: var(--muted);
  font-weight: 700;
}

.kategori-page .empty-box .actions{
  display:flex;
  gap: var(--s2);
  flex-wrap:wrap;
  margin-top: var(--s4);
}

/* 404 sayfa başlığı düzeni */
.kategori-page.kategori404 .page-title{
  font-size: 1.45rem;
}

/* Responsive */
@media (max-width: 1024px){
  .kategori-page .grid3{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 920px){
  .kategori-page .grid3{
    grid-template-columns: 1fr;
  }

  .kategori-page .empty-box{
    padding: var(--s5);
  }
}

@media (max-width: 360px){
  .kategori-page .empty-box{
    padding: var(--s4);
  }
}