

/* Start:/local/components/wayoff/static.page/templates/.default/style.css?17819945544575*/
/* Инфо-страницы (Доставка / Оплата / Возврат) — аккордеон в стиле FAQ,
   на токенах сайта, взаимодействия по Emil (transform/opacity + grid-rows, var(--ease)). */

.wf-info{ --info-col:800px; max-width:var(--info-col); margin:0 auto; padding:8px 0 24px;
	font-family:var(--font-ui); color:var(--c-ink); min-height:calc(100vh - 460px); }
.wf-info *{ box-sizing:border-box; }

/* ── Шапка ── */
.wf-info__head{ margin:0 0 var(--space-8); }
.wf-info__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-info__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-info__lead{ font-size:18px; line-height:1.55; color:var(--c-ink-2); margin:0; max-width:56ch; }

/* ── Аккордеон ── */
.wf-info__list{ margin:0; }
.wf-info__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-info__item.is-open{ border-color:var(--c-line-2); box-shadow:0 2px 14px rgba(0,0,0,.04); }
.wf-info__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-info__q-text{ flex:1 1 auto; }
@media(hover:hover){ .wf-info__q:hover{ background:#fafafa; } }
.wf-info__q:active{ transform:scale(.992); }
.wf-info__icon{ flex:none; width:20px; height:20px; color:var(--c-muted);
	transition:transform .24s var(--ease), color .16s var(--ease); }
.wf-info__item.is-open .wf-info__icon{ transform:rotate(180deg); color:var(--c-accent); }
.wf-info__a{ display:grid; grid-template-rows:0fr; transition:grid-template-rows .26s var(--ease); }
.wf-info__item.is-open .wf-info__a{ grid-template-rows:1fr; }
.wf-info__a-clip{ overflow:hidden; min-height:0; }
.wf-info__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-info__item.is-open .wf-info__a-in{ opacity:1; transform:none; transition-delay:.05s; }
.wf-info__a-in :first-child{ margin-top:0; } .wf-info__a-in :last-child{ margin-bottom:0; }
.wf-info__a-in p{ margin:0 0 12px; }
.wf-info__a-in ul, .wf-info__a-in ol{ margin:0 0 12px; padding-left:20px; }
.wf-info__a-in li{ margin:0 0 8px; }
.wf-info__a-in li::marker{ color:var(--c-muted); }
.wf-info__a-in strong, .wf-info__a-in b{ color:var(--c-ink); font-weight:600; }
.wf-info__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-info__a-in a:hover{ border-color:var(--c-accent); } }

/* ── CTA ── */
.wf-info__cta{ margin:var(--space-12) 0 0; background:var(--c-surface); border:1px solid var(--c-line);
	border-radius:var(--r-lg); padding:32px 28px; text-align:center; }
.wf-info__cta-title{ font-family:var(--font-display); font-weight:400; font-size:26px; margin:0 0 10px; }
.wf-info__cta-text{ color:var(--c-ink-2); font-size:15.5px; margin:0 0 22px; }
.wf-info__cta-row{ display:flex; flex-wrap:wrap; gap:12px; justify-content:center; }
.wf-info__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-info__btn--primary{ background:var(--c-accent); color:#fff; }
.wf-info__btn--ghost{ background:none; color:var(--c-ink); border:1px solid var(--c-line-2); }
@media(hover:hover){ .wf-info__btn--primary:hover{ background:var(--c-accent-dark); }
	.wf-info__btn--ghost:hover{ background:var(--c-warm); } }
.wf-info__btn:active{ transform:scale(.97); }

@media(prefers-reduced-motion:reduce){ .wf-info *{ transition:none !important; } }
@media(max-width:560px){
	.wf-info__title{ font-size:30px; }
	.wf-info__q{ font-size:15.5px; padding:16px; }
	.wf-info__a-in{ padding:0 16px 16px; }
	.wf-info__cta{ padding:26px 20px; }
}

/* End */
/* /local/components/wayoff/static.page/templates/.default/style.css?17819945544575 */
