/* ddcrandyh 08280688 */
.inventory-featured-default {
  --card-columns: 1; 
  &:has(.yui3-u-1-2) { --card-columns: 2; }
  &:has(.yui3-u-1-3) { --card-columns: 3; }
  &:has(.yui3-u-1-4) { --card-columns: 4; }
  &.grid-mode :is(.yui3-g, .row) {
    display: grid; grid-template-columns: repeat(var(--card-columns), minmax(0, 1fr)); gap: 0.25rem; margin-bottom: 0.5rem;
    &::before { display: none; }
    & :is(.yui3-u-1-3,.yui3-u-1-4) {
      float: none; display: grid; grid-template-rows: subgrid; grid-template-columns: 1fr; width: 100%;
      & > .hproduct {
        display: grid; grid-template-columns: subgrid;
        grid-template-areas: "media" "fn" "pricing" "description" "view-link";
        gap: 0.75rem; box-sizing: border-box; padding: 0.75rem; border: 1px solid #e0e0e0;
        border-radius: 0.5rem; background: #fff; align-items: start;
        & > div {
          display: contents;
          & .media       { grid-area: media; & img { width: 100%; } }
          & .fn          { grid-area: fn; }
          & .pricing     { grid-area: pricing; width: calc(100% - 32px ); }
          & .description { grid-area: description; }
          & .view-link   { grid-area: view-link; align-self: end; }
        }
      }
    }
  }
}