/* Keep shortcuts below overlays and above page content. */
.social-rail { position: fixed; right: 0; top: 50%; transform: translateY(-50%); z-index: 45; display: grid; justify-items: end; gap: 8px; }
.social-rail__link { position: relative; display: grid; place-items: center; width: 54px; height: 54px; border: 1px solid rgb(255 255 255 / 18%); border-right: 0; border-radius: 16px 0 0 16px; color: #fff; box-shadow: 0 5px 16px rgb(0 0 0 / 14%); transition: width .2s, filter .2s; }
.social-rail__link svg { width: 28px; height: 28px; flex-shrink: 0; }
.social-rail__link--whatsapp { background: linear-gradient(145deg, #25b968, #16854a); }
.social-rail__link--instagram { background: linear-gradient(145deg, #7351ac, #c34679 55%, #e99a53); }
.social-rail__link:hover, .social-rail__link:focus-visible { width: 60px; filter: brightness(1.08); }
.social-rail__link:focus-visible { outline: 2px solid var(--ink); outline-offset: 3px; }
.social-rail__label { position: absolute; right: calc(100% + 10px); white-space: nowrap; padding: 8px 12px; border-radius: 4px; background: var(--ink); color: var(--paper); font-size: 13px; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .2s, visibility .2s; }
.social-rail__link:hover .social-rail__label, .social-rail__link:focus-visible .social-rail__label { opacity: 1; visibility: visible; }
body.cart-open .social-rail, body.nav-open .social-rail, body.search-open .social-rail, body.lb-open .social-rail, body.facets-open .social-rail { visibility: hidden; }
@media (max-width: 767px) {
  .social-rail { top: auto; bottom: calc(92px + env(safe-area-inset-bottom, 0px)); transform: none; gap: 6px; }
  .social-rail__link, .social-rail__link:hover, .social-rail__link:focus-visible { width: 46px; height: 46px; border-radius: 13px 0 0 13px; }
  .social-rail__link svg { width: 25px; height: 25px; }
  .social-rail__label { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .social-rail__link, .social-rail__label { transition: none; }
}