/* Installation page styles - light, minimal, leveraging base.css */
.hero-installation {
  background: linear-gradient(135deg, var(--color-primary-subtle), var(--color-background));
  border-radius: var(--radius-xl);
  padding-left: var(--space-8);
  padding-right: var(--space-8);
}
.hero-installation .hero-media img {
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
}

/* Lists with subtle leading markers for steps/guidelines */
.checklist li,
.list-steps li,
.list-guidelines li {
  position: relative;
  padding-left: 1.5rem;
  margin-bottom: var(--space-3);
}
.checklist li::before,
.list-steps li::before,
.list-guidelines li::before {
  content: "\2713"; /* checkmark */
  position: absolute;
  left: 0;
  top: 0.15rem;
  color: var(--color-primary);
  font-weight: var(--font-weight-bold);
}

/* Cards spacing tweaks on this page */
.card .card-body .text-secondary { color: var(--color-text-secondary); }

@media (max-width: 768px) {
  .hero-installation { padding-left: var(--space-4); padding-right: var(--space-4); }
}