header .mobile{position:relative;height:60px;width:100dvw;background:#fff;box-shadow:-1rem 1rem 1rem -1rem #0000000f,1rem 1rem 1rem -1rem #0000000f;z-index:51}@media (width >= 750px){header .mobile{display:none}}header .mobile .menu-trigger{position:absolute;left:0;top:0;height:60px;width:60px;padding:10px}header .mobile .menu-trigger.close span:nth-child(1){rotate:45deg}header .mobile .menu-trigger.close span:nth-child(2){opacity:0}header .mobile .menu-trigger.close span:nth-child(3){rotate:-45deg}header .mobile .menu-trigger span{display:block;height:4px;width:31px;margin:7px 5px;border-radius:2px;background:gray;opacity:1;transition:.5s opacity ease,.5s transform ease;transform-origin:left}header .mobile .logo{position:absolute;left:50%;top:0;padding:5px;translate:-50% 0}header .mobile .logo img{height:50px;width:auto}header .mobile .shopping-cart{position:absolute;right:0;top:0;height:60px;width:60px;padding:12.5px}header .mobile .shopping-cart img{height:35px}@media (width >= 750px){header .mobile-search{display:none}}header .mobile-search form{display:flex;position:relative;background:#fff}header .mobile-search form input{padding-inline:0;background:transparent;width:100%}header .mobile-search form button{position:absolute;right:0;height:42px;width:50px;background:transparent;border:0}header .mobileMenu{display:none;z-index:51;width:100vw;background:var(--mobil-bg-menu);transition:left .2s ease;border-top:2px solid #80808022;height:calc(100vh - 60px);overflow-y:auto}header .mobileMenu.show{display:block}header .mobileMenu.show{left:0}header .mobileMenu p4{text-align:center;background:#fff}header .mobileMenu ul{transition:.2s opacity ease}header .mobileMenu ul li{background:#fff;position:relative;border-bottom:1px solid #80808022}header .mobileMenu ul li:first-child{border-top:1px solid #80808022}header .mobileMenu ul li:last-child{border-bottom:0px solid #00000000}header .mobileMenu ul li.show:after{transform:rotate(270deg)}header .mobileMenu ul li.activ>.dropdown:after{transform:rotate(0)}header .mobileMenu ul li .dropdown{position:absolute;top:0;right:0;height:49px;width:100%}header .mobileMenu ul li .dropdown:after{content:"\25bc";color:#777;position:absolute;top:0;right:0;color:var(--font-color);font-size:16px;width:49px;text-align:center;transition:transform .2s ease;transform:rotate(-90deg);line-height:49px}header .mobileMenu ul li a,header .mobileMenu ul li p{display:block;padding:12px 20px}:is(header .mobileMenu ul li a,header .mobileMenu ul li p).this-page{font-weight:700}header .mobileMenu>ul>li.activ>ul{display:block}header .mobileMenu>ul>li.show>ul{opacity:1}header .mobileMenu>ul>li>ul{display:none}header .mobileMenu>ul>li>ul.child_active{display:block;opacity:1}header .mobileMenu>ul>li>ul>li.activ>ul{display:block}header .mobileMenu>ul>li>ul>li.show>ul{opacity:1}header .mobileMenu>ul>li>ul>li>a,header .mobileMenu>ul>li>ul>li p{padding:12px 20px 12px 40px}header .mobileMenu>ul>li>ul>li>ul{display:none}header .mobileMenu>ul>li>ul>li>ul>li>a,header .mobileMenu>ul>li>ul>li>ul>li p{padding:12px 20px 12px 60px}header .desk{position:relative;z-index:51;background:var(--desk-bg-header)}@media (750px > width){header .desk{display:none}}header .desk .desk-infos{display:flex;align-items:center;height:80px;max-width:1280px;margin:0 auto;justify-content:space-between}header .desk .desk-infos .logo img{width:160px;height:auto}header .desk .desk-infos .search form{display:flex;background-color:theme_var.$color-form}header .desk .desk-infos .search form input[type=search]{@include theme_var.media-query(theme_var.$large-up){width: 450px;}}header .desk .desk-infos .search form input[type=search]::placeholder{color:var(--font-color);opacity:1}@media only screen and (min-width: 790px){header .desk .desk-infos .search form input[type=search]{width:250px}}header .desk .desk-infos .search form button{width:40px;border:0;background-color:transparent}header .desk .desk-infos .icons{display:flex;align-items:center}header .desk .desk-infos .icons a{display:flex;flex-direction:column;width:100px;margin-left:5px;margin-right:5px;text-align:center;cursor:pointer;position:relative}header .desk .desk-infos .icons a img{width:30px;height:auto;margin:auto}header .desk .desk-infos .icons a span{font-size:14px;white-space:nowrap}
/*# sourceMappingURL=/cdn/shop/t/73/assets/Header-Section.css.map */