@font-face {
	font-family: 'Magnolia';
	src: url(Magnolia.woff) format('woff');
  }
  
  .скрытый
	  {
		  display: none;
	  }
  
  body
	  {
		  background-color: #ffe5bd;
		  font-size: 15px;
	  }
  #контейнер
	  {
		  width: 100%;
		  max-width: 420px;
		  height: 100%;
	  }
  
  .страница
	  {
		  position: absolute;
		  top: 0px;
		  left: 0px;
		  display: none;
		  width: 100%;
		  height: 100%;
		  flex-direction:column;
		  align-items:center; 
		  background-color: #ffe5bd;
		  box-shadow: inset 1px 1px 6px #c2aa85;
		  overflow: auto;
		  padding: 10px;
		  padding-top: 5px;
  
	  }
  #главная_страница
	  {
		  display: flex;
		  padding: 0px;
		  overflow-y: auto; /* Добавить прокрутку */
		  box-sizing: border-box; /* Важно! */
	  }

	  /* Стиль для скрытых тарифов */
  .тариф_скрыт 
      {
		  display: none !important;
	  }

	/* Стиль для чекбоксов скрытия тарифов */
  .чекбокс_скрыть_тариф 
      {
		  margin-left: 10px;
	  }

	  

 
  
  #страница_вход_по_электропочте,
  #страница_ответа,
  #страница_вход_админа
	  {
		  justify-content:center;
	  }
  
  #страница_даты
	  {
		  justify-content:space-between;
		  
	  }
  
  .блок_кнопок
	  {
		  width: 100%;
		  flex-direction:column;
		  align-items:center;
	  }
  .кнопка, 
  .кнопка_нажатие
	  {
		  height: 40px;
		  padding-right: 20px;
		  padding-left: 20px;
		  border-radius: 20px;
		  box-shadow: 1px 1px 6px #c2aa85;
		  margin-bottom: 20px;
		  justify-content:center;
		  align-items:center; 
		  color: #349679;
		  background: white;
		  font-family: Magnolia;
		  font-size: 22px;
	  }
  .кнопка_нажатие
	  {
		  background: #ffe5bf;
	  }
	  
  .кнопка_м
	  {
		  height: 30px;
		  padding-right: 10px;
		  padding-left: 10px;
		  border-radius: 10px;
		  margin-bottom: 5px;
		  font-family: sans-serif;
		  font-size: 15px;
		  justify-content:center;
		  align-items:center; 
		  color: #349679;
		  background: white;
		   flex-shrink:0;
		   box-shadow: 1px 1px 6px #c2aa85;
	   }
  
  #логотип
	  {
		  width: 100%;
		  height: 250px;
		  background-size:cover;
		  background-position: center center; 
		  background-image: url(заставка-логотип.jpg);
		  box-shadow: inset 1px 1px 6px #c2aa85;
		  flex-shrink: 0;
	  }
  #название
	  {
		  height: 55px;
		  justify-content:center;
		  align-items:center; 
		  margin-bottom: 30px;
		  color: #e8726e;
		  font-size: 20px;
		  font-family: Magnolia;
	  }
  
  .заголовок_страницы,
  .заголовок_документа,
  .заголовок_документа_выделен
	  {
		  width: 100%;
		  color: #d9b995;
		  margin-bottom: 10px;
		  font-size: 30px;
		  font-family: Magnolia;
	  }
  .заголовок_документа,
  .заголовок_документа_выделен
	  {
		  color: #349679;
	  }
  
  
  #выделен
	  {
		  border: 2px solid white; 
	  }
  
  a
  {
	  padding: 0px;
	  text-decoration: underline;
  }
  .надпись,
  .надпись_выделен
	  {
		  width: 100%;
		  margin-bottom: 10px;
		  font-family: sans-serif;
		  user-select:text; -moz-user-select:text; -webkit-user-select:text;
		  justify-content:flex-start;
	  }
  .подпись,
  .подпись_выделен
	  {
		  width: 100%;
		  color: #b2987a;
		  margin-bottom: 10px;
		  font-family: sans-serif;
		  font-style: italic;
		  font-family: serif;
	  }
  
  
  .раздел_абзац,
  .раздел_заявки
	  {
		  width: 100%;
		  padding: 20px;
		  padding-top: 0px;
		  margin-bottom: 10px;
		  flex-direction:column;
		  align-items:flex-start;
		  font-family: sans-serif;
		  
  
	   }
  .кнопка_выбора_неакт,
  .кнопка_выбора_актив
	  {
		  min-height: 30px;
		  min-width: 40px;
		  padding: 10px;
		  border-radius: 10px;
		  box-shadow: 1px 1px 6px #c2aa85;
		  margin-right: 5px;
		  justify-content:center;
		  align-items:center; 
		  color: #349679;
		  background: #ffe5bd;
	  }
  .кнопка_выбора_гориз_неакт,
  .кнопка_выбора_гориз_актив
	  {
		  min-height: 45px;
		  width: 100%;
		  padding : 10px;
		  border-radius: 10px;
		  box-shadow: 1px 1px 6px #c2aa85;
		  margin-bottom: 5px;
		  justify-content:flex-start;
		  align-items:center; 
		  color: #349679;
		  background: #ffe5bd;
	  }
  .кнопка_выбора_гориз_актив,
  .кнопка_выбора_актив
	  {
		  background: white;
	  }
  
  .горизонтальный_блок
	  {
		  width: 100%;
		   align-items:center;
	  }
  #горизонтальный_блок_меню
	  {
		  justify-content:space-between; 
	  }
  .вертикальный_блок
	  {
		  width: 100%;
		   flex-direction:column;
		  align-items:flex-start;
	  }
  .ввод_текста
	  {
		  align-items:center;
		  box-shadow: inset 1px 1px 6px #c2aa85;
		  width: 100%;
		  min-height: 40px;
		  padding: 10px;
		  border-radius: 10px;
		  -webkit-user-select: text;
		  user-select: text;
		  margin-bottom: 5px;
	  flex-direction:column;
	  align-items:flex-start;
	   }
  
  .кнопка_input
	  {
		  opacity: 0;
		  position: absolute;
		  top: 0px;
		  left: 0px;
		  width: 100%;
		  height: 100%;
	   }
  #кнопка_отправить
	  {
		  margin-bottom: 100px;
		   flex-shrink:0;
	  }
  
  .фото_картинка,
  .фото_картинка_выделен
	  {
		  width: 100%;
		  flex-shrink:0;
		  box-shadow:   1px 1px 6px #c2aa85;
		  border-radius: 10px;
		  margin-top: 5px;
		  margin-bottom: 10px;
  
	  }
   
  #кнопка_войти,
  #кнопка_войти_админ
	  {
		  align-self: flex-end;
		  margin-top: 20px;
	  }
  
  #электропочта_участника
	  {
		  margin-top: 5px;
	  }
  
  
  #блок_тариф
	  {
		  box-shadow:   1px 1px 6px #c2aa85;
		  border-radius: 20px;
		  padding: 20px;
		  margin-bottom: 20px;
	  }
  #кнопка_тариф_1,
  #кнопка_тариф_2,
  #кнопка_тариф_3
	  {
		  flex-grow: 2;
		  flex-shrink: 0;
		  margin-bottom: 10px;
	  }
  
  #выберите_тариф
	  {
		  padding-bottom: 0px;
	  }
  
  #заголовок_тариф
	  {
		  font-family: Magnolia;
		  font-size: 22px;
	  }
  
  #блок_кнопок_страница_админ
	  {
		  margin-top: 155px;
	  }
  
  #вертикальный_блок_даты_прошлые,
  #вертикальный_блок_даты_будущие,
  #вертикальный_блок_заявки,
  #блок_заявки_админ,
  #блок_отказать_админ,
  #блок_одобрить_админ,
  #блок_одобрить_встреча_админ,
  #вертикальный_блок_ответ,
  #вертикальный_блок_оплата,
  #вертикальный_блок_даты_будущие_план,
  #вертикальный_блок_даты_будущие_оплата
	  {
		  flex-direction:column;
		   box-shadow: inset 1px 1px 6px #c2aa85;
		  width: 100%;
		  padding: 10px;
		  border-radius: 10px;
		  margin-bottom: 10px;
		  flex-grow:2;
		  overflow: auto;
	  }
  #вертикальный_блок_даты_будущие_оплата,
  #вертикальный_блок_даты_будущие_ответ
	  {
		  height: 45%;
		  overflow: auto;
	   }
  #вертикальный_блок_оплата,
  #вертикальный_блок_ответ
	  {
		  height: 45%;
		  overflow: auto;
	   }
  №
  
  
  #блок_заявки_админ,
  #блок_отказать_админ,
  #блок_одобрить_админ,
  #блок_одобрить_встреча_админ
	  {
		  padding: 0px;
		  padding-top: 20px;
	  }
  #блок_заявки_админ
	  {
		  margin-top: 50px;
	   }
  #блок_кнопок_страница_даты,
  #блок_кнопок_страница_заявки_админ
	  {
		  flex-direction: row;
		  justify-content:space-between;
		  overflow: auto;
		  margin-bottom: 10px;
		  padding: 10px;
		  flex-shrink:0;  
	  }
  
  .элемент_дата,
  .элемент_дата_выделен
	  {
		  width: 100%;
		  min-height: 40px;
		  border-radius: 10px;
		  box-shadow:  1px 1px 6px #c2aa85;
		  margin-bottom: 10px;
		  background-color: white;
		  font-family: sans-serif;
		  padding-left: 20px;
		  align-items:center;
		  flex-shrink:0;  
	  }
  .элемент_дата_выделен
	  {
		  border: 2px solid #349679;
	  }
  
  .элемент_заявка,
  .элемент_заявка_выделен
	  {
		  width: 100%;
		  height: 40px;
		  border-radius: 10px;
		  box-shadow:  1px 1px 6px #c2aa85;
		  margin-bottom: 10px;
		  background-color: white;
		  font-family: sans-serif;
		  padding-left: 20px;
		  align-items:center;
		  flex-shrink:0; 
	  }
  .элемент_заявка_выделен
	  {
		  border: 2px solid #349679;
	  }
  
  .статус_заявки
	  {
		  width: 20px;
		  flex-shrink: 0;
		  flex-grow: 0;
		  margin-right: 10px;
		  color:  #349679;
		  font-size: 22px;
	  }
  .фио_заявки
	  {
		  height: 40px;
		  padding-right: 10px;
		  padding-left: 10px;
		  padding-top: 5px;
		  flex-grow: 2;
		  align-items:flex-start;
		  overflow: hidden;
		  font-size: 12px;
	  }
  .фото_заявки
	  {
		  height: 100%;
	  }
  
  #текст_ответа,
  #дата_ярмарки_ответ
	  {
		  font-size: 18px;
		  flex-direction:column; 
		  align-items:flex-start;
	  }
  #дата_ярмарки_ответ
	  {
		  color: #349679;
	  }
  
  .кнопка_закрыть_страницу
	  {
		  position: absolute;
		  top: 10px;
		  right: 10px;
		  width: 40px;
		  height: 40px;
		  border-radius: 20px;
		  border: 1px solid #d8b995;
		  color: #d8b995;
		  justify-content:center;
		  align-items:center; 
		  background-color:  #ffe5bc;
   
		  z-index: 1;
	  }
  
  
  #список_документов
	  {
		  overflow: auto;
	  }
  
  #страница_ответа
	  {
		  padding-top: 50px;
	  }
  
  
  #кнопка_повторить_заявку
	  {
		  display: none;
		  margin-bottom: 30px;
	  }
  
  .контейнер_план,
  .картинка_план_ярмарки
	  {
		  width: 360px;
		   flex-shrink:0;
		   flex-direction:column; 
	  }
  
  
  
  #контейнер_план_2
	  {
		  display: none;
	  }
  /* Добавить стили для третьего дня */
  #контейнер_план_3
	  {
		  display: none;
	  }
  #кнопка_второй_день
	  {
		  margin: 30px;
	  }
  /* Добавить стили для кнопки третьего дня */
  #кнопка_третий_день
	  {
		  margin: 30px;
	  }
  
  #блок_дата_план
	  {
		  padding-bottom: 0px;
	  }
  
  
  
  .кнопки_редактора_плана
	  {
		  height: 700px;
		  width: 60px;
		  position: absolute;
		  top: 230px;
		  right: 0px;
		  flex-direction:column;
	  }
  .кнопки_столы
	  {
		  height: 740px;
		  width: 140px;
		  position: absolute;
		  top: 210px;
		  left: 110px;
	  }
  .кнопка_плана,
  .кнопка_пауза,
  .кнопка_запуск
	  {
		  width: 50px;
		  height: 50px;
		  border-radius: 25px;
		  background-color: white;
		  box-shadow: 1px 1px 6px #c2aa85;
		  margin: 5px;
		  background-position: center center; 
		  background-size:contain;
	  }
  .кнопка_пауза
	  {
		  margin-top: 80px;
		  background-image: url(пиктограммы/пауза.svg); 
	  }
  .кнопка_запуск
	  {
		  margin-top: 80px;
		  background-image: url(пиктограммы/запуск.svg); 
	  }
  
  
  #кнопка_елка
	  {
		  background-image: url(пиктограммы/елка.svg); 
	  }
  #кнопка_2стол
	  {
		  background-image: url(пиктограммы/стол2.svg); 
	  }
  #кнопка_22стол
	  {
		  background-image: url(пиктограммы/стол22.svg); 
	  }
  #кнопка_1стол
	  {
		  background-image: url(пиктограммы/стол1.svg); 
		  margin-bottom: 30px;
	  }
  #кнопка_добавить
	  {
		  background-image: url(пиктограммы/добавить.svg);
	  }
  #кнопка_удалить
	  {
		  background-image: url(пиктограммы/удалить.svg);
		  margin-bottom: 30px;
	  }
  #кнопка_влево
	  {
		  background-image: url(пиктограммы/налево.svg);
	  }
  #кнопка_вправо
	  {
		  background-image: url(пиктограммы/направо.svg);
	  }
  #кнопка_вверх
	  {
		  background-image: url(пиктограммы/вверх.svg);
	  }
  #кнопка_вниз
	  {
		  background-image: url(пиктограммы/вниз.svg);
	  }
  
  
  .элемент_плана,
  .элемент_плана_выделен
	  {
		  background-color: black;
		  position: absolute;
		   
	   }
  .элемент_плана_выделен
	  {
		  border: 2px solid white;
		  box-shadow: 1px 1px 6px white;
	  }
  #элемент_елка
	  {
		  height: 40px;
		  width: 40px;
		  border-radius: 20px;
		  background-image: url('пиктограммы/елка.svg'); 
		  background-position: center center; 
		   background-color: white;
		   border: 3px solid black;
	  }
  #элемент_стол1
	  {
		  height: 15px;
		  width: 15px;
	  }
  #элемент_стол2
	  {
		  height: 15px;
		  width: 30px;
	  }
  #элемент_стол22
	  {
		  height: 30px;
		  width: 15px;
	  }
  
  #электропочта_плана
	  {
		  position: absolute;
		  top: 180px;
		  left: 10px;
  
		  width: 340px;
		  height: 30px;
  
		  justify-content:center;
		  align-items:center;
  
	  }
  
  #сообщение_пользователю,
  #сообщение_данные_пользователя
	  {
		  z-index: 33;
		  position: absolute;
		  top: 0%;
		  right: 50%;
		  transform: translate(50%,0%);
		  width: 100%;
		  min-height: 100px;
		  background-color: white;
		   padding: 20px;
		  justify-content:center; 
		  align-items:center;
		  font-family: sans-serif;
		  font-size: 18px;
		  text-align:center; 
		  color:  #e4625e;
		  box-shadow: 0px 0px 10px white;
		  display: none;
	  }
  
  #фото_участника_сообщение
	  {
		  width: 100px;
		  margin-right: 10px;
	  }
  #фио_участника_сообщение
	  {
		  width: 100%;
		  color: black;
		  justify-content:flex-start; 
		  text-align: left;
		  font-size: 15px;
		  margin-bottom: 10px;
	  }
  .категория_участника_сообщение
	  {
		  width: 100%;
		  color: #d9b995;
		  justify-content:flex-start; 
		  text-align: left;
		  font-size: 15px;
		  margin-bottom: 10px;
	  }
  #блок_фото_фио_категории
	  {
		   align-items:flex-start;
	  }
  
  
  #блок_меню_страница_онас,
  #блок_меню_страница_правила
	  {
		  display: none;
		  flex-direction: row;
		  justify-content:space-between; 
	  }
  #содержимое_онас,
  #содержимое_правила
	  {
		  flex-grow: 2;
		  overflow: auto;
		  padding: 10px;
	  }
  
  #страница_онас,
  #страница_правила
	  { 
		  padding: 10px;
	  }
  
  #кнопка_вход
	  {
		  color: #e8726e;
	  }

  #кнопка_изменить_пароль
	  {
		  color: #e8726e;
	  }

  #кнопка_изменить_пароль_админ
	  {
		  color: #e8726e;
	  }

  #кнопка_выход_админ
	  {
		  color: #e8726e;
	  }
  
  #вертикальный_блок_даты_будущие_цены
	  {
		  margin-bottom: 60px;
	  }
   
  #дата_день_1,
  #дата_день_2,
  #дата_день_3
	  {
		  width: 100%;
		  height: 30px;
		  padding: 10px;
		  border-radius: 10px;
	  }
  
  #надпись_дата_ответа,
  #надпись_стоимость_участия
	  {
		  font-size: 25px;
	  }
  .fg
  {
	  border: 1px solid red;
	  border: 1px solid black;
  }
  html {
      overflow: hidden;  /* Запрещаем скролл на корневом элементе */
      height: 100%;      /* Уже есть, но подтверждаем */
      overscroll-behavior: none;  /* Запрещаем overscroll (работает в Chrome/Android и частично в Safari) */
	 }

  body {
      overflow: auto;    /* Разрешаем скролл только внутри body */
      height: 100%;      /* Уже есть */
      -webkit-overflow-scrolling: touch;  /* Улучшает скролл на iOS, но без rubber-banding */
      overscroll-behavior: none;  /* Дополнительно для body */
      position: relative; /* Или fixed, если нужно жёстко зафиксировать (см. ниже) */
    }

