/* =============================================
   NK Icon Font - nki-icon-font
   ============================================= */
@font-face {
    font-family: 'nk-font';
    font-display: swap;
    src: url('../fonts/nki-icon-font.eot?11062020');
    src: url('../fonts/nki-icon-font.eot?11062020') format('embedded-opentype'),
         url('../fonts/nki-icon-font.ttf?11062020') format('truetype'),
         url('../fonts/nki-icon-font.woff?11062020') format('woff'),
         url('../fonts/nki-icon-font.svg?11062020') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="nki-"],
[class*=" nki-"] {
    font-family: 'nk-font' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Icon unicode map - đầy đủ 292 icons từ nki-icon-font */
.nki-icon-e900:before { content: "\E900"; }
.nki-icon-e901:before { content: "\E901"; }
.nki-home:before { content: "\E902"; }
.nki-icon-e903:before { content: "\E903"; }
.nki-icon-e904:before { content: "\E904"; }
.nki-icon-e905:before { content: "\E905"; }
.nki-arrow-up:before { content: "\E906"; }
.nki-icon-e907:before { content: "\E907"; }
.nki-icon-e908:before { content: "\E908"; }
.nki-icon-e909:before { content: "\E909"; }
.nki-icon-e90a:before { content: "\E90A"; }
.nki-icon-e90b:before { content: "\E90B"; }
.nki-icon-e90c:before { content: "\E90C"; }
.nki-call-chatbox:before,.nki-phone:before { content: "\E90D"; }
.nki-icon-e90e:before { content: "\E90E"; }
.nki-icon-e90f:before { content: "\E90F"; }
.nki-icon-e910:before { content: "\E910"; }
.nki-icon-e911:before { content: "\E911"; }
.nki-icon-e912:before { content: "\E912"; }
.nki-icon-e913:before { content: "\E913"; }
.nki-icon-e914:before { content: "\E914"; }
.nki-icon-e915:before { content: "\E915"; }
.nki-icon-e916:before { content: "\E916"; }
.nki-icon-e917:before { content: "\E917"; }
.nki-icon-e918:before { content: "\E918"; }
.nki-icon-e919:before { content: "\E919"; }
.nki-icon-e91a:before { content: "\E91A"; }
.nki-chat-main-chatbox:before,.nki-chat:before { content: "\E91B"; color: #fff; }
#amp-chat-section .open-chat-list-btn i.nki-chat-main-chatbox::before {
  content: "" !important;
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: #ff8600 url("/wp-content/uploads/2026/10/phuc-thinh-thanh-brand.svg") center / 83% no-repeat;
}
.nki-icon-e91c:before { content: "\E91C"; }
.nki-icon-e91d:before { content: "\E91D"; }
.nki-bell:before { content: "\E91E"; }
.nki-icon-e91f:before { content: "\E91F"; }
.nki-icon-e920:before { content: "\E920"; }
.nki-icon-e921:before { content: "\E921"; }
.nki-icon-e922:before { content: "\E922"; }
.nki-icon-e923:before { content: "\E923"; }
.nki-close:before { content: "\E924"; }
.nki-icon-e925:before { content: "\E925"; }
.nki-clock:before { content: "\E926"; }
.nki-icon-e927:before { content: "\E927"; }
.nki-icon-e928:before { content: "\E928"; }
.nki-icon-e929:before { content: "\E929"; }
.nki-icon-e92a:before { content: "\E92A"; }
.nki-icon-e92b:before { content: "\E92B"; }
.nki-icon-e92c:before { content: "\E92C"; }
.nki-icon-e92d:before { content: "\E92D"; }
.nki-icon-e92e:before { content: "\E92E"; }
.nki-icon-e92f:before { content: "\E92F"; }
.nki-icon-e930:before { content: "\E930"; }
.nki-icon-e931:before { content: "\E931"; }
.nki-icon-e932:before { content: "\E932"; }
.nki-icon-e933:before { content: "\E933"; }
.nki-icon-e934:before { content: "\E934"; }
.nki-icon-e935:before { content: "\E935"; }
.nki-icon-e936:before { content: "\E936"; }
.nki-icon-e937:before { content: "\E937"; }
.nki-icon-e938:before { content: "\E938"; }
.nki-icon-e939:before { content: "\E939"; }
.nki-cart:before { content: "\E93A"; }
.nki-icon-e93b:before { content: "\E93B"; }
.nki-icon-e93c:before { content: "\E93C"; }
.nki-icon-e93d:before { content: "\E93D"; }
.nki-icon-e93e:before { content: "\E93E"; }
.nki-icon-e93f:before { content: "\E93F"; }
.nki-icon-e940:before { content: "\E940"; }
.nki-icon-e941:before { content: "\E941"; }
.nki-icon-e942:before { content: "\E942"; }
.nki-icon-e943:before { content: "\E943"; }
.nki-icon-e944:before { content: "\E944"; }
.nki-icon-e945:before { content: "\E945"; }
.nki-icon-e946:before { content: "\E946"; }
.nki-icon-e947:before { content: "\E947"; }
.nki-icon-e948:before { content: "\E948"; }
.nki-icon-e949:before { content: "\E949"; }
.nki-icon-e94a:before { content: "\E94A"; }
.nki-icon-e94b:before { content: "\E94B"; }
.nki-icon-e94c:before { content: "\E94C"; }
.nki-icon-e94d:before { content: "\E94D"; }
.nki-icon-e94e:before { content: "\E94E"; }
.nki-icon-e94f:before { content: "\E94F"; }
.nki-icon-e950:before { content: "\E950"; }
.nki-icon-e951:before { content: "\E951"; }
.nki-icon-e952:before { content: "\E952"; }
.nki-icon-e953:before { content: "\E953"; }
.nki-icon-e954:before { content: "\E954"; }
.nki-gift:before { content: "\E955"; }
.nki-icon-e956:before { content: "\E956"; }
.nki-icon-e957:before { content: "\E957"; }
.nki-icon-e958:before { content: "\E958"; }
.nki-icon-e959:before { content: "\E959"; }
.nki-icon-e95a:before { content: "\E95A"; }
.nki-icon-e95b:before { content: "\E95B"; }
.nki-icon-e95c:before { content: "\E95C"; }
.nki-icon-e95d:before { content: "\E95D"; }
.nki-heart:before { content: "\E95E"; }
.nki-icon-e95f:before { content: "\E95F"; }
.nki-icon-e960:before { content: "\E960"; }
.nki-icon-e961:before { content: "\E961"; }
.nki-icon-e962:before { content: "\E962"; }
.nki-info:before { content: "\E963"; }
.nki-icon-e964:before { content: "\E964"; }
.nki-icon-e965:before { content: "\E965"; }
.nki-icon-e966:before { content: "\E966"; }
.nki-icon-e967:before { content: "\E967"; }
.nki-icon-e968:before { content: "\E968"; }
.nki-icon-e969:before { content: "\E969"; }
.nki-icon-e96a:before { content: "\E96A"; }
.nki-icon-e96b:before { content: "\E96B"; }
.nki-icon-e96c:before { content: "\E96C"; }
.nki-icon-e96d:before { content: "\E96D"; }
.nki-icon-e96e:before { content: "\E96E"; }
.nki-icon-e96f:before { content: "\E96F"; }
.nki-icon-e970:before { content: "\E970"; }
.nki-icon-e971:before { content: "\E971"; }
.nki-menu:before { content: "\E972"; }
.nki-icon-e973:before { content: "\E973"; }
.nki-icon-e974:before { content: "\E974"; }
.nki-icon-e975:before { content: "\E975"; }
.nki-icon-e976:before { content: "\E976"; }
.nki-icon-e977:before { content: "\E977"; }
.nki-icon-e978:before { content: "\E978"; }
.nki-icon-e979:before { content: "\E979"; }
.nki-icon-e97a:before { content: "\E97A"; }
.nki-icon-e97b:before { content: "\E97B"; }
.nki-icon-e97c:before { content: "\E97C"; }
.nki-icon-e97d:before { content: "\E97D"; }
.nki-icon-e97e:before { content: "\E97E"; }
.nki-icon-e97f:before { content: "\E97F"; }
.nki-icon-e980:before { content: "\E980"; }
.nki-icon-e981:before { content: "\E981"; }
.nki-icon-e982:before { content: "\E982"; }
.nki-icon-e983:before { content: "\E983"; }
.nki-settings:before { content: "\E984"; }
.nki-icon-e985:before { content: "\E985"; }
.nki-search:before { content: "\E986"; }
.nki-share:before { content: "\E987"; }
.nki-icon-e988:before { content: "\E988"; }
.nki-icon-e989:before { content: "\E989"; }
.nki-shield:before { content: "\E98A"; }
.nki-icon-e98b:before { content: "\E98B"; }
.nki-icon-e98c:before { content: "\E98C"; }
.nki-icon-e98d:before { content: "\E98D"; }
.nki-icon-e98e:before { content: "\E98E"; }
.nki-icon-e98f:before { content: "\E98F"; }
.nki-icon-e990:before { content: "\E990"; }
.nki-icon-e991:before { content: "\E991"; }
.nki-icon-e992:before { content: "\E992"; }
.nki-icon-e993:before { content: "\E993"; }
.nki-icon-e994:before { content: "\E994"; }
.nki-icon-e995:before { content: "\E995"; }
.nki-icon-e996:before { content: "\E996"; }
.nki-icon-e997:before { content: "\E997"; }
.nki-icon-e998:before { content: "\E998"; }
.nki-icon-e999:before { content: "\E999"; }
.nki-icon-e99a:before { content: "\E99A"; }
.nki-icon-e99b:before { content: "\E99B"; }
.nki-icon-e99c:before { content: "\E99C"; }
.nki-icon-e99d:before { content: "\E99D"; }
.nki-icon-e99e:before { content: "\E99E"; }
.nki-icon-e99f:before { content: "\E99F"; }
.nki-email:before { content: "\E9A0"; }
.nki-icon-e9a1:before { content: "\E9A1"; }
.nki-icon-e9a2:before { content: "\E9A2"; }
.nki-icon-e9a3:before { content: "\E9A3"; }
.nki-icon-e9a4:before { content: "\E9A4"; }
.nki-icon-e9a5:before { content: "\E9A5"; }
.nki-icon-e9a6:before { content: "\E9A6"; }
.nki-star:before { content: "\E9A7"; }
.nki-icon-e9a8:before { content: "\E9A8"; }
.nki-icon-e9a9:before { content: "\E9A9"; }
.nki-icon-e9aa:before { content: "\E9AA"; }
.nki-icon-e9ab:before { content: "\E9AB"; }
.nki-icon-e9ac:before { content: "\E9AC"; }
.nki-icon-e9ad:before { content: "\E9AD"; }
.nki-tag:before { content: "\E9AE"; }
.nki-icon-e9af:before { content: "\E9AF"; }
.nki-icon-e9b0:before { content: "\E9B0"; }
.nki-icon-e9b1:before { content: "\E9B1"; }
.nki-icon-e9b2:before { content: "\E9B2"; }
.nki-icon-e9b3:before { content: "\E9B3"; }
.nki-icon-e9b4:before { content: "\E9B4"; }
.nki-icon-e9b5:before { content: "\E9B5"; }
.nki-facebook:before { content: "\E9B6"; }
.nki-icon-e9b7:before { content: "\E9B7"; }
.nki-icon-e9b8:before { content: "\E9B8"; }
.nki-icon-e9b9:before { content: "\E9B9"; }
.nki-tiktok:before { content: "\E9BA"; }
.nki-icon-e9bb:before { content: "\E9BB"; }
.nki-icon-e9bc:before { content: "\E9BC"; }
.nki-icon-e9bd:before { content: "\E9BD"; }
.nki-truck:before { content: "\E9BE"; }
.nki-icon-e9bf:before { content: "\E9BF"; }
.nki-icon-e9c0:before { content: "\E9C0"; }
.nki-icon-e9c1:before { content: "\E9C1"; }
.nki-icon-e9c2:before { content: "\E9C2"; }
.nki-icon-e9c3:before { content: "\E9C3"; }
.nki-icon-e9c4:before { content: "\E9C4"; }
.nki-icon-e9c5:before { content: "\E9C5"; }
.nki-user:before { content: "\E9C6"; }
.nki-icon-e9c7:before { content: "\E9C7"; }
.nki-icon-e9c8:before { content: "\E9C8"; }
.nki-instagram:before { content: "\E9C9"; }
.nki-icon-e9ca:before { content: "\E9CA"; }
.nki-icon-e9cb:before { content: "\E9CB"; }
.nki-icon-e9cc:before { content: "\E9CC"; }
.nki-icon-e9cd:before { content: "\E9CD"; }
.nki-icon-e9ce:before { content: "\E9CE"; }
.nki-icon-e9cf:before { content: "\E9CF"; }
.nki-icon-e9d0:before { content: "\E9D0"; }
.nki-icon-e9d1:before { content: "\E9D1"; }
.nki-icon-e9d2:before { content: "\E9D2"; }
.nki-icon-e9d3:before { content: "\E9D3"; }
.nki-map-icon:before,.nki-location:before { content: "\E9D4"; }
.nki-icon-e9d5:before { content: "\E9D5"; }
.nki-icon-e9d6:before { content: "\E9D6"; }
.nki-icon-e9d7:before { content: "\E9D7"; }
.nki-icon-e9d8:before { content: "\E9D8"; }
.nki-youtube:before { content: "\E9D9"; }
.nki-icon-e9da:before { content: "\E9DA"; }
.nki-icon-e9db:before { content: "\E9DB"; }
.nki-icon-e9dc:before { content: "\E9DC"; }
.nki-mes-chatbox:before { content: "\E9DD"; }
.nki-icon-e9de:before { content: "\E9DE"; }
.nki-icon-e9df:before { content: "\E9DF"; }
.nki-icon-e9e0:before { content: "\E9E0"; }
.nki-icon-e9e1:before { content: "\E9E1"; }
.nki-icon-e9e2:before { content: "\E9E2"; }
.nki-icon-e9e3:before { content: "\E9E3"; }
.nki-icon-e9e4:before { content: "\E9E4"; }
.nki-icon-e9e5:before { content: "\E9E5"; }
.nki-icon-e9e6:before { content: "\E9E6"; }
.nki-icon-e9e7:before { content: "\E9E7"; }
.nki-icon-e9e8:before { content: "\E9E8"; }
.nki-icon-e9e9:before { content: "\E9E9"; }
.nki-icon-e9ea:before { content: "\E9EA"; }
.nki-icon-e9eb:before { content: "\E9EB"; }
.nki-icon-e9ec:before { content: "\E9EC"; }
.nki-icon-e9ed:before { content: "\E9ED"; }
.nki-icon-e9ee:before { content: "\E9EE"; }
.nki-icon-e9ef:before { content: "\E9EF"; }
.nki-icon-e9f0:before { content: "\E9F0"; }
.nki-icon-e9f1:before { content: "\E9F1"; }
.nki-icon-e9f2:before { content: "\E9F2"; }
.nki-icon-e9f3:before { content: "\E9F3"; }
.nki-icon-e9f4:before { content: "\E9F4"; }
.nki-icon-e9f5:before { content: "\E9F5"; }
.nki-icon-e9f6:before { content: "\E9F6"; }
.nki-icon-e9f7:before { content: "\E9F7"; }
.nki-icon-e9f8:before { content: "\E9F8"; }
.nki-icon-e9f9:before { content: "\E9F9"; }
.nki-icon-e9fa:before { content: "\E9FA"; }
.nki-zalo-chatbox:before { content: "\E9FB"; }
.nki-icon-e9fc:before { content: "\E9FC"; }
.nki-icon-e9fd:before { content: "\E9FD"; }
.nki-icon-e9fe:before { content: "\E9FE"; }
.nki-icon-e9ff:before { content: "\E9FF"; }
.nki-icon-ea01:before { content: "\EA01"; }
.nki-icon-ea06:before { content: "\EA06"; }
.nki-icon-ea15:before { content: "\EA15"; }
.nki-icon-ea16:before { content: "\EA16"; }
.nki-icon-ea17:before { content: "\EA17"; }
.nki-icon-ea18:before { content: "\EA18"; }
.nki-icon-ea19:before { content: "\EA19"; }
.nki-icon-ea1a:before { content: "\EA1A"; }
.nki-icon-ea1b:before { content: "\EA1B"; }
.nki-icon-ea1c:before { content: "\EA1C"; }
.nki-icon-ea1d:before { content: "\EA1D"; }
.nki-icon-ea1e:before { content: "\EA1E"; }
.nki-icon-ea1f:before { content: "\EA1F"; }
.nki-icon-ea20:before { content: "\EA20"; }
.nki-icon-ea21:before { content: "\EA21"; }
.nki-icon-ea22:before { content: "\EA22"; }
.nki-icon-ea23:before { content: "\EA23"; }
.nki-icon-ea24:before { content: "\EA24"; }
.nki-icon-ea25:before { content: "\EA25"; }
.nki-icon-ea26:before { content: "\EA26"; }
.nki-icon-ea27:before { content: "\EA27"; }
.nki-icon-ea28:before { content: "\EA28"; }
.nki-icon-ea29:before { content: "\EA29"; }
.nki-icon-ea2a:before { content: "\EA2A"; }
.nki-icon-ea2b:before { content: "\EA2B"; }
.nki-icon-ea2c:before { content: "\EA2C"; }
.nki-icon-ea2d:before { content: "\EA2D"; }
.nki-icon-ea2e:before { content: "\EA2E"; }
.nki-icon-ea2f:before { content: "\EA2F"; }
.nki-icon-ea30:before { content: "\EA30"; }
.nki-icon-ea31:before { content: "\EA31"; }
.nki-icon-ea32:before { content: "\EA32"; }
.nki-icon-ea33:before { content: "\EA33"; }
.nki-icon-ea34:before { content: "\EA34"; }
.nki-icon-ea36:before { content: "\EA36"; }
.nki-icon-ea7c:before { content: "\EA7C"; }

/* Chat Buttons Section - CSS gốc */
@media (max-width: 549px) {
    #amp-chat-section {
        width: 44px;
        height: 44px;
    }
    #amp-chat-section.active {
        bottom: 74px;
    }
    #amp-chat-section .open-chat-list-btn .nki-chat-main-chatbox,
    #amp-chat-section .open-chat-list-btn,
    #amp-chat-section .select-chat-field .sticker-map,
    #amp-chat-section .select-chat-field .sticker-zalo-chat,
    #amp-chat-section .select-chat-field .sticker-hotline-mobile2,
    #amp-chat-section .select-chat-field .sticker-fb-msg2,
    #top-link {
        width: 44px;
        height: 44px;
        font-size: 18px;
    }
    #amp-chat-section .select-chat-field .sticker-map,
    #amp-chat-section .select-chat-field .sticker-zalo-chat,
    #amp-chat-section .select-chat-field .sticker-hotline-mobile2,
    #amp-chat-section .select-chat-field .sticker-fb-msg2 {
        margin: 0 0 10px 0 !important;
    }
    #amp-chat-section .select-chat-field a,
    #amp-chat-section .select-chat-field i {
        width: 44px !important;
        height: 44px !important;
        line-height: 44px !important;
    }
    #amp-chat-section .select-chat-field i {
        font-size: 18px !important;
        padding-top: 0px !important;
    }
    #amp-chat-section .select-chat-field i.nki-zalo-chatbox {
        font-size: 14px !important;
    }
    #amp-chat-section .select-chat-field a:hover .slide-tooltip {
        width: 210px !important;
    }
    #amp-chat-section .select-chat-field a .slide-tooltip {
        height: 44px !important;
        font-size: 13px !important;
    }
    #top-link {
        line-height: 44px;
    }
}

