@import url("../../../../mobile-site.css?v=20260707-v5");
:root{--b24-blue:#1877f2;--b24-blue-dark:#0f5fc4;--b24-border:#e4e7ec;--b24-text:#17202a}

.b24-account-wrap{
  position:relative;
  display:inline-flex;
}

.b24-account-menu{
  position:absolute;
  top:calc(100% + 10px);
  right:0;
  width:142px;
  padding:8px 0;
  margin:0;
  background:#fff;
  border:1px solid #c3eedb;
  border-radius:7px;
  box-shadow:0 2px 10px rgba(0,0,0,0.16);
  z-index:999999;
  direction:rtl;
  overflow:hidden;
}

.b24-account-menu[hidden]{
  display:none!important;
}

.b24-account-menu a,
.b24-account-menu button,
.b24-account-menu .b24-menu-logout{
  width:100%!important;
  min-height:42px!important;
  padding:10px 16px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  border:0!important;
  outline:0!important;
  background:#fff!important;
  background-color:#fff!important;
  color:#1877e8!important;
  text-decoration:none!important;
  font-family:'Cairo',Arial,sans-serif!important;
  font-size:15px!important;
  font-weight:400!important;
  line-height:1.4!important;
  cursor:pointer!important;
  white-space:nowrap!important;
  box-sizing:border-box!important;
  box-shadow:none!important;
  border-radius:0!important;
  appearance:none!important;
  -webkit-appearance:none!important;
}

.b24-account-menu a:hover,
.b24-account-menu button:hover,
.b24-account-menu .b24-menu-logout:hover{
  background:#f2f7f5!important;
  background-color:#f2f7f5!important;
  color:#1266cf!important;
}

.b24-account-menu .b24-menu-icon{
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  color:currentColor!important;
}

.b24-account-menu span{
  display:inline!important;
  position:static!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  clip:auto!important;
  white-space:nowrap!important;
  color:currentColor!important;
}

.b24-global-header{
  position:relative!important;
  z-index:2200!important;
  width:100%!important;
  margin:0!important;
  background:#fff!important;
  box-shadow:0 2px 10px rgba(16,24,40,.08)!important;
  font-family:'Cairo',Arial,sans-serif!important;
}

.b24-global-actions{
  display:flex;
  align-items:center;
  gap:7px;
  direction:rtl;
}

.b24-global-action{
  width:43px;
  height:43px;
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  border:1px solid rgba(255,255,255,.6);
  border-radius:50%;
  background:transparent;
  color:#fff;
  text-decoration:none;
  cursor:pointer;
}

.b24-global-action:hover{
  background:rgba(255,255,255,.14);
}

.b24-global-action svg{
  width:21px;
  height:21px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.b24-global-action.add{
  width:auto;
  border-radius:23px;
  padding:0 13px;
  gap:6px;
  font-family:inherit;
  font-weight:800;
}

.b24-global-search{
  height:50px;
  max-width:900px;
  flex:1;
  display:grid;
  grid-template-columns:minmax(180px,1.4fr) 175px minmax(170px,1fr) 115px 82px;
  align-items:center;
  background:#fff;
  border-radius:27px;
  padding:5px;
  overflow:hidden;
  box-shadow:0 5px 18px rgba(7,57,122,.24);
}

.b24-global-search input,
.b24-global-search select{
  width:100%;
  height:40px;
  border:0;
  border-left:1px solid var(--b24-border);
  outline:0;
  background:#fff;
  padding:0 10px;
  font-family:inherit;
  color:var(--b24-text);
  min-width:0;
}

.b24-global-search button{
  height:40px;
  border:0;
  border-radius:22px;
  background:var(--b24-blue-dark);
  color:#fff;
  font-family:inherit;
  font-weight:800;
  cursor:pointer;
}

.b24-icon-only>span:not(.b24-global-badge){
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}

.header-actions-row .b24-main-actions .b24-header-action-btn,
body .header-actions-row .b24-main-actions #addBtn,
body .header-actions-row .b24-main-actions #profileBtn{
  width:43px!important;
  min-width:43px!important;
  height:43px!important;
  min-height:43px!important;
  padding:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid rgba(255,255,255,.72)!important;
  border-radius:50%!important;
  background:transparent!important;
  color:#fff!important;
  box-shadow:none!important;
  cursor:pointer!important;
  text-decoration:none!important;
}

.header-actions-row .b24-main-actions .b24-header-action-btn:hover,
body .header-actions-row .b24-main-actions #addBtn:hover,
body .header-actions-row .b24-main-actions #profileBtn:hover{
  background:rgba(255,255,255,.14)!important;
}

