*, *::before, *::after { box-sizing: border-box; }
html { font-size: 62.5%; margin: 0; }
body { margin: 0; font-family: 'Gordita','Arial','Helvetica',sans-serif; color: #1a1b1d; background: #fff; }
a { color: inherit; text-decoration: none; }
ul { margin: 0; padding: 0; list-style: none; }
img { max-width: 100%; }

/* ==========================================================================
   SIGMA TRADE — новая шапка и мега-меню каталога
   --------------------------------------------------------------------------
   ШРИФТ: компонент использует тот же стек, что и сайт —
   'Gordita','Arial','Helvetica',sans-serif. Внимание: на живом sigma23.com
   нет ни одного @font-face для Gordita (проверены все CSS страницы), поэтому
   сайт рендерится fallback-ом Arial/Helvetica и компонент совпадает с ним
   пиксель в пиксель. Если у вас есть файлы Gordita — раскомментируйте блок
   ниже (или подключите его в шаблоне), и весь компонент подхватит шрифт сам,
   т.к. имя семейства стоит первым в стеке.

   @font-face{
     font-family: 'Gordita';
     src: url('/local/templates/main/fonts/Gordita-Regular.woff2') format('woff2');
     font-weight: 400; font-style: normal; font-display: swap;
   }
@font-face{
     font-family: 'Gordita';
     src: url('/local/templates/main/fonts/Gordita-Medium.woff2') format('woff2');
     font-weight: 500; font-style: normal; font-display: swap;
   }
@font-face{
     font-family: 'Gordita';
     src: url('/local/templates/main/fonts/Gordita-Bold.woff2') format('woff2');
     font-weight: 700; font-style: normal; font-display: swap;
   }
========================================================================== */
/* ==========================================================================
   SIGMA TRADE — новая шапка и мега-меню каталога
   --------------------------------------------------------------------------
   Компонент: .sg-header / .sg-mega / .sg-drawer
   Зависимости: на сайте уже задано html{font-size:62.5%}
→ 1rem = 10px
                и шрифт 'Gordita'. Ничего стороннего не требуется.
   БЭМ-префикс sg- выбран, чтобы не пересекаться с существующими классами
   шаблона (.header, .nav, .mobile-menu и т.д.).
   ========================================================================== */

/* Токены вынесены на :root — ими пользуются и .sg-header, и .sg-drawer,
   и (при желании) остальные блоки сайта. Префикс sg- исключает конфликты. */
:root{
  --sg-blue:        #1954ea;
  --sg-blue-dark:   #003acc;
  --sg-blue-soft:   #eef3ff;
  --sg-blue-line:   #d5e0fb;
  --sg-ink:         #1a1b1d;
  --sg-gray:        #6e7174;
  --sg-gray-light:  #9a9ea4;
  --sg-line:        #e4e8ef;
  --sg-bg:          #f8f8f8;
  --sg-red:         #e80e43;
  --sg-amber:       #ffb800;
  --sg-white:       #fff;
  --sg-shadow:      0 24px 60px -18px rgba(16, 26, 51, .28),
                    0 4px 14px rgba(16, 26, 51, .07);
  --sg-radius:      1.2rem;
  --sg-ease:        cubic-bezier(.4, 0, .2, 1);
  --sg-top-h:       3.6rem;
  --sg-main-h:      7.2rem;
  /* максимум высоты панели каталога (в демо переопределяется) */
  --sg-mega-max:    calc(100vh - var(--sg-top-h) - var(--sg-main-h) - 2rem);
}
.sg-header{
  position: sticky;
  top: 0;
  z-index: 900;
  font-family: 'Gordita', 'Arial', 'Helvetica', sans-serif;
  color: var(--sg-ink);
  -webkit-font-smoothing: antialiased;
}
.sg-header *,
.sg-header *::before,
.sg-header *::after,
.sg-drawer *,
.sg-drawer *::before,
.sg-drawer *::after,
.sg-tabbar *,
.sg-tabbar *::before,
.sg-tabbar *::after{ box-sizing: border-box; }
.sg-header :where(a),
.sg-drawer :where(a),
.sg-tabbar :where(a){ color: inherit; text-decoration: none; }
.sg-header :where(button),
.sg-drawer :where(button),
.sg-tabbar :where(button){ font: inherit; color: inherit; background: none; border: 0; cursor: pointer; padding: 0; }
.sg-header :where(ul),
.sg-drawer :where(ul){ margin: 0; padding: 0; list-style: none; }
.sg-header :where(input),
.sg-drawer :where(input){ font: inherit; color: inherit; }
.sg-header :where(svg),
.sg-drawer :where(svg),
.sg-tabbar :where(svg){ flex: none; display: block; }
.sg-wrap{
  width: 100%;
  margin: 0 auto;
  padding-left: 2%;
  padding-right: 2%;
}
/* Визуально скрытый, но доступный скринридеру текст */
.sg-sr{
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}
/* ============================================================ РЯД 1 · TOP == */
.sg-topbar{ background: var(--sg-bg); border-bottom: 1px solid var(--sg-line); }
.sg-topbar__in{
  display: flex; align-items: center; justify-content: space-between;
  gap: 2rem; min-height: var(--sg-top-h);
}
.sg-topnav{ display: flex; align-items: center; flex-wrap: wrap; gap: .2rem 0; }
.sg-topnav__link{
  position: relative;
  padding: .6rem 0; margin-right: 2.2rem;
  font-size: 1.25rem; line-height: 1; color: var(--sg-gray);
  transition: color .25s var(--sg-ease);
}
.sg-topnav__link::after{
  content: ""; position: absolute; left: 0; right: 100%; bottom: .2rem;
  height: 1px; background: var(--sg-blue);
  transition: right .35s var(--sg-ease);
}
.sg-topnav__link:hover{ color: var(--sg-blue); }
.sg-topnav__link:hover::after{ right: 0; }
.sg-topbar__right{ display: flex; align-items: center; gap: 1.6rem; flex: none; }
.sg-phone{
  display: inline-flex; align-items: center; gap: .6rem;
  font-size: 1.4rem; font-weight: 700; letter-spacing: .01em;
  transition: color .25s var(--sg-ease);
}
.sg-phone svg{ color: var(--sg-blue); }
.sg-phone:hover{ color: var(--sg-blue); }
.sg-phone__note{ font-size: 1.1rem; color: var(--sg-gray-light); }
.sg-callback{
  font-size: 1.2rem; color: var(--sg-blue);
  border-bottom: 1px dashed rgba(25, 84, 234, .45); padding-bottom: 1px;
  transition: border-color .25s var(--sg-ease), color .25s var(--sg-ease);
}
.sg-callback:hover{ color: var(--sg-blue-dark); border-bottom-color: transparent; }
.sg-socials{ display: flex; align-items: center; gap: .5rem; }
.sg-socials a{
  display: grid; place-items: center; width: 2.8rem; height: 2.8rem;
  border-radius: 50%; color: var(--sg-ink); background: #eceef2;
  transition: background .25s var(--sg-ease), color .25s var(--sg-ease),
              transform .25s var(--sg-ease);
}
.sg-socials a:hover{ background: var(--sg-blue); color: #fff; transform: translateY(-1px); }
/* =========================================================== РЯД 2 · MAIN == */
.sg-mainbar{
  background: rgba(255, 255, 255, .92);
  backdrop-filter: saturate(180%) blur(20px);
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  border-bottom: 1px solid var(--sg-line);
  position: relative; z-index: 3;
}
.sg-mainbar__in{
  display: flex; align-items: center; gap: 2rem;
  min-height: var(--sg-main-h);
}
.sg-logo{ display: flex; align-items: center; flex: none; }
.sg-logo img{ display: block; height: 3.6rem; width: auto; }
/* specificity-safe: на десктопе видим ТОЛЬКО полный логотип */
.sg-logo img.sg-logo__mark{ display: none; }
/* --- кнопка «Каталог товаров» --- */
.sg-catalogbtn{
  display: inline-flex; align-items: center; gap: .8rem; flex: none;
  height: 4.4rem; padding: 0 1.5rem;
  background: var(--sg-blue); color: #fff; border-radius: .8rem;
  font-size: 1.35rem; font-weight: 700; letter-spacing: .04em;
  text-transform: uppercase; white-space: nowrap;
  box-shadow: 0 6px 18px -8px rgba(25, 84, 234, .8);
  transition: background .25s var(--sg-ease), transform .25s var(--sg-ease),
              box-shadow .25s var(--sg-ease);
}
.sg-catalogbtn:hover{ background: var(--sg-blue-dark); transform: translateY(-1px); }
.sg-catalogbtn__chev{ transition: transform .3s var(--sg-ease); }
.sg-catalogbtn[aria-expanded="true"]{ background: var(--sg-blue-dark); }
.sg-catalogbtn[aria-expanded="true"] .sg-catalogbtn__chev{ transform: rotate(90deg); }
/* --- поиск --- */
.sg-search{ position: relative; flex: 1 1 24rem; min-width: 20rem; max-width: 46rem; }
.sg-search__form{
  display: flex; align-items: center; gap: .8rem;
  height: 4.6rem; padding: 0 .4rem 0 1.4rem;
  border: 1px solid var(--sg-line); border-radius: .8rem; background: #fff;
  transition: border-color .25s var(--sg-ease), box-shadow .25s var(--sg-ease);
}
.sg-search__form > svg{ color: var(--sg-gray-light); }
.sg-search__form:focus-within{
  border-color: var(--sg-blue);
  box-shadow: 0 0 0 3px rgba(25, 84, 234, .13);
}
.sg-search__input{
  flex: 1 1 auto; min-width: 0; height: 100%;
  border: 0; outline: 0; background: none;
  font-size: 1.4rem; color: var(--sg-ink);
}
.sg-search__input::placeholder{ color: var(--sg-gray-light); font-size: 1.3rem; }
.sg-search__go{
  flex: none; height: 3.8rem; padding: 0 1.8rem; border-radius: .6rem;
  background: var(--sg-ink); color: #fff; font-size: 1.25rem; font-weight: 600;
  transition: background .25s var(--sg-ease);
}
.sg-search__go:hover{ background: var(--sg-blue); }
/* подсказки поиска */
.sg-suggest{
  position: absolute; top: calc(100% + .8rem); left: 0; right: 0; z-index: 40;
  background: #fff; border: 1px solid var(--sg-line); border-radius: var(--sg-radius);
  box-shadow: var(--sg-shadow); padding: .8rem; overflow: hidden;
  animation: sg-pop .18s var(--sg-ease);
}
.sg-suggest__group{ padding: .6rem .8rem .3rem; font-size: 1.05rem; font-weight: 700;
  letter-spacing: .1em; text-transform: uppercase; color: var(--sg-gray-light); }
.sg-suggest__item{ display: block; }
.sg-suggest__item a{
  display: flex; align-items: baseline; gap: .8rem;
  padding: .75rem .8rem; border-radius: .7rem;
  font-size: 1.35rem; line-height: 1.3;
}
.sg-suggest__item a:hover, .sg-suggest__item.is-cursor a{ background: var(--sg-blue-soft); }
.sg-suggest__item b{ font-weight: 600; color: var(--sg-ink); }
.sg-suggest__path{ font-size: 1.1rem; color: var(--sg-gray-light); }
.sg-suggest__all{
  display: block; margin-top: .4rem; padding: .95rem .8rem; text-align: center;
  border-top: 1px solid var(--sg-line); border-radius: 0 0 .7rem .7rem;
  font-size: 1.25rem; font-weight: 600; color: var(--sg-blue);
}
.sg-suggest__all:hover{ background: var(--sg-blue-soft); }
.sg-suggest__empty{ padding: 1.6rem .8rem; text-align: center; color: var(--sg-gray); font-size: 1.3rem; }
@keyframes sg-pop{ from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } }
/* --- основная навигация --- */
.sg-nav{ display: flex; align-items: center; gap: 2.2rem; flex: none; margin-left: auto; }
.sg-nav__link{
  position: relative; display: inline-flex; align-items: center; gap: .5rem;
  padding: .8rem 0; font-size: 1.25rem; font-weight: 600;
  letter-spacing: .08em; text-transform: uppercase; white-space: nowrap;
  transition: color .25s var(--sg-ease);
}
.sg-nav__link::after{
  content: ""; position: absolute; left: 0; right: 100%; bottom: .3rem; height: 2px;
  background: var(--sg-blue); transition: right .35s var(--sg-ease);
}
.sg-nav__link:hover{ color: var(--sg-blue); }
.sg-nav__link:hover::after{ right: 0; }
.sg-nav__btn svg{ transition: transform .3s var(--sg-ease); }
.sg-nav__btn[aria-expanded="true"]{ color: var(--sg-blue); }
.sg-nav__btn[aria-expanded="true"] svg{ transform: rotate(90deg); }
.sg-nav__badge{
  display: grid; place-items: center; width: 1.5rem; height: 1.5rem; border-radius: 50%;
  background: var(--sg-red); color: #fff; font-size: .95rem; font-weight: 700;
  letter-spacing: 0; line-height: 1;
}
.sg-nav__item{ position: relative; }
/* --- выделенный пункт «Калькуляторы» --- */
.sg-nav__calc{
  display: inline-flex; align-items: center; gap: .7rem;
  height: 3.6rem; padding: 0 1.3rem; margin: 0 .2rem;
  border: 1px solid var(--sg-amber); border-radius: 2rem;
  background: linear-gradient(180deg, #fff8e6, #fff1cf);
  color: #7a5200; font-size: 1.2rem; font-weight: 700;
  letter-spacing: .06em; text-transform: uppercase; white-space: nowrap;
  box-shadow: 0 3px 10px -4px rgba(255, 184, 0, .55);
  transition: background .25s var(--sg-ease), color .25s var(--sg-ease),
              transform .25s var(--sg-ease), box-shadow .25s var(--sg-ease);
}
.sg-nav__calc > svg:first-child{ color: #d99a00; }
.sg-nav__calc > svg:last-child{ transition: transform .3s var(--sg-ease); }
.sg-nav__calc:hover{
  background: var(--sg-amber); color: #1a1b1d; transform: translateY(-1px);
  box-shadow: 0 8px 18px -8px rgba(255, 184, 0, .9);
}
.sg-nav__calc:hover > svg:first-child{ color: #1a1b1d; }
.sg-nav__calc[aria-expanded="true"]{ background: var(--sg-amber); color: #1a1b1d; }
.sg-nav__calc[aria-expanded="true"] > svg:last-child{ transform: rotate(90deg); }
.sg-nav__calcnum{
  display: grid; place-items: center; min-width: 2rem; height: 2rem; padding: 0 .5rem;
  border-radius: 1rem; background: var(--sg-ink); color: #fff;
  font-size: 1.05rem; font-weight: 700; letter-spacing: 0; line-height: 1;
}
/* широкий дропдаун калькуляторов */
.sg-drop.sg-drop--wide{ min-width: 56rem; padding: 1.2rem; }
.sg-drop__cols{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .8rem; }
.sg-drop a.sg-drop__calc{
  display: flex; flex-direction: column; gap: .4rem; padding: 1.1rem 1.2rem;
  border: 1px solid var(--sg-line); border-radius: 1rem; background: var(--sg-bg);
  transition: border-color .2s var(--sg-ease), background .2s var(--sg-ease),
              transform .2s var(--sg-ease);
}
.sg-drop a.sg-drop__calc:hover{ border-color: var(--sg-amber); background: #fff8e6; transform: translateY(-2px); }
.sg-drop__calc b{ font-size: 1.35rem; font-weight: 700; }
.sg-drop__calc i{ font-style: normal; font-size: 1.15rem; color: var(--sg-gray); line-height: 1.4; }
.sg-drop__calc span{
  margin-top: .3rem; font-size: 1.15rem; font-weight: 600; color: var(--sg-blue);
}
.sg-drop__chips{ display: flex; flex-wrap: wrap; gap: .6rem; margin-top: 1rem;
  padding-top: 1rem; border-top: 1px dashed var(--sg-line); }
.sg-drop .sg-drop__chips a{
  padding: .45rem 1rem; border: 1px solid var(--sg-line); border-radius: 2rem;
  font-size: 1.15rem; color: var(--sg-gray);
  transition: all .2s var(--sg-ease);
}
.sg-drop .sg-drop__chips a:hover{ border-color: var(--sg-amber); background: #fff8e6; color: #7a5200; }
.sg-drop{
  position: absolute; top: calc(100% + 1.4rem); right: 0; z-index: 40;
  min-width: 24rem; padding: .8rem;
  background: #fff; border: 1px solid var(--sg-line); border-radius: var(--sg-radius);
  box-shadow: var(--sg-shadow); animation: sg-pop .18s var(--sg-ease);
}
.sg-drop a{
  display: block; padding: .9rem 1rem; border-radius: .7rem;
  font-size: 1.35rem; transition: background .2s var(--sg-ease), color .2s var(--sg-ease);
}
.sg-drop a:hover{ background: var(--sg-blue-soft); color: var(--sg-blue); }
/* невидимый «мост», чтобы курсор не терял выпадашку */
.sg-drop::before{ content: ""; position: absolute; left: 0; right: 0; top: -1.4rem; height: 1.4rem; }
/* --- личный кабинет (залогиненный пользователь) --- */
.sg-user__btn{
  display: inline-flex; align-items: center; gap: .7rem;
  height: 4rem; padding: 0 .9rem 0 .5rem; max-width: 23rem;
  background: #fff; border: 1px solid var(--sg-line); border-radius: 2rem;
  transition: border-color .25s var(--sg-ease), box-shadow .25s var(--sg-ease);
}
.sg-user__btn:hover{ border-color: var(--sg-blue-line); }
.sg-user__btn[aria-expanded="true"]{
  border-color: var(--sg-blue); box-shadow: 0 0 0 3px rgba(25, 84, 234, .12);
}
.sg-user__ava{
  display: grid; place-items: center; width: 3rem; height: 3rem; flex: none;
  border-radius: 50%; background: var(--sg-blue-soft); color: var(--sg-blue);
}
.sg-user__mail{
  font-size: 1.25rem; font-weight: 600; color: var(--sg-ink);
  max-width: 15rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.sg-user__btn > svg:last-child{ color: var(--sg-gray-light); transition: transform .3s var(--sg-ease); }
.sg-user__btn[aria-expanded="true"] > svg:last-child{ transform: rotate(90deg); }
.sg-drop a.sg-drop__logout{
  display: flex; align-items: center; gap: .7rem; color: var(--sg-red);
}
.sg-drop a.sg-drop__logout:hover{ background: #fdeef2; color: var(--sg-red); }
/* --- действия справа --- */
.sg-actions{ display: flex; align-items: center; gap: 1.8rem; flex: none; }
.sg-ico{
  position: relative; display: inline-flex; flex-direction: column; align-items: center;
  gap: .2rem; font-size: 1.05rem; color: var(--sg-gray); letter-spacing: .02em;
  transition: color .25s var(--sg-ease);
}
.sg-ico:hover{ color: var(--sg-blue); }
.sg-cartcount{
  position: absolute; top: -.5rem; right: -.9rem;
  min-width: 1.8rem; height: 1.8rem; padding: 0 .45rem;
  display: grid; place-items: center; border-radius: .9rem;
  background: var(--sg-blue); color: #fff; font-size: 1rem; font-weight: 700; line-height: 1;
  border: 2px solid #fff;
}
.sg-burgerbtn{ display: none; }
/* =========================================================== МЕГА-МЕНЮ ===== */
.sg-mega{
  position: absolute; left: 0; right: 0; top: 100%; z-index: 2;
  background: #fff; border-top: 1px solid var(--sg-line);
  box-shadow: var(--sg-shadow);
  animation: sg-mega-in .22s var(--sg-ease);
}
@keyframes sg-mega-in{ from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: none; } }
.sg-mega[hidden]{ display: none; }
/* панель ограничена высотой окна, колонки скроллятся независимо */
.sg-mega__in{
  display: flex; flex-direction: column;
  max-height: var(--sg-mega-max);
  padding: 1.8rem 0 0;
}
.sg-mega__top{ flex: none; }
.sg-mega__foot{ flex: none; }
/* строка поиска внутри каталога */
.sg-mega__top{ display: flex; align-items: center; gap: 1.2rem; padding-bottom: 1.4rem; }
.sg-mega__search{
  position: relative; flex: 1 1 auto; display: flex; align-items: center; gap: .9rem;
  height: 4.6rem; padding: 0 1.2rem;
  background: var(--sg-bg); border: 1px solid var(--sg-line); border-radius: .8rem;
  transition: border-color .25s var(--sg-ease), background .25s var(--sg-ease),
              box-shadow .25s var(--sg-ease);
}
.sg-mega__search:focus-within{
  background: #fff; border-color: var(--sg-blue);
  box-shadow: 0 0 0 3px rgba(25, 84, 234, .13);
}
.sg-mega__search > svg{ color: var(--sg-gray-light); }
.sg-mega__search input{
  flex: 1 1 auto; min-width: 0; border: 0; outline: 0; background: none;
  font-size: 1.4rem; color: var(--sg-ink);
}
.sg-mega__search input::-webkit-search-cancel-button{ display: none; }
.sg-mega__count{ font-size: 1.15rem; color: var(--sg-gray-light); white-space: nowrap; }
.sg-mega__clear{ display: grid; place-items: center; width: 2.6rem; height: 2.6rem;
  border-radius: 50%; color: var(--sg-gray); transition: background .2s, color .2s; }
.sg-mega__clear:hover{ background: #e6e9ef; color: var(--sg-ink); }
.sg-mega__close{
  flex: none; display: grid; place-items: center; width: 4rem; height: 4rem;
  border-radius: 50%; color: var(--sg-gray); border: 1px solid var(--sg-line);
  transition: background .2s var(--sg-ease), color .2s var(--sg-ease),
              transform .3s var(--sg-ease);
}
.sg-mega__close:hover{ background: var(--sg-ink); color: #fff; transform: rotate(90deg); }
/* сетка: рельс / контент / правая колонка */
.sg-mega__layout{
  display: grid; grid-template-columns: 26.4rem minmax(0, 1fr) 28rem;
  gap: 0; border-top: 1px solid var(--sg-line);
  flex: 1 1 auto; min-height: 0;
}
/* --- левый рельс разделов 1-го уровня --- */
.sg-mega__rail{
  padding: 1.2rem 1.2rem 1.6rem 0; border-right: 1px solid var(--sg-line);
  display: flex; flex-direction: column; gap: .2rem;
  overflow-y: auto; min-height: 0;
}
.sg-mm__railbtn{
  position: relative; display: flex; align-items: center; gap: 1.1rem;
  width: 100%; padding: 1rem 1.2rem; border-radius: 0 .9rem .9rem 0;
  text-align: left; color: var(--sg-ink);
  transition: background .2s var(--sg-ease), color .2s var(--sg-ease);
}
.sg-mm__railbtn::before{
  content: ""; position: absolute; left: 0; top: .8rem; bottom: .8rem; width: 3px;
  border-radius: 0 3px 3px 0; background: var(--sg-blue);
  transform: scaleY(0); transform-origin: 50% 50%;
  transition: transform .28s var(--sg-ease);
}
.sg-mm__railbtn > svg:last-child{ margin-left: auto; color: var(--sg-gray-light);
  transition: transform .25s var(--sg-ease), color .25s var(--sg-ease); }
.sg-mm__railbtn:hover{ background: var(--sg-bg); color: var(--sg-blue); }
.sg-mm__railbtn.is-active{ background: var(--sg-blue-soft); color: var(--sg-blue); }
.sg-mm__railbtn.is-active::before{ transform: scaleY(1); }
.sg-mm__railbtn.is-active > svg:last-child{ transform: translateX(3px); color: var(--sg-blue); }
.sg-mm__railico{
  display: grid; place-items: center; width: 3.8rem; height: 3.8rem; flex: none;
  border-radius: 1rem; background: #fff; border: 1px solid var(--sg-line);
  color: var(--sg-blue); transition: background .2s, border-color .2s, color .2s;
}
.sg-mm__railbtn:hover .sg-mm__railico,
.sg-mm__railbtn.is-active .sg-mm__railico{
  background: var(--sg-blue); border-color: var(--sg-blue); color: #fff;
}
.sg-mm__railtxt{ display: flex; flex-direction: column; gap: .2rem; min-width: 0; }
.sg-mm__railtxt b{ font-size: 1.4rem; font-weight: 600; line-height: 1.2; }
.sg-mm__railtxt i{
  font-style: normal; font-size: 1.1rem; color: var(--sg-gray-light); line-height: 1.2;
}
.sg-mm__railbtn.is-active .sg-mm__railtxt i{ color: rgba(25, 84, 234, .7); }
/* --- центральная часть: панели разделов --- */
.sg-mega__content{
  position: relative; padding: 1.4rem 2.4rem 1.6rem; min-width: 0;
  overflow-y: auto; min-height: 0;
}
.sg-mm__panel[hidden], .sg-mm__hot[hidden]{ display: none; }
.sg-mm__panel{ animation: sg-fade .22s var(--sg-ease); }
@keyframes sg-fade{ from { opacity: 0; transform: translateX(6px); } to { opacity: 1; transform: none; } }
.sg-mm__panelhead{
  display: flex; align-items: flex-end; justify-content: space-between; gap: 2rem;
  padding-bottom: 1.1rem; margin-bottom: 1.4rem; border-bottom: 1px solid var(--sg-line);
}
.sg-mm__paneltitle{ font-size: 1.9rem; font-weight: 700; line-height: 1.15; }
.sg-mm__paneldesc{ margin-top: .4rem; font-size: 1.25rem; color: var(--sg-gray); line-height: 1.35; }
.sg-mm__all{
  display: inline-flex; align-items: center; gap: .5rem; flex: none;
  font-size: 1.25rem; font-weight: 600; color: var(--sg-blue);
  padding-bottom: .3rem; border-bottom: 1px solid rgba(25, 84, 234, .3);
  transition: gap .25s var(--sg-ease), border-color .25s var(--sg-ease);
}
.sg-mm__all:hover{ gap: .9rem; border-color: transparent; }
/* подразделы 2-го уровня в 4 сбалансированные колонки */
.sg-mm__cols{ columns: 4; column-gap: 2.8rem; }
.sg-mm__group{ break-inside: avoid; -webkit-column-break-inside: avoid;
  margin: 0 0 1.5rem; }
.sg-mm__gtitle{
  display: flex; align-items: baseline; gap: .6rem;
  padding: .25rem 0 .55rem; font-size: 1.4rem; font-weight: 700; line-height: 1.25;
  color: var(--sg-ink); transition: color .2s var(--sg-ease);
}
.sg-mm__gtitle:hover{ color: var(--sg-blue); }
.sg-mm__hint{
  font-style: normal; font-size: 1rem; font-weight: 600; color: var(--sg-blue);
  background: var(--sg-blue-soft); border-radius: .4rem; padding: .15rem .5rem;
  letter-spacing: .02em; text-transform: none; white-space: nowrap;
}
.sg-mm__gcount{ margin-left: auto; font-size: 1.05rem; color: var(--sg-gray-light); }
.sg-mm__sub{ padding-left: 0; border-left: 1px solid var(--sg-line); }
.sg-mm__sub li{ position: relative; }
.sg-mm__sublink{
  position: relative; display: block; padding: .42rem 0 .42rem 1.1rem;
  font-size: 1.3rem; line-height: 1.35; color: var(--sg-gray);
  transition: color .2s var(--sg-ease), padding-left .2s var(--sg-ease);
}
.sg-mm__sublink::before{
  content: ""; position: absolute; left: -1px; top: 0; bottom: 0; width: 2px;
  background: var(--sg-blue); transform: scaleY(0); transition: transform .22s var(--sg-ease);
}
.sg-mm__sublink:hover{ color: var(--sg-blue); padding-left: 1.5rem; }
.sg-mm__sublink:hover::before{ transform: scaleY(1); }
.sg-mm__empty{ padding: 3rem 0; text-align: center; color: var(--sg-gray); font-size: 1.4rem; }
.sg-mm__empty .sg-btn{ margin-top: 1.4rem; }
.sg-btn{
  display: inline-flex; align-items: center; justify-content: center; gap: .8rem;
  height: 4.2rem; padding: 0 2.2rem; border-radius: .8rem;
  font-size: 1.3rem; font-weight: 600; transition: all .25s var(--sg-ease);
}
.sg-btn--ghost{ border: 1px solid var(--sg-blue); color: var(--sg-blue); }
.sg-btn--ghost:hover{ background: var(--sg-blue); color: #fff; }
/* --- правая колонка --- */
.sg-mega__aside{
  padding: 1.4rem 0 1.6rem 2.4rem; border-left: 1px solid var(--sg-line);
  display: flex; flex-direction: column; gap: 1.6rem;
  overflow-y: auto; min-height: 0;
}
/* карточки правой колонки не сжимаются при нехватке высоты */
.sg-mega__aside > *{ flex: none; }
.sg-mm__hottitle{
  display: flex; align-items: center; gap: .6rem;
  font-size: 1.1rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase;
  color: var(--sg-gray-light); margin-bottom: .9rem;
}
.sg-mm__hottitle svg{ color: var(--sg-amber); }
.sg-mm__hot ul{ display: flex; flex-direction: column; gap: .1rem; }
.sg-mm__hot a{
  display: block; padding: .5rem .8rem; margin-left: -.8rem; border-radius: .6rem;
  font-size: 1.3rem; color: var(--sg-ink); line-height: 1.3;
  transition: background .2s var(--sg-ease), color .2s var(--sg-ease),
              padding-left .2s var(--sg-ease);
}
.sg-mm__hot a:hover{ background: var(--sg-blue-soft); color: var(--sg-blue); padding-left: 1.2rem; }
.sg-chips{ display: flex; flex-wrap: wrap; gap: .6rem; }
.sg-chips a{
  padding: .5rem 1.1rem; border: 1px solid var(--sg-line); border-radius: 2rem;
  font-size: 1.2rem; color: var(--sg-gray); background: #fff;
  transition: all .22s var(--sg-ease);
}
.sg-chips a:hover{ border-color: var(--sg-blue); color: var(--sg-blue); background: var(--sg-blue-soft); }
.sg-aside__promo{
  position: relative; display: block; padding: 1.6rem;
  border-radius: var(--sg-radius); overflow: hidden; color: #fff;
  background: linear-gradient(135deg, #1954ea 0%, #0b2f9c 100%);
  transition: transform .3s var(--sg-ease), box-shadow .3s var(--sg-ease);
}
.sg-aside__promo:hover{ transform: translateY(-2px); box-shadow: 0 16px 30px -14px rgba(25, 84, 234, .8); }
.sg-aside__promo::after{
  content: ""; position: absolute; right: -3rem; bottom: -4rem;
  width: 12rem; height: 12rem; border-radius: 50%;
  background: rgba(255, 255, 255, .1);
}
.sg-aside__promobadge{
  display: inline-block; padding: .3rem .8rem; margin-bottom: .8rem;
  background: var(--sg-amber); color: #1a1b1d; border-radius: .4rem;
  font-size: 1rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase;
}
.sg-aside__promo b{ display: block; font-size: 1.5rem; line-height: 1.25; font-weight: 700; }
.sg-aside__promo i{
  display: flex; align-items: center; gap: .4rem; margin-top: .7rem;
  font-style: normal; font-size: 1.15rem; opacity: .8; line-height: 1.35;
}
.sg-aside__pdf{
  display: flex; align-items: center; gap: .9rem; width: 100%;
  padding: 1.2rem 1.4rem; border: 1px dashed var(--sg-blue-line); border-radius: var(--sg-radius);
  background: var(--sg-blue-soft); color: var(--sg-blue);
  font-size: 1.3rem; font-weight: 600; text-align: left;
  transition: background .25s var(--sg-ease), color .25s var(--sg-ease),
              border-style .25s var(--sg-ease);
}
.sg-aside__pdf:hover{ background: var(--sg-blue); color: #fff; border-style: solid; }
/* --- нижняя полоса мега-меню --- */
.sg-mega__foot{
  display: flex; align-items: center; flex-wrap: wrap; gap: .6rem 2.2rem;
  padding: 1.3rem 0 1.5rem; margin-top: .4rem; border-top: 1px solid var(--sg-line);
  background: linear-gradient(to top, var(--sg-bg), rgba(248, 248, 248, 0));
}
.sg-mega__foot a{
  font-size: 1.25rem; color: var(--sg-gray); font-weight: 500;
  transition: color .2s var(--sg-ease);
}
.sg-mega__foot a:hover{ color: var(--sg-blue); }
.sg-mega__footnote{
  margin-left: auto; font-size: 1.15rem; color: var(--sg-gray-light);
}
/* --- результаты поиска по каталогу --- */
.sg-mm__results{ animation: sg-fade .18s var(--sg-ease); }
.sg-mm__results[hidden]{ display: none; }
.sg-res__l1{ margin-bottom: 2rem; }
.sg-res__l1title{
  display: flex; align-items: center; gap: .8rem;
  font-size: 1.1rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase;
  color: var(--sg-gray-light); margin-bottom: .9rem;
  padding-bottom: .7rem; border-bottom: 1px solid var(--sg-line);
}
.sg-res__l1title a{ color: var(--sg-blue); text-transform: none; letter-spacing: 0;
  font-size: 1.25rem; font-weight: 600; margin-left: auto; }
.sg-res__grid{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .4rem 2rem; }
.sg-res__item a{
  display: block; padding: .7rem .9rem; border-radius: .8rem;
  transition: background .18s var(--sg-ease);
}
.sg-res__item a:hover{ background: var(--sg-blue-soft); }
.sg-res__name{ font-size: 1.35rem; font-weight: 600; line-height: 1.3; }
.sg-res__name mark{ background: rgba(255, 184, 0, .45); color: inherit; border-radius: 2px; }
.sg-res__path{ margin-top: .25rem; font-size: 1.1rem; color: var(--sg-gray-light); line-height: 1.3; }
.sg-res__kind{
  display: inline-block; margin-left: .5rem; padding: .1rem .5rem; border-radius: .4rem;
  background: var(--sg-bg); color: var(--sg-gray); font-size: .95rem; font-weight: 600;
}
.sg-res__empty{ padding: 4rem 1rem; text-align: center; color: var(--sg-gray); }
.sg-res__empty b{ display: block; font-size: 1.6rem; color: var(--sg-ink); margin-bottom: .6rem; }
/* подсветка совпадений в самом меню */
.sg-mega.is-searching .sg-mm__railbtn,
.sg-mega.is-searching .sg-mega__aside{ opacity: .35; pointer-events: none; }
.sg-mega.is-searching .sg-mega__layout{ grid-template-columns: 26.4rem minmax(0, 1fr); }
.sg-mega.is-searching .sg-mega__aside{ display: none; }
.sg-mm__gtitle.is-hit, .sg-mm__sublink.is-hit{
  background: rgba(255, 184, 0, .18); border-radius: .4rem;
}
.sg-mm__group.is-dim, .sg-mm__sub li.is-dim{ opacity: .28; }
/* ============================================================ BACKDROP ===== */
.sg-backdrop{
  position: fixed; inset: 0; z-index: 850;
  background: rgba(16, 26, 51, .45);
  backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px);
  animation: sg-fade-bd .25s var(--sg-ease);
}
.sg-backdrop[hidden]{ display: none; }
@keyframes sg-fade-bd{ from { opacity: 0 } to { opacity: 1 } }
/* ==================================================== МОБИЛЬНЫЙ DRAWER ===== */
.sg-drawer{
  position: fixed; inset: 0; z-index: 950; display: flex; justify-content: flex-end;
}
.sg-drawer[hidden]{ display: none; }
.sg-drawer__in{
  display: flex; flex-direction: column;
  width: min(46rem, 100%); height: 100%; background: #fff;
  box-shadow: -20px 0 60px -20px rgba(16, 26, 51, .4);
  animation: sg-slide .3s var(--sg-ease);
}
@keyframes sg-slide{ from { transform: translateX(100%); } to { transform: none; } }
.sg-dw__search{
  display: flex; align-items: center; gap: .8rem; flex: none;
  padding: 1.2rem 1.6rem; border-bottom: 1px solid var(--sg-line); background: var(--sg-bg);
}
.sg-dw__search > svg{ color: var(--sg-gray-light); }
.sg-dw__search input{
  flex: 1 1 auto; min-width: 0; height: 4.2rem; padding: 0 1.2rem;
  border: 1px solid var(--sg-line); border-radius: .8rem; background: #fff;
  font-size: 1.4rem; outline: 0;
}
.sg-dw__search input:focus{ border-color: var(--sg-blue); box-shadow: 0 0 0 3px rgba(25,84,234,.13); }
.sg-dw__searchgo{
  flex: none; height: 4.2rem; padding: 0 1.5rem; display: grid; place-items: center;
  background: var(--sg-blue); color: #fff; border-radius: .8rem; font-size: 1.25rem; font-weight: 600;
}
.sg-dw__close{
  flex: none; display: grid; place-items: center;
  width: 4.2rem; height: 4.2rem; border-radius: 50%;
  color: var(--sg-gray); border: 1px solid var(--sg-line); background: #fff;
  transition: background .2s var(--sg-ease), color .2s var(--sg-ease),
              transform .3s var(--sg-ease);
}
.sg-dw__close:hover{ background: var(--sg-ink); color: #fff; transform: rotate(90deg); }
.sg-dw__results{ flex: 1 1 auto; overflow-y: auto; padding: 1rem 1.2rem 2rem; }
.sg-dw__results[hidden]{ display: none; }
.sg-dw__results .sg-res__grid{ grid-template-columns: 1fr; }
.sg-dw__viewport{ position: relative; flex: 1 1 auto; min-height: 0; overflow: hidden; }
.sg-dw__panel{
  position: absolute; inset: 0; overflow-y: auto; -webkit-overflow-scrolling: touch;
  padding: .6rem 0 2rem; background: #fff;
  animation: sg-dw-in .26s var(--sg-ease);
}
.sg-dw__panel[hidden]{ display: none; }
@keyframes sg-dw-in{ from { opacity: 0; transform: translateX(24px); } to { opacity: 1; transform: none; } }
.sg-dw__head{
  position: sticky; top: 0; z-index: 2; display: flex; align-items: center; gap: .4rem;
  padding: .9rem 1.4rem; background: rgba(255, 255, 255, .96);
  backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
  border-bottom: 1px solid var(--sg-line);
}
.sg-dw__back{
  display: inline-flex; align-items: center; gap: .3rem; flex: none;
  font-size: 1.25rem; font-weight: 600; color: var(--sg-blue);
  padding: .5rem .8rem .5rem .4rem; border-radius: .6rem;
}
.sg-dw__back:hover{ background: var(--sg-blue-soft); }
.sg-dw__headlink{
  margin-left: auto; flex: 0 1 auto; min-width: 0;
  font-size: 1.2rem; color: var(--sg-gray); text-align: right;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  border-bottom: 1px dashed var(--sg-line);
}
.sg-dw__headlink:hover{ color: var(--sg-blue); border-color: var(--sg-blue); }
.sg-dw__list{ padding: .4rem 0; }
.sg-dw__list--plain .sg-dw__link{ min-height: 4.6rem; }
.sg-dw__row{
  display: flex; align-items: stretch; border-bottom: 1px solid var(--sg-line);
}
.sg-dw__link{
  flex: 1 1 auto; min-width: 0; display: flex; align-items: center; gap: 1.1rem;
  padding: 1.1rem 1.4rem; min-height: 5.6rem;
  transition: background .2s var(--sg-ease);
}
.sg-dw__link:active{ background: var(--sg-blue-soft); }
.sg-dw__ico{
  display: grid; place-items: center; width: 3.6rem; height: 3.6rem; flex: none;
  border-radius: .9rem; background: var(--sg-blue-soft); color: var(--sg-blue);
}
.sg-dw__txt{ display: flex; flex-direction: column; gap: .2rem; min-width: 0; }
.sg-dw__txt b{ font-size: 1.5rem; font-weight: 600; line-height: 1.25; }
.sg-dw__row--l2 .sg-dw__txt b, .sg-dw__row--l3 .sg-dw__txt b{ font-size: 1.45rem; font-weight: 500; }
.sg-dw__txt i{ font-style: normal; font-size: 1.15rem; color: var(--sg-gray-light); }
.sg-dw__tog{
  flex: none; width: 5rem; display: grid; place-items: center; color: var(--sg-gray-light);
  border-left: 1px solid var(--sg-line); transition: color .2s, background .2s;
}
.sg-dw__tog:hover, .sg-dw__tog[aria-expanded="true"]{ color: var(--sg-blue); background: var(--sg-blue-soft); }
.sg-dw__leaf{ flex: none; width: 5rem; border-left: 1px solid transparent; }
.sg-dw__all{
  display: flex; align-items: center; justify-content: center; gap: .6rem;
  margin: 1.2rem 1.4rem 0; padding: 1.2rem; border-radius: .9rem;
  background: var(--sg-blue); color: #fff; font-size: 1.35rem; font-weight: 600;
}
.sg-dw__calc{ margin: 1.4rem 1.4rem 0; border-radius: 1.2rem; overflow: hidden;
  background: linear-gradient(120deg, #16203a, #101828); }
.sg-dw__calchead{
  display: flex; align-items: center; gap: 1.1rem; padding: 1.3rem 1.4rem; color: #fff;
}
.sg-dw__calchead > svg:first-child{
  flex: none; padding: .8rem; border-radius: 1rem; background: var(--sg-amber); color: #1a1b1d;
  width: 3.6rem; height: 3.6rem;
}
.sg-dw__calchead span{ display: flex; flex-direction: column; gap: .2rem; min-width: 0; }
.sg-dw__calchead b{ font-size: 1.5rem; font-weight: 700; }
.sg-dw__calchead i{ font-style: normal; font-size: 1.15rem; color: rgba(255,255,255,.65); }
.sg-dw__calchead > svg:last-child{ margin-left: auto; color: var(--sg-amber); }
.sg-dw__calcgroups{ display: flex; border-top: 1px solid rgba(255,255,255,.12); }
.sg-dw__calcgroups a{
  flex: 1; display: flex; flex-direction: column; align-items: center; gap: .2rem;
  padding: 1rem .6rem; color: rgba(255,255,255,.85); font-size: 1.2rem; text-align: center;
  border-left: 1px solid rgba(255,255,255,.12);
}
.sg-dw__calcgroups a:first-child{ border-left: 0; }
.sg-dw__calcgroups a b{ color: var(--sg-amber); font-size: 1.4rem; }
.sg-dw__calcgroups a:active{ background: rgba(255,255,255,.08); }
.sg-dw__sect{ padding: 1.8rem 1.4rem .4rem; }
.sg-dw__secttitle{
  font-size: 1.05rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase;
  color: var(--sg-gray-light); margin-bottom: 1rem;
}
.sg-dw__usermail{
  display: flex; align-items: center; gap: .9rem;
  padding: 1.2rem 1.4rem; font-size: 1.35rem; font-weight: 600; color: var(--sg-ink);
  border-bottom: 1px solid var(--sg-line); background: var(--sg-blue-soft);
}
.sg-dw__usermail svg{ color: var(--sg-blue); }
.sg-dw__link--out b{ color: var(--sg-red); }
.sg-dw__foot{
  flex: none; padding: 1.1rem 1.4rem calc(1.1rem + env(safe-area-inset-bottom));
  border-top: 1px solid var(--sg-line); background: var(--sg-bg);
}
.sg-dw__phone{
  display: flex; align-items: center; justify-content: center; gap: .7rem;
  font-size: 1.6rem; font-weight: 700; color: var(--sg-ink); margin-bottom: .9rem;
}
.sg-dw__phone svg{ color: var(--sg-blue); }
.sg-dw__footrow{ display: flex; gap: .8rem; }
.sg-dw__footrow a{
  flex: 1; display: flex; align-items: center; justify-content: center; gap: .6rem;
  padding: 1rem; border: 1px solid var(--sg-line); border-radius: .8rem; background: #fff;
  font-size: 1.3rem; font-weight: 600;
}
.sg-dw__footrow a b{ color: var(--sg-blue); }
.sg-burgerbtn{
  display: none; flex-direction: column; align-items: center; gap: .2rem;
  font-size: 1.05rem; color: var(--sg-gray);
}
/* --------- авторизованный хедер: уплотнение, чтобы не было переполнения --- */
@media (max-width: 1599px){
  .sg-header[data-auth="user"] .sg-nav > a[href="/brands/"] { display: none; }
  .sg-header[data-auth="user"] .sg-nav__about { display: none; }
  .sg-header[data-auth="user"] .sg-user__mail { max-width: 12rem; }
  .sg-header[data-auth="user"] .sg-search { min-width: 16rem; }
}
/* ================================================ НИЖНИЙ ТАБ-БАР (≤991px) == */
.sg-tabbar{
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 800;
  display: none;
  background: rgba(255, 255, 255, .97);
  backdrop-filter: saturate(180%) blur(14px);
  -webkit-backdrop-filter: saturate(180%) blur(14px);
  border-top: 1px solid var(--sg-line);
  box-shadow: 0 -10px 28px -14px rgba(16, 26, 51, .28);
  padding-bottom: env(safe-area-inset-bottom);
}
.sg-tab{
  position: relative; flex: 1 1 0; min-width: 0;
  display: flex; flex-direction: column; align-items: center; gap: .3rem;
  padding: .9rem 0 .8rem; font-size: 1rem; font-weight: 500;
  letter-spacing: .02em; color: var(--sg-gray);
  transition: color .2s var(--sg-ease);
}
.sg-tab svg{ width: 2.2rem; height: 2.2rem; }
.sg-tab:hover, .sg-tab:active, .sg-tab.is-active{ color: var(--sg-blue); }
.sg-tab.is-active::before{
  content: ""; position: absolute; top: 0; left: 25%; right: 25%; height: .3rem;
  border-radius: 0 0 .3rem .3rem; background: var(--sg-blue);
}
.sg-tab__count{
  position: absolute; top: .5rem; left: calc(50% + .7rem);
  min-width: 1.6rem; height: 1.6rem; padding: 0 .4rem;
  display: grid; place-items: center; border-radius: .8rem;
  background: var(--sg-blue); color: #fff; border: 2px solid #fff;
  font-size: .95rem; font-weight: 700; line-height: 1;
}
/* ================================================================ АДАПТИВ == */
@media (max-width: 1599px){
  .sg-mega__layout { grid-template-columns: 24rem minmax(0, 1fr) 25rem; }
  .sg-mm__cols { columns: 3; }
  .sg-res__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
/* на средних ширинах пилюля калькуляторов сжимается до значка с счётчиком */
@media (max-width: 1499px){
  .sg-nav__calctxt { display: none; }
  .sg-nav__calc { padding: 0 1.1rem; }
}
/* =========================================================== A11Y / MOTION = */
/* атрибут hidden должен побеждать любые авторские display (кнопки/иконки) */
.sg-header [hidden],
.sg-drawer [hidden],
.sg-tabbar [hidden]{ display: none !important; }
.sg-header :focus-visible,
.sg-drawer :focus-visible,
.sg-tabbar :focus-visible{
  outline: 2px solid var(--sg-blue); outline-offset: 2px; border-radius: .4rem;
}
.sg-mega :focus-visible, .sg-drawer :focus-visible{ outline-offset: -2px; }
body.sg-lock{ overflow: hidden; }

@media (min-width: 1840px){ .sg-wrap { width: 1790px; padding: 0; } }
@media (max-width: 991px){ .sg-wrap { padding-left: 1.6rem; padding-right: 1.6rem; } }
@media (max-width: 1499px){
  .sg-header[data-auth="user"] .sg-user__mail { max-width: 9rem; }
}
@media (max-width: 1359px){
  .sg-header[data-auth="user"] .sg-search { min-width: 14rem; }
}
@media (max-width: 1359px){
  .sg-header[data-auth="user"] .sg-user__mail { display: none; }
}
@media (max-width: 1279px){
  .sg-header[data-auth="user"] .sg-user__btn { padding: 0 .6rem 0 .5rem; }
  .sg-header[data-auth="user"] .sg-user__btn > svg:last-child { display: none; }
}
@media (max-width: 1439px){
  .sg-topbar__in { gap: 1.2rem; }
  .sg-phone__note, .sg-callback { display: none; }
  .sg-nav { gap: 1.6rem; }
  .sg-mega__layout { grid-template-columns: 22rem minmax(0, 1fr); }
  .sg-mega__aside { display: none; }
}
@media (max-width: 1199px){
  .sg-nav__about { display: none; }
}
@media (max-width: 1359px){
  /* навигация уплотняется, чтобы не появлялось горизонтальное переполнение */
  .sg-nav { gap: 1.4rem; }
  .sg-nav > a[href="/brands/"] { display: none; }
  .sg-logo img { height: 3.2rem; }
}
@media (max-width: 1439px){
  .sg-nav { gap: 1.6rem; }
  .sg-nav__calc { padding: 0 1.1rem; }
  .sg-catalogbtn { padding: 0 1.5rem; }
}
@media (max-width: 1279px){
  .sg-user__mail { max-width: 11rem; }
  .sg-mm__cols { columns: 2; }
  .sg-search { max-width: 30rem; }
  .sg-ico__label, .sg-ico > span:not(.sg-cartcount) { display: none; }
  .sg-drop.sg-drop--wide { min-width: 46rem; }
  .sg-drop__cols { grid-template-columns: 1fr; }
}
@media (max-width: 1119px){
  .sg-nav { display: none; }
  .sg-burgerbtn { display: inline-flex; }
  .sg-topnav__link:nth-child(n+5) { display: none; }
}
@media (max-width: 991px){
  .sg-header { --sg-top-h: 3.4rem; --sg-main-h: 6.2rem; }
  /* поиск остаётся в липкой шапке и виден при любом скролле */
  .sg-search {
    display: block; flex: 1 1 auto; min-width: 0; max-width: none;
  }
  .sg-search__form { height: 4.2rem; }
  .sg-search__go { padding: 0 1.4rem; }
  .sg-search__input::placeholder { font-size: 1.25rem; }
  .sg-catalogbtn { display: none; }
  .sg-actions { margin-left: auto; }
  .sg-ico--cart { display: none; }
  .sg-burgerbtn { display: none; }
  /* вход в кабинет и корзина живут в таб-баре и в панели «Ещё» */
  .sg-actions .sg-guest, .sg-actions .sg-user { display: none; }
  .sg-tabbar { display: flex; }
  /* место под закреплённый таб-бар, чтобы он не перекрывал контент */
  body { padding-bottom: 6.6rem; }
  /* на планшете мега-меню не показываем — работает drawer */
  .sg-mega { display: none !important; }
  .sg-topnav__link { font-size: 1.15rem; margin-right: 1.4rem; }
}
@media (max-width: 767px){
  .sg-topbar__in { justify-content: space-between; }
  .sg-logo img.sg-logo__full { display: none; }
  .sg-logo img.sg-logo__mark { display: block; height: 3rem; width: auto; }
  .sg-topnav { display: none; }
  .sg-phone__note { display: none; }
  .sg-logo svg { height: 2.8rem; }
  .sg-mainbar__in { gap: 1rem; }
  .sg-ico > span:not(.sg-cartcount) { display: none; }
}
@media (prefers-reduced-motion: reduce){
  .sg-header *, .sg-header *::before, .sg-header *::after,
  .sg-drawer *, .sg-backdrop { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}

/**/

#sgMega ul li:before {
    visibility: hidden;
}

#sgDrawer ul li:before {
     visibility: hidden;   
}

.sg-tab.bask_obert {
    padding-top: 0;
}

.bask2 {
    width: 50%;
}
.sg-mm__sub li {
    margin-bottom: 0px;
}

#sgHotCards ul li {
    margin-bottom: 0;
}
a.maxico svg {
    width: 15px;
}