{"id":297,"date":"2026-03-26T08:35:46","date_gmt":"2026-03-26T08:35:46","guid":{"rendered":"http:\/\/localhost\/toto\/?page_id=297"},"modified":"2026-08-11T09:37:22","modified_gmt":"2026-08-11T09:37:22","slug":"virtual-tour","status":"publish","type":"page","link":"https:\/\/www.totoksa.com\/en\/virtual-tour\/","title":{"rendered":"Virtual Tour"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"297\" class=\"elementor elementor-297\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5914736 e-flex e-con-boxed e-con e-parent\" data-id=\"5914736\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-787e0e4 e-con-full e-flex e-con e-child\" data-id=\"787e0e4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-25fcc34 elementor-widget elementor-widget-toto_virtual_tour\" data-id=\"25fcc34\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"toto_virtual_tour.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n        <div class=\"toto-vt-wrap\">\n\n            <!-- \u2500\u2500 Section Header \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n            \n            \n            \n            <!-- \u2500\u2500 Cards Grid \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n            <div class=\"toto-vt-grid\" style=\"--toto-vt-cols: 4\">\n\n                                <div class=\"toto-vt-card\"\n                     id=\"card-a376a9a\"\n                     role=\"button\"\n                     tabindex=\"0\"\n                     aria-label=\"Invitation to extraordinary \u2014 Open Virtual Tour\"\n                     data-vr=\"https:\/\/www.toto.com\/inspiration_common\/vr\/house03\/p1\/index.html\"\n                     data-modal=\"toto-vt-25fcc34\">\n\n                    <!-- Background image -->\n                                        <div class=\"toto-vt-bg\" style=\"background-image: url('https:\/\/www.totoksa.com\/wp-content\/uploads\/2026\/03\/img32.webp')\"><\/div>\n                    \n                    <!-- Dark gradient overlay -->\n                    <div class=\"toto-vt-overlay\"><\/div>\n\n                    <!-- Logo badge (top-right) -->\n                    <div class=\"toto-vt-badge\" aria-hidden=\"true\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 38 38\" fill=\"none\">\n                            <path d=\"M19 3 L34 11.5 V26.5 L19 35 L4 26.5 V11.5 Z\"\n                                  stroke=\"#333\" stroke-width=\"1.5\" fill=\"white\"\/>\n                            <path d=\"M19 9 L28.5 14.5 V25.5 L19 31 L9.5 25.5 V14.5 Z\"\n                                  stroke=\"#aaa\" stroke-width=\"0.8\" fill=\"none\"\/>\n                            <circle cx=\"19\" cy=\"19\" r=\"3.5\" fill=\"#333\"\/>\n                        <\/svg>\n                    <\/div>\n\n                    <!-- Bottom title row -->\n                    <div class=\"toto-vt-footer\">\n                        <span class=\"toto-vt-accent\"><\/span>\n                        <span class=\"toto-vt-card-title\">Invitation to extraordinary<\/span>\n                    <\/div>\n\n                    <!-- Hover ring -->\n                    <div class=\"toto-vt-hover-ring\" aria-hidden=\"true\"><\/div>\n\n                <\/div>\n                                <div class=\"toto-vt-card\"\n                     id=\"card-8592b7f\"\n                     role=\"button\"\n                     tabindex=\"0\"\n                     aria-label=\"Graceful harmony \u2014 Open Virtual Tour\"\n                     data-vr=\"https:\/\/www.toto.com\/inspiration_common\/vr\/house02\/p1\/index.html\"\n                     data-modal=\"toto-vt-25fcc34\">\n\n                    <!-- Background image -->\n                                        <div class=\"toto-vt-bg\" style=\"background-image: url('https:\/\/www.totoksa.com\/wp-content\/uploads\/2026\/03\/img24.webp')\"><\/div>\n                    \n                    <!-- Dark gradient overlay -->\n                    <div class=\"toto-vt-overlay\"><\/div>\n\n                    <!-- Logo badge (top-right) -->\n                    <div class=\"toto-vt-badge\" aria-hidden=\"true\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 38 38\" fill=\"none\">\n                            <path d=\"M19 3 L34 11.5 V26.5 L19 35 L4 26.5 V11.5 Z\"\n                                  stroke=\"#333\" stroke-width=\"1.5\" fill=\"white\"\/>\n                            <path d=\"M19 9 L28.5 14.5 V25.5 L19 31 L9.5 25.5 V14.5 Z\"\n                                  stroke=\"#aaa\" stroke-width=\"0.8\" fill=\"none\"\/>\n                            <circle cx=\"19\" cy=\"19\" r=\"3.5\" fill=\"#333\"\/>\n                        <\/svg>\n                    <\/div>\n\n                    <!-- Bottom title row -->\n                    <div class=\"toto-vt-footer\">\n                        <span class=\"toto-vt-accent\"><\/span>\n                        <span class=\"toto-vt-card-title\">Graceful harmony<\/span>\n                    <\/div>\n\n                    <!-- Hover ring -->\n                    <div class=\"toto-vt-hover-ring\" aria-hidden=\"true\"><\/div>\n\n                <\/div>\n                                <div class=\"toto-vt-card\"\n                     id=\"card-8df3688\"\n                     role=\"button\"\n                     tabindex=\"0\"\n                     aria-label=\"Peaceful cocoon \u2014 Open Virtual Tour\"\n                     data-vr=\"https:\/\/www.toto.com\/inspiration_common\/vr\/house02\/p3\/index.html\"\n                     data-modal=\"toto-vt-25fcc34\">\n\n                    <!-- Background image -->\n                                        <div class=\"toto-vt-bg\" style=\"background-image: url('https:\/\/www.totoksa.com\/wp-content\/uploads\/2026\/03\/img26.webp')\"><\/div>\n                    \n                    <!-- Dark gradient overlay -->\n                    <div class=\"toto-vt-overlay\"><\/div>\n\n                    <!-- Logo badge (top-right) -->\n                    <div class=\"toto-vt-badge\" aria-hidden=\"true\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 38 38\" fill=\"none\">\n                            <path d=\"M19 3 L34 11.5 V26.5 L19 35 L4 26.5 V11.5 Z\"\n                                  stroke=\"#333\" stroke-width=\"1.5\" fill=\"white\"\/>\n                            <path d=\"M19 9 L28.5 14.5 V25.5 L19 31 L9.5 25.5 V14.5 Z\"\n                                  stroke=\"#aaa\" stroke-width=\"0.8\" fill=\"none\"\/>\n                            <circle cx=\"19\" cy=\"19\" r=\"3.5\" fill=\"#333\"\/>\n                        <\/svg>\n                    <\/div>\n\n                    <!-- Bottom title row -->\n                    <div class=\"toto-vt-footer\">\n                        <span class=\"toto-vt-accent\"><\/span>\n                        <span class=\"toto-vt-card-title\">Peaceful cocoon<\/span>\n                    <\/div>\n\n                    <!-- Hover ring -->\n                    <div class=\"toto-vt-hover-ring\" aria-hidden=\"true\"><\/div>\n\n                <\/div>\n                                <div class=\"toto-vt-card\"\n                     id=\"card-3d71735\"\n                     role=\"button\"\n                     tabindex=\"0\"\n                     aria-label=\"Urban monopoly \u2014 Open Virtual Tour\"\n                     data-vr=\"https:\/\/www.toto.com\/inspiration_common\/vr\/house\/p1\/index.html\"\n                     data-modal=\"toto-vt-25fcc34\">\n\n                    <!-- Background image -->\n                                        <div class=\"toto-vt-bg\" style=\"background-image: url('https:\/\/www.totoksa.com\/wp-content\/uploads\/2026\/03\/img17-1.webp')\"><\/div>\n                    \n                    <!-- Dark gradient overlay -->\n                    <div class=\"toto-vt-overlay\"><\/div>\n\n                    <!-- Logo badge (top-right) -->\n                    <div class=\"toto-vt-badge\" aria-hidden=\"true\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 38 38\" fill=\"none\">\n                            <path d=\"M19 3 L34 11.5 V26.5 L19 35 L4 26.5 V11.5 Z\"\n                                  stroke=\"#333\" stroke-width=\"1.5\" fill=\"white\"\/>\n                            <path d=\"M19 9 L28.5 14.5 V25.5 L19 31 L9.5 25.5 V14.5 Z\"\n                                  stroke=\"#aaa\" stroke-width=\"0.8\" fill=\"none\"\/>\n                            <circle cx=\"19\" cy=\"19\" r=\"3.5\" fill=\"#333\"\/>\n                        <\/svg>\n                    <\/div>\n\n                    <!-- Bottom title row -->\n                    <div class=\"toto-vt-footer\">\n                        <span class=\"toto-vt-accent\"><\/span>\n                        <span class=\"toto-vt-card-title\">Urban monopoly<\/span>\n                    <\/div>\n\n                    <!-- Hover ring -->\n                    <div class=\"toto-vt-hover-ring\" aria-hidden=\"true\"><\/div>\n\n                <\/div>\n                                <div class=\"toto-vt-card\"\n                     id=\"card-2100372\"\n                     role=\"button\"\n                     tabindex=\"0\"\n                     aria-label=\"Calm extraordinaire \u2014 Open Virtual Tour\"\n                     data-vr=\"https:\/\/www.toto.com\/inspiration_common\/vr\/house\/p2\/index.html\"\n                     data-modal=\"toto-vt-25fcc34\">\n\n                    <!-- Background image -->\n                                        <div class=\"toto-vt-bg\" style=\"background-image: url('https:\/\/www.totoksa.com\/wp-content\/uploads\/2026\/03\/img18.webp')\"><\/div>\n                    \n                    <!-- Dark gradient overlay -->\n                    <div class=\"toto-vt-overlay\"><\/div>\n\n                    <!-- Logo badge (top-right) -->\n                    <div class=\"toto-vt-badge\" aria-hidden=\"true\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 38 38\" fill=\"none\">\n                            <path d=\"M19 3 L34 11.5 V26.5 L19 35 L4 26.5 V11.5 Z\"\n                                  stroke=\"#333\" stroke-width=\"1.5\" fill=\"white\"\/>\n                            <path d=\"M19 9 L28.5 14.5 V25.5 L19 31 L9.5 25.5 V14.5 Z\"\n                                  stroke=\"#aaa\" stroke-width=\"0.8\" fill=\"none\"\/>\n                            <circle cx=\"19\" cy=\"19\" r=\"3.5\" fill=\"#333\"\/>\n                        <\/svg>\n                    <\/div>\n\n                    <!-- Bottom title row -->\n                    <div class=\"toto-vt-footer\">\n                        <span class=\"toto-vt-accent\"><\/span>\n                        <span class=\"toto-vt-card-title\">Calm extraordinaire<\/span>\n                    <\/div>\n\n                    <!-- Hover ring -->\n                    <div class=\"toto-vt-hover-ring\" aria-hidden=\"true\"><\/div>\n\n                <\/div>\n                                <div class=\"toto-vt-card\"\n                     id=\"card-ab8a13f\"\n                     role=\"button\"\n                     tabindex=\"0\"\n                     aria-label=\"Forest bathing \u2014 Open Virtual Tour\"\n                     data-vr=\"https:\/\/www.toto.com\/inspiration_common\/vr\/house\/p3\/index.html\"\n                     data-modal=\"toto-vt-25fcc34\">\n\n                    <!-- Background image -->\n                                        <div class=\"toto-vt-bg\" style=\"background-image: url('https:\/\/www.totoksa.com\/wp-content\/uploads\/2026\/03\/img19.webp')\"><\/div>\n                    \n                    <!-- Dark gradient overlay -->\n                    <div class=\"toto-vt-overlay\"><\/div>\n\n                    <!-- Logo badge (top-right) -->\n                    <div class=\"toto-vt-badge\" aria-hidden=\"true\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 38 38\" fill=\"none\">\n                            <path d=\"M19 3 L34 11.5 V26.5 L19 35 L4 26.5 V11.5 Z\"\n                                  stroke=\"#333\" stroke-width=\"1.5\" fill=\"white\"\/>\n                            <path d=\"M19 9 L28.5 14.5 V25.5 L19 31 L9.5 25.5 V14.5 Z\"\n                                  stroke=\"#aaa\" stroke-width=\"0.8\" fill=\"none\"\/>\n                            <circle cx=\"19\" cy=\"19\" r=\"3.5\" fill=\"#333\"\/>\n                        <\/svg>\n                    <\/div>\n\n                    <!-- Bottom title row -->\n                    <div class=\"toto-vt-footer\">\n                        <span class=\"toto-vt-accent\"><\/span>\n                        <span class=\"toto-vt-card-title\">Forest bathing<\/span>\n                    <\/div>\n\n                    <!-- Hover ring -->\n                    <div class=\"toto-vt-hover-ring\" aria-hidden=\"true\"><\/div>\n\n                <\/div>\n                                <div class=\"toto-vt-card\"\n                     id=\"card-30fd7fc\"\n                     role=\"button\"\n                     tabindex=\"0\"\n                     aria-label=\" Suite blues \u2014 Open Virtual Tour\"\n                     data-vr=\"https:\/\/www.toto.com\/inspiration_common\/vr\/house\/p4\/index.html\"\n                     data-modal=\"toto-vt-25fcc34\">\n\n                    <!-- Background image -->\n                                        <div class=\"toto-vt-bg\" style=\"background-image: url('https:\/\/www.totoksa.com\/wp-content\/uploads\/2026\/03\/img20.webp')\"><\/div>\n                    \n                    <!-- Dark gradient overlay -->\n                    <div class=\"toto-vt-overlay\"><\/div>\n\n                    <!-- Logo badge (top-right) -->\n                    <div class=\"toto-vt-badge\" aria-hidden=\"true\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 38 38\" fill=\"none\">\n                            <path d=\"M19 3 L34 11.5 V26.5 L19 35 L4 26.5 V11.5 Z\"\n                                  stroke=\"#333\" stroke-width=\"1.5\" fill=\"white\"\/>\n                            <path d=\"M19 9 L28.5 14.5 V25.5 L19 31 L9.5 25.5 V14.5 Z\"\n                                  stroke=\"#aaa\" stroke-width=\"0.8\" fill=\"none\"\/>\n                            <circle cx=\"19\" cy=\"19\" r=\"3.5\" fill=\"#333\"\/>\n                        <\/svg>\n                    <\/div>\n\n                    <!-- Bottom title row -->\n                    <div class=\"toto-vt-footer\">\n                        <span class=\"toto-vt-accent\"><\/span>\n                        <span class=\"toto-vt-card-title\"> Suite blues<\/span>\n                    <\/div>\n\n                    <!-- Hover ring -->\n                    <div class=\"toto-vt-hover-ring\" aria-hidden=\"true\"><\/div>\n\n                <\/div>\n                                <div class=\"toto-vt-card\"\n                     id=\"card-002a42a\"\n                     role=\"button\"\n                     tabindex=\"0\"\n                     aria-label=\"Graceful harmony \u2014 Open Virtual Tour\"\n                     data-vr=\"https:\/\/www.toto.com\/inspiration_common\/vr\/house02\/p1\/index.html\"\n                     data-modal=\"toto-vt-25fcc34\">\n\n                    <!-- Background image -->\n                                        <div class=\"toto-vt-bg\" style=\"background-image: url('https:\/\/www.totoksa.com\/wp-content\/uploads\/2026\/03\/img24.webp')\"><\/div>\n                    \n                    <!-- Dark gradient overlay -->\n                    <div class=\"toto-vt-overlay\"><\/div>\n\n                    <!-- Logo badge (top-right) -->\n                    <div class=\"toto-vt-badge\" aria-hidden=\"true\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 38 38\" fill=\"none\">\n                            <path d=\"M19 3 L34 11.5 V26.5 L19 35 L4 26.5 V11.5 Z\"\n                                  stroke=\"#333\" stroke-width=\"1.5\" fill=\"white\"\/>\n                            <path d=\"M19 9 L28.5 14.5 V25.5 L19 31 L9.5 25.5 V14.5 Z\"\n                                  stroke=\"#aaa\" stroke-width=\"0.8\" fill=\"none\"\/>\n                            <circle cx=\"19\" cy=\"19\" r=\"3.5\" fill=\"#333\"\/>\n                        <\/svg>\n                    <\/div>\n\n                    <!-- Bottom title row -->\n                    <div class=\"toto-vt-footer\">\n                        <span class=\"toto-vt-accent\"><\/span>\n                        <span class=\"toto-vt-card-title\">Graceful harmony<\/span>\n                    <\/div>\n\n                    <!-- Hover ring -->\n                    <div class=\"toto-vt-hover-ring\" aria-hidden=\"true\"><\/div>\n\n                <\/div>\n                \n            <\/div><!-- \/.toto-vt-grid -->\n\n            <!-- \u2500\u2500 Modal (iframe popup) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n            <div class=\"toto-vt-modal\" id=\"toto-vt-25fcc34\"\n                 role=\"dialog\" aria-modal=\"true\" aria-label=\"Virtual Tour\">\n                <div class=\"toto-vt-modal-bd\"><\/div>\n                <div class=\"toto-vt-modal-box\">\n                    <div class=\"toto-vt-modal-top\">\n                        <span class=\"toto-vt-modal-lbl\"><\/span>\n                        <button class=\"toto-vt-modal-close\" aria-label=\"Close\">&#10005;<\/button>\n                    <\/div>\n                    <div class=\"toto-vt-frame-wrap\">\n                        <iframe class=\"toto-vt-iframe\"\n                                src=\"\"\n                                allowfullscreen\n                                allow=\"xr-spatial-tracking; gyroscope; accelerometer\">\n                        <\/iframe>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n        <\/div><!-- \/.toto-vt-wrap -->\n\n        <script>\n        (function(){\n            var grid = document.querySelector('#toto-vt-25fcc34').closest('.toto-vt-wrap');\n            if (!grid) return;\n\n            var modal     = document.getElementById('toto-vt-25fcc34');\n            var iframe    = modal.querySelector('.toto-vt-iframe');\n            var labelEl   = modal.querySelector('.toto-vt-modal-lbl');\n            var closeBtn  = modal.querySelector('.toto-vt-modal-close');\n            var backdrop  = modal.querySelector('.toto-vt-modal-bd');\n\n            function openModal(url, label) {\n                iframe.src      = url;\n                labelEl.textContent = label;\n                modal.classList.add('toto-vt-open');\n                document.body.style.overflow = 'hidden';\n            }\n            function closeModal() {\n                modal.classList.remove('toto-vt-open');\n                iframe.src = '';\n                document.body.style.overflow = '';\n            }\n\n            \/\/ Cards click \/ keyboard\n            grid.querySelectorAll('.toto-vt-card').forEach(function(card) {\n                function trigger() {\n                    openModal(\n                        card.dataset.vr,\n                        card.querySelector('.toto-vt-card-title').textContent.trim()\n                    );\n                }\n                card.addEventListener('click', trigger);\n                card.addEventListener('keydown', function(e) {\n                    if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); trigger(); }\n                });\n            });\n\n            closeBtn.addEventListener('click', closeModal);\n            backdrop.addEventListener('click', closeModal);\n            document.addEventListener('keydown', function(e) {\n                if (e.key === 'Escape' && modal.classList.contains('toto-vt-open')) closeModal();\n            });\n        })();\n        <\/script>\n\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Invitation to extraordinary Graceful harmony Peaceful cocoon Urban monopoly Calm extraordinaire Forest bathing Suite blues Graceful harmony &#10005;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-297","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.totoksa.com\/en\/wp-json\/wp\/v2\/pages\/297","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.totoksa.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.totoksa.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.totoksa.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.totoksa.com\/en\/wp-json\/wp\/v2\/comments?post=297"}],"version-history":[{"count":1,"href":"https:\/\/www.totoksa.com\/en\/wp-json\/wp\/v2\/pages\/297\/revisions"}],"predecessor-version":[{"id":7375,"href":"https:\/\/www.totoksa.com\/en\/wp-json\/wp\/v2\/pages\/297\/revisions\/7375"}],"wp:attachment":[{"href":"https:\/\/www.totoksa.com\/en\/wp-json\/wp\/v2\/media?parent=297"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}