/* AGI Systems — стили интерактивного слоя главной (homepage-premium-redesign, 05.08.2026).
   Только токены var(--agi-*): цвета, радиусы, тени, шкала шрифтов — никаких литералов.
   Логика — /inc/home-interactive.js. */

/* Reveal при прокрутке (класс agi-rv ставит JS; без JS всё видно сразу) */
.agi-rv{opacity:0;transform:translateY(18px);transition:opacity .55s var(--agi-ease),transform .55s var(--agi-ease)}
.agi-rv.agi-in{opacity:1;transform:none}
@media (prefers-reduced-motion: reduce){.agi-rv{opacity:1;transform:none;transition:none}}

/* Сравнение моделей: панель выбора */
.agi-cmp{margin-top:28px;background:var(--agi-surface);border:1px solid var(--agi-border);border-radius:var(--agi-radius-lg);padding:20px 22px}
.agi-cmp-hd{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.agi-cmp-hd b{font-size:var(--agi-fs-lg);font-weight:800;color:var(--agi-ink)}
.agi-cmp-hd span{font-size:var(--agi-fs-sm);color:var(--agi-text-faint)}
.agi-cmp-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.agi-cmp-chip{padding:8px 15px;border-radius:var(--agi-radius-pill);border:1.5px solid var(--agi-border-strong);background:var(--agi-bg);color:var(--agi-text-body);font-size:var(--agi-fs-sm);font-weight:600;cursor:pointer;transition:all var(--agi-dur) var(--agi-ease)}
.agi-cmp-chip:hover{border-color:var(--agi-green)}
.agi-cmp-chip.on{background:var(--agi-green);border-color:var(--agi-green);color:var(--agi-bg)}
.agi-cmp-go[disabled]{opacity:.45;pointer-events:none}

/* Сравнение: модал с таблицей */
.agi-cmp-ov{position:fixed;inset:0;z-index:9998;background:var(--agi-overlay,rgba(15,23,42,.55));display:flex;align-items:center;justify-content:center;padding:16px}
.agi-cmp-box{background:var(--agi-bg);border-radius:var(--agi-radius-lg);box-shadow:var(--agi-shadow-lg);max-width:860px;width:100%;max-height:88vh;display:flex;flex-direction:column;overflow:hidden}
.agi-cmp-box-hd{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--agi-border)}
.agi-cmp-box-hd b{font-size:var(--agi-fs-xl);font-weight:800;color:var(--agi-ink)}
.agi-cmp-x{border:none;background:none;font-size:var(--agi-fs-3xl);line-height:1;color:var(--agi-text-faint);cursor:pointer;padding:0 4px}
.agi-cmp-x:hover{color:var(--agi-ink)}
.agi-cmp-scroll{overflow:auto;padding:0 20px}
.agi-cmp-t{width:100%;border-collapse:collapse;font-size:var(--agi-fs-base)}
.agi-cmp-t th{text-align:left;padding:12px 10px;font-size:var(--agi-fs-md);font-weight:800;color:var(--agi-ink);border-bottom:1px solid var(--agi-border-strong);white-space:nowrap}
.agi-cmp-t th i{display:block;font-style:normal;font-size:var(--agi-fs-xs);font-weight:600;color:var(--agi-green-cta);margin-top:2px}
.agi-cmp-t td{padding:10px;border-bottom:1px solid var(--agi-border);color:var(--agi-text-body);vertical-align:top}
.agi-cmp-t td:first-child{color:var(--agi-text-muted);font-size:var(--agi-fs-sm);white-space:nowrap}
.agi-cmp-t tr:last-child td{border-bottom:none;padding-top:14px}
.agi-cmp-best{background:var(--agi-green-l);color:var(--agi-ink);font-weight:700;border-radius:var(--agi-radius-xs)}
.agi-cmp-note{padding:10px 20px 16px;margin:0;font-size:var(--agi-fs-xs);color:var(--agi-text-faint);line-height:1.5}

/* Карта регионов ЭПР — вынесена в /inc/epr-map.css (общий компонент epr-map):
   тот же виджет живёт ещё на трёх страницах, стили не копируются. */


/* 360°-просмотр (спит до появления data-agi-spin) */
.agi-spin{cursor:grab;user-select:none;-webkit-user-select:none;touch-action:pan-y}
.agi-spin:active{cursor:grabbing}