/* Sayyarati V9182 — clean, fast-to-scan desktop navigation.
   Scope all changes to the permanently docked desktop sidebar.
   The mobile drawer keeps its previous tiles and interactions. */
@media (min-width:1180px) {
  :root { --desktop-fixed-sidebar:318px !important; }

  /* Match even the legacy html[dir=rtl] and [data-nav] desktop overrides. */
  html[dir="rtl"] body:not(.admin-body) .site-header nav[data-nav].main-nav.compact-menu.slide-drawer-menu {
    display:block !important;
    gap:0 !important;
  }
  html[dir="rtl"] body:not(.admin-body) .site-header nav[data-nav].main-nav.compact-menu.slide-drawer-menu > .slide-drawer-head {
    position:sticky !important;
    top:0 !important;
    display:flex !important;
    min-height:78px !important;
    margin:0 0 9px !important;
    padding:16px 19px !important;
    background:#0e58b9 linear-gradient(125deg,#0e4aa5,#0878e9) !important;
    border-bottom:0 !important;
    border-radius:0 !important;
  }

  html body:not(.admin-body) .site-header .main-nav.compact-menu.slide-drawer-menu {
    display:block !important;
    overflow-x:hidden !important;
    overflow-y:auto !important;
    padding:0 0 14px !important;
    background:#f9fbff !important;
    border-left:1px solid #e1eaf5 !important;
    border-radius:0 !important;
    box-shadow:-10px 0 34px rgba(16,46,94,.06) !important;
    scrollbar-width:thin;
    scrollbar-color:#c8d8ef transparent;
    direction:rtl !important;
  }
  html body:not(.admin-body) .site-header .slide-drawer-head {
    position:sticky !important;
    top:0 !important;
    z-index:4 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    min-height:78px !important;
    margin:0 0 9px !important;
    padding:16px 19px !important;
    background:linear-gradient(125deg,#0e4aa5,#0878e9) !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:0 7px 18px rgba(5,66,137,.15) !important;
    color:white !important;
  }
  html body:not(.admin-body) .site-header .slide-drawer-head span {
    display:block !important;
    margin:0 0 2px !important;
    color:#d5eaff !important;
    font-size:11px !important;
    font-weight:750 !important;
  }
  html body:not(.admin-body) .site-header .slide-drawer-head strong {
    color:white !important;
    font-size:19px !important;
    line-height:1.35 !important;
    font-weight:900 !important;
  }
  html body:not(.admin-body) .site-header .slide-drawer-close {
    display:none !important; /* Docked sidebar cannot be closed on desktop. */
  }

  html body:not(.admin-body) .site-header .main-nav.compact-menu .compact-menu-section {
    display:block !important;
    margin:4px 12px 8px !important;
    padding:10px 10px 9px !important;
    background:#fff !important;
    border:1px solid #e8eef7 !important;
    border-radius:15px !important;
    box-shadow:0 2px 9px rgba(27,65,111,.025) !important;
  }
  html body:not(.admin-body) .site-header .main-nav.compact-menu .compact-menu-title {
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    margin:0 3px 7px !important;
    padding:0 0 7px !important;
    color:#647995 !important;
    font-size:11.5px !important;
    font-weight:900 !important;
    line-height:1.35 !important;
    border:0 !important;
    border-bottom:1px solid #edf2f8 !important;
  }
  html body:not(.admin-body) .site-header .main-nav.compact-menu .compact-menu-title::before {
    content:'' !important;
    width:6px !important;
    height:6px !important;
    flex:0 0 6px !important;
    border-radius:50% !important;
    background:#1680f5 !important;
    box-shadow:0 0 0 3px #e7f1ff !important;
  }
  html body:not(.admin-body) .site-header .main-nav.compact-menu .compact-menu-grid,
  html body:not(.admin-body) .site-header .main-nav.compact-menu .compact-menu-section:not(.compact-menu-main):not(.compact-menu-account) .compact-menu-grid {
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    gap:3px !important;
    width:100% !important;
  }
  html body:not(.admin-body) .site-header .main-nav.compact-menu .compact-menu-form {
    margin:0 !important;
    width:100% !important;
  }
  html body:not(.admin-body) .site-header .main-nav.compact-menu .compact-menu-card,
  html body:not(.admin-body) .site-header .main-nav.compact-menu .compact-menu-button {
    position:relative !important;
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:flex-start !important;
    width:100% !important;
    height:auto !important;
    min-height:43px !important;
    margin:0 !important;
    padding:6px 9px !important;
    gap:10px !important;
    text-align:right !important;
    direction:rtl !important;
    overflow:hidden !important;
    background:transparent !important;
    border:1px solid transparent !important;
    border-radius:11px !important;
    box-shadow:none !important;
    color:#233b5e !important;
    text-shadow:none !important;
    transform:none !important;
    transition:background .14s ease,border-color .14s ease,color .14s ease !important;
  }
  html body:not(.admin-body) .site-header .main-nav.compact-menu .compact-menu-card::after,
  html body:not(.admin-body) .site-header .main-nav.compact-menu .compact-menu-button::after {
    content:'‹' !important;
    display:inline-block !important;
    align-self:center !important;
    margin-inline-start:auto !important;
    color:#a4b6ce !important;
    font:700 23px/1 Arial,sans-serif !important;
  }
  html body:not(.admin-body) .site-header .main-nav.compact-menu .compact-menu-card:hover,
  html body:not(.admin-body) .site-header .main-nav.compact-menu .compact-menu-button:hover {
    background:#f1f6ff !important;
    border-color:#d6e6ff !important;
    color:#0c55b8 !important;
    box-shadow:none !important;
    transform:none !important;
  }
  html body:not(.admin-body) .site-header .main-nav.compact-menu .compact-menu-card.active {
    background:#e8f2ff !important;
    border:1px solid #bed9ff !important;
    box-shadow:inset -3px 0 0 #1477ed !important;
    color:#0756ba !important;
  }
  html body:not(.admin-body) .site-header .main-nav.compact-menu .compact-menu-card strong,
  html body:not(.admin-body) .site-header .main-nav.compact-menu .compact-menu-button strong {
    display:block !important;
    flex:1 1 auto !important;
    min-width:0 !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    color:inherit !important;
    font-size:13px !important;
    font-weight:850 !important;
    line-height:1.35 !important;
    text-align:right !important;
    text-shadow:none !important;
    white-space:normal !important;
  }
  html body:not(.admin-body) .site-header .main-nav.compact-menu .compact-menu-card strong small {
    display:none !important;
  }
  html body:not(.admin-body) .site-header .main-nav.compact-menu .compact-menu-card span,
  html body:not(.admin-body) .site-header .main-nav.compact-menu .compact-menu-button span,
  html body:not(.admin-body) .site-header .main-nav.compact-menu .compact-menu-card .compact-menu-png {
    position:relative !important;
    inset:auto !important;
    display:grid !important;
    place-items:center !important;
    width:33px !important;
    height:33px !important;
    min-width:33px !important;
    flex:0 0 33px !important;
    margin:0 !important;
    padding:3px !important;
    background:#eef4fd !important;
    border:0 !important;
    border-radius:10px !important;
    box-shadow:none !important;
    color:#1869c7 !important;
    font-size:16px !important;
    line-height:1 !important;
  }
  html body:not(.admin-body) .site-header .main-nav.compact-menu .compact-menu-card .compact-menu-png::after {
    display:none !important;
    content:none !important;
  }
  html body:not(.admin-body) .site-header .main-nav.compact-menu .compact-menu-png img {
    width:100% !important;
    height:100% !important;
    max-width:100% !important;
    object-fit:contain !important;
    border-radius:7px !important;
    filter:none !important;
  }
  html body:not(.admin-body) .site-header .main-nav.compact-menu .compact-menu-card--traffic-photo .compact-menu-png img,
  html body:not(.admin-body) .site-header .main-nav.compact-menu .compact-menu-card--dalili-photo .compact-menu-png img,
  html body:not(.admin-body) .site-header .main-nav.compact-menu .compact-menu-card--fuel-photo .compact-menu-png img {
    object-fit:cover !important;
  }
  html body:not(.admin-body) .site-header .main-nav.compact-menu .compact-menu-card.active .compact-menu-png,
  html body:not(.admin-body) .site-header .main-nav.compact-menu .compact-menu-card.active > span {
    background:#d5e8ff !important;
    color:#065bc3 !important;
  }
  html body:not(.admin-body) .site-header .main-nav.compact-menu .compact-menu-info .compact-menu-card strong {
    font-size:12.5px !important;
  }
  html body:not(.admin-body) .site-header .main-nav.compact-menu .compact-menu-account {
    margin-bottom:12px !important;
  }
  html body:not(.admin-body) .site-header .main-nav.compact-menu .compact-menu-account .compact-menu-grid {
    margin-bottom:0 !important;
  }
}

/* V9182: the showroom scrolling prompt is for touch / narrow layouts only. */
@media (min-width:981px) {
  html body .home-showrooms-scroll-hint-v8991,
  html body [data-home-showrooms-scroll-hint] {
    display:none !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }
}