Vanpowers UrbanGlide-Ultra
Vanpowers UrbanGlide-Ultra /* 1. Global CSS & Layout */ [data-belcopia-product] { font-family: Futura, "Trebuchet MS", Arial, sans-serif; line-height: 1.6; color: #333; overflow-x: hidden; background-color: #fff; } /* 2. "At a Glance" Icon Bar */ [data-belcopia-product] .at-a-glance-bar { background-color: #212121; color: #fff; padding: 20px 10px; } [data-belcopia-product] .glance-container { display: flex; justify-content: space-around; text-align: center; max-width: 1200px; margin: 0 auto; flex-wrap: wrap; gap: 20px; } [data-belcopia-product] .glance-item { display: flex; flex-direction: column; align-items: center; gap: 8px; font-size: 0.8em; min-width: 90px; } [data-belcopia-product] .glance-item .glance-title { font-weight: bold; color: #fff; text-transform: uppercase; font-size: 1.5em; line-height: 1.1; } [data-belcopia-product] .glance-item .glance-desc { color: #ccc; font-size: 0.9em; text-transform: uppercase; } /* 3. Hero Image Section */ [data-belcopia-product] .hero-image-section { position: relative; height: 60vh; min-height: 400px; max-height: 600px; display: flex; align-items: center; justify-content: center; text-align: center; overflow: hidden; background-color: #333; } [data-belcopia-product] .hero-image-section img { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; object-fit: cover; transform: translate(-50%, -50%); z-index: 1; } [data-belcopia-product] .hero-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to top, rgba(0,0,0,0.5), transparent 60%); z-index: 2; } [data-belcopia-product] .hero-content { position: relative; z-index: 3; color: #fff; padding: 20px; } [data-belcopia-product] .hero-content h2 { font-size: 2.8em; color: #fff; margin: 0 0 5px 0; text-shadow: 2px 2px 8px rgba(0,0,0,0.7); line-height: 1.2; text-transform: none; } @media (min-width: 768px) { [data-belcopia-product] .hero-content h2 { font-size: 3.5em; } } [data-belcopia-product] .hero-content .product-subtitle { font-size: 1.2em; font-weight: normal; display: block; letter-spacing: 0.5px; opacity: 0.9; } /* 4. Main Content & Section Styling */ [data-belcopia-product] .page-content { max-width: 1200px; margin: 0 auto; padding: 20px; } [data-belcopia-product] h3 { font-size: 1.8em; font-weight: bold; color: #5f7038; text-align: left; margin-bottom: 20px; } [data-belcopia-product] .bordered-section { padding: 40px 0; border-top: 1px solid #ddd; } [data-belcopia-product] .unbordered-section { padding: 40px 0; } [data-belcopia-product] .description-emphasis { font-style: italic; font-weight: bold; color: #5f7038; } [data-belcopia-product] .sub-headline { font-size: 1.5em; font-weight: bold; font-style: italic; color: #5f7038; text-align: center; margin: 10px 0 30px 0; } [data-belcopia-product] h4 { font-size: 1.4em; color: #2c2c2c; margin-bottom: 10px; } /* 5. Two-Column Layout Sections */ [data-belcopia-product] .two-col-container { display: grid; grid-template-columns: 1fr; align-items: center; gap: 40px; } @media (min-width: 768px) { [data-belcopia-product] .two-col-container { grid-template-columns: 1fr 1fr; } [data-belcopia-product] .two-col-container.reverse > :first-child { order: 2; } [data-belcopia-product] .two-col-container.reverse > :last-child { order: 1; } } [data-belcopia-product] .two-col-container img { width: 100%; border-radius: 12px; box-shadow: 0 4px 20px rgba(0,0,0,0.08); display: block; } [data-belcopia-product] .two-col-list { list-style: none; padding: 0; } [data-belcopia-product] .two-col-list li { display: flex; align-items: flex-start; margin-bottom: 18px; } [data-belcopia-product] .two-col-list li::before { content: '✓'; color: #5f7038; font-size: 1.5em; line-height: 1.2; margin-right: 15px; font-weight: bold; } /* 6. Key Features Scroller Section */ [data-belcopia-product] .features-scroller { display: flex; overflow-x: auto; padding: 20px 0; scrollbar-width: thin; scrollbar-color: #ccc #f0f0f0; } [data-belcopia-product] .features-scroller::-webkit-scrollbar { height: 8px; } [data-belcopia-product] .features-scroller::-webkit-scrollbar-track { background: #f0f0f0; } [data-belcopia-product] .features-scroller::-webkit-scrollbar-thumb { background-color: #ccc; border-radius: 6px; } [data-belcopia-product] .feature-card { flex: 0 0 290px; margin-right: 20px; background-color: #f9f9f9; border-radius: 12px; border: 1px solid #eee; overflow: hidden; box-shadow: 0 4px 20px rgba(0,0,0,0.06); display: flex; flex-direction: column; } [data-belcopia-product] .feature-card-content { padding: 25px; flex-grow: 1; } [data-belcopia-product] .feature-card h4 { margin: 0 0 8px 0; color: #2c2c2c; font-size: 1.2em; } [data-belcopia-product] .feature-card p { font-size: 0.95em; color: #555; margin: 0; line-height: 1.5; } /* 7. Dropdown Section Styles */ [data-belcopia-product] .dropdown-section details { background-color: #f9f9f9; border: 1px solid #ddd; border-radius: 8px; margin-bottom: 15px; overflow: hidden; } [data-belcopia-product] .dropdown-section summary { padding: 20px; font-weight: bold; font-size: 1.2em; cursor: pointer; position: relative; outline: none; list-style: none; } [data-belcopia-product] .dropdown-section summary::-webkit-details-marker { display: none; } [data-belcopia-product] .dropdown-section summary::after { content: '+'; position: absolute; right: 25px; font-size: 1.5em; color: #5f7038; transition: transform 0.3s ease-in-out; } [data-belcopia-product] .dropdown-section details[open] summary::after { transform: rotate(45deg); } [data-belcopia-product] .dropdown-content { padding: 0 20px 20px 20px; border-top: 1px solid #ddd; } /* 8. Spec Table & Other Lists */ [data-belcopia-product] .spec-table { width: 100%; border-collapse: collapse; margin-top: 20px; } [data-belcopia-product] .spec-table th, [data-belcopia-product] .spec-table td { border: 1px solid #ddd; padding: 12px; text-align: left; } [data-belcopia-product] .spec-table th { background-color: #f2f2f2; font-weight: bold; width: 40%; } [data-belcopia-product] .spec-table tr:nth-child(even) { background-color: #f9f9f9; } [data-belcopia-product] .dimensions-table { min-width: 0; } /* 9. Video Section */ [data-belcopia-product] .video-grid { display: grid; grid-template-columns: 1fr; gap: 30px; } @media (min-width: 768px) { [data-belcopia-product] .video-grid { grid-template-columns: 1fr 1fr; } } [data-belcopia-product] .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 20px rgba(0,0,0,0.1); } [data-belcopia-product] .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* 10. Performance Ratings Section */ [data-belcopia-product] .rating-explanation { font-size: 0.9em; color: #555; margin-top: -15px; margin-bottom: 30px; } [data-belcopia-product] .performance-container { display: grid; grid-template-columns: 1fr; align-items: center; gap: 40px; } @media (min-width: 992px) { [data-belcopia-product] .performance-container { grid-template-columns: 1.7fr 1fr; } } [data-belcopia-product] .rating-bars { width: 100%; } [data-belcopia-product] .rating-bar { margin-bottom: 20px; } [data-belcopia-product] .rating-label { font-weight: bold; margin-bottom: 8px; display: flex; justify-content: space-between; align-items: center; font-size: 0.9em; } [data-belcopia-product] .rating-label span:last-child { color: #555; } [data-belcopia-product] .bar-container { height: 25px; background-color: #e9e9e9; border-radius: 5px; overflow: hidden; } [data-belcopia-product] .bar-fill { height: 100%; background-color: #5f7038; border-radius: 5px; animation: fillBar 2s 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; } [data-belcopia-product] .bar-fill-99 { width: 99%; } [data-belcopia-product] .bar-fill-98 { width: 98%; } [data-belcopia-product] .bar-fill-95 { width: 95%; } [data-belcopia-product] .bar-fill-92 { width: 92%; } @keyframes fillBar { from { width: 0; } } [data-belcopia-product] .bel-score-box { padding: 30px; text-align: center; background-color: #f7f8f6; border-radius: 12px; border: 1px solid #e9e9e9; box-shadow: 0 4px 20px rgba(0,0,0,0.04); } [data-belcopia-product] .bel-score-box h4 { margin: 0 0 10px 0; border-bottom: none; font-size: 1.2em; color: #5f7038; letter-spacing: 1px; } [data-belcopia-product] .score-display { margin: 0; font-size: 4.5em; font-weight: bold; color: #2c2c2c; line-height: 1.1; } [data-belcopia-product] .expert-take { margin-top: 15px; font-style: italic; font-size: 0.95em; color: #555; } 20MPH Top Speed 76MI Max Range 500W Mid-Drive Motor Vanpowers UrbanGlide-Ultra The Pinnacle of Urban Performance "Your Commute, Perfected." The UrbanGlide-Ultra is where premium automotive technology meets the art of cycling. This is a sophisticated machine for the discerning rider who demands the absolute best in performance, comfort, and intelligent design. Feel the immense, silent power of the Bafang M600 mid-drive motor, a legend in the e-bike world for its incredible torque and buttery-smooth power delivery. Experience a ride that feels like an extension of your own body, thanks to the advanced torque sensor. With its ultra-accessible step-through frame, dual suspension, and a suite of smart features, the UrbanGlide-Ultra isn't just a way to get to work; it's the best part of your day. This Is The Tool For You If... You want the most powerful, smooth, and responsive mid-drive motor experience. You desire a supremely comfortable and easy-to-ride bike for daily commuting. You appreciate high-end components and a premium, automotive-grade finish. You believe your daily ride should be a luxurious and technologically advanced experience. The King of the Climb Effortless Power, Silent Surge Feel the city's steepest hills simply flatten beneath you. The UrbanGlide-Ultra is powered by the legendary Bafang M600 mid-drive motor, delivering a staggering 140Nm of torque. It’s a silent, immense power that you feel the moment you touch the pedals. Sense the bike surge forward from a standstill with commanding force, and hear nothing but the whisper of the tires on the pavement. This is the pinnacle of mid-drive performance, offering a ride that is both thrillingly powerful and serenely smooth. A Ride That Feels Like You Perfectly In Sync Experience a ride that anticipates your every move. The advanced torque sensor is the brain behind the UrbanGlide-Ultra's incredibly natural feel. It measures the force of your pedaling in real-time and instructs the powerful Bafang motor to respond with a perfectly proportional amount of assistance. It’s a seamless partnership that makes the bike feel like a natural extension of your body—intuitive, responsive, and incredibly satisfying. Key Features Ultra-Low Step-Through Frame An industry-leading 370mm step-through height offers unmatched comfort and stability for riders of all ages and abilities. Comprehensive Suspension An 80mm suspension fork and a 30mm suspension seatpost work together to smooth out bumps for a supremely comfortable ride. 76-Mile Range Battery The 692Wh removable LG battery is ideal for daily commutes and weekend adventures, with fast charging to get you back on the road. Heavy-Duty Rear Rack Engineered for strength, the integrated rear cargo rack supports up to 100 lbs, perfect for groceries, gear, or work essentials. High-Visibility Display The 3.5" full-color display offers 600 NIT brightness and automatically adjusts to ambient light for clear visibility, day or night. See It In Action Technical Specifications Top Speed 20 mph Range Up to 76 Miles Max Load 260 lbs Motor Bafang® M600 500W Mid-Drive (140N.m Torque) Battery 692Wh (48V 14.4Ah) LG Cells Drivetrain Microshift® 9-Speed Brakes Tektro® Hydraulic Disc Brakes, 180mm Rotors Suspension 80mm Front Fork & Suspension Seatpost Mechanicals Frame 6061 Aluminum Alloy Step-Through Tires Kenda® 27.5'' x 2.2'' with K-Shield Sensor Torque Sensor App VanLife App Dimensions & Sizing S: 5'1" - 5'9" L: 5'7" - 6'3" Performance Ratings Ride Quality & Feel99/100 Power & Climbing98/100 Comfort & Accessibility95/100 Range & Technology92/100 Belcopia Rating 96% The UrbanGlide-Ultra is a masterclass in premium commuter design. The legendary Bafang M600 mid-drive motor provides an unparalleled ride feel, offering immense power that is both smooth and intuitive. Combined with its exceptional comfort and smart features, this is the gold standard for a luxurious, high-performance city e-bike.
More you might like
Related
Vanpowers UrbanGlide-Ultra
Related
Vanpowers UrbanGlide-Ultra
Related
Vanpowers UrbanGlide Ultra Electric Bike
Related