/* EatsOne Front / Order V7.7
   One product per ROW in list mode, independent of desktop viewport width.
   Grid mode retains the multi-column layout. Presentation only. */

/* The V7.1 >=1200px rule incorrectly turned list mode into a 2-column grid.
   Exclude all dynamically hidden categories to preserve search and service filtering. */
body.order-front-v7 .order-content-area:not(.is-grid-view) > .ocard-menu-section:not(.is-search-empty):not(.is-service-empty-v154):not([hidden]) {
  display: block !important;
  grid-template-columns: none !important;
  width: 100%;
  min-width: 0;
}

/* Every visible list card fills the menu column, without changing its JS/data hooks. */
body.order-front-v7 .order-content-area:not(.is-grid-view) > .ocard-menu-section > .hybrid-product {
  width: 100%;
  max-width: none;
  min-width: 0;
  box-sizing: border-box;
  margin: 0 0 12px;
}

/* Restore roomy horizontal product cards on desktop after the former 2-column rule. */
@media (min-width: 1200px) {
  body.order-front-v7 .order-content-area:not(.is-grid-view) > .ocard-menu-section > .hybrid-product {
    grid-template-columns: 104px minmax(0, 1fr) 34px;
    gap: 14px;
    min-height: 126px;
    padding: 11px 13px;
  }
  body.order-front-v7 .order-content-area:not(.is-grid-view) > .ocard-menu-section > .hybrid-product > img {
    width: 104px;
    height: 104px;
  }
  body.order-front-v7 .order-content-area:not(.is-grid-view) > .ocard-menu-section > .hybrid-product h3 {
    font-size: 15px;
    line-height: 1.5;
  }
  body.order-front-v7 .order-content-area:not(.is-grid-view) > .ocard-menu-section > .hybrid-product p {
    font-size: 12px;
    line-height: 1.55;
  }
  body.order-front-v7 .order-content-area:not(.is-grid-view) > .ocard-menu-section > .hybrid-product strong {
    font-size: 15px;
  }
}