/* Shop3 — секция «Вопросы и ответы» (faq; plan-0.3 §1 п. 14). Подключается, только если такая секция есть на странице (render.php, assets()).
   Только токены var(--s3-*) и логические свойства (canon §6.2, docs/dev/rtl.md); общая обёртка — base.css. Без JS: <details> раскрывает браузер. */

.s3-faq { max-width: var(--s3-layout-measure); border-top: var(--s3-border-width-thin) solid var(--s3-border); }
.s3-section__inner > .s3-section__heading + .s3-faq { margin-top: 0; }
.s3-faq__item { border-bottom: var(--s3-border-width-thin) solid var(--s3-border); }
.s3-faq__q { display: flex; align-items: center; justify-content: space-between; gap: var(--s3-space-4); padding: var(--s3-space-4) 0; cursor: pointer; list-style: none; font-weight: var(--s3-font-weight-medium); font-size: var(--s3-font-size-lg); color: var(--s3-text); }
.s3-faq__q::-webkit-details-marker { display: none; }
.s3-faq__q:hover .s3-faq__qtext { color: var(--s3-link); }
.s3-faq__q:focus-visible { outline: var(--s3-border-width-ring) solid var(--s3-focus); outline-offset: var(--s3-border-width-ring); }
.s3-faq__icon { flex: none; transition: transform var(--s3-duration-base); }
.s3-faq__item[open] > .s3-faq__q .s3-faq__icon { transform: rotate(180deg); }
.s3-faq__a { padding-bottom: var(--s3-space-4); color: var(--s3-text-muted); }
.s3-faq__a > p { margin: 0 0 var(--s3-space-3); }
.s3-faq__a > p:last-child { margin-bottom: 0; }

@media (prefers-reduced-motion: reduce) {
  .s3-faq__icon { transition: none; }
}
@media (max-width: 600.98px) {
  .s3-faq__q { font-size: var(--s3-font-size-md); }
}