/* L'espresso test layout v1.4. Only served to test11, test12, test13.
   Desktop: use explicit grid tracks so title length never shifts price/quantity.
   This runs after earlier v1.2/v1.3 CSS; no mobile capsule-card changes. */
@media (min-width: 768px) {
  body.les-test-layout-v14 .flavor-selection.lq-enabled .flavor-grid {
    align-items: stretch !important;
    grid-auto-rows: auto !important;
  }
  body.les-test-layout-v14 .flavor-selection.lq-enabled .flavor-grid > .flavor-card {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto minmax(0, 1fr) auto auto !important;
    align-items: start !important;
    justify-items: center !important;
    align-self: stretch !important;
    justify-content: center !important;
    align-content: stretch !important;
    gap: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding-bottom: 12px !important;
    box-sizing: border-box !important;
  }
  body.les-test-layout-v14 .flavor-selection.lq-enabled .flavor-grid > .flavor-card > .flavor-image {
    grid-column: 1 !important;
    grid-row: 1 !important;
    align-self: start !important;
  }
  body.les-test-layout-v14 .flavor-selection.lq-enabled .flavor-grid > .flavor-card > .flavor-title {
    grid-column: 1 !important;
    grid-row: 2 !important;
    align-self: start !important;
    justify-self: center !important;
    width: 100% !important;
    min-width: 0 !important;
    margin-bottom: 0 !important;
  }
  body.les-test-layout-v14 .flavor-selection.lq-enabled .flavor-grid > .flavor-card > .flavor-price {
    grid-column: 1 !important;
    grid-row: 3 !important;
    align-self: end !important;
    justify-self: center !important;
    margin: 0 !important;
    padding: 0 !important;
    flex: none !important;
  }
  body.les-test-layout-v14 .flavor-selection.lq-enabled .flavor-grid > .flavor-card > .flavor-qty-wrap {
    grid-column: 1 !important;
    grid-row: 4 !important;
    align-self: end !important;
    justify-self: center !important;
    margin: 9px 0 0 !important;
    padding: 0 !important;
    flex: none !important;
    min-width: 0 !important;
  }
  /* Let the quantity plugin supply real +/- controls. Never hide them. */
  body.les-test-layout-v14 .flavor-selection.lq-enabled .flavor-grid > .flavor-card .lq-minus,
  body.les-test-layout-v14 .flavor-selection.lq-enabled .flavor-grid > .flavor-card .lq-plus {
    visibility: visible !important;
  }
}
/* Mobile logout/account flyout. Applied only to the menu identified by the
   lightweight logout-menu.js (never to the hamburger or unrelated popovers). */
@media (max-width: 767px) {
  body.les-test-layout-v14 .les-logout-menu-v14 {
    max-width: calc(100vw - 24px) !important;
    max-width: calc(100dvw - 24px) !important;
    box-sizing: border-box !important;
    translate: var(--les-logout-shift-v14, 0px) 0 !important;
    z-index: 100001 !important;
    overflow-wrap: anywhere;
  }
  body.les-test-layout-v14 .les-logout-overflow-v14 {
    overflow: visible !important;
  }
}