/* Extra custom tweaks go here */

.hero-section {
  background: url('https://example.com/your-image.jpg') center/cover no-repeat;
  padding: 80px 20px;
  color: #fff;
  text-align: center;
}

.hero-section h1 {
  font-size: 48px;
  color: #fff;
  text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5);
}

.menu-card {
  border: 2px solid var(--kfc-red);
  background: var(--kfc-white);
  padding: 20px;
  border-radius: 8px;
  transition: transform 0.2s ease;
}

.menu-card:hover {
  transform: scale(1.02);
}