@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 35, theme.scss */
img {
  max-width: 100%;
  height: auto;
  display: block;
  loading: lazy;
  outline: none !important;
  border: none !important; }

/* Специально для товаров */
/* line 45, 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;
  box-shadow: none !important;
  transform: translateZ(0);
  backface-visibility: hidden;
  perspective: 1000; }

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

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

/* Плейсхолдер для битых изображений */
/* line 85, 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 101, theme.scss */
.product-card,
.collection-item,
.advantage-card {
  transform: translateZ(0);
  backface-visibility: hidden;
  perspective: 1000px;
  will-change: transform; }

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

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

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

/* Скелетон-загрузка для изображений */
/* line 133, theme.scss */
.image-skeleton,
.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 151, theme.scss */
html {
  scroll-behavior: smooth; }

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

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

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

/* Оптимизация для медленных соединений */
@media (prefers-reduced-motion: reduce) {
  /* line 172, theme.scss */
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important; } }
/* Принудительное ускорение анимаций */
/* line 180, theme.scss */
* {
  transform-style: preserve-3d; }

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

  /* Отключаем сложные анимации на мобильных */
  /* line 193, theme.scss */
  .product-card:hover {
    transform: none; } }
/* ===== ИСПРАВЛЕНИЕ ПЕРЕКРЫТИЯ МЕНЮ ===== */
/* Приоритет для мобильного меню */
/* line 201, theme.scss */
.mobile-menu,
.menu-toggle,
.nav-menu,
.header-menu,
[class*="menu"],
[class*="nav"] {
  z-index: 10000 !important;
  position: relative; }

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

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

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

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

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

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

  /* line 258, theme.scss */
  body.menu-open .header,
  body.mobile-menu-open .header {
    z-index: 10004 !important; } }
/* ===== ВЫСОКИЙ ПРИОРИТЕТ ДЛЯ РЕДАКТОРА INSALES ===== */
/* Этот блок должен быть ПОСЛЕДНИМ в файле */
/* line 267, theme.scss */
.insales-admin-panel,
[class*="insales-admin"],
[class*="site-editor"],
.edit-widget-buttons,
.widget-controls,
[data-widget-edit],
.outside-widgets,
[data-fixed-panels],
.edit-widget-link,
.add-widget-link,
.delete-widget-link {
  z-index: 2147483647 !important;
  position: relative !important;
  transform: translateZ(0) !important; }

/* Гарантированное отображение кнопок редактирования */
/* line 284, theme.scss */
[data-widget-edit] {
  background: #ff4444 !important;
  color: white !important;
  padding: 10px !important;
  border: 2px solid white !important;
  box-shadow: 0 0 15px rgba(255, 0, 0, 0.7) !important;
  font-weight: bold !important; }

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

/* ===== ЭКСТРЕННОЕ ИСПРАВЛЕНИЕ ВСЕХ ПРОБЛЕМ ===== */
/* 1. РЕДАКТОР - максимальный приоритет */
/* line 300, theme.scss */
.insales-admin-panel,
[class*="insales-admin"],
[class*="site-editor"],
.edit-widget-buttons,
.widget-controls,
[data-widget-edit],
.outside-widgets,
[data-fixed-panels],
.edit-widget-link,
.add-widget-link,
.delete-widget-link {
  z-index: 2147483647 !important;
  position: relative !important;
  transform: translateZ(0) !important; }

/* Яркие кнопки редактора */
/* line 317, theme.scss */
[data-widget-edit] {
  background: #ff4444 !important;
  color: white !important;
  padding: 12px 16px !important;
  border: 3px solid yellow !important;
  box-shadow: 0 0 20px red !important;
  font-size: 14px !important;
  font-weight: bold !important;
  border-radius: 6px !important;
  z-index: 2147483647 !important; }

/* 2. МЕНЮ - приоритет над контентом */
/* line 330, theme.scss */
.mobile-menu,
.menu-toggle,
.nav-menu,
.header-menu,
.main-menu,
[class*="menu"],
[class*="nav"] {
  z-index: 1000000 !important;
  position: relative !important; }

/* 3. ВЫПАДАЮЩИЕ СПИСКИ - абсолютное позиционирование (без сдвига) */
/* line 342, theme.scss */
.menu-dropdown,
.submenu,
.dropdown-menu,
[class*="dropdown"],
.menu-item .submenu,
.nav-item .dropdown {
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  width: 100% !important;
  z-index: 1000001 !important;
  background: white !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1) !important;
  display: none !important; }

/* Показываем выпадающие списки при наведении */
/* line 359, theme.scss */
.menu-item:hover .submenu,
.nav-item:hover .dropdown-menu,
[class*="menu"]:hover [class*="dropdown"] {
  display: block !important; }

/* Убираем сдвиг контента */
/* line 366, theme.scss */
.menu-open,
.menu-active,
.has-dropdown {
  position: relative !important; }

/* 4. ШАПКА - высокий приоритет */
/* line 373, theme.scss */
.header,
.header-wrapper,
.site-header,
.main-header,
[class*="header"] {
  z-index: 999999 !important;
  position: relative !important; }

/* 5. ПОНИЖАЕМ ПРИОРИТЕТ ТОВАРОВ */
/* line 383, theme.scss */
.product-widget,
.product-card,
.collection-item,
.catalog-item,
[class*="product"] {
  z-index: 1 !important;
  position: relative !important; }

/* 6. ДЛЯ РЕДАКТОРА - делаем товары полупрозрачными */
/* line 393, theme.scss */
body.insales-admin .product-widget,
body.insales-admin .product-card {
  opacity: 0.3 !important; }

/* 7. МОБИЛЬНЫЕ ИСПРАВЛЕНИЯ */
@media (max-width: 768px) {
  /* line 400, theme.scss */
  .mobile-menu,
  .menu-mobile,
  [data-mobile-menu] {
    z-index: 1000002 !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: white !important; }

  /* line 412, theme.scss */
  .menu-dropdown,
  .submenu {
    position: static !important;
    width: 100% !important;
    display: none !important; }

  /* line 419, theme.scss */
  .menu-open .menu-dropdown,
  .menu-open .submenu {
    display: block !important; } }