Vanpowers UrbanGlide-Standard
Vanpowers UrbanGlide-Standard /* 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-97 { width: 97%; } [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; } 28MPH Top Speed 62MI Max Range 500W Hub Motor Vanpowers UrbanGlide-Standard Your Smart & Stylish Urban Companion "Effortless Motion, Elevated." The UrbanGlide-Standard is the ultimate city bike, reimagined. It’s a sophisticated machine that blends thoughtful design, smart technology, and an incredibly natural ride feel to transform your daily commute. Experience the pure joy of an e-bike that works with you, thanks to an advanced torque sensor that seamlessly matches your effort. Feel the confidence of the ultra-accessible low step-through frame and the cushioned ride of a dual-suspension system. With a powerful motor and a long-range battery, the UrbanGlide-Standard is your ticket to a smarter, smoother, and more enjoyable urban life. This Is The Tool For You If... You want a comfortable, stylish, and easy-to-ride e-bike for daily commuting. You value a smooth, natural pedal-assist that feels like an extension of your own power. You need a bike that is incredibly easy to get on and off, regardless of what you're wearing. You appreciate smart features and a high-quality build that's made to last. Effortless by Design Hop On and Go This bike is designed to fit your life, not the other way around. The centerpiece is the industry-leading ultra-low step-through frame. Feel the incredible ease of getting on and off, whether you're in work clothes, a dress, or dealing with mobility challenges. It removes the biggest barrier to cycling for many, creating a sense of freedom and accessibility. This is a bike that invites you to ride, making every trip—from a quick errand to a leisurely cruise—effortless and enjoyable. The Cushioned Cruise Smooth Out Your World Feel the bumps and vibrations of the city simply disappear. The UrbanGlide-Standard is engineered for maximum comfort, featuring a suspension fork and a suspension seatpost that work in tandem to absorb imperfections in the road. Sense the stability of the wide tires as you glide over cracked pavement and cobblestones. It’s a supremely cushioned and confidence-inspiring ride that lets you relax and enjoy your journey, no matter where it takes you. Key Features Torque Sensor Adjusts motor power based on your pedaling force, offering smoother acceleration and a more natural, responsive ride. 62-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. 500W Powerful Motor Provides smooth, consistent torque for city commutes and steep inclines, with a peak power of 725W for an extra boost. Thumb Throttle Provides instant acceleration, allowing you to climb hills with ease and offering effortless control for a less strenuous ride. 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 28 mph Range Up to 62 Miles Max Load 260 lbs Motor 500W Hub Motor (725W Peak) Battery 692Wh (48V 14.4Ah) LG Cells Drivetrain Microshift 8-Speed Brakes 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 Throttle Thumb Throttle Sensor Torque Sensor App VanLife App Dimensions & Sizing S: 5'1" - 5'9" L: 5'7" - 6'3" Performance Ratings Comfort & Accessibility99/100 Ride Quality & Feel97/100 Range & Commuting Efficiency94/100 Power & Utility91/100 Belcopia Rating 95% The UrbanGlide-Standard is a masterclass in comfort and intuitive design. Its ultra-low step-through frame and dual-suspension system create an incredibly accessible and smooth ride, while the advanced torque sensor delivers one of the most natural-feeling pedal assists on the market. It's a top-tier choice for any rider prioritizing comfort and quality.
