/* Start:/local/templates/main/components/bitrix/news.list/support_prices_grid/style.css?1775467974360*/
.prices-grid-variant {
  padding: 0 !important;
  margin: 0 !important;
}

.prices-grid-variant .pl {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 16px;
  padding: 0 !important;
}

.prices-grid-variant .pl-group {
  min-width: unset !important;
}

@media (max-width: 800px) {
  .prices-grid-variant .pl {
    grid-template-columns: 1fr;
  }
}

/* End */


/* Start:/local/components/artbyte/services.faq/templates/.default/style.css?17755449121911*/
/* Стили обертки каждого вопроса */
.faq-item {
  padding: 24px 0; /* Отступы сверху и снизу 24px */
  border-bottom: 1px solid #ebeef4; /* Нижний бордер из ТЗ */
}

/* Кнопка с вопросом */
.faq-question {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  background: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
  text-align: left;
  color: inherit;
  gap: 8px;
}

/* Иконка крестика/плюсика */
.faq-question svg {
  flex-shrink: 0;
  transition:
    transform 0.3s ease,
    color 0.2s ease;
  /* Чтобы иконка стояла ровно по центру строки текста: */
}

/* Ховер эффект для иконки (как на скрине с курсором) */
.faq-question:hover svg path {
  stroke: #f7683f; /* Оранжевый цвет при наведении */
}

/* Состояние "Открыто" - поворачиваем плюсик в крестик */
.faq-item.open svg {
  transform: rotate(45deg);
}

/* 
   Стили для описания (Анимация через Grid) 
   Это самый современный и плавный способ анимировать высоту
*/
.faq-answer {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.3s ease;
}

.faq-answer-inner {
  overflow: hidden;
  padding-top: 0;
  transition: padding-top 0.3s ease;
}

/* Когда элемент открыт: раскрываем grid и добавляем отступ 8px */
.faq-item.open .faq-answer {
  grid-template-rows: 1fr;
}

.faq-item.open .faq-answer-inner {
  padding-top: 8px; /* Расстояние между описанием и заголовком 8px */
}

@media (max-width: 768px) {
    .faq-question {
        align-items: flex-start;
    }
}
/* End */
/* /local/templates/main/components/bitrix/news.list/support_prices_grid/style.css?1775467974360 */
/* /local/components/artbyte/services.faq/templates/.default/style.css?17755449121911 */