{"product_id":"defender-5-pads-boys-football-compression-shirt-gray-youth-1","title":"Defender 5 Pads Boys Football Compression Shirt Gray (Youth)","description":"\u003c!-- Premium Banner (Top of Slider) --\u003e\n\u003cdiv style=\"width: 100%; text-align: center; background-color: #fff; padding: 0;\"\u003e\n  \u003cimg src=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/64e2b26b-525e-4c15-9408-e14630209021.__CR0,0,1464,600_PT0_SX1464_V1___.jpg\" alt=\"Premium Banner - Exxact Sports Protection\" style=\"width: 100%; height: auto; display: block; margin-top: -6px;\"\u003e \n  \u003cimg src=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/80d9ddbb-6af4-4f8f-9257-5244f4dc423e.__CR0,0,1464,600_PT0_SX1464_V1___.jpg\" alt=\"Premium Banner - Exxact Sports Protection\" style=\"width: 100%; height: auto; display: block;\"\u003e\n\u003c\/div\u003e\n\n\u003c!-- Slider Navigation Tabs --\u003e\n\u003cdiv id=\"sliderTabs\" style=\"background: #ef233c; color: white; display: flex; justify-content: center; padding: 4px 0; flex-wrap: wrap;\"\u003e\n  \u003cdiv class=\"tab\" data-index=\"0\"\u003eChampion's Choice\u003c\/div\u003e\n  \u003cdiv class=\"tab\" data-index=\"1\"\u003eHigh Performance Fabric\u003c\/div\u003e\n  \u003cdiv class=\"tab\" data-index=\"2\"\u003eColor Variations\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- Slider Container --\u003e\n\u003cdiv id=\"aPlusSlider\" style=\"position: relative; overflow: hidden; max-width: 100%; height: auto;\"\u003e\n  \u003c!-- Slides Wrapper --\u003e\n  \u003cdiv class=\"slider-track\"\u003e\n    \u003cdiv class=\"slide\"\u003e\n      \u003cimg src=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/f209a8b1-405b-427d-93b9-a049c4548072.__CR0,0,1464,600_PT0_SX1464_V1___.jpg\" alt=\"Protection Gear 1\"\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"slide\"\u003e\n      \u003cimg src=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/e8d9f5c1-a879-4c50-a973-4df6465943d7.__CR0,0,1464,600_PT0_SX1464_V1___.jpg\" alt=\"Protection Gear 2\"\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"slide\"\u003e\n      \u003cimg src=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/ab2d23f2-b204-4d57-a00a-1053db07caf8.__CR0,0,1464,600_PT0_SX1464_V1___.jpg\" alt=\"Protection Gear 3\"\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003c!-- Arrows --\u003e\n  \u003cdiv class=\"arrow left\" onclick=\"moveSlide(-1)\"\u003e❮\u003c\/div\u003e\n  \u003cdiv class=\"arrow right\" onclick=\"moveSlide(1)\"\u003e❯\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- CSS --\u003e\n\u003cstyle\u003e\n  #sliderTabs {\n    font-family: Arial, sans-serif;\n    font-size: 14px;\n    font-weight: bold;\n    flex-wrap: wrap;\n  }\n  #sliderTabs .tab {\n    padding: 10px 20px;\n    cursor: pointer;\n    position: relative;\n    color: #ccc;\n    white-space: nowrap;\n    user-select: none;\n  }\n  #sliderTabs .tab.active {\n    color: white;\n  }\n  #sliderTabs .tab.active::after {\n    content: \"\";\n    position: absolute;\n    bottom: 0;\n    left: 25%;\n    width: 50%;\n    height: 2px;\n    background-color: white;\n  }\n  #aPlusSlider {\n    position: relative;\n    width: 100%;\n    max-width: 100%;\n    margin: 0 auto;\n  }\n  .slider-track {\n    display: flex;\n    transition: transform 0.5s ease-in-out;\n    width: 100%;\n  }\n  .slide {\n    min-width: 100%;\n    box-sizing: border-box;\n  }\n  .slide img {\n    width: 100%;\n    height: auto;\n    display: block;\n  }\n  .arrow {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    font-size: 36px;\n    font-weight: bold;\n    color: #fff;\n    background: #ef233c;\n    padding: 10px;\n    border-radius: 5px;\n    cursor: pointer;\n    z-index: 2;\n    user-select: none;\n  }\n  .arrow.left { left: 10px; }\n  .arrow.right { right: 10px; }\n\n  \/* Responsive for Mobile *\/\n  @media (max-width: 768px) {\n    #sliderTabs {\n      font-size: 8px;\n      padding: 2px 0;\n    }\n    #sliderTabs .tab {\n      padding: 4px 6px;\n      font-size: 13px;\n      flex-grow: 1;\n      text-align: center;\n    }\n    .arrow {\n      font-size: 34px;\n      padding: 6px;\n    }\n    .arrow.left { left: 5px; }\n    .arrow.right { right: 5px; }\n  }\n\n  @media (max-width: 480px) {\n    #sliderTabs {\n      font-size: 11px;\n    }\n    #sliderTabs .tab {\n      padding: 6px 8px;\n      font-size: 12px;\n      flex-grow: 1;\n      white-space: normal; \/* Allow wrap *\/\n    }\n    .arrow {\n      font-size: 24px;\n      padding: 4px;\n    }\n    .arrow.left { left: 3px; }\n    .arrow.right { right: 3px; }\n  }\n\u003c\/style\u003e\n\n\u003c!-- JavaScript --\u003e\n\u003cscript\u003e\n  document.addEventListener('DOMContentLoaded', () =\u003e {\n    let currentSlide = 0;\n    const track = document.querySelector('.slider-track');\n    const slides = document.querySelectorAll('.slide');\n    const tabs = document.querySelectorAll('#sliderTabs .tab');\n\n    function moveSlide(direction) {\n      currentSlide = (currentSlide + direction + slides.length) % slides.length;\n      updateSlider();\n    }\n\n    function updateSlider() {\n      const offset = -currentSlide * 100;\n      track.style.transform = `translateX(${offset}%)`;\n      tabs.forEach(tab =\u003e tab.classList.remove('active'));\n      tabs[currentSlide].classList.add('active');\n    }\n\n    tabs.forEach(tab =\u003e {\n      tab.addEventListener('click', () =\u003e {\n        currentSlide = parseInt(tab.dataset.index);\n        updateSlider();\n      });\n    });\n\n    \/\/ Initialize active tab\n    updateSlider();\n\n    \/\/ Expose moveSlide globally for arrows\n    window.moveSlide = moveSlide;\n  });\n\u003c\/script\u003e\n","brand":"Exxact Sports","offers":[{"title":"X-Small","offer_id":49907528302835,"sku":"ES-FBM-DEFENDER-FJ-GRY-YXS","price":21.99,"currency_code":"USD","in_stock":true},{"title":"Small","offer_id":49907528335603,"sku":"ES-FBM-DEFENDER-FJ-GRY-YS","price":21.99,"currency_code":"USD","in_stock":true},{"title":"Medium","offer_id":49907528368371,"sku":"ES-FBM-DEFENDER-FJ-GRY-YM","price":21.99,"currency_code":"USD","in_stock":true},{"title":"Large","offer_id":49907528401139,"sku":"ES-FBM-DEFENDER-FJ-GRY-YL","price":21.99,"currency_code":"USD","in_stock":true},{"title":"X-Large","offer_id":49907528433907,"sku":"ES-FBM-DEFENDER-FJ-GRY-YXL","price":21.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0788\/7618\/0723\/files\/football-product-images-jersey_1_713c677b-076e-41f2-b83d-98936df104b4.jpg?v=1783896334","url":"https:\/\/www.rshsports.com\/products\/defender-5-pads-boys-football-compression-shirt-gray-youth-1","provider":"RSH Sports","version":"1.0","type":"link"}