{"title":"All Products","description":"","products":[{"product_id":"customblvd-gang-sheet-builder","title":"Customblvd Gang Sheet Builder","description":"","brand":"Customblvd","offers":[{"title":"22in x 24in","offer_id":46510562476199,"sku":"","price":29.99,"currency_code":"USD","in_stock":true},{"title":"32 in x 60 in (5 ft)","offer_id":46510562508967,"sku":"","price":59.99,"currency_code":"USD","in_stock":true},{"title":"32 in x 84 in (7 ft)","offer_id":46510562541735,"sku":"","price":79.99,"currency_code":"USD","in_stock":true},{"title":"32 in x 120 in (10 ft)","offer_id":46510562574503,"sku":"","price":99.99,"currency_code":"USD","in_stock":true},{"title":"32 in x 180 in (15 ft)","offer_id":46510562607271,"sku":"","price":119.99,"currency_code":"USD","in_stock":true},{"title":"32 in x 240 in (20 ft)","offer_id":46510562640039,"sku":"","price":139.99,"currency_code":"USD","in_stock":true},{"title":"32 in x 360 in (30 ft)","offer_id":46510562672807,"sku":"","price":189.99,"currency_code":"USD","in_stock":true},{"title":"22in x 60in","offer_id":46707064078503,"sku":null,"price":49.99,"currency_code":"USD","in_stock":true},{"title":"22in x 84in","offer_id":46707064111271,"sku":null,"price":69.99,"currency_code":"USD","in_stock":true},{"title":"22in x 120in","offer_id":46707064144039,"sku":null,"price":89.99,"currency_code":"USD","in_stock":true},{"title":"22in x 180in","offer_id":46707064176807,"sku":null,"price":109.99,"currency_code":"USD","in_stock":true},{"title":"22in x 240in","offer_id":46707064209575,"sku":null,"price":129.99,"currency_code":"USD","in_stock":true},{"title":"22in x 360in","offer_id":46707064242343,"sku":null,"price":179.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0684\/2656\/3751\/files\/b0f0e248-f2e4-47d2-b807-102fad38b7f5_1.webp?v=1747255510"},{"product_id":"dtf-transfers-by-size","title":"DTF Transfers By Size","description":"","brand":"Customblvd","offers":[{"title":"2in x 2in","offer_id":46567381893287,"sku":"","price":0.32,"currency_code":"USD","in_stock":true},{"title":"3in x 3in","offer_id":46567393951911,"sku":null,"price":0.5,"currency_code":"USD","in_stock":true},{"title":"4in x 2in","offer_id":46567393984679,"sku":null,"price":0.45,"currency_code":"USD","in_stock":true},{"title":"4in x 4in","offer_id":46567394017447,"sku":null,"price":0.9,"currency_code":"USD","in_stock":true},{"title":"5in x 3in","offer_id":46567394050215,"sku":null,"price":0.85,"currency_code":"USD","in_stock":true},{"title":"5in x 5in","offer_id":46567394082983,"sku":null,"price":1.4,"currency_code":"USD","in_stock":true},{"title":"6in x 6in","offer_id":46567394115751,"sku":null,"price":1.97,"currency_code":"USD","in_stock":true},{"title":"7in x 7in","offer_id":46567394148519,"sku":null,"price":2.89,"currency_code":"USD","in_stock":true},{"title":"8in x 8in","offer_id":46567394181287,"sku":null,"price":3.58,"currency_code":"USD","in_stock":true},{"title":"9in x 9in","offer_id":46567394214055,"sku":null,"price":4.54,"currency_code":"USD","in_stock":true},{"title":"9in x 11in","offer_id":46567394246823,"sku":null,"price":5.75,"currency_code":"USD","in_stock":true},{"title":"10in x 10in","offer_id":46567394279591,"sku":null,"price":5.6,"currency_code":"USD","in_stock":true},{"title":"11in x 5in","offer_id":46567394312359,"sku":null,"price":3.29,"currency_code":"USD","in_stock":true},{"title":"11in x 11in","offer_id":46567394345127,"sku":null,"price":6.78,"currency_code":"USD","in_stock":true},{"title":"11in x 14in","offer_id":46567394377895,"sku":null,"price":9.49,"currency_code":"USD","in_stock":true},{"title":"12in x 17in","offer_id":46567394410663,"sku":null,"price":11.49,"currency_code":"USD","in_stock":true},{"title":"10in x 9.33in","offer_id":46568974385319,"sku":null,"price":7.46,"currency_code":"USD","in_stock":true},{"title":"3in x 2.8in","offer_id":46653358702759,"sku":null,"price":0.67,"currency_code":"USD","in_stock":true},{"title":"12.8in x 8.53in","offer_id":46654048698535,"sku":null,"price":8.73,"currency_code":"USD","in_stock":true},{"title":"3in x 3.38in","offer_id":46699059642535,"sku":null,"price":0.81,"currency_code":"USD","in_stock":true},{"title":"6.68in x 6.67in","offer_id":46703680979111,"sku":null,"price":3.56,"currency_code":"USD","in_stock":true},{"title":"8.5in x 11in","offer_id":46822298255527,"sku":null,"price":5.24,"currency_code":"USD","in_stock":true},{"title":"8.49in x 11in","offer_id":46822298288295,"sku":null,"price":5.23,"currency_code":"USD","in_stock":true},{"title":"5.16in x 6.68in","offer_id":46822302122151,"sku":null,"price":1.93,"currency_code":"USD","in_stock":true},{"title":"4.91in x 5.54in","offer_id":46822326960295,"sku":null,"price":1.52,"currency_code":"USD","in_stock":true},{"title":"7.59in x 10.51in","offer_id":46822326993063,"sku":null,"price":4.47,"currency_code":"USD","in_stock":true},{"title":"9.95in x 2.57in","offer_id":46834955518119,"sku":null,"price":1.43,"currency_code":"USD","in_stock":true},{"title":"14in x 14in","offer_id":46841824968871,"sku":null,"price":10.98,"currency_code":"USD","in_stock":true},{"title":"7.98in x 9.71in","offer_id":46858619125927,"sku":null,"price":4.34,"currency_code":"USD","in_stock":true},{"title":"8.22in x 10in","offer_id":46858619682983,"sku":null,"price":4.6,"currency_code":"USD","in_stock":true},{"title":"9.49in x 11.5in","offer_id":46858620895399,"sku":null,"price":6.11,"currency_code":"USD","in_stock":true},{"title":"15.45in x 5in","offer_id":46985504850087,"sku":null,"price":4.33,"currency_code":"USD","in_stock":true},{"title":"5.85in x 8in","offer_id":47087129264295,"sku":null,"price":2.62,"currency_code":"USD","in_stock":true},{"title":"11.1in x 10.33in","offer_id":47088562307239,"sku":null,"price":6.42,"currency_code":"USD","in_stock":true},{"title":"9.9in x 11.19in","offer_id":47099379744935,"sku":null,"price":6.2,"currency_code":"USD","in_stock":true},{"title":"13.89in x 13.89in","offer_id":47160819679399,"sku":null,"price":10.8,"currency_code":"USD","in_stock":true},{"title":"11.5in x 12.89in","offer_id":47170970714279,"sku":null,"price":8.3,"currency_code":"USD","in_stock":true},{"title":"13in x 13in","offer_id":47174318784679,"sku":null,"price":9.46,"currency_code":"USD","in_stock":true},{"title":"8in x 8.69in","offer_id":47268433592487,"sku":null,"price":3.89,"currency_code":"USD","in_stock":true},{"title":"12in x 12in","offer_id":47268492476583,"sku":null,"price":8.06,"currency_code":"USD","in_stock":true},{"title":"10in x 10.85in","offer_id":47268498571431,"sku":null,"price":6.08,"currency_code":"USD","in_stock":true},{"title":"13in x 14.11in","offer_id":47268504109223,"sku":null,"price":10.27,"currency_code":"USD","in_stock":true},{"title":"8.09in x 2.7in","offer_id":47268509941927,"sku":null,"price":1.22,"currency_code":"USD","in_stock":true},{"title":"9.91in x 3.3in","offer_id":47268510630055,"sku":null,"price":1.83,"currency_code":"USD","in_stock":true},{"title":"12in x 11.67in","offer_id":47721842770087,"sku":null,"price":7.84,"currency_code":"USD","in_stock":true},{"title":"12in x 9.82in","offer_id":47721845424295,"sku":null,"price":6.6,"currency_code":"USD","in_stock":true},{"title":"8.77in x 10.62in","offer_id":47740230238375,"sku":null,"price":5.22,"currency_code":"USD","in_stock":true},{"title":"12.1in x 9.19in","offer_id":47795612352679,"sku":null,"price":6.23,"currency_code":"USD","in_stock":true},{"title":"13in x 12.28in","offer_id":47840425607335,"sku":null,"price":8.94,"currency_code":"USD","in_stock":true},{"title":"4.16in x 6.24in","offer_id":47869445963943,"sku":null,"price":1.45,"currency_code":"USD","in_stock":true},{"title":"10in x 9.42in","offer_id":47903581372583,"sku":null,"price":5.28,"currency_code":"USD","in_stock":true},{"title":"12.57in x 15.11in","offer_id":47997414015143,"sku":null,"price":10.64,"currency_code":"USD","in_stock":true},{"title":"11.72in x 15.11in","offer_id":47997431087271,"sku":null,"price":9.92,"currency_code":"USD","in_stock":true},{"title":"11.94in x 15.4in","offer_id":47997436100775,"sku":null,"price":10.3,"currency_code":"USD","in_stock":true},{"title":"11in x 10.45in","offer_id":48069692588199,"sku":null,"price":6.44,"currency_code":"USD","in_stock":true},{"title":"14in x 16.53in","offer_id":48098345844903,"sku":null,"price":12.96,"currency_code":"USD","in_stock":true},{"title":"10.5in x 10.4in","offer_id":48384315228327,"sku":null,"price":6.12,"currency_code":"USD","in_stock":true},{"title":"18.34in x 12.8in","offer_id":48772491149479,"sku":null,"price":13.15,"currency_code":"USD","in_stock":true},{"title":"17in x 17in","offer_id":48772558782631,"sku":null,"price":16.18,"currency_code":"USD","in_stock":true},{"title":"18.38in x 24.51in","offer_id":49005887357095,"sku":null,"price":25.23,"currency_code":"USD","in_stock":true},{"title":"8in x 10.66in","offer_id":49005987266727,"sku":null,"price":4.78,"currency_code":"USD","in_stock":true},{"title":"6in x 8.52in","offer_id":49227832164519,"sku":null,"price":2.86,"currency_code":"USD","in_stock":true},{"title":"6.02in x 8.5in","offer_id":49227880693927,"sku":null,"price":2.87,"currency_code":"USD","in_stock":true},{"title":"6.6in x 9.36in","offer_id":49227937710247,"sku":null,"price":3.46,"currency_code":"USD","in_stock":true},{"title":"6.42in x 9.1in","offer_id":49227963859111,"sku":null,"price":3.27,"currency_code":"USD","in_stock":true},{"title":"4.24in x 6in","offer_id":49228387811495,"sku":null,"price":1.42,"currency_code":"USD","in_stock":true},{"title":"9in x 12.72in","offer_id":49228387844263,"sku":null,"price":6.41,"currency_code":"USD","in_stock":true},{"title":"14in x 8.62in","offer_id":49536742654119,"sku":null,"price":6.76,"currency_code":"USD","in_stock":true},{"title":"13.64in x 8.5in","offer_id":49536846889127,"sku":null,"price":6.49,"currency_code":"USD","in_stock":true},{"title":"10.65in x 8.6in","offer_id":50470869893287,"sku":null,"price":5.13,"currency_code":"USD","in_stock":true},{"title":"6.82in x 5.5in","offer_id":50471131414695,"sku":null,"price":2.1,"currency_code":"USD","in_stock":true},{"title":"9in x 10.27in","offer_id":50526799003815,"sku":null,"price":5.18,"currency_code":"USD","in_stock":true},{"title":"11in x 13.75in","offer_id":50615136813223,"sku":null,"price":8.47,"currency_code":"USD","in_stock":true},{"title":"17.42in x 17.42in","offer_id":50878319034535,"sku":null,"price":16.99,"currency_code":"USD","in_stock":true},{"title":"12.56in x 6.77in","offer_id":50892641370279,"sku":null,"price":4.76,"currency_code":"USD","in_stock":true},{"title":"6.9in x 4.34in","offer_id":50895210217639,"sku":null,"price":1.68,"currency_code":"USD","in_stock":true},{"title":"11.9in x 10in","offer_id":50896502915239,"sku":null,"price":6.66,"currency_code":"USD","in_stock":true},{"title":"12.16in x 12.16in","offer_id":50896507666599,"sku":null,"price":8.28,"currency_code":"USD","in_stock":true},{"title":"11.11in x 12.16in","offer_id":50896509894823,"sku":null,"price":7.57,"currency_code":"USD","in_stock":true},{"title":"9in x 6in","offer_id":50979106160807,"sku":null,"price":3.02,"currency_code":"USD","in_stock":true},{"title":"10.35in x 9.49in","offer_id":50987353407655,"sku":null,"price":5.5,"currency_code":"USD","in_stock":true},{"title":"10.3in x 9.44in","offer_id":50987357733031,"sku":null,"price":5.44,"currency_code":"USD","in_stock":true},{"title":"16in x 10.67in","offer_id":51016237809831,"sku":null,"price":9.56,"currency_code":"USD","in_stock":true},{"title":"11in x 14.78in","offer_id":51208628240551,"sku":null,"price":9.1,"currency_code":"USD","in_stock":true},{"title":"10.99in x 14.76in","offer_id":51208766619815,"sku":null,"price":9.08,"currency_code":"USD","in_stock":true},{"title":"12.68in x 9.62in","offer_id":51262964695207,"sku":null,"price":6.83,"currency_code":"USD","in_stock":true},{"title":"5.75in x 9in","offer_id":51301128700071,"sku":null,"price":2.9,"currency_code":"USD","in_stock":true},{"title":"11in x 7.64in","offer_id":51302982680743,"sku":null,"price":4.71,"currency_code":"USD","in_stock":true},{"title":"12.5in x 3.47in","offer_id":51302990119079,"sku":null,"price":2.43,"currency_code":"USD","in_stock":true},{"title":"12in x 4in","offer_id":51302995591335,"sku":null,"price":2.69,"currency_code":"USD","in_stock":true},{"title":"12.5in x 8.68in","offer_id":51303000408231,"sku":null,"price":6.08,"currency_code":"USD","in_stock":true},{"title":"13.5in x 4in","offer_id":51303005388967,"sku":null,"price":3.02,"currency_code":"USD","in_stock":true},{"title":"11in x 14.06in","offer_id":51321187139751,"sku":null,"price":8.66,"currency_code":"USD","in_stock":true},{"title":"15.19in x 18.74in","offer_id":51321664831655,"sku":null,"price":15.94,"currency_code":"USD","in_stock":true},{"title":"15.25in x 19.44in","offer_id":51321664864423,"sku":null,"price":16.6,"currency_code":"USD","in_stock":true},{"title":"11in x 13.9in","offer_id":51321664897191,"sku":null,"price":8.56,"currency_code":"USD","in_stock":true},{"title":"12in x 12.17in","offer_id":51325279895719,"sku":null,"price":8.18,"currency_code":"USD","in_stock":true},{"title":"3.5in x 3.5in","offer_id":51340705956007,"sku":null,"price":0.69,"currency_code":"USD","in_stock":true},{"title":"21.8in x 5.56in","offer_id":51411189792935,"sku":null,"price":6.79,"currency_code":"USD","in_stock":true},{"title":"21.8in x 7.27in","offer_id":51411189825703,"sku":null,"price":8.88,"currency_code":"USD","in_stock":true},{"title":"21.8in x 5.12in","offer_id":51411189858471,"sku":null,"price":6.25,"currency_code":"USD","in_stock":true},{"title":"11in x 5.5in","offer_id":51411285704871,"sku":null,"price":3.39,"currency_code":"USD","in_stock":true},{"title":"1in x 1.17in","offer_id":51414500442279,"sku":null,"price":0.07,"currency_code":"USD","in_stock":true},{"title":"8.49in x 10.98in","offer_id":51425261977767,"sku":null,"price":5.22,"currency_code":"USD","in_stock":true},{"title":"6.27in x 8in","offer_id":51425268433063,"sku":null,"price":2.81,"currency_code":"USD","in_stock":true},{"title":"2in x 1.81in","offer_id":51425273643175,"sku":null,"price":0.2,"currency_code":"USD","in_stock":true},{"title":"9in x 9.5in","offer_id":51444083818663,"sku":null,"price":4.79,"currency_code":"USD","in_stock":true},{"title":"12in x 1in","offer_id":51444241957031,"sku":null,"price":0.67,"currency_code":"USD","in_stock":true},{"title":"12in x 12.67in","offer_id":51450045464743,"sku":null,"price":8.51,"currency_code":"USD","in_stock":true},{"title":"8in x 12in","offer_id":51456299532455,"sku":null,"price":5.38,"currency_code":"USD","in_stock":true},{"title":"13in x 13.23in","offer_id":51458305622183,"sku":null,"price":9.63,"currency_code":"USD","in_stock":true},{"title":"7.08in x 3.5in","offer_id":51458422505639,"sku":null,"price":1.39,"currency_code":"USD","in_stock":true},{"title":"8.11in x 3.9in","offer_id":51458422538407,"sku":null,"price":1.77,"currency_code":"USD","in_stock":true},{"title":"13.74in x 18.87in","offer_id":51487088476327,"sku":null,"price":14.52,"currency_code":"USD","in_stock":true},{"title":"2.49in x 2.25in","offer_id":51487231344807,"sku":null,"price":0.31,"currency_code":"USD","in_stock":true},{"title":"2.51in x 2.4in","offer_id":51487231377575,"sku":null,"price":0.34,"currency_code":"USD","in_stock":true},{"title":"2.63in x 2.53in","offer_id":51487231410343,"sku":null,"price":0.37,"currency_code":"USD","in_stock":true},{"title":"2.59in x 2.47in","offer_id":51487231443111,"sku":null,"price":0.36,"currency_code":"USD","in_stock":true},{"title":"2.72in x 2.53in","offer_id":51487231475879,"sku":null,"price":0.39,"currency_code":"USD","in_stock":true},{"title":"2.72in x 2.32in","offer_id":51487231508647,"sku":null,"price":0.35,"currency_code":"USD","in_stock":true},{"title":"2.67in x 2.34in","offer_id":51487231541415,"sku":null,"price":0.35,"currency_code":"USD","in_stock":true},{"title":"2.72in x 2.57in","offer_id":51487231574183,"sku":null,"price":0.39,"currency_code":"USD","in_stock":true},{"title":"2.77in x 2.59in","offer_id":51487231606951,"sku":null,"price":0.4,"currency_code":"USD","in_stock":true},{"title":"2.79in x 2.57in","offer_id":51487231639719,"sku":null,"price":0.4,"currency_code":"USD","in_stock":true},{"title":"2.66in x 2.43in","offer_id":51487231672487,"sku":null,"price":0.36,"currency_code":"USD","in_stock":true},{"title":"2.6in x 2.41in","offer_id":51487231705255,"sku":null,"price":0.35,"currency_code":"USD","in_stock":true},{"title":"12in x 14in","offer_id":51532730564775,"sku":null,"price":9.41,"currency_code":"USD","in_stock":true},{"title":"14.21in x 21.35in","offer_id":51532730597543,"sku":null,"price":16.99,"currency_code":"USD","in_stock":true},{"title":"15.19in x 18.62in","offer_id":51532730630311,"sku":null,"price":15.84,"currency_code":"USD","in_stock":true},{"title":"16.22in x 18.71in","offer_id":51532751962279,"sku":null,"price":16.99,"currency_code":"USD","in_stock":true},{"title":"12in x 14.83in","offer_id":51533340803239,"sku":null,"price":9.97,"currency_code":"USD","in_stock":true},{"title":"4.54in x 1.58in","offer_id":51552639156391,"sku":null,"price":0.4,"currency_code":"USD","in_stock":true},{"title":"14.86in x 18.48in","offer_id":51552639189159,"sku":null,"price":15.38,"currency_code":"USD","in_stock":true},{"title":"7.81in x 16.91in","offer_id":51552639221927,"sku":null,"price":7.4,"currency_code":"USD","in_stock":true},{"title":"15.04in x 19.58in","offer_id":51552639254695,"sku":null,"price":16.49,"currency_code":"USD","in_stock":true},{"title":"5.12in x 6.67in","offer_id":51552639287463,"sku":null,"price":1.91,"currency_code":"USD","in_stock":true},{"title":"14.96in x 18.38in","offer_id":51552639320231,"sku":null,"price":15.4,"currency_code":"USD","in_stock":true},{"title":"10.5in x 15.9in","offer_id":51552639352999,"sku":null,"price":9.35,"currency_code":"USD","in_stock":true},{"title":"3in x 6in","offer_id":51581677306023,"sku":null,"price":1.01,"currency_code":"USD","in_stock":true},{"title":"10in x 11.94in","offer_id":51601670406311,"sku":null,"price":6.69,"currency_code":"USD","in_stock":true},{"title":"12in x 13.67in","offer_id":51601678925991,"sku":null,"price":9.19,"currency_code":"USD","in_stock":true},{"title":"11in x 12.38in","offer_id":51681919860903,"sku":null,"price":7.63,"currency_code":"USD","in_stock":true},{"title":"11in x 14.21in","offer_id":51684297408679,"sku":null,"price":8.75,"currency_code":"USD","in_stock":true},{"title":"11in x 16.5in","offer_id":51684297441447,"sku":null,"price":10.16,"currency_code":"USD","in_stock":true},{"title":"12.07in x 21.8in","offer_id":51776523501735,"sku":null,"price":14.74,"currency_code":"USD","in_stock":true},{"title":"9.98in x 21.8in","offer_id":51776644448423,"sku":null,"price":12.18,"currency_code":"USD","in_stock":true},{"title":"5.78in x 12.49in","offer_id":51776644481191,"sku":null,"price":4.04,"currency_code":"USD","in_stock":true},{"title":"12.11in x 21.8in","offer_id":51776711295143,"sku":null,"price":14.78,"currency_code":"USD","in_stock":true},{"title":"6.11in x 11in","offer_id":51776766214311,"sku":null,"price":3.76,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0684\/2656\/3751\/files\/44858b88-c7f1-465a-963a-576a1763de8f.webp?v=1747255629"},{"product_id":"port-company-core-cotton-t-shirt","title":"Port \u0026 Company Core Cotton T-shirt","description":"\u003c!-- Product description styling with isolated scope --\u003e\n\u003cstyle\u003e\n        \/* كل التنسيقات محصورة داخل كلاس فريد لضمان عدم التأثير على باقي الموقع *\/\n        .premium-tshirt-container-isolated-123456 {\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n            max-width: 800px;\n            margin: 0 auto;\n            padding: 30px;\n            background: white;\n            border-radius: 12px;\n            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);\n            position: relative;\n            overflow: hidden;\n            animation: tshirt_fadeIn_123456 0.8s ease-out forwards;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .accent-bar-123456 {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 8px;\n            height: 0%;\n            background: linear-gradient(to bottom, #0a5cb1, #1e88e5);\n            animation: tshirt_growBar_123456 1s ease-out 0.3s forwards;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .product-title-123456 {\n            font-size: 1.8rem;\n            font-weight: 700;\n            color: #0a5cb1;\n            margin-bottom: 20px;\n            padding-bottom: 12px;\n            border-bottom: 2px solid #f0f0f0;\n            opacity: 0;\n            transform: translateY(-20px);\n            animation: tshirt_slideDown_123456 0.6s ease-out 0.4s forwards;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .product-description-123456 {\n            font-size: 1.1rem;\n            line-height: 1.6;\n            color: #333;\n            margin-bottom: 25px;\n            opacity: 0;\n            animation: tshirt_fadeIn_123456 0.6s ease-out 0.6s forwards;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .features-title-123456 {\n            font-size: 1.3rem;\n            font-weight: 600;\n            color: #0a5cb1;\n            margin-bottom: 15px;\n            opacity: 0;\n            transform: translateY(10px);\n            animation: tshirt_slideUp_123456 0.5s ease-out 0.8s forwards;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .features-list-123456 {\n            list-style-type: none;\n            padding: 0;\n            margin: 0 0 30px 0;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .features-list-123456 li {\n            position: relative;\n            padding: 8px 0 8px 35px;\n            margin-bottom: 10px;\n            opacity: 0;\n            transform: translateX(-20px);\n            animation: tshirt_slideInRight_123456 0.5s ease-out forwards;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .features-list-123456 li:nth-child(1) {\n            animation-delay: 1.0s;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .features-list-123456 li:nth-child(2) {\n            animation-delay: 1.1s;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .features-list-123456 li:nth-child(3) {\n            animation-delay: 1.2s;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .features-list-123456 li:nth-child(4) {\n            animation-delay: 1.3s;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .features-list-123456 li:nth-child(5) {\n            animation-delay: 1.4s;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .features-list-123456 li:before {\n            content: '';\n            position: absolute;\n            left: 0;\n            top: 10px;\n            width: 20px;\n            height: 20px;\n            background-color: #1e88e5;\n            mask-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C\/polyline%3E%3C\/svg%3E\");\n            -webkit-mask-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C\/polyline%3E%3C\/svg%3E\");\n            mask-size: contain;\n            -webkit-mask-size: contain;\n            mask-repeat: no-repeat;\n            -webkit-mask-repeat: no-repeat;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .customization-tag-123456 {\n            background: linear-gradient(135deg, #f5f7fa 0%, #e8edf5 100%);\n            padding: 20px;\n            border-radius: 8px;\n            border-left: 4px solid #0a5cb1;\n            margin-top: 20px;\n            opacity: 0;\n            transform: scale(0.95);\n            animation: tshirt_scaleIn_123456 0.7s ease-out 1.6s forwards;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .customization-title-123456 {\n            font-weight: 600;\n            color: #0a5cb1;\n            margin-bottom: 10px;\n            font-size: 1.1rem;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .customization-text-123456 {\n            font-size: 0.95rem;\n            color: #444;\n            line-height: 1.5;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .size-options-123456 {\n            display: flex;\n            gap: 10px;\n            flex-wrap: wrap;\n            margin-bottom: 25px;\n            opacity: 0;\n            animation: tshirt_fadeIn_123456 0.6s ease-out 0.7s forwards;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .size-tag-123456 {\n            padding: 6px 15px;\n            border-radius: 20px;\n            background-color: #e8edf5;\n            color: #0a5cb1;\n            font-weight: 500;\n            font-size: 0.9rem;\n            transition: all 0.3s ease;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .size-tag-123456:hover {\n            background-color: #0a5cb1;\n            color: white;\n            transform: translateY(-2px);\n            box-shadow: 0 4px 8px rgba(10, 92, 177, 0.2);\n        }\n        \n        .premium-tshirt-container-isolated-123456 .color-options-123456 {\n            display: flex;\n            gap: 8px;\n            margin-bottom: 20px;\n            opacity: 0;\n            animation: tshirt_fadeIn_123456 0.6s ease-out 0.9s forwards;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .color-dot-123456 {\n            width: 24px;\n            height: 24px;\n            border-radius: 50%;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            border: 2px solid transparent;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .color-dot-123456:hover {\n            transform: scale(1.2);\n        }\n        \n        .premium-tshirt-container-isolated-123456 .color-dot-123456.blue-123456 {\n            background-color: #1e88e5;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .color-dot-123456.red-123456 {\n            background-color: #e53935;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .color-dot-123456.green-123456 {\n            background-color: #43a047;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .color-dot-123456.black-123456 {\n            background-color: #212121;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .color-dot-123456.grey-123456 {\n            background-color: #757575;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .floating-icon-123456 {\n            position: absolute;\n            right: 15px;\n            top: 15px;\n            width: 40px;\n            height: 40px;\n            background-color: #0a5cb1;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: white;\n            font-size: 20px;\n            animation: tshirt_pulse_123456 2s infinite;\n        }\n        \n        \/* Animation keyframes with unique names to avoid conflicts *\/\n        @keyframes tshirt_fadeIn_123456 {\n            from {\n                opacity: 0;\n            }\n            to {\n                opacity: 1;\n            }\n        }\n        \n        @keyframes tshirt_growBar_123456 {\n            from {\n                height: 0%;\n            }\n            to {\n                height: 100%;\n            }\n        }\n        \n        @keyframes tshirt_slideDown_123456 {\n            from {\n                opacity: 0;\n                transform: translateY(-20px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n        \n        @keyframes tshirt_slideUp_123456 {\n            from {\n                opacity: 0;\n                transform: translateY(20px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n        \n        @keyframes tshirt_slideInRight_123456 {\n            from {\n                opacity: 0;\n                transform: translateX(-20px);\n            }\n            to {\n                opacity: 1;\n                transform: translateX(0);\n            }\n        }\n        \n        @keyframes tshirt_scaleIn_123456 {\n            from {\n                opacity: 0;\n                transform: scale(0.95);\n            }\n            to {\n                opacity: 1;\n                transform: scale(1);\n            }\n        }\n        \n        @keyframes tshirt_pulse_123456 {\n            0% {\n                box-shadow: 0 0 0 0 rgba(10, 92, 177, 0.4);\n            }\n            70% {\n                box-shadow: 0 0 0 10px rgba(10, 92, 177, 0);\n            }\n            100% {\n                box-shadow: 0 0 0 0 rgba(10, 92, 177, 0);\n            }\n        }\n        \n        \/* Responsive adjustments *\/\n        @media (max-width: 768px) {\n            .premium-tshirt-container-isolated-123456 {\n                padding: 20px;\n                margin: 0 10px;\n            }\n            \n            .premium-tshirt-container-isolated-123456 .product-title-123456 {\n                font-size: 1.5rem;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"premium-tshirt-container-isolated-123456\"\u003e\n\u003cdiv class=\"accent-bar-123456\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"floating-icon-123456\"\u003e\n\u003ci class=\"fas fa-tshirt\"\u003e\u003c\/i\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003ch1 class=\"product-title-123456\"\u003ePremium Cotton T-Shirt\u003c\/h1\u003e\n\u003cp class=\"product-description-123456\"\u003eThis is a great year-round tee with an amazing selection of colors. This shirt comes in adult unisex and youth sizes as well so you can outfit your entire group!\u003c\/p\u003e\n\u003cdiv class=\"size-options-123456\"\u003e\n\u003cspan class=\"size-tag-123456\"\u003eAdult Unisex\u003c\/span\u003e \u003cspan class=\"size-tag-123456\"\u003eYouth Sizes\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"color-options-123456\"\u003e\n\u003cdiv class=\"color-dot-123456 blue-123456\" title=\"Blue\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"color-dot-123456 red-123456\" title=\"Red\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"color-dot-123456 green-123456\" title=\"Green\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"color-dot-123456 black-123456\" title=\"Black\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"color-dot-123456 grey-123456\" title=\"Grey\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"features-title-123456\"\u003eProduct Features\u003c\/h2\u003e\n\u003cul class=\"features-list-123456\"\u003e\n\u003cli\u003e5.4 oz., 100% cotton\u003c\/li\u003e\n\u003cli\u003eAll heather colors, and neon colors are cotton\/poly blends\u003c\/li\u003e\n\u003cli\u003eGreat color selection\u003c\/li\u003e\n\u003cli\u003eSide seamed\u003c\/li\u003e\n\u003cli\u003eRibbed collar\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv class=\"customization-tag-123456\"\u003e\n\u003cdiv class=\"customization-title-123456\"\u003eCustomization Available\u003c\/div\u003e\n\u003cp class=\"customization-text-123456\"\u003eMake it yours! Add custom text, graphics, or logos to create the perfect personalized t-shirt for your event, team, or business.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Hidden tag for the product customizer --\u003e\n\u003cdiv id=\"zakeke-product-tag-123456\" style=\"display: none;\" data-product-id=\"8458071343271\" data-enviroment=\"Customizer\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- أضف Font Awesome من CDN للأيقونات --\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"Port \u0026 Company","offers":[{"title":"White \/ S","offer_id":46613372993703,"sku":null,"price":20.15,"currency_code":"USD","in_stock":true},{"title":"White \/ M","offer_id":46613373026471,"sku":null,"price":20.15,"currency_code":"USD","in_stock":true},{"title":"White \/ L","offer_id":46613373059239,"sku":null,"price":20.15,"currency_code":"USD","in_stock":true},{"title":"White \/ XL","offer_id":46613373092007,"sku":null,"price":20.15,"currency_code":"USD","in_stock":true},{"title":"White \/ 2XL","offer_id":46613373124775,"sku":null,"price":21.65,"currency_code":"USD","in_stock":true},{"title":"White \/ 3XL","offer_id":46613373157543,"sku":null,"price":22.15,"currency_code":"USD","in_stock":true},{"title":"White \/ 4XL","offer_id":46613373190311,"sku":null,"price":22.15,"currency_code":"USD","in_stock":true},{"title":"Ash \/ S","offer_id":46613370896551,"sku":null,"price":20.15,"currency_code":"USD","in_stock":true},{"title":"Ash \/ M","offer_id":46613370929319,"sku":null,"price":20.15,"currency_code":"USD","in_stock":true},{"title":"Ash \/ L","offer_id":46613370962087,"sku":null,"price":20.15,"currency_code":"USD","in_stock":true},{"title":"Ash \/ XL","offer_id":46613370994855,"sku":null,"price":20.15,"currency_code":"USD","in_stock":true},{"title":"Ash \/ 2XL","offer_id":46613371027623,"sku":null,"price":21.65,"currency_code":"USD","in_stock":true},{"title":"Ash \/ 3XL","offer_id":46613371060391,"sku":null,"price":22.15,"currency_code":"USD","in_stock":true},{"title":"Ash \/ 4XL","offer_id":46613371093159,"sku":null,"price":22.15,"currency_code":"USD","in_stock":true},{"title":"Jet Black \/ S","offer_id":46613372731559,"sku":null,"price":20.15,"currency_code":"USD","in_stock":true},{"title":"Jet Black \/ M","offer_id":46613372764327,"sku":null,"price":20.15,"currency_code":"USD","in_stock":true},{"title":"Jet Black \/ L","offer_id":46613372797095,"sku":null,"price":20.15,"currency_code":"USD","in_stock":true},{"title":"Jet Black \/ XL","offer_id":46613372829863,"sku":null,"price":20.15,"currency_code":"USD","in_stock":true},{"title":"Jet Black \/ 2XL","offer_id":46613372862631,"sku":null,"price":21.65,"currency_code":"USD","in_stock":true},{"title":"Jet Black \/ 3XL","offer_id":46613372895399,"sku":null,"price":22.15,"currency_code":"USD","in_stock":true},{"title":"Jet Black \/ 4XL","offer_id":46613372928167,"sku":null,"price":22.15,"currency_code":"USD","in_stock":true},{"title":"Neon Pink \/ S","offer_id":46613371158695,"sku":null,"price":20.15,"currency_code":"USD","in_stock":true},{"title":"Neon Pink \/ M","offer_id":46613371191463,"sku":null,"price":20.15,"currency_code":"USD","in_stock":true},{"title":"Neon Pink \/ L","offer_id":46613371224231,"sku":null,"price":20.15,"currency_code":"USD","in_stock":true},{"title":"Neon Pink \/ XL","offer_id":46613371256999,"sku":null,"price":20.15,"currency_code":"USD","in_stock":true},{"title":"Neon Pink \/ 2XL","offer_id":46613371289767,"sku":null,"price":21.65,"currency_code":"USD","in_stock":true},{"title":"Neon Pink \/ 3XL","offer_id":46613371322535,"sku":null,"price":22.15,"currency_code":"USD","in_stock":true},{"title":"Neon Pink \/ 4XL","offer_id":46613371355303,"sku":null,"price":22.15,"currency_code":"USD","in_stock":true},{"title":"Navy \/ S","offer_id":46613371420839,"sku":null,"price":20.15,"currency_code":"USD","in_stock":true},{"title":"Navy \/ M","offer_id":46613371453607,"sku":null,"price":20.15,"currency_code":"USD","in_stock":true},{"title":"Navy \/ L","offer_id":46613371486375,"sku":null,"price":20.15,"currency_code":"USD","in_stock":true},{"title":"Navy \/ XL","offer_id":46613371519143,"sku":null,"price":20.15,"currency_code":"USD","in_stock":true},{"title":"Navy \/ 2XL","offer_id":46613371551911,"sku":null,"price":21.65,"currency_code":"USD","in_stock":true},{"title":"Navy \/ 3XL","offer_id":46613371584679,"sku":null,"price":22.15,"currency_code":"USD","in_stock":true},{"title":"Navy \/ 4XL","offer_id":46613371617447,"sku":null,"price":22.15,"currency_code":"USD","in_stock":true},{"title":"Gold \/ S","offer_id":46613371682983,"sku":null,"price":20.15,"currency_code":"USD","in_stock":true},{"title":"Gold \/ M","offer_id":46613371715751,"sku":null,"price":20.15,"currency_code":"USD","in_stock":true},{"title":"Gold \/ L","offer_id":46613371748519,"sku":null,"price":20.15,"currency_code":"USD","in_stock":true},{"title":"Gold \/ XL","offer_id":46613371781287,"sku":null,"price":20.15,"currency_code":"USD","in_stock":true},{"title":"Gold \/ 2XL","offer_id":46613371814055,"sku":null,"price":21.65,"currency_code":"USD","in_stock":true},{"title":"Gold \/ 3XL","offer_id":46613371846823,"sku":null,"price":22.15,"currency_code":"USD","in_stock":true},{"title":"Gold \/ 4XL","offer_id":46613371879591,"sku":null,"price":22.15,"currency_code":"USD","in_stock":true},{"title":"Blue \/ S","offer_id":46613371945127,"sku":null,"price":20.15,"currency_code":"USD","in_stock":true},{"title":"Blue \/ M","offer_id":46613371977895,"sku":null,"price":20.15,"currency_code":"USD","in_stock":true},{"title":"Blue \/ L","offer_id":46613372010663,"sku":null,"price":20.15,"currency_code":"USD","in_stock":true},{"title":"Blue \/ XL","offer_id":46613372043431,"sku":null,"price":20.15,"currency_code":"USD","in_stock":true},{"title":"Blue \/ 2XL","offer_id":46613372076199,"sku":null,"price":21.65,"currency_code":"USD","in_stock":true},{"title":"Blue \/ 3XL","offer_id":46613372108967,"sku":null,"price":22.15,"currency_code":"USD","in_stock":true},{"title":"Blue \/ 4XL","offer_id":46613372141735,"sku":null,"price":22.15,"currency_code":"USD","in_stock":true},{"title":"Red \/ S","offer_id":46613372469415,"sku":null,"price":20.15,"currency_code":"USD","in_stock":true},{"title":"Red \/ M","offer_id":46613372502183,"sku":null,"price":20.15,"currency_code":"USD","in_stock":true},{"title":"Red \/ L","offer_id":46613372534951,"sku":null,"price":20.15,"currency_code":"USD","in_stock":true},{"title":"Red \/ XL","offer_id":46613372567719,"sku":null,"price":20.15,"currency_code":"USD","in_stock":true},{"title":"Red \/ 2XL","offer_id":46613372600487,"sku":null,"price":21.65,"currency_code":"USD","in_stock":true},{"title":"Red \/ 3XL","offer_id":46613372633255,"sku":null,"price":22.15,"currency_code":"USD","in_stock":true},{"title":"Red \/ 4XL","offer_id":46613372666023,"sku":null,"price":22.15,"currency_code":"USD","in_stock":true},{"title":"Green \/ S","offer_id":46748243263655,"sku":null,"price":20.15,"currency_code":"USD","in_stock":true},{"title":"Green \/ M","offer_id":46748243296423,"sku":null,"price":20.15,"currency_code":"USD","in_stock":true},{"title":"Green \/ L","offer_id":46748243329191,"sku":null,"price":20.15,"currency_code":"USD","in_stock":true},{"title":"Green \/ XL","offer_id":46748243361959,"sku":null,"price":20.15,"currency_code":"USD","in_stock":true},{"title":"Green \/ 2XL","offer_id":46748243394727,"sku":null,"price":20.15,"currency_code":"USD","in_stock":true},{"title":"Green \/ 3XL","offer_id":46748243427495,"sku":null,"price":20.15,"currency_code":"USD","in_stock":false},{"title":"Green \/ 4XL","offer_id":46748243460263,"sku":null,"price":20.15,"currency_code":"USD","in_stock":false},{"title":"Athletic Maroon \/ S","offer_id":46748243493031,"sku":null,"price":20.15,"currency_code":"USD","in_stock":true},{"title":"Athletic Maroon \/ M","offer_id":46748243525799,"sku":null,"price":20.15,"currency_code":"USD","in_stock":true},{"title":"Athletic Maroon \/ L","offer_id":46748243558567,"sku":null,"price":20.15,"currency_code":"USD","in_stock":true},{"title":"Athletic Maroon \/ XL","offer_id":46748243591335,"sku":null,"price":20.15,"currency_code":"USD","in_stock":true},{"title":"Athletic Maroon \/ 2XL","offer_id":46748243624103,"sku":null,"price":20.15,"currency_code":"USD","in_stock":true},{"title":"Athletic Maroon \/ 3XL","offer_id":46748243656871,"sku":null,"price":20.15,"currency_code":"USD","in_stock":true},{"title":"Athletic Maroon \/ 4XL","offer_id":46748243689639,"sku":null,"price":20.15,"currency_code":"USD","in_stock":true},{"title":"carolina blue \/ S","offer_id":46748243722407,"sku":null,"price":20.15,"currency_code":"USD","in_stock":true},{"title":"carolina blue \/ M","offer_id":46748243755175,"sku":null,"price":20.15,"currency_code":"USD","in_stock":true},{"title":"carolina blue \/ L","offer_id":46748243787943,"sku":null,"price":20.15,"currency_code":"USD","in_stock":true},{"title":"carolina blue \/ XL","offer_id":46748243820711,"sku":null,"price":20.15,"currency_code":"USD","in_stock":true},{"title":"carolina blue \/ 2XL","offer_id":46748243853479,"sku":null,"price":20.15,"currency_code":"USD","in_stock":true},{"title":"carolina blue \/ 3XL","offer_id":46748243886247,"sku":null,"price":20.15,"currency_code":"USD","in_stock":true},{"title":"carolina blue \/ 4XL","offer_id":46748243919015,"sku":null,"price":20.15,"currency_code":"USD","in_stock":true},{"title":"Yellow \/ S","offer_id":46748243951783,"sku":null,"price":20.15,"currency_code":"USD","in_stock":true},{"title":"Yellow \/ M","offer_id":46748243984551,"sku":null,"price":20.15,"currency_code":"USD","in_stock":true},{"title":"Yellow \/ L","offer_id":46748244017319,"sku":null,"price":20.15,"currency_code":"USD","in_stock":true},{"title":"Yellow \/ XL","offer_id":46748244050087,"sku":null,"price":20.15,"currency_code":"USD","in_stock":true},{"title":"Yellow \/ 2XL","offer_id":46748244082855,"sku":null,"price":20.15,"currency_code":"USD","in_stock":true},{"title":"Yellow \/ 3XL","offer_id":46748244115623,"sku":null,"price":20.15,"currency_code":"USD","in_stock":true},{"title":"Yellow \/ 4XL","offer_id":46748244148391,"sku":null,"price":20.15,"currency_code":"USD","in_stock":true},{"title":"Orange \/ S","offer_id":46748244181159,"sku":null,"price":20.15,"currency_code":"USD","in_stock":true},{"title":"Orange \/ M","offer_id":46748244213927,"sku":null,"price":20.15,"currency_code":"USD","in_stock":true},{"title":"Orange \/ L","offer_id":46748244246695,"sku":null,"price":20.15,"currency_code":"USD","in_stock":true},{"title":"Orange \/ XL","offer_id":46748244279463,"sku":null,"price":20.15,"currency_code":"USD","in_stock":true},{"title":"Orange \/ 2XL","offer_id":46748244312231,"sku":null,"price":20.15,"currency_code":"USD","in_stock":true},{"title":"Orange \/ 3XL","offer_id":46748244344999,"sku":null,"price":20.15,"currency_code":"USD","in_stock":true},{"title":"Orange \/ 4XL","offer_id":46748244377767,"sku":null,"price":20.15,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0684\/2656\/3751\/files\/WhiteFront.webp?v=1747256377"},{"product_id":"gildan-heavy-cotton-100-cotton-t-shirt","title":"T-Shirt Gildan - Heavy Cotton 100% Cotton","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        \/* Scoped styles with unique prefix to avoid conflicts *\/\n        .custom-product-wrapper {\n            \/* Color variables from logo *\/\n            --primary-blue: #1E3A8A;\n            --secondary-blue: #3B5998;\n            --light-blue: #60A5FA;\n            --white: #FFFFFF;\n            --gray-light: #F3F4F6;\n            --gray-dark: #374151;\n            --accent-blue: #2563EB;\n        }\n\n        \/* Reset for this component only *\/\n        .custom-product-wrapper * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        \/* Main container - isolated from page *\/\n        .custom-product-wrapper {\n            width: 100%;\n            margin: 0 auto;\n            padding: 20px 10px;\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n            background: linear-gradient(135deg, var(--gray-light) 0%, var(--white) 100%);\n            position: relative;\n            z-index: 1;\n        }\n\n        \/* Inner container for max-width *\/\n        .custom-product-inner {\n            max-width: 1200px;\n            margin: 0 auto;\n        }\n\n        \/* Main header *\/\n        .custom-main-header {\n            text-align: center;\n            margin-bottom: 30px;\n            animation: slideDown 0.8s ease-out;\n        }\n\n        .custom-main-header h1 {\n            color: var(--primary-blue);\n            font-size: 1.8rem;\n            margin-bottom: 10px;\n            position: relative;\n            display: inline-block;\n            transition: all 0.3s ease;\n            cursor: pointer;\n            word-break: break-word;\n        }\n\n        .custom-main-header h1:hover {\n            transform: scale(1.05);\n            color: var(--accent-blue);\n        }\n\n        .custom-main-header h1::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 0;\n            height: 3px;\n            background: var(--accent-blue);\n            animation: expandLine 1s ease-out 0.5s forwards;\n        }\n\n        \/* Info card *\/\n        .custom-info-card {\n            background: var(--white);\n            border-radius: 15px;\n            padding: 35px;\n            margin-bottom: 30px;\n            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n            transform: translateY(20px);\n            opacity: 0;\n            animation: fadeInUp 0.6s ease-out 0.3s forwards;\n            position: relative;\n            overflow: hidden;\n            transition: all 0.3s ease;\n            cursor: pointer;\n        }\n\n        .custom-info-card:hover {\n            transform: scale(1.03) translateY(0);\n            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);\n        }\n\n        .custom-info-card::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: -100%;\n            width: 100%;\n            height: 100%;\n            background: linear-gradient(90deg, transparent, rgba(37, 99, 235, 0.05), transparent);\n            animation: shimmer 3s infinite;\n        }\n\n        .custom-info-card h2 {\n            color: var(--primary-blue);\n            font-size: 2rem;\n            margin-bottom: 20px;\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            transition: all 0.3s ease;\n            word-break: break-word;\n            font-weight: 600;\n        }\n\n        .custom-info-card:hover h2 {\n            color: var(--accent-blue);\n            transform: scale(1.02);\n        }\n\n        .custom-icon {\n            min-width: 35px;\n            width: 35px;\n            height: 35px;\n            background: var(--light-blue);\n            border-radius: 50%;\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            animation: pulse 2s infinite;\n            font-size: 1.2rem;\n        }\n\n        \/* Specifications list *\/\n        .custom-specs-list {\n            list-style: none;\n            padding: 0;\n        }\n\n        .custom-specs-list li {\n            padding: 16px 24px;\n            margin-bottom: 14px;\n            background: var(--gray-light);\n            border-radius: 10px;\n            border-left: 4px solid var(--accent-blue);\n            transform: translateX(20px);\n            opacity: 0;\n            animation: slideFromLeft 0.5s ease-out forwards;\n            transition: all 0.3s ease;\n            position: relative;\n            font-size: 1.15rem;\n            line-height: 1.7;\n            word-break: break-word;\n            font-weight: 500;\n        }\n\n        .custom-specs-list li:nth-child(1) { animation-delay: 0.1s; }\n        .custom-specs-list li:nth-child(2) { animation-delay: 0.2s; }\n        .custom-specs-list li:nth-child(3) { animation-delay: 0.3s; }\n        .custom-specs-list li:nth-child(4) { animation-delay: 0.4s; }\n        .custom-specs-list li:nth-child(5) { animation-delay: 0.5s; }\n        .custom-specs-list li:nth-child(6) { animation-delay: 0.6s; }\n        .custom-specs-list li:nth-child(7) { animation-delay: 0.7s; }\n        .custom-specs-list li:nth-child(8) { animation-delay: 0.8s; }\n\n        .custom-specs-list li:hover {\n            transform: translateX(-5px);\n            background: var(--white);\n            box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);\n        }\n\n        .custom-specs-list li::before {\n            content: '✓';\n            position: absolute;\n            left: -12px;\n            top: 50%;\n            transform: translateY(-50%);\n            width: 24px;\n            height: 24px;\n            background: var(--accent-blue);\n            color: var(--white);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-weight: bold;\n            font-size: 0.7rem;\n        }\n\n        \/* Paragraph styling *\/\n        .custom-info-paragraph {\n            line-height: 1.8;\n            color: var(--gray-dark);\n            transition: all 0.3s ease;\n            font-size: 1.15rem;\n            word-break: break-word;\n            font-weight: 400;\n        }\n\n        .custom-info-card:hover .custom-info-paragraph {\n            color: var(--primary-blue);\n        }\n\n        \/* Notes section *\/\n        .custom-notes-section {\n            background: linear-gradient(135deg, var(--primary-blue), var(--secondary-blue));\n            color: var(--white);\n            padding: 35px;\n            border-radius: 15px;\n            margin-top: 40px;\n            transform: scale(0.9);\n            opacity: 0;\n            animation: scaleIn 0.7s ease-out 0.8s forwards;\n            transition: all 0.3s ease;\n            cursor: pointer;\n        }\n\n        .custom-notes-section:hover {\n            transform: scale(1.02);\n            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);\n        }\n\n        .custom-notes-section h3 {\n            font-size: 1.7rem;\n            margin-bottom: 15px;\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            word-break: break-word;\n            font-weight: 600;\n        }\n\n        .custom-note-content {\n            background: rgba(255, 255, 255, 0.1);\n            padding: 20px;\n            border-radius: 10px;\n            backdrop-filter: blur(10px);\n            line-height: 1.8;\n            transition: all 0.3s ease;\n            font-size: 1.1rem;\n            font-weight: 400;\n        }\n\n        .custom-notes-section:hover .custom-note-content {\n            background: rgba(255, 255, 255, 0.15);\n        }\n\n        \/* Progress bar *\/\n        .custom-progress-bar {\n            height: 3px;\n            background: var(--gray-light);\n            border-radius: 2px;\n            margin: 15px 0;\n            overflow: hidden;\n        }\n\n        .custom-progress-fill {\n            height: 100%;\n            background: linear-gradient(90deg, var(--accent-blue), var(--light-blue));\n            width: 0;\n            animation: fillProgress 2s ease-out 1s forwards;\n        }\n\n        \/* Media queries for responsive design *\/\n        @media (max-width: 768px) {\n            .custom-product-wrapper {\n                padding: 20px 10px;\n            }\n\n            .custom-main-header h1 {\n                font-size: 1.8rem;\n            }\n\n            .custom-info-card {\n                padding: 20px;\n                margin-bottom: 20px;\n            }\n\n            .custom-info-card h2 {\n                font-size: 1.4rem;\n            }\n\n            .custom-specs-list li {\n                padding: 14px 18px;\n                font-size: 1rem;\n                margin-bottom: 12px;\n            }\n\n            .custom-notes-section {\n                padding: 20px;\n            }\n\n            .custom-notes-section h3 {\n                font-size: 1.3rem;\n            }\n\n            .custom-note-content {\n                font-size: 1rem;\n                padding: 18px;\n            }\n\n            .custom-icon {\n                min-width: 30px;\n                width: 30px;\n                height: 30px;\n                font-size: 1rem;\n            }\n\n            .custom-specs-list li::before {\n                width: 26px;\n                height: 26px;\n                font-size: 0.8rem;\n                left: -13px;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .custom-product-wrapper {\n                padding: 15px 8px;\n            }\n\n            .custom-main-header h1 {\n                font-size: 1.6rem;\n                line-height: 1.3;\n            }\n\n            .custom-info-card {\n                padding: 18px;\n                margin-bottom: 18px;\n            }\n\n            .custom-info-card h2 {\n                font-size: 1.25rem;\n                gap: 10px;\n            }\n\n            .custom-icon {\n                min-width: 28px;\n                width: 28px;\n                height: 28px;\n                font-size: 0.95rem;\n            }\n\n            .custom-specs-list li {\n                padding: 12px 16px;\n                font-size: 0.95rem;\n                line-height: 1.6;\n            }\n\n            .custom-specs-list li::before {\n                width: 24px;\n                height: 24px;\n                font-size: 0.75rem;\n                left: -12px;\n            }\n\n            .custom-notes-section {\n                padding: 18px;\n                margin-top: 25px;\n            }\n\n            .custom-notes-section h3 {\n                font-size: 1.2rem;\n            }\n\n            .custom-note-content {\n                padding: 16px;\n                font-size: 0.95rem;\n                line-height: 1.7;\n            }\n\n            .custom-info-paragraph {\n                font-size: 0.95rem;\n                line-height: 1.7;\n            }\n        }\n\n        \/* Animations *\/\n        @keyframes slideDown {\n            from {\n                transform: translateY(-30px);\n                opacity: 0;\n            }\n            to {\n                transform: translateY(0);\n                opacity: 1;\n            }\n        }\n\n        @keyframes fadeInUp {\n            to {\n                transform: translateY(0);\n                opacity: 1;\n            }\n        }\n\n        @keyframes slideFromLeft {\n            to {\n                transform: translateX(0);\n                opacity: 1;\n            }\n        }\n\n        @keyframes scaleIn {\n            to {\n                transform: scale(1);\n                opacity: 1;\n            }\n        }\n\n        @keyframes expandLine {\n            to {\n                width: 60px;\n            }\n        }\n\n        @keyframes pulse {\n            0%, 100% {\n                transform: scale(1);\n            }\n            50% {\n                transform: scale(1.05);\n            }\n        }\n\n        @keyframes shimmer {\n            100% {\n                left: 100%;\n            }\n        }\n\n        @keyframes fillProgress {\n            to {\n                width: 100%;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"custom-product-wrapper\"\u003e\n\u003cdiv class=\"custom-product-inner\"\u003e\n\u003c!-- Main header --\u003e\n\u003cdiv class=\"custom-main-header\"\u003e\n\u003ch1\u003ePremium Product Specifications\u003c\/h1\u003e\n\u003cdiv class=\"custom-progress-bar\"\u003e\n\u003cdiv class=\"custom-progress-fill\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Product details card --\u003e\n\u003cdiv class=\"custom-info-card\"\u003e\n\u003ch2\u003e\n\u003cspan class=\"custom-icon\"\u003e📃\u003c\/span\u003e Product Details\u003c\/h2\u003e\n\u003cul class=\"custom-specs-list\"\u003e\n\u003cli\u003e5.3-ounce, 100% US cotton\u003c\/li\u003e\n\u003cli\u003e99\/1 cotton\/poly (Ash)\u003c\/li\u003e\n\u003cli\u003e90\/10 cotton\/poly (Sport Grey, Antique Cherry Red, Antique Irish Green, Antique Jade Dome, Antique Orange, Antique Sapphire)\u003c\/li\u003e\n\u003cli\u003e50\/50 cotton\/poly (Blackberry, Dark Heather, Heather Military Green, Heather Navy, Heather Radiant Orchid, Heather Red, Heather Sapphire, Lilac, Midnight, Neon Blue, Neon Green, Russet, Sunset, Tweed, Safety Green, Safety Orange, Safety Pink, Graphite Heather)\u003c\/li\u003e\n\u003cli\u003eNon-topstitched, classic width, rib collar\u003c\/li\u003e\n\u003cli\u003eTaped neck and shoulders\u003c\/li\u003e\n\u003cli\u003eClassic fit, seamless body\u003c\/li\u003e\n\u003cli\u003eRecycled, high-performing black tear-away label\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- Special features card --\u003e\n\u003cdiv class=\"custom-info-card\"\u003e\n\u003ch2\u003e\n\u003cspan class=\"custom-icon\"\u003e🏷️\u003c\/span\u003e Special Features\u003c\/h2\u003e\n\u003cp class=\"custom-info-paragraph\"\u003ePlease note: This product is transitioning from tear-away labels to recycled, high-performing black tear-away labels. Your order may contain a combination of both labels.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Notes section --\u003e\n\u003cdiv class=\"custom-notes-section\"\u003e\n\u003ch3\u003e\n\u003cspan class=\"custom-icon\" style=\"background: rgba(255,255,255,0.2);\"\u003e⚠️\u003c\/span\u003e Important Note\u003c\/h3\u003e\n\u003cdiv class=\"custom-note-content\"\u003eDue to the nature of 50\/50 cotton\/poly neon fabrics, special care must be taken throughout the printing process.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Hidden tags - keeping original IDs --\u003e\n\u003cdiv style=\"display: none;\"\u003e\n\u003cdiv id=\"zakeke-product-tag\" data-product-id=\"8516418044071\" data-enviroment=\"Customizer\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Gildan","offers":[{"title":"Red \/ S","offer_id":46747149402279,"sku":"","price":20.37,"currency_code":"USD","in_stock":true},{"title":"Red \/ M","offer_id":46747149435047,"sku":"","price":20.37,"currency_code":"USD","in_stock":true},{"title":"Red \/ L","offer_id":46747149467815,"sku":"","price":20.37,"currency_code":"USD","in_stock":true},{"title":"Red \/ XL","offer_id":46747149500583,"sku":"","price":20.37,"currency_code":"USD","in_stock":true},{"title":"Red \/ 2XL","offer_id":46747149533351,"sku":"","price":20.37,"currency_code":"USD","in_stock":true},{"title":"Red \/ 3XL","offer_id":46747149566119,"sku":"","price":20.37,"currency_code":"USD","in_stock":true},{"title":"Red \/ 4XL","offer_id":46747149598887,"sku":"","price":20.37,"currency_code":"USD","in_stock":true},{"title":"Black \/ S","offer_id":46748161245351,"sku":null,"price":20.37,"currency_code":"USD","in_stock":true},{"title":"Black \/ M","offer_id":46748161278119,"sku":null,"price":20.37,"currency_code":"USD","in_stock":true},{"title":"Black \/ L","offer_id":46748161310887,"sku":null,"price":20.37,"currency_code":"USD","in_stock":true},{"title":"Black \/ XL","offer_id":46748161343655,"sku":null,"price":20.37,"currency_code":"USD","in_stock":true},{"title":"Black \/ 2XL","offer_id":46748161376423,"sku":null,"price":20.37,"currency_code":"USD","in_stock":true},{"title":"Black \/ 3XL","offer_id":46748161409191,"sku":null,"price":20.37,"currency_code":"USD","in_stock":true},{"title":"Black \/ 4XL","offer_id":46748161441959,"sku":null,"price":20.37,"currency_code":"USD","in_stock":true},{"title":"carolina blue \/ S","offer_id":46748161474727,"sku":null,"price":20.37,"currency_code":"USD","in_stock":true},{"title":"carolina blue \/ M","offer_id":46748161507495,"sku":null,"price":20.37,"currency_code":"USD","in_stock":true},{"title":"carolina blue \/ L","offer_id":46748161540263,"sku":null,"price":20.37,"currency_code":"USD","in_stock":true},{"title":"carolina blue \/ XL","offer_id":46748161573031,"sku":null,"price":20.37,"currency_code":"USD","in_stock":true},{"title":"carolina blue \/ 2XL","offer_id":46748161605799,"sku":null,"price":20.37,"currency_code":"USD","in_stock":true},{"title":"carolina blue \/ 3XL","offer_id":46748161638567,"sku":null,"price":20.37,"currency_code":"USD","in_stock":true},{"title":"carolina blue \/ 4XL","offer_id":46748161671335,"sku":null,"price":20.37,"currency_code":"USD","in_stock":true},{"title":"Gold \/ S","offer_id":46748161704103,"sku":null,"price":20.37,"currency_code":"USD","in_stock":true},{"title":"Gold \/ M","offer_id":46748161736871,"sku":null,"price":20.37,"currency_code":"USD","in_stock":true},{"title":"Gold \/ L","offer_id":46748161769639,"sku":null,"price":20.37,"currency_code":"USD","in_stock":true},{"title":"Gold \/ XL","offer_id":46748161802407,"sku":null,"price":20.37,"currency_code":"USD","in_stock":true},{"title":"Gold \/ 2XL","offer_id":46748161835175,"sku":null,"price":20.37,"currency_code":"USD","in_stock":true},{"title":"Gold \/ 3XL","offer_id":46748161867943,"sku":null,"price":20.37,"currency_code":"USD","in_stock":true},{"title":"Gold \/ 4XL","offer_id":46748161900711,"sku":null,"price":20.37,"currency_code":"USD","in_stock":true},{"title":"Green \/ S","offer_id":46748161933479,"sku":null,"price":20.37,"currency_code":"USD","in_stock":true},{"title":"Green \/ M","offer_id":46748161966247,"sku":null,"price":20.37,"currency_code":"USD","in_stock":true},{"title":"Green \/ L","offer_id":46748161999015,"sku":null,"price":20.37,"currency_code":"USD","in_stock":true},{"title":"Green \/ XL","offer_id":46748162031783,"sku":null,"price":20.37,"currency_code":"USD","in_stock":true},{"title":"Green \/ 2XL","offer_id":46748162064551,"sku":null,"price":20.37,"currency_code":"USD","in_stock":true},{"title":"Green \/ 3XL","offer_id":46748162097319,"sku":null,"price":20.37,"currency_code":"USD","in_stock":true},{"title":"Green \/ 4XL","offer_id":46748162130087,"sku":null,"price":20.37,"currency_code":"USD","in_stock":true},{"title":"Medium Grey \/ S","offer_id":46748162162855,"sku":null,"price":20.37,"currency_code":"USD","in_stock":true},{"title":"Medium Grey \/ M","offer_id":46748162195623,"sku":null,"price":20.37,"currency_code":"USD","in_stock":true},{"title":"Medium Grey \/ L","offer_id":46748162228391,"sku":null,"price":20.37,"currency_code":"USD","in_stock":true},{"title":"Medium Grey \/ XL","offer_id":46748162261159,"sku":null,"price":20.37,"currency_code":"USD","in_stock":true},{"title":"Medium Grey \/ 2XL","offer_id":46748162293927,"sku":null,"price":20.37,"currency_code":"USD","in_stock":true},{"title":"Medium Grey \/ 3XL","offer_id":46748162326695,"sku":null,"price":20.37,"currency_code":"USD","in_stock":true},{"title":"Medium Grey \/ 4XL","offer_id":46748162359463,"sku":null,"price":20.37,"currency_code":"USD","in_stock":true},{"title":"Athletic Maroon \/ S","offer_id":46748162392231,"sku":null,"price":20.37,"currency_code":"USD","in_stock":true},{"title":"Athletic Maroon \/ M","offer_id":46748162424999,"sku":null,"price":20.37,"currency_code":"USD","in_stock":true},{"title":"Athletic Maroon \/ L","offer_id":46748162457767,"sku":null,"price":20.37,"currency_code":"USD","in_stock":true},{"title":"Athletic Maroon \/ XL","offer_id":46748162490535,"sku":null,"price":20.37,"currency_code":"USD","in_stock":true},{"title":"Athletic Maroon \/ 2XL","offer_id":46748162523303,"sku":null,"price":20.37,"currency_code":"USD","in_stock":true},{"title":"Athletic Maroon \/ 3XL","offer_id":46748162556071,"sku":null,"price":20.37,"currency_code":"USD","in_stock":true},{"title":"Athletic Maroon \/ 4XL","offer_id":46748162588839,"sku":null,"price":20.37,"currency_code":"USD","in_stock":true},{"title":"Navy \/ S","offer_id":46748162621607,"sku":null,"price":20.37,"currency_code":"USD","in_stock":true},{"title":"Navy \/ M","offer_id":46748162654375,"sku":null,"price":20.37,"currency_code":"USD","in_stock":true},{"title":"Navy \/ L","offer_id":46748162687143,"sku":null,"price":20.37,"currency_code":"USD","in_stock":true},{"title":"Navy \/ XL","offer_id":46748162719911,"sku":null,"price":20.37,"currency_code":"USD","in_stock":true},{"title":"Navy \/ 2XL","offer_id":46748162752679,"sku":null,"price":20.37,"currency_code":"USD","in_stock":true},{"title":"Navy \/ 3XL","offer_id":46748162785447,"sku":null,"price":20.37,"currency_code":"USD","in_stock":true},{"title":"Navy \/ 4XL","offer_id":46748162818215,"sku":null,"price":20.37,"currency_code":"USD","in_stock":true},{"title":"Orange \/ S","offer_id":46748162850983,"sku":null,"price":20.37,"currency_code":"USD","in_stock":true},{"title":"Orange \/ M","offer_id":46748162883751,"sku":null,"price":20.37,"currency_code":"USD","in_stock":true},{"title":"Orange \/ L","offer_id":46748162916519,"sku":null,"price":20.37,"currency_code":"USD","in_stock":true},{"title":"Orange \/ XL","offer_id":46748162949287,"sku":null,"price":20.37,"currency_code":"USD","in_stock":true},{"title":"Orange \/ 2XL","offer_id":46748162982055,"sku":null,"price":20.37,"currency_code":"USD","in_stock":true},{"title":"Orange \/ 3XL","offer_id":46748163014823,"sku":null,"price":20.37,"currency_code":"USD","in_stock":true},{"title":"Orange \/ 4XL","offer_id":46748163047591,"sku":null,"price":20.37,"currency_code":"USD","in_stock":true},{"title":"Neon Pink \/ S","offer_id":46748163080359,"sku":null,"price":20.37,"currency_code":"USD","in_stock":true},{"title":"Neon Pink \/ M","offer_id":46748163113127,"sku":null,"price":20.37,"currency_code":"USD","in_stock":true},{"title":"Neon Pink \/ L","offer_id":46748163145895,"sku":null,"price":20.37,"currency_code":"USD","in_stock":true},{"title":"Neon Pink \/ XL","offer_id":46748163178663,"sku":null,"price":20.37,"currency_code":"USD","in_stock":true},{"title":"Neon Pink \/ 2XL","offer_id":46748163211431,"sku":null,"price":20.37,"currency_code":"USD","in_stock":true},{"title":"Neon Pink \/ 3XL","offer_id":46748163244199,"sku":null,"price":20.37,"currency_code":"USD","in_stock":true},{"title":"Neon Pink \/ 4XL","offer_id":46748163276967,"sku":null,"price":20.37,"currency_code":"USD","in_stock":true},{"title":"Royal blue \/ S","offer_id":46748163309735,"sku":null,"price":20.37,"currency_code":"USD","in_stock":true},{"title":"Royal blue \/ M","offer_id":46748163342503,"sku":null,"price":20.37,"currency_code":"USD","in_stock":true},{"title":"Royal blue \/ L","offer_id":46748163375271,"sku":null,"price":20.37,"currency_code":"USD","in_stock":true},{"title":"Royal blue \/ XL","offer_id":46748163408039,"sku":null,"price":20.37,"currency_code":"USD","in_stock":true},{"title":"Royal blue \/ 2XL","offer_id":46748163440807,"sku":null,"price":20.37,"currency_code":"USD","in_stock":true},{"title":"Royal blue \/ 3XL","offer_id":46748163473575,"sku":null,"price":20.37,"currency_code":"USD","in_stock":true},{"title":"Royal blue \/ 4XL","offer_id":46748163506343,"sku":null,"price":20.37,"currency_code":"USD","in_stock":true},{"title":"White \/ S","offer_id":46748163539111,"sku":null,"price":20.37,"currency_code":"USD","in_stock":true},{"title":"White \/ M","offer_id":46748163571879,"sku":null,"price":20.37,"currency_code":"USD","in_stock":true},{"title":"White \/ L","offer_id":46748163604647,"sku":null,"price":20.37,"currency_code":"USD","in_stock":true},{"title":"White \/ XL","offer_id":46748163637415,"sku":null,"price":20.37,"currency_code":"USD","in_stock":true},{"title":"White \/ 2XL","offer_id":46748163670183,"sku":null,"price":20.37,"currency_code":"USD","in_stock":true},{"title":"White \/ 3XL","offer_id":46748163702951,"sku":null,"price":20.37,"currency_code":"USD","in_stock":true},{"title":"White \/ 4XL","offer_id":46748163735719,"sku":null,"price":20.37,"currency_code":"USD","in_stock":true},{"title":"Yellow \/ S","offer_id":46748163768487,"sku":null,"price":20.37,"currency_code":"USD","in_stock":true},{"title":"Yellow \/ M","offer_id":46748163801255,"sku":null,"price":20.37,"currency_code":"USD","in_stock":true},{"title":"Yellow \/ L","offer_id":46748163834023,"sku":null,"price":20.37,"currency_code":"USD","in_stock":true},{"title":"Yellow \/ XL","offer_id":46748163866791,"sku":null,"price":20.37,"currency_code":"USD","in_stock":true},{"title":"Yellow \/ 2XL","offer_id":46748163899559,"sku":null,"price":20.37,"currency_code":"USD","in_stock":true},{"title":"Yellow \/ 3XL","offer_id":46748163932327,"sku":null,"price":20.37,"currency_code":"USD","in_stock":true},{"title":"Yellow \/ 4XL","offer_id":46748163965095,"sku":null,"price":20.37,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0684\/2656\/3751\/files\/Gildan-HeavyCotton100_CottonT-Shirt.webp?v=1747256742"},{"product_id":"port-company-core-fleece-pullover-hoodie","title":"Hoodie Port \u0026 Company Core Fleece Pullover","description":"\u003cbody\u003e\n\n\n    \u003cmeta charset=\"UTF-8\"\u003e\n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n    \u003ctitle\u003eProduct Specifications\u003c\/title\u003e\n    \u003cstyle\u003e\n        \/* Scoped styles with unique prefix to avoid conflicts *\/\n        .custom-product-wrapper {\n            \/* Color variables from logo *\/\n            --primary-blue: #1E3A8A;\n            --secondary-blue: #3B5998;\n            --light-blue: #60A5FA;\n            --white: #FFFFFF;\n            --gray-light: #F3F4F6;\n            --gray-dark: #374151;\n            --accent-blue: #2563EB;\n        }\n\n        \/* Reset for this component only *\/\n        .custom-product-wrapper * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        \/* Main container - isolated from page *\/\n        .custom-product-wrapper {\n            width: 100%;\n            margin: 0 auto;\n            padding: 20px 10px;\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n            background: linear-gradient(135deg, var(--gray-light) 0%, var(--white) 100%);\n            position: relative;\n            z-index: 1;\n        }\n\n        \/* Inner container for max-width *\/\n        .custom-product-inner {\n            max-width: 1200px;\n            margin: 0 auto;\n        }\n\n        \/* Main header *\/\n        .custom-main-header {\n            text-align: center;\n            margin-bottom: 30px;\n            animation: slideDown 0.8s ease-out;\n        }\n\n        .custom-main-header h1 {\n            color: var(--primary-blue);\n            font-size: 1.8rem;\n            margin-bottom: 10px;\n            position: relative;\n            display: inline-block;\n            transition: all 0.3s ease;\n            cursor: pointer;\n            word-break: break-word;\n        }\n\n        .custom-main-header h1:hover {\n            transform: scale(1.05);\n            color: var(--accent-blue);\n        }\n\n        .custom-main-header h1::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 0;\n            height: 3px;\n            background: var(--accent-blue);\n            animation: expandLine 1s ease-out 0.5s forwards;\n        }\n\n        \/* Info card *\/\n        .custom-info-card {\n            background: var(--white);\n            border-radius: 15px;\n            padding: 35px;\n            margin-bottom: 30px;\n            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n            transform: translateY(20px);\n            opacity: 0;\n            animation: fadeInUp 0.6s ease-out 0.3s forwards;\n            position: relative;\n            overflow: hidden;\n            transition: all 0.3s ease;\n            cursor: pointer;\n        }\n\n        .custom-info-card:hover {\n            transform: scale(1.03) translateY(0);\n            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);\n        }\n\n        .custom-info-card::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: -100%;\n            width: 100%;\n            height: 100%;\n            background: linear-gradient(90deg, transparent, rgba(37, 99, 235, 0.05), transparent);\n            animation: shimmer 3s infinite;\n        }\n\n        .custom-info-card h2 {\n            color: var(--primary-blue);\n            font-size: 2rem;\n            margin-bottom: 20px;\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            transition: all 0.3s ease;\n            word-break: break-word;\n            font-weight: 600;\n        }\n\n        .custom-info-card:hover h2 {\n            color: var(--accent-blue);\n            transform: scale(1.02);\n        }\n\n        .custom-icon {\n            min-width: 35px;\n            width: 35px;\n            height: 35px;\n            background: var(--light-blue);\n            border-radius: 50%;\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            animation: pulse 2s infinite;\n            font-size: 1.2rem;\n        }\n\n        \/* Specifications list *\/\n        .custom-specs-list {\n            list-style: none;\n            padding: 0;\n        }\n\n        .custom-specs-list li {\n            padding: 16px 24px;\n            margin-bottom: 14px;\n            background: var(--gray-light);\n            border-radius: 10px;\n            border-left: 4px solid var(--accent-blue);\n            transform: translateX(20px);\n            opacity: 0;\n            animation: slideFromLeft 0.5s ease-out forwards;\n            transition: all 0.3s ease;\n            position: relative;\n            font-size: 1.15rem;\n            line-height: 1.7;\n            word-break: break-word;\n            font-weight: 500;\n        }\n\n        .custom-specs-list li:nth-child(1) { animation-delay: 0.1s; }\n        .custom-specs-list li:nth-child(2) { animation-delay: 0.2s; }\n        .custom-specs-list li:nth-child(3) { animation-delay: 0.3s; }\n\n        .custom-specs-list li:hover {\n            transform: translateX(-5px);\n            background: var(--white);\n            box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);\n        }\n\n        .custom-specs-list li::before {\n            content: '✓';\n            position: absolute;\n            left: -12px;\n            top: 50%;\n            transform: translateY(-50%);\n            width: 24px;\n            height: 24px;\n            background: var(--accent-blue);\n            color: var(--white);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-weight: bold;\n            font-size: 0.7rem;\n        }\n\n        \/* Paragraph styling *\/\n        .custom-info-paragraph {\n            line-height: 1.8;\n            color: var(--gray-dark);\n            transition: all 0.3s ease;\n            font-size: 1.15rem;\n            word-break: break-word;\n            font-weight: 400;\n        }\n\n        .custom-info-card:hover .custom-info-paragraph {\n            color: var(--primary-blue);\n        }\n\n        \/* Notes section *\/\n        .custom-notes-section {\n            background: linear-gradient(135deg, var(--primary-blue), var(--secondary-blue));\n            color: var(--white);\n            padding: 35px;\n            border-radius: 15px;\n            margin-top: 40px;\n            transform: scale(0.9);\n            opacity: 0;\n            animation: scaleIn 0.7s ease-out 0.8s forwards;\n            transition: all 0.3s ease;\n            cursor: pointer;\n        }\n\n        .custom-notes-section:hover {\n            transform: scale(1.02);\n            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);\n        }\n\n        .custom-notes-section h3 {\n            font-size: 1.7rem;\n            margin-bottom: 15px;\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            word-break: break-word;\n            font-weight: 600;\n        }\n\n        .custom-note-content {\n            background: rgba(255, 255, 255, 0.1);\n            padding: 20px;\n            border-radius: 10px;\n            backdrop-filter: blur(10px);\n            line-height: 1.8;\n            transition: all 0.3s ease;\n            font-size: 1.1rem;\n            font-weight: 400;\n        }\n\n        .custom-notes-section:hover .custom-note-content {\n            background: rgba(255, 255, 255, 0.15);\n        }\n\n        \/* Progress bar *\/\n        .custom-progress-bar {\n            height: 3px;\n            background: var(--gray-light);\n            border-radius: 2px;\n            margin: 15px 0;\n            overflow: hidden;\n        }\n\n        .custom-progress-fill {\n            height: 100%;\n            background: linear-gradient(90deg, var(--accent-blue), var(--light-blue));\n            width: 0;\n            animation: fillProgress 2s ease-out 1s forwards;\n        }\n\n        \/* Media queries for responsive design *\/\n        @media (max-width: 768px) {\n            .custom-product-wrapper {\n                padding: 20px 10px;\n            }\n\n            .custom-main-header h1 {\n                font-size: 1.8rem;\n            }\n\n            .custom-info-card {\n                padding: 20px;\n                margin-bottom: 20px;\n            }\n\n            .custom-info-card h2 {\n                font-size: 1.4rem;\n            }\n\n            .custom-specs-list li {\n                padding: 14px 18px;\n                font-size: 1rem;\n                margin-bottom: 12px;\n            }\n\n            .custom-notes-section {\n                padding: 20px;\n            }\n\n            .custom-notes-section h3 {\n                font-size: 1.3rem;\n            }\n\n            .custom-note-content {\n                font-size: 1rem;\n                padding: 18px;\n            }\n\n            .custom-icon {\n                min-width: 30px;\n                width: 30px;\n                height: 30px;\n                font-size: 1rem;\n            }\n\n            .custom-specs-list li::before {\n                width: 26px;\n                height: 26px;\n                font-size: 0.8rem;\n                left: -13px;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .custom-product-wrapper {\n                padding: 15px 8px;\n            }\n\n            .custom-main-header h1 {\n                font-size: 1.6rem;\n                line-height: 1.3;\n            }\n\n            .custom-info-card {\n                padding: 18px;\n                margin-bottom: 18px;\n            }\n\n            .custom-info-card h2 {\n                font-size: 1.25rem;\n                gap: 10px;\n            }\n\n            .custom-icon {\n                min-width: 28px;\n                width: 28px;\n                height: 28px;\n                font-size: 0.95rem;\n            }\n\n            .custom-specs-list li {\n                padding: 12px 16px;\n                font-size: 0.95rem;\n                line-height: 1.6;\n            }\n\n            .custom-specs-list li::before {\n                width: 24px;\n                height: 24px;\n                font-size: 0.75rem;\n                left: -12px;\n            }\n\n            .custom-notes-section {\n                padding: 18px;\n                margin-top: 25px;\n            }\n\n            .custom-notes-section h3 {\n                font-size: 1.2rem;\n            }\n\n            .custom-note-content {\n                padding: 16px;\n                font-size: 0.95rem;\n                line-height: 1.7;\n            }\n\n            .custom-info-paragraph {\n                font-size: 0.95rem;\n                line-height: 1.7;\n            }\n        }\n\n        \/* Animations *\/\n        @keyframes slideDown {\n            from {\n                transform: translateY(-30px);\n                opacity: 0;\n            }\n            to {\n                transform: translateY(0);\n                opacity: 1;\n            }\n        }\n\n        @keyframes fadeInUp {\n            to {\n                transform: translateY(0);\n                opacity: 1;\n            }\n        }\n\n        @keyframes slideFromLeft {\n            to {\n                transform: translateX(0);\n                opacity: 1;\n            }\n        }\n\n        @keyframes scaleIn {\n            to {\n                transform: scale(1);\n                opacity: 1;\n            }\n        }\n\n        @keyframes expandLine {\n            to {\n                width: 60px;\n            }\n        }\n\n        @keyframes pulse {\n            0%, 100% {\n                transform: scale(1);\n            }\n            50% {\n                transform: scale(1.05);\n            }\n        }\n\n        @keyframes shimmer {\n            100% {\n                left: 100%;\n            }\n        }\n\n        @keyframes fillProgress {\n            to {\n                width: 100%;\n            }\n        }\n    \u003c\/style\u003e\n\n\n    \u003cdiv class=\"custom-product-wrapper\"\u003e\n        \u003cdiv class=\"custom-product-inner\"\u003e\n            \u003c!-- Main header --\u003e\n            \u003cdiv class=\"custom-main-header\"\u003e\n                \u003ch1\u003eCozy Sweatshirt Specifications\u003c\/h1\u003e\n                \u003cdiv class=\"custom-progress-bar\"\u003e\n                    \u003cdiv class=\"custom-progress-fill\"\u003e\u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n            \n            \u003c!-- Product details card --\u003e\n            \u003cdiv class=\"custom-info-card\"\u003e\n                \u003ch2\u003e\n                    \u003cspan class=\"custom-icon\"\u003e📃\u003c\/span\u003e Product Details\n                \u003c\/h2\u003e\n                \u003cul class=\"custom-specs-list\"\u003e\n                    \u003cli\u003e7.8-ounce, 50\/50 cotton\/poly fleece\u003c\/li\u003e\n                    \u003cli\u003eAir jet yarn for softness\u003c\/li\u003e\n                    \u003cli\u003eTwo-ply hood\u003c\/li\u003e\n                \u003c\/ul\u003e\n            \u003c\/div\u003e\n            \n            \u003c!-- Special features card --\u003e\n            \u003cdiv class=\"custom-info-card\"\u003e\n                \u003ch2\u003e\n                    \u003cspan class=\"custom-icon\"\u003e🏷️\u003c\/span\u003e Special Features\n                \u003c\/h2\u003e\n                \u003cp class=\"custom-info-paragraph\"\u003e\n                    This cozy sweatshirt is a great core weight, comes in a large size range, offers a wide color selection, and is a classic favorite! With a brand like Port \u0026amp; Company behind it, this hoodie is sure to be a hit for your group.\n                \u003c\/p\u003e\n            \u003c\/div\u003e\n            \n            \u003c!-- Notes section --\u003e\n            \u003cdiv class=\"custom-notes-section\"\u003e\n                \u003ch3\u003e\n                    \u003cspan style=\"background: rgba(255,255,255,0.2);\" class=\"custom-icon\"\u003e⚠️\u003c\/span\u003e Companion Style\n                \u003c\/h3\u003e\n                \u003cdiv class=\"custom-note-content\"\u003e\n                    Looking for a youth companion style for the PC78H? See the PC90YH for the same 7.8-ounce Core Fleece and kid-friendly styling.\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n            \n            \u003c!-- Hidden tags - keeping original IDs --\u003e\n            \u003cdiv style=\"display: none;\"\u003e\n                \u003cdiv data-enviroment=\"Customizer\" data-product-id=\"8516721541287\" id=\"zakeke-product-tag\"\u003e\u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n\u003c\/body\u003e","brand":"Port \u0026 Company","offers":[{"title":"Black \/ S","offer_id":46748346876071,"sku":"","price":38.83,"currency_code":"USD","in_stock":true},{"title":"Black \/ M","offer_id":46748346908839,"sku":"","price":38.83,"currency_code":"USD","in_stock":true},{"title":"Black \/ L","offer_id":46748346941607,"sku":"","price":38.83,"currency_code":"USD","in_stock":true},{"title":"Black \/ XL","offer_id":46748346974375,"sku":"","price":38.83,"currency_code":"USD","in_stock":true},{"title":"Black \/ 3XL","offer_id":46748347007143,"sku":"","price":38.83,"currency_code":"USD","in_stock":true},{"title":"Black \/ 2XL","offer_id":46748347039911,"sku":"","price":38.83,"currency_code":"USD","in_stock":true},{"title":"Black \/ 4XL","offer_id":46748347072679,"sku":"","price":38.83,"currency_code":"USD","in_stock":true},{"title":"Medium Grey \/ S","offer_id":46748347105447,"sku":"","price":38.83,"currency_code":"USD","in_stock":true},{"title":"Medium Grey \/ M","offer_id":46748347138215,"sku":"","price":38.83,"currency_code":"USD","in_stock":true},{"title":"Medium Grey \/ L","offer_id":46748347170983,"sku":"","price":38.83,"currency_code":"USD","in_stock":true},{"title":"Medium Grey \/ XL","offer_id":46748347203751,"sku":"","price":38.83,"currency_code":"USD","in_stock":true},{"title":"Medium Grey \/ 3XL","offer_id":46748347236519,"sku":"","price":38.83,"currency_code":"USD","in_stock":true},{"title":"Medium Grey \/ 2XL","offer_id":46748347269287,"sku":"","price":38.83,"currency_code":"USD","in_stock":true},{"title":"Medium Grey \/ 4XL","offer_id":46748347302055,"sku":"","price":38.83,"currency_code":"USD","in_stock":false},{"title":"Purple \/ S","offer_id":46748347334823,"sku":"","price":38.83,"currency_code":"USD","in_stock":true},{"title":"Purple \/ M","offer_id":46748347367591,"sku":"","price":38.83,"currency_code":"USD","in_stock":true},{"title":"Purple \/ L","offer_id":46748347400359,"sku":"","price":38.83,"currency_code":"USD","in_stock":true},{"title":"Purple \/ XL","offer_id":46748347433127,"sku":"","price":38.83,"currency_code":"USD","in_stock":true},{"title":"Purple \/ 3XL","offer_id":46748347465895,"sku":"","price":38.83,"currency_code":"USD","in_stock":true},{"title":"Purple \/ 2XL","offer_id":46748347498663,"sku":"","price":38.83,"currency_code":"USD","in_stock":true},{"title":"Purple \/ 4XL","offer_id":46748347531431,"sku":"","price":38.83,"currency_code":"USD","in_stock":true},{"title":"Red \/ S","offer_id":46748347564199,"sku":"","price":38.83,"currency_code":"USD","in_stock":true},{"title":"Red \/ M","offer_id":46748347596967,"sku":"","price":38.83,"currency_code":"USD","in_stock":true},{"title":"Red \/ L","offer_id":46748347629735,"sku":"","price":38.83,"currency_code":"USD","in_stock":true},{"title":"Red \/ XL","offer_id":46748347662503,"sku":"","price":38.83,"currency_code":"USD","in_stock":true},{"title":"Red \/ 3XL","offer_id":46748347695271,"sku":"","price":38.83,"currency_code":"USD","in_stock":true},{"title":"Red \/ 2XL","offer_id":46748347728039,"sku":"","price":38.83,"currency_code":"USD","in_stock":true},{"title":"Red \/ 4XL","offer_id":46748347760807,"sku":"","price":38.83,"currency_code":"USD","in_stock":true},{"title":"White \/ S","offer_id":46748347793575,"sku":"","price":38.83,"currency_code":"USD","in_stock":true},{"title":"White \/ M","offer_id":46748347826343,"sku":"","price":38.83,"currency_code":"USD","in_stock":true},{"title":"White \/ L","offer_id":46748347859111,"sku":"","price":38.83,"currency_code":"USD","in_stock":true},{"title":"White \/ XL","offer_id":46748347891879,"sku":"","price":38.83,"currency_code":"USD","in_stock":true},{"title":"White \/ 3XL","offer_id":46748347924647,"sku":"","price":38.83,"currency_code":"USD","in_stock":true},{"title":"White \/ 2XL","offer_id":46748347957415,"sku":"","price":38.83,"currency_code":"USD","in_stock":true},{"title":"White \/ 4XL","offer_id":46748347990183,"sku":"","price":38.83,"currency_code":"USD","in_stock":false},{"title":"Navy \/ S","offer_id":46748633071783,"sku":null,"price":38.83,"currency_code":"USD","in_stock":true},{"title":"Navy \/ M","offer_id":46748633104551,"sku":null,"price":38.83,"currency_code":"USD","in_stock":true},{"title":"Navy \/ L","offer_id":46748633137319,"sku":null,"price":38.83,"currency_code":"USD","in_stock":true},{"title":"Navy \/ XL","offer_id":46748633170087,"sku":null,"price":38.83,"currency_code":"USD","in_stock":true},{"title":"Navy \/ 3XL","offer_id":46748633202855,"sku":null,"price":38.83,"currency_code":"USD","in_stock":true},{"title":"Navy \/ 2XL","offer_id":46748633235623,"sku":null,"price":38.83,"currency_code":"USD","in_stock":true},{"title":"Navy \/ 4XL","offer_id":46748633268391,"sku":null,"price":38.83,"currency_code":"USD","in_stock":true},{"title":"Orange \/ S","offer_id":46748633301159,"sku":null,"price":38.83,"currency_code":"USD","in_stock":true},{"title":"Orange \/ M","offer_id":46748633333927,"sku":null,"price":38.83,"currency_code":"USD","in_stock":true},{"title":"Orange \/ L","offer_id":46748633366695,"sku":null,"price":38.83,"currency_code":"USD","in_stock":true},{"title":"Orange \/ XL","offer_id":46748633399463,"sku":null,"price":38.83,"currency_code":"USD","in_stock":true},{"title":"Orange \/ 3XL","offer_id":46748633432231,"sku":null,"price":38.83,"currency_code":"USD","in_stock":true},{"title":"Orange \/ 2XL","offer_id":46748633464999,"sku":null,"price":38.83,"currency_code":"USD","in_stock":true},{"title":"Orange \/ 4XL","offer_id":46748633497767,"sku":null,"price":38.83,"currency_code":"USD","in_stock":true},{"title":"Pink \/ S","offer_id":46748633530535,"sku":null,"price":38.83,"currency_code":"USD","in_stock":true},{"title":"Pink \/ M","offer_id":46748633563303,"sku":null,"price":38.83,"currency_code":"USD","in_stock":true},{"title":"Pink \/ L","offer_id":46748633596071,"sku":null,"price":38.83,"currency_code":"USD","in_stock":true},{"title":"Pink \/ XL","offer_id":46748633628839,"sku":null,"price":38.83,"currency_code":"USD","in_stock":true},{"title":"Pink \/ 3XL","offer_id":46748633661607,"sku":null,"price":38.83,"currency_code":"USD","in_stock":true},{"title":"Pink \/ 2XL","offer_id":46748633694375,"sku":null,"price":38.83,"currency_code":"USD","in_stock":true},{"title":"Pink \/ 4XL","offer_id":46748633727143,"sku":null,"price":38.83,"currency_code":"USD","in_stock":true},{"title":"Yellow \/ S","offer_id":46748633759911,"sku":null,"price":38.83,"currency_code":"USD","in_stock":true},{"title":"Yellow \/ M","offer_id":46748633792679,"sku":null,"price":38.83,"currency_code":"USD","in_stock":true},{"title":"Yellow \/ L","offer_id":46748633825447,"sku":null,"price":38.83,"currency_code":"USD","in_stock":true},{"title":"Yellow \/ XL","offer_id":46748633858215,"sku":null,"price":38.83,"currency_code":"USD","in_stock":true},{"title":"Yellow \/ 3XL","offer_id":46748633890983,"sku":null,"price":38.83,"currency_code":"USD","in_stock":true},{"title":"Yellow \/ 2XL","offer_id":46748633923751,"sku":null,"price":38.83,"currency_code":"USD","in_stock":true},{"title":"Yellow \/ 4XL","offer_id":46748633956519,"sku":null,"price":38.83,"currency_code":"USD","in_stock":true},{"title":"carolina blue \/ S","offer_id":46748633989287,"sku":null,"price":38.83,"currency_code":"USD","in_stock":true},{"title":"carolina blue \/ M","offer_id":46748634022055,"sku":null,"price":38.83,"currency_code":"USD","in_stock":true},{"title":"carolina blue \/ L","offer_id":46748634054823,"sku":null,"price":38.83,"currency_code":"USD","in_stock":true},{"title":"carolina blue \/ XL","offer_id":46748634087591,"sku":null,"price":38.83,"currency_code":"USD","in_stock":true},{"title":"carolina blue \/ 3XL","offer_id":46748634120359,"sku":null,"price":38.83,"currency_code":"USD","in_stock":true},{"title":"carolina blue \/ 2XL","offer_id":46748634153127,"sku":null,"price":38.83,"currency_code":"USD","in_stock":true},{"title":"carolina blue \/ 4XL","offer_id":46748634185895,"sku":null,"price":38.83,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0684\/2656\/3751\/files\/CarolinaBlueFront_6583f69c-dbfd-4830-9e26-d3c77dbc09d2.webp?v=1747257493"},{"product_id":"port-company-core-cotton-long-sleeve-t-shirt","title":"Long Sleeve T-shirt Port \u0026 Company Core Cotton","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        \/* Scoped styles with unique prefix to avoid conflicts *\/\n        .custom-product-wrapper {\n            \/* Color variables from logo *\/\n            --primary-blue: #1E3A8A;\n            --secondary-blue: #3B5998;\n            --light-blue: #60A5FA;\n            --white: #FFFFFF;\n            --gray-light: #F3F4F6;\n            --gray-dark: #374151;\n            --accent-blue: #2563EB;\n        }\n\n        \/* Reset for this component only *\/\n        .custom-product-wrapper * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        \/* Main container - isolated from page *\/\n        .custom-product-wrapper {\n            width: 100%;\n            margin: 0 auto;\n            padding: 20px 10px;\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n            background: linear-gradient(135deg, var(--gray-light) 0%, var(--white) 100%);\n            position: relative;\n            z-index: 1;\n        }\n\n        \/* Inner container for max-width *\/\n        .custom-product-inner {\n            max-width: 1200px;\n            margin: 0 auto;\n        }\n\n        \/* Main header *\/\n        .custom-main-header {\n            text-align: center;\n            margin-bottom: 30px;\n            animation: slideDown 0.8s ease-out;\n        }\n\n        .custom-main-header h1 {\n            color: var(--primary-blue);\n            font-size: 3rem;\n            margin-bottom: 15px;\n            position: relative;\n            display: inline-block;\n            transition: all 0.3s ease;\n            cursor: pointer;\n            word-break: break-word;\n            font-weight: 700;\n        }\n\n        .custom-main-header h1:hover {\n            transform: scale(1.05);\n            color: var(--accent-blue);\n            text-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n        }\n\n        .custom-main-header h1::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 0;\n            height: 3px;\n            background: var(--accent-blue);\n            animation: expandLine 1s ease-out 0.5s forwards;\n        }\n\n        \/* Info card *\/\n        .custom-info-card {\n            background: var(--white);\n            border-radius: 15px;\n            padding: 35px;\n            margin-bottom: 30px;\n            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n            transform: translateY(20px);\n            opacity: 0;\n            animation: fadeInUp 0.6s ease-out 0.3s forwards;\n            position: relative;\n            overflow: hidden;\n            transition: all 0.3s ease;\n            cursor: pointer;\n        }\n\n        .custom-info-card:hover {\n            transform: scale(1.03) translateY(0);\n            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);\n        }\n\n        .custom-info-card::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: -100%;\n            width: 100%;\n            height: 100%;\n            background: linear-gradient(90deg, transparent, rgba(37, 99, 235, 0.05), transparent);\n            animation: shimmer 3s infinite;\n        }\n\n        .custom-info-card h2 {\n            color: var(--primary-blue);\n            font-size: 2rem;\n            margin-bottom: 20px;\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            transition: all 0.3s ease;\n            word-break: break-word;\n            font-weight: 600;\n        }\n\n        .custom-info-card:hover h2 {\n            color: var(--accent-blue);\n            transform: scale(1.02);\n        }\n\n        .custom-icon {\n            min-width: 35px;\n            width: 35px;\n            height: 35px;\n            background: var(--light-blue);\n            border-radius: 50%;\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            animation: pulse 2s infinite;\n            font-size: 1.2rem;\n        }\n\n        \/* Intro paragraph *\/\n        .custom-intro-text {\n            font-size: 1.2rem;\n            color: var(--gray-dark);\n            margin-bottom: 25px;\n            line-height: 1.8;\n            font-weight: 500;\n            padding: 20px;\n            background: var(--gray-light);\n            border-radius: 10px;\n            border-left: 4px solid var(--accent-blue);\n            transform: translateX(20px);\n            opacity: 0;\n            animation: slideFromLeft 0.5s ease-out 0.4s forwards;\n        }\n\n        \/* Specifications list *\/\n        .custom-specs-list {\n            list-style: none;\n            padding: 0;\n        }\n\n        .custom-specs-list li {\n            padding: 16px 24px;\n            margin-bottom: 14px;\n            background: var(--gray-light);\n            border-radius: 10px;\n            border-left: 4px solid var(--accent-blue);\n            transform: translateX(20px);\n            opacity: 0;\n            animation: slideFromLeft 0.5s ease-out forwards;\n            transition: all 0.3s ease;\n            position: relative;\n            font-size: 1.15rem;\n            line-height: 1.7;\n            word-break: break-word;\n            font-weight: 500;\n        }\n\n        .custom-specs-list li:nth-child(1) { animation-delay: 0.5s; }\n        .custom-specs-list li:nth-child(2) { animation-delay: 0.6s; }\n        .custom-specs-list li:nth-child(3) { animation-delay: 0.7s; }\n        .custom-specs-list li:nth-child(4) { animation-delay: 0.8s; }\n        .custom-specs-list li:nth-child(5) { animation-delay: 0.9s; }\n\n        .custom-specs-list li:hover {\n            transform: translateX(-10px);\n            background: var(--white);\n            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n        }\n\n        .custom-specs-list li::before {\n            content: '✓';\n            position: absolute;\n            left: -15px;\n            top: 50%;\n            transform: translateY(-50%);\n            width: 30px;\n            height: 30px;\n            background: var(--accent-blue);\n            color: var(--white);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-weight: bold;\n        }\n\n        \/* Progress bar *\/\n        .custom-progress-bar {\n            height: 3px;\n            background: var(--gray-light);\n            border-radius: 2px;\n            margin: 15px 0;\n            overflow: hidden;\n        }\n\n        .custom-progress-fill {\n            height: 100%;\n            background: linear-gradient(90deg, var(--accent-blue), var(--light-blue));\n            width: 0;\n            animation: fillProgress 2s ease-out 1s forwards;\n        }\n\n        \/* Media queries for responsive design *\/\n        @media (max-width: 768px) {\n            .custom-product-wrapper {\n                padding: 20px 10px;\n            }\n\n            .custom-main-header h1 {\n                font-size: 1.8rem;\n            }\n\n            .custom-info-card {\n                padding: 20px;\n                margin-bottom: 20px;\n            }\n\n            .custom-info-card h2 {\n                font-size: 1.4rem;\n            }\n\n            .custom-intro-text {\n                font-size: 1.05rem;\n                padding: 15px;\n            }\n\n            .custom-specs-list li {\n                padding: 14px 18px;\n                font-size: 1rem;\n                margin-bottom: 12px;\n            }\n\n            .custom-icon {\n                min-width: 30px;\n                width: 30px;\n                height: 30px;\n                font-size: 1rem;\n            }\n\n            .custom-specs-list li::before {\n                width: 26px;\n                height: 26px;\n                font-size: 0.8rem;\n                left: -13px;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .custom-product-wrapper {\n                padding: 15px 8px;\n            }\n\n            .custom-main-header h1 {\n                font-size: 1.6rem;\n                line-height: 1.3;\n            }\n\n            .custom-info-card {\n                padding: 18px;\n                margin-bottom: 18px;\n            }\n\n            .custom-info-card h2 {\n                font-size: 1.25rem;\n                gap: 10px;\n            }\n\n            .custom-icon {\n                min-width: 28px;\n                width: 28px;\n                height: 28px;\n                font-size: 0.95rem;\n            }\n\n            .custom-intro-text {\n                font-size: 0.95rem;\n                padding: 12px;\n            }\n\n            .custom-specs-list li {\n                padding: 12px 16px;\n                font-size: 0.95rem;\n                line-height: 1.6;\n            }\n\n            .custom-specs-list li::before {\n                width: 24px;\n                height: 24px;\n                font-size: 0.75rem;\n                left: -12px;\n            }\n        }\n\n        \/* Animations *\/\n        @keyframes slideDown {\n            from {\n                transform: translateY(-30px);\n                opacity: 0;\n            }\n            to {\n                transform: translateY(0);\n                opacity: 1;\n            }\n        }\n\n        @keyframes fadeInUp {\n            to {\n                transform: translateY(0);\n                opacity: 1;\n            }\n        }\n\n        @keyframes slideFromLeft {\n            to {\n                transform: translateX(0);\n                opacity: 1;\n            }\n        }\n\n        @keyframes scaleIn {\n            to {\n                transform: scale(1);\n                opacity: 1;\n            }\n        }\n\n        @keyframes expandLine {\n            to {\n                width: 60px;\n            }\n        }\n\n        @keyframes pulse {\n            0%, 100% {\n                transform: scale(1);\n            }\n            50% {\n                transform: scale(1.05);\n            }\n        }\n\n        @keyframes shimmer {\n            100% {\n                left: 100%;\n            }\n        }\n\n        @keyframes fillProgress {\n            to {\n                width: 100%;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"custom-product-wrapper\"\u003e\n\u003cdiv class=\"custom-product-inner\"\u003e\n\u003c!-- Main header --\u003e\n\u003cdiv class=\"custom-main-header\"\u003e\n\u003ch1\u003eClassic T-Shirt Details\u003c\/h1\u003e\n\u003cdiv class=\"custom-progress-bar\"\u003e\n\u003cdiv class=\"custom-progress-fill\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Product description card --\u003e\n\u003cdiv class=\"custom-info-card\"\u003e\n\u003ch2\u003e\n\u003cspan class=\"custom-icon\"\u003e👕\u003c\/span\u003e Product Description\u003c\/h2\u003e\n\u003cp class=\"custom-intro-text\"\u003eA no-frills t-shirt in our classic silhouette-with a very friendly price.\u003c\/p\u003e\n\u003cul class=\"custom-specs-list\"\u003e\n\u003cli\u003e5.4-ounce, 100% cotton\u003c\/li\u003e\n\u003cli\u003e98\/2 cotton\/poly (Ash)\u003c\/li\u003e\n\u003cli\u003e90\/10 cotton\/poly (Athletic Heather)\u003c\/li\u003e\n\u003cli\u003e50\/50 cotton\/poly (Dark Heather Grey, Heather Navy, S. Green, S. Orange)\u003c\/li\u003e\n\u003cli\u003eRemovable tag for comfort and relabeling\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- Hidden tags - keeping original IDs and attributes --\u003e\n\u003cdiv style=\"display: none;\"\u003e\n\u003cdiv data-enviroment=\"Customizer\" data-product-id=\"8517197463719\" id=\"zakeke-product-tag\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Port \u0026 Company","offers":[{"title":"Black \/ S","offer_id":46749988061351,"sku":"","price":28.52,"currency_code":"USD","in_stock":true},{"title":"Black \/ M","offer_id":46749988094119,"sku":"","price":28.52,"currency_code":"USD","in_stock":true},{"title":"Black \/ L","offer_id":46749988126887,"sku":"","price":28.52,"currency_code":"USD","in_stock":true},{"title":"Black \/ XL","offer_id":46749988159655,"sku":"","price":28.52,"currency_code":"USD","in_stock":true},{"title":"Black \/ 2XL","offer_id":46749988192423,"sku":"","price":28.52,"currency_code":"USD","in_stock":true},{"title":"Black \/ 3XL","offer_id":46749988225191,"sku":"","price":28.52,"currency_code":"USD","in_stock":true},{"title":"Black \/ 4XL","offer_id":46749988257959,"sku":"","price":28.52,"currency_code":"USD","in_stock":true},{"title":"Medium Grey \/ S","offer_id":46749988290727,"sku":"","price":28.52,"currency_code":"USD","in_stock":true},{"title":"Medium Grey \/ M","offer_id":46749988323495,"sku":"","price":28.52,"currency_code":"USD","in_stock":true},{"title":"Medium Grey \/ L","offer_id":46749988356263,"sku":"","price":28.52,"currency_code":"USD","in_stock":true},{"title":"Medium Grey \/ XL","offer_id":46749988389031,"sku":"","price":28.52,"currency_code":"USD","in_stock":true},{"title":"Medium Grey \/ 2XL","offer_id":46749988421799,"sku":"","price":28.52,"currency_code":"USD","in_stock":true},{"title":"Medium Grey \/ 3XL","offer_id":46749988454567,"sku":"","price":28.52,"currency_code":"USD","in_stock":true},{"title":"Medium Grey \/ 4XL","offer_id":46749988487335,"sku":"","price":28.52,"currency_code":"USD","in_stock":true},{"title":"Athletic Maroon \/ S","offer_id":46749988520103,"sku":"","price":28.52,"currency_code":"USD","in_stock":true},{"title":"Athletic Maroon \/ M","offer_id":46749988552871,"sku":"","price":28.52,"currency_code":"USD","in_stock":true},{"title":"Athletic Maroon \/ L","offer_id":46749988585639,"sku":"","price":28.52,"currency_code":"USD","in_stock":true},{"title":"Athletic Maroon \/ XL","offer_id":46749988618407,"sku":"","price":28.52,"currency_code":"USD","in_stock":true},{"title":"Athletic Maroon \/ 2XL","offer_id":46749988651175,"sku":"","price":28.52,"currency_code":"USD","in_stock":true},{"title":"Athletic Maroon \/ 3XL","offer_id":46749988683943,"sku":"","price":28.52,"currency_code":"USD","in_stock":true},{"title":"Athletic Maroon \/ 4XL","offer_id":46749988716711,"sku":"","price":28.52,"currency_code":"USD","in_stock":true},{"title":"Navy \/ S","offer_id":46749988749479,"sku":"","price":28.52,"currency_code":"USD","in_stock":true},{"title":"Navy \/ M","offer_id":46749988782247,"sku":"","price":28.52,"currency_code":"USD","in_stock":true},{"title":"Navy \/ L","offer_id":46749988815015,"sku":"","price":28.52,"currency_code":"USD","in_stock":true},{"title":"Navy \/ XL","offer_id":46749988847783,"sku":"","price":28.52,"currency_code":"USD","in_stock":true},{"title":"Navy \/ 2XL","offer_id":46749988880551,"sku":"","price":28.52,"currency_code":"USD","in_stock":true},{"title":"Navy \/ 3XL","offer_id":46749988913319,"sku":"","price":28.52,"currency_code":"USD","in_stock":true},{"title":"Navy \/ 4XL","offer_id":46749988946087,"sku":"","price":28.52,"currency_code":"USD","in_stock":true},{"title":"Orange \/ S","offer_id":46749988978855,"sku":"","price":28.52,"currency_code":"USD","in_stock":true},{"title":"Orange \/ M","offer_id":46749989011623,"sku":"","price":28.52,"currency_code":"USD","in_stock":true},{"title":"Orange \/ L","offer_id":46749989044391,"sku":"","price":28.52,"currency_code":"USD","in_stock":true},{"title":"Orange \/ XL","offer_id":46749989077159,"sku":"","price":28.52,"currency_code":"USD","in_stock":true},{"title":"Orange \/ 2XL","offer_id":46749989109927,"sku":"","price":28.52,"currency_code":"USD","in_stock":true},{"title":"Orange \/ 3XL","offer_id":46749989142695,"sku":"","price":28.52,"currency_code":"USD","in_stock":true},{"title":"Orange \/ 4XL","offer_id":46749989175463,"sku":"","price":28.52,"currency_code":"USD","in_stock":true},{"title":"Purple \/ S","offer_id":46749989208231,"sku":"","price":28.52,"currency_code":"USD","in_stock":true},{"title":"Purple \/ M","offer_id":46749989240999,"sku":"","price":28.52,"currency_code":"USD","in_stock":true},{"title":"Purple \/ L","offer_id":46749989273767,"sku":"","price":28.52,"currency_code":"USD","in_stock":true},{"title":"Purple \/ XL","offer_id":46749989306535,"sku":"","price":28.52,"currency_code":"USD","in_stock":true},{"title":"Purple \/ 2XL","offer_id":46749989339303,"sku":"","price":28.52,"currency_code":"USD","in_stock":true},{"title":"Purple \/ 3XL","offer_id":46749989372071,"sku":"","price":28.52,"currency_code":"USD","in_stock":true},{"title":"Purple \/ 4XL","offer_id":46749989404839,"sku":"","price":28.52,"currency_code":"USD","in_stock":true},{"title":"Red \/ S","offer_id":46749989437607,"sku":"","price":28.52,"currency_code":"USD","in_stock":true},{"title":"Red \/ M","offer_id":46749989470375,"sku":"","price":28.52,"currency_code":"USD","in_stock":true},{"title":"Red \/ L","offer_id":46749989503143,"sku":"","price":28.52,"currency_code":"USD","in_stock":true},{"title":"Red \/ XL","offer_id":46749989535911,"sku":"","price":28.52,"currency_code":"USD","in_stock":true},{"title":"Red \/ 2XL","offer_id":46749989568679,"sku":"","price":28.52,"currency_code":"USD","in_stock":true},{"title":"Red \/ 3XL","offer_id":46749989601447,"sku":"","price":28.52,"currency_code":"USD","in_stock":true},{"title":"Red \/ 4XL","offer_id":46749989634215,"sku":"","price":28.52,"currency_code":"USD","in_stock":true},{"title":"Royal blue \/ S","offer_id":46749989666983,"sku":"","price":28.52,"currency_code":"USD","in_stock":true},{"title":"Royal blue \/ M","offer_id":46749989699751,"sku":"","price":28.52,"currency_code":"USD","in_stock":true},{"title":"Royal blue \/ L","offer_id":46749989732519,"sku":"","price":28.52,"currency_code":"USD","in_stock":true},{"title":"Royal blue \/ XL","offer_id":46749989765287,"sku":"","price":28.52,"currency_code":"USD","in_stock":true},{"title":"Royal blue \/ 2XL","offer_id":46749989798055,"sku":"","price":28.52,"currency_code":"USD","in_stock":true},{"title":"Royal blue \/ 3XL","offer_id":46749989830823,"sku":"","price":28.52,"currency_code":"USD","in_stock":true},{"title":"Royal blue \/ 4XL","offer_id":46749989863591,"sku":"","price":28.52,"currency_code":"USD","in_stock":true},{"title":"White \/ S","offer_id":46749989896359,"sku":"","price":28.52,"currency_code":"USD","in_stock":true},{"title":"White \/ M","offer_id":46749989929127,"sku":"","price":28.52,"currency_code":"USD","in_stock":true},{"title":"White \/ L","offer_id":46749989961895,"sku":"","price":28.52,"currency_code":"USD","in_stock":true},{"title":"White \/ XL","offer_id":46749989994663,"sku":"","price":28.52,"currency_code":"USD","in_stock":true},{"title":"White \/ 2XL","offer_id":46749990027431,"sku":"","price":28.52,"currency_code":"USD","in_stock":true},{"title":"White \/ 3XL","offer_id":46749990060199,"sku":"","price":28.52,"currency_code":"USD","in_stock":true},{"title":"White \/ 4XL","offer_id":46749990092967,"sku":"","price":28.52,"currency_code":"USD","in_stock":true},{"title":"Yellow \/ S","offer_id":46749990125735,"sku":"","price":28.52,"currency_code":"USD","in_stock":true},{"title":"Yellow \/ M","offer_id":46749990158503,"sku":"","price":28.52,"currency_code":"USD","in_stock":true},{"title":"Yellow \/ L","offer_id":46749990191271,"sku":"","price":28.52,"currency_code":"USD","in_stock":true},{"title":"Yellow \/ XL","offer_id":46749990224039,"sku":"","price":28.52,"currency_code":"USD","in_stock":true},{"title":"Yellow \/ 2XL","offer_id":46749990256807,"sku":"","price":28.52,"currency_code":"USD","in_stock":true},{"title":"Yellow \/ 3XL","offer_id":46749990289575,"sku":"","price":28.52,"currency_code":"USD","in_stock":true},{"title":"Yellow \/ 4XL","offer_id":46749990322343,"sku":"","price":28.52,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0684\/2656\/3751\/files\/LongSleevePort_Company.webp?v=1747254233"},{"product_id":"port-company-core-cotton-t-shirt-40a62c36-461e-42ce-bcc5-839c60d619af","title":"Port \u0026 Company Core Cotton T-shirt","description":"\u003c!-- Product description styling with isolated scope --\u003e\n\u003cstyle\u003e\n        \/* كل التنسيقات محصورة داخل كلاس فريد لضمان عدم التأثير على باقي الموقع *\/\n        .premium-tshirt-container-isolated-123456 {\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n            max-width: 800px;\n            margin: 0 auto;\n            padding: 30px;\n            background: white;\n            border-radius: 12px;\n            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);\n            position: relative;\n            overflow: hidden;\n            animation: tshirt_fadeIn_123456 0.8s ease-out forwards;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .accent-bar-123456 {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 8px;\n            height: 0%;\n            background: linear-gradient(to bottom, #0a5cb1, #1e88e5);\n            animation: tshirt_growBar_123456 1s ease-out 0.3s forwards;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .product-title-123456 {\n            font-size: 1.8rem;\n            font-weight: 700;\n            color: #0a5cb1;\n            margin-bottom: 20px;\n            padding-bottom: 12px;\n            border-bottom: 2px solid #f0f0f0;\n            opacity: 0;\n            transform: translateY(-20px);\n            animation: tshirt_slideDown_123456 0.6s ease-out 0.4s forwards;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .product-description-123456 {\n            font-size: 1.1rem;\n            line-height: 1.6;\n            color: #333;\n            margin-bottom: 25px;\n            opacity: 0;\n            animation: tshirt_fadeIn_123456 0.6s ease-out 0.6s forwards;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .features-title-123456 {\n            font-size: 1.3rem;\n            font-weight: 600;\n            color: #0a5cb1;\n            margin-bottom: 15px;\n            opacity: 0;\n            transform: translateY(10px);\n            animation: tshirt_slideUp_123456 0.5s ease-out 0.8s forwards;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .features-list-123456 {\n            list-style-type: none;\n            padding: 0;\n            margin: 0 0 30px 0;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .features-list-123456 li {\n            position: relative;\n            padding: 8px 0 8px 35px;\n            margin-bottom: 10px;\n            opacity: 0;\n            transform: translateX(-20px);\n            animation: tshirt_slideInRight_123456 0.5s ease-out forwards;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .features-list-123456 li:nth-child(1) {\n            animation-delay: 1.0s;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .features-list-123456 li:nth-child(2) {\n            animation-delay: 1.1s;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .features-list-123456 li:nth-child(3) {\n            animation-delay: 1.2s;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .features-list-123456 li:nth-child(4) {\n            animation-delay: 1.3s;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .features-list-123456 li:nth-child(5) {\n            animation-delay: 1.4s;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .features-list-123456 li:before {\n            content: '';\n            position: absolute;\n            left: 0;\n            top: 10px;\n            width: 20px;\n            height: 20px;\n            background-color: #1e88e5;\n            mask-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C\/polyline%3E%3C\/svg%3E\");\n            -webkit-mask-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C\/polyline%3E%3C\/svg%3E\");\n            mask-size: contain;\n            -webkit-mask-size: contain;\n            mask-repeat: no-repeat;\n            -webkit-mask-repeat: no-repeat;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .customization-tag-123456 {\n            background: linear-gradient(135deg, #f5f7fa 0%, #e8edf5 100%);\n            padding: 20px;\n            border-radius: 8px;\n            border-left: 4px solid #0a5cb1;\n            margin-top: 20px;\n            opacity: 0;\n            transform: scale(0.95);\n            animation: tshirt_scaleIn_123456 0.7s ease-out 1.6s forwards;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .customization-title-123456 {\n            font-weight: 600;\n            color: #0a5cb1;\n            margin-bottom: 10px;\n            font-size: 1.1rem;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .customization-text-123456 {\n            font-size: 0.95rem;\n            color: #444;\n            line-height: 1.5;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .size-options-123456 {\n            display: flex;\n            gap: 10px;\n            flex-wrap: wrap;\n            margin-bottom: 25px;\n            opacity: 0;\n            animation: tshirt_fadeIn_123456 0.6s ease-out 0.7s forwards;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .size-tag-123456 {\n            padding: 6px 15px;\n            border-radius: 20px;\n            background-color: #e8edf5;\n            color: #0a5cb1;\n            font-weight: 500;\n            font-size: 0.9rem;\n            transition: all 0.3s ease;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .size-tag-123456:hover {\n            background-color: #0a5cb1;\n            color: white;\n            transform: translateY(-2px);\n            box-shadow: 0 4px 8px rgba(10, 92, 177, 0.2);\n        }\n        \n        .premium-tshirt-container-isolated-123456 .color-options-123456 {\n            display: flex;\n            gap: 8px;\n            margin-bottom: 20px;\n            opacity: 0;\n            animation: tshirt_fadeIn_123456 0.6s ease-out 0.9s forwards;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .color-dot-123456 {\n            width: 24px;\n            height: 24px;\n            border-radius: 50%;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            border: 2px solid transparent;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .color-dot-123456:hover {\n            transform: scale(1.2);\n        }\n        \n        .premium-tshirt-container-isolated-123456 .color-dot-123456.blue-123456 {\n            background-color: #1e88e5;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .color-dot-123456.red-123456 {\n            background-color: #e53935;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .color-dot-123456.green-123456 {\n            background-color: #43a047;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .color-dot-123456.black-123456 {\n            background-color: #212121;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .color-dot-123456.grey-123456 {\n            background-color: #757575;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .floating-icon-123456 {\n            position: absolute;\n            right: 15px;\n            top: 15px;\n            width: 40px;\n            height: 40px;\n            background-color: #0a5cb1;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: white;\n            font-size: 20px;\n            animation: tshirt_pulse_123456 2s infinite;\n        }\n        \n        \/* Animation keyframes with unique names to avoid conflicts *\/\n        @keyframes tshirt_fadeIn_123456 {\n            from {\n                opacity: 0;\n            }\n            to {\n                opacity: 1;\n            }\n        }\n        \n        @keyframes tshirt_growBar_123456 {\n            from {\n                height: 0%;\n            }\n            to {\n                height: 100%;\n            }\n        }\n        \n        @keyframes tshirt_slideDown_123456 {\n            from {\n                opacity: 0;\n                transform: translateY(-20px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n        \n        @keyframes tshirt_slideUp_123456 {\n            from {\n                opacity: 0;\n                transform: translateY(20px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n        \n        @keyframes tshirt_slideInRight_123456 {\n            from {\n                opacity: 0;\n                transform: translateX(-20px);\n            }\n            to {\n                opacity: 1;\n                transform: translateX(0);\n            }\n        }\n        \n        @keyframes tshirt_scaleIn_123456 {\n            from {\n                opacity: 0;\n                transform: scale(0.95);\n            }\n            to {\n                opacity: 1;\n                transform: scale(1);\n            }\n        }\n        \n        @keyframes tshirt_pulse_123456 {\n            0% {\n                box-shadow: 0 0 0 0 rgba(10, 92, 177, 0.4);\n            }\n            70% {\n                box-shadow: 0 0 0 10px rgba(10, 92, 177, 0);\n            }\n            100% {\n                box-shadow: 0 0 0 0 rgba(10, 92, 177, 0);\n            }\n        }\n        \n        \/* Responsive adjustments *\/\n        @media (max-width: 768px) {\n            .premium-tshirt-container-isolated-123456 {\n                padding: 20px;\n                margin: 0 10px;\n            }\n            \n            .premium-tshirt-container-isolated-123456 .product-title-123456 {\n                font-size: 1.5rem;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"premium-tshirt-container-isolated-123456\"\u003e\n\u003cdiv class=\"accent-bar-123456\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"floating-icon-123456\"\u003e\n\u003ci class=\"fas fa-tshirt\"\u003e\u003c\/i\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003ch1 class=\"product-title-123456\"\u003ePremium Cotton T-Shirt\u003c\/h1\u003e\n\u003cp class=\"product-description-123456\"\u003eThis is a great year-round tee with an amazing selection of colors. This shirt comes in adult unisex and youth sizes as well so you can outfit your entire group!\u003c\/p\u003e\n\u003cdiv class=\"size-options-123456\"\u003e\n\u003cspan class=\"size-tag-123456\"\u003eAdult Unisex\u003c\/span\u003e \u003cspan class=\"size-tag-123456\"\u003eYouth Sizes\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"color-options-123456\"\u003e\n\u003cdiv class=\"color-dot-123456 blue-123456\" title=\"Blue\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"color-dot-123456 red-123456\" title=\"Red\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"color-dot-123456 green-123456\" title=\"Green\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"color-dot-123456 black-123456\" title=\"Black\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"color-dot-123456 grey-123456\" title=\"Grey\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"features-title-123456\"\u003eProduct Features\u003c\/h2\u003e\n\u003cul class=\"features-list-123456\"\u003e\n\u003cli\u003e5.4 oz., 100% cotton\u003c\/li\u003e\n\u003cli\u003eAll heather colors, and neon colors are cotton\/poly blends\u003c\/li\u003e\n\u003cli\u003eGreat color selection\u003c\/li\u003e\n\u003cli\u003eSide seamed\u003c\/li\u003e\n\u003cli\u003eRibbed collar\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv class=\"customization-tag-123456\"\u003e\n\u003cdiv class=\"customization-title-123456\"\u003eCustomization Available\u003c\/div\u003e\n\u003cp class=\"customization-text-123456\"\u003eMake it yours! Add custom text, graphics, or logos to create the perfect personalized t-shirt for your event, team, or business.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Hidden tag for the product customizer --\u003e\n\u003cdiv id=\"zakeke-product-tag-123456\" style=\"display: none;\" data-product-id=\"8458071343271\" data-enviroment=\"Customizer\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- أضف Font Awesome من CDN للأيقونات --\u003e\n\u003cp\u003e \u003c\/p\u003e\u003cdiv id=\"zakeke-design-tag\" data-design=\"000-2IQ34R5T7UmpvSJl6F7Kwg\" style=\"display:none\"\u003e\u003c\/div\u003e","brand":"Port \u0026 Company","offers":[{"title":"Jet Black \/ L","offer_id":47154038374567,"sku":null,"price":34.15,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0684\/2656\/3751\/files\/569a95d8-7cc0-4af8-b464-935eec95efb2.png?v=1761148898"},{"product_id":"port-company-core-cotton-long-sleeve-t-shirt-c5c4a799-1bd0-4a63-8e5f-afc4310cf45b","title":"Port \u0026 Company Core Cotton Long Sleeve T-shirt","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        \/* Scoped styles with unique prefix to avoid conflicts *\/\n        .custom-product-wrapper {\n            \/* Color variables from logo *\/\n            --primary-blue: #1E3A8A;\n            --secondary-blue: #3B5998;\n            --light-blue: #60A5FA;\n            --white: #FFFFFF;\n            --gray-light: #F3F4F6;\n            --gray-dark: #374151;\n            --accent-blue: #2563EB;\n        }\n\n        \/* Reset for this component only *\/\n        .custom-product-wrapper * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        \/* Main container - isolated from page *\/\n        .custom-product-wrapper {\n            width: 100%;\n            margin: 0 auto;\n            padding: 20px 10px;\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n            background: linear-gradient(135deg, var(--gray-light) 0%, var(--white) 100%);\n            position: relative;\n            z-index: 1;\n        }\n\n        \/* Inner container for max-width *\/\n        .custom-product-inner {\n            max-width: 1200px;\n            margin: 0 auto;\n        }\n\n        \/* Main header *\/\n        .custom-main-header {\n            text-align: center;\n            margin-bottom: 30px;\n            animation: slideDown 0.8s ease-out;\n        }\n\n        .custom-main-header h1 {\n            color: var(--primary-blue);\n            font-size: 3rem;\n            margin-bottom: 15px;\n            position: relative;\n            display: inline-block;\n            transition: all 0.3s ease;\n            cursor: pointer;\n            word-break: break-word;\n            font-weight: 700;\n        }\n\n        .custom-main-header h1:hover {\n            transform: scale(1.05);\n            color: var(--accent-blue);\n            text-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n        }\n\n        .custom-main-header h1::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 0;\n            height: 3px;\n            background: var(--accent-blue);\n            animation: expandLine 1s ease-out 0.5s forwards;\n        }\n\n        \/* Info card *\/\n        .custom-info-card {\n            background: var(--white);\n            border-radius: 15px;\n            padding: 35px;\n            margin-bottom: 30px;\n            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n            transform: translateY(20px);\n            opacity: 0;\n            animation: fadeInUp 0.6s ease-out 0.3s forwards;\n            position: relative;\n            overflow: hidden;\n            transition: all 0.3s ease;\n            cursor: pointer;\n        }\n\n        .custom-info-card:hover {\n            transform: scale(1.03) translateY(0);\n            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);\n        }\n\n        .custom-info-card::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: -100%;\n            width: 100%;\n            height: 100%;\n            background: linear-gradient(90deg, transparent, rgba(37, 99, 235, 0.05), transparent);\n            animation: shimmer 3s infinite;\n        }\n\n        .custom-info-card h2 {\n            color: var(--primary-blue);\n            font-size: 2rem;\n            margin-bottom: 20px;\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            transition: all 0.3s ease;\n            word-break: break-word;\n            font-weight: 600;\n        }\n\n        .custom-info-card:hover h2 {\n            color: var(--accent-blue);\n            transform: scale(1.02);\n        }\n\n        .custom-icon {\n            min-width: 35px;\n            width: 35px;\n            height: 35px;\n            background: var(--light-blue);\n            border-radius: 50%;\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            animation: pulse 2s infinite;\n            font-size: 1.2rem;\n        }\n\n        \/* Intro paragraph *\/\n        .custom-intro-text {\n            font-size: 1.2rem;\n            color: var(--gray-dark);\n            margin-bottom: 25px;\n            line-height: 1.8;\n            font-weight: 500;\n            padding: 20px;\n            background: var(--gray-light);\n            border-radius: 10px;\n            border-left: 4px solid var(--accent-blue);\n            transform: translateX(20px);\n            opacity: 0;\n            animation: slideFromLeft 0.5s ease-out 0.4s forwards;\n        }\n\n        \/* Specifications list *\/\n        .custom-specs-list {\n            list-style: none;\n            padding: 0;\n        }\n\n        .custom-specs-list li {\n            padding: 16px 24px;\n            margin-bottom: 14px;\n            background: var(--gray-light);\n            border-radius: 10px;\n            border-left: 4px solid var(--accent-blue);\n            transform: translateX(20px);\n            opacity: 0;\n            animation: slideFromLeft 0.5s ease-out forwards;\n            transition: all 0.3s ease;\n            position: relative;\n            font-size: 1.15rem;\n            line-height: 1.7;\n            word-break: break-word;\n            font-weight: 500;\n        }\n\n        .custom-specs-list li:nth-child(1) { animation-delay: 0.5s; }\n        .custom-specs-list li:nth-child(2) { animation-delay: 0.6s; }\n        .custom-specs-list li:nth-child(3) { animation-delay: 0.7s; }\n        .custom-specs-list li:nth-child(4) { animation-delay: 0.8s; }\n        .custom-specs-list li:nth-child(5) { animation-delay: 0.9s; }\n\n        .custom-specs-list li:hover {\n            transform: translateX(-10px);\n            background: var(--white);\n            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n        }\n\n        .custom-specs-list li::before {\n            content: '✓';\n            position: absolute;\n            left: -15px;\n            top: 50%;\n            transform: translateY(-50%);\n            width: 30px;\n            height: 30px;\n            background: var(--accent-blue);\n            color: var(--white);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-weight: bold;\n        }\n\n        \/* Progress bar *\/\n        .custom-progress-bar {\n            height: 3px;\n            background: var(--gray-light);\n            border-radius: 2px;\n            margin: 15px 0;\n            overflow: hidden;\n        }\n\n        .custom-progress-fill {\n            height: 100%;\n            background: linear-gradient(90deg, var(--accent-blue), var(--light-blue));\n            width: 0;\n            animation: fillProgress 2s ease-out 1s forwards;\n        }\n\n        \/* Media queries for responsive design *\/\n        @media (max-width: 768px) {\n            .custom-product-wrapper {\n                padding: 20px 10px;\n            }\n\n            .custom-main-header h1 {\n                font-size: 1.8rem;\n            }\n\n            .custom-info-card {\n                padding: 20px;\n                margin-bottom: 20px;\n            }\n\n            .custom-info-card h2 {\n                font-size: 1.4rem;\n            }\n\n            .custom-intro-text {\n                font-size: 1.05rem;\n                padding: 15px;\n            }\n\n            .custom-specs-list li {\n                padding: 14px 18px;\n                font-size: 1rem;\n                margin-bottom: 12px;\n            }\n\n            .custom-icon {\n                min-width: 30px;\n                width: 30px;\n                height: 30px;\n                font-size: 1rem;\n            }\n\n            .custom-specs-list li::before {\n                width: 26px;\n                height: 26px;\n                font-size: 0.8rem;\n                left: -13px;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .custom-product-wrapper {\n                padding: 15px 8px;\n            }\n\n            .custom-main-header h1 {\n                font-size: 1.6rem;\n                line-height: 1.3;\n            }\n\n            .custom-info-card {\n                padding: 18px;\n                margin-bottom: 18px;\n            }\n\n            .custom-info-card h2 {\n                font-size: 1.25rem;\n                gap: 10px;\n            }\n\n            .custom-icon {\n                min-width: 28px;\n                width: 28px;\n                height: 28px;\n                font-size: 0.95rem;\n            }\n\n            .custom-intro-text {\n                font-size: 0.95rem;\n                padding: 12px;\n            }\n\n            .custom-specs-list li {\n                padding: 12px 16px;\n                font-size: 0.95rem;\n                line-height: 1.6;\n            }\n\n            .custom-specs-list li::before {\n                width: 24px;\n                height: 24px;\n                font-size: 0.75rem;\n                left: -12px;\n            }\n        }\n\n        \/* Animations *\/\n        @keyframes slideDown {\n            from {\n                transform: translateY(-30px);\n                opacity: 0;\n            }\n            to {\n                transform: translateY(0);\n                opacity: 1;\n            }\n        }\n\n        @keyframes fadeInUp {\n            to {\n                transform: translateY(0);\n                opacity: 1;\n            }\n        }\n\n        @keyframes slideFromLeft {\n            to {\n                transform: translateX(0);\n                opacity: 1;\n            }\n        }\n\n        @keyframes scaleIn {\n            to {\n                transform: scale(1);\n                opacity: 1;\n            }\n        }\n\n        @keyframes expandLine {\n            to {\n                width: 60px;\n            }\n        }\n\n        @keyframes pulse {\n            0%, 100% {\n                transform: scale(1);\n            }\n            50% {\n                transform: scale(1.05);\n            }\n        }\n\n        @keyframes shimmer {\n            100% {\n                left: 100%;\n            }\n        }\n\n        @keyframes fillProgress {\n            to {\n                width: 100%;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"custom-product-wrapper\"\u003e\n\u003cdiv class=\"custom-product-inner\"\u003e\n\u003c!-- Main header --\u003e\n\u003cdiv class=\"custom-main-header\"\u003e\n\u003ch1\u003eClassic T-Shirt Details\u003c\/h1\u003e\n\u003cdiv class=\"custom-progress-bar\"\u003e\n\u003cdiv class=\"custom-progress-fill\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Product description card --\u003e\n\u003cdiv class=\"custom-info-card\"\u003e\n\u003ch2\u003e\n\u003cspan class=\"custom-icon\"\u003e👕\u003c\/span\u003e Product Description\u003c\/h2\u003e\n\u003cp class=\"custom-intro-text\"\u003eA no-frills t-shirt in our classic silhouette-with a very friendly price.\u003c\/p\u003e\n\u003cul class=\"custom-specs-list\"\u003e\n\u003cli\u003e5.4-ounce, 100% cotton\u003c\/li\u003e\n\u003cli\u003e98\/2 cotton\/poly (Ash)\u003c\/li\u003e\n\u003cli\u003e90\/10 cotton\/poly (Athletic Heather)\u003c\/li\u003e\n\u003cli\u003e50\/50 cotton\/poly (Dark Heather Grey, Heather Navy, S. Green, S. Orange)\u003c\/li\u003e\n\u003cli\u003eRemovable tag for comfort and relabeling\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- Hidden tags - keeping original IDs and attributes --\u003e\n\u003cdiv style=\"display: none;\"\u003e\n\u003cdiv data-enviroment=\"Customizer\" data-product-id=\"8517197463719\" id=\"zakeke-product-tag\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003cdiv id=\"zakeke-design-tag\" data-design=\"000-zzo1fmcrqUGaQERFBSTyxA\" style=\"display:none\"\u003e\u003c\/div\u003e","brand":"Port \u0026 Company","offers":[{"title":"Black \/ L","offer_id":47158808903847,"sku":null,"price":33.52,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0684\/2656\/3751\/files\/34ee214d-b72b-4a3c-a5b3-60cb96ba233b.png?v=1761290504"},{"product_id":"gildan-heavy-cotton-100-cotton-t-shirt-1206ce26-ac2e-4424-a350-fbd578177ebc","title":"Gildan - Heavy Cotton 100% Cotton T-Shirt","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        \/* Scoped styles with unique prefix to avoid conflicts *\/\n        .custom-product-wrapper {\n            \/* Color variables from logo *\/\n            --primary-blue: #1E3A8A;\n            --secondary-blue: #3B5998;\n            --light-blue: #60A5FA;\n            --white: #FFFFFF;\n            --gray-light: #F3F4F6;\n            --gray-dark: #374151;\n            --accent-blue: #2563EB;\n        }\n\n        \/* Reset for this component only *\/\n        .custom-product-wrapper * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        \/* Main container - isolated from page *\/\n        .custom-product-wrapper {\n            width: 100%;\n            margin: 0 auto;\n            padding: 20px 10px;\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n            background: linear-gradient(135deg, var(--gray-light) 0%, var(--white) 100%);\n            position: relative;\n            z-index: 1;\n        }\n\n        \/* Inner container for max-width *\/\n        .custom-product-inner {\n            max-width: 1200px;\n            margin: 0 auto;\n        }\n\n        \/* Main header *\/\n        .custom-main-header {\n            text-align: center;\n            margin-bottom: 30px;\n            animation: slideDown 0.8s ease-out;\n        }\n\n        .custom-main-header h1 {\n            color: var(--primary-blue);\n            font-size: 1.8rem;\n            margin-bottom: 10px;\n            position: relative;\n            display: inline-block;\n            transition: all 0.3s ease;\n            cursor: pointer;\n            word-break: break-word;\n        }\n\n        .custom-main-header h1:hover {\n            transform: scale(1.05);\n            color: var(--accent-blue);\n        }\n\n        .custom-main-header h1::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 0;\n            height: 3px;\n            background: var(--accent-blue);\n            animation: expandLine 1s ease-out 0.5s forwards;\n        }\n\n        \/* Info card *\/\n        .custom-info-card {\n            background: var(--white);\n            border-radius: 15px;\n            padding: 35px;\n            margin-bottom: 30px;\n            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n            transform: translateY(20px);\n            opacity: 0;\n            animation: fadeInUp 0.6s ease-out 0.3s forwards;\n            position: relative;\n            overflow: hidden;\n            transition: all 0.3s ease;\n            cursor: pointer;\n        }\n\n        .custom-info-card:hover {\n            transform: scale(1.03) translateY(0);\n            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);\n        }\n\n        .custom-info-card::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: -100%;\n            width: 100%;\n            height: 100%;\n            background: linear-gradient(90deg, transparent, rgba(37, 99, 235, 0.05), transparent);\n            animation: shimmer 3s infinite;\n        }\n\n        .custom-info-card h2 {\n            color: var(--primary-blue);\n            font-size: 2rem;\n            margin-bottom: 20px;\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            transition: all 0.3s ease;\n            word-break: break-word;\n            font-weight: 600;\n        }\n\n        .custom-info-card:hover h2 {\n            color: var(--accent-blue);\n            transform: scale(1.02);\n        }\n\n        .custom-icon {\n            min-width: 35px;\n            width: 35px;\n            height: 35px;\n            background: var(--light-blue);\n            border-radius: 50%;\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            animation: pulse 2s infinite;\n            font-size: 1.2rem;\n        }\n\n        \/* Specifications list *\/\n        .custom-specs-list {\n            list-style: none;\n            padding: 0;\n        }\n\n        .custom-specs-list li {\n            padding: 16px 24px;\n            margin-bottom: 14px;\n            background: var(--gray-light);\n            border-radius: 10px;\n            border-left: 4px solid var(--accent-blue);\n            transform: translateX(20px);\n            opacity: 0;\n            animation: slideFromLeft 0.5s ease-out forwards;\n            transition: all 0.3s ease;\n            position: relative;\n            font-size: 1.15rem;\n            line-height: 1.7;\n            word-break: break-word;\n            font-weight: 500;\n        }\n\n        .custom-specs-list li:nth-child(1) { animation-delay: 0.1s; }\n        .custom-specs-list li:nth-child(2) { animation-delay: 0.2s; }\n        .custom-specs-list li:nth-child(3) { animation-delay: 0.3s; }\n        .custom-specs-list li:nth-child(4) { animation-delay: 0.4s; }\n        .custom-specs-list li:nth-child(5) { animation-delay: 0.5s; }\n        .custom-specs-list li:nth-child(6) { animation-delay: 0.6s; }\n        .custom-specs-list li:nth-child(7) { animation-delay: 0.7s; }\n        .custom-specs-list li:nth-child(8) { animation-delay: 0.8s; }\n\n        .custom-specs-list li:hover {\n            transform: translateX(-5px);\n            background: var(--white);\n            box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);\n        }\n\n        .custom-specs-list li::before {\n            content: '✓';\n            position: absolute;\n            left: -12px;\n            top: 50%;\n            transform: translateY(-50%);\n            width: 24px;\n            height: 24px;\n            background: var(--accent-blue);\n            color: var(--white);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-weight: bold;\n            font-size: 0.7rem;\n        }\n\n        \/* Paragraph styling *\/\n        .custom-info-paragraph {\n            line-height: 1.8;\n            color: var(--gray-dark);\n            transition: all 0.3s ease;\n            font-size: 1.15rem;\n            word-break: break-word;\n            font-weight: 400;\n        }\n\n        .custom-info-card:hover .custom-info-paragraph {\n            color: var(--primary-blue);\n        }\n\n        \/* Notes section *\/\n        .custom-notes-section {\n            background: linear-gradient(135deg, var(--primary-blue), var(--secondary-blue));\n            color: var(--white);\n            padding: 35px;\n            border-radius: 15px;\n            margin-top: 40px;\n            transform: scale(0.9);\n            opacity: 0;\n            animation: scaleIn 0.7s ease-out 0.8s forwards;\n            transition: all 0.3s ease;\n            cursor: pointer;\n        }\n\n        .custom-notes-section:hover {\n            transform: scale(1.02);\n            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);\n        }\n\n        .custom-notes-section h3 {\n            font-size: 1.7rem;\n            margin-bottom: 15px;\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            word-break: break-word;\n            font-weight: 600;\n        }\n\n        .custom-note-content {\n            background: rgba(255, 255, 255, 0.1);\n            padding: 20px;\n            border-radius: 10px;\n            backdrop-filter: blur(10px);\n            line-height: 1.8;\n            transition: all 0.3s ease;\n            font-size: 1.1rem;\n            font-weight: 400;\n        }\n\n        .custom-notes-section:hover .custom-note-content {\n            background: rgba(255, 255, 255, 0.15);\n        }\n\n        \/* Progress bar *\/\n        .custom-progress-bar {\n            height: 3px;\n            background: var(--gray-light);\n            border-radius: 2px;\n            margin: 15px 0;\n            overflow: hidden;\n        }\n\n        .custom-progress-fill {\n            height: 100%;\n            background: linear-gradient(90deg, var(--accent-blue), var(--light-blue));\n            width: 0;\n            animation: fillProgress 2s ease-out 1s forwards;\n        }\n\n        \/* Media queries for responsive design *\/\n        @media (max-width: 768px) {\n            .custom-product-wrapper {\n                padding: 20px 10px;\n            }\n\n            .custom-main-header h1 {\n                font-size: 1.8rem;\n            }\n\n            .custom-info-card {\n                padding: 20px;\n                margin-bottom: 20px;\n            }\n\n            .custom-info-card h2 {\n                font-size: 1.4rem;\n            }\n\n            .custom-specs-list li {\n                padding: 14px 18px;\n                font-size: 1rem;\n                margin-bottom: 12px;\n            }\n\n            .custom-notes-section {\n                padding: 20px;\n            }\n\n            .custom-notes-section h3 {\n                font-size: 1.3rem;\n            }\n\n            .custom-note-content {\n                font-size: 1rem;\n                padding: 18px;\n            }\n\n            .custom-icon {\n                min-width: 30px;\n                width: 30px;\n                height: 30px;\n                font-size: 1rem;\n            }\n\n            .custom-specs-list li::before {\n                width: 26px;\n                height: 26px;\n                font-size: 0.8rem;\n                left: -13px;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .custom-product-wrapper {\n                padding: 15px 8px;\n            }\n\n            .custom-main-header h1 {\n                font-size: 1.6rem;\n                line-height: 1.3;\n            }\n\n            .custom-info-card {\n                padding: 18px;\n                margin-bottom: 18px;\n            }\n\n            .custom-info-card h2 {\n                font-size: 1.25rem;\n                gap: 10px;\n            }\n\n            .custom-icon {\n                min-width: 28px;\n                width: 28px;\n                height: 28px;\n                font-size: 0.95rem;\n            }\n\n            .custom-specs-list li {\n                padding: 12px 16px;\n                font-size: 0.95rem;\n                line-height: 1.6;\n            }\n\n            .custom-specs-list li::before {\n                width: 24px;\n                height: 24px;\n                font-size: 0.75rem;\n                left: -12px;\n            }\n\n            .custom-notes-section {\n                padding: 18px;\n                margin-top: 25px;\n            }\n\n            .custom-notes-section h3 {\n                font-size: 1.2rem;\n            }\n\n            .custom-note-content {\n                padding: 16px;\n                font-size: 0.95rem;\n                line-height: 1.7;\n            }\n\n            .custom-info-paragraph {\n                font-size: 0.95rem;\n                line-height: 1.7;\n            }\n        }\n\n        \/* Animations *\/\n        @keyframes slideDown {\n            from {\n                transform: translateY(-30px);\n                opacity: 0;\n            }\n            to {\n                transform: translateY(0);\n                opacity: 1;\n            }\n        }\n\n        @keyframes fadeInUp {\n            to {\n                transform: translateY(0);\n                opacity: 1;\n            }\n        }\n\n        @keyframes slideFromLeft {\n            to {\n                transform: translateX(0);\n                opacity: 1;\n            }\n        }\n\n        @keyframes scaleIn {\n            to {\n                transform: scale(1);\n                opacity: 1;\n            }\n        }\n\n        @keyframes expandLine {\n            to {\n                width: 60px;\n            }\n        }\n\n        @keyframes pulse {\n            0%, 100% {\n                transform: scale(1);\n            }\n            50% {\n                transform: scale(1.05);\n            }\n        }\n\n        @keyframes shimmer {\n            100% {\n                left: 100%;\n            }\n        }\n\n        @keyframes fillProgress {\n            to {\n                width: 100%;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"custom-product-wrapper\"\u003e\n\u003cdiv class=\"custom-product-inner\"\u003e\n\u003c!-- Main header --\u003e\n\u003cdiv class=\"custom-main-header\"\u003e\n\u003ch1\u003ePremium Product Specifications\u003c\/h1\u003e\n\u003cdiv class=\"custom-progress-bar\"\u003e\n\u003cdiv class=\"custom-progress-fill\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Product details card --\u003e\n\u003cdiv class=\"custom-info-card\"\u003e\n\u003ch2\u003e\n\u003cspan class=\"custom-icon\"\u003e📃\u003c\/span\u003e Product Details\u003c\/h2\u003e\n\u003cul class=\"custom-specs-list\"\u003e\n\u003cli\u003e5.3-ounce, 100% US cotton\u003c\/li\u003e\n\u003cli\u003e99\/1 cotton\/poly (Ash)\u003c\/li\u003e\n\u003cli\u003e90\/10 cotton\/poly (Sport Grey, Antique Cherry Red, Antique Irish Green, Antique Jade Dome, Antique Orange, Antique Sapphire)\u003c\/li\u003e\n\u003cli\u003e50\/50 cotton\/poly (Blackberry, Dark Heather, Heather Military Green, Heather Navy, Heather Radiant Orchid, Heather Red, Heather Sapphire, Lilac, Midnight, Neon Blue, Neon Green, Russet, Sunset, Tweed, Safety Green, Safety Orange, Safety Pink, Graphite Heather)\u003c\/li\u003e\n\u003cli\u003eNon-topstitched, classic width, rib collar\u003c\/li\u003e\n\u003cli\u003eTaped neck and shoulders\u003c\/li\u003e\n\u003cli\u003eClassic fit, seamless body\u003c\/li\u003e\n\u003cli\u003eRecycled, high-performing black tear-away label\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- Special features card --\u003e\n\u003cdiv class=\"custom-info-card\"\u003e\n\u003ch2\u003e\n\u003cspan class=\"custom-icon\"\u003e🏷️\u003c\/span\u003e Special Features\u003c\/h2\u003e\n\u003cp class=\"custom-info-paragraph\"\u003ePlease note: This product is transitioning from tear-away labels to recycled, high-performing black tear-away labels. Your order may contain a combination of both labels.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Notes section --\u003e\n\u003cdiv class=\"custom-notes-section\"\u003e\n\u003ch3\u003e\n\u003cspan class=\"custom-icon\" style=\"background: rgba(255,255,255,0.2);\"\u003e⚠️\u003c\/span\u003e Important Note\u003c\/h3\u003e\n\u003cdiv class=\"custom-note-content\"\u003eDue to the nature of 50\/50 cotton\/poly neon fabrics, special care must be taken throughout the printing process.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Hidden tags - keeping original IDs --\u003e\n\u003cdiv style=\"display: none;\"\u003e\n\u003cdiv id=\"zakeke-product-tag\" data-product-id=\"8516418044071\" data-enviroment=\"Customizer\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003cdiv id=\"zakeke-design-tag\" data-design=\"000-KMQUCusBV0CyHq8S60rrDA\" style=\"display:none\"\u003e\u003c\/div\u003e","brand":"Gildan","offers":[{"title":"Red \/ S","offer_id":47160664653991,"sku":null,"price":10.78,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0684\/2656\/3751\/files\/6ffd24f3-9780-4a9e-bbae-ae83d36b4b66.png?v=1761374159"},{"product_id":"gildan-heavy-cotton-100-cotton-t-shirt-c4b47f28-6fa6-49c2-8226-fb6519504b67","title":"Gildan - Heavy Cotton 100% Cotton T-Shirt","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        \/* Scoped styles with unique prefix to avoid conflicts *\/\n        .custom-product-wrapper {\n            \/* Color variables from logo *\/\n            --primary-blue: #1E3A8A;\n            --secondary-blue: #3B5998;\n            --light-blue: #60A5FA;\n            --white: #FFFFFF;\n            --gray-light: #F3F4F6;\n            --gray-dark: #374151;\n            --accent-blue: #2563EB;\n        }\n\n        \/* Reset for this component only *\/\n        .custom-product-wrapper * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        \/* Main container - isolated from page *\/\n        .custom-product-wrapper {\n            width: 100%;\n            margin: 0 auto;\n            padding: 20px 10px;\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n            background: linear-gradient(135deg, var(--gray-light) 0%, var(--white) 100%);\n            position: relative;\n            z-index: 1;\n        }\n\n        \/* Inner container for max-width *\/\n        .custom-product-inner {\n            max-width: 1200px;\n            margin: 0 auto;\n        }\n\n        \/* Main header *\/\n        .custom-main-header {\n            text-align: center;\n            margin-bottom: 30px;\n            animation: slideDown 0.8s ease-out;\n        }\n\n        .custom-main-header h1 {\n            color: var(--primary-blue);\n            font-size: 1.8rem;\n            margin-bottom: 10px;\n            position: relative;\n            display: inline-block;\n            transition: all 0.3s ease;\n            cursor: pointer;\n            word-break: break-word;\n        }\n\n        .custom-main-header h1:hover {\n            transform: scale(1.05);\n            color: var(--accent-blue);\n        }\n\n        .custom-main-header h1::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 0;\n            height: 3px;\n            background: var(--accent-blue);\n            animation: expandLine 1s ease-out 0.5s forwards;\n        }\n\n        \/* Info card *\/\n        .custom-info-card {\n            background: var(--white);\n            border-radius: 15px;\n            padding: 35px;\n            margin-bottom: 30px;\n            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n            transform: translateY(20px);\n            opacity: 0;\n            animation: fadeInUp 0.6s ease-out 0.3s forwards;\n            position: relative;\n            overflow: hidden;\n            transition: all 0.3s ease;\n            cursor: pointer;\n        }\n\n        .custom-info-card:hover {\n            transform: scale(1.03) translateY(0);\n            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);\n        }\n\n        .custom-info-card::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: -100%;\n            width: 100%;\n            height: 100%;\n            background: linear-gradient(90deg, transparent, rgba(37, 99, 235, 0.05), transparent);\n            animation: shimmer 3s infinite;\n        }\n\n        .custom-info-card h2 {\n            color: var(--primary-blue);\n            font-size: 2rem;\n            margin-bottom: 20px;\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            transition: all 0.3s ease;\n            word-break: break-word;\n            font-weight: 600;\n        }\n\n        .custom-info-card:hover h2 {\n            color: var(--accent-blue);\n            transform: scale(1.02);\n        }\n\n        .custom-icon {\n            min-width: 35px;\n            width: 35px;\n            height: 35px;\n            background: var(--light-blue);\n            border-radius: 50%;\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            animation: pulse 2s infinite;\n            font-size: 1.2rem;\n        }\n\n        \/* Specifications list *\/\n        .custom-specs-list {\n            list-style: none;\n            padding: 0;\n        }\n\n        .custom-specs-list li {\n            padding: 16px 24px;\n            margin-bottom: 14px;\n            background: var(--gray-light);\n            border-radius: 10px;\n            border-left: 4px solid var(--accent-blue);\n            transform: translateX(20px);\n            opacity: 0;\n            animation: slideFromLeft 0.5s ease-out forwards;\n            transition: all 0.3s ease;\n            position: relative;\n            font-size: 1.15rem;\n            line-height: 1.7;\n            word-break: break-word;\n            font-weight: 500;\n        }\n\n        .custom-specs-list li:nth-child(1) { animation-delay: 0.1s; }\n        .custom-specs-list li:nth-child(2) { animation-delay: 0.2s; }\n        .custom-specs-list li:nth-child(3) { animation-delay: 0.3s; }\n        .custom-specs-list li:nth-child(4) { animation-delay: 0.4s; }\n        .custom-specs-list li:nth-child(5) { animation-delay: 0.5s; }\n        .custom-specs-list li:nth-child(6) { animation-delay: 0.6s; }\n        .custom-specs-list li:nth-child(7) { animation-delay: 0.7s; }\n        .custom-specs-list li:nth-child(8) { animation-delay: 0.8s; }\n\n        .custom-specs-list li:hover {\n            transform: translateX(-5px);\n            background: var(--white);\n            box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);\n        }\n\n        .custom-specs-list li::before {\n            content: '✓';\n            position: absolute;\n            left: -12px;\n            top: 50%;\n            transform: translateY(-50%);\n            width: 24px;\n            height: 24px;\n            background: var(--accent-blue);\n            color: var(--white);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-weight: bold;\n            font-size: 0.7rem;\n        }\n\n        \/* Paragraph styling *\/\n        .custom-info-paragraph {\n            line-height: 1.8;\n            color: var(--gray-dark);\n            transition: all 0.3s ease;\n            font-size: 1.15rem;\n            word-break: break-word;\n            font-weight: 400;\n        }\n\n        .custom-info-card:hover .custom-info-paragraph {\n            color: var(--primary-blue);\n        }\n\n        \/* Notes section *\/\n        .custom-notes-section {\n            background: linear-gradient(135deg, var(--primary-blue), var(--secondary-blue));\n            color: var(--white);\n            padding: 35px;\n            border-radius: 15px;\n            margin-top: 40px;\n            transform: scale(0.9);\n            opacity: 0;\n            animation: scaleIn 0.7s ease-out 0.8s forwards;\n            transition: all 0.3s ease;\n            cursor: pointer;\n        }\n\n        .custom-notes-section:hover {\n            transform: scale(1.02);\n            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);\n        }\n\n        .custom-notes-section h3 {\n            font-size: 1.7rem;\n            margin-bottom: 15px;\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            word-break: break-word;\n            font-weight: 600;\n        }\n\n        .custom-note-content {\n            background: rgba(255, 255, 255, 0.1);\n            padding: 20px;\n            border-radius: 10px;\n            backdrop-filter: blur(10px);\n            line-height: 1.8;\n            transition: all 0.3s ease;\n            font-size: 1.1rem;\n            font-weight: 400;\n        }\n\n        .custom-notes-section:hover .custom-note-content {\n            background: rgba(255, 255, 255, 0.15);\n        }\n\n        \/* Progress bar *\/\n        .custom-progress-bar {\n            height: 3px;\n            background: var(--gray-light);\n            border-radius: 2px;\n            margin: 15px 0;\n            overflow: hidden;\n        }\n\n        .custom-progress-fill {\n            height: 100%;\n            background: linear-gradient(90deg, var(--accent-blue), var(--light-blue));\n            width: 0;\n            animation: fillProgress 2s ease-out 1s forwards;\n        }\n\n        \/* Media queries for responsive design *\/\n        @media (max-width: 768px) {\n            .custom-product-wrapper {\n                padding: 20px 10px;\n            }\n\n            .custom-main-header h1 {\n                font-size: 1.8rem;\n            }\n\n            .custom-info-card {\n                padding: 20px;\n                margin-bottom: 20px;\n            }\n\n            .custom-info-card h2 {\n                font-size: 1.4rem;\n            }\n\n            .custom-specs-list li {\n                padding: 14px 18px;\n                font-size: 1rem;\n                margin-bottom: 12px;\n            }\n\n            .custom-notes-section {\n                padding: 20px;\n            }\n\n            .custom-notes-section h3 {\n                font-size: 1.3rem;\n            }\n\n            .custom-note-content {\n                font-size: 1rem;\n                padding: 18px;\n            }\n\n            .custom-icon {\n                min-width: 30px;\n                width: 30px;\n                height: 30px;\n                font-size: 1rem;\n            }\n\n            .custom-specs-list li::before {\n                width: 26px;\n                height: 26px;\n                font-size: 0.8rem;\n                left: -13px;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .custom-product-wrapper {\n                padding: 15px 8px;\n            }\n\n            .custom-main-header h1 {\n                font-size: 1.6rem;\n                line-height: 1.3;\n            }\n\n            .custom-info-card {\n                padding: 18px;\n                margin-bottom: 18px;\n            }\n\n            .custom-info-card h2 {\n                font-size: 1.25rem;\n                gap: 10px;\n            }\n\n            .custom-icon {\n                min-width: 28px;\n                width: 28px;\n                height: 28px;\n                font-size: 0.95rem;\n            }\n\n            .custom-specs-list li {\n                padding: 12px 16px;\n                font-size: 0.95rem;\n                line-height: 1.6;\n            }\n\n            .custom-specs-list li::before {\n                width: 24px;\n                height: 24px;\n                font-size: 0.75rem;\n                left: -12px;\n            }\n\n            .custom-notes-section {\n                padding: 18px;\n                margin-top: 25px;\n            }\n\n            .custom-notes-section h3 {\n                font-size: 1.2rem;\n            }\n\n            .custom-note-content {\n                padding: 16px;\n                font-size: 0.95rem;\n                line-height: 1.7;\n            }\n\n            .custom-info-paragraph {\n                font-size: 0.95rem;\n                line-height: 1.7;\n            }\n        }\n\n        \/* Animations *\/\n        @keyframes slideDown {\n            from {\n                transform: translateY(-30px);\n                opacity: 0;\n            }\n            to {\n                transform: translateY(0);\n                opacity: 1;\n            }\n        }\n\n        @keyframes fadeInUp {\n            to {\n                transform: translateY(0);\n                opacity: 1;\n            }\n        }\n\n        @keyframes slideFromLeft {\n            to {\n                transform: translateX(0);\n                opacity: 1;\n            }\n        }\n\n        @keyframes scaleIn {\n            to {\n                transform: scale(1);\n                opacity: 1;\n            }\n        }\n\n        @keyframes expandLine {\n            to {\n                width: 60px;\n            }\n        }\n\n        @keyframes pulse {\n            0%, 100% {\n                transform: scale(1);\n            }\n            50% {\n                transform: scale(1.05);\n            }\n        }\n\n        @keyframes shimmer {\n            100% {\n                left: 100%;\n            }\n        }\n\n        @keyframes fillProgress {\n            to {\n                width: 100%;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"custom-product-wrapper\"\u003e\n\u003cdiv class=\"custom-product-inner\"\u003e\n\u003c!-- Main header --\u003e\n\u003cdiv class=\"custom-main-header\"\u003e\n\u003ch1\u003ePremium Product Specifications\u003c\/h1\u003e\n\u003cdiv class=\"custom-progress-bar\"\u003e\n\u003cdiv class=\"custom-progress-fill\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Product details card --\u003e\n\u003cdiv class=\"custom-info-card\"\u003e\n\u003ch2\u003e\n\u003cspan class=\"custom-icon\"\u003e📃\u003c\/span\u003e Product Details\u003c\/h2\u003e\n\u003cul class=\"custom-specs-list\"\u003e\n\u003cli\u003e5.3-ounce, 100% US cotton\u003c\/li\u003e\n\u003cli\u003e99\/1 cotton\/poly (Ash)\u003c\/li\u003e\n\u003cli\u003e90\/10 cotton\/poly (Sport Grey, Antique Cherry Red, Antique Irish Green, Antique Jade Dome, Antique Orange, Antique Sapphire)\u003c\/li\u003e\n\u003cli\u003e50\/50 cotton\/poly (Blackberry, Dark Heather, Heather Military Green, Heather Navy, Heather Radiant Orchid, Heather Red, Heather Sapphire, Lilac, Midnight, Neon Blue, Neon Green, Russet, Sunset, Tweed, Safety Green, Safety Orange, Safety Pink, Graphite Heather)\u003c\/li\u003e\n\u003cli\u003eNon-topstitched, classic width, rib collar\u003c\/li\u003e\n\u003cli\u003eTaped neck and shoulders\u003c\/li\u003e\n\u003cli\u003eClassic fit, seamless body\u003c\/li\u003e\n\u003cli\u003eRecycled, high-performing black tear-away label\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- Special features card --\u003e\n\u003cdiv class=\"custom-info-card\"\u003e\n\u003ch2\u003e\n\u003cspan class=\"custom-icon\"\u003e🏷️\u003c\/span\u003e Special Features\u003c\/h2\u003e\n\u003cp class=\"custom-info-paragraph\"\u003ePlease note: This product is transitioning from tear-away labels to recycled, high-performing black tear-away labels. Your order may contain a combination of both labels.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Notes section --\u003e\n\u003cdiv class=\"custom-notes-section\"\u003e\n\u003ch3\u003e\n\u003cspan class=\"custom-icon\" style=\"background: rgba(255,255,255,0.2);\"\u003e⚠️\u003c\/span\u003e Important Note\u003c\/h3\u003e\n\u003cdiv class=\"custom-note-content\"\u003eDue to the nature of 50\/50 cotton\/poly neon fabrics, special care must be taken throughout the printing process.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Hidden tags - keeping original IDs --\u003e\n\u003cdiv style=\"display: none;\"\u003e\n\u003cdiv id=\"zakeke-product-tag\" data-product-id=\"8516418044071\" data-enviroment=\"Customizer\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003cdiv id=\"zakeke-design-tag\" data-design=\"000-3xGQFiJ6NUKDH5rARR01wg\" style=\"display:none\"\u003e\u003c\/div\u003e","brand":"Gildan","offers":[{"title":"Red \/ S","offer_id":47160718819495,"sku":null,"price":19.03,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0684\/2656\/3751\/files\/6a64ab4e-4682-4478-a57e-5e7a971d9379.png?v=1761378542"},{"product_id":"port-company-core-cotton-long-sleeve-t-shirt-62c4338e-3acc-4334-b6ef-d772e52b8978","title":"Port \u0026 Company Core Cotton Long Sleeve T-shirt","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        \/* Scoped styles with unique prefix to avoid conflicts *\/\n        .custom-product-wrapper {\n            \/* Color variables from logo *\/\n            --primary-blue: #1E3A8A;\n            --secondary-blue: #3B5998;\n            --light-blue: #60A5FA;\n            --white: #FFFFFF;\n            --gray-light: #F3F4F6;\n            --gray-dark: #374151;\n            --accent-blue: #2563EB;\n        }\n\n        \/* Reset for this component only *\/\n        .custom-product-wrapper * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        \/* Main container - isolated from page *\/\n        .custom-product-wrapper {\n            width: 100%;\n            margin: 0 auto;\n            padding: 20px 10px;\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n            background: linear-gradient(135deg, var(--gray-light) 0%, var(--white) 100%);\n            position: relative;\n            z-index: 1;\n        }\n\n        \/* Inner container for max-width *\/\n        .custom-product-inner {\n            max-width: 1200px;\n            margin: 0 auto;\n        }\n\n        \/* Main header *\/\n        .custom-main-header {\n            text-align: center;\n            margin-bottom: 30px;\n            animation: slideDown 0.8s ease-out;\n        }\n\n        .custom-main-header h1 {\n            color: var(--primary-blue);\n            font-size: 3rem;\n            margin-bottom: 15px;\n            position: relative;\n            display: inline-block;\n            transition: all 0.3s ease;\n            cursor: pointer;\n            word-break: break-word;\n            font-weight: 700;\n        }\n\n        .custom-main-header h1:hover {\n            transform: scale(1.05);\n            color: var(--accent-blue);\n            text-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n        }\n\n        .custom-main-header h1::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 0;\n            height: 3px;\n            background: var(--accent-blue);\n            animation: expandLine 1s ease-out 0.5s forwards;\n        }\n\n        \/* Info card *\/\n        .custom-info-card {\n            background: var(--white);\n            border-radius: 15px;\n            padding: 35px;\n            margin-bottom: 30px;\n            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n            transform: translateY(20px);\n            opacity: 0;\n            animation: fadeInUp 0.6s ease-out 0.3s forwards;\n            position: relative;\n            overflow: hidden;\n            transition: all 0.3s ease;\n            cursor: pointer;\n        }\n\n        .custom-info-card:hover {\n            transform: scale(1.03) translateY(0);\n            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);\n        }\n\n        .custom-info-card::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: -100%;\n            width: 100%;\n            height: 100%;\n            background: linear-gradient(90deg, transparent, rgba(37, 99, 235, 0.05), transparent);\n            animation: shimmer 3s infinite;\n        }\n\n        .custom-info-card h2 {\n            color: var(--primary-blue);\n            font-size: 2rem;\n            margin-bottom: 20px;\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            transition: all 0.3s ease;\n            word-break: break-word;\n            font-weight: 600;\n        }\n\n        .custom-info-card:hover h2 {\n            color: var(--accent-blue);\n            transform: scale(1.02);\n        }\n\n        .custom-icon {\n            min-width: 35px;\n            width: 35px;\n            height: 35px;\n            background: var(--light-blue);\n            border-radius: 50%;\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            animation: pulse 2s infinite;\n            font-size: 1.2rem;\n        }\n\n        \/* Intro paragraph *\/\n        .custom-intro-text {\n            font-size: 1.2rem;\n            color: var(--gray-dark);\n            margin-bottom: 25px;\n            line-height: 1.8;\n            font-weight: 500;\n            padding: 20px;\n            background: var(--gray-light);\n            border-radius: 10px;\n            border-left: 4px solid var(--accent-blue);\n            transform: translateX(20px);\n            opacity: 0;\n            animation: slideFromLeft 0.5s ease-out 0.4s forwards;\n        }\n\n        \/* Specifications list *\/\n        .custom-specs-list {\n            list-style: none;\n            padding: 0;\n        }\n\n        .custom-specs-list li {\n            padding: 16px 24px;\n            margin-bottom: 14px;\n            background: var(--gray-light);\n            border-radius: 10px;\n            border-left: 4px solid var(--accent-blue);\n            transform: translateX(20px);\n            opacity: 0;\n            animation: slideFromLeft 0.5s ease-out forwards;\n            transition: all 0.3s ease;\n            position: relative;\n            font-size: 1.15rem;\n            line-height: 1.7;\n            word-break: break-word;\n            font-weight: 500;\n        }\n\n        .custom-specs-list li:nth-child(1) { animation-delay: 0.5s; }\n        .custom-specs-list li:nth-child(2) { animation-delay: 0.6s; }\n        .custom-specs-list li:nth-child(3) { animation-delay: 0.7s; }\n        .custom-specs-list li:nth-child(4) { animation-delay: 0.8s; }\n        .custom-specs-list li:nth-child(5) { animation-delay: 0.9s; }\n\n        .custom-specs-list li:hover {\n            transform: translateX(-10px);\n            background: var(--white);\n            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n        }\n\n        .custom-specs-list li::before {\n            content: '✓';\n            position: absolute;\n            left: -15px;\n            top: 50%;\n            transform: translateY(-50%);\n            width: 30px;\n            height: 30px;\n            background: var(--accent-blue);\n            color: var(--white);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-weight: bold;\n        }\n\n        \/* Progress bar *\/\n        .custom-progress-bar {\n            height: 3px;\n            background: var(--gray-light);\n            border-radius: 2px;\n            margin: 15px 0;\n            overflow: hidden;\n        }\n\n        .custom-progress-fill {\n            height: 100%;\n            background: linear-gradient(90deg, var(--accent-blue), var(--light-blue));\n            width: 0;\n            animation: fillProgress 2s ease-out 1s forwards;\n        }\n\n        \/* Media queries for responsive design *\/\n        @media (max-width: 768px) {\n            .custom-product-wrapper {\n                padding: 20px 10px;\n            }\n\n            .custom-main-header h1 {\n                font-size: 1.8rem;\n            }\n\n            .custom-info-card {\n                padding: 20px;\n                margin-bottom: 20px;\n            }\n\n            .custom-info-card h2 {\n                font-size: 1.4rem;\n            }\n\n            .custom-intro-text {\n                font-size: 1.05rem;\n                padding: 15px;\n            }\n\n            .custom-specs-list li {\n                padding: 14px 18px;\n                font-size: 1rem;\n                margin-bottom: 12px;\n            }\n\n            .custom-icon {\n                min-width: 30px;\n                width: 30px;\n                height: 30px;\n                font-size: 1rem;\n            }\n\n            .custom-specs-list li::before {\n                width: 26px;\n                height: 26px;\n                font-size: 0.8rem;\n                left: -13px;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .custom-product-wrapper {\n                padding: 15px 8px;\n            }\n\n            .custom-main-header h1 {\n                font-size: 1.6rem;\n                line-height: 1.3;\n            }\n\n            .custom-info-card {\n                padding: 18px;\n                margin-bottom: 18px;\n            }\n\n            .custom-info-card h2 {\n                font-size: 1.25rem;\n                gap: 10px;\n            }\n\n            .custom-icon {\n                min-width: 28px;\n                width: 28px;\n                height: 28px;\n                font-size: 0.95rem;\n            }\n\n            .custom-intro-text {\n                font-size: 0.95rem;\n                padding: 12px;\n            }\n\n            .custom-specs-list li {\n                padding: 12px 16px;\n                font-size: 0.95rem;\n                line-height: 1.6;\n            }\n\n            .custom-specs-list li::before {\n                width: 24px;\n                height: 24px;\n                font-size: 0.75rem;\n                left: -12px;\n            }\n        }\n\n        \/* Animations *\/\n        @keyframes slideDown {\n            from {\n                transform: translateY(-30px);\n                opacity: 0;\n            }\n            to {\n                transform: translateY(0);\n                opacity: 1;\n            }\n        }\n\n        @keyframes fadeInUp {\n            to {\n                transform: translateY(0);\n                opacity: 1;\n            }\n        }\n\n        @keyframes slideFromLeft {\n            to {\n                transform: translateX(0);\n                opacity: 1;\n            }\n        }\n\n        @keyframes scaleIn {\n            to {\n                transform: scale(1);\n                opacity: 1;\n            }\n        }\n\n        @keyframes expandLine {\n            to {\n                width: 60px;\n            }\n        }\n\n        @keyframes pulse {\n            0%, 100% {\n                transform: scale(1);\n            }\n            50% {\n                transform: scale(1.05);\n            }\n        }\n\n        @keyframes shimmer {\n            100% {\n                left: 100%;\n            }\n        }\n\n        @keyframes fillProgress {\n            to {\n                width: 100%;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"custom-product-wrapper\"\u003e\n\u003cdiv class=\"custom-product-inner\"\u003e\n\u003c!-- Main header --\u003e\n\u003cdiv class=\"custom-main-header\"\u003e\n\u003ch1\u003eClassic T-Shirt Details\u003c\/h1\u003e\n\u003cdiv class=\"custom-progress-bar\"\u003e\n\u003cdiv class=\"custom-progress-fill\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Product description card --\u003e\n\u003cdiv class=\"custom-info-card\"\u003e\n\u003ch2\u003e\n\u003cspan class=\"custom-icon\"\u003e👕\u003c\/span\u003e Product Description\u003c\/h2\u003e\n\u003cp class=\"custom-intro-text\"\u003eA no-frills t-shirt in our classic silhouette-with a very friendly price.\u003c\/p\u003e\n\u003cul class=\"custom-specs-list\"\u003e\n\u003cli\u003e5.4-ounce, 100% cotton\u003c\/li\u003e\n\u003cli\u003e98\/2 cotton\/poly (Ash)\u003c\/li\u003e\n\u003cli\u003e90\/10 cotton\/poly (Athletic Heather)\u003c\/li\u003e\n\u003cli\u003e50\/50 cotton\/poly (Dark Heather Grey, Heather Navy, S. Green, S. Orange)\u003c\/li\u003e\n\u003cli\u003eRemovable tag for comfort and relabeling\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- Hidden tags - keeping original IDs and attributes --\u003e\n\u003cdiv style=\"display: none;\"\u003e\n\u003cdiv data-enviroment=\"Customizer\" data-product-id=\"8517197463719\" id=\"zakeke-product-tag\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003cdiv id=\"zakeke-design-tag\" data-design=\"000-jcckrTVZ7kqOO9ZZ2H620Q\" style=\"display:none\"\u003e\u003c\/div\u003e","brand":"Port \u0026 Company","offers":[{"title":"Black \/ M","offer_id":47164075376807,"sku":null,"price":33.52,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0684\/2656\/3751\/files\/a8adc92c-4017-4f60-995c-2d0aba8c2c09.png?v=1761573670"},{"product_id":"gildan-heavy-cotton-100-cotton-t-shirt-e60f6d54-f7c9-45bc-9022-21306a962c9d","title":"Gildan - Heavy Cotton 100% Cotton T-Shirt","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        \/* Scoped styles with unique prefix to avoid conflicts *\/\n        .custom-product-wrapper {\n            \/* Color variables from logo *\/\n            --primary-blue: #1E3A8A;\n            --secondary-blue: #3B5998;\n            --light-blue: #60A5FA;\n            --white: #FFFFFF;\n            --gray-light: #F3F4F6;\n            --gray-dark: #374151;\n            --accent-blue: #2563EB;\n        }\n\n        \/* Reset for this component only *\/\n        .custom-product-wrapper * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        \/* Main container - isolated from page *\/\n        .custom-product-wrapper {\n            width: 100%;\n            margin: 0 auto;\n            padding: 20px 10px;\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n            background: linear-gradient(135deg, var(--gray-light) 0%, var(--white) 100%);\n            position: relative;\n            z-index: 1;\n        }\n\n        \/* Inner container for max-width *\/\n        .custom-product-inner {\n            max-width: 1200px;\n            margin: 0 auto;\n        }\n\n        \/* Main header *\/\n        .custom-main-header {\n            text-align: center;\n            margin-bottom: 30px;\n            animation: slideDown 0.8s ease-out;\n        }\n\n        .custom-main-header h1 {\n            color: var(--primary-blue);\n            font-size: 1.8rem;\n            margin-bottom: 10px;\n            position: relative;\n            display: inline-block;\n            transition: all 0.3s ease;\n            cursor: pointer;\n            word-break: break-word;\n        }\n\n        .custom-main-header h1:hover {\n            transform: scale(1.05);\n            color: var(--accent-blue);\n        }\n\n        .custom-main-header h1::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 0;\n            height: 3px;\n            background: var(--accent-blue);\n            animation: expandLine 1s ease-out 0.5s forwards;\n        }\n\n        \/* Info card *\/\n        .custom-info-card {\n            background: var(--white);\n            border-radius: 15px;\n            padding: 35px;\n            margin-bottom: 30px;\n            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n            transform: translateY(20px);\n            opacity: 0;\n            animation: fadeInUp 0.6s ease-out 0.3s forwards;\n            position: relative;\n            overflow: hidden;\n            transition: all 0.3s ease;\n            cursor: pointer;\n        }\n\n        .custom-info-card:hover {\n            transform: scale(1.03) translateY(0);\n            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);\n        }\n\n        .custom-info-card::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: -100%;\n            width: 100%;\n            height: 100%;\n            background: linear-gradient(90deg, transparent, rgba(37, 99, 235, 0.05), transparent);\n            animation: shimmer 3s infinite;\n        }\n\n        .custom-info-card h2 {\n            color: var(--primary-blue);\n            font-size: 2rem;\n            margin-bottom: 20px;\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            transition: all 0.3s ease;\n            word-break: break-word;\n            font-weight: 600;\n        }\n\n        .custom-info-card:hover h2 {\n            color: var(--accent-blue);\n            transform: scale(1.02);\n        }\n\n        .custom-icon {\n            min-width: 35px;\n            width: 35px;\n            height: 35px;\n            background: var(--light-blue);\n            border-radius: 50%;\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            animation: pulse 2s infinite;\n            font-size: 1.2rem;\n        }\n\n        \/* Specifications list *\/\n        .custom-specs-list {\n            list-style: none;\n            padding: 0;\n        }\n\n        .custom-specs-list li {\n            padding: 16px 24px;\n            margin-bottom: 14px;\n            background: var(--gray-light);\n            border-radius: 10px;\n            border-left: 4px solid var(--accent-blue);\n            transform: translateX(20px);\n            opacity: 0;\n            animation: slideFromLeft 0.5s ease-out forwards;\n            transition: all 0.3s ease;\n            position: relative;\n            font-size: 1.15rem;\n            line-height: 1.7;\n            word-break: break-word;\n            font-weight: 500;\n        }\n\n        .custom-specs-list li:nth-child(1) { animation-delay: 0.1s; }\n        .custom-specs-list li:nth-child(2) { animation-delay: 0.2s; }\n        .custom-specs-list li:nth-child(3) { animation-delay: 0.3s; }\n        .custom-specs-list li:nth-child(4) { animation-delay: 0.4s; }\n        .custom-specs-list li:nth-child(5) { animation-delay: 0.5s; }\n        .custom-specs-list li:nth-child(6) { animation-delay: 0.6s; }\n        .custom-specs-list li:nth-child(7) { animation-delay: 0.7s; }\n        .custom-specs-list li:nth-child(8) { animation-delay: 0.8s; }\n\n        .custom-specs-list li:hover {\n            transform: translateX(-5px);\n            background: var(--white);\n            box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);\n        }\n\n        .custom-specs-list li::before {\n            content: '✓';\n            position: absolute;\n            left: -12px;\n            top: 50%;\n            transform: translateY(-50%);\n            width: 24px;\n            height: 24px;\n            background: var(--accent-blue);\n            color: var(--white);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-weight: bold;\n            font-size: 0.7rem;\n        }\n\n        \/* Paragraph styling *\/\n        .custom-info-paragraph {\n            line-height: 1.8;\n            color: var(--gray-dark);\n            transition: all 0.3s ease;\n            font-size: 1.15rem;\n            word-break: break-word;\n            font-weight: 400;\n        }\n\n        .custom-info-card:hover .custom-info-paragraph {\n            color: var(--primary-blue);\n        }\n\n        \/* Notes section *\/\n        .custom-notes-section {\n            background: linear-gradient(135deg, var(--primary-blue), var(--secondary-blue));\n            color: var(--white);\n            padding: 35px;\n            border-radius: 15px;\n            margin-top: 40px;\n            transform: scale(0.9);\n            opacity: 0;\n            animation: scaleIn 0.7s ease-out 0.8s forwards;\n            transition: all 0.3s ease;\n            cursor: pointer;\n        }\n\n        .custom-notes-section:hover {\n            transform: scale(1.02);\n            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);\n        }\n\n        .custom-notes-section h3 {\n            font-size: 1.7rem;\n            margin-bottom: 15px;\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            word-break: break-word;\n            font-weight: 600;\n        }\n\n        .custom-note-content {\n            background: rgba(255, 255, 255, 0.1);\n            padding: 20px;\n            border-radius: 10px;\n            backdrop-filter: blur(10px);\n            line-height: 1.8;\n            transition: all 0.3s ease;\n            font-size: 1.1rem;\n            font-weight: 400;\n        }\n\n        .custom-notes-section:hover .custom-note-content {\n            background: rgba(255, 255, 255, 0.15);\n        }\n\n        \/* Progress bar *\/\n        .custom-progress-bar {\n            height: 3px;\n            background: var(--gray-light);\n            border-radius: 2px;\n            margin: 15px 0;\n            overflow: hidden;\n        }\n\n        .custom-progress-fill {\n            height: 100%;\n            background: linear-gradient(90deg, var(--accent-blue), var(--light-blue));\n            width: 0;\n            animation: fillProgress 2s ease-out 1s forwards;\n        }\n\n        \/* Media queries for responsive design *\/\n        @media (max-width: 768px) {\n            .custom-product-wrapper {\n                padding: 20px 10px;\n            }\n\n            .custom-main-header h1 {\n                font-size: 1.8rem;\n            }\n\n            .custom-info-card {\n                padding: 20px;\n                margin-bottom: 20px;\n            }\n\n            .custom-info-card h2 {\n                font-size: 1.4rem;\n            }\n\n            .custom-specs-list li {\n                padding: 14px 18px;\n                font-size: 1rem;\n                margin-bottom: 12px;\n            }\n\n            .custom-notes-section {\n                padding: 20px;\n            }\n\n            .custom-notes-section h3 {\n                font-size: 1.3rem;\n            }\n\n            .custom-note-content {\n                font-size: 1rem;\n                padding: 18px;\n            }\n\n            .custom-icon {\n                min-width: 30px;\n                width: 30px;\n                height: 30px;\n                font-size: 1rem;\n            }\n\n            .custom-specs-list li::before {\n                width: 26px;\n                height: 26px;\n                font-size: 0.8rem;\n                left: -13px;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .custom-product-wrapper {\n                padding: 15px 8px;\n            }\n\n            .custom-main-header h1 {\n                font-size: 1.6rem;\n                line-height: 1.3;\n            }\n\n            .custom-info-card {\n                padding: 18px;\n                margin-bottom: 18px;\n            }\n\n            .custom-info-card h2 {\n                font-size: 1.25rem;\n                gap: 10px;\n            }\n\n            .custom-icon {\n                min-width: 28px;\n                width: 28px;\n                height: 28px;\n                font-size: 0.95rem;\n            }\n\n            .custom-specs-list li {\n                padding: 12px 16px;\n                font-size: 0.95rem;\n                line-height: 1.6;\n            }\n\n            .custom-specs-list li::before {\n                width: 24px;\n                height: 24px;\n                font-size: 0.75rem;\n                left: -12px;\n            }\n\n            .custom-notes-section {\n                padding: 18px;\n                margin-top: 25px;\n            }\n\n            .custom-notes-section h3 {\n                font-size: 1.2rem;\n            }\n\n            .custom-note-content {\n                padding: 16px;\n                font-size: 0.95rem;\n                line-height: 1.7;\n            }\n\n            .custom-info-paragraph {\n                font-size: 0.95rem;\n                line-height: 1.7;\n            }\n        }\n\n        \/* Animations *\/\n        @keyframes slideDown {\n            from {\n                transform: translateY(-30px);\n                opacity: 0;\n            }\n            to {\n                transform: translateY(0);\n                opacity: 1;\n            }\n        }\n\n        @keyframes fadeInUp {\n            to {\n                transform: translateY(0);\n                opacity: 1;\n            }\n        }\n\n        @keyframes slideFromLeft {\n            to {\n                transform: translateX(0);\n                opacity: 1;\n            }\n        }\n\n        @keyframes scaleIn {\n            to {\n                transform: scale(1);\n                opacity: 1;\n            }\n        }\n\n        @keyframes expandLine {\n            to {\n                width: 60px;\n            }\n        }\n\n        @keyframes pulse {\n            0%, 100% {\n                transform: scale(1);\n            }\n            50% {\n                transform: scale(1.05);\n            }\n        }\n\n        @keyframes shimmer {\n            100% {\n                left: 100%;\n            }\n        }\n\n        @keyframes fillProgress {\n            to {\n                width: 100%;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"custom-product-wrapper\"\u003e\n\u003cdiv class=\"custom-product-inner\"\u003e\n\u003c!-- Main header --\u003e\n\u003cdiv class=\"custom-main-header\"\u003e\n\u003ch1\u003ePremium Product Specifications\u003c\/h1\u003e\n\u003cdiv class=\"custom-progress-bar\"\u003e\n\u003cdiv class=\"custom-progress-fill\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Product details card --\u003e\n\u003cdiv class=\"custom-info-card\"\u003e\n\u003ch2\u003e\n\u003cspan class=\"custom-icon\"\u003e📃\u003c\/span\u003e Product Details\u003c\/h2\u003e\n\u003cul class=\"custom-specs-list\"\u003e\n\u003cli\u003e5.3-ounce, 100% US cotton\u003c\/li\u003e\n\u003cli\u003e99\/1 cotton\/poly (Ash)\u003c\/li\u003e\n\u003cli\u003e90\/10 cotton\/poly (Sport Grey, Antique Cherry Red, Antique Irish Green, Antique Jade Dome, Antique Orange, Antique Sapphire)\u003c\/li\u003e\n\u003cli\u003e50\/50 cotton\/poly (Blackberry, Dark Heather, Heather Military Green, Heather Navy, Heather Radiant Orchid, Heather Red, Heather Sapphire, Lilac, Midnight, Neon Blue, Neon Green, Russet, Sunset, Tweed, Safety Green, Safety Orange, Safety Pink, Graphite Heather)\u003c\/li\u003e\n\u003cli\u003eNon-topstitched, classic width, rib collar\u003c\/li\u003e\n\u003cli\u003eTaped neck and shoulders\u003c\/li\u003e\n\u003cli\u003eClassic fit, seamless body\u003c\/li\u003e\n\u003cli\u003eRecycled, high-performing black tear-away label\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- Special features card --\u003e\n\u003cdiv class=\"custom-info-card\"\u003e\n\u003ch2\u003e\n\u003cspan class=\"custom-icon\"\u003e🏷️\u003c\/span\u003e Special Features\u003c\/h2\u003e\n\u003cp class=\"custom-info-paragraph\"\u003ePlease note: This product is transitioning from tear-away labels to recycled, high-performing black tear-away labels. Your order may contain a combination of both labels.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Notes section --\u003e\n\u003cdiv class=\"custom-notes-section\"\u003e\n\u003ch3\u003e\n\u003cspan class=\"custom-icon\" style=\"background: rgba(255,255,255,0.2);\"\u003e⚠️\u003c\/span\u003e Important Note\u003c\/h3\u003e\n\u003cdiv class=\"custom-note-content\"\u003eDue to the nature of 50\/50 cotton\/poly neon fabrics, special care must be taken throughout the printing process.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Hidden tags - keeping original IDs --\u003e\n\u003cdiv style=\"display: none;\"\u003e\n\u003cdiv id=\"zakeke-product-tag\" data-product-id=\"8516418044071\" data-enviroment=\"Customizer\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003cdiv id=\"zakeke-design-tag\" data-design=\"000-oqyyfxKKF0O10KNXbnqy1g\" style=\"display:none\"\u003e\u003c\/div\u003e","brand":"Gildan","offers":[{"title":"Black \/ S","offer_id":47171026419879,"sku":null,"price":25.37,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0684\/2656\/3751\/files\/95884d06-d255-45f4-a5f6-24347111c3f2.png?v=1761699134"},{"product_id":"port-company-core-cotton-long-sleeve-t-shirt-65e60dc5-1b0c-491c-9d93-2ab4de823b7f","title":"Port \u0026 Company Core Cotton Long Sleeve T-shirt","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        \/* Scoped styles with unique prefix to avoid conflicts *\/\n        .custom-product-wrapper {\n            \/* Color variables from logo *\/\n            --primary-blue: #1E3A8A;\n            --secondary-blue: #3B5998;\n            --light-blue: #60A5FA;\n            --white: #FFFFFF;\n            --gray-light: #F3F4F6;\n            --gray-dark: #374151;\n            --accent-blue: #2563EB;\n        }\n\n        \/* Reset for this component only *\/\n        .custom-product-wrapper * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        \/* Main container - isolated from page *\/\n        .custom-product-wrapper {\n            width: 100%;\n            margin: 0 auto;\n            padding: 20px 10px;\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n            background: linear-gradient(135deg, var(--gray-light) 0%, var(--white) 100%);\n            position: relative;\n            z-index: 1;\n        }\n\n        \/* Inner container for max-width *\/\n        .custom-product-inner {\n            max-width: 1200px;\n            margin: 0 auto;\n        }\n\n        \/* Main header *\/\n        .custom-main-header {\n            text-align: center;\n            margin-bottom: 30px;\n            animation: slideDown 0.8s ease-out;\n        }\n\n        .custom-main-header h1 {\n            color: var(--primary-blue);\n            font-size: 3rem;\n            margin-bottom: 15px;\n            position: relative;\n            display: inline-block;\n            transition: all 0.3s ease;\n            cursor: pointer;\n            word-break: break-word;\n            font-weight: 700;\n        }\n\n        .custom-main-header h1:hover {\n            transform: scale(1.05);\n            color: var(--accent-blue);\n            text-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n        }\n\n        .custom-main-header h1::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 0;\n            height: 3px;\n            background: var(--accent-blue);\n            animation: expandLine 1s ease-out 0.5s forwards;\n        }\n\n        \/* Info card *\/\n        .custom-info-card {\n            background: var(--white);\n            border-radius: 15px;\n            padding: 35px;\n            margin-bottom: 30px;\n            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n            transform: translateY(20px);\n            opacity: 0;\n            animation: fadeInUp 0.6s ease-out 0.3s forwards;\n            position: relative;\n            overflow: hidden;\n            transition: all 0.3s ease;\n            cursor: pointer;\n        }\n\n        .custom-info-card:hover {\n            transform: scale(1.03) translateY(0);\n            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);\n        }\n\n        .custom-info-card::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: -100%;\n            width: 100%;\n            height: 100%;\n            background: linear-gradient(90deg, transparent, rgba(37, 99, 235, 0.05), transparent);\n            animation: shimmer 3s infinite;\n        }\n\n        .custom-info-card h2 {\n            color: var(--primary-blue);\n            font-size: 2rem;\n            margin-bottom: 20px;\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            transition: all 0.3s ease;\n            word-break: break-word;\n            font-weight: 600;\n        }\n\n        .custom-info-card:hover h2 {\n            color: var(--accent-blue);\n            transform: scale(1.02);\n        }\n\n        .custom-icon {\n            min-width: 35px;\n            width: 35px;\n            height: 35px;\n            background: var(--light-blue);\n            border-radius: 50%;\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            animation: pulse 2s infinite;\n            font-size: 1.2rem;\n        }\n\n        \/* Intro paragraph *\/\n        .custom-intro-text {\n            font-size: 1.2rem;\n            color: var(--gray-dark);\n            margin-bottom: 25px;\n            line-height: 1.8;\n            font-weight: 500;\n            padding: 20px;\n            background: var(--gray-light);\n            border-radius: 10px;\n            border-left: 4px solid var(--accent-blue);\n            transform: translateX(20px);\n            opacity: 0;\n            animation: slideFromLeft 0.5s ease-out 0.4s forwards;\n        }\n\n        \/* Specifications list *\/\n        .custom-specs-list {\n            list-style: none;\n            padding: 0;\n        }\n\n        .custom-specs-list li {\n            padding: 16px 24px;\n            margin-bottom: 14px;\n            background: var(--gray-light);\n            border-radius: 10px;\n            border-left: 4px solid var(--accent-blue);\n            transform: translateX(20px);\n            opacity: 0;\n            animation: slideFromLeft 0.5s ease-out forwards;\n            transition: all 0.3s ease;\n            position: relative;\n            font-size: 1.15rem;\n            line-height: 1.7;\n            word-break: break-word;\n            font-weight: 500;\n        }\n\n        .custom-specs-list li:nth-child(1) { animation-delay: 0.5s; }\n        .custom-specs-list li:nth-child(2) { animation-delay: 0.6s; }\n        .custom-specs-list li:nth-child(3) { animation-delay: 0.7s; }\n        .custom-specs-list li:nth-child(4) { animation-delay: 0.8s; }\n        .custom-specs-list li:nth-child(5) { animation-delay: 0.9s; }\n\n        .custom-specs-list li:hover {\n            transform: translateX(-10px);\n            background: var(--white);\n            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n        }\n\n        .custom-specs-list li::before {\n            content: '✓';\n            position: absolute;\n            left: -15px;\n            top: 50%;\n            transform: translateY(-50%);\n            width: 30px;\n            height: 30px;\n            background: var(--accent-blue);\n            color: var(--white);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-weight: bold;\n        }\n\n        \/* Progress bar *\/\n        .custom-progress-bar {\n            height: 3px;\n            background: var(--gray-light);\n            border-radius: 2px;\n            margin: 15px 0;\n            overflow: hidden;\n        }\n\n        .custom-progress-fill {\n            height: 100%;\n            background: linear-gradient(90deg, var(--accent-blue), var(--light-blue));\n            width: 0;\n            animation: fillProgress 2s ease-out 1s forwards;\n        }\n\n        \/* Media queries for responsive design *\/\n        @media (max-width: 768px) {\n            .custom-product-wrapper {\n                padding: 20px 10px;\n            }\n\n            .custom-main-header h1 {\n                font-size: 1.8rem;\n            }\n\n            .custom-info-card {\n                padding: 20px;\n                margin-bottom: 20px;\n            }\n\n            .custom-info-card h2 {\n                font-size: 1.4rem;\n            }\n\n            .custom-intro-text {\n                font-size: 1.05rem;\n                padding: 15px;\n            }\n\n            .custom-specs-list li {\n                padding: 14px 18px;\n                font-size: 1rem;\n                margin-bottom: 12px;\n            }\n\n            .custom-icon {\n                min-width: 30px;\n                width: 30px;\n                height: 30px;\n                font-size: 1rem;\n            }\n\n            .custom-specs-list li::before {\n                width: 26px;\n                height: 26px;\n                font-size: 0.8rem;\n                left: -13px;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .custom-product-wrapper {\n                padding: 15px 8px;\n            }\n\n            .custom-main-header h1 {\n                font-size: 1.6rem;\n                line-height: 1.3;\n            }\n\n            .custom-info-card {\n                padding: 18px;\n                margin-bottom: 18px;\n            }\n\n            .custom-info-card h2 {\n                font-size: 1.25rem;\n                gap: 10px;\n            }\n\n            .custom-icon {\n                min-width: 28px;\n                width: 28px;\n                height: 28px;\n                font-size: 0.95rem;\n            }\n\n            .custom-intro-text {\n                font-size: 0.95rem;\n                padding: 12px;\n            }\n\n            .custom-specs-list li {\n                padding: 12px 16px;\n                font-size: 0.95rem;\n                line-height: 1.6;\n            }\n\n            .custom-specs-list li::before {\n                width: 24px;\n                height: 24px;\n                font-size: 0.75rem;\n                left: -12px;\n            }\n        }\n\n        \/* Animations *\/\n        @keyframes slideDown {\n            from {\n                transform: translateY(-30px);\n                opacity: 0;\n            }\n            to {\n                transform: translateY(0);\n                opacity: 1;\n            }\n        }\n\n        @keyframes fadeInUp {\n            to {\n                transform: translateY(0);\n                opacity: 1;\n            }\n        }\n\n        @keyframes slideFromLeft {\n            to {\n                transform: translateX(0);\n                opacity: 1;\n            }\n        }\n\n        @keyframes scaleIn {\n            to {\n                transform: scale(1);\n                opacity: 1;\n            }\n        }\n\n        @keyframes expandLine {\n            to {\n                width: 60px;\n            }\n        }\n\n        @keyframes pulse {\n            0%, 100% {\n                transform: scale(1);\n            }\n            50% {\n                transform: scale(1.05);\n            }\n        }\n\n        @keyframes shimmer {\n            100% {\n                left: 100%;\n            }\n        }\n\n        @keyframes fillProgress {\n            to {\n                width: 100%;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"custom-product-wrapper\"\u003e\n\u003cdiv class=\"custom-product-inner\"\u003e\n\u003c!-- Main header --\u003e\n\u003cdiv class=\"custom-main-header\"\u003e\n\u003ch1\u003eClassic T-Shirt Details\u003c\/h1\u003e\n\u003cdiv class=\"custom-progress-bar\"\u003e\n\u003cdiv class=\"custom-progress-fill\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Product description card --\u003e\n\u003cdiv class=\"custom-info-card\"\u003e\n\u003ch2\u003e\n\u003cspan class=\"custom-icon\"\u003e👕\u003c\/span\u003e Product Description\u003c\/h2\u003e\n\u003cp class=\"custom-intro-text\"\u003eA no-frills t-shirt in our classic silhouette-with a very friendly price.\u003c\/p\u003e\n\u003cul class=\"custom-specs-list\"\u003e\n\u003cli\u003e5.4-ounce, 100% cotton\u003c\/li\u003e\n\u003cli\u003e98\/2 cotton\/poly (Ash)\u003c\/li\u003e\n\u003cli\u003e90\/10 cotton\/poly (Athletic Heather)\u003c\/li\u003e\n\u003cli\u003e50\/50 cotton\/poly (Dark Heather Grey, Heather Navy, S. Green, S. Orange)\u003c\/li\u003e\n\u003cli\u003eRemovable tag for comfort and relabeling\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- Hidden tags - keeping original IDs and attributes --\u003e\n\u003cdiv style=\"display: none;\"\u003e\n\u003cdiv data-enviroment=\"Customizer\" data-product-id=\"8517197463719\" id=\"zakeke-product-tag\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003cdiv id=\"zakeke-design-tag\" data-design=\"000-wpM8iWXylUOyUP6aj697Fw\" style=\"display:none\"\u003e\u003c\/div\u003e","brand":"Port \u0026 Company","offers":[{"title":"Orange \/ M","offer_id":47178094837927,"sku":null,"price":9.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0684\/2656\/3751\/files\/6657286f-2358-4b87-a191-4ce1f473ba85.png?v=1761829249"},{"product_id":"port-company-core-cotton-long-sleeve-t-shirt-5250986c-79c1-4234-a586-d44932c97ea8","title":"Port \u0026 Company Core Cotton Long Sleeve T-shirt","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        \/* Scoped styles with unique prefix to avoid conflicts *\/\n        .custom-product-wrapper {\n            \/* Color variables from logo *\/\n            --primary-blue: #1E3A8A;\n            --secondary-blue: #3B5998;\n            --light-blue: #60A5FA;\n            --white: #FFFFFF;\n            --gray-light: #F3F4F6;\n            --gray-dark: #374151;\n            --accent-blue: #2563EB;\n        }\n\n        \/* Reset for this component only *\/\n        .custom-product-wrapper * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        \/* Main container - isolated from page *\/\n        .custom-product-wrapper {\n            width: 100%;\n            margin: 0 auto;\n            padding: 20px 10px;\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n            background: linear-gradient(135deg, var(--gray-light) 0%, var(--white) 100%);\n            position: relative;\n            z-index: 1;\n        }\n\n        \/* Inner container for max-width *\/\n        .custom-product-inner {\n            max-width: 1200px;\n            margin: 0 auto;\n        }\n\n        \/* Main header *\/\n        .custom-main-header {\n            text-align: center;\n            margin-bottom: 30px;\n            animation: slideDown 0.8s ease-out;\n        }\n\n        .custom-main-header h1 {\n            color: var(--primary-blue);\n            font-size: 3rem;\n            margin-bottom: 15px;\n            position: relative;\n            display: inline-block;\n            transition: all 0.3s ease;\n            cursor: pointer;\n            word-break: break-word;\n            font-weight: 700;\n        }\n\n        .custom-main-header h1:hover {\n            transform: scale(1.05);\n            color: var(--accent-blue);\n            text-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n        }\n\n        .custom-main-header h1::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 0;\n            height: 3px;\n            background: var(--accent-blue);\n            animation: expandLine 1s ease-out 0.5s forwards;\n        }\n\n        \/* Info card *\/\n        .custom-info-card {\n            background: var(--white);\n            border-radius: 15px;\n            padding: 35px;\n            margin-bottom: 30px;\n            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n            transform: translateY(20px);\n            opacity: 0;\n            animation: fadeInUp 0.6s ease-out 0.3s forwards;\n            position: relative;\n            overflow: hidden;\n            transition: all 0.3s ease;\n            cursor: pointer;\n        }\n\n        .custom-info-card:hover {\n            transform: scale(1.03) translateY(0);\n            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);\n        }\n\n        .custom-info-card::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: -100%;\n            width: 100%;\n            height: 100%;\n            background: linear-gradient(90deg, transparent, rgba(37, 99, 235, 0.05), transparent);\n            animation: shimmer 3s infinite;\n        }\n\n        .custom-info-card h2 {\n            color: var(--primary-blue);\n            font-size: 2rem;\n            margin-bottom: 20px;\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            transition: all 0.3s ease;\n            word-break: break-word;\n            font-weight: 600;\n        }\n\n        .custom-info-card:hover h2 {\n            color: var(--accent-blue);\n            transform: scale(1.02);\n        }\n\n        .custom-icon {\n            min-width: 35px;\n            width: 35px;\n            height: 35px;\n            background: var(--light-blue);\n            border-radius: 50%;\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            animation: pulse 2s infinite;\n            font-size: 1.2rem;\n        }\n\n        \/* Intro paragraph *\/\n        .custom-intro-text {\n            font-size: 1.2rem;\n            color: var(--gray-dark);\n            margin-bottom: 25px;\n            line-height: 1.8;\n            font-weight: 500;\n            padding: 20px;\n            background: var(--gray-light);\n            border-radius: 10px;\n            border-left: 4px solid var(--accent-blue);\n            transform: translateX(20px);\n            opacity: 0;\n            animation: slideFromLeft 0.5s ease-out 0.4s forwards;\n        }\n\n        \/* Specifications list *\/\n        .custom-specs-list {\n            list-style: none;\n            padding: 0;\n        }\n\n        .custom-specs-list li {\n            padding: 16px 24px;\n            margin-bottom: 14px;\n            background: var(--gray-light);\n            border-radius: 10px;\n            border-left: 4px solid var(--accent-blue);\n            transform: translateX(20px);\n            opacity: 0;\n            animation: slideFromLeft 0.5s ease-out forwards;\n            transition: all 0.3s ease;\n            position: relative;\n            font-size: 1.15rem;\n            line-height: 1.7;\n            word-break: break-word;\n            font-weight: 500;\n        }\n\n        .custom-specs-list li:nth-child(1) { animation-delay: 0.5s; }\n        .custom-specs-list li:nth-child(2) { animation-delay: 0.6s; }\n        .custom-specs-list li:nth-child(3) { animation-delay: 0.7s; }\n        .custom-specs-list li:nth-child(4) { animation-delay: 0.8s; }\n        .custom-specs-list li:nth-child(5) { animation-delay: 0.9s; }\n\n        .custom-specs-list li:hover {\n            transform: translateX(-10px);\n            background: var(--white);\n            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n        }\n\n        .custom-specs-list li::before {\n            content: '✓';\n            position: absolute;\n            left: -15px;\n            top: 50%;\n            transform: translateY(-50%);\n            width: 30px;\n            height: 30px;\n            background: var(--accent-blue);\n            color: var(--white);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-weight: bold;\n        }\n\n        \/* Progress bar *\/\n        .custom-progress-bar {\n            height: 3px;\n            background: var(--gray-light);\n            border-radius: 2px;\n            margin: 15px 0;\n            overflow: hidden;\n        }\n\n        .custom-progress-fill {\n            height: 100%;\n            background: linear-gradient(90deg, var(--accent-blue), var(--light-blue));\n            width: 0;\n            animation: fillProgress 2s ease-out 1s forwards;\n        }\n\n        \/* Media queries for responsive design *\/\n        @media (max-width: 768px) {\n            .custom-product-wrapper {\n                padding: 20px 10px;\n            }\n\n            .custom-main-header h1 {\n                font-size: 1.8rem;\n            }\n\n            .custom-info-card {\n                padding: 20px;\n                margin-bottom: 20px;\n            }\n\n            .custom-info-card h2 {\n                font-size: 1.4rem;\n            }\n\n            .custom-intro-text {\n                font-size: 1.05rem;\n                padding: 15px;\n            }\n\n            .custom-specs-list li {\n                padding: 14px 18px;\n                font-size: 1rem;\n                margin-bottom: 12px;\n            }\n\n            .custom-icon {\n                min-width: 30px;\n                width: 30px;\n                height: 30px;\n                font-size: 1rem;\n            }\n\n            .custom-specs-list li::before {\n                width: 26px;\n                height: 26px;\n                font-size: 0.8rem;\n                left: -13px;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .custom-product-wrapper {\n                padding: 15px 8px;\n            }\n\n            .custom-main-header h1 {\n                font-size: 1.6rem;\n                line-height: 1.3;\n            }\n\n            .custom-info-card {\n                padding: 18px;\n                margin-bottom: 18px;\n            }\n\n            .custom-info-card h2 {\n                font-size: 1.25rem;\n                gap: 10px;\n            }\n\n            .custom-icon {\n                min-width: 28px;\n                width: 28px;\n                height: 28px;\n                font-size: 0.95rem;\n            }\n\n            .custom-intro-text {\n                font-size: 0.95rem;\n                padding: 12px;\n            }\n\n            .custom-specs-list li {\n                padding: 12px 16px;\n                font-size: 0.95rem;\n                line-height: 1.6;\n            }\n\n            .custom-specs-list li::before {\n                width: 24px;\n                height: 24px;\n                font-size: 0.75rem;\n                left: -12px;\n            }\n        }\n\n        \/* Animations *\/\n        @keyframes slideDown {\n            from {\n                transform: translateY(-30px);\n                opacity: 0;\n            }\n            to {\n                transform: translateY(0);\n                opacity: 1;\n            }\n        }\n\n        @keyframes fadeInUp {\n            to {\n                transform: translateY(0);\n                opacity: 1;\n            }\n        }\n\n        @keyframes slideFromLeft {\n            to {\n                transform: translateX(0);\n                opacity: 1;\n            }\n        }\n\n        @keyframes scaleIn {\n            to {\n                transform: scale(1);\n                opacity: 1;\n            }\n        }\n\n        @keyframes expandLine {\n            to {\n                width: 60px;\n            }\n        }\n\n        @keyframes pulse {\n            0%, 100% {\n                transform: scale(1);\n            }\n            50% {\n                transform: scale(1.05);\n            }\n        }\n\n        @keyframes shimmer {\n            100% {\n                left: 100%;\n            }\n        }\n\n        @keyframes fillProgress {\n            to {\n                width: 100%;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"custom-product-wrapper\"\u003e\n\u003cdiv class=\"custom-product-inner\"\u003e\n\u003c!-- Main header --\u003e\n\u003cdiv class=\"custom-main-header\"\u003e\n\u003ch1\u003eClassic T-Shirt Details\u003c\/h1\u003e\n\u003cdiv class=\"custom-progress-bar\"\u003e\n\u003cdiv class=\"custom-progress-fill\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Product description card --\u003e\n\u003cdiv class=\"custom-info-card\"\u003e\n\u003ch2\u003e\n\u003cspan class=\"custom-icon\"\u003e👕\u003c\/span\u003e Product Description\u003c\/h2\u003e\n\u003cp class=\"custom-intro-text\"\u003eA no-frills t-shirt in our classic silhouette-with a very friendly price.\u003c\/p\u003e\n\u003cul class=\"custom-specs-list\"\u003e\n\u003cli\u003e5.4-ounce, 100% cotton\u003c\/li\u003e\n\u003cli\u003e98\/2 cotton\/poly (Ash)\u003c\/li\u003e\n\u003cli\u003e90\/10 cotton\/poly (Athletic Heather)\u003c\/li\u003e\n\u003cli\u003e50\/50 cotton\/poly (Dark Heather Grey, Heather Navy, S. Green, S. Orange)\u003c\/li\u003e\n\u003cli\u003eRemovable tag for comfort and relabeling\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- Hidden tags - keeping original IDs and attributes --\u003e\n\u003cdiv style=\"display: none;\"\u003e\n\u003cdiv data-enviroment=\"Customizer\" data-product-id=\"8517197463719\" id=\"zakeke-product-tag\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003cdiv id=\"zakeke-design-tag\" data-design=\"000-VBUjMBHDa0GZzl48Zh5A9g\" style=\"display:none\"\u003e\u003c\/div\u003e","brand":"Port \u0026 Company","offers":[{"title":"Black \/ S","offer_id":47193433211047,"sku":null,"price":37.52,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0684\/2656\/3751\/files\/72ff4a26-754d-4f1a-a2dc-227e3753865e.png?v=1762023326"},{"product_id":"port-company-core-cotton-long-sleeve-t-shirt-2793b900-8fea-432d-b2df-ab4b24aea297","title":"Port \u0026 Company Core Cotton Long Sleeve T-shirt","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        \/* Scoped styles with unique prefix to avoid conflicts *\/\n        .custom-product-wrapper {\n            \/* Color variables from logo *\/\n            --primary-blue: #1E3A8A;\n            --secondary-blue: #3B5998;\n            --light-blue: #60A5FA;\n            --white: #FFFFFF;\n            --gray-light: #F3F4F6;\n            --gray-dark: #374151;\n            --accent-blue: #2563EB;\n        }\n\n        \/* Reset for this component only *\/\n        .custom-product-wrapper * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        \/* Main container - isolated from page *\/\n        .custom-product-wrapper {\n            width: 100%;\n            margin: 0 auto;\n            padding: 20px 10px;\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n            background: linear-gradient(135deg, var(--gray-light) 0%, var(--white) 100%);\n            position: relative;\n            z-index: 1;\n        }\n\n        \/* Inner container for max-width *\/\n        .custom-product-inner {\n            max-width: 1200px;\n            margin: 0 auto;\n        }\n\n        \/* Main header *\/\n        .custom-main-header {\n            text-align: center;\n            margin-bottom: 30px;\n            animation: slideDown 0.8s ease-out;\n        }\n\n        .custom-main-header h1 {\n            color: var(--primary-blue);\n            font-size: 3rem;\n            margin-bottom: 15px;\n            position: relative;\n            display: inline-block;\n            transition: all 0.3s ease;\n            cursor: pointer;\n            word-break: break-word;\n            font-weight: 700;\n        }\n\n        .custom-main-header h1:hover {\n            transform: scale(1.05);\n            color: var(--accent-blue);\n            text-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n        }\n\n        .custom-main-header h1::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 0;\n            height: 3px;\n            background: var(--accent-blue);\n            animation: expandLine 1s ease-out 0.5s forwards;\n        }\n\n        \/* Info card *\/\n        .custom-info-card {\n            background: var(--white);\n            border-radius: 15px;\n            padding: 35px;\n            margin-bottom: 30px;\n            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n            transform: translateY(20px);\n            opacity: 0;\n            animation: fadeInUp 0.6s ease-out 0.3s forwards;\n            position: relative;\n            overflow: hidden;\n            transition: all 0.3s ease;\n            cursor: pointer;\n        }\n\n        .custom-info-card:hover {\n            transform: scale(1.03) translateY(0);\n            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);\n        }\n\n        .custom-info-card::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: -100%;\n            width: 100%;\n            height: 100%;\n            background: linear-gradient(90deg, transparent, rgba(37, 99, 235, 0.05), transparent);\n            animation: shimmer 3s infinite;\n        }\n\n        .custom-info-card h2 {\n            color: var(--primary-blue);\n            font-size: 2rem;\n            margin-bottom: 20px;\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            transition: all 0.3s ease;\n            word-break: break-word;\n            font-weight: 600;\n        }\n\n        .custom-info-card:hover h2 {\n            color: var(--accent-blue);\n            transform: scale(1.02);\n        }\n\n        .custom-icon {\n            min-width: 35px;\n            width: 35px;\n            height: 35px;\n            background: var(--light-blue);\n            border-radius: 50%;\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            animation: pulse 2s infinite;\n            font-size: 1.2rem;\n        }\n\n        \/* Intro paragraph *\/\n        .custom-intro-text {\n            font-size: 1.2rem;\n            color: var(--gray-dark);\n            margin-bottom: 25px;\n            line-height: 1.8;\n            font-weight: 500;\n            padding: 20px;\n            background: var(--gray-light);\n            border-radius: 10px;\n            border-left: 4px solid var(--accent-blue);\n            transform: translateX(20px);\n            opacity: 0;\n            animation: slideFromLeft 0.5s ease-out 0.4s forwards;\n        }\n\n        \/* Specifications list *\/\n        .custom-specs-list {\n            list-style: none;\n            padding: 0;\n        }\n\n        .custom-specs-list li {\n            padding: 16px 24px;\n            margin-bottom: 14px;\n            background: var(--gray-light);\n            border-radius: 10px;\n            border-left: 4px solid var(--accent-blue);\n            transform: translateX(20px);\n            opacity: 0;\n            animation: slideFromLeft 0.5s ease-out forwards;\n            transition: all 0.3s ease;\n            position: relative;\n            font-size: 1.15rem;\n            line-height: 1.7;\n            word-break: break-word;\n            font-weight: 500;\n        }\n\n        .custom-specs-list li:nth-child(1) { animation-delay: 0.5s; }\n        .custom-specs-list li:nth-child(2) { animation-delay: 0.6s; }\n        .custom-specs-list li:nth-child(3) { animation-delay: 0.7s; }\n        .custom-specs-list li:nth-child(4) { animation-delay: 0.8s; }\n        .custom-specs-list li:nth-child(5) { animation-delay: 0.9s; }\n\n        .custom-specs-list li:hover {\n            transform: translateX(-10px);\n            background: var(--white);\n            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n        }\n\n        .custom-specs-list li::before {\n            content: '✓';\n            position: absolute;\n            left: -15px;\n            top: 50%;\n            transform: translateY(-50%);\n            width: 30px;\n            height: 30px;\n            background: var(--accent-blue);\n            color: var(--white);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-weight: bold;\n        }\n\n        \/* Progress bar *\/\n        .custom-progress-bar {\n            height: 3px;\n            background: var(--gray-light);\n            border-radius: 2px;\n            margin: 15px 0;\n            overflow: hidden;\n        }\n\n        .custom-progress-fill {\n            height: 100%;\n            background: linear-gradient(90deg, var(--accent-blue), var(--light-blue));\n            width: 0;\n            animation: fillProgress 2s ease-out 1s forwards;\n        }\n\n        \/* Media queries for responsive design *\/\n        @media (max-width: 768px) {\n            .custom-product-wrapper {\n                padding: 20px 10px;\n            }\n\n            .custom-main-header h1 {\n                font-size: 1.8rem;\n            }\n\n            .custom-info-card {\n                padding: 20px;\n                margin-bottom: 20px;\n            }\n\n            .custom-info-card h2 {\n                font-size: 1.4rem;\n            }\n\n            .custom-intro-text {\n                font-size: 1.05rem;\n                padding: 15px;\n            }\n\n            .custom-specs-list li {\n                padding: 14px 18px;\n                font-size: 1rem;\n                margin-bottom: 12px;\n            }\n\n            .custom-icon {\n                min-width: 30px;\n                width: 30px;\n                height: 30px;\n                font-size: 1rem;\n            }\n\n            .custom-specs-list li::before {\n                width: 26px;\n                height: 26px;\n                font-size: 0.8rem;\n                left: -13px;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .custom-product-wrapper {\n                padding: 15px 8px;\n            }\n\n            .custom-main-header h1 {\n                font-size: 1.6rem;\n                line-height: 1.3;\n            }\n\n            .custom-info-card {\n                padding: 18px;\n                margin-bottom: 18px;\n            }\n\n            .custom-info-card h2 {\n                font-size: 1.25rem;\n                gap: 10px;\n            }\n\n            .custom-icon {\n                min-width: 28px;\n                width: 28px;\n                height: 28px;\n                font-size: 0.95rem;\n            }\n\n            .custom-intro-text {\n                font-size: 0.95rem;\n                padding: 12px;\n            }\n\n            .custom-specs-list li {\n                padding: 12px 16px;\n                font-size: 0.95rem;\n                line-height: 1.6;\n            }\n\n            .custom-specs-list li::before {\n                width: 24px;\n                height: 24px;\n                font-size: 0.75rem;\n                left: -12px;\n            }\n        }\n\n        \/* Animations *\/\n        @keyframes slideDown {\n            from {\n                transform: translateY(-30px);\n                opacity: 0;\n            }\n            to {\n                transform: translateY(0);\n                opacity: 1;\n            }\n        }\n\n        @keyframes fadeInUp {\n            to {\n                transform: translateY(0);\n                opacity: 1;\n            }\n        }\n\n        @keyframes slideFromLeft {\n            to {\n                transform: translateX(0);\n                opacity: 1;\n            }\n        }\n\n        @keyframes scaleIn {\n            to {\n                transform: scale(1);\n                opacity: 1;\n            }\n        }\n\n        @keyframes expandLine {\n            to {\n                width: 60px;\n            }\n        }\n\n        @keyframes pulse {\n            0%, 100% {\n                transform: scale(1);\n            }\n            50% {\n                transform: scale(1.05);\n            }\n        }\n\n        @keyframes shimmer {\n            100% {\n                left: 100%;\n            }\n        }\n\n        @keyframes fillProgress {\n            to {\n                width: 100%;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"custom-product-wrapper\"\u003e\n\u003cdiv class=\"custom-product-inner\"\u003e\n\u003c!-- Main header --\u003e\n\u003cdiv class=\"custom-main-header\"\u003e\n\u003ch1\u003eClassic T-Shirt Details\u003c\/h1\u003e\n\u003cdiv class=\"custom-progress-bar\"\u003e\n\u003cdiv class=\"custom-progress-fill\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Product description card --\u003e\n\u003cdiv class=\"custom-info-card\"\u003e\n\u003ch2\u003e\n\u003cspan class=\"custom-icon\"\u003e👕\u003c\/span\u003e Product Description\u003c\/h2\u003e\n\u003cp class=\"custom-intro-text\"\u003eA no-frills t-shirt in our classic silhouette-with a very friendly price.\u003c\/p\u003e\n\u003cul class=\"custom-specs-list\"\u003e\n\u003cli\u003e5.4-ounce, 100% cotton\u003c\/li\u003e\n\u003cli\u003e98\/2 cotton\/poly (Ash)\u003c\/li\u003e\n\u003cli\u003e90\/10 cotton\/poly (Athletic Heather)\u003c\/li\u003e\n\u003cli\u003e50\/50 cotton\/poly (Dark Heather Grey, Heather Navy, S. Green, S. Orange)\u003c\/li\u003e\n\u003cli\u003eRemovable tag for comfort and relabeling\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- Hidden tags - keeping original IDs and attributes --\u003e\n\u003cdiv style=\"display: none;\"\u003e\n\u003cdiv data-enviroment=\"Customizer\" data-product-id=\"8517197463719\" id=\"zakeke-product-tag\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003cdiv id=\"zakeke-design-tag\" data-design=\"000-18KhtM3NhkaS6TnEuYMo0A\" style=\"display:none\"\u003e\u003c\/div\u003e","brand":"Port \u0026 Company","offers":[{"title":"Medium Grey \/ L","offer_id":47237106106535,"sku":null,"price":41.52,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0684\/2656\/3751\/files\/6fdb6d04-6919-4f54-b267-c12e8eb8c07b.png?v=1762528582"},{"product_id":"gildan-heavy-cotton-100-cotton-t-shirt-01e94bf1-2713-41a5-b543-f060f5cc4022","title":"Gildan - Heavy Cotton 100% Cotton T-Shirt","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        \/* Scoped styles with unique prefix to avoid conflicts *\/\n        .custom-product-wrapper {\n            \/* Color variables from logo *\/\n            --primary-blue: #1E3A8A;\n            --secondary-blue: #3B5998;\n            --light-blue: #60A5FA;\n            --white: #FFFFFF;\n            --gray-light: #F3F4F6;\n            --gray-dark: #374151;\n            --accent-blue: #2563EB;\n        }\n\n        \/* Reset for this component only *\/\n        .custom-product-wrapper * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        \/* Main container - isolated from page *\/\n        .custom-product-wrapper {\n            width: 100%;\n            margin: 0 auto;\n            padding: 20px 10px;\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n            background: linear-gradient(135deg, var(--gray-light) 0%, var(--white) 100%);\n            position: relative;\n            z-index: 1;\n        }\n\n        \/* Inner container for max-width *\/\n        .custom-product-inner {\n            max-width: 1200px;\n            margin: 0 auto;\n        }\n\n        \/* Main header *\/\n        .custom-main-header {\n            text-align: center;\n            margin-bottom: 30px;\n            animation: slideDown 0.8s ease-out;\n        }\n\n        .custom-main-header h1 {\n            color: var(--primary-blue);\n            font-size: 1.8rem;\n            margin-bottom: 10px;\n            position: relative;\n            display: inline-block;\n            transition: all 0.3s ease;\n            cursor: pointer;\n            word-break: break-word;\n        }\n\n        .custom-main-header h1:hover {\n            transform: scale(1.05);\n            color: var(--accent-blue);\n        }\n\n        .custom-main-header h1::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 0;\n            height: 3px;\n            background: var(--accent-blue);\n            animation: expandLine 1s ease-out 0.5s forwards;\n        }\n\n        \/* Info card *\/\n        .custom-info-card {\n            background: var(--white);\n            border-radius: 15px;\n            padding: 35px;\n            margin-bottom: 30px;\n            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n            transform: translateY(20px);\n            opacity: 0;\n            animation: fadeInUp 0.6s ease-out 0.3s forwards;\n            position: relative;\n            overflow: hidden;\n            transition: all 0.3s ease;\n            cursor: pointer;\n        }\n\n        .custom-info-card:hover {\n            transform: scale(1.03) translateY(0);\n            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);\n        }\n\n        .custom-info-card::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: -100%;\n            width: 100%;\n            height: 100%;\n            background: linear-gradient(90deg, transparent, rgba(37, 99, 235, 0.05), transparent);\n            animation: shimmer 3s infinite;\n        }\n\n        .custom-info-card h2 {\n            color: var(--primary-blue);\n            font-size: 2rem;\n            margin-bottom: 20px;\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            transition: all 0.3s ease;\n            word-break: break-word;\n            font-weight: 600;\n        }\n\n        .custom-info-card:hover h2 {\n            color: var(--accent-blue);\n            transform: scale(1.02);\n        }\n\n        .custom-icon {\n            min-width: 35px;\n            width: 35px;\n            height: 35px;\n            background: var(--light-blue);\n            border-radius: 50%;\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            animation: pulse 2s infinite;\n            font-size: 1.2rem;\n        }\n\n        \/* Specifications list *\/\n        .custom-specs-list {\n            list-style: none;\n            padding: 0;\n        }\n\n        .custom-specs-list li {\n            padding: 16px 24px;\n            margin-bottom: 14px;\n            background: var(--gray-light);\n            border-radius: 10px;\n            border-left: 4px solid var(--accent-blue);\n            transform: translateX(20px);\n            opacity: 0;\n            animation: slideFromLeft 0.5s ease-out forwards;\n            transition: all 0.3s ease;\n            position: relative;\n            font-size: 1.15rem;\n            line-height: 1.7;\n            word-break: break-word;\n            font-weight: 500;\n        }\n\n        .custom-specs-list li:nth-child(1) { animation-delay: 0.1s; }\n        .custom-specs-list li:nth-child(2) { animation-delay: 0.2s; }\n        .custom-specs-list li:nth-child(3) { animation-delay: 0.3s; }\n        .custom-specs-list li:nth-child(4) { animation-delay: 0.4s; }\n        .custom-specs-list li:nth-child(5) { animation-delay: 0.5s; }\n        .custom-specs-list li:nth-child(6) { animation-delay: 0.6s; }\n        .custom-specs-list li:nth-child(7) { animation-delay: 0.7s; }\n        .custom-specs-list li:nth-child(8) { animation-delay: 0.8s; }\n\n        .custom-specs-list li:hover {\n            transform: translateX(-5px);\n            background: var(--white);\n            box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);\n        }\n\n        .custom-specs-list li::before {\n            content: '✓';\n            position: absolute;\n            left: -12px;\n            top: 50%;\n            transform: translateY(-50%);\n            width: 24px;\n            height: 24px;\n            background: var(--accent-blue);\n            color: var(--white);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-weight: bold;\n            font-size: 0.7rem;\n        }\n\n        \/* Paragraph styling *\/\n        .custom-info-paragraph {\n            line-height: 1.8;\n            color: var(--gray-dark);\n            transition: all 0.3s ease;\n            font-size: 1.15rem;\n            word-break: break-word;\n            font-weight: 400;\n        }\n\n        .custom-info-card:hover .custom-info-paragraph {\n            color: var(--primary-blue);\n        }\n\n        \/* Notes section *\/\n        .custom-notes-section {\n            background: linear-gradient(135deg, var(--primary-blue), var(--secondary-blue));\n            color: var(--white);\n            padding: 35px;\n            border-radius: 15px;\n            margin-top: 40px;\n            transform: scale(0.9);\n            opacity: 0;\n            animation: scaleIn 0.7s ease-out 0.8s forwards;\n            transition: all 0.3s ease;\n            cursor: pointer;\n        }\n\n        .custom-notes-section:hover {\n            transform: scale(1.02);\n            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);\n        }\n\n        .custom-notes-section h3 {\n            font-size: 1.7rem;\n            margin-bottom: 15px;\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            word-break: break-word;\n            font-weight: 600;\n        }\n\n        .custom-note-content {\n            background: rgba(255, 255, 255, 0.1);\n            padding: 20px;\n            border-radius: 10px;\n            backdrop-filter: blur(10px);\n            line-height: 1.8;\n            transition: all 0.3s ease;\n            font-size: 1.1rem;\n            font-weight: 400;\n        }\n\n        .custom-notes-section:hover .custom-note-content {\n            background: rgba(255, 255, 255, 0.15);\n        }\n\n        \/* Progress bar *\/\n        .custom-progress-bar {\n            height: 3px;\n            background: var(--gray-light);\n            border-radius: 2px;\n            margin: 15px 0;\n            overflow: hidden;\n        }\n\n        .custom-progress-fill {\n            height: 100%;\n            background: linear-gradient(90deg, var(--accent-blue), var(--light-blue));\n            width: 0;\n            animation: fillProgress 2s ease-out 1s forwards;\n        }\n\n        \/* Media queries for responsive design *\/\n        @media (max-width: 768px) {\n            .custom-product-wrapper {\n                padding: 20px 10px;\n            }\n\n            .custom-main-header h1 {\n                font-size: 1.8rem;\n            }\n\n            .custom-info-card {\n                padding: 20px;\n                margin-bottom: 20px;\n            }\n\n            .custom-info-card h2 {\n                font-size: 1.4rem;\n            }\n\n            .custom-specs-list li {\n                padding: 14px 18px;\n                font-size: 1rem;\n                margin-bottom: 12px;\n            }\n\n            .custom-notes-section {\n                padding: 20px;\n            }\n\n            .custom-notes-section h3 {\n                font-size: 1.3rem;\n            }\n\n            .custom-note-content {\n                font-size: 1rem;\n                padding: 18px;\n            }\n\n            .custom-icon {\n                min-width: 30px;\n                width: 30px;\n                height: 30px;\n                font-size: 1rem;\n            }\n\n            .custom-specs-list li::before {\n                width: 26px;\n                height: 26px;\n                font-size: 0.8rem;\n                left: -13px;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .custom-product-wrapper {\n                padding: 15px 8px;\n            }\n\n            .custom-main-header h1 {\n                font-size: 1.6rem;\n                line-height: 1.3;\n            }\n\n            .custom-info-card {\n                padding: 18px;\n                margin-bottom: 18px;\n            }\n\n            .custom-info-card h2 {\n                font-size: 1.25rem;\n                gap: 10px;\n            }\n\n            .custom-icon {\n                min-width: 28px;\n                width: 28px;\n                height: 28px;\n                font-size: 0.95rem;\n            }\n\n            .custom-specs-list li {\n                padding: 12px 16px;\n                font-size: 0.95rem;\n                line-height: 1.6;\n            }\n\n            .custom-specs-list li::before {\n                width: 24px;\n                height: 24px;\n                font-size: 0.75rem;\n                left: -12px;\n            }\n\n            .custom-notes-section {\n                padding: 18px;\n                margin-top: 25px;\n            }\n\n            .custom-notes-section h3 {\n                font-size: 1.2rem;\n            }\n\n            .custom-note-content {\n                padding: 16px;\n                font-size: 0.95rem;\n                line-height: 1.7;\n            }\n\n            .custom-info-paragraph {\n                font-size: 0.95rem;\n                line-height: 1.7;\n            }\n        }\n\n        \/* Animations *\/\n        @keyframes slideDown {\n            from {\n                transform: translateY(-30px);\n                opacity: 0;\n            }\n            to {\n                transform: translateY(0);\n                opacity: 1;\n            }\n        }\n\n        @keyframes fadeInUp {\n            to {\n                transform: translateY(0);\n                opacity: 1;\n            }\n        }\n\n        @keyframes slideFromLeft {\n            to {\n                transform: translateX(0);\n                opacity: 1;\n            }\n        }\n\n        @keyframes scaleIn {\n            to {\n                transform: scale(1);\n                opacity: 1;\n            }\n        }\n\n        @keyframes expandLine {\n            to {\n                width: 60px;\n            }\n        }\n\n        @keyframes pulse {\n            0%, 100% {\n                transform: scale(1);\n            }\n            50% {\n                transform: scale(1.05);\n            }\n        }\n\n        @keyframes shimmer {\n            100% {\n                left: 100%;\n            }\n        }\n\n        @keyframes fillProgress {\n            to {\n                width: 100%;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"custom-product-wrapper\"\u003e\n\u003cdiv class=\"custom-product-inner\"\u003e\n\u003c!-- Main header --\u003e\n\u003cdiv class=\"custom-main-header\"\u003e\n\u003ch1\u003ePremium Product Specifications\u003c\/h1\u003e\n\u003cdiv class=\"custom-progress-bar\"\u003e\n\u003cdiv class=\"custom-progress-fill\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Product details card --\u003e\n\u003cdiv class=\"custom-info-card\"\u003e\n\u003ch2\u003e\n\u003cspan class=\"custom-icon\"\u003e📃\u003c\/span\u003e Product Details\u003c\/h2\u003e\n\u003cul class=\"custom-specs-list\"\u003e\n\u003cli\u003e5.3-ounce, 100% US cotton\u003c\/li\u003e\n\u003cli\u003e99\/1 cotton\/poly (Ash)\u003c\/li\u003e\n\u003cli\u003e90\/10 cotton\/poly (Sport Grey, Antique Cherry Red, Antique Irish Green, Antique Jade Dome, Antique Orange, Antique Sapphire)\u003c\/li\u003e\n\u003cli\u003e50\/50 cotton\/poly (Blackberry, Dark Heather, Heather Military Green, Heather Navy, Heather Radiant Orchid, Heather Red, Heather Sapphire, Lilac, Midnight, Neon Blue, Neon Green, Russet, Sunset, Tweed, Safety Green, Safety Orange, Safety Pink, Graphite Heather)\u003c\/li\u003e\n\u003cli\u003eNon-topstitched, classic width, rib collar\u003c\/li\u003e\n\u003cli\u003eTaped neck and shoulders\u003c\/li\u003e\n\u003cli\u003eClassic fit, seamless body\u003c\/li\u003e\n\u003cli\u003eRecycled, high-performing black tear-away label\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- Special features card --\u003e\n\u003cdiv class=\"custom-info-card\"\u003e\n\u003ch2\u003e\n\u003cspan class=\"custom-icon\"\u003e🏷️\u003c\/span\u003e Special Features\u003c\/h2\u003e\n\u003cp class=\"custom-info-paragraph\"\u003ePlease note: This product is transitioning from tear-away labels to recycled, high-performing black tear-away labels. Your order may contain a combination of both labels.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Notes section --\u003e\n\u003cdiv class=\"custom-notes-section\"\u003e\n\u003ch3\u003e\n\u003cspan class=\"custom-icon\" style=\"background: rgba(255,255,255,0.2);\"\u003e⚠️\u003c\/span\u003e Important Note\u003c\/h3\u003e\n\u003cdiv class=\"custom-note-content\"\u003eDue to the nature of 50\/50 cotton\/poly neon fabrics, special care must be taken throughout the printing process.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Hidden tags - keeping original IDs --\u003e\n\u003cdiv style=\"display: none;\"\u003e\n\u003cdiv id=\"zakeke-product-tag\" data-product-id=\"8516418044071\" data-enviroment=\"Customizer\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003cdiv id=\"zakeke-design-tag\" data-design=\"000-su0Th2oxSEWI6hV9aypl1g\" style=\"display:none\"\u003e\u003c\/div\u003e","brand":"Gildan","offers":[{"title":"Black \/ 2XL","offer_id":47237358616743,"sku":null,"price":38.37,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0684\/2656\/3751\/files\/59021823-6049-40fe-bb49-a43a68f996bf.png?v=1762532675"},{"product_id":"gildan-heavy-cotton-100-cotton-t-shirt-a07da441-4195-4eeb-a062-8c4aa0115149","title":"Gildan - Heavy Cotton 100% Cotton T-Shirt","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        \/* Scoped styles with unique prefix to avoid conflicts *\/\n        .custom-product-wrapper {\n            \/* Color variables from logo *\/\n            --primary-blue: #1E3A8A;\n            --secondary-blue: #3B5998;\n            --light-blue: #60A5FA;\n            --white: #FFFFFF;\n            --gray-light: #F3F4F6;\n            --gray-dark: #374151;\n            --accent-blue: #2563EB;\n        }\n\n        \/* Reset for this component only *\/\n        .custom-product-wrapper * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        \/* Main container - isolated from page *\/\n        .custom-product-wrapper {\n            width: 100%;\n            margin: 0 auto;\n            padding: 20px 10px;\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n            background: linear-gradient(135deg, var(--gray-light) 0%, var(--white) 100%);\n            position: relative;\n            z-index: 1;\n        }\n\n        \/* Inner container for max-width *\/\n        .custom-product-inner {\n            max-width: 1200px;\n            margin: 0 auto;\n        }\n\n        \/* Main header *\/\n        .custom-main-header {\n            text-align: center;\n            margin-bottom: 30px;\n            animation: slideDown 0.8s ease-out;\n        }\n\n        .custom-main-header h1 {\n            color: var(--primary-blue);\n            font-size: 1.8rem;\n            margin-bottom: 10px;\n            position: relative;\n            display: inline-block;\n            transition: all 0.3s ease;\n            cursor: pointer;\n            word-break: break-word;\n        }\n\n        .custom-main-header h1:hover {\n            transform: scale(1.05);\n            color: var(--accent-blue);\n        }\n\n        .custom-main-header h1::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 0;\n            height: 3px;\n            background: var(--accent-blue);\n            animation: expandLine 1s ease-out 0.5s forwards;\n        }\n\n        \/* Info card *\/\n        .custom-info-card {\n            background: var(--white);\n            border-radius: 15px;\n            padding: 35px;\n            margin-bottom: 30px;\n            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n            transform: translateY(20px);\n            opacity: 0;\n            animation: fadeInUp 0.6s ease-out 0.3s forwards;\n            position: relative;\n            overflow: hidden;\n            transition: all 0.3s ease;\n            cursor: pointer;\n        }\n\n        .custom-info-card:hover {\n            transform: scale(1.03) translateY(0);\n            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);\n        }\n\n        .custom-info-card::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: -100%;\n            width: 100%;\n            height: 100%;\n            background: linear-gradient(90deg, transparent, rgba(37, 99, 235, 0.05), transparent);\n            animation: shimmer 3s infinite;\n        }\n\n        .custom-info-card h2 {\n            color: var(--primary-blue);\n            font-size: 2rem;\n            margin-bottom: 20px;\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            transition: all 0.3s ease;\n            word-break: break-word;\n            font-weight: 600;\n        }\n\n        .custom-info-card:hover h2 {\n            color: var(--accent-blue);\n            transform: scale(1.02);\n        }\n\n        .custom-icon {\n            min-width: 35px;\n            width: 35px;\n            height: 35px;\n            background: var(--light-blue);\n            border-radius: 50%;\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            animation: pulse 2s infinite;\n            font-size: 1.2rem;\n        }\n\n        \/* Specifications list *\/\n        .custom-specs-list {\n            list-style: none;\n            padding: 0;\n        }\n\n        .custom-specs-list li {\n            padding: 16px 24px;\n            margin-bottom: 14px;\n            background: var(--gray-light);\n            border-radius: 10px;\n            border-left: 4px solid var(--accent-blue);\n            transform: translateX(20px);\n            opacity: 0;\n            animation: slideFromLeft 0.5s ease-out forwards;\n            transition: all 0.3s ease;\n            position: relative;\n            font-size: 1.15rem;\n            line-height: 1.7;\n            word-break: break-word;\n            font-weight: 500;\n        }\n\n        .custom-specs-list li:nth-child(1) { animation-delay: 0.1s; }\n        .custom-specs-list li:nth-child(2) { animation-delay: 0.2s; }\n        .custom-specs-list li:nth-child(3) { animation-delay: 0.3s; }\n        .custom-specs-list li:nth-child(4) { animation-delay: 0.4s; }\n        .custom-specs-list li:nth-child(5) { animation-delay: 0.5s; }\n        .custom-specs-list li:nth-child(6) { animation-delay: 0.6s; }\n        .custom-specs-list li:nth-child(7) { animation-delay: 0.7s; }\n        .custom-specs-list li:nth-child(8) { animation-delay: 0.8s; }\n\n        .custom-specs-list li:hover {\n            transform: translateX(-5px);\n            background: var(--white);\n            box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);\n        }\n\n        .custom-specs-list li::before {\n            content: '✓';\n            position: absolute;\n            left: -12px;\n            top: 50%;\n            transform: translateY(-50%);\n            width: 24px;\n            height: 24px;\n            background: var(--accent-blue);\n            color: var(--white);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-weight: bold;\n            font-size: 0.7rem;\n        }\n\n        \/* Paragraph styling *\/\n        .custom-info-paragraph {\n            line-height: 1.8;\n            color: var(--gray-dark);\n            transition: all 0.3s ease;\n            font-size: 1.15rem;\n            word-break: break-word;\n            font-weight: 400;\n        }\n\n        .custom-info-card:hover .custom-info-paragraph {\n            color: var(--primary-blue);\n        }\n\n        \/* Notes section *\/\n        .custom-notes-section {\n            background: linear-gradient(135deg, var(--primary-blue), var(--secondary-blue));\n            color: var(--white);\n            padding: 35px;\n            border-radius: 15px;\n            margin-top: 40px;\n            transform: scale(0.9);\n            opacity: 0;\n            animation: scaleIn 0.7s ease-out 0.8s forwards;\n            transition: all 0.3s ease;\n            cursor: pointer;\n        }\n\n        .custom-notes-section:hover {\n            transform: scale(1.02);\n            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);\n        }\n\n        .custom-notes-section h3 {\n            font-size: 1.7rem;\n            margin-bottom: 15px;\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            word-break: break-word;\n            font-weight: 600;\n        }\n\n        .custom-note-content {\n            background: rgba(255, 255, 255, 0.1);\n            padding: 20px;\n            border-radius: 10px;\n            backdrop-filter: blur(10px);\n            line-height: 1.8;\n            transition: all 0.3s ease;\n            font-size: 1.1rem;\n            font-weight: 400;\n        }\n\n        .custom-notes-section:hover .custom-note-content {\n            background: rgba(255, 255, 255, 0.15);\n        }\n\n        \/* Progress bar *\/\n        .custom-progress-bar {\n            height: 3px;\n            background: var(--gray-light);\n            border-radius: 2px;\n            margin: 15px 0;\n            overflow: hidden;\n        }\n\n        .custom-progress-fill {\n            height: 100%;\n            background: linear-gradient(90deg, var(--accent-blue), var(--light-blue));\n            width: 0;\n            animation: fillProgress 2s ease-out 1s forwards;\n        }\n\n        \/* Media queries for responsive design *\/\n        @media (max-width: 768px) {\n            .custom-product-wrapper {\n                padding: 20px 10px;\n            }\n\n            .custom-main-header h1 {\n                font-size: 1.8rem;\n            }\n\n            .custom-info-card {\n                padding: 20px;\n                margin-bottom: 20px;\n            }\n\n            .custom-info-card h2 {\n                font-size: 1.4rem;\n            }\n\n            .custom-specs-list li {\n                padding: 14px 18px;\n                font-size: 1rem;\n                margin-bottom: 12px;\n            }\n\n            .custom-notes-section {\n                padding: 20px;\n            }\n\n            .custom-notes-section h3 {\n                font-size: 1.3rem;\n            }\n\n            .custom-note-content {\n                font-size: 1rem;\n                padding: 18px;\n            }\n\n            .custom-icon {\n                min-width: 30px;\n                width: 30px;\n                height: 30px;\n                font-size: 1rem;\n            }\n\n            .custom-specs-list li::before {\n                width: 26px;\n                height: 26px;\n                font-size: 0.8rem;\n                left: -13px;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .custom-product-wrapper {\n                padding: 15px 8px;\n            }\n\n            .custom-main-header h1 {\n                font-size: 1.6rem;\n                line-height: 1.3;\n            }\n\n            .custom-info-card {\n                padding: 18px;\n                margin-bottom: 18px;\n            }\n\n            .custom-info-card h2 {\n                font-size: 1.25rem;\n                gap: 10px;\n            }\n\n            .custom-icon {\n                min-width: 28px;\n                width: 28px;\n                height: 28px;\n                font-size: 0.95rem;\n            }\n\n            .custom-specs-list li {\n                padding: 12px 16px;\n                font-size: 0.95rem;\n                line-height: 1.6;\n            }\n\n            .custom-specs-list li::before {\n                width: 24px;\n                height: 24px;\n                font-size: 0.75rem;\n                left: -12px;\n            }\n\n            .custom-notes-section {\n                padding: 18px;\n                margin-top: 25px;\n            }\n\n            .custom-notes-section h3 {\n                font-size: 1.2rem;\n            }\n\n            .custom-note-content {\n                padding: 16px;\n                font-size: 0.95rem;\n                line-height: 1.7;\n            }\n\n            .custom-info-paragraph {\n                font-size: 0.95rem;\n                line-height: 1.7;\n            }\n        }\n\n        \/* Animations *\/\n        @keyframes slideDown {\n            from {\n                transform: translateY(-30px);\n                opacity: 0;\n            }\n            to {\n                transform: translateY(0);\n                opacity: 1;\n            }\n        }\n\n        @keyframes fadeInUp {\n            to {\n                transform: translateY(0);\n                opacity: 1;\n            }\n        }\n\n        @keyframes slideFromLeft {\n            to {\n                transform: translateX(0);\n                opacity: 1;\n            }\n        }\n\n        @keyframes scaleIn {\n            to {\n                transform: scale(1);\n                opacity: 1;\n            }\n        }\n\n        @keyframes expandLine {\n            to {\n                width: 60px;\n            }\n        }\n\n        @keyframes pulse {\n            0%, 100% {\n                transform: scale(1);\n            }\n            50% {\n                transform: scale(1.05);\n            }\n        }\n\n        @keyframes shimmer {\n            100% {\n                left: 100%;\n            }\n        }\n\n        @keyframes fillProgress {\n            to {\n                width: 100%;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"custom-product-wrapper\"\u003e\n\u003cdiv class=\"custom-product-inner\"\u003e\n\u003c!-- Main header --\u003e\n\u003cdiv class=\"custom-main-header\"\u003e\n\u003ch1\u003ePremium Product Specifications\u003c\/h1\u003e\n\u003cdiv class=\"custom-progress-bar\"\u003e\n\u003cdiv class=\"custom-progress-fill\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Product details card --\u003e\n\u003cdiv class=\"custom-info-card\"\u003e\n\u003ch2\u003e\n\u003cspan class=\"custom-icon\"\u003e📃\u003c\/span\u003e Product Details\u003c\/h2\u003e\n\u003cul class=\"custom-specs-list\"\u003e\n\u003cli\u003e5.3-ounce, 100% US cotton\u003c\/li\u003e\n\u003cli\u003e99\/1 cotton\/poly (Ash)\u003c\/li\u003e\n\u003cli\u003e90\/10 cotton\/poly (Sport Grey, Antique Cherry Red, Antique Irish Green, Antique Jade Dome, Antique Orange, Antique Sapphire)\u003c\/li\u003e\n\u003cli\u003e50\/50 cotton\/poly (Blackberry, Dark Heather, Heather Military Green, Heather Navy, Heather Radiant Orchid, Heather Red, Heather Sapphire, Lilac, Midnight, Neon Blue, Neon Green, Russet, Sunset, Tweed, Safety Green, Safety Orange, Safety Pink, Graphite Heather)\u003c\/li\u003e\n\u003cli\u003eNon-topstitched, classic width, rib collar\u003c\/li\u003e\n\u003cli\u003eTaped neck and shoulders\u003c\/li\u003e\n\u003cli\u003eClassic fit, seamless body\u003c\/li\u003e\n\u003cli\u003eRecycled, high-performing black tear-away label\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- Special features card --\u003e\n\u003cdiv class=\"custom-info-card\"\u003e\n\u003ch2\u003e\n\u003cspan class=\"custom-icon\"\u003e🏷️\u003c\/span\u003e Special Features\u003c\/h2\u003e\n\u003cp class=\"custom-info-paragraph\"\u003ePlease note: This product is transitioning from tear-away labels to recycled, high-performing black tear-away labels. Your order may contain a combination of both labels.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Notes section --\u003e\n\u003cdiv class=\"custom-notes-section\"\u003e\n\u003ch3\u003e\n\u003cspan class=\"custom-icon\" style=\"background: rgba(255,255,255,0.2);\"\u003e⚠️\u003c\/span\u003e Important Note\u003c\/h3\u003e\n\u003cdiv class=\"custom-note-content\"\u003eDue to the nature of 50\/50 cotton\/poly neon fabrics, special care must be taken throughout the printing process.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Hidden tags - keeping original IDs --\u003e\n\u003cdiv style=\"display: none;\"\u003e\n\u003cdiv id=\"zakeke-product-tag\" data-product-id=\"8516418044071\" data-enviroment=\"Customizer\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003cdiv id=\"zakeke-design-tag\" data-design=\"000-ma6d4LUIRUGSTjfLSlpOdA\" style=\"display:none\"\u003e\u003c\/div\u003e","brand":"Gildan","offers":[{"title":"Black \/ 4XL","offer_id":47242343481511,"sku":null,"price":25.37,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0684\/2656\/3751\/files\/91ce2d69-00f7-4be6-820a-f3e684dc7b76.png?v=1762602648"},{"product_id":"gildan-heavy-cotton-100-cotton-t-shirt-ebf3314e-e4f2-4683-addb-92a59ef53cb8","title":"Gildan - Heavy Cotton 100% Cotton T-Shirt","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        \/* Scoped styles with unique prefix to avoid conflicts *\/\n        .custom-product-wrapper {\n            \/* Color variables from logo *\/\n            --primary-blue: #1E3A8A;\n            --secondary-blue: #3B5998;\n            --light-blue: #60A5FA;\n            --white: #FFFFFF;\n            --gray-light: #F3F4F6;\n            --gray-dark: #374151;\n            --accent-blue: #2563EB;\n        }\n\n        \/* Reset for this component only *\/\n        .custom-product-wrapper * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        \/* Main container - isolated from page *\/\n        .custom-product-wrapper {\n            width: 100%;\n            margin: 0 auto;\n            padding: 20px 10px;\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n            background: linear-gradient(135deg, var(--gray-light) 0%, var(--white) 100%);\n            position: relative;\n            z-index: 1;\n        }\n\n        \/* Inner container for max-width *\/\n        .custom-product-inner {\n            max-width: 1200px;\n            margin: 0 auto;\n        }\n\n        \/* Main header *\/\n        .custom-main-header {\n            text-align: center;\n            margin-bottom: 30px;\n            animation: slideDown 0.8s ease-out;\n        }\n\n        .custom-main-header h1 {\n            color: var(--primary-blue);\n            font-size: 1.8rem;\n            margin-bottom: 10px;\n            position: relative;\n            display: inline-block;\n            transition: all 0.3s ease;\n            cursor: pointer;\n            word-break: break-word;\n        }\n\n        .custom-main-header h1:hover {\n            transform: scale(1.05);\n            color: var(--accent-blue);\n        }\n\n        .custom-main-header h1::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 0;\n            height: 3px;\n            background: var(--accent-blue);\n            animation: expandLine 1s ease-out 0.5s forwards;\n        }\n\n        \/* Info card *\/\n        .custom-info-card {\n            background: var(--white);\n            border-radius: 15px;\n            padding: 35px;\n            margin-bottom: 30px;\n            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n            transform: translateY(20px);\n            opacity: 0;\n            animation: fadeInUp 0.6s ease-out 0.3s forwards;\n            position: relative;\n            overflow: hidden;\n            transition: all 0.3s ease;\n            cursor: pointer;\n        }\n\n        .custom-info-card:hover {\n            transform: scale(1.03) translateY(0);\n            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);\n        }\n\n        .custom-info-card::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: -100%;\n            width: 100%;\n            height: 100%;\n            background: linear-gradient(90deg, transparent, rgba(37, 99, 235, 0.05), transparent);\n            animation: shimmer 3s infinite;\n        }\n\n        .custom-info-card h2 {\n            color: var(--primary-blue);\n            font-size: 2rem;\n            margin-bottom: 20px;\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            transition: all 0.3s ease;\n            word-break: break-word;\n            font-weight: 600;\n        }\n\n        .custom-info-card:hover h2 {\n            color: var(--accent-blue);\n            transform: scale(1.02);\n        }\n\n        .custom-icon {\n            min-width: 35px;\n            width: 35px;\n            height: 35px;\n            background: var(--light-blue);\n            border-radius: 50%;\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            animation: pulse 2s infinite;\n            font-size: 1.2rem;\n        }\n\n        \/* Specifications list *\/\n        .custom-specs-list {\n            list-style: none;\n            padding: 0;\n        }\n\n        .custom-specs-list li {\n            padding: 16px 24px;\n            margin-bottom: 14px;\n            background: var(--gray-light);\n            border-radius: 10px;\n            border-left: 4px solid var(--accent-blue);\n            transform: translateX(20px);\n            opacity: 0;\n            animation: slideFromLeft 0.5s ease-out forwards;\n            transition: all 0.3s ease;\n            position: relative;\n            font-size: 1.15rem;\n            line-height: 1.7;\n            word-break: break-word;\n            font-weight: 500;\n        }\n\n        .custom-specs-list li:nth-child(1) { animation-delay: 0.1s; }\n        .custom-specs-list li:nth-child(2) { animation-delay: 0.2s; }\n        .custom-specs-list li:nth-child(3) { animation-delay: 0.3s; }\n        .custom-specs-list li:nth-child(4) { animation-delay: 0.4s; }\n        .custom-specs-list li:nth-child(5) { animation-delay: 0.5s; }\n        .custom-specs-list li:nth-child(6) { animation-delay: 0.6s; }\n        .custom-specs-list li:nth-child(7) { animation-delay: 0.7s; }\n        .custom-specs-list li:nth-child(8) { animation-delay: 0.8s; }\n\n        .custom-specs-list li:hover {\n            transform: translateX(-5px);\n            background: var(--white);\n            box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);\n        }\n\n        .custom-specs-list li::before {\n            content: '✓';\n            position: absolute;\n            left: -12px;\n            top: 50%;\n            transform: translateY(-50%);\n            width: 24px;\n            height: 24px;\n            background: var(--accent-blue);\n            color: var(--white);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-weight: bold;\n            font-size: 0.7rem;\n        }\n\n        \/* Paragraph styling *\/\n        .custom-info-paragraph {\n            line-height: 1.8;\n            color: var(--gray-dark);\n            transition: all 0.3s ease;\n            font-size: 1.15rem;\n            word-break: break-word;\n            font-weight: 400;\n        }\n\n        .custom-info-card:hover .custom-info-paragraph {\n            color: var(--primary-blue);\n        }\n\n        \/* Notes section *\/\n        .custom-notes-section {\n            background: linear-gradient(135deg, var(--primary-blue), var(--secondary-blue));\n            color: var(--white);\n            padding: 35px;\n            border-radius: 15px;\n            margin-top: 40px;\n            transform: scale(0.9);\n            opacity: 0;\n            animation: scaleIn 0.7s ease-out 0.8s forwards;\n            transition: all 0.3s ease;\n            cursor: pointer;\n        }\n\n        .custom-notes-section:hover {\n            transform: scale(1.02);\n            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);\n        }\n\n        .custom-notes-section h3 {\n            font-size: 1.7rem;\n            margin-bottom: 15px;\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            word-break: break-word;\n            font-weight: 600;\n        }\n\n        .custom-note-content {\n            background: rgba(255, 255, 255, 0.1);\n            padding: 20px;\n            border-radius: 10px;\n            backdrop-filter: blur(10px);\n            line-height: 1.8;\n            transition: all 0.3s ease;\n            font-size: 1.1rem;\n            font-weight: 400;\n        }\n\n        .custom-notes-section:hover .custom-note-content {\n            background: rgba(255, 255, 255, 0.15);\n        }\n\n        \/* Progress bar *\/\n        .custom-progress-bar {\n            height: 3px;\n            background: var(--gray-light);\n            border-radius: 2px;\n            margin: 15px 0;\n            overflow: hidden;\n        }\n\n        .custom-progress-fill {\n            height: 100%;\n            background: linear-gradient(90deg, var(--accent-blue), var(--light-blue));\n            width: 0;\n            animation: fillProgress 2s ease-out 1s forwards;\n        }\n\n        \/* Media queries for responsive design *\/\n        @media (max-width: 768px) {\n            .custom-product-wrapper {\n                padding: 20px 10px;\n            }\n\n            .custom-main-header h1 {\n                font-size: 1.8rem;\n            }\n\n            .custom-info-card {\n                padding: 20px;\n                margin-bottom: 20px;\n            }\n\n            .custom-info-card h2 {\n                font-size: 1.4rem;\n            }\n\n            .custom-specs-list li {\n                padding: 14px 18px;\n                font-size: 1rem;\n                margin-bottom: 12px;\n            }\n\n            .custom-notes-section {\n                padding: 20px;\n            }\n\n            .custom-notes-section h3 {\n                font-size: 1.3rem;\n            }\n\n            .custom-note-content {\n                font-size: 1rem;\n                padding: 18px;\n            }\n\n            .custom-icon {\n                min-width: 30px;\n                width: 30px;\n                height: 30px;\n                font-size: 1rem;\n            }\n\n            .custom-specs-list li::before {\n                width: 26px;\n                height: 26px;\n                font-size: 0.8rem;\n                left: -13px;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .custom-product-wrapper {\n                padding: 15px 8px;\n            }\n\n            .custom-main-header h1 {\n                font-size: 1.6rem;\n                line-height: 1.3;\n            }\n\n            .custom-info-card {\n                padding: 18px;\n                margin-bottom: 18px;\n            }\n\n            .custom-info-card h2 {\n                font-size: 1.25rem;\n                gap: 10px;\n            }\n\n            .custom-icon {\n                min-width: 28px;\n                width: 28px;\n                height: 28px;\n                font-size: 0.95rem;\n            }\n\n            .custom-specs-list li {\n                padding: 12px 16px;\n                font-size: 0.95rem;\n                line-height: 1.6;\n            }\n\n            .custom-specs-list li::before {\n                width: 24px;\n                height: 24px;\n                font-size: 0.75rem;\n                left: -12px;\n            }\n\n            .custom-notes-section {\n                padding: 18px;\n                margin-top: 25px;\n            }\n\n            .custom-notes-section h3 {\n                font-size: 1.2rem;\n            }\n\n            .custom-note-content {\n                padding: 16px;\n                font-size: 0.95rem;\n                line-height: 1.7;\n            }\n\n            .custom-info-paragraph {\n                font-size: 0.95rem;\n                line-height: 1.7;\n            }\n        }\n\n        \/* Animations *\/\n        @keyframes slideDown {\n            from {\n                transform: translateY(-30px);\n                opacity: 0;\n            }\n            to {\n                transform: translateY(0);\n                opacity: 1;\n            }\n        }\n\n        @keyframes fadeInUp {\n            to {\n                transform: translateY(0);\n                opacity: 1;\n            }\n        }\n\n        @keyframes slideFromLeft {\n            to {\n                transform: translateX(0);\n                opacity: 1;\n            }\n        }\n\n        @keyframes scaleIn {\n            to {\n                transform: scale(1);\n                opacity: 1;\n            }\n        }\n\n        @keyframes expandLine {\n            to {\n                width: 60px;\n            }\n        }\n\n        @keyframes pulse {\n            0%, 100% {\n                transform: scale(1);\n            }\n            50% {\n                transform: scale(1.05);\n            }\n        }\n\n        @keyframes shimmer {\n            100% {\n                left: 100%;\n            }\n        }\n\n        @keyframes fillProgress {\n            to {\n                width: 100%;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"custom-product-wrapper\"\u003e\n\u003cdiv class=\"custom-product-inner\"\u003e\n\u003c!-- Main header --\u003e\n\u003cdiv class=\"custom-main-header\"\u003e\n\u003ch1\u003ePremium Product Specifications\u003c\/h1\u003e\n\u003cdiv class=\"custom-progress-bar\"\u003e\n\u003cdiv class=\"custom-progress-fill\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Product details card --\u003e\n\u003cdiv class=\"custom-info-card\"\u003e\n\u003ch2\u003e\n\u003cspan class=\"custom-icon\"\u003e📃\u003c\/span\u003e Product Details\u003c\/h2\u003e\n\u003cul class=\"custom-specs-list\"\u003e\n\u003cli\u003e5.3-ounce, 100% US cotton\u003c\/li\u003e\n\u003cli\u003e99\/1 cotton\/poly (Ash)\u003c\/li\u003e\n\u003cli\u003e90\/10 cotton\/poly (Sport Grey, Antique Cherry Red, Antique Irish Green, Antique Jade Dome, Antique Orange, Antique Sapphire)\u003c\/li\u003e\n\u003cli\u003e50\/50 cotton\/poly (Blackberry, Dark Heather, Heather Military Green, Heather Navy, Heather Radiant Orchid, Heather Red, Heather Sapphire, Lilac, Midnight, Neon Blue, Neon Green, Russet, Sunset, Tweed, Safety Green, Safety Orange, Safety Pink, Graphite Heather)\u003c\/li\u003e\n\u003cli\u003eNon-topstitched, classic width, rib collar\u003c\/li\u003e\n\u003cli\u003eTaped neck and shoulders\u003c\/li\u003e\n\u003cli\u003eClassic fit, seamless body\u003c\/li\u003e\n\u003cli\u003eRecycled, high-performing black tear-away label\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- Special features card --\u003e\n\u003cdiv class=\"custom-info-card\"\u003e\n\u003ch2\u003e\n\u003cspan class=\"custom-icon\"\u003e🏷️\u003c\/span\u003e Special Features\u003c\/h2\u003e\n\u003cp class=\"custom-info-paragraph\"\u003ePlease note: This product is transitioning from tear-away labels to recycled, high-performing black tear-away labels. Your order may contain a combination of both labels.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Notes section --\u003e\n\u003cdiv class=\"custom-notes-section\"\u003e\n\u003ch3\u003e\n\u003cspan class=\"custom-icon\" style=\"background: rgba(255,255,255,0.2);\"\u003e⚠️\u003c\/span\u003e Important Note\u003c\/h3\u003e\n\u003cdiv class=\"custom-note-content\"\u003eDue to the nature of 50\/50 cotton\/poly neon fabrics, special care must be taken throughout the printing process.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Hidden tags - keeping original IDs --\u003e\n\u003cdiv style=\"display: none;\"\u003e\n\u003cdiv id=\"zakeke-product-tag\" data-product-id=\"8516418044071\" data-enviroment=\"Customizer\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003cdiv id=\"zakeke-design-tag\" data-design=\"000-q4VGnjP8iUqBAvKiWp407w\" style=\"display:none\"\u003e\u003c\/div\u003e","brand":"Gildan","offers":[{"title":"Black \/ L","offer_id":47251423363239,"sku":null,"price":25.37,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0684\/2656\/3751\/files\/0eb32e15-545d-4718-b138-f3e30bcd0e15.png?v=1762754189"},{"product_id":"port-company-core-cotton-t-shirt-c75a7866-0086-460b-958e-bb6ac331b10e","title":"Port \u0026 Company Core Cotton T-shirt","description":"\u003c!-- Product description styling with isolated scope --\u003e\n\u003cstyle\u003e\n        \/* كل التنسيقات محصورة داخل كلاس فريد لضمان عدم التأثير على باقي الموقع *\/\n        .premium-tshirt-container-isolated-123456 {\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n            max-width: 800px;\n            margin: 0 auto;\n            padding: 30px;\n            background: white;\n            border-radius: 12px;\n            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);\n            position: relative;\n            overflow: hidden;\n            animation: tshirt_fadeIn_123456 0.8s ease-out forwards;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .accent-bar-123456 {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 8px;\n            height: 0%;\n            background: linear-gradient(to bottom, #0a5cb1, #1e88e5);\n            animation: tshirt_growBar_123456 1s ease-out 0.3s forwards;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .product-title-123456 {\n            font-size: 1.8rem;\n            font-weight: 700;\n            color: #0a5cb1;\n            margin-bottom: 20px;\n            padding-bottom: 12px;\n            border-bottom: 2px solid #f0f0f0;\n            opacity: 0;\n            transform: translateY(-20px);\n            animation: tshirt_slideDown_123456 0.6s ease-out 0.4s forwards;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .product-description-123456 {\n            font-size: 1.1rem;\n            line-height: 1.6;\n            color: #333;\n            margin-bottom: 25px;\n            opacity: 0;\n            animation: tshirt_fadeIn_123456 0.6s ease-out 0.6s forwards;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .features-title-123456 {\n            font-size: 1.3rem;\n            font-weight: 600;\n            color: #0a5cb1;\n            margin-bottom: 15px;\n            opacity: 0;\n            transform: translateY(10px);\n            animation: tshirt_slideUp_123456 0.5s ease-out 0.8s forwards;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .features-list-123456 {\n            list-style-type: none;\n            padding: 0;\n            margin: 0 0 30px 0;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .features-list-123456 li {\n            position: relative;\n            padding: 8px 0 8px 35px;\n            margin-bottom: 10px;\n            opacity: 0;\n            transform: translateX(-20px);\n            animation: tshirt_slideInRight_123456 0.5s ease-out forwards;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .features-list-123456 li:nth-child(1) {\n            animation-delay: 1.0s;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .features-list-123456 li:nth-child(2) {\n            animation-delay: 1.1s;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .features-list-123456 li:nth-child(3) {\n            animation-delay: 1.2s;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .features-list-123456 li:nth-child(4) {\n            animation-delay: 1.3s;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .features-list-123456 li:nth-child(5) {\n            animation-delay: 1.4s;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .features-list-123456 li:before {\n            content: '';\n            position: absolute;\n            left: 0;\n            top: 10px;\n            width: 20px;\n            height: 20px;\n            background-color: #1e88e5;\n            mask-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C\/polyline%3E%3C\/svg%3E\");\n            -webkit-mask-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C\/polyline%3E%3C\/svg%3E\");\n            mask-size: contain;\n            -webkit-mask-size: contain;\n            mask-repeat: no-repeat;\n            -webkit-mask-repeat: no-repeat;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .customization-tag-123456 {\n            background: linear-gradient(135deg, #f5f7fa 0%, #e8edf5 100%);\n            padding: 20px;\n            border-radius: 8px;\n            border-left: 4px solid #0a5cb1;\n            margin-top: 20px;\n            opacity: 0;\n            transform: scale(0.95);\n            animation: tshirt_scaleIn_123456 0.7s ease-out 1.6s forwards;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .customization-title-123456 {\n            font-weight: 600;\n            color: #0a5cb1;\n            margin-bottom: 10px;\n            font-size: 1.1rem;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .customization-text-123456 {\n            font-size: 0.95rem;\n            color: #444;\n            line-height: 1.5;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .size-options-123456 {\n            display: flex;\n            gap: 10px;\n            flex-wrap: wrap;\n            margin-bottom: 25px;\n            opacity: 0;\n            animation: tshirt_fadeIn_123456 0.6s ease-out 0.7s forwards;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .size-tag-123456 {\n            padding: 6px 15px;\n            border-radius: 20px;\n            background-color: #e8edf5;\n            color: #0a5cb1;\n            font-weight: 500;\n            font-size: 0.9rem;\n            transition: all 0.3s ease;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .size-tag-123456:hover {\n            background-color: #0a5cb1;\n            color: white;\n            transform: translateY(-2px);\n            box-shadow: 0 4px 8px rgba(10, 92, 177, 0.2);\n        }\n        \n        .premium-tshirt-container-isolated-123456 .color-options-123456 {\n            display: flex;\n            gap: 8px;\n            margin-bottom: 20px;\n            opacity: 0;\n            animation: tshirt_fadeIn_123456 0.6s ease-out 0.9s forwards;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .color-dot-123456 {\n            width: 24px;\n            height: 24px;\n            border-radius: 50%;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            border: 2px solid transparent;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .color-dot-123456:hover {\n            transform: scale(1.2);\n        }\n        \n        .premium-tshirt-container-isolated-123456 .color-dot-123456.blue-123456 {\n            background-color: #1e88e5;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .color-dot-123456.red-123456 {\n            background-color: #e53935;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .color-dot-123456.green-123456 {\n            background-color: #43a047;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .color-dot-123456.black-123456 {\n            background-color: #212121;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .color-dot-123456.grey-123456 {\n            background-color: #757575;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .floating-icon-123456 {\n            position: absolute;\n            right: 15px;\n            top: 15px;\n            width: 40px;\n            height: 40px;\n            background-color: #0a5cb1;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: white;\n            font-size: 20px;\n            animation: tshirt_pulse_123456 2s infinite;\n        }\n        \n        \/* Animation keyframes with unique names to avoid conflicts *\/\n        @keyframes tshirt_fadeIn_123456 {\n            from {\n                opacity: 0;\n            }\n            to {\n                opacity: 1;\n            }\n        }\n        \n        @keyframes tshirt_growBar_123456 {\n            from {\n                height: 0%;\n            }\n            to {\n                height: 100%;\n            }\n        }\n        \n        @keyframes tshirt_slideDown_123456 {\n            from {\n                opacity: 0;\n                transform: translateY(-20px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n        \n        @keyframes tshirt_slideUp_123456 {\n            from {\n                opacity: 0;\n                transform: translateY(20px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n        \n        @keyframes tshirt_slideInRight_123456 {\n            from {\n                opacity: 0;\n                transform: translateX(-20px);\n            }\n            to {\n                opacity: 1;\n                transform: translateX(0);\n            }\n        }\n        \n        @keyframes tshirt_scaleIn_123456 {\n            from {\n                opacity: 0;\n                transform: scale(0.95);\n            }\n            to {\n                opacity: 1;\n                transform: scale(1);\n            }\n        }\n        \n        @keyframes tshirt_pulse_123456 {\n            0% {\n                box-shadow: 0 0 0 0 rgba(10, 92, 177, 0.4);\n            }\n            70% {\n                box-shadow: 0 0 0 10px rgba(10, 92, 177, 0);\n            }\n            100% {\n                box-shadow: 0 0 0 0 rgba(10, 92, 177, 0);\n            }\n        }\n        \n        \/* Responsive adjustments *\/\n        @media (max-width: 768px) {\n            .premium-tshirt-container-isolated-123456 {\n                padding: 20px;\n                margin: 0 10px;\n            }\n            \n            .premium-tshirt-container-isolated-123456 .product-title-123456 {\n                font-size: 1.5rem;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"premium-tshirt-container-isolated-123456\"\u003e\n\u003cdiv class=\"accent-bar-123456\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"floating-icon-123456\"\u003e\n\u003ci class=\"fas fa-tshirt\"\u003e\u003c\/i\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003ch1 class=\"product-title-123456\"\u003ePremium Cotton T-Shirt\u003c\/h1\u003e\n\u003cp class=\"product-description-123456\"\u003eThis is a great year-round tee with an amazing selection of colors. This shirt comes in adult unisex and youth sizes as well so you can outfit your entire group!\u003c\/p\u003e\n\u003cdiv class=\"size-options-123456\"\u003e\n\u003cspan class=\"size-tag-123456\"\u003eAdult Unisex\u003c\/span\u003e \u003cspan class=\"size-tag-123456\"\u003eYouth Sizes\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"color-options-123456\"\u003e\n\u003cdiv class=\"color-dot-123456 blue-123456\" title=\"Blue\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"color-dot-123456 red-123456\" title=\"Red\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"color-dot-123456 green-123456\" title=\"Green\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"color-dot-123456 black-123456\" title=\"Black\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"color-dot-123456 grey-123456\" title=\"Grey\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"features-title-123456\"\u003eProduct Features\u003c\/h2\u003e\n\u003cul class=\"features-list-123456\"\u003e\n\u003cli\u003e5.4 oz., 100% cotton\u003c\/li\u003e\n\u003cli\u003eAll heather colors, and neon colors are cotton\/poly blends\u003c\/li\u003e\n\u003cli\u003eGreat color selection\u003c\/li\u003e\n\u003cli\u003eSide seamed\u003c\/li\u003e\n\u003cli\u003eRibbed collar\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv class=\"customization-tag-123456\"\u003e\n\u003cdiv class=\"customization-title-123456\"\u003eCustomization Available\u003c\/div\u003e\n\u003cp class=\"customization-text-123456\"\u003eMake it yours! Add custom text, graphics, or logos to create the perfect personalized t-shirt for your event, team, or business.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Hidden tag for the product customizer --\u003e\n\u003cdiv id=\"zakeke-product-tag-123456\" style=\"display: none;\" data-product-id=\"8458071343271\" data-enviroment=\"Customizer\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- أضف Font Awesome من CDN للأيقونات --\u003e\n\u003cp\u003e \u003c\/p\u003e\u003cdiv id=\"zakeke-design-tag\" data-design=\"000-q3uUo2PvDUGJkVTfwr3m7w\" style=\"display:none\"\u003e\u003c\/div\u003e","brand":"Port \u0026 Company","offers":[{"title":"White \/ XL","offer_id":47265410842791,"sku":null,"price":38.15,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0684\/2656\/3751\/files\/e7e16d64-71af-406e-b8bd-ccb8622abae4.png?v=1762952277"},{"product_id":"port-company-core-fleece-pullover-hoodie-20fe5143-55e3-42b0-b8cc-bbb26dee9e0e","title":"Port \u0026 Company Core Fleece Pullover Hoodie","description":"\u003cbody\u003e\n\n\n    \u003cmeta charset=\"UTF-8\"\u003e\n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n    \u003ctitle\u003eProduct Specifications\u003c\/title\u003e\n    \u003cstyle\u003e\n        \/* Scoped styles with unique prefix to avoid conflicts *\/\n        .custom-product-wrapper {\n            \/* Color variables from logo *\/\n            --primary-blue: #1E3A8A;\n            --secondary-blue: #3B5998;\n            --light-blue: #60A5FA;\n            --white: #FFFFFF;\n            --gray-light: #F3F4F6;\n            --gray-dark: #374151;\n            --accent-blue: #2563EB;\n        }\n\n        \/* Reset for this component only *\/\n        .custom-product-wrapper * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        \/* Main container - isolated from page *\/\n        .custom-product-wrapper {\n            width: 100%;\n            margin: 0 auto;\n            padding: 20px 10px;\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n            background: linear-gradient(135deg, var(--gray-light) 0%, var(--white) 100%);\n            position: relative;\n            z-index: 1;\n        }\n\n        \/* Inner container for max-width *\/\n        .custom-product-inner {\n            max-width: 1200px;\n            margin: 0 auto;\n        }\n\n        \/* Main header *\/\n        .custom-main-header {\n            text-align: center;\n            margin-bottom: 30px;\n            animation: slideDown 0.8s ease-out;\n        }\n\n        .custom-main-header h1 {\n            color: var(--primary-blue);\n            font-size: 1.8rem;\n            margin-bottom: 10px;\n            position: relative;\n            display: inline-block;\n            transition: all 0.3s ease;\n            cursor: pointer;\n            word-break: break-word;\n        }\n\n        .custom-main-header h1:hover {\n            transform: scale(1.05);\n            color: var(--accent-blue);\n        }\n\n        .custom-main-header h1::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 0;\n            height: 3px;\n            background: var(--accent-blue);\n            animation: expandLine 1s ease-out 0.5s forwards;\n        }\n\n        \/* Info card *\/\n        .custom-info-card {\n            background: var(--white);\n            border-radius: 15px;\n            padding: 35px;\n            margin-bottom: 30px;\n            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n            transform: translateY(20px);\n            opacity: 0;\n            animation: fadeInUp 0.6s ease-out 0.3s forwards;\n            position: relative;\n            overflow: hidden;\n            transition: all 0.3s ease;\n            cursor: pointer;\n        }\n\n        .custom-info-card:hover {\n            transform: scale(1.03) translateY(0);\n            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);\n        }\n\n        .custom-info-card::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: -100%;\n            width: 100%;\n            height: 100%;\n            background: linear-gradient(90deg, transparent, rgba(37, 99, 235, 0.05), transparent);\n            animation: shimmer 3s infinite;\n        }\n\n        .custom-info-card h2 {\n            color: var(--primary-blue);\n            font-size: 2rem;\n            margin-bottom: 20px;\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            transition: all 0.3s ease;\n            word-break: break-word;\n            font-weight: 600;\n        }\n\n        .custom-info-card:hover h2 {\n            color: var(--accent-blue);\n            transform: scale(1.02);\n        }\n\n        .custom-icon {\n            min-width: 35px;\n            width: 35px;\n            height: 35px;\n            background: var(--light-blue);\n            border-radius: 50%;\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            animation: pulse 2s infinite;\n            font-size: 1.2rem;\n        }\n\n        \/* Specifications list *\/\n        .custom-specs-list {\n            list-style: none;\n            padding: 0;\n        }\n\n        .custom-specs-list li {\n            padding: 16px 24px;\n            margin-bottom: 14px;\n            background: var(--gray-light);\n            border-radius: 10px;\n            border-left: 4px solid var(--accent-blue);\n            transform: translateX(20px);\n            opacity: 0;\n            animation: slideFromLeft 0.5s ease-out forwards;\n            transition: all 0.3s ease;\n            position: relative;\n            font-size: 1.15rem;\n            line-height: 1.7;\n            word-break: break-word;\n            font-weight: 500;\n        }\n\n        .custom-specs-list li:nth-child(1) { animation-delay: 0.1s; }\n        .custom-specs-list li:nth-child(2) { animation-delay: 0.2s; }\n        .custom-specs-list li:nth-child(3) { animation-delay: 0.3s; }\n\n        .custom-specs-list li:hover {\n            transform: translateX(-5px);\n            background: var(--white);\n            box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);\n        }\n\n        .custom-specs-list li::before {\n            content: '✓';\n            position: absolute;\n            left: -12px;\n            top: 50%;\n            transform: translateY(-50%);\n            width: 24px;\n            height: 24px;\n            background: var(--accent-blue);\n            color: var(--white);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-weight: bold;\n            font-size: 0.7rem;\n        }\n\n        \/* Paragraph styling *\/\n        .custom-info-paragraph {\n            line-height: 1.8;\n            color: var(--gray-dark);\n            transition: all 0.3s ease;\n            font-size: 1.15rem;\n            word-break: break-word;\n            font-weight: 400;\n        }\n\n        .custom-info-card:hover .custom-info-paragraph {\n            color: var(--primary-blue);\n        }\n\n        \/* Notes section *\/\n        .custom-notes-section {\n            background: linear-gradient(135deg, var(--primary-blue), var(--secondary-blue));\n            color: var(--white);\n            padding: 35px;\n            border-radius: 15px;\n            margin-top: 40px;\n            transform: scale(0.9);\n            opacity: 0;\n            animation: scaleIn 0.7s ease-out 0.8s forwards;\n            transition: all 0.3s ease;\n            cursor: pointer;\n        }\n\n        .custom-notes-section:hover {\n            transform: scale(1.02);\n            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);\n        }\n\n        .custom-notes-section h3 {\n            font-size: 1.7rem;\n            margin-bottom: 15px;\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            word-break: break-word;\n            font-weight: 600;\n        }\n\n        .custom-note-content {\n            background: rgba(255, 255, 255, 0.1);\n            padding: 20px;\n            border-radius: 10px;\n            backdrop-filter: blur(10px);\n            line-height: 1.8;\n            transition: all 0.3s ease;\n            font-size: 1.1rem;\n            font-weight: 400;\n        }\n\n        .custom-notes-section:hover .custom-note-content {\n            background: rgba(255, 255, 255, 0.15);\n        }\n\n        \/* Progress bar *\/\n        .custom-progress-bar {\n            height: 3px;\n            background: var(--gray-light);\n            border-radius: 2px;\n            margin: 15px 0;\n            overflow: hidden;\n        }\n\n        .custom-progress-fill {\n            height: 100%;\n            background: linear-gradient(90deg, var(--accent-blue), var(--light-blue));\n            width: 0;\n            animation: fillProgress 2s ease-out 1s forwards;\n        }\n\n        \/* Media queries for responsive design *\/\n        @media (max-width: 768px) {\n            .custom-product-wrapper {\n                padding: 20px 10px;\n            }\n\n            .custom-main-header h1 {\n                font-size: 1.8rem;\n            }\n\n            .custom-info-card {\n                padding: 20px;\n                margin-bottom: 20px;\n            }\n\n            .custom-info-card h2 {\n                font-size: 1.4rem;\n            }\n\n            .custom-specs-list li {\n                padding: 14px 18px;\n                font-size: 1rem;\n                margin-bottom: 12px;\n            }\n\n            .custom-notes-section {\n                padding: 20px;\n            }\n\n            .custom-notes-section h3 {\n                font-size: 1.3rem;\n            }\n\n            .custom-note-content {\n                font-size: 1rem;\n                padding: 18px;\n            }\n\n            .custom-icon {\n                min-width: 30px;\n                width: 30px;\n                height: 30px;\n                font-size: 1rem;\n            }\n\n            .custom-specs-list li::before {\n                width: 26px;\n                height: 26px;\n                font-size: 0.8rem;\n                left: -13px;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .custom-product-wrapper {\n                padding: 15px 8px;\n            }\n\n            .custom-main-header h1 {\n                font-size: 1.6rem;\n                line-height: 1.3;\n            }\n\n            .custom-info-card {\n                padding: 18px;\n                margin-bottom: 18px;\n            }\n\n            .custom-info-card h2 {\n                font-size: 1.25rem;\n                gap: 10px;\n            }\n\n            .custom-icon {\n                min-width: 28px;\n                width: 28px;\n                height: 28px;\n                font-size: 0.95rem;\n            }\n\n            .custom-specs-list li {\n                padding: 12px 16px;\n                font-size: 0.95rem;\n                line-height: 1.6;\n            }\n\n            .custom-specs-list li::before {\n                width: 24px;\n                height: 24px;\n                font-size: 0.75rem;\n                left: -12px;\n            }\n\n            .custom-notes-section {\n                padding: 18px;\n                margin-top: 25px;\n            }\n\n            .custom-notes-section h3 {\n                font-size: 1.2rem;\n            }\n\n            .custom-note-content {\n                padding: 16px;\n                font-size: 0.95rem;\n                line-height: 1.7;\n            }\n\n            .custom-info-paragraph {\n                font-size: 0.95rem;\n                line-height: 1.7;\n            }\n        }\n\n        \/* Animations *\/\n        @keyframes slideDown {\n            from {\n                transform: translateY(-30px);\n                opacity: 0;\n            }\n            to {\n                transform: translateY(0);\n                opacity: 1;\n            }\n        }\n\n        @keyframes fadeInUp {\n            to {\n                transform: translateY(0);\n                opacity: 1;\n            }\n        }\n\n        @keyframes slideFromLeft {\n            to {\n                transform: translateX(0);\n                opacity: 1;\n            }\n        }\n\n        @keyframes scaleIn {\n            to {\n                transform: scale(1);\n                opacity: 1;\n            }\n        }\n\n        @keyframes expandLine {\n            to {\n                width: 60px;\n            }\n        }\n\n        @keyframes pulse {\n            0%, 100% {\n                transform: scale(1);\n            }\n            50% {\n                transform: scale(1.05);\n            }\n        }\n\n        @keyframes shimmer {\n            100% {\n                left: 100%;\n            }\n        }\n\n        @keyframes fillProgress {\n            to {\n                width: 100%;\n            }\n        }\n    \u003c\/style\u003e\n\n\n    \u003cdiv class=\"custom-product-wrapper\"\u003e\n        \u003cdiv class=\"custom-product-inner\"\u003e\n            \u003c!-- Main header --\u003e\n            \u003cdiv class=\"custom-main-header\"\u003e\n                \u003ch1\u003eCozy Sweatshirt Specifications\u003c\/h1\u003e\n                \u003cdiv class=\"custom-progress-bar\"\u003e\n                    \u003cdiv class=\"custom-progress-fill\"\u003e\u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n            \n            \u003c!-- Product details card --\u003e\n            \u003cdiv class=\"custom-info-card\"\u003e\n                \u003ch2\u003e\n                    \u003cspan class=\"custom-icon\"\u003e📃\u003c\/span\u003e Product Details\n                \u003c\/h2\u003e\n                \u003cul class=\"custom-specs-list\"\u003e\n                    \u003cli\u003e7.8-ounce, 50\/50 cotton\/poly fleece\u003c\/li\u003e\n                    \u003cli\u003eAir jet yarn for softness\u003c\/li\u003e\n                    \u003cli\u003eTwo-ply hood\u003c\/li\u003e\n                \u003c\/ul\u003e\n            \u003c\/div\u003e\n            \n            \u003c!-- Special features card --\u003e\n            \u003cdiv class=\"custom-info-card\"\u003e\n                \u003ch2\u003e\n                    \u003cspan class=\"custom-icon\"\u003e🏷️\u003c\/span\u003e Special Features\n                \u003c\/h2\u003e\n                \u003cp class=\"custom-info-paragraph\"\u003e\n                    This cozy sweatshirt is a great core weight, comes in a large size range, offers a wide color selection, and is a classic favorite! With a brand like Port \u0026amp; Company behind it, this hoodie is sure to be a hit for your group.\n                \u003c\/p\u003e\n            \u003c\/div\u003e\n            \n            \u003c!-- Notes section --\u003e\n            \u003cdiv class=\"custom-notes-section\"\u003e\n                \u003ch3\u003e\n                    \u003cspan style=\"background: rgba(255,255,255,0.2);\" class=\"custom-icon\"\u003e⚠️\u003c\/span\u003e Companion Style\n                \u003c\/h3\u003e\n                \u003cdiv class=\"custom-note-content\"\u003e\n                    Looking for a youth companion style for the PC78H? See the PC90YH for the same 7.8-ounce Core Fleece and kid-friendly styling.\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n            \n            \u003c!-- Hidden tags - keeping original IDs --\u003e\n            \u003cdiv style=\"display: none;\"\u003e\n                \u003cdiv data-enviroment=\"Customizer\" data-product-id=\"8516721541287\" id=\"zakeke-product-tag\"\u003e\u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n\u003cdiv id=\"zakeke-design-tag\" data-design=\"000-mz8TpxLsJUqLS7k4Vbn7uQ\" style=\"display:none\"\u003e\u003c\/div\u003e\n\u003c\/body\u003e","brand":"Port \u0026 Company","offers":[{"title":"Black \/ L","offer_id":47286355755175,"sku":null,"price":47.83,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0684\/2656\/3751\/files\/f61a7586-23fa-4ff5-b3a2-155079add061.png?v=1763241474"},{"product_id":"port-company-core-cotton-t-shirt-deca5534-dd88-4018-945b-de36f27ae9fd","title":"Port \u0026 Company Core Cotton T-shirt","description":"\u003c!-- Product description styling with isolated scope --\u003e\n\u003cstyle\u003e\n        \/* كل التنسيقات محصورة داخل كلاس فريد لضمان عدم التأثير على باقي الموقع *\/\n        .premium-tshirt-container-isolated-123456 {\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n            max-width: 800px;\n            margin: 0 auto;\n            padding: 30px;\n            background: white;\n            border-radius: 12px;\n            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);\n            position: relative;\n            overflow: hidden;\n            animation: tshirt_fadeIn_123456 0.8s ease-out forwards;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .accent-bar-123456 {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 8px;\n            height: 0%;\n            background: linear-gradient(to bottom, #0a5cb1, #1e88e5);\n            animation: tshirt_growBar_123456 1s ease-out 0.3s forwards;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .product-title-123456 {\n            font-size: 1.8rem;\n            font-weight: 700;\n            color: #0a5cb1;\n            margin-bottom: 20px;\n            padding-bottom: 12px;\n            border-bottom: 2px solid #f0f0f0;\n            opacity: 0;\n            transform: translateY(-20px);\n            animation: tshirt_slideDown_123456 0.6s ease-out 0.4s forwards;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .product-description-123456 {\n            font-size: 1.1rem;\n            line-height: 1.6;\n            color: #333;\n            margin-bottom: 25px;\n            opacity: 0;\n            animation: tshirt_fadeIn_123456 0.6s ease-out 0.6s forwards;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .features-title-123456 {\n            font-size: 1.3rem;\n            font-weight: 600;\n            color: #0a5cb1;\n            margin-bottom: 15px;\n            opacity: 0;\n            transform: translateY(10px);\n            animation: tshirt_slideUp_123456 0.5s ease-out 0.8s forwards;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .features-list-123456 {\n            list-style-type: none;\n            padding: 0;\n            margin: 0 0 30px 0;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .features-list-123456 li {\n            position: relative;\n            padding: 8px 0 8px 35px;\n            margin-bottom: 10px;\n            opacity: 0;\n            transform: translateX(-20px);\n            animation: tshirt_slideInRight_123456 0.5s ease-out forwards;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .features-list-123456 li:nth-child(1) {\n            animation-delay: 1.0s;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .features-list-123456 li:nth-child(2) {\n            animation-delay: 1.1s;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .features-list-123456 li:nth-child(3) {\n            animation-delay: 1.2s;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .features-list-123456 li:nth-child(4) {\n            animation-delay: 1.3s;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .features-list-123456 li:nth-child(5) {\n            animation-delay: 1.4s;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .features-list-123456 li:before {\n            content: '';\n            position: absolute;\n            left: 0;\n            top: 10px;\n            width: 20px;\n            height: 20px;\n            background-color: #1e88e5;\n            mask-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C\/polyline%3E%3C\/svg%3E\");\n            -webkit-mask-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C\/polyline%3E%3C\/svg%3E\");\n            mask-size: contain;\n            -webkit-mask-size: contain;\n            mask-repeat: no-repeat;\n            -webkit-mask-repeat: no-repeat;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .customization-tag-123456 {\n            background: linear-gradient(135deg, #f5f7fa 0%, #e8edf5 100%);\n            padding: 20px;\n            border-radius: 8px;\n            border-left: 4px solid #0a5cb1;\n            margin-top: 20px;\n            opacity: 0;\n            transform: scale(0.95);\n            animation: tshirt_scaleIn_123456 0.7s ease-out 1.6s forwards;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .customization-title-123456 {\n            font-weight: 600;\n            color: #0a5cb1;\n            margin-bottom: 10px;\n            font-size: 1.1rem;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .customization-text-123456 {\n            font-size: 0.95rem;\n            color: #444;\n            line-height: 1.5;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .size-options-123456 {\n            display: flex;\n            gap: 10px;\n            flex-wrap: wrap;\n            margin-bottom: 25px;\n            opacity: 0;\n            animation: tshirt_fadeIn_123456 0.6s ease-out 0.7s forwards;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .size-tag-123456 {\n            padding: 6px 15px;\n            border-radius: 20px;\n            background-color: #e8edf5;\n            color: #0a5cb1;\n            font-weight: 500;\n            font-size: 0.9rem;\n            transition: all 0.3s ease;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .size-tag-123456:hover {\n            background-color: #0a5cb1;\n            color: white;\n            transform: translateY(-2px);\n            box-shadow: 0 4px 8px rgba(10, 92, 177, 0.2);\n        }\n        \n        .premium-tshirt-container-isolated-123456 .color-options-123456 {\n            display: flex;\n            gap: 8px;\n            margin-bottom: 20px;\n            opacity: 0;\n            animation: tshirt_fadeIn_123456 0.6s ease-out 0.9s forwards;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .color-dot-123456 {\n            width: 24px;\n            height: 24px;\n            border-radius: 50%;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            border: 2px solid transparent;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .color-dot-123456:hover {\n            transform: scale(1.2);\n        }\n        \n        .premium-tshirt-container-isolated-123456 .color-dot-123456.blue-123456 {\n            background-color: #1e88e5;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .color-dot-123456.red-123456 {\n            background-color: #e53935;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .color-dot-123456.green-123456 {\n            background-color: #43a047;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .color-dot-123456.black-123456 {\n            background-color: #212121;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .color-dot-123456.grey-123456 {\n            background-color: #757575;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .floating-icon-123456 {\n            position: absolute;\n            right: 15px;\n            top: 15px;\n            width: 40px;\n            height: 40px;\n            background-color: #0a5cb1;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: white;\n            font-size: 20px;\n            animation: tshirt_pulse_123456 2s infinite;\n        }\n        \n        \/* Animation keyframes with unique names to avoid conflicts *\/\n        @keyframes tshirt_fadeIn_123456 {\n            from {\n                opacity: 0;\n            }\n            to {\n                opacity: 1;\n            }\n        }\n        \n        @keyframes tshirt_growBar_123456 {\n            from {\n                height: 0%;\n            }\n            to {\n                height: 100%;\n            }\n        }\n        \n        @keyframes tshirt_slideDown_123456 {\n            from {\n                opacity: 0;\n                transform: translateY(-20px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n        \n        @keyframes tshirt_slideUp_123456 {\n            from {\n                opacity: 0;\n                transform: translateY(20px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n        \n        @keyframes tshirt_slideInRight_123456 {\n            from {\n                opacity: 0;\n                transform: translateX(-20px);\n            }\n            to {\n                opacity: 1;\n                transform: translateX(0);\n            }\n        }\n        \n        @keyframes tshirt_scaleIn_123456 {\n            from {\n                opacity: 0;\n                transform: scale(0.95);\n            }\n            to {\n                opacity: 1;\n                transform: scale(1);\n            }\n        }\n        \n        @keyframes tshirt_pulse_123456 {\n            0% {\n                box-shadow: 0 0 0 0 rgba(10, 92, 177, 0.4);\n            }\n            70% {\n                box-shadow: 0 0 0 10px rgba(10, 92, 177, 0);\n            }\n            100% {\n                box-shadow: 0 0 0 0 rgba(10, 92, 177, 0);\n            }\n        }\n        \n        \/* Responsive adjustments *\/\n        @media (max-width: 768px) {\n            .premium-tshirt-container-isolated-123456 {\n                padding: 20px;\n                margin: 0 10px;\n            }\n            \n            .premium-tshirt-container-isolated-123456 .product-title-123456 {\n                font-size: 1.5rem;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"premium-tshirt-container-isolated-123456\"\u003e\n\u003cdiv class=\"accent-bar-123456\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"floating-icon-123456\"\u003e\n\u003ci class=\"fas fa-tshirt\"\u003e\u003c\/i\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003ch1 class=\"product-title-123456\"\u003ePremium Cotton T-Shirt\u003c\/h1\u003e\n\u003cp class=\"product-description-123456\"\u003eThis is a great year-round tee with an amazing selection of colors. This shirt comes in adult unisex and youth sizes as well so you can outfit your entire group!\u003c\/p\u003e\n\u003cdiv class=\"size-options-123456\"\u003e\n\u003cspan class=\"size-tag-123456\"\u003eAdult Unisex\u003c\/span\u003e \u003cspan class=\"size-tag-123456\"\u003eYouth Sizes\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"color-options-123456\"\u003e\n\u003cdiv class=\"color-dot-123456 blue-123456\" title=\"Blue\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"color-dot-123456 red-123456\" title=\"Red\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"color-dot-123456 green-123456\" title=\"Green\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"color-dot-123456 black-123456\" title=\"Black\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"color-dot-123456 grey-123456\" title=\"Grey\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"features-title-123456\"\u003eProduct Features\u003c\/h2\u003e\n\u003cul class=\"features-list-123456\"\u003e\n\u003cli\u003e5.4 oz., 100% cotton\u003c\/li\u003e\n\u003cli\u003eAll heather colors, and neon colors are cotton\/poly blends\u003c\/li\u003e\n\u003cli\u003eGreat color selection\u003c\/li\u003e\n\u003cli\u003eSide seamed\u003c\/li\u003e\n\u003cli\u003eRibbed collar\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv class=\"customization-tag-123456\"\u003e\n\u003cdiv class=\"customization-title-123456\"\u003eCustomization Available\u003c\/div\u003e\n\u003cp class=\"customization-text-123456\"\u003eMake it yours! Add custom text, graphics, or logos to create the perfect personalized t-shirt for your event, team, or business.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Hidden tag for the product customizer --\u003e\n\u003cdiv id=\"zakeke-product-tag-123456\" style=\"display: none;\" data-product-id=\"8458071343271\" data-enviroment=\"Customizer\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- أضف Font Awesome من CDN للأيقونات --\u003e\n\u003cp\u003e \u003c\/p\u003e\u003cdiv id=\"zakeke-design-tag\" data-design=\"000-NywkJpbIeUiwJmWu0Ih1Jg\" style=\"display:none\"\u003e\u003c\/div\u003e","brand":"Port \u0026 Company","offers":[{"title":"White \/ M","offer_id":47288756764839,"sku":null,"price":29.15,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0684\/2656\/3751\/files\/f9b9e8c3-3976-4240-b5cc-161885ef3edc.png?v=1763355523"},{"product_id":"limited-time-offer-premium-tees-for-only-15-76ceed2f-c434-4dc1-ba5f-9a373715fb73","title":"Limited Time Offer: Premium Tees for Only $15","description":"\u003cp data-start=\"200\" data-end=\"302\"\u003e“Grab this exclusive deal! For a short time only, our premium-quality tee is yours for just \u003cstrong data-start=\"292\" data-end=\"299\"\u003e$15\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cul data-start=\"304\" data-end=\"533\"\u003e\n\u003cli data-start=\"304\" data-end=\"358\"\u003e\n\u003cp data-start=\"306\" data-end=\"358\"\u003eSoft, durable fabric that holds up wash after wash\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"359\" data-end=\"420\"\u003e\n\u003cp data-start=\"361\" data-end=\"420\"\u003eStylish design that fits both casual and streetwear looks\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"421\" data-end=\"483\"\u003e\n\u003cp data-start=\"423\" data-end=\"483\"\u003eAvailable in sizes S-XL (check size chart for perfect fit)\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"484\" data-end=\"533\"\u003e\n\u003cp data-start=\"486\" data-end=\"533\"\u003eIdeal for everyday wear, layering, or gifting\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp data-start=\"535\" data-end=\"637\"\u003eDon’t wait this special price won’t last long! Add it to your cart and upgrade your tee game today.”\u003c\/p\u003e\u003cdiv id=\"zakeke-product-tag\" style=\"display:none\" data-product-id=\"8640204243111\" data-enviroment=\"Customizer\"\u003e\u003c\/div\u003e\u003cdiv id=\"zakeke-design-tag\" data-design=\"000-JcIeExnMmUOrOLg9Np7jZg\" style=\"display:none\"\u003e\u003c\/div\u003e","brand":"Port \u0026 Company","offers":[{"title":"White \/ S","offer_id":47297940816039,"sku":null,"price":22.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0684\/2656\/3751\/files\/3b3a9b7ffacf490598395466c78d169f.png?v=1763539777"},{"product_id":"port-company-core-cotton-t-shirt-66da9c13-b2f0-4d2f-a1e9-fea985c260be","title":"Port \u0026 Company Core Cotton T-shirt","description":"\u003c!-- Product description styling with isolated scope --\u003e\n\u003cstyle\u003e\n        \/* كل التنسيقات محصورة داخل كلاس فريد لضمان عدم التأثير على باقي الموقع *\/\n        .premium-tshirt-container-isolated-123456 {\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n            max-width: 800px;\n            margin: 0 auto;\n            padding: 30px;\n            background: white;\n            border-radius: 12px;\n            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);\n            position: relative;\n            overflow: hidden;\n            animation: tshirt_fadeIn_123456 0.8s ease-out forwards;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .accent-bar-123456 {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 8px;\n            height: 0%;\n            background: linear-gradient(to bottom, #0a5cb1, #1e88e5);\n            animation: tshirt_growBar_123456 1s ease-out 0.3s forwards;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .product-title-123456 {\n            font-size: 1.8rem;\n            font-weight: 700;\n            color: #0a5cb1;\n            margin-bottom: 20px;\n            padding-bottom: 12px;\n            border-bottom: 2px solid #f0f0f0;\n            opacity: 0;\n            transform: translateY(-20px);\n            animation: tshirt_slideDown_123456 0.6s ease-out 0.4s forwards;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .product-description-123456 {\n            font-size: 1.1rem;\n            line-height: 1.6;\n            color: #333;\n            margin-bottom: 25px;\n            opacity: 0;\n            animation: tshirt_fadeIn_123456 0.6s ease-out 0.6s forwards;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .features-title-123456 {\n            font-size: 1.3rem;\n            font-weight: 600;\n            color: #0a5cb1;\n            margin-bottom: 15px;\n            opacity: 0;\n            transform: translateY(10px);\n            animation: tshirt_slideUp_123456 0.5s ease-out 0.8s forwards;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .features-list-123456 {\n            list-style-type: none;\n            padding: 0;\n            margin: 0 0 30px 0;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .features-list-123456 li {\n            position: relative;\n            padding: 8px 0 8px 35px;\n            margin-bottom: 10px;\n            opacity: 0;\n            transform: translateX(-20px);\n            animation: tshirt_slideInRight_123456 0.5s ease-out forwards;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .features-list-123456 li:nth-child(1) {\n            animation-delay: 1.0s;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .features-list-123456 li:nth-child(2) {\n            animation-delay: 1.1s;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .features-list-123456 li:nth-child(3) {\n            animation-delay: 1.2s;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .features-list-123456 li:nth-child(4) {\n            animation-delay: 1.3s;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .features-list-123456 li:nth-child(5) {\n            animation-delay: 1.4s;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .features-list-123456 li:before {\n            content: '';\n            position: absolute;\n            left: 0;\n            top: 10px;\n            width: 20px;\n            height: 20px;\n            background-color: #1e88e5;\n            mask-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C\/polyline%3E%3C\/svg%3E\");\n            -webkit-mask-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C\/polyline%3E%3C\/svg%3E\");\n            mask-size: contain;\n            -webkit-mask-size: contain;\n            mask-repeat: no-repeat;\n            -webkit-mask-repeat: no-repeat;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .customization-tag-123456 {\n            background: linear-gradient(135deg, #f5f7fa 0%, #e8edf5 100%);\n            padding: 20px;\n            border-radius: 8px;\n            border-left: 4px solid #0a5cb1;\n            margin-top: 20px;\n            opacity: 0;\n            transform: scale(0.95);\n            animation: tshirt_scaleIn_123456 0.7s ease-out 1.6s forwards;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .customization-title-123456 {\n            font-weight: 600;\n            color: #0a5cb1;\n            margin-bottom: 10px;\n            font-size: 1.1rem;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .customization-text-123456 {\n            font-size: 0.95rem;\n            color: #444;\n            line-height: 1.5;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .size-options-123456 {\n            display: flex;\n            gap: 10px;\n            flex-wrap: wrap;\n            margin-bottom: 25px;\n            opacity: 0;\n            animation: tshirt_fadeIn_123456 0.6s ease-out 0.7s forwards;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .size-tag-123456 {\n            padding: 6px 15px;\n            border-radius: 20px;\n            background-color: #e8edf5;\n            color: #0a5cb1;\n            font-weight: 500;\n            font-size: 0.9rem;\n            transition: all 0.3s ease;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .size-tag-123456:hover {\n            background-color: #0a5cb1;\n            color: white;\n            transform: translateY(-2px);\n            box-shadow: 0 4px 8px rgba(10, 92, 177, 0.2);\n        }\n        \n        .premium-tshirt-container-isolated-123456 .color-options-123456 {\n            display: flex;\n            gap: 8px;\n            margin-bottom: 20px;\n            opacity: 0;\n            animation: tshirt_fadeIn_123456 0.6s ease-out 0.9s forwards;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .color-dot-123456 {\n            width: 24px;\n            height: 24px;\n            border-radius: 50%;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            border: 2px solid transparent;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .color-dot-123456:hover {\n            transform: scale(1.2);\n        }\n        \n        .premium-tshirt-container-isolated-123456 .color-dot-123456.blue-123456 {\n            background-color: #1e88e5;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .color-dot-123456.red-123456 {\n            background-color: #e53935;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .color-dot-123456.green-123456 {\n            background-color: #43a047;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .color-dot-123456.black-123456 {\n            background-color: #212121;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .color-dot-123456.grey-123456 {\n            background-color: #757575;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .floating-icon-123456 {\n            position: absolute;\n            right: 15px;\n            top: 15px;\n            width: 40px;\n            height: 40px;\n            background-color: #0a5cb1;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: white;\n            font-size: 20px;\n            animation: tshirt_pulse_123456 2s infinite;\n        }\n        \n        \/* Animation keyframes with unique names to avoid conflicts *\/\n        @keyframes tshirt_fadeIn_123456 {\n            from {\n                opacity: 0;\n            }\n            to {\n                opacity: 1;\n            }\n        }\n        \n        @keyframes tshirt_growBar_123456 {\n            from {\n                height: 0%;\n            }\n            to {\n                height: 100%;\n            }\n        }\n        \n        @keyframes tshirt_slideDown_123456 {\n            from {\n                opacity: 0;\n                transform: translateY(-20px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n        \n        @keyframes tshirt_slideUp_123456 {\n            from {\n                opacity: 0;\n                transform: translateY(20px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n        \n        @keyframes tshirt_slideInRight_123456 {\n            from {\n                opacity: 0;\n                transform: translateX(-20px);\n            }\n            to {\n                opacity: 1;\n                transform: translateX(0);\n            }\n        }\n        \n        @keyframes tshirt_scaleIn_123456 {\n            from {\n                opacity: 0;\n                transform: scale(0.95);\n            }\n            to {\n                opacity: 1;\n                transform: scale(1);\n            }\n        }\n        \n        @keyframes tshirt_pulse_123456 {\n            0% {\n                box-shadow: 0 0 0 0 rgba(10, 92, 177, 0.4);\n            }\n            70% {\n                box-shadow: 0 0 0 10px rgba(10, 92, 177, 0);\n            }\n            100% {\n                box-shadow: 0 0 0 0 rgba(10, 92, 177, 0);\n            }\n        }\n        \n        \/* Responsive adjustments *\/\n        @media (max-width: 768px) {\n            .premium-tshirt-container-isolated-123456 {\n                padding: 20px;\n                margin: 0 10px;\n            }\n            \n            .premium-tshirt-container-isolated-123456 .product-title-123456 {\n                font-size: 1.5rem;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"premium-tshirt-container-isolated-123456\"\u003e\n\u003cdiv class=\"accent-bar-123456\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"floating-icon-123456\"\u003e\n\u003ci class=\"fas fa-tshirt\"\u003e\u003c\/i\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003ch1 class=\"product-title-123456\"\u003ePremium Cotton T-Shirt\u003c\/h1\u003e\n\u003cp class=\"product-description-123456\"\u003eThis is a great year-round tee with an amazing selection of colors. This shirt comes in adult unisex and youth sizes as well so you can outfit your entire group!\u003c\/p\u003e\n\u003cdiv class=\"size-options-123456\"\u003e\n\u003cspan class=\"size-tag-123456\"\u003eAdult Unisex\u003c\/span\u003e \u003cspan class=\"size-tag-123456\"\u003eYouth Sizes\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"color-options-123456\"\u003e\n\u003cdiv class=\"color-dot-123456 blue-123456\" title=\"Blue\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"color-dot-123456 red-123456\" title=\"Red\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"color-dot-123456 green-123456\" title=\"Green\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"color-dot-123456 black-123456\" title=\"Black\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"color-dot-123456 grey-123456\" title=\"Grey\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"features-title-123456\"\u003eProduct Features\u003c\/h2\u003e\n\u003cul class=\"features-list-123456\"\u003e\n\u003cli\u003e5.4 oz., 100% cotton\u003c\/li\u003e\n\u003cli\u003eAll heather colors, and neon colors are cotton\/poly blends\u003c\/li\u003e\n\u003cli\u003eGreat color selection\u003c\/li\u003e\n\u003cli\u003eSide seamed\u003c\/li\u003e\n\u003cli\u003eRibbed collar\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv class=\"customization-tag-123456\"\u003e\n\u003cdiv class=\"customization-title-123456\"\u003eCustomization Available\u003c\/div\u003e\n\u003cp class=\"customization-text-123456\"\u003eMake it yours! Add custom text, graphics, or logos to create the perfect personalized t-shirt for your event, team, or business.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Hidden tag for the product customizer --\u003e\n\u003cdiv id=\"zakeke-product-tag-123456\" style=\"display: none;\" data-product-id=\"8458071343271\" data-enviroment=\"Customizer\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- أضف Font Awesome من CDN للأيقونات --\u003e\n\u003cp\u003e \u003c\/p\u003e\u003cdiv id=\"zakeke-design-tag\" data-design=\"000-puGf93OyMUm34Y3HvDan6w\" style=\"display:none\"\u003e\u003c\/div\u003e","brand":"Port \u0026 Company","offers":[{"title":"White \/ 2XL","offer_id":47298796978343,"sku":null,"price":25.65,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0684\/2656\/3751\/files\/91ebf92b-8c8b-4041-a4c3-153cbbcf23d2.png?v=1763564471"},{"product_id":"limited-time-offer-premium-tees-for-only-15-bd960bc0-7ecf-4320-a642-85d5d9e6aea9","title":"Limited Time Offer: Premium Tees for Only $15","description":"\u003cp data-start=\"200\" data-end=\"302\"\u003e“Grab this exclusive deal! For a short time only, our premium-quality tee is yours for just \u003cstrong data-start=\"292\" data-end=\"299\"\u003e$15\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cul data-start=\"304\" data-end=\"533\"\u003e\n\u003cli data-start=\"304\" data-end=\"358\"\u003e\n\u003cp data-start=\"306\" data-end=\"358\"\u003eSoft, durable fabric that holds up wash after wash\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"359\" data-end=\"420\"\u003e\n\u003cp data-start=\"361\" data-end=\"420\"\u003eStylish design that fits both casual and streetwear looks\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"421\" data-end=\"483\"\u003e\n\u003cp data-start=\"423\" data-end=\"483\"\u003eAvailable in sizes S-XL (check size chart for perfect fit)\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"484\" data-end=\"533\"\u003e\n\u003cp data-start=\"486\" data-end=\"533\"\u003eIdeal for everyday wear, layering, or gifting\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp data-start=\"535\" data-end=\"637\"\u003eDon’t wait this special price won’t last long! Add it to your cart and upgrade your tee game today.”\u003c\/p\u003e\u003cdiv id=\"zakeke-product-tag\" style=\"display:none\" data-product-id=\"8640204243111\" data-enviroment=\"Customizer\"\u003e\u003c\/div\u003e\u003cdiv id=\"zakeke-design-tag\" data-design=\"000-zIyd9JiTeUiVy8u4STWgsg\" style=\"display:none\"\u003e\u003c\/div\u003e","brand":"Port \u0026 Company","offers":[{"title":"White \/ 4XL","offer_id":47298872705191,"sku":null,"price":15.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0684\/2656\/3751\/files\/1a2aa69dc7f6421d91874e1d18205f45.png?v=1763569245"},{"product_id":"limited-time-offer-premium-tees-for-only-15-8ec44ee8-1ab1-4d1d-8bec-31afd8da314b","title":"Limited Time Offer: Premium Tees for Only $15","description":"\u003cp data-start=\"200\" data-end=\"302\"\u003e“Grab this exclusive deal! For a short time only, our premium-quality tee is yours for just \u003cstrong data-start=\"292\" data-end=\"299\"\u003e$15\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cul data-start=\"304\" data-end=\"533\"\u003e\n\u003cli data-start=\"304\" data-end=\"358\"\u003e\n\u003cp data-start=\"306\" data-end=\"358\"\u003eSoft, durable fabric that holds up wash after wash\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"359\" data-end=\"420\"\u003e\n\u003cp data-start=\"361\" data-end=\"420\"\u003eStylish design that fits both casual and streetwear looks\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"421\" data-end=\"483\"\u003e\n\u003cp data-start=\"423\" data-end=\"483\"\u003eAvailable in sizes S-XL (check size chart for perfect fit)\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"484\" data-end=\"533\"\u003e\n\u003cp data-start=\"486\" data-end=\"533\"\u003eIdeal for everyday wear, layering, or gifting\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp data-start=\"535\" data-end=\"637\"\u003eDon’t wait this special price won’t last long! Add it to your cart and upgrade your tee game today.”\u003c\/p\u003e\u003cdiv id=\"zakeke-product-tag\" style=\"display:none\" data-product-id=\"8640204243111\" data-enviroment=\"Customizer\"\u003e\u003c\/div\u003e\u003cdiv id=\"zakeke-design-tag\" data-design=\"000-O2VUTfKSQEqXO8WsqQxErg\" style=\"display:none\"\u003e\u003c\/div\u003e","brand":"Port \u0026 Company","offers":[{"title":"White \/ L","offer_id":47299152150695,"sku":null,"price":15.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0684\/2656\/3751\/files\/9cab29fc03934dfa81a02f910a601420.png?v=1763575866"},{"product_id":"gildan-heavy-blend-fleece-sweatshirt","title":"Sweatshirt Gildan Heavy Blend Fleece","description":"\u003cp data-start=\"46\" data-end=\"69\"\u003e\u003cstrong data-start=\"46\" data-end=\"69\"\u003eProduct Description\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp data-start=\"71\" data-end=\"364\"\u003eStay warm and comfortable with the \u003cstrong data-start=\"106\" data-end=\"134\"\u003eGildan Fleece Sweatshirt\u003c\/strong\u003e, crafted for both durability and everyday wear. Made from high-quality materials, this sweatshirt is built to last through countless chilly fall and winter days. A perfect blend of comfort, function, and long-lasting performance.\u003c\/p\u003e\u003cdiv id=\"zakeke-product-tag\" style=\"display:none\" data-product-id=\"8641141866663\" data-enviroment=\"Customizer\"\u003e\u003c\/div\u003e","brand":"Gildan","offers":[{"title":"XS \/ Ash","offer_id":47300259578023,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"XS \/ Black","offer_id":47300259610791,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"XS \/ White","offer_id":47300260004007,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"XS \/ carolina blue","offer_id":47300259643559,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"XS \/ Gold","offer_id":47300259676327,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"XS \/ Green","offer_id":47300259709095,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"XS \/ Grey","offer_id":47300259741863,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"XS \/ Maroon","offer_id":47300259774631,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"XS \/ Navy","offer_id":47300259807399,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"XS \/ Pink","offer_id":47300259840167,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"XS \/ Purple","offer_id":47300259872935,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"XS \/ Red","offer_id":47300259905703,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"XS \/ Royal blue","offer_id":47300259938471,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"XS \/ Neon Green","offer_id":47300259971239,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"S \/ Ash","offer_id":47300260036775,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"S \/ Black","offer_id":47300260069543,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"S \/ White","offer_id":47300260462759,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"S \/ carolina blue","offer_id":47300260102311,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"S \/ Gold","offer_id":47300260135079,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"S \/ Green","offer_id":47300260167847,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"S \/ Grey","offer_id":47300260200615,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"S \/ Maroon","offer_id":47300260233383,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"S \/ Navy","offer_id":47300260266151,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"S \/ Pink","offer_id":47300260298919,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"S \/ Purple","offer_id":47300260331687,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"S \/ Red","offer_id":47300260364455,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"S \/ Royal blue","offer_id":47300260397223,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"S \/ Neon Green","offer_id":47300260429991,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"M \/ Ash","offer_id":47300260495527,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"M \/ Black","offer_id":47300260528295,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"M \/ White","offer_id":47300260921511,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"M \/ carolina blue","offer_id":47300260561063,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"M \/ Gold","offer_id":47300260593831,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"M \/ Green","offer_id":47300260626599,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"M \/ Grey","offer_id":47300260659367,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"M \/ Maroon","offer_id":47300260692135,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"M \/ Navy","offer_id":47300260724903,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"M \/ Pink","offer_id":47300260757671,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"M \/ Purple","offer_id":47300260790439,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"M \/ Red","offer_id":47300260823207,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"M \/ Royal blue","offer_id":47300260855975,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"M \/ Neon Green","offer_id":47300260888743,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"L \/ Ash","offer_id":47300260954279,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"L \/ Black","offer_id":47300260987047,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"L \/ White","offer_id":47300261380263,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"L \/ carolina blue","offer_id":47300261019815,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"L \/ Gold","offer_id":47300261052583,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"L \/ Green","offer_id":47300261085351,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"L \/ Grey","offer_id":47300261118119,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"L \/ Maroon","offer_id":47300261150887,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"L \/ Navy","offer_id":47300261183655,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"L \/ Pink","offer_id":47300261216423,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"L \/ Purple","offer_id":47300261249191,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"L \/ Red","offer_id":47300261281959,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"L \/ Royal blue","offer_id":47300261314727,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"L \/ Neon Green","offer_id":47300261347495,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"XL \/ Ash","offer_id":47300261413031,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"XL \/ Black","offer_id":47300261445799,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"XL \/ White","offer_id":47300261839015,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"XL \/ carolina blue","offer_id":47300261478567,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"XL \/ Gold","offer_id":47300261511335,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"XL \/ Green","offer_id":47300261544103,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"XL \/ Grey","offer_id":47300261576871,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"XL \/ Maroon","offer_id":47300261609639,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"XL \/ Navy","offer_id":47300261642407,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"XL \/ Pink","offer_id":47300261675175,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"XL \/ Purple","offer_id":47300261707943,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"XL \/ Red","offer_id":47300261740711,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"XL \/ Royal blue","offer_id":47300261773479,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"XL \/ Neon Green","offer_id":47300261806247,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"2XL \/ Ash","offer_id":47300261871783,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"2XL \/ Black","offer_id":47300261904551,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"2XL \/ White","offer_id":47300262297767,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"2XL \/ carolina blue","offer_id":47300261937319,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"2XL \/ Gold","offer_id":47300261970087,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"2XL \/ Green","offer_id":47300262002855,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"2XL \/ Grey","offer_id":47300262035623,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"2XL \/ Maroon","offer_id":47300262068391,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"2XL \/ Navy","offer_id":47300262101159,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"2XL \/ Pink","offer_id":47300262133927,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"2XL \/ Purple","offer_id":47300262166695,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"2XL \/ Red","offer_id":47300262199463,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"2XL \/ Royal blue","offer_id":47300262232231,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"2XL \/ Neon Green","offer_id":47300262264999,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"3XL \/ Ash","offer_id":47300262330535,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"3XL \/ Black","offer_id":47300262363303,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"3XL \/ White","offer_id":47300262756519,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"3XL \/ carolina blue","offer_id":47300262396071,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"3XL \/ Gold","offer_id":47300262428839,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"3XL \/ Green","offer_id":47300262461607,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"3XL \/ Grey","offer_id":47300262494375,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"3XL \/ Maroon","offer_id":47300262527143,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"3XL \/ Navy","offer_id":47300262559911,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"3XL \/ Pink","offer_id":47300262592679,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"3XL \/ Purple","offer_id":47300262625447,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"3XL \/ Red","offer_id":47300262658215,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"3XL \/ Royal blue","offer_id":47300262690983,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"3XL \/ Neon Green","offer_id":47300262723751,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"4XL \/ Ash","offer_id":47300262789287,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"4XL \/ Black","offer_id":47300262822055,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"4XL \/ White","offer_id":47300263215271,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"4XL \/ carolina blue","offer_id":47300262854823,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"4XL \/ Gold","offer_id":47300262887591,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"4XL \/ Green","offer_id":47300262920359,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"4XL \/ Grey","offer_id":47300262953127,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"4XL \/ Maroon","offer_id":47300262985895,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"4XL \/ Navy","offer_id":47300263018663,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"4XL \/ Pink","offer_id":47300263051431,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"4XL \/ Purple","offer_id":47300263084199,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"4XL \/ Red","offer_id":47300263116967,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"4XL \/ Royal blue","offer_id":47300263149735,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"4XL \/ Neon Green","offer_id":47300263182503,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"5XL \/ Ash","offer_id":47300263248039,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"5XL \/ Black","offer_id":47300263280807,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"5XL \/ White","offer_id":47300263674023,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"5XL \/ carolina blue","offer_id":47300263313575,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"5XL \/ Gold","offer_id":47300263346343,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"5XL \/ Green","offer_id":47300263379111,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"5XL \/ Grey","offer_id":47300263411879,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"5XL \/ Maroon","offer_id":47300263444647,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"5XL \/ Navy","offer_id":47300263477415,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"5XL \/ Pink","offer_id":47300263510183,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"5XL \/ Purple","offer_id":47300263542951,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"5XL \/ Red","offer_id":47300263575719,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"5XL \/ Royal blue","offer_id":47300263608487,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"5XL \/ Neon Green","offer_id":47300263641255,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0684\/2656\/3751\/files\/FrontDesign.jpg?v=1763595524"},{"product_id":"limited-time-offer-premium-tees-for-only-15-81f9b5b2-804a-4094-a62f-079162c80d7b","title":"Limited Time Offer: Premium Tees for Only $15","description":"\u003cp data-start=\"200\" data-end=\"302\"\u003e“Grab this exclusive deal! For a short time only, our premium-quality tee is yours for just \u003cstrong data-start=\"292\" data-end=\"299\"\u003e$15\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cul data-start=\"304\" data-end=\"533\"\u003e\n\u003cli data-start=\"304\" data-end=\"358\"\u003e\n\u003cp data-start=\"306\" data-end=\"358\"\u003eSoft, durable fabric that holds up wash after wash\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"359\" data-end=\"420\"\u003e\n\u003cp data-start=\"361\" data-end=\"420\"\u003eStylish design that fits both casual and streetwear looks\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"421\" data-end=\"483\"\u003e\n\u003cp data-start=\"423\" data-end=\"483\"\u003eAvailable in sizes S-XL (check size chart for perfect fit)\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"484\" data-end=\"533\"\u003e\n\u003cp data-start=\"486\" data-end=\"533\"\u003eIdeal for everyday wear, layering, or gifting\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp data-start=\"535\" data-end=\"637\"\u003eDon’t wait this special price won’t last long! Add it to your cart and upgrade your tee game today.”\u003c\/p\u003e\u003cdiv id=\"zakeke-product-tag\" style=\"display:none\" data-product-id=\"8640204243111\" data-enviroment=\"Customizer\"\u003e\u003c\/div\u003e\u003cdiv id=\"zakeke-design-tag\" data-design=\"000-HcelvOmyIky1KoQolp8S5w\" style=\"display:none\"\u003e\u003c\/div\u003e","brand":"Port \u0026 Company","offers":[{"title":"White \/ S","offer_id":47300188078247,"sku":null,"price":15.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0684\/2656\/3751\/files\/35d3944391f84abaa65b88edad171322.png?v=1763595715"},{"product_id":"sport-tek-posicharge-tough-mesh-full-button-jersey-6bffe70c-6231-46df-b754-8a95794b4e31","title":"Sport-Tek PosiCharge Tough Mesh Full-Button Jersey","description":"\u003cp data-start=\"41\" data-end=\"304\"\u003eThis \u003cstrong data-start=\"46\" data-end=\"86\"\u003eclassic full-button Sport-Tek jersey\u003c\/strong\u003e brings authentic baseball style to your team gear. Crafted from soft, durable, moisture-wicking fabric, it keeps you comfortable and game-ready. All that’s missing is your custom design or logo to make it truly yours!\u003c\/p\u003e\u003cdiv id=\"zakeke-product-tag\" style=\"display:none\" data-product-id=\"8641201602727\" data-enviroment=\"Customizer\"\u003e\u003c\/div\u003e\u003cdiv id=\"zakeke-design-tag\" data-design=\"000-R61CMoA87k2sH6iFnDwSVg\" style=\"display:none\"\u003e\u003c\/div\u003e","brand":"Sport-Tek","offers":[{"title":"XS \/ Royal blue","offer_id":47301138808999,"sku":null,"price":52.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0684\/2656\/3751\/files\/ee3a2d76a8694269a2a7df96e9706eae.png?v=1763624609"},{"product_id":"jerzees-nublend-fleece-sweatshirt","title":"Sweatshirt Jerzees NuBlend Fleece","description":"\u003cp data-start=\"45\" data-end=\"349\"\u003eThis \u003cstrong data-start=\"50\" data-end=\"72\"\u003eJerzees sweatshirt\u003c\/strong\u003e is the perfect companion for crisp fall weather. Designed with a seamless body, spandex-reinforced cuffs and waistband, and double-needle stitching at key stress points, it delivers both comfort and long-lasting durability. A versatile staple you’ll reach for again and again.\u003c\/p\u003e\u003cdiv id=\"zakeke-product-tag\" style=\"display:none\" data-product-id=\"8641306525863\" data-enviroment=\"Customizer\"\u003e\u003c\/div\u003e","brand":"Jerzees","offers":[{"title":"Neon Green \/ S","offer_id":47301333156007,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"Neon Green \/ M","offer_id":47301333188775,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"Neon Green \/ L","offer_id":47301333221543,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"Neon Green \/ XL","offer_id":47301333254311,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"Neon Green \/ 2XL","offer_id":47301333287079,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"Neon Green \/ 3XL","offer_id":47301333319847,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"Neon Green \/ 4XL","offer_id":47301333352615,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"Neon Green \/ 5XL","offer_id":47301333385383,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"Ash \/ S","offer_id":47301333418151,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"Ash \/ M","offer_id":47301333450919,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"Ash \/ L","offer_id":47301333483687,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"Ash \/ XL","offer_id":47301333516455,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"Ash \/ 2XL","offer_id":47301333549223,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"Ash \/ 3XL","offer_id":47301333581991,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"Ash \/ 4XL","offer_id":47301333614759,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"Ash \/ 5XL","offer_id":47301333647527,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"White \/ S","offer_id":47301333680295,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"White \/ M","offer_id":47301333713063,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"White \/ L","offer_id":47301333745831,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"White \/ XL","offer_id":47301333778599,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"White \/ 2XL","offer_id":47301333811367,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"White \/ 3XL","offer_id":47301333844135,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"White \/ 4XL","offer_id":47301333876903,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"White \/ 5XL","offer_id":47301333909671,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"Black \/ S","offer_id":47301333942439,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"Black \/ M","offer_id":47301333975207,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"Black \/ L","offer_id":47301334007975,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"Black \/ XL","offer_id":47301334040743,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"Black \/ 2XL","offer_id":47301334073511,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"Black \/ 3XL","offer_id":47301334106279,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"Black \/ 4XL","offer_id":47301334139047,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"Black \/ 5XL","offer_id":47301334171815,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"Gold \/ S","offer_id":47301334204583,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"Gold \/ M","offer_id":47301334237351,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"Gold \/ L","offer_id":47301334270119,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"Gold \/ XL","offer_id":47301334302887,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"Gold \/ 2XL","offer_id":47301334335655,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"Gold \/ 3XL","offer_id":47301334368423,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"Gold \/ 4XL","offer_id":47301334401191,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"Gold \/ 5XL","offer_id":47301334433959,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"Green \/ S","offer_id":47301334466727,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"Green \/ M","offer_id":47301334499495,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"Green \/ L","offer_id":47301334532263,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"Green \/ XL","offer_id":47301334565031,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"Green \/ 2XL","offer_id":47301334597799,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"Green \/ 3XL","offer_id":47301334630567,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"Green \/ 4XL","offer_id":47301334663335,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"Green \/ 5XL","offer_id":47301334696103,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"Maroon \/ S","offer_id":47301334728871,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"Maroon \/ M","offer_id":47301334761639,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"Maroon \/ L","offer_id":47301334794407,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"Maroon \/ XL","offer_id":47301334827175,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"Maroon \/ 2XL","offer_id":47301334859943,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"Maroon \/ 3XL","offer_id":47301334892711,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"Maroon \/ 4XL","offer_id":47301334925479,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"Maroon \/ 5XL","offer_id":47301334958247,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"Neon Pink \/ S","offer_id":47301334991015,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"Neon Pink \/ M","offer_id":47301335023783,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"Neon Pink \/ L","offer_id":47301335056551,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"Neon Pink \/ XL","offer_id":47301335089319,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"Neon Pink \/ 2XL","offer_id":47301335122087,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"Neon Pink \/ 3XL","offer_id":47301335154855,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"Neon Pink \/ 4XL","offer_id":47301335187623,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"Neon Pink \/ 5XL","offer_id":47301335220391,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"Orange \/ S","offer_id":47301335253159,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"Orange \/ M","offer_id":47301335285927,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"Orange \/ L","offer_id":47301335318695,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"Orange \/ XL","offer_id":47301335351463,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"Orange \/ 2XL","offer_id":47301335384231,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"Orange \/ 3XL","offer_id":47301335416999,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"Orange \/ 4XL","offer_id":47301335449767,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"Orange \/ 5XL","offer_id":47301335482535,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"Purple \/ S","offer_id":47301335515303,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"Purple \/ M","offer_id":47301335548071,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"Purple \/ L","offer_id":47301335580839,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"Purple \/ XL","offer_id":47301335613607,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"Purple \/ 2XL","offer_id":47301335646375,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"Purple \/ 3XL","offer_id":47301335679143,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"Purple \/ 4XL","offer_id":47301335711911,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true},{"title":"Purple \/ 5XL","offer_id":47301335744679,"sku":null,"price":24.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0684\/2656\/3751\/files\/Front.jpg?v=1763626074"},{"product_id":"carhartt-quilted-flannel-lined-duck-active-jacket","title":"Jacket Carhartt Quilted Flannel Lined Duck Active","description":"\u003cp data-start=\"45\" data-end=\"278\"\u003eWhen Old Man Winter and Mother Nature team up, reach for the \u003cstrong data-start=\"106\" data-end=\"128\"\u003eDuck Active Jacket\u003c\/strong\u003e. Built to take on anything they throw your way, this jacket delivers dependable warmth, rugged durability, and everyday versatility you can count on.\u003c\/p\u003e\n\u003cdiv id=\"zakeke-product-tag\" style=\"display: none;\" data-product-id=\"8641370751143\" data-enviroment=\"Customizer\"\u003e\u003c\/div\u003e","brand":"Carhartt","offers":[{"title":"S \/ Black","offer_id":47301392138407,"sku":null,"price":150.0,"currency_code":"USD","in_stock":true},{"title":"S \/ Brown","offer_id":47301392171175,"sku":null,"price":150.0,"currency_code":"USD","in_stock":true},{"title":"S \/ Navy","offer_id":47301392203943,"sku":null,"price":150.0,"currency_code":"USD","in_stock":true},{"title":"S \/ Gravel","offer_id":47301392236711,"sku":null,"price":150.0,"currency_code":"USD","in_stock":true},{"title":"M \/ Black","offer_id":47301392269479,"sku":null,"price":150.0,"currency_code":"USD","in_stock":true},{"title":"M \/ Brown","offer_id":47301392302247,"sku":null,"price":150.0,"currency_code":"USD","in_stock":true},{"title":"M \/ Navy","offer_id":47301392335015,"sku":null,"price":150.0,"currency_code":"USD","in_stock":true},{"title":"M \/ Gravel","offer_id":47301392367783,"sku":null,"price":150.0,"currency_code":"USD","in_stock":true},{"title":"L \/ Black","offer_id":47301392400551,"sku":null,"price":150.0,"currency_code":"USD","in_stock":true},{"title":"L \/ Brown","offer_id":47301392433319,"sku":null,"price":150.0,"currency_code":"USD","in_stock":true},{"title":"L \/ Navy","offer_id":47301392466087,"sku":null,"price":150.0,"currency_code":"USD","in_stock":true},{"title":"L \/ Gravel","offer_id":47301392498855,"sku":null,"price":150.0,"currency_code":"USD","in_stock":true},{"title":"XL \/ Black","offer_id":47301392531623,"sku":null,"price":150.0,"currency_code":"USD","in_stock":true},{"title":"XL \/ Brown","offer_id":47301392564391,"sku":null,"price":150.0,"currency_code":"USD","in_stock":true},{"title":"XL \/ Navy","offer_id":47301392597159,"sku":null,"price":150.0,"currency_code":"USD","in_stock":true},{"title":"XL \/ Gravel","offer_id":47301392629927,"sku":null,"price":150.0,"currency_code":"USD","in_stock":true},{"title":"2XL \/ Black","offer_id":47301392662695,"sku":null,"price":150.0,"currency_code":"USD","in_stock":true},{"title":"2XL \/ Brown","offer_id":47301392695463,"sku":null,"price":150.0,"currency_code":"USD","in_stock":true},{"title":"2XL \/ Navy","offer_id":47301392728231,"sku":null,"price":150.0,"currency_code":"USD","in_stock":true},{"title":"2XL \/ Gravel","offer_id":47301392760999,"sku":null,"price":150.0,"currency_code":"USD","in_stock":true},{"title":"3XL \/ Black","offer_id":47301392793767,"sku":null,"price":150.0,"currency_code":"USD","in_stock":true},{"title":"3XL \/ Brown","offer_id":47301392826535,"sku":null,"price":150.0,"currency_code":"USD","in_stock":true},{"title":"3XL \/ Navy","offer_id":47301392859303,"sku":null,"price":150.0,"currency_code":"USD","in_stock":true},{"title":"3XL \/ Gravel","offer_id":47301392892071,"sku":null,"price":150.0,"currency_code":"USD","in_stock":true},{"title":"4XL \/ Black","offer_id":47301392924839,"sku":null,"price":150.0,"currency_code":"USD","in_stock":true},{"title":"4XL \/ Brown","offer_id":47301392957607,"sku":null,"price":150.0,"currency_code":"USD","in_stock":true},{"title":"4XL \/ Navy","offer_id":47301392990375,"sku":null,"price":150.0,"currency_code":"USD","in_stock":true},{"title":"4XL \/ Gravel","offer_id":47301393023143,"sku":null,"price":150.0,"currency_code":"USD","in_stock":true},{"title":"5XL \/ Black","offer_id":47301393055911,"sku":null,"price":150.0,"currency_code":"USD","in_stock":true},{"title":"5XL \/ Brown","offer_id":47301393088679,"sku":null,"price":150.0,"currency_code":"USD","in_stock":true},{"title":"5XL \/ Navy","offer_id":47301393121447,"sku":null,"price":150.0,"currency_code":"USD","in_stock":true},{"title":"5XL \/ Gravel","offer_id":47301393154215,"sku":null,"price":150.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0684\/2656\/3751\/files\/CT106677_Black_Flat_Front.png?v=1763631471"},{"product_id":"medium-cotton-canvas-tote-bag","title":"Medium Cotton Canvas Tote Bag","description":"\u003cdiv class=\"MuiBox-root css-1rr4qq7\"\u003e\n\u003cdiv class=\"MuiStack-root css-1w3pqs8\"\u003e\n\u003cspan class=\"MuiTypography-root MuiTypography-bodyLong1 pdp-product-description-parsed css-1qg74n2\"\u003eCarry your essentials with simple, sturdy style! The customizable Medium Cotton Canvas Tote Bag features durable cotton canvas and matching self-fabric handles for a clean, classic look. It’s perfect for events, errands, or everyday branding on the go.\u003c\/span\u003e\n\u003cdiv class=\"MuiBox-root css-0\"\u003e\n\u003cdiv class=\"MuiStack-root css-e4b6ib\"\u003e\n\u003cspan class=\"MuiTypography-root MuiTypography-bodyLong1 css-y495rf\"\u003eSize\u003c\/span\u003e\u003cspan class=\"MuiBox-root css-0\"\u003e16\" H x 15\" W\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003cdiv id=\"zakeke-product-tag\" style=\"display:none\" data-product-id=\"8641415217319\" data-enviroment=\"Customizer\"\u003e\u003c\/div\u003e","brand":"Customblvd","offers":[{"title":"Default Title","offer_id":47301619646631,"sku":null,"price":20.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0684\/2656\/3751\/files\/Bag.jpg?v=1763637761"},{"product_id":"ceramic-mug","title":"Ceramic Mug","description":"\u003cdiv class=\"MuiBox-root css-1rr4qq7\"\u003e\n\u003cdiv class=\"MuiStack-root css-1w3pqs8\"\u003e\n\u003cspan class=\"MuiTypography-root MuiTypography-bodyLong1 pdp-product-description-parsed css-1qg74n2\"\u003eWho doesn't love a coffee mug? A great way to remember a special event, or promote your message.\u003c\/span\u003e\n\u003cdiv class=\"MuiBox-root css-0\"\u003e\n\u003cdiv class=\"MuiStack-root css-e4b6ib\"\u003e\n\u003cspan class=\"MuiTypography-root MuiTypography-bodyLong1 css-y495rf\"\u003eSize\u003c\/span\u003e\u003cspan class=\"MuiBox-root css-0\"\u003e3.75\" H x 3.25\" W\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003cdiv id=\"zakeke-product-tag\" style=\"display:none\" data-product-id=\"8641416429735\" data-enviroment=\"Customizer\"\u003e\u003c\/div\u003e","brand":"Customblvd","offers":[{"title":"Default Title","offer_id":47301626167463,"sku":null,"price":25.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0684\/2656\/3751\/files\/MugsFront.jpg?v=1763638403"},{"product_id":"port-company-core-cotton-t-shirt-b27cb816-4d73-42ce-a78a-782ed9f4e749","title":"Port \u0026 Company Core Cotton T-shirt","description":"\u003c!-- Product description styling with isolated scope --\u003e\n\u003cstyle\u003e\n        \/* كل التنسيقات محصورة داخل كلاس فريد لضمان عدم التأثير على باقي الموقع *\/\n        .premium-tshirt-container-isolated-123456 {\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n            max-width: 800px;\n            margin: 0 auto;\n            padding: 30px;\n            background: white;\n            border-radius: 12px;\n            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);\n            position: relative;\n            overflow: hidden;\n            animation: tshirt_fadeIn_123456 0.8s ease-out forwards;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .accent-bar-123456 {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 8px;\n            height: 0%;\n            background: linear-gradient(to bottom, #0a5cb1, #1e88e5);\n            animation: tshirt_growBar_123456 1s ease-out 0.3s forwards;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .product-title-123456 {\n            font-size: 1.8rem;\n            font-weight: 700;\n            color: #0a5cb1;\n            margin-bottom: 20px;\n            padding-bottom: 12px;\n            border-bottom: 2px solid #f0f0f0;\n            opacity: 0;\n            transform: translateY(-20px);\n            animation: tshirt_slideDown_123456 0.6s ease-out 0.4s forwards;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .product-description-123456 {\n            font-size: 1.1rem;\n            line-height: 1.6;\n            color: #333;\n            margin-bottom: 25px;\n            opacity: 0;\n            animation: tshirt_fadeIn_123456 0.6s ease-out 0.6s forwards;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .features-title-123456 {\n            font-size: 1.3rem;\n            font-weight: 600;\n            color: #0a5cb1;\n            margin-bottom: 15px;\n            opacity: 0;\n            transform: translateY(10px);\n            animation: tshirt_slideUp_123456 0.5s ease-out 0.8s forwards;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .features-list-123456 {\n            list-style-type: none;\n            padding: 0;\n            margin: 0 0 30px 0;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .features-list-123456 li {\n            position: relative;\n            padding: 8px 0 8px 35px;\n            margin-bottom: 10px;\n            opacity: 0;\n            transform: translateX(-20px);\n            animation: tshirt_slideInRight_123456 0.5s ease-out forwards;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .features-list-123456 li:nth-child(1) {\n            animation-delay: 1.0s;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .features-list-123456 li:nth-child(2) {\n            animation-delay: 1.1s;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .features-list-123456 li:nth-child(3) {\n            animation-delay: 1.2s;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .features-list-123456 li:nth-child(4) {\n            animation-delay: 1.3s;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .features-list-123456 li:nth-child(5) {\n            animation-delay: 1.4s;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .features-list-123456 li:before {\n            content: '';\n            position: absolute;\n            left: 0;\n            top: 10px;\n            width: 20px;\n            height: 20px;\n            background-color: #1e88e5;\n            mask-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C\/polyline%3E%3C\/svg%3E\");\n            -webkit-mask-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C\/polyline%3E%3C\/svg%3E\");\n            mask-size: contain;\n            -webkit-mask-size: contain;\n            mask-repeat: no-repeat;\n            -webkit-mask-repeat: no-repeat;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .customization-tag-123456 {\n            background: linear-gradient(135deg, #f5f7fa 0%, #e8edf5 100%);\n            padding: 20px;\n            border-radius: 8px;\n            border-left: 4px solid #0a5cb1;\n            margin-top: 20px;\n            opacity: 0;\n            transform: scale(0.95);\n            animation: tshirt_scaleIn_123456 0.7s ease-out 1.6s forwards;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .customization-title-123456 {\n            font-weight: 600;\n            color: #0a5cb1;\n            margin-bottom: 10px;\n            font-size: 1.1rem;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .customization-text-123456 {\n            font-size: 0.95rem;\n            color: #444;\n            line-height: 1.5;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .size-options-123456 {\n            display: flex;\n            gap: 10px;\n            flex-wrap: wrap;\n            margin-bottom: 25px;\n            opacity: 0;\n            animation: tshirt_fadeIn_123456 0.6s ease-out 0.7s forwards;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .size-tag-123456 {\n            padding: 6px 15px;\n            border-radius: 20px;\n            background-color: #e8edf5;\n            color: #0a5cb1;\n            font-weight: 500;\n            font-size: 0.9rem;\n            transition: all 0.3s ease;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .size-tag-123456:hover {\n            background-color: #0a5cb1;\n            color: white;\n            transform: translateY(-2px);\n            box-shadow: 0 4px 8px rgba(10, 92, 177, 0.2);\n        }\n        \n        .premium-tshirt-container-isolated-123456 .color-options-123456 {\n            display: flex;\n            gap: 8px;\n            margin-bottom: 20px;\n            opacity: 0;\n            animation: tshirt_fadeIn_123456 0.6s ease-out 0.9s forwards;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .color-dot-123456 {\n            width: 24px;\n            height: 24px;\n            border-radius: 50%;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            border: 2px solid transparent;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .color-dot-123456:hover {\n            transform: scale(1.2);\n        }\n        \n        .premium-tshirt-container-isolated-123456 .color-dot-123456.blue-123456 {\n            background-color: #1e88e5;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .color-dot-123456.red-123456 {\n            background-color: #e53935;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .color-dot-123456.green-123456 {\n            background-color: #43a047;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .color-dot-123456.black-123456 {\n            background-color: #212121;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .color-dot-123456.grey-123456 {\n            background-color: #757575;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .floating-icon-123456 {\n            position: absolute;\n            right: 15px;\n            top: 15px;\n            width: 40px;\n            height: 40px;\n            background-color: #0a5cb1;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: white;\n            font-size: 20px;\n            animation: tshirt_pulse_123456 2s infinite;\n        }\n        \n        \/* Animation keyframes with unique names to avoid conflicts *\/\n        @keyframes tshirt_fadeIn_123456 {\n            from {\n                opacity: 0;\n            }\n            to {\n                opacity: 1;\n            }\n        }\n        \n        @keyframes tshirt_growBar_123456 {\n            from {\n                height: 0%;\n            }\n            to {\n                height: 100%;\n            }\n        }\n        \n        @keyframes tshirt_slideDown_123456 {\n            from {\n                opacity: 0;\n                transform: translateY(-20px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n        \n        @keyframes tshirt_slideUp_123456 {\n            from {\n                opacity: 0;\n                transform: translateY(20px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n        \n        @keyframes tshirt_slideInRight_123456 {\n            from {\n                opacity: 0;\n                transform: translateX(-20px);\n            }\n            to {\n                opacity: 1;\n                transform: translateX(0);\n            }\n        }\n        \n        @keyframes tshirt_scaleIn_123456 {\n            from {\n                opacity: 0;\n                transform: scale(0.95);\n            }\n            to {\n                opacity: 1;\n                transform: scale(1);\n            }\n        }\n        \n        @keyframes tshirt_pulse_123456 {\n            0% {\n                box-shadow: 0 0 0 0 rgba(10, 92, 177, 0.4);\n            }\n            70% {\n                box-shadow: 0 0 0 10px rgba(10, 92, 177, 0);\n            }\n            100% {\n                box-shadow: 0 0 0 0 rgba(10, 92, 177, 0);\n            }\n        }\n        \n        \/* Responsive adjustments *\/\n        @media (max-width: 768px) {\n            .premium-tshirt-container-isolated-123456 {\n                padding: 20px;\n                margin: 0 10px;\n            }\n            \n            .premium-tshirt-container-isolated-123456 .product-title-123456 {\n                font-size: 1.5rem;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"premium-tshirt-container-isolated-123456\"\u003e\n\u003cdiv class=\"accent-bar-123456\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"floating-icon-123456\"\u003e\n\u003ci class=\"fas fa-tshirt\"\u003e\u003c\/i\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003ch1 class=\"product-title-123456\"\u003ePremium Cotton T-Shirt\u003c\/h1\u003e\n\u003cp class=\"product-description-123456\"\u003eThis is a great year-round tee with an amazing selection of colors. This shirt comes in adult unisex and youth sizes as well so you can outfit your entire group!\u003c\/p\u003e\n\u003cdiv class=\"size-options-123456\"\u003e\n\u003cspan class=\"size-tag-123456\"\u003eAdult Unisex\u003c\/span\u003e \u003cspan class=\"size-tag-123456\"\u003eYouth Sizes\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"color-options-123456\"\u003e\n\u003cdiv class=\"color-dot-123456 blue-123456\" title=\"Blue\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"color-dot-123456 red-123456\" title=\"Red\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"color-dot-123456 green-123456\" title=\"Green\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"color-dot-123456 black-123456\" title=\"Black\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"color-dot-123456 grey-123456\" title=\"Grey\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"features-title-123456\"\u003eProduct Features\u003c\/h2\u003e\n\u003cul class=\"features-list-123456\"\u003e\n\u003cli\u003e5.4 oz., 100% cotton\u003c\/li\u003e\n\u003cli\u003eAll heather colors, and neon colors are cotton\/poly blends\u003c\/li\u003e\n\u003cli\u003eGreat color selection\u003c\/li\u003e\n\u003cli\u003eSide seamed\u003c\/li\u003e\n\u003cli\u003eRibbed collar\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv class=\"customization-tag-123456\"\u003e\n\u003cdiv class=\"customization-title-123456\"\u003eCustomization Available\u003c\/div\u003e\n\u003cp class=\"customization-text-123456\"\u003eMake it yours! Add custom text, graphics, or logos to create the perfect personalized t-shirt for your event, team, or business.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Hidden tag for the product customizer --\u003e\n\u003cdiv id=\"zakeke-product-tag-123456\" style=\"display: none;\" data-product-id=\"8458071343271\" data-enviroment=\"Customizer\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- أضف Font Awesome من CDN للأيقونات --\u003e\n\u003cp\u003e \u003c\/p\u003e\u003cdiv id=\"zakeke-design-tag\" data-design=\"000-X5XHXiLqXU2sycCEN8WSIw\" style=\"display:none\"\u003e\u003c\/div\u003e","brand":"Port \u0026 Company","offers":[{"title":"Jet Black \/ L","offer_id":47301684232359,"sku":null,"price":29.15,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0684\/2656\/3751\/files\/3a655238-e81a-45bd-b0a7-12904a6f408e.png?v=1763644738"},{"product_id":"bella-canvas-womens-relaxed-heather-cvc-v-neck-tee-28dfaba4-1f84-4af4-9852-0ce0c3de9d76","title":"Bella + Canvas Women's Relaxed Heather CVC V-Neck Tee","description":"\u003cdiv class=\"text-sm text-gray-600\"\u003e\n\u003cp data-start=\"45\" data-end=\"272\"\u003eExperience everyday comfort with the \u003cstrong data-start=\"82\" data-end=\"139\"\u003eBella + Canvas Women's Relaxed Heather CVC V-Neck Tee\u003c\/strong\u003e. Made from a soft blend of Airlume combed and ring-spun cotton with polyester, it delivers a smooth, lightweight feel you’ll love.\u003c\/p\u003e\n\u003cp data-start=\"274\" data-end=\"434\"\u003eThis pre-shrunk tee features a relaxed, flattering fit with side seams for added shape and durability. The tear-away label adds extra comfort and convenience.\u003c\/p\u003e\n\u003cp data-start=\"436\" data-end=\"530\"\u003ePerfect for daily wear customise it with your own design or logo and make it uniquely yours!\u003c\/p\u003e\n\u003chr data-start=\"532\" data-end=\"535\"\u003e\n\u003cp data-start=\"537\" data-end=\"609\" data-is-last-node=\"\" data-is-only-node=\"\"\u003e \u003c\/p\u003e\n\u003c\/div\u003e\u003cdiv id=\"zakeke-product-tag\" style=\"display:none\" data-product-id=\"8641097433255\" data-enviroment=\"Customizer\"\u003e\u003c\/div\u003e\u003cdiv id=\"zakeke-design-tag\" data-design=\"000-Wecxuv7Z5ESNYuyGu7pu5w\" style=\"display:none\"\u003e\u003c\/div\u003e","brand":"Bella + Canvas","offers":[{"title":"XL \/ Solid White Blend","offer_id":47301725552807,"sku":null,"price":20.92,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0684\/2656\/3751\/files\/3d9dc6f3-d123-4a82-b8f1-9006844655f1.png?v=1763647569"},{"product_id":"bella-canvas-womens-relaxed-heather-cvc-v-neck-tee-5dfbd758-164e-49bc-ad14-7074a82fa906","title":"Bella + Canvas Women's Relaxed Heather CVC V-Neck Tee","description":"\u003cdiv class=\"text-sm text-gray-600\"\u003e\n\u003cp data-start=\"45\" data-end=\"272\"\u003eExperience everyday comfort with the \u003cstrong data-start=\"82\" data-end=\"139\"\u003eBella + Canvas Women's Relaxed Heather CVC V-Neck Tee\u003c\/strong\u003e. Made from a soft blend of Airlume combed and ring-spun cotton with polyester, it delivers a smooth, lightweight feel you’ll love.\u003c\/p\u003e\n\u003cp data-start=\"274\" data-end=\"434\"\u003eThis pre-shrunk tee features a relaxed, flattering fit with side seams for added shape and durability. The tear-away label adds extra comfort and convenience.\u003c\/p\u003e\n\u003cp data-start=\"436\" data-end=\"530\"\u003ePerfect for daily wear customise it with your own design or logo and make it uniquely yours!\u003c\/p\u003e\n\u003chr data-start=\"532\" data-end=\"535\"\u003e\n\u003cp data-start=\"537\" data-end=\"609\" data-is-last-node=\"\" data-is-only-node=\"\"\u003e \u003c\/p\u003e\n\u003c\/div\u003e\u003cdiv id=\"zakeke-product-tag\" style=\"display:none\" data-product-id=\"8641097433255\" data-enviroment=\"Customizer\"\u003e\u003c\/div\u003e\u003cdiv id=\"zakeke-design-tag\" data-design=\"000-Wecxuv7Z5ESNYuyGu7pu5w\" style=\"display:none\"\u003e\u003c\/div\u003e","brand":"Bella + Canvas","offers":[{"title":"M \/ Solid White Blend","offer_id":47301725585575,"sku":null,"price":20.92,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0684\/2656\/3751\/files\/b390e0f1-d88a-4283-8c85-7a984ee54a95.png?v=1763647569"},{"product_id":"bella-canvas-womens-relaxed-heather-cvc-v-neck-tee-d6d020b5-7ad6-43f3-89cc-c5516c1955dc","title":"Bella + Canvas Women's Relaxed Heather CVC V-Neck Tee","description":"\u003cdiv class=\"text-sm text-gray-600\"\u003e\n\u003cp data-start=\"45\" data-end=\"272\"\u003eExperience everyday comfort with the \u003cstrong data-start=\"82\" data-end=\"139\"\u003eBella + Canvas Women's Relaxed Heather CVC V-Neck Tee\u003c\/strong\u003e. Made from a soft blend of Airlume combed and ring-spun cotton with polyester, it delivers a smooth, lightweight feel you’ll love.\u003c\/p\u003e\n\u003cp data-start=\"274\" data-end=\"434\"\u003eThis pre-shrunk tee features a relaxed, flattering fit with side seams for added shape and durability. The tear-away label adds extra comfort and convenience.\u003c\/p\u003e\n\u003cp data-start=\"436\" data-end=\"530\"\u003ePerfect for daily wear customise it with your own design or logo and make it uniquely yours!\u003c\/p\u003e\n\u003chr data-start=\"532\" data-end=\"535\"\u003e\n\u003cp data-start=\"537\" data-end=\"609\" data-is-last-node=\"\" data-is-only-node=\"\"\u003e \u003c\/p\u003e\n\u003c\/div\u003e\u003cdiv id=\"zakeke-product-tag\" style=\"display:none\" data-product-id=\"8641097433255\" data-enviroment=\"Customizer\"\u003e\u003c\/div\u003e\u003cdiv id=\"zakeke-design-tag\" data-design=\"000-Wecxuv7Z5ESNYuyGu7pu5w\" style=\"display:none\"\u003e\u003c\/div\u003e","brand":"Bella + Canvas","offers":[{"title":"L \/ Solid White Blend","offer_id":47301725618343,"sku":null,"price":20.92,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0684\/2656\/3751\/files\/5dfe4a7d-3810-49de-a2ae-d375ffab7ea3.png?v=1763647569"},{"product_id":"custom-gildan-heavy-blend-hoodie-82790844-c5e2-406b-ae84-c79580e1090d","title":"Hoodie Gildan Heavy Blend","description":"\u003cp data-start=\"49\" data-end=\"334\"\u003eThe \u003cstrong data-start=\"53\" data-end=\"82\"\u003eGildan Heavy Blend Hoodie\u003c\/strong\u003e delivers the perfect mix of comfort and durability with its 8 oz fabric made from a 50\/50 cotton-polyester blend. Ideal for screen printing, embroidery, tackle twill, and more, it offers a smooth, pill-resistant surface that holds designs beautifully.\u003c\/p\u003e\n\u003cp data-start=\"336\" data-end=\"585\"\u003eBuilt to last, it features double-needle stitching, a double-lined hood, a spacious front pouch pocket, and ribbed cuffs with spandex for a secure, comfortable fit. Whether for events, branding, or everyday wear, this hoodie is a reliable essential.\u003c\/p\u003e\u003cdiv id=\"zakeke-product-tag\" style=\"display:none\" data-product-id=\"8641185349799\" data-enviroment=\"Customizer\"\u003e\u003c\/div\u003e\u003cdiv id=\"zakeke-design-tag\" data-design=\"000-Jc5bSktcNUSqkh3XA3Qf1g\" style=\"display:none\"\u003e\u003c\/div\u003e","brand":"Gildan","offers":[{"title":"XL \/ Black","offer_id":47309679263911,"sku":null,"price":39.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0684\/2656\/3751\/files\/ba84cfb7-4a44-4086-9e93-375e6e091f95.png?v=1763919889"},{"product_id":"custom-gildan-heavy-blend-hoodie-4b77459d-08cc-49b5-ae68-062313c55311","title":"Hoodie Gildan Heavy Blend","description":"\u003cp data-start=\"49\" data-end=\"334\"\u003eThe \u003cstrong data-start=\"53\" data-end=\"82\"\u003eGildan Heavy Blend Hoodie\u003c\/strong\u003e delivers the perfect mix of comfort and durability with its 8 oz fabric made from a 50\/50 cotton-polyester blend. Ideal for screen printing, embroidery, tackle twill, and more, it offers a smooth, pill-resistant surface that holds designs beautifully.\u003c\/p\u003e\n\u003cp data-start=\"336\" data-end=\"585\"\u003eBuilt to last, it features double-needle stitching, a double-lined hood, a spacious front pouch pocket, and ribbed cuffs with spandex for a secure, comfortable fit. Whether for events, branding, or everyday wear, this hoodie is a reliable essential.\u003c\/p\u003e\u003cdiv id=\"zakeke-product-tag\" style=\"display:none\" data-product-id=\"8641185349799\" data-enviroment=\"Customizer\"\u003e\u003c\/div\u003e\u003cdiv id=\"zakeke-design-tag\" data-design=\"000-h8cnvXgRAEqgVhjKOdFXgQ\" style=\"display:none\"\u003e\u003c\/div\u003e","brand":"Gildan","offers":[{"title":"L \/ Black","offer_id":47309679919271,"sku":null,"price":39.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0684\/2656\/3751\/files\/25141fbe-f4c5-4009-b7d5-639c1487d6ca.png?v=1763920057"},{"product_id":"custom-gildan-heavy-blend-hoodie-b89e9c66-06c7-4d39-a709-abba29d41b99","title":"Hoodie Gildan Heavy Blend","description":"\u003cp data-start=\"49\" data-end=\"334\"\u003eThe \u003cstrong data-start=\"53\" data-end=\"82\"\u003eGildan Heavy Blend Hoodie\u003c\/strong\u003e delivers the perfect mix of comfort and durability with its 8 oz fabric made from a 50\/50 cotton-polyester blend. Ideal for screen printing, embroidery, tackle twill, and more, it offers a smooth, pill-resistant surface that holds designs beautifully.\u003c\/p\u003e\n\u003cp data-start=\"336\" data-end=\"585\"\u003eBuilt to last, it features double-needle stitching, a double-lined hood, a spacious front pouch pocket, and ribbed cuffs with spandex for a secure, comfortable fit. Whether for events, branding, or everyday wear, this hoodie is a reliable essential.\u003c\/p\u003e\u003cdiv id=\"zakeke-product-tag\" style=\"display:none\" data-product-id=\"8641185349799\" data-enviroment=\"Customizer\"\u003e\u003c\/div\u003e\u003cdiv id=\"zakeke-design-tag\" data-design=\"000-a4o9MLWmsk2C691kYuFz0Q\" style=\"display:none\"\u003e\u003c\/div\u003e","brand":"Gildan","offers":[{"title":"L \/ Black","offer_id":47309699154087,"sku":null,"price":39.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0684\/2656\/3751\/files\/bfad93b1-b99a-4836-97c1-56fab54f4b47.png?v=1763920899"},{"product_id":"port-company-core-fleece-pullover-hoodie-79dcb9fe-4b46-41e4-b0ec-b344f9a622d3","title":"Hoodie Port \u0026 Company Core Fleece Pullover","description":"\u003cbody\u003e\n\n\n    \u003cmeta charset=\"UTF-8\"\u003e\n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n    \u003ctitle\u003eProduct Specifications\u003c\/title\u003e\n    \u003cstyle\u003e\n        \/* Scoped styles with unique prefix to avoid conflicts *\/\n        .custom-product-wrapper {\n            \/* Color variables from logo *\/\n            --primary-blue: #1E3A8A;\n            --secondary-blue: #3B5998;\n            --light-blue: #60A5FA;\n            --white: #FFFFFF;\n            --gray-light: #F3F4F6;\n            --gray-dark: #374151;\n            --accent-blue: #2563EB;\n        }\n\n        \/* Reset for this component only *\/\n        .custom-product-wrapper * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        \/* Main container - isolated from page *\/\n        .custom-product-wrapper {\n            width: 100%;\n            margin: 0 auto;\n            padding: 20px 10px;\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n            background: linear-gradient(135deg, var(--gray-light) 0%, var(--white) 100%);\n            position: relative;\n            z-index: 1;\n        }\n\n        \/* Inner container for max-width *\/\n        .custom-product-inner {\n            max-width: 1200px;\n            margin: 0 auto;\n        }\n\n        \/* Main header *\/\n        .custom-main-header {\n            text-align: center;\n            margin-bottom: 30px;\n            animation: slideDown 0.8s ease-out;\n        }\n\n        .custom-main-header h1 {\n            color: var(--primary-blue);\n            font-size: 1.8rem;\n            margin-bottom: 10px;\n            position: relative;\n            display: inline-block;\n            transition: all 0.3s ease;\n            cursor: pointer;\n            word-break: break-word;\n        }\n\n        .custom-main-header h1:hover {\n            transform: scale(1.05);\n            color: var(--accent-blue);\n        }\n\n        .custom-main-header h1::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 0;\n            height: 3px;\n            background: var(--accent-blue);\n            animation: expandLine 1s ease-out 0.5s forwards;\n        }\n\n        \/* Info card *\/\n        .custom-info-card {\n            background: var(--white);\n            border-radius: 15px;\n            padding: 35px;\n            margin-bottom: 30px;\n            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n            transform: translateY(20px);\n            opacity: 0;\n            animation: fadeInUp 0.6s ease-out 0.3s forwards;\n            position: relative;\n            overflow: hidden;\n            transition: all 0.3s ease;\n            cursor: pointer;\n        }\n\n        .custom-info-card:hover {\n            transform: scale(1.03) translateY(0);\n            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);\n        }\n\n        .custom-info-card::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: -100%;\n            width: 100%;\n            height: 100%;\n            background: linear-gradient(90deg, transparent, rgba(37, 99, 235, 0.05), transparent);\n            animation: shimmer 3s infinite;\n        }\n\n        .custom-info-card h2 {\n            color: var(--primary-blue);\n            font-size: 2rem;\n            margin-bottom: 20px;\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            transition: all 0.3s ease;\n            word-break: break-word;\n            font-weight: 600;\n        }\n\n        .custom-info-card:hover h2 {\n            color: var(--accent-blue);\n            transform: scale(1.02);\n        }\n\n        .custom-icon {\n            min-width: 35px;\n            width: 35px;\n            height: 35px;\n            background: var(--light-blue);\n            border-radius: 50%;\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            animation: pulse 2s infinite;\n            font-size: 1.2rem;\n        }\n\n        \/* Specifications list *\/\n        .custom-specs-list {\n            list-style: none;\n            padding: 0;\n        }\n\n        .custom-specs-list li {\n            padding: 16px 24px;\n            margin-bottom: 14px;\n            background: var(--gray-light);\n            border-radius: 10px;\n            border-left: 4px solid var(--accent-blue);\n            transform: translateX(20px);\n            opacity: 0;\n            animation: slideFromLeft 0.5s ease-out forwards;\n            transition: all 0.3s ease;\n            position: relative;\n            font-size: 1.15rem;\n            line-height: 1.7;\n            word-break: break-word;\n            font-weight: 500;\n        }\n\n        .custom-specs-list li:nth-child(1) { animation-delay: 0.1s; }\n        .custom-specs-list li:nth-child(2) { animation-delay: 0.2s; }\n        .custom-specs-list li:nth-child(3) { animation-delay: 0.3s; }\n\n        .custom-specs-list li:hover {\n            transform: translateX(-5px);\n            background: var(--white);\n            box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);\n        }\n\n        .custom-specs-list li::before {\n            content: '✓';\n            position: absolute;\n            left: -12px;\n            top: 50%;\n            transform: translateY(-50%);\n            width: 24px;\n            height: 24px;\n            background: var(--accent-blue);\n            color: var(--white);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-weight: bold;\n            font-size: 0.7rem;\n        }\n\n        \/* Paragraph styling *\/\n        .custom-info-paragraph {\n            line-height: 1.8;\n            color: var(--gray-dark);\n            transition: all 0.3s ease;\n            font-size: 1.15rem;\n            word-break: break-word;\n            font-weight: 400;\n        }\n\n        .custom-info-card:hover .custom-info-paragraph {\n            color: var(--primary-blue);\n        }\n\n        \/* Notes section *\/\n        .custom-notes-section {\n            background: linear-gradient(135deg, var(--primary-blue), var(--secondary-blue));\n            color: var(--white);\n            padding: 35px;\n            border-radius: 15px;\n            margin-top: 40px;\n            transform: scale(0.9);\n            opacity: 0;\n            animation: scaleIn 0.7s ease-out 0.8s forwards;\n            transition: all 0.3s ease;\n            cursor: pointer;\n        }\n\n        .custom-notes-section:hover {\n            transform: scale(1.02);\n            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);\n        }\n\n        .custom-notes-section h3 {\n            font-size: 1.7rem;\n            margin-bottom: 15px;\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            word-break: break-word;\n            font-weight: 600;\n        }\n\n        .custom-note-content {\n            background: rgba(255, 255, 255, 0.1);\n            padding: 20px;\n            border-radius: 10px;\n            backdrop-filter: blur(10px);\n            line-height: 1.8;\n            transition: all 0.3s ease;\n            font-size: 1.1rem;\n            font-weight: 400;\n        }\n\n        .custom-notes-section:hover .custom-note-content {\n            background: rgba(255, 255, 255, 0.15);\n        }\n\n        \/* Progress bar *\/\n        .custom-progress-bar {\n            height: 3px;\n            background: var(--gray-light);\n            border-radius: 2px;\n            margin: 15px 0;\n            overflow: hidden;\n        }\n\n        .custom-progress-fill {\n            height: 100%;\n            background: linear-gradient(90deg, var(--accent-blue), var(--light-blue));\n            width: 0;\n            animation: fillProgress 2s ease-out 1s forwards;\n        }\n\n        \/* Media queries for responsive design *\/\n        @media (max-width: 768px) {\n            .custom-product-wrapper {\n                padding: 20px 10px;\n            }\n\n            .custom-main-header h1 {\n                font-size: 1.8rem;\n            }\n\n            .custom-info-card {\n                padding: 20px;\n                margin-bottom: 20px;\n            }\n\n            .custom-info-card h2 {\n                font-size: 1.4rem;\n            }\n\n            .custom-specs-list li {\n                padding: 14px 18px;\n                font-size: 1rem;\n                margin-bottom: 12px;\n            }\n\n            .custom-notes-section {\n                padding: 20px;\n            }\n\n            .custom-notes-section h3 {\n                font-size: 1.3rem;\n            }\n\n            .custom-note-content {\n                font-size: 1rem;\n                padding: 18px;\n            }\n\n            .custom-icon {\n                min-width: 30px;\n                width: 30px;\n                height: 30px;\n                font-size: 1rem;\n            }\n\n            .custom-specs-list li::before {\n                width: 26px;\n                height: 26px;\n                font-size: 0.8rem;\n                left: -13px;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .custom-product-wrapper {\n                padding: 15px 8px;\n            }\n\n            .custom-main-header h1 {\n                font-size: 1.6rem;\n                line-height: 1.3;\n            }\n\n            .custom-info-card {\n                padding: 18px;\n                margin-bottom: 18px;\n            }\n\n            .custom-info-card h2 {\n                font-size: 1.25rem;\n                gap: 10px;\n            }\n\n            .custom-icon {\n                min-width: 28px;\n                width: 28px;\n                height: 28px;\n                font-size: 0.95rem;\n            }\n\n            .custom-specs-list li {\n                padding: 12px 16px;\n                font-size: 0.95rem;\n                line-height: 1.6;\n            }\n\n            .custom-specs-list li::before {\n                width: 24px;\n                height: 24px;\n                font-size: 0.75rem;\n                left: -12px;\n            }\n\n            .custom-notes-section {\n                padding: 18px;\n                margin-top: 25px;\n            }\n\n            .custom-notes-section h3 {\n                font-size: 1.2rem;\n            }\n\n            .custom-note-content {\n                padding: 16px;\n                font-size: 0.95rem;\n                line-height: 1.7;\n            }\n\n            .custom-info-paragraph {\n                font-size: 0.95rem;\n                line-height: 1.7;\n            }\n        }\n\n        \/* Animations *\/\n        @keyframes slideDown {\n            from {\n                transform: translateY(-30px);\n                opacity: 0;\n            }\n            to {\n                transform: translateY(0);\n                opacity: 1;\n            }\n        }\n\n        @keyframes fadeInUp {\n            to {\n                transform: translateY(0);\n                opacity: 1;\n            }\n        }\n\n        @keyframes slideFromLeft {\n            to {\n                transform: translateX(0);\n                opacity: 1;\n            }\n        }\n\n        @keyframes scaleIn {\n            to {\n                transform: scale(1);\n                opacity: 1;\n            }\n        }\n\n        @keyframes expandLine {\n            to {\n                width: 60px;\n            }\n        }\n\n        @keyframes pulse {\n            0%, 100% {\n                transform: scale(1);\n            }\n            50% {\n                transform: scale(1.05);\n            }\n        }\n\n        @keyframes shimmer {\n            100% {\n                left: 100%;\n            }\n        }\n\n        @keyframes fillProgress {\n            to {\n                width: 100%;\n            }\n        }\n    \u003c\/style\u003e\n\n\n    \u003cdiv class=\"custom-product-wrapper\"\u003e\n        \u003cdiv class=\"custom-product-inner\"\u003e\n            \u003c!-- Main header --\u003e\n            \u003cdiv class=\"custom-main-header\"\u003e\n                \u003ch1\u003eCozy Sweatshirt Specifications\u003c\/h1\u003e\n                \u003cdiv class=\"custom-progress-bar\"\u003e\n                    \u003cdiv class=\"custom-progress-fill\"\u003e\u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n            \n            \u003c!-- Product details card --\u003e\n            \u003cdiv class=\"custom-info-card\"\u003e\n                \u003ch2\u003e\n                    \u003cspan class=\"custom-icon\"\u003e📃\u003c\/span\u003e Product Details\n                \u003c\/h2\u003e\n                \u003cul class=\"custom-specs-list\"\u003e\n                    \u003cli\u003e7.8-ounce, 50\/50 cotton\/poly fleece\u003c\/li\u003e\n                    \u003cli\u003eAir jet yarn for softness\u003c\/li\u003e\n                    \u003cli\u003eTwo-ply hood\u003c\/li\u003e\n                \u003c\/ul\u003e\n            \u003c\/div\u003e\n            \n            \u003c!-- Special features card --\u003e\n            \u003cdiv class=\"custom-info-card\"\u003e\n                \u003ch2\u003e\n                    \u003cspan class=\"custom-icon\"\u003e🏷️\u003c\/span\u003e Special Features\n                \u003c\/h2\u003e\n                \u003cp class=\"custom-info-paragraph\"\u003e\n                    This cozy sweatshirt is a great core weight, comes in a large size range, offers a wide color selection, and is a classic favorite! With a brand like Port \u0026amp; Company behind it, this hoodie is sure to be a hit for your group.\n                \u003c\/p\u003e\n            \u003c\/div\u003e\n            \n            \u003c!-- Notes section --\u003e\n            \u003cdiv class=\"custom-notes-section\"\u003e\n                \u003ch3\u003e\n                    \u003cspan style=\"background: rgba(255,255,255,0.2);\" class=\"custom-icon\"\u003e⚠️\u003c\/span\u003e Companion Style\n                \u003c\/h3\u003e\n                \u003cdiv class=\"custom-note-content\"\u003e\n                    Looking for a youth companion style for the PC78H? See the PC90YH for the same 7.8-ounce Core Fleece and kid-friendly styling.\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n            \n            \u003c!-- Hidden tags - keeping original IDs --\u003e\n            \u003cdiv style=\"display: none;\"\u003e\n                \u003cdiv data-enviroment=\"Customizer\" data-product-id=\"8516721541287\" id=\"zakeke-product-tag\"\u003e\u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n\u003cdiv id=\"zakeke-design-tag\" data-design=\"000-Xx41RWPOoEyHvFHcqjcKlA\" style=\"display:none\"\u003e\u003c\/div\u003e\n\u003c\/body\u003e","brand":"Port \u0026 Company","offers":[{"title":"Black \/ L","offer_id":47310734590119,"sku":null,"price":51.83,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0684\/2656\/3751\/files\/54ef0a23-6de6-4448-9226-11276cbdc35e.png?v=1763955074"},{"product_id":"port-company-core-cotton-t-shirt-d45123c6-62f5-4922-99f2-72d5aa44666e","title":"Port \u0026 Company Core Cotton T-shirt","description":"\u003c!-- Product description styling with isolated scope --\u003e\n\u003cstyle\u003e\n        \/* كل التنسيقات محصورة داخل كلاس فريد لضمان عدم التأثير على باقي الموقع *\/\n        .premium-tshirt-container-isolated-123456 {\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n            max-width: 800px;\n            margin: 0 auto;\n            padding: 30px;\n            background: white;\n            border-radius: 12px;\n            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);\n            position: relative;\n            overflow: hidden;\n            animation: tshirt_fadeIn_123456 0.8s ease-out forwards;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .accent-bar-123456 {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 8px;\n            height: 0%;\n            background: linear-gradient(to bottom, #0a5cb1, #1e88e5);\n            animation: tshirt_growBar_123456 1s ease-out 0.3s forwards;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .product-title-123456 {\n            font-size: 1.8rem;\n            font-weight: 700;\n            color: #0a5cb1;\n            margin-bottom: 20px;\n            padding-bottom: 12px;\n            border-bottom: 2px solid #f0f0f0;\n            opacity: 0;\n            transform: translateY(-20px);\n            animation: tshirt_slideDown_123456 0.6s ease-out 0.4s forwards;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .product-description-123456 {\n            font-size: 1.1rem;\n            line-height: 1.6;\n            color: #333;\n            margin-bottom: 25px;\n            opacity: 0;\n            animation: tshirt_fadeIn_123456 0.6s ease-out 0.6s forwards;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .features-title-123456 {\n            font-size: 1.3rem;\n            font-weight: 600;\n            color: #0a5cb1;\n            margin-bottom: 15px;\n            opacity: 0;\n            transform: translateY(10px);\n            animation: tshirt_slideUp_123456 0.5s ease-out 0.8s forwards;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .features-list-123456 {\n            list-style-type: none;\n            padding: 0;\n            margin: 0 0 30px 0;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .features-list-123456 li {\n            position: relative;\n            padding: 8px 0 8px 35px;\n            margin-bottom: 10px;\n            opacity: 0;\n            transform: translateX(-20px);\n            animation: tshirt_slideInRight_123456 0.5s ease-out forwards;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .features-list-123456 li:nth-child(1) {\n            animation-delay: 1.0s;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .features-list-123456 li:nth-child(2) {\n            animation-delay: 1.1s;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .features-list-123456 li:nth-child(3) {\n            animation-delay: 1.2s;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .features-list-123456 li:nth-child(4) {\n            animation-delay: 1.3s;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .features-list-123456 li:nth-child(5) {\n            animation-delay: 1.4s;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .features-list-123456 li:before {\n            content: '';\n            position: absolute;\n            left: 0;\n            top: 10px;\n            width: 20px;\n            height: 20px;\n            background-color: #1e88e5;\n            mask-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C\/polyline%3E%3C\/svg%3E\");\n            -webkit-mask-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C\/polyline%3E%3C\/svg%3E\");\n            mask-size: contain;\n            -webkit-mask-size: contain;\n            mask-repeat: no-repeat;\n            -webkit-mask-repeat: no-repeat;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .customization-tag-123456 {\n            background: linear-gradient(135deg, #f5f7fa 0%, #e8edf5 100%);\n            padding: 20px;\n            border-radius: 8px;\n            border-left: 4px solid #0a5cb1;\n            margin-top: 20px;\n            opacity: 0;\n            transform: scale(0.95);\n            animation: tshirt_scaleIn_123456 0.7s ease-out 1.6s forwards;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .customization-title-123456 {\n            font-weight: 600;\n            color: #0a5cb1;\n            margin-bottom: 10px;\n            font-size: 1.1rem;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .customization-text-123456 {\n            font-size: 0.95rem;\n            color: #444;\n            line-height: 1.5;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .size-options-123456 {\n            display: flex;\n            gap: 10px;\n            flex-wrap: wrap;\n            margin-bottom: 25px;\n            opacity: 0;\n            animation: tshirt_fadeIn_123456 0.6s ease-out 0.7s forwards;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .size-tag-123456 {\n            padding: 6px 15px;\n            border-radius: 20px;\n            background-color: #e8edf5;\n            color: #0a5cb1;\n            font-weight: 500;\n            font-size: 0.9rem;\n            transition: all 0.3s ease;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .size-tag-123456:hover {\n            background-color: #0a5cb1;\n            color: white;\n            transform: translateY(-2px);\n            box-shadow: 0 4px 8px rgba(10, 92, 177, 0.2);\n        }\n        \n        .premium-tshirt-container-isolated-123456 .color-options-123456 {\n            display: flex;\n            gap: 8px;\n            margin-bottom: 20px;\n            opacity: 0;\n            animation: tshirt_fadeIn_123456 0.6s ease-out 0.9s forwards;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .color-dot-123456 {\n            width: 24px;\n            height: 24px;\n            border-radius: 50%;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            border: 2px solid transparent;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .color-dot-123456:hover {\n            transform: scale(1.2);\n        }\n        \n        .premium-tshirt-container-isolated-123456 .color-dot-123456.blue-123456 {\n            background-color: #1e88e5;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .color-dot-123456.red-123456 {\n            background-color: #e53935;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .color-dot-123456.green-123456 {\n            background-color: #43a047;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .color-dot-123456.black-123456 {\n            background-color: #212121;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .color-dot-123456.grey-123456 {\n            background-color: #757575;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .floating-icon-123456 {\n            position: absolute;\n            right: 15px;\n            top: 15px;\n            width: 40px;\n            height: 40px;\n            background-color: #0a5cb1;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: white;\n            font-size: 20px;\n            animation: tshirt_pulse_123456 2s infinite;\n        }\n        \n        \/* Animation keyframes with unique names to avoid conflicts *\/\n        @keyframes tshirt_fadeIn_123456 {\n            from {\n                opacity: 0;\n            }\n            to {\n                opacity: 1;\n            }\n        }\n        \n        @keyframes tshirt_growBar_123456 {\n            from {\n                height: 0%;\n            }\n            to {\n                height: 100%;\n            }\n        }\n        \n        @keyframes tshirt_slideDown_123456 {\n            from {\n                opacity: 0;\n                transform: translateY(-20px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n        \n        @keyframes tshirt_slideUp_123456 {\n            from {\n                opacity: 0;\n                transform: translateY(20px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n        \n        @keyframes tshirt_slideInRight_123456 {\n            from {\n                opacity: 0;\n                transform: translateX(-20px);\n            }\n            to {\n                opacity: 1;\n                transform: translateX(0);\n            }\n        }\n        \n        @keyframes tshirt_scaleIn_123456 {\n            from {\n                opacity: 0;\n                transform: scale(0.95);\n            }\n            to {\n                opacity: 1;\n                transform: scale(1);\n            }\n        }\n        \n        @keyframes tshirt_pulse_123456 {\n            0% {\n                box-shadow: 0 0 0 0 rgba(10, 92, 177, 0.4);\n            }\n            70% {\n                box-shadow: 0 0 0 10px rgba(10, 92, 177, 0);\n            }\n            100% {\n                box-shadow: 0 0 0 0 rgba(10, 92, 177, 0);\n            }\n        }\n        \n        \/* Responsive adjustments *\/\n        @media (max-width: 768px) {\n            .premium-tshirt-container-isolated-123456 {\n                padding: 20px;\n                margin: 0 10px;\n            }\n            \n            .premium-tshirt-container-isolated-123456 .product-title-123456 {\n                font-size: 1.5rem;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"premium-tshirt-container-isolated-123456\"\u003e\n\u003cdiv class=\"accent-bar-123456\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"floating-icon-123456\"\u003e\n\u003ci class=\"fas fa-tshirt\"\u003e\u003c\/i\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003ch1 class=\"product-title-123456\"\u003ePremium Cotton T-Shirt\u003c\/h1\u003e\n\u003cp class=\"product-description-123456\"\u003eThis is a great year-round tee with an amazing selection of colors. This shirt comes in adult unisex and youth sizes as well so you can outfit your entire group!\u003c\/p\u003e\n\u003cdiv class=\"size-options-123456\"\u003e\n\u003cspan class=\"size-tag-123456\"\u003eAdult Unisex\u003c\/span\u003e \u003cspan class=\"size-tag-123456\"\u003eYouth Sizes\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"color-options-123456\"\u003e\n\u003cdiv class=\"color-dot-123456 blue-123456\" title=\"Blue\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"color-dot-123456 red-123456\" title=\"Red\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"color-dot-123456 green-123456\" title=\"Green\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"color-dot-123456 black-123456\" title=\"Black\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"color-dot-123456 grey-123456\" title=\"Grey\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"features-title-123456\"\u003eProduct Features\u003c\/h2\u003e\n\u003cul class=\"features-list-123456\"\u003e\n\u003cli\u003e5.4 oz., 100% cotton\u003c\/li\u003e\n\u003cli\u003eAll heather colors, and neon colors are cotton\/poly blends\u003c\/li\u003e\n\u003cli\u003eGreat color selection\u003c\/li\u003e\n\u003cli\u003eSide seamed\u003c\/li\u003e\n\u003cli\u003eRibbed collar\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv class=\"customization-tag-123456\"\u003e\n\u003cdiv class=\"customization-title-123456\"\u003eCustomization Available\u003c\/div\u003e\n\u003cp class=\"customization-text-123456\"\u003eMake it yours! Add custom text, graphics, or logos to create the perfect personalized t-shirt for your event, team, or business.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Hidden tag for the product customizer --\u003e\n\u003cdiv id=\"zakeke-product-tag-123456\" style=\"display: none;\" data-product-id=\"8458071343271\" data-enviroment=\"Customizer\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- أضف Font Awesome من CDN للأيقونات --\u003e\n\u003cp\u003e \u003c\/p\u003e\u003cdiv id=\"zakeke-design-tag\" data-design=\"000-OcTwQSeGCEiRq47FDypORw\" style=\"display:none\"\u003e\u003c\/div\u003e","brand":"Port \u0026 Company","offers":[{"title":"Jet Black \/ M","offer_id":47312714956967,"sku":null,"price":24.95,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0684\/2656\/3751\/files\/b3728493-2997-4824-a626-a510ea800e5a.png?v=1763996175"},{"product_id":"jerzees-nublend-fleece-sweatshirt-a25e6d60-7ee1-497c-b1cc-9d45cb07f4e9","title":"Sweatshirt Jerzees NuBlend Fleece","description":"\u003cp data-start=\"45\" data-end=\"349\"\u003eThis \u003cstrong data-start=\"50\" data-end=\"72\"\u003eJerzees sweatshirt\u003c\/strong\u003e is the perfect companion for crisp fall weather. Designed with a seamless body, spandex-reinforced cuffs and waistband, and double-needle stitching at key stress points, it delivers both comfort and long-lasting durability. A versatile staple you’ll reach for again and again.\u003c\/p\u003e\u003cdiv id=\"zakeke-product-tag\" style=\"display:none\" data-product-id=\"8641306525863\" data-enviroment=\"Customizer\"\u003e\u003c\/div\u003e\u003cdiv id=\"zakeke-design-tag\" data-design=\"000-KmVgOtgY50aVMIpsKn8XVQ\" style=\"display:none\"\u003e\u003c\/div\u003e","brand":"Jerzees","offers":[{"title":"Black \/ L","offer_id":47312726294695,"sku":null,"price":28.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0684\/2656\/3751\/files\/f2ba243c-4128-41bb-8419-22f64ea5b5b3.png?v=1763996296"},{"product_id":"gildan-heavy-blend-fleece-sweatshirt-a19fba3f-b58c-4ad9-a8d0-a4ea39a4f7bc","title":"Sweatshirt Gildan Heavy Blend Fleece","description":"\u003cp data-start=\"46\" data-end=\"69\"\u003e\u003cstrong data-start=\"46\" data-end=\"69\"\u003eProduct Description\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp data-start=\"71\" data-end=\"364\"\u003eStay warm and comfortable with the \u003cstrong data-start=\"106\" data-end=\"134\"\u003eGildan Fleece Sweatshirt\u003c\/strong\u003e, crafted for both durability and everyday wear. Made from high-quality materials, this sweatshirt is built to last through countless chilly fall and winter days. A perfect blend of comfort, function, and long-lasting performance.\u003c\/p\u003e\u003cdiv id=\"zakeke-product-tag\" style=\"display:none\" data-product-id=\"8641141866663\" data-enviroment=\"Customizer\"\u003e\u003c\/div\u003e\u003cdiv id=\"zakeke-design-tag\" data-design=\"000-bGqgnXEPuE2NETZyVU2mLQ\" style=\"display:none\"\u003e\u003c\/div\u003e","brand":"Gildan","offers":[{"title":"S \/ Royal blue","offer_id":47313093918887,"sku":null,"price":33.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0684\/2656\/3751\/files\/85d66f8f-c724-4055-917b-15f77ad4dafb.png?v=1764004863"},{"product_id":"limited-time-offer-premium-tees-for-only-15-921671a0-c6fc-4720-af06-bfd91ce99950","title":"Limited Time Offer: Premium Tees","description":"\u003cp data-start=\"200\" data-end=\"302\"\u003e“Grab this exclusive deal! For a short time only, our premium-quality tee is yours for just \u003cstrong data-start=\"292\" data-end=\"299\"\u003e$15\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cul data-start=\"304\" data-end=\"533\"\u003e\n\u003cli data-start=\"304\" data-end=\"358\"\u003e\n\u003cp data-start=\"306\" data-end=\"358\"\u003eSoft, durable fabric that holds up wash after wash\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"359\" data-end=\"420\"\u003e\n\u003cp data-start=\"361\" data-end=\"420\"\u003eStylish design that fits both casual and streetwear looks\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"421\" data-end=\"483\"\u003e\n\u003cp data-start=\"423\" data-end=\"483\"\u003eAvailable in sizes S-XL (check size chart for perfect fit)\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"484\" data-end=\"533\"\u003e\n\u003cp data-start=\"486\" data-end=\"533\"\u003eIdeal for everyday wear, layering, or gifting\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp data-start=\"535\" data-end=\"637\"\u003eDon’t wait this special price won’t last long! Add it to your cart and upgrade your tee game today.”\u003c\/p\u003e\u003cdiv id=\"zakeke-product-tag\" style=\"display:none\" data-product-id=\"8640204243111\" data-enviroment=\"Customizer\"\u003e\u003c\/div\u003e\u003cdiv id=\"zakeke-design-tag\" data-design=\"000-vqyrRHqeEEm9SsC6Rc4M3A\" style=\"display:none\"\u003e\u003c\/div\u003e","brand":"Port \u0026 Company","offers":[{"title":"Black \/ 3XL","offer_id":47345147183271,"sku":null,"price":15.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0684\/2656\/3751\/files\/5a32cfe1cdd04791bc6b17f3d13ce387.png?v=1764443950"},{"product_id":"limited-time-offer-premium-tees-for-only-15-4c492896-7289-4bd7-98fb-688d0e88c556","title":"Limited Time Offer: Premium Tees","description":"\u003cp data-start=\"200\" data-end=\"302\"\u003e“Grab this exclusive deal! For a short time only, our premium-quality tee is yours for just \u003cstrong data-start=\"292\" data-end=\"299\"\u003e$15\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cul data-start=\"304\" data-end=\"533\"\u003e\n\u003cli data-start=\"304\" data-end=\"358\"\u003e\n\u003cp data-start=\"306\" data-end=\"358\"\u003eSoft, durable fabric that holds up wash after wash\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"359\" data-end=\"420\"\u003e\n\u003cp data-start=\"361\" data-end=\"420\"\u003eStylish design that fits both casual and streetwear looks\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"421\" data-end=\"483\"\u003e\n\u003cp data-start=\"423\" data-end=\"483\"\u003eAvailable in sizes S-XL (check size chart for perfect fit)\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"484\" data-end=\"533\"\u003e\n\u003cp data-start=\"486\" data-end=\"533\"\u003eIdeal for everyday wear, layering, or gifting\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp data-start=\"535\" data-end=\"637\"\u003eDon’t wait this special price won’t last long! Add it to your cart and upgrade your tee game today.”\u003c\/p\u003e\u003cdiv id=\"zakeke-product-tag\" style=\"display:none\" data-product-id=\"8640204243111\" data-enviroment=\"Customizer\"\u003e\u003c\/div\u003e\u003cdiv id=\"zakeke-design-tag\" data-design=\"000-9CcEwnnFa0xUqh4r72Gm8g\" style=\"display:none\"\u003e\u003c\/div\u003e","brand":"Port \u0026 Company","offers":[{"title":"Navy \/ XL","offer_id":47351749836967,"sku":null,"price":15.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0684\/2656\/3751\/files\/4ced5d3cf0284aa4865fdd6b9767cca1.png?v=1764545719"},{"product_id":"limited-time-offer-premium-tees-for-only-15-f96cb9a7-671d-4e5d-81cc-867d1b96b528","title":"Limited Time Offer: Premium Tees","description":"\u003cp data-start=\"200\" data-end=\"302\"\u003e“Grab this exclusive deal! For a short time only, our premium-quality tee is yours for just \u003cstrong data-start=\"292\" data-end=\"299\"\u003e$15\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cul data-start=\"304\" data-end=\"533\"\u003e\n\u003cli data-start=\"304\" data-end=\"358\"\u003e\n\u003cp data-start=\"306\" data-end=\"358\"\u003eSoft, durable fabric that holds up wash after wash\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"359\" data-end=\"420\"\u003e\n\u003cp data-start=\"361\" data-end=\"420\"\u003eStylish design that fits both casual and streetwear looks\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"421\" data-end=\"483\"\u003e\n\u003cp data-start=\"423\" data-end=\"483\"\u003eAvailable in sizes S-XL (check size chart for perfect fit)\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"484\" data-end=\"533\"\u003e\n\u003cp data-start=\"486\" data-end=\"533\"\u003eIdeal for everyday wear, layering, or gifting\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp data-start=\"535\" data-end=\"637\"\u003eDon’t wait this special price won’t last long! Add it to your cart and upgrade your tee game today.”\u003c\/p\u003e\u003cdiv id=\"zakeke-product-tag\" style=\"display:none\" data-product-id=\"8640204243111\" data-enviroment=\"Customizer\"\u003e\u003c\/div\u003e\u003cdiv id=\"zakeke-design-tag\" data-design=\"000-ULhQvHORhEGJEci6tN8o7A\" style=\"display:none\"\u003e\u003c\/div\u003e","brand":"Port \u0026 Company","offers":[{"title":"Black \/ S","offer_id":47357369974951,"sku":null,"price":15.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0684\/2656\/3751\/files\/f77925e4adf3435ebcf8a8d062d1afca.png?v=1764626674"},{"product_id":"limited-time-offer-premium-tees-for-only-15-ae580000-1659-4031-8f38-1a8a46d312d6","title":"Limited Time Offer: Premium Tees","description":"\u003cp data-start=\"200\" data-end=\"302\"\u003e“Grab this exclusive deal! For a short time only, our premium-quality tee is yours for just \u003cstrong data-start=\"292\" data-end=\"299\"\u003e$15\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cul data-start=\"304\" data-end=\"533\"\u003e\n\u003cli data-start=\"304\" data-end=\"358\"\u003e\n\u003cp data-start=\"306\" data-end=\"358\"\u003eSoft, durable fabric that holds up wash after wash\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"359\" data-end=\"420\"\u003e\n\u003cp data-start=\"361\" data-end=\"420\"\u003eStylish design that fits both casual and streetwear looks\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"421\" data-end=\"483\"\u003e\n\u003cp data-start=\"423\" data-end=\"483\"\u003eAvailable in sizes S-XL (check size chart for perfect fit)\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"484\" data-end=\"533\"\u003e\n\u003cp data-start=\"486\" data-end=\"533\"\u003eIdeal for everyday wear, layering, or gifting\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp data-start=\"535\" data-end=\"637\"\u003eDon’t wait this special price won’t last long! Add it to your cart and upgrade your tee game today.”\u003c\/p\u003e\u003cdiv id=\"zakeke-product-tag\" style=\"display:none\" data-product-id=\"8640204243111\" data-enviroment=\"Customizer\"\u003e\u003c\/div\u003e\u003cdiv id=\"zakeke-design-tag\" data-design=\"000-cbTpxEQ1JUGllvfqhpeSzA\" style=\"display:none\"\u003e\u003c\/div\u003e","brand":"Port \u0026 Company","offers":[{"title":"Black \/ M","offer_id":47357390225575,"sku":null,"price":15.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0684\/2656\/3751\/files\/39690c8541104380b5b88c2a4da74508.png?v=1764626974"},{"product_id":"port-company-core-cotton-t-shirt-54d39978-69d0-46cf-9c1e-169d18c09714","title":"Port \u0026 Company Core Cotton T-shirt","description":"\u003c!-- Product description styling with isolated scope --\u003e\n\u003cstyle\u003e\n        \/* كل التنسيقات محصورة داخل كلاس فريد لضمان عدم التأثير على باقي الموقع *\/\n        .premium-tshirt-container-isolated-123456 {\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n            max-width: 800px;\n            margin: 0 auto;\n            padding: 30px;\n            background: white;\n            border-radius: 12px;\n            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);\n            position: relative;\n            overflow: hidden;\n            animation: tshirt_fadeIn_123456 0.8s ease-out forwards;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .accent-bar-123456 {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 8px;\n            height: 0%;\n            background: linear-gradient(to bottom, #0a5cb1, #1e88e5);\n            animation: tshirt_growBar_123456 1s ease-out 0.3s forwards;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .product-title-123456 {\n            font-size: 1.8rem;\n            font-weight: 700;\n            color: #0a5cb1;\n            margin-bottom: 20px;\n            padding-bottom: 12px;\n            border-bottom: 2px solid #f0f0f0;\n            opacity: 0;\n            transform: translateY(-20px);\n            animation: tshirt_slideDown_123456 0.6s ease-out 0.4s forwards;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .product-description-123456 {\n            font-size: 1.1rem;\n            line-height: 1.6;\n            color: #333;\n            margin-bottom: 25px;\n            opacity: 0;\n            animation: tshirt_fadeIn_123456 0.6s ease-out 0.6s forwards;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .features-title-123456 {\n            font-size: 1.3rem;\n            font-weight: 600;\n            color: #0a5cb1;\n            margin-bottom: 15px;\n            opacity: 0;\n            transform: translateY(10px);\n            animation: tshirt_slideUp_123456 0.5s ease-out 0.8s forwards;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .features-list-123456 {\n            list-style-type: none;\n            padding: 0;\n            margin: 0 0 30px 0;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .features-list-123456 li {\n            position: relative;\n            padding: 8px 0 8px 35px;\n            margin-bottom: 10px;\n            opacity: 0;\n            transform: translateX(-20px);\n            animation: tshirt_slideInRight_123456 0.5s ease-out forwards;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .features-list-123456 li:nth-child(1) {\n            animation-delay: 1.0s;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .features-list-123456 li:nth-child(2) {\n            animation-delay: 1.1s;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .features-list-123456 li:nth-child(3) {\n            animation-delay: 1.2s;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .features-list-123456 li:nth-child(4) {\n            animation-delay: 1.3s;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .features-list-123456 li:nth-child(5) {\n            animation-delay: 1.4s;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .features-list-123456 li:before {\n            content: '';\n            position: absolute;\n            left: 0;\n            top: 10px;\n            width: 20px;\n            height: 20px;\n            background-color: #1e88e5;\n            mask-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C\/polyline%3E%3C\/svg%3E\");\n            -webkit-mask-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C\/polyline%3E%3C\/svg%3E\");\n            mask-size: contain;\n            -webkit-mask-size: contain;\n            mask-repeat: no-repeat;\n            -webkit-mask-repeat: no-repeat;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .customization-tag-123456 {\n            background: linear-gradient(135deg, #f5f7fa 0%, #e8edf5 100%);\n            padding: 20px;\n            border-radius: 8px;\n            border-left: 4px solid #0a5cb1;\n            margin-top: 20px;\n            opacity: 0;\n            transform: scale(0.95);\n            animation: tshirt_scaleIn_123456 0.7s ease-out 1.6s forwards;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .customization-title-123456 {\n            font-weight: 600;\n            color: #0a5cb1;\n            margin-bottom: 10px;\n            font-size: 1.1rem;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .customization-text-123456 {\n            font-size: 0.95rem;\n            color: #444;\n            line-height: 1.5;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .size-options-123456 {\n            display: flex;\n            gap: 10px;\n            flex-wrap: wrap;\n            margin-bottom: 25px;\n            opacity: 0;\n            animation: tshirt_fadeIn_123456 0.6s ease-out 0.7s forwards;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .size-tag-123456 {\n            padding: 6px 15px;\n            border-radius: 20px;\n            background-color: #e8edf5;\n            color: #0a5cb1;\n            font-weight: 500;\n            font-size: 0.9rem;\n            transition: all 0.3s ease;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .size-tag-123456:hover {\n            background-color: #0a5cb1;\n            color: white;\n            transform: translateY(-2px);\n            box-shadow: 0 4px 8px rgba(10, 92, 177, 0.2);\n        }\n        \n        .premium-tshirt-container-isolated-123456 .color-options-123456 {\n            display: flex;\n            gap: 8px;\n            margin-bottom: 20px;\n            opacity: 0;\n            animation: tshirt_fadeIn_123456 0.6s ease-out 0.9s forwards;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .color-dot-123456 {\n            width: 24px;\n            height: 24px;\n            border-radius: 50%;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            border: 2px solid transparent;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .color-dot-123456:hover {\n            transform: scale(1.2);\n        }\n        \n        .premium-tshirt-container-isolated-123456 .color-dot-123456.blue-123456 {\n            background-color: #1e88e5;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .color-dot-123456.red-123456 {\n            background-color: #e53935;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .color-dot-123456.green-123456 {\n            background-color: #43a047;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .color-dot-123456.black-123456 {\n            background-color: #212121;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .color-dot-123456.grey-123456 {\n            background-color: #757575;\n        }\n        \n        .premium-tshirt-container-isolated-123456 .floating-icon-123456 {\n            position: absolute;\n            right: 15px;\n            top: 15px;\n            width: 40px;\n            height: 40px;\n            background-color: #0a5cb1;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: white;\n            font-size: 20px;\n            animation: tshirt_pulse_123456 2s infinite;\n        }\n        \n        \/* Animation keyframes with unique names to avoid conflicts *\/\n        @keyframes tshirt_fadeIn_123456 {\n            from {\n                opacity: 0;\n            }\n            to {\n                opacity: 1;\n            }\n        }\n        \n        @keyframes tshirt_growBar_123456 {\n            from {\n                height: 0%;\n            }\n            to {\n                height: 100%;\n            }\n        }\n        \n        @keyframes tshirt_slideDown_123456 {\n            from {\n                opacity: 0;\n                transform: translateY(-20px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n        \n        @keyframes tshirt_slideUp_123456 {\n            from {\n                opacity: 0;\n                transform: translateY(20px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n        \n        @keyframes tshirt_slideInRight_123456 {\n            from {\n                opacity: 0;\n                transform: translateX(-20px);\n            }\n            to {\n                opacity: 1;\n                transform: translateX(0);\n            }\n        }\n        \n        @keyframes tshirt_scaleIn_123456 {\n            from {\n                opacity: 0;\n                transform: scale(0.95);\n            }\n            to {\n                opacity: 1;\n                transform: scale(1);\n            }\n        }\n        \n        @keyframes tshirt_pulse_123456 {\n            0% {\n                box-shadow: 0 0 0 0 rgba(10, 92, 177, 0.4);\n            }\n            70% {\n                box-shadow: 0 0 0 10px rgba(10, 92, 177, 0);\n            }\n            100% {\n                box-shadow: 0 0 0 0 rgba(10, 92, 177, 0);\n            }\n        }\n        \n        \/* Responsive adjustments *\/\n        @media (max-width: 768px) {\n            .premium-tshirt-container-isolated-123456 {\n                padding: 20px;\n                margin: 0 10px;\n            }\n            \n            .premium-tshirt-container-isolated-123456 .product-title-123456 {\n                font-size: 1.5rem;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"premium-tshirt-container-isolated-123456\"\u003e\n\u003cdiv class=\"accent-bar-123456\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"floating-icon-123456\"\u003e\n\u003ci class=\"fas fa-tshirt\"\u003e\u003c\/i\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003ch1 class=\"product-title-123456\"\u003ePremium Cotton T-Shirt\u003c\/h1\u003e\n\u003cp class=\"product-description-123456\"\u003eThis is a great year-round tee with an amazing selection of colors. This shirt comes in adult unisex and youth sizes as well so you can outfit your entire group!\u003c\/p\u003e\n\u003cdiv class=\"size-options-123456\"\u003e\n\u003cspan class=\"size-tag-123456\"\u003eAdult Unisex\u003c\/span\u003e \u003cspan class=\"size-tag-123456\"\u003eYouth Sizes\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"color-options-123456\"\u003e\n\u003cdiv class=\"color-dot-123456 blue-123456\" title=\"Blue\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"color-dot-123456 red-123456\" title=\"Red\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"color-dot-123456 green-123456\" title=\"Green\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"color-dot-123456 black-123456\" title=\"Black\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"color-dot-123456 grey-123456\" title=\"Grey\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"features-title-123456\"\u003eProduct Features\u003c\/h2\u003e\n\u003cul class=\"features-list-123456\"\u003e\n\u003cli\u003e5.4 oz., 100% cotton\u003c\/li\u003e\n\u003cli\u003eAll heather colors, and neon colors are cotton\/poly blends\u003c\/li\u003e\n\u003cli\u003eGreat color selection\u003c\/li\u003e\n\u003cli\u003eSide seamed\u003c\/li\u003e\n\u003cli\u003eRibbed collar\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv class=\"customization-tag-123456\"\u003e\n\u003cdiv class=\"customization-title-123456\"\u003eCustomization Available\u003c\/div\u003e\n\u003cp class=\"customization-text-123456\"\u003eMake it yours! Add custom text, graphics, or logos to create the perfect personalized t-shirt for your event, team, or business.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Hidden tag for the product customizer --\u003e\n\u003cdiv id=\"zakeke-product-tag-123456\" style=\"display: none;\" data-product-id=\"8458071343271\" data-enviroment=\"Customizer\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- أضف Font Awesome من CDN للأيقونات --\u003e\n\u003cp\u003e \u003c\/p\u003e\u003cdiv id=\"zakeke-design-tag\" data-design=\"000-ztDHjjenmkKB2rEOddPhVg\" style=\"display:none\"\u003e\u003c\/div\u003e","brand":"Port \u0026 Company","offers":[{"title":"Jet Black \/ L","offer_id":47370338861223,"sku":null,"price":33.15,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0684\/2656\/3751\/files\/b749f541-8f95-490a-8812-8672030342fe.png?v=1764795172"},{"product_id":"limited-time-offer-premium-tees-for-only-15-f208d2de-fa66-4b25-9a84-dc4a0e916442","title":"Limited Time Offer: Premium Tees","description":"\u003cp data-start=\"200\" data-end=\"302\"\u003e“Grab this exclusive deal! For a short time only, our premium-quality tee is yours for just \u003cstrong data-start=\"292\" data-end=\"299\"\u003e$15\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cul data-start=\"304\" data-end=\"533\"\u003e\n\u003cli data-start=\"304\" data-end=\"358\"\u003e\n\u003cp data-start=\"306\" data-end=\"358\"\u003eSoft, durable fabric that holds up wash after wash\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"359\" data-end=\"420\"\u003e\n\u003cp data-start=\"361\" data-end=\"420\"\u003eStylish design that fits both casual and streetwear looks\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"421\" data-end=\"483\"\u003e\n\u003cp data-start=\"423\" data-end=\"483\"\u003eAvailable in sizes S-XL (check size chart for perfect fit)\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"484\" data-end=\"533\"\u003e\n\u003cp data-start=\"486\" data-end=\"533\"\u003eIdeal for everyday wear, layering, or gifting\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp data-start=\"535\" data-end=\"637\"\u003eDon’t wait this special price won’t last long! Add it to your cart and upgrade your tee game today.”\u003c\/p\u003e\u003cdiv id=\"zakeke-product-tag\" style=\"display:none\" data-product-id=\"8640204243111\" data-enviroment=\"Customizer\"\u003e\u003c\/div\u003e\u003cdiv id=\"zakeke-design-tag\" data-design=\"000-KkxcJlApfESdVnnN2YkyQQ\" style=\"display:none\"\u003e\u003c\/div\u003e","brand":"Port \u0026 Company","offers":[{"title":"White \/ S","offer_id":47378438258855,"sku":null,"price":15.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0684\/2656\/3751\/files\/78e5eb2ea6044dcab8aa42648e2f443f.png?v=1764891483"},{"product_id":"gildan-heavy-cotton-100-cotton-t-shirt-981ad03f-e810-4a8e-99b0-b89e5835233f","title":"T-Shirt Gildan - Heavy Cotton 100% Cotton","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        \/* Scoped styles with unique prefix to avoid conflicts *\/\n        .custom-product-wrapper {\n            \/* Color variables from logo *\/\n            --primary-blue: #1E3A8A;\n            --secondary-blue: #3B5998;\n            --light-blue: #60A5FA;\n            --white: #FFFFFF;\n            --gray-light: #F3F4F6;\n            --gray-dark: #374151;\n            --accent-blue: #2563EB;\n        }\n\n        \/* Reset for this component only *\/\n        .custom-product-wrapper * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        \/* Main container - isolated from page *\/\n        .custom-product-wrapper {\n            width: 100%;\n            margin: 0 auto;\n            padding: 20px 10px;\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n            background: linear-gradient(135deg, var(--gray-light) 0%, var(--white) 100%);\n            position: relative;\n            z-index: 1;\n        }\n\n        \/* Inner container for max-width *\/\n        .custom-product-inner {\n            max-width: 1200px;\n            margin: 0 auto;\n        }\n\n        \/* Main header *\/\n        .custom-main-header {\n            text-align: center;\n            margin-bottom: 30px;\n            animation: slideDown 0.8s ease-out;\n        }\n\n        .custom-main-header h1 {\n            color: var(--primary-blue);\n            font-size: 1.8rem;\n            margin-bottom: 10px;\n            position: relative;\n            display: inline-block;\n            transition: all 0.3s ease;\n            cursor: pointer;\n            word-break: break-word;\n        }\n\n        .custom-main-header h1:hover {\n            transform: scale(1.05);\n            color: var(--accent-blue);\n        }\n\n        .custom-main-header h1::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 0;\n            height: 3px;\n            background: var(--accent-blue);\n            animation: expandLine 1s ease-out 0.5s forwards;\n        }\n\n        \/* Info card *\/\n        .custom-info-card {\n            background: var(--white);\n            border-radius: 15px;\n            padding: 35px;\n            margin-bottom: 30px;\n            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n            transform: translateY(20px);\n            opacity: 0;\n            animation: fadeInUp 0.6s ease-out 0.3s forwards;\n            position: relative;\n            overflow: hidden;\n            transition: all 0.3s ease;\n            cursor: pointer;\n        }\n\n        .custom-info-card:hover {\n            transform: scale(1.03) translateY(0);\n            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);\n        }\n\n        .custom-info-card::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: -100%;\n            width: 100%;\n            height: 100%;\n            background: linear-gradient(90deg, transparent, rgba(37, 99, 235, 0.05), transparent);\n            animation: shimmer 3s infinite;\n        }\n\n        .custom-info-card h2 {\n            color: var(--primary-blue);\n            font-size: 2rem;\n            margin-bottom: 20px;\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            transition: all 0.3s ease;\n            word-break: break-word;\n            font-weight: 600;\n        }\n\n        .custom-info-card:hover h2 {\n            color: var(--accent-blue);\n            transform: scale(1.02);\n        }\n\n        .custom-icon {\n            min-width: 35px;\n            width: 35px;\n            height: 35px;\n            background: var(--light-blue);\n            border-radius: 50%;\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            animation: pulse 2s infinite;\n            font-size: 1.2rem;\n        }\n\n        \/* Specifications list *\/\n        .custom-specs-list {\n            list-style: none;\n            padding: 0;\n        }\n\n        .custom-specs-list li {\n            padding: 16px 24px;\n            margin-bottom: 14px;\n            background: var(--gray-light);\n            border-radius: 10px;\n            border-left: 4px solid var(--accent-blue);\n            transform: translateX(20px);\n            opacity: 0;\n            animation: slideFromLeft 0.5s ease-out forwards;\n            transition: all 0.3s ease;\n            position: relative;\n            font-size: 1.15rem;\n            line-height: 1.7;\n            word-break: break-word;\n            font-weight: 500;\n        }\n\n        .custom-specs-list li:nth-child(1) { animation-delay: 0.1s; }\n        .custom-specs-list li:nth-child(2) { animation-delay: 0.2s; }\n        .custom-specs-list li:nth-child(3) { animation-delay: 0.3s; }\n        .custom-specs-list li:nth-child(4) { animation-delay: 0.4s; }\n        .custom-specs-list li:nth-child(5) { animation-delay: 0.5s; }\n        .custom-specs-list li:nth-child(6) { animation-delay: 0.6s; }\n        .custom-specs-list li:nth-child(7) { animation-delay: 0.7s; }\n        .custom-specs-list li:nth-child(8) { animation-delay: 0.8s; }\n\n        .custom-specs-list li:hover {\n            transform: translateX(-5px);\n            background: var(--white);\n            box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);\n        }\n\n        .custom-specs-list li::before {\n            content: '✓';\n            position: absolute;\n            left: -12px;\n            top: 50%;\n            transform: translateY(-50%);\n            width: 24px;\n            height: 24px;\n            background: var(--accent-blue);\n            color: var(--white);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-weight: bold;\n            font-size: 0.7rem;\n        }\n\n        \/* Paragraph styling *\/\n        .custom-info-paragraph {\n            line-height: 1.8;\n            color: var(--gray-dark);\n            transition: all 0.3s ease;\n            font-size: 1.15rem;\n            word-break: break-word;\n            font-weight: 400;\n        }\n\n        .custom-info-card:hover .custom-info-paragraph {\n            color: var(--primary-blue);\n        }\n\n        \/* Notes section *\/\n        .custom-notes-section {\n            background: linear-gradient(135deg, var(--primary-blue), var(--secondary-blue));\n            color: var(--white);\n            padding: 35px;\n            border-radius: 15px;\n            margin-top: 40px;\n            transform: scale(0.9);\n            opacity: 0;\n            animation: scaleIn 0.7s ease-out 0.8s forwards;\n            transition: all 0.3s ease;\n            cursor: pointer;\n        }\n\n        .custom-notes-section:hover {\n            transform: scale(1.02);\n            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);\n        }\n\n        .custom-notes-section h3 {\n            font-size: 1.7rem;\n            margin-bottom: 15px;\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            word-break: break-word;\n            font-weight: 600;\n        }\n\n        .custom-note-content {\n            background: rgba(255, 255, 255, 0.1);\n            padding: 20px;\n            border-radius: 10px;\n            backdrop-filter: blur(10px);\n            line-height: 1.8;\n            transition: all 0.3s ease;\n            font-size: 1.1rem;\n            font-weight: 400;\n        }\n\n        .custom-notes-section:hover .custom-note-content {\n            background: rgba(255, 255, 255, 0.15);\n        }\n\n        \/* Progress bar *\/\n        .custom-progress-bar {\n            height: 3px;\n            background: var(--gray-light);\n            border-radius: 2px;\n            margin: 15px 0;\n            overflow: hidden;\n        }\n\n        .custom-progress-fill {\n            height: 100%;\n            background: linear-gradient(90deg, var(--accent-blue), var(--light-blue));\n            width: 0;\n            animation: fillProgress 2s ease-out 1s forwards;\n        }\n\n        \/* Media queries for responsive design *\/\n        @media (max-width: 768px) {\n            .custom-product-wrapper {\n                padding: 20px 10px;\n            }\n\n            .custom-main-header h1 {\n                font-size: 1.8rem;\n            }\n\n            .custom-info-card {\n                padding: 20px;\n                margin-bottom: 20px;\n            }\n\n            .custom-info-card h2 {\n                font-size: 1.4rem;\n            }\n\n            .custom-specs-list li {\n                padding: 14px 18px;\n                font-size: 1rem;\n                margin-bottom: 12px;\n            }\n\n            .custom-notes-section {\n                padding: 20px;\n            }\n\n            .custom-notes-section h3 {\n                font-size: 1.3rem;\n            }\n\n            .custom-note-content {\n                font-size: 1rem;\n                padding: 18px;\n            }\n\n            .custom-icon {\n                min-width: 30px;\n                width: 30px;\n                height: 30px;\n                font-size: 1rem;\n            }\n\n            .custom-specs-list li::before {\n                width: 26px;\n                height: 26px;\n                font-size: 0.8rem;\n                left: -13px;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .custom-product-wrapper {\n                padding: 15px 8px;\n            }\n\n            .custom-main-header h1 {\n                font-size: 1.6rem;\n                line-height: 1.3;\n            }\n\n            .custom-info-card {\n                padding: 18px;\n                margin-bottom: 18px;\n            }\n\n            .custom-info-card h2 {\n                font-size: 1.25rem;\n                gap: 10px;\n            }\n\n            .custom-icon {\n                min-width: 28px;\n                width: 28px;\n                height: 28px;\n                font-size: 0.95rem;\n            }\n\n            .custom-specs-list li {\n                padding: 12px 16px;\n                font-size: 0.95rem;\n                line-height: 1.6;\n            }\n\n            .custom-specs-list li::before {\n                width: 24px;\n                height: 24px;\n                font-size: 0.75rem;\n                left: -12px;\n            }\n\n            .custom-notes-section {\n                padding: 18px;\n                margin-top: 25px;\n            }\n\n            .custom-notes-section h3 {\n                font-size: 1.2rem;\n            }\n\n            .custom-note-content {\n                padding: 16px;\n                font-size: 0.95rem;\n                line-height: 1.7;\n            }\n\n            .custom-info-paragraph {\n                font-size: 0.95rem;\n                line-height: 1.7;\n            }\n        }\n\n        \/* Animations *\/\n        @keyframes slideDown {\n            from {\n                transform: translateY(-30px);\n                opacity: 0;\n            }\n            to {\n                transform: translateY(0);\n                opacity: 1;\n            }\n        }\n\n        @keyframes fadeInUp {\n            to {\n                transform: translateY(0);\n                opacity: 1;\n            }\n        }\n\n        @keyframes slideFromLeft {\n            to {\n                transform: translateX(0);\n                opacity: 1;\n            }\n        }\n\n        @keyframes scaleIn {\n            to {\n                transform: scale(1);\n                opacity: 1;\n            }\n        }\n\n        @keyframes expandLine {\n            to {\n                width: 60px;\n            }\n        }\n\n        @keyframes pulse {\n            0%, 100% {\n                transform: scale(1);\n            }\n            50% {\n                transform: scale(1.05);\n            }\n        }\n\n        @keyframes shimmer {\n            100% {\n                left: 100%;\n            }\n        }\n\n        @keyframes fillProgress {\n            to {\n                width: 100%;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"custom-product-wrapper\"\u003e\n\u003cdiv class=\"custom-product-inner\"\u003e\n\u003c!-- Main header --\u003e\n\u003cdiv class=\"custom-main-header\"\u003e\n\u003ch1\u003ePremium Product Specifications\u003c\/h1\u003e\n\u003cdiv class=\"custom-progress-bar\"\u003e\n\u003cdiv class=\"custom-progress-fill\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Product details card --\u003e\n\u003cdiv class=\"custom-info-card\"\u003e\n\u003ch2\u003e\n\u003cspan class=\"custom-icon\"\u003e📃\u003c\/span\u003e Product Details\u003c\/h2\u003e\n\u003cul class=\"custom-specs-list\"\u003e\n\u003cli\u003e5.3-ounce, 100% US cotton\u003c\/li\u003e\n\u003cli\u003e99\/1 cotton\/poly (Ash)\u003c\/li\u003e\n\u003cli\u003e90\/10 cotton\/poly (Sport Grey, Antique Cherry Red, Antique Irish Green, Antique Jade Dome, Antique Orange, Antique Sapphire)\u003c\/li\u003e\n\u003cli\u003e50\/50 cotton\/poly (Blackberry, Dark Heather, Heather Military Green, Heather Navy, Heather Radiant Orchid, Heather Red, Heather Sapphire, Lilac, Midnight, Neon Blue, Neon Green, Russet, Sunset, Tweed, Safety Green, Safety Orange, Safety Pink, Graphite Heather)\u003c\/li\u003e\n\u003cli\u003eNon-topstitched, classic width, rib collar\u003c\/li\u003e\n\u003cli\u003eTaped neck and shoulders\u003c\/li\u003e\n\u003cli\u003eClassic fit, seamless body\u003c\/li\u003e\n\u003cli\u003eRecycled, high-performing black tear-away label\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- Special features card --\u003e\n\u003cdiv class=\"custom-info-card\"\u003e\n\u003ch2\u003e\n\u003cspan class=\"custom-icon\"\u003e🏷️\u003c\/span\u003e Special Features\u003c\/h2\u003e\n\u003cp class=\"custom-info-paragraph\"\u003ePlease note: This product is transitioning from tear-away labels to recycled, high-performing black tear-away labels. Your order may contain a combination of both labels.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Notes section --\u003e\n\u003cdiv class=\"custom-notes-section\"\u003e\n\u003ch3\u003e\n\u003cspan class=\"custom-icon\" style=\"background: rgba(255,255,255,0.2);\"\u003e⚠️\u003c\/span\u003e Important Note\u003c\/h3\u003e\n\u003cdiv class=\"custom-note-content\"\u003eDue to the nature of 50\/50 cotton\/poly neon fabrics, special care must be taken throughout the printing process.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Hidden tags - keeping original IDs --\u003e\n\u003cdiv style=\"display: none;\"\u003e\n\u003cdiv id=\"zakeke-product-tag\" data-product-id=\"8516418044071\" data-enviroment=\"Customizer\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003cdiv id=\"zakeke-design-tag\" data-design=\"000-YF779qYXAUSddFVZWKxXng\" style=\"display:none\"\u003e\u003c\/div\u003e","brand":"Gildan","offers":[{"title":"Red \/ M","offer_id":47378440290471,"sku":null,"price":29.37,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0684\/2656\/3751\/files\/af345c91-475f-4e38-82d6-b61a3290156c.png?v=1764891513"}],"url":"https:\/\/customboulevard.com\/collections\/all-products.oembed?page=2","provider":"Customblvd","version":"1.0","type":"link"}