@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, #990066);
  --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, #bd007e);
  --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, #e00096);
  --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, #ff4dc3);
  --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, #660044);
  --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, #8f005f);
  --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, #b8007a);
  --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, #ff33bb);
  --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, #212121);
  --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, #373737);
  --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, #4e4e4e);
  --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, #909090);
  --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, system);
  --controls-btn-border-radius:var(--draft-controls-btn-border-radius, 10px);
  --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, 'Montserrat ');
  --font-size:var(--draft-font-size, 14px);
  --font-family-heading:var(--draft-font-family-heading, 'Merriweather ');
  --heading-ratio:var(--draft-heading-ratio, 1.9);
  --heading-weight:var(--draft-heading-weight, 500);
  --collection_count:var(--draft-collection_count, 100);
  --search_count:var(--draft-search_count, 10);
  --blog_size:var(--draft-blog_size, 6);
  --product_not_available:var(--draft-product_not_available, preorder);
  --layout-content-max-width:var(--draft-layout-content-max-width, 1280px);
  --delta_sidebar:var(--draft-delta_sidebar, 1);
  --type_sidebar:var(--draft-type_sidebar, normal);
  --sidebar_index_show:var(--draft-sidebar_index_show, true);
  --sidebar_index_position:var(--draft-sidebar_index_position, left);
  --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, true);
  --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); }

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

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

/* line 12, theme.scss */
[data-fixed-panels] .delete-widget-link {
  display: none; }

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

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

  /* line 23, theme.scss */
  [data-fixed-panels] [data-widget-add] {
    display: none; } }
