/* ═══════════════════════════════════════════════════════════════════
   VIBRANT COLOR SCHEME — Sky Blue · Green · Gold  (v2 — glowing)
   Насыщенная цветовая гамма: голубой, зелёный, золотой
   ═══════════════════════════════════════════════════════════════════ */

/* ──────────────────────────────────────────────────────────────
   1. SATURATED PALETTE OVERRIDE
────────────────────────────────────────────────────────────── */
:root {
  /* Sky Blue — vibrant, saturated */
  --sky:          #0ea5e9;
  --sky-vivid:    #38bdf8;
  --sky-deep:     #0369a1;
  --sky-pale:     rgba(14, 165, 233, 0.12);
  --sky-tint:     rgba(14, 165, 233, 0.06);
  --sky-glow:     rgba(14, 165, 233, 0.45);

  /* Green — vivid, fresh */
  --leaf:         #16a34a;
  --leaf-vivid:   #22c55e;
  --leaf-deep:    #14532d;
  --leaf-pale:    rgba(22, 163, 74, 0.10);
  --leaf-tint:    rgba(22, 163, 74, 0.06);
  --leaf-glow:    rgba(22, 163, 74, 0.30);

  /* Gold — bright, warm */
  --coin:         #d97706;
  --coin-vivid:   #f59e0b;
  --coin-deep:    #92400e;
  --coin-pale:    rgba(217, 119, 6, 0.12);
  --coin-tint:    rgba(245, 158, 11, 0.07);
  --coin-glow:    rgba(217, 119, 6, 0.32);

  /* Override existing palette variables */
  --azure:         #0ea5e9;
  --emerald:       #16a34a;
  --gold:          #d97706;
  --gold-light:    #f59e0b;
  --gold-pale:     rgba(217, 119, 6, 0.12);
  --gold-glow:     rgba(217, 119, 6, 0.32);
  --azure-glow:    rgba(14, 165, 233, 0.28);
  --emerald-glow:  rgba(22, 163, 74, 0.28);

  /* Scroll-bar accent */
  --scroll-bar: #0ea5e9;
}

/* ──────────────────────────────────────────────────────────────
   2. SCROLL PROGRESS BAR — vivid tricolor
────────────────────────────────────────────────────────────── */
#scroll-progress {
  background: linear-gradient(90deg,
    #d97706  0%,
    #0ea5e9  40%,
    #16a34a  70%,
    #f59e0b 100%
  ) !important;
  height: 4px !important;
}

::-webkit-scrollbar-thumb { background: rgba(14,165,233,0.40) !important; }
::-webkit-scrollbar-thumb:hover { background: rgba(14,165,233,0.65) !important; }

/* ──────────────────────────────────────────────────────────────
   3. TOP ACCENT STRIPE — tricolor, vivid
────────────────────────────────────────────────────────────── */
.presentation-strip::before {
  background: linear-gradient(90deg,
    #0ea5e9  0%,
    #38bdf8 25%,
    #22c55e 50%,
    #f59e0b 75%,
    #0ea5e9 100%
  ) !important;
  height: 6px !important;
}

/* ──────────────────────────────────────────────────────────────
   4. SECTION BACKGROUND BANDS — alternating vivid tints
   Каждая секция получает лёгкий цветной фон
────────────────────────────────────────────────────────────── */

