/* ============================================================================
   InnovTech «Prism» (2026-10-27). Фирменная гамма InnovArm: синий #375BEB,
   индиго #7678ED, фиолетовый #C089F6 — но подача своя: стеклянная шапка,
   «таблетки» меню, вращающаяся призма-рамка у слайдера, подиум под товаром,
   подсветка за курсором, контурные бренды, сияние в подвале.
   Только светлая тема (тёмная остаётся из tech.css). Подключается последним.
   Откат: в views/layout.js вернуть refine.css вместо prism.css.
   ============================================================================ */
@property --pr-a { syntax: '<angle>'; inherits: false; initial-value: 0deg; }

html:not([data-theme="dark"]) {
  --p1: #375BEB; --p2: #7678ED; --p3: #C089F6; --p4: #5ED3F3;
  --pink: #F0386B;
  --ink: #0F1550; --ink-2: #2A3170; --mut: #5E6593;
  --line: rgba(118,120,237,.16); --line-2: rgba(118,120,237,.28);
  --bg: #F7F8FE;
  --grad: linear-gradient(110deg, var(--p1) 0%, var(--p2) 50%, var(--p3) 100%);
  --grad-soft: linear-gradient(135deg, rgba(55,91,235,.10), rgba(192,137,246,.12));
  --sh-1: 0 1px 2px rgba(15,21,80,.05), 0 8px 24px rgba(55,91,235,.07);
  --sh-2: 0 2px 6px rgba(15,21,80,.06), 0 30px 70px rgba(91,76,235,.20);
  --e: cubic-bezier(.22,1,.36,1);
}

/* ---------- фон: мягкое северное сияние сверху, без сетки ---------- */
html:not([data-theme="dark"]) body { background: var(--bg); color: var(--ink); }
html:not([data-theme="dark"]) body::before, html:not([data-theme="dark"]) body::after { opacity: .9 !important; filter: blur(90px) !important; }
html:not([data-theme="dark"]) body::before { background: radial-gradient(closest-side, rgba(55,91,235,.28), transparent) !important; }
html:not([data-theme="dark"]) body::after { background: radial-gradient(closest-side, rgba(192,137,246,.30), transparent) !important; }
html:not([data-theme="dark"]) .ax-grid-bg { opacity: .18; }
html:not([data-theme="dark"]) ::selection { background: rgba(118,120,237,.28); }