/* Стили для особого футера */
/* line 28, theme.scss */
.footer--short {
  background: white;
  color: #333;
  padding: 5px 0;
  margin: 0;
  text-align: center;
  border-bottom: 1px solid #757575; }

/* line 36, theme.scss */
.footer--short p {
  margin: 0;
  font-weight: 400; }

/* line 40, theme.scss */
.chat-hint {
  position: fixed;
  bottom: 15px;
  right: -320px;
  /* скрыто за правым краем */
  width: 300px;
  padding: 16px 20px;
  background: #fff;
  border: 2px solid #4BB04F;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  border-radius: 8px;
  font-family: Arial, sans-serif;
  font-size: 14px;
  color: #333;
  transition: right 0.4s ease-out;
  z-index: 9999;
  display: flex;
  align-items: center;
  gap: 10px; }

/* line 60, theme.scss */
.chat-hint.visible {
  right: -100px;
  /* выезжает в видимую зону */ }

@media (max-width: 600px) {
  /* line 65, theme.scss */
  .chat-hint {
    width: 100%;
    max-width: 90%;
    right: -110%; }

  /* line 66, theme.scss */
  .chat-hint.visible {
    right: -100px; } }
/* line 69, theme.scss */
.footer_copyright {
  padding-top: 0.5rem;
  padding-bottom: 0;
  border-top: 2px solid #990066;
  font-size: 0.9rem;
  color: #757575; }
  @media screen and (max-width: 767px) {
    /* line 69, theme.scss */
    .footer_copyright {
      border-top: none !important;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-wrap: wrap;
      text-align: center; } }
  /* line 85, theme.scss */
  .footer_copyright a {
    color: var(--color-accent-text-major-shade);
    text-decoration: none;
    font-size: 0.9rem; }
  /* line 91, theme.scss */
  .footer_copyright p {
    margin-bottom: 0; }
  /* line 95, theme.scss */
  .footer_copyright p + p {
    margin-top: 1rem; }

/* line 99, theme.scss */
.pearl {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: radial-gradient(circle at 35% 30%, #fffefd 0%, #f4f4f2 45%, #d9d9d7 75%, #b8b8b6 100%);
  border: none;
  border-radius: 50%;
  margin: 0 2px;
  margin-top: -3px;
  vertical-align: middle;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  position: relative;
  /* Чуть уменьшаем тени под 12px, чтобы не было «перебора» */
  box-shadow: inset -4px -4px 10px rgba(0, 0, 0, 0.22), inset 3px 3px 6px rgba(255, 255, 255, 0.9); }

/* Блики тоже чуть уменьшаем, чтобы смотрелись пропорционально */
/* line 125, theme.scss */
.pearl::before {
  content: '';
  position: absolute;
  top: 2.5px;
  left: 2.5px;
  width: 4px;
  height: 4px;
  background: rgba(255, 255, 255, 0.98);
  border-radius: 50%;
  filter: blur(1px);
  opacity: 0;
  animation: pearl-shine-main 2.2s infinite alternate ease-in-out; }

/* line 139, theme.scss */
.pearl::after {
  content: '';
  position: absolute;
  top: 0.8px;
  left: 0.8px;
  width: 1.6px;
  height: 1.6px;
  background: #ffffff;
  border-radius: 50%;
  /* Свечение оставляем заметным даже на белом фоне */
  box-shadow: 0 0 5px #ffffff, 0 0 10px #ffffff;
  opacity: 0;
  animation: pearl-shine-dot 3.2s infinite alternate ease-in-out; }

@keyframes pearl-shine-main {
  0% {
    opacity: 0.35;
    transform: scale(0.8); }
  100% {
    opacity: 1;
    transform: scale(1.2); } }
@keyframes pearl-shine-dot {
  0% {
    opacity: 0;
    top: 0.8px;
    left: 0.8px; }
  50% {
    opacity: 1;
    top: 0;
    left: 0; }
  100% {
    opacity: 0;
    top: 0.8px;
    left: 0.8px; } }
/* line 184, theme.scss */
.pearl:hover {
  transform: rotateY(180deg);
  /* Поворот по оси Y на 180° */ }

/* line 187, theme.scss */
#chat-hint {
  position: fixed !important;
  bottom: 20px !important;
  right: -340px !important;
  /* скрыто */
  width: 300px !important;
  padding: 16px 20px !important;
  background: #fff !important;
  border: 1px solid #990066 !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
  border-radius: 8px 0 0 8px !important;
  font-family: Arial, sans-serif !important;
  font-size: 14px !important;
  color: #333 !important;
  transition: right 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;
  z-index: 9999 !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  cursor: pointer !important;
  box-sizing: border-box !important; }

/* line 209, theme.scss */
#chat-hint.visible {
  right: 20px !important; }

/* Полоска‑хвостик (кнопка вызова) */
/* line 214, theme.scss */
#chat-tail {
  position: fixed !important;
  bottom: 20px !important;
  right: 8px !important;
  width: 12px !important;
  height: 40px !important;
  background: #990066 !important;
  /* цвет в тон лого */
  border-radius: 0 0 0 6px !important;
  cursor: pointer !important;
  z-index: 9998 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transition: opacity 0.3s ease, visibility 0.3s ease, background 0.2s ease, box-shadow 0.2s ease !important;
  box-sizing: border-box !important; }

/* line 230, theme.scss */
#chat-tail:hover {
  background: #660044 !important;
  /* темнее при наведении */
  box-shadow: 0 4px 12px rgba(153, 0, 102, 0.4) !important; }

/* Показываем полоску, когда окошко скрыто */
/* line 236, theme.scss */
#chat-hint:not(.visible) + #chat-tail {
  opacity: 1 !important;
  visibility: visible !important; }

@media (max-width: 600px) {
  /* line 242, theme.scss */
  #chat-hint {
    width: 100% !important;
    max-width: 90% !important;
    right: -110% !important;
    /* скрыто */ }

  /* line 247, theme.scss */
  #chat-hint.visible {
    right: 5% !important; }

  /* Вместо display:none — уменьшаем хвостик */
  /* line 252, theme.scss */
  #chat-tail {
    width: 8px !important;
    /* тоньше */
    height: 30px !important;
    /* чуть ниже */
    bottom: 15px !important;
    /* подвинем вверх, чтобы не цеплял палец внизу */
    /* display: none удаляем — хвостик остаётся видимым */ } }
/* Скрываем штатный виджет чата InSales */
/* line 261, theme.scss */
[class*="dialogs__widget_btn"],
.dialogs__widget,
.insales-chat-widget,
#insales-chat {
  display: none !important; }
