/* ============================================================
   ART-GSM 2026 — нейтрализация родной Aspro-разметки.
   Её визуальную роль выполняет Style B (.site-header / .site-footer).
   Грузится последним в head-бандле.
   ============================================================ */

/* base.css `img{display:block}` (авторский стиль) перебивает HTML-атрибут hidden →
   скрытые элементы (микроразметочные img itemprop=image и пр.) вылезали. Восстанавливаем. */
[hidden] { display: none !important; }

/* Родная Aspro-шапка (desktop #header + mobile #mobileheader/.mobileheader-v1) — заменена .site-header.
   ВАЖНО: прятать обёртку #mobileheader (.visible-xs.visible-sm), а не только внутренник .mobileheader-v1 —
   иначе пустая обёртка оставляет ~63px пустую белую полосу под шапкой на мобиле (на всех страницах редизайна). */
#header,
#mobileheader,
.mobileheader-v1 { display: none !important; }

/* Фиксированная (появляется при скролле) Aspro-шапка — заменена статичной .site-header.
   Высокая специфичность (html body.класс .двакласса), чтобы перебить show-состояние Aspro + !important. */
html body.ag-styleb #headerfixed,
html body.ag-styleb .mega_fixed_menu,
html body.ag-styleb .mega_fixed_menu.scrollblock,
html body.ag-styleb .menu-item-fixed,
html body.ag-styleb #mobilemenu,
html body.ag-styleb .inline-search-block.fixed {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Родной Aspro-подвал: #footer (DOM-якорь хуков), нижний бар bottom_footer.php
   (.footer_bottom — копирайт/партнёр/соцблок/поиск), соцблок, мини-корзина — заменены .site-footer */
#footer,
html body.ag-styleb .footer_bottom,
html body.ag-styleb .social-block,
html body.ag-styleb .basket_fly_forms { display: none !important; }

/* Старые Aspro index-блоки на главной (баннеры/композит) — наш контент в .ag-main */
body.ag-styleb .index_banners_list,
body.ag-styleb #composite-banners-block,
body.ag-styleb .index-banner-block,
body.ag-styleb .promo-banners { display: none !important; }

/* Главная: пустая Aspro-область контента + левый сайдбар (.left_block: меню+подписка).
   Наш контент главной — в .ag-main ВЫШЕ этого блока, поэтому скрываем всё .wrapper_inner.front целиком. */
html body.ag-styleb .wrapper_inner.front { display: none !important; }

/* ============================================================
   POLISH 2026-09-02 — гасим наследие темы Aspro (пункты 02, 11, 12, 19, 20, 24)
   Бэкап: aspro-overrides.css.bak_20260902polish
   ============================================================ */

/* --- 11: два фирменных синих. Раньше здесь стоял override переменной темы
       (--theme-base-color и её hue/sat/light) поверх инлайнового :root Aspro.
       02.09.2026 базовый цвет темы сменён в самой настройке (b_option_site
       aspro.max/BASE_COLOR_CUSTOM = 2563eb), theme.css перегенерирован — override
       стал не нужен и убран, чтобы не маскировать будущую смену цвета в админке. --- */

/* --- 12: тема Aspro насаживала всем кнопкам border-radius:26px !important и
       uppercase. Из-за этого на странице соседствовали 3/6/10/14/26/28/999px
       и вперемешку капс с обычным регистром. Приводим к своей шкале. --- */
body.ag-redesign .btn:not(.round-ignore) { border-radius: var(--r-md) !important; }
body.ag-redesign .btn { text-transform: none !important; letter-spacing: -.01em; }
body.ag-redesign .btn--pill:not(.round-ignore) { border-radius: var(--r-pill) !important; }
body.ag-redesign .hb-cta { border-radius: var(--r-pill) !important; text-transform: none !important; }

/* --- 02: главная CTA первого экрана до выбора бренда рисовалась
       opacity:.5 + not-allowed и читалась как «форма сломана». Кнопка активна
       всегда; клик без модели перехватывает app.js и подсвечивает нужный селект. --- */
body.ag-redesign .js-pick-go.is-disabled { opacity: 1; cursor: pointer; }
body.ag-redesign .sel.sel--attn select {
  border-color: var(--accent);
  box-shadow: 0 0 0 4px color-mix(in oklab, var(--accent) 22%, transparent);
}
body.ag-redesign .sel.sel--attn label { color: var(--accent); }

/* --- 19: «Заказать звонок» приезжал на 10px — тема Aspro масштабирует шрифт
       внутри шапки. Возвращаем читаемый размер всей верхней строке. --- */
body.ag-redesign .topbar,
body.ag-redesign .topbar .topbar-link,
body.ag-redesign .topbar a { font-size: 13px; }

/* --- 20: счётчики в выпадающем меню — #828A98 на белом = 3.4:1 при норме 4.5:1 --- */
body.ag-redesign .mega-link .n,
body.ag-redesign .mdrawer-link .n { color: #5f6b7e; }

/* --- 24: у плашки наличия рисовался шеврон (повёрнутый квадрат из общего
       правила темы) — обещал выпадающий список, которого нет. --- */
body.ag-redesign .av::after,
body.ag-redesign .av::before { content: none !important; display: none !important; }

/* --- 09b: страховка цвета счётчика на плитках категорий (перебивает
       ссылочный цвет, который тема вешает на <a>) --- */
body.ag-redesign .bento--media .bento-tile .bt-count { color: rgba(255,255,255,.94) !important; }


/* ============================================================
   ОДНА КОЛЕЯ 1440 (02.09.2026) — каталог, карточка, блог, модели в ту же ширину, что шапка
   Aspro отдаёт этим страницам --theme-page-width: 1700px (.wrapper_inner 1760 при полях 30):
   на 1920 контент торчал на 210px за края шапки с каждой стороны. Пресета 1440 у темы нет,
   поэтому ограничиваем здесь: 1440 при полях 16 — ровно как .wrap, контент 1408 на любой ширине.
   Корзина/оформление/контакты используют .wrap напрямую — их правило не касается.
   ============================================================ */
body.ag-redesign .wrapper_inner {
  max-width: 1440px !important; margin-left: auto !important; margin-right: auto !important;
  padding-left: var(--s-16) !important; padding-right: var(--s-16) !important;
} /* поля 16 как у .wrap: иначе на 1024–1467px контент каталога стоял на 14px правее логотипа (30 против 16) */
/* Плашка заголовка (.page-top) и прочие .maxwidth-theme живут ВНЕ .wrapper_inner и берут ширину
   из пресета Aspro (max-width: 1760px литералом + поля --theme-page-width-padding: 30px):
   на 1920 белая полоса с крошками и H1 оставалась 80…1840, а контент под ней уже был в колее —
   ступенька. Крошки каталога вдобавок лежат в .top-block-wrapper без контейнера — начинались от x=0. */
html { --theme-page-width: 1408px; --theme-page-width-padding: var(--s-16); }
body.ag-redesign .maxwidth-theme {
  max-width: 1440px !important; margin-left: auto !important; margin-right: auto !important;
  padding-left: var(--s-16) !important; padding-right: var(--s-16) !important;
}
body.ag-redesign .top-block-wrapper > .breadcrumbs {
  max-width: 1440px; margin-left: auto; margin-right: auto; padding: 0 var(--s-16); box-sizing: border-box;
}