/* SUPER SWISH 1679 - Corrección exclusiva de la portada del cliente en teléfono.
   Datos, pedidos, filtros y navegacion originales se conservan. */
@media (max-width:780px) {
  html body#ssRacingPage #mainContainer.ss-client-modern .restaurant-grid.ssw146-restaurants {
    display:grid!important;grid-template-columns:minmax(0,1fr)!important;
    gap:10px!important;min-width:0!important;
  }
  html body#ssRacingPage #mainContainer.ss-client-modern .restaurant-grid.ssw146-restaurants > .restaurant-card {
    display:grid!important;flex-direction:initial!important;
    grid-template-columns:minmax(106px,36%) minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    grid-template-areas:'image info' 'products products'!important;
    align-items:stretch!important;justify-items:stretch!important;
    gap:7px 10px!important;
    width:100%!important;min-width:0!important;max-width:none!important;
    height:auto!important;min-height:0!important;max-height:none!important;
    margin:0!important;padding:9px!important;
    overflow:hidden!important;border-radius:15px!important;
    box-sizing:border-box!important;
  }
  html body#ssRacingPage #mainContainer.ss-client-modern .restaurant-grid.ssw146-restaurants > .restaurant-card > img.restaurant-image {
    grid-area:image!important;grid-column:1!important;grid-row:1!important;
    display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;
    height:122px!important;min-height:122px!important;max-height:122px!important;
    flex:initial!important;object-fit:cover!important;object-position:center!important;
    border-radius:11px!important;background:#f4f5f6!important;
  }
  html body#ssRacingPage #mainContainer.ss-client-modern .restaurant-grid.ssw146-restaurants > .restaurant-card > .ss-client-restaurant-body {
    grid-area:info!important;grid-column:2!important;grid-row:1!important;
    width:100%!important;min-width:0!important;max-width:100%!important;
    height:auto!important;min-height:0!important;max-height:none!important;
    display:flex!important;flex-direction:column!important;align-items:flex-start!important;
    justify-content:center!important;flex:initial!important;
    gap:3px!important;padding:3px 26px 2px 0!important;margin:0!important;
    text-align:left!important;overflow:hidden!important;
  }
  html body#ssRacingPage #mainContainer.ss-client-modern .restaurant-grid.ssw146-restaurants .restaurant-name {
    display:block!important;width:100%!important;min-width:0!important;
    margin:0 0 3px!important;padding:0!important;
    text-align:left!important;line-height:1.17!important;font-size:15px!important;
    white-space:normal!important;overflow-wrap:anywhere!important;
    min-height:0!important;max-height:none!important;
  }
  html body#ssRacingPage #mainContainer.ss-client-modern .restaurant-grid.ssw146-restaurants .restaurant-badge {
    margin:0!important;font-size:10px!important;padding:3px 7px!important;
  }
  html body#ssRacingPage #mainContainer.ss-client-modern .restaurant-grid.ssw146-restaurants .restaurant-categories,
  html body#ssRacingPage #mainContainer.ss-client-modern .restaurant-grid.ssw146-restaurants .restaurant-info {
    font-size:11px!important;line-height:1.3!important;margin:0!important;
    max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important;
  }
  html body#ssRacingPage #mainContainer.ss-client-modern .restaurant-grid.ssw146-restaurants .ss-client-closed-info {
    font-size:10px!important;line-height:1.2!important;max-width:100%!important;
  }
  html body#ssRacingPage #mainContainer.ss-client-modern .restaurant-grid.ssw146-restaurants > .restaurant-card > .ssw1677-merchant-logo {
    display:block!important;position:absolute!important;top:91px!important;left:16px!important;right:auto!important;
    width:34px!important;height:34px!important;border-radius:9px!important;
    z-index:2!important;pointer-events:none!important;
  }
  html body#ssRacingPage #mainContainer.ss-client-modern .restaurant-grid.ssw146-restaurants > .restaurant-card > .ss-client-heart {
    display:grid!important;position:absolute!important;top:9px!important;right:9px!important;
    left:auto!important;width:30px!important;height:30px!important;
    z-index:3!important;border-radius:50%!important;background:#fffffff2!important;
  }
  html body#ssRacingPage #mainContainer.ss-client-modern .restaurant-grid.ssw146-restaurants > .restaurant-card > .ssw1677-merchant-products {
    display:grid!important;grid-area:products!important;grid-column:1/-1!important;grid-row:2!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;align-items:stretch!important;
    width:100%!important;max-width:100%!important;min-width:0!important;
    margin:0!important;padding:0!important;
  }
  html body#ssRacingPage #mainContainer.ss-client-modern .restaurant-grid.ssw146-restaurants .ssw1677-merchant-item {
    display:grid!important;grid-template-columns:56px minmax(0,1fr)!important;
    grid-template-rows:auto!important;align-items:center!important;
    gap:6px!important;min-width:0!important;width:100%!important;
    min-height:76px!important;max-height:none!important;
    margin:0!important;padding:5px!important;
    border-radius:10px!important;
  }
  html body#ssRacingPage #mainContainer.ss-client-modern .restaurant-grid.ssw146-restaurants .ssw1677-merchant-item > img {
    grid-column:1!important;grid-row:1!important;
    display:block!important;width:56px!important;height:61px!important;
    min-width:0!important;max-width:56px!important;
    min-height:0!important;max-height:61px!important;
    object-fit:cover!important;object-position:center!important;
    margin:0!important;border-radius:7px!important;
  }
  html body#ssRacingPage #mainContainer.ss-client-modern .restaurant-grid.ssw146-restaurants .ssw1677-merchant-item > span:not(.ssw1677-plus) {
    display:flex!important;grid-column:2!important;grid-row:1!important;
    flex-direction:column!important;align-items:flex-start!important;
    justify-content:center!important;gap:3px!important;
    min-width:0!important;padding:0 17px 0 0!important;margin:0!important;
  }
  html body#ssRacingPage #mainContainer.ss-client-modern .restaurant-grid.ssw146-restaurants .ssw1677-merchant-item strong {
    font-size:10px!important;line-height:1.13!important;font-weight:800!important;
    display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;
    overflow:hidden!important;overflow-wrap:anywhere!important;
  }
  html body#ssRacingPage #mainContainer.ss-client-modern .restaurant-grid.ssw146-restaurants .ssw1677-merchant-item b {
    font-size:11px!important;line-height:1.1!important;white-space:nowrap!important;
  }
  html body#ssRacingPage #mainContainer.ss-client-modern .restaurant-grid.ssw146-restaurants .ssw1677-merchant-item > .ssw1677-plus {
    position:absolute!important;right:5px!important;bottom:5px!important;
    width:20px!important;height:20px!important;display:grid!important;place-items:center!important;
    font-size:17px!important;pointer-events:none!important;
  }
  html body#ssRacingPage #mainContainer.ss-client-modern .restaurant-grid.ssw146-restaurants > .restaurant-card > .ssw1677-no-products,
  html body#ssRacingPage #mainContainer.ss-client-modern .restaurant-grid.ssw146-restaurants > .restaurant-card > .search-hit {
    grid-column:1/-1!important;grid-row:auto!important;margin:0!important;
  }
  /* La selección principal siempre muestra Todos, Restaurantes, Postres y Farmacias. */
  html body#ssRacingPage #mainContainer.ss-client-modern nav.ssw112-types.ssw113-types.ssw146-types button.ssw146-category[data-value] {
    grid-column:auto!important;grid-row:auto!important;
  }
  html body#ssRacingPage #mainContainer.ss-client-modern nav.ssw112-types.ssw113-types.ssw146-types button.ssw146-category[data-value="locales"] span::after,
  html body#ssRacingPage #mainContainer.ss-client-modern nav.ssw112-types.ssw113-types.ssw146-types button.ssw146-category[data-value="locales"] span:last-child::after {
    content:none!important;
  }
  html body#ssRacingPage #mainContainer.ss-client-modern .ss-client-list-head {
    display:flex!important;flex-wrap:wrap!important;align-items:center!important;
    gap:7px!important;margin:5px 0 9px!important;
  }
  html body#ssRacingPage #mainContainer.ss-client-modern .ss-client-list-head h2 {
    flex:1 1 150px!important;font-size:19px!important;line-height:1.15!important;margin:0!important;
  }
  html body#ssRacingPage #mainContainer.ss-client-modern .ssw1677-products {
    padding-bottom:95px!important;
  }
  html body#ssRacingPage #mainContainer.ss-client-modern ~ button#fabCart {
    z-index:1200!important;max-width:135px!important;min-width:0!important;
    height:42px!important;left:9px!important;padding:5px 9px!important;
    bottom:calc(74px + env(safe-area-inset-bottom))!important;
    box-shadow:0 4px 12px #0002!important;
  }
}
@media (max-width:359px) {
  html body#ssRacingPage #mainContainer.ss-client-modern .restaurant-grid.ssw146-restaurants > .restaurant-card {
    grid-template-columns:minmax(98px,35%) minmax(0,1fr)!important;gap:6px 7px!important;
  }
  html body#ssRacingPage #mainContainer.ss-client-modern .restaurant-grid.ssw146-restaurants > .restaurant-card > img.restaurant-image {
    height:112px!important;min-height:112px!important;max-height:112px!important;
  }
  html body#ssRacingPage #mainContainer.ss-client-modern .restaurant-grid.ssw146-restaurants > .restaurant-card > .ssw1677-merchant-logo {
    top:82px!important;
  }
  html body#ssRacingPage #mainContainer.ss-client-modern .restaurant-grid.ssw146-restaurants .ssw1677-merchant-item {
    grid-template-columns:45px minmax(0,1fr)!important;
  }
  html body#ssRacingPage #mainContainer.ss-client-modern .restaurant-grid.ssw146-restaurants .ssw1677-merchant-item > img {
    width:45px!important;max-width:45px!important;height:54px!important;
  }
}