.b24-mobile-nav,
.b24-mobile-filter-backdrop {
  display: none;
}

@media (max-width: 900px) {
  :root {
    --b24-mobile-blue: #3476c4;
    --b24-mobile-blue-dark: #1e61af;
    --b24-mobile-ink: #17263a;
    --b24-mobile-muted: #718096;
    --b24-mobile-line: #e3ebf5;
    --b24-mobile-surface: #ffffff;
    --b24-mobile-nav-height: 72px;
  }

  html {
    scroll-padding-top: 178px;
  }

  html body {
    min-width: 0 !important;
    padding-bottom: calc(var(--b24-mobile-nav-height) + 22px + env(safe-area-inset-bottom)) !important;
    overflow-x: hidden !important;
    background: #f4f7fb !important;
  }

  html body.mobile-app-ready > .mobile-bottom-bar {
    display: none !important;
  }

  .b24-mobile-nav {
    position: fixed;
    z-index: 18000;
    right: 0;
    bottom: 0;
    left: 0;
    height: calc(var(--b24-mobile-nav-height) + env(safe-area-inset-bottom));
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    align-items: stretch;
    direction: rtl;
    padding: 6px 4px calc(5px + env(safe-area-inset-bottom));
    border: 1px solid rgba(212, 224, 238, 0.95);
    border-bottom: 0;
    border-radius: 18px 18px 0 0;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 -8px 28px rgba(30, 97, 175, 0.16);
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
  }

  html body .b24-mobile-nav .nav-item {
    min-width: 0;
    min-height: 54px;
    margin: 0;
    padding: 5px 2px 2px;
    border: 0 !important;
    border-radius: 14px;
    outline: 0;
    background: transparent !important;
    color: #74859a !important;
    font:
      700 10.5px/1.25 "Noto Kufi Arabic",
      "Cairo",
      sans-serif;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
  }

  .b24-mobile-nav .nav-item svg {
    width: 22px;
    height: 22px;
    flex: 0 0 22px;
    color: var(--b24-mobile-blue);
    fill: none;
    stroke: var(--b24-mobile-blue);
    stroke-width: 1.9;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  .b24-mobile-nav .nav-item > span:last-child {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  html body .b24-mobile-nav .nav-item:is(:active, .active) {
    color: #74859a !important;
    background: #eaf1f8 !important;
  }

  .b24-mobile-nav .add-item {
    position: relative;
    color: #74859a;
    overflow: visible;
    padding-top: 0;
  }

  .b24-mobile-nav .add-circle {
    width: 50px;
    height: 50px;
    margin-top: -26px;
    border: 5px solid #f4f7fb;
    border-radius: 50%;
    display: grid;
    place-items: center;
    color: var(--b24-mobile-blue);
    background: #ffffff;
    box-shadow:
      0 8px 20px rgba(52, 118, 196, 0.24),
      inset 0 0 0 1px #d5e4f3;
  }

  .b24-mobile-nav .add-circle svg {
    width: 27px;
    height: 27px;
    stroke-width: 2.2;
  }

  .b24-mobile-nav .add-item > span:last-child {
    margin-top: -1px;
    color: #74859a;
  }

  .b24-mobile-nav .auth-item span {
    font-size: 9.5px;
  }

  .b24-mobile-nav .nav-item:focus-visible,
  .fixed-filter-btn > button:focus-visible,
  .b24-mobile-filter-close:focus-visible {
    outline: 3px solid rgba(52, 118, 196, 0.3);
    outline-offset: 2px;
  }
  html body .b24-home-ad-slot {
    display: none !important;
  }

  html body main:has(> #mainAdsSliders) > .main-container {
    display: none !important;
  }

  html body #mainAdsSliders {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 14px 0 4px !important;
    display: block !important;
    background: #f4f7fb !important;
  }

  html body #mainAdsSliders > .ads-slider-row {
    width: 100% !important;
    max-width: none !important;
    margin: 0 0 18px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  html body #mainAdsSliders .ads-row-header {
    min-height: 42px !important;
    margin: 0 !important;
    padding: 5px 16px 9px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
  }

  html body #mainAdsSliders .ads-row-header h2 {
    margin: 0 !important;
    color: var(--b24-mobile-ink) !important;
    font:
      800 17px/1.45 "Noto Kufi Arabic",
      "Cairo",
      sans-serif !important;
  }

  html body #mainAdsSliders .ads-slider-list {
    width: 100% !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    grid-template-columns: none !important;
    gap: 12px !important;
    padding: 2px 16px 12px !important;
    direction: rtl !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: 16px;
    overscroll-behavior-inline: contain;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }

  html body #mainAdsSliders .ads-slider-list::-webkit-scrollbar {
    display: none;
  }

  html body #mainAdsSliders .show-more-btn {
    display: none !important;
  }
  html body .b24-results-featured-slot {
    display: none !important;
  }

  html body > .content {
    width: 100% !important;
    max-width: 100% !important;
    margin: 10px 0 0 !important;
    padding: 0 11px 18px !important;
    display: block !important;
    box-sizing: border-box !important;
  }

  html body .content > .results-section {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 11px !important;
    align-items: stretch !important;
  }

  html body .content > .results-section > .ad-card {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    min-height: 148px !important;
    height: 148px !important;
    max-height: 148px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: minmax(126px, 38%) minmax(0, 1fr) !important;
    direction: rtl !important;
    align-items: stretch !important;
    overflow: hidden !important;
    border: 1px solid #dfe7f0 !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 5px 17px rgba(30, 97, 175, 0.08) !important;
    transform: none !important;
  }

  html body .content > .results-section > .ad-card > .ad-image {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 148px !important;
    min-height: 148px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-left: 1px solid #e7edf4 !important;
    border-radius: 0 !important;
    overflow: hidden !important;
    background: #eaf0f6 !important;
  }

  html body .content > .results-section > .ad-card > .ad-image img {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    object-fit: cover !important;
    border-radius: 0 !important;
  }

  html body .content > .results-section > .ad-card > .ad-detail {
    min-width: 0 !important;
    height: 148px !important;
    margin: 0 !important;
    padding: 10px 11px 9px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    gap: 3px !important;
    overflow: hidden !important;
    text-align: right !important;
  }

  html body .content > .results-section .ad-title {
    order: 1;
    margin: 0 !important;
    color: #17263a !important;
    font-size: 15px !important;
    font-weight: 850 !important;
    line-height: 1.42 !important;
    white-space: normal !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden !important;
  }

  html body .content > .results-section .ad-desc {
    order: 2;
    margin: 0 !important;
    color: #718096 !important;
    font-size: 11.5px !important;
    line-height: 1.35 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  html body .content > .results-section .ad-price {
    order: 3;
    margin: auto 0 0 !important;
    padding: 0 !important;
    align-self: flex-start !important;
    color: var(--b24-mobile-blue) !important;
    background: transparent !important;
    font-size: 17px !important;
    font-weight: 900 !important;
    line-height: 1.35 !important;
  }

  html body .content > .results-section .ad-price-condition {
    order: 4;
    margin: 0 !important;
    color: #7a8a9d !important;
    font-size: 11px !important;
  }

  html body .content > .results-section .ad-location-date {
    order: 5;
    min-width: 0;
    margin: 0 !important;
  }

  html body .content > .results-section .ad-location {
    min-width: 0;
    margin: 0 !important;
    color: #738399 !important;
    font-size: 10.5px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  html body .content > .results-section .ad-location svg {
    width: 13px !important;
    height: 13px !important;
    flex: 0 0 13px !important;
  }

  html body .content > .results-section .ad-side-meta {
    display: none !important;
  }

  html body .content > .results-section .ad-img-count {
    right: auto !important;
    bottom: 8px !important;
    left: 8px !important;
    padding: 2px 7px !important;
    border-radius: 7px !important;
    font-size: 11px !important;
    background: rgba(20, 31, 45, 0.78) !important;
  }
  html body .fixed-filter-btn {
    position: fixed !important;
    z-index: 18100 !important;
    right: auto !important;
    bottom: calc(var(--b24-mobile-nav-height) + 3px + env(safe-area-inset-bottom)) !important;
    left: 50% !important;
    top: auto !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    justify-content: center !important;
    transform: translateX(-50%) !important;
  }

  html body .fixed-filter-btn > button {
    width: auto !important;
    min-width: 116px !important;
    height: 42px !important;
    margin: 0 !important;
    padding: 0 18px !important;
    border: 4px solid #f4f7fb !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    color: #fff !important;
    background: linear-gradient(135deg, #3476c4, #2a6cb9) !important;
    box-shadow: 0 9px 22px rgba(52, 118, 196, 0.3) !important;
    font-size: 13px !important;
    font-weight: 850 !important;
  }

  html body .fixed-filter-btn > button svg {
    width: 19px !important;
    height: 19px !important;
    margin: 0 !important;
  }

  html body .content > .filter-bar:not(#b24DynamicFilter) {
    display: none !important;
  }

  html body .content > #b24DynamicFilter {
    position: fixed !important;
    z-index: 20100 !important;
    right: 10px !important;
    bottom: calc(var(--b24-mobile-nav-height) + 12px + env(safe-area-inset-bottom)) !important;
    left: 10px !important;
    top: auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 520px !important;
    max-height: calc(100dvh - var(--b24-mobile-nav-height) - 42px) !important;
    margin: 0 auto !important;
    padding: 18px 15px 20px !important;
    display: block !important;
    overflow-y: auto !important;
    overscroll-behavior: contain;
    border: 1px solid #dce6f1 !important;
    border-radius: 22px !important;
    background: #fff !important;
    box-shadow: 0 24px 70px rgba(30, 97, 175, 0.3) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translateY(calc(100% + 28px)) !important;
    transition:
      transform 0.28s ease,
      opacity 0.2s ease,
      visibility 0s linear 0.28s !important;
  }

  html body.b24-mobile-filter-open .content > #b24DynamicFilter {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
    transition:
      transform 0.28s ease,
      opacity 0.2s ease !important;
  }

  html body .content > #b24DynamicFilter .b24-df-head {
    position: sticky;
    top: -18px;
    z-index: 3;
    margin: -18px -15px 13px !important;
    padding: 16px 54px 12px 15px !important;
    border-bottom: 1px solid #e7edf4 !important;
    background: #fff !important;
  }

  html body .b24-mobile-filter-close {
    position: absolute;
    z-index: 4;
    top: 10px;
    right: 11px;
    width: 36px;
    height: 36px;
    padding: 0;
    border: 0;
    border-radius: 11px;
    display: grid;
    place-items: center;
    color: #24415f !important;
    background: #eaf1f8 !important;
    font:
      400 25px/1 Arial,
      sans-serif;
    cursor: pointer;
  }

  html body .b24-mobile-filter-backdrop {
    position: fixed;
    z-index: 20000;
    inset: 0;
    display: block;
    border: 0 !important;
    background: rgba(30, 97, 175, 0.52) !important;
    background-color: rgba(30, 97, 175, 0.52) !important;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition:
      opacity 0.2s ease,
      visibility 0s linear 0.2s;
  }

  html body.b24-mobile-filter-open .b24-mobile-filter-backdrop {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transition: opacity 0.2s ease;
  }

  html body.b24-mobile-filter-open {
    overflow: hidden !important;
  }

  html body.b24-mobile-filter-open .fixed-filter-btn {
    opacity: 0 !important;
    pointer-events: none !important;
  }
}

