<!-- ================================================================= -->
            <!-- 10. DIGITAL ENTRY PASS                                            -->
            <!-- ================================================================= -->
            <section class="py-16 md:py-20 lg:py-24 px-6 md:px-12 text-center bg-slate-50/60 space-y-6">
                <span class="inline-flex px-3 py-1 bg-amber-100 text-amber-800 text-[10px] font-bold uppercase tracking-wider rounded-full border border-amber-200/60">
                    Digital Check-In Pass
                </span>
                <h3 class="text-2xl font-serif-fancy font-bold <?= $style['textColor'] ?>">Your Invitation QR Code</h3>
                <p class="text-xs text-slate-400 leading-relaxed max-w-xs mx-auto">
                    Tap the pass card below to expand your full digital pass for reception entrance check-in.
                </p>

                <!-- Interactive Pass Trigger Card -->
                <div onclick="openPassModal()" class="max-w-sm mx-auto <?= $style['cardBg'] ?> p-5 rounded-3xl border border-amber-200/80 shadow-md flex flex-col items-center gap-3 cursor-pointer hover:border-amber-400 transition hover:shadow-lg">
                    <?php if ($live_preview || $qr_code === ''): ?>
                        <div class="bg-slate-100 border border-dashed border-slate-300 rounded-2xl p-4 flex flex-col items-center gap-2 w-36">
                            <span class="text-3xl opacity-40">📲</span>
                            <span class="text-[9px] font-bold text-slate-400 uppercase tracking-wider text-center leading-relaxed">QR Code<br>Generated per Guest</span>
                        </div>
                    <?php else: ?>
                        <div class="bg-white p-3 rounded-2xl border border-slate-100 shadow-2xs">
                            <img src="<?= $qr_code ?>" alt="Guest Pass QR" class="w-32 h-32 object-contain">
                        </div>
                    <?php endif; ?>

                    <div class="text-center space-y-0.5">
                        <span class="text-xs font-bold <?= $style['textColor'] ?> block"><?= escape_html($guestName) ?></span>
                        <span class="text-[11px] font-mono font-bold text-amber-700">
                            Code : <?= escape_html($guestToken ?: 'PREVIEW') ?>
                        </span>
                    </div>

                    <button type="button" class="w-full inline-flex justify-center items-center gap-1.5 px-4 py-2 border border-transparent text-xs font-bold rounded-xl <?= $style['primaryBtn'] ?> transition shadow-sm mt-1">
                        <span>🔍</span> Tap to Expand Entry Pass
                    </button>
                </div>
            </section>
