.services-hero { background: linear-gradient(90deg, #0c231bf5, #0c231bd4 45%, #0c231b35), url('../images/mumbai-scrap-yard-hero.png') center / cover; min-height: calc(100vh - var(--header-h) - 1px); min-height: calc(100svh - var(--header-h) - 1px); display: flex; align-items: center; padding: 28px 0 40px; border-bottom: 3px solid #a5d4a5; }
.services-hero .breadcrumbs ol { margin-bottom: 24px; }
.services-eyebrow { font-size: .7rem; letter-spacing: .13em; font-weight: 600; color: #3f714b; margin-bottom: 14px; }
.services-hero .services-eyebrow { color: #c0e4b9; }
.services-hero h1 { font-family: var(--body); font-size: clamp(2.4rem, 4.5vw, 3.8rem); letter-spacing: -.045em; line-height: 1.06; max-width: 23ch; margin-bottom: 20px; }
.services-hero h1 > span { color: #a5ebbc; }
.services-hero .lead { max-width: 51ch; font-size: 1.1rem; line-height: 1.65; color: #dee9df; margin: 0; }
.services-hero .cta-row { margin-top: 24px; }
.services-hero .btn { border-radius: 10px; }
.services-hero .btn-quote { background: #b4e7b6; color: #183522; }
.services-hero .btn-quote:hover { background: #d1f3d0; }
.services-browse-label { margin: 30px 0 12px; color: #bdd1c2; font-size: .65rem; letter-spacing: .14em; font-weight: 600; }
.services-hero .jump-links { margin: 0; gap: 10px; }
.services-hero .jump-links a { font-size: .84rem; padding: 10px 16px; background: #15342699; border: 1px solid #a6c6ac66; color: #eff8eb; backdrop-filter: blur(6px); }
.services-hero .jump-links a:hover { color: #14331e; background: #ccecc0; border-color: #ccecc0; }
.page-services .service-group { background: #fcfdf9; }
.page-services .service-group:nth-of-type(odd) { background: #eef3ea; }
.service-group-heading { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 28px; }
.service-group-heading .section-title { font-family: var(--body); font-size: clamp(1.8rem, 3.3vw, 2.6rem); letter-spacing: -.04em; margin: 0; }
.service-group-heading .services-eyebrow { margin-bottom: 10px; }
.service-count { flex-shrink: 0; padding: 8px 14px; border: 1px solid #cfdfc7; background: #e6f0df; color: #3f6240; border-radius: 999px; font-size: .8rem; }
.page-services .service-grid { gap: 24px; }
.page-services .cta-band { background: linear-gradient(90deg, #163b2bef, #163b2be0), url('../images/categories/truck.jpg') center / cover; }
.page-services .cta-band h2 { font-family: var(--body); letter-spacing: -.035em; }
@media (max-width: 560px) {
  .services-hero { padding-block: 24px 32px; background-position: 60% center; }
  .services-hero .lead { font-size: 1rem; }
  .services-hero .jump-links { gap: 8px; }
  .services-hero .jump-links a { font-size: .78rem; padding: 9px 12px; }
  .service-group-heading { align-items: flex-start; }
  .service-count { padding: 6px 10px; font-size: .72rem; }
}