/* Trang chủ bản 3: header gọn, nút xem thiệp, tối ưu hiệu năng mobile. */
/* header: logo chuẩn + nút đăng nhập gọn, bỏ hamburger (dock thay) */
.hd .brand,.ft .brand{gap:0}.hd .brand img,.ft .brand img{width:auto;height:48px}
.hd-login{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 18px;border-radius:999px;border:1.5px solid var(--line-2);background:#fff;font-size:14.5px;font-weight:600;color:var(--ink);transition:border-color .2s,color .2s}
.hd-login:hover{border-color:var(--coral-600);color:var(--coral-600)}
.hd-login svg{display:none;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.burger,.sheet{display:none!important}
.nav{display:none}
@media(min-width:1021px){.nav{display:flex}}
@media(max-width:1020px){.hd .nav+.hd-cta,.hd .hd-cta{margin-left:auto}}
@media(max-width:520px){.hd .wrap{height:60px}.hd .brand img{height:44px}.hd-login{width:44px;height:44px;min-height:44px;padding:0;border-color:transparent;background:transparent}.hd-login .t{display:none}.hd-login svg{display:block}}
/* nút dưới khung điện thoại */
.pact{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:-6px}
.pact .pb{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;min-width:44px;padding:0 18px;border-radius:999px;border:1.5px solid var(--line-2);background:#fff;font:600 14px var(--font);color:var(--ink-2);cursor:pointer}
.pact .pb:hover{border-color:var(--ink);color:var(--ink)}
.pact .pb svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.phone .scr iframe:fullscreen{transform:none!important;width:100%!important;height:100%!important;opacity:1!important;background:#fff}
.phone .scr iframe:-webkit-full-screen{transform:none!important;width:100%!important;height:100%!important;opacity:1!important}
/* poster thay iframe */
.poster{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;z-index:0;display:block}
.tile .scr .poster{z-index:0}
.tile .scr iframe{z-index:1}.phone .scr iframe{z-index:1}
/* hiệu năng: bỏ hiệu ứng nặng, hoãn render phần dưới màn đầu */
main>section:not(.hero){content-visibility:auto;contain-intrinsic-size:auto 720px}
.ft{content-visibility:auto;contain-intrinsic-size:auto 420px}
@media(max-width:700px){
.hd{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(255,253,251,.97)}
.hero::before,.hero::after{display:none}
.float,.pill i,.phone{animation:none!important}
.scr .load{animation:none;background:var(--sand)}
.phone{box-shadow:inset 0 0 0 1.5px #e9d8cf,0 14px 28px -16px rgba(150,60,35,.35)}
.bx,.priv,.free,.cta-box{box-shadow:none}
.webmock .roll{animation:none}
html{scroll-behavior:auto}
}
@media(prefers-reduced-motion:reduce){.hd{backdrop-filter:none}}

.pplay{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);z-index:3;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border-radius:999px;border:0;background:var(--coral-600);color:#fff;font:600 14px var(--font);white-space:nowrap;cursor:pointer;box-shadow:0 8px 18px -8px rgba(200,67,46,.7)}
.pplay svg{width:16px;height:16px}
/* 29/10 — thẻ nổi không che hàng chip chọn mẫu */
.chips{position:relative;z-index:6}
@media(min-width:1021px){.float.float.f2{bottom:auto!important;height:auto!important;top:36%!important;right:-34px!important}}