/* 11.6.43 — authoritative catalog width/space correction. */

/* The live-catalog band was losing width twice: global gutter + oversized inner band padding. */
body.nt-clay .bm-home #bm-listings > .nt-container {
  width: min(1540px, calc(100% - 24px)) !important;
  max-width: 1540px !important;
  padding: 26px 24px 30px !important;
  box-sizing: border-box !important;
}
body.nt-clay .bm-home #bm-listings .products-grid {
  width: 100% !important;
  margin-inline: 0 !important;
  align-items: stretch !important;
}

/* Wide desktop: four genuinely wide cards, not five thin columns. */
@media (min-width: 1200px) {
  body.nt-clay .bm-home #bm-listings .products-grid,
  body.nt-clay .bm-shop .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: 16px !important;
  }
}

/* Card header uses width instead of stacking icon, category and status vertically. */
body.nt-clay.nt-principled .nt-product-card-v6 .nt-product-card-v6__head,
body.nt-clay .nt-product-card-v6__head {
  display: grid !important;
  grid-template-columns: 48px minmax(0,1fr) auto !important;
  align-items: start !important;
  column-gap: 11px !important;
  row-gap: 4px !important;
  min-height: 0 !important;
}
body.nt-clay.nt-principled .nt-product-card-v6 .nt-product-card-v6__badge,
body.nt-clay .nt-product-card-v6__badge {
  grid-column: 1 !important;
  grid-row: 1 / span 2 !important;
  width: 48px !important;
  height: 48px !important;
  margin: 0 !important;
}
body.nt-clay .nt-product-card-v6__headmeta,
body.nt-clay.nt-principled .nt-product-card-v6__headmeta {
  grid-column: 2 !important;
  min-width: 0 !important;
  width: auto !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
}
body.nt-clay .nt-product-card-v6__discount { grid-column:3!important; grid-row:1!important; }

