[hidden]{display:none!important}
.live-section{background:#092f26;border-block:1px solid var(--line)}
.live-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:48px;margin-bottom:32px}
.live-heading>p{max-width:370px;font-size:15px;color:var(--muted)}
.live-heading h2{font-size:clamp(36px,3.6vw,50px)}
.live-layout{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(290px,1fr);gap:28px;align-items:stretch}
.live-screen{min-width:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--deep)}
.live-screen-top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px 20px;font-size:12px;line-height:1.6}
.live-status{display:flex;align-items:center;gap:8px;color:var(--muted)}
.live-status::before{content:'';flex:0 0 7px;width:7px;height:7px;border-radius:50%;background:var(--gold)}
[data-live-state="live"] .live-status::before{background:#ff6161}
.live-screen-top>span:last-child{letter-spacing:.12em;color:var(--gold)}
.live-player{position:relative;aspect-ratio:16/9;isolation:isolate;display:flex;align-items:flex-end;background:var(--deep)}
.live-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 48%;z-index:-2}
.live-player:not(.is-playing)::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,25,19,.92),rgba(3,25,19,.12)),linear-gradient(0deg,rgba(3,25,19,.8),transparent);z-index:-1}
.live-placeholder{padding:30px;max-width:470px}
.live-placeholder .eyebrow{font-size:11px;margin-bottom:12px}
.live-placeholder :is(h2,h3){font-family:Georgia,'Times New Roman',serif;font-size:clamp(27px,2.7vw,37px);max-width:350px;line-height:1.2}
.live-placeholder>p:not(.eyebrow){font-size:13px;line-height:1.7;color:#d5e1da;max-width:330px;margin-top:14px}
.live-load{margin-top:20px;border:0;cursor:pointer}
.live-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.live-screen-bottom{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 20px;font-size:12px;color:var(--muted)}
.live-screen-bottom a{text-decoration:underline;text-underline-offset:4px}
.live-order{display:flex;flex-direction:column;background:var(--cream);color:var(--ink);border:1px solid #dec78055;border-radius:12px;padding:32px}
.live-order .eyebrow{font-size:11px;color:#7e6936;margin-bottom:16px}
.live-order :is(h2,h3){font-family:Georgia,'Times New Roman',serif;font-size:32px;line-height:1.18;letter-spacing:-.025em}
.live-order>p:not(.eyebrow){font-size:14px;color:#53675b;margin-top:18px}
.live-order .live-zalo{width:100%;margin-top:26px;gap:10px;font-weight:600;min-height:54px}
.live-zalo svg{width:20px;height:20px;flex-shrink:0}
.live-order .live-order-note{font-size:12px!important;margin-top:14px!important;line-height:1.8}
.live-order-phone{font-size:13px;margin-top:auto;padding-top:23px;color:#53675b}
.live-order-phone a{font-weight:600;color:var(--green)}
.live-copy{border-block:1px solid #183f3130;margin-top:20px;padding-block:14px;font-size:13px}
.live-copy>div{display:flex;align-items:center;justify-content:space-between;gap:10px}
.live-copy strong{word-break:break-word}
.live-copy button{color:var(--green);background:transparent;border:1px solid #183f3140;border-radius:4px;padding:8px 12px;cursor:pointer;flex-shrink:0;min-height:44px;font-size:12px}
.live-copy [role="status"]{font-size:12px;margin-top:8px;color:#53675b}
.live-steps{list-style:none;display:flex;justify-content:space-between;gap:24px;margin:26px 0 0;padding:0;color:var(--muted);font-size:13px}
.live-steps li{display:flex;align-items:center;gap:10px}
.live-steps span{font-size:11px;color:var(--gold);border:1px solid var(--line);width:27px;height:27px;display:inline-flex;justify-content:center;align-items:center;border-radius:50%;flex-shrink:0}
.live-header{min-height:100px}
.live-header .text-link{color:var(--muted)}
.live-page-main{padding-block:48px 60px}
.live-page-heading{max-width:820px;margin-bottom:30px}
.live-page-heading .eyebrow{margin-bottom:14px}
.live-page-heading h1{font-size:clamp(36px,4.2vw,56px)}
.live-page-heading>p:last-child{font-size:15px;color:var(--muted);margin-top:18px;max-width:680px}
.live-page .live-steps{border-bottom:1px solid var(--line);padding-bottom:30px}
.live-assurance{display:flex;justify-content:space-between;align-items:center;gap:32px;padding-top:27px;color:var(--muted);font-size:13px}
.live-assurance p{max-width:630px}
.live-assurance a{white-space:nowrap;text-decoration:underline;text-underline-offset:5px}
.live-page .footer{border-top:1px solid var(--line)}
@media(max-width:1050px){.live-layout{grid-template-columns:minmax(0,1.4fr) minmax(270px,1fr);gap:22px}.live-order{padding:24px}.live-placeholder{padding:24px}.live-player{aspect-ratio:4/3}}
@media(max-width:760px){.live-heading{display:block;margin-bottom:26px}.live-heading>p{font-size:14px;margin-top:20px}.live-layout{grid-template-columns:1fr;gap:20px}.live-player{aspect-ratio:4/3}.live-player.is-playing{aspect-ratio:16/9}.live-placeholder{padding:24px}.live-placeholder :is(h2,h3){font-size:30px}.live-placeholder>p:not(.eyebrow){font-size:13px;max-width:280px}.live-placeholder .eyebrow{font-size:10px}.live-screen-top,.live-screen-bottom{padding:13px 16px;font-size:11px}.live-screen-top>span:last-child{letter-spacing:.07em}.live-order{padding:26px}.live-order :is(h2,h3){font-size:30px}.live-order .live-zalo{font-size:14px;margin-top:22px}.live-steps{display:grid;gap:12px;margin-top:24px}.live-header{min-height:82px}.live-header .text-link{font-size:12px}.live-header .brand span{display:none}.live-page-main{padding-block:28px 38px}.live-page-heading{margin-bottom:26px}.live-page-heading h1{font-size:39px}.live-page-heading>p:last-child{font-size:14px;margin-top:16px}.live-page .live-assurance{display:block}.live-assurance a{display:inline-block;margin-top:16px}.live-page .mobile-bar{grid-template-columns:1fr;padding-top:10px}.live-page .mobile-bar a{font-size:14px;font-weight:600;display:flex;justify-content:center;gap:10px;align-items:center}.live-page .mobile-bar svg{width:20px;height:20px}.live-page .footer{flex-wrap:wrap}.mobile-bar a{font-size:13px}}
@media(max-width:360px){.live-page-heading h1{font-size:35px}.live-placeholder{padding:20px}.live-placeholder :is(h2,h3){font-size:26px}.live-player{aspect-ratio:1/1}.live-screen-top{gap:8px;font-size:10px}.live-order{padding:22px}}

/* Reserve the inline footprint so docking never shifts the page or reloads video. */
.live-player-slot{position:relative;--live-dock-bottom:24px}
.live-player-slot.has-video{padding-top:44px;background:var(--deep)}
.live-player-slot.has-video::before{content:'';display:block;aspect-ratio:16/9;min-height:200px}
.live-player-dock{background:var(--deep)}
.has-video>.live-player-dock{position:absolute;inset:0}
.has-video .live-player{height:calc(100% - 44px);min-height:200px;aspect-ratio:auto}
.live-player-tools{height:44px;display:flex;align-items:center;background:#092f26;color:var(--cream)}
.live-player-tools>span{flex:1;padding-left:12px;font-size:12px;font-weight:500;white-space:nowrap}
.live-player-tools button{display:grid;place-items:center;width:44px;height:44px;border:0;background:transparent;color:var(--cream);cursor:pointer;flex-shrink:0}
.live-player-tools button:hover{background:#ffffff18}
.live-player-tools button:focus-visible{outline-offset:-4px}
.live-player-tools svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.has-video>.live-player-dock.is-floating{position:fixed;inset:auto auto var(--live-dock-bottom) 24px;width:362px;height:296px;z-index:19;border:1px solid var(--line);border-radius:10px;overflow:hidden;box-shadow:0 8px 36px #001d1870}
.has-video>.is-floating .live-player{height:calc(100% - 92px)}
.live-dock-zalo{display:none}
.is-floating .live-dock-zalo{display:flex;align-items:center;justify-content:center;height:48px;background:var(--gold);color:var(--deep);font-size:13px;font-weight:600}
.live-player-return{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);background:transparent;color:var(--gold);border:1px solid var(--line);border-radius:5px;padding:12px 20px;min-height:44px;white-space:nowrap;cursor:pointer;font-size:13px}
.live-player-reopen{position:fixed;left:24px;bottom:var(--live-dock-bottom);z-index:19;border:1px solid var(--line);border-radius:24px;background:var(--deep);color:var(--gold);box-shadow:0 4px 16px #001d1830;min-height:44px;padding:10px 18px;cursor:pointer;font-size:13px}
@media(max-width:760px){.has-video>.live-player-dock.is-floating{left:12px;width:234px;height:246px}.has-video>.is-floating .live-player{height:calc(100% - 44px)}.is-floating .live-dock-zalo{display:none}.live-player-reopen{left:12px}}
