@media (max-width: 1359px) {
  .sf-shop > header [data-shop-mobile-menu] .sf-shop-menu-socials {
    margin-top: 6px;
    padding: 6px 0 0;
    border: 0;
    border-top: 1px solid rgb(var(--sf-border));
    border-radius: 0;
    background: transparent;
  }
  .sf-shop-menu-socials > span {
    display: block;
    margin-bottom: 6px;
    color: rgb(var(--sf-subtle));
    font-size: 10px;
    font-weight: 400;
    letter-spacing: 0.35em;
    text-transform: uppercase;
  }
  .sf-shop-menu-socials > div {
    display: grid;
    grid-template-columns: repeat(auto-fit, 44px);
    gap: 4px;
  }
  .sf-shop > header [data-shop-mobile-menu] .sf-shop-menu-socials a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    padding: 0;
    border-radius: 999px;
    color: rgb(var(--sf-secondary));
  }
  .sf-shop-menu-socials a:hover {
    color: rgb(var(--sf-accent));
    background: rgb(var(--sf-accent-soft));
  }
  .sf-shop-menu-socials a:focus-visible {
    outline: 2px solid rgb(var(--sf-accent));
    outline-offset: -2px;
  }
}