/* HNTH Liquid Glass: small frosted surfaces, no canvas or remote assets. */
.hnth-contact-glass, .hnth-hotline-glass {
    color-scheme: light;
    --hnth-surface: rgba(244, 252, 247, var(--hnth-alpha, .28));
    --hnth-surface-fallback: #f0f7f3;
    --hnth-edge: rgba(255, 255, 255, .88);
    --hnth-line: rgba(40, 70, 59, .12);
    --hnth-fg: var(--hnth-label-light, #15372f);
    --hnth-control-fg: var(--hnth-control-light, #15372f);
    --hnth-tile: rgba(255, 255, 255, .44);
    --hnth-highlight: rgba(255, 255, 255, calc(var(--hnth-reflection, .6) * .55));
    --hnth-shadow: 0 16px 40px rgba(22, 53, 44, var(--hnth-shadow-alpha, .18)), 0 3px 10px rgba(22, 53, 44, .08);
    --hnth-light-x: 30%; --hnth-light-y: 8%;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    -webkit-tap-highlight-color: transparent;
}
.hnth-glass-dark {
    color-scheme: dark;
    --hnth-surface: rgba(15, 32, 28, var(--hnth-alpha, .28)); --hnth-surface-fallback: #182b25;
    --hnth-edge: rgba(255, 255, 255, .25); --hnth-line: rgba(255, 255, 255, .13);
    --hnth-fg: var(--hnth-label-dark, #f3fff9); --hnth-control-fg: var(--hnth-control-dark, #f3fff9);
    --hnth-tile: rgba(255, 255, 255, .1); --hnth-highlight: rgba(255, 255, 255, calc(var(--hnth-reflection, .6) * .22));
    --hnth-shadow: 0 18px 44px rgba(0, 0, 0, calc(var(--hnth-shadow-alpha, .18) * 1.6)), 0 3px 10px rgba(0, 0, 0, .15);
}
@media (prefers-color-scheme: dark) {
    .hnth-glass-auto {
        color-scheme: dark;
        --hnth-surface: rgba(15, 32, 28, var(--hnth-alpha, .28)); --hnth-surface-fallback: #182b25;
        --hnth-edge: rgba(255, 255, 255, .25); --hnth-line: rgba(255, 255, 255, .13);
        --hnth-fg: var(--hnth-label-dark, #f3fff9); --hnth-control-fg: var(--hnth-control-dark, #f3fff9);
        --hnth-tile: rgba(255, 255, 255, .1); --hnth-highlight: rgba(255, 255, 255, calc(var(--hnth-reflection, .6) * .22));
        --hnth-shadow: 0 18px 44px rgba(0, 0, 0, calc(var(--hnth-shadow-alpha, .18) * 1.6)), 0 3px 10px rgba(0, 0, 0, .15);
    }
}

#ws247-aio-ct-button-show-all-container.hnth-contact-glass #ft-contact-icons {
    position: fixed; left: max(18px, env(safe-area-inset-left)); right: auto;
    bottom: calc(var(--hnth-toggle-bottom, 18px) + env(safe-area-inset-bottom) + 62px + var(--hnth-panel-gap, 12px)) !important;
    width: auto !important; max-width: calc(100vw - 36px); margin: 0 !important;
    opacity: 0; visibility: hidden; pointer-events: none;
    transform: translateY(10px) scale(.96); transform-origin: left bottom;
    transition: opacity .22s ease, transform .32s cubic-bezier(.2,.8,.2,1), visibility .22s;
    z-index: 200002;
}
#ws247-aio-ct-button-show-all-container.hnth-contact-glass #ft-contact-icons.contact-icons-right {
    left: auto; right: max(18px, env(safe-area-inset-right)); transform-origin: right bottom;
}
#ws247-aio-ct-button-show-all-container.hnth-contact-glass #ft-contact-icons.active {
    opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0) scale(1);
}
#ws247-aio-ct-button-show-all-container.hnth-contact-glass #ft-contact-icons #ft-contact-icons-out-m {
    display: flex !important; flex-direction: column; flex-wrap: nowrap !important; gap: var(--hnth-spacing, 10px);
    width: auto !important; max-height: calc(100vh - 160px - var(--hnth-toggle-bottom, 18px));
    max-height: calc(100dvh - 160px - var(--hnth-toggle-bottom, 18px)); overflow: auto;
    padding: 12px !important; margin: 0 !important; box-sizing: border-box;
    border-radius: 32px !important; border: 1px solid var(--hnth-edge) !important;
    background: radial-gradient(ellipse at var(--hnth-light-x) var(--hnth-light-y), var(--hnth-highlight), transparent 68%), var(--hnth-surface) !important;
    -webkit-backdrop-filter: blur(var(--hnth-blur, 24px)) saturate(var(--hnth-saturation, 150%)); backdrop-filter: blur(var(--hnth-blur, 24px)) saturate(var(--hnth-saturation, 150%));
    box-shadow: var(--hnth-shadow), inset 0 1px 0 var(--hnth-edge), inset 0 -1px 0 var(--hnth-line) !important;
    scrollbar-width: thin; 
}
#ws247-aio-ct-button-show-all-container.hnth-contact-glass #ft-contact-icons .item {
    width: auto !important; flex-grow: 0 !important; margin: 0 !important; padding: 0 !important;
    --hnth-channel: #176852;
}
#ws247-aio-ct-button-show-all-container.hnth-contact-glass #ft-contact-icons [data-hnth-channel="zalo"],
#ws247-aio-ct-button-show-all-container.hnth-contact-glass #ft-contact-icons [data-hnth-channel="messenger"] { --hnth-channel: #086de0; }
#ws247-aio-ct-button-show-all-container.hnth-contact-glass #ft-contact-icons [data-hnth-channel="whatsapp"] { --hnth-channel: #138d55; }
#ws247-aio-ct-button-show-all-container.hnth-contact-glass #ft-contact-icons [data-hnth-channel="map"] { --hnth-channel: #b45b31; }
#ws247-aio-ct-button-show-all-container.hnth-contact-glass #ft-contact-icons [data-hnth-channel="instagram"] { --hnth-channel: #b93772; }
#ws247-aio-ct-button-show-all-container.hnth-contact-glass #ft-contact-icons [data-hnth-channel="youtube"] { --hnth-channel: #c9313d; }
#ws247-aio-ct-button-show-all-container.hnth-contact-glass #ft-contact-icons .item a {
    display: flex !important; align-items: center; gap: 10px; min-height: var(--hnth-action-size, var(--hnth-size, 52px));
    border-radius: 24px; text-decoration: none; color: var(--hnth-fg); outline-offset: 3px;
    transition: transform .2s ease; line-height: 1.35;
}
#ws247-aio-ct-button-show-all-container.hnth-contact-glass #ft-contact-icons .item .icon {
    display: grid; place-items: center; position: relative; flex: 0 0 var(--hnth-action-size, var(--hnth-size, 52px));
    width: var(--hnth-action-size, var(--hnth-size, 52px)) !important; height: var(--hnth-action-size, var(--hnth-size, 52px)) !important; box-sizing: border-box;
    margin: 0 !important; border: 1px solid var(--hnth-line);
    border-radius: var(--hnth-action-radius, var(--hnth-radius, 26px)) !important;
    background: linear-gradient(145deg, rgba(255,255,255,.35), transparent 62%), var(--hnth-tile) !important;
    color: var(--hnth-action-light, var(--hnth-channel)); box-shadow: inset 0 1px 0 var(--hnth-edge), 0 2px 5px rgba(20,50,40,.07);
    font-size: var(--hnth-action-glyph, 24px); line-height: 1; animation: none !important; transform: none;
    transition: background-color .2s ease, box-shadow .2s ease;
}
#ws247-aio-ct-button-show-all-container.hnth-contact-glass #ft-contact-icons .icon i {
    color: inherit !important; font-size: var(--hnth-action-glyph, 24px); line-height: 1; margin: 0; text-shadow: none;
}
.hnth-contact-glass .hnth-zalo-mark { display: block; width: 27px; height: 27px; }
#ws247-aio-ct-button-show-all-container.hnth-contact-glass #ft-contact-icons .item span.ab {
    display: block; padding: 0 8px 0 0 !important; margin: 0 !important;
    height: auto !important; background: transparent !important; border: 0;
    text-align: left !important; box-shadow: none; line-height: 1.35 !important;
}
#ws247-aio-ct-button-show-all-container.hnth-contact-glass #ft-contact-icons .item span.ab > i { display: none; }
#ws247-aio-ct-button-show-all-container.hnth-contact-glass #ft-contact-icons .item span.ab label {
    color: var(--hnth-fg) !important; font-size: 13px; font-weight: 600; line-height: 1.35;
    cursor: pointer; white-space: normal; overflow-wrap: anywhere;
}
#ws247-aio-ct-button-show-all-container.hnth-contact-glass #ft-contact-icons.text-is-hide .item .ab { display: none !important; }
#ws247-aio-ct-button-show-all-container.hnth-contact-glass #ft-contact-icons .hnth-contact-close {
    position: static; display: grid; place-items: center; align-self: center; order: 1000;
    width: 44px; height: 44px; min-width: 44px; padding: 0; box-sizing: border-box;
    border: 1px solid var(--hnth-line); border-radius: 50%; background: var(--hnth-tile);
    color: var(--hnth-fg); font-size: 23px; cursor: pointer; flex-shrink: 0;
}
#ws247-aio-ct-button-show-all-container.hnth-contact-glass a:focus-visible,
#ws247-aio-ct-button-show-all-container.hnth-contact-glass button:focus-visible {
    outline: 3px solid var(--hnth-control-fg); outline-offset: 3px;
}

