*{padding:0;margin:0;box-sizing:border-box}body{font-family:Arial,Helvetica,sans-serif;background:#f4f4f4}img{width:100%;object-fit:contain}.navbar{width:100%;background-color:#171717;display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1rem;z-index:50}a{text-decoration:none}.navbar__logo h2{color:#f4f4f4;font-size:1.4rem;cursor:pointer}.navbar__links{display:flex;list-style:none;align-items:center}.navbar__links>li{padding-left:1.5rem}.navbar__links>li>a{text-decoration:none;color:#f4f4f4;font-size:1.2rem;display:flex;align-items:center}.navbar__links>li>a>span{display:flex;align-items:center;margin-left:8px}.cart__link{background:#333;padding:10px;border-radius:8px}.cart__link:hover{background:#dd219e;color:#f4f4f4}.cartlogo__badge{background-color:#f4f4f4;border-radius:50%;margin-left:8px;color:#171717;display:flex;justify-content:center;font-size:1rem}.cartlogo__badge,.hamburger__menu{width:30px;height:30px;align-items:center}.hamburger__menu{display:none;flex-direction:column;justify-content:space-between;cursor:pointer}.hamburger__menu:hover>div{background:#dd219e}.hamburger__menu>div{width:100%;height:3px;background:#f4f4f4}@media (max-width:960px){.navbar__links{display:none}.hamburger__menu{display:flex}}@media (max-width:500px){.navbar__logo h2{font-size:1rem}}.sidedrawer{width:70%;background:#fff;height:100vh;position:fixed;top:0;left:0;z-index:200;-webkit-transform:translateX(-100%);transform:translateX(-100%);transition:all .3s ease-out;display:flex;flex-direction:column;justify-content:center}.sidedrawer.show{-webkit-transform:translateX(0);transform:translateX(0)}.sidedrawer__links{display:flex;flex-direction:column;list-style:none}.sidedrawer__links>li{display:flex;align-items:center}.sidedrawer__links>li>a:hover{background:#333;color:#f4f4f4}.sidedrawer__links>li>a{display:flex;align-items:center;justify-content:center;text-align:center;flex:1 1;padding:1rem;text-decoration:none;color:#171717;font-size:1.6rem}.sidedrawer__cartbadge,.sidedrawer__links>li>a>span{display:flex;align-items:center;margin-left:8px}.sidedrawer__cartbadge{justify-content:center;width:30px;height:30px;background-color:#171717;border-radius:50%;color:#fff;font-size:1rem}.sidedrawer__links>li>a:hover .sidedrawer__cartbadge{background-color:#fff;color:#171717}@media (min-width:960px){.sidedrawer{display:none}}.backdrop{width:100%;height:100vh;background:rgba(0,0,0,.5);z-index:100;position:fixed;top:0;left:0}.homescreen{max-width:1300px;margin:1rem auto}.homescreen__title{font-size:1.5rem;color:#171717;margin-bottom:1rem;margin-left:8px}.homescreen__products{display:grid;grid-template-columns:repeat(4,1fr)}@media (max-width:1232px){.homescreen__products{grid-template-columns:repeat(3,auto)}}@media (max-width:950px){.homescreen__products{grid-template-columns:repeat(2,auto)}}@media (max-width:630px){.homescreen__products{grid-template-columns:1fr}}.product{width:300px;padding:1rem;background:#fff;cursor:pointer;box-shadow:0 1px 4px rgba(0,0,0,.4);margin:8px auto;display:flex;justify-content:space-between;flex-direction:column}.product>img{width:100%;height:170px;object-fit:contain;border-radius:8px}.product__info>p{margin-bottom:8px}.info__price{font-weight:700}.info__name{font-size:1rem;overflow:hidden}.info__description{font-size:.8rem}.info__button{display:block;text-decoration:none;text-align:center;color:#171717;width:100%;padding:8px 16px;background-color:#f4f4f4;border:1px solid #171717;font-size:1rem}.info__button:hover{background:#171717;color:#f4f4f4}@media (max-width:1232px){.product{width:360px}}@media (max-width:1115px){.product{width:330px}}@media (max-width:1028px){.product{width:300px}}@media (max-width:950px){.product{width:400px}}@media (max-width:830px){.product{width:330px}}@media (max-width:700px){.product{width:290px}}@media (max-width:630px){.product{width:450px}}@media (max-width:500px){.product{width:350px}}@media (max-width:400px){.product{width:300px}}.productscreen{max-width:1300px;margin:1rem auto;display:flex}.productscreen__left{display:flex;flex:0.8 1}.left__image{margin:1rem;flex:0.6 1}.left__info{margin:1rem;flex:0.4 1;background:#fff;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;font-size:.9rem}.left__name{font-weight:700;font-size:1.3rem}.left__info>p,.right__info>p{padding:1rem;border-bottom:1px solid rgba(0,0,0,.2)}.left__info>p:last-child,.right__info>p:last-child{border:none}.productscreen__right{flex:0.2 1}.right__info{width:250px;margin:1rem;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.4)}.right__info p{padding:1rem;font-size:.8rem;display:grid;grid-template-columns:repeat(2,1fr)}.right__info p>button{grid-column:1/-1;width:100%;padding:10px 16px;background:#171717;color:#f4f4f4;border:1px solid #171717;cursor:pointer;border-radius:5px}.right__info select{padding:10px 16px}@media (max-width:960px){.productscreen{flex-direction:column}.productscreen__left{flex-direction:column;flex:1 1}.left__image,.left__info{flex:1 1}.productscreen__right{flex:1 1;padding:1rem}.right__info{width:100%;margin:0}}.cartscreen{display:flex;max-width:1300px;margin:2rem auto}.cartscreen h2{margin-bottom:1rem}.cartscreen__left{flex:0.7 1;margin-right:1rem;background:transparent;padding:1rem}.cartscreen__right{flex:0.3 1;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.4);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.cartscreen__right div{border-bottom:1px solid rgba(0,0,0,.2);padding:1rem}.cartscreen__info p{padding:8px}.cartscreen__info p:first-child{font-weight:700}.cartscreen__right div:last-child{border:none}.cartscreen__right div button{padding:10px 17px;width:100%;background:#171717;color:#f4f4f4;border:1px solid #171717;cursor:pointer}.cartscreen__right div button:hover{opacity:.9}@media (max-width:1320px){.cartscreen{max-width:900px}}@media (max-width:960px){.cartscreen{max-width:800px;flex-direction:column}}@media (max-width:960px){.cartscreen__right{margin:1rem}}.cartitem{width:100%;padding:1rem;display:grid;grid-template-columns:1fr 4fr 1fr 1fr 1fr;grid-gap:8px;gap:8px;background:#fff;border-radius:2px;place-items:center;margin-bottom:8px}.cartItem__name{text-decoration:none;color:#171717}.cartItem__name:hover{color:#dd219e}.cartItem__select{padding:10px 17px}.cartItem__deleteBtn{padding:10px 17px;color:red;background:#f4f4f4;border:1px solid #171717;cursor:pointer;transition:all .3s ease-out}.carItem__deleteBtn:active,.carItem__deleteBtn:focus,.cartItem__deleteBtn:hover{background:#171717;-webkit-transform:scale(1.2);transform:scale(1.2)}@media (max-width:700px){.cartItem__name{font-size:.8rem}.cartItem__deleteBtn,.cartItem__select{padding:8px 13px}.cartitem__price{font-size:.8rem}}@media (max-width:700px){.cartItem__name{font-size:.6rem}.cartItem__deleteBtn,.cartItem__select{padding:5px 8px}.cartitem__price{font-size:.6rem}}
/*# sourceMappingURL=main.e4c16495.chunk.css.map */