#root :is(#footer,.site-footer) .footer-inner{align-items:start!important;padding-top:18px!important;padding-bottom:12px!important}#root :is(#footer,.site-footer) .footer-social{min-width:0;align-self:start}#root :is(#footer,.site-footer) .footer-social :is(h2,h4){margin-bottom:6px!important}#root :is(#footer,.site-footer) .footer-social .facebook-mini{width:100%!important;max-width:200px!important;margin:0!important;border-radius:4px!important}#root :is(#footer,.site-footer) .facebook-mini .facebook-mini-head{display:flex!important;align-items:center;gap:7px;width:100%!important;height:auto!important;min-height:0!important;margin:0!important;padding:4px 6px!important;background:#f4f8ff!important;text-decoration:none;box-sizing:border-box!important}#root :is(#footer,.site-footer) .facebook-mini-head img{width:48px!important;height:auto!important;flex:0 0 48px}#root :is(#footer,.site-footer) .facebook-mini-head strong{font-size:11px!important;line-height:1.2!important}#root :is(#footer,.site-footer) .facebook-mini-head span{font-size:8px!important;line-height:1.2!important;margin-top:1px!important}#root :is(#footer,.site-footer) .facebook-mini-body{display:flex!important;justify-content:space-between;padding:3px 6px!important;gap:4px;font-size:8px!important;line-height:1.3!important}#root :is(#footer,.site-footer) .facebook-mini-body b{font-size:8px!important}#root :is(#footer,.site-footer) .footer-social-row{display:flex!important;align-items:center;justify-content:space-between;gap:6px;flex-wrap:wrap;max-width:200px;margin-top:6px}#root :is(#footer,.site-footer) .footer-social-row .facebook-follow{display:inline-flex!important;align-items:center;justify-content:center;gap:5px;align-self:center!important;height:24px!important;min-height:24px!important;max-height:24px!important;box-sizing:border-box!important;margin:0!important;padding:0 7px!important;background:#1877f2;color:#fff!important;border-radius:3px;font-size:9px!important;line-height:1.3!important;text-decoration:none}#root :is(#footer,.site-footer) .footer-social-row .footer-social-icons{display:flex!important;align-items:center;gap:6px!important;flex-wrap:nowrap!important;width:auto!important;max-width:none!important;margin:0!important}#root :is(#footer,.site-footer) .footer-social-row .footer-social-icons :is(a,span.social-tiktok){display:grid!important;place-items:center;flex:0 0 28px!important;width:28px!important;height:28px!important;min-width:28px!important;max-width:28px!important;min-height:28px!important;margin:0!important;padding:0!important;box-sizing:border-box;border-radius:50%}#root :is(#footer,.site-footer) .footer-social-icons .social-facebook{background:#1877f2!important}#root :is(#footer,.site-footer) .footer-social-icons .social-tiktok{background:#111!important}.social-brand-icon{display:inline-block;object-fit:contain;flex-shrink:0;vertical-align:middle}#root :is(#footer,.site-footer) .footer-social-icons .social-brand-icon,#root :is(#footer,.site-footer) .facebook-follow .social-brand-icon{filter:brightness(0) invert(1)}#root :is(#footer,.site-footer) .footer-bottom{display:grid!important;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px!important;max-width:1220px!important;margin:0 auto!important;padding:10px 18px 14px!important;border-top:1px solid #e6edf2!important}#root :is(#footer,.site-footer) .footer-bottom>span:last-child{text-align:right}#root :is(#footer,.site-footer) .footer-bottom .footer-trust{display:flex!important;align-items:center;justify-content:center;flex-wrap:nowrap!important;gap:10px!important;width:auto!important;max-width:100%!important;margin:0!important;padding:0!important}#root :is(#footer,.site-footer) .footer-trust .trust-badge{display:inline-flex!important;align-items:center;justify-content:center;min-width:0;margin:0!important;padding:0!important;background:none;box-shadow:none;line-height:1}#root :is(#footer,.site-footer) .footer-trust .trust-badge img{display:block;height:26px!important;width:auto!important;max-width:110px!important;object-fit:contain}@media(max-width:980px){#root :is(#footer,.site-footer) .footer-bottom{grid-template-columns:1fr auto}#root :is(#footer,.site-footer) .footer-bottom>span:last-child{grid-column:1/-1;text-align:center}}@media(max-width:760px){#root :is(#footer,.site-footer) .footer-inner{padding-top:12px!important;padding-bottom:8px!important}#root :is(#footer,.site-footer) .footer-col.mobile-collapsible:not(.is-open) .footer-social-row{display:none!important}#root :is(#footer,.site-footer) .footer-social-row{justify-content:flex-start;gap:12px;margin-bottom:4px}#root :is(#footer,.site-footer) .footer-social-row .footer-social-icons :is(a,span.social-tiktok){flex-basis:32px!important;width:32px!important;height:32px!important;min-width:32px!important;max-width:32px!important;min-height:32px!important}#root :is(#footer,.site-footer) .footer-bottom{display:flex!important;flex-wrap:wrap;justify-content:center;gap:8px 12px!important;padding:10px 16px 14px!important;text-align:center}#root :is(#footer,.site-footer) .footer-bottom>span:last-child{text-align:center}#root :is(#footer,.site-footer) .footer-trust .trust-badge img{height:23px!important;max-width:100px!important}}@media(max-width:1100px){#root :is(.guide-article,.guide-page,.contact-page,.about-page,.flight-page){padding-bottom:20px!important}}@font-face{font-family:DidiTripTop;src:url(/app/assets/Bexper-BmXrsKy6.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}.floating-contact-actions{position:fixed;right:max(24px,env(safe-area-inset-right));bottom:24px;display:flex;flex-direction:column;gap:14px;align-items:center;z-index:70}.floating-contact-actions .floating-contact-action{box-sizing:border-box;position:relative;isolation:isolate;width:60px;height:60px;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;border:0;border-radius:50%;color:#fff;text-decoration:none;cursor:pointer;padding:0;line-height:1;background:transparent;box-shadow:none}.floating-contact-action:focus-visible{outline:3px solid #10356f;outline-offset:5px}.floating-contact-zalo{--contact-color:#2196f3;--contact-ring:rgba(33,150,243,.7)}.floating-contact-call{--contact-color:#e60808;--contact-ring:rgba(230,8,8,.7)}.floating-contact-actions :is(.floating-contact-zalo,.floating-contact-call):before{content:"";position:absolute;left:50%;top:50%;width:65px;height:65px;margin:-32.5px 0 0 -32.5px;border-radius:50%;background:var(--contact-ring);box-shadow:0 0 0 0 var(--contact-color);transform-origin:center;animation:diditrip-contact-wave 1.3s infinite;pointer-events:none;z-index:-1}.floating-contact-core{display:flex;align-items:center;justify-content:center;position:relative;width:40px;height:40px;border-radius:50%;background:var(--contact-color);animation:diditrip-contact-shake 1s ease-in-out infinite}.floating-contact-core img{display:block;max-width:27px;max-height:25px;object-fit:contain}.floating-contact-actions .floating-contact-top{background:#3685fb;font:400 30px/1.11 DidiTripTop,sans-serif}@keyframes diditrip-contact-wave{0%{transform:scale(.9)}70%{transform:scale(1);box-shadow:0 0 0 15px transparent}to{transform:scale(.9);box-shadow:0 0 0 0 transparent}}@keyframes diditrip-contact-shake{0%,50%,to{transform:rotate(0) skew(1deg)}10%,30%{transform:rotate(-25deg) skew(1deg)}20%,40%{transform:rotate(25deg) skew(1deg)}}@media(max-width:980px){.floating-contact-actions{right:max(20px,env(safe-area-inset-right));bottom:calc(112px + env(safe-area-inset-bottom));gap:12px}}@media(max-width:1100px){.floating-contact-actions .floating-contact-top{display:none}}@media(prefers-reduced-motion:reduce){.floating-contact-actions :is(.floating-contact-zalo,.floating-contact-call):before,.floating-contact-core{animation:none}}@media print{.floating-contact-actions{display:none}}.site-symbol{display:inline-block;width:1em;height:1em;flex-shrink:0;vertical-align:-.15em;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}.promo-fire .site-symbol{color:#ffb000}.site-symbol-share{fill:currentColor;stroke:none}.promo-ticker-viewport{overflow:hidden;margin:0 16px;min-height:34px;display:flex;align-items:center;justify-content:center;font-size:11px;line-height:1.5}.promo-ticker-track{display:flex;align-items:center;width:max-content;flex:none;gap:40px}.promo-ticker-message{display:block;flex:none;white-space:nowrap;padding:7px 0}.promo-ticker-viewport.is-overflowing{justify-content:flex-start}.is-overflowing .promo-ticker-track{animation:diditrip-promo-scroll var(--promo-duration) linear infinite;will-change:transform}.promo-ticker-viewport:hover .promo-ticker-track,.promo-ticker-viewport:focus-within .promo-ticker-track{animation-play-state:paused}@keyframes diditrip-promo-scroll{to{transform:translate(calc(-1 * var(--promo-distance)))}}@media(prefers-reduced-motion:reduce){.is-overflowing .promo-ticker-track{animation:none;will-change:auto}.promo-ticker-viewport.is-overflowing{overflow-x:auto}}.travel-field-host{position:relative!important;overflow:visible!important;min-width:0}.travel-live-form{overflow:visible!important}.travel-destination-control,.travel-guest-control{position:relative;min-width:0;width:100%}.travel-input-line{position:relative;display:flex;align-items:center;gap:7px;width:100%;min-width:0}.travel-control-icon{flex:0 0 18px;width:18px;height:18px;display:inline-grid;place-items:center;color:#0b8794}.travel-control-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.travel-text-input,.travel-date-input{display:block;min-width:0;width:100%;height:26px;padding:0;border:0!important;outline:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#173e70;font:inherit;font-size:13px;font-weight:800;line-height:26px;text-overflow:ellipsis}.travel-text-input::placeholder{color:#70869c;opacity:1}.travel-text-input:focus,.travel-date-input:focus{outline:0!important;box-shadow:none!important}.travel-date-input{cursor:pointer}.travel-date-input::-webkit-calendar-picker-indicator{cursor:pointer;opacity:0;width:18px;margin-left:-18px}.travel-suggestions{position:absolute;z-index:1400;top:calc(100% + 9px);left:-12px;width:max(100%,360px);max-width:min(440px,calc(100vw - 24px));max-height:min(470px,65vh);overflow:auto;padding:7px;border:1px solid #d9e8ef;border-radius:12px;background:#fff;box-shadow:0 18px 46px #143d532e;text-align:left;overscroll-behavior:contain}.travel-suggestions-caption{position:sticky;top:-7px;z-index:2;padding:8px 9px 7px;border-bottom:1px solid #edf3f6;background:#fff;color:#718597;font-size:10px;font-weight:800;letter-spacing:.02em}.travel-suggestion{width:100%;min-height:49px;margin:0;padding:7px 8px;display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:8px;border:0;border-radius:8px;background:transparent;color:#123b70;text-align:left;cursor:pointer}.travel-suggestion:hover,.travel-suggestion.is-active{background:#eef9f9}.travel-suggestion-mark{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#edf7fb;color:#087e98;font-size:11px;font-weight:900}.travel-suggestion.is-hotel .travel-suggestion-mark{background:#fff3e9;color:#e86128}.travel-suggestion-copy{display:block;min-width:0}.travel-suggestion-copy b{display:block;overflow:hidden;color:#123b70;font-size:12px;font-weight:800;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.travel-suggestion-copy small{display:block;margin-top:3px;overflow:hidden;color:#73879a;font-size:10px;font-weight:500;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.travel-suggestion em{color:#e99a13;font-size:10px;font-style:normal;font-weight:900;white-space:nowrap}.travel-suggestions-state{padding:14px 10px;color:#718597;font-size:11px;line-height:1.5}.travel-guest-trigger{width:100%;min-width:0;height:26px;padding:0;display:flex;align-items:center;gap:7px;border:0;background:transparent;color:#173e70;font:inherit;font-size:13px;font-weight:800;text-align:left;cursor:pointer}.travel-guest-trigger>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.travel-guest-menu{position:absolute;z-index:1400;top:calc(100% + 9px);right:-12px;width:290px;max-width:calc(100vw - 24px);padding:10px;border:1px solid #d9e8ef;border-radius:12px;background:#fff;box-shadow:0 18px 46px #143d532e}.travel-stepper-row{min-height:49px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:5px 2px;border-bottom:1px solid #edf3f6;color:#173e70;font-size:12px;font-weight:800}.travel-stepper{display:grid;grid-template-columns:32px 32px 32px;align-items:center;gap:4px}.travel-stepper button{width:32px;height:32px;display:grid;place-items:center;padding:0;border:1px solid #a8d5da;border-radius:8px;background:#fff;color:#078b91;font-size:18px;font-weight:700;line-height:1;cursor:pointer}.travel-stepper button:hover:not(:disabled){background:#edf9f8}.travel-stepper button:disabled{cursor:not-allowed;opacity:.32}.travel-stepper b{display:grid;place-items:center;color:#173e70;font-size:13px}.travel-guest-done{width:100%;min-height:34px;margin-top:9px;border:0;border-radius:8px;background:#078b91;color:#fff;font:inherit;font-size:11px;font-weight:900;cursor:pointer}.travel-header-search{position:relative;flex:0 0 145px;width:145px;min-width:145px}.travel-header-control{width:100%}.travel-header-control .travel-input-line{position:relative;width:100%}.travel-header-control .travel-control-icon{position:absolute;z-index:3;left:11px;top:50%;width:14px;height:14px;transform:translateY(-50%);pointer-events:none}.travel-header-control .travel-control-icon svg{width:14px;height:14px}.travel-header-control .travel-text-input{height:auto;padding-left:31px!important;font-weight:400;line-height:normal}.travel-header-control .travel-suggestions{left:auto;right:0;width:390px}.booking-field.travel-field-host>label,.booking-field.travel-field-host>span,.search-field.travel-field-host>span{display:block}.booking-field.travel-field-host .travel-input-line,.booking-field.travel-field-host .travel-guest-trigger,.search-field.travel-field-host .travel-input-line,.search-field.travel-field-host .travel-guest-trigger{margin-top:3px}.detail-page-shell .booking-strip .booking-field.travel-field-host .travel-input-line,.detail-page-shell .booking-strip .booking-field.travel-field-host .travel-guest-trigger{height:19.5px;margin-top:0}.detail-page-shell .booking-strip .travel-date-input{height:19.5px;line-height:19.5px}@media(min-width:761px){.detail-page-shell .booking-strip{grid-template-rows:53px!important}}@media(max-width:760px){.travel-guest-menu{position:fixed;z-index:1800;top:auto;right:12px;bottom:calc(78px + env(safe-area-inset-bottom));left:12px;width:auto;max-width:none;max-height:min(58vh,460px);border-radius:18px;box-shadow:0 20px 60px #143d533d}.travel-suggestions{position:absolute;top:calc(100% + 9px);bottom:auto;left:-10px;right:auto;width:min(390px,calc(100vw - 40px));max-width:calc(100vw - 40px);padding:8px}.travel-header-control .travel-suggestions{left:auto;right:0;width:min(390px,calc(100vw - 24px));max-width:calc(100vw - 24px)}.travel-suggestion{min-height:52px}.travel-guest-menu{padding:14px}.travel-stepper-row{min-height:56px}}.travel-popover-open-ancestor{overflow:visible!important}.travel-live-form{position:relative!important;overflow:visible!important;z-index:50}.travel-field-host{position:relative!important;overflow:visible!important}.travel-field-host:focus-within{z-index:2200!important}.travel-destination-control,.travel-guest-control{overflow:visible!important}.travel-destination-control:has(.travel-suggestions),.travel-guest-control:has(.travel-guest-menu){z-index:2300!important}.travel-suggestions,.travel-guest-menu{z-index:2400!important}#liveHotelSearchEditForm{overflow:visible!important;position:relative!important;z-index:2100!important}.travel-suggestion{display:block!important;min-height:42px!important;padding:9px 12px!important;border-radius:7px!important;text-align:left!important}.travel-suggestion-mark,.travel-suggestion-copy small,.travel-suggestion>em{display:none!important}.travel-suggestion-copy{display:block!important;width:100%!important}.travel-suggestion-copy b{display:block!important;width:100%!important;margin:0!important;color:#123b70;font-size:13px!important;font-weight:800!important;line-height:24px!important;white-space:nowrap!important}.travel-suggestion:hover,.travel-suggestion.is-active{background:#eef9f9!important}@media(max-width:760px){.travel-text-input,.travel-date-input{font-size:16px}}@media(max-width:360px){.travel-date-control{gap:3px}.travel-date-control .travel-control-icon{flex-basis:16px;width:16px}.travel-date-control .travel-control-icon svg{width:16px;height:16px}.booking-field.travel-field-host:has(.travel-date-control):after{content:none}}#searchForm .travel-text-input,#searchForm .travel-date-input,#searchForm .travel-guest-trigger{font-size:13px;font-weight:800}#searchForm .travel-control-icon{flex-basis:22px;width:22px;height:22px}#searchForm .travel-control-icon svg{width:22px;height:22px}@media(max-width:760px){#searchForm .travel-text-input,#searchForm .travel-date-input,#searchForm .travel-guest-trigger{font-size:16px}}@media(max-width:360px){#searchForm .travel-date-control .travel-control-icon{flex-basis:20px;width:20px;height:20px}#searchForm .travel-date-control .travel-control-icon svg{width:20px;height:20px}}.search-field.travel-field-host .travel-guest-trigger>span{margin-bottom:0;color:inherit;font-size:inherit;font-weight:inherit;line-height:inherit}@media(max-width:760px){.search-field.travel-field-host .travel-guest-trigger{font-size:16px}}.mobile-search-backdrop{position:fixed;inset:0;z-index:2147482999;background:#10356f26;touch-action:none;overscroll-behavior:none}.mobile-nav-search{position:fixed;z-index:2147483000;bottom:auto;height:49.6px;padding:4.8px 44px 4.8px 12px;box-sizing:border-box;border:1px solid #d8e8ef;border-radius:16px;background:#fff;box-shadow:0 -8px 32px #10356f26;text-align:left}.mobile-nav-search .travel-header-search{width:100%;min-width:0}.mobile-nav-search .travel-suggestions{top:auto!important;bottom:calc(100% + 18px)!important;left:-13px!important;right:auto!important;width:var(--mobile-search-width)!important;max-width:none!important;max-height:var(--mobile-suggestion-height,0px)!important;scrollbar-width:none;-ms-overflow-style:none;box-sizing:border-box;overflow-y:auto;overscroll-behavior:contain}.mobile-nav-search button.mobile-nav-search-close{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:grid;place-items:center;box-sizing:border-box;width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;padding:0!important;border:0;border-radius:50%!important;background:#eef7fa;color:#10356f;line-height:1;cursor:pointer}.mobile-nav-search-close svg{display:block;width:14px;height:14px;flex-shrink:0}.has-compact-navigation #root .header-actions .travel-header-search,.has-compact-navigation #root .header-actions .search-mini{display:none!important}@media(min-width:1101px){.mobile-nav-search{display:none}}#root nav[aria-label="Điều hướng nhanh"]{overflow:visible!important}.mobile-nav-search input.search-mini{display:block!important;width:100%!important;min-width:0!important;height:38px!important;box-sizing:border-box;padding:6px 12px 6px 34px!important;border:1px solid #a9dbe8;border-radius:20px;background:#fff;color:#10356f;font-size:16px!important}#root nav[aria-label="Điều hướng nhanh"][data-item-count="6"]{grid-template-columns:repeat(6,minmax(0,1fr))!important}#root nav[aria-label="Điều hướng nhanh"][data-item-count="4"]{grid-template-columns:repeat(4,minmax(0,1fr))!important}.mobile-nav-search .travel-suggestions::-webkit-scrollbar{display:none;width:0;height:0}.mobile-nav-search .travel-suggestion{height:52px!important;min-height:52px!important;box-sizing:border-box;overflow:hidden}.mobile-nav-search .travel-suggestions-caption{height:28px;box-sizing:border-box;line-height:12px}.mobile-search-gap{display:none;position:absolute;bottom:100%;left:-1px;right:-1px;height:20px;background:transparent;touch-action:none}.mobile-nav-search:has(.travel-suggestions)>.mobile-search-gap{display:block}.mobile-search-diagnostic{position:fixed!important;z-index:2147483001!important;top:8px!important;left:12px!important;min-height:36px;padding:6px 12px;border:1px solid #10356f;border-radius:8px;background:#fff;color:#10356f;font-size:13px}html.mobile-search-open nav[aria-label="Điều hướng nhanh"]{visibility:hidden!important;pointer-events:none!important}#root :is(input,textarea)::placeholder,.mobile-nav-search :is(input,textarea)::placeholder{font-weight:600!important;font-size:max(11px,calc(1em - 2px))!important}#root select:has(>option[value=""]:checked){font-weight:600!important;font-size:14px!important}#root .travel-field-host .travel-text-input,#root .travel-field-host .travel-date-input,#root .travel-guest-trigger,#root .travel-guest-trigger>span:last-child{font-weight:600!important;font-size:14px!important}#root #searchForm .travel-text-input,#root #searchForm .travel-date-input,#root #searchForm .travel-guest-trigger,#root #searchForm .travel-guest-trigger>span:last-child{font-size:12px!important}@media(max-width:760px){#root #searchForm .travel-text-input,#root #searchForm .travel-date-input,#root #searchForm .travel-guest-trigger,#root #searchForm .travel-guest-trigger>span:last-child{font-size:14px!important}}#root .travel-field-host .travel-text-input::placeholder{font-size:inherit!important}#root .search-field.travel-field-host .travel-guest-trigger{height:26px!important;min-height:26px!important}#root .search-field.travel-field-host .travel-guest-trigger>span{margin-bottom:0!important}html.mobile-search-open .floating-contact-actions,html:has(.travel-popover-is-open,.travel-field-host:focus-within,.travel-header-search:focus-within,.flight-field:focus-within) .floating-contact-actions{visibility:hidden!important;pointer-events:none!important}@media(max-width:1100px){html:has(.travel-popover-is-open,.travel-field-host:focus-within,.travel-header-search:focus-within,.flight-field:focus-within) nav[aria-label="Điều hướng nhanh"]{visibility:hidden!important;pointer-events:none!important}.search-edit-card.travel-popover-open-ancestor{z-index:60!important}html:has(.travel-popover-is-open) .mobile-result-toolbar{visibility:hidden!important;pointer-events:none!important}.travel-suggestions{scrollbar-width:none}.travel-suggestions::-webkit-scrollbar{display:none}}#root .travel-date-control .travel-date-display{display:block;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;line-height:26px;color:#173e70}#root .travel-date-control input.travel-date-input{position:absolute;inset:0;min-width:0;width:100%;height:100%;opacity:0;font-size:16px!important;cursor:pointer;box-sizing:border-box}#root .flight-native-date{position:relative;min-width:0;width:100%}#root .flight-native-date-display{display:flex;align-items:center;width:100%;height:44px;padding:0 12px;border:1px solid #d8e8ef;border-radius:8px;background:#fff;color:#173e70;font-size:14px;font-weight:600;pointer-events:none}#root .flight-native-date input.flight-control{position:absolute;inset:0;width:100%!important;min-width:0!important;max-width:100%;height:100%;opacity:0;font-size:16px!important;box-sizing:border-box}#root .flight-native-date:has(input:disabled){opacity:.5}#root .booking-tab{display:inline-flex;align-items:center;justify-content:center;gap:6px}#root .booking-tab>svg{display:block;width:18px;height:18px;flex:none;stroke:currentColor;stroke-width:1.8;fill:none}@supports (-webkit-touch-callout:none){#root :is(input,textarea,select):focus,#root .travel-field-host input:focus,#root #searchForm input:focus{font-size:16px!important}#root nav[aria-label="Điều hướng nhanh"]{bottom:8px!important;transform:translateZ(0);backface-visibility:hidden;transition:none!important}@media(display-mode:standalone){#root nav[aria-label="Điều hướng nhanh"]{bottom:max(8px,env(safe-area-inset-bottom))!important}}}#root .travel-date-control:focus-within{outline:2px solid #0a9894;outline-offset:2px;border-radius:4px}#root .flight-native-date:focus-within .flight-native-date-display{box-shadow:0 0 0 2px #0a9894}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.route-loading-shell{display:grid;min-height:100vh;place-items:center;padding:24px;color:#10356f;font:600 16px/1.5 Arial,sans-serif}.page-loading{min-height:calc(100vh - 160px)}#root :is([aria-label=Breadcrumb],.breadcrumbs,[class*=breadcrumbs],[class*=-breadcrumb]){font-size:13.75px!important}@media(max-width:760px){#root :is([aria-label=Breadcrumb],.breadcrumbs,[class*=breadcrumbs],[class*=-breadcrumb]){font-size:13.125px!important}}.language-flag.language-toggle{padding:0;cursor:pointer;appearance:none;-webkit-appearance:none;font-family:inherit}.language-flag.language-toggle{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;width:30px!important;height:30px!important}.language-flag.language-toggle svg{display:block;width:27px;height:18px}.language-flag.language-toggle:focus-visible{outline:2px solid #008d99;outline-offset:3px}.diditrip-toast-stack{position:fixed;z-index:2147483000;top:16px;right:16px;display:grid;gap:10px;width:min(380px,calc(100vw - 32px));pointer-events:none}.admin-bar .diditrip-toast-stack{top:64px}.diditrip-toast{display:flex;align-items:flex-start;gap:14px;padding:14px 16px;border-radius:10px;background:#fff;color:#12354b;border-left:5px solid #08716d;box-shadow:0 6px 24px #10294f30;pointer-events:auto;font:600 14px/1.5 Arial,sans-serif;overflow-wrap:anywhere}.diditrip-toast-error{border-left-color:#b42318;color:#8e1d16}.diditrip-toast>span{flex:1}.diditrip-toast>button{border:0;background:transparent;color:inherit;font:24px/1 Arial;cursor:pointer;min-width:28px;min-height:28px;padding:0}.diditrip-blog-clickable{position:relative}.diditrip-blog-clickable>a.diditrip-blog-card-hit{position:absolute!important;inset:0!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;z-index:2;color:inherit}.diditrip-blog-clickable :is(button,input,select,textarea){position:relative;z-index:3}img.diditrip-hotel-media--contain.diditrip-hotel-media--contain.diditrip-hotel-media--contain{object-fit:contain!important;object-position:center!important;background:#eef4f6!important}img.diditrip-hotel-media--panel-cover.diditrip-hotel-media--panel-cover.diditrip-hotel-media--panel-cover{width:100%!important;height:100%!important;min-width:100%!important;min-height:100%!important;object-fit:cover!important;object-position:center center!important;background:#eef4f6!important}img.diditrip-hotel-media--cover.diditrip-hotel-media--cover.diditrip-hotel-media--cover{object-fit:cover!important;object-position:center center!important;background:#eef4f6!important}img.diditrip-media-unavailable.diditrip-media-unavailable.diditrip-media-unavailable{object-fit:contain!important;object-position:center!important;background:linear-gradient(135deg,#f4f8f9,#e7f0f2)!important}#root:has(>style[data-reference-page-style=home]) .detail-link{color:#112c46!important}#root:has(>style[data-reference-page-style=home]) .hotel-card{background-color:#dff3f7!important}#root:has(>style[data-reference-page-style=home]) .hotel-price{color:#15b99e!important}#root:has(>style[data-reference-page-style=home]) .review-card p{color:#111!important}#root:has(>style[data-reference-page-style=home]) .review-stars{color:#ffb000!important}#root:has(>style[data-reference-page-style=home]) .signup input{font-size:16px!important}@media(min-width:761px){#root:has(>style[data-reference-page-style=home]) .signup input{font-size:16.5px!important}}#root:has(>style[data-reference-page-style=home]) .signup input{line-height:23.2px!important}@media(min-width:761px){#root:has(>style[data-reference-page-style=home]) .signup input{line-height:normal!important}}#root:has(>style[data-reference-page-style=home]) .destination-name-grid a{color:#111!important}#root:has(>style[data-reference-page-style=search]) .search-breadcrumbs{font-size:9.5px!important}@media(min-width:761px){#root:has(>style[data-reference-page-style=search]) .search-breadcrumbs{font-size:11px!important}}#root:has(>style[data-reference-page-style=search]) .search-breadcrumbs{line-height:11.875px!important}@media(min-width:761px){#root:has(>style[data-reference-page-style=search]) .search-breadcrumbs{line-height:14.3px!important}}#root:has(>style[data-reference-page-style=search]) .search-breadcrumbs>a{font-size:9.5px!important}@media(min-width:761px){#root:has(>style[data-reference-page-style=search]) .search-breadcrumbs>a{font-size:11px!important}}#root:has(>style[data-reference-page-style=search]) .search-breadcrumbs>a{line-height:11.875px!important}@media(min-width:761px){#root:has(>style[data-reference-page-style=search]) .search-breadcrumbs>a{line-height:14.3px!important}}#root:has(>style[data-reference-page-style=search]) .search-breadcrumbs>b{font-size:9.5px!important}@media(min-width:761px){#root:has(>style[data-reference-page-style=search]) .search-breadcrumbs>b{font-size:11px!important}}#root:has(>style[data-reference-page-style=search]) .search-breadcrumbs>b{line-height:11.875px!important}@media(min-width:761px){#root:has(>style[data-reference-page-style=search]) .search-breadcrumbs>b{line-height:14.3px!important}}#root:has(>style[data-reference-page-style=search]) .search-breadcrumbs>span{font-size:9.5px!important}@media(min-width:761px){#root:has(>style[data-reference-page-style=search]) .search-breadcrumbs>span{font-size:11px!important}}#root:has(>style[data-reference-page-style=search]) .search-breadcrumbs>span{line-height:11.875px!important}@media(min-width:761px){#root:has(>style[data-reference-page-style=search]) .search-breadcrumbs>span{line-height:14.3px!important}}#root:has(>style[data-reference-page-style=detail]) .booking-price small{font-weight:700!important}#root:has(>style[data-reference-page-style=detail]) .booking-price small{line-height:10px!important}@media(min-width:761px){#root:has(>style[data-reference-page-style=detail]) .booking-price small{line-height:12px!important}}#root:has(>style[data-reference-page-style=detail]) .booking-price small{font-size:8px!important}#root:has(>style[data-reference-page-style=detail]) .booking-price strong{color:#078f97!important}@media(min-width:761px){#root:has(>style[data-reference-page-style=detail]) .booking-price strong{color:#173e70!important}}#root:has(>style[data-reference-page-style=detail]) .booking-price strong{font-size:15px!important}@media(min-width:761px){#root:has(>style[data-reference-page-style=detail]) .booking-price strong{font-size:13px!important}}#root:has(>style[data-reference-page-style=detail]) .booking-price strong{font-weight:700!important}#root:has(>style[data-reference-page-style=detail]) .booking-price strong{line-height:18.75px!important}@media(min-width:761px){#root:has(>style[data-reference-page-style=detail]) .booking-price strong{line-height:19.5px!important}}#root:has(>style[data-reference-page-style=detail]) .breadcrumbs{font-size:10.5px!important}@media(min-width:761px){#root:has(>style[data-reference-page-style=detail]) .breadcrumbs{font-size:11px!important}}#root:has(>style[data-reference-page-style=detail]) .breadcrumbs{line-height:13.125px!important}@media(min-width:761px){#root:has(>style[data-reference-page-style=detail]) .breadcrumbs{line-height:16.5px!important}}#root:has(>style[data-reference-page-style=detail]) .breadcrumbs span{font-size:10.5px!important}@media(min-width:761px){#root:has(>style[data-reference-page-style=detail]) .breadcrumbs span{font-size:11px!important}}#root:has(>style[data-reference-page-style=detail]) .breadcrumbs span{line-height:13.125px!important}@media(min-width:761px){#root:has(>style[data-reference-page-style=detail]) .breadcrumbs span{line-height:16.5px!important}}#root:has(>style[data-reference-page-style=detail]) .distance-row{font-size:12px!important}@media(min-width:761px){#root:has(>style[data-reference-page-style=detail]) .distance-row{font-size:8.5px!important}}#root:has(>style[data-reference-page-style=detail]) .distance-row{line-height:18px!important}@media(min-width:761px){#root:has(>style[data-reference-page-style=detail]) .distance-row{line-height:12.75px!important}}#root:has(>style[data-reference-page-style=detail]) .distance-row b{font-size:12px!important}@media(min-width:761px){#root:has(>style[data-reference-page-style=detail]) .distance-row b{font-size:8.5px!important}}#root:has(>style[data-reference-page-style=detail]) .distance-row b{line-height:18px!important}@media(min-width:761px){#root:has(>style[data-reference-page-style=detail]) .distance-row b{line-height:12.75px!important}}#root:has(>style[data-reference-page-style=detail]) .hotel-address{font-size:12.5px!important}@media(min-width:761px){#root:has(>style[data-reference-page-style=detail]) .hotel-address{font-size:13px!important}}#root:has(>style[data-reference-page-style=detail]) .hotel-address{line-height:16.875px!important}@media(min-width:761px){#root:has(>style[data-reference-page-style=detail]) .hotel-address{line-height:19.5px!important}}#root:has(>style[data-reference-page-style=detail]) .location-card p{font-size:13.5px!important}@media(min-width:761px){#root:has(>style[data-reference-page-style=detail]) .location-card p{font-size:13px!important}}#root:has(>style[data-reference-page-style=detail]) .location-card p{line-height:20.25px!important}@media(min-width:761px){#root:has(>style[data-reference-page-style=detail]) .location-card p{line-height:19.5px!important}}#root:has(>style[data-reference-page-style=detail]) .nearby-body small{font-size:13.5px!important}@media(min-width:761px){#root:has(>style[data-reference-page-style=detail]) .nearby-body small{font-size:13px!important}}#root:has(>style[data-reference-page-style=detail]) .nearby-body small{line-height:20.25px!important}@media(min-width:761px){#root:has(>style[data-reference-page-style=detail]) .nearby-body small{line-height:19.5px!important}}#root:has(>style[data-reference-page-style=detail]) .overview-copy p{color:#536c7d!important}@media(min-width:761px){#root:has(>style[data-reference-page-style=detail]) .overview-copy p{color:#425a6c!important}}#root:has(>style[data-reference-page-style=detail]) .overview-copy p{line-height:20.25px!important}@media(min-width:761px){#root:has(>style[data-reference-page-style=detail]) .overview-copy p{line-height:20.54px!important}}#root:has(>style[data-reference-page-style=detail]) .quick-icon{color:#0aa49d!important}#root:has(>style[data-reference-page-style=detail]) .quick-icon{line-height:22.5px!important}@media(min-width:761px){#root:has(>style[data-reference-page-style=detail]) .quick-icon{line-height:25.5px!important}}#root:has(>style[data-reference-page-style=detail]) .quick-item{font-size:11px!important}#root:has(>style[data-reference-page-style=detail]) .quick-item{line-height:16.5px!important}#root:has(>style[data-reference-page-style=detail]) .review-article p{line-height:20.25px!important}@media(min-width:761px){#root:has(>style[data-reference-page-style=detail]) .review-article p{line-height:20.15px!important}}#root:has(>style[data-reference-page-style=detail]) .room-body h3{line-height:19.2px!important}@media(min-width:761px){#root:has(>style[data-reference-page-style=detail]) .room-body h3{line-height:19.5px!important}}#root:has(>style[data-reference-page-style=detail]) .room-card h3{line-height:19.2px!important}@media(min-width:761px){#root:has(>style[data-reference-page-style=detail]) .room-card h3{line-height:19.5px!important}}#root:has(>style[data-reference-page-style=detail]) .room-meta{color:#536c7d!important}@media(min-width:761px){#root:has(>style[data-reference-page-style=detail]) .room-meta{color:#687f91!important}}#root:has(>style[data-reference-page-style=detail]) .room-meta{font-size:12px!important}@media(min-width:761px){#root:has(>style[data-reference-page-style=detail]) .room-meta{font-size:13px!important}}#root:has(>style[data-reference-page-style=detail]) .room-meta{line-height:16.2px!important}@media(min-width:761px){#root:has(>style[data-reference-page-style=detail]) .room-meta{line-height:19.5px!important}}#root:has(>style[data-reference-page-style=detail]) .stars-inline{color:#ff9f18!important}#root:has(>style[data-reference-page-style=detail]) .surrounding-hotel-card .nearby-body small{font-size:13.5px!important}@media(min-width:761px){#root:has(>style[data-reference-page-style=detail]) .surrounding-hotel-card .nearby-body small{font-size:13px!important}}#root:has(>style[data-reference-page-style=detail]) .surrounding-hotel-card .nearby-body small{line-height:20.25px!important}@media(min-width:761px){#root:has(>style[data-reference-page-style=detail]) .surrounding-hotel-card .nearby-body small{line-height:19.5px!important}}#root:has(>style[data-reference-page-style=detail]) .amenities-more-btn{font-size:11px!important}@media(min-width:761px){#root:has(>style[data-reference-page-style=detail]) .amenities-more-btn{font-size:10.5px!important}}#root:has(>style[data-reference-page-style=detail]) .amenities-more-btn{line-height:16.5px!important}@media(min-width:761px){#root:has(>style[data-reference-page-style=detail]) .amenities-more-btn{line-height:15.75px!important}}#root:has(>style[data-reference-page-style=detail]) .hotel-tagline{font-size:13px!important}#root:has(>style[data-reference-page-style=detail]) .hotel-tagline{line-height:19.24px!important}@media(min-width:761px){#root:has(>style[data-reference-page-style=detail]) .hotel-tagline{line-height:19.5px!important}}#root:has(>style[data-reference-page-style=detail]) .location-card h3{font-size:14px!important}@media(min-width:761px){#root:has(>style[data-reference-page-style=detail]) .location-card h3{font-size:10px!important}}#root:has(>style[data-reference-page-style=detail]) .location-card h3{line-height:18.9px!important}@media(min-width:761px){#root:has(>style[data-reference-page-style=detail]) .location-card h3{line-height:15px!important}}#root:has(>style[data-reference-page-style=detail]) .rating-panel small{font-size:10.5px!important}@media(min-width:761px){#root:has(>style[data-reference-page-style=detail]) .rating-panel small{font-size:7.5px!important}}#root:has(>style[data-reference-page-style=detail]) .rating-panel small{line-height:15.75px!important}@media(min-width:761px){#root:has(>style[data-reference-page-style=detail]) .rating-panel small{line-height:11.25px!important}}#root:has(>style[data-reference-page-style=about]) .about-breadcrumb-current{font-size:11px!important}#root:has(>style[data-reference-page-style=about]) .about-breadcrumb-current{line-height:14.85px!important}#root:has(>style[data-reference-page-style=about]) .about-breadcrumb-line{font-size:11px!important}#root:has(>style[data-reference-page-style=about]) .about-breadcrumb-line{line-height:14.85px!important}@media(min-width:761px){#root:has(>style[data-reference-page-style=about]) .about-breadcrumb-line{line-height:normal!important}}#root:has(>style[data-reference-page-style=about]) .about-breadcrumb-line>a{font-size:11px!important}#root:has(>style[data-reference-page-style=about]) .about-breadcrumb-line>a{line-height:14.85px!important}#root:has(>style[data-reference-page-style=about]) .about-breadcrumb-line>span{font-size:11px!important}#root:has(>style[data-reference-page-style=about]) .about-breadcrumb-line>span{line-height:14.85px!important}#root:has(>style[data-reference-page-style=about]) .about-breadcrumb-separator{font-size:11px!important}#root:has(>style[data-reference-page-style=about]) .about-breadcrumb-separator{line-height:14.85px!important}#root:has(>style[data-reference-page-style=about]) .about-breadcrumbs{font-size:11px!important}#root:has(>style[data-reference-page-style=about]) .about-breadcrumbs{line-height:14.85px!important}@media(min-width:761px){#root:has(>style[data-reference-page-style=about]) .about-breadcrumbs{line-height:normal!important}}#root:has(>style[data-reference-page-style=about]) .about-breadcrumbs a{font-size:11px!important}#root:has(>style[data-reference-page-style=about]) .about-breadcrumbs a{line-height:14.85px!important}#root:has(>style[data-reference-page-style=about]) .about-breadcrumbs span{font-size:11px!important}#root:has(>style[data-reference-page-style=about]) .about-breadcrumbs span{line-height:14.85px!important}#root:has(>style[data-reference-page-style=contact]) .contact-breadcrumbs{font-size:10px!important}@media(min-width:761px){#root:has(>style[data-reference-page-style=contact]) .contact-breadcrumbs{font-size:11px!important}}#root:has(>style[data-reference-page-style=contact]) .contact-breadcrumbs{line-height:14.5px!important}@media(min-width:761px){#root:has(>style[data-reference-page-style=contact]) .contact-breadcrumbs{line-height:normal!important}}#root:has(>style[data-reference-page-style=contact]) .contact-breadcrumbs a{font-size:10px!important}@media(min-width:761px){#root:has(>style[data-reference-page-style=contact]) .contact-breadcrumbs a{font-size:11px!important}}#root:has(>style[data-reference-page-style=contact]) .contact-breadcrumbs a{line-height:14.5px!important}@media(min-width:761px){#root:has(>style[data-reference-page-style=contact]) .contact-breadcrumbs a{line-height:normal!important}}#root:has(>style[data-reference-page-style=contact]) .contact-breadcrumbs span{font-size:10px!important}@media(min-width:761px){#root:has(>style[data-reference-page-style=contact]) .contact-breadcrumbs span{font-size:11px!important}}#root:has(>style[data-reference-page-style=contact]) .contact-breadcrumbs span{line-height:14.5px!important}@media(min-width:761px){#root:has(>style[data-reference-page-style=contact]) .contact-breadcrumbs span{line-height:normal!important}}@media(min-width:1024px)and (max-width:1100px){.topbar{position:sticky!important;top:0!important;z-index:1000!important;overflow:visible!important}.topbar-inner{position:relative!important;height:58px!important;padding:0 max(14px,env(safe-area-inset-right)) 0 max(14px,env(safe-area-inset-left))!important;gap:12px!important;overflow:visible!important}.brand{min-width:auto!important}.brand img{width:116px!important}.header-actions{display:none!important}body.menu-open{overflow-x:clip!important;overflow-y:visible!important}body.menu-open:after{content:none!important;display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;background:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}#mainNav.nav{display:none!important;position:absolute!important;top:calc(100% + 8px)!important;right:8px!important;bottom:auto!important;left:auto!important;z-index:1010!important;width:min(320px,calc(100vw - 16px))!important;height:auto!important;min-height:0!important;max-height:calc(100dvh - 78px)!important;margin:0!important;padding:8px!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:2px!important;border:1px solid #dbe8ee!important;border-radius:15px!important;background:#fffffffc!important;box-shadow:0 16px 38px #0f345033!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;transform:none!important;translate:none!important;clip-path:none!important;overflow-x:hidden!important;overflow-y:auto!important;animation:none!important}#mainNav.nav.open{display:flex!important;position:absolute!important;top:calc(100% + 8px)!important;right:8px!important;bottom:auto!important;left:auto!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;transform:none!important;translate:none!important;clip-path:none!important;animation:diditripMobileStickyMenuIn .16s ease-out both!important}#mainNav.nav:before,#mainNav.nav:after{content:none!important}#mainNav.nav>a{display:flex!important;align-items:center!important;width:100%!important;height:auto!important;min-height:44px!important;margin:0!important;padding:10px 13px!important;border:0!important;border-bottom:1px solid #edf3f6!important;border-radius:9px!important;background:transparent!important;color:#10356f!important;font-size:14px!important;font-weight:750!important;line-height:1.35!important;white-space:nowrap!important}#mainNav.nav>a:last-child{border-bottom:0!important}#mainNav.nav>a:hover{background:#f4fafb!important}#mainNav.nav>a.active{color:#ff5a1f!important;background:#eef8fa!important}.mobile-toggle{display:grid!important;place-items:center!important;position:relative!important;z-index:1020!important;margin-left:auto!important;width:42px!important;height:42px!important;border:0!important;border-radius:14px!important;background:#f0f7fb!important;color:#10356f!important;font-size:19px!important;box-shadow:none!important}@keyframes diditripMobileStickyMenuIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}}@media(min-width:1024px)and (max-width:1100px){#root .topbar .customer-account-link{margin-left:auto}#root .topbar .mobile-toggle{display:inline-flex!important;margin-left:0}#root .topbar .brand{margin-right:0}#root .topbar .mobile-locale-controls{display:flex!important;gap:8px;flex-wrap:wrap}}#root .hotel-detail-page .distance-list{grid-template-columns:minmax(0,1fr)!important}#root .topbar .customer-account-link{display:none!important}#root .topbar .mobile-toggle{margin-left:auto!important}#root .topbar .mobile-locale-controls{align-items:center;justify-content:flex-start;padding:8px 13px}#root .topbar .language-toggle{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;padding:10px;border:1px solid #d8e8ef;border-radius:50%;background:#fff;cursor:pointer}#root .topbar .language-toggle svg{display:block;width:24px;height:16px}#root .topbar .language-toggle:focus-visible,#root .topbar .mobile-locale-controls button:focus-visible{outline:2px solid #176cc6;outline-offset:3px}#root .topbar .language-label{display:none}#root .topbar .mobile-toggle svg{display:block;width:22px;height:22px;flex:0 0 22px}#root .topbar .header-actions .travel-header-control input.travel-text-input,#root .topbar .header-actions>form.search-mini{height:26px!important;min-height:26px!important;line-height:normal!important}@media(max-width:1100px){#root .topbar #mainNav.nav{max-height:var(--header-menu-max-height, calc(100dvh - 176px) )!important}#root .topbar .topbar-inner{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;height:58px!important}#root .topbar .header-actions{display:flex!important;flex:0 1 220px;width:clamp(120px,24vw,220px);min-width:0;max-width:220px;gap:0;margin-left:auto}#root .topbar .header-actions>.phone,#root .topbar .header-actions>.language-toggle{display:none!important}#root .topbar .header-actions .travel-header-search{flex:1 1 auto;width:100%;min-width:0}#root .topbar .header-actions .travel-header-control input.travel-text-input{display:block!important;width:100%!important;min-width:0!important;height:26px!important;min-height:26px!important;font-size:16px!important;line-height:normal!important}#root .topbar .header-actions>form.search-mini{display:flex!important;width:100%!important;min-width:0!important;height:26px!important}#root .topbar .mobile-toggle{margin-left:0!important;align-items:center!important;justify-content:center!important;width:44px!important;min-width:44px!important;height:44px!important;flex:0 0 44px!important;padding:0!important;line-height:1!important}#root .topbar .mobile-locale-controls .language-toggle{justify-content:flex-start;gap:10px;flex:1 1 auto;width:100%!important;height:44px!important;max-width:100%;padding:0;border:0;border-radius:6px;color:#173e70;font:inherit;font-size:14px;font-weight:700;line-height:1.4;text-align:left}#root .topbar .mobile-locale-controls .language-toggle svg{flex:0 0 24px}#root .topbar .mobile-locale-controls .language-label{display:inline}}@media(max-width:480px){#root .topbar .header-actions{display:none!important}#root .topbar .mobile-toggle{margin-left:auto!important}}

