.snackbar{transition:transform .3s ease-in-out;background-color:var(--success);color:#fff;padding:30px;position:fixed;top:30px;width:250px;text-align:center;right:10px;z-index:40;border-radius:15px;transform:translate(400px)}.snackbar.active{transform:translate(0)}.snackbar p{padding:0;margin:0}.snackbar h2{margin:0 0 10px 0}.nav header{height:250px;background-image:url(../img/header.9cde8b14.jpg);background-position:50%;background-size:cover}.nav .btns{display:flex;justify-content:space-between;top:0;color:#fff;padding:10px 20px}.nav .btns a{text-align:center;display:flex;flex-direction:column;border-radius:50%;justify-content:center;align-items:center}.nav .btns a img{width:50px}.nav .header__wrapper{width:100%;background-position:50%;position:relative;height:150px}.nav .header__wrapper,.nav .header__wrapper .logo{display:flex;justify-content:center;align-items:center}.nav .header__wrapper .logo{width:70px;height:70px;background-color:var(--color-white);box-shadow:var(--shadow);border-radius:50%}.nav .header__wrapper .logo svg{fill:var(--color-black)}.nav .header__wrapper .controllers{position:absolute;color:#fff;right:0;bottom:30px;display:flex}.nav .header__wrapper .controllers>div{display:flex;flex-direction:column;text-align:center;justify-content:center;align-items:center;cursor:pointer}.nav .header__wrapper .controllers>div:first-child{margin-right:20px}.nav .header__wrapper .controllers>div svg{width:40px;fill:#fff}.form{display:flex}.vsm-modal-body{display:none;background-color:var(--color-white)}.guest-input{background-color:var(--color-white-lighten);color:var(--colors-font);height:30px;border:none;border-radius:15px;padding-left:20px}.isForm .vsm-modal-body{display:block!important}.vsm-modal-header{background-color:var(--color-white-lighten)!important;color:var(--color-black)}.empty[data-v-12b5dc36]{display:flex;justify-content:center;align-items:center;flex-direction:column}.empty h2[data-v-12b5dc36]{margin-top:20px;color:#a4a4a4;font-size:30px}.empty img[data-v-12b5dc36]{width:200px;height:auto}.cart-item[data-v-d3abd242]{display:flex;box-shadow:var(--shadow);align-items:center;justify-content:space-between;padding:20px 10px;margin-bottom:20px;background-color:var(--color-white);border-radius:15px}.cart-item .left[data-v-d3abd242]{display:flex}.cart-item .left img[data-v-d3abd242]{margin-right:20px;border-radius:5px;width:100px}.cart-item .info h3[data-v-d3abd242]{margin-top:0;margin-bottom:5px;font-family:Kufi;height:30px;overflow:hidden;color:var(--color-black)}.cart-item .info p[data-v-d3abd242]{margin:0;color:var(--primary)}.cart-item .qnt[data-v-d3abd242]{display:flex;align-items:center;color:var(--primary)}.cart-item .qnt input[data-v-d3abd242]{text-align:center;width:30px;border:none;font-size:18px;background-color:var(--color-white-lighten)}.cart-item .qnt svg[data-v-d3abd242]{width:25px;height:25px}.cart-item .right[data-v-d3abd242]{text-align:center;cursor:pointer}.cart-item .right svg[data-v-d3abd242]{width:30px;height:30px;fill:var(--danger)}.cart[data-v-02dc958c]{position:relative}.cart-items[data-v-02dc958c]{padding:10px 20px 130px 20px}.cart .totals[data-v-02dc958c]{bottom:0;width:100%;position:fixed;background-color:var(--color-white);color:var(--color-black)}.cart .totals__wrapper[data-v-02dc958c]{position:relative;width:100%;box-shadow:10px -3px 25px rgba(0,0,0,.5)}.cart .totals__wrapper .total-row[data-v-02dc958c]{padding:10px;display:flex;justify-content:space-between;border-radius:15px}.cart .totals__wrapper .total-row span[data-v-02dc958c]{font-size:18px;font-weight:700}.cart .totals__wrapper .total-row span[data-v-02dc958c]:last-child{color:var(--primary)}:root{--color-white:#fff;--color-black:#000;--color-white-lighten:#f7f7f7}.dark,:root{--primary:#4682b4;--shadow:rgba(0,0,0,0.15) 2px 2px 10px;--p-color:#676767;--success:#5cb85c;--danger:#d9534f;--nav-height:70px;--margin-minus:-25px;--colors-font:#989898}.dark{--color-white:#000;--color-black:#fff;--color-white-lighten:#111}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes leftIn{0%{transform:translateX(-200px)}to{transform:translateX(-200px)}}@keyframes leftIn{0%{transform:translateX(-200px)}to{transform:translateX(-200px)}}@-webkit-keyframes animWidth{0%{width:0}to{width:120px}}@keyframes animWidth{0%{width:0}to{width:120px}}@-webkit-keyframes animScale{0%{transform:scale(0);visibility:visible}to{transform:scale(1);visibility:visible}}@keyframes animScale{0%{transform:scale(0);visibility:visible}to{transform:scale(1);visibility:visible}}@-webkit-keyframes animGroup{0%{transform:translateX(200px);width:50%;opacity:0}to{opacity:1;width:100%;transform:translateX(0)}}@keyframes animGroup{0%{transform:translateX(200px);width:50%;opacity:0}to{opacity:1;width:100%;transform:translateX(0)}}@-webkit-keyframes animGroupOdd{0%{transform:translateX(-200px);width:50%;opacity:0}to{opacity:1;width:100%;transform:translateX(0)}}@keyframes animGroupOdd{0%{transform:translateX(-200px);width:50%;opacity:0}to{opacity:1;width:100%;transform:translateX(0)}}@-webkit-keyframes loading{to{background-position:315px 0,0 0,0 190px,50px 195px}}@keyframes loading{to{background-position:315px 0,0 0,0 190px,50px 195px}}@font-face{font-family:century;src:local("century"),url(../fonts/Century-Gothic.cfce6abb.ttf) format("truetype")}@font-face{font-family:kufi;src:local("kufi"),url(../fonts/Kufi-Regular.34e035cb.ttf) format("truetype")}html{font-family:century,sans-serif!important}html.rtl{font-family:kufi,sans-serif!important}body,html{padding:0;margin:0}.container{max-width:560px;margin:0 auto}#app{position:relative;background-color:var(--color-white-lighten)}.view{padding-top:calc(var(--nav-height) + 20px)}a{text-decoration:none;color:inherit}.bottom-sheet__card{min-height:500px}// form .input{width:100%;padding:20px;& input{width:100%}}.app-btn{width:320px;display:block;background-color:var(--primary);color:#fff;padding:10px 0;text-align:center;border-radius:15px}.guest-form{width:100%;display:flex;flex-direction:column;align-items:center;gap:20px}.guest-input{width:300px}.qnt{display:flex;align-items:center;color:var(--primary)}.qnt-svg{fill:var(--primary);cursor:pointer}.qnt-input{text-align:center;width:30px;border:none;font-size:18px;color:var(--primary);background-color:#fff;margin:0 10px}.bottom-sheet__pan{background-color:var(--color-white-lighten);border-radius:12px 12px 0 0}.skelton{cursor:progress;background:linear-gradient(90deg,transparent,var(--color-white),transparent),linear-gradient(var(--color-white-lighten),var(--color-white-lighten)),radial-gradient(38px circle at 19px 19px,var(--color-white-lighten) 50%,transparent 51%),linear-gradient(var(--color-white-lighten),var(--color-white-lighten));background-repeat:no-repeat;-webkit-animation:loading 1.5s infinite;animation:loading 1.5s infinite}.bottom-sheet__content{background-color:var(--color-white-lighten)}.group[data-v-1bcb62d5]{border:2px solid var(--primary);border-radius:25px;background-color:var(--color-white);display:flex;justify-content:center;align-items:center;margin-right:3px;-webkit-animation:animWidth 1s;animation:animWidth 1s;transition:all .3s ease-in;height:40px;margin:0 10px;padding:0}.group h4[data-v-1bcb62d5]{-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation:fadeIn 2s;animation:fadeIn 2s;margin:0;color:var(--color-black)}.group.active[data-v-1bcb62d5]{background-color:var(--primary)}.group.active h4[data-v-1bcb62d5]{color:#fff}.sub-group-skelton[data-v-23c4b857],.sub-group[data-v-23c4b857]{border-radius:25px;background-position:50%;display:flex;justify-content:center;align-items:center;width:100%;height:140px;color:#fff;margin-bottom:20px;text-shadow:0 2px 3px rgba(0,0,0,.46);box-shadow:var(--shadow);position:relative;transition:all .3s ease-in-out;background-size:cover;background-repeat:no-repeat}.sub-group-skelton[data-v-23c4b857]:hover,.sub-group[data-v-23c4b857]:hover{transform:scale(1.04)}.sub-group-skelton h4[data-v-23c4b857],.sub-group h4[data-v-23c4b857]{z-index:2}.sub-group-skelton[data-v-23c4b857]:before,.sub-group[data-v-23c4b857]:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;border-radius:26px;background:#232d40;opacity:.4}.item[data-v-c498befa]{cursor:pointer;transition:all .3s}.item[data-v-c498befa]:hover{transform:scale(1.02)}.item img[data-v-c498befa]{width:100%;border-radius:25px;height:auto}.item h3[data-v-c498befa]{margin-top:0;margin-bottom:15px;font-size:16px;font-family:Kufi;margin-top:15px}.item p[data-v-c498befa]{margin:5px;color:var(--p-color)}.item p.price[data-v-c498befa]{color:var(--primary);font-weight:800;font-size:20px;margin-bottom:20px}.item .info-bottom[data-v-c498befa]{display:flex;justify-content:space-between;align-items:center}.item a[data-v-c498befa]{background-color:var(--primary);width:40px;height:40px;border-radius:50%;color:#fff;text-align:center;display:flex;justify-content:center;align-items:center;box-shadow:2px 2px 20px rgba(0,0,0,.4);-webkit-animation-delay:3s;animation-delay:3s;cursor:pointer;transition:all .3s}.item a[data-v-c498befa]:active{box-shadow:none}.item a svg[data-v-c498befa]{fill:#fff}.item a svg path[data-v-c498befa]{fill:#fff!important;font-weight:700}.item.active h3[data-v-c498befa]{color:var(--primary)}.item.active h3[data-v-c498befa]:after{content:"";width:100%;display:block;margin-top:10px;border-bottom:1px solid var(--primary)}.item-skelton[data-v-c498befa]{width:100%;height:250px;margin-bottom:30px;border-radius:25px}.home{min-height:calc(100vh - 250px)}.home .items_wrapper{height:100%;background-color:var(--color-white);border-radius:25px;margin-top:var(--margin-minus);padding:0 20px;padding-top:30px;box-shadow:var(--shadow);overflow:hidden;padding-bottom:60px}.home .items_wrapper .info{text-align:left;margin-bottom:30px;-webkit-animation:fadeIn 1s;animation:fadeIn 1s;color:var(--color-black)}.home .items_wrapper .info svg.logo{width:150px;height:100px;fill:var(--color-black);transition:all .3s ease}.home .items_wrapper .info .info-grid{display:grid;grid-template-columns:70% 30%}@media (max-width:400px){.home .items_wrapper .info .info-grid{grid-template-columns:1fr}}.home .items_wrapper .info .header-info{color:var(--colors-font);margin:4px 0}.home .items_wrapper .info .header-info svg{width:20px;fill:var(--colors-font)}.home .items_wrapper .main-groups{margin-bottom:20px}.home .items_wrapper .items h2{font-size:20px;font-weight:400;margin:32px 0 18px;color:var(--colors-black)}.home .bottom{position:fixed;bottom:0;color:#fff;z-index:10;padding:30px 0;height:60px;display:flex;justify-content:center;align-items:center;padding:0 20px;width:calc(100% - 40px);background-color:var(--primary);border-radius:25px 25px 0 0}