.services-hero { background: linear-gradient(90deg, #12171df5, #12171dd4 45%, #12171d35), 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 #e6af93; }
.services-hero .breadcrumbs ol { margin-bottom: 24px; }
.services-eyebrow { font-size: .7rem; letter-spacing: .13em; font-weight: 600; color: #8f4621; margin-bottom: 14px; }
.services-hero .services-eyebrow { color: #edc4b0; }
.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: #ebbca5; }
.services-hero .lead { max-width: 51ch; font-size: 1.1rem; line-height: 1.65; color: #e8e3df; margin: 0; }
.services-hero .cta-row { margin-top: 24px; }
.services-hero .btn { border-radius: 10px; }
.services-hero .btn-quote { background: #ffca7b; color: #1d2530; }
.services-hero .btn-quote:hover { background: #ffd9a0; }
.services-browse-label { margin: 30px 0 12px; color: #d1c5bd; 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: #1c232d99; border: 1px solid #c6b3a666; color: #f7f1ec; backdrop-filter: blur(6px); }
.services-hero .jump-links a:hover { color: #1b222c; background: #efcebd; border-color: #efcebd; }
.page-services .service-group { background: #fdfbf9; }
.page-services .service-group:nth-of-type(odd) { background: #f3eeea; }
.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 #eecab8; background: #efe7e0; color: #624d3f; border-radius: 999px; font-size: .8rem; }
.page-services .service-grid { gap: 24px; }
.page-services .cta-band { background: linear-gradient(90deg, #1f2732ef, #1f2732e0), 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; }
}
