/* Super Swish v1681 — ajuste final de portada para Android real.
   CSS de presentación exclusivamente: conserva catálogo, pedidos y categorías. */
@media (max-width:780px){
  /* Android WebView: no permitir a los estilos heredados crear anchuras de escritorio. */
  html,body#ssRacingPage{max-width:100%!important;overflow-x:clip!important;}
  html body#ssRacingPage #mainContainer.ss-client-modern{
    max-width:100%!important;min-width:0!important;box-sizing:border-box!important;
    padding-bottom:calc(110px + env(safe-area-inset-bottom,0px))!important;
  }
  html body#ssRacingPage #mainContainer.ss-client-modern .ssw1678-hero-row{
    grid-template-columns:minmax(0,1fr)!important;gap:6px!important;margin:6px 0!important;
    width:100%!important;max-width:100%!important;
  }
  html body#ssRacingPage #mainContainer.ss-client-modern .ssw1678-hero-row .ssw146-banner{
    height:102px!important;min-height:102px!important;max-height:102px!important;
    width:100%!important;max-width:100%!important;
    background-position:center center!important;background-size:100% 100%!important;
  }
  html body#ssRacingPage #mainContainer.ss-client-modern .ssw1678-hero-feature,
  html body#ssRacingPage #mainContainer.ss-client-modern .ssw1678-hero-empty{
    height:82px!important;min-height:82px!important;max-height:82px!important;
    padding:8px 12px!important;
  }
  html body#ssRacingPage #mainContainer.ss-client-modern .ssw1678-hero-feature-copy{
    max-width:74%!important;gap:2px!important;
  }
  html body#ssRacingPage #mainContainer.ss-client-modern .ssw1678-hero-feature strong,
  html body#ssRacingPage #mainContainer.ss-client-modern .ssw1678-hero-empty>strong{
    font-size:clamp(15px,4vw,17px)!important;line-height:1.08!important;
    -webkit-line-clamp:2!important;
  }
  html body#ssRacingPage #mainContainer.ss-client-modern .ssw1678-hero-feature img{
    height:80px!important;width:30%!important;max-width:30%!important;object-fit:contain!important;
  }
  html body#ssRacingPage #mainContainer.ss-client-modern .ssw1678-hero-feature em{
    font-size:10.5px!important;
  }
  html body#ssRacingPage #mainContainer.ss-client-modern .ssw1678-hero-feature b{
    font-size:14px!important;
  }
  html body#ssRacingPage #mainContainer.ss-client-modern .ssw146-home-top{
    min-height:35px!important;
  }
  html body#ssRacingPage #mainContainer.ss-client-modern .ssw146-search-card{
    padding:0!important;margin:2px 0 5px!important;
  }
  html body#ssRacingPage #mainContainer.ss-client-modern .ssw146-search-card #clientSearchInput{
    height:42px!important;min-height:42px!important;font-size:14px!important;
  }
  /* Las cuatro categorías esenciales siempre pueden leerse y pulsarse. */
  html body#ssRacingPage #mainContainer.ss-client-modern nav.ssw112-types.ssw113-types.ssw146-types{
    gap:5px!important;margin:3px 0 8px!important;
  }
  html body#ssRacingPage #mainContainer.ss-client-modern nav.ssw112-types.ssw113-types.ssw146-types button.ssw146-category[data-value]{
    height:60px!important;min-height:60px!important;max-height:60px!important;
    padding:6px 2px!important;gap:4px!important;
  }
  html body#ssRacingPage #mainContainer.ss-client-modern nav.ssw112-types.ssw113-types.ssw146-types button.ssw146-category[data-value] svg{
    width:21px!important;min-width:21px!important;height:21px!important;
  }
  html body#ssRacingPage #mainContainer.ss-client-modern nav.ssw112-types.ssw113-types.ssw146-types button.ssw146-category[data-value] span{
    font-size:clamp(10.5px,2.85vw,12px)!important;line-height:1.12!important;
    font-weight:850!important;white-space:nowrap!important;
  }
  html body#ssRacingPage #mainContainer.ss-client-modern nav.ssw112-types.ssw113-types.ssw146-types button.ssw1678-more-categories{
    height:35px!important;min-height:35px!important;font-size:12px!important;
  }
  html body#ssRacingPage #mainContainer.ss-client-modern .ss-client-list-head h2{
    font-size:clamp(18px,4.7vw,21px)!important;
  }
  /* Tarjeta compacta sin comprimir el nombre o dejar foto flotando en el centro. */
  html body#ssRacingPage #mainContainer.ss-client-modern .restaurant-grid.ssw146-restaurants>.restaurant-card{
    grid-template-columns:minmax(102px,34%) minmax(0,1fr)!important;
    gap:8px 9px!important;padding:9px!important;
    min-width:0!important;
  }
  html body#ssRacingPage #mainContainer.ss-client-modern .restaurant-grid.ssw146-restaurants>.restaurant-card>img.restaurant-image{
    height:118px!important;min-height:118px!important;max-height:118px!important;
    object-fit:cover!important;object-position:center!important;
  }
  html body#ssRacingPage #mainContainer.ss-client-modern .restaurant-grid.ssw146-restaurants>.restaurant-card>.ss-client-restaurant-body{
    justify-content:center!important;gap:3px!important;
    padding:3px 26px 2px 0!important;
  }
  html body#ssRacingPage #mainContainer.ss-client-modern .restaurant-grid.ssw146-restaurants .restaurant-name{
    font-size:clamp(14.5px,3.9vw,17px)!important;line-height:1.2!important;
    font-weight:850!important;
  }
  html body#ssRacingPage #mainContainer.ss-client-modern .restaurant-grid.ssw146-restaurants .restaurant-badge{
    font-size:10.5px!important;
  }
  html body#ssRacingPage #mainContainer.ss-client-modern .restaurant-grid.ssw146-restaurants .restaurant-info,
  html body#ssRacingPage #mainContainer.ss-client-modern .restaurant-grid.ssw146-restaurants .restaurant-categories{
    font-size:11.5px!important;line-height:1.32!important;
  }
  html body#ssRacingPage #mainContainer.ss-client-modern .restaurant-grid.ssw146-restaurants .restaurant-categories{
    display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }
  html body#ssRacingPage #mainContainer.ss-client-modern .restaurant-grid.ssw146-restaurants>.restaurant-card>.ssw1677-merchant-logo{
    top:87px!important;left:15px!important;
  }
  html body#ssRacingPage #mainContainer.ss-client-modern .restaurant-grid.ssw146-restaurants .ssw1677-merchant-item{
    min-height:83px!important;grid-template-columns:45px minmax(0,1fr)!important;
    gap:5px!important;padding:5px!important;
  }
  html body#ssRacingPage #mainContainer.ss-client-modern .restaurant-grid.ssw146-restaurants .ssw1677-merchant-item>img{
    width:45px!important;max-width:45px!important;height:64px!important;max-height:64px!important;
    object-fit:cover!important;
  }
  html body#ssRacingPage #mainContainer.ss-client-modern .restaurant-grid.ssw146-restaurants .ssw1677-merchant-item>span:not(.ssw1677-plus){
    padding-right:13px!important;gap:4px!important;
  }
  html body#ssRacingPage #mainContainer.ss-client-modern .restaurant-grid.ssw146-restaurants .ssw1677-merchant-item strong{
    font-size:clamp(11px,2.95vw,12px)!important;line-height:1.21!important;
    -webkit-line-clamp:2!important;
  }
  html body#ssRacingPage #mainContainer.ss-client-modern .restaurant-grid.ssw146-restaurants .ssw1677-merchant-item b{
    font-size:13px!important;line-height:1.12!important;
  }
  html body#ssRacingPage #mainContainer.ss-client-modern .restaurant-grid.ssw146-restaurants .ssw1677-merchant-item>.ssw1677-plus{
    width:25px!important;height:25px!important;font-size:19px!important;bottom:4px!important;right:4px!important;
  }
  /* Evitar tapar los botones de productos con el acceso a soporte. */
  html body#ssRacingPage:has(#mainContainer.ss-client-modern)>#supportChat.ssw1660-fab{
    width:47px!important;min-width:47px!important;max-width:47px!important;
    height:47px!important;min-height:47px!important;
    right:9px!important;bottom:calc(92px + env(safe-area-inset-bottom,0px))!important;
    font-size:21px!important;
  }
}
@media(max-width:359px){
  html body#ssRacingPage #mainContainer.ss-client-modern .restaurant-grid.ssw146-restaurants>.restaurant-card{
    grid-template-columns:minmax(92px,33%) minmax(0,1fr)!important;
  }
  html body#ssRacingPage #mainContainer.ss-client-modern .restaurant-grid.ssw146-restaurants .ssw1677-merchant-item{
    grid-template-columns:40px minmax(0,1fr)!important;gap:3px!important;padding:4px!important;
  }
  html body#ssRacingPage #mainContainer.ss-client-modern .restaurant-grid.ssw146-restaurants .ssw1677-merchant-item>img{
    width:40px!important;max-width:40px!important;height:61px!important;max-height:61px!important;
  }
  html body#ssRacingPage #mainContainer.ss-client-modern .restaurant-grid.ssw146-restaurants .ssw1677-merchant-item strong{
    font-size:11px!important;
  }
}