State Bicycle Co. - 25.4mm / 57cm Riser Bars (Black / Silver)
.acc-product-wrapper { font-family: 'Trebuchet MS', Arial, sans-serif; line-height: 1.6; color: #333; background-color: #fff; } .acc-product-wrapper a { color: #5f7038; text-decora tion: underline; font-weight: 600; } .acc-product-wrapper a:hover { color: #E3B123; } /* Compatibility Banner */ .acc-product-wrapper .acc-compat-banner { background: #f5f5f0; border-left: 4px solid #5f7038; padding: 14px 18px; margin-bottom: 24px; border-radius: 4px; } .acc-product-wrapper .acc-compat-label { font-size: 13px; color: #5f7038; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; } .acc-product-wrapper .acc-compat-fits { font-size: 15px; color: #333; margin-top: 4px; } /* Quick Specs Bar */ .acc-product-wrapper .at-a-glance-bar { background-color: #212121; color: #fff; padding: 12px 10px; margin-bottom: 24px; border-radius: 4px; } .acc-product-wrapper .glance-container { display: flex; justify-content: space-around; text-align: center; max-width: 800px; margin: 0 auto; flex-wrap: wrap; gap: 15px; } .acc-product-wrapper .glance-item { display: flex; flex-direction: column; align-items: center; gap: 4px; font-size: 0.8em; min-width: 90px; padding: 6px 0; } .acc-product-wrapper .glance-title { font-weight: bold; text-transform: uppercase; font-size: 0.9em; letter-spacing: 0.5px; } /* Key Features */ .acc-product-wrapper .acc-features { margin-bottom: 24px; padding: 0; } .acc-product-wrapper .acc-features h3 { font-size: 1.4em; font-weight: bold; color: #5f7038; border-bottom: 2px solid #eee; padding-bottom: 8px; margin-bottom: 16px; text-transform: uppercase; } .acc-product-wrapper .acc-features ul { list-style: none; padding: 0; margin: 0; } .acc-product-wrapper .acc-features li { display: flex; align-items: flex-start; margin-bottom: 12px; padding-left: 30px; position: relative; font-size: 0.95em; } .acc-product-wrapper .acc-features li::before { content: '\2713'; position: absolute; left: 0; top: 0; color: #E3B123; font-size: 1.4em; line-height: 1; font-weight: 900; } /* Accordion */ .acc-product-wrapper .accordion-wrapper { margin: 20px 0; border-top: 1px solid #eee; } .acc-product-wrapper details.accordion-item { border-bottom: 1px solid #eee; margin-bottom: 0; overflow: hidden; } .acc-product-wrapper details.accordion-item summary { padding: 18px 40px 18px 0; font-size: 1.2em; font-weight: 600; color: #1a1a1a; cursor: pointer; position: relative; outline: none; list-style: none; transition: color 0.3s ease; } .acc-product-wrapper details.accordion-item summary::-webkit-details-marker { display: none; } .acc-product-wrapper details.accordion-item summary::after { content: ''; position: absolute; right: 12px; top: 50%; width: 10px; height: 10px; border-right: 2px solid #1a1a1a; border-bottom: 2px solid #1a1a1a; transform: translateY(-70%) rotate(45deg); transition: transform 0.3s ease, border-color 0.3s ease; } .acc-product-wrapper details.accordion-item summary:hover, .acc-product-wrapper details.accordion-item[open] summary { color: #5f7038; } .acc-product-wrapper details.accordion-item[open] summary::after { transform: translateY(-30%) rotate(-135deg); border-color: #5f7038; } .acc-product-wrapper .accordion-content { padding: 0 0 24px 0; } /* Spec Table */ .acc-product-wrapper .table-wrapper { width: 100%; overflow-x: auto; border-radius: 8px; border: 1px solid #ddd; margin-bottom: 16px; } .acc-product-wrapper .spec-table { width: 100%; border-collapse: collapse; } .acc-product-wrapper .spec-table th { background-color: #f7f8f6; font-weight: 900; text-transform: uppercase; font-size: 0.85em; color: #5f7038; border-left: 4px solid #E3B123; padding: 10px 14px; text-align: left; width: 35%; } .acc-product-wrapper .spec-table td { padding: 10px 14px; border: 1px solid #eee; font-size: 0.9em; text-align: left; } .acc-product-wrapper .spec-table tr:hover td { background-color: #fcfcfc; } /* FAQ */ .acc-product-wrapper details.faq-item { border: none; border-bottom: 1px solid #f0f0f0; margin-bottom: 0; } .acc-product-wrapper details.faq-item:last-child { border-bottom: none; } .acc-product-wrapper details.faq-item summary { font-size: 1em; font-weight: 600; padding: 16px 40px 16px 0; color: #2c2c2c; } .acc-product-wrapper details.faq-item summary:hover { color: #5f7038; } .acc-product-wrapper details.faq-item summary::after { width: 8px; height: 8px; border-right: 2px solid #2c2c2c; border-bottom: 2px solid #2c2c2c; } .acc-product-wrapper .faq-answer { padding: 0 0 18px 0; font-size: 0.9em; color: #555; line-height: 1.6; margin: 0; } .acc-product-wrapper .faq-answer a { color: #5f7038; } /* Intro Paragraph */ .acc-product-wrapper .acc-intro { margin-bottom: 24px; padding: 0; } .acc-product-wrapper .acc-intro p { font-size: 1em; line-height: 1.7; color: #333; margin: 0; } /* Lifestyle Gallery Row */ .acc-product-wrapper .acc-gallery { display: flex; gap: 16px; margin-bottom: 28px; justify-content: center; } .acc-product-wrapper .acc-gallery-card { flex: 0 1 45%; max-width: 45%; border: 1px solid #e0e0e0; border-radius: 10px; overflow: hidden; background: #fafafa; box-shadow: 0 2px 8px rgba(0,0,0,0.06); transition: box-shadow 0.3s ease, transform 0.2s ease; } .acc-product-wrapper .acc-gallery-card:hover { box-shadow: 0 4px 16px rgba(0,0,0,0.10); transform: translateY(-2px); } .acc-product-wrapper .acc-gallery-card img { width: 100%; display: block; object-fit: cover; aspect-ratio: 4/3; } @media (max-width: 680px) { .acc-product-wrapper .acc-gallery { flex-direction: column; align-items: center; } .acc-product-wrapper .acc-gallery-card { flex: none; max-width: 85%; } } /* Flat Sections (specs, FAQ, box — no accordion) */ .acc-product-wrapper .acc-section { margin-bottom: 24px; padding: 0; } .acc-product-wrapper .acc-section h3 { font-size: 1.2em; font-weight: 700; color: #5f7038; border-bottom: 2px solid #eee; padding-bottom: 8px; margin-bottom: 16px; text-transform: uppercase; } .acc-product-wrapper .faq-pair { margin-bottom: 16px; padding-bottom: 16px; border-bottom: 1px solid #f0f0f0; } .acc-product-wrapper .faq-pair:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; } .acc-product-wrapper .faq-q { font-weight: 600; font-size: 0.95em; color: #1a1a1a; margin: 0 0 6px 0; } .acc-product-wrapper .faq-a { font-size: 0.9em; color: #555; line-height: 1.6; margin: 0; } .acc-product-wrapper .faq-a a { color: #5f7038; } /* What's In The Box */ .acc-product-wrapper .list-section ul { list-style: none; padding: 0; margin: 0; } .acc-product-wrapper .list-section li { padding-left: 30px; position: relative; margin-bottom: 8px; font-size: 0.95em; } .acc-product-wrapper .list-section li::before { content: '\2713'; position: absolute; left: 0; top: 0; color: #E3B123; font-size: 1.4em; line-height: 1; font-weight: 900; } Handlebar Compatible With: All State Bicycle Co. bikes and more CategoryHandlebar Compatible WithAll State Bicycle Co. Fixed Gear / Single Speed Bikes... MaterialAlloy High-quality 57cm alloy riser bars with a 25.4mm stem clamp. Wider than drops or bullhorns for a more upright, relaxed riding position on fixed gear and single speed bikes. Key Features 6061 aluminum construction 25.4mm clamp diameter 57cm width Riser shape for upright riding comfort Black and silver finish options Specifications Material Alloy Width 57cm Stem Clamp Diameter 25.4mm Brake Lever Clamp 23.8mm Frequently Asked Questions How wide are these compared to other State bars? At 57cm, these are significantly wider than the 42cm drop and bullhorn bars. Ideal for a more relaxed, upright riding position. What colors are available? Black and Silver. What stem clamp size do I need? A stem with a 25.4mm clamp. All State Bicycle Co. quill and threadless stems fit these bars.
More you might like
Related
State Bicycle Co. 25c Tire Set (2 Tires)
Related
State Bicycle Co. - 25.4mm / 90mm Stem (Black / Silver)
Related
State Bicycle Co. - 25.4mm / 42cm Drop Bars (Black / Silver)
Related