/* AlphaZetaLabs - silver chrome imagery and a unified original-brand blue CTA.
   Only affects public product directory; product experiences stay unchanged. */
#products .product-card {
  --tone: #4b61e8;
  --tone2: #354bd7;
}
#products .product-card::before {
  background: radial-gradient(ellipse at 50% 52%,rgba(202,211,225,.25),transparent 73%),linear-gradient(180deg,#f9fbff,#fff) !important;
}
#products .product-card .card-glow {
  background:radial-gradient(ellipse 63% 63% at 50% 53%,rgba(180,190,209,.13),transparent 90%) !important;
}
#products .product-card .product-art {
  height:146px;
  min-height:146px;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
}
#products .product-card .product-art::after {
  background:linear-gradient(90deg,transparent,#e2e6ef,transparent) !important;
}
#products .product-card .product-art img {
  display:block;
  flex:none;
  width:calc(100% - 12px);
  max-width:287px;
  height:132px;
  max-height:calc(100% - 12px);
  object-fit:contain;
  object-position:center;
  margin:0 auto;
  mix-blend-mode:normal !important;
  filter:grayscale(1) drop-shadow(0 6px 11px rgba(71,79,103,.12)) contrast(1.035) !important;
  transform:none;
}
#products .product-card:hover .product-art img {
  transform:translateY(-1px) scale(1.012);
  filter:grayscale(1) drop-shadow(0 10px 13px rgba(67,77,101,.16)) contrast(1.055) !important;
}
#products .product-card .product-label {
  color:#3855d8 !important;
}
#products .product-card .card-action,
#products .product-card.projectforce .card-action,
#products .product-card .card-action.filled {
  background:linear-gradient(115deg,#2639ca 0%,#344bdc 55%,#4b4bec 100%) !important;
  border:1px solid #3d4ad8 !important;
  color:#fff !important;
  box-shadow:0 7px 17px rgba(45,65,201,.20),inset 0 1px rgba(255,255,255,.21) !important;
}
#products .product-card .card-action:hover {
  filter:brightness(1.09);
  box-shadow:0 10px 20px rgba(45,65,201,.25),inset 0 1px rgba(255,255,255,.24) !important;
}
@media(min-width:1480px) and (min-height:790px){
  #products .product-card .product-art{height:148px;min-height:148px}
  #products .product-card .product-art img{height:134px}
}
@media(max-width:660px){
  #products .product-card .product-art{height:128px;min-height:128px}
  #products .product-card .product-art img{height:116px;max-height:calc(100% - 12px);max-width:265px}
}
@media(max-width:375px){
  #products .product-card .product-art{height:145px;min-height:145px}
  #products .product-card .product-art img{height:133px}
}

/* Fixed five-column desktop portfolio: nine equal-size cards, one intentionally empty slot. */
#products .product-grid {
  display: grid !important;
  direction: rtl;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  grid-auto-rows: minmax(308px, auto);
  align-items: stretch !important;
  justify-items: stretch !important;
  justify-content: stretch !important;
  gap: clamp(12px, 1.15vw, 18px) !important;
}
#products .product-grid > .product-card {
  box-sizing: border-box;
  width: 100% !important;
  min-width: 0;
  height: 100%;
  min-height: 308px;
  max-height: none;
  margin: 0 !important;
}
#products .product-card .product-art {
  width: calc(100% + 28px);
  max-width: none;
  margin-inline: -14px;
}
#products .product-card .product-art img {
  width: min(100%, 280px);
  max-width: calc(100% - 18px);
  height: 132px;
  object-fit: contain;
  object-position: center;
}
#products .product-card .card-action {
  background: #4446e7 !important;
  border-color: #4446e7 !important;
  color: #fff !important;
  box-shadow: 0 8px 17px rgba(58,65,201,.18), inset 0 1px rgba(255,255,255,.2) !important;
}
#products .product-card .card-action:hover {
  background: #333fd2 !important;
}
@media (max-width: 1199px) {
  #products .product-grid { grid-template-columns:repeat(4,minmax(0,1fr)) !important; grid-auto-rows: minmax(296px,auto); }
  #products .product-grid > .product-card { min-height:296px; }
}
@media (max-width: 960px) {
  #products .product-grid { grid-template-columns:repeat(3,minmax(0,1fr)) !important; }
}
@media (max-width: 680px) {
  #products .product-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; grid-auto-rows:minmax(280px,auto); }
  #products .product-grid > .product-card {min-height:280px;}
  #products .product-card .product-art { width:calc(100% + 20px); margin-inline:-10px; height:122px; min-height:122px; }
  #products .product-card .product-art img { max-width:calc(100% - 12px); height:113px; }
}
@media (max-width: 390px) {
  #products .product-grid { grid-template-columns:1fr !important; grid-auto-rows:minmax(292px,auto); }
  #products .product-grid > .product-card {min-height:292px;}
  #products .product-card .product-art {height:147px;min-height:147px;}
  #products .product-card .product-art img {height:132px;}
}
#products .product-grid > .product-card .card-action,
#products .product-grid > .product-card.projectforce .card-action,
#products .product-grid > .product-card .card-action.filled {
  background:#4446e7 !important;
  background-image:none !important;
  border-color:#4446e7 !important;
}
/* No special wide card for the ninth item on small screens. */
#products .product-grid > .product-card:last-child {
  grid-column: auto !important;
  grid-row: auto !important;
  width: 100% !important;
  justify-self: stretch !important;
}
/* Make the neutral backgrounds of the chrome artwork merge with the card finish. */
#products .product-card .product-art img,
#products .product-card:hover .product-art img {
  mix-blend-mode: multiply !important;
}

