/* Upright room page only (day register). Two photos: from 768 px they sit side by side at equal height
   (column widths follow landscape 5:4 and portrait 3:4, so the heights match); on phones the shared swipe track.
   Beside the panel (1280+) the pair stretches to the panel's height when the panel is the taller of the two. */

@media (min-width:768px){
  .upright-gal{ margin-inline:0 }
  .upright-gal .gal__track{ display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr); gap:var(--s-2); overflow:visible; padding:0; aspect-ratio:auto; scroll-snap-type:none; background:none }
  .upright-gal .gal__slide{ align-self:stretch; justify-self:stretch; min-width:0 }
  .upright-gal .gal__slide:first-child{ aspect-ratio:5/4 }
  .upright-gal .gal__slide:last-child{ aspect-ratio:3/4 }
  .upright-gal .gal__count{ display:none }
}
@media (min-width:768px) and (max-width:1023px){ .upright-room{ padding-top:var(--s-2) } }
@media (min-width:1280px){
  .upright-gal,.upright-gal .gal__view{ display:flex; flex-direction:column }
  .upright-gal .gal__view,.upright-gal .gal__track{ flex:1 0 auto }
}
/* 1024–1279: the pair stacks above the panel, as on tablets */
@media (min-width:1024px) and (max-width:1279px){
  .upright-room .room__gal,.upright-room .room__info{ grid-column:1/-1 }
  .upright-room .room__info>.t-xl{ margin-top:0 }
}

.upright-room+.sec{ padding-top:0 }
/* rate table, then the booking line right under it (as on the band page) */
.upright-deal .room__book{ margin-top:var(--s-6); padding-top:0 }
@media (max-width:1023px){ .upright-deal .room__book{ margin-top:var(--s-3) } }
.upright-spec{ --k:4.5em; margin-top:var(--s-6) }
html[lang=en] .upright-spec{ --k:7em }

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