/* Для страниц с прокруткой (чтобы они не "отскакивали") */
 .страница {
      overscroll-behavior-y: none;  /* Запрещаем вертикальный overscroll внутри страниц */
      -webkit-overflow-scrolling: touch;  /* Плавный скролл на iOS */
	}

/* Если проблема persists на iOS, добавьте это для фиксации body */
body.fixed-scroll {
      position: fixed;   /* Фиксирует body, предотвращая глобальный overscroll */
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      overflow-y: scroll;  /* Разрешаем вертикальный скролл */
}

/* Стили для таблицы участников (сильно уменьшаем, чтобы влезла) */
#контейнер_таблицы {
    width: 100%;
    max-height: 70vh;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    background: transparent;
    margin-top: 15px;
}

#таблица_участников,
#таблица_участников thead,
#таблица_участников tbody,
#таблица_участников tr,
#таблица_участников th,
#таблица_участников td {
    display: block;
    width: 100%;
    box-sizing: border-box;
}

/* ЗАГОЛОВКИ ТАБЛИЦЫ - УБИРАЕМ */
#таблица_участников thead {
    display: none;
}

/* ЗАГОЛОВКИ ТАБЛИЦЫ - УБИРАЕМ */
#таблица_участников thead {
    display: none;
}

/* КАЖДАЯ СТРОКА - ЭТО КАРТОЧКА */
#таблица_участников tr {
    background: white;
    border-radius: 12px;
    box-shadow: 1px 1px 6px #c2aa85;
    margin-bottom: 15px;
    padding: 15px;
    border: none;
}

