{{-- FAQ accordion. Content is the single source of truth — the panel-scoped Faq
     model (Admin → FAQs / the reseller console), NOT the landing JSON — so what
     the owner publishes there is exactly what a visitor reads here. Only the
     section heading (eyebrow/title) stays landing-editable; the questions moved,
     so they carry no data-lp markers (the Studio no longer patches them). --}}
@php
    // Panel-scoped by the PanelScope global scope: the owner storefront shows the
    // owner's questions, a reseller storefront shows that reseller's — never mixed.
    $faqItems = \App\Models\Faq::query()->where('status', true)->orderBy('sort')->get();
@endphp
<section id="faq" class="lp-section">
    <div class="lp-wrap lp-narrow">
        <div class="lp-head" data-reveal style="margin-bottom:36px;">
            <div class="lp-eyebrow" data-lp="faq_heading.eyebrow">{{ data_get($c, 'faq_heading.eyebrow') }}</div>
            <h2 class="lp-h2" data-lp="faq_heading.title">{{ data_get($c, 'faq_heading.title') }}</h2>
        </div>
        <div class="lp-faq" data-reveal>
            @foreach ($faqItems as $qa)
                <details>
                    <summary><span>{{ $qa->question }}</span><span>+</span></summary>
                    <x-rich-html :content="$qa->answer" />
                </details>
            @endforeach
        </div>
    </div>
</section>