body.odp{overflow-x:hidden}
body.odp .hdr{margin-bottom:0}
.od-head{padding:40px 40px 24px;text-align:center}
.od-head h1{margin:0;font:700 36px/43.2px Urbanist,sans-serif;color:#000}
.od-head p{margin:12px auto 0;max-width:760px;font:700 16px/22.4px Urbanist,sans-serif;color:#000}.od-head p span{font-weight:500;color:#444}
.od{padding:0 40px 56px}
.od-grid{max-width:1600px;margin:0 auto;display:grid;grid-template-columns:minmax(340px,430px) minmax(0,1fr);gap:24px;align-items:start}
.od-side{background:#fff;border:2px solid #000;border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:12px;min-width:0}
.od-fh{display:flex;align-items:center;gap:10px;font:600 14px/20px Urbanist,sans-serif}.od-fh b{font:700 20px/28px Urbanist,sans-serif}.od-fh span{color:#555;flex:1}
.od-fh button{border:0;background:none;color:#000;text-decoration:underline;font:700 13px/18px Urbanist,sans-serif;padding:0}
/* filter card = RE Network filter-shared structure, restyled */
.filter-scroll{max-height:min(62vh,560px);overflow-y:auto;overflow-x:hidden;background:#fff;border:1px solid #000;border-radius:8px;padding:0 0 4px;-webkit-overflow-scrolling:touch}
.filter-cat{border-bottom:1px solid #d9dcea}.filter-cat:last-child{border-bottom:0}
.filter-cat>summary{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:8px;cursor:pointer;list-style:none;padding:10px 12px;background:#DEE2F2;border-bottom:1px solid #c6cbe0;font:700 14px/19.6px Urbanist,sans-serif;color:#000;user-select:none}
.filter-cat>summary::-webkit-details-marker{display:none}
.filter-cat>summary::after{content:"▾";margin-left:auto;font-size:12px;color:#000;transition:transform .2s}
.filter-cat[open]>summary::after{transform:rotate(180deg)}
.filter-cat>summary:hover .cl{text-decoration:underline;text-underline-offset:2px}
.cat-emoji{font-size:15px;width:20px;text-align:center}
.cb{background:#000;color:#fff;border-radius:99px;padding:0 7px;font:700 11px/18px Urbanist,sans-serif;min-width:18px;text-align:center}
.cat-body{padding:6px 10px 10px 8px}
.chk{display:flex;align-items:flex-start;gap:8px;font:500 14px/19.6px Urbanist,sans-serif;color:#000;padding-top:3px;padding-bottom:3px;padding-right:8px;cursor:pointer}
.chk input{margin:3px 0 0;flex:none;accent-color:#000;width:15px;height:15px}
.chk .leaf{flex:1}.chk:hover .leaf{text-decoration:underline;text-underline-offset:2px}
.node-kids{border-left:1px solid #c6cbe0;margin-left:10px}
.az-l{font:700 12px/16px Urbanist,sans-serif;color:#555;background:#f1f3fb;border-radius:4px;margin:6px 0 2px 26px;padding:1px 8px;width:max-content;min-width:28px;text-align:center}
.od-loc{display:flex;flex-direction:column;gap:8px}
.od-share{display:flex;align-items:center;justify-content:center;gap:8px;height:45px;border:3px solid #000;border-radius:100px;background:#fff;color:#000;font:700 15px/15px Urbanist,sans-serif;padding:0 20px;box-shadow:0 7px 30px -10px rgba(0,0,0,.1)}.od-share svg{width:20px;height:20px;fill:#000}.od-share:hover{background:#DEE2F2}
.od-lab{font:700 13px/18px Urbanist,sans-serif}.od-mr{display:flex;justify-content:space-between}
.od-addr{height:46px;border:2px solid #000;border-radius:100px;padding:0 18px;font:700 14px Urbanist,sans-serif;color:#000;outline:0;width:100%;background:#fff}.od-addr:focus{box-shadow:0 0 0 3px #DEE2F2}.od-addr::placeholder{font-weight:500;color:#777}
.od-mi{width:100%;accent-color:#000;margin:0}
.od-search{height:48px;border:3px solid #000;border-radius:100px;background:#000;color:#fff;font:700 15px/15px Urbanist,sans-serif;box-shadow:0 7px 30px -10px rgba(0,0,0,.1)}.od-search:hover{background:#222}
.od-status{min-height:18px;font:500 12px/16px Urbanist,sans-serif;color:#444}
.od-main{min-width:0;display:flex;flex-direction:column;gap:10px}
.od-count{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:#DEE2F2;border:2px solid #000;border-radius:12px;padding:10px 16px;font:600 20px/28px Urbanist,sans-serif}
.od-count b{font:900 30px/30px Urbanist,sans-serif}.od-count em{font:500 13px/18px Urbanist,sans-serif;font-style:normal;color:#333;margin-left:auto}
.od-pulse{width:14px;height:14px;border-radius:50%;background:#1fc16b;box-shadow:0 0 0 0 rgba(31,193,107,.6);animation:odp 1.8s infinite;flex:none}
.od-map{position:relative;z-index:0;isolation:isolate;width:100%;height:min(74vh,700px);min-height:520px;border:2px solid #000;border-radius:12px;overflow:hidden;background:#e8ecf5}
.od-leg{display:flex;flex-wrap:wrap;gap:6px 18px;font:600 13px/18px Urbanist,sans-serif;align-items:center}.od-leg span{display:flex;align-items:center;gap:6px}.od-leg .lgn{margin-left:auto;color:#555;font-weight:500}
.lg{display:inline-block;width:14px;height:14px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #000}.lg.g{background:#1fc16b}.lg.a{background:#f5a623}.lg.me{background:#000}
.lg.b{width:22px;height:22px;background:#fff;border:2px solid #000;box-shadow:none;display:flex;align-items:center;justify-content:center}.lg.b svg{width:14px;height:14px;fill:#000}
@keyframes odp{0%{box-shadow:0 0 0 0 rgba(31,193,107,.65)}70%{box-shadow:0 0 0 14px rgba(31,193,107,0)}100%{box-shadow:0 0 0 0 rgba(31,193,107,0)}}
.od-mk{background:none!important;border:0!important}
.od-dot{width:18px;height:18px;border-radius:50%;background:#1fc16b;border:3px solid #fff;outline:1px solid rgba(0,0,0,.55);animation:odp 1.8s infinite;cursor:pointer}
.od-dot.later{background:#f5a623;animation:none}
.od-bike{position:relative;width:36px;height:36px;border-radius:50%;background:#fff;border:2px solid #000;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(0,0,0,.35);cursor:pointer}
.od-bike svg{width:22px;height:22px;fill:#000}
.od-bike i{position:absolute;right:-5px;top:-5px;width:14px;height:14px;border-radius:50%;background:#1fc16b;border:2px solid #fff;outline:1px solid rgba(0,0,0,.55);animation:odp 1.8s infinite}
.od-bike.later i{background:#f5a623;animation:none}
.od-me{width:22px;height:22px;border-radius:50%;background:#000;border:4px solid #fff;box-shadow:0 0 0 2px #000,0 2px 8px rgba(0,0,0,.5)}
.leaflet-popup-content-wrapper{border-radius:14px;border:2px solid #000;box-shadow:0 6px 24px rgba(0,0,0,.3)}.leaflet-popup-content{margin:12px 14px;font-family:Urbanist,sans-serif;width:230px!important}
.pc-top{display:flex;gap:10px;align-items:center}.pc-av{flex:none;width:40px;height:40px;border-radius:50%;border:2px solid #000;display:flex;align-items:center;justify-content:center;font:800 14px Urbanist,sans-serif;color:#000}
.pc-n{font:700 16px/20px Urbanist,sans-serif}.pc-c{font:500 12px/16px Urbanist,sans-serif;color:#444}
.pc-row{display:flex;justify-content:space-between;margin:10px 0;font:700 13px/18px Urbanist,sans-serif}
.pc-view{display:block;text-align:center;background:#000;color:#fff!important;border-radius:100px;padding:9px 0;font:700 14px/14px Urbanist,sans-serif;text-decoration:none}.pc-view:hover{background:#222}
.pc-fake{margin-top:6px;text-align:center;font:500 10px/12px Urbanist,sans-serif;color:#888}
@media (max-width:1000px){.od-grid{grid-template-columns:minmax(0,1fr)}.filter-scroll{max-height:min(48vh,420px)}.od-map{height:460px;min-height:420px}.od-leg .lgn{margin-left:0}}
@media (max-width:800px){.od-head{padding:32px 15px 16px}.od-head h1{font-size:28px;line-height:34px}.od-head p{font-size:14px;line-height:20px}.od{padding:0 15px 40px}.od-count{font-size:16px;line-height:22px}.od-count b{font-size:26px}.od-count em{margin-left:0;width:100%}}