/* ─────────────────────────────────────────────────────────────
   РОЗЫГРЫШ НЕДЕЛИ — полоса над футером (владелец 29.07).
   Тон тот же, что у премиального футера: глубокий графит + золото,
   тёплое свечение и «живой» блик. Никакой пестроты — это витрина
   магазина техники, а не лотерейный киоск.
   ───────────────────────────────────────────────────────────── */
.mx-raffle {
  position: relative;
  padding: 34px 0 8px;
}

.mx-raffle__card {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: 1.35fr 1fr;
  gap: 28px;
  align-items: center;
  padding: 30px 34px;
  border-radius: 22px;
  color: #f6f1e6;
  background:
    radial-gradient(120% 160% at 0% 0%, rgba(201, 162, 77, 0.22), transparent 55%),
    linear-gradient(135deg, #171a20 0%, #1e222b 45%, #14161b 100%);
  border: 1px solid rgba(201, 162, 77, 0.36);
  box-shadow: 0 22px 60px rgba(12, 14, 18, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

/* медленно дышащий золотой блик — «интрига», но ненавязчиво */
.mx-raffle__glow {
  position: absolute;
  inset: -40% -10% auto auto;
  width: 420px;
  height: 420px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(212, 175, 90, 0.28), transparent 62%);
  filter: blur(18px);
  animation: mx-raffle-breathe 7s ease-in-out infinite;
  pointer-events: none;
}
@keyframes mx-raffle-breathe {
  0%, 100% { transform: scale(1) translateY(0); opacity: 0.75; }
  50% { transform: scale(1.12) translateY(10px); opacity: 1; }
}
@media (prefers-reduced-motion: reduce) {
  .mx-raffle__glow { animation: none; }
}

.mx-raffle__left { position: relative; z-index: 1; }

.mx-raffle__kicker {
  display: inline-block;
  font-size: 12.5px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #e2c078;
  border: 1px solid rgba(226, 192, 120, 0.4);
  border-radius: 999px;
  padding: 5px 12px;
  margin-bottom: 12px;
}

.mx-raffle__title {
  font-family: Georgia, 'Times New Roman', serif;
  font-size: clamp(22px, 2.4vw, 32px);
  line-height: 1.2;
  margin: 0 0 10px;
  color: #fbf7ee;
}

.mx-raffle__text {
  margin: 0 0 18px;
  font-size: 14.5px;
  line-height: 1.6;
  color: rgba(246, 241, 230, 0.78);
  max-width: 60ch;
}

.mx-raffle__stats { display: flex; gap: 26px; flex-wrap: wrap; }
.mx-raffle__stat { display: flex; flex-direction: column; }
.mx-raffle__stat strong {
  font-size: 22px;
  font-weight: 800;
  color: #e6c887;
  line-height: 1.1;
}
.mx-raffle__stat span {
  font-size: 12px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: rgba(246, 241, 230, 0.55);
  margin-top: 3px;
}
.mx-raffle__stat--winner strong { font-size: 16px; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }

/* ── форма ── */
.mx-raffle__form {
  position: relative;
  z-index: 1;
  background: rgba(255, 255, 255, 0.045);
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 16px;
  padding: 18px 20px 16px;
  backdrop-filter: blur(4px);
}

.mx-raffle__label {
  display: block;
  font-size: 12px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: rgba(246, 241, 230, 0.6);
  margin: 0 0 5px;
}
.mx-raffle__label + .mx-raffle__input { margin-bottom: 12px; }

.mx-raffle__input {
  width: 100%;
  box-sizing: border-box;
  padding: 11px 13px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  background: rgba(10, 12, 15, 0.5);
  color: #fbf7ee;
  font-size: 14.5px;
  outline: none;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.mx-raffle__input::placeholder { color: rgba(246, 241, 230, 0.32); }
.mx-raffle__input:focus {
  border-color: rgba(226, 192, 120, 0.75);
  box-shadow: 0 0 0 3px rgba(201, 162, 77, 0.16);
}

.mx-raffle__btn {
  width: 100%;
  margin-top: 4px;
  padding: 12px 18px;
  border: 0;
  border-radius: 10px;
  font-size: 15px;
  font-weight: 700;
  cursor: pointer;
  color: #22190a;
  background: linear-gradient(135deg, #f0d18d 0%, #d4af5a 55%, #c39b41 100%);
  box-shadow: 0 8px 22px rgba(201, 162, 77, 0.28);
  transition: filter 0.15s ease, transform 0.12s ease;
}
.mx-raffle__btn:hover:not(:disabled) { filter: brightness(1.06); transform: translateY(-1px); }
.mx-raffle__btn:disabled { opacity: 0.6; cursor: default; }

.mx-raffle__ok { margin: 10px 0 0; font-size: 13.5px; color: #8fe0a5; }
.mx-raffle__err { margin: 10px 0 0; font-size: 13.5px; color: #f3a1a1; }
.mx-raffle__note { margin: 12px 0 0; font-size: 11.5px; line-height: 1.5; color: rgba(246, 241, 230, 0.45); }

@media (max-width: 900px) {
  .mx-raffle__card { grid-template-columns: 1fr; padding: 24px 20px; gap: 20px; }
  .mx-raffle { padding-top: 22px; }
  .mx-raffle__glow { inset: -30% -30% auto auto; width: 300px; height: 300px; }
}

/* Регистрация отменена (29.07): участвуют все покупатели недели */
.mx-raffle__form--auto { display: flex; flex-direction: column; gap: 10px; text-align: center; }
.mx-raffle__auto-badge {
  align-self: center;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.03em;
  color: #22190a;
  background: linear-gradient(135deg, #f0d18d 0%, #d4af5a 100%);
  border-radius: 999px;
  padding: 7px 16px;
}
.mx-raffle__auto-text { margin: 0; font-size: 13.5px; line-height: 1.6; color: rgba(246, 241, 230, 0.8); }
.mx-raffle__form--auto .mx-raffle__btn { text-decoration: none; text-align: center; display: block; }