/* ========================================
   FAQ ACCORDION STYLES
   ======================================== */
/* 
   Використовується тільки на:
   - showreels.html
   
   Стилі для FAQ секції з акордеоном питань та відповідей
*/

/* Ефект при наведенні на питання FAQ */
.faq-question:hover {
  background-color: #f8f9fa !important;
}

/* Іконка плюс/мінус в FAQ */
.faq-icon {
  font-weight: bold;
  user-select: none;
}

/* Контейнер для відповідей FAQ */
.faq-answer > div {
  min-height: 80px;
  display: flex;
  align-items: center;
  padding: 20px !important;
}

/* Текст відповідей FAQ */
.faq-answer p {
  margin: 0;
  color: #666;
  line-height: 1.6;
}

/* ========================================
   RESPONSIVE STYLES
   ======================================== */

/* Мобільні пристрої */
@media (max-width: 767px) {
  .faq-question h3 {
    font-size: 16px !important;
  }
  
  .faq-question {
    padding: 15px !important;
  }
}