@charset "UTF-8";
/* Rev3 brand accents (primary buttons, sliders, toggles, modals): sn-rev3.scss / nj-rev3.scss
 * (rules scoped with .store.advancedSearch). This sheet stays layout + neutral fallbacks. */
/* Horz rev3 (#filterSectionControlArea): each column width/min/max is independent — edit here only */
/* #row2col1 Sources */
/* #row2col2 Listing Type */
/* #row2col3 Exclusions */
/* #filterSectionDropdownsColumn */
/* floor; set e.g. 12rem to enforce a minimum */
/* ceiling vs control row; use e.g. 28rem for a hard max */
/* #filterSectionControlArea + strip tiles (#filterSectionRow1, row2 cols, dropdowns) */
/* center control + slider rows in #filterSectionMainArea when strip is narrower than parent */
/* Horizontal inset inside #filterSectionSliderArea only (outer width stays $rev3-horz-main-inner-max); mirrors control strip side breathing room vs edge-to-edge sliders */
/* Left-dock rail (#searchFilterControlsLeft + .leftDocked): single-column stack; float / top-dock keep horz strip rules */
/* Horz: dock/close row vs Reset/Update row — each has its own width/margin block below (same default numbers; change one without the other). Not for #filterSectionControlArea / #filterSectionSliderArea */
/* was shared with results row; change independently now */
/* Top-dock (`.topDocked`, `#searchFilterControlsTop`); float/undocked unchanged — see media blocks near `.topDocked` */
/* Viewport max-width when left-dock column + tab are fully hidden (paired with REV3_LEFT_DOCK_VIEWPORT_MIN_WIDTH in basicSearch.js). */
/* #filterSectionControlArea / #filterSectionSliderArea; tile + slider col widths stay $rev3-horz-* */
/* #filterSectionRev3ResetRow + #row2col5 to match strip */
/* TLD ↔ sliders gap — match #filterSectionControlArea tile gap */
/* advancedStore.jsp only (not exclusive): max width of centered #filterSection in top-dock ≥1500 */
/* premiumStore top-dock: same horizontal span as #filterSectionRow1 + gap + #filterSectionDropdownsColumn (dock/close + Reset + Update align to tile L/R) */
/* Seller horz (sellerStore.jsp): center Search Type + Exclusions + sliders as one block; gap matches #filterSectionControlArea (10px) */
/* ~2×235px #row2col4 grid tracks + gutter */
/* Premium horz rev3 (premiumStore.jsp): narrow overlay + shorter strip — scoped `.advancedSearch.premiumSearch` only */
/* Split so #filterSectionRev3ResetRow vs #row2col5 can diverge (defaults match legacy single block) */
/* Seller horz: #filterSectionRev3ResetRow vs #row2col5 — separate from shared $rev3-seller-horz-main-strip-max (defaults match) */
/* Hide filter chrome until basicSearch.js restores cookie dock (html.rev3-filter-ui-pending from store JSP + removed on init). */
html.rev3-filter-ui-pending .store.advancedSearch #searchfilterpanel,
html.rev3-filter-ui-pending .store.advancedSearch #searchFilterControlsTop,
html.rev3-filter-ui-pending .store.advancedSearch #searchFilterControlsLeft {
  visibility: hidden !important;
  pointer-events: none; }

.appliedFilterImage {
  background-image: none !important;
  height: 35px; }

.store .slideContainer {
  border: 0px !important; }

/* Min gutter from viewport; fixed max rail width (strip + tab) so #searchContainer flexes like beside .rightSection */
.advancedSearch #searchFilterControlsLeft {
  box-sizing: border-box;
  min-width: 0;
  flex-shrink: 0;
  max-width: 376px !important;
  margin-right: 5px !important;
  margin-top: 10px !important; }

/* Float/top: panel lives in #criteriaDeskTop or #searchFilterControlsTop — rev3 tab is parked alone here (.rev3-left-dock-tab-only). */
.advancedSearch #searchFilterControlsLeft:not(:has(#searchfilterpanel)):not(.rev3-left-dock-tab-only) {
  display: none !important; }

.advancedSearch #searchFilterControlsLeft.rev3-left-dock-tab-only {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  box-sizing: border-box !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-right: 10px !important;
  max-width: 30px !important;
  width: 30px !important;
  min-width: 30px !important;
  flex: 0 0 30px !important;
  position: relative !important;
  left: 0 !important;
  align-self: flex-start !important; }

.advancedSearch #searchFilterControlsLeft.rev3-left-dock-tab-only #leftslidebar.rev3-left-dock-tab {
  width: 30px !important;
  max-width: 30px !important;
  box-sizing: border-box;
  flex-shrink: 0 !important;
  position: absolute !important;
  left: -10px !important;
  display: inline-block !important;
  visibility: visible !important; }

/*
 * Narrow viewports: hide the full left-dock column (strip / #slideContainer) — not the parked rev3 tab rail.
 * JS parks #leftslidebar into .rev3-left-dock-tab-only; that column stays visible (see block above).
 */
@media (max-width: 1299px) {
  .advancedSearch #searchFilterControlsLeft:has(#searchfilterpanel) {
    display: none !important; }

  .advancedSearch #searchFilterControlsLeft.rev3-left-dock-tab-only {
    display: flex !important; }

  /*
   * User explicitly left-docked while viewport < 1300 (basicSearch.js: body.rev3-narrow-left-dock-open on dockFilterLeft).
   * Overrides the hide above so the strip + tab column can display; pair with SlidePremiumDomain / collapsed suggestions rail.
   */
  body.rev3-narrow-left-dock-open .store.advancedSearch #searchFilterControlsLeft:has(#searchfilterpanel) {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important; } }
/*
 * Viewport < 1100px: hide left-dock UI completely (full column, parked rev3 tab rail, body.rev3-narrow-left-dock-open).
 * Wide layouts use float / top-dock / FILTER overlay only (see basicSearch.js REV3_LEFT_DOCK_VIEWPORT_MIN_WIDTH).
 */
@media (max-width: 1099px) {
  .store.advancedSearch #searchFilterControlsLeft {
    display: none !important; }

  body.rev3-narrow-left-dock-open .store.advancedSearch #searchFilterControlsLeft {
    display: none !important; } }
/*
 * Strip hidden (rev3 tab only): rail = tab width (30px) so no ~80px empty column / negative offset. .maxWidthCollapsed
 * is set in basicSearch.js with dockFilterLeft(false). Add page gutter via .store padding if needed, not this rail.
 */
.store.advancedSearch > .store.wrapper.maxWidthCollapsed #searchFilterControlsLeft:has(#searchfilterpanel) {
  padding-left: 0 !important;
  padding-right: 0 !important;
  max-width: 30px !important;
  width: 30px !important;
  min-width: 30px !important;
  flex: 0 0 30px !important;
  margin-left: 0 !important;
  position: relative !important;
  left: 0 !important;
  align-self: flex-start !important; }

.store.advancedSearch > .store.wrapper.maxWidthCollapsed #searchFilterControlsLeft #searchfilterpanel.searchfilterpanelhorz {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important; }

.store.advancedSearch > .store.wrapper.maxWidthCollapsed #searchFilterControlsLeft #searchfilterpanel.searchfilterpanelhorz #leftTopSideTabs {
  width: 30px !important;
  max-width: 30px !important;
  flex-shrink: 0 !important; }

.store.advancedSearch > .store.wrapper.maxWidthCollapsed #searchFilterControlsLeft #leftslidebar.rev3-left-dock-tab {
  width: 30px !important;
  max-width: 30px !important;
  box-sizing: border-box;
  /* Strip collapsed: tab must stay visible (legacy/other rules must not suppress it). */
  display: inline-block !important;
  visibility: visible !important; }

/*
 * Float / top-dock (currentFilterState 0 / 1), viewport ≥ 1100px: hide rev3 tab (basicSearch.js body.rev3-hide-left-tab-float-top-wide).
 * Left-dock (2) does not set that class — tab stays visible including .maxWidthCollapsed rules above.
 */
@media (min-width: 1100px) {
  body.rev3-hide-left-tab-float-top-wide .store.advancedSearch #searchFilterControlsLeft #leftTopSideTabs,
  body.rev3-hide-left-tab-float-top-wide .store.advancedSearch #searchFilterControlsLeft #leftslidebar.rev3-left-dock-tab {
    visibility: hidden !important; } }
/*
 * Tab strip on outer edge + vertical layout: see #searchfilterpanel.searchfilterpanelhorz block ~3797.
 */
.advancedSearch #searchFilterControlsLeft #searchfilterpanel.searchfilterpanelhorz #leftTopSideTabs {
  flex-shrink: 0;
  width: 30px;
  max-width: 30px;
  margin-top: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center;
  align-self: flex-start; }

.advancedSearch #searchFilterControlsLeft #searchfilterpanel.searchfilterpanelhorz #leftTopSideTabs.leftTopSideTabsvert {
  margin-top: 0 !important; }

/* Legacy .leftSideTabsDocked is position:absolute;left:0 — breaks flex tab placement in left dock */
.advancedSearch #searchFilterControlsLeft #leftTopSideTabs.leftSideTabsDocked {
  position: absolute !important;
  left: -10px !important; }

/*
 * Override storefronts/_storefront.scss fixed min-width (1073px) / max-width (1500px) on horz filter panel
 * so Advanced Search / rev3 can use the full available width. Loaded after wcstyle; do not edit _storefront.scss.
 */
.advancedSearch .store .searchPanelHorz .searchPanelControls .searchfilterpanelhorz,
.exclusiveSearch .store .searchPanelHorz .searchPanelControls .searchfilterpanelhorz {
  min-width: 100%;
  max-width: 100%;
  width: 100%; }

/*
 * _storefront .searchPanelHorz sets align-items: center on #mainContent (column flex), which centers
 * every flex child including #rightResults. A global override to align-items: start broke results alignment.
 * Only pull the criteria column left; leave #rightResults on the parent's align-items: center.
 */
.advancedSearch #mainContent.searchPanelHorz #criteriaDeskTop {
  align-self: flex-start; }

/* Float overlay: #criteriaDeskTop undocked in #mainContent.searchPanelHorzDocked — inset from left (was flush left: 0). */
.advancedSearch #mainContent.searchPanelHorzDocked #criteriaDeskTop {
  margin-left: 5px; }

/* #searchFilterControlsTop: panel moves here in top-dock (`dockFilterTop`); full width so wide layouts can use the viewport */
.advancedSearch #searchFilterControlsTop {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box; }

/*
 * Rev3 search ribbon (#searchPageSeachBox): match advancedStore.jsp — centered search + save/load.
 * exclusive/seller/premium JSPs use inline justify-content:space-between and .search_inner_store max-width:30%,
 * which parks the field on the right (~1031px). Center the row and restore ~610px search width.
 */
.store.advancedSearch #searchPageSeachBox.searchPageSeachBoxSmall {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  text-align: center;
  /* _storefront.scss sets vertical padding inside $screen-small only; pin it for rev3 (partner .searchPageSeachBoxSmall rules do not). */
  padding-top: 20px !important;
  padding-bottom: 20px !important; }

.store.advancedSearch #searchPageSeachBox.searchPageSeachBoxSmall > div:first-child {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
  flex-wrap: wrap;
  gap: 0 30px;
  padding-top: 20px !important;
  /* Padding belongs on #searchPageSeachBox above — not here (inner row stays in content box). */
  min-height: 0; }

.store.advancedSearch #searchPageSeachBox .search_inner_store {
  margin-left: 0 !important;
  margin-right: 0 !important;
  float: none !important;
  position: relative;
  left: auto !important;
  right: auto !important;
  flex: 0 0 auto !important;
  max-width: 610px !important;
  min-width: 610px !important;
  width: auto !important;
  align-items: center !important;
  flex-direction: row !important; }

.store.advancedSearch #searchPageSeachBox .searchcontrols {
  margin-left: 0 !important;
  margin-right: 0 !important;
  text-align: left !important; }

.store.advancedSearch #searchPageSeachBox #SaveSearchBox.SaveSearchBoxVertical {
  flex: 0 0 auto;
  margin-left: 30px !important; }

.store.advancedSearch #searchPageSeachBox .searchTermHeaderText,
.store.advancedSearch #searchPageSeachBox > div:first-child > div[style*="max-width:30%"] {
  flex: 0 1 auto !important;
  max-width: none !important;
  width: auto !important;
  text-align: left; }

/*
 * exclusive/seller/premium rev3 ribbon: 1fr | search | 1fr — equal side tracks center the pill even when
 * title/image widths differ (auto|1fr|auto|1fr|auto shifted search right). Title/image sit inside side tracks.
 */
.store.exclusiveSearch.advancedSearch #searchPageSeachBox.searchPageSeachBoxSmall,
.store.sellerSearch.advancedSearch #searchPageSeachBox.searchPageSeachBoxSmall,
.store.premiumSearch.advancedSearch #searchPageSeachBox.searchPageSeachBoxSmall {
  text-align: left;
  padding-left: 0 !important;
  padding-right: 0 !important; }

.store.exclusiveSearch.advancedSearch #searchPageSeachBox.searchPageSeachBoxSmall > div:first-child,
.store.sellerSearch.advancedSearch #searchPageSeachBox.searchPageSeachBoxSmall > div:first-child,
.store.premiumSearch.advancedSearch #searchPageSeachBox.searchPageSeachBoxSmall > div:first-child {
  display: grid !important;
  grid-template-columns: 1fr auto 1fr;
  justify-content: stretch !important;
  align-items: center;
  width: 100%;
  max-width: 100%;
  margin: 0;
  column-gap: 0;
  row-gap: 16px;
  flex-wrap: unset; }

.store.exclusiveSearch.advancedSearch #searchPageSeachBox .searchTermHeaderText,
.store.sellerSearch.advancedSearch #searchPageSeachBox .searchTermHeaderText,
.store.premiumSearch.advancedSearch #searchPageSeachBox .searchTermHeaderText {
  grid-column: 1;
  justify-self: start;
  flex: none !important;
  min-width: 0 !important;
  max-width: none !important;
  width: auto !important;
  padding-left: 24px;
  padding-right: 16px;
  box-sizing: border-box;
  text-align: left;
  align-self: center; }

.store.exclusiveSearch.advancedSearch #searchPageSeachBox .searchTermImage,
.store.sellerSearch.advancedSearch #searchPageSeachBox .searchTermImage,
.store.premiumSearch.advancedSearch #searchPageSeachBox .searchTermImage {
  grid-column: 3;
  justify-self: end;
  flex: none !important;
  min-width: 0 !important;
  max-width: none !important;
  width: auto !important;
  padding-left: 16px;
  padding-right: 24px;
  box-sizing: border-box;
  display: flex !important;
  justify-content: flex-end;
  align-items: center;
  align-self: center; }

.store.exclusiveSearch.advancedSearch #searchPageSeachBox .search_inner_store:has(.advanced-store-search-pill-wrap),
.store.sellerSearch.advancedSearch #searchPageSeachBox .search_inner_store:has(.advanced-store-search-pill-wrap),
.store.premiumSearch.advancedSearch #searchPageSeachBox .search_inner_store:has(.advanced-store-search-pill-wrap) {
  grid-column: 2;
  justify-self: center;
  flex: none !important;
  flex-shrink: 0 !important;
  min-width: 610px !important;
  max-width: 610px !important;
  width: auto !important;
  align-items: center !important;
  align-self: center !important; }

@media (max-width: 1099px) {
  /* Rev3 ribbon has title; mobile .searchResultTop / .searchResultSmall header duplicates are omitted in JSP — guard stale markup */
  .store.exclusiveSearch.advancedSearch .searchResultTop .searchTermHeaderExclusiveDetail,
  .store.sellerSearch.advancedSearch .searchResultSmall .searchTermHeaderSellerDetail,
  .store.sellerSearch.advancedSearch .searchResultSmall .searchTermHeaderSellerDetailDisplay,
  .store.premiumSearch.advancedSearch .searchResultSmall .searchTermHeaderDetailDisplay {
    display: none !important; }

  /* Top-dock slot is desktop-only; do not reserve a column on tablet/mobile (see rev3MigrateTopDockOffNarrowViewport). */
  .store.exclusiveSearch.advancedSearch #searchFilterControlsTop,
  .store.sellerSearch.advancedSearch #searchFilterControlsTop,
  .store.premiumSearch.advancedSearch #searchFilterControlsTop {
    display: none !important;
    width: 0 !important;
    max-width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: none !important; }

  .store.exclusiveSearch.advancedSearch #searchPageSeachBox.searchPageSeachBoxSmall > div:first-child,
  .store.sellerSearch.advancedSearch #searchPageSeachBox.searchPageSeachBoxSmall > div:first-child,
  .store.premiumSearch.advancedSearch #searchPageSeachBox.searchPageSeachBoxSmall > div:first-child {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: flex-start !important;
    column-gap: 0;
    gap: 16px 30px; }

  .store.exclusiveSearch.advancedSearch #searchPageSeachBox .searchTermHeaderText,
  .store.sellerSearch.advancedSearch #searchPageSeachBox .searchTermHeaderText,
  .store.premiumSearch.advancedSearch #searchPageSeachBox .searchTermHeaderText,
  .store.exclusiveSearch.advancedSearch #searchPageSeachBox .search_inner_store:has(.advanced-store-search-pill-wrap),
  .store.sellerSearch.advancedSearch #searchPageSeachBox .search_inner_store:has(.advanced-store-search-pill-wrap),
  .store.premiumSearch.advancedSearch #searchPageSeachBox .search_inner_store:has(.advanced-store-search-pill-wrap),
  .store.exclusiveSearch.advancedSearch #searchPageSeachBox .searchTermImage,
  .store.sellerSearch.advancedSearch #searchPageSeachBox .searchTermImage,
  .store.premiumSearch.advancedSearch #searchPageSeachBox .searchTermImage {
    grid-column: auto;
    justify-self: auto; }

  .store.exclusiveSearch.advancedSearch #searchPageSeachBox .search_inner_store:has(.advanced-store-search-pill-wrap),
  .store.sellerSearch.advancedSearch #searchPageSeachBox .search_inner_store:has(.advanced-store-search-pill-wrap),
  .store.premiumSearch.advancedSearch #searchPageSeachBox .search_inner_store:has(.advanced-store-search-pill-wrap) {
    margin-left: auto;
    margin-right: auto; } }
/*
 * storefronts/_store.scss: ≥1100px `#searchContents` uses justify-content:center and `.rightResults-94` uses a column flex with
 * justify-content:center. While results are loading (narrow #searchContainer), the row centers the filter rail + container together;
 * the column centers the block vertically — left-dock rail appears mid-screen. Pin Start alignment for rev3 storefronts that use
 * #searchFilterControlsLeft (exclusive / seller / premium / default advancedStore row without #searchContainer).
 */