/* Tắt ::after trên i (không dùng nữa) */
i.nki-chat-main-chatbox:after {
    display: none !important;
    content: none !important;
}
/* Pulse ring 1 */
#amp-chat-section .open-chat-list-btn:before {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    border-radius: 50%;
    border: 2px solid var(--amp-main-before-color, var(--fs-color-primary, #ff8600));
    animation: waves 3.5s linear infinite;
    -webkit-animation: waves 3.5s linear infinite;
    pointer-events: none;
    z-index: 10;
}
/* Pulse ring 2 - lệch pha */
#amp-chat-section .open-chat-list-btn:after {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    border-radius: 50%;
    border: 2px solid var(--amp-main-after-color, var(--fs-color-primary, #ff8600));
    animation: waves 3.5s linear 1.75s infinite;
    -webkit-animation: waves 3.5s linear 1.75s infinite;
    pointer-events: none;
    z-index: 10;
}
@keyframes waves {
    0%   { transform: scale(1)   translateZ(0); opacity: 0.9; }
    100% { transform: scale(1.8) translateZ(0); opacity: 0;   }
}

#amp-chat-section {
    position: fixed;
    z-index: 99999999;
    bottom: 110px;
    right: 15px;
    width: 45px;
    height: 45px;
    cursor: pointer;
    overflow: visible;
}
#amp-chat-section.active {
    bottom: 110px;
    pointer-events: inherit;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
#amp-chat-section .open-chat-list-btn {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 20;
    border-radius: 50%;
    overflow: visible;
}
#amp-chat-section .open-chat-list-btn .nki-chat-main-chatbox,
#amp-chat-section .open-chat-list-btn > i {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: var(--amp-main-btn-bg, var(--fs-color-primary, #ff8600));
    color: #fff;
    height: 45px;
    width: 45px;
    z-index: 20;
    position: relative;
    opacity: 1;
    padding: 0;
    line-height: 1;
}
#amp-chat-section .select-chat-field {
    position: absolute;
    bottom: 55px;
    right: 0;
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s, transform .3s;
    transform: scale(.6);
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 10px;
}