#ws247-aio-ct-button-show-all-container.hnth-contact-glass .show-all-icon {
    display: inline-flex; align-items: center; gap: 12px; width: auto; height: 62px;
    min-width: 62px; box-sizing: border-box; padding: 8px 15px 8px 8px !important;
    left: max(18px, env(safe-area-inset-left)); right: auto;
    bottom: calc(var(--hnth-toggle-bottom, 18px) + env(safe-area-inset-bottom)) !important;
    border: 1px solid var(--hnth-edge); border-radius: 100px !important;
    background: radial-gradient(ellipse at var(--hnth-light-x) var(--hnth-light-y), var(--hnth-highlight), transparent 70%), var(--hnth-surface);
    -webkit-backdrop-filter: blur(var(--hnth-blur, 24px)) saturate(var(--hnth-saturation, 150%)); backdrop-filter: blur(var(--hnth-blur, 24px)) saturate(var(--hnth-saturation, 150%));
    box-shadow: var(--hnth-shadow), inset 0 1px 0 var(--hnth-edge);
    color: var(--hnth-control-fg) !important; opacity: 1 !important; text-decoration: none;
    transition: transform .22s cubic-bezier(.2,.8,.2,1), box-shadow .22s ease;
    pointer-events: auto; z-index: 200003 !important;
}
#ws247-aio-ct-button-show-all-container.hnth-contact-glass .show-all-icon.contact-icons-right { left: auto; right: max(18px, env(safe-area-inset-right)); }
#ws247-aio-ct-button-show-all-container.hnth-contact-glass .show-all-icon i { margin: 0; transform: none; color: inherit !important; }
.hnth-contact-glass .hnth-glass-launcher-symbol {
    display: grid; place-items: center; width: 44px; height: 44px; flex: 0 0 44px;
    border-radius: 50%; background: var(--hnth-accent, #176852); color: var(--hnth-accent-ink, #fff);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 3px 8px rgba(13,50,38,.14);
}
.hnth-contact-glass .hnth-glass-launcher-symbol > .icon { line-height: 1; }
.hnth-contact-glass .hnth-glass-launcher-symbol .icon { font-size: 21px; }
.hnth-contact-glass .hnth-glass-launcher-symbol .hnth-zalo-mark { width: 24px; height: 24px; }
.hnth-contact-glass .hnth-glass-launcher-label { font-size: 14px; font-weight: 650; letter-spacing: -.02em; color: inherit; }
.hnth-contact-glass .hnth-glass-launcher-chevron { font-size: 10px; opacity: .7; transition: transform .25s ease; }
.hnth-contact-glass [aria-expanded="true"] .hnth-glass-launcher-chevron { transform: rotate(180deg); }
.hnth-contact-glass .ws247-aio-animation-effect-icons { width: 44px; height: 44px; }
.hnth-contact-glass .ws247-aio-animation-effect-icons .icon { display: grid; place-items: center; inset: 0; color: var(--hnth-accent-ink, #fff); }
.hnth-contact-glass .ws247-aio-animation-effect-icons .icon i { font-size: 22px !important; }

#ws247-aio-ct-button-show-all-container.hnth-contact-glass[data-hnth-layout="row"] #ft-contact-icons #ft-contact-icons-out-m {
    flex-direction: row; flex-wrap: wrap !important; max-width: min(440px, calc(100vw - 36px));
}
#ws247-aio-ct-button-show-all-container.hnth-contact-glass[data-hnth-layout="grid"] #ft-contact-icons #ft-contact-icons-out-m {
    display: grid !important; grid-template-columns: repeat(3, minmax(80px, 1fr)); gap: var(--hnth-spacing, 10px); width: min(340px, calc(100vw - 36px)) !important;
}
#ws247-aio-ct-button-show-all-container.hnth-contact-glass[data-hnth-layout="grid"] #ft-contact-icons .item a { flex-direction: column !important; gap: 7px; }
#ws247-aio-ct-button-show-all-container.hnth-contact-glass[data-hnth-layout="grid"] #ft-contact-icons .ab label { font-size: 11px; white-space: normal; }
#ws247-aio-ct-button-show-all-container.hnth-contact-glass[data-hnth-layout="grid"] #ft-contact-icons .hnth-contact-close { grid-column: 2; justify-self: center; }

/* The standalone hotline uses the same optical material, with a calm breathing halo. */
.hnth-hotline-glass .phonering-alo-phone { width: 62px; height: 62px; margin: 0; }
.hnth-hotline-glass .phonering-alo-ph-circle, .hnth-hotline-glass .phonering-alo-ph-circle-fill { display: none; }
.hnth-hotline-glass .phonering-alo-ph-img-circle {
    inset: 0; width: 62px; height: 62px; border: 1px solid var(--hnth-edge); border-radius: 50%;
    background: linear-gradient(145deg,var(--hnth-highlight),transparent),var(--hnth-surface) !important;
    -webkit-backdrop-filter: blur(var(--hnth-blur, 24px)) saturate(var(--hnth-saturation, 150%)); backdrop-filter: blur(var(--hnth-blur, 24px)) saturate(var(--hnth-saturation, 150%));
    box-shadow: var(--hnth-shadow), inset 0 1px 0 var(--hnth-edge); animation: none !important;
}
.hnth-hotline-glass .phonering-alo-ph-img-circle::after {
    content: "\f095"; font-family: "Font Awesome 6 Free"; font-weight: 900;
    position: absolute; inset: 0; display: grid; place-items: center; pointer-events: none;
    font-size: 23px; color: var(--hnth-control-fg);
}
.hnth-hotline-glass .phonering-alo-ph-img-circle.zalo-ring::after { content: "Z"; font-family: inherit; font-weight: 800; }
.hnth-hotline-glass .pps-btn-img { display: block; width: 100%; height: 100%; border-radius: 50%; }
#ws247-aio-ct-button-hl.hnth-hotline-glass #phonering-alo-phoneIcon .number a {
    border: 1px solid var(--hnth-edge); border-radius: 30px !important;
    background: var(--hnth-surface) !important; color: var(--hnth-fg) !important;
    -webkit-backdrop-filter: blur(var(--hnth-blur, 24px)); backdrop-filter: blur(var(--hnth-blur, 24px)); box-shadow: var(--hnth-shadow);
}
.hnth-hotline-glass .number a i { display: none; }