.header-actions-row .b24-main-actions .b24-header-action-btn svg,
body .header-actions-row .b24-main-actions #addBtn>svg,
body .header-actions-row .b24-main-actions #profileBtn>svg{
  width:21px!important;
  height:21px!important;
  stroke:#fff!important;
  color:#fff!important;
}

.header-actions-row .b24-main-actions #addBtn,
.header-actions-row .b24-main-actions>a:first-child{
  width:auto!important;
  min-width:88px!important;
  max-width:none!important;
  flex:0 0 auto!important;
  padding:0 14px!important;
  border-radius:23px!important;
  gap:7px!important;
  font-size:14px!important;
  white-space:nowrap!important;
  overflow:visible!important;
}

.header-actions-row .b24-main-actions #addBtn>span{
  display:inline!important;
  position:static!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  clip:auto!important;
  overflow:visible!important;
  white-space:nowrap!important;
  color:#fff!important;
}

.header-actions-row .b24-main-actions #addBtn:after{
  display:none!important;
  content:none!important;
}

.site-name-row{
  direction:ltr!important;
  justify-content:flex-start!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding-left:24px!important;
  padding-right:24px!important;
  box-sizing:border-box!important;
}

.header-actions-row .b24-main-actions{
  flex:0 0 auto!important;
  min-width:max-content!important;
}

.header-actions-row #searchForm.b24-search{
  flex:1 1 auto!important;
  width:auto!important;
  max-width:min(905px,calc(100vw - 330px))!important;
  min-width:0!important;
  grid-template-columns:minmax(130px,1.5fr) 150px minmax(150px,1fr) 110px 78px!important;
}

.header-actions-row #searchForm .b24-find{
  width:72px!important;
  min-width:72px!important;
}

@media(min-width:901px) and (max-width:1080px){
  .header-actions-row{
    gap:12px!important;
    padding-left:10px!important;
    padding-right:10px!important;
  }

  .header-actions-row #searchForm.b24-search{
    max-width:calc(100vw - 340px)!important;
    grid-template-columns:minmax(100px,1.4fr) 128px minmax(125px,1fr) 92px 68px!important;
  }

  .header-actions-row .b24-main-actions{
    gap:10px!important;
  }

  .header-actions-row #searchForm .b24-find{
    width:64px!important;
    min-width:64px!important;
  }
}

.results-site-header .b24-main-actions{
  gap:7px!important;
}

@media(max-width:900px){

  .b24-global-actions{
    order:1;
  }

  .b24-global-search{
    order:2;
    width:100%;
    max-width:100%;
    height:auto;
    grid-template-columns:1fr 1fr;
    border-radius:16px;
  }

  .b24-global-search input,
.b24-global-search select,
.b24-global-search button{
    border-bottom:1px solid var(--b24-border);
  }

  .b24-global-search button{
    width:100%;
  }
}


@media(min-width:901px){
  body .content{
    width:min(1180px,calc(100vw - 32px))!important;
    max-width:1180px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 230px!important;
    gap:20px!important;
    direction:ltr!important;
    align-items:start!important;
    margin:18px auto 32px!important;
    padding:0!important;
  }

  body .content>.filter-bar{
    grid-column:2!important;
    grid-row:1!important;
    direction:rtl!important;
    width:230px!important;
    min-width:230px!important;
    max-width:230px!important;
    transform:none!important;
  }

  body .content>.results-section{
    grid-column:1!important;
    grid-row:1!important;
    direction:rtl!important;
    width:100%!important;
    max-width:none!important;
  }

  body .main-container{
    width:min(1180px,calc(100vw - 32px))!important;
    max-width:1180px!important;
    grid-template-columns:minmax(0,1fr) 230px!important;
    gap:20px!important;
    transform:none!important;
  }

  body .main-container>.filter-bar,
body .main-container .filter-bar{
    width:230px!important;
    min-width:230px!important;
    max-width:230px!important;
    transform:none!important;
  }
}

