/* Base styles për Category Grid */
.scm-cat-grid {
  display: grid;
  grid-template-columns: repeat(var(--scm-cols, 4), minmax(0, 1fr));
  gap: var(--scm-gap, 16px);
}
.scm-cat-card{
  display:block;
  text-decoration:none;
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius: var(--scm-radius, 12px);
  overflow:hidden;
  transition: box-shadow .15s ease, transform .15s ease;
}
.scm-cat-card:hover{
  box-shadow:0 4px 16px rgba(0,0,0,.08);
  transform: translateY(-2px);
}
.scm-cat-thumb{
  aspect-ratio: 1/1;
  width:100%; height:auto; display:block; object-fit:cover;
  background:#f3f4f6;
}
.scm-cat-body{
  padding:12px;
  display:flex; align-items:center; justify-content:center; gap:8px;
}
.scm-cat-name{ font-size:15px; font-weight:600; color:#111827; text-align:center; }
.scm-cat-count{ font-size:12px; color:#6b7280; white-space:nowrap; display:none; }

/* Breakpoints të thjeshta */
@media (max-width: 768px){
  .scm-cat-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 480px){
  .scm-cat-grid { grid-template-columns: repeat(1, minmax(0,1fr)); }
}