/* Контейнер для селекта */
.t-product__option-variants.t-product__option-variants_regular {
  position: relative;
  display: inline-block;
}

/* Выпадающий список */
.t-product__option-variants.t-product__option-variants_regular select {
  background: linear-gradient(135deg, rgba(45, 10, 80, 0.95) 0%, rgba(15, 20, 70, 0.95) 100%);
  color: #ffffff;
  border: 1px solid rgba(219, 134, 230, 0.5);
  border-radius: 6px;
  padding: 8px 30px 8px 10px; /* место под стрелку справа */
  font-size: 15px;
  font-weight: 500;
  outline: none;
  transition: all 0.25s ease-in-out;
  box-shadow: 0 0 8px rgba(219, 134, 230, 0.2);
  appearance: none; /* оставляем для кастомного вида */
  position: relative;
  z-index: 1;
  cursor: pointer;
}

/* Псевдоэлемент для стрелки */
.t-product__option-variants.t-product__option-variants_regular::after {
  content: ''; /* стрелка */
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  pointer-events: none;
  color: #ffffff;
  font-size: 12px;
  z-index: 2;
}

/* Псевдоэлемент для перелива рамки */
.t-product__option-variants.t-product__option-variants_regular::before {
  content: '';
  position: absolute;
  top: -2px; bottom: -2px;
  left: -2px; right: -2px;
  border-radius: 8px;
  background: linear-gradient(90deg, #db86e6, #a050ff, #db86e6);
  z-index: 0;
  filter: blur(6px);
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  background-size: 200% 200%;
  animation: border-flow 2.5s linear infinite;
}

/* Анимация перелива */
@keyframes border-flow {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

/* При наведении и фокусе */
.t-product__option-variants.t-product__option-variants_regular select:hover,
.t-product__option-variants.t-product__option-variants_regular select:focus {
  background: linear-gradient(135deg, rgba(80, 30, 130, 1) 0%, rgba(35, 40, 100, 1) 100%);
  border-color: #e4a8ef;
  box-shadow: 0 0 20px rgba(228, 168, 239, 0.5);
}

/* Активируем перелив псевдоэлемента при hover/focus */
.t-product__option-variants.t-product__option-variants_regular:hover::before,
.t-product__option-variants.t-product__option-variants_regular:focus-within::before {
  opacity: 0.7;
}

/* Опции селекта */
.t-product__option-variants.t-product__option-variants_regular select option {
  background-color: #24124a;
  color: #ffffff;
}