/* DIDITRIP_CONTACT_RESPONSIVE_DESKTOP_HALO_BEGIN */

/*
 * Contact buttons final behavior:
 *
 * - Desktop: keep outer halo/ring visible
 * - Tablet/mobile: remove halo
 * - Tablet/mobile: reduce vertical gap and lower the group
 * - Only inner icons move slightly
 * - Phone icon is mirrored horizontally (right -> left)
 */

/* --------------------------------------------------
   1. Base: keep outer button/core static
-------------------------------------------------- */

.floating-contact-actions
.floating-contact-action,
.floating-contact-actions
.floating-contact-core{
  animation:none!important;
  transform:none!important;
  scale:1!important;
  rotate:0deg!important;
}

.floating-contact-actions
:is(.floating-contact-zalo,.floating-contact-call){
  position:relative!important;
  overflow:visible!important;
}

.floating-contact-actions
:is(.floating-contact-zalo,.floating-contact-call)::after{
  content:none!important;
  display:none!important;
  animation:none!important;
}

/* --------------------------------------------------
   2. Icon-only motion
-------------------------------------------------- */

@keyframes diditrip-contact-icon-jiggle{
  0%, 66%, 100%{
    transform:translate3d(0,0,0) rotate(0deg);
  }
  71%{
    transform:translate3d(-1px,0,0) rotate(-3deg);
  }
  76%{
    transform:translate3d(2px,-1px,0) rotate(4deg);
  }
  81%{
    transform:translate3d(-2px,1px,0) rotate(-4deg);
  }
  86%{
    transform:translate3d(1px,0,0) rotate(3deg);
  }
  91%{
    transform:translate3d(0,0,0) rotate(0deg);
  }
}

