header {position: fixed; top: 0; left: 0; width: 100%; height: 60px; padding: 0 30px; border-bottom: 1px solid var(--wt); box-sizing: border-box; transition: all .3s; z-index: 10;}
header.on {background: var(--wt); border-color: var(--black);}
header .container {display: flex; align-items: center; justify-content: space-between; height: 100%;}
header nav {}
header nav ul {display: flex; align-items: center; gap: 66px;}
header nav ul li {}
header nav ul li a {font-size: 14px; font-weight: bold; line-height: 1.36; color: var(--wt); transition: all .3s;}
header.on nav ul li a {color: var(--black);}
header nav ul li a.shop-link {padding: 5px 10px; border: 1px solid var(--wt); border-radius: 100%; text-decoration: none;}
header.on nav ul li a.shop-link {border: 1px solid var(--black);}
header .logo {width: 128px; height: auto;}
header .logo img {width: 100%; height: auto;}