/* Base grid of the listing photo mosaic on pages without the hotel page styles (partials/bm-gallery: airport, airline):
   the same rules as hotel-detail.css .bp .bp-gallery (4 small + 2 large, "+N More"), under .bm-gl. Few photos and the
   placeholder tiles: bm-gallery-few.css (site-wide). */
.bm-gl{padding:18px 0 6px}
.bm-gl .bp{max-width:1140px;margin:0 auto;padding:0 16px}
.bm-gl .bp-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;border-radius:6px;overflow:hidden}
.bm-gl .bp-gallery>*{position:relative;overflow:hidden;display:block;background:var(--bm-section-bg,#eef8ff);cursor:zoom-in}
.bm-gl .bp-gallery>.bp-s{aspect-ratio:201/96}
.bm-gl .bp-gallery>.bp-b{grid-column:span 2;grid-row:span 2;aspect-ratio:406/196}
.bm-gl .bp-gallery>.bp-x{display:none}
.bm-gl .bp-gallery img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.7,.3,1)}
.bm-gl .bp-gallery>a:hover img{transform:scale(1.06)}
.bm-gl .bp-gallery .bp-more{position:absolute;inset:0;display:grid;place-items:center;background:rgba(20,28,38,.52);color:#fff;font-weight:700;font-size:22px;z-index:2}
@media (max-width:767px){
  .bm-gl .bp-gallery>.bp-s{aspect-ratio:87/78}
  .bm-gl .bp-gallery>.bp-b{aspect-ratio:178/160}
  .bm-gl .bp-gallery .bp-more{font-size:18px}
}