.home{flex-direction:column;justify-content:flex-end;align-items:center;padding:60px 40px;display:flex}.home .startOrdering{z-index:2;color:#000;background:#fff;margin:0 0 100px;font-size:80px;font-weight:600;position:relative;padding:32px 135px!important}.home .languageControl{z-index:2;justify-content:center;width:100%;position:relative}.home .logoBlock{width:50%;height:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.home .logoBlock svg,.home .logoBlock img{width:100%;height:100%}.isMobile .home{padding:30px 20px}.isMobile .home .startOrdering{padding:10px 40px!important;font-size:40px!important}.isRtl .home .languageControl{direction:ltr;justify-content:center}
.orderType{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:140px;padding:60px 40px;display:flex;position:relative}.orderType .pageTitle{background:#fff;border-radius:100px;padding:20px 40px}.orderType .languageControl{justify-content:center;position:absolute;bottom:60px;right:50%;transform:translate(50%)}.orderType .languageControl .language{border:4px solid #b9b9b9!important}.orderType .languageControl .major{border-color:var(--main-color)!important}.isMobile .orderType{padding:30px 20px}.isMobile .orderType .languageControl{bottom:30px}.isMobile .orderType .languageControl .language{border-width:2px!important}.isRtl .orderType .languageControl{direction:ltr;justify-content:center}
.menu{grid-template-rows:max-content max-content 1fr;gap:40px;padding:48px 0 60px;display:grid}.menu.withOrderPrice{grid-template-rows:max-content max-content 1fr max-content}.menu .categoriesSection:last-child{min-height:calc(100vh - 100px)}.menu .restaurantCategories{align-items:center;gap:25px;margin:0 40px;padding-bottom:20px;display:flex;overflow:auto}.menu .restaurantCategories .categoryName{color:var(--main-color);white-space:nowrap;border:4px solid transparent;border-radius:100px;padding:16px 35px;font-size:48px;font-weight:600;transition:all .1s}.menu .restaurantCategories .categoryName.selected{background:var(--second-main-color);border-color:var(--main-color)}.menu .header{width:initial;margin:0 40px}.menu .restaurantMenu{padding:0 40px;overflow:auto}.menu .restaurantMenu .categoryName{margin-bottom:40px;font-size:54px;font-weight:600}.menu .restaurantMenu .menuItemsProduct{grid-template-columns:repeat(3,calc(33.3% - 21.3333px));gap:32px;width:100%;display:grid}.menu .restaurantMenu .menuItemsProduct:last-child{padding:0 0 20px}.menu .chooseProduct{display:none}.menu .checkoutBtn{background:var(--main-color);color:var(--typography-on-main,#fff);border-radius:100px;justify-content:space-between;margin:0 40px;padding:28px 48px;font-size:54px;font-weight:600;transition:all .3s;display:flex;position:relative}.menu .checkoutBtn .spinner{border-width:10px;width:70px;height:70px;position:absolute;top:calc(50% - 35px);left:calc(50% - 35px)}.menu .checkoutBtn.disabled{opacity:.5}.isMobile .menu{gap:20px;padding:24px 0 30px}.isMobile .menu .header{margin:0 20px}.isMobile .menu .checkoutBtn{margin:0 20px;padding:14px 24px;font-size:27px}.isMobile .menu .checkoutBtn .spinner{border-width:4px;width:38px;height:38px;top:calc(50% - 17px);left:calc(50% - 17px)}.isMobile .menu .restaurantCategories{margin:0 20px;padding-bottom:10px}.isMobile .menu .restaurantCategories .categoryName{border-width:2px;padding:8px 17px;font-size:24px}.isMobile .menu .restaurantMenu{padding:0 20px}.isMobile .menu .restaurantMenu .categoryName{margin-bottom:20px;font-size:27px}.isMobile .menu .restaurantMenu .menuItemsProduct{grid-template-columns:repeat(3,calc(33.3% - 10.6667px));gap:16px}
.checkout{grid-template-rows:min-content min-content 1fr min-content;gap:32px;padding:48px 0 60px;display:grid}.checkout .promocode{justify-content:space-between;align-items:center;margin-top:40px;display:flex}.checkout .promocode .left-side{align-items:center;display:flex}.checkout .promocode .left-side .promocodeActive{align-items:center;gap:20px;font-size:40px;font-weight:400;display:flex}.checkout .promocode .left-side .promocodeInput{flex-direction:column;display:flex}.checkout .promocode .left-side .promocodeInput .invalidCoupon{color:var(--warning);font-size:40px}.checkout .promocode .left-side input{background:#fff;border-width:2px;border-color:#747474;border-radius:10px;height:auto;padding:15px 30px;font-weight:400;font-size:40px!important}.checkout .promocode .promocodeButtonControl{color:var(--main-color);font-size:40px;font-weight:500}.checkout .delete{width:35px!important;height:35px!important}.checkout .counterButton{border-radius:100px;width:190px;height:60px!important}.checkout .counterButton input.control{padding:0;font-weight:400;width:50px!important;font-size:44px!important}.checkout .counterButton .icon{background:0 0;fill:#747474!important;width:32px!important;height:32px!important}.checkout .header,.checkout .title{padding-left:40px;padding-right:40px}.checkout .orderTypeSelector{margin-left:40px;margin-right:40px}.checkout .title{font-size:54px;font-weight:600}.checkout .content{padding:0 40px;overflow:auto}.checkout .content .cutleryBlock .cutleryButton .icon{background:0 0}.checkout .checkoutBtn{justify-content:space-between;align-items:center;margin-left:40px;margin-right:40px;font-size:54px;display:flex;position:relative;padding-top:28px!important;padding-bottom:28px!important}.checkout .checkoutBtn .spinner{border-width:10px;width:70px;height:70px;position:absolute;top:calc(50% - 35px);left:calc(50% - 35px)}.checkout .bottomData{flex-direction:column;gap:32px;display:flex;position:relative;overflow:hidden}.checkout .bottomData.hideSummary .summary{width:100%;position:absolute;top:0;left:0;transform:translateY(150%)}.checkout .bottomData .summary{position:initial;padding:0 40px;transition:all 1s;transform:translateY(0)}.checkout .isKiosk .summaryBlock{zoom:2;background:0 0;align-self:auto;padding:0 20px}.checkout .isKiosk .summaryBlock .orderSummary .summaryBody{border-radius:10px}.checkout .isKiosk .summaryBlock .orderSummary .summaryBody .labelInput{background:#fff}.checkout .isKiosk .summaryBlock .products,.checkout .isKiosk .summaryBlock .headerContent,.checkout .isKiosk .summaryBlock .bagesPaymentSummary,.checkout .isKiosk .summaryBlock .confirmButton{display:none}.checkout .restaurant-product-card .image{width:300px;margin-right:46px}.checkout .restaurant-product-card .title,.checkout .restaurant-product-card .price{padding:0;font-size:44px;font-weight:600}.checkout .restaurant-product-card .title{margin:0}.checkout .restaurant-product-card .bottom-leftside{gap:0}.checkout .restaurant-product-card .deleteProduct .icon{width:45px;height:45px}.checkout .restaurant-product-card .deleteProduct span{display:none}.checkout .cutleryBlock{justify-content:space-between;align-items:center;margin-top:20px;display:flex}.checkout .cutleryBlock .cutleryBlockTitle{align-items:center;gap:20px;font-weight:600;display:flex;font-size:44px!important}.checkout .cutleryBlock .cutleryBlockTitle .icon{background:#b9b9b9;-webkit-mask-size:contain;mask-size:contain;width:45px!important;height:45px!important}.isMobile .checkout{gap:16px;padding:24px 0 30px}.isMobile .checkout .cutleryBlock{margin-top:15px}.isMobile .checkout .cutleryBlock .cutleryBlockTitle{gap:10px;font-size:22px!important}.isMobile .checkout .cutleryBlock .cutleryBlockTitle .icon{width:25px!important;height:25px!important}.isMobile .checkout .delete{width:17px!important;height:17px!important}.isMobile .checkout .orderTypeSelector{margin-left:20px;margin-right:20px}.isMobile .checkout .bottomData{gap:16px}.isMobile .checkout .bottomData .summary{padding:0 20px}.isMobile .checkout .header,.isMobile .checkout .title{padding-left:20px;padding-right:20px}.isMobile .checkout .title{font-size:27px}.isMobile .checkout .content{padding:0 20px}.isMobile .checkout .promocode{margin-top:20px}.isMobile .checkout .promocode .left-side .promocodeActive{gap:20px;font-size:20px}.isMobile .checkout .promocode .left-side .promocodeActive .icon{flex-shrink:0;width:40px;height:40px}.isMobile .checkout .promocode .left-side .promocodeInput .invalidCoupon{font-size:20px}.isMobile .checkout .promocode .left-side input{padding:10px 15px;font-size:20px!important}.isMobile .checkout .promocode .promocodeButtonControl{font-size:20px}.isMobile .checkout .checkoutBtn{margin-left:20px;margin-right:20px;font-size:27px;padding-top:14px!important;padding-bottom:14px!important}.isMobile .checkout .checkoutBtn .spinner{border-width:4px;width:38px;height:38px;top:calc(50% - 17px);left:calc(50% - 17px)}.isMobile .checkout .counterButton{border-color:#747474;width:100px;height:35px!important}.isMobile .checkout .counterButton input.control{width:40px!important;font-size:22px!important}.isMobile .checkout .counterButton .icon{width:20px!important;height:20px!important}.isMobile .checkout .restaurant-product-card .image{width:170px;margin-right:23px}.isMobile .checkout .restaurant-product-card .title,.isMobile .checkout .restaurant-product-card .price{padding:0;font-size:22px}.isMobile .checkout .restaurant-product-card .deleteProduct .icon{width:25px;height:25px}.isMobile .checkout .restaurant-product-card .deleteProduct span{display:none}.isRtl .checkout .restaurant-product-card .productTag{left:initial;right:20px}.isRtl .checkout .restaurant-product-card .image{margin-left:46px;margin-right:0}.isRtl.isMobile .checkout .restaurant-product-card .image{margin-left:23px}
.paymentSetup{grid-template-rows:min-content min-content min-content 1fr min-content;gap:32px;padding:48px 0 60px;display:grid}.paymentSetup .header,.paymentSetup .title,.paymentSetup .pageTitle{padding:0 40px}.paymentSetup .userName{color:var(--main-color)}.paymentSetup .title{font-size:54px;font-weight:600}.paymentSetup .pageTitle,.paymentSetup .title{text-align:center}.paymentSetup .bottomData{flex-direction:column;gap:32px;padding:0 40px;display:flex}.paymentSetup .bottomData .btn{justify-content:space-between;font-size:54px;display:flex;position:relative;padding-top:24px!important;padding-bottom:24px!important}.paymentSetup .bottomData .btn .spinner{border-width:10px;width:70px;height:70px;position:absolute;top:calc(50% - 35px);left:calc(50% - 35px)}.paymentSetup .bonuses{flex-direction:column;gap:32px;padding:0 100px;display:flex;overflow:auto}.isMobile .paymentSetup{gap:16px;padding:24px 0 30px}.isMobile .paymentSetup .bottomData{gap:16px;padding:0 20px}.isMobile .paymentSetup .bottomData .btn{font-size:27px;padding-top:14px!important;padding-bottom:14px!important}.isMobile .paymentSetup .bottomData .btn .spinner{border-width:4px;width:35px;height:35px;top:calc(50% - 17px);left:calc(50% - 17px)}.isMobile .paymentSetup .title{font-size:27px}.isMobile .paymentSetup .header,.isMobile .paymentSetup .title,.isMobile .paymentSetup .pageTitle{padding:0 20px}.isMobile .paymentSetup .bonuses{gap:16px;padding:0 50px}
.paymentMethod{grid-template-rows:min-content 1fr;gap:32px;padding:48px 40px 60px;display:grid}.paymentMethod .title{font-size:54px;font-weight:600}.paymentMethod .errorMessage{color:var(--warning);font-size:40px;font-weight:600}.paymentMethod .pageContent{flex-direction:column;justify-content:center;align-items:center;gap:32px;padding:0 100px;display:flex;overflow:auto}.paymentMethod .kioskModal .btn{position:relative}.paymentMethod .kioskModal .btn .spinner{border-width:10px;width:70px;height:70px;position:absolute;top:calc(50% - 35px);left:calc(50% - 35px)}.isMobile .paymentMethod{gap:16px;padding:24px 20px 30px}.isMobile .paymentMethod .errorMessage{font-size:20px}.isMobile .paymentMethod .kioskModal .btn .spinner{border-width:4px;width:35px;height:35px;top:calc(50% - 17px);left:calc(50% - 17px)}.isMobile .paymentMethod .pageContent{gap:16px;padding:0 50px}.isMobile .paymentMethod .title{font-size:27px}
.loginPage{padding:48px 40px 60px}.loginPage .pageBody{flex-direction:column;justify-content:center;align-items:center;gap:24px;height:100%;margin:auto 0;display:flex}.loginPage .pageBody .pageTitle{text-align:center;margin-bottom:140px}.loginPage .pageBody .btn,.loginPage .skipLogin .btn,.loginPage .loginUser .btn{width:100%;font-size:54px;padding-top:28px!important;padding-bottom:28px!important}.loginPage .skipLogin .btn,.loginPage .loginUser .btn{width:calc(100% - 80px)}.loginPage .title{text-align:center;font-size:54px;font-weight:600}.loginPage .inputSection{width:100%;display:block}.loginPage .inputSection span{margin-bottom:4px;font-size:40px;font-weight:400;display:block}.loginPage .inputSection input{background:#f5f5f5;border:none;border-radius:13px;width:100%;padding:27px 20px;font-family:Assistant,sans-serif;font-weight:600;font-size:54px!important}.isMobile .loginPage{padding:24px 20px 40px}.isMobile .loginPage .title{font-size:27px}.isMobile .loginPage .pageBody{gap:12px}.isMobile .loginPage .pageBody .btn{padding-top:10px!important;padding-bottom:10px!important}.isMobile .loginPage .pageTitle{margin-bottom:70px}.isMobile .loginPage .inputSection span{font-size:20px}.isMobile .loginPage .inputSection input{padding:13px 10px;font-size:27px!important}
.registrationInfo{text-align:center;width:100%;margin:0 auto}.registrationInfo .header-login .back-btn{position:absolute;top:25px}@media (max-width:500px){.registrationInfo .header-login{margin-bottom:20px!important}}.registrationInfo .errorMessage{color:red;margin-top:10px}.registrationInfo .logo{margin:auto auto 40px}@media (min-width:500px){.registrationInfo .logo{display:none}}@media (max-width:500px){.registrationInfo{flex-direction:column;flex:1 0 0;display:flex}}.rtl .back-btn{left:auto;right:20px;transform:rotate(180deg)}@media (max-width:500px){.rtl .back-btn{left:auto;right:16px}}
.phone-confirmation{padding-bottom:16px}.socials-container{flex-direction:column;width:100%;max-width:363px;padding:40px 0 16px;display:flex}.socials-container.hasSocials{padding-top:0}.socials-container .divider{background:#b9b9b9;width:136px;height:1px;margin:0 auto 24px}@media (max-width:500px){.socials-container .divider{margin-bottom:48px}}.socials-container .phone-span{text-align:center;display:block}.socials-container .social-buttons{flex-direction:column;gap:16px;padding-bottom:32px;display:flex}@media (max-width:500px){.socials-container .social-buttons{padding-bottom:56px}}.socials-container .social-buttons .button-container{justify-content:center;display:flex}.socials-container .social-buttons .button-container .phone-btn,.socials-container .social-buttons .button-container .google-btn,.socials-container .social-buttons .button-container .facebook-btn{border-radius:var(--border-radius);cursor:pointer;border:none;flex-direction:row;justify-content:center;align-items:center;gap:4px;width:240px;height:44px;font-size:16px;display:flex;font-weight:600!important}.socials-container .social-buttons .button-container .phone-btn.disabled,.socials-container .social-buttons .button-container .google-btn.disabled,.socials-container .social-buttons .button-container .facebook-btn.disabled{cursor:not-allowed}.socials-container .social-buttons .button-container .phone-btn .icon,.socials-container .social-buttons .button-container .google-btn .icon,.socials-container .social-buttons .button-container .facebook-btn .icon{margin-right:4px;position:static!important}@media (max-width:500px){.socials-container .social-buttons .button-container .phone-btn,.socials-container .social-buttons .button-container .google-btn,.socials-container .social-buttons .button-container .facebook-btn{width:280px}}.socials-container .social-buttons .button-container .facebook-btn{color:#fff;background:#1877f2}.socials-container .social-buttons .button-container .facebook-btn.disabled{background:#1333d2}.socials-container .social-buttons .button-container .facebook-btn .facebook{background:#fff;position:absolute;left:10px}.socials-container .social-buttons .button-container .google-btn{background:#fff;border:1px solid #000}.socials-container .social-buttons .button-container .google-btn.disabled{background:#eee}.socials-container .social-buttons .button-container .google-btn .google{position:absolute;left:10px}.socials-container .phone-btn{border:1px solid #ccc}.socials-container .phone-btn .phone{position:absolute;left:10px}
.formWrapper{flex-direction:column;align-items:center;width:100%;display:flex}.formWrapper .phone-span{text-align:center;display:block}.formWrapper .timerBack{color:var(--main-color);text-align:center;margin:5px 0 0}.formWrapper .resendCode{color:var(--main-color);cursor:pointer;margin:5px 0 0}.formWrapper .errorMessage{color:red;margin-top:10px}.formWrapper .react-code-input input{text-align:center;height:44px;box-shadow:none!important;background:#f1f2f6!important;border:none!important;border-radius:5px!important;padding:0!important;font-family:Montserrat,sans-serif!important}.rtl .react-code-input{direction:ltr}.rtl .react-code-input input{text-align:center}
.auth-module-container{background-color:var(--main-color);box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:866px;display:flex}@media (max-width:500px){.auth-module-container{background-color:#fff;min-height:100svh}}.auth-module-container .auth-module-content-container{background:#fff;border-radius:10px;flex-direction:column;align-items:center;width:100%;max-width:520px;min-height:100%;padding:20px;display:flex;position:relative}@media (max-width:500px){.auth-module-container .auth-module-content-container{min-height:100svh}}.auth-module-container .auth-module-content-container .header-login{text-align:center;margin:0 20px 40px;font-size:24px;font-weight:600;line-height:140%}@media (max-width:500px){.auth-module-container .auth-module-content-container .header-login{margin-bottom:24px;font-size:16px}}.auth-module-container .auth-module-content-container .logo{max-width:150px;margin-bottom:40px}@media (min-width:500px){.auth-module-container .auth-module-content-container .logo{display:none}}.auth-module-container .auth-module-content-container .back-btn{width:20px;height:20px;position:absolute;top:25px;left:20px}@media (max-width:500px){.auth-module-container .auth-module-content-container .back-btn{top:20px;left:16px}}.auth-module-container .auth-module-content-container .loader-block{z-index:99;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.auth-module-container .auth-module-content-container .loader-block .spinner{width:100px;height:100px}.auth-module-container .auth-module-content-container .otp{width:100%;transition:opacity .2s}.auth-module-container .auth-module-content-container .otp.visible{opacity:1;pointer-events:auto;position:static}.auth-module-container .auth-module-content-container .otp:not(.visible){opacity:0;pointer-events:none;position:absolute}@media (max-width:500px){.auth-module-container .auth-module-content-container{border-radius:0}}.rtl .back-btn{left:auto;right:20px;transform:rotate(180deg)}@media (max-width:500px){.rtl .back-btn{left:auto;right:16px}}