/* LOTORA — draw games page styles */

/* Section 4 — game catalogue */
.catalogue-section { background: #ffffff; }
.draw-grid { display: flex; flex-direction: column; gap: 24px; }
.draw-grid__row { display: flex; gap: 24px; }

.draw-card {
  flex: 1;
  height: 320px;
  padding: 24px;
  background: #ffffff;
  border: 1px solid var(--border-6);
  border-radius: 12px;
  box-shadow: 0 8px 16px rgba(27, 43, 107, 0.04);
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.draw-card__top { display: flex; align-items: center; justify-content: space-between; }
.draw-card__title-wrap { display: flex; align-items: center; gap: 8px; }
.draw-card__name {
  font-family: 'Outfit', sans-serif;
  font-weight: 800;
  font-size: 20px;
  color: var(--ink);
}
.draw-card__badge {
  display: inline-flex;
  padding: 2px 8px;
  border-radius: 4px;
  background: var(--accent);
  color: var(--navy-deep);
  font-size: 10px;
  font-weight: 700;
}
.draw-card__price { font-size: 16px; font-weight: 700; color: var(--accent); }

.draw-card__balls { display: flex; align-items: flex-start; gap: 8px; }
.ball--36 { width: 36px; height: 36px; font-size: 15px; }
.ball--42 { width: 42px; height: 42px; font-size: 18px; border-radius: 18px; }

.draw-card__facts { display: flex; flex-direction: column; gap: 8px; }
.draw-card__fact { display: flex; justify-content: space-between; font-size: 13px; }
.draw-card__fact .label { color: var(--muted); font-weight: 400; }
.draw-card__fact .value { color: var(--ink); font-weight: 600; }
.draw-card__fact .value--prize {
  font-family: 'Outfit', sans-serif;
  font-weight: 800;
  font-size: 15px;
  color: var(--primary);
}

.draw-card__rule { height: 1px; background: var(--border-6); }
.draw-card__bottom { display: flex; align-items: center; justify-content: space-between; }
.draw-card__claim { width: 180px; font-size: 10px; color: var(--muted); }
.draw-card .btn-sm { padding: 10px 16px; border-radius: 6px; font-size: 13px; }