.module-region-select {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  padding: 16px 18px;
  margin: 20px 0;
  background: linear-gradient(0deg, #eff6ff, #f5faff);
  border: 2px solid transparent; 
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(37, 99, 235, 0.10);
}


.module-region-select__label {
  flex: 1 0 100%;
  margin: 0 0 2px;
  font-size: 1.02rem;
  font-weight: 800;
  color: #1a73e8;
}
.module-region-select__label::before {
  content: "📍 ";
}


.module-region-select__select {
  flex: 1 1 160px;
  min-width: 140px;
  padding: 10px 40px 10px 12px;
  font-size: 1rem;
  color: var(--color-text, #1e293b);
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%2364748b' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' d='M1 1.5l5 5 5-5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  background-size: 12px 8px;
  border: 1px solid var(--color-border, #cbd5e1);
  border-radius: 8px;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.module-region-select__select:focus {
  outline: 2px solid var(--color-primary, #2563eb);
  outline-offset: 1px;
}


@media (max-width: 600px) {
  .module-region-select { flex-direction: column; align-items: stretch; }
  .module-region-select__select { flex: 1 1 auto; width: 100%; }
}


.module-region-select__select option[data-region-select-empty] {
  color: var(--color-text-muted, #64748b);
}



.module-region-select select {
    flex: 1 1 160px;
    min-width: 140px;
    padding: 10px 40px 10px 12px;   
    font-size: 1rem;
    color: var(--color-text, #1e293b);
    background-color: #fff;
    
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%2364748b' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' d='M1 1.5l5 5 5-5'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 14px center;
    background-size: 12px 8px;
    border: 1px solid var(--color-border, #cbd5e1);
    border-radius: 8px;
    cursor: pointer;
}
.module-region-select select:focus {
    outline: 2px solid var(--color-primary, #2563eb);
    outline-offset: 1px;
}




@media (max-width: 600px) {
  .module-region-select select { flex: 1 1 auto; width: 100%; }   
}



@media (max-width: 600px) {
  .module-region-select { flex-direction: column; align-items: stretch; }   
  .module-region-select select { flex: 1 1 auto; width: 100%; }   
}
.module-region-select { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; padding: 16px 18px; margin: 20px 0; background: linear-gradient(0deg, #eff6ff, #f5faff); border: 2px solid transparent; border-radius: 12px; box-shadow: 0 2px 8px rgba(37, 99, 235, 0.10); }   
.module-region-select__label { flex: 1 0 100%; font-weight: 800; color: var(--color-primary, #1d4ed8); margin: 0 0 2px; font-size: 1.02rem; }   
.module-region-select__label::before { content: "📍 "; }   
.module-region-select select { flex: 1 1 160px; min-width: 140px; padding: 10px 40px 10px 12px; font-size: 1rem; color: var(--color-text, #1e293b); background-color: #fff; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%2364748b' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' d='M1 1.5l5 5 5-5'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 14px center; background-size: 12px 8px; border: 1px solid var(--color-border, #cbd5e1); border-radius: 8px; cursor: pointer; }   
.module-region-select select:focus { outline: 2px solid var(--color-primary, #2563eb); outline-offset: 1px; }   

@media (max-width: 600px) { .module-region-select select, .module-region-select .module-region-select__select { flex: 0 0 auto; width: 100%; min-width: 0; } }