{"product_id":"state-bicycle-co-x-free-easy-dont-trip-klunker-frame-bag","title":"State Bicycle Co. x Free \u0026 Easy - Don't Trip Klunker Frame Bag","description":"\u003cstyle\u003e\n.acc-product-wrapper {\n    font-family: 'Trebuchet MS', Arial, sans-serif;\n    line-height: 1.6; color: #333; background-color: #fff;\n}\n.acc-product-wrapper a { color: #5f7038; text-decoration: underline; font-weight: 600; }\n.acc-product-wrapper a:hover { color: #E3B123; }\n\n\/* Compatibility Banner *\/\n.acc-product-wrapper .acc-compat-banner {\n    background: #f5f5f0; border-left: 4px solid #5f7038;\n    padding: 14px 18px; margin-bottom: 24px; border-radius: 4px;\n}\n.acc-product-wrapper .acc-compat-label {\n    font-size: 13px; color: #5f7038; font-weight: 600;\n    text-transform: uppercase; letter-spacing: 0.5px;\n}\n.acc-product-wrapper .acc-compat-fits {\n    font-size: 15px; color: #333; margin-top: 4px;\n}\n\n\/* Quick Specs Bar *\/\n.acc-product-wrapper .at-a-glance-bar {\n    background-color: #212121; color: #fff; padding: 12px 10px;\n    margin-bottom: 24px; border-radius: 4px;\n}\n.acc-product-wrapper .glance-container {\n    display: flex; justify-content: space-around;\n    text-align: center; max-width: 800px; margin: 0 auto;\n    flex-wrap: wrap; gap: 15px;\n}\n.acc-product-wrapper .glance-item {\n    display: flex; flex-direction: column; align-items: center; gap: 4px;\n    font-size: 0.8em; min-width: 90px; padding: 6px 0;\n}\n.acc-product-wrapper .glance-title { font-weight: bold; text-transform: uppercase; font-size: 0.9em; letter-spacing: 0.5px; }\n\n\/* Key Features *\/\n.acc-product-wrapper .acc-features {\n    margin-bottom: 24px; padding: 0;\n}\n.acc-product-wrapper .acc-features h3 {\n    font-size: 1.4em; font-weight: bold; color: #5f7038;\n    border-bottom: 2px solid #eee; padding-bottom: 8px;\n    margin-bottom: 16px; text-transform: uppercase;\n}\n.acc-product-wrapper .acc-features ul { list-style: none; padding: 0; margin: 0; }\n.acc-product-wrapper .acc-features li {\n    display: flex; align-items: flex-start; margin-bottom: 12px;\n    padding-left: 30px; position: relative; font-size: 0.95em;\n}\n.acc-product-wrapper .acc-features li::before {\n    content: '\\2713'; position: absolute; left: 0; top: 0;\n    color: #E3B123; font-size: 1.4em; line-height: 1; font-weight: 900;\n}\n\n\/* Accordion *\/\n.acc-product-wrapper .accordion-wrapper {\n    margin: 20px 0; border-top: 1px solid #eee;\n}\n.acc-product-wrapper details.accordion-item {\n    border-bottom: 1px solid #eee; margin-bottom: 0; overflow: hidden;\n}\n.acc-product-wrapper details.accordion-item summary {\n    padding: 18px 40px 18px 0; font-size: 1.2em; font-weight: 600;\n    color: #1a1a1a; cursor: pointer; position: relative;\n    outline: none; list-style: none; transition: color 0.3s ease;\n}\n.acc-product-wrapper details.accordion-item summary::-webkit-details-marker { display: none; }\n.acc-product-wrapper details.accordion-item summary::after {\n    content: ''; position: absolute; right: 12px; top: 50%; width: 10px; height: 10px;\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.acc-product-wrapper details.accordion-item summary:hover,\n.acc-product-wrapper details.accordion-item[open] summary { color: #5f7038; }\n.acc-product-wrapper details.accordion-item[open] summary::after {\n    transform: translateY(-30%) rotate(-135deg); border-color: #5f7038;\n}\n.acc-product-wrapper .accordion-content { padding: 0 0 24px 0; }\n\n\/* Spec Table *\/\n.acc-product-wrapper .table-wrapper {\n    width: 100%; overflow-x: auto; border-radius: 8px;\n    border: 1px solid #ddd; margin-bottom: 16px;\n}\n.acc-product-wrapper .spec-table { width: 100%; border-collapse: collapse; }\n.acc-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;\n    padding: 10px 14px; text-align: left; width: 35%;\n}\n.acc-product-wrapper .spec-table td {\n    padding: 10px 14px; border: 1px solid #eee; font-size: 0.9em; text-align: left;\n}\n.acc-product-wrapper .spec-table tr:hover td { background-color: #fcfcfc; }\n\n\/* FAQ *\/\n.acc-product-wrapper details.faq-item {\n    border: none; border-bottom: 1px solid #f0f0f0; margin-bottom: 0;\n}\n.acc-product-wrapper details.faq-item:last-child { border-bottom: none; }\n.acc-product-wrapper details.faq-item summary {\n    font-size: 1em; font-weight: 600; padding: 16px 40px 16px 0; color: #2c2c2c;\n}\n.acc-product-wrapper details.faq-item summary:hover { color: #5f7038; }\n.acc-product-wrapper details.faq-item summary::after {\n    width: 8px; height: 8px; border-right: 2px solid #2c2c2c; border-bottom: 2px solid #2c2c2c;\n}\n.acc-product-wrapper .faq-answer {\n    padding: 0 0 18px 0; font-size: 0.9em; color: #555; line-height: 1.6; margin: 0;\n}\n.acc-product-wrapper .faq-answer a { color: #5f7038; }\n\n\/* Intro Paragraph *\/\n.acc-product-wrapper .acc-intro {\n    margin-bottom: 24px; padding: 0;\n}\n.acc-product-wrapper .acc-intro p {\n    font-size: 1em; line-height: 1.7; color: #333; margin: 0;\n}\n\n\/* Lifestyle Gallery Row *\/\n.acc-product-wrapper .acc-gallery {\n    display: flex; gap: 16px; margin-bottom: 28px; justify-content: center;\n}\n.acc-product-wrapper .acc-gallery-card {\n    flex: 0 1 45%; max-width: 45%;\n    border: 1px solid #e0e0e0; border-radius: 10px;\n    overflow: hidden; background: #fafafa;\n    box-shadow: 0 2px 8px rgba(0,0,0,0.06);\n    transition: box-shadow 0.3s ease, transform 0.2s ease;\n}\n.acc-product-wrapper .acc-gallery-card:hover {\n    box-shadow: 0 4px 16px rgba(0,0,0,0.10);\n    transform: translateY(-2px);\n}\n.acc-product-wrapper .acc-gallery-card img {\n    width: 100%; display: block; object-fit: cover; aspect-ratio: 4\/3;\n}\n@media (max-width: 680px) {\n    .acc-product-wrapper .acc-gallery { flex-direction: column; align-items: center; }\n    .acc-product-wrapper .acc-gallery-card { flex: none; max-width: 85%; }\n}\n\n\/* Flat Sections (specs, FAQ, box — no accordion) *\/\n.acc-product-wrapper .acc-section {\n    margin-bottom: 24px; padding: 0;\n}\n.acc-product-wrapper .acc-section h3 {\n    font-size: 1.2em; font-weight: 700; color: #5f7038;\n    border-bottom: 2px solid #eee; padding-bottom: 8px;\n    margin-bottom: 16px; text-transform: uppercase;\n}\n.acc-product-wrapper .faq-pair {\n    margin-bottom: 16px; padding-bottom: 16px; border-bottom: 1px solid #f0f0f0;\n}\n.acc-product-wrapper .faq-pair:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }\n.acc-product-wrapper .faq-q {\n    font-weight: 600; font-size: 0.95em; color: #1a1a1a; margin: 0 0 6px 0;\n}\n.acc-product-wrapper .faq-a {\n    font-size: 0.9em; color: #555; line-height: 1.6; margin: 0;\n}\n.acc-product-wrapper .faq-a a { color: #5f7038; }\n\n\/* What's In The Box *\/\n.acc-product-wrapper .list-section ul { list-style: none; padding: 0; margin: 0; }\n.acc-product-wrapper .list-section li {\n    padding-left: 30px; position: relative; margin-bottom: 8px; font-size: 0.95em;\n}\n.acc-product-wrapper .list-section li::before {\n    content: '\\2713'; position: absolute; left: 0; top: 0;\n    color: #E3B123; font-size: 1.4em; line-height: 1; font-weight: 900;\n}\n\u003c\/style\u003e\u003cdiv class=\"acc-product-wrapper\"\u003e\n\u003cdiv class=\"acc-compat-banner\"\u003e\n\u003cdiv class=\"acc-compat-label\"\u003eCollab Edition\u003c\/div\u003e\n\u003cdiv class=\"acc-compat-fits\"\u003eCompatible With: Custom-tailored to the State Bicycle Co. Klunker; also works on most frames as a top-tube wedge bag.\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"at-a-glance-bar\"\u003e\u003cdiv class=\"glance-container\"\u003e\n\u003cdiv class=\"glance-item\"\u003e\n\u003cspan class=\"glance-title\"\u003eCategory\u003c\/span\u003e\u003cspan\u003eAccessories\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"glance-item\"\u003e\n\u003cspan class=\"glance-title\"\u003eCapacity\u003c\/span\u003e\u003cspan\u003e3.12 Liters\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"glance-item\"\u003e\n\u003cspan class=\"glance-title\"\u003eFits\u003c\/span\u003e\u003cspan\u003eState Klunker\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"glance-item\"\u003e\n\u003cspan class=\"glance-title\"\u003eBrand\u003c\/span\u003e\u003cspan\u003eState Bicycle Co.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"acc-intro\"\u003e\u003cp\u003eThe State Bicycle Co. x Free \u0026amp; Easy version of the 3.12-liter Klunker frame bag. The waterproof shell fades from deep orange at the nose through cream to seafoam teal at the tail, with an embroidered navy “Don’t Trip” script on the side. It is the bag that ships on the Free \u0026amp; Easy Klunker collab, sold on its own so you can put it on any Klunker. Dual easy-pull zippers, a hydration-pack port and paracord lacing along the top edge.\u003c\/p\u003e\u003c\/div\u003e\n\u003cdiv class=\"acc-gallery\"\u003e\n\u003cdiv class=\"acc-gallery-card\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0232\/3305\/files\/StateBicycleCo.xFree_Easy-OGKlunker_BagCombo_27.5_-2_0e1e15e4-0592-4b32-9dfd-053cb3956f21.jpg\" alt=\"Don't Trip frame bag fitted inside the front triangle of a yellow-to-teal fade State Klunker, side view\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"acc-gallery-card\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0232\/3305\/files\/StateBicycleCo.xFree_Easy-OGKlunker_BagCombo_27.5_-3_1c4929c4-c1de-4b9c-91d8-90536260d99a.jpg\" alt=\"Close-up of the Don't Trip frame bag strapped to a State Klunker top tube and head tube\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"acc-features\"\u003e\n\u003ch3\u003eKey Features\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eOrange-to-teal sunset fade with embroidered “Don’t Trip” script\u003c\/li\u003e\n\u003cli\u003e3.12-liter capacity, custom-fitted to the State Bicycle Co. Klunker\u003c\/li\u003e\n\u003cli\u003e100% waterproof material with a durable nylon liner\u003c\/li\u003e\n\u003cli\u003eWater-resistant zipper tape and slider, easy-pull zippers for access while riding\u003c\/li\u003e\n\u003cli\u003eHydration-pack port included\u003c\/li\u003e\n\u003cli\u003eHook-and-loop straps, heavy-duty paracord laces and multiple mounting points for a snug fit\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"acc-section\"\u003e\n\u003ch3\u003eSpecifications\u003c\/h3\u003e\n\u003cdiv class=\"table-wrapper\"\u003e\u003ctable class=\"spec-table\"\u003e\u003ctbody\u003e\n\u003ctr\u003e\n\u003cth\u003eColour\u003c\/th\u003e\n\u003ctd\u003eOrange, cream and teal fade\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eCapacity\u003c\/th\u003e\n\u003ctd\u003e3.12 Liters\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eDimensions\u003c\/th\u003e\n\u003ctd\u003eW 52 x H 8 x D 6 cm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eShell\u003c\/th\u003e\n\u003ctd\u003eWaterproof durable shell\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eLiner\u003c\/th\u003e\n\u003ctd\u003eDurable nylon liner\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eZippers\u003c\/th\u003e\n\u003ctd\u003eEasy-pull, water-resistant zipper tape and slider\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eMounting\u003c\/th\u003e\n\u003ctd\u003eHook-and-loop straps, paracord laces, multiple mounting points\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eFit\u003c\/th\u003e\n\u003ctd\u003eCustom-fit to the State Bicycle Co. Klunker (also fits most frames as a top-tube bag)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\u003c\/table\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"acc-section\"\u003e\n\u003ch3\u003eFrequently Asked Questions\u003c\/h3\u003e\n\u003cdiv class=\"faq-pair\"\u003e\n\u003cp class=\"faq-q\"\u003eWill this fit a bike other than the State Klunker?\u003c\/p\u003e\n\u003cp class=\"faq-a\"\u003eIt is cut for the State Bicycle Co. Klunker, but the slim wedge profile mounts to most frames as a top-tube bag.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"State Bicycle Co.","offers":[{"title":"Default Title","offer_id":50541606699082,"sku":"796201652406","price":45.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0548\/6585\/4538\/files\/StateBicycleCo.xFree_Easy-_Don_tTrip_KlunkerFrameBag-1.jpg?v=1790221611","url":"https:\/\/www.belcopia.com\/products\/state-bicycle-co-x-free-easy-dont-trip-klunker-frame-bag","provider":"Belcopia Bikes","version":"1.0","type":"link"}