/* Mood promo rail — 6 тематических слайдов (не Dune) */

body.mood-layout-v2 .home-banner-row .home-tg-promo {
  display: none !important;
}

body.mood-layout-v2 .home-mini-promo--mood-promo .home-mini-promo-chrome {
  border-radius: var(--radius-xl);
  border: 1px solid var(--border);
  background: var(--bg-card);
  -webkit-backdrop-filter: blur(12px) saturate(1.2);
  backdrop-filter: blur(12px) saturate(1.2);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.22);
}

html[data-theme="light"] body.mood-layout-v2 .home-mini-promo--mood-promo .home-mini-promo-chrome {
  box-shadow: 0 8px 28px rgba(16, 24, 40, 0.1);
}

body.mood-layout-v2 .home-mini-promo--mood-promo .home-mini-promo-slide-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--space-4);
  min-height: var(--mood-hero-h);
  padding: 28px 32px 44px;
  background: transparent !important;
}

body.mood-layout-v2 .home-mini-promo--mood-promo .home-mini-promo-copy {
  max-width: 52ch;
  gap: 10px;
}

body.mood-layout-v2 .home-mini-promo--mood-promo .mood-promo-slide__eyebrow {
  display: block;
  font: 700 10px/1 var(--font-sans);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--accent);
}

body.mood-layout-v2 .home-mini-promo--mood-promo .home-mini-promo-title {
  font-family: var(--font-display);
  font-size: clamp(1.35rem, 2.6vw, 2rem);
  font-weight: 800;
  letter-spacing: -0.03em;
  color: var(--text);
  text-shadow: none;
  max-width: 34ch;
}

body.mood-layout-v2 .home-mini-promo--mood-promo .home-mini-promo-text {
  color: var(--text-muted);
  font-size: clamp(13px, 1.5vw, 15px);
  line-height: 1.5;
  max-width: 42ch;
}

body.mood-layout-v2 .home-mini-promo--mood-promo .home-mini-promo-cta {
  margin-top: 6px;
  border-radius: var(--radius-pill);
  box-shadow: var(--shadow-cta);
}

body.mood-layout-v2 .home-mini-promo--mood-promo.home-mini-promo--terra-mob .home-mini-promo-cta {
  width: 100%;
  justify-content: center;
  text-align: center;
}

/* Mesh + orbs */
.mood-promo-slide {
  position: relative;
  overflow: hidden;
}

.mood-promo-slide__mesh {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
}

.mood-promo-slide__orb {
  position: absolute;
  border-radius: 50%;
  filter: blur(40px);
  opacity: 0.45;
  animation: moodPromoOrbDrift 10s ease-in-out infinite;
}

.mood-promo-slide__orb--mint {
  width: 55%;
  height: 70%;
  right: -8%;
  top: -20%;
  background: radial-gradient(circle, rgba(68, 235, 213, 0.35) 0%, transparent 70%);
}

.mood-promo-slide__orb--coral {
  width: 45%;
  height: 55%;
  left: -5%;
  bottom: -15%;
  background: radial-gradient(circle, rgba(243, 83, 107, 0.28) 0%, transparent 70%);
  animation-delay: -4s;
}

.mood-promo-slide__sheen {
  position: absolute;
  inset: 0;
  background: linear-gradient(105deg, transparent 40%, rgba(255, 255, 255, 0.06) 50%, transparent 60%);
  animation: moodPromoSheen 7s ease-in-out infinite;
  opacity: 0.6;
}