/* same motion but flipped horizontally for phone icon */
@keyframes diditrip-contact-icon-jiggle-flipped{
  0%, 66%, 100%{
    transform:scaleX(-1) translate3d(0,0,0) rotate(0deg);
  }
  71%{
    transform:scaleX(-1) translate3d(-1px,0,0) rotate(-3deg);
  }
  76%{
    transform:scaleX(-1) translate3d(2px,-1px,0) rotate(4deg);
  }
  81%{
    transform:scaleX(-1) translate3d(-2px,1px,0) rotate(-4deg);
  }
  86%{
    transform:scaleX(-1) translate3d(1px,0,0) rotate(3deg);
  }
  91%{
    transform:scaleX(-1) translate3d(0,0,0) rotate(0deg);
  }
}

.floating-contact-actions
.floating-contact-zalo
.floating-contact-core > img{
  animation:
    diditrip-contact-icon-jiggle
    3.1s
    ease-in-out
    infinite!important;
  transform-origin:center!important;
  will-change:transform;
}

.floating-contact-actions
.floating-contact-call
.floating-contact-core > img{
  animation:
    diditrip-contact-icon-jiggle-flipped
    2.7s
    ease-in-out
    infinite!important;
  animation-delay:.35s!important;
  transform-origin:center!important;
  will-change:transform;
}

