/* Cyber City · shoppers' questions on a product page (C17, template-parts/product-qa.php). The answers wear the
   product's own questions' accordion (pages.css .ecc-acc--qa); the form wears the contact page's fields. Day and
   Night come from the tokens. */
.ecc-pqa { display: grid; gap: var(--ecc-s-3); margin-top: var(--ecc-s-5); }
.ecc-pqa__label { margin: 0; color: var(--ecc-ink-2); }
.ecc-pqa__meta { margin: var(--ecc-s-2) 0 0; color: var(--ecc-ink-2); font-size: var(--ecc-t-small); }
.ecc-pqa__ask { display: grid; gap: var(--ecc-s-3); margin-top: var(--ecc-s-5); padding-top: var(--ecc-s-4); border-top: 1px solid var(--ecc-line); }
.ecc-pqa__ask:first-child { margin-top: 0; padding-top: 0; border-top: 0; }
.ecc-pqa__box[hidden], .ecc-pqa__done[hidden], .ecc-pqa__ask [hidden] { display: none; }
.ecc-pqa__toggle { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--ecc-s-2) var(--ecc-s-4); min-height: var(--ecc-hit); cursor: pointer; list-style: none; }
.ecc-pqa__toggle::-webkit-details-marker { display: none; }
.ecc-pqa__toggle::marker { content: ""; }
.ecc-pqa__q { font-weight: var(--ecc-fw-strong); }
.ecc-pqa__box[open] .ecc-pqa__toggle .ecc-btn { display: none; }
.ecc-pqa__form { display: grid; gap: var(--ecc-s-4); max-width: 44rem; margin-top: var(--ecc-s-3); }
.ecc-pqa__pair { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--ecc-s-4); }
.ecc-pqa__send { display: grid; gap: var(--ecc-s-2); justify-items: start; }
.ecc-pqa__send .ecc-help { max-width: 52ch; margin: 0; }
.ecc-pqa__trap { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.ecc-pqa__done { display: grid; gap: var(--ecc-s-1); padding: var(--ecc-s-4); border: 1px solid var(--ecc-line); border-left: 2px solid var(--ecc-spark); border-radius: var(--ecc-r); background: var(--ecc-surface); outline: none; }
.ecc-pqa__done p { margin: 0; }
.ecc-pqa__thanks { font-weight: var(--ecc-fw-strong); font-size: var(--ecc-t-body-lg); }
.ecc-pqa__form .ecc-error[hidden] { display: none; }
@media (max-width: 640px) {
  .ecc-pqa__pair { grid-template-columns: minmax(0, 1fr); }
  .ecc-pqa__send .ecc-btn { width: 100%; }
}