/* Band room page only. The band photos are collage crops 425–706 px wide: on phones they are the shared swipe
   track (.gal) with band-keys first; from 768 px a still 2 × 2 grid of 3:2 cells, no wider than the photos
   themselves (columns 1–8 beside the panel, as the hall and upright galleries). */

@media (min-width:768px){
  .band-gal{ margin-inline:0 }
  .band-gal .gal__track{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--s-2); overflow:visible; padding:0; aspect-ratio:auto; scroll-snap-type:none; background:none }
  .band-gal .gal__slide{ aspect-ratio:3/2; min-width:0 }
  .band-gal .gal__count{ display:none }
}
@media (max-width:1023px){
  .band-room{ padding-top:var(--s-2) }
  .band-gal{ max-width:888px }
}
@media (max-width:767px){ .band-gal{ max-width:none } }

/* panel: spec, then the rate and the booking line right under it */
.band-spec{ --k:4.5em; margin-top:var(--s-6) }
html[lang=en] .band-spec{ --k:7em }
.band-deal .room__book{ margin-top:var(--s-6); padding-top:0 }

/* tablets: the panel splits in two under the photos (spec left, rate right; rules aligned) */
@media (min-width:768px) and (max-width:1023px){
  .band-room .room__info{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:var(--g); align-items:start }
  .band-room .room__info>.t-xl{ grid-column:1/-1 }
  .band-spec{ grid-column:1; margin-top:calc(var(--s-6) + var(--t-s) * 1.4 + var(--s-1)) }
  html[lang=en] .band-spec{ margin-top:calc(var(--s-6) + var(--t-xs) * 1.4 + var(--s-1)) }
  .band-deal{ grid-column:2; grid-row:2 }
}
@media (max-width:1023px){
  .band-deal .room__book{ margin-top:var(--s-3) }
}
/* phones and tablets, English: labels are wider, so each spec row stacks */
@media (max-width:1023px){
  html[lang=en] .band-spec>div{ grid-template-columns:minmax(0,1fr); row-gap:var(--s-1) }
}