/* --------------------------------------------------
   3. Desktop: restore halo ring
-------------------------------------------------- */

@media (min-width:1025px){

  .floating-contact-actions{
    gap:12px!important;
  }

  .floating-contact-actions
  :is(.floating-contact-zalo,.floating-contact-call)::before{
    content:""!important;
    display:block!important;
    position:absolute!important;
    inset:-8px!important;
    border-radius:999px!important;
    pointer-events:none!important;
    animation:none!important;
    opacity:1!important;
    box-shadow:none!important;
    transform:none!important;
    z-index:0!important;
  }

  .floating-contact-actions
  .floating-contact-zalo::before{
    background:rgba(56, 159, 255, .22)!important;
  }

  .floating-contact-actions
  .floating-contact-call::before{
    background:rgba(255, 73, 73, .22)!important;
  }

  .floating-contact-actions
  .floating-contact-action > *{
    position:relative!important;
    z-index:1!important;
  }
}

/* --------------------------------------------------
   4. Tablet + mobile:
      remove halo
      bring buttons closer together
      move group lower
-------------------------------------------------- */

@media (max-width:1024px){

  .floating-contact-actions{
    gap:8px!important;
    bottom:calc(env(safe-area-inset-bottom, 0px) + 78px)!important;
  }

  .floating-contact-actions
  :is(.floating-contact-zalo,.floating-contact-call)::before{
    content:none!important;
    display:none!important;
    opacity:0!important;
    animation:none!important;
    box-shadow:none!important;
    background:transparent!important;
  }
}

