.contact-dock{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:180;display:flex;align-items:center;pointer-events:none}
.contact-tab{width:54px;min-height:178px;padding:13px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border:0;border-radius:16px 0 0 16px;color:#fff;background:linear-gradient(180deg,#0d86b5,#075e87);box-shadow:0 10px 30px rgba(0,43,72,.3);cursor:pointer;pointer-events:auto}
.contact-tab>i:first-child{font-size:24px}.contact-tab span{writing-mode:vertical-rl;transform:rotate(180deg);font-size:13px;font-weight:850;letter-spacing:.13em}.contact-tab .contact-chevron{font-size:16px;transition:transform .25s}.contact-dock.is-open .contact-chevron{transform:rotate(180deg)}
.contact-panel{width:0;height:8.5cm;overflow:hidden;opacity:0;border-radius:16px 0 0 16px;color:#fff;background-color:#172018;background-image:linear-gradient(150deg,rgba(250,250,250,.18) 0 12%,rgba(17,44,26,.9) 34% 67%,rgba(190,10,20,.82) 100%),url('images/mt-logo.png');background-size:cover,110% auto;background-position:center;background-repeat:no-repeat;box-shadow:0 18px 48px rgba(0,0,0,.34);transform:translateX(20px);transition:width .3s,opacity .2s,transform .3s;pointer-events:none;backdrop-filter:blur(12px)}
.contact-dock.is-open .contact-panel{width:3cm;opacity:1;transform:translateX(0);pointer-events:auto}.contact-panel-head{min-width:3cm;height:30px;padding:4px 6px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.16)}.contact-panel-head b{font-size:9px}.contact-panel-head span{display:none}.contact-panel-head button{width:23px;height:23px;padding:0;display:grid;place-items:center;border:0;border-radius:50%;color:#fff;background:rgba(255,255,255,.14);cursor:pointer}
.contact-links{min-width:3cm;height:calc(8.5cm - 30px);padding:4px 4px 5px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(6,minmax(0,1fr));grid-auto-flow:column;gap:1px 4px}.contact-links a,.contact-links button{min-width:0;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:0;color:#fff;background:none;font:inherit;font-size:7px;font-weight:800;line-height:1;white-space:nowrap;cursor:pointer}.contact-links a>i,.contact-links button>i,.contact-links a>b,.contact-links button>b{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;color:#fff;font-size:15px;box-shadow:inset 0 0 0 2px rgba(0,0,0,.18),0 3px 7px rgba(0,0,0,.25);animation:mt-live-pulse 2s ease-out infinite}.contact-links a>b,.contact-links button>b{font-size:7px}
.dock-email>i{background:#ef4338}.dock-instagram>i{background:linear-gradient(145deg,#6d36c8,#e93670,#f59b38)}.dock-facebook>i{background:#1877f2}.dock-x>i{background:#050505}.dock-youtube>i{background:#f10b0b}.dock-whatsapp>i{background:#20c968}.dock-zalo>b{background:#0879ed}.dock-line>b{background:#09bf38}.dock-wechat>i{background:#10bf66}.dock-linkedin>i{background:#0a66c2}.dock-telegram>i{background:#229ed9}
@keyframes mt-live-pulse{0%,100%{box-shadow:0 0 0 0 rgba(37,211,102,0),0 3px 9px rgba(0,0,0,.24)}45%{box-shadow:0 0 0 3px rgba(37,211,102,.24),0 0 0 6px rgba(37,211,102,.1),0 3px 9px rgba(0,0,0,.24)}78%{box-shadow:0 0 0 8px rgba(37,211,102,0),0 0 0 11px rgba(37,211,102,0),0 3px 9px rgba(0,0,0,.24)}}
.footer-social{padding:26px 6vw;display:grid;grid-template-columns:minmax(240px,.65fr) 1.7fr;align-items:center;gap:28px;color:#fff;background:linear-gradient(110deg,#04345f,#075f78 56%,#08745e)}.footer-social h2{margin:8px 0 0;font-size:24px}.footer-social-icons{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px}.footer-social-icons>a,.footer-social-icons>button{width:40px;height:40px;padding:0;border:0;border-radius:10px;color:#fff;display:grid;place-items:center;font-size:19px;box-shadow:0 4px 10px rgba(0,0,0,.16);cursor:pointer;animation:mt-live-pulse 2s ease-out infinite}.footer-social-icons b{font-size:8px}
.social-email{background:#ef4338}.social-instagram{background:linear-gradient(145deg,#6d36c8,#e93670,#f59b38)}.social-facebook{background:#1877f2}.social-x{background:#050505}.social-youtube{background:#f10b0b}.social-whatsapp{background:#20c968}.social-zalo{background:#0879ed}.social-line{background:#09bf38}.social-wechat{background:#10bf66}.social-linkedin{background:#0a66c2}.social-telegram{background:#229ed9}.footer-social-number{grid-column:1/-1;margin:0;color:#d5eee8;font-size:10px}
.contact-modal-backdrop[hidden]{display:none}.contact-modal-backdrop{position:fixed;inset:0;z-index:250;padding:20px 14px;display:grid;place-items:center;overflow-y:auto;background:rgba(5,15,24,.72);backdrop-filter:blur(7px)}.contact-modal{width:min(410px,100%);position:relative;padding:24px 24px 22px;border-radius:22px;color:#171a1d;background:#fff;text-align:center;box-shadow:0 28px 90px rgba(0,0,0,.35)}.contact-modal-close{width:52px;height:40px;position:absolute;top:13px;right:15px;display:grid;place-items:center;border:0;border-radius:50%;background:#f1f2f2;cursor:pointer}.contact-modal-icon{width:58px;height:58px;margin:0 auto 11px;display:grid;place-items:center;border-radius:18px;color:#fff;background:#06c755}.contact-modal-icon b{font-size:11px}.contact-modal h2{margin:0;font-size:25px}.contact-modal>p{margin:10px auto 15px;color:#676b6e;font-size:13px;line-height:1.45}
.contact-qr{height:230px;padding:14px;display:grid;place-items:center;overflow:hidden;border:1px solid #dfe2e3;border-radius:16px;background:#fff}.contact-qr img{width:100%;height:100%;object-fit:contain}.contact-id-row{margin-top:12px;padding:14px 16px;display:flex;justify-content:space-between;border-radius:13px;background:#f5f6f6;color:#595e61;font-size:13px}.contact-id-row strong{color:#171a1d;font-size:15px}.contact-modal-actions{margin-top:11px;display:grid;grid-template-columns:1fr 1fr;gap:9px}.contact-modal-actions button,.contact-modal-actions a{min-height:44px;padding:10px;display:grid;place-items:center;border:0;border-radius:11px;font-size:12px;font-weight:850;cursor:pointer}.contact-modal-actions button{background:#eef0f1}.contact-modal-actions a{color:#fff;background:#06c755}.contact-modal.wechat .contact-modal-actions{grid-template-columns:1fr}
@media(max-width:760px){.contact-dock{top:auto;bottom:22px;transform:none;align-items:flex-end}.contact-tab{width:52px;min-height:132px}.footer-social{grid-template-columns:1fr;padding:22px}.footer-social-icons{justify-content:flex-start}.contact-modal{width:min(370px,100%);padding:20px 16px 16px}.contact-qr{height:min(220px,57vw)}.contact-modal-actions{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.contact-links i,.contact-links b,.footer-social-icons a,.footer-social-icons button{animation:none}}