@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, #0057ff);
  --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, #1a66ff);
  --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, #3377ff);
  --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, #80aaff);
  --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, #0057ff);
  --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, #1a66ff);
  --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, #3377ff);
  --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, #80aaff);
  --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, #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, insales-default);
  --controls-btn-border-radius: var(--draft-controls-btn-border-radius, 6px);
  --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, #fff3ca);
  --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, #fff2c8);
  --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, #ffedb3);
  --color-notice-warning-half-shade-is-light: var(--draft-color-notice-warning-half-shade-is-light, 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, #d3ecd9);
  --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, #d1ecd7);
  --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, #bee4c7);
  --color-notice-success-half-shade-is-light: var(--draft-color-notice-success-half-shade-is-light, 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, #f8d7da);
  --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, #f8d5d8);
  --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, #f5c4c8);
  --color-notice-error-half-shade-is-light: var(--draft-color-notice-error-half-shade-is-light, 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, #cae4ff);
  --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, #c8e3ff);
  --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, #b3d7ff);
  --color-notice-info-half-shade-is-light: var(--draft-color-notice-info-half-shade-is-light, true);
  --font-family: var(--draft-font-family, "PT Root UI");
  --font-size: var(--draft-font-size, 16px);
  --font-family-heading: var(--draft-font-family-heading, "PT Root UI");
  --heading-ratio: var(--draft-heading-ratio, 1.75);
  --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, 8);
  --product_not_available: var(--draft-product_not_available, shown);
  --layout-content-max-width: var(--draft-layout-content-max-width, 1272px);
  --delta_sidebar: var(--draft-delta_sidebar, 1);
  --type_sidebar: var(--draft-type_sidebar, sticky);
  --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, false);
  --compare_enabled: var(--draft-compare_enabled, false); }

/* 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 */
.sticker.sticker-sale {
  display: none !important; }

/* ===== ОПТИМИЗАЦИЯ СКОРОСТИ ===== */
/* Ленивая загрузка изображений */
/* line 34, theme.scss */
img {
  max-width: 100%;
  height: auto;
  loading: lazy; }

/* Ускорение анимаций и переходов */
/* line 41, theme.scss */
.product-card,
.collection-item,
.advantage-card {
  transform: translateZ(0);
  backface-visibility: hidden;
  perspective: 1000px;
  will-change: transform; }

/* Оптимизация сетки товаров */
/* line 51, theme.scss */
.product-grid,
.collection-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 20px; }

/* Оптимизация шрифтов */
/* line 59, theme.scss */
body {
  font-display: swap;
  text-rendering: optimizeSpeed; }

/* Предзагрузка критических ресурсов */
/* line 65, theme.scss */
.link-preload {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden; }

/* Оптимизация для мобильных */
@media (max-width: 768px) {
  /* line 74, theme.scss */
  .product-grid,
  .collection-grid {
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 10px; }

  /* Отключаем сложные анимации на мобильных */
  /* line 81, theme.scss */
  .product-card:hover {
    transform: none; } }
/* Скелетон-загрузка для изображений */
/* line 87, theme.scss */
.image-skeleton {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: loading 1.5s infinite;
  border-radius: 4px; }

@keyframes loading {
  0% {
    background-position: 200% 0; }
  100% {
    background-position: -200% 0; } }
/* Оптимизация скролла */
/* line 104, theme.scss */
html {
  scroll-behavior: smooth; }

/* Уменьшение размера CSS */
/* line 109, theme.scss */
.hidden {
  display: none !important; }

/* line 113, theme.scss */
.visible {
  display: block !important; }

/* Оптимизация кнопок */
/* line 118, theme.scss */
button,
a {
  touch-action: manipulation; }

/* Оптимизация для медленных соединений */
@media (prefers-reduced-motion: reduce) {
  /* line 125, theme.scss */
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important; } }
/* ===== ОПТИМИЗАЦИЯ ВСЕХ ИЗОБРАЖЕНИЙ САЙТА ===== */
/* Базовые настройки для всех изображений */
/* line 134, theme.scss */
img {
  max-width: 100%;
  height: auto;
  display: block;
  loading: lazy; }

/* Специально для товаров */
/* line 142, theme.scss */
.product-widget img,
.product-card img,
.product-image img,
[class*="product"] img {
  border-radius: 4px;
  object-fit: cover;
  transition: transform 0.3s ease;
  max-width: 600px;
  max-height: 600px;
  margin: 0 auto; }

/* Эффект при наведении */
/* line 155, theme.scss */
.product-widget img:hover,
.product-card img:hover {
  transform: scale(1.02); }

/* Размеры для мобильных */
@media (max-width: 767px) {
  /* line 162, theme.scss */
  .product-widget img,
  .product-card img,
  .product-image img,
  [class*="product"] img {
    max-width: 300px;
    max-height: 300px; } }
