/* Page-specific styles for Accessories */
.hero {
  position: relative;
  color: white;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}
.hero h1 {
  margin-bottom: var(--spacing-6);
}
.hero p {
  max-width: 600px;
  margin-bottom: var(--spacing-8);
}
.interior-upgrades,
.exterior-enhancements,
.roof-systems,
.floor-protection,
.alloy-wheels,
.installation-services,
.customer-favorites {
  padding: var(--spacing-12) 0;
}
.customer-favorites img {
  max-width: 100%;
  border-radius: var(--radius-lg);
}
@media (max-width: 768px) {
  .interior-upgrades .grid,
  .exterior-enhancements .grid,
  .roof-systems .grid,
  .floor-protection .grid,
  .alloy-wheels .grid,
  .installation-services .grid {
    grid-template-columns: 1fr;
  }
  .hero {
    padding: var(--spacing-8) 0;
  }
}