.ads-directory-page{padding-top:20px;padding-bottom:24px;--directory-top:var(--sticky-header-h,80px)}
.ads-directory-page .ads-directory-header{margin-bottom:16px;align-items:center}
.ads-directory-page .ads-directory-header h1{font:600 26px/1.2 Inter,Arial,sans-serif;margin:0}
.ads-directory-page .ads-directory-eyebrow,.ads-directory-page .ads-directory-description{display:none}
.ads-directory-page .ads-pillar-nav{display:flex;gap:8px;overflow-x:auto;margin-bottom:18px;scrollbar-width:none}
.ads-directory-page .ads-pillar-link{flex:0 0 auto;padding:10px 16px;border-radius:10px;min-width:0}
.ads-directory-page .ads-pillar-link span{display:none}
.ads-directory-page .browse-layout{grid-template-columns:245px minmax(0,1fr);gap:22px}
.ads-directory-page .filter-panel{top:var(--directory-top);max-height:calc(100dvh - var(--directory-top) - 16px);overflow-y:auto;overscroll-behavior:contain;padding:16px;scrollbar-width:thin}
.ads-directory-page .filter-group{margin-bottom:14px}
.ads-directory-page .filter-group label{font-size:13px;margin-bottom:6px}
.ads-directory-results{min-width:0}
.ads-directory-page .results-bar{position:sticky;top:var(--directory-top);z-index:20;background:var(--bg,var(--surface));padding:10px 0;margin:0 0 14px;gap:10px;border-bottom:1px solid var(--border)}
.ads-directory-page .results-count{font-size:13px;white-space:nowrap}
.directory-layout-toggle{display:grid;place-items:center;flex:none;width:40px;height:40px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--text-primary);cursor:pointer}
:root[data-theme] .ads-directory-page .listing-grid:has(>.ad-card-approved):not(.is-list-view){grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
:root[data-theme] .ads-directory-page .listing-grid.is-list-view{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
.ads-directory-page .listing-grid>*{min-width:0}
@media(min-width:861px){.ads-directory-page .filter-panel[hidden]{display:block!important}.ads-directory-page .filter-toggle-btn{display:none!important}}
:root[data-theme] .ads-directory-page .listing-grid.is-list-view .ad-card-approved{display:grid;grid-template-columns:36% minmax(0,1fr)}
:root[data-theme] .ads-directory-page .listing-grid.is-list-view .ad-card-media-wrap{width:100%;height:100%}
:root[data-theme] .ads-directory-page .listing-grid.is-list-view .ad-card-media{height:100%;min-height:150px;aspect-ratio:auto;border-radius:12px 0 0 12px}
:root[data-theme] .ads-directory-page .listing-grid.is-list-view .ad-card-body{padding:12px;min-width:0}
:root[data-theme] .ads-directory-page .listing-grid.is-list-view .ad-card-fav{right:8px;bottom:8px}
.ads-directory-page .ad-card-title{font-size:14px}
.directory-advanced{margin:12px 0}.directory-advanced>summary{cursor:pointer;padding:12px 0;border-top:1px solid var(--border);font-size:13px}.directory-advanced[open]>summary{margin-bottom:10px}
.ads-directory-page .ad-card.ad-card-approved .ad-card-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;overflow:hidden;min-height:2.7em;line-height:1.35}
@media(min-width:861px) and (max-width:1199px){:root[data-theme] .ads-directory-page .listing-grid:has(>.ad-card-approved):not(.is-list-view){grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:860px){
 .ads-directory-page{padding-top:12px;padding-left:12px;padding-right:12px;--directory-top:var(--mobile-header-height,var(--sticky-header-h,108px))}
 .ads-directory-page .ads-directory-header h1{font-size:21px}.ads-directory-page .ads-directory-header>.btn{font-size:12px;padding:8px 10px}
 .ads-directory-page .browse-layout{display:block}.ads-directory-page .ads-pillar-nav{margin-bottom:12px}.ads-directory-page .ads-pillar-link{padding:9px 12px;font-size:12px}
 .ads-directory-page .results-bar{position:static;flex-wrap:wrap}.ads-directory-page .results-bar>div{gap:6px!important;flex:1;justify-content:flex-end}.ads-directory-page .results-bar .btn{font-size:11px;padding:8px}.ads-directory-page .results-bar select{max-width:155px;font-size:12px}
 :root[data-theme] .ads-directory-page .listing-grid:has(>.ad-card-approved):not(.is-list-view){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px}
 .ads-directory-page .ad-card-body{padding:10px}.ads-directory-page .ad-card-title{font-size:12px}.ads-directory-page .ad-card-price{font-size:15px}.ads-directory-page .ad-card-seller-name{font-size:11px}
 .ads-directory-page .filter-panel:not([hidden]){inset:auto 0 0!important;height:auto!important;max-height:90dvh!important;border-radius:18px 18px 0 0!important;box-shadow:0 -20px 0 100vmax #0008}
 .ads-directory-page .filter-panel{scroll-padding-top:70px}
 
}
@media(max-width:359px){:root[data-theme] .ads-directory-page .listing-grid:has(>.ad-card-approved):not(.is-list-view){grid-template-columns:minmax(0,1fr)!important}}

.ads-directory-page .ads-directory-header{display:flex;flex-direction:row;justify-content:space-between;text-align:left;gap:12px}.ads-directory-page .ads-directory-header>.btn{width:auto;flex:none}


/* Approved compact search/results flow; shared by app WebView and mobile web. */
.directory-controls{display:flex;align-items:center;gap:8px;margin:0 0 8px;min-width:0}
.directory-controls>select,.directory-chip{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:8px 12px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--text-primary);font:500 13px/1.3 inherit;white-space:nowrap;cursor:pointer;max-width:100%}
.directory-controls>select{min-width:0;flex:1}.directory-controls>[data-filter-focus]{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}
.directory-quick-row{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:0 0 10px;margin-bottom:0}
.directory-quick-row>.directory-chip{flex:none}.directory-chip.is-active{background:var(--primary);color:var(--bg);border-color:transparent}
.directory-result-actions{display:flex;align-items:center;gap:8px;min-width:0;flex-wrap:nowrap}
.ads-directory-page .results-bar{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px;padding:8px 0}
.ads-directory-page .results-bar>.directory-result-actions{flex:none;gap:8px!important}
.ads-directory-page .results-bar select{max-width:145px;margin:0;min-height:44px}
.ads-directory-page .directory-layout-toggle{width:44px;height:44px}
.ads-directory-page .browse-filter-heading{display:flex;align-items:center;gap:8px;position:sticky;top:-16px;z-index:2;background:var(--surface);padding:12px 0;margin-bottom:12px}
.ads-directory-page .browse-filter-heading h2{margin:0;flex:1;font-size:18px}
.ads-directory-page .browse-filter-heading button{min-height:44px;min-width:44px;border:0;background:transparent;color:var(--primary);cursor:pointer;padding:8px}
.directory-model-field{width:100%;min-height:44px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text-primary);text-align:left;padding:10px 12px;cursor:pointer}
.directory-model-field::after{content:'⌄';float:right}
.ads-directory-page input[hidden]{display:none!important}
.directory-model-picker{box-sizing:border-box;width:350px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);margin:0;border:1px solid var(--border);border-radius:14px;padding:16px;background:var(--surface);color:var(--text-primary);overflow:auto}
.directory-model-picker::backdrop{background:#0008}
.directory-model-picker>header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.directory-model-picker h2{font-size:18px;flex:1;margin:0}
.directory-model-picker>header button{min-width:44px;min-height:44px;background:transparent;border:0;color:var(--primary);cursor:pointer}
.directory-model-picker>input{box-sizing:border-box;width:100%;min-height:44px;margin-bottom:8px}
.directory-model-picker [data-model-status]{font-size:13px;color:var(--text-secondary);margin:8px 0}
.directory-model-options{min-height:100px;max-height:310px;overflow-y:auto}
.directory-model-option{display:flex;align-items:center;justify-content:space-between;min-height:48px;gap:12px;border-bottom:1px solid var(--border);cursor:pointer;padding:8px;box-sizing:border-box;font-size:14px}
.directory-model-option[hidden]{display:none}.directory-model-option input{width:18px;height:18px;accent-color:var(--primary);flex:none}
.directory-model-picker footer{display:grid;gap:12px;margin-top:16px;position:sticky;bottom:-16px;background:var(--surface);padding-bottom:8px}.directory-model-picker footer small{font-size:12px;color:var(--text-secondary)}
.ads-directory-page .browse-filter-actions{display:grid;gap:8px;position:sticky;bottom:-16px;padding:12px 0;background:var(--surface);z-index:2}.ads-directory-page .browse-filter-actions .btn{min-height:44px}
.directory-chip:focus:not(:focus-visible),.directory-layout-toggle:focus:not(:focus-visible),.directory-model-picker button:focus:not(:focus-visible){outline:0;box-shadow:none}
@media(min-width:861px){.directory-controls{max-width:560px}.directory-model-picker{max-height:430px}.directory-model-options{max-height:210px}}
@media(max-width:860px){
 body:has(.ads-directory-page) .header-search-form .qs-location,body:has(.ads-directory-page) .header-search-form>.qs-location-marker,body:has(.ads-directory-page) .header-search-form>.qs-divider{display:none!important}
 body:has(.ads-directory-page) .header-search-form .qs-input{width:0;min-width:0;flex:1;padding-left:12px;font-size:15px}
 body:has(.ads-directory-page) .header-search-form .qs-submit{width:44px;flex:0 0 44px}
 .ads-directory-page .ads-directory-header{display:none}
 .directory-controls .directory-chip{padding-inline:8px;font-size:12px}.directory-controls>select{font-size:12px;padding-inline:8px;max-width:38%}
 .ads-directory-page .results-count{font-size:12px}
 .ads-directory-page .results-bar .directory-map-link,.ads-directory-page .results-bar form{display:none}
 .ads-directory-page .results-bar select{width:100px;max-width:100px;font-size:12px;padding-inline:8px}
 .ads-directory-page .filter-panel:not([hidden]){position:fixed!important;inset:0!important;width:100%!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important;z-index:1100;padding:16px;box-sizing:border-box;overflow-y:auto;box-shadow:none}
 body.browse-filters-open{overflow:hidden}body.browse-filters-open :is(.mobile-bottom-nav,.mobile-tabs,.mt-bar,.support-chat-toggle){visibility:hidden}
 .ads-directory-page .filter-panel form{padding-bottom:8px}.ads-directory-page .filter-panel .browse-filter-heading{top:-16px}
 .directory-model-picker{position:fixed;inset:0!important;width:100%;max-width:100%;height:100dvh;max-height:100dvh;border:0;border-radius:0;padding:16px;display:none}
 .directory-model-picker[open]{display:flex;flex-direction:column}.directory-model-options{flex:1;max-height:none;min-height:0}.directory-model-picker footer{position:static;flex:none}
 :root[data-theme] .ads-directory-page .listing-grid.is-list-view .ad-card-approved{grid-template-columns:33% minmax(0,1fr)}
 :root[data-theme] .ads-directory-page .listing-grid.is-list-view .ad-card-body{padding:10px;min-width:0}
 :root[data-theme] .ads-directory-page .listing-grid.is-list-view .ad-card-title{font-size:14px;padding-right:22px;min-height:2.7em;white-space:normal;-webkit-line-clamp:2}
 :root[data-theme] .ads-directory-page .listing-grid.is-list-view .ad-card-media{min-height:155px}
 :root[data-theme] .ads-directory-page .listing-grid.is-list-view .ad-card-price{font-size:17px}
 :root[data-theme] .ads-directory-page .listing-grid.is-list-view .ad-card-meta{font-size:12px}
 :root[data-theme] .ads-directory-page .listing-grid.is-list-view .ad-card-seller-name{font-size:12px}
}
@media(max-width:860px){.ads-directory-page .results-bar form{display:block;margin:0}.ads-directory-page .results-bar form .btn{width:44px;min-height:44px;padding:8px}.directory-save-label{display:none}.ads-directory-page .app-feed-request{display:flex}.ads-directory-page .listing-grid.is-list-view .ad-card-title-scroll{overflow:hidden;min-width:0;white-space:normal}.ads-directory-page .listing-grid.is-list-view .ad-card-title-row{align-items:flex-start;gap:6px}.ads-directory-page .listing-grid.is-list-view .ad-card-title-row .ad-card-fav{position:static;flex:0 0 32px;width:32px;height:44px;border:0;background:transparent;box-shadow:none}.ads-directory-page .listing-grid.is-list-view .ad-card-title{padding-right:0!important;white-space:normal!important;max-width:100%;width:auto}}
.directory-chip{font-family:inherit;font-size:13px;font-weight:500}
.ads-directory-page .browse-filter-heading button{display:inline-flex;align-items:center;justify-content:center;position:static;width:auto;height:44px;flex:0 0 auto;font-size:14px;line-height:1.2}
.ads-directory-page .browse-filter-heading #filterCloseBtn{position:static;font-size:24px;width:44px;height:44px;padding:8px;line-height:1}
.ads-directory-page .filter-group label{font-size:13px;text-transform:none;letter-spacing:0}
@media(min-width:861px){.ads-directory-page .browse-filter-heading #filterCloseBtn{display:none}.ads-directory-page .directory-controls,.ads-directory-page .directory-quick-row{display:none}}
.directory-model-picker{font-family:Inter,Arial,sans-serif}.directory-model-picker h2{font-family:Inter,Arial,sans-serif;font-weight:600;line-height:1.3}.directory-model-picker>input[type=search]{font:inherit;font-size:14px;padding:10px 12px;background:var(--surface-2,var(--surface));color:var(--text-primary);border:1px solid var(--border);border-radius:9px;outline-offset:2px}.directory-model-picker>input::placeholder{color:var(--text-secondary)}
@media(min-width:861px){.ads-directory-page .filter-panel{max-height:var(--directory-filter-height,calc(100dvh - var(--directory-top) - 16px));box-sizing:border-box}}
/* Compact three-by-two refinements: Location / Category / Price, then context. */
@media(max-width:860px){
 .ads-directory-page .directory-controls,.ads-directory-page .directory-quick-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;overflow:visible;margin:0 0 8px;padding:0}
 .ads-directory-page .directory-controls>select,.ads-directory-page .directory-controls>.directory-chip,.ads-directory-page .directory-quick-row>.directory-chip{box-sizing:border-box;width:100%;max-width:none;min-width:0;min-height:44px;padding:8px;font-family:inherit;font-size:13px;line-height:1.2;justify-content:space-between}
 .ads-directory-page .directory-controls>select{padding-right:24px}
 .ads-directory-page .directory-quick-row{margin-bottom:6px}
}
.directory-chip-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;flex:1}
.directory-dropdown::after,.directory-model-field::after{content:'';display:block;width:10px;height:6px;flex:0 0 10px;background:currentColor;clip-path:polygon(0 0,100% 0,50% 100%);opacity:.7}
.directory-model-field{display:block;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:32px}
.directory-model-field::after{position:absolute;right:12px;top:50%;transform:translateY(-50%);float:none}
:root[data-theme] :is(.ads-directory-page,.js-smart-search) select:not([multiple]){appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0h10L5 6z' fill='%23819496'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:10px 6px;background-position:right 10px center;padding-right:28px}
:is(.ads-directory-page,.js-smart-search) .cs-trigger>svg:last-child polyline{fill:currentColor;stroke:none}
.directory-quick-row [data-filter-count]{flex:none;font-size:11px;line-height:18px;min-width:16px;text-align:center;border-radius:9px;background:var(--surface-2,var(--surface));color:var(--text-primary)}
.directory-quick-row [data-filter-count]:empty{display:none}