body{--px-support-bottom:20px}
body.single-product{--px-support-bottom:100px}
.printx-unified .printx-floating-contact.px-support-hub{display:grid!important;grid-template-columns:44px!important;justify-items:end;align-items:center;position:fixed;right:14px!important;bottom:var(--px-support-bottom)!important;gap:8px!important;width:44px;max-width:none;padding:0!important;margin:0;border:0;background:none;box-shadow:none;z-index:5100}
.printx-floating-contact.px-support-hub :is(.px-support-zalo,.px-support-top,.px-floating-consult>summary){box-sizing:border-box;display:flex;align-items:center;justify-content:center;flex:none;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;margin:0;padding:0!important;border:1px solid #d6e4e0;border-radius:6px!important;background:#fff;color:#28554b;box-shadow:0 2px 8px #15352b14!important;font-size:16px;line-height:1;text-decoration:none;cursor:pointer}
.printx-floating-contact.px-support-hub a.px-support-zalo{font-size:12px;font-weight:700;background:#0877e8;color:#fff;border-color:#0877e8}
.printx-floating-contact.px-support-hub .px-floating-consult>summary{background:#087f72;color:#fff;border-color:#087f72;list-style:none}
.px-floating-consult>summary::-webkit-details-marker{display:none}
.px-support-hub :is(a,button,summary):focus-visible{outline:2px solid #f25a22;outline-offset:3px}
.px-support-zalo-slot{position:relative;width:44px;height:44px}
.px-support-hub.has-zalo-oa .px-support-zalo-slot{height:64px}
.px-support-zalo-slot>a{position:absolute!important;right:0;bottom:0}
.px-support-oa-ready .px-support-zalo[data-oa-fallback]{visibility:hidden;pointer-events:none}
.px-floating-consult{position:relative;margin:0;padding:0;border:0}
.printx-floating-contact.px-support-hub .px-floating-consult>.px-product-consult{position:absolute;right:0;bottom:54px;display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:14px;box-sizing:border-box;width:360px;max-width:calc(100vw - 28px);max-height:calc(100dvh - var(--px-support-bottom) - 78px);overflow:auto;padding:16px!important;margin:0!important;border:1px solid #c3ded4;border-radius:6px;background:#fff;color:#29433d;box-shadow:0 8px 28px #183d3026;text-align:start}
.px-support-hub .px-floating-consult:not([open])>.px-product-consult{display:none!important}
.px-support-hub .px-consult-heading{display:flex;justify-content:space-between;align-items:center;gap:8px}
.px-support-hub .px-consult-heading>strong{font-size:15px;color:#087f72;line-height:1.5}
.printx-floating-contact.px-support-hub .px-consult-hours{display:grid;grid-template-columns:1fr 1fr;gap:12px;grid-column:auto;grid-row:auto}
.printx-floating-contact.px-support-hub .px-consult-week{grid-column:auto}
.printx-floating-contact.px-support-hub .px-consult-day{display:grid;grid-template-columns:26px minmax(0,1fr);align-items:center;gap:3px 8px;padding:0;border:0;min-width:0}
.px-support-hub .px-consult-day>div{display:contents}
.px-support-hub .px-consult-day>i{display:flex;grid-column:1;grid-row:1;justify-content:center;align-items:center;width:26px;height:26px;border-radius:50%;font-size:12px;background:#c9efe0;color:#188363}
.px-support-hub .px-consult-day>div>strong{grid-column:2;grid-row:1}
.px-support-hub .px-consult-day>div>span{grid-column:1/-1}
.px-support-hub .px-consult-day strong{display:block;font-size:13px;color:#188363;line-height:1.5}
.printx-floating-contact.px-support-hub .px-consult-day span{position:static;display:block;inset:auto;visibility:visible;opacity:1;transform:none;width:auto;padding:0;box-shadow:none;border:0;border-radius:0;background:none;font-size:11px;line-height:1.5;color:#69787b;white-space:normal;pointer-events:auto}
.px-support-hub .px-consult-saturday>i{background:#fff0ce;color:#df9000}.px-support-hub .px-consult-saturday strong{color:#ba7400}
.px-support-hub .px-consult-off>i{background:#ffdee4;color:#db3a59}.px-support-hub .px-consult-off strong{color:#ce3452}
.printx-floating-contact.px-support-hub .px-consult-links{display:flex;grid-column:auto;grid-row:auto;gap:8px;padding-top:12px;border-top:1px solid #e0eae6}
.px-consult-links:empty{display:none}
.printx-floating-contact.px-support-hub .px-product-consult a{position:static;display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:1;box-sizing:border-box;width:auto!important;height:auto!important;min-width:0!important;min-height:36px!important;margin:0;padding:7px 10px!important;border:1px solid #c8ded6!important;border-radius:4px!important;box-shadow:none!important;background:#fff!important;color:#087f72!important;font-size:12px!important;line-height:1.5;text-transform:none;text-decoration:none;white-space:nowrap}
.printx-floating-contact.px-support-hub .px-product-consult a>i{font-size:12px!important}
.printx-floating-contact.px-support-hub .px-consult-heading>a{flex:0 1 auto;padding:0!important;border:0!important;font-size:11px!important;min-height:28px!important;color:#6d7e86!important}
.printx-floating-contact.px-support-hub .px-consult-links>a[href^="tel:"]{background:#087f72!important;border-color:#087f72!important;color:#fff!important}
/* The SDK reads left positioning before it creates its iframe. */
body:has(.px-support-hub) .zalo-chat-widget{display:block!important;position:static!important;left:auto!important;right:auto!important;bottom:auto!important}
body:has(.px-support-hub) .zalo-chat-widget:has(iframe){position:fixed!important;left:auto!important;right:14px!important;bottom:calc(var(--px-support-bottom) + 52px)!important;z-index:5101!important;max-width:calc(100vw - 28px);max-height:calc(100dvh - var(--px-support-bottom) - 70px)}
body:has(.px-support-hub) .zalo-chat-widget>iframe{left:auto!important;right:0!important;min-width:0!important;min-height:0!important;max-width:calc(100vw - 28px)!important;max-height:calc(100dvh - var(--px-support-bottom) - 70px)!important}
body:has(.px-support-hub) .printx-zalo-pulse{display:none!important}
.px-support-hub:has(.px-floating-consult[open])>:not(.px-floating-consult){visibility:hidden;pointer-events:none}
body:has(.px-floating-consult[open]) .zalo-chat-widget{display:none!important}
html:is(.printx-quick-buy-open,.printx-quote-modal-open,.printx-order-lookup-open) body :is(.printx-floating-contact.px-support-hub,.zalo-chat-widget){display:none!important}
.printx-floating-contact.px-support-hub [hidden]{display:none!important}
.printx-floating-contact.px-support-hub .px-oa-invite{position:fixed;box-sizing:border-box;width:280px;max-width:calc(100vw - 28px);max-height:calc(100dvh - var(--px-support-bottom) - 145px);overflow:auto;margin:0;padding:0;border:1px solid #d9e6e2;border-radius:8px;background:#fff;box-shadow:0 5px 20px #183d3021;color:#29433d;text-align:start;z-index:5102}
.px-oa-invite-content{position:relative;padding:14px 36px 12px 14px;cursor:pointer}
.px-oa-invite-content>img{display:block;width:72px;height:24px;object-fit:contain;object-position:left;margin:0 0 9px}
.px-oa-invite-content>p{margin:0;font-size:13px;line-height:1.6;white-space:pre-line;overflow-wrap:anywhere}
.printx-floating-contact.px-support-hub button.px-oa-invite-close{position:absolute;right:8px;top:8px;display:grid;place-items:center;flex:none;width:24px!important;height:24px!important;min-width:24px!important;min-height:24px!important;padding:0;margin:0;border:0;border-radius:4px!important;background:#f0f5f3;color:#70837d;box-shadow:none!important;font-size:13px;line-height:1}
.printx-floating-contact.px-support-hub button.px-oa-invite-chat{display:flex;align-items:center;justify-content:center;gap:7px;flex:none;width:100%!important;height:auto!important;min-width:0!important;min-height:40px!important;margin:0;padding:10px 14px;border:0;border-top:1px solid #e3eeea;border-radius:0!important;background:#fff;color:#0877e8;box-shadow:none!important;font-size:12px;line-height:1.5;font-weight:600;text-transform:none}
.printx-floating-contact.px-support-hub button.px-oa-invite-chat:hover{background:#f0f7ff}
.printx-floating-contact.px-support-hub .px-oa-invite-dot{position:fixed;display:block;visibility:visible;opacity:1;transform:none;box-sizing:border-box;width:10px;height:10px;padding:0;margin:0;border:2px solid #fff;border-radius:50%;background:#ed334b;box-shadow:0 1px 3px #42252a26;z-index:5103;pointer-events:none}
.px-oa-invite.is-entering{animation:px-oa-invite-enter .25s ease-out both}
.px-oa-invite-dot.is-pulsing{animation:px-oa-badge-pulse .75s ease-in-out 3}
.px-oa-invite-mobile{display:none}
body:has(.px-support-hub) .zalo-chat-widget.px-oa-invite-highlight{outline:2px solid #0877e8;outline-offset:3px;border-radius:50%;animation:px-oa-invite-nudge 1.1s ease-out 2}
body:has(.px-support-hub) .zalo-chat-widget.px-oa-invite-still{animation:none}
@keyframes px-oa-invite-nudge{0%{box-shadow:0 0 0 2px #0877e830}100%{box-shadow:0 0 0 11px #0877e800}}
@keyframes px-oa-invite-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes px-oa-badge-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.85)}}
@media(prefers-reduced-motion:reduce){body:has(.px-support-hub) .zalo-chat-widget.px-oa-invite-highlight,.px-oa-invite.is-entering,.px-oa-invite-dot.is-pulsing{animation:none}}
@media(max-width:849px){
 body.single-product{--px-support-bottom:calc(132px + env(safe-area-inset-bottom))}
 .printx-unified .printx-floating-contact.px-support-hub.px-support-hide-mobile{display:none!important}
 body:has(.px-support-hide-mobile) .zalo-chat-widget{display:none!important}
 .printx-floating-contact.px-support-hub .px-floating-consult>.px-product-consult{padding:14px!important}
 .printx-floating-contact.px-support-hub .px-oa-invite{width:250px}
 .px-oa-invite-desktop{display:none}.px-oa-invite-mobile{display:block}
}