*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--green-50: #EAF3DE;--green-100: #C0DD97;--green-200: #97C459;--green-400: #639922;--green-600: #3B6D11;--green-800: #27500A;--teal-400: #1D9E75;--teal-600: #0F6E56;--bg: #F7F8F5;--surface: #FFFFFF;--border: rgba(0,0,0,.08);--border-md: rgba(0,0,0,.14);--text-primary: #1A1F14;--text-secondary: #5E6B53;--text-muted: #9AA88C;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px}body{font-family:DM Sans,sans-serif;background:var(--bg);color:var(--text-primary);min-height:100vh;display:flex;flex-direction:column}header{background:var(--surface);border-bottom:1px solid var(--border);padding:18px 32px;display:flex;align-items:center;gap:12px}header .logo{width:36px;height:36px;background:var(--green-400);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}header .logo svg{width:20px;height:20px;fill:#fff}header h1{font-size:17px;font-weight:600;letter-spacing:-.3px}header h1 span{color:var(--teal-400)}header nav{margin-left:auto;display:flex;gap:24px}header nav a{font-size:13px;color:var(--text-secondary);text-decoration:none;font-weight:500}header nav a:hover{color:var(--text-primary)}.hero{padding:32px 32px 20px;max-width:1200px;margin:0 auto;width:100%}.hero-title{font-size:26px;font-weight:600;letter-spacing:-.5px;margin-bottom:6px}.hero-title em{color:var(--teal-400);font-style:normal}.hero-sub{font-size:14px;color:var(--text-secondary);margin-bottom:18px}.search-bar{display:flex;align-items:center;gap:0;background:var(--surface);border:1.5px solid var(--border-md);border-radius:40px;padding:6px 6px 6px 18px;max-width:560px;transition:border-color .2s,box-shadow .2s}.search-bar:focus-within{border-color:var(--teal-400);box-shadow:0 0 0 3px #1d9e751f}.search-bar svg{width:18px;height:18px;fill:var(--text-muted);flex-shrink:0}.search-bar input{flex:1;border:none;outline:none;background:transparent;font-family:DM Sans,sans-serif;font-size:14px;color:var(--text-primary);padding:6px 12px}.search-bar input::placeholder{color:var(--text-muted)}.search-bar button{background:var(--teal-400);color:#fff;border:none;cursor:pointer;padding:9px 20px;border-radius:30px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;white-space:nowrap;transition:background .15s}.search-bar button:hover{background:var(--teal-600)}.main{flex:1;max-width:1200px;margin:0 auto;width:100%;padding:0 32px 32px;display:grid;grid-template-columns:360px 1fr;gap:20px;min-height:0}.sidebar{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;height:560px}.sidebar-header{padding:14px 16px 10px;border-bottom:1px solid var(--border)}.results-count{font-size:12px;color:var(--text-secondary);display:flex;align-items:center;gap:4px}.results-count strong{color:var(--teal-400);font-size:13px}.filter-row{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}.filter-chip{font-size:11px;font-weight:500;padding:4px 10px;border-radius:20px;border:1px solid var(--border-md);background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .15s}.filter-chip:hover,.filter-chip.active{background:var(--green-50);border-color:var(--green-400);color:var(--green-600)}.store-list{flex:1;overflow-y:auto;padding:8px}.store-list::-webkit-scrollbar{width:4px}.store-list::-webkit-scrollbar-thumb{background:var(--border-md);border-radius:2px}.store-card{display:flex;align-items:flex-start;gap:10px;padding:11px 10px;border-radius:var(--radius-md);cursor:pointer;border:1px solid transparent;margin-bottom:3px;transition:all .15s}.store-card:hover{background:var(--bg);border-color:var(--border)}.store-card.active{background:var(--green-50);border-color:var(--green-400)}.store-card-icon{width:38px;height:38px;min-width:38px;background:var(--green-50);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.store-card.active .store-card-icon{background:var(--green-400)}.store-card-icon svg{width:18px;height:18px;fill:var(--green-600)}.store-card.active .store-card-icon svg{fill:#fff}.store-card-body{flex:1;min-width:0}.store-card-name{font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-primary)}.store-card-addr{font-size:11px;color:var(--text-secondary);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.store-card-meta{display:flex;align-items:center;gap:6px;margin-top:5px}.badge-dist{font-size:10px;font-weight:500;padding:2px 7px;border-radius:20px;background:var(--teal-400);color:#fff}.badge-type{font-size:10px;font-weight:500;padding:2px 7px;border-radius:20px;background:var(--green-50);color:var(--green-600)}.store-card-arrow{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-sm);background:var(--bg);border:1px solid var(--border);margin-top:5px;flex-shrink:0;transition:all .15s}.store-card:hover .store-card-arrow,.store-card.active .store-card-arrow{background:var(--teal-400);border-color:var(--teal-400)}.store-card-arrow svg{width:14px;height:14px;fill:var(--text-secondary)}.store-card:hover .store-card-arrow svg,.store-card.active .store-card-arrow svg{fill:#fff}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-muted);font-size:13px;gap:8px;text-align:center;padding:24px}.empty-state svg{width:36px;height:36px;fill:var(--border-md)}.map-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;height:560px;position:relative}.map-panel iframe{width:100%;height:100%;border:none}.map-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg);gap:14px}.map-empty-icon{width:72px;height:72px;background:var(--green-50);border-radius:50%;display:flex;align-items:center;justify-content:center}.map-empty-icon svg{width:36px;height:36px;fill:var(--teal-400)}.map-empty h2{font-size:16px;font-weight:500;color:var(--text-primary)}.map-empty p{font-size:13px;color:var(--text-secondary);text-align:center;max-width:220px;line-height:1.6}.map-empty-btn{background:var(--teal-400);color:#fff;border:none;cursor:pointer;padding:10px 22px;border-radius:30px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;transition:background .15s}.map-empty-btn:hover{background:var(--teal-600)}.map-store-info{position:absolute;bottom:16px;left:50%;transform:translate(-50%);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:12px 16px;display:none;align-items:center;gap:12px;min-width:280px;max-width:380px;box-shadow:0 4px 16px #0000001a;z-index:10}.map-store-info.visible{display:flex}.map-store-info .info-icon{width:40px;height:40px;border-radius:var(--radius-sm);background:var(--green-50);display:flex;align-items:center;justify-content:center}.map-store-info .info-icon svg{width:20px;height:20px;fill:var(--green-600)}.map-store-info .info-body{flex:1}.map-store-info .info-name{font-size:13px;font-weight:500}.map-store-info .info-addr{font-size:11px;color:var(--text-secondary);margin-top:2px}.map-store-info .info-link{font-size:11px;font-weight:500;color:var(--teal-400);text-decoration:none;display:flex;align-items:center;gap:4px;margin-top:4px}.map-store-info .info-link:hover{color:var(--teal-600)}.map-store-info .info-link svg{width:12px;height:12px;fill:currentColor}#mapFrame{display:none}