body .content>.filter-bar{
  background:#fff!important;
  border:1px solid #dce8f8!important;
  border-radius:16px!important;
  box-shadow:0 6px 22px rgba(24,119,242,.09)!important;
  padding:20px!important;
  position:sticky!important;
  top:12px!important;
}

body .content>.filter-bar h2{
  color:#1877f2!important;
  border-bottom:1px solid #e6eef9!important;
  font-size:18px!important;
  padding-bottom:10px!important;
  margin:0 0 16px!important;
}

body .content>.filter-bar .filter-group{
  margin-bottom:14px!important;
  gap:5px!important;
}

body .content>.filter-bar label{
  color:#344054!important;
  font-size:14px!important;
}

body .content>.filter-bar input,
body .content>.filter-bar select{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  min-height:40px!important;
  padding:7px 10px!important;
  border:1px solid #d0d9e8!important;
  border-radius:8px!important;
  background:#f8faff!important;
  color:#17202a!important;
  font-size:14px!important;
}

body .content>.filter-bar input:focus,
body .content>.filter-bar select:focus{
  border-color:#1877f2!important;
  background:#fff!important;
  box-shadow:0 0 0 3px rgba(24,119,242,.1)!important;
}

body .content>.filter-bar .filter-row{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
}

body .content>.filter-bar .apply-filter-btn{
  width:100%!important;
  min-height:42px!important;
  background:#1877f2!important;
  border-radius:9px!important;
  box-shadow:none!important;
}

.content>.filter-bar .apply-filter-btn:hover{
  background:#0f5fc4!important;
}

.b24-smart-field{
  animation:b24FieldIn .18s ease;
}

.b24-smart-hint{
  margin:3px 0 0;
  color:#667085;
  font-size:11px;
  line-height:1.5;
}

@keyframes b24FieldIn{
  from{
    opacity:0;
    transform:translateY(-3px);
  }
  to{
    opacity:1;
    transform:none;
  }
}

body .header-actions-row .b24-main-actions .b24-header-action-btn svg{
  fill:none!important;
  stroke:#fff!important;
  color:#fff!important;
}


html body .b24-account-wrap .b24-account-menu button.b24-menu-logout,
html body .b24-global-header .b24-account-wrap .b24-account-menu button.b24-menu-logout,
html body button.b24-menu-logout{
  background:#fff!important;
  background-color:#fff!important;
  color:#1877e8!important;
  border:0!important;
  box-shadow:none!important;
  text-shadow:none!important;
  width:100%!important;
  min-height:42px!important;
  padding:10px 16px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  font-family:'Cairo',Arial,sans-serif!important;
  font-size:15px!important;
  font-weight:400!important;
  line-height:1.4!important;
  border-radius:0!important;
  opacity:1!important;
}

html body .b24-account-wrap .b24-account-menu button.b24-menu-logout:hover,
html body .b24-global-header .b24-account-wrap .b24-account-menu button.b24-menu-logout:hover,
html body button.b24-menu-logout:hover{
  background:#f2f7f5!important;
  background-color:#f2f7f5!important;
  color:#1266cf!important;
}

html body .b24-account-menu button.b24-menu-logout span,
html body button.b24-menu-logout span{
  display:inline!important;
  position:static!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  clip:auto!important;
  color:currentColor!important;
  opacity:1!important;
  visibility:visible!important;
}

html body .b24-account-menu button.b24-menu-logout svg,
html body button.b24-menu-logout svg{
  color:currentColor!important;
  stroke:currentColor!important;
  fill:none!important;
  opacity:1!important;
  visibility:visible!important;
}
@media (min-width: 901px){
  .m-app-header{
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
  }
}
@media (min-width: 901px){
  .b24-mobile-notifications,
body > header .b24-mobile-notifications,
.b24-global-header .b24-mobile-notifications{
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
  }
}
.b24-search-suggestions{
  display:none;
  position:absolute;
  top:calc(100% + 8px);
  right:0;
  left:0;
  z-index:30000;
  max-height:320px;
  overflow:auto;
  margin:0;
  padding:6px;
  list-style:none;
  background:#fff;
  border:1px solid #d6e4f0;
  border-radius:14px;
  box-shadow:0 16px 34px rgba(15,23,42,.18);
  direction:rtl;
  text-align:right;
}
.b24-search-suggestions li,
#searchSuggestions li{
  padding:10px 12px;
  border-radius:10px;
  cursor:pointer;
  color:#102a43;
  font-weight:700;
}
.b24-search-suggestions li:hover,
.b24-search-suggestions li.active,
#searchSuggestions li:hover,
#searchSuggestions li.active{
  background:#eaf4ff;
  color:#0a63c7;
}