@media (min-width: 1100px) {
  .store.exclusiveSearch.advancedSearch #searchContents.exclusiveSearchContents,
  .store.sellerSearch.advancedSearch #searchContents.sellerSearchContents,
  .store.premiumSearch.advancedSearch #searchContents.premiumSearchContents {
    justify-content: flex-start !important;
    align-items: flex-start; }

  .store.exclusiveSearch.advancedSearch #searchContents.exclusiveSearchContents #searchContainer,
  .store.sellerSearch.advancedSearch #searchContents.sellerSearchContents #searchContainer,
  .store.premiumSearch.advancedSearch #searchContents.premiumSearchContents #searchContainer {
    flex: 1 1 auto;
    min-width: 0; }

  .store.exclusiveSearch.advancedSearch .rightResults-94,
  .store.sellerSearch.advancedSearch .rightResults-94,
  .store.premiumSearch.advancedSearch .rightResults-94 {
    justify-content: flex-start !important;
    align-items: stretch; }

  /*
   * advancedStore.jsp only: `.store.advancedSearch` without exclusive/seller/premium — row is
   * #searchFilterControlsLeft | .searchResults | .rightSection (no #searchContainer). Allow flex shrink so the row fits ≤ viewport.
   */
  .store.advancedSearch:not(.exclusiveSearch):not(.sellerSearch):not(.premiumSearch) #searchContents {
    justify-content: flex-start !important;
    align-items: flex-start;
    max-width: 100%;
    width: 100%;
    box-sizing: border-box;
    flex-wrap: nowrap;
    gap: 8px;
    padding-left: 8px;
    padding-right: 8px;
    /* clip (not hidden): hidden would force overflow-y:auto and a spurious vertical scrollbar when empty */
    overflow-x: clip;
    overflow-y: visible; }

  .store.advancedSearch:not(.exclusiveSearch):not(.sellerSearch):not(.premiumSearch) #searchContents > #searchFilterControlsLeft {
    flex: 0 1 auto;
    min-width: 0; }

  .store.advancedSearch:not(.exclusiveSearch):not(.sellerSearch):not(.premiumSearch) #searchContents > .searchResults {
    flex: 1 1 0;
    min-width: 0;
    max-width: 100%;
    overflow-x: visible; }

  .store.advancedSearch:not(.exclusiveSearch):not(.sellerSearch):not(.premiumSearch) #searchContents > .rightSection {
    flex: 0 1 312px;
    min-width: 0;
    max-width: min(325px, 32vw);
    box-sizing: border-box; }

  /*
   * SlidePremiumDomain / ShowHide: #rightDomainNameSection hidden + #showSuggestion.SuggestionCollapsed — legacy CSS makes the tab
   * ~30px + position:absolute. Do not keep flex-basis ~300px or .searchResults stays squeezed beside left dock / narrow viewports.
   */
  .store.advancedSearch:not(.exclusiveSearch):not(.sellerSearch):not(.premiumSearch)
  #searchContents
  > .rightSection:has(#showSuggestion.SuggestionCollapsed) {
    flex: 0 0 32px;
    max-width: 32px;
    min-width: 0;
    width: 32px;
    position: relative;
    align-self: flex-start;
    overflow: visible; }

  .store.advancedSearch:not(.exclusiveSearch):not(.sellerSearch):not(.premiumSearch) .rightResults-94 {
    justify-content: flex-start !important;
    align-items: stretch;
    max-width: 100%; }

  .store.advancedSearch:not(.exclusiveSearch):not(.sellerSearch):not(.premiumSearch) #searchContents .rightSection #rightDomainNameSection {
    width: 100% !important;
    max-width: min(295px, 100%);
    box-sizing: border-box; } }
/* Filter section: stretch row items so columns match tallest (e.g. TLD pills); tighter gap (rev3) */
.advancedSearch #filterSection {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  gap: 10px;
  margin-top: 0px; }

/*
 * Seller / premium storefront rev3: only a subset of first-row panels (e.g. Search Type + Exclusions +
 * Special Event for seller; Search Type + TLDs for premium). space-between spreads them across the
 * full width with large gaps. Pack them to the start with a fixed gap instead.
 */
.advancedSearch.sellerSearch #filterSection,
.advancedSearch.premiumSearch #filterSection {
  justify-content: flex-start;
  gap: 12px; }

/* Horz dock: first row (Search Type + Sources + Listing + Exclusions + dropdowns) spans full width — equal flex + space-between uses side margins as extra tile width (not seller/premium). */
.advancedSearch #searchfilterpanel.searchfilterpanelhorz #filterSection {
  justify-content: space-between; }

.advancedSearch.sellerSearch #searchfilterpanel.searchfilterpanelhorz #filterSection {
  justify-content: flex-start;
  align-items: stretch;
  gap: 8px; }

/*
 * sellerStore.jsp horz (not left rail): stack #filterSectionRev3ResetRow above #filterSectionMainArea (then #row2col5).
 * Without this, strip max-widths on reset + main let both sit on one flex row (premium avoids via .topDocked column rules).
 */
.advancedSearch.sellerSearch #searchfilterpanel.searchfilterpanelhorz #filterSection:not(.leftDocked) {
  flex-direction: column;
  flex-wrap: nowrap; }

.advancedSearch.premiumSearch #searchfilterpanel.searchfilterpanelhorz #filterSection {
  justify-content: flex-start; }

/* Default advanced horz: five top-row panels share row width evenly (#filterSection gap unchanged). */
.advancedSearch:not(.sellerSearch):not(.premiumSearch) #searchfilterpanel.searchfilterpanelhorz #filterSection > #filterSectionRow1,
.advancedSearch:not(.sellerSearch):not(.premiumSearch) #searchfilterpanel.searchfilterpanelhorz #filterSection > #row2col1,
.advancedSearch:not(.sellerSearch):not(.premiumSearch) #searchfilterpanel.searchfilterpanelhorz #filterSection > #row2col2,
.advancedSearch:not(.sellerSearch):not(.premiumSearch) #searchfilterpanel.searchfilterpanelhorz #filterSection > #row2col3 {
  flex: 1 1 0;
  min-width: 0;
  max-width: 100%; }

.advancedSearch:not(.sellerSearch):not(.premiumSearch) #searchfilterpanel.searchfilterpanelhorz #filterSection > #filterSectionDropdownsColumn {
  flex: 1 1 0;
  max-width: 100%;
  /* Allow column to shrink with flex row; inner triggers use 100% (fixed 12rem was wider than padding box). */
  min-width: 0; }

.advancedSearch #searchfilterpanel.searchfilterpanelhorz #advSearchBoxDesktop.advSearchBoxModern {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
  padding: 0px 0px 0px 0px !important; }

.advancedSearch #searchfilterpanel.searchfilterpanelhorz #advSearchBoxDesktop.advSearchBoxModern #filterSection {
  width: 100%; }

.advancedSearch #searchfilterpanel.searchfilterpanelhorz #filterSection > #filterSectionRow1,
.advancedSearch #searchfilterpanel.searchfilterpanelhorz #filterSection > #row2col1,
.advancedSearch #searchfilterpanel.searchfilterpanelhorz #filterSection > #row2col2,
.advancedSearch #searchfilterpanel.searchfilterpanelhorz #filterSection > #row2col3,
.advancedSearch #searchfilterpanel.searchfilterpanelhorz #filterSection > .filterSectionDropdownsColumn {
  align-self: stretch;
  min-height: 0; }

.advancedSearch #searchfilterpanel.searchfilterpanelhorz #filterSection > #row2col1,
.advancedSearch #searchfilterpanel.searchfilterpanelhorz #filterSection > #row2col2,
.advancedSearch #searchfilterpanel.searchfilterpanelhorz #filterSection > #row2col3 {
  display: flex;
  flex-direction: column; }

.advancedSearch #searchfilterpanel.searchfilterpanelhorz .filterSectionDropdownsColumn {
  gap: 8px; }

/* Horz: dropdown column padding box is often narrower than 12rem — keep TLD/Category/Event triggers inside it. */
.advancedSearch #searchfilterpanel.searchfilterpanelhorz #filterSectionDropdownsColumn {
  min-width: 0;
  overflow-x: hidden;
  box-sizing: border-box; }

.advancedSearch #searchfilterpanel.searchfilterpanelhorz #filterSectionDropdownsColumn #column5,
.advancedSearch #searchfilterpanel.searchfilterpanelhorz #filterSectionDropdownsColumn #column2,
.advancedSearch #searchfilterpanel.searchfilterpanelhorz #filterSectionDropdownsColumn #column4 {
  width: 100%;
  max-width: 100%;
  min-width: 0; }

.advancedSearch #searchfilterpanel.searchfilterpanelhorz #filterSectionDropdownsColumn #column5.rev3-tld {
  width: 100%;
  max-width: 100%; }

.advancedSearch #searchfilterpanel.searchfilterpanelhorz #filterSectionDropdownsColumn .filter-dropdown-block {
  max-width: 100%; }

.advancedSearch #searchfilterpanel.searchfilterpanelhorz #filterSectionDropdownsColumn .tld-filter-trigger {
  width: 100%;
  min-width: 0;
  max-width: 100%; }

/*
 * Horz dock: Order By + Price + Characters + Words — Order By shares .rev3-max-slider-col; inner column flex for track.
 */
.advancedSearch #searchfilterpanel.searchfilterpanelhorz .advSearchBoxModern .filterSectionSlidersColumn #orderByDateMaximumsRow #row2col4 > .rev3-max-slider-col--orderByDate {
  display: flex;
  flex-direction: column;
  min-width: 180px; }

.advancedSearch #searchfilterpanel.searchfilterpanelhorz .advSearchBoxModern .filterSectionSlidersColumn #orderByDateMaximumsRow #row2col4 .maxCriteriaItem--slider {
  flex: 1 1 0;
  min-width: 0;
  max-width: 100%;
  width: 100%; }

.advancedSearch #searchfilterpanel.searchfilterpanelhorz .advSearchBoxModern .filterSectionSlidersColumn #orderByDateMaximumsRow #row2col4 .dual-range-slider-container {
  max-width: 100%;
  min-width: 0; }

/* Rev3: full-width row above filter tiles; in-flow height + padding so close never overlaps #filterSectionDropdownsColumn (absolute + padding:0 collapsed the row). */
.advancedSearch #filterSection .rev3-filter-section-reset-row {
  flex: 1 1 100%;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  padding: 0px 0px;
  order: -1;
  position: relative;
  min-height: 28px; }

.advancedSearch #searchfilterpanel.searchfilterpanelvertical #filterSection .rev3-filter-section-reset-row {
  padding: 10px 12px; }

/* Rev3 filter strip: dock + close (rev3-only — avoid .btn-close-modal / .tld-filter-close-btn global conflicts) */
.advancedSearch #filterSectionRev3ResetRow .rev3-filter-panel-close,
.advancedSearch #filterSectionRev3ResetRow .rev3-filter-panel-dock-btn {
  width: 28px;
  height: 28px;
  min-width: 28px;
  min-height: 28px;
  margin: 0;
  padding: 0;
  flex-shrink: 0;
  border: none;
  border-radius: 6px;
  background-color: #fff;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: none;
  box-sizing: border-box;
  -webkit-appearance: none;
  appearance: none; }
  .advancedSearch #filterSectionRev3ResetRow .rev3-filter-panel-close:focus,
  .advancedSearch #filterSectionRev3ResetRow .rev3-filter-panel-dock-btn:focus {
    outline: 2px solid rgba(15, 23, 42, 0.22);
    outline-offset: 2px; }
  .advancedSearch #filterSectionRev3ResetRow .rev3-filter-panel-close:focus:not(:focus-visible),
  .advancedSearch #filterSectionRev3ResetRow .rev3-filter-panel-dock-btn:focus:not(:focus-visible) {
    outline: none; }

.advancedSearch #filterSectionRev3ResetRow .rev3-filter-panel-close {
  color: #6b7280;
  font-size: 20px;
  font-weight: 400;
  line-height: 1; }
  .advancedSearch #filterSectionRev3ResetRow .rev3-filter-panel-close .rev3-filter-panel-close__glyph {
    display: block;
    line-height: 1;
    color: inherit;
    pointer-events: none;
    font-size: x-large; }
  .advancedSearch #filterSectionRev3ResetRow .rev3-filter-panel-close:hover {
    color: #374151;
    background-color: #f9fafb; }

/* Dock layout icons: same 28×28 frame + background as .rev3-filter-panel-close */
.advancedSearch #filterSectionRev3ResetRow .rev3-filter-panel-dock-btn {
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px 16px; }
  .advancedSearch #filterSectionRev3ResetRow .rev3-filter-panel-dock-btn:hover {
    background-color: #f9fafb; }

/* Keep toggle: docked → keep_off (float); float → keep (restore last top/left dock, default top) */
.advancedSearch #filterSectionRev3ResetRow #rev3FilterKeepBtn.rev3-filter-keep-btn--docked {
  background-image: url(/images/search-icons/keep_off.svg); }

.advancedSearch #filterSectionRev3ResetRow #rev3FilterKeepBtn.rev3-filter-keep-btn--float {
  background-image: url(/images/search-icons/keep.svg); }

.advancedSearch #filterSectionRev3ResetRow #dockFilterLeftBtn {
  background-image: url(/images/search-icons/dock_search_filter_left_rev3.png); }

.advancedSearch #filterSectionRev3ResetRow #dockFilterTopBtn {
  background-image: url(/images/search-icons/dock_search_filter_top_rev3.png); }

/*
 * Rev3 horizontal dock: primary controls share row 1; slider strip is flex-basis 100% so it wraps
 * to a full-width row below; #row2col4 lays out Order By + Price + Characters + Words (same .rev3-max-slider-col shell).
 */
.advancedSearch .advSearchBoxModern #filterSection .filterSectionSlidersColumn {
  flex: 1 1 100%;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  align-items: stretch;
  align-self: stretch;
  box-sizing: border-box; }

.advancedSearch .advSearchBoxModern #filterSection .filterSectionSlidersColumn #orderByDateMaximumsRow {
  width: 100%;
  max-width: 100%; }

.advancedSearch .advSearchBoxModern .filterSectionSlidersColumn #orderByDateMaximumsRow #row2col4,
.advancedSearch.exclusiveSearch .advSearchBoxModern .filterSectionSlidersColumn #exclusiveRev3ParkingSlidersStack,
.advancedSearch.exclusiveSearch .advSearchBoxModern #filterSection #exclusiveRev3ParkingSlidersStack {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  box-sizing: border-box; }

.advancedSearch:not(.sellerSearch) #searchfilterpanel.searchfilterpanelhorz .advSearchBoxModern .filterSectionSlidersColumn #orderByDateMaximumsRow #row2col4,
.advancedSearch:not(.sellerSearch) #searchfilterpanel.searchfilterpanelhorz .advSearchBoxModern .filterSectionSlidersColumn #exclusiveRev3ParkingSlidersStack,
.advancedSearch.exclusiveSearch:not(.sellerSearch) #searchfilterpanel.searchfilterpanelhorz .advSearchBoxModern #filterSection #exclusiveRev3ParkingSlidersStack {
  justify-content: center; }

/* Exclusive horz: same gutter + distribution as #row2col4 — space-between + gap; fixed-width columns (no flex-grow) so tracks align under Order By / Price / Characters / Words */
.advancedSearch.exclusiveSearch:not(.sellerSearch) #searchfilterpanel.searchfilterpanelhorz .advSearchBoxModern .filterSectionSlidersColumn #orderByDateMaximumsRow #row2col4,
.advancedSearch.exclusiveSearch:not(.sellerSearch) #searchfilterpanel.searchfilterpanelhorz .advSearchBoxModern .filterSectionSlidersColumn #exclusiveRev3ParkingSlidersStack,
.advancedSearch.exclusiveSearch:not(.sellerSearch) #searchfilterpanel.searchfilterpanelhorz .advSearchBoxModern #filterSection #exclusiveRev3ParkingSlidersStack {
  justify-content: center;
  gap: 10px 12px; }

.advancedSearch.exclusiveSearch:not(.sellerSearch) #searchfilterpanel.searchfilterpanelhorz .advSearchBoxModern .filterSectionSlidersColumn #orderByDateMaximumsRow #row2col4 > .rev3-max-slider-col,
.advancedSearch.exclusiveSearch:not(.sellerSearch) #searchfilterpanel.searchfilterpanelhorz .advSearchBoxModern .filterSectionSlidersColumn #exclusiveRev3ParkingSlidersStack > .rev3-max-slider-col,
.advancedSearch.exclusiveSearch:not(.sellerSearch) #searchfilterpanel.searchfilterpanelhorz .advSearchBoxModern #filterSection #exclusiveRev3ParkingSlidersStack > .rev3-max-slider-col {
  flex: 0 0 235px !important;
  flex-grow: 0 !important; }

.advancedSearch .advSearchBoxModern .filterSectionSlidersColumn #orderByDateMaximumsRow #row2col4 > .rev3-max-slider-col,
.advancedSearch.exclusiveSearch .advSearchBoxModern .filterSectionSlidersColumn #exclusiveRev3ParkingSlidersStack > .rev3-max-slider-col,
.advancedSearch.exclusiveSearch .advSearchBoxModern #filterSection #exclusiveRev3ParkingSlidersStack > .rev3-max-slider-col {
  flex: 1 1 0;
  min-width: 235px !important;
  width: 235px !important;
  max-width: 235px !important;
  padding-bottom: 0; }

.advancedSearch .advSearchBoxModern .filterSectionSlidersColumn .dual-range-slider-container {
  min-width: 0;
  max-width: 100%; }

/*
 * Seller storefront only (sellerStore.jsp): horz dock — no #filterSectionDropdownsColumn (rev3SpecialEventShow=false
 * in include); four sliders in a 2×2 grid on #row2col4 beside Search Type + Exclusions. Scoped with .sellerSearch
 * so advanced / exclusive / premium layouts are unchanged.
 */
.advancedSearch.sellerSearch #searchfilterpanel.searchfilterpanelhorz #advSearchBoxDesktop.advSearchBoxModern #filterSection .filterSectionSlidersColumn {
  flex: 1 1 auto;
  min-width: 0;
  max-width: none;
  width: 100%;
  align-items: stretch;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  min-height: 0; }

.advancedSearch.sellerSearch #searchfilterpanel.searchfilterpanelhorz #advSearchBoxDesktop.advSearchBoxModern #filterSection.leftDocked .filterSectionSlidersColumn {
  min-width: 0;
  max-width: none; }

.advancedSearch.sellerSearch #searchfilterpanel.searchfilterpanelhorz #advSearchBoxDesktop.advSearchBoxModern #filterSection > .filterSectionDropdownsColumn {
  flex: 0 0 auto;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  min-height: 0; }

/* Seller horz: only gap between tiles — no extra horizontal margins (DOM: #filterSectionMainArea > #filterSectionControlArea > …). */
.advancedSearch.sellerSearch #searchfilterpanel.searchfilterpanelhorz #filterSection #filterSectionMainArea #filterSectionControlArea > #filterSectionRow1,
.advancedSearch.sellerSearch #searchfilterpanel.searchfilterpanelhorz #filterSection #filterSectionMainArea #filterSectionControlArea > #row2col3,
.advancedSearch.sellerSearch #searchfilterpanel.searchfilterpanelhorz #filterSection #filterSectionMainArea #filterSectionControlArea > #filterSectionDropdownsColumn,
.advancedSearch.sellerSearch #searchfilterpanel.searchfilterpanelhorz #filterSection #filterSectionSliderArea > .filterSectionSlidersColumn {
  margin-left: 0 !important;
  margin-right: 0 !important; }

.advancedSearch.sellerSearch #searchfilterpanel.searchfilterpanelhorz #filterSection #filterSectionMainArea #filterSectionControlArea > #filterSectionRow1,
.advancedSearch.sellerSearch #searchfilterpanel.searchfilterpanelhorz #filterSection #filterSectionMainArea #filterSectionControlArea > #row2col3 {
  align-self: stretch;
  min-height: 0;
  box-sizing: border-box; }

.advancedSearch.sellerSearch #searchfilterpanel.searchfilterpanelhorz #filterSectionDropdownsColumn #div2 {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  gap: 10px;
  width: 100%;
  min-height: 0;
  box-sizing: border-box; }

.advancedSearch.sellerSearch #searchfilterpanel.searchfilterpanelhorz .filterSectionSlidersColumn #orderByDateMaximumsRow {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  min-height: 0;
  width: 100%; }

.advancedSearch.sellerSearch #searchfilterpanel.searchfilterpanelhorz .advSearchBoxModern .filterSectionSlidersColumn #orderByDateMaximumsRow #row2col4 {
  flex: 1 1 auto;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-auto-rows: minmax(0, auto);
  gap: 14px;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box; }

.advancedSearch.sellerSearch #filterSection.leftDocked #filterSectionSlidersColumn #orderByDateMaximumsRow #row2col4 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
  min-width: 0; }

.advancedSearch.sellerSearch #searchfilterpanel.searchfilterpanelhorz .advSearchBoxModern .filterSectionSlidersColumn #orderByDateMaximumsRow #row2col4 > .orderByDateMaximumsRow__col,
.advancedSearch.sellerSearch #searchfilterpanel.searchfilterpanelhorz .advSearchBoxModern .filterSectionSlidersColumn #orderByDateMaximumsRow #row2col4 > .rev3-max-slider-col {
  min-width: 0;
  width: 100%;
  max-width: 100%;
  flex: unset; }