/* КАЖДАЯ ЯЧЕЙКА - ЭТО СТРОКА В КАРТОЧКЕ */
#таблица_участников td {
    display: flex;
    border: none;
    padding: 8px 5px;
    font-size: 14px;
    border-bottom: 1px solid #ffe5bd;
    white-space: normal;
    word-break: break-word;
    align-items: flex-start;
}

/* УБИРАЕМ ГРАНИЦУ У ПОСЛЕДНЕЙ ЯЧЕЙКИ */
#таблица_участников td:last-child {
    border-bottom: none;
}

/* ДОБАВЛЯЕМ ПОДПИСИ К ПОЛЯМ */
#таблица_участников td:before {
    content: attr(data-label);
    font-weight: bold;
    width: 110px;
    min-width: 110px;
    flex-shrink: 0;
    color: #349679;
    font-size: 13px;
}

/* СПЕЦИАЛЬНЫЕ СТИЛИ ДЛЯ РАЗНЫХ ТИПОВ ДАННЫХ */
#таблица_участников td[data-label="ФИО"]:before {
    content: "👤 ФИО:";
}

#таблица_участников td[data-label="№ тел."]:before,
#таблица_участников td[data-label="Телефон"]:before {
    content: "📞 Телефон:";
}

#таблица_участников td[data-label="Базовый"]:before {
    content: "💰 Базовый:";
}

