/* ============================================================
   CATALOGUE STATES — shown instead of product sections when the
   database is unreachable or holds nothing to show yet.
   Loaded by index, categories, products and product-detail.
   ============================================================ */
.catalogue-state { margin: 8px auto; max-width: 720px; padding: 48px 20px; }
.catalogue-state-title { font-size: clamp(1.3rem, 4vw, 1.8rem); margin-bottom: 8px; }
.catalogue-state p { max-width: 52ch; margin-inline: auto; }
.catalogue-state-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-top: 18px; }
.catalogue-state-actions .btn { white-space: normal; }