/* Minimal, utility CSS. Tailor to Listeo aesthetics. */
.uf-mbs-grid { display: grid; gap: 1rem; }
.uf-mbs-grid.cols-1 { grid-template-columns: repeat(1, minmax(0,1fr)); }
.uf-mbs-grid.cols-2 { grid-template-columns: repeat(2, minmax(0,1fr)); }
.uf-mbs-grid.cols-3 { grid-template-columns: repeat(3, minmax(0,1fr)); }
.uf-mbs-grid.cols-4 { grid-template-columns: repeat(4, minmax(0,1fr)); }
.uf-mbs-grid.cols-5 { grid-template-columns: repeat(5, minmax(0,1fr)); }
.uf-mbs-grid.cols-6 { grid-template-columns: repeat(6, minmax(0,1fr)); }
.uf-mbs-card { background:#fff; border-radius:12px; overflow:hidden; box-shadow:0 2px 8px rgba(0,0,0,.06); display:flex; flex-direction:column; }
.uf-mbs-thumb img, .uf-mbs-thumb--placeholder { display:block; width:100%; aspect-ratio:16/9; object-fit:cover; background:#f3f5f7; }
.uf-mbs-meta { padding:.75rem .9rem 1rem; }
.uf-mbs-site { font-size:.75rem; opacity:.7; display:block; margin-bottom:.25rem; }
.uf-mbs-title { margin:.25rem 0 .5rem; font-size:1rem; line-height:1.3; }
.uf-mbs-cats, .uf-mbs-tags { display:flex; gap:.4rem; flex-wrap:wrap; }
.uf-mbs-cat, .uf-mbs-tag { font-size:.72rem; background:#f2f2f2; border-radius:999px; padding:.25rem .5rem; }
/* Carousel */ .uf-mbs-carousel { display:flex; gap:1rem; overflow:auto; scroll-snap-type:x mandatory; padding-bottom:.5rem; } .uf-mbs-carousel .uf-mbs-slide { flex:0 0 80%; scroll-snap-align:start; } @media(min-width:640px){ .uf-mbs-carousel .uf-mbs-slide { flex-basis:48%; } } @media(min-width:1024px){ .uf-mbs-carousel .uf-mbs-slide { flex-basis:32%; } }