.catalog-sections{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem}.catalog-sections a[aria-current]{font-weight:700;text-decoration:underline}.catalog-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem;margin:1.5rem 0 3rem}.catalog-card{min-width:0;border:1px solid var(--line);border-radius:1.2rem;overflow:hidden;background:var(--surface)}.catalog-card[hidden]{display:none}.catalog-art{display:block;height:clamp(190px,24vw,330px);padding:1rem}.catalog-art img{width:100%;height:100%;object-fit:contain}.catalog-copy{padding:1rem}.catalog-copy h2{font-size:1rem;line-height:1.3}.catalog-copy p{font-size:.8rem}.catalog-actions{display:flex;gap:.5rem;flex-wrap:wrap;font-size:.75rem}.catalog-actions button,.world-filters button{border:1px solid var(--line);background:var(--paper);border-radius:999px;padding:.45rem .7rem;cursor:pointer}.world-filters select{max-width:17rem}#catalog-dialog{width:min(1000px,94vw);max-height:94vh;border:0;border-radius:1.4rem;background:var(--paper);padding:1.5rem}#catalog-dialog::backdrop{background:#112016aa}#catalog-dialog [data-close]{float:right}#catalog-visual{display:flex;justify-content:center;gap:1rem;min-height:250px}#catalog-visual img{min-width:0;max-width:48%;height:65vh;object-fit:contain}#catalog-visual model-viewer{width:100%;height:65vh}#catalog-visual video{max-width:100%;height:65vh;object-fit:contain}@media(max-width:1100px){.catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:760px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-art{height:250px}.world-filters select{max-width:100%}}@media(max-width:420px){.catalog-art{height:205px;padding:.5rem}.catalog-copy{padding:.7rem}.catalog-grid{gap:.6rem}}

/* TEA SITE POLISH 2026-10-23 */
/* Append to site/catalog.css. Keep a compact catalog with stable card actions. */
.catalog-sections { gap: 4px 24px; margin-top: 24px; border-bottom: 1px solid var(--line); padding-bottom: 12px; }
.catalog-sections a { display: inline-flex; align-items: center; min-height: 44px; line-height: 1.4; font-size: 14px; border-bottom: 1px solid transparent; }
.catalog-sections a:hover, .catalog-sections a[aria-current] { text-decoration: none; border-bottom-color: currentColor; }
.catalog-sections a[aria-current] { font-weight: 600; }
.catalog-grid { gap: 24px 20px; margin-top: 24px; }
.catalog-card { border: 0; border-radius: 0; background: transparent; display: flex; flex-direction: column; }
.catalog-art { height: 280px; background: var(--surface); border-radius: 6px; padding: 16px; }
.catalog-copy { padding: 16px 0 0; display: flex; flex: 1; flex-direction: column; align-items: start; }
.catalog-copy h2 { font-size: 22px; line-height: 1.18; margin: 4px 0 16px; overflow-wrap: anywhere; }
.catalog-copy > p { margin: 0 0 12px; color: var(--muted); font-size: 13px; line-height: 1.6; }
.catalog-copy > small { color: var(--muted); font-size: 12px; }
.catalog-actions { margin-top: auto; gap: 4px 12px; font-size: 12px; width: 100%; }
.catalog-actions > a, .catalog-actions button { min-height: 40px; display: inline-flex; align-items: center; justify-content: start; gap: 6px; padding: 8px 0; line-height: 1.4; text-align: left; }
.catalog-actions button { border: 0; border-radius: 0; background: none; text-decoration: underline; text-decoration-color: #9ba98f; text-underline-offset: 4px; }
.catalog-actions button:hover { text-decoration-color: currentColor; }
.catalog-actions > a { text-decoration: none; }
.catalog-actions > a:hover { text-decoration: underline; text-underline-offset: 4px; }
.world-filters > label { min-width: 0; }
.world-filters { border-radius: 8px; }
.world-filters button { border-radius: 4px; padding: 10px 14px; }
#catalog-count { font-size: 13px; color: var(--muted); margin-block: 20px; }
#catalog-dialog { padding: 24px; border-radius: 8px; }
#catalog-dialog [data-close] { min-height: 44px; min-width: 44px; padding: 8px; }
#catalog-dialog h2 { font-size: 30px; }
@media (max-width: 1100px) { .catalog-art { height: 260px; } }
@media (max-width: 760px) {
  .catalog-sections { gap: 0 20px; margin-top: 16px; padding-bottom: 8px; }
  .catalog-grid { gap: 28px 16px; }
  .catalog-art { height: 240px; padding: 12px; }
  .catalog-copy h2 { font-size: 21px; margin-bottom: 12px; }
  .catalog-actions { gap: 0 12px; }
  .catalog-actions > a, .catalog-actions button { min-height: 44px; }
  .world-filters > label { width: 100%; }
  .world-filters select { width: 100%; }
  #catalog-dialog { padding: 16px; }
  #catalog-visual img { height: 52vh; }
}
@media (max-width: 420px) { .catalog-art { height: 210px; padding: 8px; } .catalog-copy h2 { font-size: 20px; } .catalog-copy > p { font-size: 12px; } }