/* Базовый каркас шаблона beauty (без Aspro). Авто-подключается Bitrix по имени файла.
   Всё остальное — в наших зонах (tokens.css + scoped-стили). Минимум, без агрессивных ресетов. */

/* Тема Aspro (bootstrap) задавала box-sizing: border-box глобально — зоны это ожидают.
   Восстанавливаем, иначе max-width контейнеров считается по-разному (сетка «плывёт»). */
*,
*::before,
*::after {
    box-sizing: border-box;
}

html,
body.bo-body {
    margin: 0;
    padding: 0;
}

body.bo-body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 15px;
    line-height: 1.45;
    color: var(--c-text, #222);
    background: var(--c-bg, #fff);
    -webkit-font-smoothing: antialiased;
}

body.bo-body img {
    max-width: 100%;
    height: auto;
}

/* Ссылки: тема раньше задавала цвет глобально — восстанавливаем (иначе браузерный синий/фиолетовый).
   ТОЛЬКО базовое `a` (без :visited/:hover с псевдоклассами): автор-правило и так красит посещённые
   ссылки (UA-фиолетовый перебит по origin), а псевдоклассы имели специфичность (0,2,2) и ПЕРЕБИВАЛИ
   scoped-стили Vue-островов (кнопки/ссылки мини-корзины, поиска и т.п. красились в тёмный на visited).
   Зоны и острова со своими стилями (.bo-*, scoped) полностью управляют цветом/hover/visited сами. */
body.bo-body a {
    color: var(--c-text, #222);
    text-decoration: none;
}

/* Контентный контейнер (аналог maxwidth-theme темы, ~1460). Ширина/паддинг совпадают с блоками
   зон (.bo-index__block, шапка, подвал) — контент выровнен по одной сетке. */
.bo-shell {
    min-height: 40vh;
}

.bo-container {
    max-width: 1460px;
    margin: 0 auto;
    padding: 0 var(--sp-5, 24px);
}

/* Главная сама контейнерит свои блоки (.bo-index__block = 1460) и делает баннер во всю ширину —
   поэтому её оборачиваем полноширинным main без ограничения. */
.bo-main--full {
    width: 100%;
}

/* Служебная панель Bitrix — не влияет на layout, но пусть не мешает. */
#panel:empty {
    display: none;
}

/* Cookie-баннер (модуль nircle.cookiesaccept) — перекрываем в наш стиль: полупрозрачный тёмный фон
   с размытием, светлый текст, бренд-кнопка. Файлы модуля не трогаем — override по #id + !important
   (модуль красит через свои классы style-1). */
#nca-cookiesaccept-line {
    background: rgba(38, 38, 38, 0.82) !important;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    color: #e6e6e6 !important;
    box-shadow: 0 -4px 24px rgba(0, 0, 0, 0.18);
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    font-family: inherit !important;
}
#nca-cookiesaccept-line .nca-cookiesaccept-line-text {
    color: #d7d7d7 !important;
    font-size: 13px;
    line-height: 1.5;
}
#nca-cookiesaccept-line a {
    color: var(--c-brand, #39b993) !important;
    text-decoration: underline;
}
#nca-cookiesaccept-line a:hover {
    color: #fff !important;
}
#nca-cookiesaccept-line button {
    background: var(--c-brand, #39b993) !important;
    color: #fff !important;
    border: 0 !important;
    border-radius: var(--radius, 8px) !important;
    padding: 9px 22px !important;
    font-weight: 600 !important;
    cursor: pointer;
    transition: background 0.15s;
}
#nca-cookiesaccept-line button:hover {
    background: var(--c-brand-hover, #2ea581) !important;
}