/* --- sticker-fb-msg2 --- */
#amp-chat-section .select-chat-field .sticker-fb-msg2 {
    height: 45px;
    width: 45px;
    margin: 0 0 14px 0;
    z-index: 20;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 8px rgba(219, 33, 40, 0);
    -moz-box-shadow: 0 0 0 8px rgba(219, 33, 40, 0);
    box-shadow: 0 3px 3px rgba(0, 0, 0, .16);
}
#amp-chat-section .select-chat-field .sticker-fb-msg2 a .nki-mes-chatbox,
#amp-chat-section .select-chat-field .sticker-fb-msg2 a [class^="nki-"],
#amp-chat-section .select-chat-field .sticker-fb-msg2 a [class*=" nki-"] {
    position: absolute;
    width: 45px;
    height: 45px;
    display: block;
    font-size: 25px;
    background-color: #fff;
    text-align: center;
    z-index: 20;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    box-shadow: 0 3px 3px rgba(0, 0, 0, .16);
    line-height: 45px;
}
#amp-chat-section .select-chat-field .sticker-fb-msg2 a .slide-tooltip {
    display: inline-block;
    padding: 0;
    color: #fff;
    border: 0;
    border-radius: 28px;
    height: 50px;
    position: absolute;
    right: 10px;
    width: 0;
    overflow: hidden;
    -webkit-transition: all 1s;
    transition: all 1s;
    background-color: var(--primary-color);
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px #888;
    box-shadow: 0 0 5px #888;
    white-space: nowrap;
    opacity: 0;
    font-size: 15px;
    font-weight: 600;
    line-height: 2.9em;
    z-index: 19;
    text-align: left;
}
#amp-chat-section .select-chat-field .sticker-fb-msg2 a:hover .slide-tooltip {
min-width: 200Px;
    padding-left: 25px;
    padding-right: 10px;
    opacity: 1;
    z-index: 19;
    display: flex;
    align-items: center;
    max-width: 250Px;
    width: auto;
}

