/* Вид v3 для страниц нейросетей /ai/ (08.11.2026, владелец: «перевести на вид v3, как у главной»).
   Слой поверх v2.css: разметка и shell.js прежние, меняется только облик — шапка-таблетка,
   Onest вместо Unbounded, кнопки-таблетки, разделы белыми листами, светлый подвал. */
:root { --display: 'Onest', system-ui, -apple-system, 'Segoe UI', sans-serif; --head: 58px; --pill-top: 10px; }
html { scroll-padding-top: 96px; }

/* ── Шапка-таблетка ───────────────────────────── */
.am-head {
  position: sticky; top: var(--pill-top); z-index: 50; height: auto; margin-top: var(--pill-top); padding: 0 16px;
  background: none; -webkit-backdrop-filter: none; backdrop-filter: none; border: 0;
}
@media (min-width: 768px) { .am-head { padding: 0 32px; } }
.am-head-in.am-wrap {
  max-width: 1080px; height: var(--head); margin: 0 auto; padding: 0 8px 0 18px; gap: 12px; position: relative;
  background: rgba(255, 255, 255, .94); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
  border: 1px solid var(--line); border-radius: 999px; box-shadow: 0 1px 2px rgba(15, 26, 46, .05), 0 10px 30px -14px rgba(15, 26, 46, .22);
}
.am-logo { font: 700 18px/1 var(--display); gap: 8px; }
.am-logo img { width: 26px; height: 26px; border-radius: 8px; }
.am-nav a, .am-mm-btn { min-height: 40px; padding: 0 12px; border-radius: 999px; font-size: 14px; font-weight: 500; color: var(--sub); }
.am-nav a:hover, .am-mm-btn:hover, .am-mm.open .am-mm-btn { background: var(--bg); color: var(--ink); }
.am-new { border-radius: 999px; padding: 2px 7px; background: var(--blue-soft); color: var(--blue); }
.am-ico-btn, .am-burger { width: 40px; height: 40px; border-radius: 999px; }
.am-ico-btn:hover { color: var(--blue); border-color: var(--blue); }
.am-head-r { gap: 6px; }
.am-mm-panel { border-radius: 24px; }
.am-mm-search { border-radius: 999px; }
.am-lang-menu { border-radius: 18px; }

@media (max-width: 960px) {
  /* Меню под таблеткой во всю её ширину; спрятанное -- невидимо, а не только сдвинуто вверх. */
  .am-nav {
    position: absolute; top: calc(100% + 10px); left: 0; right: 0; z-index: 60; transform: translateY(-8px);
    max-height: calc(100svh - 100px); padding: 10px; background: #fff; border: 1px solid var(--line); border-radius: 24px;
    box-shadow: 0 24px 48px -24px rgba(15, 26, 46, .4); opacity: 0; visibility: hidden;
    transition: opacity .2s, transform .2s, visibility 0s .2s;
  }
  .am-head.open .am-nav { opacity: 1; visibility: visible; transform: none; transition: opacity .2s, transform .2s; }
  .am-nav a, .am-mm-btn { min-height: 46px; padding: 0 14px; font-size: 16px; border-radius: 14px; }
}
@media (max-width: 419px) {
  .am-head { padding: 0 10px; }
  .am-head-in.am-wrap { padding-left: 12px; gap: 6px; }
  .am-ico-btn, .am-burger { width: 36px; height: 36px; }
}

/* ── Кнопки и чипы -- таблетками ──────────────── */
.am-btn, .am-btn-sm, .am-btn-lg { border-radius: 999px; box-shadow: none; }
.am-btn:hover { box-shadow: 0 10px 22px -12px rgba(37, 99, 235, .8); }
.am-btn-sm { min-height: 40px; padding: 0 16px; }
.am-btn-lg { padding: 16px 28px; }
.am-link-btn, .am-chip, .am-tab, .am-filter button, .am-period button, .am-compare-btn, .am-pr-copy, .am-pr-try { border-radius: 999px; }

/* ── Заголовки -- Onest, как на главной ──────── */
.am-h2 { font-weight: 700; letter-spacing: -.03em; }
.am-mp-hero h1 { font-weight: 700; letter-spacing: -.04em; line-height: 1; }
.am-ai-hero h1 { font-weight: 700; letter-spacing: -.04em; }

/* ── Страница модели ──────────────────────────── */
.am-mp-buy { border-radius: 24px; }
.am-mp-gallery figure { border-radius: 20px; }
.am-mp-tabs {
  top: calc(var(--pill-top) + var(--head) + 4px); background: none; -webkit-backdrop-filter: none; backdrop-filter: none; border: 0; padding: 0 16px;
}
@media (min-width: 768px) { .am-mp-tabs { padding: 0 32px; } }
.am-mp-tabs .am-wrap {
  max-width: 1080px; padding: 5px; gap: 2px; background: rgba(255, 255, 255, .94); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
  border: 1px solid var(--line); border-radius: 999px; box-shadow: 0 10px 30px -18px rgba(15, 26, 46, .25);
}
.am-mp-tabs a { padding: 9px 14px; border: 0; border-radius: 999px; }
.am-mp-tabs a.on { color: var(--blue-2); background: var(--blue-soft); }
.am-mp { --head2: 150px; }
/* Разделы чередуются белыми листами, как экраны главной. */
.am-mp .am-mp-sec:nth-of-type(even) {
  background: var(--card); border-radius: 28px; margin-inline: max(6px, calc((100% - 1440px) / 2));
}
@media (min-width: 768px) { .am-mp .am-mp-sec:nth-of-type(even) { border-radius: 40px; margin-inline: max(14px, calc((100% - 1440px) / 2)); } }
.am-mc, .am-md-body, .am-fcard, .am-plan, .am-pr, .am-tool, .am-start-box { border-radius: 24px; }

/* ── Подвал -- белым листом, как на главной ──── */
.am-foot {
  background: var(--card); color: var(--sub); border-radius: 28px 28px 0 0; margin: 48px max(6px, calc((100% - 1440px) / 2)) 0;
}
@media (min-width: 768px) { .am-foot { border-radius: 40px 40px 0 0; margin-inline: max(14px, calc((100% - 1440px) / 2)); } }
.am-foot::before { display: none; }
.am-logo-inv, .am-foot nav b { color: var(--ink); }
.am-foot-top p { color: var(--sub); }
.am-foot nav a:hover { color: var(--blue); }
.am-foot-word {
  font-weight: 800; letter-spacing: -.05em;
  background: linear-gradient(90deg, #7fa6ff, #2563eb 50%, #7fa6ff); background-size: 200% 100%;
  -webkit-background-clip: text; background-clip: text; color: transparent; animation: am3-flow 9s linear infinite;
}
@keyframes am3-flow { to { background-position: -200% 0; } }
@media (prefers-reduced-motion: reduce) { .am-foot-word { animation: none; } }
.am-foot-bot { color: var(--sub); border-top-color: var(--line); }
.am-mp-src { margin: 10px 4px 0; font-size: 12.5px; color: var(--mute); }
.am-mp-src a { color: var(--blue); text-decoration: underline; text-underline-offset: 2px; }