*{box-sizing:border-box;margin:0;padding:0}a{text-decoration:none}img{max-width:100%;height:auto;object-fit:cover;display:inline-block}li{list-style:none}:root{--font-family: "Nunito", sans-serif;--second-family: "Roboto", sans-serif;--transition: all .2s ease-in-out;--orange: #fd6d22;--dark-orange: #ff5c60;--light-orange: #fff3ed;--blue: #4E60FF;--light-blue: #f3f4ff;--white: #fff;--black: #000;--light-grey: #edeef2;--text-main: #2b2b43;--text-second: #545563;--text-third: #83859c}#root{height:100%}html{font-size:1px}html,body{height:100%}body{font-size:16rem;font-family:var(--font-family);background:var(--white);color:var(--black)}body.lock{overflow:hidden}.container{display:block;max-width:1440rem;margin-inline:auto;height:100%}.page-wrapper{display:flex;justify-content:center;height:100%;padding:0 15rem}.btn{cursor:pointer;border:none;outline:none;display:inline-block}.not-found{text-align:center}.error{font-weight:600;font-size:14rem;line-height:143%;letter-spacing:.02em;color:var(--dark-orange)}.header{border-bottom:1rem solid var(--light-grey);margin-inline:auto;position:relative}.header .header-container{padding:16rem 15rem;display:flex;align-items:center;justify-content:space-between;max-width:1140rem;margin-inline:auto}.header__left-part{display:flex;align-items:center;gap:48rem}@media (max-width: 576px){.header__search.header__search-container{display:none}}.header__right-part{display:flex;align-items:center}.header__ul{display:flex;align-items:center;gap:28rem;margin-right:24rem;padding:6rem 0;position:relative;transition:var(--transition)}@media (max-width: 768px){.header__ul{position:fixed;flex-direction:column;justify-content:center;gap:10%;top:0;left:0;right:0;background:#545563e6;width:100%;height:30%;padding:25rem;z-index:5;transition:var(--transition);transform:translateY(-105%)}.header__ul .header__a{color:var(--white);font-size:22rem;font-weight:400;position:relative;transition:var(--transition)}.header__ul .header__a:before{content:"";position:absolute;bottom:-2rem;left:15%;width:70%;height:2rem;background:var(--blue);transform:scale(0);transition:var(--transition)}.header__ul .header__a:hover:before{transform:scale(1)}}.header__ul:before{content:"";display:block;height:34rem;width:1rem;background:var(--light-grey);position:absolute;right:86rem;top:0}@media (max-width: 768px){.header__ul:before{display:none}}.header__ul--open{transform:translateY(0);transition:var(--transition)}.header__li:last-child{margin-left:12rem}.header__a{font-family:var(--font-family);font-weight:700;font-size:14rem;line-height:143%;letter-spacing:.01em;text-align:right;color:var(--text-main)}.header__cart{position:relative;display:flex;background:var(--light-blue);padding:14rem;border-radius:16rem;margin-right:17rem;cursor:pointer;transition:var(--transition)}.header__cart:hover{transform:scale(1.07)}.header__cart-count{display:flex;align-items:center;justify-content:center;position:absolute;background:var(--blue);border-radius:8rem;padding:4rem 7rem;font-weight:700;font-size:10rem;color:var(--white);top:-5rem;right:-4rem}.header__avatar{border-radius:16rem;width:50rem;height:50rem;border:2px solid var(--light-grey);overflow:hidden;display:flex;justify-content:center;align-items:center;transition:var(--transition)}@media (max-width: 768px){.header__avatar{margin-right:20rem}}.header__avatar:hover{transform:scale(1.07)}.header__avatar img{border-radius:14rem;width:46rem;height:46rem}.header__ul.header__ul--open~.header__burger--active{position:fixed;top:10rem;right:10rem;transition:var(--transition);z-index:6;background-color:transparent}.header__ul.header__ul--open~.header__burger--active:before{display:none}.header__ul.header__ul--open~.header__burger--active span{display:none}.header__ul.header__ul--open~.header__burger--active .burger:before{transition:var(--transition);transform:rotate(45deg);top:7.5rem;background:var(--white)}.header__ul.header__ul--open~.header__burger--active .burger:after{transition:var(--transition);transform:rotate(-45deg);bottom:6.5rem;background:var(--white)}.restaurant{border:1px solid var(--light-grey);border-radius:16rem;background:var(--white);transition:var(--transition)}.restaurant:nth-child(2) .restaurant__title svg path{stroke:var(--blue)}.restaurant:nth-child(2) .restaurant__cart-counter{display:flex}.restaurant:hover{transform:scale(1.03);box-shadow:0 8rem 15rem #4e60ff29}.restaurant__image{position:relative;max-width:100%;max-height:160rem;display:flex;justify-content:center;align-items:center;overflow:hidden;border-top-left-radius:16rem;border-top-right-radius:16rem}.restaurant__image img{max-width:100%;max-height:100%;object-fit:cover}.restaurant__image .featured{position:absolute;top:0;right:0;padding:8rem 16rem;color:var(--white);background:var(--blue);border-radius:0 16rem;font-weight:700;font-size:11rem;line-height:16rem;letter-spacing:.6rem}.restaurant__info{padding:16rem}.restaurant__title{display:flex;align-items:center;justify-content:space-between;font-weight:700;font-size:18rem;line-height:133%;letter-spacing:.01em;color:var(--text-main);margin-bottom:6rem;position:relative}.restaurant__cart-counter{display:none;justify-content:center;position:absolute;top:-6rem;right:-6rem;width:16rem;height:16rem;border:1.5px solid var(--white);border-radius:6rem;background:var(--blue);font-weight:700;font-size:10rem;line-height:140%;text-align:center;color:var(--white)}.restaurant__estim{display:flex;align-items:center;gap:8rem;margin-bottom:14rem}.restaurant__estim .delivery-time{display:flex;align-items:center}.restaurant__estim .delivery-time svg{margin-right:6rem}.restaurant__estim .blue-point{width:3rem;height:3rem;background:var(--blue);border-radius:100%}.restaurant__estim .delivery-time,.restaurant__estim .minimal-invoice{font-weight:600;font-size:12rem;line-height:133%;color:var(--text-third)}.restaurant__kitchen{display:flex;align-items:center;gap:8rem}.restaurant__kitchen .kitchen-item{display:flex;align-items:center;gap:8rem;padding:6rem 10rem;border-radius:100rem;background:var(--light-grey);font-weight:600;font-size:12rem;line-height:100%;color:var(--text-second)}.restaurant__kitchen .kitchen-item img{width:12rem;height:12rem}.deal{display:flex;justify-content:space-between;align-items:center;border-radius:16rem;flex:calc(50% - 5rem);background:var(--light-blue);transition:var(--transition)}@media (max-width: 992px){.deal{justify-content:space-evenly}}@media (max-width: 576px){.deal{flex-direction:column-reverse}}.deal__image{display:flex;align-self:stretch}@media (max-width: 992px){.deal__image{align-self:flex-end}}@media (max-width: 992px){.deal__image{align-self:center}}.deal__image img{width:100%;height:100%;object-fit:cover}.deal__info{padding:24rem 24rem 16rem 0}@media (max-width: 992px){.deal__info{padding-right:10rem}}@media (max-width: 576px){.deal__info{display:flex;justify-content:space-between;align-items:baseline;padding:16rem 16rem 0;width:100%}}.deal__title{font-weight:600;font-size:20rem;line-height:140%;letter-spacing:.01em;color:var(--text-main);margin-bottom:8rem}@media (max-width: 992px){.deal__title{white-space:nowrap;font-size:18rem}}@media (max-width: 768px){.deal__title{font-size:20rem}}.deal__discount{font-weight:800;font-size:40rem;line-height:140%;color:var(--blue);margin-bottom:36rem}@media (max-width: 992px){.deal__discount{font-size:21rem}}@media (max-width: 768px){.deal__discount{font-size:40rem}}@media (max-width: 576px){.deal__discount{margin:0}}.deal__category{font-weight:400;font-size:14rem;line-height:143%;letter-spacing:.01em;color:var(--text-third)}.deal:nth-child(2n){background:var(--light-orange)}.deal:nth-child(2n) .deal__discount{color:var(--orange)}.category{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:12rem;border-radius:16rem;background:var(--white);border:1px solid var(--light-grey);padding:14rem 16rem 12rem;flex:calc((100% - 150rem) / 6);transition:var(--transition)}@media (max-width: 992px){.category{flex:calc((100% - 75rem) / 6)}}@media (max-width: 768px){.category{flex:calc((100% - 60rem) / 3);flex-direction:initial;justify-content:center}}@media (max-width: 576px){.category{flex-direction:column;justify-content:space-between}}.category__image{display:flex;justify-content:center;align-items:center}.category__title{font-weight:700;font-size:13rem;line-height:138%;letter-spacing:.01em;text-align:center;color:var(--text-second)}.category.is-active{outline:2px solid var(--blue);background:var(--light-blue)}.category:hover{outline:1px solid #697bff;background:#f8f9ff}.promo-section{flex:0 0 55%;display:flex;justify-content:center;align-items:center}@media (max-width: 768px){.promo-section{display:none}}.promo-section img{width:100%;height:100%;object-fit:cover}.header__search{display:flex;align-items:center;padding:10rem;border-radius:12rem;background:var(--light-grey);position:relative}.header__search .search-info{position:absolute;top:-15rem;color:var(--dark-orange);font-weight:600;font-size:12rem}.header__search input{display:flex;outline:0;border:0;background:transparent}.header__search input::placeholder{font-weight:400;font-size:14rem;line-height:143%;letter-spacing:.01em;color:var(--text-third)}.header__search svg{cursor:pointer}.login-form{margin-bottom:28rem;width:100%}.login-form input{width:100%;border:0;outline:0;border-radius:8rem;font-weight:400;font-size:14rem;line-height:143%;letter-spacing:.01em;color:var(--text-main)}.login-form input::placeholder{font-family:var(--font-family);font-weight:400;font-size:14rem;line-height:143%;letter-spacing:.01em;color:var(--text-third)}.login-form .email-label,.login-form .password-label{font-family:var(--font-family);font-weight:600;font-size:12rem;line-height:133%;color:var(--text-second);margin-bottom:4rem}.login-form__email,.login-form__pass{border:1px solid #c7c8d2;border-radius:8rem;font-weight:600;font-size:12rem;line-height:133%;color:var(--text-second);padding:12rem}.login-form__email{margin-bottom:20rem}.login-form__pass{display:flex;align-items:center;margin-bottom:28rem}.login-form .loginCheckbox{margin-top:8rem;margin-bottom:40rem}.login-form__btn{padding:12rem 16rem;border-radius:8rem;width:100%;background:var(--blue);box-shadow:0 8rem 20rem #4e60ff29;font-weight:700;font-size:14rem;line-height:143%;letter-spacing:.02em;text-align:center;color:var(--white)}.header__logo{display:flex;align-items:center;transition:var(--transition);flex-shrink:0}.header__logo:hover{transform:scale(1.03)}.header__burger{display:none;padding:14rem;background:var(--light-grey);position:relative;margin-left:16rem;width:44rem;height:44rem;border-radius:16rem;cursor:pointer}@media (max-width: 768px){.header__burger{display:block}}.header__burger:before{content:"";display:block;height:34rem;width:1rem;border-radius:2rem;background:var(--light-grey);position:absolute;left:-16rem;top:5rem}.header__burger .burger{width:16rem;height:16rem;padding:3rem 1rem;position:relative}.header__burger .burger span{position:absolute;width:100%;height:2rem;background:var(--text-third);top:7rem;left:0;border-radius:2rem}.header__burger .burger:before,.header__burger .burger:after{content:"";position:absolute;width:100%;height:2rem;left:0;background:var(--text-third);border-radius:2rem}.header__burger .burger:before{top:1rem}.header__burger .burger:after{bottom:1rem}.checkbox{display:none}.checkbox:checked~.custom-checkbox .checkbox-box{background:var(--blue);border:0}.checkbox:checked~.custom-checkbox .checkbox-box:before,.checkbox:checked~.custom-checkbox .checkbox-box:after{display:block}.custom-checkbox{display:flex;align-items:center;gap:12rem;cursor:pointer}.custom-checkbox .checkbox-box{width:20rem;height:20rem;border:2px solid #c7c8d2;border-radius:4rem;position:relative}.custom-checkbox .checkbox-box:before,.custom-checkbox .checkbox-box:after{content:"";position:absolute;display:none;background:var(--white);border-radius:2rem;width:2rem}.custom-checkbox .checkbox-box:after{height:6rem;top:9rem;left:5.5rem;transform:rotate(-45deg)}.custom-checkbox .checkbox-box:before{height:10rem;top:5rem;right:7.5rem;transform:rotate(45deg)}.custom-checkbox .checkbox-text{font-weight:400;font-size:14rem;line-height:143%;letter-spacing:.01em;color:var(--text-main)}.icon-eye{cursor:pointer;display:flex}.home-container{width:1100rem;height:100%}.home-container .deals{margin-top:24rem;margin-bottom:32rem;display:flex;justify-content:space-between;gap:10rem}@media (max-width: 768px){.home-container .deals{flex-direction:column}}@media (max-width: 576px){.home-container .deals{gap:30rem}}.home-container .categories{display:flex;justify-content:space-between;align-items:center;gap:30rem;margin-bottom:40rem}@media (max-width: 992px){.home-container .categories{gap:15rem}}@media (max-width: 768px){.home-container .categories{flex-wrap:wrap}}.home-container .restaurants{margin-bottom:121rem}.home-container .restaurants__title{margin-bottom:16rem;font-family:var(--font-family);font-weight:600;font-size:20px;line-height:140%;letter-spacing:.01em;color:var(--text-main)}.home-container .restaurants__list{display:grid;grid-template-columns:repeat(3,minmax(340rem,1fr));gap:30rem}@media (max-width: 1200px){.home-container .restaurants__list{grid-template-columns:1fr 1fr 1fr}}@media (max-width: 992px){.home-container .restaurants__list{grid-template-columns:1fr 1fr;gap:20rem}}@media (max-width: 576px){.home-container .restaurants__list{grid-template-columns:1fr;gap:30rem}}.login-container{display:flex;justify-content:space-between;max-height:1000rem}@media (max-width: 576px){.login-container{flex:100%}}.login-container .login{max-width:640rem;padding:20rem 125rem 40rem 165rem}@media (max-width: 1200px){.login-container .login{padding:20rem 85rem 30rem 100rem}}@media (max-width: 992px){.login-container .login{padding-inline:50rem;flex:100%}}@media (max-width: 576px){.login-container .login{padding:20rem 0}}.login-container .login__logo{justify-content:flex-start}.login-container .login__title{margin-top:128rem;margin-bottom:16rem;font-weight:700;font-size:60rem;line-height:137%;color:var(--text-main)}@media (max-width: 992px){.login-container .login__title{margin-top:80rem}}@media (max-width: 576px){.login-container .login__title{margin-top:60rem}}.login-container .login__desc{margin-bottom:32rem;font-weight:400;font-size:14rem;line-height:143%;letter-spacing:.01em;color:var(--text-second)}.login-container .login__forgot-password{margin-bottom:106rem;font-weight:700;font-size:14rem;line-height:143%;letter-spacing:.02em;color:var(--blue);text-align:center;cursor:pointer}@media (max-width: 992px){.login-container .login__forgot-password{margin-bottom:90rem}}@media (max-width: 576px){.login-container .login__forgot-password{margin-bottom:134rem}}.login-container .login__sign-up{font-weight:400;font-size:14rem;line-height:143%;letter-spacing:.01em;text-align:center;color:var(--text-second)}.login-container .login__sign-up span{font-weight:700;letter-spacing:.02em;color:var(--blue);cursor:pointer}.settings-container{width:1100rem;height:100%;display:flex;justify-content:space-between;gap:30rem;padding:24rem 0}@media (max-width: 768px){.settings-container{flex-direction:column}}.settings-container .settings-box{display:flex;flex-direction:column;flex:0 0 32%}@media (max-width: 768px){.settings-container .settings-box{flex:100%;padding:0 20rem}}@media (max-width: 576px){.settings-container .settings-box{padding:0}}.settings-container .settings-title{font-weight:600;font-size:20rem;line-height:140%;letter-spacing:.01em;color:var(--text-main);margin-bottom:16rem}.settings-container .settings-list{display:flex;flex-direction:column;gap:12rem}.settings-container .settings-list .settings-item{display:flex;align-items:center;gap:12rem;padding:16rem;max-width:100%;border-radius:16rem;border:1px solid var(--light-grey);background:var(--white);cursor:pointer;transition:var(--transition)}.settings-container .settings-list .settings-item:hover{outline:1px solid #697bff;background:#f8f9ff}.settings-container .settings-list .settings-item.is-active-tab{outline:2px solid var(--blue);background:var(--light-blue)}.settings-container .settings-list .settings-item.is-active-tab .settings-item__ico{background:var(--blue)}.settings-container .settings-list .settings-item.is-active-tab .settings-item__ico svg path{stroke:var(--white)}.settings-container .settings-list .settings-item__ico{border-radius:12rem;width:40rem;height:40rem;background:var(--light-grey);display:flex;align-items:center;justify-content:center}.settings-container .settings-list .settings-item__title{font-weight:700;font-size:14rem;line-height:143%;letter-spacing:.01em;color:var(--text-main);margin-bottom:2rem}.settings-container .settings-list .settings-item__desc{font-weight:400;font-size:13rem;line-height:138%;letter-spacing:.02em;color:var(--text-second)}.settings-container .settings-detail-box{flex:0 0 65%}@media (max-width: 768px){.settings-container .settings-detail-box{flex:100%;padding:0 20rem}}@media (max-width: 576px){.settings-container .settings-detail-box{padding:0}}.settings-container .settings-detail-title{font-weight:600;font-size:20rem;line-height:140%;letter-spacing:.01em;color:var(--text-main);margin-bottom:16rem}.settings-container .settings-detail{border:1px solid var(--light-grey);border-radius:16px;padding:24rem 0 20rem}.account__title{font-weight:700;font-size:18px;line-height:133%;letter-spacing:.01em;color:var(--text-mains);margin-bottom:16rem;margin-left:16rem}.account__avatar{margin-left:16rem}.account__avatar-title{font-weight:600;font-size:12px;line-height:133%;color:var(--text-second);margin-bottom:8rem}.account__avatar-data{display:flex;align-items:center;margin-bottom:16rem}.account__avatar-data img{margin-right:24rem;border-radius:12rem;width:88rem;height:88rem}.account__avatar-data #change,.account__avatar-data #remove{font-weight:700;font-size:14px;line-height:143%;letter-spacing:.02em;text-align:center;padding:12rem 16rem;color:var(--text-third);cursor:pointer;border-radius:8rem;transition:var(--transition)}.account__avatar-data #change{margin-right:15rem}.account__avatar-data #change:hover{outline:1px solid var(--blue);color:var(--blue)}.account__avatar-data #remove:hover{outline:1px solid var(--dark-orange);color:var(--dark-orange)}.account__avatar-data #avatarInput{display:none}.account__name-data,.account__contact-data{display:flex;justify-content:center;align-items:center;gap:16rem;margin-inline:16rem}@media (max-width: 992px){.account__name-data,.account__contact-data{flex-direction:column}}@media (max-width: 576px){.account__name-data,.account__contact-data{gap:32rem}}.account__name-data{margin-bottom:34rem}@media (max-width: 992px){.account__name-data{margin-bottom:20rem}}@media (max-width: 576px){.account__name-data{margin-bottom:32rem}}.account__contact-data{margin-bottom:68rem}.account__first-name,.account__last-name,.account__email,.account__phone{display:flex;flex-direction:column;flex:0 0 calc(50% - 8rem);font-weight:600;font-size:12px;line-height:133%;color:var(--text-second)}@media (max-width: 992px){.account__first-name,.account__last-name,.account__email,.account__phone{width:calc(100% - 16rem);align-self:flex-start}}.account__first-name label,.account__last-name label,.account__email label,.account__phone label{margin-bottom:4rem}.account__first-name input,.account__last-name input,.account__email input,.account__phone input{border:1px solid #c7c8d2;border-radius:8rem;outline:0;padding:12rem}.account__first-name input::placeholder,.account__last-name input::placeholder,.account__email input::placeholder,.account__phone input::placeholder{font-weight:400;font-size:14px;line-height:143%;letter-spacing:.01em;color:var(--text-main)}.account__notifications-title{font-weight:700;font-size:18px;line-height:133%;letter-spacing:.01em;color:var(--text-main);margin-bottom:16rem;margin-left:16rem}.account__notifications-list{display:flex;gap:16rem;margin:0 16rem 36rem}@media (max-width: 576px){.account__notifications-list{flex-direction:column;gap:24rem}}.account__notifications-list .notifications-list-left,.account__notifications-list .notifications-list-right{flex:46%;display:flex;flex-direction:column;gap:23rem}@media (max-width: 576px){.account__notifications-list .notifications-list-left,.account__notifications-list .notifications-list-right{gap:24rem}}.account__buttons{display:flex;justify-content:space-between;align-items:center;padding:20rem 16rem 0;border-top:1px solid var(--light-grey)}@media (max-width: 576px){.account__buttons{flex-direction:column;border-top:0;gap:40rem}}.account__buttons .logout-btn,.account__buttons .discard-changes,.account__buttons .save-changes{padding:12rem 16rem;border-radius:8rem;font-weight:700;font-size:14rem;line-height:143%;letter-spacing:.02em}.account__buttons .logout-btn{border:1px solid var(--dark-orange);color:var(--dark-orange);background:var(--white);transition:var(--transition)}@media (max-width: 576px){.account__buttons .logout-btn{width:100%;position:relative}}.account__buttons .logout-btn:hover{color:var(--white);background:var(--dark-orange)}.account__buttons .logout-btn:before{content:"";position:absolute;display:none;background:var(--light-grey);width:calc(100% + 32rem);height:1rem;bottom:-20rem;left:-16rem}@media (max-width: 576px){.account__buttons .logout-btn:before{display:block}}.account__buttons .changes-btn{display:flex;align-items:center;gap:16rem}@media (max-width: 576px){.account__buttons .changes-btn{justify-content:space-between;width:100%}}.account__buttons .changes-btn .discard-changes{border:1px solid var(--text-third);color:var(--text-third);background:var(--white)}.account__buttons .changes-btn .save-changes{box-shadow:0 8px 20px #4e60ff29;background:var(--blue);color:var(--white)}