.dock{position:fixed;right:0;bottom:168px;z-index:96;display:flex;flex-direction:column;background:#fff;border-radius:12px 0 0 12px;box-shadow:0 8px 24px rgba(16,36,74,.16);overflow:visible}
.dock__item{position:relative}
.dock__item+.dock__item{border-top:1px solid #eef0f3}
.dock__ico{display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin:0;padding:0;border:0;background:#fff;color:#10244a;cursor:pointer}
.dock__item:first-child .dock__ico{border-radius:12px 0 0 0}
.dock__item:last-child .dock__ico{border-radius:0 0 0 12px}
.dock__item:only-child .dock__ico{border-radius:12px 0 0 12px}
.dock__ico svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}
.dock__item:hover .dock__ico,.dock__item.is-open .dock__ico{background:#d0122d;color:#fff}
.dock__label{position:absolute;top:0;right:48px;height:48px;display:flex;align-items:center;padding:0 16px;background:#d0122d;color:#fff;font-size:14px;line-height:1;white-space:nowrap;border-radius:24px 0 0 24px;opacity:0;visibility:hidden;transform:translateX(8px);pointer-events:none}
.dock__item:hover .dock__label,.dock__item.is-open .dock__label{opacity:1;visibility:visible;transform:none;pointer-events:auto}
.dock__label:hover{color:#fff}
.dock__card{position:absolute;right:56px;bottom:0;z-index:2;width:148px;padding:8px;background:#fff;border-radius:8px;box-shadow:0 10px 28px rgba(16,36,74,.16);opacity:0;visibility:hidden;pointer-events:none}
.dock__item:hover .dock__card,.dock__item.is-open .dock__card{opacity:1;visibility:visible;pointer-events:auto}
.dock__card img{display:block;width:132px;height:132px;object-fit:contain}
@media (max-width:767px){
.dock{bottom:88px}
.dock__ico{width:42px;height:42px}
.dock__label{right:42px;height:42px;font-size:13px}
}