/** Shopify CDN: Minification failed

Line 32:9 Unexpected "{"
Line 32:18 Expected ":"
Line 39:9 Unexpected "{"
Line 39:18 Expected ":"
Line 44:9 Unexpected "{"
Line 44:18 Expected ":"
Line 65:9 Unexpected "{"
Line 65:18 Expected ":"
Line 75:9 Unexpected "{"
Line 75:18 Expected ":"
... and 14 more hidden warnings

**/
/* --- FAQ Kalles - Custom Styles (Updated) --- */

/*
  ИНСТРУКЦИИ ПО ШИРИНЕ СЕКЦИИ (1420px на десктопе):
  1. Убедитесь, что в файле sections/faq-kalles.liquid для настройки "custom_width":
     - "default" установлено на 1420,
     - "max" установлено на 2500 (или другое значение >= 1420),
     - "step" установлено на 20.
  2. В редакторе темы Shopify для этой FAQ секции:
     - В настройках секции выберите "Layout: Custom width".
     - Установите значение "Custom width for content" на 1420px.
  Тема Kalles использует класс .t4s-container и CSS переменную --width для управления шириной,
  которая берется из настройки custom_width. Этот CSS ниже стилизует внутренние элементы.
*/

/* Стили для обертки каждого элемента "вопрос-ответ" */
.t4s_se_{{ section.id }} .t4s-tab-wrapper {
  border-top: 1px solid #000000; /* Бордер (линия) сверху для каждого вопроса */
  margin-bottom: 0; /* Убираем стандартные отступы Kalles, если они есть */
  border-bottom: none; /* Убираем стандартный нижний бордер Kalles для каждого элемента */
}

/* Добавляем нижний бордер для самого последнего элемента "вопрос-ответ" в списке */
.t4s_se_{{ section.id }} .t4s-tabs > .t4s-tab-wrapper:last-child {
  border-bottom: 1px solid #000000;
}

/* Стили для кликабельного заголовка вопроса */
.t4s_se_{{ section.id }} .faq-item-title {
  display: flex; /* Для выравнивания текста вопроса и шеврона по горизонтали */
  justify-content: space-between; /* Текст слева, шеврон справа */
  align-items: center; /* Вертикальное выравнивание по центру */
  padding: 18px 0; /* Вертикальные отступы для создания "высоты" строки вопроса */
  cursor: pointer;
  text-decoration: none; /* Убираем подчеркивание у ссылки */
  width: 100%;

  /* Стили текста вопроса - ДЕСКТОП */
  font-family: 'Titillium Web'; /* Шрифт Inter с запасным вариантом */
  font-size: 20px;
  font-weight: 400;
  line-height: 20px; /* Соответствует font-size для аккуратности */
  color: #2F2F2F;
  text-transform: uppercase; /* Текст вопроса ЗАГЛАВНЫМИ буквами */

  background-color: transparent !important; /* Убираем возможный фон от темы Kalles */
}

/* Контейнер для PNG шеврона */
.t4s_se_{{ section.id }} .faq-chevron-icon {
  width: 15px;   /* ИЗМЕНЕНО: Ширина контейнера шеврона */
  height: 15px;  /* ИЗМЕНЕНО: Высота контейнера шеврона */
  display: inline-flex; /* Для корректного отображения и выравнивания */
  align-items: center;
  justify-content: center;
  transition: transform 0.25s ease-in-out; /* Плавная анимация поворота */
}

/* Само PNG изображение шеврона */
.t4s_se_{{ section.id }} .faq-chevron-icon .faq-chevron-img {
  width: 15px;   /* ИЗМЕНЕНО: Ширина PNG */
  height: 15px;  /* ИЗМЕНЕНО: Высота PNG */
  display: block; /* Убирает возможное лишнее пространство под изображением */
  object-fit: contain; /* Сохраняет пропорции изображения */
}

/* Поворот контейнера шеврона при активном (открытом) состоянии вопроса */
.t4s_se_{{ section.id }} .t4s-tab-wrapper.t4s-active .faq-chevron-icon {
  transform: rotate(180deg);
}

/* Стили для блока с текстом ответа */
.t4s_se_{{ section.id }} .t4s-tab-content {
  padding: 20px 0; /* Вертикальные отступы для текста ответа */
  
  /* Стили текста ответа - ДЕСКТОП */
  font-family: 'Inter'; /* Шрифт Inter и для ответов, если нужно */
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5; /* Множитель для лучшей читаемости (1.5 * 20px = 30px) */
  color: #727272;

  border: none !important; /* Убираем возможные стандартные рамки Kalles для контента аккордеона */
  background-color: transparent !important; /* Убираем возможный фон от Kalles */
}

/* ----------------------------------- */
/* --- Стили для МОБИЛЬНОЙ версии --- */
/* ----------------------------------- */
@media (max-width: 767px) {
  .t4s_se_{{ section.id }} .t4s-container { 
    max-width: 90% !important;    /* Максимальная ширина контентной части */
    width: 100% !important;        /* Занимает доступную ширину до max-width */
    padding-left: 10px !important;  /* Внутренний отступ слева */
    padding-right: 10px !important; /* Внутренний отступ справа */
    margin-left: auto !important;   /* Центрирование */
    margin-right: auto !important;  /* Центрирование */
    box-sizing: border-box !important; /* Паддинг не увеличивает общую ширину */
  }

  /* Мобильные стили для заголовка вопроса */
  .t4s_se_{{ section.id }} .faq-item-title {
    padding: 15px 0; 
    font-size: 18px;
    font-weight: 500;
    line-height: 18px;
  }

  /* Размеры шеврона на мобильных также 15px */
  .t4s_se_{{ section.id }} .faq-chevron-icon,
  .t4s_se_{{ section.id }} .faq-chevron-icon .faq-chevron-img {
    width: 15px; /* ИЗМЕНЕНО */
    height: 15px; /* ИЗМЕНЕНО */
  }

  /* Мобильные стили для блока с ответом */
  .t4s_se_{{ section.id }} .t4s-tab-content {
    padding: 15px 0; 
    font-size: 16px; 
    font-weight: 500;
    line-height: 1.6; 
    color: #342D29;
  }
}