:root{--b24-blue:#1877e8;--b24-blue-dark:#1266cf;--b24-blue-soft:#eef6ff}
body header,
body .topbar{background-color:#1877e8!important}
body header h1,
body header .brand,
body .topbar .brand,
body .topbar .close{color:#fff!important}
body footer a,
body footer li{color:#1877e8!important}
body footer a:hover,
body footer a:active{color:#1266cf!important;background:#eef6ff!important}
body footer .footer-icon{color:#1877e8!important;stroke:#1877e8!important}
body .ads-row-header h2,
body #tab-latest,
body #tab-seen{color:#1877e8!important}
body .ads-row-header h2.active{color:#1266cf!important}
body main h2,
body h1,
body .card .title{color:#1877e8!important}
body button:not(.preview button):not(.intent-option):not(.back):not(.b24-category-trigger):not(.category-path):not(.category-browser-row):not(.category-browser-close):not(.category-browser-back):not(.category-browser-backdrop):not(.category-browser-trail button):not(.wanted-combo-arrow):not(.wanted-modal-trigger),
body .send-btn{background-color:#1877e8!important}
body button:hover:not(.preview button):not(.intent-option):not(.back):not(.b24-category-trigger):not(.category-path):not(.category-browser-row):not(.category-browser-close):not(.category-browser-back):not(.category-browser-backdrop):not(.category-browser-trail button):not(.wanted-combo-arrow):not(.wanted-modal-trigger){background-color:#1266cf!important}
body .intent-option b,
body .badge,
body .detect-status.found{color:#1877e8!important}
body .intent-option:hover,
body .intent-option:focus-visible{border-color:#1877e8!important}
body input:focus,
body select:focus,
body textarea:focus{border-color:#1877e8!important;box-shadow:0 0 0 3px rgba(24,119,232,.11)!important}


body>header{background:#fff!important;color:#18324f!important}
body>header h1:not(.site-title){color:#1877e8!important}
body .site-name-row{background:#fff!important}
body .bazari-brand{color:#1877e8!important}
body .site-title .brand-name{color:#1877e8!important}
body .site-title .brand-number{color:#f58220!important;margin-left:1px}
body #addBtn,
body #profileBtn{background:#fff!important;color:#f58220!important;border-color:#f58220!important;box-shadow:0 3px 10px rgba(245,130,32,.13)!important}
body #addBtn>span,
body #profileBtn>span,
body #addBtn>svg,
body #profileBtn>svg{color:#f58220!important;stroke:#f58220!important}
body #tab-latest,
body #tab-seen,
body .ads-row-header h2,
body .ads-row-header h2.active{color:#f58220!important}
body footer a,
body footer a:visited,
body footer .footer-icon{color:#f58220!important;stroke:#f58220!important}
body footer a:hover,
body footer a:active{color:#d9680c!important;background:#fff7ef!important}
body .mobile-bottom-bar button[onclick*="goToAdd"],
body .mobile-bottom-bar #profileMobileBtn,
body .mobile-bottom-bar button[onclick*="goToAdd"] span,
body .mobile-bottom-bar #profileMobileBtn span{color:#f58220!important}
body .topbar{background:#fff!important}
body .topbar .brand{color:#1877e8!important}
body .topbar .brand span{color:#f58220!important}
body .topbar .close{color:#68778a!important}


body>header{
  width:100%!important;
  max-width:none!important;
  transform:none!important;
}

body .header-actions-row{
  width:100%!important;
  max-width:none!important;
  min-height:74px!important;
  margin:0!important;
  padding:12px max(14px,calc((100vw - 1180px)/2))!important;
  background:#1877e8!important;
  box-sizing:border-box!important;
  display:flex!important;
  flex-direction:row-reverse!important;
  align-items:center!important;
  justify-content:center!important;
  gap:14px!important;
}

body .header-actions-row .b24-main-actions{
  order:2!important;
  display:flex!important;
  flex-direction:row-reverse!important;
  align-items:center!important;
  gap:10px!important;
  margin:0!important;
  flex:0 0 auto!important;
}

body .header-actions-row .b24-search{
  order:1!important;
  flex:1 1 auto!important;
  max-width:980px!important;
  min-width:0!important;
}

body #addBtn,
body #profileBtn{
  background:#fff!important;
  border:1px solid rgba(255,255,255,.9)!important;
  box-shadow:0 6px 18px rgba(10,38,76,.18)!important;
  color:#f58220!important;
  stroke:#f58220!important;
}

body #addBtn{
  min-width:88px!important;
  height:44px!important;
  padding:0 15px!important;
  border-radius:999px!important;
  display:inline-flex!important;
  flex-direction:row-reverse!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  font-size:0!important;
}

body #addBtn>span{
  display:none!important;
}

body #addBtn::after{
  content:"\0623\0636\0641"!important;
  display:inline!important;
  color:#f58220!important;
  font:800 14px/1 "Cairo",Arial,sans-serif!important;
}

body #addBtn>svg{
  width:22px!important;
  height:22px!important;
  stroke:#f58220!important;
}

body #profileBtn{
  width:46px!important;
  min-width:46px!important;
  height:46px!important;
  padding:0!important;
  border-radius:50%!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}

body #profileBtn>span,
body #profileBtn::after{
  display:none!important;
  content:none!important;
}

body #profileBtn>svg{
  width:25px!important;
  height:25px!important;
  stroke:#f58220!important;
}

body .b24-category-trigger,
body .b24-category-trigger span,
body .b24-category-trigger b{
  color:#1f2937!important;
}

body .b24-category-trigger svg{
  stroke:#68778a!important;
}

body .b24-category-menu,
body .b24-category-menu button,
body .b24-category-menu span,
body .b24-category-menu h3,
body .b24-category-menu p{
  color:#1f2937!important;
}

body .b24-category-menu button{
  background:#fff!important;
}

body .b24-category-menu .b24-menu-main button,
body .b24-category-menu .b24-menu-sub button,
body button.b24-category-trigger{
  background:#fff!important;
  color:#1f2937!important;
  border-color:#e4e7ec!important;
}

body .b24-category-menu button:hover,
body .b24-category-menu button:focus,
body .b24-category-menu button.active{
  background:#f3f6fa!important;
  color:#111827!important;
}

body .b24-category-menu .b24-menu-main button:hover,
body .b24-category-menu .b24-menu-main button:focus,
body .b24-category-menu .b24-menu-main button.active,
body button.b24-category-trigger:hover,
body button.b24-category-trigger:focus{
  background:#f3f6fa!important;
  color:#111827!important;
}

body .b24-category-menu svg{
  stroke:#68778a!important;
}

body .b24-location-field .place-suggestions{
  padding:6px!important;
  border:1px solid #d8e2ef!important;
  border-radius:10px!important;
  box-shadow:0 12px 30px rgba(16,24,40,.16)!important;
}

body .b24-location-field .place-suggestions li{
  padding:10px 12px!important;
  border-radius:8px!important;
  color:#1f2937!important;
  background:#fff!important;
  text-align:left!important;
  direction:ltr!important;
}

body .b24-location-field .place-suggestions li:hover,
body .b24-location-field .place-suggestions li.active{
  background:#eef6ff!important;
  color:#1266cf!important;
}

body .b24-location-field .place-result{
  display:block!important;
  color:inherit!important;
  font-weight:800!important;
  line-height:1.35!important;
}

body .b24-location-field .place-result-state{
  display:block!important;
  margin-top:2px!important;
  color:#667085!important;
  font-size:12px!important;
  line-height:1.25!important;
}

body #chosenInfo,
body .selected-info{
  display:none!important;
}

body main{
  width:min(100%,1180px)!important;
  max-width:1180px!important;
  box-sizing:border-box!important;
}

body #sectionResultsContainer:empty,
body .results-section:empty{
  display:none!important;
}

@media (min-width:901px){
  body .main-container{
    width:min(1280px,calc(100vw - 32px))!important;
    max-width:1280px!important;
    display:grid!important;
    grid-template-columns:286px minmax(0,1fr)!important;
    gap:22px!important;
    direction:ltr!important;
    align-items:start!important;
    padding:0!important;
    margin:8px auto 32px!important;
    transform:none!important;
  }

  body .main-container .filter-bar{
    grid-column:1!important;
    direction:rtl!important;
    width:286px!important;
    min-width:286px!important;
    max-width:286px!important;
    margin:0!important;
    position:sticky!important;
    top:12px!important;
    border-radius:12px!important;
  }

  body #sectionResultsContainer{
    grid-column:2!important;
    direction:rtl!important;
    margin:0!important;
    width:100%!important;
    max-width:none!important;
  }
}

body footer small{
  display:none!important;
}

body footer a,
body footer a:visited,
body footer .footer-icon{
  color:#1877e8!important;
  stroke:#1877e8!important;
}

body footer a:hover,
body footer a:active{
  color:#1266cf!important;
  background:#eef6ff!important;
}

@media (max-width:900px){
  body .header-actions-row{
    flex-wrap:wrap!important;
    padding:10px!important;
    gap:10px!important;
  }

  body .header-actions-row .b24-search{
    flex-basis:100%!important;
    order:1!important;
  }

  body .header-actions-row .b24-main-actions{
    order:2!important;
    margin-inline-start:auto!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;
  }
}