.dir-hero{background:linear-gradient(180deg,var(--navy),var(--navy-2));color:#fff}
.dir-hero .wrap{padding-block:34px 30px}
.dir-hero h1{font-weight:700}
.dir-hero p{color:#C5CEE2;margin-top:8px;max-width:680px}
.dir-search{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.dir-search input,.dir-search select{height:46px;border-radius:11px;border:1px solid var(--line);padding-inline:14px;font:inherit;background:#fff;color:var(--ink);min-width:0}
.dir-search input{flex:2 1 260px}.dir-search select{flex:1 1 160px}
.dir-cats{display:flex;gap:8px;flex-wrap:wrap}
.dir-cats a{display:inline-flex;align-items:center;gap:6px;height:34px;padding-inline:12px;border-radius:17px;background:#fff;border:1px solid var(--line);font-size:.88rem;white-space:nowrap}
.dir-cats a:hover,.dir-cats a.on{border-color:var(--gold-d);background:var(--gold-soft)}
.dir-cats a small{color:var(--muted);font-size:.75rem}
.dir-streets{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.dir-street{display:block;padding:18px}
.dir-street h3{font-size:1.08rem}
.dir-list{display:flex;flex-direction:column;gap:10px}
.dir-item{display:flex;gap:14px;align-items:flex-start;padding:14px 16px}
.dir-item .ic{width:44px;height:44px;border-radius:12px;background:var(--gold-soft);display:grid;place-items:center;font-size:1.3rem;flex:none}
.dir-item .bd{flex:1;min-width:0}
.dir-item h3{font-size:1rem;line-height:1.5}
.dir-item h3 a:hover{color:var(--gold-d)}
.dir-item .meta{font-size:.84rem;color:var(--muted);margin-top:3px;display:flex;flex-wrap:wrap;gap:4px 12px}
.dir-item .acts{display:flex;gap:6px;flex:none}
.dir-bno{display:flex;align-items:center;gap:10px;margin:22px 0 10px;font-weight:700;color:var(--ink)}
.dir-bno:after{content:"";flex:1;height:1px;background:var(--line)}
.dir-bno span{background:var(--navy);color:#fff;border-radius:8px;padding:2px 10px;font-size:.85rem}
.vbadge{display:inline-flex;align-items:center;gap:4px;font-size:.72rem;font-weight:700;color:#0A4B45;background:var(--teal-soft);border:1px solid #B5DDD5;border-radius:10px;padding:1px 8px;vertical-align:middle}
.dir-facts{display:grid;gap:10px}
.dir-facts div{display:flex;gap:10px;align-items:flex-start;font-size:.95rem}
.dir-facts b{min-width:110px;color:var(--muted);font-weight:500}
.dir-map{width:100%;height:280px;border:0;border-radius:var(--radius)}
@media (max-width:640px){.dir-item{flex-wrap:wrap}.dir-item .acts{width:100%}.dir-item .acts .btn{flex:1}.dir-facts b{min-width:90px}}
.dir-two{display:grid;gap:18px;grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:start}
@media (max-width:860px){.dir-two{grid-template-columns:minmax(0,1fr)}}