#таблица_участников td[data-label="Выгодный"]:before {
    content: "💰 Выгодный:";
}

#таблица_участников td[data-label="Максимальный"]:before {
    content: "💰 Максимальный:";
}

#таблица_участников td[data-label="1 день"]:before {
    content: "📅 1 день:";
}

#таблица_участников td[data-label="2 день"]:before {
    content: "📅 2 день:";
}

#таблица_участников td[data-label="3 день"]:before {
    content: "📅 3 день:";
}

#таблица_участников td[data-label="Кол-во мест"]:before {
    content: "🪑 Мест:";
}

#таблица_участников td[data-label="ТОВАР"]:before,
#таблица_участников td[data-label="Описание товара"]:before {
    content: "📦 Товар:";
}

#таблица_участников td[data-label="Доп инфо"]:before {
    content: "📝 Доп.:";
}

#таблица_участников td[data-label="Стоимость"]:before {
    content: "💵 Стоимость:";
}

#таблица_участников td[data-label="Опл"]:before,
#таблица_участников td[data-label="Оплата"]:before {
    content: "✅ Оплата:";
}

#таблица_участников td[data-label="фото"]:before {
    content: "🖼️ Фото:";
}

#таблица_участников td[data-label="пост"]:before {
    content: "📄 Пост:";
}

