{"id":4283,"date":"2025-09-09T13:31:50","date_gmt":"2025-09-09T11:31:50","guid":{"rendered":"https:\/\/xdiag.org\/?page_id=4283"},"modified":"2025-09-17T12:48:16","modified_gmt":"2025-09-17T10:48:16","slug":"x-diag-apllication-demo","status":"publish","type":"page","link":"https:\/\/xdiag.org\/tr\/x-diag-apllication-demo\/","title":{"rendered":"X-Diag Apllication Demo"},"content":{"rendered":"<style>.kb-row-layout-wrap.wp-block-kadence-rowlayout.kb-row-layout-id4283_946dd6-44{margin-bottom:0px;}.kb-row-layout-id4283_946dd6-44 > .kt-row-column-wrap{align-content:end;}:where(.kb-row-layout-id4283_946dd6-44 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:end;}.kb-row-layout-id4283_946dd6-44 > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);max-width:800px;margin-left:auto;margin-right:auto;padding-top:var(--global-kb-spacing-3xl, 6.5rem);padding-right:var(--global-kb-spacing-sm, 1.5rem);padding-bottom:var(--global-kb-spacing-3xl, 6.5rem);padding-left:var(--global-kb-spacing-sm, 1.5rem);grid-template-columns:minmax(0, 1fr);}.kb-row-layout-id4283_946dd6-44 > .kt-row-layout-overlay{opacity:0.10;background-image:url('https:\/\/xdiag.org\/wp-content\/uploads\/2024\/10\/istockphoto-1347150429-612x612-1.jpg');background-size:cover;background-position:center center;background-attachment:scroll;background-repeat:no-repeat;}.kb-row-layout-id4283_946dd6-44 .kt-row-layout-bottom-sep{height:40px;}.kb-row-layout-id4283_946dd6-44 .kt-row-layout-bottom-sep svg{width:100%;}.kb-row-layout-id4283_946dd6-44 .kt-row-layout-bottom-sep svg{fill:#ffffff!important;}.kb-row-layout-id4283_946dd6-44 .kt-row-layout-top-sep{height:40px;}.kb-row-layout-id4283_946dd6-44 .kt-row-layout-top-sep svg{width:100%;}.kb-row-layout-id4283_946dd6-44 .kt-row-layout-top-sep svg{fill:#ffffff!important;}@media all and (max-width: 1024px){.kb-row-layout-id4283_946dd6-44 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 1024px){.kb-row-layout-id4283_946dd6-44 .kt-row-layout-bottom-sep{height:px;}}@media all and (max-width: 1024px){.kb-row-layout-id4283_946dd6-44 .kt-row-layout-bottom-sep svg{width:%;}}@media all and (max-width: 767px){.kb-row-layout-id4283_946dd6-44 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}.kb-row-layout-id4283_946dd6-44 .kt-row-layout-bottom-sep{height:px;}.kb-row-layout-id4283_946dd6-44 .kt-row-layout-bottom-sep svg{width:%;}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id4283_946dd6-44 alignfull has-theme-palette3-background-color kt-row-has-bg wp-block-kadence-rowlayout\"><div class=\"kt-row-layout-overlay kt-row-overlay-normal\"><\/div><div class=\"kt-row-layout-bottom-sep kt-row-sep-type-mtns\"><svg viewbox=\"0 0 1000 100\" preserveaspectratio=\"none\"><path d=\"M1000,50l-182.69,-45.286l-292.031,61.197l-190.875,-41.075l-143.748,28.794l-190.656,-23.63l0,70l1000,0l0,-50Z\" style=\"opacity: 0.4\" \/><path d=\"M1000,57l-152.781,-22.589l-214.383,19.81l-159.318,-21.471l-177.44,25.875l-192.722,5.627l-103.356,-27.275l0,63.023l1000,0l0,-43Z\" \/><\/svg><\/div><div class=\"kt-row-column-wrap kt-has-1-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-bottom\">\n<style>.kadence-column4283_4cb6dd-ab > .kt-inside-inner-col{padding-right:0px;padding-left:0px;}.kadence-column4283_4cb6dd-ab > .kt-inside-inner-col,.kadence-column4283_4cb6dd-ab > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column4283_4cb6dd-ab > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column4283_4cb6dd-ab > .kt-inside-inner-col{flex-direction:column;}.kadence-column4283_4cb6dd-ab > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column4283_4cb6dd-ab > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column4283_4cb6dd-ab{position:relative;}@media all and (max-width: 1024px){.kadence-column4283_4cb6dd-ab > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column4283_4cb6dd-ab > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column4283_4cb6dd-ab\"><div class=\"kt-inside-inner-col\"><!-- TABLET OKVIR + NATAN\u010cEN ZASLON -->\n<div class=\"tablet-frame\">\n  <img decoding=\"async\" class=\"tablet-img\" src=\"https:\/\/xdiag.org\/wp-content\/uploads\/2025\/09\/Xdiag_tablet_android_wallper_apk_small_90a.png\" alt=\"Tablet frame\">\n  <div class=\"tablet-screen\">\n\n<!-- ========= X-DIAG PRO V7 \u2013 FINAL DEMO ========= -->\n<div class=\"xdiag-wrap\">\n  <div class=\"xdiag-header\">\n    <span class=\"title\">Xdiag.org Demo<\/span>\n    <span class=\"xdiag-login\">Login<\/span>\n  <\/div>\n\n  <div class=\"xdiag-tablet\">\n    <!-- ================= HOME (glavni meni) ================= -->\n    <section class=\"xdiag-view xdiag-home is-active\" data-view=\"home\">\n      <div class=\"xdiag-grid\">\n        <!-- 1) Intelligent Diagnose -->\n        <button class=\"xdiag-card\" data-target=\"diagnosis\">\n          <div class=\"icon-wrap\"><img decoding=\"async\" src=\"https:\/\/xdiag.org\/wp-content\/uploads\/2025\/09\/home_inteligent_diagnose_xdiag_apk.png\" alt=\"\"><\/div>\n          <span>INTELLIGENT DIAGNOSE<\/span>\n        <\/button>\n\n        <!-- 2) Local Diagnose -->\n        <button class=\"xdiag-card\" data-target=\"diagnostico\">\n          <div class=\"icon-wrap\"><img decoding=\"async\" src=\"https:\/\/xdiag.org\/wp-content\/uploads\/2025\/09\/Xdiag_local_diagnose.png\" alt=\"\"><\/div>\n          <span>LOCAL DIAGNOSE<\/span>\n        <\/button>\n\n        <!-- 3) Energy diagnose -->\n        <button class=\"xdiag-card\" data-target=\"energy\">\n          <div class=\"icon-wrap\"><img decoding=\"async\" src=\"https:\/\/xdiag.org\/wp-content\/uploads\/2025\/09\/xdiag_energy_diagnose_apk.png\" alt=\"\"><\/div>\n          <span>Energy diagnose<\/span>\n        <\/button>\n\n        <!-- 4) Service function -->\n        <button class=\"xdiag-card\" data-target=\"service\">\n          <div class=\"icon-wrap\"><img decoding=\"async\" src=\"https:\/\/xdiag.org\/wp-content\/uploads\/2025\/09\/xdiag_home_page_special_function.png\" alt=\"\"><\/div>\n          <span>Service function<\/span>\n        <\/button>\n\n        <!-- 5) IMMO -->\n        <button class=\"xdiag-card\" data-target=\"immo\">\n          <div class=\"icon-wrap\"><img decoding=\"async\" src=\"https:\/\/xdiag.org\/wp-content\/uploads\/2025\/09\/xdiag_immo_diagnose_apk.png\" alt=\"\"><\/div>\n          <span>IMMO<\/span>\n        <\/button>\n\n        <!-- 6) Online programming -->\n        <button class=\"xdiag-card\" data-target=\"online\">\n          <div class=\"icon-wrap\"><img decoding=\"async\" src=\"https:\/\/xdiag.org\/wp-content\/uploads\/2025\/09\/xdiag_Online_programming_apk.png\" alt=\"\"><\/div>\n          <span>Online programming<\/span>\n        <\/button>\n\n        <!-- 7) Maintenance -->\n        <button class=\"xdiag-card\" data-target=\"maintenance\">\n          <div class=\"icon-wrap\"><img decoding=\"async\" src=\"https:\/\/xdiag.org\/wp-content\/uploads\/2025\/09\/xdiag_home_page_maintenance_information.png\" alt=\"\"><\/div>\n          <span>Maintenance<\/span>\n        <\/button>\n\n        <!-- 8) EXTENSION Module -->\n        <button class=\"xdiag-card\" data-target=\"extension\">\n          <div class=\"icon-wrap\"><img decoding=\"async\" src=\"https:\/\/xdiag.org\/wp-content\/uploads\/2025\/09\/xdiag_home_page_EXTENSION_Module.png\" alt=\"\"><\/div>\n          <span>EXTENSION Module<\/span>\n        <\/button>\n\n        <!-- 9) Software updates -->\n        <button class=\"xdiag-card\" data-target=\"updates\">\n          <div class=\"icon-wrap\"><img decoding=\"async\" src=\"https:\/\/xdiag.org\/wp-content\/uploads\/2025\/09\/xdiag_software_updates_apk.png\" alt=\"\"><\/div>\n          <span>Software updates<\/span>\n        <\/button>\n\n        <!-- 10) X-diag FIX (DEMO modal) -->\n        <button class=\"xdiag-card\" data-demo=\"true\">\n          <div class=\"icon-wrap\"><img decoding=\"async\" src=\"https:\/\/xdiag.org\/wp-content\/uploads\/2025\/09\/xdiag_xdiag_fix_apk.png\" alt=\"\"><\/div>\n          <span>X-diag FIX<\/span>\n        <\/button>\n\n        <!-- 11) Diagnostic History -->\n        <button class=\"xdiag-card\" data-target=\"history\">\n          <div class=\"icon-wrap\"><img decoding=\"async\" src=\"https:\/\/xdiag.org\/wp-content\/uploads\/2025\/09\/xdiag_Diagnostic_history_apk.png\" alt=\"\"><\/div>\n          <span>Diagnostic History<\/span>\n        <\/button>\n\n        <!-- 12) Feedback (DEMO modal) -->\n        <button class=\"xdiag-card\" data-demo=\"true\">\n          <div class=\"icon-wrap\"><img decoding=\"async\" src=\"https:\/\/xdiag.org\/wp-content\/uploads\/2025\/09\/xdiag_feedback_apk.png\" alt=\"\"><\/div>\n          <span>Feedback<\/span>\n        <\/button>\n\n        <!-- 13) User info (DEMO modal) -->\n        <button class=\"xdiag-card\" data-demo=\"true\">\n          <div class=\"icon-wrap\"><img decoding=\"async\" src=\"https:\/\/xdiag.org\/wp-content\/uploads\/2025\/09\/home_user_info_xdiag_apk.png\" alt=\"\"><\/div>\n          <span>User info<\/span>\n        <\/button>\n\n        <!-- 14) More (DEMO modal) -->\n        <button class=\"xdiag-card\" data-demo=\"true\">\n          <div class=\"icon-wrap\"><img decoding=\"async\" src=\"https:\/\/xdiag.org\/wp-content\/uploads\/2025\/09\/Xdiag_more_home_apk.png\" alt=\"\"><\/div>\n          <span>More<\/span>\n        <\/button>\n      <\/div>\n    <\/section>\n\n    <!-- ================= Intelligent (slika + Home) ================= -->\n    <section class=\"xdiag-view xdiag-submenu\" data-view=\"diagnosis\">\n      <div class=\"xdiag-topbar xdiag-topbar-red\"><div class=\"xdiag-title\">Intelligent Diagnose<\/div><\/div>\n      <div class=\"xdiag-body\">\n        <img decoding=\"async\" class=\"xdiag-screen-img\" src=\"https:\/\/xdiag.org\/wp-content\/uploads\/2025\/09\/xdiaginteligentscan.gif\" alt=\"Intelligent Diagnose\">\n      <\/div>\n      <div class=\"xdiag-footer\"><button class=\"xdiag-home-btn\">?? Home<\/button><\/div>\n    <\/section>\n\n    <!-- ================= Local Diagnose (toolbar + slike + Home) ================= -->\n    <section class=\"xdiag-view xdiag-submenu\" data-view=\"diagnostico\">\n      <div class=\"xdiag-topbar xdiag-topbar-red\"><div class=\"xdiag-title\">Local Diagnose<\/div><\/div>\n      <div class=\"xdiag-toolbar\">\n        <button class=\"tab-btn is-active\" data-key=\"vin\">VIN Scan<\/button>\n        <button class=\"tab-btn\" data-key=\"demo\">DEMO<\/button>\n        <button class=\"tab-btn\" data-key=\"us\">America<\/button>\n        <button class=\"tab-btn\" data-key=\"eu\">Europe<\/button>\n        <button class=\"tab-btn\" data-key=\"asia\">Asia<\/button>\n        <button class=\"tab-btn\" data-key=\"china\">China<\/button>\n        <button class=\"tab-btn\" data-key=\"moto\">Motors<\/button>\n        <button class=\"tab-btn\" data-key=\"obd\">OBD\/OBDFCM<\/button>\n        <button class=\"tab-btn\" data-key=\"pin\">Detect Pin<\/button>\n      <\/div>\n      <div class=\"xdiag-body\"><img decoding=\"async\" id=\"localImage\" class=\"xdiag-screen-img\" src=\"\" alt=\"\"><\/div>\n      <div class=\"xdiag-footer\"><button class=\"xdiag-home-btn\">?? Home<\/button><\/div>\n    <\/section>\n\n    <!-- ================= Energy (8 ikon + Home samo tukaj) ================= -->\n    <section class=\"xdiag-view xdiag-submenu\" data-view=\"energy\">\n      <div class=\"xdiag-topbar xdiag-topbar-red\"><div class=\"xdiag-title\">Energy diagnose<\/div><\/div>\n      <div class=\"xdiag-body\">\n        <div class=\"xdiag-grid energy-grid\">\n          <button class=\"xdiag-card\" data-energy-target=\"en-main\">\n            <div class=\"icon-wrap\"><img decoding=\"async\" src=\"https:\/\/xdiag.org\/wp-content\/uploads\/2025\/09\/xdiag_energy_diagnose_apk.png\" alt=\"\"><\/div>\n            <span>Energy Diagnose<\/span>\n          <\/button>\n          <button class=\"xdiag-card\" data-energy-target=\"en-battery\">\n            <div class=\"icon-wrap\"><img decoding=\"async\" src=\"https:\/\/xdiag.org\/wp-content\/uploads\/2025\/09\/xdiagorg_battery_check.png\" alt=\"\"><\/div>\n            <span>Battery Check<\/span>\n          <\/button>\n          <button class=\"xdiag-card\" data-energy-target=\"en-compa\">\n            <div class=\"icon-wrap\"><img decoding=\"async\" src=\"https:\/\/xdiag.org\/wp-content\/uploads\/2025\/09\/xdiagorg_ev_reset_compa.png\" alt=\"\"><\/div>\n            <span>COMPA EV<\/span>\n          <\/button>\n          <button class=\"xdiag-card\" data-energy-target=\"en-dcdc\">\n            <div class=\"icon-wrap\"><img decoding=\"async\" src=\"https:\/\/xdiag.org\/wp-content\/uploads\/2025\/09\/xdiagorg_ev_reset_dcdc.png\" alt=\"\"><\/div>\n            <span>DCDC EV<\/span>\n          <\/button>\n          <button class=\"xdiag-card\" data-energy-target=\"en-obc\">\n            <div class=\"icon-wrap\"><img decoding=\"async\" src=\"https:\/\/xdiag.org\/wp-content\/uploads\/2025\/09\/xdiagorg_ev_reset_obc.png\" alt=\"\"><\/div>\n            <span>OBC EV<\/span>\n          <\/button>\n          <button class=\"xdiag-card\" data-energy-target=\"en-evreset\">\n            <div class=\"icon-wrap\"><img decoding=\"async\" src=\"https:\/\/xdiag.org\/wp-content\/uploads\/2025\/09\/xdiagorg_ev_reset_mhev.png\" alt=\"\"><\/div>\n            <span>EV RESET<\/span>\n          <\/button>\n          <button class=\"xdiag-card\" data-energy-target=\"en-bcr\">\n            <div class=\"icon-wrap\"><img decoding=\"async\" src=\"https:\/\/xdiag.org\/wp-content\/uploads\/2025\/09\/xdiagorg_ev_reset_bcr.png\" alt=\"\"><\/div>\n            <span>BCR (EV)<\/span>\n          <\/button>\n          <button class=\"xdiag-card\" data-energy-target=\"en-hvpo\">\n            <div class=\"icon-wrap\"><img decoding=\"async\" src=\"https:\/\/xdiag.org\/wp-content\/uploads\/2025\/09\/xdiagorg_ev_reset_hvpo.png\" alt=\"\"><\/div>\n            <span>HVPO (EV)<\/span>\n          <\/button>\n        <\/div>\n      <\/div>\n      <div class=\"xdiag-footer\"><button class=\"xdiag-home-btn\">?? Home<\/button><\/div>\n    <\/section>\n\n    <!-- Energy: detail pogledi (samo slika + Back to Energy) -->\n    <section class=\"xdiag-view xdiag-submenu\" data-view=\"en-main\">\n      <div class=\"xdiag-topbar xdiag-topbar-red\"><div class=\"xdiag-title\">Energy Diagnose<\/div><\/div>\n      <div class=\"xdiag-body\"><img decoding=\"async\" class=\"xdiag-screen-img\" src=\"https:\/\/xdiag.org\/wp-content\/uploads\/2025\/09\/xdiag_energy_diagnose_apk.png\" alt=\"\"><\/div>\n      <div class=\"xdiag-footer\"><button class=\"xdiag-energy-back\">? Back to Energy<\/button><\/div>\n    <\/section>\n    <section class=\"xdiag-view xdiag-submenu\" data-view=\"en-compa\">\n      <div class=\"xdiag-topbar xdiag-topbar-red\"><div class=\"xdiag-title\">COMPA EV<\/div><\/div>\n      <div class=\"xdiag-body\"><img decoding=\"async\" class=\"xdiag-screen-img\" src=\"https:\/\/xdiag.org\/wp-content\/uploads\/2025\/09\/xdiagorg_ev_reset_compa.png\" alt=\"\"><\/div>\n      <div class=\"xdiag-footer\"><button class=\"xdiag-energy-back\">? Back to Energy<\/button><\/div>\n    <\/section>\n    <section class=\"xdiag-view xdiag-submenu\" data-view=\"en-dcdc\">\n      <div class=\"xdiag-topbar xdiag-topbar-red\"><div class=\"xdiag-title\">DCDC EV<\/div><\/div>\n      <div class=\"xdiag-body\"><img decoding=\"async\" class=\"xdiag-screen-img\" src=\"https:\/\/xdiag.org\/wp-content\/uploads\/2025\/09\/xdiagorg_ev_reset_dcdc.png\" alt=\"\"><\/div>\n      <div class=\"xdiag-footer\"><button class=\"xdiag-energy-back\">? Back to Energy<\/button><\/div>\n    <\/section>\n    <section class=\"xdiag-view xdiag-submenu\" data-view=\"en-obc\">\n      <div class=\"xdiag-topbar xdiag-topbar-red\"><div class=\"xdiag-title\">OBC EV<\/div><\/div>\n      <div class=\"xdiag-body\"><img decoding=\"async\" class=\"xdiag-screen-img\" src=\"https:\/\/xdiag.org\/wp-content\/uploads\/2025\/09\/xdiagorg_ev_reset_obc.png\" alt=\"\"><\/div>\n      <div class=\"xdiag-footer\"><button class=\"xdiag-energy-back\">? Back to Energy<\/button><\/div>\n    <\/section>\n    <section class=\"xdiag-view xdiag-submenu\" data-view=\"en-evreset\">\n      <div class=\"xdiag-topbar xdiag-topbar-red\"><div class=\"xdiag-title\">EV RESET<\/div><\/div>\n      <div class=\"xdiag-body\"><img decoding=\"async\" class=\"xdiag-screen-img\" src=\"https:\/\/xdiag.org\/wp-content\/uploads\/2025\/09\/xdiagorg_ev_reset_mhev.png\" alt=\"\"><\/div>\n      <div class=\"xdiag-footer\"><button class=\"xdiag-energy-back\">? Back to Energy<\/button><\/div>\n    <\/section>\n    <section class=\"xdiag-view xdiag-submenu\" data-view=\"en-bcr\">\n      <div class=\"xdiag-topbar xdiag-topbar-red\"><div class=\"xdiag-title\">BCR (EV)<\/div><\/div>\n      <div class=\"xdiag-body\"><img decoding=\"async\" class=\"xdiag-screen-img\" src=\"https:\/\/xdiag.org\/wp-content\/uploads\/2025\/09\/xdiagorg_ev_reset_bcr.png\" alt=\"\"><\/div>\n      <div class=\"xdiag-footer\"><button class=\"xdiag-energy-back\">? Back to Energy<\/button><\/div>\n    <\/section>\n    <section class=\"xdiag-view xdiag-submenu\" data-view=\"en-hvpo\">\n      <div class=\"xdiag-topbar xdiag-topbar-red\"><div class=\"xdiag-title\">HVPO (EV)<\/div><\/div>\n      <div class=\"xdiag-body\"><img decoding=\"async\" class=\"xdiag-screen-img\" src=\"https:\/\/xdiag.org\/wp-content\/uploads\/2025\/09\/xdiagorg_ev_reset_hvpo.png\" alt=\"\"><\/div>\n      <div class=\"xdiag-footer\"><button class=\"xdiag-energy-back\">? Back to Energy<\/button><\/div>\n    <\/section>\n\n    <!-- Energy: Battery Check (tabs + Back to Energy) -->\n    <section class=\"xdiag-view xdiag-submenu\" data-view=\"en-battery\">\n      <div class=\"xdiag-topbar xdiag-topbar-red\"><div class=\"xdiag-title\">Battery Check<\/div><\/div>\n      <div class=\"xdiag-toolbar\">\n        <button class=\"tab-btn is-active\" data-enkey=\"all\">Todos<\/button>\n        <button class=\"tab-btn\" data-enkey=\"auto\">Automotive<\/button>\n        <button class=\"tab-btn\" data-enkey=\"hd\">HD<\/button>\n        <button class=\"tab-btn\" data-enkey=\"brand\">Por Marca<\/button>\n      <\/div>\n      <div class=\"xdiag-body\"><img decoding=\"async\" id=\"enBatteryImage\" class=\"xdiag-screen-img\" src=\"\" alt=\"\"><\/div>\n      <div class=\"xdiag-footer\"><button class=\"xdiag-energy-back\">? Back to Energy<\/button><\/div>\n    <\/section>\n\n    <!-- ================= Service function (slika + Home) ================= -->\n    <section class=\"xdiag-view xdiag-submenu\" data-view=\"service\">\n      <div class=\"xdiag-topbar xdiag-topbar-red\"><div class=\"xdiag-title\">Service function<\/div><\/div>\n      <div class=\"xdiag-body\"><img decoding=\"async\" class=\"xdiag-screen-img\" src=\"https:\/\/xdiag.org\/wp-content\/uploads\/2025\/09\/xdiag_Service_function-scaled.png\" alt=\"\"><\/div>\n      <div class=\"xdiag-footer\"><button class=\"xdiag-home-btn\">?? Home<\/button><\/div>\n    <\/section>\n\n    <!-- ================= IMMO (toolbar 4 zavihki + Home) ================= -->\n    <section class=\"xdiag-view xdiag-submenu\" data-view=\"immo\">\n      <div class=\"xdiag-topbar xdiag-topbar-red\"><div class=\"xdiag-title\">IMMO<\/div><\/div>\n      <div class=\"xdiag-toolbar\">\n        <button class=\"tab-btn is-active\" data-key=\"us\">America<\/button>\n        <button class=\"tab-btn\" data-key=\"eu\">Europa<\/button>\n        <button class=\"tab-btn\" data-key=\"asia\">Asi\u00e1<\/button>\n        <button class=\"tab-btn\" data-key=\"china\">China<\/button>\n      <\/div>\n      <div class=\"xdiag-body\"><img decoding=\"async\" id=\"immoImage\" class=\"xdiag-screen-img\" src=\"\" alt=\"\"><\/div>\n      <div class=\"xdiag-footer\"><button class=\"xdiag-home-btn\">?? Home<\/button><\/div>\n    <\/section>\n\n    <!-- ================= Online programming (Pic + Home) ================= -->\n    <section class=\"xdiag-view xdiag-submenu\" data-view=\"online\">\n      <div class=\"xdiag-topbar xdiag-topbar-red\"><div class=\"xdiag-title\">Online programming<\/div><\/div>\n      <div class=\"xdiag-body\"><img decoding=\"async\" class=\"xdiag-screen-img\" src=\"https:\/\/xdiag.org\/wp-content\/uploads\/2025\/09\/xdiag_Online_programing-scaled.png\" alt=\"\"><\/div>\n      <div class=\"xdiag-footer\"><button class=\"xdiag-home-btn\">?? Home<\/button><\/div>\n    <\/section>\n\n    <!-- ================= Maintenance (slika + Home) ================= -->\n    <section class=\"xdiag-view xdiag-submenu\" data-view=\"maintenance\">\n      <div class=\"xdiag-topbar xdiag-topbar-red\"><div class=\"xdiag-title\">Maintenance<\/div><\/div>\n      <div class=\"xdiag-body\"><img decoding=\"async\" class=\"xdiag-screen-img\" src=\"https:\/\/xdiag.org\/wp-content\/uploads\/2025\/09\/xdiag_maintance_apk.png\" alt=\"\"><\/div>\n      <div class=\"xdiag-footer\"><button class=\"xdiag-home-btn\">?? Home<\/button><\/div>\n    <\/section>\n\n    <!-- ================= Software updates (3 zavihki + Home) ================= -->\n    <section class=\"xdiag-view xdiag-submenu\" data-view=\"updates\">\n      <div class=\"xdiag-topbar xdiag-topbar-red\"><div class=\"xdiag-title\">Software updates<\/div><\/div>\n      <div class=\"xdiag-toolbar\">\n        <button class=\"tab-btn is-active\" data-upkey=\"general\">General<\/button>\n        <button class=\"tab-btn\" data-upkey=\"newenergy\">Nueva energia<\/button>\n        <button class=\"tab-btn\" data-upkey=\"immo\">IMMO<\/button>\n      <\/div>\n      <div class=\"xdiag-body\"><img decoding=\"async\" id=\"updatesImage\" class=\"xdiag-screen-img\" src=\"\" alt=\"\"><\/div>\n      <div class=\"xdiag-footer\"><button class=\"xdiag-home-btn\">?? Home<\/button><\/div>\n    <\/section>\n\n    <!-- ================= Diagnostic History (slika + Home) ================= -->\n    <section class=\"xdiag-view xdiag-submenu\" data-view=\"history\">\n      <div class=\"xdiag-topbar xdiag-topbar-red\"><div class=\"xdiag-title\">Diagnostic History<\/div><\/div>\n      <div class=\"xdiag-body\"><img decoding=\"async\" class=\"xdiag-screen-img\" src=\"https:\/\/x-diag.pro\/servicio\/img\/historial.png\" alt=\"\"><\/div>\n      <div class=\"xdiag-footer\"><button class=\"xdiag-home-btn\">?? Home<\/button><\/div>\n    <\/section>\n\n    <!-- ================= EXTENSION Module (glavni grid + Home) ================= -->\n    <section class=\"xdiag-view xdiag-submenu\" data-view=\"extension\">\n      <div class=\"xdiag-topbar xdiag-topbar-red\"><div class=\"xdiag-title\">EXTENSION Module<\/div><\/div>\n      <div class=\"xdiag-body\">\n        <div class=\"xdiag-grid extension-grid\">\n          <button class=\"xdiag-card\" data-ext-target=\"ext-tpms\"><div class=\"icon-wrap\"><img decoding=\"async\" src=\"https:\/\/xdiag.org\/wp-content\/uploads\/2025\/09\/xdiagorg_icon_tpms_img.png\" alt=\"\"><\/div><span>TPMS<\/span><\/button>\n          <button class=\"xdiag-card\" data-ext-target=\"ext-adas\"><div class=\"icon-wrap\"><img decoding=\"async\" src=\"https:\/\/xdiag.org\/wp-content\/uploads\/2025\/09\/home_inteligent_diagnose_xdiag_apk.png\" alt=\"\"><\/div><span>ADAS<\/span><\/button>\n          <button class=\"xdiag-card\" data-ext-target=\"ext-immoprog\"><div class=\"icon-wrap\"><img decoding=\"async\" src=\"https:\/\/xdiag.org\/wp-content\/uploads\/2025\/09\/xdiagorg_icon_prog3.png\" alt=\"\"><\/div><span>IMMO PROG<\/span><\/button>\n\n          <!-- \u201czaenkrat ni\u010d\u201d \u203a DEMO modal -->\n          <button class=\"xdiag-card\" data-demo=\"true\"><div class=\"icon-wrap\"><img decoding=\"async\" src=\"https:\/\/xdiag.org\/wp-content\/uploads\/2025\/09\/xdiagorg_tools_multimeter_newenery.png\" alt=\"\"><\/div><span>MULTIMETRO EV<\/span><\/button>\n\n          <button class=\"xdiag-card\" data-ext-target=\"ext-multimetro\"><div class=\"icon-wrap\"><img decoding=\"async\" src=\"https:\/\/xdiag.org\/wp-content\/uploads\/2025\/09\/xdiagorg_tools_multimeter_normal.png\" alt=\"\"><\/div><span>MULTIMETRO<\/span><\/button>\n          <button class=\"xdiag-card\" data-ext-target=\"ext-keyprog\"><div class=\"icon-wrap\"><img decoding=\"async\" src=\"https:\/\/xdiag.org\/wp-content\/uploads\/2025\/09\/xdiagorg_key_programming.png\" alt=\"\"><\/div><span>KEY PROG<\/span><\/button>\n          <button class=\"xdiag-card\" data-ext-target=\"ext-osciloscopio\"><div class=\"icon-wrap\"><img decoding=\"async\" src=\"https:\/\/xdiag.org\/wp-content\/uploads\/2025\/09\/xdiagorg_tools_oscilloscope_normal.png\" alt=\"\"><\/div><span>OSILOSCOPIO<\/span><\/button>\n          <button class=\"xdiag-card\" data-ext-target=\"ext-sensor\"><div class=\"icon-wrap\"><img decoding=\"async\" src=\"https:\/\/xdiag.org\/wp-content\/uploads\/2025\/09\/xdiagorg_tools_sensor_normal.png\" alt=\"\"><\/div><span>SENSOR<\/span><\/button>\n          <button class=\"xdiag-card\" data-ext-target=\"ext-endoscopio\"><div class=\"icon-wrap\"><img decoding=\"async\" src=\"https:\/\/xdiag.org\/wp-content\/uploads\/2025\/09\/xdiagorg_tools_endoscopy.png\" alt=\"\"><\/div><span>ENDOSCOPIO<\/span><\/button>\n\n          <!-- \u201czaenkrat ni\u010d\u201d \u203a DEMO modal -->\n          <button class=\"xdiag-card\" data-demo=\"true\"><div class=\"icon-wrap\"><img decoding=\"async\" src=\"https:\/\/xdiag.org\/wp-content\/uploads\/2025\/09\/xdiagorg_tools_oscilloscope_newenery.png\" alt=\"\"><\/div><span>OSILOSCOPIO EV<\/span><\/button>\n\n          <button class=\"xdiag-card\" data-ext-target=\"ext-bateria\"><div class=\"icon-wrap\"><img decoding=\"async\" src=\"https:\/\/xdiag.org\/wp-content\/uploads\/2025\/09\/xdiagorg_tools_batterycheck_normal.png\" alt=\"\"><\/div><span>BATERY<\/span><\/button>\n          <button class=\"xdiag-card\" data-ext-target=\"ext-bst360\"><div class=\"icon-wrap\"><img decoding=\"async\" src=\"https:\/\/xdiag.org\/wp-content\/uploads\/2025\/09\/xdiagorg_tools_bst360_new.png\" alt=\"\"><\/div><span>BST 360<\/span><\/button>\n\n          <!-- \u201czaenkrat ni\u010d\u201d \u203a DEMO modal -->\n          <button class=\"xdiag-card\" data-demo=\"true\"><div class=\"icon-wrap\"><img decoding=\"async\" src=\"https:\/\/xdiag.org\/wp-content\/uploads\/2025\/09\/xdiagorg_current_clamp.png\" alt=\"\"><\/div><span>EV CLAMP<\/span><\/button>\n          <button class=\"xdiag-card\" data-demo=\"true\"><div class=\"icon-wrap\"><img decoding=\"async\" src=\"https:\/\/xdiag.org\/wp-content\/uploads\/2025\/09\/xdiagorg_tools_ignition_normal.png\" alt=\"\"><\/div><span>OBC (EV)<\/span><\/button>\n        <\/div>\n      <\/div>\n      <div class=\"xdiag-footer\"><button class=\"xdiag-home-btn\">?? Home<\/button><\/div>\n    <\/section>\n\n    <!-- EXTENSION: preprosti pogledi -->\n    <section class=\"xdiag-view xdiag-submenu\" data-view=\"ext-tpms\"><div class=\"xdiag-topbar xdiag-topbar-red\"><div class=\"xdiag-title\">TPMS<\/div><\/div><div class=\"xdiag-body\"><img decoding=\"async\" class=\"xdiag-screen-img\" src=\"https:\/\/x-diag.pro\/servicio\/img\/tpms.png\" alt=\"\"><\/div><div class=\"xdiag-footer\"><button class=\"xdiag-ext-back\">? Back to EXTENSION<\/button><\/div><\/section>\n    <section class=\"xdiag-view xdiag-submenu\" data-view=\"ext-immoprog\"><div class=\"xdiag-topbar xdiag-topbar-red\"><div class=\"xdiag-title\">IMMO PROG<\/div><\/div><div class=\"xdiag-body\"><img decoding=\"async\" class=\"xdiag-screen-img\" src=\"https:\/\/x-diag.pro\/servicio\/img\/immo-prog.png\" alt=\"\"><\/div><div class=\"xdiag-footer\"><button class=\"xdiag-ext-back\">? Back to EXTENSION<\/button><\/div><\/section>\n    <section class=\"xdiag-view xdiag-submenu\" data-view=\"ext-endoscopio\"><div class=\"xdiag-topbar xdiag-topbar-red\"><div class=\"xdiag-title\">ENDOSCOPIO<\/div><\/div><div class=\"xdiag-body\"><img decoding=\"async\" class=\"xdiag-screen-img\" src=\"https:\/\/x-diag.pro\/servicio\/img\/osiloscopio.gif\" alt=\"\"><\/div><div class=\"xdiag-footer\"><button class=\"xdiag-ext-back\">? Back to EXTENSION<\/button><\/div><\/section>\n    <section class=\"xdiag-view xdiag-submenu\" data-view=\"ext-bst360\"><div class=\"xdiag-topbar xdiag-topbar-red\"><div class=\"xdiag-title\">BST 360<\/div><\/div><div class=\"xdiag-body\"><img decoding=\"async\" class=\"xdiag-screen-img\" src=\"https:\/\/x-diag.pro\/servicio\/img\/bst360.png\" alt=\"\"><\/div><div class=\"xdiag-footer\"><button class=\"xdiag-ext-back\">? Back to EXTENSION<\/button><\/div><\/section>\n\n    <!-- EXTENSION: ADAS -->\n    <section class=\"xdiag-view xdiag-submenu\" data-view=\"ext-adas\">\n      <div class=\"xdiag-topbar xdiag-topbar-red\"><div class=\"xdiag-title\">ADAS<\/div><\/div>\n      <div class=\"xdiag-body\">\n        <div class=\"xdiag-grid ext-subgrid\">\n          <button class=\"xdiag-card\" data-ext-target=\"ext-adas-passenger\"><div class=\"icon-wrap\"><img decoding=\"async\" src=\"https:\/\/x-diag.pro\/servicio\/img\/btn_adas_passenger_normal.png\" alt=\"\"><\/div><span>PASSENGER CAR<\/span><\/button>\n          <button class=\"xdiag-card\" data-ext-target=\"ext-adas-commercial\"><div class=\"icon-wrap\"><img decoding=\"async\" src=\"https:\/\/x-diag.pro\/servicio\/img\/btn_adas_commercial_normal.png\" alt=\"\"><\/div><span>COMMERCIAL CAR<\/span><\/button>\n        <\/div>\n      <\/div>\n      <div class=\"xdiag-footer\"><button class=\"xdiag-ext-back\">? Back to EXTENSION<\/button><\/div>\n    <\/section>\n\n    <section class=\"xdiag-view xdiag-submenu\" data-view=\"ext-adas-passenger\">\n      <div class=\"xdiag-topbar xdiag-topbar-red\"><div class=\"xdiag-title\">ADAS \u2013 Passenger<\/div><\/div>\n      <div class=\"xdiag-body\">\n        <div class=\"xdiag-grid ext-subgrid\">\n          <button class=\"xdiag-card\" data-ext-target=\"ext-adas-passenger-calib\"><div class=\"icon-wrap\"><img decoding=\"async\" src=\"https:\/\/x-diag.pro\/servicio\/img\/btn_adas_calibration_normal.png\" alt=\"\"><\/div><span>ADAS CALIBRATION<\/span><\/button>\n        <\/div>\n      <\/div>\n      <div class=\"xdiag-footer\">\n        <button class=\"xdiag-back\" data-back=\"ext-adas\">? Back<\/button>\n        <button class=\"xdiag-ext-back\">? Back to EXTENSION<\/button>\n      <\/div>\n    <\/section>\n\n    <section class=\"xdiag-view xdiag-submenu\" data-view=\"ext-adas-passenger-calib\">\n      <div class=\"xdiag-topbar xdiag-topbar-red\"><div class=\"xdiag-title\">ADAS \u2013 Passenger \u2013 Calibration<\/div><\/div>\n      <div class=\"xdiag-body\"><img decoding=\"async\" class=\"xdiag-screen-img\" src=\"https:\/\/xdiag.org\/wp-content\/uploads\/2025\/09\/xdiaginteligentscan.gif\" alt=\"\"><\/div>\n      <div class=\"xdiag-footer\">\n        <button class=\"xdiag-back\" data-back=\"ext-adas-passenger\">? Back<\/button>\n        <button class=\"xdiag-ext-back\">? Back to EXTENSION<\/button>\n      <\/div>\n    <\/section>\n\n    <section class=\"xdiag-view xdiag-submenu\" data-view=\"ext-adas-commercial\">\n      <div class=\"xdiag-topbar xdiag-topbar-red\"><div class=\"xdiag-title\">ADAS \u2013 Commercial<\/div><\/div>\n      <div class=\"xdiag-body\">\n        <div class=\"xdiag-grid ext-subgrid\">\n          <button class=\"xdiag-card\" data-ext-target=\"ext-adas-commercial-calib\"><div class=\"icon-wrap\"><img decoding=\"async\" src=\"https:\/\/x-diag.pro\/servicio\/img\/btn_adas_calibration_hd.png\" alt=\"\"><\/div><span>ADAS CALIBRATION<\/span><\/button>\n        <\/div>\n      <\/div>\n      <div class=\"xdiag-footer\">\n        <button class=\"xdiag-back\" data-back=\"ext-adas\">? Back<\/button>\n        <button class=\"xdiag-ext-back\">? Back to EXTENSION<\/button>\n      <\/div>\n    <\/section>\n\n    <section class=\"xdiag-view xdiag-submenu\" data-view=\"ext-adas-commercial-calib\">\n      <div class=\"xdiag-topbar xdiag-topbar-red\"><div class=\"xdiag-title\">ADAS \u2013 Commercial \u2013 Calibration<\/div><\/div>\n      <div class=\"xdiag-body\"><img decoding=\"async\" class=\"xdiag-screen-img\" src=\"https:\/\/xdiag.org\/wp-content\/uploads\/2025\/09\/xdiaginteligentscan.gif\" alt=\"\"><\/div>\n      <div class=\"xdiag-footer\">\n        <button class=\"xdiag-back\" data-back=\"ext-adas-commercial\">? Back<\/button>\n        <button class=\"xdiag-ext-back\">? Back to EXTENSION<\/button>\n      <\/div>\n    <\/section>\n\n    <!-- EXTENSION: MULTIMETRO -->\n    <section class=\"xdiag-view xdiag-submenu\" data-view=\"ext-multimetro\">\n      <div class=\"xdiag-topbar xdiag-topbar-red\"><div class=\"xdiag-title\">MULTIMETRO<\/div><\/div>\n      <div class=\"xdiag-body\">\n        <div class=\"xdiag-grid ext-subgrid\">\n          <button class=\"xdiag-card\" data-ext-target=\"ext-multimetro-xd\"><div class=\"icon-wrap\"><img decoding=\"async\" src=\"https:\/\/x-diag.pro\/servicio\/img\/tools_oscilloscope_old.png\" alt=\"\"><\/div><span>MULTIMETRO XD<\/span><\/button>\n          <button class=\"xdiag-card\" data-ext-target=\"ext-multimetro-s2\"><div class=\"icon-wrap\"><img decoding=\"async\" src=\"https:\/\/x-diag.pro\/servicio\/img\/tools_sensor_new.png\" alt=\"\"><\/div><span>MULTIMETRO S2-2<\/span><\/button>\n        <\/div>\n      <\/div>\n      <div class=\"xdiag-footer\"><button class=\"xdiag-ext-back\">? Back to EXTENSION<\/button><\/div>\n    <\/section>\n\n    <section class=\"xdiag-view xdiag-submenu\" data-view=\"ext-multimetro-xd\">\n      <div class=\"xdiag-topbar xdiag-topbar-red\"><div class=\"xdiag-title\">MULTIMETRO XD<\/div><\/div>\n      <div class=\"xdiag-body\"><img decoding=\"async\" class=\"xdiag-screen-img\" src=\"https:\/\/x-diag.pro\/servicio\/img\/multimetro-xdiag.png\" alt=\"\"><\/div>\n      <div class=\"xdiag-footer\">\n        <button class=\"xdiag-back\" data-back=\"ext-multimetro\">? Back<\/button>\n        <button class=\"xdiag-ext-back\">? Back to EXTENSION<\/button>\n      <\/div>\n    <\/section>\n\n    <section class=\"xdiag-view xdiag-submenu\" data-view=\"ext-multimetro-s2\">\n      <div class=\"xdiag-topbar xdiag-topbar-red\"><div class=\"xdiag-title\">MULTIMETRO S2-2<\/div><\/div>\n      <div class=\"xdiag-body\"><img decoding=\"async\" class=\"xdiag-screen-img\" src=\"https:\/\/x-diag.pro\/servicio\/img\/multimetro-s2.png\" alt=\"\"><\/div>\n      <div class=\"xdiag-footer\">\n        <button class=\"xdiag-back\" data-back=\"ext-multimetro\">? Back<\/button>\n        <button class=\"xdiag-ext-back\">? Back to EXTENSION<\/button>\n      <\/div>\n    <\/section>\n\n    <!-- EXTENSION: OSILOSCOPIO -->\n    <section class=\"xdiag-view xdiag-submenu\" data-view=\"ext-osciloscopio\">\n      <div class=\"xdiag-topbar xdiag-topbar-red\"><div class=\"xdiag-title\">OSILOSCOPIO<\/div><\/div>\n      <div class=\"xdiag-body\">\n        <div class=\"xdiag-grid ext-subgrid\">\n          <button class=\"xdiag-card\" data-ext-target=\"ext-osciloscopio-scopebox\"><div class=\"icon-wrap\"><img decoding=\"async\" src=\"https:\/\/x-diag.pro\/servicio\/img\/tools_oscilloscope_new.png\" alt=\"\"><\/div><span>O2-1 SCOPEBOX<\/span><\/button>\n        <\/div>\n      <\/div>\n      <div class=\"xdiag-footer\"><button class=\"xdiag-ext-back\">? Back to EXTENSION<\/button><\/div>\n    <\/section>\n\n    <section class=\"xdiag-view xdiag-submenu\" data-view=\"ext-osciloscopio-scopebox\">\n      <div class=\"xdiag-topbar xdiag-topbar-red\"><div class=\"xdiag-title\">O2-1 SCOPEBOX<\/div><\/div>\n      <div class=\"xdiag-body\"><img decoding=\"async\" class=\"xdiag-screen-img\" src=\"https:\/\/x-diag.pro\/servicio\/img\/scopebox.png\" alt=\"\"><\/div>\n      <div class=\"xdiag-footer\">\n        <button class=\"xdiag-back\" data-back=\"ext-osciloscopio\">? Back<\/button>\n        <button class=\"xdiag-ext-back\">? Back to EXTENSION<\/button>\n      <\/div>\n    <\/section>\n\n    <!-- EXTENSION: SENSOR -->\n    <section class=\"xdiag-view xdiag-submenu\" data-view=\"ext-sensor\">\n      <div class=\"xdiag-topbar xdiag-topbar-red\"><div class=\"xdiag-title\">SENSOR<\/div><\/div>\n      <div class=\"xdiag-body\">\n        <div class=\"xdiag-grid ext-subgrid\">\n          <button class=\"xdiag-card\" data-ext-target=\"ext-sensor-xd\"><div class=\"icon-wrap\"><img decoding=\"async\" src=\"https:\/\/x-diag.pro\/servicio\/img\/tools_oscilloscope_old.png\" alt=\"\"><\/div><span>XD SENSORBOX<\/span><\/button>\n          <button class=\"xdiag-card\" data-ext-target=\"ext-sensor-s2\"><div class=\"icon-wrap\"><img decoding=\"async\" src=\"https:\/\/x-diag.pro\/servicio\/img\/tools_sensor_new.png\" alt=\"\"><\/div><span>S2-2 SENSORBOX<\/span><\/button>\n        <\/div>\n      <\/div>\n      <div class=\"xdiag-footer\"><button class=\"xdiag-ext-back\">? Back to EXTENSION<\/button><\/div>\n    <\/section>\n\n    <section class=\"xdiag-view xdiag-submenu\" data-view=\"ext-sensor-xd\">\n      <div class=\"xdiag-topbar xdiag-topbar-red\"><div class=\"xdiag-title\">XD SENSORBOX<\/div><\/div>\n      <div class=\"xdiag-body\"><img decoding=\"async\" class=\"xdiag-screen-img\" src=\"https:\/\/x-diag.pro\/servicio\/img\/voltaje-actual.png\" alt=\"\"><\/div>\n      <div class=\"xdiag-footer\">\n        <button class=\"xdiag-back\" data-back=\"ext-sensor\">? Back<\/button>\n        <button class=\"xdiag-ext-back\">? Back to EXTENSION<\/button>\n      <\/div>\n    <\/section>\n\n    <section class=\"xdiag-view xdiag-submenu\" data-view=\"ext-sensor-s2\">\n      <div class=\"xdiag-topbar xdiag-topbar-red\"><div class=\"xdiag-title\">S2-2 SENSORBOX<\/div><\/div>\n      <div class=\"xdiag-body\"><img decoding=\"async\" class=\"xdiag-screen-img\" src=\"https:\/\/x-diag.pro\/servicio\/img\/s2-sensorbox.png\" alt=\"\"><\/div>\n      <div class=\"xdiag-footer\">\n        <button class=\"xdiag-back\" data-back=\"ext-sensor\">? Back<\/button>\n        <button class=\"xdiag-ext-back\">? Back to EXTENSION<\/button>\n      <\/div>\n    <\/section>\n\n    <!-- EXTENSION: BATERIA -->\n    <section class=\"xdiag-view xdiag-submenu\" data-view=\"ext-bateria\">\n      <div class=\"xdiag-topbar xdiag-topbar-red\"><div class=\"xdiag-title\">BATERIA<\/div><\/div>\n      <div class=\"xdiag-body\">\n        <div class=\"xdiag-grid ext-subgrid\">\n          <button class=\"xdiag-card\" data-ext-target=\"ext-bateria-xd\"><div class=\"icon-wrap\"><img decoding=\"async\" src=\"https:\/\/x-diag.pro\/servicio\/img\/tools_multimeter_old.png\" alt=\"\"><\/div><span>XD BATERYBOX<\/span><\/button>\n          <button class=\"xdiag-card\" data-ext-target=\"ext-bateria-b22\"><div class=\"icon-wrap\"><img decoding=\"async\" src=\"https:\/\/x-diag.pro\/servicio\/img\/tools_multimeter_new.png\" alt=\"\"><\/div><span>B2-2 BATERYBOX<\/span><\/button>\n          <button class=\"xdiag-card\" data-ext-target=\"ext-bateria-bst360\"><div class=\"icon-wrap\"><img decoding=\"async\" src=\"https:\/\/x-diag.pro\/servicio\/img\/tools_bst360.png\" alt=\"\"><\/div><span>BST 360<\/span><\/button>\n        <\/div>\n      <\/div>\n      <div class=\"xdiag-footer\"><button class=\"xdiag-ext-back\">? Back to EXTENSION<\/button><\/div>\n    <\/section>\n\n    <section class=\"xdiag-view xdiag-submenu\" data-view=\"ext-bateria-xd\">\n      <div class=\"xdiag-topbar xdiag-topbar-red\"><div class=\"xdiag-title\">XD BATERYBOX<\/div><\/div>\n      <div class=\"xdiag-body\">\n        <div class=\"xdiag-grid ext-subgrid\">\n          <button class=\"xdiag-card\" data-ext-target=\"ext-bateria-xd-in\"><div class=\"icon-wrap\"><img decoding=\"async\" src=\"https:\/\/x-diag.pro\/servicio\/img\/ic_selected_carin.png\" alt=\"\"><\/div><span>INSIDE THE CAR<\/span><\/button>\n          <button class=\"xdiag-card\" data-ext-target=\"ext-bateria-xd-out\"><div class=\"icon-wrap\"><img decoding=\"async\" src=\"https:\/\/x-diag.pro\/servicio\/img\/ic_selected_carout.png\" alt=\"\"><\/div><span>OUTSIDE THE CAR<\/span><\/button>\n        <\/div>\n      <\/div>\n      <div class=\"xdiag-footer\">\n        <button class=\"xdiag-back\" data-back=\"ext-bateria\">? Back<\/button>\n        <button class=\"xdiag-ext-back\">? Back to EXTENSION<\/button>\n      <\/div>\n    <\/section>\n\n    <section class=\"xdiag-view xdiag-submenu\" data-view=\"ext-bateria-xd-in\">\n      <div class=\"xdiag-topbar xdiag-topbar-red\"><div class=\"xdiag-title\">XD BATERYBOX \u2013 Inside<\/div><\/div>\n      <div class=\"xdiag-body\"><div class=\"xdiag-placeholder\">No preview yet.<\/div><\/div>\n      <div class=\"xdiag-footer\">\n        <button class=\"xdiag-back\" data-back=\"ext-bateria-xd\">? Back<\/button>\n        <button class=\"xdiag-ext-back\">? Back to EXTENSION<\/button>\n      <\/div>\n    <\/section>\n\n    <section class=\"xdiag-view xdiag-submenu\" data-view=\"ext-bateria-xd-out\">\n      <div class=\"xdiag-topbar xdiag-topbar-red\"><div class=\"xdiag-title\">XD BATERYBOX \u2013 Outside<\/div><\/div>\n      <div class=\"xdiag-body\"><div class=\"xdiag-placeholder\">No preview yet.<\/div><\/div>\n      <div class=\"xdiag-footer\">\n        <button class=\"xdiag-back\" data-back=\"ext-bateria-xd\">? Back<\/button>\n        <button class=\"xdiag-ext-back\">? Back to EXTENSION<\/button>\n      <\/div>\n    <\/section>\n\n    <section class=\"xdiag-view xdiag-submenu\" data-view=\"ext-bateria-b22\">\n      <div class=\"xdiag-topbar xdiag-topbar-red\"><div class=\"xdiag-title\">B2-2 BATERYBOX<\/div><\/div>\n      <div class=\"xdiag-body\">\n        <div class=\"xdiag-grid ext-subgrid\">\n          <button class=\"xdiag-card\" data-ext-target=\"ext-b22-test1\"><div class=\"icon-wrap\"><img decoding=\"async\" src=\"https:\/\/x-diag.pro\/servicio\/img\/icon_battery_test.png\" alt=\"\"><\/div><span>PRUEBA DE ESTADO DE BATERIA<\/span><\/button>\n          <button class=\"xdiag-card\" data-ext-target=\"ext-b22-test2\"><div class=\"icon-wrap\"><img decoding=\"async\" src=\"https:\/\/x-diag.pro\/servicio\/img\/icon_battery_test.png\" alt=\"\"><\/div><span>INICIAR PRUEBA DEL SISTEMA<\/span><\/button>\n          <button class=\"xdiag-card\" data-ext-target=\"ext-b22-test3\"><div class=\"icon-wrap\"><img decoding=\"async\" src=\"https:\/\/x-diag.pro\/servicio\/img\/icon_battery_test.png\" alt=\"\"><\/div><span>PRUEBA DE ESTADO DE CARGA<\/span><\/button>\n          <button class=\"xdiag-card\" data-ext-target=\"ext-b22-test4\"><div class=\"icon-wrap\"><img decoding=\"async\" src=\"https:\/\/x-diag.pro\/servicio\/img\/icon_battery_test.png\" alt=\"\"><\/div><span>GENERAR INFORME DE PRUEBAS<\/span><\/button>\n          <button class=\"xdiag-card\" data-ext-target=\"ext-b22-test5\"><div class=\"icon-wrap\"><img decoding=\"async\" src=\"https:\/\/x-diag.pro\/servicio\/img\/icon_battery_test.png\" alt=\"\"><\/div><span>INFORME HISTORICO DE PRUEBAS<\/span><\/button>\n          <button class=\"xdiag-card\" data-ext-target=\"ext-b22-test6\"><div class=\"icon-wrap\"><img decoding=\"async\" src=\"https:\/\/x-diag.pro\/servicio\/img\/icon_battery_test.png\" alt=\"\"><\/div><span>DESCRIPCION DE BATERYBOX B2-1<\/span><\/button>\n        <\/div>\n      <\/div>\n      <div class=\"xdiag-footer\">\n        <button class=\"xdiag-back\" data-back=\"ext-bateria\">? Back<\/button>\n        <button class=\"xdiag-ext-back\">? Back to EXTENSION<\/button>\n      <\/div>\n    <\/section>\n\n    <!-- vseh 6: placeholder -->\n    <section class=\"xdiag-view xdiag-submenu\" data-view=\"ext-b22-test1\"><div class=\"xdiag-topbar xdiag-topbar-red\"><div class=\"xdiag-title\">B2-2 \u2013 PRUEBA DE ESTADO DE BATERIA<\/div><\/div><div class=\"xdiag-body\"><div class=\"xdiag-placeholder\">No preview yet.<\/div><\/div><div class=\"xdiag-footer\"><button class=\"xdiag-back\" data-back=\"ext-bateria-b22\">? Back<\/button><button class=\"xdiag-ext-back\">? Back to EXTENSION<\/button><\/div><\/section>\n    <section class=\"xdiag-view xdiag-submenu\" data-view=\"ext-b22-test2\"><div class=\"xdiag-topbar xdiag-topbar-red\"><div class=\"xdiag-title\">B2-2 \u2013 INICIAR PRUEBA DEL SISTEMA<\/div><\/div><div class=\"xdiag-body\"><div class=\"xdiag-placeholder\">No preview yet.<\/div><\/div><div class=\"xdiag-footer\"><button class=\"xdiag-back\" data-back=\"ext-bateria-b22\">? Back<\/button><button class=\"xdiag-ext-back\">? Back to EXTENSION<\/button><\/div><\/section>\n    <section class=\"xdiag-view xdiag-submenu\" data-view=\"ext-b22-test3\"><div class=\"xdiag-topbar xdiag-topbar-red\"><div class=\"xdiag-title\">B2-2 \u2013 PRUEBA DE ESTADO DE CARGA<\/div><\/div><div class=\"xdiag-body\"><div class=\"xdiag-placeholder\">No preview yet.<\/div><\/div><div class=\"xdiag-footer\"><button class=\"xdiag-back\" data-back=\"ext-bateria-b22\">? Back<\/button><button class=\"xdiag-ext-back\">? Back to EXTENSION<\/button><\/div><\/section>\n    <section class=\"xdiag-view xdiag-submenu\" data-view=\"ext-b22-test4\"><div class=\"xdiag-topbar xdiag-topbar-red\"><div class=\"xdiag-title\">B2-2 \u2013 GENERAR INFORME DE PRUEBAS<\/div><\/div><div class=\"xdiag-body\"><div class=\"xdiag-placeholder\">No preview yet.<\/div><\/div><div class=\"xdiag-footer\"><button class=\"xdiag-back\" data-back=\"ext-bateria-b22\">? Back<\/button><button class=\"xdiag-ext-back\">? Back to EXTENSION<\/button><\/div><\/section>\n    <section class=\"xdiag-view xdiag-submenu\" data-view=\"ext-b22-test5\"><div class=\"xdiag-topbar xdiag-topbar-red\"><div class=\"xdiag-title\">B2-2 \u2013 INFORME HISTORICO DE PRUEBAS<\/div><\/div><div class=\"xdiag-body\"><div class=\"xdiag-placeholder\">No preview yet.<\/div><\/div><div class=\"xdiag-footer\"><button class=\"xdiag-back\" data-back=\"ext-bateria-b22\">? Back<\/button><button class=\"xdiag-ext-back\">? Back to EXTENSION<\/button><\/div><\/section>\n    <section class=\"xdiag-view xdiag-submenu\" data-view=\"ext-b22-test6\"><div class=\"xdiag-topbar xdiag-topbar-red\"><div class=\"xdiag-title\">B2-2 \u2013 DESCRIPCION<\/div><\/div><div class=\"xdiag-body\"><div class=\"xdiag-placeholder\">No preview yet.<\/div><\/div><div class=\"xdiag-footer\"><button class=\"xdiag-back\" data-back=\"ext-bateria-b22\">? Back<\/button><button class=\"xdiag-ext-back\">? Back to EXTENSION<\/button><\/div><\/section>\n\n    <!-- EXTENSION: BST360 iz BATERIA drevesa -->\n    <section class=\"xdiag-view xdiag-submenu\" data-view=\"ext-bateria-bst360\">\n      <div class=\"xdiag-topbar xdiag-topbar-red\"><div class=\"xdiag-title\">BST 360<\/div><\/div>\n      <div class=\"xdiag-body\"><img decoding=\"async\" class=\"xdiag-screen-img\" src=\"https:\/\/x-diag.pro\/servicio\/img\/bst360.png\" alt=\"\"><\/div>\n      <div class=\"xdiag-footer\">\n        <button class=\"xdiag-back\" data-back=\"ext-bateria\">? Back<\/button>\n        <button class=\"xdiag-ext-back\">? Back to EXTENSION<\/button>\n      <\/div>\n    <\/section>\n  <\/div>\n\n  <!-- DEMO VERSION modal -->\n  <div class=\"xdiag-modal\" id=\"demoModal\" aria-hidden=\"true\">\n    <div class=\"xdiag-modal-box\">\n      <button class=\"xdiag-modal-close\" aria-label=\"Close\">?<\/button>\n      <div class=\"xdiag-modal-title\">DEMO VERSION<\/div>\n      <div class=\"xdiag-modal-body\">This feature is not available in the demo.<\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n(function(){\n  const wrap = document.querySelector('.xdiag-wrap');\n\n  \/* ===== Utility: preklapljanje pogledov ===== *\/\n  function showView(name){\n    document.querySelectorAll('.xdiag-view').forEach(v=>{\n      v.classList.toggle('is-active', v.dataset.view === name);\n    });\n  }\n\n  \/* ===== DEMO modal ===== *\/\n  const demoModal = document.getElementById('demoModal');\n  function openDemo(){ demoModal.setAttribute('aria-hidden','false'); }\n  function closeDemo(){ demoModal.setAttribute('aria-hidden','true'); }\n  demoModal.addEventListener('click', e=>{\n    if(e.target.classList.contains('xdiag-modal') || e.target.classList.contains('xdiag-modal-close')) closeDemo();\n  });\n\n  \/* ===== HOME: klik na glavno ikono ===== *\/\n  wrap.addEventListener('click', e=>{\n    const card = e.target.closest('.xdiag-home .xdiag-card');\n    if(!card) return;\n    if(card.hasAttribute('data-demo')){ openDemo(); return; }\n    const target = card.dataset.target;\n    if(target) showView(target);\n  });\n\n  \/* ===== Global: Home gumbi ===== *\/\n  wrap.addEventListener('click', e=>{\n    if(e.target.closest('.xdiag-home-btn')) showView('home');\n  });\n\n  \/* ===== Local Diagnose: toolbar slike ===== *\/\n  const localImg = document.getElementById('localImage');\n  const localImages = {\n    vin:  \"https:\/\/xdiag.org\/wp-content\/uploads\/2025\/09\/xdiag_diagnose_vin_apk.png\",\n    demo: \"https:\/\/x-diag.pro\/servicio\/img\/demo.gif\",\n    us:   \"https:\/\/xdiag.org\/wp-content\/uploads\/2025\/09\/xdiag_diagnose_america_apk.png\",\n    eu:   \"https:\/\/xdiag.org\/wp-content\/uploads\/2025\/09\/xdiag_diagnose_europe_apk-scaled.png\",\n    asia: \"https:\/\/xdiag.org\/wp-content\/uploads\/2025\/09\/xdiag_diagnose_asia_apk-scaled.png\",\n    china:\"https:\/\/xdiag.org\/wp-content\/uploads\/2025\/09\/xdiag_diagnose_china1_apk-scaled.png\",\n    moto: \"https:\/\/xdiag.org\/wp-content\/uploads\/2025\/09\/xdiag_diagnose_motors_apk.png\",\n    obd:  \"https:\/\/xdiag.org\/wp-content\/uploads\/2025\/09\/xdiag_diagnose_obdfcm_apk.png\",\n    pin:  \"https:\/\/xdiag.org\/wp-content\/uploads\/2025\/09\/xdiag_diagnose_pin12_apk.png\"\n  };\n  function setLocal(key){\n    if(!localImg) return;\n    const url = localImages[key]; if(!url) return;\n    localImg.style.opacity=0;\n    setTimeout(()=>{ localImg.src=url; localImg.onload=()=>localImg.style.opacity=1; }, 80);\n    document.querySelectorAll('[data-view=\"diagnostico\"] .tab-btn').forEach(b=>b.classList.toggle('is-active', b.dataset.key===key));\n  }\n  if(localImg){ setLocal('vin'); }\n  wrap.addEventListener('click', e=>{\n    const b=e.target.closest('[data-view=\"diagnostico\"] .tab-btn'); if(b) setLocal(b.dataset.key);\n  });\n\n  \/* ===== IMMO: toolbar slike ===== *\/\n  const immoImg = document.getElementById('immoImage');\n  const immoImages = {\n    us:   \"https:\/\/xdiag.org\/wp-content\/uploads\/2025\/09\/xdiag_immo_american_apk.png\",\n    eu:   \"https:\/\/xdiag.org\/wp-content\/uploads\/2025\/09\/xdiag_immo_asia_apk.png\",\n    asia: \"https:\/\/xdiag.org\/wp-content\/uploads\/2025\/09\/xdiag_immo_asia_apk.png\",\n    china:\"https:\/\/xdiag.org\/wp-content\/uploads\/2025\/09\/xdiag_immo_china_apk.png\"\n  };\n  function setImmo(key){\n    if(!immoImg) return;\n    const url = immoImages[key]; if(!url) return;\n    immoImg.style.opacity=0;\n    setTimeout(()=>{ immoImg.src=url; immoImg.onload=()=>immoImg.style.opacity=1; }, 80);\n    document.querySelectorAll('[data-view=\"immo\"] .tab-btn').forEach(b=>b.classList.toggle('is-active', b.dataset.key===key));\n  }\n  if(immoImg){ setImmo('us'); }\n  wrap.addEventListener('click', e=>{\n    const b=e.target.closest('[data-view=\"immo\"] .tab-btn'); if(b) setImmo(b.dataset.key);\n  });\n\n  \/* ===== Energy: klik na 8 ikon + back ===== *\/\n  wrap.addEventListener('click', e=>{\n    const card = e.target.closest('[data-energy-target]'); if(card) showView(card.dataset.energyTarget);\n    if(e.target.closest('.xdiag-energy-back')) showView('energy');\n  });\n\n  \/* Energy Battery tabs *\/\n  const enBatteryImg = document.getElementById('enBatteryImage');\n  const enBatterySrc = {\n    all:   \"https:\/\/x-diag.pro\/servicio\/img\/all-batery.png\",\n    auto:  \"https:\/\/x-diag.pro\/servicio\/img\/automotive-batery.png\",\n    hd:    \"https:\/\/x-diag.pro\/servicio\/img\/hd-batery.png\",\n    brand: \"https:\/\/x-diag.pro\/servicio\/img\/all-batery.png\"\n  };\n  function setEnBattery(key){\n    if(!enBatteryImg) return;\n    const url = enBatterySrc[key]; if(!url) return;\n    enBatteryImg.style.opacity=0;\n    setTimeout(()=>{ enBatteryImg.src=url; enBatteryImg.onload=()=>enBatteryImg.style.opacity=1; }, 80);\n    document.querySelectorAll('[data-view=\"en-battery\"] .tab-btn').forEach(b=>b.classList.toggle('is-active', b.dataset.enkey===key));\n  }\n  if(enBatteryImg){ setEnBattery('all'); }\n  wrap.addEventListener('click', e=>{\n    const b = e.target.closest('[data-view=\"en-battery\"] .tab-btn'); if(b) setEnBattery(b.dataset.enkey);\n  });\n\n  \/* ===== Software updates: toolbar slike ===== *\/\n  const updatesImg = document.getElementById('updatesImage');\n  const updatesSrc = {\n    general:   \"https:\/\/x-diag.pro\/servicio\/img\/general.png\",\n    newenergy: \"https:\/\/x-diag.pro\/servicio\/img\/nueva-energia.png\",\n    immo:      \"https:\/\/x-diag.pro\/servicio\/img\/immo-update.png\"\n  };\n  function setUpdate(key){\n    if(!updatesImg) return;\n    const url = updatesSrc[key]; if(!url) return;\n    updatesImg.style.opacity=0;\n    setTimeout(()=>{ updatesImg.src=url; updatesImg.onload=()=>updatesImg.style.opacity=1; }, 80);\n    document.querySelectorAll('[data-view=\"updates\"] .tab-btn').forEach(b=>b.classList.toggle('is-active', b.dataset.upkey===key));\n  }\n  if(updatesImg){ setUpdate('general'); }\n  wrap.addEventListener('click', e=>{\n    const b = e.target.closest('[data-view=\"updates\"] .tab-btn'); if(b) setUpdate(b.dataset.upkey);\n  });\n\n  \/* ===== EXTENSION: navigacija + DEMO za \u201czaenkrat ni\u010d\u201d ===== *\/\n  \/\/ Klik na kartico znotraj EXTENSION menijev\n  wrap.addEventListener('click', e=>{\n    const n1 = e.target.closest('[data-ext-target], .xdiag-view[data-view=\"extension\"] .xdiag-card[data-demo]');\n    if(!n1) return;\n    if(n1.hasAttribute('data-demo')){ openDemo(); return; }\n    showView(n1.dataset.extTarget);\n  });\n  \/\/ Global \"Back to EXTENSION\"\n  wrap.addEventListener('click', e=>{\n    if(e.target.closest('.xdiag-ext-back')) showView('extension');\n  });\n  \/\/ Lokalni \"Back\" na poljubni target\n  wrap.addEventListener('click', e=>{\n    const back = e.target.closest('.xdiag-back');\n    if(back) showView(back.getAttribute('data-back'));\n  });\n\n  \/* Start *\/\n  showView('home');\n})();\n<\/script>\n\n<style>\n\/* Ogrodje *\/\n.xdiag-wrap{max-width:980px;margin:0 auto;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif}\n.xdiag-header{\n  background:#d0021b;color:#fff;font-weight:800;letter-spacing:.4px;\n  padding:10px 14px;border-radius:6px 6px 0 0;text-transform:uppercase;\n  display:flex;align-items:center;justify-content:space-between\n}\n.xdiag-login{opacity:.95;font-weight:700;text-transform:none;pointer-events:none}\n.xdiag-tablet{background:#efefef;padding:18px;border:10px solid #000;border-radius:24px;box-shadow:0 14px 36px rgba(0,0,0,.28);height:680px;overflow:hidden;display:flex;flex-direction:column}\n\n\/* Pogledi *\/\n.xdiag-view{display:none;flex:1 1 auto;min-height:0}\n.xdiag-view.is-active{display:flex;flex-direction:column;animation:fade .15s ease}\n@keyframes fade{from{opacity:0}to{opacity:1}}\n\n\/* Gridi *\/\n.xdiag-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;flex:1 1 auto;min-height:0;overflow:auto;padding-right:6px}\n.energy-grid{grid-template-columns:repeat(4,1fr)}\n.extension-grid{grid-template-columns:repeat(4,1fr)}\n.ext-subgrid{grid-template-columns:repeat(2,1fr)}\n@media (max-width:900px){ .energy-grid,.extension-grid{grid-template-columns:repeat(3,1fr)} }\n@media (max-width:720px){ .xdiag-grid{grid-template-columns:repeat(2,1fr)} .energy-grid,.extension-grid{grid-template-columns:repeat(2,1fr)} }\n@media (max-width:480px){ .xdiag-grid,.energy-grid,.extension-grid,.ext-subgrid{grid-template-columns:1fr} }\n\n\/* Kartice + ikone *\/\n.xdiag-card{\n  background:#fff;border:1px solid #e5e5e5;border-radius:8px;\n  box-shadow:0 2px 6px rgba(0,0,0,.06);\n  padding:18px 10px;cursor:pointer;text-align:center;color:#111;\n  display:flex;flex-direction:column;align-items:center;gap:10px;\n  transition:transform .12s,box-shadow .12s\n}\n.xdiag-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.12)}\n.icon-wrap{width:86px;height:86px;display:flex;align-items:center;justify-content:center}\n.icon-wrap img{max-width:86px;max-height:86px;width:auto;height:auto;object-fit:contain}\n.xdiag-card span{font-size:12px;font-weight:700;letter-spacing:.3px;text-transform:uppercase}\n\n\/* Topbar \/ Toolbar *\/\n.xdiag-topbar{display:flex;align-items:center;gap:10px;border-radius:8px;padding:10px 14px;margin-bottom:12px}\n.xdiag-topbar-red{background:#d0021b;color:#fff}\n.xdiag-title{font-weight:800;letter-spacing:.3px}\n.xdiag-toolbar{display:flex;gap:22px;align-items:center;flex-wrap:wrap;background:#fff;border:1px solid #e5e5e5;border-radius:8px;padding:10px 14px;margin-bottom:12px}\n.tab-btn{background:transparent;border:0;font-weight:700;cursor:pointer;padding:6px 10px;border-radius:10px}\n.tab-btn.is-active{background:#9e9ea1;color:#fff}\n\n\/* Vsebina *\/\n.xdiag-submenu .xdiag-body{flex:1 1 auto;min-height:0;overflow:auto}\n.xdiag-screen-img{width:100%;height:auto;display:block;border:1px solid #e5e5e5;border-radius:8px;box-shadow:0 6px 18px rgba(0,0,0,.12)}\n.xdiag-placeholder{background:#fff;border:1px dashed #cfcfcf;border-radius:8px;padding:24px;text-align:center;color:#666;font-weight:600}\n\n\/* Footer gumbi *\/\n.xdiag-footer{margin-top:10px;display:flex;gap:10px;justify-content:center}\n.xdiag-home-btn,.xdiag-energy-back,.xdiag-ext-back,.xdiag-back{\n  background:#d0021b;color:#fff;font-weight:700;border:0;border-radius:8px;padding:10px 20px;cursor:pointer\n}\n.xdiag-home-btn:hover,.xdiag-energy-back:hover,.xdiag-ext-back:hover,.xdiag-back:hover{background:#a00115}\n\n\/* DEMO modal *\/\n.xdiag-modal{\n  position:fixed;inset:0;background:rgba(0,0,0,.45);\n  display:flex;align-items:center;justify-content:center;z-index:9999;\n  transition:opacity .15s, visibility .15s; opacity:0; visibility:hidden;\n}\n.xdiag-modal[aria-hidden=\"false\"]{opacity:1;visibility:visible}\n.xdiag-modal-box{\n  background:#fff;border-radius:12px;min-width:260px;max-width:320px;\n  padding:18px 16px;box-shadow:0 18px 50px rgba(0,0,0,.35);position:relative;text-align:center\n}\n.xdiag-modal-title{font-weight:800;letter-spacing:.3px;margin-bottom:8px}\n.xdiag-modal-body{color:#444}\n.xdiag-modal-close{\n  position:absolute;top:8px;right:8px;border:0;background:transparent;font-size:18px;cursor:pointer;line-height:1\n}\n<\/style>\n\n\n\n\n\n\n\n\n  <\/div>\n<\/div>\n\n<style>\n\/* ovitek *\/\n.tablet-frame{\n  position: relative;\n  width: min(700px, 100%); \/* skalira celotno \u201ctablico\u201d responsivno *\/\n  margin: 0 auto;\n}\n.tablet-img{\n  display:block;\n  width:90%;\n  height:auto;\n}\n\n\/* ?? PORAVNAVA ZASLONA ZNOTRAJ PNG OKVIRJA\n   \u2013 vrednosti so v % \u0161irine\/vi\u0161ine okvirja; ZAMENJAJ z dejanskimi *\/\n.tablet-screen{\n  position:absolute;\n  \/* primerne za\u010detne vrednosti \u2013 prilagodi: *\/\n  left: 8%;\n  top: 6%;\n  width: 74%;\n  height: 89%;\n  overflow:hidden;\n  border-radius:10px;     \/* \u010de ima izrez zaobljen rob *\/\n  background:#f4f4f4;      \/* backfill pod UI *\/\n  display:flex; flex-direction:column;\n}\n\n\/* ko je UI znotraj .tablet-screen, naj bo \u201cgoli\u201d (brez lastnega roba\/ozadja) *\/\n.tablet-screen .xdiag-tablet{\n  background:#f4f4f4;\n  border:0; border-radius:0; box-shadow:none;\n  height:100%;\n  padding:0;\n}\n\n\/* (opcijsko) debug obroba, da la\u017eje nastavlja\u0161 poravnavo *\/\n\/*\n.tablet-screen{ outline:2px dashed lime; }\n*\/\n<\/style><\/div><\/div>\n<\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>Xdiag.org Demo Login INTELLIGENT DIAGNOSE LOCAL DIAGNOSE Energy diagnose Service function IMMO Online programming Maintenance EXTENSION Module Software updates X-diag FIX Diagnostic History Feedback User info More Intelligent Diagnose ?? Home Local Diagnose VIN Scan DEMO America Europe Asia China Motors OBD\/OBDFCM Detect Pin ?? Home Energy diagnose Energy Diagnose Battery Check COMPA EV DCDC&#8230;<\/p>","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_seopress_robots_primary_cat":"","_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_kad_post_transparent":"disable","_kad_post_title":"hide","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"iawp_total_views":2137,"footnotes":""},"class_list":["post-4283","page","type-page","status-publish","hentry"],"taxonomy_info":[],"featured_image_src_large":false,"author_info":{"display_name":"xdiag12","author_link":"https:\/\/xdiag.org\/tr\/author\/xdiag12\/"},"comment_info":0,"_links":{"self":[{"href":"https:\/\/xdiag.org\/tr\/wp-json\/wp\/v2\/pages\/4283","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/xdiag.org\/tr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/xdiag.org\/tr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/xdiag.org\/tr\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/xdiag.org\/tr\/wp-json\/wp\/v2\/comments?post=4283"}],"version-history":[{"count":112,"href":"https:\/\/xdiag.org\/tr\/wp-json\/wp\/v2\/pages\/4283\/revisions"}],"predecessor-version":[{"id":4965,"href":"https:\/\/xdiag.org\/tr\/wp-json\/wp\/v2\/pages\/4283\/revisions\/4965"}],"wp:attachment":[{"href":"https:\/\/xdiag.org\/tr\/wp-json\/wp\/v2\/media?parent=4283"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}