{"product_id":"patagonia-mens-self-guided-sun-shirt-s-s-coastal-edge-weathered-stone-spring-2026","title":"Self Guided Sun Shirt S\/S","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\u003eThe do-it-all Men's Short-Sleeved Self-Guided Sun Shirt combines intuitive, on-the-water\/trail performance with 40+ UPF sun protection and breezy, all-day comfort.\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003eStretchy, quick-drying 100% recycled polyester fabric moves athletically, stays cool and looks snazzy in any situation. 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\u003eFabric Details\u003c\/h3\u003e\n\u003cp\u003eComfortable, lightweight, quick-drying 100% recycled polyester plain weave with 40+ UPF sun protection and mechanical stretch for easy movement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003ePocket Details\u003c\/h3\u003e\n\u003cp\u003eTwo vertical chest pockets with corrosion-resistant zippers fit fly boxes; two button-closure chest pockets keep essentials close, and there's a hidden tool dock under the right-chest pocket flap\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eCollar Details\u003c\/h3\u003e\n\u003cp\u003eDouble-layer collar converts to a stand-up collar for additional sun protection, and hidden snaps at the collar points eliminate flapping in the wind\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eStay-Cool Venting\u003c\/h3\u003e\n\u003cp\u003eOpen venting across the back and shoulders increases airflow for cooling comfort in steamy weather\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eFit Details\u003c\/h3\u003e\n\u003cp\u003eExtended hem stays in place while casting, rowing or hiking to enhance comfort and sun protection, and the shirt won't bunch or ride up when worn with hip packs\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eLens Cleaner\u003c\/h3\u003e\n\u003cp\u003eIntegrated, intuitively positioned, easy-access lens cleaner is sewn in at the front hem to ensure clean optics without having to search for your lens cloth\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\"\u003e3.5-oz 100% recycled polyester stretch plain weave with a wicking finish and 40+ UPF sun protection. 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 227 g (8 oz)\u003c\/p\u003e\n\u003cp class=\"detail-text\"\u003e\u003cstrong\u003eCountry of Origin:\u003c\/strong\u003e Made in Vietnam.\u003c\/p\u003e\n\u003cp class=\"detail-text\"\u003e\u003cstrong\u003eCare Instructions:\u003c\/strong\u003e Machine Wash Cold, 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":"Coastal Edge\/Weathered Stone \/ S \/ Mens","offer_id":53265702158702,"sku":"PAT62M023003","price":108.99,"currency_code":"CAD","in_stock":true},{"title":"Coastal Edge\/Weathered Stone \/ M \/ Mens","offer_id":53265702191470,"sku":"PAT62M023004","price":108.99,"currency_code":"CAD","in_stock":true},{"title":"Coastal Edge\/Weathered Stone \/ L \/ Mens","offer_id":53265702224238,"sku":"PAT62M023005","price":108.99,"currency_code":"CAD","in_stock":true},{"title":"Coastal Edge\/Weathered Stone \/ XL \/ Mens","offer_id":53265702257006,"sku":"PAT62M023006","price":108.99,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/SelfGuidedSunShirtS_S-CoastalEdge_WeatheredStone-3.png?v=1772212391","url":"https:\/\/boardroomshop.com\/products\/patagonia-mens-self-guided-sun-shirt-s-s-coastal-edge-weathered-stone-spring-2026","provider":"The Boardroom","version":"1.0","type":"link"}