#таблица_участников td[data-label="видео"]:before {
    content: "🎬 Видео:";
}

#таблица_участников td[data-label="Орг встреча"]:before {
    content: "🤝 Встреча:";
}

/* ВЫДЕЛЕННАЯ КАРТОЧКА */
.selected-row {
    border: 3px solid #349679 !important;
}

/* ЗАГОЛОВОК ТАБЛИЦЫ */
#заголовок_таблицы {
    font-size: 18px;
    margin-bottom: 5px;
}

/* КНОПКА ЭКСПОРТА */
#кнопка_экспорт_excel {
    background: #349679;
    color: white;
    padding: 8px 15px;
    border-radius: 20px;
    font-size: 14px;
    display: inline-block;
    margin-bottom: 10px;
}

/* СЧЕТЧИК УЧАСТНИКОВ */
#счетчик_участников {
    font-weight: bold;
    color: #349679;
    font-size: 16px;
}
/* Окно согласия в стиле сайта с вертикальной прокруткой */
.окно_согласия {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10000;
    backdrop-filter: blur(3px);
    padding: 20px;
    box-sizing: border-box;
}

.окно_согласия_контент {
    background: #ffe5bd;
    border-radius: 30px;
    max-width: 500px;
    width: 100%;
    height: auto;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
    border: 2px solid #d9b995;
}