.b24-global-search{
  overflow:visible!important;
}
.b24-global-search .b24-search-suggestions{
  z-index:999999!important;
}



.b24-global-header,
.b24-global-search{
  overflow:visible!important;
}
.b24-global-search{
  direction:rtl!important;
  box-sizing:border-box!important;
  border:0!important;
  outline:0!important;
}
.b24-global-search input,
.b24-global-search select,
.b24-global-search button{
  box-sizing:border-box!important;
  margin:0!important;
  min-width:0!important;
}
.b24-global-search input[name="query"]{
  border-radius:22px!important;
  border-left:1px solid var(--b24-border)!important;
}
.b24-search-suggestions-floating{
  position:absolute!important;
  z-index:2147483647!important;
  display:none;
  max-height:320px;
  overflow:auto;
  margin:0!important;
  padding:6px!important;
  list-style:none!important;
  background:#fff!important;
  border:1px solid #d6e4f0!important;
  border-radius:14px!important;
  box-shadow:0 16px 34px rgba(15,23,42,.18)!important;
  direction:rtl!important;
  text-align:right!important;
  box-sizing:border-box!important;
}
.b24-search-suggestions-floating li{
  padding:10px 12px!important;
  border-radius:10px!important;
  cursor:pointer!important;
  color:#102a43!important;
  font-weight:700!important;
  background:#fff!important;
}
.b24-search-suggestions-floating li:hover,
.b24-search-suggestions-floating li.active{
  background:#eaf4ff!important;
  color:#0a63c7!important;
}
@media (max-width:900px){
  .b24-global-search{
    width:100%!important;
    max-width:100%!important;
    grid-template-columns:1fr!important;
    height:auto!important;
    border-radius:18px!important;
    gap:6px!important;
    padding:8px!important;
  }
  .b24-global-search input,
.b24-global-search select,
.b24-global-search button{
    height:42px!important;
    border-radius:13px!important;
    border:1px solid var(--b24-border)!important;
  }
}



#searchSuggestions.search-suggestions{display:none!important;visibility:hidden!important;}
.b24-search-suggestions-floating{
  position:fixed!important;
  right:auto!important;
  z-index:2147483647!important;
  display:none;
  max-height:318px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  margin:0!important;
  padding:8px!important;
  list-style:none!important;
  background:#fff!important;
  border:1px solid #dbe7f3!important;
  border-radius:16px!important;
  box-shadow:0 18px 40px rgba(15,23,42,.20)!important;
  direction:rtl!important;
  text-align:right!important;
  box-sizing:border-box!important;
}
.b24-search-suggestions-floating li{
  display:block!important;
  padding:12px 14px!important;
  border-radius:11px!important;
  cursor:pointer!important;
  color:#102a43!important;
  font:700 15px/1.4 Tahoma,Arial,sans-serif!important;
  background:#fff!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.b24-search-suggestions-floating li+li{margin-top:2px!important;}
.b24-search-suggestions-floating li:hover,
.b24-search-suggestions-floating li.active{
  background:#eef6ff!important;
  color:#0a63c7!important;
}
.b24-global-search input[name="query"],
.b24-search #searchInput,
#resultsSearchInput{
  position:relative!important;
  z-index:2!important;
}


