.messcal-panel {position:fixed; bottom:30px; right:30px; z-index:999;}
.messcal-button {color:#fff; background:#990001; border-radius:100%; width:60px; height:60px; display:flex; align-items:center; justify-content:center; position:relative;}
.messcal-button .icon-carousel {position:relative; width:45px; height:45px;}
.messcal-button .icon-carousel svg {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); transition:opacity 0.3s ease;}
.messcal-button .icon-chat{opacity:0; width:32px}
.messcal-button .icon-telegram {opacity:0;}
.messcal-button .icon-max {opacity:0;}
.messcal-panel:not(.open) .icon-telegram {animation:fadeCycle 4s infinite; width: 26px;}
.messcal-panel:not(.open) .icon-max {animation:fadeCycle 4s infinite 2s; width: 26px;}
.messcal-panel.open .icon-chat{opacity:1;}
.messcal-panel.open .icon-telegram {opacity:0; animation:none;}
.messcal-panel.open .icon-max {opacity:0; animation:none;}
.messcal-button-wrap button {position:relative; z-index:2;}
.messcal-button__wave {position:absolute; inset:0; background:#990001; width:100%; height:100%; border-radius:50%; animation:2s ease 0s infinite normal none running sonarWave; pointer-events:none; z-index:1;}
.messcal-panel__list {position:absolute; bottom:100%; left:50%; transform:translateX(-50%); visibility:hidden; opacity:0; transition:opacity 0.2s ease, visibility 0.2s ease; z-index:1000;}
.messcal-panel__list.active {visibility:visible; opacity:1;}
.messcal-panel__item {margin-bottom:10px; opacity:0; transform:translateX(30px); transition:opacity 0.3s ease, transform 0.3s ease;}
.messcal-panel__list.active .messcal-panel__item:nth-child(1) {opacity:1; transform:translateX(0); transition-delay:0.1s;}
.messcal-panel__list.active .messcal-panel__item:nth-child(2) {opacity:1; transform:translateX(0); transition-delay:0.2s;}
.messcal-panel__link {width:50px; height:50px; display:flex; align-items:center; border-radius:100%; justify-content:center; color:#fff; position:relative;}
.messcal-panel__link > svg {width:28px; height:auto;}
.messcal-panel__link span {padding:0 5px 0 10px; font-size:16px; line-height:1; position:absolute; right:100%; top:50%; transform:translateX(-20px) translateY(-50%); color:#fff; display:flex; background:rgba(0,0,0,0.5); height:24px; align-items:center; border-radius:5px 0 0 5px;}
.messcal-panel__link span:before {right:-24px; content:""; border:12px solid transparent; border-left-color:rgba(0,0,0,0.5); width:0; position:absolute; top:50%; margin-top:-12px;}
.messcal-panel__link.soc-tg {background:#00aef0;}
.messcal-panel__link.soc-max {background:linear-gradient(135deg, #4CB9FC 0%, #4C6AFE 45%, #7E60EB 100%);}
.messcal-panel.open .messcal-button__wave {animation:none !important; opacity:0 !important;}
.messcal-overlay {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.6); backdrop-filter:blur(3px); opacity:0; visibility:hidden; transition:opacity 0.3s ease, visibility 0.3s ease; z-index:998; pointer-events:none;}
.messcal-overlay.active {opacity:1; visibility:visible; pointer-events:auto;}
@keyframes sonarWave {from{opacity:0.4;} to{transform:scale(3); opacity:0;}}
@keyframes fadeCycle {0%{opacity:0;} 10%{opacity:1;} 40%{opacity:1;} 50%{opacity:0;} 100%{opacity:0;}}