@charset "UTF-8";
/* line 1, _settings.scss */
:root {
  --bg:var(--draft-bg, #FBF6F2);
  --bg-is-light:var(--draft-bg-is-light, true);
  --bg-minor-shade:var(--draft-bg-minor-shade, #f8efe8);
  --bg-minor-shade-is-light:var(--draft-bg-minor-shade-is-light, true);
  --bg-major-shade:var(--draft-bg-major-shade, #f3e5d9);
  --bg-major-shade-is-light:var(--draft-bg-major-shade-is-light, true);
  --bg-half-shade:var(--draft-bg-half-shade, #bd753a);
  --bg-half-shade-is-dark:var(--draft-bg-half-shade-is-dark, true);
  --color-btn-bg:var(--draft-color-btn-bg, #B0231A);
  --color-btn-bg-is-dark:var(--draft-color-btn-bg-is-dark, true);
  --color-btn-bg-minor-shade:var(--draft-color-btn-bg-minor-shade, #cc2a1e);
  --color-btn-bg-minor-shade-is-dark:var(--draft-color-btn-bg-minor-shade-is-dark, true);
  --color-btn-bg-major-shade:var(--draft-color-btn-bg-major-shade, #df362a);
  --color-btn-bg-major-shade-is-dark:var(--draft-color-btn-bg-major-shade-is-dark, true);
  --color-btn-bg-half-shade:var(--draft-color-btn-bg-half-shade, #eb817a);
  --color-btn-bg-half-shade-is-dark:var(--draft-color-btn-bg-half-shade-is-dark, true);
  --color-accent-text:var(--draft-color-accent-text, #B0231A);
  --color-accent-text-is-dark:var(--draft-color-accent-text-is-dark, true);
  --color-accent-text-minor-shade:var(--draft-color-accent-text-minor-shade, #cc2a1e);
  --color-accent-text-minor-shade-is-dark:var(--draft-color-accent-text-minor-shade-is-dark, true);
  --color-accent-text-major-shade:var(--draft-color-accent-text-major-shade, #df362a);
  --color-accent-text-major-shade-is-dark:var(--draft-color-accent-text-major-shade-is-dark, true);
  --color-accent-text-half-shade:var(--draft-color-accent-text-half-shade, #eb817a);
  --color-accent-text-half-shade-is-dark:var(--draft-color-accent-text-half-shade-is-dark, true);
  --color-text-dark:var(--draft-color-text-dark, #1A1614);
  --color-text-dark-is-dark:var(--draft-color-text-dark-is-dark, true);
  --color-text-dark-minor-shade:var(--draft-color-text-dark-minor-shade, #342c28);
  --color-text-dark-minor-shade-is-dark:var(--draft-color-text-dark-minor-shade-is-dark, true);
  --color-text-dark-major-shade:var(--draft-color-text-dark-major-shade, #4e423c);
  --color-text-dark-major-shade-is-dark:var(--draft-color-text-dark-major-shade-is-dark, true);
  --color-text-dark-half-shade:var(--draft-color-text-dark-half-shade, #9a867c);
  --color-text-dark-half-shade-is-dark:var(--draft-color-text-dark-half-shade-is-dark, true);
  --color-text-light:var(--draft-color-text-light, #FBF6F2);
  --color-text-light-is-light:var(--draft-color-text-light-is-light, true);
  --color-text-light-minor-shade:var(--draft-color-text-light-minor-shade, #f8efe8);
  --color-text-light-minor-shade-is-light:var(--draft-color-text-light-minor-shade-is-light, true);
  --color-text-light-major-shade:var(--draft-color-text-light-major-shade, #f3e5d9);
  --color-text-light-major-shade-is-light:var(--draft-color-text-light-major-shade-is-light, true);
  --color-text-light-half-shade:var(--draft-color-text-light-half-shade, #bd753a);
  --color-text-light-half-shade-is-dark:var(--draft-color-text-light-half-shade-is-dark, true);
  --icons_pack:var(--draft-icons_pack, circle);
  --controls-btn-border-radius:var(--draft-controls-btn-border-radius, 0px);
  --color-notice-warning:var(--draft-color-notice-warning, #fff3cd);
  --color-notice-warning-is-light:var(--draft-color-notice-warning-is-light, true);
  --color-notice-warning-minor-shade:var(--draft-color-notice-warning-minor-shade, #fff0be);
  --color-notice-warning-minor-shade-is-light:var(--draft-color-notice-warning-minor-shade-is-light, true);
  --color-notice-warning-major-shade:var(--draft-color-notice-warning-major-shade, #ffecac);
  --color-notice-warning-major-shade-is-light:var(--draft-color-notice-warning-major-shade-is-light, true);
  --color-notice-warning-half-shade:var(--draft-color-notice-warning-half-shade, #e6b000);
  --color-notice-warning-half-shade-is-dark:var(--draft-color-notice-warning-half-shade-is-dark, true);
  --color-notice-success:var(--draft-color-notice-success, #d4edda);
  --color-notice-success-is-light:var(--draft-color-notice-success-is-light, true);
  --color-notice-success-minor-shade:var(--draft-color-notice-success-minor-shade, #cae9d2);
  --color-notice-success-minor-shade-is-light:var(--draft-color-notice-success-minor-shade-is-light, true);
  --color-notice-success-major-shade:var(--draft-color-notice-success-major-shade, #bee4c7);
  --color-notice-success-major-shade-is-light:var(--draft-color-notice-success-major-shade-is-light, true);
  --color-notice-success-half-shade:var(--draft-color-notice-success-half-shade, #429e58);
  --color-notice-success-half-shade-is-dark:var(--draft-color-notice-success-half-shade-is-dark, true);
  --color-notice-error:var(--draft-color-notice-error, #f8d7da);
  --color-notice-error-is-light:var(--draft-color-notice-error-is-light, true);
  --color-notice-error-minor-shade:var(--draft-color-notice-error-minor-shade, #f6ccd0);
  --color-notice-error-minor-shade-is-light:var(--draft-color-notice-error-minor-shade-is-light, true);
  --color-notice-error-major-shade:var(--draft-color-notice-error-major-shade, #f3bcc1);
  --color-notice-error-major-shade-is-light:var(--draft-color-notice-error-major-shade-is-light, true);
  --color-notice-error-half-shade:var(--draft-color-notice-error-half-shade, #c52330);
  --color-notice-error-half-shade-is-dark:var(--draft-color-notice-error-half-shade-is-dark, true);
  --color-notice-info:var(--draft-color-notice-info, #cce5ff);
  --color-notice-info-is-light:var(--draft-color-notice-info-is-light, true);
  --color-notice-info-minor-shade:var(--draft-color-notice-info-minor-shade, #bedeff);
  --color-notice-info-minor-shade-is-light:var(--draft-color-notice-info-minor-shade-is-light, true);
  --color-notice-info-major-shade:var(--draft-color-notice-info-major-shade, #acd4ff);
  --color-notice-info-major-shade-is-light:var(--draft-color-notice-info-major-shade-is-light, true);
  --color-notice-info-half-shade:var(--draft-color-notice-info-half-shade, #006fe6);
  --color-notice-info-half-shade-is-dark:var(--draft-color-notice-info-half-shade-is-dark, true);
  --font-family:var(--draft-font-family, Jost);
  --font-size:var(--draft-font-size, 16px);
  --font-family-heading:var(--draft-font-family-heading, 'Cormorant Garamond');
  --heading-ratio:var(--draft-heading-ratio, 1.5);
  --heading-weight:var(--draft-heading-weight, 500);
  --collection_count:var(--draft-collection_count, 10);
  --search_count:var(--draft-search_count, 10);
  --blog_size:var(--draft-blog_size, 6);
  --product_not_available:var(--draft-product_not_available, shown);
  --layout-content-max-width:var(--draft-layout-content-max-width, 1408px);
  --delta_sidebar:var(--draft-delta_sidebar, 2);
  --sidebar_index_show:var(--draft-sidebar_index_show, false);
  --sidebar_index_position:var(--draft-sidebar_index_position, left);
  --sidebar_collection_show:var(--draft-sidebar_collection_show, false);
  --sidebar_collection_position:var(--draft-sidebar_collection_position, left);
  --sidebar_cart_show:var(--draft-sidebar_cart_show, false);
  --sidebar_cart_position:var(--draft-sidebar_cart_position, left);
  --sidebar_product_show:var(--draft-sidebar_product_show, false);
  --sidebar_product_position:var(--draft-sidebar_product_position, left);
  --sidebar_blog_show:var(--draft-sidebar_blog_show, false);
  --sidebar_blog_position:var(--draft-sidebar_blog_position, left);
  --sidebar_article_show:var(--draft-sidebar_article_show, false);
  --sidebar_article_position:var(--draft-sidebar_article_position, left);
  --sidebar_page_show:var(--draft-sidebar_page_show, false);
  --sidebar_page_position:var(--draft-sidebar_page_position, left);
  --sidebar_compare_show:var(--draft-sidebar_compare_show, false);
  --sidebar_compare_position:var(--draft-sidebar_compare_position, left);
  --sidebar_search_show:var(--draft-sidebar_search_show, false);
  --sidebar_search_position:var(--draft-sidebar_search_position, left);
  --feedback_captcha_enabled:var(--draft-feedback_captcha_enabled, true);
  --favorite_enabled:var(--draft-favorite_enabled, true);
  --compare_enabled:var(--draft-compare_enabled, true); }

/* ==========================================================================
   may85 — Дизайн-система (SPEC-01) + Глобальный layout (SPEC-02)
   Источник истины по токенам — этот файл (компилируется в theme.css).
   Часть значений продублирована в config/settings_data.json для нативных
   компонентов редактора InSales (кнопки, нотисы и т.п.).
   Палитра/шрифты переносятся 1:1 из _reference/design-inventory.md §2.
   ========================================================================== */
/* --------------------------------------------------------------------------
   1. Токены (:root)  — SPEC-01
   -------------------------------------------------------------------------- */
/* line 15, theme.scss */
:root {
  /* Бренд / акценты */
  --red: #B0231A;
  /* акцент/бренд, CTA, активные ссылки */
  --red-700: #8E1C15;
  /* hover CTA */
  --gold: #F2B705;
  /* hotspot-точки, ::selection, галочки toast */
  /* Кремовые (фоны) */
  --cream: #FBF6F2;
  /* фон body, текст на тёмном */
  --cream-100: #F3E9E2;
  /* фон панелей (сводка, формы) */
  --cream-200: #E9DBD2;
  --cream-300: #DBC9BE;
  /* Чернильные (текст) */
  --ink: #1A1614;
  /* осн. текст, тёмные кнопки, футер */
  --ink-700: #3D3A36;
  /* вторичный текст */
  --ink-500: #7A756C;
  /* приглушённый текст, лейблы */
  --ink-300: #A8A399;
  /* плейсхолдеры, disabled, границы инпутов */
  /* Служебные */
  --hair: #D8D2C6;
  /* волосяные разделители */
  --powder: #EFE0D8;
  /* фон-тинт */
  --white: #FFFFFF;
  /* Доп. (почти не используются) */
  --rose: #C79BA0;
  --rose-deep: #AE7C81;
  --pist: #AAC08D;
  /* Шрифты */
  --fd: 'Cormorant Garamond', Georgia, serif;
  /* дисплейный/заголовочный */
  --fs: 'Jost', 'Helvetica Neue', Arial, sans-serif;
  /* текстовый/UI */
  /* Типографская шкала (fluid clamp) — не заводится в нативные настройки, живёт тут */
  --fz-h1: clamp(2.8rem, 7vw, 5.5rem);
  /* hero h1 */
  --fz-h2: clamp(2rem, 4.4vw, 3.6rem);
  /* секционные заголовки */
  --fz-manifest: clamp(1.6rem, 3.4vw, 2.6rem);
  --fz-pdp-title: clamp(2.2rem, 4.4vw, 3.4rem);
  --fz-card-title: 1.44rem;
  --fz-body: clamp(0.9375rem, 1.1vw, 1rem);
  /* 15 → 16px */
  --fz-price: clamp(1.6rem, 2.2vw, 2rem);
  --fz-label: 0.6875rem;
  /* ~11px uppercase-лейблы */
  --lh-body: 1.64;
  /* 1.6–1.68 */
  /* Letter-spacing */
  --ls: 0.22em;
  /* uppercase-лейблы, кнопки (база) */
  --ls-1: 0.1em;
  --ls-12: 0.12em;
  --ls-14: 0.14em;
  --ls-16: 0.16em;
  --ls-42: 0.42em;
  /* подстрочник лого «Как у Кати» */
  /* Spacing / layout */
  --pad-x: 40px;
  /* горизонтальный паддинг секций (моб → 20px) */
  --pad-x-m: 20px;
  --section-y: clamp(56px, 8vw, 96px);
  --section-y-lg: clamp(72px, 10vw, 128px);
  --sticky-top: 100px;
  --header-h: 72px;
  /* компенсация высоты sticky-шапки */
  /* Радиусы (почти везде 0 — острые углы) */
  --r-pill: 999px;
  /* pill-лейблы/бейджи */
  /* Easing */
  --ease: cubic-bezier(.22, .61, .36, 1);
  --ease-out: cubic-bezier(.23, 1, .32, 1);
  /* Тени */
  --shadow-sm: 0 1px 2px rgba(26, 22, 20, .06);
  --shadow-card: 0 12px 40px -18px rgba(26, 22, 20, .28);
  --shadow-pop: 0 24px 80px -24px rgba(26, 22, 20, .34); }

/* --------------------------------------------------------------------------
   2. Сброс + типографская база
   -------------------------------------------------------------------------- */
/* line 90, theme.scss */
*,
*::before,
*::after {
  box-sizing: border-box; }

/* line 94, theme.scss */
html {
  -webkit-text-size-adjust: 100%; }

/* line 96, theme.scss */
body {
  margin: 0;
  background: var(--cream);
  color: var(--ink);
  font-family: var(--fs);
  font-weight: 400;
  font-size: var(--fz-body);
  line-height: var(--lh-body);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* line 108, theme.scss */
h1, h2, h3, h4 {
  font-family: var(--fd);
  font-weight: 500;
  line-height: 1.05;
  margin: 0 0 .4em; }

/* line 114, theme.scss */
h1 {
  font-size: var(--fz-h1); }

/* line 115, theme.scss */
h2 {
  font-size: var(--fz-h2); }

/* line 116, theme.scss */
h3 {
  font-size: var(--fz-card-title); }

/* line 118, theme.scss */
h1 em, h2 em, h3 em {
  font-style: italic; }

/* italic для акцентных слов в заголовках */
/* line 120, theme.scss */
p {
  margin: 0 0 1em; }

/* line 122, theme.scss */
a {
  color: inherit;
  text-decoration: none; }

/* line 124, theme.scss */
img {
  max-width: 100%;
  display: block; }

/* line 126, theme.scss */
button {
  font-family: inherit;
  cursor: pointer;
  border: 0;
  background: none;
  color: inherit; }

/* line 134, theme.scss */
::selection {
  background: var(--gold);
  color: var(--ink); }

/* Uppercase-лейбл */
/* line 137, theme.scss */
.m85-label {
  font-family: var(--fs);
  font-size: var(--fz-label);
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: var(--ls);
  color: var(--ink-500); }

/* --------------------------------------------------------------------------
   3. Утилиты из прототипа
   -------------------------------------------------------------------------- */
/* line 149, theme.scss */
.m85-pad {
  padding-left: var(--pad-x);
  padding-right: var(--pad-x); }

/* line 151, theme.scss */
.m85-2col {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(24px, 4vw, 64px); }

/* line 157, theme.scss */
.m85-hide-m {
  display: initial; }

/* видно на десктопе */
/* line 158, theme.scss */
.m85-hide-d {
  display: none; }

/* видно на мобильном */
/* Ховер-зум для изображений (только точный указатель) */
@media (hover: hover) and (pointer: fine) {
  /* line 162, theme.scss */
  .m85-zoom {
    overflow: hidden; }

  /* line 163, theme.scss */
  .m85-zoom img {
    transition: transform 0.7s var(--ease-out); }

  /* line 164, theme.scss */
  .m85-zoom:hover img {
    transform: scale(1.05); } }
/* Появление снизу — секции проявляются при попадании во вьюпорт.
   JS (theme.js) навешивает .m85-js на <html> и .is-in на элементы через IntersectionObserver.
   Пока JS не отработал / отсутствует — контент виден сразу (fallback без FOUC-невидимости). */
/* line 170, theme.scss */
.m85-js .m85-rise {
  opacity: 0;
  transform: translateY(22px);
  will-change: opacity, transform; }

/* line 171, theme.scss */
.m85-js .m85-rise.is-in {
  opacity: 1;
  transform: none;
  transition: opacity 0.9s var(--ease), transform 0.9s var(--ease); }

/* Каскад карточек: задать --i индексом элемента в разметке */
/* line 178, theme.scss */
.m85-stagger {
  animation: m85-rise 0.55s var(--ease-out) both;
  animation-delay: calc(var(--i, 0) * 45ms); }

/* --------------------------------------------------------------------------
   4. Keyframes
   -------------------------------------------------------------------------- */
/* Пульсирующее кольцо hotspot-точки лукбука (used: animation: m85-ping 2.4s var(--ease) infinite).
   Значения 1:1 из дизайна: масштаб 1→2.6, opacity .5→0, «полка» 70%→100%. */
@keyframes m85-ping {
  0% {
    transform: scale(1);
    opacity: .5; }
  70%, 100% {
    transform: scale(2.6);
    opacity: 0; } }
@keyframes m85-rise {
  from {
    opacity: 0;
    transform: translateY(22px); }
  to {
    opacity: 1;
    transform: none; } }
@keyframes m85-toast {
  0% {
    opacity: 0;
    transform: translateY(16px); }
  12% {
    opacity: 1;
    transform: translateY(0); }
  88% {
    opacity: 1;
    transform: translateY(0); }
  100% {
    opacity: 0;
    transform: translateY(16px); } }
/* Уважать prefers-reduced-motion — гасим все анимации/переходы */
@media (prefers-reduced-motion: reduce) {
  /* line 202, theme.scss */
  *,
  *::before,
  *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
    scroll-behavior: auto !important; }

  /* Гарантируем видимость появляющихся секций без анимации выезда */
  /* line 211, theme.scss */
  .m85-js .m85-rise {
    opacity: 1 !important;
    transform: none !important; } }
/* --------------------------------------------------------------------------
   5. Кнопки (4 варианта из дизайна) — SPEC-01 / design-inventory §3
   -------------------------------------------------------------------------- */
/* line 217, theme.scss */
.m85-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .6em;
  font-family: var(--fs);
  font-size: .8125rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: var(--ls);
  padding: 17px 34px;
  border: 1px solid transparent;
  border-radius: 0;
  /* острые углы */
  transition: background 0.3s var(--ease), color 0.3s var(--ease), border-color 0.3s var(--ease), transform 0.12s var(--ease);
  -webkit-appearance: none;
  appearance: none; }

/* line 235, theme.scss */
.m85-btn:active {
  transform: scale(0.98); }

/* 1. Primary CTA — красная */
/* line 238, theme.scss */
.m85-btn--primary {
  background: var(--red);
  color: var(--cream);
  border-color: var(--red); }

/* line 243, theme.scss */
.m85-btn--primary:hover {
  background: var(--red-700);
  border-color: var(--red-700); }

/* 2. Outline — прозрачная с рамкой, ховер инвертирует */
/* line 246, theme.scss */
.m85-btn--outline {
  background: transparent;
  color: var(--ink);
  border-color: var(--ink); }

/* line 251, theme.scss */
.m85-btn--outline:hover {
  background: var(--ink);
  color: var(--cream); }

/* Вариант на фото/тёмном фоне */
/* line 253, theme.scss */
.m85-btn--outline.is-onlight {
  color: var(--cream);
  border-color: var(--cream); }

/* line 254, theme.scss */
.m85-btn--outline.is-onlight:hover {
  background: var(--cream);
  color: var(--ink); }

/* 3. Text / underline — без фона, подчёркивание */
/* line 257, theme.scss */
.m85-btn--text {
  background: none;
  color: var(--ink);
  padding: 6px 2px;
  letter-spacing: var(--ls-14);
  border-bottom: 1px solid currentColor;
  border-radius: 0; }

/* line 265, theme.scss */
.m85-btn--text:hover {
  color: var(--red); }

/* 4. Ghost — без фона и рамки, приглушённая */
/* line 268, theme.scss */
.m85-btn--ghost {
  background: none;
  color: var(--ink-500);
  padding: 12px 20px; }

/* line 273, theme.scss */
.m85-btn--ghost:hover {
  color: var(--ink); }

/* Полноширинный модификатор */
/* line 276, theme.scss */
.m85-btn--block {
  width: 100%; }

/* --------------------------------------------------------------------------
   6. Глобальный layout (SPEC-02): шапка
   -------------------------------------------------------------------------- */
/* Компенсация высоты sticky-шапки, чтобы контент не уходил под неё.
   header внутри .page_layout идёт до <main>, sticky работает нативно. */
/* line 283, theme.scss */
.m85-header {
  position: sticky;
  top: 0;
  z-index: 60;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: var(--header-h);
  padding: 14px var(--pad-x);
  background: rgba(251, 246, 242, 0.92);
  /* полупрозрачный кремовый (внутр. страницы) */
  border-bottom: 1px solid var(--hair);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px); }

/* На главной шапка чуть прозрачнее */
/* line 298, theme.scss */
.m85-header.is-home {
  background: rgba(251, 246, 242, 0.82); }

/* Фолбэк, если backdrop-filter не поддерживается — непрозрачный кремовый */
@supports not ((backdrop-filter: blur(8px)) or (-webkit-backdrop-filter: blur(8px))) {
  /* line 302, theme.scss */
  .m85-header,
  .m85-header.is-home {
    background: var(--cream); } }
/* line 306, theme.scss */
.m85-header__side {
  display: flex;
  align-items: center;
  gap: 20px;
  flex: 1 1 0; }

/* line 312, theme.scss */
.m85-header__side--right {
  justify-content: flex-end; }

/* Кнопка-триггер бургера + подпись «Меню» */
/* line 315, theme.scss */
.m85-burger {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 6px;
  color: var(--ink); }

/* line 322, theme.scss */
.m85-burger__label {
  font-family: var(--fs);
  font-size: .75rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: var(--ls-14); }

/* line 329, theme.scss */
.m85-burger:hover {
  color: var(--red); }

/* Иконочная кнопка (поиск/корзина) */
/* line 332, theme.scss */
.m85-iconbtn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  /* увеличенная тап-зона */
  color: var(--ink); }

/* line 341, theme.scss */
.m85-iconbtn:hover {
  color: var(--red); }

/* line 342, theme.scss */
.m85-iconbtn svg {
  width: 22px;
  height: 22px; }

/* Размер иконки бургера (в дизайне 22×22, как у iconbtn) */
/* line 344, theme.scss */
.m85-burger svg {
  width: 22px;
  height: 22px; }

/* Бейдж корзины */
/* line 347, theme.scss */
.m85-cart-badge {
  position: absolute;
  top: 4px;
  right: 2px;
  min-width: 17px;
  height: 17px;
  padding: 0 4px;
  border-radius: var(--r-pill);
  background: var(--red);
  color: var(--cream);
  font-family: var(--fs);
  font-size: 10px;
  font-weight: 600;
  line-height: 17px;
  text-align: center; }

/* line 363, theme.scss */
.m85-cart-badge[hidden] {
  display: none; }

/* Центральное лого (абсолютно спозиционировано) */
/* line 366, theme.scss */
.m85-logo {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: var(--ink);
  line-height: 1; }

/* line 375, theme.scss */
.m85-logo__word {
  font-family: var(--fd);
  font-weight: 500;
  font-size: 30px;
  letter-spacing: .02em; }

/* line 381, theme.scss */
.m85-logo__word b {
  color: var(--red);
  font-weight: 500; }

/* line 382, theme.scss */
.m85-logo__sub {
  display: block;
  margin-top: 4px;
  font-family: var(--fs);
  font-size: 8.5px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: var(--ls-42);
  color: var(--ink-500); }

/* --------------------------------------------------------------------------
   7. Футер
   -------------------------------------------------------------------------- */
/* line 396, theme.scss */
.m85-footer {
  background: var(--ink);
  color: var(--cream);
  padding: clamp(56px, 8vw, 96px) 40px 40px; }

/* line 401, theme.scss */
.m85-footer__cols {
  display: grid;
  grid-template-columns: 1.4fr 1fr 1fr;
  gap: 40px;
  max-width: 1200px;
  margin: 0 auto 64px; }

/* line 408, theme.scss */
.m85-footer__brand-logo {
  font-family: var(--fd);
  font-size: 2rem;
  font-weight: 600;
  margin-bottom: 14px; }

/* В футере акцент «85» — золотой (в шапке остаётся красным) */
/* line 415, theme.scss */
.m85-footer__brand-logo b {
  color: var(--gold);
  font-weight: 600; }

/* line 416, theme.scss */
.m85-footer__about {
  max-width: 34ch;
  margin: 0;
  color: var(--ink-300);
  font-size: 14px;
  line-height: 1.6; }

/* line 423, theme.scss */
.m85-footer__about p {
  margin: 0; }

/* line 424, theme.scss */
.m85-footer__col-title {
  font-family: var(--fs);
  font-size: 10.5px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: var(--ls);
  color: var(--ink-300);
  margin-bottom: 18px; }

/* line 433, theme.scss */
.m85-footer__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 12px; }

/* line 434, theme.scss */
.m85-footer__list li {
  margin: 0; }

/* line 435, theme.scss */
.m85-footer__list a,
.m85-footer__list span {
  color: var(--cream);
  font-size: 14px; }

/* line 437, theme.scss */
.m85-footer__list a:hover {
  color: var(--gold); }

/* Дизайн: колонка «Помощь» (3-я) — приглушённые ссылки ink-300 */
/* line 439, theme.scss */
.m85-footer__col:last-child .m85-footer__list a,
.m85-footer__col:last-child .m85-footer__list span {
  color: var(--ink-300); }

/* line 441, theme.scss */
.m85-footer__col:last-child .m85-footer__list a:hover {
  color: var(--cream); }

/* line 442, theme.scss */
.m85-footer__bottom {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 18px;
  justify-content: space-between;
  max-width: 1200px;
  margin: 0 auto;
  padding-top: 28px;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  font-size: 11px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: var(--ls-1);
  color: var(--ink-300); }

/* --------------------------------------------------------------------------
   8. Бургер-меню (оверлей)
   -------------------------------------------------------------------------- */
/* line 461, theme.scss */
.m85-menu {
  position: fixed;
  inset: 0;
  z-index: 100;
  visibility: hidden;
  pointer-events: none;
  /* При закрытии панель должна успеть уехать (.56s) и подложка погаснуть (.4s),
     поэтому visibility прячем с задержкой = длительности выезда панели.
     Без этого элемент исчезает мгновенно и анимация закрытия не видна. */
  transition: visibility 0s linear .56s; }

/* line 472, theme.scss */
.m85-menu__scrim {
  position: absolute;
  inset: 0;
  background: rgba(26, 22, 20, 0.44);
  opacity: 0;
  transition: opacity 0.4s var(--ease); }

/* line 479, theme.scss */
.m85-menu__panel {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: min(440px, 88vw);
  background: var(--cream);
  box-shadow: var(--shadow-pop);
  transform: translateX(-100%);
  transition: transform 0.56s var(--ease);
  display: flex;
  flex-direction: column;
  padding: 28px 36px; }

/* Открытое состояние — класс на <html> */
/* При открытии показываем сразу (задержка 0s), панель выезжает и подложка проявляется. */
/* line 495, theme.scss */
.m85-menu-open .m85-menu {
  visibility: visible;
  pointer-events: auto;
  transition: visibility 0s linear 0s; }

/* line 496, theme.scss */
.m85-menu-open .m85-menu__scrim {
  opacity: 1; }

/* line 497, theme.scss */
.m85-menu-open .m85-menu__panel {
  transform: translateX(0); }

/* line 499, theme.scss */
.m85-menu__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 56px; }

/* line 505, theme.scss */
.m85-menu__head .m85-label {
  color: var(--ink-500); }

/* line 506, theme.scss */
.m85-menu__close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  color: var(--ink); }

/* line 514, theme.scss */
.m85-menu__close:hover {
  color: var(--red); }

/* line 516, theme.scss */
.m85-menu__nav {
  display: flex;
  flex-direction: column;
  gap: 6px; }

/* line 517, theme.scss */
.m85-menu__link {
  font-family: var(--fd);
  font-weight: 400;
  font-size: clamp(2rem, 6vw, 2.8rem);
  line-height: 1.1;
  color: var(--ink);
  padding: 8px 0;
  transition: color 0.25s var(--ease); }

/* line 526, theme.scss */
.m85-menu__link:hover {
  color: var(--red); }

/* line 528, theme.scss */
.m85-menu__foot {
  margin-top: auto;
  padding-top: 48px; }

/* line 532, theme.scss */
.m85-menu__foot-brand {
  font-family: var(--fs);
  font-size: 10.5px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: var(--ls);
  color: var(--ink-500);
  margin-bottom: 14px; }

/* line 541, theme.scss */
.m85-menu__foot-sub {
  margin: 0;
  font-family: var(--fs);
  font-size: 13px;
  line-height: 1.6;
  color: var(--ink-700); }

/* Блокировка скролла body при открытом меню */
/* line 550, theme.scss */
.m85-menu-open,
.m85-menu-open body {
  overflow: hidden; }

/* --------------------------------------------------------------------------
   9. Toast (глобальный контейнер уведомлений)
   -------------------------------------------------------------------------- */
/* line 556, theme.scss */
.m85-toast-wrap {
  position: fixed;
  left: 50%;
  bottom: 28px;
  transform: translateX(-50%);
  z-index: 120;
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
  pointer-events: none; }

/* line 568, theme.scss */
.m85-toast {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  max-width: 90vw;
  padding: 14px 22px;
  background: var(--ink);
  color: var(--cream);
  font-family: var(--fs);
  font-size: .875rem;
  box-shadow: var(--shadow-pop);
  animation: m85-toast 3s var(--ease) forwards; }

/* line 581, theme.scss */
.m85-toast svg {
  width: 16px;
  height: 16px;
  color: var(--gold); }

/* --------------------------------------------------------------------------
   10. Адаптив
   -------------------------------------------------------------------------- */
@media (max-width: 760px) {
  /* line 587, theme.scss */
  :root {
    --pad-x: var(--pad-x-m); }

  /* 40 → 20px */
  /* line 589, theme.scss */
  .m85-hide-m {
    display: none !important; }

  /* скрыть подпись «Меню» и др. */
  /* line 590, theme.scss */
  .m85-hide-d {
    display: initial; }

  /* line 592, theme.scss */
  .m85-2col {
    grid-template-columns: 1fr; }

  /* line 594, theme.scss */
  .m85-header__side {
    gap: 8px; }

  /* line 595, theme.scss */
  .m85-logo__word {
    font-size: 26px; }

  /* line 597, theme.scss */
  .m85-footer__cols {
    grid-template-columns: 1fr;
    gap: 34px; }

  /* line 598, theme.scss */
  .m85-footer__bottom {
    flex-direction: column; } }
/* --------------------------------------------------------------------------
   Служебное (наследие темы)
   -------------------------------------------------------------------------- */
/* line 604, theme.scss */
.outside-widgets .delete-widget-link {
  display: none; }

/* line 605, theme.scss */
.outside-widgets .add-widget-link {
  display: none; }