#site-menu-sidebar .sidebar__header {
    border: none;
}
#site-menu-sidebar .sidebar__body {
    position: relative;
    z-index: 9999;
}
@media (max-width:767px){
  mobile-navigation .grid.product-grid.grid-portable-2 {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: 90%;
    margin: 0 auto;
}
mobile-navigation .product-item .nav-product-item__image img {
    width: 85%;
}
mobile-navigation .grid.product-grid.grid-portable-2 .product-item__text {
    display: block;
}

mobile-navigation .grid.product-grid.grid-portable-2 .product-item__text .remove-line-height-space--small {
    margin-bottom: 0;
}

mobile-navigation .grid.product-grid.grid-portable-2 .product-item__text .remove-line-height-space--small .text-size--small {
    font-size: 18px;
    font-weight: 600;
}
html[dir=ltr] mobile-navigation .site-nav .babymenu {
    display: block;
    position: relative;
    transform: translate(0);
}
mobile-navigation .site-nav .babymenu ul {
    padding: 0;
}
mobile-navigation .submenu.mega-menu .has-babymenu>.menu-link {
    font-size: .625rem;
    font-weight: 400;
    color: #929292 !important;
    margin-bottom: 0 !important;
    display: block;
    font-family: var(--font-stack-headings-primary);
    font-style: var(--font-style-headings-primary);
    line-height: var(--base-headings-line);
    letter-spacing: var(--base-headings-spacing);
    cursor: context-menu;
    pointer-events: none;
}
.site-nav.style--sidebar .submenu.mega-menu .has-babymenu>.menu-link {
    font-size: 0.625rem;
    font-weight: 400;
    color: #929292 !important;
    margin-bottom: 0 !important;
    display: block;
    font-family: var(--font-stack-headings-primary);
    font-style: var(--font-style-headings-primary);
    line-height: var(--base-headings-line);
    letter-spacing: var(--base-headings-spacing);
    cursor: context-menu;
}
.site-nav.style--sidebar .submenu.mega-menu .submenu-holder .mega-link {
    padding-bottom: 2rem;
}

.site-nav.style--sidebar .submenu.mega-menu .submenu-holder .mega-link .babymenu > ul > li > a {
    font-size: 1.375rem;
    font-weight: 600;
    color: #3b3b3b;
    margin-bottom: 0.6rem;
    display: inline-block;
    white-space: nowrap;
    padding: 0;
    font-family: Arial, sans-serif;
    margin-left: 0;
    line-height: 1.3;
}
.site-nav.style--sidebar .submenu.mega-menu .submenu-holder .mega-link.sub-mega-link-1 .babymenu > ul > li > a {
  color: #3b3b3b;
  font-size: 1.375rem;
  margin-bottom: 0.6rem;
}
.site-nav.style--sidebar .submenu.mega-menu .submenu-holder .mega-link.sub-mega-link-2 .babymenu > ul > li > a, .site-nav.style--sidebar .submenu.mega-menu .submenu-holder .mega-link.sub-mega-link-3 .babymenu > ul > li > a, .site-nav.style--sidebar .submenu.mega-menu .submenu-holder .mega-link.sub-mega-link-4 .babymenu > ul > li > a, .site-nav.style--sidebar .submenu.mega-menu .submenu-holder .mega-link.sub-mega-link-5 .babymenu > ul > li > a {
  color: #494949;
  font-size: 0.8125rem;
  margin-bottom: 0.125rem;
}
.site-nav.style--sidebar .submenu.mega-menu .submenu-holder .mega-link .babymenu > ul > li > a:hover, .site-nav.style--sidebar .submenu.mega-menu .submenu-holder .mega-link .babymenu > ul > li > a:hover span:not(.pps) {
    color: #000;
}
}

