body {
  min-height: 100vh;
  background: #f6f7fb;
}

.hero {
  background: linear-gradient(135deg, #e8f0ff, #ffffff 60%, #f2f7ff);
}

.small-panel {
  border: 1px solid rgba(13, 110, 253, 0.12);
}

.product-card {
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.product-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 .75rem 1.5rem rgba(0, 0, 0, .08) !important;
}

.product-image {
  width: 100%;
  height: 170px;
  object-fit: contain;
  background: #f1f3f5;
}

.placeholder-image {
  height: 170px;
  background: repeating-linear-gradient(45deg, #f1f3f5, #f1f3f5 10px, #e9ecef 10px, #e9ecef 20px);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #6c757d;
  font-weight: 600;
}

.tag-pill {
  font-size: .78rem;
}

.score-label {
  width: 72px;
}

.score-value {
  width: 42px;
  text-align: right;
}

.score-panel .progress {
  height: .55rem;
}