/* Navigation related breakpoints */
/* Grid related breakpoints */
.secondary-menu {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 1rem;
  margin-block: var(--sp1);
}
@media (max-width: 68.75rem) {
  .secondary-menu {
    order: 1;
    justify-content: flex-start;
    margin-block: var(--sp3) 0;
  }
}

.secondary-menu__payments-link {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.3125rem 0.75rem;
  background-color: #444;
  color: white;
  border-radius: 0.3125rem;
  font-size: 1rem;
  text-decoration: none;
}
@media (min-width: 68.75rem) {
  .secondary-menu__payments-link {
    padding: 0.1875rem 0.625rem;
    font-size: 0.875rem;
  }
}
.secondary-menu__payments-link:focus {
  outline-color: #444;
  outline-offset: 2px;
}
.secondary-menu__payments-link svg {
  width: 1.875rem;
  height: auto;
}
@media (min-width: 68.75rem) {
  .secondary-menu__payments-link svg {
    width: 1.5625rem;
  }
}

.secondary-menu__phone-link {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  color: #444;
  text-decoration: none;
}
@media (forced-colors: active) {
  .secondary-menu__phone-link svg {
    fill: currentColor;
  }
}