{"product_id":"klunker-ultraviolet-chrome-27-5","title":"Klunker - Ultraviolet \u0026 Chrome (27.5\")","description":"\u003cmeta charset=\"UTF-8\"\u003e \n\u003cmeta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\u003e \n\u003cmeta name=\"description\" content=\"The best klunker bike for sale today. The State Bicycle Klunker features single-speed simplicity, an iconic BMX-inspired frame, and an authentic 70s cruiser geometry.\"\u003e \n\n\u003cscript type=\"application\/ld+json\"\u003e\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"Product\",\n  \"name\": \"State Bicycle Co. Klunker - Ultraviolet \u0026 Chrome\",\n  \"image\": \"https:\/\/cdn.shopify.com\/s\/files\/1\/0232\/3305\/files\/Klunker-Ultraviolet_Chrome_27.5_-1.jpg?v=1777661917\u0026format=avif\",\n  \"description\": \"The best klunker bike for sale today. The State Bicycle Klunker features single-speed simplicity, an iconic BMX-inspired frame, and an authentic 70s cruiser geometry.\",\n  \"brand\": {\n    \"@type\": \"Brand\",\n    \"name\": \"State Bicycle Co.\"\n  },\n  \"category\": \"Cruiser \/ Klunker Bikes\",\n  \"material\": \"Durable Steel\"\n}\n\u003c\/script\u003e \n\n\u003c!-- [CHECKLIST #10] Early Connections --\u003e\n\u003clink rel=\"dns-prefetch\" href=\"https:\/\/cdn.shopify.com\"\u003e \n\u003clink rel=\"preconnect\" href=\"https:\/\/cdn.shopify.com\" crossorigin=\"\"\u003e \n\u003c!-- [CHECKLIST #11 \u0026 #3] Hero Discovery \u0026 LCP Loading --\u003e\n\u003clink rel=\"preload\" as=\"image\" href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0232\/3305\/files\/Klunker-Ultraviolet_Chrome_27.5_-1.jpg?v=1777661917\u0026amp;format=avif\" fetchpriority=\"high\"\u003e \n\u003c!-- [CHECKLIST #8] Font Swap Preload --\u003e\n\u003clink rel=\"preload\" href=\"https:\/\/fonts.gstatic.com\/s\/futura\/v1\/Futura.woff2\" as=\"font\" type=\"font\/woff2\" crossorigin=\"\"\u003e\n\n\u003cstyle\u003e\n    \/* [CHECKLIST #8] Font Swapping *\/\n    @font-face {\n        font-family: 'FuturaCustom';\n        src: url('https:\/\/fonts.gstatic.com\/s\/futura\/v1\/Futura.woff2') format('woff2');\n        font-weight: normal;\n        font-style: normal;\n        font-display: swap; \n    }\n\n    \/* [CHECKLIST #6] Flattened CSS Specificity with a single wrapper class *\/\n    .sbc-product-wrapper {\n        font-family: 'FuturaCustom', \"Trebuchet MS\", Arial, sans-serif;\n        line-height: 1.6;\n        color: #333;\n        overflow-x: hidden;\n        background-color: #fff;\n    }\n\n    \/* Image \u0026 Content Protection *\/\n    .sbc-product-wrapper img {\n        -webkit-user-drag: none;\n        user-drag: none;\n        -webkit-touch-callout: none;\n        user-select: none;\n        transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n        \/* [CHECKLIST #12] Hardware Acceleration *\/\n        will-change: transform;\n    }\n    .sbc-product-wrapper .protected-zone {\n        -webkit-user-select: none;\n        -moz-user-select: none;\n        -ms-user-select: none;\n        user-select: none;\n    }\n\n    \/* Image Lightbox Modal *\/\n    .sbc-product-wrapper .belcopia-modal {\n        display: none; \n        position: fixed; \n        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;\n        transition: opacity 0.3s ease;\n        \/* [CHECKLIST #12] Hardware Acceleration *\/\n        will-change: opacity;\n    }\n    .sbc-product-wrapper .belcopia-modal.show {\n        display: block;\n        opacity: 1;\n    }\n    .sbc-product-wrapper .belcopia-modal-content {\n        position: absolute;\n        top: 50%; left: 50%;\n        transform: translate(-50%, -50%) scale(0.95);\n        max-width: 90vw; max-height: 85vh;\n        border-radius: 12px;\n        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        will-change: transform;\n    }\n    .sbc-product-wrapper .belcopia-modal.show .belcopia-modal-content {\n        transform: translate(-50%, -50%) scale(1);\n    }\n    .sbc-product-wrapper .belcopia-modal-close {\n        position: absolute;\n        top: 20px; right: 30px;\n        z-index: 100000;\n        color: #fff; font-size: 45px; font-weight: bold;\n        cursor: pointer;\n        text-shadow: 0 2px 4px rgba(0,0,0,0.5);\n        \/* [CHECKLIST #19] Accessibility *\/\n        outline: none;\n    }\n    .sbc-product-wrapper .belcopia-modal-close:hover,\n    .sbc-product-wrapper .belcopia-modal-close:focus { color: #E3B123; outline: none; }\n\n    \/* Premium Animations *\/\n    @keyframes metallicShimmer {\n        0% { background-position: 0% 50%; }\n        100% { background-position: 200% 50%; }\n    }\n    @keyframes subtleBounce {\n        0%, 100% { transform: translateX(0); }\n        50% { transform: translateX(5px); }\n    }\n\n    \/* \"At a Glance\" Icon Bar *\/\n    .sbc-product-wrapper .at-a-glance-bar {\n        background-color: #212121;\n        color: #fff; padding: 12px 10px;\n        \/* [CHECKLIST #13] CSS Containment *\/\n        contain: layout paint;\n    }\n    .sbc-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    .sbc-product-wrapper .glance-item {\n        display: flex; flex-direction: column; align-items: center; gap: 5px;\n        font-size: 0.8em; min-width: 90px; opacity: 1; \n    }\n    .sbc-product-wrapper .glance-item img { width: 36px; height: 36px; filter: brightness(0) invert(1); }\n    .sbc-product-wrapper .glance-title { font-weight: bold; text-transform: uppercase; }\n\n    \/* 3. Hero Styling *\/\n    .sbc-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;\n        \/* [CHECKLIST #13 FIX] Upgraded containment to isolate layout *\/\n        contain: layout paint;\n    }\n    .sbc-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    .sbc-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    .sbc-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     \n    .sbc-product-wrapper .shimmer-text {\n        \/* CSS Shimmer Update: Ultraviolet \u0026 Chrome *\/\n        background: linear-gradient(90deg, #111111 0%, #b0b5b9 25%, #ffffff 50%, #b0b5b9 75%, #111111 100%);\n        background-size: 200% auto;\n        color: transparent; -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\n    .sbc-product-wrapper .hero-content h2 {\n        font-size: 3.5em; font-weight: 900; line-height: 1.1;\n        text-transform: uppercase; letter-spacing: 1px;\n        margin: 0 auto 10px auto; opacity: 1 !important; \n    }\n     \n    .sbc-product-wrapper .product-subtitle {\n        font-size: 1.6em; font-weight: 900; \n        text-transform: uppercase; letter-spacing: 2px;\n        display: block; width: 100%; margin-top: 5px;\n        opacity: 1 !important;\n        -webkit-text-stroke: 0.5px #ffffff;\n    }\n\n    \/* 4. Headlines \u0026 Content Sections *\/\n    .sbc-product-wrapper .page-content { max-width: 1200px; margin: 0 auto; padding: 10px 20px; }\n    .sbc-product-wrapper h3 {\n        font-size: 2em; font-weight: bold; color: #5f7038;\n        border-bottom: 2px solid #eee; padding-bottom: 10px;\n        margin-bottom: 30px; text-transform: uppercase; position: relative;\n    }\n    .sbc-product-wrapper h3::after {\n        content: ''; position: absolute; bottom: -2px; left: 0; width: 0; height: 3px;\n        background-color: #5f7038; transition: width 0.6s ease;\n    }\n    .sbc-product-wrapper .unbordered-section:hover h3::after, \n    .sbc-product-wrapper .bordered-section:hover h3::after { width: 100%; }\n     \n    .sbc-product-wrapper h4 {\n        font-size: 1.4em; font-weight: 900; color: #2c2c2c;\n        border-left: 5px solid #E3B123; padding-left: 15px; \n        text-transform: uppercase; letter-spacing: 0.02em !important; \n        margin-bottom: 15px;\n    }\n    .sbc-product-wrapper .unbordered-section { \n        padding: 20px 0; border: none; \n        contain: content; \n    }\n    .sbc-product-wrapper .description-emphasis { font-style: italic; font-weight: bold; color: #5f7038; }\n    .sbc-product-wrapper .sub-headline { font-size: 2em; font-weight: 900; font-style: italic; color: #5f7038; text-align: center; margin-bottom: 30px; }\n    .sbc-product-wrapper p { margin-bottom: 20px; line-height: 1.7; }\n\n    \/* 5. Grid Layouts *\/\n    .sbc-product-wrapper .two-col-container { display: grid; grid-template-columns: 1fr; align-items: center; gap: 30px; margin-bottom: 25px; }\n    @media (min-width: 768px) { \n        .sbc-product-wrapper .two-col-container { grid-template-columns: 1fr 1fr; } \n        .sbc-product-wrapper .two-col-container.reverse \u003e :first-child { order: 2; }\n    }\n    .sbc-product-wrapper .two-col-container img { \n        width: 100%; max-height: 380px;\n        object-fit: cover; border-radius: 12px; 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) { .sbc-product-wrapper .two-col-container img:hover { transform: scale(1.03); } }\n\n    .sbc-product-wrapper .two-col-list { list-style: none; padding: 0; }\n    .sbc-product-wrapper .two-col-list li { display: flex; align-items: flex-start; margin-bottom: 20px; font-weight: 500;}\n    .sbc-product-wrapper .two-col-list li::before { content: '✓'; color: #E3B123; font-size: 1.8em; margin-right: 15px; line-height: 1; font-weight: 900; }\n\n    \/* Video Facade (Rule 1) *\/\n    .sbc-product-wrapper .video-facade-wrapper { position: relative; cursor: pointer; border-radius: 12px; overflow: hidden; box-shadow: 0 8px 30px rgba(0,0,0,0.12); aspect-ratio: 16\/9; display: flex; align-items: center; justify-content: center; background: #000; outline: none; }\n    .sbc-product-wrapper .video-facade-wrapper:focus { outline: none; box-shadow: 0 8px 30px rgba(227,177,35,0.5); }\n    .sbc-product-wrapper .video-facade-wrapper img { width: 100%; height: 100%; object-fit: cover; opacity: 0.8; transition: opacity 0.3s ease; max-height: none; }\n    .sbc-product-wrapper .video-facade-wrapper:hover img { opacity: 1; }\n    .sbc-product-wrapper .play-button { position: absolute; width: 68px; height: 48px; background-color: rgba(227, 177, 35, 0.9); border-radius: 12px; transition: background-color 0.3s; }\n    .sbc-product-wrapper .play-button::before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-40%, -50%); border-style: solid; border-width: 10px 0 10px 16px; border-color: transparent transparent transparent #fff; }\n    .sbc-product-wrapper .video-facade-wrapper:hover .play-button { background-color: #5f7038; }\n    .sbc-product-wrapper .video-facade-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; }\n\n    \/* MULTI-IMAGE CAROUSEL STYLING *\/\n    .sbc-product-wrapper .belcopia-slider { \n        position: relative; width: 100%; border-radius: 12px; overflow: hidden; \n        box-shadow: 0 8px 30px rgba(0,0,0,0.12); aspect-ratio: 4\/3; \n    }\n    .sbc-product-wrapper .belcopia-slide { \n        position: absolute; top: 0; left: 0; width: 100%; height: 100%; \n        opacity: 0; visibility: hidden; transition: opacity 0.6s ease-in-out; \n        will-change: opacity;\n    }\n    .sbc-product-wrapper .belcopia-slide.active { opacity: 1; visibility: visible; z-index: 2; }\n    .sbc-product-wrapper .belcopia-slide img { \n        width: 100%; height: 100%; object-fit: cover; cursor: zoom-in; \n        box-shadow: none; border-radius: 0; max-height: none; \n    }\n    .sbc-product-wrapper .belcopia-slider-btn { \n        position: absolute; top: 50%; transform: translateY(-50%); \n        background: rgba(0,0,0,0.5); color: white; border: none; cursor: pointer; \n        z-index: 3; font-size: 20px; border-radius: 50%; width: 40px; height: 40px; \n        display: flex; align-items: center; justify-content: center; transition: background 0.3s; \n        outline: none;\n    }\n    .sbc-product-wrapper .belcopia-slider-btn:hover,\n    .sbc-product-wrapper .belcopia-slider-btn:focus { background: rgba(0,0,0,0.9); color: #E3B123; outline: none; }\n    .sbc-product-wrapper .belcopia-slider-prev { left: 15px; }\n    .sbc-product-wrapper .belcopia-slider-next { right: 15px; }\n    .sbc-product-wrapper .belcopia-slider-dots { \n        position: absolute; bottom: 15px; left: 50%; transform: translateX(-50%); \n        display: flex; gap: 8px; z-index: 3; \n    }\n    .sbc-product-wrapper .belcopia-slider-dot { \n        width: 10px; height: 10px; border-radius: 50%; \n        background: rgba(255,255,255,0.4); cursor: pointer; transition: background 0.3s; \n        outline: none;\n    }\n    .sbc-product-wrapper .belcopia-slider-dot.active,\n    .sbc-product-wrapper .belcopia-slider-dot:focus { background: #E3B123; outline: none; }\n\n    \/* 6. Features Scroller *\/\n    .sbc-product-wrapper .features-scroller { \n        display: flex; overflow-x: auto; padding-bottom: 30px; scroll-snap-type: x mandatory; scrollbar-width: thin; scrollbar-color: #5f7038 #e0e0e0; \n        \/* [CHECKLIST #13 FIX] Upgraded containment to isolate layout *\/\n        contain: layout paint; \n    }\n    .sbc-product-wrapper .features-scroller::-webkit-scrollbar { height: 10px; }\n    .sbc-product-wrapper .features-scroller::-webkit-scrollbar-track { background: #e0e0e0; border-radius: 6px; }\n    .sbc-product-wrapper .features-scroller::-webkit-scrollbar-thumb { background-color: #5f7038; border-radius: 6px; border: 2px solid #e0e0e0; }\n    .sbc-product-wrapper .feature-card { \n        flex: 0 0 300px; margin-right: 25px; background: #f9f9f9; border-radius: 12px; \n        border: 1px solid #eee; overflow: hidden; box-shadow: 0 4px 15px rgba(0,0,0,0.06); \n        display: flex; flex-direction: column; transition: transform 0.4s ease; cursor: pointer; scroll-snap-align: start;\n        will-change: transform;\n    }\n    .sbc-product-wrapper .feature-card:hover { transform: translateY(-10px); box-shadow: 0 15px 35px rgba(0,0,0,0.12); }\n    .sbc-product-wrapper .feature-card img { \n        width: 100%; height: 200px; object-fit: cover; transition: transform 0.5s ease; \n        \/* [CHECKLIST #4] Strict aspect ratio to prevent layout shifting *\/\n        aspect-ratio: 3\/2;\n        cursor: zoom-in;\n    }\n    .sbc-product-wrapper .feature-card:hover img { transform: scale(1.05); }\n    .sbc-product-wrapper .feature-card-content { padding: 12px 15px; flex-grow: 1; display: flex; flex-direction: column; }\n    .sbc-product-wrapper .feature-card h4 { color: #E3B123; font-size: 1.2em; border: none; padding: 0; margin-bottom: 6px; }\n    .sbc-product-wrapper .feature-card p { font-size: 0.9em; color: #555; margin: 0; line-height: 1.4; }\n\n    \/* Swipe Hint Animation *\/\n    .sbc-product-wrapper .scroll-hint { \n        font-size: 0.85em; color: #E3B123; font-style: italic; text-align: right; \n        margin-bottom: 8px; display: block; font-weight: bold;\n        animation: subtleBounce 2s infinite ease-in-out;\n    }\n    @media (min-width: 992px) { .sbc-product-wrapper .scroll-hint { display: none; } }\n\n    \/* Why Build Matters Grid *\/\n    .sbc-product-wrapper .three-col-grid { display: grid; grid-template-columns: 1fr; gap: 20px; margin-top: 15px; }\n    @media (min-width: 768px) { .sbc-product-wrapper .three-col-grid { grid-template-columns: repeat(3, 1fr); } }\n    .sbc-product-wrapper .tech-proof-card {\n        background: #fff; border: 1px solid #eee; padding: 16px 18px; border-radius: 8px;\n        box-shadow: 0 4px 15px rgba(0,0,0,0.03); transition: transform 0.4s ease;\n        will-change: transform;\n    }\n    .sbc-product-wrapper .tech-proof-card:hover { transform: translateY(-5px); box-shadow: 0 10px 25px rgba(0,0,0,0.08); }\n    .sbc-product-wrapper .tech-proof-card h4 { color: #E3B123; font-size: 1.1em; border: none; padding: 0; margin-bottom: 6px; }\n    .sbc-product-wrapper .tech-proof-card p { font-size: 0.9em; color: #555; margin: 0; line-height: 1.4; }\n\n    \/* Premium Tables \u0026 Sizing *\/\n    .sbc-product-wrapper .sizing-container { display: grid; grid-template-columns: 1fr; align-items: center; gap: 35px; }\n    @media (min-width: 768px) { .sbc-product-wrapper .sizing-container { grid-template-columns: 1fr 1fr; } }\n    .sbc-product-wrapper .sizing-container img { width: 100%; border-radius: 12px; cursor: zoom-in; max-height: 350px; object-fit: contain; box-shadow: 0 4px 15px rgba(0,0,0,0.08); }\n    .sbc-product-wrapper .sizing-table { min-width: 0 !important; }\n\n    .sbc-product-wrapper .table-wrapper { width: 100%; overflow-x: auto; border-radius: 8px; border: 1px solid #ddd; margin-bottom: 25px; box-shadow: 0 4px 10px rgba(0,0,0,0.02); }\n    .sbc-product-wrapper .spec-table { width: 100%; border-collapse: collapse; min-width: 600px; }\n    .sbc-product-wrapper .spec-table.two-col th { width: 35%; }\n    .sbc-product-wrapper .spec-table th { \n        background-color: #f7f8f6; font-weight: 900; text-transform: uppercase; \n        font-size: 0.85em; color: #5f7038; border-left: 4px solid #E3B123; padding: 12px 15px; text-align: left;\n    }\n    .sbc-product-wrapper .spec-table td { padding: 12px 15px; border: 1px solid #eee; font-size: 0.9em; text-align: left; }\n    .sbc-product-wrapper .spec-table tr { transition: background-color 0.2s ease; }\n    .sbc-product-wrapper .spec-table tr:hover td { background-color: #fcfcfc; }\n\n    \/* Accordion Wrapper \u0026 Hover Highlight *\/\n    .sbc-product-wrapper .accordion-wrapper { margin: 40px 0; border-top: 1px solid #eee; }\n    .sbc-product-wrapper details.accordion-item { border-bottom: 1px solid #eee; margin-bottom: 0; overflow: hidden; }\n    .sbc-product-wrapper details.accordion-item summary { \n        padding: 24px 45px 24px 0; font-size: 1.6em; font-weight: 500; color: #1a1a1a;\n        cursor: pointer; position: relative; outline: none; list-style: none; transition: color 0.3s ease; \n    }\n    .sbc-product-wrapper details.accordion-item summary::-webkit-details-marker { display: none; }\n    .sbc-product-wrapper details.accordion-item summary::after {\n        content: ''; position: absolute; right: 15px; top: 50%; width: 12px; height: 12px;\n        border-right: 2px solid #1a1a1a; border-bottom: 2px solid #1a1a1a;\n        transform: translateY(-70%) rotate(45deg); transition: transform 0.3s ease, border-color 0.3s ease;\n    }\n    .sbc-product-wrapper details.accordion-item summary:hover,\n    .sbc-product-wrapper details.accordion-item[open] summary { color: #5f7038; }\n    .sbc-product-wrapper details.accordion-item[open] summary::after { transform: translateY(-30%) rotate(-135deg); border-color: #5f7038; }\n     \n    \/* [CHECKLIST #5] MAIN THREAD OPTIMIZATION *\/\n    .sbc-product-wrapper .accordion-content { \n        padding: 0 0 30px 0; border-top: none; \n        content-visibility: auto; \n        contain-intrinsic-size: auto 500px;\n    }\n\n    \/* Expert Insight *\/\n    .sbc-product-wrapper .expert-insight { background-color: #fdfdfd; border-left: 4px solid #5f7038; padding: 25px; margin: 10px 0 30px 0; border-radius: 4px; box-shadow: 0 2px 10px rgba(0,0,0,0.02); }\n    .sbc-product-wrapper .expert-insight-quote { font-style: italic; font-weight: 500; font-size: 1.15em; color: #1a1a1a; margin: 0 0 12px 0; line-height: 1.5; }\n    .sbc-product-wrapper .expert-insight-attr { font-weight: bold; font-size: 0.85em; color: #5f7038; text-transform: uppercase; letter-spacing: 1px; }\n\n    \/* List Section *\/\n    .sbc-product-wrapper .list-section ul { list-style: none; padding: 0; margin-top: 5px; }\n    .sbc-product-wrapper .list-section li { display: flex; flex-direction: column; padding-left: 35px; position: relative; margin-bottom: 8px; } \n    .sbc-product-wrapper .list-section li::before { content: '★'; position: absolute; left: 0; top: 0; color: #E3B123; font-size: 1.6em; line-height: 1; }\n    .sbc-product-wrapper .list-section .item-title { font-weight: bold; text-transform: uppercase; letter-spacing: 0.5px; color: #2c2c2c; font-size: 0.9em;}\n    .sbc-product-wrapper .list-section .item-desc { font-size: 0.85em; color: #555; }\n     \n    \/* FAQ specific styles *\/\n    .sbc-product-wrapper details.faq-item { border: none; border-bottom: 1px solid #f0f0f0; margin-bottom: 0; }\n    .sbc-product-wrapper details.faq-item:last-child { border-bottom: none; }\n    .sbc-product-wrapper details.faq-item summary { font-size: 1em; font-weight: 600; padding: 18px 45px 18px 0; color: #2c2c2c; }\n    .sbc-product-wrapper details.faq-item summary:hover { color: #5f7038; }\n    .sbc-product-wrapper details.faq-item summary::after { width: 8px; height: 8px; border-right: 2px solid #2c2c2c; border-bottom: 2px solid #2c2c2c; }\n    .sbc-product-wrapper .faq-answer { padding: 0 0 20px 0; font-size: 0.9em; color: #555; line-height: 1.6; margin: 0; }\n\u003c\/style\u003e\n\n\u003cdiv class=\"sbc-product-wrapper\"\u003e\n    \u003cdiv class=\"at-a-glance-bar protected-zone\"\u003e\n        \u003cdiv class=\"glance-container\"\u003e\n            \u003cdiv class=\"glance-item\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0548\/6585\/4538\/files\/bicycle-frame-geometry-specification-svg-icon.png?v=1769495951\u0026amp;format=avif\" alt=\"Frame\" decoding=\"async\" loading=\"lazy\" height=\"36\" width=\"36\"\u003e\u003cspan class=\"glance-title\"\u003eMaterial\u003c\/span\u003e\u003cspan class=\"glance-desc\"\u003eDurable Steel\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"glance-item\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0548\/6585\/4538\/files\/bicycle-drivetrain-gearing-fixed-gear-svg-icon.png?v=1769496081\u0026amp;format=avif\" alt=\"Drive\" decoding=\"async\" loading=\"lazy\" height=\"36\" width=\"36\"\u003e\u003cspan class=\"glance-title\"\u003eDrivetrain\u003c\/span\u003e\u003cspan class=\"glance-desc\"\u003eSingle Speed\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"glance-item\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0548\/6585\/4538\/files\/bicycle-wheel-size-specification-svg-icon.png?v=1769496179\u0026amp;format=avif\" alt=\"Wheels\" decoding=\"async\" loading=\"lazy\" height=\"36\" width=\"36\"\u003e\u003cspan class=\"glance-title\"\u003eWheelset\u003c\/span\u003e\u003cspan class=\"glance-desc\"\u003e27.5\"\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"glance-item\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0548\/6585\/4538\/files\/bicycle-weight-specification-lbs-svg-icon.png?v=1769496274\u0026amp;format=avif\" alt=\"Weight\" decoding=\"async\" loading=\"lazy\" height=\"36\" width=\"36\"\u003e\u003cspan class=\"glance-title\"\u003eWeight\u003c\/span\u003e\u003cspan class=\"glance-desc\"\u003e~30 lbs\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"glance-item\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0548\/6585\/4538\/files\/bicycle-use-type-specification-svg-icon.png?v=1769496364\u0026amp;format=avif\" alt=\"Use\" decoding=\"async\" loading=\"lazy\" height=\"36\" width=\"36\"\u003e\u003cspan class=\"glance-title\"\u003eUtility\u003c\/span\u003e\u003cspan class=\"glance-desc\"\u003eKlunker\u003c\/span\u003e\n            \u003c\/div\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\/0232\/3305\/files\/Klunker-Ultraviolet_Chrome_27.5_-1.jpg?v=1777661917\u0026amp;format=avif\" alt=\"State Bicycle Co. Klunker Ultraviolet \u0026amp; Chrome Hero\" loading=\"eager\" fetchpriority=\"high\" draggable=\"false\" height=\"800\" width=\"1200\"\u003e\n        \u003cdiv class=\"hero-overlay\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"hero-content protected-zone\"\u003e\n            \u003ch2 class=\"shimmer-text\"\u003eState Bicycle Klunker\u003c\/h2\u003e\n            \u003cp class=\"product-subtitle shimmer-text\"\u003eUltraviolet \u0026amp; Chrome Edition. The Official Bike of Good Times.\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\"Less Tech, More Fun.\"\u003c\/p\u003e\n            \u003cp\u003eMeet the ultimate all-terrain ride: the \u003cstrong class=\"description-emphasis\"\u003eState Klunker Bike\u003c\/strong\u003e. This isn't just a retro cruiser; it's a full-send fun machine built on an \u003cstrong class=\"description-emphasis\"\u003eiconic BMX-inspired frame\u003c\/strong\u003e. If you demand the most durable, head-turning \u003cstrong class=\"description-emphasis\"\u003eState Bicycle Klunker\u003c\/strong\u003e, your search ends here. Boasting an \u003cstrong class=\"description-emphasis\"\u003eauthentic 70s mountain cruiser geometry\u003c\/strong\u003e and a \u003cstrong class=\"description-emphasis\"\u003ehigh-quality durable steel build\u003c\/strong\u003e, it confidently leads \u003cstrong class=\"description-emphasis\"\u003ethe original-style bomber frame revolution\u003c\/strong\u003e.\u003c\/p\u003e\n            \u003cp\u003eThink of it as the rugged cousin of a fixie—offering that same \u003cstrong class=\"description-emphasis\"\u003esingle-speed simplicity\u003c\/strong\u003e but built to handle dirt, jumps, and curb-hopping. It is part beach cruiser, part mountain bike, and part BMX, delivering a premium, chill upgrade to the classic beach cruiser experience. If you are searching for the \u003cstrong class=\"description-emphasis\"\u003ebest klunker bike for sale today\u003c\/strong\u003e, this is a statement of effortless style and unyielding durability that's always ready for a good time and a cold drink.\u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"expert-insight protected-zone\"\u003e\n            \u003cp class=\"expert-insight-quote\"\u003e\"The Klunker is our love letter to the origins of mountain biking. By combining the legendary, worry-free fun of a coaster-brake cruiser with aggressive all-terrain tires and a built-in bottle opener, we've created a bike that practically begs to be ridden off the beaten path.\"\u003c\/p\u003e\n            \u003cdiv class=\"expert-insight-attr\"\u003e— State Bicycle Co. Product Team\u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"unbordered-section\"\u003e\n            \u003ch3\u003eSEND IT IF...\u003c\/h3\u003e\n            \u003cdiv class=\"two-col-container\"\u003e\n                \u003cdiv class=\"belcopia-slider\"\u003e\n                    \u003cdiv class=\"belcopia-slide active\"\u003e\u003cimg alt=\"State Bicycle Co. Klunker Lifestyle\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0232\/3305\/files\/Klunker-Ultraviolet_Chrome_27.5_-10.jpg?v=1777662391\u0026amp;format=avif\" decoding=\"async\" loading=\"lazy\" height=\"600\" width=\"800\"\u003e\u003c\/div\u003e\n                    \u003cdiv class=\"belcopia-slide\"\u003e\u003cimg alt=\"State Bicycle Co. Klunker Lifestyle Alternative\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0232\/3305\/files\/Klunker-Ultraviolet_Chrome_27.5_-11.jpg?v=1777662391\u0026amp;format=avif\" decoding=\"async\" loading=\"lazy\" height=\"600\" width=\"800\"\u003e\u003c\/div\u003e\n                    \u003cbutton aria-label=\"Previous Image\" class=\"belcopia-slider-btn belcopia-slider-prev\"\u003e❮\u003c\/button\u003e \u003cbutton aria-label=\"Next Image\" class=\"belcopia-slider-btn belcopia-slider-next\"\u003e❯\u003c\/button\u003e\n                    \u003cdiv aria-label=\"Image Carousel Navigation\" role=\"tablist\" class=\"belcopia-slider-dots\"\u003e\n                        \u003cspan aria-label=\"Slide 1\" role=\"button\" class=\"belcopia-slider-dot active\" tabindex=\"0\"\u003e\u003c\/span\u003e \u003cspan aria-label=\"Slide 2\" role=\"button\" class=\"belcopia-slider-dot\" tabindex=\"0\"\u003e\u003c\/span\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cul class=\"two-col-list\"\u003e\n                    \u003cli\u003eYou believe the primary purpose of a bike is to have a good time.\u003c\/li\u003e\n                    \u003cli\u003eYou want a simple, durable, and stylish bike with zero maintenance headaches.\u003c\/li\u003e\n                    \u003cli\u003eYou love the retro vibe of old-school mountain bikes and BMX cruisers.\u003c\/li\u003e\n                    \u003cli\u003eYou need a fun-loving machine for neighborhood rips and casual trail rides.\u003c\/li\u003e\n                \u003c\/ul\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"unbordered-section\"\u003e\n            \u003ch3\u003eBUILT FOR GOOD TIMES\u003c\/h3\u003e\n            \u003cdiv class=\"two-col-container reverse\"\u003e\n                \u003cdiv class=\"belcopia-slider\"\u003e\n                    \u003cdiv class=\"belcopia-slide active\"\u003e\u003cimg alt=\"Klunker against blue brick wall\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0232\/3305\/files\/Klunker-Ultraviolet_Chrome_27.5_-12.jpg?v=1777662391\u0026amp;format=avif\" decoding=\"async\" loading=\"lazy\" height=\"600\" width=\"800\"\u003e\u003c\/div\u003e\n                    \u003cdiv class=\"belcopia-slide\"\u003e\u003cimg alt=\"Klunker Detail Shot\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0232\/3305\/files\/Klunker-Ultraviolet_Chrome_27.5_-13.jpg?v=1777662395\u0026amp;format=avif\" decoding=\"async\" loading=\"lazy\" height=\"600\" width=\"800\"\u003e\u003c\/div\u003e\n                    \u003cbutton aria-label=\"Previous Image\" class=\"belcopia-slider-btn belcopia-slider-prev\"\u003e❮\u003c\/button\u003e \u003cbutton aria-label=\"Next Image\" class=\"belcopia-slider-btn belcopia-slider-next\"\u003e❯\u003c\/button\u003e\n                    \u003cdiv aria-label=\"Image Carousel Navigation\" role=\"tablist\" class=\"belcopia-slider-dots\"\u003e\n                        \u003cspan aria-label=\"Slide 1\" role=\"button\" class=\"belcopia-slider-dot active\" tabindex=\"0\"\u003e\u003c\/span\u003e \u003cspan aria-label=\"Slide 2\" role=\"button\" class=\"belcopia-slider-dot\" tabindex=\"0\"\u003e\u003c\/span\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv\u003e\n                    \u003ch4\u003eDurable, Simple, and Ready to Rip\u003c\/h4\u003e\n                    \u003cp\u003eThe Klunker is all about carefree fun, and that starts with its construction. Feel the solid, reassuring strength of the \u003cstrong class=\"description-emphasis\"\u003edurable steel frame\u003c\/strong\u003e, built to handle curb hops, dirt paths, and whatever shenanigans you get into.\u003c\/p\u003e\n                    \u003cp\u003eThe wide, 2.3\" mountain bike tires provide a cushioned ride and tenacious grip, letting you float over rough patches. It’s a simple, rugged machine that encourages you to play, explore, and not take things too seriously.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"unbordered-section\"\u003e\n            \u003ch3\u003eOFFICIAL NFL COLLAB\u003c\/h3\u003e\n            \u003cdiv class=\"two-col-container\"\u003e\n                \u003cdiv class=\"belcopia-slider\"\u003e\n                    \u003cdiv class=\"belcopia-slide active\"\u003e\u003cimg alt=\"State Bicycle Co. NFL Klunker Collection\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0548\/6585\/4538\/files\/State_Bicycle_Co._NFL_Collection_-_Klunker_-_New_York_Giants_-Outdoor1.jpg?v=1767074760\u0026amp;format=avif\" decoding=\"async\" loading=\"lazy\" height=\"600\" width=\"800\"\u003e\u003c\/div\u003e\n                    \u003cdiv class=\"belcopia-slide\"\u003e\u003cimg alt=\"State Bicycle Co. NFL Klunker Collection Alternative\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0548\/6585\/4538\/files\/STATENFL-35.jpg?v=1767074711\u0026amp;format=avif\" decoding=\"async\" loading=\"lazy\" height=\"600\" width=\"800\"\u003e\u003c\/div\u003e\n                    \u003cbutton aria-label=\"Previous Image\" class=\"belcopia-slider-btn belcopia-slider-prev\"\u003e❮\u003c\/button\u003e \u003cbutton aria-label=\"Next Image\" class=\"belcopia-slider-btn belcopia-slider-next\"\u003e❯\u003c\/button\u003e\n                    \u003cdiv aria-label=\"Image Carousel Navigation\" role=\"tablist\" class=\"belcopia-slider-dots\"\u003e\n                        \u003cspan aria-label=\"Slide 1\" role=\"button\" class=\"belcopia-slider-dot active\" tabindex=\"0\"\u003e\u003c\/span\u003e \u003cspan aria-label=\"Slide 2\" role=\"button\" class=\"belcopia-slider-dot\" tabindex=\"0\"\u003e\u003c\/span\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv\u003e\n                    \u003ch4\u003eRep Your Team\u003c\/h4\u003e\n                    \u003cp\u003eWant to celebrate your favorite team on gameday? The State Klunker is also available in an official NFL collaboration featuring custom team graphics, colorways, and a built-in bottle opener.\u003c\/p\u003e\n                    \u003cp\u003e\u003ca href=\"https:\/\/www.belcopia.com\/collections\/klunker-bikes\" style=\"color: #5f7038; font-weight: bold; text-decoration: underline;\"\u003eShop the full NFL Klunker Collection here\u003c\/a\u003e and find the ultimate tailgate ride to rep your squad.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"unbordered-section\"\u003e\n            \u003ch3\u003eSEE IT IN ACTION\u003c\/h3\u003e\n            \u003cdiv class=\"two-col-container reverse\"\u003e\n                \u003cdiv aria-label=\"Play Product Video\" role=\"button\" data-video-id=\"DZRREqAYm84\" class=\"video-facade-wrapper\" tabindex=\"0\"\u003e\n                    \u003cimg decoding=\"async\" loading=\"lazy\" height=\"450\" width=\"800\" alt=\"Video Thumbnail\" src=\"https:\/\/i.ytimg.com\/vi_webp\/DZRREqAYm84\/maxresdefault.webp\"\u003e\n                    \u003cdiv class=\"play-button\"\u003e\u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cul class=\"two-col-list\"\u003e\n                    \u003cli\u003eThe ultimate bike for fun and casual cruising.\u003c\/li\u003e\n                    \u003cli\u003eSimple, durable, and virtually maintenance-free.\u003c\/li\u003e\n                    \u003cli\u003eRetro BMX and MTB styling for a unique look.\u003c\/li\u003e\n                    \u003cli\u003ePerfect for neighborhood rides and light trails.\u003c\/li\u003e\n                \u003c\/ul\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"unbordered-section\"\u003e\n            \u003ch3\u003eKEY FEATURES\u003c\/h3\u003e\n            \u003cdiv class=\"scroll-hint\"\u003eSwipe to see more →\u003c\/div\u003e\n            \u003cdiv class=\"features-scroller\"\u003e\n                \u003cdiv class=\"feature-card\"\u003e\n                    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0548\/6585\/4538\/files\/state-bicycle-co-klunker-durable-steel-frame-welds.jpg?v=1772495682\u0026amp;format=avif\" alt=\"Tough-as-Nails Frame\" decoding=\"async\" loading=\"lazy\" height=\"266\" width=\"400\"\u003e\n                    \u003cdiv class=\"feature-card-content\"\u003e\n                        \u003ch4\u003eDurable Steel Frame \u0026amp; Fork\u003c\/h4\u003e\n                        \u003cp\u003eA bombproof foundation that provides a smooth ride and comes with a 5-year warranty for absolute peace of mind.\u003c\/p\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"feature-card\"\u003e\n                    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0548\/6585\/4538\/files\/state-bicycle-co-klunker-bmx-v-bars-vans-grips.jpg?v=1772495682\u0026amp;format=avif\" alt=\"BMX-Style Bars\" decoding=\"async\" loading=\"lazy\" height=\"266\" width=\"400\"\u003e\n                    \u003cdiv class=\"feature-card-content\"\u003e\n                        \u003ch4\u003eBMX Style V-bars \u0026amp; Vans Grips\u003c\/h4\u003e\n                        \u003cp\u003eExtra-wide 30\" bars with a 7\" rise and premium Vans grips give you maximum leverage, total control, and a comfortable, upright riding position.\u003c\/p\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"feature-card\"\u003e\n                    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0548\/6585\/4538\/files\/state-bicycle-co-klunker-knobby-tires-aero-rim.jpg?v=1772495682\u0026amp;format=avif\" alt=\"All-Terrain Tires\" decoding=\"async\" loading=\"lazy\" height=\"266\" width=\"400\"\u003e\n                    \u003cdiv class=\"feature-card-content\"\u003e\n                        \u003ch4\u003eWTB Mountain Bike Tires\u003c\/h4\u003e\n                        \u003cp\u003eWide 2.3\" tires provide excellent cushioning and unyielding grip on a variety of surfaces, from rough pavement to loose dirt.\u003c\/p\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"feature-card\"\u003e\n                    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0548\/6585\/4538\/files\/state-bicycle-co-klunker-coaster-brake-hub-macro.jpg?v=1772495682\u0026amp;format=avif\" alt=\"Coaster Brake\" decoding=\"async\" loading=\"lazy\" height=\"266\" width=\"400\"\u003e\n                    \u003cdiv class=\"feature-card-content\"\u003e\n                        \u003ch4\u003eCoaster Brake\u003c\/h4\u003e\n                        \u003cp\u003eThe ultimate in retro simplicity and low maintenance. Just pedal backward to reliably engage the brake for easy, intuitive stopping.\u003c\/p\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"feature-card\"\u003e\n                    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0232\/3305\/files\/Klunker-Ultraviolet_Chrome_27.5_-9.jpg?v=1777662391\u0026amp;format=avif\" alt=\"Built-in Bottle Opener\" decoding=\"async\" loading=\"lazy\" height=\"266\" width=\"400\"\u003e\n                    \u003cdiv class=\"feature-card-content\"\u003e\n                        \u003ch4\u003eBuilt-in Bottle Opener\u003c\/h4\u003e\n                        \u003cp\u003eBecause some rides end with a refreshing beverage. The most important feature for any tailgate is built right into the frame.\u003c\/p\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"unbordered-section\"\u003e\n            \u003ch3\u003eWHY THIS BUILD MATTERS\u003c\/h3\u003e\n            \u003cdiv class=\"three-col-grid\"\u003e\n                \u003cdiv class=\"tech-proof-card protected-zone\"\u003e\n                    \u003ch4\u003eTailgate King\u003c\/h4\u003e\n                    \u003cp\u003eDesigned from the ground up to be the life of the party. With upright seating, massive tires, and a bottle opener, it dominates the pre-game.\u003c\/p\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"tech-proof-card protected-zone\"\u003e\n                    \u003ch4\u003eBombproof Durability\u003c\/h4\u003e\n                    \u003cp\u003eSteel is real. The durable steel frame and single-speed coaster-brake drivetrain require virtually zero maintenance and can handle years of abuse.\u003c\/p\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"tech-proof-card protected-zone\"\u003e\n                    \u003ch4\u003eGo-Anywhere Versatility\u003c\/h4\u003e\n                    \u003cp\u003eThose aren't just for show. The 27.5\" x 2.3\" WTB Vigilante mountain bike tires allow you to hop curbs, roll over roots, and float across grassy fields effortlessly.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"accordion-wrapper\"\u003e\n            \u003cdetails class=\"accordion-item\"\u003e\n                \u003csummary\u003eTechnical Specifications\u003c\/summary\u003e\n                \u003cdiv class=\"accordion-content\"\u003e\n                    \u003cdiv class=\"table-wrapper protected-zone\"\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 Frame \u0026amp; Fork\u003c\/td\u003e\n                                \u003c\/tr\u003e\n                                \u003ctr\u003e\n                                    \u003cth\u003eFork\u003c\/th\u003e\n                                    \u003ctd\u003eHi-Tensile Steel TIG-Welded, 26\" Unicrown\u003c\/td\u003e\n                                \u003c\/tr\u003e\n                                \u003ctr\u003e\n                                    \u003cth\u003eBottom Bracket\u003c\/th\u003e\n                                    \u003ctd\u003eSealed Bearing Cartridge, JIS Square Taper, English Threaded, 68mm x 103mm\u003c\/td\u003e\n                                \u003c\/tr\u003e\n                                \u003ctr\u003e\n                                    \u003cth\u003eCrankset\u003c\/th\u003e\n                                    \u003ctd\u003eAlloy, 170mm Crank Arm Length\u003c\/td\u003e\n                                \u003c\/tr\u003e\n                                \u003ctr\u003e\n                                    \u003cth\u003eChainring\u003c\/th\u003e\n                                    \u003ctd\u003eSteel, 42T\u003c\/td\u003e\n                                \u003c\/tr\u003e\n                                \u003ctr\u003e\n                                    \u003cth\u003eChain\u003c\/th\u003e\n                                    \u003ctd\u003eKMC Singlespeed Wide\u003c\/td\u003e\n                                \u003c\/tr\u003e\n                                \u003ctr\u003e\n                                    \u003cth\u003eHubs\u003c\/th\u003e\n                                    \u003ctd\u003eCoaster Brake Hub, 22T Cog\u003c\/td\u003e\n                                \u003c\/tr\u003e\n                                \u003ctr\u003e\n                                    \u003cth\u003eWheel Set\u003c\/th\u003e\n                                    \u003ctd\u003e27.5\" Aluminum, 36H\u003c\/td\u003e\n                                \u003c\/tr\u003e\n                                \u003ctr\u003e\n                                    \u003cth\u003eTires\u003c\/th\u003e\n                                    \u003ctd\u003eWTB Vigilante, 27.5\" x 2.3\"\u003c\/td\u003e\n                                \u003c\/tr\u003e\n                                \u003ctr\u003e\n                                    \u003cth\u003eBrakes\u003c\/th\u003e\n                                    \u003ctd\u003eRear Coaster Brake Only (Pedal Backwards to Stop)\u003c\/td\u003e\n                                \u003c\/tr\u003e\n                                \u003ctr\u003e\n                                    \u003cth\u003eHeadset\u003c\/th\u003e\n                                    \u003ctd\u003eNECO 1 1\/8\" Threadless Steel\u003c\/td\u003e\n                                \u003c\/tr\u003e\n                                \u003ctr\u003e\n                                    \u003cth\u003eHandlebars\u003c\/th\u003e\n                                    \u003ctd\u003eV-Bar Hi-Tensile Steel, 7\" Rise, 30\" Wide, Chrome Finish\u003c\/td\u003e\n                                \u003c\/tr\u003e\n                                \u003ctr\u003e\n                                    \u003cth\u003eStem\u003c\/th\u003e\n                                    \u003ctd\u003eAluminum, BMX-Style, Clamp Diameter: 22.2mm, Length: 50mm\u003c\/td\u003e\n                                \u003c\/tr\u003e\n                                \u003ctr\u003e\n                                    \u003cth\u003eSeat Post\u003c\/th\u003e\n                                    \u003ctd\u003eAluminum, Candle Type, Diameter: 25.4mm, Length: 300mm\u003c\/td\u003e\n                                \u003c\/tr\u003e\n                                \u003ctr\u003e\n                                    \u003cth\u003eSeat Post Clamp\u003c\/th\u003e\n                                    \u003ctd\u003eAluminum, Diameter: 28.6mm\u003c\/td\u003e\n                                \u003c\/tr\u003e\n                                \u003ctr\u003e\n                                    \u003cth\u003eSaddle\u003c\/th\u003e\n                                    \u003ctd\u003eRetro-style Leatherette Comfort Saddle, Steel Rails\u003c\/td\u003e\n                                \u003c\/tr\u003e\n                                \u003ctr\u003e\n                                    \u003cth\u003ePedals\u003c\/th\u003e\n                                    \u003ctd\u003ePlastic Platform Pedal\u003c\/td\u003e\n                                \u003c\/tr\u003e\n                                \u003ctr\u003e\n                                    \u003cth\u003eSpokes\u003c\/th\u003e\n                                    \u003ctd\u003e14G Steel\u003c\/td\u003e\n                                \u003c\/tr\u003e\n                                \u003ctr\u003e\n                                    \u003cth\u003eExtras\u003c\/th\u003e\n                                    \u003ctd\u003eFrame-Mounted Bottle Opener Included\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 class=\"accordion-item\"\u003e\n                \u003csummary\u003eSizing Guide\u003c\/summary\u003e\n                \u003cdiv class=\"accordion-content protected-zone\"\u003e\n                    \u003cdiv class=\"sizing-container\"\u003e\n                        \u003cdiv\u003e\u003cimg alt=\"State Bicycle Co. Klunker Sizing Diagram\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0548\/6585\/4538\/files\/state-bicycle-co-klunkers-sizing-guide.jpg?v=1772485416\u0026amp;format=avif\" decoding=\"async\" loading=\"lazy\" height=\"600\" width=\"800\"\u003e\u003c\/div\u003e\n                        \u003cdiv class=\"table-wrapper\"\u003e\n                            \u003ctable class=\"spec-table sizing-table\"\u003e\n                                \u003cthead\u003e\n                                    \u003ctr\u003e\n                                        \u003cth\u003eFrame Size\u003c\/th\u003e\n                                        \u003cth\u003eHeight Recommendations\u003c\/th\u003e\n                                    \u003c\/tr\u003e\n                                \u003c\/thead\u003e\n                                \u003ctbody\u003e\n                                    \u003ctr\u003e\n                                        \u003ctd\u003e\u003cstrong\u003eOne Size Fits Most\u003c\/strong\u003e\u003c\/td\u003e\n                                        \u003ctd\u003e5'4\" to 6'2\"\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\/div\u003e\n            \u003c\/details\u003e\n            \u003cdetails class=\"accordion-item\"\u003e\n                \u003csummary\u003eFrame Geometry\u003c\/summary\u003e\n                \u003cdiv class=\"accordion-content protected-zone\"\u003e\n                    \u003cdiv class=\"table-wrapper\"\u003e\n                        \u003ctable class=\"spec-table two-col\"\u003e\n                            \u003cthead\u003e\n                                \u003ctr\u003e\n                                    \u003cth\u003eMeasurement\u003c\/th\u003e\n                                    \u003cth\u003eOne Size Fits All\u003c\/th\u003e\n                                \u003c\/tr\u003e\n                            \u003c\/thead\u003e\n                            \u003ctbody\u003e\n                                \u003ctr\u003e\n                                    \u003ctd\u003e\u003cstrong\u003eActual Top Tube Length\u003c\/strong\u003e\u003c\/td\u003e\n                                    \u003ctd\u003e457mm\u003c\/td\u003e\n                                \u003c\/tr\u003e\n                                \u003ctr\u003e\n                                    \u003ctd\u003e\u003cstrong\u003eChain Stay Length\u003c\/strong\u003e\u003c\/td\u003e\n                                    \u003ctd\u003e481mm\u003c\/td\u003e\n                                \u003c\/tr\u003e\n                                \u003ctr\u003e\n                                    \u003ctd\u003e\u003cstrong\u003eComplete Bike Weight\u003c\/strong\u003e\u003c\/td\u003e\n                                    \u003ctd\u003e13.8kg \/ 30.4lb\u003c\/td\u003e\n                                \u003c\/tr\u003e\n                                \u003ctr\u003e\n                                    \u003ctd\u003e\u003cstrong\u003eCrank Arm Length\u003c\/strong\u003e\u003c\/td\u003e\n                                    \u003ctd\u003e170mm\u003c\/td\u003e\n                                \u003c\/tr\u003e\n                                \u003ctr\u003e\n                                    \u003ctd\u003e\u003cstrong\u003eFork Offset\u003c\/strong\u003e\u003c\/td\u003e\n                                    \u003ctd\u003e35mm\u003c\/td\u003e\n                                \u003c\/tr\u003e\n                                \u003ctr\u003e\n                                    \u003ctd\u003e\u003cstrong\u003eHead Tube Angle\u003c\/strong\u003e\u003c\/td\u003e\n                                    \u003ctd\u003e69°\u003c\/td\u003e\n                                \u003c\/tr\u003e\n                                \u003ctr\u003e\n                                    \u003ctd\u003e\u003cstrong\u003eHead Tube Length\u003c\/strong\u003e\u003c\/td\u003e\n                                    \u003ctd\u003e140mm\u003c\/td\u003e\n                                \u003c\/tr\u003e\n                                \u003ctr\u003e\n                                    \u003ctd\u003e\u003cstrong\u003eSeat Post Diameter\u003c\/strong\u003e\u003c\/td\u003e\n                                    \u003ctd\u003e25.4mm\u003c\/td\u003e\n                                \u003c\/tr\u003e\n                                \u003ctr\u003e\n                                    \u003ctd\u003e\u003cstrong\u003eSeat Tube\u003c\/strong\u003e\u003c\/td\u003e\n                                    \u003ctd\u003e457mm\u003c\/td\u003e\n                                \u003c\/tr\u003e\n                                \u003ctr\u003e\n                                    \u003ctd\u003e\u003cstrong\u003eSeat Tube Angle\u003c\/strong\u003e\u003c\/td\u003e\n                                    \u003ctd\u003e70°\u003c\/td\u003e\n                                \u003c\/tr\u003e\n                                \u003ctr\u003e\n                                    \u003ctd\u003e\u003cstrong\u003eWheel Base\u003c\/strong\u003e\u003c\/td\u003e\n                                    \u003ctd\u003e1120mm\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 class=\"accordion-item\"\u003e\n                \u003csummary\u003eFrequently Asked Questions\u003c\/summary\u003e\n                \u003cdiv class=\"accordion-content faq-container\"\u003e\n                    \u003cdetails class=\"faq-item\"\u003e\n                        \u003csummary\u003eWhat is a Klunker bike?\u003c\/summary\u003e\n                        \u003cp class=\"faq-answer\"\u003eA Klunker is a glorious mashup of vintage cruiser style, BMX handlebars, and modern mountain bike tires. Originating in the 1970s as the predecessor to mountain bikes, Klunkers are heavily built, incredibly durable, single-speed machines designed for party-pace neighborhood cruising, light trails, and running errands with maximum style.\u003c\/p\u003e\n                    \u003c\/details\u003e\n                    \u003cdetails class=\"faq-item\"\u003e\n                        \u003csummary\u003eDoes the State Bicycle Co. Klunker have gears or hand brakes?\u003c\/summary\u003e\n                        \u003cp class=\"faq-answer\"\u003eNo, the Klunker prioritizes retro simplicity and ultimate durability. It features a single-speed drivetrain (42T chainring to a 22T rear cog) and a classic coaster brake. There are no delicate derailleur gears to tune or hand brake cables to snap—to stop, you simply pedal backward.\u003c\/p\u003e\n                    \u003c\/details\u003e\n                    \u003cdetails class=\"faq-item\"\u003e\n                        \u003csummary\u003eAre Klunker bikes good for trails and off-road riding?\u003c\/summary\u003e\n                        \u003cp class=\"faq-answer\"\u003eYes! While they aren't designed for extreme downhill mountain biking, the Klunker's robust steel frame and aggressive 27.5\" x 2.3\" WTB Vigilante all-terrain tires make them highly capable for gravel paths, dirt trails, and urban exploring over curbs and potholes.\u003c\/p\u003e\n                    \u003c\/details\u003e\n                    \u003cdetails class=\"faq-item\"\u003e\n                        \u003csummary\u003eWhat size rider does the Klunker fit?\u003c\/summary\u003e\n                        \u003cp class=\"faq-answer\"\u003eThe State Bicycle Co. Klunker features a highly adaptable \"One Size Fits Most\" geometry. Thanks to the long seat post and sweeping BMX-style V-bars, the bike comfortably accommodates riders ranging from 5'4\" all the way up to 6'2\".\u003c\/p\u003e\n                    \u003c\/details\u003e\n                    \u003cdetails class=\"faq-item\"\u003e\n                        \u003csummary\u003eWhat accessories come included with the Klunker?\u003c\/summary\u003e\n                        \u003cp class=\"faq-answer\"\u003eEvery Klunker comes ready for a good time right out of the box. Along with the standard platform pedals and comfortable saddle, it famously features a custom bottle opener welded directly onto the seat tube, making it the ultimate tailgate vehicle.\u003c\/p\u003e\n                    \u003c\/details\u003e\n                    \u003cdetails class=\"faq-item\"\u003e\n                        \u003csummary\u003eHow difficult is it to assemble the State Bicycle Co. Klunker?\u003c\/summary\u003e\n                        \u003cp class=\"faq-answer\"\u003eAssembly is incredibly straightforward. Because there are no complicated gear derailleurs or brake cables to route and tune, putting the Klunker together is much simpler than a traditional geared bicycle. It arrives 90% assembled; you primarily just need to attach the front wheel, handlebars, saddle, and pedals.\u003c\/p\u003e\n                    \u003c\/details\u003e\n                \u003c\/div\u003e\n            \u003c\/details\u003e\n            \u003cdetails class=\"accordion-item\"\u003e\n                \u003csummary\u003eWhat's In The Box\u003c\/summary\u003e\n                \u003cdiv class=\"accordion-content list-section\"\u003e\n                    \u003cdiv class=\"two-col-container\" style=\"margin-top: 5px;\"\u003e\n                        \u003cul\u003e\n                            \u003cli\u003e\n                                \u003cspan class=\"item-title\"\u003eState Bicycle Co. Klunker (Ultraviolet \u0026amp; Chrome)\u003c\/span\u003e\u003cspan class=\"item-desc\"\u003eArrives 90% assembled with a durable steel frame.\u003c\/span\u003e\n                            \u003c\/li\u003e\n                            \u003cli\u003e\n                                \u003cspan class=\"item-title\"\u003e27.5\" Wheelset w\/ WTB Vigilante Tires\u003c\/span\u003e\u003cspan class=\"item-desc\"\u003eHeavy-duty wheels wrapped in plush, all-terrain 2.3\" rubber.\u003c\/span\u003e\n                            \u003c\/li\u003e\n                            \u003cli\u003e\n                                \u003cspan class=\"item-title\"\u003eBMX-Style V-Bars \u0026amp; Pedals\u003c\/span\u003e\u003cspan class=\"item-desc\"\u003eWide chrome bars and flat platform pedals for instant cruising.\u003c\/span\u003e\n                            \u003c\/li\u003e\n                            \u003cli\u003e\n                                \u003cspan class=\"item-title\"\u003eFrame-Mounted Bottle Opener\u003c\/span\u003e\u003cspan class=\"item-desc\"\u003ePre-welded to the seat tube to ensure you are always tailgate-ready.\u003c\/span\u003e\n                            \u003c\/li\u003e\n                        \u003c\/ul\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/details\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Lightbox Modal --\u003e\n    \u003cdiv aria-label=\"Image Preview\" aria-modal=\"true\" role=\"dialog\" id=\"belcopia-image-modal\" class=\"belcopia-modal\"\u003e\n        \u003cspan aria-label=\"Close image preview\" role=\"button\" class=\"belcopia-modal-close\" tabindex=\"0\"\u003e×\u003c\/span\u003e \u003cimg class=\"belcopia-modal-content\" id=\"belcopia-modal-img\" alt=\"Feature Preview\" draggable=\"false\" decoding=\"async\" oncontextmenu=\"return false;\"\u003e\n    \u003c\/div\u003e\n\n    \u003cscript\u003e\n        \/\/ [CHECKLIST #14] Smart Event Delegated Lightbox\n        function initSmartLightbox() {\n            const wrapper = document.querySelector('.sbc-product-wrapper');\n            const modal = document.getElementById('belcopia-image-modal');\n            const modalImg = document.getElementById('belcopia-modal-img');\n            const closeBtn = document.querySelector('.belcopia-modal-close');\n\n            if (!wrapper || !modal || !modalImg) return;\n\n            wrapper.addEventListener('click', (e) =\u003e {\n                const zoomableImg = e.target.closest('.two-col-container img:not(.video-facade-wrapper img), .belcopia-slide img, .sizing-container img, .feature-card img');\n                \n                if (zoomableImg) {\n                    e.preventDefault();\n                    modalImg.src = zoomableImg.src; \n                    modal.classList.add('show');\n                    \/\/ [CHECKLIST #15] Lock background scrolling\n                    document.body.style.overflow = 'hidden'; \n                    closeBtn.focus(); \n                }\n            });\n\n            const closeModal = () =\u003e {\n                modal.classList.remove('show');\n                \/\/ [CHECKLIST #15] Purge image memory after fade\n                setTimeout(() =\u003e { modalImg.src = ''; }, 300);\n                document.body.style.overflow = ''; \n            };\n\n            closeBtn.addEventListener('click', closeModal);\n            \n            modal.addEventListener('click', (e) =\u003e {\n                if (e.target === modal) closeModal(); \n            });\n\n            document.addEventListener('keydown', (e) =\u003e {\n                if ((e.key === 'Escape' || e.key === 'Enter') \u0026\u0026 modal.classList.contains('show')) closeModal(); \n            });\n        }\n        \n        \/\/ Multi-Image Carousel Logic\n        function initBelcopiaSliders() {\n            const sliders = document.querySelectorAll('.belcopia-slider');\n            \n            \/\/ [CHECKLIST #16] Intersection Observer to pause sliders off-screen\n            const observer = new IntersectionObserver((entries) =\u003e {\n                entries.forEach(entry =\u003e {\n                    entry.target.dataset.isVisible = entry.isIntersecting ? 'true' : 'false';\n                });\n            }, { threshold: 0.1 });\n\n            sliders.forEach(slider =\u003e {\n                if (slider.dataset.initialized) return;\n                slider.dataset.initialized = true;\n                observer.observe(slider);\n                \n                let slides = slider.querySelectorAll('.belcopia-slide');\n                let dots = slider.querySelectorAll('.belcopia-slider-dot');\n                let currentIndex = 0;\n                let interval;\n\n                function showSlide(index) {\n                    slides[currentIndex].classList.remove('active');\n                    if(dots.length \u003e 0) dots[currentIndex].classList.remove('active');\n                    currentIndex = (index + slides.length) % slides.length;\n                    slides[currentIndex].classList.add('active');\n                    if(dots.length \u003e 0) dots[currentIndex].classList.add('active');\n                }\n\n                function nextSlide() { \n                    if (slider.dataset.isVisible === 'true') {\n                        showSlide(currentIndex + 1); \n                    }\n                }\n\n                slider.querySelector('.belcopia-slider-next').addEventListener('click', (e) =\u003e { e.preventDefault(); showSlide(currentIndex + 1); resetInterval(); });\n                slider.querySelector('.belcopia-slider-prev').addEventListener('click', (e) =\u003e { e.preventDefault(); showSlide(currentIndex - 1); resetInterval(); });\n                \n                dots.forEach((dot, idx) =\u003e {\n                    dot.addEventListener('click', (e) =\u003e { e.preventDefault(); showSlide(idx); resetInterval(); });\n                });\n\n                function startInterval() {\n                    interval = setInterval(nextSlide, 5000); \n                }\n                function resetInterval() {\n                    clearInterval(interval);\n                    startInterval();\n                }\n                startInterval();\n            });\n        }\n\n        \/\/ [CHECKLIST #1] Video Facade Initialization\n        function initVideoFacades() {\n            const facades = document.querySelectorAll('.video-facade-wrapper');\n            facades.forEach(facade =\u003e {\n                const loadVideo = () =\u003e {\n                    const videoId = facade.getAttribute('data-video-id');\n                    facade.innerHTML = `\u003ciframe width=\"100%\" height=\"100%\" src=\"https:\/\/www.youtube.com\/embed\/${videoId}?autoplay=1\" title=\"Product Video\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen\u003e\u003c\/iframe\u003e`;\n                };\n                facade.addEventListener('click', loadVideo, { once: true });\n                facade.addEventListener('keydown', (e) =\u003e { \n                    if (e.key === 'Enter' || e.key === ' ') { \n                        e.preventDefault(); \n                        loadVideo(); \n                    }\n                }, { once: true });\n            });\n        }\n\n        \/\/ [CHECKLIST #9] App Audit \/ Script Delayer\n        let interactionFired = false;\n        function loadDeferredScripts() {\n            if (interactionFired) return;\n            interactionFired = true;\n            \n            \/\/ Deferred 3rd Party Scripts load here!\n            ['scroll', 'mousemove', 'touchstart', 'keydown'].forEach(event =\u003e {\n                window.removeEventListener(event, loadDeferredScripts);\n            });\n        }\n\n        \/\/ [CHECKLIST #18] Link Prefetching (Predictive Loading) via Speculation Rules\n        let prefetchCache = new Set();\n        function initPrefetcher() {\n            if (HTMLScriptElement.supports \u0026\u0026 HTMLScriptElement.supports('speculationrules')) {\n                const specScript = document.createElement('script');\n                specScript.type = 'speculationrules';\n                specScript.textContent = JSON.stringify({\n                    prerender: [{\n                        source: \"document\",\n                        where: { and: [{ href_matches: \"\/*\" }, { not: { href_matches: [\"\/cart*\", \"\/checkout*\"] } }] },\n                        eagerness: \"moderate\" \n                    }]\n                });\n                document.head.appendChild(specScript);\n                return; \n            }\n\n            \/\/ Fallback Hover-Prefetcher\n            document.addEventListener('mouseover', (e) =\u003e {\n                const link = e.target.closest('a');\n                if (link \u0026\u0026 link.href \u0026\u0026 link.origin === window.location.origin) {\n                    if (!prefetchCache.has(link.href) \u0026\u0026 !link.href.includes('\/cart') \u0026\u0026 !link.href.includes('\/checkout')) {\n                        link.prefetchTimeout = setTimeout(() =\u003e {\n                            const prefetchTag = document.createElement('link');\n                            prefetchTag.rel = 'prefetch';\n                            prefetchTag.href = link.href;\n                            document.head.appendChild(prefetchTag);\n                            prefetchCache.add(link.href);\n                        }, 65);\n                    }\n                }\n            });\n\n            document.addEventListener('mouseout', (e) =\u003e {\n                const link = e.target.closest('a');\n                if (link \u0026\u0026 link.prefetchTimeout) {\n                    clearTimeout(link.prefetchTimeout);\n                }\n            });\n        }\n\n        \/\/ Initialize Everything\n        if (document.readyState === 'loading') {\n            document.addEventListener('DOMContentLoaded', () =\u003e {\n                initBelcopiaSliders();\n                initSmartLightbox();\n                initVideoFacades();\n                \/\/ [CHECKLIST #17] Wait for browser to be completely idle before setting up prefetcher\n                if ('requestIdleCallback' in window) {\n                    requestIdleCallback(initPrefetcher);\n                } else {\n                    setTimeout(initPrefetcher, 200);\n                }\n            });\n        } else {\n            initBelcopiaSliders();\n            initSmartLightbox();\n            initVideoFacades();\n            if ('requestIdleCallback' in window) {\n                requestIdleCallback(initPrefetcher);\n            } else {\n                setTimeout(initPrefetcher, 200);\n            }\n        }\n\n        \/\/ Listen for user intent to trigger deferred scripts\n        ['scroll', 'mousemove', 'touchstart', 'keydown'].forEach(event =\u003e {\n            window.addEventListener(event, loadDeferredScripts, { passive: true });\n        });\n    \u003c\/script\u003e\n\u003c\/div\u003e\n","brand":"State Bicycle Co.","offers":[{"title":"Default Title","offer_id":43708999794762,"sku":null,"price":420.69,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0548\/6585\/4538\/files\/Klunker-Ultraviolet_Chrome_27.5_-1.jpg?v=1781587612","url":"https:\/\/www.belcopia.com\/products\/klunker-ultraviolet-chrome-27-5","provider":"Belcopia","version":"1.0","type":"link"}