#mobilemenu {
  background: #fff;
  background: var(--black_bg_black);
  position: relative;
  transition: left 0.4s ease 0s, opacity 0.4s ease 0s;
  position: fixed;
  z-index: 3002;
  overflow: hidden;
  overflow-y: auto;

  scrollbar-gutter: stable;
}
.mobilemenu {
  overflow: hidden;
}
.mobilemenu__inner {
  --menu-ph: 12px;

  display: flex;
  flex-direction: column;
  width: 100%;
  transition: transform 0.2s ease-in-out;
  padding: 20px var(--menu-ph);
}

/* opened */
.mmenu_leftside #mobilemenu {
  left: -100%;
  top: 0;
  bottom: 0;
  width: 376px;
  max-width: 100%;
}
.mmenu_leftside #mobilemenu.show {
  left: 0;
  box-shadow: 0px -1px 0px 0px rgba(255, 255, 255, 0.1);
}

/* part */
.mobilemenu__item-wrapper {
  padding: 0 40px;
}

/* items list & dropdown */
.mobilemenu__menu > ul {
  padding: 0;
  margin: 0;
}
.mobilemenu__menu-dropdown {
  left: 100%;
  top: 0;
  width: 100%;
  border: medium none;
  box-shadow: none;
  visibility: visible;
  opacity: 1;
  display: none;
  position: absolute;
  z-index: 5;
  background: #fff;
  background: var(--black_bg_black);
  margin: 0;
  padding: 20px var(--menu-ph);

  gap: var(--gap, 4px);
  flex-direction: column;
}
.mobilemenu__menu-item--expanded > .mobilemenu__menu-dropdown {
  display: flex;
}

/* item */
.mobilemenu__menu-item {
  border-radius: var(--theme-button-border-radius);
  display: block;
  line-height: 0;
  list-style: none;
  margin: 1px 0;
  padding: 0;
  width: 100%;
}
.mobilemenu__menu-item:last-child {
  margin-bottom: 0;
}
.mobilemenu__menu-item--title {
  margin: 0;
}
.mobilemenu__menu-item > .link-wrapper > a:hover {
  --text-opacity: 100%;
}
.mobilemenu__menu--with-hover .mobilemenu__menu-item:not(.mobilemenu__menu-item--title, .mobilemenu__menu-item--no-hover):hover {
  background-color: var(--card_bg_hover);
}

.mobilemenu__menu-item > .link-wrapper {
  position: relative;
  padding-inline: 12px;
}
.mobilemenu__menu-item > .link-wrapper a:not(.flexbox, .icon-block__content) {
  display: block;
  padding-block: 10px;
  position: relative;
  word-break: break-word;
}
.mobilemenu__menu--contacts .mobilemenu__menu-item > .link-wrapper a {
  padding-block: 0;
}
.mobilemenu__menu-item > .link-wrapper button:not(.btn, .no-gutters) {
  padding-block: 10px;
}

/* back item */
.mobilemenu__menu-item--back-text {
  padding: 4px 0px;
}

/* parent item */
.mobilemenu__menu-item--parent > .link-wrapper a:not(.btn) {
  padding-right: 50px;
}
.mobilemenu .menu-arrow.svg {
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
  line-height: inherit;
}
.mobilemenu .menu-arrow svg {
  vertical-align: middle;
}
/* selected item */
.mobilemenu__menu-item--selected,
.mobilemenu__menu-item--selected:hover,
.mobilemenu__menu--with-hover .mobilemenu__menu-item:has(.mobilemenu__menu-item--selected),
.mobilemenu__menu--with-hover .mobilemenu__menu-item:has(.mobilemenu__menu-item--selected):hover {
  --text-opacity: 100%;
  background-color: var(--card_bg_active);
  position: static;
}

/* expanded item */
.mobilemenu__menu-item--expanded {
  position: static;
}

/* logo */
.mobilemenu .logo {
  height: 38px;
}

/* item icon */
.mobilemenu__menu-item.mobilemenu__menu-item--with-icon > .link-wrapper a {
  align-items: center;
  display: flex;
  gap: 8px;
}

/* cart */
.mobilemenu__menu .mobilemenu__menu-item-svg {
  position: static;
}

.mobilemenu__menu *:is(.header-cart__count, .icon-count) {
  right: 0px;
  top: 50%;
  transform: translateY(-8px);
}

/* separator */
.mobilemenu__separator {
  height: 1px;
  background: var(--stroke_black);
}

/* overlay */
.mobilemenu__overlay {
  display: none;
  background: #3a3f44;
  opacity: 0.7 !important;
  height: 100%;
  width: 100%;
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 2999;
}

/* close button */
.mobilemenu__close {
  cursor: pointer;
  position: absolute;
  right: 20px;
  top: 22px;
  z-index: 3;
}

/* regions */

.mobilemenu .mobilemenu__regions-wrapper:not(:has(.mobilemenu__menu--regions)) {
	min-height: 1em;
}

.mobilemenu__menu--regions .ui-menu {
  padding: 40px 0 0 0;
}