/* Shared fixed contact controls; colors inherit from the selected variant. */
.fixed-contact-bar{position:fixed;z-index:5;inset:auto auto 0 50%;transform:translateX(-50%);width:min(100%,var(--dock-width,430px));padding:10px 18px calc(10px + env(safe-area-inset-bottom,0px));background:var(--bg)}
.fixed-contact-bar .contact-dock{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin:0}
.fixed-contact-bar .social{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:44px;min-height:54px;gap:5px;padding:4px 0;font-size:12px;line-height:1.45;color:var(--secondary)}
.fixed-contact-bar .brand-icon{display:grid;place-items:center;flex-shrink:0;width:52px;height:52px;border-radius:16px;background:var(--surface);color:var(--ink);font-size:0;transition:background 120ms var(--ease),color 120ms var(--ease),transform 120ms var(--ease)}
.fixed-contact-bar .brand-icon::before{content:"";width:28px;height:28px;background:currentColor;mask:var(--brand-image) center/contain no-repeat;-webkit-mask:var(--brand-image) center/contain no-repeat}
.brand-telegram{--brand-image:url('/assets/icons/telegram.svg')}.brand-whatsapp{--brand-image:url('/assets/icons/whatsapp.svg')}.brand-max{--brand-image:url('/assets/icons/max.svg')}.brand-instagram{--brand-image:url('/assets/icons/instagram.svg')}.brand-phone{--brand-image:url('/assets/icons/phone.svg')}
.fixed-contact-bar .social:active .brand-icon{transform:scale(.94)}
@media(hover:hover) and (pointer:fine){.fixed-contact-bar .social:hover .brand-icon{background:var(--raised);color:var(--accent)}}
@media(max-width:359px){.fixed-contact-bar{padding-inline:10px}.fixed-contact-bar .contact-dock{gap:2px}.fixed-contact-bar .social{font-size:12px}}
@media(prefers-reduced-motion:reduce){.fixed-contact-bar .brand-icon{transition:none}}
.fixed-contact-bar .brand-max::before{width:30px;height:30px;background:currentColor;-webkit-mask:url('/assets/icons/max-white-hd.png') center/contain no-repeat;mask:url('/assets/icons/max-white-hd.png') center/contain no-repeat}
@keyframes dock-arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:no-preference){html.js .fixed-contact-bar .social{opacity:0;animation:dock-arrive 520ms var(--ease-out,cubic-bezier(.22,1,.36,1)) forwards}html.js .fixed-contact-bar .social:nth-child(1){animation-delay:420ms}html.js .fixed-contact-bar .social:nth-child(2){animation-delay:480ms}html.js .fixed-contact-bar .social:nth-child(3){animation-delay:540ms}html.js .fixed-contact-bar .social:nth-child(4){animation-delay:600ms}html.js .fixed-contact-bar .social:nth-child(5){animation-delay:660ms}}