ul{display:flex;justify-content:end;align-items:end;list-style:none;padding:0;margin:0}li{margin:0 .5rem;position:relative}.icons{width:28px}#cartCount{display:flex;align-items:center;justify-content:center;background-color:red;width:23px;height:23px;border-radius:100%;position:absolute;z-index:50;top:-10px;right:-5px;color:#f9f9f9}aside{display:block;background-color:#00000078;width:0;position:absolute;z-index:5;top:0;left:0;min-height:100vh;transition:width .5s}.menu{display:flex;flex-direction:column;align-items:center;margin:0}.menu-container{background-color:#f9f9f9;width:75%;height:100%;position:absolute;opacity:0;transition:opacity .25s ease-out}.menu-container a{text-decoration:none;color:#000}.menu-container h2{text-align:center;margin:0;padding-top:2rem}#menu-exit{width:25px;position:absolute;right:28%;top:2%}@media only screen and (min-width: 769px){aside{display:none}}header{padding:0 1rem;border-bottom:1px solid #00000022;box-shadow:0 15px 10px -15px #686868;position:sticky;top:0;z-index:10;background-color:#f9f9f9}h1{font-size:1.4rem}.logo-nav-div{display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:5%;width:60%}.logo a{text-decoration:none;color:#000}.logo img{max-width:24px}.nav-icons{width:40%}.menu-lg{display:none;width:80%;margin:.5rem auto}.menu-lg a{text-decoration:none;color:#000}.menu-lg li{margin:0;padding:0;border-radius:3px}.menu-lg li:hover{background-color:#686868}.menu-lg li p{margin:5px}.menu-lg li:hover p{color:#f9f9f9}@media only screen and (min-width: 769px){h1{font-size:2rem}#menu-icon{display:none}.menu-lg{display:flex;justify-content:space-between;align-items:center}}footer{background-color:#686868;color:#fff;padding:1rem .5rem}footer hr{color:#fff;width:90%;margin:0 auto}.footer-links{display:flex;flex-direction:column;align-items:flex-start;width:85%;margin:0 auto}.footer-links div{display:flex;justify-content:space-between;width:100%;padding-top:1rem}.footer-links h3{margin:.5rem}.footer-links img{max-width:30px;height:100%}.customer-service-list,.store-info-list{display:flex;flex-direction:column;align-items:start;font-size:14px;overflow:hidden;margin-bottom:5%}.customer-service-list li,.store-info-list li{width:100%}.customer-service-list li p,.store-info-list li p{margin:2%}.customer-service-list a,.store-info-list a{text-decoration:none;color:#fff}.updates-div{display:flex;justify-content:space-evenly;width:100%;margin-top:1rem}.email-signup{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem 0}.email-signup,.social-media{width:85%;margin:0 auto}#updates-input{border-radius:5px;border:1pt solid #686868;box-shadow:1px 1px 2px #000 inset;width:70%;height:20px}.social-media{text-align:center}.social-media-icons{display:flex;justify-content:space-evenly;align-items:center}.social-media-icons img{max-width:30px;height:100%}@media only screen and (min-width: 769px){hr{display:none}footer{display:flex;align-items:flex-start;padding:3% 5%}.footer-links{flex-direction:column;align-items:flex-start}.footer-links div{padding-top:0}.footer-links img{display:none}.customer-service-list,.store-info-list{padding-left:5px}.footer-contact{width:100%;display:flex;flex-wrap:wrap}}#root{max-width:1280px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column}body{height:100vh;margin:0;background-color:#f9f9f9}.main-content{display:flex;flex-direction:column;justify-content:center;align-items:center;flex-grow:1;margin-bottom:5%}.img-div{display:grid;grid-template-columns:repeat(5,1fr);width:100%;overflow:hidden}.main-image{overflow:hidden}.main-image img{width:100%;height:125px}#shop-button{margin-top:3rem}@media only screen and (min-width: 481px) and (max-width: 768px){.main-image img{height:100%}}@media only screen and (min-width: 769px){.main-content{height:100vh}.main-image img{height:100%}}.card{max-width:200px;position:relative;padding:.5rem;margin:1rem}.card-image img{width:100%}.card-body{padding:.5rem}.item-name{margin:0}.item-name h3{margin:0;font-size:.9rem}.item-description p{margin:0;font-size:12px}.item-cost p{margin:0;font-weight:700}.card-footer{display:flex;justify-content:space-between;margin-top:.5rem}.item-amount{display:flex;align-items:center;gap:5%}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}#amount-input{text-align:center;width:25%;height:70%}#decrement-btn,#increment-btn{height:75%;width:20px;border:1px solid #f9f9f9;box-shadow:0 0 2px #000;border-radius:2px}#decrement-btn:active,#increment-btn:active{transform:scale(.9);box-shadow:0 0 5px 1px #686868}#add-to-cart-btn{border:none;box-shadow:1px 1px 1px #686868;border-radius:2px;width:50%}#add-to-cart-btn:active{transform:scale(.9)}@media only screen and (min-width: 481px) and (max-width: 768px){.card{max-width:175px}}#cat-list{margin:.8rem auto;width:75%;height:30px;border-radius:3px;position:sticky;z-index:5;top:10%}.card-div{display:flex;justify-content:center;align-items:center;flex-grow:1;flex-wrap:wrap;position:relative}#return-icon{max-width:50px;position:fixed;z-index:20;left:0;top:35%;margin-left:1rem}.message-modal{justify-content:center;align-items:center;width:250px;position:fixed;top:30%;right:45%;z-index:30;border:1px solid #f9f9f9;border-radius:5px;background-color:#f9f9f9fa;box-shadow:0 0 8px 1px #686868}.message-modal p{margin:10%;text-align:center}#clear-category{display:none}@media only screen and (min-width: 481px) and (max-width: 768px){.card-div{padding-left:45px}#return-icon{top:40%}}@media only screen and (min-width: 769px){#cat-list,#return-icon{display:none}#clear-category{display:block;position:fixed;top:3%;left:45%;z-index:30;cursor:pointer}#clear-category:hover{transform:scale(.9)}}.cart-div{display:flex;flex-direction:column;justify-content:flex-start;flex-grow:1;padding:0 1rem;margin-bottom:2rem;position:relative}.cart-div h2{margin:1rem 0 .5rem}.cart-div hr{width:100%}.item-edit-modal{flex-direction:column;justify-content:space-around;width:60%;height:40%;position:absolute;z-index:50;left:20%;top:25%;border-radius:3px;background-color:#f9f9f9;box-shadow:0 0 5px 2px #686868;text-align:center}.edit-buttons{display:flex;justify-content:center;align-items:center;gap:5px}#edit-amount-input{text-align:center;width:15%;height:70%}#edit-decrement-btn,#edit-increment-btn{height:80%;width:20px;border:1px solid #f9f9f9;box-shadow:0 0 2px #000;border-radius:2px}#edit-decrement-btn:active,#edit-increment-btn:active{transform:scale(.9);box-shadow:0 0 5px 1px #686868}.update-buttons{display:flex;justify-content:space-around}.empty-cart{text-align:center}.cart-item{display:flex;flex-direction:column;justify-content:space-between;position:relative}.cart-item-header{display:flex;justify-content:space-between}.item-header-left{display:flex;flex-direction:column;align-items:center}.cart-img{max-width:75px}.trash-btn{max-width:20px;margin-top:10px;z-index:5px}.cart-item-description{width:50%;font-size:14px;margin-left:1rem}.cart-item-description h3{font-size:16px;margin:0}.cart-item-total{display:flex;justify-content:space-between}.cart-item-total div{text-align:end}.cart-item-total p,.cart-item-total div p{margin-top:0}.cart-item-total div p:last-child{font-weight:700}.cart-total{display:flex;justify-content:space-between;font-weight:700}.cart-options{display:flex;justify-content:space-around;padding:1rem 0}.cart-options button:active{transform:scale(.9)}@media only screen and (min-width: 481px) and (max-width: 768px){.cart-item,.cart-total{padding:0 1rem}}@media only screen and (min-width: 769px){h2{text-align:center}.cart-item{padding:1rem;width:70%;margin:1rem auto;border-radius:3px;box-shadow:0 0 5px #686868}.cart-total{justify-content:flex-end;gap:5%;width:80%}.item-edit-modal{width:300px;max-height:150px;margin:auto;left:35%}.cart-options{justify-content:center;gap:25%;width:40%;margin:2rem auto}}.error-page{display:flex;flex-direction:column;align-items:center;justify-content:center;background-image:url(/assets/empty-mall-stock-med-959d7c7b.webp);background-position:center;background-size:cover;background-repeat:no-repeat;min-height:100vh;position:relative}.error-message{text-align:center;background-color:#f9f9f9c9;border:1px solid #f9f9f9;padding:1rem;width:80%;border-radius:3px}.error-message a{color:#000;text-decoration:none}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#000}