.select {
	position: relative;
}
.select__item {
	position: relative;
}
.select__title {
	color: #000;
	border: 1px solid #d9d9d9;
	background-color: #fff;
	cursor: pointer;
	border-radius: 5px;
}
.select__value {
	display: flex;
	font-size: 16px;
	height: 50px;
	padding: 0px 20px;
	align-items: center;
	justify-content: space-between;
	flex-direction: row-reverse;
}
.select__value span {
	height: 1.5em;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.select__value::before {
	content: "";
	display: inline-block;
	transition: all 0.3s ease 0s;
	width: 11px;
	height: 7px;
	/*background: url("../img/select.svg") center / 100% no-repeat;*/
}
.select__options {
	color: #000;
	display: none;
	position: absolute;
	top: 49px;
	border-radius: 0 0 4px 4px;
	min-width: 100%;
	left: 0;
	background-color: #fff;
	border-top: 0;
	border: 1px solid #d9d9d9;
	border-top: 0;
	font-size: 16px;
	padding: 0px 0px 5px 0px;
}
.select__option {
	cursor: pointer;
	padding: 10px 20px;
	margin: 0px 0px 0px 0px;
}
.select._active {
	z-index: 5;
}
.select._active .select__value::before {
	transform: rotate(-180deg);
}
.select._active.select__options {
	display: block;
}

/* === Стеклянный стиль для кастомного select === */

.select__title {
  border: 1px solid rgba(255,255,255,0.25);
  background: rgba(255,255,255,0.12);
  color: #fff;
  border-radius: 10px;
  cursor: pointer;
  backdrop-filter: blur(8px);
  transition: all 0.3s ease;
}

.select__title:hover {
  background: rgba(255,255,255,0.18);
  border-color: #00b7ff;
  box-shadow: 0 0 10px rgba(0,183,255,0.4);
}

/* Значение внутри */
.select__value {
  display: flex;
  font-size: 16px;
  height: 50px;
  padding: 0 20px;
  align-items: center;
  justify-content: space-between;
  flex-direction: row-reverse;
  color: #fff;
}

/*.select__value::before {
  content: "";
  width: 11px;
  height: 7px;
  background: url("data:image/svg+xml,%3Csvg fill='%23ffffff' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E") center/100% no-repeat;
  transition: transform 0.3s ease;
}*/

.select._active .select__value::before {
  transform: rotate(-180deg);
}

/* Выпадающий список */
.select__options {
  display: none;
  position: absolute;
  top: 49px;
  left: 0;
  width: 100%;
  background: rgba(2,31,144,0.85);
  border: 1px solid rgba(255,255,255,0.25);
  border-top: none;
  border-radius: 0 0 10px 10px;
  color: #fff;
  font-size: 15px;
  padding: 5px 0;
  backdrop-filter: blur(8px);
  box-shadow: 0 5px 15px rgba(0,0,0,0.3);
  z-index: 5;
}

.select._active .select__options {
  display: block;
  animation: fadeIn 0.25s ease;
}

/* Опции */
.select__option {
  cursor: pointer;
  padding: 10px 20px;
  transition: background 0.3s ease;
}

.select__option:hover {
  background: rgba(0,183,255,0.3);
}

/* Анимация */
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(-5px); }
  to { opacity: 1; transform: translateY(0); }
}
/* === Tescom Glass Select (адаптация под select.js) === */

.select {
  position: relative;
  width: 100%;
  font-family: 'Montserrat', sans-serif;
  color: #fff;
}

/* Контейнер заголовка */
.select__title {
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 10px;
  cursor: pointer;
  backdrop-filter: blur(8px);
  transition: all 0.3s ease;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.select__title:hover {
  background: rgba(255, 255, 255, 0.18);
  border-color: #00b7ff;
  box-shadow: 0 0 10px rgba(0,183,255,0.4);
}

/* Текст и стрелка */
.select__value {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 18px;
  font-size: 1rem;
  position: relative;
}

.select__value::after {
  content: "";
  width: 10px;
  height: 10px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(-45deg);
  transition: transform 0.3s ease, border-color 0.3s ease;
}

.select._active .select__value::after {
  transform: rotate(135deg);
  border-color: #00b7ff;
}

/* Список опций */
.select__options {
  position: absolute;
  top: calc(100% + 2px);
  left: 0;
  right: 0;
  z-index: 10;
  background: rgba(2, 31, 144, 0.85);
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 0 0 10px 10px;
  backdrop-filter: blur(8px);
  overflow: hidden;
  transform-origin: top;
  animation: glowOpen 0.25s ease forwards;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.4);
}

/* Элементы внутри */
.select__option {
  padding: 12px 18px;
  font-size: 0.95rem;
  cursor: pointer;
  transition: background 0.3s ease;
}

.select__option:hover {
  background: rgba(0, 183, 255, 0.3);
}

/* Анимация появления */
@keyframes glowOpen {
  from {
    opacity: 0;
    transform: translateY(-8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}