/* Start:/local/components/wayoff/faq.list/templates/.default/style.css?17817412666056*/
/* FAQ — аккордеон + поиск + якорная навигация (дизайн на токенах сайта, взаимодействия по Emil) */

.wf-faq{ --faq-col:800px; max-width:var(--faq-col); margin:0 auto; padding:8px 0 24px;
	font-family:var(--font-ui); color:var(--c-ink); }
.wf-faq *{ box-sizing:border-box; }

/* ── Шапка ── */
.wf-faq__head{ margin:0 0 var(--space-8); }
.wf-faq__eyebrow{ font-family:var(--font-display); text-transform:uppercase; letter-spacing:.04em;
	color:var(--c-accent); font-weight:400; font-size:14px; margin:0 0 12px; }
.wf-faq__title{ font-family:var(--font-display); font-weight:400; font-size:clamp(32px,4.4vw,52px);
	line-height:1.06; letter-spacing:-.01em; margin:0 0 16px; }
.wf-faq__lead{ font-size:18px; line-height:1.55; color:var(--c-ink-2); margin:0; max-width:52ch; }

/* ── Поиск ── */
.wf-faq__search{ position:relative; margin:0 0 var(--space-6); }
.wf-faq__search-input{ width:100%; font-family:var(--font-ui); font-size:16px; color:var(--c-ink);
	padding:15px 18px 15px 46px; border:1px solid var(--c-line); border-radius:var(--r-pill); background:var(--c-surface);
	outline:none; transition:border-color .18s var(--ease), box-shadow .18s var(--ease); }
.wf-faq__search-input:focus{ border-color:var(--c-accent); box-shadow:0 0 0 3px rgba(139,37,59,.10); }
.wf-faq__search-icon{ position:absolute; left:17px; top:50%; transform:translateY(-50%); color:var(--c-muted); pointer-events:none; }

/* ── Якорная навигация (sticky) ── */
.wf-faq__jump{ display:flex; flex-wrap:wrap; gap:8px; margin:0 0 var(--space-8);
	position:sticky; top:0; z-index:5; padding:12px 0;
	background:linear-gradient(var(--c-bg) 72%, transparent); }
.wf-faq__jump a{ font-size:13px; color:var(--c-ink-2); text-decoration:none; background:var(--c-warm);
	padding:8px 14px; border-radius:var(--r-pill); border:1px solid transparent;
	transition:background .16s var(--ease), color .16s var(--ease), transform .16s var(--ease); }
.wf-faq__jump a.is-active{ background:var(--c-accent); color:#fff; }
@media(hover:hover){ .wf-faq__jump a:hover{ background:var(--c-line); color:var(--c-ink); }
	.wf-faq__jump a.is-active:hover{ background:var(--c-accent-dark); color:#fff; } }
.wf-faq__jump a:active{ transform:scale(.97); }

/* ── Группа ── */
.wf-faq__group{ margin:0 0 var(--space-10); scroll-margin-top:72px; }
.wf-faq__group-label{ font-family:var(--font-ui); font-size:11px; font-weight:700; letter-spacing:.09em;
	text-transform:uppercase; color:var(--c-muted); margin:0 0 var(--space-4); }

/* ── Аккордеон (Emil: transform/opacity + grid-rows, var(--ease)) ── */
.wf-faq__item{ background:var(--c-surface); border:1px solid var(--c-line); border-radius:var(--r-md);
	margin-bottom:10px; overflow:hidden; transition:border-color .18s var(--ease), box-shadow .18s var(--ease); }
.wf-faq__item.is-open{ border-color:var(--c-line-2); box-shadow:0 2px 14px rgba(0,0,0,.04); }
.wf-faq__q{ width:100%; display:flex; align-items:center; justify-content:space-between; gap:16px;
	background:none; border:0; cursor:pointer; text-align:left; font-family:var(--font-ui);
	font-size:16.5px; font-weight:600; color:var(--c-ink); padding:18px 20px; line-height:1.4;
	transition:background .16s var(--ease), transform .12s var(--ease); }
.wf-faq__q-text{ flex:1 1 auto; }
@media(hover:hover){ .wf-faq__q:hover{ background:#fafafa; } }
.wf-faq__q:active{ transform:scale(.992); }
.wf-faq__icon{ flex:none; width:20px; height:20px; color:var(--c-muted);
	transition:transform .24s var(--ease), color .16s var(--ease); }
.wf-faq__item.is-open .wf-faq__icon{ transform:rotate(180deg); color:var(--c-accent); }
.wf-faq__a{ display:grid; grid-template-rows:0fr; transition:grid-template-rows .26s var(--ease); }
.wf-faq__item.is-open .wf-faq__a{ grid-template-rows:1fr; }
.wf-faq__a-clip{ overflow:hidden; min-height:0; }
.wf-faq__a-in{ padding:0 20px 20px; color:var(--c-ink-2); font-size:15.5px; line-height:1.65;
	opacity:0; transform:translateY(-4px); transition:opacity .2s var(--ease), transform .2s var(--ease); }
.wf-faq__item.is-open .wf-faq__a-in{ opacity:1; transform:none; transition-delay:.05s; }
.wf-faq__a-in :first-child{ margin-top:0; } .wf-faq__a-in :last-child{ margin-bottom:0; }
.wf-faq__a-in a{ color:var(--c-accent); text-decoration:none; border-bottom:1px solid rgba(139,37,59,.25);
	transition:border-color .16s var(--ease); }
@media(hover:hover){ .wf-faq__a-in a:hover{ border-color:var(--c-accent); } }

.wf-faq__empty{ color:var(--c-muted); font-size:15px; text-align:center; padding:36px 0; }
.wf-faq__empty a{ color:var(--c-accent); }
.wf-faq__error{ color:var(--c-accent); }

/* ── CTA ── */
.wf-faq__cta{ margin:var(--space-16) 0 0; background:var(--c-surface); border:1px solid var(--c-line);
	border-radius:var(--r-lg); padding:32px 28px; text-align:center; }
.wf-faq__cta-title{ font-family:var(--font-display); font-weight:400; font-size:26px; margin:0 0 10px; }
.wf-faq__cta-text{ color:var(--c-ink-2); font-size:15.5px; margin:0 0 22px; }
.wf-faq__cta-row{ display:flex; flex-wrap:wrap; gap:12px; justify-content:center; }
.wf-faq__btn{ display:inline-flex; align-items:center; gap:9px; font-family:var(--font-ui); font-size:15px;
	font-weight:600; text-decoration:none; padding:13px 24px; border-radius:var(--r-pill);
	transition:transform .14s var(--ease), background .16s var(--ease), border-color .16s var(--ease); }
.wf-faq__btn--primary{ background:var(--c-accent); color:#fff; }
.wf-faq__btn--ghost{ background:none; color:var(--c-ink); border:1px solid var(--c-line-2); }
@media(hover:hover){ .wf-faq__btn--primary:hover{ background:var(--c-accent-dark); }
	.wf-faq__btn--ghost:hover{ background:var(--c-warm); } }
.wf-faq__btn:active{ transform:scale(.97); }

@media(prefers-reduced-motion:reduce){ .wf-faq *{ transition:none !important; } }
@media(max-width:560px){
	.wf-faq__title{ font-size:30px; }
	.wf-faq__q{ font-size:15.5px; padding:16px; }
	.wf-faq__cta{ padding:26px 20px; }
}

/* End */
/* /local/components/wayoff/faq.list/templates/.default/style.css?17817412666056 */