/* Seller rev3 horz: one width for criteria → panel → tabs → slide strip (matches advSearchBoxDesktop / slideContainer). */
.advancedSearch.sellerSearch .store .searchPanelHorz .searchPanelControls .searchfilterpanelhorz {
  min-width: min(100%, 890px);
  width: 100%;
  max-width: 100%;
  box-sizing: border-box; }

.advancedSearch.sellerSearch #mainContent.searchPanelHorz #criteriaDeskTop {
  min-width: min(100%, 890px);
  width: auto;
  max-width: 100%;
  box-sizing: border-box; }

.advancedSearch.sellerSearch #mainContent.searchPanelHorz #searchfilterpanel.searchfilterpanelhorz {
  min-width: min(100%, 890px);
  width: 100%;
  max-width: 100%;
  box-sizing: border-box; }

.advancedSearch.sellerSearch #mainContent.searchPanelHorz #searchfilterpanel.searchfilterpanelhorz #leftTopSideTabs {
  width: 30px;
  max-width: 30px;
  box-sizing: border-box; }

.advancedSearch.sellerSearch #searchfilterpanel.searchfilterpanelhorz .slideContainer {
  min-width: min(100%, 890px);
  width: 100% !important;
  max-width: 100%;
  box-sizing: border-box; }

body.filterPanelOverlayVisible .advancedSearch.sellerSearch #mainContent.searchPanelHorzDocked #criteriaDeskTop {
  max-width: min(100%, 890px);
  min-width: min(100%, 890px);
  margin-left: 5px; }

body.filterPanelOverlayVisible .advancedSearch.premiumSearch #mainContent.searchPanelHorzDocked #criteriaDeskTop {
  max-width: 458px;
  min-width: 458px; }

/* Exclusive storefront: parking row (under main sliders) — was inside #filterSectionSlidersColumn; JSP also places it under #filterSectionMainArea as sibling of #filterSectionSliderArea. */
.advancedSearch.exclusiveSearch .advSearchBoxModern .filterSectionSlidersColumn .exclusiveRev3ParkingSlidersWrap,
.advancedSearch.exclusiveSearch .advSearchBoxModern #filterSection #filterSectionMainArea > .exclusiveRev3ParkingSlidersWrap#exclusiveRev3ParkingRow {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  margin-top: 12px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  align-self: stretch; }

/* Sibling of #filterSectionSliderArea: spacing comes from #filterSectionMainArea gap, not 12px inset. */
.advancedSearch.exclusiveSearch .advSearchBoxModern #filterSection #filterSectionMainArea > .exclusiveRev3ParkingSlidersWrap#exclusiveRev3ParkingRow {
  margin-top: 0; }

.advancedSearch.exclusiveSearch .advSearchBoxModern .filterSectionSlidersColumn #exclusiveRev3ParkingSlidersStack .dual-range-slider-container,
.advancedSearch.exclusiveSearch .advSearchBoxModern #filterSection #exclusiveRev3ParkingSlidersStack .dual-range-slider-container {
  min-width: 0;
  max-width: 100%; }

.advancedSearch.exclusiveSearch .advSearchBoxModern .filterSectionSlidersColumn #exclusiveRev3ParkingSlidersStack .range-slider-card,
.advancedSearch.exclusiveSearch .advSearchBoxModern #filterSection #exclusiveRev3ParkingSlidersStack .range-slider-card {
  background-color: #f5f5f5;
  border-radius: 0.75rem;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
  padding: 14px 16px 16px;
  height: 100%;
  box-sizing: border-box; }

.advancedSearch.exclusiveSearch .advSearchBoxModern .filterSectionSlidersColumn #exclusiveRev3ParkingSlidersStack .range-slider-card__label.rev3-card-label,
.advancedSearch.exclusiveSearch .advSearchBoxModern #filterSection #exclusiveRev3ParkingSlidersStack .range-slider-card__label.rev3-card-label {
  margin: 0px 0px 10px 0px !important;
  padding: 0; }

/* Parking disclaimer (formerly row header): inline with Monthly Traffic / Monthly Parking Rev titles */
.advancedSearch.exclusiveSearch .advSearchBoxModern .filterSectionSlidersColumn #exclusiveRev3ParkingSlidersStack .range-slider-card__label.excPk-parking-card-title--withInfo,
.advancedSearch.exclusiveSearch .advSearchBoxModern #filterSection #exclusiveRev3ParkingSlidersStack .range-slider-card__label.excPk-parking-card-title--withInfo {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 6px;
  flex-wrap: nowrap; }

.advancedSearch.exclusiveSearch .advSearchBoxModern .filterSectionSlidersColumn #exclusiveRev3ParkingSlidersStack .range-slider-card__label.excPk-parking-card-title--withInfo .info_block,
.advancedSearch.exclusiveSearch .advSearchBoxModern #filterSection #exclusiveRev3ParkingSlidersStack .range-slider-card__label.excPk-parking-card-title--withInfo .info_block {
  flex-shrink: 0; }

/* Reserve fourth column (Words column); do not let sliders grow into it */
.advancedSearch.exclusiveSearch .advSearchBoxModern .filterSectionSlidersColumn #exclusiveRev3ParkingSlidersStack .exclusiveRev3ParkingSlidersStack__spacer,
.advancedSearch.exclusiveSearch .advSearchBoxModern #filterSection #exclusiveRev3ParkingSlidersStack .exclusiveRev3ParkingSlidersStack__spacer {
  min-height: 1px;
  width: 100%; }

/* Exclusive: hide only disabled parking slots (Traffic / Rev / Age off). DOM order: Traffic, Rev, Age, Words spacer. Never hide __cell--words-slot. */
.advancedSearch.exclusiveSearch .advSearchBoxModern .filterSectionSlidersColumn #exclusiveRev3ParkingSlidersStack > .exclusiveRev3ParkingSlidersStack__cell--empty-slot:not(.exclusiveRev3ParkingSlidersStack__cell--words-slot),
.advancedSearch.exclusiveSearch .advSearchBoxModern #filterSection #exclusiveRev3ParkingSlidersStack > .exclusiveRev3ParkingSlidersStack__cell--empty-slot:not(.exclusiveRev3ParkingSlidersStack__cell--words-slot) {
  display: none; }

.advancedSearch.exclusiveSearch .advSearchBoxModern .filterSectionSlidersColumn #exclusiveRev3ParkingSlidersStack > .exclusiveRev3ParkingSlidersStack__cell--words-slot,
.advancedSearch.exclusiveSearch .advSearchBoxModern #filterSection #exclusiveRev3ParkingSlidersStack > .exclusiveRev3ParkingSlidersStack__cell--words-slot {
  display: flex;
  flex-direction: column;
  min-width: 0;
  box-sizing: border-box; }

/* Horz dock: parking row uses same flex tracks as #row2col4; avoid legacy min-width on inner sliders. */
.advancedSearch.exclusiveSearch #searchfilterpanel.searchfilterpanelhorz .advSearchBoxModern .filterSectionSlidersColumn #exclusiveRev3ParkingSlidersStack .maxCriteriaItem--slider,
.advancedSearch.exclusiveSearch #searchfilterpanel.searchfilterpanelhorz .advSearchBoxModern #filterSection #exclusiveRev3ParkingSlidersStack .maxCriteriaItem--slider {
  flex: 1 1 0;
  min-width: 0;
  max-width: 100%;
  width: 100%; }

.advancedSearch.exclusiveSearch #searchfilterpanel.searchfilterpanelhorz .advSearchBoxModern .filterSectionSlidersColumn #exclusiveRev3ParkingSlidersStack .dual-range-slider-container,
.advancedSearch.exclusiveSearch #searchfilterpanel.searchfilterpanelhorz .advSearchBoxModern #filterSection #exclusiveRev3ParkingSlidersStack .dual-range-slider-container {
  max-width: 100%;
  min-width: 0; }

/* Per-slider light cards (horizontal rev3) */
.advancedSearch .advSearchBoxModern #orderByDateMaximumsRow #row2col4 .range-slider-card,
.advancedSearch .advSearchBoxModern #orderByDateMaximumsRow #row2col4 #orderByDateSlider {
  background-color: #f5f5f5;
  border-radius: 0.75rem;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
  padding: 14px 16px 16px;
  height: 100%;
  box-sizing: border-box; }

.advancedSearch .advSearchBoxModern #orderByDateMaximumsRow .range-slider-card__label,
.advancedSearch .advSearchBoxModern #orderByDateMaximumsRow .rev3-card-label.filter-card-header {
  margin: 0 0 10px 0 !important;
  padding: 0; }

/* Update Results row: RESET left, Update Results right (rev3) */
.advancedSearch #filterSection #row2col5 {
  flex: 0 0 100%;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  justify-content: space-between;
  display: flex;
  align-items: center; }

.advancedSearch #filterSection #row2col5.rev3-results-actions {
  gap: 12px;
  flex-wrap: wrap; }

/* Rev3 actions row: strip legacy vertical margins (e.g. margin-top-10 on .blockButton) so Reset and Update Results align on one line — all storefronts */
.advancedSearch #searchfilterpanel.searchfilterpanelhorz #filterSection > #row2col5.rev3-results-actions button.blockButton {
  margin-top: 0 !important;
  margin-bottom: 0 !important; }

.advancedSearch #searchfilterpanel.searchfilterpanelhorz #filterSection > #row2col5.rev3-results-actions a.reset,
.advancedSearch #searchfilterpanel.searchfilterpanelhorz #filterSection > #row2col5.rev3-results-actions a.kanitBold.reset.fontsize16 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  align-self: center;
  line-height: 1.2; }

/* RESET + Update Results: colors in sn-rev3.scss / nj-rev3.scss */
.advancedSearch #filterSection #row2col5 button.blockButton,
.advancedSearch #ResetSection a.kanitBold.reset.fontsize16,
.advancedSearch #filterSection #row2col5 a.kanitBold.reset.fontsize16 {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: center;
  flex-shrink: 0;
  padding: 8px 14px;
  gap: 8px;
  line-height: 1.25;
  border-radius: 5px;
  box-sizing: border-box;
  font-weight: 600 !important;
  font-family: Arial, Helvetica, sans-serif !important;
  text-decoration: none !important;
  margin-top: 0px;
  box-shadow: none; }

/* Rev3 storefronts (advanced / premium / exclusive / seller): sentence-style Reset & Filter; markup stays uppercase */
/* inline-flex on the pill reset link blocks ::first-letter in common browsers; inline-block restores it */
.advancedSearch #filterSection #row2col5 a.kanitBold.reset.fontsize16,
.advancedSearch #filterSection #row2col5 a.reset {
  display: inline-block;
  text-align: center;
  text-transform: lowercase; }
  .advancedSearch #filterSection #row2col5 a.kanitBold.reset.fontsize16::first-letter,
  .advancedSearch #filterSection #row2col5 a.reset::first-letter {
    text-transform: uppercase; }

.advancedSearch #LeftPanelFilterBtn .filter-icon-btn-text {
  display: inline-block;
  text-transform: lowercase; }
  .advancedSearch #LeftPanelFilterBtn .filter-icon-btn-text::first-letter {
    text-transform: uppercase; }

/* RESET column: flex item after filterSectionSlidersColumn (rev3 horizontal layout) */
.advancedSearch #filterSection #ResetSection.advSearchResetColumn {
  flex: 0 0 auto;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 12px;
  min-width: 9rem;
  max-width: 10rem;
  margin-top: 0px; }

/* Row 1 layout: Search Type only (rev3 only); horz tile rules under #filterSectionControlArea use $rev3-horz-control-strip-height */
.advancedSearch #filterSectionRow1 {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  padding: 10px;
  border: none;
  border-radius: 14px;
  background-color: whitesmoke;
  min-width: 0;
  box-sizing: border-box;
  margin-right: 0px; }

.advancedSearch #filterSectionRow1 #column1 {
  flex: 0 0 auto;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  margin-bottom: 0; }

/* Sliders column: next to dropdowns column in #filterSection; Order By Date + Maximums stacked vertically */
.advancedSearch .filterSectionSlidersColumn {
  display: flex;
  flex-direction: column;
  flex: 0 0 auto;
  width: auto;
  min-width: 15rem;
  align-items: center;
  border: none;
  border-radius: 0.75rem; }

/* Merged dropdowns column (rev3): TLD, Category, Special Event – flat look, no card; all in div2 */
.advancedSearch .filterSectionDropdownsColumn {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex: 0 0 auto;
  width: auto;
  min-width: 12rem;
  align-items: flex-start;
  border: none;
  border-radius: 0.75rem;
  background-color: #f5f5f5;
  padding: 20px 10px 10px 10px !important; }

.advancedSearch .filterSectionDropdownsColumn #div2 {
  display: contents; }

.advancedSearch .filterSectionDropdownsColumn #column5,
.advancedSearch .filterSectionDropdownsColumn #column2,
.advancedSearch .filterSectionDropdownsColumn #column4 {
  order: 1;
  width: 12rem;
  max-width: 12rem;
  min-width: 0;
  flex: 0 0 auto;
  box-sizing: border-box;
  margin-bottom: 0px !important; }

.advancedSearch .filterSectionDropdownsColumn #column5 {
  order: 1; }

.advancedSearch .filterSectionDropdownsColumn #column2 {
  order: 2; }

.advancedSearch .filterSectionDropdownsColumn #column4 {
  order: 3; }

/* Flat dropdown block (no card): label pill + control only */
.advancedSearch .filterSectionDropdownsColumn .filter-dropdown-block {
  width: 100%;
  max-width: 15rem;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 0px;
  background: none;
  border: none;
  box-shadow: none;
  padding: 0; }

/* Filter dropdown label: same style as search-type-card__header (no pill) */
.advancedSearch .filterSectionDropdownsColumn .filter-dropdown-label-pill {
  text-align: left;
  margin: 0 0 6px 0;
  padding: 0 2px;
  display: block;
  background: none;
  border-radius: 0;
  width: fit-content; }

.advancedSearch .filterSectionDropdownsColumn .filter-dropdown-block label[for="category"],
.advancedSearch .filterSectionDropdownsColumn .filter-dropdown-block label[for="event"] {
  display: none; }

.advancedSearch .filterSectionDropdownsColumn .filter-dropdown-wrap {
  position: relative;
  width: 100%;
  display: block; }

.advancedSearch .filterSectionDropdownsColumn #column4.rev3-event .event-native-select {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0; }

/* Special Event options: full-screen modal + .tld-btn pills (same layout as Category #categoryFilterModal) */
.advancedSearch .filterSectionDropdownsColumn #column2.rev3-category .category-native-select {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0; }

/* Same chevron as TLD trigger (down by default) */
.advancedSearch .filterSectionDropdownsColumn .filter-dropdown-chevron {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 6px solid #5f6368;
  border-bottom: none;
  pointer-events: none; }

/* Row 2: Category only (rev3); Order By Date moved to orderByDateMaximumsRow */
.advancedSearch #filterSectionRow2 {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-start;
  width: auto;
  max-width: 100%;
  gap: 20px;
  margin-right: 0; }

.advancedSearch #filterSectionRow2 #column2,
.advancedSearch #filterSectionRow2 #column3 {
  flex: 0 0 auto;
  width: 190px;
  min-width: 190px;
  margin-bottom: 0; }

/* Order By Date row: hidden inputs + single #row2col4 stack (all sliders) */
.advancedSearch .filterSectionSlidersColumn #orderByDateMaximumsRow {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  width: auto;
  gap: 0;
  align-items: stretch;
  margin-bottom: 0;
  margin-top: 0;
  box-sizing: border-box; }

.advancedSearch .filterSectionSlidersColumn #orderByDateMaximumsRow #row2col4 > .rev3-max-slider-col {
  flex: 0 0 auto;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box; }

/* #row2col4: vertical stack — same DOM order as horz: Order By, Price, Characters, Words */
.advancedSearch .filterSectionSlidersColumn #orderByDateMaximumsRow #row2col4 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%; }

.advancedSearch .filterSectionSlidersColumn #orderByDateMaximumsRow #row2col4 .maxCriteriaItem--slider {
  flex: 0 0 auto; }

.advancedSearch .filterSectionSlidersColumn #orderByDateMaximumsRow #row2col4 > .rev3-max-slider-col {
  padding-bottom: 4px; }

.advancedSearch .filterSectionSlidersColumn #orderByDateMaximumsRow #row2col4 > .rev3-max-slider-col:last-child {
  border-bottom: none;
  padding-bottom: 0; }

/* All four slider blocks fill column width */
.advancedSearch #orderByDateMaximumsRow #row2col4 > .rev3-max-slider-col .range-slider-card,
.advancedSearch #orderByDateMaximumsRow #row2col4 > .rev3-max-slider-col .maxCriteriaItem--slider {
  width: 100%;
  min-width: 0;
  box-sizing: border-box; }

.advancedSearch #orderByDateMaximumsRow #row2col4 > .rev3-max-slider-col--orderByDate #orderByDateSlider {
  width: 100%; }

/* Remove card chrome inside sliders stack (no card background/shadow). Left dock overrides later (#searchfilterpanel #filterSection.leftDocked …) — do not scope with :not(.leftDocked) here or float/top layouts regress. */
.advancedSearch #orderByDateMaximumsRow #row2col4 .range-slider-card,
.advancedSearch #orderByDateMaximumsRow #row2col4 #orderByDateSlider {
  background-color: transparent;
  box-shadow: none;
  border-radius: 0;
  padding: 0 0 0.5rem 0; }

/* Labels in Order By Date/Maximums row: same as search-type-card__header */
.advancedSearch #orderByDateMaximumsRow .range-slider-card__label,
.advancedSearch #orderByDateMaximumsRow .rev3-card-label {
  text-align: left;
  margin: 8px 0 5px -20px;
  padding: 0 2px; }

/* Search Type as radio options (rev3 only) – no card border/shadow */
.advancedSearch .search-type-radio-group {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
  padding: 5px;
  border: none;
  border-radius: 0;
  background-color: #f5f5f5;
  box-shadow: none; }

.advancedSearch .search-type-card__header {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
  color: #0F172A;
  text-align: left;
  margin: 0 0 6px 0;
  padding: 0 2px; }

