/* CSS Reset & Variable Design System (WCAG AAA Compliant) */
.jf-pdp-container{font-family:-apple-system,BlinkMacSystemFont,”Segoe UI”,Roboto,sans-serif;color:#0F172A;line-height:1.6;max-width:100%;margin:0 auto}
.jf-pdp-card{background:#FFFFFF;border:1px solid #E2E8F0;border-radius:16px;padding:1.5rem;box-shadow:0 4px 12px rgba(15,23,42,0.03);transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s cubic-bezier(.16,1,.3,1);margin-bottom:1.5rem}
.jf-pdp-card:hover{transform:translateY(-3px);box-shadow:0 12px 24px -4px rgba(15,23,42,0.08);border-color:#CBD5E1}
.jf-badge-pill{display:inline-flex;align-items:center;gap:6px;background:#047857;color:#FFFFFF;font-size:0.75rem;font-weight:700;padding:4px 12px;border-radius:50px;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:0.75rem}
.jf-pdp-title{font-size:1.35rem;font-weight:800;color:#0F172A;line-height:1.35;margin:0 0 1rem 0}
.jf-grid-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:0.75rem;list-style:none;padding:0;margin:1rem 0}
.jf-grid-list li{background:#F8FAFC;border:1px solid #F1F5F9;padding:0.75rem 1rem;border-radius:10px;font-size:0.875rem;font-weight:600;color:#334155;display:flex;align-items:center;gap:8px}
.jf-pdp-caption{text-align:center;margin:1.5rem 0}
.jf-pdp-caption img{border-radius:12px;max-width:100%;height:auto;box-shadow:0 6px 16px rgba(0,0,0,0.06)}
.jf-pdp-caption figcaption{font-size:0.85rem;color:#64748B;margin-top:0.5rem;font-weight:500}
.jf-cta-wrapper{background:linear-gradient(135deg,#0F172A 0%,#1E293B 100%);color:#FFFFFF;border-radius:16px;padding:1.5rem;text-align:center;position:relative;overflow:hidden;margin-bottom:1.5rem}
.jf-cta-title{color:#FFFFFF;font-size:1.25rem;font-weight:800;margin-bottom:0.5rem}
.jf-btn-wa-main{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#25D366;color:#0F172A!important;font-weight:800;font-size:0.95rem;padding:0.85rem 1.75rem;border-radius:50px;text-decoration:none!important;box-shadow:0 8px 20px rgba(37,211,102,0.25);transition:transform .2s ease,background-color .2s ease;margin-top:0.75rem}
.jf-btn-wa-main:hover{transform:scale(1.03);background-color:#20BD5A}
.jf-merchant-section{border-top:2px dashed #E2E8F0;padding-top:1.5rem;text-align:center}
.jf-merchant-label{display:block;font-size:0.8rem;font-weight:800;color:#475569;text-transform:uppercase;letter-spacing:1px;margin-bottom:1rem}
.jf-merchant-grid{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;padding:0;margin:0}
.jf-merchant-item{position:relative;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;background:#FFFFFF;border:1px solid #E2E8F0;box-shadow:0 2px 8px rgba(0,0,0,0.04);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;text-decoration:none!important}
.jf-merchant-item:hover{transform:translateY(-3px);border-color:#0F172A;box-shadow:0 6px 16px rgba(15,23,42,0.12)}
.jf-merchant-item img{width:26px!important;height:26px!important;object-fit:contain;border-radius:4px}
@media (max-width:640px){.jf-pdp-card{padding:1.25rem}.jf-pdp-title{font-size:1.15rem}.jf-merchant-item{width:42px;height:42px}.jf-merchant-item img{width:22px!important;height:22px!important}}