/* FAQ — Figma faq-section 811:23864 (navy) / 426:1280 (zlata #cc994a).
   Sdilena komponenta faq() (cs.css) se zde jen dolaďuje podle Figmy (bily text). */

.fq-sec .cs-faq { position: relative; color: #fff; padding: calc(120 * var(--u)) 0; box-shadow: 0 4px 4px rgba(0, 0, 0, .25); }
.fq-sec--summer .cs-faq { background: #cc994a; }
.fq-sec .cs-faq__wrap { padding-inline: calc(160 * var(--u)); max-width: calc(1600 * var(--u) + 320 * var(--u)); }
.fq-sec .cs-faq__h { color: #fff; font-weight: 900; font-size: max(32px, calc(48 * var(--u))); line-height: calc(55.2 / 48); text-transform: uppercase; }
.fq-sec .cs-faq__h em { margin-top: calc(8 * var(--u)); font-weight: 400; font-size: calc(36 / 48 * 1em); line-height: calc(43.9 / 36); }
.fq-sec .cs-faq__eyebrow { margin-top: calc(24 * var(--u)); font-weight: 800; font-size: max(10px, calc(12 * var(--u))); line-height: 1.22; letter-spacing: 0; color: #fff; }
.fq-sec .cs-faq__list { margin-top: calc(64 * var(--u)); max-width: none; }
.fq-sec .cs-faq__item { border-bottom: 1px solid rgba(255, 255, 255, .08); }
.fq-sec .cs-faq__item summary { padding: calc(24 * var(--u)) 0; color: #fff; font-size: max(17px, calc(26 * var(--u))); line-height: calc(32 / 26); }
.fq-sec .cs-faq__pm { width: max(26px, calc(32 * var(--u))); height: max(26px, calc(32 * var(--u))); }
.fq-sec .cs-faq__pm .cs-ico { width: 16px; height: 16px; }
.fq-sec .cs-faq__a { max-width: calc(804 * var(--u) + 40px); padding: calc(0 * var(--u)) 0 calc(24 * var(--u)); color: #f7f4ec; font-weight: 400; font-size: max(15px, calc(18 * var(--u))); line-height: calc(24 / 18); }
.fq-sec .cs-faq__a a { text-decoration: underline; text-underline-offset: 2px; }
.fq-sec .cs-faq__a a:hover { color: #fff; }
.fq-sec .cs-faq__q { margin-top: calc(64 * var(--u)); padding-top: calc(40 * var(--u)); border-top: 1px solid rgba(255, 255, 255, .08); color: #f7f4ec; font-weight: 500; font-size: max(14px, calc(16 * var(--u))); line-height: 1.22; }
.fq-sec .cs-faq__cta { margin: calc(24 * var(--u)) auto calc(40 * var(--u)); min-width: max(260px, calc(396 * var(--u))); min-height: max(56px, calc(76 * var(--u))); justify-content: center; border-radius: 7px; font-weight: 800; font-size: max(13px, calc(16 * var(--u))); letter-spacing: 0; }
.fq-sec--summer .cs-faq__a, .fq-sec--summer .cs-faq__q { color: #fff; }
.fq-sec--summer .cs-faq__cta { background: var(--c-navy); border-color: var(--c-navy); color: #fff; }
.fq-sec--summer .cs-faq__cta:hover { background: #fff; border-color: #fff; color: var(--c-navy); }

@media (max-width: 1023px) {
  .fq-sec .cs-faq { padding-block: 64px; }
  .fq-sec .cs-faq__wrap { padding-inline: var(--gut); }
}