div.catMobile {display:none;position:relative;z-index:20;height:23px;}

div.catMobile button.show {height:23px;width:28px;padding:0;position:relative;z-index:0;background:transparent;border:none;outline:none;cursor:pointer;}
div.catMobile button.show span {transition: opacity .4s;position:absolute;left:0;right:0;height:5px;background-color:var(--a-color, #a7c957);border-radius:2px;top:0;bottom:0;margin:auto 0;}
div.catMobile button.show::before {content:'';position:absolute;left:0;right:0;height:5px;background-color:var(--a-color, #a7c957);border-radius:2px;top:0;transition:top .15s ease-out .15s,transform .15s;}
div.catMobile button.show::after {content:'';position:absolute;left:0;right:0;height:5px;background-color:var(--a-color, #a7c957);border-radius:2px;bottom:0;transition:bottom .15s ease-out .15s,transform .15s;}

div.catMobile button.show.shw span {opacity:0;}
div.catMobile button.show.shw::before {top:9px;transform: rotate(-45deg);transition:top .15s,transform .15s ease-out .15s;}
div.catMobile button.show.shw::after {bottom:9px;transform: rotate(45deg);transition:bottom .15s,transform .15s ease-out .15s;}

nav.mobileMenu {display:none;position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,0.5);z-index:30;}
nav.mobileMenu.hide {display:none;}
nav.mobileMenu>div.cart {display:flex;flex-direction:column;position:absolute;background-color:var(--a-color);top:0;left:-90%;width:90%;bottom:0;transition:left 0.5s;box-shadow:10px 0 10px rgba(0, 0, 0, 0.1);}
nav.mobileMenu>div.cart.show {left:0;}
nav.mobileMenu>div.cart.load::before {content:'';position:absolute;top:0;left:0;right:0;bottom:0;}
nav.mobileMenu>div.cart.load::after {content:'';width:40px;height:40px;position:absolute;right:0;top:0;bottom:0;left:0;margin:auto;box-sizing:border-box;border-width:5px;border-style:solid;border-color:#fff transparent #fff #fff;border-radius:50%;animation:gotoUp 0.6s infinite linear;}

nav.mobileMenu header {border-bottom:1px solid rgba(255, 255, 255, 0.2);padding:15px;}
nav.mobileMenu header button {transition:background-color .3s;outline:none;border-radius:4px;padding:12px 27px;font:inherit;font-weight:bold;font-size:22px;color:#fff;background-color:transparent;border:none;display:flex;align-items:center;gap:10px;cursor:pointer;}
nav.mobileMenu header button:hover {color:#fff;background-color:#a80a0f;}
nav.mobileMenu div.content-menu {padding:20px 15px;}


nav.mobileMenu ul {list-style:none;overflow:auto;}
nav.mobileMenu ul+ul {border-top:5px solid rgba(255, 255, 255, 0.2)}
nav.mobileMenu li:not(.parent)+li {border-top:1px solid rgba(255, 255, 255, 0.2);}
nav.mobileMenu li a,
nav.mobileMenu li>span,
nav.mobileMenu li span[role="button"] {display:flex;color:#fff;padding:10px 15px;align-items:center;gap:10px;}
nav.mobileMenu li.parent>a,
nav.mobileMenu li.parent>span[role="button"] {border:1px solid #fff;}
nav.mobileMenu li span[role="button"][data-id] {cursor:pointer;}
nav.mobileMenu li *[fill]:not([fill="none"]) {fill:#fff;}
/*nav.mobileMenu li svg, nav.mobileMenu li img {flex:0 0 42px;}*/
nav.mobileMenu li span.title {flex:1;}
nav.mobileMenu li.sub>a::after,
nav.mobileMenu li.sub>span::after {flex:0 0 8px;content:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAMCAYAAABfnvydAAAABHNCSVQICAgIfAhkiAAAAGxJREFUGFdj/P///wIGBgZ9IHZkZGT8AKRRACNQwQWoAhCNoQikQAAocQCXIkaQefgUgRXgUwRXgE0R0NGG2BTsByo2AOKFQAUJ6FagSIJMRXYkhiRYAdQHWCVhCmABBbYTW0iCgpoBmyRIHABqYj8NE93o/gAAAABJRU5ErkJggg==');}
nav.mobileMenu li ul {padding:0;overflow:unset;}
nav.mobileMenu li li a {padding:7px 15px 7px 45px}
nav.mobileMenu li li button {padding:7px 45px;box-sizing:border-box;width:100%;}
body.not-scroll {overflow:hidden;}
@media screen and (max-width:1200px){
    nav.mobileMenu {display:block;}
}
@media screen and (max-width:768px){
    nav.mobileMenu {display:block;}
    header.main div.catMobile {display:block;}
}

@keyframes gotoUp {from { transform: scale(1) rotate(0deg);}to { transform: scale(1) rotate(360deg);}}