.заголовок_окна_согласия {
    font-family: Magnolia;
    font-size: 24px;
    text-align: center;
    margin: 20px 20px 0 20px;
    padding: 15px;
    color: #e8726e;
    background: white;
    border-radius: 20px;
    box-shadow: 1px 1px 6px #c2aa85;
    flex-shrink: 0;
}

/* Контейнер для прокручиваемого содержимого - ВЕРТИКАЛЬНЫЙ */
.окно_согласия_скролл {
    flex: 1;
    overflow-y: auto;
    padding: 0 20px;
    margin: 15px 0;
    display: flex;
    flex-direction: column;
}

/* Стилизация скроллбара */
.окно_согласия_скролл::-webkit-scrollbar {
    width: 6px;
}

.окно_согласия_скролл::-webkit-scrollbar-track {
    background: #ffe5bd;
    border-radius: 10px;
}

.окно_согласия_скролл::-webkit-scrollbar-thumb {
    background: #d9b995;
    border-radius: 10px;
}

.окно_согласия_скролл::-webkit-scrollbar-thumb:hover {
    background: #e8726e;
}

/* Текст согласия */
.текст_согласия {
    font-family: sans-serif;
    font-size: 16px;
    line-height: 1.6;
    color: #5a4a2e;
    margin-bottom: 20px;
    background: white;
    padding: 20px;
    border-radius: 20px;
    box-shadow: inset 1px 1px 6px #c2aa85;
    text-align: left;
    display: block;
}

