/* 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, #E30016);
  --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, #ff031c);
  --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, #ff1f35);
  --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, #ff7381);
  --color-btn-bg-half-shade-is-dark: var(--draft-color-btn-bg-half-shade-is-dark, true);
  --color-btn-color: var(--draft-color-btn-color, #FFFFFF);
  --color-btn-color-is-light: var(--draft-color-btn-color-is-light, true);
  --color-btn-color-minor-shade: var(--draft-color-btn-color-minor-shade, #f7f7f7);
  --color-btn-color-minor-shade-is-light: var(--draft-color-btn-color-minor-shade-is-light, true);
  --color-btn-color-major-shade: var(--draft-color-btn-color-major-shade, #ededed);
  --color-btn-color-major-shade-is-light: var(--draft-color-btn-color-major-shade-is-light, true);
  --color-btn-color-half-shade: var(--draft-color-btn-color-half-shade, #808080);
  --color-btn-color-half-shade-is-dark: var(--draft-color-btn-color-half-shade-is-dark, true);
  --color-text: var(--draft-color-text, #000000);
  --color-text-is-dark: var(--draft-color-text-is-dark, true);
  --color-text-minor-shade: var(--draft-color-text-minor-shade, #1a1a1a);
  --color-text-minor-shade-is-dark: var(--draft-color-text-minor-shade-is-dark, true);
  --color-text-major-shade: var(--draft-color-text-major-shade, #333333);
  --color-text-major-shade-is-dark: var(--draft-color-text-major-shade-is-dark, true);
  --color-text-half-shade: var(--draft-color-text-half-shade, #808080);
  --color-text-half-shade-is-dark: var(--draft-color-text-half-shade-is-dark, true);
  --color-accent-text: var(--draft-color-accent-text, #E30016);
  --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, #ff031c);
  --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, #ff1f35);
  --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, #ff7381);
  --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, #000000);
  --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, #1a1a1a);
  --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, #333333);
  --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, #808080);
  --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, #BABABA);
  --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, #b8b8b8);
  --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, #b5b5b5);
  --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, #989898);
  --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, 8px);
  --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, Montserrat);
  --font-size: var(--draft-font-size, 15px);
  --font-family-heading: var(--draft-font-family-heading, Montserrat);
  --heading-ratio: var(--draft-heading-ratio, 1.8);
  --heading-weight: var(--draft-heading-weight, 700);
  --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, 1440px);
  --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, 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, true);
  --compare_enabled: var(--draft-compare_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; } }
/* line 27, theme.scss */
.layout {
  position: relative; }

/* line 28, theme.scss */
.heading {
  text-transform: uppercase; }

/* line 29, theme.scss */
header {
  position: relative;
  z-index: 2; }

/* line 30, theme.scss */
.city-item {
  display: none; }
  /* line 31, theme.scss */
  .city-item.active {
    display: flex; }

