body{margin:0;padding:0;top:0;bottom:0;right:0;left:0}.headContainer{background-color:#444242;display:flex;color:white;font-weight:500;padding-top:5px;padding-bottom:5px;width:100%}.panel{position:absolute;top:-35px;left:-75vw;width:75vw;height:100vh;background-color:#f9f9f9;z-index:100;border-radius:0 20px 20px 0;overflow:scroll}@keyframes slidePanel{0%{left:-50vw}to{left:0}}@keyframes slidePanelClose{0%{left:0}to{left:-50vw}}.open{animation:slidePanel .3s ease-in-out forwards;display:block}.close-button{position:absolute;top:1rem;right:1rem}.drawer{position:relative}.mainCircle{position:absolute;top:0;right:4px;bottom:10px;width:1.5rem;height:1.5rem;border-radius:50%;background-color:#f8de22;color:black;font-size:.7rem;display:flex;justify-content:center;align-items:center;box-shadow:inset 0 -.5em .5em rgba(0,0,0,.1),.3em .3em 1em rgba(0,0,0,.3)}.counter{color:white;position:absolute;top:12%;right:40%}.logoContainer{justify-content:center;width:40%}.leftHead,.logoContainer{display:flex;align-items:center}.leftHead{justify-content:space-between;gap:10px;width:100%}.rightHead{display:flex;justify-content:flex-end;padding-right:50px}.btn{border:none;background-color:#faf0d7;border-radius:3px;color:black;font-weight:300;padding-left:8px;padding-right:8px;margin-left:50px}.navbar{display:flex;background-color:transparent}.logo{width:95px;height:auto;margin-left:50px}.listContainer,.logo{display:flex;align-items:center}.listContainer{justify-content:space-evenly;font-weight:600;gap:"15px";width:60%}.search{display:flex;align-items:center;justify-content:space-around}.searchInput{border:1.3px solid rgb(30,30,30);border-radius:5px;height:30px;font-size:16px}.searchInput::-moz-placeholder{font-size:18px}.searchInput::placeholder{font-size:18px}.search-btn{background-color:white;border:none;cursor:pointer}.icons{width:8%;margin-left:20px;justify-content:space-between}.cart,.icons{display:flex;align-items:center}.cart{width:70px;margin-right:50px;justify-content:center;border-left:1px solid black;position:relative}@media screen and (max-width:1080px){.search{width:30%}.icons{width:10%;min-width:120px}.cart{margin-right:30px}.logo{margin-left:30px}}.inputsearch{width:30%}@media screen and (max-width:1080px){.listContainer{font-size:16px}.inputsearch{width:25%}.logo{width:100px}.logoContainer{width:30%}}@media screen and (max-width:950px){.listContainer{font-size:14px}.inputsearch{width:22%}.inputsearch::-moz-placeholder{font-size:10px}.inputsearch::placeholder{font-size:10px}.logo{width:100px}.logoContainer{width:30%}.searchsvg{width:20px;height:20px}.loginContainer{min-width:100px}.heylogin{white-space:nowrap;font-size:13px;height:100%}.leftHead{font-size:12px}.search{width:20%}.navbar{justify-content:space-between}}.navbar-glossy{background:linear-gradient(180deg,rgba(255,255,255,.78),rgba(255,255,255,.62));backdrop-filter:blur(20px) saturate(1.6);-webkit-backdrop-filter:blur(20px) saturate(1.6);border-bottom:1px solid rgba(255,255,255,.45);box-shadow:0 1px 3px rgba(0,0,0,.04),0 4px 12px rgba(0,0,0,.03)}@keyframes cartPop{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.animate-cart-pop{animation:cartPop .3s ease-in-out}