/**
 * Desktop homepage polish (≥901px). Visual/layout only.
 * Hero creative, mobile CSS, catalog logic, and JS behavior stay unchanged.
 */
@media (min-width: 901px) {
  /* ── 1. Header: quieter, aligned, search stays dominant ── */
  :root,
  body.is-home-page {
    --nav-main-h: 38px;
    --nav-total-h: 68px;
    --nav-search-h: 34px;
    --nav-util-btn-h: 34px;
  }

  html[dir="ltr"] .nav-main-actions,
  html[dir="ltr"] body.is-home-page .nav-main-actions,
  html[dir="rtl"] .nav-main-actions,
  html[dir="rtl"] body.is-home-page .nav-main-actions,
  html[dir="rtl"] body.catalog-drawer-open .nav-main-actions,
  html[dir="rtl"] body.catalog-drawer-push .nav-main-actions,
  html[dir="rtl"] body.catalog-page-open .nav-main-actions,
  html[dir="rtl"] body.catalog-branch-mode .nav-main-actions,
  html[dir="rtl"] body:has(#catalogDrawer.open) .nav-main-actions {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) 52px 114px 44px !important;
    grid-template-areas: "shop search lang account cart" !important;
    align-items: center !important;
    align-content: center !important;
    column-gap: 8px !important;
    height: 34px !important;
    min-height: 34px !important;
    direction: ltr !important;
  }

  .nav-shop-btn { grid-area: shop !important; }
  .nav-search-wrap { grid-area: search !important; }
  .nav-lang-wrap { grid-area: lang !important; margin: 0 !important; }
  .nav-account,
  .nav-btn-auth { grid-area: account !important; }
  .nav-cart-btn { grid-area: cart !important; }

  /* Arabic: keep the logo row physically LTR — logo left, utils right. */
  html[dir="rtl"] .nav-shell.nav-main-row,
  html[dir="rtl"] body.is-home-page .nav-shell.nav-main-row,
  html[dir="rtl"] body.catalog-drawer-open .nav-shell.nav-main-row,
  html[dir="rtl"] body.catalog-drawer-push .nav-shell.nav-main-row,
  html[dir="rtl"] body.catalog-page-open .nav-shell.nav-main-row,
  html[dir="rtl"] body.catalog-branch-mode .nav-shell.nav-main-row,
  html[dir="rtl"] body:has(#catalogDrawer.open) .nav-shell.nav-main-row {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
    direction: ltr !important;
    padding-left: 20px !important;
    padding-right: 24px !important;
    padding-inline-start: 20px !important;
    padding-inline-end: 24px !important;
  }

  html[dir="rtl"] .nav-logo,
  html[dir="rtl"] body.is-home-page .nav-logo,
  html[dir="rtl"] body.catalog-drawer-open .nav-logo,
  html[dir="rtl"] body.catalog-drawer-push .nav-logo,
  html[dir="rtl"] body.catalog-page-open .nav-logo,
  html[dir="rtl"] body.catalog-branch-mode .nav-logo,
  html[dir="rtl"] body:has(#catalogDrawer.open) .nav-logo {
    grid-column: 1 !important;
    grid-row: 1 !important;
    justify-content: flex-start !important;
    margin: 0 !important;
  }

  html[dir="rtl"] .nav-actions-wrap,
  html[dir="rtl"] body.is-home-page .nav-actions-wrap,
  html[dir="rtl"] body.catalog-drawer-open .nav-actions-wrap,
  html[dir="rtl"] body.catalog-drawer-push .nav-actions-wrap,
  html[dir="rtl"] body.catalog-page-open .nav-actions-wrap,
  html[dir="rtl"] body.catalog-branch-mode .nav-actions-wrap,
  html[dir="rtl"] body:has(#catalogDrawer.open) .nav-actions-wrap {
    grid-column: 2 !important;
    grid-row: 1 !important;
  }

  .nav-shell.nav-main-row,
  body.is-home-page .nav-shell.nav-main-row {
    align-items: center !important;
  }

  .nav-actions-wrap,
  .nav-main-actions,
  .nav-search-wrap,
  .nav-lang-wrap,
  .nav-account,
  .nav-cart-btn,
  html[dir="ltr"] .nav-main-actions .nav-shop-btn,
  html[dir="ltr"] .nav-main-actions .nav-search-wrap,
  html[dir="ltr"] .nav-main-actions .nav-lang-wrap,
  html[dir="ltr"] .nav-main-actions .nav-btn-auth,
  html[dir="ltr"] .nav-main-actions .nav-account,
  html[dir="ltr"] .nav-main-actions .nav-cart-btn,
  html[dir="rtl"] .nav-main-actions .nav-shop-btn,
  html[dir="rtl"] .nav-main-actions .nav-search-wrap,
  html[dir="rtl"] .nav-main-actions .nav-lang-wrap,
  html[dir="rtl"] .nav-main-actions .nav-btn-auth,
  html[dir="rtl"] .nav-main-actions .nav-account,
  html[dir="rtl"] .nav-main-actions .nav-cart-btn {
    align-self: center !important;
  }

  html[dir="ltr"] .nav-search-wrap,
  html[dir="rtl"] .nav-search-wrap,
  html[dir="ltr"] body.is-home-page .nav-search-wrap,
  html[dir="rtl"] body.is-home-page .nav-search-wrap,
  html[dir="rtl"] body.catalog-drawer-open .nav-search-wrap,
  html[dir="rtl"] body.catalog-drawer-push .nav-search-wrap,
  html[dir="rtl"] body.catalog-page-open .nav-search-wrap,
  html[dir="rtl"] body:has(#catalogDrawer.open) .nav-search-wrap {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    justify-self: stretch !important;
  }

  .nav-search,
  body.is-home-page .nav-search {
    width: 100% !important;
    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;
    border: 1px solid #d9e1ea !important;
    border-radius: 8px !important;
    box-shadow: none !important;
  }

  .nav-util-btn,
  .nav-main-actions .nav-lang-btn,
  .nav-main-actions .nav-account,
  .nav-main-actions .nav-cart-btn {
    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;
  }

  html[dir="ltr"] .nav-main-actions .nav-account,
  html[dir="ltr"] .nav-main-actions .nav-btn-auth,
  html[dir="rtl"] .nav-main-actions .nav-account,
  html[dir="rtl"] .nav-main-actions .nav-btn-auth,
  html[dir="ltr"] body.is-home-page .nav-main-actions .nav-account,
  html[dir="ltr"] body.is-home-page .nav-main-actions .nav-btn-auth,
  html[dir="rtl"] body.is-home-page .nav-main-actions .nav-account,
  html[dir="rtl"] body.is-home-page .nav-main-actions .nav-btn-auth {
    width: 114px !important;
    min-width: 114px !important;
    max-width: 114px !important;
    justify-content: center !important;
    justify-self: stretch !important;
  }

  .nav-shell.nav-links-row,
  body.is-home-page .nav-shell.nav-links-row {
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
    border-top: 1px solid #eef1f5 !important;
  }

  #navLinksRow .nav-links-item {
    color: #5a6b80 !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.01em !important;
  }

  #navLinksRow .nav-links-item:hover,
  #navLinksRow .nav-links-item:focus-visible {
    color: #0f2d6b !important;
  }

  html[dir="ltr"] #navLinksRow .nav-engine-picker {
    margin-inline-start: auto !important;
  }

  #navLinksRow .nav-engine-picker__trigger,
  #navLinksRow .nav-engine-picker__trigger.is-selected {
    width: 228px !important;
    height: 24px !important;
    min-height: 24px !important;
    padding: 1px 6px 1px 8px !important;
    border: 1px solid #e2e8ef !important;
    border-radius: 5px !important;
    background: #f7f9fc !important;
    box-shadow: none !important;
  }

  #navLinksRow .nav-engine-picker__shopping,
  #navLinksRow .nav-engine-picker__trigger.is-selected .nav-engine-picker__shopping {
    color: #7a8796 !important;
    font-size: 9px !important;
    font-weight: 600 !important;
  }

  #navLinksRow .nav-engine-picker__trigger strong,
  #navLinksRow .nav-engine-picker__trigger.is-selected strong {
    color: #0b2d5c !important;
    font-size: 11px !important;
    font-weight: 800 !important;
  }

  /* ── 2. Left catalog: quieter so the hero stays primary ── */
  body.is-home-page #desktopHero3070 .desktop-hero-3070__catalog .mob-v2-catalog-card {
    padding: 11px 12px 12px !important;
    border: 1px solid #e8edf3 !important;
    border-radius: 10px !important;
    box-shadow: none !important;
  }

  body.is-home-page #desktopHero3070 .desktop-hero-3070__catalog .mob-v2-catalog-head {
    gap: 8px !important;
    margin: 0 0 7px !important;
  }

  body.is-home-page #desktopHero3070 .desktop-hero-3070__catalog .mob-v2-catalog-title {
    font-size: 14px !important;
    line-height: 1.15 !important;
  }

  body.is-home-page #desktopHero3070 .desktop-hero-3070__catalog .mob-v2-catalog-sub {
    margin-top: 1px !important;
    color: #7a8796 !important;
    font-size: 10px !important;
  }

  body.is-home-page #desktopHero3070 .desktop-hero-3070__catalog #catalogDrawer:not(.open) .catalog-drawer-search {
    height: 34px !important;
    min-height: 34px !important;
    border: 1px solid #e2e8ef !important;
    border-radius: 8px !important;
    background: #f7f9fc !important;
    box-shadow: none !important;
  }

  body.is-home-page #desktopHero3070 .desktop-hero-3070__catalog #catalogDrawer:not(.open) .catalog-drawer-search:hover {
    border-color: #c9d6e5 !important;
  }

  body.is-home-page #desktopHero3070 .desktop-hero-3070__catalog #catalogDrawer:not(.open) .catalog-drawer-search:focus-within {
    border-color: #8eacd2 !important;
    box-shadow: 0 0 0 2px rgba(30, 91, 184, 0.08) !important;
    background: #fff !important;
  }

  body.is-home-page #desktopHero3070 .desktop-hero-3070__catalog #catalogDrawer:not(.open) .catalog-drawer-search input,
  body.is-home-page #desktopHero3070 .desktop-hero-3070__catalog #catalogDrawer:not(.open) .catalog-drawer-search-icon {
    color: #1a2332 !important;
  }

  body.is-home-page #desktopHero3070 .desktop-hero-3070__catalog #catalogDrawer:not(.open) .catalog-drawer-search input {
    height: 32px !important;
    padding-inline: 10px !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    letter-spacing: 0.01em !important;
  }

  body.is-home-page #desktopHero3070 .desktop-hero-3070__catalog #catalogDrawer:not(.open) .catalog-drawer-search input::placeholder {
    color: #8a97a8 !important;
    font-size: 11px !important;
    letter-spacing: 0.01em !important;
  }

  body.is-home-page #desktopHero3070 .desktop-hero-3070__catalog #catalogDrawer:not(.open) .catalog-drawer-search-btn {
    width: 34px !important;
    min-width: 34px !important;
    height: 32px !important;
    color: #0b2d5c !important;
    background: transparent !important;
    border: 0 !important;
  }

  body.is-home-page #desktopHero3070 #catalogGroupsList .ct-tree--inline-home {
    gap: 7px !important;
  }

  html body.is-home-page #desktopHero3070 #catalogGroupsList .ct-tree--inline-home > .ct-node--group > .ct-row--group,
  html body.is-home-page #desktopHero3070 #catalogGroupsList .ct-tree--inline-home > .ct-node--more > .ct-row--more {
    border: 1px solid #e8edf3 !important;
    border-radius: 8px !important;
    box-shadow: none !important;
  }

  html body.is-home-page #desktopHero3070 #catalogGroupsList .ct-tree--inline-home > .ct-node--group > .ct-row--group:hover,
  html body.is-home-page #desktopHero3070 #catalogGroupsList .ct-tree--inline-home > .ct-node--more > .ct-row--more:hover {
    border-color: #d3deea !important;
    box-shadow: none !important;
    transform: none !important;
  }

  html body.is-home-page #desktopHero3070 #catalogGroupsList .ct-tree--inline-home .ct-icon--art {
    width: 84% !important;
  }

  body.is-home-page #desktopHero3070 #catalogGroupsList .ct-tree--inline-home > .ct-node--group > .ct-row--group .ct-label {
    color: #2a4466 !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
  }

  /* ── 3. Hero: outer alignment only — creative untouched ── */
  body.is-home-page #desktopHero3070.desktop-hero-3070 {
    gap: 12px !important;
  }

  body.is-home-page #desktopHero3070.desktop-hero-3070::after {
    bottom: -8px !important;
  }

  body.is-home-page #desktopHero3070 .desktop-hero-3070__panel {
    box-shadow: none !important;
  }

  /* ── 4. Best Selling: commercial hierarchy, less empty space ── */
  body.is-home-page #homeSponsoredBanner[hidden] {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    aspect-ratio: auto !important;
  }

  body.is-home-page #topParts#topParts.top-selling-section,
  body.is-home-page .home-cinematic-band #topParts#topParts.top-selling-section {
    padding: 16px 0 18px !important;
    margin: 0 !important;
    background: #f4f6f9 !important;
    border-top: 1px solid #e7ecf2 !important;
  }

  body.is-home-page #topParts#topParts.top-selling-section .section-inner,
  body.is-home-page #topParts#topParts .top-parts-mobile.mob-card-body--marquee,
  body.is-home-page #topParts#topParts #topPartsViewport.top-parts-viewport {
    background: #f4f6f9 !important;
  }

  body.is-home-page #topParts.top-selling-section .section-head {
    margin-bottom: 10px !important;
    min-height: 28px !important;
  }

  body.is-home-page #topParts #topPartsViewport.top-parts-viewport {
    container-type: inline-size;
    --bs-desktop-gap: 14px;
    --bs-desktop-card-w: calc((100cqi - (3 * var(--bs-desktop-gap))) / 4);
    padding: 2px 0 0 !important;
    padding-inline: 0 !important;
  }

  body.is-home-page #topParts #topPartsTrack.top-selling-track {
    gap: var(--bs-desktop-gap, 14px) !important;
  }

  body.is-home-page #topParts #topPartsTrack.top-selling-track > .top-selling-card.oem-rec-card.bs-card,
  body.is-home-page #topParts #topPartsTrack.top-selling-track > .top-part-slot-empty,
  body.is-home-page #topParts #topPartsGrid > .top-selling-card.oem-rec-card.bs-card,
  body.is-home-page #topParts #topPartsGrid > .top-part-slot-empty {
    flex: 0 0 var(--bs-desktop-card-w) !important;
    width: var(--bs-desktop-card-w) !important;
    min-width: var(--bs-desktop-card-w) !important;
    max-width: var(--bs-desktop-card-w) !important;
    height: calc(228px - 0.5cm) !important;
    min-height: calc(228px - 0.5cm) !important;
    max-height: calc(228px - 0.5cm) !important;
  }

  body.is-home-page #topParts #topPartsTrack.top-selling-track > .top-selling-card.oem-rec-card.bs-card,
  body.is-home-page #topParts #topPartsGrid > .top-selling-card.oem-rec-card.bs-card,
  body.is-home-page #topParts .top-selling-card.oem-rec-card.bs-card {
    position: relative !important;
    display: grid !important;
    grid-template-rows: 32px minmax(0, 1fr) 62px !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 0 !important;
    padding: 10px 12px 9px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    border: 1px solid #e4e9ef !important;
    border-radius: 10px !important;
    background: #fff !important;
    color: #0b2d5c !important;
    box-shadow: 0 2px 8px rgba(15, 45, 107, 0.045) !important;
    direction: ltr !important;
  }

  body.is-home-page #topParts .top-selling-card.oem-rec-card.bs-card:hover,
  body.is-home-page #topParts .top-selling-card.oem-rec-card.bs-card:focus-within {
    transform: translateY(-2px) !important;
    border-color: #d4deea !important;
    box-shadow: 0 6px 16px rgba(15, 45, 107, 0.08) !important;
  }

  body.is-home-page #topParts .bs-card__top {
    position: relative !important;
    z-index: 2 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-width: 0 !important;
    min-height: 32px !important;
    max-height: 32px !important;
    gap: 8px !important;
  }

  body.is-home-page #topParts .bs-card__brand {
    display: flex !important;
    align-items: center !important;
    min-width: 0 !important;
    gap: 7px !important;
  }

  body.is-home-page #topParts .bs-card__brand-logo {
    display: block !important;
    flex: 0 0 auto !important;
    width: auto !important;
    height: 24px !important;
    max-width: 72px !important;
    max-height: 24px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    object-fit: contain !important;
    object-position: left center !important;
  }

  body.is-home-page #topParts .bs-card__brand:not(.bs-card__brand--text) .bs-card__brand-name {
    display: none !important;
  }

  .product-card--v3 .pc-v3-brand-name,
  .product-card--v2 .pc-v2-brand-name,
  .product-card--v4 .pc-v4-brand-name {
    display: none !important;
  }

  body.is-home-page #topParts .bs-card__discount {
    display: inline-flex !important;
    align-items: baseline !important;
    flex: 0 0 auto !important;
    gap: 2px !important;
    padding: 3px 6px !important;
    border-radius: 4px !important;
    background: #df0712 !important;
    color: #fff !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
  }

  body.is-home-page #topParts .bs-card__discount small {
    font-size: 8px !important;
    font-weight: 800 !important;
  }

  body.is-home-page #topParts .bs-card__main {
    display: grid !important;
    grid-template-columns: minmax(0, 1.05fr) minmax(96px, 0.95fr) !important;
    align-items: stretch !important;
    min-width: 0 !important;
    min-height: 0 !important;
    gap: 8px !important;
    padding: 2px 0 0 !important;
  }

  body.is-home-page #topParts .bs-card__copy {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    min-width: 0 !important;
    padding: 4px 0 0 !important;
  }

  body.is-home-page #topParts .bs-card__name,
  body.is-home-page #topParts .top-selling-card.bs-card .top-selling-name {
    display: -webkit-box !important;
    min-width: 0 !important;
    min-height: 34px !important;
    max-height: 34px !important;
    margin: 0 !important;
    overflow: hidden !important;
    color: #0b2d5c !important;
    font-size: 13.5px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    letter-spacing: -0.02em !important;
    text-overflow: ellipsis !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    white-space: normal !important;
  }

  body.is-home-page #topParts .bs-card__part {
    margin: 4px 0 0 !important;
    overflow: hidden !important;
    color: #6b7788 !important;
    font-size: 10.5px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body.is-home-page #topParts .bs-card__media,
  body.is-home-page #topParts .top-selling-card.bs-card .top-selling-img-wrap {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: 100% !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
    background: transparent !important;
  }

  body.is-home-page #topParts .bs-card__media img,
  body.is-home-page #topParts .top-selling-card.bs-card .top-selling-img-wrap img,
  body.is-home-page #topParts .bs-card__media img:not(.product-brand-fallback) {
    display: block !important;
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 108px !important;
    padding: 0 !important;
    object-fit: contain !important;
    object-position: center center !important;
    transform: none !important;
  }

  body.is-home-page #topParts .bs-card__bottom {
    position: relative !important;
    z-index: 2 !important;
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) auto !important;
    grid-template-rows: 24px 18px !important;
    align-items: center !important;
    min-width: 0 !important;
    column-gap: 8px !important;
    row-gap: 1px !important;
    padding-top: 8px !important;
    border-top: 1px solid #eef1f5 !important;
    background: #fff !important;
  }

  body.is-home-page #topParts .bs-card__current-price {
    grid-column: 1 / 3 !important;
    grid-row: 1 !important;
    min-width: 0 !important;
    color: #df0712 !important;
    font-size: 17px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    letter-spacing: -0.03em !important;
    white-space: nowrap !important;
  }

  body.is-home-page #topParts .bs-card__current-price small {
    font-size: 9px !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
  }

  body.is-home-page #topParts .bs-card__old-price {
    grid-column: 1 !important;
    grid-row: 2 !important;
    min-width: 0 !important;
    overflow: hidden !important;
    color: #8a93a3 !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    line-height: 1.15 !important;
    text-decoration: line-through !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body.is-home-page #topParts .bs-card__old-price small {
    font-size: 8px !important;
  }

  body.is-home-page #topParts .bs-card__saving {
    display: flex !important;
    flex-direction: row !important;
    align-items: baseline !important;
    grid-column: 2 !important;
    grid-row: 2 !important;
    gap: 4px !important;
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #087a39 !important;
    line-height: 1 !important;
  }

  body.is-home-page #topParts .bs-card__saving small {
    color: inherit !important;
    font-size: 8px !important;
    font-weight: 800 !important;
    letter-spacing: 0.02em !important;
    white-space: nowrap !important;
  }

  body.is-home-page #topParts .bs-card__saving strong {
    margin: 0 !important;
    overflow: hidden !important;
    color: inherit !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body.is-home-page #topParts .bs-card__saving em {
    font-size: 8px !important;
    font-style: normal !important;
  }

  body.is-home-page #topParts .bs-card__old-price--empty,
  body.is-home-page #topParts .bs-card__saving--empty {
    visibility: hidden !important;
  }

  body.is-home-page #topParts .bs-card--regular .bs-card__bottom {
    grid-template-rows: 1fr !important;
  }

  body.is-home-page #topParts .bs-card--regular .bs-card__current-price {
    grid-row: 1 !important;
    align-self: center !important;
  }

  body.is-home-page #topParts .bs-card--regular .bs-card__old-price,
  body.is-home-page #topParts .bs-card--regular .bs-card__saving {
    display: none !important;
  }

  body.is-home-page #topParts .bs-card--regular .bs-card__cart {
    grid-row: 1 !important;
  }

  body.is-home-page #topParts .bs-card__cart {
    grid-column: 3 !important;
    grid-row: 1 / 3 !important;
    align-self: center !important;
    min-width: 0 !important;
  }

  body.is-home-page #topParts .bs-card__cart .top-selling-cart {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 96px !important;
    max-width: none !important;
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
    gap: 5px !important;
    padding: 0 10px !important;
    border: 0 !important;
    border-radius: 6px !important;
    background: #0b2d5c !important;
    color: #fff !important;
    box-shadow: none !important;
  }

  body.is-home-page #topParts .bs-card__cart .top-selling-cart:hover,
  body.is-home-page #topParts .bs-card__cart .top-selling-cart:focus-visible {
    background: #164a96 !important;
  }

  body.is-home-page #topParts .bs-card__cart .top-selling-cart.is-disabled {
    background: #9aa7b8 !important;
  }

  body.is-home-page #topParts .bs-card__cart .top-selling-cart__icon,
  body.is-home-page #topParts .bs-card__cart .top-selling-cart svg {
    width: 14px !important;
    height: 14px !important;
    color: #fff !important;
    stroke: #fff !important;
  }

  body.is-home-page #topParts .bs-card__cart .top-selling-cart__label {
    display: inline !important;
    color: inherit !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
  }
}

