.page-faq { background: #fcf9f7; }
.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 #e6af93; background: linear-gradient(90deg, #12171df5, #12171dd4 45%, #12171d35), url('../images/mumbai-scrap-yard-hero.png') center / cover; }
.faq-hero .breadcrumbs ol { margin-bottom: 24px; }
.faq-eyebrow { color: #edc4b0; 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: #ebbca5; }
.faq-hero .lead { max-width: 52ch; font-size: 1.1rem; line-height: 1.65; color: #e8e3df; margin: 0; }
.faq-hero .cta-row { margin-top: 24px; }
.faq-hero .btn { border-radius: 10px; }
.faq-hero .btn-quote { background: #ffca7b; color: #1d2530; }
.faq-hero .btn-quote:hover { background: #ffd9a0; }
.faq-hero .jump-links { margin-top: 28px; gap: 10px; }
.faq-hero .jump-links a { font-size: .84rem; padding: 10px 16px; background: #1c232d99; border: 1px solid #c6b3a666; color: #f7f1ec; }
.faq-hero .jump-links a:hover { color: #1b222c; background: #efcebd; border-color: #efcebd; }
.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 #e7e0d9; padding-top: 36px; }
.page-faq .faq-list { gap: 12px; }
.page-faq .faq-item { border-color: #e5ded7; border-radius: 14px; overflow: hidden; box-shadow: 0 3px 12px #1f273204; }
.page-faq .faq-item summary { padding: 22px; }
.page-faq .faq-item summary:hover { background: #f6f1ed; }
.page-faq .faq-q { font-size: 1rem; line-height: 1.5; }
.page-faq .faq-item[open] { background: #f4eee9; border-color: #e6b197; }
.page-faq .faq-item[open] summary { border-color: #f1d4c5; }
.page-faq .faq-a { padding: 18px 22px 8px; color: #6b5d54; font-size: .96rem; line-height: 1.8; }
.page-faq .aside-card { background: #1f2732; color: #f8f3ef; border: 1px solid #5b2c15; border-radius: 22px; padding: 22px; gap: 14px; box-shadow: 0 18px 38px #1f273218; }
.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: #e8b59c; font-weight: 600; margin: 0; }
.page-faq .aside-title { font-family: var(--body); font-size: 1.65rem; letter-spacing: -.035em; color: #f8f3ef; margin: 0; }
.page-faq .aside-card > p { color: #d0c6bf; 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: rgba(255,255,255,.35); }
.page-faq .aside-card .btn-call:hover { background: rgba(255,255,255,.1); }
.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: #b8511e; color: #ffddaa; border-color: #645145; }
.page-faq .aside-card .btn-quote:hover { background: #c35620; }
@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; } }