.advancedSearch .search-type-radio-option {
  position: relative;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 5px;
  border-radius: 12px;
  background: #FFFFFF;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  pointer-events: auto;
  /* Radio covers the whole card so any click checks it; change event drives sync */ }
  .advancedSearch .search-type-radio-option input[type="radio"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    opacity: 0;
    cursor: pointer;
    pointer-events: auto;
    z-index: 1; }
  .advancedSearch .search-type-radio-option:hover {
    border-color: #d1d5db;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    transform: translateY(-1px); }
  .advancedSearch .search-type-radio-option.active {
    border-color: #d1d5db;
    background: rgba(148, 163, 184, 0.12);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
    background: rgba(148, 163, 184, 0.15);
    border-color: #9ca3af;
    color: #374151; }
    .advancedSearch .search-type-radio-option.active .search-type-radio-content {
      color: #374151; }
    .advancedSearch .search-type-radio-option.active .radio-label {
      color: #374151; }

/* Selected: checkmark visible; path fill in sn-rev3.scss / nj-rev3.scss */
.advancedSearch .search-type-radio-option.active .search-type-radio-checkmark-svg,
.advancedSearch .search-type-radio-option:has(input[type="radio"]:checked) .search-type-radio-checkmark-svg {
  opacity: 1;
  transform: scale(1); }

.advancedSearch .search-type-radio-content {
  display: flex;
  align-items: center;
  gap: 2px;
  color: #666666; }

.advancedSearch .search-type-radio-custom {
  position: relative;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  border: none;
  border-radius: 0;
  background: transparent;
  transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none; }

.advancedSearch .search-type-radio-checkmark-svg {
  display: block;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  color: inherit;
  opacity: 0;
  transform: scale(0.65);
  transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  pointer-events: none; }

.advancedSearch .search-type-radio-text {
  flex: 1; }

.advancedSearch .search-type-radio-option .radio-label {
  font-size: 16px;
  font-weight: 400;
  color: inherit;
  margin-bottom: 0;
  transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1); }

@media (max-width: 640px) {
  .advancedSearch .search-type-radio-option {
    padding: 16px; }

  .advancedSearch .search-type-radio-option .radio-label {
    font-size: 16px; } }
/* Sources, Listing Type, Exclusions – card look (rev3 only); tooltip body/title sizes below */
.advancedSearch #row2col1,
.advancedSearch #row2col2,
.advancedSearch #row2col3 {
  padding: 10px;
  border: none;
  border-radius: 14px;
  background-color: whitesmoke;
  min-width: 0;
  box-sizing: border-box;
  margin-right: 0px; }
  .advancedSearch #row2col1 .bold,
  .advancedSearch #row2col2 .bold,
  .advancedSearch #row2col3 .bold {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
    color: #0F172A;
    text-align: left;
    margin: 0 0 6px 0;
    padding: 0 2px;
    display: flex;
    align-items: center;
    gap: 4px; }

/* Panel body copy in info tooltips (Sources / Listing / Exclusions / parking) */
.advancedSearch #row2col1 .tooltip,
.advancedSearch #row2col2 .tooltip,
.advancedSearch #row2col3 .tooltip,
.advancedSearch .exclusiveRev3ParkingSlidersWrap .tooltip,
.advancedSearch.exclusiveSearch #exclusiveRev3ParkingSlidersStack .tooltip {
  font-size: 16px;
  font-weight: 400;
  left: 0px !important;
  /* Control strip tiles no longer clip overflow — keep tooltips above slider row / neighbors */
  z-index: 10050 !important; }

.advancedSearch #row2col1 .tooltip .bold,
.advancedSearch #row2col2 .tooltip .bold,
.advancedSearch #row2col3 .tooltip .bold,
.advancedSearch .exclusiveRev3ParkingSlidersWrap .tooltip .bold,
.advancedSearch.exclusiveSearch #exclusiveRev3ParkingSlidersStack .tooltip .bold {
  font-size: 16px;
  font-weight: 700; }

/* Horz Sources / Listing / Exclusions: see #filterSectionControlArea block; height from $rev3-horz-control-strip-height */
.advancedSearch #searchfilterpanel.searchfilterpanelhorz #filterSectionControlArea > #row2col1,
.advancedSearch #searchfilterpanel.searchfilterpanelhorz #filterSectionControlArea > #row2col2,
.advancedSearch #searchfilterpanel.searchfilterpanelhorz #filterSectionControlArea > #row2col3 {
  margin-left: 0; }

/* Label column min = longest label in panel so toggles align after that length */
.advancedSearch #row2col1 .adv-search-toggle-option .adv-search-toggle {
  grid-template-columns: 6.5rem 2.5rem; }

.advancedSearch #row2col2 .adv-search-toggle-option .adv-search-toggle {
  grid-template-columns: 7rem 2.5rem; }

.advancedSearch #row2col3 .adv-search-toggle-option .adv-search-toggle {
  grid-template-columns: 6rem 2.5rem; }

/* Modern toggle switches for Sources, Listing Type, Exclusions (advancedSearch only) */
.advancedSearch #row2col1 .adv-search-toggle-option,
.advancedSearch #row2col2 .adv-search-toggle-option,
.advancedSearch #row2col3 .adv-search-toggle-option {
  padding: 2px 4px 0px 0px; }
.advancedSearch #row2col1 .adv-search-toggle-option .adv-search-toggle,
.advancedSearch #row2col2 .adv-search-toggle-option .adv-search-toggle,
.advancedSearch #row2col3 .adv-search-toggle-option .adv-search-toggle {
  display: grid;
  gap: 0px;
  align-items: center;
  cursor: pointer;
  user-select: none;
  width: 100%;
  min-width: 0;
  /* Label left, track right; single line, no wrap; track column aligns all toggles vertically */ }
  .advancedSearch #row2col1 .adv-search-toggle-option .adv-search-toggle input[type='checkbox'],
  .advancedSearch #row2col2 .adv-search-toggle-option .adv-search-toggle input[type='checkbox'],
  .advancedSearch #row2col3 .adv-search-toggle-option .adv-search-toggle input[type='checkbox'] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
    pointer-events: none; }
  .advancedSearch #row2col1 .adv-search-toggle-option .adv-search-toggle .adv-search-toggle__label,
  .advancedSearch #row2col2 .adv-search-toggle-option .adv-search-toggle .adv-search-toggle__label,
  .advancedSearch #row2col3 .adv-search-toggle-option .adv-search-toggle .adv-search-toggle__label {
    order: -1;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3;
    white-space: nowrap;
    min-width: 0; }
  .advancedSearch #row2col1 .adv-search-toggle-option .adv-search-toggle .adv-search-toggle__track,
  .advancedSearch #row2col2 .adv-search-toggle-option .adv-search-toggle .adv-search-toggle__track,
  .advancedSearch #row2col3 .adv-search-toggle-option .adv-search-toggle .adv-search-toggle__track {
    order: 0;
    position: relative;
    width: 40px;
    height: 20px;
    background-color: #e8e8e8;
    border-radius: 11px;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.08);
    transition: background-color 0.2s ease; }
    .advancedSearch #row2col1 .adv-search-toggle-option .adv-search-toggle .adv-search-toggle__track .adv-search-toggle__thumb,
    .advancedSearch #row2col2 .adv-search-toggle-option .adv-search-toggle .adv-search-toggle__track .adv-search-toggle__thumb,
    .advancedSearch #row2col3 .adv-search-toggle-option .adv-search-toggle .adv-search-toggle__track .adv-search-toggle__thumb {
      position: absolute;
      top: 2px;
      left: 2px;
      width: 16px;
      height: 16px;
      background: #fff;
      border-radius: 50%;
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
      transition: transform 0.2s ease; }
  .advancedSearch #row2col1 .adv-search-toggle-option .adv-search-toggle input[type='checkbox']:checked ~ .adv-search-toggle__track,
  .advancedSearch #row2col2 .adv-search-toggle-option .adv-search-toggle input[type='checkbox']:checked ~ .adv-search-toggle__track,
  .advancedSearch #row2col3 .adv-search-toggle-option .adv-search-toggle input[type='checkbox']:checked ~ .adv-search-toggle__track {
    background-color: #94a3b8; }
    .advancedSearch #row2col1 .adv-search-toggle-option .adv-search-toggle input[type='checkbox']:checked ~ .adv-search-toggle__track .adv-search-toggle__thumb,
    .advancedSearch #row2col2 .adv-search-toggle-option .adv-search-toggle input[type='checkbox']:checked ~ .adv-search-toggle__track .adv-search-toggle__thumb,
    .advancedSearch #row2col3 .adv-search-toggle-option .adv-search-toggle input[type='checkbox']:checked ~ .adv-search-toggle__track .adv-search-toggle__thumb {
      transform: translateX(20px); }

.entryarea label {
  font-size: 16px; }

/* Filter panel as overlay on hover (advanced search, when filters are collapsed) - like submenu, does not push content */
.advancedSearch #mainContent.searchPanelHorzDocked #criteriaDeskTop {
  position: absolute;
  z-index: 1001;
  top: 254px;
  width: 100%;
  max-width: 98%;
  background: #fff;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  padding: 0px;
  margin: 0 0 0 5px;
  transition: top 0.5s ease, opacity 0.5s ease;
  opacity: 0;
  pointer-events: none; }

body.filterPanelOverlayVisible .advancedSearch #mainContent.searchPanelHorzDocked #criteriaDeskTop {
  top: 310px;
  opacity: 1;
  pointer-events: auto;
  max-width: 1025px;
  min-width: 1025px;
  margin-left: 5px; }

body.filterPanelOverlayVisible .advancedSearch.premiumSearch #mainContent.searchPanelHorzDocked #criteriaDeskTop {
  max-width: 458px;
  min-width: 458px;
  margin-left: 5px; }

/* Filter trigger: rev3 = button (+ icon + label);  */
.advancedSearch #leftPanel span.appliedFilterImage {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
  border-radius: 4px;
  box-sizing: content-box; }
  .advancedSearch #leftPanel span.appliedFilterImage img {
    width: 20px;
    height: 20px;
    display: block;
    filter: brightness(0) invert(1); }

/* Left panel FILTER button: icon + text vertically centered (line-height otherwise skews flex alignment) */
.advancedSearch #leftPanel button.appliedFilterImage.filter-icon-btn {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: center;
  flex-shrink: 0;
  padding: 8px 14px;
  gap: 8px;
  line-height: 1;
  border-radius: 4px;
  box-sizing: border-box;
  color: #fff;
  font: inherit; }
  .advancedSearch #leftPanel button.appliedFilterImage.filter-icon-btn img {
    width: 16px;
    height: 16px;
    display: block;
    flex-shrink: 0;
    margin: 0;
    filter: brightness(0) invert(1); }
  .advancedSearch #leftPanel button.appliedFilterImage.filter-icon-btn .filter-icon-btn-text {
    line-height: 1;
    font-size: 16px;
    color: #fff;
    vertical-align: middle; }

/* When filter panel overlay is visible, highlight the filter icon */
body.filterPanelOverlayVisible .advancedSearch #leftPanel .appliedFilterImage {
  color: #fff; }
  body.filterPanelOverlayVisible .advancedSearch #leftPanel .appliedFilterImage img {
    filter: brightness(0) invert(1); }

body.filterPanelOverlayVisible .advancedSearch #leftPanel button.appliedFilterImage.filter-icon-btn .filter-icon-btn-text {
  color: #fff; }

/* Rev3 release: hide "Move Search Options to Top/Left" (#dockFilterLink in #DockSection) */
.advancedSearch #DockSection {
  display: none !important; }

.DockToTop #dockFilterLink {
  color: #fff; }

.DockToLeft #dockFilterLink {
  color: #fff; }

.leftTopSideTabsvert {
  display: flex;
  flex-direction: column;
  margin-top: 100px;
  justify-content: left; }

/* Horizontal Search Filter Container Size */
.store .slideContainer {
  border-radius: 10px;
  padding: 5px;
  width: 100% !important; }

/* 
==============================================
       DUAL RANGE SLIDER - DESIGN SPECIFICATIONS
============================================== 
*/
/* Rev3 card labels: match search-type-card__header (no blue vertical line) */
.advancedSearch .rev3-card-label {
  text-align: left;
  margin: 0 0 6px 0;
  padding: 0 2px; }

/* Maximums – header + three sliders in one row; no outer panel when in orderByDateMaximumsRow (rev3) */
.advancedSearch #row2col4 {
  padding: 5px;
  border: none;
  border-radius: 0.75rem;
  background-color: #F9FAFB;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.06);
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 12px 16px; }
  .advancedSearch #row2col4 .bold {
    width: 100%;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
    color: #0F172A;
    text-align: left;
    margin: 0;
    padding: 0 2px 4px 2px; }

/* Remove outer panel look from row2col4 when inside Order By Date + Maximums row */
.advancedSearch #orderByDateMaximumsRow #row2col4 {
  padding: 0;
  border-radius: 0;
  background-color: transparent;
  box-shadow: none; }

/* Slider item: card container; all three in one row */
.advancedSearch #row2col4 .maxCriteriaItem--slider {
  margin-bottom: 0;
  flex: 1 1 0;
  min-width: 160px; }
  .advancedSearch #row2col4 .maxCriteriaItem--slider:last-child {
    margin-bottom: 0; }

/* Card wrapper for two-handle range slider (like reference: flex flex-col border rounded-xl bg-white p-4) */
.range-slider-card {
  display: flex;
  flex-direction: column;
  border: none;
  border-radius: 0.75rem;
  background-color: #ffffff;
  padding: 0.8rem 1.8rem 0.8rem 1.8rem;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.06); }

/* Card label at top (order moves it above the slider in flex layout) */
.range-slider-card__label {
  order: -1;
  font-weight: 700;
  padding-top: 0;
  padding-bottom: 0.75rem;
  font-size: 16px;
  line-height: 1.2;
  color: inherit;
  margin: 0;
  text-align: left; }

/* Dual range slider color palette (match reference design) */
.dual-range-slider-container {
  order: 0;
  width: 100%;
  min-width: 160px;
  max-width: 400px;
  padding-top: 0;
  margin-bottom: 0;
  user-select: none; }

.maxCriteriaItem--slider .dual-range-slider-container:last-of-type {
  margin-bottom: 0; }

.slider-labels {
  position: relative;
  width: 100%;
  min-height: 32px;
  height: 32px;
  margin-bottom: 0px; }

.slider-label {
  position: absolute;
  top: 0;
  font-size: 16px;
  line-height: 1;
  color: #5F6368;
  transform: translateX(-50%);
  pointer-events: none;
  white-space: nowrap;
  min-width: 1.5em; }

.slider-label--range-min {
  left: 0;
  transform: none; }

.slider-label--min {
  left: 0;
  /* Keep min handle label from overlapping range-min */
  min-width: 2em; }

.slider-label--max {
  left: 100%;
  /* Keep max handle label from overlapping range-max */
  min-width: 2em; }

.slider-label--range-max {
  left: 100%;
  transform: translateX(-100%); }

/* Inset track "max" rail labels ~10% left vs 100% — keep in sync with REV3_RANGE_MAX_* in basicSearch.js */
.slider-label--range-max#labelRangeMax1,
.slider-label--range-max#labelRangeMax2,
.slider-label--range-max#labelRangeMax3,
.slider-label--range-max#labelRangeMaxExcPkTraffic,
.slider-label--range-max#labelRangeMaxExcPkRev,
.slider-label--range-max#labelRangeMaxExcPkAge {
  left: 100%;
  transform: translateX(-100%); }

.dual-range-slider {
  position: relative;
  width: 100%;
  height: 4px;
  cursor: pointer; }

/* Advanced Search / exclusive rev3: taller row so track clicks register (handles stay on top at z-index 10+) */
.advancedSearch .dual-range-slider {
  height: 12px; }

.advancedSearch .dual-range-slider .slider-track,
.advancedSearch .dual-range-slider .slider-range-active {
  top: 50%;
  transform: translateY(-50%); }

.slider-track {
  position: absolute;
  width: 100%;
  height: 4px;
  background-color: #D9E0E9;
  border-radius: 50px;
  top: 0;
  left: 0; }

.slider-range-active {
  position: absolute;
  height: 4px;
  background-color: #94a3b8 !important;
  border-radius: 50px;
  top: 0;
  transition: background-color 0.2s ease; }

/* Default handle: blue ring with solid center dot (white) */
.slider-handle {
  position: absolute;
  width: 24px;
  height: 24px;
  background-color: #94a3b8 !important;
  border: 2px solid #94a3b8;
  border-radius: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  cursor: grab;
  transition: background-color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
  z-index: 10;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12); }

/* Center dot - default: white */
.slider-handle--min::after,
.slider-handle--max::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 6px;
  height: 6px;
  margin: -3px 0 0 -3px;
  background-color: #ffffff;
  border-radius: 50%;
  transition: background-color 0.2s ease; }

.slider-handle.hover {
  background-color: #8898b0 !important;
  border-color: #8898b0; }

/* Active (click/drag): distinct border and center dot color */
.slider-handle.active {
  cursor: grabbing;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.18);
  border-color: #64748b;
  border-width: 1px; }
  .slider-handle.active::after {
    background-color: #64748b; }

/* Keyboard focus (Tab / after mousedown focus): visible ring without changing layout */
.advancedSearch .dual-range-slider .slider-handle:focus-visible {
  outline: 0px auto #64748b !important;
  outline-offset: 0px !important; }

.dual-range-slider-container * {
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none; }

/* Dual-handle range (price + characters + exclusive parking): combined min–max tooltip when handles are close (JS-driven) */
.advancedSearch #slider1 .price-range-combined-tooltip,
.advancedSearch #slider2 .price-range-combined-tooltip,
.advancedSearch #sliderExcPkAge .price-range-combined-tooltip,
.advancedSearch #sliderExcPkTraffic .price-range-combined-tooltip,
.advancedSearch #sliderExcPkRev .price-range-combined-tooltip {
  position: absolute;
  left: 0;
  bottom: calc(100% + 10px);
  transform: translateX(-50%);
  z-index: 20;
  padding: 4px 10px;
  font-size: 16px;
  line-height: 1.2;
  color: #5F6368;
  background: #fff;
  white-space: nowrap;
  pointer-events: none;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.15s ease, visibility 0.15s ease; }

/* Words filter: max handle only (no min handle); range fills from 0 to max; min handle/label omitted in markup */
/*
==============================================
ORDER BY DATE (stepped): inner DOM matches Words — .dual-range-slider-container > .slider-labels + .dual-range-slider
(shared .range-slider-card, .slider-track, .slider-range-active, .slider-handle--max from max-slider block above).
==============================================
*/
.advancedSearch #orderByDateSlider {
  width: 100%;
  min-width: 0; }

.advancedSearch #orderByDateSlider .dual-range-slider-container--orderByDate-stepped {
  max-width: 100%; }

/* Order By: one .slider-labels row like Words (#labelRangeMin3 / #labelMax3 / #labelRangeMax3); same 32px label band → track spacing */
.advancedSearch #orderByDateSlider .dual-range-slider-container--orderByDate-stepped #orderByDateLabelsContainer.slider-labels {
  position: relative;
  width: 100%;
  min-height: 32px;
  height: 32px;
  margin-bottom: 0; }
  .advancedSearch #orderByDateSlider .dual-range-slider-container--orderByDate-stepped #orderByDateLabelsContainer.slider-labels #labelOrderByStart,
  .advancedSearch #orderByDateSlider .dual-range-slider-container--orderByDate-stepped #orderByDateLabelsContainer.slider-labels #labelOrderByEnd {
    pointer-events: auto;
    cursor: pointer; }
  .advancedSearch #orderByDateSlider .dual-range-slider-container--orderByDate-stepped #orderByDateLabelsContainer.slider-labels #labelOrderByValue {
    font-weight: 400;
    color: #5f6368; }
  .advancedSearch #orderByDateSlider .dual-range-slider-container--orderByDate-stepped #orderByDateLabelsContainer.slider-labels #labelOrderByValue.is-active {
    font-weight: 400;
    color: #5f6368; }
  .advancedSearch #orderByDateSlider .dual-range-slider-container--orderByDate-stepped #orderByDateLabelsContainer.slider-labels #labelOrderByStart.is-active,
  .advancedSearch #orderByDateSlider .dual-range-slider-container--orderByDate-stepped #orderByDateLabelsContainer.slider-labels #labelOrderByEnd.is-active {
    color: #5f6368;
    font-weight: 400; }
  .advancedSearch #orderByDateSlider .dual-range-slider-container--orderByDate-stepped #orderByDateLabelsContainer.slider-labels #labelOrderByStart:hover,
  .advancedSearch #orderByDateSlider .dual-range-slider-container--orderByDate-stepped #orderByDateLabelsContainer.slider-labels #labelOrderByEnd:hover {
    color: #64748b; }

.advancedSearch #orderByDateTrackRow .slider-range-active#orderByDateTrackFill {
  transition: width 0.18s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.2s ease; }

