/* Consolidated CSS for listings pages */

/* Utility */
.hidden { display: none !important; }

/* No-results / empty states */
.no-results { text-align: center; padding: 40px; color: #64748b; }

/* Section title adjustments for listing-related pages */
.section-title { text-align: center; margin-bottom: 32px; }

/* Load more / loading indicators */
.load-more-button { display: inline-block; padding: 10px 18px; border-radius: 6px; background:#222; color:#fff; border:none; cursor:pointer; }
.loading-indicator { font-size: 14px; color: #444; }
.scroll-loading { font-size: 14px; color: #444; }

/* Small card/grid helpers (lightweight, extend in project styles as needed) */
.products-grid { display:flex; flex-wrap:wrap; gap:20px; justify-content:center; }
.product-card { display:block; width:220px; text-decoration:none; color:inherit; }
.card-image { width:100%; height:140px; object-fit:cover; border-radius:6px; }
.card-content { padding:8px 0; }
.card-title { font-size:16px; margin:0 0 6px; }
.card-price { font-weight:700; margin:0 0 6px; }

/* Product detail small helpers */
.psd-notification-box { position:fixed; top:20px; right:20px; background:#111; color:#fff; padding:10px 14px; border-radius:8px; display:none; opacity:0; transition:opacity .3s; }

/* Specific listing classes used in index/product detail templates */
.listings-grid { display:grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap:20px; }
.ven-prods { display:block; }

/* Ensure back button remains visible */
.back-btn { display:inline-flex; align-items:center; gap:8px; text-decoration:none; color:#111; }