@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&display=swap');
:root{--sl-green:#007a3d;--sl-green-dark:#005c2d;--sl-accent:#d32f2f;--sl-text:#1a1a1a;--sl-text-light:#555;--sl-white:#fff;--sl-border:#e0e0e0;--sl-radius:10px;--sl-font:'DM Sans',-apple-system,BlinkMacSystemFont,sans-serif;--sl-sidebar-w:400px}
#sl-locator{position:relative;display:flex;width:100%;height:700px;max-height:85vh;font-family:var(--sl-font);color:var(--sl-text);border-radius:var(--sl-radius);overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.08);border:1px solid var(--sl-border);box-sizing:border-box}
#sl-locator *,#sl-locator *::before,#sl-locator *::after{box-sizing:border-box}
.sl-sidebar{width:var(--sl-sidebar-w);min-width:var(--sl-sidebar-w);background:var(--sl-white);display:flex;flex-direction:column;border-right:1px solid var(--sl-border);z-index:2}
.sl-header{padding:20px 20px 12px;border-bottom:1px solid var(--sl-border);background:var(--sl-white)}
.sl-title{margin:0 0 14px;font-size:22px;font-weight:700;color:var(--sl-green);letter-spacing:-.3px}
.sl-search-wrap{display:flex;gap:0;border-radius:8px;overflow:hidden;border:2px solid var(--sl-border);transition:border-color .2s}
.sl-search-wrap:focus-within{border-color:var(--sl-green)}
#sl-search{flex:1;padding:10px 14px;font-size:14px;font-family:var(--sl-font);border:none;outline:none;background:var(--sl-white);color:var(--sl-text)}
#sl-search::placeholder{color:#999}
#sl-search-btn{background:var(--sl-green);border:none;color:#fff;padding:0 14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}
#sl-search-btn:hover{background:var(--sl-green-dark)}
.sl-results-count{font-size:12px;color:var(--sl-text-light);margin-top:10px;font-weight:500}
.sl-list{flex:1;overflow-y:auto;overscroll-behavior:contain}
.sl-list::-webkit-scrollbar{width:5px}
.sl-list::-webkit-scrollbar-thumb{background:#ccc;border-radius:10px}
.sl-loading{padding:40px 20px;text-align:center;color:var(--sl-text-light);font-size:14px}
.sl-item{padding:16px 20px;border-bottom:1px solid var(--sl-border);cursor:pointer;transition:background .15s;position:relative}
.sl-item:hover{background:color-mix(in srgb,var(--sl-green) 8%,white)}
.sl-item.active{background:color-mix(in srgb,var(--sl-green) 10%,white);border-left:4px solid var(--sl-green);padding-left:16px}
.sl-item-name{font-size:15px;font-weight:600;color:var(--sl-text);margin-bottom:4px}
.sl-item-address{font-size:13px;color:var(--sl-text-light);line-height:1.4;margin-bottom:4px}
.sl-item-parish{font-size:12px;color:var(--sl-green);font-weight:500;margin-bottom:4px}
.sl-item-phone{font-size:13px;color:var(--sl-text-light)}
.sl-item-distance{position:absolute;top:16px;right:20px;font-size:11px;font-weight:600;color:var(--sl-text-light);background:#f0f0f0;padding:2px 8px;border-radius:20px}
.sl-item-services{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}
.sl-item-services span{font-size:10px;padding:2px 6px;background:#f0f0f0;border-radius:4px;color:var(--sl-text-light)}
.sl-no-results{padding:40px 20px;text-align:center;color:var(--sl-text-light)}
.sl-no-results svg{display:block;margin:0 auto 12px;opacity:.4}
.sl-map-wrap{flex:1;position:relative}
#sl-map{width:100%;height:100%}
#sl-map .mapboxgl-popup-content{padding:0;border-radius:var(--sl-radius);overflow:hidden;box-shadow:0 4px 24px rgba(0,0,0,.15);min-width:240px;max-width:280px;font-family:var(--sl-font)}
#sl-map .mapboxgl-popup-close-button{font-size:20px;padding:4px 8px;color:var(--sl-text-light);z-index:2}
.sl-popup-inner{padding:14px 16px}
.sl-popup-name{font-size:15px;font-weight:700;color:var(--sl-green-dark);margin-bottom:6px}
.sl-popup-address{font-size:12px;color:var(--sl-text-light);line-height:1.4;margin-bottom:4px}
.sl-popup-parish{font-size:11px;color:var(--sl-green);font-weight:600;margin-bottom:8px}
.sl-popup-phone{font-size:13px;font-weight:500;margin-bottom:10px}
.sl-popup-phone a{color:var(--sl-green);text-decoration:none}
.sl-popup-actions{display:flex;gap:8px}
.sl-popup-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:7px 10px;font-size:12px;font-weight:600;font-family:var(--sl-font);border-radius:6px;text-decoration:none;cursor:pointer;transition:all .15s;border:none}
.sl-popup-btn-dir{background:var(--sl-green);color:#fff}
.sl-popup-btn-dir:hover{background:var(--sl-green-dark);color:#fff}
.sl-popup-btn-det{background:#f0f0f0;color:var(--sl-text)}
.sl-popup-btn-det:hover{background:#e0e0e0}
.sl-detail{position:absolute;top:0;right:0;width:380px;height:100%;background:var(--sl-white);z-index:10;overflow-y:auto;box-shadow:-4px 0 24px rgba(0,0,0,.1);transform:translateX(100%);transition:transform .3s cubic-bezier(.4,0,.2,1)}
.sl-detail.visible{transform:translateX(0)}.sl-detail.hidden{transform:translateX(100%)}
.sl-detail-close{position:sticky;top:0;float:right;background:var(--sl-white);border:none;font-size:28px;color:var(--sl-text-light);cursor:pointer;padding:12px 16px;z-index:2;line-height:1}
.sl-detail-close:hover{color:var(--sl-text)}
.sl-det-inner{padding:16px 24px 32px;clear:both}
.sl-det-img{width:100%;height:180px;object-fit:cover;border-radius:8px;margin-bottom:16px}
.sl-det-name{font-size:20px;font-weight:700;color:var(--sl-green-dark);margin-bottom:12px}
.sl-det-section{margin-bottom:16px}
.sl-det-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--sl-text-light);margin-bottom:4px}
.sl-det-value{font-size:14px;color:var(--sl-text);line-height:1.5}
.sl-det-value a{color:var(--sl-green);text-decoration:none}
.sl-det-value a:hover{text-decoration:underline}
.sl-det-services{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.sl-det-services span{font-size:12px;padding:3px 10px;background:color-mix(in srgb,var(--sl-green) 10%,white);border-radius:20px;color:var(--sl-green);font-weight:500}
.sl-det-directions{display:block;width:100%;text-align:center;padding:12px;background:var(--sl-green);color:#fff;font-size:14px;font-weight:600;font-family:var(--sl-font);border-radius:8px;text-decoration:none;cursor:pointer;border:none;margin-top:8px;transition:background .2s}
.sl-det-directions:hover{background:var(--sl-green-dark);color:#fff}
.sl-marker{cursor:pointer;transition:transform .15s}
.sl-marker:hover{transform:scale(1.15)}
.sl-marker svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.25))}
.sl-user-loc{width:18px;height:18px;border-radius:50%;background:#4285f4;border:3px solid #fff;box-shadow:0 0 0 2px rgba(66,133,244,.3),0 2px 6px rgba(0,0,0,.2)}
@media(max-width:900px){#sl-locator{flex-direction:column;height:auto;max-height:none}.sl-sidebar{width:100%;min-width:100%;max-height:320px;border-right:none;border-bottom:1px solid var(--sl-border)}.sl-map-wrap{height:450px}.sl-detail{width:100%}:root{--sl-sidebar-w:100%}}
@media(max-width:600px){.sl-header{padding:14px 14px 10px}.sl-title{font-size:18px}.sl-item{padding:12px 14px}.sl-map-wrap{height:350px}}