main.dir-main{max-width:1020px;padding:76px 16px 48px}.dirnav{z-index:1000;background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex;position:fixed;top:0;left:0;right:0}.dirnav .brand{color:var(--text);align-items:center;gap:8px;font-size:17px;font-weight:700;text-decoration:none;display:inline-flex}.dirnav .brand-logo{width:26px;height:26px}.dirnav .owner-cta{min-height:38px;font-size:14px}.dir-hero{padding:28px 0 8px}.dir-hero h1{letter-spacing:-.02em;margin:0 0 10px;font-size:clamp(26px,5vw,38px)}.dir-hero h1 .accent{color:var(--primary,var(--primary-default))}.dir-hero p{color:var(--text-2);max-width:640px;margin:0 0 6px;font-size:16px}.dir-country-note{color:var(--text-2);background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius);margin-top:10px;padding:8px 12px;font-size:13px;display:inline-block}.dir-owner-banner{border-radius:var(--radius);background:linear-gradient(135deg,#2d6a4f14,#2d6a4f05);border:1px solid #2d6a4f40;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:20px 0 4px;padding:12px 16px;display:flex}.dir-owner-banner strong{font-size:15px}.dir-owner-banner .btn{min-height:38px;font-size:14px}.dir-tabs{gap:8px;margin:18px 0 14px;display:flex}.dir-tab{border:1px solid var(--border);background:var(--surface);color:var(--text-2);cursor:pointer;border-radius:999px;min-height:40px;padding:9px 18px;font-size:14px;font-weight:600}.dir-tab.active{background:var(--primary,var(--primary-default));color:#fff;border-color:#0000}.dir-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.dir-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);align-items:flex-start;gap:12px;padding:14px;text-decoration:none;transition:border-color .15s,box-shadow .15s;display:flex}.dir-card:hover{border-color:var(--primary,var(--primary-default));box-shadow:0 1px 6px #0000000f}.dir-card-media{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg);flex:0 0 52px;justify-content:center;align-items:center;width:52px;height:52px;display:flex;overflow:hidden}.dir-card-media img{object-fit:cover;width:100%;height:100%}.dir-initial{color:var(--primary,var(--primary-default));font-size:22px;font-weight:700}.dir-card-body{flex:1;min-width:0}.dir-card-top{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.dir-card-top h3{margin:0;font-size:16px;line-height:1.25}.badge{letter-spacing:.02em;text-transform:uppercase;border-radius:999px;flex:none;padding:3px 9px;font-size:11px;font-weight:700}.badge-on{color:var(--primary,var(--primary-default));background:#2d6a4f1f}.badge-off{background:var(--bg);color:var(--text-2);border:1px solid var(--border)}.dir-desc{color:var(--text-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:6px 0 0;font-size:13.5px;display:-webkit-box;overflow:hidden}.dir-addr{white-space:nowrap;text-overflow:ellipsis;margin:6px 0 0;font-size:12.5px;overflow:hidden}.dir-meta{margin:6px 0 0;font-size:13.5px}.dir-nearby-controls{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:10px;display:flex}.dir-map{border-radius:var(--radius);border:1px solid var(--border);z-index:0;height:320px}.dir-sort{flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0;display:flex}.dir-sort .chip-btn{border:1px solid var(--border);background:var(--surface);color:var(--text-2);cursor:pointer;border-radius:999px;min-height:36px;padding:6px 14px;font-size:13px;font-weight:600}.dir-sort .chip-btn.active{background:var(--primary,var(--primary-default));color:#fff;border-color:#0000}.dir-results{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.dir-error{color:var(--danger);font-size:14px}.dir-empty{background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius);text-align:center;grid-column:1/-1;padding:24px}.dir-footer{border-top:1px solid var(--border);margin-top:36px;padding:20px 16px 28px}.dir-footer-inner{max-width:1020px;color:var(--text-2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:0 auto;font-size:13.5px;display:flex}.dir-footer a{color:var(--primary,var(--primary-default));font-weight:600;text-decoration:none}@media (width<=520px){.dirnav .owner-cta{padding:0 10px;font-size:13px}.dir-hero h1{font-size:24px}}