/* Globalne odnośniki społecznościowe. Bez SDK i bez zewnętrznych zasobów. */
.header .nav{
  gap:clamp(12px,1.45vw,28px);
  font-size:13px;
}

.social-rail{
  position:fixed;
  z-index:32;
  top:50%;
  left:0;
  width:44px;
  display:grid;
  gap:4px;
  pointer-events:none;
  transform:translateY(-50%);
}

.social-rail__link{
  width:148px;
  min-height:46px;
  display:grid;
  grid-template-columns:minmax(0,104px) 44px;
  align-items:stretch;
  color:#fff;
  background:rgba(47,48,51,.96);
  border:1px solid rgba(255,255,255,.18);
  border-left:0;
  box-shadow:0 10px 24px rgba(35,36,38,.16);
  pointer-events:auto;
  transform:translateX(-104px);
  transition:transform .3s cubic-bezier(.16,1,.3,1),background .22s ease,border-color .22s ease;
}

.social-rail__label{
  display:flex;
  align-items:center;
  padding:0 14px;
  font:700 12px/1 "Instrument Sans",Arial,sans-serif;
  white-space:nowrap;
}

.social-rail__mark{
  display:grid;
  place-items:center;
  border:0;
  background:#393a3d;
  color:#fff;
  font:800 15px/1 "Instrument Sans",Arial,sans-serif;
  letter-spacing:-.03em;
  text-transform:lowercase;
  transition:filter .22s ease;
}

.social-rail__link[href*="facebook.com"] .social-rail__mark{
  background:#1877f2;
}

.social-rail__link[href*="instagram.com"] .social-rail__mark{
  background:linear-gradient(135deg,#833ab4 0%,#c13584 34%,#e1306c 60%,#f77737 100%);
}

.social-rail__link:hover,
.social-rail__link:focus-visible{
  color:#fff;
  background:#393a3d;
  border-color:rgba(255,255,255,.3);
  transform:none;
}

.social-rail__link:hover .social-rail__mark,
.social-rail__link:focus-visible .social-rail__mark{filter:brightness(1.08)}

.social-rail__link:focus-visible{
  outline:3px solid #ff8726;
  outline-offset:3px;
}

.social-rail__link:active{transform:translateX(0) translateY(1px)}

.mobile-social-link{
  position:relative;
  min-height:46px!important;
  display:flex!important;
  align-items:center;
  gap:12px;
  color:rgba(255,255,255,.8)!important;
  font:700 15px/1 "Instrument Sans",Arial,sans-serif!important;
}

.mobile-social-link:before{
  content:attr(data-social-mark);
  width:28px;
  height:28px;
  flex:none;
  display:grid;
  place-items:center;
  border:0;
  background:#393a3d;
  color:#fff;
  font-size:11px;
  text-transform:lowercase;
}

.mobile-social-link[href*="facebook.com"]:before{background:#1877f2}
.mobile-social-link[href*="instagram.com"]:before{
  background:linear-gradient(135deg,#833ab4 0%,#c13584 34%,#e1306c 60%,#f77737 100%);
}

.mobile-social-link:hover,
.mobile-social-link:focus-visible{color:#fff!important}

.footer-social-link{
  position:relative;
  width:max-content;
  padding-right:16px;
}

.footer-social-link:after{
  content:"\2197";
  position:absolute;
  right:0;
  color:#ff9a47;
  font-size:11px;
}

@media(max-width:1260px){
  .social-rail{display:none}
}

@media(min-width:1261px){
  .mobile-social-link{display:none!important}
}

@media(prefers-reduced-motion:reduce){
  .social-rail__link{transition:none}
}

@media print{
  .social-rail,
  .mobile-social-link,
  .footer-social-link{display:none!important}
}