/* 11.6.42 — wider product cards and wider home catalog band. */

/* Use more horizontal room on desktop so cards are not tall and narrow. */
body.nt-clay .bm-home #bm-listings > .nt-container,
body.nt-clay .bm-home .nt-home-catalog-wrap,
body.nt-clay .bm-shop > .nt-container,
body.nt-clay .bm-page > .nt-container {
  max-width: 1380px !important;
}

/* Home listings and shop grids: 4 wider columns on desktop instead of 5 narrow columns. */
@media (min-width: 1280px) {
  body.nt-clay .products-grid,
  body.nt-clay .woocommerce ul.products,
  body.nt-clay .nt-products-grid-v84,
  body.nt-clay .nt-product-grid-v6,
  body.nt-clay .nt-product-grid-v6--directory {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 18px !important;
  }

  body.nt-clay .nt-product-card-v6,
  body.nt-clay.nt-principled .nt-product-card-v6 {
    padding: 16px !important;
  }

  body.nt-clay .nt-product-card-v6__body h3,
  body.nt-clay .nt-product-card-v6 h3 a,
  body.nt-clay.nt-principled .nt-product-card-v6 .nt-product-card-v6__body h3 {
    font-size: 1.03rem !important;
    line-height: 1.38 !important;
    min-height: auto !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;
    overflow: hidden !important;
  }

  body.nt-clay .nt-product-card-v6__body > p,
  body.nt-clay.nt-principled .nt-product-card-v6 .nt-product-card-v6__body > p {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;
    overflow: hidden !important;
    max-height: 4.7em !important;
    min-height: auto !important;
    margin-bottom: 8px !important;
  }

  body.nt-clay .nt-product-card-v6__price-row {
    padding-top: 12px !important;
  }

  body.nt-clay .nt-product-card-v6__actions,
  body.nt-clay .nt-product-card-v6__actions--commerce,
  body.nt-clay.nt-principled .nt-product-card-v6 .nt-product-card-v6__actions {
    margin-top: 12px !important;
    gap: 8px !important;
  }
}

/* Large laptop / medium desktop keeps a balanced 3-column layout. */
@media (min-width: 980px) and (max-width: 1279px) {
  body.nt-clay .products-grid,
  body.nt-clay .woocommerce ul.products,
  body.nt-clay .nt-products-grid-v84,
  body.nt-clay .nt-product-grid-v6,
  body.nt-clay .nt-product-grid-v6--directory {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 16px !important;
  }
}

/* Keep the existing 2-up mobile behavior untouched. */
@media (max-width: 979px) {
  body.nt-clay .bm-home #bm-listings > .nt-container { max-width: none !important; }
}