/* Thần Vũ - 2 cột 2 bên cho trang landing (.tvlp) v4 */
(function(){if(document.getElementById('tvlr-css'))return;var st=document.createElement('style');st.id='tvlr-css';st.textContent=".tvlr{position:fixed;overflow:visible;top:132px;z-index:40;width:var(--tvlr-w,200px);font-family:inherit;opacity:0;transform:translateY(8px);transition:opacity .35s,transform .35s;pointer-events:none}\n.tvlr.on{opacity:1;transform:none;pointer-events:auto}\n.tvlr-l{left:var(--tvlr-x,12px)}.tvlr-r{right:var(--tvlr-x,12px)}\n.tvlr-c{background:#fff;border:1px solid #e3e8f0;border-radius:14px;box-shadow:0 8px 24px rgba(16,35,70,.10);overflow:hidden}\n.tvlr-h{background:linear-gradient(135deg,#0f3a7d,#1b5bb8);color:#fff;padding:14px 14px 12px}\n.tvlr-r .tvlr-h{background:linear-gradient(135deg,#c8161d,#e2453c)}\n.tvlr-k{display:inline-block;font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;background:rgba(255,255,255,.18);border-radius:20px;padding:2px 8px;margin-bottom:7px}\n.tvlr-t{font-size:15.5px;font-weight:700;line-height:1.3;margin:0}\n.tvlr-b{padding:12px 14px 14px;font-size:13px;line-height:1.45;color:#26324a}\n.tvlr-b ol{margin:0 0 10px;padding:0;list-style:none;counter-reset:s}\n.tvlr-b ol li{position:relative;padding:0 0 8px 28px;counter-increment:s}\n.tvlr-b ol li:before{content:counter(s);position:absolute;left:0;top:0;width:20px;height:20px;border-radius:50%;background:#eef3fb;color:#0f3a7d;font-weight:700;font-size:11.5px;text-align:center;line-height:20px}\n.tvlr-b ul{margin:0 0 10px;padding:0;list-style:none}\n.tvlr-b ul li{padding:5px 0;border-bottom:1px dashed #e6eaf1}\n.tvlr-b ul li b{display:block;font-size:12.5px;color:#0f2547}\n.tvlr-a{display:block;text-align:center;border-radius:9px;padding:9px 8px;font-weight:700;font-size:13.5px;text-decoration:none!important;margin-top:7px}\n.tvlr-a.z{background:#0068ff;color:#fff!important}.tvlr-a.p{background:#d71920;color:#fff!important}\n.tvlr-a.o{border:1.5px solid #0f3a7d;color:#0f3a7d!important;background:#fff}\n.tvlr-a:hover{filter:brightness(1.07)}\n.tvlr-n{font-size:20px;font-weight:800;color:#d71920;letter-spacing:.01em;margin:2px 0 4px;white-space:nowrap}\n.tvlr-x{position:absolute;top:-9px;right:-9px;width:22px;height:22px;border-radius:50%;background:#fff;color:#14284b;border:1px solid #d6dde8;font:700 14px/20px Arial;text-align:center;cursor:pointer;z-index:2}.tvlr-x:hover{background:#d62828;color:#fff}\n.tvlr-s{font-size:11.5px;color:#6b768a;margin-top:8px;line-height:1.4}\n@media (max-width:1579px){.tvlr{display:none!important}}\n@media print{.tvlr{display:none!important}}";(document.head||document.documentElement).appendChild(st)})();
/* Thần Vũ - 2 cột 2 bên cho trang landing (.tvlp). Tự tính khoảng trống; chỉ hiện khi đủ chỗ (>=1580px), ẩn khi tới chân trang. */
(function(){
function run(){
  var lp=document.querySelector('.tvlp');if(!lp||document.querySelector('.tvlr'))return;
  var h1=lp.querySelector('h1');var kick=lp.querySelector('[class*="kick"],[class*="eyebrow"]');
  var topic=(h1?h1.textContent:'').split(/[–—:-]/)[0].replace(/\s+/g,' ').trim();if(topic.length>42)topic='';
  var form=document.getElementById('dang-ky');
  var L=document.createElement('aside');L.className='tvlr tvlr-l';L.setAttribute('aria-label','Báo giá trước khi làm');
  L.innerHTML='<div class="tvlr-c"><div class="tvlr-h"><span class="tvlr-k">Báo giá trước</span><p class="tvlr-t">'+(topic?topic+': ':'')+'gửi ảnh, nhận báo giá</p></div><div class="tvlr-b"><ol><li>Chụp ảnh hoặc quay video máy, gửi qua Zalo.</li><li>Kỹ thuật xem tình trạng, báo cách làm và chi phí.</li><li>Bạn đồng ý mới tiến hành, in thử trước khi giao.</li></ol><a class="tvlr-a z" href="https://zalo.me/0983504555" target="_blank" rel="nofollow noopener">Gửi ảnh qua Zalo</a>'+(form?'<a class="tvlr-a o" href="#dang-ky">Để lại số, gọi lại</a>':'')+'</div></div>';
  var R=document.createElement('aside');R.className='tvlr tvlr-r';R.setAttribute('aria-label','Liên hệ kỹ thuật');
  R.innerHTML='<div class="tvlr-c"><div class="tvlr-h"><span class="tvlr-k">Kỹ thuật Thần Vũ</span><p class="tvlr-t">Gọi để được tư vấn ngay</p></div><div class="tvlr-b"><div class="tvlr-n">0965.305.158</div><ul><li><b>Long Biên</b>Số 16 ngõ 143 Hoàng Như Tiếp</li><li><b>Bắc Từ Liêm</b>Nhận máy tại cửa hàng</li><li><b>Thanh Xuân</b>Nhận máy tại cửa hàng</li></ul><a class="tvlr-a p" href="tel:0965305158">Gọi hotline</a><a class="tvlr-a o" href="tel:02439921369">☎ 024 3992 1369</a><div class="tvlr-s">Kỹ thuật đến tận nơi trong nội thành Hà Nội.</div></div></div>';
  [L,R].forEach(function(a){var x=document.createElement('span');x.className='tvlr-x';x.textContent='×';x.title='Đóng';x.addEventListener('click',function(){L.remove();R.remove();try{sessionStorage.setItem('tvlr_off','1')}catch(e){}});a.appendChild(x)});
  try{if(sessionStorage.getItem('tvlr_off'))return}catch(e){}
  document.body.appendChild(L);document.body.appendChild(R);
  var foot=document.querySelector('.fdesktop')||document.querySelector('footer');var footIn=false;
  function lay(){
    var r=lp.getBoundingClientRect();var g=Math.min(r.left,document.documentElement.clientWidth-r.right);
    var w=Math.max(0,Math.min(220,g-28));var ok=w>=160&&!footIn&&window.scrollY>220&&window.innerHeight>=640;
    document.documentElement.style.setProperty('--tvlr-w',w+'px');document.documentElement.style.setProperty('--tvlr-x',Math.max(8,(g-w)/2)+'px');
    L.classList.toggle('on',ok);R.classList.toggle('on',ok);
  }
  if(foot&&'IntersectionObserver' in window){new IntersectionObserver(function(e){footIn=e[0].isIntersecting;lay()},{rootMargin:'0px 0px -120px 0px'}).observe(foot)}
  window.addEventListener('resize',lay,{passive:true});window.addEventListener('scroll',lay,{passive:true});lay();
}
if(document.readyState==='loading')document.addEventListener('DOMContentLoaded',run);else run();
})();