.pickup-page{min-height:100vh;background:#f3f5f2;color:#1d2928}.pickup-header{height:72px;max-width:1240px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 8px}.pickup-header nav{display:flex;gap:20px}.pickup-header nav a{color:#64716f;text-decoration:none;font:700 12px "DM Sans"}.pickup-wrap{max-width:1240px;margin:auto;padding:25px 6px 70px}.pickup-intro{display:flex;justify-content:space-between;align-items:center;padding:34px 42px;border-radius:22px;background:#dcebe2}.pickup-intro .eyebrow{margin-bottom:8px}.pickup-intro h1{margin:0;font:800 36px "Plus Jakarta Sans";letter-spacing:-2px;line-height:1.05}.pickup-intro h1 em{color:#27835c;font-style:normal}.pickup-intro p:not(.eyebrow){max-width:470px;color:#526d60;font-size:12px;line-height:1.5;margin:10px 0 0}.safety-points{display:flex;flex-direction:column;gap:8px}.safety-points span{padding:8px 10px;border-radius:7px;background:#ffffff9b;color:#307c59;font-size:10px;font-weight:700}.pickup-layout{display:grid;grid-template-columns:390px 1fr;gap:17px;margin-top:20px}.pickup-list,.map-card{border:1px solid #e0e6e1;border-radius:14px;background:#fff}.pickup-list{padding:18px}.pickup-list-head{display:flex;align-items:start;justify-content:space-between}.pickup-list-head h2{margin:0;font:800 17px "Plus Jakarta Sans"}.pickup-list-head p{margin:5px 0 0;color:#7f8d87;font-size:10px}.pickup-list-head button{border:0;border-radius:6px;background:#eaf4ed;color:#2f8059;padding:7px;font:700 9px "DM Sans";cursor:pointer}.pickup-filters{display:flex;gap:5px;margin:15px 0 10px}.pickup-filters button{border:0;border-radius:16px;background:#edf0ed;color:#6e7a76;padding:6px 8px;font:700 9px "DM Sans";cursor:pointer}.pickup-filters button.active{background:#1d2928;color:#fff}.place-item{display:grid;grid-template-columns:32px 1fr auto;gap:9px;align-items:center;padding:11px 4px;border-top:1px solid #edf0ed;cursor:pointer}.place-item:hover,.place-item.selected{background:#f3faf5}.place-icon{width:31px;height:31px;display:grid;place-items:center;border-radius:8px;font-size:14px}.place-icon.camera{background:#e0f2e7}.place-icon.partner{background:#ebe9ff}.place-icon.locker{background:#fff1d8}.place-item h3{margin:0;font-size:11px}.place-item p{margin:3px 0 0;color:#87928e;font-size:9px}.place-item small{color:#4f9c72;font-size:9px;font-weight:700}.map-card{overflow:hidden}.map-top{display:flex;align-items:center;justify-content:space-between;padding:12px 15px;font-size:10px;font-weight:700}.map-top button{border:0;border-radius:6px;background:#eef2ee;color:#53635d;font-size:16px;cursor:pointer}.map-grid{position:relative;height:355px;overflow:hidden;background:#e7eee8;background-image:linear-gradient(22deg,transparent 47%,#f8faf8 48%,#f8faf8 51%,transparent 52%),linear-gradient(115deg,transparent 48%,#f8faf8 49%,#f8faf8 52%,transparent 53%)}.river{position:absolute;left:0;right:0;top:52%;height:42px;transform:rotate(-8deg);background:#c3e2ed}.road{position:absolute;width:130%;height:10px;background:#fff;opacity:.9}.road.one{top:27%;left:-12%;transform:rotate(22deg)}.road.two{top:70%;left:-12%;transform:rotate(-18deg)}.map-pin{position:absolute;width:30px;height:30px;border:4px solid #fff;border-radius:50%;color:#fff;box-shadow:0 3px 9px #1720352b;cursor:pointer}.map-pin.camera{left:40%;top:39%;background:#35a36e}.map-pin.partner{left:68%;top:26%;background:#716ae1}.map-pin.locker{left:61%;top:67%;background:#e3a23d}.map-legend{position:absolute;left:12px;bottom:12px;padding:8px;border-radius:7px;background:#fffffff0;display:flex;flex-direction:column;gap:4px;font-size:9px;color:#5b6964}.map-legend i{display:inline-block;width:7px;height:7px;margin-right:4px;border-radius:50%}.map-legend .camera{background:#35a36e}.map-legend .partner{background:#716ae1}.map-legend .locker{background:#e3a23d}.selected-place{display:flex;gap:8px;align-items:center;padding:12px 15px;border-top:1px solid #e9eeea;color:#66746f;font-size:11px}.selected-place span{font-size:18px}.selected-place p{margin:0}.selected-place button{margin-left:auto;border:0;border-radius:7px;background:#1d2928;color:#fff;padding:8px;font:700 10px "DM Sans";cursor:pointer}.pickup-toast{position:fixed;right:20px;bottom:20px;transform:translateY(80px);background:#1d2928;color:#fff;padding:10px 12px;border-radius:8px;font-size:11px;transition:.25s}.pickup-toast.show{transform:translateY(0)}@media(max-width:720px){.pickup-header{padding:0 16px}.pickup-header nav{gap:10px}.pickup-intro{padding:28px 24px;align-items:flex-start;flex-direction:column}.pickup-intro h1{font-size:31px}.pickup-layout{grid-template-columns:1fr}.map-grid{height:280px}}
.pickup-explainer{margin:14px 0 0;padding:15px 18px;border:1px solid #dce9df;border-radius:16px;background:#ffffffcc;color:#5f6f68;box-shadow:0 14px 34px #1d29280a}.pickup-explainer summary{color:#3478f6;font:900 12px "DM Sans";cursor:pointer}.pickup-explainer p{max-width:820px;margin:10px 0 0;font-size:12px;line-height:1.6}

.pickup-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0 2px}.pickup-controls label{display:flex;flex-direction:column;gap:5px;color:#66756f;font:900 9px "DM Sans";text-transform:uppercase;letter-spacing:.5px}.pickup-controls select,.pickup-controls input{height:38px;border:1px solid #dfe8e2;border-radius:10px;background:#fff;color:#1d2928;padding:0 10px;font:700 11px "DM Sans";outline:0}.pickup-controls select:focus,.pickup-controls input:focus{border-color:#3478f6;box-shadow:0 0 0 3px #3478f61c}.place-map-link{justify-self:end;align-self:center;padding:7px 8px;border-radius:9px;background:#edf4ff;color:#3478f6;text-decoration:none;font:900 9px "DM Sans"}.selected-place a{margin-left:auto;color:#3478f6;text-decoration:none;font:900 10px "DM Sans"}.selected-place button{margin-left:8px}.place-icon.transit{background:#e6f0ff}@media(max-width:720px){.pickup-controls{grid-template-columns:1fr}.selected-place{align-items:flex-start;flex-wrap:wrap}.selected-place a,.selected-place button{margin-left:0}}