.headerSocialLinks{display:flex;align-items:center;gap:10px}

@media (max-width:650px){
  .header{gap:8px;padding:0 12px}
  .header>.brand{order:1;flex:1 1 auto;min-width:0;gap:7px;padding-right:0;border-right:0}
  .header>.brand strong{font-size:19px;white-space:nowrap}
  .robinLogo{width:32px;height:32px}
  .menuButton{order:3;display:block;flex:0 0 auto;margin:0;padding:8px 10px;border:1px solid var(--ink);background:var(--ink);color:#fff;font-size:12px;line-height:1;letter-spacing:.04em}
  .socialHeader{display:contents}
  .headerSocialLinks{order:2;flex:0 0 auto;flex-direction:column;justify-content:center;gap:1px;padding-right:8px;border-right:1px solid var(--line)}
  .instagramHeader,.facebookHeader{display:flex}
  .instagramHeader>span,.facebookHeader>span{display:none}
  .instagramHeader .socialWatercolorIcon,.facebookHeader .socialWatercolorIcon{width:20px;height:20px}
  .cartButton{order:4;display:flex;align-items:center;gap:4px;padding:6px 7px;border:1px solid #9fa79f;background:transparent;font-size:11px;line-height:1}
  .cartButton b{width:17px;height:17px;margin-left:0;font-size:10px}
  .heroPhoto img{object-position:44% center}
}