/* ========== TLD filter rev3 (trigger + modal) ========== */
.advancedSearch .category-filter-trigger.tld-filter-trigger {
  width: 100%;
  min-height: 40px;
  height: 40px;
  border-radius: 10px;
  background: #fff;
  box-sizing: border-box;
  box-shadow: none;
  padding: 6px 10px 6px 12px;
  color: #1a1a1a;
  justify-content: space-between;
  cursor: pointer;
  display: flex;
  align-items: center; }
  .advancedSearch .category-filter-trigger.tld-filter-trigger:hover {
    border-color: #d1d5db;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08); }
  .advancedSearch .category-filter-trigger.tld-filter-trigger:focus {
    outline: none;
    box-shadow: 0 0 0 2px rgba(15, 23, 42, 0.12); }
  .advancedSearch .category-filter-trigger.tld-filter-trigger .category-filter-trigger__pills {
    display: flex;
    align-items: center;
    flex: 1;
    min-width: 0;
    overflow: hidden; }
  .advancedSearch .category-filter-trigger.tld-filter-trigger .category-filter-trigger__pill {
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    flex: 1 1 auto; }
  .advancedSearch .category-filter-trigger.tld-filter-trigger .category-filter-trigger__text {
    display: block;
    width: 100%;
    max-width: 22ch;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
    line-height: 1.2; }
  .advancedSearch .category-filter-trigger.tld-filter-trigger .category-filter-trigger__text.is-placeholder {
    background: #f1f3f4;
    color: #666666; }

/* Category + Special Event trigger labels: same neutral copy color for SnapNames and NameJet (selected accent in sn-rev3 / nj-rev3). */
.advancedSearch #advSearchBoxDesktop #filterSection #categoryFilterTriggerText.is-placeholder,
.advancedSearch #advSearchBoxDesktop #filterSection #eventFilterTriggerText.is-placeholder,
.store.eventSearch #searchSummaryDownload.store-sort-summary #eventFilterTriggerText.is-placeholder,
.store.eventSearch #searchSummaryDownload.store-sort-summary .tld-filter-trigger__pill.is-placeholder {
  color: #666666 !important; }

.advancedSearch #column5.rev3-tld {
  position: relative;
  width: auto;
  max-width: 15rem;
  height: auto;
  min-height: 40px; }
  .advancedSearch #column5.rev3-tld select[name="tld"],
  .advancedSearch #column5.rev3-tld .tldLabel {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0; }
  .advancedSearch #column5.rev3-tld .ms-parent {
    display: none !important; }

.advancedSearch .tld-filter-trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 12rem;
  min-width: 12rem;
  min-height: 40px;
  padding: 6px 10px 6px 12px;
  background: #fff;
  border-radius: 10px;
  cursor: pointer;
  box-sizing: border-box;
  transition: border-color 0.2s, box-shadow 0.2s; }
  .advancedSearch .tld-filter-trigger:hover {
    border-color: #c5c5c5;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08); }
  .advancedSearch .tld-filter-trigger:focus {
    outline: none;
    box-shadow: 0 0 0 2px rgba(15, 23, 42, 0.12); }

/* TLD trigger only — 40px on float / top-dock / left-dock (large default pills were stretching the row). */
.advancedSearch #tldFilterTrigger.tld-filter-trigger {
  height: 40px;
  min-height: 40px;
  max-height: 40px;
  padding: 4px 8px 4px 10px; }

.advancedSearch .tld-filter-trigger__pills {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  flex: 1;
  min-width: 0;
  overflow-x: auto; }

/* TLD filter trigger: single row; +N pill must stay visible (overflow handled in JS) */
.advancedSearch #tldFilterTriggerPills.tld-filter-trigger__pills {
  flex-wrap: nowrap;
  overflow: hidden;
  max-width: 100%;
  overflow-x: hidden;
  gap: 4px;
  align-items: center; }

/* TLD trigger pills: compact on all docks (matches left-dock 40px row). Category/event triggers keep .tld-filter-trigger__pill below. */
.advancedSearch #tldFilterTriggerPills .tld-filter-trigger__pill--more,
.advancedSearch #tldFilterTriggerPills .tld-filter-trigger__pill:not(.tld-filter-trigger__pill--more) {
  padding: 4px 7px;
  font-size: 13px;
  line-height: 1.15;
  border-radius: 12px;
  font-weight: 500; }

.advancedSearch #tldFilterTriggerPills .tld-filter-trigger__pill--more {
  flex-shrink: 0; }

/* Float / top-dock: full-width name pills; JS trims count and shows +N (no ellipsis). */
.advancedSearch #filterSection:not(.leftDocked) #tldFilterTriggerPills .tld-filter-trigger__pill:not(.tld-filter-trigger__pill--more) {
  flex-shrink: 0; }

/* Left rail: ellipsis when narrow. */
.advancedSearch #searchFilterControlsLeft #tldFilterTriggerPills .tld-filter-trigger__pill:not(.tld-filter-trigger__pill--more),
.advancedSearch #filterSection.leftDocked #tldFilterTriggerPills .tld-filter-trigger__pill:not(.tld-filter-trigger__pill--more) {
  flex-shrink: 1;
  min-width: 0;
  max-width: 4.5rem; }

.advancedSearch #searchFilterControlsLeft #tldFilterTriggerPills .tld-filter-trigger__pill-text,
.advancedSearch #filterSection.leftDocked #tldFilterTriggerPills .tld-filter-trigger__pill-text {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.advancedSearch .tld-filter-trigger__pill {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  padding: 8px 12px;
  border-radius: 16px;
  font-size: 16px;
  font-weight: 500;
  white-space: nowrap; }

/* Chevron: default down, when dialog open points up */
.advancedSearch .tld-filter-trigger__chevron {
  flex-shrink: 0;
  width: 0;
  height: 0;
  margin-left: 5px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 6px solid #5f6368;
  border-bottom: none;
  transition: transform 0.2s; }

.advancedSearch .tld-filter-trigger[aria-expanded="true"] .tld-filter-trigger__chevron {
  transform: rotate(180deg); }

/* TLD filter overlay & modal */
.advancedSearch .tld-filter-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  padding: 20px;
  box-sizing: border-box; }
  .advancedSearch .tld-filter-overlay.is-open {
    display: flex; }

.advancedSearch .tld-filter-modal {
  background: #fff;
  border-radius: 16px;
  width: 90%;
  max-width: 520px;
  max-height: 90vh;
  overflow: hidden;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
  display: flex;
  flex-direction: column; }

/* TLD modal only: scrollable body + footer Apply */
.advancedSearch #tldFilterModal.tld-filter-modal--tld .tld-filter-list {
  flex: 1 1 auto;
  min-height: 0;
  max-height: none; }

.advancedSearch .tld-filter-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 24px 12px; }

.advancedSearch .tld-filter-header--tld-modal {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  box-sizing: border-box; }

/* Category / Event: close × only in header bar */
.advancedSearch .tld-filter-header--category-modal,
.advancedSearch .tld-filter-header--event-modal {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
  flex-direction: row; }

/* Title row: heading + Clear (top-aligned; Clear sits beside label like TLD chip row) */
.advancedSearch #categoryFilterModal .tld-filter-modal-title-action-row,
.advancedSearch #eventFilterModal .tld-filter-modal-title-action-row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  box-sizing: border-box;
  padding: 0 24px 12px; }

.advancedSearch #categoryFilterModal .tld-filter-modal-title-action-row .category-filter-title,
.advancedSearch #eventFilterModal .tld-filter-modal-title-action-row .category-filter-title {
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
  padding: 0; }

.advancedSearch #categoryFilterModal .tld-filter-modal-title-action-row .tld-filter-clear-all-btn,
.advancedSearch #eventFilterModal .tld-filter-modal-title-action-row .tld-filter-clear-all-btn {
  flex: 0 0 auto;
  align-self: flex-start; }

/* Category / Special Event modals: close only (top-right); × glyph 24px; list/title 16px */
.advancedSearch #categoryFilterModal.category-filter-modal .tld-filter-close-btn,
.advancedSearch #eventFilterModal.category-filter-modal .tld-filter-close-btn {
  font-size: 24px;
  line-height: 1; }
  .advancedSearch #categoryFilterModal.category-filter-modal .tld-filter-close-btn .close-icon,
  .advancedSearch #eventFilterModal.category-filter-modal .tld-filter-close-btn .close-icon {
    font-size: 24px;
    line-height: 1; }

.advancedSearch #categoryFilterModal #categoryFilterList.tld-filter-list,
.advancedSearch #eventFilterModal #eventFilterList.tld-filter-list {
  flex: 1 1 auto;
  min-height: 0;
  max-height: calc(90vh - 140px);
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start; }

.advancedSearch #categoryFilterModal .category-filter-title,
.advancedSearch #eventFilterModal .category-filter-title {
  font-size: 18px; }

/* Category / Event list: pill-shaped chips (inline-flex), long labels wrap inside up to modal width */
.advancedSearch #categoryFilterModal #categoryFilterList.tld-filter-list .tld-btn.category-btn,
.advancedSearch #eventFilterModal #eventFilterList.tld-filter-list .tld-btn.category-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  max-width: 100%;
  min-width: 0;
  padding: 8px 14px;
  min-height: 36px;
  box-sizing: border-box;
  border-radius: 20px;
  border: 1px solid #dadce0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.35;
  white-space: normal;
  text-align: center;
  word-wrap: break-word;
  overflow-wrap: anywhere;
  box-shadow: none;
  background: #fff;
  color: #5f6368;
  transform: none;
  flex-shrink: 0; }
  .advancedSearch #categoryFilterModal #categoryFilterList.tld-filter-list .tld-btn.category-btn:hover,
  .advancedSearch #eventFilterModal #eventFilterList.tld-filter-list .tld-btn.category-btn:hover {
    transform: none;
    box-shadow: none;
    border-color: #9ca3af;
    background: #f8f9fa;
    color: #1a1a1a; }
  .advancedSearch #categoryFilterModal #categoryFilterList.tld-filter-list .tld-btn.category-btn.selected,
  .advancedSearch #eventFilterModal #eventFilterList.tld-filter-list .tld-btn.category-btn.selected {
    border: 1px solid #d1d5db;
    background: #e5e7eb;
    color: #374151; }
  .advancedSearch #categoryFilterModal #categoryFilterList.tld-filter-list .tld-btn.category-btn.selected:hover,
  .advancedSearch #eventFilterModal #eventFilterList.tld-filter-list .tld-btn.category-btn.selected:hover {
    border-color: #cbd5e1;
    background: #d1d5db;
    color: #1f2937; }

/* Chips (left) + Clear All (right): same flex pattern as search row (input + Select All); no wrap so button stays adjacent */
.advancedSearch #tldFilterModal .tld-filter-modal-chips-clearall-row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  gap: 12px;
  padding: 0 24px 0 24px;
  box-sizing: border-box; }

.advancedSearch #tldFilterModal .tld-filter-modal-chips-clearall-row .tld-filter-modal-header__clearall {
  flex: 0 0 auto;
  align-self: center; }

.advancedSearch #tldFilterModal #tldFilterModalHeaderClearAllBtn,
.advancedSearch #tldFilterModal #tldFilterClearAllBtn,
.advancedSearch #tldFilterModal #tldFilterApplyBtn {
  font-size: 14px;
  font-weight: 600;
  text-transform: none !important;
  letter-spacing: normal;
  font-variant: normal; }

/* TLD modal row actions: colors in sn-rev3.scss / nj-rev3.scss */
.advancedSearch #tldFilterModal #tldFilterModalHeaderClearAllBtn.tld-filter-clear-all-btn,
.advancedSearch #tldFilterModal #tldFilterClearAllBtn.tld-filter-clear-all-btn {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 93px;
  width: 93px;
  height: 47px;
  padding: 0 10px;
  line-height: 1.2;
  border-radius: 5px;
  box-shadow: none; }
  .advancedSearch #tldFilterModal #tldFilterModalHeaderClearAllBtn.tld-filter-clear-all-btn:hover:not(:disabled),
  .advancedSearch #tldFilterModal #tldFilterClearAllBtn.tld-filter-clear-all-btn:hover:not(:disabled) {
    opacity: 1; }
  .advancedSearch #tldFilterModal #tldFilterModalHeaderClearAllBtn.tld-filter-clear-all-btn:disabled,
  .advancedSearch #tldFilterModal #tldFilterClearAllBtn.tld-filter-clear-all-btn:disabled {
    cursor: not-allowed;
    opacity: 0.45; }
  .advancedSearch #tldFilterModal #tldFilterModalHeaderClearAllBtn.tld-filter-clear-all-btn:disabled:hover,
  .advancedSearch #tldFilterModal #tldFilterClearAllBtn.tld-filter-clear-all-btn:disabled:hover {
    opacity: 0.45; }

/* Category / Special Event modal headers: colors in sn-rev3.scss / nj-rev3.scss */
.advancedSearch #categoryFilterModal #categoryFilterModalHeaderClearBtn.tld-filter-clear-all-btn,
.advancedSearch #eventFilterModal #eventFilterModalHeaderClearBtn.tld-filter-clear-all-btn {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 93px;
  width: auto;
  height: 47px;
  padding: 0 14px;
  line-height: 1.2;
  border-radius: 5px;
  box-shadow: none; }
  .advancedSearch #categoryFilterModal #categoryFilterModalHeaderClearBtn.tld-filter-clear-all-btn:hover:not(:disabled),
  .advancedSearch #eventFilterModal #eventFilterModalHeaderClearBtn.tld-filter-clear-all-btn:hover:not(:disabled) {
    opacity: 1; }
  .advancedSearch #categoryFilterModal #categoryFilterModalHeaderClearBtn.tld-filter-clear-all-btn:disabled,
  .advancedSearch #eventFilterModal #eventFilterModalHeaderClearBtn.tld-filter-clear-all-btn:disabled {
    cursor: not-allowed;
    opacity: 0.45; }
  .advancedSearch #categoryFilterModal #categoryFilterModalHeaderClearBtn.tld-filter-clear-all-btn:disabled:hover,
  .advancedSearch #eventFilterModal #eventFilterModalHeaderClearBtn.tld-filter-clear-all-btn:disabled:hover {
    opacity: 0.45; }

.advancedSearch .tld-filter-close-btn {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  margin: 0;
  min-width: 0;
  color: #1a1a1a;
  font-size: 24px;
  line-height: 1;
  transition: color 0.2s;
  box-shadow: none; }
  .advancedSearch .tld-filter-close-btn .close-icon {
    font-size: larger; }
  .advancedSearch .tld-filter-close-btn:hover {
    color: #666; }
  .advancedSearch .tld-filter-close-btn:focus {
    outline: none; }

.advancedSearch .tld-filter-clear-all-btn {
  background: none;
  border: none;
  cursor: pointer;
  font-size: 16px;
  font-weight: 700;
  color: #1a1a1a;
  padding: 8px 12px;
  transition: opacity 0.2s; }
  .advancedSearch .tld-filter-clear-all-btn:hover {
    opacity: 0.7; }

.advancedSearch .tld-filter-title {
  font-size: 18px;
  font-weight: 700;
  color: #1a1a1a;
  padding: 0 24px 20px;
  margin: 0; }

/* Keeps a fixed vertical gap between wrapping chips and the search row as chip height grows */
.advancedSearch #tldFilterModal .tld-filter-modal-chips-search-stack {
  display: flex;
  flex-direction: column;
  gap: 16px;
  flex-shrink: 0; }

.advancedSearch #tldFilterModal #tldFilterSelectedChips.tld-filter-selected-chips {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  align-content: flex-start;
  gap: 10px 10px;
  padding: 0 0 7px 0;
  margin: 0;
  min-height: 0;
  flex: 1 1 auto;
  min-width: 0;
  max-width: 100%;
  align-self: center;
  box-sizing: border-box; }

/* Selected TLD chips (above search): brand colors in sn-rev3.scss / nj-rev3.scss */
.advancedSearch #tldFilterModal #tldFilterSelectedChips .tld-filter-modal-chip {
  position: relative;
  display: inline-block;
  flex-shrink: 0;
  max-width: 100%;
  /* Symmetric padding while per-chip × remove is TEMP hidden */
  padding: 8px 12px;
  margin: 0;
  border-radius: 20px;
  border: 1px solid #d1d5db;
  font-size: 16px;
  font-weight: 500;
  line-height: initial;
  background: #e5e7eb;
  color: #374151;
  box-sizing: border-box;
  box-shadow: none;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease; }
  .advancedSearch #tldFilterModal #tldFilterSelectedChips .tld-filter-modal-chip:hover {
    border-color: #cbd5e1;
    background: #d1d5db;
    color: #1f2937; }

.advancedSearch #tldFilterModal .tld-filter-modal-chip__label {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 140px;
  vertical-align: middle; }

/* TEMP: hide per-chip × remove (re-enable display:flex + restore chip padding-right ~28px when restoring) */
.advancedSearch #tldFilterModal #tldFilterSelectedChips .tld-filter-modal-chip > .tld-filter-modal-chip__remove {
  position: absolute;
  top: 4px;
  right: 6px;
  bottom: auto;
  left: auto;
  z-index: 2;
  display: none;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 14px;
  min-width: 14px;
  max-width: 14px;
  padding: 0;
  margin: 0;
  border: 1px solid #aecbfa;
  border-radius: 50%;
  cursor: pointer;
  background: #fff;
  color: #5f6368;
  font-size: 0;
  line-height: 0;
  box-sizing: border-box;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease; }
  .advancedSearch #tldFilterModal #tldFilterSelectedChips .tld-filter-modal-chip > .tld-filter-modal-chip__remove:hover {
    background: #f1f3f4;
    border-color: #94a3b8;
    color: #1a1a1a; }
  .advancedSearch #tldFilterModal #tldFilterSelectedChips .tld-filter-modal-chip > .tld-filter-modal-chip__remove:focus {
    outline: none;
    box-shadow: 0 0 0 2px #fff, 0 0 0 3px #94a3b8; }

.advancedSearch #tldFilterModal .tld-filter-modal-chip__remove-x {
  display: block;
  font-size: 10px;
  line-height: 14px;
  font-weight: 700;
  width: 14px;
  height: 14px;
  text-align: center; }

.advancedSearch #tldFilterModal .tld-filter-modal-chips-ellipsis {
  align-self: center;
  padding: 0 4px;
  font-size: 14px;
  font-weight: 600;
  color: #5f6368;
  letter-spacing: 0.02em; }

/* +Total (#tldFilterSelectedCountBtn): hidden applied past 6 chips + new-since-open draft count; omitted when 0 */
.advancedSearch #tldFilterModal #tldFilterSelectedChips .tld-filter-modal-count-btn {
  flex: 0 0 auto;
  flex-shrink: 0;
  align-self: center;
  width: 4em;
  min-width: 4em;
  max-width: 4em;
  padding: 8px 4px;
  border-radius: 20px;
  border: 1px solid #dadce0;
  font-size: 16px;
  font-weight: 500;
  line-height: initial;
  text-align: center;
  cursor: default;
  background: #fff;
  color: #5f6368;
  box-sizing: border-box;
  box-shadow: none;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease; }
  .advancedSearch #tldFilterModal #tldFilterSelectedChips .tld-filter-modal-count-btn:hover {
    background: #f8f9fa;
    border-color: #9ca3af;
    color: #1a1a1a; }
  .advancedSearch #tldFilterModal #tldFilterSelectedChips .tld-filter-modal-count-btn:focus {
    outline: none;
    box-shadow: 0 0 0 2px #fff, 0 0 0 3px #94a3b8; }

.advancedSearch .tld-filter-search-container {
  padding: 0 24px 20px; }

.advancedSearch .tld-filter-search-container--tld-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  margin-top: 0; }

.advancedSearch .tld-filter-search-input {
  width: 100%;
  padding: 12px 16px;
  border: 2px solid #e0e0e0;
  border-radius: 28px;
  font-size: 16px;
  outline: none;
  transition: border-color 0.2s;
  box-sizing: border-box; }
  .advancedSearch .tld-filter-search-input:focus {
    border-color: #94a3b8; }
  .advancedSearch .tld-filter-search-input::placeholder {
    color: #999; }

.advancedSearch .tld-filter-search-input--tld-inline {
  flex: 1 1 0;
  width: auto;
  min-width: 0;
  max-width: none; }

.advancedSearch .tld-filter-search-container--tld-row .tld-filter-clear-all-btn {
  flex: 0 0 auto;
  white-space: nowrap;
  padding: 8px 4px; }

.advancedSearch #tldFilterFooter.tld-filter-footer {
  display: flex;
  flex-shrink: 0;
  padding: 16px 24px 20px;
  border-top: 1px solid #e8eaed;
  justify-content: center;
  align-items: center; }

/* Apply: colors in sn-rev3.scss / nj-rev3.scss */
.advancedSearch #tldFilterModal .tld-filter-apply-btn {
  min-width: 82px;
  padding: 8px 16px;
  border-radius: 5px;
  cursor: pointer;
  text-decoration: none !important;
  box-shadow: none;
  transition: background-color 0.2s, border-color 0.2s, opacity 0.2s; }
  .advancedSearch #tldFilterModal .tld-filter-apply-btn:hover {
    opacity: 1;
    box-shadow: none; }
  .advancedSearch #tldFilterModal .tld-filter-apply-btn:focus {
    outline: none;
    text-decoration: none !important; }

