/* One compact dock keeps the current country, category and result controls in view. */
.directory-dock{position:sticky;top:0;z-index:80;padding-top:env(safe-area-inset-top,0px);background:#f8f9f7;border-bottom:1px solid #dfe5dc;box-shadow:0 5px 16px #243a2908}
.directory-topbar.find-topbar{height:44px;min-height:44px;padding:2px 16px;gap:9px;justify-content:flex-start}
.directory-topbar .brand{font-size:19px;gap:7px;white-space:nowrap}
.directory-topbar .brand>.icon{width:23px;height:23px}
.directory-topbar h1{font-size:12px;font-weight:500;line-height:1.4;color:#6a7869;padding-left:9px;border-left:1px solid #d9e1d6;margin:0;white-space:nowrap}
.directory-topbar .country-button{margin-left:auto;min-height:36px;padding:5px 9px;font-size:12px;gap:4px;flex-shrink:0}
.directory-dock .discovery-controls{padding:0 16px}
.directory-dock .find-search{height:40px;min-height:40px;margin:0 0 6px;border-radius:11px}
.directory-dock .find-search input{height:100%;min-height:0;font-size:16px;padding-top:7px;padding-bottom:7px}
.directory-dock .find-search>button{min-width:40px;min-height:38px}
.directory-dock .search-shortcuts{display:none}
.directory-dock .stay-tabs{grid-template-columns:35px repeat(4,minmax(0,1fr));gap:5px;margin:0 0 5px;padding:0}
.directory-dock .stay-tabs>button{min-height:52px;padding:4px 2px;gap:1px;border-radius:9px}
.directory-dock .stay-tab>.icon{width:15px;height:15px}
.directory-dock .stay-tab>span,.directory-dock .stay-all>span{font-size:11px;line-height:14px}
.directory-dock .stay-tab>small,.directory-dock .stay-all>small{font-size:10px;line-height:12px}
.directory-dock .filter-toolbar{margin:0;padding:0;gap:5px;min-height:36px}
.directory-dock .filter-pill{min-height:36px;padding:6px 7px;font-size:12px;white-space:nowrap}
.directory-dock .filter-pill .icon{width:13px;height:13px}
.directory-dock .sort-pill{font-size:11px;padding-left:2px;padding-right:0;flex-shrink:0}
.directory-dock #active-filters:empty{display:none}
.directory-dock .active-filters{padding:4px 16px 0;gap:5px;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}
.directory-dock .active-filters::-webkit-scrollbar{display:none}
.directory-dock .active-filters>button{flex:0 0 auto;min-height:28px;max-width:210px;padding:5px 8px;font-size:11px;line-height:16px;white-space:nowrap}
.directory-dock .active-filters .clear-all{padding-right:12px}
.directory-dock .result-heading{height:42px;min-height:42px;margin:2px 16px 0;gap:8px}
.directory-dock .result-heading p{font-size:12px;white-space:nowrap;flex-wrap:nowrap;min-width:0}
.directory-dock .result-heading strong{font-size:22px;line-height:1.1}
.directory-dock .result-heading small{display:none}
.directory-dock .result-actions{gap:9px;flex-shrink:0}
.directory-dock .discovery-menu{min-height:38px;font-size:12px}
.directory-dock .view-switch{min-height:36px;padding:2px}
.directory-dock .view-switch a{width:32px;height:32px}
.directory-page #result-area{padding-top:12px;scroll-margin-top:calc(var(--directory-dock-height,225px) + 8px)}
.directory-page .results-grid{margin-left:16px;margin-right:16px}
.directory-page .map-stage{scroll-margin-top:calc(var(--directory-dock-height,225px) + 8px)}
body.map-is-expanded .directory-dock{visibility:hidden;pointer-events:none}
.directory-page .find-footer{padding-bottom:30px}
@media(max-width:360px){
 .directory-topbar.find-topbar{padding-left:12px;padding-right:12px;gap:7px}
 .directory-topbar .brand{font-size:18px;gap:5px}
 .directory-topbar .brand>.icon{width:21px;height:21px}
 .directory-topbar h1{font-size:11px;padding-left:7px}
 .directory-dock .discovery-controls{padding-left:12px;padding-right:12px}
 .directory-dock .stay-tabs{grid-template-columns:29px repeat(4,minmax(0,1fr));gap:4px}
 .directory-dock .stay-tab>span,.directory-dock .stay-all>span{font-size:10px}
 .directory-dock .filter-pill{font-size:11px;padding:6px}
 .directory-dock .sort-pill{font-size:10px;padding-left:0;padding-right:0}
 .directory-dock .active-filters{padding-left:12px;padding-right:12px}
 .directory-dock .result-heading{margin-left:12px;margin-right:12px}
 .directory-page .results-grid{margin-left:12px;margin-right:12px}
}
@media(max-height:550px) and (orientation:landscape){
 .directory-dock .directory-topbar{height:38px;min-height:38px}
 .directory-dock .find-search{height:36px;min-height:36px;margin-bottom:3px}
 .directory-dock .stay-tabs>button{min-height:36px;flex-direction:row;gap:4px}
 .directory-dock .stay-tab>.icon{display:none}
 .directory-dock .active-filters{padding-top:2px}
 .directory-dock .result-heading{height:38px;min-height:38px}
}