{"product_id":"ajax-superior-nvr-h2d-series","title":"Ajax Superior NVR H2D series (8-ch\/16-ch\/32-ch): Dòng NVR H2D cao cấp (8 kênh\/16 kênh\/32 kênh)","description":"\u003cdiv class=\"ajx-v208-hero-wrapper\"\u003e\n  \n  \u003cdiv class=\"ajx-v208-hero-bg-mobile\"\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0963\/3366\/0441\/files\/imageye___-__15.jpg?v=1777092304\" alt=\"Ajax Superior NVR H2D\"\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"ajx-v208-hero-overlay\"\u003e\u003c\/div\u003e\n\n  \u003cdiv class=\"ajx-v208-hero-content\"\u003e\n    \n    \u003cdiv class=\"ajx-v208-text-group\"\u003e\n      \u003cdiv class=\"ajx-v208-superior-logo-box\"\u003e\n        \u003cspan class=\"ajx-v208-superior-text\"\u003e\u003cspan class=\"red-s\"\u003eS\u003c\/span\u003eUPERIOR\u003c\/span\u003e\n      \u003c\/div\u003e\n      \n      \u003ch1 class=\"ajx-v208-title\"\u003eAjax Superior NVR H2D\u003c\/h1\u003e\n      \n      \u003cp class=\"ajx-v208-desc\"\u003eĐầu ghi hình mạng tích hợp trí tuệ nhân tạo với đầu ra HDMI 4K, tối đa 2 giao diện Gigabit Ethernet, tối đa 16 cổng PoE và hỗ trợ 2 ổ cứng HDD có thể thay thế ngay trong lúc đầu ghi đang hoạt động mà không cần phải tắt nguồn thiết bị.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \n    \u003cdiv class=\"ajx-v208-features-group\"\u003e\n      \n      \u003cdiv class=\"ajx-v208-features-row-top\"\u003e\n        \u003cdiv class=\"ajx-v208-circle\"\u003e\n          \u003cspan\u003eOnboard\u003cbr\u003eAI\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"ajx-v208-circle\"\u003e\n          \u003cspan\u003eHDMI\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"ajx-v208-circle\"\u003e\n          \u003cspan\u003eONVIF\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"ajx-v208-features-row-bottom\"\u003e\n        \u003cdiv class=\"ajx-v208-ndaa-box\"\u003e\n          \u003cdiv class=\"ajx-v208-ndaa-icon\"\u003e\n            \u003csvg viewbox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"1.2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n              \u003cpath d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\u003e\u003c\/path\u003e\n              \u003cpolyline points=\"9 12 11 14 15 10\"\u003e\u003c\/polyline\u003e\n            \u003c\/svg\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"ajx-v208-ndaa-text\"\u003e\n            \u003ch4\u003eNDAA\u003c\/h4\u003e\n            \u003cp\u003eCOMPLIANT\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n    \n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n  \/* --- CSS RESET --- *\/\n  .ajx-v208-hero-wrapper, .ajx-v208-hero-wrapper * {\n    font-family: inherit !important; \n    box-sizing: border-box !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    line-height: normal !important;\n  }\n\n  \/* --- BỐ CỤC KHỐI HERO TỔNG THỂ --- *\/\n  .ajx-v208-hero-wrapper {\n    position: relative !important;\n    max-width: 1050px !important;\n    margin: 0 auto !important;\n    min-height: 550px !important; \n    display: flex !important;\n    align-items: stretch !important; \n    border-radius: 20px !important;\n    overflow: hidden !important; \n    box-shadow: 0 15px 40px rgba(0,0,0,0.5) !important;\n    background-color: #000000 !important;\n    \n    \/* Hình nền Desktop *\/\n    background-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0963\/3366\/0441\/files\/imageye___-__15.jpg?v=1777092304') !important;\n    \n    \/* ĐÃ TỐI ƯU PC: THU NHỎ ẢNH NVR (60%) VÀ ĐẨY SANG PHẢI *\/\n    background-size: 143% auto !important;\n    background-repeat: no-repeat !important;\n    background-position: center !important; \n  }\n\n  \/* ẨN ẢNH MOBILE TRÊN PC *\/\n  .ajx-v208-hero-bg-mobile {\n    display: none !important;\n  }\n\n  \/* --- LỚP PHỦ SƯƠNG MÙ ĐEN (OVERLAY PC) --- *\/\n  .ajx-v208-hero-overlay {\n    position: absolute !important;\n    top: 0 !important;\n    left: 0 !important;\n    width: 100% !important;\n    height: 100% !important;\n    z-index: 2 !important;\n    \/* Giữ nguyên sương mù mờ dần để không che lấp NVR bên phải *\/\n    background: linear-gradient(to right, rgba(0,0,0,0.95) 0%, rgba(0,0,0,0.8) 50%, rgba(0,0,0,0) 80%) !important;\n  }\n\n  \/* --- NỘI DUNG CHÍNH --- *\/\n  .ajx-v208-hero-content {\n    position: relative !important;\n    z-index: 3 !important; \n    padding: 50px 60px !important;\n    width: 100% !important;\n    max-width: 650px !important; \n    animation: ajxFadeInUpV208 0.8s ease-out forwards;\n    \n    display: flex !important;\n    flex-direction: column !important;\n  }\n\n  \/* --- NHÓM VĂN BẢN --- *\/\n  .ajx-v208-text-group {\n    flex: 1 !important; \n    display: flex !important;\n    flex-direction: column !important;\n    justify-content: center !important; \n    align-items: flex-start !important; \n  }\n\n  .ajx-v208-superior-logo-box {\n    margin-bottom: 15px !important;\n    padding-left: 2px !important; \n  }\n\n  .ajx-v208-superior-text {\n    color: #ffffff !important;\n    font-size: 16px !important;\n    font-weight: 800 !important;\n    letter-spacing: 4px !important;\n    text-transform: uppercase !important;\n  }\n\n  .ajx-v208-superior-text .red-s {\n    color: #e50000 !important; \n  }\n\n  .ajx-v208-title {\n    color: #ffffff !important;\n    font-size: clamp(24px, 2.5vw, 34px) !important; \n    font-weight: 900 !important;\n    margin-bottom: 20px !important;\n    text-transform: none !important;\n    line-height: 1.3 !important; \n    border: none !important;\n    text-align: left !important;\n  }\n\n  .ajx-v208-desc {\n    color: #e0e0e0 !important;\n    font-size: clamp(15px, 1.8vw, 17px) !important;\n    line-height: 1.6 !important;\n    margin-bottom: 0 !important; \n    text-align: left !important;\n  }\n\n  \/* --- NHÓM LOGO TÍNH NĂNG --- *\/\n  .ajx-v208-features-group {\n    margin-top: 40px !important;\n    display: flex !important;\n    flex-direction: column !important;\n    align-items: center !important; \/* Căn giữa toàn bộ group logo *\/\n    gap: 20px !important;\n    width: 100% !important; \n    max-width: 450px !important; \n  }\n\n  \/* Hàng 1: 3 Vòng tròn *\/\n  .ajx-v208-features-row-top {\n    display: flex !important;\n    flex-direction: row !important;\n    justify-content: center !important; \/* Ép căn giữa 3 vòng tròn *\/\n    gap: clamp(15px, 3vw, 40px) !important; \n    flex-wrap: nowrap !important;\n    width: 100% !important;\n  }\n\n  .ajx-v208-circle {\n    width: 75px !important; \n    height: 75px !important;\n    border-radius: 50% !important;\n    border: 1px solid rgba(255, 255, 255, 0.25) !important;\n    box-shadow: inset 0 0 10px rgba(255, 255, 255, 0.05), 0 0 10px rgba(255, 255, 255, 0.02) !important;\n    display: flex !important;\n    justify-content: center !important;\n    align-items: center !important;\n    text-align: center !important;\n    transition: all 0.3s ease !important;\n    cursor: default !important;\n    flex-shrink: 0 !important;\n  }\n\n  .ajx-v208-circle span {\n    color: #ffffff !important;\n    font-size: 11px !important;\n    font-weight: 700 !important;\n    letter-spacing: 0.5px !important;\n    line-height: 1.2 !important;\n  }\n\n  .ajx-v208-circle:hover {\n    border-color: rgba(255, 255, 255, 0.6) !important;\n    box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.1), 0 0 15px rgba(255, 255, 255, 0.1) !important;\n    transform: scale(1.05) !important;\n  }\n\n  \/* Hàng 2: NDAA *\/\n  .ajx-v208-features-row-bottom {\n    display: flex !important;\n    justify-content: center !important; \/* NDAA luôn nằm giữa *\/\n    width: 100% !important;\n  }\n\n  .ajx-v208-ndaa-box {\n    display: flex !important;\n    align-items: center !important;\n    gap: 10px !important;\n    transition: transform 0.3s ease !important;\n    cursor: default !important;\n  }\n\n  .ajx-v208-ndaa-box:hover {\n    transform: scale(1.05) !important;\n  }\n\n  .ajx-v208-ndaa-icon svg {\n    width: 40px !important; \n    height: auto !important;\n    color: #ffffff !important; \n  }\n\n  .ajx-v208-ndaa-text {\n    display: flex !important;\n    flex-direction: column !important;\n    justify-content: center !important;\n  }\n\n  .ajx-v208-ndaa-text h4 {\n    color: #ffffff !important;\n    font-size: 20px !important;\n    font-weight: 800 !important;\n    margin: 0 0 2px 0 !important;\n    line-height: 1 !important;\n    letter-spacing: 0.5px !important;\n  }\n\n  .ajx-v208-ndaa-text p {\n    color: #ffffff !important;\n    font-size: 10px !important;\n    font-weight: 600 !important;\n    letter-spacing: 1.5px !important; \n    margin: 0 !important;\n    line-height: 1 !important;\n  }\n\n  \/* Hiệu ứng trượt lên *\/\n  @keyframes ajxFadeInUpV208 {\n    from { opacity: 0; transform: translateY(20px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n\n  \/* --- MOBILE RESPONSIVE --- *\/\n  @media (max-width: 768px) {\n    .ajx-v208-hero-wrapper {\n      min-height: auto !important; \n      background-image: none !important;\n      background-color: #000 !important;\n    }\n    \n    .ajx-v208-hero-bg-mobile {\n      display: block !important;\n      position: absolute !important;\n      top: 0 !important;\n      left: 0 !important;\n      width: 100% !important;\n      height: 100% !important;\n      z-index: 1 !important;\n    }\n\n    .ajx-v208-hero-bg-mobile img {\n      width: 100% !important;\n      height: 100% !important;\n      object-fit: contain !important; \n      object-position: top center !important; \n      opacity: 0.7 !important; \n    }\n\n    .ajx-v208-hero-overlay {\n      background: linear-gradient(to bottom, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.7) 40%, rgba(0,0,0,0.95) 100%) !important; \n    }\n\n    .ajx-v208-hero-content {\n      padding: 180px 20px 40px 20px !important; \n      max-width: 100% !important; \n    }\n    \n    .ajx-v208-text-group {\n      align-items: center !important; \n    }\n\n    .ajx-v208-superior-logo-box {\n      padding-left: 0 !important; \n    }\n\n    .ajx-v208-title, .ajx-v208-desc {\n      text-align: center !important;\n    }\n\n    .ajx-v208-features-group {\n      align-items: center !important;\n      margin: 40px auto 0 auto !important; \n    }\n    \n    .ajx-v208-circle {\n      width: 65px !important;\n      height: 65px !important;\n    }\n    .ajx-v208-circle span {\n      font-size: 9px !important;\n    }\n  }\n\u003c\/style\u003e\n\n\u003cdiv style=\"display: block; width: 100%; height: 50px; clear: both; background: transparent; border: none; margin: 0; padding: 0;\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"ajx-v202-wrapper\"\u003e\n  \n  \u003cdiv class=\"ajx-v202-award-card\"\u003e\n    \n    \u003ch3 class=\"ajx-v202-award-text\"\u003e\n     Dòng Superior NVR H2D đã giành được giải thưởng Red Dot Design Award.\n    \u003c\/h3\u003e\n\n    \u003cdiv class=\"ajx-v202-award-logo-wrap\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0963\/3366\/0441\/files\/download_36_5849b206-1093-4b10-be5b-7ba6cb6e9b48.avif?v=1777025957\" alt=\"Red Dot Design Award\"\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n  \/* --- CSS RESET --- *\/\n  .ajx-v202-wrapper, .ajx-v202-wrapper * {\n    font-family: inherit !important; \n    box-sizing: border-box !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    line-height: normal !important;\n  }\n\n  \/* --- BỐ CỤC CHÍNH --- *\/\n  .ajx-v202-wrapper {\n    width: 100% !important;\n    max-width: 950px !important;\n    margin: 0 auto !important;\n    padding: 20px 15px !important;\n    animation: ajxFadeInUpV202 0.8s ease-out forwards;\n  }\n\n  \/* --- CARD NỀN XÁM ĐEN --- *\/\n  .ajx-v202-award-card {\n    background-color: #1a1a1c !important; \/* Xám đen Ajax *\/\n    border-radius: 16px !important;\n    padding: 35px 40px !important;\n    display: flex !important;\n    flex-direction: column !important; \/* Ép xếp dọc *\/\n    align-items: center !important; \/* Căn giữa các phần tử *\/\n    justify-content: center !important;\n    text-align: center !important;\n    gap: 25px !important; \/* Khoảng cách giữa chữ và logo *\/\n    border: 1px solid rgba(255, 255, 255, 0.05) !important;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.3) !important;\n  }\n\n  \/* --- CHỮ GIẢI THƯỞNG --- *\/\n  .ajx-v202-award-text {\n    color: #ffffff !important;\n    font-size: clamp(18px, 2.5vw, 22px) !important;\n    font-weight: 700 !important;\n    line-height: 1.5 !important;\n    margin: 0 !important;\n  }\n\n  \/* --- KHUNG HIGHLIGHT LOGO --- *\/\n  .ajx-v202-award-logo-wrap {\n    background-color: #000000 !important;\n    padding: 15px 30px !important;\n    border-radius: 12px !important;\n    border: 2px solid #00ff7f !important; \/* Viền xanh Ajax nổi bật *\/\n    box-shadow: 0 0 20px rgba(0, 255, 127, 0.2) !important; \/* Hiệu ứng phát sáng nhẹ *\/\n    display: flex !important;\n    justify-content: center !important;\n    align-items: center !important;\n    transition: transform 0.3s ease, box-shadow 0.3s ease !important;\n  }\n\n  .ajx-v202-award-logo-wrap:hover {\n    transform: translateY(-3px) !important;\n    box-shadow: 0 5px 25px rgba(0, 255, 127, 0.4) !important;\n  }\n\n  .ajx-v202-award-logo-wrap img {\n    max-width: 140px !important; \/* Giới hạn độ rộng logo cho cân đối *\/\n    height: auto !important;\n    object-fit: contain !important;\n    display: block !important;\n  }\n\n  \/* --- HIỆU ỨNG XUẤT HIỆN --- *\/\n  @keyframes ajxFadeInUpV202 {\n    from { opacity: 0; transform: translateY(20px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n\n  \/* --- MOBILE RESPONSIVE --- *\/\n  @media (max-width: 768px) {\n    .ajx-v202-award-card {\n      padding: 30px 20px !important;\n    }\n    \n    .ajx-v202-award-logo-wrap img {\n      max-width: 120px !important;\n    }\n  }\n\u003c\/style\u003e\n\n\u003cdiv style=\"display: block; width: 100%; height: 50px; clear: both; background: transparent; border: none; margin: 0; padding: 0;\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"ajx-v10-wrapper\"\u003e\n  \n  \u003ch2 class=\"ajx-v10-title\"\u003ePhiên bản sản phẩm\u003c\/h2\u003e\n\n  \u003cdiv class=\"ajx-v10-gallery\"\u003e\n    \u003cdiv class=\"ajx-v10-item\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0963\/3366\/0441\/files\/1_b65fee4f-5d79-4312-8eb6-2677db28350f.png?v=1777954690\" alt=\"1\"\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"ajx-v10-item\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0963\/3366\/0441\/files\/2_556a8f22-fea0-4dbc-87a4-1f0952d48db0.png?v=1777954690\" alt=\"2\"\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"ajx-v10-item\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0963\/3366\/0441\/files\/3_758b4474-ef4b-4158-b5f1-6e8d690effab.png?v=1777954690\" alt=\"3\"\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"ajx-v10-item\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0963\/3366\/0441\/files\/4_c1b414fc-45c0-49bb-8754-04f416dbc35e.png?v=1777954690\" alt=\"4\"\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"ajx-v10-item\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0963\/3366\/0441\/files\/5_c31446a1-faf2-42d4-995c-cfe779c21431.png?v=1777954690\" alt=\"5\"\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"ajx-v10-item\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0963\/3366\/0441\/files\/6_8e53ce77-2cac-4b70-b326-e4451ad5ad89.png?v=1777954690\" alt=\"6\"\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"ajx-v10-item\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0963\/3366\/0441\/files\/7_a34a39f5-0edc-4def-bb03-d14028212ed6.png?v=1777954690\" alt=\"7\"\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv id=\"ajx-lightbox\" class=\"ajx-lightbox\"\u003e\n  \u003cspan class=\"ajx-lightbox-close\"\u003e×\u003c\/span\u003e\n  \u003cimg id=\"ajx-lightbox-img\" src=\"\" alt=\"Zoomed Image\"\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n  \/* --- CSS RESET --- *\/\n  .ajx-v10-wrapper, .ajx-v10-wrapper * {\n    font-family: inherit !important; \n    box-sizing: border-box !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    line-height: normal !important;\n  }\n\n  \/* --- BỐ CỤC CHÍNH --- *\/\n  .ajx-v10-wrapper {\n    max-width: 1050px !important;\n    margin: 0 auto !important;\n    padding: 20px 15px !important;\n  }\n\n  \/* --- TIÊU ĐỀ ĐỒNG BỘ --- *\/\n  .ajx-v10-title {\n    color: #ffffff !important;\n    font-size: clamp(24px, 2.5vw, 34px) !important; \/* Đồng bộ kích cỡ với khối trên *\/\n    font-weight: 900 !important;\n    text-align: center !important;\n    text-transform: none !important;\n    margin-bottom: 40px !important;\n    border: none !important;\n    letter-spacing: 0.5px !important;\n  }\n\n  \/* --- LƯỚI DỌC DANH SÁCH ẢNH --- *\/\n  .ajx-v10-gallery { \n    display: flex !important; \n    flex-direction: column !important; \/* Hiển thị dọc *\/\n    align-items: center !important;\n    gap: 30px !important; \n    width: 100% !important;\n  }\n\n  \/* --- KHUNG ẢNH TƯƠNG TÁC --- *\/\n  .ajx-v10-item { \n    background-color: #111111 !important; \/* Trùng màu nền chuẩn của Ajax *\/\n    border-radius: 20px !important; \n    overflow: hidden !important; \n    border: 2px solid rgba(0, 255, 127, 0.05) !important; \/* Viền xanh rất mờ mặc định *\/\n    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important; \n    cursor: zoom-in !important; \/* Đổi icon chuột thành kính lúp *\/\n    line-height: 0 !important; \n    -webkit-tap-highlight-color: transparent !important; \n    position: relative !important; \n    width: 100% !important;\n    max-width: 800px !important; \/* Giới hạn độ rộng để không bị quá to trên PC *\/\n    box-shadow: 0 10px 30px rgba(0,0,0,0.5) !important;\n  }\n  \n  \/* HIỆU ỨNG RÊ CHUỘT: Sáng viền xanh, nảy lên *\/\n  .ajx-v10-item:hover, .ajx-v10-item:active { \n    border-color: #00ff7f !important; \n    transform: translateY(-8px) !important; \n    box-shadow: 0 15px 40px rgba(0, 255, 127, 0.2) !important; \n  }\n  \n  .ajx-v10-item img { \n    width: 100% !important; \n    height: auto !important; \n    display: block !important; \n    transition: transform 0.5s ease !important;\n  }\n\n  \/* Ảnh bên trong to lên 1 xíu khi hover tạo chiều sâu *\/\n  .ajx-v10-item:hover img {\n    transform: scale(1.03) !important;\n  }\n\n  \/* --- STYLE CHO TÍNH NĂNG PHÓNG TO (LIGHTBOX) --- *\/\n  .ajx-lightbox {\n    display: none; \/* Mặc định ẩn *\/\n    position: fixed !important;\n    z-index: 999999 !important;\n    left: 0 !important; \n    top: 0 !important;\n    width: 100% !important; \n    height: 100% !important;\n    background-color: rgba(0, 0, 0, 0.9) !important;\n    align-items: center !important; \n    justify-content: center !important;\n    cursor: zoom-out !important;\n    backdrop-filter: blur(5px) !important; \/* Làm mờ nền phía sau *\/\n  }\n  \n  .ajx-lightbox img {\n    max-width: 90% !important; \n    max-height: 90% !important;\n    border-radius: 12px !important;\n    box-shadow: 0 0 40px rgba(0, 255, 127, 0.15) !important;\n    animation: ajxZoomIn 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards !important;\n  }\n  \n  .ajx-lightbox-close {\n    position: absolute !important; \n    top: 20px !important; \n    right: 30px !important;\n    color: #ffffff !important; \n    font-size: 45px !important; \n    font-weight: 300 !important;\n    cursor: pointer !important;\n    transition: color 0.2s ease !important;\n  }\n\n  .ajx-lightbox-close:hover {\n    color: #00ff7f !important;\n  }\n  \n  @keyframes ajxZoomIn { \n    from { transform: scale(0.8); opacity: 0; } \n    to { transform: scale(1); opacity: 1; } \n  }\n\n  \/* --- MOBILE RESPONSIVE --- *\/\n  @media (max-width: 768px) {\n    .ajx-v10-wrapper { padding: 20px 15px !important; }\n    .ajx-v10-title { margin-bottom: 25px !important; }\n    .ajx-v10-gallery { gap: 20px !important; }\n    .ajx-v10-item { border-radius: 15px !important; }\n    .ajx-v10-item:hover, .ajx-v10-item:active { transform: translateY(-4px) !important; }\n    .ajx-lightbox img { max-width: 95% !important; }\n    .ajx-lightbox-close { top: 10px !important; right: 20px !important; font-size: 35px !important; }\n  }\n\u003c\/style\u003e\n\n\u003cscript\u003e\n  document.addEventListener('DOMContentLoaded', function() {\n    const lightbox = document.getElementById('ajx-lightbox');\n    const lightboxImg = document.getElementById('ajx-lightbox-img');\n    const items = document.querySelectorAll('.ajx-v10-item img');\n    const closeBtn = document.querySelector('.ajx-lightbox-close');\n\n    \/\/ Mở Lightbox khi click vào ảnh\n    items.forEach(img =\u003e {\n      img.addEventListener('click', (e) =\u003e {\n        e.stopPropagation();\n        lightboxImg.src = img.src; \/\/ Lấy link ảnh được click đưa vào lightbox\n        lightbox.style.display = 'flex'; \/\/ Hiển thị lightbox\n        document.body.style.overflow = 'hidden'; \/\/ Khóa cuộn trang\n      });\n    });\n\n    \/\/ Đóng Lightbox\n    const closeLightbox = () =\u003e {\n      lightbox.style.display = 'none';\n      document.body.style.overflow = 'auto'; \/\/ Mở lại cuộn trang\n      lightboxImg.src = ''; \/\/ Xóa source ảnh để tránh chớp hình lần mở sau\n    };\n\n    \/\/ Đóng khi click vào nút X\n    if(closeBtn) {\n      closeBtn.addEventListener('click', closeLightbox);\n    }\n\n    \/\/ Đóng khi click ra ngoài vùng nền đen\n    lightbox.addEventListener('click', (e) =\u003e {\n      if (e.target === lightbox) {\n        closeLightbox();\n      }\n    });\n  });\n\u003c\/script\u003e\n\n\u003cdiv style=\"display: block; width: 100%; height: 50px; clear: both; background: transparent; border: none; margin: 0; padding: 0;\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"ajx-v147-text-wrapper\"\u003e\n  \n  \u003ch2 class=\"ajx-v147-title\"\u003eĐưa trí tuệ nhân tạo vào mọi hệ thống video.\u003c\/h2\u003e\n  \n  \u003cdiv class=\"ajx-v147-content\"\u003e\n    \u003cp\u003eĐầu ghi hình mạng Ajax tích hợp các thiết bị video Ajax và camera IP của bên thứ ba vào một hệ sinh thái duy nhất. Dòng sản phẩm Superior NVR H2D sở hữu trí tuệ nhân tạo (AI) tích hợp, cung cấp khả năng phân tích thông minh cho các thiết lập hiện có mà không cần thay thế camera tốn kém. Đầu ghi có thể chứa hai ổ cứng HDD có thể thay thế nóng với dung lượng lên đến 24 TB mỗi ổ — tối ưu cho việc lưu trữ liên tục và sao lưu đáng tin cậy.\u003c\/p\u003e\n    \n    \u003cp\u003eKhả năng giải mã 4K cho phép phát lại liền mạch nhiều nguồn cấp dữ liệu camera cùng một lúc. Và với nhiều lựa chọn cấu hình Superior NVR, việc xây dựng một hệ thống giám sát hiệu quả và linh hoạt cho bất kỳ cơ sở nào trở nên dễ dàng — và quản lý từ xa thông qua các ứng dụng Ajax hoặc tại chỗ thông qua phần mềm quản lý video (VMS) tích hợp sẵn.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n  \/* --- CSS RESET --- *\/\n  .ajx-v147-text-wrapper, .ajx-v147-text-wrapper * {\n    font-family: inherit !important; \n    box-sizing: border-box !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    line-height: normal !important;\n  }\n\n  \/* --- BỐ CỤC CHÍNH (Nền trong suốt) --- *\/\n  .ajx-v147-text-wrapper {\n    \/* Giới hạn 800px để đoạn văn không bị dàn trải quá dài trên màn hình lớn *\/\n    max-width: 800px !important; \n    margin: 0 auto !important;\n    padding: 20px 15px !important;\n    background: transparent !important; \n    animation: ajxFadeInUpV147 0.8s ease-out forwards;\n  }\n\n  \/* --- TIÊU ĐỀ --- *\/\n  .ajx-v147-title {\n    color: #ffffff !important;\n    font-size: clamp(24px, 2.5vw, 34px) !important; \n    font-weight: 900 !important;\n    text-align: center !important; \/* Tiêu đề vẫn căn giữa cho cân đối *\/\n    text-transform: none !important;\n    margin-bottom: 30px !important;\n    border: none !important;\n    line-height: 1.3 !important;\n  }\n\n  \/* --- KHUNG CHỨA ĐOẠN VĂN --- *\/\n  .ajx-v147-content {\n    display: flex !important;\n    flex-direction: column !important;\n    gap: 20px !important; \n  }\n\n  .ajx-v147-content p {\n    color: #e0e0e0 !important;\n    font-size: clamp(15px, 1.8vw, 17px) !important; \n    line-height: 1.7 !important; \n    \n    \/* KỸ THUẬT PHẲNG LỀ: Ép chữ giãn đều 2 bên, triệt tiêu hoàn toàn sự trồi thụt *\/\n    text-align: justify !important; \n    \/* Đảm bảo dòng cuối cùng bám lề trái tự nhiên, không bị kéo giãn thưa thớt *\/\n    text-align-last: left !important; \n  }\n\n  \/* Hiệu ứng trượt lên nhẹ nhàng *\/\n  @keyframes ajxFadeInUpV147 {\n    from { opacity: 0; transform: translateY(20px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n\n  \/* --- MOBILE RESPONSIVE --- *\/\n  @media (max-width: 768px) {\n    .ajx-v147-text-wrapper {\n      padding: 10px 15px !important;\n    }\n    \n    .ajx-v147-title {\n      margin-bottom: 20px !important;\n    }\n    \n    .ajx-v147-content {\n      gap: 15px !important;\n    }\n\n    \/* Trên điện thoại vẫn giữ form phẳng lề vuông vức *\/\n    .ajx-v147-content p {\n      text-align: justify !important;\n      text-align-last: left !important;\n    }\n  }\n\u003c\/style\u003e\n\n\u003cdiv style=\"display: block; width: 100%; height: 50px; clear: both; background: transparent; border: none; margin: 0; padding: 0;\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"ajx-v144-wrapper\"\u003e\n  \n  \u003ch2 class=\"ajx-v144-title\"\u003eĐược thiết kế để nổi bật\u003c\/h2\u003e\n\n  \u003cdiv class=\"ajx-v144-gallery\"\u003e\n    \n    \u003cdiv class=\"ajx-v144-item\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0963\/3366\/0441\/files\/1_9fbaf8a4-c52a-457f-97a7-fdc08a7b5878.png?v=1777955825\" alt=\"Feature 1\"\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"ajx-v144-item\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0963\/3366\/0441\/files\/2_0d8f4c6e-9b13-4c64-ae84-9c3e48bd45f5.png?v=1777955825\" alt=\"Feature 2\"\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"ajx-v144-item\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0963\/3366\/0441\/files\/3_73294fa1-01ab-40ac-9525-29c1fbfaf4a5.png?v=1777955825\" alt=\"Feature 3\"\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"ajx-v144-item\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0963\/3366\/0441\/files\/4_182600ef-a8fa-4498-b40c-89bd0f0f072a.png?v=1777955825\" alt=\"Feature 4\"\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"ajx-v144-item\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0963\/3366\/0441\/files\/5_5997a563-2ed8-425c-9b09-0e97f98ce752.png?v=1777955825\" alt=\"Feature 5\"\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"ajx-v144-item\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0963\/3366\/0441\/files\/6_ec578fcb-7b79-4451-b0de-33bad375b85d.png?v=1777955825\" alt=\"Feature 6\"\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv id=\"ajx-v144-lightbox\" class=\"ajx-v144-lightbox\"\u003e\n  \u003cspan class=\"ajx-v144-lightbox-close\"\u003e×\u003c\/span\u003e\n  \u003cimg id=\"ajx-v144-lightbox-img\" src=\"\" alt=\"Zoomed Feature\"\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n  \/* --- CSS RESET --- *\/\n  .ajx-v144-wrapper, .ajx-v144-wrapper * {\n    font-family: inherit !important; \n    box-sizing: border-box !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    line-height: normal !important;\n  }\n\n  \/* --- BỐ CỤC CHÍNH --- *\/\n  .ajx-v144-wrapper {\n    max-width: 1050px !important;\n    margin: 0 auto !important;\n    padding: 20px 15px !important;\n  }\n\n  \/* --- TIÊU ĐỀ --- *\/\n  .ajx-v144-title {\n    color: #ffffff !important;\n    font-size: clamp(24px, 2.5vw, 34px) !important;\n    font-weight: 900 !important;\n    text-align: center !important;\n    text-transform: none !important;\n    margin-bottom: 40px !important;\n    border: none !important;\n    letter-spacing: 0.5px !important;\n  }\n\n  \/* --- LƯỚI DỌC --- *\/\n  .ajx-v144-gallery {\n    display: flex !important;\n    flex-direction: column !important;\n    align-items: center !important;\n    gap: 25px !important; \n    width: 100% !important;\n  }\n\n  \/* --- CARD HIỂN THỊ ẢNH --- *\/\n  .ajx-v144-item {\n    background-color: #222222 !important; \/* ĐÃ CHUYỂN SANG MÀU XÁM TỐI CHO KHỚP VỚI ẢNH BÊN TRONG *\/\n    border: 2px solid rgba(0, 255, 127, 0.05) !important; \n    border-radius: 20px !important;\n    padding: 20px !important; \n    display: flex !important;\n    justify-content: center !important;\n    align-items: center !important;\n    cursor: zoom-in !important;\n    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; \n    box-shadow: 0 10px 30px rgba(0,0,0,0.5) !important;\n    line-height: 0 !important;\n    -webkit-tap-highlight-color: transparent !important;\n    width: 100% !important;\n    max-width: 950px !important; \n  }\n\n  \/* --- HIỆU ỨNG HOVER --- *\/\n  .ajx-v144-item:hover, .ajx-v144-item:active {\n    transform: translateY(-5px) !important; \n    border-color: #00ff7f !important; \n    box-shadow: 0 15px 40px rgba(0, 255, 127, 0.25) !important; \n  }\n\n  .ajx-v144-item img {\n    width: 100% !important; \n    height: auto !important;\n    display: block !important;\n    transition: transform 0.5s ease !important;\n  }\n\n  .ajx-v144-item:hover img {\n    transform: scale(1.02) !important; \n  }\n\n  \/* --- LIGHTBOX --- *\/\n  .ajx-v144-lightbox {\n    display: none; \n    position: fixed !important;\n    z-index: 999999 !important;\n    left: 0 !important; \n    top: 0 !important;\n    width: 100% !important; \n    height: 100% !important;\n    background-color: rgba(0, 0, 0, 0.9) !important;\n    align-items: center !important; \n    justify-content: center !important;\n    cursor: zoom-out !important;\n    backdrop-filter: blur(5px) !important;\n  }\n  \n  .ajx-v144-lightbox img {\n    max-width: 90% !important; \n    max-height: 90% !important;\n    border-radius: 12px !important;\n    box-shadow: 0 0 40px rgba(0, 255, 127, 0.15) !important;\n    animation: ajxZoomIn144 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards !important;\n  }\n  \n  .ajx-v144-lightbox-close {\n    position: absolute !important; \n    top: 20px !important; \n    right: 30px !important;\n    color: #ffffff !important; \n    font-size: 45px !important; \n    font-weight: 300 !important;\n    cursor: pointer !important;\n    transition: color 0.2s ease !important;\n  }\n\n  .ajx-v144-lightbox-close:hover {\n    color: #00ff7f !important;\n  }\n  \n  @keyframes ajxZoomIn144 { \n    from { transform: scale(0.8); opacity: 0; } \n    to { transform: scale(1); opacity: 1; } \n  }\n\n  \/* --- MOBILE RESPONSIVE --- *\/\n  @media (max-width: 768px) {\n    .ajx-v144-wrapper { padding: 20px 15px !important; }\n    .ajx-v144-title { margin-bottom: 25px !important; }\n    .ajx-v144-gallery { gap: 15px !important; } \n    .ajx-v144-item { padding: 10px !important; border-radius: 15px !important; }\n    .ajx-v144-item:hover, .ajx-v144-item:active { transform: translateY(-3px) !important; }\n    .ajx-v144-lightbox img { max-width: 95% !important; }\n    .ajx-v144-lightbox-close { top: 10px !important; right: 20px !important; font-size: 35px !important; }\n  }\n\u003c\/style\u003e\n\n\u003cscript\u003e\n  document.addEventListener('DOMContentLoaded', function() {\n    const lightbox144 = document.getElementById('ajx-v144-lightbox');\n    const lightboxImg144 = document.getElementById('ajx-v144-lightbox-img');\n    const items144 = document.querySelectorAll('.ajx-v144-item img');\n    const closeBtn144 = document.querySelector('.ajx-v144-lightbox-close');\n\n    items144.forEach(img =\u003e {\n      img.addEventListener('click', (e) =\u003e {\n        e.stopPropagation();\n        lightboxImg144.src = img.src; \n        lightbox144.style.display = 'flex'; \n        document.body.style.overflow = 'hidden'; \n      });\n    });\n\n    const closeLightbox144 = () =\u003e {\n      lightbox144.style.display = 'none';\n      document.body.style.overflow = 'auto'; \n      lightboxImg144.src = ''; \n    };\n\n    if(closeBtn144) {\n      closeBtn144.addEventListener('click', closeLightbox144);\n    }\n\n    lightbox144.addEventListener('click', (e) =\u003e {\n      if (e.target === lightbox144) {\n        closeLightbox144();\n      }\n    });\n  });\n\u003c\/script\u003e\n\n\u003cdiv style=\"display: block; width: 100%; height: 50px; clear: both; background: transparent; border: none; margin: 0; padding: 0;\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"ajx-v146-cta-wrapper\"\u003e\n  \n  \u003cdiv class=\"ajx-v146-cta-overlay\"\u003e\u003c\/div\u003e\n\n  \u003cdiv class=\"ajx-v146-cta-content\"\u003e\n    \u003ch2 class=\"ajx-v146-title\"\u003eGiải pháp giám sát video Ajax\u003c\/h2\u003e\n    \n    \u003cp class=\"ajx-v146-desc\"\u003eKhám phá toàn bộ danh mục thiết bị video Ajax và cách chúng kết nối khả năng phát hiện và phản hồi với tốc độ vượt trội, trong một hệ sinh thái tích hợp và tôn trọng quyền riêng tư của người dùng.\u003c\/p\u003e\n    \n    \u003ca href=\"https:\/\/ajax-systems.translate.goog\/solutions\/video-surveillance\/?_x_tr_sl=en\u0026amp;_x_tr_tl=vi\u0026amp;_x_tr_hl=vi\u0026amp;_x_tr_pto=wapp\u0026amp;google_abuse=GOOGLE_ABUSE_EXEMPTION%3DID%3Db009d5fd33d59681%3ATM%3D1776757631%3AC%3Dr%3AIP%3D14.187.133.140-%3AS%3DAOF_OPyOqggtBhVN26SWFoc%3B+path%3D%2F%3B+domain%3Dgoogle.com%3B+expires%3DTue%2C+21-Apr-2026+10%3A47%3A11+GMT\u0026amp;_x_tr_hist=true\" target=\"_blank\" class=\"ajx-v146-btn\"\u003e\n      Khám phá ngay\n    \u003c\/a\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n  \/* --- CSS RESET --- *\/\n  .ajx-v146-cta-wrapper, .ajx-v146-cta-wrapper * {\n    font-family: inherit !important; \n    box-sizing: border-box !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    line-height: normal !important;\n  }\n\n  \/* --- BỐ CỤC CHÍNH VÀ ẢNH NỀN --- *\/\n  .ajx-v146-cta-wrapper {\n    position: relative !important;\n    max-width: 1050px !important;\n    margin: 0 auto !important;\n    min-height: 450px !important; \n    display: flex !important;\n    align-items: center !important; \n    justify-content: flex-start !important; \/* ĐỔI TỪ CĂN GIỮA SANG CĂN TRÁI *\/\n    border-radius: 20px !important;\n    overflow: hidden !important; \n    box-shadow: 0 15px 40px rgba(0,0,0,0.5) !important;\n    background-color: #111111 !important;\n    \n    background-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0963\/3366\/0441\/files\/imageye___-__3.jpg?v=1776850245') !important;\n    background-size: cover !important;\n    background-position: center center !important; \n    background-repeat: no-repeat !important;\n  }\n\n  \/* --- LỚP PHỦ SƯƠNG MÙ --- *\/\n  .ajx-v146-cta-overlay {\n    position: absolute !important;\n    top: 0 !important;\n    left: 0 !important;\n    width: 100% !important;\n    height: 100% !important;\n    z-index: 1 !important;\n    \/* Dùng gradient đổ đen từ trái qua phải để chữ lề trái nổi bật nhất *\/\n    background: linear-gradient(to right, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.6) 60%, rgba(0,0,0,0.2) 100%) !important;\n  }\n\n  \/* --- KHUNG CHỨA NỘI DUNG (CĂN TRÁI) --- *\/\n  .ajx-v146-cta-content {\n    position: relative !important;\n    z-index: 2 !important; \n    padding: 50px 60px !important; \/* Tăng padding trái\/phải lên 60px cho sang trọng *\/\n    width: 100% !important;\n    max-width: 800px !important; \n    display: flex !important;\n    flex-direction: column !important;\n    align-items: flex-start !important; \/* Mọi phần tử bên trong bám lề trái *\/\n    animation: ajxFadeInUpV146 0.8s ease-out forwards;\n  }\n\n  \/* --- TIÊU ĐỀ --- *\/\n  .ajx-v146-title {\n    color: #ffffff !important;\n    font-size: clamp(28px, 3vw, 42px) !important; \/* Tăng nhẹ size chữ lên *\/\n    font-weight: 900 !important;\n    margin-bottom: 25px !important;\n    text-transform: none !important;\n    line-height: 1.3 !important; \n    border: none !important;\n    letter-spacing: 0.5px !important;\n    text-align: left !important;\n  }\n\n  \/* --- ĐOẠN MÔ TẢ (GIÃN ĐỀU 2 BÊN) --- *\/\n  .ajx-v146-desc {\n    color: #e0e0e0 !important;\n    font-size: clamp(15px, 1.8vw, 17px) !important;\n    line-height: 1.7 !important;\n    margin-bottom: 40px !important; \n    text-align: justify !important; \/* KỸ THUẬT PHẲNG LỀ: Ép chữ giãn đều 2 bên *\/\n    text-align-last: left !important; \/* Đảm bảo dòng cuối cùng không bị giãn thưa thớt *\/\n  }\n\n  \/* --- NÚT BẤM (BUTTON) --- *\/\n  .ajx-v146-btn {\n    display: inline-block !important;\n    padding: 16px 40px !important;\n    background-color: transparent !important;\n    color: #ffffff !important;\n    font-size: 16px !important;\n    font-weight: bold !important;\n    text-transform: uppercase !important;\n    letter-spacing: 1px !important;\n    text-decoration: none !important;\n    border: 2px solid #ffffff !important; \n    border-radius: 50px !important; \n    transition: all 0.3s ease !important;\n    cursor: pointer !important;\n  }\n\n  \/* Hiệu ứng rê chuột vào nút *\/\n  .ajx-v146-btn:hover {\n    color: #000000 !important; \n    background-color: #00ff7f !important; \n    border-color: #00ff7f !important;\n    transform: translateY(-5px) !important;\n    box-shadow: 0 10px 25px rgba(0, 255, 127, 0.4) !important;\n  }\n\n  \/* Hiệu ứng trượt lên *\/\n  @keyframes ajxFadeInUpV146 {\n    from { opacity: 0; transform: translateY(20px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n\n  \/* --- MOBILE RESPONSIVE --- *\/\n  @media (max-width: 768px) {\n    .ajx-v146-cta-wrapper {\n      min-height: 400px !important; \n      border-radius: 15px !important;\n      justify-content: center !important; \/* Trở lại căn giữa trên Mobile cho dễ nhìn *\/\n    }\n\n    \/* Mờ đen toàn bộ màn hình Mobile để đảm bảo đọc chữ *\/\n    .ajx-v146-cta-overlay {\n      background: rgba(0, 0, 0, 0.75) !important; \n    }\n\n    .ajx-v146-cta-content {\n      padding: 40px 20px !important; \n      align-items: center !important; \/* Căn giữa lại nút bấm trên Mobile *\/\n    }\n\n    .ajx-v146-title {\n      text-align: center !important;\n      margin-bottom: 20px !important;\n    }\n\n    .ajx-v146-desc {\n      text-align: center !important; \/* Mobile thì không dùng giãn đều, dùng căn giữa sẽ đẹp hơn *\/\n      text-align-last: center !important;\n      margin-bottom: 30px !important;\n    }\n\n    .ajx-v146-btn {\n      padding: 14px 30px !important;\n      font-size: 15px !important;\n    }\n  }\n\u003c\/style\u003e\n\n\u003cdiv style=\"display: block; width: 100%; height: 50px; clear: both; background: transparent; border: none; margin: 0; padding: 0;\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"ajx-v211-comp-wrapper\"\u003e\n  \n  \u003cdiv class=\"ajx-v211-header\"\u003e\n    \u003ch2 class=\"ajx-v211-main-title\"\u003eSo sánh các mẫu đầu ghi NVR của Ajax\u003c\/h2\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"ajx-v211-table-container\"\u003e\n    \u003ctable class=\"ajx-v211-table\"\u003e\n      \n      \u003cthead\u003e\n        \u003ctr\u003e\n          \u003cth class=\"col-sticky head-sticky\"\u003e\u003c\/th\u003e\n          \n          \u003cth colspan=\"2\" class=\"group-header\"\u003e\n            \u003cspan\u003eDòng NVR H2D cao cấp\u003c\/span\u003e\n          \u003c\/th\u003e\n          \n          \u003cth class=\"group-header\"\u003e\n            \u003ca href=\"https:\/\/guard.vn\/products\/dong-ajax-nvr-h2d-8-kenh-16-kenh?_pos=1\u0026amp;_sid=3c6e1fab4\u0026amp;_ss=r\" target=\"_blank\" class=\"ajx-v211-product-link\"\u003eDòng NVR H2D\u003c\/a\u003e\n          \u003c\/th\u003e\n        \u003c\/tr\u003e\n      \u003c\/thead\u003e\n      \n      \u003ctbody\u003e\n        \n        \u003ctr class=\"row-dark\"\u003e\n          \u003ctd class=\"col-sticky\"\u003ePhiên bản sản phẩm\u003c\/td\u003e\n          \u003ctd class=\"cell-text-left\"\u003e\n            Superior NVR H2DAI8PAC (8-ch)\u003cbr\u003e\n            Superior NVR H2DAI8PAC (16-ch)\u003cbr\u003e\n            Superior NVR H2DAI16PAC (16-ch)\u003cbr\u003e\n            Superior NVR H2DAI16PAC (32-ch)\n          \u003c\/td\u003e\n          \u003ctd class=\"cell-text-left\"\u003e\n            Superior NVR H2DAI2GAC (8-ch)\u003cbr\u003e\n            Superior NVR H2DAI2GAC (16-ch)\u003cbr\u003e\n            Superior NVR H2DAI2GAC (32-ch)\n          \u003c\/td\u003e\n          \u003ctd class=\"cell-text-left\"\u003e\n            NVR H2D8PAC (8-ch)\u003cbr\u003e\n            NVR H2D8PAC (16-ch)\u003cbr\u003e\n            NVR H2D16PAC (16-ch)\n            \u003cbr\u003e\u003cbr\u003e\n            NVR H2DAC (8-ch)\u003cbr\u003e\n            NVR H2DAC (16-ch)\n          \u003c\/td\u003e\n        \u003c\/tr\u003e\n        \n        \u003ctr class=\"row-black\"\u003e\n          \u003ctd class=\"col-sticky\"\u003eTrí tuệ nhân tạo tích hợp\u003c\/td\u003e\n          \u003ctd\u003e\u003cspan class=\"ajx-v211-icon-check\"\u003e\u003c\/span\u003e\u003c\/td\u003e\n          \u003ctd\u003e\u003cspan class=\"ajx-v211-icon-check\"\u003e\u003c\/span\u003e\u003c\/td\u003e\n          \u003ctd class=\"cell-dash\"\u003e—\u003c\/td\u003e\n        \u003c\/tr\u003e\n        \n        \u003ctr class=\"row-dark\"\u003e\n          \u003ctd class=\"col-sticky\"\u003eKênh\u003c\/td\u003e\n          \u003ctd class=\"cell-num\"\u003e8 \/ 16 \/ 32\u003c\/td\u003e\n          \u003ctd class=\"cell-num\"\u003e8 \/ 16 \/ 32\u003c\/td\u003e\n          \u003ctd class=\"cell-num\"\u003e8 \/ 16\u003c\/td\u003e\n        \u003c\/tr\u003e\n        \n        \u003ctr class=\"row-black\"\u003e\n          \u003ctd class=\"col-sticky\"\u003eCổng PoE\u003c\/td\u003e\n          \u003ctd\u003e\u003cspan class=\"ajx-v211-icon-check\"\u003e\u003c\/span\u003e\u003c\/td\u003e\n          \u003ctd class=\"cell-dash\"\u003e—\u003c\/td\u003e\n          \u003ctd\u003e\u003cspan class=\"ajx-v211-icon-check\"\u003e\u003c\/span\u003e\u003c\/td\u003e\n        \u003c\/tr\u003e\n        \n        \u003ctr class=\"row-dark\"\u003e\n          \u003ctd class=\"col-sticky\"\u003eEthernet\u003c\/td\u003e\n          \u003ctd class=\"cell-num\"\u003e1 × lên đến 1 Gbps\u003c\/td\u003e\n          \u003ctd class=\"cell-num\"\u003e2 × lên đến 1 Gbps\u003c\/td\u003e\n          \u003ctd class=\"cell-num\"\u003e1 × lên đến 1 Gbps\u003c\/td\u003e\n        \u003c\/tr\u003e\n        \n        \u003ctr class=\"row-black\"\u003e\n          \u003ctd class=\"col-sticky\"\u003eHỗ trợ ổ cứng HDD\u003c\/td\u003e\n          \u003ctd class=\"cell-num\"\u003e2 × 24 TB\u003c\/td\u003e\n          \u003ctd class=\"cell-num\"\u003e2 × 24 TB\u003c\/td\u003e\n          \u003ctd class=\"cell-num\"\u003e2 × 16 TB\u003c\/td\u003e\n        \u003c\/tr\u003e\n        \n        \u003ctr class=\"row-dark\"\u003e\n          \u003ctd class=\"col-sticky\"\u003eUSB\u003c\/td\u003e\n          \u003ctd class=\"cell-text-left\"\u003e\n            1 × 3.0\u003cbr\u003e\n            2 × 2,0\n          \u003c\/td\u003e\n          \u003ctd class=\"cell-text-left\"\u003e\n            1 × 3.0\u003cbr\u003e\n            2 × 2,0\n          \u003c\/td\u003e\n          \u003ctd class=\"cell-num\"\u003e3 × 2,0\u003c\/td\u003e\n        \u003c\/tr\u003e\n\n      \u003c\/tbody\u003e\n    \u003c\/table\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n  \/* --- CSS RESET --- *\/\n  .ajx-v211-comp-wrapper, .ajx-v211-comp-wrapper * {\n    font-family: inherit !important; \n    box-sizing: border-box !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    line-height: normal !important;\n  }\n\n  \/* --- BỐ CỤC CHÍNH --- *\/\n  .ajx-v211-comp-wrapper {\n    max-width: 1250px !important; \n    margin: 0 auto !important;\n    padding: 20px 15px !important;\n    background: transparent !important; \n  }\n\n  \/* --- TIÊU ĐỀ CHÍNH --- *\/\n  .ajx-v211-header {\n    text-align: center !important;\n    margin-bottom: 40px !important;\n  }\n\n  .ajx-v211-main-title {\n    color: #ffffff !important;\n    font-size: clamp(26px, 3.5vw, 42px) !important; \n    font-weight: 900 !important;\n    margin-bottom: 15px !important;\n    border: none !important;\n  }\n\n  \/* --- KHUNG CHỨA BẢNG ĐỂ CUỘN NGANG --- *\/\n  .ajx-v211-table-container {\n    width: 100% !important;\n    overflow-x: auto !important; \n    -webkit-overflow-scrolling: touch !important; \n    border: 1px solid rgba(255,255,255,0.1) !important; \n    border-radius: 8px !important; \n  }\n\n  \/* Tùy chỉnh thanh cuộn (Scrollbar) *\/\n  .ajx-v211-table-container::-webkit-scrollbar {\n    height: 8px !important;\n  }\n  .ajx-v211-table-container::-webkit-scrollbar-track {\n    background: #111111 !important; \n    border-radius: 0 0 8px 8px !important;\n  }\n  .ajx-v211-table-container::-webkit-scrollbar-thumb {\n    background: #333333 !important; \n    border-radius: 10px !important;\n  }\n  .ajx-v211-table-container::-webkit-scrollbar-thumb:hover {\n    background: #00ff7f !important; \n  }\n\n  \/* --- CẤU TRÚC BẢNG --- *\/\n  .ajx-v211-table {\n    width: 100% !important;\n    min-width: 900px !important; \n    border-collapse: collapse !important;\n    table-layout: fixed !important; \/* Ép tỷ lệ cột *\/\n  }\n\n  \/* --- THIẾT LẬP CHIỀU RỘNG TỪNG CỘT --- *\/\n  .ajx-v211-table .col-sticky {\n    width: 16% !important; \/* Thu hẹp cột tiêu đề trái *\/\n  }\n  .ajx-v211-table th:not(.col-sticky) {\n    width: 28% !important; \/* Mở rộng không gian cho 3 cột sản phẩm *\/\n  }\n\n  \/* Kẻ viền trong bảng *\/\n  .ajx-v211-table th, .ajx-v211-table td {\n    border: 1px solid rgba(255,255,255,0.08) !important;\n    padding: 22px 20px !important;\n    vertical-align: middle !important;\n  }\n\n  \/* --- XỬ LÝ MÀU NỀN TỪNG HÀNG (SỌC VẰN) --- *\/\n  .ajx-v211-table thead th {\n    background-color: #000000 !important;\n    color: #ffffff !important;\n    font-size: 16px !important;\n    font-weight: bold !important;\n    text-align: center !important;\n    padding-top: 30px !important;\n    padding-bottom: 30px !important;\n  }\n\n  .group-header span {\n    font-size: 18px !important;\n  }\n\n  .row-dark td { background-color: #111111 !important; }\n  .row-black td { background-color: #000000 !important; }\n\n  \/* --- KỸ THUẬT FREEZE CỘT 1 (ĐÓNG BĂNG KHI CUỘN) --- *\/\n  .ajx-v211-table .col-sticky {\n    position: sticky !important; \n    left: 0 !important; \n    z-index: 2 !important; \n    color: #ffffff !important;\n    font-size: 15px !important;\n    font-weight: bold !important;\n    text-align: left !important;\n    padding-left: 25px !important;\n    box-shadow: 4px 0 10px -4px rgba(0,0,0,0.8) !important;\n  }\n\n  .ajx-v211-table thead .head-sticky {\n    z-index: 3 !important; \n  }\n\n  \/* --- ĐỊNH DẠNG DỮ LIỆU (CELLS) --- *\/\n  .ajx-v211-product-link {\n    color: #ffffff !important;\n    text-decoration: underline !important;\n    text-underline-offset: 4px !important;\n    transition: color 0.2s ease !important;\n    font-size: 18px !important;\n  }\n  \n  .ajx-v211-product-link:hover {\n    color: #00ff7f !important; \/* Đổi màu xanh lá Ajax khi rê chuột *\/\n  }\n\n  .ajx-v211-table td:not(.col-sticky) {\n    text-align: center !important;\n  }\n\n  .cell-text-left {\n    text-align: left !important; \n    color: #e0e0e0 !important;\n    line-height: 1.6 !important;\n    font-size: 14px !important;\n  }\n\n  .cell-dash {\n    color: #666666 !important;\n    font-weight: bold !important;\n    font-size: 18px !important;\n  }\n\n  .cell-num {\n    color: #ffffff !important;\n    font-size: 15px !important;\n    line-height: 1.5 !important;\n  }\n\n  \/* --- VẼ ICON CHECK XANH AJAX --- *\/\n  .ajx-v211-icon-check {\n    display: inline-flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    width: 24px !important;\n    height: 24px !important;\n    background-color: #00ff7f !important; \n    border-radius: 50% !important;\n  }\n  \n  .ajx-v211-icon-check::after {\n    content: '' !important;\n    width: 5px !important;\n    height: 10px !important;\n    border: solid #000000 !important; \n    border-width: 0 2px 2px 0 !important;\n    transform: rotate(45deg) !important;\n    margin-bottom: 2px !important; \n  }\n\n  \/* --- MOBILE RESPONSIVE --- *\/\n  @media (max-width: 768px) {\n    .ajx-v211-comp-wrapper { padding: 15px 0 !important; } \n    .ajx-v211-main-title { font-size: 24px !important; padding: 0 15px !important;}\n    \n    .ajx-v211-table { min-width: 750px !important; } \n    \n    \/* Tối ưu cột 1 trên điện thoại *\/\n    .ajx-v211-table .col-sticky { width: 25% !important; } \/* Thu hẹp lại trên Mobile *\/\n    .ajx-v211-table th:not(.col-sticky) { width: 33% !important; } \/* Nới rộng các cột cuộn *\/\n\n    .ajx-v211-table th, .ajx-v211-table td { padding: 15px 12px !important; font-size: 13px !important; }\n    .ajx-v211-table .col-sticky { padding-left: 15px !important; }\n    \n    .cell-text-left { font-size: 13px !important; }\n  }\n\u003c\/style\u003e\n\n\u003cdiv style=\"display: block; width: 100%; height: 50px; clear: both; background: transparent; border: none; margin: 0; padding: 0;\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"ajx-v152-video-wrapper\"\u003e\n  \n  \u003cdiv class=\"ajx-v152-text-box\"\u003e\n    \u003ch2 class=\"ajx-v152-title\"\u003eSự kiện đặc biệt của Ajax: Dám trở thành người đầu tiên\u003c\/h2\u003e\n    \n    \u003cp class=\"ajx-v152-desc\"\u003eTìm hiểu về những cải tiến mới nhất trong lĩnh vực an toàn phòng cháy chữa cháy, giám sát video, chống đột nhập và cách kết hợp chúng vào một hệ thống tích hợp duy nhất.\u003c\/p\u003e\n    \n    \u003ca href=\"https:\/\/www.youtube.com\/watch?v=u8M6xP4v8zs\" target=\"_blank\" class=\"ajx-v152-yt-link\"\u003e\n      Xem trên Youtube\n      \u003csvg class=\"ajx-v152-yt-icon\" viewbox=\"0 0 24 24\" fill=\"#ff0000\"\u003e\u003cpath d=\"M19.615 3.184c-3.604-.246-11.631-.245-15.23 0-3.897.266-4.356 2.62-4.385 8.816.029 6.185.484 8.549 4.385 8.816 3.6.245 11.626.246 15.23 0 3.897-.266 4.356-2.62 4.385-8.816-.029-6.185-.484-8.549-4.385-8.816zm-10.615 12.816v-8l8 3.993-8 4.007z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n    \u003c\/a\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"ajx-v152-iframe-box\"\u003e\n    \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/u8M6xP4v8zs?si=Do1Fx9K7FJqN4Ymm\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen\u003e\u003c\/iframe\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n  \/* --- CSS RESET --- *\/\n  .ajx-v152-video-wrapper, .ajx-v152-video-wrapper * {\n    font-family: inherit !important; \n    box-sizing: border-box !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    line-height: normal !important;\n  }\n\n  \/* --- BỐ CỤC CHÍNH --- *\/\n  .ajx-v152-video-wrapper {\n    max-width: 1050px !important;\n    margin: 0 auto !important;\n    padding: 20px 15px !important;\n    display: flex !important;\n    flex-direction: column !important;\n    align-items: flex-start !important; \/* Đẩy toàn bộ nội dung sang trái *\/\n    animation: ajxFadeInUpV152 0.8s ease-out forwards;\n  }\n\n  \/* --- PHẦN VĂN BẢN --- *\/\n  .ajx-v152-text-box {\n    width: 100% !important;\n    max-width: 900px !important; \/* Mở rộng giới hạn để chữ nằm ngang rộng hơn *\/\n    margin-bottom: 30px !important;\n    display: flex !important;\n    flex-direction: column !important;\n    align-items: flex-start !important; \/* Chữ bám lề trái *\/\n  }\n\n  .ajx-v152-title {\n    color: #ffffff !important;\n    font-size: clamp(26px, 3vw, 36px) !important;\n    font-weight: bold !important; \/* Bỏ in đậm 900 để giống ảnh hơn *\/\n    margin-bottom: 20px !important;\n    line-height: 1.3 !important;\n    border: none !important;\n    text-align: left !important;\n  }\n\n  .ajx-v152-desc {\n    color: #ffffff !important; \/* Trong ảnh chữ mô tả có vẻ rất trắng\/sáng *\/\n    font-size: clamp(15px, 1.8vw, 17px) !important;\n    line-height: 1.7 !important;\n    margin-bottom: 25px !important;\n    text-align: justify !important; \/* Giãn đều 2 bên cho vuông vức *\/\n    text-align-last: left !important;\n  }\n\n  \/* --- LINK YOUTUBE TỐI GIẢN --- *\/\n  .ajx-v152-yt-link {\n    display: inline-flex !important;\n    align-items: center !important;\n    gap: 8px !important;\n    color: #ffffff !important;\n    font-size: 16px !important;\n    font-weight: bold !important;\n    text-decoration: none !important;\n    transition: opacity 0.2s ease !important;\n  }\n\n  .ajx-v152-yt-link:hover {\n    opacity: 0.7 !important; \/* Làm mờ nhẹ khi hover *\/\n  }\n\n  .ajx-v152-yt-icon {\n    width: 18px !important;\n    height: 18px !important;\n  }\n\n  \/* --- KHUNG VIDEO RESPONSIVE --- *\/\n  .ajx-v152-iframe-box {\n    position: relative !important;\n    width: 100% !important;\n    \/* Mẹo CSS ép tỷ lệ 16:9 hoàn hảo *\/\n    padding-bottom: 56.25% !important; \n    height: 0 !important;\n    border-radius: 15px !important; \/* Bo góc nhẹ nhàng hơn bản trước *\/\n    overflow: hidden !important;\n    background-color: #000000 !important;\n    border: 1px solid rgba(255,255,255,0.05) !important;\n  }\n\n  .ajx-v152-iframe-box iframe {\n    position: absolute !important;\n    top: 0 !important;\n    left: 0 !important;\n    width: 100% !important;\n    height: 100% !important;\n    border: none !important;\n    border-radius: 15px !important;\n  }\n\n  \/* Hiệu ứng trượt lên *\/\n  @keyframes ajxFadeInUpV152 {\n    from { opacity: 0; transform: translateY(20px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n\n  \/* --- MOBILE RESPONSIVE --- *\/\n  @media (max-width: 768px) {\n    .ajx-v152-video-wrapper { padding: 10px 15px !important; }\n    .ajx-v152-text-box { margin-bottom: 25px !important; }\n    .ajx-v152-title { font-size: 22px !important; margin-bottom: 15px !important; }\n    .ajx-v152-desc { margin-bottom: 20px !important; text-align: left !important;} \/* Mobile bỏ justify *\/\n    .ajx-v152-iframe-box { border-radius: 10px !important; }\n    .ajx-v152-iframe-box iframe { border-radius: 10px !important; }\n  }\n\u003c\/style\u003e\n\n\u003cdiv style=\"display: block; width: 100%; height: 50px; clear: both; background: transparent; border: none; margin: 0; padding: 0;\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"ajx-v213-wrapper\"\u003e\n  \n  \u003cdiv class=\"ajx-v213-content-card\"\u003e\n    \n    \u003cdiv class=\"ajx-v213-text-section\"\u003e\n      \u003ch2 class=\"ajx-v213-title\"\u003eNâng cấp thông minh cho các hệ thống hiện có\u003c\/h2\u003e\n      \n      \u003cdiv class=\"ajx-v213-desc\"\u003e\n        \u003cp\u003eĐầu ghi hình Superior NVR sở hữu trí tuệ nhân tạo độc quyền, mang đến khả năng giám sát video thông minh của Ajax ngay cả trong những hệ thống cũ. Các đầu ghi này cho phép các camera cơ bản nhận diện người, vật nuôi và phương tiện – với độ chính xác tương đương với các camera Ajax chính hãng.\u003c\/p\u003e\n        \u003cp\u003eCamera của bên thứ ba được nâng cấp thông qua Superior NVR cũng có thể gửi thông báo phát hiện, kích hoạt còi báo động hoặc chạy các kịch bản tự động hóa. Tất cả những điều này đều được tích hợp trong một đầu ghi hình Ajax Superior NVR duy nhất, mà không cần phải thay thế camera tốn kém.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"ajx-v213-video-section\"\u003e\n      \u003cvideo class=\"ajx-v213-zoomable-media\" autoplay muted loop playsinline\u003e\n        \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/4ebd1dae97374318ad695b70087de8a7.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv id=\"ajx-v213-lightbox\" class=\"ajx-v213-lightbox\"\u003e\n  \u003cspan class=\"ajx-v213-lightbox-close\"\u003e×\u003c\/span\u003e\n  \u003cdiv class=\"ajx-v213-lightbox-content\"\u003e\n    \u003cvideo id=\"ajx-v213-lightbox-video\" src=\"\" autoplay loop muted playsinline style=\"display:none;\"\u003e\u003c\/video\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n  \/* --- CSS RESET --- *\/\n  .ajx-v213-wrapper, .ajx-v213-wrapper * {\n    font-family: inherit !important; \n    box-sizing: border-box !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    line-height: normal !important;\n  }\n\n  \/* --- BỐ CỤC CHÍNH --- *\/\n  .ajx-v213-wrapper {\n    width: 100% !important;\n    max-width: 1050px !important;\n    margin: 0 auto !important;\n    padding: 30px 15px !important;\n    animation: ajxFadeInUpV213 0.8s ease-out forwards;\n  }\n\n  \/* --- CARD CHỨA NỘI DUNG --- *\/\n  .ajx-v213-content-card {\n    background-color: transparent !important; \n    display: flex !important;\n    flex-direction: column !important;\n    align-items: center !important;\n    gap: 40px !important;\n  }\n\n  \/* --- KHU VỰC CHỮ --- *\/\n  .ajx-v213-text-section {\n    width: 100% !important;\n    max-width: 850px !important;\n    text-align: center !important;\n  }\n\n  .ajx-v213-title {\n    color: #ffffff !important;\n    font-size: clamp(26px, 3.5vw, 42px) !important;\n    font-weight: 900 !important;\n    margin-bottom: 25px !important;\n    line-height: 1.3 !important;\n    border: none !important;\n  }\n\n  .ajx-v213-desc {\n    display: flex !important;\n    flex-direction: column !important;\n    gap: 15px !important;\n  }\n\n  .ajx-v213-desc p {\n    color: #ffffff !important; \/* ĐÃ ĐỔI SANG MÀU TRẮNG *\/\n    font-weight: 400 !important; \/* Mỏng nhẹ lại để đỡ chói *\/\n    font-size: 16px !important;\n    line-height: 1.7 !important; \/* Giãn dòng để dễ đọc hơn *\/\n    margin: 0 !important;\n    text-align: justify !important;\n    text-align-last: center !important; \n  }\n\n  \/* --- KHU VỰC VIDEO --- *\/\n  .ajx-v213-video-section {\n    width: 100% !important;\n    display: flex !important;\n    justify-content: center !important;\n  }\n\n  .ajx-v213-zoomable-media {\n    width: 100% !important;\n    max-width: 900px !important;\n    height: auto !important;\n    border-radius: 20px !important;\n    border: 2px solid transparent !important;\n    box-shadow: 0 20px 50px rgba(0,0,0,0.5) !important;\n    cursor: zoom-in !important;\n    transition: transform 0.4s ease, border-color 0.3s ease !important;\n    background-color: #111111 !important; \n  }\n\n  \/* Hiệu ứng hover nổi viền xanh *\/\n  .ajx-v213-zoomable-media:hover {\n    transform: scale(1.02) !important;\n    border-color: #00ff7f !important;\n    box-shadow: 0 15px 40px rgba(0, 255, 127, 0.15) !important;\n  }\n\n  \/* --- LIGHTBOX (PHÓNG TO) --- *\/\n  .ajx-v213-lightbox {\n    display: none; \n    position: fixed !important;\n    z-index: 999999 !important;\n    left: 0 !important; \n    top: 0 !important;\n    width: 100% !important; \n    height: 100% !important;\n    background-color: rgba(0, 0, 0, 0.95) !important;\n    align-items: center !important; \n    justify-content: center !important;\n    cursor: zoom-out !important;\n    backdrop-filter: blur(8px) !important;\n  }\n  \n  .ajx-v213-lightbox-content {\n    width: 90% !important;\n    height: 90% !important;\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n  }\n\n  .ajx-v213-lightbox video {\n    max-width: 100% !important; \n    max-height: 100% !important;\n    border-radius: 16px !important;\n    box-shadow: 0 0 40px rgba(0, 255, 127, 0.2) !important;\n    animation: ajxZoomIn213 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards !important;\n  }\n  \n  .ajx-v213-lightbox-close {\n    position: absolute !important; \n    top: 20px !important; \n    right: 30px !important;\n    color: #ffffff !important; \n    font-size: 45px !important; \n    font-weight: 300 !important;\n    cursor: pointer !important;\n    transition: color 0.2s ease !important;\n    z-index: 1000000 !important;\n  }\n\n  .ajx-v213-lightbox-close:hover { color: #00ff7f !important; }\n\n  @keyframes ajxZoomIn213 { \n    from { transform: scale(0.8); opacity: 0; } \n    to { transform: scale(1); opacity: 1; } \n  }\n  @keyframes ajxFadeInUpV213 {\n    from { opacity: 0; transform: translateY(20px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n\n  \/* --- MOBILE RESPONSIVE --- *\/\n  @media (max-width: 768px) {\n    .ajx-v213-wrapper { padding: 20px 15px !important; }\n    .ajx-v213-title { font-size: 24px !important; }\n    .ajx-v213-desc p { text-align: left !important; text-align-last: auto !important; }\n    .ajx-v213-zoomable-media { border-radius: 12px !important; }\n    .ajx-v213-lightbox-close { top: 10px !important; right: 20px !important; font-size: 35px !important; }\n  }\n\u003c\/style\u003e\n\n\u003cscript\u003e\n  document.addEventListener('DOMContentLoaded', function() {\n    \n    const lightbox213 = document.getElementById('ajx-v213-lightbox');\n    const lightboxVideo213 = document.getElementById('ajx-v213-lightbox-video');\n    const zoomableVideo = document.querySelector('.ajx-v213-zoomable-media');\n    const closeBtn213 = document.querySelector('.ajx-v213-lightbox-close');\n\n    if(zoomableVideo) {\n      zoomableVideo.addEventListener('click', (e) =\u003e {\n        e.stopPropagation();\n        \n        lightboxVideo213.style.display = 'none';\n        lightboxVideo213.src = '';\n\n        const source = zoomableVideo.querySelector('source');\n        if(source) {\n          lightboxVideo213.src = source.src;\n          lightboxVideo213.style.display = 'block';\n          lightbox213.style.display = 'flex'; \n          document.body.style.overflow = 'hidden'; \n        }\n      });\n    }\n\n    const closeLightbox213 = () =\u003e {\n      lightbox213.style.display = 'none';\n      document.body.style.overflow = 'auto'; \n      lightboxVideo213.src = ''; \n    };\n\n    if(closeBtn213) {\n      closeBtn213.addEventListener('click', closeLightbox213);\n    }\n\n    lightbox213.addEventListener('click', (e) =\u003e {\n      if (e.target === lightbox213 || e.target.classList.contains('ajx-v213-lightbox-content')) {\n        closeLightbox213();\n      }\n    });\n\n  });\n\u003c\/script\u003e\n\n\u003cdiv style=\"display: block; width: 100%; height: 50px; clear: both; background: transparent; border: none; margin: 0; padding: 0;\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"ajx-v215-wrapper\"\u003e\n  \n  \u003cdiv class=\"ajx-v215-content-card\"\u003e\n    \n    \u003cdiv class=\"ajx-v215-text-section\"\u003e\n      \u003ch3 class=\"ajx-v215-title\"\u003eGhi hình liên tục không gián đoạn.\u003c\/h3\u003e\n      \n      \u003cdiv class=\"ajx-v215-desc\"\u003e\n        \u003cp\u003eTất cả các thiết bị trong dòng Superior NVR H2D đều cung cấp khả năng ghi hình liên tục, ngay cả trong quá trình bảo trì. Chúng hỗ trợ thay thế ổ cứng ngay cả khi thiết bị đang hoạt động, do đó ổ cứng HDD đã lắp đặt có thể được thay thế bất cứ lúc nào mà không cần tắt thiết bị ghi hình.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"ajx-v215-image-section\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0963\/3366\/0441\/files\/download_38_b01da67c-b057-4e0f-b8f8-2120e66fc2a6.avif?v=1777968635\" alt=\"Ghi hình liên tục Superior NVR H2D\" class=\"ajx-v215-zoomable-media\"\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv id=\"ajx-v215-lightbox\" class=\"ajx-v215-lightbox\"\u003e\n  \u003cspan class=\"ajx-v215-lightbox-close\"\u003e×\u003c\/span\u003e\n  \u003cdiv class=\"ajx-v215-lightbox-content\"\u003e\n    \u003cimg id=\"ajx-v215-lightbox-img\" src=\"\" alt=\"Zoomed View\"\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n  \/* --- CSS RESET --- *\/\n  .ajx-v215-wrapper, .ajx-v215-wrapper * {\n    font-family: inherit !important; \n    box-sizing: border-box !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    line-height: normal !important;\n  }\n\n  \/* --- BỐ CỤC CHÍNH --- *\/\n  .ajx-v215-wrapper {\n    width: 100% !important;\n    max-width: 1050px !important;\n    margin: 0 auto !important;\n    padding: 30px 15px !important;\n    animation: ajxFadeInUpV215 0.8s ease-out forwards;\n  }\n\n  \/* --- CARD CHỨA NỘI DUNG --- *\/\n  .ajx-v215-content-card {\n    background-color: transparent !important; \n    display: flex !important;\n    flex-direction: column !important;\n    align-items: center !important;\n    gap: 40px !important;\n  }\n\n  \/* --- KHU VỰC CHỮ --- *\/\n  .ajx-v215-text-section {\n    width: 100% !important;\n    max-width: 850px !important;\n    text-align: center !important; \/* Căn giữa toàn bộ cụm chữ *\/\n  }\n\n  .ajx-v215-title {\n    color: #ffffff !important;\n    font-size: clamp(26px, 3.5vw, 42px) !important;\n    font-weight: 900 !important;\n    margin-bottom: 25px !important;\n    line-height: 1.3 !important;\n    border: none !important;\n  }\n\n  .ajx-v215-desc {\n    display: flex !important;\n    flex-direction: column !important;\n    gap: 15px !important;\n  }\n\n  .ajx-v215-desc p {\n    color: #ffffff !important; \/* Đổi thành màu trắng giống V213 *\/\n    font-weight: 400 !important;\n    font-size: 16px !important;\n    line-height: 1.7 !important;\n    margin: 0 !important;\n    text-align: justify !important;\n    text-align-last: center !important; \n  }\n\n  \/* --- KHU VỰC HÌNH ẢNH --- *\/\n  .ajx-v215-image-section {\n    width: 100% !important;\n    display: flex !important;\n    justify-content: center !important;\n  }\n\n  .ajx-v215-zoomable-media {\n    width: 100% !important;\n    max-width: 900px !important;\n    height: auto !important;\n    border-radius: 20px !important;\n    border: 2px solid transparent !important;\n    box-shadow: 0 20px 50px rgba(0,0,0,0.5) !important;\n    cursor: zoom-in !important;\n    transition: transform 0.4s ease, border-color 0.3s ease !important;\n    background-color: #111111 !important; \n    padding: 5px !important; \/* Lớp đệm viền nhẹ *\/\n  }\n\n  \/* Hiệu ứng hover nổi viền xanh *\/\n  .ajx-v215-zoomable-media:hover {\n    transform: scale(1.02) !important;\n    border-color: #00ff7f !important;\n    box-shadow: 0 15px 40px rgba(0, 255, 127, 0.15) !important;\n  }\n\n  \/* --- LIGHTBOX (PHÓNG TO) --- *\/\n  .ajx-v215-lightbox {\n    display: none; \n    position: fixed !important;\n    z-index: 999999 !important;\n    left: 0 !important; \n    top: 0 !important;\n    width: 100% !important; \n    height: 100% !important;\n    background-color: rgba(0, 0, 0, 0.95) !important;\n    align-items: center !important; \n    justify-content: center !important;\n    cursor: zoom-out !important;\n    backdrop-filter: blur(8px) !important;\n  }\n  \n  .ajx-v215-lightbox-content {\n    width: 90% !important;\n    height: 90% !important;\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n  }\n\n  .ajx-v215-lightbox img {\n    max-width: 100% !important; \n    max-height: 100% !important;\n    border-radius: 16px !important;\n    box-shadow: 0 0 40px rgba(0, 255, 127, 0.2) !important;\n    animation: ajxZoomIn215 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards !important;\n  }\n  \n  .ajx-v215-lightbox-close {\n    position: absolute !important; \n    top: 20px !important; \n    right: 30px !important;\n    color: #ffffff !important; \n    font-size: 45px !important; \n    font-weight: 300 !important;\n    cursor: pointer !important;\n    transition: color 0.2s ease !important;\n    z-index: 1000000 !important;\n  }\n\n  .ajx-v215-lightbox-close:hover { color: #00ff7f !important; }\n\n  @keyframes ajxZoomIn215 { \n    from { transform: scale(0.8); opacity: 0; } \n    to { transform: scale(1); opacity: 1; } \n  }\n  @keyframes ajxFadeInUpV215 {\n    from { opacity: 0; transform: translateY(20px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n\n  \/* --- MOBILE RESPONSIVE --- *\/\n  @media (max-width: 768px) {\n    .ajx-v215-wrapper { padding: 20px 15px !important; }\n    .ajx-v215-title { font-size: 24px !important; }\n    .ajx-v215-desc p { text-align: left !important; text-align-last: auto !important; }\n    .ajx-v215-zoomable-media { border-radius: 12px !important; }\n    .ajx-v215-lightbox-close { top: 10px !important; right: 20px !important; font-size: 35px !important; }\n  }\n\u003c\/style\u003e\n\n\u003cscript\u003e\n  document.addEventListener('DOMContentLoaded', function() {\n    \n    const lightbox215 = document.getElementById('ajx-v215-lightbox');\n    const lightboxImg215 = document.getElementById('ajx-v215-lightbox-img');\n    const zoomableImage = document.querySelector('.ajx-v215-zoomable-media');\n    const closeBtn215 = document.querySelector('.ajx-v215-lightbox-close');\n\n    if(zoomableImage) {\n      \/\/ Dùng sự kiện click (1 chạm)\n      zoomableImage.addEventListener('click', (e) =\u003e {\n        e.stopPropagation();\n        \n        lightboxImg215.style.display = 'none';\n        lightboxImg215.src = '';\n\n        if(zoomableImage.src) {\n          lightboxImg215.src = zoomableImage.src;\n          lightboxImg215.style.display = 'block';\n          lightbox215.style.display = 'flex'; \n          document.body.style.overflow = 'hidden'; \n        }\n      });\n    }\n\n    const closeLightbox215 = () =\u003e {\n      lightbox215.style.display = 'none';\n      document.body.style.overflow = 'auto'; \n      lightboxImg215.src = ''; \n    };\n\n    if(closeBtn215) {\n      closeBtn215.addEventListener('click', closeLightbox215);\n    }\n\n    lightbox215.addEventListener('click', (e) =\u003e {\n      if (e.target === lightbox215 || e.target.classList.contains('ajx-v215-lightbox-content')) {\n        closeLightbox215();\n      }\n    });\n\n  });\n\u003c\/script\u003e\n\n\u003cdiv style=\"display: block; width: 100%; height: 50px; clear: both; background: transparent; border: none; margin: 0; padding: 0;\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"ajx-v217-wrapper\"\u003e\n  \n  \u003cdiv class=\"ajx-v217-content-card\"\u003e\n    \n    \u003cdiv class=\"ajx-v217-text-section\"\u003e\n      \u003ch2 class=\"ajx-v217-title\"\u003eToàn bộ lịch sử được lưu giữ với bản ghi âm hai ổ đĩa.\u003c\/h2\u003e\n      \u003cdiv class=\"ajx-v217-desc\"\u003e\n        \u003cp\u003eDòng sản phẩm NVR H2D cao cấp cung cấp hai chế độ ghi hình được thiết kế để tăng cường khả năng phục hồi của hệ thống. Cả hai chế độ đều giảm thiểu rủi ro mất dữ liệu nếu một ổ đĩa bị lỗi, đồng thời luôn bảo toàn đầy đủ ngữ cảnh của các sự kiện đã ghi.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"ajx-v217-modes-stack\"\u003e\n      \n      \u003cdiv class=\"ajx-v217-mode-item\"\u003e\n        \u003cdiv class=\"ajx-v217-mode-text\"\u003e\n          \u003ch3\u003eChế độ dự phòng\u003c\/h3\u003e\n          \u003cp\u003eDữ liệu được sao lưu đồng thời trên cả hai ổ cứng để đảm bảo sao lưu đầy đủ.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"ajx-v217-video-section\"\u003e\n          \u003cvideo class=\"ajx-v217-zoomable-media\" autoplay muted loop playsinline\u003e\n            \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/4fe59a1ac895428e894ec120bc6f7fbf.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"ajx-v217-mode-item\"\u003e\n        \u003cdiv class=\"ajx-v217-mode-text\"\u003e\n          \u003ch3\u003eChế độ chia đôi\u003c\/h3\u003e\n          \u003cp\u003eQuá trình ghi hình được thực hiện luân phiên theo từng đoạn bằng nhau trên cả hai ổ cứng, tối ưu hóa dung lượng lưu trữ và cân bằng tải cho ổ cứng.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"ajx-v217-video-section\"\u003e\n          \u003cvideo class=\"ajx-v217-zoomable-media\" autoplay muted loop playsinline\u003e\n            \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/dba944a90d8b47ffbc1fce6c4c3f51d7.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv id=\"ajx-v217-lightbox\" class=\"ajx-v217-lightbox\"\u003e\n  \u003cspan class=\"ajx-v217-lightbox-close\"\u003e×\u003c\/span\u003e\n  \u003cdiv class=\"ajx-v217-lightbox-content\"\u003e\n    \u003cvideo id=\"ajx-v217-lightbox-video\" src=\"\" autoplay loop muted playsinline style=\"display:none;\"\u003e\u003c\/video\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n  \/* --- CSS RESET --- *\/\n  .ajx-v217-wrapper, .ajx-v217-wrapper * {\n    font-family: inherit !important; \n    box-sizing: border-box !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    line-height: normal !important;\n  }\n\n  \/* --- BỐ CỤC CHÍNH --- *\/\n  .ajx-v217-wrapper {\n    width: 100% !important;\n    max-width: 1050px !important;\n    margin: 0 auto !important;\n    padding: 30px 15px !important;\n    animation: ajxFadeInUpV217 0.8s ease-out forwards;\n  }\n\n  \/* --- CARD CHỨA NỘI DUNG --- *\/\n  .ajx-v217-content-card {\n    background-color: transparent !important; \n    display: flex !important;\n    flex-direction: column !important;\n    align-items: center !important;\n    gap: 60px !important; \/* Khoảng cách giữa Text chính và Khối video *\/\n  }\n\n  \/* --- KHU VỰC CHỮ CHÍNH --- *\/\n  .ajx-v217-text-section {\n    width: 100% !important;\n    max-width: 850px !important;\n    text-align: center !important;\n  }\n\n  .ajx-v217-title {\n    color: #ffffff !important;\n    font-size: clamp(26px, 3.5vw, 42px) !important;\n    font-weight: 900 !important;\n    margin-bottom: 20px !important;\n    line-height: 1.3 !important;\n    border: none !important;\n  }\n\n  .ajx-v217-desc p {\n    color: #ffffff !important; \n    font-weight: 400 !important;\n    font-size: 16px !important;\n    line-height: 1.7 !important;\n    margin: 0 !important;\n    text-align: justify !important;\n    text-align-last: center !important; \n  }\n\n  \/* --- KHỐI XẾP DỌC (STACK) CÁC CHẾ ĐỘ --- *\/\n  .ajx-v217-modes-stack {\n    width: 100% !important;\n    display: flex !important;\n    flex-direction: column !important;\n    align-items: center !important;\n    gap: 60px !important; \/* Khoảng cách giữa 2 khối video *\/\n  }\n\n  .ajx-v217-mode-item {\n    width: 100% !important;\n    max-width: 900px !important; \/* Bằng với max-width của video *\/\n    display: flex !important;\n    flex-direction: column !important;\n    gap: 20px !important; \/* Khoảng cách giữa Chữ và Video bên trong *\/\n  }\n\n  .ajx-v217-mode-text {\n    display: flex !important;\n    flex-direction: column !important;\n    gap: 10px !important;\n    text-align: left !important; \/* Căn trái cho tiêu đề phụ *\/\n  }\n\n  .ajx-v217-mode-text h3 {\n    color: #ffffff !important;\n    font-size: 24px !important;\n    font-weight: 800 !important;\n    margin: 0 !important;\n  }\n\n  .ajx-v217-mode-text p {\n    color: #e0e0e0 !important; \/* Chữ xám sáng *\/\n    font-size: 16px !important;\n    line-height: 1.6 !important;\n    margin: 0 !important;\n  }\n\n  \/* --- KHU VỰC VIDEO --- *\/\n  .ajx-v217-video-section {\n    width: 100% !important;\n    display: flex !important;\n    justify-content: center !important;\n  }\n\n  .ajx-v217-zoomable-media {\n    width: 100% !important;\n    height: auto !important;\n    border-radius: 20px !important;\n    border: 2px solid transparent !important;\n    box-shadow: 0 15px 35px rgba(0,0,0,0.4) !important;\n    cursor: zoom-in !important;\n    transition: transform 0.4s ease, border-color 0.3s ease !important;\n    background-color: #111111 !important; \n  }\n\n  .ajx-v217-zoomable-media:hover {\n    transform: scale(1.01) !important;\n    border-color: #00ff7f !important;\n    box-shadow: 0 10px 30px rgba(0, 255, 127, 0.15) !important;\n  }\n\n  \/* --- LIGHTBOX (PHÓNG TO) --- *\/\n  .ajx-v217-lightbox {\n    display: none; \n    position: fixed !important;\n    z-index: 999999 !important;\n    left: 0 !important; \n    top: 0 !important;\n    width: 100% !important; \n    height: 100% !important;\n    background-color: rgba(0, 0, 0, 0.95) !important;\n    align-items: center !important; \n    justify-content: center !important;\n    cursor: zoom-out !important;\n    backdrop-filter: blur(8px) !important;\n  }\n  \n  .ajx-v217-lightbox-content {\n    width: 90% !important;\n    height: 90% !important;\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n  }\n\n  .ajx-v217-lightbox video {\n    max-width: 100% !important; \n    max-height: 100% !important;\n    border-radius: 16px !important;\n    box-shadow: 0 0 40px rgba(0, 255, 127, 0.2) !important;\n    animation: ajxZoomIn217 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards !important;\n  }\n  \n  .ajx-v217-lightbox-close {\n    position: absolute !important; \n    top: 20px !important; \n    right: 30px !important;\n    color: #ffffff !important; \n    font-size: 45px !important; \n    font-weight: 300 !important;\n    cursor: pointer !important;\n    transition: color 0.2s ease !important;\n    z-index: 1000000 !important;\n  }\n\n  .ajx-v217-lightbox-close:hover { color: #00ff7f !important; }\n\n  @keyframes ajxZoomIn217 { \n    from { transform: scale(0.8); opacity: 0; } \n    to { transform: scale(1); opacity: 1; } \n  }\n  @keyframes ajxFadeInUpV217 {\n    from { opacity: 0; transform: translateY(20px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n\n  \/* --- MOBILE RESPONSIVE --- *\/\n  @media (max-width: 768px) {\n    .ajx-v217-wrapper { padding: 20px 15px !important; }\n    .ajx-v217-title { font-size: 24px !important; }\n    .ajx-v217-desc p { text-align: left !important; text-align-last: auto !important; }\n    \n    .ajx-v217-modes-stack { gap: 40px !important; }\n    .ajx-v217-mode-item { gap: 15px !important; }\n    .ajx-v217-mode-text h3 { font-size: 20px !important; }\n\n    .ajx-v217-zoomable-media { border-radius: 12px !important; }\n    .ajx-v217-lightbox-close { top: 10px !important; right: 20px !important; font-size: 35px !important; }\n  }\n\u003c\/style\u003e\n\n\u003cscript\u003e\n  document.addEventListener('DOMContentLoaded', function() {\n    \n    const lightbox217 = document.getElementById('ajx-v217-lightbox');\n    const lightboxVideo217 = document.getElementById('ajx-v217-lightbox-video');\n    const zoomableVideos = document.querySelectorAll('.ajx-v217-zoomable-media');\n    const closeBtn217 = document.querySelector('.ajx-v217-lightbox-close');\n\n    if(zoomableVideos.length \u003e 0) {\n      zoomableVideos.forEach(video =\u003e {\n        video.addEventListener('click', (e) =\u003e {\n          e.stopPropagation();\n          \n          lightboxVideo217.style.display = 'none';\n          lightboxVideo217.src = '';\n\n          const source = video.querySelector('source');\n          if(source) {\n            lightboxVideo217.src = source.src;\n            lightboxVideo217.style.display = 'block';\n            lightbox217.style.display = 'flex'; \n            document.body.style.overflow = 'hidden'; \n          }\n        });\n      });\n    }\n\n    const closeLightbox217 = () =\u003e {\n      lightbox217.style.display = 'none';\n      document.body.style.overflow = 'auto'; \n      lightboxVideo217.src = ''; \n    };\n\n    if(closeBtn217) {\n      closeBtn217.addEventListener('click', closeLightbox217);\n    }\n\n    lightbox217.addEventListener('click', (e) =\u003e {\n      if (e.target === lightbox217 || e.target.classList.contains('ajx-v217-lightbox-content')) {\n        closeLightbox217();\n      }\n    });\n\n  });\n\u003c\/script\u003e\n\n\u003cdiv style=\"display: block; width: 100%; height: 50px; clear: both; background: transparent; border: none; margin: 0; padding: 0;\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"ajx-v218-wrapper\"\u003e\n  \n  \u003cdiv class=\"ajx-v218-content-card\"\u003e\n    \n    \u003cdiv class=\"ajx-v218-text-section\"\u003e\n      \u003ch2 class=\"ajx-v218-title\"\u003eTheo dõi các sự kiện quan trọng — tại bàn làm việc hoặc khi đang di chuyển\u003c\/h2\u003e\n      \n      \u003cdiv class=\"ajx-v218-desc\"\u003e\n        \u003cp\u003eCác đầu ghi NVR cao cấp dễ dàng thích ứng với mọi quy trình giám sát. Ajax cung cấp bộ ứng dụng đầy đủ cho thiết bị di động và máy tính để bàn nhằm quản lý video toàn diện. Các công cụ dựa trên đám mây an toàn này cho phép người dùng xem màn hình video, quản lý kho lưu trữ và điều chỉnh cài đặt từ bất cứ đâu trên thế giới.\u003c\/p\u003e\n        \u003cp\u003eVà với cổng HDMI 4K và ba cổng USB để kết nối màn hình và thiết bị ngoại vi, một trạm giám sát hoàn chỉnh có thể được thiết lập ngay tại bàn làm việc. Dù thiết lập như thế nào, các sự kiện quan trọng luôn được theo dõi sát sao.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"ajx-v218-video-section\"\u003e\n      \u003cvideo class=\"ajx-v218-zoomable-media\" autoplay muted loop playsinline\u003e\n        \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/abd287a5ccb847edbcb1fb90a51241c8.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv id=\"ajx-v218-lightbox\" class=\"ajx-v218-lightbox\"\u003e\n  \u003cspan class=\"ajx-v218-lightbox-close\"\u003e×\u003c\/span\u003e\n  \u003cdiv class=\"ajx-v218-lightbox-content\"\u003e\n    \u003cvideo id=\"ajx-v218-lightbox-video\" src=\"\" autoplay loop muted playsinline style=\"display:none;\"\u003e\u003c\/video\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n  \/* --- CSS RESET --- *\/\n  .ajx-v218-wrapper, .ajx-v218-wrapper * {\n    font-family: inherit !important; \n    box-sizing: border-box !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    line-height: normal !important;\n  }\n\n  \/* --- BỐ CỤC CHÍNH --- *\/\n  .ajx-v218-wrapper {\n    width: 100% !important;\n    max-width: 1050px !important;\n    margin: 0 auto !important;\n    padding: 30px 15px !important;\n    animation: ajxFadeInUpV218 0.8s ease-out forwards;\n  }\n\n  \/* --- CARD CHỨA NỘI DUNG --- *\/\n  .ajx-v218-content-card {\n    background-color: transparent !important; \n    display: flex !important;\n    flex-direction: column !important;\n    align-items: center !important;\n    gap: 40px !important;\n  }\n\n  \/* --- KHU VỰC CHỮ --- *\/\n  .ajx-v218-text-section {\n    width: 100% !important;\n    max-width: 850px !important;\n    text-align: center !important;\n  }\n\n  .ajx-v218-title {\n    color: #ffffff !important;\n    font-size: clamp(26px, 3.5vw, 42px) !important;\n    font-weight: 900 !important;\n    margin-bottom: 25px !important;\n    line-height: 1.3 !important;\n    border: none !important;\n  }\n\n  .ajx-v218-desc {\n    display: flex !important;\n    flex-direction: column !important;\n    gap: 15px !important;\n  }\n\n  .ajx-v218-desc p {\n    color: #ffffff !important; \n    font-weight: 400 !important; \n    font-size: 16px !important;\n    line-height: 1.7 !important; \n    margin: 0 !important;\n    text-align: justify !important;\n    text-align-last: center !important; \n  }\n\n  \/* --- KHU VỰC VIDEO --- *\/\n  .ajx-v218-video-section {\n    width: 100% !important;\n    display: flex !important;\n    justify-content: center !important;\n  }\n\n  .ajx-v218-zoomable-media {\n    width: 100% !important;\n    max-width: 900px !important;\n    height: auto !important;\n    border-radius: 20px !important;\n    border: 2px solid transparent !important;\n    box-shadow: 0 20px 50px rgba(0,0,0,0.5) !important;\n    cursor: zoom-in !important;\n    transition: transform 0.4s ease, border-color 0.3s ease !important;\n    background-color: #111111 !important; \n  }\n\n  \/* Hiệu ứng hover nổi viền xanh *\/\n  .ajx-v218-zoomable-media:hover {\n    transform: scale(1.02) !important;\n    border-color: #00ff7f !important;\n    box-shadow: 0 15px 40px rgba(0, 255, 127, 0.15) !important;\n  }\n\n  \/* --- LIGHTBOX (PHÓNG TO) --- *\/\n  .ajx-v218-lightbox {\n    display: none; \n    position: fixed !important;\n    z-index: 999999 !important;\n    left: 0 !important; \n    top: 0 !important;\n    width: 100% !important; \n    height: 100% !important;\n    background-color: rgba(0, 0, 0, 0.95) !important;\n    align-items: center !important; \n    justify-content: center !important;\n    cursor: zoom-out !important;\n    backdrop-filter: blur(8px) !important;\n  }\n  \n  .ajx-v218-lightbox-content {\n    width: 90% !important;\n    height: 90% !important;\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n  }\n\n  .ajx-v218-lightbox video {\n    max-width: 100% !important; \n    max-height: 100% !important;\n    border-radius: 16px !important;\n    box-shadow: 0 0 40px rgba(0, 255, 127, 0.2) !important;\n    animation: ajxZoomIn218 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards !important;\n  }\n  \n  .ajx-v218-lightbox-close {\n    position: absolute !important; \n    top: 20px !important; \n    right: 30px !important;\n    color: #ffffff !important; \n    font-size: 45px !important; \n    font-weight: 300 !important;\n    cursor: pointer !important;\n    transition: color 0.2s ease !important;\n    z-index: 1000000 !important;\n  }\n\n  .ajx-v218-lightbox-close:hover { color: #00ff7f !important; }\n\n  @keyframes ajxZoomIn218 { \n    from { transform: scale(0.8); opacity: 0; } \n    to { transform: scale(1); opacity: 1; } \n  }\n  @keyframes ajxFadeInUpV218 {\n    from { opacity: 0; transform: translateY(20px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n\n  \/* --- MOBILE RESPONSIVE --- *\/\n  @media (max-width: 768px) {\n    .ajx-v218-wrapper { padding: 20px 15px !important; }\n    .ajx-v218-title { font-size: 24px !important; }\n    .ajx-v218-desc p { text-align: left !important; text-align-last: auto !important; }\n    .ajx-v218-zoomable-media { border-radius: 12px !important; }\n    .ajx-v218-lightbox-close { top: 10px !important; right: 20px !important; font-size: 35px !important; }\n  }\n\u003c\/style\u003e\n\n\u003cscript\u003e\n  document.addEventListener('DOMContentLoaded', function() {\n    \n    const lightbox218 = document.getElementById('ajx-v218-lightbox');\n    const lightboxVideo218 = document.getElementById('ajx-v218-lightbox-video');\n    const zoomableVideo = document.querySelector('.ajx-v218-zoomable-media');\n    const closeBtn218 = document.querySelector('.ajx-v218-lightbox-close');\n\n    if(zoomableVideo) {\n      \/\/ Dùng sự kiện click (1 chạm)\n      zoomableVideo.addEventListener('click', (e) =\u003e {\n        e.stopPropagation();\n        \n        lightboxVideo218.style.display = 'none';\n        lightboxVideo218.src = '';\n\n        \/\/ Lấy source từ video gốc\n        const source = zoomableVideo.querySelector('source');\n        if(source) {\n          lightboxVideo218.src = source.src;\n          lightboxVideo218.style.display = 'block';\n          lightbox218.style.display = 'flex'; \n          document.body.style.overflow = 'hidden'; \n        }\n      });\n    }\n\n    const closeLightbox218 = () =\u003e {\n      lightbox218.style.display = 'none';\n      document.body.style.overflow = 'auto'; \n      lightboxVideo218.src = ''; \n    };\n\n    if(closeBtn218) {\n      closeBtn218.addEventListener('click', closeLightbox218);\n    }\n\n    lightbox218.addEventListener('click', (e) =\u003e {\n      if (e.target === lightbox218 || e.target.classList.contains('ajx-v218-lightbox-content')) {\n        closeLightbox218();\n      }\n    });\n\n  });\n\u003c\/script\u003e\n\n\u003cdiv style=\"display: block; width: 100%; height: 50px; clear: both; background: transparent; border: none; margin: 0; padding: 0;\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"ajx-v220-wrapper\"\u003e\n  \n  \u003cdiv class=\"ajx-v220-content\"\u003e\n    \n    \u003cdiv class=\"ajx-v220-text-section\"\u003e\n      \u003cspan class=\"ajx-v220-overline\"\u003eĐược thiết kế để phù hợp với mọi dự án.\u003c\/span\u003e\n      \u003ch2 class=\"ajx-v220-title\"\u003e\u003c\/h2\u003e\n      \n      \u003cdiv class=\"ajx-v220-desc\"\u003e\n        \u003cp\u003eĐầu ghi hình NVR của Ajax có nhiều tùy chọn để phù hợp với mọi ứng dụng hoặc thiết kế mạng. Dòng Superior NVR H2D bao gồm các đầu ghi hỗ trợ tối đa 32 kênh để đáp ứng nhu cầu của các hệ thống có quy mô khác nhau. Các mẫu có cổng PoE\u003csup class=\"ajx-v220-green-sup\"\u003e(1)\u003c\/sup\u003e có thể kết nối và cấp nguồn cho tối đa 16 camera. Trong khi đó, các đầu ghi hình NVR không có cổng PoE có hai giao diện Ethernet — lý tưởng để kết nối với các bộ chuyển mạch cấp công nghiệp tại các địa điểm có yêu cầu mạng nghiêm ngặt.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"ajx-v220-feature-card\"\u003e\n      \u003cul class=\"ajx-v220-list\"\u003e\n        \u003cli\u003eLên đến 32 kênh\u003c\/li\u003e\n        \u003cli\u003eTối đa 16 cổng PoE\u003c\/li\u003e\n        \u003cli\u003eTối đa hai giao diện Ethernet\u003c\/li\u003e\n      \u003c\/ul\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n  \/* --- CSS RESET --- *\/\n  .ajx-v220-wrapper, .ajx-v220-wrapper * {\n    font-family: inherit !important; \n    box-sizing: border-box !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    line-height: normal !important;\n  }\n\n  \/* --- BỐ CỤC CHÍNH --- *\/\n  .ajx-v220-wrapper {\n    width: 100% !important;\n    max-width: 1050px !important;\n    margin: 0 auto !important;\n    padding: 20px 15px !important;\n    animation: ajxFadeInUpV220 0.8s ease-out forwards;\n  }\n\n  .ajx-v220-content {\n    display: flex !important;\n    flex-direction: column !important;\n    align-items: center !important;\n    gap: 40px !important;\n  }\n\n  \/* --- KHU VỰC VĂN BẢN --- *\/\n  .ajx-v220-text-section {\n    width: 100% !important;\n    max-width: 850px !important;\n    text-align: center !important;\n  }\n\n  .ajx-v220-overline {\n    color: #ffffff !important; \/* Đổi màu dòng overline thành trắng *\/\n    font-size: 24px !important; \/* Tăng size để giống ảnh mẫu *\/\n    font-weight: 700 !important;\n    display: block !important;\n    margin-bottom: 10px !important;\n  }\n\n  \/* Ẩn thẻ h2 vì trong ảnh mẫu không có dòng \"Giải pháp linh hoạt...\" *\/\n  .ajx-v220-title {\n    display: none !important;\n  }\n\n  .ajx-v220-desc p {\n    color: #ffffff !important;\n    font-size: 16px !important;\n    line-height: 1.7 !important;\n    text-align: justify !important;\n    text-align-last: center !important;\n  }\n\n  \/* ĐỊNH DẠNG CHỈ SỐ TRÊN MÀU XANH AJAX *\/\n  .ajx-v220-green-sup {\n    color: #00ff7f !important;\n    font-weight: bold !important;\n    font-size: 12px !important; \/* Chỉnh nhỏ lại xíu cho tinh tế *\/\n    margin-left: 2px !important;\n    margin-right: 2px !important;\n    cursor: default !important; \/* Hoặc 'pointer' nếu sau này bạn muốn làm tooltip *\/\n  }\n\n  \/* --- THẺ TÍNH NĂNG (CARD XÁM) --- *\/\n  .ajx-v220-feature-card {\n    background-color: #1a1a1c !important; \n    border-radius: 16px !important;\n    padding: 35px 50px !important;\n    width: 100% !important;\n    max-width: 500px !important; \n    border: 1px solid rgba(255, 255, 255, 0.05) !important;\n    box-shadow: 0 15px 40px rgba(0,0,0,0.4) !important;\n  }\n\n  \/* --- DANH SÁCH CHẤM XANH --- *\/\n  .ajx-v220-list {\n    list-style: none !important;\n    display: flex !important;\n    flex-direction: column !important;\n    gap: 18px !important;\n  }\n\n  .ajx-v220-list li {\n    color: #ffffff !important;\n    font-size: 17px !important;\n    font-weight: 600 !important;\n    position: relative !important;\n    padding-left: 30px !important;\n    display: flex !important;\n    align-items: center !important;\n  }\n\n  \/* Vẽ dấu chấm xanh Ajax *\/\n  .ajx-v220-list li::before {\n    content: \"\" !important;\n    position: absolute !important;\n    left: 0 !important;\n    width: 10px !important;\n    height: 10px !important;\n    background-color: #00ff7f !important; \n    border-radius: 50% !important;\n    box-shadow: 0 0 10px rgba(0, 255, 127, 0.4) !important;\n  }\n\n  @keyframes ajxFadeInUpV220 {\n    from { opacity: 0; transform: translateY(20px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n\n  \/* --- MOBILE RESPONSIVE --- *\/\n  @media (max-width: 768px) {\n    .ajx-v220-text-section { text-align: left !important; }\n    .ajx-v220-desc p { text-align: left !important; text-align-last: auto !important; }\n    .ajx-v220-feature-card { padding: 25px 30px !important; }\n    .ajx-v220-list li { font-size: 15px !important; }\n  }\n\u003c\/style\u003e\n\n\u003cdiv style=\"display: block; width: 100%; height: 50px; clear: both; background: transparent; border: none; margin: 0; padding: 0;\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"ajx-v191-mid-section\"\u003e\n  \u003cdiv class=\"ajx-v191-mid-text\"\u003e\n    \u003ch3\u003eDễ dàng tích hợp thông qua ONVIF và RTSP\u003c\/h3\u003e\n    \u003cp\u003eCác thiết bị video Ajax hỗ trợ giao thức ONVIF và RTSP — không cần thủ thuật đặc biệt, không cần thêm nỗ lực. Điều này mở ra nhiều cơ hội để nâng cấp và trang bị thêm các tính năng bảo mật tiên tiến cho hệ thống video hiện có. Camera và NVR Ajax kết nối với hệ thống giám sát hoặc quản lý video (VMS) của bên thứ ba chỉ với vài thao tác chạm. Công cụ hỗ trợ đặc biệt trong ứng dụng Ajax đơn giản hóa quá trình cấu hình bằng cách tự động truy xuất tất cả dữ liệu mạng cần thiết. Tận hưởng khả năng truyền phát mượt mà và cấu hình hình ảnh linh hoạt, cho dù bạn đang xây dựng hệ thống mới hay mở rộng hệ thống hiện có.\u003c\/p\u003e\n    \n    \u003ca href=\"https:\/\/support-ajax-systems.translate.goog\/en\/manuals\/onvif\/?_gl=1*e6yql7*_gcl_au*MjE0NTI1ODM5MC4xNzc0NDMyMzUx*FPAU*MjE0NTI1ODM5MC4xNzc0NDMyMzUx*_ga*OTQwNDMyNjAwLjE3NjY2NTE0NzM.*_ga_1C2WYPSDCY*czE3NzY5Mzg2ODAkbzEzMiRnMCR0MTc3NjkzODY4MCRqNjAkbDAkaDA.*_ga_DFE4XTFKJQ*czE3NzY5Mzg2ODAkbzI1JGcwJHQxNzc2OTM4NjgwJGo2MCRsMCRoOTU0NDE0MDE2\u0026amp;_x_tr_sl=en\u0026amp;_x_tr_tl=vi\u0026amp;_x_tr_hl=vi\u0026amp;_x_tr_pto=wapp\" target=\"_blank\" class=\"ajx-v191-link\"\u003e\n      Hướng dẫn cấu hình xác thực ONVIF\n      \u003csvg viewbox=\"0 0 24 24\" width=\"16\" height=\"16\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cpolyline points=\"12 16 16 12 12 8\"\u003e\u003c\/polyline\u003e\u003cline x1=\"8\" y1=\"12\" x2=\"16\" y2=\"12\"\u003e\u003c\/line\u003e\u003c\/svg\u003e\n    \u003c\/a\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"ajx-v191-diagram\"\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0963\/3366\/0441\/files\/imageye___-__11.jpg?v=1777030521\" alt=\"Sơ đồ ONVIF\" class=\"ajx-zoomable-img\"\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"ajx-v191-grid-section\"\u003e\n  \n  \u003cdiv class=\"ajx-v191-card\"\u003e\n    \u003ch4\u003eCác cấu hình \u003csup\u003e2\u003c\/sup\u003e được hỗ trợ:\u003c\/h4\u003e\n    \u003cul\u003e\n      \u003cli\u003eHồ sơ ONVIF S\u003c\/li\u003e\n      \u003cli\u003eHồ sơ ONVIF T\u003c\/li\u003e\n      \u003cli\u003eHồ sơ ONVIF M\u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"ajx-v191-card\"\u003e\n    \u003ch4\u003eCác codec được hỗ trợ:\u003c\/h4\u003e\n    \u003cul\u003e\n      \u003cli\u003eH.264\u003c\/li\u003e\n      \u003cli\u003eH.265 (HEVC)\u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"ajx-v191-card\"\u003e\n    \u003ch4\u003eCó ba vị trí khả dụng:\u003c\/h4\u003e\n    \u003cul\u003e\n      \u003cli\u003eQuản trị viên\u003c\/li\u003e\n      \u003cli\u003eNgười vận hành\u003c\/li\u003e\n      \u003cli\u003eNgười dùng\u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"ajx-v191-card\"\u003e\n    \u003ch4\u003eCác tính năng bổ sung:\u003c\/h4\u003e\n    \u003cul\u003e\n      \u003cli\u003eLịch sử phát hiện chuyển động\u003c\/li\u003e\n      \u003cli\u003eNhận dạng AI\u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv id=\"ajx-v191-lightbox\" class=\"ajx-v191-lightbox\"\u003e\n  \u003cspan class=\"ajx-v191-lightbox-close\"\u003e×\u003c\/span\u003e\n  \u003cimg id=\"ajx-v191-lightbox-img\" src=\"\" alt=\"Zoomed UI\"\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n  \/* --- CSS RESET --- *\/\n  .ajx-v191-wrapper, .ajx-v191-wrapper * {\n    font-family: inherit !important; \n    box-sizing: border-box !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    line-height: normal !important;\n  }\n\n  \/* --- BỐ CỤC CHÍNH --- *\/\n  .ajx-v191-wrapper {\n    width: 100% !important;\n    max-width: 1050px !important;\n    margin: 0 auto !important;\n    padding: 40px 15px !important;\n    animation: ajxFadeInUpV191 0.8s ease-out forwards;\n    color: #ffffff !important;\n  }\n\n  .ajx-v191-main-title {\n    font-size: clamp(26px, 4vw, 42px) !important;\n    font-weight: 900 !important;\n    text-align: left !important;\n    margin-bottom: 60px !important;\n    line-height: 1.3 !important;\n    border: none !important;\n    max-width: 850px !important;\n    margin-left: 0 !important; \n    margin-right: auto !important;\n  }\n\n  \/* --- PHÂN KHU 1 (TOP) --- *\/\n  .ajx-v191-top-section {\n    display: flex !important;\n    flex-direction: column !important;\n    align-items: flex-start !important;\n    gap: 30px !important;\n    margin-bottom: 60px !important;\n  }\n\n  .ajx-v191-text-col { width: 100% !important; }\n  .ajx-v191-text-col h3, .ajx-v191-mid-text h3 {\n    font-size: 22px !important;\n    font-weight: 800 !important;\n    margin-bottom: 15px !important;\n    line-height: 1.4 !important;\n  }\n\n  .ajx-v191-text-col p, .ajx-v191-mid-text p {\n    color: #ffffff !important; \/* ĐÃ CHỈNH SANG MÀU TRẮNG *\/\n    font-size: 16px !important;\n    line-height: 1.6 !important;\n    text-align: justify !important;\n    text-align-last: left !important;\n  }\n\n  .ajx-v191-img-col {\n    width: 100% !important;\n    display: flex !important;\n    justify-content: center !important;\n    margin-top: 10px !important;\n  }\n\n  .ajx-v191-img-col img {\n    max-width: 100% !important;\n    height: auto !important;\n    object-fit: contain !important;\n  }\n\n  \/* --- PHÂN KHU 2 (MID) --- *\/\n  .ajx-v191-mid-section {\n    margin-bottom: 60px !important;\n    display: flex !important;\n    flex-direction: column !important;\n    gap: 40px !important;\n  }\n\n  \/* ĐÃ CHỈNH SỬA: HIGHLIGHT MÀU XANH AJAX CHO LINK *\/\n  .ajx-v191-link {\n    display: inline-flex !important;\n    align-items: center !important;\n    gap: 8px !important;\n    color: #00ff7f !important; \/* Đổi màu xanh neon Ajax *\/\n    font-size: 16px !important; \/* Tăng nhẹ cỡ chữ để nổi bật hơn *\/\n    font-weight: 700 !important;\n    text-decoration: none !important;\n    margin-top: 15px !important;\n    transition: all 0.3s ease !important;\n  }\n\n  .ajx-v191-link svg {\n    stroke: #00ff7f !important; \/* Đổi màu SVG thành xanh *\/\n  }\n\n  .ajx-v191-link:hover { \n    opacity: 0.8 !important;\n    text-shadow: 0 0 10px rgba(0, 255, 127, 0.4) !important; \/* Glow nhẹ khi hover *\/\n  }\n\n  .ajx-v191-diagram {\n    width: 100% !important;\n    display: flex !important;\n    justify-content: center !important;\n  }\n\n  .ajx-v191-diagram img {\n    width: 100% !important;\n    height: auto !important;\n    object-fit: contain !important;\n  }\n\n  \/* --- PHÂN KHU 3 (BOTTOM GRID 2x2) --- *\/\n  .ajx-v191-grid-section {\n    display: grid !important;\n    grid-template-columns: repeat(2, 1fr) !important;\n    gap: 25px !important;\n  }\n\n  .ajx-v191-card {\n    background-color: #1a1a1c !important; \n    border-radius: 12px !important;\n    padding: 30px 25px !important;\n    border: 1px solid rgba(255,255,255,0.05) !important;\n    transition: transform 0.3s ease, border-color 0.3s ease !important;\n  }\n\n  .ajx-v191-card:hover {\n    transform: translateY(-5px) !important;\n    border-color: rgba(255,255,255,0.15) !important;\n  }\n\n  .ajx-v191-card h4 {\n    font-size: 16px !important;\n    font-weight: 700 !important;\n    margin-bottom: 20px !important;\n    color: #ffffff !important;\n    line-height: 1.4 !important;\n  }\n\n  .ajx-v191-card h4 sup {\n    color: #00ff7f !important; \n  }\n\n  .ajx-v191-card ul {\n    list-style: none !important; \n    padding-left: 0 !important;\n    margin: 0 !important;\n  }\n\n  .ajx-v191-card ul li {\n    font-size: 14px !important;\n    color: #ffffff !important; \/* ĐÃ CHỈNH SANG MÀU TRẮNG *\/\n    margin-bottom: 12px !important;\n    position: relative !important;\n    padding-left: 15px !important; \n    line-height: 1.4 !important;\n    display: block !important; \n    list-style-type: none !important;\n    background-image: none !important; \n  }\n\n  .ajx-v191-card ul li::marker {\n    content: \"\" !important;\n    display: none !important;\n  }\n\n  .ajx-v191-card ul li::before {\n    content: \"\" !important; \n    position: absolute !important;\n    left: 0 !important;\n    top: 6px !important; \n    width: 6px !important;\n    height: 6px !important;\n    background-color: #00ff7f !important; \n    border-radius: 50% !important; \n    border: none !important;\n  }\n\n  \/* --- HIỆU ỨNG ẢNH ZOOM (VIỀN XANH AJAX) --- *\/\n  .ajx-zoomable-img {\n    border: 2px solid transparent !important;\n    border-radius: 12px !important;\n    cursor: zoom-in !important;\n    transition: all 0.3s ease !important;\n    padding: 5px !important;\n  }\n\n  .ajx-zoomable-img:hover {\n    border-color: #00ff7f !important; \n    transform: scale(1.02) !important;\n    box-shadow: 0 10px 30px rgba(0, 255, 127, 0.15) !important;\n  }\n\n  \/* --- LIGHTBOX CHỨA ẢNH PHÓNG TO --- *\/\n  .ajx-v191-lightbox {\n    display: none; \n    position: fixed !important;\n    z-index: 999999 !important;\n    left: 0 !important; \n    top: 0 !important;\n    width: 100% !important; \n    height: 100% !important;\n    background-color: rgba(0, 0, 0, 0.92) !important;\n    align-items: center !important; \n    justify-content: center !important;\n    cursor: zoom-out !important;\n    backdrop-filter: blur(5px) !important;\n  }\n  \n  .ajx-v191-lightbox img {\n    max-width: 90% !important; \n    max-height: 90% !important;\n    border-radius: 12px !important;\n    box-shadow: 0 0 40px rgba(0, 255, 127, 0.2) !important;\n    animation: ajxZoomIn191 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards !important;\n  }\n  \n  .ajx-v191-lightbox-close {\n    position: absolute !important; \n    top: 20px !important; \n    right: 30px !important;\n    color: #ffffff !important; \n    font-size: 45px !important; \n    font-weight: 300 !important;\n    cursor: pointer !important;\n    transition: color 0.2s ease !important;\n  }\n\n  .ajx-v191-lightbox-close:hover {\n    color: #00ff7f !important;\n  }\n\n  @keyframes ajxZoomIn191 { \n    from { transform: scale(0.8); opacity: 0; } \n    to { transform: scale(1); opacity: 1; } \n  }\n  @keyframes ajxFadeInUpV191 {\n    from { opacity: 0; transform: translateY(20px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n\n  \/* --- MOBILE RESPONSIVE --- *\/\n  @media (max-width: 768px) {\n    .ajx-v191-main-title { font-size: 24px !important; margin-bottom: 30px !important; }\n    .ajx-v191-grid-section { grid-template-columns: 1fr !important; }\n    .ajx-v191-text-col p, .ajx-v191-mid-text p { text-align: left !important; text-align-last: auto !important; }\n    \n    .ajx-v191-lightbox img { max-width: 95% !important; }\n    .ajx-v191-lightbox-close { top: 10px !important; right: 20px !important; font-size: 35px !important; }\n  }\n\u003c\/style\u003e\n\n\u003cscript\u003e\n  document.addEventListener('DOMContentLoaded', function() {\n    const lightbox191 = document.getElementById('ajx-v191-lightbox');\n    const lightboxImg191 = document.getElementById('ajx-v191-lightbox-img');\n    const zoomableImages = document.querySelectorAll('.ajx-zoomable-img');\n    const closeBtn191 = document.querySelector('.ajx-v191-lightbox-close');\n\n    zoomableImages.forEach(img =\u003e {\n      img.addEventListener('dblclick', (e) =\u003e {\n        e.stopPropagation();\n        lightboxImg191.src = img.src; \n        lightbox191.style.display = 'flex'; \n        document.body.style.overflow = 'hidden'; \n      });\n    });\n\n    const closeLightbox191 = () =\u003e {\n      lightbox191.style.display = 'none';\n      document.body.style.overflow = 'auto'; \n      lightboxImg191.src = ''; \n    };\n\n    if(closeBtn191) {\n      closeBtn191.addEventListener('click', closeLightbox191);\n    }\n\n    lightbox191.addEventListener('click', (e) =\u003e {\n      if (e.target === lightbox191) {\n        closeLightbox191();\n      }\n    });\n  });\n\u003c\/script\u003e\n\n\u003cdiv style=\"display: block; width: 100%; height: 50px; clear: both; background: transparent; border: none; margin: 0; padding: 0;\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"ajx-v223-wrapper\"\u003e\n  \n  \u003cdiv class=\"ajx-v223-content-card\"\u003e\n    \n    \u003cdiv class=\"ajx-v223-text-section\"\u003e\n      \u003ch2 class=\"ajx-v223-title\"\u003eHệ thống giám sát video đáp ứng các yêu cầu cao nhất.\u003c\/h2\u003e\n      \n      \u003cdiv class=\"ajx-v223-desc\"\u003e\n        \u003cp\u003eCamera Ajax Superior đáp ứng mọi kỳ vọng của khách hàng khó tính. Chúng cung cấp phạm vi phủ sóng có thể điều chỉnh để có được chi tiết rõ nét hơn hoặc tầm nhìn rộng hơn, đảm bảo đầy đủ ngữ cảnh mọi lúc. Được trang bị ống kính P-Iris, camera không bị mất chi tiết quan trọng do bóng hoặc ánh sáng chói. Trí tuệ nhân tạo (AI) được nâng cao phân biệt giữa người, vật nuôi và phương tiện với độ chính xác vượt trội, thông báo cho người dùng ngay khi phát hiện bất cứ thứ gì. Và nhờ phần cứng tích hợp cho âm thanh hai chiều, camera Superior cho phép phản hồi tức thì — không cần thêm thiết bị nào khác.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"ajx-v223-link-wrap\"\u003e\n        \u003ca href=\"https:\/\/ajax-systems.translate.goog\/catalogue\/superior-video-surveillance\/?_x_tr_sl=en\u0026amp;_x_tr_tl=vi\u0026amp;_x_tr_hl=vi\u0026amp;_x_tr_pto=wapp\u0026amp;_x_tr_hist=true\" target=\"_blank\" class=\"ajx-v223-link\"\u003e\n          Tìm hiểu thêm\n          \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\"\u003e\n            \u003ccircle cx=\"12\" cy=\"12\" r=\"11\" fill=\"#ffffff\" class=\"ajx-v223-arrow-bg\"\u003e\u003c\/circle\u003e\n            \u003cpath d=\"M10 8l4 4-4 4\" stroke=\"#000000\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\n        \u003c\/a\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"ajx-v223-image-section\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0963\/3366\/0441\/files\/download_40.avif?v=1778037880\" alt=\"Hệ thống giám sát video Superior\" class=\"ajx-v223-zoomable-media\"\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv id=\"ajx-v223-lightbox\" class=\"ajx-v223-lightbox\"\u003e\n  \u003cspan class=\"ajx-v223-lightbox-close\"\u003e×\u003c\/span\u003e\n  \u003cdiv class=\"ajx-v223-lightbox-content\"\u003e\n    \u003cimg id=\"ajx-v223-lightbox-img\" src=\"\" alt=\"Zoomed View\"\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n  \/* --- CSS RESET --- *\/\n  .ajx-v223-wrapper, .ajx-v223-wrapper * {\n    font-family: inherit !important; \n    box-sizing: border-box !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    line-height: normal !important;\n  }\n\n  \/* --- BỐ CỤC CHÍNH --- *\/\n  .ajx-v223-wrapper {\n    width: 100% !important;\n    max-width: 1050px !important;\n    margin: 0 auto !important;\n    padding: 30px 15px !important;\n    animation: ajxFadeInUpV223 0.8s ease-out forwards;\n  }\n\n  .ajx-v223-content-card {\n    background-color: transparent !important; \n    display: flex !important;\n    flex-direction: column !important;\n    align-items: center !important;\n    gap: 40px !important;\n  }\n\n  \/* --- KHU VỰC CHỮ --- *\/\n  .ajx-v223-text-section {\n    width: 100% !important;\n    max-width: 850px !important;\n    text-align: center !important; \/* Tiêu đề vẫn căn giữa (nếu muốn căn trái luôn thì đổi thành left) *\/\n  }\n\n  .ajx-v223-title {\n    color: #ffffff !important;\n    font-size: clamp(26px, 3.5vw, 42px) !important;\n    font-weight: 900 !important;\n    margin-bottom: 25px !important;\n    line-height: 1.3 !important;\n    border: none !important;\n  }\n\n  .ajx-v223-desc p {\n    color: #ffffff !important;\n    font-weight: 400 !important;\n    font-size: 16px !important;\n    line-height: 1.7 !important;\n    margin: 0 0 25px 0 !important;\n    text-align: justify !important;\n    text-align-last: left !important; \/* ĐÃ CHỈNH: Ép dòng cuối sang trái *\/\n  }\n\n  \/* --- NÚT TÌM HIỂU THÊM --- *\/\n  .ajx-v223-link-wrap {\n    display: flex !important;\n    justify-content: flex-start !important; \/* ĐÃ CHỈNH: Dời cụm nút sang trái *\/\n    width: 100% !important;\n    margin-bottom: 10px !important;\n  }\n\n  .ajx-v223-link {\n    display: inline-flex !important;\n    align-items: center !important;\n    gap: 10px !important;\n    color: #ffffff !important;\n    font-size: 16px !important;\n    font-weight: 700 !important;\n    text-decoration: none !important;\n    transition: all 0.3s ease !important;\n  }\n\n  .ajx-v223-arrow-bg { transition: fill 0.3s ease !important; }\n\n  .ajx-v223-link:hover { color: #00ff7f !important; }\n  .ajx-v223-link:hover .ajx-v223-arrow-bg { fill: #00ff7f !important; }\n  .ajx-v223-link:hover svg { transform: translateX(4px) !important; }\n\n  \/* --- KHU VỰC HÌNH ẢNH --- *\/\n  .ajx-v223-image-section {\n    width: 100% !important;\n    display: flex !important;\n    justify-content: center !important;\n  }\n\n  .ajx-v223-zoomable-media {\n    width: 100% !important;\n    max-width: 900px !important;\n    height: auto !important;\n    border-radius: 20px !important;\n    border: 2px solid transparent !important;\n    box-shadow: 0 20px 50px rgba(0,0,0,0.5) !important;\n    cursor: zoom-in !important;\n    transition: transform 0.4s ease, border-color 0.3s ease !important;\n    background-color: #111111 !important; \n    padding: 5px !important;\n  }\n\n  .ajx-v223-zoomable-media:hover {\n    transform: scale(1.02) !important;\n    border-color: #00ff7f !important;\n    box-shadow: 0 15px 40px rgba(0, 255, 127, 0.15) !important;\n  }\n\n  \/* --- LIGHTBOX --- *\/\n  .ajx-v223-lightbox {\n    display: none; \n    position: fixed !important;\n    z-index: 999999 !important;\n    left: 0 !important; \n    top: 0 !important;\n    width: 100% !important; \n    height: 100% !important;\n    background-color: rgba(0, 0, 0, 0.95) !important;\n    align-items: center !important; \n    justify-content: center !important;\n    cursor: zoom-out !important;\n    backdrop-filter: blur(8px) !important;\n  }\n  \n  .ajx-v223-lightbox-content {\n    width: 90% !important;\n    height: 90% !important;\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n  }\n\n  .ajx-v223-lightbox img {\n    max-width: 100% !important; \n    max-height: 100% !important;\n    border-radius: 16px !important;\n    box-shadow: 0 0 40px rgba(0, 255, 127, 0.2) !important;\n    animation: ajxZoomIn223 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards !important;\n  }\n  \n  .ajx-v223-lightbox-close {\n    position: absolute !important; \n    top: 20px !important; \n    right: 30px !important;\n    color: #ffffff !important; \n    font-size: 45px !important; \n    font-weight: 300 !important;\n    cursor: pointer !important;\n    transition: color 0.2s ease !important;\n    z-index: 1000000 !important;\n  }\n\n  .ajx-v223-lightbox-close:hover { color: #00ff7f !important; }\n\n  @keyframes ajxZoomIn223 { \n    from { transform: scale(0.8); opacity: 0; } \n    to { transform: scale(1); opacity: 1; } \n  }\n  @keyframes ajxFadeInUpV223 {\n    from { opacity: 0; transform: translateY(20px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n\n  \/* --- MOBILE RESPONSIVE --- *\/\n  @media (max-width: 768px) {\n    .ajx-v223-wrapper { padding: 20px 15px !important; }\n    .ajx-v223-title { font-size: 24px !important; text-align: left !important; }\n    .ajx-v223-desc p { text-align: left !important; text-align-last: left !important; }\n    .ajx-v223-zoomable-media { border-radius: 12px !important; }\n    .ajx-v223-lightbox-close { top: 10px !important; right: 20px !important; font-size: 35px !important; }\n  }\n\u003c\/style\u003e\n\n\u003cscript\u003e\n  document.addEventListener('DOMContentLoaded', function() {\n    const lightbox223 = document.getElementById('ajx-v223-lightbox');\n    const lightboxImg223 = document.getElementById('ajx-v223-lightbox-img');\n    const zoomableImage = document.querySelector('.ajx-v223-zoomable-media');\n    const closeBtn223 = document.querySelector('.ajx-v223-lightbox-close');\n\n    if(zoomableImage) {\n      zoomableImage.addEventListener('click', (e) =\u003e {\n        e.stopPropagation();\n        lightboxImg223.src = zoomableImage.src; \n        lightbox223.style.display = 'flex'; \n        document.body.style.overflow = 'hidden'; \n      });\n    }\n\n    const closeLightbox223 = () =\u003e {\n      lightbox223.style.display = 'none';\n      document.body.style.overflow = 'auto'; \n      lightboxImg223.src = ''; \n    };\n\n    if(closeBtn223) {\n      closeBtn223.addEventListener('click', closeLightbox223);\n    }\n\n    lightbox223.addEventListener('click', (e) =\u003e {\n      if (e.target === lightbox223 || e.target.classList.contains('ajx-v223-lightbox-content')) {\n        closeLightbox223();\n      }\n    });\n  });\n\u003c\/script\u003e\n\n\u003cdiv style=\"display: block; width: 100%; height: 50px; clear: both; background: transparent; border: none; margin: 0; padding: 0;\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"ajx-v247-wrapper\" data-ajax-instance\u003e\n  \n  \u003cdiv class=\"ajx-v247-header\"\u003e\n    \u003ch2 class=\"ajx-v247-main-title\"\u003eTầm nhìn toàn diện với màn hình video có thể tùy chỉnh.\u003c\/h2\u003e\n    \u003cp class=\"ajx-v247-desc\"\u003eHiển thị toàn bộ khu vực trên một màn hình duy nhất. Màn hình ghép video kết hợp các luồng video từ nhiều camera — thậm chí ở các không gian khác nhau — cho phép người dùng giám sát nhiều góc nhìn cùng một lúc. Các ô hình ảnh có thể được sắp xếp lại bất cứ lúc nào khi mức độ ưu tiên thay đổi. Màn hình ghép video có thể được xem cục bộ trên màn hình được kết nối thông qua hệ thống quản lý video (VMS) tích hợp sẵn của Ajax NVR hoặc từ xa thông qua các ứng dụng Ajax dành cho điện thoại thông minh, máy tính xách tay, máy tính để bàn và TV.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"ajx-v247-tabs-grid\"\u003e\n    \u003cdiv class=\"ajx-v247-tab-btn active\" data-tab-target=\"1\"\u003e\n      \u003ch3\u003eGiám sát trên các thiết bị khác nhau\u003c\/h3\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"ajx-v247-tab-btn\" data-tab-target=\"2\"\u003e\n      \u003ch3\u003eGiám sát video đa không gian\u003c\/h3\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"ajx-v247-content-area\"\u003e\n    \n    \u003cdiv class=\"ajx-v247-media-item active\" data-tab-content=\"1\"\u003e\n      \u003cdiv class=\"ajx-v247-media-wrap ajx-v247-zoomable-media\"\u003e\n        \u003cvideo autoplay muted loop playsinline\u003e\n          \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/e4545d14b855401bbc7d6f9bae41a20d.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"ajx-v247-media-item\" data-tab-content=\"2\"\u003e\n      \u003cdiv class=\"ajx-v247-media-wrap ajx-v247-zoomable-media\"\u003e\n        \u003cvideo autoplay muted loop playsinline\u003e\n          \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/e3d0359586604a0c8f4fc4cf9dc73356.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"ajx-v247-lightbox\" id=\"global-ajx-v247-lightbox\"\u003e\n    \u003cspan class=\"ajx-v247-lightbox-close\"\u003e×\u003c\/span\u003e\n    \u003cdiv class=\"ajx-v247-lightbox-content\"\u003e\n      \u003cimg class=\"ajx-v247-lightbox-img\" src=\"\" alt=\"Zoomed UI\" style=\"display:none;\"\u003e\n      \u003cvideo class=\"ajx-v247-lightbox-video\" src=\"\" autoplay loop muted playsinline style=\"display:none;\"\u003e\u003c\/video\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n  \/* --- CSS RESET --- *\/\n  .ajx-v247-wrapper, .ajx-v247-wrapper * {\n    font-family: inherit !important; \n    box-sizing: border-box !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    line-height: normal !important;\n  }\n\n  \/* --- BỐ CỤC CHÍNH --- *\/\n  .ajx-v247-wrapper {\n    width: 100% !important;\n    max-width: 1050px !important;\n    margin: 0 auto !important;\n    padding: 40px 15px !important;\n    animation: ajxFadeInUpV247 0.8s ease-out forwards;\n    color: #ffffff !important;\n    display: flex !important;\n    flex-direction: column !important;\n    align-items: center !important;\n  }\n\n  \/* --- KHU VỰC TEXT TRÊN CÙNG --- *\/\n  .ajx-v247-header {\n    width: 100% !important;\n    max-width: 900px !important;\n    margin-bottom: 40px !important;\n    display: flex !important;\n    flex-direction: column !important;\n    gap: 20px !important;\n  }\n\n  .ajx-v247-main-title {\n    font-size: clamp(26px, 4vw, 42px) !important;\n    font-weight: 900 !important;\n    text-align: left !important;\n    color: #ffffff !important;\n    border: none !important;\n    line-height: 1.3 !important;\n    margin: 0 !important;\n  }\n\n  .ajx-v247-desc {\n    color: #ffffff !important; \n    font-size: 16px !important;\n    line-height: 1.7 !important;\n    text-align: justify !important; \n    text-align-last: left !important; \n    margin: 0 !important;\n  }\n\n  \/* --- PHẦN TABS: LƯỚI 2 CỘT --- *\/\n  .ajx-v247-tabs-grid {\n    width: 100% !important;\n    max-width: 900px !important;\n    display: grid !important;\n    grid-template-columns: repeat(2, 1fr) !important;\n    row-gap: 20px !important;\n    column-gap: 40px !important;\n    margin-bottom: 50px !important;\n  }\n\n  .ajx-v247-tab-btn {\n    border-left: 3px solid rgba(255,255,255,0.1) !important; \n    padding: 12px 0 12px 20px !important;\n    cursor: pointer !important;\n    opacity: 0.4 !important; \n    transition: all 0.3s ease !important;\n    -webkit-tap-highlight-color: transparent !important;\n  }\n\n  .ajx-v247-tab-btn:hover {\n    opacity: 0.8 !important;\n    transform: translateX(5px) !important;\n  }\n\n  .ajx-v247-tab-btn.active {\n    border-left-color: #00ff7f !important; \n    opacity: 1 !important;\n    transform: translateX(5px) !important;\n  }\n\n  .ajx-v247-tab-btn h3 {\n    color: #ffffff !important;\n    font-size: clamp(18px, 1.8vw, 22px) !important;\n    font-weight: 700 !important;\n    line-height: 1.4 !important;\n    margin: 0 !important;\n    transition: color 0.3s ease !important;\n    text-align: left !important;\n  }\n\n  .ajx-v247-tab-btn.active h3 {\n    color: #00ff7f !important;\n  }\n\n  \/* --- PHẦN KHU VỰC MEDIA CHÍNH --- *\/\n  .ajx-v247-content-area {\n    width: 100% !important;\n    max-width: 900px !important;\n    display: flex !important;\n    flex-direction: column !important;\n    align-items: center !important;\n  }\n\n  .ajx-v247-media-item {\n    display: none !important; \n    width: 100% !important;\n    animation: ajxFadeInScale247 0.5s ease-out forwards !important;\n  }\n\n  .ajx-v247-media-item.active {\n    display: block !important; \n  }\n\n  .ajx-v247-media-wrap {\n    width: 100% !important;\n    background-color: transparent !important; \n    border-radius: 20px !important;\n    display: flex !important;\n    justify-content: center !important;\n    align-items: center !important;\n    cursor: zoom-in !important;\n    transition: transform 0.4s ease, border-color 0.3s ease !important;\n    border: 2px solid transparent !important;\n    overflow: hidden !important;\n  }\n\n  .ajx-v247-media-wrap:hover {\n    transform: scale(1.02) !important;\n    border-color: #00ff7f !important; \n    filter: drop-shadow(0 15px 30px rgba(0, 255, 127, 0.15)) !important;\n  }\n\n  .ajx-v247-media-wrap img, .ajx-v247-media-wrap video {\n    width: 100% !important;\n    height: auto !important;\n    max-height: 500px !important;\n    object-fit: contain !important;\n    display: block !important;\n    border-radius: 16px !important;\n    pointer-events: none !important; \n    box-shadow: none !important;\n  }\n\n  \/* --- LIGHTBOX TỐI ƯU --- *\/\n  .ajx-v247-lightbox {\n    display: none; \n    position: fixed !important;\n    z-index: 999999999 !important;\n    left: 0 !important; \n    top: 0 !important;\n    right: 0 !important;\n    bottom: 0 !important;\n    width: 100vw !important; \n    height: 100vh !important;\n    background-color: rgba(0, 0, 0, 0.95) !important;\n    align-items: center !important; \n    justify-content: center !important;\n    cursor: zoom-out !important;\n    backdrop-filter: blur(8px) !important;\n    margin: 0 !important;\n    padding: 0 !important;\n  }\n  \n  .ajx-v247-lightbox-content {\n    width: 100% !important;\n    height: 100% !important;\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    margin: auto !important;\n  }\n\n  .ajx-v247-lightbox img, .ajx-v247-lightbox video {\n    max-width: 95vw !important; \n    max-height: 90vh !important;\n    width: auto !important;\n    height: auto !important;\n    object-fit: contain !important;\n    border-radius: 16px !important;\n    box-shadow: 0 0 40px rgba(0, 255, 127, 0.2) !important;\n    animation: ajxZoomIn247 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards !important;\n    pointer-events: auto !important;\n    margin: auto !important;\n  }\n  \n  .ajx-v247-lightbox-close {\n    position: absolute !important; \n    top: 25px !important; \n    right: 35px !important;\n    color: #ffffff !important; \n    font-size: 45px !important; \n    font-weight: 300 !important;\n    cursor: pointer !important;\n    transition: color 0.2s ease, transform 0.2s ease !important;\n    z-index: 1000000000 !important;\n  }\n  .ajx-v247-lightbox-close:hover { \n    color: #00ff7f !important; \n    transform: scale(1.1) !important;\n  }\n\n  \/* Animations *\/\n  @keyframes ajxFadeInScale247 { \n    from { opacity: 0; transform: translateY(15px); } \n    to { opacity: 1; transform: translateY(0); } \n  }\n  @keyframes ajxZoomIn247 { \n    from { transform: scale(0.8); opacity: 0; } \n    to { transform: scale(1); opacity: 1; } \n  }\n  @keyframes ajxFadeInUpV247 {\n    from { opacity: 0; transform: translateY(20px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n\n  \/* --- MOBILE RESPONSIVE --- *\/\n  @media (max-width: 768px) {\n    .ajx-v247-main-title { font-size: 24px !important; }\n    \n    .ajx-v247-tabs-grid {\n      grid-template-columns: 1fr !important;\n      gap: 15px !important;\n      margin-bottom: 40px !important;\n    }\n\n    .ajx-v247-tab-btn { padding: 10px 0 10px 15px !important; }\n    .ajx-v247-tab-btn h3 { font-size: 18px !important; }\n    .ajx-v247-lightbox-close { top: 10px !important; right: 20px !important; font-size: 35px !important; }\n  }\n\u003c\/style\u003e\n\n\u003cscript\u003e\n  document.addEventListener('DOMContentLoaded', function() {\n    \n    document.querySelectorAll('.ajx-v247-wrapper[data-ajax-instance]:not([data-ready])').forEach(container =\u003e {\n      \n      const btns = container.querySelectorAll('.ajx-v247-tab-btn');\n      const contents = container.querySelectorAll('.ajx-v247-media-item');\n\n      btns.forEach(btn =\u003e {\n        btn.addEventListener('click', function() {\n          const target = this.getAttribute('data-tab-target');\n\n          btns.forEach(b =\u003e b.classList.remove('active'));\n          contents.forEach(c =\u003e c.classList.remove('active'));\n\n          this.classList.add('active');\n          const targetContent = container.querySelector(`.ajx-v247-media-item[data-tab-content=\"${target}\"]`);\n          if (targetContent) targetContent.classList.add('active');\n        });\n      });\n\n      const lightbox = container.querySelector('#global-ajx-v247-lightbox');\n      \n      if(lightbox) {\n        const lightboxImg = lightbox.querySelector('.ajx-v247-lightbox-img');\n        const lightboxVideo = lightbox.querySelector('.ajx-v247-lightbox-video');\n        const zoomableWrappers = container.querySelectorAll('.ajx-v247-zoomable-media');\n        const closeBtn = lightbox.querySelector('.ajx-v247-lightbox-close');\n\n        zoomableWrappers.forEach(wrapper =\u003e {\n          wrapper.addEventListener('click', (e) =\u003e {\n            e.preventDefault();\n            e.stopPropagation();\n\n            if (lightbox.parentNode !== document.body) {\n              document.body.appendChild(lightbox);\n            }\n            \n            lightboxImg.style.display = 'none';\n            lightboxVideo.style.display = 'none';\n            lightboxImg.src = '';\n            lightboxVideo.src = '';\n\n            const videoEl = wrapper.querySelector('video');\n            const imgEl = wrapper.querySelector('img');\n\n            if (videoEl) {\n              const source = videoEl.querySelector('source');\n              if(source) {\n                lightboxVideo.src = source.src;\n                lightboxVideo.style.display = 'block';\n                lightboxVideo.load();\n                const playPromise = lightboxVideo.play();\n                if (playPromise !== undefined) {\n                    playPromise.catch(error =\u003e console.log('Autoplay prevented', error));\n                }\n              }\n            } else if (imgEl) {\n              lightboxImg.src = imgEl.src;\n              lightboxImg.style.display = 'block';\n            }\n\n            lightbox.style.display = 'flex'; \n            document.body.style.overflow = 'hidden'; \n          });\n        });\n\n        const closeLightbox = () =\u003e {\n          lightbox.style.display = 'none';\n          document.body.style.overflow = 'auto'; \n          lightboxImg.src = ''; \n          lightboxVideo.src = ''; \n        };\n\n        if(closeBtn) closeBtn.addEventListener('click', closeLightbox);\n        lightbox.addEventListener('click', (e) =\u003e {\n          if (e.target === lightbox || e.target.classList.contains('ajx-v247-lightbox-content')) {\n            closeLightbox();\n          }\n        });\n      }\n\n      container.setAttribute('data-ready', 'true');\n    });\n  });\n\u003c\/script\u003e\n\n\u003cdiv style=\"display: block; width: 100%; height: 50px; clear: both; background: transparent; border: none; margin: 0; padding: 0;\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"ajx-v242-wrapper\" data-ajax-instance\u003e\n  \n  \u003cdiv class=\"ajx-v242-content-box\"\u003e\n    \n    \u003cdiv class=\"ajx-v242-jetsparrow-logo\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0963\/3366\/0441\/files\/imageye___-__32.jpg?v=1778040987\" alt=\"JetSparrow Logo\"\u003e\n    \u003c\/div\u003e\n\n    \u003ch2 class=\"ajx-v242-main-title\"\u003eĐiều hướng kho lưu trữ mượt mà\u003c\/h2\u003e\n    \n    \u003cdiv class=\"ajx-v242-desc-group\"\u003e\n      \u003cp class=\"ajx-v242-desc\"\u003eCác ứng dụng Ajax và hệ thống quản lý video (VMS) tích hợp giúp tìm kiếm các sự kiện đã ghi nhanh hơn bao giờ hết. Được hỗ trợ bởi công nghệ độc quyền JetSparrow, hệ thống phản hồi tức thì, cho phép phát lại mượt mà và điều hướng dòng thời gian dễ dàng. Các bản ghi có thể được lọc theo ngày hoặc loại đối tượng để truy xuất cảnh quay thuận tiện hơn.\u003c\/p\u003e\n      \u003cp class=\"ajx-v242-desc\"\u003eTính năng phát lại đồng thời các bản ghi từ nhiều camera cho phép người dùng xem lại các bản ghi được đồng bộ hóa từ nhiều camera trên một màn hình video duy nhất để phân tích sự kiện nhanh hơn và toàn diện hơn.\u003c\/p\u003e\n      \u003cp class=\"ajx-v242-desc\"\u003eTrong các ứng dụng Ajax, người dùng có thể chạm vào bất kỳ sự kiện nào để chuyển thẳng đến đoạn phim liên quan và xuất các đoạn video chỉ trong vài giây. Trong hệ thống quản lý video (VMS), các đoạn phim đã ghi có thể được xuất trực tiếp sang thiết bị lưu trữ USB, chẳng hạn như ổ flash hoặc ổ cứng ngoài.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"ajx-v242-tabs-grid\"\u003e\n    \u003cdiv class=\"ajx-v242-tab-btn active\" data-tab-target=\"1\"\u003e\n      \u003ch3\u003eLọc theo chuyển động, nhận dạng đối tượng bằng AI hoặc kịch bản.\u003c\/h3\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"ajx-v242-tab-btn\" data-tab-target=\"2\"\u003e\n      \u003ch3\u003ePhát lại đồng thời\u003c\/h3\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"ajx-v242-tab-btn\" data-tab-target=\"3\"\u003e\n      \u003ch3\u003eChế độ xem lịch\u003c\/h3\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"ajx-v242-tab-btn\" data-tab-target=\"4\"\u003e\n      \u003ch3\u003eTùy chọn xuất nhanh\u003c\/h3\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"ajx-v242-media-display\"\u003e\n    \n    \u003cdiv class=\"ajx-v242-media-item active\" data-tab-content=\"1\"\u003e\n      \u003cdiv class=\"ajx-v242-media-wrap ajx-v242-zoomable-media\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0963\/3366\/0441\/files\/download_41.avif?v=1778041372\" alt=\"Lọc theo chuyển động\"\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"ajx-v242-media-item\" data-tab-content=\"2\"\u003e\n      \u003cdiv class=\"ajx-v242-media-wrap ajx-v242-zoomable-media\"\u003e\n        \u003cvideo autoplay muted loop playsinline\u003e\n          \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/bcac36e37cfe4a4a9c3030ee58fa6466.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"ajx-v242-media-item\" data-tab-content=\"3\"\u003e\n      \u003cdiv class=\"ajx-v242-media-wrap ajx-v242-zoomable-media\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0963\/3366\/0441\/files\/download_42.avif?v=1778041372\" alt=\"Chế độ xem lịch\"\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"ajx-v242-media-item\" data-tab-content=\"4\"\u003e\n      \u003cdiv class=\"ajx-v242-media-wrap ajx-v242-zoomable-media\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0963\/3366\/0441\/files\/download_43.avif?v=1778041371\" alt=\"Tùy chọn xuất nhanh\"\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"ajx-v242-lightbox\" id=\"global-ajx-v242-lightbox\"\u003e\n    \u003cspan class=\"ajx-v242-lightbox-close\"\u003e×\u003c\/span\u003e\n    \u003cdiv class=\"ajx-v242-lightbox-content\"\u003e\n      \u003cimg class=\"ajx-v242-lightbox-img\" src=\"\" alt=\"Zoomed UI\" style=\"display:none;\"\u003e\n      \u003cvideo class=\"ajx-v242-lightbox-video\" src=\"\" autoplay loop muted playsinline style=\"display:none;\"\u003e\u003c\/video\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n  \/* --- CSS RESET --- *\/\n  .ajx-v242-wrapper, .ajx-v242-wrapper * {\n    font-family: inherit !important; \n    box-sizing: border-box !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    line-height: normal !important;\n  }\n\n  \/* --- BỐ CỤC CHÍNH --- *\/\n  .ajx-v242-wrapper {\n    width: 100% !important;\n    max-width: 1050px !important;\n    margin: 0 auto !important;\n    padding: 40px 15px !important;\n    animation: ajxFadeInUpV242 0.8s ease-out forwards;\n    color: #ffffff !important;\n    display: flex !important;\n    flex-direction: column !important;\n    align-items: center !important;\n  }\n\n  \/* --- KHU VỰC TEXT TRÊN CÙNG --- *\/\n  .ajx-v242-content-box {\n    width: 100% !important;\n    max-width: 900px !important;\n    margin-bottom: 40px !important;\n    display: flex !important;\n    flex-direction: column !important;\n    align-items: flex-start !important; \n    gap: 20px !important;\n  }\n\n  .ajx-v242-jetsparrow-logo {\n    display: flex !important;\n    width: 100% !important; \n    justify-content: flex-start !important; \n    margin-bottom: 5px !important;\n  }\n\n  \/* FIX: THU NHỎ LOGO THON GỌN *\/\n  .ajx-v242-jetsparrow-logo img {\n    height: 32px !important; \/* Giảm từ 40px để tránh phình to mờ chữ *\/\n    max-width: 100% !important;\n    object-fit: contain !important;\n    display: block !important;\n  }\n\n  .ajx-v242-main-title {\n    font-size: clamp(26px, 4vw, 42px) !important;\n    font-weight: 900 !important;\n    text-align: left !important;\n    color: #ffffff !important;\n    border: none !important;\n    line-height: 1.3 !important;\n    margin: 0 !important;\n  }\n\n  .ajx-v242-desc-group {\n    display: flex !important;\n    flex-direction: column !important;\n    gap: 15px !important;\n  }\n\n  \/* FIX: CĂN ĐỀU VĂN BẢN VUÔNG VỨC *\/\n  .ajx-v242-desc {\n    color: #ffffff !important; \n    font-size: 16px !important;\n    line-height: 1.7 !important;\n    text-align: justify !important; \/* Căn đều 2 bên *\/\n    text-align-last: left !important; \/* Hàng cuối căn trái *\/\n    margin: 0 !important;\n  }\n\n  \/* --- PHẦN TABS --- *\/\n  .ajx-v242-tabs-grid {\n    width: 100% !important;\n    max-width: 900px !important;\n    display: grid !important;\n    grid-template-columns: repeat(2, 1fr) !important;\n    row-gap: 20px !important;\n    column-gap: 40px !important;\n    margin-bottom: 50px !important;\n  }\n\n  .ajx-v242-tab-btn {\n    border-left: 3px solid rgba(255,255,255,0.1) !important; \n    padding: 12px 0 12px 20px !important;\n    cursor: pointer !important;\n    opacity: 0.4 !important; \n    transition: all 0.3s ease !important;\n    -webkit-tap-highlight-color: transparent !important;\n  }\n\n  .ajx-v242-tab-btn:hover {\n    opacity: 0.8 !important;\n    transform: translateX(5px) !important;\n  }\n\n  .ajx-v242-tab-btn.active {\n    border-left-color: #00ff7f !important; \n    opacity: 1 !important;\n    transform: translateX(5px) !important;\n  }\n\n  .ajx-v242-tab-btn h3 {\n    color: #ffffff !important;\n    font-size: clamp(16px, 1.8vw, 22px) !important;\n    font-weight: 700 !important;\n    line-height: 1.4 !important;\n    margin: 0 !important;\n    transition: color 0.3s ease !important;\n    text-align: left !important;\n  }\n\n  .ajx-v242-tab-btn.active h3 {\n    color: #00ff7f !important;\n  }\n\n  \/* --- PHẦN KHU VỰC MEDIA --- *\/\n  .ajx-v242-media-display {\n    width: 100% !important;\n    max-width: 900px !important;\n    display: flex !important;\n    flex-direction: column !important;\n    align-items: center !important;\n  }\n\n  .ajx-v242-media-item {\n    display: none !important; \n    width: 100% !important;\n    animation: ajxFadeInScale242 0.5s ease-out forwards !important;\n  }\n\n  .ajx-v242-media-item.active {\n    display: block !important; \n  }\n\n  \/* FIX: THÊM VIỀN XANH LÁ AJAX KHI RÊ CHUỘT *\/\n  .ajx-v242-media-wrap {\n    width: 100% !important;\n    background-color: transparent !important; \n    display: flex !important;\n    justify-content: center !important;\n    align-items: center !important;\n    cursor: zoom-in !important;\n    transition: transform 0.4s ease, border-color 0.3s ease !important;\n    border: 2px solid transparent !important; \/* Viền trong suốt mặc định để ko shift layout *\/\n    border-radius: 14px !important; \/* Bo viền wrapper *\/\n    overflow: hidden !important; \/* Bo góc mượt mà *\/\n  }\n\n  \/* HIỆU ỨNG KHI HOVER *\/\n  .ajx-v242-media-wrap:hover {\n    transform: scale(1.03) !important;\n    border-color: #00ff7f !important; \/* Viền xanh Ajax *\/\n    filter: drop-shadow(0 10px 25px rgba(0, 255, 127, 0.3)) !important; \/* Glow nhẹ để tạo điểm nhấn *\/\n  }\n\n  .ajx-v242-media-wrap img, .ajx-v242-media-wrap video {\n    width: 100% !important;\n    height: auto !important;\n    max-height: 500px !important;\n    object-fit: contain !important;\n    display: block !important;\n    border-radius: 12px !important; \/* Bo góc media nhỏ hơn wrapper *\/\n    border: none !important;\n    box-shadow: none !important;\n    pointer-events: none !important; \n    background: transparent !important;\n  }\n\n  \/* --- LIGHTBOX --- *\/\n  .ajx-v242-lightbox {\n    display: none; \n    position: fixed !important;\n    z-index: 999999999 !important; \/* Đẩy lên trên tất cả mọi thứ *\/\n    left: 0 !important; \n    top: 0 !important;\n    right: 0 !important;\n    bottom: 0 !important;\n    width: 100vw !important; \n    height: 100vh !important;\n    background-color: rgba(0, 0, 0, 0.95) !important;\n    align-items: center !important; \n    justify-content: center !important;\n    cursor: zoom-out !important;\n    backdrop-filter: blur(8px) !important;\n    margin: 0 !important;\n    padding: 0 !important;\n  }\n  \n  .ajx-v242-lightbox-content {\n    width: 100% !important;\n    height: 100% !important;\n    max-width: 90vw !important;\n    max-height: 90vh !important;\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    margin: auto !important;\n  }\n\n  .ajx-v242-lightbox img, .ajx-v242-lightbox video {\n    max-width: 100% !important; \n    max-height: 100% !important;\n    object-fit: contain !important;\n    border-radius: 16px !important;\n    box-shadow: 0 0 50px rgba(0,0,0,0.8) !important;\n    animation: ajxZoomIn242 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards !important;\n    pointer-events: auto !important; \n    margin: auto !important;\n  }\n  \n  .ajx-v242-lightbox-close {\n    position: absolute !important; \n    top: 20px !important; \n    right: 30px !important;\n    color: #ffffff !important; \n    font-size: 45px !important; \n    font-weight: 300 !important;\n    cursor: pointer !important;\n    transition: color 0.2s ease !important;\n    z-index: 1000000000 !important;\n  }\n\n  .ajx-v242-lightbox-close:hover { color: #00ff7f !important; }\n\n  \/* Animations *\/\n  @keyframes ajxFadeInScale242 { \n    from { opacity: 0; transform: translateY(15px); } \n    to { opacity: 1; transform: translateY(0); } \n  }\n  @keyframes ajxZoomIn242 { \n    from { transform: scale(0.8); opacity: 0; } \n    to { transform: scale(1); opacity: 1; } \n  }\n  @keyframes ajxFadeInUpV242 {\n    from { opacity: 0; transform: translateY(20px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n\n  \/* --- MOBILE RESPONSIVE --- *\/\n  @media (max-width: 768px) {\n    .ajx-v242-main-title { font-size: 24px !important; }\n    \n    .ajx-v242-tabs-grid {\n      grid-template-columns: 1fr !important;\n      gap: 15px !important;\n      margin-bottom: 40px !important;\n    }\n\n    .ajx-v242-tab-btn { padding: 10px 0 10px 15px !important; }\n    .ajx-v242-tab-btn h3 { font-size: 16px !important; }\n    .ajx-v242-lightbox-close { top: 10px !important; right: 20px !important; font-size: 35px !important; }\n  }\n\u003c\/style\u003e\n\n\u003cscript\u003e\n  document.addEventListener('DOMContentLoaded', function() {\n    \n    document.querySelectorAll('.ajx-v242-wrapper[data-ajax-instance]:not([data-ready])').forEach(container =\u003e {\n      \n      \/\/ --- LOGIC CHUYỂN TAB ---\n      const btns = container.querySelectorAll('.ajx-v242-tab-btn');\n      const contents = container.querySelectorAll('.ajx-v242-media-item');\n\n      btns.forEach(btn =\u003e {\n        btn.addEventListener('click', function() {\n          const target = this.getAttribute('data-tab-target');\n\n          btns.forEach(b =\u003e b.classList.remove('active'));\n          contents.forEach(c =\u003e c.classList.remove('active'));\n\n          this.classList.add('active');\n          const targetContent = container.querySelector(`.ajx-v242-media-item[data-tab-content=\"${target}\"]`);\n          if (targetContent) targetContent.classList.add('active');\n        });\n      });\n\n      \/\/ --- LOGIC LIGHTBOX (BỐC RA NGOÀI BODY ĐỂ TRÁNH LỖI) ---\n      const lightbox = container.querySelector('#global-ajx-v242-lightbox');\n      \n      if(lightbox) {\n        const lightboxImg = lightbox.querySelector('.ajx-v242-lightbox-img');\n        const lightboxVideo = lightbox.querySelector('.ajx-v242-lightbox-video');\n        const zoomableWrappers = container.querySelectorAll('.ajx-v242-zoomable-media');\n        const closeBtn = lightbox.querySelector('.ajx-v242-lightbox-close');\n\n        zoomableWrappers.forEach(wrapper =\u003e {\n          wrapper.addEventListener('click', (e) =\u003e {\n            e.preventDefault();\n            e.stopPropagation();\n\n            \/\/ THỦ THUẬT: Đưa thẳng Lightbox ra ngoài cùng thẻ Body để không bị Shopify cản trở\n            if (lightbox.parentNode !== document.body) {\n              document.body.appendChild(lightbox);\n            }\n            \n            lightboxImg.style.display = 'none';\n            lightboxVideo.style.display = 'none';\n            lightboxImg.src = '';\n            lightboxVideo.src = '';\n\n            const videoEl = wrapper.querySelector('video');\n            const imgEl = wrapper.querySelector('img');\n\n            if (videoEl) {\n              const source = videoEl.querySelector('source');\n              if(source) {\n                lightboxVideo.src = source.src;\n                lightboxVideo.style.display = 'block';\n                lightboxVideo.load();\n                const playPromise = lightboxVideo.play();\n                if (playPromise !== undefined) {\n                    playPromise.catch(error =\u003e console.log('Autoplay prevented', error));\n                }\n              }\n            } else if (imgEl) {\n              lightboxImg.src = imgEl.src;\n              lightboxImg.style.display = 'block';\n            }\n\n            lightbox.style.display = 'flex'; \n            document.body.style.overflow = 'hidden'; \n          });\n        });\n\n        const closeLightbox = () =\u003e {\n          lightbox.style.display = 'none';\n          document.body.style.overflow = 'auto'; \n          lightboxImg.src = ''; \n          lightboxVideo.src = ''; \n        };\n\n        if(closeBtn) closeBtn.addEventListener('click', closeLightbox);\n        lightbox.addEventListener('click', (e) =\u003e {\n          if (e.target === lightbox || e.target.classList.contains('ajx-v242-lightbox-content')) {\n            closeLightbox();\n          }\n        });\n      }\n\n      container.setAttribute('data-ready', 'true');\n    });\n  });\n\u003c\/script\u003e \n\n\u003cdiv style=\"display: block; width: 100%; height: 50px; clear: both; background: transparent; border: none; margin: 0; padding: 0;\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"ajx-v245-wrapper\" data-ajax-instance\u003e\n  \n  \u003cdiv class=\"ajx-v245-content-box\"\u003e\n    \u003ch2 class=\"ajx-v245-main-title\"\u003eXác minh báo động tức thời bằng video\u003c\/h2\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"ajx-v245-tabs-grid\"\u003e\n    \u003cdiv class=\"ajx-v245-tab-btn active\" data-tab-target=\"1\"\u003e\n      \u003ch3\u003eThông báo được đồng bộ hóa\u003c\/h3\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"ajx-v245-tab-btn\" data-tab-target=\"2\"\u003e\n      \u003ch3\u003eXác minh cảnh báo chất lượng cao\u003c\/h3\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"ajx-v245-media-display\"\u003e\n    \n    \u003cdiv class=\"ajx-v245-media-item active\" data-tab-content=\"1\"\u003e\n      \u003cp class=\"ajx-v245-item-desc\"\u003eKhông còn phải mất công sàng lọc qua hàng đống đoạn phim để tìm kiếm một khoảnh khắc cụ thể. Các thiết bị video Ajax được đồng bộ hóa hoàn toàn với hệ thống. Thông báo trong ứng dụng Ajax sẽ ngay lập tức chuyển hướng người dùng đến bản ghi sự cố có liên quan.\u003c\/p\u003e\n      \n      \u003cdiv class=\"ajx-v245-media-wrap ajx-v245-zoomable-media\"\u003e\n        \u003cvideo autoplay muted loop playsinline\u003e\n          \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/f545d0197f6b46918d24e3c4c2c74bac.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"ajx-v245-media-item\" data-tab-content=\"2\"\u003e\n      \u003cp class=\"ajx-v245-item-desc\"\u003eThiết lập các kịch bản để camera bắt đầu ghi hình ngay khi một số bộ cảm biến Ajax nhất định được kích hoạt. Cấu hình cài đặt video để nhận ngay lập tức xác minh hình ảnh độ phân giải cao về các cảnh báo.\u003c\/p\u003e\n      \n      \u003cdiv class=\"ajx-v245-media-wrap ajx-v245-zoomable-media\"\u003e\n        \u003cvideo autoplay muted loop playsinline\u003e\n          \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/388d00b53c2e41cb8e2b7558522dbf17.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"ajx-v245-lightbox\" id=\"global-ajx-v245-lightbox\"\u003e\n    \u003cspan class=\"ajx-v245-lightbox-close\"\u003e×\u003c\/span\u003e\n    \u003cdiv class=\"ajx-v245-lightbox-content\"\u003e\n      \u003cimg class=\"ajx-v245-lightbox-img\" src=\"\" alt=\"Zoomed UI\" style=\"display:none;\"\u003e\n      \u003cvideo class=\"ajx-v245-lightbox-video\" src=\"\" autoplay loop muted playsinline style=\"display:none;\"\u003e\u003c\/video\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n  \/* --- CSS RESET --- *\/\n  .ajx-v245-wrapper, .ajx-v245-wrapper * {\n    font-family: inherit !important; \n    box-sizing: border-box !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    line-height: normal !important;\n  }\n\n  \/* --- BỐ CỤC CHÍNH --- *\/\n  .ajx-v245-wrapper {\n    width: 100% !important;\n    max-width: 1050px !important;\n    margin: 0 auto !important;\n    padding: 40px 15px !important;\n    animation: ajxFadeInUpV245 0.8s ease-out forwards;\n    color: #ffffff !important;\n    display: flex !important;\n    flex-direction: column !important;\n    align-items: center !important;\n  }\n\n  \/* --- TIÊU ĐỀ --- *\/\n  .ajx-v245-content-box {\n    width: 100% !important;\n    max-width: 900px !important;\n    margin-bottom: 40px !important;\n    display: flex !important;\n    flex-direction: column !important;\n    align-items: flex-start !important; \n  }\n\n  .ajx-v245-main-title {\n    font-size: clamp(26px, 4vw, 42px) !important;\n    font-weight: 900 !important;\n    text-align: left !important;\n    color: #ffffff !important;\n    border: none !important;\n    line-height: 1.3 !important;\n    margin: 0 !important;\n  }\n\n  \/* --- LƯỚI TABS (2 CỘT) --- *\/\n  .ajx-v245-tabs-grid {\n    width: 100% !important;\n    max-width: 900px !important;\n    display: grid !important;\n    grid-template-columns: repeat(2, 1fr) !important;\n    row-gap: 20px !important;\n    column-gap: 40px !important;\n    margin-bottom: 40px !important;\n  }\n\n  .ajx-v245-tab-btn {\n    border-left: 3px solid rgba(255,255,255,0.1) !important; \n    padding: 12px 0 12px 20px !important; \n    cursor: pointer !important;\n    opacity: 0.4 !important; \n    transition: all 0.3s ease !important;\n    -webkit-tap-highlight-color: transparent !important;\n  }\n\n  .ajx-v245-tab-btn:hover {\n    opacity: 0.8 !important;\n    transform: translateX(5px) !important;\n  }\n\n  .ajx-v245-tab-btn.active {\n    border-left-color: #00ff7f !important; \n    opacity: 1 !important;\n    transform: translateX(5px) !important;\n  }\n\n  .ajx-v245-tab-btn h3 {\n    color: #ffffff !important;\n    font-size: clamp(16px, 1.8vw, 22px) !important;\n    font-weight: 700 !important;\n    line-height: 1.4 !important;\n    margin: 0 !important;\n    transition: color 0.3s ease !important;\n    text-align: left !important;\n  }\n\n  .ajx-v245-tab-btn.active h3 {\n    color: #00ff7f !important;\n  }\n\n  \/* --- KHU VỰC HIỂN THỊ MEDIA \u0026 CHỮ --- *\/\n  .ajx-v245-media-display {\n    width: 100% !important;\n    max-width: 900px !important;\n    display: flex !important;\n    flex-direction: column !important;\n    align-items: center !important;\n  }\n\n  .ajx-v245-media-item {\n    display: none !important; \n    width: 100% !important;\n    flex-direction: column !important;\n    gap: 30px !important; \/* Khoảng cách giữa chữ và video *\/\n    animation: ajxFadeInScale245 0.5s ease-out forwards !important;\n  }\n\n  .ajx-v245-media-item.active {\n    display: flex !important; \n  }\n\n  .ajx-v245-item-desc {\n    color: #ffffff !important; \n    font-size: 16px !important;\n    line-height: 1.7 !important;\n    text-align: justify !important; \n    text-align-last: left !important; \n    margin: 0 !important;\n  }\n\n  \/* TRONG SUỐT, KHÔNG NỀN ĐEN, HIỆU ỨNG HOVER XANH LÁ *\/\n  .ajx-v245-media-wrap {\n    width: 100% !important;\n    background-color: transparent !important; \n    display: flex !important;\n    justify-content: center !important;\n    align-items: center !important;\n    cursor: zoom-in !important;\n    transition: transform 0.4s ease, border-color 0.3s ease !important;\n    border: 2px solid transparent !important; \n    border-radius: 14px !important; \n    overflow: hidden !important; \n  }\n\n  .ajx-v245-media-wrap:hover {\n    transform: scale(1.03) !important;\n    border-color: #00ff7f !important; \n    filter: drop-shadow(0 10px 25px rgba(0, 255, 127, 0.3)) !important; \n  }\n\n  \/* KHÓA POINTER EVENTS ĐỂ WRAPPER HỨNG CLICK *\/\n  .ajx-v245-media-wrap img, .ajx-v245-media-wrap video {\n    width: 100% !important;\n    height: auto !important;\n    max-height: 500px !important;\n    object-fit: contain !important;\n    display: block !important;\n    border-radius: 12px !important; \n    border: none !important;\n    box-shadow: none !important;\n    pointer-events: none !important; \n    background: transparent !important;\n  }\n\n  \/* --- LIGHTBOX (FIX KÍCH THƯỚC LỚN \u0026 VƯỢT GIỚI HẠN) --- *\/\n  .ajx-v245-lightbox {\n    display: none; \n    position: fixed !important;\n    z-index: 999999999 !important; \n    left: 0 !important; \n    top: 0 !important;\n    right: 0 !important;\n    bottom: 0 !important;\n    width: 100vw !important; \n    height: 100vh !important;\n    background-color: rgba(0, 0, 0, 0.92) !important; \n    align-items: center !important; \n    justify-content: center !important;\n    cursor: zoom-out !important;\n    backdrop-filter: blur(8px) !important;\n    margin: 0 !important;\n    padding: 0 !important;\n  }\n  \n  .ajx-v245-lightbox-content {\n    width: 100% !important;\n    height: 100% !important;\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    margin: auto !important;\n  }\n\n  .ajx-v245-lightbox img, .ajx-v245-lightbox video {\n    height: 90vh !important; \n    max-width: 95vw !important; \n    width: auto !important; \n    object-fit: contain !important;\n    border-radius: 16px !important;\n    box-shadow: 0 0 50px rgba(0,0,0,0.8) !important;\n    animation: ajxZoomIn245 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards !important;\n    pointer-events: auto !important; \n    margin: auto !important;\n  }\n  \n  .ajx-v245-lightbox-close {\n    position: absolute !important; \n    top: 25px !important; \n    right: 35px !important;\n    color: #ffffff !important; \n    font-size: 45px !important; \n    font-weight: 300 !important;\n    cursor: pointer !important;\n    transition: color 0.2s ease, transform 0.2s ease !important;\n    z-index: 1000000000 !important;\n  }\n\n  .ajx-v245-lightbox-close:hover { \n    color: #00ff7f !important; \n    transform: scale(1.1) !important;\n  }\n\n  \/* Animations *\/\n  @keyframes ajxFadeInScale245 { \n    from { opacity: 0; transform: translateY(15px); } \n    to { opacity: 1; transform: translateY(0); } \n  }\n  @keyframes ajxZoomIn245 { \n    from { transform: scale(0.8); opacity: 0; } \n    to { transform: scale(1); opacity: 1; } \n  }\n  @keyframes ajxFadeInUpV245 {\n    from { opacity: 0; transform: translateY(20px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n\n  \/* --- MOBILE RESPONSIVE --- *\/\n  @media (max-width: 768px) {\n    .ajx-v245-main-title { font-size: 24px !important; }\n    \n    .ajx-v245-tabs-grid {\n      grid-template-columns: 1fr !important; \/* Mobile gộp thành 1 cột *\/\n      gap: 15px !important;\n      margin-bottom: 30px !important;\n    }\n\n    .ajx-v245-tab-btn { padding: 10px 0 10px 15px !important; }\n    .ajx-v245-tab-btn h3 { font-size: 16px !important; }\n    .ajx-v245-lightbox-close { top: 15px !important; right: 20px !important; font-size: 40px !important; }\n\n    \/* Mobile ép chiều ngang *\/\n    .ajx-v245-lightbox img, .ajx-v245-lightbox video {\n      width: 95vw !important; \n      height: auto !important; \n      max-height: 90vh !important; \n    }\n  }\n\u003c\/style\u003e\n\n\u003cscript\u003e\n  document.addEventListener('DOMContentLoaded', function() {\n    \n    document.querySelectorAll('.ajx-v245-wrapper[data-ajax-instance]:not([data-ready])').forEach(container =\u003e {\n      \n      \/\/ LOGIC TABS\n      const btns = container.querySelectorAll('.ajx-v245-tab-btn');\n      const contents = container.querySelectorAll('.ajx-v245-media-item');\n\n      btns.forEach(btn =\u003e {\n        btn.addEventListener('click', function() {\n          const target = this.getAttribute('data-tab-target');\n\n          btns.forEach(b =\u003e b.classList.remove('active'));\n          contents.forEach(c =\u003e c.classList.remove('active'));\n\n          this.classList.add('active');\n          const targetContent = container.querySelector(`.ajx-v245-media-item[data-tab-content=\"${target}\"]`);\n          if (targetContent) targetContent.classList.add('active');\n        });\n      });\n\n      \/\/ LOGIC LIGHTBOX (BỐC RA BODY, 1 CLICK ZOOM)\n      const lightbox = container.querySelector('#global-ajx-v245-lightbox');\n      \n      if(lightbox) {\n        const lightboxImg = lightbox.querySelector('.ajx-v245-lightbox-img');\n        const lightboxVideo = lightbox.querySelector('.ajx-v245-lightbox-video');\n        const zoomableWrappers = container.querySelectorAll('.ajx-v245-zoomable-media');\n        const closeBtn = lightbox.querySelector('.ajx-v245-lightbox-close');\n\n        zoomableWrappers.forEach(wrapper =\u003e {\n          wrapper.addEventListener('click', (e) =\u003e {\n            e.preventDefault();\n            e.stopPropagation();\n\n            if (lightbox.parentNode !== document.body) {\n              document.body.appendChild(lightbox);\n            }\n            \n            lightboxImg.style.display = 'none';\n            lightboxVideo.style.display = 'none';\n            lightboxImg.src = '';\n            lightboxVideo.src = '';\n\n            const videoEl = wrapper.querySelector('video');\n            const imgEl = wrapper.querySelector('img');\n\n            if (videoEl) {\n              const source = videoEl.querySelector('source');\n              if(source) {\n                lightboxVideo.src = source.src;\n                lightboxVideo.style.display = 'block';\n                lightboxVideo.load();\n                const playPromise = lightboxVideo.play();\n                if (playPromise !== undefined) {\n                    playPromise.catch(error =\u003e console.log('Autoplay prevented', error));\n                }\n              }\n            } else if (imgEl) {\n              lightboxImg.src = imgEl.src;\n              lightboxImg.style.display = 'block';\n            }\n\n            lightbox.style.display = 'flex'; \n            document.body.style.overflow = 'hidden'; \n          });\n        });\n\n        const closeLightbox = () =\u003e {\n          lightbox.style.display = 'none';\n          document.body.style.overflow = 'auto'; \n          lightboxImg.src = ''; \n          lightboxVideo.src = ''; \n        };\n\n        if(closeBtn) closeBtn.addEventListener('click', closeLightbox);\n        lightbox.addEventListener('click', (e) =\u003e {\n          if (e.target === lightbox || e.target.classList.contains('ajx-v245-lightbox-content')) {\n            closeLightbox();\n          }\n        });\n      }\n\n      container.setAttribute('data-ready', 'true');\n    });\n  });\n\u003c\/script\u003e  \n\n\u003cdiv style=\"display: block; width: 100%; height: 50px; clear: both; background: transparent; border: none; margin: 0; padding: 0;\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"ajx-v251-wrapper\" data-ajax-instance\u003e\n  \n  \u003cimg class=\"ajx-v251-bg-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0963\/3366\/0441\/files\/imageye___-__33_079777bb-8226-49cd-9de5-b35bacacbb69.jpg?v=1778061423\" alt=\"Background Lens\"\u003e\n  \n  \u003cdiv class=\"ajx-v251-bg-overlay\"\u003e\u003c\/div\u003e\n\n  \u003cdiv class=\"ajx-v251-container\"\u003e\n    \n    \u003cdiv class=\"ajx-v251-logo\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0963\/3366\/0441\/files\/imageye___-__32.jpg?v=1778040987\" alt=\"JetSparrow Logo\"\u003e\n    \u003c\/div\u003e\n\n    \u003ch2 class=\"ajx-v251-title\"\u003eTruyền dữ liệu nhanh chóng và được mã hóa\u003c\/h2\u003e\n    \n    \u003cdiv class=\"ajx-v251-features-group\"\u003e\n      \n      \u003cdiv class=\"ajx-v251-feature-item\"\u003e\n        \u003cdiv class=\"ajx-v251-icon\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0963\/3366\/0441\/files\/image1.png?v=1778059715\" alt=\"Truyền tải ngang hàng\"\u003e\n        \u003c\/div\u003e\n        \u003cspan class=\"ajx-v251-feature-text\"\u003eTruyền tải ngang hàng\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"ajx-v251-feature-item\"\u003e\n        \u003cdiv class=\"ajx-v251-icon\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0963\/3366\/0441\/files\/download_19_1.png?v=1778059716\" alt=\"Mã hóa TLS\"\u003e\n        \u003c\/div\u003e\n        \u003cspan class=\"ajx-v251-feature-text\"\u003eMã hóa TLS\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"ajx-v251-feature-item\"\u003e\n        \u003cdiv class=\"ajx-v251-icon\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0963\/3366\/0441\/files\/download_20_1.png?v=1778059715\" alt=\"Độ ổn định cao\"\u003e\n        \u003c\/div\u003e\n        \u003cspan class=\"ajx-v251-feature-text\"\u003eĐộ ổn định cao\u003c\/span\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003cp class=\"ajx-v251-desc\"\u003eJetSparrow là trái tim và bộ não của việc truyền tải, lưu trữ và quản lý video Ajax. Chúng tôi đã phát triển công nghệ truyền tải video này để mang đến trải nghiệm VMS cực nhanh. Với JetSparrow, việc điều hướng qua kho lưu trữ cục bộ mượt mà như duyệt web trên đám mây. Kết quả là, việc duyệt kho lưu trữ trở nên hiệu quả đáng kể và chế độ xem trực tiếp được khởi chạy mà không có bất kỳ độ trễ nào.\u003c\/p\u003e\n\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n  \/* --- CSS RESET --- *\/\n  .ajx-v251-wrapper, .ajx-v251-wrapper * {\n    font-family: inherit !important; \n    box-sizing: border-box !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    line-height: normal !important;\n  }\n\n  \/* --- BỐ CỤC CHÍNH --- *\/\n  .ajx-v251-wrapper {\n    position: relative !important;\n    width: 100% !important;\n    background-color: #000000 !important;\n    overflow: hidden !important; \n    display: flex !important;\n    justify-content: center !important;\n  }\n\n  \/* --- BACKGROUND NẰM DƯỚI CÙNG --- *\/\n  .ajx-v251-bg-img {\n    position: absolute !important;\n    top: 0 !important;\n    left: 0 !important; \n    width: 100% !important;\n    height: 100% !important;\n    object-fit: cover !important;\n    object-position: center center !important;\n    z-index: 1 !important;\n  }\n\n  \/* --- LỚP PHỦ ĐEN MỜ ĐỂ DỄ ĐỌC CHỮ --- *\/\n  .ajx-v251-bg-overlay {\n    position: absolute !important;\n    top: 0 !important;\n    left: 0 !important; \n    width: 100% !important;\n    height: 100% !important;\n    background: rgba(0, 0, 0, 0.75) !important; \/* Độ mờ 75% *\/\n    z-index: 2 !important;\n  }\n\n  \/* --- CONTAINER NỘI DUNG CHÍNH --- *\/\n  .ajx-v251-container {\n    position: relative !important;\n    z-index: 3 !important; \/* Nổi lên trên cùng *\/\n    width: 100% !important;\n    max-width: 1050px !important;\n    margin: 0 auto !important;\n    padding: 60px 15px !important;\n    display: flex !important;\n    flex-direction: column !important;\n    align-items: flex-start !important; \/* Căn lề trái toàn bộ *\/\n    animation: ajxFadeInUpV251 0.8s ease-out forwards;\n  }\n\n  \/* 1. LOGO *\/\n  .ajx-v251-logo {\n    margin-bottom: 25px !important;\n  }\n  .ajx-v251-logo img {\n    height: 32px !important; \n    width: auto !important;\n    display: block !important;\n  }\n\n  \/* 2. TIÊU ĐỀ *\/\n  .ajx-v251-title {\n    color: #ffffff !important;\n    font-size: clamp(28px, 3.5vw, 44px) !important;\n    font-weight: 900 !important;\n    line-height: 1.2 !important;\n    margin-bottom: 40px !important; \/* Đẩy cách xa cụm icon một chút *\/\n    border: none !important;\n    text-align: left !important;\n  }\n\n  \/* 3. CỤM TÍNH NĂNG *\/\n  .ajx-v251-features-group {\n    display: flex !important;\n    flex-direction: row !important; \/* Nằm ngang trên PC *\/\n    flex-wrap: wrap !important;\n    gap: 40px !important;\n    margin-bottom: 40px !important; \/* Đẩy cách xa phần chữ bên dưới *\/\n    width: 100% !important;\n  }\n\n  .ajx-v251-feature-item {\n    display: flex !important;\n    align-items: center !important;\n    gap: 15px !important;\n    transition: transform 0.3s ease !important;\n  }\n\n  .ajx-v251-feature-item:hover {\n    transform: translateY(-5px) !important; \/* Hover nảy lên nhẹ nhàng *\/\n  }\n\n  .ajx-v251-icon {\n    width: 50px !important;\n    height: 50px !important;\n    display: flex !important;\n    justify-content: center !important;\n    align-items: center !important;\n    flex-shrink: 0 !important;\n  }\n\n  .ajx-v251-icon img {\n    width: 100% !important;\n    height: 100% !important;\n    object-fit: contain !important;\n    display: block !important;\n    filter: drop-shadow(0 0 5px rgba(255,255,255,0.2)) !important; \n    transition: filter 0.3s ease !important;\n  }\n\n  .ajx-v251-feature-item:hover .ajx-v251-icon img {\n    filter: drop-shadow(0 0 8px rgba(0, 255, 127, 0.5)) !important; \/* Glow xanh lá Ajax *\/\n  }\n\n  .ajx-v251-feature-text {\n    color: #ffffff !important;\n    font-size: 20px !important;\n    font-weight: 700 !important;\n    margin: 0 !important;\n  }\n\n  \/* 4. MÔ TẢ (VUÔNG VỨC) *\/\n  .ajx-v251-desc {\n    color: #e0e0e0 !important; \n    font-size: 16px !important;\n    line-height: 1.7 !important;\n    text-align: justify !important; \n    text-align-last: left !important;\n    margin: 0 !important;\n    max-width: 900px !important;\n  }\n\n  \/* Animations *\/\n  @keyframes ajxFadeInUpV251 {\n    from { opacity: 0; transform: translateY(20px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n\n  \/* --- MOBILE RESPONSIVE --- *\/\n  @media (max-width: 768px) {\n    .ajx-v251-container {\n      padding: 40px 15px !important;\n    }\n\n    .ajx-v251-title {\n      font-size: 26px !important;\n      margin-bottom: 30px !important;\n    }\n\n    \/* Trên điện thoại, xếp 3 icon dọc xuống cho dễ đọc *\/\n    .ajx-v251-features-group {\n      flex-direction: column !important;\n      gap: 25px !important;\n      margin-bottom: 30px !important;\n    }\n\n    .ajx-v251-icon {\n      width: 45px !important;\n      height: 45px !important;\n    }\n\n    .ajx-v251-feature-text {\n      font-size: 18px !important;\n    }\n  }\n\u003c\/style\u003e\n\n\u003cdiv style=\"display: block; width: 100%; height: 50px; clear: both; background: transparent; border: none; margin: 0; padding: 0;\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"ajx-v252-wrapper\" data-ajax-instance\u003e\n  \n  \u003cdiv class=\"ajx-v252-content-box\"\u003e\n    \u003ch2 class=\"ajx-v252-main-title\"\u003ePhát hiện chuyển động tích hợp\u003c\/h2\u003e\n    \n    \u003cp class=\"ajx-v252-desc\"\u003eTiết kiệm dung lượng lưu trữ và đơn giản hóa việc xem lại cảnh quay bằng cách thiết lập tính năng phát hiện chuyển động dựa trên pixel. Xác định các vùng cụ thể mà chuyển động sẽ kích hoạt quá trình quay video, để chỉ những sự kiện liên quan mới được ghi lại. Điều này giúp tiết kiệm dung lượng ổ cứng và giúp việc điều hướng kho lưu trữ nhanh hơn và hiệu quả hơn.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"ajx-v252-media-display\"\u003e\n    \u003cdiv class=\"ajx-v252-media-wrap ajx-v252-zoomable-media\"\u003e\n      \u003cvideo autoplay muted loop playsinline\u003e\n        \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/4835ed32112443ddbdf996f699e51ed4.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"ajx-v252-lightbox\" id=\"global-ajx-v252-lightbox\"\u003e\n    \u003cspan class=\"ajx-v252-lightbox-close\"\u003e×\u003c\/span\u003e\n    \u003cdiv class=\"ajx-v252-lightbox-content\"\u003e\n      \u003cimg class=\"ajx-v252-lightbox-img\" src=\"\" alt=\"Zoomed UI\" style=\"display:none;\"\u003e\n      \u003cvideo class=\"ajx-v252-lightbox-video\" src=\"\" autoplay loop muted playsinline style=\"display:none;\"\u003e\u003c\/video\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n  \/* --- CSS RESET --- *\/\n  .ajx-v252-wrapper, .ajx-v252-wrapper * {\n    font-family: inherit !important; \n    box-sizing: border-box !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    line-height: normal !important;\n  }\n\n  \/* --- BỐ CỤC CHÍNH --- *\/\n  .ajx-v252-wrapper {\n    width: 100% !important;\n    max-width: 1050px !important;\n    margin: 0 auto !important;\n    padding: 40px 15px !important;\n    animation: ajxFadeInUpV252 0.8s ease-out forwards;\n    color: #ffffff !important;\n    display: flex !important;\n    flex-direction: column !important;\n    align-items: center !important;\n  }\n\n  \/* --- KHU VỰC TEXT --- *\/\n  .ajx-v252-content-box {\n    width: 100% !important;\n    max-width: 900px !important;\n    margin-bottom: 40px !important;\n    display: flex !important;\n    flex-direction: column !important;\n    align-items: flex-start !important; \n    gap: 20px !important;\n  }\n\n  .ajx-v252-main-title {\n    font-size: clamp(26px, 4vw, 42px) !important;\n    font-weight: 900 !important;\n    text-align: left !important;\n    color: #ffffff !important;\n    border: none !important;\n    line-height: 1.3 !important;\n    margin: 0 !important;\n  }\n\n  \/* CHỮ VUÔNG VỨC *\/\n  .ajx-v252-desc {\n    color: #e0e0e0 !important; \n    font-size: 16px !important;\n    line-height: 1.7 !important;\n    text-align: justify !important; \n    text-align-last: left !important;\n    margin: 0 !important;\n  }\n\n  \/* --- KHU VỰC VIDEO --- *\/\n  .ajx-v252-media-display {\n    width: 100% !important;\n    max-width: 900px !important;\n    display: flex !important;\n    justify-content: center !important;\n    align-items: center !important;\n  }\n\n  .ajx-v252-media-wrap {\n    width: 100% !important;\n    background-color: transparent !important; \n    display: flex !important;\n    justify-content: center !important;\n    align-items: center !important;\n    cursor: zoom-in !important;\n    transition: transform 0.4s ease, border-color 0.3s ease !important;\n    border: 2px solid transparent !important; \n    border-radius: 16px !important; \n    overflow: hidden !important; \n  }\n\n  \/* HIỆU ỨNG HOVER GLOW XANH LÁ *\/\n  .ajx-v252-media-wrap:hover {\n    transform: scale(1.03) !important;\n    border-color: #00ff7f !important; \n    filter: drop-shadow(0 15px 35px rgba(0, 255, 127, 0.25)) !important; \n  }\n\n  \/* KHÓA POINTER ĐỂ WRAPPER HỨNG SỰ KIỆN CLICK *\/\n  .ajx-v252-media-wrap video {\n    width: 100% !important;\n    height: auto !important;\n    max-height: 600px !important; \/* Video độc lập nên cho hiển thị to một chút *\/\n    object-fit: contain !important;\n    display: block !important;\n    border-radius: 14px !important; \n    border: none !important;\n    box-shadow: none !important;\n    pointer-events: none !important; \n    background: transparent !important;\n  }\n\n  \/* --- LIGHTBOX (ZOOM FULL MÀN HÌNH) --- *\/\n  .ajx-v252-lightbox {\n    display: none; \n    position: fixed !important;\n    z-index: 999999999 !important; \n    left: 0 !important; \n    top: 0 !important;\n    right: 0 !important;\n    bottom: 0 !important;\n    width: 100vw !important; \n    height: 100vh !important;\n    background-color: rgba(0, 0, 0, 0.92) !important; \n    align-items: center !important; \n    justify-content: center !important;\n    cursor: zoom-out !important;\n    backdrop-filter: blur(8px) !important;\n    margin: 0 !important;\n    padding: 0 !important;\n  }\n  \n  .ajx-v252-lightbox-content {\n    width: 100% !important;\n    height: 100% !important;\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    margin: auto !important;\n  }\n\n  .ajx-v252-lightbox video {\n    height: 90vh !important; \n    max-width: 95vw !important; \n    width: auto !important; \n    object-fit: contain !important;\n    border-radius: 16px !important;\n    box-shadow: 0 0 50px rgba(0,0,0,0.8) !important;\n    animation: ajxZoomIn252 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards !important;\n    pointer-events: auto !important; \n    margin: auto !important;\n  }\n  \n  .ajx-v252-lightbox-close {\n    position: absolute !important; \n    top: 25px !important; \n    right: 35px !important;\n    color: #ffffff !important; \n    font-size: 45px !important; \n    font-weight: 300 !important;\n    cursor: pointer !important;\n    transition: color 0.2s ease, transform 0.2s ease !important;\n    z-index: 1000000000 !important;\n  }\n\n  .ajx-v252-lightbox-close:hover { \n    color: #00ff7f !important; \n    transform: scale(1.1) !important;\n  }\n\n  \/* Animations *\/\n  @keyframes ajxZoomIn252 { \n    from { transform: scale(0.8); opacity: 0; } \n    to { transform: scale(1); opacity: 1; } \n  }\n  @keyframes ajxFadeInUpV252 {\n    from { opacity: 0; transform: translateY(20px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n\n  \/* --- MOBILE RESPONSIVE --- *\/\n  @media (max-width: 768px) {\n    .ajx-v252-main-title { font-size: 24px !important; }\n    .ajx-v252-lightbox-close { top: 15px !important; right: 20px !important; font-size: 40px !important; }\n\n    \/* Ép chiều ngang trên điện thoại *\/\n    .ajx-v252-lightbox video {\n      width: 95vw !important; \n      height: auto !important; \n      max-height: 90vh !important; \n    }\n  }\n\u003c\/style\u003e\n\n\u003cscript\u003e\n  document.addEventListener('DOMContentLoaded', function() {\n    \n    document.querySelectorAll('.ajx-v252-wrapper[data-ajax-instance]:not([data-ready])').forEach(container =\u003e {\n      \n      const lightbox = container.querySelector('#global-ajx-v252-lightbox');\n      \n      if(lightbox) {\n        const lightboxVideo = lightbox.querySelector('.ajx-v252-lightbox-video');\n        const zoomableWrappers = container.querySelectorAll('.ajx-v252-zoomable-media');\n        const closeBtn = lightbox.querySelector('.ajx-v252-lightbox-close');\n\n        zoomableWrappers.forEach(wrapper =\u003e {\n          wrapper.addEventListener('click', (e) =\u003e {\n            e.preventDefault();\n            e.stopPropagation();\n\n            \/\/ Đưa Lightbox ra ngoài cùng thẻ Body để không bị Shopify cản trở\n            if (lightbox.parentNode !== document.body) {\n              document.body.appendChild(lightbox);\n            }\n            \n            lightboxVideo.style.display = 'none';\n            lightboxVideo.src = '';\n\n            const videoEl = wrapper.querySelector('video');\n\n            if (videoEl) {\n              const source = videoEl.querySelector('source');\n              if(source) {\n                lightboxVideo.src = source.src;\n                lightboxVideo.style.display = 'block';\n                lightboxVideo.load();\n                const playPromise = lightboxVideo.play();\n                if (playPromise !== undefined) {\n                    playPromise.catch(error =\u003e console.log('Autoplay prevented', error));\n                }\n              }\n            }\n\n            lightbox.style.display = 'flex'; \n            document.body.style.overflow = 'hidden'; \n          });\n        });\n\n        const closeLightbox = () =\u003e {\n          lightbox.style.display = 'none';\n          document.body.style.overflow = 'auto'; \n          lightboxVideo.src = ''; \n        };\n\n        if(closeBtn) closeBtn.addEventListener('click', closeLightbox);\n        lightbox.addEventListener('click', (e) =\u003e {\n          if (e.target === lightbox || e.target.classList.contains('ajx-v252-lightbox-content')) {\n            closeLightbox();\n          }\n        });\n      }\n\n      container.setAttribute('data-ready', 'true');\n    });\n  });\n\u003c\/script\u003e\n\n\u003cdiv style=\"display: block; width: 100%; height: 50px; clear: both; background: transparent; border: none; margin: 0; padding: 0;\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"ajx-v257-wrapper\" data-ajax-instance\u003e\n  \n  \u003ch2 class=\"ajx-v257-main-title\"\u003eBảo mật theo thiết kế\u003c\/h2\u003e\n\n  \u003cdiv class=\"ajx-v257-cards-list\"\u003e\n    \n    \u003cdiv class=\"ajx-v257-card\"\u003e\n      \u003cdiv class=\"ajx-v257-front\"\u003e\n        \u003cvideo class=\"ajx-v257-media\" autoplay muted loop playsinline\u003e\n          \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/3009464acc73468e81aaf68b38fa0a0d.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n        \u003cdiv class=\"ajx-v257-gradient\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"ajx-v257-front-footer\"\u003e\n          \u003ch3 class=\"ajx-v257-card-title\"\u003eBảo mật dữ liệu video\u003c\/h3\u003e\n          \u003cbutton class=\"ajx-v257-toggle-btn open-btn\"\u003e\n            \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n              \u003cline x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\u003e\u003c\/line\u003e\n              \u003cline x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\u003e\u003c\/line\u003e\n            \u003c\/svg\u003e\n          \u003c\/button\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ajx-v257-back\"\u003e\n        \u003ch3 class=\"ajx-v257-card-title-back\"\u003eBảo mật dữ liệu video\u003c\/h3\u003e\n        \u003cp class=\"ajx-v257-desc\"\u003eHệ thống Ajax Systems đảm bảo mức độ bảo mật dữ liệu video cao nhất, tuân thủ các tiêu chuẩn bảo vệ dữ liệu của EU. Các bản ghi được lưu trữ an toàn trên ổ cứng và chỉ có thể truy cập bằng thông tin đăng nhập được ủy quyền. Hệ thống liên tục giám sát trạng thái ổ cứng, gửi thông báo đẩy tức thì qua ứng dụng Ajax trong trường hợp quá nóng hoặc dung lượng lưu trữ thấp.\u003c\/p\u003e\n        \u003cdiv class=\"ajx-v257-back-footer\"\u003e\n          \u003cbutton class=\"ajx-v257-toggle-btn close-btn\"\u003e\n            \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n              \u003cline x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\u003e\u003c\/line\u003e\n              \u003cline x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\u003e\u003c\/line\u003e\n            \u003c\/svg\u003e\n          \u003c\/button\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"ajx-v257-card\"\u003e\n      \u003cdiv class=\"ajx-v257-front\"\u003e\n        \u003cimg class=\"ajx-v257-media\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0963\/3366\/0441\/files\/Screenshot_1.png?v=1773905243\" alt=\"Truy cập vào các luồng video\"\u003e\n        \u003cdiv class=\"ajx-v257-gradient\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"ajx-v257-front-footer\"\u003e\n          \u003ch3 class=\"ajx-v257-card-title\"\u003eTruy cập vào các luồng video\u003c\/h3\u003e\n          \u003cbutton class=\"ajx-v257-toggle-btn open-btn\"\u003e\n            \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n              \u003cline x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\u003e\u003c\/line\u003e\n              \u003cline x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\u003e\u003c\/line\u003e\n            \u003c\/svg\u003e\n          \u003c\/button\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ajx-v257-back\"\u003e\n        \u003ch3 class=\"ajx-v257-card-title-back\"\u003eTruy cập vào các luồng video\u003c\/h3\u003e\n        \u003cp class=\"ajx-v257-desc\"\u003eViệc truy cập vào các luồng video được quản lý thông qua các ứng dụng. Tài khoản có thể được bảo mật bằng mật khẩu hoặc sinh trắc học. Xác thực hai yếu tố và kiểm soát phiên bổ sung thêm các lớp bảo mật.\u003c\/p\u003e\n        \u003cdiv class=\"ajx-v257-back-footer\"\u003e\n          \u003cbutton class=\"ajx-v257-toggle-btn close-btn\"\u003e\n            \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n              \u003cline x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\u003e\u003c\/line\u003e\n              \u003cline x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\u003e\u003c\/line\u003e\n            \u003c\/svg\u003e\n          \u003c\/button\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"ajx-v257-card\"\u003e\n      \u003cdiv class=\"ajx-v257-front\"\u003e\n        \u003cimg class=\"ajx-v257-media\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0963\/3366\/0441\/files\/Screenshot_3355454d-8511-444f-811e-48313ef634bb.png?v=1773905127\" alt=\"Tab Quyền riêng tư\"\u003e\n        \u003cdiv class=\"ajx-v257-gradient\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"ajx-v257-front-footer\"\u003e\n          \u003ch3 class=\"ajx-v257-card-title\"\u003eTab Quyền riêng tư\u003c\/h3\u003e\n          \u003cbutton class=\"ajx-v257-toggle-btn open-btn\"\u003e\n            \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n              \u003cline x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\u003e\u003c\/line\u003e\n              \u003cline x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\u003e\u003c\/line\u003e\n            \u003c\/svg\u003e\n          \u003c\/button\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ajx-v257-back\"\u003e\n        \u003ch3 class=\"ajx-v257-card-title-back\"\u003eTab Quyền riêng tư\u003c\/h3\u003e\n        \u003cp class=\"ajx-v257-desc\"\u003eTab Quyền riêng tư cho phép các tài khoản đáng tin cậy cấp hoặc thu hồi quyền truy cập của người dùng vào các luồng video và ảnh cụ thể trong thời gian thực. Người dùng có thể kiểm soát ai có thể xem, nghe, lưu và quản lý nội dung.\u003c\/p\u003e\n        \u003cdiv class=\"ajx-v257-back-footer\"\u003e\n          \u003cbutton class=\"ajx-v257-toggle-btn close-btn\"\u003e\n            \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n              \u003cline x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\u003e\u003c\/line\u003e\n              \u003cline x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\u003e\u003c\/line\u003e\n            \u003c\/svg\u003e\n          \u003c\/button\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"ajx-v257-card\"\u003e\n      \u003cdiv class=\"ajx-v257-front\"\u003e\n        \u003cvideo class=\"ajx-v257-media\" autoplay muted loop playsinline\u003e\n          \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/8e28e26a3b8c4a388085e8736c44b944.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n        \u003cdiv class=\"ajx-v257-gradient\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"ajx-v257-front-footer\"\u003e\n          \u003ch3 class=\"ajx-v257-card-title\"\u003eHệ thống do người dùng điều khiển\u003c\/h3\u003e\n          \u003cbutton class=\"ajx-v257-toggle-btn open-btn\"\u003e\n            \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n              \u003cline x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\u003e\u003c\/line\u003e\n              \u003cline x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\u003e\u003c\/line\u003e\n            \u003c\/svg\u003e\n          \u003c\/button\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ajx-v257-back\"\u003e\n        \u003ch3 class=\"ajx-v257-card-title-back\"\u003eHệ thống do người dùng điều khiển\u003c\/h3\u003e\n        \u003cp class=\"ajx-v257-desc\"\u003eSau khi cài đặt, hệ thống hoàn toàn do người dùng cuối kiểm soát, không có cửa hậu. Quyền truy cập cho tài khoản PRO chỉ là tạm thời, và chỉ những người có quyền cụ thể được quản trị viên hệ thống cấp mới có thể truy cập dữ liệu hình ảnh.\u003c\/p\u003e\n        \u003cdiv class=\"ajx-v257-back-footer\"\u003e\n          \u003cbutton class=\"ajx-v257-toggle-btn close-btn\"\u003e\n            \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n              \u003cline x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\u003e\u003c\/line\u003e\n              \u003cline x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\u003e\u003c\/line\u003e\n            \u003c\/svg\u003e\n          \u003c\/button\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n  \/* --- CSS RESET --- *\/\n  .ajx-v257-wrapper, .ajx-v257-wrapper * {\n    font-family: inherit !important; \n    box-sizing: border-box !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    line-height: normal !important;\n  }\n\n  \/* --- BỐ CỤC CHÍNH --- *\/\n  .ajx-v257-wrapper {\n    width: 100% !important;\n    max-width: 1050px !important;\n    margin: 0 auto !important;\n    padding: 60px 15px !important;\n    color: #ffffff !important;\n    display: flex !important;\n    flex-direction: column !important;\n    align-items: center !important;\n  }\n\n  \/* --- TIÊU ĐỀ --- *\/\n  .ajx-v257-main-title {\n    font-size: clamp(32px, 4vw, 46px) !important;\n    font-weight: 900 !important;\n    text-align: center !important;\n    color: #ffffff !important;\n    border: none !important;\n    margin: 0 0 50px 0 !important;\n  }\n\n  \/* --- DANH SÁCH THẺ DỌC --- *\/\n  .ajx-v257-cards-list {\n    display: flex !important;\n    flex-direction: column !important;\n    align-items: center !important;\n    gap: 30px !important;\n    width: 100% !important;\n  }\n\n  \/* --- CẤU TRÚC CARD --- *\/\n  .ajx-v257-card {\n    position: relative !important;\n    background-color: #0b0b0b !important; \n    border-radius: 16px !important;\n    overflow: hidden !important;\n    width: 100% !important;\n    max-width: 900px !important; \n    aspect-ratio: 21 \/ 9 !important; \n    min-height: 250px !important;\n    border: 1px solid rgba(255,255,255,0.08) !important;\n  }\n\n  \/* --- MẶT TRƯỚC --- *\/\n  .ajx-v257-front {\n    position: absolute !important;\n    inset: 0 !important;\n    display: flex !important;\n    flex-direction: column !important;\n    justify-content: flex-end !important;\n    padding: 30px !important;\n    transition: opacity 0.4s ease, transform 0.4s ease !important;\n    z-index: 2 !important;\n  }\n\n  .ajx-v257-media {\n    position: absolute !important;\n    inset: 0 !important;\n    width: 100% !important;\n    height: 100% !important;\n    object-fit: cover !important;\n    z-index: -2 !important;\n  }\n\n  .ajx-v257-gradient {\n    position: absolute !important;\n    inset: 0 !important;\n    background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, transparent 70%) !important;\n    z-index: -1 !important;\n  }\n\n  .ajx-v257-front-footer {\n    display: flex !important;\n    justify-content: space-between !important;\n    align-items: center !important;\n    gap: 20px !important;\n  }\n\n  .ajx-v257-card-title {\n    color: #ffffff !important;\n    font-size: clamp(20px, 2.5vw, 26px) !important;\n    font-weight: 700 !important;\n    margin: 0 !important;\n    line-height: 1.3 !important;\n    text-shadow: 0 2px 4px rgba(0,0,0,0.5) !important; \n  }\n\n  \/* --- MẶT SAU (NỘI DUNG CHỮ) --- *\/\n  .ajx-v257-back {\n    position: absolute !important;\n    inset: 0 !important;\n    background-color: #0b0b0b !important;\n    padding: 40px !important;\n    display: flex !important;\n    flex-direction: column !important;\n    justify-content: flex-start !important;\n    opacity: 0 !important;\n    pointer-events: none !important;\n    transition: opacity 0.4s ease, transform 0.4s ease !important;\n    transform: translateY(20px) !important; \n    z-index: 3 !important;\n    overflow-y: auto !important; \n  }\n\n  .ajx-v257-card-title-back {\n    color: #ffffff !important;\n    font-size: clamp(20px, 2.5vw, 26px) !important;\n    font-weight: 700 !important;\n    margin: 0 0 20px 0 !important;\n    line-height: 1.3 !important;\n  }\n\n  .ajx-v257-desc {\n    color: #cccccc !important;\n    font-size: 16px !important;\n    line-height: 1.7 !important;\n    text-align: justify !important; \n    text-align-last: left !important;\n    margin: 0 !important;\n  }\n\n  .ajx-v257-back-footer {\n    margin-top: auto !important; \n    padding-top: 20px !important;\n    display: flex !important;\n    justify-content: flex-end !important;\n  }\n\n  \/* --- NÚT BẤM CẬP NHẬT SVG ĐỂ KHÔNG BAO GIỜ LỆCH TÂM --- *\/\n  .ajx-v257-toggle-btn {\n    width: 36px !important;\n    height: 36px !important;\n    border-radius: 50% !important;\n    background-color: #ffffff !important;\n    color: #000000 !important;\n    border: none !important;\n    display: flex !important;\n    justify-content: center !important;\n    align-items: center !important; \n    cursor: pointer !important;\n    flex-shrink: 0 !important;\n    transition: transform 0.3s ease, background-color 0.3s ease !important;\n    padding: 0 !important; \n  }\n\n  .ajx-v257-toggle-btn svg {\n    width: 20px !important;\n    height: 20px !important;\n    display: block !important;\n    margin: auto !important;\n  }\n\n  .ajx-v257-toggle-btn:hover {\n    transform: scale(1.15) !important;\n    background-color: #00ff7f !important; \n  }\n\n  \/* --- TRẠNG THÁI ACTIVE (KHI MỞ THẺ) --- *\/\n  .ajx-v257-card.active .ajx-v257-front {\n    opacity: 0 !important;\n    pointer-events: none !important;\n    transform: translateY(-20px) !important;\n  }\n\n  .ajx-v257-card.active .ajx-v257-back {\n    opacity: 1 !important;\n    pointer-events: auto !important;\n    transform: translateY(0) !important;\n  }\n\n  \/* --- MOBILE RESPONSIVE --- *\/\n  @media (max-width: 768px) {\n    .ajx-v257-card {\n      aspect-ratio: 16 \/ 12 !important; \n      min-height: 280px !important;\n    }\n\n    .ajx-v257-front, .ajx-v257-back {\n      padding: 20px !important;\n    }\n\n    .ajx-v257-main-title {\n      font-size: 28px !important;\n      margin-bottom: 35px !important;\n    }\n  }\n\u003c\/style\u003e\n\n\u003cscript\u003e\n  document.addEventListener('DOMContentLoaded', function() {\n    \n    document.querySelectorAll('.ajx-v257-wrapper[data-ajax-instance]:not([data-ready])').forEach(container =\u003e {\n      \n      const cards = container.querySelectorAll('.ajx-v257-card');\n\n      cards.forEach(card =\u003e {\n        const openBtn = card.querySelector('.open-btn');\n        const closeBtn = card.querySelector('.close-btn');\n\n        if(openBtn) {\n          openBtn.addEventListener('click', (e) =\u003e {\n            e.preventDefault();\n            cards.forEach(c =\u003e c.classList.remove('active'));\n            card.classList.add('active');\n          });\n        }\n\n        if(closeBtn) {\n          closeBtn.addEventListener('click', (e) =\u003e {\n            e.preventDefault();\n            card.classList.remove('active');\n          });\n        }\n      });\n\n      container.setAttribute('data-ready', 'true');\n    });\n  });\n\u003c\/script\u003e\n\n\u003cdiv style=\"display: block; width: 100%; height: 50px; clear: both; background: transparent; border: none; margin: 0; padding: 0;\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"ajx-v261-wrapper\" data-ajax-instance\u003e\n  \n  \u003cdiv class=\"ajx-v261-content-box\"\u003e\n    \n    \u003ch2 class=\"ajx-v261-main-title\"\u003eĐược thiết kế sẵn cho mọi cấu hình.\u003c\/h2\u003e\n    \n    \u003cul class=\"ajx-v261-list\"\u003e\n      \u003cli\u003eCổng HDMI 4K để kết nối màn hình\u003c\/li\u003e\n      \u003cli\u003eMột cổng USB 3.0 và các cổng USB 2.0 để kết nối bàn phím, chuột hoặc ổ flash.\u003c\/li\u003e\n      \u003cli\u003eHỗ trợ tối đa 16 cổng PoE\u003csup class=\"ajx-v261-sup\"\u003e1\u003c\/sup\u003e giúp kết nối camera dễ dàng.\u003c\/li\u003e\n      \u003cli\u003eHỗ trợ lắp đặt gọn gàng lên tủ rack với bộ phụ kiện (kit) đi kèm vô cùng tiện lợi.\u003c\/li\u003e\n    \u003c\/ul\u003e\n\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"ajx-v261-media-display\"\u003e\n    \u003cdiv class=\"ajx-v261-media-wrap ajx-v261-zoomable-media\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0963\/3366\/0441\/files\/download_46.avif?v=1778123818\" alt=\"Được thiết kế sẵn cho mọi cấu hình\"\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"ajx-v261-lightbox\" id=\"global-ajx-v261-lightbox\"\u003e\n    \u003cspan class=\"ajx-v261-lightbox-close\"\u003e×\u003c\/span\u003e\n    \u003cdiv class=\"ajx-v261-lightbox-content\"\u003e\n      \u003cimg class=\"ajx-v261-lightbox-img\" src=\"\" alt=\"Zoomed UI\" style=\"display:none;\"\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n  \/* --- CSS RESET --- *\/\n  .ajx-v261-wrapper, .ajx-v261-wrapper * {\n    font-family: inherit !important; \n    box-sizing: border-box !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    line-height: normal !important;\n  }\n\n  \/* --- BỐ CỤC CHÍNH --- *\/\n  .ajx-v261-wrapper {\n    width: 100% !important;\n    max-width: 1050px !important;\n    margin: 0 auto !important;\n    padding: 40px 15px !important;\n    animation: ajxFadeInUpV261 0.8s ease-out forwards;\n    color: #ffffff !important;\n    display: flex !important;\n    flex-direction: column !important;\n    align-items: center !important;\n  }\n\n  \/* --- KHU VỰC TEXT \u0026 DANH SÁCH --- *\/\n  .ajx-v261-content-box {\n    width: 100% !important;\n    max-width: 900px !important;\n    margin-bottom: 40px !important;\n    display: flex !important;\n    flex-direction: column !important;\n    align-items: flex-start !important; \n  }\n\n  .ajx-v261-main-title {\n    font-size: clamp(26px, 4vw, 42px) !important;\n    font-weight: 900 !important;\n    text-align: left !important;\n    color: #ffffff !important;\n    border: none !important;\n    line-height: 1.3 !important;\n    margin: 0 0 25px 0 !important;\n  }\n\n  \/* DANH SÁCH TEXT \u0026 DẤU CHẤM XANH CHUẨN XÁC TỪ V260 *\/\n  .ajx-v261-list {\n    list-style: none !important;\n    padding-left: 0 !important;\n    margin: 0 !important;\n    width: 100% !important;\n  }\n\n  .ajx-v261-list li {\n    font-size: 16px !important;\n    color: #e0e0e0 !important;\n    margin-bottom: 15px !important; \/* Dãn khoảng cách các dòng một chút cho thoáng *\/\n    position: relative !important;\n    padding-left: 16px !important; \n    line-height: 1.6 !important;\n    display: block !important; \n  }\n\n  .ajx-v261-list li:last-child {\n    margin-bottom: 0 !important;\n  }\n\n  .ajx-v261-list li::before {\n    content: \"\" !important;\n    position: absolute !important;\n    left: 0 !important;\n    top: 9.5px !important; \/* Trọng tâm chuẩn nằm giữa dòng đầu tiên *\/\n    width: 6px !important;\n    height: 6px !important;\n    background-color: #00ff7f !important; \n    border-radius: 50% !important;\n  }\n\n  .ajx-v261-sup {\n    font-size: 11px !important;\n    color: #00ff7f !important; \/* Làm nổi bật số 1 chú thích *\/\n    vertical-align: super !important;\n    cursor: help !important;\n  }\n\n  \/* --- KHU VỰC HÌNH ẢNH --- *\/\n  .ajx-v261-media-display {\n    width: 100% !important;\n    max-width: 900px !important;\n    display: flex !important;\n    justify-content: center !important;\n    align-items: center !important;\n  }\n\n  \/* KHUNG MEDIA TRẦN + HOVER GLOW *\/\n  .ajx-v261-media-wrap {\n    width: 100% !important;\n    background-color: transparent !important; \n    display: flex !important;\n    justify-content: center !important;\n    align-items: center !important;\n    cursor: zoom-in !important;\n    transition: transform 0.4s ease, border-color 0.3s ease !important;\n    border: 2px solid transparent !important; \n    border-radius: 14px !important; \n    overflow: hidden !important; \n  }\n\n  .ajx-v261-media-wrap:hover {\n    transform: scale(1.02) !important; \/* Phóng to nhẹ hơn một chút vì ảnh ngang *\/\n    border-color: #00ff7f !important; \n    filter: drop-shadow(0 15px 35px rgba(0, 255, 127, 0.2)) !important; \n  }\n\n  .ajx-v261-media-wrap img {\n    width: 100% !important;\n    height: auto !important;\n    max-height: 600px !important;\n    object-fit: contain !important;\n    display: block !important;\n    border-radius: 12px !important; \n    border: none !important;\n    box-shadow: none !important;\n    pointer-events: none !important; \n    background: transparent !important;\n  }\n\n  \/* --- LIGHTBOX (FIX BUNG FULL TOÀN MÀN HÌNH) --- *\/\n  .ajx-v261-lightbox {\n    display: none; \n    position: fixed !important;\n    z-index: 999999999 !important; \n    left: 0 !important; \n    top: 0 !important;\n    right: 0 !important;\n    bottom: 0 !important;\n    width: 100vw !important; \n    height: 100vh !important;\n    background-color: rgba(0, 0, 0, 0.95) !important;\n    align-items: center !important; \n    justify-content: center !important;\n    cursor: zoom-out !important;\n    backdrop-filter: blur(8px) !important;\n    margin: 0 !important;\n    padding: 0 !important;\n  }\n  \n  .ajx-v261-lightbox-content {\n    width: 100% !important;\n    height: 100% !important;\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    margin: auto !important;\n  }\n\n  .ajx-v261-lightbox img {\n    height: 90vh !important; \n    max-width: 95vw !important; \n    width: auto !important; \n    object-fit: contain !important;\n    border-radius: 16px !important;\n    box-shadow: 0 0 50px rgba(0,0,0,0.8) !important;\n    animation: ajxZoomIn261 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards !important;\n    pointer-events: auto !important; \n    margin: auto !important;\n  }\n  \n  .ajx-v261-lightbox-close {\n    position: absolute !important; \n    top: 25px !important; \n    right: 35px !important;\n    color: #ffffff !important; \n    font-size: 45px !important; \n    font-weight: 300 !important;\n    cursor: pointer !important;\n    transition: color 0.2s ease, transform 0.2s ease !important;\n    z-index: 1000000000 !important;\n  }\n\n  .ajx-v261-lightbox-close:hover { \n    color: #00ff7f !important; \n    transform: scale(1.1) !important;\n  }\n\n  \/* Animations *\/\n  @keyframes ajxZoomIn261 { \n    from { transform: scale(0.8); opacity: 0; } \n    to { transform: scale(1); opacity: 1; } \n  }\n  @keyframes ajxFadeInUpV261 {\n    from { opacity: 0; transform: translateY(20px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n\n  \/* --- MOBILE RESPONSIVE --- *\/\n  @media (max-width: 768px) {\n    .ajx-v261-main-title { font-size: 24px !important; margin-bottom: 20px !important; }\n    .ajx-v261-lightbox-close { top: 15px !important; right: 20px !important; font-size: 40px !important; }\n\n    \/* Ép chiều ngang trên điện thoại *\/\n    .ajx-v261-lightbox img {\n      width: 95vw !important; \n      height: auto !important; \n      max-height: 90vh !important; \n    }\n  }\n\u003c\/style\u003e\n\n\u003cscript\u003e\n  document.addEventListener('DOMContentLoaded', function() {\n    \n    document.querySelectorAll('.ajx-v261-wrapper[data-ajax-instance]:not([data-ready])').forEach(container =\u003e {\n      \n      const lightbox = container.querySelector('#global-ajx-v261-lightbox');\n      \n      if(lightbox) {\n        const lightboxImg = lightbox.querySelector('.ajx-v261-lightbox-img');\n        const zoomableWrappers = container.querySelectorAll('.ajx-v261-zoomable-media');\n        const closeBtn = lightbox.querySelector('.ajx-v261-lightbox-close');\n\n        zoomableWrappers.forEach(wrapper =\u003e {\n          wrapper.addEventListener('click', (e) =\u003e {\n            e.preventDefault();\n            e.stopPropagation();\n\n            \/\/ Đưa Lightbox ra ngoài cùng thẻ Body để không bị Shopify cản trở\n            if (lightbox.parentNode !== document.body) {\n              document.body.appendChild(lightbox);\n            }\n            \n            lightboxImg.style.display = 'none';\n            lightboxImg.src = '';\n\n            const imgEl = wrapper.querySelector('img');\n\n            if (imgEl) {\n              lightboxImg.src = imgEl.src;\n              lightboxImg.style.display = 'block';\n            }\n\n            lightbox.style.display = 'flex'; \n            document.body.style.overflow = 'hidden'; \n          });\n        });\n\n        const closeLightbox = () =\u003e {\n          lightbox.style.display = 'none';\n          document.body.style.overflow = 'auto'; \n          lightboxImg.src = ''; \n        };\n\n        if(closeBtn) closeBtn.addEventListener('click', closeLightbox);\n        lightbox.addEventListener('click', (e) =\u003e {\n          if (e.target === lightbox || e.target.classList.contains('ajx-v261-lightbox-content')) {\n            closeLightbox();\n          }\n        });\n      }\n\n      container.setAttribute('data-ready', 'true');\n    });\n  });\n\u003c\/script\u003e\n\n\u003cdiv style=\"display: block; width: 100%; height: 50px; clear: both; background: transparent; border: none; margin: 0; padding: 0;\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"ajx-v260-wrapper\" data-ajax-instance\u003e\n  \n  \u003cdiv class=\"ajx-v260-header\"\u003e\n    \u003ch2 class=\"ajx-v260-main-title\"\u003eCài đặt và thiết lập dễ dàng, không rắc rối\u003c\/h2\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"ajx-v260-tabs-grid\"\u003e\n    \u003cdiv class=\"ajx-v260-tab-btn active\" data-tab-target=\"1\"\u003e\n      \u003ch3\u003eBổ sung vào hệ thống\u003c\/h3\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"ajx-v260-tab-btn\" data-tab-target=\"2\"\u003e\n      \u003ch3\u003eLắp đặt\u003c\/h3\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"ajx-v260-tab-btn\" data-tab-target=\"3\"\u003e\n      \u003ch3\u003eCài đặt\u003c\/h3\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"ajx-v260-tab-btn\" data-tab-target=\"4\"\u003e\n      \u003ch3\u003eGiám sát\u003c\/h3\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"ajx-v260-content-area\"\u003e\n    \n    \u003cdiv class=\"ajx-v260-media-item active\" data-tab-content=\"1\"\u003e\n      \u003cul class=\"ajx-v260-list\"\u003e\n        \u003cli\u003eTăng cường hệ thống bảo mật Ajax thông qua mã QR — không cần plugin hay giao diện web.\u003c\/li\u003e\n      \u003c\/ul\u003e\n      \u003cdiv class=\"ajx-v260-media-wrap ajx-v260-zoomable-media\"\u003e\n        \u003cvideo autoplay muted loop playsinline\u003e\n          \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/35ceb476dd5e496bbfc69df9e8ba53b9.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"ajx-v260-media-item\" data-tab-content=\"2\"\u003e\n      \u003cul class=\"ajx-v260-list\"\u003e\n        \u003cli\u003eCổng PoE1 Kết nối camera nhanh chóng, không rắc rối.\u003c\/li\u003e\n        \u003cli\u003eHỗ trợ lắp đặt gọn gàng lên tủ rack với bộ phụ kiện (kit) đi kèm vô cùng tiện lợi.\u003c\/li\u003e\n      \u003c\/ul\u003e\n      \u003cdiv class=\"ajx-v260-media-wrap ajx-v260-zoomable-media\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0963\/3366\/0441\/files\/download_44.avif?v=1778121994\" alt=\"Lắp đặt Camera\"\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"ajx-v260-media-item\" data-tab-content=\"3\"\u003e\n      \u003cul class=\"ajx-v260-list\"\u003e\n        \u003cli\u003eCấu hình và kiểm thử thông qua ứng dụng Ajax trên thiết bị di động và máy tính để bàn.\u003c\/li\u003e\n        \u003cli\u003eHỗ trợ hai ổ cứng HDD có thể tháo lắp nóng, mỗi ổ có dung lượng tối đa 24 TB.\u003c\/li\u003e\n        \u003cli\u003eHỗ trợ ủy quyền ONVIF\/RTSP.\u003c\/li\u003e\n        \u003cli\u003eCác vùng phát hiện chuyển động có thể cấu hình cho camera kết nối.\u003c\/li\u003e\n        \u003cli\u003eTự động tìm kiếm các camera của bên thứ ba có sẵn trên mạng cục bộ.\u003c\/li\u003e\n      \u003c\/ul\u003e\n      \u003cdiv class=\"ajx-v260-media-wrap ajx-v260-zoomable-media\"\u003e\n        \u003cvideo autoplay muted loop playsinline\u003e\n          \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/41542b88d5304235924ad99e9d1bdd07.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"ajx-v260-media-item\" data-tab-content=\"4\"\u003e\n      \u003cul class=\"ajx-v260-list\"\u003e\n        \u003cli\u003eTrạng thái NVR theo thời gian thực có thể truy cập được trong các ứng dụng VMS và Ajax tích hợp sẵn.\u003c\/li\u003e\n        \u003cli\u003eĐiều khiển và cấu hình từ xa thông qua ứng dụng Ajax.\u003c\/li\u003e\n      \u003c\/ul\u003e\n      \u003cdiv class=\"ajx-v260-media-wrap ajx-v260-zoomable-media\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0963\/3366\/0441\/files\/download_45.avif?v=1778122392\" alt=\"Giám sát Camera\"\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"ajx-v260-lightbox\" id=\"global-ajx-v260-lightbox\"\u003e\n    \u003cspan class=\"ajx-v260-lightbox-close\"\u003e×\u003c\/span\u003e\n    \u003cdiv class=\"ajx-v260-lightbox-content\"\u003e\n      \u003cimg class=\"ajx-v260-lightbox-img\" src=\"\" alt=\"Zoomed View\" style=\"display:none;\"\u003e\n      \u003cvideo class=\"ajx-v260-lightbox-video\" src=\"\" autoplay loop muted playsinline style=\"display:none;\"\u003e\u003c\/video\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n  \/* --- CSS RESET --- *\/\n  .ajx-v260-wrapper, .ajx-v260-wrapper * {\n    font-family: inherit !important; \n    box-sizing: border-box !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    line-height: normal !important;\n  }\n\n  \/* --- BỐ CỤC CHÍNH --- *\/\n  .ajx-v260-wrapper {\n    width: 100% !important;\n    max-width: 1050px !important;\n    margin: 0 auto !important;\n    padding: 40px 15px !important;\n    animation: ajxFadeInUpV260 0.8s ease-out forwards;\n    color: #ffffff !important;\n    display: flex !important;\n    flex-direction: column !important;\n    align-items: center !important;\n  }\n\n  .ajx-v260-header {\n    width: 100% !important;\n    max-width: 900px !important;\n    margin-bottom: 40px !important;\n  }\n\n  .ajx-v260-main-title {\n    font-size: clamp(26px, 4vw, 42px) !important;\n    font-weight: 900 !important;\n    text-align: left !important;\n    color: #ffffff !important;\n    border: none !important;\n    line-height: 1.3 !important;\n    margin: 0 !important;\n  }\n\n  \/* --- PHẦN TABS: LƯỚI 2x2 --- *\/\n  .ajx-v260-tabs-grid {\n    width: 100% !important;\n    max-width: 900px !important;\n    display: grid !important;\n    grid-template-columns: repeat(2, 1fr) !important; \n    row-gap: 20px !important;\n    column-gap: 40px !important;\n    margin-bottom: 50px !important;\n  }\n\n  .ajx-v260-tab-btn {\n    border-left: 3px solid rgba(255,255,255,0.1) !important; \n    padding: 12px 0 12px 20px !important;\n    cursor: pointer !important;\n    opacity: 0.4 !important; \n    transition: all 0.3s ease !important;\n    -webkit-tap-highlight-color: transparent !important;\n  }\n\n  .ajx-v260-tab-btn:hover {\n    opacity: 0.8 !important;\n    transform: translateX(5px) !important;\n  }\n\n  .ajx-v260-tab-btn.active {\n    border-left-color: #00ff7f !important; \n    opacity: 1 !important;\n    transform: translateX(5px) !important;\n  }\n\n  .ajx-v260-tab-btn h3 {\n    color: #ffffff !important;\n    font-size: clamp(18px, 1.8vw, 22px) !important;\n    font-weight: 700 !important;\n    line-height: 1.4 !important;\n    margin: 0 !important;\n    transition: color 0.3s ease !important;\n    text-align: left !important;\n  }\n\n  .ajx-v260-tab-btn.active h3 {\n    color: #00ff7f !important;\n  }\n\n  \/* --- PHẦN KHU VỰC NỘI DUNG CHÍNH --- *\/\n  .ajx-v260-content-area {\n    width: 100% !important;\n    max-width: 900px !important;\n    display: flex !important;\n    flex-direction: column !important;\n    align-items: center !important;\n    min-height: 400px !important; \n  }\n\n  .ajx-v260-media-item {\n    display: none !important; \n    width: 100% !important;\n    flex-direction: column !important;\n    gap: 30px !important;\n    animation: ajxFadeInScale260 0.5s ease-out forwards !important;\n  }\n\n  .ajx-v260-media-item.active {\n    display: flex !important; \n  }\n\n  \/* --- DANH SÁCH TEXT \u0026 DẤU CHẤM XANH (ĐÃ FIX LỆCH) --- *\/\n  .ajx-v260-list {\n    list-style: none !important;\n    padding-left: 0 !important;\n    margin: 0 !important;\n  }\n\n  .ajx-v260-list li {\n    font-size: 16px !important;\n    color: #e0e0e0 !important;\n    margin-bottom: 12px !important;\n    position: relative !important;\n    padding-left: 16px !important; \/* Đã giảm từ 20px xuống 16px để chữ xích lại gần *\/\n    line-height: 1.6 !important;\n    display: block !important; \n  }\n\n  .ajx-v260-list li::before {\n    content: \"\" !important;\n    position: absolute !important;\n    left: 0 !important;\n    top: 9.5px !important; \/* Đã hạ trọng tâm xuống để nằm giữa dòng đầu tiên *\/\n    width: 6px !important;\n    height: 6px !important;\n    background-color: #00ff7f !important; \n    border-radius: 50% !important;\n  }\n\n  \/* KHUNG MEDIA TRẦN + HOVER GLOW *\/\n  .ajx-v260-media-wrap {\n    width: 100% !important;\n    background-color: transparent !important; \n    display: flex !important;\n    justify-content: center !important;\n    align-items: center !important;\n    cursor: zoom-in !important;\n    transition: transform 0.4s ease, border-color 0.3s ease !important;\n    border: 2px solid transparent !important; \n    border-radius: 14px !important; \n    overflow: hidden !important; \n  }\n\n  .ajx-v260-media-wrap:hover {\n    transform: scale(1.03) !important;\n    border-color: #00ff7f !important; \n    filter: drop-shadow(0 10px 25px rgba(0, 255, 127, 0.3)) !important; \n  }\n\n  .ajx-v260-media-wrap img, .ajx-v260-media-wrap video {\n    width: 100% !important;\n    height: auto !important;\n    max-height: 500px !important;\n    object-fit: contain !important;\n    display: block !important;\n    border-radius: 12px !important; \n    border: none !important;\n    box-shadow: none !important;\n    pointer-events: none !important; \n    background: transparent !important;\n  }\n\n  \/* --- LIGHTBOX (FIX BUNG FULL MÀN HÌNH) --- *\/\n  .ajx-v260-lightbox {\n    display: none; \n    position: fixed !important;\n    z-index: 999999999 !important; \n    left: 0 !important; \n    top: 0 !important;\n    right: 0 !important;\n    bottom: 0 !important;\n    width: 100vw !important; \n    height: 100vh !important;\n    background-color: rgba(0, 0, 0, 0.95) !important;\n    align-items: center !important; \n    justify-content: center !important;\n    cursor: zoom-out !important;\n    backdrop-filter: blur(8px) !important;\n    margin: 0 !important;\n    padding: 0 !important;\n  }\n  \n  .ajx-v260-lightbox-content {\n    width: 100% !important;\n    height: 100% !important;\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    margin: auto !important;\n  }\n\n  .ajx-v260-lightbox img, .ajx-v260-lightbox video {\n    height: 90vh !important; \n    max-width: 95vw !important; \n    width: auto !important; \n    object-fit: contain !important;\n    border-radius: 16px !important;\n    box-shadow: 0 0 50px rgba(0,0,0,0.8) !important;\n    animation: ajxZoomIn260 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards !important;\n    pointer-events: auto !important; \n    margin: auto !important;\n  }\n  \n  .ajx-v260-lightbox-close {\n    position: absolute !important; \n    top: 25px !important; \n    right: 35px !important;\n    color: #ffffff !important; \n    font-size: 45px !important; \n    font-weight: 300 !important;\n    cursor: pointer !important;\n    transition: color 0.2s ease, transform 0.2s ease !important;\n    z-index: 1000000000 !important;\n  }\n\n  .ajx-v260-lightbox-close:hover { \n    color: #00ff7f !important; \n    transform: scale(1.1) !important;\n  }\n\n  \/* Animations *\/\n  @keyframes ajxFadeInScale260 { \n    from { opacity: 0; transform: translateY(15px); } \n    to { opacity: 1; transform: translateY(0); } \n  }\n  @keyframes ajxZoomIn260 { \n    from { transform: scale(0.8); opacity: 0; } \n    to { transform: scale(1); opacity: 1; } \n  }\n  @keyframes ajxFadeInUpV260 {\n    from { opacity: 0; transform: translateY(20px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n\n  \/* --- MOBILE RESPONSIVE --- *\/\n  @media (max-width: 768px) {\n    .ajx-v260-main-title { font-size: 24px !important; margin-bottom: 30px !important; }\n    \n    .ajx-v260-tabs-grid { \n      grid-template-columns: 1fr !important;\n      margin-bottom: 40px !important; \n      gap: 15px !important; \n    }\n    \n    .ajx-v260-tab-btn { padding: 10px 0 10px 15px !important; }\n    .ajx-v260-tab-btn h3 { font-size: 18px !important; }\n    .ajx-v260-lightbox-close { top: 10px !important; right: 20px !important; font-size: 35px !important; }\n\n    .ajx-v260-lightbox img, .ajx-v260-lightbox video {\n      width: 95vw !important; \n      height: auto !important; \n      max-height: 90vh !important; \n    }\n  }\n\u003c\/style\u003e\n\n\u003cscript\u003e\n  document.addEventListener('DOMContentLoaded', function() {\n    \n    document.querySelectorAll('.ajx-v260-wrapper[data-ajax-instance]:not([data-ready])').forEach(container =\u003e {\n      \n      const btns = container.querySelectorAll('.ajx-v260-tab-btn');\n      const contents = container.querySelectorAll('.ajx-v260-media-item');\n\n      btns.forEach(btn =\u003e {\n        btn.addEventListener('click', function() {\n          const target = this.getAttribute('data-tab-target');\n\n          btns.forEach(b =\u003e b.classList.remove('active'));\n          contents.forEach(c =\u003e c.classList.remove('active'));\n\n          this.classList.add('active');\n          const targetContent = container.querySelector(`.ajx-v260-media-item[data-tab-content=\"${target}\"]`);\n          if (targetContent) targetContent.classList.add('active');\n        });\n      });\n\n      const lightbox = container.querySelector('#global-ajx-v260-lightbox');\n      \n      if(lightbox) {\n        const lightboxImg = lightbox.querySelector('.ajx-v260-lightbox-img');\n        const lightboxVideo = lightbox.querySelector('.ajx-v260-lightbox-video');\n        const zoomableWrappers = container.querySelectorAll('.ajx-v260-zoomable-media');\n        const closeBtn = lightbox.querySelector('.ajx-v260-lightbox-close');\n\n        zoomableWrappers.forEach(wrapper =\u003e {\n          wrapper.addEventListener('click', (e) =\u003e {\n            e.preventDefault();\n            e.stopPropagation();\n\n            if (lightbox.parentNode !== document.body) {\n              document.body.appendChild(lightbox);\n            }\n            \n            lightboxImg.style.display = 'none';\n            lightboxVideo.style.display = 'none';\n            lightboxImg.src = '';\n            lightboxVideo.src = '';\n\n            const videoEl = wrapper.querySelector('video');\n            const imgEl = wrapper.querySelector('img');\n\n            if (videoEl) {\n              const source = videoEl.querySelector('source');\n              if(source) {\n                lightboxVideo.src = source.src;\n                lightboxVideo.style.display = 'block';\n                lightboxVideo.load();\n                const playPromise = lightboxVideo.play();\n                if (playPromise !== undefined) {\n                    playPromise.catch(error =\u003e console.log('Autoplay prevented', error));\n                }\n              }\n            } else if (imgEl) {\n              lightboxImg.src = imgEl.src;\n              lightboxImg.style.display = 'block';\n            }\n\n            lightbox.style.display = 'flex'; \n            document.body.style.overflow = 'hidden'; \n          });\n        });\n\n        const closeLightbox = () =\u003e {\n          lightbox.style.display = 'none';\n          document.body.style.overflow = 'auto'; \n          lightboxImg.src = ''; \n          lightboxVideo.src = ''; \n        };\n\n        if(closeBtn) closeBtn.addEventListener('click', closeLightbox);\n        lightbox.addEventListener('click', (e) =\u003e {\n          if (e.target === lightbox || e.target.classList.contains('ajx-v260-lightbox-content')) {\n            closeLightbox();\n          }\n        });\n      }\n\n      container.setAttribute('data-ready', 'true');\n    });\n  });\n\u003c\/script\u003e\n\n\u003cdiv style=\"display: block; width: 100%; height: 50px; clear: both; background: transparent; border: none; margin: 0; padding: 0;\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"ajx-v201-wrapper\"\u003e\n  \n  \u003cdiv class=\"ajx-v201-footer-card\"\u003e\n    \n    \u003cdiv class=\"ajx-v201-footnote\"\u003e\n      \u003ch4\u003eChú thích\u003c\/h4\u003e\n      \u003cp\u003e\u003csup class=\"ajx-green-sup\"\u003e(1)\u003c\/sup\u003e Các cổng PoE có sẵn cho các mẫu Ajax Superior NVR H2DAI8PAC (8 kênh), Ajax Superior NVR H2DAI8PAC (16 kênh), Ajax Superior NVR H2DAI16PAC (16 kênh) và Ajax Superior NVR H2DAI16PAC (32 kênh).\u003c\/p\u003e\n      \u003cp\u003e\u003csup class=\"ajx-green-sup\"\u003e(2)\u003c\/sup\u003e Hiện tại, tính năng tích hợp chỉ hỗ trợ một phần các chức năng của Profile T và Profile M. Vui lòng \u003ca href=\"https:\/\/ajax-systems.translate.goog\/blog\/video-devices-support-onvif\/?_x_tr_sl=en\u0026amp;_x_tr_tl=vi\u0026amp;_x_tr_hl=vi\u0026amp;_x_tr_pto=wapp\" target=\"_blank\" class=\"ajx-v201-inline-link\"\u003eđọc bài viết\u003c\/a\u003e để biết thêm thông tin về thiết bị video Ajax và ủy quyền ONVIF.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \n    \u003cdiv class=\"ajx-v201-specs\"\u003e\n      \u003ch4\u003eThông số kỹ thuật\u003c\/h4\u003e\n      \u003ca href=\"https:\/\/drive.google.com\/file\/d\/1HGGnjeYon1EdINGFGVXxBCv10xbld7UR\/view?usp=drive_link\" target=\"_blank\" class=\"ajx-v201-doc-link\"\u003e\n        \u003csvg viewbox=\"0 0 24 24\" width=\"20\" height=\"20\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n          \u003cpath d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\u003e\u003c\/path\u003e\n          \u003cpolyline points=\"14 2 14 8 20 8\"\u003e\u003c\/polyline\u003e\n          \u003cline x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"\u003e\u003c\/line\u003e\n          \u003cline x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"\u003e\u003c\/line\u003e\n          \u003cpolyline points=\"10 9 9 9 8 9\"\u003e\u003c\/polyline\u003e\n        \u003c\/svg\u003e\n        Thông số kỹ thuật của sản phẩm Ajax Superior NVR H2D series (8-kênh\/16-kênh\/32-kênh)\n      \u003c\/a\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n  \/* --- CSS RESET --- *\/\n  .ajx-v201-wrapper, .ajx-v201-wrapper * {\n    font-family: inherit !important; \n    box-sizing: border-box !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    line-height: normal !important;\n  }\n\n  \/* --- BỐ CỤC CHÍNH --- *\/\n  .ajx-v201-wrapper {\n    width: 100% !important;\n    max-width: 950px !important;\n    margin: 0 auto !important;\n    padding: 20px 15px !important;\n    animation: ajxFadeInUpV201 0.8s ease-out forwards;\n  }\n\n  \/* --- CARD CHỨA NỘI DUNG (NỀN TRONG SUỐT) --- *\/\n  .ajx-v201-footer-card {\n    background-color: transparent !important; \n    padding: 20px 10px !important; \n    display: flex !important;\n    flex-direction: column !important;\n    border: none !important; \n    box-shadow: none !important; \n  }\n\n  \/* --- TIÊU ĐỀ CHUNG TỪNG PHẦN --- *\/\n  .ajx-v201-footer-card h4 {\n    color: #ffffff !important;\n    font-size: 16px !important;\n    font-weight: 700 !important;\n    margin-bottom: 12px !important;\n    text-transform: uppercase !important; \n    letter-spacing: 0.5px !important;\n  }\n\n  \/* --- KHU VỰC CHÚ THÍCH --- *\/\n  .ajx-v201-footnote {\n    display: flex !important;\n    flex-direction: column !important;\n    margin-bottom: 30px !important; \/* Xuống đúng 1 dòng thoáng đãng *\/\n  }\n\n  .ajx-v201-footnote p {\n    color: #a1a1aa !important; \n    font-size: 15px !important;\n    line-height: 1.6 !important;\n    margin: 0 !important;\n  }\n\n  .ajx-green-sup {\n    color: #00ff7f !important;\n    font-weight: bold !important;\n    font-size: 12px !important;\n    margin-right: 4px !important;\n  }\n\n  \/* Link gạch chân trong đoạn văn *\/\n  .ajx-v201-inline-link {\n    color: #ffffff !important; \/* Chữ trắng nổi bật *\/\n    text-decoration: underline !important;\n    text-underline-offset: 3px !important;\n    transition: color 0.3s ease, text-decoration-color 0.3s ease !important;\n  }\n\n  .ajx-v201-inline-link:hover {\n    color: #00ff7f !important; \/* Đổi màu xanh Ajax khi hover *\/\n    text-decoration-color: #00ff7f !important;\n  }\n\n  \/* --- KHU VỰC THÔNG SỐ KỸ THUẬT --- *\/\n  .ajx-v201-specs {\n    display: flex !important;\n    flex-direction: column !important;\n    align-items: flex-start !important;\n  }\n\n  .ajx-v201-doc-link {\n    display: inline-flex !important;\n    align-items: center !important;\n    gap: 12px !important;\n    color: #e0e0e0 !important; \n    font-size: 15px !important;\n    font-weight: 500 !important;\n    text-decoration: none !important;\n    transition: all 0.3s ease !important;\n    line-height: 1.5 !important;\n  }\n\n  .ajx-v201-doc-link svg {\n    flex-shrink: 0 !important;\n    stroke: #e0e0e0 !important;\n    transition: all 0.3s ease !important;\n  }\n\n  .ajx-v201-doc-link:hover {\n    color: #00ff7f !important; \n  }\n\n  .ajx-v201-doc-link:hover svg {\n    stroke: #00ff7f !important;\n    transform: translateY(-2px) !important; \n  }\n\n  @keyframes ajxFadeInUpV201 {\n    from { opacity: 0; transform: translateY(20px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n\n  \/* --- MOBILE RESPONSIVE --- *\/\n  @media (max-width: 768px) {\n    .ajx-v201-footer-card {\n      padding: 10px 0 !important;\n    }\n    \n    .ajx-v201-doc-link {\n      align-items: flex-start !important; \n    }\n    \n    .ajx-v201-doc-link svg {\n      margin-top: 2px !important;\n    }\n  }\n\u003c\/style\u003e\n\n\u003cdiv style=\"display: block; width: 100%; height: 50px; clear: both; background: transparent; border: none; margin: 0; padding: 0;\"\u003e\u003c\/div\u003e\n\n\n","brand":"AJAX SYSTEMS","offers":[{"title":"Black \/ Superior NVR H2DAI8PAC (8-kênh)","offer_id":52356233527577,"sku":null,"price":0.0,"currency_code":"VND","in_stock":true},{"title":"Black \/ Superior NVR H2DAI8PAC (16-kênh)","offer_id":52356233560345,"sku":null,"price":0.0,"currency_code":"VND","in_stock":true},{"title":"Black \/ Superior NVR H2DAI16PAC (16-kênh)","offer_id":52356233593113,"sku":null,"price":0.0,"currency_code":"VND","in_stock":true},{"title":"Black \/ Superior NVR H2DAI16PAC (32-kênh)","offer_id":52356233625881,"sku":null,"price":0.0,"currency_code":"VND","in_stock":true},{"title":"Black \/ Superior NVR H2DAI2GAC (8-kênh)","offer_id":52356233658649,"sku":null,"price":0.0,"currency_code":"VND","in_stock":true},{"title":"Black \/ Superior NVR H2DAI2GAC (16-kênh)","offer_id":52356233691417,"sku":null,"price":0.0,"currency_code":"VND","in_stock":true},{"title":"Black \/ Superior NVR H2DAI2GAC (32-kênh)","offer_id":52356233724185,"sku":null,"price":0.0,"currency_code":"VND","in_stock":true},{"title":"White \/ Superior NVR H2DAI8PAC (8-kênh)","offer_id":52356233756953,"sku":null,"price":0.0,"currency_code":"VND","in_stock":true},{"title":"White \/ Superior NVR H2DAI8PAC (16-kênh)","offer_id":52356233789721,"sku":null,"price":0.0,"currency_code":"VND","in_stock":true},{"title":"White \/ Superior NVR H2DAI16PAC (16-kênh)","offer_id":52356233822489,"sku":null,"price":0.0,"currency_code":"VND","in_stock":true},{"title":"White \/ Superior NVR H2DAI16PAC (32-kênh)","offer_id":52356233855257,"sku":null,"price":0.0,"currency_code":"VND","in_stock":true},{"title":"White \/ Superior NVR H2DAI2GAC (8-kênh)","offer_id":52356233888025,"sku":null,"price":0.0,"currency_code":"VND","in_stock":true},{"title":"White \/ Superior NVR H2DAI2GAC (16-kênh)","offer_id":52356233920793,"sku":null,"price":0.0,"currency_code":"VND","in_stock":true},{"title":"White \/ Superior NVR H2DAI2GAC (32-kênh)","offer_id":52356233953561,"sku":null,"price":0.0,"currency_code":"VND","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0963\/3366\/0441\/files\/square-image_11_f7b42274-73f3-44ad-b5f7-385a0fc5df25.png?v=1778126239","url":"https:\/\/guard.vn\/en\/products\/ajax-superior-nvr-h2d-series","provider":"Guard.vn","version":"1.0","type":"link"}