.design-list { display: flex; flex-direction: column; gap: var(--space-md); }
.design-card { background: var(--black-card); border: 1px solid var(--black-border); border-radius: var(--radius-md); overflow: hidden; transition: border-color var(--duration) var(--ease); }
.design-card.open { border-color: rgba(201,168,76,0.3); }
.design-card__header { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: var(--space-md); padding: var(--space-md); cursor: pointer; }
.design-card__thumb { width: 80px; height: 60px; border-radius: var(--radius-sm); background: var(--black-soft); border: 1px solid var(--black-border); overflow: hidden; flex-shrink: 0; }
.design-card__thumb img { width: 100%; height: 100%; object-fit: cover; }
.design-card__info { min-width: 0; }
.design-card__name { font-family: var(--font-display); font-size: var(--text-xl); color: var(--white); margin-bottom: 2px; }
.design-card__count { font-size: var(--text-xs); color: var(--gold); letter-spacing: 0.08em; }
.design-card__toggle { font-size: var(--text-sm); font-weight: 500; letter-spacing: 0.08em; text-transform: uppercase; color: var(--gold); padding: 0.5rem 1.2rem; border: 1px solid rgba(201,168,76,0.3); border-radius: var(--radius-pill); background: transparent; cursor: pointer; white-space: nowrap; transition: all var(--duration) var(--ease); flex-shrink: 0; }
.design-card__toggle:hover, .design-card.open .design-card__toggle { background: rgba(201,168,76,0.1); border-color: var(--gold); }
.design-card__gallery { max-height: 0; overflow: hidden; transition: max-height 0.5s var(--ease); border-top: 0px solid transparent; }
.design-card.open .design-card__gallery { border-top: 1px solid var(--black-border); }
.design-card__gallery-inner { padding: var(--space-md); display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--space-sm); }
.gallery-thumb { aspect-ratio: 1; border-radius: var(--radius-sm); overflow: hidden; background: var(--black-soft); border: 1px solid var(--black-border); cursor: pointer; transition: border-color var(--duration) var(--ease), transform var(--duration) var(--ease); }
.gallery-thumb:hover { border-color: var(--gold); transform: scale(1.03); }
.gallery-thumb img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s var(--ease); }
.gallery-thumb:hover img { transform: scale(1.08); }
@media (max-width: 768px) { .design-card__gallery-inner { grid-template-columns: repeat(2, 1fr); } .design-card__header { grid-template-columns: auto 1fr; } .design-card__toggle { grid-column: 1 / -1; }
  /* Category grid stays 2-col on mobile, bigger cards, no chip */
  .galerija-category-grid { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; gap: var(--space-xs) !important; }
  .galerija-category-grid .card__chip { display: none; }
  .galerija-category-grid .card__body { padding: var(--space-sm); }
}

/* ── Flat gallery grid (kuhinje) with load-more pagination ─────────────── */
.flat-gallery-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--space-sm); }
.flat-gallery-load-more { display: flex; justify-content: center; margin-top: var(--space-xl); }
@media (max-width: 1100px) and (min-width: 769px) {
  .flat-gallery-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 768px) {
  .flat-gallery-grid { grid-template-columns: repeat(2, 1fr); gap: var(--space-xs); }
  .flat-gallery-load-more { margin-top: var(--space-lg); }
}