.advancedSearch .tld-filter-list {
  padding: 0 24px 24px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  overflow-y: auto;
  max-height: calc(90vh - 220px); }

/* Shared TLD pill buttons (category / event modals, etc.) */
.advancedSearch .tld-btn {
  padding: 10px 20px;
  border-radius: 24px;
  border: none;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  background: #f5f5f5;
  color: #1a1a1a;
  max-width: 220px; }
  .advancedSearch .tld-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); }
  .advancedSearch .tld-btn.selected {
    background: #e5e7eb;
    color: #374151; }
  .advancedSearch .tld-btn.selected:hover {
    background: #d1d5db; }
  .advancedSearch .tld-btn.hidden {
    display: none; }

/* TLD modal list only: match selected-chip pill (no ×); draft-unselected = neutral bordered pill */
.advancedSearch #tldFilterModal #tldFilterList.tld-filter-list .tld-btn {
  padding: 8px 12px;
  border-radius: 20px;
  border: 1px solid #dadce0;
  font-size: 16px;
  font-weight: 500;
  line-height: initial;
  max-width: 220px;
  box-shadow: none;
  background: #fff;
  color: #5f6368;
  transform: none;
  /* Draft pick not in last-applied set: visible selection, not committed until Apply */ }
  .advancedSearch #tldFilterModal #tldFilterList.tld-filter-list .tld-btn:hover {
    transform: none;
    box-shadow: none;
    border-color: #9ca3af;
    background: #f8f9fa;
    color: #1a1a1a; }
  .advancedSearch #tldFilterModal #tldFilterList.tld-filter-list .tld-btn.selected {
    border: 1px solid #d1d5db;
    background: #e5e7eb;
    color: #374151; }
  .advancedSearch #tldFilterModal #tldFilterList.tld-filter-list .tld-btn.selected:hover {
    border-color: #cbd5e1;
    background: #d1d5db; }
  .advancedSearch #tldFilterModal #tldFilterList.tld-filter-list .tld-btn.selected.tld-btn--draft-pending {
    border-style: dashed;
    border-color: #94a3b8;
    background: #f3f4f6;
    color: #4b5563; }
  .advancedSearch #tldFilterModal #tldFilterList.tld-filter-list .tld-btn.selected.tld-btn--draft-pending:hover {
    background: #e5e7eb;
    border-style: dashed;
    border-color: #94a3b8;
    color: #374151; }

.searchSectionHorz .searchFiler .entryarea .category {
  margin-bottom: 0px !important; }

/* ==========================================================================
   Vertical layout: single column when #searchfilterpanel has .searchfilterpanelvertical
   (Move Search Options to Top). Horizontal layout remains unchanged.
   ========================================================================== */
.advancedSearch #searchfilterpanel.searchfilterpanelvertical #filterSection {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: stretch;
  width: 100%;
  max-width: 100%;
  gap: 12px; }

.advancedSearch #searchfilterpanel.searchfilterpanelvertical #filterSectionRow1 {
  flex-direction: column;
  width: 100%;
  max-width: 100%; }

.advancedSearch #searchfilterpanel.searchfilterpanelvertical #filterSectionRow1 #column1 {
  width: 100%;
  max-width: 100%;
  min-width: 0; }

.advancedSearch #searchfilterpanel.searchfilterpanelvertical #filterSectionRow1 .search-type-radio-group {
  max-width: 100%; }

.advancedSearch #searchfilterpanel.searchfilterpanelvertical #row2col1,
.advancedSearch #searchfilterpanel.searchfilterpanelvertical #row2col2,
.advancedSearch #searchfilterpanel.searchfilterpanelvertical #row2col3 {
  width: 100%;
  max-width: 100%;
  margin-right: 0; }

.advancedSearch #searchfilterpanel.searchfilterpanelvertical .filterSectionDropdownsColumn {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  margin-left: 0; }

.advancedSearch #searchfilterpanel.searchfilterpanelvertical .filterSectionDropdownsColumn #div2 {
  display: flex;
  flex-direction: column;
  gap: 14px;
  width: 100%;
  max-width: 100%; }

.advancedSearch #searchfilterpanel.searchfilterpanelvertical .filterSectionDropdownsColumn #column5,
.advancedSearch #searchfilterpanel.searchfilterpanelvertical .filterSectionDropdownsColumn #column2,
.advancedSearch #searchfilterpanel.searchfilterpanelvertical .filterSectionDropdownsColumn #column4 {
  width: 100%;
  max-width: 100%;
  min-width: 0; }

.advancedSearch #searchfilterpanel.searchfilterpanelvertical .filterSectionSlidersColumn {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  margin-left: 0; }

/* Vertical panel: RESET first (before Search Type), right-aligned */
.advancedSearch #searchfilterpanel.searchfilterpanelvertical #filterSection #ResetSection.advSearchResetColumn {
  order: -1;
  width: 100%;
  max-width: 100%;
  justify-content: flex-end;
  margin-bottom: 0; }

.advancedSearch #searchfilterpanel.searchfilterpanelvertical #orderByDateMaximumsRow {
  width: 100%;
  max-width: 100%; }

/* Vertical dock: stack four sliders again (full-width column) */
.advancedSearch #searchfilterpanel.searchfilterpanelvertical .advSearchBoxModern .filterSectionSlidersColumn #orderByDateMaximumsRow #row2col4 {
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 12px; }

.advancedSearch #searchfilterpanel.searchfilterpanelvertical .advSearchBoxModern .filterSectionSlidersColumn #orderByDateMaximumsRow #row2col4 > .rev3-max-slider-col {
  flex: 0 0 auto;
  width: 100%;
  max-width: 100%; }

.advancedSearch #searchfilterpanel.searchfilterpanelvertical .advSearchBoxModern .filterSectionSlidersColumn #orderByDateMaximumsRow #row2col4 > .rev3-max-slider-col:not(:last-child) {
  padding-bottom: 4px; }

.advancedSearch #searchfilterpanel.searchfilterpanelvertical .advSearchBoxModern .filterSectionSlidersColumn #orderByDateMaximumsRow #row2col4 > .rev3-max-slider-col:last-child {
  padding-bottom: 0; }

.vertFilterPanelPadding {
  padding: 0 5px 0 0px !important; }

/* Rev3: section titles and applied-filters ribbon (this sheet loads only on rev3 advanced / exclusive storefront) */
.filter-icon-btn--with-text {
  width: auto;
  padding: 8px 14px;
  gap: 8px; }
  .filter-icon-btn--with-text .filter-icon-btn-text {
    font-size: 16px;
    font-weight: 700; }

.advancedSearch .filter-card-header {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2 !important;
  color: #6b7280;
  text-align: left;
  padding: 10px 5px;
  font-family: Arial, Helvetica, sans-serif; }

.advancedSearch #leftPanel .HorzfilterSpanOuter,
.advancedSearch #appliedFilters .HorzfilterSpanOuter {
  font-size: 16px; }

.advancedSearch #leftPanel .fillterText span,
.advancedSearch #appliedFilters .fillterText span {
  font-size: 16px; }

.advancedSearch #leftPanel .fillterText span.bold,
.advancedSearch #appliedFilters .fillterText span.bold {
  font-weight: 700; }

/* Small-screen criteria strip (advancedStore.jsp #criteriaMobile): titles bold, copy 16px */
.advancedSearch #criteriaMobile {
  font-size: 16px; }

.advancedSearch #criteriaMobile .resAdvCategory strong {
  font-size: 16px;
  font-weight: 700; }

.advancedSearch #criteriaMobile select,
.advancedSearch #criteriaMobile .criteriaLabel,
.advancedSearch #criteriaMobile .criteriaPanel .tooltip {
  font-size: 16px; }

.advancedSearch #criteriaMobile .criteriaPanel .bold {
  font-size: 16px;
  font-weight: 700; }

@media (max-width: 1100px) {
  .advancedSearch #filterSection {
    display: none; } }

.advancedSearch #filterSection #filterSectionMainArea {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%; }

/*
 * Seller horz (sellerStore.jsp — no Sources/Listing, often no dropdowns column): #filterSectionMainArea is a row so
 * #filterSectionSliderArea (sliders) sits beside Search Type + Exclusions, not stacked below with a wide empty band.
 * Tile widths use the same $rev3-horz-* tokens as advanced (children live under #filterSectionControlArea, not #filterSection).
 */
.advancedSearch.sellerSearch #searchfilterpanel.searchfilterpanelhorz #filterSection:not(.leftDocked) #filterSectionMainArea {
  flex-direction: row;
  align-items: stretch;
  flex-wrap: nowrap;
  gap: 10px;
  width: 100%;
  max-width: 841px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box; }

.advancedSearch.sellerSearch #searchfilterpanel.searchfilterpanelhorz #filterSection:not(.leftDocked) #filterSectionMainArea > #filterSectionControlArea {
  flex: 0 0 auto;
  width: auto;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  min-height: 244px !important;
  height: 244px !important;
  box-sizing: border-box;
  justify-content: flex-start;
  gap: 10px;
  overflow: visible; }

.advancedSearch.sellerSearch #searchfilterpanel.searchfilterpanelhorz #filterSection:not(.leftDocked) #filterSectionMainArea > #filterSectionSliderArea {
  flex: 1 1 0;
  min-width: 0;
  width: auto;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  box-sizing: border-box;
  display: flex;
  flex-direction: column; }

.advancedSearch:not(.sellerSearch) #searchfilterpanel.searchfilterpanelhorz #filterSection:not(.leftDocked) #filterSectionMainArea {
  align-items: center;
  overflow: visible; }

.advancedSearch:not(.sellerSearch) #searchfilterpanel.searchfilterpanelhorz #filterSection #filterSectionMainArea > #filterSectionControlArea {
  width: 100%;
  max-width: 1015px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box; }

.advancedSearch:not(.sellerSearch) #searchfilterpanel.searchfilterpanelhorz #filterSection #filterSectionMainArea > #filterSectionSliderArea {
  width: 100%;
  max-width: 1015px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  padding-left: 12px;
  padding-right: 12px; }

/* #filterSectionRev3ResetRow: dock/close (horz adv + exc) — not $rev3-horz-main-inner-max (resize vs main strip) */
.advancedSearch:not(.sellerSearch):not(.premiumSearch) #searchfilterpanel.searchfilterpanelhorz #filterSection:not(.leftDocked) > #filterSectionRev3ResetRow {
  width: 100%;
  max-width: 976px;
  margin-left: 20px !important;
  margin-right: auto;
  margin-top: 5px !important;
  box-sizing: border-box; }

/* #row2col5: Reset / Update Results (horz adv + exc) */
.advancedSearch:not(.sellerSearch):not(.premiumSearch) #searchfilterpanel.searchfilterpanelhorz #filterSection:not(.leftDocked) > #row2col5.rev3-results-actions {
  width: 100%;
  max-width: 976px;
  margin-left: 20px !important;
  margin-right: auto;
  margin-top: 5px !important;
  box-sizing: border-box;
  margin-bottom: 8px !important; }

.advancedSearch.premiumSearch #searchfilterpanel.searchfilterpanelhorz #filterSection:not(.leftDocked) > #filterSectionRev3ResetRow {
  width: 100%;
  max-width: 426px;
  margin-left: 10px !important;
  margin-right: auto;
  margin-top: 5px !important;
  box-sizing: border-box; }

.advancedSearch.premiumSearch #searchfilterpanel.searchfilterpanelhorz #filterSection:not(.leftDocked) > #row2col5.rev3-results-actions {
  width: 100%;
  max-width: 426px;
  margin-left: 10px !important;
  margin-right: auto;
  margin-top: 0px !important;
  margin-bottom: 8px !important;
  box-sizing: border-box; }

/*
 * premiumStore.jsp — viewports ≤1499 (below top-dock wide 1500px): same centered rails as seller / advanced mid —
 * #filterSectionRev3ResetRow (dock + close) + #row2col5; top-dock #filterSectionMainArea column + centered strips.
 */
@media (max-width: 1499px) {
  .advancedSearch.premiumSearch #searchfilterpanel.searchfilterpanelhorz #filterSection:not(.leftDocked) > #filterSectionRev3ResetRow,
  .advancedSearch.premiumSearch #searchfilterpanel.searchfilterpanelhorz #filterSection:not(.leftDocked) > #row2col5.rev3-results-actions {
    margin-left: auto !important;
    margin-right: auto !important; }

  /* Stack main strip + dock/close + actions; stretch cross-axis so #filterSectionRev3ResetRow / #row2col5 can be full rail width. */
  .advancedSearch.premiumSearch #searchfilterpanel.searchfilterpanelhorz #filterSection.topDocked {
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: stretch;
    width: 100%; }

  .advancedSearch.premiumSearch #searchfilterpanel.searchfilterpanelhorz #filterSection.topDocked #filterSectionMainArea {
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    max-width: 100%;
    gap: 10px; }

  .advancedSearch.premiumSearch #searchfilterpanel.searchfilterpanelhorz #filterSection.topDocked #filterSectionMainArea > #filterSectionControlArea {
    flex: 0 0 auto;
    width: fit-content;
    max-width: 1015px;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box; }

  .advancedSearch.premiumSearch #searchfilterpanel.searchfilterpanelhorz #filterSection.topDocked #filterSectionMainArea > #filterSectionSliderArea {
    flex: 0 0 auto;
    width: 100%;
    max-width: 1015px;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
    padding-left: 12px;
    padding-right: 12px; }

  .advancedSearch.premiumSearch #searchfilterpanel.searchfilterpanelhorz #filterSection.topDocked > #filterSectionRev3ResetRow,
  .advancedSearch.premiumSearch #searchfilterpanel.searchfilterpanelhorz #filterSection.topDocked > #row2col5.rev3-results-actions {
    max-width: 425px;
    width: 100% !important;
    min-width: 0;
    box-sizing: border-box;
    flex: 0 0 auto !important;
    margin-left: auto !important;
    margin-right: auto !important; }

  .advancedSearch.premiumSearch #searchfilterpanel.searchfilterpanelhorz #filterSection.topDocked #orderByDateMaximumsRow #row2col4 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: flex-start;
    align-content: flex-start;
    gap: 10px;
    width: 100%;
    max-width: 100%;
    min-width: 0; }

  .advancedSearch.premiumSearch #searchfilterpanel.searchfilterpanelhorz #filterSection.topDocked #orderByDateMaximumsRow #row2col4 > .rev3-max-slider-col {
    flex: 0 0 235px;
    flex-grow: 0;
    flex-shrink: 0; }

  .advancedSearch.premiumSearch #searchfilterpanel.searchfilterpanelhorz #filterSection.topDocked .dual-range-slider {
    height: 25px; } }
/* Seller horz: centered max; dock row vs results row tunable separately */
.advancedSearch.sellerSearch #searchfilterpanel.searchfilterpanelhorz #filterSection:not(.leftDocked) > #filterSectionRev3ResetRow {
  flex: 0 0 auto;
  width: 100%;
  max-width: 841px;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-top: 5px !important;
  box-sizing: border-box; }

.advancedSearch.sellerSearch #searchfilterpanel.searchfilterpanelhorz #filterSection:not(.leftDocked) > #row2col5.rev3-results-actions {
  width: 100%;
  max-width: 841px;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-top: 5px !important;
  margin-bottom: 8px !important;
  box-sizing: border-box; }

/* Seller float view (#criteriaDeskTop, not top-dock / not left-dock): same 25px dual-range row as top-dock mid. */
.advancedSearch.sellerSearch #searchfilterpanel.searchfilterpanelhorz #filterSection:not(.topDocked):not(.leftDocked) .dual-range-slider {
  height: 25px; }

.advancedSearch #filterSection:not(.leftDocked) #filterSectionMainArea #filterSectionControlArea {
  display: flex;
  flex-direction: row;
  gap: 10px; }

.advancedSearch:not(.sellerSearch):not(.premiumSearch) #searchfilterpanel.searchfilterpanelhorz #filterSection:not(.leftDocked) #filterSectionMainArea #filterSectionControlArea {
  min-height: 244px !important;
  height: 244px !important;
  box-sizing: border-box;
  justify-content: center;
  /* Let Sources / Listing / Exclusions .info_block tooltips paint outside the strip (was clipped by tile overflow) */
  overflow: visible; }

.advancedSearch.premiumSearch #searchfilterpanel.searchfilterpanelhorz #filterSection:not(.leftDocked) #filterSectionMainArea #filterSectionControlArea {
  min-height: 215px !important;
  height: 215px !important;
  box-sizing: border-box;
  justify-content: center;
  overflow: visible; }

/*
 * Horz rev3 (advanced / exclusive / premium — not seller dock): tile widths from $rev3-horz-* variables (see file top).
 * !important beats legacy storefront/rev2 rules.
 */
.advancedSearch:not(.sellerSearch) #searchfilterpanel.searchfilterpanelhorz #filterSectionControlArea > #filterSectionRow1 {
  flex: 0 0 175px !important;
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  width: 175px !important;
  min-width: 175px !important;
  max-width: 175px !important;
  min-height: 244px !important;
  height: 244px !important;
  box-sizing: border-box !important;
  overflow: visible !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  margin-left: 0 !important;
  margin-right: 0 !important; }

.advancedSearch:not(.sellerSearch) #searchfilterpanel.searchfilterpanelhorz #filterSectionControlArea > #row2col1 {
  flex: 0 0 174px !important;
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  width: 174px !important;
  min-width: 174px !important;
  max-width: 174px !important;
  min-height: 244px !important;
  height: 244px !important;
  box-sizing: border-box !important;
  overflow: visible !important;
  display: flex !important;
  flex-direction: column !important;
  margin-left: 0 !important;
  margin-right: 0 !important; }

.advancedSearch:not(.sellerSearch) #searchfilterpanel.searchfilterpanelhorz #filterSectionControlArea > #row2col2 {
  flex: 0 0 182px !important;
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  width: 182px !important;
  min-width: 182px !important;
  max-width: 182px !important;
  min-height: 244px !important;
  height: 244px !important;
  box-sizing: border-box !important;
  overflow: visible !important;
  display: flex !important;
  flex-direction: column !important;
  margin-left: 0 !important;
  margin-right: 0 !important; }

.advancedSearch:not(.sellerSearch) #searchfilterpanel.searchfilterpanelhorz #filterSectionControlArea > #row2col3 {
  flex: 0 0 166px !important;
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  width: 166px !important;
  min-width: 166px !important;
  max-width: 166px !important;
  min-height: 244px !important;
  height: 244px !important;
  box-sizing: border-box !important;
  overflow: visible !important;
  display: flex !important;
  flex-direction: column !important;
  margin-left: 0 !important;
  margin-right: 0 !important; }

.advancedSearch:not(.sellerSearch) #searchfilterpanel.searchfilterpanelhorz #filterSectionControlArea > #filterSectionRow1 {
  padding: 10px 12px 21px !important;
  background-color: whitesmoke !important; }

.advancedSearch:not(.sellerSearch) #searchfilterpanel.searchfilterpanelhorz #filterSectionControlArea > #row2col1,
.advancedSearch:not(.sellerSearch) #searchfilterpanel.searchfilterpanelhorz #filterSectionControlArea > #row2col2,
.advancedSearch:not(.sellerSearch) #searchfilterpanel.searchfilterpanelhorz #filterSectionControlArea > #row2col3 {
  background-color: whitesmoke !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important; }

