.bearing-catalog-lead {
  max-width: 880px;
  margin: -12px auto 54px;
  color: #365b84;
  font-size: 17px;
  line-height: 2;
  text-align: center;
}

.product-family#bearings {
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, #e2f1fc 0%, #b8daf2 100%);
}

.product-family#bearings .about-section-title .eyebrow { color: #0c4f8f; }
.product-family#bearings .about-section-title h2 { color: #073976; }
.product-family#bearings .bearing-catalog-lead { color: #244f78; }
.product-family#bearings .bearing-product-card { border-color: rgba(65, 128, 184, .34); background: #e1eff9; }
.product-family#bearings .bearing-product-image { background: linear-gradient(145deg, #f7fbff, #d1e7f8); }
.product-family#bearings .bearing-product-card h3 { background: #d0e5f5; color: #153f70; }
.product-family#bearings .bearing-product-card:hover { border-color: #5a9ed4; box-shadow: 0 18px 30px rgba(8, 61, 121, .16); }

.bearing-product-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.bearing-product-card {
  min-width: 0;
  overflow: hidden;
  border: 1px solid #cfe1f4;
  background: #e8f3fd;
  transition: border-color .25s ease, box-shadow .25s ease, transform .25s ease;
}

.bearing-product-image {
  aspect-ratio: 1.36;
  overflow: hidden;
  background: linear-gradient(145deg, #f1f9ff, #d7ebfc);
}

.bearing-product-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  mix-blend-mode: multiply;
  transition: transform .35s ease, filter .25s ease;
}

.bearing-product-card h3 {
  margin: 0;
  padding: 16px 18px 18px;
  background: #e0eefc;
  color: #153f70;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.45;
}

.bearing-product-card:hover {
  z-index: 1;
  border-color: #84b8e7;
  box-shadow: 0 18px 30px rgba(8, 61, 121, .12);
  transform: translateY(-4px);
}

.bearing-product-card:hover img { filter: contrast(1.04); transform: scale(1.035); }

@media (max-width: 800px) {
  .bearing-catalog-lead { margin: -5px 0 42px; font-size: 16px; }
  .bearing-product-grid { grid-template-columns: 1fr; gap: 12px; }
  .bearing-product-image { aspect-ratio: 1.42; }
}

@media (prefers-reduced-motion: reduce) {
  .bearing-product-card, .bearing-product-image img { transition: none; }
}