nav{height:80px;position:sticky;top:0;z-index:10;background-color:transparent}nav,nav .flex{display:flex;justify-content:center;align-items:center}nav .flex{gap:10px;height:2rem}nav img{transition:transform .3s ease}nav img:hover{transform:scale(1.05)}.cart-icon-svg{width:24px;height:24px;transition:transform .2s ease,filter .2s ease,color .2s ease}.cart-icon-svg:hover{transform:scale(1.1);filter:invert(60%) sepia(100%) saturate(500%) hue-rotate(80deg) brightness(100%) contrast(80%)}.home-icon-svg{transition:transform .2s ease,filter .2s ease,color .2s ease}.home-icon-svg:hover{filter:invert(60%) sepia(100%) saturate(800%) hue-rotate(80deg) brightness(100%) contrast(80%)}@media (max-width:768px){nav{padding:0}nav img{margin-top:0}.home-icon{top:1rem;left:1.5rem}.home-icon-svg{width:24px;height:24px}.cart-icon{top:1rem;right:1.5rem;transform:scale(.75)}.cart-icon-svg{width:32px;height:32px}}.cart-icon span,.home-icon .home-svg{transition:all .3s ease}.home-icon:hover .home-svg{transform:scale(1.1);fill:red}.cart-icon:hover span{background-color:red;transform:scale(1.1)}.cart-drawer{position:fixed;top:0;right:0;height:100%;background-color:#3b3b3bdd;box-shadow:-4px 0 12px rgba(0,0,0,.1);z-index:120;display:flex;flex-direction:column;overflow-y:auto;transition:width .3s ease;width:100%}@media (min-width:1024px){.cart-drawer{width:30%}}.cart-header{display:flex;justify-content:flex-end;padding:1.5rem}.cart-close{font-size:3rem;font-weight:700;cursor:pointer;color:white;background:none;border:none}.cart-contents{flex:1;padding:1.5rem}.cart-contents h2{font-size:1.5rem;font-weight:600;margin-bottom:1rem}.cart-contents p{color:#cfcfcf}