/* 06.11 · кнопка в плавающей панели: кружок со стрелкой на одинаковом отступе сверху, снизу и справа */
#dock .btn{--in:5px;justify-content:space-between;padding-right:var(--in)}
#dock .btn .ico{width:calc(48px - var(--in) * 2);height:calc(48px - var(--in) * 2);flex:none}
@media (max-width:760px){
  #dock .btn{flex:1 1 auto;min-width:0;padding-left:20px}
}
/* кнопка MAX рядом с Telegram */
#dock .dock__max svg{width:24px;height:24px}
#dock .dock__max{flex:none}
#dock .dock__tg{flex:none}
/* узкие телефоны: три элемента в одну строку без переполнения */
@media (max-width:380px){
  .dock{gap:6px!important;padding:5px!important}
  #dock .btn{--in:4px;padding-left:16px;gap:8px;font-size:14.5px;white-space:nowrap}
  #dock .dock__tg{width:44px;height:44px}
}
@media (max-width:340px){
  .dock{gap:5px!important}
  #dock .btn{--in:7px;padding-left:12px;gap:6px;font-size:13px}
  #dock .dock__tg{width:40px;height:40px}
  #dock .dock__tg svg{width:18px;height:18px}
  #dock .dock__max svg{width:21px;height:21px}
}
/* Telegram: фирменный голубой круг с белым самолётиком */
#dock .dock__tgb svg{width:26px;height:26px}
@media (max-width:340px){#dock .dock__tgb svg{width:23px;height:23px}}
/* 06.11: мессенджеры — белые силуэты на тёмных кругах, фирменный цвет только при наведении */
#dock .dock__tgb,#dock .dock__max{color:#fff;transition:background .25s,transform .25s}
#dock .dock__tgb svg{width:22px;height:22px}
#dock .dock__max svg{width:22px;height:22px}
#dock .dock__tgb:hover{background:#2aa3dd}
#dock .dock__max:hover{background:linear-gradient(135deg,#3d8bff,#7a3cff)}
#dock .dock__tgb:active,#dock .dock__max:active{transform:scale(.94)}
@media (max-width:340px){#dock .dock__tgb svg,#dock .dock__max svg{width:20px;height:20px}}