/* Автоматические ALT-тексты через CSS (если нет в HTML) */
/* line 172, theme.scss */
img[alt=""],
img:not([alt]) {
  border: 2px dashed #ff6b35; }

/* Плейсхолдер для битых изображений */
/* line 178, theme.scss */
img:before {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #f5f5f5;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 50 50"><text x="25" y="30" text-anchor="middle" font-family="Arial" font-size="12" fill="%23999">Изображение</text></svg>');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 50px 50px; }

/* Убираем красные рамки вокруг изображений */
/* line 193, theme.scss */
img {
  outline: none !important;
  border: none !important; }

/* line 198, theme.scss */
.product-image img,
.image img {
  box-shadow: none !important; }

/* Ускорение рендеринга и lazy load через CSS */
/* line 203, theme.scss */
.product-image img,
.card-image img,
.item-image img {
  transform: translateZ(0);
  backface-visibility: hidden;
  perspective: 1000; }

/* Приоритет для видимых изображений */
/* line 212, theme.scss */
img:not([data-src]) {
  loading: eager; }

/* Скелетон-загрузка */
/* line 217, theme.scss */
.image-loader {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: loading 1.5s infinite;
  border-radius: 4px; }

@keyframes loading {
  0% {
    background-position: 200% 0; }
  100% {
    background-position: -200% 0; } }
/* Принудительное ускорение анимаций */
/* line 230, theme.scss */
* {
  transform-style: preserve-3d; }

/* ===== ИСПРАВЛЕНИЕ ПЕРЕКРЫТИЯ МЕНЮ ===== */
/* Приоритет для мобильного меню */
/* line 236, theme.scss */
.mobile-menu,
.menu-toggle,
.nav-menu,
.header-menu,
[class*="menu"],
[class*="nav"] {
  z-index: 10000 !important;
  position: relative; }

/* Приоритет для шапки сайта */
/* line 247, theme.scss */
.header,
.header-wrapper,
.site-header,
[class*="header"] {
  z-index: 9999 !important;
  position: relative; }

/* Убеждаемся, что меню поверх всего */
/* line 256, theme.scss */
.menu-open,
.menu-active,
.menu-visible {
  z-index: 10001 !important; }

/* Для выпадающих меню */
/* line 263, theme.scss */
.dropdown-menu,
.submenu,
.menu-dropdown {
  z-index: 10002 !important; }

/* Убираем перекрытие для каталога/изображений */
/* line 270, theme.scss */
.product-grid,
.product-catalog,
.catalog-items,
[class*="product"],
[class*="catalog"] {
  z-index: 1 !important;
  position: relative; }

/* Исправление для мобильного меню */
@media (max-width: 768px) {
  /* line 281, theme.scss */
  .mobile-menu,
  .menu-mobile,
  [data-mobile-menu] {
    z-index: 10003 !important !important; }

  /* Убеждаемся, что мобильное меню поверх всего */
  /* line 288, theme.scss */
  body.menu-open,
  body.mobile-menu-open {
    overflow: hidden; }

  /* line 293, theme.scss */
  body.menu-open .header,
  body.mobile-menu-open .header {
    z-index: 10004 !important; } }
/* ===== ИСПРАВЛЕНИЕ РЕДАКТОРА SITE EDITOR ===== */
/* Элементы редактора InSales - максимальный приоритет */
/* line 301, theme.scss */
.insales-admin-panel,
[class*="insales"],
[class*="admin"],
[class*="editor"],
[class*="edit"],
.site-editor,
.page-editor,
.section-editor {
  z-index: 2147483647 !important;
  /* Максимально возможный z-index */
  position: relative !important; }

/* Панель инструментов редактора */
/* line 314, theme.scss */
.toolbar,
.editor-toolbar,
.admin-toolbar,
.control-panel {
  z-index: 2147483646 !important; }

/* Кнопки редактирования */
/* line 322, theme.scss */
.edit-button,
.edit-link,
[data-edit],
[contenteditable="true"] {
  z-index: 2147483645 !important;
  position: relative !important; }

/* Всплывающие окна редактора */
/* line 331, theme.scss */
.popup,
.modal,
.dialog,
[role="dialog"] {
  z-index: 2147483647 !important !important; }

/* Исправление для мобильного редактора */
@media (max-width: 768px) {
  /* line 340, theme.scss */
  .insales-admin-panel,
  [class*="insales"],
  [class*="admin"] {
    z-index: 2147483647 !important !important;
    transform: translateZ(1000px) !important; } }
/* Кнопки редактирования виджетов */
/* line 348, theme.scss */
.widget-controls,
.widget-settings,
.edit-widget,
[data-widget-edit] {
  z-index: 2147483647 !important !important;
  position: relative !important; }

/* Ховер-эффекты в редакторе */
/* line 357, theme.scss */
[style*="--is-editor:true"] .outside-widgets,
[data-editor-hover] {
  z-index: 2147483646 !important; }

/* Фиксированные панели редактора */
/* line 363, theme.scss */
[data-fixed-panels] {
  z-index: 2147483647 !important !important; }