*{box-sizing:border-box;margin:0;padding:0}body{background:#f4f4f4;font-family:Arial,Helvetica,sans-serif}img{object-fit:contain;width:100%}.navbar{align-items:center;background-color:#171717;display:flex;height:98px;justify-content:space-between;padding:1.5rem 1rem;width:100%;z-index:50}.navbar .navbar-logo a{text-decoration:none}.navbar .navbar-logo a h2{color:#f4f4f4;cursor:pointer;font-size:1.5rem}.navbar .navbar-links{align-items:center;display:flex;list-style-type:none}.navbar .navbar-links>li{padding-left:1.5rem}.navbar .navbar-links>li .cart-link{background:#333;border-radius:8px;padding:10px}.navbar .navbar-links>li .cart-link:hover{background-color:#dd219e;color:#f4f4f4}.navbar .navbar-links>li>a{align-items:center;color:#f4f4f4;display:flex;font-size:1.25rem;text-decoration:none}.navbar .navbar-links>li>a>span{align-items:center;display:flex;margin-left:8px}.navbar .navbar-links>li>a>span .cartlogo-badge{align-items:center;background:#f4f4f4;border-radius:50%;color:#171717;display:flex;font-size:1rem;height:30px;justify-content:center;margin-left:8px;text-align:center;width:30px}.navbar .hamburger-menu{align-items:center;cursor:pointer;display:none;flex-direction:column;height:30px;justify-content:space-between;width:30px}.navbar .hamburger-menu:hover>div{background-color:#dd219e}.navbar .hamburger-menu>div{background-color:#f4f4f4;height:3px;width:100%}@media screen and (max-width:960px){.navbar .navbar-links{display:none}.navbar .hamburger-menu{display:flex}}@media screen and (max-width:500px){.navbar .navbar-logo h2{font-size:1rem}}.sidedrawer{background:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center;left:0;position:fixed;top:0;-webkit-transform:translateX(-100%);transform:translateX(-100%);transition:all .3s ease-out;width:70%;z-index:200}.sidedrawer .sidedrawer-links{display:flex;flex-direction:column;list-style-type:none}.sidedrawer .sidedrawer-links li{align-items:center;display:flex}.sidedrawer .sidedrawer-links li a{align-items:center;color:#171717;display:flex;flex:1 1;font-size:1.5rem;justify-content:center;padding:1rem;text-align:center;text-decoration:none}.sidedrawer .sidedrawer-links li a:hover{background:#171717;color:#f4f4f4}.sidedrawer .sidedrawer-links li a:hover .sidedrawer-cartbadge{background:#f4f4f4;color:#171717}.sidedrawer .sidedrawer-links li a span{align-items:center;display:flex;margin-left:8px}.sidedrawer .sidedrawer-links li a span .sidedrawer-cartbadge{align-items:center;background:#171717;border-radius:50%;color:#f4f4f4;display:flex;font-size:1rem;height:30px;justify-content:center;margin-left:8px;text-align:center;width:30px}.sidedrawer.show{-webkit-transform:translateX(0);transform:translateX(0)}@media screen and (min-width:960px){.sidedrawer{display:none}}.backdrop{background-color:rgba(0,0,0,.5);height:100vh;left:0;position:fixed;top:0;width:100%;z-index:100}.homescreen{margin:1rem auto;max-width:1300px}.homescreen .homescreen-title{color:#171717;font-size:1.5rem;margin-bottom:1rem;margin-left:8px}.homescreen .homescreen-products{display:grid;grid-template-columns:repeat(4,1fr)}@media screen and (max-width:1232px){.homescreen .homescreen-products{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:960px){.homescreen .homescreen-products{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:630px){.homescreen .homescreen-products{grid-template-columns:repeat(1,1fr)}}.productscreen{display:flex;margin:1rem auto;max-width:1300px}.productscreen .productscreen-left{display:flex;flex:0.8 1}.productscreen .productscreen-left .left-image{flex:0.6 1;margin:1rem}.productscreen .productscreen-left .left-info{background:#fff;flex:0.4 1;font-size:.9rem;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:1rem}.productscreen .productscreen-left .left-info .left-name{font-size:1.3rem;font-weight:700}.productscreen .productscreen-left .left-info p{border-bottom:1px solid rgba(0,0,0,.2);padding:1rem}.productscreen .productscreen-left .left-info p:last-child{border:none}.productscreen .productscreen-right{flex:0.2 1}.productscreen .productscreen-right .right-info{background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.4);margin:1rem;width:250px}.productscreen .productscreen-right .right-info p{border-bottom:1px solid rgba(0,0,0,.2);display:grid;font-size:.8rem;grid-template-columns:repeat(2,1fr);padding:1rem}.productscreen .productscreen-right .right-info p button{background:#171717;border:1px solid #171717;color:#f4f4f4;cursor:pointer;grid-column:1/-1;padding:10px 16px}.productscreen .productscreen-right .right-info p:last-child{border:none}@media screen and (max-width:960px){.productscreen{flex-direction:column}.productscreen .productscreen-left{flex:1 1;flex-direction:column}.productscreen .productscreen-left .left-image,.productscreen .productscreen-left .left-info{flex:1 1}.productscreen .productscreen-right{flex:1 1;padding:1rem}.productscreen .productscreen-right .right-info{margin:0;width:100%}}.cartscreen{display:flex;margin:2rem auto;max-width:1300px}.cartscreen .cartscreen-left{background-color:initial;flex:0.7 1;margin-right:1rem;padding:1rem}.cartscreen .cartscreen-left h2{margin-bottom:1rem}.cartscreen .cartscreen-right{background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.4);flex:0.3 1;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.cartscreen .cartscreen-right div{border-bottom:1px solid rgba(0,0,0,.2);padding:1rem}.cartscreen .cartscreen-right div button{background:#171717;border:1px solid #171717;color:#f4f4f4;cursor:pointer;padding:10px 17px;width:100%}.cartscreen .cartscreen-right div button:hover{opacity:.9}.cartscreen .cartscreen-right div:last-child{border:none}.cartscreen .cartscreen-right .cartscreen-info p{padding:8px}@media screen and (max-width:1320px){.cartscreen{max-width:900px}}@media screen and (max-width:960px){.cartscreen{flex-direction:column;max-width:800px}.cartscreen .cartscreen-left{margin:0}.cartscreen .cartscreen-right{margin:1rem}}.product{background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.4);display:flex;flex-direction:column;justify-content:space-between;margin:8px auto;padding:1rem;width:300px}.product img{border-radius:10px;height:170px}.product .product-info>p{margin-bottom:8px}.product .info-price{font-weight:bolder}.product .info-name{font-size:1rem;overflow:hidden}.product .info-description{font-size:.8rem}.product .info-button{background:#f4f4f4;border:1px solid #171717;color:#171717;display:block;font-size:1rem;padding:8px 16px;text-align:center;text-decoration:none;width:100%}.product .info-button:hover{background:#171717;color:#f4f4f4}@media screen and (max-width:1232px){.product{width:360px}}@media screen and (max-width:1115px){.product{width:330px}}@media screen and (max-width:1028px){.product{width:300px}}@media screen and (max-width:960px){.product{width:400px}}@media screen and (max-width:830px){.product{width:350px}}@media screen and (max-width:700px){.product{width:290px}}@media screen and (max-width:630px){.product{width:450px}}@media screen and (max-width:500px){.product{width:350px;width:300px}}.cartitem{grid-gap:8px;background:#fff;border-radius:2px;display:grid;gap:8px;grid-template-columns:1fr 4fr 1fr 1fr 1fr;margin-bottom:8px;padding:1rem;place-items:center;width:100%}.cartitem .cartitem_name{color:#171717;text-decoration:none}.cartitem .cartitem_name:hover{color:#dd219e}.cartitem .cartitem-quantity{align-items:center;border:.5px solid hsla(0,0%,69%,.9);border-radius:5px;display:flex;justify-content:space-between;width:100px}.cartitem .cartitem-quantity button{background:none;border:none;color:#171717;cursor:pointer;outline:none;padding:.5rem .75rem}.cartitem .cartitem-delete{background:#f4f4f4;border:1px solid #171717;color:red;cursor:pointer;padding:10px 17px;transition:all .3s ease-out}.cartitem .cartitem-delete:active,.cartitem .cartitem-delete:focus,.cartitem .cartitem-delete:hover{background:#171717;-webkit-transform:scale(1.2);transform:scale(1.2)}@media screen and (max-width:700px){.cartitem .cartitem_name{font-size:.8rem}.cartitem .cartitem-delete{padding:8px 13px}.cartitem .cartitem-price{font-size:.8rem}.cartitem .cartitem-quantity{width:80px}}@media screen and (max-width:500px){.cartitem .cartitem_name{font-size:.6rem}.cartitem .cartitem-delete{padding:5px 8px}.cartitem .cartitem-price{font-size:.6rem}.cartitem .cartitem-quantity{width:70px}}
/*# sourceMappingURL=main.fef93b75.css.map*/