/* Neighbouring tiles share text rows and the start of their action area.
   Content sets the height; translations and wrapped controls remain readable. */
@supports(grid-template-rows:subgrid){
 @media(min-width:761px){
  .hotel-menu-grid{align-items:stretch;grid-auto-rows:auto}
  .hotel-menu-grid>.hotel-menu-card{display:grid;grid-template-columns:100px minmax(0,1fr);grid-template-rows:subgrid;grid-row:span 3;row-gap:0}
  .hotel-menu-grid>.hotel-menu-card>img{grid-column:1;grid-row:1 / -1;width:100%;height:100%;min-height:0}
  .hotel-menu-grid .hotel-menu-copy{grid-column:2;grid-row:1 / -1;display:grid;grid-template-rows:subgrid;row-gap:0;align-items:start}
  .hotel-menu-grid .hotel-menu-copy>h3{grid-row:1}
  .hotel-menu-grid .hotel-menu-copy>p{grid-row:2}
  .hotel-menu-grid .hotel-menu-copy>.menu-link-row{grid-row:3;margin-top:0;align-self:start;align-items:flex-start;align-content:start}
 }
 @media(min-width:761px) and (max-width:980px){.hotel-menu-grid>.hotel-menu-card{grid-template-columns:85px minmax(0,1fr)}}
}
/* The regular recommendation cards already share footer rows. Keep standalone
   action rows at the end of comparable flex-column tiles as well. */
.hotel-menu-copy{display:flex;flex-direction:column;align-items:flex-start}
.hotel-menu-copy>.menu-link-row{margin-top:auto}

/* Shared action baselines for every comparable pair of tiles. */
.hotel-menu-grid{align-items:stretch}
.hotel-menu-copy{flex:1;min-width:0}
.hotel-menu-copy>.menu-link-row{align-items:stretch}
.local-moments-grid{align-items:stretch}
.local-moment-card>div>.actions,.local-moment-card>div>.card-actions{margin-top:auto;padding-top:12px}
.home-offer-tile:not(.home-offer-featured) .home-offer-copy{align-self:stretch}
.home-offer-tile:not(.home-offer-featured) .home-offer-cta{margin-top:auto}
@media(min-width:761px){.hotel-menu-copy>.menu-link-row{width:100%}}