{"title":"2026 Spring mens bottoms","description":null,"products":[{"product_id":"levis-mens-578™-baggy-pant-med-indigo-spring-2026","title":"578™Baggy Pant","description":"\u003cstyle\u003e .product-description { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; color: #1a1a1a; line-height: 1.7; max-width: 800px; margin: 0; padding: 0; } .intro-text { font-size: 16px; font-weight: 300; margin-bottom: 32px; color: #2c2c2c; line-height: 1.8; position: relative; padding-left: 16px; border-left: 3px solid #f87171; } .accordion-item { border-bottom: 1px solid #e0e0e0; transition: all 0.2s ease; } .accordion-item:hover { border-bottom-color: #f87171; } .accordion-item:last-child { border-bottom: none; } .accordion-summary { display: flex; justify-content: space-between; align-items: center; padding: 20px 0; cursor: pointer; list-style: none; font-size: 13px; font-weight: 500; letter-spacing: 1.5px; text-transform: uppercase; color: #1a1a1a; transition: all 0.3s ease; position: relative; } .accordion-summary::before { content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 2px; background: linear-gradient(90deg, #f87171, #fca5a5); transition: width 0.3s ease; } .accordion-summary:hover::before { width: 60px; } .accordion-summary:hover { color: #f87171; padding-left: 8px; } .accordion-summary::-webkit-details-marker { display: none; } .accordion-icon { font-size: 20px; font-weight: 300; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); color: #999; } .accordion-item[open] .accordion-icon { transform: rotate(45deg); color: #f87171; } .accordion-content { padding: 0 0 24px 0; animation: slideDown 0.4s cubic-bezier(0.4, 0, 0.2, 1); overflow: hidden; } @keyframes slideDown { from { opacity: 0; transform: translateY(-12px); } to { opacity: 1; transform: translateY(0); } } .features-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin-top: 8px; } .feature-item { padding: 16px; background: linear-gradient(135deg, #fafafa 0%, #ffffff 100%); border-radius: 8px; border: 1px solid #f0f0f0; transition: all 0.3s ease; position: relative; overflow: hidden; } .feature-item::before { content: ''; position: absolute; top: 0; left: 0; width: 4px; height: 0; background: linear-gradient(180deg, #f87171, #fca5a5); transition: height 0.3s ease; } .feature-item:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(248, 113, 113, 0.1); border-color: #fecaca; } .feature-item:hover::before { height: 100%; } .feature-item h3 { font-size: 14px; font-weight: 600; color: #1a1a1a; margin-bottom: 6px; } .feature-item p { font-size: 14px; font-weight: 300; color: #666; margin: 0; line-height: 1.6; } .size-table-wrapper { width: 100%; overflow-x: auto; margin: 16px 0; border-radius: 8px; border: 1px solid #f0f0f0; -webkit-overflow-scrolling: touch; } .size-table { width: 100%; min-width: 600px; border-collapse: collapse; font-size: 14px; } .size-table th { text-align: center; font-weight: 500; color: white; padding: 14px 16px; background: linear-gradient(135deg, #f87171 0%, #fca5a5 100%); font-size: 13px; letter-spacing: 0.5px; white-space: nowrap; } .size-table td { text-align: center; padding: 14px 16px; border-bottom: 1px solid #f5f5f5; color: #4a4a4a; font-weight: 300; transition: all 0.2s ease; white-space: nowrap; } .size-table tr:last-child td { border-bottom: none; } .size-table tbody tr { transition: all 0.2s ease; } .size-table tbody tr:hover { background: #fef2f2; } .size-note { font-size: 13px; color: #666; font-style: italic; margin-top: 16px; padding: 12px 16px; background: #fef2f2; border-left: 3px solid #f87171; border-radius: 4px; } @media (max-width: 768px) { .features-grid { grid-template-columns: 1fr; gap: 16px; } .feature-item:hover { transform: none; } .accordion-summary:hover { padding-left: 0; } .accordion-summary::before { display: none; } .accordion-summary { padding: 16px 0; font-size: 12px; } .size-table { font-size: 13px; } .size-table th, .size-table td { padding: 10px 12px; } .intro-text { font-size: 15px; } }\u003c\/style\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003cp class=\"intro-text\"\u003eWe're throwing it back to the bold styles of the '90s with our 578™ Baggy jeans. As the name suggests, these casual jeans are slouchy and extra baggy all the way down to the stacked ankle, giving off just the right amount of attitude.\u003c\/p\u003e\n\u003cdetails class=\"accordion-item\"\u003e\n\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eFeatures\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003e'90s-Inspired Baggy Silhouette\u003c\/h3\u003e\n\u003cp\u003eDraws inspiration from bold '90s style.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eSits At Your Waist\u003c\/h3\u003e\n\u003cp\u003eClassic waist positioning for comfortable fit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eClassic Non-Stretch Denim\u003c\/h3\u003e\n\u003cp\u003eMade with 100% cotton 14oz denim fabric.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eStacked Ankle\u003c\/h3\u003e\n\u003cp\u003eExtra baggy all the way down to the stacked ankle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eStraight Leg\u003c\/h3\u003e\n\u003cp\u003eStraight leg opening for authentic '90s look.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eSize Up For More\u003c\/h3\u003e\n\u003cp\u003eSize up for an even baggier look and attitude.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"accordion-item\"\u003e\n\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eSizing\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"size-table-wrapper\"\u003e\n\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eSize\u003c\/th\u003e\n\u003cth\u003eWaist (cm)\u003c\/th\u003e\n\u003cth\u003eSeat (cm)\u003c\/th\u003e\n\u003cth\u003eThigh (cm)\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003e26\u003c\/td\u003e\n\u003ctd\u003e67.3-68.5\u003c\/td\u003e\n\u003ctd\u003e81.2-82.5\u003c\/td\u003e\n\u003ctd\u003e51.25-52.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e27\u003c\/td\u003e\n\u003ctd\u003e69.8-71.1\u003c\/td\u003e\n\u003ctd\u003e83.7-85\u003c\/td\u003e\n\u003ctd\u003e52.5-53.75\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e28\u003c\/td\u003e\n\u003ctd\u003e72.3-73.6\u003c\/td\u003e\n\u003ctd\u003e86.2-87.5\u003c\/td\u003e\n\u003ctd\u003e53.75-55\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e29\u003c\/td\u003e\n\u003ctd\u003e74.9-76.2\u003c\/td\u003e\n\u003ctd\u003e88.7-90\u003c\/td\u003e\n\u003ctd\u003e55-56.25\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e30\u003c\/td\u003e\n\u003ctd\u003e77.4-78.7\u003c\/td\u003e\n\u003ctd\u003e91.2-92.5\u003c\/td\u003e\n\u003ctd\u003e56.25-57.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e31\u003c\/td\u003e\n\u003ctd\u003e80-81.2\u003c\/td\u003e\n\u003ctd\u003e93.7-95\u003c\/td\u003e\n\u003ctd\u003e57.5-58.75\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e32\u003c\/td\u003e\n\u003ctd\u003e82.5-83.8\u003c\/td\u003e\n\u003ctd\u003e96.2-97.5\u003c\/td\u003e\n\u003ctd\u003e58.75-60\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e33\u003c\/td\u003e\n\u003ctd\u003e85-86.3\u003c\/td\u003e\n\u003ctd\u003e98.7-100\u003c\/td\u003e\n\u003ctd\u003e57.5-61.25\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e34\u003c\/td\u003e\n\u003ctd\u003e87.6-88.9\u003c\/td\u003e\n\u003ctd\u003e101-102.5\u003c\/td\u003e\n\u003ctd\u003e60-62.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e35\u003c\/td\u003e\n\u003ctd\u003e90.1-91.4\u003c\/td\u003e\n\u003ctd\u003e103-105\u003c\/td\u003e\n\u003ctd\u003e62.5-65\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e36\u003c\/td\u003e\n\u003ctd\u003e92.7-95.2\u003c\/td\u003e\n\u003ctd\u003e106-108.7\u003c\/td\u003e\n\u003ctd\u003e65-67.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e38\u003c\/td\u003e\n\u003ctd\u003e97.7-100\u003c\/td\u003e\n\u003ctd\u003e111-113.7\u003c\/td\u003e\n\u003ctd\u003e67.5-70\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"margin-top: 24px;\" class=\"size-table-wrapper\"\u003e\n\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eInseam\u003c\/th\u003e\n\u003cth\u003eHeight (cm)\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003e30\u003c\/td\u003e\n\u003ctd\u003e167.6-172.7\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e32\u003c\/td\u003e\n\u003ctd\u003e172.7-182.8\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e34\u003c\/td\u003e\n\u003ctd\u003e182.8-193\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e36\u003c\/td\u003e\n\u003ctd\u003e193-198.1\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e38\u003c\/td\u003e\n\u003ctd\u003e198.1-203.2\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003cp class=\"size-note\"\u003eMeasurements are in centimeters. Swipe left to see all measurements on mobile.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Levi's","offers":[{"title":"Med Indigo \/ 30x32 \/ Mens","offer_id":53064625914222,"sku":"LEV62M003030","price":69.99,"currency_code":"CAD","in_stock":false},{"title":"Med Indigo \/ 32x32 \/ Mens","offer_id":53064625946990,"sku":"LEV62M003032","price":69.99,"currency_code":"CAD","in_stock":true},{"title":"Med Indigo \/ 34x32 \/ Mens","offer_id":53064625979758,"sku":"LEV62M003034","price":69.99,"currency_code":"CAD","in_stock":true},{"title":"Med Indigo \/ 36x32 \/ Mens","offer_id":53064626012526,"sku":"LEV62M003036","price":69.99,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/578_BaggyPant-MedIndigo.png?v=1765560956"},{"product_id":"vans-mens-check-5-baggy-striped-denim-short-blue-ice-stripe-spring-2026","title":"Check-5 Baggy Striped Denim Short","description":"","brand":"VANS","offers":[{"title":"Blue Ice Stripe \/ 30 \/ Mens","offer_id":53094557155694,"sku":"VAN62M066030","price":66.49,"currency_code":"CAD","in_stock":false},{"title":"Blue Ice Stripe \/ 32 \/ Mens","offer_id":53094557188462,"sku":"VAN62M066032","price":66.49,"currency_code":"CAD","in_stock":true},{"title":"Blue Ice Stripe \/ 34 \/ Mens","offer_id":53094557221230,"sku":"VAN62M066034","price":66.49,"currency_code":"CAD","in_stock":true},{"title":"Blue Ice Stripe \/ 36 \/ Mens","offer_id":53094557253998,"sku":"VAN62M066036","price":66.49,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/Check-5BaggyStripedDenimShort-BlueIceStripe-2.png?v=1778792550"},{"product_id":"vans-mens-outline-hybrid-short-black-spring-2026","title":"Outline Hybrid Short","description":"","brand":"VANS","offers":[{"title":"Black \/ S \/ Mens","offer_id":53094557286766,"sku":"VAN62M142003","price":55.99,"currency_code":"CAD","in_stock":false},{"title":"Black \/ M \/ Mens","offer_id":53094557319534,"sku":"VAN62M142004","price":55.99,"currency_code":"CAD","in_stock":true},{"title":"Black \/ L \/ Mens","offer_id":53094557352302,"sku":"VAN62M142005","price":55.99,"currency_code":"CAD","in_stock":true},{"title":"Black \/ XL \/ Mens","offer_id":53094557385070,"sku":"VAN62M142006","price":55.99,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/OutlineHybridShort-Black.png?v=1777499979"},{"product_id":"vans-mens-stretch-logo-fleece-short-cement-heather-spring-2026","title":"Stretch Logo Fleece Short","description":"","brand":"VANS","offers":[{"title":"Cement Heather \/ S \/ Mens","offer_id":53094557417838,"sku":"VAN62M155003","price":45.49,"currency_code":"CAD","in_stock":true},{"title":"Cement Heather \/ M \/ Mens","offer_id":53094557450606,"sku":"VAN62M155004","price":45.49,"currency_code":"CAD","in_stock":true},{"title":"Cement Heather \/ L \/ Mens","offer_id":53094557483374,"sku":"VAN62M155005","price":45.49,"currency_code":"CAD","in_stock":true},{"title":"Cement Heather \/ XL \/ Mens","offer_id":53094557516142,"sku":"VAN62M155006","price":45.49,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/StretchLogoFleeceShort-CementHeather.png?v=1777499500"},{"product_id":"vans-mens-everride-boardshort-mystic-moss-spring-2026","title":"Everride Boardshort","description":"","brand":"VANS","offers":[{"title":"Mystic Moss \/ 30 \/ Mens","offer_id":53094557548910,"sku":"VAN62M687030","price":59.49,"currency_code":"CAD","in_stock":true},{"title":"Mystic Moss \/ 32 \/ Mens","offer_id":53094557581678,"sku":"VAN62M687032","price":59.49,"currency_code":"CAD","in_stock":true},{"title":"Mystic Moss \/ 34 \/ Mens","offer_id":53094557614446,"sku":"VAN62M687034","price":59.49,"currency_code":"CAD","in_stock":true},{"title":"Mystic Moss \/ 36 \/ Mens","offer_id":53094557647214,"sku":"VAN62M687036","price":59.49,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/EverrideBoardshort-MysticMoss-2.png?v=1777500142"},{"product_id":"vans-mens-primary-ii-elastic-boardshort-racing-red-spring-2026","title":"Primary II Elastic Boardshort","description":"","brand":"VANS","offers":[{"title":"Racing Red \/ S \/ Mens","offer_id":53094557679982,"sku":"VAN62M161003","price":52.49,"currency_code":"CAD","in_stock":true},{"title":"Racing Red \/ M \/ Mens","offer_id":53094557712750,"sku":"VAN62M161004","price":52.49,"currency_code":"CAD","in_stock":true},{"title":"Racing Red \/ L \/ Mens","offer_id":53094557745518,"sku":"VAN62M161005","price":52.49,"currency_code":"CAD","in_stock":true},{"title":"Racing Red \/ XL \/ Mens","offer_id":53094557778286,"sku":"VAN62M161006","price":52.49,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/PrimaryIIElasticBoardshort-RacingRed-2.png?v=1775081820"},{"product_id":"vans-mens-lx-check-5-loose-denim-pant-natural-seed-spring-2026","title":"LX Check-5 Loose Denim Pant","description":"","brand":"VANS","offers":[{"title":"Natural Seed \/ 28 \/ Mens","offer_id":53094557811054,"sku":"VAN62M698028","price":80.49,"currency_code":"CAD","in_stock":true},{"title":"Natural Seed \/ 30 \/ Mens","offer_id":53094557843822,"sku":"VAN62M698030","price":80.49,"currency_code":"CAD","in_stock":false},{"title":"Natural Seed \/ 32 \/ Mens","offer_id":53094557876590,"sku":"VAN62M698032","price":80.49,"currency_code":"CAD","in_stock":true},{"title":"Natural Seed \/ 34 \/ Mens","offer_id":53094557909358,"sku":"VAN62M698034","price":80.49,"currency_code":"CAD","in_stock":true},{"title":"Natural Seed \/ 36 \/ Mens","offer_id":53094557942126,"sku":"VAN62M698036","price":80.49,"currency_code":"CAD","in_stock":true},{"title":"Natural Seed \/ 38 \/ Mens","offer_id":53094557974894,"sku":"VAN62M698038","price":80.49,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/LXCheck-5LooseDenimPant-NaturalSeed.png?v=1775078952"},{"product_id":"vans-mens-check-5-loose-denim-pant-black-spring-2026","title":"Check-5 Loose Denim Pant","description":"","brand":"VANS","offers":[{"title":"Black \/ 28x30 \/ Mens","offer_id":53094558007662,"sku":"VAN62M705028","price":69.99,"currency_code":"CAD","in_stock":true},{"title":"Black \/ 30x30 \/ Mens","offer_id":53094558040430,"sku":"VAN62M705030","price":69.99,"currency_code":"CAD","in_stock":false},{"title":"Black \/ 32x30 \/ Mens","offer_id":53094558073198,"sku":"VAN62M705032","price":69.99,"currency_code":"CAD","in_stock":true},{"title":"Black \/ 34x30 \/ Mens","offer_id":53094558105966,"sku":"VAN62M705034","price":69.99,"currency_code":"CAD","in_stock":true},{"title":"Black \/ 32x32 \/ Mens","offer_id":53094558138734,"sku":"VAN62M706032","price":69.99,"currency_code":"CAD","in_stock":true},{"title":"Black \/ 34x32 \/ Mens","offer_id":53094558171502,"sku":"VAN62M706034","price":69.99,"currency_code":"CAD","in_stock":true},{"title":"Black \/ 36x32 \/ Mens","offer_id":53094558204270,"sku":"VAN62M706036","price":69.99,"currency_code":"CAD","in_stock":false},{"title":"Black \/ 38x32 \/ Mens","offer_id":53094558237038,"sku":"VAN62M706038","price":69.99,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/Check-5LooseDenimPant-Black-2.png?v=1777499737"},{"product_id":"vans-mens-check-5-loose-denim-pant-stonewash-blue-spring-2026","title":"Check-5 Loose Denim Pant","description":"","brand":"VANS","offers":[{"title":"Stonewash Blue \/ 28x30 \/ Mens","offer_id":53094558335342,"sku":"VAN62M708028","price":69.99,"currency_code":"CAD","in_stock":true},{"title":"Stonewash Blue \/ 30x30 \/ Mens","offer_id":53094558368110,"sku":"VAN62M708030","price":69.99,"currency_code":"CAD","in_stock":true},{"title":"Stonewash Blue \/ 32x30 \/ Mens","offer_id":53094558400878,"sku":"VAN62M708032","price":69.99,"currency_code":"CAD","in_stock":false},{"title":"Stonewash Blue \/ 34x30 \/ Mens","offer_id":53094558433646,"sku":"VAN62M708034","price":69.99,"currency_code":"CAD","in_stock":false},{"title":"Stonewash Blue \/ 32x32 \/ Mens","offer_id":53094558466414,"sku":"VAN62M709032","price":69.99,"currency_code":"CAD","in_stock":false},{"title":"Stonewash Blue \/ 34x32 \/ Mens","offer_id":53094558499182,"sku":"VAN62M709034","price":69.99,"currency_code":"CAD","in_stock":true},{"title":"Stonewash Blue \/ 36x32 \/ Mens","offer_id":53094558531950,"sku":"VAN62M709036","price":69.99,"currency_code":"CAD","in_stock":true},{"title":"Stonewash Blue \/ 38x32 \/ Mens","offer_id":53094558564718,"sku":"VAN62M709038","price":69.99,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/Check-5LooseDenimPant-StonewashBlue.png?v=1775081323"},{"product_id":"vans-mens-check-5-loose-denim-pant-blue-ice-spring-2026","title":"Check-5 Loose Denim Pant","description":"","brand":"VANS","offers":[{"title":"Blue Ice \/ 28x30 \/ Mens","offer_id":53094558597486,"sku":"VAN62M717028","price":69.99,"currency_code":"CAD","in_stock":true},{"title":"Blue Ice \/ 30x30 \/ Mens","offer_id":53094558630254,"sku":"VAN62M717030","price":69.99,"currency_code":"CAD","in_stock":true},{"title":"Blue Ice \/ 32x30 \/ Mens","offer_id":53094558663022,"sku":"VAN62M717032","price":69.99,"currency_code":"CAD","in_stock":true},{"title":"Blue Ice \/ 33x30 \/ Mens","offer_id":53094558695790,"sku":"VAN62M717033","price":69.99,"currency_code":"CAD","in_stock":true},{"title":"Blue Ice \/ 34x30 \/ Mens","offer_id":53094558728558,"sku":"VAN62M717034","price":69.99,"currency_code":"CAD","in_stock":true},{"title":"Blue Ice \/ 32x32 \/ Mens","offer_id":53094558761326,"sku":"VAN62M718032","price":69.99,"currency_code":"CAD","in_stock":false},{"title":"Blue Ice \/ 33x32 \/ Mens","offer_id":53094558794094,"sku":"VAN62M718033","price":69.99,"currency_code":"CAD","in_stock":true},{"title":"Blue Ice \/ 34x32 \/ Mens","offer_id":53094558826862,"sku":"VAN62M718034","price":69.99,"currency_code":"CAD","in_stock":true},{"title":"Blue Ice \/ 36x32 \/ Mens","offer_id":53094558859630,"sku":"VAN62M718036","price":69.99,"currency_code":"CAD","in_stock":true},{"title":"Blue Ice \/ 38x32 \/ Mens","offer_id":53094558892398,"sku":"VAN62M718038","price":69.99,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/Check-5LooseDenimPant-BlueIce-2.png?v=1775079331"},{"product_id":"vans-mens-authentic™-chino-loose-herringbone-pant-vintage-cocoa-spring-2026","title":"Authentic™Chino Loose Herringbone Pant","description":"","brand":"VANS","offers":[{"title":"Vintage Cocoa \/ 30x30 \/ Mens","offer_id":53094558925166,"sku":"VAN62M772030","price":69.99,"currency_code":"CAD","in_stock":false},{"title":"Vintage Cocoa \/ 32x30 \/ Mens","offer_id":53094558957934,"sku":"VAN62M772032","price":69.99,"currency_code":"CAD","in_stock":true},{"title":"Vintage Cocoa \/ 34x30 \/ Mens","offer_id":53094558990702,"sku":"VAN62M772034","price":69.99,"currency_code":"CAD","in_stock":true},{"title":"Vintage Cocoa \/ 32x32 \/ Mens","offer_id":53094559023470,"sku":"VAN62M773032","price":69.99,"currency_code":"CAD","in_stock":false},{"title":"Vintage Cocoa \/ 34x32 \/ Mens","offer_id":53094559056238,"sku":"VAN62M773034","price":69.99,"currency_code":"CAD","in_stock":true},{"title":"Vintage Cocoa \/ 36x32 \/ Mens","offer_id":53094559089006,"sku":"VAN62M773036","price":69.99,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/Authentic_ChinoLooseHerringbonePant-VintageCocoa_c3efaacf-ece7-427c-8a5a-673d92549ecc.png?v=1778792493"},{"product_id":"vans-mens-stretch-logo-fleece-pant-black-white-spring-2026","title":"Stretch Logo Fleece Pant","description":"","brand":"VANS","offers":[{"title":"Black\/White \/ S \/ Mens","offer_id":53094559121774,"sku":"VAN62M170003","price":55.99,"currency_code":"CAD","in_stock":true},{"title":"Black\/White \/ M \/ Mens","offer_id":53094559154542,"sku":"VAN62M170004","price":55.99,"currency_code":"CAD","in_stock":true},{"title":"Black\/White \/ L \/ Mens","offer_id":53094559187310,"sku":"VAN62M170005","price":55.99,"currency_code":"CAD","in_stock":true},{"title":"Black\/White \/ XL \/ Mens","offer_id":53094559220078,"sku":"VAN62M170006","price":55.99,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/StretchLogoFleecePant-Black_White.png?v=1775080511"},{"product_id":"vans-mens-voyage-long-cargo-boardshort-black-spring-2026","title":"Voyage Long Cargo Boardshort","description":"","brand":"VANS","offers":[{"title":"Black \/ 30 \/ Mens","offer_id":53094561186158,"sku":"VAN62M795030","price":59.49,"currency_code":"CAD","in_stock":false},{"title":"Black \/ 32 \/ Mens","offer_id":53094561218926,"sku":"VAN62M795032","price":59.49,"currency_code":"CAD","in_stock":true},{"title":"Black \/ 34 \/ Mens","offer_id":53094561251694,"sku":"VAN62M795034","price":59.49,"currency_code":"CAD","in_stock":true},{"title":"Black \/ 36 \/ Mens","offer_id":53094561284462,"sku":"VAN62M795036","price":59.49,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/VoyageLongCargoBoardshort-Black.png?v=1766098417"},{"product_id":"rhythm-mens-seersucker-stripe-jam-short-cedar-spring-2026","title":"Seersucker Stripe Jam Short","description":"","brand":"Rhythm","offers":[{"title":"Cedar \/ 30 \/ Mens","offer_id":53190531809646,"sku":"RHY62M006030","price":48.99,"currency_code":"CAD","in_stock":false},{"title":"Cedar \/ 32 \/ Mens","offer_id":53190531842414,"sku":"RHY62M006032","price":48.99,"currency_code":"CAD","in_stock":false},{"title":"Cedar \/ 33 \/ Mens","offer_id":53190531875182,"sku":"RHY62M006033","price":48.99,"currency_code":"CAD","in_stock":true},{"title":"Cedar \/ 34 \/ Mens","offer_id":53190531907950,"sku":"RHY62M006034","price":48.99,"currency_code":"CAD","in_stock":true},{"title":"Cedar \/ 36 \/ Mens","offer_id":53190531940718,"sku":"RHY62M006036","price":48.99,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/SeersuckerStripeJamShort-Cedar.png?v=1768432831"},{"product_id":"rhythm-mens-linen-jam-pant-black-spring-2026","title":"Linen Jam Pant","description":"\u003cstyle\u003e .product-description { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; color: #1a1a1a; line-height: 1.7; max-width: 800px; margin: 0; padding: 0; } .intro-text { font-size: 16px; font-weight: 300; margin-bottom: 32px; color: #2c2c2c; line-height: 1.8; position: relative; padding-left: 16px; border-left: 3px solid #f87171; } .accordion-item { border-bottom: 1px solid #e0e0e0; transition: all 0.2s ease; } .accordion-item:hover { border-bottom-color: #f87171; } .accordion-item:last-child { border-bottom: none; } .accordion-summary { display: flex; justify-content: space-between; align-items: center; padding: 20px 0; cursor: pointer; list-style: none; font-size: 13px; font-weight: 500; letter-spacing: 1.5px; text-transform: uppercase; color: #1a1a1a; transition: all 0.3s ease; position: relative; } .accordion-summary::before { content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 2px; background: linear-gradient(90deg, #f87171, #fca5a5); transition: width 0.3s ease; } .accordion-summary:hover::before { width: 60px; } .accordion-summary:hover { color: #f87171; padding-left: 8px; } .accordion-summary::-webkit-details-marker { display: none; } .accordion-icon { font-size: 20px; font-weight: 300; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); color: #999; } .accordion-item[open] .accordion-icon { transform: rotate(45deg); color: #f87171; } .accordion-content { padding: 0 0 24px 0; animation: slideDown 0.4s cubic-bezier(0.4, 0, 0.2, 1); overflow: hidden; } @keyframes slideDown { from { opacity: 0; transform: translateY(-12px); } to { opacity: 1; transform: translateY(0); } } .features-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin-top: 8px; } .feature-item { padding: 16px; background: linear-gradient(135deg, #fafafa 0%, #ffffff 100%); border-radius: 8px; border: 1px solid #f0f0f0; transition: all 0.3s ease; position: relative; overflow: hidden; } .feature-item::before { content: ''; position: absolute; top: 0; left: 0; width: 4px; height: 0; background: linear-gradient(180deg, #f87171, #fca5a5); transition: height 0.3s ease; } .feature-item:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(248, 113, 113, 0.1); border-color: #fecaca; } .feature-item:hover::before { height: 100%; } .feature-item h3 { font-size: 14px; font-weight: 600; color: #1a1a1a; margin-bottom: 6px; } .feature-item p { font-size: 14px; font-weight: 300; color: #666; margin: 0; line-height: 1.6; } .size-table-wrapper { width: 100%; overflow-x: auto; margin: 16px 0; border-radius: 8px; border: 1px solid #f0f0f0; -webkit-overflow-scrolling: touch; background: white; } .size-table { width: 100%; border-collapse: collapse; font-size: 14px; min-width: 100%; } .size-table th { text-align: center; font-weight: 600; color: white; padding: 16px 12px; background: linear-gradient(135deg, #f87171 0%, #fca5a5 100%); font-size: 13px; letter-spacing: 0.5px; white-space: nowrap; line-height: 1.4; vertical-align: middle; border-right: 1px solid rgba(255, 255, 255, 0.2); } .size-table th:last-child { border-right: none; } .size-table td { padding: 14px 12px; border-bottom: 1px solid #f5f5f5; border-right: 1px solid #f5f5f5; color: #2c2c2c; font-weight: 400; transition: all 0.2s ease; text-align: center; white-space: nowrap; line-height: 1.5; vertical-align: middle; background: white; } .size-table td:last-child { border-right: none; } .size-table tr:last-child td { border-bottom: none; } .size-table tbody tr { transition: all 0.2s ease; } .size-table tbody tr:hover { background: #fef2f2; } .size-table tbody tr:hover td { background: #fef2f2; } .size-note { font-size: 13px; color: #666; font-style: italic; margin-top: 16px; padding: 12px 16px; background: #fef2f2; border-left: 3px solid #f87171; border-radius: 4px; } @media (max-width: 1024px) { .size-table { font-size: 13px; } .size-table th { padding: 14px 10px; font-size: 12px; } .size-table td { padding: 12px 10px; font-size: 13px; } } @media (max-width: 768px) { .features-grid { grid-template-columns: 1fr; gap: 16px; } .feature-item:hover { transform: none; } .accordion-summary:hover { padding-left: 0; } .accordion-summary::before { display: none; } .accordion-summary { padding: 16px 0; font-size: 12px; } .size-table { font-size: 12px; } .size-table th { padding: 12px 8px; font-size: 11px; line-height: 1.3; } .size-table td { padding: 10px 8px; font-size: 12px; } .intro-text { font-size: 15px; } } @media (max-width: 480px) { .size-table { font-size: 11px; } .size-table th { padding: 10px 6px; font-size: 10px; line-height: 1.2; } .size-table td { padding: 8px 6px; font-size: 11px; } .size-note { font-size: 12px; padding: 10px 12px; } } @media (max-width: 360px) { .size-table { font-size: 10px; } .size-table th { padding: 8px 4px; font-size: 9px; } .size-table td { padding: 6px 4px; font-size: 10px; } }\u003c\/style\u003e\u003cdiv class=\"product-description\"\u003e\n\u003cp class=\"intro-text\"\u003e\u003cspan\u003eCrafted from lightweight linen and washed for a lived-in feel, the Linen Jam Pant features a relaxed fit with elastic waistband and side hand pockets.\u003c\/span\u003e\u003c\/p\u003e\n\u003cdetails class=\"accordion-item\"\u003e\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eFeatures\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"accordion-content\"\u003e\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eLinen Cotton Blend\u003c\/h3\u003e\n\u003cp\u003eBreathable 55% linen and 45% cotton blend provides natural cooling and comfort for warm weather.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eElastic Waist with Drawstring\u003c\/h3\u003e\n\u003cp\u003eComfortable elastic waistband with poly drawstring ensures a relaxed, adjustable fit all day long.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eSide Seam Hand Pockets\u003c\/h3\u003e\n\u003cp\u003eFunctional side pockets provide convenient storage while maintaining a clean, streamlined silhouette.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eBack Pocket\u003c\/h3\u003e\n\u003cp\u003eClassic back patch pocket adds utility and authentic casual styling detail.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eVintage Washed Finish\u003c\/h3\u003e\n\u003cp\u003eGarment washed for a soft, lived-in hand feel and authentic vintage character from day one.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eRelaxed Fit\u003c\/h3\u003e\n\u003cp\u003eEasy, comfortable silhouette with 29\" inseam offers versatile styling for everyday wear.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/details\u003e\u003cdetails class=\"accordion-item\"\u003e\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eMaterials\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"accordion-content\"\u003e\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eFabric Composition\u003c\/h3\u003e\n\u003cp\u003e55% Linen, 45% Cotton (7 oz Linen Blend)\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/details\u003e\u003cdetails class=\"accordion-item\"\u003e\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eSize Chart\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"size-table-wrapper\"\u003e\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\u003ctr\u003e\n\u003cth\u003eSize\u003c\/th\u003e\n\u003cth\u003eWaist (in)\u003c\/th\u003e\n\u003cth\u003eWaist (cm)\u003c\/th\u003e\n\u003cth\u003eInseam (in)\u003c\/th\u003e\n\u003cth\u003eInseam (cm)\u003c\/th\u003e\n\u003cth\u003eOutseam (in)\u003c\/th\u003e\n\u003cth\u003eOutseam (cm)\u003c\/th\u003e\n\u003c\/tr\u003e\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eXS (28)\u003c\/td\u003e\n\u003ctd\u003e28-30\u003c\/td\u003e\n\u003ctd\u003e71-76\u003c\/td\u003e\n\u003ctd\u003e29\u003c\/td\u003e\n\u003ctd\u003e74\u003c\/td\u003e\n\u003ctd\u003e40\u003c\/td\u003e\n\u003ctd\u003e102\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eS (30)\u003c\/td\u003e\n\u003ctd\u003e30-32\u003c\/td\u003e\n\u003ctd\u003e76-81\u003c\/td\u003e\n\u003ctd\u003e29\u003c\/td\u003e\n\u003ctd\u003e74\u003c\/td\u003e\n\u003ctd\u003e40\u003c\/td\u003e\n\u003ctd\u003e102\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eM (32)\u003c\/td\u003e\n\u003ctd\u003e32-34\u003c\/td\u003e\n\u003ctd\u003e81-86\u003c\/td\u003e\n\u003ctd\u003e29\u003c\/td\u003e\n\u003ctd\u003e74\u003c\/td\u003e\n\u003ctd\u003e40\u003c\/td\u003e\n\u003ctd\u003e102\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eL (34)\u003c\/td\u003e\n\u003ctd\u003e34-36\u003c\/td\u003e\n\u003ctd\u003e86-91\u003c\/td\u003e\n\u003ctd\u003e29\u003c\/td\u003e\n\u003ctd\u003e74\u003c\/td\u003e\n\u003ctd\u003e40\u003c\/td\u003e\n\u003ctd\u003e102\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eXL (36)\u003c\/td\u003e\n\u003ctd\u003e36-38\u003c\/td\u003e\n\u003ctd\u003e91-97\u003c\/td\u003e\n\u003ctd\u003e29\u003c\/td\u003e\n\u003ctd\u003e74\u003c\/td\u003e\n\u003ctd\u003e40\u003c\/td\u003e\n\u003ctd\u003e102\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eXXL (38)\u003c\/td\u003e\n\u003ctd\u003e38-40\u003c\/td\u003e\n\u003ctd\u003e97-102\u003c\/td\u003e\n\u003ctd\u003e29\u003c\/td\u003e\n\u003ctd\u003e74\u003c\/td\u003e\n\u003ctd\u003e40\u003c\/td\u003e\n\u003ctd\u003e102\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\u003c\/div\u003e\n\u003cp class=\"size-note\"\u003eRelaxed fit with elastic waist and drawstring for adjustability. 29\" inseam, 40\" outseam. Knee: 18 1\/4\", Leg Opening: 16 1\/4\".\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Rhythm","offers":[{"title":"Black \/ 30 \/ Mens","offer_id":53190532399470,"sku":"RHY62M009030","price":55.99,"currency_code":"CAD","in_stock":false},{"title":"Black \/ 32 \/ Mens","offer_id":53190532432238,"sku":"RHY62M009032","price":55.99,"currency_code":"CAD","in_stock":false},{"title":"Black \/ 33 \/ Mens","offer_id":53190532465006,"sku":"RHY62M009033","price":55.99,"currency_code":"CAD","in_stock":false},{"title":"Black \/ 34 \/ Mens","offer_id":53190532497774,"sku":"RHY62M009034","price":55.99,"currency_code":"CAD","in_stock":false},{"title":"Black \/ 36 \/ Mens","offer_id":53190532530542,"sku":"RHY62M009036","price":55.99,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/LinenJamPant-Black.png?v=1768431213"},{"product_id":"rhythm-mens-linen-jam-pant-bone-spring-2026","title":"Linen Jam Pant","description":"","brand":"Rhythm","offers":[{"title":"Bone \/ 30 \/ Mens","offer_id":53190532563310,"sku":"RHY62M010030","price":55.99,"currency_code":"CAD","in_stock":false},{"title":"Bone \/ 32 \/ Mens","offer_id":53190532596078,"sku":"RHY62M010032","price":55.99,"currency_code":"CAD","in_stock":true},{"title":"Bone \/ 33 \/ Mens","offer_id":53190532628846,"sku":"RHY62M010033","price":55.99,"currency_code":"CAD","in_stock":true},{"title":"Bone \/ 34 \/ Mens","offer_id":53190532661614,"sku":"RHY62M010034","price":55.99,"currency_code":"CAD","in_stock":true},{"title":"Bone \/ 36 \/ Mens","offer_id":53190532694382,"sku":"RHY62M010036","price":55.99,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/LinenJamPant-bone.png?v=1768431115"},{"product_id":"rhythm-mens-toby-denim-short-sand-spring-2026","title":"Toby Denim Short","description":"","brand":"Rhythm","offers":[{"title":"Sand \/ 30 \/ Mens","offer_id":53190532727150,"sku":"RHY62M011030","price":55.99,"currency_code":"CAD","in_stock":false},{"title":"Sand \/ 32 \/ Mens","offer_id":53190532759918,"sku":"RHY62M011032","price":55.99,"currency_code":"CAD","in_stock":true},{"title":"Sand \/ 33 \/ Mens","offer_id":53190532792686,"sku":"RHY62M011033","price":55.99,"currency_code":"CAD","in_stock":true},{"title":"Sand \/ 34 \/ Mens","offer_id":53190532825454,"sku":"RHY62M011034","price":55.99,"currency_code":"CAD","in_stock":true},{"title":"Sand \/ 36 \/ Mens","offer_id":53190532858222,"sku":"RHY62M011036","price":55.99,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/TobyDenimShort-Sand_2609599c-0458-4f9b-866d-35edc6361116.png?v=1768430913"},{"product_id":"rhythm-mens-terry-jam-short-charcoal-spring-2026","title":"Terry Jam Short","description":"","brand":"Rhythm","offers":[{"title":"Charcoal \/ 30 \/ Mens","offer_id":53190533448046,"sku":"RHY62M016030","price":48.99,"currency_code":"CAD","in_stock":true},{"title":"Charcoal \/ 32 \/ Mens","offer_id":53190533480814,"sku":"RHY62M016032","price":48.99,"currency_code":"CAD","in_stock":true},{"title":"Charcoal \/ 33 \/ Mens","offer_id":53190533513582,"sku":"RHY62M016033","price":48.99,"currency_code":"CAD","in_stock":true},{"title":"Charcoal \/ 34 \/ Mens","offer_id":53190533546350,"sku":"RHY62M016034","price":48.99,"currency_code":"CAD","in_stock":true},{"title":"Charcoal \/ 36 \/ Mens","offer_id":53190533579118,"sku":"RHY62M016036","price":48.99,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/TerryJamShort-Charcoal.png?v=1768429737"},{"product_id":"rhythm-mens-relaxed-denim-pant-blue-wash-spring-2026","title":"Relaxed Denim Pant","description":"","brand":"Rhythm","offers":[{"title":"Blue Wash \/ 30 \/ Mens","offer_id":53190533611886,"sku":"RHY62M017030","price":80.49,"currency_code":"CAD","in_stock":false},{"title":"Blue Wash \/ 32 \/ Mens","offer_id":53190533644654,"sku":"RHY62M017032","price":80.49,"currency_code":"CAD","in_stock":true},{"title":"Blue Wash \/ 33 \/ Mens","offer_id":53190533677422,"sku":"RHY62M017033","price":80.49,"currency_code":"CAD","in_stock":true},{"title":"Blue Wash \/ 34 \/ Mens","offer_id":53190533710190,"sku":"RHY62M017034","price":80.49,"currency_code":"CAD","in_stock":true},{"title":"Blue Wash \/ 36 \/ Mens","offer_id":53190533742958,"sku":"RHY62M017036","price":80.49,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/RelaxedDenimPant.png?v=1768429646"},{"product_id":"rhythm-mens-classic-linen-jam-short-chocolate-spring-2026","title":"Classic Linen Jam Short","description":"\u003cstyle\u003e .product-description { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; color: #1a1a1a; line-height: 1.7; max-width: 800px; margin: 0; padding: 0; } .intro-text { font-size: 16px; font-weight: 300; margin-bottom: 32px; color: #2c2c2c; line-height: 1.8; position: relative; padding-left: 16px; border-left: 3px solid #f87171; } .accordion-item { border-bottom: 1px solid #e0e0e0; transition: all 0.2s ease; } .accordion-item:hover { border-bottom-color: #f87171; } .accordion-item:last-child { border-bottom: none; } .accordion-summary { display: flex; justify-content: space-between; align-items: center; padding: 20px 0; cursor: pointer; list-style: none; font-size: 13px; font-weight: 500; letter-spacing: 1.5px; text-transform: uppercase; color: #1a1a1a; transition: all 0.3s ease; position: relative; } .accordion-summary::before { content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 2px; background: linear-gradient(90deg, #f87171, #fca5a5); transition: width 0.3s ease; } .accordion-summary:hover::before { width: 60px; } .accordion-summary:hover { color: #f87171; padding-left: 8px; } .accordion-summary::-webkit-details-marker { display: none; } .accordion-icon { font-size: 20px; font-weight: 300; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); color: #999; } .accordion-item[open] .accordion-icon { transform: rotate(45deg); color: #f87171; } .accordion-content { padding: 0 0 24px 0; animation: slideDown 0.4s cubic-bezier(0.4, 0, 0.2, 1); overflow: hidden; } @keyframes slideDown { from { opacity: 0; transform: translateY(-12px); } to { opacity: 1; transform: translateY(0); } } .features-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin-top: 8px; } .feature-item { padding: 16px; background: linear-gradient(135deg, #fafafa 0%, #ffffff 100%); border-radius: 8px; border: 1px solid #f0f0f0; transition: all 0.3s ease; position: relative; overflow: hidden; } .feature-item::before { content: ''; position: absolute; top: 0; left: 0; width: 4px; height: 0; background: linear-gradient(180deg, #f87171, #fca5a5); transition: height 0.3s ease; } .feature-item:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(248, 113, 113, 0.1); border-color: #fecaca; } .feature-item:hover::before { height: 100%; } .feature-item h3 { font-size: 14px; font-weight: 600; color: #1a1a1a; margin-bottom: 6px; } .feature-item p { font-size: 14px; font-weight: 300; color: #666; margin: 0; line-height: 1.6; } .size-table-wrapper { width: 100%; overflow-x: auto; margin: 16px 0; border-radius: 8px; border: 1px solid #f0f0f0; -webkit-overflow-scrolling: touch; background: white; } .size-table { width: 100%; border-collapse: collapse; font-size: 14px; min-width: 100%; } .size-table th { text-align: center; font-weight: 600; color: white; padding: 16px 12px; background: linear-gradient(135deg, #f87171 0%, #fca5a5 100%); font-size: 13px; letter-spacing: 0.5px; white-space: nowrap; line-height: 1.4; vertical-align: middle; border-right: 1px solid rgba(255, 255, 255, 0.2); } .size-table th:last-child { border-right: none; } .size-table td { padding: 14px 12px; border-bottom: 1px solid #f5f5f5; border-right: 1px solid #f5f5f5; color: #2c2c2c; font-weight: 400; transition: all 0.2s ease; text-align: center; white-space: nowrap; line-height: 1.5; vertical-align: middle; background: white; } .size-table td:last-child { border-right: none; } .size-table tr:last-child td { border-bottom: none; } .size-table tbody tr { transition: all 0.2s ease; } .size-table tbody tr:hover { background: #fef2f2; } .size-table tbody tr:hover td { background: #fef2f2; } .size-note { font-size: 13px; color: #666; font-style: italic; margin-top: 16px; padding: 12px 16px; background: #fef2f2; border-left: 3px solid #f87171; border-radius: 4px; } @media (max-width: 1024px) { .size-table { font-size: 13px; } .size-table th { padding: 14px 10px; font-size: 12px; } .size-table td { padding: 12px 10px; font-size: 13px; } } @media (max-width: 768px) { .features-grid { grid-template-columns: 1fr; gap: 16px; } .feature-item:hover { transform: none; } .accordion-summary:hover { padding-left: 0; } .accordion-summary::before { display: none; } .accordion-summary { padding: 16px 0; font-size: 12px; } .size-table { font-size: 12px; } .size-table th { padding: 12px 8px; font-size: 11px; line-height: 1.3; } .size-table td { padding: 10px 8px; font-size: 12px; } .intro-text { font-size: 15px; } } @media (max-width: 480px) { .size-table { font-size: 11px; } .size-table th { padding: 10px 6px; font-size: 10px; line-height: 1.2; } .size-table td { padding: 8px 6px; font-size: 11px; } .size-note { font-size: 12px; padding: 10px 12px; } } @media (max-width: 360px) { .size-table { font-size: 10px; } .size-table th { padding: 8px 4px; font-size: 9px; } .size-table td { padding: 6px 4px; font-size: 10px; } }\u003c\/style\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003cp class=\"intro-text\"\u003e\u003cspan\u003eThe Classic Linen Jam in Forest Green is an easy short for summer. Crafted in a breathable linen blend with a relaxed elastic waistband, this style brings effortlessness to warmer days.\u003c\/span\u003e\u003c\/p\u003e\n\u003cdetails class=\"accordion-item\"\u003e\n\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eFeatures\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eLinen Cotton Blend\u003c\/h3\u003e\n\u003cp\u003eBreathable blend of 55% linen and 45% cotton provides natural cooling and comfort for warm weather.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eElastic Waist with Drawcord\u003c\/h3\u003e\n\u003cp\u003eRelaxed elastic waistband with adjustable drawcord ensures a comfortable, customizable fit all day long.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eSide Pockets\u003c\/h3\u003e\n\u003cp\u003eFunctional side pockets provide convenient storage for essentials while maintaining a clean silhouette.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eBack Patch Pocket\u003c\/h3\u003e\n\u003cp\u003eClassic back patch pocket adds utility and authentic casual styling detail.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eAbove-the-Knee Length\u003c\/h3\u003e\n\u003cp\u003e17\" inseam hits above the knee for a versatile, modern short length perfect for summer activities.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eRhythm Classics Trims\u003c\/h3\u003e\n\u003cp\u003eSignature Rhythm trim details add authentic brand character to this timeless summer staple.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"accordion-item\"\u003e\n\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eMaterials\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eFabric Composition\u003c\/h3\u003e\n\u003cp\u003e55% Linen, 45% Cotton\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"accordion-item\"\u003e\n\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eSize Chart\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"size-table-wrapper\"\u003e\n\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eSize\u003c\/th\u003e\n\u003cth\u003eWaist (in)\u003c\/th\u003e\n\u003cth\u003eWaist (cm)\u003c\/th\u003e\n\u003cth\u003eHip (in)\u003c\/th\u003e\n\u003cth\u003eHip (cm)\u003c\/th\u003e\n\u003cth\u003eInseam (in)\u003c\/th\u003e\n\u003cth\u003eInseam (cm)\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eXS (28)\u003c\/td\u003e\n\u003ctd\u003e28-30\u003c\/td\u003e\n\u003ctd\u003e71-76\u003c\/td\u003e\n\u003ctd\u003e36-38\u003c\/td\u003e\n\u003ctd\u003e91-97\u003c\/td\u003e\n\u003ctd\u003e17\u003c\/td\u003e\n\u003ctd\u003e43\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eS (30)\u003c\/td\u003e\n\u003ctd\u003e30-32\u003c\/td\u003e\n\u003ctd\u003e76-81\u003c\/td\u003e\n\u003ctd\u003e38-40\u003c\/td\u003e\n\u003ctd\u003e97-102\u003c\/td\u003e\n\u003ctd\u003e17\u003c\/td\u003e\n\u003ctd\u003e43\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eM (32)\u003c\/td\u003e\n\u003ctd\u003e32-34\u003c\/td\u003e\n\u003ctd\u003e81-86\u003c\/td\u003e\n\u003ctd\u003e40-42\u003c\/td\u003e\n\u003ctd\u003e102-107\u003c\/td\u003e\n\u003ctd\u003e17\u003c\/td\u003e\n\u003ctd\u003e43\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eL (34)\u003c\/td\u003e\n\u003ctd\u003e34-36\u003c\/td\u003e\n\u003ctd\u003e86-91\u003c\/td\u003e\n\u003ctd\u003e42-44\u003c\/td\u003e\n\u003ctd\u003e107-112\u003c\/td\u003e\n\u003ctd\u003e17\u003c\/td\u003e\n\u003ctd\u003e43\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eXL (36)\u003c\/td\u003e\n\u003ctd\u003e36-38\u003c\/td\u003e\n\u003ctd\u003e91-97\u003c\/td\u003e\n\u003ctd\u003e44-46\u003c\/td\u003e\n\u003ctd\u003e112-117\u003c\/td\u003e\n\u003ctd\u003e17\u003c\/td\u003e\n\u003ctd\u003e43\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eXXL (38)\u003c\/td\u003e\n\u003ctd\u003e38-40\u003c\/td\u003e\n\u003ctd\u003e97-102\u003c\/td\u003e\n\u003ctd\u003e46-48\u003c\/td\u003e\n\u003ctd\u003e117-122\u003c\/td\u003e\n\u003ctd\u003e17\u003c\/td\u003e\n\u003ctd\u003e43\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003cp class=\"size-note\"\u003eRelaxed fit with elastic waist and drawcord for adjustability. 17\" inseam hits above the knee.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Rhythm","offers":[{"title":"Chocolate \/ 30 \/ Mens","offer_id":53190534136174,"sku":"RHY62M020030","price":52.49,"currency_code":"CAD","in_stock":false},{"title":"Chocolate \/ 32 \/ Mens","offer_id":53190534168942,"sku":"RHY62M020032","price":52.49,"currency_code":"CAD","in_stock":false},{"title":"Chocolate \/ 33 \/ Mens","offer_id":53190534201710,"sku":"RHY62M020033","price":52.49,"currency_code":"CAD","in_stock":true},{"title":"Chocolate \/ 34 \/ Mens","offer_id":53190534234478,"sku":"RHY62M020034","price":52.49,"currency_code":"CAD","in_stock":true},{"title":"Chocolate \/ 36 \/ Mens","offer_id":53190534267246,"sku":"RHY62M020036","price":52.49,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/ClassicLinenJamShort-Chocolate.png?v=1768425113"},{"product_id":"rhythm-mens-classic-linen-jam-short-sand-spring-2026","title":"Classic Linen Jam Short","description":"\u003cstyle\u003e .product-description { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; color: #1a1a1a; line-height: 1.7; max-width: 800px; margin: 0; padding: 0; } .intro-text { font-size: 16px; font-weight: 300; margin-bottom: 32px; color: #2c2c2c; line-height: 1.8; position: relative; padding-left: 16px; border-left: 3px solid #f87171; } .accordion-item { border-bottom: 1px solid #e0e0e0; transition: all 0.2s ease; } .accordion-item:hover { border-bottom-color: #f87171; } .accordion-item:last-child { border-bottom: none; } .accordion-summary { display: flex; justify-content: space-between; align-items: center; padding: 20px 0; cursor: pointer; list-style: none; font-size: 13px; font-weight: 500; letter-spacing: 1.5px; text-transform: uppercase; color: #1a1a1a; transition: all 0.3s ease; position: relative; } .accordion-summary::before { content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 2px; background: linear-gradient(90deg, #f87171, #fca5a5); transition: width 0.3s ease; } .accordion-summary:hover::before { width: 60px; } .accordion-summary:hover { color: #f87171; padding-left: 8px; } .accordion-summary::-webkit-details-marker { display: none; } .accordion-icon { font-size: 20px; font-weight: 300; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); color: #999; } .accordion-item[open] .accordion-icon { transform: rotate(45deg); color: #f87171; } .accordion-content { padding: 0 0 24px 0; animation: slideDown 0.4s cubic-bezier(0.4, 0, 0.2, 1); overflow: hidden; } @keyframes slideDown { from { opacity: 0; transform: translateY(-12px); } to { opacity: 1; transform: translateY(0); } } .features-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin-top: 8px; } .feature-item { padding: 16px; background: linear-gradient(135deg, #fafafa 0%, #ffffff 100%); border-radius: 8px; border: 1px solid #f0f0f0; transition: all 0.3s ease; position: relative; overflow: hidden; } .feature-item::before { content: ''; position: absolute; top: 0; left: 0; width: 4px; height: 0; background: linear-gradient(180deg, #f87171, #fca5a5); transition: height 0.3s ease; } .feature-item:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(248, 113, 113, 0.1); border-color: #fecaca; } .feature-item:hover::before { height: 100%; } .feature-item h3 { font-size: 14px; font-weight: 600; color: #1a1a1a; margin-bottom: 6px; } .feature-item p { font-size: 14px; font-weight: 300; color: #666; margin: 0; line-height: 1.6; } .size-table-wrapper { width: 100%; overflow-x: auto; margin: 16px 0; border-radius: 8px; border: 1px solid #f0f0f0; -webkit-overflow-scrolling: touch; background: white; } .size-table { width: 100%; border-collapse: collapse; font-size: 14px; min-width: 100%; } .size-table th { text-align: center; font-weight: 600; color: white; padding: 16px 12px; background: linear-gradient(135deg, #f87171 0%, #fca5a5 100%); font-size: 13px; letter-spacing: 0.5px; white-space: nowrap; line-height: 1.4; vertical-align: middle; border-right: 1px solid rgba(255, 255, 255, 0.2); } .size-table th:last-child { border-right: none; } .size-table td { padding: 14px 12px; border-bottom: 1px solid #f5f5f5; border-right: 1px solid #f5f5f5; color: #2c2c2c; font-weight: 400; transition: all 0.2s ease; text-align: center; white-space: nowrap; line-height: 1.5; vertical-align: middle; background: white; } .size-table td:last-child { border-right: none; } .size-table tr:last-child td { border-bottom: none; } .size-table tbody tr { transition: all 0.2s ease; } .size-table tbody tr:hover { background: #fef2f2; } .size-table tbody tr:hover td { background: #fef2f2; } .size-note { font-size: 13px; color: #666; font-style: italic; margin-top: 16px; padding: 12px 16px; background: #fef2f2; border-left: 3px solid #f87171; border-radius: 4px; } @media (max-width: 1024px) { .size-table { font-size: 13px; } .size-table th { padding: 14px 10px; font-size: 12px; } .size-table td { padding: 12px 10px; font-size: 13px; } } @media (max-width: 768px) { .features-grid { grid-template-columns: 1fr; gap: 16px; } .feature-item:hover { transform: none; } .accordion-summary:hover { padding-left: 0; } .accordion-summary::before { display: none; } .accordion-summary { padding: 16px 0; font-size: 12px; } .size-table { font-size: 12px; } .size-table th { padding: 12px 8px; font-size: 11px; line-height: 1.3; } .size-table td { padding: 10px 8px; font-size: 12px; } .intro-text { font-size: 15px; } } @media (max-width: 480px) { .size-table { font-size: 11px; } .size-table th { padding: 10px 6px; font-size: 10px; line-height: 1.2; } .size-table td { padding: 8px 6px; font-size: 11px; } .size-note { font-size: 12px; padding: 10px 12px; } } @media (max-width: 360px) { .size-table { font-size: 10px; } .size-table th { padding: 8px 4px; font-size: 9px; } .size-table td { padding: 6px 4px; font-size: 10px; } }\u003c\/style\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003cp class=\"intro-text\"\u003e\u003cspan\u003eThe Classic Linen Jam in Forest Green is an easy short for summer. Crafted in a breathable linen blend with a relaxed elastic waistband, this style brings effortlessness to warmer days.\u003c\/span\u003e\u003c\/p\u003e\n\u003cdetails class=\"accordion-item\"\u003e\n\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eFeatures\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eLinen Cotton Blend\u003c\/h3\u003e\n\u003cp\u003eBreathable blend of 55% linen and 45% cotton provides natural cooling and comfort for warm weather.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eElastic Waist with Drawcord\u003c\/h3\u003e\n\u003cp\u003eRelaxed elastic waistband with adjustable drawcord ensures a comfortable, customizable fit all day long.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eSide Pockets\u003c\/h3\u003e\n\u003cp\u003eFunctional side pockets provide convenient storage for essentials while maintaining a clean silhouette.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eBack Patch Pocket\u003c\/h3\u003e\n\u003cp\u003eClassic back patch pocket adds utility and authentic casual styling detail.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eAbove-the-Knee Length\u003c\/h3\u003e\n\u003cp\u003e17\" inseam hits above the knee for a versatile, modern short length perfect for summer activities.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eRhythm Classics Trims\u003c\/h3\u003e\n\u003cp\u003eSignature Rhythm trim details add authentic brand character to this timeless summer staple.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"accordion-item\"\u003e\n\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eMaterials\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eFabric Composition\u003c\/h3\u003e\n\u003cp\u003e55% Linen, 45% Cotton\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"accordion-item\"\u003e\n\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eSize Chart\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"size-table-wrapper\"\u003e\n\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eSize\u003c\/th\u003e\n\u003cth\u003eWaist (in)\u003c\/th\u003e\n\u003cth\u003eWaist (cm)\u003c\/th\u003e\n\u003cth\u003eHip (in)\u003c\/th\u003e\n\u003cth\u003eHip (cm)\u003c\/th\u003e\n\u003cth\u003eInseam (in)\u003c\/th\u003e\n\u003cth\u003eInseam (cm)\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eXS (28)\u003c\/td\u003e\n\u003ctd\u003e28-30\u003c\/td\u003e\n\u003ctd\u003e71-76\u003c\/td\u003e\n\u003ctd\u003e36-38\u003c\/td\u003e\n\u003ctd\u003e91-97\u003c\/td\u003e\n\u003ctd\u003e17\u003c\/td\u003e\n\u003ctd\u003e43\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eS (30)\u003c\/td\u003e\n\u003ctd\u003e30-32\u003c\/td\u003e\n\u003ctd\u003e76-81\u003c\/td\u003e\n\u003ctd\u003e38-40\u003c\/td\u003e\n\u003ctd\u003e97-102\u003c\/td\u003e\n\u003ctd\u003e17\u003c\/td\u003e\n\u003ctd\u003e43\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eM (32)\u003c\/td\u003e\n\u003ctd\u003e32-34\u003c\/td\u003e\n\u003ctd\u003e81-86\u003c\/td\u003e\n\u003ctd\u003e40-42\u003c\/td\u003e\n\u003ctd\u003e102-107\u003c\/td\u003e\n\u003ctd\u003e17\u003c\/td\u003e\n\u003ctd\u003e43\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eL (34)\u003c\/td\u003e\n\u003ctd\u003e34-36\u003c\/td\u003e\n\u003ctd\u003e86-91\u003c\/td\u003e\n\u003ctd\u003e42-44\u003c\/td\u003e\n\u003ctd\u003e107-112\u003c\/td\u003e\n\u003ctd\u003e17\u003c\/td\u003e\n\u003ctd\u003e43\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eXL (36)\u003c\/td\u003e\n\u003ctd\u003e36-38\u003c\/td\u003e\n\u003ctd\u003e91-97\u003c\/td\u003e\n\u003ctd\u003e44-46\u003c\/td\u003e\n\u003ctd\u003e112-117\u003c\/td\u003e\n\u003ctd\u003e17\u003c\/td\u003e\n\u003ctd\u003e43\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eXXL (38)\u003c\/td\u003e\n\u003ctd\u003e38-40\u003c\/td\u003e\n\u003ctd\u003e97-102\u003c\/td\u003e\n\u003ctd\u003e46-48\u003c\/td\u003e\n\u003ctd\u003e117-122\u003c\/td\u003e\n\u003ctd\u003e17\u003c\/td\u003e\n\u003ctd\u003e43\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003cp class=\"size-note\"\u003eRelaxed fit with elastic waist and drawcord for adjustability. 17\" inseam hits above the knee.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Rhythm","offers":[{"title":"Sand \/ 30 \/ Mens","offer_id":53190534300014,"sku":"RHY62M021030","price":52.49,"currency_code":"CAD","in_stock":false},{"title":"Sand \/ 32 \/ Mens","offer_id":53190534332782,"sku":"RHY62M021032","price":52.49,"currency_code":"CAD","in_stock":false},{"title":"Sand \/ 33 \/ Mens","offer_id":53190534365550,"sku":"RHY62M021033","price":52.49,"currency_code":"CAD","in_stock":false},{"title":"Sand \/ 34 \/ Mens","offer_id":53190534398318,"sku":"RHY62M021034","price":52.49,"currency_code":"CAD","in_stock":true},{"title":"Sand \/ 36 \/ Mens","offer_id":53190534431086,"sku":"RHY62M021036","price":52.49,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/ClassicLinenJamShirt-Sand.png?v=1768424831"},{"product_id":"independent-mens-span-short-black-black-spring-2026","title":"Span Short","description":"","brand":"Independent","offers":[{"title":"Black\/Black \/ S \/ Mens","offer_id":53245305586030,"sku":"IND62M007003","price":59.49,"currency_code":"CAD","in_stock":true},{"title":"Black\/Black \/ M \/ Mens","offer_id":53245305618798,"sku":"IND62M007004","price":59.49,"currency_code":"CAD","in_stock":true},{"title":"Black\/Black \/ L \/ Mens","offer_id":53245305651566,"sku":"IND62M007005","price":59.49,"currency_code":"CAD","in_stock":true},{"title":"Black\/Black \/ XL \/ Mens","offer_id":53245305684334,"sku":"IND62M007006","price":59.49,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/SpanShort-Black_Black.png?v=1774472915"},{"product_id":"independent-mens-span-short-khaki-spring-2026","title":"Span Short","description":"","brand":"Independent","offers":[{"title":"Khaki \/ S \/ Mens","offer_id":53245305782638,"sku":"IND62M008003","price":59.49,"currency_code":"CAD","in_stock":true},{"title":"Khaki \/ M \/ Mens","offer_id":53245305815406,"sku":"IND62M008004","price":59.49,"currency_code":"CAD","in_stock":true},{"title":"Khaki \/ L \/ Mens","offer_id":53245305848174,"sku":"IND62M008005","price":59.49,"currency_code":"CAD","in_stock":true},{"title":"Khaki \/ XL \/ Mens","offer_id":53245305880942,"sku":"IND62M008006","price":59.49,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/SpanShort-Khaki-2.png?v=1775148204"},{"product_id":"obey-mens-established-works-bold-ii-sweatpant-mediterranean-spring-2026","title":"Established Works Bold II Sweatpant","description":"\u003cul class=\"sc-iKIEpe fRTtpq\"\u003e\n\u003cli class=\"sc-dAAzKL dlDdPp\"\u003e58% COTTON\u003c\/li\u003e\n\u003cli class=\"sc-dAAzKL dlDdPp\"\u003e42% POLYESTER\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"Obey","offers":[{"title":"Mediterranean \/ S \/ Mens","offer_id":53251519414638,"sku":"OBE62M005003","price":80.49,"currency_code":"CAD","in_stock":true},{"title":"Mediterranean \/ M \/ Mens","offer_id":53251519447406,"sku":"OBE62M005004","price":80.49,"currency_code":"CAD","in_stock":true},{"title":"Mediterranean \/ L \/ Mens","offer_id":53251519480174,"sku":"OBE62M005005","price":80.49,"currency_code":"CAD","in_stock":true},{"title":"Mediterranean \/ XL \/ Mens","offer_id":53251519512942,"sku":"OBE62M005006","price":80.49,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/EstablishedWorksBoldIISweatpant-_editerranean.png?v=1770419078"},{"product_id":"obey-mens-established-works-bold-sweat-ii-short-black-spring-2026","title":"Established Works Bold Sweat II Short","description":"","brand":"Obey","offers":[{"title":"Black \/ S \/ Mens","offer_id":53251519775086,"sku":"OBE62M007003","price":59.49,"currency_code":"CAD","in_stock":false},{"title":"Black \/ M \/ Mens","offer_id":53251519807854,"sku":"OBE62M007004","price":59.49,"currency_code":"CAD","in_stock":true},{"title":"Black \/ L \/ Mens","offer_id":53251519840622,"sku":"OBE62M007005","price":59.49,"currency_code":"CAD","in_stock":true},{"title":"Black \/ XL \/ Mens","offer_id":53251519873390,"sku":"OBE62M007006","price":59.49,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/EstablishedWorksBoldSweatIIShort-Black.png?v=1770419000"},{"product_id":"obey-mens-classic-baggy-denim-pant-fence-camo-multi-spring-2026","title":"Classic Baggy Denim Pant","description":"\u003cstyle\u003e\n.product-description {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;\n color: #1a1a1a;\n line-height: 1.7;\n max-width: 800px;\n margin: 0;\n padding: 0;\n}\n\n.intro-text {\n font-size: clamp(15px, 3.5vw, 16px);\n font-weight: 300;\n margin-bottom: 32px;\n color: #2c2c2c;\n line-height: 1.8;\n padding-left: 16px;\n border-left: 3px solid #f87171;\n}\n\n.accordion-item {\n border-bottom: 1px solid #e0e0e0;\n transition: border-color 0.2s ease;\n}\n\n.accordion-item:hover {\n border-bottom-color: #f87171;\n}\n\n.accordion-item:last-child {\n border-bottom: none;\n}\n\n.accordion-summary {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: clamp(16px, 4vw, 20px) 0;\n cursor: pointer;\n list-style: none;\n font-size: clamp(12px, 2.8vw, 13px);\n font-weight: 500;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n color: #1a1a1a;\n transition: all 0.3s ease;\n position: relative;\n min-height: 44px;\n}\n\n.accordion-summary::before {\n content: '';\n position: absolute;\n left: 0;\n bottom: 0;\n width: 0;\n height: 2px;\n background: linear-gradient(90deg, #f87171, #fca5a5);\n transition: width 0.3s ease;\n}\n\n@media (hover: hover) {\n .accordion-summary:hover::before {\n width: 60px;\n }\n .accordion-summary:hover {\n color: #f87171;\n padding-left: 8px;\n }\n}\n\n.accordion-summary::-webkit-details-marker {\n display: none;\n}\n\n.accordion-icon {\n font-size: 20px;\n font-weight: 300;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n color: #999;\n min-width: 20px;\n text-align: center;\n}\n\n.accordion-item[open] .accordion-icon {\n transform: rotate(45deg);\n color: #f87171;\n}\n\n.accordion-content {\n padding: 0 0 24px 0;\n animation: slideDown 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n@keyframes slideDown {\n from {\n opacity: 0;\n transform: translateY(-12px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n.features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));\n gap: clamp(16px, 4vw, 20px);\n margin-top: 8px;\n}\n\n.feature-item {\n padding: 16px;\n background: linear-gradient(135deg, #fafafa 0%, #ffffff 100%);\n border-radius: 8px;\n border: 1px solid #f0f0f0;\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n}\n\n.feature-item::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 4px;\n height: 0;\n background: linear-gradient(180deg, #f87171, #fca5a5);\n transition: height 0.3s ease;\n}\n\n@media (hover: hover) {\n .feature-item:hover {\n transform: translateY(-2px);\n box-shadow: 0 4px 12px rgba(248, 113, 113, 0.1);\n border-color: #fecaca;\n }\n .feature-item:hover::before {\n height: 100%;\n }\n}\n\n.feature-item h3 {\n font-size: clamp(13px, 3vw, 14px);\n font-weight: 600;\n color: #1a1a1a;\n margin-bottom: 6px;\n}\n\n.feature-item p {\n font-size: clamp(13px, 3vw, 14px);\n font-weight: 300;\n color: #666;\n margin: 0;\n line-height: 1.6;\n}\n\n.size-table-wrapper {\n width: 100%;\n overflow-x: auto;\n margin: 16px 0;\n border-radius: 8px;\n border: 1px solid #f0f0f0;\n -webkit-overflow-scrolling: touch;\n background: white;\n}\n\n.size-table {\n width: 100%;\n border-collapse: collapse;\n}\n\n\/* Desktop (1024px+): 14px font, 16px padding *\/\n@media (min-width: 1024px) {\n .size-table {\n font-size: 14px;\n }\n .size-table th,\n .size-table td {\n padding: 16px;\n }\n}\n\n\/* Tablet (768px-1024px): 13px font, 14px padding *\/\n@media (min-width: 768px) and (max-width: 1023px) {\n .size-table {\n font-size: 13px;\n }\n .size-table th,\n .size-table td {\n padding: 14px;\n }\n}\n\n\/* Mobile (480px-768px): 12px font, 12px padding *\/\n@media (min-width: 480px) and (max-width: 767px) {\n .size-table {\n font-size: 12px;\n }\n .size-table th,\n .size-table td {\n padding: 12px;\n }\n}\n\n\/* Small mobile (360px-480px): 11px font, 10px padding *\/\n@media (min-width: 360px) and (max-width: 479px) {\n .size-table {\n font-size: 11px;\n }\n .size-table th,\n .size-table td {\n padding: 10px;\n }\n}\n\n\/* Extra small (under 360px): 10px font, 8px padding *\/\n@media (max-width: 359px) {\n .size-table {\n font-size: 10px;\n }\n .size-table th,\n .size-table td {\n padding: 8px;\n }\n}\n\n.size-table th {\n text-align: center;\n font-weight: 600;\n color: white;\n background: linear-gradient(135deg, #f87171 0%, #fca5a5 100%);\n letter-spacing: 0.5px;\n white-space: nowrap;\n line-height: 1.4;\n vertical-align: middle;\n border-right: 1px solid rgba(255, 255, 255, 0.2);\n}\n\n.size-table th:last-child {\n border-right: none;\n}\n\n.size-table td {\n border-bottom: 1px solid #e5e5e5;\n border-right: 1px solid #f0f0f0;\n color: #2c2c2c;\n font-weight: 400;\n text-align: center;\n white-space: nowrap;\n line-height: 1.5;\n vertical-align: middle;\n background: white;\n}\n\n.size-table td:last-child {\n border-right: none;\n}\n\n.size-table tr:last-child td {\n border-bottom: none;\n}\n\n.size-table tbody tr {\n transition: background 0.2s ease;\n}\n\n@media (hover: hover) {\n .size-table tbody tr:hover {\n background: #fef2f2;\n }\n .size-table tbody tr:hover td {\n background: #fef2f2;\n }\n}\n\n.size-note {\n font-size: clamp(12px, 2.8vw, 13px);\n color: #666;\n font-style: italic;\n margin-top: 16px;\n padding: clamp(10px, 2.5vw, 12px) clamp(12px, 3vw, 16px);\n background: #fef2f2;\n border-left: 3px solid #f87171;\n border-radius: 4px;\n}\n\n.detail-text {\n font-size: clamp(14px, 3.2vw, 15px);\n font-weight: 300;\n color: #4a4a4a;\n line-height: 1.8;\n margin-bottom: 16px;\n}\n\u003c\/style\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003cp class=\"intro-text\"\u003e\u003cstrong\u003eDenim Work Pant\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003eOur baggy fit styles are crafted for ultimate comfort and an effortlessly cool silhouette, allowing for maximum room and freedom of movement. The pants feature a mid-rise design with wide legs, providing a relaxed fit around the hips and thighs for a trendy, laid-back look that exudes casual style. Perfect for those who appreciate a generous fit.\u003c\/p\u003e\n\u003cdetails class=\"accordion-item\"\u003e\n\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eFeatures\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eShank Button Closure\u003c\/h3\u003e\n\u003cp\u003eWith button fly for authentic workwear styling.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003e5 Pocket Denim Styling\u003c\/h3\u003e\n\u003cp\u003eClassic denim work pant configuration.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eLeather Obey Label\u003c\/h3\u003e\n\u003cp\u003eAt back waistband for premium branding.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003e100% Cotton\u003c\/h3\u003e\n\u003cp\u003e13.5 oz premium weight denim.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eBaggy Fit\u003c\/h3\u003e\n\u003cp\u003e18.5\" leg opening with tapered leg design.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003e32\" Inseam\u003c\/h3\u003e\n\u003cp\u003ePerfect length for versatile styling.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp style=\"margin-top: 24px;\" class=\"detail-text\"\u003e\u003cstrong\u003eSKU:\u003c\/strong\u003e 142010109\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"accordion-item\"\u003e\n\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eSizing\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"size-table-wrapper\"\u003e\n\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eSize\u003c\/th\u003e\n\u003cth\u003eWaist (in)\u003c\/th\u003e\n\u003cth\u003eHips (in)\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003e28\u003c\/td\u003e\n\u003ctd\u003e31\u003c\/td\u003e\n\u003ctd\u003e41\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e29\u003c\/td\u003e\n\u003ctd\u003e32\u003c\/td\u003e\n\u003ctd\u003e42\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e30\u003c\/td\u003e\n\u003ctd\u003e33\u003c\/td\u003e\n\u003ctd\u003e43\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e31\u003c\/td\u003e\n\u003ctd\u003e34\u003c\/td\u003e\n\u003ctd\u003e44\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e32\u003c\/td\u003e\n\u003ctd\u003e35\u003c\/td\u003e\n\u003ctd\u003e45\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e33\u003c\/td\u003e\n\u003ctd\u003e36\u003c\/td\u003e\n\u003ctd\u003e46\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e34\u003c\/td\u003e\n\u003ctd\u003e37\u003c\/td\u003e\n\u003ctd\u003e47\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e36\u003c\/td\u003e\n\u003ctd\u003e39\u003c\/td\u003e\n\u003ctd\u003e49\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e38\u003c\/td\u003e\n\u003ctd\u003e40\u003c\/td\u003e\n\u003ctd\u003e51\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003cp class=\"size-note\"\u003eWhen checking your size, we recommend measuring your body.\u003cbr\u003e\u003cbr\u003e\u003cstrong\u003eWAIST:\u003c\/strong\u003e Measure loosely around your natural waistline.\u003cbr\u003e\u003cstrong\u003eHIP:\u003c\/strong\u003e Measure across the widest part (usually 18–20 cm below the waistband).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Obey","offers":[{"title":"Fence Camo Multi \/ 28 \/ Mens","offer_id":53251519971694,"sku":"OBE62M008028","price":87.49,"currency_code":"CAD","in_stock":false},{"title":"Fence Camo Multi \/ 30 \/ Mens","offer_id":53251520004462,"sku":"OBE62M008030","price":87.49,"currency_code":"CAD","in_stock":true},{"title":"Fence Camo Multi \/ 32 \/ Mens","offer_id":53251520037230,"sku":"OBE62M008032","price":87.49,"currency_code":"CAD","in_stock":true},{"title":"Fence Camo Multi \/ 34 \/ Mens","offer_id":53251520069998,"sku":"OBE62M008034","price":87.49,"currency_code":"CAD","in_stock":true},{"title":"Fence Camo Multi \/ 36 \/ Mens","offer_id":53251520102766,"sku":"OBE62M008036","price":87.49,"currency_code":"CAD","in_stock":true},{"title":"Fence Camo Multi \/ 38 \/ Mens","offer_id":53251520135534,"sku":"OBE62M008038","price":87.49,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/ClassicBaggyDenimPant-FenceCamo.png?v=1770416833"},{"product_id":"obey-mens-classic-baggy-vintage-denim-pant-heavy-vintage-light-indigo-spring-2026","title":"Classic Baggy Vintage Denim Pant","description":"","brand":"Obey","offers":[{"title":"Heavy Vintage Light Indigo \/ 30 \/ Mens","offer_id":53251520233838,"sku":"OBE62M009030","price":97.99,"currency_code":"CAD","in_stock":false},{"title":"Heavy Vintage Light Indigo \/ 32 \/ Mens","offer_id":53251520266606,"sku":"OBE62M009032","price":97.99,"currency_code":"CAD","in_stock":true},{"title":"Heavy Vintage Light Indigo \/ 34 \/ Mens","offer_id":53251520299374,"sku":"OBE62M009034","price":97.99,"currency_code":"CAD","in_stock":true},{"title":"Heavy Vintage Light Indigo \/ 36 \/ Mens","offer_id":53251520332142,"sku":"OBE62M009036","price":97.99,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/ClassicBaggyVintageDenimPant-HEavyVIntage-2.png?v=1770418942"},{"product_id":"obey-mens-bigwig-baggy-denim-short-rinse-indigo-spring-2026","title":"Bigwig Baggy Denim Short","description":"","brand":"Obey","offers":[{"title":"Rinse Indigo \/ 28 \/ Mens","offer_id":53251520397678,"sku":"OBE62M010028","price":80.49,"currency_code":"CAD","in_stock":true},{"title":"Rinse Indigo \/ 30 \/ Mens","offer_id":53251520430446,"sku":"OBE62M010030","price":80.49,"currency_code":"CAD","in_stock":false},{"title":"Rinse Indigo \/ 32 \/ Mens","offer_id":53251520463214,"sku":"OBE62M010032","price":80.49,"currency_code":"CAD","in_stock":true},{"title":"Rinse Indigo \/ 34 \/ Mens","offer_id":53251520495982,"sku":"OBE62M010034","price":80.49,"currency_code":"CAD","in_stock":false},{"title":"Rinse Indigo \/ 36 \/ Mens","offer_id":53251520528750,"sku":"OBE62M010036","price":80.49,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/BigwigBaggyDenimShort-RinseIndigo-2.png?v=1770418853"},{"product_id":"obey-mens-easy-denim-short-light-indigo-spring-2026","title":"Easy Denim Short","description":"","brand":"Obey","offers":[{"title":"Light Indigo \/ S \/ Mens","offer_id":53251520627054,"sku":"OBE62M011003","price":69.99,"currency_code":"CAD","in_stock":false},{"title":"Light Indigo \/ M \/ Mens","offer_id":53251520659822,"sku":"OBE62M011004","price":69.99,"currency_code":"CAD","in_stock":false},{"title":"Light Indigo \/ L \/ Mens","offer_id":53251520692590,"sku":"OBE62M011005","price":69.99,"currency_code":"CAD","in_stock":true},{"title":"Light Indigo \/ XL \/ Mens","offer_id":53251520725358,"sku":"OBE62M011006","price":69.99,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/EasyDenimShort-LightIndigo.png?v=1770417957"},{"product_id":"obey-mens-foster-pleated-pant-cement-spring-2026","title":"Foster Pleated Pant","description":"","brand":"Obey","offers":[{"title":"Cement \/ 28 \/ Mens","offer_id":53251520823662,"sku":"OBE62M012028","price":87.49,"currency_code":"CAD","in_stock":false},{"title":"Cement \/ 30 \/ Mens","offer_id":53251520856430,"sku":"OBE62M012030","price":87.49,"currency_code":"CAD","in_stock":true},{"title":"Cement \/ 32 \/ Mens","offer_id":53251520889198,"sku":"OBE62M012032","price":87.49,"currency_code":"CAD","in_stock":true},{"title":"Cement \/ 34 \/ Mens","offer_id":53251520921966,"sku":"OBE62M012034","price":87.49,"currency_code":"CAD","in_stock":true},{"title":"Cement \/ 36 \/ Mens","offer_id":53251520954734,"sku":"OBE62M012036","price":87.49,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/FosterPleatedPant-Cement.png?v=1770418766"},{"product_id":"obey-mens-horizon-short-birch-faded-wash-spring-2026","title":"Horizon Short","description":"","brand":"Obey","offers":[{"title":"Birch Faded Wash \/ S \/ Mens","offer_id":53251522003310,"sku":"OBE62M018003","price":66.49,"currency_code":"CAD","in_stock":true},{"title":"Birch Faded Wash \/ M \/ Mens","offer_id":53251522036078,"sku":"OBE62M018004","price":66.49,"currency_code":"CAD","in_stock":true},{"title":"Birch Faded Wash \/ L \/ Mens","offer_id":53251522068846,"sku":"OBE62M018005","price":66.49,"currency_code":"CAD","in_stock":true},{"title":"Birch Faded Wash \/ XL \/ Mens","offer_id":53251522101614,"sku":"OBE62M018006","price":66.49,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/HorizonShort-WasjedBirch.png?v=1775144256"},{"product_id":"obey-mens-travel-short-fence-camo-spring-2026","title":"Travel Short","description":"","brand":"Obey","offers":[{"title":"Fence Camo \/ S \/ Mens","offer_id":53251522199918,"sku":"OBE62M019003","price":69.99,"currency_code":"CAD","in_stock":true},{"title":"Fence Camo \/ M \/ Mens","offer_id":53251522232686,"sku":"OBE62M019004","price":69.99,"currency_code":"CAD","in_stock":true},{"title":"Fence Camo \/ L \/ Mens","offer_id":53251522265454,"sku":"OBE62M019005","price":69.99,"currency_code":"CAD","in_stock":true},{"title":"Fence Camo \/ XL \/ Mens","offer_id":53251522298222,"sku":"OBE62M019006","price":69.99,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/TravelShort-FenceCamo.png?v=1775144121"},{"product_id":"obey-mens-daily-water-short-black-spring-2026","title":"Daily Water Short","description":"","brand":"Obey","offers":[{"title":"Black \/ S \/ Mens","offer_id":53251522429294,"sku":"OBE62M020003","price":59.49,"currency_code":"CAD","in_stock":false},{"title":"Black \/ M \/ Mens","offer_id":53251522462062,"sku":"OBE62M020004","price":59.49,"currency_code":"CAD","in_stock":true},{"title":"Black \/ L \/ Mens","offer_id":53251522494830,"sku":"OBE62M020005","price":59.49,"currency_code":"CAD","in_stock":false},{"title":"Black \/ XL \/ Mens","offer_id":53251522527598,"sku":"OBE62M020006","price":59.49,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/DailyWaterShort-Black.png?v=1775142208"},{"product_id":"loser-machine-mens-armor-canvas-pant-brown-spring-2026","title":"Armor Canvas Pant","description":"\u003cul\u003e\n\u003cli\u003e12oz duck canvas carpenter pant with side hammer loop.\u003c\/li\u003e\n\u003cli\u003eTriple needle construction.\u003c\/li\u003e\n\u003cli\u003ePatch and satin stitch embellishment on back pocket and front.\u003c\/li\u003e\n\u003cli\u003eBuilt in key loop.\u003c\/li\u003e\n\u003cli\u003eRelaxed fit with 18” leg opening.\u003c\/li\u003e\n\u003cli\u003eSlash pockets.\u003c\/li\u003e\n\u003cli\u003eRun slightly bigger, if unsure size down.\u003c\/li\u003e\n\u003cli\u003eLMC woven label branding.\u003c\/li\u003e\n\u003cli\u003eSku: 114000008\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"Loser Machine","offers":[{"title":"Brown \/ 30 \/ Mens","offer_id":53254212157806,"sku":"LMC62M003030","price":104.99,"currency_code":"CAD","in_stock":false},{"title":"Brown \/ 32 \/ Mens","offer_id":53254212190574,"sku":"LMC62M003032","price":104.99,"currency_code":"CAD","in_stock":true},{"title":"Brown \/ 34 \/ Mens","offer_id":53254212223342,"sku":"LMC62M003034","price":104.99,"currency_code":"CAD","in_stock":true},{"title":"Brown \/ 36 \/ Mens","offer_id":53254212256110,"sku":"LMC62M003036","price":104.99,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/ArmorCanvasPant-Brown-2.png?v=1770749372"},{"product_id":"saxx-mens-sea-to-shore-2n1-volley-6-short-agitated-stripe-indigo-spring-2026","title":"Sea To Shore 2N1 Volley 6\" Short","description":"\u003cstyle\u003e\n.product-description {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;\n color: #1a1a1a;\n line-height: 1.7;\n max-width: 800px;\n margin: 0;\n padding: 0;\n}\n\n.intro-text {\n font-size: clamp(15px, 3.5vw, 16px);\n font-weight: 300;\n margin-bottom: 32px;\n color: #2c2c2c;\n line-height: 1.8;\n padding-left: 16px;\n border-left: 3px solid #f87171;\n}\n\n.accordion-item {\n border-bottom: 1px solid #e0e0e0;\n transition: border-color 0.2s ease;\n}\n\n.accordion-item:hover {\n border-bottom-color: #f87171;\n}\n\n.accordion-item:last-child {\n border-bottom: none;\n}\n\n.accordion-summary {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: clamp(16px, 4vw, 20px) 0;\n cursor: pointer;\n list-style: none;\n font-size: clamp(12px, 2.8vw, 13px);\n font-weight: 500;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n color: #1a1a1a;\n transition: all 0.3s ease;\n position: relative;\n min-height: 44px;\n}\n\n.accordion-summary::before {\n content: '';\n position: absolute;\n left: 0;\n bottom: 0;\n width: 0;\n height: 2px;\n background: linear-gradient(90deg, #f87171, #fca5a5);\n transition: width 0.3s ease;\n}\n\n@media (hover: hover) {\n .accordion-summary:hover::before {\n width: 60px;\n }\n .accordion-summary:hover {\n color: #f87171;\n padding-left: 8px;\n }\n}\n\n.accordion-summary::-webkit-details-marker {\n display: none;\n}\n\n.accordion-icon {\n font-size: 20px;\n font-weight: 300;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n color: #999;\n min-width: 20px;\n text-align: center;\n}\n\n.accordion-item[open] .accordion-icon {\n transform: rotate(45deg);\n color: #f87171;\n}\n\n.accordion-content {\n padding: 0 0 24px 0;\n animation: slideDown 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n@keyframes slideDown {\n from {\n opacity: 0;\n transform: translateY(-12px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n.features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));\n gap: clamp(16px, 4vw, 20px);\n margin-top: 8px;\n}\n\n.feature-item {\n padding: 16px;\n background: linear-gradient(135deg, #fafafa 0%, #ffffff 100%);\n border-radius: 8px;\n border: 1px solid #f0f0f0;\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n}\n\n.feature-item::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 4px;\n height: 0;\n background: linear-gradient(180deg, #f87171, #fca5a5);\n transition: height 0.3s ease;\n}\n\n@media (hover: hover) {\n .feature-item:hover {\n transform: translateY(-2px);\n box-shadow: 0 4px 12px rgba(248, 113, 113, 0.1);\n border-color: #fecaca;\n }\n .feature-item:hover::before {\n height: 100%;\n }\n}\n\n.feature-item h3 {\n font-size: clamp(13px, 3vw, 14px);\n font-weight: 600;\n color: #1a1a1a;\n margin-bottom: 6px;\n}\n\n.feature-item p {\n font-size: clamp(13px, 3vw, 14px);\n font-weight: 300;\n color: #666;\n margin: 0;\n line-height: 1.6;\n}\n\n.size-table-wrapper {\n width: 100%;\n overflow-x: auto;\n margin: 16px 0;\n border-radius: 8px;\n border: 1px solid #f0f0f0;\n background: white;\n -webkit-overflow-scrolling: touch;\n}\n\n.size-table {\n width: 100%;\n border-collapse: collapse;\n background: white;\n}\n\n@media (min-width: 1024px) {\n .size-table {\n font-size: 14px;\n }\n .size-table th,\n .size-table td {\n padding: 16px;\n }\n}\n\n@media (min-width: 768px) and (max-width: 1023px) {\n .size-table {\n font-size: 13px;\n }\n .size-table th,\n .size-table td {\n padding: 14px;\n }\n}\n\n@media (min-width: 480px) and (max-width: 767px) {\n .size-table {\n font-size: 12px;\n }\n .size-table th,\n .size-table td {\n padding: 12px;\n }\n}\n\n@media (min-width: 360px) and (max-width: 479px) {\n .size-table {\n font-size: 11px;\n }\n .size-table th,\n .size-table td {\n padding: 10px;\n }\n}\n\n@media (max-width: 359px) {\n .size-table {\n font-size: 10px;\n }\n .size-table th,\n .size-table td {\n padding: 8px;\n }\n}\n\n.size-table th {\n text-align: center;\n font-weight: 600;\n color: white;\n background: linear-gradient(135deg, #f87171 0%, #fca5a5 100%);\n letter-spacing: 0.5px;\n white-space: nowrap;\n line-height: 1.4;\n vertical-align: middle;\n border-right: 1px solid rgba(255, 255, 255, 0.2);\n}\n\n.size-table th:last-child {\n border-right: none;\n}\n\n.size-table td {\n text-align: center;\n border-bottom: 1px solid #f0f0f0;\n border-right: 1px solid #f5f5f5;\n color: #4a4a4a;\n font-weight: 400;\n white-space: nowrap;\n line-height: 1.4;\n vertical-align: middle;\n}\n\n.size-table td:last-child {\n border-right: none;\n}\n\n.size-table tr:last-child td {\n border-bottom: none;\n}\n\n.size-table tbody tr {\n transition: background 0.2s ease;\n}\n\n@media (hover: hover) {\n .size-table tbody tr:hover {\n background: #fef2f2;\n }\n}\n\n.size-note {\n font-size: clamp(12px, 2.8vw, 13px);\n color: #666;\n font-style: italic;\n margin-top: 16px;\n padding: clamp(10px, 2.5vw, 12px) clamp(12px, 3vw, 16px);\n background: #fef2f2;\n border-left: 3px solid #f87171;\n border-radius: 4px;\n}\n\n.detail-text {\n font-size: clamp(14px, 3.2vw, 15px);\n font-weight: 300;\n color: #4a4a4a;\n line-height: 1.8;\n margin-bottom: 16px;\n}\n\u003c\/style\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003cp class=\"intro-text\"\u003e\u003cstrong\u003eDesigned to take you from hike to beach to poolside bar, the Sea To Shore 2N1 Volley Short combines a fade-resistant, quick-drain stretch shell with a DropTemp® Cooling Hydro Mesh liner for ultralight support.\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003eInnovated in Canada, Canada's #1 and the original men's pouch underwear was created right here in Canada. With the BallPark Pouch®, a security zip pocket, and a full-elastic waist, it's built for easy transitions from water to whatever's next.\u003c\/p\u003e\n\u003cdetails class=\"accordion-item\"\u003e\n\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eFeatures\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eDropTemp® Cooling Technology\u003c\/h3\u003e\n\u003cp\u003eKeeps you cool all day without chemicals.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eBallPark Pouch®\u003c\/h3\u003e\n\u003cp\u003eHolds everything in place for chafe-free, natural support.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eFade Resistant\u003c\/h3\u003e\n\u003cp\u003eResists fading from chlorine and saltwater exposure.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eFull Elastic Waist\u003c\/h3\u003e\n\u003cp\u003eConvertible drawcord can be worn inside or out for customizable fit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eStash Pocket\u003c\/h3\u003e\n\u003cp\u003eLiner pocket large enough for phone storage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eBalloon's Away Vent\u003c\/h3\u003e\n\u003cp\u003eFly vent allows unflattering air to escape your swim shorts.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eQuick-Dry\u003c\/h3\u003e\n\u003cp\u003eFast-drying fabric for all-day comfort.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eNo-RideUp Leg™\u003c\/h3\u003e\n\u003cp\u003ePrevents distracting leg ride up during activity.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003e4-Way Stretch\u003c\/h3\u003e\n\u003cp\u003eUnrestricted movement in all directions.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eFlat Out Seams®\u003c\/h3\u003e\n\u003cp\u003eEliminate chafed skin for maximum comfort.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"accordion-item\"\u003e\n\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eFit \u0026amp; Fabric\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eHybrid Design\u003c\/h3\u003e\n\u003cp\u003eShell: Relaxed fit with 6\" inseam. Liner: Slim fit with 6\" inseam for optimal support and coverage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003ePerformance Materials\u003c\/h3\u003e\n\u003cp\u003eShell: 88% Polyester, 12% Elastane. Liner: 87% Polyester, 13% Elastane for maximum stretch and durability.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eCare Instructions\u003c\/h3\u003e\n\u003cp\u003eMachine wash cold with like colors on gentle cycle. Use only non-chlorine bleach when needed. Tumble dry low and iron on low heat. Rinse in cold water and hang or tumble dry low after each use.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"accordion-item\"\u003e\n\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eSizing\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"size-table-wrapper\"\u003e\n\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eSize\u003c\/th\u003e\n\u003cth\u003eXS\u003c\/th\u003e\n\u003cth\u003eS\u003c\/th\u003e\n\u003cth\u003eM\u003c\/th\u003e\n\u003cth\u003eL\u003c\/th\u003e\n\u003cth\u003eXL\u003c\/th\u003e\n\u003cth\u003eXXL\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eWaist (inches)\u003c\/td\u003e\n\u003ctd\u003e28-29\u003c\/td\u003e\n\u003ctd\u003e30-32\u003c\/td\u003e\n\u003ctd\u003e33-35\u003c\/td\u003e\n\u003ctd\u003e36-38\u003c\/td\u003e\n\u003ctd\u003e39-42\u003c\/td\u003e\n\u003ctd\u003e43-46\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003cp class=\"size-note\"\u003eAll measurements are in inches. Measure around your natural waistline for the best fit.\u003c\/p\u003e\n\u003cdiv style=\"margin-top: 24px;\" class=\"size-table-wrapper\"\u003e\n\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eCollection\u003c\/th\u003e\n\u003cth\u003eOh Buoy\u003c\/th\u003e\n\u003cth\u003eHarbormaster\u003c\/th\u003e\n\u003cth\u003eSea To Shore\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eInseam (inches)\u003c\/td\u003e\n\u003ctd\u003e5\/7\u003c\/td\u003e\n\u003ctd\u003e5\u003c\/td\u003e\n\u003ctd\u003e6\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Saxx","offers":[{"title":"Agitated Stripe\/Indigo \/ S \/ Mens","offer_id":53265628823918,"sku":"SAX62M219003","price":59.49,"currency_code":"CAD","in_stock":true},{"title":"Agitated Stripe\/Indigo \/ M \/ Mens","offer_id":53265628856686,"sku":"SAX62M219004","price":59.49,"currency_code":"CAD","in_stock":true},{"title":"Agitated Stripe\/Indigo \/ L \/ Mens","offer_id":53265628889454,"sku":"SAX62M219005","price":59.49,"currency_code":"CAD","in_stock":true},{"title":"Agitated Stripe\/Indigo \/ XL \/ Mens","offer_id":53265628922222,"sku":"SAX62M219006","price":59.49,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/SeaToShore2in1-AgitatedStripe.png?v=1770748243"},{"product_id":"saxx-mens-sea-to-shore-2n1-volley-6-short-big-daisy-orchid-spring-2026","title":"Sea To Shore 2N1 Volley 6\" Short","description":"\u003cstyle\u003e\n.product-description {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;\n color: #1a1a1a;\n line-height: 1.7;\n max-width: 800px;\n margin: 0;\n padding: 0;\n}\n\n.intro-text {\n font-size: clamp(15px, 3.5vw, 16px);\n font-weight: 300;\n margin-bottom: 32px;\n color: #2c2c2c;\n line-height: 1.8;\n padding-left: 16px;\n border-left: 3px solid #f87171;\n}\n\n.accordion-item {\n border-bottom: 1px solid #e0e0e0;\n transition: border-color 0.2s ease;\n}\n\n.accordion-item:hover {\n border-bottom-color: #f87171;\n}\n\n.accordion-item:last-child {\n border-bottom: none;\n}\n\n.accordion-summary {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: clamp(16px, 4vw, 20px) 0;\n cursor: pointer;\n list-style: none;\n font-size: clamp(12px, 2.8vw, 13px);\n font-weight: 500;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n color: #1a1a1a;\n transition: all 0.3s ease;\n position: relative;\n min-height: 44px;\n}\n\n.accordion-summary::before {\n content: '';\n position: absolute;\n left: 0;\n bottom: 0;\n width: 0;\n height: 2px;\n background: linear-gradient(90deg, #f87171, #fca5a5);\n transition: width 0.3s ease;\n}\n\n@media (hover: hover) {\n .accordion-summary:hover::before {\n width: 60px;\n }\n .accordion-summary:hover {\n color: #f87171;\n padding-left: 8px;\n }\n}\n\n.accordion-summary::-webkit-details-marker {\n display: none;\n}\n\n.accordion-icon {\n font-size: 20px;\n font-weight: 300;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n color: #999;\n min-width: 20px;\n text-align: center;\n}\n\n.accordion-item[open] .accordion-icon {\n transform: rotate(45deg);\n color: #f87171;\n}\n\n.accordion-content {\n padding: 0 0 24px 0;\n animation: slideDown 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n@keyframes slideDown {\n from {\n opacity: 0;\n transform: translateY(-12px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n.features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));\n gap: clamp(16px, 4vw, 20px);\n margin-top: 8px;\n}\n\n.feature-item {\n padding: 16px;\n background: linear-gradient(135deg, #fafafa 0%, #ffffff 100%);\n border-radius: 8px;\n border: 1px solid #f0f0f0;\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n}\n\n.feature-item::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 4px;\n height: 0;\n background: linear-gradient(180deg, #f87171, #fca5a5);\n transition: height 0.3s ease;\n}\n\n@media (hover: hover) {\n .feature-item:hover {\n transform: translateY(-2px);\n box-shadow: 0 4px 12px rgba(248, 113, 113, 0.1);\n border-color: #fecaca;\n }\n .feature-item:hover::before {\n height: 100%;\n }\n}\n\n.feature-item h3 {\n font-size: clamp(13px, 3vw, 14px);\n font-weight: 600;\n color: #1a1a1a;\n margin-bottom: 6px;\n}\n\n.feature-item p {\n font-size: clamp(13px, 3vw, 14px);\n font-weight: 300;\n color: #666;\n margin: 0;\n line-height: 1.6;\n}\n\n.size-table-wrapper {\n width: 100%;\n overflow-x: auto;\n margin: 16px 0;\n border-radius: 8px;\n border: 1px solid #f0f0f0;\n background: white;\n -webkit-overflow-scrolling: touch;\n}\n\n.size-table {\n width: 100%;\n border-collapse: collapse;\n background: white;\n}\n\n@media (min-width: 1024px) {\n .size-table {\n font-size: 14px;\n }\n .size-table th,\n .size-table td {\n padding: 16px;\n }\n}\n\n@media (min-width: 768px) and (max-width: 1023px) {\n .size-table {\n font-size: 13px;\n }\n .size-table th,\n .size-table td {\n padding: 14px;\n }\n}\n\n@media (min-width: 480px) and (max-width: 767px) {\n .size-table {\n font-size: 12px;\n }\n .size-table th,\n .size-table td {\n padding: 12px;\n }\n}\n\n@media (min-width: 360px) and (max-width: 479px) {\n .size-table {\n font-size: 11px;\n }\n .size-table th,\n .size-table td {\n padding: 10px;\n }\n}\n\n@media (max-width: 359px) {\n .size-table {\n font-size: 10px;\n }\n .size-table th,\n .size-table td {\n padding: 8px;\n }\n}\n\n.size-table th {\n text-align: center;\n font-weight: 600;\n color: white;\n background: linear-gradient(135deg, #f87171 0%, #fca5a5 100%);\n letter-spacing: 0.5px;\n white-space: nowrap;\n line-height: 1.4;\n vertical-align: middle;\n border-right: 1px solid rgba(255, 255, 255, 0.2);\n}\n\n.size-table th:last-child {\n border-right: none;\n}\n\n.size-table td {\n text-align: center;\n border-bottom: 1px solid #f0f0f0;\n border-right: 1px solid #f5f5f5;\n color: #4a4a4a;\n font-weight: 400;\n white-space: nowrap;\n line-height: 1.4;\n vertical-align: middle;\n}\n\n.size-table td:last-child {\n border-right: none;\n}\n\n.size-table tr:last-child td {\n border-bottom: none;\n}\n\n.size-table tbody tr {\n transition: background 0.2s ease;\n}\n\n@media (hover: hover) {\n .size-table tbody tr:hover {\n background: #fef2f2;\n }\n}\n\n.size-note {\n font-size: clamp(12px, 2.8vw, 13px);\n color: #666;\n font-style: italic;\n margin-top: 16px;\n padding: clamp(10px, 2.5vw, 12px) clamp(12px, 3vw, 16px);\n background: #fef2f2;\n border-left: 3px solid #f87171;\n border-radius: 4px;\n}\n\n.detail-text {\n font-size: clamp(14px, 3.2vw, 15px);\n font-weight: 300;\n color: #4a4a4a;\n line-height: 1.8;\n margin-bottom: 16px;\n}\n\u003c\/style\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003cp class=\"intro-text\"\u003e\u003cstrong\u003eDesigned to take you from hike to beach to poolside bar, the Sea To Shore 2N1 Volley Short combines a fade-resistant, quick-drain stretch shell with a DropTemp® Cooling Hydro Mesh liner for ultralight support.\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003eInnovated in Canada, Canada's #1 and the original men's pouch underwear was created right here in Canada. With the BallPark Pouch®, a security zip pocket, and a full-elastic waist, it's built for easy transitions from water to whatever's next.\u003c\/p\u003e\n\u003cdetails class=\"accordion-item\"\u003e\n\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eFeatures\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eDropTemp® Cooling Technology\u003c\/h3\u003e\n\u003cp\u003eKeeps you cool all day without chemicals.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eBallPark Pouch®\u003c\/h3\u003e\n\u003cp\u003eHolds everything in place for chafe-free, natural support.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eFade Resistant\u003c\/h3\u003e\n\u003cp\u003eResists fading from chlorine and saltwater exposure.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eFull Elastic Waist\u003c\/h3\u003e\n\u003cp\u003eConvertible drawcord can be worn inside or out for customizable fit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eStash Pocket\u003c\/h3\u003e\n\u003cp\u003eLiner pocket large enough for phone storage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eBalloon's Away Vent\u003c\/h3\u003e\n\u003cp\u003eFly vent allows unflattering air to escape your swim shorts.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eQuick-Dry\u003c\/h3\u003e\n\u003cp\u003eFast-drying fabric for all-day comfort.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eNo-RideUp Leg™\u003c\/h3\u003e\n\u003cp\u003ePrevents distracting leg ride up during activity.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003e4-Way Stretch\u003c\/h3\u003e\n\u003cp\u003eUnrestricted movement in all directions.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eFlat Out Seams®\u003c\/h3\u003e\n\u003cp\u003eEliminate chafed skin for maximum comfort.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"accordion-item\"\u003e\n\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eFit \u0026amp; Fabric\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eHybrid Design\u003c\/h3\u003e\n\u003cp\u003eShell: Relaxed fit with 6\" inseam. Liner: Slim fit with 6\" inseam for optimal support and coverage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003ePerformance Materials\u003c\/h3\u003e\n\u003cp\u003eShell: 88% Polyester, 12% Elastane. Liner: 87% Polyester, 13% Elastane for maximum stretch and durability.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eCare Instructions\u003c\/h3\u003e\n\u003cp\u003eMachine wash cold with like colors on gentle cycle. Use only non-chlorine bleach when needed. Tumble dry low and iron on low heat. Rinse in cold water and hang or tumble dry low after each use.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"accordion-item\"\u003e\n\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eSizing\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"size-table-wrapper\"\u003e\n\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eSize\u003c\/th\u003e\n\u003cth\u003eXS\u003c\/th\u003e\n\u003cth\u003eS\u003c\/th\u003e\n\u003cth\u003eM\u003c\/th\u003e\n\u003cth\u003eL\u003c\/th\u003e\n\u003cth\u003eXL\u003c\/th\u003e\n\u003cth\u003eXXL\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eWaist (inches)\u003c\/td\u003e\n\u003ctd\u003e28-29\u003c\/td\u003e\n\u003ctd\u003e30-32\u003c\/td\u003e\n\u003ctd\u003e33-35\u003c\/td\u003e\n\u003ctd\u003e36-38\u003c\/td\u003e\n\u003ctd\u003e39-42\u003c\/td\u003e\n\u003ctd\u003e43-46\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003cp class=\"size-note\"\u003eAll measurements are in inches. Measure around your natural waistline for the best fit.\u003c\/p\u003e\n\u003cdiv style=\"margin-top: 24px;\" class=\"size-table-wrapper\"\u003e\n\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eCollection\u003c\/th\u003e\n\u003cth\u003eOh Buoy\u003c\/th\u003e\n\u003cth\u003eHarbormaster\u003c\/th\u003e\n\u003cth\u003eSea To Shore\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eInseam (inches)\u003c\/td\u003e\n\u003ctd\u003e5\/7\u003c\/td\u003e\n\u003ctd\u003e5\u003c\/td\u003e\n\u003ctd\u003e6\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Saxx","offers":[{"title":"Big Daisy\/Orchid \/ S \/ Mens","offer_id":53265628954990,"sku":"SAX62M222003","price":59.49,"currency_code":"CAD","in_stock":false},{"title":"Big Daisy\/Orchid \/ M \/ Mens","offer_id":53265628987758,"sku":"SAX62M222004","price":59.49,"currency_code":"CAD","in_stock":true},{"title":"Big Daisy\/Orchid \/ L \/ Mens","offer_id":53265629020526,"sku":"SAX62M222005","price":59.49,"currency_code":"CAD","in_stock":true},{"title":"Big Daisy\/Orchid \/ XL \/ Mens","offer_id":53265629053294,"sku":"SAX62M222006","price":59.49,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/SeaToShore2in1-BigDaisy.png?v=1770748248"},{"product_id":"saxx-mens-oh-buoy-2n1-volley-7-short-black-spring-2026","title":"Oh Buoy 2N1 Volley 7\" Short","description":"\u003cstyle\u003e\n.product-description {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;\n color: #1a1a1a;\n line-height: 1.7;\n max-width: 800px;\n margin: 0;\n padding: 0;\n}\n\n.intro-text {\n font-size: clamp(15px, 3.5vw, 16px);\n font-weight: 300;\n margin-bottom: 32px;\n color: #2c2c2c;\n line-height: 1.8;\n padding-left: 16px;\n border-left: 3px solid #f87171;\n}\n\n.accordion-item {\n border-bottom: 1px solid #e0e0e0;\n transition: border-color 0.2s ease;\n}\n\n.accordion-item:hover {\n border-bottom-color: #f87171;\n}\n\n.accordion-item:last-child {\n border-bottom: none;\n}\n\n.accordion-summary {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: clamp(16px, 4vw, 20px) 0;\n cursor: pointer;\n list-style: none;\n font-size: clamp(12px, 2.8vw, 13px);\n font-weight: 500;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n color: #1a1a1a;\n transition: all 0.3s ease;\n position: relative;\n min-height: 44px;\n}\n\n.accordion-summary::before {\n content: '';\n position: absolute;\n left: 0;\n bottom: 0;\n width: 0;\n height: 2px;\n background: linear-gradient(90deg, #f87171, #fca5a5);\n transition: width 0.3s ease;\n}\n\n@media (hover: hover) {\n .accordion-summary:hover::before {\n width: 60px;\n }\n .accordion-summary:hover {\n color: #f87171;\n padding-left: 8px;\n }\n}\n\n.accordion-summary::-webkit-details-marker {\n display: none;\n}\n\n.accordion-icon {\n font-size: 20px;\n font-weight: 300;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n color: #999;\n min-width: 20px;\n text-align: center;\n}\n\n.accordion-item[open] .accordion-icon {\n transform: rotate(45deg);\n color: #f87171;\n}\n\n.accordion-content {\n padding: 0 0 24px 0;\n animation: slideDown 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n@keyframes slideDown {\n from {\n opacity: 0;\n transform: translateY(-12px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n.features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));\n gap: clamp(16px, 4vw, 20px);\n margin-top: 8px;\n}\n\n.feature-item {\n padding: 16px;\n background: linear-gradient(135deg, #fafafa 0%, #ffffff 100%);\n border-radius: 8px;\n border: 1px solid #f0f0f0;\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n}\n\n.feature-item::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 4px;\n height: 0;\n background: linear-gradient(180deg, #f87171, #fca5a5);\n transition: height 0.3s ease;\n}\n\n@media (hover: hover) {\n .feature-item:hover {\n transform: translateY(-2px);\n box-shadow: 0 4px 12px rgba(248, 113, 113, 0.1);\n border-color: #fecaca;\n }\n .feature-item:hover::before {\n height: 100%;\n }\n}\n\n.feature-item h3 {\n font-size: clamp(13px, 3vw, 14px);\n font-weight: 600;\n color: #1a1a1a;\n margin-bottom: 6px;\n}\n\n.feature-item p {\n font-size: clamp(13px, 3vw, 14px);\n font-weight: 300;\n color: #666;\n margin: 0;\n line-height: 1.6;\n}\n\n.size-table-wrapper {\n width: 100%;\n overflow-x: auto;\n margin: 16px 0;\n border-radius: 8px;\n border: 1px solid #f0f0f0;\n background: white;\n -webkit-overflow-scrolling: touch;\n}\n\n.size-table {\n width: 100%;\n border-collapse: collapse;\n background: white;\n}\n\n@media (min-width: 1024px) {\n .size-table {\n font-size: 14px;\n }\n .size-table th,\n .size-table td {\n padding: 16px;\n }\n}\n\n@media (min-width: 768px) and (max-width: 1023px) {\n .size-table {\n font-size: 13px;\n }\n .size-table th,\n .size-table td {\n padding: 14px;\n }\n}\n\n@media (min-width: 480px) and (max-width: 767px) {\n .size-table {\n font-size: 12px;\n }\n .size-table th,\n .size-table td {\n padding: 12px;\n }\n}\n\n@media (min-width: 360px) and (max-width: 479px) {\n .size-table {\n font-size: 11px;\n }\n .size-table th,\n .size-table td {\n padding: 10px;\n }\n}\n\n@media (max-width: 359px) {\n .size-table {\n font-size: 10px;\n }\n .size-table th,\n .size-table td {\n padding: 8px;\n }\n}\n\n.size-table th {\n text-align: center;\n font-weight: 600;\n color: white;\n background: linear-gradient(135deg, #f87171 0%, #fca5a5 100%);\n letter-spacing: 0.5px;\n white-space: nowrap;\n line-height: 1.4;\n vertical-align: middle;\n border-right: 1px solid rgba(255, 255, 255, 0.2);\n}\n\n.size-table th:last-child {\n border-right: none;\n}\n\n.size-table td {\n text-align: center;\n border-bottom: 1px solid #f0f0f0;\n border-right: 1px solid #f5f5f5;\n color: #4a4a4a;\n font-weight: 400;\n white-space: nowrap;\n line-height: 1.4;\n vertical-align: middle;\n}\n\n.size-table td:last-child {\n border-right: none;\n}\n\n.size-table tr:last-child td {\n border-bottom: none;\n}\n\n.size-table tbody tr {\n transition: background 0.2s ease;\n}\n\n@media (hover: hover) {\n .size-table tbody tr:hover {\n background: #fef2f2;\n }\n}\n\n.size-note {\n font-size: clamp(12px, 2.8vw, 13px);\n color: #666;\n font-style: italic;\n margin-top: 16px;\n padding: clamp(10px, 2.5vw, 12px) clamp(12px, 3vw, 16px);\n background: #fef2f2;\n border-left: 3px solid #f87171;\n border-radius: 4px;\n}\n\n.detail-text {\n font-size: clamp(14px, 3.2vw, 15px);\n font-weight: 300;\n color: #4a4a4a;\n line-height: 1.8;\n margin-bottom: 16px;\n}\n\u003c\/style\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003cp class=\"intro-text\"\u003e\u003cstrong\u003eA Swim Short equipped with a 4-way stretch shell for unrestricted movement, Oh Buoy provides all day cooling comfort thanks to its integrated BallPark Pouch® and DropTemp® Cooling Hydro Liner.\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003eInnovated in Canada, Canada's #1 and the original men's pouch underwear was created right here in Canada. This 2-in-1 volley short combines performance swim technology with built-in support for ultimate versatility.\u003c\/p\u003e\n\u003cdetails class=\"accordion-item\"\u003e\n\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eShell Features\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003e4-Way Stretch\u003c\/h3\u003e\n\u003cp\u003eUnrestricted movement for active water sports.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eAdjustable Drawcord Waist\u003c\/h3\u003e\n\u003cp\u003eCustomizable fit for secure comfort.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eRear Security Pocket\u003c\/h3\u003e\n\u003cp\u003eRear pocket with security key loop for valuables.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eFade-Resistant\u003c\/h3\u003e\n\u003cp\u003eResists fading from chlorine and saltwater exposure.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eQuick-Drain Pockets\u003c\/h3\u003e\n\u003cp\u003eWater drains quickly for faster drying.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eQuick-Dry Technology\u003c\/h3\u003e\n\u003cp\u003eFast-drying fabric for all-day comfort.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"accordion-item\"\u003e\n\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eLiner Features\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eDropTemp® Cooling Technology\u003c\/h3\u003e\n\u003cp\u003eKeeps you cool all day without chemicals.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eBallPark Pouch®\u003c\/h3\u003e\n\u003cp\u003eHolds everything in place for chafe-free, natural support.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eNo-RideUp Leg™\u003c\/h3\u003e\n\u003cp\u003ePrevents distracting leg ride up during activity.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eFlat Out Seams®\u003c\/h3\u003e\n\u003cp\u003eEliminate chafed skin for maximum comfort.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eThree-D Fit® Construction\u003c\/h3\u003e\n\u003cp\u003e9-panel construction for superior fit and support.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eStash Pocket\u003c\/h3\u003e\n\u003cp\u003eEasy access stash pocket on leg for small essentials.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eOdor-Resistant\u003c\/h3\u003e\n\u003cp\u003eQuick-dry and quick-drain properties resist odor buildup.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"accordion-item\"\u003e\n\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eFit \u0026amp; Fabric\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eVolley Short Design\u003c\/h3\u003e\n\u003cp\u003eShell: Relaxed fit with 7\" inseam. Liner: Slim fit with 6\" inseam for optimal support and coverage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003ePerformance Materials\u003c\/h3\u003e\n\u003cp\u003eShell: 88% Polyester, 12% Elastane. Liner: 87% Polyester, 13% Elastane for maximum stretch and durability.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eCare Instructions\u003c\/h3\u003e\n\u003cp\u003eMachine wash cold with like colors on gentle cycle. Use only non-chlorine bleach when needed. Tumble dry low and iron on low heat. Rinse in cold water and hang or tumble dry low after each use.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"accordion-item\"\u003e\n\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eSizing\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"size-table-wrapper\"\u003e\n\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eSize\u003c\/th\u003e\n\u003cth\u003eXS\u003c\/th\u003e\n\u003cth\u003eS\u003c\/th\u003e\n\u003cth\u003eM\u003c\/th\u003e\n\u003cth\u003eL\u003c\/th\u003e\n\u003cth\u003eXL\u003c\/th\u003e\n\u003cth\u003eXXL\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eWaist (inches)\u003c\/td\u003e\n\u003ctd\u003e28-29\u003c\/td\u003e\n\u003ctd\u003e30-32\u003c\/td\u003e\n\u003ctd\u003e33-35\u003c\/td\u003e\n\u003ctd\u003e36-38\u003c\/td\u003e\n\u003ctd\u003e39-42\u003c\/td\u003e\n\u003ctd\u003e43-46\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003cp class=\"size-note\"\u003eAll measurements are in inches. Measure around your natural waistline for the best fit.\u003c\/p\u003e\n\u003cdiv style=\"margin-top: 24px;\" class=\"size-table-wrapper\"\u003e\n\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eCollection\u003c\/th\u003e\n\u003cth\u003eOh Buoy\u003c\/th\u003e\n\u003cth\u003eHarbormaster\u003c\/th\u003e\n\u003cth\u003eSea To Shore\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eInseam (inches)\u003c\/td\u003e\n\u003ctd\u003e5\/7\u003c\/td\u003e\n\u003ctd\u003e5\u003c\/td\u003e\n\u003ctd\u003e6\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Saxx","offers":[{"title":"Black \/ S \/ Mens","offer_id":53265629086062,"sku":"SAX62M249003","price":55.99,"currency_code":"CAD","in_stock":true},{"title":"Black \/ M \/ Mens","offer_id":53265629118830,"sku":"SAX62M249004","price":55.99,"currency_code":"CAD","in_stock":true},{"title":"Black \/ L \/ Mens","offer_id":53265629151598,"sku":"SAX62M249005","price":55.99,"currency_code":"CAD","in_stock":false},{"title":"Black \/ XL \/ Mens","offer_id":53265629184366,"sku":"SAX62M249006","price":55.99,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/OhBuoy2in1-Black.png?v=1770747645"},{"product_id":"saxx-mens-oh-buoy-2n1-volley-7-short-aqua-gingham-spring-2026","title":"Oh Buoy 2N1 Volley 7\" Short","description":"\u003cstyle\u003e\n.product-description {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;\n color: #1a1a1a;\n line-height: 1.7;\n max-width: 800px;\n margin: 0;\n padding: 0;\n}\n\n.intro-text {\n font-size: clamp(15px, 3.5vw, 16px);\n font-weight: 300;\n margin-bottom: 32px;\n color: #2c2c2c;\n line-height: 1.8;\n padding-left: 16px;\n border-left: 3px solid #f87171;\n}\n\n.accordion-item {\n border-bottom: 1px solid #e0e0e0;\n transition: border-color 0.2s ease;\n}\n\n.accordion-item:hover {\n border-bottom-color: #f87171;\n}\n\n.accordion-item:last-child {\n border-bottom: none;\n}\n\n.accordion-summary {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: clamp(16px, 4vw, 20px) 0;\n cursor: pointer;\n list-style: none;\n font-size: clamp(12px, 2.8vw, 13px);\n font-weight: 500;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n color: #1a1a1a;\n transition: all 0.3s ease;\n position: relative;\n min-height: 44px;\n}\n\n.accordion-summary::before {\n content: '';\n position: absolute;\n left: 0;\n bottom: 0;\n width: 0;\n height: 2px;\n background: linear-gradient(90deg, #f87171, #fca5a5);\n transition: width 0.3s ease;\n}\n\n@media (hover: hover) {\n .accordion-summary:hover::before {\n width: 60px;\n }\n .accordion-summary:hover {\n color: #f87171;\n padding-left: 8px;\n }\n}\n\n.accordion-summary::-webkit-details-marker {\n display: none;\n}\n\n.accordion-icon {\n font-size: 20px;\n font-weight: 300;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n color: #999;\n min-width: 20px;\n text-align: center;\n}\n\n.accordion-item[open] .accordion-icon {\n transform: rotate(45deg);\n color: #f87171;\n}\n\n.accordion-content {\n padding: 0 0 24px 0;\n animation: slideDown 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n@keyframes slideDown {\n from {\n opacity: 0;\n transform: translateY(-12px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n.features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));\n gap: clamp(16px, 4vw, 20px);\n margin-top: 8px;\n}\n\n.feature-item {\n padding: 16px;\n background: linear-gradient(135deg, #fafafa 0%, #ffffff 100%);\n border-radius: 8px;\n border: 1px solid #f0f0f0;\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n}\n\n.feature-item::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 4px;\n height: 0;\n background: linear-gradient(180deg, #f87171, #fca5a5);\n transition: height 0.3s ease;\n}\n\n@media (hover: hover) {\n .feature-item:hover {\n transform: translateY(-2px);\n box-shadow: 0 4px 12px rgba(248, 113, 113, 0.1);\n border-color: #fecaca;\n }\n .feature-item:hover::before {\n height: 100%;\n }\n}\n\n.feature-item h3 {\n font-size: clamp(13px, 3vw, 14px);\n font-weight: 600;\n color: #1a1a1a;\n margin-bottom: 6px;\n}\n\n.feature-item p {\n font-size: clamp(13px, 3vw, 14px);\n font-weight: 300;\n color: #666;\n margin: 0;\n line-height: 1.6;\n}\n\n.size-table-wrapper {\n width: 100%;\n overflow-x: auto;\n margin: 16px 0;\n border-radius: 8px;\n border: 1px solid #f0f0f0;\n background: white;\n -webkit-overflow-scrolling: touch;\n}\n\n.size-table {\n width: 100%;\n border-collapse: collapse;\n background: white;\n}\n\n@media (min-width: 1024px) {\n .size-table {\n font-size: 14px;\n }\n .size-table th,\n .size-table td {\n padding: 16px;\n }\n}\n\n@media (min-width: 768px) and (max-width: 1023px) {\n .size-table {\n font-size: 13px;\n }\n .size-table th,\n .size-table td {\n padding: 14px;\n }\n}\n\n@media (min-width: 480px) and (max-width: 767px) {\n .size-table {\n font-size: 12px;\n }\n .size-table th,\n .size-table td {\n padding: 12px;\n }\n}\n\n@media (min-width: 360px) and (max-width: 479px) {\n .size-table {\n font-size: 11px;\n }\n .size-table th,\n .size-table td {\n padding: 10px;\n }\n}\n\n@media (max-width: 359px) {\n .size-table {\n font-size: 10px;\n }\n .size-table th,\n .size-table td {\n padding: 8px;\n }\n}\n\n.size-table th {\n text-align: center;\n font-weight: 600;\n color: white;\n background: linear-gradient(135deg, #f87171 0%, #fca5a5 100%);\n letter-spacing: 0.5px;\n white-space: nowrap;\n line-height: 1.4;\n vertical-align: middle;\n border-right: 1px solid rgba(255, 255, 255, 0.2);\n}\n\n.size-table th:last-child {\n border-right: none;\n}\n\n.size-table td {\n text-align: center;\n border-bottom: 1px solid #f0f0f0;\n border-right: 1px solid #f5f5f5;\n color: #4a4a4a;\n font-weight: 400;\n white-space: nowrap;\n line-height: 1.4;\n vertical-align: middle;\n}\n\n.size-table td:last-child {\n border-right: none;\n}\n\n.size-table tr:last-child td {\n border-bottom: none;\n}\n\n.size-table tbody tr {\n transition: background 0.2s ease;\n}\n\n@media (hover: hover) {\n .size-table tbody tr:hover {\n background: #fef2f2;\n }\n}\n\n.size-note {\n font-size: clamp(12px, 2.8vw, 13px);\n color: #666;\n font-style: italic;\n margin-top: 16px;\n padding: clamp(10px, 2.5vw, 12px) clamp(12px, 3vw, 16px);\n background: #fef2f2;\n border-left: 3px solid #f87171;\n border-radius: 4px;\n}\n\n.detail-text {\n font-size: clamp(14px, 3.2vw, 15px);\n font-weight: 300;\n color: #4a4a4a;\n line-height: 1.8;\n margin-bottom: 16px;\n}\n\u003c\/style\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003cp class=\"intro-text\"\u003e\u003cstrong\u003eA Swim Short equipped with a 4-way stretch shell for unrestricted movement, Oh Buoy provides all day cooling comfort thanks to its integrated BallPark Pouch® and DropTemp® Cooling Hydro Liner.\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003eInnovated in Canada, Canada's #1 and the original men's pouch underwear was created right here in Canada. This 2-in-1 volley short combines performance swim technology with built-in support for ultimate versatility.\u003c\/p\u003e\n\u003cdetails class=\"accordion-item\"\u003e\n\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eShell Features\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003e4-Way Stretch\u003c\/h3\u003e\n\u003cp\u003eUnrestricted movement for active water sports.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eAdjustable Drawcord Waist\u003c\/h3\u003e\n\u003cp\u003eCustomizable fit for secure comfort.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eRear Security Pocket\u003c\/h3\u003e\n\u003cp\u003eRear pocket with security key loop for valuables.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eFade-Resistant\u003c\/h3\u003e\n\u003cp\u003eResists fading from chlorine and saltwater exposure.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eQuick-Drain Pockets\u003c\/h3\u003e\n\u003cp\u003eWater drains quickly for faster drying.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eQuick-Dry Technology\u003c\/h3\u003e\n\u003cp\u003eFast-drying fabric for all-day comfort.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"accordion-item\"\u003e\n\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eLiner Features\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eDropTemp® Cooling Technology\u003c\/h3\u003e\n\u003cp\u003eKeeps you cool all day without chemicals.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eBallPark Pouch®\u003c\/h3\u003e\n\u003cp\u003eHolds everything in place for chafe-free, natural support.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eNo-RideUp Leg™\u003c\/h3\u003e\n\u003cp\u003ePrevents distracting leg ride up during activity.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eFlat Out Seams®\u003c\/h3\u003e\n\u003cp\u003eEliminate chafed skin for maximum comfort.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eThree-D Fit® Construction\u003c\/h3\u003e\n\u003cp\u003e9-panel construction for superior fit and support.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eStash Pocket\u003c\/h3\u003e\n\u003cp\u003eEasy access stash pocket on leg for small essentials.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eOdor-Resistant\u003c\/h3\u003e\n\u003cp\u003eQuick-dry and quick-drain properties resist odor buildup.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"accordion-item\"\u003e\n\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eFit \u0026amp; Fabric\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eVolley Short Design\u003c\/h3\u003e\n\u003cp\u003eShell: Relaxed fit with 7\" inseam. Liner: Slim fit with 6\" inseam for optimal support and coverage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003ePerformance Materials\u003c\/h3\u003e\n\u003cp\u003eShell: 88% Polyester, 12% Elastane. Liner: 87% Polyester, 13% Elastane for maximum stretch and durability.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eCare Instructions\u003c\/h3\u003e\n\u003cp\u003eMachine wash cold with like colors on gentle cycle. Use only non-chlorine bleach when needed. Tumble dry low and iron on low heat. Rinse in cold water and hang or tumble dry low after each use.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"accordion-item\"\u003e\n\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eSizing\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"size-table-wrapper\"\u003e\n\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eSize\u003c\/th\u003e\n\u003cth\u003eXS\u003c\/th\u003e\n\u003cth\u003eS\u003c\/th\u003e\n\u003cth\u003eM\u003c\/th\u003e\n\u003cth\u003eL\u003c\/th\u003e\n\u003cth\u003eXL\u003c\/th\u003e\n\u003cth\u003eXXL\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eWaist (inches)\u003c\/td\u003e\n\u003ctd\u003e28-29\u003c\/td\u003e\n\u003ctd\u003e30-32\u003c\/td\u003e\n\u003ctd\u003e33-35\u003c\/td\u003e\n\u003ctd\u003e36-38\u003c\/td\u003e\n\u003ctd\u003e39-42\u003c\/td\u003e\n\u003ctd\u003e43-46\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003cp class=\"size-note\"\u003eAll measurements are in inches. Measure around your natural waistline for the best fit.\u003c\/p\u003e\n\u003cdiv style=\"margin-top: 24px;\" class=\"size-table-wrapper\"\u003e\n\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eCollection\u003c\/th\u003e\n\u003cth\u003eOh Buoy\u003c\/th\u003e\n\u003cth\u003eHarbormaster\u003c\/th\u003e\n\u003cth\u003eSea To Shore\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eInseam (inches)\u003c\/td\u003e\n\u003ctd\u003e5\/7\u003c\/td\u003e\n\u003ctd\u003e5\u003c\/td\u003e\n\u003ctd\u003e6\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Saxx","offers":[{"title":"Aqua Gingham \/ S \/ Mens","offer_id":53265629217134,"sku":"SAX62M254003","price":55.99,"currency_code":"CAD","in_stock":false},{"title":"Aqua Gingham \/ M \/ Mens","offer_id":53265629249902,"sku":"SAX62M254004","price":55.99,"currency_code":"CAD","in_stock":true},{"title":"Aqua Gingham \/ L \/ Mens","offer_id":53265629282670,"sku":"SAX62M254005","price":55.99,"currency_code":"CAD","in_stock":true},{"title":"Aqua Gingham \/ XL \/ Mens","offer_id":53265629315438,"sku":"SAX62M254006","price":55.99,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/OhBuoy2in1-IslandLineup.png?v=1770747797"},{"product_id":"saxx-mens-oh-buoy-2n1-volley-7-short-cactus-beach-peach-jelly-spring-2026","title":"Oh Buoy 2N1 Volley 7\" Short","description":"\u003cstyle\u003e\n.product-description {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;\n color: #1a1a1a;\n line-height: 1.7;\n max-width: 800px;\n margin: 0;\n padding: 0;\n}\n\n.intro-text {\n font-size: clamp(15px, 3.5vw, 16px);\n font-weight: 300;\n margin-bottom: 32px;\n color: #2c2c2c;\n line-height: 1.8;\n padding-left: 16px;\n border-left: 3px solid #f87171;\n}\n\n.accordion-item {\n border-bottom: 1px solid #e0e0e0;\n transition: border-color 0.2s ease;\n}\n\n.accordion-item:hover {\n border-bottom-color: #f87171;\n}\n\n.accordion-item:last-child {\n border-bottom: none;\n}\n\n.accordion-summary {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: clamp(16px, 4vw, 20px) 0;\n cursor: pointer;\n list-style: none;\n font-size: clamp(12px, 2.8vw, 13px);\n font-weight: 500;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n color: #1a1a1a;\n transition: all 0.3s ease;\n position: relative;\n min-height: 44px;\n}\n\n.accordion-summary::before {\n content: '';\n position: absolute;\n left: 0;\n bottom: 0;\n width: 0;\n height: 2px;\n background: linear-gradient(90deg, #f87171, #fca5a5);\n transition: width 0.3s ease;\n}\n\n@media (hover: hover) {\n .accordion-summary:hover::before {\n width: 60px;\n }\n .accordion-summary:hover {\n color: #f87171;\n padding-left: 8px;\n }\n}\n\n.accordion-summary::-webkit-details-marker {\n display: none;\n}\n\n.accordion-icon {\n font-size: 20px;\n font-weight: 300;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n color: #999;\n min-width: 20px;\n text-align: center;\n}\n\n.accordion-item[open] .accordion-icon {\n transform: rotate(45deg);\n color: #f87171;\n}\n\n.accordion-content {\n padding: 0 0 24px 0;\n animation: slideDown 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n@keyframes slideDown {\n from {\n opacity: 0;\n transform: translateY(-12px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n.features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));\n gap: clamp(16px, 4vw, 20px);\n margin-top: 8px;\n}\n\n.feature-item {\n padding: 16px;\n background: linear-gradient(135deg, #fafafa 0%, #ffffff 100%);\n border-radius: 8px;\n border: 1px solid #f0f0f0;\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n}\n\n.feature-item::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 4px;\n height: 0;\n background: linear-gradient(180deg, #f87171, #fca5a5);\n transition: height 0.3s ease;\n}\n\n@media (hover: hover) {\n .feature-item:hover {\n transform: translateY(-2px);\n box-shadow: 0 4px 12px rgba(248, 113, 113, 0.1);\n border-color: #fecaca;\n }\n .feature-item:hover::before {\n height: 100%;\n }\n}\n\n.feature-item h3 {\n font-size: clamp(13px, 3vw, 14px);\n font-weight: 600;\n color: #1a1a1a;\n margin-bottom: 6px;\n}\n\n.feature-item p {\n font-size: clamp(13px, 3vw, 14px);\n font-weight: 300;\n color: #666;\n margin: 0;\n line-height: 1.6;\n}\n\n.size-table-wrapper {\n width: 100%;\n overflow-x: auto;\n margin: 16px 0;\n border-radius: 8px;\n border: 1px solid #f0f0f0;\n background: white;\n -webkit-overflow-scrolling: touch;\n}\n\n.size-table {\n width: 100%;\n border-collapse: collapse;\n background: white;\n}\n\n@media (min-width: 1024px) {\n .size-table {\n font-size: 14px;\n }\n .size-table th,\n .size-table td {\n padding: 16px;\n }\n}\n\n@media (min-width: 768px) and (max-width: 1023px) {\n .size-table {\n font-size: 13px;\n }\n .size-table th,\n .size-table td {\n padding: 14px;\n }\n}\n\n@media (min-width: 480px) and (max-width: 767px) {\n .size-table {\n font-size: 12px;\n }\n .size-table th,\n .size-table td {\n padding: 12px;\n }\n}\n\n@media (min-width: 360px) and (max-width: 479px) {\n .size-table {\n font-size: 11px;\n }\n .size-table th,\n .size-table td {\n padding: 10px;\n }\n}\n\n@media (max-width: 359px) {\n .size-table {\n font-size: 10px;\n }\n .size-table th,\n .size-table td {\n padding: 8px;\n }\n}\n\n.size-table th {\n text-align: center;\n font-weight: 600;\n color: white;\n background: linear-gradient(135deg, #f87171 0%, #fca5a5 100%);\n letter-spacing: 0.5px;\n white-space: nowrap;\n line-height: 1.4;\n vertical-align: middle;\n border-right: 1px solid rgba(255, 255, 255, 0.2);\n}\n\n.size-table th:last-child {\n border-right: none;\n}\n\n.size-table td {\n text-align: center;\n border-bottom: 1px solid #f0f0f0;\n border-right: 1px solid #f5f5f5;\n color: #4a4a4a;\n font-weight: 400;\n white-space: nowrap;\n line-height: 1.4;\n vertical-align: middle;\n}\n\n.size-table td:last-child {\n border-right: none;\n}\n\n.size-table tr:last-child td {\n border-bottom: none;\n}\n\n.size-table tbody tr {\n transition: background 0.2s ease;\n}\n\n@media (hover: hover) {\n .size-table tbody tr:hover {\n background: #fef2f2;\n }\n}\n\n.size-note {\n font-size: clamp(12px, 2.8vw, 13px);\n color: #666;\n font-style: italic;\n margin-top: 16px;\n padding: clamp(10px, 2.5vw, 12px) clamp(12px, 3vw, 16px);\n background: #fef2f2;\n border-left: 3px solid #f87171;\n border-radius: 4px;\n}\n\n.detail-text {\n font-size: clamp(14px, 3.2vw, 15px);\n font-weight: 300;\n color: #4a4a4a;\n line-height: 1.8;\n margin-bottom: 16px;\n}\n\u003c\/style\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003cp class=\"intro-text\"\u003e\u003cstrong\u003eA Swim Short equipped with a 4-way stretch shell for unrestricted movement, Oh Buoy provides all day cooling comfort thanks to its integrated BallPark Pouch® and DropTemp® Cooling Hydro Liner.\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003eInnovated in Canada, Canada's #1 and the original men's pouch underwear was created right here in Canada. This 2-in-1 volley short combines performance swim technology with built-in support for ultimate versatility.\u003c\/p\u003e\n\u003cdetails class=\"accordion-item\"\u003e\n\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eShell Features\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003e4-Way Stretch\u003c\/h3\u003e\n\u003cp\u003eUnrestricted movement for active water sports.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eAdjustable Drawcord Waist\u003c\/h3\u003e\n\u003cp\u003eCustomizable fit for secure comfort.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eRear Security Pocket\u003c\/h3\u003e\n\u003cp\u003eRear pocket with security key loop for valuables.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eFade-Resistant\u003c\/h3\u003e\n\u003cp\u003eResists fading from chlorine and saltwater exposure.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eQuick-Drain Pockets\u003c\/h3\u003e\n\u003cp\u003eWater drains quickly for faster drying.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eQuick-Dry Technology\u003c\/h3\u003e\n\u003cp\u003eFast-drying fabric for all-day comfort.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"accordion-item\"\u003e\n\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eLiner Features\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eDropTemp® Cooling Technology\u003c\/h3\u003e\n\u003cp\u003eKeeps you cool all day without chemicals.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eBallPark Pouch®\u003c\/h3\u003e\n\u003cp\u003eHolds everything in place for chafe-free, natural support.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eNo-RideUp Leg™\u003c\/h3\u003e\n\u003cp\u003ePrevents distracting leg ride up during activity.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eFlat Out Seams®\u003c\/h3\u003e\n\u003cp\u003eEliminate chafed skin for maximum comfort.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eThree-D Fit® Construction\u003c\/h3\u003e\n\u003cp\u003e9-panel construction for superior fit and support.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eStash Pocket\u003c\/h3\u003e\n\u003cp\u003eEasy access stash pocket on leg for small essentials.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eOdor-Resistant\u003c\/h3\u003e\n\u003cp\u003eQuick-dry and quick-drain properties resist odor buildup.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"accordion-item\"\u003e\n\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eFit \u0026amp; Fabric\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eVolley Short Design\u003c\/h3\u003e\n\u003cp\u003eShell: Relaxed fit with 7\" inseam. Liner: Slim fit with 6\" inseam for optimal support and coverage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003ePerformance Materials\u003c\/h3\u003e\n\u003cp\u003eShell: 88% Polyester, 12% Elastane. Liner: 87% Polyester, 13% Elastane for maximum stretch and durability.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eCare Instructions\u003c\/h3\u003e\n\u003cp\u003eMachine wash cold with like colors on gentle cycle. Use only non-chlorine bleach when needed. Tumble dry low and iron on low heat. Rinse in cold water and hang or tumble dry low after each use.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"accordion-item\"\u003e\n\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eSizing\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"size-table-wrapper\"\u003e\n\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eSize\u003c\/th\u003e\n\u003cth\u003eXS\u003c\/th\u003e\n\u003cth\u003eS\u003c\/th\u003e\n\u003cth\u003eM\u003c\/th\u003e\n\u003cth\u003eL\u003c\/th\u003e\n\u003cth\u003eXL\u003c\/th\u003e\n\u003cth\u003eXXL\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eWaist (inches)\u003c\/td\u003e\n\u003ctd\u003e28-29\u003c\/td\u003e\n\u003ctd\u003e30-32\u003c\/td\u003e\n\u003ctd\u003e33-35\u003c\/td\u003e\n\u003ctd\u003e36-38\u003c\/td\u003e\n\u003ctd\u003e39-42\u003c\/td\u003e\n\u003ctd\u003e43-46\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003cp class=\"size-note\"\u003eAll measurements are in inches. Measure around your natural waistline for the best fit.\u003c\/p\u003e\n\u003cdiv style=\"margin-top: 24px;\" class=\"size-table-wrapper\"\u003e\n\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eCollection\u003c\/th\u003e\n\u003cth\u003eOh Buoy\u003c\/th\u003e\n\u003cth\u003eHarbormaster\u003c\/th\u003e\n\u003cth\u003eSea To Shore\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eInseam (inches)\u003c\/td\u003e\n\u003ctd\u003e5\/7\u003c\/td\u003e\n\u003ctd\u003e5\u003c\/td\u003e\n\u003ctd\u003e6\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Saxx","offers":[{"title":"Cactus Beach\/Peach Jelly \/ S \/ Mens","offer_id":53265629348206,"sku":"SAX62M257003","price":55.99,"currency_code":"CAD","in_stock":false},{"title":"Cactus Beach\/Peach Jelly \/ M \/ Mens","offer_id":53265629380974,"sku":"SAX62M257004","price":55.99,"currency_code":"CAD","in_stock":true},{"title":"Cactus Beach\/Peach Jelly \/ L \/ Mens","offer_id":53265629413742,"sku":"SAX62M257005","price":55.99,"currency_code":"CAD","in_stock":true},{"title":"Cactus Beach\/Peach Jelly \/ XL \/ Mens","offer_id":53265629446510,"sku":"SAX62M257006","price":55.99,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/OhBuoy2in1-CactusB_each.png?v=1770747801"},{"product_id":"patagonia-mens-baggies-5-short-95-oval-logo-faded-magenta-spring-2026","title":"Baggies 5\" Short","description":"\u003cstyle\u003e\n.product-description {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;\n color: #1a1a1a;\n line-height: 1.7;\n max-width: 800px;\n margin: 0;\n padding: 0;\n}\n\n.intro-text {\n font-size: clamp(15px, 3.5vw, 16px);\n font-weight: 300;\n margin-bottom: 32px;\n color: #2c2c2c;\n line-height: 1.8;\n padding-left: 16px;\n border-left: 3px solid #f87171;\n}\n\n.accordion-item {\n border-bottom: 1px solid #e0e0e0;\n transition: border-color 0.2s ease;\n}\n\n.accordion-item:hover {\n border-bottom-color: #f87171;\n}\n\n.accordion-item:last-child {\n border-bottom: none;\n}\n\n.accordion-summary {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: clamp(16px, 4vw, 20px) 0;\n cursor: pointer;\n list-style: none;\n font-size: clamp(12px, 2.8vw, 13px);\n font-weight: 500;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n color: #1a1a1a;\n transition: all 0.3s ease;\n position: relative;\n min-height: 44px;\n}\n\n.accordion-summary::before {\n content: '';\n position: absolute;\n left: 0;\n bottom: 0;\n width: 0;\n height: 2px;\n background: linear-gradient(90deg, #f87171, #fca5a5);\n transition: width 0.3s ease;\n}\n\n@media (hover: hover) {\n .accordion-summary:hover::before {\n width: 60px;\n }\n .accordion-summary:hover {\n color: #f87171;\n padding-left: 8px;\n }\n}\n\n.accordion-summary::-webkit-details-marker {\n display: none;\n}\n\n.accordion-icon {\n font-size: 20px;\n font-weight: 300;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n color: #999;\n min-width: 20px;\n text-align: center;\n}\n\n.accordion-item[open] .accordion-icon {\n transform: rotate(45deg);\n color: #f87171;\n}\n\n.accordion-content {\n padding: 0 0 24px 0;\n animation: slideDown 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n@keyframes slideDown {\n from {\n opacity: 0;\n transform: translateY(-12px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n.features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));\n gap: clamp(16px, 4vw, 20px);\n margin-top: 8px;\n}\n\n.feature-item {\n padding: 16px;\n background: linear-gradient(135deg, #fafafa 0%, #ffffff 100%);\n border-radius: 8px;\n border: 1px solid #f0f0f0;\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n}\n\n.feature-item::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 4px;\n height: 0;\n background: linear-gradient(180deg, #f87171, #fca5a5);\n transition: height 0.3s ease;\n}\n\n@media (hover: hover) {\n .feature-item:hover {\n transform: translateY(-2px);\n box-shadow: 0 4px 12px rgba(248, 113, 113, 0.1);\n border-color: #fecaca;\n }\n .feature-item:hover::before {\n height: 100%;\n }\n}\n\n.feature-item h3 {\n font-size: clamp(13px, 3vw, 14px);\n font-weight: 600;\n color: #1a1a1a;\n margin-bottom: 6px;\n}\n\n.feature-item p {\n font-size: clamp(13px, 3vw, 14px);\n font-weight: 300;\n color: #666;\n margin: 0;\n line-height: 1.6;\n}\n\n.size-table-wrapper {\n width: 100%;\n overflow-x: auto;\n margin: 16px 0;\n border-radius: 8px;\n border: 1px solid #f0f0f0;\n -webkit-overflow-scrolling: touch;\n}\n\n.size-table {\n width: 100%;\n min-width: min(100%, 700px);\n border-collapse: collapse;\n font-size: clamp(10px, 2.5vw, 14px);\n}\n\n.size-table th {\n text-align: center;\n font-weight: 600;\n color: white;\n padding: clamp(8px, 2vw, 16px);\n background: linear-gradient(135deg, #f87171 0%, #fca5a5 100%);\n font-size: clamp(10px, 2.5vw, 14px);\n letter-spacing: 0.5px;\n white-space: nowrap;\n line-height: 1.4;\n vertical-align: middle;\n border: 1px solid #fca5a5;\n}\n\n.size-table td {\n padding: clamp(8px, 2vw, 12px);\n border: 1px solid #f5f5f5;\n color: #4a4a4a;\n font-weight: 400;\n text-align: center;\n white-space: nowrap;\n line-height: 1.4;\n vertical-align: middle;\n background: white;\n}\n\n.size-table tbody tr {\n transition: background 0.2s ease;\n}\n\n@media (hover: hover) {\n .size-table tbody tr:hover {\n background: #fef2f2;\n }\n}\n\n.size-note {\n font-size: clamp(12px, 2.8vw, 13px);\n color: #666;\n font-style: italic;\n margin-top: 16px;\n padding: clamp(10px, 2.5vw, 12px) clamp(12px, 3vw, 16px);\n background: #fef2f2;\n border-left: 3px solid #f87171;\n border-radius: 4px;\n}\n\n.detail-text {\n font-size: clamp(14px, 3.2vw, 15px);\n font-weight: 300;\n color: #4a4a4a;\n line-height: 1.8;\n margin-bottom: 16px;\n}\n\n@media screen and (max-width: 768px) {\n .size-table {\n font-size: clamp(9px, 2.2vw, 12px);\n }\n .size-table th {\n padding: clamp(6px, 1.5vw, 14px);\n font-size: clamp(9px, 2.2vw, 12px);\n }\n .size-table td {\n padding: clamp(6px, 1.5vw, 12px);\n }\n}\n\n@media screen and (max-width: 480px) {\n .size-table {\n font-size: clamp(8px, 2vw, 11px);\n }\n .size-table th {\n padding: clamp(5px, 1.2vw, 12px);\n font-size: clamp(8px, 2vw, 11px);\n }\n .size-table td {\n padding: clamp(5px, 1.2vw, 10px);\n }\n}\n\n@media screen and (max-width: 360px) {\n .size-table {\n font-size: clamp(7px, 1.8vw, 10px);\n }\n .size-table th {\n padding: clamp(4px, 1vw, 10px);\n font-size: clamp(7px, 1.8vw, 10px);\n }\n .size-table td {\n padding: clamp(4px, 1vw, 8px);\n }\n}\n\u003c\/style\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003cp class=\"intro-text\"\u003e\u003cstrong\u003eThese rugged, multifunctional shorts have a mesh liner and are designed for use in and out of the water.\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003eThey're built of quick-drying NetPlus® 100% postconsumer recycled nylon faille made from recycled fishing nets to help reduce ocean plastic pollution; with a durable water repellent (DWR) finish made without intentionally added PFAS. Inseam is 5\". Made in a Fair Trade Certified™ factory. Relaxed fit.\u003c\/p\u003e\n\u003cdetails class=\"accordion-item\"\u003e\n\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eFeatures\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eFabric Details\u003c\/h3\u003e\n\u003cp\u003eBody fabric is NetPlus® 100% postconsumer recycled nylon faille made from recycled fishing nets to help reduce ocean plastic pollution; with a durable water repellent (DWR) finish made without intentionally added PFAS to help shed light moisture\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eQuick-Dry Mesh Liner\u003c\/h3\u003e\n\u003cp\u003eMesh liner dries quickly and is made of 100% recycled polyester\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eElastic Waistband\u003c\/h3\u003e\n\u003cp\u003eElasticized waistband with an internal drawcord to customize the fit\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003ePocket Details\u003c\/h3\u003e\n\u003cp\u003eVertical side pockets reduce drag in the water and have drain-and-dry mesh corners in the pocket bags; one right-rear pocket has a mesh pocket bag and closes with a flap and a low-profile snap for security\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eInseam Length\u003c\/h3\u003e\n\u003cp\u003e5\" inseam\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eFair Trade Certified™\u003c\/h3\u003e\n\u003cp\u003eMade in a Fair Trade Certified™ factory, which means the people who made this product earned a premium for their labor\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"accordion-item\"\u003e\n\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eFabric \u0026amp; Care\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cp class=\"detail-text\"\u003e\u003cstrong\u003eBody:\u003c\/strong\u003e 4-ply, 4.9-oz NetPlus® 100% postconsumer recycled nylon faille made from recycled fishing nets to help reduce ocean plastic pollution; with a durable water repellent (DWR) finish made without intentionally added PFAS\u003c\/p\u003e\n\u003cp class=\"detail-text\"\u003e\u003cstrong\u003eLiner and pocket bags:\u003c\/strong\u003e 2.1-oz 100% recycled polyester tricot mesh\u003c\/p\u003e\n\u003cp class=\"detail-text\"\u003eFabrics are certified as bluesign® approved. Made in a Fair Trade Certified™ factory.\u003c\/p\u003e\n\u003cp class=\"detail-text\"\u003e\u003cstrong\u003eWeight:\u003c\/strong\u003e 204 g (7.2 oz)\u003c\/p\u003e\n\u003cp class=\"detail-text\"\u003e\u003cstrong\u003eCountry of Origin:\u003c\/strong\u003e Made in Nicaragua.\u003c\/p\u003e\n\u003cp class=\"detail-text\"\u003e\u003cstrong\u003eCare Instructions:\u003c\/strong\u003e Machine Wash Cold, Do Not Bleach, Tumble Dry Low, Do Not Iron\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Patagonia","offers":[{"title":"95 Oval Logo\/Faded Magenta \/ S \/ Mens","offer_id":53265699602798,"sku":"PAT62M006003","price":59.49,"currency_code":"CAD","in_stock":false},{"title":"95 Oval Logo\/Faded Magenta \/ M \/ Mens","offer_id":53265699635566,"sku":"PAT62M006004","price":59.49,"currency_code":"CAD","in_stock":false},{"title":"95 Oval Logo\/Faded Magenta \/ L \/ Mens","offer_id":53265699668334,"sku":"PAT62M006005","price":59.49,"currency_code":"CAD","in_stock":false},{"title":"95 Oval Logo\/Faded Magenta \/ XL \/ Mens","offer_id":53265699701102,"sku":"PAT62M006006","price":59.49,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/Baggies5_Short-95Oval_FadedMagenta-4.png?v=1772216887"},{"product_id":"patagonia-mens-baggies-5-short-95-oval-logo-gem-green-spring-2026","title":"Baggies 5\" Short","description":"\u003cstyle\u003e\n.product-description {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;\n color: #1a1a1a;\n line-height: 1.7;\n max-width: 800px;\n margin: 0;\n padding: 0;\n}\n\n.intro-text {\n font-size: clamp(15px, 3.5vw, 16px);\n font-weight: 300;\n margin-bottom: 32px;\n color: #2c2c2c;\n line-height: 1.8;\n padding-left: 16px;\n border-left: 3px solid #f87171;\n}\n\n.accordion-item {\n border-bottom: 1px solid #e0e0e0;\n transition: border-color 0.2s ease;\n}\n\n.accordion-item:hover {\n border-bottom-color: #f87171;\n}\n\n.accordion-item:last-child {\n border-bottom: none;\n}\n\n.accordion-summary {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: clamp(16px, 4vw, 20px) 0;\n cursor: pointer;\n list-style: none;\n font-size: clamp(12px, 2.8vw, 13px);\n font-weight: 500;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n color: #1a1a1a;\n transition: all 0.3s ease;\n position: relative;\n min-height: 44px;\n}\n\n.accordion-summary::before {\n content: '';\n position: absolute;\n left: 0;\n bottom: 0;\n width: 0;\n height: 2px;\n background: linear-gradient(90deg, #f87171, #fca5a5);\n transition: width 0.3s ease;\n}\n\n@media (hover: hover) {\n .accordion-summary:hover::before {\n width: 60px;\n }\n .accordion-summary:hover {\n color: #f87171;\n padding-left: 8px;\n }\n}\n\n.accordion-summary::-webkit-details-marker {\n display: none;\n}\n\n.accordion-icon {\n font-size: 20px;\n font-weight: 300;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n color: #999;\n min-width: 20px;\n text-align: center;\n}\n\n.accordion-item[open] .accordion-icon {\n transform: rotate(45deg);\n color: #f87171;\n}\n\n.accordion-content {\n padding: 0 0 24px 0;\n animation: slideDown 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n@keyframes slideDown {\n from {\n opacity: 0;\n transform: translateY(-12px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n.features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));\n gap: clamp(16px, 4vw, 20px);\n margin-top: 8px;\n}\n\n.feature-item {\n padding: 16px;\n background: linear-gradient(135deg, #fafafa 0%, #ffffff 100%);\n border-radius: 8px;\n border: 1px solid #f0f0f0;\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n}\n\n.feature-item::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 4px;\n height: 0;\n background: linear-gradient(180deg, #f87171, #fca5a5);\n transition: height 0.3s ease;\n}\n\n@media (hover: hover) {\n .feature-item:hover {\n transform: translateY(-2px);\n box-shadow: 0 4px 12px rgba(248, 113, 113, 0.1);\n border-color: #fecaca;\n }\n .feature-item:hover::before {\n height: 100%;\n }\n}\n\n.feature-item h3 {\n font-size: clamp(13px, 3vw, 14px);\n font-weight: 600;\n color: #1a1a1a;\n margin-bottom: 6px;\n}\n\n.feature-item p {\n font-size: clamp(13px, 3vw, 14px);\n font-weight: 300;\n color: #666;\n margin: 0;\n line-height: 1.6;\n}\n\n.size-table-wrapper {\n width: 100%;\n overflow-x: auto;\n margin: 16px 0;\n border-radius: 8px;\n border: 1px solid #f0f0f0;\n -webkit-overflow-scrolling: touch;\n}\n\n.size-table {\n width: 100%;\n min-width: min(100%, 700px);\n border-collapse: collapse;\n font-size: clamp(10px, 2.5vw, 14px);\n}\n\n.size-table th {\n text-align: center;\n font-weight: 600;\n color: white;\n padding: clamp(8px, 2vw, 16px);\n background: linear-gradient(135deg, #f87171 0%, #fca5a5 100%);\n font-size: clamp(10px, 2.5vw, 14px);\n letter-spacing: 0.5px;\n white-space: nowrap;\n line-height: 1.4;\n vertical-align: middle;\n border: 1px solid #fca5a5;\n}\n\n.size-table td {\n padding: clamp(8px, 2vw, 12px);\n border: 1px solid #f5f5f5;\n color: #4a4a4a;\n font-weight: 400;\n text-align: center;\n white-space: nowrap;\n line-height: 1.4;\n vertical-align: middle;\n background: white;\n}\n\n.size-table tbody tr {\n transition: background 0.2s ease;\n}\n\n@media (hover: hover) {\n .size-table tbody tr:hover {\n background: #fef2f2;\n }\n}\n\n.size-note {\n font-size: clamp(12px, 2.8vw, 13px);\n color: #666;\n font-style: italic;\n margin-top: 16px;\n padding: clamp(10px, 2.5vw, 12px) clamp(12px, 3vw, 16px);\n background: #fef2f2;\n border-left: 3px solid #f87171;\n border-radius: 4px;\n}\n\n.detail-text {\n font-size: clamp(14px, 3.2vw, 15px);\n font-weight: 300;\n color: #4a4a4a;\n line-height: 1.8;\n margin-bottom: 16px;\n}\n\n@media screen and (max-width: 768px) {\n .size-table {\n font-size: clamp(9px, 2.2vw, 12px);\n }\n .size-table th {\n padding: clamp(6px, 1.5vw, 14px);\n font-size: clamp(9px, 2.2vw, 12px);\n }\n .size-table td {\n padding: clamp(6px, 1.5vw, 12px);\n }\n}\n\n@media screen and (max-width: 480px) {\n .size-table {\n font-size: clamp(8px, 2vw, 11px);\n }\n .size-table th {\n padding: clamp(5px, 1.2vw, 12px);\n font-size: clamp(8px, 2vw, 11px);\n }\n .size-table td {\n padding: clamp(5px, 1.2vw, 10px);\n }\n}\n\n@media screen and (max-width: 360px) {\n .size-table {\n font-size: clamp(7px, 1.8vw, 10px);\n }\n .size-table th {\n padding: clamp(4px, 1vw, 10px);\n font-size: clamp(7px, 1.8vw, 10px);\n }\n .size-table td {\n padding: clamp(4px, 1vw, 8px);\n }\n}\n\u003c\/style\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003cp class=\"intro-text\"\u003e\u003cstrong\u003eThese rugged, multifunctional shorts have a mesh liner and are designed for use in and out of the water.\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003eThey're built of quick-drying NetPlus® 100% postconsumer recycled nylon faille made from recycled fishing nets to help reduce ocean plastic pollution; with a durable water repellent (DWR) finish made without intentionally added PFAS. Inseam is 5\". Made in a Fair Trade Certified™ factory. Relaxed fit.\u003c\/p\u003e\n\u003cdetails class=\"accordion-item\"\u003e\n\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eFeatures\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eFabric Details\u003c\/h3\u003e\n\u003cp\u003eBody fabric is NetPlus® 100% postconsumer recycled nylon faille made from recycled fishing nets to help reduce ocean plastic pollution; with a durable water repellent (DWR) finish made without intentionally added PFAS to help shed light moisture\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eQuick-Dry Mesh Liner\u003c\/h3\u003e\n\u003cp\u003eMesh liner dries quickly and is made of 100% recycled polyester\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eElastic Waistband\u003c\/h3\u003e\n\u003cp\u003eElasticized waistband with an internal drawcord to customize the fit\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003ePocket Details\u003c\/h3\u003e\n\u003cp\u003eVertical side pockets reduce drag in the water and have drain-and-dry mesh corners in the pocket bags; one right-rear pocket has a mesh pocket bag and closes with a flap and a low-profile snap for security\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eInseam Length\u003c\/h3\u003e\n\u003cp\u003e5\" inseam\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eFair Trade Certified™\u003c\/h3\u003e\n\u003cp\u003eMade in a Fair Trade Certified™ factory, which means the people who made this product earned a premium for their labor\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"accordion-item\"\u003e\n\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eFabric \u0026amp; Care\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cp class=\"detail-text\"\u003e\u003cstrong\u003eBody:\u003c\/strong\u003e 4-ply, 4.9-oz NetPlus® 100% postconsumer recycled nylon faille made from recycled fishing nets to help reduce ocean plastic pollution; with a durable water repellent (DWR) finish made without intentionally added PFAS\u003c\/p\u003e\n\u003cp class=\"detail-text\"\u003e\u003cstrong\u003eLiner and pocket bags:\u003c\/strong\u003e 2.1-oz 100% recycled polyester tricot mesh\u003c\/p\u003e\n\u003cp class=\"detail-text\"\u003eFabrics are certified as bluesign® approved. Made in a Fair Trade Certified™ factory.\u003c\/p\u003e\n\u003cp class=\"detail-text\"\u003e\u003cstrong\u003eWeight:\u003c\/strong\u003e 204 g (7.2 oz)\u003c\/p\u003e\n\u003cp class=\"detail-text\"\u003e\u003cstrong\u003eCountry of Origin:\u003c\/strong\u003e Made in Nicaragua.\u003c\/p\u003e\n\u003cp class=\"detail-text\"\u003e\u003cstrong\u003eCare Instructions:\u003c\/strong\u003e Machine Wash Cold, Do Not Bleach, Tumble Dry Low, Do Not Iron\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Patagonia","offers":[{"title":"95 Oval Logo\/Gem Green \/ S \/ Mens","offer_id":53265699733870,"sku":"PAT62M007003","price":59.49,"currency_code":"CAD","in_stock":false},{"title":"95 Oval Logo\/Gem Green \/ M \/ Mens","offer_id":53265699766638,"sku":"PAT62M007004","price":59.49,"currency_code":"CAD","in_stock":true},{"title":"95 Oval Logo\/Gem Green \/ L \/ Mens","offer_id":53265699799406,"sku":"PAT62M007005","price":59.49,"currency_code":"CAD","in_stock":true},{"title":"95 Oval Logo\/Gem Green \/ XL \/ Mens","offer_id":53265699832174,"sku":"PAT62M007006","price":59.49,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/Baggies5_Short-95Oval_GemGreen-4.png?v=1772216887"},{"product_id":"patagonia-mens-baggies-5-short-orange-peel-spring-2026","title":"Baggies 5\" Short","description":"\u003cstyle\u003e\n.product-description {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;\n color: #1a1a1a;\n line-height: 1.7;\n max-width: 800px;\n margin: 0;\n padding: 0;\n}\n\n.intro-text {\n font-size: clamp(15px, 3.5vw, 16px);\n font-weight: 300;\n margin-bottom: 32px;\n color: #2c2c2c;\n line-height: 1.8;\n padding-left: 16px;\n border-left: 3px solid #f87171;\n}\n\n.accordion-item {\n border-bottom: 1px solid #e0e0e0;\n transition: border-color 0.2s ease;\n}\n\n.accordion-item:hover {\n border-bottom-color: #f87171;\n}\n\n.accordion-item:last-child {\n border-bottom: none;\n}\n\n.accordion-summary {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: clamp(16px, 4vw, 20px) 0;\n cursor: pointer;\n list-style: none;\n font-size: clamp(12px, 2.8vw, 13px);\n font-weight: 500;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n color: #1a1a1a;\n transition: all 0.3s ease;\n position: relative;\n min-height: 44px;\n}\n\n.accordion-summary::before {\n content: '';\n position: absolute;\n left: 0;\n bottom: 0;\n width: 0;\n height: 2px;\n background: linear-gradient(90deg, #f87171, #fca5a5);\n transition: width 0.3s ease;\n}\n\n@media (hover: hover) {\n .accordion-summary:hover::before {\n width: 60px;\n }\n .accordion-summary:hover {\n color: #f87171;\n padding-left: 8px;\n }\n}\n\n.accordion-summary::-webkit-details-marker {\n display: none;\n}\n\n.accordion-icon {\n font-size: 20px;\n font-weight: 300;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n color: #999;\n min-width: 20px;\n text-align: center;\n}\n\n.accordion-item[open] .accordion-icon {\n transform: rotate(45deg);\n color: #f87171;\n}\n\n.accordion-content {\n padding: 0 0 24px 0;\n animation: slideDown 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n@keyframes slideDown {\n from {\n opacity: 0;\n transform: translateY(-12px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n.features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));\n gap: clamp(16px, 4vw, 20px);\n margin-top: 8px;\n}\n\n.feature-item {\n padding: 16px;\n background: linear-gradient(135deg, #fafafa 0%, #ffffff 100%);\n border-radius: 8px;\n border: 1px solid #f0f0f0;\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n}\n\n.feature-item::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 4px;\n height: 0;\n background: linear-gradient(180deg, #f87171, #fca5a5);\n transition: height 0.3s ease;\n}\n\n@media (hover: hover) {\n .feature-item:hover {\n transform: translateY(-2px);\n box-shadow: 0 4px 12px rgba(248, 113, 113, 0.1);\n border-color: #fecaca;\n }\n .feature-item:hover::before {\n height: 100%;\n }\n}\n\n.feature-item h3 {\n font-size: clamp(13px, 3vw, 14px);\n font-weight: 600;\n color: #1a1a1a;\n margin-bottom: 6px;\n}\n\n.feature-item p {\n font-size: clamp(13px, 3vw, 14px);\n font-weight: 300;\n color: #666;\n margin: 0;\n line-height: 1.6;\n}\n\n.size-table-wrapper {\n width: 100%;\n overflow-x: auto;\n margin: 16px 0;\n border-radius: 8px;\n border: 1px solid #f0f0f0;\n -webkit-overflow-scrolling: touch;\n}\n\n.size-table {\n width: 100%;\n min-width: min(100%, 700px);\n border-collapse: collapse;\n font-size: clamp(10px, 2.5vw, 14px);\n}\n\n.size-table th {\n text-align: center;\n font-weight: 600;\n color: white;\n padding: clamp(8px, 2vw, 16px);\n background: linear-gradient(135deg, #f87171 0%, #fca5a5 100%);\n font-size: clamp(10px, 2.5vw, 14px);\n letter-spacing: 0.5px;\n white-space: nowrap;\n line-height: 1.4;\n vertical-align: middle;\n border: 1px solid #fca5a5;\n}\n\n.size-table td {\n padding: clamp(8px, 2vw, 12px);\n border: 1px solid #f5f5f5;\n color: #4a4a4a;\n font-weight: 400;\n text-align: center;\n white-space: nowrap;\n line-height: 1.4;\n vertical-align: middle;\n background: white;\n}\n\n.size-table tbody tr {\n transition: background 0.2s ease;\n}\n\n@media (hover: hover) {\n .size-table tbody tr:hover {\n background: #fef2f2;\n }\n}\n\n.size-note {\n font-size: clamp(12px, 2.8vw, 13px);\n color: #666;\n font-style: italic;\n margin-top: 16px;\n padding: clamp(10px, 2.5vw, 12px) clamp(12px, 3vw, 16px);\n background: #fef2f2;\n border-left: 3px solid #f87171;\n border-radius: 4px;\n}\n\n.detail-text {\n font-size: clamp(14px, 3.2vw, 15px);\n font-weight: 300;\n color: #4a4a4a;\n line-height: 1.8;\n margin-bottom: 16px;\n}\n\n@media screen and (max-width: 768px) {\n .size-table {\n font-size: clamp(9px, 2.2vw, 12px);\n }\n .size-table th {\n padding: clamp(6px, 1.5vw, 14px);\n font-size: clamp(9px, 2.2vw, 12px);\n }\n .size-table td {\n padding: clamp(6px, 1.5vw, 12px);\n }\n}\n\n@media screen and (max-width: 480px) {\n .size-table {\n font-size: clamp(8px, 2vw, 11px);\n }\n .size-table th {\n padding: clamp(5px, 1.2vw, 12px);\n font-size: clamp(8px, 2vw, 11px);\n }\n .size-table td {\n padding: clamp(5px, 1.2vw, 10px);\n }\n}\n\n@media screen and (max-width: 360px) {\n .size-table {\n font-size: clamp(7px, 1.8vw, 10px);\n }\n .size-table th {\n padding: clamp(4px, 1vw, 10px);\n font-size: clamp(7px, 1.8vw, 10px);\n }\n .size-table td {\n padding: clamp(4px, 1vw, 8px);\n }\n}\n\u003c\/style\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003cp class=\"intro-text\"\u003e\u003cstrong\u003eThese rugged, multifunctional shorts have a mesh liner and are designed for use in and out of the water.\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003eThey're built of quick-drying NetPlus® 100% postconsumer recycled nylon faille made from recycled fishing nets to help reduce ocean plastic pollution; with a durable water repellent (DWR) finish made without intentionally added PFAS. Inseam is 5\". Made in a Fair Trade Certified™ factory. Relaxed fit.\u003c\/p\u003e\n\u003cdetails class=\"accordion-item\"\u003e\n\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eFeatures\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eFabric Details\u003c\/h3\u003e\n\u003cp\u003eBody fabric is NetPlus® 100% postconsumer recycled nylon faille made from recycled fishing nets to help reduce ocean plastic pollution; with a durable water repellent (DWR) finish made without intentionally added PFAS to help shed light moisture\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eQuick-Dry Mesh Liner\u003c\/h3\u003e\n\u003cp\u003eMesh liner dries quickly and is made of 100% recycled polyester\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eElastic Waistband\u003c\/h3\u003e\n\u003cp\u003eElasticized waistband with an internal drawcord to customize the fit\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003ePocket Details\u003c\/h3\u003e\n\u003cp\u003eVertical side pockets reduce drag in the water and have drain-and-dry mesh corners in the pocket bags; one right-rear pocket has a mesh pocket bag and closes with a flap and a low-profile snap for security\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eInseam Length\u003c\/h3\u003e\n\u003cp\u003e5\" inseam\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eFair Trade Certified™\u003c\/h3\u003e\n\u003cp\u003eMade in a Fair Trade Certified™ factory, which means the people who made this product earned a premium for their labor\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"accordion-item\"\u003e\n\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eFabric \u0026amp; Care\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cp class=\"detail-text\"\u003e\u003cstrong\u003eBody:\u003c\/strong\u003e 4-ply, 4.9-oz NetPlus® 100% postconsumer recycled nylon faille made from recycled fishing nets to help reduce ocean plastic pollution; with a durable water repellent (DWR) finish made without intentionally added PFAS\u003c\/p\u003e\n\u003cp class=\"detail-text\"\u003e\u003cstrong\u003eLiner and pocket bags:\u003c\/strong\u003e 2.1-oz 100% recycled polyester tricot mesh\u003c\/p\u003e\n\u003cp class=\"detail-text\"\u003eFabrics are certified as bluesign® approved. Made in a Fair Trade Certified™ factory.\u003c\/p\u003e\n\u003cp class=\"detail-text\"\u003e\u003cstrong\u003eWeight:\u003c\/strong\u003e 204 g (7.2 oz)\u003c\/p\u003e\n\u003cp class=\"detail-text\"\u003e\u003cstrong\u003eCountry of Origin:\u003c\/strong\u003e Made in Nicaragua.\u003c\/p\u003e\n\u003cp class=\"detail-text\"\u003e\u003cstrong\u003eCare Instructions:\u003c\/strong\u003e Machine Wash Cold, Do Not Bleach, Tumble Dry Low, Do Not Iron\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Patagonia","offers":[{"title":"Orange Peel \/ S \/ Mens","offer_id":53265699864942,"sku":"PAT62M008003","price":59.49,"currency_code":"CAD","in_stock":true},{"title":"Orange Peel \/ M \/ Mens","offer_id":53265699897710,"sku":"PAT62M008004","price":59.49,"currency_code":"CAD","in_stock":true},{"title":"Orange Peel \/ L \/ Mens","offer_id":53265699930478,"sku":"PAT62M008005","price":59.49,"currency_code":"CAD","in_stock":true},{"title":"Orange Peel \/ XL \/ Mens","offer_id":53265699963246,"sku":"PAT62M008006","price":59.49,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/Baggies5_Short-OrangePeel-3.png?v=1772216887"},{"product_id":"patagonia-mens-baggies-5-short-shore-blue-spring-2026","title":"Baggies 5\" Short","description":"\u003cstyle\u003e\n.product-description {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;\n color: #1a1a1a;\n line-height: 1.7;\n max-width: 800px;\n margin: 0;\n padding: 0;\n}\n\n.intro-text {\n font-size: clamp(15px, 3.5vw, 16px);\n font-weight: 300;\n margin-bottom: 32px;\n color: #2c2c2c;\n line-height: 1.8;\n padding-left: 16px;\n border-left: 3px solid #f87171;\n}\n\n.accordion-item {\n border-bottom: 1px solid #e0e0e0;\n transition: border-color 0.2s ease;\n}\n\n.accordion-item:hover {\n border-bottom-color: #f87171;\n}\n\n.accordion-item:last-child {\n border-bottom: none;\n}\n\n.accordion-summary {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: clamp(16px, 4vw, 20px) 0;\n cursor: pointer;\n list-style: none;\n font-size: clamp(12px, 2.8vw, 13px);\n font-weight: 500;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n color: #1a1a1a;\n transition: all 0.3s ease;\n position: relative;\n min-height: 44px;\n}\n\n.accordion-summary::before {\n content: '';\n position: absolute;\n left: 0;\n bottom: 0;\n width: 0;\n height: 2px;\n background: linear-gradient(90deg, #f87171, #fca5a5);\n transition: width 0.3s ease;\n}\n\n@media (hover: hover) {\n .accordion-summary:hover::before {\n width: 60px;\n }\n .accordion-summary:hover {\n color: #f87171;\n padding-left: 8px;\n }\n}\n\n.accordion-summary::-webkit-details-marker {\n display: none;\n}\n\n.accordion-icon {\n font-size: 20px;\n font-weight: 300;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n color: #999;\n min-width: 20px;\n text-align: center;\n}\n\n.accordion-item[open] .accordion-icon {\n transform: rotate(45deg);\n color: #f87171;\n}\n\n.accordion-content {\n padding: 0 0 24px 0;\n animation: slideDown 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n@keyframes slideDown {\n from {\n opacity: 0;\n transform: translateY(-12px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n.features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));\n gap: clamp(16px, 4vw, 20px);\n margin-top: 8px;\n}\n\n.feature-item {\n padding: 16px;\n background: linear-gradient(135deg, #fafafa 0%, #ffffff 100%);\n border-radius: 8px;\n border: 1px solid #f0f0f0;\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n}\n\n.feature-item::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 4px;\n height: 0;\n background: linear-gradient(180deg, #f87171, #fca5a5);\n transition: height 0.3s ease;\n}\n\n@media (hover: hover) {\n .feature-item:hover {\n transform: translateY(-2px);\n box-shadow: 0 4px 12px rgba(248, 113, 113, 0.1);\n border-color: #fecaca;\n }\n .feature-item:hover::before {\n height: 100%;\n }\n}\n\n.feature-item h3 {\n font-size: clamp(13px, 3vw, 14px);\n font-weight: 600;\n color: #1a1a1a;\n margin-bottom: 6px;\n}\n\n.feature-item p {\n font-size: clamp(13px, 3vw, 14px);\n font-weight: 300;\n color: #666;\n margin: 0;\n line-height: 1.6;\n}\n\n.size-table-wrapper {\n width: 100%;\n overflow-x: auto;\n margin: 16px 0;\n border-radius: 8px;\n border: 1px solid #f0f0f0;\n -webkit-overflow-scrolling: touch;\n}\n\n.size-table {\n width: 100%;\n min-width: min(100%, 700px);\n border-collapse: collapse;\n font-size: clamp(10px, 2.5vw, 14px);\n}\n\n.size-table th {\n text-align: center;\n font-weight: 600;\n color: white;\n padding: clamp(8px, 2vw, 16px);\n background: linear-gradient(135deg, #f87171 0%, #fca5a5 100%);\n font-size: clamp(10px, 2.5vw, 14px);\n letter-spacing: 0.5px;\n white-space: nowrap;\n line-height: 1.4;\n vertical-align: middle;\n border: 1px solid #fca5a5;\n}\n\n.size-table td {\n padding: clamp(8px, 2vw, 12px);\n border: 1px solid #f5f5f5;\n color: #4a4a4a;\n font-weight: 400;\n text-align: center;\n white-space: nowrap;\n line-height: 1.4;\n vertical-align: middle;\n background: white;\n}\n\n.size-table tbody tr {\n transition: background 0.2s ease;\n}\n\n@media (hover: hover) {\n .size-table tbody tr:hover {\n background: #fef2f2;\n }\n}\n\n.size-note {\n font-size: clamp(12px, 2.8vw, 13px);\n color: #666;\n font-style: italic;\n margin-top: 16px;\n padding: clamp(10px, 2.5vw, 12px) clamp(12px, 3vw, 16px);\n background: #fef2f2;\n border-left: 3px solid #f87171;\n border-radius: 4px;\n}\n\n.detail-text {\n font-size: clamp(14px, 3.2vw, 15px);\n font-weight: 300;\n color: #4a4a4a;\n line-height: 1.8;\n margin-bottom: 16px;\n}\n\n@media screen and (max-width: 768px) {\n .size-table {\n font-size: clamp(9px, 2.2vw, 12px);\n }\n .size-table th {\n padding: clamp(6px, 1.5vw, 14px);\n font-size: clamp(9px, 2.2vw, 12px);\n }\n .size-table td {\n padding: clamp(6px, 1.5vw, 12px);\n }\n}\n\n@media screen and (max-width: 480px) {\n .size-table {\n font-size: clamp(8px, 2vw, 11px);\n }\n .size-table th {\n padding: clamp(5px, 1.2vw, 12px);\n font-size: clamp(8px, 2vw, 11px);\n }\n .size-table td {\n padding: clamp(5px, 1.2vw, 10px);\n }\n}\n\n@media screen and (max-width: 360px) {\n .size-table {\n font-size: clamp(7px, 1.8vw, 10px);\n }\n .size-table th {\n padding: clamp(4px, 1vw, 10px);\n font-size: clamp(7px, 1.8vw, 10px);\n }\n .size-table td {\n padding: clamp(4px, 1vw, 8px);\n }\n}\n\u003c\/style\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003cp class=\"intro-text\"\u003e\u003cstrong\u003eThese rugged, multifunctional shorts have a mesh liner and are designed for use in and out of the water.\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003eThey're built of quick-drying NetPlus® 100% postconsumer recycled nylon faille made from recycled fishing nets to help reduce ocean plastic pollution; with a durable water repellent (DWR) finish made without intentionally added PFAS. Inseam is 5\". Made in a Fair Trade Certified™ factory. Relaxed fit.\u003c\/p\u003e\n\u003cdetails class=\"accordion-item\"\u003e\n\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eFeatures\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eFabric Details\u003c\/h3\u003e\n\u003cp\u003eBody fabric is NetPlus® 100% postconsumer recycled nylon faille made from recycled fishing nets to help reduce ocean plastic pollution; with a durable water repellent (DWR) finish made without intentionally added PFAS to help shed light moisture\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eQuick-Dry Mesh Liner\u003c\/h3\u003e\n\u003cp\u003eMesh liner dries quickly and is made of 100% recycled polyester\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eElastic Waistband\u003c\/h3\u003e\n\u003cp\u003eElasticized waistband with an internal drawcord to customize the fit\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003ePocket Details\u003c\/h3\u003e\n\u003cp\u003eVertical side pockets reduce drag in the water and have drain-and-dry mesh corners in the pocket bags; one right-rear pocket has a mesh pocket bag and closes with a flap and a low-profile snap for security\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eInseam Length\u003c\/h3\u003e\n\u003cp\u003e5\" inseam\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eFair Trade Certified™\u003c\/h3\u003e\n\u003cp\u003eMade in a Fair Trade Certified™ factory, which means the people who made this product earned a premium for their labor\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"accordion-item\"\u003e\n\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eFabric \u0026amp; Care\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cp class=\"detail-text\"\u003e\u003cstrong\u003eBody:\u003c\/strong\u003e 4-ply, 4.9-oz NetPlus® 100% postconsumer recycled nylon faille made from recycled fishing nets to help reduce ocean plastic pollution; with a durable water repellent (DWR) finish made without intentionally added PFAS\u003c\/p\u003e\n\u003cp class=\"detail-text\"\u003e\u003cstrong\u003eLiner and pocket bags:\u003c\/strong\u003e 2.1-oz 100% recycled polyester tricot mesh\u003c\/p\u003e\n\u003cp class=\"detail-text\"\u003eFabrics are certified as bluesign® approved. Made in a Fair Trade Certified™ factory.\u003c\/p\u003e\n\u003cp class=\"detail-text\"\u003e\u003cstrong\u003eWeight:\u003c\/strong\u003e 204 g (7.2 oz)\u003c\/p\u003e\n\u003cp class=\"detail-text\"\u003e\u003cstrong\u003eCountry of Origin:\u003c\/strong\u003e Made in Nicaragua.\u003c\/p\u003e\n\u003cp class=\"detail-text\"\u003e\u003cstrong\u003eCare Instructions:\u003c\/strong\u003e Machine Wash Cold, Do Not Bleach, Tumble Dry Low, Do Not Iron\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Patagonia","offers":[{"title":"Shore Blue \/ S \/ Mens","offer_id":53265699996014,"sku":"PAT62M009003","price":59.49,"currency_code":"CAD","in_stock":false},{"title":"Shore Blue \/ M \/ Mens","offer_id":53265700028782,"sku":"PAT62M009004","price":59.49,"currency_code":"CAD","in_stock":true},{"title":"Shore Blue \/ L \/ Mens","offer_id":53265700061550,"sku":"PAT62M009005","price":59.49,"currency_code":"CAD","in_stock":true},{"title":"Shore Blue \/ XL \/ Mens","offer_id":53265700094318,"sku":"PAT62M009006","price":59.49,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/Baggies5_Short-ShoreBlue3_34ba9da2-2791-42d3-bf16-a496e023881b.png?v=1772216208"},{"product_id":"patagonia-mens-baggies-longs-7-short-black-w-black-spring-2026","title":"Baggies Longs 7\" Short","description":"\u003cstyle\u003e\n.product-description {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;\n color: #1a1a1a;\n line-height: 1.7;\n max-width: 800px;\n margin: 0;\n padding: 0;\n}\n\n.intro-text {\n font-size: clamp(15px, 3.5vw, 16px);\n font-weight: 300;\n margin-bottom: 32px;\n color: #2c2c2c;\n line-height: 1.8;\n padding-left: 16px;\n border-left: 3px solid #f87171;\n}\n\n.accordion-item {\n border-bottom: 1px solid #e0e0e0;\n transition: border-color 0.2s ease;\n}\n\n.accordion-item:hover {\n border-bottom-color: #f87171;\n}\n\n.accordion-item:last-child {\n border-bottom: none;\n}\n\n.accordion-summary {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: clamp(16px, 4vw, 20px) 0;\n cursor: pointer;\n list-style: none;\n font-size: clamp(12px, 2.8vw, 13px);\n font-weight: 500;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n color: #1a1a1a;\n transition: all 0.3s ease;\n position: relative;\n min-height: 44px;\n}\n\n.accordion-summary::before {\n content: '';\n position: absolute;\n left: 0;\n bottom: 0;\n width: 0;\n height: 2px;\n background: linear-gradient(90deg, #f87171, #fca5a5);\n transition: width 0.3s ease;\n}\n\n@media (hover: hover) {\n .accordion-summary:hover::before {\n width: 60px;\n }\n .accordion-summary:hover {\n color: #f87171;\n padding-left: 8px;\n }\n}\n\n.accordion-summary::-webkit-details-marker {\n display: none;\n}\n\n.accordion-icon {\n font-size: 20px;\n font-weight: 300;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n color: #999;\n min-width: 20px;\n text-align: center;\n}\n\n.accordion-item[open] .accordion-icon {\n transform: rotate(45deg);\n color: #f87171;\n}\n\n.accordion-content {\n padding: 0 0 24px 0;\n animation: slideDown 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n@keyframes slideDown {\n from {\n opacity: 0;\n transform: translateY(-12px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n.features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));\n gap: clamp(16px, 4vw, 20px);\n margin-top: 8px;\n}\n\n.feature-item {\n padding: 16px;\n background: linear-gradient(135deg, #fafafa 0%, #ffffff 100%);\n border-radius: 8px;\n border: 1px solid #f0f0f0;\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n}\n\n.feature-item::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 4px;\n height: 0;\n background: linear-gradient(180deg, #f87171, #fca5a5);\n transition: height 0.3s ease;\n}\n\n@media (hover: hover) {\n .feature-item:hover {\n transform: translateY(-2px);\n box-shadow: 0 4px 12px rgba(248, 113, 113, 0.1);\n border-color: #fecaca;\n }\n .feature-item:hover::before {\n height: 100%;\n }\n}\n\n.feature-item h3 {\n font-size: clamp(13px, 3vw, 14px);\n font-weight: 600;\n color: #1a1a1a;\n margin-bottom: 6px;\n}\n\n.feature-item p {\n font-size: clamp(13px, 3vw, 14px);\n font-weight: 300;\n color: #666;\n margin: 0;\n line-height: 1.6;\n}\n\n.size-table-wrapper {\n width: 100%;\n overflow-x: auto;\n margin: 16px 0;\n border-radius: 8px;\n border: 1px solid #f0f0f0;\n -webkit-overflow-scrolling: touch;\n}\n\n.size-table {\n width: 100%;\n border-collapse: collapse;\n background: white;\n}\n\n@media (min-width: 1024px) {\n .size-table {\n font-size: 14px;\n }\n .size-table th,\n .size-table td {\n padding: 16px;\n }\n}\n\n@media (min-width: 768px) and (max-width: 1023px) {\n .size-table {\n font-size: 13px;\n }\n .size-table th,\n .size-table td {\n padding: 14px;\n }\n}\n\n@media (min-width: 480px) and (max-width: 767px) {\n .size-table {\n font-size: 12px;\n }\n .size-table th,\n .size-table td {\n padding: 12px;\n }\n}\n\n@media (min-width: 360px) and (max-width: 479px) {\n .size-table {\n font-size: 11px;\n }\n .size-table th,\n .size-table td {\n padding: 10px;\n }\n}\n\n@media (max-width: 359px) {\n .size-table {\n font-size: 10px;\n }\n .size-table th,\n .size-table td {\n padding: 8px;\n }\n}\n\n.size-table th {\n text-align: center;\n font-weight: 600;\n color: white;\n background: linear-gradient(135deg, #f87171 0%, #fca5a5 100%);\n letter-spacing: 0.3px;\n white-space: nowrap;\n line-height: 1.3;\n vertical-align: middle;\n border-right: 1px solid rgba(255, 255, 255, 0.2);\n}\n\n.size-table th:last-child {\n border-right: none;\n}\n\n.size-table td {\n border-bottom: 1px solid #f5f5f5;\n border-right: 1px solid #f5f5f5;\n color: #4a4a4a;\n font-weight: 400;\n text-align: center;\n white-space: nowrap;\n line-height: 1.4;\n vertical-align: middle;\n}\n\n.size-table td:last-child {\n border-right: none;\n}\n\n.size-table tr:last-child td {\n border-bottom: none;\n}\n\n.size-table tbody tr {\n transition: background 0.2s ease;\n}\n\n@media (hover: hover) {\n .size-table tbody tr:hover {\n background: #fef2f2;\n }\n}\n\n.size-note {\n font-size: clamp(12px, 2.8vw, 13px);\n color: #666;\n font-style: italic;\n margin-top: 16px;\n padding: clamp(10px, 2.5vw, 12px) clamp(12px, 3vw, 16px);\n background: #fef2f2;\n border-left: 3px solid #f87171;\n border-radius: 4px;\n}\n\n.detail-text {\n font-size: clamp(14px, 3.2vw, 15px);\n font-weight: 300;\n color: #4a4a4a;\n line-height: 1.8;\n margin-bottom: 16px;\n}\n\u003c\/style\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003cp class=\"intro-text\"\u003e\u003cstrong\u003eRugged, multifunctional shorts built for adventure in and out of the water.\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003eThese quick-drying shorts feature NetPlus® 100% postconsumer recycled nylon faille made from recycled fishing nets to help reduce ocean plastic pollution. With a durable water repellent (DWR) finish made without intentionally added PFAS, a comfortable mesh liner, and a relaxed fit, the Baggies Longs 7\" Short is ready for any activity. Made in a Fair Trade Certified™ factory.\u003c\/p\u003e\n\u003cdetails class=\"accordion-item\"\u003e\n\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eFeatures\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eRelaxed Fit\u003c\/h3\u003e\n\u003cp\u003eComfortable, easy-wearing fit for all-day comfort.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eNetPlus® Recycled Fabric\u003c\/h3\u003e\n\u003cp\u003e100% postconsumer recycled nylon faille made from recycled fishing nets to help reduce ocean plastic pollution.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eDWR Finish\u003c\/h3\u003e\n\u003cp\u003eDurable water repellent finish made without intentionally added PFAS helps shed light moisture.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eElasticized Waistband\u003c\/h3\u003e\n\u003cp\u003eAdjusts with an internal drawcord for a customized fit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eQuick-Dry Mesh Liner\u003c\/h3\u003e\n\u003cp\u003e100% recycled polyester mesh liner dries quickly for comfort.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eVertical Side Pockets\u003c\/h3\u003e\n\u003cp\u003eReduce drag in the water with drain-and-dry mesh corners in pocket bags.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eSecure Rear Pocket\u003c\/h3\u003e\n\u003cp\u003eOne rear pocket with mesh bag closes with a flap and low-profile snap.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003e7\" Inseam\u003c\/h3\u003e\n\u003cp\u003ePerfect length for versatile wear in and out of the water.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eFair Trade Certified™\u003c\/h3\u003e\n\u003cp\u003eMade in a Fair Trade Certified™ factory, supporting the people who made this product.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"accordion-item\"\u003e\n\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eProduct Details\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cp class=\"detail-text\"\u003e\u003cstrong\u003eCountry of Origin:\u003c\/strong\u003e Made in Nicaragua\u003c\/p\u003e\n\u003cp class=\"detail-text\"\u003e\u003cstrong\u003eWeight:\u003c\/strong\u003e 230 g (8.1 oz)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"accordion-item\"\u003e\n\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eSizing\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"size-table-wrapper\"\u003e\n\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eAlpha Size\u003c\/th\u003e\n\u003cth\u003eNumeric Size\u003c\/th\u003e\n\u003cth\u003eChest*\u003c\/th\u003e\n\u003cth\u003eWaist\u003c\/th\u003e\n\u003cth\u003eHip**\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eXXS\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e\u003cstrong\u003e26\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e34 in\u003c\/td\u003e\n\u003ctd\u003e26 in\u003c\/td\u003e\n\u003ctd\u003e33 in\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eXS\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e\u003cstrong\u003e28\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e36 in\u003c\/td\u003e\n\u003ctd\u003e28 in\u003c\/td\u003e\n\u003ctd\u003e35 in\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eXS\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e\u003cstrong\u003e29\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e37 in\u003c\/td\u003e\n\u003ctd\u003e29 in\u003c\/td\u003e\n\u003ctd\u003e36 in\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eS\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e\u003cstrong\u003e30\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e38 in\u003c\/td\u003e\n\u003ctd\u003e30 in\u003c\/td\u003e\n\u003ctd\u003e37 in\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eS\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e\u003cstrong\u003e31\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e39 in\u003c\/td\u003e\n\u003ctd\u003e31 in\u003c\/td\u003e\n\u003ctd\u003e38 in\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eM\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e\u003cstrong\u003e32\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e40 in\u003c\/td\u003e\n\u003ctd\u003e32 in\u003c\/td\u003e\n\u003ctd\u003e39 in\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eM\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e\u003cstrong\u003e33\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e41 in\u003c\/td\u003e\n\u003ctd\u003e33 in\u003c\/td\u003e\n\u003ctd\u003e40 in\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eL\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e\u003cstrong\u003e34\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e42 in\u003c\/td\u003e\n\u003ctd\u003e34 in\u003c\/td\u003e\n\u003ctd\u003e41 in\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eL\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e\u003cstrong\u003e35\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e43 in\u003c\/td\u003e\n\u003ctd\u003e35 in\u003c\/td\u003e\n\u003ctd\u003e42 in\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eL\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e\u003cstrong\u003e36\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e44 in\u003c\/td\u003e\n\u003ctd\u003e36 in\u003c\/td\u003e\n\u003ctd\u003e43 in\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eXL\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e\u003cstrong\u003e38\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e46 in\u003c\/td\u003e\n\u003ctd\u003e38 in\u003c\/td\u003e\n\u003ctd\u003e44.5 in\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eXL\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e\u003cstrong\u003e40\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e48 in\u003c\/td\u003e\n\u003ctd\u003e40 in\u003c\/td\u003e\n\u003ctd\u003e46.5 in\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eXXL\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e\u003cstrong\u003e42\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e50 in\u003c\/td\u003e\n\u003ctd\u003e42 in\u003c\/td\u003e\n\u003ctd\u003e48.5 in\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eXXL\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e\u003cstrong\u003e44\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e52 in\u003c\/td\u003e\n\u003ctd\u003e44 in\u003c\/td\u003e\n\u003ctd\u003e50.5 in\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003e3XL\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e\u003cstrong\u003e46\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e54 in\u003c\/td\u003e\n\u003ctd\u003e46 in\u003c\/td\u003e\n\u003ctd\u003e52.5 in\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003e3XL\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e\u003cstrong\u003e48\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e56 in\u003c\/td\u003e\n\u003ctd\u003e48 in\u003c\/td\u003e\n\u003ctd\u003e54.5 in\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003cp class=\"size-note\"\u003e*Chest measurements are provided for reference. **Hip measurements ensure proper fit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Patagonia","offers":[{"title":"Black w\/Black \/ S \/ Mens","offer_id":53265700127086,"sku":"PAT62M010003","price":59.49,"currency_code":"CAD","in_stock":false},{"title":"Black w\/Black \/ M \/ Mens","offer_id":53265700159854,"sku":"PAT62M010004","price":59.49,"currency_code":"CAD","in_stock":true},{"title":"Black w\/Black \/ L \/ Mens","offer_id":53265700192622,"sku":"PAT62M010005","price":59.49,"currency_code":"CAD","in_stock":true},{"title":"Black w\/Black \/ XL \/ Mens","offer_id":53265700225390,"sku":"PAT62M010006","price":59.49,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/P-6LogoS_ST-Shirt-Black_wBlack3.png?v=1772210670"},{"product_id":"patagonia-mens-baggies-longs-7-short-tidepool-blue-w-tidepool-blue-spring-2026","title":"Baggies Longs 7\" Short","description":"\u003cstyle\u003e\n.product-description {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;\n color: #1a1a1a;\n line-height: 1.7;\n max-width: 800px;\n margin: 0;\n padding: 0;\n}\n\n.intro-text {\n font-size: clamp(15px, 3.5vw, 16px);\n font-weight: 300;\n margin-bottom: 32px;\n color: #2c2c2c;\n line-height: 1.8;\n padding-left: 16px;\n border-left: 3px solid #f87171;\n}\n\n.accordion-item {\n border-bottom: 1px solid #e0e0e0;\n transition: border-color 0.2s ease;\n}\n\n.accordion-item:hover {\n border-bottom-color: #f87171;\n}\n\n.accordion-item:last-child {\n border-bottom: none;\n}\n\n.accordion-summary {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: clamp(16px, 4vw, 20px) 0;\n cursor: pointer;\n list-style: none;\n font-size: clamp(12px, 2.8vw, 13px);\n font-weight: 500;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n color: #1a1a1a;\n transition: all 0.3s ease;\n position: relative;\n min-height: 44px;\n}\n\n.accordion-summary::before {\n content: '';\n position: absolute;\n left: 0;\n bottom: 0;\n width: 0;\n height: 2px;\n background: linear-gradient(90deg, #f87171, #fca5a5);\n transition: width 0.3s ease;\n}\n\n@media (hover: hover) {\n .accordion-summary:hover::before {\n width: 60px;\n }\n .accordion-summary:hover {\n color: #f87171;\n padding-left: 8px;\n }\n}\n\n.accordion-summary::-webkit-details-marker {\n display: none;\n}\n\n.accordion-icon {\n font-size: 20px;\n font-weight: 300;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n color: #999;\n min-width: 20px;\n text-align: center;\n}\n\n.accordion-item[open] .accordion-icon {\n transform: rotate(45deg);\n color: #f87171;\n}\n\n.accordion-content {\n padding: 0 0 24px 0;\n animation: slideDown 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n@keyframes slideDown {\n from {\n opacity: 0;\n transform: translateY(-12px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n.features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));\n gap: clamp(16px, 4vw, 20px);\n margin-top: 8px;\n}\n\n.feature-item {\n padding: 16px;\n background: linear-gradient(135deg, #fafafa 0%, #ffffff 100%);\n border-radius: 8px;\n border: 1px solid #f0f0f0;\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n}\n\n.feature-item::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 4px;\n height: 0;\n background: linear-gradient(180deg, #f87171, #fca5a5);\n transition: height 0.3s ease;\n}\n\n@media (hover: hover) {\n .feature-item:hover {\n transform: translateY(-2px);\n box-shadow: 0 4px 12px rgba(248, 113, 113, 0.1);\n border-color: #fecaca;\n }\n .feature-item:hover::before {\n height: 100%;\n }\n}\n\n.feature-item h3 {\n font-size: clamp(13px, 3vw, 14px);\n font-weight: 600;\n color: #1a1a1a;\n margin-bottom: 6px;\n}\n\n.feature-item p {\n font-size: clamp(13px, 3vw, 14px);\n font-weight: 300;\n color: #666;\n margin: 0;\n line-height: 1.6;\n}\n\n.size-table-wrapper {\n width: 100%;\n overflow-x: auto;\n margin: 16px 0;\n border-radius: 8px;\n border: 1px solid #f0f0f0;\n -webkit-overflow-scrolling: touch;\n}\n\n.size-table {\n width: 100%;\n border-collapse: collapse;\n background: white;\n}\n\n@media (min-width: 1024px) {\n .size-table {\n font-size: 14px;\n }\n .size-table th,\n .size-table td {\n padding: 16px;\n }\n}\n\n@media (min-width: 768px) and (max-width: 1023px) {\n .size-table {\n font-size: 13px;\n }\n .size-table th,\n .size-table td {\n padding: 14px;\n }\n}\n\n@media (min-width: 480px) and (max-width: 767px) {\n .size-table {\n font-size: 12px;\n }\n .size-table th,\n .size-table td {\n padding: 12px;\n }\n}\n\n@media (min-width: 360px) and (max-width: 479px) {\n .size-table {\n font-size: 11px;\n }\n .size-table th,\n .size-table td {\n padding: 10px;\n }\n}\n\n@media (max-width: 359px) {\n .size-table {\n font-size: 10px;\n }\n .size-table th,\n .size-table td {\n padding: 8px;\n }\n}\n\n.size-table th {\n text-align: center;\n font-weight: 600;\n color: white;\n background: linear-gradient(135deg, #f87171 0%, #fca5a5 100%);\n letter-spacing: 0.3px;\n white-space: nowrap;\n line-height: 1.3;\n vertical-align: middle;\n border-right: 1px solid rgba(255, 255, 255, 0.2);\n}\n\n.size-table th:last-child {\n border-right: none;\n}\n\n.size-table td {\n border-bottom: 1px solid #f5f5f5;\n border-right: 1px solid #f5f5f5;\n color: #4a4a4a;\n font-weight: 400;\n text-align: center;\n white-space: nowrap;\n line-height: 1.4;\n vertical-align: middle;\n}\n\n.size-table td:last-child {\n border-right: none;\n}\n\n.size-table tr:last-child td {\n border-bottom: none;\n}\n\n.size-table tbody tr {\n transition: background 0.2s ease;\n}\n\n@media (hover: hover) {\n .size-table tbody tr:hover {\n background: #fef2f2;\n }\n}\n\n.size-note {\n font-size: clamp(12px, 2.8vw, 13px);\n color: #666;\n font-style: italic;\n margin-top: 16px;\n padding: clamp(10px, 2.5vw, 12px) clamp(12px, 3vw, 16px);\n background: #fef2f2;\n border-left: 3px solid #f87171;\n border-radius: 4px;\n}\n\n.detail-text {\n font-size: clamp(14px, 3.2vw, 15px);\n font-weight: 300;\n color: #4a4a4a;\n line-height: 1.8;\n margin-bottom: 16px;\n}\n\u003c\/style\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003cp class=\"intro-text\"\u003e\u003cstrong\u003eRugged, multifunctional shorts built for adventure in and out of the water.\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003eThese quick-drying shorts feature NetPlus® 100% postconsumer recycled nylon faille made from recycled fishing nets to help reduce ocean plastic pollution. With a durable water repellent (DWR) finish made without intentionally added PFAS, a comfortable mesh liner, and a relaxed fit, the Baggies Longs 7\" Short is ready for any activity. Made in a Fair Trade Certified™ factory.\u003c\/p\u003e\n\u003cdetails class=\"accordion-item\"\u003e\n\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eFeatures\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eRelaxed Fit\u003c\/h3\u003e\n\u003cp\u003eComfortable, easy-wearing fit for all-day comfort.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eNetPlus® Recycled Fabric\u003c\/h3\u003e\n\u003cp\u003e100% postconsumer recycled nylon faille made from recycled fishing nets to help reduce ocean plastic pollution.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eDWR Finish\u003c\/h3\u003e\n\u003cp\u003eDurable water repellent finish made without intentionally added PFAS helps shed light moisture.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eElasticized Waistband\u003c\/h3\u003e\n\u003cp\u003eAdjusts with an internal drawcord for a customized fit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eQuick-Dry Mesh Liner\u003c\/h3\u003e\n\u003cp\u003e100% recycled polyester mesh liner dries quickly for comfort.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eVertical Side Pockets\u003c\/h3\u003e\n\u003cp\u003eReduce drag in the water with drain-and-dry mesh corners in pocket bags.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eSecure Rear Pocket\u003c\/h3\u003e\n\u003cp\u003eOne rear pocket with mesh bag closes with a flap and low-profile snap.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003e7\" Inseam\u003c\/h3\u003e\n\u003cp\u003ePerfect length for versatile wear in and out of the water.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eFair Trade Certified™\u003c\/h3\u003e\n\u003cp\u003eMade in a Fair Trade Certified™ factory, supporting the people who made this product.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"accordion-item\"\u003e\n\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eProduct Details\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cp class=\"detail-text\"\u003e\u003cstrong\u003eCountry of Origin:\u003c\/strong\u003e Made in Nicaragua\u003c\/p\u003e\n\u003cp class=\"detail-text\"\u003e\u003cstrong\u003eWeight:\u003c\/strong\u003e 230 g (8.1 oz)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"accordion-item\"\u003e\n\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eSizing\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"size-table-wrapper\"\u003e\n\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eAlpha Size\u003c\/th\u003e\n\u003cth\u003eNumeric Size\u003c\/th\u003e\n\u003cth\u003eChest*\u003c\/th\u003e\n\u003cth\u003eWaist\u003c\/th\u003e\n\u003cth\u003eHip**\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eXXS\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e\u003cstrong\u003e26\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e34 in\u003c\/td\u003e\n\u003ctd\u003e26 in\u003c\/td\u003e\n\u003ctd\u003e33 in\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eXS\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e\u003cstrong\u003e28\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e36 in\u003c\/td\u003e\n\u003ctd\u003e28 in\u003c\/td\u003e\n\u003ctd\u003e35 in\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eXS\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e\u003cstrong\u003e29\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e37 in\u003c\/td\u003e\n\u003ctd\u003e29 in\u003c\/td\u003e\n\u003ctd\u003e36 in\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eS\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e\u003cstrong\u003e30\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e38 in\u003c\/td\u003e\n\u003ctd\u003e30 in\u003c\/td\u003e\n\u003ctd\u003e37 in\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eS\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e\u003cstrong\u003e31\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e39 in\u003c\/td\u003e\n\u003ctd\u003e31 in\u003c\/td\u003e\n\u003ctd\u003e38 in\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eM\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e\u003cstrong\u003e32\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e40 in\u003c\/td\u003e\n\u003ctd\u003e32 in\u003c\/td\u003e\n\u003ctd\u003e39 in\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eM\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e\u003cstrong\u003e33\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e41 in\u003c\/td\u003e\n\u003ctd\u003e33 in\u003c\/td\u003e\n\u003ctd\u003e40 in\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eL\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e\u003cstrong\u003e34\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e42 in\u003c\/td\u003e\n\u003ctd\u003e34 in\u003c\/td\u003e\n\u003ctd\u003e41 in\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eL\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e\u003cstrong\u003e35\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e43 in\u003c\/td\u003e\n\u003ctd\u003e35 in\u003c\/td\u003e\n\u003ctd\u003e42 in\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eL\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e\u003cstrong\u003e36\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e44 in\u003c\/td\u003e\n\u003ctd\u003e36 in\u003c\/td\u003e\n\u003ctd\u003e43 in\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eXL\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e\u003cstrong\u003e38\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e46 in\u003c\/td\u003e\n\u003ctd\u003e38 in\u003c\/td\u003e\n\u003ctd\u003e44.5 in\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eXL\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e\u003cstrong\u003e40\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e48 in\u003c\/td\u003e\n\u003ctd\u003e40 in\u003c\/td\u003e\n\u003ctd\u003e46.5 in\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eXXL\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e\u003cstrong\u003e42\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e50 in\u003c\/td\u003e\n\u003ctd\u003e42 in\u003c\/td\u003e\n\u003ctd\u003e48.5 in\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eXXL\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e\u003cstrong\u003e44\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e52 in\u003c\/td\u003e\n\u003ctd\u003e44 in\u003c\/td\u003e\n\u003ctd\u003e50.5 in\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003e3XL\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e\u003cstrong\u003e46\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e54 in\u003c\/td\u003e\n\u003ctd\u003e46 in\u003c\/td\u003e\n\u003ctd\u003e52.5 in\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003e3XL\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e\u003cstrong\u003e48\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e56 in\u003c\/td\u003e\n\u003ctd\u003e48 in\u003c\/td\u003e\n\u003ctd\u003e54.5 in\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003cp class=\"size-note\"\u003e*Chest measurements are provided for reference. **Hip measurements ensure proper fit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Patagonia","offers":[{"title":"Tidepool Blue w\/Tidepool Blue \/ S \/ Mens","offer_id":53265700389230,"sku":"PAT62M012003","price":59.49,"currency_code":"CAD","in_stock":false},{"title":"Tidepool Blue w\/Tidepool Blue \/ M \/ Mens","offer_id":53265700421998,"sku":"PAT62M012004","price":59.49,"currency_code":"CAD","in_stock":true},{"title":"Tidepool Blue w\/Tidepool Blue \/ L \/ Mens","offer_id":53265700454766,"sku":"PAT62M012005","price":59.49,"currency_code":"CAD","in_stock":false},{"title":"Tidepool Blue w\/Tidepool Blue \/ XL \/ Mens","offer_id":53265700487534,"sku":"PAT62M012006","price":59.49,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/BaggiesLongs7_Short-TidepoolBluew_TidepoolBlue-2.png?v=1772215244"},{"product_id":"patagonia-mens-baggies-lights-6-short-light-violet-spring-2026","title":"Baggies Lights 6\" Short","description":"\u003cstyle\u003e\n.product-description {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;\n color: #1a1a1a;\n line-height: 1.7;\n max-width: 800px;\n margin: 0;\n padding: 0;\n}\n\n.intro-text {\n font-size: clamp(15px, 3.5vw, 16px);\n font-weight: 300;\n margin-bottom: 32px;\n color: #2c2c2c;\n line-height: 1.8;\n padding-left: 16px;\n border-left: 3px solid #f87171;\n}\n\n.accordion-item {\n border-bottom: 1px solid #e0e0e0;\n transition: border-color 0.2s ease;\n}\n\n.accordion-item:hover {\n border-bottom-color: #f87171;\n}\n\n.accordion-item:last-child {\n border-bottom: none;\n}\n\n.accordion-summary {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: clamp(16px, 4vw, 20px) 0;\n cursor: pointer;\n list-style: none;\n font-size: clamp(12px, 2.8vw, 13px);\n font-weight: 500;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n color: #1a1a1a;\n transition: all 0.3s ease;\n position: relative;\n min-height: 44px;\n}\n\n.accordion-summary::before {\n content: '';\n position: absolute;\n left: 0;\n bottom: 0;\n width: 0;\n height: 2px;\n background: linear-gradient(90deg, #f87171, #fca5a5);\n transition: width 0.3s ease;\n}\n\n@media (hover: hover) {\n .accordion-summary:hover::before {\n width: 60px;\n }\n .accordion-summary:hover {\n color: #f87171;\n padding-left: 8px;\n }\n}\n\n.accordion-summary::-webkit-details-marker {\n display: none;\n}\n\n.accordion-icon {\n font-size: 20px;\n font-weight: 300;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n color: #999;\n min-width: 20px;\n text-align: center;\n}\n\n.accordion-item[open] .accordion-icon {\n transform: rotate(45deg);\n color: #f87171;\n}\n\n.accordion-content {\n padding: 0 0 24px 0;\n animation: slideDown 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n@keyframes slideDown {\n from {\n opacity: 0;\n transform: translateY(-12px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n.features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));\n gap: clamp(16px, 4vw, 20px);\n margin-top: 8px;\n}\n\n.feature-item {\n padding: 16px;\n background: linear-gradient(135deg, #fafafa 0%, #ffffff 100%);\n border-radius: 8px;\n border: 1px solid #f0f0f0;\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n}\n\n.feature-item::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 4px;\n height: 0;\n background: linear-gradient(180deg, #f87171, #fca5a5);\n transition: height 0.3s ease;\n}\n\n@media (hover: hover) {\n .feature-item:hover {\n transform: translateY(-2px);\n box-shadow: 0 4px 12px rgba(248, 113, 113, 0.1);\n border-color: #fecaca;\n }\n .feature-item:hover::before {\n height: 100%;\n }\n}\n\n.feature-item h3 {\n font-size: clamp(13px, 3vw, 14px);\n font-weight: 600;\n color: #1a1a1a;\n margin-bottom: 6px;\n}\n\n.feature-item p {\n font-size: clamp(13px, 3vw, 14px);\n font-weight: 300;\n color: #666;\n margin: 0;\n line-height: 1.6;\n}\n\n.size-table-wrapper {\n width: 100%;\n overflow-x: auto;\n margin: 16px 0;\n border-radius: 8px;\n border: 1px solid #f0f0f0;\n -webkit-overflow-scrolling: touch;\n}\n\n.size-table {\n width: 100%;\n min-width: min(100%, 700px);\n border-collapse: collapse;\n font-size: clamp(10px, 2.5vw, 14px);\n}\n\n.size-table th {\n text-align: center;\n font-weight: 600;\n color: white;\n padding: clamp(8px, 2vw, 16px);\n background: linear-gradient(135deg, #f87171 0%, #fca5a5 100%);\n font-size: clamp(10px, 2.5vw, 14px);\n letter-spacing: 0.5px;\n white-space: nowrap;\n line-height: 1.4;\n vertical-align: middle;\n border: 1px solid #fca5a5;\n}\n\n.size-table td {\n padding: clamp(8px, 2vw, 12px);\n border: 1px solid #f5f5f5;\n color: #4a4a4a;\n font-weight: 400;\n text-align: center;\n white-space: nowrap;\n line-height: 1.4;\n vertical-align: middle;\n background: white;\n}\n\n.size-table tbody tr {\n transition: background 0.2s ease;\n}\n\n@media (hover: hover) {\n .size-table tbody tr:hover {\n background: #fef2f2;\n }\n}\n\n.size-note {\n font-size: clamp(12px, 2.8vw, 13px);\n color: #666;\n font-style: italic;\n margin-top: 16px;\n padding: clamp(10px, 2.5vw, 12px) clamp(12px, 3vw, 16px);\n background: #fef2f2;\n border-left: 3px solid #f87171;\n border-radius: 4px;\n}\n\n.detail-text {\n font-size: clamp(14px, 3.2vw, 15px);\n font-weight: 300;\n color: #4a4a4a;\n line-height: 1.8;\n margin-bottom: 16px;\n}\n\n@media screen and (max-width: 768px) {\n .size-table {\n font-size: clamp(9px, 2.2vw, 12px);\n }\n .size-table th {\n padding: clamp(6px, 1.5vw, 14px);\n font-size: clamp(9px, 2.2vw, 12px);\n }\n .size-table td {\n padding: clamp(6px, 1.5vw, 12px);\n }\n}\n\n@media screen and (max-width: 480px) {\n .size-table {\n font-size: clamp(8px, 2vw, 11px);\n }\n .size-table th {\n padding: clamp(5px, 1.2vw, 12px);\n font-size: clamp(8px, 2vw, 11px);\n }\n .size-table td {\n padding: clamp(5px, 1.2vw, 10px);\n }\n}\n\n@media screen and (max-width: 360px) {\n .size-table {\n font-size: clamp(7px, 1.8vw, 10px);\n }\n .size-table th {\n padding: clamp(4px, 1vw, 10px);\n font-size: clamp(7px, 1.8vw, 10px);\n }\n .size-table td {\n padding: clamp(4px, 1vw, 8px);\n }\n}\n\u003c\/style\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003cp class=\"intro-text\"\u003e\u003cstrong\u003eRugged, multifunctional shorts designed for use in and out of the water.\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003eBuilt of quick-drying NetPlus® 100% postconsumer recycled nylon made from recycled fishing nets to help reduce ocean plastic pollution. Inseam is 6\". Made in a Fair Trade Certified™ factory. Relaxed fit.\u003c\/p\u003e\n\u003cdetails class=\"accordion-item\"\u003e\n\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eFeatures\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eSustainable Fabric\u003c\/h3\u003e\n\u003cp\u003eQuick-drying NetPlus® 100% postconsumer recycled nylon made from recycled fishing nets to help reduce ocean plastic pollution\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eVersatile Design\u003c\/h3\u003e\n\u003cp\u003eDesigned for use in and out of the water with quick-drying performance\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eInseam Length\u003c\/h3\u003e\n\u003cp\u003e6\" inseam for comfortable coverage\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eFair Trade Certified™\u003c\/h3\u003e\n\u003cp\u003eMade in a Fair Trade Certified™ factory, which means the people who made this product earned a premium for their labor\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"accordion-item\"\u003e\n\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eFabric \u0026amp; Care\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cp class=\"detail-text\"\u003eNetPlus® 100% postconsumer recycled nylon made from recycled fishing nets. Made in a Fair Trade Certified™ factory.\u003c\/p\u003e\n\u003cp class=\"detail-text\"\u003e\u003cstrong\u003eCare Instructions:\u003c\/strong\u003e Machine Wash Cold, Do Not Bleach, Tumble Dry Low, Do Not Iron\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Patagonia","offers":[{"title":"Light Violet \/ S \/ Mens","offer_id":53265700520302,"sku":"PAT62M013003","price":66.49,"currency_code":"CAD","in_stock":false},{"title":"Light Violet \/ M \/ Mens","offer_id":53265700553070,"sku":"PAT62M013004","price":66.49,"currency_code":"CAD","in_stock":false},{"title":"Light Violet \/ L \/ Mens","offer_id":53265700585838,"sku":"PAT62M013005","price":66.49,"currency_code":"CAD","in_stock":true},{"title":"Light Violet \/ XL \/ Mens","offer_id":53265700618606,"sku":"PAT62M013006","price":66.49,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/BaggiesLights6_Short-LightViolet-3.png?v=1772217325"},{"product_id":"patagonia-mens-baggies-lights-6-short-weathered-stone-spring-2026","title":"Baggies Lights 6\" Short","description":"\u003cstyle\u003e\n.product-description {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;\n color: #1a1a1a;\n line-height: 1.7;\n max-width: 800px;\n margin: 0;\n padding: 0;\n}\n\n.intro-text {\n font-size: clamp(15px, 3.5vw, 16px);\n font-weight: 300;\n margin-bottom: 32px;\n color: #2c2c2c;\n line-height: 1.8;\n padding-left: 16px;\n border-left: 3px solid #f87171;\n}\n\n.accordion-item {\n border-bottom: 1px solid #e0e0e0;\n transition: border-color 0.2s ease;\n}\n\n.accordion-item:hover {\n border-bottom-color: #f87171;\n}\n\n.accordion-item:last-child {\n border-bottom: none;\n}\n\n.accordion-summary {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: clamp(16px, 4vw, 20px) 0;\n cursor: pointer;\n list-style: none;\n font-size: clamp(12px, 2.8vw, 13px);\n font-weight: 500;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n color: #1a1a1a;\n transition: all 0.3s ease;\n position: relative;\n min-height: 44px;\n}\n\n.accordion-summary::before {\n content: '';\n position: absolute;\n left: 0;\n bottom: 0;\n width: 0;\n height: 2px;\n background: linear-gradient(90deg, #f87171, #fca5a5);\n transition: width 0.3s ease;\n}\n\n@media (hover: hover) {\n .accordion-summary:hover::before {\n width: 60px;\n }\n .accordion-summary:hover {\n color: #f87171;\n padding-left: 8px;\n }\n}\n\n.accordion-summary::-webkit-details-marker {\n display: none;\n}\n\n.accordion-icon {\n font-size: 20px;\n font-weight: 300;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n color: #999;\n min-width: 20px;\n text-align: center;\n}\n\n.accordion-item[open] .accordion-icon {\n transform: rotate(45deg);\n color: #f87171;\n}\n\n.accordion-content {\n padding: 0 0 24px 0;\n animation: slideDown 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n@keyframes slideDown {\n from {\n opacity: 0;\n transform: translateY(-12px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n.features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));\n gap: clamp(16px, 4vw, 20px);\n margin-top: 8px;\n}\n\n.feature-item {\n padding: 16px;\n background: linear-gradient(135deg, #fafafa 0%, #ffffff 100%);\n border-radius: 8px;\n border: 1px solid #f0f0f0;\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n}\n\n.feature-item::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 4px;\n height: 0;\n background: linear-gradient(180deg, #f87171, #fca5a5);\n transition: height 0.3s ease;\n}\n\n@media (hover: hover) {\n .feature-item:hover {\n transform: translateY(-2px);\n box-shadow: 0 4px 12px rgba(248, 113, 113, 0.1);\n border-color: #fecaca;\n }\n .feature-item:hover::before {\n height: 100%;\n }\n}\n\n.feature-item h3 {\n font-size: clamp(13px, 3vw, 14px);\n font-weight: 600;\n color: #1a1a1a;\n margin-bottom: 6px;\n}\n\n.feature-item p {\n font-size: clamp(13px, 3vw, 14px);\n font-weight: 300;\n color: #666;\n margin: 0;\n line-height: 1.6;\n}\n\n.size-table-wrapper {\n width: 100%;\n overflow-x: auto;\n margin: 16px 0;\n border-radius: 8px;\n border: 1px solid #f0f0f0;\n -webkit-overflow-scrolling: touch;\n}\n\n.size-table {\n width: 100%;\n min-width: min(100%, 700px);\n border-collapse: collapse;\n font-size: clamp(10px, 2.5vw, 14px);\n}\n\n.size-table th {\n text-align: center;\n font-weight: 600;\n color: white;\n padding: clamp(8px, 2vw, 16px);\n background: linear-gradient(135deg, #f87171 0%, #fca5a5 100%);\n font-size: clamp(10px, 2.5vw, 14px);\n letter-spacing: 0.5px;\n white-space: nowrap;\n line-height: 1.4;\n vertical-align: middle;\n border: 1px solid #fca5a5;\n}\n\n.size-table td {\n padding: clamp(8px, 2vw, 12px);\n border: 1px solid #f5f5f5;\n color: #4a4a4a;\n font-weight: 400;\n text-align: center;\n white-space: nowrap;\n line-height: 1.4;\n vertical-align: middle;\n background: white;\n}\n\n.size-table tbody tr {\n transition: background 0.2s ease;\n}\n\n@media (hover: hover) {\n .size-table tbody tr:hover {\n background: #fef2f2;\n }\n}\n\n.size-note {\n font-size: clamp(12px, 2.8vw, 13px);\n color: #666;\n font-style: italic;\n margin-top: 16px;\n padding: clamp(10px, 2.5vw, 12px) clamp(12px, 3vw, 16px);\n background: #fef2f2;\n border-left: 3px solid #f87171;\n border-radius: 4px;\n}\n\n.detail-text {\n font-size: clamp(14px, 3.2vw, 15px);\n font-weight: 300;\n color: #4a4a4a;\n line-height: 1.8;\n margin-bottom: 16px;\n}\n\n@media screen and (max-width: 768px) {\n .size-table {\n font-size: clamp(9px, 2.2vw, 12px);\n }\n .size-table th {\n padding: clamp(6px, 1.5vw, 14px);\n font-size: clamp(9px, 2.2vw, 12px);\n }\n .size-table td {\n padding: clamp(6px, 1.5vw, 12px);\n }\n}\n\n@media screen and (max-width: 480px) {\n .size-table {\n font-size: clamp(8px, 2vw, 11px);\n }\n .size-table th {\n padding: clamp(5px, 1.2vw, 12px);\n font-size: clamp(8px, 2vw, 11px);\n }\n .size-table td {\n padding: clamp(5px, 1.2vw, 10px);\n }\n}\n\n@media screen and (max-width: 360px) {\n .size-table {\n font-size: clamp(7px, 1.8vw, 10px);\n }\n .size-table th {\n padding: clamp(4px, 1vw, 10px);\n font-size: clamp(7px, 1.8vw, 10px);\n }\n .size-table td {\n padding: clamp(4px, 1vw, 8px);\n }\n}\n\u003c\/style\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003cp class=\"intro-text\"\u003e\u003cstrong\u003eRugged, multifunctional shorts designed for use in and out of the water.\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003eBuilt of quick-drying NetPlus® 100% postconsumer recycled nylon made from recycled fishing nets to help reduce ocean plastic pollution. Inseam is 6\". Made in a Fair Trade Certified™ factory. Relaxed fit.\u003c\/p\u003e\n\u003cdetails class=\"accordion-item\"\u003e\n\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eFeatures\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eSustainable Fabric\u003c\/h3\u003e\n\u003cp\u003eQuick-drying NetPlus® 100% postconsumer recycled nylon made from recycled fishing nets to help reduce ocean plastic pollution\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eVersatile Design\u003c\/h3\u003e\n\u003cp\u003eDesigned for use in and out of the water with quick-drying performance\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eInseam Length\u003c\/h3\u003e\n\u003cp\u003e6\" inseam for comfortable coverage\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eFair Trade Certified™\u003c\/h3\u003e\n\u003cp\u003eMade in a Fair Trade Certified™ factory, which means the people who made this product earned a premium for their labor\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"accordion-item\"\u003e\n\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eFabric \u0026amp; Care\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cp class=\"detail-text\"\u003eNetPlus® 100% postconsumer recycled nylon made from recycled fishing nets. Made in a Fair Trade Certified™ factory.\u003c\/p\u003e\n\u003cp class=\"detail-text\"\u003e\u003cstrong\u003eCare Instructions:\u003c\/strong\u003e Machine Wash Cold, Do Not Bleach, Tumble Dry Low, Do Not Iron\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Patagonia","offers":[{"title":"Weathered Stone \/ S \/ Mens","offer_id":53265700651374,"sku":"PAT62M014003","price":66.49,"currency_code":"CAD","in_stock":true},{"title":"Weathered Stone \/ M \/ Mens","offer_id":53265700684142,"sku":"PAT62M014004","price":66.49,"currency_code":"CAD","in_stock":true},{"title":"Weathered Stone \/ L \/ Mens","offer_id":53265700716910,"sku":"PAT62M014005","price":66.49,"currency_code":"CAD","in_stock":true},{"title":"Weathered Stone \/ XL \/ Mens","offer_id":53265700749678,"sku":"PAT62M014006","price":66.49,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/BaggiesLights6_Short-WeatheredStone-3.png?v=1772217194"},{"product_id":"patagonia-mens-lw-all-wear-gi-pant-basin-green-spring-2026","title":"LW All-Wear Gi Pant","description":"\u003cstyle\u003e\n.product-description {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;\n color: #1a1a1a;\n line-height: 1.7;\n max-width: 800px;\n margin: 0;\n padding: 0;\n}\n\n.intro-text {\n font-size: clamp(15px, 3.5vw, 16px);\n font-weight: 300;\n margin-bottom: 32px;\n color: #2c2c2c;\n line-height: 1.8;\n padding-left: 16px;\n border-left: 3px solid #f87171;\n}\n\n.accordion-item {\n border-bottom: 1px solid #e0e0e0;\n transition: border-color 0.2s ease;\n}\n\n.accordion-item:hover {\n border-bottom-color: #f87171;\n}\n\n.accordion-item:last-child {\n border-bottom: none;\n}\n\n.accordion-summary {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: clamp(16px, 4vw, 20px) 0;\n cursor: pointer;\n list-style: none;\n font-size: clamp(12px, 2.8vw, 13px);\n font-weight: 500;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n color: #1a1a1a;\n transition: all 0.3s ease;\n position: relative;\n min-height: 44px;\n}\n\n.accordion-summary::before {\n content: '';\n position: absolute;\n left: 0;\n bottom: 0;\n width: 0;\n height: 2px;\n background: linear-gradient(90deg, #f87171, #fca5a5);\n transition: width 0.3s ease;\n}\n\n@media (hover: hover) {\n .accordion-summary:hover::before {\n width: 60px;\n }\n .accordion-summary:hover {\n color: #f87171;\n padding-left: 8px;\n }\n}\n\n.accordion-summary::-webkit-details-marker {\n display: none;\n}\n\n.accordion-icon {\n font-size: 20px;\n font-weight: 300;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n color: #999;\n min-width: 20px;\n text-align: center;\n}\n\n.accordion-item[open] .accordion-icon {\n transform: rotate(45deg);\n color: #f87171;\n}\n\n.accordion-content {\n padding: 0 0 24px 0;\n animation: slideDown 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n@keyframes slideDown {\n from {\n opacity: 0;\n transform: translateY(-12px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n.features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));\n gap: clamp(16px, 4vw, 20px);\n margin-top: 8px;\n}\n\n.feature-item {\n padding: 16px;\n background: linear-gradient(135deg, #fafafa 0%, #ffffff 100%);\n border-radius: 8px;\n border: 1px solid #f0f0f0;\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n}\n\n.feature-item::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 4px;\n height: 0;\n background: linear-gradient(180deg, #f87171, #fca5a5);\n transition: height 0.3s ease;\n}\n\n@media (hover: hover) {\n .feature-item:hover {\n transform: translateY(-2px);\n box-shadow: 0 4px 12px rgba(248, 113, 113, 0.1);\n border-color: #fecaca;\n }\n .feature-item:hover::before {\n height: 100%;\n }\n}\n\n.feature-item h3 {\n font-size: clamp(13px, 3vw, 14px);\n font-weight: 600;\n color: #1a1a1a;\n margin-bottom: 6px;\n}\n\n.feature-item p {\n font-size: clamp(13px, 3vw, 14px);\n font-weight: 300;\n color: #666;\n margin: 0;\n line-height: 1.6;\n}\n\n.size-table-wrapper {\n width: 100%;\n overflow-x: auto;\n margin: 16px 0;\n border-radius: 8px;\n border: 1px solid #f0f0f0;\n -webkit-overflow-scrolling: touch;\n}\n\n.size-table {\n width: 100%;\n min-width: min(100%, 700px);\n border-collapse: collapse;\n font-size: clamp(10px, 2.5vw, 14px);\n background: white;\n}\n\n.size-table th {\n text-align: center;\n font-weight: 600;\n color: white;\n padding: clamp(8px, 2vw, 16px);\n background: linear-gradient(135deg, #f87171 0%, #fca5a5 100%);\n font-size: clamp(9px, 2.2vw, 13px);\n letter-spacing: 0.5px;\n white-space: nowrap;\n line-height: 1.4;\n vertical-align: middle;\n border: 1px solid #f87171;\n}\n\n.size-table td {\n padding: clamp(8px, 2vw, 16px);\n border: 1px solid #e0e0e0;\n color: #4a4a4a;\n font-weight: 400;\n text-align: center;\n white-space: nowrap;\n line-height: 1.4;\n vertical-align: middle;\n background: white;\n}\n\n.size-table tbody tr {\n transition: background 0.2s ease;\n}\n\n@media (hover: hover) {\n .size-table tbody tr:hover {\n background: #fef2f2;\n }\n}\n\n.size-note {\n font-size: clamp(12px, 2.8vw, 13px);\n color: #666;\n font-style: italic;\n margin-top: 16px;\n padding: clamp(10px, 2.5vw, 12px) clamp(12px, 3vw, 16px);\n background: #fef2f2;\n border-left: 3px solid #f87171;\n border-radius: 4px;\n}\n\n.detail-text {\n font-size: clamp(14px, 3.2vw, 15px);\n font-weight: 300;\n color: #4a4a4a;\n line-height: 1.8;\n margin-bottom: 16px;\n}\n\n\/* Responsive scaling for size chart *\/\n@media (max-width: 1024px) {\n .size-table {\n font-size: clamp(9px, 2.3vw, 13px);\n }\n .size-table th {\n padding: clamp(7px, 1.8vw, 14px);\n font-size: clamp(8px, 2vw, 12px);\n }\n .size-table td {\n padding: clamp(7px, 1.8vw, 14px);\n }\n}\n\n@media (max-width: 768px) {\n .size-table {\n font-size: clamp(8px, 2.1vw, 12px);\n }\n .size-table th {\n padding: clamp(6px, 1.6vw, 12px);\n font-size: clamp(7px, 1.8vw, 11px);\n }\n .size-table td {\n padding: clamp(6px, 1.6vw, 12px);\n }\n}\n\n@media (max-width: 480px) {\n .size-table {\n font-size: clamp(7px, 1.9vw, 11px);\n }\n .size-table th {\n padding: clamp(5px, 1.4vw, 10px);\n font-size: clamp(6px, 1.6vw, 10px);\n }\n .size-table td {\n padding: clamp(5px, 1.4vw, 10px);\n }\n}\n\n@media (max-width: 360px) {\n .size-table {\n font-size: clamp(6px, 1.7vw, 10px);\n }\n .size-table th {\n padding: clamp(4px, 1.2vw, 8px);\n font-size: clamp(5px, 1.4vw, 9px);\n }\n .size-table td {\n padding: clamp(4px, 1.2vw, 8px);\n }\n}\n\u003c\/style\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003cp class=\"intro-text\"\u003e\u003cstrong\u003eCool-wearing and breathable by nature, these do-it-all pants are made with a lightweight yet durable blend of organic cotton, hemp and a touch of spandex for added stretch.\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003eWith a relaxed fit through the legs and a casual, elastic waistband with a webbing belt, they're built to keep you moving in comfort on hot days. Inseam is 31\". Made in a Fair Trade Certified™ factory.\u003c\/p\u003e\n\u003cdetails class=\"accordion-item\"\u003e\n\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eFeatures\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eDurable, Cool-Wearing Fabric\u003c\/h3\u003e\n\u003cp\u003eMade with lightweight, cool-wearing 82% organic cotton\/16% hemp\/2% spandex stretch ripstop that's soft and airy.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eClosure Details\u003c\/h3\u003e\n\u003cp\u003eElastic waistband with an adjustable, integrated buckle belt, a zip fly and a button closure.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003ePocket Details\u003c\/h3\u003e\n\u003cp\u003eTwo front pockets and two back drop-in pockets keep your belongings accessible.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eFit Details\u003c\/h3\u003e\n\u003cp\u003eRelaxed fit with a gusseted crotch allows full range of motion.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eInseam Details\u003c\/h3\u003e\n\u003cp\u003eInseam length is 31\".\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eFair Trade Certified™\u003c\/h3\u003e\n\u003cp\u003eMade in a Fair Trade Certified™ factory, which means the people who made this product earned a premium for their labor.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eRelaxed Fit\u003c\/h3\u003e\n\u003cp\u003eRelaxed fit for all-day comfort and freedom of movement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"accordion-item\"\u003e\n\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eSpecifications\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cp class=\"detail-text\"\u003e\u003cstrong\u003eWeight:\u003c\/strong\u003e 394 g (13.9 oz)\u003c\/p\u003e\n\u003cp class=\"detail-text\"\u003e\u003cstrong\u003eFabric:\u003c\/strong\u003e 5.6-oz 82% organic cotton\/16% hemp\/2% spandex stretch ripstop\u003c\/p\u003e\n\u003cp class=\"detail-text\"\u003e\u003cstrong\u003eManufacturing:\u003c\/strong\u003e Made in a Fair Trade Certified™ factory\u003c\/p\u003e\n\u003cp class=\"detail-text\"\u003e\u003cstrong\u003eCountry of Origin:\u003c\/strong\u003e Made in Vietnam\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"accordion-item\"\u003e\n\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eSizing\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"size-table-wrapper\"\u003e\n\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eAlpha Size\u003c\/th\u003e\n\u003cth\u003eNumeric Size\u003c\/th\u003e\n\u003cth\u003eChest\u003c\/th\u003e\n\u003cth\u003eWaist\u003c\/th\u003e\n\u003cth\u003eHip\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eXXS\u003c\/td\u003e\n\u003ctd\u003e26\u003c\/td\u003e\n\u003ctd\u003e34 in\u003c\/td\u003e\n\u003ctd\u003e26 in\u003c\/td\u003e\n\u003ctd\u003e33 in\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eXS\u003c\/td\u003e\n\u003ctd\u003e28\u003c\/td\u003e\n\u003ctd\u003e36 in\u003c\/td\u003e\n\u003ctd\u003e28 in\u003c\/td\u003e\n\u003ctd\u003e35 in\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eXS\u003c\/td\u003e\n\u003ctd\u003e29\u003c\/td\u003e\n\u003ctd\u003e37 in\u003c\/td\u003e\n\u003ctd\u003e29 in\u003c\/td\u003e\n\u003ctd\u003e36 in\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eS\u003c\/td\u003e\n\u003ctd\u003e30\u003c\/td\u003e\n\u003ctd\u003e38 in\u003c\/td\u003e\n\u003ctd\u003e30 in\u003c\/td\u003e\n\u003ctd\u003e37 in\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eS\u003c\/td\u003e\n\u003ctd\u003e31\u003c\/td\u003e\n\u003ctd\u003e39 in\u003c\/td\u003e\n\u003ctd\u003e31 in\u003c\/td\u003e\n\u003ctd\u003e38 in\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eM\u003c\/td\u003e\n\u003ctd\u003e32\u003c\/td\u003e\n\u003ctd\u003e40 in\u003c\/td\u003e\n\u003ctd\u003e32 in\u003c\/td\u003e\n\u003ctd\u003e39 in\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eM\u003c\/td\u003e\n\u003ctd\u003e33\u003c\/td\u003e\n\u003ctd\u003e41 in\u003c\/td\u003e\n\u003ctd\u003e33 in\u003c\/td\u003e\n\u003ctd\u003e40 in\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eL\u003c\/td\u003e\n\u003ctd\u003e34\u003c\/td\u003e\n\u003ctd\u003e42 in\u003c\/td\u003e\n\u003ctd\u003e34 in\u003c\/td\u003e\n\u003ctd\u003e41 in\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eL\u003c\/td\u003e\n\u003ctd\u003e35\u003c\/td\u003e\n\u003ctd\u003e43 in\u003c\/td\u003e\n\u003ctd\u003e35 in\u003c\/td\u003e\n\u003ctd\u003e42 in\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eL\u003c\/td\u003e\n\u003ctd\u003e36\u003c\/td\u003e\n\u003ctd\u003e44 in\u003c\/td\u003e\n\u003ctd\u003e36 in\u003c\/td\u003e\n\u003ctd\u003e43 in\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eXL\u003c\/td\u003e\n\u003ctd\u003e38\u003c\/td\u003e\n\u003ctd\u003e46 in\u003c\/td\u003e\n\u003ctd\u003e38 in\u003c\/td\u003e\n\u003ctd\u003e44.5 in\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eXL\u003c\/td\u003e\n\u003ctd\u003e40\u003c\/td\u003e\n\u003ctd\u003e48 in\u003c\/td\u003e\n\u003ctd\u003e40 in\u003c\/td\u003e\n\u003ctd\u003e46.5 in\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eXXL\u003c\/td\u003e\n\u003ctd\u003e42\u003c\/td\u003e\n\u003ctd\u003e50 in\u003c\/td\u003e\n\u003ctd\u003e42 in\u003c\/td\u003e\n\u003ctd\u003e48.5 in\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eXXL\u003c\/td\u003e\n\u003ctd\u003e44\u003c\/td\u003e\n\u003ctd\u003e52 in\u003c\/td\u003e\n\u003ctd\u003e44 in\u003c\/td\u003e\n\u003ctd\u003e50.5 in\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e3XL\u003c\/td\u003e\n\u003ctd\u003e46\u003c\/td\u003e\n\u003ctd\u003e54 in\u003c\/td\u003e\n\u003ctd\u003e46 in\u003c\/td\u003e\n\u003ctd\u003e52.5 in\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e3XL\u003c\/td\u003e\n\u003ctd\u003e48\u003c\/td\u003e\n\u003ctd\u003e56 in\u003c\/td\u003e\n\u003ctd\u003e48 in\u003c\/td\u003e\n\u003ctd\u003e54.5 in\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003cp class=\"size-note\"\u003eAll measurements are in inches. For the best fit, measure yourself and compare to the size chart.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"accordion-item\"\u003e\n\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eCare Instructions\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cp class=\"detail-text\"\u003eMachine Wash Warm\u003c\/p\u003e\n\u003cp class=\"detail-text\"\u003eDo Not Bleach\u003c\/p\u003e\n\u003cp class=\"detail-text\"\u003eTumble Dry Low\u003c\/p\u003e\n\u003cp class=\"detail-text\"\u003eWarm Iron\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Patagonia","offers":[{"title":"Basin Green \/ S \/ Mens","offer_id":53265700782446,"sku":"PAT62M015003","price":111.29,"currency_code":"CAD","in_stock":false},{"title":"Basin Green \/ M \/ Mens","offer_id":53265700815214,"sku":"PAT62M015004","price":111.29,"currency_code":"CAD","in_stock":true},{"title":"Basin Green \/ L \/ Mens","offer_id":53265700847982,"sku":"PAT62M015005","price":111.29,"currency_code":"CAD","in_stock":true},{"title":"Basin Green \/ XL \/ Mens","offer_id":53265700880750,"sku":"PAT62M015006","price":111.29,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/LWAll-WearGiPant-BasinGreen-3.png?v=1772215156"},{"product_id":"patagonia-mens-outdoor-everyday-6-short-basin-green-spring-2026","title":"Outdoor Everyday 6\" Short","description":"\u003cstyle\u003e\n.product-description {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;\n color: #1a1a1a;\n line-height: 1.7;\n max-width: 800px;\n margin: 0;\n padding: 0;\n}\n\n.intro-text {\n font-size: clamp(15px, 3.5vw, 16px);\n font-weight: 300;\n margin-bottom: 32px;\n color: #2c2c2c;\n line-height: 1.8;\n padding-left: 16px;\n border-left: 3px solid #f87171;\n}\n\n.accordion-item {\n border-bottom: 1px solid #e0e0e0;\n transition: border-color 0.2s ease;\n}\n\n.accordion-item:hover {\n border-bottom-color: #f87171;\n}\n\n.accordion-item:last-child {\n border-bottom: none;\n}\n\n.accordion-summary {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: clamp(16px, 4vw, 20px) 0;\n cursor: pointer;\n list-style: none;\n font-size: clamp(12px, 2.8vw, 13px);\n font-weight: 500;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n color: #1a1a1a;\n transition: all 0.3s ease;\n position: relative;\n min-height: 44px;\n}\n\n.accordion-summary::before {\n content: '';\n position: absolute;\n left: 0;\n bottom: 0;\n width: 0;\n height: 2px;\n background: linear-gradient(90deg, #f87171, #fca5a5);\n transition: width 0.3s ease;\n}\n\n@media (hover: hover) {\n .accordion-summary:hover::before {\n width: 60px;\n }\n .accordion-summary:hover {\n color: #f87171;\n padding-left: 8px;\n }\n}\n\n.accordion-summary::-webkit-details-marker {\n display: none;\n}\n\n.accordion-icon {\n font-size: 20px;\n font-weight: 300;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n color: #999;\n min-width: 20px;\n text-align: center;\n}\n\n.accordion-item[open] .accordion-icon {\n transform: rotate(45deg);\n color: #f87171;\n}\n\n.accordion-content {\n padding: 0 0 24px 0;\n animation: slideDown 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n@keyframes slideDown {\n from {\n opacity: 0;\n transform: translateY(-12px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n.features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));\n gap: clamp(16px, 4vw, 20px);\n margin-top: 8px;\n}\n\n.feature-item {\n padding: 16px;\n background: linear-gradient(135deg, #fafafa 0%, #ffffff 100%);\n border-radius: 8px;\n border: 1px solid #f0f0f0;\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n}\n\n.feature-item::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 4px;\n height: 0;\n background: linear-gradient(180deg, #f87171, #fca5a5);\n transition: height 0.3s ease;\n}\n\n@media (hover: hover) {\n .feature-item:hover {\n transform: translateY(-2px);\n box-shadow: 0 4px 12px rgba(248, 113, 113, 0.1);\n border-color: #fecaca;\n }\n .feature-item:hover::before {\n height: 100%;\n }\n}\n\n.feature-item h3 {\n font-size: clamp(13px, 3vw, 14px);\n font-weight: 600;\n color: #1a1a1a;\n margin-bottom: 6px;\n}\n\n.feature-item p {\n font-size: clamp(13px, 3vw, 14px);\n font-weight: 300;\n color: #666;\n margin: 0;\n line-height: 1.6;\n}\n\n.size-table-wrapper {\n width: 100%;\n overflow-x: auto;\n margin: 16px 0;\n border-radius: 8px;\n border: 1px solid #f0f0f0;\n -webkit-overflow-scrolling: touch;\n}\n\n.size-table {\n width: 100%;\n min-width: min(100%, 700px);\n border-collapse: collapse;\n font-size: clamp(10px, 2.5vw, 14px);\n}\n\n.size-table th {\n text-align: center;\n font-weight: 600;\n color: white;\n padding: clamp(8px, 2vw, 16px);\n background: linear-gradient(135deg, #f87171 0%, #fca5a5 100%);\n font-size: clamp(10px, 2.5vw, 14px);\n letter-spacing: 0.5px;\n white-space: nowrap;\n line-height: 1.4;\n vertical-align: middle;\n border: 1px solid #fca5a5;\n}\n\n.size-table td {\n padding: clamp(8px, 2vw, 12px);\n border: 1px solid #f5f5f5;\n color: #4a4a4a;\n font-weight: 400;\n text-align: center;\n white-space: nowrap;\n line-height: 1.4;\n vertical-align: middle;\n background: white;\n}\n\n.size-table tbody tr {\n transition: background 0.2s ease;\n}\n\n@media (hover: hover) {\n .size-table tbody tr:hover {\n background: #fef2f2;\n }\n}\n\n.size-note {\n font-size: clamp(12px, 2.8vw, 13px);\n color: #666;\n font-style: italic;\n margin-top: 16px;\n padding: clamp(10px, 2.5vw, 12px) clamp(12px, 3vw, 16px);\n background: #fef2f2;\n border-left: 3px solid #f87171;\n border-radius: 4px;\n}\n\n.detail-text {\n font-size: clamp(14px, 3.2vw, 15px);\n font-weight: 300;\n color: #4a4a4a;\n line-height: 1.8;\n margin-bottom: 16px;\n}\n\n@media screen and (max-width: 768px) {\n .size-table {\n font-size: clamp(9px, 2.2vw, 12px);\n }\n .size-table th {\n padding: clamp(6px, 1.5vw, 14px);\n font-size: clamp(9px, 2.2vw, 12px);\n }\n .size-table td {\n padding: clamp(6px, 1.5vw, 12px);\n }\n}\n\n@media screen and (max-width: 480px) {\n .size-table {\n font-size: clamp(8px, 2vw, 11px);\n }\n .size-table th {\n padding: clamp(5px, 1.2vw, 12px);\n font-size: clamp(8px, 2vw, 11px);\n }\n .size-table td {\n padding: clamp(5px, 1.2vw, 10px);\n }\n}\n\n@media screen and (max-width: 360px) {\n .size-table {\n font-size: clamp(7px, 1.8vw, 10px);\n }\n .size-table th {\n padding: clamp(4px, 1vw, 10px);\n font-size: clamp(7px, 1.8vw, 10px);\n }\n .size-table td {\n padding: clamp(4px, 1vw, 8px);\n }\n}\n\u003c\/style\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003cp class=\"intro-text\"\u003e\u003cstrong\u003eRugged and multifunctional, this daily grabber is built from 96% NetPlus® postconsumer recycled nylon made from recycled fishing nets to help reduce ocean plastic pollution\/4% spandex plain weave that provides ample stretch for moving in comfort.\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003eThe fabric is treated with a durable water repellent (DWR) finish made without intentionally added PFAS. Inseam is 6\". Made in a Fair Trade Certified™ factory. Regular fit.\u003c\/p\u003e\n\u003cdetails class=\"accordion-item\"\u003e\n\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eFeatures\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eComfortable, Quick-Drying Fabric\u003c\/h3\u003e\n\u003cp\u003eRugged, multifunctional shorts built of quick-drying 96% NetPlus® postconsumer recycled nylon made from recycled fishing nets to help reduce ocean plastic pollution\/4% spandex plain weave; with a durable water repellent (DWR) finish made without intentionally added PFAS\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eAdjustable Waistband\u003c\/h3\u003e\n\u003cp\u003eElastic waistband with an adjustable, integrated buckle belt, a zip fly and a button closure\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eFront Pocket Details\u003c\/h3\u003e\n\u003cp\u003eTwo front envelope pockets\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eCargo Pockets\u003c\/h3\u003e\n\u003cp\u003eTwo front-thigh cargo pockets secure with flaps and hook-and-loop closures, with webbing tabs for ease of use\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eBack Pocket\u003c\/h3\u003e\n\u003cp\u003eOne back-right drop-in pocket secures with a hook-and-loop closure, and a webbing tab makes it easy to use\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eDesigned for Comfort and Utility\u003c\/h3\u003e\n\u003cp\u003eRegular-fit shorts with a 6\" inseam are unlined with flat-felled stitching for next-to-skin comfort\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eFair Trade Certified™\u003c\/h3\u003e\n\u003cp\u003eMade in a Fair Trade Certified™ factory, which means the people who made this product earned a premium for their labor\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"accordion-item\"\u003e\n\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eFabric \u0026amp; Care\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cp class=\"detail-text\"\u003e4.4-oz 96% NetPlus® postconsumer recycled nylon made from recycled fishing nets to help reduce ocean plastic pollution\/4% spandex plain weave; with a durable water repellent (DWR) finish made without intentionally added PFAS. Fabric is certified as bluesign® approved. Made in a Fair Trade Certified™ factory.\u003c\/p\u003e\n\u003cp class=\"detail-text\"\u003e\u003cstrong\u003eWeight:\u003c\/strong\u003e 244 g (8.6 oz)\u003c\/p\u003e\n\u003cp class=\"detail-text\"\u003e\u003cstrong\u003eCountry of Origin:\u003c\/strong\u003e Made in Sri Lanka.\u003c\/p\u003e\n\u003cp class=\"detail-text\"\u003e\u003cstrong\u003eCare Instructions:\u003c\/strong\u003e Machine Wash Warm, Do Not Bleach, Tumble Dry Low, Cool Iron\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"accordion-item\"\u003e\n\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eSizing\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"size-table-wrapper\"\u003e\n\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eAlpha Size\u003c\/th\u003e\n\u003cth\u003eNumeric Size\u003c\/th\u003e\n\u003cth\u003eChest*\u003c\/th\u003e\n\u003cth\u003eWaist\u003c\/th\u003e\n\u003cth\u003eHip**\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eXXS\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e\u003cstrong\u003e26\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e34 in\u003c\/td\u003e\n\u003ctd\u003e26 in\u003c\/td\u003e\n\u003ctd\u003e33 in\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eXS\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e\u003cstrong\u003e28\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e36 in\u003c\/td\u003e\n\u003ctd\u003e28 in\u003c\/td\u003e\n\u003ctd\u003e35 in\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eXS\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e\u003cstrong\u003e29\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e37 in\u003c\/td\u003e\n\u003ctd\u003e29 in\u003c\/td\u003e\n\u003ctd\u003e36 in\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eS\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e\u003cstrong\u003e30\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e38 in\u003c\/td\u003e\n\u003ctd\u003e30 in\u003c\/td\u003e\n\u003ctd\u003e37 in\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eS\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e\u003cstrong\u003e31\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e39 in\u003c\/td\u003e\n\u003ctd\u003e31 in\u003c\/td\u003e\n\u003ctd\u003e38 in\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eM\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e\u003cstrong\u003e32\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e40 in\u003c\/td\u003e\n\u003ctd\u003e32 in\u003c\/td\u003e\n\u003ctd\u003e39 in\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eM\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e\u003cstrong\u003e33\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e41 in\u003c\/td\u003e\n\u003ctd\u003e33 in\u003c\/td\u003e\n\u003ctd\u003e40 in\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eL\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e\u003cstrong\u003e34\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e42 in\u003c\/td\u003e\n\u003ctd\u003e34 in\u003c\/td\u003e\n\u003ctd\u003e41 in\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eL\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e\u003cstrong\u003e35\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e43 in\u003c\/td\u003e\n\u003ctd\u003e35 in\u003c\/td\u003e\n\u003ctd\u003e42 in\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eL\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e\u003cstrong\u003e36\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e44 in\u003c\/td\u003e\n\u003ctd\u003e36 in\u003c\/td\u003e\n\u003ctd\u003e43 in\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eXL\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e\u003cstrong\u003e38\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e46 in\u003c\/td\u003e\n\u003ctd\u003e38 in\u003c\/td\u003e\n\u003ctd\u003e44.5 in\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eXL\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e\u003cstrong\u003e40\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e48 in\u003c\/td\u003e\n\u003ctd\u003e40 in\u003c\/td\u003e\n\u003ctd\u003e46.5 in\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eXXL\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e\u003cstrong\u003e42\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e50 in\u003c\/td\u003e\n\u003ctd\u003e42 in\u003c\/td\u003e\n\u003ctd\u003e48.5 in\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eXXL\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e\u003cstrong\u003e44\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e52 in\u003c\/td\u003e\n\u003ctd\u003e44 in\u003c\/td\u003e\n\u003ctd\u003e50.5 in\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003e3XL\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e\u003cstrong\u003e46\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e54 in\u003c\/td\u003e\n\u003ctd\u003e46 in\u003c\/td\u003e\n\u003ctd\u003e52.5 in\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003e3XL\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e\u003cstrong\u003e48\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e56 in\u003c\/td\u003e\n\u003ctd\u003e48 in\u003c\/td\u003e\n\u003ctd\u003e54.5 in\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003cp class=\"size-note\"\u003eMeasurements are in inches. For the most accurate fit, measure yourself and compare to the size chart.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Patagonia","offers":[{"title":"Basin Green \/ S \/ Mens","offer_id":53265700913518,"sku":"PAT62M016003","price":76.29,"currency_code":"CAD","in_stock":false},{"title":"Basin Green \/ M \/ Mens","offer_id":53265700946286,"sku":"PAT62M016004","price":76.29,"currency_code":"CAD","in_stock":true},{"title":"Basin Green \/ L \/ Mens","offer_id":53265700979054,"sku":"PAT62M016005","price":76.29,"currency_code":"CAD","in_stock":true},{"title":"Basin Green \/ XL \/ Mens","offer_id":53265701011822,"sku":"PAT62M016006","price":76.29,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/OutdoorEveryday6_Short-BasinGreen3.png?v=1772214716"},{"product_id":"patagonia-mens-point-reyes-canvas-gi-pant-weathered-stone-spring-2026","title":"Point Reyes Canvas Gi Pant","description":"\u003cstyle\u003e\n.product-description {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;\n color: #1a1a1a;\n line-height: 1.7;\n max-width: 800px;\n margin: 0;\n padding: 0;\n}\n\n.intro-text {\n font-size: clamp(15px, 3.5vw, 16px);\n font-weight: 300;\n margin-bottom: 32px;\n color: #2c2c2c;\n line-height: 1.8;\n padding-left: 16px;\n border-left: 3px solid #f87171;\n}\n\n.accordion-item {\n border-bottom: 1px solid #e0e0e0;\n transition: border-color 0.2s ease;\n}\n\n.accordion-item:hover {\n border-bottom-color: #f87171;\n}\n\n.accordion-item:last-child {\n border-bottom: none;\n}\n\n.accordion-summary {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: clamp(16px, 4vw, 20px) 0;\n cursor: pointer;\n list-style: none;\n font-size: clamp(12px, 2.8vw, 13px);\n font-weight: 500;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n color: #1a1a1a;\n transition: all 0.3s ease;\n position: relative;\n min-height: 44px;\n}\n\n.accordion-summary::before {\n content: '';\n position: absolute;\n left: 0;\n bottom: 0;\n width: 0;\n height: 2px;\n background: linear-gradient(90deg, #f87171, #fca5a5);\n transition: width 0.3s ease;\n}\n\n@media (hover: hover) {\n .accordion-summary:hover::before {\n width: 60px;\n }\n .accordion-summary:hover {\n color: #f87171;\n padding-left: 8px;\n }\n}\n\n.accordion-summary::-webkit-details-marker {\n display: none;\n}\n\n.accordion-icon {\n font-size: 20px;\n font-weight: 300;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n color: #999;\n min-width: 20px;\n text-align: center;\n}\n\n.accordion-item[open] .accordion-icon {\n transform: rotate(45deg);\n color: #f87171;\n}\n\n.accordion-content {\n padding: 0 0 24px 0;\n animation: slideDown 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n@keyframes slideDown {\n from {\n opacity: 0;\n transform: translateY(-12px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n.features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));\n gap: clamp(16px, 4vw, 20px);\n margin-top: 8px;\n}\n\n.feature-item {\n padding: 16px;\n background: linear-gradient(135deg, #fafafa 0%, #ffffff 100%);\n border-radius: 8px;\n border: 1px solid #f0f0f0;\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n}\n\n.feature-item::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 4px;\n height: 0;\n background: linear-gradient(180deg, #f87171, #fca5a5);\n transition: height 0.3s ease;\n}\n\n@media (hover: hover) {\n .feature-item:hover {\n transform: translateY(-2px);\n box-shadow: 0 4px 12px rgba(248, 113, 113, 0.1);\n border-color: #fecaca;\n }\n .feature-item:hover::before {\n height: 100%;\n }\n}\n\n.feature-item h3 {\n font-size: clamp(13px, 3vw, 14px);\n font-weight: 600;\n color: #1a1a1a;\n margin-bottom: 6px;\n}\n\n.feature-item p {\n font-size: clamp(13px, 3vw, 14px);\n font-weight: 300;\n color: #666;\n margin: 0;\n line-height: 1.6;\n}\n\n.size-table-wrapper {\n width: 100%;\n overflow-x: auto;\n margin: 16px 0;\n border-radius: 8px;\n border: 1px solid #f0f0f0;\n -webkit-overflow-scrolling: touch;\n}\n\n.size-table {\n width: 100%;\n min-width: min(100%, 700px);\n border-collapse: collapse;\n font-size: clamp(10px, 2.5vw, 14px);\n background: white;\n}\n\n.size-table th {\n text-align: center;\n font-weight: 600;\n color: white;\n padding: clamp(8px, 2vw, 16px);\n background: linear-gradient(135deg, #f87171 0%, #fca5a5 100%);\n font-size: clamp(9px, 2.2vw, 13px);\n letter-spacing: 0.5px;\n white-space: nowrap;\n line-height: 1.4;\n vertical-align: middle;\n border: 1px solid rgba(255, 255, 255, 0.2);\n}\n\n.size-table td {\n padding: clamp(8px, 2vw, 12px);\n border: 1px solid #f0f0f0;\n color: #4a4a4a;\n font-weight: 400;\n text-align: center;\n white-space: nowrap;\n line-height: 1.4;\n vertical-align: middle;\n background: white;\n}\n\n.size-table tbody tr {\n transition: background 0.2s ease;\n}\n\n@media (hover: hover) {\n .size-table tbody tr:hover {\n background: #fef2f2;\n }\n}\n\n@media (max-width: 1024px) {\n .size-table {\n font-size: clamp(9px, 2.3vw, 13px);\n }\n .size-table th {\n padding: clamp(7px, 1.8vw, 14px);\n font-size: clamp(8px, 2vw, 12px);\n }\n .size-table td {\n padding: clamp(7px, 1.8vw, 14px);\n }\n}\n\n@media (max-width: 768px) {\n .size-table {\n font-size: clamp(8px, 2.1vw, 12px);\n }\n .size-table th {\n padding: clamp(6px, 1.6vw, 12px);\n font-size: clamp(7px, 1.8vw, 11px);\n }\n .size-table td {\n padding: clamp(6px, 1.6vw, 12px);\n }\n}\n\n@media (max-width: 480px) {\n .size-table {\n font-size: clamp(7px, 1.9vw, 11px);\n }\n .size-table th {\n padding: clamp(5px, 1.4vw, 10px);\n font-size: clamp(6px, 1.6vw, 10px);\n }\n .size-table td {\n padding: clamp(5px, 1.4vw, 10px);\n }\n}\n\n@media (max-width: 360px) {\n .size-table {\n font-size: clamp(6px, 1.7vw, 10px);\n }\n .size-table th {\n padding: clamp(4px, 1.2vw, 8px);\n font-size: clamp(5px, 1.4vw, 9px);\n }\n .size-table td {\n padding: clamp(4px, 1.2vw, 8px);\n }\n}\n\n.size-note {\n font-size: clamp(12px, 2.8vw, 13px);\n color: #666;\n font-style: italic;\n margin-top: 16px;\n padding: clamp(10px, 2.5vw, 12px) clamp(12px, 3vw, 16px);\n background: #fef2f2;\n border-left: 3px solid #f87171;\n border-radius: 4px;\n}\n\n.detail-text {\n font-size: clamp(14px, 3.2vw, 15px);\n font-weight: 300;\n color: #4a4a4a;\n line-height: 1.8;\n margin-bottom: 16px;\n}\n\u003c\/style\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003cp class=\"intro-text\"\u003e\u003cstrong\u003eConstructed out of our iconic and rugged Stand Up® 100% Regenerative Organic Certified® cotton canvas, these pants are versatile, simple and built for longevity.\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003eTonal bartacks and reinforced patch pockets highlight their durability. With an adjustable waistband and Gi patterning in the crotch for mobility, they're multifunctional pants for daily wear. Inseam (size M) is 32\". Made in a Fair Trade Certified™ factory.\u003c\/p\u003e\n\u003cdetails class=\"accordion-item\"\u003e\n\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eFeatures\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eRegenerative Organic Certified® Cotton\u003c\/h3\u003e\n\u003cp\u003eBody fabric is made with 9.5-oz 100% Regenerative Organic Certified® cotton canvas\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eAdjustable Waistband\u003c\/h3\u003e\n\u003cp\u003eElastic waistband with an adjustable, integrated buckle belt, a zip fly and a button closure\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eFront Pockets\u003c\/h3\u003e\n\u003cp\u003eSide-entry front pockets are lined with 65% Cotton in Conversion\/35% recycled polyester twill\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eBack Pockets\u003c\/h3\u003e\n\u003cp\u003eTwo drop-in patch pockets in back\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eGusseted Crotch\u003c\/h3\u003e\n\u003cp\u003eGusseted crotch allows full range of motion\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eRegular Fit\u003c\/h3\u003e\n\u003cp\u003eComfortable, versatile fit for daily wear\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"accordion-item\"\u003e\n\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eSpecifications\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eInseam Length\u003c\/h3\u003e\n\u003cp\u003eInseam (size M) is 32\"\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eWeight\u003c\/h3\u003e\n\u003cp\u003e638 g (22.5 oz)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eBody\u003c\/h3\u003e\n\u003cp\u003e9.5-oz 100% Regenerative Organic Certified® cotton canvas\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003ePocket Lining\u003c\/h3\u003e\n\u003cp\u003e5.4-oz 65% Cotton in Conversion\/35% recycled polyester twill\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eCountry of Origin\u003c\/h3\u003e\n\u003cp\u003eMade in Sri Lanka\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eFair Trade Certified™\u003c\/h3\u003e\n\u003cp\u003eMade in a Fair Trade Certified™ factory, which means the people who made this product earned a premium for their labor\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"accordion-item\"\u003e\n\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eCare Instructions\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cp class=\"detail-text\"\u003eMachine Wash Warm, Do Not Bleach, Tumble Dry Low, Warm Iron\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"accordion-item\"\u003e\n\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eSizing\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"size-table-wrapper\"\u003e\n\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eAlpha Size\u003c\/th\u003e\n\u003cth\u003eNumeric Size\u003c\/th\u003e\n\u003cth\u003eChest\u003c\/th\u003e\n\u003cth\u003eWaist\u003c\/th\u003e\n\u003cth\u003eHip\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eXXS\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e\u003cstrong\u003e26\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e34 in\u003c\/td\u003e\n\u003ctd\u003e26 in\u003c\/td\u003e\n\u003ctd\u003e33 in\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eXS\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e\u003cstrong\u003e28\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e36 in\u003c\/td\u003e\n\u003ctd\u003e28 in\u003c\/td\u003e\n\u003ctd\u003e35 in\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eXS\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e\u003cstrong\u003e29\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e37 in\u003c\/td\u003e\n\u003ctd\u003e29 in\u003c\/td\u003e\n\u003ctd\u003e36 in\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eS\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e\u003cstrong\u003e30\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e38 in\u003c\/td\u003e\n\u003ctd\u003e30 in\u003c\/td\u003e\n\u003ctd\u003e37 in\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eS\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e\u003cstrong\u003e31\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e39 in\u003c\/td\u003e\n\u003ctd\u003e31 in\u003c\/td\u003e\n\u003ctd\u003e38 in\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eM\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e\u003cstrong\u003e32\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e40 in\u003c\/td\u003e\n\u003ctd\u003e32 in\u003c\/td\u003e\n\u003ctd\u003e39 in\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eM\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e\u003cstrong\u003e33\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e41 in\u003c\/td\u003e\n\u003ctd\u003e33 in\u003c\/td\u003e\n\u003ctd\u003e40 in\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eL\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e\u003cstrong\u003e34\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e42 in\u003c\/td\u003e\n\u003ctd\u003e34 in\u003c\/td\u003e\n\u003ctd\u003e41 in\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eL\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e\u003cstrong\u003e35\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e43 in\u003c\/td\u003e\n\u003ctd\u003e35 in\u003c\/td\u003e\n\u003ctd\u003e42 in\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eL\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e\u003cstrong\u003e36\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e44 in\u003c\/td\u003e\n\u003ctd\u003e36 in\u003c\/td\u003e\n\u003ctd\u003e43 in\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eXL\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e\u003cstrong\u003e38\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e46 in\u003c\/td\u003e\n\u003ctd\u003e38 in\u003c\/td\u003e\n\u003ctd\u003e44.5 in\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eXL\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e\u003cstrong\u003e40\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e48 in\u003c\/td\u003e\n\u003ctd\u003e40 in\u003c\/td\u003e\n\u003ctd\u003e46.5 in\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eXXL\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e\u003cstrong\u003e42\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e50 in\u003c\/td\u003e\n\u003ctd\u003e42 in\u003c\/td\u003e\n\u003ctd\u003e48.5 in\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eXXL\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e\u003cstrong\u003e44\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e52 in\u003c\/td\u003e\n\u003ctd\u003e44 in\u003c\/td\u003e\n\u003ctd\u003e50.5 in\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003e3XL\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e\u003cstrong\u003e46\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e54 in\u003c\/td\u003e\n\u003ctd\u003e46 in\u003c\/td\u003e\n\u003ctd\u003e52.5 in\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003e3XL\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e\u003cstrong\u003e48\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e56 in\u003c\/td\u003e\n\u003ctd\u003e48 in\u003c\/td\u003e\n\u003ctd\u003e54.5 in\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Patagonia","offers":[{"title":"Weathered Stone \/ S \/ Mens","offer_id":53265701142894,"sku":"PAT62M017003","price":111.29,"currency_code":"CAD","in_stock":true},{"title":"Weathered Stone \/ M \/ Mens","offer_id":53265701175662,"sku":"PAT62M017004","price":111.29,"currency_code":"CAD","in_stock":true},{"title":"Weathered Stone \/ L \/ Mens","offer_id":53265701208430,"sku":"PAT62M017005","price":111.29,"currency_code":"CAD","in_stock":true},{"title":"Weathered Stone \/ XL \/ Mens","offer_id":53265701241198,"sku":"PAT62M017006","price":111.29,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/PointReyesCanvasGiPant-WeatheredStone.png?v=1772225904"}],"url":"https:\/\/boardroomshop.com\/collections\/2026-spring-mens-bottoms.oembed?page=8","provider":"The Boardroom","version":"1.0","type":"link"}