.home-page .hero h1 { font-size: clamp(36px, 4.4vw, 62px); line-height: 1.35; letter-spacing: -.025em; }
.home-page .home-coverage { align-items: flex-start; }
.home-page .home-coverage > div { min-width: 0; }
.home-page .home-coverage p { max-width: 850px; line-height: 1.9; }
.home-page .home-coverage > a { padding-block: 8px; }
.service-directory-nav { display: flex; flex-wrap: wrap; gap: 10px; margin: 0 0 30px; }
.service-directory-nav a { display: inline-flex; align-items: center; min-height: 44px; padding: 10px 18px; border: 1px solid #cfdfd2; border-radius: 999px; color: #185a2a; background: #fff; font-size: 15px; font-weight: 700; }
.service-directory-nav a:hover { border-color: #257e3c; background: #edf6ee; }
.service-directory-nav a:focus-visible, .service-detail-link:focus-visible { outline: 3px solid #257e3c; outline-offset: 4px; }
.services-directory .service-detail { grid-template-columns: 96px minmax(0, 1.25fr) minmax(0, .85fr); align-items: start; }
.services-directory .service-detail > div { min-width: 0; }
.services-directory .service-detail p { line-height: 1.9; }
.services-directory .service-detail .service-request-info { margin-top: 16px; color: #42556c; font-size: 15px; }
.service-request-info strong { color: #1d4e2a; }
.services-directory .service-detail-link { min-height: 44px; align-items: center; line-height: 1.7; }
.services-directory .detail-features { align-content: start; margin-top: 5px; line-height: 1.9; }
@media (max-width: 980px) {
  .services-directory .service-detail { grid-template-columns: 1fr; gap: 18px; }
  .services-directory .detail-features { padding-inline: 0; border-inline: 0; }
}
@media (max-width: 640px) {
  .home-page .hero h1 { font-size: clamp(32px, 8.3vw, 40px); }
  .home-page .home-coverage h3 { font-size: 21px; line-height: 1.6; }
  .services-directory .service-detail { padding: 26px 22px; }
  .services-directory .service-detail h2 { font-size: 25px; line-height: 1.6; }
  .service-directory-nav { gap: 8px; }
  .service-directory-nav a { font-size: 14px; padding-inline: 14px; }
}

.offer-comparison { scroll-margin-top: 96px; }
.offer-comparison .content-heading { max-width: 820px; }
.offer-checklist { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; padding: 0; margin: 32px 0 0; list-style: none; }
.offer-checklist li { display: grid; grid-template-columns: 36px minmax(0, 1fr); gap: 16px; min-width: 0; padding: 26px; border: 1px solid #d9e3db; border-radius: 14px; background: #fff; }
.offer-checklist-number { color: #257e3c; font-size: 15px; font-weight: 900; line-height: 2; }
.offer-checklist h3 { margin: 0 0 10px; color: var(--ink); font-size: 22px; line-height: 1.6; }
.offer-checklist p { margin: 0; color: var(--muted); font-size: 16px; line-height: 1.9; }
.offer-comparison-next { margin-top: 26px; max-width: 820px; }
.offer-comparison-next p { color: var(--muted); font-size: 16px; line-height: 1.9; }
@media (max-width: 740px) {
  .offer-checklist { grid-template-columns: 1fr; gap: 16px; }
  .offer-checklist li { padding: 22px 18px; gap: 12px; grid-template-columns: 28px minmax(0, 1fr); }
  .offer-checklist h3 { font-size: 21px; }
}

/* Keep comparison guidance readable against the section background. */
.offer-comparison .content-heading > p:not(.eyebrow), .offer-comparison-next > p { color: #42556c; }

/* Keep the mobile fallback menu out of the content flow, just like the ready menu. */
@media (max-width: 980px) {
  .services-directory .site-header[data-header]:not(.nav-ready) { position: fixed; }
}

/* Show the fifth service and useful service guidance on the Arabic homepage. */
.home-page .residential-service { display: flex; align-items: center; gap: 24px; margin-top: 18px; padding: 28px; color: #fff; background: linear-gradient(120deg, #102b22, #0a2537); }
.home-page .residential-service-no { flex: 0 0 46px; display: grid; place-items: center; width: 46px; height: 46px; background: #257e3c; font-size: 14px; font-weight: 800; }
.home-page .residential-service > div { min-width: 0; flex: 1; }
.home-page .residential-service h3 { margin: 0 0 6px; font-size: 25px; line-height: 1.5; }
.home-page .residential-service p { margin: 0; color: #d5dfe8; font-size: 16px; line-height: 1.9; }
.home-page .residential-service-link { flex: 0 0 auto; display: inline-flex; gap: 10px; padding-block: 10px; color: #b9f2c8; font-size: 15px; font-weight: 800; }
.home-page .residential-service:hover { background: #102b22; }
.home-page .residential-service:focus-visible { outline: 3px solid #257e3c; outline-offset: 4px; }
.home-page .home-about-links { display: flex; flex-wrap: wrap; gap: 0 24px; margin-top: 12px; }
.home-page .home-about-links a { min-height: 44px; align-items: center; font-size: 16px; }
@media (max-width: 640px) {
  .home-page .residential-service { flex-wrap: wrap; align-items: flex-start; gap: 16px; padding: 24px 20px; }
  .home-page .residential-service h3 { font-size: 23px; }
  .home-page .residential-service-link { flex-basis: 100%; }
}

/* Frame the two approved service photos without changing other service images. */
.home-page .warehouse-image-service img { object-position: 35% 50%; }
.home-page .residential-image-service { display: block; min-height: 390px; margin-top: 18px; }
.home-page .residential-image-service img { object-position: 50% 20%; }
@media (max-width: 640px) {
  .home-page .residential-image-service { min-height: 325px; }
  .home-page .residential-image-service img { object-position: 35% 50%; }
}