/* ===== ГЛОБАЛ ===== */
:root{
  --shiz-main: #F53B6A;
  --shiz-dark: #0B0B0F;
  --shiz-card: #111117;
}

/* Общий фон темнее */
body{
  background: radial-gradient(circle at top, #15151d 0%, #0b0b0f 60%) !important;
}

/* ===== КАРТОЧКИ ===== */
.card.bg-dark,
.bg-dark-light{
  background: var(--shiz-card) !important;
  border-radius: 20px !important;
  border: 1px solid rgba(245,59,106,0.15) !important;
  box-shadow: 0 0 0 1px rgba(245,59,106,0.05),
              0 20px 60px rgba(0,0,0,0.6) !important;
}

/* ===== ПОЛЯ ВВОДА ===== */
input.form-control{
  background: #0f0f14 !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: 14px !important;
  height: 52px !important;
  transition: all .2s ease;
}

input.form-control:focus{
  border: 1px solid var(--shiz-main) !important;
  box-shadow: 0 0 0 3px rgba(245,59,106,0.25) !important;
}

/* ===== ВЫПАДАЮЩИЕ КНОПКИ ===== */
.button-username{
  border-radius: 16px !important;
  background: linear-gradient(145deg, #1a1a22, #111118) !important;
  border: 1px solid rgba(245,59,106,0.15) !important;
  height: 60px !important;
}

/* ===== ГЛАВНАЯ КНОПКА ПОКУПКИ ===== */
.btn-pink{
  background: linear-gradient(135deg, #ff4d88 0%, #F53B6A 50%, #ff2e63 100%) !important;
  border: none !important;
  border-radius: 18px !important;
  height: 60px !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  letter-spacing: .5px;
  box-shadow: 
      0 0 0 1px rgba(255,255,255,0.05),
      0 15px 40px rgba(245,59,106,0.45),
      0 0 40px rgba(245,59,106,0.25) !important;
  transition: all .25s ease;
}

/* Hover эффект */
.btn-pink:hover{
  transform: translateY(-2px) scale(1.02);
  box-shadow:
      0 0 0 1px rgba(255,255,255,0.1),
      0 25px 60px rgba(245,59,106,0.65),
      0 0 60px rgba(245,59,106,0.45) !important;
}

/* Нажатие */
.btn-pink:active{
  transform: translateY(1px) scale(.99);
}

/* ===== ЦЕНА В РОЗОВОМ ===== */
.text-pink{
  color: var(--shiz-main) !important;
  text-shadow: 0 0 15px rgba(245,59,106,0.6) !important;
}

/* ===== SHOP DROPDOWN ===== */
#shop{
  border-radius: 20px !important;
  border: 1px solid rgba(245,59,106,0.2) !important;
  background: #121218 !important;
}

#shop .card:hover{
  background: rgba(245,59,106,0.08) !important;
  transition: .2s ease;
}

/* ===== ЧЕКБОКСЫ ===== */
.form-check-input:checked{
  background-color: var(--shiz-main) !important;
  border-color: var(--shiz-main) !important;
}

/* ===== HERO ЗАГОЛОВОК ===== */
.shop-name{
  text-shadow: 0 0 40px rgba(245,59,106,0.6) !important;
  letter-spacing: 1px;
}