@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, #5956CE);
  --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, #6a66d3);
  --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, #7a77d8);
  --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, #acaae6);
  --color-btn-bg-half-shade-is-light: var(--draft-color-btn-bg-half-shade-is-light, true);
  --color-accent-text: var(--draft-color-accent-text, #202223);
  --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, #35383a);
  --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, #4a4f51);
  --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, #8c9295);
  --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; }