/* V24 — refined, accessible floating social dock */
.yfi-social-dock{position:fixed;z-index:1290;inset-inline-end:max(16px,env(safe-area-inset-right));bottom:max(20px,calc(env(safe-area-inset-bottom) + 16px));display:flex;flex-direction:column;gap:10px;padding:9px;border:1px solid rgba(255,255,255,.3);border-radius:34px;background:rgba(7,27,51,.78);box-shadow:0 18px 56px rgba(3,13,30,.32),inset 0 1px rgba(255,255,255,.2);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);isolation:isolate;animation:yfiDockIn .72s cubic-bezier(.16,1,.3,1) both}
.yfi-social-button{border:1px solid rgba(255,255,255,.25);appearance:none;cursor:pointer;position:relative;display:grid;place-items:center;width:50px;height:50px;aspect-ratio:1;border-radius:19px;color:#fff;text-decoration:none;box-shadow:inset 0 1px rgba(255,255,255,.35),0 5px 15px rgba(0,0,0,.18);transition:transform .32s cubic-bezier(.2,1.9,.5,1),box-shadow .24s,border-radius .28s;outline-offset:4px;-webkit-tap-highlight-color:transparent}
.yfi-social-button svg{width:25px;height:25px;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;fill:none;pointer-events:none}.yfi-social-button circle.yfi-icon-dot{fill:currentColor;stroke:none}
.yfi-social-button[data-kind='instagram']{background:linear-gradient(145deg,#c13584 1%,#e1306c 39%,#f77737 100%)}
.yfi-social-button[data-kind='wechat']{background:linear-gradient(145deg,#27c56c,#068e51)}
.yfi-social-button[data-kind='whatsapp']{background:linear-gradient(145deg,#2ad66b,#078b47)}
.yfi-social-button:hover,.yfi-social-button:focus-visible{transform:translateY(-4px) scale(1.07) rotate(-4deg);border-radius:17px;box-shadow:0 12px 30px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.4)}
.yfi-social-button:active{transform:scale(.91) rotate(5deg)}
.yfi-social-button.yfi-tapped{animation:yfiTap .53s cubic-bezier(.16,1,.3,1)}
.yfi-social-tooltip{position:absolute;inset-inline-end:calc(100% + 18px);top:50%;transform:translateY(-45%) scale(.94);opacity:0;pointer-events:none;white-space:nowrap;background:#071b33;padding:9px 13px;border:1px solid rgba(255,255,255,.26);border-radius:10px;font:700 12px/1.2 Inter,system-ui,sans-serif;box-shadow:0 6px 22px #071b3350;transition:.2s}
.yfi-social-button:hover .yfi-social-tooltip,.yfi-social-button:focus-visible .yfi-social-tooltip{transform:translateY(-50%) scale(1);opacity:1}
.yfi-social-dialog{max-width:min(440px,calc(100vw - 26px));width:min(420px,calc(100vw - 26px));max-height:min(750px,calc(100dvh - 40px));border:1px solid #d9e3eb;border-radius:26px;padding:28px;background:#fff;color:#071b33;box-shadow:0 26px 90px #06111f66;text-align:center;overflow:auto}
.yfi-social-dialog::backdrop{background:rgba(3,13,29,.75);backdrop-filter:blur(5px)}
.yfi-dialog-close{float:right;display:grid;place-items:center;width:38px;height:38px;background:#eef3f7;color:#071b33;border:0;border-radius:50%;font-size:26px;cursor:pointer}
.yfi-social-dialog h2{clear:both;font:850 clamp(23px,5vw,32px)/1.15 Inter,system-ui,sans-serif;margin:5px 0 16px}
.yfi-social-dialog img{width:min(100%,265px);height:auto;max-height:320px;object-fit:contain;border-radius:13px;border:1px solid #e6edf4}
.yfi-social-dialog p{font:500 15px/1.65 Inter,system-ui,sans-serif;color:#57677a;margin:15px 0 0}
@keyframes yfiDockIn{from{transform:translateY(24px) scale(.89);opacity:0}to{transform:none;opacity:1}}
@keyframes yfiTap{0%{transform:scale(1)}32%{transform:scale(.82) rotate(6deg)}64%{transform:scale(1.13) rotate(-5deg)}100%{transform:scale(1) rotate(0)}}
@media(max-width:760px){.yfi-social-dock{inset-inline-end:max(10px,env(safe-area-inset-right));bottom:max(10px,calc(env(safe-area-inset-bottom) + 8px));gap:7px;padding:7px;border-radius:28px}.yfi-social-button{width:43px;height:43px;border-radius:15px}.yfi-social-button svg{width:21px;height:21px}.yfi-social-tooltip{display:none}}
@media(prefers-reduced-motion:reduce){.yfi-social-dock,.yfi-social-button,.yfi-social-tooltip{animation:none!important;transition:none!important}}