Vanpowers UrbanCross-Ultra
Vanpowers UrbanCross-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 svg { width: 40px; height: 40px; filter: brightness(0) invert(1); } [data-belcopia-product] .glance-title { font-weight: bold; color: #fff; text-transform: uppercase; font-size: 0.9em; letter-spacing: 0.5px; } [data-belcopia-product] .glance-desc { color: #ccc; font-size: 0.9em; } /* 3. Hero Video Section */ [data-belcopia-product] .hero-video-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-video-section video { 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; } /* 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; } @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; } Shimano GRX Groupset Up to 75 Miles Range 250W Motor Power Carbon Fiber Drop Handlebar Torque Sensor Sensor VanLife App App Your browser does not support the video tag. Vanpowers UrbanCross-Ultra The Smart, Lightweight Speed Machine "Redefine Your Ride." The UrbanCross-Ultra is a masterclass in modern e-bike design, engineered for the rider who demands performance without compromise. It’s an ultralight, high-tech machine that could even find its place as an efficient urban Electric Hunting Bike tool for silent scouts. Feel the bike leap forward, powered by a responsive 250W motor and an advanced torque sensor that seamlessly amplifies your every pedal stroke. Command the road and trail with the flawless shifting of a Shimano GRX gravel groupset. And ride with the confidence of smart, connected technology that keeps your bike safe and your journey on track. This is the future of versatile performance cycling. This Is The Tool For You If... You want a fast, lightweight, and agile e-bike for commuting and fitness. You crave the authentic, responsive feel of a high-end gravel or road bike. You are a tech-savvy rider who values smart features like GPS and app connectivity. You need one versatile bike that excels on both pavement and light gravel trails. The Authentic Cycling Feel Power That's Part of You This is a ride that feels intuitive, not artificial. The UrbanCross-Ultra’s advanced torque sensor is the secret to its natural ride quality. It measures your pedal pressure with incredible precision, delivering a perfectly proportional and instantaneous boost of power. Sense how it seamlessly amplifies your effort, whether you're gently spinning on a flat path or digging deep on a steep ascent. There's no lag, no jerkiness—just a smooth, dynamic, and intuitive ride that makes you feel like a pro. Smarter and Safer by Design Your Connected Co-Pilot Ride with the ultimate peace of mind. The integrated TBOX smart module turns your bike into a connected device. See your bike's location in real-time with GPS tracking. Feel the magic as it auto-unlocks when you approach. Get instant theft and movement alerts on your phone. And in the event of a crash, the SOS feature can automatically alert your emergency contacts. It’s a suite of intelligent features that protect your investment and keep you safe, so you can focus on the joy of the ride. Key Features Shimano® GRX 11-Speed A premium gravel-specific groupset offering smooth, reliable, and precise shifting across a wide gear range for any terrain. Carbon Fiber Drop Bar An ultralight, one-piece carbon handlebar with a flared design enhances control on rough terrain and provides a clean, aerodynamic profile. 75-Mile LG Battery A high-capacity internal battery with fast charging provides an impressive range for long commutes and epic weekend adventures. Shimano® GRX Hydraulic Brakes Superior stopping power and modulation for confident, controlled braking in all weather and on mixed surfaces. CST® Gravel Tires 700x40c tires with puncture protection offer a perfect balance of speed on pavement and grip on dirt and gravel. See It In Action Technical Specifications Weight 38.8 lbs Max Speed 25 mph Range Up to 75 Miles Motor 250W Brushless Hub Motor (42N.m Torque) Battery 345.6Wh (36V 9.6Ah) LG Cells Drivetrain Shimano® GRX 600 11-Speed Brakes Shimano® GRX Hydraulic Disc Brakes Tires CST® 700c x 40c Gravel Tires Mechanicals Frame 6061 Aluminum Alloy Frame Fork Rigid Aluminum Alloy Fork Handlebar Carbon One-piece Drop Bar Sensor Torque Sensor Smart System TBOX with VanLife App Dimensions & Sizing S: 5'1" - 5'7" M: 5'6" - 6'1" L: 5'11" - 6'7" Performance Ratings Ride Quality & Feel98/100 Technology & Smart Features96/100 Lightweight & Agility94/100 Versatility91/100 Belcopia Rating 95% The UrbanCross-Ultra is a triumph of engineering, blending the lightweight, responsive feel of a high-end gravel bike with a sophisticated and intelligent electric system. Its torque sensor is among the best, providing a natural ride feel that is truly exceptional. For the discerning rider who wants performance, technology, and versatility, this bike is a top-tier choice.
More you might like
Related
Vanpowers UrbanCross-Ultra
Related
Vanpowers UrbanCross Ultra
Related
Vanpowers UrbanCross-Ultra
Related