@import "https://fonts.googleapis.com/css2?family=Heebo&family=Alexandria&display=swap";
@import "https://fonts.googleapis.com/css2?family=Heebo:wght@100..900&family=Alexandria:wght@400..700&display=swap";
.my-navbar{border-bottom:1px solid var(--Rukneo-Neutral-300,#d1d5db);z-index:100;background-color:#fff;padding-top:16px;padding-bottom:16px;position:sticky;top:0}.my-navbar .logo{width:auto;height:32px}.my-navbar .overlay{opacity:.48;background:var(--Rukneo-Dark,#011c40);z-index:150;width:100%;height:100%;position:fixed;top:0;left:0}.my-navbar .container{position:relative}.my-navbar .nav-up{justify-content:space-between;align-items:center;display:flex;position:relative}.my-navbar .nav-search-area{border:1px solid var(--Rukneo-Neutral-300,#d1d5db);background:var(--Rukneo-White,#fff);border-radius:4px;width:min(500px,100%);min-width:200px;height:44px;padding:10px 14px;display:block;position:relative;box-shadow:0 1px 2px #021c410f}.my-navbar .nav-search-area-mobile{width:100%;min-width:auto}.my-navbar .nav-mobile-search-cat{align-items:center;gap:8px;width:100%;margin-top:16px;display:flex;position:relative}.my-navbar .nav-mobile-search-cat .nav-search-area,.my-navbar .nav-mobile-search-cat .nav-search-area-mobile{flex:1;margin-top:0;position:relative}.my-navbar .nav-category-btn-mobile{border:1px solid var(--Rukneo-Neutral-300,#d1d5db);background:var(--Rukneo-White,#fff);cursor:pointer;white-space:nowrap;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;gap:8px;height:44px;padding:12px 16px;display:flex;box-shadow:0 1px 2px #021c410f}.my-navbar .nav-category-btn-mobile img{width:20px;height:20px}.my-navbar .nav-category-btn-mobile span{color:var(--Rukneo-Dark,#011c40);font-family:Heebo;font-size:14px;font-style:normal;font-weight:500;line-height:22px}.my-navbar .nav-category-btn-mobile:hover{cursor:pointer}.my-navbar .nav-categories-modal{border:1px solid var(--Rukneo-Neutral-300,#d1d5db);background:var(--Rukneo-White,#fff);z-index:157;border-radius:4px;flex-direction:column;width:calc(100% - 40px);height:calc(100vh - 82px);display:flex;position:fixed;top:62px;left:50%;overflow-y:scroll;transform:translate(-50%);box-shadow:0 1px 2px #021c410f}.my-navbar .nav-categories-modal .menu-categories-listing{padding:0 24px 24px}.my-navbar .nav-search-area input[type=text]:focus{border:none;outline:none}.my-navbar .nav-search-area input[type=text]{color:#021c41;border:none;width:340px;padding-left:20px;font-family:Heebo;font-size:16px;font-style:normal;font-weight:400;line-height:24px;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.my-navbar .nav-search-area input[type=submit]{background:var(--Rukneo-Alt-Dark,#00296b);height:36px;color:var(--Rukneo-White,#fff);border:none;border-radius:4px;padding:8px 16px;font-family:Heebo;font-size:14px;font-style:normal;font-weight:700;line-height:100%;position:absolute;top:4px;right:4px}.my-navbar .nav-search-area img{border:none;position:absolute;top:10px;left:4px}.my-navbar .nav-icons{align-items:center;gap:24px;display:flex}.my-navbar .language{border:1px solid var(--Rukneo-Neutral-300,#d1d5db);border-radius:4px;display:flex;gap:0!important}.my-navbar .language .lang-item:hover{cursor:pointer}.my-navbar .language .lang-item{background:var(--Rukneo-Neutral-50,#f5f7f8);color:var(--Rukneo-Neutral-700,#777a8b);padding:12px 16px;font-family:Heebo;font-size:14px;font-style:normal;font-weight:400;line-height:100%}.my-navbar .language .lang-item.selected{color:var(--Rukneo-Primary,#00296b);background-color:#fff;font-weight:500}.my-navbar .language .lang-item:first-child{border-right:1px solid var(--Rukneo-Neutral-300,#d1d5db)}.arabic .my-navbar .language .lang-item:first-child{border-right:unset;border-left:1px solid var(--Rukneo-Neutral-300,#d1d5db)}.my-navbar .nav-icons div:last-child{align-items:center;gap:16px;display:flex}.my-navbar .nav-icons .menu-btn{z-index:155;position:relative}.my-navbar .nav-down{justify-content:center;align-items:center;margin-top:30px;padding-bottom:12px;display:flex;position:relative}.my-navbar .nav-category-btn:hover{cursor:pointer}.my-navbar .nav-category-btn{z-index:156;border:1px solid var(--Rukneo-Neutral-300,#d1d5db);color:var(--Rukneo-Alt-Dark,#00296b);background-color:#fff;border-radius:4px;align-items:center;gap:24px;margin-right:64px;padding:12px 16px;font-family:Heebo;font-size:16px;font-style:normal;font-weight:400;line-height:24px;display:flex;position:absolute;left:0;box-shadow:0 1px 2px #1018280d}.my-navbar.arabic .nav-category-btn{left:initial;right:0}.my-navbar .nav-category-btn .left{align-items:center;gap:8px;display:flex}.my-navbar ul{align-items:center;gap:16px;margin:0;padding-left:0;display:flex}.my-navbar li{color:#021c41;font-family:Heebo;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.my-navbar .active li{color:var(--Rukneo-Blue,#0f6ffb);font-weight:500}.my-navbar .nav-dropdown{position:relative}.my-navbar .nav-dropdown-trigger{cursor:pointer;color:#021c41;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;background:0 0;border:none;align-items:center;gap:8px;padding:0;display:flex}.my-navbar .nav-dropdown.open .nav-dropdown-trigger,.my-navbar .nav-dropdown.active .nav-dropdown-trigger{color:var(--Rukneo-Blue,#0f6ffb);font-weight:500}.my-navbar .nav-dropdown-arrow{width:20px;height:20px;transition:transform .16s}.my-navbar .nav-dropdown-arrow.open{transform:rotate(180deg)}.my-navbar .nav-dropdown-menu{border:1px solid var(--Rukneo-Neutral-300,#d1d5db);background:var(--Rukneo-White,#fff);z-index:1000;opacity:0;visibility:hidden;pointer-events:none;border-radius:4px;flex-direction:column;gap:4px;min-width:220px;padding:12px;transition:opacity .16s,transform .16s,visibility .16s;display:flex;position:absolute;top:calc(100% + 10px);left:0;transform:translateY(4px);box-shadow:0 4px 12px #021c411f}.my-navbar .nav-dropdown:hover .nav-dropdown-menu,.my-navbar .nav-dropdown-menu.open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.my-navbar .nav-dropdown-item{color:var(--Rukneo-Primary,#00296b);white-space:nowrap;border-radius:4px;padding:10px 12px;font-family:Heebo;font-size:16px;font-style:normal;font-weight:500;line-height:24px;text-decoration:none}.my-navbar .nav-dropdown-item:hover{background:var(--Rukneo-Neutral-50,#f5f7f8)}.my-navbar.arabic .nav-dropdown-menu{left:initial;right:0}.my-navbar li:hover{cursor:pointer}.my-navbar .nav-search-area input[type=text]{text-align:left}.arabic.my-navbar .nav-search-area input[type=text]{text-align:right;width:auto;min-width:200px;padding-left:0;padding-right:20px;left:110px;right:30px}.arabic.my-navbar .nav-search-area input[type=submit]{left:4px;right:initial}.arabic.my-navbar .nav-search-area img{left:initial;right:4px}@media only screen and (max-width:767px){.my-navbar .nav-search-area input[type=text]{padding-left:initial;text-align:right;width:calc(100% - 50px);left:initial;padding-right:50px;right:0}.my-navbar .nav-search-area img{left:initial;right:4px}.arabic.my-navbar .nav-search-area input[type=text]{text-align:right;width:calc(100% - 50px);right:0;left:initial;padding-right:50px}.arabic.my-navbar .nav-search-area img{right:4px;left:initial}.my-navbar .nav-icons img{width:40px}}.my-navbar .profile-holder:hover{cursor:pointer}.my-navbar .cart-holder{z-index:8;position:relative!important}.my-navbar .cart-holder span{content:"";color:#fff;background-color:var(--Rukneo-Org,#f18605);z-index:10;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:12px;display:flex;position:absolute;top:-4px;right:-2px}.my-navbar .profile-holder{position:relative!important}.my-navbar .profile-letters{width:48px;height:48px;color:var(--Rukneo-Primary,#00296b);text-align:center;border:1px solid #021c4129;border-radius:50%;justify-content:center;align-items:center;font-family:Alexandria;font-size:16px;font-style:normal;font-weight:500;line-height:100%;display:flex;position:relative;box-shadow:0 1px 2px #021c4112}.my-navbar .profile-letters.active{border:1px solid var(--Rukneo-Primary,#00296b)}.my-navbar .profile-letters.not-completed:after{content:"";background-color:var(--Rukneo-Org,#f18605);border-radius:50%;width:16px;height:16px;position:absolute;top:-4px;right:-4px}.my-navbar .profile-list{border:1px solid var(--Rukneo-Primary,#00296b);background:var(--Rukneo-White,#fff);z-index:1000;border-radius:4px;flex-direction:column;align-items:flex-start;width:206px;margin-top:4px;padding:16px;list-style:none;display:flex;position:absolute;right:0;box-shadow:0 4px 12px #021c411f;gap:0!important}.arabic .my-navbar .profile-list{right:unset;left:0}.my-navbar .profile-list li{text-align:left;width:160px;color:var(--Rukneo-Primary,#00296b);align-items:center;gap:8px;padding-bottom:16px;font-family:Heebo;font-size:16px;font-style:normal;font-weight:500;line-height:24px;display:flex;position:relative}.my-navbar .profile-list li.not-completed:after{content:"";background-color:var(--Rukneo-Org,#f18605);border-radius:50%;width:8px;height:8px;position:absolute;right:-8px}.my-navbar .profile-list a:last-child{border-top:1px solid var(--Rukneo-Neutral-100,#edeff2);color:var(--Rukneo-Neutral-700,#777a8b);padding-top:16px;padding-bottom:0;font-family:Heebo;font-size:16px;font-style:normal;font-weight:500;line-height:24px}.my-navbar .profile-list a:last-child li{color:var(--Rukneo-Neutral-700,#777a8b);padding-bottom:0;font-family:Heebo;font-size:16px;font-style:normal;font-weight:500;line-height:24px}@media only screen and (max-width:767px){.my-navbar .profile-letters{width:40px;height:40px}.my-navbar .profile-letters.not-completed:after{content:"";background-color:var(--Rukneo-Org,#f18605);border-radius:50%;width:16px;height:16px;position:absolute;top:-4px;right:-4px}.my-navbar .profile-list{border:1px solid var(--Rukneo-Primary,#00296b);background:var(--Rukneo-White,#fff);z-index:10000;border-radius:4px;flex-direction:column;align-items:flex-start;width:206px;margin-top:4px;padding:16px;list-style:none;display:flex;position:absolute;right:-80px;box-shadow:0 4px 12px #021c411f;gap:0!important}.my-navbar .profile-list li>img{width:24px}.my-navbar .profile-list li{text-align:left;width:160px;color:var(--Rukneo-Primary,#00296b);align-items:center;gap:8px;padding-bottom:16px;font-family:Heebo;font-size:14px;font-style:normal;font-weight:500;line-height:24px;display:flex;position:relative}.my-navbar .profile-list li.not-completed:after{content:"";background-color:var(--Rukneo-Org,#f18605);border-radius:50%;width:8px;height:8px;position:absolute;right:4px}.my-navbar .profile-list a:last-child{border-top:1px solid var(--Rukneo-Neutral-100,#edeff2);color:var(--Rukneo-Neutral-700,#777a8b);padding-top:16px;padding-bottom:0;font-family:Heebo;font-size:16px;font-style:normal;font-weight:500;line-height:24px}.my-navbar .profile-list a:last-child li{color:var(--Rukneo-Neutral-700,#777a8b);padding-bottom:0;font-family:Heebo;font-size:16px;font-style:normal;font-weight:500;line-height:24px}}.my-navbar li.logout{border-top:1px solid var(--Rukneo-Neutral-100,#edeff2);padding-top:16px;padding-bottom:0;font-family:Heebo;font-size:16px;font-style:normal;font-weight:500;line-height:24px;color:var(--Rukneo-Neutral-700,#777a8b)!important}.arabic.my-navbar .nav-search-area input[type=submit],.arabic.my-navbar .language .lang-item,.arabic.my-navbar .language .lang-item,.arabic.my-navbar .nav-category-btn,.arabic.my-navbar .nav-category-btn-mobile,.arabic.my-navbar .nav-category-btn-mobile span,.arabic.my-navbar li,.arabic.my-navbar .profile-list li,.arabic.my-navbar .profile-list a:last-child,.arabic.my-navbar .profile-list a:last-child li,.arabic.my-navbar .profile-list li,.arabic.my-navbar .profile-list a:last-child,.arabic.my-navbar .profile-list a:last-child li,.arabic.my-navbar li.logout,.arabic.my-navbar .nav-search-area input[type=text],.arabic.my-navbar{font-weight:400;font-family:shaheen arabic IT!important}
.my-nav-menu{border:1px solid var(--Rukneo-Neutral-300,#d1d5db);background:var(--Rukneo-White,#fff);z-index:155;border-radius:4px;flex-direction:column;width:calc(100% - 40px);height:calc(100vh - 82px);padding:0 24px;display:flex;position:fixed;top:62px;left:50%;overflow-y:scroll;transform:translate(-50%);box-shadow:0 1px 2px #021c410f}.my-nav-menu .my-menu-heading{border-bottom:1px solid var(--Rukneo-Neutral-300,#d1d5db);background:var(--Rukneo-Neutral-50,#f5f7f8);width:calc(100% + 48px);color:var(--Rukneo-Dark,#011c40);border-bottom:1px solid var(--Rukneo-Neutral-300,#d1d5db);justify-content:center;margin-bottom:16px;margin-left:-24px;margin-right:-24px;padding-top:16px;padding-bottom:16px;font-family:Heebo;font-size:14px;font-style:normal;font-weight:500;line-height:22px;display:flex;position:relative}.my-nav-menu .my-menu-heading>img{width:24px;position:absolute;top:50%;left:24px;transform:translateY(-50%)}.my-nav-menu .menu-category-btn{z-index:1000;border:1px solid var(--Rukneo-Neutral-300,#d1d5db);color:var(--Rukneo-Dark,#011c40);background-color:#fff;border-radius:4px;justify-content:space-between;align-items:center;width:100%;margin-bottom:32px;padding:12px 16px;font-family:Heebo;font-size:14px;font-style:normal;font-weight:500;line-height:22px;display:flex;box-shadow:0 1px 2px #1018280d}.my-nav-menu .menu-category-btn .left{align-items:center;gap:8px;display:flex}.my-nav-menu .menu-listing{flex-direction:column;align-items:flex-start;width:100%;margin:0;padding:0;display:flex}.my-nav-menu .menu-listing li{color:#021c41;width:100%;margin-bottom:24px;padding-left:0;font-family:Heebo;font-size:14px;font-style:normal;font-weight:400;line-height:24px}.my-nav-menu .menu-listing .active li{color:var(--Rukneo-Blue,#0f6ffb)}.my-nav-menu .menu-dropdown{width:100%;margin-bottom:24px;list-style:none}.my-nav-menu .menu-dropdown-trigger{cursor:pointer;color:#021c41;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:0;font-family:Heebo;font-size:14px;font-style:normal;font-weight:400;line-height:24px;display:flex}.my-nav-menu .menu-dropdown.active .menu-dropdown-trigger,.my-nav-menu .menu-dropdown.open .menu-dropdown-trigger{color:var(--Rukneo-Blue,#0f6ffb);font-weight:500}.my-nav-menu .menu-dropdown-arrow{width:20px;height:20px;transition:transform .16s}.my-nav-menu .menu-dropdown-arrow.open{transform:rotate(180deg)}.my-nav-menu .menu-dropdown-menu{box-shadow:none;background:0 0;border:none;border-radius:0;flex-direction:column;gap:0;margin-top:12px;padding:0;display:none}.my-nav-menu .menu-dropdown-menu.open{display:flex}.my-nav-menu .menu-dropdown-item{color:var(--Rukneo-Dark,#011c40);white-space:nowrap;border-bottom:1px solid var(--Rukneo-Neutral-100,#edeff2);border-radius:0;width:100%;margin-left:12px;padding:10px 0 10px 12px;font-family:Heebo;font-size:14px;font-style:normal;font-weight:500;line-height:22px;text-decoration:none;position:relative}.my-nav-menu .menu-dropdown-item:hover{color:var(--Rukneo-Primary,#00296b);background:0 0}.my-nav-menu .menu-dropdown-item:before{content:"";background:var(--Rukneo-Neutral-700,#777a8b);border-radius:50%;width:4px;height:4px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.arabic.my-nav-menu .menu-dropdown-item{margin-left:0;margin-right:12px;padding-left:0;padding-right:12px}.arabic.my-nav-menu .menu-dropdown-item:before{left:initial;right:0}.my-nav-menu .menu-listing li img{width:24px}.my-nav-menu .menu-listing .language{width:100%;margin-top:16px;display:flex;gap:0!important}.my-nav-menu .menu-listing .language .lang-item{text-align:center;background:var(--Rukneo-Neutral-50,#f5f7f8);color:var(--Rukneo-Neutral-700,#777a8b);cursor:pointer;border:1px solid var(--Rukneo-Neutral-300,#d1d5db);border-radius:4px;flex:1;padding:12px 16px;font-family:Heebo;font-size:14px;font-style:normal;font-weight:400;line-height:100%}.my-nav-menu .menu-listing .language .lang-item:first-child{border-right:none;border-top-right-radius:0;border-bottom-right-radius:0}.my-nav-menu .menu-listing .language .lang-item:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.my-nav-menu .menu-listing .language .lang-item.selected{background:var(--Rukneo-White,#fff);color:var(--Rukneo-Primary,#00296b);border-color:var(--Rukneo-Primary,#00296b);z-index:1;font-weight:500;position:relative}.arabic.my-nav-menu .menu-listing .language .lang-item:first-child{border-right:1px solid var(--Rukneo-Neutral-300,#d1d5db);border-left:none;border-radius:0 4px 4px 0}.arabic.my-nav-menu .menu-listing .language .lang-item:last-child{border-left:none;border-radius:4px 0 0 4px}@media only screen and (max-width:767px){.my-nav-menu .menu-category-btn .menu-icon{width:24px!important}.nav-mobile-search-cat.only-mobile{display:flex!important}}.arabic.my-nav-menu .my-menu-heading,.arabic.my-nav-menu .menu-category-btn,.arabic.my-nav-menu .menu-listing li{font-weight:400;font-family:shaheen arabic IT!important}
.nav-categories{border:1px solid var(--Rukneo-Alt-Dark,#00296b);background:var(--Rukneo-White,#fff);z-index:155;border-radius:4px;margin-top:8px;padding:24px 32px;display:flex;position:absolute;left:0;right:0;box-shadow:0 1px 2px #1018280d}.nav-categories .left{border-right:1px solid var(--Rukneo-Neutral-300,#d1d5db);padding-right:32px}.nav-categories.arabic .left{padding-right:initial;border-right:initial;border-left:1px solid var(--Rukneo-Neutral-300,#d1d5db);padding-left:32px}.nav-categories .left .nav-cat-item{text-align:left;color:var(--Rukneo-Dark,#011c40);margin-bottom:16px;font-family:Heebo;font-size:14px;font-style:normal;font-weight:500;line-height:22px;position:relative}.nav-categories .left .nav-cat-item:hover{cursor:pointer}.nav-categories .left .nav-cat-item.active,.nav-categories .left .nav-cat-item:hover{color:var(--Rukneo-Blue,#0f6ffb)}.nav-categories .left .nav-cat-item.active:hover .nav-cat-item:before,.nav-categories .left .nav-cat-item.active:before{content:"";background:var(--Rukneo-Blue,#0f6ffb);width:8px;height:24px;position:absolute;top:0;left:-16px}.nav-categories.arabic .left .nav-cat-item.active:hover .nav-cat-item:before,.nav-categories.arabic .left .nav-cat-item.active:before{content:"";background:var(--Rukneo-Blue,#0f6ffb);width:8px;height:24px;position:absolute;top:0;right:-16px}.nav-categories .right{text-align:left;flex-flow:column wrap;gap:24px;max-height:500px;padding-left:24px;display:flex}.nav-categories .right .nav-sub-cat{max-height:100%}.nav-categories .right .nav-sub-cat:hover{cursor:pointer}.nav-categories .right p{color:var(--Rukneo-Dark,#011c40);margin-bottom:8px;font-family:Heebo;font-size:14px;font-style:normal;font-weight:500;line-height:22px}.nav-categories .right ul{flex-direction:column;align-items:flex-start;gap:8px;padding-left:8px;display:flex}.nav-categories .right ul li{color:var(--Rukneo-Dark,#011c40);font-family:Heebo;font-size:14px;font-style:normal;font-weight:400;line-height:22px}.arabic.nav-categories .left .nav-cat-item,.arabic.nav-categories .right p{font-family:shaheen arabic IT!important;font-weight:500!important}.arabic.nav-categories .right ul li{font-family:shaheen arabic IT!important;font-weight:400!important}@media only screen and (max-width:767px){.nav-categories{flex-direction:column;width:calc(100vw - 40px);max-width:calc(100% - 40px);max-height:calc(100vh - 200px);margin-top:8px;padding:16px;position:absolute;top:auto;left:20px;right:20px;overflow-y:auto}.nav-categories .left{border-right:none;border-bottom:1px solid var(--Rukneo-Neutral-300,#d1d5db);width:100%;margin-bottom:16px;padding-bottom:16px;padding-right:0}.nav-categories.arabic .left{border-left:none;border-bottom:1px solid var(--Rukneo-Neutral-300,#d1d5db);padding-left:0}.nav-categories .right{width:100%;max-height:none;padding-left:0}}
.menu-categories{flex-direction:column;width:100%;display:flex}.menu-categories .my-menu-heading{border-bottom:1px solid var(--Rukneo-Neutral-300,#d1d5db);background:var(--Rukneo-Neutral-50,#f5f7f8);min-width:100%;color:var(--Rukneo-Dark,#011c40);border-bottom:1px solid var(--Rukneo-Neutral-300,#d1d5db);justify-content:center;margin-bottom:16px;padding-top:16px;padding-bottom:16px;font-family:Heebo;font-size:14px;font-style:normal;font-weight:500;line-height:22px;display:flex;position:relative}.menu-categories .my-menu-heading>img{width:24px;position:absolute;top:50%;left:24px;transform:translateY(-50%)}.menu-categories .menu-categories-listing{color:var(--Rukneo-Dark,#011c40);flex-direction:column;align-items:flex-start;font-family:Heebo;font-size:14px;font-style:normal;font-weight:500;line-height:22px;display:flex}.menu-categories .menu-categories-listing div>img{width:24px}.menu-categories .menu-sub-cat{align-self:flex-start;width:280px;margin-bottom:24px}.menu-categories .menu-sub-cat p{color:var(--Rukneo-Dark,#011c40);text-align:left;flex-grow:1;width:100%;margin-bottom:16px;font-family:Heebo;font-size:14px;font-style:normal;font-weight:500;line-height:22px}.arabic.menu-categories .menu-sub-cat p{text-align:right}.menu-categories .menu-sub-cat ul{flex-flow:column wrap;grid-template-columns:1fr 1fr;align-items:flex-start;gap:4px;margin-left:8px;display:grid}.menu-categories .menu-sub-cat li{color:var(--Rukneo-Dark,#011c40);text-align:left;font-family:Heebo;font-size:12px;font-style:normal;font-weight:400;line-height:22px}.arabic.menu-categories .menu-sub-cat li{text-align:right}.arabic.menu-categories .my-menu-heading,.arabic.menu-categories .menu-categories-listing,.arabic.menu-categories .menu-sub-cat p,.arabic.menu-categories .menu-sub-cat li{font-weight:400;font-family:shaheen arabic IT!important}
.search-suggest-overlay{opacity:.48;background:var(--Rukneo-Dark,#011c40);z-index:1;width:300vw;height:800vh;position:absolute;top:-100px;left:-100vw}.search-suggest-dropdown{background:var(--Rukneo-White,#fff);border:1px solid var(--Rukneo-Neutral-300,#d1d5db);z-index:3;border-radius:4px;max-height:80vh;margin-top:8px;padding:24px 16px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #021c411f}.search-suggest-dropdown .search-suggest-section{padding-bottom:24px}.search-suggest-dropdown .search-suggest-section:last-child{border-bottom:none}.search-suggest-dropdown .search-suggest-header{background:var(--Rukneo-White,#fff)}.search-suggest-dropdown .search-suggest-header h4{color:var(--Rukneo-Neutral-700,#777a8b);margin-bottom:12px;font-family:Heebo;font-size:14px;font-style:normal;font-weight:600;line-height:100%}.search-suggest-dropdown .search-suggest-list{flex-wrap:wrap;gap:8px;display:flex}.search-suggest-dropdown .search-suggest-item{background:var(--Rukneo-Neutral-100,#edeff2);cursor:pointer;border-radius:16px;align-items:center;gap:4px;height:32px;padding:4px 12px 4px 10px;transition:all .2s;display:flex}.search-suggest-dropdown .search-suggest-item img{top:unset;left:unset;position:relative}.search-suggest-dropdown .search-suggest-item:hover{background:var(--Rukneo-Neutral-100,#e5e7eb);border-color:var(--Rukneo-Neutral-300,#d1d5db)}.search-suggest-dropdown .search-suggest-item .search-icon-small{opacity:.6;flex-shrink:0;width:16px;height:16px}.search-suggest-dropdown .search-suggest-item span{color:var(--Rukneo-Neutral-900,#545666);text-align:center;font-family:Heebo;font-size:14px;font-style:normal;font-weight:500;line-height:100%}.search-suggest-dropdown .search-suggest-products{flex-direction:column;gap:8px;padding:8px;display:flex}.search-suggest-dropdown .search-suggest-product-card{border:1px solid var(--Rukneo-Neutral-300,#d1d5db);background:var(--Rukneo-White,#fff);cursor:pointer;border-radius:8.294px;align-self:stretch;align-items:flex-start;gap:12.441px;padding:12px;transition:all .2s;display:flex}.search-suggest-dropdown .search-suggest-product-card:hover{border-color:var(--Rukneo-Neutral-300,#d1d5db);box-shadow:0 2px 6px #1c2e4a14}.search-suggest-dropdown .product-image{object-fit:contain;width:64px;height:64px;top:unset!important;left:unset!important;position:relative!important}.search-suggest-dropdown .product-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.search-suggest-dropdown .product-prices{flex-wrap:wrap;align-items:center;gap:4px;margin:0;display:flex}.search-suggest-dropdown .product-old-price{color:var(--Rukneo-Dark,#011c40);opacity:.6;font-family:Heebo;font-size:14px;font-style:normal;font-weight:400;line-height:100%;text-decoration:line-through}.search-suggest-dropdown .product-price{color:var(--Rukneo-Blue,#0f6ffb);font-family:Heebo;font-size:16px;font-style:normal;font-weight:700;line-height:100%}.search-suggest-dropdown .product-title{color:var(--Rukneo-Dark,#011c40);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-family:Heebo;font-size:16px;font-style:normal;font-weight:500;line-height:130%;display:-webkit-box;overflow:hidden}.search-suggest-dropdown .stock-in{color:#07b807;font-family:Heebo;font-size:14px;font-style:normal;font-weight:500;line-height:100%}.search-suggest-dropdown .stock-out{color:#cd0b38;font-family:Heebo;font-size:14px;font-style:normal;font-weight:500;line-height:100%}.arabic.search-suggest-dropdown .search-suggest-header h4,.arabic.search-suggest-dropdown .search-suggest-item span,.arabic.search-suggest-dropdown .product-title{font-weight:400;font-family:shaheen arabic IT!important}@media only screen and (max-width:767px){.search-suggest-dropdown{background:var(--Rukneo-White,#fff);border:1px solid var(--Rukneo-Neutral-300,#d1d5db);z-index:3;border-radius:4px;width:calc(100vw - 24px);max-height:80vh;margin-top:8px;padding:16px 8px;position:fixed;top:110px;left:12px;right:0;overflow-y:auto;box-shadow:0 4px 12px #021c411f}}