.shopHeaderActions {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 14px;
}

.shopLocale {
  position: relative;
  display: flex;
  min-block-size: 44px;
  align-items: center;
  padding-inline: 12px;
  border: 1px solid #eadde0;
  border-radius: 24px;
  background: var(--cream);
  color: var(--wine);
  transition: background-color .18s, border-color .18s;
}

.shopLocale:hover {
  border-color: #ad7285;
  background: #fff1e3;
}

.shopLocale:focus-within {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
}

.shopLocaleFace {
  display: flex;
  align-items: center;
  gap: 7px;
  pointer-events: none;
  white-space: nowrap;
  font-size: 12px;
  font-weight: 600;
}

.shopLocaleGlobe {
  inline-size: 17px;
  block-size: 17px;
}

.shopLocaleChevron {
  inline-size: 11px;
  block-size: 11px;
}

.shopLocaleCode {
  display: none;
  direction: ltr;
  unicode-bidi: isolate;
}

.shopLocale select {
  position: absolute;
  inset: 0;
  z-index: 1;
  inline-size: 100%;
  block-size: 100%;
  margin: 0;
  opacity: 0;
  cursor: pointer;
}

.shopHeaderActions .bag {
  margin: 0;
  margin-inline-end: 6px;
}

.shopHeaderActions .bag #count {
  right: auto;
  inset-inline-end: -6px;
}

@media (max-width: 650px) {
  .shopHeaderActions {
    gap: 6px;
  }

  .shopHeaderActions .bag {
    min-inline-size: 34px;
    margin-inline-end: 4px;
  }

  .shopLocale {
    min-inline-size: 65px;
    justify-content: center;
    padding-inline: 6px;
  }

  .shopLocaleFace {
    gap: 4px;
    font-size: 11px;
  }

  .shopLocaleGlobe {
    inline-size: 15px;
    block-size: 15px;
  }

  .shopLocaleChevron {
    inline-size: 9px;
    block-size: 9px;
  }

  .shopLocaleName {
    display: none;
  }

  .shopLocaleCode {
    display: inline;
  }
}