/* Keep the compact restaurant card while showing its dish, offer and address. */
:root{
  /* Feed cards stay dark in both app themes, so their information badge does too. */
  --bw-feed-offer-surface:#27282d;
  --bw-feed-offer-border:rgba(217,122,82,.55);
  --bw-feed-offer-copy:#f5f7fa;
  --bw-feed-offer-emphasis:#f6ae8b;
}
:is(:root body #page-home.page.active .home-main .home-discovery .home-video-copy, body .result-video-lightbox-restaurant) .home-restaurant-dish-name{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
}
:is(:root body #page-home.page.active .home-main .home-discovery .home-video-copy, body .result-video-lightbox-restaurant) .home-restaurant-dish-name>svg{
  flex:0 0 15px!important;
  width:15px!important;
  height:15px!important;
  color:#ff683c!important;
}
:is(:root body #page-home.page.active .home-main .home-discovery .home-video-copy, body .result-video-lightbox-restaurant) .home-restaurant-dish-name>span{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
:is(:root body #page-home.page.active[data-home-conversation-state="collapsed"]:not(.home-agent-sheet-open) .home-main .home-discovery .home-video-copy, body .result-video-lightbox-restaurant) .home-restaurant-card.has-address:not(.is-recommendation-expanded){
  grid-template-rows:40px 18px 20px 16px!important;
  grid-template-areas:"info reserve" "meta meta" "address address" "why-toggle why-toggle"!important;
  height:108px!important;
  min-height:108px!important;
  max-height:108px!important;
}
:is(:root body #page-home.page.active[data-home-conversation-state="collapsed"]:not(.home-agent-sheet-open) .home-main .home-discovery .home-video-copy, body .result-video-lightbox-restaurant) .home-restaurant-card.has-address.is-recommendation-expanded{
  grid-template-rows:44px 24px 16px 28px minmax(0,1fr)!important;
  grid-template-areas:"info reserve" "meta meta" "address address" "why-toggle why-toggle" "details details"!important;
}
:is(:root body #page-home.page.active[data-home-conversation-state="collapsed"]:not(.home-agent-sheet-open) .home-main .home-discovery .home-video-copy, body .result-video-lightbox-restaurant) .home-restaurant-card>.home-restaurant-address{
  grid-area:address!important;
  display:flex!important;
  align-items:center!important;
  gap:4px!important;
  min-width:0!important;
  width:100%!important;
  height:16px!important;
  overflow:hidden!important;
  color:rgba(255,255,255,.56)!important;
  font-size:10px!important;
  font-weight:450!important;
  line-height:1!important;
  white-space:nowrap!important;
}
:is(:root body #page-home.page.active .home-main .home-discovery .home-video-copy, body .result-video-lightbox-restaurant) .home-restaurant-address>svg{
  flex:0 0 12px!important;
  width:12px!important;
  height:12px!important;
}
:is(:root body #page-home.page.active .home-main .home-discovery .home-video-copy, body .result-video-lightbox-restaurant) .home-restaurant-address>span{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
:is(:root body #page-home.page.active[data-home-conversation-state] .home-main .home-discovery .home-video-copy, body .result-video-lightbox-restaurant) .home-restaurant-card.has-offer{
  position:relative!important;
  grid-template-columns:minmax(0,1fr) 106px!important;
}
:is(body #page-home, body .result-video-lightbox-restaurant) .home-restaurant-card.has-offer>.home-restaurant-offer{
  position:absolute!important;
  top:5px!important;
  right:8px!important;
  z-index:2!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:28px!important;
  min-height:28px!important;
  padding:0 7px!important;
  border:1px solid var(--bw-feed-offer-border)!important;
  border-radius:7px!important;
  background:var(--bw-feed-offer-surface)!important;
  color:var(--bw-feed-offer-copy)!important;
  font-size:10px!important;
  font-weight:600!important;
  line-height:1!important;
  white-space:nowrap!important;
  box-sizing:border-box!important;
}
:is(body #page-home, body .result-video-lightbox-restaurant) .home-restaurant-card.has-offer>.home-restaurant-offer strong{
  margin:0 2px!important;
  color:var(--bw-feed-offer-emphasis)!important;
  font-size:1.08em!important;
  font-weight:800!important;
}
body #page-home[data-home-conversation-state="collapsed"] .home-restaurant-card.has-reserve>.home-restaurant-reserve,
body.home-agent-sheet-open #page-home.page.active[data-home-conversation-state="expanded"].home-agent-sheet-open .home-main .home-discovery .home-video-copy .home-restaurant-card.has-reserve>.home-restaurant-reserve,
body .result-video-lightbox-restaurant .home-restaurant-card.has-reserve>.home-restaurant-reserve{
  width:58px!important;
  min-width:58px!important;
  max-width:58px!important;
  height:28px!important;
  min-height:28px!important;
  padding:0 5px!important;
  font-size:10px!important;
  line-height:1!important;
}
:is(:root body #page-home.page.active[data-home-conversation-state] .home-main .home-discovery .home-video-copy, body .result-video-lightbox-restaurant) .home-restaurant-card.has-offer.has-reserve>.home-restaurant-reserve{
  position:absolute!important;
  top:37px!important;
  right:8px!important;
  grid-area:auto!important;
  width:58px!important;
  min-width:58px!important;
  max-width:58px!important;
  height:28px!important;
  min-height:28px!important;
  padding:0 5px!important;
  font-size:10px!important;
  line-height:1!important;
  transform:none!important;
}
:is(body #page-home, body .result-video-lightbox-restaurant) .home-restaurant-card.has-offer.has-reserve>.home-restaurant-meta{
  box-sizing:border-box!important;
  padding-right:84px!important;
}
@media(max-width:370px){
  :is(body #page-home, body .result-video-lightbox-restaurant) .home-restaurant-card.has-offer>.home-restaurant-offer{font-size:9.5px!important;padding-inline:5px!important}
}