.page-faq { background: #fafcf7; }
.faq-hero { 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; background: linear-gradient(90deg, #0c231bf5, #0c231bd4 45%, #0c231b35), url('../images/mumbai-scrap-yard-hero.png') center / cover; }
.faq-hero .breadcrumbs ol { margin-bottom: 24px; }
.faq-eyebrow { color: #c0e4b9; font-size: .7rem; letter-spacing: .13em; font-weight: 600; margin-bottom: 14px; }
.faq-hero h1 { max-width: 25ch; font-family: var(--body); font-size: clamp(2.3rem, 4.3vw, 3.8rem); line-height: 1.06; letter-spacing: -.045em; margin-bottom: 20px; }
.faq-hero h1 > span { color: #a5ebbc; }
.faq-hero .lead { max-width: 52ch; font-size: 1.1rem; line-height: 1.65; color: #dee9df; margin: 0; }
.faq-hero .cta-row { margin-top: 24px; }
.faq-hero .btn { border-radius: 10px; }
.faq-hero .btn-quote { background: #b4e7b6; color: #183522; }
.faq-hero .btn-quote:hover { background: #d1f3d0; }
.faq-hero .jump-links { margin-top: 28px; gap: 10px; }
.faq-hero .jump-links a { font-size: .84rem; padding: 10px 16px; background: #15342699; border: 1px solid #a6c6ac66; color: #eff8eb; }
.faq-hero .jump-links a:hover { color: #14331e; background: #ccecc0; border-color: #ccecc0; }
.page-faq .content-main { min-width: 0; }
.page-faq .content-block > h2 { font-family: var(--body); font-size: clamp(1.65rem, 2.8vw, 2.2rem); letter-spacing: -.035em; margin-bottom: 24px; }
.page-faq .content-block + .content-block { border-top: 1px solid #dfe8d8; padding-top: 36px; }
.page-faq .faq-list { gap: 12px; }
.page-faq .faq-item { border-color: #dde6d6; border-radius: 14px; overflow: hidden; box-shadow: 0 3px 12px #173a2204; }
.page-faq .faq-item summary { padding: 22px; }
.page-faq .faq-item summary:hover { background: #f2f7ec; }
.page-faq .faq-q { font-size: 1rem; line-height: 1.5; }
.page-faq .faq-item[open] { background: #eef5e8; border-color: #b8cfae; }
.page-faq .faq-item[open] summary { border-color: #d9e5d1; }
.page-faq .faq-a { padding: 18px 22px 8px; color: #5b6b54; font-size: .96rem; line-height: 1.8; }
.page-faq .aside-card { background: #173a2b; color: #f3f9ee; border: 1px solid #234d39; border-radius: 22px; padding: 22px; gap: 14px; box-shadow: 0 18px 38px #173a2b18; }
.faq-support-photo { width: 100%; height: 160px; object-fit: cover; border-radius: 12px; margin-bottom: 4px; }
.page-faq .aside-card .faq-support-kicker { font-size: .65rem; letter-spacing: .12em; color: #b8d8ac; font-weight: 600; margin: 0; }
.page-faq .aside-title { font-family: var(--body); font-size: 1.65rem; letter-spacing: -.035em; color: #f3f9ee; margin: 0; }
.page-faq .aside-card > p { color: #c1d0bf; font-size: .9rem; }
.page-faq .aside-card .btn { white-space: normal; font-size: .9rem; border-radius: 10px; }
.page-faq .aside-card .btn-call { background: transparent; border-color: #78927d; }
.page-faq .aside-card .btn-call:hover { background: #284e37; }
.page-faq .aside-card .btn-wa { background: #bfe5b2; color: #173a2b; }
.page-faq .aside-card .btn-wa:hover { background: #dbf4ce; }
.page-faq .aside-card .btn-quote { background: #2a5039; color: #e5efdf; border-color: #45644c; }
.page-faq .aside-card .btn-quote:hover { background: #365e43; }
@media (max-width: 1024px) { .page-faq .content-aside { grid-template-columns: 1fr; } .faq-support-photo { height: 220px; } }
@media (max-width: 560px) { .faq-hero { padding-block: 24px 32px; background-position: 60% center; } .faq-hero .lead { font-size: 1rem; } .faq-hero .jump-links a { font-size: .78rem; padding: 9px 12px; } .page-faq .faq-item summary { padding: 18px; } }