.текст_согласия p {
    margin-bottom: 15px;
}

.текст_согласия p:last-child {
    margin-bottom: 0;
}

/* Чекбоксы - ВЕРТИКАЛЬНЫЕ */
.чекбоксы_согласия {
    margin-bottom: 0;
    background: white;
    padding: 15px;
    border-radius: 20px;
    box-shadow: 1px 1px 6px #c2aa85;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.чекбокс_согласия {
    display: flex;
    align-items: flex-start;
    cursor: pointer;
    padding: 10px;
    border-radius: 15px;
    transition: background 0.2s;
    width: 100%;
}

.чекбокс_согласия:last-child {
    margin-bottom: 0;
}

.чекбокс_согласия:hover {
    background: #ffe5bd;
}

.чекбокс_согласия input {
    margin-right: 12px;
    width: 18px;
    height: 18px;
    cursor: pointer;
    accent-color: #e8726e;
    flex-shrink: 0;
    margin-top: 2px;
}

.чекбокс_согласия span {
    font-family: sans-serif;
    font-size: 16px;
    color: #349679;
    line-height: 1.4;
    flex: 1;
}

/* Кнопки */
.кнопки_согласия {
    display: flex;
    justify-content: center;
    padding: 20px;
    background: #ffe5bd;
    border-top: 1px solid #d9b995;
    flex-shrink: 0;
}

.кнопка_подтвердить {
    background: #349679;
    color: white;
    border: none;
    padding: 12px 35px;
    border-radius: 30px;
    font-family: Magnolia;
    font-size: 20px;
    cursor: pointer;
    transition: all 0.3s;
    box-shadow: 1px 1px 6px #c2aa85;
    min-width: 150px;
}

.кнопка_подтвердить:hover {
    background: #e8726e;
    transform: scale(1.02);
}

.кнопка_подтвердить:active {
    transform: scale(0.98);
}

/* Для мобильных устройств */
@media (max-width: 600px) {
    .окно_согласия {
        padding: 10px;
    }
    
    .окно_согласия_контент {
        max-height: 95vh;
    }
    
    .заголовок_окна_согласия {
        font-size: 20px;
        margin: 15px 15px 0 15px;
        padding: 12px;
    }
    
    .окно_согласия_скролл {
        padding: 0 15px;
        margin: 10px 0;
    }
    
    .текст_согласия {
        font-size: 16px;
        padding: 15px;
    }
    
    .чекбокс_согласия span {
        font-size: 16px;
    }
    
    .кнопка_подтвердить {
        font-size: 18px;
        padding: 10px 25px;
        min-width: 120px;
    }
}

/* Анимация появления */
@keyframes согласиеПоявление {
    from {
        opacity: 0;
        transform: scale(0.95);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

.окно_согласия_контент {
    animation: согласиеПоявление 0.3s ease-out;
}