/* AlphaZetaLabs / public product portfolio: audited single-source layout.
   No styles in this sheet affect any product application.
   Images have their own gently-feathered alpha masks: never crop the artwork. */
#products {
  padding:12px clamp(16px,3vw,52px) 15px !important;
  overflow-x:hidden !important;
}
#products .products-shell {max-width:1720px}
#products .section-head {margin-bottom:8px !important}
#products .product-grid {
  display:grid !important;
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  grid-template-rows:none !important;
  grid-auto-rows:270px !important;
  gap:12px !important;
  min-height:0 !important;
  height:auto !important;
  margin-inline:auto !important;
  direction:rtl;
  align-items:stretch !important;
  align-content:start !important;
  justify-items:stretch !important;
}
#products .product-grid > .product-card {
  box-sizing:border-box;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-start !important;
  align-items:center !important;
  text-align:center !important;
  width:100% !important;
  min-width:0 !important;
  min-height:0 !important;
  max-height:none !important;
  height:100% !important;
  padding:4px 13px 11px !important;
  margin:0 !important;
  overflow:hidden !important;
}
#products .product-card .product-art {
  box-sizing:border-box;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  position:relative;
  width:100% !important;
  height:139px !important;
  min-height:139px !important;
  max-height:139px !important;
  flex:0 0 139px !important;
  margin:0 auto !important;
  padding:0 !important;
  overflow:visible !important;
}
#products .product-card .product-art::after {display:none !important;content:none !important}
#products .product-card .product-art img {
  box-sizing:border-box;
  display:block !important;
  flex:none !important;
  width:100% !important;
  max-width:100% !important;
  height:122px !important;
  max-height:122px !important;
  min-height:0 !important;
  margin:0 auto !important;
  object-fit:contain !important;
  object-position:center center !important;
  transform:none !important;
  mix-blend-mode:normal !important;
  filter:grayscale(1) contrast(1.035) !important;
}
#products .product-card:hover .product-art img {
  transform:translateY(-1px) scale(1.01) !important;
  filter:grayscale(1) contrast(1.05) !important;
}
#products .product-card .product-meta {
  width:100%;
  height:17px;
  min-height:17px;
  margin:0 0 2px !important;
  padding:0 2px;
  align-items:center;
}
#products .product-card .product-label {
  font-size:clamp(9.5px,.73vw,11px) !important;
  line-height:1.35 !important;
}
#products .product-card .product-no {font-size:9px}
#products .product-card h3 {
  font-size:clamp(12.5px,.92vw,14.8px) !important;
  line-height:1.36 !important;
  margin:0 0 2px !important;
  max-width:100%;
  white-space:nowrap;
}
#products .product-card p {
  font-size:clamp(10.35px,.74vw,11.6px) !important;
  line-height:1.54 !important;
  margin:0 0 6px !important;
  min-height:34px !important;
  max-height:40px !important;
  flex:0 0 auto !important;
  text-align:center !important;
  overflow:hidden !important;
  display:-webkit-box !important;
  -webkit-box-orient:vertical !important;
  -webkit-line-clamp:2 !important;
  line-clamp:2;
}
#products .product-card .card-action {
  min-height:40px !important;
  max-height:40px !important;
  height:40px !important;
  margin:auto 0 0 !important;
  width:100% !important;
  flex:0 0 40px !important;
}
@media (min-width:1200px) and (max-height:740px) {
  #products .section-head {margin-bottom:7px !important}
  #products .section-head h2 {font-size:clamp(23px,1.9vw,27px) !important;line-height:1.2 !important}
  #products .section-head p {font-size:11px !important;line-height:1.4 !important}
  #products .section-head .section-eyebrow {font-size:9px !important}
  #products .product-grid {grid-auto-rows:254px !important}
  #products .product-grid > .product-card {padding-bottom:7px !important}
  #products .product-card .product-art {height:123px !important;min-height:123px !important;max-height:123px !important;flex-basis:123px !important}
  #products .product-card .product-art img {height:109px !important;max-height:109px !important}
  #products .product-card .card-action {min-height:38px !important;max-height:38px !important;height:38px !important;flex-basis:38px !important}
}
@media (max-width:1199px) {
  #products .product-grid {grid-template-columns:repeat(4,minmax(0,1fr)) !important;grid-auto-rows:270px !important}
  #products .product-card .product-art {height:135px !important;min-height:135px !important;max-height:135px !important;flex-basis:135px !important}
  #products .product-card .product-art img {height:121px !important;max-height:121px !important}
}
@media (max-width:960px) {
  #products .product-grid {grid-template-columns:repeat(3,minmax(0,1fr)) !important}
}
@media (max-width:680px) {
  #products {padding:14px 12px 22px !important}
  #products .product-grid {grid-template-columns:repeat(2,minmax(0,1fr)) !important;grid-auto-rows:255px !important;gap:10px !important}
  #products .product-grid > .product-card {padding:3px 9px 9px !important}
  #products .product-card .product-art {height:120px !important;min-height:120px !important;max-height:120px !important;flex-basis:120px !important}
  #products .product-card .product-art img {height:108px !important;max-height:108px !important}
  #products .product-card .product-label {font-size:9px !important}
  #products .product-card h3 {font-size:11.4px !important}
  #products .product-card p {font-size:9.75px !important;line-height:1.5 !important;min-height:34px !important;max-height:38px !important}
  #products .product-card .card-action {min-height:37px !important;max-height:37px !important;height:37px !important;flex-basis:37px !important}
}
@media (max-width:390px) {
  #products .product-grid {grid-template-columns:1fr !important;grid-auto-rows:254px !important}
  #products .product-card .product-art {height:125px !important;min-height:125px !important;max-height:125px !important;flex-basis:125px !important}
  #products .product-card .product-art img {height:112px !important;max-height:112px !important}
  #products .product-card h3 {font-size:13.5px !important}
  #products .product-card p {font-size:10.8px !important}
}