/* Canonical brand marks, shared by the theme panel and storefront. */
.pn-social-mark{display:inline-grid;place-items:center;flex:none;width:24px;height:24px;border-radius:7px;color:#fff;background:#1877f2}
.pn-social-instagram .pn-social-mark{background:linear-gradient(145deg,#833ab4,#e1306c,#fcb045)}
.pn-social-youtube .pn-social-mark{background:#ff0033}
.pn-social-tiktok .pn-social-mark,.pn-social-x .pn-social-mark{background:#15151d}
.pn-social-pinterest .pn-social-mark{background:#e60023}
.pn-social-linkedin .pn-social-mark{background:#0a66c2}
.pn-social-mark>svg.pn-icon{display:block;width:17px!important;height:17px!important;fill:currentColor!important;stroke:none!important;stroke-width:0!important;color:#fff!important}
body.pn-site.pn-theme-system .pn-site-frame :is(.pn-top-social,.pn-footer-social){display:flex!important;align-items:center;flex-wrap:wrap;gap:7px}
body.pn-site.pn-theme-system .pn-site-frame :is(.pn-top-social,.pn-footer-social)>a{display:grid!important;place-items:center;width:26px!important;height:28px!important;flex:0 0 26px;padding:0!important;margin:0!important;border:0!important;border-radius:7px!important;background:transparent!important;box-shadow:none!important;color:#fff!important}
body.pn-site .pn-site-frame :is(.pn-top-social,.pn-footer-social)>a:focus-visible{outline:2px solid currentColor;outline-offset:3px}
body.pn-site .pn-site-frame .pn-topbar-right{flex-wrap:wrap;justify-content:flex-end}
body.pn-site .pn-site-frame .pn-top-links li{display:flex!important}
@media(max-width:650px){body.pn-site .pn-site-frame .pn-topbar-right{justify-content:center}}

/* Brand SVGs must be centered regardless of header span/grid inheritance. */
body :is(.pn-top-social,.pn-footer-social,.pn-social-control) .pn-social-mark{position:static!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box;padding:0!important;line-height:0!important;text-align:center}
body :is(.pn-top-social,.pn-footer-social,.pn-social-control) .pn-social-mark>svg.pn-icon{position:static!important;inset:auto!important;flex:0 0 17px;align-self:center!important;justify-self:center!important;margin:0!important;padding:0!important;border:0!important;transform:none!important;line-height:0;vertical-align:middle}