@media (min-width:901px){
  html body .header-actions-row{
    min-height:74px!important;
    height:74px!important;
    display:flex!important;
    flex-direction:row-reverse!important;
    align-items:center!important;
    justify-content:center!important;
    gap:14px!important;
    padding-top:12px!important;
    padding-bottom:12px!important;
    box-sizing:border-box!important;
    overflow:visible!important;
  }

  html body .b24-global-header .b24-global-actions,
html body .header-actions-row .b24-main-actions{
    order:2!important;
    flex:0 0 auto!important;
    display:flex!important;
    flex-direction:row!important;
    direction:ltr!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:10px!important;
    min-width:max-content!important;
    margin:0!important;
    overflow:visible!important;
  }

  html body .b24-global-header .b24-global-action.add,
html body .header-actions-row .b24-main-actions>a:first-child,
html body .header-actions-row .b24-main-actions #addBtn{
    direction:rtl!important;
    flex-direction:row!important;
    order:0!important;
  }

  html body .b24-global-header .b24-account-wrap{
    order:1!important;
  }

  html body .b24-global-header a[aria-label="الإشعارات"],
html body .header-actions-row a[aria-label="الإشعارات"],
html body .header-actions-row .b24-mobile-notifications{
    order:2!important;
  }

  html body .b24-global-header .b24-logout,
html body .header-actions-row .b24-logout{
    order:3!important;
  }

  html body .b24-global-header .b24-global-search,
html body .header-actions-row #searchForm.b24-search,
html body .header-actions-row .b24-search{
    order:1!important;
    flex:1 1 auto!important;
    width:auto!important;
    max-width:905px!important;
    min-width:0!important;
    height:50px!important;
    min-height:50px!important;
    align-items:center!important;
    box-sizing:border-box!important;
    overflow:visible!important;
    margin:0!important;
  }

  html body .b24-search .b24-query-field,
html body .b24-search .search-input-wrapper{
    height:40px!important;
    min-height:40px!important;
    display:flex!important;
    align-items:center!important;
    position:relative!important;
    box-sizing:border-box!important;
    overflow:visible!important;
  }

  html body .b24-global-search input[name="query"],
html body .b24-search #searchInput,
html body #resultsSearchInput,
html body input[placeholder="ماذا تبحث عنه؟"]{
    height:40px!important;
    min-height:40px!important;
    line-height:40px!important;
    padding-top:0!important;
    padding-bottom:0!important;
    margin:0!important;
    display:block!important;
    align-self:center!important;
    vertical-align:middle!important;
    box-sizing:border-box!important;
    font-family:'Cairo','Tajawal',Arial,sans-serif!important;
    font-size:14px!important;
    font-weight:600!important;
  }

  html body .b24-global-search input[name="query"]::placeholder,
html body .b24-search #searchInput::placeholder,
html body #resultsSearchInput::placeholder,
html body input[placeholder="ماذا تبحث عنه؟"]::placeholder{
    color:#667085!important;
    opacity:1!important;
    line-height:40px!important;
  }

  html body .b24-global-search select,
html body .b24-global-search input[name="city"],
html body .b24-global-search button,
html body .b24-search select,
html body .b24-search button,
html body .b24-category-trigger,
html body .b24-location-field{
    height:40px!important;
    min-height:40px!important;
    line-height:40px!important;
    margin-top:0!important;
    margin-bottom:0!important;
    align-self:center!important;
    box-sizing:border-box!important;
  }
}


