@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, #76BC21);
  --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, #85d325);
  --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, #93dc39);
  --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, #bbe983);
  --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, #76BC21);
  --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, #85d325);
  --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, #93dc39);
  --color-accent-text-major-shade-is-light:var(--draft-color-accent-text-major-shade-is-light, true);
  --color-accent-text-half-shade:var(--draft-color-accent-text-half-shade, #bbe983);
  --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, insales-default);
  --controls-btn-border-radius:var(--draft-controls-btn-border-radius, 0px);
  --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, Jost);
  --font-size:var(--draft-font-size, 16px);
  --font-family-heading:var(--draft-font-family-heading, Jost);
  --heading-ratio:var(--draft-heading-ratio, 1.5);
  --heading-weight:var(--draft-heading-weight, 500);
  --collection_count:var(--draft-collection_count, 12);
  --search_count:var(--draft-search_count, 12);
  --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, 1408px);
  --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, true);
  --sidebar_collection_position:var(--draft-sidebar_collection_position, right);
  --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); }

/* 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; } }
/* ═══ MIXER-BLENDER: терракотовая тема (21.08.2026) ═══ */
/* ═══════════════════════════════════════════════════════
   MIXER-BLENDER.RU — КОСМЕТИЧЕСКОЕ ОБНОВЛЕНИЕ (CSS)
      Палитра «ТЕРРАКОТА» — утверждена 19.08.2026.
         Тема InSales остаётся, правим только стиль.
            Куда вставить: Админка → Сайт → Дизайн → Редактор
               кода → файл CSS темы (в конец), либо поле
                  «Пользовательский CSS» в настройках темы.
                     Цвета: терракота #A85836 (осн.), тёмная #8A4426,
                        тёплая подложка #F6E9E1, кремовый фон #FAF7F3,
                           «в наличии» — зелёный #3F6338 (семантика наличия).
                              ═══════════════════════════════════════════════════════ */
