/* Site 33: corporate cleaning theme, no external assets. */
.site-header { border-top: 4px solid var(--c-accent); }
.brand { color: var(--c-accent); }
.site-nav { display: flex; flex-wrap: wrap; gap: 8px 20px; }
.site-nav a { white-space: normal; }
.design-nav { display: flex; flex-wrap: wrap; gap: 8px 20px; }
.hero { padding: 32px; background: var(--c-surface); border: 1px solid var(--c-border); border-radius: var(--radius); border-inline-start: 5px solid var(--c-accent); }
.hero h1 { max-width: 760px; font-size: clamp(1.75rem, 1.4rem + 2vw, 3rem); }
.hero-split { display: block; }
.eyebrow { color: var(--c-accent); font-size: .8rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; margin-bottom: 12px; }
.home-intro { max-width: 640px; color: var(--c-muted); }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.cleaning-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.cleaning-cards .card { padding: 16px; border: 1px solid var(--c-border); border-top: 3px solid var(--c-accent); }
.cleaning-cards .card-title { font-size: 1.0625rem; }
.cleaning-cards .card-text { margin: 0; font-size: .9375rem; }
.request-panel { padding: 24px; background: #e8f1ec; border: 1px solid var(--c-border); border-radius: var(--radius); }
#directions, #cleaning-faq, #request { scroll-margin-top: 24px; }
.page-header { border-inline-start: 4px solid var(--c-accent); padding-inline-start: 16px; }
.faq-item { max-width: 100%; }
@media (max-width: 719px) {
  .hero { padding: 20px 16px; }
  .cleaning-cards { grid-template-columns: minmax(0, 1fr); }
  .header-inner { gap: 12px; }
  .request-panel { padding: 16px; }
  .hero-actions .button { width: 100%; }
  .contacts, .facts, .footer-contacts { grid-template-columns: minmax(0, 1fr); }
}
@media (min-width: 720px) and (max-width: 1023px) { .cleaning-cards { grid-template-columns: repeat(2,minmax(0,1fr)); } }