@media (hover: hover) and (pointer: fine) {
    #ws247-aio-ct-button-show-all-container.hnth-contact-glass #ft-contact-icons .item a:hover { transform: translateY(calc(-1 * var(--hnth-lift, 2px))); }
    #ws247-aio-ct-button-show-all-container.hnth-contact-glass #ft-contact-icons .item a:hover .icon { border-color: var(--hnth-action-hover, var(--hnth-hover, #176852)); box-shadow: inset 0 1px 0 var(--hnth-edge), 0 5px 12px rgba(20,50,40,.14); }
    #ws247-aio-ct-button-show-all-container.hnth-contact-glass .show-all-icon:hover { transform: translateY(calc(-1 * var(--hnth-lift, 2px))); }
}
@media (max-width: 600px) {
    #ws247-aio-ct-button-show-all-container.hnth-contact-glass .show-all-icon { height: 58px; }
    #ws247-aio-ct-button-show-all-container.hnth-contact-glass.aio-fixed-bt-mb #ft-contact-icons {
        left: 12px !important; right: 12px !important; width: calc(100vw - 24px) !important; max-width: none;
    }
    #ws247-aio-ct-button-show-all-container.hnth-contact-glass.aio-fixed-bt-mb #ft-contact-icons #ft-contact-icons-out-m {
        display: flex !important; flex-direction: row; flex-wrap: nowrap !important; gap: var(--hnth-spacing, 10px);
        width: 100% !important; padding: 10px !important; overflow-x: auto; justify-content: flex-start;
    }
    #ws247-aio-ct-button-show-all-container.hnth-contact-glass.aio-fixed-bt-mb #ft-contact-icons .item a { flex-direction: column !important; }
    #ws247-aio-ct-button-show-all-container.hnth-contact-glass.aio-fixed-bt-mb #ft-contact-icons .item .ab { display: none !important; }
    #ws247-aio-ct-button-show-all-container.hnth-contact-glass.aio-fixed-bt-mb #ft-contact-icons .item { flex: 0 0 var(--hnth-action-size, var(--hnth-size, 52px)) !important; }
    #ws247-aio-ct-button-show-all-container.hnth-contact-glass.aio-fixed-bt-mb #ft-contact-icons .hnth-contact-close { align-self: center; }
}
@supports not (backdrop-filter: blur(1px)) {
  @supports not (-webkit-backdrop-filter: blur(1px)) {
    #ws247-aio-ct-button-show-all-container.hnth-contact-glass #ft-contact-icons #ft-contact-icons-out-m,
    #ws247-aio-ct-button-show-all-container.hnth-contact-glass .show-all-icon,
    .hnth-hotline-glass .phonering-alo-ph-img-circle, .hnth-hotline-glass .number a { background: var(--hnth-surface-fallback) !important; }
  }
}
@media (prefers-reduced-transparency: reduce), (prefers-contrast: more) {
    #ws247-aio-ct-button-show-all-container.hnth-contact-glass #ft-contact-icons #ft-contact-icons-out-m,
    #ws247-aio-ct-button-show-all-container.hnth-contact-glass .show-all-icon,
    .hnth-hotline-glass .phonering-alo-ph-img-circle, .hnth-hotline-glass .number a {
        background: var(--hnth-surface-fallback) !important; -webkit-backdrop-filter: none; backdrop-filter: none;
    }
}
@media (prefers-reduced-motion: reduce) {
    .hnth-contact-glass *, .hnth-hotline-glass * { transition: none !important; animation: none !important; }
    #ws247-aio-ct-button-show-all-container.hnth-contact-glass #ft-contact-icons,
    #ws247-aio-ct-button-show-all-container.hnth-contact-glass #ft-contact-icons .item a:hover,
    #ws247-aio-ct-button-show-all-container.hnth-contact-glass .show-all-icon:hover { transform: none; }
}
@media (forced-colors: active) {
    #ws247-aio-ct-button-show-all-container.hnth-contact-glass #ft-contact-icons #ft-contact-icons-out-m,
    #ws247-aio-ct-button-show-all-container.hnth-contact-glass .show-all-icon { background: Canvas !important; border: 1px solid CanvasText !important; }
    .hnth-contact-glass .icon, .hnth-contact-glass label { color: CanvasText !important; }
}

