.products-wrap{ max-width: 1200px; margin-inline: auto; padding-inline: 16px; }
.products-grid{
  display:grid;
  grid-template-columns: repeat(auto-fill, minmax(260px,1fr));
  gap: 16px;
  margin-top: 12px;
}
.product-card{
  background: rgba(255,255,255,.03);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 16px;
  padding: 14px;
  box-shadow: 0 6px 18px rgba(0,0,0,.18);
  transition: transform .15s ease, border-color .2s ease;
}
.product-card:hover{ transform: translateY(-2px); border-color: rgba(255,255,255,.16); }
.product-card .p-top{
  height: 110px; border-radius: 12px;
  border: 1px dashed rgba(255,255,255,.08);
  background: radial-gradient(120px 60px at 50% 0, rgba(255,0,0,.10), transparent);
  margin-bottom: 12px;
}
.product-card h3{ margin: 0 0 8px; font-size: 16px; line-height: 1.3; }
.product-card .price{ font-weight: 600; opacity: .9; margin-bottom: 10px; }
.product-card .tags{ margin-bottom: 8px; }
.product-card .tag{
  font-size: 12px; padding: 2px 8px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 999px; display: inline-block;
}
.product-card .actions{ display:flex; gap: 8px; }
.product-card .actions .btn{ flex: 1; }
.product-card a{ text-decoration: none; }
.product-card .actions a, .product-card .actions button{ pointer-events: auto; }


/* Product image */
.product-card .p-top{ 
  height: 140px; 
  background: radial-gradient(ellipse at top, rgba(255,80,80,.1), transparent 60%);
  border-radius: 12px; 
  display:flex; align-items:center; justify-content:center;
  overflow:hidden; 
  margin-bottom: 12px;
}
.product-card .p-top img{
  max-width: 100%; max-height: 100%;
  object-fit: contain; display:block;
  filter: drop-shadow(0 4px 16px rgba(0,0,0,.35));
}