/* ==========================================================================
   Вариант 4 — «ОСЕНЬ» / локальное превью, на бой не выложено.
   Тёплая коричневая база, янтарные акценты, кленовые листья сверху.
   ========================================================================== */

:root {
  --bg: #120c07;
  --bg-2: #150e08;
  --panel: #1b120a;
  --card: #20150c;
  --card-2: #291b0f;
  --line: #4a2f17;
  --line-2: #5e3c1d;
  --gold: #e08a1e;
  --gold-2: #ffc46b;
  --gold-3: #b96e14;
  --gold-deep: #7a4409;
  --gold-ink: #1a0f03;
  --ink: #f7ecd9;
  --ink-2: #c0a88a;
  --ink-3: #94795a;
  --ok: #9fbf72;
  --danger: #e2704a;
  --danger-bg: #3a1a10;
  --danger-line: #7a3a22;
  --radius: 3px;
  --shadow: 0 18px 40px rgba(0, 0, 0, .58);
  --glow: 0 0 0 1px rgba(224, 138, 30, .55), 0 10px 30px rgba(224, 138, 30, .12);
}

body {
  background:
    radial-gradient(circle at 12% -8%, rgba(224, 138, 30, .2), transparent 52%),
    radial-gradient(circle at 86% 0%, rgba(150, 60, 20, .28), transparent 48%),
    var(--bg);
}

::selection { background: var(--gold); color: var(--gold-ink); }

/* шапка и бегущие полосы */

.hdr { background: rgba(18, 12, 7, .94); }
.strip { background: linear-gradient(90deg, #7a4409 0%, #e08a1e 40%, #ffc46b 62%, #b96e14 100%); }
.marquee { background: linear-gradient(115deg, #7a4409 0%, #e08a1e 32%, #ffd79a 52%, #d99a2a 72%, #8a4f0c 100%); }
.tick { color: #1a0f03; }

/* витрина */

.hero { background: radial-gradient(ellipse 90% 60% at 50% 0%, #35200c 0%, #140d07 45%, var(--bg) 100%); }
.hero__stat b { color: var(--gold-2); }

/* кнопки и значки */

.btn--gold { background: linear-gradient(110deg, #c47a12, #f0a53a); border-color: #e08a1e; color: #1a0f03; }
.btn--gold:hover { background: linear-gradient(110deg, #a5630d, #dd8f24); border-color: #ffc46b; }
.badge--sale { background: #e08a1e; color: #1a0f03; }
.badge--hit { background: linear-gradient(110deg, #c47a12, #f0a53a); color: #1a0f03; }
.badge--out { background: #2b1b0c; }
.chip--gold { background: #2b1b0c; color: var(--gold-2); border-color: #7a4409; }
.pill--gold { background: #2b1b0c; color: var(--gold-2); border-color: #7a4409; }
.btn--dark:hover { background: #2e1d0e; }

.showcase__tag { background: linear-gradient(110deg, #c47a12, #f0a53a); color: #1a0f03; }
.showcase__tag:hover { background: linear-gradient(110deg, #a5630d, #dd8f24); }
.showcase__cap { border-left-color: #e08a1e; }

/* карточки */

.pcard { background-image: linear-gradient(180deg, rgba(224, 138, 30, .07), transparent 40%); }
.pcard:hover { box-shadow: 0 0 0 1px rgba(224, 138, 30, .4), 0 18px 40px rgba(0, 0, 0, .58); }
.pcard__fav.on { background: #2b1b0c; }
.pcard__img, .showcase__img, .search-hit__art, .line__art { background: #1b1209; }
.hdr__search .input { background: #1b120a; }
.range::-webkit-slider-thumb { box-shadow: 0 0 0 1px var(--gold), 0 0 12px rgba(224, 138, 30, .45); }

/* листопад */

.leaf-fall {
  position: fixed;
  inset: 0;
  z-index: 75;
  pointer-events: none;
  overflow: hidden;
}

.leaf-fall span {
  position: absolute;
  top: -10vh;
  display: block;
  line-height: 1;
  will-change: transform;
  animation-name: leaf-fall;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, .35));
}

@keyframes leaf-fall {
  0%   { transform: translate3d(0, -12vh, 0) rotate(0deg); }
  50%  { transform: translate3d(var(--drift, 2vw), 55vh, 0) rotate(calc(var(--spin, 360deg) / 2)); }
  100% { transform: translate3d(calc(var(--drift, 2vw) * -.4), 112vh, 0) rotate(var(--spin, 360deg)); }
}

@media (prefers-reduced-motion: reduce) {
  .leaf-fall { display: none; }
}