.site-header{box-sizing:border-box;z-index:1000;background:#111;justify-content:space-between;align-items:center;height:70px;padding:0 22px;display:flex;position:relative}.site-header .menu{color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;width:40px;font-size:25px}.site-header .logo{width:auto;height:40px;position:absolute;left:50%;transform:translate(-50%)}.site-header .header-icons{color:#fff;align-items:center;margin-left:auto;font-size:22px;display:flex}.cart-icon{cursor:pointer;-webkit-tap-highlight-color:transparent}.menu-overlay{z-index:9998;background:#00000059;width:100%;height:100vh;animation:.3s overlayFade;position:fixed;top:0;left:0}.side-menu{box-sizing:border-box;background:#fff;width:300px;height:100%;padding:90px 25px 30px;animation:.4s cubic-bezier(.22,1,.36,1) menuSlide;position:absolute;top:0;left:0;box-shadow:8px 0 30px #0000001f}.side-menu-title{color:#111;text-align:center;margin-bottom:35px;font-size:25px;font-weight:700}.menu-item{color:#222;cursor:pointer;text-align:center;opacity:0;-webkit-tap-highlight-color:transparent;padding:16px 5px;font-size:17px;font-weight:500;animation:.45s forwards menuItemSlide}.menu-item:nth-child(2){animation-delay:80ms}.menu-item:nth-child(3){animation-delay:.14s}.menu-item:nth-child(4){animation-delay:.2s}.menu-item:nth-child(5){animation-delay:.26s}.menu-item:nth-child(6){animation-delay:.32s}.menu-item:nth-child(7){animation-delay:.38s}.menu-item:nth-child(8){animation-delay:.44s}.menu-item:nth-child(9){animation-delay:.5s}.menu-item:nth-child(10){animation-delay:.56s}@keyframes menuSlide{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes menuItemSlide{0%{opacity:0;transform:translate(-35px)}to{opacity:1;transform:translate(0)}}@keyframes overlayFade{0%{opacity:0}to{opacity:1}}@media (width<=700px){.site-header{height:60px;padding:0 16px}.site-header .logo{height:40px}.site-header .menu{font-size:23px}.site-header .header-icons{font-size:20px}.side-menu{width:82%;max-width:320px;padding:85px 22px 25px}.side-menu-title{margin-bottom:25px;font-size:23px}.menu-item{padding:15px 4px;font-size:16px}}.cart-icon{cursor:pointer;justify-content:center;align-items:center;font-size:25px;display:inline-flex;position:relative}.cart-count{color:#fff;box-sizing:border-box;background:#e53935;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font:700 11px/1 Arial,sans-serif;display:flex;position:absolute;top:-8px;right:-10px}.site-header .header-icons{justify-content:center;align-items:center;height:100%;display:flex}.site-header .cart-icon{justify-content:center;align-items:center;line-height:1;display:inline-flex;transform:translateY(0)}@media (width<=700px){.site-header .header-icons{align-items:center!important}.site-header .cart-icon{position:relative;align-self:center!important;line-height:1!important;top:0!important;transform:none!important}}
