/* SantehMir TEST only: one panel layout shared by nine Solutions detail pages.
 * The 4/3/2 catalogue grid and the individual product cards are unchanged.
 * <=1100px retains the existing mobile/tablet layout and frame.
 */
@media (min-width: 1101px) {
  body.page-solution-detail #solutionProductsPanel {
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  /* Limit the heading row to the same number and width of grid tracks. */
  body.page-solution-detail #solutionProductsPanel > .solution-products-head {
    display: grid;
    grid-template-columns: minmax(96px, 1fr) minmax(0, auto) minmax(96px, 1fr);
    align-items: start;
    justify-content: stretch;
    gap: 0;
    width: min(100%, 574px); /* 2 x 280px cards + 14px gap */
    text-align: center;
  }
  body.page-solution-detail #solutionProductsPanel > .solution-products-head > div:first-child {
    grid-column: 2;
    min-width: 0;
    max-width: 100%;
    text-align: center;
  }
  body.page-solution-detail #solutionProductsPanel > .solution-products-head > .solution-products-count {
    grid-column: 3;
    justify-self: end;
    align-self: start;
    max-width: 100%;
    overflow-wrap: anywhere;
  }
}
@media (min-width: 1216px) {
  body.page-solution-detail #solutionProductsPanel > .solution-products-head {
    width: min(100%, 868px); /* 3 x 280px cards + 2 x 14px */
  }
}
@media (min-width: 1514px) {
  body.page-solution-detail #solutionProductsPanel > .solution-products-head {
    width: min(100%, 1162px); /* 4 x 280px cards + 3 x 14px */
  }
}