/* Двенадцатый экран: вопросы с независимыми раскрывающимися ответами. */
.club-faq { padding: 65px 32px 68px; border-bottom: 1px solid #eae4d9; background: #fff; color: #29261f; scroll-margin-top: 20px; }
.club-faq .faq-inner { width: 100%; max-width: 940px; margin: 0 auto; }
.club-faq .faq-title { margin: 0; font-family: 'Bebas Neue', Arial, sans-serif; font-size: clamp(36px, 4.35vw, 52px); font-weight: 700; line-height: 1.17; letter-spacing: .8px; text-align: center; text-wrap: balance; }
.club-faq .faq-title::before { content: ''; display: block; width: 44px; height: 2px; margin: 0 auto 23px; background: #b5955a; }
.club-faq .faq-list { display: grid; gap: 12px; margin-top: 37px; }
.club-faq .faq-item { min-width: 0; border: 1px solid #e3dccf; border-radius: 8px; background: #fff; transition: border-color .2s, background-color .2s; }
.club-faq .faq-item[open] { border-color: #c6af7f; background: #fcfaf5; }
.club-faq .faq-item summary { display: flex; align-items: center; justify-content: space-between; gap: 27px; min-height: 81px; padding: 23px 26px; border-radius: 7px; color: #3b3224; font-family: 'Brutal Type', Arial, sans-serif; font-size: 18px; line-height: 1.6; cursor: pointer; list-style: none; }
.club-faq .faq-item summary::-webkit-details-marker { display: none; }
.club-faq .faq-item summary::marker { content: ''; }
.club-faq .faq-item summary:hover { color: #806333; }
.club-faq .faq-item:has(summary:hover) { border-color: #c6af7f; }
.club-faq .faq-item summary:focus-visible { outline: 2px solid #b5955a; outline-offset: 4px; }
.club-faq .faq-question { min-width: 0; text-wrap: pretty; }
.club-faq .faq-toggle { display: grid; place-items: center; flex: 0 0 29px; width: 29px; height: 29px; border: 1px solid #d9c8a6; border-radius: 50%; background: #faf7f0; color: #9b7d44; }
.club-faq .faq-toggle svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 1.5; transition: transform .2s; }
.club-faq .faq-item[open] .faq-toggle { border-color: #b5955a; background: #f2e9d7; }
.club-faq .faq-item[open] .faq-toggle svg { transform: rotate(45deg); }
.club-faq .faq-answer { margin: 0 26px; padding: 21px 0 25px; border-top: 1px solid #e7dcc7; }
.club-faq .faq-answer p { max-width: 800px; margin: 0; color: #655e53; font-size: 17px; line-height: 1.85; text-wrap: pretty; }
.club-faq .faq-answer p + p { margin-top: 16px; }
.club-faq .faq-contact { display: flex; align-items: flex-start; gap: 22px; margin-top: 29px; padding: 27px 28px; border: 1px solid #d9c8a6; border-radius: 8px; background: linear-gradient(115deg, #faf6ed, #fdfbf7); }
.club-faq .faq-contact-icon { display: grid; place-items: center; flex: 0 0 42px; width: 42px; height: 42px; border: 1px solid #d9c8a6; border-radius: 50%; background: #fffaf1; color: #a1844c; }
.club-faq .faq-contact-icon svg { width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-width: 1.4; }
.club-faq .faq-contact h3 { margin: 0 0 11px; color: #524125; font-family: 'Brutal Type', Arial, sans-serif; font-size: 24px; font-weight: 400; line-height: 1.4; }
.club-faq .faq-contact p { max-width: 720px; margin: 0; color: #6d614e; font-size: 17px; line-height: 1.8; text-wrap: pretty; }
.club-faq .faq-contact a { color: #7b5d26; text-decoration: underline; text-underline-offset: 4px; text-decoration-color: #b5955a99; }
.club-faq .faq-contact a:hover { color: #3d2c10; text-decoration-color: currentColor; }
.club-faq .faq-contact a:focus-visible { outline: 2px solid #b5955a; outline-offset: 4px; border-radius: 2px; }
@media (max-width: 980px) { .club-faq { padding: 56px 26px 58px; } }
@media (max-width: 767px) {
  .club-faq { padding: 48px 22px 50px; }
  .club-faq .faq-inner { max-width: 540px; }
  .club-faq .faq-title { font-size: 36px; letter-spacing: .4px; }
  .club-faq .faq-list { margin-top: 28px; gap: 11px; }
  .club-faq .faq-item summary { gap: 17px; min-height: 76px; padding: 20px; font-size: 17px; line-height: 1.65; }
  .club-faq .faq-toggle { flex-basis: 27px; width: 27px; height: 27px; }
  .club-faq .faq-answer { margin-inline: 20px; padding: 18px 0 22px; }
  .club-faq .faq-answer p { font-size: 16px; line-height: 1.85; }
  .club-faq .faq-contact { gap: 16px; margin-top: 25px; padding: 23px 21px; }
  .club-faq .faq-contact h3 { font-size: 23px; }
  .club-faq .faq-contact p { font-size: 16px; }
  .club-faq .faq-contact-icon { flex-basis: 34px; width: 34px; height: 34px; }
  .club-faq .faq-contact-icon svg { width: 18px; height: 18px; }
}
@media (max-width: 430px) { .club-faq .faq-contact { display: block; } .club-faq .faq-contact-icon { margin-bottom: 16px; } }
@media (max-width: 374px) {
  .club-faq { padding-inline: 18px; }
  .club-faq .faq-title { font-size: 32px; }
  .club-faq .faq-item summary { padding-inline: 17px; gap: 13px; font-size: 16px; }
  .club-faq .faq-answer { margin-inline: 17px; }
  .club-faq .faq-contact { padding-inline: 20px; }
}
@media (prefers-reduced-motion: reduce) { .club-faq .faq-item, .club-faq .faq-toggle svg { transition: none; } }