{"title":"YES. Bindings","description":"","products":[{"product_id":"conda-binding-2025","title":"Conda Binding","description":"\u003cdiv style=\"max-width: 800px; margin: 0 auto; font-family: -apple-system, BlinkMacSystemFont, sans-serif;\"\u003e\n\u003cdetails open=\"\" style=\"border-bottom: 1px solid #000000; padding: 1rem 0; transition: all 0.2s ease;\"\u003e\n\u003csummary style=\"display: flex; justify-content: space-between; align-items: center; list-style: none; cursor: pointer; font-weight: 500; font-size: 1.5rem; padding: 0.5rem 0;\"\u003e\u003cspan\u003e\u003cstrong\u003eConda Binding\u003c\/strong\u003e\u003c\/span\u003e\u003cspan style=\"font-size: 1.5rem; transition: transform 0.2s ease;\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv style=\"padding: 1rem 0 0.5rem; color: #000; line-height: 1.6;\"\u003e\n\u003cp\u003e\u003cspan\u003eFreeride Queen. Long live the Freeride Queen! The Conda is the perfect match for our hard-charging freeriding queens out there.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails style=\"border-bottom: 1px solid #000000; padding: 1rem 0; transition: all 0.2s ease;\"\u003e\n\u003csummary style=\"display: flex; justify-content: space-between; align-items: center; list-style: none; cursor: pointer; font-weight: 500; font-size: 1.5rem; padding: 0.5rem 0;\"\u003e\u003cspan\u003e\u003cstrong\u003eFeatures\u003c\/strong\u003e\u003c\/span\u003e \u003cspan style=\"font-size: 1.5rem; transition: transform 0.2s ease;\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv style=\"padding: 1rem 0 0.5rem; color: #000; line-height: 1.6;\"\u003e\n\u003cul\u003e\n\u003cli\u003eSkate-Tech\u003c\/li\u003e\n\u003cli\u003eFlushcup Technology\u003c\/li\u003e\n\u003cli\u003eHanger 3.0 is Nylon with 30% Glass Fiber\u003c\/li\u003e\n\u003cli\u003eAsym FRS strap\u003c\/li\u003e\n\u003cli\u003eNylon with glass fiber buckle levers\u003c\/li\u003e\n\u003cli\u003eWMN’S pro grip toe strap\u003c\/li\u003e\n\u003cli\u003eTool-less adjuster straps\u003c\/li\u003e\n\u003cli\u003eAsym FR highback\u003cbr\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003chr\u003e\n\u003cp\u003e\u003cstrong\u003ePerformance\u003c\/strong\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eFreestyle\u003c\/li\u003e\n\u003cli\u003eAll Mountain\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cstrong\u003eCompatibility:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e4X4\u003c\/li\u003e\n\u003cli\u003eChannel\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003chr\u003e\n\u003cp\u003e\u003cstrong\u003eFlex: 7\/10\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003ePerfectly symmetrical shape for balanced riding, equally versatile both when used regular and when used in switch. Great balance between feline stability and freestyle mobility, no matter which way you point it.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/2026-Snow-Charts.png?v=1750867933\" alt=\"\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Yes","offers":[{"title":"Black \/ S \/ Womens","offer_id":44079866871996,"sku":"YES51W005003","price":209.95,"currency_code":"CAD","in_stock":false},{"title":"Black \/ M \/ Womens","offer_id":44079866904764,"sku":"YES51W005004","price":209.95,"currency_code":"CAD","in_stock":true},{"title":"Rosewood \/ S \/ Womens","offer_id":44079866937532,"sku":"YES51W006003","price":209.95,"currency_code":"CAD","in_stock":false},{"title":"Rosewood \/ M \/ Womens","offer_id":44079866970300,"sku":"YES51W006004","price":209.95,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/YES51W006_a5c5a982-5286-4edf-8939-1c1241871ee3.png?v=1743704766"},{"product_id":"uninc-binding-2025","title":"Uninc Binding","description":"\u003cdiv style=\"max-width: 800px; margin: 0 auto; font-family: -apple-system, BlinkMacSystemFont, sans-serif;\"\u003e\n\u003cdetails style=\"border-bottom: 1px solid #000000; padding: 1rem 0; transition: all 0.2s ease;\" open=\"\"\u003e\n\u003csummary style=\"display: flex; justify-content: space-between; align-items: center; list-style: none; cursor: pointer; font-weight: 500; font-size: 1.5rem; padding: 0.5rem 0;\"\u003e\u003cspan\u003e\u003cstrong\u003eUninc Binding\u003c\/strong\u003e\u003c\/span\u003e\u003cspan style=\"font-size: 1.5rem; transition: transform 0.2s ease;\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv style=\"padding: 1rem 0 0.5rem; color: #000; line-height: 1.6;\"\u003e\n\u003cp\u003e\u003cspan\u003eYou can’t kill the pig, the founders of YES have selected this binding to be their go to binding.Knowing your past allows you to understand your present, these YES UnInc bindings do not holdback just like the founders didn’t. TEST\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails style=\"border-bottom: 1px solid #000000; padding: 1rem 0; transition: all 0.2s ease;\"\u003e\n\u003csummary style=\"display: flex; justify-content: space-between; align-items: center; list-style: none; cursor: pointer; font-weight: 500; font-size: 1.5rem; padding: 0.5rem 0;\"\u003e\u003cspan\u003e\u003cstrong\u003eFeatures\u003c\/strong\u003e\u003c\/span\u003e \u003cspan style=\"font-size: 1.5rem; transition: transform 0.2s ease;\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv style=\"padding: 1rem 0 0.5rem; color: #000; line-height: 1.6;\"\u003e\n\u003cul\u003e\n\u003cli\u003eSkate Tech\u003c\/li\u003e\n\u003cli\u003eFlushcup Technology\u003c\/li\u003e\n\u003cli\u003eHanger 3.0 is Nylon with 30% Fiberglass\u003c\/li\u003e\n\u003cli\u003eHyperfuse II Strap\u003c\/li\u003e\n\u003cli\u003eCanted 2.0 Footpillow\u003c\/li\u003e\n\u003cli\u003e3D Pro grip toe strap\u003c\/li\u003e\n\u003cli\u003etool-less adjuster stra[\u003c\/li\u003e\n\u003cli\u003eFreestyle Highback\u003cbr\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003chr\u003e\n\u003cp\u003e\u003cstrong\u003ePerformance\u003c\/strong\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eFreestyle\u003c\/li\u003e\n\u003cli\u003eAll Mountain\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cstrong\u003eCompatibility:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e4X4\u003c\/li\u003e\n\u003cli\u003eChannel\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003chr\u003e\n\u003cp\u003e\u003cstrong\u003eFlex: 6\/10\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003ePerfectly symmetrical shape for balanced riding, equally versatile both when used regular and when used in switch. Great balance between feline stability and freestyle mobility, no matter which way you point it.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/2026-Snow-Charts.png?v=1750867933\" alt=\"\"\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Yes","offers":[{"title":"Black\/Blue \/ S \/ Mens","offer_id":44079867035836,"sku":"YES51M026003","price":239.95,"currency_code":"CAD","in_stock":true},{"title":"Black\/Blue \/ M \/ Mens","offer_id":44079867068604,"sku":"YES51M026004","price":239.95,"currency_code":"CAD","in_stock":false},{"title":"Black\/Blue \/ L \/ Mens","offer_id":44079867101372,"sku":"YES51M026005","price":239.95,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/YES51M026_2cae80f5-1c1a-4e69-9dab-8837e4023e0a.png?v=1743704765"},{"product_id":"yes-mens-airmaster-xtrm-binding-black-winter-2026","title":"Airmaster XTRM Binding","description":"\u003cbody\u003e\n\n\n    \u003cmeta charset=\"UTF-8\"\u003e\n    \u003cmeta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\u003e\n    \u003ctitle\u003eAirmaster XTRM Binding\u003c\/title\u003e\n    \u003cstyle\u003e\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n        }\n        \n        body {\n            background-color: #f8fafc;\n            color: #334155;\n            line-height: 1.6;\n            padding: 2rem 1rem;\n            font-size: 1.3rem;\n        }\n        \n        .container {\n            max-width: 1250px;\n            margin: 0 auto;\n            background: white;\n            border-radius: 16px;\n            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);\n            overflow: hidden;\n        }\n        \n        .product-header {\n            padding: 2rem 2rem 1rem;\n            background: linear-gradient(135deg, #fef2f2 0%, #fecaca 50%, #fca5a5 100%);\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .product-title {\n            font-size: 3rem;\n            font-weight: 800;\n            margin-bottom: 0.5rem;\n            color: #1e293b;\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            display: inline-block;\n            cursor: pointer;\n            position: relative;\n            z-index: 2;\n        }\n        \n        .product-subtitle {\n            font-size: 1.5rem;\n            color: #64748b;\n            font-weight: 400;\n            position: relative;\n            z-index: 2;\n        }\n        \n        .details-container {\n            padding: 0;\n        }\n        \n        .detail-item {\n            border-bottom: 1px solid #e2e8f0;\n            transition: all 0.3s ease;\n        }\n        \n        .detail-item:last-child {\n            border-bottom: none;\n        }\n        \n        .detail-summary {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            padding: 1.5rem 2rem;\n            cursor: pointer;\n            list-style: none;\n            font-weight: 600;\n            font-size: 1.7rem;\n            transition: background-color 0.2s ease;\n        }\n        \n        .detail-summary:hover {\n            background-color: #fef2f2;\n        }\n        \n        .detail-summary::-webkit-details-marker {\n            display: none;\n        }\n        \n        .detail-icon {\n            font-size: 1.7rem;\n            transition: transform 0.3s ease;\n            color: #64748b;\n        }\n        \n        .detail-item[open] .detail-icon {\n            transform: rotate(45deg);\n        }\n        \n        .detail-content {\n            padding: 0 2rem 1.5rem;\n            color: #475569;\n            line-height: 1.7;\n            font-size: 1.4rem;\n        }\n        \n        .features-grid {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 1rem;\n            margin-top: 1rem;\n        }\n        \n        .feature {\n            padding: 1.25rem;\n            background: #f8fafc;\n            border-radius: 12px;\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            border: 1px solid transparent;\n            height: fit-content;\n        }\n        \n        .feature:hover {\n            transform: translateY(-3px);\n            box-shadow: 0 6px 16px rgba(239, 68, 68, 0.2);\n            border-color: #fecaca;\n        }\n        \n        .feature-content h3 {\n            font-size: 1.5rem;\n            color: #1e293b;\n            margin-bottom: 0.5rem;\n            font-weight: 600;\n        }\n        \n        .feature-content p {\n            color: #64748b;\n            font-size: 1.4rem;\n            line-height: 1.6;\n        }\n        \n        .feature-content ul {\n            color: #64748b;\n            font-size: 1.4rem;\n            line-height: 1.6;\n            padding-left: 1.25rem;\n        }\n        \n        .feature-content li {\n            margin-bottom: 0.25rem;\n        }\n\n        \/* Rating Bars *\/\n        .rating-container {\n            margin: 0.5rem 0;\n            padding: 1rem;\n            background: #f8fafc;\n            border-radius: 12px;\n            transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n        }\n        \n        .rating-details {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            margin-bottom: 0.5rem;\n            font-size: 1.4rem;\n        }\n        \n        .rating-details_title {\n            font-weight: 600;\n            color: #1e293b;\n        }\n        \n        .rating-indicator {\n            display: flex;\n            margin-bottom: 0.25rem;\n            padding: 0;\n            list-style: none;\n            width: 100%;\n            position: relative;\n            height: 22px;\n        }\n        \n        .rating-indicator_item {\n            height: 16px;\n            flex: 1;\n            background-color: #e2e8f0;\n            margin-right: 1px;\n            border-radius: 3px;\n            transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            transform-origin: left center;\n            position: relative;\n            overflow: hidden;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-weight: 600;\n            font-size: 1rem;\n            text-shadow: 0 1px 2px rgba(0,0,0,0.3);\n        }\n        \n        .rating-indicator_item {\n            color: transparent;\n        }\n        \n        .rating-indicator_item.active-rating {\n            color: white;\n        }\n        \n        .rating-indicator_item:first-child:not(.active-rating),\n        .rating-indicator_item:last-child:not(.active-rating) {\n            color: #64748b;\n            font-size: 0.9rem;\n        }\n        \n        .skill-rating-item .rating-indicator_item {\n            color: transparent;\n            font-size: 1.1rem;\n            border: 1px solid #cbd5e1;\n        }\n        \n        .skill-rating-item .rating-indicator_item.active-rating {\n            color: white;\n            border: 2px solid #1e293b;\n        }\n        \n        .skill-rating-item .rating-indicator_item.m-selected:nth-child(1) { \n            background-color: #fecaca !important;\n        }\n        .skill-rating-item .rating-indicator_item.m-selected:nth-child(2) { \n            background-color: #fca5a5 !important;\n        }\n        .skill-rating-item .rating-indicator_item.m-selected:nth-child(3) { \n            background-color: #f87171 !important;\n        }\n        \n        .rating-indicator_item:first-child {\n            border-top-left-radius: 6px;\n            border-bottom-left-radius: 6px;\n        }\n        \n        .rating-indicator_item:last-child {\n            border-top-right-radius: 6px;\n            border-bottom-right-radius: 6px;\n            margin-right: 0;\n        }\n        \n        \/* Red gradient for rating bars *\/\n        .rating-indicator_item.m-selected:nth-child(1) { background-color: #fef2f2 !important; }\n        .rating-indicator_item.m-selected:nth-child(2) { background-color: #fecaca !important; }\n        .rating-indicator_item.m-selected:nth-child(3) { background-color: #fca5a5 !important; }\n        .rating-indicator_item.m-selected:nth-child(4) { background-color: #f87171 !important; }\n        .rating-indicator_item.m-selected:nth-child(5) { background-color: #ef4444 !important; }\n        .rating-indicator_item.m-selected:nth-child(6) { background-color: #dc2626 !important; }\n        .rating-indicator_item.m-selected:nth-child(7) { background-color: #b91c1b !important; }\n        .rating-indicator_item.m-selected:nth-child(8) { background-color: #991b1b !important; }\n        .rating-indicator_item.m-selected:nth-child(9) { background-color: #7f1d1d !important; }\n        .rating-indicator_item.m-selected:nth-child(10) { background-color: #450a0a !important; }\n        \n        .rating-indicator_item.m-selected.active-rating {\n            box-shadow: 0 0 0 1px white, 0 0 0 2px #1e293b;\n            z-index: 1;\n            transform: scale(1.05);\n        }\n        \n        \/* Wave animation for rating bars *\/\n        .terrain-rating-item:hover .rating-indicator_item.m-selected,\n        .flex-rating-item:hover .rating-indicator_item.m-selected,\n        .skill-rating-item:hover .rating-indicator_item.m-selected {\n            animation: waveExpand 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;\n        }\n        \n        @keyframes waveExpand {\n            0% {\n                transform: scaleY(1);\n            }\n            25% {\n                transform: scaleY(1.4);\n            }\n            50% {\n                transform: scaleY(1.2);\n            }\n            75% {\n                transform: scaleY(1.3);\n            }\n            100% {\n                transform: scaleY(1);\n            }\n        }\n        \n        \/* Stagger the wave animation for each rating bar *\/\n        .terrain-rating-item:hover .rating-indicator_item.m-selected:nth-child(1),\n        .flex-rating-item:hover .rating-indicator_item.m-selected:nth-child(1),\n        .skill-rating-item:hover .rating-indicator_item.m-selected:nth-child(1) {\n            animation-delay: 0.05s;\n        }\n        \n        .terrain-rating-item:hover .rating-indicator_item.m-selected:nth-child(2),\n        .flex-rating-item:hover .rating-indicator_item.m-selected:nth-child(2),\n        .skill-rating-item:hover .rating-indicator_item.m-selected:nth-child(2) {\n            animation-delay: 0.1s;\n        }\n        \n        .terrain-rating-item:hover .rating-indicator_item.m-selected:nth-child(3),\n        .flex-rating-item:hover .rating-indicator_item.m-selected:nth-child(3),\n        .skill-rating-item:hover .rating-indicator_item.m-selected:nth-child(3) {\n            animation-delay: 0.15s;\n        }\n        \n        .terrain-rating-item:hover .rating-indicator_item.m-selected:nth-child(4),\n        .flex-rating-item:hover .rating-indicator_item.m-selected:nth-child(4) {\n            animation-delay: 0.2s;\n        }\n        \n        .terrain-rating-item:hover .rating-indicator_item.m-selected:nth-child(5),\n        .flex-rating-item:hover .rating-indicator_item.m-selected:nth-child(5) {\n            animation-delay: 0.25s;\n        }\n        \n        .terrain-rating-item:hover .rating-indicator_item.m-selected:nth-child(6),\n        .flex-rating-item:hover .rating-indicator_item.m-selected:nth-child(6) {\n            animation-delay: 0.3s;\n        }\n        \n        .terrain-rating-item:hover .rating-indicator_item.m-selected:nth-child(7),\n        .flex-rating-item:hover .rating-indicator_item.m-selected:nth-child(7) {\n            animation-delay: 0.35s;\n        }\n        \n        .terrain-rating-item:hover .rating-indicator_item.m-selected:nth-child(8),\n        .flex-rating-item:hover .rating-indicator_item.m-selected:nth-child(8) {\n            animation-delay: 0.4s;\n        }\n        \n        .terrain-rating-item:hover .rating-indicator_item.m-selected:nth-child(9),\n        .flex-rating-item:hover .rating-indicator_item.m-selected:nth-child(9) {\n            animation-delay: 0.45s;\n        }\n        \n        .terrain-rating-item:hover .rating-indicator_item.m-selected:nth-child(10),\n        .flex-rating-item:hover .rating-indicator_item.m-selected:nth-child(10) {\n            animation-delay: 0.5s;\n        }\n        \n        \/* Terrain Ratings with reduced spacing *\/\n        .terrain-ratings-grid {\n            display: grid;\n            grid-template-columns: 1fr;\n            gap: 0.75rem;\n            margin-bottom: 1rem;\n        }\n        \n        .terrain-rating-item {\n            width: 100%;\n            cursor: pointer;\n            -webkit-tap-highlight-color: transparent;\n        }\n        \n        .flex-rating-item {\n            width: 100%;\n            cursor: pointer;\n            -webkit-tap-highlight-color: transparent;\n        }\n        \n        .skill-rating-item {\n            width: 100%;\n            cursor: pointer;\n            -webkit-tap-highlight-color: transparent;\n        }\n        \n        .terrain-label {\n            font-weight: 600;\n            color: #1e293b;\n            font-size: 1.4rem;\n            margin-bottom: 0.25rem;\n            display: block;\n        }\n        \n        \/* Size Chart - UPDATED WITH LARGER TEXT *\/\n        .size-chart-container {\n            width: 100%;\n            overflow-x: auto;\n            margin: 1rem 0;\n            -webkit-overflow-scrolling: touch;\n            border: 1px solid #e2e8f0;\n            border-radius: 12px;\n            background: #f8fafc;\n        }\n        \n        .size-chart {\n            width: 100%;\n            border-collapse: collapse;\n            background: white;\n            table-layout: fixed;\n        }\n        \n        .size-chart th {\n            background: #f87171;\n            color: white;\n            font-weight: 600;\n            padding: 1rem 0.7rem;\n            text-align: center;\n            font-size: 1.3rem;\n            white-space: normal;\n            word-wrap: break-word;\n            border-right: 1px solid #fca5a5;\n            min-width: 60px;\n        }\n        \n        .size-chart th:last-child {\n            border-right: none;\n        }\n        \n        .size-chart td {\n            padding: 0.9rem 0.6rem;\n            text-align: center;\n            border-bottom: 1px solid #e2e8f0;\n            border-right: 1px solid #e2e8f0;\n            font-size: 1.3rem;\n            transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            word-wrap: break-word;\n            overflow-wrap: break-word;\n        }\n        \n        .size-chart td:last-child {\n            border-right: none;\n        }\n        \n        .size-chart tr:last-child td {\n            border-bottom: none;\n        }\n        \n        .size-chart tr:hover td {\n            background: #fef2f2;\n        }\n        \n        .size-header {\n            font-weight: 700;\n            color: #1e293b;\n            background: #f8fafc;\n            transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n        }\n        \n        \/* Performance section animations *\/\n        .performance-opening .rating-indicator_item.m-selected {\n            animation: slideInFill 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;\n        }\n        \n        @keyframes slideInFill {\n            0% {\n                transform: scaleX(0);\n            }\n            70% {\n                transform: scaleX(1);\n            }\n            100% {\n                transform: scaleX(1);\n            }\n        }\n        \n        .performance-opening .rating-indicator_item.m-selected:nth-child(1) { \n            animation-delay: 0.1s;\n        }\n        .performance-opening .rating-indicator_item.m-selected:nth-child(2) { \n            animation-delay: 0.2s;\n        }\n        .performance-opening .rating-indicator_item.m-selected:nth-child(3) { \n            animation-delay: 0.3s;\n        }\n        .performance-opening .rating-indicator_item.m-selected:nth-child(4) { \n            animation-delay: 0.4s;\n        }\n        .performance-opening .rating-indicator_item.m-selected:nth-child(5) { \n            animation-delay: 0.5s;\n        }\n        .performance-opening .rating-indicator_item.m-selected:nth-child(6) { \n            animation-delay: 0.6s;\n        }\n        .performance-opening .rating-indicator_item.m-selected:nth-child(7) { \n            animation-delay: 0.7s;\n        }\n        .performance-opening .rating-indicator_item.m-selected:nth-child(8) { \n            animation-delay: 0.8s;\n        }\n        .performance-opening .rating-indicator_item.m-selected:nth-child(9) { \n            animation-delay: 0.9s;\n        }\n        .performance-opening .rating-indicator_item.m-selected:nth-child(10) { \n            animation-delay: 1.0s;\n        }\n        \n        \/* Mobile-specific styles *\/\n        @media (max-width: 768px) {\n            .features-grid {\n                grid-template-columns: 1fr;\n            }\n            \n            .feature:hover {\n                transform: none;\n                box-shadow: none;\n            }\n            \n            .detail-summary:hover {\n                background-color: transparent;\n            }\n            \n            .size-chart-container {\n                margin: 1rem 0;\n                border-radius: 8px;\n            }\n            \n            .size-chart th,\n            .size-chart td {\n                padding: 0.8rem 0.5rem;\n                font-size: 1.2rem;\n            }\n            \n            .size-chart {\n                min-width: 500px;\n            }\n            \n            .product-title {\n                font-size: 2.5rem;\n            }\n            \n            .product-subtitle {\n                font-size: 1.4rem;\n            }\n            \n            .detail-summary {\n                font-size: 1.6rem;\n            }\n            \n            .detail-content {\n                font-size: 1.3rem;\n            }\n            \n            .feature-content h3 {\n                font-size: 1.4rem;\n            }\n            \n            .feature-content p, .feature-content ul {\n                font-size: 1.3rem;\n            }\n            \n            .rating-details {\n                font-size: 1.3rem;\n            }\n            \n            .terrain-label {\n                font-size: 1.3rem;\n            }\n        }\n        \n        @media (max-width: 640px) {\n            body {\n                padding: 1rem;\n            }\n            \n            .product-title {\n                font-size: 2.2rem;\n            }\n            \n            .product-subtitle {\n                font-size: 1.3rem;\n            }\n            \n            .detail-summary {\n                padding: 1.25rem 1.5rem;\n                font-size: 1.5rem;\n            }\n            \n            .detail-content {\n                padding: 0 1.5rem 1.25rem;\n                font-size: 1.3rem;\n            }\n            \n            .feature-content h3 {\n                font-size: 1.4rem;\n            }\n            \n            .feature-content p, .feature-content ul {\n                font-size: 1.3rem;\n            }\n\n            .rating-details {\n                font-size: 1.2rem;\n            }\n            \n            .terrain-label {\n                font-size: 1.2rem;\n            }\n            \n            .size-chart th,\n            .size-chart td {\n                padding: 0.7rem 0.4rem;\n                font-size: 1.1rem;\n            }\n        }\n        \n        @media (max-width: 480px) {\n            .size-chart th,\n            .size-chart td {\n                padding: 0.6rem 0.3rem;\n                font-size: 1rem;\n            }\n            \n            .product-title {\n                font-size: 2rem;\n            }\n            \n            .product-subtitle {\n                font-size: 1.2rem;\n            }\n            \n            .detail-summary {\n                font-size: 1.4rem;\n            }\n            \n            .detail-content {\n                font-size: 1.2rem;\n            }\n        }\n    \u003c\/style\u003e\n\n\n    \u003cdiv class=\"container\"\u003e\n        \u003cdiv class=\"product-header\"\u003e\n            \u003ch1 class=\"product-title\"\u003eAirmaster XTRM Binding\u003c\/h1\u003e\n            \u003cp class=\"product-subtitle\"\u003eThe Airmaster XTRM is our most highly coveted premium binding in the '25 lineup\u003c\/p\u003e\n        \u003c\/div\u003e\n        \n        \u003cdiv class=\"details-container\"\u003e\n            \u003cdetails class=\"detail-item\"\u003e\n                \u003csummary class=\"detail-summary\"\u003e\u003cspan\u003eProduct Overview\u003c\/span\u003e \u003cspan class=\"detail-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n                \u003cdiv class=\"detail-content\"\u003e\n                    \u003cp\u003eThe Airmaster XTRM is our most highly coveted premium binding in the '25 lineup, and features our FRC Carbon highback so you can slay like you've never slayed before.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/details\u003e\n            \n            \u003cdetails class=\"detail-item\"\u003e\n                \u003csummary class=\"detail-summary\"\u003e\u003cspan\u003eFeatures\u003c\/span\u003e \u003cspan class=\"detail-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n                \u003cdiv class=\"detail-content\"\u003e\n                    \u003cdiv class=\"features-grid\"\u003e\n                        \u003cdiv class=\"feature\"\u003e\n                            \u003cdiv class=\"feature-content\"\u003e\n                                \u003ch3\u003eSkate Tech\u003c\/h3\u003e\n                                \u003cp\u003eThe central pivot point transfers energy efficiently to the edges for unmatched control and a \"surfy\" feel.\u003c\/p\u003e\n                            \u003c\/div\u003e\n                        \u003c\/div\u003e\n                        \u003cdiv class=\"feature\"\u003e\n                            \u003cdiv class=\"feature-content\"\u003e\n                                \u003ch3\u003eHanger 3.0 Baseplate\u003c\/h3\u003e\n                                \u003cp\u003eNylon reinforced with 30% carbon fiber for rigidity, reduced weight, and enhanced board connection.\u003c\/p\u003e\n                            \u003c\/div\u003e\n                        \u003c\/div\u003e\n                        \u003cdiv class=\"feature\"\u003e\n                            \u003cdiv class=\"feature-content\"\u003e\n                                \u003ch3\u003eFRC Carbon Highback\u003c\/h3\u003e\n                                \u003cp\u003eMade with 3K carbon fiber for strength and a light weight.\u003c\/p\u003e\n                            \u003c\/div\u003e\n                        \u003c\/div\u003e\n                        \u003cdiv class=\"feature\"\u003e\n                            \u003cdiv class=\"feature-content\"\u003e\n                                \u003ch3\u003eBushings\u003c\/h3\u003e\n                                \u003cp\u003eIncludes both Medium (45 shore) and Hard (55 shore) density bushings for ride customization.\u003c\/p\u003e\n                            \u003c\/div\u003e\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/details\u003e\n            \n            \u003cdetails id=\"performance-section\" class=\"detail-item\"\u003e\n                \u003csummary class=\"detail-summary\"\u003e\u003cspan\u003ePerformance\u003c\/span\u003e \u003cspan class=\"detail-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n                \u003cdiv class=\"detail-content\"\u003e\n                    \u003c!-- Flex Rating --\u003e\n                    \u003cdiv class=\"rating-container\"\u003e\n                        \u003cp class=\"rating-details\"\u003e\u003cspan class=\"rating-details_title\"\u003eFlex: 5\u003c\/span\u003e\u003c\/p\u003e\n                        \u003cdiv class=\"flex-rating-item\"\u003e\n                            \u003cul class=\"rating-indicator\"\u003e\n                                \u003cli class=\"rating-indicator_item m-selected\"\u003eSoft\u003c\/li\u003e\n                                \u003cli class=\"rating-indicator_item m-selected\"\u003e\n                                \u003c\/li\u003e\n\u003cli class=\"rating-indicator_item m-selected\"\u003e\n                                \u003c\/li\u003e\n\u003cli class=\"rating-indicator_item m-selected\"\u003e\n                                \u003c\/li\u003e\n\u003cli class=\"rating-indicator_item m-selected active-rating\"\u003e5\u003c\/li\u003e\n                                \u003cli class=\"rating-indicator_item\"\u003e\n                                \u003c\/li\u003e\n\u003cli class=\"rating-indicator_item\"\u003e\n                                \u003c\/li\u003e\n\u003cli class=\"rating-indicator_item\"\u003e\n                                \u003c\/li\u003e\n\u003cli class=\"rating-indicator_item\"\u003e\n                                \u003c\/li\u003e\n\u003cli class=\"rating-indicator_item\"\u003eStiff\u003c\/li\u003e\n                            \u003c\/ul\u003e\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/details\u003e\n            \n            \u003cdetails class=\"detail-item\"\u003e\n                \u003csummary class=\"detail-summary\"\u003e\u003cspan\u003eSize Chart\u003c\/span\u003e \u003cspan class=\"detail-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n                \u003cdiv class=\"detail-content\"\u003e\n                    \u003cdiv class=\"size-chart-container\"\u003e\n                        \u003ctable class=\"size-chart\"\u003e\n                            \u003cthead\u003e\n                                \u003ctr\u003e\n                                    \u003cth\u003eMen's \/ Youth\u003c\/th\u003e\n                                    \u003cth\u003eSmall\u003c\/th\u003e\n                                    \u003cth\u003eMedium\u003c\/th\u003e\n                                    \u003cth\u003eLarge\u003c\/th\u003e\n                                \u003c\/tr\u003e\n                            \u003c\/thead\u003e\n                            \u003ctbody\u003e\n                                \u003ctr\u003e\n                                    \u003ctd class=\"size-header\"\u003eUS\u003c\/td\u003e\n                                    \u003ctd\u003e5.0 - 7.0\u003c\/td\u003e\n                                    \u003ctd\u003e7.5 - 10.0\u003c\/td\u003e\n                                    \u003ctd\u003e10.5 +\u003c\/td\u003e\n                                \u003c\/tr\u003e\n                                \u003ctr\u003e\n                                    \u003ctd class=\"size-header\"\u003eEU\u003c\/td\u003e\n                                    \u003ctd\u003e36.5 - 39.5\u003c\/td\u003e\n                                    \u003ctd\u003e40 - 43\u003c\/td\u003e\n                                    \u003ctd\u003e43.5 +\u003c\/td\u003e\n                                \u003c\/tr\u003e\n                                \u003ctr\u003e\n                                    \u003ctd class=\"size-header\"\u003eMD\u003c\/td\u003e\n                                    \u003ctd\u003e23.5 - 25.0\u003c\/td\u003e\n                                    \u003ctd\u003e25.5 - 28.0\u003c\/td\u003e\n                                    \u003ctd\u003e28.5 +\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        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n\u003c\/body\u003e","brand":"Yes","offers":[{"title":"Black \/ M \/ Mens","offer_id":52650945413486,"sku":"YES61M003004","price":489.95,"currency_code":"CAD","in_stock":true},{"title":"Black \/ L \/ Mens","offer_id":52650945446254,"sku":"YES61M003005","price":489.95,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/AirmasterXTRMBinding-Black-4.png?v=1758818970"},{"product_id":"yes-mens-drive-binding-pitch-black-winter-2026","title":"Drive Binding 26","description":"\u003cstyle\u003e    .product-description {        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;        color: #1a1a1a;        line-height: 1.7;        max-width: 800px;        margin: 0;        padding: 0;    }    .intro-text {        font-size: 16px;        font-weight: 300;        margin-bottom: 32px;        color: #2c2c2c;        line-height: 1.8;        position: relative;        padding-left: 16px;        border-left: 3px solid #f87171;    }    .accordion-item {        border-bottom: 1px solid #e0e0e0;        transition: all 0.2s ease;    }    .accordion-item:hover {        border-bottom-color: #f87171;    }    .accordion-item:last-child {        border-bottom: none;    }    .accordion-summary {        display: flex;        justify-content: space-between;        align-items: center;        padding: 20px 0;        cursor: pointer;        list-style: none;        font-size: 13px;        font-weight: 500;        letter-spacing: 1.5px;        text-transform: uppercase;        color: #1a1a1a;        transition: all 0.3s ease;        position: relative;    }    .accordion-summary::before {        content: '';        position: absolute;        left: 0;        bottom: 0;        width: 0;        height: 2px;        background: linear-gradient(90deg, #f87171, #fca5a5);        transition: width 0.3s ease;    }    .accordion-summary:hover::before {        width: 60px;    }    .accordion-summary:hover {        color: #f87171;        padding-left: 8px;    }    .accordion-summary::-webkit-details-marker {        display: none;    }    .accordion-icon {        font-size: 20px;        font-weight: 300;        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);        color: #999;    }    .accordion-item[open] .accordion-icon {        transform: rotate(45deg);        color: #f87171;    }    .accordion-content {        padding: 0 0 24px 0;        animation: slideDown 0.4s cubic-bezier(0.4, 0, 0.2, 1);        overflow: hidden;    }    @keyframes slideDown {        from {            opacity: 0;            transform: translateY(-12px);        }        to {            opacity: 1;            transform: translateY(0);        }    }    .features-grid {        display: grid;        grid-template-columns: repeat(2, 1fr);        gap: 20px;        margin-top: 8px;    }    .feature-item {        padding: 16px;        background: linear-gradient(135deg, #fafafa 0%, #ffffff 100%);        border-radius: 8px;        border: 1px solid #f0f0f0;        transition: all 0.3s ease;        position: relative;        overflow: hidden;    }    .feature-item::before {        content: '';        position: absolute;        top: 0;        left: 0;        width: 4px;        height: 0;        background: linear-gradient(180deg, #f87171, #fca5a5);        transition: height 0.3s ease;    }    .feature-item:hover {        transform: translateY(-2px);        box-shadow: 0 4px 12px rgba(248, 113, 113, 0.1);        border-color: #fecaca;    }    .feature-item:hover::before {        height: 100%;    }    .feature-item h3 {        font-size: 14px;        font-weight: 600;        color: #1a1a1a;        margin-bottom: 6px;    }    .feature-item p {        font-size: 14px;        font-weight: 300;        color: #666;        margin: 0;        line-height: 1.6;    }    .size-table-wrapper {        width: 100%;        overflow-x: auto;        margin: 16px 0;        border-radius: 8px;        border: 1px solid #f0f0f0;        -webkit-overflow-scrolling: touch;    }    .size-table {        width: 100%;        min-width: 900px;        border-collapse: collapse;        font-size: 13px;    }    .size-table th {        text-align: center;        font-weight: 500;        color: white;        padding: 12px 8px;        background: linear-gradient(135deg, #f87171 0%, #fca5a5 100%);        font-size: 11px;        letter-spacing: 0.3px;        white-space: normal;        word-wrap: break-word;        line-height: 1.3;        vertical-align: middle;    }    .size-table td {        padding: 12px 8px;        border-bottom: 1px solid #f5f5f5;        color: #4a4a4a;        font-weight: 300;        transition: all 0.2s ease;        text-align: center;        white-space: normal;        word-wrap: break-word;        line-height: 1.4;        vertical-align: middle;    }    .size-table tr:last-child td {        border-bottom: none;    }    .size-table tbody tr {        transition: all 0.2s ease;    }    .size-table tbody tr:hover {        background: #fef2f2;    }    .size-note {        font-size: 13px;        color: #666;        font-style: italic;        margin-top: 16px;        padding: 12px 16px;        background: #fef2f2;        border-left: 3px solid #f87171;        border-radius: 4px;    }    .detail-text {        font-size: 15px;        font-weight: 300;        color: #4a4a4a;        line-height: 1.8;        margin-bottom: 16px;    }    .flex-rating {        margin-top: 8px;    }    .flex-rating-header {        font-size: 14px;        font-weight: 600;        color: #1a1a1a;        margin-bottom: 16px;    }    .flex-rating-bars {        display: flex;        gap: 4px;        margin-bottom: 12px;    }    .flex-bar {        flex: 1;        height: 32px;        background: #f0f0f0;        border-radius: 6px;        transition: all 0.3s ease;    }    .flex-bar.active {        background: linear-gradient(135deg, #f87171 0%, #fca5a5 100%);        box-shadow: 0 2px 8px rgba(248, 113, 113, 0.2);    }    .flex-labels {        display: flex;        gap: 4px;    }    .flex-label {        flex: 1;        text-align: center;    }    .flex-label-name {        font-size: 13px;        font-weight: 500;        color: #1a1a1a;        margin-bottom: 4px;    }    .flex-label-range {        font-size: 12px;        color: #666;    }    .terrain-rating-section {        margin-bottom: 24px;    }    .terrain-rating-item {        margin-bottom: 16px;    }    .terrain-label {        font-size: 14px;        font-weight: 600;        color: #1a1a1a;        margin-bottom: 8px;    }    .skill-rating-section {        margin-top: 24px;    }    .skill-rating-bars {        display: flex;        gap: 4px;    }    .skill-bar {        flex: 1;        height: 32px;        background: #f0f0f0;        border-radius: 6px;        transition: all 0.3s ease;        display: flex;        align-items: center;        justify-content: center;        font-size: 12px;        font-weight: 500;        color: #999;    }    .skill-bar.active {        background: linear-gradient(135deg, #f87171 0%, #fca5a5 100%);        box-shadow: 0 2px 8px rgba(248, 113, 113, 0.2);        color: white;    }    @media (max-width: 768px) {        .features-grid {            grid-template-columns: 1fr;            gap: 16px;        }        .feature-item:hover {            transform: none;        }        .accordion-summary:hover {            padding-left: 0;        }        .accordion-summary::before {            display: none;        }        .accordion-summary {            padding: 16px 0;            font-size: 12px;        }        .size-table {            min-width: 800px;            font-size: 11px;        }        .size-table th {            padding: 10px 6px;            font-size: 10px;            line-height: 1.2;        }        .size-table td {            padding: 10px 6px;            font-size: 11px;        }        .intro-text {            font-size: 15px;        }        .flex-bar {            height: 28px;        }        .flex-label-name {            font-size: 12px;        }        .flex-label-range {            font-size: 11px;        }        .skill-bar {            height: 28px;            font-size: 11px;        }    }    @media (max-width: 480px) {        .size-table {            min-width: 700px;            font-size: 10px;        }        .size-table th {            padding: 8px 4px;            font-size: 9px;            line-height: 1.2;        }        .size-table td {            padding: 8px 4px;            font-size: 10px;        }        .size-note {            font-size: 12px;            padding: 10px 12px;        }    }\u003c\/style\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003cp class=\"intro-text\"\u003eThe #YES Bindings Drive offers unmatched all-mountain power with a flex rating of 7\/10. Equipped with the Performance Flex Plus highback and Skate-Tech, this binding ensures precision and responsiveness, making it ideal for versatile riding and delivering top performance and comfort in various conditions.\u003c\/p\u003e\n\u003cdetails class=\"accordion-item\"\u003e\n\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eFeatures\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eSkate Tech\u003c\/h3\u003e\n\u003cp\u003eMimics the function of skateboard trucks, transferring more power to the board with less work.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eHanger 3.0 Baseplate\u003c\/h3\u003e\n\u003cp\u003eMade with nylon reinforced with 30% glass fiber for rigidity and reduced weight, featuring a wider bushing footprint for enhanced board connection.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eASYM-FRX Highback\u003c\/h3\u003e\n\u003cp\u003eAsymmetrical design with a lateral hook for added support and power, and top flair to dampen chatter.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eStraps\u003c\/h3\u003e\n\u003cp\u003eAsym FRS ankle strap with \"power spine\" support and a 3D Pro-Grip toe strap for a secure fit.\u003c\/p\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 class=\"accordion-summary\"\u003e\u003cspan\u003ePerformance\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"flex-rating\"\u003e\n\u003cdiv class=\"flex-rating-header\"\u003eFlex Rating\u003c\/div\u003e\n\u003cdiv class=\"flex-rating-bars\"\u003e\n\u003cdiv class=\"flex-bar active\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar active\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar active\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar active\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar active\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar active\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar active\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"flex-labels\"\u003e\n\u003cdiv class=\"flex-label\"\u003e\n\u003cdiv class=\"flex-label-name\"\u003eSoft\u003c\/div\u003e\n\u003cdiv class=\"flex-label-range\"\u003e1-3\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"flex-label\"\u003e\n\u003cdiv class=\"flex-label-name\"\u003eMedium\u003c\/div\u003e\n\u003cdiv class=\"flex-label-range\"\u003e4-7\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"flex-label\"\u003e\n\u003cdiv class=\"flex-label-name\"\u003eStiff\u003c\/div\u003e\n\u003cdiv class=\"flex-label-range\"\u003e8-10\u003c\/div\u003e\n\u003c\/div\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 class=\"accordion-summary\"\u003e\u003cspan\u003eSize Chart\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"size-table-wrapper\"\u003e\n\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eMen's \/ Youth\u003c\/th\u003e\n\u003cth\u003eUS\u003c\/th\u003e\n\u003cth\u003eEU\u003c\/th\u003e\n\u003cth\u003eMD\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd class=\"size-header\"\u003eSmall\u003c\/td\u003e\n\u003ctd\u003e5.0 - 7.0\u003c\/td\u003e\n\u003ctd\u003e36.5 - 39.5\u003c\/td\u003e\n\u003ctd\u003e23.5 - 25.0\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"size-header\"\u003eMedium\u003c\/td\u003e\n\u003ctd\u003e7.5 - 10.0\u003c\/td\u003e\n\u003ctd\u003e40 - 43\u003c\/td\u003e\n\u003ctd\u003e25.5 - 28.0\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"size-header\"\u003eLarge\u003c\/td\u003e\n\u003ctd\u003e10.5 +\u003c\/td\u003e\n\u003ctd\u003e43.5 +\u003c\/td\u003e\n\u003ctd\u003e28.5 +\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\u003c\/div\u003e","brand":"Yes","offers":[{"title":"Pitch Black \/ M \/ Mens","offer_id":52650948952430,"sku":"YES61M016004","price":300.95,"currency_code":"CAD","in_stock":true},{"title":"Pitch Black \/ L \/ Mens","offer_id":52650948985198,"sku":"YES61M016005","price":300.95,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/DriveBinding-PitchBlack-2.png?v=1758818554"},{"product_id":"yes-mens-airmaster-fridge-binding-fridge-splatter-winter-2026","title":"Airmaster Fridge Binding","description":"\u003cstyle\u003e\n  .product-description {\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;\n    color: #1a1a1a;\n    line-height: 1.7;\n    max-width: 800px;\n    margin: 0;\n    padding: 0;\n  }\n\n  .intro-text {\n    font-size: clamp(15px, 3.5vw, 16px);\n    font-weight: 300;\n    margin-bottom: clamp(24px, 6vw, 32px);\n    color: #2c2c2c;\n    line-height: 1.8;\n    position: relative;\n    padding-left: 16px;\n    border-left: 3px solid #f87171;\n  }\n\n  .accordion-item {\n    border-bottom: 1px solid #e0e0e0;\n    transition: border-color 0.2s ease;\n  }\n\n  .accordion-item:hover {\n    border-bottom-color: #f87171;\n  }\n\n  .accordion-item:last-child {\n    border-bottom: none;\n  }\n\n  .accordion-summary {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: clamp(16px, 4vw, 20px) 0;\n    cursor: pointer;\n    list-style: none;\n    font-size: clamp(12px, 2.8vw, 13px);\n    font-weight: 500;\n    letter-spacing: 1.5px;\n    text-transform: uppercase;\n    color: #1a1a1a;\n    transition: all 0.3s ease;\n    position: relative;\n    min-height: 44px;\n  }\n\n  .accordion-summary::before {\n    content: '';\n    position: absolute;\n    left: 0;\n    bottom: 0;\n    width: 0;\n    height: 2px;\n    background: linear-gradient(90deg, #f87171, #fca5a5);\n    transition: width 0.3s ease;\n  }\n\n  @media (hover: hover) {\n    .accordion-summary:hover::before {\n      width: 60px;\n    }\n\n    .accordion-summary:hover {\n      color: #f87171;\n      padding-left: 8px;\n    }\n  }\n\n  .accordion-summary::-webkit-details-marker {\n    display: none;\n  }\n\n  .accordion-icon {\n    font-size: 20px;\n    font-weight: 300;\n    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n    color: #999;\n    min-width: 20px;\n    text-align: center;\n  }\n\n  .accordion-item[open] .accordion-icon {\n    transform: rotate(45deg);\n    color: #f87171;\n  }\n\n  .accordion-content {\n    padding: 0 0 clamp(20px, 5vw, 24px) 0;\n    animation: slideDown 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n    overflow: hidden;\n  }\n\n  @keyframes slideDown {\n    from {\n      opacity: 0;\n      transform: translateY(-12px);\n    }\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n\n  .features-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));\n    gap: clamp(16px, 4vw, 20px);\n    margin-top: 8px;\n  }\n\n  .feature-item {\n    padding: clamp(14px, 3.5vw, 16px);\n    background: linear-gradient(135deg, #fafafa 0%, #ffffff 100%);\n    border-radius: 8px;\n    border: 1px solid #f0f0f0;\n    transition: all 0.3s ease;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .feature-item::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 4px;\n    height: 0;\n    background: linear-gradient(180deg, #f87171, #fca5a5);\n    transition: height 0.3s ease;\n  }\n\n  @media (hover: hover) {\n    .feature-item:hover {\n      transform: translateY(-2px);\n      box-shadow: 0 4px 12px rgba(248, 113, 113, 0.1);\n      border-color: #fecaca;\n    }\n\n    .feature-item:hover::before {\n      height: 100%;\n    }\n  }\n\n  .feature-item h3 {\n    font-size: clamp(13px, 3vw, 14px);\n    font-weight: 600;\n    color: #1a1a1a;\n    margin-bottom: 6px;\n  }\n\n  .feature-item p {\n    font-size: clamp(13px, 3vw, 14px);\n    font-weight: 300;\n    color: #666;\n    margin: 0;\n    line-height: 1.6;\n  }\n\n  .feature-item + .feature-item {\n    margin-top: clamp(16px, 4vw, 20px);\n  }\n\n  .flex-rating {\n    margin-top: 8px;\n  }\n\n  .flex-rating-header {\n    font-size: clamp(13px, 3vw, 14px);\n    font-weight: 600;\n    color: #1a1a1a;\n    margin-bottom: 16px;\n  }\n\n  .flex-rating-bars {\n    display: flex;\n    gap: 4px;\n    margin-bottom: 12px;\n  }\n\n  .flex-bar {\n    flex: 1;\n    height: clamp(28px, 6vw, 32px);\n    background: #f0f0f0;\n    border-radius: 6px;\n    transition: all 0.3s ease;\n  }\n\n  .flex-bar.active {\n    background: linear-gradient(135deg, #f87171 0%, #fca5a5 100%);\n    box-shadow: 0 2px 8px rgba(248, 113, 113, 0.2);\n  }\n\n  .flex-labels {\n    display: flex;\n    gap: 4px;\n  }\n\n  .flex-label {\n    flex: 1;\n    text-align: center;\n  }\n\n  .flex-label-name {\n    font-size: clamp(12px, 2.8vw, 13px);\n    font-weight: 500;\n    color: #1a1a1a;\n    margin-bottom: 4px;\n  }\n\n  .flex-label-range {\n    font-size: clamp(11px, 2.5vw, 12px);\n    color: #666;\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003cp class=\"intro-text\"\u003eThe Airmaster Fridge Binding is engineered for riders who demand precision and power. Featuring Skate Tech technology and a reinforced Hanger 3.0 baseplate with 30% glass fiber, this binding delivers exceptional response and durability for aggressive all-mountain riding.\u003c\/p\u003e\n\u003cdetails class=\"accordion-item\"\u003e\n\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eFeatures\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eSkate Tech\u003c\/h3\u003e\n\u003cp\u003eInspired by skateboard trucks, Skate Tech technology reduces foot fatigue by allowing natural ankle movement while maintaining responsive control. This innovative design delivers a more intuitive riding experience.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eHanger 3.0 Baseplate (30% Glass Fiber)\u003c\/h3\u003e\n\u003cp\u003eReinforced with 30% glass fiber for enhanced durability and power transfer. The Hanger 3.0 design provides a solid, responsive platform that efficiently transfers energy from your boots to the board.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eFlatback Highback\u003c\/h3\u003e\n\u003cp\u003eDesigned for maximum mobility and freestyle performance. The Flatback highback offers support when you need it while allowing unrestricted movement for tweaks and grabs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eHyperfuse II Ankle Strap\u003c\/h3\u003e\n\u003cp\u003eStitchless construction eliminates pressure points and provides a seamless, comfortable fit. The Hyperfuse II strap wraps your ankle securely without restricting movement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003e3D Pro-Grip Toe Strap\u003c\/h3\u003e\n\u003cp\u003eErgonomically designed to conform to your boot's shape, providing superior grip and comfort. The 3D construction ensures even pressure distribution across the toe box.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eCustomizable Bushings\u003c\/h3\u003e\n\u003cp\u003eComes with Medium (45 shore) bushings pre-installed and includes Hard (55 shore) bushings for riders who prefer a stiffer, more responsive feel. Easily swap bushings to match your riding style.\u003c\/p\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 class=\"accordion-summary\"\u003e\u003cspan\u003ePerformance\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"flex-rating\"\u003e\n\u003cdiv class=\"flex-rating-header\"\u003eFlex Rating\u003c\/div\u003e\n\u003cdiv class=\"flex-rating-bars\"\u003e\n\u003cdiv class=\"flex-bar active\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar active\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar active\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar active\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar active\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"flex-labels\"\u003e\n\u003cdiv class=\"flex-label\"\u003e\n\u003cdiv class=\"flex-label-name\"\u003eSoft\u003c\/div\u003e\n\u003cdiv class=\"flex-label-range\"\u003e1-3\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"flex-label\"\u003e\n\u003cdiv class=\"flex-label-name\"\u003eMedium\u003c\/div\u003e\n\u003cdiv class=\"flex-label-range\"\u003e4-7\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"flex-label\"\u003e\n\u003cdiv class=\"flex-label-name\"\u003eStiff\u003c\/div\u003e\n\u003cdiv class=\"flex-label-range\"\u003e8-10\u003c\/div\u003e\n\u003c\/div\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 class=\"accordion-summary\"\u003e\u003cspan\u003eSpecifications\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eRiding Style\u003c\/h3\u003e\n\u003cp\u003eAll-mountain binding designed for aggressive riding, big mountain terrain, and riders who demand maximum power transfer and response.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eSize Range\u003c\/h3\u003e\n\u003cp\u003eAvailable in Medium (M) and Large (L) sizes to accommodate a wide range of boot sizes and rider preferences.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eBushing Options\u003c\/h3\u003e\n\u003cp\u003ePre-installed with Medium (45 shore) bushings. Includes Hard (55 shore) bushings for riders seeking increased stiffness and response. Soft bushings available separately for a more forgiving feel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Yes","offers":[{"title":"Fridge Splatter \/ M \/ Mens","offer_id":52650949017966,"sku":"YES61M018004","price":293.95,"currency_code":"CAD","in_stock":false},{"title":"Fridge Splatter \/ L \/ Mens","offer_id":52650949050734,"sku":"YES61M018005","price":293.95,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/AirmasterBinding-SplatterWhite-2.png?v=1758818572"},{"product_id":"yes-mens-select-eiki-binding-eiki-green-glow-winter-2026","title":"Select Eiki Binding","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n        }\n        \n        body {\n            background-color: #f8fafc;\n            color: #334155;\n            line-height: 1.6;\n            padding: 2rem 1rem;\n            font-size: 1.3rem;\n        }\n        \n        .container {\n            max-width: 1250px;\n            margin: 0 auto;\n            background: white;\n            border-radius: 16px;\n            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);\n            overflow: hidden;\n        }\n        \n        .product-header {\n            padding: 2rem 2rem 1rem;\n            background: linear-gradient(135deg, #fef2f2 0%, #fecaca 50%, #fca5a5 100%);\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .product-title {\n            font-size: 3rem;\n            font-weight: 800;\n            margin-bottom: 0.5rem;\n            color: #1e293b;\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            display: inline-block;\n            cursor: pointer;\n            position: relative;\n            z-index: 2;\n        }\n        \n        .product-subtitle {\n            font-size: 1.5rem;\n            color: #64748b;\n            font-weight: 400;\n            position: relative;\n            z-index: 2;\n        }\n        \n        .details-container {\n            padding: 0;\n        }\n        \n        .detail-item {\n            border-bottom: 1px solid #e2e8f0;\n            transition: all 0.3s ease;\n        }\n        \n        .detail-item:last-child {\n            border-bottom: none;\n        }\n        \n        .detail-summary {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            padding: 1.5rem 2rem;\n            cursor: pointer;\n            list-style: none;\n            font-weight: 600;\n            font-size: 1.7rem;\n            transition: background-color 0.2s ease;\n        }\n        \n        .detail-summary:hover {\n            background-color: #fef2f2;\n        }\n        \n        .detail-summary::-webkit-details-marker {\n            display: none;\n        }\n        \n        .detail-icon {\n            font-size: 1.7rem;\n            transition: transform 0.3s ease;\n            color: #64748b;\n        }\n        \n        .detail-item[open] .detail-icon {\n            transform: rotate(45deg);\n        }\n        \n        .detail-content {\n            padding: 0 2rem 1.5rem;\n            color: #475569;\n            line-height: 1.7;\n            font-size: 1.4rem;\n        }\n        \n        .features-grid {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 1rem;\n            margin-top: 1rem;\n        }\n        \n        .feature {\n            padding: 1.25rem;\n            background: #f8fafc;\n            border-radius: 12px;\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            border: 1px solid transparent;\n            height: fit-content;\n        }\n        \n        .feature:hover {\n            transform: translateY(-3px);\n            box-shadow: 0 6px 16px rgba(239, 68, 68, 0.2);\n            border-color: #fecaca;\n        }\n        \n        .feature-content h3 {\n            font-size: 1.5rem;\n            color: #1e293b;\n            margin-bottom: 0.5rem;\n            font-weight: 600;\n        }\n        \n        .feature-content p {\n            color: #64748b;\n            font-size: 1.4rem;\n            line-height: 1.6;\n        }\n        \n        .feature-content ul {\n            color: #64748b;\n            font-size: 1.4rem;\n            line-height: 1.6;\n            padding-left: 1.25rem;\n        }\n        \n        .feature-content li {\n            margin-bottom: 0.25rem;\n        }\n\n        \/* Rating Bars *\/\n        .rating-container {\n            margin: 0.5rem 0;\n            padding: 1rem;\n            background: #f8fafc;\n            border-radius: 12px;\n            transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n        }\n        \n        .rating-details {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            margin-bottom: 0.5rem;\n            font-size: 1.4rem;\n        }\n        \n        .rating-details_title {\n            font-weight: 600;\n            color: #1e293b;\n        }\n        \n        .rating-indicator {\n            display: flex;\n            margin-bottom: 0.25rem;\n            padding: 0;\n            list-style: none;\n            width: 100%;\n            position: relative;\n            height: 22px;\n        }\n        \n        .rating-indicator_item {\n            height: 16px;\n            flex: 1;\n            background-color: #e2e8f0;\n            margin-right: 1px;\n            border-radius: 3px;\n            transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            transform-origin: left center;\n            position: relative;\n            overflow: hidden;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-weight: 600;\n            font-size: 1rem;\n            text-shadow: 0 1px 2px rgba(0,0,0,0.3);\n        }\n        \n        .rating-indicator_item {\n            color: transparent;\n        }\n        \n        .rating-indicator_item.active-rating {\n            color: white;\n        }\n        \n        .rating-indicator_item:first-child:not(.active-rating),\n        .rating-indicator_item:last-child:not(.active-rating) {\n            color: #64748b;\n            font-size: 0.9rem;\n        }\n        \n        .skill-rating-item .rating-indicator_item {\n            color: transparent;\n            font-size: 1.1rem;\n            border: 1px solid #cbd5e1;\n        }\n        \n        .skill-rating-item .rating-indicator_item.active-rating {\n            color: white;\n            border: 2px solid #1e293b;\n        }\n        \n        .skill-rating-item .rating-indicator_item.m-selected:nth-child(1) { \n            background-color: #fecaca !important;\n        }\n        .skill-rating-item .rating-indicator_item.m-selected:nth-child(2) { \n            background-color: #fca5a5 !important;\n        }\n        .skill-rating-item .rating-indicator_item.m-selected:nth-child(3) { \n            background-color: #f87171 !important;\n        }\n        \n        .rating-indicator_item:first-child {\n            border-top-left-radius: 6px;\n            border-bottom-left-radius: 6px;\n        }\n        \n        .rating-indicator_item:last-child {\n            border-top-right-radius: 6px;\n            border-bottom-right-radius: 6px;\n            margin-right: 0;\n        }\n        \n        \/* Red gradient for rating bars *\/\n        .rating-indicator_item.m-selected:nth-child(1) { background-color: #fef2f2 !important; }\n        .rating-indicator_item.m-selected:nth-child(2) { background-color: #fecaca !important; }\n        .rating-indicator_item.m-selected:nth-child(3) { background-color: #fca5a5 !important; }\n        .rating-indicator_item.m-selected:nth-child(4) { background-color: #f87171 !important; }\n        .rating-indicator_item.m-selected:nth-child(5) { background-color: #ef4444 !important; }\n        .rating-indicator_item.m-selected:nth-child(6) { background-color: #dc2626 !important; }\n        .rating-indicator_item.m-selected:nth-child(7) { background-color: #b91c1b !important; }\n        .rating-indicator_item.m-selected:nth-child(8) { background-color: #991b1b !important; }\n        .rating-indicator_item.m-selected:nth-child(9) { background-color: #7f1d1d !important; }\n        .rating-indicator_item.m-selected:nth-child(10) { background-color: #450a0a !important; }\n        \n        .rating-indicator_item.m-selected.active-rating {\n            box-shadow: 0 0 0 1px white, 0 0 0 2px #1e293b;\n            z-index: 1;\n            transform: scale(1.05);\n        }\n        \n        \/* Wave animation for rating bars *\/\n        .terrain-rating-item:hover .rating-indicator_item.m-selected,\n        .flex-rating-item:hover .rating-indicator_item.m-selected,\n        .skill-rating-item:hover .rating-indicator_item.m-selected {\n            animation: waveExpand 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;\n        }\n        \n        @keyframes waveExpand {\n            0% {\n                transform: scaleY(1);\n            }\n            25% {\n                transform: scaleY(1.4);\n            }\n            50% {\n                transform: scaleY(1.2);\n            }\n            75% {\n                transform: scaleY(1.3);\n            }\n            100% {\n                transform: scaleY(1);\n            }\n        }\n        \n        \/* Stagger the wave animation for each rating bar *\/\n        .terrain-rating-item:hover .rating-indicator_item.m-selected:nth-child(1),\n        .flex-rating-item:hover .rating-indicator_item.m-selected:nth-child(1),\n        .skill-rating-item:hover .rating-indicator_item.m-selected:nth-child(1) {\n            animation-delay: 0.05s;\n        }\n        \n        .terrain-rating-item:hover .rating-indicator_item.m-selected:nth-child(2),\n        .flex-rating-item:hover .rating-indicator_item.m-selected:nth-child(2),\n        .skill-rating-item:hover .rating-indicator_item.m-selected:nth-child(2) {\n            animation-delay: 0.1s;\n        }\n        \n        .terrain-rating-item:hover .rating-indicator_item.m-selected:nth-child(3),\n        .flex-rating-item:hover .rating-indicator_item.m-selected:nth-child(3),\n        .skill-rating-item:hover .rating-indicator_item.m-selected:nth-child(3) {\n            animation-delay: 0.15s;\n        }\n        \n        .terrain-rating-item:hover .rating-indicator_item.m-selected:nth-child(4),\n        .flex-rating-item:hover .rating-indicator_item.m-selected:nth-child(4) {\n            animation-delay: 0.2s;\n        }\n        \n        .terrain-rating-item:hover .rating-indicator_item.m-selected:nth-child(5),\n        .flex-rating-item:hover .rating-indicator_item.m-selected:nth-child(5) {\n            animation-delay: 0.25s;\n        }\n        \n        .terrain-rating-item:hover .rating-indicator_item.m-selected:nth-child(6),\n        .flex-rating-item:hover .rating-indicator_item.m-selected:nth-child(6) {\n            animation-delay: 0.3s;\n        }\n        \n        .terrain-rating-item:hover .rating-indicator_item.m-selected:nth-child(7),\n        .flex-rating-item:hover .rating-indicator_item.m-selected:nth-child(7) {\n            animation-delay: 0.35s;\n        }\n        \n        .terrain-rating-item:hover .rating-indicator_item.m-selected:nth-child(8),\n        .flex-rating-item:hover .rating-indicator_item.m-selected:nth-child(8) {\n            animation-delay: 0.4s;\n        }\n        \n        .terrain-rating-item:hover .rating-indicator_item.m-selected:nth-child(9),\n        .flex-rating-item:hover .rating-indicator_item.m-selected:nth-child(9) {\n            animation-delay: 0.45s;\n        }\n        \n        .terrain-rating-item:hover .rating-indicator_item.m-selected:nth-child(10),\n        .flex-rating-item:hover .rating-indicator_item.m-selected:nth-child(10) {\n            animation-delay: 0.5s;\n        }\n        \n        \/* Terrain Ratings with reduced spacing *\/\n        .terrain-ratings-grid {\n            display: grid;\n            grid-template-columns: 1fr;\n            gap: 0.75rem;\n            margin-bottom: 1rem;\n        }\n        \n        .terrain-rating-item {\n            width: 100%;\n            cursor: pointer;\n            -webkit-tap-highlight-color: transparent;\n        }\n        \n        .flex-rating-item {\n            width: 100%;\n            cursor: pointer;\n            -webkit-tap-highlight-color: transparent;\n        }\n        \n        .skill-rating-item {\n            width: 100%;\n            cursor: pointer;\n            -webkit-tap-highlight-color: transparent;\n        }\n        \n        .terrain-label {\n            font-weight: 600;\n            color: #1e293b;\n            font-size: 1.4rem;\n            margin-bottom: 0.25rem;\n            display: block;\n        }\n        \n        \/* Size Chart - UPDATED WITH LARGER TEXT *\/\n        .size-chart-container {\n            width: 100%;\n            overflow-x: auto;\n            margin: 1rem 0;\n            -webkit-overflow-scrolling: touch;\n            border: 1px solid #e2e8f0;\n            border-radius: 12px;\n            background: #f8fafc;\n        }\n        \n        .size-chart {\n            width: 100%;\n            border-collapse: collapse;\n            background: white;\n            table-layout: fixed;\n        }\n        \n        .size-chart th {\n            background: #f87171;\n            color: white;\n            font-weight: 600;\n            padding: 1rem 0.7rem;\n            text-align: center;\n            font-size: 1.3rem;\n            white-space: normal;\n            word-wrap: break-word;\n            border-right: 1px solid #fca5a5;\n            min-width: 60px;\n        }\n        \n        .size-chart th:last-child {\n            border-right: none;\n        }\n        \n        .size-chart td {\n            padding: 0.9rem 0.6rem;\n            text-align: center;\n            border-bottom: 1px solid #e2e8f0;\n            border-right: 1px solid #e2e8f0;\n            font-size: 1.3rem;\n            transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            word-wrap: break-word;\n            overflow-wrap: break-word;\n        }\n        \n        .size-chart td:last-child {\n            border-right: none;\n        }\n        \n        .size-chart tr:last-child td {\n            border-bottom: none;\n        }\n        \n        .size-chart tr:hover td {\n            background: #fef2f2;\n        }\n        \n        .size-header {\n            font-weight: 700;\n            color: #1e293b;\n            background: #f8fafc;\n            transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n        }\n        \n        \/* Performance section animations *\/\n        .performance-opening .rating-indicator_item.m-selected {\n            animation: slideInFill 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;\n        }\n        \n        @keyframes slideInFill {\n            0% {\n                transform: scaleX(0);\n            }\n            70% {\n                transform: scaleX(1);\n            }\n            100% {\n                transform: scaleX(1);\n            }\n        }\n        \n        .performance-opening .rating-indicator_item.m-selected:nth-child(1) { \n            animation-delay: 0.1s;\n        }\n        .performance-opening .rating-indicator_item.m-selected:nth-child(2) { \n            animation-delay: 0.2s;\n        }\n        .performance-opening .rating-indicator_item.m-selected:nth-child(3) { \n            animation-delay: 0.3s;\n        }\n        .performance-opening .rating-indicator_item.m-selected:nth-child(4) { \n            animation-delay: 0.4s;\n        }\n        .performance-opening .rating-indicator_item.m-selected:nth-child(5) { \n            animation-delay: 0.5s;\n        }\n        .performance-opening .rating-indicator_item.m-selected:nth-child(6) { \n            animation-delay: 0.6s;\n        }\n        .performance-opening .rating-indicator_item.m-selected:nth-child(7) { \n            animation-delay: 0.7s;\n        }\n        .performance-opening .rating-indicator_item.m-selected:nth-child(8) { \n            animation-delay: 0.8s;\n        }\n        .performance-opening .rating-indicator_item.m-selected:nth-child(9) { \n            animation-delay: 0.9s;\n        }\n        .performance-opening .rating-indicator_item.m-selected:nth-child(10) { \n            animation-delay: 1.0s;\n        }\n        \n        \/* Mobile-specific styles *\/\n        @media (max-width: 768px) {\n            .features-grid {\n                grid-template-columns: 1fr;\n            }\n            \n            .feature:hover {\n                transform: none;\n                box-shadow: none;\n            }\n            \n            .detail-summary:hover {\n                background-color: transparent;\n            }\n            \n            .size-chart-container {\n                margin: 1rem 0;\n                border-radius: 8px;\n            }\n            \n            .size-chart th,\n            .size-chart td {\n                padding: 0.8rem 0.5rem;\n                font-size: 1.2rem;\n            }\n            \n            .size-chart {\n                min-width: 500px;\n            }\n            \n            .product-title {\n                font-size: 2.5rem;\n            }\n            \n            .product-subtitle {\n                font-size: 1.4rem;\n            }\n            \n            .detail-summary {\n                font-size: 1.6rem;\n            }\n            \n            .detail-content {\n                font-size: 1.3rem;\n            }\n            \n            .feature-content h3 {\n                font-size: 1.4rem;\n            }\n            \n            .feature-content p, .feature-content ul {\n                font-size: 1.3rem;\n            }\n            \n            .rating-details {\n                font-size: 1.3rem;\n            }\n            \n            .terrain-label {\n                font-size: 1.3rem;\n            }\n        }\n        \n        @media (max-width: 640px) {\n            body {\n                padding: 1rem;\n            }\n            \n            .product-title {\n                font-size: 2.2rem;\n            }\n            \n            .product-subtitle {\n                font-size: 1.3rem;\n            }\n            \n            .detail-summary {\n                padding: 1.25rem 1.5rem;\n                font-size: 1.5rem;\n            }\n            \n            .detail-content {\n                padding: 0 1.5rem 1.25rem;\n                font-size: 1.3rem;\n            }\n            \n            .feature-content h3 {\n                font-size: 1.4rem;\n            }\n            \n            .feature-content p, .feature-content ul {\n                font-size: 1.3rem;\n            }\n\n            .rating-details {\n                font-size: 1.2rem;\n            }\n            \n            .terrain-label {\n                font-size: 1.2rem;\n            }\n            \n            .size-chart th,\n            .size-chart td {\n                padding: 0.7rem 0.4rem;\n                font-size: 1.1rem;\n            }\n        }\n        \n        @media (max-width: 480px) {\n            .size-chart th,\n            .size-chart td {\n                padding: 0.6rem 0.3rem;\n                font-size: 1rem;\n            }\n            \n            .product-title {\n                font-size: 2rem;\n            }\n            \n            .product-subtitle {\n                font-size: 1.2rem;\n            }\n            \n            .detail-summary {\n                font-size: 1.4rem;\n            }\n            \n            .detail-content {\n                font-size: 1.2rem;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"product-header\"\u003e\n\u003ch1 class=\"product-title\"\u003eSelect Eiki Binding\u003c\/h1\u003e\n\u003cp class=\"product-subtitle\"\u003eThe #YES Bindings Select is your go-to for freestyle adventures\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"details-container\"\u003e\n\u003cdetails class=\"detail-item\"\u003e\n\u003csummary class=\"detail-summary\"\u003e\u003cspan\u003eProduct Overview\u003c\/span\u003e \u003cspan class=\"detail-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"detail-content\"\u003e\n\u003cp\u003eThe #YES Bindings Select is your go-to for freestyle adventures. With a flex rating of 6\/10, it features the Asym S-Sense strap and Canted 2.0 footpillow for enhanced comfort and support. Skate-Tech and Flushcup Technology offer stability, making it perfect for tackling your favorite park runs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"detail-item\"\u003e\n\u003csummary class=\"detail-summary\"\u003e\u003cspan\u003eFeatures\u003c\/span\u003e \u003cspan class=\"detail-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"detail-content\"\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature\"\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch3\u003eSkate Tech\u003c\/h3\u003e\n\u003cp\u003eThis technology, inspired by skateboard trucks, directs energy directly to the board's edges, which reduces foot fatigue and provides a \"surfy\" feel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch3\u003eHanger 2.0 Baseplate\u003c\/h3\u003e\n\u003cp\u003eA durable baseless design with 30% glass fiber reinforcement that allows for even board flex.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch3\u003eFreestyle Highback\u003c\/h3\u003e\n\u003cp\u003eSymmetrical geometry with a minimal top curve for extra mobility, making tweaks and grabs easier.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch3\u003eStraps\u003c\/h3\u003e\n\u003cp\u003eAsym S-Sense ankle strap for a comfortable, pressure-point-free fit and a 3D Stretch Fit toe strap for a secure toe cap fit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch3\u003eBushings\u003c\/h3\u003e\n\u003cp\u003eComes with medium density (45 Shore) bushings for balanced performance, but is compatible with additional soft and hard bushings (sold separately) for customization.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"detail-item\" id=\"performance-section\"\u003e\n\u003csummary class=\"detail-summary\"\u003e\u003cspan\u003ePerformance\u003c\/span\u003e \u003cspan class=\"detail-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"detail-content\"\u003e\n\u003c!-- Flex Rating --\u003e\n\u003cdiv class=\"rating-container\"\u003e\n\u003cp class=\"rating-details\"\u003e\u003cspan class=\"rating-details_title\"\u003eFlex: 5\u003c\/span\u003e\u003c\/p\u003e\n\u003cdiv class=\"flex-rating-item\"\u003e\n\u003cul class=\"rating-indicator\"\u003e\n\u003cli class=\"rating-indicator_item m-selected\"\u003eSoft\u003c\/li\u003e\n\u003cli class=\"rating-indicator_item m-selected\"\u003e\n\u003c\/li\u003e\n\u003cli class=\"rating-indicator_item m-selected\"\u003e\n\u003c\/li\u003e\n\u003cli class=\"rating-indicator_item m-selected\"\u003e\n\u003c\/li\u003e\n\u003cli class=\"rating-indicator_item m-selected\"\u003e\n\u003c\/li\u003e\n\u003cli class=\"rating-indicator_item m-selected  active-rating\"\u003e6\u003c\/li\u003e\n\u003cli class=\"rating-indicator_item\"\u003e\n\u003c\/li\u003e\n\u003cli class=\"rating-indicator_item\"\u003e\n\u003c\/li\u003e\n\u003cli class=\"rating-indicator_item\"\u003e\n\u003c\/li\u003e\n\u003cli class=\"rating-indicator_item\"\u003eStiff\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"detail-item\"\u003e\n\u003csummary class=\"detail-summary\"\u003e\u003cspan\u003eSize Chart\u003c\/span\u003e \u003cspan class=\"detail-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"detail-content\"\u003e\n\u003cdiv class=\"size-chart-container\"\u003e\n\u003ctable class=\"size-chart\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eMen's \/ Youth\u003c\/th\u003e\n\u003cth\u003eUS\u003c\/th\u003e\n\u003cth\u003eEU\u003c\/th\u003e\n\u003cth\u003eMD\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd class=\"size-header\"\u003eSmall\u003c\/td\u003e\n\u003ctd\u003e5.0 - 7.0\u003c\/td\u003e\n\u003ctd\u003e36.5 - 39.5\u003c\/td\u003e\n\u003ctd\u003e23.5 - 25.0\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"size-header\"\u003eMedium\u003c\/td\u003e\n\u003ctd\u003e7.5 - 10.0\u003c\/td\u003e\n\u003ctd\u003e40 - 43\u003c\/td\u003e\n\u003ctd\u003e25.5 - 28.0\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"size-header\"\u003eLarge\u003c\/td\u003e\n\u003ctd\u003e10.5 +\u003c\/td\u003e\n\u003ctd\u003e43.5 +\u003c\/td\u003e\n\u003ctd\u003e28.5 +\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\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Yes","offers":[{"title":"Eiki Green Glow \/ M \/ Mens","offer_id":52650949312878,"sku":"YES61M022004","price":244.95,"currency_code":"CAD","in_stock":true},{"title":"Eiki Green Glow \/ L \/ Mens","offer_id":52650949345646,"sku":"YES61M022005","price":244.95,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/SelectEikiBinding-EikiGreenGlow.png?v=1758819201"},{"product_id":"yes-mens-select-kowalchuk-binding-kowalchuk-black-winter-2026","title":"Select Kowalchuk Binding","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n        }\n        \n        body {\n            background-color: #f8fafc;\n            color: #334155;\n            line-height: 1.6;\n            padding: 2rem 1rem;\n            font-size: 1.3rem;\n        }\n        \n        .container {\n            max-width: 1250px;\n            margin: 0 auto;\n            background: white;\n            border-radius: 16px;\n            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);\n            overflow: hidden;\n        }\n        \n        .product-header {\n            padding: 2rem 2rem 1rem;\n            background: linear-gradient(135deg, #fef2f2 0%, #fecaca 50%, #fca5a5 100%);\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .product-title {\n            font-size: 3rem;\n            font-weight: 800;\n            margin-bottom: 0.5rem;\n            color: #1e293b;\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            display: inline-block;\n            cursor: pointer;\n            position: relative;\n            z-index: 2;\n        }\n        \n        .product-subtitle {\n            font-size: 1.5rem;\n            color: #64748b;\n            font-weight: 400;\n            position: relative;\n            z-index: 2;\n        }\n        \n        .details-container {\n            padding: 0;\n        }\n        \n        .detail-item {\n            border-bottom: 1px solid #e2e8f0;\n            transition: all 0.3s ease;\n        }\n        \n        .detail-item:last-child {\n            border-bottom: none;\n        }\n        \n        .detail-summary {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            padding: 1.5rem 2rem;\n            cursor: pointer;\n            list-style: none;\n            font-weight: 600;\n            font-size: 1.7rem;\n            transition: background-color 0.2s ease;\n        }\n        \n        .detail-summary:hover {\n            background-color: #fef2f2;\n        }\n        \n        .detail-summary::-webkit-details-marker {\n            display: none;\n        }\n        \n        .detail-icon {\n            font-size: 1.7rem;\n            transition: transform 0.3s ease;\n            color: #64748b;\n        }\n        \n        .detail-item[open] .detail-icon {\n            transform: rotate(45deg);\n        }\n        \n        .detail-content {\n            padding: 0 2rem 1.5rem;\n            color: #475569;\n            line-height: 1.7;\n            font-size: 1.4rem;\n        }\n        \n        .features-grid {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 1rem;\n            margin-top: 1rem;\n        }\n        \n        .feature {\n            padding: 1.25rem;\n            background: #f8fafc;\n            border-radius: 12px;\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            border: 1px solid transparent;\n            height: fit-content;\n        }\n        \n        .feature:hover {\n            transform: translateY(-3px);\n            box-shadow: 0 6px 16px rgba(239, 68, 68, 0.2);\n            border-color: #fecaca;\n        }\n        \n        .feature-content h3 {\n            font-size: 1.5rem;\n            color: #1e293b;\n            margin-bottom: 0.5rem;\n            font-weight: 600;\n        }\n        \n        .feature-content p {\n            color: #64748b;\n            font-size: 1.4rem;\n            line-height: 1.6;\n        }\n        \n        .feature-content ul {\n            color: #64748b;\n            font-size: 1.4rem;\n            line-height: 1.6;\n            padding-left: 1.25rem;\n        }\n        \n        .feature-content li {\n            margin-bottom: 0.25rem;\n        }\n\n        \/* Rating Bars *\/\n        .rating-container {\n            margin: 0.5rem 0;\n            padding: 1rem;\n            background: #f8fafc;\n            border-radius: 12px;\n            transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n        }\n        \n        .rating-details {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            margin-bottom: 0.5rem;\n            font-size: 1.4rem;\n        }\n        \n        .rating-details_title {\n            font-weight: 600;\n            color: #1e293b;\n        }\n        \n        .rating-indicator {\n            display: flex;\n            margin-bottom: 0.25rem;\n            padding: 0;\n            list-style: none;\n            width: 100%;\n            position: relative;\n            height: 22px;\n        }\n        \n        .rating-indicator_item {\n            height: 16px;\n            flex: 1;\n            background-color: #e2e8f0;\n            margin-right: 1px;\n            border-radius: 3px;\n            transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            transform-origin: left center;\n            position: relative;\n            overflow: hidden;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-weight: 600;\n            font-size: 1rem;\n            text-shadow: 0 1px 2px rgba(0,0,0,0.3);\n        }\n        \n        .rating-indicator_item {\n            color: transparent;\n        }\n        \n        .rating-indicator_item.active-rating {\n            color: white;\n        }\n        \n        .rating-indicator_item:first-child:not(.active-rating),\n        .rating-indicator_item:last-child:not(.active-rating) {\n            color: #64748b;\n            font-size: 0.9rem;\n        }\n        \n        .skill-rating-item .rating-indicator_item {\n            color: transparent;\n            font-size: 1.1rem;\n            border: 1px solid #cbd5e1;\n        }\n        \n        .skill-rating-item .rating-indicator_item.active-rating {\n            color: white;\n            border: 2px solid #1e293b;\n        }\n        \n        .skill-rating-item .rating-indicator_item.m-selected:nth-child(1) { \n            background-color: #fecaca !important;\n        }\n        .skill-rating-item .rating-indicator_item.m-selected:nth-child(2) { \n            background-color: #fca5a5 !important;\n        }\n        .skill-rating-item .rating-indicator_item.m-selected:nth-child(3) { \n            background-color: #f87171 !important;\n        }\n        \n        .rating-indicator_item:first-child {\n            border-top-left-radius: 6px;\n            border-bottom-left-radius: 6px;\n        }\n        \n        .rating-indicator_item:last-child {\n            border-top-right-radius: 6px;\n            border-bottom-right-radius: 6px;\n            margin-right: 0;\n        }\n        \n        \/* Red gradient for rating bars *\/\n        .rating-indicator_item.m-selected:nth-child(1) { background-color: #fef2f2 !important; }\n        .rating-indicator_item.m-selected:nth-child(2) { background-color: #fecaca !important; }\n        .rating-indicator_item.m-selected:nth-child(3) { background-color: #fca5a5 !important; }\n        .rating-indicator_item.m-selected:nth-child(4) { background-color: #f87171 !important; }\n        .rating-indicator_item.m-selected:nth-child(5) { background-color: #ef4444 !important; }\n        .rating-indicator_item.m-selected:nth-child(6) { background-color: #dc2626 !important; }\n        .rating-indicator_item.m-selected:nth-child(7) { background-color: #b91c1b !important; }\n        .rating-indicator_item.m-selected:nth-child(8) { background-color: #991b1b !important; }\n        .rating-indicator_item.m-selected:nth-child(9) { background-color: #7f1d1d !important; }\n        .rating-indicator_item.m-selected:nth-child(10) { background-color: #450a0a !important; }\n        \n        .rating-indicator_item.m-selected.active-rating {\n            box-shadow: 0 0 0 1px white, 0 0 0 2px #1e293b;\n            z-index: 1;\n            transform: scale(1.05);\n        }\n        \n        \/* Wave animation for rating bars *\/\n        .terrain-rating-item:hover .rating-indicator_item.m-selected,\n        .flex-rating-item:hover .rating-indicator_item.m-selected,\n        .skill-rating-item:hover .rating-indicator_item.m-selected {\n            animation: waveExpand 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;\n        }\n        \n        @keyframes waveExpand {\n            0% {\n                transform: scaleY(1);\n            }\n            25% {\n                transform: scaleY(1.4);\n            }\n            50% {\n                transform: scaleY(1.2);\n            }\n            75% {\n                transform: scaleY(1.3);\n            }\n            100% {\n                transform: scaleY(1);\n            }\n        }\n        \n        \/* Stagger the wave animation for each rating bar *\/\n        .terrain-rating-item:hover .rating-indicator_item.m-selected:nth-child(1),\n        .flex-rating-item:hover .rating-indicator_item.m-selected:nth-child(1),\n        .skill-rating-item:hover .rating-indicator_item.m-selected:nth-child(1) {\n            animation-delay: 0.05s;\n        }\n        \n        .terrain-rating-item:hover .rating-indicator_item.m-selected:nth-child(2),\n        .flex-rating-item:hover .rating-indicator_item.m-selected:nth-child(2),\n        .skill-rating-item:hover .rating-indicator_item.m-selected:nth-child(2) {\n            animation-delay: 0.1s;\n        }\n        \n        .terrain-rating-item:hover .rating-indicator_item.m-selected:nth-child(3),\n        .flex-rating-item:hover .rating-indicator_item.m-selected:nth-child(3),\n        .skill-rating-item:hover .rating-indicator_item.m-selected:nth-child(3) {\n            animation-delay: 0.15s;\n        }\n        \n        .terrain-rating-item:hover .rating-indicator_item.m-selected:nth-child(4),\n        .flex-rating-item:hover .rating-indicator_item.m-selected:nth-child(4) {\n            animation-delay: 0.2s;\n        }\n        \n        .terrain-rating-item:hover .rating-indicator_item.m-selected:nth-child(5),\n        .flex-rating-item:hover .rating-indicator_item.m-selected:nth-child(5) {\n            animation-delay: 0.25s;\n        }\n        \n        .terrain-rating-item:hover .rating-indicator_item.m-selected:nth-child(6),\n        .flex-rating-item:hover .rating-indicator_item.m-selected:nth-child(6) {\n            animation-delay: 0.3s;\n        }\n        \n        .terrain-rating-item:hover .rating-indicator_item.m-selected:nth-child(7),\n        .flex-rating-item:hover .rating-indicator_item.m-selected:nth-child(7) {\n            animation-delay: 0.35s;\n        }\n        \n        .terrain-rating-item:hover .rating-indicator_item.m-selected:nth-child(8),\n        .flex-rating-item:hover .rating-indicator_item.m-selected:nth-child(8) {\n            animation-delay: 0.4s;\n        }\n        \n        .terrain-rating-item:hover .rating-indicator_item.m-selected:nth-child(9),\n        .flex-rating-item:hover .rating-indicator_item.m-selected:nth-child(9) {\n            animation-delay: 0.45s;\n        }\n        \n        .terrain-rating-item:hover .rating-indicator_item.m-selected:nth-child(10),\n        .flex-rating-item:hover .rating-indicator_item.m-selected:nth-child(10) {\n            animation-delay: 0.5s;\n        }\n        \n        \/* Terrain Ratings with reduced spacing *\/\n        .terrain-ratings-grid {\n            display: grid;\n            grid-template-columns: 1fr;\n            gap: 0.75rem;\n            margin-bottom: 1rem;\n        }\n        \n        .terrain-rating-item {\n            width: 100%;\n            cursor: pointer;\n            -webkit-tap-highlight-color: transparent;\n        }\n        \n        .flex-rating-item {\n            width: 100%;\n            cursor: pointer;\n            -webkit-tap-highlight-color: transparent;\n        }\n        \n        .skill-rating-item {\n            width: 100%;\n            cursor: pointer;\n            -webkit-tap-highlight-color: transparent;\n        }\n        \n        .terrain-label {\n            font-weight: 600;\n            color: #1e293b;\n            font-size: 1.4rem;\n            margin-bottom: 0.25rem;\n            display: block;\n        }\n        \n        \/* Size Chart - UPDATED WITH LARGER TEXT *\/\n        .size-chart-container {\n            width: 100%;\n            overflow-x: auto;\n            margin: 1rem 0;\n            -webkit-overflow-scrolling: touch;\n            border: 1px solid #e2e8f0;\n            border-radius: 12px;\n            background: #f8fafc;\n        }\n        \n        .size-chart {\n            width: 100%;\n            border-collapse: collapse;\n            background: white;\n            table-layout: fixed;\n        }\n        \n        .size-chart th {\n            background: #f87171;\n            color: white;\n            font-weight: 600;\n            padding: 1rem 0.7rem;\n            text-align: center;\n            font-size: 1.3rem;\n            white-space: normal;\n            word-wrap: break-word;\n            border-right: 1px solid #fca5a5;\n            min-width: 60px;\n        }\n        \n        .size-chart th:last-child {\n            border-right: none;\n        }\n        \n        .size-chart td {\n            padding: 0.9rem 0.6rem;\n            text-align: center;\n            border-bottom: 1px solid #e2e8f0;\n            border-right: 1px solid #e2e8f0;\n            font-size: 1.3rem;\n            transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            word-wrap: break-word;\n            overflow-wrap: break-word;\n        }\n        \n        .size-chart td:last-child {\n            border-right: none;\n        }\n        \n        .size-chart tr:last-child td {\n            border-bottom: none;\n        }\n        \n        .size-chart tr:hover td {\n            background: #fef2f2;\n        }\n        \n        .size-header {\n            font-weight: 700;\n            color: #1e293b;\n            background: #f8fafc;\n            transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n        }\n        \n        \/* Performance section animations *\/\n        .performance-opening .rating-indicator_item.m-selected {\n            animation: slideInFill 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;\n        }\n        \n        @keyframes slideInFill {\n            0% {\n                transform: scaleX(0);\n            }\n            70% {\n                transform: scaleX(1);\n            }\n            100% {\n                transform: scaleX(1);\n            }\n        }\n        \n        .performance-opening .rating-indicator_item.m-selected:nth-child(1) { \n            animation-delay: 0.1s;\n        }\n        .performance-opening .rating-indicator_item.m-selected:nth-child(2) { \n            animation-delay: 0.2s;\n        }\n        .performance-opening .rating-indicator_item.m-selected:nth-child(3) { \n            animation-delay: 0.3s;\n        }\n        .performance-opening .rating-indicator_item.m-selected:nth-child(4) { \n            animation-delay: 0.4s;\n        }\n        .performance-opening .rating-indicator_item.m-selected:nth-child(5) { \n            animation-delay: 0.5s;\n        }\n        .performance-opening .rating-indicator_item.m-selected:nth-child(6) { \n            animation-delay: 0.6s;\n        }\n        .performance-opening .rating-indicator_item.m-selected:nth-child(7) { \n            animation-delay: 0.7s;\n        }\n        .performance-opening .rating-indicator_item.m-selected:nth-child(8) { \n            animation-delay: 0.8s;\n        }\n        .performance-opening .rating-indicator_item.m-selected:nth-child(9) { \n            animation-delay: 0.9s;\n        }\n        .performance-opening .rating-indicator_item.m-selected:nth-child(10) { \n            animation-delay: 1.0s;\n        }\n        \n        \/* Mobile-specific styles *\/\n        @media (max-width: 768px) {\n            .features-grid {\n                grid-template-columns: 1fr;\n            }\n            \n            .feature:hover {\n                transform: none;\n                box-shadow: none;\n            }\n            \n            .detail-summary:hover {\n                background-color: transparent;\n            }\n            \n            .size-chart-container {\n                margin: 1rem 0;\n                border-radius: 8px;\n            }\n            \n            .size-chart th,\n            .size-chart td {\n                padding: 0.8rem 0.5rem;\n                font-size: 1.2rem;\n            }\n            \n            .size-chart {\n                min-width: 500px;\n            }\n            \n            .product-title {\n                font-size: 2.5rem;\n            }\n            \n            .product-subtitle {\n                font-size: 1.4rem;\n            }\n            \n            .detail-summary {\n                font-size: 1.6rem;\n            }\n            \n            .detail-content {\n                font-size: 1.3rem;\n            }\n            \n            .feature-content h3 {\n                font-size: 1.4rem;\n            }\n            \n            .feature-content p, .feature-content ul {\n                font-size: 1.3rem;\n            }\n            \n            .rating-details {\n                font-size: 1.3rem;\n            }\n            \n            .terrain-label {\n                font-size: 1.3rem;\n            }\n        }\n        \n        @media (max-width: 640px) {\n            body {\n                padding: 1rem;\n            }\n            \n            .product-title {\n                font-size: 2.2rem;\n            }\n            \n            .product-subtitle {\n                font-size: 1.3rem;\n            }\n            \n            .detail-summary {\n                padding: 1.25rem 1.5rem;\n                font-size: 1.5rem;\n            }\n            \n            .detail-content {\n                padding: 0 1.5rem 1.25rem;\n                font-size: 1.3rem;\n            }\n            \n            .feature-content h3 {\n                font-size: 1.4rem;\n            }\n            \n            .feature-content p, .feature-content ul {\n                font-size: 1.3rem;\n            }\n\n            .rating-details {\n                font-size: 1.2rem;\n            }\n            \n            .terrain-label {\n                font-size: 1.2rem;\n            }\n            \n            .size-chart th,\n            .size-chart td {\n                padding: 0.7rem 0.4rem;\n                font-size: 1.1rem;\n            }\n        }\n        \n        @media (max-width: 480px) {\n            .size-chart th,\n            .size-chart td {\n                padding: 0.6rem 0.3rem;\n                font-size: 1rem;\n            }\n            \n            .product-title {\n                font-size: 2rem;\n            }\n            \n            .product-subtitle {\n                font-size: 1.2rem;\n            }\n            \n            .detail-summary {\n                font-size: 1.4rem;\n            }\n            \n            .detail-content {\n                font-size: 1.2rem;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"product-header\"\u003e\n\u003ch1 class=\"product-title\"\u003eSelect Kowalchuk Binding\u003c\/h1\u003e\n\u003cp class=\"product-subtitle\"\u003eThe #YES Bindings Select is your go-to for freestyle adventures\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"details-container\"\u003e\n\u003cdetails class=\"detail-item\"\u003e\n\u003csummary class=\"detail-summary\"\u003e\u003cspan\u003eProduct Overview\u003c\/span\u003e \u003cspan class=\"detail-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"detail-content\"\u003e\n\u003cp\u003eThe #YES Bindings Select is your go-to for freestyle adventures. With a flex rating of 6\/10, it features the Asym S-Sense strap and Canted 2.0 footpillow for enhanced comfort and support. Skate-Tech and Flushcup Technology offer stability, making it perfect for tackling your favorite park runs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"detail-item\"\u003e\n\u003csummary class=\"detail-summary\"\u003e\u003cspan\u003eFeatures\u003c\/span\u003e \u003cspan class=\"detail-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"detail-content\"\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature\"\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch3\u003eSkate Tech\u003c\/h3\u003e\n\u003cp\u003eThis technology, inspired by skateboard trucks, directs energy directly to the board's edges, which reduces foot fatigue and provides a \"surfy\" feel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch3\u003eHanger 2.0 Baseplate\u003c\/h3\u003e\n\u003cp\u003eA durable baseless design with 30% glass fiber reinforcement that allows for even board flex.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch3\u003eFreestyle Highback\u003c\/h3\u003e\n\u003cp\u003eSymmetrical geometry with a minimal top curve for extra mobility, making tweaks and grabs easier.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch3\u003eStraps\u003c\/h3\u003e\n\u003cp\u003eAsym S-Sense ankle strap for a comfortable, pressure-point-free fit and a 3D Stretch Fit toe strap for a secure toe cap fit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch3\u003eBushings\u003c\/h3\u003e\n\u003cp\u003eComes with medium density (45 Shore) bushings for balanced performance, but is compatible with additional soft and hard bushings (sold separately) for customization.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"detail-item\" id=\"performance-section\"\u003e\n\u003csummary class=\"detail-summary\"\u003e\u003cspan\u003ePerformance\u003c\/span\u003e \u003cspan class=\"detail-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"detail-content\"\u003e\n\u003c!-- Flex Rating --\u003e\n\u003cdiv class=\"rating-container\"\u003e\n\u003cp class=\"rating-details\"\u003e\u003cspan class=\"rating-details_title\"\u003eFlex: 5\u003c\/span\u003e\u003c\/p\u003e\n\u003cdiv class=\"flex-rating-item\"\u003e\n\u003cul class=\"rating-indicator\"\u003e\n\u003cli class=\"rating-indicator_item m-selected\"\u003eSoft\u003c\/li\u003e\n\u003cli class=\"rating-indicator_item m-selected\"\u003e\n\u003c\/li\u003e\n\u003cli class=\"rating-indicator_item m-selected\"\u003e\n\u003c\/li\u003e\n\u003cli class=\"rating-indicator_item m-selected\"\u003e\n\u003c\/li\u003e\n\u003cli class=\"rating-indicator_item m-selected\"\u003e\n\u003c\/li\u003e\n\u003cli class=\"rating-indicator_item m-selected  active-rating\"\u003e6\u003c\/li\u003e\n\u003cli class=\"rating-indicator_item\"\u003e\n\u003c\/li\u003e\n\u003cli class=\"rating-indicator_item\"\u003e\n\u003c\/li\u003e\n\u003cli class=\"rating-indicator_item\"\u003e\n\u003c\/li\u003e\n\u003cli class=\"rating-indicator_item\"\u003eStiff\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"detail-item\"\u003e\n\u003csummary class=\"detail-summary\"\u003e\u003cspan\u003eSize Chart\u003c\/span\u003e \u003cspan class=\"detail-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"detail-content\"\u003e\n\u003cdiv class=\"size-chart-container\"\u003e\n\u003ctable class=\"size-chart\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eMen's \/ Youth\u003c\/th\u003e\n\u003cth\u003eUS\u003c\/th\u003e\n\u003cth\u003eEU\u003c\/th\u003e\n\u003cth\u003eMD\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd class=\"size-header\"\u003eSmall\u003c\/td\u003e\n\u003ctd\u003e5.0 - 7.0\u003c\/td\u003e\n\u003ctd\u003e36.5 - 39.5\u003c\/td\u003e\n\u003ctd\u003e23.5 - 25.0\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"size-header\"\u003eMedium\u003c\/td\u003e\n\u003ctd\u003e7.5 - 10.0\u003c\/td\u003e\n\u003ctd\u003e40 - 43\u003c\/td\u003e\n\u003ctd\u003e25.5 - 28.0\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"size-header\"\u003eLarge\u003c\/td\u003e\n\u003ctd\u003e10.5 +\u003c\/td\u003e\n\u003ctd\u003e43.5 +\u003c\/td\u003e\n\u003ctd\u003e28.5 +\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\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Yes","offers":[{"title":"Kowalchuk Black \/ M \/ Mens","offer_id":52650949411182,"sku":"YES61M023004","price":244.95,"currency_code":"CAD","in_stock":false},{"title":"Kowalchuk Black \/ L \/ Mens","offer_id":52650949443950,"sku":"YES61M023005","price":244.95,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/SelectKowalchukBinding-KowalchukBlack-2.png?v=1758819157"},{"product_id":"yes-mens-select-binding-yay-grey-winter-2026","title":"Select Binding","description":"\u003cstyle\u003e\n.product-description {\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;\n    color: #1a1a1a;\n    line-height: 1.7;\n    max-width: 800px;\n    margin: 0;\n    padding: 0;\n}\n\n.intro-text {\n    font-size: clamp(15px, 3.5vw, 16px);\n    font-weight: 300;\n    margin-bottom: 32px;\n    color: #2c2c2c;\n    line-height: 1.8;\n    padding-left: 16px;\n    border-left: 3px solid #f87171;\n}\n\n.accordion-item {\n    border-bottom: 1px solid #e0e0e0;\n    transition: border-color 0.2s ease;\n}\n\n.accordion-item:hover {\n    border-bottom-color: #f87171;\n}\n\n.accordion-item:last-child {\n    border-bottom: none;\n}\n\n.accordion-summary {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: clamp(16px, 4vw, 20px) 0;\n    cursor: pointer;\n    list-style: none;\n    font-size: clamp(12px, 2.8vw, 13px);\n    font-weight: 500;\n    letter-spacing: 1.5px;\n    text-transform: uppercase;\n    color: #1a1a1a;\n    transition: all 0.3s ease;\n    position: relative;\n    min-height: 44px;\n}\n\n.accordion-summary::before {\n    content: '';\n    position: absolute;\n    left: 0;\n    bottom: 0;\n    width: 0;\n    height: 2px;\n    background: linear-gradient(90deg, #f87171, #fca5a5);\n    transition: width 0.3s ease;\n}\n\n@media (hover: hover) {\n    .accordion-summary:hover::before {\n        width: 60px;\n    }\n    .accordion-summary:hover {\n        color: #f87171;\n        padding-left: 8px;\n    }\n}\n\n.accordion-summary::-webkit-details-marker {\n    display: none;\n}\n\n.accordion-icon {\n    font-size: 20px;\n    font-weight: 300;\n    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n    color: #999;\n    min-width: 20px;\n    text-align: center;\n}\n\n.accordion-item[open] .accordion-icon {\n    transform: rotate(45deg);\n    color: #f87171;\n}\n\n.accordion-content {\n    padding: 0 0 24px 0;\n    animation: slideDown 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n@keyframes slideDown {\n    from {\n        opacity: 0;\n        transform: translateY(-12px);\n    }\n    to {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n\n.features-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));\n    gap: clamp(16px, 4vw, 20px);\n    margin-top: 8px;\n}\n\n.feature-item {\n    padding: 16px;\n    background: linear-gradient(135deg, #fafafa 0%, #ffffff 100%);\n    border-radius: 8px;\n    border: 1px solid #f0f0f0;\n    transition: all 0.3s ease;\n    position: relative;\n    overflow: hidden;\n}\n\n.feature-item::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 4px;\n    height: 0;\n    background: linear-gradient(180deg, #f87171, #fca5a5);\n    transition: height 0.3s ease;\n}\n\n@media (hover: hover) {\n    .feature-item:hover {\n        transform: translateY(-2px);\n        box-shadow: 0 4px 12px rgba(248, 113, 113, 0.1);\n        border-color: #fecaca;\n    }\n    .feature-item:hover::before {\n        height: 100%;\n    }\n}\n\n.feature-item h3 {\n    font-size: clamp(13px, 3vw, 14px);\n    font-weight: 600;\n    color: #1a1a1a;\n    margin-bottom: 6px;\n}\n\n.feature-item p {\n    font-size: clamp(13px, 3vw, 14px);\n    font-weight: 300;\n    color: #666;\n    margin: 0;\n    line-height: 1.6;\n}\n\n.size-table-wrapper {\n    width: 100%;\n    overflow-x: auto;\n    margin: 16px 0;\n    border-radius: 8px;\n    border: 1px solid #f0f0f0;\n    -webkit-overflow-scrolling: touch;\n    background: white;\n}\n\n.size-table {\n    width: 100%;\n    border-collapse: collapse;\n    background: white;\n}\n\n\/* Desktop (1024px+): Full size with 14px font, 16px padding *\/\n@media (min-width: 1024px) {\n    .size-table {\n        font-size: 14px;\n    }\n    .size-table th,\n    .size-table td {\n        padding: 16px;\n        font-size: 14px;\n    }\n}\n\n\/* Tablet (768px-1024px): Scaled to 13px font, 14px padding *\/\n@media (min-width: 768px) and (max-width: 1023px) {\n    .size-table {\n        font-size: 13px;\n    }\n    .size-table th,\n    .size-table td {\n        padding: 14px;\n        font-size: 13px;\n    }\n}\n\n\/* Mobile (480px-768px): Scaled to 12px font, 12px padding *\/\n@media (min-width: 480px) and (max-width: 767px) {\n    .size-table {\n        font-size: 12px;\n    }\n    .size-table th,\n    .size-table td {\n        padding: 12px;\n        font-size: 12px;\n    }\n}\n\n\/* Small mobile (360px-480px): Scaled to 11px font, 10px padding *\/\n@media (min-width: 360px) and (max-width: 479px) {\n    .size-table {\n        font-size: 11px;\n    }\n    .size-table th,\n    .size-table td {\n        padding: 10px;\n        font-size: 11px;\n    }\n}\n\n\/* Extra small (under 360px): Scaled to 10px font, 8px padding *\/\n@media (max-width: 359px) {\n    .size-table {\n        font-size: 10px;\n    }\n    .size-table th,\n    .size-table td {\n        padding: 8px;\n        font-size: 10px;\n    }\n}\n\n.size-table th {\n    text-align: center;\n    font-weight: 600;\n    color: white;\n    background: linear-gradient(135deg, #f87171 0%, #fca5a5 100%);\n    letter-spacing: 0.3px;\n    white-space: nowrap;\n    line-height: 1.4;\n    vertical-align: middle;\n    border-right: 1px solid rgba(255, 255, 255, 0.2);\n}\n\n.size-table th:last-child {\n    border-right: none;\n}\n\n.size-table td {\n    border-bottom: 1px solid #f0f0f0;\n    border-right: 1px solid #f5f5f5;\n    color: #4a4a4a;\n    font-weight: 400;\n    text-align: center;\n    white-space: nowrap;\n    line-height: 1.4;\n    vertical-align: middle;\n    background: white;\n}\n\n.size-table td:last-child {\n    border-right: none;\n}\n\n.size-table tr:last-child td {\n    border-bottom: none;\n}\n\n.size-table tbody tr {\n    transition: background 0.2s ease;\n}\n\n@media (hover: hover) {\n    .size-table tbody tr:hover {\n        background: #fef2f2;\n    }\n    .size-table tbody tr:hover td {\n        background: #fef2f2;\n    }\n}\n\n.size-table .size-header {\n    font-weight: 700;\n    color: #1a1a1a;\n    background: #f8fafc;\n}\n\n.detail-text {\n    font-size: clamp(14px, 3.2vw, 15px);\n    font-weight: 300;\n    color: #4a4a4a;\n    line-height: 1.8;\n    margin-bottom: 16px;\n}\n\n.flex-rating {\n    margin-top: 8px;\n}\n\n.flex-rating-header {\n    font-size: clamp(13px, 3vw, 14px);\n    font-weight: 600;\n    color: #1a1a1a;\n    margin-bottom: 16px;\n}\n\n.flex-rating-bars {\n    display: flex;\n    gap: 4px;\n    margin-bottom: 12px;\n}\n\n.flex-bar {\n    flex: 1;\n    height: clamp(28px, 6vw, 32px);\n    background: #f0f0f0;\n    border-radius: 6px;\n    transition: all 0.3s ease;\n}\n\n.flex-bar.active {\n    background: linear-gradient(135deg, #f87171 0%, #fca5a5 100%);\n    box-shadow: 0 2px 8px rgba(248, 113, 113, 0.2);\n}\n\n.flex-labels {\n    display: flex;\n    gap: 4px;\n}\n\n.flex-label {\n    flex: 1;\n    text-align: center;\n}\n\n.flex-label-name {\n    font-size: clamp(12px, 2.8vw, 13px);\n    font-weight: 500;\n    color: #1a1a1a;\n    margin-bottom: 4px;\n}\n\n.flex-label-range {\n    font-size: clamp(11px, 2.5vw, 12px);\n    color: #666;\n}\n\u003c\/style\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003cp class=\"intro-text\"\u003e\u003cstrong\u003eThe YES Bindings Select is your go-to for freestyle adventures.\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003eWith a flex rating of 6\/10, it features the Asym S-Sense strap and Canted 2.0 footpillow for enhanced comfort and support. Skate-Tech and Flushcup Technology offer stability, making it perfect for tackling your favorite park runs.\u003c\/p\u003e\n\u003cdetails class=\"accordion-item\"\u003e\n\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eFeatures\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eSkate Tech\u003c\/h3\u003e\n\u003cp\u003eThis technology, inspired by skateboard trucks, directs energy directly to the board's edges, which reduces foot fatigue and provides a \"surfy\" feel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eHanger 2.0 Baseplate\u003c\/h3\u003e\n\u003cp\u003eA durable baseless design with 30% glass fiber reinforcement that allows for even board flex.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eFreestyle Highback\u003c\/h3\u003e\n\u003cp\u003eSymmetrical geometry with a minimal top curve for extra mobility, making tweaks and grabs easier.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eAsym S-Sense \u0026amp; 3D Stretch Fit Straps\u003c\/h3\u003e\n\u003cp\u003eAsym S-Sense ankle strap for a comfortable, pressure-point-free fit and a 3D Stretch Fit toe strap for a secure toe cap fit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eMedium Density Bushings\u003c\/h3\u003e\n\u003cp\u003eComes with medium density (45 Shore) bushings for balanced performance, but is compatible with additional soft and hard bushings (sold separately) for customization.\u003c\/p\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 class=\"accordion-summary\"\u003e\u003cspan\u003ePerformance\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"flex-rating\"\u003e\n\u003cdiv class=\"flex-rating-header\"\u003eFlex: 6\/10\u003c\/div\u003e\n\u003cdiv class=\"flex-rating-bars\"\u003e\n\u003cdiv class=\"flex-bar active\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar active\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar active\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar active\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar active\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar active\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"flex-labels\"\u003e\n\u003cdiv class=\"flex-label\"\u003e\n\u003cdiv class=\"flex-label-name\"\u003eSoft\u003c\/div\u003e\n\u003cdiv class=\"flex-label-range\"\u003e1-3\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"flex-label\"\u003e\n\u003cdiv class=\"flex-label-name\"\u003eMedium\u003c\/div\u003e\n\u003cdiv class=\"flex-label-range\"\u003e4-7\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"flex-label\"\u003e\n\u003cdiv class=\"flex-label-name\"\u003eStiff\u003c\/div\u003e\n\u003cdiv class=\"flex-label-range\"\u003e8-10\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"detail-text\"\u003eMedium flex rating provides the perfect balance for freestyle riding, offering responsive control and support for park features while maintaining the playfulness needed for creative riding.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"accordion-item\"\u003e\n\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eSize Chart\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"size-table-wrapper\"\u003e\n\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eMen's \/ Youth\u003c\/th\u003e\n\u003cth\u003eUS\u003c\/th\u003e\n\u003cth\u003eEU\u003c\/th\u003e\n\u003cth\u003eMondo\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd class=\"size-header\"\u003eSmall\u003c\/td\u003e\n\u003ctd\u003e5.0 - 7.0\u003c\/td\u003e\n\u003ctd\u003e36.5 - 39.5\u003c\/td\u003e\n\u003ctd\u003e23.5 - 25.0\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"size-header\"\u003eMedium\u003c\/td\u003e\n\u003ctd\u003e7.5 - 10.0\u003c\/td\u003e\n\u003ctd\u003e40 - 43\u003c\/td\u003e\n\u003ctd\u003e25.5 - 28.0\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"size-header\"\u003eLarge\u003c\/td\u003e\n\u003ctd\u003e10.5 +\u003c\/td\u003e\n\u003ctd\u003e43.5 +\u003c\/td\u003e\n\u003ctd\u003e28.5 +\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\u003c\/div\u003e","brand":"Yes","offers":[{"title":"YAY Grey \/ M \/ Mens","offer_id":52650949902702,"sku":"YES61M025004","price":209.95,"currency_code":"CAD","in_stock":false},{"title":"YAY Grey \/ L \/ Mens","offer_id":52650949935470,"sku":"YES61M025005","price":209.95,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/SelectBinding-YAYGrey.png?v=1758819160"},{"product_id":"yes-womens-rebel-binding-its-white-winter-2026","title":"Rebel Binding","description":"\u003cstyle\u003e\n.product-description {\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;\n    color: #1a1a1a;\n    line-height: 1.7;\n    max-width: 800px;\n    margin: 0;\n    padding: 0;\n}\n\n.intro-text {\n    font-size: clamp(15px, 3.5vw, 16px);\n    font-weight: 300;\n    margin-bottom: 32px;\n    color: #2c2c2c;\n    line-height: 1.8;\n    padding-left: 16px;\n    border-left: 3px solid #f87171;\n}\n\n.accordion-item {\n    border-bottom: 1px solid #e0e0e0;\n    transition: border-color 0.2s ease;\n}\n\n.accordion-item:hover {\n    border-bottom-color: #f87171;\n}\n\n.accordion-item:last-child {\n    border-bottom: none;\n}\n\n.accordion-summary {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: clamp(16px, 4vw, 20px) 0;\n    cursor: pointer;\n    list-style: none;\n    font-size: clamp(12px, 2.8vw, 13px);\n    font-weight: 500;\n    letter-spacing: 1.5px;\n    text-transform: uppercase;\n    color: #1a1a1a;\n    transition: all 0.3s ease;\n    position: relative;\n    min-height: 44px;\n}\n\n.accordion-summary::before {\n    content: '';\n    position: absolute;\n    left: 0;\n    bottom: 0;\n    width: 0;\n    height: 2px;\n    background: linear-gradient(90deg, #f87171, #fca5a5);\n    transition: width 0.3s ease;\n}\n\n@media (hover: hover) {\n    .accordion-summary:hover::before {\n        width: 60px;\n    }\n    .accordion-summary:hover {\n        color: #f87171;\n        padding-left: 8px;\n    }\n}\n\n.accordion-summary::-webkit-details-marker {\n    display: none;\n}\n\n.accordion-icon {\n    font-size: 20px;\n    font-weight: 300;\n    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n    color: #999;\n    min-width: 20px;\n    text-align: center;\n}\n\n.accordion-item[open] .accordion-icon {\n    transform: rotate(45deg);\n    color: #f87171;\n}\n\n.accordion-content {\n    padding: 0 0 24px 0;\n    animation: slideDown 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n@keyframes slideDown {\n    from {\n        opacity: 0;\n        transform: translateY(-12px);\n    }\n    to {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n\n.features-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));\n    gap: clamp(16px, 4vw, 20px);\n    margin-top: 8px;\n}\n\n.feature-item {\n    padding: 16px;\n    background: linear-gradient(135deg, #fafafa 0%, #ffffff 100%);\n    border-radius: 8px;\n    border: 1px solid #f0f0f0;\n    transition: all 0.3s ease;\n    position: relative;\n    overflow: hidden;\n}\n\n.feature-item::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 4px;\n    height: 0;\n    background: linear-gradient(180deg, #f87171, #fca5a5);\n    transition: height 0.3s ease;\n}\n\n@media (hover: hover) {\n    .feature-item:hover {\n        transform: translateY(-2px);\n        box-shadow: 0 4px 12px rgba(248, 113, 113, 0.1);\n        border-color: #fecaca;\n    }\n    .feature-item:hover::before {\n        height: 100%;\n    }\n}\n\n.feature-item h3 {\n    font-size: clamp(13px, 3vw, 14px);\n    font-weight: 600;\n    color: #1a1a1a;\n    margin-bottom: 6px;\n}\n\n.feature-item p {\n    font-size: clamp(13px, 3vw, 14px);\n    font-weight: 300;\n    color: #666;\n    margin: 0;\n    line-height: 1.6;\n}\n\n.size-table-wrapper {\n    width: 100%;\n    overflow-x: auto;\n    margin: 16px 0;\n    border-radius: 8px;\n    border: 1px solid #f0f0f0;\n    -webkit-overflow-scrolling: touch;\n    background: white;\n}\n\n.size-table {\n    width: 100%;\n    border-collapse: collapse;\n    background: white;\n}\n\n@media (min-width: 1024px) {\n    .size-table {\n        font-size: 14px;\n    }\n    .size-table th,\n    .size-table td {\n        padding: 16px;\n        font-size: 14px;\n    }\n}\n\n@media (min-width: 768px) and (max-width: 1023px) {\n    .size-table {\n        font-size: 13px;\n    }\n    .size-table th,\n    .size-table td {\n        padding: 14px;\n        font-size: 13px;\n    }\n}\n\n@media (min-width: 480px) and (max-width: 767px) {\n    .size-table {\n        font-size: 12px;\n    }\n    .size-table th,\n    .size-table td {\n        padding: 12px;\n        font-size: 12px;\n    }\n}\n\n@media (min-width: 360px) and (max-width: 479px) {\n    .size-table {\n        font-size: 11px;\n    }\n    .size-table th,\n    .size-table td {\n        padding: 10px;\n        font-size: 11px;\n    }\n}\n\n@media (max-width: 359px) {\n    .size-table {\n        font-size: 10px;\n    }\n    .size-table th,\n    .size-table td {\n        padding: 8px;\n        font-size: 10px;\n    }\n}\n\n.size-table th {\n    text-align: center;\n    font-weight: 600;\n    color: white;\n    background: linear-gradient(135deg, #f87171 0%, #fca5a5 100%);\n    letter-spacing: 0.3px;\n    white-space: nowrap;\n    line-height: 1.4;\n    vertical-align: middle;\n    border-right: 1px solid rgba(255, 255, 255, 0.2);\n}\n\n.size-table th:last-child {\n    border-right: none;\n}\n\n.size-table td {\n    border-bottom: 1px solid #f0f0f0;\n    border-right: 1px solid #f5f5f5;\n    color: #4a4a4a;\n    font-weight: 400;\n    text-align: center;\n    white-space: nowrap;\n    line-height: 1.4;\n    vertical-align: middle;\n    background: white;\n}\n\n.size-table td:last-child {\n    border-right: none;\n}\n\n.size-table tr:last-child td {\n    border-bottom: none;\n}\n\n.size-table tbody tr {\n    transition: background 0.2s ease;\n}\n\n@media (hover: hover) {\n    .size-table tbody tr:hover {\n        background: #fef2f2;\n    }\n    .size-table tbody tr:hover td {\n        background: #fef2f2;\n    }\n}\n\n.size-table .size-header {\n    font-weight: 700;\n    color: #1a1a1a;\n    background: #f8fafc;\n}\n\n.detail-text {\n    font-size: clamp(14px, 3.2vw, 15px);\n    font-weight: 300;\n    color: #4a4a4a;\n    line-height: 1.8;\n    margin-bottom: 16px;\n}\n\n.flex-rating {\n    margin-top: 8px;\n}\n\n.flex-rating-header {\n    font-size: clamp(13px, 3vw, 14px);\n    font-weight: 600;\n    color: #1a1a1a;\n    margin-bottom: 16px;\n}\n\n.flex-rating-bars {\n    display: flex;\n    gap: 4px;\n    margin-bottom: 12px;\n}\n\n.flex-bar {\n    flex: 1;\n    height: clamp(28px, 6vw, 32px);\n    background: #f0f0f0;\n    border-radius: 6px;\n    transition: all 0.3s ease;\n}\n\n.flex-bar.active {\n    background: linear-gradient(135deg, #f87171 0%, #fca5a5 100%);\n    box-shadow: 0 2px 8px rgba(248, 113, 113, 0.2);\n}\n\n.flex-labels {\n    display: flex;\n    gap: 4px;\n}\n\n.flex-label {\n    flex: 1;\n    text-align: center;\n}\n\n.flex-label-name {\n    font-size: clamp(12px, 2.8vw, 13px);\n    font-weight: 500;\n    color: #1a1a1a;\n    margin-bottom: 4px;\n}\n\n.flex-label-range {\n    font-size: clamp(11px, 2.5vw, 12px);\n    color: #666;\n}\n\u003c\/style\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003cp class=\"intro-text\"\u003e\u003cstrong\u003eUnleash freestyle power with YES Bindings Rebel.\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003eWith a flex rating of 7\/10, it's ready for intense park sessions. The ASYM S-Sense strap and Flatback highback provide control and comfort, while Skate-Tech and Flushcup Technology ensure smooth performance across various tricks and jumps.\u003c\/p\u003e\n\u003cdetails class=\"accordion-item\"\u003e\n\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eFeatures\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eSkate Tech\u003c\/h3\u003e\n\u003cp\u003eInspired by skateboard trucks, this system directs energy right onto the board's edges, transferring more power with less work and reducing foot fatigue.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eHanger 2.0 Baseplate\u003c\/h3\u003e\n\u003cp\u003eA baseless design with 30% fiberglass reinforcement that allows for even board flex and I-Beam wall sections for rigidity and reduced weight.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eFlatback Highback\u003c\/h3\u003e\n\u003cp\u003eFeatures a flat profile and softer construction for extra mobility, making tweaks and tricks in the park easier, while still providing essential support.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eAsym S-Sense \u0026amp; 3D Stretch Fit Straps\u003c\/h3\u003e\n\u003cp\u003eAsym S-Sense ankle strap for a comfortable, pressure-point-free fit and a 3D Stretch Fit toe strap for better toe cap fit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eMedium Density Bushings\u003c\/h3\u003e\n\u003cp\u003eComes with Medium density bushings (45 shore) for a balanced performance in various conditions.\u003c\/p\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 class=\"accordion-summary\"\u003e\u003cspan\u003ePerformance\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"flex-rating\"\u003e\n\u003cdiv class=\"flex-rating-header\"\u003eFlex: 7\/10\u003c\/div\u003e\n\u003cdiv class=\"flex-rating-bars\"\u003e\n\u003cdiv class=\"flex-bar active\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar active\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar active\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar active\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar active\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar active\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar active\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"flex-labels\"\u003e\n\u003cdiv class=\"flex-label\"\u003e\n\u003cdiv class=\"flex-label-name\"\u003eSoft\u003c\/div\u003e\n\u003cdiv class=\"flex-label-range\"\u003e1-3\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"flex-label\"\u003e\n\u003cdiv class=\"flex-label-name\"\u003eMedium\u003c\/div\u003e\n\u003cdiv class=\"flex-label-range\"\u003e4-7\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"flex-label\"\u003e\n\u003cdiv class=\"flex-label-name\"\u003eStiff\u003c\/div\u003e\n\u003cdiv class=\"flex-label-range\"\u003e8-10\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"detail-text\"\u003eMedium-stiff flex rating provides responsive control and support for aggressive freestyle riding, offering the perfect balance for park features and technical tricks.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"accordion-item\"\u003e\n\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eSize Chart\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"size-table-wrapper\"\u003e\n\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eWomen's Size\u003c\/th\u003e\n\u003cth\u003eUS\u003c\/th\u003e\n\u003cth\u003eEU\u003c\/th\u003e\n\u003cth\u003eMondo\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd class=\"size-header\"\u003eSmall\u003c\/td\u003e\n\u003ctd\u003e5.0 - 8.5\u003c\/td\u003e\n\u003ctd\u003e35 - 39.5\u003c\/td\u003e\n\u003ctd\u003e22 - 25\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"size-header\"\u003eMedium\u003c\/td\u003e\n\u003ctd\u003e9.0 - 11.5\u003c\/td\u003e\n\u003ctd\u003e40 - 42.5\u003c\/td\u003e\n\u003ctd\u003e25.5 - 27.5\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\u003c\/div\u003e","brand":"Yes","offers":[{"title":"It's White \/ S \/ Womens","offer_id":52650950099310,"sku":"YES61W010003","price":209.95,"currency_code":"CAD","in_stock":false},{"title":"It's White \/ M \/ Womens","offer_id":52650950132078,"sku":"YES61W010004","price":209.95,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/RebelBinding-It_sWhite-4.png?v=1758819222"},{"product_id":"yes-mens-ipo-binding-pitch-black-winter-2026","title":"Ipo Binding","description":"\u003cstyle\u003e\n.product-description {\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;\n    color: #1a1a1a;\n    line-height: 1.7;\n    max-width: 800px;\n    margin: 0;\n    padding: 0;\n}\n\n.intro-text {\n    font-size: clamp(15px, 3.5vw, 16px);\n    font-weight: 300;\n    margin-bottom: 32px;\n    color: #2c2c2c;\n    line-height: 1.8;\n    padding-left: 16px;\n    border-left: 3px solid #f87171;\n}\n\n.accordion-item {\n    border-bottom: 1px solid #e0e0e0;\n    transition: border-color 0.2s ease;\n}\n\n.accordion-item:hover {\n    border-bottom-color: #f87171;\n}\n\n.accordion-item:last-child {\n    border-bottom: none;\n}\n\n.accordion-summary {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: clamp(16px, 4vw, 20px) 0;\n    cursor: pointer;\n    list-style: none;\n    font-size: clamp(12px, 2.8vw, 13px);\n    font-weight: 500;\n    letter-spacing: 1.5px;\n    text-transform: uppercase;\n    color: #1a1a1a;\n    transition: all 0.3s ease;\n    position: relative;\n    min-height: 44px;\n}\n\n.accordion-summary::before {\n    content: '';\n    position: absolute;\n    left: 0;\n    bottom: 0;\n    width: 0;\n    height: 2px;\n    background: linear-gradient(90deg, #f87171, #fca5a5);\n    transition: width 0.3s ease;\n}\n\n@media (hover: hover) {\n    .accordion-summary:hover::before {\n        width: 60px;\n    }\n    .accordion-summary:hover {\n        color: #f87171;\n        padding-left: 8px;\n    }\n}\n\n.accordion-summary::-webkit-details-marker {\n    display: none;\n}\n\n.accordion-icon {\n    font-size: 20px;\n    font-weight: 300;\n    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n    color: #999;\n    min-width: 20px;\n    text-align: center;\n}\n\n.accordion-item[open] .accordion-icon {\n    transform: rotate(45deg);\n    color: #f87171;\n}\n\n.accordion-content {\n    padding: 0 0 24px 0;\n    animation: slideDown 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n@keyframes slideDown {\n    from {\n        opacity: 0;\n        transform: translateY(-12px);\n    }\n    to {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n\n.features-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));\n    gap: clamp(16px, 4vw, 20px);\n    margin-top: 8px;\n}\n\n.feature-item {\n    padding: 16px;\n    background: linear-gradient(135deg, #fafafa 0%, #ffffff 100%);\n    border-radius: 8px;\n    border: 1px solid #f0f0f0;\n    transition: all 0.3s ease;\n    position: relative;\n    overflow: hidden;\n}\n\n.feature-item::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 4px;\n    height: 0;\n    background: linear-gradient(180deg, #f87171, #fca5a5);\n    transition: height 0.3s ease;\n}\n\n@media (hover: hover) {\n    .feature-item:hover {\n        transform: translateY(-2px);\n        box-shadow: 0 4px 12px rgba(248, 113, 113, 0.1);\n        border-color: #fecaca;\n    }\n    .feature-item:hover::before {\n        height: 100%;\n    }\n}\n\n.feature-item h3 {\n    font-size: clamp(13px, 3vw, 14px);\n    font-weight: 600;\n    color: #1a1a1a;\n    margin-bottom: 6px;\n}\n\n.feature-item p {\n    font-size: clamp(13px, 3vw, 14px);\n    font-weight: 300;\n    color: #666;\n    margin: 0;\n    line-height: 1.6;\n}\n\n.size-table-wrapper {\n    width: 100%;\n    overflow-x: auto;\n    margin: 16px 0;\n    border-radius: 8px;\n    border: 1px solid #f0f0f0;\n    -webkit-overflow-scrolling: touch;\n    background: white;\n}\n\n.size-table {\n    width: 100%;\n    border-collapse: collapse;\n    background: white;\n}\n\n@media (min-width: 1024px) {\n    .size-table {\n        font-size: 14px;\n    }\n    .size-table th,\n    .size-table td {\n        padding: 16px;\n        font-size: 14px;\n    }\n}\n\n@media (min-width: 768px) and (max-width: 1023px) {\n    .size-table {\n        font-size: 13px;\n    }\n    .size-table th,\n    .size-table td {\n        padding: 14px;\n        font-size: 13px;\n    }\n}\n\n@media (min-width: 480px) and (max-width: 767px) {\n    .size-table {\n        font-size: 12px;\n    }\n    .size-table th,\n    .size-table td {\n        padding: 12px;\n        font-size: 12px;\n    }\n}\n\n@media (min-width: 360px) and (max-width: 479px) {\n    .size-table {\n        font-size: 11px;\n    }\n    .size-table th,\n    .size-table td {\n        padding: 10px;\n        font-size: 11px;\n    }\n}\n\n@media (max-width: 359px) {\n    .size-table {\n        font-size: 10px;\n    }\n    .size-table th,\n    .size-table td {\n        padding: 8px;\n        font-size: 10px;\n    }\n}\n\n.size-table th {\n    text-align: center;\n    font-weight: 600;\n    color: white;\n    background: linear-gradient(135deg, #f87171 0%, #fca5a5 100%);\n    letter-spacing: 0.3px;\n    white-space: nowrap;\n    line-height: 1.4;\n    vertical-align: middle;\n    border-right: 1px solid rgba(255, 255, 255, 0.2);\n}\n\n.size-table th:last-child {\n    border-right: none;\n}\n\n.size-table td {\n    border-bottom: 1px solid #f0f0f0;\n    border-right: 1px solid #f5f5f5;\n    color: #4a4a4a;\n    font-weight: 400;\n    text-align: center;\n    white-space: nowrap;\n    line-height: 1.4;\n    vertical-align: middle;\n    background: white;\n}\n\n.size-table td:last-child {\n    border-right: none;\n}\n\n.size-table tr:last-child td {\n    border-bottom: none;\n}\n\n.size-table tbody tr {\n    transition: background 0.2s ease;\n}\n\n@media (hover: hover) {\n    .size-table tbody tr:hover {\n        background: #fef2f2;\n    }\n    .size-table tbody tr:hover td {\n        background: #fef2f2;\n    }\n}\n\n.size-table .size-header {\n    font-weight: 700;\n    color: #1a1a1a;\n    background: #f8fafc;\n}\n\n.detail-text {\n    font-size: clamp(14px, 3.2vw, 15px);\n    font-weight: 300;\n    color: #4a4a4a;\n    line-height: 1.8;\n    margin-bottom: 16px;\n}\n\n.flex-rating {\n    margin-top: 8px;\n}\n\n.flex-rating-header {\n    font-size: clamp(13px, 3vw, 14px);\n    font-weight: 600;\n    color: #1a1a1a;\n    margin-bottom: 16px;\n}\n\n.flex-rating-bars {\n    display: flex;\n    gap: 4px;\n    margin-bottom: 12px;\n}\n\n.flex-bar {\n    flex: 1;\n    height: clamp(28px, 6vw, 32px);\n    background: #f0f0f0;\n    border-radius: 6px;\n    transition: all 0.3s ease;\n}\n\n.flex-bar.active {\n    background: linear-gradient(135deg, #f87171 0%, #fca5a5 100%);\n    box-shadow: 0 2px 8px rgba(248, 113, 113, 0.2);\n}\n\n.flex-labels {\n    display: flex;\n    gap: 4px;\n}\n\n.flex-label {\n    flex: 1;\n    text-align: center;\n}\n\n.flex-label-name {\n    font-size: clamp(12px, 2.8vw, 13px);\n    font-weight: 500;\n    color: #1a1a1a;\n    margin-bottom: 4px;\n}\n\n.flex-label-range {\n    font-size: clamp(11px, 2.5vw, 12px);\n    color: #666;\n}\n\u003c\/style\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003cp class=\"intro-text\"\u003e\u003cstrong\u003eThe YES Bindings IPO is the ultimate daily driver for all-mountain utility.\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003eWith a flex rating of 5\/10, it boasts a Minimalist ankle strap and Relaxed Back highback for reliability. Skate-Tech and Flushcup Technology ensure consistent performance, making it perfect for everyday riding.\u003c\/p\u003e\n\u003cdetails class=\"accordion-item\"\u003e\n\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eFeatures\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eSkate Tech\u003c\/h3\u003e\n\u003cp\u003eThis technology, inspired by skateboard trucks, directs energy directly to the board's edges, which reduces foot fatigue and provides a \"surfy\" feel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eHanger 2.0 Baseplate\u003c\/h3\u003e\n\u003cp\u003eA durable baseless design with 30% glass fiber reinforcement that allows for even board flex and I-Beam wall sections for added rigidity and reduced weight.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eRelaxed Back Highback\u003c\/h3\u003e\n\u003cp\u003eDesigned for comfort and efficiency with a relaxed profile that provides support without sacrificing mobility for all-day riding comfort.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eY-Sense \u0026amp; Stretch Fit Straps\u003c\/h3\u003e\n\u003cp\u003eY-Sense ankle strap and Stretch Fit toe strap work together to provide a secure, comfortable fit that adapts to your boot.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eSoft Bushings\u003c\/h3\u003e\n\u003cp\u003eComes with soft density bushings (40 Shore) that absorb vibrations for a smooth, comfortable ride across varied terrain.\u003c\/p\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 class=\"accordion-summary\"\u003e\u003cspan\u003ePerformance\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"flex-rating\"\u003e\n\u003cdiv class=\"flex-rating-header\"\u003eFlex: 5\/10\u003c\/div\u003e\n\u003cdiv class=\"flex-rating-bars\"\u003e\n\u003cdiv class=\"flex-bar active\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar active\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar active\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar active\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar active\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"flex-labels\"\u003e\n\u003cdiv class=\"flex-label\"\u003e\n\u003cdiv class=\"flex-label-name\"\u003eSoft\u003c\/div\u003e\n\u003cdiv class=\"flex-label-range\"\u003e1-3\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"flex-label\"\u003e\n\u003cdiv class=\"flex-label-name\"\u003eMedium\u003c\/div\u003e\n\u003cdiv class=\"flex-label-range\"\u003e4-7\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"flex-label\"\u003e\n\u003cdiv class=\"flex-label-name\"\u003eStiff\u003c\/div\u003e\n\u003cdiv class=\"flex-label-range\"\u003e8-10\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"detail-text\"\u003eMedium flex rating provides versatile all-mountain performance, offering a balanced blend of responsiveness and forgiveness for everyday riding across all terrain.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"accordion-item\"\u003e\n\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eSize Chart\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"size-table-wrapper\"\u003e\n\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eMen's \/ Youth\u003c\/th\u003e\n\u003cth\u003eUS\u003c\/th\u003e\n\u003cth\u003eEU\u003c\/th\u003e\n\u003cth\u003eMondo\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd class=\"size-header\"\u003eSmall\u003c\/td\u003e\n\u003ctd\u003e5.0 - 7.0\u003c\/td\u003e\n\u003ctd\u003e36.5 - 39.5\u003c\/td\u003e\n\u003ctd\u003e23.5 - 25.0\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"size-header\"\u003eMedium\u003c\/td\u003e\n\u003ctd\u003e7.5 - 10.0\u003c\/td\u003e\n\u003ctd\u003e40 - 43\u003c\/td\u003e\n\u003ctd\u003e25.5 - 28.0\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"size-header\"\u003eLarge\u003c\/td\u003e\n\u003ctd\u003e10.5 +\u003c\/td\u003e\n\u003ctd\u003e43.5 +\u003c\/td\u003e\n\u003ctd\u003e28.5 +\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\u003c\/div\u003e","brand":"Yes","offers":[{"title":"Pitch Black \/ S \/ Mens","offer_id":53292369215854,"sku":"YES61M027003","price":174.95,"currency_code":"CAD","in_stock":true},{"title":"Pitch Black \/ M \/ Mens","offer_id":52650950263150,"sku":"YES61M027004","price":174.95,"currency_code":"CAD","in_stock":false},{"title":"Pitch Black \/ L \/ Mens","offer_id":52650950295918,"sku":"YES61M027005","price":174.95,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/IpoBinding-PitchBlack4.png?v=1758819230"},{"product_id":"yes-womens-vetta-binding-pitch-black-winter-2026","title":"Vetta Binding","description":"\u003cstyle\u003e\n.product-description {\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;\n    color: #1a1a1a;\n    line-height: 1.7;\n    max-width: 800px;\n    margin: 0;\n    padding: 0;\n}\n\n.intro-text {\n    font-size: clamp(15px, 3.5vw, 16px);\n    font-weight: 300;\n    margin-bottom: 32px;\n    color: #2c2c2c;\n    line-height: 1.8;\n    padding-left: 16px;\n    border-left: 3px solid #f87171;\n}\n\n.accordion-item {\n    border-bottom: 1px solid #e0e0e0;\n    transition: border-color 0.2s ease;\n}\n\n.accordion-item:hover {\n    border-bottom-color: #f87171;\n}\n\n.accordion-item:last-child {\n    border-bottom: none;\n}\n\n.accordion-summary {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: clamp(16px, 4vw, 20px) 0;\n    cursor: pointer;\n    list-style: none;\n    font-size: clamp(12px, 2.8vw, 13px);\n    font-weight: 500;\n    letter-spacing: 1.5px;\n    text-transform: uppercase;\n    color: #1a1a1a;\n    transition: all 0.3s ease;\n    position: relative;\n    min-height: 44px;\n}\n\n.accordion-summary::before {\n    content: '';\n    position: absolute;\n    left: 0;\n    bottom: 0;\n    width: 0;\n    height: 2px;\n    background: linear-gradient(90deg, #f87171, #fca5a5);\n    transition: width 0.3s ease;\n}\n\n@media (hover: hover) {\n    .accordion-summary:hover::before {\n        width: 60px;\n    }\n    .accordion-summary:hover {\n        color: #f87171;\n        padding-left: 8px;\n    }\n}\n\n.accordion-summary::-webkit-details-marker {\n    display: none;\n}\n\n.accordion-icon {\n    font-size: 20px;\n    font-weight: 300;\n    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n    color: #999;\n    min-width: 20px;\n    text-align: center;\n}\n\n.accordion-item[open] .accordion-icon {\n    transform: rotate(45deg);\n    color: #f87171;\n}\n\n.accordion-content {\n    padding: 0 0 24px 0;\n    animation: slideDown 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n@keyframes slideDown {\n    from {\n        opacity: 0;\n        transform: translateY(-12px);\n    }\n    to {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n\n.features-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));\n    gap: clamp(16px, 4vw, 20px);\n    margin-top: 8px;\n}\n\n.feature-item {\n    padding: 16px;\n    background: linear-gradient(135deg, #fafafa 0%, #ffffff 100%);\n    border-radius: 8px;\n    border: 1px solid #f0f0f0;\n    transition: all 0.3s ease;\n    position: relative;\n    overflow: hidden;\n}\n\n.feature-item::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 4px;\n    height: 0;\n    background: linear-gradient(180deg, #f87171, #fca5a5);\n    transition: height 0.3s ease;\n}\n\n@media (hover: hover) {\n    .feature-item:hover {\n        transform: translateY(-2px);\n        box-shadow: 0 4px 12px rgba(248, 113, 113, 0.1);\n        border-color: #fecaca;\n    }\n    .feature-item:hover::before {\n        height: 100%;\n    }\n}\n\n.feature-item h3 {\n    font-size: clamp(13px, 3vw, 14px);\n    font-weight: 600;\n    color: #1a1a1a;\n    margin-bottom: 6px;\n}\n\n.feature-item p {\n    font-size: clamp(13px, 3vw, 14px);\n    font-weight: 300;\n    color: #666;\n    margin: 0;\n    line-height: 1.6;\n}\n\n.size-table-wrapper {\n    width: 100%;\n    overflow-x: auto;\n    margin: 16px 0;\n    border-radius: 8px;\n    border: 1px solid #f0f0f0;\n    -webkit-overflow-scrolling: touch;\n    background: white;\n}\n\n.size-table {\n    width: 100%;\n    border-collapse: collapse;\n    background: white;\n}\n\n\/* Desktop (1024px+): Full size with 14px font, 16px padding *\/\n@media (min-width: 1024px) {\n    .size-table {\n        font-size: 14px;\n    }\n    .size-table th,\n    .size-table td {\n        padding: 16px;\n        font-size: 14px;\n    }\n}\n\n\/* Tablet (768px-1024px): Scaled to 13px font, 14px padding *\/\n@media (min-width: 768px) and (max-width: 1023px) {\n    .size-table {\n        font-size: 13px;\n    }\n    .size-table th,\n    .size-table td {\n        padding: 14px;\n        font-size: 13px;\n    }\n}\n\n\/* Mobile (480px-768px): Scaled to 12px font, 12px padding *\/\n@media (min-width: 480px) and (max-width: 767px) {\n    .size-table {\n        font-size: 12px;\n    }\n    .size-table th,\n    .size-table td {\n        padding: 12px;\n        font-size: 12px;\n    }\n}\n\n\/* Small mobile (360px-480px): Scaled to 11px font, 10px padding *\/\n@media (min-width: 360px) and (max-width: 479px) {\n    .size-table {\n        font-size: 11px;\n    }\n    .size-table th,\n    .size-table td {\n        padding: 10px;\n        font-size: 11px;\n    }\n}\n\n\/* Extra small (under 360px): Scaled to 10px font, 8px padding *\/\n@media (max-width: 359px) {\n    .size-table {\n        font-size: 10px;\n    }\n    .size-table th,\n    .size-table td {\n        padding: 8px;\n        font-size: 10px;\n    }\n}\n\n.size-table th {\n    text-align: center;\n    font-weight: 600;\n    color: white;\n    background: linear-gradient(135deg, #f87171 0%, #fca5a5 100%);\n    letter-spacing: 0.3px;\n    white-space: nowrap;\n    line-height: 1.4;\n    vertical-align: middle;\n    border-right: 1px solid rgba(255, 255, 255, 0.2);\n}\n\n.size-table th:last-child {\n    border-right: none;\n}\n\n.size-table td {\n    border-bottom: 1px solid #f0f0f0;\n    border-right: 1px solid #f5f5f5;\n    color: #4a4a4a;\n    font-weight: 400;\n    text-align: center;\n    white-space: nowrap;\n    line-height: 1.4;\n    vertical-align: middle;\n    background: white;\n}\n\n.size-table td:last-child {\n    border-right: none;\n}\n\n.size-table tr:last-child td {\n    border-bottom: none;\n}\n\n.size-table tbody tr {\n    transition: background 0.2s ease;\n}\n\n@media (hover: hover) {\n    .size-table tbody tr:hover {\n        background: #fef2f2;\n    }\n    .size-table tbody tr:hover td {\n        background: #fef2f2;\n    }\n}\n\n.size-table .size-header {\n    font-weight: 700;\n    color: #1a1a1a;\n    background: #f8fafc;\n}\n\n.detail-text {\n    font-size: clamp(14px, 3.2vw, 15px);\n    font-weight: 300;\n    color: #4a4a4a;\n    line-height: 1.8;\n    margin-bottom: 16px;\n}\n\n.flex-rating {\n    margin-top: 8px;\n}\n\n.flex-rating-header {\n    font-size: clamp(13px, 3vw, 14px);\n    font-weight: 600;\n    color: #1a1a1a;\n    margin-bottom: 16px;\n}\n\n.flex-rating-bars {\n    display: flex;\n    gap: 4px;\n    margin-bottom: 12px;\n}\n\n.flex-bar {\n    flex: 1;\n    height: clamp(28px, 6vw, 32px);\n    background: #f0f0f0;\n    border-radius: 6px;\n    transition: all 0.3s ease;\n}\n\n.flex-bar.active {\n    background: linear-gradient(135deg, #f87171 0%, #fca5a5 100%);\n    box-shadow: 0 2px 8px rgba(248, 113, 113, 0.2);\n}\n\n.flex-labels {\n    display: flex;\n    gap: 4px;\n}\n\n.flex-label {\n    flex: 1;\n    text-align: center;\n}\n\n.flex-label-name {\n    font-size: clamp(12px, 2.8vw, 13px);\n    font-weight: 500;\n    color: #1a1a1a;\n    margin-bottom: 4px;\n}\n\n.flex-label-range {\n    font-size: clamp(11px, 2.5vw, 12px);\n    color: #666;\n}\n\u003c\/style\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003cp class=\"intro-text\"\u003e\u003cstrong\u003eThe YES Bindings Vetta is designed for all-mountain prowess.\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003eWith a flex rating of 5\/10, it features the Balanced highback and Asym-FS strap for versatile performance. Skate-Tech and Flushcup Technology guarantee stability and control, making it ideal for various terrains and conditions.\u003c\/p\u003e\n\u003cdetails class=\"accordion-item\"\u003e\n\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eFeatures\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eSkate Tech\u003c\/h3\u003e\n\u003cp\u003eThis technology is inspired by skateboard trucks and directs energy directly to the board's edges, which reduces fatigue and provides a \"surfy\" feel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eHanger 2.0 Baseplate\u003c\/h3\u003e\n\u003cp\u003eA baseless design that allows for the most even board flex and features 30% fiberglass reinforcement for rigidity and reduced weight.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eBalanced Highback\u003c\/h3\u003e\n\u003cp\u003eFeatures vertical cut-outs to provide increased lateral flexibility, catering to a dynamic female riding style.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eY-Sense \u0026amp; 3D Stretch Fit Straps\u003c\/h3\u003e\n\u003cp\u003eIncludes a Y-Sense ankle strap for a seamless wrap and a 3D Stretch Fit toe strap for a secure fit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eSoft Bushings\u003c\/h3\u003e\n\u003cp\u003eComes with soft (40 shore) bushings that absorb vibrations for a smooth, chatter-less ride.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eUniversal Compatibility\u003c\/h3\u003e\n\u003cp\u003eCompatible with most mounting systems including 2x4, 4x4, and The Channel.\u003c\/p\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 class=\"accordion-summary\"\u003e\u003cspan\u003ePerformance\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"flex-rating\"\u003e\n\u003cdiv class=\"flex-rating-header\"\u003eFlex: 5\/10\u003c\/div\u003e\n\u003cdiv class=\"flex-rating-bars\"\u003e\n\u003cdiv class=\"flex-bar active\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar active\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar active\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar active\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar active\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"flex-labels\"\u003e\n\u003cdiv class=\"flex-label\"\u003e\n\u003cdiv class=\"flex-label-name\"\u003eSoft\u003c\/div\u003e\n\u003cdiv class=\"flex-label-range\"\u003e1-3\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"flex-label\"\u003e\n\u003cdiv class=\"flex-label-name\"\u003eMedium\u003c\/div\u003e\n\u003cdiv class=\"flex-label-range\"\u003e4-7\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"flex-label\"\u003e\n\u003cdiv class=\"flex-label-name\"\u003eStiff\u003c\/div\u003e\n\u003cdiv class=\"flex-label-range\"\u003e8-10\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"detail-text\"\u003eMedium flex rating provides the perfect balance for all-mountain riding, offering responsive control without sacrificing comfort and forgiveness.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"accordion-item\"\u003e\n\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eSize Chart\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"size-table-wrapper\"\u003e\n\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eWomen's Size\u003c\/th\u003e\n\u003cth\u003eUS\u003c\/th\u003e\n\u003cth\u003eEU\u003c\/th\u003e\n\u003cth\u003eMondo\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd class=\"size-header\"\u003eSmall\u003c\/td\u003e\n\u003ctd\u003e5.0 - 8.5\u003c\/td\u003e\n\u003ctd\u003e35 - 39.5\u003c\/td\u003e\n\u003ctd\u003e22 - 25\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"size-header\"\u003eMedium\u003c\/td\u003e\n\u003ctd\u003e9.0 - 11.5\u003c\/td\u003e\n\u003ctd\u003e40 - 42.5\u003c\/td\u003e\n\u003ctd\u003e25.5 - 27.5\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\u003c\/div\u003e","brand":"Yes","offers":[{"title":"Pitch Black \/ S \/ Womens","offer_id":52650950492526,"sku":"YES61W011003","price":174.95,"currency_code":"CAD","in_stock":false},{"title":"Pitch Black \/ M \/ Womens","offer_id":52650950525294,"sku":"YES61W011004","price":174.95,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/VettaBinding2026-PitchBlack-2.png?v=1758810522"},{"product_id":"yes-womens-vetta-binding-casual-purple-winter-2026","title":"Vetta Binding","description":"\u003cstyle\u003e\n.product-description {\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;\n    color: #1a1a1a;\n    line-height: 1.7;\n    max-width: 800px;\n    margin: 0;\n    padding: 0;\n}\n\n.intro-text {\n    font-size: clamp(15px, 3.5vw, 16px);\n    font-weight: 300;\n    margin-bottom: 32px;\n    color: #2c2c2c;\n    line-height: 1.8;\n    padding-left: 16px;\n    border-left: 3px solid #f87171;\n}\n\n.accordion-item {\n    border-bottom: 1px solid #e0e0e0;\n    transition: border-color 0.2s ease;\n}\n\n.accordion-item:hover {\n    border-bottom-color: #f87171;\n}\n\n.accordion-item:last-child {\n    border-bottom: none;\n}\n\n.accordion-summary {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: clamp(16px, 4vw, 20px) 0;\n    cursor: pointer;\n    list-style: none;\n    font-size: clamp(12px, 2.8vw, 13px);\n    font-weight: 500;\n    letter-spacing: 1.5px;\n    text-transform: uppercase;\n    color: #1a1a1a;\n    transition: all 0.3s ease;\n    position: relative;\n    min-height: 44px;\n}\n\n.accordion-summary::before {\n    content: '';\n    position: absolute;\n    left: 0;\n    bottom: 0;\n    width: 0;\n    height: 2px;\n    background: linear-gradient(90deg, #f87171, #fca5a5);\n    transition: width 0.3s ease;\n}\n\n@media (hover: hover) {\n    .accordion-summary:hover::before {\n        width: 60px;\n    }\n    .accordion-summary:hover {\n        color: #f87171;\n        padding-left: 8px;\n    }\n}\n\n.accordion-summary::-webkit-details-marker {\n    display: none;\n}\n\n.accordion-icon {\n    font-size: 20px;\n    font-weight: 300;\n    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n    color: #999;\n    min-width: 20px;\n    text-align: center;\n}\n\n.accordion-item[open] .accordion-icon {\n    transform: rotate(45deg);\n    color: #f87171;\n}\n\n.accordion-content {\n    padding: 0 0 24px 0;\n    animation: slideDown 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n@keyframes slideDown {\n    from {\n        opacity: 0;\n        transform: translateY(-12px);\n    }\n    to {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n\n.features-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));\n    gap: clamp(16px, 4vw, 20px);\n    margin-top: 8px;\n}\n\n.feature-item {\n    padding: 16px;\n    background: linear-gradient(135deg, #fafafa 0%, #ffffff 100%);\n    border-radius: 8px;\n    border: 1px solid #f0f0f0;\n    transition: all 0.3s ease;\n    position: relative;\n    overflow: hidden;\n}\n\n.feature-item::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 4px;\n    height: 0;\n    background: linear-gradient(180deg, #f87171, #fca5a5);\n    transition: height 0.3s ease;\n}\n\n@media (hover: hover) {\n    .feature-item:hover {\n        transform: translateY(-2px);\n        box-shadow: 0 4px 12px rgba(248, 113, 113, 0.1);\n        border-color: #fecaca;\n    }\n    .feature-item:hover::before {\n        height: 100%;\n    }\n}\n\n.feature-item h3 {\n    font-size: clamp(13px, 3vw, 14px);\n    font-weight: 600;\n    color: #1a1a1a;\n    margin-bottom: 6px;\n}\n\n.feature-item p {\n    font-size: clamp(13px, 3vw, 14px);\n    font-weight: 300;\n    color: #666;\n    margin: 0;\n    line-height: 1.6;\n}\n\n.size-table-wrapper {\n    width: 100%;\n    overflow-x: auto;\n    margin: 16px 0;\n    border-radius: 8px;\n    border: 1px solid #f0f0f0;\n    -webkit-overflow-scrolling: touch;\n    background: white;\n}\n\n.size-table {\n    width: 100%;\n    border-collapse: collapse;\n    background: white;\n}\n\n\/* Desktop (1024px+): Full size with 14px font, 16px padding *\/\n@media (min-width: 1024px) {\n    .size-table {\n        font-size: 14px;\n    }\n    .size-table th,\n    .size-table td {\n        padding: 16px;\n        font-size: 14px;\n    }\n}\n\n\/* Tablet (768px-1024px): Scaled to 13px font, 14px padding *\/\n@media (min-width: 768px) and (max-width: 1023px) {\n    .size-table {\n        font-size: 13px;\n    }\n    .size-table th,\n    .size-table td {\n        padding: 14px;\n        font-size: 13px;\n    }\n}\n\n\/* Mobile (480px-768px): Scaled to 12px font, 12px padding *\/\n@media (min-width: 480px) and (max-width: 767px) {\n    .size-table {\n        font-size: 12px;\n    }\n    .size-table th,\n    .size-table td {\n        padding: 12px;\n        font-size: 12px;\n    }\n}\n\n\/* Small mobile (360px-480px): Scaled to 11px font, 10px padding *\/\n@media (min-width: 360px) and (max-width: 479px) {\n    .size-table {\n        font-size: 11px;\n    }\n    .size-table th,\n    .size-table td {\n        padding: 10px;\n        font-size: 11px;\n    }\n}\n\n\/* Extra small (under 360px): Scaled to 10px font, 8px padding *\/\n@media (max-width: 359px) {\n    .size-table {\n        font-size: 10px;\n    }\n    .size-table th,\n    .size-table td {\n        padding: 8px;\n        font-size: 10px;\n    }\n}\n\n.size-table th {\n    text-align: center;\n    font-weight: 600;\n    color: white;\n    background: linear-gradient(135deg, #f87171 0%, #fca5a5 100%);\n    letter-spacing: 0.3px;\n    white-space: nowrap;\n    line-height: 1.4;\n    vertical-align: middle;\n    border-right: 1px solid rgba(255, 255, 255, 0.2);\n}\n\n.size-table th:last-child {\n    border-right: none;\n}\n\n.size-table td {\n    border-bottom: 1px solid #f0f0f0;\n    border-right: 1px solid #f5f5f5;\n    color: #4a4a4a;\n    font-weight: 400;\n    text-align: center;\n    white-space: nowrap;\n    line-height: 1.4;\n    vertical-align: middle;\n    background: white;\n}\n\n.size-table td:last-child {\n    border-right: none;\n}\n\n.size-table tr:last-child td {\n    border-bottom: none;\n}\n\n.size-table tbody tr {\n    transition: background 0.2s ease;\n}\n\n@media (hover: hover) {\n    .size-table tbody tr:hover {\n        background: #fef2f2;\n    }\n    .size-table tbody tr:hover td {\n        background: #fef2f2;\n    }\n}\n\n.size-table .size-header {\n    font-weight: 700;\n    color: #1a1a1a;\n    background: #f8fafc;\n}\n\n.detail-text {\n    font-size: clamp(14px, 3.2vw, 15px);\n    font-weight: 300;\n    color: #4a4a4a;\n    line-height: 1.8;\n    margin-bottom: 16px;\n}\n\n.flex-rating {\n    margin-top: 8px;\n}\n\n.flex-rating-header {\n    font-size: clamp(13px, 3vw, 14px);\n    font-weight: 600;\n    color: #1a1a1a;\n    margin-bottom: 16px;\n}\n\n.flex-rating-bars {\n    display: flex;\n    gap: 4px;\n    margin-bottom: 12px;\n}\n\n.flex-bar {\n    flex: 1;\n    height: clamp(28px, 6vw, 32px);\n    background: #f0f0f0;\n    border-radius: 6px;\n    transition: all 0.3s ease;\n}\n\n.flex-bar.active {\n    background: linear-gradient(135deg, #f87171 0%, #fca5a5 100%);\n    box-shadow: 0 2px 8px rgba(248, 113, 113, 0.2);\n}\n\n.flex-labels {\n    display: flex;\n    gap: 4px;\n}\n\n.flex-label {\n    flex: 1;\n    text-align: center;\n}\n\n.flex-label-name {\n    font-size: clamp(12px, 2.8vw, 13px);\n    font-weight: 500;\n    color: #1a1a1a;\n    margin-bottom: 4px;\n}\n\n.flex-label-range {\n    font-size: clamp(11px, 2.5vw, 12px);\n    color: #666;\n}\n\u003c\/style\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003cp class=\"intro-text\"\u003e\u003cstrong\u003eThe YES Bindings Vetta is designed for all-mountain prowess.\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003eWith a flex rating of 5\/10, it features the Balanced highback and Asym-FS strap for versatile performance. Skate-Tech and Flushcup Technology guarantee stability and control, making it ideal for various terrains and conditions.\u003c\/p\u003e\n\u003cdetails class=\"accordion-item\"\u003e\n\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eFeatures\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eSkate Tech\u003c\/h3\u003e\n\u003cp\u003eThis technology is inspired by skateboard trucks and directs energy directly to the board's edges, which reduces fatigue and provides a \"surfy\" feel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eHanger 2.0 Baseplate\u003c\/h3\u003e\n\u003cp\u003eA baseless design that allows for the most even board flex and features 30% fiberglass reinforcement for rigidity and reduced weight.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eBalanced Highback\u003c\/h3\u003e\n\u003cp\u003eFeatures vertical cut-outs to provide increased lateral flexibility, catering to a dynamic female riding style.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eY-Sense \u0026amp; 3D Stretch Fit Straps\u003c\/h3\u003e\n\u003cp\u003eIncludes a Y-Sense ankle strap for a seamless wrap and a 3D Stretch Fit toe strap for a secure fit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eSoft Bushings\u003c\/h3\u003e\n\u003cp\u003eComes with soft (40 shore) bushings that absorb vibrations for a smooth, chatter-less ride.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eUniversal Compatibility\u003c\/h3\u003e\n\u003cp\u003eCompatible with most mounting systems including 2x4, 4x4, and The Channel.\u003c\/p\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 class=\"accordion-summary\"\u003e\u003cspan\u003ePerformance\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"flex-rating\"\u003e\n\u003cdiv class=\"flex-rating-header\"\u003eFlex: 5\/10\u003c\/div\u003e\n\u003cdiv class=\"flex-rating-bars\"\u003e\n\u003cdiv class=\"flex-bar active\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar active\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar active\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar active\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar active\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"flex-labels\"\u003e\n\u003cdiv class=\"flex-label\"\u003e\n\u003cdiv class=\"flex-label-name\"\u003eSoft\u003c\/div\u003e\n\u003cdiv class=\"flex-label-range\"\u003e1-3\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"flex-label\"\u003e\n\u003cdiv class=\"flex-label-name\"\u003eMedium\u003c\/div\u003e\n\u003cdiv class=\"flex-label-range\"\u003e4-7\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"flex-label\"\u003e\n\u003cdiv class=\"flex-label-name\"\u003eStiff\u003c\/div\u003e\n\u003cdiv class=\"flex-label-range\"\u003e8-10\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"detail-text\"\u003eMedium flex rating provides the perfect balance for all-mountain riding, offering responsive control without sacrificing comfort and forgiveness.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"accordion-item\"\u003e\n\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eSize Chart\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"size-table-wrapper\"\u003e\n\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eWomen's Size\u003c\/th\u003e\n\u003cth\u003eUS\u003c\/th\u003e\n\u003cth\u003eEU\u003c\/th\u003e\n\u003cth\u003eMondo\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd class=\"size-header\"\u003eSmall\u003c\/td\u003e\n\u003ctd\u003e5.0 - 8.5\u003c\/td\u003e\n\u003ctd\u003e35 - 39.5\u003c\/td\u003e\n\u003ctd\u003e22 - 25\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"size-header\"\u003eMedium\u003c\/td\u003e\n\u003ctd\u003e9.0 - 11.5\u003c\/td\u003e\n\u003ctd\u003e40 - 42.5\u003c\/td\u003e\n\u003ctd\u003e25.5 - 27.5\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\u003c\/div\u003e","brand":"Yes","offers":[{"title":"Casual Purple \/ S \/ Womens","offer_id":52650950590830,"sku":"YES61W013003","price":174.95,"currency_code":"CAD","in_stock":false},{"title":"Casual Purple \/ M \/ Womens","offer_id":52650950623598,"sku":"YES61W013004","price":174.95,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/VettaBinding2026-CasualPurple-3.png?v=1758810348"},{"product_id":"airmaster-binding","title":"Airmaster Binding","description":"\u003cstyle\u003e\n  .product-description {\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;\n    color: #1a1a1a;\n    line-height: 1.7;\n    max-width: 800px;\n    margin: 0;\n    padding: 0;\n  }\n\n  .intro-text {\n    font-size: clamp(15px, 3.5vw, 16px);\n    font-weight: 300;\n    margin-bottom: clamp(24px, 6vw, 32px);\n    color: #2c2c2c;\n    line-height: 1.8;\n    position: relative;\n    padding-left: 16px;\n    border-left: 3px solid #f87171;\n  }\n\n  .accordion-item {\n    border-bottom: 1px solid #e0e0e0;\n    transition: border-color 0.2s ease;\n  }\n\n  .accordion-item:hover {\n    border-bottom-color: #f87171;\n  }\n\n  .accordion-item:last-child {\n    border-bottom: none;\n  }\n\n  .accordion-summary {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: clamp(16px, 4vw, 20px) 0;\n    cursor: pointer;\n    list-style: none;\n    font-size: clamp(12px, 2.8vw, 13px);\n    font-weight: 500;\n    letter-spacing: 1.5px;\n    text-transform: uppercase;\n    color: #1a1a1a;\n    transition: all 0.3s ease;\n    position: relative;\n    min-height: 44px;\n  }\n\n  .accordion-summary::before {\n    content: '';\n    position: absolute;\n    left: 0;\n    bottom: 0;\n    width: 0;\n    height: 2px;\n    background: linear-gradient(90deg, #f87171, #fca5a5);\n    transition: width 0.3s ease;\n  }\n\n  @media (hover: hover) {\n    .accordion-summary:hover::before {\n      width: 60px;\n    }\n\n    .accordion-summary:hover {\n      color: #f87171;\n      padding-left: 8px;\n    }\n  }\n\n  .accordion-summary::-webkit-details-marker {\n    display: none;\n  }\n\n  .accordion-icon {\n    font-size: 20px;\n    font-weight: 300;\n    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n    color: #999;\n    min-width: 20px;\n    text-align: center;\n  }\n\n  .accordion-item[open] .accordion-icon {\n    transform: rotate(45deg);\n    color: #f87171;\n  }\n\n  .accordion-content {\n    padding: 0 0 clamp(20px, 5vw, 24px) 0;\n    animation: slideDown 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n    overflow: hidden;\n  }\n\n  @keyframes slideDown {\n    from {\n      opacity: 0;\n      transform: translateY(-12px);\n    }\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n\n  .features-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));\n    gap: clamp(16px, 4vw, 20px);\n    margin-top: 8px;\n  }\n\n  .feature-item {\n    padding: clamp(14px, 3.5vw, 16px);\n    background: linear-gradient(135deg, #fafafa 0%, #ffffff 100%);\n    border-radius: 8px;\n    border: 1px solid #f0f0f0;\n    transition: all 0.3s ease;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .feature-item::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 4px;\n    height: 0;\n    background: linear-gradient(180deg, #f87171, #fca5a5);\n    transition: height 0.3s ease;\n  }\n\n  @media (hover: hover) {\n    .feature-item:hover {\n      transform: translateY(-2px);\n      box-shadow: 0 4px 12px rgba(248, 113, 113, 0.1);\n      border-color: #fecaca;\n    }\n\n    .feature-item:hover::before {\n      height: 100%;\n    }\n  }\n\n  .feature-item h3 {\n    font-size: clamp(13px, 3vw, 14px);\n    font-weight: 600;\n    color: #1a1a1a;\n    margin-bottom: 6px;\n  }\n\n  .feature-item p {\n    font-size: clamp(13px, 3vw, 14px);\n    font-weight: 300;\n    color: #666;\n    margin: 0;\n    line-height: 1.6;\n  }\n\n  .feature-item + .feature-item {\n    margin-top: clamp(16px, 4vw, 20px);\n  }\n\n  .flex-rating {\n    margin-top: 8px;\n  }\n\n  .flex-rating-header {\n    font-size: clamp(13px, 3vw, 14px);\n    font-weight: 600;\n    color: #1a1a1a;\n    margin-bottom: 16px;\n  }\n\n  .flex-rating-bars {\n    display: flex;\n    gap: 4px;\n    margin-bottom: 12px;\n  }\n\n  .flex-bar {\n    flex: 1;\n    height: clamp(28px, 6vw, 32px);\n    background: #f0f0f0;\n    border-radius: 6px;\n    transition: all 0.3s ease;\n  }\n\n  .flex-bar.active {\n    background: linear-gradient(135deg, #f87171 0%, #fca5a5 100%);\n    box-shadow: 0 2px 8px rgba(248, 113, 113, 0.2);\n  }\n\n  .flex-labels {\n    display: flex;\n    gap: 4px;\n  }\n\n  .flex-label {\n    flex: 1;\n    text-align: center;\n  }\n\n  .flex-label-name {\n    font-size: clamp(12px, 2.8vw, 13px);\n    font-weight: 500;\n    color: #1a1a1a;\n    margin-bottom: 4px;\n  }\n\n  .flex-label-range {\n    font-size: clamp(11px, 2.5vw, 12px);\n    color: #666;\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003cp class=\"intro-text\"\u003eThe Airmaster Binding is a freestyle-focused binding designed for riders who demand responsiveness and comfort. Featuring Skate Tech technology inspired by skateboard trucks, this binding reduces foot fatigue while delivering precise control and natural board feel.\u003c\/p\u003e\n\u003cdetails class=\"accordion-item\"\u003e\n\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eFeatures\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eSkate Tech\u003c\/h3\u003e\n\u003cp\u003eInspired by skateboard trucks, Skate Tech technology reduces foot fatigue by allowing natural ankle movement while maintaining responsive control. This innovative design delivers a more intuitive riding experience.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eHanger 3.0 Baseplate\u003c\/h3\u003e\n\u003cp\u003eFeatures a wider bushing footprint for enhanced stability and response. The Hanger 3.0 design provides a solid platform that transfers energy efficiently from your boots to the board.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eFlatback Highback\u003c\/h3\u003e\n\u003cp\u003eDesigned for maximum mobility and freestyle performance. The Flatback highback offers support when you need it while allowing unrestricted movement for tweaks and grabs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eHyperfuse II Ankle Strap\u003c\/h3\u003e\n\u003cp\u003eStitchless construction eliminates pressure points and provides a seamless, comfortable fit. The Hyperfuse II strap wraps your ankle securely without restricting movement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003e3D Pro-Grip Toe Strap\u003c\/h3\u003e\n\u003cp\u003eErgonomically designed to conform to your boot's shape, providing superior grip and comfort. The 3D construction ensures even pressure distribution across the toe box.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eMedium Bushings (45 Shore)\u003c\/h3\u003e\n\u003cp\u003ePre-installed medium bushings offer a balanced feel suitable for most riders. Easily customizable with softer or stiffer bushings to match your riding style and preferences.\u003c\/p\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 class=\"accordion-summary\"\u003e\u003cspan\u003ePerformance\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"flex-rating\"\u003e\n\u003cdiv class=\"flex-rating-header\"\u003eFlex Rating\u003c\/div\u003e\n\u003cdiv class=\"flex-rating-bars\"\u003e\n\u003cdiv class=\"flex-bar active\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar active\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar active\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar active\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar active\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar active\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar active\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"flex-labels\"\u003e\n\u003cdiv class=\"flex-label\"\u003e\n\u003cdiv class=\"flex-label-name\"\u003eSoft\u003c\/div\u003e\n\u003cdiv class=\"flex-label-range\"\u003e1-3\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"flex-label\"\u003e\n\u003cdiv class=\"flex-label-name\"\u003eMedium\u003c\/div\u003e\n\u003cdiv class=\"flex-label-range\"\u003e4-7\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"flex-label\"\u003e\n\u003cdiv class=\"flex-label-name\"\u003eStiff\u003c\/div\u003e\n\u003cdiv class=\"flex-label-range\"\u003e8-10\u003c\/div\u003e\n\u003c\/div\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 class=\"accordion-summary\"\u003e\u003cspan\u003eSpecifications\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eRiding Style\u003c\/h3\u003e\n\u003cp\u003eFreestyle-focused binding designed for park, jumps, and all-mountain riding with an emphasis on mobility and response.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eSize Range\u003c\/h3\u003e\n\u003cp\u003eAvailable in Medium (M) and Large (L) sizes to accommodate a wide range of boot sizes and rider preferences.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eBushing Options\u003c\/h3\u003e\n\u003cp\u003eComes with Medium (45 shore) bushings pre-installed. Compatible with soft and stiff bushing options for customized feel and response.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Yes","offers":[{"title":"Splatter Grey \/ S \/ Mens","offer_id":53292356731246,"sku":"YES61M020003","price":265.95,"currency_code":"CAD","in_stock":true},{"title":"Splatter Grey \/ M \/ Mens","offer_id":53292250661230,"sku":"YES61M020004","price":265.95,"currency_code":"CAD","in_stock":false},{"title":"Splatter Grey \/ L \/ Mens","offer_id":53292250693998,"sku":"YES61M020005","price":265.95,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/AirmasterBinding-SplatterGrey.png?v=1770665134"},{"product_id":"drive-binding-26","title":"Drive Binding 26","description":"\u003cstyle\u003e    .product-description {        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;        color: #1a1a1a;        line-height: 1.7;        max-width: 800px;        margin: 0;        padding: 0;    }    .intro-text {        font-size: 16px;        font-weight: 300;        margin-bottom: 32px;        color: #2c2c2c;        line-height: 1.8;        position: relative;        padding-left: 16px;        border-left: 3px solid #f87171;    }    .accordion-item {        border-bottom: 1px solid #e0e0e0;        transition: all 0.2s ease;    }    .accordion-item:hover {        border-bottom-color: #f87171;    }    .accordion-item:last-child {        border-bottom: none;    }    .accordion-summary {        display: flex;        justify-content: space-between;        align-items: center;        padding: 20px 0;        cursor: pointer;        list-style: none;        font-size: 13px;        font-weight: 500;        letter-spacing: 1.5px;        text-transform: uppercase;        color: #1a1a1a;        transition: all 0.3s ease;        position: relative;    }    .accordion-summary::before {        content: '';        position: absolute;        left: 0;        bottom: 0;        width: 0;        height: 2px;        background: linear-gradient(90deg, #f87171, #fca5a5);        transition: width 0.3s ease;    }    .accordion-summary:hover::before {        width: 60px;    }    .accordion-summary:hover {        color: #f87171;        padding-left: 8px;    }    .accordion-summary::-webkit-details-marker {        display: none;    }    .accordion-icon {        font-size: 20px;        font-weight: 300;        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);        color: #999;    }    .accordion-item[open] .accordion-icon {        transform: rotate(45deg);        color: #f87171;    }    .accordion-content {        padding: 0 0 24px 0;        animation: slideDown 0.4s cubic-bezier(0.4, 0, 0.2, 1);        overflow: hidden;    }    @keyframes slideDown {        from {            opacity: 0;            transform: translateY(-12px);        }        to {            opacity: 1;            transform: translateY(0);        }    }    .features-grid {        display: grid;        grid-template-columns: repeat(2, 1fr);        gap: 20px;        margin-top: 8px;    }    .feature-item {        padding: 16px;        background: linear-gradient(135deg, #fafafa 0%, #ffffff 100%);        border-radius: 8px;        border: 1px solid #f0f0f0;        transition: all 0.3s ease;        position: relative;        overflow: hidden;    }    .feature-item::before {        content: '';        position: absolute;        top: 0;        left: 0;        width: 4px;        height: 0;        background: linear-gradient(180deg, #f87171, #fca5a5);        transition: height 0.3s ease;    }    .feature-item:hover {        transform: translateY(-2px);        box-shadow: 0 4px 12px rgba(248, 113, 113, 0.1);        border-color: #fecaca;    }    .feature-item:hover::before {        height: 100%;    }    .feature-item h3 {        font-size: 14px;        font-weight: 600;        color: #1a1a1a;        margin-bottom: 6px;    }    .feature-item p {        font-size: 14px;        font-weight: 300;        color: #666;        margin: 0;        line-height: 1.6;    }    .size-table-wrapper {        width: 100%;        overflow-x: auto;        margin: 16px 0;        border-radius: 8px;        border: 1px solid #f0f0f0;        -webkit-overflow-scrolling: touch;    }    .size-table {        width: 100%;        min-width: 900px;        border-collapse: collapse;        font-size: 13px;    }    .size-table th {        text-align: center;        font-weight: 500;        color: white;        padding: 12px 8px;        background: linear-gradient(135deg, #f87171 0%, #fca5a5 100%);        font-size: 11px;        letter-spacing: 0.3px;        white-space: normal;        word-wrap: break-word;        line-height: 1.3;        vertical-align: middle;    }    .size-table td {        padding: 12px 8px;        border-bottom: 1px solid #f5f5f5;        color: #4a4a4a;        font-weight: 300;        transition: all 0.2s ease;        text-align: center;        white-space: normal;        word-wrap: break-word;        line-height: 1.4;        vertical-align: middle;    }    .size-table tr:last-child td {        border-bottom: none;    }    .size-table tbody tr {        transition: all 0.2s ease;    }    .size-table tbody tr:hover {        background: #fef2f2;    }    .size-note {        font-size: 13px;        color: #666;        font-style: italic;        margin-top: 16px;        padding: 12px 16px;        background: #fef2f2;        border-left: 3px solid #f87171;        border-radius: 4px;    }    .detail-text {        font-size: 15px;        font-weight: 300;        color: #4a4a4a;        line-height: 1.8;        margin-bottom: 16px;    }    .flex-rating {        margin-top: 8px;    }    .flex-rating-header {        font-size: 14px;        font-weight: 600;        color: #1a1a1a;        margin-bottom: 16px;    }    .flex-rating-bars {        display: flex;        gap: 4px;        margin-bottom: 12px;    }    .flex-bar {        flex: 1;        height: 32px;        background: #f0f0f0;        border-radius: 6px;        transition: all 0.3s ease;    }    .flex-bar.active {        background: linear-gradient(135deg, #f87171 0%, #fca5a5 100%);        box-shadow: 0 2px 8px rgba(248, 113, 113, 0.2);    }    .flex-labels {        display: flex;        gap: 4px;    }    .flex-label {        flex: 1;        text-align: center;    }    .flex-label-name {        font-size: 13px;        font-weight: 500;        color: #1a1a1a;        margin-bottom: 4px;    }    .flex-label-range {        font-size: 12px;        color: #666;    }    .terrain-rating-section {        margin-bottom: 24px;    }    .terrain-rating-item {        margin-bottom: 16px;    }    .terrain-label {        font-size: 14px;        font-weight: 600;        color: #1a1a1a;        margin-bottom: 8px;    }    .skill-rating-section {        margin-top: 24px;    }    .skill-rating-bars {        display: flex;        gap: 4px;    }    .skill-bar {        flex: 1;        height: 32px;        background: #f0f0f0;        border-radius: 6px;        transition: all 0.3s ease;        display: flex;        align-items: center;        justify-content: center;        font-size: 12px;        font-weight: 500;        color: #999;    }    .skill-bar.active {        background: linear-gradient(135deg, #f87171 0%, #fca5a5 100%);        box-shadow: 0 2px 8px rgba(248, 113, 113, 0.2);        color: white;    }    @media (max-width: 768px) {        .features-grid {            grid-template-columns: 1fr;            gap: 16px;        }        .feature-item:hover {            transform: none;        }        .accordion-summary:hover {            padding-left: 0;        }        .accordion-summary::before {            display: none;        }        .accordion-summary {            padding: 16px 0;            font-size: 12px;        }        .size-table {            min-width: 800px;            font-size: 11px;        }        .size-table th {            padding: 10px 6px;            font-size: 10px;            line-height: 1.2;        }        .size-table td {            padding: 10px 6px;            font-size: 11px;        }        .intro-text {            font-size: 15px;        }        .flex-bar {            height: 28px;        }        .flex-label-name {            font-size: 12px;        }        .flex-label-range {            font-size: 11px;        }        .skill-bar {            height: 28px;            font-size: 11px;        }    }    @media (max-width: 480px) {        .size-table {            min-width: 700px;            font-size: 10px;        }        .size-table th {            padding: 8px 4px;            font-size: 9px;            line-height: 1.2;        }        .size-table td {            padding: 8px 4px;            font-size: 10px;        }        .size-note {            font-size: 12px;            padding: 10px 12px;        }    }\u003c\/style\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003cp class=\"intro-text\"\u003eThe #YES Bindings Drive offers unmatched all-mountain power with a flex rating of 7\/10. Equipped with the Performance Flex Plus highback and Skate-Tech, this binding ensures precision and responsiveness, making it ideal for versatile riding and delivering top performance and comfort in various conditions.\u003c\/p\u003e\n\u003cdetails class=\"accordion-item\"\u003e\n\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eFeatures\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eSkate Tech\u003c\/h3\u003e\n\u003cp\u003eMimics the function of skateboard trucks, transferring more power to the board with less work.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eHanger 3.0 Baseplate\u003c\/h3\u003e\n\u003cp\u003eMade with nylon reinforced with 30% glass fiber for rigidity and reduced weight, featuring a wider bushing footprint for enhanced board connection.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eASYM-FRX Highback\u003c\/h3\u003e\n\u003cp\u003eAsymmetrical design with a lateral hook for added support and power, and top flair to dampen chatter.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eStraps\u003c\/h3\u003e\n\u003cp\u003eAsym FRS ankle strap with \"power spine\" support and a 3D Pro-Grip toe strap for a secure fit.\u003c\/p\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 class=\"accordion-summary\"\u003e\u003cspan\u003ePerformance\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"flex-rating\"\u003e\n\u003cdiv class=\"flex-rating-header\"\u003eFlex Rating\u003c\/div\u003e\n\u003cdiv class=\"flex-rating-bars\"\u003e\n\u003cdiv class=\"flex-bar active\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar active\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar active\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar active\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar active\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar active\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar active\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"flex-labels\"\u003e\n\u003cdiv class=\"flex-label\"\u003e\n\u003cdiv class=\"flex-label-name\"\u003eSoft\u003c\/div\u003e\n\u003cdiv class=\"flex-label-range\"\u003e1-3\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"flex-label\"\u003e\n\u003cdiv class=\"flex-label-name\"\u003eMedium\u003c\/div\u003e\n\u003cdiv class=\"flex-label-range\"\u003e4-7\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"flex-label\"\u003e\n\u003cdiv class=\"flex-label-name\"\u003eStiff\u003c\/div\u003e\n\u003cdiv class=\"flex-label-range\"\u003e8-10\u003c\/div\u003e\n\u003c\/div\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 class=\"accordion-summary\"\u003e\u003cspan\u003eSize Chart\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"size-table-wrapper\"\u003e\n\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eMen's \/ Youth\u003c\/th\u003e\n\u003cth\u003eUS\u003c\/th\u003e\n\u003cth\u003eEU\u003c\/th\u003e\n\u003cth\u003eMD\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd class=\"size-header\"\u003eSmall\u003c\/td\u003e\n\u003ctd\u003e5.0 - 7.0\u003c\/td\u003e\n\u003ctd\u003e36.5 - 39.5\u003c\/td\u003e\n\u003ctd\u003e23.5 - 25.0\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"size-header\"\u003eMedium\u003c\/td\u003e\n\u003ctd\u003e7.5 - 10.0\u003c\/td\u003e\n\u003ctd\u003e40 - 43\u003c\/td\u003e\n\u003ctd\u003e25.5 - 28.0\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"size-header\"\u003eLarge\u003c\/td\u003e\n\u003ctd\u003e10.5 +\u003c\/td\u003e\n\u003ctd\u003e43.5 +\u003c\/td\u003e\n\u003ctd\u003e28.5 +\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\u003c\/div\u003e","brand":"Yes","offers":[{"title":"It's White \/ M \/ Mens","offer_id":53292267831662,"sku":"YES61M017004","price":300.95,"currency_code":"CAD","in_stock":true},{"title":"It's White \/ L \/ Mens","offer_id":53292267864430,"sku":"YES61M017005","price":300.95,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/DriveBinding26-ItsWhite.png?v=1770665443"},{"product_id":"select-binding","title":"Select Binding","description":"\u003cstyle\u003e\n.product-description {\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;\n    color: #1a1a1a;\n    line-height: 1.7;\n    max-width: 800px;\n    margin: 0;\n    padding: 0;\n}\n\n.intro-text {\n    font-size: clamp(15px, 3.5vw, 16px);\n    font-weight: 300;\n    margin-bottom: 32px;\n    color: #2c2c2c;\n    line-height: 1.8;\n    padding-left: 16px;\n    border-left: 3px solid #f87171;\n}\n\n.accordion-item {\n    border-bottom: 1px solid #e0e0e0;\n    transition: border-color 0.2s ease;\n}\n\n.accordion-item:hover {\n    border-bottom-color: #f87171;\n}\n\n.accordion-item:last-child {\n    border-bottom: none;\n}\n\n.accordion-summary {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: clamp(16px, 4vw, 20px) 0;\n    cursor: pointer;\n    list-style: none;\n    font-size: clamp(12px, 2.8vw, 13px);\n    font-weight: 500;\n    letter-spacing: 1.5px;\n    text-transform: uppercase;\n    color: #1a1a1a;\n    transition: all 0.3s ease;\n    position: relative;\n    min-height: 44px;\n}\n\n.accordion-summary::before {\n    content: '';\n    position: absolute;\n    left: 0;\n    bottom: 0;\n    width: 0;\n    height: 2px;\n    background: linear-gradient(90deg, #f87171, #fca5a5);\n    transition: width 0.3s ease;\n}\n\n@media (hover: hover) {\n    .accordion-summary:hover::before {\n        width: 60px;\n    }\n    .accordion-summary:hover {\n        color: #f87171;\n        padding-left: 8px;\n    }\n}\n\n.accordion-summary::-webkit-details-marker {\n    display: none;\n}\n\n.accordion-icon {\n    font-size: 20px;\n    font-weight: 300;\n    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n    color: #999;\n    min-width: 20px;\n    text-align: center;\n}\n\n.accordion-item[open] .accordion-icon {\n    transform: rotate(45deg);\n    color: #f87171;\n}\n\n.accordion-content {\n    padding: 0 0 24px 0;\n    animation: slideDown 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n@keyframes slideDown {\n    from {\n        opacity: 0;\n        transform: translateY(-12px);\n    }\n    to {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n\n.features-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));\n    gap: clamp(16px, 4vw, 20px);\n    margin-top: 8px;\n}\n\n.feature-item {\n    padding: 16px;\n    background: linear-gradient(135deg, #fafafa 0%, #ffffff 100%);\n    border-radius: 8px;\n    border: 1px solid #f0f0f0;\n    transition: all 0.3s ease;\n    position: relative;\n    overflow: hidden;\n}\n\n.feature-item::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 4px;\n    height: 0;\n    background: linear-gradient(180deg, #f87171, #fca5a5);\n    transition: height 0.3s ease;\n}\n\n@media (hover: hover) {\n    .feature-item:hover {\n        transform: translateY(-2px);\n        box-shadow: 0 4px 12px rgba(248, 113, 113, 0.1);\n        border-color: #fecaca;\n    }\n    .feature-item:hover::before {\n        height: 100%;\n    }\n}\n\n.feature-item h3 {\n    font-size: clamp(13px, 3vw, 14px);\n    font-weight: 600;\n    color: #1a1a1a;\n    margin-bottom: 6px;\n}\n\n.feature-item p {\n    font-size: clamp(13px, 3vw, 14px);\n    font-weight: 300;\n    color: #666;\n    margin: 0;\n    line-height: 1.6;\n}\n\n.size-table-wrapper {\n    width: 100%;\n    overflow-x: auto;\n    margin: 16px 0;\n    border-radius: 8px;\n    border: 1px solid #f0f0f0;\n    -webkit-overflow-scrolling: touch;\n    background: white;\n}\n\n.size-table {\n    width: 100%;\n    border-collapse: collapse;\n    background: white;\n}\n\n\/* Desktop (1024px+): Full size with 14px font, 16px padding *\/\n@media (min-width: 1024px) {\n    .size-table {\n        font-size: 14px;\n    }\n    .size-table th,\n    .size-table td {\n        padding: 16px;\n        font-size: 14px;\n    }\n}\n\n\/* Tablet (768px-1024px): Scaled to 13px font, 14px padding *\/\n@media (min-width: 768px) and (max-width: 1023px) {\n    .size-table {\n        font-size: 13px;\n    }\n    .size-table th,\n    .size-table td {\n        padding: 14px;\n        font-size: 13px;\n    }\n}\n\n\/* Mobile (480px-768px): Scaled to 12px font, 12px padding *\/\n@media (min-width: 480px) and (max-width: 767px) {\n    .size-table {\n        font-size: 12px;\n    }\n    .size-table th,\n    .size-table td {\n        padding: 12px;\n        font-size: 12px;\n    }\n}\n\n\/* Small mobile (360px-480px): Scaled to 11px font, 10px padding *\/\n@media (min-width: 360px) and (max-width: 479px) {\n    .size-table {\n        font-size: 11px;\n    }\n    .size-table th,\n    .size-table td {\n        padding: 10px;\n        font-size: 11px;\n    }\n}\n\n\/* Extra small (under 360px): Scaled to 10px font, 8px padding *\/\n@media (max-width: 359px) {\n    .size-table {\n        font-size: 10px;\n    }\n    .size-table th,\n    .size-table td {\n        padding: 8px;\n        font-size: 10px;\n    }\n}\n\n.size-table th {\n    text-align: center;\n    font-weight: 600;\n    color: white;\n    background: linear-gradient(135deg, #f87171 0%, #fca5a5 100%);\n    letter-spacing: 0.3px;\n    white-space: nowrap;\n    line-height: 1.4;\n    vertical-align: middle;\n    border-right: 1px solid rgba(255, 255, 255, 0.2);\n}\n\n.size-table th:last-child {\n    border-right: none;\n}\n\n.size-table td {\n    border-bottom: 1px solid #f0f0f0;\n    border-right: 1px solid #f5f5f5;\n    color: #4a4a4a;\n    font-weight: 400;\n    text-align: center;\n    white-space: nowrap;\n    line-height: 1.4;\n    vertical-align: middle;\n    background: white;\n}\n\n.size-table td:last-child {\n    border-right: none;\n}\n\n.size-table tr:last-child td {\n    border-bottom: none;\n}\n\n.size-table tbody tr {\n    transition: background 0.2s ease;\n}\n\n@media (hover: hover) {\n    .size-table tbody tr:hover {\n        background: #fef2f2;\n    }\n    .size-table tbody tr:hover td {\n        background: #fef2f2;\n    }\n}\n\n.size-table .size-header {\n    font-weight: 700;\n    color: #1a1a1a;\n    background: #f8fafc;\n}\n\n.detail-text {\n    font-size: clamp(14px, 3.2vw, 15px);\n    font-weight: 300;\n    color: #4a4a4a;\n    line-height: 1.8;\n    margin-bottom: 16px;\n}\n\n.flex-rating {\n    margin-top: 8px;\n}\n\n.flex-rating-header {\n    font-size: clamp(13px, 3vw, 14px);\n    font-weight: 600;\n    color: #1a1a1a;\n    margin-bottom: 16px;\n}\n\n.flex-rating-bars {\n    display: flex;\n    gap: 4px;\n    margin-bottom: 12px;\n}\n\n.flex-bar {\n    flex: 1;\n    height: clamp(28px, 6vw, 32px);\n    background: #f0f0f0;\n    border-radius: 6px;\n    transition: all 0.3s ease;\n}\n\n.flex-bar.active {\n    background: linear-gradient(135deg, #f87171 0%, #fca5a5 100%);\n    box-shadow: 0 2px 8px rgba(248, 113, 113, 0.2);\n}\n\n.flex-labels {\n    display: flex;\n    gap: 4px;\n}\n\n.flex-label {\n    flex: 1;\n    text-align: center;\n}\n\n.flex-label-name {\n    font-size: clamp(12px, 2.8vw, 13px);\n    font-weight: 500;\n    color: #1a1a1a;\n    margin-bottom: 4px;\n}\n\n.flex-label-range {\n    font-size: clamp(11px, 2.5vw, 12px);\n    color: #666;\n}\n\u003c\/style\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003cp class=\"intro-text\"\u003e\u003cstrong\u003eThe YES Bindings Select is your go-to for freestyle adventures.\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003eWith a flex rating of 6\/10, it features the Asym S-Sense strap and Canted 2.0 footpillow for enhanced comfort and support. Skate-Tech and Flushcup Technology offer stability, making it perfect for tackling your favorite park runs.\u003c\/p\u003e\n\u003cdetails class=\"accordion-item\"\u003e\n\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eFeatures\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eSkate Tech\u003c\/h3\u003e\n\u003cp\u003eThis technology, inspired by skateboard trucks, directs energy directly to the board's edges, which reduces foot fatigue and provides a \"surfy\" feel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eHanger 2.0 Baseplate\u003c\/h3\u003e\n\u003cp\u003eA durable baseless design with 30% glass fiber reinforcement that allows for even board flex.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eFreestyle Highback\u003c\/h3\u003e\n\u003cp\u003eSymmetrical geometry with a minimal top curve for extra mobility, making tweaks and grabs easier.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eAsym S-Sense \u0026amp; 3D Stretch Fit Straps\u003c\/h3\u003e\n\u003cp\u003eAsym S-Sense ankle strap for a comfortable, pressure-point-free fit and a 3D Stretch Fit toe strap for a secure toe cap fit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eMedium Density Bushings\u003c\/h3\u003e\n\u003cp\u003eComes with medium density (45 Shore) bushings for balanced performance, but is compatible with additional soft and hard bushings (sold separately) for customization.\u003c\/p\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 class=\"accordion-summary\"\u003e\u003cspan\u003ePerformance\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"flex-rating\"\u003e\n\u003cdiv class=\"flex-rating-header\"\u003eFlex: 6\/10\u003c\/div\u003e\n\u003cdiv class=\"flex-rating-bars\"\u003e\n\u003cdiv class=\"flex-bar active\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar active\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar active\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar active\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar active\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar active\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"flex-labels\"\u003e\n\u003cdiv class=\"flex-label\"\u003e\n\u003cdiv class=\"flex-label-name\"\u003eSoft\u003c\/div\u003e\n\u003cdiv class=\"flex-label-range\"\u003e1-3\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"flex-label\"\u003e\n\u003cdiv class=\"flex-label-name\"\u003eMedium\u003c\/div\u003e\n\u003cdiv class=\"flex-label-range\"\u003e4-7\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"flex-label\"\u003e\n\u003cdiv class=\"flex-label-name\"\u003eStiff\u003c\/div\u003e\n\u003cdiv class=\"flex-label-range\"\u003e8-10\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"detail-text\"\u003eMedium flex rating provides the perfect balance for freestyle riding, offering responsive control and support for park features while maintaining the playfulness needed for creative riding.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"accordion-item\"\u003e\n\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eSize Chart\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"size-table-wrapper\"\u003e\n\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eMen's \/ Youth\u003c\/th\u003e\n\u003cth\u003eUS\u003c\/th\u003e\n\u003cth\u003eEU\u003c\/th\u003e\n\u003cth\u003eMondo\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd class=\"size-header\"\u003eSmall\u003c\/td\u003e\n\u003ctd\u003e5.0 - 7.0\u003c\/td\u003e\n\u003ctd\u003e36.5 - 39.5\u003c\/td\u003e\n\u003ctd\u003e23.5 - 25.0\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"size-header\"\u003eMedium\u003c\/td\u003e\n\u003ctd\u003e7.5 - 10.0\u003c\/td\u003e\n\u003ctd\u003e40 - 43\u003c\/td\u003e\n\u003ctd\u003e25.5 - 28.0\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"size-header\"\u003eLarge\u003c\/td\u003e\n\u003ctd\u003e10.5 +\u003c\/td\u003e\n\u003ctd\u003e43.5 +\u003c\/td\u003e\n\u003ctd\u003e28.5 +\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\u003c\/div\u003e","brand":"Yes","offers":[{"title":"Pitch Black \/ S \/ Mens","offer_id":53292323438958,"sku":"YES61M024003","price":209.95,"currency_code":"CAD","in_stock":true},{"title":"Pitch Black \/ M \/ Mens","offer_id":53292384977262,"sku":null,"price":209.95,"currency_code":"CAD","in_stock":false},{"title":"Pitch Black \/ L \/ Mens","offer_id":53292323471726,"sku":"YES61M024005","price":209.95,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/SelectBinding-PitchBlack.png?v=1770666209"},{"product_id":"rebel-binding","title":"Rebel Binding","description":"\u003cstyle\u003e\n.product-description {\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;\n    color: #1a1a1a;\n    line-height: 1.7;\n    max-width: 800px;\n    margin: 0;\n    padding: 0;\n}\n\n.intro-text {\n    font-size: clamp(15px, 3.5vw, 16px);\n    font-weight: 300;\n    margin-bottom: 32px;\n    color: #2c2c2c;\n    line-height: 1.8;\n    padding-left: 16px;\n    border-left: 3px solid #f87171;\n}\n\n.accordion-item {\n    border-bottom: 1px solid #e0e0e0;\n    transition: border-color 0.2s ease;\n}\n\n.accordion-item:hover {\n    border-bottom-color: #f87171;\n}\n\n.accordion-item:last-child {\n    border-bottom: none;\n}\n\n.accordion-summary {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: clamp(16px, 4vw, 20px) 0;\n    cursor: pointer;\n    list-style: none;\n    font-size: clamp(12px, 2.8vw, 13px);\n    font-weight: 500;\n    letter-spacing: 1.5px;\n    text-transform: uppercase;\n    color: #1a1a1a;\n    transition: all 0.3s ease;\n    position: relative;\n    min-height: 44px;\n}\n\n.accordion-summary::before {\n    content: '';\n    position: absolute;\n    left: 0;\n    bottom: 0;\n    width: 0;\n    height: 2px;\n    background: linear-gradient(90deg, #f87171, #fca5a5);\n    transition: width 0.3s ease;\n}\n\n@media (hover: hover) {\n    .accordion-summary:hover::before {\n        width: 60px;\n    }\n    .accordion-summary:hover {\n        color: #f87171;\n        padding-left: 8px;\n    }\n}\n\n.accordion-summary::-webkit-details-marker {\n    display: none;\n}\n\n.accordion-icon {\n    font-size: 20px;\n    font-weight: 300;\n    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n    color: #999;\n    min-width: 20px;\n    text-align: center;\n}\n\n.accordion-item[open] .accordion-icon {\n    transform: rotate(45deg);\n    color: #f87171;\n}\n\n.accordion-content {\n    padding: 0 0 24px 0;\n    animation: slideDown 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n@keyframes slideDown {\n    from {\n        opacity: 0;\n        transform: translateY(-12px);\n    }\n    to {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n\n.features-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));\n    gap: clamp(16px, 4vw, 20px);\n    margin-top: 8px;\n}\n\n.feature-item {\n    padding: 16px;\n    background: linear-gradient(135deg, #fafafa 0%, #ffffff 100%);\n    border-radius: 8px;\n    border: 1px solid #f0f0f0;\n    transition: all 0.3s ease;\n    position: relative;\n    overflow: hidden;\n}\n\n.feature-item::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 4px;\n    height: 0;\n    background: linear-gradient(180deg, #f87171, #fca5a5);\n    transition: height 0.3s ease;\n}\n\n@media (hover: hover) {\n    .feature-item:hover {\n        transform: translateY(-2px);\n        box-shadow: 0 4px 12px rgba(248, 113, 113, 0.1);\n        border-color: #fecaca;\n    }\n    .feature-item:hover::before {\n        height: 100%;\n    }\n}\n\n.feature-item h3 {\n    font-size: clamp(13px, 3vw, 14px);\n    font-weight: 600;\n    color: #1a1a1a;\n    margin-bottom: 6px;\n}\n\n.feature-item p {\n    font-size: clamp(13px, 3vw, 14px);\n    font-weight: 300;\n    color: #666;\n    margin: 0;\n    line-height: 1.6;\n}\n\n.size-table-wrapper {\n    width: 100%;\n    overflow-x: auto;\n    margin: 16px 0;\n    border-radius: 8px;\n    border: 1px solid #f0f0f0;\n    -webkit-overflow-scrolling: touch;\n    background: white;\n}\n\n.size-table {\n    width: 100%;\n    border-collapse: collapse;\n    background: white;\n}\n\n@media (min-width: 1024px) {\n    .size-table {\n        font-size: 14px;\n    }\n    .size-table th,\n    .size-table td {\n        padding: 16px;\n        font-size: 14px;\n    }\n}\n\n@media (min-width: 768px) and (max-width: 1023px) {\n    .size-table {\n        font-size: 13px;\n    }\n    .size-table th,\n    .size-table td {\n        padding: 14px;\n        font-size: 13px;\n    }\n}\n\n@media (min-width: 480px) and (max-width: 767px) {\n    .size-table {\n        font-size: 12px;\n    }\n    .size-table th,\n    .size-table td {\n        padding: 12px;\n        font-size: 12px;\n    }\n}\n\n@media (min-width: 360px) and (max-width: 479px) {\n    .size-table {\n        font-size: 11px;\n    }\n    .size-table th,\n    .size-table td {\n        padding: 10px;\n        font-size: 11px;\n    }\n}\n\n@media (max-width: 359px) {\n    .size-table {\n        font-size: 10px;\n    }\n    .size-table th,\n    .size-table td {\n        padding: 8px;\n        font-size: 10px;\n    }\n}\n\n.size-table th {\n    text-align: center;\n    font-weight: 600;\n    color: white;\n    background: linear-gradient(135deg, #f87171 0%, #fca5a5 100%);\n    letter-spacing: 0.3px;\n    white-space: nowrap;\n    line-height: 1.4;\n    vertical-align: middle;\n    border-right: 1px solid rgba(255, 255, 255, 0.2);\n}\n\n.size-table th:last-child {\n    border-right: none;\n}\n\n.size-table td {\n    border-bottom: 1px solid #f0f0f0;\n    border-right: 1px solid #f5f5f5;\n    color: #4a4a4a;\n    font-weight: 400;\n    text-align: center;\n    white-space: nowrap;\n    line-height: 1.4;\n    vertical-align: middle;\n    background: white;\n}\n\n.size-table td:last-child {\n    border-right: none;\n}\n\n.size-table tr:last-child td {\n    border-bottom: none;\n}\n\n.size-table tbody tr {\n    transition: background 0.2s ease;\n}\n\n@media (hover: hover) {\n    .size-table tbody tr:hover {\n        background: #fef2f2;\n    }\n    .size-table tbody tr:hover td {\n        background: #fef2f2;\n    }\n}\n\n.size-table .size-header {\n    font-weight: 700;\n    color: #1a1a1a;\n    background: #f8fafc;\n}\n\n.detail-text {\n    font-size: clamp(14px, 3.2vw, 15px);\n    font-weight: 300;\n    color: #4a4a4a;\n    line-height: 1.8;\n    margin-bottom: 16px;\n}\n\n.flex-rating {\n    margin-top: 8px;\n}\n\n.flex-rating-header {\n    font-size: clamp(13px, 3vw, 14px);\n    font-weight: 600;\n    color: #1a1a1a;\n    margin-bottom: 16px;\n}\n\n.flex-rating-bars {\n    display: flex;\n    gap: 4px;\n    margin-bottom: 12px;\n}\n\n.flex-bar {\n    flex: 1;\n    height: clamp(28px, 6vw, 32px);\n    background: #f0f0f0;\n    border-radius: 6px;\n    transition: all 0.3s ease;\n}\n\n.flex-bar.active {\n    background: linear-gradient(135deg, #f87171 0%, #fca5a5 100%);\n    box-shadow: 0 2px 8px rgba(248, 113, 113, 0.2);\n}\n\n.flex-labels {\n    display: flex;\n    gap: 4px;\n}\n\n.flex-label {\n    flex: 1;\n    text-align: center;\n}\n\n.flex-label-name {\n    font-size: clamp(12px, 2.8vw, 13px);\n    font-weight: 500;\n    color: #1a1a1a;\n    margin-bottom: 4px;\n}\n\n.flex-label-range {\n    font-size: clamp(11px, 2.5vw, 12px);\n    color: #666;\n}\n\u003c\/style\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003cp class=\"intro-text\"\u003e\u003cstrong\u003eUnleash freestyle power with YES Bindings Rebel.\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003eWith a flex rating of 7\/10, it's ready for intense park sessions. The ASYM S-Sense strap and Flatback highback provide control and comfort, while Skate-Tech and Flushcup Technology ensure smooth performance across various tricks and jumps.\u003c\/p\u003e\n\u003cdetails class=\"accordion-item\"\u003e\n\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eFeatures\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eSkate Tech\u003c\/h3\u003e\n\u003cp\u003eInspired by skateboard trucks, this system directs energy right onto the board's edges, transferring more power with less work and reducing foot fatigue.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eHanger 2.0 Baseplate\u003c\/h3\u003e\n\u003cp\u003eA baseless design with 30% fiberglass reinforcement that allows for even board flex and I-Beam wall sections for rigidity and reduced weight.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eFlatback Highback\u003c\/h3\u003e\n\u003cp\u003eFeatures a flat profile and softer construction for extra mobility, making tweaks and tricks in the park easier, while still providing essential support.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eAsym S-Sense \u0026amp; 3D Stretch Fit Straps\u003c\/h3\u003e\n\u003cp\u003eAsym S-Sense ankle strap for a comfortable, pressure-point-free fit and a 3D Stretch Fit toe strap for better toe cap fit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eMedium Density Bushings\u003c\/h3\u003e\n\u003cp\u003eComes with Medium density bushings (45 shore) for a balanced performance in various conditions.\u003c\/p\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 class=\"accordion-summary\"\u003e\u003cspan\u003ePerformance\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"flex-rating\"\u003e\n\u003cdiv class=\"flex-rating-header\"\u003eFlex: 7\/10\u003c\/div\u003e\n\u003cdiv class=\"flex-rating-bars\"\u003e\n\u003cdiv class=\"flex-bar active\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar active\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar active\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar active\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar active\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar active\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar active\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"flex-labels\"\u003e\n\u003cdiv class=\"flex-label\"\u003e\n\u003cdiv class=\"flex-label-name\"\u003eSoft\u003c\/div\u003e\n\u003cdiv class=\"flex-label-range\"\u003e1-3\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"flex-label\"\u003e\n\u003cdiv class=\"flex-label-name\"\u003eMedium\u003c\/div\u003e\n\u003cdiv class=\"flex-label-range\"\u003e4-7\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"flex-label\"\u003e\n\u003cdiv class=\"flex-label-name\"\u003eStiff\u003c\/div\u003e\n\u003cdiv class=\"flex-label-range\"\u003e8-10\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"detail-text\"\u003eMedium-stiff flex rating provides responsive control and support for aggressive freestyle riding, offering the perfect balance for park features and technical tricks.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"accordion-item\"\u003e\n\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eSize Chart\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"size-table-wrapper\"\u003e\n\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eWomen's Size\u003c\/th\u003e\n\u003cth\u003eUS\u003c\/th\u003e\n\u003cth\u003eEU\u003c\/th\u003e\n\u003cth\u003eMondo\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd class=\"size-header\"\u003eSmall\u003c\/td\u003e\n\u003ctd\u003e5.0 - 8.5\u003c\/td\u003e\n\u003ctd\u003e35 - 39.5\u003c\/td\u003e\n\u003ctd\u003e22 - 25\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"size-header\"\u003eMedium\u003c\/td\u003e\n\u003ctd\u003e9.0 - 11.5\u003c\/td\u003e\n\u003ctd\u003e40 - 42.5\u003c\/td\u003e\n\u003ctd\u003e25.5 - 27.5\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\u003c\/div\u003e","brand":"Yes","offers":[{"title":"Pitch Black \/ S \/ Womens","offer_id":53292346179950,"sku":"YES61W008003","price":209.95,"currency_code":"CAD","in_stock":false},{"title":"Pitch Black \/ M \/ Womens","offer_id":53292346212718,"sku":"YES61W008004","price":209.95,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/RebelBinding-Black.png?v=1770829441"},{"product_id":"rebel-binding-1","title":"Rebel Binding","description":"\u003cstyle\u003e\n.product-description {\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;\n    color: #1a1a1a;\n    line-height: 1.7;\n    max-width: 800px;\n    margin: 0;\n    padding: 0;\n}\n\n.intro-text {\n    font-size: clamp(15px, 3.5vw, 16px);\n    font-weight: 300;\n    margin-bottom: 32px;\n    color: #2c2c2c;\n    line-height: 1.8;\n    padding-left: 16px;\n    border-left: 3px solid #f87171;\n}\n\n.accordion-item {\n    border-bottom: 1px solid #e0e0e0;\n    transition: border-color 0.2s ease;\n}\n\n.accordion-item:hover {\n    border-bottom-color: #f87171;\n}\n\n.accordion-item:last-child {\n    border-bottom: none;\n}\n\n.accordion-summary {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: clamp(16px, 4vw, 20px) 0;\n    cursor: pointer;\n    list-style: none;\n    font-size: clamp(12px, 2.8vw, 13px);\n    font-weight: 500;\n    letter-spacing: 1.5px;\n    text-transform: uppercase;\n    color: #1a1a1a;\n    transition: all 0.3s ease;\n    position: relative;\n    min-height: 44px;\n}\n\n.accordion-summary::before {\n    content: '';\n    position: absolute;\n    left: 0;\n    bottom: 0;\n    width: 0;\n    height: 2px;\n    background: linear-gradient(90deg, #f87171, #fca5a5);\n    transition: width 0.3s ease;\n}\n\n@media (hover: hover) {\n    .accordion-summary:hover::before {\n        width: 60px;\n    }\n    .accordion-summary:hover {\n        color: #f87171;\n        padding-left: 8px;\n    }\n}\n\n.accordion-summary::-webkit-details-marker {\n    display: none;\n}\n\n.accordion-icon {\n    font-size: 20px;\n    font-weight: 300;\n    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n    color: #999;\n    min-width: 20px;\n    text-align: center;\n}\n\n.accordion-item[open] .accordion-icon {\n    transform: rotate(45deg);\n    color: #f87171;\n}\n\n.accordion-content {\n    padding: 0 0 24px 0;\n    animation: slideDown 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n@keyframes slideDown {\n    from {\n        opacity: 0;\n        transform: translateY(-12px);\n    }\n    to {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n\n.features-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));\n    gap: clamp(16px, 4vw, 20px);\n    margin-top: 8px;\n}\n\n.feature-item {\n    padding: 16px;\n    background: linear-gradient(135deg, #fafafa 0%, #ffffff 100%);\n    border-radius: 8px;\n    border: 1px solid #f0f0f0;\n    transition: all 0.3s ease;\n    position: relative;\n    overflow: hidden;\n}\n\n.feature-item::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 4px;\n    height: 0;\n    background: linear-gradient(180deg, #f87171, #fca5a5);\n    transition: height 0.3s ease;\n}\n\n@media (hover: hover) {\n    .feature-item:hover {\n        transform: translateY(-2px);\n        box-shadow: 0 4px 12px rgba(248, 113, 113, 0.1);\n        border-color: #fecaca;\n    }\n    .feature-item:hover::before {\n        height: 100%;\n    }\n}\n\n.feature-item h3 {\n    font-size: clamp(13px, 3vw, 14px);\n    font-weight: 600;\n    color: #1a1a1a;\n    margin-bottom: 6px;\n}\n\n.feature-item p {\n    font-size: clamp(13px, 3vw, 14px);\n    font-weight: 300;\n    color: #666;\n    margin: 0;\n    line-height: 1.6;\n}\n\n.size-table-wrapper {\n    width: 100%;\n    overflow-x: auto;\n    margin: 16px 0;\n    border-radius: 8px;\n    border: 1px solid #f0f0f0;\n    -webkit-overflow-scrolling: touch;\n    background: white;\n}\n\n.size-table {\n    width: 100%;\n    border-collapse: collapse;\n    background: white;\n}\n\n@media (min-width: 1024px) {\n    .size-table {\n        font-size: 14px;\n    }\n    .size-table th,\n    .size-table td {\n        padding: 16px;\n        font-size: 14px;\n    }\n}\n\n@media (min-width: 768px) and (max-width: 1023px) {\n    .size-table {\n        font-size: 13px;\n    }\n    .size-table th,\n    .size-table td {\n        padding: 14px;\n        font-size: 13px;\n    }\n}\n\n@media (min-width: 480px) and (max-width: 767px) {\n    .size-table {\n        font-size: 12px;\n    }\n    .size-table th,\n    .size-table td {\n        padding: 12px;\n        font-size: 12px;\n    }\n}\n\n@media (min-width: 360px) and (max-width: 479px) {\n    .size-table {\n        font-size: 11px;\n    }\n    .size-table th,\n    .size-table td {\n        padding: 10px;\n        font-size: 11px;\n    }\n}\n\n@media (max-width: 359px) {\n    .size-table {\n        font-size: 10px;\n    }\n    .size-table th,\n    .size-table td {\n        padding: 8px;\n        font-size: 10px;\n    }\n}\n\n.size-table th {\n    text-align: center;\n    font-weight: 600;\n    color: white;\n    background: linear-gradient(135deg, #f87171 0%, #fca5a5 100%);\n    letter-spacing: 0.3px;\n    white-space: nowrap;\n    line-height: 1.4;\n    vertical-align: middle;\n    border-right: 1px solid rgba(255, 255, 255, 0.2);\n}\n\n.size-table th:last-child {\n    border-right: none;\n}\n\n.size-table td {\n    border-bottom: 1px solid #f0f0f0;\n    border-right: 1px solid #f5f5f5;\n    color: #4a4a4a;\n    font-weight: 400;\n    text-align: center;\n    white-space: nowrap;\n    line-height: 1.4;\n    vertical-align: middle;\n    background: white;\n}\n\n.size-table td:last-child {\n    border-right: none;\n}\n\n.size-table tr:last-child td {\n    border-bottom: none;\n}\n\n.size-table tbody tr {\n    transition: background 0.2s ease;\n}\n\n@media (hover: hover) {\n    .size-table tbody tr:hover {\n        background: #fef2f2;\n    }\n    .size-table tbody tr:hover td {\n        background: #fef2f2;\n    }\n}\n\n.size-table .size-header {\n    font-weight: 700;\n    color: #1a1a1a;\n    background: #f8fafc;\n}\n\n.detail-text {\n    font-size: clamp(14px, 3.2vw, 15px);\n    font-weight: 300;\n    color: #4a4a4a;\n    line-height: 1.8;\n    margin-bottom: 16px;\n}\n\n.flex-rating {\n    margin-top: 8px;\n}\n\n.flex-rating-header {\n    font-size: clamp(13px, 3vw, 14px);\n    font-weight: 600;\n    color: #1a1a1a;\n    margin-bottom: 16px;\n}\n\n.flex-rating-bars {\n    display: flex;\n    gap: 4px;\n    margin-bottom: 12px;\n}\n\n.flex-bar {\n    flex: 1;\n    height: clamp(28px, 6vw, 32px);\n    background: #f0f0f0;\n    border-radius: 6px;\n    transition: all 0.3s ease;\n}\n\n.flex-bar.active {\n    background: linear-gradient(135deg, #f87171 0%, #fca5a5 100%);\n    box-shadow: 0 2px 8px rgba(248, 113, 113, 0.2);\n}\n\n.flex-labels {\n    display: flex;\n    gap: 4px;\n}\n\n.flex-label {\n    flex: 1;\n    text-align: center;\n}\n\n.flex-label-name {\n    font-size: clamp(12px, 2.8vw, 13px);\n    font-weight: 500;\n    color: #1a1a1a;\n    margin-bottom: 4px;\n}\n\n.flex-label-range {\n    font-size: clamp(11px, 2.5vw, 12px);\n    color: #666;\n}\n\u003c\/style\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003cp class=\"intro-text\"\u003e\u003cstrong\u003eUnleash freestyle power with YES Bindings Rebel.\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003eWith a flex rating of 7\/10, it's ready for intense park sessions. The ASYM S-Sense strap and Flatback highback provide control and comfort, while Skate-Tech and Flushcup Technology ensure smooth performance across various tricks and jumps.\u003c\/p\u003e\n\u003cdetails class=\"accordion-item\"\u003e\n\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eFeatures\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eSkate Tech\u003c\/h3\u003e\n\u003cp\u003eInspired by skateboard trucks, this system directs energy right onto the board's edges, transferring more power with less work and reducing foot fatigue.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eHanger 2.0 Baseplate\u003c\/h3\u003e\n\u003cp\u003eA baseless design with 30% fiberglass reinforcement that allows for even board flex and I-Beam wall sections for rigidity and reduced weight.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eFlatback Highback\u003c\/h3\u003e\n\u003cp\u003eFeatures a flat profile and softer construction for extra mobility, making tweaks and tricks in the park easier, while still providing essential support.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eAsym S-Sense \u0026amp; 3D Stretch Fit Straps\u003c\/h3\u003e\n\u003cp\u003eAsym S-Sense ankle strap for a comfortable, pressure-point-free fit and a 3D Stretch Fit toe strap for better toe cap fit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eMedium Density Bushings\u003c\/h3\u003e\n\u003cp\u003eComes with Medium density bushings (45 shore) for a balanced performance in various conditions.\u003c\/p\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 class=\"accordion-summary\"\u003e\u003cspan\u003ePerformance\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"flex-rating\"\u003e\n\u003cdiv class=\"flex-rating-header\"\u003eFlex: 7\/10\u003c\/div\u003e\n\u003cdiv class=\"flex-rating-bars\"\u003e\n\u003cdiv class=\"flex-bar active\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar active\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar active\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar active\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar active\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar active\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar active\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"flex-labels\"\u003e\n\u003cdiv class=\"flex-label\"\u003e\n\u003cdiv class=\"flex-label-name\"\u003eSoft\u003c\/div\u003e\n\u003cdiv class=\"flex-label-range\"\u003e1-3\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"flex-label\"\u003e\n\u003cdiv class=\"flex-label-name\"\u003eMedium\u003c\/div\u003e\n\u003cdiv class=\"flex-label-range\"\u003e4-7\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"flex-label\"\u003e\n\u003cdiv class=\"flex-label-name\"\u003eStiff\u003c\/div\u003e\n\u003cdiv class=\"flex-label-range\"\u003e8-10\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"detail-text\"\u003eMedium-stiff flex rating provides responsive control and support for aggressive freestyle riding, offering the perfect balance for park features and technical tricks.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"accordion-item\"\u003e\n\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eSize Chart\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"size-table-wrapper\"\u003e\n\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eWomen's Size\u003c\/th\u003e\n\u003cth\u003eUS\u003c\/th\u003e\n\u003cth\u003eEU\u003c\/th\u003e\n\u003cth\u003eMondo\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd class=\"size-header\"\u003eSmall\u003c\/td\u003e\n\u003ctd\u003e5.0 - 8.5\u003c\/td\u003e\n\u003ctd\u003e35 - 39.5\u003c\/td\u003e\n\u003ctd\u003e22 - 25\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"size-header\"\u003eMedium\u003c\/td\u003e\n\u003ctd\u003e9.0 - 11.5\u003c\/td\u003e\n\u003ctd\u003e40 - 42.5\u003c\/td\u003e\n\u003ctd\u003e25.5 - 27.5\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\u003c\/div\u003e","brand":"Yes","offers":[{"title":"Party Pink \/ S \/ Womens","offer_id":53292349358446,"sku":"YES61W009003","price":209.95,"currency_code":"CAD","in_stock":false},{"title":"Party Pink \/ M \/ Womens","offer_id":53292349391214,"sku":"YES61W009004","price":209.95,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/RebelBinding-PartyPink_f7a244f5-1079-431d-a982-a34e9191d8b9.png?v=1770829532"},{"product_id":"airmaster-binding-1","title":"Airmaster Binding","description":"\u003cstyle\u003e\n  .product-description {\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;\n    color: #1a1a1a;\n    line-height: 1.7;\n    max-width: 800px;\n    margin: 0;\n    padding: 0;\n  }\n\n  .intro-text {\n    font-size: clamp(15px, 3.5vw, 16px);\n    font-weight: 300;\n    margin-bottom: clamp(24px, 6vw, 32px);\n    color: #2c2c2c;\n    line-height: 1.8;\n    position: relative;\n    padding-left: 16px;\n    border-left: 3px solid #f87171;\n  }\n\n  .accordion-item {\n    border-bottom: 1px solid #e0e0e0;\n    transition: border-color 0.2s ease;\n  }\n\n  .accordion-item:hover {\n    border-bottom-color: #f87171;\n  }\n\n  .accordion-item:last-child {\n    border-bottom: none;\n  }\n\n  .accordion-summary {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: clamp(16px, 4vw, 20px) 0;\n    cursor: pointer;\n    list-style: none;\n    font-size: clamp(12px, 2.8vw, 13px);\n    font-weight: 500;\n    letter-spacing: 1.5px;\n    text-transform: uppercase;\n    color: #1a1a1a;\n    transition: all 0.3s ease;\n    position: relative;\n    min-height: 44px;\n  }\n\n  .accordion-summary::before {\n    content: '';\n    position: absolute;\n    left: 0;\n    bottom: 0;\n    width: 0;\n    height: 2px;\n    background: linear-gradient(90deg, #f87171, #fca5a5);\n    transition: width 0.3s ease;\n  }\n\n  @media (hover: hover) {\n    .accordion-summary:hover::before {\n      width: 60px;\n    }\n\n    .accordion-summary:hover {\n      color: #f87171;\n      padding-left: 8px;\n    }\n  }\n\n  .accordion-summary::-webkit-details-marker {\n    display: none;\n  }\n\n  .accordion-icon {\n    font-size: 20px;\n    font-weight: 300;\n    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n    color: #999;\n    min-width: 20px;\n    text-align: center;\n  }\n\n  .accordion-item[open] .accordion-icon {\n    transform: rotate(45deg);\n    color: #f87171;\n  }\n\n  .accordion-content {\n    padding: 0 0 clamp(20px, 5vw, 24px) 0;\n    animation: slideDown 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n    overflow: hidden;\n  }\n\n  @keyframes slideDown {\n    from {\n      opacity: 0;\n      transform: translateY(-12px);\n    }\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n\n  .features-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));\n    gap: clamp(16px, 4vw, 20px);\n    margin-top: 8px;\n  }\n\n  .feature-item {\n    padding: clamp(14px, 3.5vw, 16px);\n    background: linear-gradient(135deg, #fafafa 0%, #ffffff 100%);\n    border-radius: 8px;\n    border: 1px solid #f0f0f0;\n    transition: all 0.3s ease;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .feature-item::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 4px;\n    height: 0;\n    background: linear-gradient(180deg, #f87171, #fca5a5);\n    transition: height 0.3s ease;\n  }\n\n  @media (hover: hover) {\n    .feature-item:hover {\n      transform: translateY(-2px);\n      box-shadow: 0 4px 12px rgba(248, 113, 113, 0.1);\n      border-color: #fecaca;\n    }\n\n    .feature-item:hover::before {\n      height: 100%;\n    }\n  }\n\n  .feature-item h3 {\n    font-size: clamp(13px, 3vw, 14px);\n    font-weight: 600;\n    color: #1a1a1a;\n    margin-bottom: 6px;\n  }\n\n  .feature-item p {\n    font-size: clamp(13px, 3vw, 14px);\n    font-weight: 300;\n    color: #666;\n    margin: 0;\n    line-height: 1.6;\n  }\n\n  .feature-item + .feature-item {\n    margin-top: clamp(16px, 4vw, 20px);\n  }\n\n  .flex-rating {\n    margin-top: 8px;\n  }\n\n  .flex-rating-header {\n    font-size: clamp(13px, 3vw, 14px);\n    font-weight: 600;\n    color: #1a1a1a;\n    margin-bottom: 16px;\n  }\n\n  .flex-rating-bars {\n    display: flex;\n    gap: 4px;\n    margin-bottom: 12px;\n  }\n\n  .flex-bar {\n    flex: 1;\n    height: clamp(28px, 6vw, 32px);\n    background: #f0f0f0;\n    border-radius: 6px;\n    transition: all 0.3s ease;\n  }\n\n  .flex-bar.active {\n    background: linear-gradient(135deg, #f87171 0%, #fca5a5 100%);\n    box-shadow: 0 2px 8px rgba(248, 113, 113, 0.2);\n  }\n\n  .flex-labels {\n    display: flex;\n    gap: 4px;\n  }\n\n  .flex-label {\n    flex: 1;\n    text-align: center;\n  }\n\n  .flex-label-name {\n    font-size: clamp(12px, 2.8vw, 13px);\n    font-weight: 500;\n    color: #1a1a1a;\n    margin-bottom: 4px;\n  }\n\n  .flex-label-range {\n    font-size: clamp(11px, 2.5vw, 12px);\n    color: #666;\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003cp class=\"intro-text\"\u003eThe Airmaster Binding is a freestyle-focused binding designed for riders who demand responsiveness and comfort. Featuring Skate Tech technology inspired by skateboard trucks, this binding reduces foot fatigue while delivering precise control and natural board feel.\u003c\/p\u003e\n\u003cdetails class=\"accordion-item\"\u003e\n\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eFeatures\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eSkate Tech\u003c\/h3\u003e\n\u003cp\u003eInspired by skateboard trucks, Skate Tech technology reduces foot fatigue by allowing natural ankle movement while maintaining responsive control. This innovative design delivers a more intuitive riding experience.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eHanger 3.0 Baseplate\u003c\/h3\u003e\n\u003cp\u003eFeatures a wider bushing footprint for enhanced stability and response. The Hanger 3.0 design provides a solid platform that transfers energy efficiently from your boots to the board.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eFlatback Highback\u003c\/h3\u003e\n\u003cp\u003eDesigned for maximum mobility and freestyle performance. The Flatback highback offers support when you need it while allowing unrestricted movement for tweaks and grabs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eHyperfuse II Ankle Strap\u003c\/h3\u003e\n\u003cp\u003eStitchless construction eliminates pressure points and provides a seamless, comfortable fit. The Hyperfuse II strap wraps your ankle securely without restricting movement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003e3D Pro-Grip Toe Strap\u003c\/h3\u003e\n\u003cp\u003eErgonomically designed to conform to your boot's shape, providing superior grip and comfort. The 3D construction ensures even pressure distribution across the toe box.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eMedium Bushings (45 Shore)\u003c\/h3\u003e\n\u003cp\u003ePre-installed medium bushings offer a balanced feel suitable for most riders. Easily customizable with softer or stiffer bushings to match your riding style and preferences.\u003c\/p\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 class=\"accordion-summary\"\u003e\u003cspan\u003ePerformance\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"flex-rating\"\u003e\n\u003cdiv class=\"flex-rating-header\"\u003eFlex Rating\u003c\/div\u003e\n\u003cdiv class=\"flex-rating-bars\"\u003e\n\u003cdiv class=\"flex-bar active\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar active\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar active\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar active\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar active\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar active\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar active\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"flex-labels\"\u003e\n\u003cdiv class=\"flex-label\"\u003e\n\u003cdiv class=\"flex-label-name\"\u003eSoft\u003c\/div\u003e\n\u003cdiv class=\"flex-label-range\"\u003e1-3\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"flex-label\"\u003e\n\u003cdiv class=\"flex-label-name\"\u003eMedium\u003c\/div\u003e\n\u003cdiv class=\"flex-label-range\"\u003e4-7\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"flex-label\"\u003e\n\u003cdiv class=\"flex-label-name\"\u003eStiff\u003c\/div\u003e\n\u003cdiv class=\"flex-label-range\"\u003e8-10\u003c\/div\u003e\n\u003c\/div\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 class=\"accordion-summary\"\u003e\u003cspan\u003eSpecifications\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eRiding Style\u003c\/h3\u003e\n\u003cp\u003eFreestyle-focused binding designed for park, jumps, and all-mountain riding with an emphasis on mobility and response.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eSize Range\u003c\/h3\u003e\n\u003cp\u003eAvailable in Medium (M) and Large (L) sizes to accommodate a wide range of boot sizes and rider preferences.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eBushing Options\u003c\/h3\u003e\n\u003cp\u003eComes with Medium (45 shore) bushings pre-installed. Compatible with soft and stiff bushing options for customized feel and response.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Yes","offers":[{"title":"Splatter Blue \/ S \/ Mens","offer_id":53292365676910,"sku":"YES61M019003","price":265.95,"currency_code":"CAD","in_stock":false},{"title":"Splatter Blue \/ M \/ Mens","offer_id":53292365709678,"sku":"YES61M019004","price":265.95,"currency_code":"CAD","in_stock":false},{"title":"Splatter Blue \/ L \/ Mens","offer_id":53292365742446,"sku":"YES61M019005","price":265.95,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/AirmasterBinding-SplatterBlue.png?v=1770829131"},{"product_id":"ipo-binding-1","title":"Ipo Binding","description":"\u003cstyle\u003e\n.product-description {\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;\n    color: #1a1a1a;\n    line-height: 1.7;\n    max-width: 800px;\n    margin: 0;\n    padding: 0;\n}\n\n.intro-text {\n    font-size: clamp(15px, 3.5vw, 16px);\n    font-weight: 300;\n    margin-bottom: 32px;\n    color: #2c2c2c;\n    line-height: 1.8;\n    padding-left: 16px;\n    border-left: 3px solid #f87171;\n}\n\n.accordion-item {\n    border-bottom: 1px solid #e0e0e0;\n    transition: border-color 0.2s ease;\n}\n\n.accordion-item:hover {\n    border-bottom-color: #f87171;\n}\n\n.accordion-item:last-child {\n    border-bottom: none;\n}\n\n.accordion-summary {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: clamp(16px, 4vw, 20px) 0;\n    cursor: pointer;\n    list-style: none;\n    font-size: clamp(12px, 2.8vw, 13px);\n    font-weight: 500;\n    letter-spacing: 1.5px;\n    text-transform: uppercase;\n    color: #1a1a1a;\n    transition: all 0.3s ease;\n    position: relative;\n    min-height: 44px;\n}\n\n.accordion-summary::before {\n    content: '';\n    position: absolute;\n    left: 0;\n    bottom: 0;\n    width: 0;\n    height: 2px;\n    background: linear-gradient(90deg, #f87171, #fca5a5);\n    transition: width 0.3s ease;\n}\n\n@media (hover: hover) {\n    .accordion-summary:hover::before {\n        width: 60px;\n    }\n    .accordion-summary:hover {\n        color: #f87171;\n        padding-left: 8px;\n    }\n}\n\n.accordion-summary::-webkit-details-marker {\n    display: none;\n}\n\n.accordion-icon {\n    font-size: 20px;\n    font-weight: 300;\n    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n    color: #999;\n    min-width: 20px;\n    text-align: center;\n}\n\n.accordion-item[open] .accordion-icon {\n    transform: rotate(45deg);\n    color: #f87171;\n}\n\n.accordion-content {\n    padding: 0 0 24px 0;\n    animation: slideDown 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n@keyframes slideDown {\n    from {\n        opacity: 0;\n        transform: translateY(-12px);\n    }\n    to {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n\n.features-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));\n    gap: clamp(16px, 4vw, 20px);\n    margin-top: 8px;\n}\n\n.feature-item {\n    padding: 16px;\n    background: linear-gradient(135deg, #fafafa 0%, #ffffff 100%);\n    border-radius: 8px;\n    border: 1px solid #f0f0f0;\n    transition: all 0.3s ease;\n    position: relative;\n    overflow: hidden;\n}\n\n.feature-item::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 4px;\n    height: 0;\n    background: linear-gradient(180deg, #f87171, #fca5a5);\n    transition: height 0.3s ease;\n}\n\n@media (hover: hover) {\n    .feature-item:hover {\n        transform: translateY(-2px);\n        box-shadow: 0 4px 12px rgba(248, 113, 113, 0.1);\n        border-color: #fecaca;\n    }\n    .feature-item:hover::before {\n        height: 100%;\n    }\n}\n\n.feature-item h3 {\n    font-size: clamp(13px, 3vw, 14px);\n    font-weight: 600;\n    color: #1a1a1a;\n    margin-bottom: 6px;\n}\n\n.feature-item p {\n    font-size: clamp(13px, 3vw, 14px);\n    font-weight: 300;\n    color: #666;\n    margin: 0;\n    line-height: 1.6;\n}\n\n.size-table-wrapper {\n    width: 100%;\n    overflow-x: auto;\n    margin: 16px 0;\n    border-radius: 8px;\n    border: 1px solid #f0f0f0;\n    -webkit-overflow-scrolling: touch;\n    background: white;\n}\n\n.size-table {\n    width: 100%;\n    border-collapse: collapse;\n    background: white;\n}\n\n@media (min-width: 1024px) {\n    .size-table {\n        font-size: 14px;\n    }\n    .size-table th,\n    .size-table td {\n        padding: 16px;\n        font-size: 14px;\n    }\n}\n\n@media (min-width: 768px) and (max-width: 1023px) {\n    .size-table {\n        font-size: 13px;\n    }\n    .size-table th,\n    .size-table td {\n        padding: 14px;\n        font-size: 13px;\n    }\n}\n\n@media (min-width: 480px) and (max-width: 767px) {\n    .size-table {\n        font-size: 12px;\n    }\n    .size-table th,\n    .size-table td {\n        padding: 12px;\n        font-size: 12px;\n    }\n}\n\n@media (min-width: 360px) and (max-width: 479px) {\n    .size-table {\n        font-size: 11px;\n    }\n    .size-table th,\n    .size-table td {\n        padding: 10px;\n        font-size: 11px;\n    }\n}\n\n@media (max-width: 359px) {\n    .size-table {\n        font-size: 10px;\n    }\n    .size-table th,\n    .size-table td {\n        padding: 8px;\n        font-size: 10px;\n    }\n}\n\n.size-table th {\n    text-align: center;\n    font-weight: 600;\n    color: white;\n    background: linear-gradient(135deg, #f87171 0%, #fca5a5 100%);\n    letter-spacing: 0.3px;\n    white-space: nowrap;\n    line-height: 1.4;\n    vertical-align: middle;\n    border-right: 1px solid rgba(255, 255, 255, 0.2);\n}\n\n.size-table th:last-child {\n    border-right: none;\n}\n\n.size-table td {\n    border-bottom: 1px solid #f0f0f0;\n    border-right: 1px solid #f5f5f5;\n    color: #4a4a4a;\n    font-weight: 400;\n    text-align: center;\n    white-space: nowrap;\n    line-height: 1.4;\n    vertical-align: middle;\n    background: white;\n}\n\n.size-table td:last-child {\n    border-right: none;\n}\n\n.size-table tr:last-child td {\n    border-bottom: none;\n}\n\n.size-table tbody tr {\n    transition: background 0.2s ease;\n}\n\n@media (hover: hover) {\n    .size-table tbody tr:hover {\n        background: #fef2f2;\n    }\n    .size-table tbody tr:hover td {\n        background: #fef2f2;\n    }\n}\n\n.size-table .size-header {\n    font-weight: 700;\n    color: #1a1a1a;\n    background: #f8fafc;\n}\n\n.detail-text {\n    font-size: clamp(14px, 3.2vw, 15px);\n    font-weight: 300;\n    color: #4a4a4a;\n    line-height: 1.8;\n    margin-bottom: 16px;\n}\n\n.flex-rating {\n    margin-top: 8px;\n}\n\n.flex-rating-header {\n    font-size: clamp(13px, 3vw, 14px);\n    font-weight: 600;\n    color: #1a1a1a;\n    margin-bottom: 16px;\n}\n\n.flex-rating-bars {\n    display: flex;\n    gap: 4px;\n    margin-bottom: 12px;\n}\n\n.flex-bar {\n    flex: 1;\n    height: clamp(28px, 6vw, 32px);\n    background: #f0f0f0;\n    border-radius: 6px;\n    transition: all 0.3s ease;\n}\n\n.flex-bar.active {\n    background: linear-gradient(135deg, #f87171 0%, #fca5a5 100%);\n    box-shadow: 0 2px 8px rgba(248, 113, 113, 0.2);\n}\n\n.flex-labels {\n    display: flex;\n    gap: 4px;\n}\n\n.flex-label {\n    flex: 1;\n    text-align: center;\n}\n\n.flex-label-name {\n    font-size: clamp(12px, 2.8vw, 13px);\n    font-weight: 500;\n    color: #1a1a1a;\n    margin-bottom: 4px;\n}\n\n.flex-label-range {\n    font-size: clamp(11px, 2.5vw, 12px);\n    color: #666;\n}\n\u003c\/style\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003cp class=\"intro-text\"\u003e\u003cstrong\u003eThe YES Bindings IPO is the ultimate daily driver for all-mountain utility.\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003eWith a flex rating of 5\/10, it boasts a Minimalist ankle strap and Relaxed Back highback for reliability. Skate-Tech and Flushcup Technology ensure consistent performance, making it perfect for everyday riding.\u003c\/p\u003e\n\u003cdetails class=\"accordion-item\"\u003e\n\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eFeatures\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eSkate Tech\u003c\/h3\u003e\n\u003cp\u003eThis technology, inspired by skateboard trucks, directs energy directly to the board's edges, which reduces foot fatigue and provides a \"surfy\" feel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eHanger 2.0 Baseplate\u003c\/h3\u003e\n\u003cp\u003eA durable baseless design with 30% glass fiber reinforcement that allows for even board flex and I-Beam wall sections for added rigidity and reduced weight.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eRelaxed Back Highback\u003c\/h3\u003e\n\u003cp\u003eDesigned for comfort and efficiency with a relaxed profile that provides support without sacrificing mobility for all-day riding comfort.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eY-Sense \u0026amp; Stretch Fit Straps\u003c\/h3\u003e\n\u003cp\u003eY-Sense ankle strap and Stretch Fit toe strap work together to provide a secure, comfortable fit that adapts to your boot.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eSoft Bushings\u003c\/h3\u003e\n\u003cp\u003eComes with soft density bushings (40 Shore) that absorb vibrations for a smooth, comfortable ride across varied terrain.\u003c\/p\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 class=\"accordion-summary\"\u003e\u003cspan\u003ePerformance\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"flex-rating\"\u003e\n\u003cdiv class=\"flex-rating-header\"\u003eFlex: 5\/10\u003c\/div\u003e\n\u003cdiv class=\"flex-rating-bars\"\u003e\n\u003cdiv class=\"flex-bar active\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar active\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar active\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar active\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar active\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"flex-labels\"\u003e\n\u003cdiv class=\"flex-label\"\u003e\n\u003cdiv class=\"flex-label-name\"\u003eSoft\u003c\/div\u003e\n\u003cdiv class=\"flex-label-range\"\u003e1-3\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"flex-label\"\u003e\n\u003cdiv class=\"flex-label-name\"\u003eMedium\u003c\/div\u003e\n\u003cdiv class=\"flex-label-range\"\u003e4-7\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"flex-label\"\u003e\n\u003cdiv class=\"flex-label-name\"\u003eStiff\u003c\/div\u003e\n\u003cdiv class=\"flex-label-range\"\u003e8-10\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"detail-text\"\u003eMedium flex rating provides versatile all-mountain performance, offering a balanced blend of responsiveness and forgiveness for everyday riding across all terrain.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"accordion-item\"\u003e\n\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eSize Chart\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"size-table-wrapper\"\u003e\n\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eMen's \/ Youth\u003c\/th\u003e\n\u003cth\u003eUS\u003c\/th\u003e\n\u003cth\u003eEU\u003c\/th\u003e\n\u003cth\u003eMondo\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd class=\"size-header\"\u003eSmall\u003c\/td\u003e\n\u003ctd\u003e5.0 - 7.0\u003c\/td\u003e\n\u003ctd\u003e36.5 - 39.5\u003c\/td\u003e\n\u003ctd\u003e23.5 - 25.0\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"size-header\"\u003eMedium\u003c\/td\u003e\n\u003ctd\u003e7.5 - 10.0\u003c\/td\u003e\n\u003ctd\u003e40 - 43\u003c\/td\u003e\n\u003ctd\u003e25.5 - 28.0\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"size-header\"\u003eLarge\u003c\/td\u003e\n\u003ctd\u003e10.5 +\u003c\/td\u003e\n\u003ctd\u003e43.5 +\u003c\/td\u003e\n\u003ctd\u003e28.5 +\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\u003c\/div\u003e","brand":"Yes","offers":[{"title":"Nay Grey \/ M \/ Mens","offer_id":53292380553582,"sku":"YES61M029004","price":174.95,"currency_code":"CAD","in_stock":false},{"title":"Nay Grey \/ L \/ Mens","offer_id":53292380586350,"sku":"YES61M029005","price":174.95,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/IpoBinding-NayGrey.png?v=1770828928"},{"product_id":"nx-gen-binding","title":"Nx-Gen Binding","description":"\u003cstyle\u003e\n.product-description {\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;\n    color: #1a1a1a;\n    line-height: 1.7;\n    max-width: 800px;\n    margin: 0;\n    padding: 0;\n}\n\n.intro-text {\n    font-size: clamp(15px, 3.5vw, 16px);\n    font-weight: 300;\n    margin-bottom: 32px;\n    color: #2c2c2c;\n    line-height: 1.8;\n    padding-left: 16px;\n    border-left: 3px solid #f87171;\n}\n\n.accordion-item {\n    border-bottom: 1px solid #e0e0e0;\n    transition: border-color 0.2s ease;\n}\n\n.accordion-item:hover {\n    border-bottom-color: #f87171;\n}\n\n.accordion-item:last-child {\n    border-bottom: none;\n}\n\n.accordion-summary {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: clamp(16px, 4vw, 20px) 0;\n    cursor: pointer;\n    list-style: none;\n    font-size: clamp(12px, 2.8vw, 13px);\n    font-weight: 500;\n    letter-spacing: 1.5px;\n    text-transform: uppercase;\n    color: #1a1a1a;\n    transition: all 0.3s ease;\n    position: relative;\n    min-height: 44px;\n}\n\n.accordion-summary::before {\n    content: '';\n    position: absolute;\n    left: 0;\n    bottom: 0;\n    width: 0;\n    height: 2px;\n    background: linear-gradient(90deg, #f87171, #fca5a5);\n    transition: width 0.3s ease;\n}\n\n@media (hover: hover) {\n    .accordion-summary:hover::before {\n        width: 60px;\n    }\n    .accordion-summary:hover {\n        color: #f87171;\n        padding-left: 8px;\n    }\n}\n\n.accordion-summary::-webkit-details-marker {\n    display: none;\n}\n\n.accordion-icon {\n    font-size: 20px;\n    font-weight: 300;\n    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n    color: #999;\n    min-width: 20px;\n    text-align: center;\n}\n\n.accordion-item[open] .accordion-icon {\n    transform: rotate(45deg);\n    color: #f87171;\n}\n\n.accordion-content {\n    padding: 0 0 24px 0;\n    animation: slideDown 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n@keyframes slideDown {\n    from {\n        opacity: 0;\n        transform: translateY(-12px);\n    }\n    to {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n\n.features-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));\n    gap: clamp(16px, 4vw, 20px);\n    margin-top: 8px;\n}\n\n.feature-item {\n    padding: 16px;\n    background: linear-gradient(135deg, #fafafa 0%, #ffffff 100%);\n    border-radius: 8px;\n    border: 1px solid #f0f0f0;\n    transition: all 0.3s ease;\n    position: relative;\n    overflow: hidden;\n}\n\n.feature-item::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 4px;\n    height: 0;\n    background: linear-gradient(180deg, #f87171, #fca5a5);\n    transition: height 0.3s ease;\n}\n\n@media (hover: hover) {\n    .feature-item:hover {\n        transform: translateY(-2px);\n        box-shadow: 0 4px 12px rgba(248, 113, 113, 0.1);\n        border-color: #fecaca;\n    }\n    .feature-item:hover::before {\n        height: 100%;\n    }\n}\n\n.feature-item h3 {\n    font-size: clamp(13px, 3vw, 14px);\n    font-weight: 600;\n    color: #1a1a1a;\n    margin-bottom: 6px;\n}\n\n.feature-item p {\n    font-size: clamp(13px, 3vw, 14px);\n    font-weight: 300;\n    color: #666;\n    margin: 0;\n    line-height: 1.6;\n}\n\n.size-table-wrapper {\n    width: 100%;\n    overflow-x: auto;\n    margin: 16px 0;\n    border-radius: 8px;\n    border: 1px solid #f0f0f0;\n    -webkit-overflow-scrolling: touch;\n    background: white;\n}\n\n.size-table {\n    width: 100%;\n    border-collapse: collapse;\n    background: white;\n}\n\n@media (min-width: 1024px) {\n    .size-table {\n        font-size: 14px;\n    }\n    .size-table th,\n    .size-table td {\n        padding: 16px;\n        font-size: 14px;\n    }\n}\n\n@media (min-width: 768px) and (max-width: 1023px) {\n    .size-table {\n        font-size: 13px;\n    }\n    .size-table th,\n    .size-table td {\n        padding: 14px;\n        font-size: 13px;\n    }\n}\n\n@media (min-width: 480px) and (max-width: 767px) {\n    .size-table {\n        font-size: 12px;\n    }\n    .size-table th,\n    .size-table td {\n        padding: 12px;\n        font-size: 12px;\n    }\n}\n\n@media (min-width: 360px) and (max-width: 479px) {\n    .size-table {\n        font-size: 11px;\n    }\n    .size-table th,\n    .size-table td {\n        padding: 10px;\n        font-size: 11px;\n    }\n}\n\n@media (max-width: 359px) {\n    .size-table {\n        font-size: 10px;\n    }\n    .size-table th,\n    .size-table td {\n        padding: 8px;\n        font-size: 10px;\n    }\n}\n\n.size-table th {\n    text-align: center;\n    font-weight: 600;\n    color: white;\n    background: linear-gradient(135deg, #f87171 0%, #fca5a5 100%);\n    letter-spacing: 0.3px;\n    white-space: nowrap;\n    line-height: 1.4;\n    vertical-align: middle;\n    border-right: 1px solid rgba(255, 255, 255, 0.2);\n}\n\n.size-table th:last-child {\n    border-right: none;\n}\n\n.size-table td {\n    border-bottom: 1px solid #f0f0f0;\n    border-right: 1px solid #f5f5f5;\n    color: #4a4a4a;\n    font-weight: 400;\n    text-align: center;\n    white-space: nowrap;\n    line-height: 1.4;\n    vertical-align: middle;\n    background: white;\n}\n\n.size-table td:last-child {\n    border-right: none;\n}\n\n.size-table tr:last-child td {\n    border-bottom: none;\n}\n\n.size-table tbody tr {\n    transition: background 0.2s ease;\n}\n\n@media (hover: hover) {\n    .size-table tbody tr:hover {\n        background: #fef2f2;\n    }\n    .size-table tbody tr:hover td {\n        background: #fef2f2;\n    }\n}\n\n.size-table .size-header {\n    font-weight: 700;\n    color: #1a1a1a;\n    background: #f8fafc;\n}\n\n.detail-text {\n    font-size: clamp(14px, 3.2vw, 15px);\n    font-weight: 300;\n    color: #4a4a4a;\n    line-height: 1.8;\n    margin-bottom: 16px;\n}\n\n.flex-rating {\n    margin-top: 8px;\n}\n\n.flex-rating-header {\n    font-size: clamp(13px, 3vw, 14px);\n    font-weight: 600;\n    color: #1a1a1a;\n    margin-bottom: 16px;\n}\n\n.flex-rating-bars {\n    display: flex;\n    gap: 4px;\n    margin-bottom: 12px;\n}\n\n.flex-bar {\n    flex: 1;\n    height: clamp(28px, 6vw, 32px);\n    background: #f0f0f0;\n    border-radius: 6px;\n    transition: all 0.3s ease;\n}\n\n.flex-bar.active {\n    background: linear-gradient(135deg, #f87171 0%, #fca5a5 100%);\n    box-shadow: 0 2px 8px rgba(248, 113, 113, 0.2);\n}\n\n.flex-labels {\n    display: flex;\n    gap: 4px;\n}\n\n.flex-label {\n    flex: 1;\n    text-align: center;\n}\n\n.flex-label-name {\n    font-size: clamp(12px, 2.8vw, 13px);\n    font-weight: 500;\n    color: #1a1a1a;\n    margin-bottom: 4px;\n}\n\n.flex-label-range {\n    font-size: clamp(11px, 2.5vw, 12px);\n    color: #666;\n}\n\u003c\/style\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003cp class=\"intro-text\"\u003e\u003cstrong\u003eAre the kids all right? They sure as hell will be when they have this year's NX-Gen underfoot.\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003eBuilt for young rippers ready to charge whatever is in front of them. This binding delivers reliable performance and comfort for the next generation of riders.\u003c\/p\u003e\n\u003cdetails class=\"accordion-item\"\u003e\n\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eFeatures\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eSkate-Tech\u003c\/h3\u003e\n\u003cp\u003eThis technology, inspired by skateboard trucks, directs energy directly to the board's edges, which reduces foot fatigue and provides a \"surfy\" feel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eFlushcup Technology\u003c\/h3\u003e\n\u003cp\u003eProvides a secure connection between binding and board with Highcup compatibility for versatile mounting options.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eHanger 2.0 Baseplate\u003c\/h3\u003e\n\u003cp\u003eNylon construction with 30% glass fiber reinforcement that allows for even board flex and added durability.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eASYM FS Ankle Strap \u0026amp; 3D Stretch-Fit Toe Strap\u003c\/h3\u003e\n\u003cp\u003eASYM FS ankle strap provides a comfortable, pressure-point-free fit while the 3D Stretch-fit toe strap ensures secure toe cap fit with tool-less adjuster straps for easy adjustments.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eFM Highback\u003c\/h3\u003e\n\u003cp\u003eFreestyle-oriented highback designed for mobility and support, perfect for young riders progressing their skills.\u003c\/p\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 class=\"accordion-summary\"\u003e\u003cspan\u003ePerformance\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"flex-rating\"\u003e\n\u003cdiv class=\"flex-rating-header\"\u003eFlex: 4\/10\u003c\/div\u003e\n\u003cdiv class=\"flex-rating-bars\"\u003e\n\u003cdiv class=\"flex-bar active\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar active\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar active\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar active\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"flex-labels\"\u003e\n\u003cdiv class=\"flex-label\"\u003e\n\u003cdiv class=\"flex-label-name\"\u003eSoft\u003c\/div\u003e\n\u003cdiv class=\"flex-label-range\"\u003e1-3\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"flex-label\"\u003e\n\u003cdiv class=\"flex-label-name\"\u003eMedium\u003c\/div\u003e\n\u003cdiv class=\"flex-label-range\"\u003e4-7\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"flex-label\"\u003e\n\u003cdiv class=\"flex-label-name\"\u003eStiff\u003c\/div\u003e\n\u003cdiv class=\"flex-label-range\"\u003e8-10\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"detail-text\"\u003ePerfectly symmetrical shape for balanced riding, equally versatile both when used regular and when used in switch. Great balance between feline stability and freestyle mobility, no matter which way you point it. Ideal for freestyle and all-mountain riding.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"accordion-item\"\u003e\n\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eCompatibility\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cp class=\"detail-text\"\u003eCompatible with 4x4 and Channel mounting systems for versatile board compatibility.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Yes","offers":[{"title":"Pitch Black \/ S \/ Youth","offer_id":53292398674286,"sku":"YES61N004003","price":160.95,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/Nx-GenBinding-PitchBlack.png?v=1770828776"},{"product_id":"conda-binding","title":"Conda Binding","description":"\u003cstyle\u003e\n.product-description {\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;\n    color: #1a1a1a;\n    line-height: 1.7;\n    max-width: 800px;\n    margin: 0;\n    padding: 0;\n}\n\n.intro-text {\n    font-size: clamp(15px, 3.5vw, 16px);\n    font-weight: 300;\n    margin-bottom: 32px;\n    color: #2c2c2c;\n    line-height: 1.8;\n    padding-left: 16px;\n    border-left: 3px solid #f87171;\n}\n\n.accordion-item {\n    border-bottom: 1px solid #e0e0e0;\n    transition: border-color 0.2s ease;\n}\n\n.accordion-item:hover {\n    border-bottom-color: #f87171;\n}\n\n.accordion-item:last-child {\n    border-bottom: none;\n}\n\n.accordion-summary {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: clamp(16px, 4vw, 20px) 0;\n    cursor: pointer;\n    list-style: none;\n    font-size: clamp(12px, 2.8vw, 13px);\n    font-weight: 500;\n    letter-spacing: 1.5px;\n    text-transform: uppercase;\n    color: #1a1a1a;\n    transition: all 0.3s ease;\n    position: relative;\n    min-height: 44px;\n}\n\n.accordion-summary::before {\n    content: '';\n    position: absolute;\n    left: 0;\n    bottom: 0;\n    width: 0;\n    height: 2px;\n    background: linear-gradient(90deg, #f87171, #fca5a5);\n    transition: width 0.3s ease;\n}\n\n@media (hover: hover) {\n    .accordion-summary:hover::before {\n        width: 60px;\n    }\n    .accordion-summary:hover {\n        color: #f87171;\n        padding-left: 8px;\n    }\n}\n\n.accordion-summary::-webkit-details-marker {\n    display: none;\n}\n\n.accordion-icon {\n    font-size: 20px;\n    font-weight: 300;\n    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n    color: #999;\n    min-width: 20px;\n    text-align: center;\n}\n\n.accordion-item[open] .accordion-icon {\n    transform: rotate(45deg);\n    color: #f87171;\n}\n\n.accordion-content {\n    padding: 0 0 24px 0;\n    animation: slideDown 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n@keyframes slideDown {\n    from {\n        opacity: 0;\n        transform: translateY(-12px);\n    }\n    to {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n\n.features-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));\n    gap: clamp(16px, 4vw, 20px);\n    margin-top: 8px;\n}\n\n.feature-item {\n    padding: 16px;\n    background: linear-gradient(135deg, #fafafa 0%, #ffffff 100%);\n    border-radius: 8px;\n    border: 1px solid #f0f0f0;\n    transition: all 0.3s ease;\n    position: relative;\n    overflow: hidden;\n}\n\n.feature-item::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 4px;\n    height: 0;\n    background: linear-gradient(180deg, #f87171, #fca5a5);\n    transition: height 0.3s ease;\n}\n\n@media (hover: hover) {\n    .feature-item:hover {\n        transform: translateY(-2px);\n        box-shadow: 0 4px 12px rgba(248, 113, 113, 0.1);\n        border-color: #fecaca;\n    }\n    .feature-item:hover::before {\n        height: 100%;\n    }\n}\n\n.feature-item h3 {\n    font-size: clamp(13px, 3vw, 14px);\n    font-weight: 600;\n    color: #1a1a1a;\n    margin-bottom: 6px;\n}\n\n.feature-item p {\n    font-size: clamp(13px, 3vw, 14px);\n    font-weight: 300;\n    color: #666;\n    margin: 0;\n    line-height: 1.6;\n}\n\n.size-table-wrapper {\n    width: 100%;\n    overflow-x: auto;\n    margin: 16px 0;\n    border-radius: 8px;\n    border: 1px solid #f0f0f0;\n    -webkit-overflow-scrolling: touch;\n    background: white;\n}\n\n.size-table {\n    width: 100%;\n    border-collapse: collapse;\n    background: white;\n}\n\n@media (min-width: 1024px) {\n    .size-table {\n        font-size: 14px;\n    }\n    .size-table th,\n    .size-table td {\n        padding: 16px;\n        font-size: 14px;\n    }\n}\n\n@media (min-width: 768px) and (max-width: 1023px) {\n    .size-table {\n        font-size: 13px;\n    }\n    .size-table th,\n    .size-table td {\n        padding: 14px;\n        font-size: 13px;\n    }\n}\n\n@media (min-width: 480px) and (max-width: 767px) {\n    .size-table {\n        font-size: 12px;\n    }\n    .size-table th,\n    .size-table td {\n        padding: 12px;\n        font-size: 12px;\n    }\n}\n\n@media (min-width: 360px) and (max-width: 479px) {\n    .size-table {\n        font-size: 11px;\n    }\n    .size-table th,\n    .size-table td {\n        padding: 10px;\n        font-size: 11px;\n    }\n}\n\n@media (max-width: 359px) {\n    .size-table {\n        font-size: 10px;\n    }\n    .size-table th,\n    .size-table td {\n        padding: 8px;\n        font-size: 10px;\n    }\n}\n\n.size-table th {\n    text-align: center;\n    font-weight: 600;\n    color: white;\n    background: linear-gradient(135deg, #f87171 0%, #fca5a5 100%);\n    letter-spacing: 0.3px;\n    white-space: nowrap;\n    line-height: 1.4;\n    vertical-align: middle;\n    border-right: 1px solid rgba(255, 255, 255, 0.2);\n}\n\n.size-table th:last-child {\n    border-right: none;\n}\n\n.size-table td {\n    border-bottom: 1px solid #f0f0f0;\n    border-right: 1px solid #f5f5f5;\n    color: #4a4a4a;\n    font-weight: 400;\n    text-align: center;\n    white-space: nowrap;\n    line-height: 1.4;\n    vertical-align: middle;\n    background: white;\n}\n\n.size-table td:last-child {\n    border-right: none;\n}\n\n.size-table tr:last-child td {\n    border-bottom: none;\n}\n\n.size-table tbody tr {\n    transition: background 0.2s ease;\n}\n\n@media (hover: hover) {\n    .size-table tbody tr:hover {\n        background: #fef2f2;\n    }\n    .size-table tbody tr:hover td {\n        background: #fef2f2;\n    }\n}\n\n.size-table .size-header {\n    font-weight: 700;\n    color: #1a1a1a;\n    background: #f8fafc;\n}\n\n.detail-text {\n    font-size: clamp(14px, 3.2vw, 15px);\n    font-weight: 300;\n    color: #4a4a4a;\n    line-height: 1.8;\n    margin-bottom: 16px;\n}\n\n.flex-rating {\n    margin-top: 8px;\n}\n\n.flex-rating-header {\n    font-size: clamp(13px, 3vw, 14px);\n    font-weight: 600;\n    color: #1a1a1a;\n    margin-bottom: 16px;\n}\n\n.flex-rating-bars {\n    display: flex;\n    gap: 4px;\n    margin-bottom: 12px;\n}\n\n.flex-bar {\n    flex: 1;\n    height: clamp(28px, 6vw, 32px);\n    background: #f0f0f0;\n    border-radius: 6px;\n    transition: all 0.3s ease;\n}\n\n.flex-bar.active {\n    background: linear-gradient(135deg, #f87171 0%, #fca5a5 100%);\n    box-shadow: 0 2px 8px rgba(248, 113, 113, 0.2);\n}\n\n.flex-labels {\n    display: flex;\n    gap: 4px;\n}\n\n.flex-label {\n    flex: 1;\n    text-align: center;\n}\n\n.flex-label-name {\n    font-size: clamp(12px, 2.8vw, 13px);\n    font-weight: 500;\n    color: #1a1a1a;\n    margin-bottom: 4px;\n}\n\n.flex-label-range {\n    font-size: clamp(11px, 2.5vw, 12px);\n    color: #666;\n}\n\u003c\/style\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003cp class=\"intro-text\"\u003e\u003cstrong\u003eLong live the freeride queen with YES Bindings Conda.\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003eDesigned for aggressive riders, it features a flex rating of 8\/10, the Asym FRS strap, and Performance Flex highback. Skate-Tech and Flushcup Technology provide unmatched stability and power, perfect for hard-charging freeride enthusiasts.\u003c\/p\u003e\n\u003cdetails class=\"accordion-item\"\u003e\n\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eFeatures\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eSkate Tech\u003c\/h3\u003e\n\u003cp\u003eThis technology, inspired by skateboard trucks, directs energy directly to the board's edges for less fatigue and a more natural, \"surfy\" feel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eHanger 3.0 Baseplate\u003c\/h3\u003e\n\u003cp\u003eFeatures a wider bushing footprint for enhanced board connection and lighter weight, delivering superior power transfer and control.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eAsym FRS Highback\u003c\/h3\u003e\n\u003cp\u003eAn asymmetrical, performance flex highback providing a balance of support and mobility for aggressive freeride performance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eAsym FRS Ankle Strap \u0026amp; Pro-Grip Toe Strap\u003c\/h3\u003e\n\u003cp\u003eAsym FRS Ankle Strap and Pro-Grip Toe Strap ensure a secure, pressure-point-free fit for maximum power transfer and comfort.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eHard Bushings with Medium Option\u003c\/h3\u003e\n\u003cp\u003eComes with hard (55 shore) bushings pre-installed, but also includes medium (45 shore) bushings for customization of the ride feel.\u003c\/p\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 class=\"accordion-summary\"\u003e\u003cspan\u003ePerformance\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"flex-rating\"\u003e\n\u003cdiv class=\"flex-rating-header\"\u003eFlex: 8\/10\u003c\/div\u003e\n\u003cdiv class=\"flex-rating-bars\"\u003e\n\u003cdiv class=\"flex-bar active\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar active\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar active\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar active\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar active\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar active\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar active\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar active\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"flex-labels\"\u003e\n\u003cdiv class=\"flex-label\"\u003e\n\u003cdiv class=\"flex-label-name\"\u003eSoft\u003c\/div\u003e\n\u003cdiv class=\"flex-label-range\"\u003e1-3\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"flex-label\"\u003e\n\u003cdiv class=\"flex-label-name\"\u003eMedium\u003c\/div\u003e\n\u003cdiv class=\"flex-label-range\"\u003e4-7\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"flex-label\"\u003e\n\u003cdiv class=\"flex-label-name\"\u003eStiff\u003c\/div\u003e\n\u003cdiv class=\"flex-label-range\"\u003e8-10\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"detail-text\"\u003eStiff flex rating provides maximum power transfer and response for aggressive freeride performance, delivering precise control at high speeds and in challenging terrain.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"accordion-item\"\u003e\n\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eSize Chart\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"size-table-wrapper\"\u003e\n\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eWomen's Size\u003c\/th\u003e\n\u003cth\u003eUS\u003c\/th\u003e\n\u003cth\u003eEU\u003c\/th\u003e\n\u003cth\u003eMondo\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd class=\"size-header\"\u003eSmall\u003c\/td\u003e\n\u003ctd\u003e5.0 - 8.5\u003c\/td\u003e\n\u003ctd\u003e35 - 39.5\u003c\/td\u003e\n\u003ctd\u003e22 - 25\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"size-header\"\u003eMedium\u003c\/td\u003e\n\u003ctd\u003e9.0 - 11.5\u003c\/td\u003e\n\u003ctd\u003e40 - 42.5\u003c\/td\u003e\n\u003ctd\u003e25.5 - 27.5\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\u003c\/div\u003e","brand":"Yes","offers":[{"title":"It's White \/ S \/ Womens","offer_id":53292400345454,"sku":"YES61W007003","price":244.95,"currency_code":"CAD","in_stock":false},{"title":"It's White \/ M \/ Womens","offer_id":53292400378222,"sku":"YES61W007004","price":244.95,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/CondaBinding-It_sWhite.png?v=1770828696"},{"product_id":"vetta-binding","title":"Vetta Binding","description":"\u003cstyle\u003e\n.product-description {\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;\n    color: #1a1a1a;\n    line-height: 1.7;\n    max-width: 800px;\n    margin: 0;\n    padding: 0;\n}\n\n.intro-text {\n    font-size: clamp(15px, 3.5vw, 16px);\n    font-weight: 300;\n    margin-bottom: 32px;\n    color: #2c2c2c;\n    line-height: 1.8;\n    padding-left: 16px;\n    border-left: 3px solid #f87171;\n}\n\n.accordion-item {\n    border-bottom: 1px solid #e0e0e0;\n    transition: border-color 0.2s ease;\n}\n\n.accordion-item:hover {\n    border-bottom-color: #f87171;\n}\n\n.accordion-item:last-child {\n    border-bottom: none;\n}\n\n.accordion-summary {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: clamp(16px, 4vw, 20px) 0;\n    cursor: pointer;\n    list-style: none;\n    font-size: clamp(12px, 2.8vw, 13px);\n    font-weight: 500;\n    letter-spacing: 1.5px;\n    text-transform: uppercase;\n    color: #1a1a1a;\n    transition: all 0.3s ease;\n    position: relative;\n    min-height: 44px;\n}\n\n.accordion-summary::before {\n    content: '';\n    position: absolute;\n    left: 0;\n    bottom: 0;\n    width: 0;\n    height: 2px;\n    background: linear-gradient(90deg, #f87171, #fca5a5);\n    transition: width 0.3s ease;\n}\n\n@media (hover: hover) {\n    .accordion-summary:hover::before {\n        width: 60px;\n    }\n    .accordion-summary:hover {\n        color: #f87171;\n        padding-left: 8px;\n    }\n}\n\n.accordion-summary::-webkit-details-marker {\n    display: none;\n}\n\n.accordion-icon {\n    font-size: 20px;\n    font-weight: 300;\n    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n    color: #999;\n    min-width: 20px;\n    text-align: center;\n}\n\n.accordion-item[open] .accordion-icon {\n    transform: rotate(45deg);\n    color: #f87171;\n}\n\n.accordion-content {\n    padding: 0 0 24px 0;\n    animation: slideDown 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n@keyframes slideDown {\n    from {\n        opacity: 0;\n        transform: translateY(-12px);\n    }\n    to {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n\n.features-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));\n    gap: clamp(16px, 4vw, 20px);\n    margin-top: 8px;\n}\n\n.feature-item {\n    padding: 16px;\n    background: linear-gradient(135deg, #fafafa 0%, #ffffff 100%);\n    border-radius: 8px;\n    border: 1px solid #f0f0f0;\n    transition: all 0.3s ease;\n    position: relative;\n    overflow: hidden;\n}\n\n.feature-item::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 4px;\n    height: 0;\n    background: linear-gradient(180deg, #f87171, #fca5a5);\n    transition: height 0.3s ease;\n}\n\n@media (hover: hover) {\n    .feature-item:hover {\n        transform: translateY(-2px);\n        box-shadow: 0 4px 12px rgba(248, 113, 113, 0.1);\n        border-color: #fecaca;\n    }\n    .feature-item:hover::before {\n        height: 100%;\n    }\n}\n\n.feature-item h3 {\n    font-size: clamp(13px, 3vw, 14px);\n    font-weight: 600;\n    color: #1a1a1a;\n    margin-bottom: 6px;\n}\n\n.feature-item p {\n    font-size: clamp(13px, 3vw, 14px);\n    font-weight: 300;\n    color: #666;\n    margin: 0;\n    line-height: 1.6;\n}\n\n.size-table-wrapper {\n    width: 100%;\n    overflow-x: auto;\n    margin: 16px 0;\n    border-radius: 8px;\n    border: 1px solid #f0f0f0;\n    -webkit-overflow-scrolling: touch;\n    background: white;\n}\n\n.size-table {\n    width: 100%;\n    min-width: 1200px;\n    border-collapse: collapse;\n    background: white;\n    table-layout: fixed;\n}\n\n.size-table th,\n.size-table td {\n    padding: 16px 14px;\n    font-size: 13px;\n    text-align: center;\n    vertical-align: middle;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n.size-table th {\n    font-weight: 600;\n    color: white;\n    background: linear-gradient(135deg, #f87171 0%, #fca5a5 100%);\n    letter-spacing: 0.3px;\n    white-space: normal;\n    line-height: 1.3;\n    border-right: 1px solid rgba(255, 255, 255, 0.2);\n}\n\n.size-table th:last-child {\n    border-right: none;\n}\n\n.size-table td {\n    border-bottom: 1px solid #f0f0f0;\n    border-right: 1px solid #f5f5f5;\n    color: #4a4a4a;\n    font-weight: 400;\n    background: white;\n    white-space: normal;\n    line-height: 1.4;\n}\n\n.size-table td:last-child {\n    border-right: none;\n}\n\n.size-table tr:last-child td {\n    border-bottom: none;\n}\n\n.size-table tbody tr {\n    transition: background 0.2s ease;\n}\n\n@media (hover: hover) {\n    .size-table tbody tr:hover {\n        background: #fef2f2;\n    }\n    .size-table tbody tr:hover td {\n        background: #fef2f2;\n    }\n}\n\n.size-table .size-header {\n    font-weight: 700;\n    color: #1a1a1a;\n    background: #f8fafc;\n}\n\n\/* Mobile adjustments *\/\n@media (max-width: 768px) {\n    .size-table {\n        min-width: 1000px;\n    }\n    .size-table th,\n    .size-table td {\n        padding: 12px 10px;\n        font-size: 12px;\n    }\n}\n\n.detail-text {\n    font-size: clamp(14px, 3.2vw, 15px);\n    font-weight: 300;\n    color: #4a4a4a;\n    line-height: 1.8;\n    margin-bottom: 16px;\n}\n\n.flex-rating {\n    margin-top: 8px;\n}\n\n.flex-rating-header {\n    font-size: clamp(13px, 3vw, 14px);\n    font-weight: 600;\n    color: #1a1a1a;\n    margin-bottom: 16px;\n}\n\n.flex-rating-bars {\n    display: flex;\n    gap: 4px;\n    margin-bottom: 12px;\n}\n\n.flex-bar {\n    flex: 1;\n    height: clamp(28px, 6vw, 32px);\n    background: #f0f0f0;\n    border-radius: 6px;\n    transition: all 0.3s ease;\n}\n\n.flex-bar.active {\n    background: linear-gradient(135deg, #f87171 0%, #fca5a5 100%);\n    box-shadow: 0 2px 8px rgba(248, 113, 113, 0.2);\n}\n\n.flex-labels {\n    display: flex;\n    gap: 4px;\n}\n\n.flex-label {\n    flex: 1;\n    text-align: center;\n}\n\n.flex-label-name {\n    font-size: clamp(12px, 2.8vw, 13px);\n    font-weight: 500;\n    color: #1a1a1a;\n    margin-bottom: 4px;\n}\n\n.flex-label-range {\n    font-size: clamp(11px, 2.5vw, 12px);\n    color: #666;\n}\n\u003c\/style\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003cp class=\"intro-text\"\u003e\u003cstrong\u003eThe YES Bindings Vetta is designed for all-mountain prowess.\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003eWith a flex rating of 5\/10, it features the Balanced highback and Asym-FS strap for versatile performance. Skate-Tech and Flushcup Technology guarantee stability and control, making it ideal for various terrains and conditions.\u003c\/p\u003e\n\u003cdetails class=\"accordion-item\"\u003e\n\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eFeatures\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eSkate Tech\u003c\/h3\u003e\n\u003cp\u003eThis technology is inspired by skateboard trucks and directs energy directly to the board's edges, which reduces fatigue and provides a \"surfy\" feel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eHanger 2.0 Baseplate\u003c\/h3\u003e\n\u003cp\u003eA baseless design that allows for the most even board flex and features 30% fiberglass reinforcement for rigidity and reduced weight.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eBalanced Highback\u003c\/h3\u003e\n\u003cp\u003eFeatures vertical cut-outs to provide increased lateral flexibility, catering to a dynamic female riding style.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eY-Sense \u0026amp; 3D Stretch Fit Straps\u003c\/h3\u003e\n\u003cp\u003eIncludes a Y-Sense ankle strap for a seamless wrap and a 3D Stretch Fit toe strap for a secure fit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eSoft Bushings\u003c\/h3\u003e\n\u003cp\u003eComes with soft (40 shore) bushings that absorb vibrations for a smooth, chatter-less ride.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eUniversal Compatibility\u003c\/h3\u003e\n\u003cp\u003eCompatible with most mounting systems including 2x4, 4x4, and The Channel.\u003c\/p\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 class=\"accordion-summary\"\u003e\u003cspan\u003ePerformance\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"flex-rating\"\u003e\n\u003cdiv class=\"flex-rating-header\"\u003eFlex: 5\/10\u003c\/div\u003e\n\u003cdiv class=\"flex-rating-bars\"\u003e\n\u003cdiv class=\"flex-bar active\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar active\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar active\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar active\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar active\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex-bar\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"flex-labels\"\u003e\n\u003cdiv class=\"flex-label\"\u003e\n\u003cdiv class=\"flex-label-name\"\u003eSoft\u003c\/div\u003e\n\u003cdiv class=\"flex-label-range\"\u003e1-3\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"flex-label\"\u003e\n\u003cdiv class=\"flex-label-name\"\u003eMedium\u003c\/div\u003e\n\u003cdiv class=\"flex-label-range\"\u003e4-7\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"flex-label\"\u003e\n\u003cdiv class=\"flex-label-name\"\u003eStiff\u003c\/div\u003e\n\u003cdiv class=\"flex-label-range\"\u003e8-10\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"detail-text\"\u003eMedium flex rating provides the perfect balance for all-mountain riding, offering responsive control without sacrificing comfort and forgiveness.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"accordion-item\"\u003e\n\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eSize Chart\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"size-table-wrapper\"\u003e\n\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eWomen's Size\u003c\/th\u003e\n\u003cth\u003eUS\u003c\/th\u003e\n\u003cth\u003eEU\u003c\/th\u003e\n\u003cth\u003eMondo\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd class=\"size-header\"\u003eSmall\u003c\/td\u003e\n\u003ctd\u003e5.0 - 8.5\u003c\/td\u003e\n\u003ctd\u003e35 - 39.5\u003c\/td\u003e\n\u003ctd\u003e22 - 25\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"size-header\"\u003eMedium\u003c\/td\u003e\n\u003ctd\u003e9.0 - 11.5\u003c\/td\u003e\n\u003ctd\u003e40 - 42.5\u003c\/td\u003e\n\u003ctd\u003e25.5 - 27.5\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\u003c\/div\u003e","brand":"Yes","offers":[{"title":"Oh So Blue \/ S \/ Womens","offer_id":53292402082158,"sku":"YES61W012003","price":174.95,"currency_code":"CAD","in_stock":false},{"title":"Oh So Blue \/ M \/ Womens","offer_id":53292402114926,"sku":"YES61W012004","price":174.95,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/Vetta-OhSoBlue.png?v=1770828579"}],"url":"https:\/\/boardroomshop.com\/collections\/yes-bindings.oembed","provider":"The Boardroom","version":"1.0","type":"link"}