@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, #DD4E37);
  --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, #e1624e);
  --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, #e57766);
  --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, #f1b5ac);
  --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, #E24B18);
  --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, #e95b2b);
  --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, #eb6d43);
  --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, #f3a489);
  --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, elementary);
  --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, 36);
  --search_count:var(--draft-search_count, 100);
  --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, normal);
  --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); }

@media screen and (max-width: 767px) {
  /* line 2, custom.css */
  .subcollection-list__item-title {
    border: none!important;
    text-align: left!important; } }
@media screen and (max-width: 767px) {
  /* line 9, custom.css */
  .doonAJ {
    bottom: 80px; } }
/* line 13, custom.css */
.widget-type_system_widget_v4_collection_description_1 {
  display: none !important; }

/* line 18, custom.css */
aside .desktop-seo-filters.over {
  height: 162px!important; }

/* line 23, custom.css */
body {
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch; }

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

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

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

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

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

  /* line 25, theme.scss */
  [data-fixed-panels] [data-widget-add] {
    display: none; } }
/* заголовки подкатегорий */
/* line 31, theme.scss */
.subcollection-list__item-title {
  text-align: center; }

@media all and (max-width: 420px) {
  /* line 35, theme.scss */
  .subcollection-list__item {
    display: flex;
    align-content: center; }

  /* line 39, theme.scss */
  .img-ratio.img-fit.subcollection-list__item-photo {
    width: 50px;
    padding: 25px;
    display: block; } }
/* line 46, theme.scss */
.add-cart-counter__detail-count.hidden {
  display: none !important; }

/* line 50, theme.scss */
.preview_bns {
  background: #FFFF50;
  font-size: 12px;
  padding: 3px 6px;
  border-radius: 5px;
  margin-top: 4px;
  display: inline-block; }

/* =========================================================
   КЛЁВЫЙ КЛЁВ — СТИЛИ СТАТЕЙ БЛОГА
   Референс: статья «Как ловить щуку летом»
   ========================================================= */
/*
  Важно:
  не ограничиваем ширину статьи;
  не переопределяем основной шрифт и размеры текста;
  типографику берём из текущей темы сайта.
*/
/* line 70, theme.scss */
.kk-article {
  width: 100%;
  max-width: none;
  margin: 0;
  color: inherit;
  font-family: inherit; }

/* Все элементы учитывают padding и border внутри ширины */
/* line 80, theme.scss */
.kk-article,
.kk-article *,
.kk-article *::before,
.kk-article *::after {
  box-sizing: border-box; }

/* Первый элемент без лишнего верхнего отступа */
/* line 89, theme.scss */
.kk-article > :first-child {
  margin-top: 0; }

