{"id":1661,"date":"2026-07-24T05:37:50","date_gmt":"2026-07-24T05:37:50","guid":{"rendered":"https:\/\/www.hitway.com.co\/?page_id=1661"},"modified":"2026-07-24T09:25:11","modified_gmt":"2026-07-24T09:25:11","slug":"product","status":"publish","type":"page","link":"https:\/\/www.hitway.com.co\/es\/product\/","title":{"rendered":"Productos"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1661\" class=\"elementor elementor-1661\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3a31dfd e-flex e-con-boxed e-con e-parent\" data-id=\"3a31dfd\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-d5b2ddf e-con-full e-flex e-con e-child\" data-id=\"d5b2ddf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ee867b1 elementor-widget elementor-widget-html\" data-id=\"ee867b1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n    <style>\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        body {\r\n            font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\r\n            background: #f5f6f8;\r\n            color: #1a1a2e;\r\n            min-height: 100vh;\r\n        }\r\n\r\n        \/* \u9876\u90e8\u5bfc\u822a\u680f *\/\r\n        .top-nav {\r\n            background: #fff;\r\n            border-bottom: 1px solid #e8e8e8;\r\n            padding: 0 40px;\r\n            position: sticky;\r\n            top: 0;\r\n            z-index: 100;\r\n        }\r\n\r\n        .top-nav-inner {\r\n            max-width: 1400px;\r\n            margin: 0 auto;\r\n            display: flex;\r\n            align-items: center;\r\n            height: 64px;\r\n            gap: 32px;\r\n        }\r\n\r\n        .logo {\r\n            font-size: 22px;\r\n            font-weight: 700;\r\n            color: #FDB00A;\r\n            letter-spacing: -0.5px;\r\n        }\r\n\r\n        .nav-links {\r\n            display: flex;\r\n            gap: 28px;\r\n            list-style: none;\r\n        }\r\n\r\n        .nav-links a {\r\n            text-decoration: none;\r\n            color: #666;\r\n            font-size: 14px;\r\n            font-weight: 500;\r\n            padding: 8px 0;\r\n            position: relative;\r\n            transition: color 0.2s;\r\n        }\r\n\r\n        .nav-links a:hover,\r\n        .nav-links a.active {\r\n            color: #FDB00A;\r\n        }\r\n\r\n        .nav-links a.active::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: -16px;\r\n            left: 0;\r\n            right: 0;\r\n            height: 2px;\r\n            background: #FDB00A;\r\n        }\r\n\r\n        \/* \u4e3b\u4f53\u5e03\u5c40 *\/\r\n        .main-container {\r\n            max-width: 1400px;\r\n            margin: 0 auto;\r\n            display: flex;\r\n            gap: 0;\r\n            min-height: calc(100vh - 64px);\r\n        }\r\n\r\n        \/* \u5de6\u4fa7\u5206\u7c7b\u5bfc\u822a *\/\r\n        .sidebar {\r\n            width: 240px;\r\n            background: #fff;\r\n            border-right: 1px solid #e8e8e8;\r\n            padding: 24px 0;\r\n            flex-shrink: 0;\r\n            position: sticky;\r\n            top: 64px;\r\n            height: calc(100vh - 64px);\r\n            overflow-y: auto;\r\n        }\r\n\r\n        .category-group {\r\n            margin-bottom: 4px;\r\n        }\r\n\r\n        .category-header {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: space-between;\r\n            padding: 12px 24px;\r\n            cursor: pointer;\r\n            transition: background 0.15s;\r\n            border-radius: 0;\r\n        }\r\n\r\n        .category-header:hover {\r\n            background: #FFF8E5;\r\n        }\r\n\r\n        .category-header.active {\r\n            background: #FFF8E5;\r\n        }\r\n\r\n        .category-header.active .category-name {\r\n            color: #FDB00A;\r\n            font-weight: 600;\r\n        }\r\n\r\n        .category-name {\r\n            font-size: 14px;\r\n            font-weight: 500;\r\n            color: #333;\r\n            transition: color 0.2s;\r\n        }\r\n\r\n        .category-arrow {\r\n            width: 16px;\r\n            height: 16px;\r\n            transition: transform 0.25s ease;\r\n            color: #999;\r\n        }\r\n\r\n        .category-group.expanded .category-arrow {\r\n            transform: rotate(90deg);\r\n        }\r\n\r\n        .sub-items {\r\n            max-height: 0;\r\n            overflow: hidden;\r\n            transition: max-height 0.35s ease;\r\n            background: #fafbfc;\r\n        }\r\n\r\n        .category-group.expanded .sub-items {\r\n            max-height: 600px;\r\n        }\r\n\r\n        .sub-item {\r\n            padding: 10px 24px 10px 40px;\r\n            font-size: 13px;\r\n            color: #555;\r\n            cursor: pointer;\r\n            transition: all 0.15s;\r\n            border-left: 3px solid transparent;\r\n        }\r\n\r\n        .sub-item:hover {\r\n            background: #FFF8E5;\r\n            color: #FDB00A;\r\n        }\r\n\r\n        .sub-item.active {\r\n            background: #FFF8E5;\r\n            color: #FDB00A;\r\n            border-left-color: #FDB00A;\r\n            font-weight: 500;\r\n        }\r\n\r\n        \/* \u53f3\u4fa7\u5185\u5bb9\u533a *\/\r\n        .content-area {\r\n            flex: 1;\r\n            padding: 32px 40px;\r\n        }\r\n\r\n        \/* \u6807\u7b7e\u9875\u5bfc\u822a *\/\r\n        .tab-nav {\r\n            display: flex;\r\n            gap: 0;\r\n            border-bottom: 1px solid #e0e0e0;\r\n            margin-bottom: 32px;\r\n        }\r\n\r\n        .tab-btn {\r\n            padding: 12px 24px;\r\n            background: none;\r\n            border: none;\r\n            font-size: 15px;\r\n            font-weight: 500;\r\n            color: #888;\r\n            cursor: pointer;\r\n            position: relative;\r\n            transition: color 0.2s;\r\n            font-family: inherit;\r\n        }\r\n\r\n        .tab-btn:hover {\r\n            color: #333;\r\n        }\r\n\r\n        .tab-btn.active {\r\n            color: #FDB00A;\r\n            font-weight: 600;\r\n        }\r\n\r\n        .tab-btn.active::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: -1px;\r\n            left: 0;\r\n            right: 0;\r\n            height: 2px;\r\n            background: #FDB00A;\r\n        }\r\n\r\n        \/* \u4ea7\u54c1\u7f51\u683c *\/\r\n        .products-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));\r\n            gap: 24px;\r\n        }\r\n\r\n        .product-card {\r\n            background: #fff;\r\n            border-radius: 16px;\r\n            overflow: hidden;\r\n            box-shadow: 0 2px 8px rgba(0,0,0,0.04);\r\n            transition: all 0.3s ease;\r\n            cursor: pointer;\r\n            border: 1px solid #f0f0f0;\r\n        }\r\n\r\n        .product-card:hover {\r\n            transform: translateY(-4px);\r\n            box-shadow: 0 12px 32px rgba(0,0,0,0.08);\r\n            border-color: #e0e0e0;\r\n        }\r\n\r\n        .product-image {\r\n            width: 100%;\r\n            height: 290px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .product-image img {\r\n            width: 85%;\r\n            height: auto;\r\n            object-fit: contain;\r\n            transition: transform 0.4s ease;\r\n            cursor: zoom-in; \/* \u63d0\u793a\u53ef\u70b9\u51fb *\/\r\n        }\r\n\r\n        .product-card:hover .product-image img {\r\n            transform: scale(1.05);\r\n        }\r\n\r\n        .product-badge {\r\n            position: absolute;\r\n            top: 12px;\r\n            left: 12px;\r\n            background: #FDB00A;\r\n            color: #fff;\r\n            font-size: 11px;\r\n            font-weight: 600;\r\n            padding: 4px 10px;\r\n            border-radius: 20px;\r\n            letter-spacing: 0.3px;\r\n        }\r\n\r\n        .product-info {\r\n            padding: 16px 20px 20px;\r\n            display: none;\r\n        }\r\n\r\n        .product-name {\r\n            font-size: 14px;\r\n            font-weight: 600;\r\n            color: #1a1a2e;\r\n            line-height: 1.5;\r\n            margin-bottom: 8px;\r\n            display: -webkit-box;\r\n            -webkit-line-clamp: 2;\r\n            -webkit-box-orient: vertical;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .product-specs {\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            gap: 6px;\r\n            margin-bottom: 12px;\r\n        }\r\n\r\n        .spec-tag {\r\n            font-size: 11px;\r\n            color: #666;\r\n            background: #f0f0f0;\r\n            padding: 3px 8px;\r\n            border-radius: 4px;\r\n        }\r\n\r\n        .product-price {\r\n            font-size: 18px;\r\n            font-weight: 700;\r\n            color: #FDB00A;\r\n        }\r\n\r\n        .product-price .currency {\r\n            font-size: 13px;\r\n            font-weight: 500;\r\n            margin-right: 2px;\r\n        }\r\n\r\n        \/* \u67e5\u770b\u66f4\u591a *\/\r\n        .view-all {\r\n            display: none;\r\n            align-items: center;\r\n            justify-content: flex-end;\r\n            margin-top: 32px;\r\n            padding-top: 16px;\r\n            border-top: 1px solid #eee;\r\n        }\r\n\r\n        .view-all-link {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            color: #666;\r\n            text-decoration: none;\r\n            font-size: 14px;\r\n            font-weight: 500;\r\n            transition: color 0.2s;\r\n        }\r\n\r\n        .view-all-link:hover {\r\n            color: #FDB00A;\r\n        }\r\n\r\n        .view-all-link svg {\r\n            width: 18px;\r\n            height: 18px;\r\n            transition: transform 0.2s;\r\n        }\r\n\r\n        .view-all-link:hover svg {\r\n            transform: translateX(4px);\r\n        }\r\n\r\n        \/* \u7a7a\u72b6\u6001 *\/\r\n        .empty-state {\r\n            text-align: center;\r\n            padding: 80px 20px;\r\n            color: #999;\r\n        }\r\n\r\n        .empty-state svg {\r\n            width: 64px;\r\n            height: 64px;\r\n            margin-bottom: 16px;\r\n            opacity: 0.3;\r\n        }\r\n\r\n        .empty-state p {\r\n            font-size: 15px;\r\n        }\r\n\r\n        \/* \u6eda\u52a8\u6761\u7f8e\u5316 *\/\r\n        .sidebar::-webkit-scrollbar {\r\n            width: 4px;\r\n        }\r\n\r\n        .sidebar::-webkit-scrollbar-track {\r\n            background: transparent;\r\n        }\r\n\r\n        .sidebar::-webkit-scrollbar-thumb {\r\n            background: #ddd;\r\n            border-radius: 2px;\r\n        }\r\n\r\n        \/* ==================== \u56fe\u7247\u5f39\u7a97 Lightbox ==================== *\/\r\n        .lightbox-overlay {\r\n            position: fixed;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            background: rgba(0, 0, 0, 0.85);\r\n            backdrop-filter: blur(4px);\r\n            z-index: 9999;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            opacity: 0;\r\n            visibility: hidden;\r\n            transition: opacity 0.3s ease, visibility 0.3s ease;\r\n            padding: 40px;\r\n        }\r\n\r\n        .lightbox-overlay.active {\r\n            opacity: 1;\r\n            visibility: visible;\r\n        }\r\n\r\n        .lightbox-content {\r\n            position: relative;\r\n            max-width: 90vw;\r\n            max-height: 90vh;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n        }\r\n\r\n        .lightbox-content img {\r\n            max-width: 100%;\r\n            max-height: 85vh;\r\n            object-fit: contain;\r\n            border-radius: 12px;\r\n            box-shadow: 0 20px 60px rgba(0,0,0,0.4);\r\n            transform: scale(0.9);\r\n            transition: transform 0.3s ease;\r\n        }\r\n\r\n        .lightbox-overlay.active .lightbox-content img {\r\n            transform: scale(1);\r\n        }\r\n\r\n        \/* \u5173\u95ed\u6309\u94ae *\/\r\n        .lightbox-close {\r\n            position: absolute;\r\n            top: -48px;\r\n            right: 0;\r\n            width: 40px;\r\n            height: 40px;\r\n            background: rgba(255,255,255,0.15);\r\n            border: none;\r\n            border-radius: 50%;\r\n            cursor: pointer;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            color: #fff;\r\n            transition: background 0.2s, transform 0.2s;\r\n            z-index: 10;\r\n        }\r\n\r\n        .lightbox-close:hover {\r\n            background: rgba(255,255,255,0.3);\r\n            transform: rotate(90deg);\r\n        }\r\n\r\n        .lightbox-close svg {\r\n            width: 20px;\r\n            height: 20px;\r\n        }\r\n\r\n        \/* \u56fe\u7247\u6807\u9898 *\/\r\n        .lightbox-caption {\r\n            position: absolute;\r\n            bottom: -40px;\r\n            left: 0;\r\n            right: 0;\r\n            text-align: center;\r\n            color: rgba(255,255,255,0.8);\r\n            font-size: 14px;\r\n            font-weight: 500;\r\n        }\r\n\r\n        \/* \u54cd\u5e94\u5f0f *\/\r\n        @media (max-width: 1024px) {\r\n            .sidebar {\r\n                width: 200px;\r\n            }\r\n            .content-area {\r\n                padding: 24px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .main-container {\r\n                flex-direction: column;\r\n            }\r\n            .sidebar {\r\n                width: 100%;\r\n                height: auto;\r\n                position: relative;\r\n                top: 0;\r\n                border-right: none;\r\n                border-bottom: 1px solid #e8e8e8;\r\n                padding: 16px 0;\r\n            }\r\n            .content-area {\r\n                padding: 20px;\r\n            }\r\n            .products-grid {\r\n                grid-template-columns: repeat(2, 1fr);\r\n                gap: 16px;\r\n            }\r\n            .lightbox-overlay {\r\n                padding: 20px;\r\n            }\r\n            .lightbox-close {\r\n                top: -40px;\r\n                right: -10px;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n\r\n\r\n\r\n    <div class=\"main-container\">\r\n        <!-- \u5de6\u4fa7\u5206\u7c7b\u5bfc\u822a -->\r\n        <aside class=\"sidebar\" id=\"sidebar\">\r\n            <!-- \u52a8\u6001\u751f\u6210 -->\r\n        <\/aside>\r\n\r\n        <!-- \u53f3\u4fa7\u5185\u5bb9\u533a -->\r\n        <main class=\"content-area\">\r\n            <!-- \u6807\u7b7e\u9875 -->\r\n            <div class=\"tab-nav\" id=\"tabNav\">\r\n                <!-- \u52a8\u6001\u751f\u6210 -->\r\n            <\/div>\r\n\r\n            <!-- \u4ea7\u54c1\u7f51\u683c -->\r\n            <div class=\"products-grid\" id=\"productsGrid\">\r\n                <!-- \u52a8\u6001\u751f\u6210 -->\r\n            <\/div>\r\n\r\n            <!-- \u67e5\u770b\u66f4\u591a -->\r\n            <div class=\"view-all\" id=\"viewAll\">\r\n                <a href=\"#\" class=\"view-all-link\">\r\n                    Shop All <span id=\"currentCategoryName\">Commuting<\/span>\r\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                        <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\r\n                        <polyline points=\"12 5 19 12 12 19\"><\/polyline>\r\n                    <\/svg>\r\n                <\/a>\r\n            <\/div>\r\n        <\/main>\r\n    <\/div>\r\n\r\n    <!-- ==================== \u56fe\u7247\u5f39\u7a97 Lightbox ==================== -->\r\n    <div class=\"lightbox-overlay\" id=\"lightbox\">\r\n        <div class=\"lightbox-content\">\r\n            <button class=\"lightbox-close\" id=\"lightboxClose\" aria-label=\"\u5173\u95ed\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                    <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"><\/line>\r\n                    <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"><\/line>\r\n                <\/svg>\r\n            <\/button>\r\n            <img decoding=\"async\" src=\"\" alt=\"\" id=\"lightboxImg\">\r\n            <div class=\"lightbox-caption\" id=\"lightboxCaption\"><\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        \/\/ \u6570\u636e\u5b9a\u4e49\r\n        const categories = {\r\n            'E-Bike': {\r\n                subCategories: ['HY9S PRO', 'BK5S', 'BK6SL','BK29M','X5'],\r\n                products: {\r\n                    'HY9S PRO': [\r\n                        { name: '', specs: ['20\"', '32km\/h', '36V'], price: '1,299', badge: 'Hot', image: 'https:\/\/www.hitway.com.co\/wp-content\/uploads\/2026\/07\/HY9SPRO.jpg' },\r\n                    ],\r\n                    'BK5S': [\r\n                        { name: '', specs: ['27.5\"', '500W', '48V'], price: '1,899', badge: 'Hot', image: 'https:\/\/www.hitway.com.co\/wp-content\/uploads\/2026\/07\/BK5S.jpg' },\r\n                    ],\r\n                    'BK6SL': [\r\n                        { name: '', specs: ['16\"', '250W', '36V'], price: '799', badge: 'Hot', image: 'https:\/\/www.hitway.com.co\/wp-content\/uploads\/2026\/07\/BK6SL.jpg' },\r\n                    ],\r\n                    'BK29M': [\r\n                        { name: '', specs: ['16\"', '250W', '36V'], price: '799', badge: 'Hot', image: 'https:\/\/www.hitway.com.co\/wp-content\/uploads\/2026\/07\/BK29M-2.jpg' },\r\n                    ],\r\n                    'X5': [\r\n                        { name: '', specs: ['16\"', '250W', '36V'], price: '799', badge: 'Hot', image: 'https:\/\/www.hitway.com.co\/wp-content\/uploads\/2026\/07\/HY5.jpg' },\r\n                    ],\r\n                }\r\n            },\r\n            'E-Scooter': {\r\n                subCategories: ['H7', 'H18', 'W15','H15 PRO','H18 MAX'],\r\n                products: {\r\n                    'H7': [\r\n                        { name: '', specs: ['350W', '25km\/h', '10.4Ah'], price: '499', badge: 'Hot', image: 'https:\/\/www.hitway.com.co\/wp-content\/uploads\/2026\/07\/H7.jpg' },\r\n                    ],\r\n                    'H18': [\r\n                        { name: '', specs: ['800W', '45km\/h', '20Ah'], price: '1,199', badge: 'Hot', image: 'https:\/\/www.hitway.com.co\/wp-content\/uploads\/2026\/07\/H18.jpg' },\r\n                    ],\r\n                    'W15': [\r\n                        { name: '', specs: ['150W', '15km\/h', '5Ah'], price: '199', badge: 'Hot', image: 'https:\/\/www.hitway.com.co\/wp-content\/uploads\/2026\/07\/W15.jpg' },\r\n                    ],\r\n                    'H15 PRO': [\r\n                        { name: '', specs: ['150W', '15km\/h', '5Ah'], price: '199', badge: 'Hot', image: 'https:\/\/www.hitway.com.co\/wp-content\/uploads\/2026\/07\/H15-PRO.jpg' },\r\n                    ],\r\n                    'H18 MAX': [\r\n                        { name: '', specs: ['150W', '15km\/h', '5Ah'], price: '199', badge: 'Hot', image: 'https:\/\/www.hitway.com.co\/wp-content\/uploads\/2026\/07\/H18-MAX-1.jpg' },\r\n                    ],\r\n                }\r\n            },\r\n            'E-Motorcycle': {\r\n                subCategories: ['DH1', 'SL1', 'HL1','DM1','DM3','DM5','DM7','DM8','DM10','FX1','FX6','FX5'],\r\n                products: {\r\n                    'DH1': [\r\n                        { name: '', specs: ['350W', '25km\/h', '10.4Ah'], price: '499', badge: 'Hot', image: 'https:\/\/www.hitway.com.co\/wp-content\/uploads\/2026\/07\/DH1-1.jpg' },\r\n                    ],\r\n                    'SL1': [\r\n                        { name: '', specs: ['800W', '45km\/h', '20Ah'], price: '1,199', badge: 'Hot', image: 'https:\/\/www.hitway.com.co\/wp-content\/uploads\/2026\/07\/SL1.jpg' },\r\n                    ],\r\n                    'HL1': [\r\n                        { name: '', specs: ['150W', '15km\/h', '5Ah'], price: '199', badge: 'Hot', image: 'https:\/\/www.hitway.com.co\/wp-content\/uploads\/2026\/07\/HL1.jpg' },\r\n                    ],\r\n                   \r\n                    'DM1': [\r\n                        { name: '', specs: ['150W', '15km\/h', '5Ah'], price: '199', badge: 'Hot', image: 'https:\/\/www.hitway.com.co\/wp-content\/uploads\/2026\/07\/DM1X.jpg' },\r\n                    ],\r\n                    'DM3': [\r\n                        { name: '', specs: ['150W', '15km\/h', '5Ah'], price: '199', badge: 'Hot', image: 'https:\/\/www.hitway.com.co\/wp-content\/uploads\/2026\/07\/DM3X-1.jpg' },\r\n                    ],\r\n                    'DM5': [\r\n                        { name: '', specs: ['150W', '15km\/h', '5Ah'], price: '199', badge: 'Hot', image: 'https:\/\/www.hitway.com.co\/wp-content\/uploads\/2026\/07\/DM5X.jpg' },\r\n                    ],\r\n                    'DM7': [\r\n                        { name: '', specs: ['150W', '15km\/h', '5Ah'], price: '199', badge: 'Hot', image: 'https:\/\/www.hitway.com.co\/wp-content\/uploads\/2026\/07\/DM7.jpg' },\r\n                    ],\r\n                    'DM8': [\r\n                        { name: '', specs: ['150W', '15km\/h', '5Ah'], price: '199', badge: 'Hot', image: 'https:\/\/www.hitway.com.co\/wp-content\/uploads\/2026\/07\/DM8_Photo-Editor.jpg' },\r\n                    ],\r\n                    'DM10': [\r\n                        { name: '', specs: ['150W', '15km\/h', '5Ah'], price: '199', badge: 'Hot', image: 'https:\/\/www.hitway.com.co\/wp-content\/uploads\/2026\/07\/DM10.jpg' },\r\n                    ],\r\n                    'FX1': [\r\n                        { name: '', specs: ['150W', '15km\/h', '5Ah'], price: '199', badge: 'Hot', image: 'https:\/\/www.hitway.com.co\/wp-content\/uploads\/2026\/07\/FX1.jpg' },\r\n                    ],\r\n                    'FX6': [\r\n                        { name: '', specs: ['150W', '15km\/h', '5Ah'], price: '199', badge: 'Hot', image: 'https:\/\/www.hitway.com.co\/wp-content\/uploads\/2026\/07\/FX6.jpg' },\r\n                    ],\r\n                    'FX5': [\r\n                        { name: '', specs: ['150W', '15km\/h', '5Ah'], price: '199', badge: 'Hot', image: 'https:\/\/www.hitway.com.co\/wp-content\/uploads\/2026\/07\/FX5.jpg' },\r\n                    ],\r\n                }\r\n            },\r\n            'Kid Electric Motorcycle': {\r\n                subCategories: ['HT300', 'MTC15', 'HT600','HT700','HT900','MTC10','MTC12','MTC 12 PRO','MTC13'],\r\n                products: {\r\n                    'HT300': [\r\n                        { name: '', specs: ['350W', '25km\/h', '10.4Ah'], price: '499', badge: 'Hot', image: 'https:\/\/www.hitway.com.co\/wp-content\/uploads\/2026\/07\/HT300.jpg' },\r\n                    ],\r\n                    'MTC15': [\r\n                        { name: '', specs: ['800W', '45km\/h', '20Ah'], price: '1,199', badge: 'Hot', image: 'https:\/\/www.hitway.com.co\/wp-content\/uploads\/2026\/07\/MTC15-1.jpg' },\r\n                    ],\r\n                    'HT600': [\r\n                        { name: '', specs: ['150W', '15km\/h', '5Ah'], price: '199', badge: 'Hot', image: 'https:\/\/www.hitway.com.co\/wp-content\/uploads\/2026\/07\/HT600.jpg' },\r\n                    ],\r\n                    'HT700': [\r\n                        { name: '', specs: ['150W', '15km\/h', '5Ah'], price: '199', badge: 'Hot', image: 'https:\/\/www.hitway.com.co\/wp-content\/uploads\/2026\/07\/HT700.jpg' },\r\n                    ],\r\n                    'HT900': [\r\n                        { name: '', specs: ['150W', '15km\/h', '5Ah'], price: '199', badge: 'Hot', image: 'https:\/\/www.hitway.com.co\/wp-content\/uploads\/2026\/07\/HT900.jpg' },\r\n                    ],\r\n                    'MTC10': [\r\n                        { name: '', specs: ['150W', '15km\/h', '5Ah'], price: '199', badge: 'Hot', image: 'https:\/\/www.hitway.com.co\/wp-content\/uploads\/2026\/07\/MTC10.jpg' },\r\n                    ],\r\n                    'MTC12': [\r\n                        { name: '', specs: ['150W', '15km\/h', '5Ah'], price: '199', badge: 'Hot', image: 'https:\/\/www.hitway.com.co\/wp-content\/uploads\/2026\/07\/MTC12.jpg' },\r\n                    ],\r\n                    'MTC 12 PRO': [\r\n                        { name: '', specs: ['150W', '15km\/h', '5Ah'], price: '199', badge: 'Hot', image: 'https:\/\/www.hitway.com.co\/wp-content\/uploads\/2026\/07\/MTC12PRO.jpg' },\r\n                    ],\r\n                    'MTC13': [\r\n                        { name: '', specs: ['150W', '15km\/h', '5Ah'], price: '199', badge: 'Hot', image: 'https:\/\/www.hitway.com.co\/wp-content\/uploads\/2026\/07\/MTC13.jpg' },\r\n                    ],\r\n                    \r\n                }\r\n            },\r\n        };\r\n\r\n        \/\/ \u72b6\u6001\r\n        let currentCategory = 'E-Bike';\r\n        let currentSubCategory = 'HY9S PRO';\r\n\r\n        \/\/ ==================== \u5f39\u7a97\u76f8\u5173 DOM ====================\r\n        const lightbox = document.getElementById('lightbox');\r\n        const lightboxImg = document.getElementById('lightboxImg');\r\n        const lightboxCaption = document.getElementById('lightboxCaption');\r\n        const lightboxClose = document.getElementById('lightboxClose');\r\n\r\n        \/\/ \u6253\u5f00\u5f39\u7a97\r\n        function openLightbox(src, caption) {\r\n            lightboxImg.src = src;\r\n            lightboxCaption.textContent = caption || '';\r\n            lightbox.classList.add('active');\r\n            document.body.style.overflow = 'hidden'; \/\/ \u7981\u6b62\u80cc\u666f\u6eda\u52a8\r\n        }\r\n\r\n        \/\/ \u5173\u95ed\u5f39\u7a97\r\n        function closeLightbox() {\r\n            lightbox.classList.remove('active');\r\n            document.body.style.overflow = '';\r\n            \/\/ \u5ef6\u8fdf\u6e05\u7a7a src\uff0c\u907f\u514d\u5173\u95ed\u52a8\u753b\u65f6\u56fe\u7247\u95ea\u53d8\r\n            setTimeout(() => {\r\n                lightboxImg.src = '';\r\n                lightboxCaption.textContent = '';\r\n            }, 300);\r\n        }\r\n\r\n        \/\/ \u5173\u95ed\u6309\u94ae\u70b9\u51fb\r\n        lightboxClose.addEventListener('click', closeLightbox);\r\n\r\n        \/\/ \u70b9\u51fb\u906e\u7f69\u5c42\u5173\u95ed\uff08\u4f46\u4e0d\u70b9\u51fb\u56fe\u7247\u65f6\uff09\r\n        lightbox.addEventListener('click', (e) => {\r\n            if (e.target === lightbox) {\r\n                closeLightbox();\r\n            }\r\n        });\r\n\r\n        \/\/ ESC \u952e\u5173\u95ed\r\n        document.addEventListener('keydown', (e) => {\r\n            if (e.key === 'Escape' && lightbox.classList.contains('active')) {\r\n                closeLightbox();\r\n            }\r\n        });\r\n\r\n        \/\/ \u6e32\u67d3\u5de6\u4fa7\u5bfc\u822a\r\n        function renderSidebar() {\r\n            const sidebar = document.getElementById('sidebar');\r\n            sidebar.innerHTML = '';\r\n\r\n            Object.keys(categories).forEach(cat => {\r\n                const group = document.createElement('div');\r\n                group.className = 'category-group' + (cat === currentCategory ? ' expanded' : '');\r\n                group.dataset.category = cat;\r\n\r\n                const header = document.createElement('div');\r\n                header.className = 'category-header' + (cat === currentCategory ? ' active' : '');\r\n                header.innerHTML = `\r\n                    <span class=\"category-name\">${cat}<\/span>\r\n                    <svg class=\"category-arrow\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                        <polyline points=\"9 18 15 12 9 6\"><\/polyline>\r\n                    <\/svg>\r\n                `;\r\n                header.addEventListener('click', () => {\r\n                    \/\/ \u5207\u6362\u5c55\u5f00\/\u6536\u8d77\r\n                    const isExpanded = group.classList.contains('expanded');\r\n                    document.querySelectorAll('.category-group').forEach(g => g.classList.remove('expanded'));\r\n                    document.querySelectorAll('.category-header').forEach(h => h.classList.remove('active'));\r\n\r\n                    if (!isExpanded) {\r\n                        group.classList.add('expanded');\r\n                        header.classList.add('active');\r\n                        currentCategory = cat;\r\n                        currentSubCategory = categories[cat].subCategories[0];\r\n                        renderTabs();\r\n                        renderProducts();\r\n                    }\r\n                });\r\n\r\n                const subItems = document.createElement('div');\r\n                subItems.className = 'sub-items';\r\n\r\n                categories[cat].subCategories.forEach(sub => {\r\n                    const item = document.createElement('div');\r\n                    item.className = 'sub-item' + (cat === currentCategory && sub === currentSubCategory ? ' active' : '');\r\n                    item.textContent = sub;\r\n                    item.addEventListener('click', (e) => {\r\n                        e.stopPropagation();\r\n                        currentSubCategory = sub;\r\n                        currentCategory = cat;\r\n\r\n                        \/\/ \u66f4\u65b0\u6240\u6709\u72b6\u6001\r\n                        document.querySelectorAll('.sub-item').forEach(i => i.classList.remove('active'));\r\n                        item.classList.add('active');\r\n                        document.querySelectorAll('.category-header').forEach(h => h.classList.remove('active'));\r\n                        header.classList.add('active');\r\n\r\n                        renderTabs();\r\n                        renderProducts();\r\n                    });\r\n                    subItems.appendChild(item);\r\n                });\r\n\r\n                group.appendChild(header);\r\n                group.appendChild(subItems);\r\n                sidebar.appendChild(group);\r\n            });\r\n        }\r\n\r\n        \/\/ \u6e32\u67d3\u6807\u7b7e\u9875\r\n        function renderTabs() {\r\n            const tabNav = document.getElementById('tabNav');\r\n            tabNav.innerHTML = '';\r\n\r\n            const subCats = categories[currentCategory].subCategories;\r\n            subCats.forEach(sub => {\r\n                const btn = document.createElement('button');\r\n                btn.className = 'tab-btn' + (sub === currentSubCategory ? ' active' : '');\r\n                btn.textContent = sub;\r\n                btn.addEventListener('click', () => {\r\n                    currentSubCategory = sub;\r\n                    renderTabs();\r\n                    renderProducts();\r\n\r\n                    \/\/ \u540c\u6b65\u66f4\u65b0\u5de6\u4fa7\u5b50\u9879\u9ad8\u4eae\r\n                    document.querySelectorAll('.sub-item').forEach(i => {\r\n                        i.classList.toggle('active', i.textContent === sub);\r\n                    });\r\n                });\r\n                tabNav.appendChild(btn);\r\n            });\r\n\r\n            document.getElementById('currentCategoryName').textContent = currentSubCategory;\r\n        }\r\n\r\n        \/\/ \u6e32\u67d3\u4ea7\u54c1\r\n        function renderProducts() {\r\n            const grid = document.getElementById('productsGrid');\r\n            const products = categories[currentCategory].products[currentSubCategory] || [];\r\n\r\n            if (products.length === 0) {\r\n                grid.innerHTML = `\r\n                    <div class=\"empty-state\" style=\"grid-column: 1\/-1;\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\r\n                            <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"><\/rect>\r\n                            <circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"><\/circle>\r\n                            <path d=\"M21 15l-5-5L5 21\"><\/path>\r\n                        <\/svg>\r\n                        <p>No products available in this category<\/p>\r\n                    <\/div>\r\n                `;\r\n                return;\r\n            }\r\n\r\n            grid.innerHTML = products.map(p => `\r\n                <div class=\"product-card\">\r\n                    <div class=\"product-image\">\r\n                        <img decoding=\"async\" src=\"${p.image}\" alt=\"${p.name}\" loading=\"lazy\" onclick=\"openLightbox('${p.image}', '${currentSubCategory}')\">\r\n                    <\/div>\r\n                    <div class=\"product-info\">\r\n                        <h3 class=\"product-name\">${p.name}<\/h3>\r\n                       \r\n                    <\/div>\r\n                <\/div>\r\n            `).join('');\r\n        }\r\n\r\n        \/\/ \u521d\u59cb\u5316\r\n        renderSidebar();\r\n        renderTabs();\r\n        renderProducts();\r\n    <\/script>\r\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>Shop All Commuting<\/p>","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"disabled","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"enabled","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-1661","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.hitway.com.co\/es\/wp-json\/wp\/v2\/pages\/1661","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hitway.com.co\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.hitway.com.co\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.hitway.com.co\/es\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hitway.com.co\/es\/wp-json\/wp\/v2\/comments?post=1661"}],"version-history":[{"count":39,"href":"https:\/\/www.hitway.com.co\/es\/wp-json\/wp\/v2\/pages\/1661\/revisions"}],"predecessor-version":[{"id":1866,"href":"https:\/\/www.hitway.com.co\/es\/wp-json\/wp\/v2\/pages\/1661\/revisions\/1866"}],"wp:attachment":[{"href":"https:\/\/www.hitway.com.co\/es\/wp-json\/wp\/v2\/media?parent=1661"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}