/* ═══════════════════════════════════════════════════════════════
   FRESH LAYER — аддитивное освежение (микро-анимации, цвет, глубина)
   ОТКАТ: удалить <link> этого файла и <script> fresh.js в _Layout.
   Базовые файлы не изменяются.
   ═══════════════════════════════════════════════════════════════ */

/* ── Reveal при скролле (класс fx-ready ставит fresh.js; без JS — всё видно) ── */
body.fx-ready .fx-item{ opacity:0; transform:translateY(20px); transition:opacity .6s ease, transform .6s cubic-bezier(.2,.7,.3,1); }
body.fx-ready .fx-item.fx-in{ opacity:1; transform:none; }

/* ── Анимированный градиент героя + тёплое свечение ── */
.hero{ background-size:170% 170%; animation:heroShift 20s ease-in-out infinite; }
@keyframes heroShift{ 0%,100%{ background-position:0% 0%; } 50%{ background-position:100% 60%; } }
.hero::before{ content:''; position:absolute; width:540px; height:540px; right:-140px; top:-180px; background:radial-gradient(circle,rgba(229,149,0,.30),transparent 65%); filter:blur(18px); pointer-events:none; z-index:0; }
.hero .container{ z-index:1; }

/* ── Цветовые блобы в светлых секциях (уходим от серости) ── */
.sec.alt{ position:relative; overflow:hidden; }
.sec.alt::before{ content:''; position:absolute; width:420px; height:420px; left:-160px; top:-140px; background:radial-gradient(circle,rgba(18,80,140,.10),transparent 70%); pointer-events:none; }
.sec.alt::after{ content:''; position:absolute; width:400px; height:400px; right:-160px; bottom:-160px; background:radial-gradient(circle,rgba(229,149,0,.10),transparent 70%); pointer-events:none; }
.sec.alt > .container{ position:relative; z-index:1; }

/* ── Карточки: мягкое свечение + акцентная рамка на ховере ── */
.act:hover, .indcard:hover, .clu:hover, .news:hover, .comp:hover{ box-shadow:0 20px 46px rgba(13,59,102,.17), 0 0 0 1px rgba(229,149,0,.28); }
.cat:hover{ box-shadow:0 16px 38px rgba(13,59,102,.16); }

/* ── Зум изображения в карточках ── */
.prod .ph, .news .ph, .clu .logo, .cat .e{ overflow:hidden; }
.prod .ph img, .news .ph img, .clu .logo img{ transition:transform .5s ease; }
.prod:hover .ph img, .news:hover .ph img, .clu:hover .logo img{ transform:scale(1.07); }
.cat .e svg{ transition:transform .3s ease; }
.cat:hover .e svg{ transform:scale(1.12) rotate(-4deg); }

/* ── Кнопки: световой блик ── */
.btn-pri, .btn-acc, .btn-cp{ position:relative; overflow:hidden; }
.btn-pri::after, .btn-acc::after{ content:''; position:absolute; top:0; left:-130%; width:60%; height:100%; background:linear-gradient(120deg,transparent,rgba(255,255,255,.4),transparent); transform:skewX(-20deg); transition:left .6s ease; }
.btn-pri:hover::after, .btn-acc:hover::after{ left:140%; }

