/* Menu truot tren mobile: cung kieu menu cua travelvietnam.com.vn
   (panel cam trong suot mo tu ben trai, hang dau la icon trang chu, chu in hoa, ke trang giua cac muc).
   Nap sau hotelvietnam.css / detail-classic.css tu view/mod_header/contact-v2.php va drawer-v2.php. */
.drawer .veil{background:transparent}
.drawer .panel{left:0;right:auto;width:70%;max-width:320px;background:rgba(186,104,66,.94);transform:translateX(-100%);box-shadow:none;font-family:var(--font)}
.drawer.open .panel{transform:none}
.drawer .d-h{display:none}
.drawer ul.d-l{flex:1;margin:0;padding:0 0 80px;list-style:none}
.drawer ul.d-l > li{border-bottom:1px solid #fff}
.drawer ul.d-l a{display:flex;align-items:center;gap:0;min-height:40px;padding:10px 14px;color:#fff;font-size:14px;font-weight:600;line-height:20px;text-transform:uppercase;letter-spacing:.2px}
.drawer ul.d-l a .i{display:none}
.drawer ul.d-l a:active{background:rgba(255,255,255,.12)}
.drawer ul.d-l > li:first-child a{font-size:0;padding:10px 14px}
.drawer ul.d-l > li:first-child a .i{display:block;font-size:20px;color:#fff}
.drawer .d-f{display:none}

/* ===== May tinh: nut Zalo + Messenger dang vien thuoc o goc duoi ben phai, giong travelvietnam.com.vn (an nut goi) ===== */
@media (min-width: 768px) {
    /* Trang v2: aside.fl */
    .fl{top:auto;right:22px;bottom:24px;display:flex;flex-direction:column;align-items:flex-end;gap:10px}
    .fl .tel{display:none}
    .fl a.zalo,.fl a.mes{display:inline-flex;align-items:center;width:auto;height:52px;margin:0;padding:0 22px 0 58px;border-radius:999px;color:#fff;font-family:var(--font);font-size:15px;font-weight:600;line-height:1;text-decoration:none;white-space:nowrap;box-shadow:0 10px 24px -8px rgba(6,19,54,.45);transition:transform .2s,box-shadow .2s}
    .fl a.zalo img,.fl a.mes img{display:none}
    .fl a.zalo::before{content:"Chat Zalo"}
    .fl a.mes::before{content:"Messenger"}
    .fl a.zalo:hover,.fl a.mes:hover{color:#fff;transform:translateY(-2px);box-shadow:0 14px 28px -8px rgba(6,19,54,.55)}
    .fl a.zalo{background:url("/templates/hotelbooking/images/zalo.png") 8px center / 38px auto no-repeat,linear-gradient(135deg,#1A8CFF,#0068FF)}
    .fl a.mes{background:url("/templates/hotelbooking/images/mes.png") 14px center / 26px auto no-repeat,linear-gradient(135deg,#00B2FF,#8A3FFC 60%,#FF5C87)}
    .fl a.zalo::after{content:"";position:absolute;inset:-5px;border:2px solid rgba(0,104,255,.55);border-radius:999px;animation:hvPulse 1.8s ease-out infinite;pointer-events:none}

    /* Trang chi tiet giao dien cu: .box-fix + nut goi tron */
    #suntory-alo-phoneIcon{display:none!important}
    .box-fix{top:auto!important;right:22px;bottom:24px!important;display:flex;flex-direction:column;align-items:flex-end;gap:10px;width:auto}
    .box-fix a.hot-fix{display:none}
    .box-fix a.zalo,.box-fix a.mes{float:none;display:inline-flex;align-items:center;width:auto;height:52px;margin:0;padding:0 22px 0 58px;border-radius:999px;color:#fff;font-family:var(--font);font-size:15px;font-weight:600;line-height:1;text-decoration:none;white-space:nowrap;overflow:visible;box-shadow:0 10px 24px -8px rgba(6,19,54,.45);transition:transform .2s,box-shadow .2s}
    .box-fix a.zalo span,.box-fix a.mes span{display:inline;padding:0;background:none}
    .box-fix a.zalo span::before{content:"Chat "}
    .box-fix a.zalo:hover,.box-fix a.mes:hover{color:#fff;transform:translateY(-2px);box-shadow:0 14px 28px -8px rgba(6,19,54,.55)}
    .box-fix a.zalo{background:url("/templates/hotelbooking/images/zalo.png") 8px center / 38px auto no-repeat,linear-gradient(135deg,#1A8CFF,#0068FF)}
    .box-fix a.mes{background:url("/templates/hotelbooking/images/mes.png") 14px center / 26px auto no-repeat,linear-gradient(135deg,#00B2FF,#8A3FFC 60%,#FF5C87)}
    .box-fix a.zalo::after{content:"";position:absolute;inset:-5px;border:2px solid rgba(0,104,255,.55);border-radius:999px;animation:hvPulse 1.8s ease-out infinite;pointer-events:none}
    @keyframes hvPulse{0%{opacity:.9;transform:scale(.96)}100%{opacity:0;transform:scale(1.12)}}
}
@media (min-width: 768px) and (prefers-reduced-motion: reduce) {
    .fl a.zalo::after,.box-fix a.zalo::after{animation:none;opacity:0}
}