.market-header{height:76px;border-top:3px solid #f4f6fa;box-shadow:0 3px 18px rgba(16,41,82,.05)}
.market-header .topbar-inner{width:min(1320px,calc(100% - 40px));gap:24px}
.market-header .official-brand{width:190px;min-width:190px;height:62px}
.market-header .official-brand>img{width:190px}
.market-header .desktop-menu{gap:20px;margin-left:0;white-space:nowrap}
.market-header .desktop-menu a{font-size:13px;font-weight:600}
.market-header .desktop-menu a.active{color:var(--blue)}
.header-search{height:46px;display:flex;align-items:center;flex:1;min-width:190px;max-width:390px;margin-left:auto;background:#f6f6f7;border:1px solid transparent;border-radius:10px;padding:0 14px;transition:.2s}
.header-search:focus-within{background:#fff;border-color:#b9d2f4;box-shadow:0 0 0 3px rgba(9,100,223,.08)}
.header-search .material-symbols-rounded{font-size:23px;color:var(--blue)}
.header-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;padding:0 10px;color:#172542;font-size:14px}
.header-search input::placeholder{color:#9aa2af}
.market-header .city-button{max-width:235px;min-width:190px;padding:7px 9px;background:#fff;border:0;border-radius:10px;gap:8px}
.market-header .city-button:hover{background:#f5f8fd}
.market-header .city-button>span:first-child{width:32px;height:32px;background:#edf5ff;box-shadow:none}
.market-header .city-button>span:nth-child(2){overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px;color:#253650}
.market-header .city-button small{font-size:9px}
.market-header .city-button>span:last-child{color:var(--blue);font-size:20px}
@media(max-width:1120px){.market-header .desktop-menu{display:none}.header-search{max-width:none}}
@media(max-width:760px){.market-header{height:70px}.market-header .topbar-inner{width:calc(100% - 24px);gap:6px}.market-header .official-brand{width:172px;min-width:172px;height:58px}.market-header .official-brand>img{width:172px}.header-search{display:none}.market-header .city-button{min-width:0;max-width:150px;padding:5px}.market-header .city-button>span:first-child{display:grid;width:29px;height:29px}.market-header .city-button>span:nth-child(2){font-size:10px}.market-header .city-button small{font-size:8px}.market-header .city-button>span:last-child{display:block;font-size:17px}}
@media(max-width:430px){.market-header .official-brand{width:145px;min-width:145px}.market-header .official-brand>img{width:145px}.market-header .city-button{max-width:145px}.market-header .city-button>span:first-child{display:none}}