/* Specific Hero for Accessories */
.accessories-hero {
  background:
    linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),
    url("https://images.pexels.com/photos/6764925/pexels-photo-6764925.jpeg");
  background-size: cover;
  background-position: center;
  background-size: cover;
  background-position: center;
  color: white;
  text-align: center;
  padding: 100px 20px;
  margin-bottom: 50px;
}

/* Use the same grid and card styles we established for Formal and Uniforms */