.header-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}
.social-link{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:44px;border:2px solid var(--ink);background:var(--ink);color:var(--paper);box-shadow:3px 3px var(--blue)}
.social-link svg{display:block;flex-shrink:0}
.social-link:hover{background:var(--blue);border-color:var(--blue)}
.social-link:focus-visible{outline:3px solid var(--blue);outline-offset:5px}
.social-footer{padding:20px 4.5%;border-top:var(--line);background:var(--yellow);display:flex;justify-content:center}
.social-profile{width:auto;min-height:44px;height:auto;gap:12px;padding:10px 16px;font-size:12px;font-weight:800}
@media(max-width:1100px){
  .site-header{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));height:auto;min-height:125px;gap:16px 8px;padding:16px 5%}
  .site-header .brand{grid-column:1/3;grid-row:1;width:max-content}
  .site-header .header-center{display:none}
  .site-header .header-nav{display:contents}
  .site-header .header-actions{grid-column:3/6;grid-row:1;justify-self:end;gap:10px;max-width:100%}
  .site-header .header-actions .wallet-button{min-width:0;min-height:44px;font-size:9px;padding:10px}
  .site-header .header-nav>a{grid-row:2;min-height:40px}
  .site-header .packs-link{grid-column:1}
  .site-header .collection-link{grid-column:2}
  .site-header .market-link{grid-column:3}
  .site-header .account-link{grid-column:4}
  .site-header .header-nav .my-packs-link{grid-column:5;grid-row:2}
}
@media(max-width:380px){
  .site-header .header-actions{gap:6px}
  .site-header .header-actions .wallet-button{font-size:8px;padding-inline:6px}
}