/* line 33, theme.scss */
.card {
  display: flex;
  flex-flow: column;
  min-height: 100%;
  align-items: flex-start;
  position: relative;
  border: 1px solid #ddd;
  padding: 1rem;
  border-radius: var(--controls-btn-border-radius);
  padding: 0;
  border: none; }
  /* line 34, theme.scss */
  .card-grid {
    display: grid;
    grid-template-columns: 180px 1fr;
    grid-gap: 1rem;
    align-items: center; }
    @media screen and (max-width: 767px) {
      /* line 34, theme.scss */
      .card-grid {
        display: block; } }
    /* line 37, theme.scss */
    .card-grid .info {
      display: flex;
      flex-flow: column; }
    /* line 38, theme.scss */
    .card-grid .name {
      margin: 10px 0; }
    /* line 39, theme.scss */
    .card-grid .prices {
      display: flex;
      flex-flow: row wrap;
      grid-gap: .5rem; }
    /* line 40, theme.scss */
    .card-grid [data-add-cart-counter] button.button {
      height: 40px;
      backgrund-color: var(--color-btn-bg);
      grid-gap: .5rem; }
      /* line 41, theme.scss */
      .card-grid [data-add-cart-counter] button.button:hover {
        background-color: var(--color-text); }
  /* line 44, theme.scss */
  .card.with-old-price [data-product-card-price-from-cart] {
    color: var(--color-accent-text);
    font-weight: 600; }
  /* line 44, theme.scss */
  .card.with-old-price [data-product-card-sale-value] {
    display: block !important; }
  /* line 46, theme.scss */
  .card .image {
    width: 100%;
    position: relative; }
    /* line 47, theme.scss */
    .card .image picture {
      padding-top: 100%;
      display: block;
      height: 0;
      position: relative; }
      /* line 48, theme.scss */
      .card .image picture img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: contain;
        object-position: center; }
  /* line 51, theme.scss */
  .card [data-ui-favorites-trigger] {
    color: var(--color-text-dark);
    position: absolute;
    top: 10px;
    right: 10px;
    transition: all .2s ease; }
    /* line 52, theme.scss */
    .card [data-ui-favorites-trigger]:hover {
      opacity: .4; }
    /* line 54, theme.scss */
    .card [data-ui-favorites-trigger].favorites-added svg {
      display: none; }
      /* line 54, theme.scss */
      .card [data-ui-favorites-trigger].favorites-added svg + svg {
        display: block;
        color: var(--color-accent-text); }
    /* line 56, theme.scss */
    .card [data-ui-favorites-trigger] svg {
      width: 20px;
      height: 20px;
      display: block; }
      /* line 57, theme.scss */
      .card [data-ui-favorites-trigger] svg + svg {
        display: none; }
  /* line 60, theme.scss */
  .card [data-compare-trigger] {
    color: var(--color-text-dark);
    position: absolute;
    top: 40px;
    right: 10px;
    transition: all .2s ease; }
    /* line 61, theme.scss */
    .card [data-compare-trigger]:hover {
      opacity: .4; }
    /* line 63, theme.scss */
    .card [data-compare-trigger].compare-added svg {
      color: var(--color-accent-text); }
    /* line 65, theme.scss */
    .card [data-compare-trigger] svg {
      width: 20px;
      height: 20px;
      display: block; }
  /* line 68, theme.scss */
  .card .label {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 40px;
    height: 40px;
    background-color: var(--color-btn-bg);
    color: var(--color-btn-color);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .7rem;
    text-transform: uppercase;
    border-radius: 50%; }
    /* line 69, theme.scss */
    .card .label-hit {
      background-color: #A71212; }
    /* line 70, theme.scss */
    .card .label-new {
      background-color: #266F10; }
  /* line 72, theme.scss */
  .card .name {
    margin: 15px 0;
    text-decoration: none;
    color: inherit;
    transition: all .2s ease; }
    /* line 73, theme.scss */
    .card .name:hover {
      color: var(--color-accent-text); }
  /* line 75, theme.scss */
  .card .control-wrap {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, auto);
    align-items: flex-end;
    justify-content: space-between;
    margin: auto 0 .8rem; }
    /* line 76, theme.scss */
    .card .control-wrap .prices {
      display: flex;
      flex-flow: row wrap;
      grid-gap: 10px;
      align-items: flex-end; }
      /* line 77, theme.scss */
      .card .control-wrap .prices [data-product-card-sale-value] {
        background-color: var(--color-accebt-text);
        color: #fff;
        font-size: .7rem;
        padding: .1rem .4rem;
        border-radius: 2px;
        display: none;
        margin-bottom: .2rem; }
      /* line 78, theme.scss */
      .card .control-wrap .prices [data-product-card-price-from-cart] {
        font-size: 1rem;
        font-weight: 600; }
      /* line 79, theme.scss */
      .card .control-wrap .prices [data-product-card-old-price] {
        font-size: .9rem;
        opacity: .5;
        text-decoration: line-through; }
    @media screen and (max-width: 767px) {
      /* line 75, theme.scss */
      .card .control-wrap {
        grid-template-columns: 1fr;
        grid-gap: 10px; } }
  /* line 85, theme.scss */
  .card [data-add-cart-counter] .button {
    padding: 0 1.5rem;
    height: 30px;
    width: auto;
    color: var(--color-btn-color);
    border-radius: 4px;
    border: none;
    background-color: var(--color-text);
    transition: all .2s ease; }
    /* line 86, theme.scss */
    .card [data-add-cart-counter] .button:hover {
      background-color: var(--color-accent-text); }
    /* line 88, theme.scss */
    .card [data-add-cart-counter] .button svg {
      width: 22px;
      height: 22px;
      display: block; }

/* line 93, theme.scss */
.shadow {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background-color: rgba(0, 0, 0, 0.4);
  opacity: 0;
  visibility: hidden;
  transition: all .2s ease; }
  /* line 94, theme.scss */
  .shadow.active {
    opacity: 1;
    visibility: visible; }

/* line 96, theme.scss */
#city-popUp {
  background-color: #fff;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 2.5rem;
  width: 320px !important;
  height: auto !important;
  border-radius: var(--controls-btn-border-radius);
  opacity: 0;
  visibility: hidden;
  transition: all .2s ease;
  color: #000;
  z-index: 2; }
  /* line 97, theme.scss */
  #city-popUp.active {
    opacity: 1;
    visibility: visible; }
  /* line 99, theme.scss */
  #city-popUp .h3 {
    margin-bottom: 1.5rem; }
  /* line 100, theme.scss */
  #city-popUp ul {
    padding: 0;
    margin: 1rem 0 0;
    list-style-type: none; }
    /* line 101, theme.scss */
    #city-popUp ul li {
      cursor: pointer;
      transition: all .2s ease; }
      /* line 102, theme.scss */
      #city-popUp ul li.active {
        color: var(--color-btn-bg);
        font-weight: 600; }
      /* line 103, theme.scss */
      #city-popUp ul li + li {
        margin-top: 1rem; }
      /* line 104, theme.scss */
      #city-popUp ul li:hover {
        color: var(--color-btn-bg); }

/* line 108, theme.scss */
body.active {
  overflow: hidden; }

/* line 109, theme.scss */
header {
  position: relative;
  z-index: 1; }

/* line 110, theme.scss */
.page_layout > aside {
  z-index: 0;
  position: relative; }

/* line 111, theme.scss */
.page_layout_sticky_left > aside.is-large > [data-sidebar], .page_layout_sticky_left > aside {
  position: initial;
  z-index: 0; }

/* line 112, theme.scss */
.page_layout_section_top {
  grid-template-areas: "header header header header" "section-top section-top section-top section-top" ". sidebar main ." "section-bottom section-bottom section-bottom section-bottom" "footer footer footer footer";
  grid-template-rows: minmax(auto, max-content) minmax(auto, max-content) auto minmax(auto, max-content) minmax(auto, max-content); }
  @media screen and (max-width: 767px) {
    /* line 112, theme.scss */
    .page_layout_section_top {
      grid-template-areas: "header" "section-top" "sidebar" "main" "footer";
      grid-template-rows: max-content; } }

/* line 115, theme.scss */
.page_section_bottom {
  grid-area: section-bottom;
  grid-column: 1/-1; }