/* products.css */
.productGrid{
  margin-top: 18px;
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}
.pCard{
  padding: 16px;
  border-radius: 20px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.03);
  transition: transform .18s var(--ease), border-color .18s var(--ease);
}
.pCard:hover{
  transform: translateY(-2px);
  border-color: rgba(255,216,0,.30);
}
.pThumb{
  height: 180px;
  border-radius: 16px;
  background: rgba(255,255,255,.02);
  border: 1px solid rgba(255,255,255,.08);
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}
.pThumb img{ height: 150px; width:auto; object-fit:contain; filter: drop-shadow(0 16px 44px rgba(0,0,0,.55)); }
.pMeta{ margin-top: 12px; }
.pName{ font-weight: 750; letter-spacing:-0.3px; }
.pDesc{ margin-top:6px; font-size:13px; color: rgba(237,239,243,.62); line-height:1.6; }
.pPrice{ margin-top:10px; color: rgba(255,216,0,.95); font-weight:750; font-size:16px; }
.pActions{ margin-top:12px; display:flex; gap:10px; }
.pActions a{ flex:1; }

@media (max-width: 980px){
  .productGrid{ grid-template-columns: 1fr; }
}