.navbar{width:100%;position:fixed;background-color:var(--color-primary);z-index:1000}.navbar-conatiner{color:var(--color-on-primary);max-width:var(--max-width);margin:0 auto;height:var(--height-navbar);padding:0 var(--padding-normal)}.navbar-conatiner,.navbar-conatiner-landing{display:flex;align-items:center;gap:var(--padding-normal)}.navbar-conatiner-landing{flex:1 1;justify-content:space-between}.navbar-conatiner-landing .navbar-list{flex:1 1}.navbar-conatiner-landing>button{min-width:120px;max-width:200px;padding:0 var(--padding-normal);height:43px}.navbar-conatiner-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}.navbar-btn-menu{background:none;border:none;cursor:pointer}.navbar-name{max-width:250px;font-weight:700;font-size:var(--font-x-large);overflow:hidden;text-overflow:ellipsis;cursor:pointer}.navbar-search-input{flex:1 1}.navbar-list{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}.navbar-btn-lang-image{width:40px;height:40px;margin-top:2px;display:flex}.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}.navbar-btn-profile-icon{width:30px;height:30px;border-radius:50%;border:2px solid var(--color-on-primary)}@media (max-width:767px){.navbar-conatiner{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:block}.navbar-conatiner-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}}@media (min-width:699px) and (max-width:992px){.navbar-conatiner{gap:var(--padding-small)}.navbar-btn-country,.navbar-btn-lang-text,.navbar-btn-profile,.navbar-list,.navbar-name,.profile-dev{display:none}.navbar-conatiner-landing .navbar-list{display:block;visibility:hidden}.navbar-name.force{display:block}}@media (min-width:992px){.navbar-btn-lang-image,.navbar-btn-menu{width:0;height:0;display:none}.navbar-conatiner-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)}.landing-footer{background-color:black;color:#ffffff}.landing-footer-container{max-width:var(--max-width);margin:auto;display:flex;flex-direction:column;align-items:start;padding:var(--padding-normal);gap:var(--padding-normal)}.landing-footer-container .line-separator-horizontal,.landing-footer-container .line-separator-vertical{background-color:var(--color-surface);opacity:.5}.landing-footer-name{width:100%;display:flex;flex-direction:row;align-items:center;gap:var(--padding-large)}.landing-footer-name>h2{flex:1 1}.landing-footer-name>button{min-width:120px;max-width:300px;padding:0 var(--padding-normal);height:50px}.landing-footer-name>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.3}.landing-footer-sections{width:100%;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:start;gap:var(--padding-normal)}.landing-footer-section{min-width:150px;display:flex;flex-direction:column;gap:var(--padding-small)}.landing-footer-section>p{font-size:var(--font-x-large);font-weight:700}.landing-footer-section ul{display:flex;flex-direction:column;gap:var(--padding-small)}.landing-footer-section li{cursor:pointer}.landing-footer-section li.disable{cursor:auto}.landing-footer-social{flex-direction:row!important;flex-wrap:wrap}.landing-footer-social li{width:35px;height:35px}.landing-footer-payments{flex-direction:row!important;flex-wrap:wrap;gap:var(--padding-small)}.landing-footer-policy-powerby{width:100%;display:flex;flex-direction:row;font-size:var(--font-normal)}.landing-footer-policy-powerby p{cursor:pointer}.landing-footer-policy{flex:1 1}.landing-footer-maroof,.landing-footer-policy{display:flex;flex-direction:row;gap:var(--padding-small)}.landing-footer-maroof{font-size:var(--font-normal)}.landing-footer-maroof-content{flex:1 1;display:flex;flex-wrap:wrap;gap:var(--padding-small)}.landing-footer-maroof-content img{cursor:pointer}.landing-footer-maroof-info{display:flex}.landing-footer-maroof-info.pointer{cursor:pointer}.landing-footer-maroof-info span{gap:var(--padding-small)}@media (max-width:767px){.landing-footer-name{flex-direction:column;align-items:start}.landing-footer-name button{width:100%}.landing-footer-sections{display:grid;grid-template-columns:1fr 1fr}.landing-footer-maroof,.landing-footer-policy-powerby{flex-direction:column}}@media screen and (min-width:768px) and (max-width:992px){.landing-footer-sections{flex-wrap:wrap}}