/* News section */
.section-news,
.section[data-section="news"] {
  background: linear-gradient(135deg, rgba(14,165,233,0.07) 0%, #ffffff 60%) !important;
  border-top: 3px solid var(--sky) !important;
  border-radius: 0 !important;
}

/* Collections / tracks section */
.section-collections,
.section[data-section="collections"] {
  background: linear-gradient(135deg, rgba(22,163,74,0.07) 0%, #ffffff 60%) !important;
  border-top: 3px solid var(--leaf) !important;
}

/* Documents section */
.section-documents,
.section[data-section="documents"] {
  background: linear-gradient(135deg, rgba(217,119,6,0.07) 0%, #ffffff 60%) !important;
  border-top: 3px solid var(--coin) !important;
}

/* Roadmap / timeline section */
.section-roadmap,
.section[data-section="roadmap"] {
  background: linear-gradient(135deg, rgba(14,165,233,0.06) 0%, rgba(22,163,74,0.05) 100%) !important;
  border-top: 3px solid var(--leaf) !important;
}

/* Media section */
.section-media,
.section[data-section="media"] {
  background: linear-gradient(135deg, rgba(245,158,11,0.06) 0%, rgba(14,165,233,0.05) 100%) !important;
  border-top: 3px solid var(--coin-vivid) !important;
}

/* Generic alternating — every pair of .section elements */
.section:nth-of-type(3n+1) { background: linear-gradient(180deg, rgba(14,165,233,0.05) 0%, transparent 100%); }
.section:nth-of-type(3n+2) { background: linear-gradient(180deg, rgba(22,163,74,0.05)  0%, transparent 100%); }
.section:nth-of-type(3n+3) { background: linear-gradient(180deg, rgba(217,119,6,0.05)  0%, transparent 100%); }

/* ──────────────────────────────────────────────────────────────
   5. SECTION KICKERS / EYEBROWS — vivid colored badges
────────────────────────────────────────────────────────────── */
.section-kicker,
.hero-kicker,
.card-kicker {
  background: linear-gradient(135deg, var(--sky-pale), var(--leaf-pale)) !important;
  padding: 4px 12px 4px 8px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(14,165,233,0.30) !important;
  color: var(--sky-deep) !important;
  font-size: 0.78rem !important;
  gap: 7px !important;
}
.section-kicker::before,
.hero-kicker::before,
.card-kicker::before {
  background: var(--sky) !important;
  width: 14px !important;
  height: 3px !important;
  border-radius: 2px !important;
}
.section-kicker::after,
.hero-kicker::after,
.card-kicker::after {
  color: var(--coin) !important;
  opacity: 1 !important;
  font-size: 0.6em !important;
}

/* ──────────────────────────────────────────────────────────────
   6. SECTION HEADINGS — vivid underline
────────────────────────────────────────────────────────────── */
.section-heading h2::after {
  background: linear-gradient(90deg, var(--sky), var(--leaf), var(--coin)) !important;
  width: 72px !important;
  height: 4px !important;
  border-radius: 4px !important;
  margin-top: 10px !important;
}

/* h2 titles get a subtle color accent */
h2 {
  position: relative;
}

/* ──────────────────────────────────────────────────────────────
   7. STAT / MINIMAL CARDS — vivid colored top borders + icons
────────────────────────────────────────────────────────────── */
.minimal-card {
  border-top: 4px solid var(--sky) !important;
  box-shadow: 0 0 0 1px rgba(14,165,233,0.20), 0 4px 24px rgba(14,165,233,0.12) !important;
}
.minimal-card.is-azure {
  border-top-color: var(--sky) !important;
  box-shadow: 0 0 0 1px rgba(14,165,233,0.22), 0 4px 24px rgba(14,165,233,0.15) !important;
}
.minimal-card.is-emerald {
  border-top-color: var(--leaf) !important;
  box-shadow: 0 0 0 1px rgba(22,163,74,0.22), 0 4px 24px rgba(22,163,74,0.15) !important;
}
.minimal-card:nth-child(3n+1) { border-top-color: var(--sky)  !important; }
.minimal-card:nth-child(3n+2) { border-top-color: var(--leaf) !important; }
.minimal-card:nth-child(3n+3) { border-top-color: var(--coin) !important; }

.minimal-card:hover {
  border-top-color: var(--coin-vivid) !important;
  box-shadow: 0 0 0 2px rgba(14,165,233,0.30), 0 12px 36px rgba(14,165,233,0.22) !important;
}

/* Icon badges on minimal-cards */
.minimal-card__icon {
  background: linear-gradient(135deg, var(--sky), var(--sky-deep)) !important;
  color: #fff !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 14px var(--sky-glow) !important;
}
.minimal-card.is-emerald .minimal-card__icon {
  background: linear-gradient(135deg, var(--leaf), var(--leaf-deep)) !important;
  box-shadow: 0 4px 14px var(--leaf-glow) !important;
}
.minimal-card:nth-child(3n+3) .minimal-card__icon {
  background: linear-gradient(135deg, var(--coin), var(--coin-deep)) !important;
  box-shadow: 0 4px 14px var(--coin-glow) !important;
}
.minimal-card__value {
  background: linear-gradient(135deg, var(--sky-deep), var(--sky)) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}
.minimal-card.is-emerald .minimal-card__value {
  background: linear-gradient(135deg, var(--leaf-deep), var(--leaf)) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
}

/* ──────────────────────────────────────────────────────────────
   8. ACTION CARDS — vivid colored left borders + icon hovers
────────────────────────────────────────────────────────────── */
.minimal-action {
  border-left: 5px solid var(--sky) !important;
  box-shadow: 0 0 0 1px rgba(14,165,233,0.18), 0 2px 16px rgba(14,165,233,0.10) !important;
}
.minimal-action:nth-child(3n+1) { border-left-color: var(--sky)  !important; }
.minimal-action:nth-child(3n+2) { border-left-color: var(--leaf) !important; }
.minimal-action:nth-child(3n+3) { border-left-color: var(--coin) !important; }

.minimal-action:hover {
  border-left-color: var(--coin-vivid) !important;
  box-shadow: 0 0 0 2px rgba(14,165,233,0.28), 0 8px 28px rgba(14,165,233,0.18) !important;
}
.minimal-action__icon {
  background: var(--sky-pale) !important;
  color: var(--sky-deep) !important;
  border-radius: 10px !important;
  border: 1px solid rgba(14,165,233,0.25) !important;
}
.minimal-action:nth-child(3n+2) .minimal-action__icon {
  background: var(--leaf-pale) !important;
  color: var(--leaf-deep) !important;
  border-color: rgba(22,163,74,0.25) !important;
}
.minimal-action:nth-child(3n+3) .minimal-action__icon {
  background: var(--coin-pale) !important;
  color: var(--coin-deep) !important;
  border-color: rgba(217,119,6,0.25) !important;
}
.minimal-action:hover .minimal-action__icon {
  background: linear-gradient(135deg, var(--sky), var(--leaf)) !important;
  color: #fff !important;
  border-color: transparent !important;
  box-shadow: 0 4px 12px var(--sky-glow) !important;
}

/* ──────────────────────────────────────────────────────────────
   9. CONTENT CARDS — vivid border + color-coded themes
────────────────────────────────────────────────────────────── */
.card,
.panel,
.result-card,
.navigation-card {
  border-top: 3px solid transparent !important;
}
.card:nth-child(3n+1) { border-top-color: var(--sky)  !important; }
.card:nth-child(3n+2) { border-top-color: var(--leaf) !important; }
.card:nth-child(3n+3) { border-top-color: var(--coin) !important; }

.card:hover,
.panel:hover,
.result-card:hover {
  box-shadow: 0 8px 32px rgba(14,165,233,0.18), 0 2px 8px rgba(14,165,233,0.12) !important;
  border-top-color: var(--sky) !important;
}

/* Feature card — vivid left accent */
.feature-card {
  border-left: 5px solid var(--sky) !important;
  box-shadow: 0 4px 24px rgba(14,165,233,0.14) !important;
}

/* ──────────────────────────────────────────────────────────────
   10. THEME GRADIENTS — richer, more saturated
────────────────────────────────────────────────────────────── */
.theme-azure {
  background: linear-gradient(135deg, #0369a1 0%, #0ea5e9 100%) !important;
}
.theme-emerald {
  background: linear-gradient(135deg, #14532d 0%, #16a34a 100%) !important;
}
.theme-gold {
  background: linear-gradient(135deg, #92400e 0%, #d97706 100%) !important;
}
.theme-indigo {
  background: linear-gradient(135deg, #1e3a5f 0%, #3b82f6 100%) !important;
}
.theme-decree,
.theme-order,
.theme-program,
.theme-initiative,
.theme-archive {
  background: linear-gradient(135deg, #0369a1 0%, #0ea5e9 80%) !important;
}

/* ──────────────────────────────────────────────────────────────
   11. STAT CARDS (hero stats grid)
────────────────────────────────────────────────────────────── */
.stat-card {
  border-left: 4px solid var(--sky) !important;
  background: rgba(14,165,233,0.05) !important;
  border-radius: 10px !important;
}
.stat-card:nth-child(2) {
  border-left-color: var(--leaf) !important;
  background: rgba(22,163,74,0.05) !important;
}
.stat-card:nth-child(3) {
  border-left-color: var(--coin) !important;
  background: rgba(217,119,6,0.05) !important;
}
.stat-card:nth-child(4) {
  border-left-color: var(--sky) !important;
  background: rgba(14,165,233,0.05) !important;
}
.stat-card strong {
  background: linear-gradient(135deg, var(--sky-deep), var(--sky)) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}
.stat-card:nth-child(2) strong {
  background: linear-gradient(135deg, var(--leaf-deep), var(--leaf)) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
}
.stat-card:nth-child(3) strong {
  background: linear-gradient(135deg, var(--coin-deep), var(--coin)) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
}

/* ──────────────────────────────────────────────────────────────
   12. TIMELINE CARDS — vivid top borders
────────────────────────────────────────────────────────────── */
.timeline-card {
  border-top: 4px solid var(--sky) !important;
}
.timeline-card:nth-child(2) { border-top-color: var(--leaf) !important; }
.timeline-card:nth-child(3) { border-top-color: var(--coin) !important; }
.timeline-card:hover {
  border-top-color: var(--coin-vivid) !important;
  box-shadow: 0 8px 32px rgba(14,165,233,0.20) !important;
}
.timeline-year {
  background: var(--sky-pale) !important;
  color: var(--sky-deep) !important;
  border: 1px solid rgba(14,165,233,0.28) !important;
}
.timeline-item:hover {
  border-left-color: var(--sky) !important;
  background: var(--sky-tint) !important;
}

/* ──────────────────────────────────────────────────────────────
   13. BUTTONS — vivid gradient
────────────────────────────────────────────────────────────── */
.button {
  background: linear-gradient(135deg, var(--sky-deep), var(--sky)) !important;
  box-shadow: 0 6px 24px var(--sky-glow) !important;
}
.button:hover {
  box-shadow: 0 10px 36px rgba(14,165,233,0.40) !important;
}
.button-primary {
  background: linear-gradient(135deg, var(--sky-deep), var(--sky)) !important;
  box-shadow: 0 10px 28px var(--sky-glow) !important;
}

/* ──────────────────────────────────────────────────────────────
   14. CHIPS / PILLS — vivid active state
────────────────────────────────────────────────────────────── */
.chip.is-active,
.locale-pill.is-active {
  background: linear-gradient(135deg, var(--sky-deep), var(--sky)) !important;
  box-shadow: 0 4px 14px var(--sky-glow) !important;
}
.chip:hover {
  border-color: rgba(14,165,233,0.35) !important;
  background: var(--sky-tint) !important;
}

/* ──────────────────────────────────────────────────────────────
   15. NAVIGATION ACTIVE LINK
────────────────────────────────────────────────────────────── */
.nav-link.is-active {
  color: var(--sky-deep) !important;
}
.nav-link::before {
  background: var(--sky) !important;
}
.nav-link.is-active::before {
  background: linear-gradient(90deg, var(--sky), var(--leaf)) !important;
}
.nav-link:hover {
  color: var(--sky-deep) !important;
}

/* Header locale pill active */
.header-nav-bar .locale-pill.is-active,
.header-nav-bar .locale-pill:hover {
  background: var(--sky) !important;
  color: #fff !important;
  border-color: var(--sky) !important;
}

/* ──────────────────────────────────────────────────────────────
   16. SOCIAL CARDS — vivid borders
────────────────────────────────────────────────────────────── */
.social-card {
  border-top: 3px solid var(--sky) !important;
  box-shadow: 0 2px 12px rgba(14,165,233,0.12) !important;
}
.social-card:nth-child(2) { border-top-color: var(--leaf) !important; }
.social-card:nth-child(3) { border-top-color: var(--coin) !important; }
.social-card:nth-child(4) { border-top-color: var(--sky)  !important; }
.social-card:nth-child(5) { border-top-color: var(--leaf) !important; }
.social-card:hover {
  box-shadow: 0 6px 24px rgba(14,165,233,0.22) !important;
}

/* ──────────────────────────────────────────────────────────────
   17. MINI CARDS (organization/governance)
────────────────────────────────────────────────────────────── */
.mini-card {
  border-left: 4px solid var(--sky) !important;
}
.mini-card:nth-child(2n) { border-left-color: var(--leaf) !important; }
.mini-card:nth-child(3n) { border-left-color: var(--coin) !important; }

/* ──────────────────────────────────────────────────────────────
   18. CONTACT CARD — vivid top border
────────────────────────────────────────────────────────────── */
.contact-card {
  border-top: 4px solid var(--sky) !important;
  box-shadow: 0 4px 20px rgba(14,165,233,0.12) !important;
}
.contact-card:nth-child(2) { border-top-color: var(--leaf) !important; }
.contact-card:nth-child(3) { border-top-color: var(--coin) !important; }

/* ──────────────────────────────────────────────────────────────
   19. DETAIL HERO — richer theme borders
────────────────────────────────────────────────────────────── */
.detail-hero.theme-azure   { border-top-color: var(--sky)  !important; }
.detail-hero.theme-emerald { border-top-color: var(--leaf) !important; }
.detail-hero.theme-gold    { border-top-color: var(--coin-vivid) !important; }

/* ──────────────────────────────────────────────────────────────
   20. SECTION DIVIDERS (roadmap, separator elements)
────────────────────────────────────────────────────────────── */
.section-divider::before,
.section-divider::after {
  background: linear-gradient(90deg,
    transparent, var(--sky) 30%, var(--leaf) 60%, var(--coin) 80%, transparent
  ) !important;
  height: 2px !important;
  opacity: 0.6;
}
.section-divider span {
  color: var(--sky) !important;
}

/* ──────────────────────────────────────────────────────────────
   21. FOOTER — updated accent border
────────────────────────────────────────────────────────────── */
.site-footer {
  border-top: 4px solid transparent !important;
  border-image: linear-gradient(90deg, var(--sky), var(--leaf), var(--coin)) 1 !important;
}
.site-footer h3::after {
  background: var(--sky) !important;
}
.simple-link:hover {
  color: var(--sky-vivid) !important;
}

/* ──────────────────────────────────────────────────────────────
   22. FORM FOCUS — vivid sky blue
────────────────────────────────────────────────────────────── */
.field input:focus,
.field select:focus,
.field textarea:focus,
.header-search input:focus,
.inline-search input:focus {
  border-color: var(--sky) !important;
  box-shadow: 0 0 0 4px var(--sky-glow) !important;
}
.header-nav-bar .header-search input:focus {
  border-color: var(--sky) !important;
  box-shadow: 0 0 0 3px rgba(14,165,233,0.20) !important;
}

/* ──────────────────────────────────────────────────────────────
   23. RELATED CARDS — sky blue left accent
────────────────────────────────────────────────────────────── */
.related-card:hover {
  border-left-color: var(--sky) !important;
  background: var(--sky-tint) !important;
}

/* ──────────────────────────────────────────────────────────────
   24. COLLECTION CARDS — vivid gradient headers
────────────────────────────────────────────────────────────── */
.collection-card {
  border-top: 4px solid var(--sky) !important;
  box-shadow: 0 2px 16px rgba(14,165,233,0.10) !important;
}
.collection-card:nth-child(2) { border-top-color: var(--leaf) !important; }
.collection-card:nth-child(3) { border-top-color: var(--coin) !important; }
.collection-card:nth-child(4) { border-top-color: var(--sky) !important; }

/* ──────────────────────────────────────────────────────────────
   25. BADGES — vivid style
────────────────────────────────────────────────────────────── */
.badge-gold {
  background: var(--coin-pale) !important;
  color: var(--coin-deep) !important;
  border-color: rgba(217,119,6,0.30) !important;
}
.badge-blue {
  background: var(--sky-pale) !important;
  color: var(--sky-deep) !important;
  border: 1px solid rgba(14,165,233,0.28) !important;
  font-size: 0.72rem !important;
  border-radius: 999px !important;
  padding: 2px 9px !important;
}
.badge-green {
  background: var(--leaf-pale) !important;
  color: var(--leaf-deep) !important;
  border: 1px solid rgba(22,163,74,0.28) !important;
  font-size: 0.72rem !important;
  border-radius: 999px !important;
  padding: 2px 9px !important;
}

/* ──────────────────────────────────────────────────────────────
   26. EYEBROW / PRESENTATION-STRIP — gold stays vivid
────────────────────────────────────────────────────────────── */
.presentation-strip__eyebrow {
  color: var(--coin-vivid) !important;
}
.pres-dot.is-active {
  background: var(--coin-vivid) !important;
  border-color: var(--coin-vivid) !important;
  box-shadow: 0 0 12px var(--coin-glow) !important;
}
.pres-arrow:hover {
  background: rgba(14,165,233,0.75) !important;
  border-color: var(--sky) !important;
}

/* ──────────────────────────────────────────────────────────────
   27. HERO SECTION — page hero gradient line
────────────────────────────────────────────────────────────── */
.page-hero::after {
  background: linear-gradient(90deg, var(--sky), var(--leaf), var(--coin)) !important;
  opacity: 1 !important;
}

/* ──────────────────────────────────────────────────────────────
   28. BLOCKQUOTES — vivid left border
────────────────────────────────────────────────────────────── */
blockquote {
  border-left-color: var(--sky) !important;
  background: var(--sky-tint) !important;
  box-shadow: 0 4px 16px var(--sky-glow) !important;
}

/* ──────────────────────────────────────────────────────────────
   29. FOCUS RING — vivid sky
────────────────────────────────────────────────────────────── */
:focus-visible {
  outline-color: var(--sky) !important;
}

/* ──────────────────────────────────────────────────────────────
   30. LOCALE DROPDOWN — vivid accent
────────────────────────────────────────────────────────────── */
.locale-dropdown__trigger:hover,
.locale-dropdown.is-open .locale-dropdown__trigger {
  border-color: var(--sky) !important;
}
.locale-dropdown__item.is-active {
  color: var(--sky-deep) !important;
  background: var(--sky-tint) !important;
}

/* ──────────────────────────────────────────────────────────────
   31. PILL / COUNT elements
────────────────────────────────────────────────────────────── */
.pill {
  background: var(--sky-pale) !important;
  color: var(--sky-deep) !important;
  border: 1px solid rgba(14,165,233,0.20) !important;
}

/* ──────────────────────────────────────────────────────────────
   32. CARD VISUAL DECORATIVE CIRCLES — vivid border
────────────────────────────────────────────────────────────── */
.card-visual::before,
.gallery-frame::before,
.document-row__visual::before {
  border-color: rgba(255, 255, 255, 0.35) !important;
}

/* ──────────────────────────────────────────────────────────────
   33. HERO STAGE — vivid blue gradient
────────────────────────────────────────────────────────────── */
.hero-stage {
  background:
    linear-gradient(135deg, rgba(3,105,161,0.97) 0%, rgba(14,165,233,0.82) 100%),
    linear-gradient(180deg, rgba(255,255,255,0.04), rgba(255,255,255,0.08)) !important;
}

/* ──────────────────────────────────────────────────────────────
   34. APPEAL / CALLOUT BOXES — vivid sky
────────────────────────────────────────────────────────────── */
.appeal-box.theme-gold {
  background: linear-gradient(135deg, var(--coin-deep), var(--coin-vivid)) !important;
  box-shadow: 0 8px 28px var(--coin-glow) !important;
}

/* ──────────────────────────────────────────────────────────────
   35. INTRO PANEL
────────────────────────────────────────────────────────────── */
.intro-panel {
  border-top-color: var(--sky) !important;
}

/* ──────────────────────────────────────────────────────────────
   36. SKIP LINK — vivid sky gold
────────────────────────────────────────────────────────────── */
.skip-link {
  background: var(--sky) !important;
  color: #fff !important;
}

/* ──────────────────────────────────────────────────────────────
   37. COLORED SECTION ICON STRIP
   Decorative colored strip below presentation / before each section
────────────────────────────────────────────────────────────── */
.site-main > .section:first-child {
  padding-top: 36px;
}

/* Decorative tricolor rule separator before major sections */
/* Uses position:absolute so it doesn't participate in flex layout */
.section-heading {
  position: relative !important;
  padding-top: 24px !important;
}
.section-heading::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 3px !important;
  width: 100% !important;
  background: linear-gradient(90deg,
    var(--sky) 0%,
    transparent 33%,
    var(--leaf) 33%,
    transparent 66%,
    var(--coin) 66%,
    transparent 100%
  ) !important;
  opacity: 0.28 !important;
  border-radius: 2px !important;
  margin-bottom: 0 !important;
}

/* ──────────────────────────────────────────────────────────────
   38. "PILL" ICONS — colored icon containers in feature areas
────────────────────────────────────────────────────────────── */
.icon-blue {
  background: linear-gradient(135deg, var(--sky-deep), var(--sky)) !important;
  color: #fff !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 14px var(--sky-glow) !important;
}
.icon-green {
  background: linear-gradient(135deg, var(--leaf-deep), var(--leaf)) !important;
  color: #fff !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 14px var(--leaf-glow) !important;
}
.icon-gold {
  background: linear-gradient(135deg, var(--coin-deep), var(--coin-vivid)) !important;
  color: #fff !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 14px var(--coin-glow) !important;
}

/* ──────────────────────────────────────────────────────────────
   39. COLORFUL CARD META — vivid colored category badges
────────────────────────────────────────────────────────────── */
.card-kicker {
  background: none !important;
  padding: 0 !important;
  border: none !important;
  color: var(--sky-deep) !important;
}

/* ──────────────────────────────────────────────────────────────
   40. INTERACTIVE MAP SECTION — vivid frame
────────────────────────────────────────────────────────────── */
.home-map-section {
  border: 2px solid rgba(14,165,233,0.20) !important;
  border-radius: 16px !important;
  box-shadow: 0 4px 32px rgba(14,165,233,0.14) !important;
  overflow: hidden;
}

/* ──────────────────────────────────────────────────────────────
   41. TOPBAR LINKS HOVER — vivid sky
────────────────────────────────────────────────────────────── */
.topbar-links a:hover {
  color: var(--sky-vivid) !important;
}

/* ──────────────────────────────────────────────────────────────
   42. EXTRA: COLOR-CODED BORDERS BY DOCUMENT TYPE
────────────────────────────────────────────────────────────── */
[class*="theme-decree"]   { border-top: 4px solid var(--sky)  !important; }
[class*="theme-order"]    { border-top: 4px solid var(--leaf) !important; }
[class*="theme-program"]  { border-top: 4px solid var(--coin) !important; }
[class*="theme-initiative"]{ border-top: 4px solid var(--sky) !important; }
[class*="theme-archive"]  { border-top: 4px solid var(--leaf) !important; }

/* ──────────────────────────────────────────────────────────────
   43. MINIMAL HERO CTA — vivid sky gradient
────────────────────────────────────────────────────────────── */
.minimal-hero__cta {
  background: linear-gradient(135deg, var(--sky-deep), var(--sky)) !important;
  box-shadow: 0 10px 32px var(--sky-glow) !important;
}
.minimal-hero__cta:hover {
  box-shadow: 0 16px 44px rgba(14,165,233,0.48) !important;
}

/* ──────────────────────────────────────────────────────────────
   44. APPEAL / TIMELINE YEAR BADGE
────────────────────────────────────────────────────────────── */
.timeline-year {
  background: var(--sky-pale) !important;
  color: var(--sky-deep) !important;
  border: 1px solid rgba(14,165,233,0.30) !important;
}

/* ──────────────────────────────────────────────────────────────
   45. COLORFUL ICON DECORATIONS (CSS unicode icons injected)
   Adds vivid colored icon blobs to key section headings
────────────────────────────────────────────────────────────── */

/* Top presenter accent on main hero cta frame */
.presentation-strip__frame {
  border-color: rgba(14,165,233,0.50) !important;
  box-shadow:
    0 0 60px rgba(14,165,233,0.20) inset,
    0 0 40px rgba(22,163,74,0.10) inset !important;
}

/* Section kicker icons — colored mini-squares */
.section-kicker::before {
  background: linear-gradient(135deg, var(--sky), var(--leaf)) !important;
}

/* ──────────────────────────────────────────────────────────────
   46. COLOR BAND SEPARATORS between major sections
────────────────────────────────────────────────────────────── */
.site-main > .section + .section {
  border-top: 1px solid rgba(14,165,233,0.12);
}
.site-main > .section:nth-of-type(3n+2) + .section {
  border-top-color: rgba(22,163,74,0.12);
}
.site-main > .section:nth-of-type(3n+3) + .section {
  border-top-color: rgba(217,119,6,0.12);
}

/* ──────────────────────────────────────────────────────────────
   47. ACTIVE STATE COLOR — consistent sky-blue
────────────────────────────────────────────────────────────── */
.is-active {
  accent-color: var(--sky);
}

/* ──────────────────────────────────────────────────────────────
   48. COLORED STORY CARD BORDERS
────────────────────────────────────────────────────────────── */
.story-card {
  border-top: 3px solid var(--sky) !important;
}
.story-card:nth-child(2) { border-top-color: var(--leaf) !important; }
.story-card:nth-child(3) { border-top-color: var(--coin) !important; }
.story-card:nth-child(4) { border-top-color: var(--sky)  !important; }
.story-card:nth-child(5) { border-top-color: var(--leaf) !important; }
.story-card:nth-child(6) { border-top-color: var(--coin) !important; }
.story-card:hover {
  box-shadow: 0 8px 28px rgba(14,165,233,0.18) !important;
}

/* ──────────────────────────────────────────────────────────────
   49. DOCUMENT ROW — colored left accent
────────────────────────────────────────────────────────────── */
.document-row {
  border-left: 4px solid var(--sky) !important;
}
.document-row:nth-child(2n) { border-left-color: var(--leaf) !important; }
.document-row:nth-child(3n) { border-left-color: var(--coin) !important; }

/* ──────────────────────────────────────────────────────────────
   50. MEDIA CARD — vivid blue accent
────────────────────────────────────────────────────────────── */
.media-card {
  border-top: 3px solid var(--sky) !important;
}
.media-card:nth-child(2n) { border-top-color: var(--leaf) !important; }
.media-card:nth-child(3n) { border-top-color: var(--coin) !important; }

/* ═══════════════════════════════════════════════════════════════════
   V2 — GLOWING BORDERS · ICON BADGES · FOOTER OVERHAUL
   ═══════════════════════════════════════════════════════════════════ */

/* ──────────────────────────────────────────────────────────────
   KEYFRAMES — glow pulse animations
────────────────────────────────────────────────────────────── */
@keyframes glowBlue {
  0%,100% { box-shadow: 0 0 10px rgba(14,165,233,0.45), 0 0 30px rgba(14,165,233,0.18); }
  50%      { box-shadow: 0 0 24px rgba(14,165,233,0.82), 0 0 60px rgba(14,165,233,0.38); }
}
@keyframes glowGreen {
  0%,100% { box-shadow: 0 0 10px rgba(22,163,74,0.45), 0 0 28px rgba(22,163,74,0.18); }
  50%      { box-shadow: 0 0 24px rgba(22,163,74,0.82), 0 0 55px rgba(22,163,74,0.38); }
}
@keyframes glowGold {
  0%,100% { box-shadow: 0 0 10px rgba(217,119,6,0.50), 0 0 28px rgba(217,119,6,0.20); }
  50%      { box-shadow: 0 0 26px rgba(245,158,11,0.88), 0 0 62px rgba(245,158,11,0.40); }
}
@keyframes borderFlowBlue {
  0%,100% { border-color: rgba(14,165,233,0.50); }
  50%      { border-color: rgba(56,189,248,1.00);  }
}
@keyframes iconPop {
  0%   { transform: scale(1);             }
  50%  { transform: scale(1.14) rotate(-5deg); }
  100% { transform: scale(1);             }
}
@keyframes footerGlowShift {
  0%,100% { opacity: 0.55; }
  50%      { opacity: 1.00; }
}

/* ──────────────────────────────────────────────────────────────
   GLOWING STAT / MINIMAL HIGHLIGHT CARDS
────────────────────────────────────────────────────────────── */
.minimal-card {
  animation: glowBlue 3.8s ease-in-out infinite !important;
  border: 2px solid rgba(14,165,233,0.40) !important;
}
.minimal-card.is-azure {
  animation: glowBlue 3.8s ease-in-out infinite !important;
  border-color: rgba(14,165,233,0.52) !important;
}
.minimal-card.is-emerald {
  animation: glowGreen 3.5s ease-in-out infinite !important;
  border-color: rgba(22,163,74,0.52) !important;
}
.minimal-card:nth-child(3n+3) {
  animation: glowGold 4.1s ease-in-out infinite !important;
  border-color: rgba(217,119,6,0.50) !important;
}
.minimal-card:hover {
  animation: none !important;
  box-shadow: 0 0 32px rgba(14,165,233,0.75), 0 12px 36px rgba(14,165,233,0.32) !important;
}

/* ──────────────────────────────────────────────────────────────
   GLOWING ICON BADGES inside cards
────────────────────────────────────────────────────────────── */
.minimal-card__icon,
.minimal-action__icon {
  animation: iconPop 4.2s ease-in-out infinite !important;
}
.minimal-card__icon {
  box-shadow: 0 0 18px rgba(14,165,233,0.60), 0 4px 14px rgba(14,165,233,0.38) !important;
}
.minimal-card.is-emerald .minimal-card__icon {
  box-shadow: 0 0 18px rgba(22,163,74,0.60), 0 4px 14px rgba(22,163,74,0.38) !important;
}
.minimal-card:nth-child(3n+3) .minimal-card__icon {
  box-shadow: 0 0 18px rgba(217,119,6,0.65), 0 4px 14px rgba(217,119,6,0.42) !important;
}

/* ──────────────────────────────────────────────────────────────
   GLOWING QUICK-ACTION CARDS
────────────────────────────────────────────────────────────── */
.minimal-action {
  border-left-width: 5px !important;
  box-shadow: 0 0 12px rgba(14,165,233,0.24), 0 2px 12px rgba(14,165,233,0.12) !important;
  transition: box-shadow 0.28s ease, transform 0.28s ease !important;
}
.minimal-action:nth-child(3n+2) {
  box-shadow: 0 0 12px rgba(22,163,74,0.24), 0 2px 12px rgba(22,163,74,0.12) !important;
}
.minimal-action:nth-child(3n+3) {
  box-shadow: 0 0 12px rgba(217,119,6,0.24), 0 2px 12px rgba(217,119,6,0.12) !important;
}
.minimal-action:hover {
  box-shadow: 0 0 32px rgba(14,165,233,0.56), 0 8px 24px rgba(14,165,233,0.28) !important;
}

/* ──────────────────────────────────────────────────────────────
   GLOWING STORY / COLLECTION / MEDIA / DOCUMENT CARDS
────────────────────────────────────────────────────────────── */
.story-card:hover {
  box-shadow: 0 0 28px rgba(14,165,233,0.52), 0 8px 28px rgba(14,165,233,0.22) !important;
  transform: translateY(-5px) !important;
}
.story-card:nth-child(2):hover { box-shadow: 0 0 28px rgba(22,163,74,0.52), 0 8px 28px rgba(22,163,74,0.22) !important; }
.story-card:nth-child(3):hover { box-shadow: 0 0 28px rgba(217,119,6,0.52), 0 8px 28px rgba(217,119,6,0.22) !important; }

.collection-card:hover {
  box-shadow: 0 0 24px rgba(14,165,233,0.48), 0 6px 20px rgba(14,165,233,0.20) !important;
  transform: translateY(-4px) !important;
}
.collection-card:nth-child(2):hover { box-shadow: 0 0 24px rgba(22,163,74,0.48), 0 6px 20px rgba(22,163,74,0.20) !important; }
.collection-card:nth-child(3):hover { box-shadow: 0 0 24px rgba(217,119,6,0.48), 0 6px 20px rgba(217,119,6,0.20) !important; }

.media-card:hover {
  box-shadow: 0 0 22px rgba(14,165,233,0.44), 0 6px 18px rgba(14,165,233,0.18) !important;
  transform: translateY(-3px) !important;
}
.document-row:hover {
  box-shadow: 0 0 20px rgba(14,165,233,0.40), 0 4px 14px rgba(14,165,233,0.16) !important;
}

/* ──────────────────────────────────────────────────────────────
   GLOWING BUTTONS
────────────────────────────────────────────────────────────── */
.button {
  box-shadow: 0 0 16px rgba(14,165,233,0.52), 0 6px 24px rgba(14,165,233,0.32) !important;
}
.button:hover {
  box-shadow: 0 0 40px rgba(14,165,233,0.85), 0 12px 42px rgba(14,165,233,0.48) !important;
  transform: translateY(-3px) scale(1.02) !important;
}

/* ──────────────────────────────────────────────────────────────
   GLOWING SECTION KICKER BADGES
────────────────────────────────────────────────────────────── */
.section-kicker,
.hero-kicker,
.card-kicker {
  box-shadow: 0 0 14px rgba(14,165,233,0.32), 0 2px 8px rgba(14,165,233,0.16) !important;
}

/* ──────────────────────────────────────────────────────────────
   GLOWING TIMELINE CARDS
────────────────────────────────────────────────────────────── */
.timeline-card:hover {
  box-shadow: 0 0 30px rgba(14,165,233,0.54), 0 8px 30px rgba(14,165,233,0.24) !important;
}
.timeline-year {
  box-shadow: 0 0 10px rgba(14,165,233,0.38) !important;
}

/* ──────────────────────────────────────────────────────────────
   GLOWING CONTACT / MINI / SOCIAL CARDS
────────────────────────────────────────────────────────────── */
.contact-card:hover {
  box-shadow: 0 0 28px rgba(14,165,233,0.50), 0 8px 28px rgba(14,165,233,0.22) !important;
}
.mini-card:hover {
  box-shadow: 0 0 24px rgba(14,165,233,0.50), 0 8px 26px rgba(14,165,233,0.20) !important;
}
.social-card:hover {
  box-shadow: 0 0 22px rgba(14,165,233,0.44), 0 6px 18px rgba(14,165,233,0.18) !important;
}

/* ──────────────────────────────────────────────────────────────
   GLOWING CHIPS / PILLS
────────────────────────────────────────────────────────────── */
.chip.is-active {
  box-shadow: 0 0 18px rgba(14,165,233,0.55), 0 4px 14px rgba(14,165,233,0.32) !important;
}
.badge, .pill, .count-pill {
  box-shadow: 0 0 8px rgba(14,165,233,0.28) !important;
}
.badge-gold {
  box-shadow: 0 0 8px rgba(217,119,6,0.34) !important;
}

/* ──────────────────────────────────────────────────────────────
   GLOWING ANIMATED HERO FRAME BORDER
────────────────────────────────────────────────────────────── */
.presentation-strip__frame {
  animation: borderFlowBlue 4.5s ease-in-out infinite !important;
}
.minimal-hero__cta {
  animation: glowBlue 3.5s ease-in-out infinite !important;
}
.minimal-hero__cta:hover {
  animation: none !important;
  box-shadow: 0 0 48px rgba(14,165,233,0.92), 0 16px 44px rgba(14,165,233,0.52) !important;
}

/* ──────────────────────────────────────────────────────────────
   GLOWING NAV ACTIVE LINK
────────────────────────────────────────────────────────────── */
.nav-link::before {
  filter: drop-shadow(0 0 4px rgba(14,165,233,0.80)) !important;
}
.nav-link.is-active {
  text-shadow: none !important;
}

/* ──────────────────────────────────────────────────────────────
   GLOWING STAT CARDS (hero grid)
────────────────────────────────────────────────────────────── */
.stat-card:hover {
  box-shadow: 0 0 22px rgba(14,165,233,0.48), 0 4px 16px rgba(14,165,233,0.22) !important;
}
.stat-card:nth-child(2):hover { box-shadow: 0 0 22px rgba(22,163,74,0.48),  0 4px 16px rgba(22,163,74,0.22) !important; }
.stat-card:nth-child(3):hover { box-shadow: 0 0 22px rgba(217,119,6,0.48), 0 4px 16px rgba(217,119,6,0.22) !important; }

/* ──────────────────────────────────────────────────────────────
   GLOWING BLOCKQUOTE + SCROLL BAR
────────────────────────────────────────────────────────────── */
blockquote {
  box-shadow: 0 0 18px rgba(14,165,233,0.30), 0 4px 14px rgba(14,165,233,0.14) !important;
}
#scroll-progress {
  box-shadow: 0 0 10px rgba(14,165,233,0.72), 0 0 24px rgba(22,163,74,0.40) !important;
}

/* ──────────────────────────────────────────────────────────────
   GLOWING PAGE-HERO BOTTOM LINE
────────────────────────────────────────────────────────────── */
.page-hero::after {
  box-shadow: 0 0 14px rgba(14,165,233,0.58), 0 0 30px rgba(22,163,74,0.30) !important;
}

/* ──────────────────────────────────────────────────────────────
   COLOR-CODED ICON UTILITY CLASSES
────────────────────────────────────────────────────────────── */
.icon-blue {
  background: linear-gradient(135deg, #0369a1, #0ea5e9) !important;
  color: #fff !important;
  border-radius: 12px !important;
  box-shadow: 0 0 18px rgba(14,165,233,0.65), 0 4px 14px rgba(14,165,233,0.38) !important;
  animation: iconPop 4s ease-in-out infinite !important;
}
.icon-green {
  background: linear-gradient(135deg, #14532d, #16a34a) !important;
  color: #fff !important;
  border-radius: 12px !important;
  box-shadow: 0 0 18px rgba(22,163,74,0.65), 0 4px 14px rgba(22,163,74,0.38) !important;
  animation: iconPop 4.4s ease-in-out infinite !important;
}
.icon-gold {
  background: linear-gradient(135deg, #92400e, #f59e0b) !important;
  color: #fff !important;
  border-radius: 12px !important;
  box-shadow: 0 0 18px rgba(217,119,6,0.65), 0 4px 14px rgba(217,119,6,0.38) !important;
  animation: iconPop 3.8s ease-in-out infinite !important;
}

/* ──────────────────────────────────────────────────────────────
   ★★★  FOOTER — FULL VIBRANT OVERHAUL  ★★★
   Насыщенный тёмный фон + цветные акценты + свечение
────────────────────────────────────────────────────────────── */
.site-footer {
  background: linear-gradient(
    160deg,
    #061828 0%,
    #0a2e55 30%,
    #063520 65%,
    #061828 100%
  ) !important;
  border-top: none !important;
  position: relative !important;
  overflow: hidden !important;
  padding-top: 52px !important;
}

/* Glowing tricolor stripe at top of footer */
.site-footer::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important; left: 0 !important; right: 0 !important;
  height: 5px !important;
  background: linear-gradient(
    90deg,
    #0ea5e9 0%, #38bdf8 22%,
    #22c55e 44%, #16a34a 55%,
    #f59e0b 72%, #d97706 88%,
    #0ea5e9 100%
  ) !important;
  box-shadow:
    0 0 20px rgba(14,165,233,0.75),
    0 0 40px rgba(22,163,74,0.45),
    0 0 30px rgba(245,158,11,0.55) !important;
  animation: footerGlowShift 4s ease-in-out infinite !important;
  z-index: 2 !important;
}

/* Ambient glow orbs inside footer */
.site-footer::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background:
    radial-gradient(ellipse at 12% 55%, rgba(14,165,233,0.16) 0%, transparent 50%),
    radial-gradient(ellipse at 88% 25%, rgba(22,163,74,0.14) 0%, transparent 45%),
    radial-gradient(ellipse at 50% 95%, rgba(217,119,6,0.14) 0%, transparent 45%) !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

/* Ensure footer content is above pseudo-elements */
.site-footer > * {
  position: relative !important;
  z-index: 3 !important;
}

/* Footer h3 headings — no glow */
.site-footer h3 {
  color: #f59e0b !important;
  text-shadow: none !important;
}
.site-footer h3::after {
  background: linear-gradient(90deg, #0ea5e9, #22c55e) !important;
  box-shadow: 0 0 10px rgba(14,165,233,0.65) !important;
}

/* Footer h2 — no glow */
.site-footer h2 {
  color: #38bdf8 !important;
  text-shadow: none !important;
}

/* Footer links */
.site-footer .simple-link,
.site-footer a {
  color: rgba(255,255,255,0.78) !important;
  transition: color 0.18s ease, padding-left 0.18s ease !important;
}
.site-footer .simple-link:hover,
.site-footer a:hover {
  color: #38bdf8 !important;
  text-shadow: none !important;
  padding-left: 6px !important;
}

/* Footer body text */
.site-footer p {
  color: rgba(255,255,255,0.68) !important;
}

/* Footer bottom / copyright bar */
.footer-bottom,
.footer-bar,
.footer-legal,
.copyright {
  border-top: 1px solid rgba(14,165,233,0.24) !important;
  color: rgba(255,255,255,0.48) !important;
  padding-top: 20px !important;
  margin-top: 20px !important;
}

/* Footer brand-mark / logo glow */
.site-footer .brand-mark {
  border-color: rgba(14,165,233,0.48) !important;
  box-shadow: 0 0 22px rgba(14,165,233,0.38) !important;
}

/* Footer social icon links */
.site-footer .social-mini__link,
.footer-social a {
  background: rgba(14,165,233,0.18) !important;
  border: 1px solid rgba(14,165,233,0.44) !important;
  color: #38bdf8 !important;
  box-shadow: 0 0 12px rgba(14,165,233,0.34) !important;
  transition: box-shadow 0.2s ease, background 0.2s ease !important;
}
.site-footer .social-mini__link:hover,
.footer-social a:hover {
  background: rgba(14,165,233,0.42) !important;
  box-shadow: 0 0 26px rgba(14,165,233,0.78) !important;
}

/* Footer locale / lang pills */
.site-footer .locale-pill {
  border-color: rgba(14,165,233,0.38) !important;
  color: rgba(255,255,255,0.76) !important;
}
.site-footer .locale-pill:hover,
.site-footer .locale-pill.is-active {
  background: rgba(14,165,233,0.30) !important;
  border-color: rgba(14,165,233,0.65) !important;
  box-shadow: 0 0 12px rgba(14,165,233,0.45) !important;
}

/* Footer link-stack rows */
.site-footer .link-stack a {
  padding: 3px 0 3px 8px !important;
  border-left: 2px solid transparent !important;
  border-radius: 0 4px 4px 0 !important;
  transition: border-color 0.18s ease, background 0.18s ease, color 0.18s ease !important;
}
.site-footer .link-stack a:hover {
  border-left-color: #0ea5e9 !important;
  background: rgba(14,165,233,0.10) !important;
  color: #38bdf8 !important;
  text-shadow: none !important;
  padding-left: 12px !important;
}

/* Glowing divider inside footer */
.site-footer hr,
.footer-divider {
  border: none !important;
  height: 1px !important;
  background: linear-gradient(90deg,
    transparent, rgba(14,165,233,0.45) 30%,
    rgba(22,163,74,0.35) 60%,
    rgba(217,119,6,0.35) 80%, transparent
  ) !important;
  box-shadow: 0 0 8px rgba(14,165,233,0.30) !important;
  margin: 24px 0 !important;
}

/* ═══════════════════════════════════════════════════════════════════
   V3 FIXES — NO TEXT GLOW · VIVID FOOTER · VIVID TOPBAR
   Текст не светится; светятся только рамки и фон иконок
   ═══════════════════════════════════════════════════════════════════ */

/* ──────────────────────────────────────────────────────────────
   1. REMOVE ALL TEXT GLOW — text-shadow: none on every text element
────────────────────────────────────────────────────────────── */

/* Nav active link — no text glow */
.nav-link.is-active {
  text-shadow: none !important;
}

/* Footer headings — no text glow, keep vivid colors */
.site-footer h2,
.site-footer h3 {
  text-shadow: none !important;
}

/* Footer links — no text glow on hover */
.site-footer .simple-link:hover,
.site-footer a:hover,
.site-footer .link-stack a:hover {
  text-shadow: none !important;
  transition: color 0.18s ease, padding-left 0.18s ease !important;
}

/* Section kickers — only border glow, no text glow */
.section-kicker,
.hero-kicker,
.card-kicker {
  text-shadow: none !important;
}

/* Any other text that may have picked up a glow */
h1, h2, h3, h4, h5, h6, p, a, span, li, td, th, label {
  text-shadow: none !important;
}

/* ──────────────────────────────────────────────────────────────
   2. REMOVE CARD PULSE ANIMATIONS
   Карточки не должны пульсировать — только рамки и иконки
────────────────────────────────────────────────────────────── */

/* Cards: replace animation with a static vivid glow border only */
.minimal-card,
.minimal-card.is-azure,
.minimal-card.is-emerald,
.minimal-card:nth-child(3n+3) {
  animation: none !important;
}

/* Restore static glow (border shadow only, no pulsing) */
.minimal-card {
  box-shadow:
    0 0 0 2px rgba(14,165,233,0.35),
    0 4px 20px rgba(14,165,233,0.14) !important;
}
.minimal-card.is-emerald {
  box-shadow:
    0 0 0 2px rgba(22,163,74,0.35),
    0 4px 20px rgba(22,163,74,0.14) !important;
}
.minimal-card:nth-child(3n+3) {
  box-shadow:
    0 0 0 2px rgba(217,119,6,0.38),
    0 4px 20px rgba(217,119,6,0.14) !important;
}

/* Remove button pulsing animation */
.minimal-hero__cta {
  animation: none !important;
  box-shadow: 0 0 0 2px rgba(14,165,233,0.45), 0 8px 28px rgba(14,165,233,0.30) !important;
}
.minimal-hero__cta:hover {
  animation: none !important;
  box-shadow: 0 0 0 3px rgba(14,165,233,0.70), 0 12px 36px rgba(14,165,233,0.42) !important;
}

/* Remove glow from regular buttons — keep clean look */
.button {
  box-shadow: 0 6px 22px rgba(14,165,233,0.32) !important;
}
.button:hover {
  box-shadow: 0 10px 32px rgba(14,165,233,0.45) !important;
}

/* Remove chip/pill pulsing glow */
.chip.is-active {
  box-shadow: 0 2px 10px rgba(14,165,233,0.35) !important;
}
.badge, .pill, .count-pill {
  box-shadow: none !important;
}

/* Remove blockquote glow */
blockquote {
  box-shadow: 0 2px 12px rgba(14,165,233,0.10) !important;
}

/* Remove scroll-progress glow */
#scroll-progress {
  box-shadow: none !important;
}

/* Remove page-hero bottom line glow */
.page-hero::after {
  box-shadow: none !important;
}

/* Remove section-kicker glow */
.section-kicker,
.hero-kicker,
.card-kicker {
  box-shadow: none !important;
}

/* Remove hero frame animation (keep static border color) */
.presentation-strip__frame {
  animation: none !important;
  border: 1px solid rgba(14,165,233,0.50) !important;
  box-shadow: 0 0 40px rgba(14,165,233,0.15) inset !important;
}

/* Keep ONLY icon badge animations and their glowing box-shadow */
.minimal-card__icon {
  animation: iconPop 4.2s ease-in-out infinite !important;
  box-shadow: 0 0 16px rgba(14,165,233,0.55), 0 4px 12px rgba(14,165,233,0.32) !important;
}
.minimal-card.is-emerald .minimal-card__icon {
  box-shadow: 0 0 16px rgba(22,163,74,0.55), 0 4px 12px rgba(22,163,74,0.32) !important;
}
.minimal-card:nth-child(3n+3) .minimal-card__icon {
  box-shadow: 0 0 16px rgba(217,119,6,0.60), 0 4px 12px rgba(217,119,6,0.36) !important;
}
.minimal-action__icon {
  animation: iconPop 4.4s ease-in-out infinite !important;
}
.icon-blue {
  animation: iconPop 4s ease-in-out infinite !important;
  box-shadow: 0 0 16px rgba(14,165,233,0.58), 0 4px 12px rgba(14,165,233,0.32) !important;
}
.icon-green {
  animation: iconPop 4.4s ease-in-out infinite !important;
  box-shadow: 0 0 16px rgba(22,163,74,0.58), 0 4px 12px rgba(22,163,74,0.32) !important;
}
.icon-gold {
  animation: iconPop 3.8s ease-in-out infinite !important;
  box-shadow: 0 0 16px rgba(217,119,6,0.58), 0 4px 12px rgba(217,119,6,0.32) !important;
}

/* ──────────────────────────────────────────────────────────────
   3. VIVID FOOTER BACKGROUND — насыщенный, не мутный
   Заменяем тёмный мутный фон на яркий насыщенный
────────────────────────────────────────────────────────────── */
.site-footer {
  background: linear-gradient(
    150deg,
    #1251a3 0%,
    #0d6ecc 30%,
    #0b7a4a 65%,
    #0e5fa8 100%
  ) !important;
  padding-top: 52px !important;
}

/* Keep tricolor top stripe, make it brighter */
.site-footer::before {
  background: linear-gradient(
    90deg,
    #38bdf8 0%,
    #22c55e 33%,
    #f59e0b 66%,
    #38bdf8 100%
  ) !important;
  box-shadow:
    0 0 16px rgba(56,189,248,0.80),
    0 0 32px rgba(34,197,94,0.50),
    0 0 24px rgba(245,158,11,0.55) !important;
  height: 4px !important;
}

/* Footer h2 and h3 — vivid, no glow */
.site-footer h2 {
  color: #e0f2fe !important;
}
.site-footer h3 {
  color: #fde68a !important;
}

/* Footer text opacity bump */
.site-footer p {
  color: rgba(255,255,255,0.82) !important;
}
.site-footer .simple-link,
.site-footer a {
  color: rgba(255,255,255,0.85) !important;
}
.site-footer .simple-link:hover,
.site-footer a:hover {
  color: #bae6fd !important;
}

/* Footer h3 underline — keep gold-to-sky */
.site-footer h3::after {
  background: linear-gradient(90deg, #fbbf24, #38bdf8) !important;
  box-shadow: none !important;
}

/* Footer divider inside — brighter */
.site-footer hr,
.footer-divider {
  background: linear-gradient(90deg,
    transparent,
    rgba(255,255,255,0.30) 30%,
    rgba(255,255,255,0.20) 60%,
    transparent
  ) !important;
  box-shadow: none !important;
}

/* Footer link-stack hover — vivid, no text glow */
.site-footer .link-stack a:hover {
  border-left-color: #38bdf8 !important;
  background: rgba(255,255,255,0.12) !important;
  color: #bae6fd !important;
}

/* Footer copyright/legal bar */
.footer-bottom,
.footer-bar,
.footer-legal,
.copyright {
  border-top-color: rgba(255,255,255,0.18) !important;
  color: rgba(255,255,255,0.60) !important;
}

/* Footer brand-mark border stays vivid */
.site-footer .brand-mark {
  border-color: rgba(255,255,255,0.40) !important;
  box-shadow: 0 0 16px rgba(56,189,248,0.35) !important;
}

/* Footer social icons — vivid border glow */
.site-footer .social-mini__link,
.footer-social a {
  background: rgba(255,255,255,0.14) !important;
  border: 1px solid rgba(255,255,255,0.40) !important;
  color: #fff !important;
  box-shadow: 0 0 10px rgba(56,189,248,0.30) !important;
}
.site-footer .social-mini__link:hover,
.footer-social a:hover {
  background: rgba(255,255,255,0.24) !important;
  box-shadow: 0 0 20px rgba(56,189,248,0.55) !important;
}

/* ──────────────────────────────────────────────────────────────
   4. VIVID TOPBAR — заголовок страниц: насыщенный, не мутный
────────────────────────────────────────────────────────────── */
.topbar {
  background: linear-gradient(
    90deg,
    #1251a3 0%,
    #1565c0 50%,
    #0f6b4e 100%
  ) !important;
  color: rgba(255,255,255,0.90) !important;
  border-bottom: 1px solid rgba(255,255,255,0.15) !important;
}
.topbar-links a {
  color: rgba(255,255,255,0.82) !important;
}
.topbar-links a:hover {
  color: #bae6fd !important;
  text-shadow: none !important;
}

/* ──────────────────────────────────────────────────────────────
   5. PAGE HERO BANNERS — vivid colored background, readable text
   Цветной фон заголовков, не слишком тёмный и не белый
────────────────────────────────────────────────────────────── */

/* Regular page heroes: vivid sky-blue/green tint so dark text stays readable */
.page-hero:not(.page-hero--photo)::before,
.hero:not(.page-hero--photo)::before {
  background:
    linear-gradient(120deg,
      rgba(14,165,233,0.18) 0%,
      rgba(12,121,185,0.14) 40%,
      rgba(22,163,74,0.12) 80%,
      rgba(245,158,11,0.08) 100%
    ) !important;
}

/* Photo page heroes: restore dark overlay so WHITE text stays visible */
.page-hero--photo::before {
  background: linear-gradient(
    112deg,
    rgba(5, 15, 30, 0.90) 0%,
    rgba(8, 32, 58, 0.78) 45%,
    rgba(10, 50, 80, 0.60) 100%
  ) !important;
  z-index: 1 !important;
}

/* Page hero headings: vivid colored text on the light-blue/green tinted background */
.page-hero:not(.page-hero--photo) .page-hero-copy h1 {
  color: #0d5a9e !important;
  text-shadow: none !important;
}
.page-hero:not(.page-hero--photo) .section-kicker {
  color: #0b7a4a !important;
  text-shadow: none !important;
}
.page-hero:not(.page-hero--photo) .page-hero-copy p {
  color: #1e3a5f !important;
  text-shadow: none !important;
}

/* Section kicker on regular hero: gold accent strip */
.page-hero:not(.page-hero--photo) .section-kicker::before {
  background: #d97706 !important;
}

/* Detail hero banners (subpages) */
.detail-hero {
  border-top-width: 5px !important;
}
.detail-hero.theme-azure {
  border-top-color: #0ea5e9 !important;
  box-shadow: 0 4px 0 0 rgba(14,165,233,0.35), 0 6px 24px rgba(14,165,233,0.14) !important;
}
.detail-hero.theme-emerald {
  border-top-color: #16a34a !important;
  box-shadow: 0 4px 0 0 rgba(22,163,74,0.35), 0 6px 24px rgba(22,163,74,0.14) !important;
}
.detail-hero.theme-gold {
  border-top-color: #f59e0b !important;
  box-shadow: 0 4px 0 0 rgba(217,119,6,0.35), 0 6px 24px rgba(217,119,6,0.14) !important;
}

/* Hero stage (home page dark panel) — keep vivid, not muddy */
.hero-stage {
  background: linear-gradient(
    135deg,
    #0d4e9e 0%,
    #0ea5e9 100%
  ) !important;
}

/* Timeline year badge — no text glow */
.timeline-year {
  text-shadow: none !important;
}

/* ═══════════════════════════════════════════════════════════════════
   V4 — MAP NEON · COLORFUL HEADINGS
   ═══════════════════════════════════════════════════════════════════ */

/* ──────────────────────────────────────────────────────────────
   1. INTERACTIVE MAP — remove section border (was wrapping
      the heading text too), move frame to the panel itself
────────────────────────────────────────────────────────────── */

/* Strip the outer section border so only the map box has a frame */
.home-map-section {
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

/* Sky-blue background for the map shell */
.home-map-shell {
  background: linear-gradient(
    160deg,
    #072f6b 0%,
    #0b4fa8 35%,
    #0d5fc2 65%,
    #083d88 100%
  ) !important;
  border-radius: 14px !important;
}

/* Neon green glowing border only on the map panel */
.home-map-panel {
  border: 2px solid #22c55e !important;
  border-radius: 16px !important;
  box-shadow:
    0 0 14px rgba(34,197,94,0.75),
    0 0 36px rgba(34,197,94,0.45),
    0 0 72px rgba(34,197,94,0.22),
    inset 0 0 24px rgba(34,197,94,0.07) !important;
  overflow: hidden !important;
}

/* Shimmer keyframe for map regions — white ↔ light sky ↔ light mint */
@keyframes mapShimmer {
  0%   { fill: rgba(255,255,255,0.90); filter: drop-shadow(0 0 3px rgba(186,230,253,0.60)); }
  25%  { fill: rgba(186,230,253,0.88); filter: drop-shadow(0 0 6px rgba(134,239,172,0.55)); }
  50%  { fill: rgba(224,242,254,0.95); filter: drop-shadow(0 0 8px rgba(255,255,255,0.80)); }
  75%  { fill: rgba(167,243,208,0.82); filter: drop-shadow(0 0 6px rgba(186,230,253,0.60)); }
  100% { fill: rgba(255,255,255,0.90); filter: drop-shadow(0 0 3px rgba(186,230,253,0.60)); }
}

/* Region fill — shimmering white */
.home-map-region-shape path {
  stroke: rgba(34,197,94,0.90) !important;
  stroke-width: 1.5 !important;
  animation: mapShimmer 3.5s ease-in-out infinite !important;
  transition: animation 0s !important;
}

/* Stagger shimmer per region for a wave-like effect */
.home-map-region-shape:nth-child(2n)   path { animation-delay: 0.4s !important; }
.home-map-region-shape:nth-child(3n)   path { animation-delay: 0.8s !important; }
.home-map-region-shape:nth-child(4n)   path { animation-delay: 1.2s !important; }
.home-map-region-shape:nth-child(5n)   path { animation-delay: 1.6s !important; }

/* Hover/active: gold fill + neon green glow on the path */
.home-map-region-shape:hover path,
.home-map-region-shape:focus path,
.home-map-region-shape.is-active path {
  fill: rgba(245,158,11,0.88) !important;
  stroke: rgba(34,197,94,1) !important;
  filter: drop-shadow(0 0 6px rgba(34,197,94,0.85)) !important;
}

/* Subtle neon green drop-shadow on the whole SVG */
.home-map-svg {
  filter: drop-shadow(0 0 10px rgba(34,197,94,0.50)) !important;
}

/* ──────────────────────────────────────────────────────────────
   2. COLORFUL PAGE HEADINGS — h1 on every page hero
────────────────────────────────────────────────────────────── */

/* Gradient text: deep blue → sky → green for regular hero h1 */
.page-hero:not(.page-hero--photo) .page-hero-copy h1 {
  background: linear-gradient(90deg, #0d4e9e 0%, #0ea5e9 55%, #0b7a4a 100%);
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  color: transparent !important;
  text-shadow: none !important;
}

/* Section kicker badge in the hero: gold accent */
.page-hero:not(.page-hero--photo) .section-kicker {
  background: linear-gradient(135deg, rgba(14,165,233,0.15), rgba(245,158,11,0.15)) !important;
  border-color: rgba(217,119,6,0.45) !important;
  color: #92400e !important;
}

/* ──────────────────────────────────────────────────────────────
   3. COLORFUL SECTION h2 HEADINGS — throughout all pages
────────────────────────────────────────────────────────────── */

/* Main section h2: gradient blue→sky→green */
.section-heading h2 {
  background: linear-gradient(90deg, #0d4e9e 0%, #0ea5e9 50%, #0b7a4a 90%);
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  color: transparent !important;
  text-shadow: none !important;
}

/* Keep the gradient underline bar visible */
.section-heading h2::after {
  background: linear-gradient(90deg, #0ea5e9, #22c55e, #f59e0b) !important;
  display: block !important;
  -webkit-text-fill-color: initial !important;
  color: initial !important;
}

/* ═══════════════════════════════════════════════════════════════════
   V5 — MAP SECTION WHITE BG · PHOTO-HERO SHIMMER HEADINGS
   ═══════════════════════════════════════════════════════════════════ */

/* ──────────────────────────────────────────────────────────────
   1. MAP SECTION HEADING AREA — white background
   Убираем бежевый фон от .section:nth-of-type
────────────────────────────────────────────────────────────── */
.home-map-section.section,
.home-map-section {
  background: #ffffff !important;
}

/* ──────────────────────────────────────────────────────────────
   2. PHOTO-HERO PAGE HEADINGS — shimmering colorful gradient
   Страницы с тёмным фото-фоном: Loyiha haqida, Voqealar, и т.д.
────────────────────────────────────────────────────────────── */

/* Shimmer keyframe — light gradient sweeps across the text */
@keyframes shimmerText {
  0%   { background-position: -200% center; }
  100% { background-position:  200% center; }
}

/* h1 on photo-bg pages: bright light shimmering gradient */
.page-hero--photo .page-hero-copy h1 {
  background: linear-gradient(
    90deg,
    #ffffff   0%,
    #bae6fd  18%,
    #86efac  36%,
    #fde68a  54%,
    #bae6fd  72%,
    #ffffff  90%,
    #bae6fd 100%
  ) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  color: transparent !important;
  text-shadow: none !important;
  animation: shimmerText 4s linear infinite !important;
}

/* Section kicker on photo pages — gold shimmer pill */
.page-hero--photo .section-kicker {
  background: linear-gradient(135deg, rgba(245,158,11,0.25), rgba(14,165,233,0.18)) !important;
  border-color: rgba(245,158,11,0.55) !important;
  color: #fde68a !important;
  text-shadow: none !important;
}
.page-hero--photo .section-kicker::before {
  background: #f59e0b !important;
}

/* ═══════════════════════════════════════════════════════════════════
   V6 — SEARCH BUTTON TEXT ALIGNMENT FIX
   ═══════════════════════════════════════════════════════════════════ */

/* Force the "Найти" button text to be perfectly centered */
.header-search .button,
.header-search .button-secondary,
.header-nav-bar .header-search button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  vertical-align: middle !important;
  white-space: nowrap !important;
}

/* Footer nav + service: strict same-level alignment */
.site-footer .footer-col--nav,
.site-footer .footer-col--service {
  display: grid !important;
  grid-template-rows: auto 1fr !important;
  row-gap: 10px !important;
  align-content: start !important;
}

.site-footer .footer-col--nav > h3,
.site-footer .footer-col--service > h3 {
  margin: 0 !important;
  line-height: 1.3 !important;
  min-height: 1.3em !important;
}

.site-footer .footer-col--nav .link-stack,
.site-footer .footer-col--service .link-stack {
  margin: 0 !important;
  padding: 0 !important;
  gap: 10px !important;
}

.site-footer .footer-col--nav .link-stack a,
.site-footer .footer-col--service .link-stack a {
  padding: 0 !important;
  margin: 0 !important;
  border-left: none !important;
  border-radius: 0 !important;
}

.site-footer .footer-col--nav .link-stack a:hover,
.site-footer .footer-col--service .link-stack a:hover {
  padding-left: 0 !important;
}