.p2z-social-rail{position:fixed;right:18px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:10px;z-index:55;isolation:isolate}.p2z-social-link{display:flex;align-items:center;justify-content:flex-start;gap:12px;width:49px;height:49px;overflow:hidden;border:1px solid #ffffff47;border-radius:14px;box-shadow:0 9px 22px #040c1a80;background:#1b3d61;color:#fff;text-decoration:none;white-space:nowrap;padding:0 13px;transition:width .2s ease,transform .2s ease,box-shadow .2s ease}.p2z-social-link svg{width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.p2z-social-link span{font-size:13px;font-weight:700;opacity:0;transition:opacity .15s ease}.p2z-social-link:hover,.p2z-social-link:focus-visible{width:135px;transform:translateX(-4px);box-shadow:0 11px 27px #030918aa}.p2z-social-link:hover span,.p2z-social-link:focus-visible span{opacity:1}.p2z-social-link:focus-visible{outline:2px solid #d6f2ff;outline-offset:3px}.p2z-social-instagram{background:linear-gradient(135deg,#662dba,#c13584,#f77737)}.p2z-social-whatsapp{background:#078e64}.p2z-social-facebook{background:#2563b9}.p2z-social-contact{background:#1a6f9f}@media(max-width:1000px){.p2z-social-rail{right:12px;top:auto;bottom:78px;transform:none;gap:7px}.p2z-social-link{width:44px;height:44px;border-radius:12px;padding:0 11px}.p2z-social-link svg{width:20px;height:20px}.p2z-social-link:hover,.p2z-social-link:focus-visible{width:122px;transform:translateX(0)}}@media(max-width:520px){.p2z-social-rail{right:10px;bottom:76px}.p2z-social-link{width:42px;height:42px;padding:0 10px}.p2z-social-link:hover,.p2z-social-link:focus-visible{width:112px}}@media(prefers-reduced-motion:reduce){.p2z-social-link,.p2z-social-link span{transition:none}}
/* On narrow screens the rail takes its own row below navigation, leaving form controls unobstructed. */
@media(max-width:1000px){.p2z-social-rail-slot{display:flex;justify-content:flex-end;padding:10px 12px 0}.p2z-social-rail{position:static;right:auto;top:auto;bottom:auto;transform:none;flex-direction:row}.p2z-social-link:hover,.p2z-social-link:focus-visible{width:44px;transform:none}.p2z-social-link span{display:none}}
@media(max-width:520px){.p2z-social-rail-slot{padding:8px 8px 0}.p2z-social-rail{gap:4px}.p2z-social-link,.p2z-social-link:hover,.p2z-social-link:focus-visible{width:38px;height:38px;padding:0 8px}.p2z-social-link svg{width:18px;height:18px}}

/* On account pages the fixed rail would cover actions along the right edge. */
body:has(main.account-main) .p2z-social-rail-slot{display:flex;justify-content:flex-end;max-width:1648px;margin-inline:auto;padding:10px 16px 0}
body:has(main.account-main) .p2z-social-rail{position:static;right:auto;top:auto;bottom:auto;transform:none;display:flex;flex-direction:row;gap:7px}
body:has(main.account-main) .p2z-social-link:hover,
body:has(main.account-main) .p2z-social-link:focus-visible{width:49px;transform:none}
body:has(main.account-main) .p2z-social-link span{display:none}
@media(max-width:520px){
    body:has(main.account-main) .p2z-social-rail-slot{padding:8px 8px 0}
    body:has(main.account-main) .p2z-social-link:hover,
    body:has(main.account-main) .p2z-social-link:focus-visible{width:38px}
}