.mood-promo-slide--catalog { --slide-accent: var(--accent); }
.mood-promo-slide--vip { --slide-accent: #f5c542; }
.mood-promo-slide--reload { --slide-accent: var(--accent-2); }
.mood-promo-slide--cashback { --slide-accent: var(--accent); }
.mood-promo-slide--fs-shop { --slide-accent: var(--accent); }
.mood-promo-slide--poin { --slide-accent: #b794f6; }

.mood-promo-slide--catalog .mood-promo-slide__orb--mint { opacity: 0.55; }
.mood-promo-slide--vip .mood-promo-slide__orb--coral { opacity: 0.5; }
.mood-promo-slide--reload .mood-promo-slide__orb--coral { opacity: 0.55; }

/* Art column */
.mood-promo-slide__art {
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(72px, 18vw, 120px);
  height: clamp(72px, 18vw, 120px);
  flex-shrink: 0;
  border-radius: 20px;
  border: 1px solid color-mix(in srgb, var(--slide-accent, var(--accent)) 35%, var(--border));
  background: color-mix(in srgb, var(--slide-accent, var(--accent)) 12%, var(--surface-2));
  color: var(--slide-accent, var(--accent));
  box-shadow: 0 8px 24px color-mix(in srgb, var(--slide-accent, var(--accent)) 25%, transparent);
}

.mood-promo-slide__art svg {
  width: 56%;
  height: 56%;
}

.mood-promo-slide--catalog .mood-promo-slide__art { animation: moodPromoPulse 2.8s ease-in-out infinite; }
.mood-promo-slide--vip .mood-promo-slide__art { animation: moodPromoFloat 3.2s ease-in-out infinite; }
.mood-promo-slide--reload .mood-promo-slide__art { animation: moodPromoPulse 1.8s ease-in-out infinite; }
.mood-promo-slide--cashback .mood-promo-slide__art svg { animation: moodPromoRingSpin 8s linear infinite; }
.mood-promo-slide--fs-shop .mood-promo-slide__art svg { animation: moodPromoSpinSlow 18s linear infinite; }
.mood-promo-slide--poin .mood-promo-slide__art { animation: moodPromoFloat 2.6s ease-in-out infinite; }

.home-mini-promo-slide--has-bg.mood-promo-slide .mood-promo-slide__mesh {
  opacity: 0.85;
}

.home-mini-promo-slide--has-bg.mood-promo-slide .home-mini-promo-slide-grid {
  background: linear-gradient(90deg, color-mix(in srgb, var(--bg-elevated) 88%, transparent) 0%, color-mix(in srgb, var(--bg-elevated) 40%, transparent) 55%, transparent 100%) !important;
}

@keyframes moodPromoOrbDrift {
  0%, 100% { transform: translate(0, 0) scale(1); }
  50% { transform: translate(6px, -8px) scale(1.05); }
}

@keyframes moodPromoSheen {
  0%, 100% { transform: translateX(-30%); opacity: 0.3; }
  50% { transform: translateX(30%); opacity: 0.55; }
}

@keyframes moodPromoFloat {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-6px); }
}

@keyframes moodPromoPulse {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.04); }
}

@keyframes moodPromoSpinSlow {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

@keyframes moodPromoRingSpin {
  0%, 100% { transform: rotate(0deg); }
  50% { transform: rotate(8deg); }
}

@media (max-width: 720px) {
  body.mood-layout-v2 .home-mini-promo--mood-promo .home-mini-promo-slide-grid {
    grid-template-columns: 1fr;
    min-height: clamp(180px, 41vmin, 240px);
    padding: 20px 18px 40px;
    align-items: flex-start;
  }

  body.mood-layout-v2 .home-mini-promo--mood-promo .mood-promo-slide__art {
    position: absolute;
    right: 14px;
    top: 14px;
    width: 56px;
    height: 56px;
    border-radius: 14px;
    opacity: 0.92;
  }

  body.mood-layout-v2 .home-mini-promo--mood-promo .home-mini-promo-copy {
    max-width: 100%;
    padding-right: 64px;
  }

  body.mood-layout-v2 .home-mini-promo--mood-promo .home-mini-promo-title {
    font-size: clamp(18px, 5vw, 22px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .mood-promo-slide__orb,
  .mood-promo-slide__sheen,
  .mood-promo-slide__art,
  .mood-promo-slide__art svg {
    animation: none !important;
  }
}