@charset "UTF-8";
/* line 1, _settings.scss */
:root {
  --bg: var(--draft-bg, #242424);
  --bg-is-dark: var(--draft-bg-is-dark, true);
  --bg-minor-shade: var(--draft-bg-minor-shade, #3a3a3a);
  --bg-minor-shade-is-dark: var(--draft-bg-minor-shade-is-dark, true);
  --bg-major-shade: var(--draft-bg-major-shade, #505050);
  --bg-major-shade-is-dark: var(--draft-bg-major-shade-is-dark, true);
  --bg-half-shade: var(--draft-bg-half-shade, #919191);
  --bg-half-shade-is-dark: var(--draft-bg-half-shade-is-dark, true);
  --color-btn-bg: var(--draft-color-btn-bg, #D10101);
  --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, #ee0101);
  --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, #fe0f0f);
  --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, #fe6969);
  --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, #D10101);
  --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, #ee0101);
  --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, #fe0f0f);
  --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, #fe6969);
  --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, 25);
  --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, true);
  --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; } }
/* ================== GRID UPDATE ================== */
/* line 2, header-nav.scss */
.header__content-inner {
  grid-template-areas: "burger logo phone" "nav    nav  nav";
  grid-template-rows: auto auto; }

/* line 8, header-nav.scss */
.header__area-nav {
  grid-area: nav; }

/* ================== MAIN NAVIGATION ================== */
/* line 11, header-nav.scss */
.nav {
  display: flex;
  justify-content: center;
  gap: 2.5rem;
  list-style: none;
  margin: 0;
  padding: 0; }

/* line 15, header-nav.scss */
.nav__item {
  position: relative; }

/* line 16, header-nav.scss */
.nav__link {
  display: inline-block;
  padding: .8rem 0;
  font-size: .875rem;
  font-weight: 600;
  text-decoration: none;
  color: var(--color-btn-sl-bg);
  text-transform: uppercase;
  letter-spacing: .03em;
  transition: color .25s; }

/* line 23, header-nav.scss */
.nav__link:hover {
  color: var(--color-accent-text); }

/* line 24, header-nav.scss */
.nav__item.has-sub > .nav__link::after {
  content: "▾";
  font-size: .65em;
  margin-left: .4rem; }

/* ----- Submenu ----- */
/* line 29, header-nav.scss */
.nav__submenu {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: var(--submenu-min-width);
  max-width: var(--submenu-max-width);
  padding: var(--submenu-item-vertical-indent) 0;
  background: var(--bg);
  border-radius: 4px;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: .25s;
  z-index: 200; }

/* line 38, header-nav.scss */
.nav__subitem a {
  display: block;
  padding: 0.5rem var(--submenu-indent);
  white-space: normal;
  color: var(--color-text);
  font-size: .875rem;
  text-decoration: none; }

/* line 43, header-nav.scss */
.nav__subitem a:hover {
  background: var(--bg-minor-shade);
  color: var(--color-accent-text); }

/* Hover show (pointer devices) */
@media (hover: hover) {
  /* line 47, header-nav.scss */
  .nav__item:hover > .nav__submenu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0); } }
/* Touch devices open via JS */
/* line 53, header-nav.scss */
.nav__item.is-open > .nav__submenu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0); }

/* Центрируем контейнер меню в строке grid */
/* Файл _header-nav.scss.liquid (или theme.scss.liquid) */
/* line 58, header-nav.scss */
.header__area-nav {
  grid-column: 1 / -1;
  justify-self: center;
  width: 100%;
  display: flex;
  justify-content: center; }

/* ── скрываем горизонтальное меню на мобильных ───────── */
@media (max-width: 767px) {
  /* line 67, header-nav.scss */
  .header__area-nav {
    display: none !important; } }