.advancedSearch:not(.sellerSearch) #searchfilterpanel.searchfilterpanelhorz #filterSectionControlArea > #filterSectionRow1 #column1,
.advancedSearch:not(.sellerSearch) #searchfilterpanel.searchfilterpanelhorz #filterSectionControlArea > #filterSectionRow1 .searchType.entryarea {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin-bottom: 0 !important; }

.advancedSearch:not(.sellerSearch) #searchfilterpanel.searchfilterpanelhorz #filterSectionControlArea > #filterSectionRow1 .search-type-radio-group {
  width: 100% !important;
  max-width: 150px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 0 !important;
  background-color: transparent !important;
  box-shadow: none !important; }

/* Dropdowns column: width / min / max are independent variables (file top) */
.advancedSearch:not(.sellerSearch) #searchfilterpanel.searchfilterpanelhorz #filterSectionControlArea > #filterSectionDropdownsColumn {
  flex: 0 0 240px !important;
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  align-self: stretch !important;
  width: 240px !important;
  min-width: 0 !important;
  max-width: 100% !important;
  min-height: 244px !important;
  height: 244px !important;
  box-sizing: border-box !important; }

.advancedSearch:not(.sellerSearch) #searchfilterpanel.searchfilterpanelhorz #filterSectionControlArea > #filterSectionDropdownsColumn #column5,
.advancedSearch:not(.sellerSearch) #searchfilterpanel.searchfilterpanelhorz #filterSectionControlArea > #filterSectionDropdownsColumn #column2,
.advancedSearch:not(.sellerSearch) #searchfilterpanel.searchfilterpanelhorz #filterSectionControlArea > #filterSectionDropdownsColumn #column4 {
  width: 220px !important;
  max-width: 220px !important;
  min-width: 220px !important;
  align-self: flex-start !important; }

/* Beat #filterSectionControlArea .rightMarginHorzExclusiveSearch { flex-grow: 2 } (Search Type + criteria tiles only) */
.advancedSearch:not(.sellerSearch) #searchfilterpanel.searchfilterpanelhorz #filterSectionControlArea > #filterSectionRow1.rightMarginHorzExclusiveSearch,
.advancedSearch:not(.sellerSearch) #searchfilterpanel.searchfilterpanelhorz #filterSectionControlArea > #row2col1.rightMarginHorzExclusiveSearch,
.advancedSearch:not(.sellerSearch) #searchfilterpanel.searchfilterpanelhorz #filterSectionControlArea > #row2col2.rightMarginHorzExclusiveSearch,
.advancedSearch:not(.sellerSearch) #searchfilterpanel.searchfilterpanelhorz #filterSectionControlArea > #row2col3.rightMarginHorzExclusiveSearch {
  flex-grow: 0 !important;
  flex-shrink: 0 !important; }

/* Seller: same fixed Search Type / Exclusions tile widths as advanced (selectors must be under #filterSectionControlArea). */
.advancedSearch.sellerSearch #searchfilterpanel.searchfilterpanelhorz #filterSectionControlArea > #filterSectionRow1 {
  flex: 0 0 175px !important;
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  width: 175px !important;
  min-width: 175px !important;
  max-width: 175px !important;
  min-height: 250px !important;
  height: 250px !important;
  box-sizing: border-box !important;
  overflow: visible !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  margin-left: 0 !important;
  margin-right: 0 !important; }

.advancedSearch.sellerSearch #searchfilterpanel.searchfilterpanelhorz #filterSectionControlArea > #row2col3 {
  flex: 0 0 166px !important;
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  width: 166px !important;
  min-width: 166px !important;
  max-width: 166px !important;
  min-height: 250px !important;
  height: 250px !important;
  box-sizing: border-box !important;
  overflow: visible !important;
  display: flex !important;
  flex-direction: column !important;
  margin-left: 0 !important;
  margin-right: 0 !important; }

.advancedSearch.sellerSearch #searchfilterpanel.searchfilterpanelhorz #filterSectionControlArea > #filterSectionRow1 {
  padding: 10px 12px 21px !important;
  background-color: whitesmoke !important; }

.advancedSearch.sellerSearch #searchfilterpanel.searchfilterpanelhorz #filterSectionControlArea > #row2col3 {
  background-color: whitesmoke !important; }

.advancedSearch.sellerSearch #searchfilterpanel.searchfilterpanelhorz #filterSectionControlArea > #filterSectionRow1 #column1,
.advancedSearch.sellerSearch #searchfilterpanel.searchfilterpanelhorz #filterSectionControlArea > #filterSectionRow1 .searchType.entryarea {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin-bottom: 0 !important; }

.advancedSearch.sellerSearch #searchfilterpanel.searchfilterpanelhorz #filterSectionControlArea > #filterSectionRow1 .search-type-radio-group {
  width: 100% !important;
  max-width: 150px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 0 !important;
  background-color: transparent !important;
  box-shadow: none !important; }

.advancedSearch.sellerSearch #searchfilterpanel.searchfilterpanelhorz #filterSectionControlArea > #filterSectionRow1.rightMarginHorzExclusiveSearch,
.advancedSearch.sellerSearch #searchfilterpanel.searchfilterpanelhorz #filterSectionControlArea > #row2col3.rightMarginHorzExclusiveSearch {
  flex-grow: 0 !important;
  flex-shrink: 0 !important; }

/* Premium: Search Type + TLD dropdown column height (see $premium-rev3-* at file top); control strip height is separate above */
.advancedSearch.premiumSearch #searchfilterpanel.searchfilterpanelhorz #filterSectionControlArea > #filterSectionRow1,
.advancedSearch.premiumSearch #searchfilterpanel.searchfilterpanelhorz #filterSectionControlArea > #filterSectionDropdownsColumn {
  min-height: 225px !important;
  height: 225px !important;
  box-sizing: border-box !important; }

.advancedSearch #filterSection.topDocked #filterSectionMainArea {
  flex-direction: row; }
  @media (max-width: 1300px) {
    .advancedSearch #filterSection.topDocked #filterSectionMainArea {
      flex-direction: column; } }

.advancedSearch #filterSection.topDocked #filterSectionMainArea #filterSectionControlArea {
  flex-grow: 1; }

.advancedSearch.sellerSearch #filterSection.topDocked #filterSectionMainArea > #filterSectionControlArea {
  flex-grow: 0; }

.advancedSearch #filterSection:not(.leftDocked) #filterSectionMainArea #orderByDateMaximumsRow #row2col4 {
  flex-direction: row;
  min-width: 380px; }

/* Top-dock: #row2col4 follows #filterSectionSliderArea width; avoid legacy 400px cap cramping .rev3-max-slider-col (235px) columns */
.advancedSearch #filterSection.topDocked #filterSectionMainArea #orderByDateMaximumsRow #row2col4 {
  max-width: 100%; }
  @media (max-width: 1300px) {
    .advancedSearch #filterSection.topDocked #filterSectionMainArea #orderByDateMaximumsRow #row2col4 {
      max-width: none; } }

/*
 * Top-dock only (`.topDocked`): float/undocked unchanged.
 * $rev3-top-dock-vp-wide-min: wider rails so containers use large screens; inner tile/slider col widths stay $rev3-horz-*.
 * $rev3-top-dock-vp-mid-min $rev3-top-dock-vp-mid-max: keep float max-widths; symmetric margin on reset + actions (center the strip).
 */
@media (min-width: 1500px) {
  /* exclusiveStore.jsp: same top-dock as advanced (1600 + grid, control | column strip); #row2col4. Parking (#exclusiveRev3ParkingSlidersStack) stays a separate row below in one horizontal line. */
  .advancedSearch.exclusiveSearch:not(.sellerSearch):not(.premiumSearch) #searchfilterpanel.searchfilterpanelhorz #filterSection.topDocked {
    max-width: 1600px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
    display: grid;
    grid-template-columns: minmax(0, max-content);
    justify-content: center;
    align-content: start;
    gap: 10px; }

  .advancedSearch.exclusiveSearch:not(.sellerSearch):not(.premiumSearch) #searchfilterpanel.searchfilterpanelhorz #filterSection.topDocked > * {
    min-width: 0;
    width: 100%; }

  .advancedSearch.exclusiveSearch:not(.sellerSearch):not(.premiumSearch) #searchfilterpanel.searchfilterpanelhorz #filterSection.topDocked #filterSectionMainArea {
    align-items: flex-start;
    justify-content: center;
    flex-wrap: wrap;
    row-gap: 10px;
    column-gap: 10px;
    width: 100%;
    max-width: 100%; }

  .advancedSearch.exclusiveSearch:not(.sellerSearch):not(.premiumSearch) #searchfilterpanel.searchfilterpanelhorz #filterSection.topDocked #filterSectionMainArea > #filterSectionControlArea,
  .advancedSearch.exclusiveSearch:not(.sellerSearch):not(.premiumSearch) #searchfilterpanel.searchfilterpanelhorz #filterSection.topDocked #filterSectionMainArea > #filterSectionSliderArea {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
    margin-left: 0;
    margin-right: 0; }

  .advancedSearch.exclusiveSearch:not(.sellerSearch):not(.premiumSearch) #searchfilterpanel.searchfilterpanelhorz #filterSection.topDocked #filterSectionMainArea > #filterSectionSliderArea {
    padding-left: 0;
    padding-right: 0;
    align-self: flex-start; }

  /* Parking: outside #filterSectionSliderArea — own row, full width, left-aligned track (float-like). */
  .advancedSearch.exclusiveSearch:not(.sellerSearch):not(.premiumSearch) #searchfilterpanel.searchfilterpanelhorz #filterSection.topDocked #filterSectionMainArea > #exclusiveRev3ParkingRow {
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    align-self: flex-start;
    box-sizing: border-box; }

  .advancedSearch.exclusiveSearch:not(.sellerSearch):not(.premiumSearch) #searchfilterpanel.searchfilterpanelhorz #filterSection.topDocked > #filterSectionRev3ResetRow,
  .advancedSearch.exclusiveSearch:not(.sellerSearch):not(.premiumSearch) #searchfilterpanel.searchfilterpanelhorz #filterSection.topDocked > #row2col5.rev3-results-actions {
    max-width: none;
    width: 100%;
    margin-left: 8px !important;
    margin-right: 8px !important; }

  /* Main sliders only (parking is sibling of #filterSectionSliderArea, not a child of this column). */
  .advancedSearch.exclusiveSearch:not(.sellerSearch):not(.premiumSearch) #searchfilterpanel.searchfilterpanelhorz #filterSection.topDocked #filterSectionSlidersColumn {
    display: block;
    width: 100%;
    min-width: 0;
    max-width: none; }

  .advancedSearch.exclusiveSearch:not(.sellerSearch):not(.premiumSearch) #searchfilterpanel.searchfilterpanelhorz #filterSection.topDocked #orderByDateMaximumsRow {
    width: auto;
    max-width: none; }

  .advancedSearch.exclusiveSearch:not(.sellerSearch):not(.premiumSearch) #searchfilterpanel.searchfilterpanelhorz #filterSection.topDocked #orderByDateMaximumsRow #row2col4 {
    display: grid;
    grid-template-columns: 235px 235px;
    grid-auto-rows: minmax(0, auto);
    gap: 10px;
    width: min-content;
    min-width: 0;
    max-width: none;
    flex-direction: initial;
    align-content: start; }

  .advancedSearch.exclusiveSearch:not(.sellerSearch):not(.premiumSearch) #searchfilterpanel.searchfilterpanelhorz #filterSection.topDocked #orderByDateMaximumsRow #row2col4 > .rev3-max-slider-col {
    min-width: 0; }

  .advancedSearch.exclusiveSearch:not(.sellerSearch):not(.premiumSearch) #searchfilterpanel.searchfilterpanelhorz #filterSection.topDocked #exclusiveRev3ParkingRow {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box; }

  .advancedSearch.exclusiveSearch:not(.sellerSearch):not(.premiumSearch) #searchfilterpanel.searchfilterpanelhorz #filterSection.topDocked #exclusiveRev3ParkingSlidersStack {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
    gap: 10px;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
    margin-left: 8px; }

  .advancedSearch.exclusiveSearch:not(.sellerSearch):not(.premiumSearch) #searchfilterpanel.searchfilterpanelhorz #filterSection.topDocked #exclusiveRev3ParkingSlidersStack > .rev3-max-slider-col {
    flex: 0 0 235px;
    flex-grow: 0;
    flex-shrink: 0;
    min-width: 0; }

  .advancedSearch.exclusiveSearch:not(.sellerSearch):not(.premiumSearch) #searchfilterpanel.searchfilterpanelhorz #filterSection.topDocked .dual-range-slider {
    height: 25px; }

  /* advancedStore.jsp only (not exclusive / seller / premium): center #filterSection; control | 2×2 sliders row; top-align with TLD column
   * Grid: column is max( intrinsic widths ) so #filterSectionRev3ResetRow + #row2col5 match the main strip and align with Search Type left + slider grid right. */
  .advancedSearch:not(.exclusiveSearch):not(.sellerSearch):not(.premiumSearch) #searchfilterpanel.searchfilterpanelhorz #filterSection.topDocked {
    max-width: 1600px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
    display: grid;
    grid-template-columns: minmax(0, max-content);
    justify-content: center;
    align-content: start;
    gap: 10px; }

  .advancedSearch:not(.exclusiveSearch):not(.sellerSearch):not(.premiumSearch) #searchfilterpanel.searchfilterpanelhorz #filterSection.topDocked > * {
    min-width: 0;
    width: 100%; }

  .advancedSearch:not(.exclusiveSearch):not(.sellerSearch):not(.premiumSearch) #searchfilterpanel.searchfilterpanelhorz #filterSection.topDocked #filterSectionMainArea {
    align-items: flex-start;
    justify-content: center;
    flex-wrap: nowrap;
    gap: 10px;
    width: 100%;
    max-width: 100%; }

  .advancedSearch:not(.exclusiveSearch):not(.sellerSearch):not(.premiumSearch) #searchfilterpanel.searchfilterpanelhorz #filterSection.topDocked #filterSectionMainArea > #filterSectionControlArea {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
    margin-left: 0;
    margin-right: 0; }

  .advancedSearch:not(.exclusiveSearch):not(.sellerSearch):not(.premiumSearch) #searchfilterpanel.searchfilterpanelhorz #filterSection.topDocked #filterSectionMainArea > #filterSectionSliderArea {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    align-self: flex-start; }

  .advancedSearch:not(.exclusiveSearch):not(.sellerSearch):not(.premiumSearch) #searchfilterpanel.searchfilterpanelhorz #filterSection.topDocked > #filterSectionRev3ResetRow,
  .advancedSearch:not(.exclusiveSearch):not(.sellerSearch):not(.premiumSearch) #searchfilterpanel.searchfilterpanelhorz #filterSection.topDocked > #row2col5.rev3-results-actions {
    max-width: none;
    width: 100%;
    margin-left: 0 !important;
    margin-right: 0 !important; }

  .advancedSearch:not(.exclusiveSearch):not(.sellerSearch):not(.premiumSearch) #searchfilterpanel.searchfilterpanelhorz #filterSection.topDocked #filterSectionSlidersColumn,
  .advancedSearch:not(.exclusiveSearch):not(.sellerSearch):not(.premiumSearch) #searchfilterpanel.searchfilterpanelhorz #filterSection.topDocked #orderByDateMaximumsRow {
    width: auto;
    max-width: none; }

  .advancedSearch:not(.exclusiveSearch):not(.sellerSearch):not(.premiumSearch) #searchfilterpanel.searchfilterpanelhorz #filterSection.topDocked #orderByDateMaximumsRow #row2col4 {
    display: grid;
    grid-template-columns: 235px 235px;
    grid-auto-rows: minmax(0, auto);
    gap: 10px;
    width: min-content;
    min-width: 0;
    max-width: none;
    flex-direction: initial;
    align-content: start; }

  .advancedSearch:not(.exclusiveSearch):not(.sellerSearch):not(.premiumSearch) #searchfilterpanel.searchfilterpanelhorz #filterSection.topDocked #orderByDateMaximumsRow #row2col4 > .rev3-max-slider-col {
    min-width: 0; }

  .advancedSearch:not(.exclusiveSearch):not(.sellerSearch):not(.premiumSearch) #searchfilterpanel.searchfilterpanelhorz #filterSection.topDocked .dual-range-slider {
    height: 25px; }

  .advancedSearch.sellerSearch #searchfilterpanel.searchfilterpanelhorz #filterSection.topDocked:not(.leftDocked) .dual-range-slider {
    height: 25px; }

  /* premiumStore.jsp top-dock ≥1500: same column + centering as the ≤1499 premium block; wide max-width tokens. */
  .advancedSearch.premiumSearch #searchfilterpanel.searchfilterpanelhorz #filterSection:not(.leftDocked) > #filterSectionRev3ResetRow,
  .advancedSearch.premiumSearch #searchfilterpanel.searchfilterpanelhorz #filterSection:not(.leftDocked) > #row2col5.rev3-results-actions {
    margin-left: auto !important;
    margin-right: auto !important; }

  .advancedSearch.premiumSearch #searchfilterpanel.searchfilterpanelhorz #filterSection.topDocked {
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: stretch;
    width: 100%; }

  .advancedSearch.premiumSearch #searchfilterpanel.searchfilterpanelhorz #filterSection.topDocked #filterSectionMainArea {
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    max-width: 100%;
    gap: 10px; }

  .advancedSearch.premiumSearch #searchfilterpanel.searchfilterpanelhorz #filterSection.topDocked #filterSectionMainArea > #filterSectionControlArea {
    flex: 0 0 auto;
    width: fit-content;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box; }

  .advancedSearch.premiumSearch #searchfilterpanel.searchfilterpanelhorz #filterSection.topDocked #filterSectionMainArea > #filterSectionSliderArea {
    flex: 0 0 auto;
    width: 100%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
    padding-left: 12px;
    padding-right: 12px; }

  .advancedSearch.premiumSearch #searchfilterpanel.searchfilterpanelhorz #filterSection.topDocked #orderByDateMaximumsRow #row2col4 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: flex-start;
    align-content: flex-start;
    gap: 10px;
    width: 100%;
    max-width: 100%;
    min-width: 0; }

  .advancedSearch.premiumSearch #searchfilterpanel.searchfilterpanelhorz #filterSection.topDocked #orderByDateMaximumsRow #row2col4 > .rev3-max-slider-col {
    flex: 0 0 235px;
    flex-grow: 0;
    flex-shrink: 0; }

  .advancedSearch.premiumSearch #searchfilterpanel.searchfilterpanelhorz #filterSection.topDocked .dual-range-slider {
    height: 25px; }

  .advancedSearch.premiumSearch #searchfilterpanel.searchfilterpanelhorz #filterSection.topDocked > #filterSectionRev3ResetRow,
  .advancedSearch.premiumSearch #searchfilterpanel.searchfilterpanelhorz #filterSection.topDocked > #row2col5.rev3-results-actions {
    max-width: 425px;
    width: 100% !important;
    min-width: 0;
    box-sizing: border-box;
    flex: 0 0 auto !important;
    margin-left: auto !important;
    margin-right: auto !important; }

  /*
   * Top-dock ≥1500 only: #searchFilterControlsTop = panel in top slot (excludes #searchFilterControlsLeft / float).
   * Slider card titles + min/max label bands (.slider-labels, #orderByDateLabelsContainer) — all sliders in #row2col4 + parking stack.
   */
  .advancedSearch #searchFilterControlsTop #filterSection.topDocked #orderByDateMaximumsRow #row2col4 .range-slider-card__label.rev3-card-label.filter-card-header,
  .advancedSearch #searchFilterControlsTop #filterSection.topDocked #exclusiveRev3ParkingSlidersStack .range-slider-card__label.rev3-card-label.filter-card-header {
    margin: 0 0 14px 0 !important; }

  .advancedSearch #searchFilterControlsTop #filterSection.topDocked #orderByDateMaximumsRow #row2col4 .slider-labels,
  .advancedSearch #searchFilterControlsTop #filterSection.topDocked #exclusiveRev3ParkingSlidersStack .slider-labels {
    min-height: 27px;
    height: 27px; } }
