/* Product Version 125: structural mobile booking layout. */
@media (max-width:780px){
  .bookings-mobile-cards{
    padding-bottom:calc(var(--mobile-nav-height,72px) + env(safe-area-inset-bottom) + 32px);
  }

  .booking-mobile-card{
    min-width:0;
    padding:12px;
    overflow:hidden;
  }

  .booking-mobile-head{
    display:grid!important;
    grid-template-columns:88px minmax(0,1fr)!important;
    column-gap:16px!important;
    align-items:start!important;
    min-width:0;
  }

  .booking-mobile-thumbnail-cell{
    grid-column:1;
    min-width:0;
    width:88px;
    margin:0;
    align-self:start;
  }

  .booking-mobile-thumbnail-cell>.fleet-vehicle-image{
    position:relative!important;
    inset:auto!important;
    width:88px!important;
    min-width:88px!important;
    max-width:88px!important;
    height:66px!important;
    margin:0!important;
    transform:none!important;
    aspect-ratio:auto!important;
    overflow:hidden;
    border-radius:11px;
  }

  .booking-mobile-thumbnail-cell .booking-vehicle-image{
    display:block;
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:3px;
    position:static!important;
    transform:none!important;
    object-fit:contain;
    object-position:center;
  }

  .booking-mobile-identity{
    grid-column:2;
    min-width:0!important;
    max-width:100%;
    overflow:hidden;
    display:grid;
    gap:3px;
    align-content:start;
  }

  .booking-mobile-guest,
  .booking-mobile-identity strong,
  .booking-mobile-identity small{
    display:block;
    min-width:0;
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
  }

  .booking-mobile-identity strong{
    white-space:normal;
    overflow-wrap:anywhere;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    line-clamp:2;
  }

  .booking-mobile-identity small{white-space:normal;line-height:1.35}
  .booking-mobile-identity>.status-pill{justify-self:start;margin-top:5px;max-width:100%}
  .booking-mobile-result{margin:9px 0 7px!important;padding:8px 0!important}
  .booking-mobile-card details summary{padding:2px 0!important}
}

@media (max-width:360px){
  .booking-mobile-head{grid-template-columns:80px minmax(0,1fr)!important;column-gap:12px!important}
  .booking-mobile-thumbnail-cell{width:80px}
  .booking-mobile-thumbnail-cell>.fleet-vehicle-image{width:80px!important;min-width:80px!important;max-width:80px!important;height:60px!important}
}