/* Shared photo-led design for all individual area pages. */
.page-area .content-main { min-width: 0; }
.page-area .content-block { scroll-margin-top: 100px; }
.page-area .content-block[aria-labelledby="scrap-buyer"] { padding: 28px; border: 1px solid #dce6d4; border-radius: 20px; background: #edf4e7; }
.page-area .content-block > .area-editorial-label, .page-area .quote-copy > .area-editorial-label { font-size: .67rem; letter-spacing: .13em; font-weight: 600; color: #3f7548; margin-bottom: 14px; }
.area-promises { display: flex; flex-wrap: wrap; gap: 16px 24px; border-top: 1px solid #d3e1c9; padding-top: 20px; margin-top: 22px; }
.area-promises > span { display: flex; align-items: center; gap: 8px; font-size: .8rem; font-weight: 600; color: #365a36; }
.page-area .mini-cat-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.page-area .mini-cat { flex-direction: column; align-items: stretch; padding: 0; gap: 0; overflow: hidden; border-radius: 14px; transition: transform .2s, box-shadow .2s; }
.page-area .mini-cat:hover { transform: translateY(-4px); box-shadow: 0 12px 25px #173a2215; }
.page-area .mini-cat img { width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; }
.page-area .mini-cat > span { padding: 16px 12px; font-size: .85rem; line-height: 1.5; }
.page-area .area-service-feature { background: #fff; border: 1px solid #dfe7d9; border-radius: 22px; padding: 28px; overflow: hidden; box-shadow: 0 8px 30px #163e2006; }
.area-feature-photo { width: 100%; height: 270px; object-fit: cover; border-radius: 14px; margin-bottom: 26px; }
.page-area .area-service-feature h2 { font-size: clamp(1.6rem, 2.7vw, 2.1rem); line-height: 1.2; }
.page-area .link-list { gap: 10px; margin-top: 24px; }
.page-area .link-list a { background: #f5f8f0; border-color: #dee8d5; border-radius: 10px; padding: 14px; font-size: .83rem; line-height: 1.5; height: 100%; }
.page-area .link-list a:hover { background: #eaf3e1; }
.page-area .content-block[aria-labelledby="doorstep"] { padding: 28px; background: #173a2b; color: #f3f9ee; border-radius: 22px; }
.page-area .content-block[aria-labelledby="doorstep"] > p { color: #cadac3; }
.page-area .steps--compact { gap: 14px; margin-top: 24px; }
.page-area .steps--compact .step { background: #244a34; border-color: #45634a; border-radius: 14px; }
.page-area .steps--compact .step::before { color: #b9e4aa; font-family: var(--body); font-size: 2rem; }
.page-area .steps--compact .step p { color: #c7d7c0; font-size: .9rem; }
.page-area .content-block[aria-labelledby="doorstep"] a { color: #c4eab4; }
.page-area .content-block[aria-labelledby="nearby"] { padding: 26px; background: #edf4e7; border-radius: 18px; border: 1px solid #dce6d4; }
.page-area .chip { border-radius: 9px; border-color: #cedfc3; font-size: .85rem; padding: 10px 12px; }
.page-area .faq-item { border-radius: 12px; overflow: hidden; border-color: #dce6d4; }
.page-area .faq-item summary { padding: 20px; }
.page-area .faq-q { font-size: 1rem; line-height: 1.5; }
.page-area .faq-item[open] { background: #eef5e8; }
.page-area .faq-a { line-height: 1.8; font-size: .95rem; }
.page-area .content-aside .aside-card { padding: 22px; background: #173a2b; border-color: #264b35; color: #f3f9ee; gap: 14px; }
.area-contact-photo { width: 100%; height: 165px; object-fit: cover; border-radius: 12px; }
.page-area .content-aside .aside-card p { color: #c8d8c2; font-size: .9rem; line-height: 1.7; }
.page-area .content-aside .btn { border-radius: 10px; font-size: .86rem; white-space: normal; }
.page-area .content-aside .btn-wa { background: #bee5b1; color: #173a2b; }
.page-area .content-aside .btn-wa:hover { background: #d4f1ca; }
.page-area .content-aside .btn-outline { border-color: #78927d; color: #f3f9ee; }
.page-area .content-aside .btn-outline:hover { background: #284e37; }
.page-area .content-aside .btn-quote { background: #30573c; color: #e8f2e2; }
.page-area .content-aside .btn-quote:hover { background: #406b4b; }
.page-area .quote-section { background: #edf3e7; border-top: 1px solid #dce6d4; }
.page-area .quote-copy h2 { font-family: var(--body); letter-spacing: -.04em; }
.page-area .quote-copy p { line-height: 1.8; }
.page-area .contact-lines { font-size: .9rem; overflow-wrap: anywhere; }
.area-quote-photo { width: 100%; height: 220px; object-fit: cover; border-radius: 16px; margin-top: 28px; }
.page-area .quote-form-wrap { border-radius: 22px; border-color: #d9e4d2; box-shadow: 0 16px 40px #173a2209; }
.area-form-intro { color: #63735a; font-size: .9rem; padding-bottom: 20px; margin-bottom: 24px; border-bottom: 1px solid #e1e9db; }
.page-area .field input, .page-area .field select, .page-area .field textarea { background: #fcfdfb; border: 1px solid #cddbc7; border-radius: 9px; font-size: .92rem; }
.page-area .field [aria-invalid="true"] { border-color: #b42318; background: #fff8f7; }
.page-area .form-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.page-area .form-actions .btn { border-radius: 10px; font-size: .9rem; white-space: normal; }
.page-area .form-actions .btn-quote { grid-column: 1 / -1; background: #215d35; color: #fff; }
.page-area .form-actions .btn-quote:hover { background: #174828; }
.page-area .form-note { font-size: .78rem; line-height: 1.7; }
@media (max-width: 560px) {
  .page-area .mini-cat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .page-area .area-service-feature, .page-area .content-block[aria-labelledby="doorstep"], .page-area .content-block[aria-labelledby="scrap-buyer"] { padding: 20px; }
  .area-feature-photo { height: 210px; }
  .page-area .form-actions { grid-template-columns: 1fr; }
}
.page-area { background: #fafcf7; }
.page-hero--area { min-height: calc(100vh - var(--header-h) - 1px); min-height: calc(100svh - var(--header-h) - 1px); display: flex; align-items: center; padding: 32px 0 44px; border-bottom: 3px solid #a5d4a5; background: linear-gradient(90deg, #0c231bf5, #0c231bd9 48%, #0c231b55), url('../images/mumbai-scrap-yard-hero.png') center / cover; }
.page-hero--area .page-hero-grid { align-items: center; grid-template-columns: minmax(0, 1.5fr) minmax(0, .85fr); }
.page-hero--area .breadcrumbs ol { margin-bottom: 24px; }
.page-hero--area .hero-kicker { color: #b8e1b7; font-size: .76rem; text-transform: uppercase; letter-spacing: .08em; margin-bottom: 18px; }
.page-hero--area h1 { font-family: var(--body); font-size: clamp(2.5rem, 4.6vw, 3.8rem); max-width: 17ch; color: #a5ebbc; line-height: 1.06; letter-spacing: -.045em; margin-bottom: 24px; }
.page-hero--area .lead { max-width: 55ch; font-size: 1.05rem; line-height: 1.8; color: #e0e9df; margin: 0; }
.page-hero--area .cta-row { gap: 10px; margin-top: 26px; }
.page-hero--area .btn { font-size: .9rem; border-radius: 10px; white-space: normal; }
.page-hero--area .btn-quote { background: #b4e7b6; color: #183522; }
.page-hero--area .btn-quote:hover { background: #d1f3d0; }
.page-hero--area .btn-wa { background: #28633d; }
.page-hero--area .btn-wa:hover { background: #1c4d2d; }
.page-hero--area .hero-panel { padding: 26px; border: 1px solid #e3ebdc; border-radius: 20px; background: #fbfdf6; box-shadow: 0 20px 50px #0003; color: #203a28; }
.page-hero--area .hero-panel::before { content: 'DOORSTEP PICKUP'; display: block; color: #487444; font-weight: 600; font-size: .65rem; letter-spacing: .14em; margin-bottom: 14px; }
.page-hero--area .hero-panel-title { font-family: var(--body); font-size: 1.5rem; line-height: 1.2; letter-spacing: -.035em; margin-bottom: 22px; }
.page-hero--area .locality-list { gap: 9px; }
.page-hero--area .locality-list li { background: #edf4e6; border: 1px solid #d8e5ce; color: #42613a; padding: 8px 12px; border-radius: 8px; font-size: .83rem; }
.page-hero--area .hero-panel-note { color: #65775b; border-top: 1px solid #dce6d4; padding-top: 18px; margin-top: 22px; font-size: .85rem; line-height: 1.7; }
.page-area .line-band { background: #edf3e8; border-color: #d8e4d1; padding-block: 26px 18px; }
.page-area .station-name { font-family: var(--body); font-size: .95rem; font-weight: 600; }
.page-area .station-dot { border-color: #315d3c; }
.page-area .station.is-current .station-dot { background: #b4e7b6; }
.page-area .content-block h2 { font-family: var(--body); letter-spacing: -.035em; }
.page-area .content-block > p { color: #5e6e56; line-height: 1.8; }
.page-area .aside-card { border-radius: 18px; border: 1px solid #dce5d5; box-shadow: 0 10px 30px #173a2208; }
.page-area .aside-title { font-family: var(--body); letter-spacing: -.025em; }
@media (max-width: 1024px) { .page-hero--area .page-hero-grid { grid-template-columns: 1fr; } .page-hero--area .hero-panel { max-width: 600px; width: 100%; } }
@media (max-width: 560px) { .page-hero--area { padding-block: 24px 32px; background-position: 60% center; } .page-hero--area .lead { font-size: 1rem; } .page-hero--area .hero-panel { padding: 22px; } }