/* EasyDonate — Custom CSS
   Автор: ChatGPT
   Описание: тёмная современная тема для магазина донатов Minecraft.
   Инструкция: если элементы не меняются — в консоли найдите реальные классы/ид для карточек, кнопок и замените соответствующие селекторы.
*/

/* --- Подключение шрифтов (можно закомментировать, если запрещено) --- */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700;800&display=swap');

/* --- Переменные темы --- */
:root{
  --bg:#0f1720;
  --card:#0f172a; /* чуть светлее фона */
  --muted:#9aa7b2;
  --accent1:#7dd3fc; /* голубой */
  --accent2:#34d399; /* зелёный */
  --accent-glow: 0 6px 18px rgba(61, 182, 255, 0.12);
  --danger:#ff6b6b;
  --glass: rgba(255,255,255,0.03);
  --radius:12px;
  --transition: 240ms cubic-bezier(.2,.9,.3,1);
}

/* --- Базовые стили --- */
html,body {
  background: linear-gradient(180deg, var(--bg) 0%, #07101a 100%);
  color: #e6eef3;
  font-family: 'Inter', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  line-height:1.45;
}

/* Уменьшаем засветку и контраст ссылок */
a { color: var(--accent1); text-decoration: none; transition: color var(--transition); }
a:hover { color: var(--accent2); }

/* --- Контейнер магазина --- */
.store-container, .page-store, #store, .shop {
  padding: 28px;
  max-width: 1200px;
  margin: 0 auto;
}

/* --- Хедер магазина --- */
.store-header, .shop-header {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom:20px;
}
.store-header .title, .shop-header .title {
  font-size:22px;
  font-weight:700;
  letter-spacing: -0.3px;
}
.store-header .subtitle { color:var(--muted); font-size:13px; }

/* --- Сетка товаров --- */
.product-grid, .items-grid, .products {
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap:16px;
}
@media (max-width: 980px){
  .product-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px){
  .product-grid { grid-template-columns: 1fr; padding:0 6px; }
}

/* --- Карточка товара --- */
.product-card, .item-card, .card {
  background: linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01));
  border-radius: var(--radius);
  padding: 14
