{"id":4687,"date":"2026-07-19T16:45:30","date_gmt":"2026-07-19T16:45:30","guid":{"rendered":"https:\/\/kblack.vn\/?page_id=4687"},"modified":"2026-11-03T13:31:12","modified_gmt":"2026-11-03T06:31:12","slug":"baogia","status":"publish","type":"page","link":"https:\/\/kblack.vn\/en\/baogia\/","title":{"rendered":"B\u00c1O GI\u00c1"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4687\" class=\"elementor elementor-4687\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-e6cf2c0 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"e6cf2c0\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c3cb790\" data-id=\"c3cb790\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-9a4169f elementor-widget elementor-widget-html\" data-id=\"9a4169f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script>window.kbToast=window.kbToast||function(t){var d=document.getElementById('kbToast');if(!d){d=document.createElement('div');d.id='kbToast';d.style.cssText='position:fixed;left:50%;bottom:24px;transform:translateX(-50%);max-width:92vw;z-index:99999;background:#1a1d27;color:#fff;border:1px solid #e0b04a;border-radius:12px;padding:12px 16px;font:500 14px\/1.4 inherit;box-shadow:0 10px 30px rgba(0,0,0,.5);transition:opacity .3s;';document.body.appendChild(d)}d.textContent=t;d.style.opacity='1';clearTimeout(d._t);d._t=setTimeout(function(){d.style.opacity='0'},3800);var f=[].slice.call(document.querySelectorAll('input[required],select[required],textarea[required]')).filter(function(x){return x.offsetParent&&!x.value})[0];if(f){f.scrollIntoView({behavior:'smooth',block:'center'});f.style.outline='2px solid #e0b04a';setTimeout(function(){f.style.outline=''},2500)}};<\/script><script>\/*KBLEAD*\/(function(){if(window.__kbLead)return;window.__kbLead=1;var of=window.fetch;if(!of)return;window.fetch=function(u,o){try{var s=typeof u==='string'?u:(u&&u.url)||'';if(s.indexOf('ntfy.sh')>-1&&o&&o.body){var t='',m='';try{var b=JSON.parse(o.body);t=b.title||'';m=b.message||''}catch(e){m=String(o.body);var h=o.headers||{};t=h.Title||h.title||''}var g=function(re){var x=m.match(re);return x?x[1].trim():''};var fd=new FormData();fd.append('action','elementor_pro_forms_send_form');fd.append('post_id','6098');fd.append('form_id','57315b3');fd.append('queried_id','6098');fd.append('referrer',location.href);fd.append('form_fields[title]',t||'Lead m\u1edbi');fd.append('form_fields[name]',g(\/Kh[a\u00e1]ch:\\s*([^\\n]+)\/i));fd.append('form_fields[phone]',g(\/S[\u0110D]T:\\s*([^\\n]+)\/i));fd.append('form_fields[page]',location.pathname);fd.append('form_fields[msg]',m);of.call(window,'\/wp-admin\/admin-ajax.php',{method:'POST',body:fd,credentials:'omit',keepalive:true}).catch(function(){})}}catch(e){}return of.apply(this,arguments)}})();<\/script>\n<!-- K-BLACK STUDIO \u2014 WIDGET B\u00c1O GI\u00c1 D\u1ecaCH V\u1ee4 (paste v\u00e0o HTML widget Elementor) -->\n\n<!-- SPLASH M\u1ede APP -->\n<div id=\"kbr-splash\" class=\"kbr-splash\">\n  <div class=\"kbr-splash-icon\"><img decoding=\"async\" src=\"https:\/\/kblack.vn\/wp-content\/uploads\/2026\/07\/kblack-k-icon-flat-white.png\" alt=\"K\" srcset=\"https:\/\/kblack.vn\/wp-content\/uploads\/2026\/07\/kblack-k-icon-flat-white.png 1600w, https:\/\/kblack.vn\/wp-content\/uploads\/2026\/07\/kblack-k-icon-flat-white-300x218.png 300w, https:\/\/kblack.vn\/wp-content\/uploads\/2026\/07\/kblack-k-icon-flat-white-1024x744.png 1024w, https:\/\/kblack.vn\/wp-content\/uploads\/2026\/07\/kblack-k-icon-flat-white-768x558.png 768w, https:\/\/kblack.vn\/wp-content\/uploads\/2026\/07\/kblack-k-icon-flat-white-1536x1116.png 1536w\" sizes=\"(max-width: 1600px) 100vw, 1600px\" \/><\/div>\n<\/div>\n<noscript><style>#kbr-splash{display:none!important} #kbr-app{opacity:1!important;transform:none!important}<\/style><\/noscript>\n\n<div id=\"kbr-app\" class=\"kbr-app\">\n  <div class=\"kbr-app-brand\"><div class=\"kbr-logo-crop\"><img decoding=\"async\" src=\"https:\/\/kblack.vn\/wp-content\/uploads\/2024\/08\/4.-Main-Logo-Ca-Nhan-Mau-trang-.png\" alt=\"K-BLACK\" srcset=\"https:\/\/kblack.vn\/wp-content\/uploads\/2024\/08\/4.-Main-Logo-Ca-Nhan-Mau-trang-.png 901w, https:\/\/kblack.vn\/wp-content\/uploads\/2024\/08\/4.-Main-Logo-Ca-Nhan-Mau-trang--300x200.png 300w, https:\/\/kblack.vn\/wp-content\/uploads\/2024\/08\/4.-Main-Logo-Ca-Nhan-Mau-trang--768x512.png 768w\" sizes=\"(max-width: 901px) 100vw, 901px\" \/><\/div><\/div>\n\n  <div class=\"kbr-status\">\n    <span class=\"kbr-status-dot\"><\/span> STUDIO \u0110ANG HO\u1ea0T \u0110\u1ed8NG \u00b7 TH\u1ee6 \u0110\u1ee8C, TP.HCM\n    <span class=\"kbr-clock\" id=\"kbrClock\">--:--:--<\/span>\n  <\/div>\n\n  <div class=\"kbr-hero\">\n    <h1>B\u00e1o gi\u00e1 d\u1ecbch v\u1ee5<\/h1>\n    <p>Ch\u1ecdn d\u1ecbch v\u1ee5, xem gi\u00e1 \u01b0\u1edbc t\u00ednh ngay \u2014 g\u1eedi y\u00eau c\u1ea7u \u0111\u1ec3 K-Black t\u01b0 v\u1ea5n chi ti\u1ebft.<\/p>\n  <\/div>\n\n  <div class=\"kbr-steps\" id=\"kbrSteps\">\n    <div class=\"kbr-step active\" data-step=\"1\"><div class=\"kbr-step-dot\">1<\/div><span>D\u1ecbch v\u1ee5<\/span><\/div>\n    <div class=\"kbr-step-line\"><\/div>\n    <div class=\"kbr-step\" data-step=\"2\"><div class=\"kbr-step-dot\">2<\/div><span>Th\u00f4ng tin<\/span><\/div>\n    <div class=\"kbr-step-line\"><\/div>\n    <div class=\"kbr-step\" data-step=\"3\"><div class=\"kbr-step-dot\">3<\/div><span>G\u1eedi<\/span><\/div>\n  <\/div>\n\n  <div class=\"kbr-row\">\n    <div class=\"kbr-col-main\">\n\n      <div class=\"kbr-block\">\n        <h2 class=\"kbr-h2\">1. Ch\u1ecdn d\u1ecbch v\u1ee5<\/h2>\n        <div class=\"kbr-svc-grid\" id=\"kbrSvcGrid\"><\/div>\n      <\/div>\n\n      <div class=\"kbr-block\" id=\"kbrOptionsBlock\" style=\"display:none;\">\n        <div class=\"kbr-opt-header\"><h2 class=\"kbr-h2\" id=\"kbrOptTitle\">Tu\u1ef3 ch\u1ecdn g\u00f3i<\/h2><button type=\"button\" class=\"kbr-opt-collapse\" id=\"kbrOptCollapse\">\u2715 Thu g\u1ecdn<\/button><\/div>\n        <div id=\"kbrOptionsBody\"><\/div>\n      <\/div>\n\n      <div class=\"kbr-block\" id=\"kbrCustomerBlock\" style=\"display:none;\">\n        <h2 class=\"kbr-h2\">3. Th\u00f4ng tin li\u00ean h\u1ec7<\/h2>\n        <div class=\"kbr-field-grid\">\n          <div class=\"kbr-field\">\n            <label>H\u1ecd v\u00e0 t\u00ean *<\/label>\n            <input type=\"text\" id=\"kbrFullname\" placeholder=\"Nguy\u1ec5n V\u0103n A\">\n          <\/div>\n          <div class=\"kbr-field\">\n            <label>S\u1ed1 \u0111i\u1ec7n tho\u1ea1i *<\/label>\n            <input type=\"tel\" id=\"kbrPhone\" placeholder=\"09xx xxx xxx\">\n          <\/div>\n          <div class=\"kbr-field\">\n            <label>Ng\u00e0y d\u1ef1 ki\u1ebfn s\u1eed d\u1ee5ng<\/label>\n            <input type=\"date\" id=\"kbrDate\">\n          <\/div>\n          <div class=\"kbr-field\">\n            <label>Gi\u1edd ch\u1ee5p (d\u1ef1 ki\u1ebfn)<\/label>\n            <input type=\"time\" id=\"kbrTime\">\n          <\/div>\n          <div class=\"kbr-field\">\n            <label>Email<\/label>\n            <input type=\"email\" id=\"kbrEmail\" placeholder=\"ban@email.com\">\n          <\/div>\n        <\/div>\n        <div class=\"kbr-field kbr-field-full\">\n          <label>Ghi ch\u00fa th\u00eam<\/label>\n          <textarea id=\"kbrNote\" rows=\"3\" placeholder=\"M\u00f4 t\u1ea3 th\u00eam nhu c\u1ea7u c\u1ee7a b\u1ea1n (n\u1ebfu c\u00f3)...\"><\/textarea>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n    <div class=\"kbr-col-side\">\n      <div class=\"kbr-summary\" id=\"kbrSummary\">\n        <h3>T\u00d3M T\u1eaeT B\u00c1O GI\u00c1<\/h3>\n        <div class=\"kbr-summary-empty\" id=\"kbrSummaryEmpty\">Ch\u1ecdn d\u1ecbch v\u1ee5 b\u00ean tr\u00e1i \u0111\u1ec3 xem gi\u00e1 \u01b0\u1edbc t\u00ednh.<\/div>\n        <div id=\"kbrSummaryLines\" class=\"kbr-summary-lines\"><\/div>\n        <div class=\"kbr-summary-total\" id=\"kbrSummaryTotalWrap\" style=\"display:none;\">\n          <span>T\u1ed5ng \u01b0\u1edbc t\u00ednh<\/span>\n          <strong id=\"kbrTotal\">0\u0111<\/strong>\n        <\/div>\n        <button class=\"kbr-submit-btn\" id=\"kbrSubmitBtn\" disabled>G\u1eecI Y\u00caU C\u1ea6U B\u00c1O GI\u00c1<\/button>\n        <p class=\"kbr-summary-note\">*Gi\u00e1 \u01b0\u1edbc t\u00ednh c\u00f3 th\u1ec3 thay \u0111\u1ed5i sau khi K-Black kh\u1ea3o s\u00e1t th\u1ef1c t\u1ebf nhu c\u1ea7u c\u1ee7a b\u1ea1n.<\/p>\n        <p class=\"kbr-summary-respond\">\u26a1 K-Black ph\u1ea3n h\u1ed3i trong v\u00f2ng 30 ph\u00fat (gi\u1edd h\u00e0nh ch\u00ednh 8:30\u201317:30)<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"kblack-float-wrap\" aria-label=\"Li\u00ean h\u1ec7 K-Black\">\n  <a class=\"kblack-float-btn\" href=\"tel:0367277935\" aria-label=\"G\u1ecdi ngay K-Black\">\n    <span class=\"kblack-float-label\">G\u1ecdi ngay<\/span>\n    <span class=\"kblack-float-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6.6 10.8c1.4 2.8 3.8 5.1 6.6 6.6l2.2-2.2c.3-.3.7-.4 1-.2 1.1.4 2.3.6 3.6.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1C10.6 21 3 13.4 3 4c0-.6.4-1 1-1h3.5c.6 0 1 .4 1 1 0 1.3.2 2.5.6 3.6.1.3 0 .7-.2 1L6.6 10.8z\" fill=\"white\"><\/path><\/svg><\/span>\n  <\/a>\n  <a class=\"kblack-float-btn\" href=\"https:\/\/zalo.me\/0367277935\" target=\"_blank\" rel=\"noopener\" aria-label=\"Nh\u1eafn Zalo K-Black\">\n    <span class=\"kblack-float-label\">Nh\u1eafn Zalo<\/span>\n    <span class=\"kblack-float-icon\"><svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\"><path fill=\"white\" d=\"M12.49 10.2722v-.4496h1.3467v6.3218h-.7704a.576.576 0 01-.5763-.5729l-.0006.0005a3.273 3.273 0 01-1.9372.6321c-1.8138 0-3.2844-1.4697-3.2844-3.2823 0-1.8125 1.4706-3.2822 3.2844-3.2822a3.273 3.273 0 011.9372.6321l.0006.0005zM6.9188 7.7896v.205c0 .3823-.051.6944-.2995 1.0605l-.03.0343c-.0542.0615-.1815.206-.2421.2843L2.024 14.8h4.8948v.7682a.5764.5764 0 01-.5767.5761H0v-.3622c0-.4436.1102-.6414.2495-.8476L4.8582 9.23H.1922V7.7896h6.7266zm8.5513 8.3548a.4805.4805 0 01-.4803-.4798v-7.875h1.4416v8.3548H15.47zM20.6934 9.6C22.52 9.6 24 11.0807 24 12.9044c0 1.8252-1.4801 3.306-3.3066 3.306-1.8264 0-3.3066-1.4808-3.3066-3.306 0-1.8237 1.4802-3.3044 3.3066-3.3044zm-10.1412 5.253c1.0675 0 1.9324-.8645 1.9324-1.9312 0-1.065-.865-1.9295-1.9324-1.9295s-1.9324.8644-1.9324 1.9295c0 1.0667.865 1.9312 1.9324 1.9312zm10.1412-.0033c1.0737 0 1.945-.8707 1.945-1.9453 0-1.073-.8713-1.9436-1.945-1.9436-1.0753 0-1.945.8706-1.945 1.9436 0 1.0746.8697 1.9453 1.945 1.9453z\"><\/path><\/svg><\/span>\n  <\/a>\n  <a class=\"kblack-float-btn\" href=\"https:\/\/m.me\/kblackstudio\" target=\"_blank\" rel=\"noopener\" aria-label=\"Nh\u1eafn Messenger K-Black\">\n    <span class=\"kblack-float-label\">Messenger<\/span>\n    <span class=\"kblack-float-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 2C6.477 2 2 6.145 2 11.259c0 2.88 1.346 5.453 3.471 7.194V22l3.064-1.538C9.45 20.641 10.7 20.8 12 20.8c5.523 0 10-4.145 10-9.259S17.523 2 12 2z\" fill=\"white\"><\/path><path d=\"M7 13.5l2.5-2.5 2 2 3.5-4\" stroke=\"#111\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg><\/span>\n  <\/a>\n<\/div>\n\n  <div class=\"kbr-mbar\" id=\"kbrMbar\" style=\"display:none;\">\n    <div class=\"kbr-mbar-info\">\n      <span>T\u1ed5ng \u01b0\u1edbc t\u00ednh<\/span>\n      <strong id=\"kbrMbarTotal\">0\u0111<\/strong>\n    <\/div>\n    <button class=\"kbr-mbar-btn\" id=\"kbrMbarBtn\" disabled>G\u1eecI Y\u00caU C\u1ea6U<\/button>\n  <\/div>\n\n  <div class=\"kbr-foot\">K-BLACK STUDIO \u00b7 M3-06 Manhattan Glory, Vinhomes Grand Park, TP.HCM \u00b7 <a href=\"tel:0367277935\" class=\"kbr-foot-tel\">0367277935<\/a><\/div>\n<\/div>\n\n<!-- Success overlay -->\n<div id=\"kbr-success-overlay\" class=\"kbr-success-overlay\">\n  <div class=\"kbr-success-box\">\n    <div class=\"kbr-success-icon\">\u2713<\/div>\n    <h3>\u0110\u00e3 g\u1eedi y\u00eau c\u1ea7u b\u00e1o gi\u00e1!<\/h3>\n    <p>K-Black \u0111\u00e3 nh\u1eadn \u0111\u01b0\u1ee3c y\u00eau c\u1ea7u c\u1ee7a b\u1ea1n. \u0110\u1ed9i ng\u0169 t\u01b0 v\u1ea5n s\u1ebd li\u00ean h\u1ec7 trong th\u1eddi gian s\u1edbm nh\u1ea5t qua S\u1ed1 \u0111i\u1ec7n tho\u1ea1i\/Email b\u1ea1n \u0111\u00e3 cung c\u1ea5p.<\/p>\n    <button id=\"kbr-overlay-close\">\u0110\u00f3ng<\/button>\n  <\/div>\n<\/div>\n\n<style>\n  #kbr-app{ --bg:#0a0a0a; --card:#161616; --card2:#1c1c1c; --border:rgba(255,255,255,.09); --text:#f5f5f5; --dim:#9a9a9a; --accent:#3b82f6;\n    --tier-basic:#9ca3af; --tier-pro:#3b82f6; --tier-pro-soft:rgba(59,130,246,.16); --tier-premium1:#7dd3fc; --tier-premium2:#1d4ed8;\n    background:radial-gradient(1200px 600px at 15% -10%, rgba(59,130,246,.10), transparent 60%), linear-gradient(180deg, #0d1015 0%, #0a0a0a 45%); color:var(--text); font-family:inherit; max-width:1040px; margin:0 auto; padding:24px 16px 40px;\n    opacity:0; transform:translateY(12px); transition:opacity .5s ease, transform .5s ease;\n  }\n  .kbr-steps{ display:flex; align-items:center; justify-content:center; gap:6px; margin:0 0 22px; }\n  .kbr-step{ display:flex; align-items:center; gap:8px; opacity:.4; transition:opacity .25s; }\n  .kbr-step.active, .kbr-step.done{ opacity:1; }\n  .kbr-step-dot{ width:24px; height:24px; border-radius:50%; background:var(--card2); border:1.5px solid var(--border); display:flex; align-items:center; justify-content:center; font-size:11px; font-weight:800; color:var(--dim); transition:all .25s; flex:none; }\n  .kbr-step.active .kbr-step-dot{ background:var(--accent); border-color:var(--accent); color:#fff; box-shadow:0 0 0 5px rgba(59,130,246,.16); }\n  .kbr-step.done .kbr-step-dot{ background:var(--accent); border-color:var(--accent); color:#fff; }\n  .kbr-step span{ font-size:11.5px; color:var(--dim); font-weight:600; white-space:nowrap; }\n  .kbr-step.active span{ color:var(--text); }\n  .kbr-step-line{ width:26px; height:2px; background:var(--border); flex:none; }\n  @media(max-width:480px){ .kbr-step span{ display:none; } .kbr-step-line{ width:14px; } }\n  .kbr-check-badge{ position:absolute; top:10px; right:10px; width:20px; height:20px; border-radius:50%; background:var(--accent); color:#fff;\n    font-size:11px; font-weight:800; display:flex; align-items:center; justify-content:center; opacity:0; transform:scale(.4); transition:opacity .2s, transform .2s; box-shadow:0 2px 10px rgba(59,130,246,.45); }\n  .kbr-svc-card.active .kbr-check-badge, .kbr-pkg-card.active .kbr-check-badge{ opacity:1; transform:scale(1); }\n  .kbr-field input#kbrFullname{ background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%239a9a9a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'\/%3E%3Ccircle cx='12' cy='7' r='4'\/%3E%3C\/svg%3E\"); background-repeat:no-repeat; background-position:13px center; background-size:15px 15px; padding-left:38px; }\n  .kbr-field input#kbrPhone{ background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%239a9a9a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92z'\/%3E%3C\/svg%3E\"); background-repeat:no-repeat; background-position:13px center; background-size:15px 15px; padding-left:38px; }\n  .kbr-field input#kbrEmail{ background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%239a9a9a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='4' width='20' height='16' rx='2'\/%3E%3Cpath d='m22 6-10 7L2 6'\/%3E%3C\/svg%3E\"); background-repeat:no-repeat; background-position:13px center; background-size:15px 15px; padding-left:38px; }\n  #kbr-app.show{ opacity:1; transform:none; }\n  @media(max-width:520px){ #kbr-app{ padding:16px 14px 96px; } }\n\n  .kbr-app-brand{ display:flex; justify-content:center; margin-bottom:22px; }\n  .kbr-logo-crop{ position:relative; width:210px; height:40px; overflow:hidden; }\n  .kbr-logo-crop img{ position:absolute; left:-54px; top:-86px; width:319px; height:213px; max-width:none; }\n\n  .kbr-status{ display:flex; align-items:center; gap:8px; font-size:12px; letter-spacing:.04em; color:var(--dim);\n    background:var(--card); border:1px solid var(--border); border-radius:10px; padding:10px 14px; margin-bottom:22px; }\n  .kbr-status-dot{ width:7px; height:7px; border-radius:50%; background:#3ddc73; box-shadow:0 0 6px #3ddc73; flex:none; }\n  .kbr-clock{ margin-left:auto; font-variant-numeric:tabular-nums; color:var(--text); }\n\n  .kbr-hero{ text-align:center; margin-bottom:28px; }\n  .kbr-hero h1{ font-size:28px; margin:0 0 8px; letter-spacing:-.01em; }\n  .kbr-hero p{ margin:0; color:var(--dim); font-size:14px; }\n\n  .kbr-row{ display:grid; grid-template-columns:1fr; gap:20px; }\n  @media(min-width:880px){ .kbr-row{ grid-template-columns:1fr 340px; align-items:start; } }\n\n  .kbr-block{ background:var(--card); border:1px solid var(--border); border-radius:14px; padding:20px; margin-bottom:18px; }\n  .kbr-h2{ font-size:15px; margin:0 0 14px; text-transform:uppercase; letter-spacing:.05em; color:var(--dim); }\n\n  .kbr-svc-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:12px; }\n  @media(max-width:520px){ .kbr-svc-grid{ grid-template-columns:1fr; } }\n  .kbr-svc-card{ position:relative; text-align:left; cursor:pointer; background:var(--card2); border:1px solid var(--border); border-radius:14px; padding:16px;\n    color:var(--text); transition:border-color .15s, background .15s, transform .15s, box-shadow .15s; -webkit-tap-highlight-color:transparent; }\n  .kbr-svc-card:hover{ border-color:rgba(255,255,255,.25); transform:translateY(-1px); }\n  .kbr-svc-card:active{ transform:scale(.98); }\n  .kbr-svc-card.active{ border-color:var(--accent); background:#182437; box-shadow:0 6px 22px rgba(59,130,246,.25); }\n  .kbr-svc-icon{ width:38px; height:38px; border-radius:10px; background:rgba(255,255,255,.06); display:flex; align-items:center; justify-content:center;\n    margin-bottom:12px; color:#fff; flex:none; transition:background .15s; }\n  .kbr-svc-icon svg{ width:20px; height:20px; }\n  .kbr-svc-card.active .kbr-svc-icon{ background:var(--accent); color:#fff; }\n  .kbr-svc-card .kbr-svc-name{ font-weight:600; font-size:14.5px; margin-bottom:5px; }\n  .kbr-svc-card .kbr-svc-tag{ font-size:12px; color:var(--dim); line-height:1.5; }\n  .kbr-svc-card .kbr-svc-album{ display:inline-block; margin-top:6px; font-size:11.5px; color:var(--accent); font-weight:600; text-decoration:underline; text-underline-offset:2px; }\n\n  .kbr-pkg-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }\n  @media(max-width:920px){ .kbr-pkg-grid{ grid-template-columns:repeat(2,1fr); } }\n  @media(max-width:520px){ .kbr-pkg-grid{ grid-template-columns:1fr; } }\n  .kbr-pkg-card{ position:relative; cursor:pointer; text-align:left; background:var(--card2); border:1px solid var(--border); border-top:3px solid var(--border);\n    border-radius:12px; padding:18px 16px 16px; color:var(--text); transition:border-color .15s, background .15s, transform .15s, box-shadow .15s;\n    -webkit-tap-highlight-color:transparent; overflow:hidden; }\n  .kbr-pkg-card:hover{ transform:translateY(-2px); }\n  .kbr-pkg-card:active{ transform:scale(.98); }\n  .kbr-pkg-card[data-tier=\"basic\"]{ border-top-color:var(--tier-basic); }\n  .kbr-pkg-card[data-tier=\"pro\"]{ border-top-color:var(--tier-pro); background:linear-gradient(180deg, var(--tier-pro-soft), var(--card2) 70%); }\n  .kbr-pkg-card[data-tier=\"premium\"]{ border-top-color:var(--tier-premium1); background:linear-gradient(180deg, rgba(96,165,250,.18), #232323 70%); box-shadow:0 10px 30px rgba(37,99,235,.3); }\n  .kbr-pkg-card.active{ border-color:#fff; background:#232323; }\n  .kbr-pkg-card.active[data-tier=\"basic\"]{ border-color:var(--tier-basic); box-shadow:0 8px 22px rgba(156,163,175,.18); }\n  .kbr-pkg-card.active[data-tier=\"pro\"]{ border-color:var(--tier-pro); background:linear-gradient(180deg, var(--tier-pro-soft), #232323 70%); box-shadow:0 10px 26px rgba(212,175,55,.22); }\n  .kbr-pkg-card.active[data-tier=\"premium\"]{ border-color:var(--tier-premium1); background:linear-gradient(180deg, rgba(244,215,138,.2), #232323 70%); box-shadow:0 10px 30px rgba(244,215,138,.3); }\n  .kbr-pkg-badge{ display:inline-block; font-size:10px; letter-spacing:.06em; text-transform:uppercase; padding:3px 9px; border-radius:999px; margin-bottom:9px; font-weight:800; }\n  .kbr-pkg-badge.basic{ background:rgba(156,163,175,.15); color:#c9ccd1; }\n  .kbr-pkg-badge.pro{ background:rgba(59,130,246,.18); color:#93c5fd; }\n  .kbr-pkg-badge.premium{ background:linear-gradient(90deg,var(--tier-premium1),var(--tier-premium2)); color:#ffffff; }\n  .kbr-pkg-ribbon{ position:absolute; top:0; right:14px; background:linear-gradient(90deg,var(--tier-premium1),var(--tier-premium2)); color:#ffffff;\n    font-size:9.5px; font-weight:800; letter-spacing:.05em; padding:4px 10px; border-radius:0 0 8px 8px; text-transform:uppercase; }\n  .kbr-pkg-card .kbr-pkg-name{ font-weight:700; font-size:14px; margin-bottom:6px; }\n  .kbr-pkg-card .kbr-pkg-price{ font-size:19px; font-weight:700; margin-bottom:8px; }\n  .kbr-pkg-card[data-tier=\"pro\"] .kbr-pkg-price{ color:var(--tier-pro); }\n  .kbr-pkg-card[data-tier=\"premium\"] .kbr-pkg-price{ background:linear-gradient(90deg,var(--tier-premium1),var(--tier-premium2)); -webkit-background-clip:text; background-clip:text; color:transparent; }\n  .kbr-pkg-card .kbr-pkg-desc{ font-size:12.5px; color:var(--dim); line-height:1.5; }\n  .kbr-pkg-feat-list{ list-style:none; margin:8px 0 0; padding:0; }\n  .kbr-pkg-feat-list li{ position:relative; padding-left:16px; font-size:12px; color:var(--dim); line-height:1.6; margin-bottom:3px; }\n  .kbr-pkg-feat-list li:before{ content:'\u2713'; position:absolute; left:0; font-weight:700; color:var(--tier-basic); }\n  .kbr-pkg-card[data-tier=\"pro\"] .kbr-pkg-feat-list li:before{ color:var(--tier-pro); }\n  .kbr-pkg-card[data-tier=\"premium\"] .kbr-pkg-feat-list li:before{ color:var(--tier-premium2); }\n  .kbr-opt-header{ display:flex; align-items:center; justify-content:space-between; gap:12px; }\n  .kbr-opt-collapse{ background:transparent; border:1px solid var(--border); color:var(--dim); padding:6px 12px; border-radius:8px; cursor:pointer; font-size:12px; line-height:1; flex:none; transition:border-color .15s,color .15s; -webkit-tap-highlight-color:transparent; }\n  .kbr-opt-collapse:hover{ border-color:var(--accent); color:var(--accent); }\n\n  .kbr-opt-row{ display:flex; flex-wrap:wrap; gap:10px; margin-bottom:16px; }\n  .kbr-opt-row:last-child{ margin-bottom:0; }\n  .kbr-opt-label{ width:100%; font-size:13px; color:var(--dim); margin-bottom:2px; }\n  .kbr-chip{ cursor:pointer; padding:10px 17px; border-radius:999px; border:1px solid var(--border); background:var(--card2); color:var(--text); font-size:13.5px;\n    transition:all .15s; -webkit-tap-highlight-color:transparent; }\n  .kbr-chip:active{ transform:scale(.95); }\n  .kbr-chip.active{ border-color:var(--accent); background:var(--accent); color:#fff; font-weight:600; }\n  .kbr-check{ display:flex; align-items:center; gap:9px; cursor:pointer; padding:11px 14px; border-radius:10px; border:1px solid var(--border); background:var(--card2); font-size:13.5px;\n    transition:border-color .15s; -webkit-tap-highlight-color:transparent; }\n  .kbr-check.active{ border-color:var(--accent); }\n  .kbr-check input{ accent-color:var(--accent); width:17px; height:17px; flex:none; }\n  .kbr-hint{ font-size:12px; color:var(--dim); margin-top:10px; line-height:1.5; }\n\n  .kbr-field-grid{ display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-bottom:14px; }\n  @media(max-width:560px){ .kbr-field-grid{ grid-template-columns:1fr; } }\n  .kbr-field label{ display:block; font-size:12.5px; color:var(--dim); margin-bottom:6px; }\n  .kbr-field input, .kbr-field textarea{ width:100%; background:var(--card2); border:1px solid var(--border); border-radius:10px; color:var(--text);\n    padding:11px 13px; font-size:14px; font-family:inherit; box-sizing:border-box; }\n  .kbr-field input:focus, .kbr-field textarea:focus{ outline:none; border-color:var(--accent); }\n  .kbr-field-full{ grid-column:1\/-1; }\n\n  .kbr-summary{ background:rgba(22,22,22,.75); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); border:1px solid var(--border); border-radius:14px; padding:20px; position:sticky; top:20px; }\n  .kbr-summary h3{ font-size:13px; letter-spacing:.06em; color:var(--dim); margin:0 0 14px; }\n  .kbr-summary-empty{ font-size:13px; color:var(--dim); line-height:1.6; }\n  .kbr-summary-lines{ display:flex; flex-direction:column; gap:9px; margin-bottom:10px; }\n  .kbr-summary-line{ display:flex; justify-content:space-between; gap:10px; font-size:13px; }\n  .kbr-summary-line .l{ color:var(--dim); }\n  .kbr-summary-line .v{ font-weight:600; white-space:nowrap; }\n  .kbr-summary-total{ display:flex; justify-content:space-between; align-items:baseline; border-top:1px solid var(--border); margin-top:12px; padding-top:14px; }\n  .kbr-summary-total span{ font-size:12.5px; color:var(--dim); }\n  .kbr-summary-total strong{ font-size:22px; }\n  .kbr-submit-btn{ width:100%; margin-top:16px; background:var(--accent); color:#fff; border:none; border-radius:11px; padding:15px; box-shadow:0 6px 24px rgba(59,130,246,.35); font-size:13.5px;\n    font-weight:700; letter-spacing:.03em; cursor:pointer; transition:transform .15s; -webkit-tap-highlight-color:transparent; }\n  .kbr-submit-btn:active{ transform:scale(.97); }\n  .kbr-submit-btn:disabled{ opacity:.35; cursor:not-allowed; }\n  .kbr-summary-note{ font-size:11px; color:var(--dim); margin:12px 0 0; line-height:1.5; }\n\n  .kbr-mbar{ position:fixed; left:0; right:0; bottom:0; z-index:40; background:rgba(10,10,10,.94); backdrop-filter:blur(10px);\n    border-top:1px solid var(--border); padding:12px 16px calc(12px + env(safe-area-inset-bottom)); display:flex; align-items:center; gap:14px; }\n  .kbr-mbar-info{ flex:1; display:flex; flex-direction:column; }\n  .kbr-mbar-info span{ font-size:10.5px; color:var(--dim); }\n  .kbr-mbar-info strong{ font-size:17px; color:#fff; }\n  .kbr-mbar-btn{ background:#fff; color:#0a0a0a; border:none; border-radius:10px; padding:13px 22px; font-size:12.5px; font-weight:700;\n    transition:transform .15s; -webkit-tap-highlight-color:transparent; }\n  .kbr-mbar-btn:active{ transform:scale(.96); }\n  .kbr-mbar-btn:disabled{ opacity:.35; }\n  .kblack-float-btn:nth-child(1) { animation: 0.5s ease 0.2s 1 normal both running kb-enter; }\n.kblack-float-btn:nth-child(2) { animation: 0.5s ease 0.4s 1 normal both running kb-enter; }\n.kblack-float-btn:nth-child(3) { animation: 0.5s ease 0.6s 1 normal both running kb-enter; }\n.kblack-float-btn:nth-child(1) .kblack-float-icon { --kc: rgba(37,211,102,.55); animation: 2.2s ease-out 0s infinite normal none running kb-pulse, 3.2s ease-in-out 0s infinite normal none running kb-bob; }\n.kblack-float-btn:nth-child(2) .kblack-float-icon { --kc: rgba(0,163,255,.55); animation: 2.2s ease-out 0.45s infinite normal none running kb-pulse, 3.2s ease-in-out 0.45s infinite normal none running kb-bob; }\n.kblack-float-btn:nth-child(3) .kblack-float-icon { --kc: rgba(138,58,255,.55); animation: 2.2s ease-out 0.9s infinite normal none running kb-pulse, 3.2s ease-in-out 0.9s infinite normal none running kb-bob; }\n.kblack-float-btn:hover .kblack-float-icon { animation: auto ease 0s 1 normal none running none !important; transform: scale(1.18) !important; transition: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1) !important; }\n.kblack-float-wrap { position: fixed; bottom: 28px; right: 24px; z-index: 9999; display: flex; flex-direction: column; align-items: flex-end; gap: 12px; }\n.kblack-float-btn { display: flex; align-items: center; gap: 10px; cursor: pointer; text-decoration: none; }\n.kblack-float-label { background: rgb(17, 17, 17); color: rgb(255, 255, 255); font-size: 13px; font-weight: 500; padding: 6px 14px; border-radius: 999px; white-space: nowrap; opacity: 0; transform: translateX(10px); transition: opacity 0.25s, transform 0.25s; pointer-events: none; font-family: sans-serif; }\n.kblack-float-btn:hover .kblack-float-label, .kblack-float-btn:focus .kblack-float-label { opacity: 1; transform: translateX(0px); }\n.kblack-float-icon { width: 52px; height: 52px; border-radius: 50%; background: rgb(17, 17, 17); border: 2px solid rgb(51, 51, 51); display: flex; align-items: center; justify-content: center; flex-shrink: 0; transition: transform 0.2s, background 0.2s; box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 12px; }\n.kblack-float-btn:hover .kblack-float-icon { transform: scale(1.08); background: rgb(34, 34, 34); }\n.kblack-float-icon svg { width: 26px; height: 26px; }\n.kblack-float-icon { animation: 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) 0s 1 normal both running kblack-pop; }\n.kblack-float-wrap a:nth-child(1) .kblack-float-icon { animation-delay: 0.2s; }\n.kblack-float-wrap a:nth-child(2) .kblack-float-icon { animation-delay: 0.35s; }\n.kblack-float-wrap a:nth-child(3) .kblack-float-icon { animation-delay: 0.5s; }\n@media (max-width: 480px) {\n  .kblack-float-wrap { bottom: 18px; right: 16px; }\n  .kblack-float-icon { width: 46px; height: 46px; }\n  .kblack-float-label { display: none; }\n}\n  @media (max-width: 880px) { .kblack-float-wrap { bottom: 92px; } }\n  @keyframes kb-pulse { \n  0% { box-shadow: 0 4px 20px rgba(0,0,0,.4),0 0 0 0 var(--kc); }\n  70% { box-shadow: rgba(0, 0, 0, 0.4) 0px 4px 20px, transparent 0px 0px 0px 14px; }\n  100% { box-shadow: rgba(0, 0, 0, 0.4) 0px 4px 20px, transparent 0px 0px 0px 0px; }\n}\n@keyframes kb-bob { \n  0%, 100% { transform: translateY(0px); }\n  50% { transform: translateY(-6px); }\n}\n@keyframes kb-enter { \n  0% { opacity: 0; transform: translateX(60px); }\n  100% { opacity: 1; transform: translateX(0px); }\n}\n@keyframes kblack-pop { \n  0% { opacity: 0; transform: scale(0.7); }\n  100% { opacity: 1; transform: scale(1); }\n}\n  .kbr-foot-tel{ color:inherit; text-decoration:underline; text-underline-offset:2px; }\n  @media(min-width:880px){ .kbr-mbar{ display:none!important; } }\n\n  @keyframes kbrFadeIn{ from{ opacity:0; transform:translateY(8px); } to{ opacity:1; transform:none; } }\n  .kbr-fade-in{ animation:kbrFadeIn .35s ease; }\n\n  .kbr-foot{ text-align:center; font-size:11.5px; color:var(--dim); margin-top:28px; padding-top:18px; border-top:1px solid var(--border); }\n\n  \/* Splash *\/\n  .kbr-splash{ position:fixed; inset:0; z-index:999; background:#0a0a0a; display:flex; align-items:center; justify-content:center;\n    transition:opacity .5s ease; }\n  .kbr-splash.hide{ opacity:0; pointer-events:none; }\n  .kbr-splash-icon{ position:relative; width:150px; height:150px; }\n  .kbr-splash-icon img{ width:100%; height:100%; object-fit:contain; display:block; opacity:0; }\n  .kbr-splash-icon::before{ content:\"\"; position:absolute; inset:0;\n    background:linear-gradient(160deg, #f2f2f2 0%, #ffffff 12%, #9a9a9a 32%, #4d4d4d 50%, #dcdcdc 68%, #ffffff 84%, #aeaeae 100%);\n    -webkit-mask-image:url('https:\/\/kblack.vn\/wp-content\/uploads\/2026\/07\/kblack-k-icon-flat-white.png');\n    mask-image:url('https:\/\/kblack.vn\/wp-content\/uploads\/2026\/07\/kblack-k-icon-flat-white.png');\n    -webkit-mask-size:contain; mask-size:contain; -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat;\n    -webkit-mask-position:center; mask-position:center; }\n  .kbr-splash-icon::after{ content:\"\"; position:absolute; inset:0;\n    background:linear-gradient(115deg, transparent 30%, rgba(255,255,255,0) 43%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 57%, transparent 70%);\n    background-size:260% 100%; background-repeat:no-repeat; background-position:-160% 0;\n    -webkit-mask-image:url('https:\/\/kblack.vn\/wp-content\/uploads\/2026\/07\/kblack-k-icon-flat-white.png');\n    mask-image:url('https:\/\/kblack.vn\/wp-content\/uploads\/2026\/07\/kblack-k-icon-flat-white.png');\n    -webkit-mask-size:contain; mask-size:contain; -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat;\n    -webkit-mask-position:center; mask-position:center; mix-blend-mode:overlay; animation:kbrShine 2.8s ease-in-out infinite; pointer-events:none; }\n  @keyframes kbrShine{ 0%{background-position:-160% 0;} 55%{background-position:160% 0;} 100%{background-position:160% 0;} }\n\n  .kbr-success-overlay{ position:fixed; inset:0; z-index:998; background:rgba(0,0,0,.75); backdrop-filter:blur(4px);\n    display:flex; align-items:center; justify-content:center; opacity:0; pointer-events:none; transition:opacity .3s ease; padding:20px; }\n  .kbr-success-overlay.show{ opacity:1; pointer-events:auto; }\n  .kbr-success-box{ background:#161616; border:1px solid var(--border); border-radius:16px; padding:32px 28px; max-width:360px; text-align:center; }\n  .kbr-success-icon{ width:52px; height:52px; border-radius:50%; border:2px solid #3ddc73; color:#3ddc73; font-size:24px;\n    display:flex; align-items:center; justify-content:center; margin:0 auto 16px; }\n  .kbr-success-box h3{ margin:0 0 10px; font-size:17px; }\n  .kbr-success-box p{ margin:0 0 20px; font-size:13.5px; color:#9a9a9a; line-height:1.6; }\n  .kbr-success-box button{ background:#fff; color:#0a0a0a; border:none; border-radius:10px; padding:11px 24px; font-size:13px; font-weight:700; cursor:pointer; }\n\n  \/* KBR fix: overflow ngang tren mobile\/tablet - grid\/flex item can min-width:0 de khong bi ep gian theo noi dung *\/\n  #kbr-app{ overflow-x:hidden; }\n  .kbr-row > *, .kbr-svc-grid > *, .kbr-pkg-grid > *, .kbr-field-grid > *,\n  .kbr-status > *, .kbr-app-brand > *, .kbr-mbar > *, .kbr-mbar-info > *,\n  .kbr-summary-line > *, .kbr-summary-total > *, .kbr-summary-lines > *,\n  .kbr-opt-row > *, .kbr-check > *{ min-width:0; }\n  .kbr-svc-name, .kbr-svc-tag, .kbr-pkg-name, .kbr-pkg-desc, .kbr-h2, .kbr-status span{ overflow-wrap:break-word; word-break:break-word; }\n  #kbr-app img{ max-width:100%; height:auto; }\n\n  \/* KBR: goi dich vu mo rong ngay duoi the dich vu duoc chon (accordion trong grid) *\/\n  #kbrOptionsBlock{ grid-column: 1 \/ -1; }\n<\/style>\n\n<script>\n(function(){\n  \"use strict\";\n\n  var GOOGLE_FORM_URL = 'https:\/\/docs.google.com\/forms\/d\/e\/1FAIpQLSc5jHTyf6NzqSf9rdQCC5FqIB0PXEDVW6JyWPU0Y5wK08ArKQ\/formResponse';\n  var FIELDS = {\n    loaiDV: 'entry.268989843',\n    chiTiet: 'entry.1117919464',\n    giaUocTinh: 'entry.1431831387',\n    hoTen: 'entry.1092610782',\n    sdt: 'entry.1687074786',\n    email: 'entry.2133708201',\n    ngay: 'entry.1341220360',\n    gioChup: 'entry.738493008',\n    ghiChu: 'entry.1226700123'\n  };\n\n  function fmt(n){ return Math.round(n).toLocaleString('vi-VN') + '\u0111'; }\n\n  var TIER_LABEL = { basic:'C\u01a1 b\u1ea3n', pro:'Ph\u1ed5 bi\u1ebfn', premium:'Cao c\u1ea5p' };\n\n  var ICONS = {\n    user:'<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"8\" r=\"3.6\"\/><path d=\"M4.5 20c.7-4 3.7-6.2 7.5-6.2s6.8 2.2 7.5 6.2\"\/><\/svg>',\n    camera:'<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"7\" width=\"18\" height=\"13\" rx=\"2.2\"\/><circle cx=\"12\" cy=\"13.6\" r=\"3.4\"\/><path d=\"M8.2 7l1.3-2.2h5l1.3 2.2\"\/><\/svg>',\n    idcard:'<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2.2\"\/><circle cx=\"8.6\" cy=\"12\" r=\"2\"\/><path d=\"M5.8 16.3c.5-1.4 1.6-2.2 2.8-2.2s2.3.8 2.8 2.2\"\/><path d=\"M14 9.3h4M14 12h4M14 14.7h2.6\"\/><\/svg>',\n    broadcast:'<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"2\"\/><path d=\"M8.8 8.8a4.6 4.6 0 000 6.4M15.2 8.8a4.6 4.6 0 010 6.4M5.8 5.8a8.6 8.6 0 000 12.4M18.2 5.8a8.6 8.6 0 010 12.4\"\/><\/svg>',\n    building:'<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"4\" y=\"3.5\" width=\"9\" height=\"17\" rx=\"1\"\/><rect x=\"13.5\" y=\"9\" width=\"6.5\" height=\"11.5\" rx=\"1\"\/><path d=\"M7 7.2h1M7 10.6h1M7 14h1M16.2 12.2h1M16.2 15.6h1\"\/><\/svg>',\n    video:'<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"6.5\" width=\"12.5\" height=\"11\" rx=\"2\"\/><path d=\"M15.5 10.3l5-3v9.4l-5-3\"\/><\/svg>'\n  };\n\n  var SERVICES = {\n    profile: { label:'Ch\u1ee5p \u1ea3nh Profile c\u00e1 nh\u00e2n', from:1500000, type:'package', icon:'user',\n      tagline:'Ch\u00e2n dung chuy\u00ean nghi\u1ec7p cho h\u1ed3 s\u01a1, LinkedIn, \u0111\u1ea1i di\u1ec7n th\u01b0\u01a1ng hi\u1ec7u c\u00e1 nh\u00e2n', album:'https:\/\/kblack.vn\/thong-tin-goi-chup-anh-profile-ca-nhan\/',\n      packages:[\n        {id:'co-ban', name:'G\u00f3i c\u01a1 b\u1ea3n', tier:'basic', price:1500000, desc:'1 layout \u00b7 1 gi\u1edd ch\u1ee5p \u00b7 1 b\u1ed9 trang ph\u1ee5c \u00b7 1 layout makeup \u00b7 10 \u1ea3nh ch\u1ec9nh s\u1eeda'},\n        {id:'nang-cao', name:'G\u00f3i n\u00e2ng cao', tier:'pro', popular:true, price:2000000, desc:'2 layout \u00b7 1.5 gi\u1edd ch\u1ee5p \u00b7 2 b\u1ed9 trang ph\u1ee5c \u00b7 1 layout makeup \u00b7 15 \u1ea3nh ch\u1ec9nh s\u1eeda'},\n        {id:'cao-cap', name:'G\u00f3i cao c\u1ea5p', tier:'premium', price:3000000, desc:'2 layout \u00b7 2 gi\u1edd ch\u1ee5p \u00b7 3 b\u1ed9 trang ph\u1ee5c \u00b7 2 layout makeup \u00b7 20 \u1ea3nh ch\u1ec9nh s\u1eeda'}\n      ] },\n    concept: { label:'Ch\u00e2n dung \/ Concept ngh\u1ec7 thu\u1eadt', from:2000000, type:'package', icon:'camera',\n      tagline:'Concept ngh\u1ec7 thu\u1eadt, th\u1eddi trang, c\u00e2u chuy\u1ec7n h\u00ecnh \u1ea3nh ri\u00eang c\u1ee7a b\u1ea1n', album:'https:\/\/kblack.vn\/thong-tin-goi-chup-chan-dung-concept\/',\n      packages:[\n        {id:'co-ban', name:'G\u00f3i c\u01a1 b\u1ea3n', tier:'basic', price:2000000, desc:'1 layout \u00b7 1 gi\u1edd ch\u1ee5p \u00b7 1 b\u1ed9 trang ph\u1ee5c \u00b7 1 layout makeup \u00b7 10 \u1ea3nh ch\u1ec9nh s\u1eeda'},\n        {id:'nang-cao', name:'G\u00f3i n\u00e2ng cao', tier:'pro', popular:true, price:3000000, desc:'2 layout \u00b7 1.5 gi\u1edd ch\u1ee5p \u00b7 2 b\u1ed9 trang ph\u1ee5c \u00b7 1 layout makeup \u00b7 20 \u1ea3nh ch\u1ec9nh s\u1eeda'},\n        {id:'cao-cap', name:'G\u00f3i cao c\u1ea5p', tier:'premium', price:4000000, desc:'2 layout \u00b7 2 gi\u1edd ch\u1ee5p \u00b7 3 b\u1ed9 trang ph\u1ee5c \u00b7 2 layout makeup \u00b7 30 \u1ea3nh ch\u1ec9nh s\u1eeda'}\n      ] },\n    anhthe: { label:'\u1ea2nh th\u1ebb \/ Visa \/ Passport', from:150000, type:'package', icon:'idcard',\n      tagline:'\u1ea2nh th\u1ebb, visa, passport chu\u1ea9n qu\u1ed1c t\u1ebf, l\u1ea5y nhanh trong ng\u00e0y', album:'https:\/\/kblack.vn\/chup-anh-ho-chieu-visa-anh-the\/',\n      packages:[\n        {id:'k1', name:'G\u00f3i K1', tier:'basic', price:150000, desc:'Ch\u1ee5p ph\u00f4ng tr\u01a1n \u00b7 ch\u1ec9nh s\u1eeda \u1ea3nh \u00b7 \u0111\u1ed5i m\u00e0u ph\u00f4ng n\u1ec1n \u00b7 nh\u1eadn file m\u1ec1m'},\n        {id:'k2', name:'G\u00f3i K2', tier:'pro', popular:true, price:200000, desc:'Ch\u1ee5p ph\u00f4ng tr\u01a1n \u00b7 ch\u1ec9nh s\u1eeda \u1ea3nh \u00b7 \u0111\u1ed5i m\u00e0u ph\u00f4ng n\u1ec1n \u00b7 h\u1ed7 tr\u1ee3 1 b\u1ed9 trang ph\u1ee5c \u00b7 in \u1ea3nh \u0111\u1ee7 c\u1ee1 (4x6, 3x4, 2x3) \u00b7 nh\u1eadn file m\u1ec1m'},\n        {id:'k3', name:'G\u00f3i K3', tier:'premium', price:500000, desc:'Ch\u1ee5p ph\u00f4ng tr\u01a1n \u00b7 ch\u1ec9nh s\u1eeda \u1ea3nh \u00b7 \u0111\u1ed5i m\u00e0u ph\u00f4ng n\u1ec1n \u00b7 h\u1ed7 tr\u1ee3 1 b\u1ed9 trang ph\u1ee5c \u00b7 in \u1ea3nh \u0111\u1ee7 c\u1ee1 (4x6, 3x4, 2x3) \u00b7 trang \u0111i\u1ec3m v\u00e0 l\u00e0m t\u00f3c c\u01a1 b\u1ea3n \u00b7 nh\u1eadn file m\u1ec1m'}\n      ] },\n    livestream: { label:'Thu\u00ea ph\u00f2ng Livestream', from:1600000, type:'package', icon:'broadcast',\n      tagline:'Ph\u00f2ng livestream 70m\u00b2 \u0111\u1ea7y \u0111\u1ee7 thi\u1ebft b\u1ecb, s\u1eb5n s\u00e0ng l\u00ean s\u00f3ng', album:'https:\/\/kblack.vn\/dich-vu-livestream\/',\n      packages:[\n        {id:'2h', name:'G\u00f3i 2 gi\u1edd', tier:'basic', price:1600000, desc:'Studio 70m\u00b2 \u00b7 monitor, camera, mic, 3 \u0111\u00e8n LED + softbox'},\n        {id:'3h', name:'G\u00f3i 3 gi\u1edd', tier:'pro', popular:true, price:2000000, desc:'Studio 70m\u00b2 \u00b7 monitor, camera, mic, 3 \u0111\u00e8n LED + softbox'},\n        {id:'4h', name:'G\u00f3i 4 gi\u1edd', tier:'premium', price:2300000, desc:'Studio 70m\u00b2 \u00b7 monitor, camera, mic, 3 \u0111\u00e8n LED + softbox'}\n      ] },\n    corporate: { label:'S\u1ea3n xu\u1ea5t \u1ea3nh doanh nghi\u1ec7p', from:6000000, type:'package', icon:'building',\n      tagline:'\u1ea2nh th\u01b0\u01a1ng hi\u1ec7u, s\u1ea3n ph\u1ea9m, kh\u00f4ng gian doanh nghi\u1ec7p chuy\u00ean nghi\u1ec7p', album:'https:\/\/kblack.vn\/chup-anh-doanh-nghiep-profile-cong-ty\/',\n      packages:[\n        {id:'co-ban', name:'G\u00f3i c\u01a1 b\u1ea3n', tier:'basic', price:6000000, desc:'1-2 h\u1ea1ng m\u1ee5c (VD: v\u0103n ph\u00f2ng, showroom) \u00b7 giao \u1ea3nh \u0111\u00e3 ch\u1ec9nh s\u1eeda'},\n        {id:'tieu-chuan', name:'G\u00f3i ti\u00eau chu\u1ea9n', tier:'pro', popular:true, price:10000000, desc:'3-4 h\u1ea1ng m\u1ee5c (v\u0103n ph\u00f2ng, c\u00f4ng tr\u01b0\u1eddng, showroom, h\u1ecdp...)'},\n        {id:'toan-dien', name:'G\u00f3i to\u00e0n di\u1ec7n', tier:'premium', price:15000000, desc:'5+ h\u1ea1ng m\u1ee5c \u00b7 tr\u1ecdn b\u1ed9 h\u00ecnh \u1ea3nh th\u01b0\u01a1ng hi\u1ec7u doanh nghi\u1ec7p'}\n      ] },\n    cameraman: { label:'Cameraman theo gi\u1edd', from:3000000, type:'cameraman', icon:'video',\n      tagline:'Quay phim s\u1ef1 ki\u1ec7n, n\u1ed9i dung theo gi\u1edd, ekip linh ho\u1ea1t', album:'https:\/\/kblack.vn\/thong-tin-goi-booking-cameraman-theo-gio\/' }\n  };\n\n  var CAMERAMAN_PRICES = { '1-4-0':3000000, '1-8-0':4000000, '2-4-0':5000000, '1-4-1':4000000, '1-8-1':5000000, '2-4-1':7000000 };\n  var CAMERAMAN_DESC = { '1-4-0':'1 cameraman \u00b7 4 gi\u1edd l\u00e0m vi\u1ec7c', '1-8-0':'1 cameraman \u00b7 8 gi\u1edd l\u00e0m vi\u1ec7c', '2-4-0':'2 cameraman \u00b7 4 gi\u1edd l\u00e0m vi\u1ec7c',\n    '1-4-1':'1 cameraman \u00b7 4 gi\u1edd \u00b7 k\u00e8m setup \u00e1nh s\u00e1ng 2 \u0111\u00e8n LED', '1-8-1':'1 cameraman \u00b7 8 gi\u1edd \u00b7 k\u00e8m setup \u00e1nh s\u00e1ng 2 \u0111\u00e8n LED', '2-4-1':'2 cameraman \u00b7 4 gi\u1edd \u00b7 k\u00e8m setup \u00e1nh s\u00e1ng 2 \u0111\u00e8n LED' };\n\n  var state = { service:null, pkg:null, camCount:1, camHours:4, camLight:false, lsExtraHours:0, lsAfterHours:false, corpVideo:false };\n\n  var svcGrid = document.getElementById('kbrSvcGrid');\n  Object.keys(SERVICES).forEach(function(key){\n    var s = SERVICES[key];\n    var card = document.createElement('button');\n    card.type = 'button'; card.className = 'kbr-svc-card'; card.dataset.key = key;\n    card.innerHTML = '<div class=\"kbr-svc-icon\">'+ICONS[s.icon]+'<\/div><div class=\"kbr-svc-name\">'+s.label+'<\/div><div class=\"kbr-svc-tag\">'+s.tagline+'<\/div><span class=\"kbr-svc-album\" data-url=\"'+(s.album||'')+'\">Xem \u1ea3nh m\u1eabu \u2192<\/span><div class=\"kbr-check-badge\">\u2713<\/div>';\n    card.addEventListener('click', function(e){ var albumEl = e.target.closest ? e.target.closest('.kbr-svc-album') : null; if(albumEl){ e.preventDefault(); window.open(albumEl.dataset.url, '_blank', 'noopener'); return; } selectService(key); });\n    svcGrid.appendChild(card);\n  });\n\n  var kbrOptCollapseBtn = document.getElementById('kbrOptCollapse');\n  if(kbrOptCollapseBtn){ kbrOptCollapseBtn.addEventListener('click', function(){\n    var ob = document.getElementById('kbrOptionsBlock'); if(ob) ob.style.display = 'none';\n    var cb = document.getElementById('kbrCustomerBlock'); if(cb) cb.style.display = 'none';\n    Array.prototype.forEach.call(svcGrid.children, function(c){ c.classList.remove('active'); });\n    state.service = null; state.pkg = null;\n    updateSummary(); updateSteps(1);\n  }); }\n\n  function updateSteps(step){\n    var stepsEls = document.querySelectorAll('.kbr-step');\n    Array.prototype.forEach.call(stepsEls, function(s){\n      var n = parseInt(s.dataset.step,10);\n      s.classList.toggle('active', n === step);\n      s.classList.toggle('done', n < step);\n    });\n  }\n\n  function selectService(key){\n    var __existingOptBlock = document.getElementById('kbrOptionsBlock');\n    if(state.service === key && __existingOptBlock && __existingOptBlock.style.display !== 'none'){\n      __existingOptBlock.style.display = 'none';\n      var __cb = document.getElementById('kbrCustomerBlock'); if(__cb) __cb.style.display = 'none';\n      Array.prototype.forEach.call(svcGrid.children, function(c){ c.classList.remove('active'); });\n      state.service = null; state.pkg = null;\n      updateSummary(); updateSteps(1);\n      return;\n    }\n    state.service = key; state.pkg = null;\n    state.camCount=1; state.camHours=4; state.camLight=false; state.lsExtraHours=0; state.lsAfterHours=false; state.corpVideo=false;\n    Array.prototype.forEach.call(svcGrid.children, function(c){ c.classList.toggle('active', c.dataset.key === key); });\n    renderOptions(); updateSteps(2);\n    var optBlock = document.getElementById('kbrOptionsBlock'), custBlock = document.getElementById('kbrCustomerBlock');\n    var optTitle = document.getElementById('kbrOptTitle');\n    if(optTitle && SERVICES[key]) optTitle.textContent = 'Tu\u1ef3 ch\u1ecdn g\u00f3i \u2014 ' + SERVICES[key].label;\n    var activeCard = svcGrid.querySelector('.kbr-svc-card.active');\n    if(activeCard) activeCard.insertAdjacentElement('afterend', optBlock);\n    optBlock.style.display = ''; custBlock.style.display = '';\n    optBlock.classList.remove('kbr-fade-in'); void optBlock.offsetWidth; optBlock.classList.add('kbr-fade-in');\n    custBlock.classList.remove('kbr-fade-in'); void custBlock.offsetWidth; custBlock.classList.add('kbr-fade-in');\n    updateSummary();\n    if(activeCard){ setTimeout(function(){ optBlock.scrollIntoView({behavior:'smooth', block:'nearest'}); }, 80); }\n  }\n\n  function renderOptions(){\n    var body = document.getElementById('kbrOptionsBody');\n    var s = SERVICES[state.service];\n    body.innerHTML = '';\n\n    if(s.type === 'package'){\n      var grid = document.createElement('div'); grid.className = 'kbr-pkg-grid';\n      s.packages.forEach(function(p){\n        var card = document.createElement('button');\n        card.type='button'; card.className='kbr-pkg-card'; card.dataset.id = p.id; card.dataset.tier = p.tier || 'basic';\n        var ribbon = '';\n        card.innerHTML = ribbon+'<span class=\"kbr-pkg-badge '+(p.tier||'basic')+'\">'+TIER_LABEL[p.tier||'basic']+'<\/span>'+\n          '<div class=\"kbr-pkg-name\">'+p.name+'<\/div><div class=\"kbr-pkg-price\">'+fmt(p.price)+'<\/div><ul class=\"kbr-pkg-feat-list\">'+p.desc.split(' \u00b7 ').map(function(f){ return '<li>'+f+'<\/li>'; }).join('')+'<\/ul><div class=\\\"kbr-check-badge\\\">\u2713<\/div>';\n        card.addEventListener('click', function(){\n          state.pkg = p.id;\n          Array.prototype.forEach.call(grid.children, function(c){ c.classList.toggle('active', c.dataset.id === p.id); });\n          updateSummary();\n        });\n        grid.appendChild(card);\n      });\n      body.appendChild(grid);\n\n      if(state.service === 'livestream'){\n        var extraWrap = document.createElement('div'); extraWrap.style.marginTop = '16px';\n        extraWrap.innerHTML = '<div class=\"kbr-opt-label\">Gi\u1edd ph\u00e1t sinh th\u00eam (ngo\u00e0i g\u00f3i, +300.000\u0111\/gi\u1edd)<\/div>';\n        var chipRow = document.createElement('div'); chipRow.className = 'kbr-opt-row';\n        [0,1,2,3,4].forEach(function(h){\n          var chip = document.createElement('button'); chip.type='button'; chip.className='kbr-chip'+(h===0?' active':'');\n          chip.textContent = h===0 ? 'Kh\u00f4ng th\u00eam' : '+'+h+'h'; chip.dataset.h = h;\n          chip.addEventListener('click', function(){\n            state.lsExtraHours = h;\n            Array.prototype.forEach.call(chipRow.children, function(c){ c.classList.toggle('active', c === chip); });\n            updateSummary();\n          });\n          chipRow.appendChild(chip);\n        });\n        extraWrap.appendChild(chipRow);\n        var afterCheck = document.createElement('label'); afterCheck.className = 'kbr-check'; afterCheck.style.marginTop='10px';\n        afterCheck.innerHTML = '<input type=\"checkbox\" id=\"kbrAfterHours\"> C\u00f3 s\u1eed d\u1ee5ng ngo\u00e0i khung gi\u1edd 8h\u201323h (ph\u1ee5 ph\u00ed 150.000\u0111\/gi\u1edd, s\u1ebd b\u00e1o gi\u00e1 ch\u00ednh x\u00e1c khi t\u01b0 v\u1ea5n)';\n        afterCheck.querySelector('input').addEventListener('change', function(e){ state.lsAfterHours = e.target.checked; updateSummary(); });\n        extraWrap.appendChild(afterCheck);\n        body.appendChild(extraWrap);\n      }\n\n      if(state.service === 'corporate'){\n        var videoWrap = document.createElement('div'); videoWrap.style.marginTop='16px';\n        var vc = document.createElement('label'); vc.className = 'kbr-check';\n        vc.innerHTML = '<input type=\"checkbox\" id=\"kbrCorpVideo\"> K\u00e8m quay phim doanh nghi\u1ec7p (gi\u00e1 t\u01b0\u01a1ng t\u1ef1 6-15tr tu\u1ef3 h\u1ea1ng m\u1ee5c, b\u00e1o gi\u00e1 ri\u00eang khi t\u01b0 v\u1ea5n)';\n        vc.querySelector('input').addEventListener('change', function(e){ state.corpVideo = e.target.checked; updateSummary(); });\n        videoWrap.appendChild(vc);\n        body.appendChild(videoWrap);\n        var hint = document.createElement('div'); hint.className='kbr-hint';\n        hint.textContent = 'Gi\u00e1 tham kh\u1ea3o 6.000.000\u0111 \u2013 15.000.000\u0111 tu\u1ef3 s\u1ed1 l\u01b0\u1ee3ng h\u1ea1ng m\u1ee5c (v\u0103n ph\u00f2ng, c\u00f4ng tr\u01b0\u1eddng, showroom, h\u1ecdp...). K-Black s\u1ebd t\u01b0 v\u1ea5n v\u00e0 kh\u1ea3o s\u00e1t \u0111\u1ec3 \u0111\u01b0a ra b\u00e1o gi\u00e1 ch\u00ednh x\u00e1c nh\u1ea5t.';\n        body.appendChild(hint);\n      }\n\n    } else if(s.type === 'cameraman'){\n      var wrap1 = document.createElement('div');\n      wrap1.innerHTML = '<div class=\"kbr-opt-label\">S\u1ed1 l\u01b0\u1ee3ng cameraman<\/div>';\n      var row1 = document.createElement('div'); row1.className = 'kbr-opt-row';\n      [1,2].forEach(function(n){\n        var chip = document.createElement('button'); chip.type='button'; chip.className='kbr-chip'+(n===1?' active':'');\n        chip.textContent = n+' ng\u01b0\u1eddi'; chip.dataset.n = n;\n        chip.addEventListener('click', function(){\n          state.camCount = n;\n          if(n===2){ state.camHours = 4; }\n          Array.prototype.forEach.call(row1.children, function(c){ c.classList.toggle('active', c === chip); });\n          renderOptions(); updateSummary();\n        });\n        row1.appendChild(chip);\n      });\n      wrap1.appendChild(row1);\n      body.appendChild(wrap1);\n\n      var wrap2 = document.createElement('div'); wrap2.style.marginTop = '16px';\n      wrap2.innerHTML = '<div class=\"kbr-opt-label\">S\u1ed1 gi\u1edd l\u00e0m vi\u1ec7c<\/div>';\n      var row2 = document.createElement('div'); row2.className = 'kbr-opt-row';\n      var hourOpts = state.camCount === 2 ? [4] : [4,8];\n      hourOpts.forEach(function(h){\n        var chip = document.createElement('button'); chip.type='button'; chip.className='kbr-chip'+(h===state.camHours?' active':'');\n        chip.textContent = h+' gi\u1edd'; chip.dataset.h = h;\n        chip.addEventListener('click', function(){\n          state.camHours = h;\n          Array.prototype.forEach.call(row2.children, function(c){ c.classList.toggle('active', c === chip); });\n          updateSummary();\n        });\n        row2.appendChild(chip);\n      });\n      wrap2.appendChild(row2);\n      body.appendChild(wrap2);\n\n      var wrap3 = document.createElement('div'); wrap3.style.marginTop = '16px';\n      var lc = document.createElement('label'); lc.className = 'kbr-check'+(state.camLight?' active':'');\n      lc.innerHTML = '<input type=\"checkbox\" id=\"kbrCamLight\"'+(state.camLight?' checked':'')+'> Th\u00eam setup \u00e1nh s\u00e1ng (2 \u0111\u00e8n LED 200W)';\n      lc.querySelector('input').addEventListener('change', function(e){ state.camLight = e.target.checked; updateSummary(); });\n      wrap3.appendChild(lc);\n      body.appendChild(wrap3);\n\n      var hint2 = document.createElement('div'); hint2.className='kbr-hint';\n      hint2.textContent = 'Chi ph\u00ed ch\u01b0a bao g\u1ed3m edit video. C\u1ecdc 30% khi ch\u1ed1t l\u1ecbch, thanh to\u00e1n ph\u1ea7n c\u00f2n l\u1ea1i sau khi k\u1ebft th\u00fac bu\u1ed5i l\u00e0m vi\u1ec7c.';\n      body.appendChild(hint2);\n    }\n  }\n\n  function getSelectedPackage(){\n    var s = SERVICES[state.service];\n    if(!s || s.type !== 'package' || !state.pkg) return null;\n    return s.packages.filter(function(p){ return p.id === state.pkg; })[0] || null;\n  }\n\n  function calc(){\n    var lines = []; var total = 0;\n    if(!state.service) return {lines:lines, total:total};\n    var s = SERVICES[state.service];\n\n    if(s.type === 'package'){\n      var pkg = getSelectedPackage();\n      if(!pkg) return {lines:lines, total:total};\n      lines.push({l:s.label+' \u2014 '+pkg.name, v:pkg.price});\n      total += pkg.price;\n      if(state.service === 'livestream' && state.lsExtraHours > 0){\n        var extra = state.lsExtraHours * 300000;\n        lines.push({l:'+'+state.lsExtraHours+' gi\u1edd ph\u00e1t sinh', v:extra});\n        total += extra;\n      }\n      if(state.service === 'livestream' && state.lsAfterHours){\n        lines.push({l:'Ngo\u00e0i gi\u1edd 8h-23h (t\u00ednh ri\u00eang)', v:0});\n      }\n      if(state.service === 'corporate' && state.corpVideo){\n        lines.push({l:'+ K\u00e8m quay phim (b\u00e1o gi\u00e1 ri\u00eang)', v:0});\n      }\n    } else if(s.type === 'cameraman'){\n      var key = state.camCount+'-'+state.camHours+'-'+(state.camLight?1:0);\n      var price = CAMERAMAN_PRICES[key];\n      if(price == null) return {lines:lines, total:total};\n      lines.push({l:CAMERAMAN_DESC[key], v:price});\n      total += price;\n    }\n    return {lines:lines, total:total};\n  }\n\n  function buildChiTiet(){\n    var r = calc();\n    var parts = r.lines.map(function(x){ return x.l + (x.v ? ' ('+fmt(x.v)+')' : ''); });\n    return parts.join(' | ');\n  }\n\n  function updateSummary(){\n    var r = calc();\n    var linesEl = document.getElementById('kbrSummaryLines');\n    var emptyEl = document.getElementById('kbrSummaryEmpty');\n    var totalWrap = document.getElementById('kbrSummaryTotalWrap');\n    var totalEl = document.getElementById('kbrTotal');\n    var mbar = document.getElementById('kbrMbar');\n    var mbarTotal = document.getElementById('kbrMbarTotal');\n    var submitBtn = document.getElementById('kbrSubmitBtn');\n    var mbarBtn = document.getElementById('kbrMbarBtn');\n\n    linesEl.innerHTML = '';\n    if(r.lines.length === 0){\n      emptyEl.style.display = ''; totalWrap.style.display = 'none'; mbar.style.display = 'none';\n      submitBtn.disabled = true; if(mbarBtn) mbarBtn.disabled = true;\n      return;\n    }\n    emptyEl.style.display = 'none'; totalWrap.style.display = ''; mbar.style.display = '';\n    r.lines.forEach(function(x){\n      var row = document.createElement('div'); row.className = 'kbr-summary-line';\n      row.innerHTML = '<span class=\"l\">'+x.l+'<\/span><span class=\"v\">'+(x.v ? fmt(x.v) : '\u2014')+'<\/span>';\n      linesEl.appendChild(row);\n    });\n    totalEl.textContent = fmt(r.total);\n    mbarTotal.textContent = fmt(r.total);\n    submitBtn.disabled = false; if(mbarBtn) mbarBtn.disabled = false;\n  }\n\n  function submitQuote(){\n    var fullname = document.getElementById('kbrFullname').value.trim();\n    var phone = document.getElementById('kbrPhone').value.trim();\n    if(!fullname || !phone){ kbToast('Vui l\u00f2ng \u0111i\u1ec1n H\u1ecd t\u00ean v\u00e0 S\u1ed1 \u0111i\u1ec7n tho\u1ea1i.'); return; }\n    var email = document.getElementById('kbrEmail').value.trim();\n    var dateVal = document.getElementById('kbrDate').value;\n    var timeVal = document.getElementById('kbrTime').value;\n    var note = document.getElementById('kbrNote').value.trim();\n    var r = calc();\n    if(r.lines.length === 0){ kbToast('Vui l\u00f2ng ch\u1ecdn d\u1ecbch v\u1ee5 v\u00e0 g\u00f3i tr\u01b0\u1edbc khi g\u1eedi.'); return; }\n\n    var dateFormatted = '';\n    if(dateVal){ var parts = dateVal.split('-'); dateFormatted = parts[2]+'\/'+parts[1]+'\/'+parts[0]; }\n\n    var payload = new FormData();\n    payload.append(FIELDS.loaiDV, SERVICES[state.service].label);\n    payload.append(FIELDS.chiTiet, buildChiTiet());\n    payload.append(FIELDS.giaUocTinh, fmt(r.total));\n    payload.append(FIELDS.hoTen, fullname);\n    payload.append(FIELDS.sdt, phone);\n    payload.append(FIELDS.email, email);\n    payload.append(FIELDS.ngay, dateFormatted);\n    payload.append(FIELDS.gioChup, timeVal);\n    payload.append(FIELDS.ghiChu, note);\n\n    var btns = [document.getElementById('kbrSubmitBtn'), document.getElementById('kbrMbarBtn')];\n    btns.forEach(function(b){ if(b) b.disabled = true; });\n\n    fetch(GOOGLE_FORM_URL, { method:'POST', mode:'no-cors', body:payload })\n      .then(function(){ showSuccess(); })\n      .catch(function(){ showSuccess(); })\n      .finally(function(){ btns.forEach(function(b){ if(b) b.disabled = false; }); });\n\n    \/* ====== Bao ntfy.sh - gui truc tiep tu trinh duyet khach de ne rate-limit IP dung chung ====== *\/\n    try{\n      var ntfyMsg = 'Dich vu: ' + SERVICES[state.service].label + '\\n' + buildChiTiet() + '\\nGia uoc tinh: ' + fmt(r.total) +\n        '\\nKhach: ' + fullname + '\\nSDT: ' + phone + (email ? ('\\nEmail: ' + email) : '') + (dateFormatted ? ('\\nNgay du kien: ' + dateFormatted + (timeVal ? (' luc ' + timeVal) : '')) : '');\n      fetch('https:\/\/ntfy.sh\/kblack-booking-kcwpbgtlfk', {\n        method: 'POST', body: ntfyMsg,\n        headers: { 'Title': 'K-BLACK - Yeu cau bao gia moi', 'Priority': 'high', 'Tags': 'moneybag,memo' }\n      }).catch(function(){});\n    }catch(e){}\n  }\n\n  var overlay = document.getElementById('kbr-success-overlay');\n  function showSuccess(){ overlay.classList.add('show'); updateSteps(3); }\n  document.getElementById('kbr-overlay-close').addEventListener('click', function(){ overlay.classList.remove('show'); });\n\n  document.getElementById('kbrSubmitBtn').addEventListener('click', submitQuote);\n  document.getElementById('kbrMbarBtn').addEventListener('click', submitQuote);\n\n  \/* ---------- Clock ---------- *\/\n  function tick(){\n    var d = new Date();\n    var s = [d.getHours(), d.getMinutes(), d.getSeconds()].map(function(x){ return String(x).padStart(2,'0'); }).join(':');\n    var el = document.getElementById('kbrClock'); if(el) el.textContent = s;\n  }\n  tick(); setInterval(tick, 1000);\n\n  \/* ---------- Splash ---------- *\/\n  window.addEventListener('load', function(){\n    setTimeout(function(){\n      var splash = document.getElementById('kbr-splash');\n      var app = document.getElementById('kbr-app');\n      if(splash) splash.classList.add('hide');\n      if(app) app.classList.add('show');\n      setTimeout(function(){ if(splash) splash.style.display = 'none'; }, 600);\n    }, 1200);\n  });\n})();\n<\/script>\n\n<!--KBK back--><style>.kbk{display:inline-flex;align-items:center;justify-content:center;flex:0 0 var(--kbs,36px);box-sizing:border-box;width:var(--kbs,36px)!important;min-width:var(--kbs,36px);max-width:var(--kbs,36px);height:var(--kbs,36px)!important;padding:0!important;margin:0;border-radius:calc(var(--kbs,36px)*.34);background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff!important;text-decoration:none!important;cursor:pointer;transition:background .2s,transform .15s;-webkit-tap-highlight-color:transparent}.kbk:hover{background:rgba(255,255,255,.15)}.kbk:active{transform:scale(.92)}.kbk svg{width:calc(var(--kbs,36px)*.46)!important;height:calc(var(--kbs,36px)*.46)!important;max-width:none;flex:none;display:block}.kbk.lt{background:rgba(0,0,0,.05);border-color:rgba(0,0,0,.12);color:#111!important}.kbk.fx{position:absolute;left:max(14px,env(safe-area-inset-left));z-index:2147483000}.kbk-w{display:inline-flex!important;align-items:center;gap:10px;vertical-align:middle;max-width:100%;flex-wrap:nowrap}<\/style>\n<script>(function(){var SEL='.kbr-logo-crop',FB='\/dich-vu\/',n=0;\nfunction lum(e){while(e&&e.nodeType===1){var c=getComputedStyle(e).backgroundColor,m=c.match(\/[\\d.]+\/g);if(m&&(m.length<4||+m[3]>.5))return(.2126*m[0]+.7152*m[1]+.0722*m[2])\/255;e=e.parentElement}return 0}\nfunction fixedHost(e){while(e&&e!==document.body){if(getComputedStyle(e).position==='fixed')return e;e=e.parentElement}return null}\nfunction mk(){var a=document.createElement('a');a.className='kbk';a.href=FB;a.setAttribute('aria-label','Quay l\u1ea1i');a.innerHTML='<svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M15 5l-7 7 7 7\"\/><\/svg>';a.onclick=function(e){var r=document.referrer;if(r&&r.indexOf(location.host)>-1&&history.length>1){e.preventDefault();history.back()}};return a}\nfunction later(f){f();[120,400,1000,2500].forEach(function(t){setTimeout(f,t)});addEventListener('load',f);addEventListener('resize',f);try{new ResizeObserver(f).observe(document.body)}catch(e){}}\nfunction go(){if(document.querySelector('.kbk'))return;var t=SEL&&document.querySelector(SEL);if(SEL&&!t&&n++<40){setTimeout(go,150);return}\nvar b=mk();if(t){var vis=t;t=t.closest('a')||t;var r=t.getBoundingClientRect();b.style.setProperty('--kbs',Math.max(32,Math.min(40,Math.round(r.height+12)))+'px');if(lum(t)>.55)b.classList.add('lt');\nif(r.left<70){var w=document.createElement('span');w.className='kbk-w';t.parentNode.insertBefore(w,t);w.appendChild(b);w.appendChild(t);\nlater(function(){b.style.top='0px';b.style.position='relative';w.style.marginLeft='';var q=vis.getBoundingClientRect(),p=b.getBoundingClientRect();if(q.height>4)b.style.top=Math.round((q.top+q.height\/2)-(p.top+p.height\/2))+'px';if(p.left<12)w.style.marginLeft=Math.round(12-p.left)+'px'});return}\nvar host=fixedHost(t);b.classList.add('fx');(host||document.body).appendChild(b);\nlater(function(){var q=vis.getBoundingClientRect(),h=host?host.getBoundingClientRect():{top:-scrollY,left:-scrollX};if(q.height<4)q=t.getBoundingClientRect();b.style.top=Math.round(q.top-h.top+q.height\/2-b.offsetHeight\/2)+'px';b.style.left=Math.max(14,Math.round(q.left-h.left-b.offsetWidth-12))+'px'});return}\nif(lum(document.body)>.55)b.classList.add('lt');b.classList.add('fx');b.style.top='calc(max(14px,env(safe-area-inset-top)) + var(--wp-admin--admin-bar--height,0px))';document.body.appendChild(b)}\nvar mo=0;function watch(){if(mo)return;mo=new MutationObserver(function(){if(!document.querySelector('.kbk')){clearTimeout(watch.t);watch.t=setTimeout(function(){n=0;go()},120)}});mo.observe(document.body,{childList:true,subtree:true})}\nfunction start(){go();watch()}\nif(document.readyState==='loading')document.addEventListener('DOMContentLoaded',start);else start()})();<\/script>\n\n<!--KBR-SIDE--><style>\n@media (min-width:768px){#kbrSvcGrid>#kbrOptionsBlock{grid-column:1\/-1!important;order:99}}\n@media (min-width:1024px){\n.kbr-col-side .kbr-side-stack{display:flex;flex-direction:column;gap:14px;position:sticky;top:84px}\n.kbr-col-side #kbrCustomerBlock{margin:0!important;padding:18px!important;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:linear-gradient(180deg,#151821,#111)}\n.kbr-col-side #kbrCustomerBlock .kbr-field-grid{grid-template-columns:1fr!important;gap:10px!important}\n.kbr-col-side #kbrCustomerBlock textarea{min-height:64px!important;height:64px}\n.kbr-col-side #kbrSummary{position:static!important;margin:0!important}\n}\n<\/style>\n<script>(function(){function go(){var side=document.querySelector('.kbr-col-side'),cb=document.getElementById('kbrCustomerBlock'),sm=document.getElementById('kbrSummary');if(!side||!cb||!sm){if((go.n=(go.n||0)+1)<60)setTimeout(go,120);return}\nvar home=cb.parentNode,mark=document.createComment('kbrc');home.insertBefore(mark,cb);var stack=document.createElement('div');stack.className='kbr-side-stack';\nfunction wide(){return matchMedia('(min-width:1024px)').matches}\nfunction sync(){if(wide()){if(cb.parentNode!==stack){side.insertBefore(stack,sm);stack.appendChild(cb);stack.appendChild(sm)}}else if(cb.parentNode===stack){mark.parentNode.insertBefore(cb,mark);side.insertBefore(sm,stack);stack.remove()}}\nsync();addEventListener('resize',function(){clearTimeout(go.t);go.t=setTimeout(sync,150)})}\nif(document.readyState==='loading')document.addEventListener('DOMContentLoaded',go);else go()})();<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>STUDIO \u0110ANG HO\u1ea0T \u0110\u1ed8NG \u00b7 TH\u1ee6 \u0110\u1ee8C, TP.HCM &#8211;:&#8211;:&#8211; B\u00e1o gi\u00e1 d\u1ecbch v\u1ee5 Ch\u1ecdn d\u1ecbch v\u1ee5, xem gi\u00e1 \u01b0\u1edbc t\u00ednh ngay \u2014 g\u1eedi y\u00eau c\u1ea7u \u0111\u1ec3 K-Black t\u01b0 v\u1ea5n chi ti\u1ebft. 1D\u1ecbch v\u1ee5 2Th\u00f4ng tin 3G\u1eedi 1. Ch\u1ecdn d\u1ecbch v\u1ee5 Tu\u1ef3 ch\u1ecdn g\u00f3i \u2715 Thu g\u1ecdn 3. Th\u00f4ng tin li\u00ean h\u1ec7 H\u1ecd v\u00e0 t\u00ean * [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-4687","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kblack.vn\/en\/wp-json\/wp\/v2\/pages\/4687","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kblack.vn\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kblack.vn\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kblack.vn\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kblack.vn\/en\/wp-json\/wp\/v2\/comments?post=4687"}],"version-history":[{"count":1,"href":"https:\/\/kblack.vn\/en\/wp-json\/wp\/v2\/pages\/4687\/revisions"}],"predecessor-version":[{"id":7523,"href":"https:\/\/kblack.vn\/en\/wp-json\/wp\/v2\/pages\/4687\/revisions\/7523"}],"wp:attachment":[{"href":"https:\/\/kblack.vn\/en\/wp-json\/wp\/v2\/media?parent=4687"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}