/* ───────── Красный ховер для ссылок в бургер-меню ───────── */
/* line 72, header-nav.scss */
.side-panel .menu__link:hover {
  color: #D10101 !important; }

/* ───────── Красный ховер для пунктов верхней навигации ───────── */
/* line 76, header-nav.scss */
.nav__link:hover,
.nav__submenu a:hover {
  color: #D10101 !important; }

/* ==================== INLINE SEARCH ==================== */
/* line 30, theme.scss */
.header__inline-search {
  display: flex;
  align-items: center;
  position: relative;
  gap: 6px; }

/* line 36, theme.scss */
.header__search-trigger-inline {
  display: flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  font-size: 16px;
  font-weight: 600;
  user-select: none;
  color: #fff; }

/* line 46, theme.scss */
.header__search-trigger-inline .icon {
  font-size: 18px; }

/* line 47, theme.scss */
.inline-search-form {
  display: none;
  align-items: center;
  gap: 6px; }

/* line 48, theme.scss */
.inline-search-form.active {
  display: flex; }

/* line 49, theme.scss */
.inline-search-input {
  padding: 6px 10px;
  font-size: 15px;
  border: 1px solid #ccc;
  border-radius: 4px;
  min-width: 200px;
  background: #fff; }

/* line 50, theme.scss */
.inline-search-button {
  padding: 6px 12px;
  font-size: 15px;
  background: #111;
  color: #fff;
  border: none;
  border-radius: 4px;
  cursor: pointer; }

/* line 51, theme.scss */
.inline-search-close {
  cursor: pointer;
  font-size: 18px;
  user-select: none;
  color: #fff;
  margin-left: 4px; }

@media (max-width: 768px) {
  /* line 53, theme.scss */
  .inline-search-input {
    min-width: 140px; }

  /* line 54, theme.scss */
  .header__search-trigger-inline {
    font-size: 14px; } }
/* ======================================================== */
/* === MOBILE SIDE‑PANEL LAYOUT FIX v2 (2025‑08‑07) === */
/* Put this block **after** all other header styles or in a dedicated file and include it
   in assets/theme.css.  It overrides desktop styles inside the off‑canvas menu so every
   item sits in a vertical column and the burger remains visible. */
@media (max-width: 767px) {
  /* make sure burger icon is displayed */
  /* line 67, theme.scss */
  .header__area-show-menu {
    display: inline-flex !important; }

  /* ---------- side panel ---------- */
  /* line 72, theme.scss */
  #mobile-menu.side-panel {
    width: 280px;
    /* a bit wider for long words   */
    background: #111; }

  /* line 77, theme.scss */
  #mobile-menu .nav {
    display: flex;
    flex-direction: column;
    /* <—  stack items vertically   */
    align-items: flex-start;
    padding: 0;
    margin: 64px 0 0;
    /* leave room for close button  */
    list-style: none; }

  /* line 86, theme.scss */
  #mobile-menu .nav__item {
    width: 100%; }

  /* line 90, theme.scss */
  #mobile-menu .nav__link {
    display: block;
    width: 100%;
    padding: 16px 24px;
    font-size: 1.125rem;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08); }

  /* ---------- dropdown inside side‑panel ---------- */
  /* line 102, theme.scss */
  #mobile-menu .nav__submenu {
    position: static;
    /* cancel absolute from desktop */
    transform: none;
    background: #1a1a1a;
    box-shadow: none;
    border-radius: 0;
    opacity: 1;
    visibility: visible;
    /* always visible, we hide with max‑height */
    max-height: 0;
    overflow: hidden;
    transition: max-height .25s ease;
    margin: 0;
    padding: 0; }

  /* line 116, theme.scss */
  #mobile-menu .nav__item.opened > .nav__submenu {
    max-height: 500px;
    /* expand when .opened comes from JS */ }

  /* line 120, theme.scss */
  #mobile-menu .nav__subitem a {
    display: block;
    padding: 12px 32px;
    font-size: 1rem;
    font-weight: 500;
    color: #fff; }

  /* phone number at the very bottom */
  /* line 129, theme.scss */
  #mobile-menu .phone-item .phone-link {
    display: block;
    width: 100%;
    padding: 18px 24px;
    font-size: 1.25rem;
    font-weight: 700;
    color: #c00; } }
/* Сдвигаем текст ошибки ниже фиксированной шапки только на 404 */
/* line 139, theme.scss */
body[data-theme-template="page_404"] #content,
body[data-theme-template="page_404"] main,
body[data-theme-template="page_404"] .page,
body[data-theme-template="page_404"] .page-content,
body[data-theme-template="404"] #content,
body[data-theme-template="404"] main,
body[data-theme-template="404"] .page,
body[data-theme-template="404"] .page-content {
  padding-top: 96px;
  /* подгоните под реальную высоту шапки */
  position: relative;
  z-index: 0; }

/* гарантируем, что шапка выше по слою */
/* line 153, theme.scss */
header, .site-header, #header {
  position: relative;
  z-index: 1000; }

/* Отступ сверху для 404, чтобы не наезжало на меню (если ещё не добавляли) */
/* line 159, theme.scss */
body[data-theme-template="page_404"],
body[data-theme-template="404"] {
  /* при необходимости подберите значение */ }

/* line 164, theme.scss */
body[data-theme-template="page_404"] #content,
body[data-theme-template="page_404"] main,
body[data-theme-template="404"] #content,
body[data-theme-template="404"] main {
  padding-top: 96px;
  /* подгоните под высоту шапки */
  position: relative;
  z-index: 0; }

/* CTA-кнопка «НА ГЛАВНУЮ» на 404 */
/* line 174, theme.scss */
.page-404-cta {
  margin: 48px 0 96px;
  display: flex;
  justify-content: center; }

/* line 180, theme.scss */
.page-404-cta .btn-link-home {
  display: inline-block;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 700;
  /* было clamp(18px, 2.6vw, 32px) — уменьшаем вдвое */
  font-size: clamp(11px, 1.3vw, 16px);
  letter-spacing: .04em;
  padding: 6px 12px;
  /* было 12px 24px */
  border: 2px solid #fff;
  border-radius: 8px;
  /* было 10px */
  color: #fff; }

/* line 196, theme.scss */
.page-404-cta .btn-link-home:hover {
  opacity: .85; }

/* line 201, theme.scss */
.grecaptcha-badge {
  display: none !important; }