/* PUVARLI FAQ 1.0 — colors come from CSS variables set by the plugin (same palette as order tracking). */
.pv-faq{background:var(--pv-bg,#fff);color:var(--pv-ink,#111);max-width:980px;margin:24px auto 80px;padding:clamp(22px,5vw,64px);font-family:Arial,Helvetica,sans-serif;line-height:1.55}
.pv-faq *{box-sizing:border-box}
.pv-faq :is(h1,h2,p,span,strong,small,li,label,em,div,summary){color:inherit}

/* Header */
.pv-faq-head{padding-bottom:30px;border-bottom:1px solid var(--pv-line)}
.pv-faq-overline{margin:0;font-size:11px;font-weight:700;letter-spacing:.25em;color:var(--pv-accent)!important}
.pv-faq h1{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-weight:400;font-size:clamp(50px,9vw,112px);line-height:.92;letter-spacing:-.02em;margin:26px 0 20px;color:var(--pv-ink)}
.pv-faq h1 em{font-style:normal;color:transparent!important;-webkit-text-stroke:2px var(--pv-ink)}
.pv-faq-sub{margin:0;max-width:560px;font-size:16px;color:var(--pv-muted)!important}

/* Search + filters */
.pv-faq-tools{padding:28px 0 8px}
.pv-faq-search label{display:block;margin-bottom:10px;font-size:11px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}
html body .pv-faq.pv-faq.pv-faq input#pv-faq-q{display:block;width:100%;height:56px;padding:0 16px;background:var(--pv-field)!important;border:1px solid var(--pv-fieldline)!important;border-radius:0!important;color:var(--pv-ink)!important;-webkit-text-fill-color:var(--pv-ink)!important;font-size:16px;box-shadow:none;-webkit-appearance:none;appearance:none}
html body .pv-faq.pv-faq.pv-faq input#pv-faq-q::placeholder{color:var(--pv-muted)!important;-webkit-text-fill-color:var(--pv-muted)!important;opacity:1}
html body .pv-faq.pv-faq.pv-faq input#pv-faq-q:focus{border-color:var(--pv-accent)!important;box-shadow:0 0 0 3px var(--pv-accent-soft)!important;outline:0}
.pv-faq :is(a,button,summary,input):focus-visible{outline:2px solid var(--pv-accent);outline-offset:3px}
.pv-faq-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
html body .pv-faq.pv-faq .pv-chip{height:38px;padding:0 16px;background:transparent!important;color:var(--pv-ink)!important;-webkit-text-fill-color:var(--pv-ink)!important;border:1px solid var(--pv-fieldline)!important;border-radius:999px;font:700 12px/1 Arial,sans-serif;letter-spacing:.06em;cursor:pointer;transition:background .15s,color .15s}
html body .pv-faq.pv-faq .pv-chip span{opacity:.75;margin-left:4px;font-weight:400}
html body .pv-faq.pv-faq .pv-chip:hover{border-color:var(--pv-accent)!important}
html body .pv-faq.pv-faq .pv-chip.is-on{background:var(--pv-ink)!important;color:var(--pv-bg)!important;-webkit-text-fill-color:var(--pv-bg)!important;border-color:var(--pv-ink)!important}
.pv-faq-meta{display:flex;justify-content:space-between;align-items:center;margin-top:16px;font-size:13px;color:var(--pv-muted)}
html body .pv-faq.pv-faq .pv-linkbtn{background:none!important;border:0!important;padding:4px 0;color:var(--pv-accent)!important;-webkit-text-fill-color:var(--pv-accent)!important;font:700 13px/1 Arial,sans-serif;text-decoration:underline;text-underline-offset:3px;cursor:pointer}

/* Groups + items */
.pv-faq-group{margin-top:34px}
.pv-faq-group h2{margin:0 0 6px;font-size:12px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--pv-muted)}
.pv-faq-item{border-bottom:1px solid var(--pv-line)}
.pv-faq-item summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:20px 2px;cursor:pointer;font-size:18px;font-weight:700;color:var(--pv-ink)}
.pv-faq-item summary::-webkit-details-marker{display:none}
.pv-faq-item summary:hover span{color:var(--pv-accent)}
.pv-faq-item summary i{flex:none;position:relative;width:28px;height:28px;border:1px solid var(--pv-fieldline);border-radius:50%;transition:transform .2s,background .2s,border-color .2s}
.pv-faq-item summary i::before,.pv-faq-item summary i::after{content:"";position:absolute;left:50%;top:50%;width:11px;height:2px;margin:-1px 0 0 -5.5px;background:var(--pv-ink);transition:transform .2s}
.pv-faq-item summary i::after{transform:rotate(90deg)}
.pv-faq-item[open] summary i{background:var(--pv-accent);border-color:var(--pv-accent)}
.pv-faq-item[open] summary i::before,.pv-faq-item[open] summary i::after{background:var(--pv-on-accent)}
.pv-faq-item[open] summary i::after{transform:rotate(0)}
.pv-faq-a{padding:0 48px 22px 2px;font-size:16px;color:var(--pv-ink);animation:pv-faq-in .25s ease both}
.pv-faq-a p{margin:0 0 12px;color:var(--pv-ink)}
.pv-faq-a p:last-child{margin-bottom:0}
.pv-faq a:not(.pv-fbtn){color:var(--pv-accent)!important;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.pv-faq-item:target{background:var(--pv-accent-soft)}
.pv-faq-empty{margin:34px 0;padding:18px;border:1px dashed var(--pv-fieldline);color:var(--pv-ink)}

/* Help CTA */
.pv-faq-cta{display:flex;justify-content:space-between;align-items:center;gap:22px;flex-wrap:wrap;margin-top:48px;padding:clamp(20px,3vw,32px);background:var(--pv-panel);border:1px solid var(--pv-line)}
.pv-faq-cta h2{margin:0 0 6px;font-size:22px;color:var(--pv-ink)}
.pv-faq-cta p{margin:0;color:var(--pv-muted)!important}
.pv-faq-cta-btns{display:flex;gap:10px;flex-wrap:wrap}
html body .pv-faq.pv-faq a.pv-fbtn{display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 24px;background:var(--pv-ink)!important;color:var(--pv-bg)!important;-webkit-text-fill-color:var(--pv-bg)!important;border:1px solid var(--pv-ink)!important;font:800 12px/1 Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;text-decoration:none}
html body .pv-faq.pv-faq a.pv-fbtn:hover{background:var(--pv-accent)!important;border-color:var(--pv-accent)!important;color:var(--pv-on-accent)!important;-webkit-text-fill-color:var(--pv-on-accent)!important}
html body .pv-faq.pv-faq a.pv-fbtn--ghost{background:transparent!important;color:var(--pv-ink)!important;-webkit-text-fill-color:var(--pv-ink)!important}

@keyframes pv-faq-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.pv-faq-a{animation:none}.pv-faq-item summary i,.pv-faq-item summary i::before,.pv-faq-item summary i::after{transition:none}}
@media(max-width:600px){.pv-faq-item summary{font-size:16px;padding:18px 0}.pv-faq-a{padding-right:0}.pv-faq-cta-btns,.pv-faq-cta-btns .pv-fbtn{width:100%}}