.city-filter{position:relative;flex:none;z-index:8}.city-filter details{position:relative}.city-filter summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:7px;min-height:36px;padding:7px 11px;border:1px solid #cbded3;border-radius:12px;background:#fffdf8;color:#245b48;font:700 12px Vazirmatn,system-ui;white-space:nowrap;box-shadow:0 4px 12px #173d2a12}.city-filter summary::-webkit-details-marker{display:none}.city-filter summary:after{content:'⌄';font-size:15px;line-height:1}.city-filter details[open] summary{border-color:#2a7a61;box-shadow:0 5px 15px #24664c22}.city-filter-panel{position:absolute;left:0;top:calc(100% + 8px);width:max-content;min-width:175px;max-width:min(280px,80vw);max-height:260px;overflow:auto;padding:8px;border:1px solid #cbded3;border-radius:14px;background:#fffdf9;box-shadow:0 14px 34px #163d2b2b}.city-filter-option{display:flex;align-items:center;gap:8px;padding:8px 7px;border-radius:9px;color:#274f41;font:600 12px Vazirmatn,system-ui;cursor:pointer}.city-filter-option:hover{background:#edf6ef}.city-filter-option input{accent-color:#267a60;width:15px;height:15px;margin:0}.city-filter-option.all{padding-bottom:10px;margin-bottom:5px;border-bottom:1px solid #e1ece4;font-weight:800}@media(max-width:600px){.city-filter summary{min-height:33px;padding:6px 9px;font-size:11px}.city-filter-panel{left:auto;right:0;min-width:160px}}