@media (max-width: 370px) {
  .b24-mobile-nav .nav-item {
    font-size: 9.5px;
  }

  .b24-mobile-nav .auth-item span {
    font-size: 8.5px;
  }

  html body .content > .results-section > .ad-card {
    grid-template-columns: 116px minmax(0, 1fr) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .b24-mobile-nav *,
  .b24-mobile-filter-backdrop,
  #b24DynamicFilter,
  .ads-slider-list {
    scroll-behavior: auto !important;
    transition: none !important;
  }
}
@media (max-width: 900px) {
  html body #mainAdsSliders .ads-slider-list {
    gap: 9px !important;
    padding-inline: 10px !important;
    scroll-padding-inline: 10px !important;
  }
}
@media (max-width: 900px) {
  :root {
    --b24-mobile-nav-height: 60px;
  }

  html body {
    padding-bottom: calc(var(--b24-mobile-nav-height) + 14px + env(safe-area-inset-bottom)) !important;
  }

  .b24-mobile-nav {
    height: calc(var(--b24-mobile-nav-height) + env(safe-area-inset-bottom)) !important;
    padding: 3px 4px calc(2px + env(safe-area-inset-bottom)) !important;
    border-radius: 14px 14px 0 0 !important;
  }

  html body .b24-mobile-nav .nav-item {
    min-height: 46px !important;
    padding: 3px 2px 1px !important;
    gap: 2px !important;
    font-size: 9.5px !important;
  }

  .b24-mobile-nav .nav-item svg {
    width: 20px !important;
    height: 20px !important;
    flex-basis: 20px !important;
  }

  .b24-mobile-nav .add-circle {
    width: 43px !important;
    height: 43px !important;
    margin-top: -21px !important;
    border-width: 4px !important;
  }

  .b24-mobile-nav .add-circle svg {
    width: 23px !important;
    height: 23px !important;
  }
  html body #mainAdsSliders .ads-slider-list {
    gap: 8px !important;
    padding: 2px 12px 9px !important;
    scroll-padding-inline: 12px !important;
  }
  html body .content > .results-section > .ad-card {
    min-height: 136px !important;
    height: 136px !important;
    max-height: 136px !important;
    grid-template-columns: minmax(108px, 34%) minmax(0, 1fr) !important;
    border-radius: 14px !important;
  }

  html body .content > .results-section > .ad-card > .ad-image {
    height: 136px !important;
    min-height: 136px !important;
  }

  html body .content > .results-section > .ad-card > .ad-detail {
    height: 136px !important;
    padding: 9px 10px 7px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-rows: 19px minmax(0, 1fr) 22px !important;
    column-gap: 7px !important;
    row-gap: 3px !important;
    direction: rtl !important;
  }

  html body .content > .results-section .ad-location-date {
    grid-column: 1 / -1 !important;
    grid-row: 1 !important;
    order: initial !important;
    align-self: start !important;
    min-width: 0 !important;
  }

  html body .content > .results-section .ad-location {
    color: #26384c !important;
    font-size: 10.5px !important;
    font-weight: 650 !important;
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
  }

  html body .content > .results-section .ad-location svg {
    width: 12px !important;
    height: 12px !important;
    flex: 0 0 12px !important;
    fill: none !important;
    stroke: #8a96a5 !important;
    color: #8a96a5 !important;
    stroke-width: 1.9 !important;
  }

  html body .content > .results-section .ad-title {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    order: initial !important;
    align-self: start !important;
    margin: 0 !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    -webkit-line-clamp: 2 !important;
  }

  html body .content > .results-section .ad-desc {
    display: none !important;
  }

  html body .content > .results-section .ad-price {
    grid-column: 1 !important;
    grid-row: 3 !important;
    order: initial !important;
    align-self: end !important;
    justify-self: start !important;
    margin-left: 6px !important;
    margin: 0 !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
  }

  html body .content > .results-section .ad-price-condition {
    grid-column: 2 !important;
    grid-row: 3 !important;
    order: initial !important;
    align-self: end !important;
    justify-self: end !important;
    margin: 0 !important;
    color: #75869a !important;
    font-size: 9px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
  }
}
@media (max-width: 900px) {
  html body #sectionsContainer.sections-container {
    min-height: 58px !important;
    height: 58px !important;
    gap: 6px !important;
    padding: 5px 38px !important;
    margin-top: 0 !important;
    margin-bottom: 4px !important;
    align-items: center !important;
  }

  html body #sectionsContainer.sections-container > .section,
  html body #sectionsContainer.sections-container > button.section {
    width: 92px !important;
    min-width: 92px !important;
    height: 48px !important;
    min-height: 48px !important;
    padding: 4px 7px !important;
    gap: 3px !important;
    border-radius: 11px !important;
  }

  html body #sectionsContainer .section .section-icon,
  html body #sectionsContainer .section svg.section-icon,
  html body #sectionsContainer .section img.section-icon {
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    min-height: 22px !important;
    margin: 0 !important;
    padding: 2px !important;
  }

  html body #sectionsContainer .section p,
  html body #sectionsContainer .section .section-title,
  html body #sectionsContainer .section > span:last-child {
    margin: 0 !important;
    font-size: 9px !important;
    line-height: 1.15 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
  html body #mainAdsSliders > .ads-slider-row {
    margin-bottom: 12px !important;
  }
  html body .content > .results-section .ad-location svg,
  html body .content > .results-section .ad-location img,
  html body .content > #resultsSection .ad-location svg,
  html body .content > #resultsSection .ad-location img {
    color: #8b96a3 !important;
    stroke: #8b96a3 !important;
    fill: none !important;
    filter: grayscale(1) brightness(0.72) !important;
    opacity: 0.9 !important;
  }
}
@media (max-width: 900px) {
  html body .content > .results-section > .ad-card,
  html body .content > #resultsSection > .ad-card {
    display: block !important;
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    border-radius: 14px !important;
    overflow: hidden !important;
  }

  html body .content > .results-section > .ad-card > .ad-image,
  html body .content > #resultsSection > .ad-card > .ad-image {
    width: 100% !important;
    height: 190px !important;
    min-height: 190px !important;
    max-height: 190px !important;
    border-radius: 14px 14px 0 0 !important;
    overflow: hidden !important;
  }

  html body .content > .results-section > .ad-card > .ad-image img,
  html body .content > #resultsSection > .ad-card > .ad-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  html body .content > .results-section > .ad-card > .ad-detail,
  html body .content > #resultsSection > .ad-card > .ad-detail {
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    min-height: 138px !important;
    padding: 8px 10px 38px !important;
    display: block !important;
    direction: rtl !important;
    box-sizing: border-box !important;
  }

  html body .content > .results-section .ad-side-meta,
  html body .content > #resultsSection .ad-side-meta {
    display: none !important;
  }

  html body .content > .results-section .ad-location-date,
  html body .content > #resultsSection .ad-location-date {
    margin: 0 0 5px !important;
    min-width: 0 !important;
  }

  html body .content > .results-section .ad-location,
  html body .content > #resultsSection .ad-location {
    color: #26384c !important;
    font-size: 10.5px !important;
    font-weight: 600 !important;
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
  }

  html body .content > .results-section .ad-location svg,
  html body .content > #resultsSection .ad-location svg {
    width: 12px !important;
    height: 12px !important;
    flex: 0 0 12px !important;
    fill: none !important;
    stroke: #8b96a3 !important;
    color: #8b96a3 !important;
    stroke-width: 1.9 !important;
  }

  html body .content > .results-section .ad-title,
  html body .content > #resultsSection .ad-title {
    margin: 0 0 5px !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    font-weight: 800 !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;
  }

  html body .content > .results-section .ad-desc,
  html body .content > #resultsSection .ad-desc {
    display: -webkit-box !important;
    margin: 0 !important;
    color: #6b7785 !important;
    font-size: 10.5px !important;
    line-height: 1.5 !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;
  }

  html body .content > .results-section .ad-price,
  html body .content > #resultsSection .ad-price {
    position: absolute !important;
    right: 10px !important;
    bottom: 9px !important;
    margin: 0 !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
  }

  html body .content > .results-section .ad-price-condition,
  html body .content > #resultsSection .ad-price-condition {
    position: absolute !important;
    left: 10px !important;
    bottom: 9px !important;
    margin: 0 !important;
    color: #75869a !important;
    font-size: 9px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
  }
  html body #resultsCategoriesStrip.b24-results-categories {
    gap: 5px !important;
    padding-inline: 8px !important;
  }

  html body #resultsCategoriesStrip.b24-results-categories > .b24-results-category {
    width: 78px !important;
    min-width: 78px !important;
    max-width: 78px !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 3px 5px !important;
    gap: 4px !important;
    border-radius: 10px !important;
    overflow: hidden !important;
  }

  html body #resultsCategoriesStrip.b24-results-categories > .b24-results-category .cat-icon {
    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;
    flex: 0 0 18px !important;
  }

  html body #resultsCategoriesStrip.b24-results-categories > .b24-results-category svg {
    width: 17px !important;
    height: 17px !important;
    min-width: 17px !important;
    min-height: 17px !important;
  }

  html body #resultsCategoriesStrip.b24-results-categories > .b24-results-category > span:last-child {
    min-width: 0 !important;
    max-width: 50px !important;
    margin: 0 !important;
    font-size: 9px !important;
    line-height: 1.15 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
}
@media (max-width: 900px) {
  html body .content > .results-section > .ad-card,
  html body .content > #resultsSection > .ad-card {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }

  html body .content > .results-section > .ad-card > .ad-image,
  html body .content > #resultsSection > .ad-card > .ad-image {
    height: 148px !important;
    min-height: 148px !important;
    max-height: 148px !important;
  }

  html body .content > .results-section > .ad-card > .ad-detail,
  html body .content > #resultsSection > .ad-card > .ad-detail {
    min-height: 112px !important;
    padding: 7px 10px 28px !important;
  }

  html body .content > .results-section .ad-primary-meta,
  html body .content > #resultsSection .ad-primary-meta {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    direction: rtl !important;
    gap: 8px !important;
    margin: 0 0 5px !important;
  }

  html body .content > .results-section .ad-primary-meta .ad-price,
  html body .content > #resultsSection .ad-primary-meta .ad-price {
    position: static !important;
    inset: auto !important;
    margin: 0 !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    flex: 0 0 auto !important;
  }

  html body .content > .results-section .ad-primary-meta .ad-location-date,
  html body .content > #resultsSection .ad-primary-meta .ad-location-date {
    margin: 0 !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
    display: flex !important;
    justify-content: flex-end !important;
  }

  html body .content > .results-section .ad-primary-meta .ad-location,
  html body .content > #resultsSection .ad-primary-meta .ad-location {
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 11px !important;
  }

  html body .content > .results-section .ad-title,
  html body .content > #resultsSection .ad-title {
    margin: 0 0 3px !important;
    font-size: 13.5px !important;
    line-height: 1.3 !important;
    -webkit-line-clamp: 1 !important;
  }

  html body .content > .results-section .ad-desc,
  html body .content > #resultsSection .ad-desc {
    font-size: 10px !important;
    line-height: 1.35 !important;
    -webkit-line-clamp: 1 !important;
  }

  html body .content > .results-section .ad-price-condition,
  html body .content > #resultsSection .ad-price-condition {
    display: none !important;
  }

  html body .content > .results-section .ad-publish-date,
  html body .content > #resultsSection .ad-publish-date {
    position: absolute !important;
    left: 10px !important;
    bottom: 7px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    margin: 0 !important;
    color: #748091 !important;
    font-size: 9px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
  }

  html body .content > .results-section .ad-publish-date svg,
  html body .content > #resultsSection .ad-publish-date svg {
    width: 11px !important;
    height: 11px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.8 !important;
  }
}
@media (max-width: 900px) {
  html body .b24-selected-category-label {
    display: block !important;
    width: calc(100% - 20px) !important;
    margin: 4px auto 8px !important;
    padding: 0 2px !important;
    color: #3476c4 !important;
    font-size: 15px !important;
    line-height: 1.35 !important;
    font-weight: 800 !important;
    text-align: right !important;
    direction: rtl !important;
    box-sizing: border-box !important;
  }

  html body .content > .results-section > .ad-card,
  html body .content > #resultsSection > .ad-card {
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
  }

  html body .content > .results-section > .ad-card > .ad-image,
  html body .content > #resultsSection > .ad-card > .ad-image {
    height: 142px !important;
    min-height: 142px !important;
    max-height: 142px !important;
  }

  html body .content > .results-section > .ad-card > .ad-detail,
  html body .content > #resultsSection > .ad-card > .ad-detail {
    min-height: 126px !important;
    padding: 7px 10px 29px !important;
  }

  html body .content > .results-section .ad-primary-meta,
  html body .content > #resultsSection .ad-primary-meta {
    direction: ltr !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    gap: 8px !important;
    margin: 0 0 6px !important;
  }

  html body .content > .results-section .ad-primary-meta .ad-location-date,
  html body .content > #resultsSection .ad-primary-meta .ad-location-date {
    order: 1 !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    display: flex !important;
    justify-content: flex-start !important;
    margin: 0 !important;
  }

  html body .content > .results-section .ad-primary-meta .ad-location,
  html body .content > #resultsSection .ad-primary-meta .ad-location {
    direction: rtl !important;
    max-width: 100% !important;
    color: #4f5c69 !important;
    font-size: 9.5px !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  html body .content > .results-section .ad-primary-meta .ad-location svg,
  html body .content > #resultsSection .ad-primary-meta .ad-location svg {
    width: 11px !important;
    height: 11px !important;
    min-width: 11px !important;
    flex: 0 0 11px !important;
    color: #8a949f !important;
    stroke: #8a949f !important;
    fill: none !important;
  }

  html body .content > .results-section .ad-price-wrap,
  html body .content > #resultsSection .ad-price-wrap {
    order: 2 !important;
    flex: 0 0 auto !important;
    direction: rtl !important;
    display: inline-flex !important;
    align-items: baseline !important;
    gap: 5px !important;
    white-space: nowrap !important;
  }

  html body .content > .results-section .ad-price-wrap .ad-price,
  html body .content > #resultsSection .ad-price-wrap .ad-price {
    position: static !important;
    inset: auto !important;
    margin: 0 !important;
    color: #2a6cb9 !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
    font-weight: 900 !important;
    display: inline-flex !important;
    align-items: baseline !important;
    gap: 3px !important;
  }

  html body .content > .results-section .ad-price-wrap .ad-price .ad-price-number,
  html body .content > #resultsSection .ad-price-wrap .ad-price .ad-price-number {
    color: #111827 !important;
  }

  html body .content > .results-section .ad-price-wrap .ad-price .ad-price-currency,
  html body .content > #resultsSection .ad-price-wrap .ad-price .ad-price-currency {
    color: #2a6cb9 !important;
  }

  html body .content > .results-section .ad-price-wrap .ad-price-condition,
  html body .content > #resultsSection .ad-price-wrap .ad-price-condition {
    position: static !important;
    inset: auto !important;
    display: inline !important;
    margin: 0 !important;
    color: #7a8490 !important;
    font-size: 8.5px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
  }

  html body .content > .results-section .ad-title,
  html body .content > #resultsSection .ad-title {
    margin: 0 0 6px !important;
    color: #6b7280 !important;
    font-size: 13.5px !important;
    line-height: 1.35 !important;
    font-weight: 800 !important;
    -webkit-line-clamp: 1 !important;
  }

  html body .content > .results-section .ad-key-specs,
  html body .content > #resultsSection .ad-key-specs {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 4px 7px !important;
    min-height: 18px !important;
    width: 100% !important;
    margin: 0 !important;
    color: #111827 !important;
    font-size: 8.8px !important;
    font-weight: 800 !important;
    overflow: hidden !important;
    line-height: 1.3 !important;
    direction: rtl !important;
  }

  html body .content > .results-section .ad-key-spec,
  html body .content > #resultsSection .ad-key-spec {
    display: inline-flex !important;
    align-items: center !important;
    gap: 3px !important;
    white-space: nowrap !important;
  }

  html body .content > .results-section .ad-key-spec-icon,
  html body .content > #resultsSection .ad-key-spec-icon {
    color: #111827 !important;
    font-size: 9.5px !important;
    line-height: 1 !important;
  }

  html body .content > .results-section .ad-desc,
  html body .content > #resultsSection .ad-desc {
    display: none !important;
  }

  html body .content > .results-section .ad-publish-date,
  html body .content > #resultsSection .ad-publish-date {
    right: 10px !important;
    left: auto !important;
    bottom: 7px !important;
    color: #7b8794 !important;
    font-size: 8.8px !important;
  }
}

