Cyrusher Kommoda 3.0 | 750W 48V Full-Suspension Step-Through Electric Bike

Belcopia Bikes Verified independent store

→

.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; } } RangeUp to 68 Miles SpeedUp to 28 MPH Battery48V 20Ah (960Wh) Weight83 lbs DrivetrainShimano 7-Speed Motor750W Rear Hub Cyrusher Kommoda 3.0 Step Through. Ride Over Anything. "Almost every step-through e-bike makes the same trade: easy mounting in exchange for a rigid, street-only ride. The Kommoda 3.0 is one of the few that refuses the trade — a true step-through frame with full suspension, four-inch fat tires, and a torque sensor, at a price where most competitors give you none of the three. If stiff knees or rough pavement have been keeping you off two wheels, this is the build that removes both excuses." — The Belcopia Team BUILT FOR RIDERS WHO Want to swing a leg through the frame, not over it — knees, hips, or cargo on the rack make top tubes a daily fight Ride real streets: potholes, curb cuts, gravel shortcuts — and want suspension at both wheels soaking it up Are between 4'9" and 6'3" — one frame fits the whole household Want power that responds to how hard you pedal, not an on/off jolt Value comfort over grams — this is a plush 83 lb cruiser, not a race bike SUSPENSION WHERE IT COUNTS Both Wheels Track the Ground Most step-throughs give you a basic front fork and call it a day. The Kommoda 3.0 pairs an oil-and-spring suspension fork with a genuine rear air shock — full suspension on a step-through frame, still rare at any price and almost unheard of at $1,599. Add 20"×4" puncture-resistant fat tires and the bike flattens broken pavement, boardwalk seams, and packed trail the way a rigid commuter simply can't. Your wrists and lower back notice on the first ride. POWER THAT LISTENS, NOT LURCHES Assistance That Matches Your Effort The 750W rear hub motor is managed by a torque sensor — it measures how hard you're actually pedaling and scales assistance to match, hundreds of times per second. The result feels like your own legs on a very good day, instead of the surging on/off push of the cadence sensors common at this price. Five assist levels take you up to 28 mph, and a twist throttle is there when you just want to get home. KEY FEATURES Guarded LED Headlight A bright, caged headlight straight off a moto — see and be seen on dawn commutes. Oil-Spring Front Fork The front half of the full-suspension story — paired with 4-inch rubber, it erases broken pavement. Integrated Brake Light Lights up when you brake, like a car — drivers behind you react sooner. Cargo-Ready Rear A rack-mounted rear end rated into the bike's 350 lb payload — panniers, baskets, or a week of groceries. Torque Sensor Assistance that mirrors your pedaling effort in real time — smooth starts, natural climbs, no lurch. ← → COMPARE STEP-THROUGH E-BIKES Kommoda 3.0 $1,599 Aventon Pace 4 ST $1,599 Aventon Pace 5 REC $1,799 Motor 750W Rear Hub 500W Hub 750W Hub Battery 960Wh (48V 20Ah) — 733Wh Range Up to 68 mi — Up to 75 mi Suspension Full — fork + rear air shock — — Tires 20"×4" Fat, puncture-resistant — — Pedal Feel Torque sensor Torque sensor Torque sensor Payload 350 lbs — — — spec not listed on the manufacturer's product page. Competitor pricing and specs checked July 2026 on aventon.com — verify current details on their site. SEE IT IN ACTION Tech Specs Components FAQ Motor 48V 750W Brushless Rear Hub Battery 48V 20Ah (960Wh), internal Range Up to 68 miles (110 km) Top Speed Up to 28 mph on Level 5 PAS Sensor Torque sensor Suspension Oil-spring front fork + rear air shock Tires 20" × 4" Chaoyang puncture-resistant fat Brakes Hydraulic disc, 180mm front + rear Gearing Shimano 7-speed (SL-TX50-7R) Frame 6061 aluminum, step-through, internal battery Weight 83.11 lbs (37.7 kg) with battery Payload 350 lbs Rider Height 4'9" – 6'3" (150–195 cm) Display 3.7" color LCD smart computer Charge Time 6–7 hours (48V 3.0A charger) Derailleur Shimano 7-speed rear Crank Set 170mm forged 52T alloy, dual-sided Chain KMC stainless Throttle Twist throttle Handlebar Aluminum alloy 31.8mm, 620mm Seat Post 33.9mm, height adjustable Saddle Breathable ergonomic sport cushion Rims Aluminum alloy Spokes 12-gauge stainless steel Kickstand 6061 aluminum Battery Lifetime 800 charge cycles Charger 48V 3.0A Is the Kommoda 3.0 easy to get on if I have knee or hip issues? That's the point of the frame. The step-through design means you swing your leg through the middle of the bike, not over a top tube, and the fit range covers riders from 4'9" to 6'3". Combined with the upright riding position and cushioned saddle, it's one of the most accessible full-power e-bikes we carry. How far does it really go on a charge? Cyrusher rates it up to 68 miles, which assumes lower assist levels and moderate speeds. Ride it hard at high assist on hills and expect meaningfully less — heavier riders and cold weather reduce range on every e-bike. For daily commutes of 10–20 miles you'll be charging about twice a week. Isn't 83 lbs heavy? Yes — and it's worth being honest about. The weight comes from the full suspension, fat tires, and the 960Wh battery, and you don't feel it while riding because the motor does the work. You will feel it carrying the bike up stairs. If you need to lift your bike regularly, a lighter rigid commuter is a better fit; if it lives in a garage or at ground level, the weight buys you comfort nothing lighter can match. What does the torque sensor actually do? It measures how hard you press the pedals and matches the motor's assistance to your effort in real time. Cheaper cadence sensors just detect that the pedals are turning and dump in a fixed amount of power, which feels jerky. Torque-sensing bikes feel natural — most riders describe it as 'my legs, amplified.' How long does charging take, and how long does the battery last? A full charge takes 6–7 hours with the included 48V charger, and the battery is rated for 800 charge cycles. The pack is built into the frame but removable, so you can charge it on or off the bike. How fast does it go? Up to 28 mph using pedal assist at the highest level, with a twist throttle for when you don't want to pedal at all. Assist behavior is adjustable, so you can keep it at Class 2 limits (20 mph) if your local rules require it — check your state and trail regulations. { "@context": "https://schema.org", "@type": "FAQPage", "mainEntity": [ { "@type": "Question", "name": "Is the Kommoda 3.0 easy to get on if I have knee or hip issues?", "acceptedAnswer": { "@type": "Answer", "text": "That's the point of the frame. The step-through design means you swing your leg through the middle of the bike, not over a top tube, and the fit range covers riders from 4'9\" to 6'3\". Combined with the upright riding position and cushioned saddle, it's one of the most accessible full-power e-bikes we carry." } }, { "@type": "Question", "name": "How far does it really go on a charge?", "acceptedAnswer": { "@type": "Answer", "text": "Cyrusher rates it up to 68 miles, which assumes lower assist levels and moderate speeds. Ride it hard at high assist on hills and expect meaningfully less \u2014 heavier riders and cold weather reduce range on every e-bike. For daily commutes of 10\u201320 miles you'll be charging about twice a week." } }, { "@type": "Question", "name": "Isn't 83 lbs heavy?", "acceptedAnswer": { "@type": "Answer", "text": "Yes \u2014 and it's worth being honest about. The weight comes from the full suspension, fat tires, and the 960Wh battery, and you don't feel it while riding because the motor does the work. You will feel it carrying the bike up stairs. If you need to lift your bike regularly, a lighter rigid commuter is a better fit; if it lives in a garage or at ground level, the weight buys you comfort nothing lighter can match." } }, { "@type": "Question", "name": "What does the torque sensor actually do?", "acceptedAnswer": { "@type": "Answer", "text": "It measures how hard you press the pedals and matches the motor's assistance to your effort in real time. Cheaper cadence sensors just detect that the pedals are turning and dump in a fixed amount of power, which feels jerky. Torque-sensing bikes feel natural \u2014 most riders describe it as 'my legs, amplified.'" } }, { "@type": "Question", "name": "How long does charging take, and how long does the battery last?", "acceptedAnswer": { "@type": "Answer", "text": "A full charge takes 6\u20137 hours with the included 48V charger, and the battery is rated for 800 charge cycles. The pack is built into the frame but removable, so you can charge it on or off the bike." } }, { "@type": "Question", "name": "How fast does it go?", "acceptedAnswer": { "@type": "Answer", "text": "Up to 28 mph using pedal assist at the highest level, with a twist throttle for when you don't want to pedal at all. Assist behavior is adjustable, so you can keep it at Class 2 limits (20 mph) if your local rules require it \u2014 check your state and trail regulations." } } ] } (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 Show more