{"title":"Cruiser Bikes","description":"\u003cp\u003eCruise in style with our collection of cruiser bikes. Relaxed geometry, comfortable saddles, and timeless designs — perfect for boardwalks, beach rides, and laid-back neighborhood cruising.\u003c\/p\u003e","products":[{"product_id":"sole-bicycles-the-dutch-step-through","title":"The Dutch Step Through","description":"\u003cbody\u003e\n \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003ctitle\u003eSolé Bicycles - The Dutch Step Through\u003c\/title\u003e\n \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: #2c2c2c;\n color: #fff;\n padding: 20px;\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 20px;\n text-align: center;\n }\n @media (min-width: 768px) {\n [data-belcopia-product] .at-a-glance-bar {\n grid-template-columns: repeat(4, 1fr);\n }\n }\n [data-belcopia-product] .glance-item {\n display: flex;\n flex-direction: column;\n align-items: center;\n }\n [data-belcopia-product] .glance-item .glance-label {\n font-size: 0.8em;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n opacity: 0.8;\n margin-bottom: 5px;\n }\n [data-belcopia-product] .glance-item .glance-value {\n font-size: 1.4em;\n font-weight: bold;\n }\n\n \/* 3. Hero Image Section *\/\n [data-belcopia-product] .hero-image-section {\n position: relative;\n height: 60vh;\n min-height: 400px;\n max-height: 550px;\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.5), 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.8em;\n font-weight: bold;\n color: #5f7038; \/* Green Heading Color *\/\n border-bottom: 2px solid #eee;\n padding-bottom: 10px;\n margin-bottom: 30px;\n text-align: left;\n }\n [data-belcopia-product] h4 {\n font-size: 1.4em;\n font-weight: bold;\n color: #2c2c2c;\n margin-bottom: 10px;\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.6em; 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 { 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; \/* For Safari *\/\n }\n [data-belcopia-product] .dropdown-section summary::-webkit-details-marker { display: none; } \/* For Chrome\/Safari *\/\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 @keyframes fillBar { from { width: 0; } }\n [data-belcopia-product] .bar-fill-99 { width: 99%; }\n [data-belcopia-product] .bar-fill-97 { width: 97%; }\n [data-belcopia-product] .bar-fill-95 { width: 95%; }\n [data-belcopia-product] .bar-fill-91 { width: 91%; }\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. Specifications Table *\/\n [data-belcopia-product] .spec-table-container { overflow-x: auto; padding-top: 15px;}\n [data-belcopia-product] .spec-table { width: 100%; border-collapse: collapse; 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\n \u003cdiv class=\"at-a-glance-bar\"\u003e\n \u003cdiv class=\"glance-item\"\u003e\n \u003cspan class=\"glance-label\"\u003eStyle\u003c\/span\u003e\n \u003cspan class=\"glance-value\"\u003eDutch Cruiser\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"glance-item\"\u003e\n \u003cspan class=\"glance-label\"\u003eFrame\u003c\/span\u003e\n \u003cspan class=\"glance-value\"\u003eStep-Through\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"glance-item\"\u003e\n \u003cspan class=\"glance-label\"\u003eGearing\u003c\/span\u003e\n \u003cspan class=\"glance-value\"\u003eSingle Speed\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"glance-item\"\u003e\n \u003cspan class=\"glance-label\"\u003eWeight\u003c\/span\u003e\n \u003cspan class=\"glance-value\"\u003e28 lbs\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"hero-image-section\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0548\/6585\/4538\/files\/Hero_Two_women_posing_with_stylish_city_cruiser_bikes_in_front_of_colorful_Mexican_tile_mural_showcasing_vintage-inspired_urban_bicycles.jpg?v=1757915843\" alt=\"Two women with stylish Solé city cruiser bikes in front of a colorful tile mural.\"\u003e\n \u003cdiv class=\"hero-overlay\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"hero-content\"\u003e\n \u003ch2\u003eThe Dutch Step-Through\u003c\/h2\u003e\n \u003cp class=\"product-subtitle\"\u003eby Solé Bicycles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"page-content\"\u003e\n \u003cdiv class=\"unbordered-section\"\u003e\n \u003cp class=\"sub-headline\"\u003e\"Timeless European Style, Effortless Modern Ride.\"\u003c\/p\u003e\n \u003cp\u003eInspired by the classic city bikes of Amsterdam, The Dutch Step-Through combines vintage charm with modern simplicity for the ultimate urban cruising experience. The signature \u003cstrong class=\"description-emphasis\"\u003eswooping step-through frame\u003c\/strong\u003e isn't just a style statement—it makes getting on and off the bike an absolute breeze, perfect for city rides and casual outings. Built on a durable high-tensile steel frame, the \"Dutchie\" is a minimal and lightweight companion at only 28 lbs.\u003c\/p\u003e\n \u003cp\u003eWe've focused on what matters most: comfort, style, and ease of use. With a simple \u003cstrong class=\"description-emphasis\"\u003esingle-speed drivetrain\u003c\/strong\u003e and intuitive coaster brakes, this bike is wonderfully low-maintenance and hassle-free. It’s the perfect, elegant bicycle for anyone who wants to enjoy their city with effortless style.\u003c\/p\u003e\n \u003c\/div\u003e\n\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're looking for an elegant, stylish, and comfortable bike for city commuting and casual rides.\u003c\/li\u003e\n \u003cli\u003eYou need an accessible bike that is incredibly easy to get on and off of.\u003c\/li\u003e\n \u003cli\u003eYou appreciate a relaxed, upright riding posture that is comfortable for your back.\u003c\/li\u003e\n \u003cli\u003eYou want a beautiful, minimalist bicycle without the complexity of gears and wires.\u003c\/li\u003e\n \u003cli\u003eYou believe a bike should be a simple, joyful, and hassle-free experience.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cdiv\u003e\u003cimg alt=\"Stylish woman riding a cream step-through city cruiser bike.\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0548\/6585\/4538\/files\/Who_Stylish_woman_riding_a_cream_step-through_city_cruiser_bike_in_urban_setting_wearing_sunglasses_and_patterned_summer_outfit..webp?v=1757915842\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"bordered-section\"\u003e\n \u003ch3\u003eDesigned for Comfort and Ease\u003c\/h3\u003e\n \u003cdiv class=\"two-col-container\"\u003e\n \u003cdiv\u003e\u003cimg alt=\"A white step-through city bike with brown leather saddle and grips.\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0548\/6585\/4538\/files\/Highlight_White_step-through_city_bike_with_brown_leather_saddle_and_grips_minimalist_design_perfect_for_urban_commuting_and_casual_rides.webp?v=1757915842\"\u003e\u003c\/div\u003e\n \u003cdiv\u003e\n \u003ch4\u003eYour Comfortable City Companion\u003c\/h4\u003e\n \u003cp\u003eThe Dutchie is all about comfort. The thoughtfully designed ergonomics start with the \u003cstrong class=\"description-emphasis\"\u003eswept-back city cruiser handlebars\u003c\/strong\u003e, which promote a natural, upright riding position to keep your back and shoulders comfortable. This is paired with an extra-padded, riveted saddle and our signature grippy grips for a plush and secure feel on every ride. The elegant \u003cstrong class=\"description-emphasis\"\u003estep-through frame\u003c\/strong\u003e makes hopping on and off effortless, whether you're wearing jeans or a dress. It’s the pinnacle of comfortable, casual city cycling.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"bordered-section\"\u003e\n \u003ch3\u003eMinimalist and Hassle-Free\u003c\/h3\u003e\n \u003cdiv class=\"two-col-container\"\u003e\n \u003cdiv\u003e\n \u003ch4\u003eSimply a Joy to Ride\u003c\/h4\u003e\n \u003cp\u003eNo wires, no gears, no hassle. The Dutchie is built for pure, uncomplicated enjoyment. The \u003cstrong class=\"description-emphasis\"\u003esingle-speed drivetrain\u003c\/strong\u003e is the epitome of reliability and low maintenance, perfect for cruising through the city and on mostly flat terrain. Braking is just as simple and intuitive—the clean-looking \u003cstrong class=\"description-emphasis\"\u003ecoaster brake\u003c\/strong\u003e engages by simply pedaling backward. At only 28 lbs, it's lightweight and easy to manage, making it the perfect choice for riders who want a beautiful, minimalist bike that just works.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\u003cimg alt=\"Close-up of a single-speed drivetrain on a white step-through commuter bike.\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0548\/6585\/4538\/files\/Highlight_Close-up_of_single-speed_drivetrain_and_rear_wheel_on_white_step-through_commuter_bike_featuring_black_chainring_and_pedals.webp?v=1757915842\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \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\n \u003cdiv class=\"feature-card-content\"\u003e\n \u003ch4\u003eStep-Through Frame\u003c\/h4\u003e\n \u003cp\u003eSolé's signature swooping frame makes getting on and off the bike an absolute breeze.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-card-content\"\u003e\n \u003ch4\u003eOne-Size-Fits-Most\u003c\/h4\u003e\n \u003cp\u003eA versatile geometry designed to be a comfortable and accessible fit for nearly everyone (5'4\"+).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-card-content\"\u003e\n \u003ch4\u003eAll About Comfort\u003c\/h4\u003e\n \u003cp\u003eAn extra-padded saddle and swept-back handlebars allow for a comfortable, upright riding position.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-card-content\"\u003e\n \u003ch4\u003eCoaster Brake\u003c\/h4\u003e\n \u003cp\u003eSimple, intuitive, and effective. Just pedal backward to come to a smooth and controlled stop.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-card-content\"\u003e\n \u003ch4\u003eMinimal and Lightweight\u003c\/h4\u003e\n \u003cp\u003eNo wires, no gears, no hassle. A clean design that weighs in at only 28 lbs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-card-content\"\u003e\n \u003ch4\u003eHigh-Tensile Steel Frame\u003c\/h4\u003e\n \u003cp\u003eA solid and durable construction that’s built to last and provide a smooth ride.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"bordered-section\"\u003e\n \u003ch3\u003eSee It In Action\u003c\/h3\u003e\n \u003cdiv class=\"two-col-container\"\u003e\n \u003cdiv class=\"video-wrapper\"\u003e\n \u003ciframe title=\"The Dutchie by Solé Bicycles\" src=\"https:\/\/player.vimeo.com\/video\/175558536\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture\" allowfullscreen\u003e\u003c\/iframe\u003e\n \u003c\/div\u003e\n \u003cul class=\"two-col-list\"\u003e\n \u003cli\u003eDiscover the timeless style of a classic Dutch-inspired city bike.\u003c\/li\u003e\n \u003cli\u003eSee how the step-through frame provides effortless accessibility.\u003c\/li\u003e\n \u003cli\u003eEmbrace the simple, carefree fun of a single-speed coaster brake bike.\u003c\/li\u003e\n \u003cli\u003eFind your perfect companion for cruising the city in comfort and style.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"bordered-section dropdown-section\"\u003e\n \u003cdetails\u003e\n \u003csummary\u003eTechnical Specifications\u003c\/summary\u003e\n \u003cdiv class=\"dropdown-content\"\u003e\n \u003cdiv class=\"spec-table-container\"\u003e\n \u003ctable class=\"spec-table\"\u003e\n \u003ctbody\u003e\n \u003ctr\u003e\n\u003cth\u003eFRAME\u003c\/th\u003e\n\u003ctd\u003eHi-Tensile Steel, Fully Tig Welded, Step-Through\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003cth\u003eFORK\u003c\/th\u003e\n\u003ctd\u003eLugged Crown Hi-Tensile Steel, 1” Threaded\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003cth\u003eDRIVETRAIN\u003c\/th\u003e\n\u003ctd\u003eSingle Speed with 46:18 Gear Ratio\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003cth\u003eBRAKES\u003c\/th\u003e\n\u003ctd\u003eKick-Back Coaster Brake (Pedal Backwards to Stop)\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003cth\u003eTIRES\u003c\/th\u003e\n\u003ctd\u003eKenda 700 x 35C\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003cth\u003eSADDLE\u003c\/th\u003e\n\u003ctd\u003eCity Cruiser Saddle\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003cth\u003eHANDLEBARS\u003c\/th\u003e\n\u003ctd\u003eCity Cruiser Handlebar\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003cth\u003eWEIGHT\u003c\/th\u003e\n\u003ctd\u003e28 lbs \/ 12.7 kg\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003cth\u003eINCLUDED\u003c\/th\u003e\n\u003ctd\u003eChain Guard \u0026amp; Kickstand\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails\u003e\n \u003csummary\u003eSizing Guide\u003c\/summary\u003e\n \u003cdiv class=\"dropdown-content\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0548\/6585\/4538\/files\/Size_Bike_sizing_guide_for_Dutch_step-through_bicycle_showing_rider_height_inseam_measurement_and_bicycle_top_tube_clearance.webp?v=1757915842\" alt=\"Sizing guide for The Dutch Step-Through\" style=\"width:100%; border-radius: 8px;\"\u003e\n \u003cp\u003eThe Dutch Step-Through features a one-size-fits-most design, making it an accessible and comfortable choice for a wide range of riders.\u003c\/p\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eRecommended Rider Height:\u003c\/strong\u003e \u003cstrong\u003e5'4\" and up\u003c\/strong\u003e\n\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eMinimum Rider Inseam:\u003c\/strong\u003e 28.25 inches (for at least 1\" of clearance over the top bar)\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cp\u003eThe step-through design provides excellent clearance, making it easy to stand over the bike. Please check your inseam to ensure a perfect, comfortable fit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"bordered-section\" id=\"performance-ratings\"\u003e\n \u003ch3\u003ePerformance Ratings\u003c\/h3\u003e\n \u003cp class=\"rating-explanation\"\u003eOur proprietary Belcopia Rating is calculated using a sophisticated algorithm that analyzes key performance metrics against extensive market data. This AI-driven score provides an objective, at-a-glance measure of a product's overall value and capability in its class.\u003c\/p\u003e\n \u003cdiv class=\"performance-container\"\u003e\n \u003cdiv class=\"rating-bars\"\u003e\n \u003cdiv class=\"rating-bar\"\u003e\n \u003cdiv class=\"rating-label\"\u003e\n\u003cspan\u003eComfort \u0026amp; Accessibility\u003c\/span\u003e\u003cspan\u003e99\/100\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"bar-container\"\u003e\u003cdiv class=\"bar-fill bar-fill-99\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rating-bar\"\u003e\n \u003cdiv class=\"rating-label\"\u003e\n\u003cspan\u003eStyle \u0026amp; Aesthetics\u003c\/span\u003e\u003cspan\u003e97\/100\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"bar-container\"\u003e\u003cdiv class=\"bar-fill bar-fill-97\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rating-bar\"\u003e\n \u003cdiv class=\"rating-label\"\u003e\n\u003cspan\u003eEase of Use \u0026amp; Simplicity\u003c\/span\u003e\u003cspan\u003e95\/100\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"bar-container\"\u003e\u003cdiv class=\"bar-fill bar-fill-95\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rating-bar\"\u003e\n \u003cdiv class=\"rating-label\"\u003e\n\u003cspan\u003eUrban Agility\u003c\/span\u003e\u003cspan\u003e91\/100\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"bar-container\"\u003e\u003cdiv class=\"bar-fill bar-fill-91\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bel-score-box\"\u003e\n \u003ch4\u003eBelcopia Rating\u003c\/h4\u003e\n \u003cp class=\"score-display\"\u003e96%\u003c\/p\u003e\n \u003cp class=\"expert-take\"\u003eThe Dutch Step-Through is a triumph of design, perfectly blending timeless European style with unmatched comfort and simplicity. Its accessible frame and hassle-free components make it the quintessential choice for anyone seeking an elegant, joyful, and effortlessly chic city cruiser.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/body\u003e","brand":"Sole Bicycles","offers":[{"title":"The Palisades","offer_id":41260743327818,"sku":"DUTCH STEP THROUGH","price":399.0,"currency_code":"USD","in_stock":true},{"title":"The Kinney","offer_id":41260743360586,"sku":"DUTCH STEP THROUGH","price":399.0,"currency_code":"USD","in_stock":false},{"title":"The Wavecrest","offer_id":41260743393354,"sku":"DUTCH STEP THROUGH","price":399.0,"currency_code":"USD","in_stock":false},{"title":"The Pacific","offer_id":41260743426122,"sku":"DUTCH STEP THROUGH","price":399.0,"currency_code":"USD","in_stock":false},{"title":"The Harambe","offer_id":41260743458890,"sku":"DUTCH STEP THROUGH","price":399.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0548\/6585\/4538\/files\/sole-bicycles-the-dutch-step-through-1.webp?v=1767089516"},{"product_id":"sole-bicycles-the-step-through-coastal-cruiser-with-step-through-top-bar","title":"The Step Through Coastal Cruiser","description":"\u003cbody\u003e\n \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003ctitle\u003eSolé Bicycles - The Step Through Coastal Cruiser\u003c\/title\u003e\n \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: #2c2c2c;\n color: #fff;\n padding: 20px;\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 20px;\n text-align: center;\n }\n @media (min-width: 768px) {\n [data-belcopia-product] .at-a-glance-bar {\n grid-template-columns: repeat(4, 1fr);\n }\n }\n [data-belcopia-product] .glance-item {\n display: flex;\n flex-direction: column;\n align-items: center;\n }\n [data-belcopia-product] .glance-item .glance-label {\n font-size: 0.8em;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n opacity: 0.8;\n margin-bottom: 5px;\n }\n [data-belcopia-product] .glance-item .glance-value {\n font-size: 1.4em;\n font-weight: bold;\n }\n\n \/* 3. Hero Image Section *\/\n [data-belcopia-product] .hero-image-section {\n position: relative;\n height: 60vh;\n min-height: 400px;\n max-height: 550px;\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.5), 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.8em;\n font-weight: bold;\n color: #5f7038; \/* Green Heading Color *\/\n border-bottom: 2px solid #eee;\n padding-bottom: 10px;\n margin-bottom: 30px;\n text-align: left;\n }\n [data-belcopia-product] h4 {\n font-size: 1.4em;\n font-weight: bold;\n color: #2c2c2c;\n margin-bottom: 10px;\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.6em; 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 { 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; \/* For Safari *\/\n }\n [data-belcopia-product] .dropdown-section summary::-webkit-details-marker { display: none; } \/* For Chrome\/Safari *\/\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 @keyframes fillBar { from { width: 0; } }\n [data-belcopia-product] .bar-fill-99 { width: 99%; }\n [data-belcopia-product] .bar-fill-96 { width: 96%; }\n [data-belcopia-product] .bar-fill-94 { width: 94%; }\n [data-belcopia-product] .bar-fill-90 { width: 90%; }\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. Specifications Table *\/\n [data-belcopia-product] .spec-table-container { overflow-x: auto; padding-top: 15px;}\n [data-belcopia-product] .spec-table { width: 100%; border-collapse: collapse; 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\n \u003cdiv class=\"at-a-glance-bar\"\u003e\n \u003cdiv class=\"glance-item\"\u003e\n \u003cspan class=\"glance-label\"\u003eStyle\u003c\/span\u003e\n \u003cspan class=\"glance-value\"\u003eStep-Through\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"glance-item\"\u003e\n \u003cspan class=\"glance-label\"\u003eGearing\u003c\/span\u003e\n \u003cspan class=\"glance-value\"\u003eSingle Speed\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"glance-item\"\u003e\n \u003cspan class=\"glance-label\"\u003eBrakes\u003c\/span\u003e\n \u003cspan class=\"glance-value\"\u003eCoaster\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"glance-item\"\u003e\n \u003cspan class=\"glance-label\"\u003eWeight\u003c\/span\u003e\n \u003cspan class=\"glance-value\"\u003e32 lbs\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"hero-image-section\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0548\/6585\/4538\/files\/Hero_White_women_s_beach_cruiser_bike_with_step-through_frame_teal_rims_wide_handlebars_and_comfort_saddle_for_casual_coastal_rides.jpg?v=1757907724\" alt=\"A white women's beach cruiser bike with a step-through frame.\"\u003e\n \u003cdiv class=\"hero-overlay\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"hero-content\"\u003e\n \u003ch2\u003eThe Step-Through Coastal Cruiser\u003c\/h2\u003e\n \u003cp class=\"product-subtitle\"\u003eby Solé Bicycles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"page-content\"\u003e\n \u003cdiv class=\"unbordered-section\"\u003e\n \u003cp class=\"sub-headline\"\u003e\"Effortless Style, Unmatched Accessibility.\"\u003c\/p\u003e\n \u003cp\u003eWe've taken our traditional, best-selling beach cruiser and made it even more user-friendly and accessible. Introducing The Step-Through Coastal Cruiser, a bike that combines timeless style with an incredibly easy-to-mount frame. The \u003cstrong class=\"description-emphasis\"\u003elowered top tube\u003c\/strong\u003e makes getting on and off a breeze, perfect for riders of all ages and abilities. This is the ultimate bicycle for casual, comfortable riding around the neighborhood, to the local park, or along the beach.\u003c\/p\u003e\n \u003cp\u003eLike its classic sibling, this cruiser is built on a durable \u003cstrong class=\"description-emphasis\"\u003ehigh-tensile steel frame\u003c\/strong\u003e and focuses on the pure joy of cycling. With a simple single-speed drivetrain, intuitive coaster brakes, and an emphasis on comfort, The Step-Through Coastal Cruiser is your perfect, hassle-free companion for every leisurely ride.\u003c\/p\u003e\n \u003c\/div\u003e\n\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 stylish, comfortable bike that is exceptionally easy to get on and off.\u003c\/li\u003e\n \u003cli\u003eYou're looking for the ultimate casual ride for flat, scenic paths and streets.\u003c\/li\u003e\n \u003cli\u003eYou love the classic beach cruiser aesthetic but prefer a more accessible frame design.\u003c\/li\u003e\n \u003cli\u003eYou want a simple, beautiful, and low-maintenance bicycle for everyday enjoyment.\u003c\/li\u003e\n \u003cli\u003eYou believe comfort and ease-of-use are the most important parts of a great ride.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cdiv\u003e\u003cimg alt=\"Close-up of a women's white beach cruiser bike.\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0548\/6585\/4538\/files\/Who_Close-up_of_women_s_white_beach_cruiser_bike_with_wide_chrome_handlebars_padded_saddle_and_teal-rimmed_tires_for_comfort_and_style.jpg?v=1757907724\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"bordered-section\"\u003e\n \u003ch3\u003eEffortless Simplicity \u0026amp; Style\u003c\/h3\u003e\n \u003cdiv class=\"two-col-container\"\u003e\n \u003cdiv\u003e\u003cimg alt=\"Close-up of a beach cruiser crankset with a white chain guard.\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0548\/6585\/4538\/files\/Highlight_Close-up_of_women_s_beach_cruiser_bike_crankset_with_chrome_chainring_white_chain_guard_and_teal-rimmed_rear_wheel.jpg?v=1757907724\"\u003e\u003c\/div\u003e\n \u003cdiv\u003e\n \u003ch4\u003ePure, Uncomplicated Fun\u003c\/h4\u003e\n \u003cp\u003eThe beauty of The Coastal Cruiser lies in its simplicity. We've stripped away the complexities to focus on the pure joy of the ride. The reliable \u003cstrong class=\"description-emphasis\"\u003esingle-speed drivetrain\u003c\/strong\u003e is perfect for cruising on flat terrain, offering a maintenance-free experience without the hassle of shifting gears. Braking is just as intuitive with the classic \u003cstrong class=\"description-emphasis\"\u003ecoaster brake\u003c\/strong\u003e—simply pedal backward to come to a smooth, easy stop. It’s a clean, timeless design that lets you focus on the scenery and the feeling of the open road.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"bordered-section\"\u003e\n \u003ch3\u003eDesigned for Pure Comfort\u003c\/h3\u003e\n \u003cdiv class=\"two-col-container\"\u003e\n \u003cdiv\u003e\n \u003ch4\u003eYour Cushy Ride Awaits\u003c\/h4\u003e\n \u003cp\u003eEvery element of this bike is chosen for maximum comfort. The journey begins with the \u003cstrong class=\"description-emphasis\"\u003eSolé Coastal Cruiser Comfort Saddle\u003c\/strong\u003e, an extra-plush cushion that makes every ride a pleasure. This is paired with extra-wide, swept-back handlebars that promote a relaxed, upright riding posture, taking all the strain off your back, shoulders, and neck. To complete the experience, wide \u003cstrong class=\"description-emphasis\"\u003e26-inch balloon tires\u003c\/strong\u003e absorb bumps and vibrations, creating a smooth, stable ride that feels like you're floating on air.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\u003cimg alt=\"Close-up of a women's beach cruiser bike saddle.\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0548\/6585\/4538\/files\/Highlight_Close-up_of_women_s_beach_cruiser_bike_saddle_with_adjustable_seat_post_and_teal-rimmed_rear_wheel_for_comfort_and_style.jpg?v=1757907724\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \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\n \u003cdiv class=\"feature-card-content\"\u003e\n \u003ch4\u003eStep-Through Steel Frame\u003c\/h4\u003e\n \u003cp\u003eA durable, classic frame with a lowered top tube for incredibly easy mounting and dismounting.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-card-content\"\u003e\n \u003ch4\u003eSingle Speed Drivetrain\u003c\/h4\u003e\n \u003cp\u003eSimple, reliable, and maintenance-free. Perfect for cruising on flat and gently rolling terrain.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-card-content\"\u003e\n \u003ch4\u003eCoaster Brakes\u003c\/h4\u003e\n \u003cp\u003eIntuitive and easy to use—simply pedal backward to come to a smooth, controlled stop.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-card-content\"\u003e\n \u003ch4\u003e26\" Balloon Tires\u003c\/h4\u003e\n \u003cp\u003eWide, high-volume tires that increase comfort and stability by absorbing bumps in the road.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-card-content\"\u003e\n \u003ch4\u003eExtra Comfort Saddle\u003c\/h4\u003e\n \u003cp\u003eA wide, plush, and comfortable cushion saddle designed for leisurely, upright riding.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-card-content\"\u003e\n \u003ch4\u003eExtra Wide Handlebars\u003c\/h4\u003e\n \u003cp\u003eAllows for a comfortable, upright riding style that's easy on your back, shoulders, and neck.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"bordered-section\"\u003e\n \u003ch3\u003eSee It In Action\u003c\/h3\u003e\n \u003cdiv class=\"two-col-container\"\u003e\n \u003cdiv class=\"video-wrapper\"\u003e\n \u003ciframe title=\"The Coastal Cruiser by Solé Bicycles\" src=\"https:\/\/www.youtube.com\/embed\/JsLJZIbbHsw\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen\u003e\u003c\/iframe\u003e\n \u003c\/div\u003e\n \u003cul class=\"two-col-list\"\u003e\n \u003cli\u003eEmbrace the casual, comfortable style of a classic beach cruiser.\u003c\/li\u003e\n \u003cli\u003eSee how the step-through frame makes getting on and off effortless.\u003c\/li\u003e\n \u003cli\u003eDiscover the simple, carefree fun of a single-speed coaster brake bike.\u003c\/li\u003e\n \u003cli\u003eFind your perfect companion for cruising the neighborhood, park, or beach.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"bordered-section dropdown-section\"\u003e\n \u003cdetails\u003e\n \u003csummary\u003eTechnical Specifications\u003c\/summary\u003e\n \u003cdiv class=\"dropdown-content\"\u003e\n \u003cdiv class=\"spec-table-container\"\u003e\n \u003ctable class=\"spec-table\"\u003e\n \u003ctbody\u003e\n \u003ctr\u003e\n\u003cth\u003eFRAME\u003c\/th\u003e\n\u003ctd\u003eHi-Tensile Steel, Fully Tig Welded, Step-Through\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003cth\u003eFORK\u003c\/th\u003e\n\u003ctd\u003eHi-Tensile Steel, Fully Tig Welded, Threadless\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003cth\u003eDRIVETRAIN\u003c\/th\u003e\n\u003ctd\u003eSingle Speed with 44:20 Gear Ratio\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003cth\u003eBRAKES\u003c\/th\u003e\n\u003ctd\u003eKick-Back Coaster Brake (Pedal Backwards to Stop)\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003cth\u003eTIRES\u003c\/th\u003e\n\u003ctd\u003eCoastal Cruiser 26\" x 2.12\" Balloon Tires\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003cth\u003eSADDLE\u003c\/th\u003e\n\u003ctd\u003eSolé Coastal Cruiser Comfort Saddle\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003cth\u003eHANDLEBARS\u003c\/th\u003e\n\u003ctd\u003eCoastal Cruiser Extra Wide - Alloy\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003cth\u003eWEIGHT\u003c\/th\u003e\n\u003ctd\u003e32 lbs \/ 14.5 kg\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003cth\u003eINCLUDED\u003c\/th\u003e\n\u003ctd\u003eChain Guard \u0026amp; Kickstand\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails\u003e\n \u003csummary\u003eSizing Guide\u003c\/summary\u003e\n \u003cdiv class=\"dropdown-content\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0548\/6585\/4538\/files\/Size_Coastal_Cruiser_step-through_bike_sizing_guide_showing_rider_height_inseam_measurement_and_bicycle_top_tube_clearance_for_proper_fit.webp?v=1757907724\" alt=\"Sizing guide for The Step-Through Coastal Cruiser\" style=\"width:100%; border-radius: 8px;\"\u003e\n \u003cp\u003eThe Step-Through Coastal Cruiser is designed to be accessible and comfortable for a wide range of riders.\u003c\/p\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eRecommended Rider Height:\u003c\/strong\u003e \u003cstrong\u003e5'0\" and up\u003c\/strong\u003e\n\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eMinimum Rider Inseam:\u003c\/strong\u003e 29 inches (for at least 1\" of clearance over the top bar)\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cp\u003eThe step-through design makes inseam measurement less critical than on a standard frame, but ensuring you can comfortably stand over the bike is always recommended.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"bordered-section\" id=\"performance-ratings\"\u003e\n \u003ch3\u003ePerformance Ratings\u003c\/h3\u003e\n \u003cp class=\"rating-explanation\"\u003eOur proprietary Belcopia Rating is calculated using a sophisticated algorithm that analyzes key performance metrics against extensive market data. This AI-driven score provides an objective, at-a-glance measure of a product's overall value and capability in its class.\u003c\/p\u003e\n \u003cdiv class=\"performance-container\"\u003e\n \u003cdiv class=\"rating-bars\"\u003e\n \u003cdiv class=\"rating-bar\"\u003e\n \u003cdiv class=\"rating-label\"\u003e\n\u003cspan\u003eComfort \u0026amp; Accessibility\u003c\/span\u003e\u003cspan\u003e99\/100\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"bar-container\"\u003e\u003cdiv class=\"bar-fill bar-fill-99\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rating-bar\"\u003e\n \u003cdiv class=\"rating-label\"\u003e\n\u003cspan\u003eEase of Use \u0026amp; Simplicity\u003c\/span\u003e\u003cspan\u003e96\/100\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"bar-container\"\u003e\u003cdiv class=\"bar-fill bar-fill-96\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rating-bar\"\u003e\n \u003cdiv class=\"rating-label\"\u003e\n\u003cspan\u003eStyle \u0026amp; Aesthetics\u003c\/span\u003e\u003cspan\u003e94\/100\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"bar-container\"\u003e\u003cdiv class=\"bar-fill bar-fill-94\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rating-bar\"\u003e\n \u003cdiv class=\"rating-label\"\u003e\n\u003cspan\u003eDurability \u0026amp; Build Quality\u003c\/span\u003e\u003cspan\u003e90\/100\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"bar-container\"\u003e\u003cdiv class=\"bar-fill bar-fill-90\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bel-score-box\"\u003e\n \u003ch4\u003eBelcopia Rating\u003c\/h4\u003e\n \u003cp class=\"score-display\"\u003e95%\u003c\/p\u003e\n \u003cp class=\"expert-take\"\u003eThe Step-Through Coastal Cruiser perfects the classic cruiser formula by adding an incredibly accessible frame. It is the pinnacle of comfort, style, and ease-of-use, making it the ideal choice for anyone seeking the most relaxed, enjoyable, and user-friendly ride possible.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/body\u003e","brand":"Sole Bicycles","offers":[{"title":"the Troy","offer_id":41273463341130,"sku":"COASTAL CRUISER","price":349.0,"currency_code":"USD","in_stock":true},{"title":"the Shrine","offer_id":41273463373898,"sku":"COASTAL CRUISER","price":349.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0548\/6585\/4538\/files\/sole-bicycles-the-step-through-coastal-cruiser-with-step-through-top-bar-1.webp?v=1767089662"},{"product_id":"sole-bicycles-the-coastal-cruiser-simple-and-stylish","title":"Sole Bicycles The Coastal Cruiser","description":"\u003ctitle\u003eSolé Bicycles - The Coastal Cruiser\u003c\/title\u003e\n\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: #2c2c2c;\n color: #fff;\n padding: 20px;\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 20px;\n text-align: center;\n }\n @media (min-width: 768px) {\n [data-belcopia-product] .at-a-glance-bar {\n grid-template-columns: repeat(4, 1fr);\n }\n }\n [data-belcopia-product] .glance-item {\n display: flex;\n flex-direction: column;\n align-items: center;\n }\n [data-belcopia-product] .glance-item .glance-label {\n font-size: 0.8em;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n opacity: 0.8;\n margin-bottom: 5px;\n }\n [data-belcopia-product] .glance-item .glance-value {\n font-size: 1.4em;\n font-weight: bold;\n }\n\n \/* 3. Hero Image Section *\/\n [data-belcopia-product] .hero-image-section {\n position: relative;\n height: 60vh;\n min-height: 400px;\n max-height: 550px;\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.5), 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.8em;\n font-weight: bold;\n color: #5f7038; \/* Green Heading Color *\/\n border-bottom: 2px solid #eee;\n padding-bottom: 10px;\n margin-bottom: 30px;\n text-align: left;\n }\n [data-belcopia-product] h4 {\n font-size: 1.4em;\n font-weight: bold;\n color: #2c2c2c;\n margin-bottom: 10px;\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.6em; 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 { 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; \/* For Safari *\/\n }\n [data-belcopia-product] .dropdown-section summary::-webkit-details-marker { display: none; } \/* For Chrome\/Safari *\/\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 @keyframes fillBar { from { width: 0; } }\n [data-belcopia-product] .bar-fill-98 { width: 98%; }\n [data-belcopia-product] .bar-fill-95 { width: 95%; }\n [data-belcopia-product] .bar-fill-92 { width: 92%; }\n [data-belcopia-product] .bar-fill-88 { width: 88%; }\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. Specifications Table *\/\n [data-belcopia-product] .spec-table-container { overflow-x: auto; padding-top: 15px;}\n [data-belcopia-product] .spec-table { width: 100%; border-collapse: collapse; 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\n\u003cdiv class=\"glance-item\"\u003e\n\u003cspan class=\"glance-label\"\u003eStyle\u003c\/span\u003e \u003cspan class=\"glance-value\"\u003eBeach Cruiser\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"glance-item\"\u003e\n\u003cspan class=\"glance-label\"\u003eGearing\u003c\/span\u003e \u003cspan class=\"glance-value\"\u003eSingle Speed\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"glance-item\"\u003e\n\u003cspan class=\"glance-label\"\u003eBrakes\u003c\/span\u003e \u003cspan class=\"glance-value\"\u003eCoaster\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"glance-item\"\u003e\n\u003cspan class=\"glance-label\"\u003eWeight\u003c\/span\u003e \u003cspan class=\"glance-value\"\u003e32 lbs\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hero-image-section\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0548\/6585\/4538\/files\/Hero_Classic_white_beach_cruiser_bicycle_parked_on_an_ocean_pier_with_blue_railings_designed_for_casual_coastal_rides_and_city_cruising.jpg?v=1757906611\" alt=\"A classic white beach cruiser bicycle parked on an ocean pier.\"\u003e\n\u003cdiv class=\"hero-overlay\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"hero-content\"\u003e\n\u003ch2\u003eThe Coastal Cruiser\u003c\/h2\u003e\n\u003cp class=\"product-subtitle\"\u003eby Solé Bicycles\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\"Keep it Simple. Keep it Cruisy.\"\u003c\/p\u003e\n\u003cp\u003eEmbrace the pure, simple joy of cycling with The Coastal Cruiser from Solé Bicycles. This is our take on the traditional beach cruiser, designed for those who appreciate timeless style and casual, comfortable riding. Forget complicated gears and unnecessary clutter; this bike is all about the experience. Its elegant design and durable \u003cstrong class=\"description-emphasis\"\u003ehigh-tensile steel frame\u003c\/strong\u003e make it the ideal companion for leisurely rides around the neighborhood, trips to the local park, or a sunset cruise along the beach.\u003c\/p\u003e\n\u003cp\u003eEvery detail is crafted for comfort and ease, from the extra-wide handlebars that promote an upright riding posture to the plush, comfortable saddle. With a simple, reliable \u003cstrong class=\"description-emphasis\"\u003esingle-speed drivetrain\u003c\/strong\u003e and intuitive coaster brakes, The Coastal Cruiser is a beautiful, hassle-free bicycle that invites you to slow down, relax, and enjoy the ride.\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're looking for a simple, stylish, and comfortable bike for casual rides.\u003c\/li\u003e\n\u003cli\u003eYou primarily ride on flat terrain like boardwalks, bike paths, and neighborhood streets.\u003c\/li\u003e\n\u003cli\u003eYou appreciate a relaxed, upright riding position that is easy on your back and shoulders.\u003c\/li\u003e\n\u003cli\u003eYou want a low-maintenance bicycle without the complexity of multiple gears.\u003c\/li\u003e\n\u003cli\u003eYou believe that the journey is just as important as the destination.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0548\/6585\/4538\/files\/Who_Stylish_floral_single-speed_bike_with_white_wheels_photographed_in_a_scenic_outdoor_setting_with_spring_blossoms.jpg?v=1757906611\" alt=\"A stylish floral single-speed bike in a scenic outdoor setting.\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bordered-section\"\u003e\n\u003ch3\u003eEngineered for Ultimate Comfort\u003c\/h3\u003e\n\u003cdiv class=\"two-col-container\"\u003e\n\u003cdiv\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0548\/6585\/4538\/files\/Highlight_Stylish_woman_riding_a_classic_white_beach_cruiser_bike_with_wide_handlebars_and_black_tires_enjoying_a_sunny_outdoor_ride_in_a_tropical_setting_with_palm_trees.jpg?v=1757906611\" alt=\"Stylish woman riding a classic white beach cruiser bike.\"\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4\u003eRide Easy, Live Better\u003c\/h4\u003e\n\u003cp\u003eThe Coastal Cruiser is designed from the ground up to be the most comfortable ride you've ever had. The signature \u003cstrong class=\"description-emphasis\"\u003eextra-wide cruiser handlebars\u003c\/strong\u003e allow for a natural, upright riding style, which keeps your back straight and your shoulders relaxed. This posture, combined with an \u003cstrong class=\"description-emphasis\"\u003eextra-comfortable cushion saddle\u003c\/strong\u003e, ensures that your neck, shoulders, and back remain comfortable, even on longer rides. It's the perfect ergonomic design for those who want to enjoy the scenery without any aches or pains.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bordered-section\"\u003e\n\u003ch3\u003eSmooth, Stable, and Stylish\u003c\/h3\u003e\n\u003cdiv class=\"two-col-container\"\u003e\n\u003cdiv\u003e\n\u003ch4\u003eFloat on Air\u003c\/h4\u003e\n\u003cp\u003eExperience a ride that feels like you're floating with our signature \u003cstrong class=\"description-emphasis\"\u003e26-inch balloon tires\u003c\/strong\u003e. These high-volume tires are designed to increase comfort and stability by absorbing bumps and vibrations from the road. The wider surface area provides a confident, sure-footed feel, whether you're cruising on pavement or hard-packed sand. Paired with a simple and reliable \u003cstrong class=\"description-emphasis\"\u003esingle-speed drivetrain\u003c\/strong\u003e and intuitive coaster brakes—where you simply pedal backward to stop—The Coastal Cruiser offers a smooth, carefree, and effortlessly stylish riding experience.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0548\/6585\/4538\/files\/Highlight_Man_riding_a_white_beach_cruiser_bike_along_the_sandy_shoreline_enjoying_a_relaxed_coastal_ride_on_a_sunny_day.jpg?v=1757906610\" alt=\"Man riding a white beach cruiser bike along the sandy shoreline.\"\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\n\u003cdiv class=\"feature-card-content\"\u003e\n\u003ch4\u003eHigh-Tensile Steel Frame\u003c\/h4\u003e\n\u003cp\u003eSolid, durable construction that’s built to last and provide a classic, comfortable ride.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-card-content\"\u003e\n\u003ch4\u003eSingle Speed Drivetrain\u003c\/h4\u003e\n\u003cp\u003eSimple, reliable, and maintenance-free. Perfect for cruising on flat and gently rolling terrain.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-card-content\"\u003e\n\u003ch4\u003eCoaster Brakes\u003c\/h4\u003e\n\u003cp\u003eIntuitive and easy to use—simply pedal backward to come to a smooth, controlled stop.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-card-content\"\u003e\n\u003ch4\u003e26\" Balloon Tires\u003c\/h4\u003e\n\u003cp\u003eWide, high-volume tires that increase comfort and stability by absorbing bumps in the road.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-card-content\"\u003e\n\u003ch4\u003eExtra Comfort Saddle\u003c\/h4\u003e\n\u003cp\u003eA wide, plush, and comfortable cushion saddle designed for leisurely, upright riding.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-card-content\"\u003e\n\u003ch4\u003eExtra Wide Handlebars\u003c\/h4\u003e\n\u003cp\u003eAllows for a comfortable, upright riding style that's easy on your back, shoulders, and neck.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bordered-section\"\u003e\n\u003ch3\u003eSee It In Action\u003c\/h3\u003e\n\u003cdiv class=\"two-col-container\"\u003e\n\u003cdiv class=\"video-wrapper\"\u003e\u003ciframe title=\"The Coastal Cruiser by Solé Bicycles\" src=\"https:\/\/www.youtube.com\/embed\/JsLJZIbbHsw\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"\u003e\u003c\/iframe\u003e\u003c\/div\u003e\n\u003cul class=\"two-col-list\"\u003e\n\u003cli\u003eEmbrace the casual, comfortable style of a classic beach cruiser.\u003c\/li\u003e\n\u003cli\u003eSee how the upright riding posture enhances comfort and enjoyment.\u003c\/li\u003e\n\u003cli\u003eDiscover the simple, carefree fun of a single-speed coaster brake bike.\u003c\/li\u003e\n\u003cli\u003eFind your perfect companion for cruising the neighborhood, park, or beach.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bordered-section dropdown-section\"\u003e\n\u003cdetails\u003e\n\u003csummary\u003eTechnical Specifications\u003c\/summary\u003e\n\u003cdiv class=\"dropdown-content\"\u003e\n\u003cdiv class=\"spec-table-container\"\u003e\n\u003ctable class=\"spec-table\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003cth\u003eFRAME\u003c\/th\u003e\n\u003ctd\u003eHi-Tensile Steel, Fully Tig Welded\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eFORK\u003c\/th\u003e\n\u003ctd\u003eHi-Tensile Steel, Fully Tig Welded, Threadless\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eDRIVETRAIN\u003c\/th\u003e\n\u003ctd\u003eSingle Speed with 44:20 Gear Ratio\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eBRAKES\u003c\/th\u003e\n\u003ctd\u003eKick-Back Coaster Brake (Pedal Backwards to Stop)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eTIRES\u003c\/th\u003e\n\u003ctd\u003eCoastal Cruiser 26\" x 2.1\" Balloon Tires\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eSADDLE\u003c\/th\u003e\n\u003ctd\u003eSolé Coastal Cruiser Comfort Saddle\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eHANDLEBARS\u003c\/th\u003e\n\u003ctd\u003eCoastal Cruiser Extra Wide - Alloy\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eWEIGHT\u003c\/th\u003e\n\u003ctd\u003e32 lbs \/ 14.5 kg\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eINCLUDED\u003c\/th\u003e\n\u003ctd\u003eChain Guard \u0026amp; Kickstand\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\u003cdetails\u003e\n\u003csummary\u003eSizing Guide\u003c\/summary\u003e\n\u003cdiv class=\"dropdown-content\"\u003e\n\u003cimg style=\"width: 100%; border-radius: 8px;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0548\/6585\/4538\/files\/Size_Bike_sizing_chart_showing_rider_height_inseam_measurement_and_bicycle_top_tube_clearance_for_choosing_the_correct_coastal_cruiser_bike_size.webp?v=1757906610\" alt=\"Sizing guide for The Coastal Cruiser\"\u003e\n\u003cp\u003eThe Coastal Cruiser comes in one frame size designed to be a great fit for the vast majority of riders.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eRecommended Rider Height:\u003c\/strong\u003e \u003cstrong\u003e5'4\" and up\u003c\/strong\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMinimum Rider Inseam:\u003c\/strong\u003e 32 inches (for at least 1\" of clearance over the top bar)\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eInseam is the most important measurement. If you are on the cusp of the height range, we always recommend sizing up at a local bike shop before purchasing.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cdiv id=\"performance-ratings\" class=\"bordered-section\"\u003e\n\u003ch3\u003ePerformance Ratings\u003c\/h3\u003e\n\u003cp class=\"rating-explanation\"\u003eOur proprietary Belcopia Rating is calculated using a sophisticated algorithm that analyzes key performance metrics against extensive market data. This AI-driven score provides an objective, at-a-glance measure of a product's overall value and capability in its class.\u003c\/p\u003e\n\u003cdiv class=\"performance-container\"\u003e\n\u003cdiv class=\"rating-bars\"\u003e\n\u003cdiv class=\"rating-bar\"\u003e\n\u003cdiv class=\"rating-label\"\u003eComfort \u0026amp; Ergonomics98\/100\u003c\/div\u003e\n\u003cdiv class=\"bar-container\"\u003e\n\u003cdiv class=\"bar-fill bar-fill-98\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rating-bar\"\u003e\n\u003cdiv class=\"rating-label\"\u003eStyle \u0026amp; Aesthetics95\/100\u003c\/div\u003e\n\u003cdiv class=\"bar-container\"\u003e\n\u003cdiv class=\"bar-fill bar-fill-95\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rating-bar\"\u003e\n\u003cdiv class=\"rating-label\"\u003eEase of Use \u0026amp; Simplicity92\/100\u003c\/div\u003e\n\u003cdiv class=\"bar-container\"\u003e\n\u003cdiv class=\"bar-fill bar-fill-92\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rating-bar\"\u003e\n\u003cdiv class=\"rating-label\"\u003eDurability \u0026amp; Build Quality88\/100\u003c\/div\u003e\n\u003cdiv class=\"bar-container\"\u003e\n\u003cdiv class=\"bar-fill bar-fill-88\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bel-score-box\"\u003e\n\u003ch4\u003eBelcopia Rating\u003c\/h4\u003e\n\u003cp class=\"score-display\"\u003e93%\u003c\/p\u003e\n\u003cp class=\"expert-take\"\u003eThe Coastal Cruiser is a masterful execution of the classic beach cruiser. It prioritizes comfort, simplicity, and timeless style above all else. For anyone seeking a beautiful, low-maintenance, and incredibly comfortable bike for casual riding, this is an absolutely top-tier choice.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Sole Bicycles","offers":[{"title":"the Hoover","offer_id":41273541951562,"sku":"THE COASTAL","price":349.0,"currency_code":"USD","in_stock":true},{"title":"the Nine-O","offer_id":41273541984330,"sku":"THE COASTAL","price":349.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0548\/6585\/4538\/files\/sole-bicycles-the-coastal-cruiser-simple-and-stylish-1.webp?v=1767089727"},{"product_id":"city-bike-the-black-tan-3-speed","title":"State Bicycle Co. City Bike - The Black \u0026 Tan | 3-Speed Internal Gear Cruiser | Step-Thru Steel Frame \u0026 Coaster Brakes","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003c\/p\u003e\n\u003ctitle\u003eState Bicycle City Bike - The Black \u0026amp; Tan (3-Speed)\u003c\/title\u003e\n\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\n\u003cdiv data-belcopia-product=\"\"\u003e\n \u003cdiv class=\"at-a-glance-bar\"\u003e\n \u003cdiv class=\"glance-container\"\u003e\n \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 \n \u003cspan class=\"glance-title\"\u003eFrame Material\u003c\/span\u003e \n \u003cspan class=\"glance-desc\"\u003eSteel Diamond\u003c\/span\u003e\n \u003c\/div\u003e\n\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 \n \u003cspan class=\"glance-title\"\u003eDrivetrain\u003c\/span\u003e \n \u003cspan class=\"glance-desc\"\u003e3-Speed\u003c\/span\u003e\n \u003c\/div\u003e\n\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 \n \u003cspan class=\"glance-title\"\u003eWheel Size\u003c\/span\u003e \n \u003cspan class=\"glance-desc\"\u003e700c\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"glance-item\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0548\/6585\/4538\/files\/bicycle-weight-specification-lbs-svg-icon.png?v=1769496274\" alt=\"Weight Icon\"\u003e \n \u003cspan class=\"glance-title\"\u003eWeight\u003c\/span\u003e \n \u003cspan class=\"glance-desc\"\u003e32 lb\u003c\/span\u003e\n \u003c\/div\u003e\n\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 \n \u003cspan class=\"glance-title\"\u003eUse Type\u003c\/span\u003e \n \u003cspan class=\"glance-desc\"\u003eCity \/ Utility\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"hero-image-section\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0548\/6585\/4538\/files\/State_Bicycle_Co._Black_Tan_single_speed_city_bike_with_front_basket_parked_against_a_concrete_wall_partially_covered_with_green_vines.webp?v=1754024982\" alt=\"The State Bicycle Co. City Bike in Black \u0026amp; Tan.\"\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\"\u003eYour Stylish and Practical Daily Driver\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"page-content\"\u003e\n \u003cdiv class=\"unbordered-section\"\u003e\n \u003cp class=\"sub-headline\"\u003e\"Classic Form. Everyday Function.\"\u003c\/p\u003e\n \u003cp\u003eThe State City Bike is the perfect blend of timeless style and practical design, built for the discerning urban rider. Feel the comfortable, upright riding position encouraged by the classic \u003cstrong class=\"description-emphasis\"\u003emustache handlebars\u003c\/strong\u003e, perfect for navigating city streets. The durable steel frame provides a smooth and solid ride, while the low-maintenance \u003cstrong class=\"description-emphasis\"\u003e3-speed internal hub\u003c\/strong\u003e means less time tinkering and more time riding. Equipped with fenders and a chain guard (with optional basket and rack upgrades available), this bike is your handsome and capable partner for every daily journey.\u003c\/p\u003e\n \u003c\/div\u003e\n\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 stylish, classic-looking bike for your daily commute and errands.\u003c\/li\u003e\n \u003cli\u003eYou need a practical machine that's ready to carry groceries, a laptop, or a picnic.\u003c\/li\u003e\n \u003cli\u003eYou value a simple, low-maintenance bike that's always ready to go.\u003c\/li\u003e\n \u003cli\u003eYou prefer a comfortable, upright riding position for a relaxed and enjoyable ride.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cdiv\u003e\u003cimg alt=\"The State Bicycle Co. City Bike in Black \u0026amp; Tan.\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0548\/6585\/4538\/files\/Close_up_of_the_State_Bicycle_Co._Black_Tan_single-speed_city_bike_with_brown_saddle_and_grips_front_basket_and_rear_rack_parked_against_a_vine_covered_concrete_wall.webp?v=1754024982\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"bordered-section\"\u003e\n \u003ch3\u003eReady to Haul\u003c\/h3\u003e\n \u003cdiv class=\"two-col-container\"\u003e\n \u003cdiv\u003e\u003cimg alt=\"Rear view of the City Bike showing the rear rack.\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0548\/6585\/4538\/files\/Rear_side_view_of_the_State_Bicycle_Co._Black_Tan_single-speed_city_bike_with_leather_saddle_front_and_rear_racks_photographed_against_a_concrete_wall_with_climbing_vines.webp?v=1754024982\"\u003e\u003c\/div\u003e\n \u003cdiv\u003e\n \u003ch4\u003eYour Personal Cargo Carrier\u003c\/h4\u003e\n \u003cp\u003eLeave the car behind. This bike is engineered for utility, compatible with a sturdy \u003cstrong class=\"description-emphasis\"\u003efront basket and a robust rear pannier rack\u003c\/strong\u003e (available as upgrades). Feel the satisfaction of loading up your weekly groceries or packing a blanket and snacks for an impromptu picnic. It’s a tangible sense of freedom and self-sufficiency, turning mundane errands into pleasant outdoor excursions. This is your stylish solution for a car-light lifestyle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"bordered-section\"\u003e\n \u003ch3\u003eEffortless Versatility\u003c\/h3\u003e\n \u003cdiv class=\"two-col-container\"\u003e\n \u003cdiv\u003e\n \u003ch4\u003eThe Perfect Gear, Every Time\u003c\/h4\u003e\n \u003cp\u003eEnjoy the perfect balance of simplicity and capability. The City Bike features a \u003cstrong class=\"description-emphasis\"\u003eShimano Nexus 3-speed internal hub\u003c\/strong\u003e, giving you just the right amount of help when you need it. Feel the easy twist of the grip shifter as you select a gear for starting from a stop, cruising the flats, or tackling a small hill. It's a clean, reliable, and maintenance-free system that keeps the bike's aesthetic pure while making your ride even more pleasant and versatile.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\u003cimg alt=\"Angled view of the City Bike showing its practical features.\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0548\/6585\/4538\/files\/State_Bicycle_Co._The_Black_and_Tan_city_bike_rear_side_view_with_cream_tires_and_dual_cargo_racks_against_concrete_wall.webp?v=1754026077\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\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\n \u003cdiv class=\"feature-card-content\"\u003e\n \u003ch4\u003eDurable Steel Frame\u003c\/h4\u003e\n \u003cp\u003eA strong and reliable foundation that provides a famously smooth ride, absorbing road chatter for enhanced comfort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-card-content\"\u003e\n \u003ch4\u003eShimano 3-Speed Hub\u003c\/h4\u003e\n \u003cp\u003eA simple, low-maintenance internal gear hub with a grip shifter provides a little extra help for tackling hills.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-card-content\"\u003e\n \u003ch4\u003eCoaster Brake\u003c\/h4\u003e\n \u003cp\u003eThe ultimate in simplicity. Just pedal backward to engage the brake for easy, intuitive, and maintenance-free stopping.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-card-content\"\u003e\n \u003ch4\u003eMustache Handlebars\u003c\/h4\u003e\n \u003cp\u003eStylish and comfortable, these bars promote a relaxed, upright riding position perfect for city cruising.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-card-content\"\u003e\n \u003ch4\u003eIncluded Accessories\u003c\/h4\u003e\n \u003cp\u003eComes with everything you need: a chain guard, fenders, pedals, and even a bottle opener for post-ride refreshment.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"bordered-section dropdown-section\"\u003e\n \u003cdetails\u003e\n \u003csummary\u003eSpecifications\u003c\/summary\u003e\n \u003cdiv class=\"dropdown-content\"\u003e\n \u003ctable class=\"spec-table\"\u003e\n \u003ctbody\u003e\n \u003ctr\u003e\n \u003cth\u003eGEARING\u003c\/th\u003e\n \u003ctd\u003e3-speed Shimano Nexus Internal Hub\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003cth\u003eFRAME\u003c\/th\u003e\n \u003ctd\u003eDurable Steel Frame\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003cth\u003eHANDLEBARS\u003c\/th\u003e\n \u003ctd\u003eMustache Bars\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003cth\u003eBRAKES\u003c\/th\u003e\n \u003ctd\u003eCoaster Brake (Pedal Backwards)\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003cth\u003eSADDLE\u003c\/th\u003e\n \u003ctd\u003eLeatherette Comfort Saddle\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003cth\u003eINCLUDED\u003c\/th\u003e\n \u003ctd\u003eChain Guard, Fenders, Pedals, Bottle Opener (Basket \u0026amp; Rack sold separately)\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003cth\u003eTIRES\u003c\/th\u003e\n \u003ctd\u003e700x35c\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails\u003e\n \u003csummary\u003eSizing\u003c\/summary\u003e\n \u003cdiv class=\"dropdown-content\"\u003e\n \u003cp\u003e3 Frame Sizes to fit any Rider Height from 4’9” to 6’1”. We recommend visiting a local bike shop to ensure you get the perfect fit for your body.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"bordered-section\" id=\"performance-ratings\"\u003e\n \u003ch3\u003ePerformance Ratings\u003c\/h3\u003e\n \u003cp class=\"rating-explanation\"\u003eOur proprietary Belcopia Rating is calculated using a sophisticated algorithm that analyzes key performance metrics against extensive market data. This AI-driven score provides an objective, at-a-glance measure of a product's overall value and capability in its class.\u003c\/p\u003e\n \u003cdiv class=\"performance-container\"\u003e\n \u003cdiv class=\"rating-bars\"\u003e\n \u003cdiv class=\"rating-bar\"\u003e\n \u003cdiv class=\"rating-label\"\u003e\n \u003cspan\u003ePracticality \u0026amp; Utility\u003c\/span\u003e\u003cspan\u003e98\/100\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bar-container\"\u003e\n \u003cdiv class=\"bar-fill bar-fill-98\"\u003e\u003cbr\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rating-bar\"\u003e\n \u003cdiv class=\"rating-label\"\u003e\n \u003cspan\u003eComfort \u0026amp; Ease of Use\u003c\/span\u003e\u003cspan\u003e95\/100\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bar-container\"\u003e\n \u003cdiv class=\"bar-fill bar-fill-95\"\u003e\u003cbr\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rating-bar\"\u003e\n \u003cdiv class=\"rating-label\"\u003e\n \u003cspan\u003eStyle \u0026amp; Aesthetics\u003c\/span\u003e\u003cspan\u003e91\/100\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bar-container\"\u003e\n \u003cdiv class=\"bar-fill bar-fill-91\"\u003e\u003cbr\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rating-bar\"\u003e\n \u003cdiv class=\"rating-label\"\u003e\n \u003cspan\u003eSimplicity \u0026amp; Reliability\u003c\/span\u003e\u003cspan\u003e89\/100\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bar-container\"\u003e\n \u003cdiv class=\"bar-fill bar-fill-89\"\u003e\u003cbr\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bel-score-box\"\u003e\n \u003ch4\u003eBelcopia Rating\u003c\/h4\u003e\n \u003cp class=\"score-display\"\u003e93%\u003c\/p\u003e\n \u003cp class=\"expert-take\"\u003eThe State City Bike is a triumph of design and user-friendliness. It masterfully combines a beautiful, timeless aesthetic with practical, real-world features. For anyone seeking a comfortable, stylish, and utterly simple bike for casual urban riding, this is a top-tier choice.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"State Bicycle Co.","offers":[{"title":"Small (48 cm - Riders 5'6\" - 5'9\"","offer_id":42130157207626,"sku":"796201643077","price":539.99,"currency_code":"USD","in_stock":false},{"title":"Medium (53 cm - Riders 5'9\" - 6'0\")","offer_id":42130157240394,"sku":"796201643084","price":539.99,"currency_code":"USD","in_stock":true},{"title":"Large (58 cm - Riders 6'0\" - 6'4\")","offer_id":42130157273162,"sku":"796201643091","price":539.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0548\/6585\/4538\/files\/CityBike-TheBlack_Tan-3-speed-7.jpg?v=1767076401"},{"product_id":"city-bike-the-black-tan-single-speed","title":"State Bicycle Co. City Bike - The Black \u0026 Tan | Single-Speed Dutch Cruiser | Step-Thru Steel Frame \u0026 Coaster Brakes","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003c\/p\u003e\n\u003ctitle\u003eState Bicycle City Bike - The Black \u0026amp; Tan\u003c\/title\u003e\n\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\n\u003cdiv data-belcopia-product=\"\"\u003e\n \u003cdiv class=\"at-a-glance-bar\"\u003e\n \u003cdiv class=\"glance-container\"\u003e\n \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 \n \u003cspan class=\"glance-title\"\u003eFrame Material\u003c\/span\u003e \n \u003cspan class=\"glance-desc\"\u003eSteel Diamond\u003c\/span\u003e\n \u003c\/div\u003e\n\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 \n \u003cspan class=\"glance-title\"\u003eDrivetrain\u003c\/span\u003e \n \u003cspan class=\"glance-desc\"\u003eSingle Speed\u003c\/span\u003e\n \u003c\/div\u003e\n\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 \n \u003cspan class=\"glance-title\"\u003eWheel Size\u003c\/span\u003e \n \u003cspan class=\"glance-desc\"\u003e700c\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"glance-item\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0548\/6585\/4538\/files\/bicycle-weight-specification-lbs-svg-icon.png?v=1769496274\" alt=\"Weight Icon\"\u003e \n \u003cspan class=\"glance-title\"\u003eWeight\u003c\/span\u003e \n \u003cspan class=\"glance-desc\"\u003e32 lb\u003c\/span\u003e\n \u003c\/div\u003e\n\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 \n \u003cspan class=\"glance-title\"\u003eUse Type\u003c\/span\u003e \n \u003cspan class=\"glance-desc\"\u003eCity \/ Utility\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"hero-image-section\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0548\/6585\/4538\/files\/State_Bicycle_Co._Black_Tan_single_speed_city_bike_with_front_basket_parked_against_a_concrete_wall_partially_covered_with_green_vines.webp?v=1754024982\" alt=\"The State Bicycle Co. City Bike in Black \u0026amp; Tan.\"\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\"\u003eYour Stylish and Practical Daily Driver\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"page-content\"\u003e\n \u003cdiv class=\"unbordered-section\"\u003e\n \u003cp class=\"sub-headline\"\u003e\"Classic Form. Everyday Function.\"\u003c\/p\u003e\n \u003cp\u003eThe State City Bike is the perfect blend of timeless style and practical design, built for the discerning urban rider. Feel the comfortable, upright riding position encouraged by the classic \u003cstrong class=\"description-emphasis\"\u003emustache handlebars\u003c\/strong\u003e, perfect for navigating city streets. The durable steel frame provides a smooth and solid ride, while the simple, low-maintenance single-speed drivetrain means less time tinkering and more time riding. Fully equipped with a \u003cstrong class=\"description-emphasis\"\u003efront basket, rear rack, and fenders\u003c\/strong\u003e, this bike is your handsome and capable partner for every daily journey.\u003c\/p\u003e\n \u003c\/div\u003e\n\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 stylish, classic-looking bike for your daily commute and errands.\u003c\/li\u003e\n \u003cli\u003eYou need a practical machine that's ready to carry groceries, a laptop, or a picnic.\u003c\/li\u003e\n \u003cli\u003eYou value a simple, low-maintenance bike that's always ready to go.\u003c\/li\u003e\n \u003cli\u003eYou prefer a comfortable, upright riding position for a relaxed and enjoyable ride.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cdiv\u003e\u003cimg alt=\"The State Bicycle Co. City Bike in Black \u0026amp; Tan.\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0548\/6585\/4538\/files\/Close_up_of_the_State_Bicycle_Co._Black_Tan_single-speed_city_bike_with_brown_saddle_and_grips_front_basket_and_rear_rack_parked_against_a_vine_covered_concrete_wall.webp?v=1754024982\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"bordered-section\"\u003e\n \u003ch3\u003eReady to Haul\u003c\/h3\u003e\n \u003cdiv class=\"two-col-container\"\u003e\n \u003cdiv\u003e\u003cimg alt=\"Rear view of the City Bike showing the rear rack.\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0548\/6585\/4538\/files\/Rear_side_view_of_the_State_Bicycle_Co._Black_Tan_single-speed_city_bike_with_leather_saddle_front_and_rear_racks_photographed_against_a_concrete_wall_with_climbing_vines.webp?v=1754024982\"\u003e\u003c\/div\u003e\n \u003cdiv\u003e\n \u003ch4\u003eYour Personal Cargo Carrier\u003c\/h4\u003e\n \u003cp\u003eLeave the car behind. This bike is engineered for utility, featuring a sturdy \u003cstrong class=\"description-emphasis\"\u003efront basket and a robust rear pannier rack\u003c\/strong\u003e right out of the box. Feel the satisfaction of loading up your weekly groceries or packing a blanket and snacks for an impromptu picnic. It’s a tangible sense of freedom and self-sufficiency, turning mundane errands into pleasant outdoor excursions. This is your stylish solution for a car-light lifestyle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"bordered-section\"\u003e\n \u003ch3\u003eUncomplicated and Clean\u003c\/h3\u003e\n \u003cdiv class=\"two-col-container\"\u003e\n \u003cdiv\u003e\n \u003ch4\u003eWorry-Free Riding\u003c\/h4\u003e\n \u003cp\u003eThe beauty of the City Bike is in its simplicity. We've included thoughtful features that make your life easier. See how the full-coverage \u003cstrong class=\"description-emphasis\"\u003efenders and chain guard\u003c\/strong\u003e protect your clothes from street grime and chain grease, so you always arrive looking sharp. The intuitive coaster brake—just pedal backward to stop—means no finicky cables to adjust. It’s a complete, considered design that lets you just get on and ride, worry-free.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\u003cimg alt=\"Angled view of the City Bike showing its practical features.\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0548\/6585\/4538\/files\/Angled_side_view_of_the_State_Bicycle_Co._Black_Tan_single-speed_commuter_bike_with_front_basket_and_rear_rack_leaning_against_a_concrete_wall_near_a_dark_wooden_structure.webp?v=1754024982\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\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\n \u003cdiv class=\"feature-card-content\"\u003e\n \u003ch4\u003eDurable Steel Frame\u003c\/h4\u003e\n \u003cp\u003eA strong and reliable foundation that provides a famously smooth ride, absorbing road chatter for enhanced comfort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-card-content\"\u003e\n \u003ch4\u003eCoaster Brake\u003c\/h4\u003e\n \u003cp\u003eThe ultimate in simplicity. Just pedal backward to engage the brake for easy, intuitive, and maintenance-free stopping.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-card-content\"\u003e\n \u003ch4\u003eMustache Handlebars\u003c\/h4\u003e\n \u003cp\u003eStylish and comfortable, these bars promote a relaxed, upright riding position perfect for city cruising.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-card-content\"\u003e\n \u003ch4\u003eFully Equipped\u003c\/h4\u003e\n \u003cp\u003eComes with a front basket, rear rack, fenders, and a chain guard, so you're ready for anything the day brings.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-card-content\"\u003e\n \u003ch4\u003eOptional 3-Speed Hub\u003c\/h4\u003e\n \u003cp\u003eChoose the simplicity of a single-speed or upgrade to a Shimano Nexus 3-speed internal hub for tackling small hills.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"bordered-section dropdown-section\"\u003e\n \u003cdetails\u003e\n \u003csummary\u003eSpecifications\u003c\/summary\u003e\n \u003cdiv class=\"dropdown-content\"\u003e\n \u003ctable class=\"spec-table\"\u003e\n \u003ctbody\u003e\n \u003ctr\u003e\n \u003cth\u003eGEARING\u003c\/th\u003e\n \u003ctd\u003eSingle-Speed (or optional 3-speed)\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003cth\u003eFRAME\u003c\/th\u003e\n \u003ctd\u003eDurable Steel Frame\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003cth\u003eHANDLEBARS\u003c\/th\u003e\n \u003ctd\u003eMustache Bars\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003cth\u003eBRAKES\u003c\/th\u003e\n \u003ctd\u003eCoaster Brake (Pedal Backwards)\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003cth\u003eSADDLE\u003c\/th\u003e\n \u003ctd\u003eLeatherette Comfort Saddle\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003cth\u003eINCLUDED\u003c\/th\u003e\n \u003ctd\u003eFront Basket, Rear Rack, Fenders, Chain Guard\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003cth\u003eTIRES\u003c\/th\u003e\n \u003ctd\u003e700x35c\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails\u003e\n \u003csummary\u003eSizing\u003c\/summary\u003e\n \u003cdiv class=\"dropdown-content\"\u003e\n \u003cp\u003e3 Frame Sizes to fit any Rider Height from 4’9” to 6’1”. We recommend visiting a local bike shop to ensure you get the perfect fit for your body.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"bordered-section\" id=\"performance-ratings\"\u003e\n \u003ch3\u003ePerformance Ratings\u003c\/h3\u003e\n \u003cp class=\"rating-explanation\"\u003eOur proprietary Belcopia Rating is calculated using a sophisticated algorithm that analyzes key performance metrics against extensive market data. This AI-driven score provides an objective, at-a-glance measure of a product's overall value and capability in its class.\u003c\/p\u003e\n \u003cdiv class=\"performance-container\"\u003e\n \u003cdiv class=\"rating-bars\"\u003e\n \u003cdiv class=\"rating-bar\"\u003e\n \u003cdiv class=\"rating-label\"\u003e\n \u003cspan\u003ePracticality \u0026amp; Utility\u003c\/span\u003e\u003cspan\u003e98\/100\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bar-container\"\u003e\n \u003cdiv class=\"bar-fill bar-fill-98\"\u003e\u003cbr\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rating-bar\"\u003e\n \u003cdiv class=\"rating-label\"\u003e\n \u003cspan\u003eComfort \u0026amp; Ease of Use\u003c\/span\u003e\u003cspan\u003e95\/100\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bar-container\"\u003e\n \u003cdiv class=\"bar-fill bar-fill-95\"\u003e\u003cbr\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rating-bar\"\u003e\n \u003cdiv class=\"rating-label\"\u003e\n \u003cspan\u003eStyle \u0026amp; Aesthetics\u003c\/span\u003e\u003cspan\u003e91\/100\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bar-container\"\u003e\n \u003cdiv class=\"bar-fill bar-fill-91\"\u003e\u003cbr\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rating-bar\"\u003e\n \u003cdiv class=\"rating-label\"\u003e\n \u003cspan\u003eSimplicity \u0026amp; Reliability\u003c\/span\u003e\u003cspan\u003e86\/100\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bar-container\"\u003e\n \u003cdiv class=\"bar-fill bar-fill-86\"\u003e\u003cbr\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bel-score-box\"\u003e\n \u003ch4\u003eBelcopia Rating\u003c\/h4\u003e\n \u003cp class=\"score-display\"\u003e93%\u003c\/p\u003e\n \u003cp class=\"expert-take\"\u003eThe State City Bike is a triumph of design and user-friendliness. It masterfully combines a beautiful, timeless aesthetic with practical, real-world features. For anyone seeking a comfortable, stylish, and utterly simple bike for casual urban riding, this is a top-tier choice.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"State Bicycle Co.","offers":[{"title":"Small (48 cm - Riders 5'6\" - 5'9\")","offer_id":42130157404234,"sku":"796201643046","price":439.99,"currency_code":"USD","in_stock":false},{"title":"Medium (53 cm - Riders 5'9\" - 6'0\")","offer_id":42130157437002,"sku":"796201643053","price":439.99,"currency_code":"USD","in_stock":true},{"title":"Large (58 cm - Riders 6'0\" - 6'4\")","offer_id":43379173228618,"sku":null,"price":439.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0548\/6585\/4538\/files\/CityBike-TheBlack_Tan_single-speed_-1.jpg?v=1767076514"},{"product_id":"city-bike-bubble-gum-3-speed","title":"State Bicycle Co. City Bike - Bubble-Gum | 3-Speed Internal Gear Cruiser","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003c\/p\u003e\n\u003ctitle\u003eState Bicycle City Bike - Bubblegum (3-Speed)\u003c\/title\u003e\n\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\n\u003cdiv data-belcopia-product=\"\"\u003e\n \u003cdiv class=\"at-a-glance-bar\"\u003e\n \u003cdiv class=\"glance-container\"\u003e\n \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 \n \u003cspan class=\"glance-title\"\u003eFrame Material\u003c\/span\u003e \n \u003cspan class=\"glance-desc\"\u003eSteel Step-Thru\u003c\/span\u003e\n \u003c\/div\u003e\n\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 \n \u003cspan class=\"glance-title\"\u003eDrivetrain\u003c\/span\u003e \n \u003cspan class=\"glance-desc\"\u003e3-Speed\u003c\/span\u003e\n \u003c\/div\u003e\n\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 \n \u003cspan class=\"glance-title\"\u003eWheel Size\u003c\/span\u003e \n \u003cspan class=\"glance-desc\"\u003e700c\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"glance-item\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0548\/6585\/4538\/files\/bicycle-weight-specification-lbs-svg-icon.png?v=1769496274\" alt=\"Weight Icon\"\u003e \n \u003cspan class=\"glance-title\"\u003eWeight\u003c\/span\u003e \n \u003cspan class=\"glance-desc\"\u003e32 lb\u003c\/span\u003e\n \u003c\/div\u003e\n\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 \n \u003cspan class=\"glance-title\"\u003eUse Type\u003c\/span\u003e \n \u003cspan class=\"glance-desc\"\u003eCity \/ Casual\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"hero-image-section\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0548\/6585\/4538\/files\/State_Bicycle_Co_City_Bike_Bubblegum_Pink_step_thru_single_speed_with_basket_and_fenders_parked_in_front_of_ivy_covered_wall_and_wooden_bench.webp?v=1754016613\" alt=\"The State Bicycle Co. City Bike in Bubblegum.\"\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\"\u003eEffortless Style for Everyday Cruising\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"page-content\"\u003e\n \u003cdiv class=\"unbordered-section\"\u003e\n \u003cp class=\"sub-headline\"\u003e\"Simply Beautiful. Beautifully Simple.\"\u003c\/p\u003e\n \u003cp\u003eThe State City Bike is a return to what makes cycling great: pure, simple, carefree fun. We've designed a bike that's as delightful to look at as it is to ride. Feel the ease of the \u003cstrong class=\"description-emphasis\"\u003estep-through frame\u003c\/strong\u003e as you hop on for a spontaneous trip to the market. Enjoy the relaxed, upright posture provided by the stylish \u003cstrong class=\"description-emphasis\"\u003emustache handlebars\u003c\/strong\u003e. With a simple coaster brake, a protective chain guard, and a host of charming, practical accessories, this bike is your perfect companion for leisurely rides, daily errands, and soaking up the sunshine.\u003c\/p\u003e\n \u003c\/div\u003e\n\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 beautiful, stylish bike for casual rides around town.\u003c\/li\u003e\n \u003cli\u003eYou value comfort, simplicity, and ease of use above all else.\u003c\/li\u003e\n \u003cli\u003eYou need a practical bike with fenders and a basket (sold separately) for your daily errands.\u003c\/li\u003e\n \u003cli\u003eYou believe that riding a bike should be a joyful and stress-free experience.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cdiv\u003e\u003cimg alt=\"The State Bicycle Co. City Bike.\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0548\/6585\/4538\/files\/State_Bicycle_Co_City_Bike_Bubblegum_Pink_step_thru_single_speed_angled_front_view_with_basket_and_fenders_against_ivy_wall_and_wooden_panel_backdrop.webp?v=1754016613\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"bordered-section\"\u003e\n \u003ch3\u003eDesigned for Delight\u003c\/h3\u003e\n \u003cdiv class=\"two-col-container\"\u003e\n \u003cdiv\u003e\u003cimg alt=\"Close-up of the City Bike's basket and handlebars.\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0548\/6585\/4538\/files\/Side-angle_view_of_a_pink_State_Bicycle_Co._step-thru_city_bike_with_front_basket_and_leather_saddle_leaning_against_a_vine-covered_wood_wall.webp?v=1754017714\"\u003e\u003c\/div\u003e\n \u003cdiv\u003e\n \u003ch4\u003eEffortless Elegance\u003c\/h4\u003e\n \u003cp\u003eThis bike is designed around ease and comfort. Feel how the graceful \u003cstrong class=\"description-emphasis\"\u003estep-through frame\u003c\/strong\u003e makes getting on and off a breeze, no matter what you're wearing. Rest your hands on the soft, leatherette grips of the swept-back mustache handlebars, which encourage a relaxed, upright posture perfect for enjoying the view. It’s a riding experience that feels as good as it looks—comfortable, confident, and effortlessly stylish.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\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\u003ePracticality, Perfected\u003c\/h4\u003e\n \u003cp\u003eThe City Bike is more than just a pretty frame; it's a tool for a better life. Hear the satisfying *click* of the \u003cstrong class=\"description-emphasis\"\u003e3-speed grip shifter\u003c\/strong\u003e, giving you just enough range to conquer small hills without any complexity. See how the included fenders and chain guard protect your favorite outfits from splashes and grease. Add the optional sturdy front basket for a trip to the farmers market or a picnic in the park. It’s a collection of thoughtful features that make it easy to choose your bike over your car.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\u003cimg alt=\"Close-up of the City Bike's saddle and basket.\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0548\/6585\/4538\/files\/Bubblegum_pink_State_Bicycle_Co._City_Bike_with_step-thru_frame_and_front_basket_parked_in_front_of_a_wood-paneled_wall_and_vine-covered_bench.webp?v=1754017714\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\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\n \u003cdiv class=\"feature-card-content\"\u003e\n \u003ch4\u003eSteel Frame \u0026amp; Step-Thru Design\u003c\/h4\u003e\n \u003cp\u003eA durable frame with an easy-on, easy-off design for the ultimate in comfort and accessibility.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-card-content\"\u003e\n \u003ch4\u003eShimano 3-Speed Hub\u003c\/h4\u003e\n \u003cp\u003eA simple, low-maintenance internal gear hub with a grip shifter provides a little extra help for tackling hills.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-card-content\"\u003e\n \u003ch4\u003eCoaster Brake\u003c\/h4\u003e\n \u003cp\u003eThe ultimate in simplicity. Just pedal backward to engage the brake for easy, intuitive, and maintenance-free stopping.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-card-content\"\u003e\n \u003ch4\u003eMustache Handlebars\u003c\/h4\u003e\n \u003cp\u003eStylish and comfortable, these bars promote a relaxed, upright riding position perfect for city cruising.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-card-content\"\u003e\n \u003ch4\u003eIncluded Accessories\u003c\/h4\u003e\n \u003cp\u003eComes with everything you need: a chain guard, fenders, pedals, and even a bottle opener for post-ride refreshment.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"bordered-section dropdown-section\"\u003e\n \u003cdetails\u003e\n \u003csummary\u003eSpecifications\u003c\/summary\u003e\n \u003cdiv class=\"dropdown-content\"\u003e\n \u003ctable class=\"spec-table\"\u003e\n \u003ctbody\u003e\n \u003ctr\u003e\n \u003cth\u003eGEARING\u003c\/th\u003e\n \u003ctd\u003e3-speed Shimano Nexus Internal Hub\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003cth\u003eFRAME\u003c\/th\u003e\n \u003ctd\u003eDurable Steel with Step-Thru Design\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003cth\u003eHANDLEBARS\u003c\/th\u003e\n \u003ctd\u003eMustache Bars\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003cth\u003eBRAKES\u003c\/th\u003e\n \u003ctd\u003eCoaster Brake (Pedal Backwards)\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003cth\u003eSADDLE\u003c\/th\u003e\n \u003ctd\u003eLeatherette Comfort Saddle\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003cth\u003eINCLUDED\u003c\/th\u003e\n \u003ctd\u003eChain Guard, Fenders, Pedals, Bottle Opener (Basket \u0026amp; Rack sold separately)\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003cth\u003eTIRES\u003c\/th\u003e\n \u003ctd\u003e700x35c\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails\u003e\n \u003csummary\u003eSizing\u003c\/summary\u003e\n \u003cdiv class=\"dropdown-content\"\u003e\n \u003cp\u003e3 Frame Sizes to fit any Rider Height from 4’9” to 6’1”. We recommend visiting a local bike shop to ensure you get the perfect fit for your body.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"bordered-section\" id=\"performance-ratings\"\u003e\n \u003ch3\u003ePerformance Ratings\u003c\/h3\u003e\n \u003cp class=\"rating-explanation\"\u003eOur proprietary Belcopia Rating is calculated using a sophisticated algorithm that analyzes key performance metrics against extensive market data. This AI-driven score provides an objective, at-a-glance measure of a product's overall value and capability in its class.\u003c\/p\u003e\n \u003cdiv class=\"performance-container\"\u003e\n \u003cdiv class=\"rating-bars\"\u003e\n \u003cdiv class=\"rating-bar\"\u003e\n \u003cdiv class=\"rating-label\"\u003e\n \u003cspan\u003eComfort \u0026amp; Ease of Use\u003c\/span\u003e\u003cspan\u003e98\/100\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bar-container\"\u003e\n \u003cdiv class=\"bar-fill bar-fill-98\"\u003e\u003cbr\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rating-bar\"\u003e\n \u003cdiv class=\"rating-label\"\u003e\n \u003cspan\u003eStyle \u0026amp; Aesthetics\u003c\/span\u003e\u003cspan\u003e95\/100\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bar-container\"\u003e\n \u003cdiv class=\"bar-fill bar-fill-95\"\u003e\u003cbr\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rating-bar\"\u003e\n \u003cdiv class=\"rating-label\"\u003e\n \u003cspan\u003ePracticality \u0026amp; Utility\u003c\/span\u003e\u003cspan\u003e91\/100\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bar-container\"\u003e\n \u003cdiv class=\"bar-fill bar-fill-91\"\u003e\u003cbr\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rating-bar\"\u003e\n \u003cdiv class=\"rating-label\"\u003e\n \u003cspan\u003eSimplicity \u0026amp; Reliability\u003c\/span\u003e\u003cspan\u003e86\/100\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bar-container\"\u003e\n \u003cdiv class=\"bar-fill bar-fill-86\"\u003e\u003cbr\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bel-score-box\"\u003e\n \u003ch4\u003eBelcopia Rating\u003c\/h4\u003e\n \u003cp class=\"score-display\"\u003e93%\u003c\/p\u003e\n \u003cp class=\"expert-take\"\u003eThe State City Bike is a triumph of design and user-friendliness. It masterfully combines a beautiful, timeless aesthetic with practical, real-world features. For anyone seeking a comfortable, stylish, and utterly simple bike for casual urban riding, this is a top-tier choice.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\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":42130157305930,"sku":"796201643138","price":539.99,"currency_code":"USD","in_stock":false},{"title":"Medium (48 cm - Riders 5'5\" - 5'9\")","offer_id":42130157338698,"sku":"796201643145","price":539.99,"currency_code":"USD","in_stock":true},{"title":"Large (53 cm - Riders 5'9\" - 6'1\")","offer_id":42130157371466,"sku":"796201643152","price":539.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0548\/6585\/4538\/files\/CityBike-Bubblegum_Step-Thru_-3-speed-7.jpg?v=1767076543"},{"product_id":"city-bike-bubblegum-single-speed","title":"State Bicycle Co. City Bike - Bubble-Gum | Single-Speed Dutch Cruiser","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003c\/p\u003e\n\u003ctitle\u003eState Bicycle City Bike - Bubblegum\u003c\/title\u003e\n\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\n\u003cdiv data-belcopia-product=\"\"\u003e\n \u003cdiv class=\"at-a-glance-bar\"\u003e\n \u003cdiv class=\"glance-container\"\u003e\n \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 \n \u003cspan class=\"glance-title\"\u003eFrame Material\u003c\/span\u003e \n \u003cspan class=\"glance-desc\"\u003eSteel Step-Thru\u003c\/span\u003e\n \u003c\/div\u003e\n\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 \n \u003cspan class=\"glance-title\"\u003eDrivetrain\u003c\/span\u003e \n \u003cspan class=\"glance-desc\"\u003eSingle Speed\u003c\/span\u003e\n \u003c\/div\u003e\n\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 \n \u003cspan class=\"glance-title\"\u003eWheel Size\u003c\/span\u003e \n \u003cspan class=\"glance-desc\"\u003e700c\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"glance-item\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0548\/6585\/4538\/files\/bicycle-weight-specification-lbs-svg-icon.png?v=1769496274\" alt=\"Weight Icon\"\u003e \n \u003cspan class=\"glance-title\"\u003eWeight\u003c\/span\u003e \n \u003cspan class=\"glance-desc\"\u003e32 lb\u003c\/span\u003e\n \u003c\/div\u003e\n\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 \n \u003cspan class=\"glance-title\"\u003eUse Type\u003c\/span\u003e \n \u003cspan class=\"glance-desc\"\u003eCity \/ Casual\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"hero-image-section\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0548\/6585\/4538\/files\/State_Bicycle_Co_City_Bike_Bubblegum_Pink_step_thru_single_speed_with_basket_and_fenders_parked_in_front_of_ivy_covered_wall_and_wooden_bench.webp?v=1754016613\" alt=\"The State Bicycle Co. City Bike in Bubblegum.\"\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\"\u003eEffortless Style for Everyday Cruising\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"page-content\"\u003e\n \u003cdiv class=\"unbordered-section\"\u003e\n \u003cp class=\"sub-headline\"\u003e\"Simply Beautiful. Beautifully Simple.\"\u003c\/p\u003e\n \u003cp\u003eThe State City Bike is a return to what makes cycling great: pure, simple, carefree fun. We've designed a bike that's as delightful to look at as it is to ride. Feel the ease of the \u003cstrong class=\"description-emphasis\"\u003estep-through frame\u003c\/strong\u003e as you hop on for a spontaneous trip to the market. Enjoy the relaxed, upright posture provided by the stylish \u003cstrong class=\"description-emphasis\"\u003emustache handlebars\u003c\/strong\u003e. With a simple coaster brake, a protective chain guard, and a host of charming, practical accessories, this bike is your perfect companion for leisurely rides, daily errands, and soaking up the sunshine.\u003c\/p\u003e\n \u003c\/div\u003e\n\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 beautiful, stylish bike for casual rides around town.\u003c\/li\u003e\n \u003cli\u003eYou value comfort, simplicity, and ease of use above all else.\u003c\/li\u003e\n \u003cli\u003eYou need a practical bike with fenders and a basket for your daily errands.\u003c\/li\u003e\n \u003cli\u003eYou believe that riding a bike should be a joyful and stress-free experience.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cdiv\u003e\u003cimg alt=\"The State Bicycle Co. City Bike.\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0548\/6585\/4538\/files\/State_Bicycle_Co_City_Bike_Bubblegum_Pink_step_thru_single_speed_angled_front_view_with_basket_and_fenders_against_ivy_wall_and_wooden_panel_backdrop.webp?v=1754016613\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"bordered-section\"\u003e\n \u003ch3\u003eDesigned for Delight\u003c\/h3\u003e\n \u003cdiv class=\"two-col-container\"\u003e\n \u003cdiv\u003e\u003cimg alt=\"Close-up of the City Bike's basket and handlebars.\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0548\/6585\/4538\/files\/State_Bicycle_Co_City_Bike_Bubblegum_Pink_step_thru_single_speed_close-up_side_view_with_front_basket_leather_grips_and_fenders_next_to_wooden_wall_and_ivy.webp?v=1754016613\"\u003e\u003c\/div\u003e\n \u003cdiv\u003e\n \u003ch4\u003eEffortless Elegance\u003c\/h4\u003e\n \u003cp\u003eThis bike is designed around ease and comfort. Feel how the graceful \u003cstrong class=\"description-emphasis\"\u003estep-through frame\u003c\/strong\u003e makes getting on and off a breeze, no matter what you're wearing. Rest your hands on the soft, leatherette grips of the swept-back mustache handlebars, which encourage a relaxed, upright posture perfect for enjoying the view. It’s a riding experience that feels as good as it looks—comfortable, confident, and effortlessly stylish.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"bordered-section\"\u003e\n \u003ch3\u003ePracticality, Perfected\u003c\/h3\u003e\n \u003cdiv class=\"two-col-container\"\u003e\n \u003cdiv\u003e\n \u003ch4\u003eYour Everyday Companion\u003c\/h4\u003e\n \u003cp\u003eThe City Bike is more than just a pretty frame; it's a tool for a better life. See how the included \u003cstrong class=\"description-emphasis\"\u003efenders and chain guard\u003c\/strong\u003e protect your favorite outfits from splashes and grease. The sturdy front basket is ready for a trip to the farmers market or a picnic in the park. It’s a collection of thoughtful, practical features that make it easy to choose your bike over your car for those daily trips, turning errands into enjoyable escapes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\u003cimg alt=\"Close-up of the City Bike's saddle and basket.\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0548\/6585\/4538\/files\/State_Bicycle_Co_City_Bike_Bubblegum_Pink_step_thru_single_speed_close_up_showing_saddle_basket_fenders_and_chain_guard_with_yellow_bench_and_wooden_wall_backdro.webp?v=1754016613\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\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\n \u003cdiv class=\"feature-card-content\"\u003e\n \u003ch4\u003eSteel Frame \u0026amp; Step-Thru Design\u003c\/h4\u003e\n \u003cp\u003eA durable frame with an easy-on, easy-off design for the ultimate in comfort and accessibility.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-card-content\"\u003e\n \u003ch4\u003eCoaster Brake\u003c\/h4\u003e\n \u003cp\u003eThe ultimate in simplicity. Just pedal backward to engage the brake for easy, intuitive, and maintenance-free stopping.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-card-content\"\u003e\n \u003ch4\u003eMustache Handlebars\u003c\/h4\u003e\n \u003cp\u003eStylish and comfortable, these bars promote a relaxed, upright riding position perfect for city cruising.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-card-content\"\u003e\n \u003ch4\u003eIncluded Accessories\u003c\/h4\u003e\n \u003cp\u003eComes with everything you need: a chain guard, fenders, pedals, and even a bottle opener for post-ride refreshment.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"feature-card\"\u003e\n \u003cdiv class=\"feature-card-content\"\u003e\n \u003ch4\u003eOptional 3-Speed Hub\u003c\/h4\u003e\n \u003cp\u003eChoose the simplicity of a single-speed or upgrade to a Shimano Nexus 3-speed internal hub for tackling small hills.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"bordered-section dropdown-section\"\u003e\n \u003cdetails\u003e\n \u003csummary\u003eSpecifications\u003c\/summary\u003e\n \u003cdiv class=\"dropdown-content\"\u003e\n \u003ctable class=\"spec-table\"\u003e\n \u003ctbody\u003e\n \u003ctr\u003e\n \u003cth\u003eGEARING\u003c\/th\u003e\n \u003ctd\u003e1-speed or optional 3-speed Shimano Nexus Hub\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003cth\u003eFRAME\u003c\/th\u003e\n \u003ctd\u003eDurable Steel with Step-Thru Design\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003cth\u003eHANDLEBARS\u003c\/th\u003e\n \u003ctd\u003eMustache Bars\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003cth\u003eBRAKES\u003c\/th\u003e\n \u003ctd\u003eCoaster Brake (Pedal Backwards)\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003cth\u003eSADDLE\u003c\/th\u003e\n \u003ctd\u003eLeatherette Comfort Saddle\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003cth\u003eINCLUDED\u003c\/th\u003e\n \u003ctd\u003eChain Guard, Fenders, Pedals, Bottle Opener\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003cth\u003eTIRES\u003c\/th\u003e\n \u003ctd\u003e700x35c\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails\u003e\n \u003csummary\u003eSizing\u003c\/summary\u003e\n \u003cdiv class=\"dropdown-content\"\u003e\n \u003cp\u003e3 Frame Sizes to fit any Rider Height from 4’9” to 6’1”. We recommend visiting a local bike shop to ensure you get the perfect fit for your body.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"bordered-section\" id=\"performance-ratings\"\u003e\n \u003ch3\u003ePerformance Ratings\u003c\/h3\u003e\n \u003cp class=\"rating-explanation\"\u003eOur proprietary Belcopia Rating is calculated using a sophisticated algorithm that analyzes key performance metrics against extensive market data. This AI-driven score provides an objective, at-a-glance measure of a product's overall value and capability in its class.\u003c\/p\u003e\n \u003cdiv class=\"performance-container\"\u003e\n \u003cdiv class=\"rating-bars\"\u003e\n \u003cdiv class=\"rating-bar\"\u003e\n \u003cdiv class=\"rating-label\"\u003e\n \u003cspan\u003eComfort \u0026amp; Ease of Use\u003c\/span\u003e\u003cspan\u003e98\/100\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bar-container\"\u003e\n \u003cdiv class=\"bar-fill bar-fill-98\"\u003e\u003cbr\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rating-bar\"\u003e\n \u003cdiv class=\"rating-label\"\u003e\n \u003cspan\u003eStyle \u0026amp; Aesthetics\u003c\/span\u003e\u003cspan\u003e95\/100\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bar-container\"\u003e\n \u003cdiv class=\"bar-fill bar-fill-95\"\u003e\u003cbr\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rating-bar\"\u003e\n \u003cdiv class=\"rating-label\"\u003e\n \u003cspan\u003ePracticality \u0026amp; Utility\u003c\/span\u003e\u003cspan\u003e91\/100\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bar-container\"\u003e\n \u003cdiv class=\"bar-fill bar-fill-91\"\u003e\u003cbr\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rating-bar\"\u003e\n \u003cdiv class=\"rating-label\"\u003e\n \u003cspan\u003eSimplicity \u0026amp; Reliability\u003c\/span\u003e\u003cspan\u003e86\/100\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bar-container\"\u003e\n \u003cdiv class=\"bar-fill bar-fill-86\"\u003e\u003cbr\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bel-score-box\"\u003e\n \u003ch4\u003eBelcopia Rating\u003c\/h4\u003e\n \u003cp class=\"score-display\"\u003e93%\u003c\/p\u003e\n \u003cp class=\"expert-take\"\u003eThe State City Bike is a triumph of design and user-friendliness. It masterfully combines a beautiful, timeless aesthetic with practical, real-world features. For anyone seeking a comfortable, stylish, and utterly simple bike for casual urban riding, this is a top-tier choice.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\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":42130159304778,"sku":"796201643107","price":439.99,"currency_code":"USD","in_stock":false},{"title":"Medium (48 cm - Riders 5'5\" - 5'9\")","offer_id":42130159337546,"sku":"796201643114","price":439.99,"currency_code":"USD","in_stock":true},{"title":"Large (53 cm - Riders 5'9\" - 6'1\")","offer_id":42130159370314,"sku":"796201643121","price":439.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0548\/6585\/4538\/files\/CityBike-Bubblegum_Step-Thru_-SingleSpeed-1.jpg?v=1767076625"},{"product_id":"sole-bicycles-the-three-speed-city-cruiser","title":"Sole Bicycles The Three Speed City Cruiser","description":"\u003cstyle\u003e\n.bike-product-wrapper {\n --brand-primary: #5f7038;\n --brand-accent: #d4a831;\n --brand-dark: #212121;\n font-family: 'Lato', 'Trebuchet MS', Arial, sans-serif;\n line-height: 1.6; color: #000;\n overflow-x: hidden; background-color: #fff;\n width:100vw; position:relative; left:50%; right:50%;\n margin-left:-50vw; margin-right:-50vw;\n}\n.bike-product-wrapper img {\n transition: transform 0.5s cubic-bezier(0.25,0.46,0.45,0.94);\n will-change: transform;\n -webkit-user-select:none; user-select:none; pointer-events:auto;\n -webkit-touch-callout:none;\n}\n\n\/* Lightbox Modal *\/\n.bike-product-wrapper .belcopia-modal {\n display:none; position:fixed; z-index:99999;\n left:0; top:0; right:0; bottom:0;\n width:100vw; height:100vh;\n background-color:rgba(0,0,0,0.85);\n backdrop-filter:blur(8px);\n opacity:0; transition:opacity 0.3s ease;\n}\n.bike-product-wrapper .belcopia-modal.show { display:block; opacity:1; }\n.bike-product-wrapper .belcopia-modal-content {\n position:absolute; top:50%; left:50%;\n transform:translate(-50%,-50%) scale(0.95);\n max-width:90vw; max-height:85vh;\n border-radius:12px; box-shadow:0 10px 40px rgba(0,0,0,0.5);\n object-fit:contain;\n transition:transform 0.3s cubic-bezier(0.25,0.46,0.45,0.94);\n}\n.bike-product-wrapper .belcopia-modal.show .belcopia-modal-content {\n transform:translate(-50%,-50%) scale(1);\n}\n.bike-product-wrapper .belcopia-modal-close {\n position:absolute; top:20px; right:30px; z-index:100000;\n color:#fff; font-size:45px; font-weight:bold; cursor:pointer;\n text-shadow:0 2px 4px rgba(0,0,0,0.5);\n}\n.bike-product-wrapper .belcopia-modal-close:hover { color:var(--brand-accent); }\n\n\/* Shimmer Animation *\/\n@keyframes metallicShimmer {\n 0% { background-position:0% 50%; }\n 100% { background-position:200% 50%; }\n}\n\n\/* At-A-Glance Bar *\/\n.bike-product-wrapper .at-a-glance-bar {\n background-color:var(--brand-dark); color:#fff;\n padding:12px 10px; contain:layout paint;\n}\n.bike-product-wrapper .glance-container {\n display:flex; justify-content:space-around;\n text-align:center; max-width:1200px; margin:0 auto;\n flex-wrap:wrap; gap:15px;\n}\n.bike-product-wrapper .glance-item {\n display:flex; flex-direction:column; align-items:center; gap:5px;\n font-size:0.8em; min-width:90px;\n}\n.bike-product-wrapper .glance-item img { width:36px; height:36px; filter:brightness(0) invert(1); }\n.bike-product-wrapper .glance-title { font-weight:bold; text-transform:uppercase; }\n\n\/* Terrain Rating *\/\n.bike-product-wrapper .terrain-rating {\n display:flex; flex-wrap:wrap; gap:16px 32px; justify-content:center;\n padding:16px 16px; margin:0; background:#1a1a1a;\n}\n.bike-product-wrapper .terrain-item {\n display:flex; align-items:center; gap:8px; min-width:140px;\n}\n.bike-product-wrapper .terrain-label {\n font-family:'Montserrat','Lato',sans-serif;\n font-size:0.72em; font-weight:700; text-transform:uppercase; letter-spacing:1px;\n color:#bbb; min-width:90px;\n}\n.bike-product-wrapper .terrain-stars {\n display:flex; gap:2px; font-size:14px; line-height:1;\n}\n.bike-product-wrapper .terrain-star { color:#444; }\n.bike-product-wrapper .terrain-star.filled { color:var(--brand-accent);\n}\n\n\/* Video Embed *\/\n.bike-product-wrapper .video-section {\n position:relative; padding-bottom:56.25%; height:0; overflow:hidden;\n margin:40px 0; border-radius:8px; background:#000;\n}\n.bike-product-wrapper .video-section iframe {\n position:absolute; top:0; left:0; width:100%; height:100%; border:0;\n}\n\n\/* Hero *\/\n.bike-product-wrapper .hero-image-section {\n position:relative; height:50vh; min-height:400px; max-height:600px;\n display:flex; align-items:center; justify-content:center;\n overflow:hidden; background-color:#000; contain:layout paint;\n}\n.bike-product-wrapper .hero-image-section img {\n position:absolute; top:50%; left:50%; width:100%; height:100%;\n object-fit:cover; transform:translate(-50%,-50%); opacity:0.85;\n}\n.bike-product-wrapper .hero-overlay {\n position:absolute; top:0; left:0; width:100%; height:100%;\n background:linear-gradient(to top, rgba(0,0,0,0.85), rgba(0,0,0,0.3) 60%);\n}\n.bike-product-wrapper .hero-content {\n position:relative; z-index:3; padding:20px; text-align:center; width:100%;\n display:flex; flex-direction:column; align-items:center;\n}\n.bike-product-wrapper .shimmer-text {\n background:linear-gradient(90deg, var(--brand-primary) 0%, var(--brand-accent) 25%, #fff 50%, var(--brand-accent) 75%, var(--brand-primary) 100%);\n background-size:200% auto; color:transparent;\n -webkit-background-clip:text; background-clip:text;\n animation:metallicShimmer 4s linear infinite;\n -webkit-text-stroke:1px rgba(255,255,255,0.4);\n filter:drop-shadow(2px 2px 10px rgba(0,0,0,0.8));\n}\n.bike-product-wrapper .hero-content h2 {\n font-family:'Bebas Neue','Montserrat',sans-serif;\n font-size:4em; font-weight:400; line-height:1.05;\n text-transform:uppercase; letter-spacing:1px; margin:0 auto 10px auto;\n}\n.bike-product-wrapper .product-subtitle {\n font-family:'Bebas Neue','Montserrat',sans-serif;\n font-size:1.8em; font-weight:400; text-transform:uppercase;\n letter-spacing:2px; display:block; width:100%; margin-top:5px;\n -webkit-text-stroke:0.5px #fff;\n}\n\n\/* Content Sections *\/\n.bike-product-wrapper .page-content { max-width:100%; margin:0 auto; padding:10px 40px; }\n.bike-product-wrapper h3 {\n font-family:'Bebas Neue','Montserrat',sans-serif;\n font-size:3.5em !important; font-weight:400 !important; color:var(--brand-primary) !important;\n border-bottom:none !important; padding-bottom:8px;\n margin-bottom:30px; text-transform:uppercase; letter-spacing:3px; position:relative;\n text-align:center;\n}\n.bike-product-wrapper h3::after {\n content:''; position:absolute; bottom:0; left:50%; transform:translateX(-50%);\n width:60px; height:3px;\n background-color:var(--brand-accent); transition:width 0.6s ease;\n}\n.bike-product-wrapper .unbordered-section:hover h3::after { width:200px; }\n.bike-product-wrapper h4 {\n font-family:'Bebas Neue','Montserrat',sans-serif;\n font-size:2.4em !important; font-weight:400 !important; color:#1a1a1a;\n border-left:3px solid var(--brand-accent); padding-left:15px;\n text-transform:uppercase; letter-spacing:2px; margin-bottom:15px;\n}\n.bike-product-wrapper .unbordered-section { padding:20px 0; border:none; }\n.bike-product-wrapper .description-emphasis { font-style:italic; font-weight:bold; color:var(--brand-primary); }\n.bike-product-wrapper .sub-headline {\n font-family:'Montserrat','Lato',sans-serif;\n font-size:1.5em !important; font-weight:600; font-style:italic; color:var(--brand-primary);\n text-align:center; margin-bottom:25px; line-height:1.5; letter-spacing:0.5px;\n}\n.bike-product-wrapper p { margin-bottom:20px; line-height:1.7; font-size:1.1em; }\n\n\/* Two-Col Grid *\/\n.bike-product-wrapper .two-col-container {\n display:grid; grid-template-columns:1fr; align-items:center; gap:30px; margin-bottom:25px;\n}\n@media (min-width:768px) {\n .bike-product-wrapper .two-col-container { grid-template-columns:1fr 1fr; }\n .bike-product-wrapper .two-col-container.reverse \u003e :first-child { order:2; }\n}\n.bike-product-wrapper .two-col-container img {\n width:100%; max-height:380px; object-fit:cover; border-radius:12px;\n box-shadow:0 8px 30px rgba(0,0,0,0.12); display:block; overflow:hidden;\n cursor:zoom-in; transition:transform 0.5s ease;\n}\n@media (hover:hover) { .bike-product-wrapper .two-col-container img:hover { transform:scale(1.03); } }\n.bike-product-wrapper .two-col-list { list-style:none; padding:0; }\n.bike-product-wrapper .two-col-list li {\n display:flex; align-items:flex-start; margin-bottom:20px; font-weight:500;\n}\n.bike-product-wrapper .two-col-list li::before {\n content:'\\2713'; color:var(--brand-accent); font-size:1.6em;\n margin-right:15px; line-height:1; font-weight:900;\n}\n\n\/* For You — cinematic background section *\/\n.bike-product-wrapper .for-you-section {\n position:relative; padding:50px 40px; margin:30px 0;\n background-color:#111; background-size:cover; background-position:center;\n background-attachment:scroll; overflow:hidden;\n}\n.bike-product-wrapper .for-you-section::before {\n content:''; position:absolute; top:0; left:0; width:100%; height:100%;\n 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%);\n z-index:1;\n}\n.bike-product-wrapper .for-you-section \u003e * { position:relative; z-index:2; }\n.bike-product-wrapper .for-you-section h3 {\n color:#fff; border-bottom-color:rgba(255,255,255,0.15);\n}\n.bike-product-wrapper .for-you-section h3::after { background-color:var(--brand-primary); }\n.bike-product-wrapper .for-you-section .two-col-list li {\n font-family:'Montserrat','Lato',sans-serif;\n color:#e0e0e0; font-weight:500; font-size:1.05em; line-height:1.6; letter-spacing:0.3px;\n}\n.bike-product-wrapper .for-you-section .two-col-list li::before {\n color:var(--brand-accent);\n}\n.bike-product-wrapper .for-you-section .bike-fade-swap {\n box-shadow:0 8px 30px rgba(0,0,0,0.4);\n}\n\n\/* 2-Image Crossfade Swap *\/\n.bike-product-wrapper .bike-fade-swap {\n position:relative; width:100%; border-radius:12px;\n overflow:hidden; box-shadow:0 8px 30px rgba(0,0,0,0.12); aspect-ratio:4\/3;\n}\n.bike-product-wrapper .bike-fade-swap .fade-img {\n position:absolute; top:0; left:0; width:100%; height:100%;\n object-fit:cover; opacity:0; transition:opacity 0.8s ease-in-out;\n cursor:zoom-in; border-radius:0; box-shadow:none; max-height:none;\n}\n.bike-product-wrapper .bike-fade-swap .fade-img.active { opacity:1; z-index:2; }\n\n\/* Key Features — Horizontal Scroller *\/\n.bike-product-wrapper .features-scroller-wrap { position:relative; }\n.bike-product-wrapper .features-scroller {\n display:flex; overflow-x:auto; padding-bottom:20px;\n scroll-snap-type:x mandatory; scrollbar-width:none;\n -ms-overflow-style:none; scroll-behavior:smooth; contain:layout paint;\n}\n.bike-product-wrapper .features-scroller::-webkit-scrollbar { display:none; }\n.bike-product-wrapper .features-scroller-progress {\n width:100%; height:3px; background:#e0e0e0; border-radius:2px; margin-top:15px; overflow:hidden;\n}\n.bike-product-wrapper .features-scroller-progress-bar {\n height:100%; background:var(--brand-primary); border-radius:2px; width:30%;\n}\n.bike-product-wrapper .features-scroller-nav {\n display:flex; justify-content:flex-end; gap:10px; margin-top:15px;\n}\n.bike-product-wrapper .features-scroller-nav button {\n width:44px; height:44px; border-radius:3px; border:1.5px solid var(--brand-primary); background:#fff;\n cursor:pointer; display:flex; align-items:center; justify-content:center;\n transition:all 0.2s ease; font-size:18px; color:var(--brand-primary);\n}\n.bike-product-wrapper .features-scroller-nav button:hover {\n background:var(--brand-primary); color:#fff;\n}\n.bike-product-wrapper .features-dark-section {\n background:#111; padding:40px 40px 30px; margin:30px 0; border-top:3px solid var(--brand-primary);\n background-image:radial-gradient(circle at 1px 1px, rgba(212,168,49,0.04) 1px, transparent 0);\n background-size:28px 28px;\n}\n.bike-product-wrapper .features-dark-section h3 { color:#fff; border-bottom-color:#333; }\n.bike-product-wrapper .features-dark-section h3::after { background-color:var(--brand-primary); }\n.bike-product-wrapper .features-dark-section .scroll-hint { color:#bbb; }\n.bike-product-wrapper .features-dark-section .features-scroller-nav button {\n background:#1a1a1a; border-color:#333; color:#fff;\n}\n.bike-product-wrapper .features-dark-section .features-scroller-nav button:hover {\n border-color:var(--brand-primary); background:#252525;\n}\n.bike-product-wrapper .features-dark-section .features-scroller-progress { background:#333; }\n.bike-product-wrapper .features-dark-section .features-scroller-progress-bar { background:var(--brand-primary); }\n.bike-product-wrapper .feature-card {\n flex:0 0 280px; margin-right:20px; background:transparent; border-radius:0;\n border:none; overflow:hidden; box-shadow:none;\n display:flex; flex-direction:column; text-align:center;\n scroll-snap-align:start;\n}\n.bike-product-wrapper .feature-card:last-child { margin-right:0; }\n.bike-product-wrapper .feature-card:hover { transform:none; box-shadow:none; }\n.bike-product-wrapper .feature-card.has-image img {\n width:100%; height:220px; object-fit:cover; border-radius:12px; cursor:zoom-in;\n transition:transform 0.3s ease;\n}\n.bike-product-wrapper .feature-card.has-image:hover img { transform:scale(1.03); }\n.bike-product-wrapper .feature-card-content { padding:16px 8px 0; flex-grow:1; display:flex; flex-direction:column; align-items:center; }\n.bike-product-wrapper .feature-card h4 { font-family:'Montserrat','Lato',sans-serif; color:var(--brand-primary); font-size:1.05em; font-weight:700; border:none; padding:0; margin-bottom:8px; letter-spacing:0.06em; }\n.bike-product-wrapper .feature-card p { font-size:0.88em; color:#555; margin:0; line-height:1.5; max-width:260px; }\n\n\/* Key Features — Text-Only Grid *\/\n.bike-product-wrapper .features-grid {\n display:grid; grid-template-columns:1fr; gap:20px; margin-top:15px;\n}\n@media (min-width:768px) {\n .bike-product-wrapper .features-grid { grid-template-columns:repeat(2, 1fr); }\n}\n.bike-product-wrapper .feature-card.text-only {\n border-left:3px solid var(--brand-primary); background:#1a1a1a;\n border-radius:8px; padding:0; flex:0 0 240px; margin-right:14px;\n scroll-snap-align:start; min-height:200px;\n}\n.bike-product-wrapper .feature-card.text-only .feature-card-content { padding:20px 18px; align-items:flex-start; text-align:left; }\n.bike-product-wrapper .feature-card.text-only h4 { color:var(--brand-primary); font-size:0.85em; margin-bottom:0; font-weight:700; letter-spacing:0.08em; min-height:3.6em; display:flex; align-items:flex-end; }\n.bike-product-wrapper .feature-card.text-only p { color:#bbb; max-width:none; font-size:0.8em; line-height:1.55; }\n.bike-product-wrapper .feature-note {\n font-size:0.85em; color:#555; font-style:italic; margin-top:-20px; margin-bottom:25px;\n}\n.bike-product-wrapper .scroll-hint {\n font-size:0.85em; color:var(--brand-primary); font-style:italic;\n text-align:right; margin-bottom:8px; display:block; font-weight:bold;\n}\n@media (min-width:992px) { .bike-product-wrapper .scroll-hint { display:none; } }\n\n\/* YouTube Facade (lazy-load — no iframe until click) *\/\n.bike-product-wrapper .yt-video-grid {\n display:grid; grid-template-columns:1fr 1fr; gap:24px; margin-top:20px;\n}\n@media (max-width:640px) {\n .bike-product-wrapper .yt-video-grid { grid-template-columns:1fr; }\n}\n.bike-product-wrapper .yt-facade {\n position:relative; cursor:pointer; border-radius:12px; overflow:hidden;\n background:#111;\n}\n.bike-product-wrapper .yt-facade::before {\n content:''; display:block; padding-top:56.25%;\n}\n.bike-product-wrapper .yt-facade img {\n position:absolute; top:0; left:0; width:100%; height:100%;\n object-fit:cover; transition:transform 0.3s ease; display:block;\n}\n.bike-product-wrapper .yt-facade:hover img { transform:scale(1.03); }\n.bike-product-wrapper .yt-play-btn {\n position:absolute; top:50%; left:50%;\n transform:translate(-50%,-50%); pointer-events:none;\n transition:transform 0.2s ease; filter:drop-shadow(0 2px 8px rgba(0,0,0,0.4));\n}\n.bike-product-wrapper .yt-facade:hover .yt-play-btn {\n transform:translate(-50%,-50%) scale(1.12);\n}\n.bike-product-wrapper .yt-facade iframe {\n position:absolute; top:0; left:0; width:100%; height:100%; border:none;\n}\n.bike-product-wrapper .yt-video-title {\n margin:10px 0 0; font-size:0.9em; font-weight:600; color:#444;\n text-align:center; text-transform:uppercase; letter-spacing:0.04em;\n}\n\n\/* Comparison Table *\/\n.bike-product-wrapper .compare-table-wrap {\n overflow-x:auto; -webkit-overflow-scrolling:touch; margin-top:20px;\n max-width:1100px; margin-left:auto; margin-right:auto;\n}\n.bike-product-wrapper .compare-table {\n width:100%; border-collapse:collapse; min-width:700px;\n}\n.bike-product-wrapper .compare-table th,\n.bike-product-wrapper .compare-table td {\n padding:12px 16px; text-align:center; vertical-align:middle;\n border-bottom:1px solid #eee; font-size:0.92em;\n}\n.bike-product-wrapper .compare-table thead th {\n border-bottom:2px solid #ddd; padding-bottom:8px;\n}\n.bike-product-wrapper .compare-table .compare-label {\n font-family:'Montserrat','Lato',sans-serif;\n text-align:left; font-weight:700; color:#1a1a1a; text-transform:uppercase;\n font-size:0.82em; letter-spacing:0.08em; width:18%;\n}\n.bike-product-wrapper .compare-img {\n width:100%; max-width:220px; height:auto; margin:0 auto; display:block;\n border-radius:8px;\n}\n.bike-product-wrapper .compare-name {\n font-family:'Montserrat','Lato',sans-serif;\n font-weight:700; font-size:0.95em; color:#1a1a1a; margin:10px 0 2px;\n text-transform:uppercase; letter-spacing:0.08em; min-height:2.4em;\n display:flex; align-items:center; justify-content:center;\n}\n.bike-product-wrapper .compare-price {\n font-weight:700; font-size:1.1em; color:var(--brand-primary);\n}\n.bike-product-wrapper .compare-highlight {\n background:#f9f9f5;\n}\n.bike-product-wrapper .compare-highlight .compare-name {\n color:var(--brand-primary);\n}\n.bike-product-wrapper .compare-cta {\n display:inline-block; padding:12px 30px; border-radius:3px;\n font-family:'Inter','Lato',sans-serif;\n font-weight:700; font-size:0.85em; text-transform:uppercase;\n letter-spacing:1px; text-decoration:none; transition:all 0.2s ease;\n margin-top:4px;\n}\n.bike-product-wrapper .compare-cta-primary {\n background:var(--brand-primary); color:#fff;\n}\n.bike-product-wrapper .compare-cta-primary:hover {\n background:#4a5a2b;\n}\n.bike-product-wrapper .compare-cta-secondary {\n background:transparent; color:var(--brand-primary); border:1.5px solid var(--brand-primary);\n}\n.bike-product-wrapper .compare-cta-secondary:hover {\n background:var(--brand-primary); color:#fff;\n}\n.bike-product-wrapper .compare-winner {\n font-weight:800; color:var(--brand-accent);\n}\n@media (max-width:700px) {\n .bike-product-wrapper .compare-table { font-size:0.82em; }\n .bike-product-wrapper .compare-table th,\n .bike-product-wrapper .compare-table td { padding:8px 6px; }\n .bike-product-wrapper .compare-img { max-width:140px; }\n}\n\n\/* Why Build Matters — dark section with optional bg image *\/\n.bike-product-wrapper .why-matters-section {\n position:relative; padding:50px 40px; margin:30px 0; border-top:3px solid var(--brand-primary);\n background:#111; overflow:hidden;\n}\n.bike-product-wrapper .why-matters-bg {\n position:absolute; top:0; left:0; width:100%; height:100%;\n background-size:cover; background-position:center; background-repeat:no-repeat;\n opacity:0.15; z-index:0;\n}\n.bike-product-wrapper .why-matters-section \u003e * { position:relative; z-index:1; }\n.bike-product-wrapper .why-matters-section h3 { color:#fff; border-bottom-color:#333; }\n.bike-product-wrapper .why-matters-section h3::after { background-color:var(--brand-primary); }\n.bike-product-wrapper .why-matters-section \u003e p { color:#bbb; }\n.bike-product-wrapper .three-col-grid { display:grid; grid-template-columns:1fr; gap:20px; margin-top:15px; }\n@media (min-width:768px) { .bike-product-wrapper .three-col-grid { grid-template-columns:repeat(3, 1fr); } }\n.bike-product-wrapper .tech-proof-card {\n background:#1a1a1a; border-top:3px solid var(--brand-accent);\n outline:1px solid rgba(255,255,255,0.08); outline-offset:-1px;\n padding:22px 22px; border-radius:10px;\n box-shadow:0 1px 3px rgba(0,0,0,0.3); transition:transform 0.3s ease, box-shadow 0.3s ease;\n overflow:hidden; display:flex; flex-direction:column;\n}\n.bike-product-wrapper .tech-proof-card.has-img { padding:0; }\n.bike-product-wrapper .tech-proof-card.has-img h4,\n.bike-product-wrapper .tech-proof-card.has-img p { padding:0 22px; }\n.bike-product-wrapper .tech-proof-card.has-img h4 { padding-top:16px; }\n.bike-product-wrapper .tech-proof-card.has-img p { padding-bottom:22px; flex-grow:1; }\n.bike-product-wrapper .proof-card-img {\n width:100%; aspect-ratio:16\/9; object-fit:cover; display:block;\n border-radius:10px 10px 0 0; margin-bottom:0;\n}\n.bike-product-wrapper .tech-proof-card:hover {\n transform:translateY(-3px); box-shadow:0 12px 35px rgba(227,177,35,0.15);\n}\n.bike-product-wrapper .tech-proof-card h4 { color:var(--brand-accent); font-size:1.1em; border:none; padding:0; margin-bottom:8px; }\n.bike-product-wrapper .tech-proof-card p { font-size:0.9em; color:#bbb; margin:0; line-height:1.5; }\n\n\/* Expert Insight — dark block with brand bg *\/\n.bike-product-wrapper .expert-insight {\n background-color:#111; border-left:none; border-top:3px solid var(--brand-primary);\n padding:40px 40px; margin:30px 0; border-radius:0;\n position:relative; overflow:hidden;\n background-image:url('https:\/\/cdn.shopify.com\/s\/files\/1\/0548\/6585\/4538\/files\/belcopia-gear-desk-background.png?v=1775539688');\n background-size:cover; background-position:center;\n}\n.bike-product-wrapper .expert-insight::before {\n content:''; position:absolute; top:0; left:0; width:100%; height:100%;\n background:rgba(0,0,0,0.5); z-index:1;\n}\n.bike-product-wrapper .expert-insight \u003e * { position:relative; z-index:2; }\n.bike-product-wrapper .expert-insight-quote {\n font-style:italic; font-weight:500; font-size:1.15em; color:#fff;\n margin:0 0 12px; line-height:1.6;\n}\n.bike-product-wrapper .expert-insight-attr {\n font-family:'Montserrat','Lato',sans-serif;\n font-weight:700; font-size:0.85em; color:var(--brand-accent);\n text-transform:uppercase; letter-spacing:2px;\n}\n\n\/* Accordion *\/\n\/* Tabbed Sections — horizontal nav + panels *\/\n.bike-product-wrapper .tabs-wrapper {\n margin:40px auto; background:#fff; max-width:1100px;\n}\n.bike-product-wrapper .tabs-nav {\n display:flex; gap:0; border-bottom:2px solid #eee;\n overflow-x:auto; -webkit-overflow-scrolling:touch; scrollbar-width:none;\n}\n.bike-product-wrapper .tabs-nav::-webkit-scrollbar { display:none; }\n.bike-product-wrapper .tabs-nav button {\n font-family:'Montserrat','Lato',sans-serif;\n background:none; border:none; border-bottom:3px solid transparent;\n padding:16px 24px; font-size:0.9em; font-weight:700; color:#888;\n text-transform:uppercase; letter-spacing:1px; cursor:pointer;\n white-space:nowrap; transition:color 0.2s ease, border-color 0.2s ease;\n margin-bottom:-2px;\n}\n.bike-product-wrapper .tabs-nav button:hover { color:#1a1a1a; }\n.bike-product-wrapper .tabs-nav button.active {\n color:var(--brand-primary); border-bottom-color:var(--brand-accent);\n}\n.bike-product-wrapper .tab-panel {\n display:none; padding:30px 0;\n}\n.bike-product-wrapper .tab-panel.active {\n display:block;\n}\n\n\/* Spec Table *\/\n.bike-product-wrapper .table-wrapper {\n width:100%; overflow-x:auto; border-radius:8px;\n border:1px solid #ddd; margin-bottom:25px; box-shadow:0 4px 10px rgba(0,0,0,0.02);\n}\n.bike-product-wrapper .spec-table { width:100%; border-collapse:collapse; min-width:600px; }\n.bike-product-wrapper .spec-table.two-col th { width:28%; }\n.bike-product-wrapper .spec-table.four-col th { width:20%; }\n.bike-product-wrapper .spec-table.four-col td { width:30%; }\n.bike-product-wrapper .spec-table th {\n font-family:'Montserrat','Lato',sans-serif;\n background-color:#f7f8f6; font-weight:700; text-transform:uppercase;\n font-size:0.82em; color:var(--brand-primary); border-left:3px solid var(--brand-primary);\n padding:12px 15px; text-align:left; letter-spacing:0.06em;\n}\n.bike-product-wrapper .spec-table td { padding:12px 15px; border:1px solid #eee; font-size:0.9em; text-align:left; color:#333; }\n.bike-product-wrapper .spec-table tr:hover td { background-color:#fcfcfc; }\n\n\/* Geometry — diagram + slanted-header two-section table *\/\n.bike-product-wrapper .geo-layout {\n display:flex; gap:24px; align-items:flex-start;\n}\n.bike-product-wrapper .geo-diagram {\n flex:0 0 auto; max-width:420px; width:100%;\n}\n.bike-product-wrapper .geo-diagram img {\n width:100%; height:auto; border-radius:6px;\n}\n@media (max-width:768px) {\n .bike-product-wrapper .geo-layout { flex-direction:column; }\n .bike-product-wrapper .geo-diagram { max-width:100%; }\n}\n.bike-product-wrapper .geo-table-wrapper {\n flex:1 1 auto; overflow-x:auto;\n}\n.bike-product-wrapper .geo-table {\n border-collapse:collapse; font-size:0.8em; width:100%;\n}\n.bike-product-wrapper .geo-table thead tr th {\n height:110px; white-space:nowrap; vertical-align:bottom;\n padding:0; border:none; background:transparent; min-width:28px;\n}\n.bike-product-wrapper .geo-table thead th.geo-corner { min-width:0; width:18px; }\n.bike-product-wrapper .geo-table thead th.geo-size-th { min-width:40px; width:40px; }\n.bike-product-wrapper .geo-table thead th.geo-col-header \u003e div {\n transform-origin:bottom left;\n transform:translateX(12px) rotate(-45deg);\n width:22px; padding-bottom:4px;\n font-size:0.78em; font-weight:600; color:#333; line-height:1.2;\n white-space:nowrap;\n}\n.bike-product-wrapper .geo-table thead th.geo-col-header .geo-letter {\n font-weight:800; color:#333; display:block; font-size:1.25em;\n}\n.bike-product-wrapper .geo-table tbody td, .bike-product-wrapper .geo-table tbody th {\n padding:5px 7px; border:1px solid #e8e8e8; text-align:center;\n font-size:0.9em; color:#333;\n}\n.bike-product-wrapper .geo-table tbody .geo-unit-label {\n background:#f7f8f6; font-weight:700; font-size:0.7em;\n text-transform:uppercase; letter-spacing:1px; color:#1a1a1a;\n padding:4px 6px; white-space:nowrap; border-left:4px solid #1a1a1a;\n}\n.bike-product-wrapper .geo-table tbody .geo-unit-label \u003e span {\n display:inline-block; writing-mode:vertical-rl; transform:rotate(180deg);\n}\n.bike-product-wrapper .geo-table tbody .geo-size {\n font-weight:700; text-align:left; padding-left:8px; color:#1a1a1a;\n}\n.bike-product-wrapper .geo-table tbody tr:hover td {\n background:#fcfcfc;\n}\n.bike-product-wrapper .geo-table tbody tr.geo-section-divider td,\n.bike-product-wrapper .geo-table tbody tr.geo-section-divider th {\n border-top:2px solid #ccc;\n}\n\n\/* Geometry — legacy single-size two-column layout *\/\n.bike-product-wrapper .geo-two-col {\n display:grid; grid-template-columns:1fr 1fr; gap:32px; align-items:stretch;\n}\n.bike-product-wrapper .geo-img-col {\n display:flex; align-items:center;\n}\n.bike-product-wrapper .geo-img-col img {\n width:100%; height:auto; border-radius:8px; display:block;\n cursor:zoom-in; transition:transform 0.3s ease;\n}\n.bike-product-wrapper .geo-img-col img:hover { transform:scale(1.02); }\n.bike-product-wrapper .geo-rider-height {\n font-size:1em; color:#555; margin:0 0 14px;\n padding-bottom:12px; border-bottom:1px solid #eee;\n}\n.bike-product-wrapper .geo-rider-height strong { color:#1a1a1a; }\n@media (max-width:768px) {\n .bike-product-wrapper .geo-two-col {\n grid-template-columns:1fr;\n }\n}\n\n\/* Sizing *\/\n.bike-product-wrapper .sizing-row {\n display:flex; flex-wrap:wrap; gap:10px; justify-content:center; align-items:center;\n padding:14px 0; margin:24px 0 8px;\n border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8;\n}\n.bike-product-wrapper .sizing-row .sizing-label {\n font-size:0.75em; text-transform:uppercase; letter-spacing:1px;\n color:var(--brand-primary); font-weight:700; margin-right:6px;\n}\n.bike-product-wrapper .sizing-row .sizing-chip {\n display:inline-flex; align-items:center; gap:6px;\n padding:5px 14px; border:1px solid #ddd; border-radius:6px;\n font-size:0.85em; color:#444; background:#fafafa;\n}\n.bike-product-wrapper .sizing-row .sizing-chip strong {\n color:var(--brand-primary); font-weight:700;\n}\n\n\/* FAQ *\/\n.bike-product-wrapper details.faq-item { border:none; border-bottom:1px solid #f0f0f0; margin-bottom:0; }\n.bike-product-wrapper details.faq-item:last-child { border-bottom:none; }\n.bike-product-wrapper details.faq-item summary { font-size:1em; font-weight:600; padding:18px 45px 18px 0; color:#2c2c2c; }\n.bike-product-wrapper details.faq-item summary:hover { color:var(--brand-primary); }\n.bike-product-wrapper details.faq-item summary::after { width:8px; height:8px; border-right:2px solid #2c2c2c; border-bottom:2px solid #2c2c2c; }\n.bike-product-wrapper .faq-answer { padding:0 0 20px; font-size:0.9em; color:#555; line-height:1.6; margin:0; }\n\n\/* List Section *\/\n.bike-product-wrapper .list-section ul { list-style:none; padding:0; margin-top:5px; }\n.bike-product-wrapper .list-section li {\n display:flex; flex-direction:column; padding-left:35px; position:relative; margin-bottom:8px;\n}\n.bike-product-wrapper .list-section li::before {\n content:'\\2713'; position:absolute; left:0; top:0;\n color:var(--brand-accent); font-size:1.6em; line-height:1; font-weight:900;\n}\n.bike-product-wrapper .list-section .item-title { font-weight:bold; text-transform:uppercase; letter-spacing:0.5px; color:#2c2c2c; font-size:0.9em; }\n.bike-product-wrapper .list-section .item-desc { font-size:0.85em; color:#555; }\n\n\/* What's In The Box — enhanced *\/\n.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; }\n.bike-product-wrapper .box-item { display:flex; align-items:flex-start; gap:14px; background:#f9f9f7; border:1px solid #e5e5e0; border-radius:8px; padding:16px; }\n.bike-product-wrapper .box-item::before { display:none; }\n.bike-product-wrapper .box-icon { font-size:2em; line-height:1; flex-shrink:0; }\n.bike-product-wrapper .box-item-content { display:flex; flex-direction:column; gap:4px; }\n.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; }\n.bike-product-wrapper .box-item-content .item-desc { font-size:0.83em; color:#555; line-height:1.5; display:block; }\n.bike-product-wrapper .box-sub-list { list-style:none; padding:0; margin:6px 0 0; }\n.bike-product-wrapper .box-sub-list li { font-size:0.8em; color:#666; padding-left:14px; position:relative; margin-bottom:3px; }\n.bike-product-wrapper .box-sub-list li::before { content:'–'; position:absolute; left:0; color:#999; }\n@media (max-width:600px) { .bike-product-wrapper ul.box-list { grid-template-columns:1fr; } }\n\n\/* Responsive *\/\n@media (max-width:768px) {\n .bike-product-wrapper .hero-content h2 { font-size:2.2em; }\n .bike-product-wrapper .product-subtitle { font-size:1.1em; }\n .bike-product-wrapper h3 { font-size:2.8em; letter-spacing:2px; }\n .bike-product-wrapper h4 { font-size:1.8em; }\n .bike-product-wrapper .sub-headline { font-size:1.2em; }\n .bike-product-wrapper .sub-headline { font-size:1.15em; }\n .bike-product-wrapper .spec-table { min-width:400px; }\n}\n\n@media (prefers-reduced-motion:reduce) {\n .bike-product-wrapper .shimmer-text { animation:none; }\n .bike-product-wrapper .belcopia-modal { transition:none; }\n .bike-product-wrapper .belcopia-modal-content { transition:none; }\n .bike-product-wrapper .bike-fade-swap .fade-img { transition:none; }\n}\n\u003c\/style\u003e\n\u003cdiv class=\"bike-product-wrapper\"\u003e\n\u003cdiv class=\"at-a-glance-bar\" style=\"background-color:#212121;color:#fff;\"\u003e\n\u003cdiv class=\"glance-container\"\u003e\n\u003cdiv class=\"glance-item\"\u003e\n\u003cimg width=\"36\" height=\"36\" loading=\"lazy\" decoding=\"async\" alt=\"Drivetrain\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0548\/6585\/4538\/files\/bicycle-drivetrain-gearing-fixed-gear-svg-icon.png?v=1769496081\"\u003e\u003cspan class=\"glance-title\"\u003eDrivetrain\u003c\/span\u003e\u003cspan class=\"glance-desc\"\u003eNexus 3-Spd\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"glance-item\"\u003e\n\u003cimg width=\"36\" height=\"36\" loading=\"lazy\" decoding=\"async\" alt=\"Frame\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0548\/6585\/4538\/files\/bicycle-frame-geometry-specification-svg-icon.png?v=1769495951\"\u003e\u003cspan class=\"glance-title\"\u003eFrame\u003c\/span\u003e\u003cspan class=\"glance-desc\"\u003eHi-Ten Steel\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"glance-item\"\u003e\n\u003cimg width=\"36\" height=\"36\" loading=\"lazy\" decoding=\"async\" alt=\"Wheels\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0548\/6585\/4538\/files\/bicycle-wheel-size-specification-svg-icon.png?v=1769496179\"\u003e\u003cspan class=\"glance-title\"\u003eWheels\u003c\/span\u003e\u003cspan class=\"glance-desc\"\u003e700c x 35mm\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"glance-item\"\u003e\n\u003cimg width=\"36\" height=\"36\" loading=\"lazy\" decoding=\"async\" alt=\"Weight\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0548\/6585\/4538\/files\/bicycle-weight-specification-lbs-svg-icon.png?v=1769496274\"\u003e\u003cspan class=\"glance-title\"\u003eWeight\u003c\/span\u003e\u003cspan class=\"glance-desc\"\u003e~35 lbs\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"glance-item\"\u003e\n\u003cimg width=\"36\" height=\"36\" loading=\"lazy\" decoding=\"async\" alt=\"Use\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0548\/6585\/4538\/files\/bicycle-use-type-specification-svg-icon.png?v=1769496364\"\u003e\u003cspan class=\"glance-title\"\u003eUse\u003c\/span\u003e\u003cspan class=\"glance-desc\"\u003eCity Cruiser\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hero-image-section\"\u003e\n\u003cimg width=\"1200\" height=\"800\" draggable=\"false\" loading=\"eager\" alt=\"Sole Bicycles Three Speed City Cruiser bike\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0548\/6585\/4538\/files\/CTB3001-1-Web_961a790d-6644-4f80-87c5-73c65269a521.jpg?v=1773376863\"\u003e\n\u003cdiv class=\"hero-overlay\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"hero-content\"\u003e\n\u003ch2 class=\"shimmer-text\"\u003eSole Bicycles The Three Speed City Cruiser\u003c\/h2\u003e\n\u003cp class=\"product-subtitle shimmer-text\"\u003eLooks Like a Single Speed. Climbs Like It Has Gears. Because It Does.\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\"Your friends think it is a single speed. Then you shift into low gear at a red light and spin up the hill they are walking.\"\u003c\/p\u003e\n\u003cp\u003eThe \u003cstrong class=\"description-emphasis\"\u003eSole Bicycles Three Speed City Cruiser\u003c\/strong\u003e hides three gears inside the rear hub where nobody can see them. No external derailleur hanging off the frame. No cables running along the tubes. No adjustment. Just clean lines and the quiet ability to crush the hill your single-speed friends have to walk.\u003c\/p\u003e\n\u003cp\u003eThe Shimano Nexus internal hub shifts at any speed. Even stopped. Pull up to a red light in high gear, click down to low, and launch uphill when it turns green. 700c x 35mm tires, upright position, cushioned saddle, and four frame sizes make this \u003cstrong class=\"description-emphasis\"\u003e3-speed city bike\u003c\/strong\u003e fit like it was built for you. Because with four sizes, it was.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"expert-insight\" style=\"background-color:#111;color:#fff;\"\u003e\n\u003cp class=\"expert-insight-quote\"\u003e\"Most city riders overthink gearing. You do not need 21 speeds. You need three: one for hills, one for cruising, and one for when you are late. The Nexus hub delivers exactly that in a package that looks like a single speed and rides like one too — minus the suffering on inclines. The wider 35c tires are the other quiet advantage here. They soak up rough pavement without slowing you down.\"\u003c\/p\u003e\n\u003cdiv class=\"expert-insight-attr\"\u003e— Urban Cycling Assessment\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"unbordered-section\"\u003e\n\u003ch3\u003eBUILT FOR RIDERS WHO\u003c\/h3\u003e\n\u003cdiv class=\"two-col-container\"\u003e\n\u003cdiv class=\"bike-fade-swap\" data-interval=\"5000\"\u003e\n\u003cimg class=\"fade-img active\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0548\/6585\/4538\/files\/CTB3001-2-Web_9a261773-6592-40de-9375-c863edde8dae.jpg?v=1773376863\" alt=\"Sole Three Speed City Cruiser side view\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"600\"\u003e\n\u003cimg class=\"fade-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0548\/6585\/4538\/files\/CTB3001-3-Web_92e8447a-6ad1-4caa-bf5c-d6f768036286.jpg?v=1773376863\" alt=\"Sole Three Speed City Cruiser detail\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"600\"\u003e\n\u003c\/div\u003e\n\u003cul class=\"two-col-list\"\u003e\n\u003cli\u003eThere is a hill between you and wherever you are going and a single speed does not cut it\u003c\/li\u003e\n\u003cli\u003eYou want a daily commuter that needs almost zero maintenance — no derailleur adjustments, no cable tuning\u003c\/li\u003e\n\u003cli\u003eYou care about how your bike looks parked outside the coffee shop as much as how it rides\u003c\/li\u003e\n\u003cli\u003eYou need a real size range because \"one size fits most\" has never fit you\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"unbordered-section\"\u003e\n\u003ch3\u003eTHE GEARS ARE IN THERE. YOU JUST CANNOT SEE THEM.\u003c\/h3\u003e\n\u003cdiv class=\"two-col-container reverse\"\u003e\n\u003cdiv class=\"bike-fade-swap\" data-interval=\"5000\"\u003e\n\u003cimg class=\"fade-img active\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0548\/6585\/4538\/files\/CTB3001-4-Web_854ee01e-a65c-463f-8e73-24e09a089533.jpg?v=1773376863\" alt=\"Sole Three Speed hub detail\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"600\"\u003e\n\u003cimg class=\"fade-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0548\/6585\/4538\/files\/CTB3001-5-Web_0ec4dbc5-6e56-46c7-8eb3-1613e91faea2.jpg?v=1773376863\" alt=\"Sole Three Speed rear view\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"600\"\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4\u003eShimano Nexus Internal Hub\u003c\/h4\u003e\n\u003cp\u003eLook at the rear hub. No derailleur. No jockey wheels. No cables. The Shimano Nexus 3-speed lives entirely inside the hub shell. From five feet away, this looks like a single speed. The result is a \u003cstrong class=\"description-emphasis\"\u003eclean city bike\u003c\/strong\u003e with the aesthetics of a fixie and the climbing ability of a geared bike.\u003c\/p\u003e\n\u003cp\u003eHi-tensile steel frame with TIG-welded construction takes city abuse without complaint. The 46:18 gear ratio with 1\/8\" KMC stainless steel chain is efficient and nearly silent. Alloy dual pivot hand brakes give you controlled stopping without the drama.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"unbordered-section\"\u003e\n\u003ch3\u003eZERO MAINTENANCE. ZERO EXCUSES.\u003c\/h3\u003e\n\u003cdiv class=\"two-col-container\"\u003e\n\u003cdiv class=\"bike-fade-swap\" data-interval=\"5000\"\u003e\n\u003cimg class=\"fade-img active\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0548\/6585\/4538\/files\/Customdimensions960x625px.jpg?v=1773376863\" alt=\"Sole Three Speed lifestyle\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"600\"\u003e\n\u003cimg class=\"fade-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0548\/6585\/4538\/files\/CTB3001-1-Web_961a790d-6644-4f80-87c5-73c65269a521.jpg?v=1773376863\" alt=\"Sole Three Speed full bike\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"600\"\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4\u003eThe Commuter That Never Calls In Sick\u003c\/h4\u003e\n\u003cp\u003eNo derailleur to adjust. No cables to stretch. No chain slap when you hit a pothole. The sealed internal hub and stainless steel chain mean this bike asks almost nothing from you between rides. Wipe the frame, check the tire pressure, ride. That is the entire maintenance schedule.\u003c\/p\u003e\n\u003cp\u003eThe 700c x 35mm tires split the difference between speed and comfort — fast enough to keep pace with traffic on the flats, wide enough to absorb the cracks and potholes your city has been \"fixing\" for years. Alloy dual pivot brakes give you predictable stopping in wet or dry. This is a bike you can ride every day without thinking about it.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"why-matters-section\" style=\"background:#111;color:#fff;\"\u003e\n\n\u003ch3\u003eWHY THIS BUILD MATTERS\u003c\/h3\u003e\n\n\u003cdiv class=\"three-col-grid\"\u003e\n\u003cdiv class=\"tech-proof-card\"\u003e\n\n\u003ch4\u003eThat Hill Stops Being a Detour\u003c\/h4\u003e\n\u003cp\u003eMost city riders avoid hills or walk their bikes up. The Nexus low gear drops your effort enough to spin up moderate inclines seated. That opens up shorter routes, more neighborhood options, and zero excuses to skip the ride.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tech-proof-card\"\u003e\n\n\u003ch4\u003eClean as a Single Speed\u003c\/h4\u003e\n\u003cp\u003eNo derailleur hanging off the dropout. No shift cables running along the frame. No jockey wheels collecting road grime. From across the street this looks like a single speed — which means it looks like it belongs locked up outside any coffee shop or office in the city.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tech-proof-card\"\u003e\n\n\u003ch4\u003eActually Fits You\u003c\/h4\u003e\n\u003cp\u003eFour frame sizes from 46cm to 58cm cover riders from 4'10\" to 6'4\". A properly sized frame means less back strain on long rides, better control in traffic, and a bike you actually want to ride every day instead of one you tolerate.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tabs-wrapper\"\u003e\n\u003cnav class=\"tabs-nav\"\u003e\n\u003cbutton class=\"tab-btn active\" data-tab=\"tab-0\"\u003eTech Specs\u003c\/button\u003e\n\u003cbutton class=\"tab-btn\" data-tab=\"tab-1\"\u003eFAQ\u003c\/button\u003e\n\u003cbutton class=\"tab-btn\" data-tab=\"tab-2\"\u003eWhat's In The Box\u003c\/button\u003e\n\u003c\/nav\u003e\n\u003cdiv class=\"tab-panel active\" id=\"tab-0\"\u003e\n\u003cdiv class=\"table-wrapper\"\u003e\n\u003ctable class=\"spec-table two-col\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003cth\u003eFrame\u003c\/th\u003e\n\u003ctd\u003eHi-Tensile Steel, TIG Welded\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eFork\u003c\/th\u003e\n\u003ctd\u003eCrown Hi-Tensile Steel, 1\" Threaded\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eDrivetrain\u003c\/th\u003e\n\u003ctd\u003eShimano Nexus Internal 3-Speed Hub\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eGear Ratio\u003c\/th\u003e\n\u003ctd\u003e46:18\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eChain\u003c\/th\u003e\n\u003ctd\u003e1\/8\" KMC Stainless Steel\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eCrankset\u003c\/th\u003e\n\u003ctd\u003eAlloy 170mm, 46T, 5-Bolt 130 BCD\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eBrakes\u003c\/th\u003e\n\u003ctd\u003eAlloy Dual Pivot Hand Brakes\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eTires\u003c\/th\u003e\n\u003ctd\u003e700c x 35mm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eRims\u003c\/th\u003e\n\u003ctd\u003eMachine\/Double Walled 700c\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eBottom Bracket\u003c\/th\u003e\n\u003ctd\u003eSealed Bearing Square Taper 68 x 115mm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eSeatpost\u003c\/th\u003e\n\u003ctd\u003e25.4mm x 300mm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eWeight\u003c\/th\u003e\n\u003ctd\u003e~35 lbs\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tab-panel\" id=\"tab-1\"\u003e\n\u003cdetails class=\"faq-item\"\u003e\n\u003csummary\u003eWhat is an internal gear hub?\u003c\/summary\u003e\n\u003cp class=\"faq-answer\"\u003eAll the gearing lives inside the rear hub shell. No external derailleur, no exposed cables, no chain drop. Think of it as gears that are invisible and maintenance-free. You shift with a twist grip on the handlebar.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"faq-item\"\u003e\n\u003csummary\u003eCan it handle hills?\u003c\/summary\u003e\n\u003cp class=\"faq-answer\"\u003eModerate city hills, yes. San Francisco hills, you want more gears. For most cities, three speeds covers everything. Low gear for the steep parts, middle for cruising, high for flat-out rides.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"faq-item\"\u003e\n\u003csummary\u003eWhat sizes are available?\u003c\/summary\u003e\n\u003cp class=\"faq-answer\"\u003eFour: 46cm fits 4'10\" to 5'4\", 50cm fits 5'4\" to 5'8\", 54cm fits 5'8\" to 6'0\", 58cm fits 6'0\" to 6'4\". Pick the one that matches your height and the fit will be right.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"faq-item\"\u003e\n\u003csummary\u003eDoes it have hand brakes?\u003c\/summary\u003e\n\u003cp class=\"faq-answer\"\u003eYes. Alloy dual pivot hand brakes with hinged alloy levers. Squeeze and stop. Predictable and controlled.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"faq-item\"\u003e\n\u003csummary\u003eHow heavy is it?\u003c\/summary\u003e\n\u003cp class=\"faq-answer\"\u003eAbout 35 lbs. Solid enough to feel planted at speed. Light enough to muscle up a flight of stairs.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tab-panel\" id=\"tab-2\"\u003e\n\u003cdiv style=\"margin-top:10px;\"\u003e\n\u003cul class=\"box-list\"\u003e\n\u003cli class=\"box-item\"\u003e\n\u003cdiv class=\"box-item-content\"\u003e\n\u003cspan class=\"item-title\"\u003eSole Three Speed City Cruiser\u003c\/span\u003e\u003cspan class=\"item-desc\"\u003eArrives partially assembled. Front wheel, handlebars, pedals, and seat need attaching. About 20 minutes and you are cruising.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"box-item\"\u003e\n\u003cdiv class=\"box-item-content\"\u003e\n\u003cspan class=\"item-title\"\u003eAccessories\u003c\/span\u003e\u003cspan class=\"item-desc\"\u003ePedals, reflectors, and every tool you need. Nothing extra to buy.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"belcopia-modal\" id=\"belcopia-image-modal\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Image Preview\"\u003e\n\u003cspan class=\"belcopia-modal-close\" role=\"button\" aria-label=\"Close image preview\" tabindex=\"0\"\u003e×\u003c\/span\u003e\n\u003cimg decoding=\"async\" draggable=\"false\" alt=\"Feature Preview\" id=\"belcopia-modal-img\" class=\"belcopia-modal-content\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n(function(){\n var w=document.querySelector('.bike-product-wrapper');\n if(!w)return;\n\n \/* Block right-click on images *\/\n w.addEventListener('contextmenu',function(e){\n if(e.target.tagName==='IMG'){e.preventDefault();}\n });\n w.addEventListener('dragstart',function(e){\n if(e.target.tagName==='IMG'){e.preventDefault();}\n });\n\n \/* Lightbox *\/\n var modal=document.getElementById('belcopia-image-modal');\n var mImg=document.getElementById('belcopia-modal-img');\n var cls=w.querySelector('.belcopia-modal-close');\n if(modal\u0026\u0026mImg){\n w.addEventListener('click',function(e){\n var t=e.target;\n if(t.tagName==='IMG'\u0026\u0026t.closest('.two-col-container,.bike-fade-swap,.feature-card.has-image,.geo-img-col')){\n e.preventDefault();\n mImg.src=t.src;\n modal.classList.add('show');\n document.body.style.overflow='hidden';\n if(cls)cls.focus();\n }\n });\n function closeM(){\n modal.classList.remove('show');\n setTimeout(function(){mImg.src='';},300);\n document.body.style.overflow='';\n }\n if(cls)cls.addEventListener('click',closeM);\n modal.addEventListener('click',function(e){if(e.target===modal)closeM();});\n document.addEventListener('keydown',function(e){\n if((e.key==='Escape'||e.key==='Enter')\u0026\u0026modal.classList.contains('show'))closeM();\n });\n }\n\n \/* Fade Swap *\/\n var swaps=w.querySelectorAll('.bike-fade-swap');\n var obs=new IntersectionObserver(function(entries){\n entries.forEach(function(en){en.target.dataset.vis=en.isIntersecting?'1':'0';});\n },{threshold:0.1});\n swaps.forEach(function(s){\n obs.observe(s);\n var imgs=s.querySelectorAll('.fade-img');\n if(imgs.length\u003c2)return;\n var iv=parseInt(s.dataset.interval)||5000;\n setInterval(function(){\n if(s.dataset.vis!=='1')return;\n var a=s.querySelector('.fade-img.active');\n var n=a.nextElementSibling;\n if(!n||!n.classList.contains('fade-img'))n=imgs[0];\n a.classList.remove('active');\n n.classList.add('active');\n },iv);\n });\n \/* YouTube Facade — swap thumbnail for iframe on click\/Enter *\/\n w.querySelectorAll('.yt-facade').forEach(function(el){\n function activate(){\n var id=el.dataset.ytId;\n el.innerHTML='\u003ciframe src=\"https:\/\/www.youtube.com\/embed\/'+id+'?autoplay=1\u0026rel=0\" allow=\"autoplay; encrypted-media; fullscreen\" allowfullscreen\u003e\u003c\/iframe\u003e';\n }\n el.addEventListener('click',activate);\n el.addEventListener('keydown',function(e){\n if(e.key==='Enter'||e.key===' '){e.preventDefault();activate();}\n });\n });\n\n \/* Feature Scroller Progress Bar *\/\n var fs=document.getElementById('featScroller');\n var fp=document.getElementById('featProgress');\n if(fs\u0026\u0026fp){\n function updProg(){\n var maxS=fs.scrollWidth-fs.clientWidth;\n if(maxS\u003c=0){fp.style.width='100%';fp.style.marginLeft='0';return;}\n var pct=fs.scrollLeft\/maxS;\n var barW=fs.clientWidth\/fs.scrollWidth*100;\n fp.style.width=barW+'%';\n fp.style.marginLeft=(pct*(100-barW))+'%';\n }\n fs.addEventListener('scroll',updProg);\n updProg();\n }\n\n \/* Tab Navigation *\/\n w.querySelectorAll('.tabs-nav .tab-btn').forEach(function(btn){\n btn.addEventListener('click',function(){\n var tw=btn.closest('.tabs-wrapper');\n tw.querySelectorAll('.tab-btn').forEach(function(b){b.classList.remove('active');});\n tw.querySelectorAll('.tab-panel').forEach(function(p){p.classList.remove('active');});\n btn.classList.add('active');\n var panel=tw.querySelector('#'+btn.dataset.tab);\n if(panel)panel.classList.add('active');\n });\n });\n})();\n\u003c\/script\u003e","brand":"Sole Bicycles","offers":[{"title":"46cm \/ the Windward","offer_id":43400731951178,"sku":"CTB 3SP 001-46","price":349.0,"currency_code":"USD","in_stock":true},{"title":"46cm \/ the Penmar","offer_id":43400731983946,"sku":"CTB 3SP 006-46","price":349.0,"currency_code":"USD","in_stock":false},{"title":"50cm \/ the Windward","offer_id":43400732016714,"sku":"CTB 3SP 001-50","price":699.0,"currency_code":"USD","in_stock":false},{"title":"50cm \/ the Penmar","offer_id":43400732049482,"sku":"CTB 3SP 006-50","price":699.0,"currency_code":"USD","in_stock":false},{"title":"54cm \/ the Windward","offer_id":43400732082250,"sku":"CTB 3SP 001-54","price":699.0,"currency_code":"USD","in_stock":false},{"title":"54cm \/ the Penmar","offer_id":43400732115018,"sku":"CTB 3SP 006-54","price":699.0,"currency_code":"USD","in_stock":false},{"title":"58cm \/ the Windward","offer_id":43400732147786,"sku":"CTB 3SP 001-58","price":699.0,"currency_code":"USD","in_stock":false},{"title":"58cm \/ the Penmar","offer_id":43400732180554,"sku":"CTB 3SP 006-58","price":699.0,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0548\/6585\/4538\/files\/CTB3001-1-Web_961a790d-6644-4f80-87c5-73c65269a521.jpg?v=1773376863"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0548\/6585\/4538\/collections\/Hero_Smiling_couple_riding_Sole_Coastal_Cruiser_bikes_on_a_palm_tree-lined_beach_boardwalk_showcasing_stylish_and_comfortable_beach_cruiser_bicycles.jpg?v=1773265884","url":"https:\/\/www.belcopia.com\/collections\/cruiser-bikes.oembed","provider":"Belcopia Bikes","version":"1.0","type":"link"}