/* --- sticker-hotline-mobile2 --- */
#amp-chat-section .select-chat-field .sticker-hotline-mobile2 {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    z-index: 20;
    -webkit-transition: all .5s ease;
    width: 45px;
    height: 45px;
    -webkit-box-shadow: 0 0 0 8px rgba(219, 33, 40, 0);
    -moz-box-shadow: 0 0 0 8px rgba(219, 33, 40, 0);
    box-shadow: 0 0 0 8px rgba(219, 33, 40, 0);
    transition: bottom 2s ease 0s;
    margin: 0 0 10px 0;
}
#amp-chat-section .select-chat-field .sticker-hotline-mobile2 a {
    text-align: center;
    display: block;
    width: 100%;
    -webkit-box-shadow: 0 0 0 4px rgba(219, 33, 40, 0);
    -moz-box-shadow: 0 0 0 4px rgba(219, 33, 40, 0);
    box-shadow: 0 0 0 4px rgba(219, 33, 40, 0);
    height: 45px;
    position: absolute;
    z-index: 20;
}
#amp-chat-section .select-chat-field .sticker-hotline-mobile2 a .nki-call-chatbox,
#amp-chat-section .select-chat-field .sticker-hotline-mobile2 a [class^="nki-"],
#amp-chat-section .select-chat-field .sticker-hotline-mobile2 a [class*=" nki-"] {
    display: block;
    position: absolute;
    font-size: 25px;
    padding-top: 12px;
    text-align: center;
    color: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #fff;
    height: 45px;
    width: 45px;
    z-index: 20;
    box-shadow: 0 3px 3px rgba(0, 0, 0, .16);
}
#amp-chat-section .select-chat-field .sticker-hotline-mobile2 a .slide-tooltip {
    display: inline-block;
    padding: 0;
    color: #fff;
    border: 0;
    border-radius: 28px;
    height: 50px;
    position: absolute;
    top: 0;
    right: 10px;
    width: 0;
    overflow: hidden;
    -webkit-transition: all 1s;
    transition: all 1s;
    background-color: var(--primary-color);
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px #888;
    box-shadow: 0 0 5px #888;
    white-space: nowrap;
    opacity: 0;
    font-size: 15px;
    font-weight: 600;
    line-height: 3.5em;
    z-index: 19;
    text-align: left;
}
#amp-chat-section .select-chat-field .sticker-hotline-mobile2 a:hover .slide-tooltip {
min-width: 220px;
    padding-left: 20px;
    padding-right: 10px;
    opacity: 1;
    max-width: 250px;
    width: auto;
    display: flex;
    align-items: center;
}

