
/* MTP_COUNTRY_FILTER_BEGIN */
.mtp-country-wrap{position:relative;display:inline-block;}
.mtp-country-btn{
  padding:5px 12px 5px 10px;
  border:1px solid #d6d6d6;
  border-radius:3px;
  background:#fff;
  font:500 0.86rem Roboto,system-ui,sans-serif;
  color:#1a1a1a;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  gap:6px;
}
.mtp-country-btn:hover{border-color:#cc0000;}
.mtp-country-btn .badge-num{background:#cc0000;color:#fff;font-size:0.66rem;font-weight:700;padding:1px 6px;border-radius:9px;}
.mtp-country-btn .caret{color:#888;font-size:0.7rem;}
.mtp-country-pop{
  display:none;
  position:absolute;
  top:calc(100% + 4px);
  left:0;
  background:#fff;
  border:1px solid #d0d0d0;
  border-radius:4px;
  box-shadow:0 8px 24px rgba(0,0,0,0.15);
  z-index:1000;
  min-width:280px;
  max-height:340px;
  overflow:hidden;
  flex-direction:column;
}
.mtp-country-wrap.open .mtp-country-pop{display:flex;}
.mtp-country-pop-head{
  padding:8px 12px;
  border-bottom:1px solid #ececec;
  font:600 0.74rem Roboto,system-ui,sans-serif;
  text-transform:uppercase;
  letter-spacing:0.05em;
  color:#777;
  display:flex;
  justify-content:space-between;
  align-items:center;
}
.mtp-country-pop-head .clear{cursor:pointer;color:#cc0000;font-size:0.74rem;text-transform:none;letter-spacing:0;}
.mtp-country-pop-list{overflow-y:auto;flex:1;padding:6px 0;}
.mtp-country-row{
  display:flex;
  align-items:center;
  gap:8px;
  padding:5px 12px;
  cursor:pointer;
  font:400 0.86rem Roboto,system-ui,sans-serif;
}
.mtp-country-row:hover{background:#fafafa;}
.mtp-country-row input{margin:0;}
.mtp-country-row .name{flex:1;}
.mtp-country-row .num{color:#888;font-size:0.78rem;font-variant-numeric:tabular-nums;}
/* MTP_COUNTRY_FILTER_END */