/* Ссылки */
/* line 95, theme.scss */
.kk-article a {
  color: #d94a3a;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px; }

/* line 102, theme.scss */
.kk-article a:hover {
  color: #b73529;
  text-decoration-thickness: 2px; }

/* Изображения */
/* line 109, theme.scss */
.kk-article img {
  max-width: 100%;
  height: auto; }

/* =========================================================
   ВВОДНЫЙ АБЗАЦ
   ========================================================= */
/* line 118, theme.scss */
.kk-article .kk-lead {
  margin: 0 0 20px; }

/*
  Не увеличиваем размер шрифта.
  Лид должен выглядеть как на первой статье,
  используя типографику текущей темы.
*/
/* =========================================================
   КОРОТКИЙ ОТВЕТ
   Светло-серый фон и красная полоса слева
   ========================================================= */
/* line 133, theme.scss */
.kk-article .kk-note {
  margin: 20px 0 28px;
  padding: 14px 16px;
  background: #f6f6f4;
  border: 0;
  border-left: 3px solid #ef4939;
  border-radius: 8px; }

/* =========================================================
   ТАБЛИЦЫ
   Светлая шапка — как в статье-референсе
   ========================================================= */
/* line 147, theme.scss */
.kk-article .kk-table-wrap {
  width: 100%;
  max-width: 100%;
  margin: 20px 0 24px;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  -webkit-overflow-scrolling: touch; }

/* line 156, theme.scss */
.kk-article .kk-table-wrap table {
  width: 100%;
  margin: 0;
  border-spacing: 0;
  border-collapse: collapse;
  background: #ffffff;
  color: inherit; }

/* line 165, theme.scss */
.kk-article .kk-table-wrap th,
.kk-article .kk-table-wrap td {
  padding: 10px 11px;
  border: 1px solid #dedede;
  text-align: left;
  vertical-align: top; }

/* line 173, theme.scss */
.kk-article .kk-table-wrap th {
  color: #222222;
  background: #f2f2f0;
  font-weight: 700; }

/*
  В референсе нет контрастной зебры.
  Все строки оставляем белыми.
*/
/* line 184, theme.scss */
.kk-article .kk-table-wrap tbody tr,
.kk-article .kk-table-wrap tbody tr:nth-child(even),
.kk-article .kk-table-wrap tbody tr:nth-child(odd) {
  background: #ffffff; }

/* line 190, theme.scss */
.kk-article .kk-table-wrap tbody td {
  background: #ffffff; }

/* =========================================================
   ЭКСПЕРТНЫЙ БЛОК
   Тёплый бежевый фон и оранжевая рамка
   ========================================================= */
/* line 199, theme.scss */
.kk-article .kk-expert {
  margin: 22px 0 28px;
  padding: 14px 16px;
  color: inherit;
  background: #fff4e9;
  border: 1px solid #f1b17d;
  border-left: 3px solid #ed8b4b;
  border-radius: 8px; }

/* =========================================================
   СПИСОК ТИПИЧНЫХ ОШИБОК
   ========================================================= */
/* line 213, theme.scss */
.kk-article .kk-check {
  margin-bottom: 22px;
  padding-left: 0;
  list-style: none; }

/* line 219, theme.scss */
.kk-article .kk-check li {
  position: relative;
  padding-left: 22px; }

/* line 224, theme.scss */
.kk-article .kk-check li::before {
  position: absolute;
  top: 0;
  left: 0;
  color: #e54838;
  content: "✓";
  font-weight: 700; }

/* =========================================================
   ФИНАЛЬНЫЙ CTA
   Полная ширина статьи, тёмный фон, скругление
   ========================================================= */
/* line 238, theme.scss */
.kk-article .kk-cta {
  width: 100%;
  max-width: none;
  margin: 30px 0 18px;
  padding: 20px 22px;
  color: #ffffff;
  background: #171717;
  border: 0;
  border-radius: 8px; }

/* line 249, theme.scss */
.kk-article .kk-cta h2,
.kk-article .kk-cta h3,
.kk-article .kk-cta p,
.kk-article .kk-cta strong {
  color: #ffffff; }

/* line 256, theme.scss */
.kk-article .kk-cta h2 {
  margin-top: 0; }

/* line 260, theme.scss */
.kk-article .kk-cta p:last-child {
  margin-bottom: 0; }

/* line 264, theme.scss */
.kk-article .kk-cta a {
  color: #ffffff;
  text-decoration-color: #ed8b4b;
  text-decoration-thickness: 1px; }

/* line 270, theme.scss */
.kk-article .kk-cta a:hover {
  color: #ffffff;
  text-decoration-thickness: 2px; }

/* =========================================================
   МОБИЛЬНАЯ ВЕРСИЯ
   ========================================================= */
@media screen and (max-width: 767px) {
  /* line 280, theme.scss */
  .kk-article {
    width: 100%;
    max-width: none;
    margin: 0; }

  /* line 286, theme.scss */
  .kk-article .kk-note,
  .kk-article .kk-expert {
    padding: 13px 14px; }

  /* line 291, theme.scss */
  .kk-article .kk-cta {
    padding: 18px 16px; }

  /*
    На маленьком экране таблица прокручивается внутри блока,
    но вся страница не получает горизонтальный скролл.
  */
  /* line 300, theme.scss */
  .kk-article .kk-table-wrap table {
    min-width: 620px; }

  /* line 304, theme.scss */
  .kk-article .kk-table-wrap th,
  .kk-article .kk-table-wrap td {
    padding: 9px 10px; } }