.repairs-hero { background-color: var(--color-primary); color: var(--color-background); padding: var(--spacing-20) var(--spacing-4); }
.repairs-hero h1 { color: var(--color-accent); }
.why-choose-us { padding: var(--spacing-16) var(--spacing-4); background-color: var(--color-gray-100); }
.services { grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: var(--spacing-8); padding: var(--spacing-16) var(--spacing-4); }
.repair-process { padding: var(--spacing-16) var(--spacing-4); background-color: var(--color-gray-200); }
.pricing { padding: var(--spacing-16) var(--spacing-4); }
.case-studies { padding: var(--spacing-16) var(--spacing-4); background-color: var(--color-gray-100); }
@media (min-width: 768px) { .repairs-hero { padding: var(--spacing-32) var(--spacing-6); } .services, .why-choose-us, .repair-process, .pricing, .case-studies { padding-left: var(--spacing-6); padding-right: var(--spacing-6); } }