/*nav css**/
 
 header {
     position: fixed;
     top: 0;
     z-index: 1400;
     height: 4.4rem;
     width: 100%;
     background-color: rgba(0, 0, 0, 0.8);
     backdrop-filter: blur(2rem);
 }
 
 .nav-list {
     list-style: none;
     display: flex;
     align-items: center;
     justify-content: space-between;
     margin: 0 --1rem;
 }
 
 .nav-list-mobile {
     display: none;
 }
 
 .nav-link {
     font-size: 1.4rem;
     color: #fff;
     padding: 0 1rem;
     transition: opacity .5s;
 }
 
 .nav-link:hover {
     opacity: .7;
 }
 
 .nav-link-apple {
     width: 1.6rem;
     height: 4.4rem;
     background: url("../images/icons/apple.svg") center no-repeat;
 }
 
 .nav-link-search {
     width: 1.6rem;
     height: 4.4rem;
     background: url("../images/icons/search.svg") center no-repeat;
 }
 
 .nav-link-bag {
     width: 1.4rem;
     height: 4.4rem;
     background: url("../images/icons/bag.svg") center no-repeat;
 }
 /**end of nav */