mobile-navigation {
  display: block;
  padding: 0 !important;
  min-height: 100%;
}
mobile-navigation .site-nav {
  padding: 0;
}
mobile-navigation .site-nav nav {
  transition: transform 300ms ease-in-out;
}
mobile-navigation .site-nav ul {
  padding: 0 35px;
}
mobile-navigation .site-nav ul a:not(.button):not(.menu-promotion-background-image) {
    width: 100%;
    padding: 0.4rem 0;
    display: flex;
    justify-content: space-between;
    font-size: 1.6rem;
    font-family: var(--font-stack-headings-primary);
    font-weight: 600;
}
mobile-navigation .site-nav .submenu, mobile-navigation .site-nav .babymenu {
  width: 100%;
  position: absolute;
  top: 0;
  transition: transform 300ms ease-in-out;
  display: none;
}
html[dir=rtl] mobile-navigation .site-nav .submenu, html[dir=rtl] mobile-navigation .site-nav .babymenu {
  right: 0;
}
html[dir=ltr] mobile-navigation .site-nav .submenu, html[dir=ltr] mobile-navigation .site-nav .babymenu {
  left: 0;
}
mobile-navigation .site-nav .submenu {
  transform: translateX(100%);
}
mobile-navigation .site-nav .babymenu {
  transform: translateX(100%);
}
mobile-navigation .site-nav li > a > .icon svg {
  transform: rotate(-90deg);
}
html[dir=rtl] mobile-navigation .site-nav li > a > .icon svg {
  transform: rotate(90deg);
}
mobile-navigation .site-nav li > a > .icon path {
  stroke: none;
}
mobile-navigation .site-nav .has-promotion {
  padding: 2rem 0;
}
mobile-navigation .site-nav .has-promotion + .has-promotion {
  margin-top: -2rem;
}
mobile-navigation .site-nav .text-animation--underline-in-header {
  padding-bottom: 0;
  background: none;
}
mobile-navigation .site-nav .icon {
  margin-inline-start: 0;
  margin-inline-end: -0.75rem;
  display: flex;
  align-items: center;
}
mobile-navigation .site-nav .submenu-back {
    cursor: pointer;
    position: absolute;
    top: -40px;
    z-index: 999;
    left:20px;
}
mobile-navigation .site-nav .submenu-back > a {
    font-size: 0px !important;
}
mobile-navigation .site-nav .submenu-back a {
  justify-content: flex-start !important;
}
mobile-navigation .site-nav .submenu-back .icon {
  margin-inline-start: -0.125rem;
  margin-inline-end: 0.625rem;
}
html[dir=rtl] mobile-navigation .site-nav .submenu-back .icon {
  display: block;
  transform: rotate(180deg);
}
mobile-navigation .site-nav .submenu-back .icon svg {
  position: relative;
  top: -0.0625rem;
  transform: rotate(90deg);
}
mobile-navigation .site-nav .button__icon svg * {
  fill: none;
}
mobile-navigation .menu-link svg {
  margin-inline-end: 0.75rem;
}
mobile-navigation .menu-link svg path {
  stroke: var(--color-text-main);
}
mobile-navigation.opened-first-submenu nav {
  transform: translateX(-100%);
}
mobile-navigation.opened-second-submenu nav {
  transform: translateX(-200%);
}
mobile-navigation li.has-submenu.opened .submenu {
  display: block;
}
mobile-navigation li.has-babymenu.opened .babymenu {
  display: block;
}
mobile-navigation .grid {
  padding: var(--sidebar-gutter) 0;
}
mobile-navigation .product-item {
  display: block !important;
  border: none !important;
  padding: 0 !important;
}
mobile-navigation .mega-menu__footer {
  margin-bottom: calc(var(--gutter-regular) * 1.5);
}
mobile-navigation .menu-promotion-content a {
  border-bottom: 1px solid !important;
  padding: 0 !important;
  display: inline !important;
}

@media (max-width:567px){
mobile-navigation .product-item .nav-product-item__image img {
    width: auto;
}
}