@media (min-width: 901px) {
  html body .b24-selected-category-label,
  html body .ad-key-specs {
    display: none !important;
  }
}
@media (max-width: 900px) {
  html body .content > .results-section .ad-primary-meta,
  html body .content > #resultsSection .ad-primary-meta {
    direction: ltr !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    column-gap: 10px !important;
    width: 100% !important;
    margin: 0 0 7px !important;
  }

  html body .content > .results-section .ad-primary-meta .ad-location-date,
  html body .content > #resultsSection .ad-primary-meta .ad-location-date {
    grid-column: 1 !important;
    grid-row: 1 !important;
    order: initial !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    justify-self: start !important;
    align-self: start !important;
    display: block !important;
  }

  html body .content > .results-section .ad-primary-meta .ad-location,
  html body .content > #resultsSection .ad-primary-meta .ad-location {
    direction: ltr !important;
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 4px !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #596674 !important;
    font-size: 10px !important;
    line-height: 1.2 !important;
    font-weight: 600 !important;
    text-align: left !important;
    white-space: nowrap !important;
    overflow: hidden !important;
  }

  html body .content > .results-section .ad-location-text,
  html body .content > #resultsSection .ad-location-text {
    direction: rtl !important;
    unicode-bidi: plaintext !important;
    display: block !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  html body .content > .results-section .ad-primary-meta .ad-location svg,
  html body .content > #resultsSection .ad-primary-meta .ad-location svg {
    width: 13px !important;
    height: 13px !important;
    min-width: 13px !important;
    flex: 0 0 13px !important;
    color: #8a949f !important;
    stroke: #8a949f !important;
    fill: none !important;
    stroke-width: 1.8 !important;
  }

  html body .content > .results-section .ad-price-wrap,
  html body .content > #resultsSection .ad-price-wrap {
    grid-column: 2 !important;
    grid-row: 1 !important;
    order: initial !important;
    justify-self: end !important;
    direction: rtl !important;
  }

  html body .content > .results-section .ad-key-specs,
  html body .content > #resultsSection .ad-key-specs {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 7px 10px !important;
    width: 100% !important;
    min-height: 0 !important;
    margin: 1px 0 0 !important;
    direction: rtl !important;
  }

  html body .content > .results-section .ad-key-spec,
  html body .content > #resultsSection .ad-key-spec {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 5px !important;
    min-width: 0 !important;
    color: #596674 !important;
    font-size: 10px !important;
    line-height: 1.25 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
  }

  html body .content > .results-section .ad-key-spec-svg,
  html body .content > #resultsSection .ad-key-spec-svg {
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    flex: 0 0 16px !important;
    fill: none !important;
    stroke: #87929e !important;
    color: #87929e !important;
    stroke-width: 1.7 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
  }

  html body .content > .results-section .ad-key-spec-value,
  html body .content > #resultsSection .ad-key-spec-value {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
}
@media (max-width: 900px) {
  html body .content > .results-section .ad-price-wrap .ad-price,
  html body .content > #resultsSection .ad-price-wrap .ad-price,
  html body .content > .results-section .ad-price-wrap .ad-price .ad-price-number,
  html body .content > #resultsSection .ad-price-wrap .ad-price .ad-price-number,
  html body .content > .results-section .ad-price-wrap .ad-price .ad-price-currency,
  html body .content > #resultsSection .ad-price-wrap .ad-price .ad-price-currency {
    color: #111827 !important;
  }

  html body .content > .results-section .ad-key-specs,
  html body .content > #resultsSection .ad-key-specs {
    display: flex !important;
    flex-flow: row nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 5px 8px !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 1px 0 0 !important;
    overflow: hidden !important;
    color: #111827 !important;
    direction: rtl !important;
  }
  html body .content > .results-section .ad-key-spec,
  html body .content > #resultsSection .ad-key-spec {
    flex: 0 1 auto !important;
    min-width: 0 !important;
    display: inline-flex !important;
    flex-flow: row nowrap !important;
    align-items: center !important;
    gap: 3px !important;
    color: #111827 !important;
    font-size: 8.7px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
  }
  html body .content > .results-section .ad-key-spec-svg,
  html body .content > #resultsSection .ad-key-spec-svg {
    width: 14px !important;
    height: 14px !important;
    min-width: 14px !important;
    flex: 0 0 14px !important;
    color: #111827 !important;
    stroke: #111827 !important;
    fill: none !important;
  }
  html body .content > .results-section .ad-key-spec-value,
  html body .content > #resultsSection .ad-key-spec-value {
    color: #111827 !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  html body .fixed-filter-btn {
    width: auto !important;
    max-width: none !important;
  }
  html body .fixed-filter-btn > button {
    width: 76px !important;
    min-width: 76px !important;
    max-width: 76px !important;
    height: 32px !important;
    min-height: 32px !important;
    padding: 0 9px !important;
    gap: 4px !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    border: 1px solid rgba(255, 255, 255, 0.82) !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, 0.56) !important;
    -webkit-backdrop-filter: blur(8px) saturate(125%) !important;
    backdrop-filter: blur(8px) saturate(125%) !important;
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.14) !important;
    color: #1e61af !important;
    font-size: 11px !important;
    font-weight: 850 !important;
    line-height: 1 !important;
  }
  html body .fixed-filter-btn > button svg {
    width: 14px !important;
    height: 14px !important;
    min-width: 14px !important;
    flex: 0 0 14px !important;
  }
  html body .fixed-filter-btn > button svg path {
    fill: #1e61af !important;
  }
}
@media (max-width: 900px) {
  html body .content > .results-section > .ad-card > .ad-image,
  html body .content > #resultsSection > .ad-card > .ad-image {
    height: 156px !important;
    min-height: 156px !important;
    max-height: 156px !important;
  }

  html body .content > .results-section > .ad-card > .ad-detail,
  html body .content > #resultsSection > .ad-card > .ad-detail {
    min-height: 104px !important;
    padding: 5px 9px 22px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
  }

  html body .content > .results-section .ad-primary-meta,
  html body .content > #resultsSection .ad-primary-meta {
    min-height: 18px !important;
    margin: 0 0 2px !important;
    column-gap: 8px !important;
  }

  html body .content > .results-section .ad-title,
  html body .content > #resultsSection .ad-title {
    margin: 0 0 1px !important;
    min-height: 17px !important;
    color: #6b7280 !important;
    font-size: 12.5px !important;
    line-height: 1.3 !important;
  }

  html body .content > .results-section .ad-key-specs,
  html body .content > #resultsSection .ad-key-specs {
    margin: 0 !important;
    min-height: 17px !important;
    gap: 3px 7px !important;
    color: #111827 !important;
  }

  html body .content > .results-section .ad-key-spec,
  html body .content > #resultsSection .ad-key-spec {
    font-size: 8.5px !important;
    line-height: 1.15 !important;
    color: #111827 !important;
  }

  html body .content > .results-section .ad-key-spec-svg,
  html body .content > #resultsSection .ad-key-spec-svg {
    width: 13px !important;
    height: 13px !important;
    min-width: 13px !important;
    flex-basis: 13px !important;
    color: #111827 !important;
    stroke: #111827 !important;
  }

  html body .content > .results-section .ad-publish-date,
  html body .content > #resultsSection .ad-publish-date {
    right: 9px !important;
    bottom: 5px !important;
    font-size: 8.2px !important;
    line-height: 1 !important;
  }
  html body .fixed-filter-btn > button {
    width: 66px !important;
    min-width: 66px !important;
    max-width: 66px !important;
    height: 29px !important;
    min-height: 29px !important;
    padding: 0 7px !important;
    gap: 3px !important;
    border: 1px solid rgba(255, 255, 255, 0.64) !important;
    background: rgba(30, 97, 175, 0.26) !important;
    -webkit-backdrop-filter: blur(10px) saturate(145%) !important;
    backdrop-filter: blur(10px) saturate(145%) !important;
    box-shadow: 0 4px 13px rgba(15, 23, 42, 0.16) !important;
    color: #fff !important;
    font-size: 10px !important;
    font-weight: 850 !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.24) !important;
  }

  html body .fixed-filter-btn > button svg {
    width: 12px !important;
    height: 12px !important;
    min-width: 12px !important;
    flex-basis: 12px !important;
    color: #fff !important;
    fill: #fff !important;
    stroke: #fff !important;
  }

  html body .fixed-filter-btn > button svg path {
    fill: #fff !important;
    stroke: #fff !important;
  }
  html body #resultsCategoriesStrip.b24-results-categories {
    gap: 4px !important;
    padding: 0 6px !important;
    margin-top: 0 !important;
  }

  html body #resultsCategoriesStrip.b24-results-categories > .b24-results-category {
    width: 68px !important;
    min-width: 68px !important;
    max-width: 68px !important;
    height: 39px !important;
    min-height: 39px !important;
    padding: 2px 4px !important;
    gap: 3px !important;
    color: #4e89d0 !important;
  }

  html body #resultsCategoriesStrip.b24-results-categories > .b24-results-category .cat-icon,
  html body #resultsCategoriesStrip.b24-results-categories > .b24-results-category svg {
    width: 15px !important;
    height: 15px !important;
    min-width: 15px !important;
    min-height: 15px !important;
    flex-basis: 15px !important;
    color: #4e89d0 !important;
    stroke: #4e89d0 !important;
  }

  html body #resultsCategoriesStrip.b24-results-categories > .b24-results-category > span:last-child {
    max-width: 45px !important;
    color: #4e89d0 !important;
    font-size: 8px !important;
    line-height: 1.05 !important;
  }
}
@media (max-width: 900px) {
  html body #resultsCategoriesStrip.b24-results-categories {
    gap: 5px !important;
    padding: 0 8px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
  }
  html body #resultsCategoriesStrip.b24-results-categories > .b24-results-category {
    width: 92px !important;
    min-width: 92px !important;
    max-width: 92px !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 3px 6px !important;
    gap: 5px !important;
    border-radius: 11px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }
  html body #resultsCategoriesStrip.b24-results-categories > .b24-results-category .cat-icon {
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    flex: 0 0 16px !important;
  }
  html body #resultsCategoriesStrip.b24-results-categories > .b24-results-category svg {
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    min-height: 16px !important;
  }
  html body #resultsCategoriesStrip.b24-results-categories > .b24-results-category > span:last-child {
    min-width: 0 !important;
    max-width: 64px !important;
    margin: 0 !important;
    color: #4e89d0 !important;
    font-size: 8.6px !important;
    line-height: 1.12 !important;
    text-align: center !important;
    white-space: normal !important;
    overflow: hidden !important;
    text-overflow: clip !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
  }
}
@media (max-width: 900px) {
  html body #mainAdsSliders .ads-slider-row {
    position: relative !important;
  }

  html body #mainAdsSliders .ads-slider-list {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    scrollbar-width: none !important;
  }

  html body #mainAdsSliders .ads-slider-list::-webkit-scrollbar {
    display: none !important;
  }

  html body #mainAdsSliders .b24-ads-slider-rail {
    position: relative !important;
    display: block !important;
    height: 3px !important;
    margin: 2px 14px 10px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: #dce8f4 !important;
    overflow: hidden !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: none !important;
  }

  html body #mainAdsSliders .b24-ads-slider-rail-thumb {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    height: 100% !important;
    width: 28%;
    min-width: 42px !important;
    border-radius: 999px !important;
    background: #3476c4 !important;
    transform: translateX(0);
    transition:
      transform 0.12s linear,
      width 0.12s linear !important;
    will-change: transform, width;
  }
}

