.faq-page{display:block;background:var(--c-bg);color:var(--c-text)}.faq-page__intro{display:flex;flex-direction:column;align-items:center;gap:20px;margin-bottom:32px;text-align:center}.faq-page__search{position:relative;width:100%;max-width:560px}.faq-page__search-field{position:relative}.faq-page__search-icon{position:absolute;top:50%;left:14px;translate:0 -50%;color:var(--c-muted);pointer-events:none}.faq-page__search-input{padding-left:44px;background:var(--c-surface);border-color:transparent}.faq-page__search-input:focus{background:var(--c-bg)}.faq-page__search-input::-webkit-search-cancel-button{cursor:pointer}.faq-page__results{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:5;max-height:320px;overflow-y:auto;border:1px solid var(--c-line);border-radius:var(--radius);background:var(--c-bg);text-align:left;box-shadow:0 12px 30px #00000014}.faq-page__result{padding:12px 16px;font-size:.9375rem;line-height:1.35;cursor:pointer}.faq-page__result+.faq-page__result{border-top:1px solid var(--c-line)}.faq-page__result.is-active,.faq-page__result[role=option]:hover{background:var(--c-surface)}.faq-page__result--empty{color:var(--c-muted);cursor:default}.faq-page__layout{display:grid;grid-template-columns:minmax(0,1fr);gap:24px}.faq-page__nav{position:sticky;top:var(--header-h, 64px);z-index:2;margin-inline:calc(var(--gutter) * -1);padding:8px var(--gutter);background:var(--c-bg);border-bottom:1px solid var(--c-line)}.faq-page__nav-list{display:flex;gap:8px;overflow-x:auto}.faq-page__nav-link{display:inline-flex;align-items:center;min-height:40px;padding:8px 14px;border-radius:var(--radius);background:var(--c-surface);font-size:.8125rem;font-weight:var(--font-body-weight-bold);text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;transition:background-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}@media(hover:hover){.faq-page__nav-link:hover{background:var(--c-text);color:var(--c-bg)}}.faq-page__content{display:grid;gap:40px;min-width:0}.faq-page__category{scroll-margin-top:calc(var(--header-h, 64px) + 72px)}.faq-page__category-title{margin-bottom:12px}.faq-page__list{border-top:1px solid var(--c-line)}.faq-page__item{border-bottom:1px solid var(--c-line);scroll-margin-top:calc(var(--header-h, 64px) + 72px)}.faq-page__question{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px;padding:16px 0;list-style:none;cursor:pointer;font-size:.875rem;font-weight:var(--font-body-weight-bold);line-height:1.3;text-transform:uppercase;letter-spacing:.02em}.faq-page__question::-webkit-details-marker,.faq-page__question::marker{display:none;content:""}.faq-page__question-text{flex:1 1 auto;min-width:0}.faq-page__icon{transition:transform var(--dur-fast) var(--ease)}.faq-page__item[open] .faq-page__icon{transform:rotate(45deg)}@media(hover:hover){.faq-page__question:hover .faq-page__question-text{text-decoration:underline;text-underline-offset:3px}}.faq-page__answer{padding:0 32px 20px 0;color:var(--c-muted);font-size:.9375rem}.faq-page__item[open] .faq-page__answer{animation:faq-page-in var(--dur) var(--ease)}@keyframes faq-page-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@media(min-width:990px){.faq-page__intro{margin-bottom:56px}.faq-page__layout{grid-template-columns:minmax(200px,3fr) minmax(0,9fr);gap:clamp(40px,5vw,80px);align-items:start}.faq-page__nav{top:calc(var(--header-h, 64px) + 24px);margin:0;padding:0;border:0;background:none}.faq-page__nav-list{flex-direction:column;gap:4px;overflow:visible}.faq-page__nav-link{display:flex;width:100%;white-space:normal;background:none;padding:10px 12px;border-left:2px solid var(--c-line);border-radius:0}.faq-page__content{gap:56px}.faq-page__category{scroll-margin-top:calc(var(--header-h, 64px) + 24px)}}@media(min-width:990px)and (hover:hover){.faq-page__nav-link:hover{background:var(--c-surface);color:var(--c-text);border-left-color:var(--c-accent)}}
/*# sourceMappingURL=/cdn/shop/t/81/assets/section-faq-page.css.map */
