/* 🌌 Основной фон */
body {
  background: url('https://images.unsplash.com/photo-1503264116251-35a269479413?auto=format&fit=crop&w=1920&q=80') no-repeat center center fixed;
  background-size: cover;
  font-family: 'Segoe UI', sans-serif;
  color: #ffffff;
}

/* 📦 Блоки товара */
.product {
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 20px;
  padding: 20px;
  transition: 0.3s ease;
  box-shadow: 0 0 15px #000;
}

.product:hover {
  transform: scale(1.02);
  box-shadow: 0 0 25px #00c3ff;
}

/* 🟢 Кнопка "Купить" */
.buy-btn, .btn-buy {
  background: linear-gradient(135deg, #00c3ff, #007fff);
  border: none;
  border-radius: 15px;
  padding: 12px 25px;
  font-size: 16px;
  font-weight: bold;
  color: #fff !important;
  transition: 0.3s ease;
}

.buy-btn:hover, .btn-buy:hover {
  background: linear-gradient(135deg, #007fff, #00c3ff);
  transform: scale(1.05);
}

/* 🔠 Заголовки */
h1, h2, h3 {
  text-shadow: 0 0 10px #000;
  font-weight: 800;
}

/* 🧭 Меню */
.navbar, .navbar-default {
  background: rgba(0, 0, 0, 0.7);
  border-bottom: 2px solid #00c3ff;
  box-shadow: 0 0 10px #00c3ff;
}

/* 🔹 Панель с балансом */
.panel-default {
  background-color: rgba(255, 255, 255, 0.05);
  border-radius: 15px;
  border: none;
  color: #fff;
}

/* 📋 Формы и инпуты */
input, select, textarea {
  background: rgba(255, 255, 255, 0.1);
  border: none;
  border-radius: 10px;
  color: white;
  padding: 10px;
}

input::placeholder, textarea::placeholder {
  color: #ccc;
}