/* Precision pass: preserve established blue identity; typography and chrome artwork only. */
/* The second h1 line is deliberately a single line on wide desktop screens. */
#home .home-copy h1 {
  font-size: clamp(33px, 2.78vw, 48px);
  line-height: 1.44;
  letter-spacing: -1.3px;
}
#home .home-copy > p {
  font-size: clamp(13px, 0.99vw, 15.6px);
  line-height: 1.94;
}
#products .product-grid {
  grid-auto-rows: minmax(320px, auto);
  row-gap: 16px !important;
}
#products .product-grid > .product-card {
  min-height: 320px;
}
#products .product-card .product-art {
  height: 160px;
  min-height: 160px;
  width: calc(100% + 28px);
  margin-inline: -14px;
  overflow: visible;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px 0 4px;
  box-sizing: border-box;
}
#products .product-card .product-art img {
  width: min(100%, 287px);
  max-width: calc(100% - 10px);
  height: 148px;
  max-height: calc(100% - 8px);
  display: block;
  object-fit: contain;
  object-position: 50% 50%;
  margin-inline: auto;
  transform: none;
}
#products .product-card:hover .product-art img {
  transform: translateY(-1px) scale(1.01);
}
#products .product-card .product-meta {
  margin-top: 2px;
  margin-bottom: 0;
}
#products .product-card .product-label {
  font-size: clamp(9.2px, 0.70vw, 10.6px);
}
#products .product-card h3 {
  font-size: clamp(13px, 0.90vw, 15.5px);
  line-height: 1.46;
  margin-top: 2px;
  margin-bottom: 3px;
}
#products .product-card p {
  font-size: clamp(10.3px, 0.67vw, 11.5px);
  line-height: 1.58;
  min-height: 38px;
  margin: 0 0 9px;
  max-height: 38px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
}
#products .product-card .card-action {
  margin-inline: auto;
}
@media (max-width: 1199px) {
  #products .product-grid {grid-auto-rows:minmax(315px,auto)}
  #products .product-grid > .product-card { min-height:315px; }
  #products .product-card .product-art {height:152px;min-height:152px}
  #products .product-card .product-art img {height:139px}
}
@media (max-width: 1050px) {
  #home .home-copy h1 {font-size:clamp(32px, 4.6vw, 46px)}
}
@media (max-width: 680px) {
  #home .home-copy h1 {font-size:clamp(28px, 6.4vw, 36px)}
  #home .home-copy > p {font-size:12px;line-height:1.86}
  #products .product-grid {grid-auto-rows:minmax(296px,auto)}
  #products .product-grid > .product-card {min-height:296px}
  #products .product-card .product-art {height:138px;min-height:138px;width:calc(100% + 20px);margin-inline:-10px;padding:4px 0}
  #products .product-card .product-art img {width:100%;max-width:calc(100% - 8px);height:126px;max-height:calc(100% - 8px)}
  #products .product-card .product-label {font-size:9px}
  #products .product-card h3 {font-size:12.2px}
  #products .product-card p {font-size:10.15px;min-height:39px;max-height:39px;line-height:1.66}
}
@media (max-width: 390px) {
  #products .product-grid {grid-auto-rows:minmax(305px,auto)}
  #products .product-grid > .product-card {min-height:305px}
  #products .product-card .product-art {height:158px;min-height:158px}
  #products .product-card .product-art img {height:146px}
  #products .product-card h3 {font-size:14px}
}