{"product_id":"city-bike-satin-silver-single-speed","title":"State Bicycle Co. City Bike - Satin Silver (Single-Speed)","description":"\u003cstyle\u003e\n    \/* 1. Global CSS \u0026 Layout *\/\n    [data-belcopia-product] {\n        font-family: Futura, \"Trebuchet MS\", Arial, sans-serif;\n        line-height: 1.6;\n        color: #333;\n        overflow-x: hidden;\n        background-color: #fff;\n    }\n\n    \/* 2. \"At a Glance\" Icon Bar *\/\n    [data-belcopia-product] .at-a-glance-bar {\n        background-color: #212121;\n        color: #fff;\n        padding: 20px 10px;\n    }\n    [data-belcopia-product] .glance-container {\n        display: flex;\n        justify-content: space-around;\n        text-align: center;\n        max-width: 1200px;\n        margin: 0 auto;\n        flex-wrap: wrap;\n        gap: 20px;\n    }\n    [data-belcopia-product] .glance-item {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        gap: 8px;\n        font-size: 0.8em;\n        min-width: 90px;\n    }\n    \n    \/* Icon Styling: Ensures the PNG icons match the white theme *\/\n    [data-belcopia-product] .glance-item img {\n        width: 40px;\n        height: 40px;\n        \/* Inverts black icons to white for the dark background *\/\n        filter: brightness(0) invert(1);\n        object-fit: contain;\n    }\n    \n    [data-belcopia-product] .glance-title {\n        font-weight: bold;\n        color: #fff;\n        text-transform: uppercase;\n        font-size: 0.9em;\n        letter-spacing: 0.5px;\n    }\n    [data-belcopia-product] .glance-desc {\n        color: #ccc;\n        font-size: 0.9em;\n    }\n\n    \/* 3. Hero Image Section *\/\n    [data-belcopia-product] .hero-image-section {\n        position: relative;\n        height: 50vh;\n        min-height: 350px;\n        max-height: 500px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        text-align: center;\n        overflow: hidden;\n        background-color: #333;\n    }\n    [data-belcopia-product] .hero-image-section img {\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        transform: translate(-50%, -50%);\n        z-index: 1;\n    }\n    [data-belcopia-product] .hero-overlay {\n        position: absolute;\n        top: 0; left: 0; width: 100%; height: 100%;\n        background: linear-gradient(to top, rgba(0,0,0,0.4), transparent 60%);\n        z-index: 2;\n    }\n    [data-belcopia-product] .hero-content {\n        position: relative;\n        z-index: 3;\n        color: #fff;\n        padding: 20px;\n    }\n    [data-belcopia-product] .hero-content h2 {\n        font-size: 2.8em;\n        color: #fff;\n        margin: 0 0 5px 0;\n        text-shadow: 2px 2px 8px rgba(0,0,0,0.7);\n        line-height: 1.2;\n        text-transform: none;\n    }\n    @media (min-width: 768px) {\n        [data-belcopia-product] .hero-content h2 { font-size: 3.5em; }\n    }\n    [data-belcopia-product] .hero-content .product-subtitle {\n        font-size: 1.2em;\n        font-weight: normal;\n        display: block;\n        letter-spacing: 0.5px;\n        opacity: 0.9;\n    }\n\n    \/* 4. Main Content \u0026 Section Styling *\/\n    [data-belcopia-product] .page-content {\n        max-width: 1200px;\n        margin: 0 auto;\n        padding: 20px;\n    }\n    [data-belcopia-product] h3 {\n        font-size: 1.6em;\n        font-weight: bold;\n        color: #5f7038;\n        border-bottom: 2px solid #eee;\n        padding-bottom: 10px;\n        margin-bottom: 30px;\n    }\n    [data-belcopia-product] .bordered-section { padding: 40px 0; border-top: 1px solid #ddd; }\n    [data-belcopia-product] .unbordered-section { padding: 40px 0; }\n    [data-belcopia-product] .description-emphasis { font-style: italic; font-weight: bold; }\n    [data-belcopia-product] .sub-headline { font-size: 1.5em; font-weight: bold; font-style: italic; color: #5f7038; text-align: center; margin: 10px 0 30px 0; }\n\n    \/* 5. Two-Column Layout Sections *\/\n    [data-belcopia-product] .two-col-container { display: grid; grid-template-columns: 1fr; align-items: center; gap: 40px; }\n    @media (min-width: 768px) { [data-belcopia-product] .two-col-container { grid-template-columns: 1fr 1fr; } }\n    \n    [data-belcopia-product] .two-col-container img, [data-belcopia-product] .two-col-container .video-wrapper { width: 100%; border-radius: 12px; box-shadow: 0 4px 20px rgba(0,0,0,0.08); display: block; overflow: hidden;}\n    [data-belcopia-product] .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; }\n    [data-belcopia-product] .video-wrapper iframe, [data-belcopia-product] .video-wrapper video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }\n    [data-belcopia-product] .two-col-list { list-style: none; padding: 0; }\n    [data-belcopia-product] .two-col-list li { display: flex; align-items: flex-start; margin-bottom: 18px; }\n    [data-belcopia-product] .two-col-list li::before { content: '✓'; color: #5f7038; font-size: 1.5em; line-height: 1.2; margin-right: 15px; font-weight: bold; }\n    \n    \/* Dropdown Section Styles *\/\n    [data-belcopia-product] .dropdown-section details {\n        background-color: #f9f9f9;\n        border: 1px solid #ddd;\n        border-radius: 8px;\n        margin-bottom: 15px;\n        overflow: hidden;\n    }\n    [data-belcopia-product] .dropdown-section summary {\n        padding: 20px;\n        font-weight: bold;\n        font-size: 1.2em;\n        cursor: pointer;\n        position: relative;\n        outline: none;\n        list-style: none; \n    }\n    [data-belcopia-product] .dropdown-section summary::-webkit-details-marker { display: none; } \n    [data-belcopia-product] .dropdown-section summary::after {\n        content: '+';\n        position: absolute;\n        right: 25px;\n        font-size: 1.5em;\n        color: #5f7038;\n        transition: transform 0.3s ease-in-out;\n    }\n    [data-belcopia-product] .dropdown-section details[open] summary::after {\n        transform: rotate(45deg);\n    }\n    [data-belcopia-product] .dropdown-content {\n        padding: 0 20px 20px 20px;\n        border-top: 1px solid #ddd;\n    }\n    \n    \/* 6. Features Scroller Section *\/\n    [data-belcopia-product] .features-scroller { display: flex; overflow-x: auto; padding-bottom: 20px; scrollbar-width: thin; scrollbar-color: #ccc #f0f0f0; }\n    [data-belcopia-product] .features-scroller::-webkit-scrollbar { height: 8px; }\n    [data-belcopia-product] .features-scroller::-webkit-scrollbar-track { background: #f0f0f0; }\n    [data-belcopia-product] .features-scroller::-webkit-scrollbar-thumb { background-color: #ccc; border-radius: 6px; }\n    [data-belcopia-product] .feature-card { flex: 0 0 290px; margin-right: 20px; background-color: #f9f9f9; border-radius: 12px; border: 1px solid #eee; overflow: hidden; box-shadow: 0 4px 20px rgba(0,0,0,0.06); display: flex; flex-direction: column; }\n    [data-belcopia-product] .feature-card-content { padding: 20px; flex-grow: 1; }\n    [data-belcopia-product] .feature-card h4 { margin: 0 0 8px 0; color: #2c2c2c; font-size: 1.1em; }\n    [data-belcopia-product] .feature-card p { font-size: 0.9em; color: #555; margin: 0; line-height: 1.5; }\n\n    \/* 7. Performance Ratings Section *\/\n    [data-belcopia-product] .rating-explanation { font-size: 0.9em; color: #555; margin-top: -15px; margin-bottom: 30px; }\n    [data-belcopia-product] .performance-container { display: grid; grid-template-columns: 1fr; align-items: center; gap: 40px; }\n    @media (min-width: 992px) { [data-belcopia-product] .performance-container { grid-template-columns: 1.7fr 1fr; } }\n    [data-belcopia-product] .rating-bars { width: 100%; }\n    [data-belcopia-product] .rating-bar { margin-bottom: 20px; }\n    [data-belcopia-product] .rating-label { font-weight: bold; margin-bottom: 8px; display: flex; justify-content: space-between; align-items: center; font-size: 0.9em; }\n    [data-belcopia-product] .rating-label span:last-child { color: #555; }\n    [data-belcopia-product] .bar-container { height: 25px; background-color: #e9e9e9; border-radius: 5px; overflow: hidden; }\n    [data-belcopia-product] .bar-fill { height: 100%; background-color: #5f7038; border-radius: 5px; animation: fillBar 2s 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; }\n    [data-belcopia-product] .bar-fill-98 { width: 98%; }\n    [data-belcopia-product] .bar-fill-95 { width: 95%; }\n    [data-belcopia-product] .bar-fill-91 { width: 91%; }\n    [data-belcopia-product] .bar-fill-86 { width: 86%; }\n\n    @keyframes fillBar { from { width: 0; } }\n\n    [data-belcopia-product] .bel-score-box { padding: 30px; text-align: center; background-color: #f7f8f6; border-radius: 12px; border: 1px solid #e9e9e9; box-shadow: 0 4px 20px rgba(0,0,0,0.04); }\n    [data-belcopia-product] .bel-score-box h4 { margin: 0 0 10px 0; border-bottom: none; font-size: 1.2em; color: #5f7038; letter-spacing: 1px; }\n    [data-belcopia-product] .score-display { margin: 0; font-size: 4.5em; font-weight: bold; color: #2c2c2c; line-height: 1.1; }\n    [data-belcopia-product] .expert-take { margin-top: 15px; font-style: italic; font-size: 0.95em; color: #555; }\n\n    \/* 8. Spec Table *\/\n    [data-belcopia-product] .spec-table { width: 100%; border-collapse: collapse; margin-top: 20px; min-width: 600px; }\n    [data-belcopia-product] .spec-table th, [data-belcopia-product] .spec-table td { border: 1px solid #ddd; padding: 12px; text-align: left; }\n    [data-belcopia-product] .spec-table th { background-color: #f9f9f9; font-weight: bold; }\n    [data-belcopia-product] .spec-table tr:nth-child(even) { background-color: #f9f9f9; }\n    \n\u003c\/style\u003e\n\u003cdiv data-belcopia-product=\"\"\u003e\n\u003cdiv class=\"at-a-glance-bar\"\u003e\u003cdiv class=\"glance-container\"\u003e\n\u003cdiv class=\"glance-item\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0548\/6585\/4538\/files\/bicycle-frame-geometry-specification-svg-icon.png?v=1769495951\" alt=\"Frame Material Icon\"\u003e\u003cspan class=\"glance-title\"\u003eFrame Material\u003c\/span\u003e\u003cspan class=\"glance-desc\"\u003eSteel Step-Thru\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"glance-item\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0548\/6585\/4538\/files\/bicycle-drivetrain-gearing-fixed-gear-svg-icon.png?v=1769496081\" alt=\"Drivetrain Icon\"\u003e\u003cspan class=\"glance-title\"\u003eDrivetrain\u003c\/span\u003e\u003cspan class=\"glance-desc\"\u003eSingle Speed\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"glance-item\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0548\/6585\/4538\/files\/bicycle-wheel-size-specification-svg-icon.png?v=1769496179\" alt=\"Wheel Size Icon\"\u003e\u003cspan class=\"glance-title\"\u003eWheel Size\u003c\/span\u003e\u003cspan class=\"glance-desc\"\u003e700c\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"glance-item\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0548\/6585\/4538\/files\/bicycle-use-type-specification-svg-icon.png?v=1769496364\" alt=\"Use Type Icon\"\u003e\u003cspan class=\"glance-title\"\u003eUse Type\u003c\/span\u003e\u003cspan class=\"glance-desc\"\u003eCity \/ Casual\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"hero-image-section\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0548\/6585\/4538\/files\/CityBike-SatinSilver_Single-Speed_-12.jpg?v=1794246951\" alt=\"State Bicycle Co. City Bike in Satin Silver with a brown leatherette saddle and an optional wooden front rack\"\u003e\n\u003cdiv class=\"hero-overlay\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"hero-content\"\u003e\n\u003ch2\u003eState Bicycle City Bike\u003c\/h2\u003e\n\u003cp class=\"product-subtitle\"\u003eSatin Silver, Made for Easy Rides Around Town\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"page-content\"\u003e\n\u003cdiv class=\"unbordered-section\"\u003e\n\u003cp class=\"sub-headline\"\u003e\"Simple, Classic and Easy to Ride.\"\u003c\/p\u003e\n\u003cp\u003eThe City Bike is State's take on a classic town bike, now in Satin Silver with tan sidewall tires and a brown leatherette saddle and grips. A low, sloping top tube makes it easy to \u003cstrong class=\"description-emphasis\"\u003estep on and off\u003c\/strong\u003e, and the \u003cstrong class=\"description-emphasis\"\u003emustache handlebars\u003c\/strong\u003e sit you upright so you can see the street. Fenders and a chain guard keep you and your clothes clean, and a coaster brake stops you when you pedal backward.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bordered-section\"\u003e\n\u003ch3\u003eThis Is The Tool For You If...\u003c\/h3\u003e\n\u003cdiv class=\"two-col-container\"\u003e\n\u003cul class=\"two-col-list\"\u003e\n\u003cli\u003eYou want a good looking bike for errands, coffee runs and rides around town.\u003c\/li\u003e\n\u003cli\u003eYou would rather sit upright and comfortable than tucked low.\u003c\/li\u003e\n\u003cli\u003eYou want fenders and a chain guard so you can ride in regular clothes.\u003c\/li\u003e\n\u003cli\u003eYou like simple: one gear and a brake you work with your feet.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv\u003e\u003cimg alt=\"Satin Silver City Bike parked by tall grass with an optional front rack\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0548\/6585\/4538\/files\/CityBike-SatinSilver_Single-Speed_-8.jpg?v=1794246951\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bordered-section\"\u003e\n\u003ch3\u003eDesigned for Easy Riding\u003c\/h3\u003e\n\u003cdiv class=\"two-col-container\"\u003e\n\u003cdiv\u003e\u003cimg alt=\"Satin Silver City Bike against a wood wall with an optional front basket\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0548\/6585\/4538\/files\/CityBike-SatinSilver_Single-Speed_-10.jpg?v=1794246951\"\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4\u003eStep On, Sit Up\u003c\/h4\u003e\n\u003cp\u003eThe \u003cstrong class=\"description-emphasis\"\u003estep through frame\u003c\/strong\u003e means no swinging a leg over a high top tube, so getting on and off is easy in jeans, a skirt or work clothes. The swept back mustache bars wear lock-on leatherette grips and keep your posture relaxed, and the riveted leatherette saddle sits on steel rails.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bordered-section\"\u003e\n\u003ch3\u003eReady for Your Day\u003c\/h3\u003e\n\u003cdiv class=\"two-col-container\"\u003e\n\u003cdiv\u003e\n\u003ch4\u003eOne Gear, No Fuss\u003c\/h4\u003e \u003cp\u003eThe \u003cstrong class=\"description-emphasis\"\u003esingle speed drivetrain\u003c\/strong\u003e has nothing to shift and no derailleur hanging off the back to knock out of line. Just pedal forward to go and backward to stop. The 700 x 35c tires roll smoothly over city streets, and racks and a basket are sold separately when you want to carry more.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\u003cimg alt=\"Satin Silver City Bike on a sidewalk behind tall grass\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0548\/6585\/4538\/files\/CityBike-SatinSilver_Single-Speed_-14.jpg?v=1794246951\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bordered-section\"\u003e\n\u003ch3\u003eKey Features\u003c\/h3\u003e\n\u003cdiv class=\"features-scroller\"\u003e\n\u003cdiv class=\"feature-card\"\u003e\u003cdiv class=\"feature-card-content\"\u003e\n\u003ch4\u003eSteel Step Through Frame\u003c\/h4\u003e\n\u003cp\u003eA steel frame with a low top tube, so getting on and off is easy.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\u003cdiv class=\"feature-card-content\"\u003e\n\u003ch4\u003eSingle Speed\u003c\/h4\u003e \u003cp\u003eOne gear and a chain. Nothing to shift and very little to look after.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\u003cdiv class=\"feature-card-content\"\u003e\n\u003ch4\u003eCoaster Brake\u003c\/h4\u003e\n\u003cp\u003ePedal backward to stop. No levers to reach for and nothing to adjust.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\u003cdiv class=\"feature-card-content\"\u003e\n\u003ch4\u003eMustache Handlebars\u003c\/h4\u003e\n\u003cp\u003eSwept back bars with lock-on leatherette grips for an upright, relaxed ride.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\u003cdiv class=\"feature-card-content\"\u003e\n\u003ch4\u003eFenders and Chain Guard\u003c\/h4\u003e\n\u003cp\u003eThey keep road spray and chain grease off your clothes. Retro styled metal pedals come with the bike too.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bordered-section dropdown-section\"\u003e\n\u003cdetails\u003e\u003csummary\u003eSpecifications\u003c\/summary\u003e\u003cdiv class=\"dropdown-content\"\u003e\u003ctable class=\"spec-table\"\u003e\u003ctbody\u003e\n\u003ctr\u003e\n\u003cth\u003eGEARING\u003c\/th\u003e\n\u003ctd\u003eSingle speed\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eFRAME\u003c\/th\u003e\n\u003ctd\u003eSteel, step through\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eWHEELS\u003c\/th\u003e\n\u003ctd\u003eChrome spokes and hubs\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eTIRES\u003c\/th\u003e\n\u003ctd\u003e700 x 35c (largest recommended size)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eHANDLEBARS\u003c\/th\u003e\n\u003ctd\u003eMustache bars with lock-on leatherette grips\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eBRAKES\u003c\/th\u003e\n\u003ctd\u003eCoaster brake (pedal backward)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eSADDLE\u003c\/th\u003e\n\u003ctd\u003eRiveted leatherette saddle with steel rails\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003ePEDALS\u003c\/th\u003e\n\u003ctd\u003eRetro styled metal pedals\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eINCLUDED\u003c\/th\u003e\n\u003ctd\u003eFenders, chain guard, pedals (racks and basket sold separately)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\u003c\/table\u003e\u003c\/div\u003e\u003c\/details\u003e\n\u003cdetails\u003e\u003csummary\u003eSizing\u003c\/summary\u003e\u003cdiv class=\"dropdown-content\"\u003e\u003cp\u003eThree frame sizes for riders from 4'9\" to 6'1\": Small 43 cm (4'9\" to 5'5\"), Medium 48 cm (5'5\" to 5'9\") and Large 53 cm (5'9\" to 6'1\"). Between two sizes? A local bike shop can check your fit.\u003c\/p\u003e\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"State Bicycle Co.","offers":[{"title":"Small (43 cm - Riders 4'9\" - 5'5\")","offer_id":67937129496650,"sku":"751503804861","price":439.99,"currency_code":"USD","in_stock":true},{"title":"Medium (48 cm - Riders 5'5\" - 5'9\")","offer_id":67937129529418,"sku":"751503804878","price":439.99,"currency_code":"USD","in_stock":true},{"title":"Large (53 cm - Riders 5'9\" - 6'1\")","offer_id":67937129562186,"sku":"751503804885","price":439.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0548\/6585\/4538\/files\/CityBike-SatinSilver_Single-Speed_-1.jpg?v=1794246950","url":"https:\/\/www.belcopia.com\/products\/city-bike-satin-silver-single-speed","provider":"Belcopia Bikes","version":"1.0","type":"link"}