.twf-hotel-popup{position:fixed;left:0;right:0;bottom:0;z-index:10050;display:none;justify-content:center;pointer-events:none;padding:0 12px max(10px,env(safe-area-inset-bottom));font-family:inherit}
.twf-hotel-popup.is-visible{display:flex}
.twf-hotel-sheet{position:relative;width:min(100%,560px);max-height:min(92vh,780px);overflow:auto;overscroll-behavior:contain;pointer-events:auto;background:#fff;border:1px solid #e4e7ec;border-bottom:0;border-radius:30px 30px 0 0;box-shadow:0 -18px 50px rgba(15,23,42,.18);padding:14px 16px 14px;text-align:left;transform:translateY(110%);opacity:0;animation:twfHotelPopupIn .32s cubic-bezier(.2,.75,.25,1) forwards}
.twf-hotel-handle{width:66px;height:7px;border-radius:999px;background:#d7dce4;margin:0 auto 10px}
.twf-hotel-close{position:absolute;top:10px;right:12px;width:42px;height:42px;border:0;background:#f1f3f6;color:#111827;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center}
.twf-hotel-close::before{content:'×';font-size:34px;line-height:1;font-weight:400}
.twf-hotel-brand{font-size:27px;line-height:1;font-weight:1000;letter-spacing:-1.2px;margin:2px 54px 5px 2px;color:#111827}
.twf-hotel-brand.trip{color:#146EF5}.twf-hotel-brand.agoda{color:#333}
.twf-hotel-kicker{margin:0 54px 8px 2px;color:#111827;font-size:16px;line-height:1.22;font-weight:900;letter-spacing:-.35px;word-break:keep-all}
.twf-hotel-headline{margin:0 2px 10px;color:#081226;font-size:27px;line-height:1.12;font-weight:1000;letter-spacing:-1px;word-break:keep-all}
.twf-hotel-headline .accent{color:#146EF5}
.twf-hotel-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:0 0 10px}
.twf-hotel-benefit{display:flex;align-items:center;justify-content:center;gap:5px;min-width:0;color:#263244;font-size:11.5px;line-height:1.22;font-weight:850;text-align:center;word-break:keep-all}
.twf-hotel-benefit .ico{font-size:18px;line-height:1}
.twf-hotel-cta{display:grid;grid-template-columns:1fr 54px;align-items:center;column-gap:8px;width:100%;min-height:112px;margin:0 0 12px;padding:18px 16px 18px 20px;border-radius:24px;background:linear-gradient(180deg,#ffd922 0%,#ffbd00 100%);box-shadow:0 10px 24px rgba(235,166,0,.24);color:#0b1730!important;text-decoration:none!important}
.twf-hotel-cta:active{transform:translateY(1px);box-shadow:0 7px 16px rgba(235,166,0,.18)}
.twf-hotel-cta-text{font-size:22px;line-height:1.16;font-weight:1000;letter-spacing:-.8px;text-align:center;word-break:keep-all}
.twf-hotel-cta-arrow{display:flex;align-items:center;justify-content:center;width:46px;height:46px;margin-left:auto;border-radius:999px;background:rgba(131,92,0,.12);font-size:42px;line-height:1;font-weight:500}
.twf-hotel-hero{margin:0 0 10px;border-radius:18px;overflow:hidden;background:#eef2f6;border:1px solid #e1e6ed}
.twf-hotel-hero img{display:block;width:100%;height:132px;object-fit:cover;object-position:center}
.twf-hotel-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:0 0 10px}
.twf-hotel-trust-item{display:flex;align-items:center;justify-content:center;gap:5px;color:#3c4655;font-size:10.8px;line-height:1.22;font-weight:800;text-align:center;word-break:keep-all}
.twf-hotel-trust-item .ico{font-size:16px}
.twf-hotel-disclosure{display:flex;align-items:center;gap:8px;margin:0;padding:11px 12px;border-radius:14px;background:#eff1f4;color:#697386;font-size:10.8px;line-height:1.42;font-weight:750;letter-spacing:-.15px;word-break:keep-all;text-align:left}
.twf-hotel-disclosure-icon{flex:0 0 auto;font-size:18px;line-height:1;color:#748095}
@keyframes twfHotelPopupIn{to{transform:translateY(0);opacity:1}}
@media (min-width:769px){.twf-hotel-popup{display:none!important}}
@media (max-width:390px){.twf-hotel-popup{padding-left:7px;padding-right:7px}.twf-hotel-sheet{border-radius:26px 26px 0 0;padding:12px 12px 12px;max-height:94vh}.twf-hotel-handle{margin-bottom:8px}.twf-hotel-brand{font-size:24px}.twf-hotel-kicker{font-size:14.5px;margin-bottom:7px}.twf-hotel-headline{font-size:24px;margin-bottom:9px}.twf-hotel-benefits{gap:4px;margin-bottom:9px}.twf-hotel-benefit{font-size:10.5px}.twf-hotel-benefit .ico{font-size:16px}.twf-hotel-cta{grid-template-columns:1fr 48px;min-height:104px;padding:16px 12px 16px 16px;border-radius:21px;margin-bottom:10px}.twf-hotel-cta-text{font-size:20px}.twf-hotel-cta-arrow{width:42px;height:42px;font-size:36px}.twf-hotel-hero img{height:118px}.twf-hotel-trust-item{font-size:9.8px}.twf-hotel-disclosure{font-size:9.8px;padding:10px}}
@media (prefers-reduced-motion:reduce){.twf-hotel-sheet{animation:none;transform:none;opacity:1}}