@charset "UTF-8";
/* line 1, _settings.scss */
:root {
  --bg:var(--draft-bg, #ffffff);
  --bg-is-light:var(--draft-bg-is-light, true);
  --bg-minor-shade:var(--draft-bg-minor-shade, #f7f7f7);
  --bg-minor-shade-is-light:var(--draft-bg-minor-shade-is-light, true);
  --bg-major-shade:var(--draft-bg-major-shade, #ededed);
  --bg-major-shade-is-light:var(--draft-bg-major-shade-is-light, true);
  --bg-half-shade:var(--draft-bg-half-shade, #808080);
  --bg-half-shade-is-dark:var(--draft-bg-half-shade-is-dark, true);
  --color-btn-bg:var(--draft-color-btn-bg, #ffda33);
  --color-btn-bg-is-light:var(--draft-color-btn-bg-is-light, true);
  --color-btn-bg-minor-shade:var(--draft-color-btn-bg-minor-shade, #ffd82a);
  --color-btn-bg-minor-shade-is-light:var(--draft-color-btn-bg-minor-shade-is-light, true);
  --color-btn-bg-major-shade:var(--draft-color-btn-bg-major-shade, #ffd61e);
  --color-btn-bg-major-shade-is-light:var(--draft-color-btn-bg-major-shade-is-light, true);
  --color-btn-bg-half-shade:var(--draft-color-btn-bg-half-shade, #997d00);
  --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, #8b8b8b);
  --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, #9a9a9a);
  --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, #a8a8a8);
  --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, #d2d2d2);
  --color-accent-text-half-shade-is-light:var(--draft-color-accent-text-half-shade-is-light, true);
  --color-text-dark:var(--draft-color-text-dark, #333333);
  --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, #474747);
  --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, #5c5c5c);
  --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, #999999);
  --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, #ffffff);
  --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, #f7f7f7);
  --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, #ededed);
  --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, #808080);
  --color-text-light-half-shade-is-dark:var(--draft-color-text-light-half-shade-is-dark, true);
  --icons_pack:var(--draft-icons_pack, intermittent);
  --controls-btn-border-radius:var(--draft-controls-btn-border-radius, 4px);
  --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, Manrope);
  --font-size:var(--draft-font-size, 16px);
  --font-family-heading:var(--draft-font-family-heading, Manrope);
  --heading-ratio:var(--draft-heading-ratio, 1.5);
  --heading-weight:var(--draft-heading-weight, 600);
  --collection_count:var(--draft-collection_count, 9);
  --search_count:var(--draft-search_count, 15);
  --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, 1440px);
  --delta_sidebar:var(--draft-delta_sidebar, 1);
  --type_sidebar:var(--draft-type_sidebar, normal);
  --sidebar_index_show:var(--draft-sidebar_index_show, false);
  --sidebar_index_position:var(--draft-sidebar_index_position, right);
  --sidebar_collection_show:var(--draft-sidebar_collection_show, true);
  --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); }

/* LUMIXLUM · InSales · основа оформления из GPT-сайта.
   Геометрией боковой колонки и размещением виджетов управляет тема InSales.
   Декоративные классы внизу файла подключаются к нужным блокам явно. */
/* Редактор InSales: сохранены правила исходного файла. */
/* line 9, theme.scss */
.outside-widgets .delete-widget-link,
.outside-widgets .add-widget-link,
[data-fixed-panels] .delete-widget-link {
  display: none; }

@media screen and (max-width: 768px) {
  /* line 16, theme.scss */
  [style*="--is-editor:true"] .outside-widgets {
    display: none; }

  /* line 20, theme.scss */
  .edit-widget-buttons .widget-name {
    display: none !important; }

  /* line 24, theme.scss */
  [data-fixed-panels] [data-widget-add] {
    display: none; } }
/* Токены доступны только внутри адаптированной темы. Шрифт Manrope
   должен быть подключён в настройках темы или отдельным проверенным asset. */
/* line 31, theme.scss */
body.llx-insales-theme {
  --llx-accent: #FFD300;
  --llx-page-background: #FFFFFF;
  --llx-catalog-intro-background: #F5F5F5;
  --llx-text: #191917;
  --llx-text-strong: #171715;
  --llx-text-muted: #77766F;
  --llx-border: #E4E5DF;
  --llx-panel-background: #F7F8F5;
  --llx-card-background: #FFFFFF;
  --llx-footer-background: #171715;
  --llx-footer-text: #F4F3EF;
  --llx-font-family: Manrope, Arial, sans-serif;
  --llx-page-max-width: 1440px;
  --llx-content-max-width: 1328px;
  --llx-content-gutter: 56px;
  --llx-panel-inset: 40px;
  --llx-section-gap: 40px;
  --llx-radius-panel: 8px;
  --llx-radius-card: 6px;
  --llx-radius-button: 3px;
  --llx-motion-easing: cubic-bezier(.2, .7, .2, 1);
  width: 100%;
  max-width: none;
  margin: 0 !important;
  padding: 0 !important;
  background: var(--llx-page-background);
  color: var(--llx-text);
  font-family: var(--llx-font-family); }

/* line 63, theme.scss */
html {
  background: #FFFFFF; }

/* clip не создаёт горизонтальный контейнер прокрутки вокруг sticky-блоков.
   В браузерах без clip используется обычное поведение документа. */
@supports (overflow-x: clip) {
  /* line 70, theme.scss */
  body.llx-insales-theme {
    overflow-x: clip; } }
/* line 75, theme.scss */
body.llx-insales-theme .llx-page {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  max-width: var(--llx-page-max-width);
  min-width: 0;
  margin-inline: auto;
  padding: 0;
  background: var(--llx-page-background); }

/* Не изменяем display, grid-template, grid-area и положение aside. */
/* line 87, theme.scss */
body.llx-insales-theme .llx-page > header,
body.llx-insales-theme .llx-page > main,
body.llx-insales-theme .llx-page > footer,
body.llx-insales-theme .llx-page > aside,
body.llx-insales-theme .llx-page > .page_section_top,
body.llx-insales-theme .llx-page > .page_section_bottom {
  box-sizing: border-box;
  min-width: 0; }

/* line 97, theme.scss */
body.llx-insales-theme .llx-page > main {
  background: var(--llx-page-background); }

/* Ширина содержимого остаётся на месте; расширяется только подложка.
   clip-path применяется к псевдоэлементу, не к интерактивному контейнеру. */
/* line 103, theme.scss */
body.llx-insales-theme .llx-page > header,
body.llx-insales-theme .llx-page > footer {
  position: relative;
  isolation: isolate; }

/* line 109, theme.scss */
body.llx-insales-theme .llx-page > header {
  --llx-band-background: #FFFFFF;
  background: var(--llx-band-background); }

/* line 114, theme.scss */
body.llx-insales-theme .llx-page > footer {
  --llx-band-background: var(--llx-footer-background);
  background: var(--llx-band-background); }

/* line 119, theme.scss */
body.llx-insales-theme .llx-page > header::before,
body.llx-insales-theme .llx-page > footer::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  background: var(--llx-band-background);
  box-shadow: 0 0 0 100vmax var(--llx-band-background);
  clip-path: inset(0 -100vmax);
  pointer-events: none; }

/* Серая вступительная зона каталога: заголовок и категории.
   Основной каталог, карточки и фотографии не получают её цвет. */
/* line 133, theme.scss */
body.llx-insales-theme .llx-page > .llx-catalog-intro {
  position: relative;
  isolation: isolate;
  box-sizing: border-box;
  padding-block: 36px 38px;
  margin-bottom: 38px;
  background: var(--llx-catalog-intro-background); }

/* line 142, theme.scss */
body.llx-insales-theme .llx-page > .llx-catalog-intro::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  background: var(--llx-catalog-intro-background);
  box-shadow: 0 0 0 100vmax var(--llx-catalog-intro-background);
  clip-path: inset(0 -100vmax);
  pointer-events: none; }

/* Для конкретного виджета, которому нужна общая сетка GPT-сайта.
   Класс не назначается всем .layout__content автоматически. */
/* line 155, theme.scss */
body.llx-insales-theme .llx-content-frame {
  box-sizing: border-box;
  width: calc(100% - var(--llx-content-gutter) * 2);
  max-width: var(--llx-content-max-width);
  min-width: 0;
  margin-inline: auto; }

/* line 163, theme.scss */
body.llx-insales-theme .llx-page h1.page-headding.heading {
  margin: 0 0 34px;
  padding: 0;
  color: var(--llx-text-strong);
  font-family: var(--llx-font-family);
  font-size: clamp(44px, 5.2vw, 68px);
  font-weight: 400;
  line-height: 1.02;
  letter-spacing: -.045em;
  overflow-wrap: anywhere; }

@media screen and (max-width: 950px) {
  /* line 176, theme.scss */
  body.llx-insales-theme {
    --llx-content-gutter: 32px;
    --llx-panel-inset: 30px;
    --llx-section-gap: 32px; } }
@media screen and (max-width: 767px) {
  /* line 184, theme.scss */
  body.llx-insales-theme .llx-page > .llx-catalog-intro {
    padding-block: 28px;
    margin-bottom: 28px; } }
@media screen and (max-width: 700px) {
  /* line 191, theme.scss */
  body.llx-insales-theme {
    --llx-content-gutter: 18px;
    --llx-panel-inset: 24px;
    --llx-section-gap: 24px; }

  /* line 197, theme.scss */
  body.llx-insales-theme .llx-page h1.page-headding.heading {
    margin-bottom: 24px;
    font-size: 40px; } }
/* Необязательные светлые панели и внутренние карточки. */
/* line 204, theme.scss */
body.llx-insales-theme .llx-design-panel {
  box-sizing: border-box;
  min-width: 0;
  padding: 16px;
  border: 1px solid var(--llx-border);
  border-radius: var(--llx-radius-panel);
  background: var(--llx-panel-background); }

/* line 213, theme.scss */
body.llx-insales-theme .llx-design-card {
  box-sizing: border-box;
  min-width: 0;
  padding: 20px 12px;
  border: 1px solid var(--llx-border);
  border-radius: var(--llx-radius-card);
  background: var(--llx-card-background); }

@media screen and (max-width: 700px) {
  /* line 223, theme.scss */
  body.llx-insales-theme .llx-design-panel {
    padding: 10px; }

  /* line 227, theme.scss */
  body.llx-insales-theme .llx-design-card {
    padding: 18px 8px; } }
/* Движущаяся жёлтая линия. Добавьте llx-light-link к ссылке/кнопке.
   llx-light-link--always оставляет линию активной без наведения. */
/* line 234, theme.scss */
body.llx-insales-theme .llx-light-link {
  position: relative;
  display: inline-block;
  max-width: 100%;
  padding-bottom: 4px;
  color: inherit;
  text-decoration: none; }

/* line 243, theme.scss */
body.llx-insales-theme .llx-light-link::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 2px;
  background: linear-gradient(90deg, transparent 0%, var(--llx-accent) 35%, var(--llx-accent) 65%, transparent 100%);
  background-size: 250% 100%;
  opacity: 0;
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 0.26s var(--llx-motion-easing), opacity 0.26s;
  pointer-events: none; }

/* line 257, theme.scss */
body.llx-insales-theme .llx-light-link:hover::after,
body.llx-insales-theme .llx-light-link:focus-visible::after,
body.llx-insales-theme .llx-light-link.llx-light-link--always::after {
  opacity: 1;
  transform: scaleX(1);
  animation: llx-light-sweep 1.25s linear infinite; }

@keyframes llx-light-sweep {
  from {
    background-position: 160% 0; }
  to {
    background-position: -60% 0; } }
/* Бегущий участок контура. Псевдоэлемент только декоративный.
   Если ::after блока уже используется, назначайте класс отдельной обёртке. */
@property --llx-border-angle {
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: false; }
/* line 278, theme.scss */
body.llx-insales-theme .llx-orbit-card {
  position: relative;
  isolation: isolate; }

/* Запасной контур для браузеров без CSS-масок. */
/* line 284, theme.scss */
body.llx-insales-theme .llx-orbit-card::after {
  content: "";
  position: absolute;
  z-index: 2;
  inset: 0;
  box-sizing: border-box;
  border: 2px solid var(--llx-accent);
  border-radius: inherit;
  opacity: 0;
  transition: opacity .25s;
  pointer-events: none; }

/* line 297, theme.scss */
body.llx-insales-theme .llx-orbit-card:hover::after,
body.llx-insales-theme .llx-orbit-card:focus-within::after,
body.llx-insales-theme .llx-orbit-card.is-selected::after,
body.llx-insales-theme .llx-orbit-card[aria-pressed="true"]::after {
  opacity: 1; }

@supports (mask-composite: exclude) or (-webkit-mask-composite: xor) {
  /* line 305, theme.scss */
  body.llx-insales-theme .llx-orbit-card::after {
    border: 0;
    padding: 2px;
    background: conic-gradient(from var(--llx-border-angle), transparent 0deg, transparent 230deg, var(--llx-accent) 285deg, var(--llx-accent) 320deg, transparent 360deg);
    -webkit-mask: linear-gradient(#FFFFFF 0 0) content-box, linear-gradient(#FFFFFF 0 0);
    -webkit-mask-composite: xor;
    mask: linear-gradient(#FFFFFF 0 0) content-box, linear-gradient(#FFFFFF 0 0);
    mask-composite: exclude; }

  /* line 315, theme.scss */
  body.llx-insales-theme .llx-orbit-card:hover::after,
  body.llx-insales-theme .llx-orbit-card:focus-within::after,
  body.llx-insales-theme .llx-orbit-card.is-selected::after,
  body.llx-insales-theme .llx-orbit-card[aria-pressed="true"]::after {
    animation: llx-border-orbit 2.4s linear infinite; } }
@keyframes llx-border-orbit {
  to {
    --llx-border-angle: 360deg; } }
@media (prefers-reduced-motion: reduce) {
  /* line 328, theme.scss */
  body.llx-insales-theme .llx-light-link::after,
  body.llx-insales-theme .llx-orbit-card::after {
    animation: none !important;
    transition: none; }

  /* line 334, theme.scss */
  body.llx-insales-theme .llx-light-link::after {
    background: var(--llx-accent); }

  @supports (mask-composite: exclude) or (-webkit-mask-composite: xor) {
    /* line 339, theme.scss */
    body.llx-insales-theme .llx-orbit-card::after {
      background: var(--llx-accent); } } }