*{box-sizing:border-box;margin:0;padding:0;font-family:"Open Sans", sans-serif;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body{background:linear-gradient(237.38deg, #fff 0%, #f4f5f7 100%);width:100%;height:100vh;overflow-y:scroll;overflow-x:hidden}body h1{color:#32325d;font-size:26px;line-height:35px;font-weight:600}body h2{color:#5e72e4;font-size:24px;line-height:28px;font-weight:normal}body h3{color:#212529;font-size:18px;line-height:25px;font-weight:600}body h4{color:#212529;font-size:14px;line-height:19px;font-weight:600}body h5{color:#5e72e4;font-style:normal;letter-spacing:1px;font-size:14px;line-height:19px;font-weight:600}body h6{color:#525f7f;font-size:16px;line-height:22px;font-weight:bold}body p{color:#525f7f;font-size:16px;line-height:22px}.app__container{width:90%;max-width:1200px;padding-left:250px;margin-right:auto;margin-left:auto}.app__loading{display:flex;align-items:center;justify-content:center;height:100%}.spacer-10{height:10px}.spacer-20{height:20px}.spacer-25{height:25px}.spacer-50{height:50px}.spacer-100{height:100px}.spacer-130{height:130px}.divider{margin-top:15px;margin-bottom:15px;height:1px;background:#e9ecef;width:100%}.mr-25{margin-right:25px}.w-5{min-width:5px;max-width:5px;width:5px}.w-10{min-width:10px;max-width:10px;width:10px}.w-15{min-width:15px;max-width:15px;width:15px}@media screen and (max-width: 768px){.app__container{padding-left:0}}

#nprogress{pointer-events:none}#nprogress .bar{background:#29d;position:fixed;z-index:1031;top:0;left:0;width:100%;height:2px}#nprogress .peg{display:block;position:absolute;right:0px;width:100px;height:100%;box-shadow:0 0 10px #29d, 0 0 5px #29d;opacity:1;-webkit-transform:rotate(3deg) translate(0px, -4px);-ms-transform:rotate(3deg) translate(0px, -4px);transform:rotate(3deg) translate(0px, -4px)}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .spinner,.nprogress-custom-parent #nprogress .bar{position:absolute}@-webkit-keyframes nprogress-spinner{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes nprogress-spinner{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}

.location{position:fixed;top:0;right:0;bottom:0;left:0;margin:auto;width:100%;height:100%;z-index:3000;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.5)}.location__searchbar{height:50px;display:flex;flex:2;width:100%;align-items:center;background:#ffffff;box-shadow:0px 0px 5px rgba(50,50,93,0.1),0px 0px 5px rgba(0,0,0,0.07);border-radius:4px;padding-right:10px;padding-left:10px}.location__searchbar input{margin-left:5px;border:none;font-size:16px;line-height:21px;width:100%}.location__searchbar input::placeholder{color:#adb5bd}.location__searchbar input:focus{outline:none}.location__button{margin-top:20px;background:#5e72e4;box-shadow:0px 4px 6px rgba(50,50,93,0.11),0px 1px 3px rgba(0,0,0,0.08);border-radius:4px;padding:0 20px;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.location__button:hover{background:#4958ad;cursor:pointer}.location__button:active{background:#5e72e4;cursor:pointer}.location__button p{font-size:14px;color:white;line-height:19px;letter-spacing:1.5px;text-align:center}.location__card{width:40%;padding:50px;background:#f4f5f7;box-shadow:0px 0px 5px rgba(50,50,93,0.1),0px 0px 5px rgba(0,0,0,0.07);border-radius:4px;display:flex;flex-direction:column;align-items:center}.location__card h1{max-width:80%;font-size:28px;line-height:35px;text-align:center}.location__card p{margin-top:10px;max-width:60%;text-align:center}.location__card .location__search{width:100%}.location__card .location__search input{width:100%}.location__btn{padding:10px 20px}.location__btn p{margin:0;max-width:100%}.location__select{margin-top:20px;width:100%}@media screen and (max-width: 1024px){.location__card{width:80%}}@media screen and (max-width: 768px){.location__card{padding-right:20px;padding-left:20px;padding-top:30px;padding-bottom:30px;width:90%}.location__card h1{max-width:100%;font-size:24px}.location__card p{max-width:100%;font-size:16px}.location__btn p{font-size:12px}}

.activate{display:flex;align-items:center;justify-content:center}.activate img{width:200px;height:200px;margin:40px}.activate__content{display:flex;align-items:center;justify-content:center;flex-direction:column}.activate__content__icon{font-size:150px}.activate__content__button{margin-top:30px;border-radius:4px;border:1px solid #a4a4a4;padding:10px 20px;width:50%;display:flex;align-items:center;justify-content:center}.activate__content__button:hover{cursor:pointer}

.cart h1{font-size:35px;line-height:48px;font-weight:600}.cart__grid{display:grid;grid-template-columns:2fr 1fr;grid-column-gap:20px}.cart__grid h2{color:#212529}.cart__title{display:flex;justify-content:space-between}.cart__title span{font-size:14px;line-height:20px;color:#5e72e4}.cart__title span:hover{cursor:pointer}@media screen and (max-width: 768px){.cart__grid{grid-template-columns:1fr}}

.cartitem{background:#ffffff;box-shadow:0px 0px 5px rgba(50,50,93,0.1),0px 0px 5px rgba(0,0,0,0.07);border-radius:4px;padding:10px;margin-top:20px;display:flex;justify-content:space-between;position:relative;transition:opacity 0.3s ease-in-out}.cartitem img{width:78px;height:78px;object-fit:cover}.cartitem__left{display:flex}.cartitem__right{display:flex;flex-direction:column;justify-content:space-evenly}.cartitem__right p{text-align:right;color:#525f7f;font-size:18px;line-height:22px}.cartitem__right h3{text-align:right;font-weight:normal;color:#212529;font-size:14px;line-height:21px}.cartitem__name{margin-left:15px;display:flex;flex-direction:column;justify-content:space-evenly}.cartitem__name h3{font-weight:600;font-size:16px;line-height:22px;color:#525f7f}.cartitem__name p{font-size:16px;line-height:22px;color:#525f7f}.cartitem__remove{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:24px;height:24px;padding:3px;position:absolute;top:-10px;right:-10px;background:#f5365c;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:height 0.1s, width 0.1s;box-shadow:0px 0px 5px rgba(50,50,93,0.1),0px 0px 5px rgba(0,0,0,0.07)}.cartitem__remove p{font-size:12px;text-align:center;color:white}.cartitem__remove:hover{box-shadow:0px 4px 6px rgba(50,50,93,0.11),0px 1px 3px rgba(0,0,0,0.08);cursor:pointer;width:26px;height:26px}.cartitem__remove:active{width:24px;height:24px}.cartitem.removed{opacity:0}

.productcard{padding:15px;background:#ffffff;box-shadow:0px 0px 5px rgba(50,50,93,0.1),0px 0px 5px rgba(0,0,0,0.07);border-radius:4px;display:flex;flex-direction:column;overflow:hidden}.productcard__imagePlaceholder{background:#ebebec;background-image:linear-gradient(to right, #ebebec 0%, #e0e0e2 20%, #ebebec 40%, #ebebec 100%);height:300px;width:100%;background-repeat:no-repeat;animation:placeHolderSwept 1s infinite linear forwards}.productcard img{height:300px;width:100%;object-fit:cover}.productcard h2{margin-top:10px;margin-bottom:10px}.productcard p{margin-top:10px;margin-bottom:10px}.productcard__view{display:flex;align-items:center;justify-content:space-between}.productcard__button{background:#5e72e4;box-shadow:0px 4px 6px rgba(50,50,93,0.11),0px 1px 3px rgba(0,0,0,0.08);border-radius:4px;padding:0 20px}.productcard__button:hover{background:#4958ad;cursor:pointer}.productcard__button:active{background:#5e72e4;cursor:pointer}.productcard__button p{font-size:14px;color:white;line-height:19px;letter-spacing:1.5px;text-align:center}.productcard__details{margin-top:10px;display:grid;grid-template-columns:1fr 1fr;grid-column-gap:30px;align-items:center;justify-content:space-between}.productcard__quantity{display:flex;align-items:center;justify-content:space-between}@keyframes placeHolderSwept{0%{background-position:-400px 0}100%{background-position:400px 0}}.disabled{background:gray;pointer-events:none}

.categories{display:flex;overflow:auto;overflow-y:hidden}.categories__filters{display:grid;grid-template-columns:1fr 1fr 1fr;grid-column-gap:20px}.categories__searchbar{height:50px;display:flex;flex:2;width:100%;align-items:center;background:#ffffff;box-shadow:0px 0px 5px rgba(50,50,93,0.1),0px 0px 5px rgba(0,0,0,0.07);border-radius:4px;padding-right:10px;padding-left:10px}.categories__searchbar input{margin-left:5px;border:none;font-size:16px;line-height:21px;width:100%}.categories__searchbar input::placeholder{color:#adb5bd}.categories__searchbar input:focus{outline:none}.category{white-space:nowrap;width:auto;margin:20px 10px;padding-right:25px;padding-left:25px;padding-top:15px;padding-bottom:15px;background:#ffffff;box-shadow:0px 0px 5px rgba(50,50,93,0.1),0px 0px 5px rgba(0,0,0,0.07);border-radius:4px;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:transform 0.2s ease-in-out}.category:hover{background:whitesmoke;position:relative;transform:scale(1.1) !important;cursor:pointer}.category:active{background:white}.category h5{text-align:center}@media screen and (max-width: 1024px){#blank-grid{display:none}.categories{grid-template-columns:1fr 1fr 1fr 1fr}.categories__filters{grid-template-columns:1fr 1fr;grid-row-gap:10px;grid-column-gap:20px}}@media screen and (max-width: 768px){.categories{grid-template-columns:1fr 1fr}.categories__filters{grid-template-columns:1fr;grid-row-gap:10px;grid-column-gap:0px}}

.productList{display:grid;grid-template-columns:1fr 1fr 1fr;grid-column-gap:20px;grid-row-gap:20px}@media screen and (max-width: 1024px){.productList{grid-template-columns:1fr 1fr}}@media screen and (max-width: 768px){.productList{grid-template-columns:1fr;grid-column-gap:0px}}

.login{display:flex;flex-direction:column;align-items:center;--formWidth: 400px}.login p{font-size:13px;line-height:18px;color:#8898aa}.login__other{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:25px;min-width:var(--formWidth)}.login__social{display:flex;align-items:center;justify-content:center;background:#ffffff;box-shadow:0px 4px 6px rgba(50,50,93,0.11),0px 1px 3px rgba(0,0,0,0.08);border-radius:4px;padding:10px 20px;cursor:pointer}.login__social:hover{background:whitesmoke}.login__social:active{box-shadow:0px 0px 6px rgba(50,50,93,0.11),0px 1px 3px rgba(0,0,0,0.08)}.login__social h5{margin-left:10px;font-size:14px;line-height:19px;text-align:center;letter-spacing:0.3px}.login__input{min-width:var(--formWidth);background:white}.login__remember{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:25px;align-items:center;min-width:var(--formWidth)}.login__remember div{display:flex;align-items:center}.login__remember p{margin-right:10px;text-align:end;color:#5e72e4}.login__remember p:hover{cursor:pointer}.login__button{display:flex;align-items:center;min-width:100px;justify-content:center;background:#5e72e4;box-shadow:0px 4px 6px rgba(50,50,93,0.11),0px 1px 3px rgba(0,0,0,0.08);border-radius:4px;padding:10px 20px}.login__button:hover{background:#4958ad;cursor:pointer}.login__button:active{background:#5e72e4;cursor:pointer}.login__button p{font-size:14px;color:white;line-height:19px;letter-spacing:1.5px;text-align:center}@media screen and (max-width: 768px){.login{--formWidth: 95%}}

.register{display:flex;flex-direction:column;align-items:center;--formWidth: 400px}.register p{font-size:13px;line-height:18px;color:#8898aa}.register__other{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:25px;min-width:var(--formWidth)}.register__social{display:flex;align-items:center;justify-content:center;background:#ffffff;box-shadow:0px 4px 6px rgba(50,50,93,0.11),0px 1px 3px rgba(0,0,0,0.08);border-radius:4px;padding:10px 20px;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.register__social:hover{background:whitesmoke}.register__social:active{box-shadow:0px 0px 6px rgba(50,50,93,0.11),0px 1px 3px rgba(0,0,0,0.08)}.register__social h5{margin-left:10px;font-size:14px;line-height:19px;text-align:center;letter-spacing:0.3px}.register__input{min-width:var(--formWidth);background:white}.register__w300{width:var(--formWidth)}.register__remember{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:25px;align-items:center;min-width:var(--formWidth)}.register__remember div{display:flex;align-items:center}.register__remember p{margin-right:10px;text-align:end;color:#5e72e4}.register__remember p:hover{cursor:pointer}.register__button{background:#5e72e4;box-shadow:0px 4px 6px rgba(50,50,93,0.11),0px 1px 3px rgba(0,0,0,0.08);border-radius:4px;padding:10px 20px;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.register__button:hover{background:#4958ad;cursor:pointer}.register__button:active{background:#5e72e4;cursor:pointer}.register__button p{font-size:14px;color:white;line-height:19px;letter-spacing:1.5px;text-align:center}.register__name{width:var(--formWidth);display:grid;grid-template-columns:1fr 1fr;grid-column-gap:20px}@media screen and (max-width: 768px){.register{--formWidth: 95%}}

.sidebarDesktop{position:fixed;left:0;height:100vh;background:white;padding:0 10px;z-index:300;overflow-y:auto;width:250px;box-shadow:1px 0px 5px rgba(50,50,93,0.1)}.sidebarDesktop__category{border-radius:10px;padding:0 10px;transition:padding 0.2s ease-in-out}.sidebarDesktop__category:hover{cursor:pointer;background:whitesmoke;padding-left:15px}.sidebarDesktop__category:active{background:white}.sidebarDesktop__category h5{color:#212529;font-size:14px;line-height:19px;padding:15px 0}

.sidebarMobile{position:fixed;left:0;height:100vh;background:white;padding:0 10px;z-index:300;overflow-y:auto;width:250px;box-shadow:1px 0px 5px rgba(50,50,93,0.1);margin-left:-250px;transition:margin 0.3s ease-in-out}.sidebarMobile img{height:50px;width:50px;border-radius:50%;margin-right:10px;object-fit:cover}.sidebarMobile img:hover{transform:scale(1.05);cursor:pointer}.sidebarMobile img:active{transform:scale(1)}.sidebarMobile__profile{display:flex;align-items:center}.sidebarMobile__profile p{font-size:14px;font-weight:bold;max-width:50%}.sidebarMobile.show{margin-left:0px}

.navbar{z-index:500;position:sticky;top:0;transition:box-shadow 0.2s ease-in-out, background-color 0.3s ease-in-out;box-shadow:0px 0px 5px rgba(50,50,93,0.1),0px 0px 5px rgba(0,0,0,0.07);background-color:white;z-index:500;padding:0 20px}.navbar__items{align-items:center;display:flex;justify-content:space-around;padding-top:10px;padding-bottom:10px;transition:height 0.2s ease-in-out}.navbar #logo-name{font-size:22px;transition:font-size 0.3s}.navbar img{height:50px;width:50px;border-radius:50%;object-fit:cover}.navbar img:hover{transform:scale(1.05);cursor:pointer}.navbar img:active{transform:scale(1)}.navbar__logo{flex:2;display:flex;align-items:center;vertical-align:middle}.navbar__logo div{height:50px;display:flex;align-items:center;vertical-align:middle}.navbar__logo h3{line-height:100%;text-align:center;margin-left:16px}.navbar__logo span{line-height:100%;margin-left:5px;font-size:16px;font-weight:normal}.navbar__searchbar{height:50px;display:flex;flex:2;width:100%;align-items:center;background:#ffffff;box-shadow:0px 0px 5px rgba(50,50,93,0.1),0px 0px 5px rgba(0,0,0,0.07);border-radius:4px;padding-right:10px;padding-left:10px}.navbar__searchbar input{margin-left:5px;border:none;font-size:16px;line-height:21px;width:100%}.navbar__searchbar input::placeholder{color:#adb5bd}.navbar__searchbar input:focus{outline:none}.navbar__profile{display:flex;justify-content:flex-end;align-items:center;flex:2}.navbar__profile img{margin-left:16px}.navbar__btn{font-size:14px;line-height:19px;margin:0 10px;text-align:center;font-style:normal;font-weight:600}.navbar__btn:hover{cursor:pointer}.navbar__location{max-width:250px;overflow:hidden;height:50px;align-items:center;display:flex;background:#ffffff;box-shadow:0px 0px 5px rgba(50,50,93,0.1),0px 0px 5px rgba(0,0,0,0.07);border-radius:4px;padding-right:10px;padding-left:10px;cursor:pointer}.navbar__location:hover{background:whitesmoke}.navbar__location:active{background:white}.navbar__location h4{margin-right:5px;white-space:nowrap;font-size:14px}.navbar__location p{overflow:hidden;white-space:nowrap;font-size:14px}.navbar__cart{height:50px;align-items:center;display:flex;background:#ffffff;box-shadow:0px 0px 5px rgba(50,50,93,0.1),0px 0px 5px rgba(0,0,0,0.07);border-radius:4px;padding-right:10px;padding-left:10px;cursor:pointer}.navbar__cart:hover{background:whitesmoke}.navbar__cart:active{background:white}.navbar__cart h4{margin-left:15px}.navbar__cartCount{margin-left:15px;display:flex;background:#f5365c;border-radius:10px;box-sizing:border-box;padding:5px 10px;color:white}.btn__active{color:#5e72e4;border-bottom:1px solid #5e72e4}.navbar.onScroll{box-shadow:0px 0px 5px rgba(50,50,93,0.1),0px 0px 5px rgba(0,0,0,0.07);background-color:white;z-index:500}@media screen and (max-width: 1024px){.navbar__logo div{flex-direction:column;justify-content:center;align-items:flex-start}.navbar__logo div h3{text-align:left}.navbar__logo div span{text-align:left;margin-left:16px}.navbar__location{max-width:150px}}

.navbarMobile{z-index:500;position:sticky;top:0;transition:box-shadow 0.2s ease-in-out, background-color 0.3s ease-in-out;box-shadow:0px 0px 5px rgba(50,50,93,0.1),0px 0px 5px rgba(0,0,0,0.07);background-color:white;z-index:500;padding:0 20px}.navbarMobile__items{align-items:center;display:flex;justify-content:space-between;padding-top:10px;padding-bottom:10px;transition:height 0.2s ease-in-out}.navbarMobile__logo{flex:1;display:flex;align-items:center;justify-content:center}.navbarMobile__logo img{height:50px;width:50px;border-radius:50%;user-select:none;object-fit:cover}.navbarMobile__logo img:hover{transform:scale(1.05);cursor:pointer}.navbarMobile__logo img:active{transform:scale(1)}.navbarMobile__cart{flex:1;display:flex;align-items:center;justify-content:flex-end}.navbarMobile__line{width:30px;height:3px;background:#212529;margin:5px;transition:transform 0.2s ease-in-out}.navbarMobile__line:hover{cursor:pointer}.navbarMobile__hamburger{flex:1;display:flex;align-items:flex-start}.navbarMobile__hamburger.open .navbarMobile__line:nth-child(1){transform:rotate(45deg) translateY(5px)}.navbarMobile__hamburger.open .navbarMobile__line:nth-child(2){display:none}.navbarMobile__hamburger.open .navbarMobile__line:nth-child(3){transform:rotate(-45deg) translateY(-5px) translateX(1px)}.cart-container{display:flex}.cart-container:hover{cursor:pointer}.cart-container div{margin-left:5px;background:#f5365c;border-radius:10px;box-sizing:border-box;display:flex;align-items:center;padding:5px 10px;color:white}

.adminLocations{display:flex;flex-direction:column}.adminLocations__fab{position:fixed;bottom:20px;right:20px}.adminLocations__card{display:flex;background:#ffffff;border:1px solid #d6dae2;box-sizing:border-box;border-radius:4px;padding:15px 20px;flex:1;align-items:center;justify-content:space-between;margin:5px}.adminLocations__card h3{color:#212529;font-weight:normal;font-size:16px;line-height:22px;flex:1}.adminLocations__card p{font-style:normal;font-weight:normal;font-size:14px;line-height:20px;color:#525f7f}

.adminCategories{display:flex;flex-direction:column}.adminCategories__fab{position:fixed;bottom:20px;right:20px}.adminCategories__title{display:flex;align-items:center;justify-content:space-between}.adminCategories__title p:hover{cursor:pointer}.adminCategories__listTile{display:flex;margin-left:5px;margin-right:5px;max-width:100%;transition:transform 0.3s}.adminCategories__listTile p{align-self:center;margin-right:20px}.adminCategories__listTile__card{display:flex;background:#ffffff;border:1px solid #d6dae2;box-sizing:border-box;border-radius:4px;padding:15px 20px;flex:1;align-items:center;justify-content:space-between;margin-top:5px;margin-bottom:5px;transition:background 0.3s}.adminCategories__listTile__card div{display:flex}.adminCategories__listTile__card h3{color:#212529;font-weight:normal;font-size:16px;line-height:22px;flex:1}.adminCategories__listTile__card__close:hover{cursor:pointer}

.adminProducts{display:flex;flex-direction:column}.adminProducts__fab{position:fixed;bottom:20px;right:20px}

.adminOrders{display:flex;flex-direction:column}.adminOrders__fab{position:fixed;bottom:20px;right:20px}.adminOrders__rowTitles{display:grid;grid-template-columns:1fr 1fr 1fr 0.5fr 1.2fr 1fr 1fr;grid-column-gap:5px;grid-row-gap:5px;box-sizing:border-box;padding:15px 20px;flex:1;margin:5px}.adminOrders__rowTitles h4{font-weight:bold;font-size:14px;line-height:19px;color:#525f7f}.adminOrders__card{display:grid;position:relative;grid-template-columns:1fr 1fr 1fr 0.5fr 1.2fr 1fr 1fr;grid-column-gap:5px;grid-row-gap:20px;background:#ffffff;border:1px solid #d6dae2;box-sizing:border-box;border-radius:4px;padding:15px 20px;flex:1;margin:5px}.adminOrders__card__index{position:absolute;left:0;top:0;margin-left:5px;margin-top:5px}.adminOrders__card__index p{font-size:10px;vertical-align:top;line-height:10px}.adminOrders__card__button{position:absolute;right:0;top:0;margin-right:10px;margin-top:10px}.adminOrders__card:hover{background:whitesmoke;cursor:pointer}.adminOrders__row{flex:1;display:flex;flex-direction:column;overflow-x:hidden;margin-right:5px;margin-left:5px}.adminOrders__row p{font-weight:normal;font-size:14px;line-height:21px;color:#212529}.adminOrders__row strong p{font-weight:bold}@media screen and (max-width: 1024px){.adminOrders__card{grid-template-columns:1fr 1fr 1fr 1fr}.adminOrders__rowTitles{grid-template-columns:1fr 1fr 1fr 1fr}}@media screen and (max-width: 768px){.adminOrders__card{grid-template-columns:1fr 1fr 1fr}.adminOrders__rowTitles{grid-template-columns:1fr 1fr 1fr}}

.adminReports{display:flex;flex-direction:column}.adminReports__fab{position:fixed;bottom:20px;right:20px}

.summary h2{color:#212529}.summary__details{margin-top:20px;background:#ffffff;box-shadow:0px 0px 5px rgba(50,50,93,0.1),0px 0px 5px rgba(0,0,0,0.07);border-radius:4px;padding:10px;height:auto}.summary__button{background:#5e72e4;box-shadow:0px 0px 5px rgba(50,50,93,0.1),0px 0px 5px rgba(0,0,0,0.07);border-radius:4px;padding:10px;display:flex;align-items:center;justify-content:center;user-select:none}.summary__button:hover{background:#4958ad;cursor:pointer}.summary__button:active{background:#5e72e4;cursor:pointer}.summary__button p{font-size:14px;color:white;line-height:19px;letter-spacing:1.5px;text-align:center}.btn-disable{pointer-events:none;background:gray}.subtotal{display:flex;align-items:center;justify-content:space-between}.subtotal p{color:#525f7f;font-size:16px;line-height:22px}.delivery-fee{margin-top:5px;display:flex;align-items:center;justify-content:space-between}.delivery-fee p{color:#525f7f;font-size:16px;line-height:22px}.total{display:flex;align-items:center;justify-content:space-between}.total p{color:#212529;font-size:16px;line-height:22px;font-weight:bold}

.d-address{background:#ffffff;box-shadow:0px 0px 5px rgba(50,50,93,0.1),0px 0px 5px rgba(0,0,0,0.07);border-radius:4px;padding:10px;margin-top:20px;display:flex;flex-direction:column}.d-address input{margin-top:5px;margin-bottom:10px;padding:10px;border-radius:4px;border:1px solid #cad1d7;width:100%}.d-address__radio{flex:1}.address{display:flex;align-items:flex-start;width:90%}.address__details{width:100%}.address__details h3{display:block;color:#525f7f;font-weight:bold;font-size:16px;line-height:22px}.address__details p{cursor:default !important;max-width:90% !important;color:#525f7f !important;font-size:16px !important;line-height:22px !important;margin-top:10px !important}.address__row{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:15px}.address__button{margin-top:10px;box-shadow:0px 0px 5px rgba(50,50,93,0.1),0px 0px 5px rgba(0,0,0,0.07);border-radius:4px;padding:5px 15px;background:#5e72e4;display:flex;align-items:center;justify-content:center;width:120px !important}.address__button:hover{cursor:pointer}.address__button p{font-size:12px !important;color:white !important;margin:0 !important;padding:0 !important}.choose-address{display:flex;justify-content:space-between;width:100%}.choose-address p{cursor:pointer;color:#5e72e4;font-size:16px;line-height:22px}.choose-address__details{display:flex;flex:1}.choose-address__details__column{flex:1}.choose-phone{display:flex;align-items:center;justify-content:space-between;width:100%}.choose-phone input{margin:0;margin-right:15px}.choose-phone div{flex:1;display:flex;align-items:center}.choose-phone div p{cursor:text;color:#525f7f}.choose-phone p{cursor:pointer;color:#5e72e4;font-size:16px;line-height:22px}.choose-email{display:flex;align-items:center;justify-content:space-between;width:100%}.choose-email input{margin:0;margin-right:15px}.choose-email div{flex:1;display:flex;align-items:center}.choose-email div p{cursor:text;color:#525f7f}.choose-email p{cursor:pointer;color:#5e72e4;font-size:16px;line-height:22px}

.navbar{z-index:500;position:sticky;top:0;box-shadow:0px 0px 5px rgba(50,50,93,0.1),0px 0px 5px rgba(0,0,0,0.07);background-color:white;z-index:500;height:70px;width:100%;padding:0 20px}.navbar__profileIcon{position:relative}.navbar__profileDropdown{box-shadow:0px 0px 5px rgba(50,50,93,0.1),0px 0px 5px rgba(0,0,0,0.07);background-color:white;position:absolute;border-radius:4px;background:white;padding:10px 10px;top:70px;right:0px;width:200px;display:flex;flex-direction:column}.navbar__profileDropdown h3{margin-left:5px;font-size:14px;line-height:22px;font-weight:400;font-style:normal}.navbar__profileDropdown__item{display:flex;align-items:center;padding:10px 10px;border-radius:4px;transition:padding 0.2s ease-in-out}.navbar__profileDropdown__item:hover{background:whitesmoke;cursor:pointer;padding-left:15px}.navbar__items{align-items:center;display:flex;justify-content:space-around;padding-top:10px;padding-bottom:10px;transition:height 0.2s ease-in-out}.navbar #logo-name{font-size:22px;transition:font-size 0.3s}.navbar img{height:50px;width:50px;border-radius:50%;object-fit:cover}.navbar img:hover{transform:scale(1.05);cursor:pointer}.navbar img:active{transform:scale(1)}.navbar__logo{flex:2;display:flex;align-items:center;vertical-align:middle}.navbar__logo div{height:50px;display:flex;align-items:center;vertical-align:middle}.navbar__logo h3{line-height:100%;text-align:center;margin-left:16px}.navbar__logo span{line-height:100%;margin-left:5px;font-size:16px;font-weight:normal}.navbar__searchbar{height:50px;display:flex;flex:2;width:100%;align-items:center;background:#ffffff;box-shadow:0px 0px 5px rgba(50,50,93,0.1),0px 0px 5px rgba(0,0,0,0.07);border-radius:4px;padding-right:10px;padding-left:10px}.navbar__searchbar input{margin-left:5px;border:none;font-size:16px;line-height:21px;width:100%}.navbar__searchbar input::placeholder{color:#adb5bd}.navbar__searchbar input:focus{outline:none}.navbar__profile{display:flex;justify-content:flex-end;align-items:center;flex:2}.navbar__profile img{margin-left:16px}.navbar__btn{font-size:14px;line-height:19px;margin:0 10px;text-align:center;font-style:normal;font-weight:600}.navbar__btn:hover{cursor:pointer}.navbar__location{max-width:250px;overflow:hidden;height:50px;align-items:center;display:flex;background:#ffffff;box-shadow:0px 0px 5px rgba(50,50,93,0.1),0px 0px 5px rgba(0,0,0,0.07);border-radius:4px;padding-right:10px;padding-left:10px;cursor:pointer}.navbar__location:hover{background:whitesmoke}.navbar__location:active{background:white}.navbar__location h4{margin-right:5px;white-space:nowrap;font-size:14px}.navbar__location p{overflow:hidden;white-space:nowrap;font-size:14px}.navbar__cart{height:50px;align-items:center;display:flex;background:#ffffff;box-shadow:0px 0px 5px rgba(50,50,93,0.1),0px 0px 5px rgba(0,0,0,0.07);border-radius:4px;padding-right:10px;padding-left:10px;cursor:pointer}.navbar__cart:hover{background:whitesmoke}.navbar__cart:active{background:white}.navbar__cart h4{margin-left:15px}.navbar__cartCount{margin-left:15px;display:flex;background:#f5365c;border-radius:10px;box-sizing:border-box;padding:5px 10px;color:white}.btn__active{color:#5e72e4;border-bottom:1px solid #5e72e4}.navbar.onScroll{box-shadow:0px 0px 5px rgba(50,50,93,0.1),0px 0px 5px rgba(0,0,0,0.07);background-color:white;z-index:500}.scrollUp{position:fixed;bottom:50px;right:50px}#fabIcon{opacity:0;transition:opacity 0.2s ease-in-out}@media screen and (max-width: 1024px){.navbar__logo div{flex-direction:column;justify-content:center;align-items:flex-start}.navbar__logo div h3{text-align:left}.navbar__logo div span{text-align:left;margin-left:16px}.navbar__location{max-width:150px}.scrollUp{bottom:25px;right:25px}}

.navbarMobile{z-index:500;position:sticky;top:0;transition:box-shadow 0.2s ease-in-out, background-color 0.3s ease-in-out;box-shadow:0px 0px 5px rgba(50,50,93,0.1),0px 0px 5px rgba(0,0,0,0.07);background-color:white;z-index:500;padding:0 20px}.navbarMobile__items{align-items:center;display:flex;justify-content:space-between;padding-top:10px;padding-bottom:10px;transition:height 0.2s ease-in-out}.navbarMobile__logo{flex:1;display:flex;align-items:center;justify-content:center}.navbarMobile__logo img{height:50px;width:50px;border-radius:50%;user-select:none;object-fit:cover}.navbarMobile__logo img:hover{transform:scale(1.05);cursor:pointer}.navbarMobile__logo img:active{transform:scale(1)}.navbarMobile__cart{flex:1;display:flex;align-items:center;justify-content:flex-end}.navbarMobile__line{width:30px;height:3px;background:#212529;margin:5px;transition:transform 0.2s ease-in-out}.navbarMobile__line:hover{cursor:pointer}.navbarMobile__hamburger{flex:1;display:flex;align-items:flex-start}.navbarMobile__hamburger.open .navbarMobile__line:nth-child(1){transform:rotate(45deg) translateY(5px)}.navbarMobile__hamburger.open .navbarMobile__line:nth-child(2){display:none}.navbarMobile__hamburger.open .navbarMobile__line:nth-child(3){transform:rotate(-45deg) translateY(-5px) translateX(1px)}.cart-container{display:flex}.cart-container:hover{cursor:pointer}.cart-container div{margin-left:5px;background:#f5365c;border-radius:10px;box-sizing:border-box;display:flex;align-items:center;padding:5px 10px;color:white}.scrollUp{position:fixed;bottom:50px;right:50px}#fabIcon{opacity:0;transition:opacity 0.2s ease-in-out}@media screen and (max-width: 1024px){.scrollUp{bottom:25px;right:25px}}@media screen and (max-width: 768px){.scrollUp{bottom:10px;right:10px}}

.aboutPyth{display:flex;flex-direction:column}.aboutPyth img{width:100%;object-fit:cover;background:#c4c4c4;border-radius:4px}.aboutPyth p{margin-top:20px;line-height:24px;font-size:16x}.aboutPyth h3{font-size:24px;line-height:28px;font-weight:400}.aboutPyth h2{font-size:20px}.aboutPyth__tile{display:flex;margin-bottom:20px}.aboutPyth__tile:hover{cursor:pointer;background:whitesmoke}.aboutPyth__tile img{width:200px;height:200px;object-fit:cover}.aboutPyth__tile div{flex:1;display:flex;flex-direction:column;justify-content:center;margin:20px}.aboutPyth__card{background:#ffffff;box-shadow:0px 0px 5px rgba(50,50,93,0.1),0px 0px 5px rgba(0,0,0,0.07);border-radius:4px;display:flex;flex-direction:column}.aboutPyth__card:hover{cursor:pointer;background:whitesmoke}.aboutPyth__card img{height:300px;width:100%;object-fit:cover}.aboutPyth__card__description{padding:20px}.aboutPyth__newsGrid{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:20px;grid-row-gap:20px}

.myOrders{display:flex;flex-direction:column;position:relative}.myOrders__modalBG{z-index:2000;position:fixed;left:0;top:0;right:0;bottom:0;margin:auto;background:rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center}.myOrders__modalBG__modal{width:50%;height:80%;background:#ffffff;box-shadow:0px 0px 5px rgba(50,50,93,0.1),0px 0px 5px rgba(0,0,0,0.07);border-radius:4px;padding:20px;display:flex;flex-direction:column}.myOrders__modalBG__modal h1{font-style:normal;font-weight:normal;font-size:20px;line-height:22px;color:#32325d}.myOrders__modalBG__modal h2{font-style:normal;font-weight:bold;font-size:20px;line-height:22px;color:#32325d;margin-bottom:10px}.myOrders__modalBG__modal__subitem{border-radius:4px;background:#e9ecef;padding:10px;display:flex;margin-bottom:10px}.myOrders__modalBG__modal__subitem img{width:100px;height:100px;object-fit:cover;margin-right:10px}.myOrders__modalBG__modal__subitem div{flex:1;display:flex;flex-direction:column;justify-content:center}.myOrders__modalBG__modal__title{display:flex;align-items:center;justify-content:space-between}.myOrders__modalBG__modal__title__close:hover{cursor:pointer}.myOrders__modalBG__modal__details{flex:2;overflow:auto}.myOrders__modalBG__modal__details::-webkit-scrollbar{display:none}.myOrders__modalBG__modal__details__item{display:flex;margin-bottom:10px}.myOrders__modalBG__modal__details__item strong{flex:1;margin-right:10px}.myOrders__modalBG__modal__details__item strong p{font-style:normal;font-weight:bold;font-size:14px;line-height:21px;color:#212529}.myOrders__modalBG__modal__details__item p{flex:2;font-style:normal;font-weight:normal;font-size:14px;line-height:21px;color:#212529}.myOrders__modalBG__modal__details__item div{flex:1}.myOrders__modalBG__modal__subtotal{display:flex;flex-direction:column}.myOrders__modalBG__modal__subtotal__item{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.myOrders__modalBG__modal__subtotal__item strong p{font-style:normal;font-weight:bold;font-size:18px;line-height:22px;color:#32325d}.myOrders__modalBG__modal__subtotal__item p{font-style:normal;font-weight:normal;font-size:18px;line-height:22px;color:#32325d}.myOrders__modalBG__modal__buttons{display:flex;align-items:center;justify-content:center}.myOrders__modalBG__modal__buttons p{font-style:normal;font-size:14px;line-height:19px}.myOrders__modalBG__modal__buttons__close{padding:10px 20px;background:#f4f5f7;box-shadow:0px 0px 5px rgba(50,50,93,0.1),0px 0px 5px rgba(0,0,0,0.07);border-radius:4px}.myOrders__modalBG__modal__buttons__close:hover{cursor:pointer}.myOrders__modalBG__modal__buttons__reorder{padding:10px 20px;background:#5e72e4;box-shadow:0px 0px 5px rgba(50,50,93,0.1),0px 0px 5px rgba(0,0,0,0.07);border-radius:4px}.myOrders__modalBG__modal__buttons__reorder:hover{cursor:pointer}.myOrders__modalBG__modal__buttons__reorder p{color:white}.myOrders__rowTitles{display:grid;grid-template-columns:1fr 1.5fr 1fr 1fr 1fr;grid-column-gap:5px;grid-row-gap:5px;box-sizing:border-box;padding:15px 20px;flex:1;margin:5px}.myOrders__rowTitles h4{font-weight:bold;font-size:14px;line-height:19px;color:#525f7f}.myOrders__row{flex:1;display:flex;flex-direction:column;overflow-x:hidden;margin-right:5px;margin-left:5px}.myOrders__row p{font-weight:normal;font-size:14px;line-height:21px;color:#212529}.myOrders__row strong p{font-weight:bold}.myOrders__card{display:grid;position:relative;grid-template-columns:1fr 1.5fr 1fr 1fr 1fr;grid-column-gap:5px;grid-row-gap:20px;background:#ffffff;border:1px solid #d6dae2;box-sizing:border-box;border-radius:4px;padding:15px 20px;flex:1;margin:5px}.myOrders__card__button{position:absolute;right:0;top:0;margin-right:10px;margin-top:10px}.myOrders__card:hover{background:whitesmoke;cursor:pointer}@media screen and (max-width: 1024px){.myOrders__modalBG__modal{width:80%}}@media screen and (max-width: 768px){.myOrders__modalBG__modal{width:90%}}

.payment__grid{display:grid;grid-template-columns:2fr 1fr;grid-column-gap:20px;grid-row-gap:20px}.payment__grid h2{color:#212529}.payment__back{display:flex;align-items:center;color:#5e72e4}.payment__back p{margin-left:10px;color:#5e72e4}.payment__card{background:#ffffff;box-shadow:0px 0px 5px rgba(50,50,93,0.1),0px 0px 5px rgba(0,0,0,0.07);border-radius:4px;padding:20px 10px;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%}.payment__card input{margin-top:5px;margin-bottom:15px;padding:10px;border-radius:4px;border:1px solid #cad1d7;width:100%}.payment__card h3{color:#525f7f;font-weight:bold;font-size:16px;line-height:24px}.payment__card p{color:#525f7f;font-size:16px;line-height:24px}.payment__card__method{display:flex}.payment__card__main{display:flex;justify-content:space-between;width:100%}.payment__card__main:hover{cursor:pointer}.payment__cc{padding-top:20px;padding-left:34px;padding-right:34px;display:flex;align-items:flex-start;width:100%;flex-direction:column}.payment__cc__button{margin-top:10px;box-shadow:0px 0px 5px rgba(50,50,93,0.1),0px 0px 5px rgba(0,0,0,0.07);border-radius:4px;padding:5px 15px;background:#5e72e4}.payment__cc__button:hover{cursor:pointer}.payment__cc__button p{font-size:12px;color:white}.payment__cc__cards{display:flex}.payment__cc__cards img{object-fit:contain;height:24px;margin-right:5px}.payment__cc__cards img:hover{cursor:pointer;transform:scale(1.05)}.payment__cc__cards__row{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:15px;width:100%}.payment__cc__cards__row div{display:flex;flex-direction:column;flex:1}.payment__cc__cards__row-3{display:grid;grid-template-columns:1fr 1fr 1fr;grid-column-gap:15px;width:100%}#back-btn:hover{cursor:pointer}@media screen and (max-width: 768px){.payment__cc__cards__row{grid-template-columns:1fr}.payment__cc__cards__row-3{grid-template-columns:1fr}.payment__grid{grid-template-columns:1fr}}

.toast{z-index:9999;position:fixed;bottom:20px;right:0;left:0;display:flex;justify-content:center;align-items:center}.toast__message{opacity:0.8;border-radius:10px;box-shadow:0px 0px 5px rgba(50,50,93,0.1),0px 0px 5px rgba(0,0,0,0.07);padding:10px 25px;color:white;background:#5e72e4}

.product{display:flex;flex-direction:column}.product img{width:100%;object-fit:cover}.product__back{display:flex;width:200px;align-items:center}.product__back p{color:#5e72e4}.product__back:hover{cursor:pointer}.product__row{display:grid;grid-template-columns:1fr 2fr;grid-column-gap:20px;grid-row-gap:20px}.product__row h1{font-style:normal;font-weight:normal;font-size:24px;line-height:28px;color:#5e72e4}.product__row h2{font-style:normal;font-weight:normal;font-size:24px;line-height:28px;color:#212529}.product__row h3{font-style:normal;font-weight:normal;font-size:16px;line-height:22px;color:#212529}.product__row p{font-style:normal;font-weight:normal;font-size:16px;line-height:22px;color:#525f7f}.product__quantity{display:flex;align-items:center}.product__quantity__operation{width:40px;height:40px;border-radius:50%;background:white;box-shadow:0px 0px 5px rgba(50,50,93,0.1),0px 0px 5px rgba(0,0,0,0.07);display:flex;align-items:center;justify-content:center}.product__quantity__operation:hover{cursor:pointer;background:whitesmoke}.product__quantity__operation:active{cursor:pointer;background:white}.product__quantity p{margin-right:15px;margin-left:15px}.product__selection{display:flex;align-items:center;justify-content:space-between}.product__selection__first{display:flex;align-items:center}.product__button{box-shadow:0px 0px 5px rgba(50,50,93,0.1),0px 0px 5px rgba(0,0,0,0.07);border-radius:4px;padding:10px 15px;background:#5e72e4;display:flex;align-items:center;justify-content:center;width:250px}.product__button:hover{background:#4958ad;cursor:pointer}.product__button:active{background:#5e72e4;cursor:pointer}.product__button p{margin:0;padding:0;color:white;font-size:14px;line-height:19px}@media screen and (max-width: 1024px){.product__row{grid-template-columns:1fr 1fr}}@media screen and (max-width: 768px){.product__row{grid-template-columns:1fr}}

.settings{display:flex;flex-direction:column}.settings h3{font-style:normal;font-weight:600;font-size:16px;line-height:22px;color:#525f7f}.settings h4{font-style:normal;font-weight:normal;font-size:13px;line-height:18px;color:#5e72e4}.settings p{font-style:normal;font-weight:normal;font-size:13px;line-height:18px;color:#212529}.settings input{border:1px solid #cad1d7;box-sizing:border-box;border-radius:4px;margin-top:10px;margin-bottom:10px;width:90%;height:40px;padding:10px}.settings__socMed{display:flex;align-items:center;justify-content:space-between}.settings__socMed strong{flex:1}.settings__socMed strong p{font-weight:bold}.settings__socMed div{display:flex;align-items:center}.settings__account{display:flex;justify-content:space-between}.settings__account div{flex:1}.settings__row-2{display:flex}.settings__row-2 div{flex:1;display:flex;flex-direction:column}.settings__button{background:#ffffff;box-shadow:0px 0px 5px rgba(50,50,93,0.1),0px 0px 5px rgba(0,0,0,0.07);border-radius:4px;padding:10px 20px;height:40px;display:flex;align-items:center}.settings__button:hover{cursor:pointer}.settings__button:active{transform:scale(0.98)}.settings__button p{color:white}.settings__card{background:#ffffff;box-shadow:0px 0px 5px rgba(50,50,93,0.1),0px 0px 5px rgba(0,0,0,0.07);border-radius:4px;padding:20px;display:flex;flex-direction:column;margin-bottom:20px}

.d-summary{display:flex;flex-direction:column}.d-summary h3{font-style:normal;font-weight:normal;font-size:24px;line-height:28px}.d-summary p{margin-top:15px;margin-bottom:15px;font-style:normal;font-weight:normal;font-size:16px;line-height:22px}.d-summary h4{margin-top:15px;margin-bottom:15px;display:block;align-self:flex-start;font-style:normal;font-weight:normal;font-size:20px;line-height:22px}.d-summary__button{margin-top:50px;box-shadow:0px 0px 5px rgba(50,50,93,0.1),0px 0px 5px rgba(0,0,0,0.07);border-radius:4px;padding:10px 20px;background:#5e72e4}.d-summary__button:hover{cursor:pointer}.d-summary__button p{margin:0;padding:0;color:white;font-size:14px;line-height:19px}.d-summary__center{display:flex;flex-direction:column;align-items:center}.d-summary__center span{cursor:pointer;color:#5e72e4}.d-summary__center p{text-align:center}.d-summary__card{margin-top:20px;background:#ffffff;box-shadow:0px 0px 5px rgba(50,50,93,0.1),0px 0px 5px rgba(0,0,0,0.07);border-radius:4px;padding:20px 10px}.s-address{background:#ffffff;box-shadow:0px 0px 5px rgba(50,50,93,0.1),0px 0px 5px rgba(0,0,0,0.07);border-radius:4px;padding:20px 10px;width:100%}.s-address h3{display:block;color:#525f7f;font-weight:bold;font-size:16px;line-height:22px}.s-address p{cursor:default;max-width:90%;color:#525f7f;font-size:16px;line-height:22px}.s-address__item{display:flex}.s-address__item p{margin:0;padding:0}.s-subtotal{margin-top:20px;background:#ffffff;box-shadow:0px 0px 5px rgba(50,50,93,0.1),0px 0px 5px rgba(0,0,0,0.07);border-radius:4px;padding:20px 10px;width:100%}.s-subtotal h3{display:block;color:#525f7f;font-weight:bold;font-size:16px;line-height:22px}.s-subtotal p{cursor:default;max-width:90%;color:#525f7f;font-size:16px;line-height:22px;margin:0 !important;margin-bottom:10px !important;padding:0 !important}.s-subtotal__item{display:flex;justify-content:space-between;margin-bottom:10px}.s-subtotal__item__first{display:flex;flex:1;margin-right:10px}

.d-details{background:#ffffff;box-shadow:0px 0px 5px rgba(50,50,93,0.1),0px 0px 5px rgba(0,0,0,0.07);border-radius:4px;padding:20px 10px;margin-top:20px;display:flex;width:100%}.d-details h3{color:#525f7f;font-weight:bold;font-size:16px;line-height:22px}.d-details p{color:#525f7f;font-size:16px;line-height:22px;margin-top:10px}.d-details__main{display:flex}

.instruct{background:#ffffff;box-shadow:0px 0px 5px rgba(50,50,93,0.1),0px 0px 5px rgba(0,0,0,0.07);border-radius:4px;padding:20px 10px;margin-top:20px;display:flex}.instruct textarea{width:90%;resize:none;padding:10px;border-radius:4px;border:1px solid #cad1d7}.instruct p{cursor:pointer;color:#5e72e4;font-size:16px;line-height:22px}.instruct__comment{display:flex;flex:1}.instruct__comment p{cursor:text;color:#525f7f}