/* ✅ Global Body Styling */
body { 
  background: #f8f9fa; 
}

/* ✅ Responsive Images */
img {
  max-width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}

/* ✅ Product Card Image Container */
.card-img-container {
  width: 100%;
  aspect-ratio: 4 / 3; /* 4:3 ratio for uniform layout */
  overflow: hidden;
  border-radius: 8px;
}

.card-img-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* ✅ Product Card Image */
.card-img-top { 
  height: 220px; 
  object-fit: cover; 
}

/* ✅ Navbar Brand */
.navbar-brand { 
  letter-spacing: 0.5px; 
}