.listing-page{--top-offset:108px}
.listing-page .topbar{grid-template-columns:1fr auto;gap:16px}
.listing-hero{padding:28px 4px 8px}
.listing-hero h1{font-size:32px;margin:0 0 8px;font-weight:800}
.listing-hero p{margin:0;color:var(--muted);font-size:15px}
.listing-panel{background:var(--surface);border:1px solid var(--line);border-radius:28px;padding:24px 28px 32px;box-shadow:var(--shadow);margin-bottom:32px}
.listing-toolbar{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin-bottom:20px}
.listing-toolbar .search-bar{flex:1;min-width:min(100%,240px);max-width:420px}
.listing-count{margin:0;font-size:14px;color:var(--muted);min-height:1.4em}
.listing-count.is-visible{visibility:visible}
.listing-count:not(.is-visible){visibility:hidden}
.venue-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.venue-card{display:flex;flex-direction:column;min-width:0;padding:14px;border:1px solid var(--line);border-radius:20px;background:var(--surface);transition:box-shadow 160ms ease,transform 160ms ease}
.venue-card:hover{text-decoration:none;box-shadow:var(--shadow);transform:translateY(-2px)}
.venue-card:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.venue-card[hidden]{display:none!important}
.venue-media{aspect-ratio:4/3;border-radius:14px;overflow:hidden;background:var(--wash);margin-bottom:12px}
.venue-media img{width:100%;height:100%;object-fit:cover;display:block}
.venue-media--logo{aspect-ratio:1;background:var(--surface);border:1px solid var(--line)}
.venue-media--logo img{object-fit:contain;object-position:center;padding:18px}
.venue-brand-tile{aspect-ratio:4/3;border-radius:14px;display:grid;place-items:center;font-size:28px;font-weight:800;color:#fff;background:var(--venue-color,#0078bc);margin-bottom:12px;font-family:var(--bf-font-arabic)}
.venue-card h2{font-size:18px;line-height:1.45;margin:0 0 4px;font-weight:700}
.venue-card .venue-meta{font-size:13px;color:var(--muted);margin:0;line-height:1.5}
.venue-card .venue-other{font-size:12px;color:var(--muted);margin:2px 0 0}
.listing-empty{text-align:center;padding:40px 16px;color:var(--muted)}
.listing-empty[hidden]{display:none!important}
@media(max-width:1199px){.venue-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:859px){.listing-page{--top-offset:164px}.listing-panel{padding:20px 20px 28px}}
@media(max-width:599px){.listing-page{--top-offset:185px}.listing-hero h1{font-size:26px}.venue-grid{grid-template-columns:1fr}.listing-panel{padding:18px 16px 24px;border-radius:22px}}