/* Stay-only runtime and legacy hotel-media compatibility styles. */

.ota-runtime-container{width:min(calc(100% - 48px),780px);margin-inline:auto;}

/* Compatibility for verified hotel galleries that use direct figure children.
   The primary article-media component uses .article-media-track; this shim gives
   older/direct markup the same desktop grid and mobile touch-swipe behavior. */
.article-page .article-hotel-gallery:not(:has(>.article-media-track)){
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
}
.article-page .article-hotel-gallery:not(:has(>.article-media-track))>.article-media{
  margin:0!important;
  min-width:0!important;
  overflow:hidden!important;
  border:1px solid var(--line)!important;
  border-radius:14px!important;
  background:#fff!important;
  scroll-snap-align:start!important;
}
.article-page .article-hotel-gallery:not(:has(>.article-media-track))>.article-media img{
  display:block!important;
  width:100%!important;
  aspect-ratio:4/3!important;
  object-fit:cover!important;
}
.article-page .article-media-cover:not(:has(.article-media-card))>img{
  display:block!important;
  width:100%!important;
  aspect-ratio:16/9!important;
  object-fit:cover!important;
  border-radius:16px!important;
  box-shadow:0 14px 36px rgba(23,38,64,.11)!important;
}

@media(max-width:640px){
  .ota-runtime-container{width:min(calc(100% - 32px),780px);}
  .article-page .article-hotel-gallery:not(:has(>.article-media-track)){
    display:flex!important;
    gap:12px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    overscroll-behavior-inline:contain!important;
    scroll-snap-type:x mandatory!important;
    -webkit-overflow-scrolling:touch!important;
    padding:0 12vw 10px 0!important;
  }
  .article-page .article-hotel-gallery:not(:has(>.article-media-track))>.article-media{
    flex:0 0 86%!important;
    scroll-snap-align:start!important;
  }
  .article-page .article-hotel-gallery:not(:has(>.article-media-track))>.article-media img{aspect-ratio:16/10!important;}
}