Discover the Odin 4. Light-Speed Racing

Rinos Odin Series Named after Odin, the powerful and wise god from Norse mythology, this name reflects the speed, precision, and strategy required in road cycling. Odin was known for his far-reaching vision and leadership, symbolizing how our road bikes are designed for those who seek high performance, endurance, and agility.

Odin 5. The Ultimate Road God.

Shimano Ultegra R8000 22-speed drivetrain. An astonishing lightness of 8.6kg.

The entry-level option, featuring a Shimano SORA R3000 groupset, ideal for beginner cyclists. It weighs 9.8 kg and has a full carbon frame. It's designed for riders looking for a lightweight, affordable, and reliable road bike​

A step up, the Odin 3 is equipped with a Shimano 105 groupset, providing more precise shifting and improved performance. It also features a carbon frame and weighs 9.8 kg , making it a great choice for intermediate riders seeking better performance on the road​

* { margin: 0; padding: 0; box-sizing: border-box; } body { line-height: 1.6; } .comparison-wrapper { position: relative; z-index: 2; background: inherit; font-family: inherit; color: inherit; } /* Header */ .comparison-header { text-align: center; margin-bottom: 60px; padding-bottom: 30px; border-bottom: 1px solid #e5e5e5; } .main-title { font-size: 42px; font-weight: 300; letter-spacing: -1px; color: #000000; margin-bottom: 10px; text-transform: uppercase; } .subtitle { font-size: 14px; color: #6b6b6b; font-weight: 400; letter-spacing: 1px; } /* Bikes Grid */ .bikes-container { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 30px; margin-bottom: 40px; } /* Bike Card */ .bike-card { background: #ffffff; border: 1px solid #e5e5e5; border-radius: 0; padding: 30px 20px; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); position: relative; cursor: pointer; } .bike-card:hover { border-color: #000000; transform: translateY(-5px); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); } /* Featured Card */ .bike-card.is-featured { border: 2px solid #F04A00; background: #ffffff; } .bike-card.is-featured::before { content: "POLECANE"; position: absolute; top: -12px; left: 50%; transform: translateX(-50%); background: #F04A00; color: white; padding: 4px 16px; font-size: 10px; font-weight: 600; letter-spacing: 1.5px; } .bike-card.is-featured:hover { border-color: #F04A00; box-shadow: 0 10px 40px rgba(240, 74, 0, 0.15); } /* Bike Image */ .bike-image-container { height: 140px; display: flex; align-items: center; justify-content: center; margin-bottom: 20px; position: relative; overflow: hidden; } .bike-image { max-width: 100%; max-height: 100%; object-fit: contain; filter: contrast(1.05); transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); } .bike-card:hover .bike-image { transform: scale(1.08); } /* Bike Name */ .bike-model-name { font-size: 18px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; text-align: center; margin-bottom: 25px; padding-bottom: 15px; border-bottom: 1px solid #e5e5e5; color: #000000; } .bike-card.is-featured .bike-model-name { color: #F04A00; } /* Specs Table */ .bike-specs { display: flex; flex-direction: column; gap: 12px; } .spec-row { display: flex; justify-content: space-between; align-items: baseline; padding: 8px 0; border-bottom: 1px solid #f5f5f5; transition: all 0.2s ease; flex-wrap: wrap; /* ✅ allows wrapping instead of overflowing */ word-break: break-word; /* ✅ breaks long words if needed */ overflow-wrap: anywhere; /* ✅ modern alternative for better wrapping */ } .spec-row:last-child { border-bottom: none; } .spec-row:hover { padding-left: 5px; background: #fafafa; margin: 0 -5px; padding-right: 5px; } .spec-label { font-size: 11px; font-weight: 500; color: #8b8b8b; text-transform: uppercase; letter-spacing: 0.5px; flex-shrink: 0; } .spec-value { font-size: 13px; font-weight: 500; color: #2b2b2b; text-align: right; margin-left: 10px; word-break: break-word; /* ✅ ensures long words break properly */ flex: 1; /* ✅ lets the value side shrink or grow properly */ min-width: 0; /* ✅ fixes flexbox overflow bug */ } /* Highlight key specs */ .spec-row.key-spec .spec-value { font-weight: 600; color: #000000; } /* Responsive Design */ @media (max-width: 1200px) { .bikes-container { grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px; } } @media (max-width: 768px) { .comparison-wrapper { padding: 20px 15px; } .main-title { font-size: 32px; } .bikes-container { grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 15px; } .bike-card { padding: 20px 15px; } .bike-image-container { height: 100px; } .bike-model-name { font-size: 14px; margin-bottom: 20px; } .spec-label { font-size: 10px; } .spec-value { font-size: 12px; } } @media (max-width: 480px) { .bikes-container { grid-template-columns: 1fr; } } /* Comparison Table View Toggle */ .view-controls { text-align: center; margin-bottom: 30px; } .view-toggle { display: inline-flex; background: #f5f5f5; border-radius: 0; overflow: hidden; border: 1px solid #e5e5e5; } .view-option { padding: 10px 20px; background: transparent; border: none; font-size: 12px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.5px; cursor: pointer; transition: all 0.3s ease; color: #6b6b6b; } .view-option.active { background: #000000; color: #ffffff; } .view-option:hover:not(.active) { background: #ebebeb; } /* Accessibility */ .bike-card:focus-visible { outline: 2px solid #000000; outline-offset: 4px; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } /* Print Styles */ @media print { .view-controls { display: none; } .bikes-container { display: table; width: 100%; } .bike-card { display: table-cell; break-inside: avoid; } } Odin 1 Weight 8.8kg Gear Shimano SORA Gears 18 Frame TORAY T800 Carbon Frame Size optimized for riders between 165-195 cm Brakes Mechanical Wheel Size 28 inches Rims Aluminum Odin 3 Weight 8.8kg Gear Shimano 105 Gears 22 Frame TORAY T800 Carbon Frame Size optimized for riders between 165-195 cm Brakes Mechanical Wheel Size 28 inches Rims Aluminum odin 4 Weight 8.8 kg Gear Shimano 105 Gears 24 Frame TORAY T800 Carbon Frame Size optimized for riders between 165-195 cm Brakes Shimano 105 hydraulic Wheel Size 28 inches Rims Aluminum Odin 6.0 Weight 8.8kg Gear Shimano 105 Di2 Gears 24 Frame TORAY T800 Carbon Frame Size optimized for riders between 156–199 cm Brakes Hydraulic Disc Wheel Size 28 inches Rims Aluminium Odin 6.1 Weight 7.8kg Gear Shimano 105 Di2 Gears 24 Frame TORAY T800 Carbon Frame Size optimized for riders between 156–199 cm Brakes Hydraulic Disc Wheel Size 28 inches Rims Carbon Odin 7.1 Weight 7.6kg Gear Shimano Ultegra Di2 Gears 24 Frame TORAY T800 Carbon Frame Size optimized for riders between 156–199 cm Brakes Hydraulic Disc Wheel Size 28 inches Rims Carbon // View toggle functionality document.querySelectorAll('.view-option').forEach(button => { button.addEventListener('click', function() { document.querySelectorAll('.view-option').forEach(btn => btn.classList.remove('active')); this.classList.add('active'); const view = this.dataset.view; const container = document.querySelector('.bikes-container'); if (view === 'table') { container.style.display = 'table'; container.style.width = '100%'; document.querySelectorAll('.bike-card').forEach(card => { card.style.display = 'table-cell'; card.style.width = 'auto'; }); } else { container.style.display = 'grid'; document.querySelectorAll('.bike-card').forEach(card => { card.style.display = 'block'; }); } }); }); // Keyboard navigation document.querySelectorAll('.bike-card').forEach(card => { card.addEventListener('keypress', function(e) { if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); // This would link to the product detail page console.log('Navigate to:', this.querySelector('.bike-model-name').textContent); } }); }); // Add subtle parallax effect on scroll (optional enhancement) if (window.matchMedia('(min-width: 768px)').matches) { window.addEventListener('scroll', () => { const scrolled = window.pageYOffset; const parallax = document.querySelector('.comparison-header'); if (parallax) { parallax.style.transform = `translateY(${scrolled * 0.3}px)`; } }); }

Find Your Perfect Fit Choose based on your height. Between sizes? Go larger for comfort, smaller for agility. XS 152-165 cm 5'0" - 5'5" S 166-172 cm 5'5" - 5'8" M 175-184 cm 5'9" - 6'0" L 185-193 cm 6'1" - 6'4" XL 194-200 cm 6'5" - 6'7" Not sure about your size? Contact our team for personalized sizing advice. We offer free size exchanges. Get Sizing Help 📏 Sizing Guide & Geometry + How to Measure Yourself 1 Stand Against a Wall: Remove your shoes and stand with your back flat against a wall. 2 Mark Your Height: Use a book on top of your head, parallel to the floor. Mark the wall. 3 Measure: Measure from the floor to your mark. This is your height for sizing. 💡 Tip: Between sizes with longer legs? Size up. Shorter torso? Size down. Frame Geometry Measurement XS S M L XL Rider Height 152-165cm 166-172cm 175-184cm 185-193cm 194-200cm Frame Size (A) 460mm 490mm 520mm 540mm 560mm Reach (C) 371mm 385mm 391mm 391mm 396mm Stack (E) 503mm 505mm 521mm 542mm 563mm Top Tube (D) 510mm 525mm 540mm 550mm 565mm Head Tube (N) 105mm 108mm 121mm 141mm 161mm Seat Tube (M) 460mm 480mm 500mm 522mm 542mm Standover 734mm 754mm 772mm 793mm 813mm Wheelbase (F) 971mm 987mm 989mm 991mm 998mm Chainstay (G) 410mm 410mm 410mm 410mm 410mm BB Drop (I) 70mm 70mm 70mm 70mm 70mm Seat Angle (K) 74.5° 74.5° 74° 73.6° 73.3° Head Angle (L) 71° 71° 72° 72.5° 73° All measurements are approximate. /* Compact Sizing Guide Styles */ .odin-sizing-compact { max-width: 1200px; margin: 30px auto; padding: 0 20px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; } /* Size Selector - Keep compact */ .size-selector-section { text-align: center; margin-bottom: 20px; } .main-title { font-size: 1.6em; font-weight: 700; margin-bottom: 8px; color: #000; } .size-subtitle { font-size: 0.95em; color: #666; margin-bottom: 25px; } .size-cards { display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; margin-bottom: 20px; } .size-card { background: #fff; border: 2px solid #e0e0e0; border-radius: 8px; padding: 20px 15px; min-width: 110px; transition: all 0.2s ease; cursor: pointer; } .size-card:hover { border-color: #000; transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.1); } .size-badge { font-size: 2em; font-weight: 700; color: #000; margin-bottom: 6px; } .size-height { font-size: 0.95em; font-weight: 600; color: #333; margin-bottom: 3px; } .size-height-imperial { font-size: 0.85em; color: #999; } /* Help Banner - More compact */ .size-help-banner { background: #f8f8f8; border-radius: 8px; padding: 20px; display: flex; align-items: center; gap: 15px; text-align: left; max-width: 800px; margin: 0 auto 20px; } .help-icon { width: 40px; height: 40px; flex-shrink: 0; color: #000; } .help-text { flex: 1; } .help-text strong { font-size: 1em; display: block; margin-bottom: 4px; color: #000; } .help-text p { margin: 0; color: #666; font-size: 0.9em; } .help-cta { background: #000; color: #fff; padding: 10px 20px; border-radius: 6px; text-decoration: none; font-weight: 600; font-size: 0.9em; white-space: nowrap; transition: opacity 0.2s; } .help-cta:hover { opacity: 0.85; } /* Combined Details Dropdown */ .sizing-details-combined { background: #fff; border: 1px solid #e0e0e0; border-radius: 8px; overflow: hidden; } .details-summary { padding: 15px 20px; cursor: pointer; display: flex; justify-content: space-between; align-items: center; font-weight: 600; font-size: 1em; user-select: none; transition: background 0.2s; } .details-summary:hover { background: #fafafa; } .details-title { color: #000; } .expand-icon { font-size: 1.5em; font-weight: 300; color: #666; transition: transform 0.3s; } .sizing-details-combined[open] .expand-icon { transform: rotate(45deg); } .details-content { padding: 20px; border-top: 1px solid #f0f0f0; } /* Compact Measure Section */ .measure-section { margin-bottom: 30px; } .measure-subtitle { font-size: 1.1em; font-weight: 600; margin-bottom: 15px; color: #000; } .measure-steps-compact { display: flex; flex-direction: column; gap: 12px; margin-bottom: 15px; } .measure-step-compact { font-size: 0.9em; line-height: 1.5; color: #333; } .step-num { display: inline-block; width: 24px; height: 24px; background: #000; color: #fff; border-radius: 50%; text-align: center; line-height: 24px; font-weight: 600; font-size: 0.85em; margin-right: 8px; } .measure-tip-compact { background: #fffbea; border-left: 3px solid #f59e0b; padding: 12px 15px; border-radius: 4px; font-size: 0.9em; color: #666; margin: 0; } /* Compact Geometry Section */ .geometry-section-compact { margin-top: 25px; } .geometry-subtitle { font-size: 1.1em; font-weight: 600; margin-bottom: 15px; color: #000; } .geometry-layout { display: grid; grid-template-columns: 300px 1fr; gap: 20px; align-items: start; } .geometry-diagram { background: #fafafa; padding: 20px; border-radius: 8px; } .geometry-diagram img { width: 100%; height: auto; } .geometry-table-container { min-width: 0; } .table-scroll-compact { overflow-x: auto; margin-bottom: 10px; } .geometry-table-compact { width: 100%; border-collapse: collapse; font-size: 0.85em; } .geometry-table-compact th, .geometry-table-compact td { padding: 8px 10px; text-align: left; border-bottom: 1px solid #e0e0e0; } .geometry-table-compact th { background: #fafafa; font-weight: 600; color: #000; font-size: 0.9em; position: sticky; top: 0; } .geometry-table-compact td:first-child { font-weight: 500; color: #000; min-width: 120px; } .geometry-table-compact .highlight-row { background: #f8f8f8; } .geometry-table-compact .highlight-row td { font-weight: 600; } .geometry-note-compact { font-size: 0.8em; color: #999; font-style: italic; text-align: center; margin: 0; } /* Mobile Responsive */ @media (max-width: 768px) { .odin-sizing-compact { padding: 0 15px; } .main-title { font-size: 1.4em; } .size-cards { gap: 8px; } .size-card { min-width: 95px; padding: 15px 12px; } .size-badge { font-size: 1.8em; } .size-help-banner { flex-direction: column; text-align: center; padding: 18px 15px; } .help-text { text-align: center; } .help-cta { width: 100%; text-align: center; } .details-summary { padding: 12px 15px; font-size: 0.95em; } .details-content { padding: 15px; } .geometry-layout { grid-template-columns: 1fr; gap: 15px; } .geometry-diagram { padding: 15px; } .geometry-table-compact { font-size: 0.75em; } .geometry-table-compact th, .geometry-table-compact td { padding: 6px 8px; } .geometry-table-compact td:first-child { min-width: 100px; } }