.cdek-picker { display:grid; gap:12px; min-width:0; }
.cdek-picker .field { min-width:0; }
.cdek-search { display:flex; gap:8px; align-items:end; }
.cdek-search .field { flex:1; }
.cdek-action { border:1px solid rgba(255,255,255,.24); background:rgba(255,255,255,.12); color:inherit; border-radius:12px; padding:13px 14px; font:inherit; font-size:13px; cursor:pointer; min-height:46px; }
.cdek-cities { display:grid; gap:6px; max-height:220px; overflow-y:auto; }
.cdek-cities:empty { display:none; }
.cdek-city { border:1px solid rgba(255,255,255,.18); border-radius:10px; color:inherit; background:rgba(255,255,255,.07); padding:12px; text-align:left; font:inherit; font-size:13px; cursor:pointer; }
.cdek-status { margin:0; font-size:12px; line-height:1.5; opacity:.85; }
.cdek-details { margin:0; white-space:pre-line; line-height:1.5; font-size:13px; }
.cdek-map { color:inherit; text-underline-offset:3px; font-size:13px; }
.cdek-picker select { width:100%; text-overflow:ellipsis; color:inherit; }
.cdek-picker option { color:#171717; background:white; }
.cdek-picker button:focus-visible,.cdek-picker a:focus-visible { outline:2px solid white; outline-offset:3px; }
@media(max-width:430px) { .cdek-search { display:grid; } .cdek-action { width:100%; } }