.navbar{width:100%;position:fixed;background-color:var(--color-primary);z-index:1000}.navbar-container{color:var(--color-on-primary);max-width:var(--max-width);margin:0 auto;height:var(--height-navbar);padding:0 var(--padding-normal)}.navbar-container,.navbar-container-landing{flex:1 1;display:flex;align-items:center;gap:var(--padding-normal)}.navbar-container-landing{justify-content:space-between}.navbar-container-landing .navbar-list{flex:1 1}.navbar-container-landing>button{min-width:120px;max-width:200px;padding:0 var(--padding-normal);height:43px}.templatefoodi .navbar-container-landing>button{background-color:var(--color-background);border:1px solid var(--color-outline);color:var(--color-tertiary);border-radius:var(--radius-normal);padding:6px 16px;height:unset}.navbar-container-landing>button>p{overflow:hidden;text-overflow:ellipsis;word-break:break-all;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.2}.templatefoodi .navbar-container-landing>button>p{-webkit-line-clamp:1;line-height:unset}.navbar-btn-menu{background:none;border:none;cursor:pointer;margin:10px}.templatefoodi .navbar-btn-menu{transform:scaleX(-1)}.templatefoodi .navbar-btn-menu path{fill:var(--color-tertiary)}.navbar-name{display:flex;align-items:center;max-width:250px;font-weight:700;font-size:var(--font-x-large);overflow:hidden;text-overflow:ellipsis;cursor:pointer;gap:var(--padding-medium)}.navbar-name .line-separator-vertical{background-color:var(--color-separator);height:var(--height-navbar)}.navbar-search-input{flex:1 1}.navbar-list-container{align-items:center}.navbar-list,.navbar-list-container{display:flex;gap:var(--padding-normal)}.navbar-list-item{background:none;border:none;outline:none;color:var(--color-on-primary);font-size:var(--font-normal);display:flex;align-items:center;cursor:pointer}.navbar-btn-lang{cursor:pointer}.templatefoodi .navbar-btn-lang-text{display:none}.navbar-btn-lang-image{display:none;width:40px;height:40px;margin-top:2px}.templatefoodi .navbar-btn-lang-image{display:flex;-webkit-margin-start:-8px;margin-inline-start:-8px}.templatefoodi .navbar-btn-lang-image.custom-svg.on-primary path{fill:var(--color-tertiary)}.navbar .cart-button{padding:5px}.navbar .cart-button-count{top:5px}.navbar-btn-country button,.navbar-btn-profile button{background:none}.navbar-btn-country-icon{width:30px;height:30px;border-radius:50%;object-fit:cover}.templatefoodi .navbar-btn-country-icon{width:34px;height:34px}.navbar-btn-profile-icon{width:30px;height:30px;border-radius:50%;border:2px solid var(--color-on-primary)}.navbar.templatefoodi{width:100vw;border-bottom:1px solid var(--color-outline);background-color:var(--color-background);position:fixed;z-index:1000}.navbar.templatefoodi,.navbar.templatefoodi .navbar-btn-lang{color:var(--color-tertiary)}.navbar.templatefoodi .navbar-container{max-width:100vw;color:var(--color-tertiary);margin:0}.navbar.templatefoodi .navbar-container.space-between{justify-content:space-between}.navbar.templatefoodi .navbar-name{max-width:none;font-size:var(--font-normal);font-weight:400}.navbar.templatefoodi .navbar-list-item{color:var(--color-tertiary)}.navbar.templatefoodi .navbar-btn-country-icon,.navbar.templatefoodi .navbar-btn-profile-icon{border:1px solid var(--color-outline);border-radius:50%}.navbar-list-item-account button{max-width:200px}.navbar-list-item-account-info{flex:1 1;display:flex;align-items:center;gap:var(--padding-small)}.navbar-list-item-account-info p{flex:1 1;overflow:hidden;text-overflow:ellipsis;word-break:break-all;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.navbar-list-item-login,.templatefoodi .navbar-list-item-account button{display:flex;gap:var(--padding-small);color:var(--color-tertiary);background-color:var(--color-background);border:1px solid var(--color-outline);padding:6px 16px;border-radius:var(--radius-normal);font-size:var(--font-normal);cursor:pointer}.templatefoodi .navbar-back-btn{flex:1 1;display:flex;flex-direction:row;align-items:center;font-size:var(--font-normal);color:var(--color-tertiary);cursor:pointer}.navbar-btn-more{position:relative}.navbar-btn-more button{display:flex;align-items:center;font-size:var(--font-normal);gap:4px;color:var(--color-tertiary);background:transparent;border:none;cursor:pointer}.navbar-btn-more-menu{position:absolute;top:38px;min-width:230px;background:var(--color-background);color:var(--color-secondary);box-shadow:0 4px 8px rgba(0,0,0,.1);border-radius:var(--radius-normal);z-index:99;max-height:70vh;overflow-y:auto}.navbar-btn-more-menu.en{right:0}.navbar-btn-more-menu.ar{left:0}.navbar-btn-more-menu-item{display:flex;flex-direction:row;padding:var(--padding-normal);color:var(--color-secondary);font-size:var(--font-normal);border-bottom:1px solid var(--color-separator);gap:var(--padding-normal);cursor:pointer}.navbar-btn-more-menu-item:hover{background:#f5f5f5}@media (max-width:700px){.navbar-container,.navbar-list-container{gap:var(--padding-small)}.navbar-btn-country,.navbar-btn-lang-text,.navbar-btn-profile,.navbar-list,.navbar-name,.profile-dev{display:none}.navbar-name.force{display:flex}.navbar-container-landing .navbar-list{display:block;visibility:hidden}.navbar-search-input .search-products-input{background-color:transparent;color:var(--color-on-primary)}.navbar-search-input .search-products-input input{color:var(--color-on-primary)}.navbar-search-input .search-products-input input::placeholder{color:var(--color-on-primary)}.navbar-search-input .search-products-input button{color:var(--color-on-primary)}.navbar-search-input path{fill:var(--color-on-primary)!important}.navbar.templatefoodi .navbar-name{display:flex}.navbar.templatefoodi .navbar-list-item,.templatefoodi .navbar-btn-country{display:none}.navbar-btn-lang-image{display:flex}.templatefoodi .navbar-btn-lang-image{-webkit-margin-start:0;margin-inline-start:0}.navbar-btn-more,.navbar-list-item-account{display:none}}@media (min-width:701px) and (max-width:992px){.navbar-container,.navbar-list-container{gap:var(--padding-small)}.navbar-btn-country,.navbar-btn-lang-text,.navbar-btn-profile,.navbar-list,.navbar-name,.profile-dev{display:none}.navbar-container-landing .navbar-list{display:block;visibility:hidden}.navbar-name.force,.navbar.templatefoodi .navbar-name{display:flex}.navbar.templatefoodi .navbar-list-item{display:none}.navbar-btn-lang-image,.templatefoodi .navbar-btn-country{display:flex}.templatefoodi .navbar-btn-lang-image{-webkit-margin-start:0;margin-inline-start:0}.templatefoodi .navbar-btn-menu{width:0;height:0;display:none}}@media (min-width:992px){.navbar-btn-menu{width:0;height:0;display:none}.navbar-container-landing>button{max-width:300px}}.profile-dropdown-container{display:flex;position:relative}.profile-dropdown-container button{border:none;cursor:pointer;outline:none;display:flex;flex-direction:row;align-items:center;gap:var(--padding-too-small)}.profile-balance{display:flex;align-items:center;gap:var(--padding-small)}.profile-dropdown-menu{position:absolute;top:38px;min-width:230px;background:var(--color-background);color:var(--color-secondary);box-shadow:0 4px 8px rgba(0,0,0,.1);border-radius:var(--radius-normal);z-index:99}.profile-dropdown-menu.en{right:0}.profile-dropdown-menu.ar{left:0}.profile-dropdown-menu-item{padding:var(--padding-normal);color:var(--color-secondary);font-size:var(--font-normal);border-bottom:1px solid var(--color-separator);cursor:pointer}.profile-dropdown-menu-item.disable{cursor:auto}.profile-dropdown-menu-item:hover{background:#f5f5f5}.profile-dropdown-menu-item.disable:hover{background:transparent}.profile-dropdown-menu-item:last-child{border-bottom:none}.profile-dropdown-menu-item h3{color:var(--color-tertiary)}.country-dropdown-container{display:flex;position:relative}.country-dropdown-container button{border:none;cursor:pointer;outline:none;display:flex!important;flex-direction:row;align-items:center;justify-content:center;gap:var(--padding-too-small)}.country-dropdown-menu{position:absolute;top:38px;min-width:230px;background:var(--color-background);color:var(--color-secondary);box-shadow:0 4px 8px rgba(0,0,0,.1);border-radius:var(--radius-normal);z-index:99;max-height:70vh;overflow-y:auto}.country-dropdown-menu.en{right:0}.country-dropdown-menu.ar{left:0}.country-dropdown-menu-item{display:flex;flex-direction:row;padding:var(--padding-normal);color:var(--color-secondary);font-size:var(--font-normal);border-bottom:1px solid var(--color-separator);gap:var(--padding-normal);cursor:pointer}.country-dropdown-menu-item.disable{cursor:auto}.country-dropdown-menu-item:hover{background:#f5f5f5}.country-dropdown-menu-item.disable:hover{background:transparent}.country-dropdown-menu-item:last-child{border-bottom:none}.country-dropdown-menu-item img{object-fit:contain}.cart-button{position:relative;display:flex;cursor:pointer}.cart-button-count{position:absolute;top:0;background-color:var(--color-on-primary);color:var(--color-primary);font-weight:700;font-size:12px;border-radius:50%;width:25px;height:25px;display:flex;justify-content:center;align-items:center}.cart-button-count.primary{background-color:var(--color-primary);color:var(--color-on-primary)}.cart-button-count.secondary{background-color:var(--color-secondary);color:var(--color-on-primary)}.cart-button-count.on-primary{background-color:var(--color-on-primary);color:var(--color-primary)}.cart-button.en{left:-3px}.cart-button.ar,.cart-button.en .cart-button-count{right:-3px}.cart-button.ar .cart-button-count{left:-3px}.cart-button .loader span{width:20px;height:20px;border:2px solid var(--color-surface-container);border-bottom-color:var(--color-primary)}