@media (min-width: 901px) {
  html body #mainAdsSliders .b24-ads-slider-rail {
    display: none !important;
  }
}

@media (max-width: 900px) {
  html body #mainAdsSliders .ads-slider-list {
    gap: 12px !important;
    padding-right: 4px !important;
    padding-left: 14px !important;
    scroll-padding-right: 4px !important;
    scroll-padding-left: 14px !important;
  }
}
@media (max-width: 900px) {
  html body #mainAdsSliders .ads-slider-row {
    width: 100% !important;
    overflow: hidden !important;
  }

  html body #mainAdsSliders .ads-slider-list {
    display: flex !important;
    align-items: stretch !important;
    gap: 12px !important;
    width: 100% !important;
    padding: 0 4px 2px 14px !important;
    margin: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    scroll-behavior: smooth !important;
    touch-action: pan-x pan-y !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior-inline: contain !important;
    box-sizing: border-box !important;
  }

  html body #mainAdsSliders .ads-slider-card.b24-mobile-home-card {
    direction: rtl !important;
    display: flex !important;
    flex: 0 0 calc(100vw - 18px) !important;
    width: calc(100vw - 18px) !important;
    min-width: calc(100vw - 18px) !important;
    max-width: calc(100vw - 18px) !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    flex-direction: column !important;
    align-items: stretch !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: 0 3px 14px rgba(15, 23, 42, 0.08) !important;
    overflow: hidden !important;
    scroll-snap-align: start !important;
    scroll-snap-stop: always !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
  }

  html body :is(#mainAdsSliders .b24-mobile-home-card, #resultsSection .b24-mobile-result-card) .b24-card-image,
  html body :is(#mainAdsSliders .b24-mobile-home-card, #resultsSection .b24-mobile-result-card) .ads-slider-img-wrap {
    display: block !important;
    width: 100% !important;
    height: clamp(205px, 58vw, 280px) !important;
    min-height: 205px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    overflow: hidden !important;
    background: #eef1f4 !important;
  }

  html body :is(#mainAdsSliders .b24-mobile-home-card, #resultsSection .b24-mobile-result-card) .ads-slider-img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 100% !important;
    max-width: none !important;
    object-fit: cover !important;
    object-position: center !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
  }

  html body :is(#mainAdsSliders .b24-mobile-home-card, #resultsSection .b24-mobile-result-card) .b24-card-content,
  html body :is(#mainAdsSliders .b24-mobile-home-card, #resultsSection .b24-mobile-result-card) .ads-slider-info {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 10px 12px 12px !important;
    margin: 0 !important;
    gap: 0 !important;
    box-sizing: border-box !important;
    text-align: right !important;
  }

  html body :is(#mainAdsSliders .b24-mobile-home-card, #resultsSection .b24-mobile-result-card) .b24-card-meta-row {
    direction: ltr !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    min-width: 0 !important;
    gap: 12px !important;
    margin: 0 0 8px !important;
    color: #5f6670 !important;
    font-size: 12px !important;
    font-weight: 550 !important;
    line-height: 1.35 !important;
  }

  html body :is(#mainAdsSliders .b24-mobile-home-card, #resultsSection .b24-mobile-result-card) .b24-card-date,
  html body :is(#mainAdsSliders .b24-mobile-home-card, #resultsSection .b24-mobile-result-card) .b24-card-location {
    display: inline-flex !important;
    align-items: center !important;
    min-width: 0 !important;
    gap: 5px !important;
    color: #5f6670 !important;
    white-space: nowrap !important;
  }

  html body :is(#mainAdsSliders .b24-mobile-home-card, #resultsSection .b24-mobile-result-card) .b24-card-date {
    direction: rtl !important;
    order: 2 !important;
    justify-content: flex-end !important;
    margin-left: auto !important;
  }
  html body :is(#mainAdsSliders .b24-mobile-home-card, #resultsSection .b24-mobile-result-card) .b24-card-location {
    direction: ltr !important;
    order: 1 !important;
    justify-content: flex-start !important;
    margin-right: auto !important;
    overflow: hidden !important;
  }

  html
    body
    :is(#mainAdsSliders .b24-mobile-home-card, #resultsSection .b24-mobile-result-card)
    .b24-card-location
    > span {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    max-width: 52vw !important;
  }

  html body :is(#mainAdsSliders .b24-mobile-home-card, #resultsSection .b24-mobile-result-card) .b24-card-meta-row svg {
    width: 15px !important;
    height: 15px !important;
    min-width: 15px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.8 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
  }

  html body :is(#mainAdsSliders .b24-mobile-home-card, #resultsSection .b24-mobile-result-card) .b24-card-title,
  html body :is(#mainAdsSliders .b24-mobile-home-card, #resultsSection .b24-mobile-result-card) .ads-slider-title {
    display: -webkit-box !important;
    width: 100% !important;
    margin: 0 0 7px !important;
    padding: 0 !important;
    color: #111827 !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    line-height: 1.42 !important;
    text-align: right !important;
    white-space: normal !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
  }

  html body :is(#mainAdsSliders .b24-mobile-home-card, #resultsSection .b24-mobile-result-card) .b24-card-price-row {
    direction: rtl !important;
    display: flex !important;
    align-items: baseline !important;
    justify-content: flex-start !important;
    width: 100% !important;
    gap: 8px !important;
    margin: 0 0 13px !important;
    padding: 0 !important;
  }

  html body :is(#mainAdsSliders .b24-mobile-home-card, #resultsSection .b24-mobile-result-card) .b24-card-price,
  html body :is(#mainAdsSliders .b24-mobile-home-card, #resultsSection .b24-mobile-result-card) .ads-slider-price {
    display: inline-block !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #3476c4 !important;
    font-size: 16px !important;
    font-weight: 850 !important;
    line-height: 1.15 !important;
    white-space: nowrap !important;
  }

  html body :is(#mainAdsSliders .b24-mobile-home-card, #resultsSection .b24-mobile-result-card) .b24-card-price-type {
    display: inline-block !important;
    color: #5f6670 !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
  }

  html body :is(#mainAdsSliders .b24-mobile-home-card, #resultsSection .b24-mobile-result-card) .b24-card-specs {
    direction: rtl !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    gap: 28px !important;
    margin: 0 !important;
    padding: 9px 0 0 !important;
    border-top: 1px solid #edf0f3 !important;
  }

  html body :is(#mainAdsSliders .b24-mobile-home-card, #resultsSection .b24-mobile-result-card) .b24-card-spec {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 5px !important;
    color: #171b22 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    white-space: nowrap !important;
    min-width: 0 !important;
    width: auto !important;
  }

  html body :is(#mainAdsSliders .b24-mobile-home-card, #resultsSection .b24-mobile-result-card) .b24-card-spec svg {
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    color: #8a919b !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.7 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
  }

  html
    body
    :is(#mainAdsSliders .b24-mobile-home-card, #resultsSection .b24-mobile-result-card)
    .b24-card-spec--mileage
    svg {
    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;
  }

  html body :is(#mainAdsSliders .b24-mobile-home-card, #resultsSection .b24-mobile-result-card):focus-visible {
    outline: 3px solid rgba(52, 118, 196, 0.28) !important;
    outline-offset: -3px !important;
  }
  html body #resultsSection .b24-mobile-result-card {
    direction: rtl !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 0 14px !important;
    padding: 0 !important;
    align-items: stretch !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: 0 3px 14px rgba(15, 23, 42, 0.08) !important;
    overflow: hidden !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
  }
  html body #resultsSection .b24-mobile-result-card .b24-card-content,
  html body #resultsSection .b24-mobile-result-card .ads-slider-info {
    flex: 0 0 auto !important;
    height: auto !important;
    min-height: 0 !important;
    justify-content: flex-start !important;
    overflow: visible !important;
    padding-bottom: 0 !important;
  }

  html body #resultsSection .b24-mobile-result-card .b24-card-specs {
    flex: 0 0 auto !important;
    padding-bottom: 15px !important;
    margin-bottom: 0 !important;
  }

  html body #resultsSection {
    display: block !important;
    width: 100% !important;
  }
}
@media (max-width: 900px) {
  html body :is(#mainAdsSliders .b24-mobile-home-card, #resultsSection .b24-mobile-result-card) .b24-card-content,
  html body :is(#mainAdsSliders .b24-mobile-home-card, #resultsSection .b24-mobile-result-card) .ads-slider-info {
    padding-bottom: 0 !important;
  }

  html body :is(#mainAdsSliders .b24-mobile-home-card, #resultsSection .b24-mobile-result-card) .b24-card-specs {
    margin-bottom: 0 !important;
    padding-bottom: 1px !important;
  }

  html body #resultsSection .b24-mobile-result-card .b24-card-specs {
    padding-bottom: 15px !important;
  }
}
@media (max-width: 900px) {
  html body #resultsSection .ad-card.b24-mobile-result-card {
    min-height: 0 !important;
  }

  html body #resultsSection .ad-card.b24-mobile-result-card .ad-detail.b24-card-content,
  html body #resultsSection .ad-card.b24-mobile-result-card .ads-slider-info {
    min-height: 0 !important;
    height: auto !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }

  html body #resultsSection .ad-card.b24-mobile-result-card .b24-card-specs {
    flex: 0 0 auto !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-bottom: 15px !important;
    transform: none !important;
  }
}
@media (max-width: 900px) {
  html body #mainAdsSliders .b24-mobile-home-card .b24-card-content,
  html body #mainAdsSliders .b24-mobile-home-card .ads-slider-info {
    padding: 8px 12px 8px !important;
  }

  html body #mainAdsSliders .b24-mobile-home-card .b24-card-meta-row {
    margin-bottom: 6px !important;
  }

  html body #mainAdsSliders .b24-mobile-home-card .b24-card-price--meta {
    direction: ltr !important;
    order: 1 !important;
    margin-right: auto !important;
    color: #3476c4 !important;
    font-size: 16px !important;
    font-weight: 850 !important;
    line-height: 1.15 !important;
    white-space: nowrap !important;
  }

  html body #mainAdsSliders .b24-mobile-home-card .b24-card-location {
    direction: rtl !important;
    order: 2 !important;
    justify-content: flex-end !important;
    margin-left: auto !important;
    margin-right: 0 !important;
  }

  html body #mainAdsSliders .b24-mobile-home-card .b24-card-title,
  html body #mainAdsSliders .b24-mobile-home-card .ads-slider-title {
    margin-bottom: 5px !important;
  }

  html body #mainAdsSliders .b24-mobile-home-card .b24-card-specs {
    padding-top: 6px !important;
  }
}
@media (max-width: 900px) {
  html body #mainAdsSliders .b24-mobile-home-card .b24-card-spec,
  html body #mainAdsSliders .b24-mobile-home-card .b24-card-spec > span {
    color: #8a919b !important;
  }
}
@media (max-width: 900px) {
  html body #resultsSection .ad-card.b24-mobile-result-card {
    min-height: 0 !important;
    overflow: hidden !important;
    border: 1px solid #e7ebf0 !important;
    border-radius: 18px !important;
    background: #fff !important;
    box-shadow: 0 5px 18px rgba(15, 23, 42, 0.075) !important;
  }

  html body #resultsSection .b24-mobile-result-card .b24-card-image,
  html body #resultsSection .b24-mobile-result-card .ads-slider-img-wrap {
    flex: 0 0 clamp(290px, 78vw, 370px) !important;
    height: clamp(290px, 78vw, 370px) !important;
    min-height: 290px !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    background: #eef1f4 !important;
  }

  html body #resultsSection .b24-mobile-result-card .b24-result-card-content {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 11px 10px 0 !important;
    background: #fff !important;
    direction: rtl !important;
  }

  html body #resultsSection .b24-mobile-result-card .b24-result-primary-row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 0 9px !important;
    padding: 0 !important;
    direction: rtl !important;
    gap: 10px !important;
  }

  html body #resultsSection .b24-mobile-result-card .b24-result-price {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    align-items: baseline !important;
    gap: 3px !important;
    margin: 0 auto 0 0 !important;
    direction: ltr !important;
    color: #3476c4 !important;
    font-size: 17px !important;
    font-weight: 850 !important;
    line-height: 1.15 !important;
    letter-spacing: -0.15px !important;
    white-space: nowrap !important;
    background: transparent !important;
  }

  html body #resultsSection .b24-mobile-result-card .b24-result-meta {
    display: inline-flex !important;
    flex: 0 1 auto !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 5px !important;
    min-width: 0 !important;
    margin: 0 !important;
    direction: rtl !important;
    color: #7b8490 !important;
    font-size: 11.5px !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;
    white-space: nowrap !important;
  }

  html body #resultsSection .b24-mobile-result-card .b24-result-date,
  html body #resultsSection .b24-mobile-result-card .b24-result-city {
    display: inline-block !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html body #resultsSection .b24-mobile-result-card .b24-result-date {
    direction: ltr !important;
    font-size: 11.5px !important;
    font-weight: 500 !important;
    color: #8b949f !important;
  }

  html body #resultsSection .b24-mobile-result-card .b24-result-city {
    max-width: 42vw !important;
    direction: ltr !important;
    font-size: 12px !important;
    font-weight: 560 !important;
    color: #7f8893 !important;
  }

  html body #resultsSection .b24-mobile-result-card .b24-result-meta-icon {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    justify-content: center !important;
    color: #77818d !important;
    line-height: 1 !important;
  }

  html body #resultsSection .b24-mobile-result-card .b24-result-meta-icon svg {
    width: 16px !important;
    height: 16px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.9 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
  }

  html body #resultsSection .b24-mobile-result-card .b24-result-location-icon {
    margin-left: 1px !important;
  }

  html body #resultsSection .b24-mobile-result-card .b24-card-title {
    width: 100% !important;
    margin: 5px 0 10px !important;
    padding: 0 !important;
    color: #343941 !important;
    font-size: 17px !important;
    font-weight: 760 !important;
    line-height: 1.48 !important;
    letter-spacing: -0.1px !important;
    text-align: right !important;
    direction: rtl !important;
    overflow-wrap: anywhere !important;
  }

  html body #resultsSection .b24-mobile-result-card .b24-card-specs {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 0 !important;
    width: calc(100% + 20px) !important;
    min-width: 0 !important;
    margin: 0 -10px !important;
    padding: 13px 14px 15px !important;
    border: 0 !important;
    border-top: 1px solid #eef1f4 !important;
    background: #fff !important;
    direction: rtl !important;
    transform: none !important;
  }

  html body #resultsSection .b24-mobile-result-card .b24-card-spec:nth-child(1) {
    justify-self: start !important;
  }
  html body #resultsSection .b24-mobile-result-card .b24-card-spec:nth-child(2) {
    justify-self: center !important;
  }
  html body #resultsSection .b24-mobile-result-card .b24-card-spec:nth-child(3) {
    justify-self: end !important;
  }

  html body #resultsSection .b24-mobile-result-card .b24-card-spec {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 5px !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #5f6874 !important;
    font-size: 12px !important;
    font-weight: 680 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
  }

  html body #resultsSection .b24-mobile-result-card .b24-card-spec > span,
  html body #resultsSection .b24-mobile-result-card .b24-card-spec svg {
    color: #5f6874 !important;
  }

  html body #resultsSection .b24-mobile-result-card .b24-card-spec {
    transform: none !important;
  }

  html body #resultsSection .b24-mobile-result-card .b24-card-spec svg {
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    opacity: 0.98 !important;
  }
}
@media (max-width: 900px) {
  html body > .content {
    margin-top: 0 !important;
  }
  html body .fixed-filter-btn,
  html body.b24-vehicle-results-mode #fixedFilterBtnMobile {
    position: fixed !important;
    z-index: 18100 !important;
    top: auto !important;
    right: max(6px, calc(10vw - 37px)) !important;
    bottom: calc(var(--b24-mobile-nav-height) + 14px + env(safe-area-inset-bottom)) !important;
    left: auto !important;
    width: 74px !important;
    max-width: 74px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    transform: none !important;
  }
  html body .fixed-filter-btn > button {
    box-sizing: border-box !important;
    width: 74px !important;
    min-width: 74px !important;
    max-width: 74px !important;
    height: 34px !important;
    min-height: 34px !important;
    padding: 0 9px !important;
    gap: 4px !important;
    border: 1px solid rgba(255, 255, 255, 0.78) !important;
    border-radius: 999px !important;
    background: rgba(30, 97, 175, 0.4) !important;
    -webkit-backdrop-filter: blur(11px) saturate(145%) !important;
    backdrop-filter: blur(11px) saturate(145%) !important;
    box-shadow: 0 7px 18px rgba(30, 97, 175, 0.23) !important;
    color: #fff !important;
    font-size: 10.5px !important;
    font-weight: 850 !important;
  }
  html body .fixed-filter-btn > button svg {
    width: 14px !important;
    height: 14px !important;
    min-width: 14px !important;
    flex: 0 0 14px !important;
  }
  html body .fixed-filter-btn > button svg path {
    fill: #fff !important;
    stroke: #fff !important;
  }
}