html body .b24-search-suggestions-floating{
  font-family:'Cairo','Tajawal',Arial,sans-serif!important;
  border-color:#d9e6f2!important;
  box-shadow:0 18px 38px rgba(16,24,40,.18)!important;
}
html body .b24-search-suggestions-floating li{
  color:#182f4a!important;
  font-family:'Cairo','Tajawal',Arial,sans-serif!important;
  font-size:15px!important;
  font-weight:700!important;
  line-height:1.65!important;
  letter-spacing:0!important;
}
html body .b24-search-suggestions-floating li:hover,
html body .b24-search-suggestions-floating li.active{
  color:#0f5fc4!important;
  background:#edf6ff!important;
}
.b24-global-place-suggestions{position:absolute;top:calc(100% + 6px);right:0;left:0;z-index:2147483647;max-height:260px;overflow:auto;margin:0;padding:6px;list-style:none;background:#fff;border:1px solid #c7d7ee;border-radius:12px;box-shadow:0 12px 26px rgba(20,50,90,.16);direction:ltr;text-align:left}
.b24-global-place-suggestions[hidden]{display:none!important}
.b24-global-place-suggestions li{padding:9px 11px;border-radius:8px;cursor:pointer;color:#1f395c;font-size:14px;line-height:1.35}
.b24-global-place-suggestions li:hover,
.b24-global-place-suggestions li.active{background:#eaf2ff;color:#0b63ce}
.b24-global-place-suggestions b{font-weight:800;margin-right:7px}
.b24-global-place-suggestions small{display:block;color:#6f7c8f;font-size:12px;margin-top:2px}
html body .b24-global-header .b24-global-place-suggestions{
  position:absolute!important;
  top:calc(100% + 6px)!important;
  right:0!important;
  left:0!important;
  z-index:2147483647!important;
  display:block;
  max-height:260px!important;
  overflow:auto!important;
  margin:0!important;
  padding:6px!important;
  list-style:none!important;
  background:#fff!important;
  border:1px solid #c7d7ee!important;
  border-radius:12px!important;
  box-shadow:0 12px 26px rgba(20,50,90,.16)!important;
  box-sizing:border-box!important;
}
html body .b24-global-header .b24-global-place-suggestions[hidden]{display:none!important;}

html body .b24-global-header .b24-global-actions .b24-global-action,
html body .b24-global-header .b24-global-actions .b24-account-toggle,
html body .b24-global-header .b24-global-actions .b24-logout{
  width:43px!important;
  min-width:43px!important;
  max-width:43px!important;
  height:43px!important;
  min-height:43px!important;
  max-height:43px!important;
  padding:0!important;
  margin:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid rgba(255,255,255,.72)!important;
  border-radius:50%!important;
  background:transparent!important;
  color:#fff!important;
  box-shadow:none!important;
  line-height:1!important;
  text-decoration:none!important;
  box-sizing:border-box!important;
  appearance:none!important;
  -webkit-appearance:none!important;
}
html body .b24-global-header .b24-global-actions .b24-global-action.add{
  width:auto!important;
  min-width:88px!important;
  max-width:none!important;
  height:43px!important;
  min-height:43px!important;
  max-height:43px!important;
  padding:0 14px!important;
  border-radius:23px!important;
  gap:7px!important;
  flex:0 0 auto!important;
  font-family:'Cairo','Tajawal',Arial,sans-serif!important;
  font-size:14px!important;
  font-weight:800!important;
  line-height:43px!important;
  white-space:nowrap!important;
  overflow:visible!important;
}
html body .b24-global-header .b24-global-actions .b24-global-action.add span{
  display:inline!important;
  position:static!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  clip:auto!important;
  white-space:nowrap!important;
  color:#fff!important;
  line-height:1!important;
}
html body .b24-global-header .b24-global-actions .b24-global-action svg{
  width:21px!important;
  height:21px!important;
  min-width:21px!important;
  max-width:21px!important;
  stroke:#fff!important;
  color:#fff!important;
}



html body,
html body button,
html body input,
html body select,
html body textarea,
html body a,
html body p,
html body span,
html body div,
html body label,
html body h1,
html body h2,
html body h3,
html body h4,
html body li{
  font-family: "Tajawal", "Cairo", "Segoe UI", Tahoma, Arial, sans-serif !important;
}



:root{
  --b24-ui-font: "Noto Kufi Arabic", "Cairo", "Segoe UI", Tahoma, Arial, sans-serif;
  --b24-listing-font: "Cairo", "Segoe UI", Tahoma, Arial, sans-serif;
}

html body,
html body button,
html body input,
html body select,
html body textarea,
html body label,
html body .site-title,
html body .brand-name,
html body .brand-number,
html body .b24-header-action-btn,
html body .b24-category-trigger,
html body .b24-menu-main button,
html body .b24-menu-sub button,
html body .section p,
html body .ads-row-header h2,
html body .b24-ad-placeholder,
html body .b24-ad-placeholder *{
  font-family: var(--b24-ui-font) !important;
}

html body .ads-slider-card,
html body .ads-slider-card *,
html body .ad-card,
html body .ad-card *,
html body .result-card,
html body .result-card *,
html body .ads-slider-title,
html body .ads-slider-meta,
html body .ads-slider-price{
  font-family: var(--b24-listing-font) !important;
}

@media (min-width: 901px){
  html body header .header-actions-row{
    margin-bottom: 0 !important;
  }

  html body .b24-home-ad-slot{
    margin-top: -16px !important;
    margin-bottom: -18px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  html body .b24-ad-placeholder{
    min-height: 52px !important;
    padding: 5px 14px !important;
  }

  html body #sectionsContainer.sections-container{
    margin-top: -42px !important;
    margin-bottom: -8px !important;
  }

  html body #mainAdsSliders{
    margin-top: -28px !important;
    margin-bottom: 16px !important;
  }

  html body .ads-slider-row{
    margin-bottom: 8px !important;
  }
}

@media (max-width: 900px){
  html body .b24-home-ad-slot{
    margin-top: -8px !important;
    margin-bottom: -10px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  html body .b24-ad-placeholder{
    min-height: 54px !important;
    padding: 5px 10px !important;
  }

  html body #sectionsContainer.sections-container{
    margin-top: -28px !important;
    margin-bottom: 0 !important;
  }

  html body #mainAdsSliders{
    margin-top: -16px !important;
  }
}


@media (min-width: 1101px){
  html body header .header-actions-row,
html body .results-site-header .header-actions-row{
    position:relative!important;
    width:min(1180px,calc(100vw - 40px))!important;
    max-width:1180px!important;
    min-height:54px!important;
    margin:0 auto 14px!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    direction:ltr!important;
    box-sizing:border-box!important;
  }

  html body header .header-actions-row #searchForm.b24-search,
html body .results-site-header .header-actions-row form.b24-search{
    flex:0 0 900px!important;
    width:900px!important;
    max-width:min(900px,calc(100vw - 360px))!important;
    margin:0 auto!important;
    direction:rtl!important;
  }

  html body header .header-actions-row .b24-main-actions,
html body .results-site-header .header-actions-row .b24-main-actions{
    position:absolute!important;
    right:0!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    z-index:3!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:8px!important;
    direction:rtl!important;
    margin:0!important;
  }

  html body header .header-actions-row .b24-mobile-notifications{
    position:absolute!important;
    right:102px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    z-index:4!important;
  }
}

@media (min-width: 901px) and (max-width: 1100px){
  html body header .header-actions-row,
html body .results-site-header .header-actions-row{
    width:calc(100% - 24px)!important;
    max-width:none!important;
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr)!important;
    align-items:center!important;
    gap:12px!important;
    direction:ltr!important;
  }
  html body header .header-actions-row #searchForm.b24-search,
html body .results-site-header .header-actions-row form.b24-search{
    width:100%!important;
    max-width:none!important;
    direction:rtl!important;
  }
  html body header .header-actions-row .b24-main-actions,
html body .results-site-header .header-actions-row .b24-main-actions{
    position:static!important;
    transform:none!important;
  }
}


@media (min-width:1101px){
html body header .header-actions-row,
html body .results-site-header .header-actions-row{position:relative!important;width:min(1180px,calc(100vw - 40px))!important;max-width:1180px!important;min-height:54px!important;margin:0 auto 14px!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;direction:ltr!important;box-sizing:border-box!important}
html body header .header-actions-row #searchForm.b24-search,
html body .results-site-header .header-actions-row form.b24-search{flex:0 0 900px!important;width:900px!important;max-width:min(900px,calc(100vw - 360px))!important;margin:0 auto!important;direction:rtl!important}
html body header .header-actions-row .b24-main-actions,
html body .results-site-header .header-actions-row .b24-main-actions{position:absolute!important;right:0!important;top:50%!important;transform:translateY(-50%)!important;z-index:3!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;direction:rtl!important;margin:0!important}
html body header .header-actions-row .b24-mobile-notifications{position:absolute!important;right:102px!important;top:50%!important;transform:translateY(-50%)!important;z-index:4!important}
}
@media (min-width:901px) and (max-width:1100px){
html body header .header-actions-row,
html body .results-site-header .header-actions-row{width:calc(100% - 24px)!important;max-width:none!important;display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;align-items:center!important;gap:12px!important;direction:ltr!important}
html body header .header-actions-row #searchForm.b24-search,
html body .results-site-header .header-actions-row form.b24-search{width:100%!important;max-width:none!important;direction:rtl!important}
html body header .header-actions-row .b24-main-actions,
html body .results-site-header .header-actions-row .b24-main-actions{position:static!important;transform:none!important}
}
