/* Store national short address — top navbar boxed display */
.store-short-address {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px 8px;
  max-width: 100%;
}

.store-short-address__label {
  font-weight: 500;
  color: var(--text-secondary);
  white-space: nowrap;
  font-size: inherit;
}

.store-short-address__boxes {
  display: inline-flex;
  align-items: stretch;
  flex-shrink: 0;
  flex-wrap: nowrap;
}

.store-short-address__box {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.35rem;
  height: 1.35rem;
  padding: 0 0.2rem;
  margin-inline-start: -1px;
  border: 1px solid rgba(100, 116, 139, 0.55);
  background: var(--bg-primary, #fff);
  color: var(--text-primary);
  font-size: 0.68rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.02em;
  box-sizing: border-box;
}

.store-short-address__box:first-child {
  margin-inline-start: 0;
  border-start-start-radius: 3px;
  border-end-start-radius: 3px;
}

.store-short-address__box:last-child {
  border-start-end-radius: 3px;
  border-end-end-radius: 3px;
}

.store-short-address-sep {
  user-select: none;
}

/* Legacy header top bar — mobile address row */
@media (max-width: 991px) {
  .header--legacy .header-top-inner {
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 10px;
    padding-block: 6px;
  }

  .header--legacy .header-contacts {
    flex: 1 1 0;
    min-width: 0;
    gap: 6px 12px;
  }

  .header--legacy .header-contacts .href-top-address-slot,
  .header--legacy .header-contacts .store-short-address {
    flex: 1 1 100%;
  }

  .header--legacy .header-contacts .store-short-address-sep {
    display: none;
  }

  .header--legacy .lang-switch {
    flex-shrink: 0;
  }
}

@media (max-width: 480px) {
  .store-short-address__box {
    min-width: 1.2rem;
    height: 1.2rem;
    font-size: 0.6rem;
  }

  .store-short-address__label {
    font-size: 0.65rem;
  }
}