/* Desktop Best Selling: 4-up card width + continuous marquee. */
@media (min-width: 901px) {
  body.is-home-page #topParts #topPartsViewport.top-parts-viewport {
    position: relative !important;
    width: 100% !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  body.is-home-page #topParts #topPartsTrack.top-selling-track,
  body.is-home-page #topParts #topPartsTrack.top-selling-track.top-selling-marquee {
    display: flex !important;
    flex-flow: row nowrap !important;
    width: max-content !important;
    min-width: max-content !important;
    margin: 0 !important;
    padding: 0 !important;
    will-change: transform;
  }

  body.is-home-page #topParts #topPartsTrack.top-selling-track > .top-selling-card,
  body.is-home-page #topParts #topPartsTrack.top-selling-track > .top-part-slot-empty {
    flex: 0 0 var(--bs-desktop-card-w) !important;
    width: var(--bs-desktop-card-w) !important;
    min-width: var(--bs-desktop-card-w) !important;
    max-width: var(--bs-desktop-card-w) !important;
    box-sizing: border-box !important;
  }

  html[dir="ltr"] body.is-home-page #topParts #topPartsTrack.top-selling-marquee {
    animation: topSellingDesktopMarqueeLtr 30s linear infinite !important;
  }

  html[dir="rtl"] body.is-home-page #topParts #topPartsTrack.top-selling-marquee {
    animation: topSellingDesktopMarqueeRtl 30s linear infinite !important;
  }

  body.is-home-page #topParts #topPartsViewport:hover #topPartsTrack.top-selling-marquee,
  body.is-home-page #topParts #topPartsViewport:focus-within #topPartsTrack.top-selling-marquee,
  body.is-home-page #topParts #topPartsViewport.is-paused #topPartsTrack.top-selling-marquee,
  body.is-home-page #topParts #topPartsViewport.is-dragging #topPartsTrack.top-selling-marquee {
    animation-play-state: paused !important;
  }

  /*
   * Arabic + catalog open: keep the same header slots as homepage.
   * Older catalog-open rules unset grid-area and set flex order, which
   * parked Language in the Shop column (left of Search) and shifted Cart/Account.
   */
  html[dir="rtl"] body.catalog-drawer-open .nav-main-actions,
  html[dir="rtl"] body.catalog-drawer-push .nav-main-actions,
  html[dir="rtl"] body.catalog-page-open .nav-main-actions,
  html[dir="rtl"] body.catalog-branch-mode .nav-main-actions,
  html[dir="rtl"] body:has(#catalogDrawer.open) .nav-main-actions {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) 52px 114px 44px !important;
    grid-template-areas: "shop search lang account cart" !important;
    direction: ltr !important;
  }

  html[dir="rtl"] body.catalog-drawer-open .nav-trade-cluster,
  html[dir="rtl"] body.catalog-drawer-push .nav-trade-cluster,
  html[dir="rtl"] body.catalog-page-open .nav-trade-cluster,
  html[dir="rtl"] body.catalog-branch-mode .nav-trade-cluster,
  html[dir="rtl"] body:has(#catalogDrawer.open) .nav-trade-cluster,
  html[dir="rtl"] body.catalog-drawer-open .nav-util-cluster,
  html[dir="rtl"] body.catalog-drawer-push .nav-util-cluster,
  html[dir="rtl"] body.catalog-page-open .nav-util-cluster,
  html[dir="rtl"] body.catalog-branch-mode .nav-util-cluster,
  html[dir="rtl"] body:has(#catalogDrawer.open) .nav-util-cluster {
    display: contents !important;
    order: unset !important;
  }

  html[dir="rtl"] body.catalog-drawer-open .nav-shop-btn,
  html[dir="rtl"] body.catalog-drawer-push .nav-shop-btn,
  html[dir="rtl"] body.catalog-page-open .nav-shop-btn,
  html[dir="rtl"] body:has(#catalogDrawer.open) .nav-shop-btn {
    grid-area: shop !important;
  }

  html[dir="rtl"] body.catalog-drawer-open .nav-search-wrap,
  html[dir="rtl"] body.catalog-drawer-push .nav-search-wrap,
  html[dir="rtl"] body.catalog-page-open .nav-search-wrap,
  html[dir="rtl"] body.catalog-branch-mode .nav-search-wrap,
  html[dir="rtl"] body:has(#catalogDrawer.open) .nav-search-wrap {
    grid-area: search !important;
    order: unset !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    flex: unset !important;
  }

  html[dir="rtl"] body.catalog-drawer-open .nav-lang-wrap,
  html[dir="rtl"] body.catalog-drawer-push .nav-lang-wrap,
  html[dir="rtl"] body.catalog-page-open .nav-lang-wrap,
  html[dir="rtl"] body.catalog-branch-mode .nav-lang-wrap,
  html[dir="rtl"] body:has(#catalogDrawer.open) .nav-lang-wrap,
  html[dir="rtl"] body.catalog-drawer-open .nav-util-cluster .nav-lang-wrap,
  html[dir="rtl"] body.catalog-drawer-push .nav-util-cluster .nav-lang-wrap,
  html[dir="rtl"] body:has(#catalogDrawer.open) .nav-util-cluster .nav-lang-wrap {
    grid-area: lang !important;
    order: unset !important;
    margin: 0 !important;
  }

  html[dir="rtl"] body.catalog-drawer-open .nav-account,
  html[dir="rtl"] body.catalog-drawer-open .nav-btn-auth,
  html[dir="rtl"] body.catalog-drawer-push .nav-account,
  html[dir="rtl"] body.catalog-drawer-push .nav-btn-auth,
  html[dir="rtl"] body.catalog-page-open .nav-account,
  html[dir="rtl"] body.catalog-page-open .nav-btn-auth,
  html[dir="rtl"] body:has(#catalogDrawer.open) .nav-account,
  html[dir="rtl"] body:has(#catalogDrawer.open) .nav-btn-auth,
  html[dir="rtl"] body:has(#catalogDrawer.open) .nav-util-cluster .nav-account,
  html[dir="rtl"] body:has(#catalogDrawer.open) .nav-util-cluster .nav-btn-auth {
    grid-area: account !important;
    order: unset !important;
    width: 114px !important;
    min-width: 114px !important;
    max-width: 114px !important;
  }

  html[dir="rtl"] body.catalog-drawer-open .nav-cart-btn,
  html[dir="rtl"] body.catalog-drawer-push .nav-cart-btn,
  html[dir="rtl"] body.catalog-page-open .nav-cart-btn,
  html[dir="rtl"] body:has(#catalogDrawer.open) .nav-cart-btn,
  html[dir="rtl"] body:has(#catalogDrawer.open) .nav-util-cluster .nav-cart-btn {
    grid-area: cart !important;
    order: unset !important;
  }

  html[dir="rtl"] body.catalog-drawer-open .nav-garage-btn,
  html[dir="rtl"] body.catalog-drawer-push .nav-garage-btn,
  html[dir="rtl"] body:has(#catalogDrawer.open) .nav-garage-btn {
    order: unset !important;
  }
}

@keyframes topSellingDesktopMarqueeLtr {
  from { transform: translateX(0); }
  to { transform: translateX(calc(-50% - 7px)); }
}

@keyframes topSellingDesktopMarqueeRtl {
  from { transform: translateX(0); }
  to { transform: translateX(calc(50% + 7px)); }
}