/* --- sticker-zalo-chat & sticker-map --- */
#amp-chat-section .select-chat-field .sticker-zalo-chat,
#amp-chat-section .select-chat-field .sticker-map {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    z-index: 20;
    -webkit-transition: all .5s ease;
    width: 45px;
    height: 45px;
    -webkit-box-shadow: 0 0 0 8px rgba(219, 33, 40, 0);
    -moz-box-shadow: 0 0 0 8px rgba(219, 33, 40, 0);
    box-shadow: 0 0 0 8px rgba(219, 33, 40, 0);
    transition: bottom 2s ease 0s;
    margin: 0 0 10px 0;
}
#amp-chat-section .select-chat-field .sticker-zalo-chat a,
#amp-chat-section .select-chat-field .sticker-map a {
    text-align: center;
    display: block;
    width: 100%;
    -webkit-box-shadow: 0 0 0 4px rgba(219, 33, 40, 0);
    -moz-box-shadow: 0 0 0 4px rgba(219, 33, 40, 0);
    box-shadow: 0 0 0 4px rgba(219, 33, 40, 0);
    height: 45px;
    position: absolute;
    z-index: 20;
}
#amp-chat-section .select-chat-field .sticker-zalo-chat a .nki-zalo-chatbox,
#amp-chat-section .select-chat-field .sticker-zalo-chat a [class^="nki-"],
#amp-chat-section .select-chat-field .sticker-zalo-chat a [class*=" nki-"] {
    display: block;
    position: absolute;
    text-align: center;
    color: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #fff;
    height: 45px;
    width: 45px;
    z-index: 20;
    box-shadow: 0 3px 3px rgba(0, 0, 0, .16);
    font-size: 15px;
    line-height: 50px;
}
#amp-chat-section .select-chat-field .sticker-map a .nki-map-icon,
#amp-chat-section .select-chat-field .sticker-map a [class^="nki-"],
#amp-chat-section .select-chat-field .sticker-map a [class*=" nki-"] {
    display: block;
    position: absolute;
    text-align: center;
    color: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #fff;
    height: 45px;
    width: 45px;
    z-index: 20;
    box-shadow: 0 3px 3px rgba(0, 0, 0, .16);
    font-size: 25px;
    line-height: 50px;
}
#amp-chat-section .select-chat-field .sticker-zalo-chat a .slide-tooltip,
#amp-chat-section .select-chat-field .sticker-map a .slide-tooltip {
    display: inline-block;
    padding: 0;
    color: #fff;
    border: 0;
    border-radius: 28px;
    height: 45px;
    position: absolute;
    top: 0;
    right: 10px;
    width: 0;
    overflow: hidden;
    -webkit-transition: all 1s;
    transition: all 1s;
    background-color: var(--primary-color);
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px #888;
    box-shadow: 0 0 5px #888;
    white-space: nowrap;
    opacity: 0;
    font-size: 15px;
    font-weight: 600;
    line-height: 3.5em;
    z-index: 19;
    text-align: left;
}
#amp-chat-section .select-chat-field .sticker-zalo-chat a:hover .slide-tooltip,
#amp-chat-section .select-chat-field .sticker-map a:hover .slide-tooltip {
min-width: 180px;
    opacity: 1;
    padding: 10px !important;
    JUSTIFY-CONTENT: center;
    text-align: center;
    display: flex;
    align-items: center;
    max-width: 190px;
    width: auto;
}