@media (max-width:640px){

  .floating-contact-actions{
    gap:6px!important;
    bottom:calc(env(safe-area-inset-bottom, 0px) + 70px)!important;
    right:12px!important;
  }
}

/* --------------------------------------------------
   5. Reduced motion
-------------------------------------------------- */

@media (prefers-reduced-motion:reduce){

  .floating-contact-actions
  :is(.floating-contact-zalo,.floating-contact-call)
  .floating-contact-core > img{
    animation:none!important;
    transform:none!important;
    will-change:auto!important;
  }
}

/* DIDITRIP_CONTACT_RESPONSIVE_DESKTOP_HALO_END */

/* DIDITRIP_CONTACT_SYNC_3S_BEGIN */

/*
 * Both buttons:
 * - same frequency: 3 seconds
 * - staggered start: 1.5 seconds apart
 */

/* Zalo */
.floating-contact-actions
.floating-contact-zalo
.floating-contact-core > img{
  animation-name:
    diditrip-contact-icon-jiggle!important;

  animation-duration:
    3s!important;

  animation-timing-function:
    ease-in-out!important;

  animation-iteration-count:
    infinite!important;

  animation-delay:
    0s!important;
}


/* Call — same 3s frequency, half-cycle offset */
.floating-contact-actions
.floating-contact-call
.floating-contact-core > img{
  animation-name:
    diditrip-contact-icon-jiggle-flipped!important;

  animation-duration:
    3s!important;

  animation-timing-function:
    ease-in-out!important;

  animation-iteration-count:
    infinite!important;

  animation-delay:
    -1.5s!important;
}

/* DIDITRIP_CONTACT_SYNC_3S_END */