.elementor-5662 .elementor-element.elementor-element-8938619{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5662 .elementor-element.elementor-element-d5e06bf{--display:flex;}.elementor-5662 .elementor-element.elementor-element-d5e06bf.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-5662 .elementor-element.elementor-element-76f4de5{width:var( --container-widget-width, 320px );max-width:320px;--container-widget-width:320px;--container-widget-flex-grow:0;}.elementor-5662 .elementor-element.elementor-element-9757146{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:-250px;--margin-right:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-5662 .elementor-element.elementor-element-61e67e8 > .elementor-widget-container{margin:100px 0px 50px 0px;}@media(max-width:767px){.elementor-5662 .elementor-element.elementor-element-9757146{--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}}@media(min-width:768px){.elementor-5662 .elementor-element.elementor-element-d5e06bf{--width:280px;}.elementor-5662 .elementor-element.elementor-element-9757146{--width:1140px;}}/* Start custom CSS for html, class: .elementor-element-7d77a84 *//* Липкая вертикальная плашка */
.catalog-tab {
  position: fixed;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background: #b30000;
  color: #fff;
  padding: 14px 6px;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 2px;
  writing-mode: vertical-rl;
  text-orientation: mixed;
  border-radius: 0 8px 8px 0;
  cursor: pointer;
  z-index: 10002;
  transition: background 0.3s ease;
}

.catalog-tab:hover {
  background: #990000;
}

/* Боковая панель */
.catalog-panel {
  position: fixed;
  top: 0;
  left: -100%;
  width: 280px;
  height: 100%;
  background: #fff;
  box-shadow: 2px 0 8px rgba(0,0,0,0.3);
  transition: left 0.3s ease;
  z-index: 10001;
  display: flex;
  flex-direction: column;
}

.catalog-panel.active {
  left: 0;
}

/* Контент */
.catalog-content {
  padding: 15px;
  overflow-y: auto;
  flex: 1;
}

/* Подложка */
.catalog-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.6);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease;
  z-index: 10000;
}

.catalog-overlay.active {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for template, class: .elementor-element-76f4de5 *//* === Левое фиксированное меню === */
:root {
  --sidebar-width-desktop: 320px;  /* ширина на десктопе */
  --sidebar-width-tablet: 220px;   /* ширина на планшете */
  --sidebar-width-mobile: 100%;    /* на мобильном меню во всю ширину */
}

.elementor-element-7fed2b68 {
  position: fixed !important;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 999;
  background: #fff;
  overflow-y: auto;
  overflow-x: hidden;
  width: var(--sidebar-width-desktop); /* по умолчанию десктоп */
  transition: width 0.3s ease;
}

/* Чтобы контент не налезал на меню */
body {
  margin-left: var(--sidebar-width-desktop);
  transition: margin-left 0.3s ease;
}

/* Адаптивность */
@media (max-width: 1024px) {
  .elementor-element-7fed2b68 {
    width: var(--sidebar-width-tablet);
  }
  body {
    margin-left: var(--sidebar-width-tablet);
  }
}

@media (max-width: 768px) {
  .elementor-element-7fed2b68 {
    width: var(--sidebar-width-mobile);
  }
  body {
    margin-left: 0; /* на мобильных меню во всю ширину, контент без отступа */
  }
}

/* Красивый тонкий скролл */
.elementor-element-7fed2b68::-webkit-scrollbar {
  width: 6px;
}
.elementor-element-7fed2b68::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 3px;
}/* End custom CSS */