/* Show/hide chat list */
#amp-chat-section.is-show-chat-list .select-chat-field {
    opacity: 1;
    pointer-events: auto;
    transform: scale(1);
}

/* Màu nền sticker mặc định */
#amp-chat-section .select-chat-field .sticker-map            { background: transparent; }
#amp-chat-section .select-chat-field .sticker-fb-msg2        { background: transparent; }
#amp-chat-section .select-chat-field .sticker-zalo-chat      { background: transparent; }
#amp-chat-section .select-chat-field .sticker-hotline-mobile2{ background: transparent; }

/* Custom màu nền khi chọn */
#amp-chat-section .select-chat-field .sticker-map.has-custom-color a [class^="nki-"],
#amp-chat-section .select-chat-field .sticker-map.has-custom-color a [class*=" nki-"] {
    background-color: var(--custom-bg-color) !important;
    color: #fff !important;
}
#amp-chat-section .select-chat-field .sticker-fb-msg2.has-custom-color a [class^="nki-"],
#amp-chat-section .select-chat-field .sticker-fb-msg2.has-custom-color a [class*=" nki-"] {
    background-color: var(--custom-bg-color) !important;
    color: #fff !important;
}
#amp-chat-section .select-chat-field .sticker-zalo-chat.has-custom-color a [class^="nki-"],
#amp-chat-section .select-chat-field .sticker-zalo-chat.has-custom-color a [class*=" nki-"] {
    background-color: var(--custom-bg-color) !important;
    color: #fff !important;
}
#amp-chat-section .select-chat-field .sticker-hotline-mobile2.has-custom-color a [class^="nki-"],
#amp-chat-section .select-chat-field .sticker-hotline-mobile2.has-custom-color a [class*=" nki-"] {
    background-color: var(--custom-bg-color) !important;
    color: #fff !important;
}

