/* WINSEN GLOBAL FLOATING CONTACT */
.wm-float,.wm-mobile-contact{--a:#1C6BAE;--ad:#14558F;--ink:#19374D;--muted:#7B8E9F;--line:#DEE7EE;--soft:#F3F7FA;--white:#fff;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}
.wm-float *,.wm-mobile-contact *{box-sizing:border-box}.wm-float a,.wm-mobile-contact a{text-decoration:none!important}.wm-contact-icon{display:block;width:20px;height:20px;flex:0 0 20px;fill:currentColor}

/* DESKTOP */
.wm-float{position:fixed;right:22px;top:50%;z-index:9990;display:flex;flex-direction:column;gap:8px;transform:translateY(-50%)}
.wm-float-item{position:relative}
.wm-float-btn{display:flex;width:52px;height:52px;align-items:center;justify-content:center;background:#fff;border:1px solid rgba(25,55,77,.12);border-radius:4px;color:var(--ink)!important;box-shadow:0 6px 22px rgba(25,55,77,.08);transition:.2s ease}
.wm-float-btn:hover,.wm-float-btn:focus-visible{background:var(--a);border-color:var(--a);color:#fff!important;transform:translateX(-3px);box-shadow:0 8px 26px rgba(25,55,77,.14)}
.wm-float-inquiry{background:var(--ink);border-color:var(--ink);color:#fff!important}
.wm-float-inquiry:hover{background:var(--ad);border-color:var(--ad)}

.wm-float-tip{position:absolute;right:calc(100% + 10px);top:50%;padding:8px 11px;background:var(--ink);color:#fff;font-size:10.5px;font-weight:600;line-height:1;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;transform:translate(6px,-50%);transition:.18s ease}
.wm-float-tip:after{content:"";position:absolute;left:100%;top:50%;transform:translateY(-50%);border:5px solid transparent;border-left-color:var(--ink)}
.wm-float-item:hover .wm-float-tip,.wm-float-btn:focus-visible+.wm-float-tip{opacity:1;visibility:visible;transform:translate(0,-50%)}

/* QR */
.wm-float-qr{position:absolute;right:calc(100% + 14px);top:50%;width:174px;padding:12px;background:#fff;border:1px solid var(--line);box-shadow:0 14px 38px rgba(25,55,77,.14);opacity:0;visibility:hidden;pointer-events:none;transform:translate(8px,-50%);transition:.2s ease}
.wm-has-qr:hover .wm-float-qr,.wm-has-qr:focus-within .wm-float-qr{opacity:1;visibility:visible;transform:translate(0,-50%)}
.wm-float-qr img{display:block;width:148px;height:148px;object-fit:contain;background:#fff}
.wm-float-qr span{display:block;margin-top:9px;color:var(--muted);font-size:9px;font-weight:700;line-height:1.4;letter-spacing:.08em;text-align:center;text-transform:uppercase}

/* MOBILE */
.wm-mobile-contact{position:fixed;left:0;right:0;bottom:0;z-index:9990;display:none;padding-bottom:env(safe-area-inset-bottom);background:#fff;border-top:1px solid var(--line);box-shadow:0 -6px 24px rgba(17,21,19,.07)}
.wm-mobile-contact-inner{display:grid;grid-template-columns:repeat(4,1fr);min-height:62px}
.wm-mobile-contact a{position:relative;display:flex;min-width:0;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--ink)!important;transition:.2s ease}
.wm-mobile-contact a:not(:last-child):after{content:"";position:absolute;right:0;top:14px;bottom:14px;width:1px;background:#edf0ee}
.wm-mobile-contact a:active{background:var(--soft)}
.wm-mobile-contact .wm-mobile-inquiry{background:var(--ink);color:#fff!important}
.wm-mobile-contact .wm-mobile-inquiry:after{display:none}
.wm-mobile-contact span{font-size:10px;font-weight:600;line-height:1}
.wm-mobile-contact .wm-contact-icon{width:21px;height:21px;flex-basis:21px}

.wm-float-btn:focus-visible,.wm-mobile-contact a:focus-visible{outline:2px solid var(--a);outline-offset:2px}

@media(max-width:768px){
body:has(.wm-mobile-contact){padding-bottom:calc(62px + env(safe-area-inset-bottom))}
.wm-float{display:none!important}.wm-mobile-contact{display:block}
}
@media(min-width:769px){.wm-float{display:flex}.wm-mobile-contact{display:none}}
@media(min-width:769px) and (max-width:1100px){.wm-float{right:12px}.wm-float-btn{width:48px;height:48px}}
