{"title":"2026 Spring womens tops","description":null,"products":[{"product_id":"levis-womens-teodora-western-l-s-shirt-med-indigo-spring-2026","title":"Teodora Western L\/S Shirt","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\u003cdiv class=\"product-description\"\u003e\n\u003cp class=\"intro-text\"\u003eCowboy boots not included. Our Teodora Western Shirt is a feminine take on a western staple, with a classic snap-button front, two patch pockets, a relaxed fit and a western-inspired yoke design.\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\u003eFeminine Western Staple\u003c\/h3\u003e\n\u003cp\u003eA feminine take on classic western styling.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eRelaxed Fit\u003c\/h3\u003e\n\u003cp\u003eCut with a relaxed fit for all-day comfort.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eSnap-Button Front\u003c\/h3\u003e\n\u003cp\u003eFeatures a classic snap-button front closure.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eWestern Yoke Detailing\u003c\/h3\u003e\n\u003cp\u003eFinished with western-inspired yoke design.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eTencel™ Lyocell Blend\u003c\/h3\u003e\n\u003cp\u003eMade with 61.5% lyocell\/38.5% cotton for softness.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eLong Sleeve\u003c\/h3\u003e\n\u003cp\u003ePoint collar with long sleeves and two patch pockets.\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\u003eSizing\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\u003eChest (cm)\u003c\/th\u003e\n\u003cth\u003eWaist (cm)\u003c\/th\u003e\n\u003cth\u003eHip (cm)\u003c\/th\u003e\n\u003c\/tr\u003e\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eXXS\u003c\/td\u003e\n\u003ctd\u003e79\u003c\/td\u003e\n\u003ctd\u003e62\u003c\/td\u003e\n\u003ctd\u003e86\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eXS\u003c\/td\u003e\n\u003ctd\u003e84\u003c\/td\u003e\n\u003ctd\u003e66\u003c\/td\u003e\n\u003ctd\u003e91\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eS\u003c\/td\u003e\n\u003ctd\u003e89\u003c\/td\u003e\n\u003ctd\u003e71\u003c\/td\u003e\n\u003ctd\u003e97\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eM\u003c\/td\u003e\n\u003ctd\u003e94\u003c\/td\u003e\n\u003ctd\u003e76\u003c\/td\u003e\n\u003ctd\u003e102\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eL\u003c\/td\u003e\n\u003ctd\u003e100\u003c\/td\u003e\n\u003ctd\u003e83\u003c\/td\u003e\n\u003ctd\u003e108\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eXL\u003c\/td\u003e\n\u003ctd\u003e108\u003c\/td\u003e\n\u003ctd\u003e90\u003c\/td\u003e\n\u003ctd\u003e116\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\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\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Levi's","offers":[{"title":"Med Indigo \/ XS \/ Womens","offer_id":53064625783150,"sku":"LEV62W002002","price":62.99,"currency_code":"CAD","in_stock":true},{"title":"Med Indigo \/ S \/ Womens","offer_id":53064625815918,"sku":"LEV62W002003","price":62.99,"currency_code":"CAD","in_stock":true},{"title":"Med Indigo \/ M \/ Womens","offer_id":53064625848686,"sku":"LEV62W002004","price":62.99,"currency_code":"CAD","in_stock":false},{"title":"Med Indigo \/ L \/ Womens","offer_id":53064625881454,"sku":"LEV62W002005","price":62.99,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/TeodoraWesternL_SShirt-MedIndigo_ec9f652a-48ed-4f7c-bf6f-c1da33602f07.png?v=1765561220"},{"product_id":"vans-womens-kiki-cami-tank-top-black-spring-2026","title":"Kiki Cami Tank Top","description":"","brand":"VANS","offers":[{"title":"Black \/ S \/ Womens","offer_id":53094560301422,"sku":"VAN62W160003","price":24.49,"currency_code":"CAD","in_stock":false},{"title":"Black \/ M \/ Womens","offer_id":53094560334190,"sku":"VAN62W160004","price":24.49,"currency_code":"CAD","in_stock":true},{"title":"Black \/ L \/ Womens","offer_id":53094560366958,"sku":"VAN62W160005","price":24.49,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/KikiCamiTankTop-BLack_f3050c4e-d3d7-4ff3-9ace-bf2ea1fda6b3.png?v=1783613405"},{"product_id":"vans-womens-womens-pomona-station-jacket-stonewash-blue-spring-2026","title":"Womens Pomona Station Jacket","description":"","brand":"VANS","offers":[{"title":"Stonewash Blue \/ S \/ Womens","offer_id":53094560629102,"sku":"VAN62W170003","price":83.99,"currency_code":"CAD","in_stock":true},{"title":"Stonewash Blue \/ M \/ Womens","offer_id":53094560661870,"sku":"VAN62W170004","price":83.99,"currency_code":"CAD","in_stock":true},{"title":"Stonewash Blue \/ L \/ Womens","offer_id":53094560694638,"sku":"VAN62W170005","price":83.99,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/WomensPomonaStationJacket-StonewashBlue.png?v=1778792315"},{"product_id":"billabong-womens-all-the-days-kendal-crew-dark-olive-spring-2026","title":"All The Days Kendal Crew","description":"\u003cstyle\u003e .product-description { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; color: #1a1a1a; line-height: 1.7; max-width: 800px; margin: 0; padding: 0; } .intro-text { font-size: 16px; font-weight: 300; margin-bottom: 32px; color: #2c2c2c; line-height: 1.8; position: relative; padding-left: 16px; border-left: 3px solid #f87171; } .accordion-item { border-bottom: 1px solid #e0e0e0; transition: all 0.2s ease; } .accordion-item:hover { border-bottom-color: #f87171; } .accordion-item:last-child { border-bottom: none; } .accordion-summary { display: flex; justify-content: space-between; align-items: center; padding: 20px 0; cursor: pointer; list-style: none; font-size: 13px; font-weight: 500; letter-spacing: 1.5px; text-transform: uppercase; color: #1a1a1a; transition: all 0.3s ease; position: relative; } .accordion-summary::before { content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 2px; background: linear-gradient(90deg, #f87171, #fca5a5); transition: width 0.3s ease; } .accordion-summary:hover::before { width: 60px; } .accordion-summary:hover { color: #f87171; padding-left: 8px; } .accordion-summary::-webkit-details-marker { display: none; } .accordion-icon { font-size: 20px; font-weight: 300; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); color: #999; } .accordion-item[open] .accordion-icon { transform: rotate(45deg); color: #f87171; } .accordion-content { padding: 0 0 24px 0; animation: slideDown 0.4s cubic-bezier(0.4, 0, 0.2, 1); overflow: hidden; } @keyframes slideDown { from { opacity: 0; transform: translateY(-12px); } to { opacity: 1; transform: translateY(0); } } .features-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin-top: 8px; } .feature-item { padding: 16px; background: linear-gradient(135deg, #fafafa 0%, #ffffff 100%); border-radius: 8px; border: 1px solid #f0f0f0; transition: all 0.3s ease; position: relative; overflow: hidden; } .feature-item::before { content: ''; position: absolute; top: 0; left: 0; width: 4px; height: 0; background: linear-gradient(180deg, #f87171, #fca5a5); transition: height 0.3s ease; } .feature-item:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(248, 113, 113, 0.1); border-color: #fecaca; } .feature-item:hover::before { height: 100%; } .feature-item h3 { font-size: 14px; font-weight: 600; color: #1a1a1a; margin-bottom: 6px; } .feature-item p { font-size: 14px; font-weight: 300; color: #666; margin: 0; line-height: 1.6; } .size-table-wrapper { width: 100%; overflow-x: auto; margin: 16px 0; border-radius: 8px; border: 1px solid #f0f0f0; -webkit-overflow-scrolling: touch; } .size-table { width: 100%; min-width: 900px; border-collapse: collapse; font-size: 13px; } .size-table th { text-align: center; font-weight: 500; color: white; padding: 12px 8px; background: linear-gradient(135deg, #f87171 0%, #fca5a5 100%); font-size: 11px; letter-spacing: 0.3px; white-space: normal; word-wrap: break-word; line-height: 1.3; vertical-align: middle; } .size-table td { padding: 12px 8px; border-bottom: 1px solid #f5f5f5; color: #4a4a4a; font-weight: 300; transition: all 0.2s ease; text-align: center; white-space: normal; word-wrap: break-word; line-height: 1.4; vertical-align: middle; } .size-table tr:last-child td { border-bottom: none; } .size-table tbody tr { transition: all 0.2s ease; } .size-table tbody tr:hover { background: #fef2f2; } .size-note { font-size: 13px; color: #666; font-style: italic; margin-top: 16px; padding: 12px 16px; background: #fef2f2; border-left: 3px solid #f87171; border-radius: 4px; } .detail-text { font-size: 15px; font-weight: 300; color: #4a4a4a; line-height: 1.8; margin-bottom: 16px; } .flex-rating { margin-top: 8px; } .flex-rating-header { font-size: 14px; font-weight: 600; color: #1a1a1a; margin-bottom: 16px; } .flex-rating-bars { display: flex; gap: 4px; margin-bottom: 12px; } .flex-bar { flex: 1; height: 32px; background: #f0f0f0; border-radius: 6px; transition: all 0.3s ease; } .flex-bar.active { background: linear-gradient(135deg, #f87171 0%, #fca5a5 100%); box-shadow: 0 2px 8px rgba(248, 113, 113, 0.2); } .flex-labels { display: flex; gap: 4px; } .flex-label { flex: 1; text-align: center; } .flex-label-name { font-size: 13px; font-weight: 500; color: #1a1a1a; margin-bottom: 4px; } .flex-label-range { font-size: 12px; color: #666; } .terrain-rating-section { margin-bottom: 24px; } .terrain-rating-item { margin-bottom: 16px; } .terrain-label { font-size: 14px; font-weight: 600; color: #1a1a1a; margin-bottom: 8px; } .skill-rating-section { margin-top: 24px; } .skill-rating-bars { display: flex; gap: 4px; } .skill-bar { flex: 1; height: 32px; background: #f0f0f0; border-radius: 6px; transition: all 0.3s ease; display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 500; color: #999; } .skill-bar.active { background: linear-gradient(135deg, #f87171 0%, #fca5a5 100%); box-shadow: 0 2px 8px rgba(248, 113, 113, 0.2); color: white; } @media (max-width: 768px) { .features-grid { grid-template-columns: 1fr; gap: 16px; } .feature-item:hover { transform: none; } .accordion-summary:hover { padding-left: 0; } .accordion-summary::before { display: none; } .accordion-summary { padding: 16px 0; font-size: 12px; } .size-table { min-width: 800px; font-size: 11px; } .size-table th { padding: 10px 6px; font-size: 10px; line-height: 1.2; } .size-table td { padding: 10px 6px; font-size: 11px; } .intro-text { font-size: 15px; } .flex-bar { height: 28px; } .flex-label-name { font-size: 12px; } .flex-label-range { font-size: 11px; } .skill-bar { height: 28px; font-size: 11px; } } @media (max-width: 480px) { .size-table { min-width: 700px; font-size: 10px; } .size-table th { padding: 8px 4px; font-size: 9px; line-height: 1.2; } .size-table td { padding: 8px 4px; font-size: 10px; } .size-note { font-size: 12px; padding: 10px 12px; } }\u003c\/style\u003e\u003cdiv class=\"product-description\"\u003e\n\u003cp class=\"intro-text\"\u003eSoft brushed fleece meets laid-back style in this cozy crew neck.\u003cbr\u003e\u003cbr\u003eThe relaxed fit and eye-catching graphic print make this Billabong sweatshirt perfect for casual everyday adventures. Pullover design with crew neckline offers effortless comfort and timeless style.\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\u003eSoft Brushed Fleece\u003c\/h3\u003e\n\u003cp\u003eCozy brushed fleece fabric provides warmth and comfort for all-day wear.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eRelaxed Fit\u003c\/h3\u003e\n\u003cp\u003eComfortable, laid-back silhouette perfect for casual everyday adventures.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eGraphic Screen Print\u003c\/h3\u003e\n\u003cp\u003eEye-catching graphic design adds personality and Billabong style.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eCrew Neckline\u003c\/h3\u003e\n\u003cp\u003eClassic crew neck design provides timeless style and versatile 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\u003eSpecifications\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"accordion-content\"\u003e\n\u003cp class=\"detail-text\"\u003e\u003cstrong\u003eStyle:\u003c\/strong\u003e Pullover crew neck\u003c\/p\u003e\n\u003cp class=\"detail-text\"\u003e\u003cstrong\u003eFit:\u003c\/strong\u003e Relaxed\u003c\/p\u003e\n\u003cp class=\"detail-text\"\u003e\u003cstrong\u003eFabric:\u003c\/strong\u003e Soft brushed fleece\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\u003cdetails class=\"accordion-item\"\u003e\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eCare\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"accordion-content\"\u003e\u003cp class=\"detail-text\"\u003eMachine wash cold with like colors. Tumble dry low. Do not bleach. Cool iron if needed.\u003c\/p\u003e\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Billabong","offers":[{"title":"Dark Olive \/ S \/ Womens","offer_id":53110627238254,"sku":"BIL62W001003","price":55.99,"currency_code":"CAD","in_stock":true},{"title":"Dark Olive \/ M \/ Womens","offer_id":53110627271022,"sku":"BIL62W001004","price":55.99,"currency_code":"CAD","in_stock":true},{"title":"Dark Olive \/ L \/ Womens","offer_id":53110627303790,"sku":"BIL62W001005","price":55.99,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/AllTheDaysKendalCrew-DarkOlive-1.png?v=1766438599"},{"product_id":"billabong-womens-between-night-and-dawn-s-s-t-shirt-dark-citron-spring-2026","title":"Between Night And Dawn S\/S T-Shirt","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; } @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; } .intro-text { font-size: 15px; } }\u003c\/style\u003e\u003cdiv class=\"product-description\"\u003e\n\u003cp class=\"intro-text\"\u003eMade from soft cotton jersey with pigment dye, this oversized crew neck tee rocks a screen-printed design that captures that magical moment between nightfall and daybreak.\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\u003eOversized Fit\u003c\/h3\u003e\n\u003cp\u003eRelaxed crew neck silhouette for ultimate comfort.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003ePigment Dye\u003c\/h3\u003e\n\u003cp\u003eUnique color treatment for a lived-in, vintage look.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eScreen-Printed Design\u003c\/h3\u003e\n\u003cp\u003eEye-catching graphic celebrating the twilight hour.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eHPS: 27.5\"\u003c\/h3\u003e\n\u003cp\u003ePerfect length for versatile styling options.\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=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eFabric\u003c\/h3\u003e\n\u003cp\u003eSoft cotton jersey with pigment dye finish\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, tumble dry low\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Billabong","offers":[{"title":"Dark Citron \/ XS \/ Womens","offer_id":53110627434862,"sku":"BIL62W003002","price":34.99,"currency_code":"CAD","in_stock":false},{"title":"Dark Citron \/ S \/ Womens","offer_id":53110627467630,"sku":"BIL62W003003","price":34.99,"currency_code":"CAD","in_stock":false},{"title":"Dark Citron \/ M \/ Womens","offer_id":53110627500398,"sku":"BIL62W003004","price":34.99,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/BetweenNightandDawnSST-DarkCitron-2.png?v=1766438689"},{"product_id":"billabong-womens-bleached-out-kendal-crew-blue-mist-spring-2026","title":"Bleached Out Kendal Crew","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; } @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; } .intro-text { font-size: 15px; } }\u003c\/style\u003e\u003cdiv class=\"product-description\"\u003e\n\u003cp class=\"intro-text\"\u003eThis laid-back crewneck sweatshirt brings casual cool to your wardrobe with its specialty bleached wash and soft brushed fleece fabric. The relaxed fit and classic logo embroidery seal the deal.\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\u003ePullover Crew Neck\u003c\/h3\u003e\n\u003cp\u003eClassic silhouette for effortless style.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eSpecialty Bleached Wash\u003c\/h3\u003e\n\u003cp\u003eUnique treatment for a lived-in, vintage aesthetic.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eBrushed Fleece Fabric\u003c\/h3\u003e\n\u003cp\u003eSoft, cozy interior for all-day comfort.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eLogo Embroidery\u003c\/h3\u003e\n\u003cp\u003eSignature branding at front chest.\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=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eFabric\u003c\/h3\u003e\n\u003cp\u003eBrushed fleece with specialty bleached wash\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, tumble dry low\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Billabong","offers":[{"title":"Blue Mist \/ S \/ Womens","offer_id":53110627533166,"sku":"BIL62W004003","price":55.99,"currency_code":"CAD","in_stock":false},{"title":"Blue Mist \/ M \/ Womens","offer_id":53110627565934,"sku":"BIL62W004004","price":55.99,"currency_code":"CAD","in_stock":true},{"title":"Blue Mist \/ L \/ Womens","offer_id":53110627598702,"sku":"BIL62W004005","price":55.99,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/BleachedOutKindalCrew-BlueMist1.png?v=1766438701"},{"product_id":"billabong-womens-bleached-out-kendal-crew-vanilla-spring-2026","title":"Bleached Out Kendal Crew","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; } @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; } .intro-text { font-size: 15px; } }\u003c\/style\u003e\u003cdiv class=\"product-description\"\u003e\n\u003cp class=\"intro-text\"\u003eThis laid-back crewneck sweatshirt brings casual cool to your wardrobe with its specialty bleached wash and soft brushed fleece fabric. The relaxed fit and classic logo embroidery seal the deal.\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\u003ePullover Crew Neck\u003c\/h3\u003e\n\u003cp\u003eClassic silhouette for effortless style.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eSpecialty Bleached Wash\u003c\/h3\u003e\n\u003cp\u003eUnique treatment for a lived-in, vintage aesthetic.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eBrushed Fleece Fabric\u003c\/h3\u003e\n\u003cp\u003eSoft, cozy interior for all-day comfort.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eLogo Embroidery\u003c\/h3\u003e\n\u003cp\u003eSignature branding at front chest.\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=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eFabric\u003c\/h3\u003e\n\u003cp\u003eBrushed fleece with specialty bleached wash\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, tumble dry low\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Billabong","offers":[{"title":"Vanilla \/ S \/ Womens","offer_id":53110627631470,"sku":"BIL62W005003","price":55.99,"currency_code":"CAD","in_stock":false},{"title":"Vanilla \/ M \/ Womens","offer_id":53110627664238,"sku":"BIL62W005004","price":55.99,"currency_code":"CAD","in_stock":true},{"title":"Vanilla \/ L \/ Womens","offer_id":53110627697006,"sku":"BIL62W005005","price":55.99,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/BleachedOutKendalCrew-Vanilla1.png?v=1766438744"},{"product_id":"billabong-womens-classic-feels-half-zip-pullover-l-s-top-white-cap-spring-2026","title":"Classic Feels Half Zip Pullover L\/S Top","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; } @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; } .intro-text { font-size: 15px; } }\u003c\/style\u003e\u003cdiv class=\"product-description\"\u003e\n\u003cp class=\"intro-text\"\u003eCozy cotton comfort meets laid-back style in this relaxed-fit pullover. The half-zip neckline adds versatility while Billabong's signature embroidered logo keeps things authentically casual.\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\u003eRelaxed Fit\u003c\/h3\u003e\n\u003cp\u003eComfortable pullover silhouette for easy layering.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eHalf-Zip Neckline\u003c\/h3\u003e\n\u003cp\u003eAdjustable coverage for versatile styling options.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eLogo Embroidery\u003c\/h3\u003e\n\u003cp\u003eSignature Billabong branding at front chest.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eCotton Fleece\u003c\/h3\u003e\n\u003cp\u003eSoft, cozy fabric for all-day comfort.\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=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eFabric\u003c\/h3\u003e\n\u003cp\u003eSoft cotton fleece blend\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, tumble dry low\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Billabong","offers":[{"title":"White Cap \/ S \/ Womens","offer_id":53110627828078,"sku":"BIL62W007003","price":60.19,"currency_code":"CAD","in_stock":true},{"title":"White Cap \/ M \/ Womens","offer_id":53110627860846,"sku":"BIL62W007004","price":60.19,"currency_code":"CAD","in_stock":true},{"title":"White Cap \/ L \/ Womens","offer_id":53110627893614,"sku":"BIL62W007005","price":60.19,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/ClassicFeelsHalfZip-WhiteCap-1.png?v=1766438834"},{"product_id":"billabong-womens-daily-knit-s-s-t-shirt-salt-crystal-spring-2026","title":"Daily Knit S\/S T-Shirt","description":"\u003cp\u003e1001 S\/S KNIT TOPS \"This essential fitted crop tee brings effortless style to your everyday wardrobe. Crafted from soft cotton jersey with a classic crew neck it's perfect for casual comfort. Fit: Crew neck\"\u003c\/p\u003e","brand":"Billabong","offers":[{"title":"Salt Crystal \/ S \/ Womens","offer_id":53110627926382,"sku":"BIL62W008003","price":32.19,"currency_code":"CAD","in_stock":true},{"title":"Salt Crystal \/ M \/ Womens","offer_id":53110627959150,"sku":"BIL62W008004","price":32.19,"currency_code":"CAD","in_stock":true},{"title":"Salt Crystal \/ L \/ Womens","offer_id":53110627991918,"sku":"BIL62W008005","price":32.19,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/DailyTeeSSKnit-SaltCrystal-001.png?v=1766438818"},{"product_id":"billabong-womens-daily-knit-s-s-t-shirt-blue-mist-spring-2026","title":"Daily Knit S\/S T-Shirt","description":"\u003cp\u003eDAILY TEE SS KNT \"Keep your cool in this fitted crop tee crafted from soft cotton jersey. The specialty wash gives it that perfectly broken-in feel while the classic crew neck adds timeless style. Fit: Crew neck\"\u003c\/p\u003e","brand":"Billabong","offers":[{"title":"Blue Mist \/ S \/ Womens","offer_id":53110628024686,"sku":"BIL62W009003","price":32.19,"currency_code":"CAD","in_stock":false},{"title":"Blue Mist \/ M \/ Womens","offer_id":53110628057454,"sku":"BIL62W009004","price":32.19,"currency_code":"CAD","in_stock":true},{"title":"Blue Mist \/ L \/ Womens","offer_id":53110628090222,"sku":"BIL62W009005","price":32.19,"currency_code":"CAD","in_stock":true},{"title":"Blue Mist \/ XL \/ Womens","offer_id":53110628122990,"sku":"BIL62W009006","price":32.19,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/DailyTeeSSKnit-BlueMist1_cc81fcfc-b70a-4cdc-9280-2024c469275b.png?v=1766438821"},{"product_id":"billabong-womens-daze-time-sweater-oatmeal-spring-2026","title":"Daze Time Sweater","description":"\u003cp\u003e1007 SWEATERS \"Slip into pure cotton comfort with this laid-back boatneck sweater. The relaxed silhouette and subtle metal plate detail create an effortlessly cool vibe for your casual adventures. Fit: Boatneck long sleeve\"\u003c\/p\u003e","brand":"Billabong","offers":[{"title":"Oatmeal \/ S \/ Womens","offer_id":53110628188526,"sku":"BIL62W010003","price":53.19,"currency_code":"CAD","in_stock":true},{"title":"Oatmeal \/ M \/ Womens","offer_id":53110628221294,"sku":"BIL62W010004","price":53.19,"currency_code":"CAD","in_stock":false},{"title":"Oatmeal \/ L \/ Womens","offer_id":53110628254062,"sku":"BIL62W010005","price":53.19,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/DazeTimeSweater-Oatmeal-001.png?v=1766438842"},{"product_id":"billabong-womens-every-full-moon-s-s-t-shirt-ocean-spray-spring-2026","title":"Every Full Moon S\/S T-Shirt","description":"\u003cstyle\u003e .product-description { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; color: #1a1a1a; line-height: 1.7; max-width: 800px; margin: 0; padding: 0; } .intro-text { font-size: 16px; font-weight: 300; margin-bottom: 32px; color: #2c2c2c; line-height: 1.8; position: relative; padding-left: 16px; border-left: 3px solid #f87171; } .accordion-item { border-bottom: 1px solid #e0e0e0; transition: all 0.2s ease; } .accordion-item:hover { border-bottom-color: #f87171; } .accordion-item:last-child { border-bottom: none; } .accordion-summary { display: flex; justify-content: space-between; align-items: center; padding: 20px 0; cursor: pointer; list-style: none; font-size: 13px; font-weight: 500; letter-spacing: 1.5px; text-transform: uppercase; color: #1a1a1a; transition: all 0.3s ease; position: relative; } .accordion-summary::before { content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 2px; background: linear-gradient(90deg, #f87171, #fca5a5); transition: width 0.3s ease; } .accordion-summary:hover::before { width: 60px; } .accordion-summary:hover { color: #f87171; padding-left: 8px; } .accordion-summary::-webkit-details-marker { display: none; } .accordion-icon { font-size: 20px; font-weight: 300; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); color: #999; } .accordion-item[open] .accordion-icon { transform: rotate(45deg); color: #f87171; } .accordion-content { padding: 0 0 24px 0; animation: slideDown 0.4s cubic-bezier(0.4, 0, 0.2, 1); overflow: hidden; } @keyframes slideDown { from { opacity: 0; transform: translateY(-12px); } to { opacity: 1; transform: translateY(0); } } .features-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin-top: 8px; } .feature-item { padding: 16px; background: linear-gradient(135deg, #fafafa 0%, #ffffff 100%); border-radius: 8px; border: 1px solid #f0f0f0; transition: all 0.3s ease; position: relative; overflow: hidden; } .feature-item::before { content: ''; position: absolute; top: 0; left: 0; width: 4px; height: 0; background: linear-gradient(180deg, #f87171, #fca5a5); transition: height 0.3s ease; } .feature-item:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(248, 113, 113, 0.1); border-color: #fecaca; } .feature-item:hover::before { height: 100%; } .feature-item h3 { font-size: 14px; font-weight: 600; color: #1a1a1a; margin-bottom: 6px; } .feature-item p { font-size: 14px; font-weight: 300; color: #666; margin: 0; line-height: 1.6; } .size-table-wrapper { width: 100%; overflow-x: auto; margin: 16px 0; border-radius: 8px; border: 1px solid #f0f0f0; -webkit-overflow-scrolling: touch; } .size-table { width: 100%; min-width: 900px; border-collapse: collapse; font-size: 13px; } .size-table th { text-align: center; font-weight: 500; color: white; padding: 12px 8px; background: linear-gradient(135deg, #f87171 0%, #fca5a5 100%); font-size: 11px; letter-spacing: 0.3px; white-space: normal; word-wrap: break-word; line-height: 1.3; vertical-align: middle; } .size-table td { padding: 12px 8px; border-bottom: 1px solid #f5f5f5; color: #4a4a4a; font-weight: 300; transition: all 0.2s ease; text-align: center; white-space: normal; word-wrap: break-word; line-height: 1.4; vertical-align: middle; } .size-table tr:last-child td { border-bottom: none; } .size-table tbody tr { transition: all 0.2s ease; } .size-table tbody tr:hover { background: #fef2f2; } .size-note { font-size: 13px; color: #666; font-style: italic; margin-top: 16px; padding: 12px 16px; background: #fef2f2; border-left: 3px solid #f87171; border-radius: 4px; } .detail-text { font-size: 15px; font-weight: 300; color: #4a4a4a; line-height: 1.8; margin-bottom: 16px; } .flex-rating { margin-top: 8px; } .flex-rating-header { font-size: 14px; font-weight: 600; color: #1a1a1a; margin-bottom: 16px; } .flex-rating-bars { display: flex; gap: 4px; margin-bottom: 12px; } .flex-bar { flex: 1; height: 32px; background: #f0f0f0; border-radius: 6px; transition: all 0.3s ease; } .flex-bar.active { background: linear-gradient(135deg, #f87171 0%, #fca5a5 100%); box-shadow: 0 2px 8px rgba(248, 113, 113, 0.2); } .flex-labels { display: flex; gap: 4px; } .flex-label { flex: 1; text-align: center; } .flex-label-name { font-size: 13px; font-weight: 500; color: #1a1a1a; margin-bottom: 4px; } .flex-label-range { font-size: 12px; color: #666; } .terrain-rating-section { margin-bottom: 24px; } .terrain-rating-item { margin-bottom: 16px; } .terrain-label { font-size: 14px; font-weight: 600; color: #1a1a1a; margin-bottom: 8px; } .skill-rating-section { margin-top: 24px; } .skill-rating-bars { display: flex; gap: 4px; } .skill-bar { flex: 1; height: 32px; background: #f0f0f0; border-radius: 6px; transition: all 0.3s ease; display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 500; color: #999; } .skill-bar.active { background: linear-gradient(135deg, #f87171 0%, #fca5a5 100%); box-shadow: 0 2px 8px rgba(248, 113, 113, 0.2); color: white; } @media (max-width: 768px) { .features-grid { grid-template-columns: 1fr; gap: 16px; } .feature-item:hover { transform: none; } .accordion-summary:hover { padding-left: 0; } .accordion-summary::before { display: none; } .accordion-summary { padding: 16px 0; font-size: 12px; } .size-table { min-width: 800px; font-size: 11px; } .size-table th { padding: 10px 6px; font-size: 10px; line-height: 1.2; } .size-table td { padding: 10px 6px; font-size: 11px; } .intro-text { font-size: 15px; } .flex-bar { height: 28px; } .flex-label-name { font-size: 12px; } .flex-label-range { font-size: 11px; } .skill-bar { height: 28px; font-size: 11px; } } @media (max-width: 480px) { .size-table { min-width: 700px; font-size: 10px; } .size-table th { padding: 8px 4px; font-size: 9px; line-height: 1.2; } .size-table td { padding: 8px 4px; font-size: 10px; } .size-note { font-size: 12px; padding: 10px 12px; } }\u003c\/style\u003e\u003cdiv class=\"product-description\"\u003e\n\u003cp class=\"intro-text\"\u003eThis snug-fitting cotton goddess tee hugs in all the right places.\u003cbr\u003e\u003cbr\u003eThe screen-printed design and garment-washed fabric create the perfect blend of style and softness for everyday wear. With a length of 19\" from high point shoulder, this tee offers a flattering fit and comfortable coverage.\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\u003eSnug Fit\u003c\/h3\u003e\n\u003cp\u003eForm-fitting silhouette that hugs in all the right places for a flattering look.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eScreen-Printed Design\u003c\/h3\u003e\n\u003cp\u003eEye-catching graphic adds personality and unique style to your wardrobe.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eGarment-Washed Fabric\u003c\/h3\u003e\n\u003cp\u003eSoft, lived-in feel provides ultimate comfort from the first wear.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eCotton Construction\u003c\/h3\u003e\n\u003cp\u003eBreathable cotton fabric keeps you comfortable all day long.\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\u003eSpecifications\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"accordion-content\"\u003e\n\u003cp class=\"detail-text\"\u003e\u003cstrong\u003eFit:\u003c\/strong\u003e Snug\u003c\/p\u003e\n\u003cp class=\"detail-text\"\u003e\u003cstrong\u003eLength:\u003c\/strong\u003e 19\" HPS (High Point Shoulder)\u003c\/p\u003e\n\u003cp class=\"detail-text\"\u003e\u003cstrong\u003eFabric:\u003c\/strong\u003e Garment-washed cotton\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\u003cdetails class=\"accordion-item\"\u003e\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eCare\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"accordion-content\"\u003e\u003cp class=\"detail-text\"\u003eMachine wash cold with like colors. Tumble dry low. Do not bleach. Cool iron if needed.\u003c\/p\u003e\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Billabong","offers":[{"title":"Ocean Spray \/ S \/ Womens","offer_id":53110628483438,"sku":"BIL62W013003","price":27.99,"currency_code":"CAD","in_stock":false},{"title":"Ocean Spray \/ M \/ Womens","offer_id":53110628516206,"sku":"BIL62W013004","price":27.99,"currency_code":"CAD","in_stock":false},{"title":"Ocean Spray \/ L \/ Womens","offer_id":53110628548974,"sku":"BIL62W013005","price":27.99,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/EveryFullMoonSST-OceanSpray-1.png?v=1766438989"},{"product_id":"billabong-womens-folk-story-2-jacket-white-cap-spring-2026","title":"Folk Story 2 Jacket","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; } @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; } .intro-text { font-size: 15px; } }\u003c\/style\u003e\u003cdiv class=\"product-description\"\u003e\n\u003cp class=\"intro-text\"\u003eThese cotton denim pants combine a sleek slim fit with a statement-making wide leg. The high-rise silhouette and classic back pockets create a flattering look you'll love wearing everywhere.\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\u003eSlim Fit with Wide Leg\u003c\/h3\u003e\n\u003cp\u003eModern silhouette that's both sleek and statement-making.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eHigh-Rise Waist\u003c\/h3\u003e\n\u003cp\u003eFlattering 11 3\/4\" rise for a confident, elongated look.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eClassic Back Pockets\u003c\/h3\u003e\n\u003cp\u003eTimeless denim detailing for authentic style.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eInseam: 29 1\/2\"\u003c\/h3\u003e\n\u003cp\u003ePerfect length for versatile styling options.\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=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eFabric\u003c\/h3\u003e\n\u003cp\u003e100% Cotton denim\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, tumble dry low\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Billabong","offers":[{"title":"White Cap \/ S \/ Womens","offer_id":53110628712814,"sku":"BIL62W015003","price":90.99,"currency_code":"CAD","in_stock":true},{"title":"White Cap \/ M \/ Womens","offer_id":53110628745582,"sku":"BIL62W015004","price":90.99,"currency_code":"CAD","in_stock":true},{"title":"White Cap \/ L \/ Womens","offer_id":53110628778350,"sku":"BIL62W015005","price":90.99,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/FolkStory2Jacket-WhiteCap-001.png?v=1766438973"},{"product_id":"billabong-womens-jade-saltwashed-woven-l-s-shirt-blue-mist-spring-2026","title":"Jade Saltwashed Woven L\/S Shirt","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; } @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; } .intro-text { font-size: 15px; } }\u003c\/style\u003e\u003cdiv class=\"product-description\"\u003e\n\u003cp class=\"intro-text\"\u003eThis breezy mini dress features a flattering scoop neckline and relaxed dolman sleeves. Crafted from textured burnout fabric with metal plate detailing for that perfect laid-back coastal vibe.\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\u003eScoop Neckline\u003c\/h3\u003e\n\u003cp\u003eFlattering scoop front and back for versatile styling.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eDolman Sleeves\u003c\/h3\u003e\n\u003cp\u003eRelaxed sleeve style with binding detail for comfort.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eBurnout Fabric\u003c\/h3\u003e\n\u003cp\u003eTextured, lightweight fabric perfect for warm weather.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eMetal Plate Detail\u003c\/h3\u003e\n\u003cp\u003eSignature Billabong branding adds premium style.\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=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eFabric\u003c\/h3\u003e\n\u003cp\u003eTextured burnout knit\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, hang dry recommended\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Billabong","offers":[{"title":"Blue Mist \/ S \/ Womens","offer_id":53110629433710,"sku":"BIL62W022003","price":62.99,"currency_code":"CAD","in_stock":false},{"title":"Blue Mist \/ M \/ Womens","offer_id":53110629466478,"sku":"BIL62W022004","price":62.99,"currency_code":"CAD","in_stock":true},{"title":"Blue Mist \/ L \/ Womens","offer_id":53110629499246,"sku":"BIL62W022005","price":62.99,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/JadeSaltwashedLSWoven-BlueMist-001.png?v=1766440382"},{"product_id":"billabong-womens-my-beach-club-s-s-t-shirt-salt-crystal-spring-2026","title":"My Beach Club S\/S T-Shirt","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; } @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; } .intro-text { font-size: 15px; } }\u003c\/style\u003e\u003cdiv class=\"product-description\"\u003e\n\u003cp class=\"intro-text\"\u003eThis laid-back cotton tee brings beachy vibes to your everyday wardrobe. With its relaxed tomboy fit and eye-catching screen print, it's perfect for sunny days or casual hangouts.\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\u003eRelaxed Tomboy Fit\u003c\/h3\u003e\n\u003cp\u003eComfortable, easy-wearing silhouette for laid-back style.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eScreen-Printed Graphic\u003c\/h3\u003e\n\u003cp\u003eEye-catching beach club design that won't fade.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eSoft Cotton\u003c\/h3\u003e\n\u003cp\u003eBreathable fabric for all-day comfort.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eHPS: 26\"\u003c\/h3\u003e\n\u003cp\u003ePerfect length for versatile styling options.\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=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eFabric\u003c\/h3\u003e\n\u003cp\u003e100% Cotton\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, tumble dry low\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Billabong","offers":[{"title":"Salt Crystal \/ S \/ Womens","offer_id":53110630089070,"sku":"BIL62W028003","price":32.19,"currency_code":"CAD","in_stock":false},{"title":"Salt Crystal \/ M \/ Womens","offer_id":53110630121838,"sku":"BIL62W028004","price":32.19,"currency_code":"CAD","in_stock":false},{"title":"Salt Crystal \/ L \/ Womens","offer_id":53110630154606,"sku":"BIL62W028005","price":32.19,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/MyBeachClubSST-SaltCrystal-1.png?v=1766440644"},{"product_id":"billabong-womens-need-now-sweater-tank-top-tank-top-white-cap-spring-2026","title":"Need Now Sweater Tank Top","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; } @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; } .intro-text { font-size: 15px; } }\u003c\/style\u003e\u003cdiv class=\"product-description\"\u003e\n\u003cp class=\"intro-text\"\u003eStay cozy and chic in this cotton-blend tank sweater. The V-neck placket with sleek metal detailing adds sophistication while the novelty stitch creates eye-catching texture.\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\u003eV-Neck with Button Placket\u003c\/h3\u003e\n\u003cp\u003eFlattering V-neckline with metal button detailing for added sophistication.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eNovelty Stitch\u003c\/h3\u003e\n\u003cp\u003eEye-catching textured knit adds visual interest and dimension.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eCotton Blend\u003c\/h3\u003e\n\u003cp\u003eSoft, breathable fabric blend for comfortable all-day wear.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eSleeveless Tank Design\u003c\/h3\u003e\n\u003cp\u003ePerfect for layering or wearing solo in warmer weather.\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=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eFabric\u003c\/h3\u003e\n\u003cp\u003eCotton blend knit sweater\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eCare Instructions\u003c\/h3\u003e\n\u003cp\u003eHand wash cold, lay flat to dry\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Billabong","offers":[{"title":"White Cap \/ S \/ Womens","offer_id":53110630187374,"sku":"BIL62W029003","price":41.99,"currency_code":"CAD","in_stock":true},{"title":"White Cap \/ M \/ Womens","offer_id":53110630220142,"sku":"BIL62W029004","price":41.99,"currency_code":"CAD","in_stock":true},{"title":"White Cap \/ L \/ Womens","offer_id":53110630252910,"sku":"BIL62W029005","price":41.99,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/NeedNowSweaterTank-WhiteCap1_1c44948c-719e-41d4-b9fa-9f33a3455588.png?v=1766440756"},{"product_id":"billabong-womens-rerun-knit-tank-top-tank-top-blue-mist-spring-2026","title":"Rerun Knit Tank Top","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; } @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; } .intro-text { font-size: 15px; } }\u003c\/style\u003e\u003cdiv class=\"product-description\"\u003e\n\u003cp class=\"intro-text\"\u003eSoft cotton-rich ribbed fabric hugs your curves in all the right places. This fitted tank with a flattering scoop neck and signature flag label is your new wardrobe essential.\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\u003eFitted Silhouette\u003c\/h3\u003e\n\u003cp\u003eForm-fitting design that flatters your natural shape.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eScoop Neckline\u003c\/h3\u003e\n\u003cp\u003eClassic, flattering neckline for versatile styling.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eRibbed Fabric\u003c\/h3\u003e\n\u003cp\u003eSoft cotton-rich ribbed knit adds texture and stretch.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eSignature Flag Label\u003c\/h3\u003e\n\u003cp\u003eAuthentic Billabong branding detail.\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=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eFabric\u003c\/h3\u003e\n\u003cp\u003eCotton-rich ribbed knit blend\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, tumble dry low\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Billabong","offers":[{"title":"Blue Mist \/ S \/ Womens","offer_id":53110630285678,"sku":"BIL62W030003","price":23.09,"currency_code":"CAD","in_stock":false},{"title":"Blue Mist \/ M \/ Womens","offer_id":53110630318446,"sku":"BIL62W030004","price":23.09,"currency_code":"CAD","in_stock":true},{"title":"Blue Mist \/ L \/ Womens","offer_id":53110630351214,"sku":"BIL62W030005","price":23.09,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/RerunKnitTankTop-BlueMist-001.png?v=1766440823"},{"product_id":"billabong-womens-split-palm-s-s-t-shirt-white-cap-spring-2026","title":"Split Palm S\/S T-Shirt","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; } @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; } .intro-text { font-size: 15px; } }\u003c\/style\u003e\u003cdiv class=\"product-description\"\u003e\n\u003cp class=\"intro-text\"\u003eRock that perfectly broken-in feel with this oversized cotton tee. The relaxed boy fit and classic crew neck create an effortlessly cool vibe while screen-printed details add signature Billabong style.\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\u003eOversized Fit\u003c\/h3\u003e\n\u003cp\u003eRelaxed boy fit for ultimate comfort and laid-back style.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eScreen-Printed Graphic\u003c\/h3\u003e\n\u003cp\u003eEye-catching palm design that won't fade.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eSoft Cotton\u003c\/h3\u003e\n\u003cp\u003eBreathable fabric for all-day comfort.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eHPS: 27.5\"\u003c\/h3\u003e\n\u003cp\u003ePerfect length for versatile styling options.\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=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eFabric\u003c\/h3\u003e\n\u003cp\u003e100% Cotton\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, tumble dry low\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Billabong","offers":[{"title":"White Cap \/ S \/ Womens","offer_id":53110630941038,"sku":"BIL62W036003","price":46.19,"currency_code":"CAD","in_stock":false},{"title":"White Cap \/ M \/ Womens","offer_id":53110630973806,"sku":"BIL62W036004","price":46.19,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/SplitPalmlSST-whitecap-1.png?v=1766441744"},{"product_id":"billabong-womens-sun-chasing-s-s-t-shirt-off-black-spring-2026","title":"Sun Chasing S\/S T-Shirt","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-chart { width: 100%; border-collapse: collapse; margin: 1rem 0; background: #f8fafc; border-radius: 8px; overflow: hidden; } .size-chart th { background: #f87171 ; color: white; font-weight: 600; padding: 12px; text-align: center; font-size: 13px; } .size-chart td { padding: 12px; text-align: center; border-bottom: 1px solid #e2e8f0; font-size: 13px; } .size-chart tr:last-child td { border-bottom: none; } .size-chart tr:hover td { background: #e2e8f0; } .size-header { font-weight: 600; color: #1e293b; background: #f1f5f9; } @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; } .intro-text { font-size: 15px; } .size-chart th, .size-chart td { padding: 8px 4px; font-size: 12px; } }\u003c\/style\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003cp class=\"intro-text\"\u003eCatch those endless summer vibes in this oversized cotton tee. The screen-printed design and relaxed boy fit make it perfect for beach days or casual hangouts.\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\u003eOversized Fit\u003c\/h3\u003e\n\u003cp\u003eRelaxed boy fit for ultimate comfort and style.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eScreen-Printed Design\u003c\/h3\u003e\n\u003cp\u003eEye-catching graphic that won't fade.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003ePremium Cotton\u003c\/h3\u003e\n\u003cp\u003eSoft, breathable fabric for all-day wear.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eHPS: 27.5\"\u003c\/h3\u003e\n\u003cp\u003ePerfect length for versatile styling options.\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=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eFabric\u003c\/h3\u003e\n\u003cp\u003e100% Cotton\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, tumble dry low\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\u003eSize Chart\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cp style=\"margin-bottom: 12px; font-size: 14px; color: #666;\"\u003eOversized fit - size down for a more fitted look.\u003c\/p\u003e\n\u003ctable class=\"size-chart\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eSize\u003c\/th\u003e\n\u003cth\u003eBust (inches)\u003c\/th\u003e\n\u003cth\u003eLength (inches)\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd class=\"size-header\"\u003eXS\u003c\/td\u003e\n\u003ctd\u003e32-34\u003c\/td\u003e\n\u003ctd\u003e26\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"size-header\"\u003eS\u003c\/td\u003e\n\u003ctd\u003e34-36\u003c\/td\u003e\n\u003ctd\u003e27\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"size-header\"\u003eM\u003c\/td\u003e\n\u003ctd\u003e36-38\u003c\/td\u003e\n\u003ctd\u003e27.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"size-header\"\u003eL\u003c\/td\u003e\n\u003ctd\u003e38-40\u003c\/td\u003e\n\u003ctd\u003e28\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"size-header\"\u003eXL\u003c\/td\u003e\n\u003ctd\u003e40-42\u003c\/td\u003e\n\u003ctd\u003e28.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Billabong","offers":[{"title":"Off Black \/ XS \/ Womens","offer_id":53110631760238,"sku":"BIL62W044002","price":34.99,"currency_code":"CAD","in_stock":false},{"title":"Off Black \/ S \/ Womens","offer_id":53110631793006,"sku":"BIL62W044003","price":34.99,"currency_code":"CAD","in_stock":false},{"title":"Off Black \/ M \/ Womens","offer_id":53110631825774,"sku":"BIL62W044004","price":34.99,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/SunChasingSST-OffBlack-1.png?v=1766439654"},{"product_id":"billabong-womens-sun-meets-sea-s-s-t-shirt-salt-crystal-spring-2026","title":"Sun Meets Sea S\/S T-Shirt","description":"\u003cstyle\u003e .product-description { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; color: #1a1a1a; line-height: 1.7; max-width: 800px; margin: 0; padding: 0; } .intro-text { font-size: 16px; font-weight: 300; margin-bottom: 32px; color: #2c2c2c; line-height: 1.8; position: relative; padding-left: 16px; border-left: 3px solid #f87171; } .accordion-item { border-bottom: 1px solid #e0e0e0; transition: all 0.2s ease; } .accordion-item:hover { border-bottom-color: #f87171; } .accordion-item:last-child { border-bottom: none; } .accordion-summary { display: flex; justify-content: space-between; align-items: center; padding: 20px 0; cursor: pointer; list-style: none; font-size: 13px; font-weight: 500; letter-spacing: 1.5px; text-transform: uppercase; color: #1a1a1a; transition: all 0.3s ease; position: relative; } .accordion-summary::before { content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 2px; background: linear-gradient(90deg, #f87171, #fca5a5); transition: width 0.3s ease; } .accordion-summary:hover::before { width: 60px; } .accordion-summary:hover { color: #f87171; padding-left: 8px; } .accordion-summary::-webkit-details-marker { display: none; } .accordion-icon { font-size: 20px; font-weight: 300; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); color: #999; } .accordion-item[open] .accordion-icon { transform: rotate(45deg); color: #f87171; } .accordion-content { padding: 0 0 24px 0; animation: slideDown 0.4s cubic-bezier(0.4, 0, 0.2, 1); overflow: hidden; } @keyframes slideDown { from { opacity: 0; transform: translateY(-12px); } to { opacity: 1; transform: translateY(0); } } .features-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin-top: 8px; } .feature-item { padding: 16px; background: linear-gradient(135deg, #fafafa 0%, #ffffff 100%); border-radius: 8px; border: 1px solid #f0f0f0; transition: all 0.3s ease; position: relative; overflow: hidden; } .feature-item::before { content: ''; position: absolute; top: 0; left: 0; width: 4px; height: 0; background: linear-gradient(180deg, #f87171, #fca5a5); transition: height 0.3s ease; } .feature-item:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(248, 113, 113, 0.1); border-color: #fecaca; } .feature-item:hover::before { height: 100%; } .feature-item h3 { font-size: 14px; font-weight: 600; color: #1a1a1a; margin-bottom: 6px; } .feature-item p { font-size: 14px; font-weight: 300; color: #666; margin: 0; line-height: 1.6; } .size-table-wrapper { width: 100%; overflow-x: auto; margin: 16px 0; border-radius: 8px; border: 1px solid #f0f0f0; -webkit-overflow-scrolling: touch; } .size-table { width: 100%; min-width: 900px; border-collapse: collapse; font-size: 13px; } .size-table th { text-align: center; font-weight: 500; color: white; padding: 12px 8px; background: linear-gradient(135deg, #f87171 0%, #fca5a5 100%); font-size: 11px; letter-spacing: 0.3px; white-space: normal; word-wrap: break-word; line-height: 1.3; vertical-align: middle; } .size-table td { padding: 12px 8px; border-bottom: 1px solid #f5f5f5; color: #4a4a4a; font-weight: 300; transition: all 0.2s ease; text-align: center; white-space: normal; word-wrap: break-word; line-height: 1.4; vertical-align: middle; } .size-table tr:last-child td { border-bottom: none; } .size-table tbody tr { transition: all 0.2s ease; } .size-table tbody tr:hover { background: #fef2f2; } .size-note { font-size: 13px; color: #666; font-style: italic; margin-top: 16px; padding: 12px 16px; background: #fef2f2; border-left: 3px solid #f87171; border-radius: 4px; } .detail-text { font-size: 15px; font-weight: 300; color: #4a4a4a; line-height: 1.8; margin-bottom: 16px; } .flex-rating { margin-top: 8px; } .flex-rating-header { font-size: 14px; font-weight: 600; color: #1a1a1a; margin-bottom: 16px; } .flex-rating-bars { display: flex; gap: 4px; margin-bottom: 12px; } .flex-bar { flex: 1; height: 32px; background: #f0f0f0; border-radius: 6px; transition: all 0.3s ease; } .flex-bar.active { background: linear-gradient(135deg, #f87171 0%, #fca5a5 100%); box-shadow: 0 2px 8px rgba(248, 113, 113, 0.2); } .flex-labels { display: flex; gap: 4px; } .flex-label { flex: 1; text-align: center; } .flex-label-name { font-size: 13px; font-weight: 500; color: #1a1a1a; margin-bottom: 4px; } .flex-label-range { font-size: 12px; color: #666; } .terrain-rating-section { margin-bottom: 24px; } .terrain-rating-item { margin-bottom: 16px; } .terrain-label { font-size: 14px; font-weight: 600; color: #1a1a1a; margin-bottom: 8px; } .skill-rating-section { margin-top: 24px; } .skill-rating-bars { display: flex; gap: 4px; } .skill-bar { flex: 1; height: 32px; background: #f0f0f0; border-radius: 6px; transition: all 0.3s ease; display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 500; color: #999; } .skill-bar.active { background: linear-gradient(135deg, #f87171 0%, #fca5a5 100%); box-shadow: 0 2px 8px rgba(248, 113, 113, 0.2); color: white; } @media (max-width: 768px) { .features-grid { grid-template-columns: 1fr; gap: 16px; } .feature-item:hover { transform: none; } .accordion-summary:hover { padding-left: 0; } .accordion-summary::before { display: none; } .accordion-summary { padding: 16px 0; font-size: 12px; } .size-table { min-width: 800px; font-size: 11px; } .size-table th { padding: 10px 6px; font-size: 10px; line-height: 1.2; } .size-table td { padding: 10px 6px; font-size: 11px; } .intro-text { font-size: 15px; } .flex-bar { height: 28px; } .flex-label-name { font-size: 12px; } .flex-label-range { font-size: 11px; } .skill-bar { height: 28px; font-size: 11px; } } @media (max-width: 480px) { .size-table { min-width: 700px; font-size: 10px; } .size-table th { padding: 8px 4px; font-size: 9px; line-height: 1.2; } .size-table td { padding: 8px 4px; font-size: 10px; } .size-note { font-size: 12px; padding: 10px 12px; } }\u003c\/style\u003e\u003cdiv class=\"product-description\"\u003e\n\u003cp class=\"intro-text\"\u003eCatch those laid-back vibes in this oversized cotton tee.\u003cbr\u003e\u003cbr\u003eThe sun-meets-sea screen print and perfectly lived-in feel make this crew neck your new favorite weekend companion. With a length of 27.5\" from high point shoulder, this graphic tee offers effortless style and all-day comfort.\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\u003eOversized Fit\u003c\/h3\u003e\n\u003cp\u003eRelaxed, comfortable silhouette that's perfect for casual wear and easy layering.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eSun-Meets-Sea Screen Print\u003c\/h3\u003e\n\u003cp\u003eEye-catching graphic design adds personality and beach-ready style.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eSoft Cotton Fabric\u003c\/h3\u003e\n\u003cp\u003eComfortable cotton with a perfectly lived-in feel for all-day comfort.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eCrew Neck\u003c\/h3\u003e\n\u003cp\u003eClassic crew neckline provides timeless style and versatile 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\u003eSpecifications\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"accordion-content\"\u003e\n\u003cp class=\"detail-text\"\u003e\u003cstrong\u003eFit:\u003c\/strong\u003e Oversized\u003c\/p\u003e\n\u003cp class=\"detail-text\"\u003e\u003cstrong\u003eLength:\u003c\/strong\u003e 27.5\" HPS (High Point Shoulder)\u003c\/p\u003e\n\u003cp class=\"detail-text\"\u003e\u003cstrong\u003eFabric:\u003c\/strong\u003e Soft cotton\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\u003cdetails class=\"accordion-item\"\u003e\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eCare\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"accordion-content\"\u003e\u003cp class=\"detail-text\"\u003eMachine wash cold with like colors. Tumble dry low. Do not bleach. Cool iron if needed.\u003c\/p\u003e\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Billabong","offers":[{"title":"Salt Crystal \/ XS \/ Womens","offer_id":53110631956846,"sku":"BIL62W046002","price":34.99,"currency_code":"CAD","in_stock":false},{"title":"Salt Crystal \/ S \/ Womens","offer_id":53110631989614,"sku":"BIL62W046003","price":34.99,"currency_code":"CAD","in_stock":false},{"title":"Salt Crystal \/ M \/ Womens","offer_id":53110632022382,"sku":"BIL62W046004","price":34.99,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/SunMeetsSeaSST-SaltCrystal-1.png?v=1766437948"},{"product_id":"billabong-womens-team-beach-knit-s-s-top-white-cap-spring-2026","title":"Team Beach Knit S\/S Top","description":"\u003cstyle\u003e .product-description { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; color: #1a1a1a; line-height: 1.7; max-width: 800px; margin: 0; padding: 0; } .intro-text { font-size: 16px; font-weight: 300; margin-bottom: 32px; color: #2c2c2c; line-height: 1.8; position: relative; padding-left: 16px; border-left: 3px solid #f87171; } .accordion-item { border-bottom: 1px solid #e0e0e0; transition: all 0.2s ease; } .accordion-item:hover { border-bottom-color: #f87171; } .accordion-item:last-child { border-bottom: none; } .accordion-summary { display: flex; justify-content: space-between; align-items: center; padding: 20px 0; cursor: pointer; list-style: none; font-size: 13px; font-weight: 500; letter-spacing: 1.5px; text-transform: uppercase; color: #1a1a1a; transition: all 0.3s ease; position: relative; } .accordion-summary::before { content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 2px; background: linear-gradient(90deg, #f87171, #fca5a5); transition: width 0.3s ease; } .accordion-summary:hover::before { width: 60px; } .accordion-summary:hover { color: #f87171; padding-left: 8px; } .accordion-summary::-webkit-details-marker { display: none; } .accordion-icon { font-size: 20px; font-weight: 300; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); color: #999; } .accordion-item[open] .accordion-icon { transform: rotate(45deg); color: #f87171; } .accordion-content { padding: 0 0 24px 0; animation: slideDown 0.4s cubic-bezier(0.4, 0, 0.2, 1); overflow: hidden; } @keyframes slideDown { from { opacity: 0; transform: translateY(-12px); } to { opacity: 1; transform: translateY(0); } } .features-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin-top: 8px; } .feature-item { padding: 16px; background: linear-gradient(135deg, #fafafa 0%, #ffffff 100%); border-radius: 8px; border: 1px solid #f0f0f0; transition: all 0.3s ease; position: relative; overflow: hidden; } .feature-item::before { content: ''; position: absolute; top: 0; left: 0; width: 4px; height: 0; background: linear-gradient(180deg, #f87171, #fca5a5); transition: height 0.3s ease; } .feature-item:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(248, 113, 113, 0.1); border-color: #fecaca; } .feature-item:hover::before { height: 100%; } .feature-item h3 { font-size: 14px; font-weight: 600; color: #1a1a1a; margin-bottom: 6px; } .feature-item p { font-size: 14px; font-weight: 300; color: #666; margin: 0; line-height: 1.6; } .size-table-wrapper { width: 100%; overflow-x: auto; margin: 16px 0; border-radius: 8px; border: 1px solid #f0f0f0; -webkit-overflow-scrolling: touch; } .size-table { width: 100%; min-width: 900px; border-collapse: collapse; font-size: 13px; } .size-table th { text-align: center; font-weight: 500; color: white; padding: 12px 8px; background: linear-gradient(135deg, #f87171 0%, #fca5a5 100%); font-size: 11px; letter-spacing: 0.3px; white-space: normal; word-wrap: break-word; line-height: 1.3; vertical-align: middle; } .size-table td { padding: 12px 8px; border-bottom: 1px solid #f5f5f5; color: #4a4a4a; font-weight: 300; transition: all 0.2s ease; text-align: center; white-space: normal; word-wrap: break-word; line-height: 1.4; vertical-align: middle; } .size-table tr:last-child td { border-bottom: none; } .size-table tbody tr { transition: all 0.2s ease; } .size-table tbody tr:hover { background: #fef2f2; } .size-note { font-size: 13px; color: #666; font-style: italic; margin-top: 16px; padding: 12px 16px; background: #fef2f2; border-left: 3px solid #f87171; border-radius: 4px; } .detail-text { font-size: 15px; font-weight: 300; color: #4a4a4a; line-height: 1.8; margin-bottom: 16px; } .flex-rating { margin-top: 8px; } .flex-rating-header { font-size: 14px; font-weight: 600; color: #1a1a1a; margin-bottom: 16px; } .flex-rating-bars { display: flex; gap: 4px; margin-bottom: 12px; } .flex-bar { flex: 1; height: 32px; background: #f0f0f0; border-radius: 6px; transition: all 0.3s ease; } .flex-bar.active { background: linear-gradient(135deg, #f87171 0%, #fca5a5 100%); box-shadow: 0 2px 8px rgba(248, 113, 113, 0.2); } .flex-labels { display: flex; gap: 4px; } .flex-label { flex: 1; text-align: center; } .flex-label-name { font-size: 13px; font-weight: 500; color: #1a1a1a; margin-bottom: 4px; } .flex-label-range { font-size: 12px; color: #666; } .terrain-rating-section { margin-bottom: 24px; } .terrain-rating-item { margin-bottom: 16px; } .terrain-label { font-size: 14px; font-weight: 600; color: #1a1a1a; margin-bottom: 8px; } .skill-rating-section { margin-top: 24px; } .skill-rating-bars { display: flex; gap: 4px; } .skill-bar { flex: 1; height: 32px; background: #f0f0f0; border-radius: 6px; transition: all 0.3s ease; display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 500; color: #999; } .skill-bar.active { background: linear-gradient(135deg, #f87171 0%, #fca5a5 100%); box-shadow: 0 2px 8px rgba(248, 113, 113, 0.2); color: white; } @media (max-width: 768px) { .features-grid { grid-template-columns: 1fr; gap: 16px; } .feature-item:hover { transform: none; } .accordion-summary:hover { padding-left: 0; } .accordion-summary::before { display: none; } .accordion-summary { padding: 16px 0; font-size: 12px; } .size-table { min-width: 800px; font-size: 11px; } .size-table th { padding: 10px 6px; font-size: 10px; line-height: 1.2; } .size-table td { padding: 10px 6px; font-size: 11px; } .intro-text { font-size: 15px; } .flex-bar { height: 28px; } .flex-label-name { font-size: 12px; } .flex-label-range { font-size: 11px; } .skill-bar { height: 28px; font-size: 11px; } } @media (max-width: 480px) { .size-table { min-width: 700px; font-size: 10px; } .size-table th { padding: 8px 4px; font-size: 9px; line-height: 1.2; } .size-table td { padding: 8px 4px; font-size: 10px; } .size-note { font-size: 12px; padding: 10px 12px; } }\u003c\/style\u003e\u003cdiv class=\"product-description\"\u003e\n\u003cp class=\"intro-text\"\u003eCool and comfy, this oversized cotton tee rocks contrast ribbing at the V-neck and sleeves.\u003cbr\u003e\u003cbr\u003eThe screen-printed design and metal plate add surfer-girl style to your beach-ready look. Perfect for casual days when you want effortless style with maximum comfort.\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\u003eOversized Fit\u003c\/h3\u003e\n\u003cp\u003eRelaxed, comfortable silhouette that's perfect for laid-back beach days and casual wear.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eV-Neckline with Contrast Rib\u003c\/h3\u003e\n\u003cp\u003eFlattering V-neck design with contrast ribbing adds visual interest and style.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eContrast Rib Sleeve Openings\u003c\/h3\u003e\n\u003cp\u003eRibbed sleeve details create a sporty, finished look with added texture.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eScreen-Printed Design\u003c\/h3\u003e\n\u003cp\u003eEye-catching graphic adds personality and surfer-girl style to your look.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eMetal Plate Detail\u003c\/h3\u003e\n\u003cp\u003eSignature metal plate accent adds an authentic touch to the design.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eSoft Cotton Fabric\u003c\/h3\u003e\n\u003cp\u003eComfortable, breathable cotton keeps you cool and comfortable all day long.\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\u003eSpecifications\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"accordion-content\"\u003e\n\u003cp class=\"detail-text\"\u003e\u003cstrong\u003eFit:\u003c\/strong\u003e Oversized\u003c\/p\u003e\n\u003cp class=\"detail-text\"\u003e\u003cstrong\u003eNeckline:\u003c\/strong\u003e V-neck with contrast rib\u003c\/p\u003e\n\u003cp class=\"detail-text\"\u003e\u003cstrong\u003eFabric:\u003c\/strong\u003e Cotton\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\u003cdetails class=\"accordion-item\"\u003e\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eCare\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"accordion-content\"\u003e\u003cp class=\"detail-text\"\u003eMachine wash cold with like colors. Tumble dry low. Do not bleach. Cool iron if needed.\u003c\/p\u003e\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Billabong","offers":[{"title":"White Cap \/ XS \/ Womens","offer_id":53110632612206,"sku":"BIL62W052002","price":41.99,"currency_code":"CAD","in_stock":false},{"title":"White Cap \/ S \/ Womens","offer_id":53110632644974,"sku":"BIL62W052003","price":41.99,"currency_code":"CAD","in_stock":true},{"title":"White Cap \/ M \/ Womens","offer_id":53110632677742,"sku":"BIL62W052004","price":41.99,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/TeamBeachSSKnit-WhiteCap3.png?v=1766436959"},{"product_id":"billabong-womens-wanderer-printed-woven-l-s-shirt-twilight-blue-spring-2026","title":"Wanderer Printed Woven L\/S Shirt","description":"\u003cstyle\u003e .product-description { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; color: #1a1a1a; line-height: 1.7; max-width: 800px; margin: 0; padding: 0; } .intro-text { font-size: 16px; font-weight: 300; margin-bottom: 32px; color: #2c2c2c; line-height: 1.8; position: relative; padding-left: 16px; border-left: 3px solid #f87171; } .accordion-item { border-bottom: 1px solid #e0e0e0; transition: all 0.2s ease; } .accordion-item:hover { border-bottom-color: #f87171; } .accordion-item:last-child { border-bottom: none; } .accordion-summary { display: flex; justify-content: space-between; align-items: center; padding: 20px 0; cursor: pointer; list-style: none; font-size: 13px; font-weight: 500; letter-spacing: 1.5px; text-transform: uppercase; color: #1a1a1a; transition: all 0.3s ease; position: relative; } .accordion-summary::before { content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 2px; background: linear-gradient(90deg, #f87171, #fca5a5); transition: width 0.3s ease; } .accordion-summary:hover::before { width: 60px; } .accordion-summary:hover { color: #f87171; padding-left: 8px; } .accordion-summary::-webkit-details-marker { display: none; } .accordion-icon { font-size: 20px; font-weight: 300; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); color: #999; } .accordion-item[open] .accordion-icon { transform: rotate(45deg); color: #f87171; } .accordion-content { padding: 0 0 24px 0; animation: slideDown 0.4s cubic-bezier(0.4, 0, 0.2, 1); overflow: hidden; } @keyframes slideDown { from { opacity: 0; transform: translateY(-12px); } to { opacity: 1; transform: translateY(0); } } .features-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin-top: 8px; } .feature-item { padding: 16px; background: linear-gradient(135deg, #fafafa 0%, #ffffff 100%); border-radius: 8px; border: 1px solid #f0f0f0; transition: all 0.3s ease; position: relative; overflow: hidden; } .feature-item::before { content: ''; position: absolute; top: 0; left: 0; width: 4px; height: 0; background: linear-gradient(180deg, #f87171, #fca5a5); transition: height 0.3s ease; } .feature-item:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(248, 113, 113, 0.1); border-color: #fecaca; } .feature-item:hover::before { height: 100%; } .feature-item h3 { font-size: 14px; font-weight: 600; color: #1a1a1a; margin-bottom: 6px; } .feature-item p { font-size: 14px; font-weight: 300; color: #666; margin: 0; line-height: 1.6; } .size-table-wrapper { width: 100%; overflow-x: auto; margin: 16px 0; border-radius: 8px; border: 1px solid #f0f0f0; -webkit-overflow-scrolling: touch; } .size-table { width: 100%; min-width: 900px; border-collapse: collapse; font-size: 13px; } .size-table th { text-align: center; font-weight: 500; color: white; padding: 12px 8px; background: linear-gradient(135deg, #f87171 0%, #fca5a5 100%); font-size: 11px; letter-spacing: 0.3px; white-space: normal; word-wrap: break-word; line-height: 1.3; vertical-align: middle; } .size-table td { padding: 12px 8px; border-bottom: 1px solid #f5f5f5; color: #4a4a4a; font-weight: 300; transition: all 0.2s ease; text-align: center; white-space: normal; word-wrap: break-word; line-height: 1.4; vertical-align: middle; } .size-table tr:last-child td { border-bottom: none; } .size-table tbody tr { transition: all 0.2s ease; } .size-table tbody tr:hover { background: #fef2f2; } .size-note { font-size: 13px; color: #666; font-style: italic; margin-top: 16px; padding: 12px 16px; background: #fef2f2; border-left: 3px solid #f87171; border-radius: 4px; } .detail-text { font-size: 15px; font-weight: 300; color: #4a4a4a; line-height: 1.8; margin-bottom: 16px; } .flex-rating { margin-top: 8px; } .flex-rating-header { font-size: 14px; font-weight: 600; color: #1a1a1a; margin-bottom: 16px; } .flex-rating-bars { display: flex; gap: 4px; margin-bottom: 12px; } .flex-bar { flex: 1; height: 32px; background: #f0f0f0; border-radius: 6px; transition: all 0.3s ease; } .flex-bar.active { background: linear-gradient(135deg, #f87171 0%, #fca5a5 100%); box-shadow: 0 2px 8px rgba(248, 113, 113, 0.2); } .flex-labels { display: flex; gap: 4px; } .flex-label { flex: 1; text-align: center; } .flex-label-name { font-size: 13px; font-weight: 500; color: #1a1a1a; margin-bottom: 4px; } .flex-label-range { font-size: 12px; color: #666; } .terrain-rating-section { margin-bottom: 24px; } .terrain-rating-item { margin-bottom: 16px; } .terrain-label { font-size: 14px; font-weight: 600; color: #1a1a1a; margin-bottom: 8px; } .skill-rating-section { margin-top: 24px; } .skill-rating-bars { display: flex; gap: 4px; } .skill-bar { flex: 1; height: 32px; background: #f0f0f0; border-radius: 6px; transition: all 0.3s ease; display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 500; color: #999; } .skill-bar.active { background: linear-gradient(135deg, #f87171 0%, #fca5a5 100%); box-shadow: 0 2px 8px rgba(248, 113, 113, 0.2); color: white; } @media (max-width: 768px) { .features-grid { grid-template-columns: 1fr; gap: 16px; } .feature-item:hover { transform: none; } .accordion-summary:hover { padding-left: 0; } .accordion-summary::before { display: none; } .accordion-summary { padding: 16px 0; font-size: 12px; } .size-table { min-width: 800px; font-size: 11px; } .size-table th { padding: 10px 6px; font-size: 10px; line-height: 1.2; } .size-table td { padding: 10px 6px; font-size: 11px; } .intro-text { font-size: 15px; } .flex-bar { height: 28px; } .flex-label-name { font-size: 12px; } .flex-label-range { font-size: 11px; } .skill-bar { height: 28px; font-size: 11px; } } @media (max-width: 480px) { .size-table { min-width: 700px; font-size: 10px; } .size-table th { padding: 8px 4px; font-size: 9px; line-height: 1.2; } .size-table td { padding: 8px 4px; font-size: 10px; } .size-note { font-size: 12px; padding: 10px 12px; } }\u003c\/style\u003e\u003cdiv class=\"product-description\"\u003e\n\u003cp class=\"intro-text\"\u003eMeet your new favorite laid-back layer.\u003cbr\u003e\u003cbr\u003eThis breezy cotton button-down rocks an oversized fit and classic stripes perfect for beach days or city wandering. Front pocket adds extra style points for a versatile piece that works anywhere.\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\u003eOversized Fit\u003c\/h3\u003e\n\u003cp\u003eRelaxed, comfortable silhouette that's perfect for layering or wearing on its own.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eClassic Stripes\u003c\/h3\u003e\n\u003cp\u003eTimeless striped pattern adds visual interest and versatile style.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eFront Pocket\u003c\/h3\u003e\n\u003cp\u003eFunctional chest pocket adds both style and convenience.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eBreezy Cotton\u003c\/h3\u003e\n\u003cp\u003eLightweight, breathable cotton fabric keeps you comfortable all day long.\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\u003eSpecifications\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"accordion-content\"\u003e\n\u003cp class=\"detail-text\"\u003e\u003cstrong\u003eFit:\u003c\/strong\u003e Oversized\u003c\/p\u003e\n\u003cp class=\"detail-text\"\u003e\u003cstrong\u003eFabric:\u003c\/strong\u003e Cotton\u003c\/p\u003e\n\u003cp class=\"detail-text\"\u003e\u003cstrong\u003eStyle:\u003c\/strong\u003e Long sleeve button-down with front pocket\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\u003cdetails class=\"accordion-item\"\u003e\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eCare\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"accordion-content\"\u003e\u003cp class=\"detail-text\"\u003eMachine wash cold with like colors. Tumble dry low. Do not bleach. Cool iron if needed.\u003c\/p\u003e\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Billabong","offers":[{"title":"Twilight Blue \/ S \/ Womens","offer_id":53110632808814,"sku":"BIL62W054003","price":53.19,"currency_code":"CAD","in_stock":true},{"title":"Twilight Blue \/ M \/ Womens","offer_id":53110632841582,"sku":"BIL62W054004","price":53.19,"currency_code":"CAD","in_stock":true},{"title":"Twilight Blue \/ L \/ Womens","offer_id":53110632874350,"sku":"BIL62W054005","price":53.19,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/WandererPrintedLSWovenTop-TwilightBlue-001.png?v=1766435944"},{"product_id":"billabong-womens-will-find-me-here-s-s-t-shirt-white-cap-spring-2026","title":"Will Find Me Here S\/S T-Shirt","description":"\u003cstyle\u003e .product-description { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; color: #1a1a1a; line-height: 1.7; max-width: 800px; margin: 0; padding: 0; } .intro-text { font-size: 16px; font-weight: 300; margin-bottom: 32px; color: #2c2c2c; line-height: 1.8; position: relative; padding-left: 16px; border-left: 3px solid #f87171; } .accordion-item { border-bottom: 1px solid #e0e0e0; transition: all 0.2s ease; } .accordion-item:hover { border-bottom-color: #f87171; } .accordion-item:last-child { border-bottom: none; } .accordion-summary { display: flex; justify-content: space-between; align-items: center; padding: 20px 0; cursor: pointer; list-style: none; font-size: 13px; font-weight: 500; letter-spacing: 1.5px; text-transform: uppercase; color: #1a1a1a; transition: all 0.3s ease; position: relative; } .accordion-summary::before { content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 2px; background: linear-gradient(90deg, #f87171, #fca5a5); transition: width 0.3s ease; } .accordion-summary:hover::before { width: 60px; } .accordion-summary:hover { color: #f87171; padding-left: 8px; } .accordion-summary::-webkit-details-marker { display: none; } .accordion-icon { font-size: 20px; font-weight: 300; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); color: #999; } .accordion-item[open] .accordion-icon { transform: rotate(45deg); color: #f87171; } .accordion-content { padding: 0 0 24px 0; animation: slideDown 0.4s cubic-bezier(0.4, 0, 0.2, 1); overflow: hidden; } @keyframes slideDown { from { opacity: 0; transform: translateY(-12px); } to { opacity: 1; transform: translateY(0); } } .features-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin-top: 8px; } .feature-item { padding: 16px; background: linear-gradient(135deg, #fafafa 0%, #ffffff 100%); border-radius: 8px; border: 1px solid #f0f0f0; transition: all 0.3s ease; position: relative; overflow: hidden; } .feature-item::before { content: ''; position: absolute; top: 0; left: 0; width: 4px; height: 0; background: linear-gradient(180deg, #f87171, #fca5a5); transition: height 0.3s ease; } .feature-item:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(248, 113, 113, 0.1); border-color: #fecaca; } .feature-item:hover::before { height: 100%; } .feature-item h3 { font-size: 14px; font-weight: 600; color: #1a1a1a; margin-bottom: 6px; } .feature-item p { font-size: 14px; font-weight: 300; color: #666; margin: 0; line-height: 1.6; } .size-table-wrapper { width: 100%; overflow-x: auto; margin: 16px 0; border-radius: 8px; border: 1px solid #f0f0f0; -webkit-overflow-scrolling: touch; } .size-table { width: 100%; min-width: 900px; border-collapse: collapse; font-size: 13px; } .size-table th { text-align: center; font-weight: 500; color: white; padding: 12px 8px; background: linear-gradient(135deg, #f87171 0%, #fca5a5 100%); font-size: 11px; letter-spacing: 0.3px; white-space: normal; word-wrap: break-word; line-height: 1.3; vertical-align: middle; } .size-table td { padding: 12px 8px; border-bottom: 1px solid #f5f5f5; color: #4a4a4a; font-weight: 300; transition: all 0.2s ease; text-align: center; white-space: normal; word-wrap: break-word; line-height: 1.4; vertical-align: middle; } .size-table tr:last-child td { border-bottom: none; } .size-table tbody tr { transition: all 0.2s ease; } .size-table tbody tr:hover { background: #fef2f2; } .size-note { font-size: 13px; color: #666; font-style: italic; margin-top: 16px; padding: 12px 16px; background: #fef2f2; border-left: 3px solid #f87171; border-radius: 4px; } .detail-text { font-size: 15px; font-weight: 300; color: #4a4a4a; line-height: 1.8; margin-bottom: 16px; } .flex-rating { margin-top: 8px; } .flex-rating-header { font-size: 14px; font-weight: 600; color: #1a1a1a; margin-bottom: 16px; } .flex-rating-bars { display: flex; gap: 4px; margin-bottom: 12px; } .flex-bar { flex: 1; height: 32px; background: #f0f0f0; border-radius: 6px; transition: all 0.3s ease; } .flex-bar.active { background: linear-gradient(135deg, #f87171 0%, #fca5a5 100%); box-shadow: 0 2px 8px rgba(248, 113, 113, 0.2); } .flex-labels { display: flex; gap: 4px; } .flex-label { flex: 1; text-align: center; } .flex-label-name { font-size: 13px; font-weight: 500; color: #1a1a1a; margin-bottom: 4px; } .flex-label-range { font-size: 12px; color: #666; } .terrain-rating-section { margin-bottom: 24px; } .terrain-rating-item { margin-bottom: 16px; } .terrain-label { font-size: 14px; font-weight: 600; color: #1a1a1a; margin-bottom: 8px; } .skill-rating-section { margin-top: 24px; } .skill-rating-bars { display: flex; gap: 4px; } .skill-bar { flex: 1; height: 32px; background: #f0f0f0; border-radius: 6px; transition: all 0.3s ease; display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 500; color: #999; } .skill-bar.active { background: linear-gradient(135deg, #f87171 0%, #fca5a5 100%); box-shadow: 0 2px 8px rgba(248, 113, 113, 0.2); color: white; } @media (max-width: 768px) { .features-grid { grid-template-columns: 1fr; gap: 16px; } .feature-item:hover { transform: none; } .accordion-summary:hover { padding-left: 0; } .accordion-summary::before { display: none; } .accordion-summary { padding: 16px 0; font-size: 12px; } .size-table { min-width: 800px; font-size: 11px; } .size-table th { padding: 10px 6px; font-size: 10px; line-height: 1.2; } .size-table td { padding: 10px 6px; font-size: 11px; } .intro-text { font-size: 15px; } .flex-bar { height: 28px; } .flex-label-name { font-size: 12px; } .flex-label-range { font-size: 11px; } .skill-bar { height: 28px; font-size: 11px; } } @media (max-width: 480px) { .size-table { min-width: 700px; font-size: 10px; } .size-table th { padding: 8px 4px; font-size: 9px; line-height: 1.2; } .size-table td { padding: 8px 4px; font-size: 10px; } .size-note { font-size: 12px; padding: 10px 12px; } }\u003c\/style\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003cp class=\"intro-text\"\u003eStay cool and comfy in this oversized cotton tee.\u003cbr\u003e\u003cbr\u003eThe relaxed boy-style fit and soft jersey fabric make it perfect for beach days or casual weekend lounging. With a length of 27.5\" from high point shoulder, this graphic tee offers effortless style and all-day comfort.\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\u003eOversized Fit\u003c\/h3\u003e\n\u003cp\u003eRelaxed boy-style fit provides a comfortable, laid-back silhouette perfect for casual wear.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eSoft Jersey Fabric\u003c\/h3\u003e\n\u003cp\u003eComfortable cotton jersey keeps you cool and comfortable all day long.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eGraphic Design\u003c\/h3\u003e\n\u003cp\u003eEye-catching graphic adds personality and style to your casual wardrobe.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eVersatile Style\u003c\/h3\u003e\n\u003cp\u003ePerfect for beach days, weekend lounging, or everyday casual 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\u003cp class=\"detail-text\"\u003e\u003cstrong\u003eFit:\u003c\/strong\u003e Oversized\u003c\/p\u003e\n\u003cp class=\"detail-text\"\u003e\u003cstrong\u003eLength:\u003c\/strong\u003e 27.5\" HPS (High Point Shoulder)\u003c\/p\u003e\n\u003cp class=\"detail-text\"\u003e\u003cstrong\u003eFabric:\u003c\/strong\u003e Soft cotton jersey\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\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 cold with like colors. Tumble dry low. Do not bleach. Cool iron if needed.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Billabong","offers":[{"title":"White Cap \/ XS \/ Womens","offer_id":53110633038190,"sku":"BIL62W056002","price":34.99,"currency_code":"CAD","in_stock":false},{"title":"White Cap \/ S \/ Womens","offer_id":53110633070958,"sku":"BIL62W056003","price":34.99,"currency_code":"CAD","in_stock":true},{"title":"White Cap \/ M \/ Womens","offer_id":53110633103726,"sku":"BIL62W056004","price":34.99,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/WillFindMeHereSST-WhiteCap-1.png?v=1766435803"},{"product_id":"gentle-fawn-womens-ronan-tank-top-black-spring-2026","title":"Ronan Tank Top","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-chart { width: 100%; border-collapse: collapse; margin: 1rem 0; background: #f8fafc; border-radius: 8px; overflow: hidden; } .size-chart th { background: #f87171 ; color: white; font-weight: 600; padding: 12px; text-align: center; font-size: 13px; } .size-chart td { padding: 12px; text-align: center; border-bottom: 1px solid #e2e8f0; font-size: 13px; } .size-chart tr:last-child td { border-bottom: none; } .size-chart tr:hover td { background: #e2e8f0; } .size-header { font-weight: 600; color: #1e293b; background: #f1f5f9; } @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; } .intro-text { font-size: 15px; } .size-chart th, .size-chart td { padding: 8px 4px; font-size: 12px; } }\u003c\/style\u003e\u003cdiv class=\"product-description\"\u003e\n\u003cp class=\"intro-text\"\u003eThe Ronan Tank Top is a soft, stretchy, ribbed tank designed as a versatile, form-fitting essential for everyday wear and layering. With its flattering silhouette and comfortable fabric, this piece moves with you throughout your day.\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\u003eHigh Scoop Neckline\u003c\/h3\u003e\n\u003cp\u003eClassic high scoop neck design for a timeless look.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eContour Fit\u003c\/h3\u003e\n\u003cp\u003eForm-hugging silhouette that flatters and fits closely to the body.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eRibbed Knit Fabric\u003c\/h3\u003e\n\u003cp\u003eSoft, stretchy ribbed texture adds visual interest and comfort.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eFull-Length Tank\u003c\/h3\u003e\n\u003cp\u003eSleeveless design perfect for layering or wearing solo.\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 \u0026amp; Care\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\u003eFabric Composition\u003c\/h3\u003e\n\u003cp\u003e60% Rayon, 35% Polyester, 5% Elastane - Soft, stretchy knit blend.\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 on gentle cycle. Lay flat to dry to maintain shape.\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\u003eSize Chart\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"accordion-content\"\u003e\n\u003cp style=\"margin-bottom: 12px; font-size: 14px; color: #666;\"\u003eMeasurements are in centimeters. For the best fit, measure your bust, waist, and hip circumference.\u003c\/p\u003e\n\u003ctable class=\"size-chart\"\u003e\n\u003cthead\u003e\u003ctr\u003e\n\u003cth\u003eUS Size\u003c\/th\u003e\n\u003cth\u003eBust (cm)\u003c\/th\u003e\n\u003cth\u003eWaist (cm)\u003c\/th\u003e\n\u003cth\u003eHip (cm)\u003c\/th\u003e\n\u003c\/tr\u003e\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd class=\"size-header\"\u003eXXS\u003c\/td\u003e\n\u003ctd\u003e78.5\u003c\/td\u003e\n\u003ctd\u003e61\u003c\/td\u003e\n\u003ctd\u003e86\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"size-header\"\u003eXS\u003c\/td\u003e\n\u003ctd\u003e84\u003c\/td\u003e\n\u003ctd\u003e66\u003c\/td\u003e\n\u003ctd\u003e91.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"size-header\"\u003eS\u003c\/td\u003e\n\u003ctd\u003e88\u003c\/td\u003e\n\u003ctd\u003e70\u003c\/td\u003e\n\u003ctd\u003e95.25\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"size-header\"\u003eM\u003c\/td\u003e\n\u003ctd\u003e93\u003c\/td\u003e\n\u003ctd\u003e75\u003c\/td\u003e\n\u003ctd\u003e100\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"size-header\"\u003eL\u003c\/td\u003e\n\u003ctd\u003e98\u003c\/td\u003e\n\u003ctd\u003e80\u003c\/td\u003e\n\u003ctd\u003e105.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"size-header\"\u003eXL\u003c\/td\u003e\n\u003ctd\u003e103\u003c\/td\u003e\n\u003ctd\u003e85\u003c\/td\u003e\n\u003ctd\u003e110.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Gentle Fawn","offers":[{"title":"Black \/ XS \/ Womens","offer_id":53174589751662,"sku":"GFN62W001002","price":34.99,"currency_code":"CAD","in_stock":true},{"title":"Black \/ S \/ Womens","offer_id":53174589784430,"sku":"GFN62W001003","price":34.99,"currency_code":"CAD","in_stock":true},{"title":"Black \/ M \/ Womens","offer_id":53174589817198,"sku":"GFN62W001004","price":34.99,"currency_code":"CAD","in_stock":false},{"title":"Black \/ L \/ Womens","offer_id":53174589849966,"sku":"GFN62W001005","price":34.99,"currency_code":"CAD","in_stock":true},{"title":"Black \/ XL \/ Womens","offer_id":53174589882734,"sku":"GFN62W001006","price":34.99,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/RonanTankTop-Black.png?v=1767803660"},{"product_id":"gentle-fawn-womens-ronan-tank-top-white-spring-2026","title":"Ronan Tank Top","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-chart { width: 100%; border-collapse: collapse; margin: 1rem 0; background: #f8fafc; border-radius: 8px; overflow: hidden; } .size-chart th { background: #f87171 ; color: white; font-weight: 600; padding: 12px; text-align: center; font-size: 13px; } .size-chart td { padding: 12px; text-align: center; border-bottom: 1px solid #e2e8f0; font-size: 13px; } .size-chart tr:last-child td { border-bottom: none; } .size-chart tr:hover td { background: #e2e8f0; } .size-header { font-weight: 600; color: #1e293b; background: #f1f5f9; } @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; } .intro-text { font-size: 15px; } .size-chart th, .size-chart td { padding: 8px 4px; font-size: 12px; } }\u003c\/style\u003e\u003cdiv class=\"product-description\"\u003e\n\u003cp class=\"intro-text\"\u003eThe Ronan Tank Top is a soft, stretchy, ribbed tank designed as a versatile, form-fitting essential for everyday wear and layering. With its flattering silhouette and comfortable fabric, this piece moves with you throughout your day.\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\u003eHigh Scoop Neckline\u003c\/h3\u003e\n\u003cp\u003eClassic high scoop neck design for a flattering, versatile look.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eFull-Length Silhouette\u003c\/h3\u003e\n\u003cp\u003eSleeveless tank top with full-length coverage for easy styling.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eContour Fit\u003c\/h3\u003e\n\u003cp\u003eForm-hugging silhouette that flatters and moves with your body.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eRibbed Texture\u003c\/h3\u003e\n\u003cp\u003eSoft ribbed knit adds subtle texture and visual interest.\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 \u0026amp; Care\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\u003eFabric Composition\u003c\/h3\u003e\n\u003cp\u003e60% Rayon, 35% Polyester, 5% Elastane - Soft, stretchy, body-hugging blend.\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 on gentle cycle. Lay flat to dry to maintain shape.\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\u003eSize Chart\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"accordion-content\"\u003e\n\u003cp style=\"margin-bottom: 12px; font-size: 14px; color: #666;\"\u003eMeasurements are in centimeters. For the best fit, measure your bust, waist, and hip circumference.\u003c\/p\u003e\n\u003ctable class=\"size-chart\"\u003e\n\u003cthead\u003e\u003ctr\u003e\n\u003cth\u003eUS Size\u003c\/th\u003e\n\u003cth\u003eBust (cm)\u003c\/th\u003e\n\u003cth\u003eWaist (cm)\u003c\/th\u003e\n\u003cth\u003eHip (cm)\u003c\/th\u003e\n\u003c\/tr\u003e\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd class=\"size-header\"\u003eXXS\u003c\/td\u003e\n\u003ctd\u003e78.5\u003c\/td\u003e\n\u003ctd\u003e61\u003c\/td\u003e\n\u003ctd\u003e86\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"size-header\"\u003eXS\u003c\/td\u003e\n\u003ctd\u003e84\u003c\/td\u003e\n\u003ctd\u003e66\u003c\/td\u003e\n\u003ctd\u003e91.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"size-header\"\u003eS\u003c\/td\u003e\n\u003ctd\u003e88\u003c\/td\u003e\n\u003ctd\u003e70\u003c\/td\u003e\n\u003ctd\u003e95.25\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"size-header\"\u003eM\u003c\/td\u003e\n\u003ctd\u003e93\u003c\/td\u003e\n\u003ctd\u003e75\u003c\/td\u003e\n\u003ctd\u003e100\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"size-header\"\u003eL\u003c\/td\u003e\n\u003ctd\u003e98\u003c\/td\u003e\n\u003ctd\u003e80\u003c\/td\u003e\n\u003ctd\u003e105.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"size-header\"\u003eXL\u003c\/td\u003e\n\u003ctd\u003e103\u003c\/td\u003e\n\u003ctd\u003e85\u003c\/td\u003e\n\u003ctd\u003e110.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Gentle Fawn","offers":[{"title":"White \/ XS \/ Womens","offer_id":53174589915502,"sku":"GFN62W002002","price":34.99,"currency_code":"CAD","in_stock":false},{"title":"White \/ S \/ Womens","offer_id":53174589948270,"sku":"GFN62W002003","price":34.99,"currency_code":"CAD","in_stock":true},{"title":"White \/ M \/ Womens","offer_id":53174589981038,"sku":"GFN62W002004","price":34.99,"currency_code":"CAD","in_stock":true},{"title":"White \/ L \/ Womens","offer_id":53174590013806,"sku":"GFN62W002005","price":34.99,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/RonanTankTop-White-2.png?v=1767803646"},{"product_id":"gentle-fawn-womens-libby-l-s-top-black-spring-2026","title":"Libby L\/S Top","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-chart { width: 100%; border-collapse: collapse; margin: 1rem 0; background: #f8fafc; border-radius: 8px; overflow: hidden; } .size-chart th { background: #f87171 ; color: white; font-weight: 600; padding: 12px; text-align: center; font-size: 13px; } .size-chart td { padding: 12px; text-align: center; border-bottom: 1px solid #e2e8f0; font-size: 13px; } .size-chart tr:last-child td { border-bottom: none; } .size-chart tr:hover td { background: #e2e8f0; } .size-header { font-weight: 600; color: #1e293b; background: #f1f5f9; } @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; } .intro-text { font-size: 15px; } .size-chart th, .size-chart td { padding: 8px 4px; font-size: 12px; } }\u003c\/style\u003e\u003cdiv class=\"product-description\"\u003e\n\u003cp class=\"intro-text\"\u003eThe Libby L\/S Top is a fitted top made from stretchy ribbed fabric, designed as a wardrobe essential for everyday wear and versatile styling. With its soft handfeel and mid-weight construction, this piece offers both comfort and style.\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\u003eScoop Neckline\u003c\/h3\u003e\n\u003cp\u003eClassic scoop neck design for an easy-to-wear everyday look.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eContour Fit\u003c\/h3\u003e\n\u003cp\u003eForm-hugging silhouette that fits closely to the body.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eRibbed Fabric\u003c\/h3\u003e\n\u003cp\u003eMid-weight ribbed material with excellent stretch and texture.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eLong Sleeves\u003c\/h3\u003e\n\u003cp\u003eFull-length sleeves for versatile layering options.\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 \u0026amp; Care\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\u003eFabric Composition\u003c\/h3\u003e\n\u003cp\u003e47% Cotton, 45% Viscose, 8% Spandex - Soft, stretchy, mid-weight blend.\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 on gentle cycle. Hang to dry for best maintenance.\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\u003eSize Chart\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"accordion-content\"\u003e\n\u003cp style=\"margin-bottom: 12px; font-size: 14px; color: #666;\"\u003eMeasurements are in centimeters. For the best fit, measure your bust, waist, and hip circumference.\u003c\/p\u003e\n\u003ctable class=\"size-chart\"\u003e\n\u003cthead\u003e\u003ctr\u003e\n\u003cth\u003eUS Size\u003c\/th\u003e\n\u003cth\u003eBust (cm)\u003c\/th\u003e\n\u003cth\u003eWaist (cm)\u003c\/th\u003e\n\u003cth\u003eHip (cm)\u003c\/th\u003e\n\u003c\/tr\u003e\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd class=\"size-header\"\u003eXXS\u003c\/td\u003e\n\u003ctd\u003e78.5\u003c\/td\u003e\n\u003ctd\u003e61\u003c\/td\u003e\n\u003ctd\u003e86\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"size-header\"\u003eXS\u003c\/td\u003e\n\u003ctd\u003e84\u003c\/td\u003e\n\u003ctd\u003e66\u003c\/td\u003e\n\u003ctd\u003e91.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"size-header\"\u003eS\u003c\/td\u003e\n\u003ctd\u003e88\u003c\/td\u003e\n\u003ctd\u003e70\u003c\/td\u003e\n\u003ctd\u003e95.25\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"size-header\"\u003eM\u003c\/td\u003e\n\u003ctd\u003e93\u003c\/td\u003e\n\u003ctd\u003e75\u003c\/td\u003e\n\u003ctd\u003e100\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"size-header\"\u003eL\u003c\/td\u003e\n\u003ctd\u003e98\u003c\/td\u003e\n\u003ctd\u003e80\u003c\/td\u003e\n\u003ctd\u003e105.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"size-header\"\u003eXL\u003c\/td\u003e\n\u003ctd\u003e103\u003c\/td\u003e\n\u003ctd\u003e85\u003c\/td\u003e\n\u003ctd\u003e110.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Gentle Fawn","offers":[{"title":"Black \/ XS \/ Womens","offer_id":53174590046574,"sku":"GFN62W003002","price":47.59,"currency_code":"CAD","in_stock":true},{"title":"Black \/ S \/ Womens","offer_id":53174590079342,"sku":"GFN62W003003","price":47.59,"currency_code":"CAD","in_stock":true},{"title":"Black \/ M \/ Womens","offer_id":53174590112110,"sku":"GFN62W003004","price":47.59,"currency_code":"CAD","in_stock":true},{"title":"Black \/ L \/ Womens","offer_id":53174590144878,"sku":"GFN62W003005","price":47.59,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/LibbyTop-Black-2.png?v=1767803634"},{"product_id":"gentle-fawn-womens-libby-l-s-top-canyon-spring-2026","title":"Libby L\/S Top","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-chart { width: 100%; border-collapse: collapse; margin: 1rem 0; background: #f8fafc; border-radius: 8px; overflow: hidden; } .size-chart th { background: #f87171 ; color: white; font-weight: 600; padding: 12px; text-align: center; font-size: 13px; } .size-chart td { padding: 12px; text-align: center; border-bottom: 1px solid #e2e8f0; font-size: 13px; } .size-chart tr:last-child td { border-bottom: none; } .size-chart tr:hover td { background: #e2e8f0; } .size-header { font-weight: 600; color: #1e293b; background: #f1f5f9; } @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; } .intro-text { font-size: 15px; } .size-chart th, .size-chart td { padding: 8px 4px; font-size: 12px; } }\u003c\/style\u003e\u003cdiv class=\"product-description\"\u003e\n\u003cp class=\"intro-text\"\u003eThe Libby L\/S Top is a fitted top made from stretchy ribbed fabric, designed as a wardrobe essential for everyday wear and versatile styling. With its soft handfeel and mid-weight construction, this piece offers both comfort and style.\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\u003eScoop Neckline\u003c\/h3\u003e\n\u003cp\u003eClassic scoop neck design for an easy-to-wear everyday look.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eContour Fit\u003c\/h3\u003e\n\u003cp\u003eForm-hugging silhouette that fits closely to the body.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eRibbed Fabric\u003c\/h3\u003e\n\u003cp\u003eMid-weight ribbed material with excellent stretch and texture.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eLong Sleeves\u003c\/h3\u003e\n\u003cp\u003eFull-length sleeves for versatile layering options.\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 \u0026amp; Care\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\u003eFabric Composition\u003c\/h3\u003e\n\u003cp\u003e47% Cotton, 45% Viscose, 8% Spandex - Soft, stretchy, mid-weight blend.\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 on gentle cycle. Hang to dry for best maintenance.\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\u003eSize Chart\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"accordion-content\"\u003e\n\u003cp style=\"margin-bottom: 12px; font-size: 14px; color: #666;\"\u003eMeasurements are in centimeters. For the best fit, measure your bust, waist, and hip circumference.\u003c\/p\u003e\n\u003ctable class=\"size-chart\"\u003e\n\u003cthead\u003e\u003ctr\u003e\n\u003cth\u003eUS Size\u003c\/th\u003e\n\u003cth\u003eBust (cm)\u003c\/th\u003e\n\u003cth\u003eWaist (cm)\u003c\/th\u003e\n\u003cth\u003eHip (cm)\u003c\/th\u003e\n\u003c\/tr\u003e\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd class=\"size-header\"\u003eXXS\u003c\/td\u003e\n\u003ctd\u003e78.5\u003c\/td\u003e\n\u003ctd\u003e61\u003c\/td\u003e\n\u003ctd\u003e86\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"size-header\"\u003eXS\u003c\/td\u003e\n\u003ctd\u003e84\u003c\/td\u003e\n\u003ctd\u003e66\u003c\/td\u003e\n\u003ctd\u003e91.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"size-header\"\u003eS\u003c\/td\u003e\n\u003ctd\u003e88\u003c\/td\u003e\n\u003ctd\u003e70\u003c\/td\u003e\n\u003ctd\u003e95.25\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"size-header\"\u003eM\u003c\/td\u003e\n\u003ctd\u003e93\u003c\/td\u003e\n\u003ctd\u003e75\u003c\/td\u003e\n\u003ctd\u003e100\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"size-header\"\u003eL\u003c\/td\u003e\n\u003ctd\u003e98\u003c\/td\u003e\n\u003ctd\u003e80\u003c\/td\u003e\n\u003ctd\u003e105.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"size-header\"\u003eXL\u003c\/td\u003e\n\u003ctd\u003e103\u003c\/td\u003e\n\u003ctd\u003e85\u003c\/td\u003e\n\u003ctd\u003e110.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Gentle Fawn","offers":[{"title":"Canyon \/ S \/ Womens","offer_id":53174590210414,"sku":"GFN62W004003","price":47.59,"currency_code":"CAD","in_stock":true},{"title":"Canyon \/ M \/ Womens","offer_id":53174590243182,"sku":"GFN62W004004","price":47.59,"currency_code":"CAD","in_stock":true},{"title":"Canyon \/ L \/ Womens","offer_id":53174590275950,"sku":"GFN62W004005","price":47.59,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/LibbyTop-Canyon.png?v=1767803644"},{"product_id":"gentle-fawn-womens-reagan-s-s-t-shirt-canyon-spring-2026","title":"Reagan S\/S T-Shirt","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-chart { width: 100%; border-collapse: collapse; margin: 1rem 0; background: #f8fafc; border-radius: 8px; overflow: hidden; } .size-chart th { background: #f87171 ; color: white; font-weight: 600; padding: 12px; text-align: center; font-size: 13px; } .size-chart td { padding: 12px; text-align: center; border-bottom: 1px solid #e2e8f0; font-size: 13px; } .size-chart tr:last-child td { border-bottom: none; } .size-chart tr:hover td { background: #e2e8f0; } .size-header { font-weight: 600; color: #1e293b; background: #f1f5f9; } @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; } .intro-text { font-size: 15px; } .size-chart th, .size-chart td { padding: 8px 4px; font-size: 12px; } }\u003c\/style\u003e\u003cdiv class=\"product-description\"\u003e\n\u003cp class=\"intro-text\"\u003eA lightweight, delicately ribbed basic designed for effortless layering or solo wear. Known for its ultra-soft feel and close-to-body fit, the Reagan S\/S T-Shirt is a staple piece perfect for capsule wardrobes.\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\u003eRound Neckline\u003c\/h3\u003e\n\u003cp\u003eClassic round neck with shaped shoulders for a refined look.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eShort Sleeves\u003c\/h3\u003e\n\u003cp\u003eFitted short sleeves for a streamlined silhouette.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eForm-Hugging Fit\u003c\/h3\u003e\n\u003cp\u003eContour fit designed to be close-to-body for a flattering shape.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eDelicate Rib Texture\u003c\/h3\u003e\n\u003cp\u003eLightweight ribbed fabric adds subtle texture and visual interest.\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 \u0026amp; Care\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\u003eFabric Composition\u003c\/h3\u003e\n\u003cp\u003e60% Rayon, 35% Polyester, 5% Spandex - Ultra-soft, lightweight, and stretchy.\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 on gentle cycle. Hang to dry for longevity.\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\u003eSizing \u0026amp; Fit\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"accordion-content\"\u003e\n\u003cp style=\"margin-bottom: 12px; font-size: 14px; color: #666;\"\u003e\u003cstrong\u003eSizing Recommendations:\u003c\/strong\u003e Take your usual size for a standard close-to-body look. If you are between sizes, we recommend choosing the larger size for more comfort.\u003c\/p\u003e\n\u003cp style=\"margin-bottom: 12px; font-size: 14px; color: #666;\"\u003eMeasurements are in centimeters. For the best fit, measure your bust, waist, and hip circumference.\u003c\/p\u003e\n\u003ctable class=\"size-chart\"\u003e\n\u003cthead\u003e\u003ctr\u003e\n\u003cth\u003eUS Size\u003c\/th\u003e\n\u003cth\u003eBust (cm)\u003c\/th\u003e\n\u003cth\u003eWaist (cm)\u003c\/th\u003e\n\u003cth\u003eHip (cm)\u003c\/th\u003e\n\u003c\/tr\u003e\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd class=\"size-header\"\u003eXXS\u003c\/td\u003e\n\u003ctd\u003e78.5\u003c\/td\u003e\n\u003ctd\u003e61\u003c\/td\u003e\n\u003ctd\u003e86\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"size-header\"\u003eXS\u003c\/td\u003e\n\u003ctd\u003e84\u003c\/td\u003e\n\u003ctd\u003e66\u003c\/td\u003e\n\u003ctd\u003e91.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"size-header\"\u003eS\u003c\/td\u003e\n\u003ctd\u003e88\u003c\/td\u003e\n\u003ctd\u003e70\u003c\/td\u003e\n\u003ctd\u003e95.25\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"size-header\"\u003eM\u003c\/td\u003e\n\u003ctd\u003e93\u003c\/td\u003e\n\u003ctd\u003e75\u003c\/td\u003e\n\u003ctd\u003e100\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"size-header\"\u003eL\u003c\/td\u003e\n\u003ctd\u003e98\u003c\/td\u003e\n\u003ctd\u003e80\u003c\/td\u003e\n\u003ctd\u003e105.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"size-header\"\u003eXL\u003c\/td\u003e\n\u003ctd\u003e103\u003c\/td\u003e\n\u003ctd\u003e85\u003c\/td\u003e\n\u003ctd\u003e110.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Gentle Fawn","offers":[{"title":"Canyon \/ S \/ Womens","offer_id":53174590308718,"sku":"GFN62W005003","price":38.49,"currency_code":"CAD","in_stock":true},{"title":"Canyon \/ M \/ Womens","offer_id":53174590341486,"sku":"GFN62W005004","price":38.49,"currency_code":"CAD","in_stock":true},{"title":"Canyon \/ L \/ Womens","offer_id":53174590374254,"sku":"GFN62W005005","price":38.49,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/ReaganS_ST-Shirt-Canyon.png?v=1767803636"},{"product_id":"gentle-fawn-womens-reagan-s-s-t-shirt-white-spring-2026","title":"Reagan S\/S T-Shirt","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-chart { width: 100%; border-collapse: collapse; margin: 1rem 0; background: #f8fafc; border-radius: 8px; overflow: hidden; } .size-chart th { background: #f87171 ; color: white; font-weight: 600; padding: 12px; text-align: center; font-size: 13px; } .size-chart td { padding: 12px; text-align: center; border-bottom: 1px solid #e2e8f0; font-size: 13px; } .size-chart tr:last-child td { border-bottom: none; } .size-chart tr:hover td { background: #e2e8f0; } .size-header { font-weight: 600; color: #1e293b; background: #f1f5f9; } @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; } .intro-text { font-size: 15px; } .size-chart th, .size-chart td { padding: 8px 4px; font-size: 12px; } }\u003c\/style\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003cp class=\"intro-text\"\u003eA lightweight, delicately ribbed basic designed for effortless layering or solo wear. Known for its ultra-soft feel and close-to-body fit, the Reagan S\/S T-Shirt is a staple piece perfect for capsule wardrobes.\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\u003eRound Neckline\u003c\/h3\u003e\n\u003cp\u003eClassic round neck with shaped shoulders for a refined look.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eShort Sleeves\u003c\/h3\u003e\n\u003cp\u003eFitted short sleeves for a streamlined silhouette.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eForm-Hugging Fit\u003c\/h3\u003e\n\u003cp\u003eContour fit designed to be close-to-body for a flattering shape.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eDelicate Rib Texture\u003c\/h3\u003e\n\u003cp\u003eLightweight ribbed fabric adds subtle texture and visual interest.\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 \u0026amp; Care\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 Composition\u003c\/h3\u003e\n\u003cp\u003e60% Rayon, 35% Polyester, 5% Spandex - Ultra-soft, lightweight, and stretchy.\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 on gentle cycle. Hang to dry for longevity.\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 \u0026amp; Fit\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cp style=\"margin-bottom: 12px; font-size: 14px; color: #666;\"\u003e\u003cstrong\u003eSizing Recommendations:\u003c\/strong\u003e Take your usual size for a standard close-to-body look. If you are between sizes, we recommend choosing the larger size for more comfort.\u003c\/p\u003e\n\u003cp style=\"margin-bottom: 12px; font-size: 14px; color: #666;\"\u003eMeasurements are in centimeters. For the best fit, measure your bust, waist, and hip circumference.\u003c\/p\u003e\n\u003ctable class=\"size-chart\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eUS Size\u003c\/th\u003e\n\u003cth\u003eBust (cm)\u003c\/th\u003e\n\u003cth\u003eWaist (cm)\u003c\/th\u003e\n\u003cth\u003eHip (cm)\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd class=\"size-header\"\u003eXXS\u003c\/td\u003e\n\u003ctd\u003e78.5\u003c\/td\u003e\n\u003ctd\u003e61\u003c\/td\u003e\n\u003ctd\u003e86\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"size-header\"\u003eXS\u003c\/td\u003e\n\u003ctd\u003e84\u003c\/td\u003e\n\u003ctd\u003e66\u003c\/td\u003e\n\u003ctd\u003e91.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"size-header\"\u003eS\u003c\/td\u003e\n\u003ctd\u003e88\u003c\/td\u003e\n\u003ctd\u003e70\u003c\/td\u003e\n\u003ctd\u003e95.25\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"size-header\"\u003eM\u003c\/td\u003e\n\u003ctd\u003e93\u003c\/td\u003e\n\u003ctd\u003e75\u003c\/td\u003e\n\u003ctd\u003e100\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"size-header\"\u003eL\u003c\/td\u003e\n\u003ctd\u003e98\u003c\/td\u003e\n\u003ctd\u003e80\u003c\/td\u003e\n\u003ctd\u003e105.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"size-header\"\u003eXL\u003c\/td\u003e\n\u003ctd\u003e103\u003c\/td\u003e\n\u003ctd\u003e85\u003c\/td\u003e\n\u003ctd\u003e110.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Gentle Fawn","offers":[{"title":"White \/ S \/ Womens","offer_id":53174590407022,"sku":"GFN62W006003","price":38.49,"currency_code":"CAD","in_stock":true},{"title":"White \/ M \/ Womens","offer_id":53174590439790,"sku":"GFN62W006004","price":38.49,"currency_code":"CAD","in_stock":true},{"title":"White \/ L \/ Womens","offer_id":53174590472558,"sku":"GFN62W006005","price":38.49,"currency_code":"CAD","in_stock":true},{"title":"White \/ XL \/ Womens","offer_id":53174590505326,"sku":"GFN62W006006","price":38.49,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/ReaganS_ST-Shirt-White.png?v=1767803618"},{"product_id":"gentle-fawn-womens-echo-l-s-top-petal-spring-2026","title":"Echo L\/S Top","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-chart { width: 100%; border-collapse: collapse; margin: 1rem 0; background: #f8fafc; border-radius: 8px; overflow: hidden; } .size-chart th { background: #f87171 ; color: white; font-weight: 600; padding: 12px; text-align: center; font-size: 13px; } .size-chart td { padding: 12px; text-align: center; border-bottom: 1px solid #e2e8f0; font-size: 13px; } .size-chart tr:last-child td { border-bottom: none; } .size-chart tr:hover td { background: #e2e8f0; } .size-header { font-weight: 600; color: #1e293b; background: #f1f5f9; } @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; } .intro-text { font-size: 15px; } .size-chart th, .size-chart td { padding: 8px 4px; font-size: 12px; } }\u003c\/style\u003e\u003cdiv class=\"product-description\"\u003e\n\u003cp class=\"intro-text\"\u003eThe Echo L\/S Top is crafted from super soft yarn in a classic half cardigan stitch. This oversized-fit sweater features exposed seam detailing and side slits for an effortlessly relaxed look that's perfect for layering or wearing on its own.\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\u003eOversized Fit\u003c\/h3\u003e\n\u003cp\u003eRelaxed, roomy silhouette for ultimate comfort and modern style.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eSide Slits\u003c\/h3\u003e\n\u003cp\u003eFunctional side slits add movement and a casual, laid-back vibe.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eExposed Seam Details\u003c\/h3\u003e\n\u003cp\u003eUnique exposed seam construction for contemporary design appeal.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eHalf Cardigan Stitch\u003c\/h3\u003e\n\u003cp\u003eTextured knit construction adds depth and durability.\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 \u0026amp; Care\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\u003eFabric Composition\u003c\/h3\u003e\n\u003cp\u003e89% Polyester, 11% Nylon - Super soft, easy-care blend.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eFit Information\u003c\/h3\u003e\n\u003cp\u003eModel is wearing size S for reference.\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\u003eSize Chart\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"accordion-content\"\u003e\n\u003cp style=\"margin-bottom: 12px; font-size: 14px; color: #666;\"\u003eMeasurements are in centimeters. For the best fit, measure your bust, waist, and hip circumference.\u003c\/p\u003e\n\u003ctable class=\"size-chart\"\u003e\n\u003cthead\u003e\u003ctr\u003e\n\u003cth\u003eUS Size\u003c\/th\u003e\n\u003cth\u003eBust (cm)\u003c\/th\u003e\n\u003cth\u003eWaist (cm)\u003c\/th\u003e\n\u003cth\u003eHip (cm)\u003c\/th\u003e\n\u003c\/tr\u003e\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd class=\"size-header\"\u003eXXS\u003c\/td\u003e\n\u003ctd\u003e78.5\u003c\/td\u003e\n\u003ctd\u003e61\u003c\/td\u003e\n\u003ctd\u003e86\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"size-header\"\u003eXS\u003c\/td\u003e\n\u003ctd\u003e84\u003c\/td\u003e\n\u003ctd\u003e66\u003c\/td\u003e\n\u003ctd\u003e91.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"size-header\"\u003eS\u003c\/td\u003e\n\u003ctd\u003e88\u003c\/td\u003e\n\u003ctd\u003e70\u003c\/td\u003e\n\u003ctd\u003e95.25\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"size-header\"\u003eM\u003c\/td\u003e\n\u003ctd\u003e93\u003c\/td\u003e\n\u003ctd\u003e75\u003c\/td\u003e\n\u003ctd\u003e100\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"size-header\"\u003eL\u003c\/td\u003e\n\u003ctd\u003e98\u003c\/td\u003e\n\u003ctd\u003e80\u003c\/td\u003e\n\u003ctd\u003e105.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"size-header\"\u003eXL\u003c\/td\u003e\n\u003ctd\u003e103\u003c\/td\u003e\n\u003ctd\u003e85\u003c\/td\u003e\n\u003ctd\u003e110.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Gentle Fawn","offers":[{"title":"Petal \/ XS \/ Womens","offer_id":53174590538094,"sku":"GFN62W007002","price":82.59,"currency_code":"CAD","in_stock":false},{"title":"Petal \/ S \/ Womens","offer_id":53174590570862,"sku":"GFN62W007003","price":82.59,"currency_code":"CAD","in_stock":true},{"title":"Petal \/ M \/ Womens","offer_id":53174590603630,"sku":"GFN62W007004","price":82.59,"currency_code":"CAD","in_stock":true},{"title":"Petal \/ L \/ Womens","offer_id":53174590636398,"sku":"GFN62W007005","price":82.59,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/EchoTop-Petal-2.png?v=1767803618"},{"product_id":"gentle-fawn-womens-spencer-sweater-sky-spring-2026","title":"Spencer Sweater","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-chart { width: 100%; border-collapse: collapse; margin: 1rem 0; background: #f8fafc; border-radius: 8px; overflow: hidden; } .size-chart th { background: #f87171 ; color: white; font-weight: 600; padding: 12px; text-align: center; font-size: 13px; } .size-chart td { padding: 12px; text-align: center; border-bottom: 1px solid #e2e8f0; font-size: 13px; } .size-chart tr:last-child td { border-bottom: none; } .size-chart tr:hover td { background: #e2e8f0; } .size-header { font-weight: 600; color: #1e293b; background: #f1f5f9; } @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; } .intro-text { font-size: 15px; } .size-chart th, .size-chart td { padding: 8px 4px; font-size: 12px; } }\u003c\/style\u003e\u003cdiv class=\"product-description\"\u003e\n\u003cp class=\"intro-text\"\u003eThe Spencer Sweater is crafted from a soft cotton yarn in a classic half cardigan stitch. This relaxed-fit sweater features a flattering v-neckline and fashioning stitch details throughout, making it the perfect layering piece for effortless style and all-day comfort.\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\u003eRelaxed Fit\u003c\/h3\u003e\n\u003cp\u003eComfortable, easy-wearing silhouette for versatile styling.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eV-Neckline\u003c\/h3\u003e\n\u003cp\u003eClassic v-neck design that flatters and layers beautifully.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eHalf Cardigan Stitch\u003c\/h3\u003e\n\u003cp\u003eTextured knit construction adds visual interest and durability.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eFashioning Details\u003c\/h3\u003e\n\u003cp\u003eRefined stitch details throughout for elevated craftsmanship.\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 \u0026amp; Care\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\u003eFabric Composition\u003c\/h3\u003e\n\u003cp\u003e50% Acrylic, 50% Cotton - Soft, breathable blend for comfort.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eFit Information\u003c\/h3\u003e\n\u003cp\u003eModel is wearing size S for reference.\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\u003eSize Chart\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"accordion-content\"\u003e\n\u003cp style=\"margin-bottom: 12px; font-size: 14px; color: #666;\"\u003eMeasurements are in centimeters. For the best fit, measure your bust, waist, and hip circumference.\u003c\/p\u003e\n\u003ctable class=\"size-chart\"\u003e\n\u003cthead\u003e\u003ctr\u003e\n\u003cth\u003eUS Size\u003c\/th\u003e\n\u003cth\u003eBust (cm)\u003c\/th\u003e\n\u003cth\u003eWaist (cm)\u003c\/th\u003e\n\u003cth\u003eHip (cm)\u003c\/th\u003e\n\u003c\/tr\u003e\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd class=\"size-header\"\u003eXXS\u003c\/td\u003e\n\u003ctd\u003e78.5\u003c\/td\u003e\n\u003ctd\u003e61\u003c\/td\u003e\n\u003ctd\u003e86\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"size-header\"\u003eXS\u003c\/td\u003e\n\u003ctd\u003e84\u003c\/td\u003e\n\u003ctd\u003e66\u003c\/td\u003e\n\u003ctd\u003e91.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"size-header\"\u003eS\u003c\/td\u003e\n\u003ctd\u003e88\u003c\/td\u003e\n\u003ctd\u003e70\u003c\/td\u003e\n\u003ctd\u003e95.25\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"size-header\"\u003eM\u003c\/td\u003e\n\u003ctd\u003e93\u003c\/td\u003e\n\u003ctd\u003e75\u003c\/td\u003e\n\u003ctd\u003e100\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"size-header\"\u003eL\u003c\/td\u003e\n\u003ctd\u003e98\u003c\/td\u003e\n\u003ctd\u003e80\u003c\/td\u003e\n\u003ctd\u003e105.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Gentle Fawn","offers":[{"title":"Sky \/ S \/ Womens","offer_id":53174590734702,"sku":"GFN62W008003","price":96.59,"currency_code":"CAD","in_stock":true},{"title":"Sky \/ M \/ Womens","offer_id":53174590767470,"sku":"GFN62W008004","price":96.59,"currency_code":"CAD","in_stock":true},{"title":"Sky \/ L \/ Womens","offer_id":53174590800238,"sku":"GFN62W008005","price":96.59,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/SpencerTop-Sky.png?v=1767803617"},{"product_id":"rhythm-womens-archer-knit-vest-sand-spring-2026","title":"Archer Knit Vest","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; } @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; } .intro-text { font-size: 15px; } }\u003c\/style\u003e\u003cdiv class=\"product-description\"\u003e\n\u003cp class=\"intro-text\"\u003e\u003cspan\u003eThe Archer Knit Vest in Sand features a deep V-neckline, oversized fit, and rib finishes at the hem and armholes. A chest pocket and side vents complete the easy-wearing, relaxed look perfect for layering or wearing solo.\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\u003eSoft Handed Mid Weight Knit\u003c\/h3\u003e\n\u003cp\u003ePremium knit construction provides warmth without bulk, perfect for transitional weather and layering.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eLow and Open V Front Neckline\u003c\/h3\u003e\n\u003cp\u003eDeep V-neckline creates a flattering silhouette and allows for versatile styling options.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eOversized Fit\u003c\/h3\u003e\n\u003cp\u003eRelaxed, oversized silhouette offers comfortable movement and effortless style.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eRib at Hem, Armholes and Neck\u003c\/h3\u003e\n\u003cp\u003eRibbed finishes provide structure and a polished look while maintaining comfort.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eFront Chest Pocket\u003c\/h3\u003e\n\u003cp\u003eFunctional chest pocket adds practical detail and visual interest to the design.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eSide Vent Detail\u003c\/h3\u003e\n\u003cp\u003eSide vents enhance mobility and add a modern touch to the classic vest silhouette.\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\u003e64% Acrylic, 19% Nylon, 11% Polyester, 6% Wool - A carefully balanced blend for warmth, durability, and easy care.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Rhythm","offers":[{"title":"Sand \/ XS \/ Womens","offer_id":53190535905646,"sku":"RHY62W006002","price":48.99,"currency_code":"CAD","in_stock":false},{"title":"Sand \/ S \/ Womens","offer_id":53190535938414,"sku":"RHY62W006003","price":48.99,"currency_code":"CAD","in_stock":true},{"title":"Sand \/ M \/ Womens","offer_id":53190535971182,"sku":"RHY62W006004","price":48.99,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/ArchieKnitVest-Sand_2.png?v=1768412231"},{"product_id":"rhythm-womens-melia-oversized-s-s-t-shirt-chocolate-spring-2026","title":"Melia Oversized S\/S T-Shirt","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\u003eVintage-inspired and easy, the Melia Oversized T-Shirt in Chocolate features a relaxed silhouette, round neckline, and a bold front chest graphic.\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\u003eOversized Relaxed Silhouette\u003c\/h3\u003e\n\u003cp\u003eEffortlessly cool oversized fit provides comfort and a laid-back, vintage-inspired aesthetic.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eLinen Cotton Blend\u003c\/h3\u003e\n\u003cp\u003ePremium blend of 55% linen and 45% cotton offers breathability, softness, and natural texture.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eRound Crew Neck\u003c\/h3\u003e\n\u003cp\u003eClassic crew neckline creates a timeless, versatile look that pairs with everything.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eElbow Length Short Sleeve\u003c\/h3\u003e\n\u003cp\u003eExtended short sleeves hit at the elbow for added coverage and a relaxed, casual vibe.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eFront Chest Print\u003c\/h3\u003e\n\u003cp\u003eBold graphic print on the chest adds visual interest and vintage-inspired character.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eNatural Breathability\u003c\/h3\u003e\n\u003cp\u003eLinen-cotton blend provides excellent airflow and moisture-wicking properties 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\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\u003eBust (in)\u003c\/th\u003e\n\u003cth\u003eBust (cm)\u003c\/th\u003e\n\u003cth\u003eLength (in)\u003c\/th\u003e\n\u003cth\u003eLength (cm)\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eXS\u003c\/td\u003e\n\u003ctd\u003e38-40\u003c\/td\u003e\n\u003ctd\u003e97-102\u003c\/td\u003e\n\u003ctd\u003e26\u003c\/td\u003e\n\u003ctd\u003e66\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eS\u003c\/td\u003e\n\u003ctd\u003e40-42\u003c\/td\u003e\n\u003ctd\u003e102-107\u003c\/td\u003e\n\u003ctd\u003e27\u003c\/td\u003e\n\u003ctd\u003e69\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eM\u003c\/td\u003e\n\u003ctd\u003e42-44\u003c\/td\u003e\n\u003ctd\u003e107-112\u003c\/td\u003e\n\u003ctd\u003e28\u003c\/td\u003e\n\u003ctd\u003e71\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eL\u003c\/td\u003e\n\u003ctd\u003e44-46\u003c\/td\u003e\n\u003ctd\u003e112-117\u003c\/td\u003e\n\u003ctd\u003e29\u003c\/td\u003e\n\u003ctd\u003e74\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eXL\u003c\/td\u003e\n\u003ctd\u003e46-48\u003c\/td\u003e\n\u003ctd\u003e117-122\u003c\/td\u003e\n\u003ctd\u003e30\u003c\/td\u003e\n\u003ctd\u003e76\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003cp class=\"size-note\"\u003eOversized relaxed fit. For a more fitted look, consider sizing down. Measurements are approximate and may vary slightly.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Rhythm","offers":[{"title":"Chocolate \/ S \/ Womens","offer_id":53190536102254,"sku":"RHY62W008003","price":37.09,"currency_code":"CAD","in_stock":false},{"title":"Chocolate \/ M \/ Womens","offer_id":53190536135022,"sku":"RHY62W008004","price":37.09,"currency_code":"CAD","in_stock":true},{"title":"Chocolate \/ L \/ Womens","offer_id":53190536167790,"sku":"RHY62W008005","price":37.09,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/MeliaOversizedT-Shirt-Chocolate_2.png?v=1768413179"},{"product_id":"rhythm-womens-melia-oversized-s-s-t-shirt-red-spring-2026","title":"Melia Oversized S\/S T-Shirt","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\u003eVintage-inspired and easy, the Melia Oversized T-Shirt in Chocolate features a relaxed silhouette, round neckline, and a bold front chest graphic.\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\u003eOversized Relaxed Silhouette\u003c\/h3\u003e\n\u003cp\u003eEffortlessly cool oversized fit provides comfort and a laid-back, vintage-inspired aesthetic.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eLinen Cotton Blend\u003c\/h3\u003e\n\u003cp\u003ePremium blend of 55% linen and 45% cotton offers breathability, softness, and natural texture.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eRound Crew Neck\u003c\/h3\u003e\n\u003cp\u003eClassic crew neckline creates a timeless, versatile look that pairs with everything.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eElbow Length Short Sleeve\u003c\/h3\u003e\n\u003cp\u003eExtended short sleeves hit at the elbow for added coverage and a relaxed, casual vibe.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eFront Chest Print\u003c\/h3\u003e\n\u003cp\u003eBold graphic print on the chest adds visual interest and vintage-inspired character.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eNatural Breathability\u003c\/h3\u003e\n\u003cp\u003eLinen-cotton blend provides excellent airflow and moisture-wicking properties 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\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\u003eBust (in)\u003c\/th\u003e\n\u003cth\u003eBust (cm)\u003c\/th\u003e\n\u003cth\u003eLength (in)\u003c\/th\u003e\n\u003cth\u003eLength (cm)\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eXS\u003c\/td\u003e\n\u003ctd\u003e38-40\u003c\/td\u003e\n\u003ctd\u003e97-102\u003c\/td\u003e\n\u003ctd\u003e26\u003c\/td\u003e\n\u003ctd\u003e66\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eS\u003c\/td\u003e\n\u003ctd\u003e40-42\u003c\/td\u003e\n\u003ctd\u003e102-107\u003c\/td\u003e\n\u003ctd\u003e27\u003c\/td\u003e\n\u003ctd\u003e69\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eM\u003c\/td\u003e\n\u003ctd\u003e42-44\u003c\/td\u003e\n\u003ctd\u003e107-112\u003c\/td\u003e\n\u003ctd\u003e28\u003c\/td\u003e\n\u003ctd\u003e71\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eL\u003c\/td\u003e\n\u003ctd\u003e44-46\u003c\/td\u003e\n\u003ctd\u003e112-117\u003c\/td\u003e\n\u003ctd\u003e29\u003c\/td\u003e\n\u003ctd\u003e74\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eXL\u003c\/td\u003e\n\u003ctd\u003e46-48\u003c\/td\u003e\n\u003ctd\u003e117-122\u003c\/td\u003e\n\u003ctd\u003e30\u003c\/td\u003e\n\u003ctd\u003e76\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003cp class=\"size-note\"\u003eOversized relaxed fit. For a more fitted look, consider sizing down. Measurements are approximate and may vary slightly.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Rhythm","offers":[{"title":"Red \/ S \/ Womens","offer_id":53190536200558,"sku":"RHY62W009003","price":37.09,"currency_code":"CAD","in_stock":false},{"title":"Red \/ M \/ Womens","offer_id":53190536233326,"sku":"RHY62W009004","price":37.09,"currency_code":"CAD","in_stock":true},{"title":"Red \/ L \/ Womens","offer_id":53190536266094,"sku":"RHY62W009005","price":37.09,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/MeliaOversizedT-Shirt-Red_2.png?v=1768413347"},{"product_id":"rhythm-womens-rommy-knit-top-s-s-top-vintage-stripe-spring-2026","title":"Rommy Knit Top S\/S Top","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\u003eA nod to vintage-inspired style, the Rommy Knit Top is a striped knit featuring a slightly cropped fit, finished with ribbed collar, cuffs, and hem details for a refined edge.\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\u003eStriped Knit Design\u003c\/h3\u003e\n\u003cp\u003eClassic vintage-inspired stripe pattern adds timeless style and visual interest to any outfit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eSlightly Cropped Fit\u003c\/h3\u003e\n\u003cp\u003eModern cropped length hits at the natural waist for a flattering, on-trend silhouette.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eRibbed Collar Detail\u003c\/h3\u003e\n\u003cp\u003eRefined ribbed collar adds structure and a polished finishing touch to the neckline.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eRibbed Cuffs and Hem\u003c\/h3\u003e\n\u003cp\u003eRibbed detailing at cuffs and hem provides a clean, tailored look with enhanced shape retention.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003e100% Cotton Knit\u003c\/h3\u003e\n\u003cp\u003eSoft, breathable cotton construction ensures all-day comfort with natural temperature regulation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eVintage-Inspired Aesthetic\u003c\/h3\u003e\n\u003cp\u003eRetro styling with modern fit creates a versatile piece that pairs perfectly with high-waisted bottoms.\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\u003e100% Cotton\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\u003eBust (in)\u003c\/th\u003e\n\u003cth\u003eBust (cm)\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\u003c\/tr\u003e\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eXS (6)\u003c\/td\u003e\n\u003ctd\u003e30-32\u003c\/td\u003e\n\u003ctd\u003e76-81\u003c\/td\u003e\n\u003ctd\u003e23-24\u003c\/td\u003e\n\u003ctd\u003e58-61\u003c\/td\u003e\n\u003ctd\u003e33-35\u003c\/td\u003e\n\u003ctd\u003e84-89\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eS (8)\u003c\/td\u003e\n\u003ctd\u003e32-34\u003c\/td\u003e\n\u003ctd\u003e81-86\u003c\/td\u003e\n\u003ctd\u003e24-26\u003c\/td\u003e\n\u003ctd\u003e61-66\u003c\/td\u003e\n\u003ctd\u003e35-37\u003c\/td\u003e\n\u003ctd\u003e89-94\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eM (10)\u003c\/td\u003e\n\u003ctd\u003e34-36\u003c\/td\u003e\n\u003ctd\u003e86-91\u003c\/td\u003e\n\u003ctd\u003e26-28\u003c\/td\u003e\n\u003ctd\u003e66-71\u003c\/td\u003e\n\u003ctd\u003e37-39\u003c\/td\u003e\n\u003ctd\u003e94-99\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eL (12)\u003c\/td\u003e\n\u003ctd\u003e36-38\u003c\/td\u003e\n\u003ctd\u003e91-97\u003c\/td\u003e\n\u003ctd\u003e28-30\u003c\/td\u003e\n\u003ctd\u003e71-76\u003c\/td\u003e\n\u003ctd\u003e39-41\u003c\/td\u003e\n\u003ctd\u003e99-104\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eXL (14)\u003c\/td\u003e\n\u003ctd\u003e38-40\u003c\/td\u003e\n\u003ctd\u003e97-102\u003c\/td\u003e\n\u003ctd\u003e30-32\u003c\/td\u003e\n\u003ctd\u003e76-81\u003c\/td\u003e\n\u003ctd\u003e41-43\u003c\/td\u003e\n\u003ctd\u003e104-109\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\u003c\/div\u003e\n\u003cp class=\"size-note\"\u003eSlightly cropped fit. Ruby wears a size 8 (S). Her measurements: Height 175 cm, Bust 77 cm, Waist 60 cm, Hips 89 cm.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Rhythm","offers":[{"title":"Vintage Stripe \/ S \/ Womens","offer_id":53190536397166,"sku":"RHY62W011003","price":45.49,"currency_code":"CAD","in_stock":false},{"title":"Vintage Stripe \/ M \/ Womens","offer_id":53190536429934,"sku":"RHY62W011004","price":45.49,"currency_code":"CAD","in_stock":true},{"title":"Vintage Stripe \/ L \/ Womens","offer_id":53190536462702,"sku":"RHY62W011005","price":45.49,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/RomyKnitTop-VintageStripe_2.png?v=1768412578"},{"product_id":"levis-womens-graphic-ringer-rickie-s-s-t-shirt-metallic-boot-post-black-spring-2026","title":"Graphic Ringer Rickie S\/S T-Shirt","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: clamp(15px, 3.5vw, 16px); font-weight: 300; margin-bottom: 32px; color: #2c2c2c; line-height: 1.8; padding-left: 16px; border-left: 3px solid #f87171;}.accordion-item { border-bottom: 1px solid #e0e0e0; transition: border-color 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: clamp(16px, 4vw, 20px) 0; cursor: pointer; list-style: none; font-size: clamp(12px, 2.8vw, 13px); font-weight: 500; letter-spacing: 1.5px; text-transform: uppercase; color: #1a1a1a; transition: all 0.3s ease; position: relative; min-height: 44px;}.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;}@media (hover: hover) { .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; min-width: 20px; text-align: center;}.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);}@keyframes slideDown { from { opacity: 0; transform: translateY(-12px); } to { opacity: 1; transform: translateY(0); }}.features-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); gap: clamp(16px, 4vw, 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;}@media (hover: hover) { .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: clamp(13px, 3vw, 14px); font-weight: 600; color: #1a1a1a; margin-bottom: 6px;}.feature-item p { font-size: clamp(13px, 3vw, 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%; border-collapse: collapse; background: white;}@media (min-width: 1024px) { .size-table { font-size: 14px; } .size-table th, .size-table td { padding: 16px; }}@media (min-width: 768px) and (max-width: 1023px) { .size-table { font-size: 13px; } .size-table th, .size-table td { padding: 14px; }}@media (min-width: 480px) and (max-width: 767px) { .size-table { font-size: 12px; } .size-table th, .size-table td { padding: 12px; }}@media (min-width: 360px) and (max-width: 479px) { .size-table { font-size: 11px; } .size-table th, .size-table td { padding: 10px; }}@media (max-width: 359px) { .size-table { font-size: 10px; } .size-table th, .size-table td { padding: 8px; }}.size-table th { text-align: center; font-weight: 600; color: white; background: linear-gradient(135deg, #f87171 0%, #fca5a5 100%); letter-spacing: 0.5px; white-space: nowrap; line-height: 1.4; vertical-align: middle; border: 1px solid rgba(255, 255, 255, 0.2);}.size-table td { border: 1px solid #f0f0f0; color: #4a4a4a; font-weight: 400; text-align: center; white-space: nowrap; line-height: 1.4; vertical-align: middle; background: white;}.size-table tbody tr { transition: background 0.2s ease;}@media (hover: hover) { .size-table tbody tr:hover { background: #fef2f2; }}.size-note { font-size: clamp(12px, 2.8vw, 13px); color: #666; font-style: italic; margin-top: 16px; padding: clamp(10px, 2.5vw, 12px) clamp(12px, 3vw, 16px); background: #fef2f2; border-left: 3px solid #f87171; border-radius: 4px;}.detail-text { font-size: clamp(14px, 3.2vw, 15px); font-weight: 300; color: #4a4a4a; line-height: 1.8; margin-bottom: 16px;}\u003c\/style\u003e\u003cdiv class=\"product-description\"\u003e\n\u003cp class=\"intro-text\"\u003e\u003cstrong\u003eChannel '90s nostalgia with the Levi's Graphic Ringer Rickie S\/S T-Shirt - retro style meets modern comfort.\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003eInspired by '90s fashion, this Graphic Rickie T-Shirt features a flattering body-hugging slim fit and a retro metallic Levi's graphic that pays homage to the iconic decade. The classic ringer style with crew neck and short sleeves delivers timeless appeal, while the 100% cotton construction with 7.05 oz fabric weight ensures all-day comfort. The Metallic Boot Post\/Black colorway combines vintage-inspired graphics with versatile black styling that pairs with everything in your wardrobe.\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\u003e100% Cotton Construction\u003c\/h3\u003e\n\u003cp\u003ePremium 7.05 oz cotton fabric provides breathability and all-day comfort.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eSlim Fit\u003c\/h3\u003e\n\u003cp\u003eBody-hugging silhouette creates a flattering, feminine shape.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eMetallic Graphic\u003c\/h3\u003e\n\u003cp\u003eRetro Levi's graphic with metallic finish adds vintage-inspired style.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eRinger Style\u003c\/h3\u003e\n\u003cp\u003eClassic '90s ringer design with contrasting trim details.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eCrew Neck\u003c\/h3\u003e\n\u003cp\u003eTimeless crew neckline works for any occasion.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003e'90s Inspired Design\u003c\/h3\u003e\n\u003cp\u003eAuthentic retro aesthetic straight from the iconic decade.\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\u003eThe '90s Revival\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"accordion-content\"\u003e\n\u003cp class=\"detail-text\"\u003e\u003cstrong\u003eRetro Inspiration:\u003c\/strong\u003e The Graphic Ringer Rickie T-Shirt is a love letter to '90s fashion. From the ringer styling to the metallic graphic, every detail captures the essence of the decade that defined a generation. This isn't just inspired by the '90s - it embodies the era's effortless cool.\u003c\/p\u003e\n\u003cp class=\"detail-text\"\u003e\u003cstrong\u003eModern Comfort:\u003c\/strong\u003e While the style is vintage, the comfort is contemporary. The slim fit flatters your figure without sacrificing comfort, and the premium cotton construction feels soft against your skin. It's the perfect blend of nostalgic style and modern wearability.\u003c\/p\u003e\n\u003cp class=\"detail-text\"\u003e\u003cstrong\u003eLevi's Heritage:\u003c\/strong\u003e Since 1853, Levi's has been at the forefront of American style. This tee combines over 170 years of quality craftsmanship with the iconic aesthetics of the '90s, creating a piece that's both timeless and on-trend.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\u003cdetails class=\"accordion-item\"\u003e\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eCare Instructions\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"accordion-content\"\u003e\n\u003cp class=\"detail-text\"\u003eMachine wash cold with like colors. Tumble dry low or hang dry for best results. Do not iron directly on metallic graphic. Turn inside out before washing to preserve print quality.\u003c\/p\u003e\n\u003cp class=\"detail-text\"\u003e\u003cem\u003eNote: 100% cotton may shrink slightly after the first wash. For best results, follow care instructions carefully.\u003c\/em\u003e\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\u003cdetails class=\"accordion-item\"\u003e\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eSizing\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\u003eChest (in)\u003c\/th\u003e\n\u003cth\u003eWaist (in)\u003c\/th\u003e\n\u003cth\u003eHips (in)\u003c\/th\u003e\n\u003c\/tr\u003e\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eXS\u003c\/td\u003e\n\u003ctd\u003e31-32\u003c\/td\u003e\n\u003ctd\u003e24-25\u003c\/td\u003e\n\u003ctd\u003e34-35\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSM\u003c\/td\u003e\n\u003ctd\u003e33-34\u003c\/td\u003e\n\u003ctd\u003e26-27\u003c\/td\u003e\n\u003ctd\u003e36-37\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eMD\u003c\/td\u003e\n\u003ctd\u003e35-37\u003c\/td\u003e\n\u003ctd\u003e28-30\u003c\/td\u003e\n\u003ctd\u003e38-40\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eLG\u003c\/td\u003e\n\u003ctd\u003e38-40\u003c\/td\u003e\n\u003ctd\u003e31-33\u003c\/td\u003e\n\u003ctd\u003e41-43\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eXL\u003c\/td\u003e\n\u003ctd\u003e41-44\u003c\/td\u003e\n\u003ctd\u003e34-37\u003c\/td\u003e\n\u003ctd\u003e44-47\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\u003c\/div\u003e\n\u003cp class=\"size-note\"\u003eMeasurements are in inches. This tee features a slim, body-hugging fit. If you find that you are between sizes, order the size larger or smaller based on your preferred fit.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Levis","offers":[{"title":"Metallic Boot Post\/Black \/ S \/ Womens","offer_id":53198177010030,"sku":"LEV62W022003","price":20.99,"currency_code":"CAD","in_stock":false},{"title":"Metallic Boot Post\/Black \/ M \/ Womens","offer_id":53198177042798,"sku":"LEV62W022004","price":20.99,"currency_code":"CAD","in_stock":false},{"title":"Metallic Boot Post\/Black \/ L \/ Womens","offer_id":53198177075566,"sku":"LEV62W022005","price":20.99,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/GraphicRingerRickieS_ST-Shirt-Black.png?v=1769728864"},{"product_id":"levis-womens-racer-vest-vest-never-going-to-change-light-indigo-spring-2026","title":"Racer Vest","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: clamp(15px, 3.5vw, 16px); font-weight: 300; margin-bottom: 32px; color: #2c2c2c; line-height: 1.8; padding-left: 16px; border-left: 3px solid #f87171;}.accordion-item { border-bottom: 1px solid #e0e0e0; transition: border-color 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: clamp(16px, 4vw, 20px) 0; cursor: pointer; list-style: none; font-size: clamp(12px, 2.8vw, 13px); font-weight: 500; letter-spacing: 1.5px; text-transform: uppercase; color: #1a1a1a; transition: all 0.3s ease; position: relative; min-height: 44px;}.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;}@media (hover: hover) { .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; min-width: 20px; text-align: center;}.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);}@keyframes slideDown { from { opacity: 0; transform: translateY(-12px); } to { opacity: 1; transform: translateY(0); }}.features-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); gap: clamp(16px, 4vw, 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;}@media (hover: hover) { .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: clamp(13px, 3vw, 14px); font-weight: 600; color: #1a1a1a; margin-bottom: 6px;}.feature-item p { font-size: clamp(13px, 3vw, 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%; border-collapse: collapse; background: white;}@media (min-width: 1024px) { .size-table { font-size: 14px; } .size-table th, .size-table td { padding: 16px; }}@media (min-width: 768px) and (max-width: 1023px) { .size-table { font-size: 13px; } .size-table th, .size-table td { padding: 14px; }}@media (min-width: 480px) and (max-width: 767px) { .size-table { font-size: 12px; } .size-table th, .size-table td { padding: 12px; }}@media (min-width: 360px) and (max-width: 479px) { .size-table { font-size: 11px; } .size-table th, .size-table td { padding: 10px; }}@media (max-width: 359px) { .size-table { font-size: 10px; } .size-table th, .size-table td { padding: 8px; }}.size-table th { text-align: center; font-weight: 600; color: white; background: linear-gradient(135deg, #f87171 0%, #fca5a5 100%); letter-spacing: 0.5px; white-space: nowrap; line-height: 1.4; vertical-align: middle; border: 1px solid rgba(255, 255, 255, 0.2);}.size-table td { border: 1px solid #f0f0f0; color: #4a4a4a; font-weight: 400; text-align: center; white-space: nowrap; line-height: 1.4; vertical-align: middle; background: white;}.size-table tbody tr { transition: background 0.2s ease;}@media (hover: hover) { .size-table tbody tr:hover { background: #fef2f2; }}.size-note { font-size: clamp(12px, 2.8vw, 13px); color: #666; font-style: italic; margin-top: 16px; padding: clamp(10px, 2.5vw, 12px) clamp(12px, 3vw, 16px); background: #fef2f2; border-left: 3px solid #f87171; border-radius: 4px;}.detail-text { font-size: clamp(14px, 3.2vw, 15px); font-weight: 300; color: #4a4a4a; line-height: 1.8; margin-bottom: 16px;}\u003c\/style\u003e\u003cdiv class=\"product-description\"\u003e\n\u003cp class=\"intro-text\"\u003e\u003cstrong\u003eYour go-to denim vest - the Levi's Racer Vest combines classic style with effortless versatility.\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003eWe designed our Racer Vest with a classic button-up front, instantly recognizable Levi's chest pockets and hardware, and an easy, standard fit. Cut with a slim silhouette that flatters your figure, this vest is made with soft, 100% cotton that gives it an easy, drapey fit perfect for layering. The 10.00 oz fabric weight provides authentic denim feel without being too heavy. The Never Going To Change\/Light Indigo colorway offers versatile light wash styling that pairs beautifully with everything from tees to dresses.\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\u003e100% Cotton Construction\u003c\/h3\u003e\n\u003cp\u003eSoft cotton with 10.00 oz fabric weight provides easy, drapey fit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eSlim Fit\u003c\/h3\u003e\n\u003cp\u003eFlattering silhouette that works perfectly for layering.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eClassic Button-Up Front\u003c\/h3\u003e\n\u003cp\u003eTimeless closure style for easy wear and versatile styling.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eIconic Chest Pockets\u003c\/h3\u003e\n\u003cp\u003eInstantly recognizable Levi's pockets with authentic hardware.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eEasy, Drapey Fit\u003c\/h3\u003e\n\u003cp\u003eSoft cotton construction creates comfortable, relaxed drape.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eVersatile Layering Piece\u003c\/h3\u003e\n\u003cp\u003ePerfect over tees, dresses, or long sleeves for year-round style.\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\u003eThe Denim Vest Essential\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"accordion-content\"\u003e\n\u003cp class=\"detail-text\"\u003e\u003cstrong\u003eTimeless Layering:\u003c\/strong\u003e The denim vest is a wardrobe essential that transcends trends. The Racer Vest takes this classic piece and perfects it with Levi's signature details and quality construction. Layer it over a simple tee for casual cool, or dress it up over a sundress for effortless style.\u003c\/p\u003e\n\u003cp class=\"detail-text\"\u003e\u003cstrong\u003eYear-Round Versatility:\u003c\/strong\u003e This vest works in every season. Wear it as a light layer in spring and summer, or add it over long sleeves and sweaters in fall and winter. The slim fit ensures it layers smoothly without adding bulk, while the soft cotton provides comfort all day long.\u003c\/p\u003e\n\u003cp class=\"detail-text\"\u003e\u003cstrong\u003eLevi's Heritage:\u003c\/strong\u003e Since 1853, Levi's has been the gold standard in denim. The Racer Vest combines over 170 years of craftsmanship with timeless design, creating a piece that will be a go-to in your wardrobe for years to come.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\u003cdetails class=\"accordion-item\"\u003e\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eCare Instructions\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"accordion-content\"\u003e\n\u003cp class=\"detail-text\"\u003eMachine wash cold with like colors. Tumble dry medium. Do not bleach. Iron if needed. To preserve the color and fabric integrity, wash inside out and avoid over-washing.\u003c\/p\u003e\n\u003cp class=\"detail-text\"\u003e\u003cem\u003eNote: 100% cotton denim may shrink slightly after the first wash. For best results, follow care instructions carefully.\u003c\/em\u003e\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\u003cdetails class=\"accordion-item\"\u003e\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eSizing\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\u003eChest (in)\u003c\/th\u003e\n\u003cth\u003eWaist (in)\u003c\/th\u003e\n\u003cth\u003eHips (in)\u003c\/th\u003e\n\u003c\/tr\u003e\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eXS\u003c\/td\u003e\n\u003ctd\u003e31-32\u003c\/td\u003e\n\u003ctd\u003e24-25\u003c\/td\u003e\n\u003ctd\u003e34-35\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSM\u003c\/td\u003e\n\u003ctd\u003e33-34\u003c\/td\u003e\n\u003ctd\u003e26-27\u003c\/td\u003e\n\u003ctd\u003e36-37\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eMD\u003c\/td\u003e\n\u003ctd\u003e35-37\u003c\/td\u003e\n\u003ctd\u003e28-30\u003c\/td\u003e\n\u003ctd\u003e38-40\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eLG\u003c\/td\u003e\n\u003ctd\u003e38-40\u003c\/td\u003e\n\u003ctd\u003e31-33\u003c\/td\u003e\n\u003ctd\u003e41-43\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eXL\u003c\/td\u003e\n\u003ctd\u003e41-44\u003c\/td\u003e\n\u003ctd\u003e34-37\u003c\/td\u003e\n\u003ctd\u003e44-47\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\u003c\/div\u003e\n\u003cp class=\"size-note\"\u003eMeasurements are in inches. This vest features a slim fit designed for layering. If you find that you are between sizes, order the size larger or smaller based on your preferred fit and layering needs.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Levis","offers":[{"title":"Never Going To Change\/Light Indigo \/ S \/ Womens","offer_id":53198177927534,"sku":"LEV62W028003","price":62.99,"currency_code":"CAD","in_stock":true},{"title":"Never Going To Change\/Light Indigo \/ M \/ Womens","offer_id":53198177960302,"sku":"LEV62W028004","price":62.99,"currency_code":"CAD","in_stock":true},{"title":"Never Going To Change\/Light Indigo \/ L \/ Womens","offer_id":53198177993070,"sku":"LEV62W028005","price":62.99,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/RacerVest-LightIndigo.png?v=1769729099"},{"product_id":"levis-womens-graphic-anyday-pirate-hat-s-s-t-shirt-black-spring-2026","title":"Graphic Anyday Pirate Hat S\/S T-Shirt","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: clamp(15px, 3.5vw, 16px); font-weight: 300; margin-bottom: 32px; color: #2c2c2c; line-height: 1.8; padding-left: 16px; border-left: 3px solid #f87171;}.accordion-item { border-bottom: 1px solid #e0e0e0; transition: border-color 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: clamp(16px, 4vw, 20px) 0; cursor: pointer; list-style: none; font-size: clamp(12px, 2.8vw, 13px); font-weight: 500; letter-spacing: 1.5px; text-transform: uppercase; color: #1a1a1a; transition: all 0.3s ease; position: relative; min-height: 44px;}.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;}@media (hover: hover) { .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; min-width: 20px; text-align: center;}.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);}@keyframes slideDown { from { opacity: 0; transform: translateY(-12px); } to { opacity: 1; transform: translateY(0); }}.features-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); gap: clamp(16px, 4vw, 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;}@media (hover: hover) { .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: clamp(13px, 3vw, 14px); font-weight: 600; color: #1a1a1a; margin-bottom: 6px;}.feature-item p { font-size: clamp(13px, 3vw, 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%; border-collapse: collapse; background: white;}@media (min-width: 1024px) { .size-table { font-size: 14px; } .size-table th, .size-table td { padding: 16px; }}@media (min-width: 768px) and (max-width: 1023px) { .size-table { font-size: 13px; } .size-table th, .size-table td { padding: 14px; }}@media (min-width: 480px) and (max-width: 767px) { .size-table { font-size: 12px; } .size-table th, .size-table td { padding: 12px; }}@media (min-width: 360px) and (max-width: 479px) { .size-table { font-size: 11px; } .size-table th, .size-table td { padding: 10px; }}@media (max-width: 359px) { .size-table { font-size: 10px; } .size-table th, .size-table td { padding: 8px; }}.size-table th { text-align: center; font-weight: 600; color: white; background: linear-gradient(135deg, #f87171 0%, #fca5a5 100%); letter-spacing: 0.5px; white-space: nowrap; line-height: 1.4; vertical-align: middle; border: 1px solid rgba(255, 255, 255, 0.2);}.size-table td { border: 1px solid #f0f0f0; color: #4a4a4a; font-weight: 400; text-align: center; white-space: nowrap; line-height: 1.4; vertical-align: middle; background: white;}.size-table tbody tr { transition: background 0.2s ease;}@media (hover: hover) { .size-table tbody tr:hover { background: #fef2f2; }}.size-note { font-size: clamp(12px, 2.8vw, 13px); color: #666; font-style: italic; margin-top: 16px; padding: clamp(10px, 2.5vw, 12px) clamp(12px, 3vw, 16px); background: #fef2f2; border-left: 3px solid #f87171; border-radius: 4px;}.detail-text { font-size: clamp(14px, 3.2vw, 15px); font-weight: 300; color: #4a4a4a; line-height: 1.8; margin-bottom: 16px;}\u003c\/style\u003e\u003cdiv class=\"product-description\"\u003e\n\u003cp class=\"intro-text\"\u003e\u003cstrong\u003eYour go-to relaxed tee - the Levi's Graphic Anyday Pirate Hat S\/S T-Shirt combines comfort with unique style.\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003eOur Graphic Anyday Tee features a classic crew neckline and a laidback fit, all topped off with a one-of-a-kind Pirate Hat graphic. Cut with a relaxed fit that's perfect for everyday wear, this tee is made from 100% cotton with a 6.35 oz fabric weight for soft, breathable comfort. The classic black colorway with distinctive graphic makes this tee a standout piece that pairs effortlessly with jeans, shorts, or skirts for casual cool style.\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\u003e100% Cotton Construction\u003c\/h3\u003e\n\u003cp\u003eSoft 6.35 oz cotton fabric provides breathability and all-day comfort.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eRelaxed Fit\u003c\/h3\u003e\n\u003cp\u003eLaidback silhouette perfect for casual, everyday wear.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eOne-of-a-Kind Graphic\u003c\/h3\u003e\n\u003cp\u003eUnique Pirate Hat design adds personality and style.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eCrew Neckline\u003c\/h3\u003e\n\u003cp\u003eClassic crew neck style that never goes out of fashion.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eShort Sleeve\u003c\/h3\u003e\n\u003cp\u003ePerfect length for warm weather and easy layering.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eVersatile Black Colorway\u003c\/h3\u003e\n\u003cp\u003eTimeless black pairs with everything in your wardrobe.\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\u003eThe Anyday Essential\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"accordion-content\"\u003e\n\u003cp class=\"detail-text\"\u003e\u003cstrong\u003eEveryday Comfort:\u003c\/strong\u003e The Graphic Anyday Tee is designed to be your go-to shirt for any day of the week. The relaxed fit provides comfort without sacrificing style, while the soft cotton construction feels great against your skin from morning to night.\u003c\/p\u003e\n\u003cp class=\"detail-text\"\u003e\u003cstrong\u003eUnique Expression:\u003c\/strong\u003e The Pirate Hat graphic sets this tee apart from basic basics. It's a conversation starter, a style statement, and a reflection of your personality - all in one comfortable package. Wear it to express your individuality while enjoying the quality and comfort Levi's is known for.\u003c\/p\u003e\n\u003cp class=\"detail-text\"\u003e\u003cstrong\u003eLevi's Quality:\u003c\/strong\u003e Since 1853, Levi's has been creating wardrobe essentials that stand the test of time. This tee combines over 170 years of craftsmanship with contemporary graphic design, delivering a piece that's built to last and designed to be worn on repeat.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\u003cdetails class=\"accordion-item\"\u003e\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eCare Instructions\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"accordion-content\"\u003e\n\u003cp class=\"detail-text\"\u003eMachine wash cold with like colors. Tumble dry low or hang dry for best results. Do not iron directly on graphic. Turn inside out before washing to preserve print quality.\u003c\/p\u003e\n\u003cp class=\"detail-text\"\u003e\u003cem\u003eNote: 100% cotton may shrink slightly after the first wash. For best results, follow care instructions carefully.\u003c\/em\u003e\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\u003cdetails class=\"accordion-item\"\u003e\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eSizing\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\u003eChest (in)\u003c\/th\u003e\n\u003cth\u003eWaist (in)\u003c\/th\u003e\n\u003cth\u003eHips (in)\u003c\/th\u003e\n\u003c\/tr\u003e\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eXS\u003c\/td\u003e\n\u003ctd\u003e31-32\u003c\/td\u003e\n\u003ctd\u003e24-25\u003c\/td\u003e\n\u003ctd\u003e34-35\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSM\u003c\/td\u003e\n\u003ctd\u003e33-34\u003c\/td\u003e\n\u003ctd\u003e26-27\u003c\/td\u003e\n\u003ctd\u003e36-37\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eMD\u003c\/td\u003e\n\u003ctd\u003e35-37\u003c\/td\u003e\n\u003ctd\u003e28-30\u003c\/td\u003e\n\u003ctd\u003e38-40\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eLG\u003c\/td\u003e\n\u003ctd\u003e38-40\u003c\/td\u003e\n\u003ctd\u003e31-33\u003c\/td\u003e\n\u003ctd\u003e41-43\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eXL\u003c\/td\u003e\n\u003ctd\u003e41-44\u003c\/td\u003e\n\u003ctd\u003e34-37\u003c\/td\u003e\n\u003ctd\u003e44-47\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\u003c\/div\u003e\n\u003cp class=\"size-note\"\u003eMeasurements are in inches. This tee features a relaxed fit. If you find that you are between sizes, order the size larger or smaller based on your preferred fit.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Levis","offers":[{"title":"Black \/ S \/ Womens","offer_id":53198178025838,"sku":"LEV62W029003","price":17.49,"currency_code":"CAD","in_stock":false},{"title":"Black \/ M \/ Womens","offer_id":53198178058606,"sku":"LEV62W029004","price":17.49,"currency_code":"CAD","in_stock":true},{"title":"Black \/ L \/ Womens","offer_id":53198178091374,"sku":"LEV62W029005","price":17.49,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/GraphicAnydayPirateHatS_ST-Shirt-Black.png?v=1769729204"},{"product_id":"obey-womens-obey-paper-rose-s-s-t-shirt-unbleached-spring-2027","title":"Obey Paper Rose S\/S T-Shirt","description":"","brand":"Obey","offers":[{"title":"Unbleached \/ S \/ Womens","offer_id":53251486712174,"sku":"OBE62W001003","price":45.49,"currency_code":"CAD","in_stock":true},{"title":"Unbleached \/ M \/ Womens","offer_id":53251486744942,"sku":"OBE62W001004","price":45.49,"currency_code":"CAD","in_stock":true},{"title":"Unbleached \/ L \/ Womens","offer_id":53251486777710,"sku":"OBE62W001005","price":45.49,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/ObeyPaperRoseS_ST-Shirt-Unbleached.png?v=1770847447"},{"product_id":"obey-womens-obey-flower-dance-s-s-t-shirt-blue-quartz-spring-2026","title":"Obey Flower Dance S\/S T-Shirt","description":"","brand":"Obey","offers":[{"title":"Blue Quartz \/ S \/ Womens","offer_id":53251487629678,"sku":"OBE62W005003","price":45.49,"currency_code":"CAD","in_stock":false},{"title":"Blue Quartz \/ M \/ Womens","offer_id":53251487662446,"sku":"OBE62W005004","price":45.49,"currency_code":"CAD","in_stock":true},{"title":"Blue Quartz \/ L \/ Womens","offer_id":53251487695214,"sku":"OBE62W005005","price":45.49,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/ObeyFlowerDanceS_ST-Shirt-BlueQuartz.png?v=1770847394"},{"product_id":"obey-womens-strawberry-patch-s-s-t-shirt-digital-black-spring-2026","title":"Strawberry Patch S\/S T-Shirt","description":"","brand":"Obey","offers":[{"title":"Digital Black \/ S \/ Womens","offer_id":53251487760750,"sku":"OBE62W006003","price":45.49,"currency_code":"CAD","in_stock":false},{"title":"Digital Black \/ M \/ Womens","offer_id":53251487793518,"sku":"OBE62W006004","price":45.49,"currency_code":"CAD","in_stock":true},{"title":"Digital Black \/ L \/ Womens","offer_id":53251487826286,"sku":"OBE62W006005","price":45.49,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/StrawberryPatchS_ST-Shirt-Black-2.png?v=1770847332"},{"product_id":"obey-womens-obey-floating-flower-s-s-t-shirt-white-spring-2026","title":"Obey Floating Flower S\/S T-Shirt","description":"","brand":"Obey","offers":[{"title":"White \/ S \/ Womens","offer_id":53251487891822,"sku":"OBE62W007003","price":45.49,"currency_code":"CAD","in_stock":true},{"title":"White \/ M \/ Womens","offer_id":53251487924590,"sku":"OBE62W007004","price":45.49,"currency_code":"CAD","in_stock":true},{"title":"White \/ L \/ Womens","offer_id":53251487957358,"sku":"OBE62W007005","price":45.49,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/ObeyFloatingFlowerS_ST-Shirt-White.png?v=1774475206"},{"product_id":"patagonia-womens-ws-garden-island-tank-top-abstract-kaleido-black-spring-2026","title":"W's Garden Island Tank Top","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 lightweight, simple and reversible top crafted of durable and lightweight 55% hemp\/45% TENCEL™ lyocell plain-weave fabric for hot-weather conditions.\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003eMade 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\u003eHemp\/TENCEL™ Lyocell Fabric\u003c\/h3\u003e\n\u003cp\u003e55% hemp\/45% TENCEL™ lyocell plain-weave fabric perfect for high summer heat.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eReversible Design\u003c\/h3\u003e\n\u003cp\u003eCan be worn with buttons in the back as intended or in the front.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eScoop Neck Styling\u003c\/h3\u003e\n\u003cp\u003eCenter front scoop-neck styling with V-neckline design and buttons on back.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eRegular Fit\u003c\/h3\u003e\n\u003cp\u003eRegular fit that lands on the hip for comfortable everyday wear.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eBra Friendly Straps\u003c\/h3\u003e\n\u003cp\u003eThoughtfully designed straps for bra compatibility.\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\u003eFabric \u0026amp; Construction\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\u003eBody Fabric\u003c\/h3\u003e\n\u003cp\u003e55% hemp\/45% TENCEL™ lyocell plain-weave fabric - lightweight and durable for hot weather.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eWeight \u0026amp; Origin\u003c\/h3\u003e\n\u003cp\u003e102 g (3.6 oz). Made in Sri Lanka in a Fair Trade Certified™ factory.\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\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\u003e00\u003c\/td\u003e\n\u003ctd\u003e31.5\"\u003c\/td\u003e\n\u003ctd\u003e24.5\"\u003c\/td\u003e\n\u003ctd\u003e34\"\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eXS\u003c\/td\u003e\n\u003ctd\u003e0\u003c\/td\u003e\n\u003ctd\u003e32.5\"\u003c\/td\u003e\n\u003ctd\u003e25.5\"\u003c\/td\u003e\n\u003ctd\u003e35\"\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eXS\u003c\/td\u003e\n\u003ctd\u003e2\u003c\/td\u003e\n\u003ctd\u003e33.5\"\u003c\/td\u003e\n\u003ctd\u003e26.5\"\u003c\/td\u003e\n\u003ctd\u003e36\"\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eS\u003c\/td\u003e\n\u003ctd\u003e4\u003c\/td\u003e\n\u003ctd\u003e34.5\"\u003c\/td\u003e\n\u003ctd\u003e27.5\"\u003c\/td\u003e\n\u003ctd\u003e37\"\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eS\u003c\/td\u003e\n\u003ctd\u003e6\u003c\/td\u003e\n\u003ctd\u003e35.5\"\u003c\/td\u003e\n\u003ctd\u003e28.5\"\u003c\/td\u003e\n\u003ctd\u003e38\"\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eM\u003c\/td\u003e\n\u003ctd\u003e8\u003c\/td\u003e\n\u003ctd\u003e36.5\"\u003c\/td\u003e\n\u003ctd\u003e29.5\"\u003c\/td\u003e\n\u003ctd\u003e39\"\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eM\u003c\/td\u003e\n\u003ctd\u003e10\u003c\/td\u003e\n\u003ctd\u003e37.5\"\u003c\/td\u003e\n\u003ctd\u003e30.5\"\u003c\/td\u003e\n\u003ctd\u003e40\"\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eL\u003c\/td\u003e\n\u003ctd\u003e12\u003c\/td\u003e\n\u003ctd\u003e39\"\u003c\/td\u003e\n\u003ctd\u003e32\"\u003c\/td\u003e\n\u003ctd\u003e41.5\"\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eL\u003c\/td\u003e\n\u003ctd\u003e14\u003c\/td\u003e\n\u003ctd\u003e41\"\u003c\/td\u003e\n\u003ctd\u003e34\"\u003c\/td\u003e\n\u003ctd\u003e43.5\"\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eXL\u003c\/td\u003e\n\u003ctd\u003e16\u003c\/td\u003e\n\u003ctd\u003e43\"\u003c\/td\u003e\n\u003ctd\u003e36\"\u003c\/td\u003e\n\u003ctd\u003e45\"\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eXL\u003c\/td\u003e\n\u003ctd\u003e18\u003c\/td\u003e\n\u003ctd\u003e45\"\u003c\/td\u003e\n\u003ctd\u003e38\"\u003c\/td\u003e\n\u003ctd\u003e47\"\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eXXL\u003c\/td\u003e\n\u003ctd\u003e20\u003c\/td\u003e\n\u003ctd\u003e47\"\u003c\/td\u003e\n\u003ctd\u003e40\"\u003c\/td\u003e\n\u003ctd\u003e49\"\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eXXL\u003c\/td\u003e\n\u003ctd\u003e22\u003c\/td\u003e\n\u003ctd\u003e49\"\u003c\/td\u003e\n\u003ctd\u003e42\"\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\"\u003eAll measurements are in inches. Regular fit that lands on the hip. For the best fit, measure your chest, waist, and hip and compare to the chart above.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Patagonia","offers":[{"title":"Abstract Kaleido\/Black \/ S \/ Womens","offer_id":53265691804014,"sku":"PAT62W001003","price":59.49,"currency_code":"CAD","in_stock":true},{"title":"Abstract Kaleido\/Black \/ M \/ Womens","offer_id":53265691836782,"sku":"PAT62W001004","price":59.49,"currency_code":"CAD","in_stock":true},{"title":"Abstract Kaleido\/Black \/ L \/ Womens","offer_id":53265691869550,"sku":"PAT62W001005","price":59.49,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/W_sGardenIslandTankTop-AbstractKaleido_Black.png?v=1770760225"},{"product_id":"patagonia-womens-ws-garden-island-tank-top-black-spring-2026","title":"W's Garden Island Tank Top","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 lightweight, simple and reversible top crafted of durable and lightweight 55% hemp\/45% TENCEL™ lyocell plain-weave fabric for hot-weather conditions.\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003eMade 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\u003eHemp\/TENCEL™ Lyocell Fabric\u003c\/h3\u003e\n\u003cp\u003e55% hemp\/45% TENCEL™ lyocell plain-weave fabric perfect for high summer heat.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eReversible Design\u003c\/h3\u003e\n\u003cp\u003eCan be worn with buttons in the back as intended or in the front.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eScoop Neck Styling\u003c\/h3\u003e\n\u003cp\u003eCenter front scoop-neck styling with V-neckline design and buttons on back.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eRegular Fit\u003c\/h3\u003e\n\u003cp\u003eRegular fit that lands on the hip for comfortable everyday wear.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eBra Friendly Straps\u003c\/h3\u003e\n\u003cp\u003eThoughtfully designed straps for bra compatibility.\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\u003eFabric \u0026amp; Construction\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\u003eBody Fabric\u003c\/h3\u003e\n\u003cp\u003e55% hemp\/45% TENCEL™ lyocell plain-weave fabric - lightweight and durable for hot weather.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eWeight \u0026amp; Origin\u003c\/h3\u003e\n\u003cp\u003e102 g (3.6 oz). Made in Sri Lanka in a Fair Trade Certified™ factory.\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\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\u003e00\u003c\/td\u003e\n\u003ctd\u003e31.5\"\u003c\/td\u003e\n\u003ctd\u003e24.5\"\u003c\/td\u003e\n\u003ctd\u003e34\"\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eXS\u003c\/td\u003e\n\u003ctd\u003e0\u003c\/td\u003e\n\u003ctd\u003e32.5\"\u003c\/td\u003e\n\u003ctd\u003e25.5\"\u003c\/td\u003e\n\u003ctd\u003e35\"\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eXS\u003c\/td\u003e\n\u003ctd\u003e2\u003c\/td\u003e\n\u003ctd\u003e33.5\"\u003c\/td\u003e\n\u003ctd\u003e26.5\"\u003c\/td\u003e\n\u003ctd\u003e36\"\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eS\u003c\/td\u003e\n\u003ctd\u003e4\u003c\/td\u003e\n\u003ctd\u003e34.5\"\u003c\/td\u003e\n\u003ctd\u003e27.5\"\u003c\/td\u003e\n\u003ctd\u003e37\"\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eS\u003c\/td\u003e\n\u003ctd\u003e6\u003c\/td\u003e\n\u003ctd\u003e35.5\"\u003c\/td\u003e\n\u003ctd\u003e28.5\"\u003c\/td\u003e\n\u003ctd\u003e38\"\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eM\u003c\/td\u003e\n\u003ctd\u003e8\u003c\/td\u003e\n\u003ctd\u003e36.5\"\u003c\/td\u003e\n\u003ctd\u003e29.5\"\u003c\/td\u003e\n\u003ctd\u003e39\"\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eM\u003c\/td\u003e\n\u003ctd\u003e10\u003c\/td\u003e\n\u003ctd\u003e37.5\"\u003c\/td\u003e\n\u003ctd\u003e30.5\"\u003c\/td\u003e\n\u003ctd\u003e40\"\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eL\u003c\/td\u003e\n\u003ctd\u003e12\u003c\/td\u003e\n\u003ctd\u003e39\"\u003c\/td\u003e\n\u003ctd\u003e32\"\u003c\/td\u003e\n\u003ctd\u003e41.5\"\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eL\u003c\/td\u003e\n\u003ctd\u003e14\u003c\/td\u003e\n\u003ctd\u003e41\"\u003c\/td\u003e\n\u003ctd\u003e34\"\u003c\/td\u003e\n\u003ctd\u003e43.5\"\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eXL\u003c\/td\u003e\n\u003ctd\u003e16\u003c\/td\u003e\n\u003ctd\u003e43\"\u003c\/td\u003e\n\u003ctd\u003e36\"\u003c\/td\u003e\n\u003ctd\u003e45\"\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eXL\u003c\/td\u003e\n\u003ctd\u003e18\u003c\/td\u003e\n\u003ctd\u003e45\"\u003c\/td\u003e\n\u003ctd\u003e38\"\u003c\/td\u003e\n\u003ctd\u003e47\"\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eXXL\u003c\/td\u003e\n\u003ctd\u003e20\u003c\/td\u003e\n\u003ctd\u003e47\"\u003c\/td\u003e\n\u003ctd\u003e40\"\u003c\/td\u003e\n\u003ctd\u003e49\"\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eXXL\u003c\/td\u003e\n\u003ctd\u003e22\u003c\/td\u003e\n\u003ctd\u003e49\"\u003c\/td\u003e\n\u003ctd\u003e42\"\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\"\u003eAll measurements are in inches. Regular fit that lands on the hip. For the best fit, measure your chest, waist, and hip and compare to the chart above.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Patagonia","offers":[{"title":"Black \/ XS \/ Womens","offer_id":53890432205166,"sku":"PAT62W002002","price":59.49,"currency_code":"CAD","in_stock":false},{"title":"Black \/ S \/ Womens","offer_id":53265691902318,"sku":"PAT62W002003","price":59.49,"currency_code":"CAD","in_stock":true},{"title":"Black \/ M \/ Womens","offer_id":53265691935086,"sku":"PAT62W002004","price":59.49,"currency_code":"CAD","in_stock":true},{"title":"Black \/ L \/ Womens","offer_id":53265691967854,"sku":"PAT62W002005","price":59.49,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/W_sGardenIslandTankTop-Black.png?v=1770760392"},{"product_id":"patagonia-womens-ws-garden-island-tank-top-whole-weave-light-violet-spring-2026","title":"W's Garden Island Tank Top","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 lightweight, simple and reversible top crafted of durable and lightweight 55% hemp\/45% TENCEL™ lyocell plain-weave fabric for hot-weather conditions.\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003eMade 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\u003eHemp\/TENCEL™ Lyocell Fabric\u003c\/h3\u003e\n\u003cp\u003e55% hemp\/45% TENCEL™ lyocell plain-weave fabric perfect for high summer heat.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eReversible Design\u003c\/h3\u003e\n\u003cp\u003eCan be worn with buttons in the back as intended or in the front.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eScoop Neck Styling\u003c\/h3\u003e\n\u003cp\u003eCenter front scoop-neck styling with V-neckline design and buttons on back.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eRegular Fit\u003c\/h3\u003e\n\u003cp\u003eRegular fit that lands on the hip for comfortable everyday wear.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eBra Friendly Straps\u003c\/h3\u003e\n\u003cp\u003eThoughtfully designed straps for bra compatibility.\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\u003eFabric \u0026amp; Construction\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\u003eBody Fabric\u003c\/h3\u003e\n\u003cp\u003e55% hemp\/45% TENCEL™ lyocell plain-weave fabric - lightweight and durable for hot weather.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eWeight \u0026amp; Origin\u003c\/h3\u003e\n\u003cp\u003e102 g (3.6 oz). Made in Sri Lanka in a Fair Trade Certified™ factory.\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\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\u003e00\u003c\/td\u003e\n\u003ctd\u003e31.5\"\u003c\/td\u003e\n\u003ctd\u003e24.5\"\u003c\/td\u003e\n\u003ctd\u003e34\"\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eXS\u003c\/td\u003e\n\u003ctd\u003e0\u003c\/td\u003e\n\u003ctd\u003e32.5\"\u003c\/td\u003e\n\u003ctd\u003e25.5\"\u003c\/td\u003e\n\u003ctd\u003e35\"\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eXS\u003c\/td\u003e\n\u003ctd\u003e2\u003c\/td\u003e\n\u003ctd\u003e33.5\"\u003c\/td\u003e\n\u003ctd\u003e26.5\"\u003c\/td\u003e\n\u003ctd\u003e36\"\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eS\u003c\/td\u003e\n\u003ctd\u003e4\u003c\/td\u003e\n\u003ctd\u003e34.5\"\u003c\/td\u003e\n\u003ctd\u003e27.5\"\u003c\/td\u003e\n\u003ctd\u003e37\"\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eS\u003c\/td\u003e\n\u003ctd\u003e6\u003c\/td\u003e\n\u003ctd\u003e35.5\"\u003c\/td\u003e\n\u003ctd\u003e28.5\"\u003c\/td\u003e\n\u003ctd\u003e38\"\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eM\u003c\/td\u003e\n\u003ctd\u003e8\u003c\/td\u003e\n\u003ctd\u003e36.5\"\u003c\/td\u003e\n\u003ctd\u003e29.5\"\u003c\/td\u003e\n\u003ctd\u003e39\"\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eM\u003c\/td\u003e\n\u003ctd\u003e10\u003c\/td\u003e\n\u003ctd\u003e37.5\"\u003c\/td\u003e\n\u003ctd\u003e30.5\"\u003c\/td\u003e\n\u003ctd\u003e40\"\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eL\u003c\/td\u003e\n\u003ctd\u003e12\u003c\/td\u003e\n\u003ctd\u003e39\"\u003c\/td\u003e\n\u003ctd\u003e32\"\u003c\/td\u003e\n\u003ctd\u003e41.5\"\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eL\u003c\/td\u003e\n\u003ctd\u003e14\u003c\/td\u003e\n\u003ctd\u003e41\"\u003c\/td\u003e\n\u003ctd\u003e34\"\u003c\/td\u003e\n\u003ctd\u003e43.5\"\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eXL\u003c\/td\u003e\n\u003ctd\u003e16\u003c\/td\u003e\n\u003ctd\u003e43\"\u003c\/td\u003e\n\u003ctd\u003e36\"\u003c\/td\u003e\n\u003ctd\u003e45\"\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eXL\u003c\/td\u003e\n\u003ctd\u003e18\u003c\/td\u003e\n\u003ctd\u003e45\"\u003c\/td\u003e\n\u003ctd\u003e38\"\u003c\/td\u003e\n\u003ctd\u003e47\"\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eXXL\u003c\/td\u003e\n\u003ctd\u003e20\u003c\/td\u003e\n\u003ctd\u003e47\"\u003c\/td\u003e\n\u003ctd\u003e40\"\u003c\/td\u003e\n\u003ctd\u003e49\"\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eXXL\u003c\/td\u003e\n\u003ctd\u003e22\u003c\/td\u003e\n\u003ctd\u003e49\"\u003c\/td\u003e\n\u003ctd\u003e42\"\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\"\u003eAll measurements are in inches. Regular fit that lands on the hip. For the best fit, measure your chest, waist, and hip and compare to the chart above.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Patagonia","offers":[{"title":"Whole Weave\/Light Violet \/ S \/ Womens","offer_id":53265692000622,"sku":"PAT62W003003","price":59.49,"currency_code":"CAD","in_stock":true},{"title":"Whole Weave\/Light Violet \/ M \/ Womens","offer_id":53265692033390,"sku":"PAT62W003004","price":59.49,"currency_code":"CAD","in_stock":true},{"title":"Whole Weave\/Light Violet \/ L \/ Womens","offer_id":53265692066158,"sku":"PAT62W003005","price":59.49,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/W_sGardenIslandTankTop-WholeWeave.png?v=1770760377"},{"product_id":"patagonia-womens-ws-tidal-threads-shirt-s-s-sardines-natural-spring-2026","title":"W's Tidal Threads 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 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\u003eSimple to wash in the airport sink and hang out to dry in the trade winds, this warm-weather shirt includes prints inspired by island ecosystems and is a comfortable post-beach layer, with a slightly boxy fit and longer sleeves for extra sun coverage.\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003eThe lightweight TENCEL™ lyocell fabric dries quickly and easily loses wrinkles from travel for a laidback cover-up that evokes life in the tropics. Made in a Fair Trade Certified™ factory.\u003c\/p\u003e\n\u003cdetails class=\"accordion-item\" open=\"\"\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\u003e100% TENCEL™ Lyocell Twill\u003c\/h3\u003e\n\u003cp\u003eLight and airy fabric that's comfortable in warm weather and dries quickly.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eRegular Fit\u003c\/h3\u003e\n\u003cp\u003eEasy, slightly boxy, modern silhouette that lands at the hips.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eWidespread Collar\u003c\/h3\u003e\n\u003cp\u003eClassic widespread collar for versatile styling.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eCoconut-Shell Buttons\u003c\/h3\u003e\n\u003cp\u003eSustainable coconut-shell button closure.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eVersatile Hem\u003c\/h3\u003e\n\u003cp\u003eHem can be worn down or tied at the lower front.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eTravel-Friendly\u003c\/h3\u003e\n\u003cp\u003eQuick-drying fabric easily loses wrinkles from travel.\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\" open=\"\"\u003e\n\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eFabric \u0026amp; Construction\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\u003eBody Fabric\u003c\/h3\u003e\n\u003cp\u003e100% TENCEL™ lyocell twill - lightweight, breathable, and quick-drying for warm weather.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eWeight \u0026amp; Origin\u003c\/h3\u003e\n\u003cp\u003e128 g (4.5 oz). Made in Vietnam in a Fair Trade Certified™ factory.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"accordion-item\" open=\"\"\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\u003e00\u003c\/td\u003e\n\u003ctd\u003e31.5\"\u003c\/td\u003e\n\u003ctd\u003e24.5\"\u003c\/td\u003e\n\u003ctd\u003e34\"\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eXS\u003c\/td\u003e\n\u003ctd\u003e0\u003c\/td\u003e\n\u003ctd\u003e32.5\"\u003c\/td\u003e\n\u003ctd\u003e25.5\"\u003c\/td\u003e\n\u003ctd\u003e35\"\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eXS\u003c\/td\u003e\n\u003ctd\u003e2\u003c\/td\u003e\n\u003ctd\u003e33.5\"\u003c\/td\u003e\n\u003ctd\u003e26.5\"\u003c\/td\u003e\n\u003ctd\u003e36\"\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eS\u003c\/td\u003e\n\u003ctd\u003e4\u003c\/td\u003e\n\u003ctd\u003e34.5\"\u003c\/td\u003e\n\u003ctd\u003e27.5\"\u003c\/td\u003e\n\u003ctd\u003e37\"\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eS\u003c\/td\u003e\n\u003ctd\u003e6\u003c\/td\u003e\n\u003ctd\u003e35.5\"\u003c\/td\u003e\n\u003ctd\u003e28.5\"\u003c\/td\u003e\n\u003ctd\u003e38\"\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eM\u003c\/td\u003e\n\u003ctd\u003e8\u003c\/td\u003e\n\u003ctd\u003e36.5\"\u003c\/td\u003e\n\u003ctd\u003e29.5\"\u003c\/td\u003e\n\u003ctd\u003e39\"\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eM\u003c\/td\u003e\n\u003ctd\u003e10\u003c\/td\u003e\n\u003ctd\u003e37.5\"\u003c\/td\u003e\n\u003ctd\u003e30.5\"\u003c\/td\u003e\n\u003ctd\u003e40\"\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eL\u003c\/td\u003e\n\u003ctd\u003e12\u003c\/td\u003e\n\u003ctd\u003e39\"\u003c\/td\u003e\n\u003ctd\u003e32\"\u003c\/td\u003e\n\u003ctd\u003e41.5\"\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eL\u003c\/td\u003e\n\u003ctd\u003e14\u003c\/td\u003e\n\u003ctd\u003e41\"\u003c\/td\u003e\n\u003ctd\u003e34\"\u003c\/td\u003e\n\u003ctd\u003e43.5\"\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eXL\u003c\/td\u003e\n\u003ctd\u003e16\u003c\/td\u003e\n\u003ctd\u003e43\"\u003c\/td\u003e\n\u003ctd\u003e36\"\u003c\/td\u003e\n\u003ctd\u003e45\"\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eXL\u003c\/td\u003e\n\u003ctd\u003e18\u003c\/td\u003e\n\u003ctd\u003e45\"\u003c\/td\u003e\n\u003ctd\u003e38\"\u003c\/td\u003e\n\u003ctd\u003e47\"\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eXXL\u003c\/td\u003e\n\u003ctd\u003e20\u003c\/td\u003e\n\u003ctd\u003e47\"\u003c\/td\u003e\n\u003ctd\u003e40\"\u003c\/td\u003e\n\u003ctd\u003e49\"\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eXXL\u003c\/td\u003e\n\u003ctd\u003e22\u003c\/td\u003e\n\u003ctd\u003e49\"\u003c\/td\u003e\n\u003ctd\u003e42\"\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\"\u003eAll measurements are in inches. Regular fit with slightly boxy silhouette that lands at the hips. For the best fit, measure your chest, waist, and hip and compare to the chart above.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Patagonia","offers":[{"title":"Sardines\/Natural \/ S \/ Womens","offer_id":53265692590446,"sku":"PAT62W009003","price":76.29,"currency_code":"CAD","in_stock":true},{"title":"Sardines\/Natural \/ M \/ Womens","offer_id":53265692623214,"sku":"PAT62W009004","price":76.29,"currency_code":"CAD","in_stock":true},{"title":"Sardines\/Natural \/ L \/ Womens","offer_id":53265692655982,"sku":"PAT62W009005","price":76.29,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/W_sTidalThreadsShirtS_S-Sardines_Natural.png?v=1770763777"},{"product_id":"patagonia-womens-ws-mesa-lane-rain-jacket-basin-green-spring-2026","title":"W's Mesa Lane Rain Jacket","description":"","brand":"Patagonia","offers":[{"title":"Basin Green \/ S \/ Womens","offer_id":53265692688750,"sku":"PAT62W010003","price":209.29,"currency_code":"CAD","in_stock":false},{"title":"Basin Green \/ M \/ Womens","offer_id":53265692721518,"sku":"PAT62W010004","price":209.29,"currency_code":"CAD","in_stock":true},{"title":"Basin Green \/ L \/ Womens","offer_id":53265692754286,"sku":"PAT62W010005","price":209.29,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/W_sMesaLaneRainJacket-BasinGreen-3.png?v=1775148938"},{"product_id":"patagonia-womens-ws-outdoor-everyday-rain-jacket-coal-orange-spring-2026","title":"W's Outdoor Everyday Rain Jacket","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\u003eCompletely waterproof for everyday outdoor excursions, this casual rain jacket has a slightly oversized fit and wears well over layers.\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003eThe shell 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, lined with 100% recycled polyester tricot mesh with a wicking finish. Made in a Fair Trade Certified™ factory.\u003cbr\u003e\u003cbr\u003e\u003cem\u003eNote: This style has a relaxed fit. For a more fitted look and feel, please size down.\u003c\/em\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\u003eH2No® Performance Standard\u003c\/h3\u003e\n\u003cp\u003e2-layer shell with waterproof\/breathable barrier and DWR finish without intentionally added PFAS.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eAdjustable Hood\u003c\/h3\u003e\n\u003cp\u003eHood with adjustable drawcord closure for customizable coverage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eSecure Pockets\u003c\/h3\u003e\n\u003cp\u003eTwo zippered front pockets and one zippered internal left-chest pocket.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eCenter-Front Zipper\u003c\/h3\u003e\n\u003cp\u003eCenter-front zipper with snap-front placket for added protection.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eHook-and-Loop Cuffs\u003c\/h3\u003e\n\u003cp\u003eSleeve cuffs with hook-and-loop closures provide secure fit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eExtended Coverage\u003c\/h3\u003e\n\u003cp\u003eStraight hemline falls below the bum for extra protection.\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\u003eFabric \u0026amp; Construction\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\u003eNetPlus® Shell Fabric\u003c\/h3\u003e\n\u003cp\u003e100% postconsumer recycled nylon faille made from fishing nets to reduce ocean plastic pollution.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eRecycled Polyester Lining\u003c\/h3\u003e\n\u003cp\u003e100% recycled polyester tricot mesh lining with moisture-wicking finish, soft next to skin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eWeight \u0026amp; Origin\u003c\/h3\u003e\n\u003cp\u003e573 g (20.2 oz). Made in Vietnam in a Fair Trade Certified™ factory.\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\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\u003e00\u003c\/td\u003e\n\u003ctd\u003e31.5\"\u003c\/td\u003e\n\u003ctd\u003e24.5\"\u003c\/td\u003e\n\u003ctd\u003e34\"\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eXS\u003c\/td\u003e\n\u003ctd\u003e0\u003c\/td\u003e\n\u003ctd\u003e32.5\"\u003c\/td\u003e\n\u003ctd\u003e25.5\"\u003c\/td\u003e\n\u003ctd\u003e35\"\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eXS\u003c\/td\u003e\n\u003ctd\u003e2\u003c\/td\u003e\n\u003ctd\u003e33.5\"\u003c\/td\u003e\n\u003ctd\u003e26.5\"\u003c\/td\u003e\n\u003ctd\u003e36\"\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eS\u003c\/td\u003e\n\u003ctd\u003e4\u003c\/td\u003e\n\u003ctd\u003e34.5\"\u003c\/td\u003e\n\u003ctd\u003e27.5\"\u003c\/td\u003e\n\u003ctd\u003e37\"\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eS\u003c\/td\u003e\n\u003ctd\u003e6\u003c\/td\u003e\n\u003ctd\u003e35.5\"\u003c\/td\u003e\n\u003ctd\u003e28.5\"\u003c\/td\u003e\n\u003ctd\u003e38\"\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eM\u003c\/td\u003e\n\u003ctd\u003e8\u003c\/td\u003e\n\u003ctd\u003e36.5\"\u003c\/td\u003e\n\u003ctd\u003e29.5\"\u003c\/td\u003e\n\u003ctd\u003e39\"\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eM\u003c\/td\u003e\n\u003ctd\u003e10\u003c\/td\u003e\n\u003ctd\u003e37.5\"\u003c\/td\u003e\n\u003ctd\u003e30.5\"\u003c\/td\u003e\n\u003ctd\u003e40\"\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eL\u003c\/td\u003e\n\u003ctd\u003e12\u003c\/td\u003e\n\u003ctd\u003e39\"\u003c\/td\u003e\n\u003ctd\u003e32\"\u003c\/td\u003e\n\u003ctd\u003e41.5\"\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eL\u003c\/td\u003e\n\u003ctd\u003e14\u003c\/td\u003e\n\u003ctd\u003e41\"\u003c\/td\u003e\n\u003ctd\u003e34\"\u003c\/td\u003e\n\u003ctd\u003e43.5\"\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eXL\u003c\/td\u003e\n\u003ctd\u003e16\u003c\/td\u003e\n\u003ctd\u003e43\"\u003c\/td\u003e\n\u003ctd\u003e36\"\u003c\/td\u003e\n\u003ctd\u003e45\"\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eXL\u003c\/td\u003e\n\u003ctd\u003e18\u003c\/td\u003e\n\u003ctd\u003e45\"\u003c\/td\u003e\n\u003ctd\u003e38\"\u003c\/td\u003e\n\u003ctd\u003e47\"\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eXXL\u003c\/td\u003e\n\u003ctd\u003e20\u003c\/td\u003e\n\u003ctd\u003e47\"\u003c\/td\u003e\n\u003ctd\u003e40\"\u003c\/td\u003e\n\u003ctd\u003e49\"\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eXXL\u003c\/td\u003e\n\u003ctd\u003e22\u003c\/td\u003e\n\u003ctd\u003e49\"\u003c\/td\u003e\n\u003ctd\u003e42\"\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\"\u003eAll measurements are in inches. Relaxed fit - size down for a more fitted look. For the best fit, measure your chest, waist, and hip and compare to the chart above.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Patagonia","offers":[{"title":"Coal Orange \/ S \/ Womens","offer_id":53265692885358,"sku":"PAT62W012003","price":220.49,"currency_code":"CAD","in_stock":true},{"title":"Coal Orange \/ M \/ Womens","offer_id":53265692918126,"sku":"PAT62W012004","price":220.49,"currency_code":"CAD","in_stock":true},{"title":"Coal Orange \/ L \/ Womens","offer_id":53265692950894,"sku":"PAT62W012005","price":220.49,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/W_sOutdoorEverydayRainJacket-CoalOrange.png?v=1770761329"},{"product_id":"patagonia-womens-ws-skysail-jacket-light-violet-spring-2026","title":"W's Skysail Jacket","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\u003eInspired by heritage Patagonia sailing jackets, the Skysail has a modern silhouette and is built of NetPlus® 100% post consumer recycled nylon faille made from recycled fishing nets to help reduce ocean plastic pollution.\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003eWith a durable water repellent (DWR) finish made without intentionally added PFAS to resist light moisture. 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\u003eThree-Panel Hood\u003c\/h3\u003e\n\u003cp\u003eFixed hood with adjustable drawcord cinches down when blustery; stand-alone collar keeps neck warm.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eCenter-Front Zipper\u003c\/h3\u003e\n\u003cp\u003eCovered by wide placket that secures with hidden snaps and hook-and-loop closure at collar.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eRelaxed Boxy Fit\u003c\/h3\u003e\n\u003cp\u003eDropped-shoulder seams and short, boxy fit create ultramodern silhouette.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eAdjustable Cuffs\u003c\/h3\u003e\n\u003cp\u003eSleeves adjust with hook-and-loop cuff closures.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eOversized Front Pockets\u003c\/h3\u003e\n\u003cp\u003eTwo oversized, zippered front pockets secure with flapped closures.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eInternal Security Pocket\u003c\/h3\u003e\n\u003cp\u003eInternal, zippered chest pocket secures valuables.\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\u003eFabric \u0026amp; Construction\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\u003eNetPlus® Recycled Fabric\u003c\/h3\u003e\n\u003cp\u003e100% postconsumer recycled nylon faille made from fishing nets to 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 without intentionally added PFAS sheds light moisture.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eWeight \u0026amp; Origin\u003c\/h3\u003e\n\u003cp\u003e615 g (21.7 oz). Made in Sri Lanka in a Fair Trade Certified™ factory.\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\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\u003e00\u003c\/td\u003e\n\u003ctd\u003e31.5\"\u003c\/td\u003e\n\u003ctd\u003e24.5\"\u003c\/td\u003e\n\u003ctd\u003e34\"\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eXS\u003c\/td\u003e\n\u003ctd\u003e0\u003c\/td\u003e\n\u003ctd\u003e32.5\"\u003c\/td\u003e\n\u003ctd\u003e25.5\"\u003c\/td\u003e\n\u003ctd\u003e35\"\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eXS\u003c\/td\u003e\n\u003ctd\u003e2\u003c\/td\u003e\n\u003ctd\u003e33.5\"\u003c\/td\u003e\n\u003ctd\u003e26.5\"\u003c\/td\u003e\n\u003ctd\u003e36\"\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eS\u003c\/td\u003e\n\u003ctd\u003e4\u003c\/td\u003e\n\u003ctd\u003e34.5\"\u003c\/td\u003e\n\u003ctd\u003e27.5\"\u003c\/td\u003e\n\u003ctd\u003e37\"\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eS\u003c\/td\u003e\n\u003ctd\u003e6\u003c\/td\u003e\n\u003ctd\u003e35.5\"\u003c\/td\u003e\n\u003ctd\u003e28.5\"\u003c\/td\u003e\n\u003ctd\u003e38\"\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eM\u003c\/td\u003e\n\u003ctd\u003e8\u003c\/td\u003e\n\u003ctd\u003e36.5\"\u003c\/td\u003e\n\u003ctd\u003e29.5\"\u003c\/td\u003e\n\u003ctd\u003e39\"\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eM\u003c\/td\u003e\n\u003ctd\u003e10\u003c\/td\u003e\n\u003ctd\u003e37.5\"\u003c\/td\u003e\n\u003ctd\u003e30.5\"\u003c\/td\u003e\n\u003ctd\u003e40\"\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eL\u003c\/td\u003e\n\u003ctd\u003e12\u003c\/td\u003e\n\u003ctd\u003e39\"\u003c\/td\u003e\n\u003ctd\u003e32\"\u003c\/td\u003e\n\u003ctd\u003e41.5\"\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eL\u003c\/td\u003e\n\u003ctd\u003e14\u003c\/td\u003e\n\u003ctd\u003e41\"\u003c\/td\u003e\n\u003ctd\u003e34\"\u003c\/td\u003e\n\u003ctd\u003e43.5\"\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eXL\u003c\/td\u003e\n\u003ctd\u003e16\u003c\/td\u003e\n\u003ctd\u003e43\"\u003c\/td\u003e\n\u003ctd\u003e36\"\u003c\/td\u003e\n\u003ctd\u003e45\"\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eXL\u003c\/td\u003e\n\u003ctd\u003e18\u003c\/td\u003e\n\u003ctd\u003e45\"\u003c\/td\u003e\n\u003ctd\u003e38\"\u003c\/td\u003e\n\u003ctd\u003e47\"\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eXXL\u003c\/td\u003e\n\u003ctd\u003e20\u003c\/td\u003e\n\u003ctd\u003e47\"\u003c\/td\u003e\n\u003ctd\u003e40\"\u003c\/td\u003e\n\u003ctd\u003e49\"\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eXXL\u003c\/td\u003e\n\u003ctd\u003e22\u003c\/td\u003e\n\u003ctd\u003e49\"\u003c\/td\u003e\n\u003ctd\u003e42\"\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\"\u003eAll measurements are in inches. Relaxed, boxy fit with dropped shoulders. For the best fit, measure your chest, waist, and hip and compare to the chart above.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Patagonia","offers":[{"title":"Light Violet \/ S \/ Womens","offer_id":53265692983662,"sku":"PAT62W013003","price":174.29,"currency_code":"CAD","in_stock":false},{"title":"Light Violet \/ M \/ Womens","offer_id":53265693016430,"sku":"PAT62W013004","price":174.29,"currency_code":"CAD","in_stock":true},{"title":"Light Violet \/ L \/ Womens","offer_id":53265693049198,"sku":"PAT62W013005","price":174.29,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/W_sSkysailJacket-LightViolet.png?v=1770761405"},{"product_id":"patagonia-womens-ws-skysail-jacket-sunken-blue-spring-2026","title":"W's Skysail Jacket","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\u003eInspired by heritage Patagonia sailing jackets, the Skysail has a modern silhouette and is built of NetPlus® 100% post consumer recycled nylon faille made from recycled fishing nets to help reduce ocean plastic pollution.\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003eWith a durable water repellent (DWR) finish made without intentionally added PFAS to resist light moisture. 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\u003eThree-Panel Hood\u003c\/h3\u003e\n\u003cp\u003eFixed hood with adjustable drawcord cinches down when blustery; stand-alone collar keeps neck warm.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eCenter-Front Zipper\u003c\/h3\u003e\n\u003cp\u003eCovered by wide placket that secures with hidden snaps and hook-and-loop closure at collar.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eRelaxed Boxy Fit\u003c\/h3\u003e\n\u003cp\u003eDropped-shoulder seams and short, boxy fit create ultramodern silhouette.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eAdjustable Cuffs\u003c\/h3\u003e\n\u003cp\u003eSleeves adjust with hook-and-loop cuff closures.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eOversized Front Pockets\u003c\/h3\u003e\n\u003cp\u003eTwo oversized, zippered front pockets secure with flapped closures.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eInternal Security Pocket\u003c\/h3\u003e\n\u003cp\u003eInternal, zippered chest pocket secures valuables.\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\u003eFabric \u0026amp; Construction\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\u003eNetPlus® Recycled Fabric\u003c\/h3\u003e\n\u003cp\u003e100% postconsumer recycled nylon faille made from fishing nets to 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 without intentionally added PFAS sheds light moisture.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eWeight \u0026amp; Origin\u003c\/h3\u003e\n\u003cp\u003e615 g (21.7 oz). Made in Sri Lanka in a Fair Trade Certified™ factory.\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\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\u003e00\u003c\/td\u003e\n\u003ctd\u003e31.5\"\u003c\/td\u003e\n\u003ctd\u003e24.5\"\u003c\/td\u003e\n\u003ctd\u003e34\"\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eXS\u003c\/td\u003e\n\u003ctd\u003e0\u003c\/td\u003e\n\u003ctd\u003e32.5\"\u003c\/td\u003e\n\u003ctd\u003e25.5\"\u003c\/td\u003e\n\u003ctd\u003e35\"\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eXS\u003c\/td\u003e\n\u003ctd\u003e2\u003c\/td\u003e\n\u003ctd\u003e33.5\"\u003c\/td\u003e\n\u003ctd\u003e26.5\"\u003c\/td\u003e\n\u003ctd\u003e36\"\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eS\u003c\/td\u003e\n\u003ctd\u003e4\u003c\/td\u003e\n\u003ctd\u003e34.5\"\u003c\/td\u003e\n\u003ctd\u003e27.5\"\u003c\/td\u003e\n\u003ctd\u003e37\"\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eS\u003c\/td\u003e\n\u003ctd\u003e6\u003c\/td\u003e\n\u003ctd\u003e35.5\"\u003c\/td\u003e\n\u003ctd\u003e28.5\"\u003c\/td\u003e\n\u003ctd\u003e38\"\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eM\u003c\/td\u003e\n\u003ctd\u003e8\u003c\/td\u003e\n\u003ctd\u003e36.5\"\u003c\/td\u003e\n\u003ctd\u003e29.5\"\u003c\/td\u003e\n\u003ctd\u003e39\"\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eM\u003c\/td\u003e\n\u003ctd\u003e10\u003c\/td\u003e\n\u003ctd\u003e37.5\"\u003c\/td\u003e\n\u003ctd\u003e30.5\"\u003c\/td\u003e\n\u003ctd\u003e40\"\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eL\u003c\/td\u003e\n\u003ctd\u003e12\u003c\/td\u003e\n\u003ctd\u003e39\"\u003c\/td\u003e\n\u003ctd\u003e32\"\u003c\/td\u003e\n\u003ctd\u003e41.5\"\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eL\u003c\/td\u003e\n\u003ctd\u003e14\u003c\/td\u003e\n\u003ctd\u003e41\"\u003c\/td\u003e\n\u003ctd\u003e34\"\u003c\/td\u003e\n\u003ctd\u003e43.5\"\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eXL\u003c\/td\u003e\n\u003ctd\u003e16\u003c\/td\u003e\n\u003ctd\u003e43\"\u003c\/td\u003e\n\u003ctd\u003e36\"\u003c\/td\u003e\n\u003ctd\u003e45\"\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eXL\u003c\/td\u003e\n\u003ctd\u003e18\u003c\/td\u003e\n\u003ctd\u003e45\"\u003c\/td\u003e\n\u003ctd\u003e38\"\u003c\/td\u003e\n\u003ctd\u003e47\"\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eXXL\u003c\/td\u003e\n\u003ctd\u003e20\u003c\/td\u003e\n\u003ctd\u003e47\"\u003c\/td\u003e\n\u003ctd\u003e40\"\u003c\/td\u003e\n\u003ctd\u003e49\"\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eXXL\u003c\/td\u003e\n\u003ctd\u003e22\u003c\/td\u003e\n\u003ctd\u003e49\"\u003c\/td\u003e\n\u003ctd\u003e42\"\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\"\u003eAll measurements are in inches. Relaxed, boxy fit with dropped shoulders. For the best fit, measure your chest, waist, and hip and compare to the chart above.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Patagonia","offers":[{"title":"Sunken Blue \/ S \/ Womens","offer_id":53265693081966,"sku":"PAT62W014003","price":174.29,"currency_code":"CAD","in_stock":true},{"title":"Sunken Blue \/ M \/ Womens","offer_id":53265693114734,"sku":"PAT62W014004","price":174.29,"currency_code":"CAD","in_stock":true},{"title":"Sunken Blue \/ L \/ Womens","offer_id":53265693147502,"sku":"PAT62W014005","price":174.29,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/W_sSkysailJacket-SunkenBlue.png?v=1770761479"}],"url":"https:\/\/boardroomshop.com\/collections\/2026-spring-womens-tops.oembed?page=5","provider":"The Boardroom","version":"1.0","type":"link"}