Vanpowers UrbanCross-Pro

Belcopia Bikes Verified independent store

→

Vanpowers UrbanCross-Pro /* 1. Global CSS & Layout */ [data-belcopia-product] { font-family: Futura, "Trebuchet MS", Arial, sans-serif; line-height: 1.6; color: #333; overflow-x: h idden; 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-98 { width: 98%; } [data-belcopia-product] .bar-fill-96 { width: 96%; } [data-belcopia-product] .bar-fill-94 { width: 94%; } [data-belcopia-product] .bar-fill-91 { width: 91%; } @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; } 25MPH Top Speed 75MI Max Range 250W Hub Motor Vanpowers UrbanCross-Pro The Smart, Lightweight Speed Machine "Redefine Your Ride." The UrbanCross-Pro 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 feels less like an e-bike and more like a natural extension of you. Feel the bike leap forward, powered by a responsive 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 CUES 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-Pro’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. Lightweight Versatility Your Go-Anywhere Companion Adventure is calling. At just 39 lbs, the UrbanCross-Pro is a featherweight in the e-bike world, making it effortless to lift onto a car rack for a weekend getaway. Feel the solid, responsive handling of the lightweight aluminum frame and carbon fiber handlebar. The versatile gravel tires give you the confidence to transition from smooth coastal roads to scenic dirt paths without missing a beat. This is the ultimate grab-and-go bike for the spontaneous adventurer. Key Features Shimano® CUES 9-Speed A durable, high-performance gravel-specific groupset offering smooth, reliable, and precise shifting across a wide gear range. Carbon Fiber Flat Bar An ultralight, one-piece carbon handlebar and stem offers precise control and 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. Tektro® 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 75 Miles Motor 250W Brushless Hub Motor (42N.m Torque) Battery 345.6Wh (36V 9.6Ah) LG Cells Drivetrain Shimano® CUES 9-Speed Brakes Tektro® 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 Flat Bar Sensor Torque Sensor App VanLife App (with optional TBOX) Dimensions & Sizing S: 5'1" - 5'7" M: 5'6" - 6'1" L: 5'11" - 6'7" Performance Ratings Ride Quality & Feel98/100 Lightweight & Agility96/100 Technology & Smart Features94/100 Versatility91/100 Belcopia Rating 95% The UrbanCross-Pro 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. Show more