/* ═══════════════════════════════════════════════════
   katalog.css — štýly výhradne pre katalóg koláčov
   Tento súbor nemení nič v styles.css
   ═══════════════════════════════════════════════════ */

/* Väčšie stĺpce a medzery pre katalóg oproti galérii */
#cake-catalog-grid {
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 14px;
}

/* Zaoblené rohy kariet */
#cake-catalog-grid .public-gallery-item {
  border-radius: 14px;
  overflow: hidden;
  cursor: zoom-in;
  transition: transform 200ms ease, box-shadow 200ms ease;
  box-shadow: 0 2px 10px rgba(55, 34, 21, 0.08);
}

#cake-catalog-grid .public-gallery-item:hover {
  transform: scale(1.02);
  box-shadow: 0 8px 24px rgba(55, 34, 21, 0.16);
}

@media (max-width: 768px) {
  #cake-catalog-grid {
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    gap: 10px;
  }
}

@media (max-width: 480px) {
  #cake-catalog-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
  }
}