:root{
  --card:#fff;
  --border:#e5e7eb;
  --muted:#6b7280;
  --text:#0f172a;
  --shadow:0 10px 28px rgba(2,8,23,.06), 0 2px 8px rgba(2,8,23,.04);
  --shadow-hover:0 16px 38px rgba(2,8,23,.10);
  --ring: rgba(2,8,23,.08);
  --cta-bg:#eef2f7;
  --cta-ink:#ff0000;
}

/* bölüm başlığı */
.section-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:20px 0 12px;
}
.section-title{
  margin:0;
  font-size:26px;
  letter-spacing:-.01em;
}
.section-link{
  display:inline-flex; align-items:center; gap:6px;
  color:#111827; text-decoration:none; font-weight:700;
}
.section-link .chev{ font-size:18px; line-height:1; }

/* GRID – responsive kolon sayıları */
.categories-rail{
  display:grid;
  grid-template-columns: repeat(5, minmax(0,1fr));
  gap:18px;
}

/* KART */
.cat-card{ text-decoration:none; color:inherit; }
.cat-card__inner{
  background:var(--card);
  border:1px solid var(--border);
  border-radius:24px;
  box-shadow:var(--shadow);
  padding:18px;
  height:100%;
  display:grid;
  grid-template-rows: auto 1fr auto;
  position:relative;
  overflow:hidden;
  transition: transform .12s ease, box-shadow .2s ease, border-color .2s ease;
}
.cat-card__inner:hover{
  transform: translateY(-2px);
  box-shadow: var(--shadow-hover);
  border-color:#dbe1e8;
}

/* Başlık – bold değil, biraz daha büyük */
.cat-card__title{
  text-align:center;
  font-weight:500;            /* bold değil */
  font-size:18px;             /* büyütüldü */
  color:var(--text);
  margin-bottom:12px;
  letter-spacing:.1px;
}

/* Görsel alanı – daha büyük */
.cat-card__image{
  display:grid; place-items:center;
  border-radius:18px;
  overflow:hidden;
  background:#f8fafc;
  border:1px solid #f1f5f9;
  aspect-ratio: 4/3;          /* daha yüksek kutu */
  padding:6px;
}
.cat-card__image img{
  width:100%; height:100%;
  object-fit:contain;         /* ürün görseli kesilmesin */
}

/* sağ alttaki küçük ok */
.cat-card__cta{
  position:absolute; right:14px; bottom:14px;
  width:36px; height:36px; display:grid; place-items:center;
  background:var(--cta-bg); color:var(--cta-ink);
  border-radius:12px; border:1px solid #e2e8f0;
  font-weight:900;
  box-shadow: 0 4px 10px rgba(2,8,23,.06);
}

/* RESPONSIVE kırılımlar */
@media (max-width: 1200px){
  .categories-rail{ grid-template-columns: repeat(4, minmax(0,1fr)); }
}
@media (max-width: 960px){
  .categories-rail{ grid-template-columns: repeat(3, minmax(0,1fr)); }
}
@media (max-width: 680px){
  .categories-rail{ grid-template-columns: repeat(2, minmax(0,1fr)); }
  .cat-card__title{ font-size:17px; }
}
@media (max-width: 420px){
  .categories-rail{ grid-template-columns: 1fr; }
  .cat-card__title{ font-size:16px; }
}

.breadcrumbs{ margin: 12px 0; }

/* ==== Ana sayfa kategorileri ==== */
.home-categories {
  margin: 28px 0 10px;
}

.home-categories .categories-rail {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 18px;
}

/* Kartlar */
.home-categories .cat-card {
  display: block;
  background: #fff;
  border: 1px solid var(--border, #e5e7eb);
  border-radius: 18px;
  box-shadow: 0 6px 16px rgba(2,8,23,.05);
  transition: transform .15s ease, box-shadow .15s ease;
}
.home-categories .cat-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 22px rgba(2,8,23,.08);
}

.home-categories .cat-card__inner {
  display: grid;
  grid-template-rows: auto 1fr auto;
  padding: 16px;
  gap: 10px;
}

.home-categories .cat-card__title {
  font-weight: 800;
  font-size: 18px;
  letter-spacing: -.01em;
}

.home-categories .cat-card__image {
  display: grid;
  place-items: center;
  background: #f8fafc;
  border-radius: 16px;
  height: 140px;              /* masaüstü yükseklik */
}
.home-categories .cat-card__image img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.home-categories .cat-card__cta {
  align-self: end;
  justify-self: end;
  display: inline-grid;
  place-items: center;
  width: 36px; height: 36px;
  border-radius: 999px;
  background: #f1f5f9;
}

/* ==== Breakpoints ==== */
/* 1200↓ -> 4 sütun */
@media (max-width: 1200px) {
  .home-categories .categories-rail {
    grid-template-columns: repeat(4, 1fr);
  }
}
/* 992↓ -> 3 sütun */
@media (max-width: 992px) {
  .home-categories .categories-rail {
    grid-template-columns: repeat(3, 1fr);
  }
}
/* 680↓ -> 2 sütun (İSTEDİĞİN) */
@media (max-width: 680px) {
  .home-categories .categories-rail {
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
  }
  .home-categories .cat-card__title { font-size: 16px; }
  .home-categories .cat-card__image { height: 110px; } /* mobilde biraz küçült */
  .home-categories .cat-card__inner { padding: 12px; }
  .home-categories .cat-card__cta { width: 32px; height: 32px; }
}