Rambo Roamer 2.0 | 750W Mid-Drive All-Terrain E-Bike | Bafang Mid-Drive & 8-Speed
.bike-product-wrapper { --brand-primary: #5f7038; --brand-primary-dark: #4a5731; --brand-accent: #E3B123; --brand-dark: #212121; --content-max: 1200px; font-family: 'Inter','Montse rrat',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif; line-height: 1.6; color: #000; overflow-x: hidden; background-color: #fff; width:100vw; position:relative; left:50%; right:50%; margin-left:-50vw; margin-right:-50vw; } .bike-product-wrapper img { transition: transform 0.5s cubic-bezier(0.25,0.46,0.45,0.94); will-change: transform; -webkit-user-select:none; user-select:none; pointer-events:auto; -webkit-touch-callout:none; } /* Lightbox Modal */ .bike-product-wrapper .belcopia-modal { display:none; position:fixed; z-index:99999; left:0; top:0; right:0; bottom:0; width:100vw; height:100vh; background-color:rgba(0,0,0,0.85); backdrop-filter:blur(8px); opacity:0; transition:opacity 0.3s ease; } .bike-product-wrapper .belcopia-modal.show { display:block; opacity:1; } .bike-product-wrapper .belcopia-modal-content { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%) scale(0.95); max-width:90vw; max-height:85vh; border-radius:12px; box-shadow:0 10px 40px rgba(0,0,0,0.5); object-fit:contain; transition:transform 0.3s cubic-bezier(0.25,0.46,0.45,0.94); } .bike-product-wrapper .belcopia-modal.show .belcopia-modal-content { transform:translate(-50%,-50%) scale(1); } .bike-product-wrapper .belcopia-modal-close { position:absolute; top:20px; right:30px; z-index:100000; color:#fff; font-size:45px; font-weight:bold; cursor:pointer; text-shadow:0 2px 4px rgba(0,0,0,0.5); } .bike-product-wrapper .belcopia-modal-close:hover { color:var(--brand-accent); } /* Shimmer Animation */ @keyframes metallicShimmer { 0% { background-position:0% 50%; } 100% { background-position:200% 50%; } } /* At-A-Glance Bar */ .bike-product-wrapper .at-a-glance-bar { background-color:var(--brand-dark); color:#fff; padding:12px 10px; contain:layout paint; } .bike-product-wrapper .glance-container { display:flex; justify-content:space-around; text-align:center; max-width:var(--content-max); margin:0 auto; flex-wrap:wrap; gap:15px; } .bike-product-wrapper .glance-item { display:flex; flex-direction:column; align-items:center; gap:5px; font-size:0.8em; min-width:90px; } .bike-product-wrapper .glance-item img { width:36px; height:36px; filter:brightness(0) invert(1); } .bike-product-wrapper .glance-title { font-weight:bold; text-transform:uppercase; } /* Terrain Rating */ .bike-product-wrapper .terrain-rating { display:flex; flex-wrap:wrap; gap:16px 32px; justify-content:center; padding:16px 16px; margin:0; background:#1a1a1a; } .bike-product-wrapper .terrain-item { display:flex; align-items:center; gap:8px; min-width:140px; } .bike-product-wrapper .terrain-label { font-family:'Montserrat',sans-serif; font-size:0.72em; font-weight:700; text-transform:uppercase; letter-spacing:1px; color:#bbb; min-width:90px; } .bike-product-wrapper .terrain-stars { display:flex; gap:2px; font-size:14px; line-height:1; } .bike-product-wrapper .terrain-star { color:#444; } .bike-product-wrapper .terrain-star.filled { color:var(--brand-accent); } /* Video Embed */ .bike-product-wrapper .video-section { position:relative; padding-bottom:56.25%; height:0; overflow:hidden; margin:40px 0; border-radius:8px; background:#000; } .bike-product-wrapper .video-section iframe { position:absolute; top:0; left:0; width:100%; height:100%; border:0; } /* Hero */ .bike-product-wrapper .hero-image-section { position:relative; height:50vh; min-height:400px; max-height:600px; display:flex; align-items:center; justify-content:center; overflow:hidden; background-color:#000; contain:layout paint; } .bike-product-wrapper .hero-image-section img { position:absolute; top:50%; left:50%; width:100%; height:100%; object-fit:cover; transform:translate(-50%,-50%); opacity:0.85; } .bike-product-wrapper .hero-overlay { position:absolute; top:0; left:0; width:100%; height:100%; background:linear-gradient(to top, rgba(0,0,0,0.85), rgba(0,0,0,0.3) 60%); } .bike-product-wrapper .hero-content { position:relative; z-index:3; padding:20px; text-align:center; width:100%; display:flex; flex-direction:column; align-items:center; } .bike-product-wrapper .shimmer-text { background:linear-gradient(90deg, var(--brand-primary) 0%, var(--brand-accent) 25%, #fff 50%, var(--brand-accent) 75%, var(--brand-primary) 100%); background-size:200% auto; color:transparent; -webkit-background-clip:text; background-clip:text; animation:metallicShimmer 4s linear infinite; -webkit-text-stroke:1px rgba(255,255,255,0.4); filter:drop-shadow(2px 2px 10px rgba(0,0,0,0.8)); } .bike-product-wrapper .hero-content h2 { font-family:'Bebas Neue','Montserrat',sans-serif; font-size:4em; font-weight:400; line-height:1.05; text-transform:uppercase; letter-spacing:1px; margin:0 auto 10px auto; } .bike-product-wrapper .product-subtitle { font-family:'Bebas Neue','Montserrat',sans-serif; font-size:1.8em; font-weight:400; text-transform:uppercase; letter-spacing:2px; display:block; width:100%; margin-top:5px; -webkit-text-stroke:0.5px #fff; } /* Content Sections */ .bike-product-wrapper .page-content { max-width:var(--content-max); margin:0 auto; padding:10px 40px; } .bike-product-wrapper h3 { font-family:'Bebas Neue','Montserrat',sans-serif; font-size:3.5em !important; font-weight:400 !important; color:var(--brand-primary) !important; border-bottom:none !important; padding-bottom:8px; margin-bottom:30px; text-transform:uppercase; letter-spacing:3px; position:relative; text-align:center; width:fit-content; max-width:100%; margin-left:auto; margin-right:auto; } .bike-product-wrapper h3::after { content:''; position:absolute; bottom:0; left:0; width:100%; height:3px; background-color:var(--brand-accent); transition:width 0.6s ease; } .bike-product-wrapper .unbordered-section:hover h3::after { width:100%; } /* Left-aligned section header (narrative two-col sections) */ .bike-product-wrapper .section-head-left h3 { text-align:left; margin-left:0; margin-right:auto; } .bike-product-wrapper h4 { font-family:'Bebas Neue','Montserrat',sans-serif; font-size:2.4em !important; font-weight:400 !important; color:#1a1a1a; border-left:3px solid var(--brand-accent); padding-left:15px; text-transform:uppercase; letter-spacing:2px; margin-bottom:15px; } .bike-product-wrapper .unbordered-section { padding:20px 0; border:none; } .bike-product-wrapper .description-emphasis { font-style:italic; font-weight:bold; color:var(--brand-primary); } .bike-product-wrapper .sub-headline { font-family:'Montserrat',sans-serif; font-size:1.5em !important; font-weight:600; font-style:italic; color:var(--brand-primary); text-align:center; margin-bottom:25px; line-height:1.5; letter-spacing:0.5px; } .bike-product-wrapper p { margin-bottom:20px; line-height:1.7; font-size:1.1em; } /* Two-Col Grid */ .bike-product-wrapper .two-col-container { display:grid; grid-template-columns:1fr; align-items:center; gap:30px; margin-bottom:25px; } @media (min-width:768px) { .bike-product-wrapper .two-col-container { grid-template-columns:1fr 1fr; } .bike-product-wrapper .two-col-container.reverse > :first-child { order:2; } } .bike-product-wrapper .two-col-container img { width:100%; max-height:380px; object-fit:cover; border-radius:12px; box-shadow:0 8px 30px rgba(0,0,0,0.12); display:block; overflow:hidden; cursor:zoom-in; transition:transform 0.5s ease; } @media (hover:hover) { .bike-product-wrapper .two-col-container img:hover { transform:scale(1.03); } } .bike-product-wrapper .two-col-list { list-style:none; padding:0; } .bike-product-wrapper .two-col-list li { display:flex; align-items:flex-start; margin-bottom:20px; font-weight:500; } .bike-product-wrapper .two-col-list li::before { content:'\2713'; color:var(--brand-accent); font-size:1.6em; margin-right:15px; line-height:1; font-weight:900; } /* For You — cinematic background section */ .bike-product-wrapper .for-you-section { position:relative; padding:50px 40px; margin:30px 0; background-color:#111; background-size:cover; background-position:center; background-attachment:scroll; overflow:hidden; } .bike-product-wrapper .for-you-section::before { content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:linear-gradient(135deg, rgba(0,0,0,0.82) 0%, rgba(0,0,0,0.65) 50%, rgba(0,0,0,0.82) 100%); z-index:1; } .bike-product-wrapper .for-you-section > * { position:relative; z-index:2; } .bike-product-wrapper .for-you-section h3 { color:#fff; border-bottom-color:rgba(255,255,255,0.15); } .bike-product-wrapper .for-you-section h3::after { background-color:var(--brand-primary); } .bike-product-wrapper .for-you-section .two-col-list li { font-family:'Montserrat',sans-serif; color:#e0e0e0; font-weight:500; font-size:1.05em; line-height:1.6; letter-spacing:0.3px; } .bike-product-wrapper .for-you-section .two-col-list li::before { color:var(--brand-accent); } .bike-product-wrapper .for-you-section .bike-fade-swap { box-shadow:0 8px 30px rgba(0,0,0,0.4); } /* 2-Image Crossfade Swap */ .bike-product-wrapper .bike-fade-swap { position:relative; width:100%; border-radius:12px; overflow:hidden; box-shadow:0 8px 30px rgba(0,0,0,0.12); aspect-ratio:4/3; } .bike-product-wrapper .bike-fade-swap .fade-img { position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; opacity:0; transition:opacity 0.8s ease-in-out; cursor:zoom-in; border-radius:0; box-shadow:none; max-height:none; } .bike-product-wrapper .bike-fade-swap .fade-img.active { opacity:1; z-index:2; } /* Key Features — Horizontal Scroller */ .bike-product-wrapper .features-scroller-wrap { position:relative; } .bike-product-wrapper .features-scroller { display:flex; overflow-x:auto; padding-bottom:20px; scroll-snap-type:x mandatory; scrollbar-width:none; -ms-overflow-style:none; scroll-behavior:smooth; contain:layout paint; } .bike-product-wrapper .features-scroller::-webkit-scrollbar { display:none; } .bike-product-wrapper .features-scroller-progress { width:100%; height:3px; background:#e0e0e0; border-radius:2px; margin-top:15px; overflow:hidden; } .bike-product-wrapper .features-scroller-progress-bar { height:100%; background:var(--brand-primary); border-radius:2px; width:30%; } .bike-product-wrapper .features-scroller-nav { display:flex; justify-content:flex-end; gap:10px; margin-top:15px; } .bike-product-wrapper .features-scroller-nav button { width:44px; height:44px; border-radius:3px; border:1.5px solid var(--brand-primary); background:#fff; cursor:pointer; display:flex; align-items:center; justify-content:center; transition:all 0.2s ease; font-size:18px; color:var(--brand-primary); } .bike-product-wrapper .features-scroller-nav button:hover { background:var(--brand-primary); color:#fff; } .bike-product-wrapper .features-dark-section { background:#111; padding:40px 40px 30px; margin:30px 0; border-top:3px solid var(--brand-primary); background-image:radial-gradient(circle at 1px 1px, rgba(227,177,35,0.04) 1px, transparent 0); background-size:28px 28px; } .bike-product-wrapper .features-dark-section h3 { color:#fff; border-bottom-color:#333; } .bike-product-wrapper .features-dark-section h3::after { background-color:var(--brand-primary); } .bike-product-wrapper .features-dark-section .scroll-hint { color:#bbb; } .bike-product-wrapper .features-dark-section .features-scroller-nav button { background:#1a1a1a; border-color:#333; color:#fff; } .bike-product-wrapper .features-dark-section .features-scroller-nav button:hover { border-color:var(--brand-primary); background:#252525; } .bike-product-wrapper .features-dark-section .features-scroller-progress { background:#333; } .bike-product-wrapper .features-dark-section .features-scroller-progress-bar { background:var(--brand-primary); } .bike-product-wrapper .feature-card { flex:0 0 280px; margin-right:20px; background:transparent; border-radius:0; border:none; overflow:hidden; box-shadow:none; display:flex; flex-direction:column; text-align:center; scroll-snap-align:start; } .bike-product-wrapper .feature-card:last-child { margin-right:0; } .bike-product-wrapper .feature-card:hover { transform:none; box-shadow:none; } .bike-product-wrapper .feature-card.has-image img { width:100%; height:190px; object-fit:cover; border-radius:12px; cursor:zoom-in; transition:transform 0.3s ease; } .bike-product-wrapper .feature-card.has-image:hover img { transform:scale(1.03); } .bike-product-wrapper .feature-card-content { padding:12px 8px 0; flex-grow:1; display:flex; flex-direction:column; align-items:center; } .bike-product-wrapper .feature-card h4 { font-family:'Bebas Neue','Montserrat',sans-serif !important; color:var(--brand-primary) !important; font-size:1.25em !important; font-weight:400 !important; line-height:1.05 !important; letter-spacing:0.04em; text-transform:uppercase; border:none !important; padding:0 !important; margin-bottom:6px !important; } .bike-product-wrapper .feature-card p { font-size:0.85em; color:#555; margin:0; line-height:1.45; max-width:260px; } /* Key Features — Text-Only Grid */ .bike-product-wrapper .features-grid { display:grid; grid-template-columns:1fr; gap:20px; margin-top:15px; } @media (min-width:768px) { .bike-product-wrapper .features-grid { grid-template-columns:repeat(2, 1fr); } } .bike-product-wrapper .feature-card.text-only { border-top:3px solid var(--brand-primary); background:#1a1a1a; border-radius:8px; padding:0; flex:0 0 240px; margin-right:14px; scroll-snap-align:start; } .bike-product-wrapper .feature-card.text-only .feature-card-content { padding:18px 16px; text-align:center; } .bike-product-wrapper .feature-card.text-only h4 { color:var(--brand-primary) !important; font-size:1.35em !important; margin-bottom:8px !important; font-weight:700 !important; letter-spacing:0.06em !important; border:none !important; padding:0 !important; font-family:'Bebas Neue','Montserrat',sans-serif !important; text-transform:uppercase; line-height:1.2; } .bike-product-wrapper .feature-card.text-only p { color:#bbb; max-width:none; font-size:0.92em; line-height:1.55; } .bike-product-wrapper .feature-note { font-size:0.85em; color:#555; font-style:italic; margin-top:-20px; margin-bottom:25px; } .bike-product-wrapper .scroll-hint { font-size:0.85em; color:var(--brand-primary); font-style:italic; text-align:right; margin-bottom:8px; display:block; font-weight:bold; } @media (min-width:992px) { .bike-product-wrapper .scroll-hint { display:none; } } /* YouTube Facade (lazy-load — no iframe until click) */ .bike-product-wrapper .yt-video-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; margin-top:20px; } @media (max-width:640px) { .bike-product-wrapper .yt-video-grid { grid-template-columns:1fr; } } .bike-product-wrapper .yt-facade { position:relative; cursor:pointer; border-radius:12px; overflow:hidden; background:#111; } .bike-product-wrapper .yt-facade::before { content:''; display:block; padding-top:56.25%; } .bike-product-wrapper .yt-facade img { position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; transition:transform 0.3s ease; display:block; } .bike-product-wrapper .yt-facade:hover img { transform:scale(1.03); } .bike-product-wrapper .yt-play-btn { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); pointer-events:none; transition:transform 0.2s ease; filter:drop-shadow(0 2px 8px rgba(0,0,0,0.4)); } .bike-product-wrapper .yt-facade:hover .yt-play-btn { transform:translate(-50%,-50%) scale(1.12); } .bike-product-wrapper .yt-facade iframe { position:absolute; top:0; left:0; width:100%; height:100%; border:none; } .bike-product-wrapper .yt-video-title { margin:10px 0 0; font-size:0.9em; font-weight:600; color:#444; text-align:center; text-transform:uppercase; letter-spacing:0.04em; } /* Comparison Table */ .bike-product-wrapper .compare-table-wrap { overflow-x:auto; -webkit-overflow-scrolling:touch; margin-top:20px; max-width:var(--content-max); margin-left:auto; margin-right:auto; } .bike-product-wrapper .compare-table { width:100%; border-collapse:collapse; min-width:700px; } .bike-product-wrapper .compare-table th, .bike-product-wrapper .compare-table td { padding:8px 16px; text-align:center; vertical-align:middle; border-bottom:1px solid #eee; font-size:0.92em; } .bike-product-wrapper .compare-table thead th { border-bottom:2px solid #ddd; padding-top:6px; padding-bottom:6px; vertical-align:top; } .bike-product-wrapper .compare-table .compare-label { font-family:'Montserrat',sans-serif; text-align:left; font-weight:700; color:#1a1a1a; text-transform:uppercase; font-size:0.82em; letter-spacing:0.08em; width:18%; } .bike-product-wrapper .compare-img { width:100%; max-width:220px; height:150px; object-fit:contain; margin:0 auto; display:block; border-radius:8px; } .bike-product-wrapper .compare-name { font-family:'Montserrat',sans-serif; font-weight:700; font-size:0.95em; color:#1a1a1a; margin:10px 0 2px; text-transform:uppercase; letter-spacing:0.08em; min-height:2.4em; display:flex; align-items:center; justify-content:center; } .bike-product-wrapper .compare-price { font-weight:700; font-size:1.1em; color:var(--brand-primary); } .bike-product-wrapper .compare-highlight { background:#f9f9f5; } .bike-product-wrapper .compare-highlight .compare-name { color:var(--brand-primary); } .bike-product-wrapper .compare-cta { display:inline-block; padding:12px 30px; border-radius:3px; font-family:'Inter',sans-serif; font-weight:700; font-size:0.85em; text-transform:uppercase; letter-spacing:1px; text-decoration:none; transition:all 0.2s ease; margin-top:4px; } .bike-product-wrapper .compare-cta-primary { background:var(--brand-primary); color:#fff; } .bike-product-wrapper .compare-cta-primary:hover { background:var(--brand-primary-dark); } .bike-product-wrapper .compare-cta-secondary { background:transparent; color:var(--brand-primary); border:1.5px solid var(--brand-primary); } .bike-product-wrapper .compare-cta-secondary:hover { background:var(--brand-primary); color:#fff; } .bike-product-wrapper .compare-winner { font-weight:800; color:var(--brand-accent); } @media (max-width:700px) { .bike-product-wrapper .compare-table { font-size:0.82em; } .bike-product-wrapper .compare-table th, .bike-product-wrapper .compare-table td { padding:8px 6px; } .bike-product-wrapper .compare-img { max-width:140px; } } /* Why Build Matters — dark section with optional bg image */ /* Why This Build Matters — LIGHT editorial cards w/ gold number badges (compact) */ .bike-product-wrapper .why-matters-section { position:relative; padding:18px 40px 30px; margin:18px 0; border-top:3px solid var(--brand-primary); background:#f7f8f6; overflow:hidden; } .bike-product-wrapper .why-matters-bg { position:absolute; top:0; left:0; width:100%; height:100%; background-size:cover; background-position:center; background-repeat:no-repeat; opacity:0.06; z-index:0; } .bike-product-wrapper .why-matters-section > * { position:relative; z-index:1; } .bike-product-wrapper .why-matters-section h3 { color:var(--brand-primary); margin-top:0; margin-bottom:14px; } .bike-product-wrapper .why-matters-section > p { color:#555; font-size:0.95em; text-align:center; max-width:720px; margin:0 auto 4px; } .bike-product-wrapper .three-col-grid { display:grid; grid-template-columns:1fr; gap:16px; margin-top:16px; } @media (min-width:768px) { .bike-product-wrapper .three-col-grid { grid-template-columns:repeat(3, 1fr); } } .bike-product-wrapper .tech-proof-card { position:relative; background:#fff; border:1px solid #e8e8e8; border-top:3px solid var(--brand-primary); padding:18px 20px 18px; border-radius:10px; box-shadow:0 2px 10px rgba(0,0,0,0.04); transition:transform 0.3s ease, box-shadow 0.3s ease; overflow:hidden; display:flex; flex-direction:column; } .bike-product-wrapper .proof-num { font-family:'Bebas Neue','Montserrat',sans-serif; font-size:1.1em; font-weight:400; line-height:1; color:var(--brand-accent); letter-spacing:1px; margin-bottom:5px; display:block; } .bike-product-wrapper .tech-proof-card.has-img { padding:0; } .bike-product-wrapper .tech-proof-card.has-img .proof-num { position:absolute; top:12px; left:14px; z-index:2; margin:0; background:rgba(0,0,0,0.55); color:#fff; padding:2px 9px; border-radius:20px; font-size:1em; backdrop-filter:blur(2px); } .bike-product-wrapper .tech-proof-card.has-img h4, .bike-product-wrapper .tech-proof-card.has-img p { padding:0 20px; } .bike-product-wrapper .tech-proof-card.has-img h4 { padding-top:14px; } .bike-product-wrapper .tech-proof-card.has-img p { padding-bottom:18px; flex-grow:1; } .bike-product-wrapper .proof-card-img { width:100%; aspect-ratio:16/9; object-fit:cover; display:block; border-radius:10px 10px 0 0; margin-bottom:0; } .bike-product-wrapper .tech-proof-card:hover { transform:translateY(-4px); box-shadow:0 14px 34px rgba(95,112,56,0.14); } .bike-product-wrapper .tech-proof-card h4 { font-family:'Bebas Neue','Montserrat',sans-serif; color:var(--brand-primary); font-size:1.05em; font-weight:400; letter-spacing:0.05em; text-transform:uppercase; line-height:1.2; border:none; padding:0; margin-bottom:6px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .bike-product-wrapper .tech-proof-card p { font-size:0.85em; color:#555; margin:0; line-height:1.5; } /* Expert Insight — dark block with brand bg */ .bike-product-wrapper .expert-insight { background-color:#111; border-left:none; border-top:3px solid var(--brand-primary); padding:40px 40px; margin:30px 0; border-radius:0; position:relative; overflow:hidden; background-image:url('https://cdn.shopify.com/s/files/1/0548/6585/4538/files/belcopia-gear-desk-background.png?v=1775539688'); background-size:cover; background-position:center; } .bike-product-wrapper .expert-insight::before { content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:1; } .bike-product-wrapper .expert-insight > * { position:relative; z-index:2; } .bike-product-wrapper .expert-insight-quote { font-style:italic; font-weight:500; font-size:1.15em; color:#fff; margin:0 0 12px; line-height:1.6; } .bike-product-wrapper .expert-insight-attr { font-family:'Montserrat',sans-serif; font-weight:700; font-size:0.85em; color:var(--brand-accent); text-transform:uppercase; letter-spacing:2px; } /* Accordion */ /* Tabbed Sections — horizontal nav + panels */ .bike-product-wrapper .tabs-wrapper { margin:40px auto; background:#fff; max-width:var(--content-max); } .bike-product-wrapper .tabs-nav { display:flex; gap:0; border-bottom:2px solid #eee; overflow-x:auto; -webkit-overflow-scrolling:touch; scrollbar-width:none; } .bike-product-wrapper .tabs-nav::-webkit-scrollbar { display:none; } .bike-product-wrapper .tabs-nav button { font-family:'Montserrat',sans-serif; background:none; border:none; border-bottom:3px solid transparent; padding:16px 24px; font-size:0.9em; font-weight:700; color:#888; text-transform:uppercase; letter-spacing:1px; cursor:pointer; white-space:nowrap; transition:color 0.2s ease, border-color 0.2s ease; margin-bottom:-2px; } .bike-product-wrapper .tabs-nav button:hover { color:#1a1a1a; } .bike-product-wrapper .tabs-nav button.active { color:var(--brand-primary); border-bottom-color:var(--brand-accent); } .bike-product-wrapper .tab-panel { display:none; padding:30px 0; } .bike-product-wrapper .tab-panel.active { display:block; } /* Accordion (legacy details/summary expandable sections) */ .bike-product-wrapper .accordion-wrapper { margin:40px auto; max-width:var(--content-max); } .bike-product-wrapper details.accordion-item { border-bottom:1px solid #eee; } .bike-product-wrapper details.accordion-item:last-child { border-bottom:none; } .bike-product-wrapper details.accordion-item > summary { font-family:'Montserrat',sans-serif; font-weight:700; font-size:1em; text-transform:uppercase; letter-spacing:1px; color:#333; cursor:pointer; padding:20px 40px 20px 0; position:relative; list-style:none; display:flex; align-items:center; justify-content:space-between; } .bike-product-wrapper details.accordion-item > summary:hover { color:var(--brand-primary); } .bike-product-wrapper details.accordion-item > summary::after { content:''; width:8px; height:8px; border-right:2px solid currentColor; border-bottom:2px solid currentColor; transform:rotate(45deg); transition:transform 0.2s ease; flex-shrink:0; } .bike-product-wrapper details.accordion-item[open] > summary { color:var(--brand-primary); } .bike-product-wrapper details.accordion-item[open] > summary::after { transform:rotate(-135deg); } .bike-product-wrapper .accordion-content { padding:20px 0 30px; } /* Spec Table */ .bike-product-wrapper .table-wrapper { width:100%; overflow-x:auto; border-radius:8px; border:1px solid #ddd; margin-bottom:25px; box-shadow:0 4px 10px rgba(0,0,0,0.02); } .bike-product-wrapper .spec-table { width:100%; border-collapse:collapse; min-width:600px; } .bike-product-wrapper .spec-table.two-col th { width:28%; } .bike-product-wrapper .spec-table.four-col th { width:20%; } .bike-product-wrapper .spec-table.four-col td { width:30%; } .bike-product-wrapper .spec-table th { font-family:'Montserrat',sans-serif; background-color:#f7f8f6; font-weight:700; text-transform:uppercase; font-size:0.82em; color:var(--brand-primary); border-left:3px solid var(--brand-primary); padding:12px 15px; text-align:left; letter-spacing:0.06em; } .bike-product-wrapper .spec-table td { padding:12px 15px; border:1px solid #eee; font-size:0.9em; text-align:left; color:#333; } .bike-product-wrapper .spec-table tr:hover td { background-color:#fcfcfc; } /* Geometry — diagram + slanted-header two-section table */ .bike-product-wrapper .geo-layout { display:flex; gap:24px; align-items:flex-start; } .bike-product-wrapper .geo-diagram { flex:0 0 auto; max-width:420px; width:100%; } .bike-product-wrapper .geo-diagram img { width:100%; height:auto; border-radius:6px; } @media (max-width:768px) { .bike-product-wrapper .geo-layout { flex-direction:column; } .bike-product-wrapper .geo-diagram { max-width:100%; } } .bike-product-wrapper .geo-table-wrapper { flex:1 1 auto; overflow-x:auto; } .bike-product-wrapper .geo-table { border-collapse:collapse; font-size:0.8em; width:100%; } .bike-product-wrapper .geo-table thead tr th { height:110px; white-space:nowrap; vertical-align:bottom; padding:0; border:none; background:transparent; min-width:28px; } .bike-product-wrapper .geo-table thead th.geo-corner { min-width:0; width:18px; } .bike-product-wrapper .geo-table thead th.geo-size-th { min-width:40px; width:40px; } .bike-product-wrapper .geo-table thead th.geo-col-header > div { transform-origin:bottom left; transform:translateX(12px) rotate(-45deg); width:22px; padding-bottom:4px; font-size:0.78em; font-weight:600; color:#333; line-height:1.2; white-space:nowrap; } .bike-product-wrapper .geo-table thead th.geo-col-header .geo-letter { font-weight:800; color:#333; display:block; font-size:1.25em; } .bike-product-wrapper .geo-table tbody td, .bike-product-wrapper .geo-table tbody th { padding:5px 7px; border:1px solid #e8e8e8; text-align:center; font-size:0.9em; color:#333; } .bike-product-wrapper .geo-table tbody .geo-unit-label { background:#f7f8f6; font-weight:700; font-size:0.7em; text-transform:uppercase; letter-spacing:1px; color:#1a1a1a; padding:4px 6px; white-space:nowrap; border-left:4px solid #1a1a1a; } .bike-product-wrapper .geo-table tbody .geo-unit-label > span { display:inline-block; writing-mode:vertical-rl; transform:rotate(180deg); } .bike-product-wrapper .geo-table tbody .geo-size { font-weight:700; text-align:left; padding-left:8px; color:#1a1a1a; } .bike-product-wrapper .geo-table tbody tr:hover td { background:#fcfcfc; } .bike-product-wrapper .geo-table tbody tr.geo-section-divider td, .bike-product-wrapper .geo-table tbody tr.geo-section-divider th { border-top:2px solid #ccc; } /* Geometry — legacy single-size two-column layout */ .bike-product-wrapper .geo-two-col { display:grid; grid-template-columns:1fr 1fr; gap:32px; align-items:stretch; } .bike-product-wrapper .geo-img-col { display:flex; align-items:center; } .bike-product-wrapper .geo-img-col img { width:100%; height:auto; border-radius:8px; display:block; cursor:zoom-in; transition:transform 0.3s ease; } .bike-product-wrapper .geo-img-col img:hover { transform:scale(1.02); } .bike-product-wrapper .geo-rider-height { font-size:1em; color:#555; margin:0 0 14px; padding-bottom:12px; border-bottom:1px solid #eee; } .bike-product-wrapper .geo-rider-height strong { color:#1a1a1a; } @media (max-width:768px) { .bike-product-wrapper .geo-two-col { grid-template-columns:1fr; } } /* Sizing */ .bike-product-wrapper .sizing-row { display:flex; flex-wrap:wrap; gap:10px; justify-content:center; align-items:center; padding:14px 0; margin:24px 0 8px; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; } .bike-product-wrapper .sizing-row .sizing-label { font-size:0.75em; text-transform:uppercase; letter-spacing:1px; color:var(--brand-primary); font-weight:700; margin-right:6px; } .bike-product-wrapper .sizing-row .sizing-chip { display:inline-flex; align-items:center; gap:6px; padding:5px 14px; border:1px solid #ddd; border-radius:6px; font-size:0.85em; color:#444; background:#fafafa; } .bike-product-wrapper .sizing-row .sizing-chip strong { color:var(--brand-primary); font-weight:700; } /* FAQ */ .bike-product-wrapper details.faq-item { border:none; border-bottom:1px solid #f0f0f0; margin-bottom:0; } .bike-product-wrapper details.faq-item:last-child { border-bottom:none; } .bike-product-wrapper details.faq-item summary { font-size:1em; font-weight:600; padding:18px 45px 18px 0; color:#2c2c2c; } .bike-product-wrapper details.faq-item summary:hover { color:var(--brand-primary); } .bike-product-wrapper details.faq-item summary::after { width:8px; height:8px; border-right:2px solid #2c2c2c; border-bottom:2px solid #2c2c2c; } .bike-product-wrapper .faq-answer { padding:0 0 20px; font-size:0.9em; color:#555; line-height:1.6; margin:0; } /* List Section */ .bike-product-wrapper .list-section ul { list-style:none; padding:0; margin-top:5px; } .bike-product-wrapper .list-section li { display:flex; flex-direction:column; padding-left:35px; position:relative; margin-bottom:8px; } .bike-product-wrapper .list-section li::before { content:'\2713'; position:absolute; left:0; top:0; color:var(--brand-accent); font-size:1.6em; line-height:1; font-weight:900; } .bike-product-wrapper .list-section .item-title { font-weight:bold; text-transform:uppercase; letter-spacing:0.5px; color:#2c2c2c; font-size:0.9em; } .bike-product-wrapper .list-section .item-desc { font-size:0.85em; color:#555; } /* What's In The Box — enhanced */ .bike-product-wrapper ul.box-list { list-style:none; padding:0; margin-top:10px; display:grid; grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); gap:14px; } .bike-product-wrapper .box-item { display:flex; align-items:flex-start; gap:14px; background:#f9f9f7; border:1px solid #e5e5e0; border-radius:8px; padding:16px; } .bike-product-wrapper .box-item::before { display:none; } .bike-product-wrapper .box-icon { font-size:2em; line-height:1; flex-shrink:0; } .bike-product-wrapper .box-item-content { display:flex; flex-direction:column; gap:4px; } .bike-product-wrapper .box-item-content .item-title { font-weight:700; text-transform:uppercase; letter-spacing:0.5px; color:#1a1a1a; font-size:0.88em; display:block; } .bike-product-wrapper .box-item-content .item-desc { font-size:0.83em; color:#555; line-height:1.5; display:block; } .bike-product-wrapper .box-sub-list { list-style:none; padding:0; margin:6px 0 0; } .bike-product-wrapper .box-sub-list li { font-size:0.8em; color:#666; padding-left:14px; position:relative; margin-bottom:3px; } .bike-product-wrapper .box-sub-list li::before { content:'–'; position:absolute; left:0; color:#999; } @media (max-width:600px) { .bike-product-wrapper ul.box-list { grid-template-columns:1fr; } } /* What's In The Box — simple checklist bullets (self-contained; survives tab-panel unwrap) */ .bike-product-wrapper ul.box-checklist { list-style:none; padding:0; margin:8px 0 0; } .bike-product-wrapper .box-checklist > li { position:relative; padding-left:30px; margin-bottom:14px; } .bike-product-wrapper .box-checklist > li::before { content:'\2713'; position:absolute; left:0; top:0; color:var(--brand-accent); font-size:1.2em; line-height:1.25; font-weight:900; } .bike-product-wrapper .box-checklist .item-title { display:block; font-weight:700; text-transform:uppercase; letter-spacing:0.5px; color:#1a1a1a; font-size:0.9em; } .bike-product-wrapper .box-checklist .item-desc { display:block; font-size:0.85em; color:#555; line-height:1.5; margin-top:2px; } /* Inline conversion CTA — re-prompts the sale mid-scroll, scrolls back to buy box */ .bike-product-wrapper .inline-cta-band { max-width:var(--content-max); margin:42px auto; padding:34px 24px; text-align:center; border-radius:14px; background:linear-gradient(135deg, var(--brand-primary), var(--brand-primary-dark)); } .bike-product-wrapper .inline-cta-headline { font-family:'Bebas Neue','Montserrat',sans-serif; color:#fff; font-size:2.2em; line-height:1.05; margin:0 0 16px; text-transform:uppercase; letter-spacing:1px; } .bike-product-wrapper .inline-cta-btn { display:inline-block; background:var(--brand-accent); color:#1a1a1a; font-family:'Montserrat',sans-serif; font-weight:800; text-transform:uppercase; letter-spacing:1.2px; font-size:0.8em; text-decoration:none; cursor:pointer; padding:11px 30px; border-radius:6px; box-shadow:0 6px 18px rgba(0,0,0,0.25); transition:transform 0.2s ease, box-shadow 0.2s ease; } .bike-product-wrapper .inline-cta-btn:hover { transform:translateY(-2px); box-shadow:0 10px 26px rgba(0,0,0,0.35); } .bike-product-wrapper .inline-cta-trust { color:rgba(255,255,255,0.85); font-size:0.82em; margin:16px 0 0; font-family:'Montserrat',sans-serif; letter-spacing:0.3px; } @media (max-width:600px) { .bike-product-wrapper .inline-cta-headline { font-size:1.6em; } .bike-product-wrapper .inline-cta-btn { padding:14px 36px; } } /* ── Subtle premium animations ── (gated on .anim-ready so content never hides if JS fails) */ .bike-product-wrapper.anim-ready .reveal { opacity:0; transform:translateY(20px); transition:opacity 0.7s ease, transform 0.7s ease; } .bike-product-wrapper.anim-ready .reveal.in-view { opacity:1; transform:none; } /* section underline draws in on reveal */ .bike-product-wrapper.anim-ready .reveal h3::after { width:0; transition:width 0.7s ease 0.2s; } .bike-product-wrapper.anim-ready .reveal.in-view h3::after { width:100%; } /* hero slow Ken Burns */ @keyframes bcKenBurns { from { transform:translate(-50%,-50%) scale(1); } to { transform:translate(-50%,-50%) scale(1.08); } } .bike-product-wrapper .hero-image-section img { animation:bcKenBurns 16s ease-out both; } /* feature card hover lift */ .bike-product-wrapper .feature-card.has-image { transition:transform 0.3s ease; } .bike-product-wrapper .feature-card.has-image:hover { transform:translateY(-5px); } @media (prefers-reduced-motion:reduce) { .bike-product-wrapper .hero-image-section img { animation:none; } .bike-product-wrapper.anim-ready .reveal { opacity:1; transform:none; transition:none; } .bike-product-wrapper.anim-ready .reveal h3::after { width:100%; transition:none; } } /* Responsive */ @media (max-width:768px) { .bike-product-wrapper .hero-content h2 { font-size:2.2em; } .bike-product-wrapper .product-subtitle { font-size:1.1em; } .bike-product-wrapper h3 { font-size:2.8em; letter-spacing:2px; } .bike-product-wrapper h4 { font-size:1.8em; } .bike-product-wrapper .sub-headline { font-size:1.2em; } .bike-product-wrapper .sub-headline { font-size:1.15em; } .bike-product-wrapper .spec-table { min-width:400px; } } @media (prefers-reduced-motion:reduce) { .bike-product-wrapper .shimmer-text { animation:none; } .bike-product-wrapper .belcopia-modal { transition:none; } .bike-product-wrapper .belcopia-modal-content { transition:none; } .bike-product-wrapper .bike-fade-swap .fade-img { transition:none; } } Range48–65 mi SpeedUp to 28 mph Battery48V 15Ah, 720Wh Weight75 lbs DrivetrainBox 8-Speed Motor750W BAFANG Mid-Drive Rambo Roamer 2.0 Torque Where the Trail Turns Vertical. "When the ground tilts up, torque is everything." The Rambo Roamer 2.0 is a mid-drive all-terrain machine — the one you reach for when the ground tilts up and the trail turns loose. Its Bafang 750W mid-drive puts power through the crank instead of the wheel, so every ounce of torque lands where you need it: climbing grades, crawling over roots, and hauling a loaded rack without bogging down. Rolling on fat 24 x 4.0 Kenda anti-puncture tires and stopped by Logan 2-piston hydraulics, it is built to wander — up to 48 miles on the standard 48V 15Ah battery, or 65 with the 20Ah upgrade. A Box 8-speed drivetrain gives you the gearing range to spin up anything. "The Roamer is the climber of the lineup. A true Bafang mid-drive and an 8-speed drivetrain make it the pick when your rides involve real elevation and a loaded rack — power multiplied through the gears, not just pushed from the hub. Efficient, torquey, and built to wander all day." — The Belcopia Team BUILT FOR RIDERS WHO You ride real terrain — steep, loose, rooted — and want mid-drive torque, not just hub-motor push You haul gear and want the 300 lb capacity and metal rear rack to carry it You value climbing efficiency and want gears to match the grade You want range flexibility with a 15Ah-to-20Ah battery upgrade path MID-DRIVE, NOT HUB Torque Multiplied Through the Gears Hub motors push from the wheel at one fixed ratio. The Roamer's Bafang 750W mid-drive works through the crank and your 8-speed drivetrain — drop a gear on a nasty climb and the motor multiplies with you. That is the difference between spinning out and grinding to the top with a loaded rack. Pair that with fat 24 x 4.0 Kenda Kevlar anti-puncture tires and the Roamer's footprint becomes a platform: dirt, sand, loose shale, and early-season mud handled by four inches of aggressive tread while the mid-drive pushes you through it. RANGE YOU CAN UPGRADE 48 Miles Standard — 65 With the 20Ah The Roamer ships with a 48V 15Ah, 720Wh LG-celled battery good for up to 48 miles. Step up to the 20Ah pack and range climbs to 65 — the flexibility to size capacity to how far you actually wander. Ride in a lower assist mode on the way out and the range stretches further; call on the mid-drive's full torque for the loaded climb home. That headroom is what turns a day ride into an all-day ride. KEY FEATURES Waterproof LCD Display The digital LCD is tough and waterproof, showing power, speed, battery, and mileage at a glance. Its Adjustable Class Setting (ACS) lets you switch between Class 1, 2, or 3 modes to match local e-bike laws. Box 8-Speed Derailleur A durable, budget-friendly Box 8-speed drivetrain delivers smooth, reliable shifting across a wide gear range — built to handle rugged riding and keep you in the right gear on every grade. Metal Rear Rack The sturdy metal rear rack adds reliable cargo support for hauling gear, groceries, or daily essentials, with durable construction built to handle heavier loads on the trail or around town. Anti-Puncture Tires Kenda all-terrain 24 x 4.0 Kevlar anti-puncture tires feature an aggressive tread for superior grip across dirt, sand, and rough terrain, with Kevlar protection to resist flats where you ride hardest. PDW Fenders The PDW front fender keeps water, mud, and debris off the rider, and the Mud Shovel rear fender extends coverage for a cleaner, more comfortable ride in wet conditions. ← → SEE IT IN ACTION WHY THIS BUILD MATTERS The Roamer's engineering choices are built around one idea: put the power where it does the most good and let you carry more, farther. Here is why they matter. Mid-Drive Climbing Power A hub motor gives you one ratio at the wheel. The Roamer's Bafang mid-drive runs through the 8-speed cassette and changes that ratio every time you shift. On a steep, loose grade with a loaded rack, gear multiplication is what keeps you moving. Upgradeable Range 48 miles on the standard 15Ah battery, 65 on the 20Ah. Size the pack to the ride instead of paying for range you do not need — or add capacity later when your routes get longer. Built to Haul A 300 lb payload, a sturdy metal rear rack, and Kevlar anti-puncture tires mean the Roamer is set up to carry gear over rough ground without flats or frame strain. Tech Specs FAQ What's In The Box Motor Bafang 750W Mid-Drive (1,000W Peak) Battery 48V 15Ah 720Wh, LG Cells (20Ah Upgrade Available) Range Up to 48 mi (15Ah) / 65 mi (20Ah) Speed Up to 28 mph Brakes Logan 2-Piston Hydraulic Drivetrain Box 8-Speed (KMC Z8 Chain) Tires Kenda All-Terrain 24" x 4.0" Kevlar Anti-Puncture Frame 6061 T6 Aluminum Fenders PDW Front + Mud Shovel Rear Weight 75 lbs (battery removed) Payload 300 lbs Is the Roamer 2.0 a mid-drive or hub-drive e-bike? Mid-drive. The Bafang 750W motor sits at the cranks and drives through the 8-speed drivetrain, so it multiplies torque through your gears — a real advantage on steep, loose climbs versus a hub motor. How far can the Roamer 2.0 go on a charge? Up to 48 miles on the standard 48V 15Ah battery, or up to 65 miles with the 20Ah upgrade. Real-world range depends on terrain, assist level, and load. What size tires does it use? Kenda all-terrain 24" x 4.0" Kevlar anti-puncture fat tires with an aggressive tread for grip on dirt, sand, and rough terrain. Rambo Roamer 2.0 E-BikeArrives fully assembled and ready for final setup. 48V 15Ah LG Battery & KeyHigh-quality LG-celled battery with locking key. Smart ChargerFast, protected charging for battery longevity. Waterproof LCD DisplayBright, weatherproof display with Anti-theft Cruise System (ACS). × (function(){ var w=document.querySelector('.bike-product-wrapper'); if(!w)return; /* Block right-click on images */ w.addEventListener('contextmenu',function(e){ if(e.target.tagName==='IMG'){e.preventDefault();} }); w.addEventListener('dragstart',function(e){ if(e.target.tagName==='IMG'){e.preventDefault();} }); /* Lightbox */ var modal=document.getElementById('belcopia-image-modal'); var mImg=document.getElementById('belcopia-modal-img'); var cls=w.querySelector('.belcopia-modal-close'); if(modal&&mImg){ w.addEventListener('click',function(e){ var t=e.target; if(t.tagName==='IMG'&&t.closest('.two-col-container,.bike-fade-swap,.feature-card.has-image,.geo-img-col')){ e.preventDefault(); mImg.src=t.src; modal.classList.add('show'); document.body.style.overflow='hidden'; if(cls)cls.focus(); } }); function closeM(){ modal.classList.remove('show'); setTimeout(function(){mImg.src='';},300); document.body.style.overflow=''; } if(cls)cls.addEventListener('click',closeM); modal.addEventListener('click',function(e){if(e.target===modal)closeM();}); document.addEventListener('keydown',function(e){ if((e.key==='Escape'||e.key==='Enter')&&modal.classList.contains('show'))closeM(); }); } /* Fade Swap */ var swaps=w.querySelectorAll('.bike-fade-swap'); var obs=new IntersectionObserver(function(entries){ entries.forEach(function(en){en.target.dataset.vis=en.isIntersecting?'1':'0';}); },{threshold:0.1}); swaps.forEach(function(s){ obs.observe(s); var imgs=s.querySelectorAll('.fade-img'); if(imgs.length