/* ── 1. Общий тон: тёплый светлый фон, тёмный текст ── */
/* line 43, theme.scss */
body {
  color: #26201B;
  background: #FAF7F3; }

/* line 47, theme.scss */
a {
  color: #A85836; }

/* line 48, theme.scss */
a:hover {
  color: #8A4426; }

/* ── 2. Кнопки: терракота вместо салатового ── */
/* line 51, theme.scss */
.button,
button.button,
.product-preview .button {
  background: #A85836;
  color: #fff;
  border-radius: 11px;
  font-weight: 700;
  font-size: 15px;
  letter-spacing: .01em;
  border: none;
  transition: background .2s ease; }

/* line 63, theme.scss */
.button:hover,
button.button:hover,
.product-preview .button:hover {
  background: #8A4426; }

/* вторичные/иконочные кнопки не перекрашиваем */
/* line 69, theme.scss */
.favorites_btn,
.product-preview__compare-btn {
  background: transparent;
  border: 1px solid #E8DFD6;
  border-radius: 8px;
  color: #8B7E72; }

/* ── 3. Карточка товара: воздух, скругления, hover ── */
/* line 78, theme.scss */
.product-preview {
  background: #fff;
  border: 1px solid #EDE5DD;
  border-radius: 14px;
  padding: 14px;
  transition: box-shadow .25s ease, border-color .25s ease, transform .25s ease; }

/* line 85, theme.scss */
.product-preview:hover {
  box-shadow: 0 6px 22px rgba(138, 68, 38, 0.1);
  border-color: #EFD6C8;
  transform: translateY(-3px);
  position: relative;
  z-index: 2; }

/* ── 4. Фото: единая тёплая подложка ── */
/* line 94, theme.scss */
.product-preview__photo {
  background: #F7F2EC;
  border-radius: 10px; }

/* line 98, theme.scss */
.img-ratio__inner img {
  border-radius: 10px; }

/* ── 5. Плашки: спокойные, тёплые ── */
/* скидка — песочная с тёмным текстом */
/* line 104, theme.scss */
.sticker-sale {
  background: #FBEED6;
  color: #7A5514;
  border-radius: 8px;
  font-weight: 700;
  font-size: 12px;
  padding: 3px 8px; }

/* предзаказ — нейтральный тёплый серый */
/* line 113, theme.scss */
.sticker-preorder {
  background: #F0EBE4;
  color: #8B7E72;
  border-radius: 8px;
  font-weight: 600;
  font-size: 11px;
  padding: 3px 8px; }

/* «В наличии» — остаётся зелёным: это семантика, не декор */
/* line 122, theme.scss */
.product-preview__available {
  background: #E8F0E4;
  color: #3F6338;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
  padding: 3px 10px; }

/* line 130, theme.scss */
.product-preview__available::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #3F6338;
  margin-right: 6px;
  vertical-align: middle; }

/* «Нет в наличии» — глухой тёплый серый, без крика */
/* line 140, theme.scss */
.product-preview.is-not-available .product-preview__available,
.product-preview .not-available {
  background: #F0EBE4;
  color: #8B7E72; }

/* line 145, theme.scss */
.product-preview.is-not-available .product-preview__available::before {
  background: #8B7E72; }

/* ── 6. Цена: крупнее, старая — тише ── */
/* line 150, theme.scss */
.product-preview__price-cur {
  font-size: 19px;
  font-weight: 700;
  color: #26201B; }

/* line 155, theme.scss */
.product-preview__price old,
.product-preview__price s,
.product-preview__price .old-price {
  color: #B3A79B;
  font-size: 13px;
  font-weight: 400; }

/* ── 7. Название: чуть крупнее, читаемая длина ── */
/* line 164, theme.scss */
.product-preview__title {
  font-size: 14.5px;
  font-weight: 600;
  line-height: 1.35;
  color: #26201B;
  min-height: 56px;
  display: flex;
  align-items: flex-start; }

/* line 173, theme.scss */
.product-preview__title a {
  color: #26201B; }

/* line 176, theme.scss */
.product-preview__title a:hover {
  color: #A85836; }

/* ── 8. Заголовки разделов ── */
/* line 181, theme.scss */
h1, .page-title, .section-title {
  font-weight: 700;
  letter-spacing: -.01em;
  color: #3A2A1E; }

/* ── 9. Шапка: поиск аккуратнее ── */
/* line 188, theme.scss */
input[type="text"],
input[type="search"],
.search input {
  border: 1.5px solid #E8DFD6;
  border-radius: 10px;
  outline: none;
  transition: border-color .2s ease; }

/* line 196, theme.scss */
input[type="text"]:focus,
input[type="search"]:focus,
.search input:focus {
  border-color: #A85836; }

/* ── 10. Футер: тёплая терракотовая подложка ── */
/* line 203, theme.scss */
footer, .footer, #footer {
  background: #F6E9E1;
  color: #5E3220; }

/* line 207, theme.scss */
footer a, .footer a {
  color: #8A4426; }

/* line 210, theme.scss */
footer a:hover, .footer a:hover {
  color: #5E3220; }

/* ═══ Примечания ═══
1. Селекторы сняты с живой темы (классы .product-preview,
   .sticker-sale, .sticker-preorder подтверждены в разметке).
   2. Если какой-то элемент не перекрасился — значит у темы
      свой класс; пришли скрин, добавлю точный селектор.
      3. Всё обратимо: код лежит в одном месте, удалил —
         вернулся старый вид.
         4. «В наличии» намеренно оставлен зелёным во всех палитрах:
            покупатель считывает зелёный = можно купить. Терракота —
               только фирменный цвет, не статус товара.
               */
/* MIXER-BLENDER: terracotta theme 21.08.2026 */
/* ═══════════════════════════════════════════════════════
   MIXER-BLENDER.RU — КОСМЕТИЧЕСКОЕ ОБНОВЛЕНИЕ (CSS)
      Палитра «ТЕРРАКОТА» — утверждена 19.08.2026.
         Тема InSales остаётся, правим только стиль.
            Куда вставить: Админка → Сайт → Дизайн → Редактор
               кода → файл CSS темы (в конец), либо поле
                  «Пользовательский CSS» в настройках темы.
                     Цвета: терракота #A85836 (осн.), тёмная #8A4426,
                        тёплая подложка #F6E9E1, кремовый фон #FAF7F3,
                           «в наличии» — зелёный #3F6338 (семантика наличия).
                              ═══════════════════════════════════════════════════════ */
/* ── 1. Общий тон: тёплый светлый фон, тёмный текст ── */
/* line 241, theme.scss */
body {
  color: #26201B;
  background: #FAF7F3; }

/* line 245, theme.scss */
a {
  color: #A85836; }

/* line 246, theme.scss */
a:hover {
  color: #8A4426; }

/* ── 2. Кнопки: терракота вместо салатового ── */
/* line 249, theme.scss */
.button,
button.button,
.product-preview .button {
  background: #A85836;
  color: #fff;
  border-radius: 11px;
  font-weight: 700;
  font-size: 15px;
  letter-spacing: .01em;
  border: none;
  transition: background .2s ease; }

/* line 261, theme.scss */
.button:hover,
button.button:hover,
.product-preview .button:hover {
  background: #8A4426; }

/* вторичные/иконочные кнопки не перекрашиваем */
/* line 267, theme.scss */
.favorites_btn,
.product-preview__compare-btn {
  background: transparent;
  border: 1px solid #E8DFD6;
  border-radius: 8px;
  color: #8B7E72; }

/* ── 3. Карточка товара: воздух, скругления, hover ── */
/* line 276, theme.scss */
.product-preview {
  background: #fff;
  border: 1px solid #EDE5DD;
  border-radius: 14px;
  padding: 14px;
  transition: box-shadow .25s ease, border-color .25s ease, transform .25s ease; }

/* line 283, theme.scss */
.product-preview:hover {
  box-shadow: 0 6px 22px rgba(138, 68, 38, 0.1);
  border-color: #EFD6C8;
  transform: translateY(-3px);
  position: relative;
  z-index: 2; }

/* ── 4. Фото: единая тёплая подложка ── */
/* line 292, theme.scss */
.product-preview__photo {
  background: #F7F2EC;
  border-radius: 10px; }

/* line 296, theme.scss */
.img-ratio__inner img {
  border-radius: 10px; }

/* ── 5. Плашки: спокойные, тёплые ── */
/* скидка — песочная с тёмным текстом */
/* line 302, theme.scss */
.sticker-sale {
  background: #FBEED6;
  color: #7A5514;
  border-radius: 8px;
  font-weight: 700;
  font-size: 12px;
  padding: 3px 8px; }

/* предзаказ — нейтральный тёплый серый */
/* line 311, theme.scss */
.sticker-preorder {
  background: #F0EBE4;
  color: #8B7E72;
  border-radius: 8px;
  font-weight: 600;
  font-size: 11px;
  padding: 3px 8px; }

/* «В наличии» — остаётся зелёным: это семантика, не декор */
/* line 320, theme.scss */
.product-preview__available {
  background: #E8F0E4;
  color: #3F6338;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
  padding: 3px 10px; }

/* line 328, theme.scss */
.product-preview__available::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #3F6338;
  margin-right: 6px;
  vertical-align: middle; }

/* «Нет в наличии» — глухой тёплый серый, без крика */
/* line 338, theme.scss */
.product-preview.is-not-available .product-preview__available,
.product-preview .not-available {
  background: #F0EBE4;
  color: #8B7E72; }

/* line 343, theme.scss */
.product-preview.is-not-available .product-preview__available::before {
  background: #8B7E72; }

/* ── 6. Цена: крупнее, старая — тише ── */
/* line 348, theme.scss */
.product-preview__price-cur {
  font-size: 19px;
  font-weight: 700;
  color: #26201B; }

/* line 353, theme.scss */
.product-preview__price old,
.product-preview__price s,
.product-preview__price .old-price {
  color: #B3A79B;
  font-size: 13px;
  font-weight: 400; }

/* ── 7. Название: чуть крупнее, читаемая длина ── */
/* line 362, theme.scss */
.product-preview__title {
  font-size: 14.5px;
  font-weight: 600;
  line-height: 1.35;
  color: #26201B;
  min-height: 56px;
  display: flex;
  align-items: flex-start; }

/* line 371, theme.scss */
.product-preview__title a {
  color: #26201B; }

/* line 374, theme.scss */
.product-preview__title a:hover {
  color: #A85836; }

/* ── 8. Заголовки разделов ── */
/* line 379, theme.scss */
h1, .page-title, .section-title {
  font-weight: 700;
  letter-spacing: -.01em;
  color: #3A2A1E; }

/* ── 9. Шапка: поиск аккуратнее ── */
/* line 386, theme.scss */
input[type="text"],
input[type="search"],
.search input {
  border: 1.5px solid #E8DFD6;
  border-radius: 10px;
  outline: none;
  transition: border-color .2s ease; }

/* line 394, theme.scss */
input[type="text"]:focus,
input[type="search"]:focus,
.search input:focus {
  border-color: #A85836; }

/* ── 10. Футер: тёплая терракотовая подложка ── */
/* line 401, theme.scss */
footer, .footer, #footer {
  background: #F6E9E1;
  color: #5E3220; }

/* line 405, theme.scss */
footer a, .footer a {
  color: #8A4426; }

/* line 408, theme.scss */
footer a:hover, .footer a:hover {
  color: #5E3220; }

/* ═══ Примечания ═══
1. Селекторы сняты с живой темы (классы .product-preview,
   .sticker-sale, .sticker-preorder подтверждены в разметке).
   2. Если какой-то элемент не перекрасился — значит у темы
      свой класс; пришли скрин, добавлю точный селектор.
      3. Всё обратимо: код лежит в одном месте, удалил —
         вернулся старый вид.
         4. «В наличии» намеренно оставлен зелёным во всех палитрах:
            покупатель считывает зелёный = можно купить. Терракота —
               только фирменный цвет, не статус товара.
               */
/* ЛОГОТИП: новый Mixer-Blender (21.08.2026) */
/* line 426, theme.scss */
.header-logo img,
a[class*=logo] img,
img[src*="logo_mixer_blender_sm"] {
  content: url("https://cdn.insales-shop.ru/files/1/1945/132442009/original/logo_header.png") !important;
  max-height: 64px !important;
  width: auto !important; }