#tkbr-directory{--tkbr-accent:#684988;--tkbr-border:#e3e0e7;--tkbr-ink:#30283c;color:var(--tkbr-ink)}
#tkbr-directory [hidden]{display:none!important}
#tkbr-directory .tkbr-intro{font-size:1.08rem;max-width:760px;margin-bottom:24px;line-height:1.6}
#tkbr-directory .tkbr-map-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}
#tkbr-directory .tkbr-map-tools select{max-width:260px}
#tkbr-directory .tkbr-explorer{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(280px,1fr);border:1px solid var(--tkbr-border);border-radius:10px;overflow:hidden;background:#fff}
#tkbr-map{height:550px;z-index:0;background:#edf0ed}
#tkbr-directory .tkbr-nearby{height:550px;display:flex;flex-direction:column;min-width:0}
#tkbr-directory .tkbr-nearby h2{font-size:1.2rem;margin:22px 22px 6px}
#tkbr-visible-count{font-size:.85rem;color:#716b79;margin:0 22px 15px}
#tkbr-visible-shops{overflow-y:auto;overscroll-behavior:contain;flex:1;border-top:1px solid var(--tkbr-border)}
#tkbr-directory .tkbr-map-shop{width:100%;display:flex;align-items:center;text-align:left;gap:14px;background:#fff;color:inherit;border:0;border-bottom:1px solid var(--tkbr-border);padding:18px;cursor:pointer;white-space:normal;font:inherit}
#tkbr-directory .tkbr-map-shop:hover,#tkbr-directory .tkbr-map-shop[aria-pressed=true]{background:#f4f0f8;box-shadow:inset 3px 0 var(--tkbr-accent)}
#tkbr-directory button:focus-visible,#tkbr-directory a:focus-visible{outline:3px solid var(--tkbr-accent);outline-offset:-3px}
#tkbr-directory .tkbr-map-shop strong{display:block;margin-bottom:6px}
#tkbr-directory .tkbr-map-shop small{display:block;line-height:1.5;color:#6e6876}
#tkbr-directory .tkbr-logo{width:64px;height:64px;object-fit:contain;flex-shrink:0;border-radius:8px;background:white}
#tkbr-directory .tkbr-all{margin-top:42px}
#tkbr-directory .tkbr-all>h2{font-size:1.6rem;margin-bottom:22px}
#tkbr-directory .tkbr-filters{display:flex;gap:16px;align-items:end;flex-wrap:wrap;margin-bottom:16px}
#tkbr-directory .tkbr-filters label{display:flex;flex-direction:column;gap:7px;font-size:.9rem;min-width:180px}
#tkbr-directory .tkbr-search-label{flex:1}
#tkbr-all-shops{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#tkbr-directory .tkbr-card{display:flex;gap:15px;border:1px solid var(--tkbr-border);border-radius:9px;padding:22px;background:#fff;align-items:flex-start;overflow-wrap:anywhere}
#tkbr-directory .tkbr-card h3{font-size:1.12rem;line-height:1.35;margin:0 0 10px}
#tkbr-directory .tkbr-card p{font-size:.92rem;margin:0 0 6px;line-height:1.5;white-space:pre-line}
#tkbr-directory .tkbr-country-name{color:#77707f}
#tkbr-directory .tkbr-links{display:flex;flex-wrap:wrap;gap:8px 13px;margin-top:14px;font-size:.86rem;align-items:center}
#tkbr-directory .tkbr-links a,#tkbr-directory .tkbr-links button{color:var(--tkbr-accent);text-decoration:underline}
#tkbr-directory .tkbr-links button{padding:0;text-transform:none;font-size:inherit;border:0;box-shadow:none}
#tkbr-pagination{display:flex;align-items:center;justify-content:center;gap:18px;margin:26px 0}
#tkbr-directory .tkbr-empty{padding:24px;line-height:1.6}
#tkbr-directory .tkbr-pin{background:var(--tkbr-accent);border:3px solid white;border-radius:50%;box-shadow:0 2px 5px #0005}
#tkbr-directory .tkbr-popup strong{display:block;margin-bottom:8px;font-size:15px}
#tkbr-directory .tkbr-popup p{margin:0 0 9px;white-space:pre-line}
@media(max-width:1100px){#tkbr-all-shops{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){#tkbr-directory .tkbr-explorer{grid-template-columns:1fr}#tkbr-map{height:380px}#tkbr-directory .tkbr-nearby{height:300px}#tkbr-all-shops{grid-template-columns:1fr}#tkbr-directory .tkbr-filters label{width:100%}#tkbr-directory .tkbr-map-tools select{max-width:none;flex:1}#tkbr-directory .tkbr-card{padding:18px}}

#tkbr-directory .tkbr-map-entry{border-bottom:1px solid var(--tkbr-border)}
#tkbr-directory .tkbr-map-entry .tkbr-map-shop{border-bottom:0}
#tkbr-directory .tkbr-map-entry>.tkbr-website{display:inline-block;margin:0 18px 16px;color:var(--tkbr-accent);text-decoration:underline;font-size:.9rem}
#tkbr-directory .tkbr-card-clickable{cursor:pointer}
#tkbr-directory .tkbr-card-clickable:hover{border-color:var(--tkbr-accent)}

/* Real links styled as buttons; map selection remains a separate action. */
#tkbr-directory a.tkbr-website.tkbr-webshop-button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;max-width:100%;padding:10px 16px;border:1px solid var(--tkbr-accent);border-radius:6px;background:var(--tkbr-accent);color:#fff;text-decoration:none;font-size:.9rem;font-weight:600;line-height:1.3;text-align:center;white-space:normal;overflow-wrap:anywhere;box-sizing:border-box;cursor:pointer}
#tkbr-directory a.tkbr-website.tkbr-webshop-button:hover{background:#503569;border-color:#503569;color:#fff;text-decoration:none}
#tkbr-directory a.tkbr-website.tkbr-webshop-button:focus-visible{outline:3px solid var(--tkbr-accent);outline-offset:3px}
#tkbr-directory .tkbr-popup a.tkbr-webshop-button{margin-top:10px}