.storefront .popup.city-dialog{border-radius:18px;width:min(800px,100% - 32px);box-shadow:0 28px 90px #1d26322e}.storefront .popup.city-dialog .popup__header{margin-left:242px;padding:28px 68px 7px 28px}.storefront .popup.city-dialog .popup__title{font-size:clamp(1.5rem,1.38rem + .45vw,1.8rem);font-weight:620}.storefront .popup.city-dialog .popup__body{padding:0;overflow:hidden}.storefront .city-dialog__layout{grid-template-columns:242px minmax(0,1fr);min-height:438px;display:grid}.storefront .city-dialog__banner{z-index:0;box-sizing:border-box;background:linear-gradient(155deg,#fbf7f3 0%,#f8f4ef 50%,#f4eee9 100%);border-right:1px solid #eee7e3;flex-direction:column;justify-content:space-between;width:242px;min-width:0;padding:28px 24px 20px;display:flex;position:absolute;inset:0 auto 0 0;overflow:hidden}.storefront .city-dialog__banner:before{content:"";opacity:.65;background:radial-gradient(circle,#fff 0 36%,#0000 37%);border-radius:50%;width:188px;height:188px;position:absolute;inset:-72px auto auto -70px}.storefront .city-dialog__banner:after{content:"";background:#fff8;border-radius:50%;width:150px;height:150px;position:absolute;top:18px;right:-64px}.storefront .city-dialog__banner>*,.storefront .popup.city-dialog .popup__header,.storefront .city-dialog__content{z-index:1;position:relative}.storefront .city-dialog__content{grid-column:2}.storefront .city-dialog__banner-copy{padding-top:3px}.storefront .city-dialog__banner-title{color:#252a34;letter-spacing:-.025em;max-width:185px;font-family:Georgia,Times New Roman,serif;font-size:1.45rem;font-weight:400;line-height:1.17;display:block}.storefront .city-dialog__banner p{color:#69717c;max-width:188px;margin:14px 0 0;font-size:.84rem;line-height:1.55}.storefront .city-dialog__banner-art{text-align:center;margin:10px -16px -20px}.storefront .city-dialog__banner-art img{object-fit:contain;width:min(100%,230px);height:auto;margin:0 auto;display:block}.storefront .city-dialog__content{min-width:0;padding:0 28px 24px;overflow:hidden}.storefront .city-dialog__lead{color:var(--muted);font-size:var(--text-small);margin:0 0 16px}.storefront .city-search{margin-bottom:18px;position:relative}.storefront .city-search__icon{pointer-events:none;color:#707986;place-items:center;display:grid;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.storefront .city-search__icon .icon{width:18px;height:18px}.storefront .city-search input{border:1px solid var(--control-border);background:#fff;border-radius:7px;width:100%;min-width:0;height:auto;min-height:44px;padding:10px 12px 10px 41px;line-height:1.5;display:block}.storefront .city-search:focus-within input{border-color:var(--control-focus);box-shadow:var(--control-focus-shadow);outline:none}.storefront .city-dialog__message{color:#9e293a;font-size:var(--text-small);margin:-6px 0 12px}.storefront .city-section-title{color:#505966;margin:0 0 9px;font-size:.78rem;font-weight:600;line-height:1.35}.storefront .city-popular{margin-bottom:18px}.storefront .city-popular__list{flex-wrap:wrap;gap:8px;display:flex}.storefront .city-popular__list button{color:#2f3742;background:#f4f5f5;border:1px solid #0000;border-radius:999px;min-height:36px;padding:7px 14px;font-size:.88rem;line-height:1.25;transition:background-color .15s,border-color .15s,color .15s}.storefront .city-popular__list button:hover,.storefront .city-popular__list button:focus-visible{color:var(--ink);background:#ecefef}.storefront .city-popular__list button.active,.storefront .city-popular__list button.active:hover,.storefront .city-popular__list button.active:focus-visible{border-color:var(--ink);background:var(--ink);color:#fff}.storefront .city-popular__list button:focus-visible{outline:2px solid var(--control-focus);outline-offset:2px}.storefront .city-all{border-top:1px solid var(--line);padding-top:16px}.storefront .city-dialog .city-options{scrollbar-width:thin;gap:2px;max-height:205px;margin:0 -5px 0 0;padding-right:5px;display:grid;overflow:auto}.storefront .city-dialog .city-options button{text-align:left;width:100%;min-height:46px;color:var(--ink);border-radius:7px;justify-content:space-between;align-items:center;gap:12px;padding:7px 10px;transition:background-color .15s;display:flex}.storefront .city-dialog .city-options button:hover,.storefront .city-dialog .city-options button:focus-visible{color:var(--ink);background:#f4f5f5}.storefront .city-dialog .city-options button.active{box-shadow:inset 3px 0 0 var(--ink);background:#f1f3f5;font-weight:600}.storefront .city-dialog .city-options button:focus-visible{outline:2px solid var(--control-focus);outline-offset:-2px}.storefront .city-dialog .city-options__selected{color:var(--ink);font-size:var(--text-small);flex:none;align-items:center;gap:7px;font-weight:500;display:inline-flex}.storefront .city-dialog .city-options__check{color:#fff;background:var(--ink);border-radius:50%;place-items:center;width:20px;height:20px;display:grid}.storefront .city-dialog .city-options__check .icon{stroke-width:2.2px;width:12px;height:12px}.storefront .city-dialog .city-options__empty{color:var(--muted);font-size:var(--text-small);padding:12px 10px}.storefront .city-options button small{color:var(--muted);margin-top:2px;font-size:.82rem;font-weight:400;line-height:1.35;display:block}@media (width<=720px){.storefront .popup.city-dialog{border-radius:14px;width:min(480px,100% - 24px)}.storefront .popup.city-dialog .popup__header{margin-left:0;padding:22px 64px 8px 20px}.storefront .popup.city-dialog .popup__body{overflow:auto}.storefront .city-dialog__layout{grid-template-columns:minmax(0,1fr);min-height:0}.storefront .city-dialog__banner{display:none}.storefront .city-dialog__content{grid-column:1;padding:0 20px 20px;overflow:visible}.storefront .city-popular{margin-bottom:16px}.storefront .city-popular__list{gap:7px}.storefront .city-dialog .city-options{max-height:min(290px,38dvh)}}@media (width<=420px){.storefront .popup.city-dialog{width:calc(100% - 20px);max-height:calc(100dvh - 20px)}.storefront .popup.city-dialog .popup__header{padding:20px 60px 7px 18px}.storefront .city-dialog__content{padding:0 18px 18px}.storefront .city-search{margin-bottom:15px}.storefront .city-popular__list button{padding-inline:12px}.storefront .city-dialog .city-options{max-height:min(270px,36dvh)}}@media (prefers-reduced-motion:reduce){.storefront .city-popular__list button,.storefront .city-dialog .city-options button{transition:none}}
