.category-card,
.product-card {
  transition: transform .15s ease, box-shadow .15s ease;
}
.category-card:hover,
.product-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 18px rgba(0,0,0,.12) !important;
}

.blog-content img {
  max-width: 100%;
  border-radius: 6px;
  margin: 1rem 0;
}

body {
  background-color: #fafafa;
}

.navbar-brand small {
  font-family: var(--site-font);
  text-transform: none;
  font-weight: 300;
}

/* Hero section */
.hero-section {
  min-height: 420px;
}
.hero-overlay {
  min-height: 420px;
  background: rgba(0, 0, 0, 0.45);
}
/* No overlay tint when there's no image (solid colour is enough) */
.hero-section:not([style*="background-image"]) .hero-overlay {
  background: transparent;
}