/*ddcjoannak – adjust nav width to accommodate a 5th nav item*/
.navbar-nav .nav > li > a, .navbar-nav .ddc-nav-inline > li > a {min-width: 110px;}

/*ddcjoannak fix images on vlps*/
.inventoryList .media img, .inventoryList .ddc-media img {height:auto;}

/*ddcjoannak -  VDP removed underline on VDP button*/
.vdp .tradein a {text-decoration: none;}




/* Start 'srp-new-price-label-final-price' (do not modify this line) */
/* Modified by aticonipa on 05/19/21 12:42 PM B */
.srp .inv-type-new.pricing-detail .final-price .price-label { text-decoration: none; font-weight: bold; font-size: 15.75px; color: #000000; }
/* End 'srp-new-price-label-final-price' (do not modify this line) */

/* Start 'srp-pre-owned-price-label-final-price' (do not modify this line) */
/* Modified by aticonipa on 05/19/21 12:51 PM B */
.srp .inv-type-pre-owned.pricing-detail .final-price .price-label { text-decoration: none; font-weight: bold; font-size: 15.75px; color: #000000; }
/* End 'srp-pre-owned-price-label-final-price' (do not modify this line) */

/* 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; }
        }
      }
    }
  }
}