/* Installed-app only compact detail layout. The ordinary website is unchanged. */
@media(max-width:720px){
  html.bc-installed-app body.travel-detail-page{
    padding-bottom:68px!important;
  }

  html.bc-installed-app body.travel-detail-page .wrap{
    width:calc(100% - 12px)!important;
    padding:8px 0 72px!important;
  }
  html.bc-installed-app body.travel-detail-page .back{
    margin:0 0 6px!important;
    font-size:11px!important;
  }

  html.bc-installed-app body.travel-detail-page .hero{
    border-radius:14px!important;
  }
  html.bc-installed-app body.travel-detail-page .hero-image,
  html.bc-installed-app body.travel-detail-page .no-image{
    min-height:190px!important;
    max-height:220px!important;
  }
  html.bc-installed-app body.travel-detail-page .hero-body{
    padding:12px!important;
  }
  html.bc-installed-app body.travel-detail-page .type{
    padding:4px 8px!important;
    font-size:11px!important;
  }
  html.bc-installed-app body.travel-detail-page h1{
    margin:7px 0 5px!important;
    font-size:26px!important;
    line-height:1.22!important;
  }
  html.bc-installed-app body.travel-detail-page .region{
    font-size:12px!important;
    line-height:1.45!important;
  }
  html.bc-installed-app body.travel-detail-page .tags{
    gap:5px!important;
    margin-top:8px!important;
  }
  html.bc-installed-app body.travel-detail-page .tag{
    padding:4px 7px!important;
    font-size:11px!important;
  }
  html.bc-installed-app body.travel-detail-page .actions{
    gap:6px!important;
    margin-top:11px!important;
  }
  html.bc-installed-app body.travel-detail-page .travel-detail-actions a,
  html.bc-installed-app body.travel-detail-page .travel-detail-actions button{
    min-height:44px!important;
    padding:8px 5px!important;
    border-radius:9px!important;
    font-size:clamp(11px,3.15vw,13px)!important;
    line-height:1.2!important;
    letter-spacing:-.035em!important;
    white-space:nowrap!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }
  html.bc-installed-app body.travel-detail-page .travel-action-note{
    margin:7px 0 0!important;
    font-size:10px!important;
    line-height:1.4!important;
  }

  html.bc-installed-app body.travel-detail-page .tm-transport-card{
    margin:9px 0 0!important;
    padding:9px!important;
    border-radius:11px!important;
  }
  html.bc-installed-app body.travel-detail-page .tm-transport-card h3{
    margin:0 0 7px!important;
    font-size:13px!important;
  }
  html.bc-installed-app body.travel-detail-page .tm-transport-actions{
    gap:6px!important;
  }
  html.bc-installed-app body.travel-detail-page .tm-transport-actions a{
    min-height:38px!important;
    padding:7px 6px!important;
    border-radius:8px!important;
    font-size:10px!important;
    line-height:1.3!important;
  }
  html.bc-installed-app body.travel-detail-page .tm-copy-destination{
    min-height:38px!important;
    margin-top:7px!important;
    padding:7px 9px!important;
    font-size:11px!important;
  }
  html.bc-installed-app body.travel-detail-page .tm-transport-card>p{
    display:none!important;
  }
  html.bc-installed-app body.travel-detail-page .tm-copy-status{
    margin-top:5px!important;
    font-size:10px!important;
  }

  html.bc-installed-app body.travel-detail-page .section{
    margin-top:8px!important;
    padding:11px!important;
    border-radius:14px!important;
  }
  html.bc-installed-app body.travel-detail-page .section h2{
    margin:0 0 8px!important;
    font-size:18px!important;
  }
  html.bc-installed-app body.travel-detail-page .description{
    font-size:14px!important;
    line-height:1.6!important;
  }
  html.bc-installed-app body.travel-detail-page .info-grid{
    gap:6px!important;
  }
  html.bc-installed-app body.travel-detail-page .info{
    padding:9px!important;
    border-radius:10px!important;
  }
  html.bc-installed-app body.travel-detail-page .info span{
    margin-bottom:2px!important;
    font-size:10px!important;
  }
  html.bc-installed-app body.travel-detail-page .info strong{
    font-size:14px!important;
    line-height:1.4!important;
  }
  /* Keep telephone, parking and hours on one compact mobile line. */
  html.bc-installed-app body.travel-detail-page .travel-quick-info .info-grid-facts{
    display:grid!important;
    grid-template-columns:minmax(0,1.16fr) minmax(0,.67fr) minmax(0,1.07fr)!important;
    gap:5px!important;
  }
  html.bc-installed-app body.travel-detail-page .travel-quick-info .info-grid-facts .info{
    padding:8px 5px!important;
    min-width:0!important;
  }
  html.bc-installed-app body.travel-detail-page .travel-quick-info .info-grid-facts .info strong{
    font-size:clamp(11px,2.9vw,13px)!important;
    letter-spacing:-.025em!important;
    overflow-wrap:anywhere!important;
  }
  html.bc-installed-app body.travel-detail-page .travel-quick-info .info-grid-address{
    grid-template-columns:minmax(0,1fr)!important;
  }

  html.bc-installed-app body.travel-detail-page .booking-panel{
    margin:8px 0!important;
    padding:10px!important;
    border-radius:14px!important;
    box-shadow:none!important;
  }
  html.bc-installed-app body.travel-detail-page .booking-copy h2{
    margin:0 0 3px!important;
    font-size:18px!important;
  }
  html.bc-installed-app body.travel-detail-page .booking-copy>p{
    margin:0!important;
    font-size:10px!important;
    line-height:1.35!important;
  }
  html.bc-installed-app body.travel-detail-page .booking-actions{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-rows:none!important;
    grid-auto-flow:row!important;
    grid-auto-columns:auto!important;
    gap:6px!important;
    margin-top:8px!important;
    padding:0!important;
    overflow:visible!important;
  }
  html.bc-installed-app body.travel-detail-page .booking-actions a{
    min-height:42px!important;
    padding:6px 8px!important;
    border-radius:10px!important;
    gap:5px!important;
  }
  html.bc-installed-app body.travel-detail-page .booking-actions span{
    font-size:15px!important;
  }
  html.bc-installed-app body.travel-detail-page .booking-actions strong{
    font-size:10px!important;
    line-height:1.25!important;
  }
  html.bc-installed-app body.travel-detail-page .booking-note{
    display:none!important;
  }
  html.bc-installed-app body.travel-detail-page .booking-affiliate{
    display:block!important;
    margin:6px 0 0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    color:#71808b!important;
    font-size:9px!important;
    line-height:1.3!important;
  }

  html.bc-installed-app body.travel-detail-page .nearby-grid{
    gap:7px!important;
    padding-bottom:4px!important;
  }
  html.bc-installed-app body.travel-detail-page .nearby-card{
    flex-basis:min(68vw,250px)!important;
    border-radius:12px!important;
  }
  html.bc-installed-app body.travel-detail-page .nearby-body{
    padding:9px!important;
  }
  html.bc-installed-app body.travel-detail-page .nearby-body strong{
    margin-bottom:3px!important;
    font-size:14px!important;
  }
  html.bc-installed-app body.travel-detail-page .nearby-body span{
    font-size:10px!important;
    line-height:1.35!important;
  }

  html.bc-installed-app body.travel-detail-page.travel-booking-active{
    padding-bottom:62px!important;
  }
  html.bc-installed-app body.travel-detail-page #travel-reservation-rail{
    max-height:58px!important;
  }
  html.bc-installed-app body.travel-detail-page #travel-reservation-rail .partner-booking-content{
    min-height:58px!important;
    max-height:58px!important;
    padding:4px 6px!important;
    border-radius:11px 11px 0 0!important;
  }
  html.bc-installed-app body.travel-detail-page #travel-reservation-rail .partner-booking-actions{
    gap:5px!important;
    grid-auto-columns:calc((100% - 5px)/2)!important;
  }
  html.bc-installed-app body.travel-detail-page #travel-reservation-rail .partner-booking-actions a{
    min-height:48px!important;
    padding:4px 7px!important;
    grid-template-columns:minmax(0,1fr) 10px!important;
    gap:4px!important;
    border-radius:9px!important;
  }
  html.bc-installed-app body.travel-detail-page #travel-reservation-rail .partner-booking-actions a>span:first-child{
    display:none!important;
  }
  html.bc-installed-app body.travel-detail-page #travel-reservation-rail .partner-booking-copy small{
    font-size:8px!important;
  }
  html.bc-installed-app body.travel-detail-page #travel-reservation-rail .partner-booking-copy strong{
    font-size:10px!important;
  }
  html.bc-installed-app body.travel-detail-page.travel-booking-active .tc-launch{
    bottom:calc(70px + env(safe-area-inset-bottom))!important;
  }
  html.bc-installed-app body.travel-detail-page.travel-booking-active .tc-panel{
    bottom:calc(124px + env(safe-area-inset-bottom))!important;
    max-height:calc(100dvh - 140px)!important;
  }
}


.travel-detail-map{margin-top:12px}
@media(max-width:720px){
 .travel-detail-map{margin-top:10px}
}