/* Desktop directory rails. Mobile navigation keeps its existing layout. */
@media (min-width: 901px) {
  .directory-home-shell {
    --sidebar-edge-gap: 16px;
    --sidebar-nav-bottom: 56px;
  }
  :root:not(#_v3) .directory-home-shell [data-directory-pane="tools"] {
    padding-inline: var(--sidebar-edge-gap);
  }
  .directory-home-shell [data-directory-pane="tools"] > .directory-workspace {
    width: 100%;
    max-width: none;
    margin-inline: 0;
  }
  :root:not(#_v3) .directory-home-shell [data-directory-pane="tools"] > .directory-workspace > .directory-sidebar {
    position: sticky;
    top: calc(var(--sidebar-nav-bottom) + var(--sidebar-edge-gap)) !important;
    margin-top: calc(var(--sidebar-nav-bottom) + var(--sidebar-edge-gap)) !important;
    height: calc(100dvh - var(--sidebar-nav-bottom) - 2 * var(--sidebar-edge-gap));
    max-height: calc(100dvh - var(--sidebar-nav-bottom) - 2 * var(--sidebar-edge-gap)) !important;
    overflow: hidden;
  }
  .directory-home-shell .directory-sidebar > .directory-sidebar-heading {
    flex: 0 0 auto;
  }
  .directory-home-shell .directory-sidebar > .directory-sidebar-scroll {
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex: 1 1 0;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior-y: contain;
  }
  .directory-sidebar-scroll > * { flex-shrink: 0; }
  :root:not(#_v3) .directory-home-shell .directory-main.directory-main-deals {
    margin-top: calc(var(--sidebar-nav-bottom) + var(--sidebar-edge-gap)) !important;
    height: calc(100% - var(--sidebar-nav-bottom) - 2 * var(--sidebar-edge-gap)) !important;
    flex-basis: calc(100% - var(--sidebar-nav-bottom) - 2 * var(--sidebar-edge-gap)) !important;
  }
  .directory-home-shell .directory-workspace.directory-workspace-deals {
    width: calc(100% - 2 * var(--sidebar-edge-gap));
    max-width: none;
    margin-inline: var(--sidebar-edge-gap);
  }
  .directory-workspace-deals :is(.price-category-column, .price-spec-column) {
    position: sticky;
    top: 0;
    overflow: hidden;
  }
  .directory-sidebar-scroll,
  .directory-workspace-deals :is(.price-categories, .price-spec-list) {
    scrollbar-width: thin;
    scrollbar-color: transparent transparent;
  }
  .directory-sidebar-scroll:is(:hover, :focus-within),
  .directory-workspace-deals :is(.price-categories, .price-spec-list):is(:hover, :focus-within) {
    scrollbar-color: var(--ui-line, #b5c7c0) transparent;
  }
  :is(.directory-sidebar-scroll, .directory-workspace-deals .price-categories, .directory-workspace-deals .price-spec-list)::-webkit-scrollbar {
    display: block;
    width: 4px;
  }
  :is(.directory-sidebar-scroll, .directory-workspace-deals .price-categories, .directory-workspace-deals .price-spec-list)::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background: transparent;
  }
  :is(.directory-sidebar-scroll, .directory-workspace-deals .price-categories, .directory-workspace-deals .price-spec-list):is(:hover, :focus-within)::-webkit-scrollbar-thumb {
    background: var(--ui-line, #b5c7c0);
  }
}