/* ============================================
   FAQ АККОРДЕОН (malanin-dent.ru)
   ============================================ */

.faq-accordion{max-width: 1220px;padding: clamp(14px, 1.4vw, 20px);border-radius: 16px;border: 1px solid #CEAF7D;margin: 0 auto;display: flex;flex-direction: column;gap: clamp(14px, 1.4vw, 20px)}
.faq-item{background: #312D28;border-radius: 8px;overflow: hidden;transition: background 0.15s linear, color 0.15s linear, border-radius 0.15s linear}
.faq-item:hover{background: #49433B}
/* --- Вопрос --- */
.faq-question{display: flex;justify-content: space-between;align-items: center;gap: clamp(12px, 1.4vw, 20px);padding: clamp(14px, 1.4vw, 20px);font: 400 clamp(16px, 0.4vw + 13px, 20px)/1.25 "Inter";cursor: pointer;user-select: none;transition: all 0.15s linear;position: relative}
.faq-question span{flex: 1}
/* --- Стрелка --- */
.faq-icon{transition: all 0.15s linear;width: clamp(16px, 1.6vw, 20px);height: clamp(16px, 1.6vw, 20px);position: relative;flex-shrink: 0}
.faq-icon span{width: 100%;height: 2px;background: #FFEDD1;border-radius: 10px;display: block;position: absolute}
.faq-icon span:nth-child(1){top: 50%;left: 50%;transform: translateX(-50%)}
.faq-icon span:nth-child(2){transform: rotate(90deg) translateX(50%)}
.faq-item.active .faq-icon{transform: rotate(45deg)}
/* --- Ответ --- */
.faq-answer{max-height: 0;overflow: hidden;transition: max-height 0.45s ease;padding: 0}
.faq-item.active .faq-answer{max-height: 3000px}
/* --- Внутренний блок --- */
.faq-answer-inner{padding: clamp(14px, 1.4vw, 20px);font: 400 clamp(14px, 0.3vw + 13px, 16px)/1.25 "Inter";color: #fff;display: flex;flex-direction: column;gap: clamp(14px, 1.4vw, 20px)}
.faq-answer-inner ul, .faq-answer-inner ol{padding-left: clamp(20px, 2vw, 30px);margin: 0; display:flex; flex-direction:column; gap:5px}
/* ============================================
   АДАПТИВ
   ============================================ */
@media(max-width: 1229px){
	.faq-accordion{max-width: 100%}
}
@media(max-width: 991px){
	.faq-accordion{padding: 14px;gap: 14px;border-radius: 14px}
}
@media(max-width: 767px){
	.faq-question{padding: 14px;font-size: 16px;gap: 12px;align-items: flex-start}
	.faq-answer-inner{padding: 0 14px 14px;font-size: 14px;gap: 12px}
}
@media(max-width: 575px){
	.faq-accordion{padding: 12px;gap: 12px;border-radius: 12px}
	.faq-item{border-radius: 6px}
	.faq-question{padding: 12px;font-size: 15px;gap: 10px}
	.faq-answer-inner{padding: 0 12px 12px;font-size: 14px;gap: 10px}
	.faq-answer-inner ul, .faq-answer-inner ol{padding-left: 20px}
}