/**
 * Shared FAQ accordion — extracted from pdp-v2.css so the Home FAQ section reuses the
 * EXACT PDP accordion design (same markup: .faq > .faq-item > .faq-q + .faq-a). Scoped
 * to :is(.pdp-v2, .home-v2), mirroring reviews-marquee.css; loaded on both the single
 * product (PDP) and the front page. Same specificity as the old .pdp-v2 rules → PDP is
 * visually unchanged. Section chrome (title / padding) stays per-page (home-v2.css).
 */
:is(.pdp-v2, .home-v2) .faq { max-width: 860px; margin: 30px auto 0; display: flex; flex-direction: column; gap: 12px; }
:is(.pdp-v2, .home-v2) .faq-item { border: 1px solid var(--line); border-radius: 13px; background: var(--cream-soft); overflow: hidden; transition: border-color .2s, box-shadow .2s; }
:is(.pdp-v2, .home-v2) .faq-item.open { border-color: var(--pdp-accent-soft, rgba(184,146,62,.28)); box-shadow: var(--shadow-sm); }
:is(.pdp-v2, .home-v2) .faq-q { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 20px 24px; background: none; border: none; cursor: pointer; font-family: inherit; font-weight: 700; font-size: 16px; color: var(--dark); text-align: left; }
:is(.pdp-v2, .home-v2) .faq-q .chev { flex: 0 0 auto; color: var(--pdp-accent, #B8923E); transition: transform .25s; }
:is(.pdp-v2, .home-v2) .faq-item.open .chev { transform: rotate(180deg); }
:is(.pdp-v2, .home-v2) .faq-a { max-height: 0; overflow: hidden; transition: max-height .3s ease; }
:is(.pdp-v2, .home-v2) .faq-a .inner { padding: 0 24px 20px; font-size: 15px; line-height: 1.65; color: #4d4639; }