
.partnerFormPanel,
.partnerFormPanel .panelBody,
.compactOrderForm,
.partnerOrderCityField{overflow:visible!important}

.cityComboField{position:relative;z-index:8}
.cityCombo{position:relative;width:100%}
.cityCombo input[type="text"]{width:100%!important;padding-left:58px!important;background-image:none!important}

.cityComboToggle{
  position:absolute;left:7px;top:7px;width:44px;height:38px;
  display:grid;place-items:center;border:1px solid rgba(255,255,255,.16);
  border-radius:12px;background:rgba(255,255,255,.07);color:#fff;
  font-size:24px;line-height:1;z-index:4;cursor:pointer
}
.cityComboToggle:hover,.cityComboToggle:focus{
  outline:0;border-color:#f42a67;background:rgba(244,42,103,.13);
  box-shadow:0 0 0 3px rgba(244,42,103,.10)
}

.cityComboList{
  position:absolute;z-index:9999;top:calc(100% + 8px);right:0;left:0;
  max-height:min(330px,46vh);overflow-y:auto;overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;touch-action:pan-y;
  border:1px solid rgba(244,42,103,.50);border-radius:18px;
  background:linear-gradient(180deg,#1a0e15,#090608);
  box-shadow:0 25px 70px rgba(0,0,0,.75),0 0 30px rgba(244,42,103,.12);
  padding:7px
}
.cityComboList.hide{display:none!important}
.cityComboList>button{
  display:flex;width:100%;min-height:47px;align-items:center;
  justify-content:space-between;gap:10px;border:0;border-radius:13px;
  background:transparent;color:#fff;padding:12px 14px;text-align:right;
  font:850 14px "Alexandria",Arial,sans-serif;cursor:pointer
}
.cityComboList>button:hover,.cityComboList>button:focus,.cityComboList>button.active{
  outline:0;background:rgba(244,42,103,.17)
}
.cityComboList>button small{
  flex:0 0 auto;color:#ff9eb9;font-size:11px;font-weight:900
}
.cityComboHint{
  min-height:18px;display:block;margin-top:5px;color:#cdb5c0;
  line-height:1.6;font-size:10px;font-weight:650
}
.cityCombo.invalid input[type="text"]{
  border-color:#ff667c!important;
  box-shadow:0 0 0 4px rgba(255,102,124,.14)!important
}
.cityComboEmpty,.cityComboLoading,.cityComboState{
  min-height:86px;display:grid;place-items:center;gap:9px;padding:15px;
  text-align:center;color:#d6bdc7;font-size:12px;font-weight:750
}
.cityComboLoading::before{
  content:"";width:24px;height:24px;border:2px solid rgba(244,42,103,.18);
  border-top-color:#f42a67;border-radius:50%;animation:v47CitySpin .7s linear infinite
}
.cityComboState button{
  min-height:38px;padding:8px 14px;border:1px solid rgba(244,42,103,.35);
  border-radius:11px;background:rgba(244,42,103,.10);color:#fff;font-weight:900
}
@keyframes v47CitySpin{to{transform:rotate(360deg)}}

@media(max-width:720px){
  .cityComboField{z-index:auto}
  .cityComboList{
    position:fixed;right:12px;left:12px;top:auto;
    bottom:calc(env(safe-area-inset-bottom) + 12px);
    max-height:54dvh;border-radius:23px;padding:9px;z-index:2147483000;
    box-shadow:0 -10px 55px rgba(0,0,0,.88),0 0 0 100vmax rgba(0,0,0,.46)
  }
  .cityComboList>button{min-height:51px;font-size:15px}
  .cityComboToggle{height:36px}
}
