{"title":"Electric Trike","description":"","products":[{"product_id":"mototec-electric-trike-48v-1000w-lithium","title":"Mototec Electric Trike 48v 1000w\/Off Road Use Only","description":"\u003cdiv style=\"position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%;\"\u003e\u003ciframe src=\"https:\/\/www.youtube.com\/embed\/7Ee_Fhi1aT0\" style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%;\"\u003e\n  \u003c\/iframe\u003e\u003c\/div\u003e\n\u003cp\u003e\u003cstrong\u003eWhy Buy From Us?\u003c\/strong\u003e\u003cbr\u003e✓ 30 Days Return,Seller Paid Shipping charges.\u003cbr\u003e✓ 24*7 care (402)407-4295\/info@renovomotors.com.\u003cbr\u003e✓ Price Match Guarantee (Lower Than Amazon\/Other Retailers).\u003cbr\u003e✓ Free Shipping On Most Orders ( Except Alaska, Hawai and PR).\u003cbr\u003e✓ 100% Safe \u0026amp;amp; Secure Ordering (No Cookies Saved\/Cards Saved).\u003cbr\u003e✓ \"Authorized\" Dealer By Brand.\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003eThe MotoTec 48v 1000 Watt Electric Powered Trike aka Personal Transporter is a three wheel electric scooter that you can ride while sitting or standing, this makes it very convenient for use at events, security and warehouse floor operations or for just plain fun! It's like a three wheel Segway but at a fraction of the price! Powered by a 1000 watt front wheel hub motor with speeds up to 28 miles per hour. It can achieve a 20-25 mile range on a full charge with it's light weight Lithium Battery Pack. It features a 16\" pneumatic front tire, two 12\" pneumatic rear tires, a removable seat with backrest. This personal transporter is easy-to-operate with a twist throttle and front drum brake. Comes standard with key, foot pegs, battery meter, front LED head light and carrying basket.\u003c\/p\u003e\n\u003cp\u003eSpecs:\u003c\/p\u003e\n\u003cp\u003eMotor power: 1000 Watt Brushless Hub Motor\u003cbr\u003eBattery: 48v 17.5ah Lithium Ion\u003cbr\u003eMax Weight Capacity: 240 Lbs.\u003cbr\u003eRecommended Age: 13 and up\u003cbr\u003eCharger: Included\u003cbr\u003eBrakes: Front Drum\u003cbr\u003eBattery life: Over 300 cycles\u003cbr\u003eSpeed: 9, 16, 24 MPH (3 selectable speeds)\u003cbr\u003eRange per charge: 15-25 Miles (weight dependent)\u003cbr\u003eRecharge time: 4-8hrs\u003cbr\u003eClimbing Ability: 15 Degrees\u003cbr\u003eSeat: Wide Saddle with Backrest\u003cbr\u003eSeat Height: 23-26 inches\u003cbr\u003eFront Wheel Diameter: 16 inch air filled tires (3.00-10)\u003cbr\u003eRear Tires Diameter: 12 inch air filled tires (90\/75-6.5)\u003cbr\u003eShipping Weight: 112 lbs\u003cbr\u003eShipping Carton Size: 40x33x19 inches\u003cbr\u003eScooter Weight: 95 Lbs\u003cbr\u003eScooter Dimensions: Length: 48 inches, Width: 30 inches, Height: 48 inches\u003cbr\u003eGround Clearance: 3 inches\u003cbr\u003eFolded Height: 32 inches\u003cbr\u003eWarranty: 30 days parts replacement\u003c\/p\u003e\n\u003cp\u003e\u003ca href=\"https:\/\/mototecusa.com\/mototec-trike-48v-1000w-parts.html\"\u003e\u003cspan\u003eMotoTec 48v 1000w Electric Trike - Replacement Parts\u003c\/span\u003e\u003c\/a\u003e\u003c\/p\u003e","brand":"MotoTec","offers":[{"title":"Default Title","offer_id":46812649914604,"sku":"MT-TRK-1000-Lithium_Black","price":1039.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0771\/4537\/4956\/files\/Kleo-A2-2-8-1.jpg?v=1769700107"},{"product_id":"meet-one-breeze-pro-2-0-electric-trike-full-suspension-fat-tire-e-trike","title":"Meet One Breeze Pro 2.0 Electric Trike|Full Suspension Fat Tire E-Trike","description":"\u003cbody\u003e\n\n\n    \u003cmeta charset=\"UTF-8\"\u003e\n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n    \u003ctitle\u003eDawn Pro Fat Tire Electric Trike | 22 MPH Electric Trike\u003c\/title\u003e\n    \u003cmeta name=\"description\" content=\"Dawn Pro Fat Tire Electric Trike with full suspension, torque sensor, 1200W peak power. 40-100 miles range. $1,799 with free shipping.\"\u003e\n    \u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n    \u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n    \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800;900\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n    \u003cstyle\u003e\n        *, *::before, *::after {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        :root {\n            --bg-primary: #0D0D0D;\n            --bg-secondary: #1A1A1A;\n            --bg-card: #242424;\n            --accent: #F97316;\n            --accent-light: #FB923C;\n            --accent-glow: rgba(249, 115, 22, 0.3);\n            --success: #22C55E;\n            --text-primary: #FFFFFF;\n            --text-secondary: #A3A3A3;\n            --text-muted: #737373;\n            --border: #333333;\n            --font-family: 'Inter', system-ui, -apple-system, sans-serif;\n        }\n\n        html {\n            scroll-behavior: smooth;\n        }\n\n        body {\n            font-family: var(--font-family);\n            background-color: var(--bg-primary);\n            color: var(--text-primary);\n            line-height: 1.6;\n            overflow-x: hidden;\n        }\n\n        .container {\n            max-width: 1280px;\n            margin: 0 auto;\n            padding: 0 24px;\n        }\n\n        \/* Animations *\/\n        @keyframes fadeUp {\n            from {\n                opacity: 0;\n                transform: translateY(30px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        @keyframes shimmer {\n            0% { background-position: -200% center; }\n            100% { background-position: 200% center; }\n        }\n\n        @keyframes pulse {\n            0%, 100% { transform: scale(1); }\n            50% { transform: scale(1.05); }\n        }\n\n        @keyframes float {\n            0%, 100% { transform: translateY(0); }\n            50% { transform: translateY(-10px); }\n        }\n\n        .animate-on-scroll {\n            opacity: 0;\n            transform: translateY(30px);\n            transition: opacity 0.6s ease-out, transform 0.6s ease-out;\n        }\n\n        .animate-on-scroll.visible {\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        \/* Hero Section *\/\n        .hero {\n            position: relative;\n            min-height: 100vh;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            overflow: hidden;\n        }\n\n        .hero-bg {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            z-index: 0;\n        }\n\n        .hero-bg img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            opacity: 0.4;\n        }\n\n        .hero-overlay {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: linear-gradient(180deg, rgba(13,13,13,0.3) 0%, rgba(13,13,13,0.8) 70%, var(--bg-primary) 100%);\n            z-index: 1;\n        }\n\n        .hero-content {\n            position: relative;\n            z-index: 2;\n            text-align: center;\n            padding: 120px 24px 80px;\n            max-width: 900px;\n        }\n\n        .hero-badge {\n            display: inline-flex;\n            align-items: center;\n            gap: 8px;\n            background: var(--accent);\n            color: white;\n            padding: 8px 16px;\n            border-radius: 50px;\n            font-size: 14px;\n            font-weight: 600;\n            margin-bottom: 24px;\n            animation: fadeUp 0.8s ease-out;\n        }\n\n        .hero-title {\n            font-size: clamp(40px, 8vw, 72px);\n            font-weight: 900;\n            line-height: 1.1;\n            margin-bottom: 24px;\n            text-transform: uppercase;\n            letter-spacing: -2px;\n            animation: fadeUp 0.8s ease-out 0.1s both;\n        }\n\n        .hero-title span {\n            color: var(--accent);\n        }\n\n        .hero-subtitle {\n            font-size: clamp(16px, 2.5vw, 20px);\n            color: var(--text-secondary);\n            max-width: 600px;\n            margin: 0 auto 40px;\n            animation: fadeUp 0.8s ease-out 0.2s both;\n        }\n\n        .hero-cta-group {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 16px;\n            justify-content: center;\n            animation: fadeUp 0.8s ease-out 0.3s both;\n        }\n\n        .btn {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            gap: 8px;\n            padding: 16px 32px;\n            font-size: 16px;\n            font-weight: 700;\n            border-radius: 8px;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            text-decoration: none;\n            border: none;\n            font-family: inherit;\n        }\n\n        .btn-primary {\n            background: linear-gradient(135deg, var(--accent) 0%, var(--accent-light) 100%);\n            color: white;\n            box-shadow: 0 4px 20px var(--accent-glow);\n        }\n\n        .btn-primary:hover {\n            transform: translateY(-3px);\n            box-shadow: 0 8px 30px var(--accent-glow);\n        }\n\n        .btn-secondary {\n            background: transparent;\n            color: white;\n            border: 2px solid var(--border);\n        }\n\n        .btn-secondary:hover {\n            border-color: var(--accent);\n            color: var(--accent);\n        }\n\n        .scroll-indicator {\n            position: absolute;\n            bottom: 40px;\n            left: 50%;\n            transform: translateX(-50%);\n            z-index: 2;\n            animation: float 2s ease-in-out infinite;\n        }\n\n        .scroll-indicator svg {\n            width: 32px;\n            height: 32px;\n            stroke: var(--text-muted);\n        }\n\n        \/* Quick Stats Bar *\/\n        .stats-bar {\n            background: var(--bg-secondary);\n            border-top: 1px solid var(--border);\n            border-bottom: 1px solid var(--border);\n            padding: 32px 0;\n            position: sticky;\n            top: 0;\n            z-index: 100;\n        }\n\n        .stats-grid {\n            display: grid;\n            grid-template-columns: repeat(6, 1fr);\n            gap: 16px;\n        }\n\n        @media (max-width: 1024px) {\n            .stats-grid {\n                grid-template-columns: repeat(3, 1fr);\n            }\n        }\n\n        @media (max-width: 600px) {\n            .stats-grid {\n                grid-template-columns: repeat(2, 1fr);\n            }\n        }\n\n        .stat-item {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            text-align: center;\n            padding: 16px;\n            border-radius: 12px;\n            transition: all 0.3s ease;\n        }\n\n        .stat-item:hover {\n            background: var(--bg-card);\n            transform: translateY(-2px);\n        }\n\n        .stat-icon {\n            width: 40px;\n            height: 40px;\n            margin-bottom: 8px;\n            color: var(--accent);\n        }\n\n        .stat-value {\n            font-size: 28px;\n            font-weight: 800;\n            color: var(--text-primary);\n            line-height: 1;\n        }\n\n        .stat-label {\n            font-size: 12px;\n            color: var(--text-muted);\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            margin-top: 4px;\n        }\n\n        \/* Social Proof *\/\n        .social-proof {\n            background: var(--bg-primary);\n            padding: 48px 0;\n            text-align: center;\n        }\n\n        .rating-display {\n            display: inline-flex;\n            align-items: center;\n            gap: 16px;\n            background: var(--bg-card);\n            padding: 16px 32px;\n            border-radius: 50px;\n            border: 1px solid var(--border);\n        }\n\n        .stars {\n            display: flex;\n            gap: 4px;\n            color: #FFB800;\n        }\n\n        .rating-text {\n            font-size: 18px;\n            font-weight: 700;\n        }\n\n        .rating-text span {\n            color: var(--success);\n        }\n\n        \/* Product Section *\/\n        .product-section {\n            padding: 80px 0;\n            background: var(--bg-primary);\n        }\n\n        .product-grid {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 64px;\n            align-items: start;\n        }\n\n        @media (max-width: 968px) {\n            .product-grid {\n                grid-template-columns: 1fr;\n                gap: 40px;\n            }\n        }\n\n        .product-gallery {\n            position: sticky;\n            top: 120px;\n        }\n\n        .main-product-image {\n            width: 100%;\n            border-radius: 16px;\n            overflow: hidden;\n            background: var(--bg-card);\n            margin-bottom: 16px;\n        }\n\n        .main-product-image img {\n            width: 100%;\n            height: auto;\n            display: block;\n            transition: transform 0.5s ease;\n        }\n\n        .main-product-image:hover img {\n            transform: scale(1.05);\n        }\n\n        .thumbnail-grid {\n            display: grid;\n            grid-template-columns: repeat(4, 1fr);\n            gap: 12px;\n        }\n\n        .thumbnail {\n            border-radius: 8px;\n            overflow: hidden;\n            cursor: pointer;\n            border: 2px solid transparent;\n            transition: all 0.3s ease;\n            background: var(--bg-card);\n        }\n\n        .thumbnail:hover,\n        .thumbnail.active {\n            border-color: var(--accent);\n        }\n\n        .thumbnail img {\n            width: 100%;\n            height: auto;\n            display: block;\n        }\n\n        .product-info {\n            padding-top: 20px;\n        }\n\n        .product-title {\n            font-size: 36px;\n            font-weight: 900;\n            margin-bottom: 16px;\n            line-height: 1.2;\n        }\n\n        .product-subtitle {\n            font-size: 18px;\n            color: var(--text-secondary);\n            margin-bottom: 24px;\n        }\n\n        .price-block {\n            display: flex;\n            align-items: baseline;\n            gap: 16px;\n            margin-bottom: 32px;\n        }\n\n        .sale-price {\n            font-size: 48px;\n            font-weight: 800;\n            color: var(--accent);\n        }\n\n        .regular-price {\n            font-size: 24px;\n            color: var(--text-muted);\n            text-decoration: line-through;\n        }\n\n        .save-badge {\n            background: var(--success);\n            color: white;\n            padding: 4px 12px;\n            border-radius: 4px;\n            font-size: 14px;\n            font-weight: 700;\n        }\n\n        \/* Variant Selectors *\/\n        .variant-section {\n            margin-bottom: 32px;\n        }\n\n        .variant-row {\n            margin-bottom: 20px;\n        }\n\n        .variant-label {\n            font-size: 14px;\n            font-weight: 600;\n            margin-bottom: 8px;\n            color: var(--text-secondary);\n            text-transform: uppercase;\n            letter-spacing: 1px;\n        }\n\n        .variant-options {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 12px;\n        }\n\n        .variant-option {\n            padding: 12px 20px;\n            background: var(--bg-card);\n            border: 2px solid var(--border);\n            border-radius: 8px;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            font-size: 14px;\n            font-weight: 600;\n        }\n\n        .variant-option:hover {\n            border-color: var(--accent);\n        }\n\n        .variant-option.selected {\n            border-color: var(--accent);\n            background: rgba(249, 115, 22, 0.1);\n        }\n\n        .variant-option .price {\n            color: var(--text-muted);\n            font-weight: 400;\n        }\n\n        \/* Total Price *\/\n        .total-price {\n            background: var(--bg-card);\n            padding: 20px;\n            border-radius: 12px;\n            margin-bottom: 24px;\n            border: 1px solid var(--border);\n        }\n\n        .total-price-row {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n        }\n\n        .total-price-label {\n            font-size: 16px;\n            color: var(--text-secondary);\n        }\n\n        .total-price-value {\n            font-size: 32px;\n            font-weight: 800;\n            color: var(--accent);\n        }\n\n        \/* Add to Cart *\/\n        .add-to-cart-section {\n            display: flex;\n            flex-direction: column;\n            gap: 12px;\n        }\n\n        .btn-add-cart {\n            width: 100%;\n            padding: 20px;\n            font-size: 18px;\n            background: linear-gradient(135deg, var(--accent) 0%, var(--accent-light) 100%);\n            background-size: 200% auto;\n            animation: shimmer 3s linear infinite;\n        }\n\n        .btn-add-cart:hover {\n            transform: translateY(-3px);\n            box-shadow: 0 8px 30px var(--accent-glow);\n        }\n\n        .trust-badges {\n            display: flex;\n            justify-content: center;\n            gap: 24px;\n            margin-top: 16px;\n            flex-wrap: wrap;\n        }\n\n        .trust-badge {\n            display: flex;\n            align-items: center;\n            gap: 8px;\n            font-size: 13px;\n            color: var(--text-muted);\n        }\n\n        .trust-badge svg {\n            width: 16px;\n            height: 16px;\n            color: var(--success);\n        }\n\n        \/* Free Gifts Section *\/\n        .gifts-section {\n            background: linear-gradient(135deg, var(--bg-secondary) 0%, var(--bg-card) 100%);\n            padding: 80px 0;\n            border-top: 1px solid var(--border);\n            border-bottom: 1px solid var(--border);\n        }\n\n        .section-header {\n            text-align: center;\n            margin-bottom: 48px;\n        }\n\n        .section-tag {\n            display: inline-block;\n            background: var(--accent);\n            color: white;\n            padding: 6px 16px;\n            border-radius: 50px;\n            font-size: 12px;\n            font-weight: 700;\n            text-transform: uppercase;\n            letter-spacing: 2px;\n            margin-bottom: 16px;\n        }\n\n        .section-title {\n            font-size: clamp(32px, 5vw, 48px);\n            font-weight: 900;\n            margin-bottom: 16px;\n        }\n\n        .section-subtitle {\n            font-size: 18px;\n            color: var(--text-secondary);\n        }\n\n        .gifts-grid {\n            display: grid;\n            grid-template-columns: repeat(5, 1fr);\n            gap: 24px;\n        }\n\n        @media (max-width: 968px) {\n            .gifts-grid {\n                grid-template-columns: repeat(3, 1fr);\n            }\n        }\n\n        @media (max-width: 600px) {\n            .gifts-grid {\n                grid-template-columns: repeat(2, 1fr);\n            }\n        }\n\n        .gift-card {\n            background: var(--bg-primary);\n            padding: 24px;\n            border-radius: 16px;\n            text-align: center;\n            border: 1px solid var(--border);\n            transition: all 0.3s ease;\n        }\n\n        .gift-card:hover {\n            transform: translateY(-5px);\n            border-color: var(--accent);\n        }\n\n        .gift-icon {\n            width: 64px;\n            height: 64px;\n            margin: 0 auto 16px;\n            background: linear-gradient(135deg, var(--accent) 0%, var(--accent-light) 100%);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n\n        .gift-icon svg {\n            width: 32px;\n            height: 32px;\n            color: white;\n        }\n\n        .gift-name {\n            font-size: 14px;\n            font-weight: 700;\n            margin-bottom: 8px;\n        }\n\n        .gift-value {\n            font-size: 18px;\n            font-weight: 800;\n            color: var(--accent);\n        }\n\n        .gifts-total {\n            text-align: center;\n            margin-top: 40px;\n            padding: 24px;\n            background: var(--bg-primary);\n            border-radius: 16px;\n            border: 1px solid var(--border);\n        }\n\n        .gifts-total-label {\n            font-size: 16px;\n            color: var(--text-secondary);\n            margin-bottom: 8px;\n        }\n\n        .gifts-total-value {\n            font-size: 32px;\n            font-weight: 800;\n            color: var(--success);\n        }\n\n        \/* Key Improvements *\/\n        .improvements-section {\n            padding: 80px 0;\n            background: var(--bg-primary);\n        }\n\n        .improvements-grid {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 32px;\n        }\n\n        @media (max-width: 768px) {\n            .improvements-grid {\n                grid-template-columns: 1fr;\n            }\n        }\n\n        .improvement-card {\n            background: var(--bg-card);\n            padding: 32px;\n            border-radius: 16px;\n            border: 1px solid var(--border);\n            transition: all 0.3s ease;\n        }\n\n        .improvement-card:hover {\n            transform: translateY(-5px);\n            border-color: var(--accent);\n        }\n\n        .improvement-icon {\n            width: 56px;\n            height: 56px;\n            background: rgba(249, 115, 22, 0.1);\n            border-radius: 12px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin-bottom: 20px;\n        }\n\n        .improvement-icon svg {\n            width: 28px;\n            height: 28px;\n            color: var(--accent);\n        }\n\n        .improvement-title {\n            font-size: 20px;\n            font-weight: 700;\n            margin-bottom: 12px;\n        }\n\n        .improvement-desc {\n            font-size: 14px;\n            color: var(--text-secondary);\n            line-height: 1.7;\n        }\n\n        \/* Performance Stats *\/\n        .performance-section {\n            padding: 80px 0;\n            background: var(--bg-secondary);\n        }\n\n        .performance-grid {\n            display: grid;\n            grid-template-columns: repeat(4, 1fr);\n            gap: 24px;\n        }\n\n        @media (max-width: 968px) {\n            .performance-grid {\n                grid-template-columns: repeat(2, 1fr);\n            }\n        }\n\n        @media (max-width: 600px) {\n            .performance-grid {\n                grid-template-columns: 1fr;\n            }\n        }\n\n        .perf-card {\n            background: var(--bg-primary);\n            padding: 32px;\n            border-radius: 16px;\n            text-align: center;\n            border: 1px solid var(--border);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .perf-card::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 4px;\n            background: linear-gradient(90deg, var(--accent) 0%, var(--accent-light) 100%);\n        }\n\n        .perf-value {\n            font-size: 56px;\n            font-weight: 900;\n            color: var(--accent);\n            line-height: 1;\n            margin-bottom: 8px;\n        }\n\n        .perf-unit {\n            font-size: 18px;\n            color: var(--text-muted);\n        }\n\n        .perf-label {\n            font-size: 16px;\n            font-weight: 600;\n            margin-top: 12px;\n        }\n\n        \/* Design Features *\/\n        .design-section {\n            padding: 80px 0;\n            background: var(--bg-primary);\n        }\n\n        .design-grid {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 64px;\n            align-items: center;\n        }\n\n        @media (max-width: 768px) {\n            .design-grid {\n                grid-template-columns: 1fr;\n                gap: 40px;\n            }\n        }\n\n        .design-image {\n            border-radius: 16px;\n            overflow: hidden;\n        }\n\n        .design-image img {\n            width: 100%;\n            height: auto;\n            display: block;\n        }\n\n        .design-content h3 {\n            font-size: 32px;\n            font-weight: 800;\n            margin-bottom: 24px;\n        }\n\n        .design-feature {\n            display: flex;\n            gap: 16px;\n            margin-bottom: 20px;\n        }\n\n        .design-feature-icon {\n            width: 48px;\n            height: 48px;\n            background: rgba(249, 115, 22, 0.1);\n            border-radius: 12px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            flex-shrink: 0;\n        }\n\n        .design-feature-icon svg {\n            width: 24px;\n            height: 24px;\n            color: var(--accent);\n        }\n\n        .design-feature-text h4 {\n            font-size: 16px;\n            font-weight: 700;\n            margin-bottom: 4px;\n        }\n\n        .design-feature-text p {\n            font-size: 14px;\n            color: var(--text-secondary);\n        }\n\n        \/* Battery Options *\/\n        .battery-section {\n            padding: 80px 0;\n            background: var(--bg-secondary);\n        }\n\n        .battery-grid {\n            display: grid;\n            grid-template-columns: repeat(4, 1fr);\n            gap: 24px;\n        }\n\n        @media (max-width: 968px) {\n            .battery-grid {\n                grid-template-columns: repeat(2, 1fr);\n            }\n        }\n\n        @media (max-width: 600px) {\n            .battery-grid {\n                grid-template-columns: 1fr;\n            }\n        }\n\n        .battery-card {\n            background: var(--bg-primary);\n            padding: 24px;\n            border-radius: 16px;\n            text-align: center;\n            border: 2px solid var(--border);\n            transition: all 0.3s ease;\n            cursor: pointer;\n        }\n\n        .battery-card:hover {\n            border-color: var(--accent);\n        }\n\n        .battery-card.selected {\n            border-color: var(--accent);\n            background: rgba(249, 115, 22, 0.05);\n        }\n\n        .battery-capacity {\n            font-size: 28px;\n            font-weight: 800;\n            color: var(--accent);\n            margin-bottom: 8px;\n        }\n\n        .battery-type {\n            font-size: 14px;\n            color: var(--text-muted);\n            margin-bottom: 12px;\n        }\n\n        .battery-range {\n            font-size: 16px;\n            font-weight: 600;\n            margin-bottom: 8px;\n        }\n\n        .battery-price {\n            font-size: 24px;\n            font-weight: 800;\n        }\n\n        \/* Specs Table *\/\n        .specs-section {\n            padding: 80px 0;\n            background: var(--bg-primary);\n        }\n\n        .specs-table {\n            width: 100%;\n            border-collapse: collapse;\n        }\n\n        .specs-table tr {\n            border-bottom: 1px solid var(--border);\n        }\n\n        .specs-table tr:nth-child(odd) {\n            background: var(--bg-secondary);\n        }\n\n        .specs-table tr:hover {\n            background: var(--bg-card);\n        }\n\n        .specs-table td {\n            padding: 16px 20px;\n            font-size: 15px;\n        }\n\n        .specs-table .spec-label {\n            font-weight: 600;\n            color: var(--text-secondary);\n            width: 40%;\n        }\n\n        .specs-table .spec-value {\n            font-weight: 500;\n        }\n\n        \/* What's in the Box *\/\n        .box-section {\n            padding: 80px 0;\n            background: var(--bg-secondary);\n        }\n\n        .box-grid {\n            display: grid;\n            grid-template-columns: repeat(6, 1fr);\n            gap: 24px;\n        }\n\n        @media (max-width: 968px) {\n            .box-grid {\n                grid-template-columns: repeat(3, 1fr);\n            }\n        }\n\n        @media (max-width: 600px) {\n            .box-grid {\n                grid-template-columns: repeat(2, 1fr);\n            }\n        }\n\n        .box-item {\n            background: var(--bg-primary);\n            padding: 24px;\n            border-radius: 12px;\n            text-align: center;\n            border: 1px solid var(--border);\n        }\n\n        .box-item-icon {\n            width: 48px;\n            height: 48px;\n            margin: 0 auto 12px;\n            color: var(--accent);\n        }\n\n        .box-item-name {\n            font-size: 13px;\n            font-weight: 600;\n            color: var(--text-secondary);\n        }\n\n        \/* FAQ Section *\/\n        .faq-section {\n            padding: 80px 0;\n            background: var(--bg-primary);\n        }\n\n        .faq-container {\n            max-width: 800px;\n            margin: 0 auto;\n        }\n\n        .faq-item {\n            border-bottom: 1px solid var(--border);\n        }\n\n        .faq-question {\n            width: 100%;\n            padding: 24px 0;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            background: none;\n            border: none;\n            color: var(--text-primary);\n            font-size: 18px;\n            font-weight: 700;\n            text-align: left;\n            cursor: pointer;\n            font-family: inherit;\n        }\n\n        .faq-question:hover {\n            color: var(--accent);\n        }\n\n        .faq-icon {\n            width: 24px;\n            height: 24px;\n            transition: transform 0.3s ease;\n            flex-shrink: 0;\n        }\n\n        .faq-item.open .faq-icon {\n            transform: rotate(45deg);\n        }\n\n        .faq-answer {\n            max-height: 0;\n            overflow: hidden;\n            transition: max-height 0.3s ease;\n        }\n\n        .faq-answer-content {\n            padding: 0 0 24px;\n            color: var(--text-secondary);\n            line-height: 1.7;\n        }\n\n        .faq-item.open .faq-answer {\n            max-height: 200px;\n        }\n\n        \/* Contact Form *\/\n        .contact-section {\n            padding: 80px 0;\n            background: var(--bg-secondary);\n        }\n\n        .contact-wrapper {\n            max-width: 600px;\n            margin: 0 auto;\n        }\n\n        .contact-form {\n            background: var(--bg-card);\n            padding: 40px;\n            border-radius: 16px;\n            border: 1px solid var(--border);\n        }\n\n        .form-group {\n            margin-bottom: 24px;\n        }\n\n        .form-label {\n            display: block;\n            font-size: 14px;\n            font-weight: 600;\n            margin-bottom: 8px;\n            color: var(--text-secondary);\n        }\n\n        .form-input {\n            width: 100%;\n            padding: 14px 16px;\n            background: var(--bg-primary);\n            border: 2px solid var(--border);\n            border-radius: 8px;\n            color: var(--text-primary);\n            font-size: 16px;\n            font-family: inherit;\n            transition: border-color 0.3s ease;\n        }\n\n        .form-input:focus {\n            outline: none;\n            border-color: var(--accent);\n        }\n\n        .form-input::placeholder {\n            color: var(--text-muted);\n        }\n\n        textarea.form-input {\n            min-height: 120px;\n            resize: vertical;\n        }\n\n        .btn-submit {\n            width: 100%;\n            padding: 18px;\n        }\n\n        \/* Footer *\/\n        .footer {\n            background: var(--bg-primary);\n            border-top: 1px solid var(--border);\n            padding: 64px 0 32px;\n        }\n\n        .footer-grid {\n            display: grid;\n            grid-template-columns: 2fr 1fr 1fr 1fr;\n            gap: 48px;\n            margin-bottom: 48px;\n        }\n\n        @media (max-width: 968px) {\n            .footer-grid {\n                grid-template-columns: repeat(2, 1fr);\n            }\n        }\n\n        @media (max-width: 600px) {\n            .footer-grid {\n                grid-template-columns: 1fr;\n            }\n        }\n\n        .footer-brand h3 {\n            font-size: 24px;\n            font-weight: 900;\n            margin-bottom: 16px;\n        }\n\n        .footer-brand p {\n            color: var(--text-secondary);\n            font-size: 14px;\n            line-height: 1.7;\n            margin-bottom: 24px;\n        }\n\n        .footer-social {\n            display: flex;\n            gap: 16px;\n        }\n\n        .footer-social a {\n            width: 40px;\n            height: 40px;\n            background: var(--bg-card);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: var(--text-secondary);\n            transition: all 0.3s ease;\n        }\n\n        .footer-social a:hover {\n            background: var(--accent);\n            color: white;\n        }\n\n        .footer-col h4 {\n            font-size: 14px;\n            font-weight: 700;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            margin-bottom: 20px;\n            color: var(--text-primary);\n        }\n\n        .footer-col ul {\n            list-style: none;\n        }\n\n        .footer-col li {\n            margin-bottom: 12px;\n        }\n\n        .footer-col a {\n            color: var(--text-secondary);\n            text-decoration: none;\n            font-size: 14px;\n            transition: color 0.3s ease;\n        }\n\n        .footer-col a:hover {\n            color: var(--accent);\n        }\n\n        .footer-contact-item {\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            margin-bottom: 12px;\n            color: var(--text-secondary);\n            font-size: 14px;\n        }\n\n        .footer-contact-item svg {\n            width: 18px;\n            height: 18px;\n            color: var(--accent);\n            flex-shrink: 0;\n        }\n\n        .footer-bottom {\n            border-top: 1px solid var(--border);\n            padding-top: 32px;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            flex-wrap: wrap;\n            gap: 16px;\n        }\n\n        .footer-copyright {\n            color: var(--text-muted);\n            font-size: 14px;\n        }\n\n        .footer-policies {\n            display: flex;\n            gap: 24px;\n        }\n\n        .footer-policies a {\n            color: var(--text-muted);\n            text-decoration: none;\n            font-size: 14px;\n            transition: color 0.3s ease;\n        }\n\n        .footer-policies a:hover {\n            color: var(--accent);\n        }\n\n        \/* Utility Classes *\/\n        .text-center { text-align: center; }\n        .mb-4 { margin-bottom: 32px; }\n    \u003c\/style\u003e\n\n\n    \u003c!-- Hero Section --\u003e\n    \u003csection class=\"hero\"\u003e\n        \u003cdiv class=\"hero-bg\"\u003e\n            \u003cimg src=\"imgs\/fat-tire-electric-trike-product-photo.jpg\" alt=\"Dawn Pro Fat Tire Electric Trike\"\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"hero-overlay\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"hero-content\"\u003e\n            \u003cdiv class=\"hero-badge\"\u003e\n                \u003csvg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\n                    \u003cpolygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"\u003e\u003c\/polygon\u003e\n                \u003c\/svg\u003e\n                Free Shipping on All Orders\n            \u003c\/div\u003e\n            \u003ch1 class=\"hero-title\"\u003eDawn Pro \u003cspan\u003eFat Tire\u003c\/span\u003e Electric Trike\u003c\/h1\u003e\n            \u003cp class=\"hero-subtitle\"\u003eFat tire electric trike with full suspension and torque sensor for smooth, stable rides. Max Speed 22 MPH.\u003c\/p\u003e\n            \u003cdiv class=\"hero-cta-group\"\u003e\n                \u003ca href=\"#product\" class=\"btn btn-primary\"\u003e\n                    \u003csvg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\n                        \u003ccircle cx=\"9\" cy=\"21\" r=\"1\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"20\" cy=\"21\" r=\"1\"\u003e\u003c\/circle\u003e\n                        \u003cpath d=\"M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6\"\u003e\u003c\/path\u003e\n                    \u003c\/svg\u003e\n                    Shop Now\n                \u003c\/a\u003e\n                \u003ca href=\"#features\" class=\"btn btn-secondary\"\u003eLearn More\u003c\/a\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"scroll-indicator\"\u003e\n            \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\n                \u003cpath d=\"M12 5v14M19 12l-7 7-7-7\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- Quick Stats Bar --\u003e\n    \u003csection class=\"stats-bar\"\u003e\n        \u003cdiv class=\"container\"\u003e\n            \u003cdiv class=\"stats-grid\"\u003e\n                \u003cdiv class=\"stat-item animate-on-scroll\"\u003e\n                    \u003csvg class=\"stat-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\n                        \u003cpath d=\"M12 2v4M12 18v4M4.93 4.93l2.83 2.83M16.24 16.24l2.83 2.83M2 12h4M18 12h4M4.93 19.07l2.83-2.83M16.24 7.76l2.83-2.83\"\u003e\u003c\/path\u003e\n                    \u003c\/svg\u003e\n                    \u003cspan class=\"stat-value\"\u003e22 MPH\u003c\/span\u003e\n                    \u003cspan class=\"stat-label\"\u003eMax Speed\u003c\/span\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"stat-item animate-on-scroll\"\u003e\n                    \u003csvg class=\"stat-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\n                        \u003cpath d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\"\u003e\u003c\/path\u003e\n                    \u003c\/svg\u003e\n                    \u003cspan class=\"stat-value\"\u003e1200W\u003c\/span\u003e\n                    \u003cspan class=\"stat-label\"\u003ePeak Power\u003c\/span\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"stat-item animate-on-scroll\"\u003e\n                    \u003csvg class=\"stat-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\n                        \u003cpath d=\"M9 20h6M12 20v-4M12 16V8M8 12H4M20 12h-4M12 4V2\"\u003e\u003c\/path\u003e\n                    \u003c\/svg\u003e\n                    \u003cspan class=\"stat-value\"\u003e40-100\u003c\/span\u003e\n                    \u003cspan class=\"stat-label\"\u003eMiles Range\u003c\/span\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"stat-item animate-on-scroll\"\u003e\n                    \u003csvg class=\"stat-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\n                        \u003cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\u003e\u003c\/polygon\u003e\n                    \u003c\/svg\u003e\n                    \u003cspan class=\"stat-value\"\u003e4.9\u003c\/span\u003e\n                    \u003cspan class=\"stat-label\"\u003eRating (174)\u003c\/span\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"stat-item animate-on-scroll\"\u003e\n                    \u003csvg class=\"stat-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\n                        \u003cpath d=\"M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4\"\u003e\u003c\/path\u003e\n                    \u003c\/svg\u003e\n                    \u003cspan class=\"stat-value\"\u003e450 lbs\u003c\/span\u003e\n                    \u003cspan class=\"stat-label\"\u003eMax Load\u003c\/span\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"stat-item animate-on-scroll\"\u003e\n                    \u003csvg class=\"stat-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\n                        \u003cpath d=\"M14 4l-4 16M21 12l-4 4M3 12l4 4\"\u003e\u003c\/path\u003e\n                    \u003c\/svg\u003e\n                    \u003cspan class=\"stat-value\"\u003e25%\u003c\/span\u003e\n                    \u003cspan class=\"stat-label\"\u003eClimbing\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- Social Proof --\u003e\n    \u003csection class=\"social-proof\"\u003e\n        \u003cdiv class=\"container\"\u003e\n            \u003cdiv class=\"rating-display animate-on-scroll\"\u003e\n                \u003cdiv class=\"stars\"\u003e\n                    \u003csvg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"currentColor\"\u003e\u003cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\u003e\u003c\/polygon\u003e\u003c\/svg\u003e\n                    \u003csvg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"currentColor\"\u003e\u003cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\u003e\u003c\/polygon\u003e\u003c\/svg\u003e\n                    \u003csvg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"currentColor\"\u003e\u003cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\u003e\u003c\/polygon\u003e\u003c\/svg\u003e\n                    \u003csvg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"currentColor\"\u003e\u003cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\u003e\u003c\/polygon\u003e\u003c\/svg\u003e\n                    \u003csvg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"currentColor\"\u003e\u003cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\u003e\u003c\/polygon\u003e\u003c\/svg\u003e\n                \u003c\/div\u003e\n                \u003cspan class=\"rating-text\"\u003e\u003cspan\u003e4.9\u003c\/span\u003e out of 5 based on 174 reviews\u003c\/span\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- Product Section --\u003e\n    \u003csection class=\"product-section\" id=\"product\"\u003e\n        \u003cdiv class=\"container\"\u003e\n            \u003cdiv class=\"product-grid\"\u003e\n                \u003cdiv class=\"product-gallery animate-on-scroll\"\u003e\n                    \u003cdiv class=\"main-product-image\"\u003e\n                        \u003cimg src=\"imgs\/fat-tire-electric-trike-product-photo.jpg\" alt=\"Dawn Pro Electric Trike Main View\" id=\"mainProductImage\"\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"thumbnail-grid\"\u003e\n                        \u003cdiv class=\"thumbnail active\" onclick=\"changeImage('imgs\/fat-tire-electric-trike-product-photo.jpg', this)\"\u003e\n                            \u003cimg src=\"imgs\/fat-tire-electric-trike-product-photo.jpg\" alt=\"Main view\"\u003e\n                        \u003c\/div\u003e\n                        \u003cdiv class=\"thumbnail\" onclick=\"changeImage('imgs\/fat-tire-electric-trike-cargo-product-photo.jpg', this)\"\u003e\n                            \u003cimg src=\"imgs\/fat-tire-electric-trike-cargo-product-photo.jpg\" alt=\"Cargo view\"\u003e\n                        \u003c\/div\u003e\n                        \u003cdiv class=\"thumbnail\" onclick=\"changeImage('imgs\/electric-trike-dual-battery-close-up.jpg', this)\"\u003e\n                            \u003cimg src=\"imgs\/electric-trike-dual-battery-close-up.jpg\" alt=\"Battery close-up\"\u003e\n                        \u003c\/div\u003e\n                        \u003cdiv class=\"thumbnail\" onclick=\"changeImage('imgs\/electric-trike-motor-drivetrain-close-up.jpg', this)\"\u003e\n                            \u003cimg src=\"imgs\/electric-trike-motor-drivetrain-close-up.jpg\" alt=\"Motor close-up\"\u003e\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"product-info\"\u003e\n                    \u003ch2 class=\"product-title animate-on-scroll\"\u003eDawn Pro Fat Tire Electric Trike\u003c\/h2\u003e\n                    \u003cp class=\"product-subtitle animate-on-scroll\"\u003eFat tire electric trike with full suspension and torque sensor for smooth, stable rides. Max Speed 22 MPH.\u003c\/p\u003e\n\n                    \u003cdiv class=\"price-block animate-on-scroll\"\u003e\n                        \u003cspan class=\"sale-price\" id=\"totalPrice\"\u003e$1,799\u003c\/span\u003e\n                        \u003cspan class=\"regular-price\"\u003e$1,999\u003c\/span\u003e\n                        \u003cspan class=\"save-badge\"\u003eSave $200\u003c\/span\u003e\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"variant-section animate-on-scroll\"\u003e\n                        \u003cdiv class=\"variant-row\"\u003e\n                            \u003cdiv class=\"variant-label\"\u003eSeat Type\u003c\/div\u003e\n                            \u003cdiv class=\"variant-options\" id=\"seatOptions\"\u003e\n                                \u003cbutton class=\"variant-option selected\" data-seat=\"standard\" data-seat-price=\"0\" onclick=\"selectSeat(this)\"\u003e\n                                    Standard Seat \u003cspan class=\"price\"\u003e+$0\u003c\/span\u003e\n                                \u003c\/button\u003e\n                                \u003cbutton class=\"variant-option\" data-seat=\"premium\" data-seat-price=\"200\" onclick=\"selectSeat(this)\"\u003e\n                                    Premium Seat \u003cspan class=\"price\"\u003e+$200\u003c\/span\u003e\n                                \u003c\/button\u003e\n                            \u003c\/div\u003e\n                        \u003c\/div\u003e\n                        \u003cdiv class=\"variant-row\"\u003e\n                            \u003cdiv class=\"variant-label\"\u003eBattery Configuration\u003c\/div\u003e\n                            \u003cdiv class=\"variant-options\" id=\"batteryOptions\"\u003e\n                                \u003cbutton class=\"variant-option selected\" data-battery=\"20ah\" data-battery-price=\"0\" data-range=\"40-65\" onclick=\"selectBattery(this)\"\u003e\n                                    20Ah \u003cspan class=\"price\"\u003e+$0\u003c\/span\u003e\n                                \u003c\/button\u003e\n                                \u003cbutton class=\"variant-option\" data-battery=\"20ah+15ah\" data-battery-price=\"400\" data-range=\"60-85\" onclick=\"selectBattery(this)\"\u003e\n                                    20Ah + 15Ah \u003cspan class=\"price\"\u003e+$400\u003c\/span\u003e\n                                \u003c\/button\u003e\n                                \u003cbutton class=\"variant-option\" data-battery=\"20ah+20ah\" data-battery-price=\"500\" data-range=\"80-100\" onclick=\"selectBattery(this)\"\u003e\n                                    20Ah + 20Ah \u003cspan class=\"price\"\u003e+$500\u003c\/span\u003e\n                                \u003c\/button\u003e\n                                \u003cbutton class=\"variant-option\" data-battery=\"20ah+25ah\" data-battery-price=\"700\" data-range=\"90-110\" onclick=\"selectBattery(this)\"\u003e\n                                    20Ah + 25Ah \u003cspan class=\"price\"\u003e+$700\u003c\/span\u003e\n                                \u003c\/button\u003e\n                            \u003c\/div\u003e\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"total-price animate-on-scroll\"\u003e\n                        \u003cdiv class=\"total-price-row\"\u003e\n                            \u003cspan class=\"total-price-label\"\u003eTotal Price\u003c\/span\u003e\n                            \u003cspan class=\"total-price-value\" id=\"totalPriceDisplay\"\u003e$1,799\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"add-to-cart-section animate-on-scroll\"\u003e\n                        \u003cbutton class=\"btn btn-primary btn-add-cart\" onclick=\"addToCart()\"\u003e\n                            \u003csvg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\n                                \u003ccircle cx=\"9\" cy=\"21\" r=\"1\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"20\" cy=\"21\" r=\"1\"\u003e\u003c\/circle\u003e\n                                \u003cpath d=\"M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6\"\u003e\u003c\/path\u003e\n                            \u003c\/svg\u003e\n                            Add to Cart\n                        \u003c\/button\u003e\n                        \u003cdiv class=\"trust-badges\"\u003e\n                            \u003cspan class=\"trust-badge\"\u003e\n                                \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\n                                    \u003cpath d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\u003e\u003c\/path\u003e\n                                \u003c\/svg\u003e\n                                2-Year Warranty\n                            \u003c\/span\u003e\n                            \u003cspan class=\"trust-badge\"\u003e\n                                \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\n                                    \u003crect x=\"1\" y=\"3\" width=\"15\" height=\"13\"\u003e\u003c\/rect\u003e\u003cpolygon points=\"16 8 20 8 23 11 23 16 16 16 16 8\"\u003e\u003c\/polygon\u003e\n                                    \u003ccircle cx=\"5.5\" cy=\"18.5\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"18.5\" cy=\"18.5\" r=\"2.5\"\u003e\u003c\/circle\u003e\n                                \u003c\/svg\u003e\n                                Free Shipping\n                            \u003c\/span\u003e\n                            \u003cspan class=\"trust-badge\"\u003e\n                                \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\n                                    \u003cpolyline points=\"20 12 20 22 4 22 4 12\"\u003e\u003c\/polyline\u003e\u003crect x=\"2\" y=\"7\" width=\"20\" height=\"5\"\u003e\u003c\/rect\u003e\n                                    \u003cline x1=\"12\" y1=\"22\" x2=\"12\" y2=\"7\"\u003e\u003c\/line\u003e\u003cpath d=\"M12 7H7.5a2.5 2.5 0 0 1 0-5C11 2 12 7 12 7z\"\u003e\u003c\/path\u003e\n                                    \u003cpath d=\"M12 7h4.5a2.5 2.5 0 0 0 0-5C13 2 12 7 12 7z\"\u003e\u003c\/path\u003e\n                                \u003c\/svg\u003e\n                                30-Day Returns\n                            \u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- Free Gifts Section --\u003e\n    \u003csection class=\"gifts-section\" id=\"gifts\"\u003e\n        \u003cdiv class=\"container\"\u003e\n            \u003cdiv class=\"section-header animate-on-scroll\"\u003e\n                \u003cspan class=\"section-tag\"\u003eLimited Time Offer\u003c\/span\u003e\n                \u003ch2 class=\"section-title\"\u003eFree Gifts Worth $376.98\u003c\/h2\u003e\n                \u003cp class=\"section-subtitle\"\u003eOrder now and receive premium accessories at no extra cost\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"gifts-grid\"\u003e\n                \u003cdiv class=\"gift-card animate-on-scroll\"\u003e\n                    \u003cdiv class=\"gift-icon\"\u003e\n                        \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\n                            \u003crect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\"\u003e\u003c\/rect\u003e\n                            \u003cpath d=\"M7 11V7a5 5 0 0 1 10 0v4\"\u003e\u003c\/path\u003e\n                        \u003c\/svg\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"gift-name\"\u003eTrike Lock\u003c\/div\u003e\n                    \u003cdiv class=\"gift-value\"\u003e$59.99\u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"gift-card animate-on-scroll\"\u003e\n                    \u003cdiv class=\"gift-icon\"\u003e\n                        \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\n                            \u003cpath d=\"M2 4v16h20V6l-4-4H2z\"\u003e\u003c\/path\u003e\u003cpath d=\"M2 10h4v12H2z\"\u003e\u003c\/path\u003e\u003cpath d=\"M18 10h4v12h-4z\"\u003e\u003c\/path\u003e\n                        \u003c\/svg\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"gift-name\"\u003eAdjustable Backrest\u003c\/div\u003e\n                    \u003cdiv class=\"gift-value\"\u003e$89.99\u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"gift-card animate-on-scroll\"\u003e\n                    \u003cdiv class=\"gift-icon\"\u003e\n                        \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\n                            \u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"3\"\u003e\u003c\/circle\u003e\n                            \u003cline x1=\"12\" y1=\"2\" x2=\"12\" y2=\"5\"\u003e\u003c\/line\u003e\u003cline x1=\"12\" y1=\"19\" x2=\"12\" y2=\"22\"\u003e\u003c\/line\u003e\n                            \u003cline x1=\"2\" y1=\"12\" x2=\"5\" y2=\"12\"\u003e\u003c\/line\u003e\u003cline x1=\"19\" y1=\"12\" x2=\"22\" y2=\"12\"\u003e\u003c\/line\u003e\n                        \u003c\/svg\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"gift-name\"\u003eRearview Mirror\u003c\/div\u003e\n                    \u003cdiv class=\"gift-value\"\u003e$34.99\u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"gift-card animate-on-scroll\"\u003e\n                    \u003cdiv class=\"gift-icon\"\u003e\n                        \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\n                            \u003crect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\"\u003e\u003c\/rect\u003e\u003cpath d=\"M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16\"\u003e\u003c\/path\u003e\n                        \u003c\/svg\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"gift-name\"\u003eBasket Set\u003c\/div\u003e\n                    \u003cdiv class=\"gift-value\"\u003e$129.99\u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"gift-card animate-on-scroll\"\u003e\n                    \u003cdiv class=\"gift-icon\"\u003e\n                        \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\n                            \u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cpath d=\"M12 6v6l4 2\"\u003e\u003c\/path\u003e\n                        \u003c\/svg\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"gift-name\"\u003eChain Guard\u003c\/div\u003e\n                    \u003cdiv class=\"gift-value\"\u003e$62.02\u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- Key Improvements --\u003e\n    \u003csection class=\"improvements-section\" id=\"features\"\u003e\n        \u003cdiv class=\"container\"\u003e\n            \u003cdiv class=\"section-header animate-on-scroll\"\u003e\n                \u003cspan class=\"section-tag\"\u003eUpgraded Design\u003c\/span\u003e\n                \u003ch2 class=\"section-title\"\u003eKey Improvements\u003c\/h2\u003e\n                \u003cp class=\"section-subtitle\"\u003eSee what's new with the Dawn Pro\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"improvements-grid\"\u003e\n                \u003cdiv class=\"improvement-card animate-on-scroll\"\u003e\n                    \u003cdiv class=\"improvement-icon\"\u003e\n                        \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\n                            \u003cpath d=\"M12 2v4M12 18v4M4.93 4.93l2.83 2.83M16.24 16.24l2.83 2.83M2 12h4M18 12h4\"\u003e\u003c\/path\u003e\n                        \u003c\/svg\u003e\n                    \u003c\/div\u003e\n                    \u003ch3 class=\"improvement-title\"\u003eFull Suspension\u003c\/h3\u003e\n                    \u003cp class=\"improvement-desc\"\u003eDual rear suspension plus front fork suspension delivers exceptional comfort on any terrain. Glide over bumps and obstacles with confidence.\u003c\/p\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"improvement-card animate-on-scroll\"\u003e\n                    \u003cdiv class=\"improvement-icon\"\u003e\n                        \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\n                            \u003ccircle cx=\"12\" cy=\"12\" r=\"3\"\u003e\u003c\/circle\u003e\u003cpath d=\"M12 1v4M12 19v4M4.22 4.22l2.83 2.83M16.95 16.95l2.83 2.83\"\u003e\u003c\/path\u003e\n                        \u003c\/svg\u003e\n                    \u003c\/div\u003e\n                    \u003ch3 class=\"improvement-title\"\u003eTorque Sensor\u003c\/h3\u003e\n                    \u003cp class=\"improvement-desc\"\u003eIntelligent torque sensing provides responsive pedaling assistance that naturally matches your effort. Feel connected to your ride.\u003c\/p\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"improvement-card animate-on-scroll\"\u003e\n                    \u003cdiv class=\"improvement-icon\"\u003e\n                        \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\n                            \u003cpath d=\"M12 2L2 7l10 5 10-5-10-5z\"\u003e\u003c\/path\u003e\u003cpath d=\"M2 17l10 5 10-5\"\u003e\u003c\/path\u003e\u003cpath d=\"M2 12l10 5 10-5\"\u003e\u003c\/path\u003e\n                        \u003c\/svg\u003e\n                    \u003c\/div\u003e\n                    \u003ch3 class=\"improvement-title\"\u003eDifferential System\u003c\/h3\u003e\n                    \u003cp class=\"improvement-desc\"\u003eAdvanced differential enables smooth, controlled turns without wheel slip or skipping. Navigate corners with precision and stability.\u003c\/p\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"improvement-card animate-on-scroll\"\u003e\n                    \u003cdiv class=\"improvement-icon\"\u003e\n                        \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\n                            \u003cpath d=\"M21 10V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l2-1.14\"\u003e\u003c\/path\u003e\n                            \u003cpath d=\"M7.5 4.21l4.5 2.6 4.5-2.6\"\u003e\u003c\/path\u003e\u003cpath d=\"M7.5 19.79V14.6L3 12\"\u003e\u003c\/path\u003e\n                            \u003cpath d=\"M21 12l-4.5 2.6v5.19\"\u003e\u003c\/path\u003e\u003cpath d=\"M3.27 6.96L12 12.01l8.73-5.05\"\u003e\u003c\/path\u003e\n                            \u003cpath d=\"M12 22.08V12\"\u003e\u003c\/path\u003e\n                        \u003c\/svg\u003e\n                    \u003c\/div\u003e\n                    \u003ch3 class=\"improvement-title\"\u003eFoldable Design\u003c\/h3\u003e\n                    \u003cp class=\"improvement-desc\"\u003eCompact folding mechanism for easy storage and transport. Take your trike anywhere with hassle-free loading and unloading.\u003c\/p\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"improvement-card animate-on-scroll\"\u003e\n                    \u003cdiv class=\"improvement-icon\"\u003e\n                        \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\n                            \u003cpath d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\u003e\u003c\/path\u003e\n                        \u003c\/svg\u003e\n                    \u003c\/div\u003e\n                    \u003ch3 class=\"improvement-title\"\u003eReverse Mode\u003c\/h3\u003e\n                    \u003cp class=\"improvement-desc\"\u003eConvenient reverse gear for easy maneuvering in tight spaces. Back out of garages, driveways, and storage areas effortlessly.\u003c\/p\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"improvement-card animate-on-scroll\"\u003e\n                    \u003cdiv class=\"improvement-icon\"\u003e\n                        \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\n                            \u003crect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\"\u003e\u003c\/rect\u003e\u003cpath d=\"M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16\"\u003e\u003c\/path\u003e\n                        \u003c\/svg\u003e\n                    \u003c\/div\u003e\n                    \u003ch3 class=\"improvement-title\"\u003e100 lbs Rear Capacity\u003c\/h3\u003e\n                    \u003cp class=\"improvement-desc\"\u003eExpanded rear storage capacity up to 100 lbs. Bring groceries, gear, pets, and more without compromising ride quality.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- Performance Stats --\u003e\n    \u003csection class=\"performance-section\"\u003e\n        \u003cdiv class=\"container\"\u003e\n            \u003cdiv class=\"section-header animate-on-scroll\"\u003e\n                \u003cspan class=\"section-tag\"\u003ePerformance\u003c\/span\u003e\n                \u003ch2 class=\"section-title\"\u003eBuilt for Power \u0026amp; Range\u003c\/h2\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"performance-grid\"\u003e\n                \u003cdiv class=\"perf-card animate-on-scroll\"\u003e\n                    \u003cdiv class=\"perf-value\"\u003e22\u003c\/div\u003e\n                    \u003cdiv class=\"perf-unit\"\u003eMPH\u003c\/div\u003e\n                    \u003cdiv class=\"perf-label\"\u003eMax Speed\u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"perf-card animate-on-scroll\"\u003e\n                    \u003cdiv class=\"perf-value\"\u003e1200\u003c\/div\u003e\n                    \u003cdiv class=\"perf-unit\"\u003eWATT\u003c\/div\u003e\n                    \u003cdiv class=\"perf-label\"\u003ePeak Power\u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"perf-card animate-on-scroll\"\u003e\n                    \u003cdiv class=\"perf-value\"\u003e90\u003c\/div\u003e\n                    \u003cdiv class=\"perf-unit\"\u003eNM\u003c\/div\u003e\n                    \u003cdiv class=\"perf-label\"\u003eMax Torque\u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"perf-card animate-on-scroll\"\u003e\n                    \u003cdiv class=\"perf-value\"\u003e127.9\u003c\/div\u003e\n                    \u003cdiv class=\"perf-unit\"\u003eLBS\u003c\/div\u003e\n                    \u003cdiv class=\"perf-label\"\u003eTotal Weight\u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- Design Features --\u003e\n    \u003csection class=\"design-section\"\u003e\n        \u003cdiv class=\"container\"\u003e\n            \u003cdiv class=\"design-grid\"\u003e\n                \u003cdiv class=\"design-image animate-on-scroll\"\u003e\n                    \u003cimg src=\"imgs\/woman-riding-electric-trike-park-lifestyle.jpg\" alt=\"Dawn Pro Electric Trike Lifestyle\"\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"design-content animate-on-scroll\"\u003e\n                    \u003cspan class=\"section-tag\"\u003eDesign\u003c\/span\u003e\n                    \u003ch3\u003eClassic Semi-Recumbent Design\u003c\/h3\u003e\n                    \u003cdiv class=\"design-feature\"\u003e\n                        \u003cdiv class=\"design-feature-icon\"\u003e\n                            \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\n                                \u003cpath d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\u003e\u003c\/path\u003e\n                                \u003ccircle cx=\"9\" cy=\"7\" r=\"4\"\u003e\u003c\/circle\u003e\n                                \u003cpath d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\u003e\u003c\/path\u003e\u003cpath d=\"M16 3.13a4 4 0 0 1 0 7.75\"\u003e\u003c\/path\u003e\n                            \u003c\/svg\u003e\n                        \u003c\/div\u003e\n                        \u003cdiv class=\"design-feature-text\"\u003e\n                            \u003ch4\u003eForward Pedal Setup\u003c\/h4\u003e\n                            \u003cp\u003eErgonomic semi-recumbent position reduces strain on joints while maintaining visibility and control.\u003c\/p\u003e\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"design-feature\"\u003e\n                        \u003cdiv class=\"design-feature-icon\"\u003e\n                            \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\n                                \u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cpath d=\"M12 6v6l4 2\"\u003e\u003c\/path\u003e\n                            \u003c\/svg\u003e\n                        \u003c\/div\u003e\n                        \u003cdiv class=\"design-feature-text\"\u003e\n                            \u003ch4\u003eProtected Chain System\u003c\/h4\u003e\n                            \u003cp\u003eFully enclosed chain guard keeps drivetrain clean and maintenance-free in all conditions.\u003c\/p\u003e\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"design-feature\"\u003e\n                        \u003cdiv class=\"design-feature-icon\"\u003e\n                            \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\n                                \u003crect x=\"5\" y=\"2\" width=\"14\" height=\"20\" rx=\"2\"\u003e\u003c\/rect\u003e\u003cline x1=\"12\" y1=\"18\" x2=\"12\" y2=\"18\"\u003e\u003c\/line\u003e\n                            \u003c\/svg\u003e\n                        \u003c\/div\u003e\n                        \u003cdiv class=\"design-feature-text\"\u003e\n                            \u003ch4\u003eYolin Smart LCD Display\u003c\/h4\u003e\n                            \u003cp\u003eIntegrated full-color display shows speed, battery, distance, and ride mode at a glance.\u003c\/p\u003e\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"design-feature\"\u003e\n                        \u003cdiv class=\"design-feature-icon\"\u003e\n                            \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\n                                \u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"3\"\u003e\u003c\/circle\u003e\n                            \u003c\/svg\u003e\n                        \u003c\/div\u003e\n                        \u003cdiv class=\"design-feature-text\"\u003e\n                            \u003ch4\u003eHydraulic Disc Brakes\u003c\/h4\u003e\n                            \u003cp\u003e180mm hydraulic discs on all three wheels provide confident, fade-free stopping power.\u003c\/p\u003e\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- Battery Options --\u003e\n    \u003csection class=\"battery-section\"\u003e\n        \u003cdiv class=\"container\"\u003e\n            \u003cdiv class=\"section-header animate-on-scroll\"\u003e\n                \u003cspan class=\"section-tag\"\u003ePower Options\u003c\/span\u003e\n                \u003ch2 class=\"section-title\"\u003eBattery Configurations\u003c\/h2\u003e\n                \u003cp class=\"section-subtitle\"\u003eChoose the range that fits your needs\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"battery-grid\"\u003e\n                \u003cdiv class=\"battery-card animate-on-scroll selected\"\u003e\n                    \u003cdiv class=\"battery-capacity\"\u003e20Ah\u003c\/div\u003e\n                    \u003cdiv class=\"battery-type\"\u003eStandard Seat\u003c\/div\u003e\n                    \u003cdiv class=\"battery-range\"\u003e40-65 miles\u003c\/div\u003e\n                    \u003cdiv class=\"battery-price\"\u003e$1,799\u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"battery-card animate-on-scroll\"\u003e\n                    \u003cdiv class=\"battery-capacity\"\u003e35Ah\u003c\/div\u003e\n                    \u003cdiv class=\"battery-type\"\u003eDual Battery\u003c\/div\u003e\n                    \u003cdiv class=\"battery-range\"\u003e60-85 miles\u003c\/div\u003e\n                    \u003cdiv class=\"battery-price\"\u003e$2,199\u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"battery-card animate-on-scroll\"\u003e\n                    \u003cdiv class=\"battery-capacity\"\u003e40Ah\u003c\/div\u003e\n                    \u003cdiv class=\"battery-type\"\u003eDual Battery\u003c\/div\u003e\n                    \u003cdiv class=\"battery-range\"\u003e80-100 miles\u003c\/div\u003e\n                    \u003cdiv class=\"battery-price\"\u003e$2,299\u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"battery-card animate-on-scroll\"\u003e\n                    \u003cdiv class=\"battery-capacity\"\u003e45Ah\u003c\/div\u003e\n                    \u003cdiv class=\"battery-type\"\u003eDual Battery\u003c\/div\u003e\n                    \u003cdiv class=\"battery-range\"\u003e90-110 miles\u003c\/div\u003e\n                    \u003cdiv class=\"battery-price\"\u003e$2,499\u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- Technical Specs --\u003e\n    \u003csection class=\"specs-section\"\u003e\n        \u003cdiv class=\"container\"\u003e\n            \u003cdiv class=\"section-header animate-on-scroll\"\u003e\n                \u003cspan class=\"section-tag\"\u003eSpecifications\u003c\/span\u003e\n                \u003ch2 class=\"section-title\"\u003eTechnical Details\u003c\/h2\u003e\n            \u003c\/div\u003e\n            \u003ctable class=\"specs-table animate-on-scroll\"\u003e\n                \u003ctr\u003e\n                    \u003ctd class=\"spec-label\"\u003eMotor\u003c\/td\u003e\n                    \u003ctd class=\"spec-value\"\u003e750W Brushless, Peak 1200W\u003c\/td\u003e\n                \u003c\/tr\u003e\n                \u003ctr\u003e\n                    \u003ctd class=\"spec-label\"\u003eBattery\u003c\/td\u003e\n                    \u003ctd class=\"spec-value\"\u003e48V 20Ah 960Wh LG Lithium\u003c\/td\u003e\n                \u003c\/tr\u003e\n                \u003ctr\u003e\n                    \u003ctd class=\"spec-label\"\u003eTires\u003c\/td\u003e\n                    \u003ctd class=\"spec-value\"\u003e18 x 4.0\" All-terrain\u003c\/td\u003e\n                \u003c\/tr\u003e\n                \u003ctr\u003e\n                    \u003ctd class=\"spec-label\"\u003eTransmission\u003c\/td\u003e\n                    \u003ctd class=\"spec-value\"\u003eShimano 7-Speed\u003c\/td\u003e\n                \u003c\/tr\u003e\n                \u003ctr\u003e\n                    \u003ctd class=\"spec-label\"\u003eBrakes\u003c\/td\u003e\n                    \u003ctd class=\"spec-value\"\u003eF\/R 180mm Hydraulic Disc\u003c\/td\u003e\n                \u003c\/tr\u003e\n                \u003ctr\u003e\n                    \u003ctd class=\"spec-label\"\u003eFrame\u003c\/td\u003e\n                    \u003ctd class=\"spec-value\"\u003eCarbon Steel\u003c\/td\u003e\n                \u003c\/tr\u003e\n                \u003ctr\u003e\n                    \u003ctd class=\"spec-label\"\u003eMax Torque\u003c\/td\u003e\n                    \u003ctd class=\"spec-value\"\u003e90 Nm\u003c\/td\u003e\n                \u003c\/tr\u003e\n                \u003ctr\u003e\n                    \u003ctd class=\"spec-label\"\u003eClimbing Ability\u003c\/td\u003e\n                    \u003ctd class=\"spec-value\"\u003eUp to 25%\u003c\/td\u003e\n                \u003c\/tr\u003e\n                \u003ctr\u003e\n                    \u003ctd class=\"spec-label\"\u003eMax Load\u003c\/td\u003e\n                    \u003ctd class=\"spec-value\"\u003e450 lbs\u003c\/td\u003e\n                \u003c\/tr\u003e\n                \u003ctr\u003e\n                    \u003ctd class=\"spec-label\"\u003eWeight\u003c\/td\u003e\n                    \u003ctd class=\"spec-value\"\u003e127.9 lbs\u003c\/td\u003e\n                \u003c\/tr\u003e\n                \u003ctr\u003e\n                    \u003ctd class=\"spec-label\"\u003eMax Speed\u003c\/td\u003e\n                    \u003ctd class=\"spec-value\"\u003e22 MPH\u003c\/td\u003e\n                \u003c\/tr\u003e\n                \u003ctr\u003e\n                    \u003ctd class=\"spec-label\"\u003eRange\u003c\/td\u003e\n                    \u003ctd class=\"spec-value\"\u003e40-100 miles (depending on configuration)\u003c\/td\u003e\n                \u003c\/tr\u003e\n            \u003c\/table\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- What's in the Box --\u003e\n    \u003csection class=\"box-section\"\u003e\n        \u003cdiv class=\"container\"\u003e\n            \u003cdiv class=\"section-header animate-on-scroll\"\u003e\n                \u003cspan class=\"section-tag\"\u003eUnboxing\u003c\/span\u003e\n                \u003ch2 class=\"section-title\"\u003eWhat's in the Box\u003c\/h2\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"box-grid\"\u003e\n                \u003cdiv class=\"box-item animate-on-scroll\"\u003e\n                    \u003csvg class=\"box-item-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\n                        \u003cpath d=\"M21 10V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16v-2\"\u003e\u003c\/path\u003e\n                        \u003cpath d=\"M3.27 6.96L12 12.01l8.73-5.05\"\u003e\u003c\/path\u003e\u003cpath d=\"M12 22.08V12\"\u003e\u003c\/path\u003e\n                    \u003c\/svg\u003e\n                    \u003cdiv class=\"box-item-name\"\u003eElectric Trike\u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"box-item animate-on-scroll\"\u003e\n                    \u003csvg class=\"box-item-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\n                        \u003crect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\"\u003e\u003c\/rect\u003e\u003cpath d=\"M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16\"\u003e\u003c\/path\u003e\n                    \u003c\/svg\u003e\n                    \u003cdiv class=\"box-item-name\"\u003eBattery Pack\u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"box-item animate-on-scroll\"\u003e\n                    \u003csvg class=\"box-item-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\n                        \u003cpath d=\"M5 17H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-1\"\u003e\u003c\/path\u003e\n                        \u003cpolygon points=\"12 15 17 21 7 21 12 15\"\u003e\u003c\/polygon\u003e\n                    \u003c\/svg\u003e\n                    \u003cdiv class=\"box-item-name\"\u003eCharger\u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"box-item animate-on-scroll\"\u003e\n                    \u003csvg class=\"box-item-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\n                        \u003cpath d=\"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z\"\u003e\u003c\/path\u003e\n                    \u003c\/svg\u003e\n                    \u003cdiv class=\"box-item-name\"\u003eTool Kit\u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"box-item animate-on-scroll\"\u003e\n                    \u003csvg class=\"box-item-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\n                        \u003crect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\"\u003e\u003c\/rect\u003e\n                        \u003cpath d=\"M7 11V7a5 5 0 0 1 10 0v4\"\u003e\u003c\/path\u003e\n                    \u003c\/svg\u003e\n                    \u003cdiv class=\"box-item-name\"\u003eTrike Lock\u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"box-item animate-on-scroll\"\u003e\n                    \u003csvg class=\"box-item-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\n                        \u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"3\"\u003e\u003c\/circle\u003e\n                        \u003cline x1=\"12\" y1=\"2\" x2=\"12\" y2=\"5\"\u003e\u003c\/line\u003e\u003cline x1=\"12\" y1=\"19\" x2=\"12\" y2=\"22\"\u003e\u003c\/line\u003e\n                    \u003c\/svg\u003e\n                    \u003cdiv class=\"box-item-name\"\u003eRearview Mirror\u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- FAQ Section --\u003e\n    \u003csection class=\"faq-section\"\u003e\n        \u003cdiv class=\"container\"\u003e\n            \u003cdiv class=\"section-header animate-on-scroll\"\u003e\n                \u003cspan class=\"section-tag\"\u003eSupport\u003c\/span\u003e\n                \u003ch2 class=\"section-title\"\u003eFrequently Asked Questions\u003c\/h2\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"faq-container\"\u003e\n                \u003cdiv class=\"faq-item animate-on-scroll\"\u003e\n                    \u003cbutton class=\"faq-question\" onclick=\"toggleFaq(this)\"\u003e\n                        What is the assembly level?\n                        \u003csvg class=\"faq-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\n                            \u003cline x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\u003e\u003c\/line\u003e\u003cline x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\u003e\u003c\/line\u003e\n                        \u003c\/svg\u003e\n                    \u003c\/button\u003e\n                    \u003cdiv class=\"faq-answer\"\u003e\n                        \u003cdiv class=\"faq-answer-content\"\u003e\n                            The Dawn Pro arrives 85% pre-assembled. The final setup takes approximately 30-60 minutes. Detailed instructions and all necessary tools are included in the box.\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"faq-item animate-on-scroll\"\u003e\n                    \u003cbutton class=\"faq-question\" onclick=\"toggleFaq(this)\"\u003e\n                        Can I remove the battery for charging?\n                        \u003csvg class=\"faq-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\n                            \u003cline x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\u003e\u003c\/line\u003e\u003cline x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\u003e\u003c\/line\u003e\n                        \u003c\/svg\u003e\n                    \u003c\/button\u003e\n                    \u003cdiv class=\"faq-answer\"\u003e\n                        \u003cdiv class=\"faq-answer-content\"\u003e\n                            Yes, the battery is fully removable for convenient charging. Simply unlock and slide out the battery pack from its compartment beneath the seat.\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"faq-item animate-on-scroll\"\u003e\n                    \u003cbutton class=\"faq-question\" onclick=\"toggleFaq(this)\"\u003e\n                        What is the range on a full charge?\n                        \u003csvg class=\"faq-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\n                            \u003cline x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\u003e\u003c\/line\u003e\u003cline x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\u003e\u003c\/line\u003e\n                        \u003c\/svg\u003e\n                    \u003c\/button\u003e\n                    \u003cdiv class=\"faq-answer\"\u003e\n                        \u003cdiv class=\"faq-answer-content\"\u003e\n                            The range varies from 40-100 miles depending on the battery configuration, terrain, rider weight, assist level, and weather conditions. The 45Ah dual battery configuration provides the maximum range.\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"faq-item animate-on-scroll\"\u003e\n                    \u003cbutton class=\"faq-question\" onclick=\"toggleFaq(this)\"\u003e\n                        Do you offer free shipping?\n                        \u003csvg class=\"faq-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\n                            \u003cline x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\u003e\u003c\/line\u003e\u003cline x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\u003e\u003c\/line\u003e\n                        \u003c\/svg\u003e\n                    \u003c\/button\u003e\n                    \u003cdiv class=\"faq-answer\"\u003e\n                        \u003cdiv class=\"faq-answer-content\"\u003e\n                            Yes, we offer free shipping to most US states. Some remote areas may incur additional delivery charges. Contact our support team for shipping estimates to Alaska, Hawaii, or international destinations.\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"faq-item animate-on-scroll\"\u003e\n                    \u003cbutton class=\"faq-question\" onclick=\"toggleFaq(this)\"\u003e\n                        Where can I download the user manual?\n                        \u003csvg class=\"faq-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\n                            \u003cline x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\u003e\u003c\/line\u003e\u003cline x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\u003e\u003c\/line\u003e\n                        \u003c\/svg\u003e\n                    \u003c\/button\u003e\n                    \u003cdiv class=\"faq-answer\"\u003e\n                        \u003cdiv class=\"faq-answer-content\"\u003e\n                            User manuals and technical documentation can be downloaded from our support page. If you cannot find what you need, contact our support team at \u003ca href=\"\/cdn-cgi\/l\/email-protection\" class=\"__cf_email__\" data-cfemail=\"b2c1c7c2c2ddc0c6f2d6d3c5dcc1daddc2dbd4cb9cd1dddf\"\u003e[email protected]\u003c\/a\u003e and we will assist you promptly.\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n\n\n    \u003cscript data-cfasync=\"false\" src=\"\/cdn-cgi\/scripts\/5c5dd728\/cloudflare-static\/email-decode.min.js\"\u003e\u003c\/script\u003e\u003cscript\u003e\n        \/\/ Product variant state\n        let selectedSeat = 'standard';\n        let selectedBattery = '20ah';\n        let seatPrice = 0;\n        let batteryPrice = 0;\n        let basePrice = 1799;\n\n        \/\/ Image gallery\n        function changeImage(src, thumbnail) {\n            document.getElementById('mainProductImage').src = src;\n            document.querySelectorAll('.thumbnail').forEach(t =\u003e t.classList.remove('active'));\n            thumbnail.classList.add('active');\n        }\n\n        \/\/ Seat selection\n        function selectSeat(element) {\n            document.querySelectorAll('#seatOptions .variant-option').forEach(opt =\u003e opt.classList.remove('selected'));\n            element.classList.add('selected');\n            selectedSeat = element.dataset.seat;\n            seatPrice = parseInt(element.dataset.seatPrice);\n            updatePrice();\n        }\n\n        \/\/ Battery selection\n        function selectBattery(element) {\n            document.querySelectorAll('#batteryOptions .variant-option').forEach(opt =\u003e opt.classList.remove('selected'));\n            element.classList.add('selected');\n            selectedBattery = element.dataset.battery;\n            batteryPrice = parseInt(element.dataset.batteryPrice);\n            updatePrice();\n        }\n\n        \/\/ Update price display\n        function updatePrice() {\n            const total = basePrice + seatPrice + batteryPrice;\n            document.getElementById('totalPrice').textContent = '$' + total.toLocaleString();\n            document.getElementById('totalPriceDisplay').textContent = '$' + total.toLocaleString();\n        }\n\n        \/\/ Add to cart\n        function addToCart() {\n            const btn = document.querySelector('.btn-add-cart');\n            const originalText = btn.innerHTML;\n            btn.innerHTML = '\u003csvg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\u003cpath d=\"M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10z\"\/\u003e\u003cpath d=\"M9 12l2 2 4-4\"\/\u003e\u003c\/svg\u003e Added!';\n            btn.style.background = 'linear-gradient(135deg, #22C55E 0%, #16A34A 100%)';\n            setTimeout(() =\u003e {\n                btn.innerHTML = originalText;\n                btn.style.background = '';\n            }, 2000);\n        }\n\n        \/\/ FAQ toggle\n        function toggleFaq(button) {\n            const faqItem = button.parentElement;\n            const wasOpen = faqItem.classList.contains('open');\n\n            document.querySelectorAll('.faq-item').forEach(item =\u003e item.classList.remove('open'));\n\n            if (!wasOpen) {\n                faqItem.classList.add('open');\n            }\n        }\n\n        \/\/ Form submission\n        function handleSubmit(event) {\n            event.preventDefault();\n            const form = event.target;\n            const btn = form.querySelector('.btn-submit');\n            const originalText = btn.textContent;\n\n            btn.textContent = 'Message Sent!';\n            btn.style.background = 'linear-gradient(135deg, #22C55E 0%, #16A34A 100%)';\n\n            setTimeout(() =\u003e {\n                btn.textContent = originalText;\n                btn.style.background = '';\n                form.reset();\n            }, 3000);\n        }\n\n        \/\/ Scroll animations\n        function initScrollAnimations() {\n            const observer = new IntersectionObserver((entries) =\u003e {\n                entries.forEach((entry, index) =\u003e {\n                    if (entry.isIntersecting) {\n                        setTimeout(() =\u003e {\n                            entry.target.classList.add('visible');\n                        }, index * 100);\n                    }\n                });\n            }, {\n                threshold: 0.1,\n                rootMargin: '0px 0px -50px 0px'\n            });\n\n            document.querySelectorAll('.animate-on-scroll').forEach(el =\u003e observer.observe(el));\n        }\n\n        \/\/ Initialize\n        document.addEventListener('DOMContentLoaded', () =\u003e {\n            initScrollAnimations();\n        });\n    \u003c\/script\u003e\n\n\u003cscript\u003e\n\/**\n * Iframe 元素高亮注入脚本\n * 需要在目标网站中引入此脚本来支持跨域 iframe 高亮功能\n *\n * 使用方法：\n * 1. 将此脚本添加到目标网站的 HTML 中\n * 2. 或通过浏览器扩展、用户脚本等方式注入\n *\/\n\n(function () {\n  \"use strict\";\n\n  \/\/ 检查是否在 iframe 中\n  if (window.self === window.top) {\n    return; \/\/ 不在 iframe 中，不执行\n  }\n\n  \/\/ 检查是否已经初始化过\n  if (window.__iframeHighlightInitialized) {\n    return;\n  }\n  window.__iframeHighlightInitialized = true;\n  console.log(\"Iframe 高亮脚本已加载\");\n\n  \/\/ 创建高亮覆盖层\n  var overlay = document.createElement(\"div\");\n  overlay.id = \"iframe-highlight-overlay\";\n  overlay.style.cssText = \"\\n    position: fixed;\\n    top: 0;\\n    left: 0;\\n    width: 100vw;\\n    height: 100vh;\\n    pointer-events: none;\\n    z-index: 999999;\\n    overflow: hidden;\\n  \";\n\n  \/\/ 创建悬停高亮框（虚线边框）\n  var highlightBox = document.createElement(\"div\");\n  highlightBox.id = \"iframe-highlight-box\";\n  highlightBox.style.cssText = \"\\n    position: absolute;\\n    border: 2px dashed #007AFF;\\n    background: rgba(0, 122, 255, 0.08);\\n    pointer-events: none;\\n    display: none;\\n    transition: all 0.1s ease;\\n    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.8);\\n    border-radius: 2px;\\n  \";\n\n  \/\/ 创建选中节点的常驻高亮框（实线边框）\n  var selectedBox = document.createElement(\"div\");\n  selectedBox.id = \"iframe-selected-box\";\n  selectedBox.style.cssText = \"\\n    position: absolute;\\n    border: 2px solid #007AFF;\\n    pointer-events: none;\\n    display: none;\\n    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.9), 0 0 8px rgba(255, 107, 53, 0.4);\\n    border-radius: 2px;\\n    z-index: 1000000;\\n  \";\n\n  \/\/ 创建悬停标签显示\n  var tagLabel = document.createElement(\"div\");\n  tagLabel.id = \"iframe-tag-label\";\n  tagLabel.style.cssText = \"\\n    position: absolute;\\n    background: #007AFF;\\n    color: white;\\n    padding: 2px 6px;\\n    font-size: 11px;\\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;\\n    border-radius: 2px;\\n    pointer-events: none;\\n    display: none;\\n    white-space: nowrap;\\n    z-index: 1000001;\\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);\\n    font-weight: 500;\\n  \";\n\n  \/\/ 创建选中节点标签\n  var selectedLabel = document.createElement(\"div\");\n  selectedLabel.id = \"iframe-selected-label\";\n  selectedLabel.style.cssText = \"\\n    position: absolute;\\n    background: #007AFF;\\n    color: white;\\n    padding: 3px 8px;\\n    font-size: 11px;\\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;\\n    border-radius: 3px;\\n    pointer-events: none;\\n    display: none;\\n    white-space: nowrap;\\n    z-index: 1000002;\\n    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);\\n    font-weight: 600;\\n  \";\n  overlay.appendChild(highlightBox);\n  overlay.appendChild(selectedBox);\n  overlay.appendChild(tagLabel);\n  overlay.appendChild(selectedLabel);\n  document.body.appendChild(overlay);\n\n  \/\/ 存储当前选中的元素\n  var selectedElement = null;\n  var highlightEnabled = false;\n\n  \/\/ 更新选中元素的高亮显示\n  function updateSelectedHighlight(element) {\n    console.log(\"updateSelectedHighlight called with:\", element);\n    if (!element) {\n      selectedBox.style.display = \"none\";\n      selectedLabel.style.display = \"none\";\n      selectedElement = null;\n      console.log(\"Cleared selected highlight\");\n      return;\n    }\n    selectedElement = element;\n    var rect = element.getBoundingClientRect();\n    console.log(\"Selected element rect:\", rect);\n\n    \/\/ 更新选中高亮框位置\n    selectedBox.style.display = \"block\";\n    selectedBox.style.left = \"\".concat(rect.left - 2, \"px\");\n    selectedBox.style.top = \"\".concat(rect.top - 2, \"px\");\n    selectedBox.style.width = \"\".concat(rect.width + 4, \"px\");\n    selectedBox.style.height = \"\".concat(rect.height + 4, \"px\");\n\n    \/\/ 更新选中标签位置和内容\n    selectedLabel.style.display = \"block\";\n    selectedLabel.textContent = \"\\u2713 \u003c\".concat(element.tagName.toLowerCase(), \"\u003e\");\n\n    \/\/ 计算标签位置，确保不超出视窗\n    var labelTop = rect.top - 28;\n    var labelLeft = rect.left;\n\n    \/\/ 如果标签会超出顶部，显示在元素下方\n    if (labelTop \u003c 5) {\n      labelTop = rect.bottom + 5;\n    }\n\n    \/\/ 如果标签会超出右侧，向左调整\n    var labelWidth = selectedLabel.offsetWidth || 100; \/\/ 预估宽度\n    if (labelLeft + labelWidth \u003e window.innerWidth - 10) {\n      labelLeft = window.innerWidth - labelWidth - 10;\n    }\n    selectedLabel.style.left = \"\".concat(Math.max(5, labelLeft), \"px\");\n    selectedLabel.style.top = \"\".concat(labelTop, \"px\");\n    console.log(\"Selected highlight positioned at:\", {\n      left: selectedBox.style.left,\n      top: selectedBox.style.top,\n      width: selectedBox.style.width,\n      height: selectedBox.style.height\n    });\n  }\n  function getElementSelector(element) {\n    if (!(element instanceof Element)) throw new Error('Argument must be a DOM element');\n    var segments = [];\n    var current = element;\n    while (current !== document.documentElement) {\n      var selector = '';\n      \/\/ 优先检查唯一ID\n      if (current.id \u0026\u0026 document.querySelectorAll(\"#\".concat(current.id)).length === 1) {\n        segments.unshift(\"#\".concat(current.id));\n        break; \/\/ ID唯一，无需继续向上\n      }\n\n      \/\/ 生成类名选择器（取第一个有效类名）\n      var classes = Array.from(current.classList).filter(function (c) {\n        return !c.startsWith('js-');\n      });\n      var className = classes.length \u003e 0 ? \".\".concat(classes[0]) : '';\n\n      \/\/ 生成位置索引（nth-child）\n      var tag = current.tagName.toLowerCase();\n      if (!className) {\n        var siblings = Array.from(current.parentNode.children);\n        var index = siblings.findIndex(function (el) {\n          return el === current;\n        }) + 1;\n        selector = \"\".concat(tag, \":nth-child(\").concat(index, \")\");\n      } else {\n        selector = className;\n      }\n      segments.unshift(selector);\n      current = current.parentElement;\n    }\n\n    \/\/ 处理根元素\n    if (current === document.documentElement) {\n      segments.unshift('html');\n    }\n    return segments.join(' \u003e ');\n  }\n\n  \/\/ 获取元素文本内容\n  function getElementText(element) {\n    var _element$textContent;\n    if (element.tagName === \"INPUT\") {\n      return element.value || element.placeholder || \"\";\n    }\n    if (element.tagName === \"TEXTAREA\") {\n      return element.value || element.placeholder || \"\";\n    }\n    var text = ((_element$textContent = element.textContent) === null || _element$textContent === void 0 ? void 0 : _element$textContent.trim()) || \"\";\n    return text.length \u003e 50 ? text.substring(0, 50) + \"...\" : text;\n  }\n\n  \/\/ 获取元素属性信息\n  function getElementAttributes(element) {\n    var attrs = {};\n    for (var i = 0; i \u003c element.attributes.length; i++) {\n      var attr = element.attributes[i];\n      attrs[attr.name] = attr.value;\n    }\n    return attrs;\n  }\n\n  \/\/ 鼠标悬停事件处理\n  function handleMouseOver(e) {\n    if (!highlightEnabled) return;\n    var target = e.target;\n    if (!target || target === overlay || target === highlightBox || target === tagLabel || target === selectedBox || target === selectedLabel) {\n      return;\n    }\n\n    \/\/ 避免高亮 html 和 body 元素\n    if (target === document.documentElement || target === document.body) {\n      return;\n    }\n\n    \/\/ 如果是已选中的元素，不显示悬停高亮\n    if (target === selectedElement) {\n      highlightBox.style.display = \"none\";\n      tagLabel.style.display = \"none\";\n      return;\n    }\n    var rect = target.getBoundingClientRect();\n    var selector = getElementSelector(target);\n    var text = getElementText(target);\n    var attributes = getElementAttributes(target);\n\n    \/\/ 更新悬停高亮框位置\n    highlightBox.style.display = \"block\";\n    highlightBox.style.left = \"\".concat(rect.left - 2, \"px\");\n    highlightBox.style.top = \"\".concat(rect.top - 2, \"px\");\n    highlightBox.style.width = \"\".concat(rect.width + 4, \"px\");\n    highlightBox.style.height = \"\".concat(rect.height + 4, \"px\");\n\n    \/\/ 更新标签位置和内容\n    tagLabel.style.display = \"block\";\n    tagLabel.textContent = \"\u003c\".concat(target.tagName.toLowerCase(), \"\u003e\");\n\n    \/\/ 计算标签位置，确保不超出视窗\n    var labelTop = rect.top - 22;\n    var labelLeft = rect.left;\n\n    \/\/ 如果标签会超出顶部，显示在元素下方\n    if (labelTop \u003c 0) {\n      labelTop = rect.bottom + 5;\n    }\n\n    \/\/ 如果标签会超出右侧，向左调整\n    if (labelLeft + tagLabel.offsetWidth \u003e window.innerWidth) {\n      labelLeft = window.innerWidth - tagLabel.offsetWidth - 5;\n    }\n    tagLabel.style.left = \"\".concat(Math.max(0, labelLeft), \"px\");\n    tagLabel.style.top = \"\".concat(labelTop, \"px\");\n\n    \/\/ 发送消息到父窗口\n    var elementInfo = {\n      tagName: target.tagName.toLowerCase(),\n      rect: {\n        left: rect.left,\n        top: rect.top,\n        right: rect.right,\n        bottom: rect.bottom,\n        width: rect.width,\n        height: rect.height,\n        x: rect.x,\n        y: rect.y\n      },\n      selector: selector,\n      text: text,\n      attributes: attributes,\n      url: window.location.href,\n      path: window.location.pathname,\n      timestamp: Date.now()\n    };\n    try {\n      window.parent.postMessage({\n        type: \"iframe-element-hover\",\n        data: elementInfo,\n        source: \"iframe-highlight-injector\"\n      }, \"*\");\n    } catch (error) {\n      console.warn(\"无法发送消息到父窗口:\", error);\n    }\n  }\n\n  \/\/ 鼠标离开事件处理\n  function handleMouseOut(e) {\n    if (!highlightEnabled) return;\n    var relatedTarget = e.relatedTarget;\n\n    \/\/ 如果鼠标移动到高亮相关元素上，不隐藏高亮\n    if (relatedTarget \u0026\u0026 (relatedTarget === highlightBox || relatedTarget === tagLabel || relatedTarget === overlay || relatedTarget === selectedBox || relatedTarget === selectedLabel)) {\n      return;\n    }\n    highlightBox.style.display = \"none\";\n    tagLabel.style.display = \"none\";\n    try {\n      window.parent.postMessage({\n        type: \"iframe-element-hover\",\n        data: null,\n        source: \"iframe-highlight-injector\"\n      }, \"*\");\n    } catch (error) {\n      console.warn(\"无法发送消息到父窗口:\", error);\n    }\n  }\n\n  \/\/ 点击事件处理\n  function handleClick(e) {\n    var target = e.target;\n    if (!target || target === overlay || target === highlightBox || target === tagLabel || target === selectedBox || target === selectedLabel) {\n      return;\n    }\n\n    \/\/ 避免处理 html 和 body 元素\n    if (target === document.documentElement || target === document.body) {\n      return;\n    }\n\n    \/\/ 检查是否是交互元素，这些元素需要保留默认行为\n    var isInteractiveElement = ['input', 'textarea', 'select', 'button', 'a'].includes(target.tagName.toLowerCase());\n\n    \/\/ 如果高亮功能启用，对于非交互元素阻止默认行为和事件传播\n    if (highlightEnabled) {\n      e.preventDefault();\n      e.stopPropagation();\n    }\n    var rect = target.getBoundingClientRect();\n    var selector = getElementSelector(target);\n    var text = getElementText(target);\n    var attributes = getElementAttributes(target);\n    console.log(\"Element clicked:\", {\n      tagName: target.tagName,\n      selector: selector,\n      rect: rect\n    });\n\n    \/\/ 立即更新选中高亮\n    updateSelectedHighlight(target);\n\n    \/\/ 隐藏悬停高亮，因为现在是选中状态\n    highlightBox.style.display = \"none\";\n    tagLabel.style.display = \"none\";\n    var elementInfo = {\n      tagName: target.tagName.toLowerCase(),\n      rect: {\n        left: rect.left,\n        top: rect.top,\n        right: rect.right,\n        bottom: rect.bottom,\n        width: rect.width,\n        height: rect.height,\n        x: rect.x,\n        y: rect.y\n      },\n      selector: selector,\n      text: text,\n      attributes: attributes,\n      url: window.location.href,\n      path: window.location.pathname,\n      timestamp: Date.now()\n    };\n    try {\n      window.parent.postMessage({\n        type: \"iframe-element-click\",\n        data: elementInfo,\n        source: \"iframe-highlight-injector\"\n      }, \"*\");\n    } catch (error) {\n      console.warn(\"无法发送消息到父窗口:\", error);\n    }\n  }\n\n  \/\/ 监听来自父窗口的消息\n  function handleParentMessage(event) {\n    console.log(\"Received message from parent:\", event.data);\n    if (event.data.type === \"iframe-highlight-toggle\") {\n      var enabled = event.data.enabled;\n      console.log(\"Highlight toggle:\", enabled);\n      if (enabled) {\n        enableHighlight();\n      } else {\n        disableHighlight();\n      }\n    } else if (event.data.type === \"enable-iframe-highlight\") {\n      console.log(\"Enable iframe highlight\");\n      enableHighlight();\n    } else if (event.data.type === \"disable-iframe-highlight\") {\n      console.log(\"Disable iframe highlight\");\n      disableHighlight();\n    } else if (event.data.type === \"toggle-iframe-highlight\") {\n      var _enabled = event.data.enabled !== undefined ? event.data.enabled : !highlightEnabled;\n      console.log(\"Toggle iframe highlight to:\", _enabled);\n      if (_enabled) {\n        enableHighlight();\n      } else {\n        disableHighlight();\n      }\n    } else if (event.data.type === \"update-selected-element\") {\n      var selector = event.data.selector;\n      console.log(\"Update selected element with selector:\", selector);\n      if (selector) {\n        try {\n          var element = document.querySelector(selector);\n          console.log(\"Found element by selector:\", element);\n          updateSelectedHighlight(element);\n        } catch (error) {\n          console.warn(\"Failed to select element:\", error);\n          updateSelectedHighlight(null);\n        }\n      } else {\n        updateSelectedHighlight(null);\n      }\n    } else if (event.data.type === \"clear-selected-element\") {\n      console.log(\"Clear selected element\");\n      updateSelectedHighlight(null);\n    }\n  }\n\n  \/\/ 启用高亮功能\n  function enableHighlight() {\n    console.log(\"Enabling highlight\");\n    document.addEventListener(\"mouseover\", handleMouseOver, true);\n    document.addEventListener(\"mouseout\", handleMouseOut, true);\n    document.addEventListener(\"click\", handleClick, true);\n    highlightEnabled = true;\n    overlay.style.display = \"block\";\n  }\n\n  \/\/ 禁用高亮功能\n  function disableHighlight() {\n    console.log(\"Disabling highlight\");\n    highlightEnabled = false;\n    \/\/ 保持事件监听器，但通过 highlightEnabled 变量控制行为\n    \/\/ 这样可以保留选中状态的显示\n    highlightBox.style.display = \"none\";\n    tagLabel.style.display = \"none\";\n    \/\/ 不隐藏 selectedBox 和 selectedLabel，保留选中状态\n  }\n\n  \/\/ 完全禁用高亮功能（移除所有监听器）\n  function fullyDisableHighlight() {\n    console.log(\"Fully disabling highlight\");\n    highlightEnabled = false;\n    document.removeEventListener(\"mouseover\", handleMouseOver, true);\n    document.removeEventListener(\"mouseout\", handleMouseOut, true);\n    document.removeEventListener(\"click\", handleClick, true);\n    overlay.style.display = \"none\";\n    highlightBox.style.display = \"none\";\n    tagLabel.style.display = \"none\";\n    selectedBox.style.display = \"none\";\n    selectedLabel.style.display = \"none\";\n  }\n\n  \/\/ 添加事件监听\n  enableHighlight();\n  window.addEventListener(\"message\", handleParentMessage);\n\n  \/\/ 暴露全局函数供外部调用\n  window.__iframeHighlightControl = {\n    enable: enableHighlight,\n    disable: disableHighlight,\n    fullyDisable: fullyDisableHighlight,\n    isEnabled: function isEnabled() {\n      return highlightEnabled;\n    },\n    getSelectedElement: function getSelectedElement() {\n      return selectedElement;\n    },\n    updateSelected: updateSelectedHighlight,\n    \/\/ 通过消息发送开关控制\n    sendToggleMessage: function sendToggleMessage(enabled) {\n      window.parent.postMessage({\n        type: 'iframe-highlight-status',\n        enabled: enabled || highlightEnabled,\n        source: 'iframe-highlight-injector'\n      }, '*');\n    }\n  };\n\n  \/\/ 通知父窗口脚本已加载\n  try {\n    window.parent.postMessage({\n      type: \"iframe-highlight-ready\",\n      data: {\n        url: window.location.href,\n        userAgent: navigator.userAgent,\n        timestamp: Date.now()\n      },\n      source: \"iframe-highlight-injector\"\n    }, \"*\");\n  } catch (error) {\n    console.warn(\"无法发送就绪消息到父窗口:\", error);\n  }\n\n  \/\/ 清理函数\n  window.__iframeHighlightCleanup = function () {\n    fullyDisableHighlight();\n    window.removeEventListener(\"message\", handleParentMessage);\n    if (overlay.parentElement) {\n      overlay.parentElement.removeChild(overlay);\n    }\n    delete window.__iframeHighlightInitialized;\n    delete window.__iframeHighlightCleanup;\n  };\n})();\n\n\u003c\/script\u003e\n\n\u003c\/body\u003e","brand":"Meet One","offers":[{"title":"Default Title","offer_id":47467564466412,"sku":null,"price":1699.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0771\/4537\/4956\/files\/Meet_One_Breeze_Pro1Fat_Tire_Electric_Trike_29e539d7-28c3-44d0-9127-0bf268cef35b.webp?v=1775151127"}],"url":"https:\/\/www.renovomotors.com\/collections\/electric-trike.oembed","provider":"Renovomotors","version":"1.0","type":"link"}