/* «Частые вопросы» (FAQ) — карточка (вкладка «Вопросы о товаре») и разделы каталога. 17.10.2026.
   Цвета и размеры — как у соседних блоков: вкладка вопросов (g4questions.css) и SEO-текст раздела. */
.g4faq { color: #1a1a1e; }
.g4faq.is-wait { display: none; }
.g4faq .g4faq__t { margin: 0 0 10px; padding: 0; font-size: 18px; line-height: 1.3; font-weight: 700; color: #1a1a1e; text-transform: none; letter-spacing: 0; }
.g4faq__list { border-top: 1px solid #ececf0; }
.g4faq__i { border-bottom: 1px solid #ececf0; margin: 0; }
.g4faq .g4faq__q { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 14px 0; margin: 0;
	list-style: none; cursor: pointer; font-size: 15px; line-height: 1.45; font-weight: 600; color: #1a1a1e;
	-webkit-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; }
.g4faq__q::-webkit-details-marker { display: none; }
.g4faq__q::marker { content: ''; }
.g4faq__q:focus { outline: none; }
.g4faq__q:focus-visible { outline: 2px solid rgba(255,102,0,.45); outline-offset: 2px; border-radius: 6px; }
.g4faq__ic { flex: 0 0 20px; display: block; color: #8a8a90; transition: transform .2s ease, color .2s ease; }
.g4faq__i[open] > .g4faq__q .g4faq__ic { transform: rotate(180deg); color: #FF6600; }
.g4faq__a { padding: 0 36px 16px 0; font-size: 15px; line-height: 1.6; color: #333; }
.g4faq__a a { color: #FF6600; text-decoration: none; }
.g4faq__a a:hover { text-decoration: underline; }
@media (hover: hover) {
	.g4faq__q:hover .g4faq__qt { color: #FF6600; }
	.g4faq__q:hover .g4faq__ic { color: #FF6600; }
}

/* карточка: в начале вкладки «Вопросы о товаре», над формой вопроса */
.g4faq--card { max-width: 760px; margin: 0 0 26px; }

/* раздел каталога: под товарами, перед SEO-текстом (заголовок — как у SEO-текста раздела) */
.g4faq--section { max-width: 860px; margin: 40px 0 10px; }
.g4faq--section .g4faq__t { font-size: 22px; color: #383838; margin-bottom: 16px; }

@media (max-width: 767px) {
	.g4faq .g4faq__t { font-size: 17px; }
	.g4faq--section { margin: 28px 0 6px; }
	.g4faq--section .g4faq__t { font-size: 20px; margin-bottom: 12px; }
	.g4faq .g4faq__q { padding: 13px 0; font-size: 15px; gap: 12px; }
	.g4faq__a { padding-right: 0; font-size: 14.5px; line-height: 1.55; }
	.g4faq--card { margin-bottom: 20px; }
}