/* Remove fixed vertical reservations that made every card unusually tall. */
body.nt-clay .nt-product-card-v6,
body.nt-clay.nt-principled .nt-product-card-v6 {
  height: auto !important;
  min-height: 0 !important;
  padding: 15px !important;
}
body.nt-clay .nt-product-card-v6__body,
body.nt-clay.nt-principled .nt-product-card-v6__body {
  gap: 8px !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 {
  min-height: 0 !important;
  height: auto !important;
  margin: 8px 0 2px !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  line-clamp: 2 !important;
  overflow: hidden !important;
  font-size: .98rem !important;
  line-height: 1.35 !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 {
  min-height: 0 !important;
  height: auto !important;
  max-height: 4.35em !important;
  margin: 0 0 4px !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;
  line-clamp: 3 !important;
  overflow: hidden !important;
  font-size: .79rem !important;
  line-height: 1.45 !important;
}
body.nt-clay .nt-product-card-v6__price-row { margin-top: 4px !important; padding-top: 6px !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 {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) 44px !important;
  gap: 8px !important;
  margin-top: 8px !important;
  padding-top: 0 !important;
}
body.nt-clay .nt-product-card-v6__actions .bm-btn--buy-now,
body.nt-clay .nt-product-card-v6__actions--commerce .bm-btn--buy-now,
body.nt-clay.nt-principled .nt-product-card-v6 .nt-product-card-v6__actions .bm-btn--buy-now {
  grid-column: 1 !important;
  width: 100% !important;
  min-width: 0 !important;
}
body.nt-clay .nt-product-card-v6__actions .bm-btn--cart,
body.nt-clay .nt-product-card-v6__actions--commerce .bm-btn--cart,
body.nt-clay.nt-principled .nt-product-card-v6 .nt-product-card-v6__actions .bm-btn--cart {
  grid-column: 2 !important;
  width: 44px !important;
  min-width: 44px !important;
  padding-inline: 0 !important;
}
body.nt-clay .nt-product-card-v6__actions .bm-btn--cart .bm-btn__label { display:none!important; }

/* Laptop/tablet. */
@media (min-width: 760px) and (max-width: 1199px) {
  body.nt-clay .bm-home #bm-listings > .nt-container {
    width: calc(100% - 20px) !important;
    padding: 20px 16px 24px !important;
  }
  body.nt-clay .bm-home #bm-listings .products-grid,
  body.nt-clay .bm-shop .products-grid,
  body.nt-clay .woocommerce ul.products {
    grid-template-columns: repeat(3, minmax(0,1fr)) !important;
    gap: 12px !important;
  }
}

/* Phones: almost edge-to-edge two-column grid; card internals stay horizontal. */
@media (max-width: 759px) {
  body.nt-clay,
  body.nt-clay.nt-principled { --nt-gutter: 8px !important; --nt-layout-gutter: 8px !important; }
  body.nt-clay .bm-home #bm-listings > .nt-container {
    width: calc(100% - 8px) !important;
    max-width: none !important;
    padding: 14px 6px 18px !important;
    border-radius: 22px !important;
  }
  body.nt-clay .bm-home #bm-listings .products-grid,
  body.nt-clay .bm-shop .products-grid,
  body.nt-clay .woocommerce ul.products,
  body.nt-clay .nt-products-grid-v84,
  body.nt-clay .nt-related-products-v92__grid {
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    gap: 7px !important;
  }
  body.nt-clay .nt-product-card-v6,
  body.nt-clay.nt-principled .nt-product-card-v6 {
    padding: 9px !important;
    border-radius: 14px !important;
  }
  body.nt-clay.nt-principled .nt-product-card-v6 .nt-product-card-v6__head,
  body.nt-clay .nt-product-card-v6__head {
    grid-template-columns: 36px minmax(0,1fr) !important;
    column-gap: 7px !important;
  }
  body.nt-clay.nt-principled .nt-product-card-v6 .nt-product-card-v6__badge,
  body.nt-clay .nt-product-card-v6__badge {
    width: 36px !important;
    height: 36px !important;
    border-radius: 10px !important;
  }
  body.nt-clay .nt-product-card-v6__eyebrow,
  body.nt-clay .nt-product-card-v6__status,
  body.nt-clay.nt-principled .nt-product-card-v6 .nt-product-card-v6__eyebrow,
  body.nt-clay.nt-principled .nt-product-card-v6 .nt-product-card-v6__status {
    font-size: .60rem !important;
    line-height: 1.25 !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 {
    margin-top: 6px !important;
    font-size: .79rem !important;
    line-height: 1.3 !important;
    -webkit-line-clamp: 2 !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-line-clamp: 2 !important;
    line-clamp: 2 !important;
    max-height: 2.8em !important;
    font-size: .66rem !important;
    line-height: 1.4 !important;
  }
  body.nt-clay .nt-product-card-v6__price strong,
  body.nt-clay .nt-product-card-v6__price strong * { font-size: .91rem !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 {
    grid-template-columns: minmax(0,1fr) 36px !important;
    gap: 5px !important;
    margin-top: 6px !important;
  }
  body.nt-clay .nt-product-card-v6__actions .bm-btn,
  body.nt-clay.nt-principled .nt-product-card-v6 .nt-product-card-v6__actions .bm-btn {
    min-height: 38px !important;
    height: 38px !important;
    padding: 0 7px !important;
    border-radius: 10px !important;
    font-size: .72rem !important;
  }
  body.nt-clay .nt-product-card-v6__actions .bm-btn--cart,
  body.nt-clay .nt-product-card-v6__actions--commerce .bm-btn--cart {
    width:36px!important; min-width:36px!important; padding:0!important;
  }
}

@media (max-width: 360px) {
  body.nt-clay .bm-home #bm-listings > .nt-container { width:100%!important; padding-inline:4px!important; }
  body.nt-clay .bm-home #bm-listings .products-grid,
  body.nt-clay .woocommerce ul.products { gap:5px!important; }
  body.nt-clay .nt-product-card-v6 { padding:8px!important; }
}