/* ---------- верхняя полоса: тонкая призма ---------- */
html:not([data-theme="dark"]) .topbar { background: linear-gradient(90deg, var(--p1), var(--p2), var(--p3), var(--p2), var(--p1)) !important; color: rgba(255,255,255,.9) !important; background-size: 200% 100% !important; animation: pr-slide 14s linear infinite; }
html:not([data-theme="dark"]) .topbar a, html:not([data-theme="dark"]) .topbar span { color: #fff !important; opacity: .92; }
html:not([data-theme="dark"]) .topbar a:hover { opacity: 1; text-decoration: underline; text-underline-offset: 3px; }
@keyframes pr-slide { to { background-position: 200% 0; } }

/* ---------- шапка: матовое стекло ---------- */
html:not([data-theme="dark"]) .header { background: rgba(255,255,255,.72) !important; backdrop-filter: saturate(1.6) blur(18px); -webkit-backdrop-filter: saturate(1.6) blur(18px);
  box-shadow: 0 1px 0 var(--line), 0 10px 30px -18px rgba(55,91,235,.35) !important; }
html:not([data-theme="dark"]) .header::after { background: var(--grad) !important; height: 2px !important; opacity: .9; }
html:not([data-theme="dark"]) .logo-mark { background: var(--grad) !important; box-shadow: 0 8px 22px rgba(118,120,237,.45); }
html:not([data-theme="dark"]) .header .logo-text { color: var(--ink); letter-spacing: -.02em; }
html:not([data-theme="dark"]) .header .searchbox { border-radius: 999px; border: 1.5px solid transparent !important;
  background: linear-gradient(#fff,#fff) padding-box, linear-gradient(90deg, rgba(55,91,235,.25), rgba(192,137,246,.25)) border-box !important; transition: box-shadow .3s; }
html:not([data-theme="dark"]) .header .searchbox:focus-within { background: linear-gradient(#fff,#fff) padding-box, var(--grad) border-box !important; box-shadow: 0 10px 30px -8px rgba(118,120,237,.45); }
html:not([data-theme="dark"]) .header .searchbox button { background: var(--grad) !important; color: #fff; }
html:not([data-theme="dark"]) .header .icon-btn, html:not([data-theme="dark"]) .header .theme-btn, html:not([data-theme="dark"]) .header .curr-sel {
  background: #fff !important; color: var(--ink) !important; border: 1px solid var(--line) !important; border-radius: 14px; transition: transform .3s var(--e), border-color .3s, box-shadow .3s; }
html:not([data-theme="dark"]) .header .icon-btn:hover, html:not([data-theme="dark"]) .header .theme-btn:hover { transform: translateY(-2px); border-color: var(--p2) !important; box-shadow: 0 10px 22px -10px rgba(118,120,237,.6); }
html:not([data-theme="dark"]) .header .langsw { background: #fff !important; border: 1px solid var(--line); border-radius: 999px; }
html:not([data-theme="dark"]) .header .langsw a { color: var(--mut) !important; border-radius: 999px; }
html:not([data-theme="dark"]) .header .langsw a.active { background: var(--grad) !important; color: #fff !important; box-shadow: 0 6px 16px -6px rgba(118,120,237,.8); }
html:not([data-theme="dark"]) .cart-count { background: var(--grad) !important; box-shadow: 0 0 0 2px #fff; }

/* ---------- меню разделов: стеклянная лента с «таблетками» ---------- */
html:not([data-theme="dark"]) .catnav { background: rgba(255,255,255,.6) !important; backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); border-bottom: 1px solid var(--line) !important; }
html:not([data-theme="dark"]) .catnav .wrap { gap: 6px; padding-block: 8px; }
html:not([data-theme="dark"]) .catnav a { color: var(--ink) !important; font-weight: 600; border-radius: 999px; padding: 8px 16px !important; border-bottom: 0 !important; transition: background .3s, color .3s, box-shadow .3s; }
html:not([data-theme="dark"]) .catnav a:hover { background: var(--grad-soft); color: var(--p1) !important; }
html:not([data-theme="dark"]) .catnav a.active { background: var(--grad); color: #fff !important; box-shadow: 0 8px 20px -8px rgba(118,120,237,.8); }
html:not([data-theme="dark"]) .catnav-item > a::after, html:not([data-theme="dark"]) .catnav .wrap > a::after { display: none !important; }
html:not([data-theme="dark"]) .catnav-drop-in { border-radius: 18px; border: 1px solid var(--line); box-shadow: var(--sh-2); }

/* ---------- слайдер: вращающаяся призма-рамка ---------- */
html:not([data-theme="dark"]) .slider { position: relative; padding: 2px; border-radius: 30px !important; overflow: visible !important;
  background: conic-gradient(from var(--pr-a), var(--p1), var(--p2), var(--p3), var(--p4), var(--p1)) !important; animation: pr-spin 10s linear infinite;
  box-shadow: 0 40px 90px -30px rgba(91,76,235,.55); }
html:not([data-theme="dark"]) .slider::before { content: ""; position: absolute; inset: 14px; z-index: -1; border-radius: 30px; background: inherit; filter: blur(30px); opacity: .55; }
@keyframes pr-spin { to { --pr-a: 360deg; } }
html:not([data-theme="dark"]) .slider .slides { border-radius: 28px; overflow: hidden; }
html:not([data-theme="dark"]) .slide-inner { border-radius: 28px !important;
  background: radial-gradient(600px 380px at 82% 35%, rgba(118,120,237,.55), transparent 65%), radial-gradient(500px 300px at 10% 100%, rgba(192,137,246,.35), transparent 70%), linear-gradient(125deg, #070A2E 0%, #121866 55%, #2A1F8A 100%) !important; }
html:not([data-theme="dark"]) .slide-kicker { background: rgba(255,255,255,.08) !important; border: 1px solid rgba(255,255,255,.22) !important; color: #E4E6FF !important; backdrop-filter: blur(6px); }
html:not([data-theme="dark"]) .slide h2 { background: linear-gradient(100deg, #fff 30%, #CFC6FF 70%, #F1D9FF) !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; color: transparent !important; }
html:not([data-theme="dark"]) .slide p { color: rgba(255,255,255,.8) !important; }
html:not([data-theme="dark"]) .slide-visual { background: transparent !important; }
html:not([data-theme="dark"]) .slider-arrow { background: rgba(255,255,255,.12) !important; border: 1px solid rgba(255,255,255,.25) !important; color: #fff !important; backdrop-filter: blur(8px); transition: background .3s, transform .3s var(--e); }
html:not([data-theme="dark"]) .slider-arrow:hover { background: #fff !important; color: var(--p1) !important; transform: scale(1.08); }
html:not([data-theme="dark"]) .slider-dot.active { background: var(--grad) !important; }
html:not([data-theme="dark"]) .btn-light { background: #fff !important; color: var(--ink) !important; border-radius: 14px; }
html:not([data-theme="dark"]) .btn-light:hover { background: var(--grad) !important; color: #fff !important; }

/* ---------- промо-плитки ---------- */
html:not([data-theme="dark"]) .promo-tile { border-radius: 26px !important; border: 1px solid rgba(255,255,255,.4); box-shadow: var(--sh-2); transition: transform .5s var(--e), box-shadow .5s; background: none !important; }
html:not([data-theme="dark"]) .promo-tile:hover { transform: translateY(-6px) rotate(-.4deg); box-shadow: 0 40px 80px -24px rgba(91,76,235,.6); }
html:not([data-theme="dark"]) .promo-tile img { transition: transform 1s var(--e); }
html:not([data-theme="dark"]) .promo-tile:hover img { transform: scale(1.06); }
html:not([data-theme="dark"]) .promo-copy b { text-shadow: 0 6px 30px rgba(15,21,80,.35); }

/* ---------- бренды: контурные буквы, при наведении наливаются цветом ---------- */
html:not([data-theme="dark"]) .ax-marquee { border-color: var(--line) !important; }
html:not([data-theme="dark"]) .ax-marquee-track span { color: transparent !important; -webkit-text-stroke: 1.3px rgba(118,120,237,.55); background: var(--grad); -webkit-background-clip: text; background-clip: text;
  transition: -webkit-text-stroke-color .3s, color .3s; letter-spacing: .04em; }
html:not([data-theme="dark"]) .ax-marquee-track span:hover { -webkit-text-stroke-color: transparent; -webkit-text-fill-color: transparent; }

/* ---------- заголовки ---------- */
html:not([data-theme="dark"]) .page-h1 { background: linear-gradient(100deg, var(--ink) 0%, var(--ink-2) 45%, var(--p2) 80%, var(--p3)); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; letter-spacing: -.03em; }
html:not([data-theme="dark"]) .page-lead { color: var(--mut); }
html:not([data-theme="dark"]) .section-head h2 { color: var(--ink); letter-spacing: -.025em; }
html:not([data-theme="dark"]) .section-head h2::after, html:not([data-theme="dark"]) .section-head::after { background: var(--grad) !important; height: 4px !important; border-radius: 4px; width: 56px !important; }
html:not([data-theme="dark"]) .section-head a { color: var(--p1); font-weight: 700; }

/* ---------- преимущества ---------- */
html:not([data-theme="dark"]) .usp { position: relative; background: rgba(255,255,255,.75) !important; backdrop-filter: blur(10px); border: 1px solid var(--line) !important; border-radius: 22px !important; padding-left: 64px !important; box-shadow: var(--sh-1); transition: transform .4s var(--e), box-shadow .4s; }
html:not([data-theme="dark"]) .usp::before { content: "✓"; position: absolute; left: 18px; top: 50%; transform: translateY(-50%); width: 34px; height: 34px; border-radius: 12px; background: var(--grad); color: #fff; font-weight: 800; display: flex; align-items: center; justify-content: center; box-shadow: 0 8px 18px -6px rgba(118,120,237,.7); }
html:not([data-theme="dark"]) .usp:hover { transform: translateY(-3px); box-shadow: var(--sh-2); }
html:not([data-theme="dark"]) .usp b { color: var(--ink); }

/* ---------- плитки разделов ---------- */
html:not([data-theme="dark"]) .coll-tile { position: relative; overflow: hidden; isolation: isolate; background: #fff !important; border: 1px solid var(--line) !important; border-radius: 24px !important; box-shadow: var(--sh-1); transition: transform .5s var(--e), box-shadow .5s, color .4s; }
html:not([data-theme="dark"]) .coll-tile::before { content: ""; position: absolute; inset: 0; z-index: -1; background: var(--grad); opacity: 0; transition: opacity .5s var(--e); }
html:not([data-theme="dark"]) .coll-tile .ico { background: var(--grad) !important; color: #fff !important; border-radius: 18px; box-shadow: 0 12px 26px -10px rgba(118,120,237,.8); transition: transform .5s var(--e), background .4s; }
html:not([data-theme="dark"]) .coll-tile:hover { transform: translateY(-6px); box-shadow: var(--sh-2); }
html:not([data-theme="dark"]) .coll-tile:hover::before { opacity: 1; }
html:not([data-theme="dark"]) .coll-tile:hover .ico { background: rgba(255,255,255,.18) !important; transform: rotate(-8deg) scale(1.08); }
html:not([data-theme="dark"]) .coll-tile:hover .nm, html:not([data-theme="dark"]) .coll-tile:hover .ct { color: #fff !important; }

/* ---------- карточка товара: подиум, призма-рамка при наведении, свет за курсором ---------- */
html:not([data-theme="dark"]) .prod { position: relative; isolation: isolate; background: #fff !important; border: 1px solid var(--line) !important; border-radius: 26px !important; box-shadow: var(--sh-1); overflow: hidden;
  transition: transform .5s var(--e), box-shadow .5s; }
html:not([data-theme="dark"]) .prod::before { content: ""; position: absolute; inset: 0; z-index: 4; pointer-events: none; border-radius: inherit; padding: 1.6px;
  background: conic-gradient(from var(--pr-a), var(--p1), var(--p2), var(--p3), var(--p4), var(--p1)); animation: pr-spin 5s linear infinite;
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; opacity: 0; transition: opacity .4s; }
html:not([data-theme="dark"]) .prod::after { content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none; opacity: 0; transition: opacity .4s;
  background: radial-gradient(380px circle at var(--mx, 50%) var(--my, 30%), rgba(118,120,237,.13), transparent 60%); }
html:not([data-theme="dark"]) .prod:hover { transform: perspective(900px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg)) translateY(-8px); box-shadow: var(--sh-2); }
html:not([data-theme="dark"]) .prod:hover::before, html:not([data-theme="dark"]) .prod:hover::after { opacity: 1; }
html:not([data-theme="dark"]) .prod-img { position: relative; z-index: 1; background: radial-gradient(70% 34% at 50% 88%, rgba(118,120,237,.20), transparent 70%), linear-gradient(180deg, #FBFBFF, #F2F3FF) !important; border-radius: 22px; margin: 8px 8px 0; }
html:not([data-theme="dark"]) .prod-img img { mix-blend-mode: multiply; transition: transform .8s var(--e), filter .8s; }
html:not([data-theme="dark"]) .prod:hover .prod-img img { transform: translateY(-8px) scale(1.06); filter: drop-shadow(0 18px 16px rgba(15,21,80,.16)); }
html:not([data-theme="dark"]) .prod-body { position: relative; z-index: 1; }
html:not([data-theme="dark"]) .prod-brand { color: var(--p2) !important; font-weight: 800; letter-spacing: .12em; }
html:not([data-theme="dark"]) .prod-name { color: var(--ink) !important; font-weight: 600; }
html:not([data-theme="dark"]) .prod-name:hover { color: var(--p1) !important; }
html:not([data-theme="dark"]) .prod-price { background: linear-gradient(100deg, var(--ink), var(--p1) 70%, var(--p2)); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent !important; font-weight: 800 !important; }
html:not([data-theme="dark"]) .prod-monthly { color: var(--mut); }
html:not([data-theme="dark"]) .prod-monthly b { color: var(--p1); }
html:not([data-theme="dark"]) .card-tools { z-index: 5; }
html:not([data-theme="dark"]) .card-tool { background: rgba(255,255,255,.9) !important; border: 1px solid var(--line) !important; color: var(--mut); border-radius: 12px; backdrop-filter: blur(6px); transition: transform .3s var(--e), color .3s, border-color .3s; }
html:not([data-theme="dark"]) .card-tool:hover { transform: scale(1.1); color: var(--p1); border-color: var(--p2) !important; }
html:not([data-theme="dark"]) .card-tool.on { color: var(--pink) !important; border-color: var(--pink) !important; }
html:not([data-theme="dark"]) .badge-new { background: var(--grad) !important; color: #fff !important; box-shadow: 0 8px 18px -6px rgba(118,120,237,.8); }
html:not([data-theme="dark"]) .badge-sale { background: linear-gradient(110deg, var(--pink), var(--p3)) !important; color: #fff !important; }

/* ---------- кнопки ---------- */
html:not([data-theme="dark"]) .btn-primary { position: relative; overflow: hidden; background: var(--grad) !important; background-size: 160% 100% !important; color: #fff !important; border: 0 !important; border-radius: 14px !important;
  box-shadow: 0 10px 24px -10px rgba(91,76,235,.75); transition: background-position .6s var(--e), transform .3s var(--e), box-shadow .3s; }
html:not([data-theme="dark"]) .btn-primary:hover { background-position: 100% 0 !important; transform: translateY(-2px); box-shadow: 0 18px 34px -12px rgba(91,76,235,.85); }
html:not([data-theme="dark"]) .btn-outline { border-radius: 14px !important; border: 1.5px solid transparent !important; color: var(--ink) !important;
  background: linear-gradient(#fff,#fff) padding-box, var(--grad) border-box !important; }
html:not([data-theme="dark"]) .btn-outline:hover { background: var(--grad) border-box !important; color: #fff !important; }

/* ---------- широкий баннер ---------- */
html:not([data-theme="dark"]) .promo-banner { border-radius: 30px !important; box-shadow: 0 40px 90px -30px rgba(91,76,235,.6); overflow: hidden; transition: transform .6s var(--e); }
html:not([data-theme="dark"]) .promo-banner:hover { transform: translateY(-4px); }
html:not([data-theme="dark"]) .promo-banner img { transition: transform 1.2s var(--e); }
html:not([data-theme="dark"]) .promo-banner:hover img { transform: scale(1.04); }

/* ---------- вопросы и SEO-текст ---------- */
html:not([data-theme="dark"]) .faq-item { padding: 16px 22px !important; margin-bottom: 10px; background: rgba(255,255,255,.8) !important; border: 1px solid var(--line) !important; border-radius: 20px !important; box-shadow: var(--sh-1); backdrop-filter: blur(8px); transition: box-shadow .3s, border-color .3s; }
html:not([data-theme="dark"]) .faq-item:hover { border-color: var(--line-2) !important; box-shadow: var(--sh-2); }
html:not([data-theme="dark"]) .faq-q { color: var(--ink) !important; }
html:not([data-theme="dark"]) .seo-text { background: #fff; border: 1px solid var(--line); border-radius: 28px; padding: clamp(22px, 4vw, 44px) !important; box-shadow: var(--sh-1); }

/* ---------- подвал: глубокий индиго с сиянием ---------- */
html:not([data-theme="dark"]) .footer { position: relative; overflow: hidden; background: radial-gradient(800px 300px at 15% 0%, rgba(55,91,235,.35), transparent 70%), radial-gradient(700px 300px at 90% 10%, rgba(192,137,246,.28), transparent 70%), #070A2E !important; color: rgba(228,230,255,.75) !important; }
html:not([data-theme="dark"]) .footer::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 2px; background: var(--grad); }
html:not([data-theme="dark"]) .footer h4, html:not([data-theme="dark"]) .footer .logo-text { color: #fff !important; }
html:not([data-theme="dark"]) .footer a { color: rgba(228,230,255,.75) !important; transition: color .2s; }
html:not([data-theme="dark"]) .footer a:hover { color: #fff !important; }

/* ---------- страница товара ---------- */
html:not([data-theme="dark"]) .pdp-main-img { background: radial-gradient(60% 30% at 50% 88%, rgba(118,120,237,.18), transparent 70%), linear-gradient(180deg, #FBFBFF, #F2F3FF) !important; border: 1px solid var(--line) !important; border-radius: 30px !important; }
html:not([data-theme="dark"]) .pdp-main-img img { mix-blend-mode: multiply; }
html:not([data-theme="dark"]) .pdp-thumb { border-radius: 14px !important; border-color: var(--line) !important; }
html:not([data-theme="dark"]) .pdp-thumb.active, html:not([data-theme="dark"]) .pdp-thumb:hover { border-color: var(--p2) !important; box-shadow: 0 0 0 3px rgba(118,120,237,.18); }
html:not([data-theme="dark"]) .pdp-price-card { position: relative; border: 1.5px solid transparent !important; border-radius: 28px !important;
  background: linear-gradient(#fff,#fff) padding-box, conic-gradient(from var(--pr-a), var(--p1), var(--p2), var(--p3), var(--p4), var(--p1)) border-box !important; animation: pr-spin 10s linear infinite; box-shadow: var(--sh-2) !important; }
html:not([data-theme="dark"]) .pdp-price { background: linear-gradient(100deg, var(--ink), var(--p1) 70%, var(--p2)); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent !important; font-weight: 800; }
html:not([data-theme="dark"]) .pdp-installment { background: var(--grad) !important; color: #fff !important; border-radius: 16px !important; border: 0 !important; }
html:not([data-theme="dark"]) .pdp-installment * { color: #fff !important; }
html:not([data-theme="dark"]) .pdp-block, html:not([data-theme="dark"]) .spec-table { border-radius: 24px !important; border-color: var(--line) !important; }
html:not([data-theme="dark"]) .crumbs a:hover { color: var(--p1); }

/* ---------- каталог: фильтры ---------- */
html:not([data-theme="dark"]) .filters { background: rgba(255,255,255,.8); border: 1px solid var(--line); border-radius: 24px; backdrop-filter: blur(8px); }
html:not([data-theme="dark"]) .subcat { border-radius: 999px !important; border: 1px solid var(--line) !important; background: #fff !important; transition: background .3s, color .3s; }
html:not([data-theme="dark"]) .subcat:hover, html:not([data-theme="dark"]) .subcat.active { background: var(--grad) !important; color: #fff !important; border-color: transparent !important; }

/* WhatsApp-кнопка: мягкая пульсация */
.wa-float { animation: pr-wa 3s ease-in-out infinite; }
@keyframes pr-wa { 0%,100% { box-shadow: 0 10px 30px rgba(37,211,102,.35), 0 0 0 0 rgba(37,211,102,.45); } 50% { box-shadow: 0 10px 30px rgba(37,211,102,.35), 0 0 0 14px rgba(37,211,102,0); } }

@media (prefers-reduced-motion: reduce) {
  html:not([data-theme="dark"]) .slider, html:not([data-theme="dark"]) .prod::before, html:not([data-theme="dark"]) .pdp-price-card, html:not([data-theme="dark"]) .topbar, .wa-float { animation: none !important; }
}

/* ============================================================================
   Hero v3 (27.10): кадр на весь слайд, текст поверх затемнения слева.
   На телефоне — карточка: кадр сверху 16:9, текст под ним, все слайды одной высоты
   (раньше слайд был ~500 px, а картинка стояла отдельным блоком под текстом).
   Кадры сгенерированы под эту схему: товар в правой части, слева пусто.
   ============================================================================ */
.slide-inner { display: block !important; min-height: 380px; }
.slide-inner::before { display: none; }
.slide-inner::after { z-index: 1; background: linear-gradient(90deg, rgba(7,10,46,.95) 0%, rgba(9,12,58,.86) 30%, rgba(14,16,80,.35) 58%, transparent 78%) !important; }
.slide-visual { position: absolute !important; inset: 0; height: auto !important; min-height: 0 !important; z-index: 0 !important; }
.slide-visual img { width: 100%; height: 100%; object-fit: cover; object-position: right center; filter: none !important; animation: none !important; mix-blend-mode: normal !important; -webkit-mask-image: none !important; mask-image: none !important; }
.slide.active .slide-visual img { animation: pr-kb 9s ease-out both !important; }
@keyframes pr-kb { from { transform: scale(1.08); } to { transform: scale(1); } }
.slide-copy { position: relative; z-index: 2 !important; max-width: 540px; min-height: 380px; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; }
.slide p { max-width: 400px; }
.ax-hero-canvas { opacity: .35 !important; }

@media (max-width: 780px) {
  .slide-inner { display: flex !important; flex-direction: column; min-height: 0; }
  .slide-inner::after { display: none; }
  .slide-visual { position: relative !important; inset: auto; order: -1; aspect-ratio: 16 / 9; }
  .slide-visual::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 50%, #0B0E40 100%); }
  .slide-visual img { object-position: 72% center; }
  .slide-copy { min-height: 234px; justify-content: flex-start; margin-top: -26px; padding: 0 20px 40px !important; }
  .slide-kicker { font-size: 10px !important; padding: 4px 10px !important; margin-bottom: 10px !important; }
  .slide h2 { font-size: 22px !important; margin-bottom: 8px !important; }
  .slide p { font-size: 13.5px !important; line-height: 1.45; margin-bottom: 16px !important; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
  .slide .btn-light { padding: 11px 18px; font-size: 14px; }
  .slider-arrow { display: none !important; }
  .slider-nav { left: 20px !important; bottom: 16px !important; }
  html:not([data-theme="dark"]) .slider { border-radius: 24px !important; }
  html:not([data-theme="dark"]) .slider .slides, html:not([data-theme="dark"]) .slide-inner { border-radius: 22px !important; }
  html:not([data-theme="dark"]) .slider::before { opacity: .3; }
  html:not([data-theme="dark"]) .slide-inner { background: #0B0E40 !important; }
  .promo-tile { min-height: 128px !important; border-radius: 20px !important; }
  .promo-copy b { font-size: 26px; }
  .promo-copy em { font-size: 12px; }
  .promo-tile::after { background: linear-gradient(0deg, rgba(7,10,46,.7), transparent 70%) !important; }
}

/* Галочка у «преимуществ» была невидимой: arcade.css держит .usp::before (подсветку) на opacity 0 до наведения */
html:not([data-theme="dark"]) .usp::before { opacity: 1 !important; inset: auto !important; left: 18px !important; top: 50% !important; z-index: 2; }

/* Кадры плиток квадратные, предмет в верхней половине — без смещения центр срезал верх */
.promo-tile img { object-position: 60% 22% !important; }
.promo-tile::after { background: linear-gradient(0deg, rgba(20,22,110,.55), transparent 60%) !important; }
/* Широкая полоса: текст поверх тёмной левой части кадра, на узком экране кадр уходит под текст */
.promo-banner::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(7,10,46,.85) 0%, rgba(7,10,46,.4) 45%, transparent 70%); }
@media (max-width: 780px) {
  .promo-banner img { object-position: 85% center !important; }
  .promo-banner::after { background: linear-gradient(90deg, rgba(7,10,46,.94) 0%, rgba(7,10,46,.75) 60%, rgba(7,10,46,.35) 100%); }
}

/* ===== 2026-11-05: мега-меню «Каталог» (13 разделов + подразделы) ===== */
.catnav { position: relative; z-index: 55; }
.catnav .wrap { align-items: center; }
html .catnav .mega-btn {
  display: inline-flex; align-items: center; gap: 8px; flex: 0 0 auto;
  border: 0; cursor: pointer; font: inherit; font-weight: 700; font-size: 14px;
  padding: 9px 16px; margin: 6px 6px 6px 0; border-radius: 999px;
  color: #fff; background: var(--grad, var(--navy-600, #16304F));
  box-shadow: 0 8px 20px -10px rgba(55,91,235,.9);
}
html .catnav .mega-btn svg { width: 18px; height: 18px; }
html .catnav .mega-btn[aria-expanded="true"] { filter: brightness(1.1); }
.mega { position: absolute; left: 0; right: 0; top: 100%; z-index: 70;
  background: var(--surface, #fff); border-bottom: 1px solid var(--edge, #e3e8ef);
  box-shadow: 0 24px 48px -16px rgba(15,36,64,.28); max-height: calc(100vh - 170px); overflow-y: auto; }
.mega[hidden] { display: none; }
.mega-in { padding-block: 18px 20px; }
.mega-grid { columns: 4 230px; column-gap: 28px; }
.mega-col { break-inside: avoid; margin: 0 0 18px; }
html .catnav .mega .mega-col a.mega-h {
  display: flex !important; align-items: center; gap: 9px; padding: 6px 8px !important; border-radius: 10px;
  font-size: 15px; font-weight: 700; color: var(--text, #0B0E12) !important; background: none; box-shadow: none; white-space: normal;
}
.mega-ic { display: inline-flex; width: 30px; height: 30px; flex: 0 0 30px; border-radius: 9px; align-items: center; justify-content: center;
  background: var(--shade, #f1f4f8); color: var(--navy-600, #375BEB); }
.mega-ic svg { width: 18px; height: 18px; }
.mega-kids { display: flex; flex-direction: column; padding-left: 47px; }
html .catnav .mega .mega-kids a {
  display: block; padding: 4px 8px !important; border-radius: 8px; font-size: 13.5px; font-weight: 500 !important;
  color: var(--text-dim, #5b6573) !important; white-space: normal; background: none; box-shadow: none; border-bottom: 0 !important;
}
html .catnav .mega .mega-col a:hover { background: var(--shade, #f1f4f8) !important; color: var(--navy-600, #375BEB) !important; }
html .catnav .mega a.mega-all { display: inline-block; margin-top: 4px; padding: 10px 18px !important; border-radius: 999px;
  font-weight: 700; color: #fff !important; background: var(--grad, #16304F) !important; }
html .catnav .mega a::after { display: none !important; }
@media (max-width: 900px) { html .catnav .mega-btn { display: none; } .mega { display: none !important; } }

/* мобильное меню: разделы-аккордеоны */
.mob-acc > summary { list-style: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; }
.mob-acc > summary::-webkit-details-marker { display: none; }
.mob-acc > summary svg { transition: transform .2s; opacity: .6; }
.mob-acc[open] > summary svg { transform: rotate(180deg); }
.mob-acc .mob-all { font-weight: 700; }
.catnav .mega-in { display: block !important; overflow: visible !important; }

/* ===== 2026-11-05: страница /app ===== */
.appx { max-width: 860px; padding-block: 20px 40px; }
.appx-hero { display: flex; gap: 18px; align-items: center; margin: 8px 0 18px; }
.appx-hero img { border-radius: 18px; box-shadow: 0 8px 24px rgba(55,91,235,.3); }
.appx-hero h1 { margin: 0 0 4px; font-size: 28px; }
.appx-blk { background: var(--surface, #fff); border: 1px solid var(--edge, #e3e8ef); border-radius: 16px; padding: 18px; margin-bottom: 14px; color: var(--text); }
.appx-blk h2 { display: flex; gap: 8px; align-items: center; font-size: 19px; margin: 0 0 10px; }
.appx-blk > summary { cursor: pointer; font-weight: 700; }
.appx-warn { border-color: #FDBA74; }
.appx-ok { border-color: #86EFAC; }
.appx-big { min-width: 240px; justify-content: center; }
.appx-muted { color: var(--text-dim, #5b6573); font-size: 14px; margin: 6px 0; }
.appx-apk { margin-top: 14px; border-top: 1px solid var(--edge, #e3e8ef); padding-top: 14px; }
.appx-steps { list-style: none; padding: 0; margin: 12px 0; display: grid; gap: 10px; }
.appx-steps li { display: flex; gap: 12px; align-items: flex-start; background: var(--shade, #f1f4f8); border-radius: 12px; padding: 12px; }
.appx-steps .n { flex: 0 0 28px; height: 28px; border-radius: 50%; background: var(--navy-600, #375BEB); color: #fff; font-weight: 700; display: flex; align-items: center; justify-content: center; }
.appx-steps .ic { flex: 0 0 44px; height: 44px; border-radius: 11px; background: var(--surface, #fff); border: 1px solid var(--edge, #e3e8ef); display: flex; align-items: center; justify-content: center; color: var(--navy-600, #375BEB); }
.appx-steps b { display: block; margin-bottom: 2px; }
.appx-qr { width: 200px; height: 200px; background: #fff; padding: 8px; border-radius: 12px; border: 1px solid var(--edge, #e3e8ef); flex: 0 0 200px; }
.appx-qr svg { width: 100%; height: 100%; }
.appx-desk { display: flex; gap: 20px; align-items: center; flex-wrap: wrap; }
.appx-why { margin: 6px 0 0; padding-left: 20px; } .appx-why li { margin: 4px 0; }
.appx-row { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 10px; }
.appx-rest { margin-top: 12px; }
.appx [hidden] { display: none !important; }
@media (max-width: 600px) { .appx-big { width: 100%; min-width: 0; } .appx-hero h1 { font-size: 23px; } }
/* 2026-11-05: у иконки «Личный кабинет» не задан размер — в мобильном меню она растягивалась на всю ширину */
.mob-link > svg, .icon-btn > svg { width: 20px; height: 20px; flex: 0 0 20px; }