/* Icon color từ nki-font - override ::before color */
#amp-chat-section .select-chat-field a [class^="nki-"]:before,
#amp-chat-section .select-chat-field a [class*=" nki-"]:before {
    color: var(--primary-color);
}

/* Bottom Navigation */
.navigationbt {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 9999999;
}

.navigation {
    width: 100%;
    height: 55px;
    background: var(--nav-bg-color);
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 -2px 10px rgba(0,0,0,0.1);
}

.navigation ul {
    display: flex;
    width: 100%;
    max-width: 500px;
    justify-content: space-around;
    align-items: center;
    position: relative;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.navigation ul li {
    position: relative;
    width: 70px;
    height: 70px;
    z-index: 2;
    list-style: none !important;
}

.navigation ul li a {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    text-align: center;
    font-weight: 500;
    color: #fff;
    text-decoration: none;
}

.navigation ul li a .icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 85px;
    font-size: 1.5em;
    text-align: center;
    transition: 0.5s;
    color: var(--nav-icon-color);
}

.navigation ul li a .icon svg {
    width: 24px;
    height: 65px;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.navigation ul li.active a .icon {
    transform: translateY(-28px);
    line-height: 65px;
    color: var(--nav-active-icon-color);
}

.navigation ul li a .text {
    position: absolute;
    color: var(--nav-text-color);
    font-size: 0.75em;
    letter-spacing: 0.05em;
    transition: 0.5s;
    opacity: 0;
    transform: translateY(20px);
}

.navigation ul li.active a .text {
    opacity: 1;
    transform: translateY(10px);
}

.cart-badge {
    position: absolute;
    top: 8px;
    right: 8px;
    background: #ff0000;
    color: #fff;
    border-radius: 50%;
    min-width: 18px;
    height: 18px;
    display: none;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    font-weight: bold;
    z-index: 10;
    padding: 0 4px;
    transition: 0.3s;
}

.cart-badge.show {
    display: flex !important;
}

.navigation ul li.active .cart-badge {
    top: -12px;
}

.indicator {
    position: absolute;
    top: -20px;
    left: 0;
    width: 50px;
    height: 50px;
    background: --indicator-color;
    border-radius: 50%;
    border-bottom: 3px solid rgba(219, 33, 40, 0);
    transition: left 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    z-index: 1;
}

.indicator::before {
    content: "";
    position: absolute;
    bottom: -20%;
    right: 48px;
    width: clamp(380px, 90vw, 768px);
    height: 23px;
    background: transparent;
    border-top-right-radius: 22px;
    box-shadow: 0 -10px 0 0 var(--nav-bg-color);
}

.indicator::after {
    content: "";
    position: absolute;
    bottom: -20%;
    left: 48px;
    width: clamp(380px, 90vw, 768px);
    height: 23px;
    background: transparent;
    border-top-left-radius: 22px;
    box-shadow: 0 -10px 0 0 var(--nav-bg-color);
}

body {
    padding-bottom: 70px !important;
}

body.hide-bottom-nav .navigationbt {
    display: none !important;
}

body.hide-bottom-nav {
    padding-bottom: 0 !important;
}

@media (min-width: 850px) {
    .navigationbt {
        display: none;
    }
    body {
        padding-bottom: 0 !important;
    }
}