/* ── Акцентная линия секции «дышит» ── */
.sec-line{ background:linear-gradient(90deg,var(--amber),#ffcf7a,var(--amber)); background-size:200% 100%; animation:lineShift 4s linear infinite; }
@keyframes lineShift{ to{ background-position:200% 0; } }

/* ── Категории: тёплый градиентный ховер иконки ── */
.cat:hover .e{ background:linear-gradient(135deg,var(--nav),var(--nav-2)); box-shadow:0 8px 18px rgba(0,47,111,.25); }

/* ── Индустрии/кластеры: иконка чуть оживает ── */
.indcard:hover .ic{ transform:scale(1.06) rotate(-3deg); transition:.25s; }

/* ── Чипы героя ── */
.hero-chips a{ transition:.18s; }
.hero-chips a:hover{ transform:translateY(-2px); }

/* ── Счётчики героя: цифра с лёгким свечением ── */
.hero-stats .hstat .n{ text-shadow:0 2px 18px rgba(255,207,122,.25); }

/* ── FAB: мягкий пульс ── */
.fab::before{ content:''; position:absolute; inset:0; border-radius:50%; box-shadow:0 0 0 0 rgba(229,149,0,.5); animation:fabPulse 2.8s infinite; }
@keyframes fabPulse{ 0%{ box-shadow:0 0 0 0 rgba(229,149,0,.5);} 70%{ box-shadow:0 0 0 16px rgba(229,149,0,0);} 100%{ box-shadow:0 0 0 0 rgba(229,149,0,0);} }

/* ── Шапка чуть «поднимается» при скролле (класс от JS) ── */
.hdr{ transition:box-shadow .25s, background .25s; }
body.scrolled .hdr{ box-shadow:0 6px 24px rgba(15,32,44,.10); }

/* ── Тёплая полоса над футером ── */
.footer{ position:relative; }
.footer::before{ content:''; position:absolute; top:0; left:0; right:0; height:3px; background:linear-gradient(90deg,var(--nav),var(--amber),var(--nav)); background-size:200% 100%; animation:lineShift 6s linear infinite; }

/* ── Цветные иконки категорий и индустрий (современная палитра) ── */
.cat .e{ color:#fff; box-shadow:0 7px 16px rgba(13,59,102,.16); background:linear-gradient(135deg,#4f8cff,#2563eb); }
.cat .e svg{ color:#fff; }
.cat:hover .e{ filter:brightness(1.08) saturate(1.05); }
.indcard .ic{ box-shadow:0 7px 16px rgba(13,59,102,.18); }
.indcard:hover .ic{ filter:brightness(1.08) saturate(1.05); }

/* ── Семантические цвета КАТЕГОРИЙ (по смыслу, через href) ── */
.cat[href="/catalog/ch"]      .e{ background:linear-gradient(135deg,#22c55e,#16a34a); } /* сельское хоз-во — зелёный */
.cat[href="/catalog/ph"]      .e{ background:linear-gradient(135deg,#ef4444,#dc2626); } /* пищевые продукты — красный */
.cat[href="/catalog/pph"]     .e{ background:linear-gradient(135deg,#fb923c,#ea580c); } /* пищевая пром-сть — оранжевый */
.cat[href="/catalog/smh"]     .e{ background:linear-gradient(135deg,#64748b,#475569); } /* стройматериалы — бетон/сталь */
.cat[href="/catalog/hp"]      .e{ background:linear-gradient(135deg,#a855f7,#7c3aed); } /* химия — фиолетовый */
.cat[href="/catalog/mmh"]     .e{ background:linear-gradient(135deg,#71717a,#3f3f46); } /* металлы — цинк */
.cat[href="/catalog/mash"]    .e{ background:linear-gradient(135deg,#6366f1,#4338ca); } /* машиностроение — индиго */
.cat[href="/catalog/ep"]      .e{ background:linear-gradient(135deg,#facc15,#ca8a04); } /* электротехника — жёлтый */
.cat[href="/catalog/it"]      .e{ background:linear-gradient(135deg,#3b82f6,#2563eb); } /* ИТ — синий */
.cat[href="/catalog/med"]     .e{ background:linear-gradient(135deg,#14b8a6,#0d9488); } /* медицина — бирюза */
.cat[href="/catalog/plastic"] .e{ background:linear-gradient(135deg,#22d3ee,#0891b2); } /* пластик — циан */
.cat[href="/catalog/dt"]      .e{ background:linear-gradient(135deg,#f472b6,#db2777); } /* детские — розовый */
.cat[href="/catalog/mmf"]     .e{ background:linear-gradient(135deg,#b0785a,#8a5230); } /* мебель — коричневый */
.cat[href="/catalog/ddi"]     .e{ background:linear-gradient(135deg,#b45309,#78350f); } /* древесина — дерево */
.cat[href="/catalog/lhd"]     .e{ background:linear-gradient(135deg,#16a34a,#166534); } /* лес — тёмно-зелёный */
.cat[href="/catalog/tokp"]    .e{ background:linear-gradient(135deg,#ec4899,#be185d); } /* текстиль/обувь — роза */
.cat[href="/catalog/korob"]   .e{ background:linear-gradient(135deg,#d97706,#b45309); } /* упаковка — крафт */
.cat[href="/catalog/turist"]  .e{ background:linear-gradient(135deg,#38bdf8,#0284c7); } /* туризм — небо */
.cat[href="/catalog/innov"]   .e{ background:linear-gradient(135deg,#8b5cf6,#6d28d9); } /* инновации — пурпур */
.cat[href="/catalog/pii"]     .e{ background:linear-gradient(135deg,#d946ef,#a21caf); } /* искусство — фуксия */
.cat[href="/catalog/guns"]    .e{ background:linear-gradient(135deg,#475569,#1e293b); } /* оружие — тёмно-серый */
.cat[href="/catalog/other"]   .e{ background:linear-gradient(135deg,#94a3b8,#64748b); } /* прочее — серый */

/* Цвета ВИДОВ креативных индустрий больше не хардкодятся по id —
   они приходят из модели (ApiCkiIndustry.Color, по названию из справочника)
   и ставятся инлайн в CreativeIndustries.cshtml. Новый вид из СРМ красится сам. */

/* ── Уважение к настройкам «уменьшить движение» ── */
@media (prefers-reduced-motion: reduce){
    .hero{ animation:none; }
    .fab::before, .sec-line, .footer::before{ animation:none; }
    body.fx-ready .fx-item{ opacity:1 !important; transform:none !important; transition:none; }
}