{"product_id":"ajax-keypad-outdoor-jeweller","title":"Ajax KeyPad Outdoor Jeweller - Bàn phím xác thực không dây ngoài trời","description":"\u003c!-- BẮT ĐẦU: SAFEHOUSE PRODUCT DETAIL THEME (V14 - FINAL TEMPLATE) --\u003e\n\u003cstyle\u003e\n    \/* =========================================\n       1. CSS RESET \u0026 GLOBAL VARIABLES\n    ========================================= *\/\n    .sfh-pdp-wrapper, .sfh-pdp-wrapper * {\n        font-family: Arial, Helvetica, sans-serif !important;\n        box-sizing: border-box !important;\n        margin: 0 !important;\n        padding: 0 !important;\n        line-height: 1.6 !important;\n    }\n    .sfh-pdp-wrapper {\n        width: 100% !important;\n        max-width: 1200px !important;\n        margin: 0 auto !important;\n        background-color: transparent !important;\n        color: #333333 !important; \n        overflow-x: hidden;\n        padding: 0 15px !important;\n    }\n    :root {\n        --sfh-gold: #D4AF37;\n        --sfh-graphite: #363636; \n        --sfh-text-dark: #111111;\n        --sfh-text-gray: #555555;\n        --sfh-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);\n    }\n\n    \/* =========================================\n       2. HERO SECTION (BANNER CHÍNH)\n    ========================================= *\/\n    .sfh-hero { position: relative !important; min-height: 500px !important; border-radius: 20px !important; overflow: hidden !important; display: flex !important; align-items: center !important; padding: 60px 80px !important; background-color: #000 !important; margin-bottom: 80px !important; border: 1px solid rgba(212,175,55,0.2) !important; }\n    .sfh-hero-bg { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; object-fit: cover !important; z-index: 1 !important; }\n    .sfh-hero-overlay { position: absolute !important; inset: 0 !important; background: linear-gradient(to right, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.7) 50%, transparent 100%) !important; z-index: 2 !important; }\n    .sfh-hero-content { position: relative !important; z-index: 3 !important; max-width: 550px !important; display: flex !important; flex-direction: column !important; gap: 20px !important; }\n    \n    .sfh-hero-title { font-size: clamp(32px, 4.5vw, 52px) !important; font-weight: 900 !important; line-height: 1.2 !important; text-transform: uppercase !important; margin: 0 !important; border: none !important; color: var(--sfh-gold) !important; }\n    .sfh-hero-desc { font-size: 18px !important; color: #000000 !important; font-weight: 500 !important; }\n    \n    .sfh-cert-group { display: inline-flex; flex-direction: column; align-items: center; gap: 8px; margin-top: 10px; align-self: flex-start; }\n    .sfh-cert-circles { display: flex; gap: 20px; }\n    .sfh-cert-circle { width: 70px; height: 70px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.3); display: flex; flex-direction: column; align-items: center; justify-content: center; background-color: transparent; color: #000000; text-align: center; }\n    \n    .sfh-cert-circle strong { font-size: 13px !important; font-weight: 900; line-height: 1.2; letter-spacing: 0.5px; }\n    .sfh-cert-circle span { font-size: 8.5px !important; font-weight: 700; line-height: 1.2; letter-spacing: 0.5px; }\n    .sfh-cert-progress { color: var(--sfh-graphite); font-size: 13px !important; font-weight: 700; margin-top: 2px; text-align: center; width: 100%; padding: 0; letter-spacing: 0.5px; }\n\n    \/* =========================================\n       3. SECTION TIÊU CHUẨN \u0026 GRID\n    ========================================= *\/\n    .sfh-section { display: flex !important; flex-direction: column !important; align-items: center !important; text-align: center !important; margin-bottom: 90px !important; padding: 0 !important; }\n    .sfh-heading { font-size: clamp(28px, 4vw, 42px) !important; font-weight: 900 !important; color: var(--sfh-text-dark) !important; margin-bottom: 25px !important; line-height: 1.3 !important; border: none !important; }\n    .sfh-subtext { font-size: 16px !important; color: var(--sfh-text-gray) !important; max-width: 800px !important; text-align: justify !important; text-align-last: center !important; margin-bottom: 35px !important; }\n    \n    .sfh-grid-2 { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; gap: 30px !important; width: 100% !important; max-width: 1000px !important; }\n    \n    .sfh-card { background: var(--sfh-graphite) !important; border: 1px solid rgba(255,255,255,0.1) !important; border-radius: 16px !important; padding: 30px !important; transition: all 0.3s ease !important; display: flex !important; flex-direction: column !important; align-items: center !important; text-align: center !important; gap: 12px !important; }\n    .sfh-card:hover { border-color: var(--sfh-gold) !important; box-shadow: 0 10px 30px rgba(0,0,0,0.15) !important; transform: translateY(-5px) !important; }\n    .sfh-card-header { display: flex !important; align-items: center !important; justify-content: center !important; gap: 10px !important; width: 100% !important; margin-bottom: 5px !important; }\n    .sfh-icon-gold { width: 28px !important; height: 28px !important; color: var(--sfh-gold) !important; flex-shrink: 0 !important; }\n    .sfh-card-title { font-size: 20px !important; font-weight: 700 !important; color: #ffffff !important; margin: 0 !important; line-height: 1.3 !important; border: none !important; }\n    .sfh-card-desc { font-size: 15px !important; color: #cccccc !important; margin: 0 !important; text-align: center !important; }\n\n    \/* =========================================\n       4. MEDIA BOX \u0026 TABS\n    ========================================= *\/\n    .sfh-media-box { width: 100% !important; max-width: 900px !important; border-radius: 16px !important; overflow: hidden !important; border: 1px solid #eaeaea !important; cursor: zoom-in !important; position: relative !important; transition: all 0.4s ease !important; background: #000 !important; margin: 0 auto !important; }\n    .sfh-media-box:hover { border-color: var(--sfh-gold) !important; box-shadow: var(--sfh-shadow) !important; }\n    .sfh-media-box video, .sfh-media-box img { width: 100% !important; height: auto !important; display: block !important; pointer-events: none !important; }\n    .sfh-media-box iframe { width: 100% !important; height: auto !important; display: block !important; pointer-events: auto !important; aspect-ratio: 16\/9 !important;}\n    .sfh-media-mobile { max-width: 600px !important; background: transparent !important; border: none !important; box-shadow: none !important; }\n    .sfh-media-mobile:hover { transform: none !important; box-shadow: none !important; border-color: transparent !important; }\n    .sfh-media-mobile video { border-radius: 24px !important; box-shadow: var(--sfh-shadow) !important; transition: transform 0.4s ease, box-shadow 0.4s ease !important; }\n    .sfh-media-mobile:hover video { transform: translateY(-5px) !important; box-shadow: 0 15px 40px rgba(212,175,55,0.3) !important; }\n\n    .sfh-tabs-nav { display: flex !important; gap: 15px !important; border-bottom: 1px solid #eaeaea !important; margin-bottom: 30px !important; width: 100% !important; max-width: 900px !important; justify-content: center !important; overflow-x: auto !important; scrollbar-width: none !important; }\n    .sfh-tab-btn { background: none !important; border: none !important; color: #888 !important; font-size: 16px !important; font-weight: 700 !important; padding: 12px 20px !important; cursor: pointer !important; border-bottom: 2px solid transparent !important; transition: all 0.3s !important; white-space: nowrap !important; }\n    .sfh-tab-btn:hover, .sfh-tab-btn.active { color: var(--sfh-gold) !important; border-bottom-color: var(--sfh-gold) !important; }\n    .sfh-tab-pane { display: none; animation: sfhFadeIn 0.4s ease forwards; width: 100% !important; max-width: 900px !important; }\n    .sfh-tab-pane.active { display: block; }\n    @keyframes sfhFadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }\n\n    \/* =========================================\n       5. PDF DOWNLOAD BLOCK\n    ========================================= *\/\n    \/* ĐÃ SỬA V14: Thu gọn max-width xuống 600px và căn giữa bằng margin: 0 auto *\/\n    .sfh-pdf-card { display: flex !important; align-items: center !important; justify-content: space-between !important; background: var(--sfh-graphite) !important; padding: 25px 35px !important; border-radius: 16px !important; border: 1px solid rgba(255,255,255,0.1) !important; width: 100% !important; max-width: 600px !important; margin: 0 auto !important; transition: all 0.3s ease !important; }\n    .sfh-pdf-card:hover { border-color: var(--sfh-gold) !important; box-shadow: 0 10px 30px rgba(0,0,0,0.15) !important; transform: translateY(-3px) !important; }\n    .sfh-pdf-left { display: flex !important; align-items: center !important; gap: 20px !important; }\n    .sfh-pdf-icon { width: 45px !important; height: 45px !important; color: var(--sfh-gold) !important; flex-shrink: 0 !important; }\n    .sfh-pdf-info { display: flex !important; flex-direction: column !important; text-align: left !important; }\n    .sfh-pdf-title { font-size: 18px !important; font-weight: 700 !important; color: #fff !important; margin: 0 0 5px 0 !important; }\n    .sfh-pdf-desc { font-size: 14px !important; color: #ccc !important; margin: 0 !important; }\n    .sfh-btn-outline { display: inline-flex !important; align-items: center !important; gap: 8px !important; background: transparent !important; color: #fff !important; border: 1px solid var(--sfh-gold) !important; padding: 12px 25px !important; border-radius: 8px !important; font-size: 15px !important; font-weight: bold !important; text-decoration: none !important; transition: all 0.3s !important; white-space: nowrap !important; }\n    .sfh-btn-outline:hover { background: var(--sfh-gold) !important; color: #000 !important; }\n\n    \/* =========================================\n       6. ALBUM CUỘN NGANG (CAROUSEL)\n    ========================================= *\/\n    .sfh-album-wrapper { margin: 10px auto; max-width: 100%; position: relative; padding: 0; background: transparent; width: 100%; }\n    .sfh-album-container { position: relative; overflow: hidden; background: transparent; border-radius: 12px; }\n    .sfh-album-scroll { display: flex; overflow-x: auto; gap: 20px; padding: 20px 40px; scroll-snap-type: x mandatory; scroll-behavior: smooth; cursor: grab; scrollbar-width: none; align-items: center; }\n    .sfh-album-scroll::-webkit-scrollbar { display: none; }\n    \n    .sfh-album-wrapper .nav-btn { \n        position: absolute; top: 50%; transform: translateY(-50%); \n        background: rgba(255, 255, 255, 0.9) !important;\n        border: 2px solid var(--sfh-gold); color: #000000; \n        font-size: 24px; width: 50px; height: 50px; display: flex; align-items: center; justify-content: center;\n        cursor: pointer; z-index: 10; border-radius: 50%; transition: all 0.3s ease; box-shadow: 0 4px 10px rgba(0,0,0,0.15); \n    }\n    .sfh-album-wrapper .nav-btn:hover { background: var(--sfh-gold) !important; color: #ffffff !important; }\n    .sfh-album-wrapper .prev { left: 10px; }\n    .sfh-album-wrapper .next { right: 10px; }\n    \n    .sfh-album-item { flex: 0 0 320px; scroll-snap-align: center; background-color: transparent; border-radius: 12px; display: flex; align-items: center; justify-content: center; position: relative; }\n    .sfh-album-item img { width: 100%; height: auto; aspect-ratio: 4 \/ 3; object-fit: cover; border-radius: 12px; border: 2px solid transparent; cursor: zoom-in; transition: transform 0.3s ease, box-shadow 0.3s ease; pointer-events: auto; background-color: #ffffff; box-shadow: 0 5px 15px rgba(0,0,0,0.08); }\n    .sfh-album-item img:hover { transform: translateY(-5px); box-shadow: 0 10px 25px rgba(212, 175, 55, 0.35); border-color: var(--sfh-gold); }\n\n    \/* =========================================\n       7. LIGHTBOX (CÓ NÚT NEXT\/PREV)\n    ========================================= *\/\n    .sfh-lightbox { display: none; position: fixed !important; inset: 0 !important; background: rgba(0,0,0,0.95) !important; z-index: 999999 !important; align-items: center !important; justify-content: center !important; cursor: zoom-out !important; backdrop-filter: blur(8px) !important; }\n    .sfh-lightbox img, .sfh-lightbox video { max-width: 85vw !important; max-height: 90vh !important; border: 2px solid var(--sfh-gold) !important; border-radius: 12px !important; animation: sfhZoomIn 0.3s ease forwards !important; cursor: default; }\n    .sfh-lightbox-close { position: absolute !important; top: 20px !important; right: 30px !important; font-size: 40px !important; color: #fff !important; cursor: pointer !important; transition: color 0.3s !important; z-index: 1000001; }\n    .sfh-lightbox-close:hover { color: var(--sfh-gold) !important; }\n    \n    .sfh-lightbox-nav {\n        position: absolute;\n        top: 50%;\n        transform: translateY(-50%);\n        background: rgba(255,255,255,0.15);\n        border: 2px solid transparent;\n        color: #fff;\n        width: 50px;\n        height: 50px;\n        border-radius: 50%;\n        font-size: 24px;\n        cursor: pointer;\n        z-index: 1000000;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        transition: all 0.3s ease;\n    }\n    .sfh-lightbox-nav:hover { background: var(--sfh-gold); color: #000; border-color: var(--sfh-gold); }\n    .sfh-lightbox-prev { left: 15%; } \n    .sfh-lightbox-next { right: 15%; }\n\n    @keyframes sfhZoomIn { from { transform: scale(0.8); opacity: 0; } to { transform: scale(1); opacity: 1; } }\n\n    \/* =========================================\n       8. NÚT CTA (TƯ VẤN NGAY) \n    ========================================= *\/\n    .sfh-btn-cta-large {\n        display: inline-flex !important;\n        align-items: center !important;\n        justify-content: center !important;\n        background: var(--sfh-gold) !important;\n        color: #000 !important;\n        padding: 20px 60px !important;\n        border-radius: 50px !important;\n        font-size: 20px !important;\n        font-family: Arial, sans-serif !important; \n        font-weight: 900 !important;\n        text-transform: none !important; \n        text-decoration: none !important;\n        transition: all 0.3s !important;\n        box-shadow: 0 10px 25px rgba(212,175,55,0.3) !important;\n        letter-spacing: 1px !important;\n    }\n    .sfh-btn-cta-large:hover {\n        background: #e6c24d !important;\n        transform: translateY(-4px) !important;\n        box-shadow: 0 15px 35px rgba(212,175,55,0.5) !important;\n    }\n\n    \/* =========================================\n       9. MOBILE RESPONSIVE\n    ========================================= *\/\n    @media (max-width: 768px) {\n        .sfh-hero { padding: 40px 30px !important; align-items: flex-start !important; }\n        .sfh-hero-overlay { background: linear-gradient(to top, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.7) 60%, transparent 100%) !important; }\n        .sfh-hero-content { justify-content: flex-end !important; height: 100% !important; padding-top: 100px !important; }\n        \n        .sfh-cert-circles { gap: 15px; }\n        .sfh-cert-circle { width: 60px; height: 60px; }\n        .sfh-cert-circle strong { font-size: 11px !important; }\n        .sfh-cert-circle span { font-size: 8px !important; }\n\n        .sfh-section { margin-bottom: 60px !important; } \n        .sfh-grid-2 { grid-template-columns: 1fr !important; gap: 20px !important; }\n        .sfh-tabs-nav { justify-content: flex-start !important; }\n        .sfh-heading { text-align: left !important; font-size: 26px !important; }\n        .sfh-subtext { text-align: left !important; text-align-last: left !important; }\n        .sfh-card-header { justify-content: center !important; }\n        .sfh-card-desc { text-align: center !important; }\n        \n        .sfh-pdf-card { flex-direction: column !important; align-items: flex-start !important; gap: 20px !important; padding: 25px 20px !important; }\n        .sfh-btn-outline { width: 100% !important; justify-content: center !important; }\n        \n        .sfh-album-scroll { padding: 15px 5% !important; gap: 15px !important;}\n        .sfh-album-wrapper .nav-btn { display: none !important; }\n        .sfh-album-item { flex: 0 0 85% !important; }\n        \n        .sfh-lightbox-nav { width: 40px; height: 40px; font-size: 20px; }\n        .sfh-lightbox-prev { left: 5%; } \n        .sfh-lightbox-next { right: 5%; }\n        \n        .sfh-btn-cta-large { padding: 18px 40px !important; font-size: 18px !important; width: 100% !important; }\n    }\n\u003c\/style\u003e\n\n\u003cdiv class=\"sfh-pdp-wrapper\"\u003e\n\n    \u003c!-- PHẦN 1: HERO BANNER --\u003e\n    \u003cdiv class=\"sfh-hero\"\u003e\n        \u003cimg class=\"sfh-hero-bg\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0963\/3366\/0441\/files\/imgi_2.png?v=1789792099\"\u003e\n        \u003cdiv class=\"sfh-hero-overlay\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"sfh-hero-content\"\u003e\n            \u003ch1 class=\"sfh-hero-title\"\u003eKeyPad Outdoor Jeweller\u003c\/h1\u003e\n            \u003cp class=\"sfh-hero-desc\"\u003eBàn phím cơ học không dây ngoài trời. Tích hợp đầu đọc thẻ Tag\/Pass, Bluetooth và mã PIN chuẩn bảo mật Châu Âu.\u003c\/p\u003e\n            \n            \u003c!-- Khối chứng nhận (Grade, IK08, IP66) --\u003e\n            \u003cdiv class=\"sfh-cert-group\"\u003e\n                \u003cdiv class=\"sfh-cert-circles\"\u003e\n                    \u003cdiv class=\"sfh-cert-circle\"\u003e\n                        \u003cstrong\u003e2\u003c\/strong\u003e\n                        \u003cstrong\u003eGRADE\u003c\/strong\u003e\n                        \u003cspan\u003eEN 50131\u003c\/span\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"sfh-cert-circle\"\u003e\n                        \u003cstrong\u003eIK08\u003c\/strong\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"sfh-cert-circle\"\u003e\n                        \u003cstrong\u003eIP66\u003c\/strong\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"sfh-cert-progress\"\u003eIN PROGRESS\u003c\/div\u003e\n            \u003c\/div\u003e\n\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- PHẦN 2: VIDEO GIỚI THIỆU --\u003e\n    \u003cdiv class=\"sfh-section\"\u003e\n        \u003ch2 class=\"sfh-heading\"\u003eKiểm soát an ninh, bất kể nắng mưa.\u003c\/h2\u003e\n        \u003cp class=\"sfh-subtext\"\u003eKeyPad Outdoor Jeweller là bàn phím không dây đầu tiên của Ajax được thiết kế chuyên dụng cho ngoài trời. Với lớp vỏ chống chịu thời tiết IP66 và nút bấm cơ học cỡ lớn, thiết bị đảm bảo khả năng điều khiển hệ thống an ninh luôn tiện lợi và an toàn trong mọi điều kiện khắc nghiệt nhất.\u003c\/p\u003e\n        \u003cdiv class=\"sfh-media-box\"\u003e\n            \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/sTEFgUoHMyk?si=tmJF99z7MmCjuqCP\" title=\"Ajax KeyPad Outdoor Jeweller Video\" frameborder=\"0\" allowfullscreen\u003e\u003c\/iframe\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- PHẦN 3: TÍNH NĂNG NỔI BẬT --\u003e\n    \u003cdiv class=\"sfh-section\"\u003e\n        \u003ch2 class=\"sfh-heading\"\u003eBền bỉ trong mọi môi trường.\u003c\/h2\u003e\n        \u003cp class=\"sfh-subtext\"\u003eCung cấp phản hồi âm thanh trực quan và thao tác chính xác, thiết bị hoạt động hoàn hảo từ khu dân cư riêng lẻ đến các cơ sở công nghiệp phức tạp.\u003c\/p\u003e\n        \n        \u003cdiv class=\"sfh-grid-2\"\u003e\n            \u003cdiv class=\"sfh-card\"\u003e\n                \u003cdiv class=\"sfh-card-header\"\u003e\n                    \u003csvg class=\"sfh-icon-gold\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\u003cpath d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n                    \u003ch3 class=\"sfh-card-title\"\u003eVỏ bọc siêu bền IP66 \u0026amp; IK08\u003c\/h3\u003e\n                \u003c\/div\u003e\n                \u003cp class=\"sfh-card-desc\"\u003eKhả năng chống nước, chống bụi và chịu lực va đập mạnh. Hoạt động ổn định ở dải nhiệt độ từ -25°C đến +60°C.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"sfh-card\"\u003e\n                \u003cdiv class=\"sfh-card-header\"\u003e\n                    \u003csvg class=\"sfh-icon-gold\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\u003crect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"\u003e\u003c\/rect\u003e\u003cpath d=\"M7 7h.01M12 7h.01M17 7h.01M7 12h.01M12 12h.01M17 12h.01M7 17h10\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n                    \u003ch3 class=\"sfh-card-title\"\u003ePhím cơ học có đèn nền\u003c\/h3\u003e\n                \u003c\/div\u003e\n                \u003cp class=\"sfh-card-desc\"\u003eDễ dàng thao tác chính xác ngay cả khi người dùng đang đeo găng tay. Tích hợp còi báo động thông minh.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"sfh-card\"\u003e\n                \u003cdiv class=\"sfh-card-header\"\u003e\n                    \u003csvg class=\"sfh-icon-gold\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\u003cpath d=\"M12 1a3 3 0 00-3 3v8a3 3 0 006 0V4a3 3 0 00-3-3z\"\u003e\u003c\/path\u003e\u003cpath d=\"M19 10v2a7 7 0 01-14 0v-2M12 19v4M8 23h8\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n                    \u003ch3 class=\"sfh-card-title\"\u003e4 Phương thức xác thực\u003c\/h3\u003e\n                \u003c\/div\u003e\n                \u003cp class=\"sfh-card-desc\"\u003eMở khóa linh hoạt và bảo mật với thẻ Pass, móc khóa Tag (công nghệ DESFire®), điện thoại (Bluetooth BLE) và mã PIN cá nhân.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"sfh-card\"\u003e\n                \u003cdiv class=\"sfh-card-header\"\u003e\n                    \u003csvg class=\"sfh-icon-gold\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\u003cpath d=\"M22 12h-4l-3 9L9 3l-3 9H2\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n                    \u003ch3 class=\"sfh-card-title\"\u003ePin 3 năm \u0026amp; Nguồn phụ\u003c\/h3\u003e\n                \u003c\/div\u003e\n                \u003cp class=\"sfh-card-desc\"\u003eHoạt động độc lập lên đến 3 năm với pin đi kèm. Hỗ trợ kết nối nguồn ngoài 12V DC làm nguồn chính.\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- PHẦN 4: CHUYỂN ĐỔI CHỨC NĂNG (TABS) --\u003e\n    \u003cdiv class=\"sfh-section\"\u003e\n        \u003ch2 class=\"sfh-heading\"\u003eMột thiết bị, Ba nhiệm vụ trọng tâm\u003c\/h2\u003e\n        \n        \u003cdiv class=\"sfh-tabs-nav\"\u003e\n            \u003cbutton class=\"sfh-tab-btn active\" onclick=\"openSfhTab(event, 'tab-security')\"\u003eQuản lý An ninh\u003c\/button\u003e\n            \u003cbutton class=\"sfh-tab-btn\" onclick=\"openSfhTab(event, 'tab-automation')\"\u003eTự động hóa\u003c\/button\u003e\n            \u003cbutton class=\"sfh-tab-btn\" onclick=\"openSfhTab(event, 'tab-feedback')\"\u003eÂm thanh \u0026amp; LED\u003c\/button\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv id=\"tab-security\" class=\"sfh-tab-pane active\"\u003e\n            \u003cp class=\"sfh-subtext\"\u003eKiểm soát toàn bộ hệ thống hoặc từng nhóm cụ thể. Hỗ trợ chế độ Ban Đêm (Night Mode) và mã PIN khẩn cấp (Duress code) để gọi hỗ trợ trong im lặng khi bị đe dọa.\u003c\/p\u003e\n            \u003cdiv class=\"sfh-media-box sfh-media-mobile sfh-zoomable\"\u003e\n                \u003cvideo autoplay muted loop playsinline src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/760025ca94ce464da375df2422c3c10c.mp4\"\u003e\u003c\/video\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv id=\"tab-automation\" class=\"sfh-tab-pane\"\u003e\n            \u003cp class=\"sfh-subtext\"\u003eQuản lý trực tiếp các kịch bản nhà thông minh. Chỉ với một lần nhấn nút OK, hệ thống có thể tự động đóng cửa garage hoặc tắt đèn sân ngay khi bạn rời khỏi nhà.\u003c\/p\u003e\n            \u003cdiv class=\"sfh-media-box sfh-media-mobile sfh-zoomable\"\u003e\n                \u003cvideo autoplay muted loop playsinline src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/052723e1cdcd449883707b75faac62e6.mp4\"\u003e\u003c\/video\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv id=\"tab-feedback\" class=\"sfh-tab-pane\"\u003e\n            \u003cp class=\"sfh-subtext\"\u003eĐèn LED hiển thị trực quan trạng thái hệ thống. Còi báo động tích hợp tự động phát ra âm thanh thông báo độ trễ ra\/vào và các sự kiện xâm nhập (có thể điều chỉnh âm lượng qua ứng dụng).\u003c\/p\u003e\n            \u003cdiv class=\"sfh-media-box sfh-media-mobile sfh-zoomable\"\u003e\n                \u003cvideo autoplay muted loop playsinline src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/7f81da1d0e7e402a8c9be3b0b46cb77f.mp4\"\u003e\u003c\/video\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- PHẦN 5: THÔNG SỐ KỸ THUẬT (GRID 2x2) --\u003e\n    \u003cdiv class=\"sfh-section\"\u003e\n        \u003ch2 class=\"sfh-heading\"\u003eThông số kỹ thuật vượt trội\u003c\/h2\u003e\n        \u003cdiv class=\"sfh-grid-2\"\u003e\n            \u003cdiv class=\"sfh-card\"\u003e\n                \u003cdiv class=\"sfh-card-header\"\u003e\n                    \u003ch4 class=\"sfh-card-title\" style=\"color: var(--sfh-gold) !important;\"\u003eCông nghệ Jeweller\u003c\/h4\u003e\n                \u003c\/div\u003e\n                \u003cp class=\"sfh-card-desc\"\u003eSóng vô tuyến 2 chiều xuyên tường, tầm xa lên đến 1,700m. Tự động nhảy tần số và mã hóa khối chống phá sóng.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"sfh-card\"\u003e\n                \u003cdiv class=\"sfh-card-header\"\u003e\n                    \u003ch4 class=\"sfh-card-title\" style=\"color: var(--sfh-gold) !important;\"\u003eChống phá hoại\u003c\/h4\u003e\n                \u003c\/div\u003e\n                \u003cp class=\"sfh-card-desc\"\u003eTích hợp 2 nút Tamper báo động ngay khi bị cạy mở. Tự động khóa phím khi nhập sai mã quá 3 lần.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"sfh-card\"\u003e\n                \u003cdiv class=\"sfh-card-header\"\u003e\n                    \u003ch4 class=\"sfh-card-title\" style=\"color: var(--sfh-gold) !important;\"\u003eNguồn điện năng\u003c\/h4\u003e\n                \u003c\/div\u003e\n                \u003cp class=\"sfh-card-desc\"\u003eSử dụng 2 viên pin CR123A. Hỗ trợ cấp nguồn ngoài 10.5–14 VDC (lúc này pin sẽ làm nguồn dự phòng).\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"sfh-card\"\u003e\n                \u003cdiv class=\"sfh-card-header\"\u003e\n                    \u003ch4 class=\"sfh-card-title\" style=\"color: var(--sfh-gold) !important;\"\u003eLắp đặt \u0026amp; Thiết kế\u003c\/h4\u003e\n                \u003c\/div\u003e\n                \u003cp class=\"sfh-card-desc\"\u003e170 × 45 × 31.5 mm, nặng 258g. Lắp đặt hoàn hảo với bảng gắn SmartBracket (có sẵn thước thủy cân bằng).\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- PHẦN 6: TẢI FILE TÀI LIỆU (PDF) --\u003e\n    \u003cdiv class=\"sfh-section\"\u003e\n        \u003ch2 class=\"sfh-heading\"\u003eTài liệu kỹ thuật\u003c\/h2\u003e\n        \u003cdiv class=\"sfh-pdf-card\"\u003e\n            \u003cdiv class=\"sfh-pdf-left\"\u003e\n                \u003csvg class=\"sfh-pdf-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" 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                    \u003ctext x=\"7\" y=\"15\" font-family=\"Arial\" font-size=\"5\" font-weight=\"bold\" fill=\"currentColor\" stroke=\"none\"\u003ePDF\u003c\/text\u003e\n                    \u003cline x1=\"7\" y1=\"18\" x2=\"17\" y2=\"18\"\u003e\u003c\/line\u003e\n                \u003c\/svg\u003e\n                \u003cdiv class=\"sfh-pdf-info\"\u003e\n                    \u003ch4 class=\"sfh-pdf-title\"\u003eKeyPad Outdoor Jeweller (TDS)\u003c\/h4\u003e\n                    \u003cp class=\"sfh-pdf-desc\"\u003eBảng thông số kỹ thuật chi tiết.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003ca href=\"https:\/\/drive.google.com\/file\/d\/10UI-Rm8vU9coVSiGCwfXu6Q41PxPpYqF\/view?usp=sharing\" target=\"_blank\" class=\"sfh-btn-outline\"\u003e\n                Truy cập\n            \u003c\/a\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- PHẦN 7: ALBUM LIFESTYLE (CAROUSEL CUỘN NGANG) --\u003e\n    \u003cdiv class=\"sfh-section\"\u003e\n        \u003ch2 class=\"sfh-heading\"\u003eThư viện hình ảnh thực tế\u003c\/h2\u003e\n        \u003cdiv class=\"sfh-album-wrapper\"\u003e\n            \u003cdiv class=\"sfh-album-container\"\u003e\n                \u003cbutton class=\"nav-btn prev\"\u003e❮\u003c\/button\u003e\n                \u003cbutton class=\"nav-btn next\"\u003e❯\u003c\/button\u003e\n                \u003cdiv class=\"sfh-album-scroll\"\u003e\n                    \u003c!-- Các ảnh này đều có class sfh-zoomable --\u003e\n                    \u003cdiv class=\"sfh-album-item sfh-zoomable\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0963\/3366\/0441\/files\/imgi_17.png?v=1789792983\"\u003e\u003c\/div\u003e\n                    \u003cdiv class=\"sfh-album-item sfh-zoomable\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0963\/3366\/0441\/files\/imgi_23.png?v=1789792983\"\u003e\u003c\/div\u003e\n                    \u003cdiv class=\"sfh-album-item sfh-zoomable\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0963\/3366\/0441\/files\/imgi_21.png?v=1789792983\"\u003e\u003c\/div\u003e\n                    \u003cdiv class=\"sfh-album-item sfh-zoomable\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0963\/3366\/0441\/files\/imgi_19.png?v=1789792983\"\u003e\u003c\/div\u003e\n                    \u003cdiv class=\"sfh-album-item sfh-zoomable\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0963\/3366\/0441\/files\/imgi_22.png?v=1789792983\"\u003e\u003c\/div\u003e\n                    \u003cdiv class=\"sfh-album-item sfh-zoomable\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0963\/3366\/0441\/files\/imgi_20.png?v=1789792983\"\u003e\u003c\/div\u003e\n                    \u003cdiv class=\"sfh-album-item sfh-zoomable\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0963\/3366\/0441\/files\/imgi_18.png?v=1789792983\"\u003e\u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- PHẦN 8: CTA ĐƠN GIẢN (NÚT TƯ VẤN NGAY) --\u003e\n    \u003cdiv class=\"sfh-section\" style=\"margin-bottom: 50px;\"\u003e\n        \u003ca href=\"https:\/\/m.me\/266247890505023\" target=\"_blank\" class=\"sfh-btn-cta-large\"\u003e\n            TƯ VẤN NGAY\n        \u003c\/a\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- LIGHTBOX OVERLAY GLOBAL (CÓ NÚT NEXT\/PREV) --\u003e\n    \u003cdiv class=\"sfh-lightbox\" id=\"sfh-global-lightbox\"\u003e\n        \u003cspan class=\"sfh-lightbox-close\" onclick=\"closeSfhLightbox()\"\u003e×\u003c\/span\u003e\n        \u003cbutton class=\"sfh-lightbox-nav sfh-lightbox-prev\" id=\"sfh-lb-prev\"\u003e❮\u003c\/button\u003e\n        \u003cbutton class=\"sfh-lightbox-nav sfh-lightbox-next\" id=\"sfh-lb-next\"\u003e❯\u003c\/button\u003e\n        \n        \u003cimg id=\"sfh-lightbox-img\" src=\"\" style=\"display:none;\"\u003e\n        \u003cvideo id=\"sfh-lightbox-video\" src=\"\" autoplay loop muted playsinline style=\"display:none;\"\u003e\u003c\/video\u003e\n    \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003c!-- SCRIPT ĐIỀU KHIỂN --\u003e\n\u003cscript\u003e\n    \/\/ 1. Script điều khiển Tabs\n    function openSfhTab(evt, tabId) {\n        var i, tabcontent, tablinks;\n        var wrapper = evt.currentTarget.closest('.sfh-pdp-wrapper');\n        \n        tabcontent = wrapper.getElementsByClassName(\"sfh-tab-pane\");\n        for (i = 0; i \u003c tabcontent.length; i++) {\n            tabcontent[i].style.display = \"none\";\n            tabcontent[i].classList.remove(\"active\");\n        }\n        \n        tablinks = wrapper.getElementsByClassName(\"sfh-tab-btn\");\n        for (i = 0; i \u003c tablinks.length; i++) {\n            tablinks[i].classList.remove(\"active\");\n        }\n        \n        var targetPane = wrapper.querySelector('#' + tabId);\n        if (targetPane) {\n            targetPane.style.display = \"block\";\n            setTimeout(() =\u003e targetPane.classList.add(\"active\"), 10);\n        }\n        evt.currentTarget.classList.add(\"active\");\n    }\n\n    \/\/ 2. Script điều khiển Lightbox và Album Carousel\n    let currentLbIndex = 0;\n    let allZoomables = [];\n\n    document.addEventListener('DOMContentLoaded', function() {\n        const lightbox = document.getElementById('sfh-global-lightbox');\n        const lbImg = document.getElementById('sfh-lightbox-img');\n        const lbVideo = document.getElementById('sfh-lightbox-video');\n        const lbPrev = document.getElementById('sfh-lb-prev');\n        const lbNext = document.getElementById('sfh-lb-next');\n        \n        allZoomables = Array.from(document.querySelectorAll('.sfh-zoomable'));\n\n        if (lightbox \u0026\u0026 lightbox.parentNode !== document.body) {\n            document.body.appendChild(lightbox);\n        }\n\n        function showLightboxMedia(index) {\n            if (index \u003c 0) index = allZoomables.length - 1;\n            if (index \u003e= allZoomables.length) index = 0;\n            currentLbIndex = index;\n\n            lbImg.style.display = 'none';\n            lbVideo.style.display = 'none';\n            lbImg.src = '';\n            lbVideo.src = '';\n\n            const item = allZoomables[index];\n            const img = item.querySelector('img');\n            const vid = item.querySelector('video');\n\n            if(vid) {\n                const source = vid.querySelector('source');\n                lbVideo.src = source ? source.src : vid.src;\n                lbVideo.style.display = 'block';\n            } else if(img) {\n                lbImg.src = img.src;\n                lbImg.style.display = 'block';\n            }\n        }\n\n        allZoomables.forEach((item, index) =\u003e {\n            item.addEventListener('click', function(e) {\n                if(e.target.classList.contains('nav-btn')) return; \n                e.preventDefault();\n                showLightboxMedia(index);\n                lightbox.style.display = 'flex';\n                document.body.style.overflow = 'hidden'; \n            });\n        });\n\n        if(lbPrev) {\n            lbPrev.addEventListener('click', function(e) {\n                e.stopPropagation();\n                showLightboxMedia(currentLbIndex - 1);\n            });\n        }\n        if(lbNext) {\n            lbNext.addEventListener('click', function(e) {\n                e.stopPropagation();\n                showLightboxMedia(currentLbIndex + 1);\n            });\n        }\n\n        lightbox.addEventListener('click', function(e) {\n            if(e.target === lightbox) closeSfhLightbox();\n        });\n\n        document.querySelectorAll('.sfh-album-wrapper').forEach(wrapper =\u003e {\n            const scrollContainer = wrapper.querySelector('.sfh-album-scroll');\n            const prevBtn = wrapper.querySelector('.prev');\n            const nextBtn = wrapper.querySelector('.next');\n            \n            if(prevBtn \u0026\u0026 nextBtn \u0026\u0026 scrollContainer) {\n                prevBtn.addEventListener('click', () =\u003e {\n                    scrollContainer.scrollBy({ left: -340, behavior: 'smooth' });\n                });\n                nextBtn.addEventListener('click', () =\u003e {\n                    scrollContainer.scrollBy({ left: 340, behavior: 'smooth' });\n                });\n            }\n        });\n    });\n\n    function closeSfhLightbox() {\n        const lightbox = document.getElementById('sfh-global-lightbox');\n        const lbVideo = document.getElementById('sfh-lightbox-video');\n        lightbox.style.display = 'none';\n        document.body.style.overflow = 'auto'; \n        if(lbVideo) lbVideo.pause();\n    }\n\u003c\/script\u003e\n\u003c!-- KẾT THÚC: SAFEHOUSE PRODUCT DETAIL --\u003e","brand":"AJAX SYSTEMS","offers":[{"title":"White","offer_id":53539051634977,"sku":"99978","price":6955200.0,"currency_code":"VND","in_stock":true},{"title":"Black","offer_id":53539051667745,"sku":"99977","price":6955200.0,"currency_code":"VND","in_stock":false},{"title":"Graphite","offer_id":53539051700513,"sku":"99976","price":6955200.0,"currency_code":"VND","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0943\/1053\/1361\/files\/99978.png?v=1789792708","url":"https:\/\/safehouse.vn\/products\/ajax-keypad-outdoor-jeweller","provider":"SAFEHOUSE.VN","version":"1.0","type":"link"}