.hnth-contact-glass .hnth-glass-launcher-symbol .hnth-zalo-mark path:last-child { fill: var(--hnth-accent, #176852); }
.hnth-glass-dark [data-hnth-channel="zalo"], .hnth-glass-dark [data-hnth-channel="messenger"] { --hnth-channel: #8bc8ff !important; }
.hnth-glass-dark [data-hnth-channel="whatsapp"], .hnth-glass-dark [data-hnth-channel="phone"] { --hnth-channel: #7bdab3 !important; }
.hnth-glass-dark [data-hnth-channel="map"] { --hnth-channel: #efb48c !important; }
.hnth-glass-dark [data-hnth-channel="custom"] { --hnth-channel: #d2eee2 !important; }
@media (prefers-color-scheme: dark) {
 .hnth-glass-auto [data-hnth-channel="zalo"], .hnth-glass-auto [data-hnth-channel="messenger"] { --hnth-channel: #8bc8ff !important; }
 .hnth-glass-auto [data-hnth-channel="whatsapp"], .hnth-glass-auto [data-hnth-channel="phone"] { --hnth-channel: #7bdab3 !important; }
 .hnth-glass-auto [data-hnth-channel="map"] { --hnth-channel: #efb48c !important; }
 .hnth-glass-auto [data-hnth-channel="custom"] { --hnth-channel: #d2eee2 !important; }
}

/* Optical rims: bright upper edge, a softer lower edge and a moving specular highlight. */
#ws247-aio-ct-button-show-all-container.hnth-contact-glass #ft-contact-icons #ft-contact-icons-out-m,
#ws247-aio-ct-button-show-all-container.hnth-contact-glass .show-all-icon {
    position: relative;
    border-color: rgba(255,255,255,calc(.28 + var(--hnth-reflection,.6) * .55)) !important;
    border-bottom-color: rgba(255,255,255,calc(.1 + var(--hnth-reflection,.6) * .2)) !important;
    box-shadow: var(--hnth-shadow), inset 0 2px 1px rgba(255,255,255,calc(var(--hnth-reflection,.6) * .65)), inset 1px 0 1px rgba(255,255,255,.2), inset 0 -2px 3px rgba(26,53,44,.08) !important;
}
/* Launcher must remain anchored to the viewport. */
#ws247-aio-ct-button-show-all-container.hnth-contact-glass .show-all-icon { position: fixed; max-width: calc(100vw - 36px); }
.hnth-contact-glass .hnth-glass-launcher-label { overflow-wrap: anywhere; line-height: 1.2; }
#ws247-aio-ct-button-show-all-container.hnth-contact-glass #ft-contact-icons .item .icon {
    background: linear-gradient(145deg,rgba(255,255,255,calc(var(--hnth-reflection,.6) * .4)),transparent 65%), rgba(255,255,255,var(--hnth-action-alpha,.68)) !important;
}
#ws247-aio-ct-button-show-all-container.hnth-contact-glass #ft-contact-icons .icon svg {
    width: var(--hnth-action-glyph,27px); height: var(--hnth-action-glyph,27px);
}
#ws247-aio-ct-button-show-all-container.hnth-contact-glass #ft-contact-icons .item span.ab {
    max-width: min(180px,calc(100vw - 170px)); padding: 7px 10px !important;
    border-radius: 14px; background: rgba(245,251,247,.84) !important;
}
#ws247-aio-ct-button-show-all-container.hnth-contact-glass[data-hnth-layout="grid"] #ft-contact-icons .item span.ab {
    max-width: 100%; padding: 5px 7px !important; text-align: center !important;
}
#ws247-aio-ct-button-show-all-container.hnth-contact-glass.hnth-glass-dark #ft-contact-icons .item .icon {
    background: linear-gradient(145deg,rgba(255,255,255,calc(var(--hnth-reflection,.6) * .2)),transparent 65%), rgba(25,44,35,var(--hnth-action-alpha,.78)) !important;
    color: var(--hnth-action-dark,var(--hnth-channel));
}
#ws247-aio-ct-button-show-all-container.hnth-contact-glass.hnth-glass-dark #ft-contact-icons .item span.ab { background: rgba(24,43,35,.88) !important; }
@media(prefers-color-scheme: dark) {
    #ws247-aio-ct-button-show-all-container.hnth-contact-glass.hnth-glass-auto #ft-contact-icons .item .icon {
        background: linear-gradient(145deg,rgba(255,255,255,calc(var(--hnth-reflection,.6) * .2)),transparent 65%), rgba(25,44,35,var(--hnth-action-alpha,.78)) !important;
        color: var(--hnth-action-dark,var(--hnth-channel));
    }
    #ws247-aio-ct-button-show-all-container.hnth-contact-glass.hnth-glass-auto #ft-contact-icons .item span.ab { background: rgba(24,43,35,.88) !important; }
}
@media(max-width: 360px) {
    #ws247-aio-ct-button-show-all-container.hnth-contact-glass[data-hnth-layout="grid"] #ft-contact-icons #ft-contact-icons-out-m { grid-template-columns: repeat(2,minmax(80px,1fr)); }
    #ws247-aio-ct-button-show-all-container.hnth-contact-glass[data-hnth-layout="grid"] #ft-contact-icons .hnth-contact-close { grid-column: 1 / -1; }
}
@media(prefers-reduced-transparency: reduce), (prefers-contrast: more) {
    #ws247-aio-ct-button-show-all-container.hnth-contact-glass #ft-contact-icons .item .icon { background: var(--hnth-surface-fallback) !important; }
}

#ws247-aio-ct-button-show-all-container.hnth-contact-glass #ft-contact-icons .item { border: 0 !important; }

:where(.hnth-glass-dark) .item { --hnth-channel: #d2eee2 !important; }
@media(prefers-color-scheme:dark) { :where(.hnth-glass-auto) .item { --hnth-channel: #d2eee2 !important; } }
.hnth-contact-glass #ft-contact-icons .hnth-zalo-mark path:first-child { fill: #086de0; }

.hnth-contact-glass .hnth-glass-launcher-label { min-width:0; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; }

.hnth-contact-glass .hnth-contact-actions { display: contents; }
@media(max-width:600px) {
 #ws247-aio-ct-button-show-all-container.hnth-contact-glass.aio-fixed-bt-mb #ft-contact-icons #ft-contact-icons-out-m { overflow:hidden; }
 #ws247-aio-ct-button-show-all-container.hnth-contact-glass.aio-fixed-bt-mb .hnth-contact-actions { display:flex; align-items:center; gap:var(--hnth-spacing,10px); min-width:0; flex:1; overflow-x:auto; padding:3px; scrollbar-width:thin; }
 #ws247-aio-ct-button-show-all-container.hnth-contact-glass.aio-fixed-bt-mb #ft-contact-icons .hnth-contact-close { position:static; flex:0 0 44px; }
}
#ws247-aio-ct-button-show-all-container.hnth-contact-glass #ft-contact-icons .hnth-contact-close { background:rgba(245,251,247,.86); }
#ws247-aio-ct-button-show-all-container.hnth-glass-dark #ft-contact-icons .hnth-contact-close { background:rgba(24,43,35,.88); }
@media(prefers-color-scheme:dark) { #ws247-aio-ct-button-show-all-container.hnth-glass-auto #ft-contact-icons .hnth-contact-close { background:rgba(24,43,35,.88); } }