/* 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 #e5dcd5; border-radius: 20px; background: #f3ede8; }
.page-area .content-block > .area-editorial-label, .page-area .quote-copy > .area-editorial-label { font-size: .67rem; letter-spacing: .13em; font-weight: 600; color: #924722; margin-bottom: 14px; }
.area-promises { display: flex; flex-wrap: wrap; gap: 16px 24px; border-top: 1px solid #efccbb; padding-top: 20px; margin-top: 22px; }
.area-promises > span { display: flex; align-items: center; gap: 8px; font-size: .8rem; font-weight: 600; color: #75391b; }
.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 #1f273215; }
.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 #e6e0da; border-radius: 22px; padding: 28px; overflow: hidden; box-shadow: 0 8px 30px #20293406; }
.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: #f8f4f0; border-color: #e7ded6; border-radius: 10px; padding: 14px; font-size: .83rem; line-height: 1.5; height: 100%; }
.page-area .link-list a:hover { background: #f2e9e2; }
.page-area .content-block[aria-labelledby="doorstep"] { padding: 28px; background: #1f2732; color: #f8f3ef; border-radius: 22px; }
.page-area .content-block[aria-labelledby="doorstep"] > p { color: #daccc3; }
.page-area .steps--compact { gap: 14px; margin-top: 24px; }
.page-area .steps--compact .step { background: #592c15; border-color: #635145; border-radius: 14px; }
.page-area .steps--compact .step::before { color: #eabba4; font-family: var(--body); font-size: 2rem; }
.page-area .steps--compact .step p { color: #d7c9c0; font-size: .9rem; }
.page-area .content-block[aria-labelledby="doorstep"] a { color: #edc5b1; }
.page-area .content-block[aria-labelledby="nearby"] { padding: 26px; background: #f3ede8; border-radius: 18px; border: 1px solid #e5dcd5; }
.page-area .chip { border-radius: 9px; border-color: #eec7b4; font-size: .85rem; padding: 10px 12px; }
.page-area .faq-item { border-radius: 12px; overflow: hidden; border-color: #e5dcd5; }
.page-area .faq-item summary { padding: 20px; }
.page-area .faq-q { font-size: 1rem; line-height: 1.5; }
.page-area .faq-item[open] { background: #f4eee9; }
.page-area .faq-a { line-height: 1.8; font-size: .95rem; }
.page-area .content-aside .aside-card { padding: 22px; background: #1f2732; border-color: #5c2d15; color: #f8f3ef; gap: 14px; }
.area-contact-photo { width: 100%; height: 165px; object-fit: cover; border-radius: 12px; }
.page-area .content-aside .aside-card p { color: #d8cbc2; 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: rgba(255,255,255,.35); color: #f8f3ef; }
.page-area .content-aside .btn-outline:hover { background: rgba(255,255,255,.1); }
.page-area .content-aside .btn-quote { background: #be541f; color: #ffdfb0; }
.page-area .content-aside .btn-quote:hover { background: #cd5b21; }
.page-area .quote-section { background: #f2ede8; border-top: 1px solid #e5dcd5; }
.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: #f1d4c5; box-shadow: 0 16px 40px #1f273209; }
.area-form-intro { color: #73645a; font-size: .9rem; padding-bottom: 20px; margin-bottom: 24px; border-bottom: 1px solid #e8e2dc; }
.page-area .field input, .page-area .field select, .page-area .field textarea { background: #fcfdfb; border: 1px solid #dbcfc7; 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: #ba521e; color: #fff; }
.page-area .form-actions .btn-quote:hover { background: #ac4c1c; }
.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: #fcf9f7; }
.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 #e6af93; background: linear-gradient(90deg, #12171df5, #12171dd9 48%, #12171d55), 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: #ecc1ac; 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: #ebbca5; 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: #e8e4df; 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: #ffca7b; color: #1d2530; }
.page-hero--area .btn-quote:hover { background: #ffd9a0; }
.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 #eae3dd; border-radius: 20px; background: #fdf9f6; box-shadow: 0 20px 50px #0003; color: #222c38; }
.page-hero--area .hero-panel::before { content: 'DOORSTEP PICKUP'; display: block; color: #954923; 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: #f3ede7; border: 1px solid #f1d2c2; color: #7e3d1d; padding: 8px 12px; border-radius: 8px; font-size: .83rem; }
.page-hero--area .hero-panel-note { color: #77665b; border-top: 1px solid #e5dcd5; padding-top: 18px; margin-top: 22px; font-size: .85rem; line-height: 1.7; }
.page-area .line-band { background: #f2ede9; border-color: #f1d3c4; padding-block: 26px 18px; }
.page-area .station-name { font-family: var(--body); font-size: .95rem; font-weight: 600; }
.page-area .station-dot { border-color: #73381b; }
.page-area .station.is-current .station-dot { background: #ecc3af; }
.page-area .content-block h2 { font-family: var(--body); letter-spacing: -.035em; }
.page-area .content-block > p { color: #6e6056; line-height: 1.8; }
.page-area .aside-card { border-radius: 18px; border: 1px solid #e4ddd6; box-shadow: 0 10px 30px #1f273208; }
.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; } }