@media (min-width: 1100px) and (max-width: 1499px) {
  /*
   * 1100–1499 + top-dock: default advanced — not the ≥1500 2×2 grid; stack like float (control above, #row2col4 one row).
   * exclusiveStore — same, plus #exclusiveRev3ParkingSlidersStack in a row below #orderByDateMaximumsRow.
   */
  .advancedSearch:not(.exclusiveSearch):not(.sellerSearch):not(.premiumSearch) #searchfilterpanel.searchfilterpanelhorz #filterSection.topDocked #filterSectionMainArea {
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    max-width: 100%;
    gap: 10px; }

  .advancedSearch:not(.exclusiveSearch):not(.sellerSearch):not(.premiumSearch) #searchfilterpanel.searchfilterpanelhorz #filterSection.topDocked #filterSectionMainArea > #filterSectionControlArea,
  .advancedSearch:not(.exclusiveSearch):not(.sellerSearch):not(.premiumSearch) #searchfilterpanel.searchfilterpanelhorz #filterSection.topDocked #filterSectionMainArea > #filterSectionSliderArea {
    flex: 0 0 auto;
    width: 100%;
    max-width: 1015px;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box; }

  .advancedSearch:not(.exclusiveSearch):not(.sellerSearch):not(.premiumSearch) #searchfilterpanel.searchfilterpanelhorz #filterSection.topDocked #filterSectionMainArea > #filterSectionSliderArea {
    padding-left: 12px;
    padding-right: 12px; }

  .advancedSearch:not(.exclusiveSearch):not(.sellerSearch):not(.premiumSearch) #searchfilterpanel.searchfilterpanelhorz #filterSection.topDocked #orderByDateMaximumsRow #row2col4 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: flex-start;
    align-content: flex-start;
    gap: 10px;
    width: 100%;
    max-width: 100%;
    min-width: 0; }

  .advancedSearch:not(.exclusiveSearch):not(.sellerSearch):not(.premiumSearch) #searchfilterpanel.searchfilterpanelhorz #filterSection.topDocked #orderByDateMaximumsRow #row2col4 > .rev3-max-slider-col {
    flex: 0 0 235px;
    flex-grow: 0;
    flex-shrink: 0; }

  .advancedSearch.exclusiveSearch:not(.sellerSearch):not(.premiumSearch) #searchfilterpanel.searchfilterpanelhorz #filterSection.topDocked #filterSectionMainArea {
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    max-width: 100%;
    gap: 10px; }

  .advancedSearch.exclusiveSearch:not(.sellerSearch):not(.premiumSearch) #searchfilterpanel.searchfilterpanelhorz #filterSection.topDocked #filterSectionMainArea > #filterSectionControlArea,
  .advancedSearch.exclusiveSearch:not(.sellerSearch):not(.premiumSearch) #searchfilterpanel.searchfilterpanelhorz #filterSection.topDocked #filterSectionMainArea > #filterSectionSliderArea {
    flex: 0 0 auto;
    width: 100%;
    max-width: 1015px;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box; }

  .advancedSearch.exclusiveSearch:not(.sellerSearch):not(.premiumSearch) #searchfilterpanel.searchfilterpanelhorz #filterSection.topDocked #filterSectionMainArea > #filterSectionSliderArea {
    padding-left: 12px;
    padding-right: 12px; }

  .advancedSearch.exclusiveSearch:not(.sellerSearch):not(.premiumSearch) #searchfilterpanel.searchfilterpanelhorz #filterSection.topDocked #filterSectionSlidersColumn {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    gap: 10px; }

  .advancedSearch.exclusiveSearch:not(.sellerSearch):not(.premiumSearch) #searchfilterpanel.searchfilterpanelhorz #filterSection.topDocked #orderByDateMaximumsRow #row2col4 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: flex-start;
    align-content: flex-start;
    gap: 10px;
    width: 100%;
    max-width: 100%;
    min-width: 0; }

  .advancedSearch.exclusiveSearch:not(.sellerSearch):not(.premiumSearch) #searchfilterpanel.searchfilterpanelhorz #filterSection.topDocked #orderByDateMaximumsRow #row2col4 > .rev3-max-slider-col {
    flex: 0 0 235px;
    flex-grow: 0;
    flex-shrink: 0; }

  .advancedSearch.exclusiveSearch:not(.sellerSearch):not(.premiumSearch) #searchfilterpanel.searchfilterpanelhorz #filterSection.topDocked #exclusiveRev3ParkingRow {
    width: 100%;
    max-width: 100%;
    min-width: 0; }

  .advancedSearch.exclusiveSearch:not(.sellerSearch):not(.premiumSearch) #searchfilterpanel.searchfilterpanelhorz #filterSection.topDocked #exclusiveRev3ParkingSlidersStack {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: flex-start;
    align-content: flex-start;
    gap: 10px;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box; }

  .advancedSearch.exclusiveSearch:not(.sellerSearch):not(.premiumSearch) #searchfilterpanel.searchfilterpanelhorz #filterSection.topDocked #exclusiveRev3ParkingSlidersStack > .rev3-max-slider-col {
    flex: 0 0 235px;
    flex-grow: 0;
    flex-shrink: 0; }

  /* sellerStore.jsp top-dock 1100–1499: compact dual-range row (match advanced top-dock 25px in wide block). */
  .advancedSearch.sellerSearch #searchfilterpanel.searchfilterpanelhorz #filterSection.topDocked:not(.leftDocked) .dual-range-slider {
    height: 25px; }

  .advancedSearch:not(.sellerSearch):not(.premiumSearch) #searchfilterpanel.searchfilterpanelhorz #filterSection.topDocked > #filterSectionRev3ResetRow,
  .advancedSearch:not(.sellerSearch):not(.premiumSearch) #searchfilterpanel.searchfilterpanelhorz #filterSection.topDocked > #row2col5.rev3-results-actions {
    margin-left: auto !important;
    margin-right: auto !important; }

  .advancedSearch.sellerSearch #searchfilterpanel.searchfilterpanelhorz #filterSection.topDocked:not(.leftDocked) > #filterSectionRev3ResetRow,
  .advancedSearch.sellerSearch #searchfilterpanel.searchfilterpanelhorz #filterSection.topDocked:not(.leftDocked) > #row2col5.rev3-results-actions {
    margin-left: auto !important;
    margin-right: auto !important; } }
.advancedSearch #filterSectionControlArea .rightMarginHorzExclusiveSearch {
  flex-grow: 2; }

.advancedSearch #filterSection.leftDocked #filterSectionControlArea .rightMarginHorzExclusiveSearch {
  flex-grow: 0 !important; }

/*
 * Left dock (#searchFilterControlsLeft). Do not use display:block — it overrides searchfilterpanelhorz flex
 * and breaks tab + slide layout (tab must sit on outer edge via row-reverse; see ~line 92).
 */
.advancedSearch #searchFilterControlsLeft #searchfilterpanel {
  visibility: visible !important;
  position: relative !important;
  left: auto !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  overflow: visible !important;
  pointer-events: auto !important;
  box-sizing: border-box; }

/*
 * row-reverse: DOM [ #leftTopSideTabs ][ #slideContainer ] → visual [ strip ][ tab ] with tab on the
 * results-adjacent edge (mirrors #showSuggestion adjoining .rightSection).
 */
.advancedSearch #searchFilterControlsLeft #searchfilterpanel.searchfilterpanelhorz {
  display: flex !important;
  flex-direction: row-reverse;
  flex-wrap: nowrap;
  align-items: flex-start;
  min-width: 0;
  max-width: 100%; }

/* Left-dock only: overrides inline width:1167px, floatLeft, negative offset */
.advancedSearch #searchFilterControlsLeft #searchfilterpanel.searchfilterpanelhorz .slideContainer {
  flex: 1 1 auto;
  min-width: 0 !important;
  float: none !important; }

.advancedSearch #searchFilterControlsLeft .slideContainer {
  border: 1px solid #cccccc !important;
  border-radius: 4px;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box;
  padding: 5px 8px !important;
  position: relative !important;
  left: 0 !important;
  margin-left: 0 !important;
  float: none !important; }

.advancedSearch #searchFilterControlsLeft #advSearchBoxDesktop {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box; }

.advancedSearch #searchfilterpanel #filterSection.leftDocked {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  width: 100% !important;
  min-width: 240px !important;
  max-width: 300px !important;
  box-sizing: border-box !important;
  gap: 10px !important; }

.advancedSearch #searchfilterpanel #filterSection.leftDocked > #filterSectionRev3ResetRow {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  flex-shrink: 0 !important; }

.advancedSearch #searchfilterpanel #filterSection.leftDocked > #row2col5.rev3-results-actions {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  flex-wrap: wrap !important;
  align-items: flex-start !important; }

.advancedSearch #searchfilterpanel #filterSection.leftDocked #filterSectionMainArea {
  align-items: stretch !important;
  justify-content: flex-start !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important; }

.advancedSearch #searchfilterpanel #filterSection.leftDocked #filterSectionMainArea > #filterSectionControlArea {
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  overflow: visible !important; }

.advancedSearch #searchfilterpanel #filterSection.leftDocked #filterSectionMainArea > #filterSectionSliderArea {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important; }

.advancedSearch #searchfilterpanel #filterSection.leftDocked #filterSectionMainArea > #exclusiveRev3ParkingRow {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin-top: 2px !important; }

/* Left dock exclusive: cap parking slider columns; hide Words flex-track spacer (rev3 column 4 — no control in narrow rail) */
.advancedSearch.exclusiveSearch:not(.sellerSearch) #searchfilterpanel.searchfilterpanelhorz .advSearchBoxModern #filterSection.leftDocked #exclusiveRev3ParkingSlidersStack > .rev3-max-slider-col {
  max-height: 104px !important; }

.advancedSearch.exclusiveSearch:not(.sellerSearch) #searchfilterpanel.searchfilterpanelhorz .advSearchBoxModern #filterSection.leftDocked #exclusiveRev3ParkingSlidersStack > .exclusiveRev3ParkingSlidersStack__cell--words-slot {
  display: none !important; }

.advancedSearch #searchfilterpanel #filterSection.leftDocked #filterSectionControlArea > #filterSectionRow1,
.advancedSearch #searchfilterpanel #filterSection.leftDocked #filterSectionControlArea > #row2col1,
.advancedSearch #searchfilterpanel #filterSection.leftDocked #filterSectionControlArea > #row2col2,
.advancedSearch #searchfilterpanel #filterSection.leftDocked #filterSectionControlArea > #row2col3,
.advancedSearch #searchfilterpanel #filterSection.leftDocked #filterSectionControlArea > #filterSectionDropdownsColumn {
  flex: 0 0 auto !important;
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  min-height: 0 !important;
  height: auto !important;
  align-self: stretch !important; }

.advancedSearch #searchfilterpanel #filterSection.leftDocked #filterSectionControlArea > #filterSectionDropdownsColumn {
  padding: 10px !important;
  box-sizing: border-box !important; }

.advancedSearch #searchfilterpanel #filterSection.leftDocked #filterSectionControlArea > #filterSectionRow1 {
  padding: 8px 8px 14px 8px !important; }

/* Left dock only: card headers (Search Type, Sources, Listing, …); float / top-dock unchanged */
.advancedSearch #searchfilterpanel #filterSection.leftDocked .filter-card-header {
  padding: 5px 5px !important; }

/* Left dock only: Sources / Listing Type / Exclusions — toggle label + track column widths in narrow rail */
.advancedSearch #searchfilterpanel #filterSection.leftDocked #filterSectionControlArea > #row2col1 .adv-search-toggle-option .adv-search-toggle,
.advancedSearch #searchfilterpanel #filterSection.leftDocked #filterSectionControlArea > #row2col2 .adv-search-toggle-option .adv-search-toggle,
.advancedSearch #searchfilterpanel #filterSection.leftDocked #filterSectionControlArea > #row2col3 .adv-search-toggle-option .adv-search-toggle {
  grid-template-columns: 10.82rem 2.5rem !important; }

/*
 * Left dock only — Search Type (#filterSectionRow1): 2×2 grid [[Suggestions, Contains],[Start With, End With]];
 * overrides horz strip rules (max-width 150px + margin auto on .search-type-radio-group). Float / top-dock unchanged (no .leftDocked).
 */
.advancedSearch #searchfilterpanel #filterSection.leftDocked #filterSectionControlArea > #filterSectionRow1 #column1 {
  width: 100% !important;
  max-width: 100% !important; }

.advancedSearch #searchfilterpanel #filterSection.leftDocked #filterSectionControlArea > #filterSectionRow1 .search-type-radio-group {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
  align-items: stretch !important;
  justify-items: start !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding: 0 !important;
  background-color: transparent !important;
  box-shadow: none !important; }

.advancedSearch #searchfilterpanel #filterSection.leftDocked #filterSectionControlArea > #filterSectionRow1 .search-type-radio-group > .filter-card-header {
  grid-column: 1 / -1 !important;
  margin-left: 0 !important;
  margin-right: 0 !important; }

.advancedSearch #searchfilterpanel #filterSection.leftDocked #filterSectionControlArea > #filterSectionRow1 .search-type-radio-option {
  width: 120px !important;
  max-width: 120px !important;
  min-width: 0 !important;
  box-sizing: border-box !important; }

.advancedSearch #searchfilterpanel #filterSection.leftDocked #filterSectionControlArea > #filterSectionRow1 .search-type-radio-option[data-value="contains"],
.advancedSearch #searchfilterpanel #filterSection.leftDocked #filterSectionControlArea > #filterSectionRow1 .search-type-radio-option[data-value="end"] {
  width: 104px !important;
  max-width: 104px !important;
  justify-self: end !important;
  /* right column: flush to rail edge vs Suggestions / Start With */ }

/* Left dock only: unselected — checkmark slot collapses; label text centered. Selected — 20×20 checkmark + text row (.active synced from radio in basicSearch.js). No :has() (Ruby Sass 3.4). */
.advancedSearch #searchfilterpanel #filterSection.leftDocked #filterSectionControlArea > #filterSectionRow1 .search-type-radio-option:not(.active) .search-type-radio-custom {
  width: 0 !important;
  min-width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  opacity: 0 !important; }

.advancedSearch #searchfilterpanel #filterSection.leftDocked #filterSectionControlArea > #filterSectionRow1 .search-type-radio-option:not(.active) .search-type-radio-checkmark-svg {
  width: 0 !important;
  height: 0 !important;
  opacity: 0 !important; }

.advancedSearch #searchfilterpanel #filterSection.leftDocked #filterSectionControlArea > #filterSectionRow1 .search-type-radio-option:not(.active) .search-type-radio-content {
  justify-content: center !important;
  width: 100% !important;
  gap: 0 !important; }

.advancedSearch #searchfilterpanel #filterSection.leftDocked #filterSectionControlArea > #filterSectionRow1 .search-type-radio-option:not(.active) .search-type-radio-text {
  flex: 0 1 auto !important;
  text-align: center !important; }

.advancedSearch #searchfilterpanel #filterSection.leftDocked #filterSectionControlArea > #filterSectionRow1 .search-type-radio-option.active .search-type-radio-custom {
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  opacity: 1 !important;
  overflow: visible !important; }

.advancedSearch #searchfilterpanel #filterSection.leftDocked #filterSectionControlArea > #filterSectionRow1 .search-type-radio-option.active .search-type-radio-checkmark-svg {
  width: 20px !important;
  height: 20px !important; }

.advancedSearch #searchfilterpanel #filterSection.leftDocked #filterSectionControlArea > #filterSectionRow1 .search-type-radio-option.active .search-type-radio-content {
  justify-content: flex-start !important;
  gap: 2px !important; }

.advancedSearch #searchfilterpanel #filterSection.leftDocked #filterSectionControlArea > #filterSectionRow1 .search-type-radio-option.active .search-type-radio-text {
  flex: 1 !important;
  text-align: left !important; }

.advancedSearch #searchfilterpanel #filterSection.leftDocked #filterSectionControlArea > #filterSectionDropdownsColumn #column5,
.advancedSearch #searchfilterpanel #filterSection.leftDocked #filterSectionControlArea > #filterSectionDropdownsColumn #column2,
.advancedSearch #searchfilterpanel #filterSection.leftDocked #filterSectionControlArea > #filterSectionDropdownsColumn #column4 {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important; }

.advancedSearch #searchfilterpanel #filterSection.leftDocked #filterSectionMainArea #orderByDateMaximumsRow #row2col4 {
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  gap: 12px !important; }

.advancedSearch #searchfilterpanel #filterSection.leftDocked #filterSectionMainArea #orderByDateMaximumsRow #row2col4 > .rev3-max-slider-col {
  flex: 0 0 auto !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important; }

/*
 * Left dock: #row2col4 slider cards — padding + label alignment.
 * Use #searchfilterpanel #filterSection.leftDocked only: .advSearchBoxModern lives on #advSearchBoxDesktop (parent of #filterSection), not inside it — do NOT write #filterSection.leftDocked .advSearchBoxModern (never matches).
 */
.advancedSearch #searchfilterpanel #filterSection.leftDocked #orderByDateMaximumsRow #row2col4 .range-slider-card,
.advancedSearch #searchfilterpanel #filterSection.leftDocked #orderByDateMaximumsRow #row2col4 #orderByDateSlider {
  background-color: #f5f5f5 !important;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08) !important;
  border-radius: 0.75rem !important;
  padding: 14px 24px 16px !important; }

.advancedSearch #searchfilterpanel #filterSection.leftDocked #orderByDateMaximumsRow #row2col4 .range-slider-card__label.rev3-card-label.filter-card-header {
  padding: 0 !important;
  margin-left: -14px !important;
  margin-right: 0 !important;
  margin-bottom: 10px !important;
  margin-top: 0 !important;
  text-align: left !important; }

.advancedSearch.exclusiveSearch #searchfilterpanel #filterSection.leftDocked #exclusiveRev3ParkingSlidersStack {
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  gap: 12px !important; }

.advancedSearch.exclusiveSearch #searchfilterpanel #filterSection.leftDocked #exclusiveRev3ParkingSlidersStack > .rev3-max-slider-col {
  flex: 0 0 auto !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important; }

/* Left dock exclusive: parking slider cards — same inner padding / chrome as #row2col4 .range-slider-card (Order By / Price / …) */
.advancedSearch.exclusiveSearch:not(.sellerSearch) #searchfilterpanel #filterSection.leftDocked #exclusiveRev3ParkingSlidersStack .range-slider-card {
  padding: 14px 24px 16px !important;
  background-color: #f5f5f5 !important;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08) !important;
  border-radius: 0.75rem !important;
  box-sizing: border-box !important; }

/*
 * Left dock exclusive only: parking slider titles (Traffic / Rev / Age) — mirror
 * #orderByDateMaximumsRow #row2col4 .range-slider-card__label (Words, etc.).
 * Overrides .leftDocked .filter-card-header { padding: 5px 5px !important; }.
 * Matches .excPk-parking-card-title--withInfo as well (extra class does not break selector).
 */
.advancedSearch.exclusiveSearch #searchfilterpanel #filterSection.leftDocked #exclusiveRev3ParkingSlidersStack .range-slider-card__label.rev3-card-label.filter-card-header {
  padding: 0 !important;
  margin-left: -14px !important;
  margin-right: 0 !important;
  margin-bottom: 10px !important;
  margin-top: 0 !important;
  text-align: left !important; }

.advancedSearch.sellerSearch #searchfilterpanel #filterSection.leftDocked #filterSectionControlArea > #filterSectionRow1,
.advancedSearch.sellerSearch #searchfilterpanel #filterSection.leftDocked #filterSectionControlArea > #row2col3 {
  min-height: 0 !important;
  height: auto !important; }

.advancedSearch.premiumSearch #searchfilterpanel #filterSection.leftDocked #filterSectionControlArea > #filterSectionRow1,
.advancedSearch.premiumSearch #searchfilterpanel #filterSection.leftDocked #filterSectionControlArea > #filterSectionDropdownsColumn {
  min-height: 0 !important;
  height: auto !important; }

/*# sourceMappingURL=storefront_searchfilters_rev3.css.map */