{"title":"2026 Spring Womens Dresses \u0026 Swimwear","description":null,"products":[{"product_id":"billabong-womens-easy-does-it-knit-romper-bikini-aqua-sea-spring-2026","title":"Easy Does It Knit Romper","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\"\u003eSlip into summer with this breezy cotton terry romper.\u003cbr\u003e\u003cbr\u003eThe relaxed boxy fit and easygoing scoop neckline keep you cool while the short inseam adds a playful touch. Perfect for beach days, poolside lounging, or casual summer adventures.\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 Boxy Fit\u003c\/h3\u003e\n\u003cp\u003eComfortable, loose silhouette that's perfect for all-day wear and easy movement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eScoop Front and Back Neckline\u003c\/h3\u003e\n\u003cp\u003eEasygoing neckline design keeps you cool and adds feminine style.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eCotton Terry Fabric\u003c\/h3\u003e\n\u003cp\u003eBreezy, soft fabric provides comfort and breathability for warm weather.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eShort Inseam\u003c\/h3\u003e\n\u003cp\u003ePlayful short length perfect for beach days and summer activities.\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 Relaxed boxy fit\u003c\/p\u003e\n\u003cp class=\"detail-text\"\u003e\u003cstrong\u003eNeckline:\u003c\/strong\u003e Scoop front and back\u003c\/p\u003e\n\u003cp class=\"detail-text\"\u003e\u003cstrong\u003eFabric:\u003c\/strong\u003e Cotton terry\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":"Aqua Sea \/ S \/ Womens","offer_id":53110628286830,"sku":"BIL62W011003","price":46.19,"currency_code":"CAD","in_stock":true},{"title":"Aqua Sea \/ M \/ Womens","offer_id":53110628319598,"sku":"BIL62W011004","price":46.19,"currency_code":"CAD","in_stock":true},{"title":"Aqua Sea \/ L \/ Womens","offer_id":53110628352366,"sku":"BIL62W011005","price":46.19,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/EasyDoesItKnitRomper-AquaSea-001.png?v=1766438357"},{"product_id":"billabong-womens-easy-does-it-knit-romper-bikini-black-sands-spring-2026","title":"Easy Does It Knit Romper","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\"\u003eSlip into summer with this breezy cotton terry romper.\u003cbr\u003e\u003cbr\u003eThe relaxed boxy fit and easygoing scoop neckline keep you cool while the short inseam adds a playful touch. Perfect for beach days, poolside lounging, or casual summer adventures.\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 Boxy Fit\u003c\/h3\u003e\n\u003cp\u003eComfortable, loose silhouette that's perfect for all-day wear and easy movement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eScoop Front and Back Neckline\u003c\/h3\u003e\n\u003cp\u003eEasygoing neckline design keeps you cool and adds feminine style.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eCotton Terry Fabric\u003c\/h3\u003e\n\u003cp\u003eBreezy, soft fabric provides comfort and breathability for warm weather.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eShort Inseam\u003c\/h3\u003e\n\u003cp\u003ePlayful short length perfect for beach days and summer activities.\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 Relaxed boxy fit\u003c\/p\u003e\n\u003cp class=\"detail-text\"\u003e\u003cstrong\u003eNeckline:\u003c\/strong\u003e Scoop front and back\u003c\/p\u003e\n\u003cp class=\"detail-text\"\u003e\u003cstrong\u003eFabric:\u003c\/strong\u003e Cotton terry\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":"Black Sands \/ S \/ Womens","offer_id":53110628385134,"sku":"BIL62W012003","price":46.19,"currency_code":"CAD","in_stock":false},{"title":"Black Sands \/ M \/ Womens","offer_id":53110628417902,"sku":"BIL62W012004","price":46.19,"currency_code":"CAD","in_stock":true},{"title":"Black Sands \/ L \/ Womens","offer_id":53110628450670,"sku":"BIL62W012005","price":46.19,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/EasyDoesItKnitRomper-BlackSands-001.png?v=1766438510"},{"product_id":"billabong-womens-hallow-wave-mini-dress-salt-crystal-spring-2026","title":"Hallow Wave Mini Dress","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":"Salt Crystal \/ S \/ Womens","offer_id":53110629204334,"sku":"BIL62W020003","price":41.99,"currency_code":"CAD","in_stock":true},{"title":"Salt Crystal \/ M \/ Womens","offer_id":53110629237102,"sku":"BIL62W020004","price":41.99,"currency_code":"CAD","in_stock":true},{"title":"Salt Crystal \/ L \/ Womens","offer_id":53110629269870,"sku":"BIL62W020005","price":41.99,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/HallowWaveMiniSSDress-SaltCrystal-001.png?v=1766440378"},{"product_id":"billabong-womens-mini-wave-check-underwire-top-bikini-red-dahlia-spring-2026","title":"Mini Wave Check Underwire 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\n\u003cdiv class=\"product-description\"\u003e\n\u003cp class=\"intro-text\"\u003eMade with partially recycled nylon, these flirty tie-side bikini bottoms sit low on your hips with medium coverage. The contrast piping and adjustable side ties add a playful touch to your beach look.\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\u003eTie-Side Design\u003c\/h3\u003e\n\u003cp\u003eAdjustable side ties for a customizable fit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eLow-Rise Fit\u003c\/h3\u003e\n\u003cp\u003eSits comfortably low on the hips for a flattering silhouette.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eMedium Coverage\u003c\/h3\u003e\n\u003cp\u003eBalanced coverage for confidence and comfort.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eContrast Piping\u003c\/h3\u003e\n\u003cp\u003eStylish detailing adds visual interest.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eEco-Conscious Materials\u003c\/h3\u003e\n\u003cp\u003eMade with partially recycled nylon for sustainable style.\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\u003ePartially recycled nylon blend\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\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Billabong","offers":[{"title":"Red Dahlia \/ S \/ Womens","offer_id":53110629892462,"sku":"BIL62W026003","price":62.99,"currency_code":"CAD","in_stock":false},{"title":"Red Dahlia \/ M \/ Womens","offer_id":53110629925230,"sku":"BIL62W026004","price":62.99,"currency_code":"CAD","in_stock":false},{"title":"Red Dahlia \/ L \/ Womens","offer_id":53110629957998,"sku":"BIL62W026005","price":62.99,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/MiniWaveCheckUnderwire1_1.png?v=1766440729"},{"product_id":"billabong-womens-mini-wave-check-tropic-bottom-bikini-red-dahlia-spring-2026","title":"Mini Wave Check Tropic Bottom","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 with partially recycled nylon, these flirty tie-side bikini bottoms sit low on your hips with medium coverage. The contrast piping and adjustable side ties add a playful touch to your beach look.\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\u003eTie-Side Design\u003c\/h3\u003e\n\u003cp\u003eAdjustable side ties for a customized fit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eLow-Rise Fit\u003c\/h3\u003e\n\u003cp\u003eSits comfortably low on the hips.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eMedium Coverage\u003c\/h3\u003e\n\u003cp\u003eFlattering coverage for confident beach days.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eContrast Piping\u003c\/h3\u003e\n\u003cp\u003eStylish detail adds visual interest.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eEco-Friendly Materials\u003c\/h3\u003e\n\u003cp\u003eMade with partially recycled nylon for sustainability.\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\u003ePartially recycled nylon blend\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":"Red Dahlia \/ S \/ Womens","offer_id":53110629990766,"sku":"BIL62W027003","price":48.99,"currency_code":"CAD","in_stock":false},{"title":"Red Dahlia \/ M \/ Womens","offer_id":53110630023534,"sku":"BIL62W027004","price":48.99,"currency_code":"CAD","in_stock":false},{"title":"Red Dahlia \/ L \/ Womens","offer_id":53110630056302,"sku":"BIL62W027005","price":48.99,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/MiniWaveCheckTropicbottom-RedDahlia-002.png?v=1766440643"},{"product_id":"billabong-womens-rising-tide-bondi-bottoms-bikini-true-blue-spring-2026","title":"Rising Tide Bondi Bottoms","description":"","brand":"Billabong","offers":[{"title":"True Blue \/ S \/ Womens","offer_id":53110630383982,"sku":"BIL62W031003","price":48.99,"currency_code":"CAD","in_stock":true},{"title":"True Blue \/ M \/ Womens","offer_id":53110630416750,"sku":"BIL62W031004","price":48.99,"currency_code":"CAD","in_stock":true},{"title":"True Blue \/ L \/ Womens","offer_id":53110630449518,"sku":"BIL62W031005","price":48.99,"currency_code":"CAD","in_stock":true},{"title":"True Blue \/ XL \/ Womens","offer_id":53110630482286,"sku":"BIL62W031006","price":48.99,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/RisingTideBondiBottom-TrueBlue-002.png?v=1766440831"},{"product_id":"billabong-womens-rising-tide-demi-underwire-top-bikini-true-blue-spring-2026","title":"Rising Tide Demi Underwire Top","description":"","brand":"Billabong","offers":[{"title":"True Blue \/ S \/ Womens","offer_id":53110630515054,"sku":"BIL62W032003","price":55.99,"currency_code":"CAD","in_stock":true},{"title":"True Blue \/ M \/ Womens","offer_id":53110630547822,"sku":"BIL62W032004","price":55.99,"currency_code":"CAD","in_stock":true},{"title":"True Blue \/ L \/ Womens","offer_id":53110630580590,"sku":"BIL62W032005","price":55.99,"currency_code":"CAD","in_stock":true},{"title":"True Blue \/ XL \/ Womens","offer_id":53110630613358,"sku":"BIL62W032006","price":55.99,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/RisingTideDemiUnderwire-TrueBlue-1.png?v=1766440840"},{"product_id":"billabong-womens-rising-tide-remi-triangle-top-bikini-true-blue-spring-2026","title":"Rising Tide Remi Triangle 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\"\u003eHit the waves in this conscious bikini bottom crafted from partially recycled materials. The low-rise fit offers full coverage while the metal logo plate adds a sleek finishing touch.\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\u003eLow-Rise Fit\u003c\/h3\u003e\n\u003cp\u003eSits comfortably low on your hips for a flattering silhouette.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eFull Coverage\u003c\/h3\u003e\n\u003cp\u003eFull bum coverage for confident beach days.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eMetal Logo Plate\u003c\/h3\u003e\n\u003cp\u003eSignature Billabong branding adds a premium touch.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eSustainable Materials\u003c\/h3\u003e\n\u003cp\u003eCrafted from partially recycled fabric for eco-conscious 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\u003ePartially recycled swim fabric blend\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":"True Blue \/ S \/ Womens","offer_id":53110630646126,"sku":"BIL62W033003","price":55.99,"currency_code":"CAD","in_stock":false},{"title":"True Blue \/ M \/ Womens","offer_id":53110630678894,"sku":"BIL62W033004","price":55.99,"currency_code":"CAD","in_stock":true},{"title":"True Blue \/ L \/ Womens","offer_id":53110630711662,"sku":"BIL62W033005","price":55.99,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/RisingTideRemiTriTop-TrueBlue-001.png?v=1766440847"},{"product_id":"billabong-womens-rising-tide-tie-side-tanga-bikini-true-blue-spring-2026","title":"Rising Tide Tie Side Tanga","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 with partially recycled materials, this demi underwire bikini top keeps you stylish and supported. Adjustable straps and back closure let you customize the fit while seam details add extra flair.\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\u003eDemi Underwire Design\u003c\/h3\u003e\n\u003cp\u003eBuilt-in underwire for enhanced support and lift.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eSkimpy Bust Coverage\u003c\/h3\u003e\n\u003cp\u003eDemi-style coverage for a flirty, confident look.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eAdjustable Straps \u0026amp; Back\u003c\/h3\u003e\n\u003cp\u003eCustomize your fit for maximum comfort and support.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eSustainable Materials\u003c\/h3\u003e\n\u003cp\u003eCrafted from partially recycled materials for eco-conscious 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\u003ePartially recycled swim fabric blend\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":"True Blue \/ S \/ Womens","offer_id":53110630744430,"sku":"BIL62W034003","price":48.99,"currency_code":"CAD","in_stock":false},{"title":"True Blue \/ M \/ Womens","offer_id":53110630777198,"sku":"BIL62W034004","price":48.99,"currency_code":"CAD","in_stock":true},{"title":"True Blue \/ L \/ Womens","offer_id":53110630809966,"sku":"BIL62W034005","price":48.99,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/RisingTideTSTanga-TrueBlue-002.png?v=1766441063"},{"product_id":"billabong-womens-summer-hi-stripe-rio-bandeau-bikini-bay-blue-spring-2026","title":"Summer Hi Stripe Rio Bandeau","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\u003eCrew Neck\u003c\/h3\u003e\n\u003cp\u003eClassic neckline for timeless appeal.\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\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\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":"Bay Blue \/ S \/ Womens","offer_id":53110631137646,"sku":"BIL62W038003","price":55.99,"currency_code":"CAD","in_stock":false},{"title":"Bay Blue \/ M \/ Womens","offer_id":53110631170414,"sku":"BIL62W038004","price":55.99,"currency_code":"CAD","in_stock":false},{"title":"Bay Blue \/ L \/ Womens","offer_id":53110631203182,"sku":"BIL62W038005","price":55.99,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/SummerHiStripeRioBandeu-BayBlue-1.png?v=1766441755"},{"product_id":"billabong-womens-summer-hi-tully-1-piece-bikini-hot-coral-spring-2026","title":"Summer Hi Tully 1 Piece","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 sustainable Rio bandeau combines beach-ready style with smart features like removable cups and convertible straps. The faux wood ring and metal accents add surfer-chic vibes to your swim look.\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\u003eBandeau Design\u003c\/h3\u003e\n\u003cp\u003eStrapless silhouette with skimpy bust coverage for minimal tan lines.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eConvertible Straps\u003c\/h3\u003e\n\u003cp\u003eRemovable and adjustable straps for versatile styling options.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eRemovable Cups\u003c\/h3\u003e\n\u003cp\u003ePersonalize your coverage and comfort level.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eFaux Wood Ring Detail\u003c\/h3\u003e\n\u003cp\u003eSurfer-chic accent adds beach-ready 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\u003eSustainable swim fabric blend\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":"Hot Coral \/ S \/ Womens","offer_id":53110631367022,"sku":"BIL62W040003","price":90.99,"currency_code":"CAD","in_stock":true},{"title":"Hot Coral \/ M \/ Womens","offer_id":53110631399790,"sku":"BIL62W040004","price":90.99,"currency_code":"CAD","in_stock":true},{"title":"Hot Coral \/ L \/ Womens","offer_id":53110631432558,"sku":"BIL62W040005","price":90.99,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/SummerHiTully1pc-HotCoral-1.png?v=1766441765"},{"product_id":"billabong-womens-summer-hi-yarn-dyed-tie-side-tanga-bikini-bay-blue-spring-2026","title":"Summer Hi Yarn Dyed Tie Side Tanga","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 partially recycled materials, this high-cut one-piece turns heads with its flattering silhouette. Features adjustable straps, skimpy coverage, and a decorative wood ring detail for beach-ready 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\u003eHigh-Cut Leg\u003c\/h3\u003e\n\u003cp\u003eElongates legs for a flattering poolside silhouette.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eAdjustable Straps\u003c\/h3\u003e\n\u003cp\u003eCustomize your fit for maximum comfort and support.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eSkimpy Coverage\u003c\/h3\u003e\n\u003cp\u003eMinimal bum coverage for confident beach days.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eDecorative Wood Ring\u003c\/h3\u003e\n\u003cp\u003eStylish detail adds beach-ready charm.\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\u003ePartially recycled swim fabric blend\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":"Bay Blue \/ S \/ Womens","offer_id":53110631563630,"sku":"BIL62W042003","price":48.99,"currency_code":"CAD","in_stock":true},{"title":"Bay Blue \/ M \/ Womens","offer_id":53110631596398,"sku":"BIL62W042004","price":48.99,"currency_code":"CAD","in_stock":false},{"title":"Bay Blue \/ L \/ Womens","offer_id":53110631629166,"sku":"BIL62W042005","price":48.99,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/SummerHiYDTSTangaBottom-BayBlue-1_5f36487b-db21-422d-b56e-e737d5b17e75.png?v=1766441876"},{"product_id":"billabong-womens-summer-love-dress-black-spring-2026","title":"Summer Love Dress","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\"\u003eBreeze through sunny days in this breezy linen-blend mini dress. The relaxed silhouette keeps you cool and comfortable while premium metal hardware adds a polished finishing touch.\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\u003eEasy, comfortable silhouette perfect for warm weather.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eLinen Blend Fabric\u003c\/h3\u003e\n\u003cp\u003eBreathable and lightweight for all-day comfort.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003ePremium Hardware\u003c\/h3\u003e\n\u003cp\u003eMetal details add a polished, elevated touch.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eHPS: 34\"\u003c\/h3\u003e\n\u003cp\u003eMini dress length for versatile styling.\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\u003eLinen blend for breathability and comfort\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":"Black \/ S \/ Womens","offer_id":53110631661934,"sku":"BIL62W043003","price":41.99,"currency_code":"CAD","in_stock":true},{"title":"Black \/ M \/ Womens","offer_id":53110631694702,"sku":"BIL62W043004","price":41.99,"currency_code":"CAD","in_stock":true},{"title":"Black \/ L \/ Womens","offer_id":53110631727470,"sku":"BIL62W043005","price":41.99,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/SummerLoveDress-Black-001.png?v=1766439888"},{"product_id":"billabong-womens-sweet-as-ever-dress-red-dahlia-spring-2026","title":"Sweet As Ever Dress","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\"\u003eDrift through sunny days in this breezy cotton seersucker mini dress.\u003cbr\u003e\u003cbr\u003eThe floaty silhouette and sweet self-tie neckline create an effortlessly feminine look perfect for warm-weather adventures. With a length of 33\" from high point shoulder, this dress offers the perfect balance of coverage and breezy 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\u003eFloaty Fit\u003c\/h3\u003e\n\u003cp\u003eRelaxed, flowing silhouette that moves with you for effortless style and comfort.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eSelf-Tie Neckline\u003c\/h3\u003e\n\u003cp\u003eSweet adjustable tie detail adds feminine charm and customizable fit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eCotton Seersucker Fabric\u003c\/h3\u003e\n\u003cp\u003eBreezy, textured fabric keeps you cool and comfortable in warm weather.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eMini Length\u003c\/h3\u003e\n\u003cp\u003e33\" HPS length offers the perfect balance of coverage and summery 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\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 Floaty\u003c\/p\u003e\n\u003cp class=\"detail-text\"\u003e\u003cstrong\u003eLength:\u003c\/strong\u003e 33\" HPS (High Point Shoulder)\u003c\/p\u003e\n\u003cp class=\"detail-text\"\u003e\u003cstrong\u003eFabric:\u003c\/strong\u003e Cotton seersucker\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":"Red Dahlia \/ S \/ Womens","offer_id":53110632055150,"sku":"BIL62W047003","price":48.99,"currency_code":"CAD","in_stock":false},{"title":"Red Dahlia \/ M \/ Womens","offer_id":53110632087918,"sku":"BIL62W047004","price":48.99,"currency_code":"CAD","in_stock":false},{"title":"Red Dahlia \/ L \/ Womens","offer_id":53110632120686,"sku":"BIL62W047005","price":48.99,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/SweetAsEverDress-RedDahlia-001.png?v=1766437628"},{"product_id":"billabong-womens-tanlines-multi-triangle-top-bikini-summer-green-spring-2026","title":"Tanlines Multi Triangle 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\"\u003eMade from conscious partially recycled polyester, this flirty triangle bikini top keeps you looking beach-ready.\u003cbr\u003e\u003cbr\u003eFeatures adjustable ties, removable cups, and that signature Billabong style you love. Perfect for sun-soaked days by the water with skimpy bust coverage for minimal tan lines.\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\u003ePartially Recycled Polyester\u003c\/h3\u003e\n\u003cp\u003eConscious fabric made from partially recycled materials for sustainable style.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eAdjustable Ties\u003c\/h3\u003e\n\u003cp\u003eCustomizable fit with adjustable ties at neck and back for perfect support.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eRemovable Cups\u003c\/h3\u003e\n\u003cp\u003eOptional padding with removable cups for versatile coverage options.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eTriangle Design\u003c\/h3\u003e\n\u003cp\u003eClassic triangle bikini top silhouette that's flattering and timeless.\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 Skimpy bust coverage\u003c\/p\u003e\n\u003cp class=\"detail-text\"\u003e\u003cstrong\u003eMaterial:\u003c\/strong\u003e Partially recycled polyester\u003c\/p\u003e\n\u003cp class=\"detail-text\"\u003e\u003cstrong\u003eStyle:\u003c\/strong\u003e Triangle bikini top with adjustable ties\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\"\u003eHand wash cold. Do not bleach. Lay flat to dry. Do not iron. Do not dry clean. Rinse after contact with salt water or chlorine.\u003c\/p\u003e\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Billabong","offers":[{"title":"Summer Green \/ S \/ Womens","offer_id":53110632481134,"sku":"BIL62W051003","price":46.19,"currency_code":"CAD","in_stock":true},{"title":"Summer Green \/ M \/ Womens","offer_id":53110632513902,"sku":"BIL62W051004","price":46.19,"currency_code":"CAD","in_stock":true},{"title":"Summer Green \/ L \/ Womens","offer_id":53110632546670,"sku":"BIL62W051005","price":46.19,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/TanlineMultiTriTop-SummerGreen-003.png?v=1766437077"},{"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-you-stunner-knit-mini-dress-teak-spring-2026","title":"You Stunner Knit Mini Dress","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\"\u003eThis breezy knit mini dress brings beachy vibes with wood bead-adorned straps and a straight neckline.\u003cbr\u003e\u003cbr\u003eThe metal plate detail adds edge while soft cotton keeps you comfy all day. Perfect for casual summer days or beach getaways, this dress combines effortless style with 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\u003eStraight Neckline\u003c\/h3\u003e\n\u003cp\u003eClean, classic neckline creates a flattering silhouette for any body type.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eWood Bead Detail\u003c\/h3\u003e\n\u003cp\u003eDecorative wood beads adorn the straps for a beachy, bohemian touch.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eMetal Plate Detail\u003c\/h3\u003e\n\u003cp\u003eAdds an edgy accent to the breezy design for a unique style statement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eSoft Cotton Knit\u003c\/h3\u003e\n\u003cp\u003eComfortable, breathable fabric keeps you cool and comfortable all day long.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"accordion-item\"\u003e\n\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eCare\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":"Teak \/ S \/ Womens","offer_id":53110633136494,"sku":"BIL62W057003","price":48.99,"currency_code":"CAD","in_stock":true},{"title":"Teak \/ M \/ Womens","offer_id":53110633169262,"sku":"BIL62W057004","price":48.99,"currency_code":"CAD","in_stock":true},{"title":"Teak \/ L \/ Womens","offer_id":53110633202030,"sku":"BIL62W057005","price":48.99,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/YouStunnerKnitMiniDress-Teak-001.png?v=1766435689"},{"product_id":"rhythm-womens-lola-check-boyleg-pant-bikini-blue-spring-2026","title":"Lola Check Boyleg Pant Bikini","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\u003eThe Lola Check Boyleg Pant offers full bottom coverage with a mid-rise boyleg fit. Contrast binding at the side seams and leg openings gives a modern textured touch.\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\u003eYarn Dye Check Seersucker\u003c\/h3\u003e\n\u003cp\u003eTextured seersucker fabric with yarn-dyed check pattern creates a sophisticated, dimensional look.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eFull Coverage Bottom\u003c\/h3\u003e\n\u003cp\u003eProvides complete coverage and confidence for all-day comfort at the beach or pool.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eMid-Rise Boyleg Style\u003c\/h3\u003e\n\u003cp\u003eFlattering mid-rise cut with boyleg silhouette offers a sporty, modern aesthetic and extended leg coverage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eContrast Rib Binding\u003c\/h3\u003e\n\u003cp\u003eStylish contrast binding at side seams and leg openings in rib fabrication adds visual interest and a refined finish.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eMetal Coin Logo\u003c\/h3\u003e\n\u003cp\u003eSignature Rhythm metal coin logo detail adds a premium branded touch.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eTextured Fabric\u003c\/h3\u003e\n\u003cp\u003eSeersucker texture provides enhanced breathability and a unique tactile feel that stands out.\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\u003eYarn dye check seersucker with contrast rib binding\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/details\u003e\u003cdetails class=\"accordion-item\"\u003e\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eSize Chart\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"size-table-wrapper\"\u003e\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\u003ctr\u003e\n\u003cth\u003eSize\u003c\/th\u003e\n\u003cth\u003eWaist (in)\u003c\/th\u003e\n\u003cth\u003eWaist (cm)\u003c\/th\u003e\n\u003cth\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\u003c\/td\u003e\n\u003ctd\u003e24-26\u003c\/td\u003e\n\u003ctd\u003e61-66\u003c\/td\u003e\n\u003ctd\u003e34-36\u003c\/td\u003e\n\u003ctd\u003e86-91\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eS\u003c\/td\u003e\n\u003ctd\u003e26-28\u003c\/td\u003e\n\u003ctd\u003e66-71\u003c\/td\u003e\n\u003ctd\u003e36-38\u003c\/td\u003e\n\u003ctd\u003e91-97\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eM\u003c\/td\u003e\n\u003ctd\u003e28-30\u003c\/td\u003e\n\u003ctd\u003e71-76\u003c\/td\u003e\n\u003ctd\u003e38-40\u003c\/td\u003e\n\u003ctd\u003e97-102\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eL\u003c\/td\u003e\n\u003ctd\u003e30-32\u003c\/td\u003e\n\u003ctd\u003e76-81\u003c\/td\u003e\n\u003ctd\u003e40-42\u003c\/td\u003e\n\u003ctd\u003e102-107\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eXL\u003c\/td\u003e\n\u003ctd\u003e32-34\u003c\/td\u003e\n\u003ctd\u003e81-86\u003c\/td\u003e\n\u003ctd\u003e42-44\u003c\/td\u003e\n\u003ctd\u003e107-112\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\u003c\/div\u003e\n\u003cp class=\"size-note\"\u003eFull coverage boyleg bottom with mid-rise fit. For best fit, measure your natural waist and hips.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Rhythm","offers":[{"title":"Blue \/ S \/ Womens","offer_id":53190535545198,"sku":"RHY62W001003","price":45.49,"currency_code":"CAD","in_stock":false},{"title":"Blue \/ M \/ Womens","offer_id":53190535577966,"sku":"RHY62W001004","price":45.49,"currency_code":"CAD","in_stock":false},{"title":"Blue \/ L \/ Womens","offer_id":53190535610734,"sku":"RHY62W001005","price":45.49,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/LolaCheckBoyleg-Blue_3.png?v=1768413191"},{"product_id":"rhythm-womens-lola-check-bralette-top-bikini-blue-spring-2026","title":"Lola Check Bralette Top Bikini","description":"\u003cstyle\u003e .product-description { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; color: #1a1a1a; line-height: 1.7; max-width: 800px; margin: 0; padding: 0; } .intro-text { font-size: 16px; font-weight: 300; margin-bottom: 32px; color: #2c2c2c; line-height: 1.8; position: relative; padding-left: 16px; border-left: 3px solid #f87171; } .accordion-item { border-bottom: 1px solid #e0e0e0; transition: all 0.2s ease; } .accordion-item:hover { border-bottom-color: #f87171; } .accordion-item:last-child { border-bottom: none; } .accordion-summary { display: flex; justify-content: space-between; align-items: center; padding: 20px 0; cursor: pointer; list-style: none; font-size: 13px; font-weight: 500; letter-spacing: 1.5px; text-transform: uppercase; color: #1a1a1a; transition: all 0.3s ease; position: relative; } .accordion-summary::before { content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 2px; background: linear-gradient(90deg, #f87171, #fca5a5); transition: width 0.3s ease; } .accordion-summary:hover::before { width: 60px; } .accordion-summary:hover { color: #f87171; padding-left: 8px; } .accordion-summary::-webkit-details-marker { display: none; } .accordion-icon { font-size: 20px; font-weight: 300; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); color: #999; } .accordion-item[open] .accordion-icon { transform: rotate(45deg); color: #f87171; } .accordion-content { padding: 0 0 24px 0; animation: slideDown 0.4s cubic-bezier(0.4, 0, 0.2, 1); overflow: hidden; } @keyframes slideDown { from { opacity: 0; transform: translateY(-12px); } to { opacity: 1; transform: translateY(0); } } .features-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin-top: 8px; } .feature-item { padding: 16px; background: linear-gradient(135deg, #fafafa 0%, #ffffff 100%); border-radius: 8px; border: 1px solid #f0f0f0; transition: all 0.3s ease; position: relative; overflow: hidden; } .feature-item::before { content: ''; position: absolute; top: 0; left: 0; width: 4px; height: 0; background: linear-gradient(180deg, #f87171, #fca5a5); transition: height 0.3s ease; } .feature-item:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(248, 113, 113, 0.1); border-color: #fecaca; } .feature-item:hover::before { height: 100%; } .feature-item h3 { font-size: 14px; font-weight: 600; color: #1a1a1a; margin-bottom: 6px; } .feature-item p { font-size: 14px; font-weight: 300; color: #666; margin: 0; line-height: 1.6; } .size-table-wrapper { width: 100%; overflow-x: auto; margin: 16px 0; border-radius: 8px; border: 1px solid #f0f0f0; -webkit-overflow-scrolling: touch; background: white; } .size-table { width: 100%; border-collapse: collapse; font-size: 14px; min-width: 100%; } .size-table th { text-align: center; font-weight: 600; color: white; padding: 16px 12px; background: linear-gradient(135deg, #f87171 0%, #fca5a5 100%); font-size: 13px; letter-spacing: 0.5px; white-space: nowrap; line-height: 1.4; vertical-align: middle; border-right: 1px solid rgba(255, 255, 255, 0.2); } .size-table th:last-child { border-right: none; } .size-table td { padding: 14px 12px; border-bottom: 1px solid #f5f5f5; border-right: 1px solid #f5f5f5; color: #2c2c2c; font-weight: 400; transition: all 0.2s ease; text-align: center; white-space: nowrap; line-height: 1.5; vertical-align: middle; background: white; } .size-table td:last-child { border-right: none; } .size-table tr:last-child td { border-bottom: none; } .size-table tbody tr { transition: all 0.2s ease; } .size-table tbody tr:hover { background: #fef2f2; } .size-table tbody tr:hover td { background: #fef2f2; } .size-note { font-size: 13px; color: #666; font-style: italic; margin-top: 16px; padding: 12px 16px; background: #fef2f2; border-left: 3px solid #f87171; border-radius: 4px; } @media (max-width: 1024px) { .size-table { font-size: 13px; } .size-table th { padding: 14px 10px; font-size: 12px; } .size-table td { padding: 12px 10px; font-size: 13px; } } @media (max-width: 768px) { .features-grid { grid-template-columns: 1fr; gap: 16px; } .feature-item:hover { transform: none; } .accordion-summary:hover { padding-left: 0; } .accordion-summary::before { display: none; } .accordion-summary { padding: 16px 0; font-size: 12px; } .size-table { font-size: 12px; } .size-table th { padding: 12px 8px; font-size: 11px; line-height: 1.3; } .size-table td { padding: 10px 8px; font-size: 12px; } .intro-text { font-size: 15px; } } @media (max-width: 480px) { .size-table { font-size: 11px; } .size-table th { padding: 10px 6px; font-size: 10px; line-height: 1.2; } .size-table td { padding: 8px 6px; font-size: 11px; } .size-note { font-size: 12px; padding: 10px 12px; } } @media (max-width: 360px) { .size-table { font-size: 10px; } .size-table th { padding: 8px 4px; font-size: 9px; } .size-table td { padding: 6px 4px; font-size: 10px; } }\u003c\/style\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003cp class=\"intro-text\"\u003e\u003cspan\u003eThe Lola Check Bralette Top offers a clean finish with removable padding and a contrast rib underbust band. Featuring yarn dye check on seersucker texture, adjustable back straps, and a branded clasp to ensure a secure and flattering fit.\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\u003eYarn Dye Check Seersucker\u003c\/h3\u003e\n\u003cp\u003eTextured seersucker fabric with yarn-dyed check pattern creates a sophisticated, coastal-inspired aesthetic.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eRemovable Padding\u003c\/h3\u003e\n\u003cp\u003eCustomizable support with removable padding inserts allows you to adjust coverage and shape to your preference.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eClean Finished Edges\u003c\/h3\u003e\n\u003cp\u003ePolished construction with clean-finished edges ensures a sleek, premium look and comfortable wear.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eAdjustable Back Straps\u003c\/h3\u003e\n\u003cp\u003eCustomizable strap length with rings and sliders provides a personalized, secure fit for all-day comfort.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eContrast Rib Underbust Band\u003c\/h3\u003e\n\u003cp\u003eSoft rib fabric in contrasting color at underbust provides support and adds visual interest to the design.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eBranded Back Clasp\u003c\/h3\u003e\n\u003cp\u003eSignature Rhythm clasp detail at back adds a refined finishing touch to the bralette design.\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\u003eYarn dye check seersucker with soft rib contrast fabric\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\u003eCup Size\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\u003e32-34\u003c\/td\u003e\n\u003ctd\u003e81-86\u003c\/td\u003e\n\u003ctd\u003eA-C\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eS\u003c\/td\u003e\n\u003ctd\u003e34-36\u003c\/td\u003e\n\u003ctd\u003e86-91\u003c\/td\u003e\n\u003ctd\u003eA-C\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eM\u003c\/td\u003e\n\u003ctd\u003e36-38\u003c\/td\u003e\n\u003ctd\u003e91-97\u003c\/td\u003e\n\u003ctd\u003eA-C\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eL\u003c\/td\u003e\n\u003ctd\u003e38-40\u003c\/td\u003e\n\u003ctd\u003e97-102\u003c\/td\u003e\n\u003ctd\u003eA-C\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003cp class=\"size-note\"\u003eRecommended for A-C cup sizes. Removable padding allows for customizable coverage. For best fit, measure around the fullest part of your bust.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Rhythm","offers":[{"title":"Blue \/ S \/ Womens","offer_id":53190535643502,"sku":"RHY62W002003","price":41.99,"currency_code":"CAD","in_stock":false},{"title":"Blue \/ M \/ Womens","offer_id":53190535676270,"sku":"RHY62W002004","price":41.99,"currency_code":"CAD","in_stock":true},{"title":"Blue \/ L \/ Womens","offer_id":53190535709038,"sku":"RHY62W002005","price":41.99,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/LolaCheckBralette-Blue_2.png?v=1768412618"},{"product_id":"rhythm-womens-jaci-maxi-dress-blue-spring-2026","title":"Jaci Maxi Dress","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\u003eThe Jaci Maxi Dress in Blue brings a playful coastal feel with a fitted gathered bust, babydoll-style underbust seam, and flowing full hem. Featuring a low scoop back and adjustable front tie for a customisable fit.\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\u003eTie Front Gathered Bust\u003c\/h3\u003e\n\u003cp\u003eAdjustable tie at centre front allows for a customizable fit and flattering gathered bust detail.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eFitted Bust Cups\u003c\/h3\u003e\n\u003cp\u003eStructured bust cups with babydoll-style underbust seam provide support and a feminine silhouette.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eFull and Flowing Hem\u003c\/h3\u003e\n\u003cp\u003eMaxi-length skirt with a full, flowing hem creates beautiful movement and an elegant coastal aesthetic.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eLow Scoop Back\u003c\/h3\u003e\n\u003cp\u003eFlattering low scoop back design adds a touch of allure while maintaining comfort and coverage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eElastic Under Bust\u003c\/h3\u003e\n\u003cp\u003eComfortable elastic underbust ensures a secure, stay-put fit throughout the day.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eAdjustable Back Straps\u003c\/h3\u003e\n\u003cp\u003eRings and sliders at back straps allow for personalized strap length and perfect fit.\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\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\u003e34-36\u003c\/td\u003e\n\u003ctd\u003e86-91\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eS\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\u003e36-38\u003c\/td\u003e\n\u003ctd\u003e91-97\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eM\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\u003e38-40\u003c\/td\u003e\n\u003ctd\u003e97-102\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eL\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\u003e40-42\u003c\/td\u003e\n\u003ctd\u003e102-107\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eXL\u003c\/td\u003e\n\u003ctd\u003e40-42\u003c\/td\u003e\n\u003ctd\u003e102-107\u003c\/td\u003e\n\u003ctd\u003e32-34\u003c\/td\u003e\n\u003ctd\u003e81-86\u003c\/td\u003e\n\u003ctd\u003e42-44\u003c\/td\u003e\n\u003ctd\u003e107-112\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\u003c\/div\u003e\n\u003cp class=\"size-note\"\u003eThe adjustable tie front and elastic underbust allow for a flexible, customizable fit. Measure bust, waist, and hips for best results.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Rhythm","offers":[{"title":"Blue \/ S \/ Womens","offer_id":53190535741806,"sku":"RHY62W003003","price":76.99,"currency_code":"CAD","in_stock":false},{"title":"Blue \/ M \/ Womens","offer_id":53190535774574,"sku":"RHY62W003004","price":76.99,"currency_code":"CAD","in_stock":true},{"title":"Blue \/ L \/ Womens","offer_id":53190535807342,"sku":"RHY62W003005","price":76.99,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/JaciMaxiDress-Blue_1.png?v=1768412623"},{"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-classic-underwire-top-bikini-black-spring-2026","title":"Classic Underwire Top Bikini","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\u003eIndulge in the plush comfort of the Classic Underwire Top in Black. Recommended for A-C cup sizes, this top features encased underwire and a clean finished neckline for a sleek look. The adjustable back straps ensure a personalized fit, while the branded back clasp adds a touch of sophistication.\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\u003eEncased Underwire\u003c\/h3\u003e\n\u003cp\u003eSupportive underwire construction provides lift and shape for A-C cup sizes while maintaining comfort.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eClean Finished Neckline\u003c\/h3\u003e\n\u003cp\u003eSleek, polished neckline design creates a sophisticated and flattering silhouette.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eAdjustable Back Straps\u003c\/h3\u003e\n\u003cp\u003eCustomizable strap length ensures a perfect, personalized fit for all-day comfort.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eBranded Back Clasp\u003c\/h3\u003e\n\u003cp\u003eSignature Rhythm clasp detail adds a refined finishing touch to the design.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eSustainable Materials\u003c\/h3\u003e\n\u003cp\u003eCrafted from 78% recycled nylon and 22% elastane for eco-conscious style without compromising quality.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003ePremium Stretch Fabric\u003c\/h3\u003e\n\u003cp\u003eHigh-performance blend offers excellent shape retention, flexibility, and quick-dry properties.\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\u003e78% Recycled Nylon, 22% Elastane\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\u003eCup Size\u003c\/th\u003e\n\u003c\/tr\u003e\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eXS\u003c\/td\u003e\n\u003ctd\u003e32-34\u003c\/td\u003e\n\u003ctd\u003e81-86\u003c\/td\u003e\n\u003ctd\u003eA-C\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eS\u003c\/td\u003e\n\u003ctd\u003e34-36\u003c\/td\u003e\n\u003ctd\u003e86-91\u003c\/td\u003e\n\u003ctd\u003eA-C\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eM\u003c\/td\u003e\n\u003ctd\u003e36-38\u003c\/td\u003e\n\u003ctd\u003e91-97\u003c\/td\u003e\n\u003ctd\u003eA-C\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eL\u003c\/td\u003e\n\u003ctd\u003e38-40\u003c\/td\u003e\n\u003ctd\u003e97-102\u003c\/td\u003e\n\u003ctd\u003eA-C\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\u003c\/div\u003e\n\u003cp class=\"size-note\"\u003eRecommended for A-C cup sizes. For best fit, measure around the fullest part of your bust.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Rhythm","offers":[{"title":"Black \/ S \/ Womens","offer_id":53190536528238,"sku":"RHY62W012003","price":52.49,"currency_code":"CAD","in_stock":true},{"title":"Black \/ M \/ Womens","offer_id":53190536561006,"sku":"RHY62W012004","price":52.49,"currency_code":"CAD","in_stock":true},{"title":"Black \/ L \/ Womens","offer_id":53190536593774,"sku":"RHY62W012005","price":52.49,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/ClassicUnderwireTop-Black_1.png?v=1768412412"},{"product_id":"rhythm-womens-classic-crop-top-bikini-black-spring-2026","title":"Classic Crop Top Bikini","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-header { font-weight: 600; color: #1e293b; background: #f1f5f9; } @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; } } @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\"\u003eWith its clean lines and modern neckline, the Classic Crop Top in Taupe balances coverage and ease. Featuring a wide scooped neckline, supportive shoulder straps, and a flattering low back, it's designed for A-C cup sizes and finished with our signature metal coin logo.\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\u003eSustainable Fabric\u003c\/h3\u003e\n\u003cp\u003e82% Recycled Nylon and 18% Spandex for eco-conscious comfort and performance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eWide Scooped Neckline\u003c\/h3\u003e\n\u003cp\u003eModern, flattering neckline provides coverage while maintaining a stylish look.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eSupportive Shoulder Straps\u003c\/h3\u003e\n\u003cp\u003eWide shoulder straps offer reliable support and comfort for active wear.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eScooped Back Neckline\u003c\/h3\u003e\n\u003cp\u003eFlattering low back design adds elegance and freedom of movement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eA-C Cup Design\u003c\/h3\u003e\n\u003cp\u003eSpecifically designed and recommended for A-C cup sizes for optimal fit and support.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eMetal Coin Logo\u003c\/h3\u003e\n\u003cp\u003eFinished with signature metal coin logo detail for authentic brand styling.\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 Composition\u003c\/h3\u003e\n\u003cp\u003e82% Recycled Nylon, 18% Spandex\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. Do not bleach or iron.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Rhythm","offers":[{"title":"Black \/ S \/ Womens","offer_id":53190536626542,"sku":"RHY62W013003","price":45.49,"currency_code":"CAD","in_stock":true},{"title":"Black \/ M \/ Womens","offer_id":53190536659310,"sku":"RHY62W013004","price":45.49,"currency_code":"CAD","in_stock":false},{"title":"Black \/ L \/ Womens","offer_id":53190536692078,"sku":"RHY62W013005","price":45.49,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/ClassicCropTop-Black.png?v=1768412304"},{"product_id":"patagonia-womens-ws-garden-island-dress-whole-weave-light-violet-spring-2026","title":"W's Garden Island Dress","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 midi-length, easy-wearing sundress crafted of lightweight 55% hemp\/45% TENCEL™ lyocell plain-weave fabric for hot-weather conditions, which you can dress up or down depending on where you're headed.\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 provides lightweight breathability.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eEmpire Waist Design\u003c\/h3\u003e\n\u003cp\u003eSundress with empire waist and button front for versatile styling.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eAdjustable Straps\u003c\/h3\u003e\n\u003cp\u003eFixed straps with 1½ inches of extra length inside the seam for potential adjustment.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eFront Pockets\u003c\/h3\u003e\n\u003cp\u003eTwo front drop-in pockets for convenient storage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eMidi Length\u003c\/h3\u003e\n\u003cp\u003eComfortable midi length for versatile wear.\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\u003eDurable 55% hemp\/45% TENCEL™ lyocell plain-weave fabric - lightweight and breathable 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\u003e332 g (11.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. Regular fit with midi length. 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":53265692295534,"sku":"PAT62W006003","price":111.29,"currency_code":"CAD","in_stock":true},{"title":"Whole Weave\/Light Violet \/ M \/ Womens","offer_id":53265692328302,"sku":"PAT62W006004","price":111.29,"currency_code":"CAD","in_stock":true},{"title":"Whole Weave\/Light Violet \/ L \/ Womens","offer_id":53265692361070,"sku":"PAT62W006005","price":111.29,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/W_sGardenIslandDress-WholeWeave_LightViolet.png?v=1770760746"},{"product_id":"patagonia-womens-ws-garden-island-jumpsuit-abstract-kaleido-big-black-spring-2026","title":"W's Garden Island Jumpsuit","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 cool-wearing jumpsuit for hot, humid conditions that's crafted of durable, breathable 55% hemp\/45% TENCEL™ lyocell plain-weave fabric.\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 - soft, lightweight, and breathable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eScoop \u0026amp; V-Neck Design\u003c\/h3\u003e\n\u003cp\u003eCenter front scoop-neck styling with back V-neckline design.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eBra Friendly Straps\u003c\/h3\u003e\n\u003cp\u003eBra-friendly straps with darts for shaping.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eSide Zip Closure\u003c\/h3\u003e\n\u003cp\u003eSide zip for easy on\/off with high-low waist seam for flattering fit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eWide Cropped Legs\u003c\/h3\u003e\n\u003cp\u003eCropped, wide legs for unrestricted movement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eWide-Hem Finishing\u003c\/h3\u003e\n\u003cp\u003eWide-hem finishing for polished look.\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\u003eDurable 55% hemp\/45% TENCEL™ lyocell plain-weave fabric - soft, lightweight, and breathable 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\u003e255 g (9 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. Regular fit with cropped wide legs. 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 Big\/Black \/ S \/ Womens","offer_id":53265692393838,"sku":"PAT62W007003","price":118.29,"currency_code":"CAD","in_stock":true},{"title":"Abstract Kaleido Big\/Black \/ M \/ Womens","offer_id":53265692426606,"sku":"PAT62W007004","price":118.29,"currency_code":"CAD","in_stock":true},{"title":"Abstract Kaleido Big\/Black \/ L \/ Womens","offer_id":53265692459374,"sku":"PAT62W007005","price":118.29,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/W_sGardenIslandJumpsuit-AbstractKaleido_Black.png?v=1770760895"},{"product_id":"rip-curl-womens-classic-surf-full-pant-bikini-black-spring-2026","title":"Classic Surf Full Pant Bikini","description":"\u003cstyle\u003e\n.product-description {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;\n color: #1a1a1a;\n line-height: 1.7;\n max-width: 800px;\n margin: 0;\n padding: 0;\n}\n\n.intro-text {\n font-size: clamp(15px, 3.5vw, 16px);\n font-weight: 300;\n margin-bottom: 32px;\n color: #2c2c2c;\n line-height: 1.8;\n padding-left: 16px;\n border-left: 3px solid #f87171;\n}\n\n.accordion-item {\n border-bottom: 1px solid #e0e0e0;\n transition: border-color 0.2s ease;\n}\n\n.accordion-item:hover {\n border-bottom-color: #f87171;\n}\n\n.accordion-item:last-child {\n border-bottom: none;\n}\n\n.accordion-summary {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: clamp(16px, 4vw, 20px) 0;\n cursor: pointer;\n list-style: none;\n font-size: clamp(12px, 2.8vw, 13px);\n font-weight: 500;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n color: #1a1a1a;\n transition: all 0.3s ease;\n position: relative;\n min-height: 44px;\n}\n\n.accordion-summary::before {\n content: '';\n position: absolute;\n left: 0;\n bottom: 0;\n width: 0;\n height: 2px;\n background: linear-gradient(90deg, #f87171, #fca5a5);\n transition: width 0.3s ease;\n}\n\n@media (hover: hover) {\n .accordion-summary:hover::before {\n width: 60px;\n }\n .accordion-summary:hover {\n color: #f87171;\n padding-left: 8px;\n }\n}\n\n.accordion-summary::-webkit-details-marker {\n display: none;\n}\n\n.accordion-icon {\n font-size: 20px;\n font-weight: 300;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n color: #999;\n min-width: 20px;\n text-align: center;\n}\n\n.accordion-item[open] .accordion-icon {\n transform: rotate(45deg);\n color: #f87171;\n}\n\n.accordion-content {\n padding: 0 0 24px 0;\n animation: slideDown 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n@keyframes slideDown {\n from {\n opacity: 0;\n transform: translateY(-12px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n.features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));\n gap: clamp(16px, 4vw, 20px);\n margin-top: 8px;\n}\n\n.feature-item {\n padding: 16px;\n background: linear-gradient(135deg, #fafafa 0%, #ffffff 100%);\n border-radius: 8px;\n border: 1px solid #f0f0f0;\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n}\n\n.feature-item::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 4px;\n height: 0;\n background: linear-gradient(180deg, #f87171, #fca5a5);\n transition: height 0.3s ease;\n}\n\n@media (hover: hover) {\n .feature-item:hover {\n transform: translateY(-2px);\n box-shadow: 0 4px 12px rgba(248, 113, 113, 0.1);\n border-color: #fecaca;\n }\n .feature-item:hover::before {\n height: 100%;\n }\n}\n\n.feature-item h3 {\n font-size: clamp(13px, 3vw, 14px);\n font-weight: 600;\n color: #1a1a1a;\n margin-bottom: 6px;\n}\n\n.feature-item p {\n font-size: clamp(13px, 3vw, 14px);\n font-weight: 300;\n color: #666;\n margin: 0;\n line-height: 1.6;\n}\n\n.size-table-wrapper {\n width: 100%;\n overflow-x: auto;\n margin: 16px 0;\n border-radius: 8px;\n border: 1px solid #f0f0f0;\n -webkit-overflow-scrolling: touch;\n background: white;\n}\n\n.size-table {\n width: 100%;\n border-collapse: collapse;\n}\n\n\/* Desktop (1024px+) *\/\n@media (min-width: 1024px) {\n .size-table {\n font-size: 14px;\n }\n .size-table th,\n .size-table td {\n padding: 16px;\n }\n}\n\n\/* Tablet (768px-1024px) *\/\n@media (min-width: 768px) and (max-width: 1023px) {\n .size-table {\n font-size: 13px;\n }\n .size-table th,\n .size-table td {\n padding: 14px;\n }\n}\n\n\/* Mobile (480px-768px) *\/\n@media (min-width: 480px) and (max-width: 767px) {\n .size-table {\n font-size: 12px;\n }\n .size-table th,\n .size-table td {\n padding: 12px;\n }\n}\n\n\/* Small mobile (360px-480px) *\/\n@media (min-width: 360px) and (max-width: 479px) {\n .size-table {\n font-size: 11px;\n }\n .size-table th,\n .size-table td {\n padding: 10px;\n }\n}\n\n\/* Extra small (under 360px) *\/\n@media (max-width: 359px) {\n .size-table {\n font-size: 10px;\n }\n .size-table th,\n .size-table td {\n padding: 8px;\n }\n}\n\n.size-table th {\n text-align: center;\n font-weight: 600;\n color: white;\n background: linear-gradient(135deg, #f87171 0%, #fca5a5 100%);\n letter-spacing: 0.5px;\n white-space: nowrap;\n line-height: 1.4;\n vertical-align: middle;\n border-right: 1px solid rgba(255, 255, 255, 0.2);\n}\n\n.size-table th:last-child {\n border-right: none;\n}\n\n.size-table td {\n border-bottom: 1px solid #f5f5f5;\n border-right: 1px solid #f5f5f5;\n color: #4a4a4a;\n font-weight: 400;\n text-align: center;\n white-space: nowrap;\n line-height: 1.4;\n vertical-align: middle;\n background: white;\n}\n\n.size-table td:last-child {\n border-right: none;\n}\n\n.size-table tr:last-child td {\n border-bottom: none;\n}\n\n.size-table tbody tr {\n transition: background 0.2s ease;\n}\n\n@media (hover: hover) {\n .size-table tbody tr:hover {\n background: #fef2f2;\n }\n .size-table tbody tr:hover td {\n background: transparent;\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\u003eFor those who love a little extra coverage while keeping it effortlessly cool, the Classic Surf Full Coverage Bikini Bottoms offer a low-rise fit with a smooth, flattering silhouette.\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003eDesigned to stay put whether you're surfing, swimming, or just soaking up the vibes, these bottoms are fully lined and crafted from soft, recycled microfibre fabric. The clean metal logo trim adds a refined touch while the low-rise cut delivers modern style with confident coverage.\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\u003eFull Coverage\u003c\/h3\u003e\n\u003cp\u003eMaximum coverage for confidence and comfort in all activities.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eLow-Rise Fit\u003c\/h3\u003e\n\u003cp\u003eModern low-rise cut sits comfortably on the hips for flattering style.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eFully Lined\u003c\/h3\u003e\n\u003cp\u003eComplete lining ensures opacity and confidence in all conditions.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eMetal Logo Trim\u003c\/h3\u003e\n\u003cp\u003eClean metal trim detail adds refined style and brand authenticity.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eRecycled Microfibre\u003c\/h3\u003e\n\u003cp\u003eSoft, sustainable fabric made from recycled materials for eco-conscious style.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eStay-Put Design\u003c\/h3\u003e\n\u003cp\u003eEngineered to stay in place during surfing, swimming, and active movement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"accordion-item\"\u003e\n\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eComposition\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\u003eMaterial\u003c\/h3\u003e\n\u003cp\u003e86% Polyamide, 14% Elastane\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eConstruction\u003c\/h3\u003e\n\u003cp\u003eFully Lined\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eCoverage\u003c\/h3\u003e\n\u003cp\u003eFull Coverage, Low-Rise Fit\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"accordion-item\"\u003e\n\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eSizing\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"size-table-wrapper\"\u003e\n\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eSize\u003c\/th\u003e\n\u003cth\u003eWaist (in)\u003c\/th\u003e\n\u003cth\u003eHip (in)\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eS\u003c\/td\u003e\n\u003ctd\u003e26-28\u003c\/td\u003e\n\u003ctd\u003e34-36\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eM\u003c\/td\u003e\n\u003ctd\u003e28-30\u003c\/td\u003e\n\u003ctd\u003e36-38\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eL\u003c\/td\u003e\n\u003ctd\u003e30-32\u003c\/td\u003e\n\u003ctd\u003e38-40\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eXL\u003c\/td\u003e\n\u003ctd\u003e32-34\u003c\/td\u003e\n\u003ctd\u003e40-42\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003cp class=\"size-note\"\u003eMeasurements are approximate. For the best fit, measure yourself and compare to the size chart above.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Rip Curl","offers":[{"title":"Black \/ S \/ Womens","offer_id":53266808308078,"sku":"RIP62W001003","price":41.99,"currency_code":"CAD","in_stock":false},{"title":"Black \/ M \/ Womens","offer_id":53266808340846,"sku":"RIP62W001004","price":41.99,"currency_code":"CAD","in_stock":true},{"title":"Black \/ L \/ Womens","offer_id":53266808373614,"sku":"RIP62W001005","price":41.99,"currency_code":"CAD","in_stock":false},{"title":"Black \/ XL \/ Womens","offer_id":53266808406382,"sku":"RIP62W001006","price":41.99,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/ClassicSurfFullPantBikini-Black-3.png?v=1770317654"},{"product_id":"rip-curl-womens-classic-surf-pant-bikini-sage-spring-2026","title":"Classic Surf Pant","description":"\u003cstyle\u003e\n.product-description {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;\n color: #1a1a1a;\n line-height: 1.7;\n max-width: 800px;\n margin: 0;\n padding: 0;\n}\n\n.intro-text {\n font-size: clamp(15px, 3.5vw, 16px);\n font-weight: 300;\n margin-bottom: 32px;\n color: #2c2c2c;\n line-height: 1.8;\n padding-left: 16px;\n border-left: 3px solid #f87171;\n}\n\n.accordion-item {\n border-bottom: 1px solid #e0e0e0;\n transition: border-color 0.2s ease;\n}\n\n.accordion-item:hover {\n border-bottom-color: #f87171;\n}\n\n.accordion-item:last-child {\n border-bottom: none;\n}\n\n.accordion-summary {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: clamp(16px, 4vw, 20px) 0;\n cursor: pointer;\n list-style: none;\n font-size: clamp(12px, 2.8vw, 13px);\n font-weight: 500;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n color: #1a1a1a;\n transition: all 0.3s ease;\n position: relative;\n min-height: 44px;\n}\n\n.accordion-summary::before {\n content: '';\n position: absolute;\n left: 0;\n bottom: 0;\n width: 0;\n height: 2px;\n background: linear-gradient(90deg, #f87171, #fca5a5);\n transition: width 0.3s ease;\n}\n\n@media (hover: hover) {\n .accordion-summary:hover::before {\n width: 60px;\n }\n .accordion-summary:hover {\n color: #f87171;\n padding-left: 8px;\n }\n}\n\n.accordion-summary::-webkit-details-marker {\n display: none;\n}\n\n.accordion-icon {\n font-size: 20px;\n font-weight: 300;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n color: #999;\n min-width: 20px;\n text-align: center;\n}\n\n.accordion-item[open] .accordion-icon {\n transform: rotate(45deg);\n color: #f87171;\n}\n\n.accordion-content {\n padding: 0 0 24px 0;\n animation: slideDown 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n@keyframes slideDown {\n from {\n opacity: 0;\n transform: translateY(-12px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n.features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));\n gap: clamp(16px, 4vw, 20px);\n margin-top: 8px;\n}\n\n.feature-item {\n padding: 16px;\n background: linear-gradient(135deg, #fafafa 0%, #ffffff 100%);\n border-radius: 8px;\n border: 1px solid #f0f0f0;\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n}\n\n.feature-item::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 4px;\n height: 0;\n background: linear-gradient(180deg, #f87171, #fca5a5);\n transition: height 0.3s ease;\n}\n\n@media (hover: hover) {\n .feature-item:hover {\n transform: translateY(-2px);\n box-shadow: 0 4px 12px rgba(248, 113, 113, 0.1);\n border-color: #fecaca;\n }\n .feature-item:hover::before {\n height: 100%;\n }\n}\n\n.feature-item h3 {\n font-size: clamp(13px, 3vw, 14px);\n font-weight: 600;\n color: #1a1a1a;\n margin-bottom: 6px;\n}\n\n.feature-item p {\n font-size: clamp(13px, 3vw, 14px);\n font-weight: 300;\n color: #666;\n margin: 0;\n line-height: 1.6;\n}\n\n.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\u003eAn absolute essential for every sun-seeker, the Classic Surf Pant is the definition of effortless coastal style.\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003eCrafted from soft, breathable cotton crepe poplin with a mineral-washed finish, these lightweight pants bring a relaxed vibe with just the right amount of structure. The elastic waist and adjustable drawcord make them easy to throw on over your swimwear or pair with a vintage tee for an everyday look. Finished with elastic cuffs and back welt pockets, these are the ultimate go-anywhere, do-anything pants for laid-back living.\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\u003e100% Cotton Crepe Poplin\u003c\/h3\u003e\n\u003cp\u003eSoft, breathable cotton fabric provides exceptional comfort and lightweight feel for all-day wear.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eMineral Wash Finish\u003c\/h3\u003e\n\u003cp\u003eSpecial washing treatment delivers instant softness and a lived-in coastal aesthetic.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eStandard Fit\u003c\/h3\u003e\n\u003cp\u003eRelaxed silhouette with just the right amount of structure for versatile styling.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eElastic Waist with Drawcord\u003c\/h3\u003e\n\u003cp\u003eAdjustable waistband ensures a comfortable, customized fit for all-day comfort.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eElastic Cuffs\u003c\/h3\u003e\n\u003cp\u003eTapered leg openings with elastic cuffs create a polished, streamlined silhouette.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eBack Welt Pockets\u003c\/h3\u003e\n\u003cp\u003eFunctional back pockets add practical storage and classic styling detail.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eGarment Pigment Dye\u003c\/h3\u003e\n\u003cp\u003eSpecial dyeing process creates rich, unique color with authentic vintage character.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eLogo Clamp Detail\u003c\/h3\u003e\n\u003cp\u003eSubtle Rip Curl branding adds authentic surf style and quality craftsmanship.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Rip Curl","offers":[{"title":"Sage \/ S \/ Womens","offer_id":53266808701294,"sku":"RIP62W002003","price":45.49,"currency_code":"CAD","in_stock":false},{"title":"Sage \/ M \/ Womens","offer_id":53266808734062,"sku":"RIP62W002004","price":45.49,"currency_code":"CAD","in_stock":false},{"title":"Sage \/ L \/ Womens","offer_id":53266808766830,"sku":"RIP62W002005","price":45.49,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/ClassicSurfPant-Sage.png?v=1770245053"},{"product_id":"rip-curl-womens-premium-surf-short-jane-bikini-black-spring-2026","title":"Premium Surf Short Jane Suit","description":"\u003cstyle\u003e\n.product-description {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;\n color: #1a1a1a;\n line-height: 1.7;\n max-width: 800px;\n margin: 0;\n padding: 0;\n}\n\n.intro-text {\n font-size: clamp(15px, 3.5vw, 16px);\n font-weight: 300;\n margin-bottom: 32px;\n color: #2c2c2c;\n line-height: 1.8;\n padding-left: 16px;\n border-left: 3px solid #f87171;\n}\n\n.accordion-item {\n border-bottom: 1px solid #e0e0e0;\n transition: border-color 0.2s ease;\n}\n\n.accordion-item:hover {\n border-bottom-color: #f87171;\n}\n\n.accordion-item:last-child {\n border-bottom: none;\n}\n\n.accordion-summary {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: clamp(16px, 4vw, 20px) 0;\n cursor: pointer;\n list-style: none;\n font-size: clamp(12px, 2.8vw, 13px);\n font-weight: 500;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n color: #1a1a1a;\n transition: all 0.3s ease;\n position: relative;\n min-height: 44px;\n}\n\n.accordion-summary::before {\n content: '';\n position: absolute;\n left: 0;\n bottom: 0;\n width: 0;\n height: 2px;\n background: linear-gradient(90deg, #f87171, #fca5a5);\n transition: width 0.3s ease;\n}\n\n@media (hover: hover) {\n .accordion-summary:hover::before {\n width: 60px;\n }\n .accordion-summary:hover {\n color: #f87171;\n padding-left: 8px;\n }\n}\n\n.accordion-summary::-webkit-details-marker {\n display: none;\n}\n\n.accordion-icon {\n font-size: 20px;\n font-weight: 300;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n color: #999;\n min-width: 20px;\n text-align: center;\n}\n\n.accordion-item[open] .accordion-icon {\n transform: rotate(45deg);\n color: #f87171;\n}\n\n.accordion-content {\n padding: 0 0 24px 0;\n animation: slideDown 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n@keyframes slideDown {\n from {\n opacity: 0;\n transform: translateY(-12px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n.features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));\n gap: clamp(16px, 4vw, 20px);\n margin-top: 8px;\n}\n\n.feature-item {\n padding: 16px;\n background: linear-gradient(135deg, #fafafa 0%, #ffffff 100%);\n border-radius: 8px;\n border: 1px solid #f0f0f0;\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n}\n\n.feature-item::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 4px;\n height: 0;\n background: linear-gradient(180deg, #f87171, #fca5a5);\n transition: height 0.3s ease;\n}\n\n@media (hover: hover) {\n .feature-item:hover {\n transform: translateY(-2px);\n box-shadow: 0 4px 12px rgba(248, 113, 113, 0.1);\n border-color: #fecaca;\n }\n .feature-item:hover::before {\n height: 100%;\n }\n}\n\n.feature-item h3 {\n font-size: clamp(13px, 3vw, 14px);\n font-weight: 600;\n color: #1a1a1a;\n margin-bottom: 6px;\n}\n\n.feature-item p {\n font-size: clamp(13px, 3vw, 14px);\n font-weight: 300;\n color: #666;\n margin: 0;\n line-height: 1.6;\n}\n\n.size-table-wrapper {\n width: 100%;\n overflow-x: auto;\n margin: 16px 0;\n border-radius: 8px;\n border: 1px solid #f0f0f0;\n -webkit-overflow-scrolling: touch;\n}\n\n.size-table {\n width: 100%;\n border-collapse: collapse;\n background: white;\n}\n\n@media (min-width: 1024px) {\n .size-table {\n font-size: 14px;\n }\n .size-table th,\n .size-table td {\n padding: 16px;\n }\n}\n\n@media (min-width: 768px) and (max-width: 1023px) {\n .size-table {\n font-size: 13px;\n }\n .size-table th,\n .size-table td {\n padding: 14px;\n }\n}\n\n@media (min-width: 480px) and (max-width: 767px) {\n .size-table {\n font-size: 12px;\n }\n .size-table th,\n .size-table td {\n padding: 12px;\n }\n}\n\n@media (min-width: 360px) and (max-width: 479px) {\n .size-table {\n font-size: 11px;\n }\n .size-table th,\n .size-table td {\n padding: 10px;\n }\n}\n\n@media (max-width: 359px) {\n .size-table {\n font-size: 10px;\n }\n .size-table th,\n .size-table td {\n padding: 8px;\n }\n}\n\n.size-table th {\n text-align: center;\n font-weight: 600;\n color: white;\n background: linear-gradient(135deg, #f87171 0%, #fca5a5 100%);\n letter-spacing: 0.3px;\n white-space: nowrap;\n line-height: 1.3;\n vertical-align: middle;\n border-right: 1px solid rgba(255, 255, 255, 0.2);\n}\n\n.size-table th:last-child {\n border-right: none;\n}\n\n.size-table td {\n border-bottom: 1px solid #f5f5f5;\n border-right: 1px solid #f5f5f5;\n color: #4a4a4a;\n font-weight: 400;\n text-align: center;\n white-space: nowrap;\n line-height: 1.4;\n vertical-align: middle;\n}\n\n.size-table td:last-child {\n border-right: none;\n}\n\n.size-table tr:last-child td {\n border-bottom: none;\n}\n\n.size-table tbody tr {\n transition: background 0.2s ease;\n}\n\n@media (hover: hover) {\n .size-table tbody tr:hover {\n background: #fef2f2;\n }\n}\n\n.size-note {\n font-size: clamp(12px, 2.8vw, 13px);\n color: #666;\n font-style: italic;\n margin-top: 16px;\n padding: clamp(10px, 2.5vw, 12px) clamp(12px, 3vw, 16px);\n background: #fef2f2;\n border-left: 3px solid #f87171;\n border-radius: 4px;\n}\n\n.detail-text {\n font-size: clamp(14px, 3.2vw, 15px);\n font-weight: 300;\n color: #4a4a4a;\n line-height: 1.8;\n margin-bottom: 16px;\n}\n\u003c\/style\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003cp class=\"intro-text\"\u003e\u003cstrong\u003eDive into confidence with the Rip Curl Premium Surf Short Jane Suit.\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003eThis sleek, wave-ready essential combines a sporty silhouette with wide rib texture for a premium look and feel. Fully lined with adjustable straps and subtle metal logo detailing, it's engineered for confident movement from lineup to shoreline. The recycled fabric construction delivers both performance and sustainability, while the good coverage design ensures you stay secure through every session.\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\u003eMetal Logo Trim\u003c\/h3\u003e\n\u003cp\u003eSubtle branded detailing adds a premium finish.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eRecycled Fabric\u003c\/h3\u003e\n\u003cp\u003eEco-conscious construction without compromising performance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eFully Lined\u003c\/h3\u003e\n\u003cp\u003eComplete interior lining for comfort and coverage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eAdjustable Straps\u003c\/h3\u003e\n\u003cp\u003eCustomizable fit for maximum comfort and security.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eGood Coverage\u003c\/h3\u003e\n\u003cp\u003eConfident design that stays in place during activity.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eWide Rib Texture\u003c\/h3\u003e\n\u003cp\u003eDistinctive textured fabric for enhanced style and grip.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"detail-text\" style=\"margin-top: 24px;\"\u003e\n\u003cstrong\u003eMaterials:\u003c\/strong\u003e Main: 90% Polyamide, 10% Elastane\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"accordion-item\"\u003e\n\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eSizing\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"size-table-wrapper\"\u003e\n\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eSize\u003c\/th\u003e\n\u003cth\u003eBust (inches)\u003c\/th\u003e\n\u003cth\u003eWaist (inches)\u003c\/th\u003e\n\u003cth\u003eHips (inches)\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eS\u003c\/td\u003e\n\u003ctd\u003e32-34\u003c\/td\u003e\n\u003ctd\u003e24-26\u003c\/td\u003e\n\u003ctd\u003e34-36\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eM\u003c\/td\u003e\n\u003ctd\u003e34-36\u003c\/td\u003e\n\u003ctd\u003e26-28\u003c\/td\u003e\n\u003ctd\u003e36-38\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eL\u003c\/td\u003e\n\u003ctd\u003e36-38\u003c\/td\u003e\n\u003ctd\u003e28-30\u003c\/td\u003e\n\u003ctd\u003e38-40\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003cp class=\"size-note\"\u003eMeasurements are approximate. For the best fit, we recommend measuring yourself and comparing to the chart above.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Rip Curl","offers":[{"title":"Black \/ S \/ Womens","offer_id":53266810437998,"sku":"RIP62W007003","price":90.99,"currency_code":"CAD","in_stock":false},{"title":"Black \/ M \/ Womens","offer_id":53266810470766,"sku":"RIP62W007004","price":90.99,"currency_code":"CAD","in_stock":false},{"title":"Black \/ L \/ Womens","offer_id":53266810503534,"sku":"RIP62W007005","price":90.99,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/PremiumSurfShortJaneSuit-Black-2.png?v=1770847073"},{"product_id":"rip-curl-womens-classic-surf-1-piece-bikini-black-spring-2026","title":"Classic Surf 1 Piece","description":"\u003cstyle\u003e\n.product-description {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;\n color: #1a1a1a;\n line-height: 1.7;\n max-width: 800px;\n margin: 0;\n padding: 0;\n}\n\n.intro-text {\n font-size: clamp(15px, 3.5vw, 16px);\n font-weight: 300;\n margin-bottom: 32px;\n color: #2c2c2c;\n line-height: 1.8;\n padding-left: 16px;\n border-left: 3px solid #f87171;\n}\n\n.accordion-item {\n border-bottom: 1px solid #e0e0e0;\n transition: border-color 0.2s ease;\n}\n\n.accordion-item:hover {\n border-bottom-color: #f87171;\n}\n\n.accordion-item:last-child {\n border-bottom: none;\n}\n\n.accordion-summary {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: clamp(16px, 4vw, 20px) 0;\n cursor: pointer;\n list-style: none;\n font-size: clamp(12px, 2.8vw, 13px);\n font-weight: 500;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n color: #1a1a1a;\n transition: all 0.3s ease;\n position: relative;\n min-height: 44px;\n}\n\n.accordion-summary::before {\n content: '';\n position: absolute;\n left: 0;\n bottom: 0;\n width: 0;\n height: 2px;\n background: linear-gradient(90deg, #f87171, #fca5a5);\n transition: width 0.3s ease;\n}\n\n@media (hover: hover) {\n .accordion-summary:hover::before {\n width: 60px;\n }\n .accordion-summary:hover {\n color: #f87171;\n padding-left: 8px;\n }\n}\n\n.accordion-summary::-webkit-details-marker {\n display: none;\n}\n\n.accordion-icon {\n font-size: 20px;\n font-weight: 300;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n color: #999;\n min-width: 20px;\n text-align: center;\n}\n\n.accordion-item[open] .accordion-icon {\n transform: rotate(45deg);\n color: #f87171;\n}\n\n.accordion-content {\n padding: 0 0 24px 0;\n animation: slideDown 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n@keyframes slideDown {\n from {\n opacity: 0;\n transform: translateY(-12px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n.features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));\n gap: clamp(16px, 4vw, 20px);\n margin-top: 8px;\n}\n\n.feature-item {\n padding: 16px;\n background: linear-gradient(135deg, #fafafa 0%, #ffffff 100%);\n border-radius: 8px;\n border: 1px solid #f0f0f0;\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n}\n\n.feature-item::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 4px;\n height: 0;\n background: linear-gradient(180deg, #f87171, #fca5a5);\n transition: height 0.3s ease;\n}\n\n@media (hover: hover) {\n .feature-item:hover {\n transform: translateY(-2px);\n box-shadow: 0 4px 12px rgba(248, 113, 113, 0.1);\n border-color: #fecaca;\n }\n .feature-item:hover::before {\n height: 100%;\n }\n}\n\n.feature-item h3 {\n font-size: clamp(13px, 3vw, 14px);\n font-weight: 600;\n color: #1a1a1a;\n margin-bottom: 6px;\n}\n\n.feature-item p {\n font-size: clamp(13px, 3vw, 14px);\n font-weight: 300;\n color: #666;\n margin: 0;\n line-height: 1.6;\n}\n\n.size-table-wrapper {\n width: 100%;\n overflow-x: auto;\n margin: 16px 0;\n border-radius: 8px;\n border: 1px solid #f0f0f0;\n -webkit-overflow-scrolling: touch;\n}\n\n.size-table {\n width: 100%;\n border-collapse: collapse;\n background: white;\n}\n\n@media (min-width: 1024px) {\n .size-table {\n font-size: 14px;\n }\n .size-table th,\n .size-table td {\n padding: 16px;\n }\n}\n\n@media (min-width: 768px) and (max-width: 1023px) {\n .size-table {\n font-size: 13px;\n }\n .size-table th,\n .size-table td {\n padding: 14px;\n }\n}\n\n@media (min-width: 480px) and (max-width: 767px) {\n .size-table {\n font-size: 12px;\n }\n .size-table th,\n .size-table td {\n padding: 12px;\n }\n}\n\n@media (min-width: 360px) and (max-width: 479px) {\n .size-table {\n font-size: 11px;\n }\n .size-table th,\n .size-table td {\n padding: 10px;\n }\n}\n\n@media (max-width: 359px) {\n .size-table {\n font-size: 10px;\n }\n .size-table th,\n .size-table td {\n padding: 8px;\n }\n}\n\n.size-table th {\n text-align: center;\n font-weight: 600;\n color: white;\n background: linear-gradient(135deg, #f87171 0%, #fca5a5 100%);\n letter-spacing: 0.5px;\n white-space: nowrap;\n line-height: 1.4;\n vertical-align: middle;\n border-right: 1px solid rgba(255, 255, 255, 0.2);\n}\n\n.size-table th:last-child {\n border-right: none;\n}\n\n.size-table td {\n border-bottom: 1px solid #f0f0f0;\n border-right: 1px solid #f5f5f5;\n color: #4a4a4a;\n font-weight: 400;\n text-align: center;\n white-space: nowrap;\n line-height: 1.5;\n vertical-align: middle;\n background: white;\n}\n\n.size-table td:last-child {\n border-right: none;\n}\n\n.size-table tr:last-child td {\n border-bottom: none;\n}\n\n.size-table tbody tr {\n transition: background 0.2s ease;\n}\n\n@media (hover: hover) {\n .size-table tbody tr:hover {\n background: #fef2f2;\n }\n .size-table tbody tr:hover td {\n background: #fef2f2;\n }\n}\n\n.size-note {\n font-size: clamp(12px, 2.8vw, 13px);\n color: #666;\n font-style: italic;\n margin-top: 16px;\n padding: clamp(10px, 2.5vw, 12px) clamp(12px, 3vw, 16px);\n background: #fef2f2;\n border-left: 3px solid #f87171;\n border-radius: 4px;\n}\n\n.detail-text {\n font-size: clamp(14px, 3.2vw, 15px);\n font-weight: 300;\n color: #4a4a4a;\n line-height: 1.8;\n margin-bottom: 16px;\n}\n\u003c\/style\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003cp class=\"intro-text\"\u003e\u003cstrong\u003eGo-anywhere swim style. The Classic Surf One Piece offers adjustable straps, removable padding, and full lining for secure support and clean lines.\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003eA timeless shape with surf DNA built in, this one-piece delivers good coverage and good support with premium fabric construction. Crafted from 86% Polyamide and 14% Elastane, it's designed for confident all-day wear in and out of the water.\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\u003eGood Coverage \u0026amp; Support\u003c\/h3\u003e\n\u003cp\u003eDesigned to provide secure coverage and reliable support for confident all-day wear.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003ePremium Fabric Blend\u003c\/h3\u003e\n\u003cp\u003e86% Polyamide and 14% Elastane construction provides stretch, durability, and quick-dry performance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eAdjustable Straps\u003c\/h3\u003e\n\u003cp\u003eCustomizable shoulder straps allow for a personalized, comfortable fit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eRemovable Padding\u003c\/h3\u003e\n\u003cp\u003eOptional padding provides shape and coverage with the flexibility to customize your look.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eFully Lined\u003c\/h3\u003e\n\u003cp\u003eComplete lining ensures opacity and comfort for confident wear.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eMetal Logo Trim\u003c\/h3\u003e\n\u003cp\u003ePremium metal branding adds a polished finishing touch and authentic Rip Curl style.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eTimeless Design\u003c\/h3\u003e\n\u003cp\u003eClassic one-piece silhouette with clean lines delivers versatile, go-anywhere style.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eSurf DNA Built In\u003c\/h3\u003e\n\u003cp\u003eAuthentic surf heritage and quality construction for performance and style.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"accordion-item\"\u003e\n\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eSizing\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"size-table-wrapper\"\u003e\n\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eSize\u003c\/th\u003e\n\u003cth\u003eCup\u003c\/th\u003e\n\u003cth\u003eChest\u003c\/th\u003e\n\u003cth\u003eUnderchest\u003c\/th\u003e\n\u003cth\u003eWaist\u003c\/th\u003e\n\u003cth\u003eLow Waist\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\u003e6\/XXS\u003c\/td\u003e\n\u003ctd\u003e32A\u003c\/td\u003e\n\u003ctd\u003e30-31\u003c\/td\u003e\n\u003ctd\u003e25-26\u003c\/td\u003e\n\u003ctd\u003e23-24\u003c\/td\u003e\n\u003ctd\u003e28.5-29.5\u003c\/td\u003e\n\u003ctd\u003e33-34\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e8\/XS\u003c\/td\u003e\n\u003ctd\u003e32A\u003c\/td\u003e\n\u003ctd\u003e32-33\u003c\/td\u003e\n\u003ctd\u003e27-28\u003c\/td\u003e\n\u003ctd\u003e25-26\u003c\/td\u003e\n\u003ctd\u003e30.5-31\u003c\/td\u003e\n\u003ctd\u003e35-36\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e10\/S\u003c\/td\u003e\n\u003ctd\u003e34A\/B\u003c\/td\u003e\n\u003ctd\u003e34-35\u003c\/td\u003e\n\u003ctd\u003e29-30\u003c\/td\u003e\n\u003ctd\u003e27-28\u003c\/td\u003e\n\u003ctd\u003e32-33.5\u003c\/td\u003e\n\u003ctd\u003e37-38\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e12\/M\u003c\/td\u003e\n\u003ctd\u003e36B\/C\u003c\/td\u003e\n\u003ctd\u003e36-37\u003c\/td\u003e\n\u003ctd\u003e31-32\u003c\/td\u003e\n\u003ctd\u003e29-30\u003c\/td\u003e\n\u003ctd\u003e34-35\u003c\/td\u003e\n\u003ctd\u003e39-40\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e14\/L\u003c\/td\u003e\n\u003ctd\u003e38C\/D\u003c\/td\u003e\n\u003ctd\u003e38-39\u003c\/td\u003e\n\u003ctd\u003e33-34\u003c\/td\u003e\n\u003ctd\u003e31-32\u003c\/td\u003e\n\u003ctd\u003e36-37\u003c\/td\u003e\n\u003ctd\u003e41-42\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e16\/XL\u003c\/td\u003e\n\u003ctd\u003e40D\/DD\u003c\/td\u003e\n\u003ctd\u003e40-41\u003c\/td\u003e\n\u003ctd\u003e35-36\u003c\/td\u003e\n\u003ctd\u003e33-34\u003c\/td\u003e\n\u003ctd\u003e38-39\u003c\/td\u003e\n\u003ctd\u003e43-44\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003cp class=\"size-note\"\u003eSizing is listed in inches (Imperial Measurement). Adjustable straps allow for customized fit. For best fit, refer to cup size and chest measurements.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Rip Curl","offers":[{"title":"Black \/ XS \/ Womens","offer_id":53266938659182,"sku":"RIP62W008002","price":69.99,"currency_code":"CAD","in_stock":false},{"title":"Black \/ S \/ Womens","offer_id":53266810536302,"sku":"RIP62W008003","price":69.99,"currency_code":"CAD","in_stock":false},{"title":"Black \/ M \/ Womens","offer_id":53266810569070,"sku":"RIP62W008004","price":69.99,"currency_code":"CAD","in_stock":false},{"title":"Black \/ L \/ Womens","offer_id":53266810601838,"sku":"RIP62W008005","price":69.99,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/ClassicSurf1Piece-Black.png?v=1770245748"},{"product_id":"rip-curl-womens-classic-surf-d-dd-bikini-black-spring-2026","title":"Classic Surf D-Dd Bikini","description":"\u003cstyle\u003e\n.product-description {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;\n color: #1a1a1a;\n line-height: 1.7;\n max-width: 800px;\n margin: 0;\n padding: 0;\n}\n\n.intro-text {\n font-size: clamp(15px, 3.5vw, 16px);\n font-weight: 300;\n margin-bottom: 32px;\n color: #2c2c2c;\n line-height: 1.8;\n padding-left: 16px;\n border-left: 3px solid #f87171;\n}\n\n.accordion-item {\n border-bottom: 1px solid #e0e0e0;\n transition: border-color 0.2s ease;\n}\n\n.accordion-item:hover {\n border-bottom-color: #f87171;\n}\n\n.accordion-item:last-child {\n border-bottom: none;\n}\n\n.accordion-summary {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: clamp(16px, 4vw, 20px) 0;\n cursor: pointer;\n list-style: none;\n font-size: clamp(12px, 2.8vw, 13px);\n font-weight: 500;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n color: #1a1a1a;\n transition: all 0.3s ease;\n position: relative;\n min-height: 44px;\n}\n\n.accordion-summary::before {\n content: '';\n position: absolute;\n left: 0;\n bottom: 0;\n width: 0;\n height: 2px;\n background: linear-gradient(90deg, #f87171, #fca5a5);\n transition: width 0.3s ease;\n}\n\n@media (hover: hover) {\n .accordion-summary:hover::before {\n width: 60px;\n }\n .accordion-summary:hover {\n color: #f87171;\n padding-left: 8px;\n }\n}\n\n.accordion-summary::-webkit-details-marker {\n display: none;\n}\n\n.accordion-icon {\n font-size: 20px;\n font-weight: 300;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n color: #999;\n min-width: 20px;\n text-align: center;\n}\n\n.accordion-item[open] .accordion-icon {\n transform: rotate(45deg);\n color: #f87171;\n}\n\n.accordion-content {\n padding: 0 0 24px 0;\n animation: slideDown 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n@keyframes slideDown {\n from {\n opacity: 0;\n transform: translateY(-12px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n.features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));\n gap: clamp(16px, 4vw, 20px);\n margin-top: 8px;\n}\n\n.feature-item {\n padding: 16px;\n background: linear-gradient(135deg, #fafafa 0%, #ffffff 100%);\n border-radius: 8px;\n border: 1px solid #f0f0f0;\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n}\n\n.feature-item::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 4px;\n height: 0;\n background: linear-gradient(180deg, #f87171, #fca5a5);\n transition: height 0.3s ease;\n}\n\n@media (hover: hover) {\n .feature-item:hover {\n transform: translateY(-2px);\n box-shadow: 0 4px 12px rgba(248, 113, 113, 0.1);\n border-color: #fecaca;\n }\n .feature-item:hover::before {\n height: 100%;\n }\n}\n\n.feature-item h3 {\n font-size: clamp(13px, 3vw, 14px);\n font-weight: 600;\n color: #1a1a1a;\n margin-bottom: 6px;\n}\n\n.feature-item p {\n font-size: clamp(13px, 3vw, 14px);\n font-weight: 300;\n color: #666;\n margin: 0;\n line-height: 1.6;\n}\n\n.size-table-wrapper {\n width: 100%;\n overflow-x: auto;\n margin: 16px 0;\n border-radius: 8px;\n border: 1px solid #f0f0f0;\n -webkit-overflow-scrolling: touch;\n background: white;\n}\n\n.size-table {\n width: 100%;\n border-collapse: collapse;\n}\n\n\/* Desktop (1024px+) *\/\n@media (min-width: 1024px) {\n .size-table {\n font-size: 14px;\n }\n .size-table th,\n .size-table td {\n padding: 16px;\n }\n}\n\n\/* Tablet (768px-1024px) *\/\n@media (min-width: 768px) and (max-width: 1023px) {\n .size-table {\n font-size: 13px;\n }\n .size-table th,\n .size-table td {\n padding: 14px;\n }\n}\n\n\/* Mobile (480px-768px) *\/\n@media (min-width: 480px) and (max-width: 767px) {\n .size-table {\n font-size: 12px;\n }\n .size-table th,\n .size-table td {\n padding: 12px;\n }\n}\n\n\/* Small mobile (360px-480px) *\/\n@media (min-width: 360px) and (max-width: 479px) {\n .size-table {\n font-size: 11px;\n }\n .size-table th,\n .size-table td {\n padding: 10px;\n }\n}\n\n\/* Extra small (under 360px) *\/\n@media (max-width: 359px) {\n .size-table {\n font-size: 10px;\n }\n .size-table th,\n .size-table td {\n padding: 8px;\n }\n}\n\n.size-table th {\n text-align: center;\n font-weight: 600;\n color: white;\n background: linear-gradient(135deg, #f87171 0%, #fca5a5 100%);\n letter-spacing: 0.5px;\n white-space: nowrap;\n line-height: 1.4;\n vertical-align: middle;\n border-right: 1px solid rgba(255, 255, 255, 0.2);\n}\n\n.size-table th:last-child {\n border-right: none;\n}\n\n.size-table td {\n border-bottom: 1px solid #f5f5f5;\n border-right: 1px solid #f5f5f5;\n color: #4a4a4a;\n font-weight: 400;\n text-align: center;\n white-space: nowrap;\n line-height: 1.4;\n vertical-align: middle;\n background: white;\n}\n\n.size-table td:last-child {\n border-right: none;\n}\n\n.size-table tr:last-child td {\n border-bottom: none;\n}\n\n.size-table tbody tr {\n transition: background 0.2s ease;\n}\n\n@media (hover: hover) {\n .size-table tbody tr:hover {\n background: #fef2f2;\n }\n .size-table tbody tr:hover td {\n background: transparent;\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\u003eEngineered for full support without giving up style, the Classic Surf D-DD Top features a balconette shape with hidden underwire, removable padding, and adjustable straps.\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003eSurf-ready, lounge-approved. The clean metal trim adds a refined touch while the fully lined construction ensures confidence in and out of the water. Multi-fit sizing accommodates D-DD cup sizes with precision engineering for active days on the waves.\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\u003eBalconette Shape\u003c\/h3\u003e\n\u003cp\u003eFlattering cut with enhanced support and coverage for D-DD cups.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eHidden Underwire\u003c\/h3\u003e\n\u003cp\u003eDiscreet underwire construction provides lift and support without bulk.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eRemovable Padding\u003c\/h3\u003e\n\u003cp\u003eCustomizable coverage with removable padding inserts for versatility.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eAdjustable Straps\u003c\/h3\u003e\n\u003cp\u003eFully adjustable straps for personalized fit and comfort.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eMetal Logo Trim\u003c\/h3\u003e\n\u003cp\u003eClean metal trim detail adds refined style and brand authenticity.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eFully Lined\u003c\/h3\u003e\n\u003cp\u003eComplete lining ensures opacity and confidence in all conditions.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eMulti-Fit Sizing\u003c\/h3\u003e\n\u003cp\u003eEngineered sizing system designed specifically for D-DD cup support.\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\u003eComposition\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\u003eMaterial\u003c\/h3\u003e\n\u003cp\u003e86% Polyamide, 14% Elastane\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eConstruction\u003c\/h3\u003e\n\u003cp\u003eFully Lined\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eSupport\u003c\/h3\u003e\n\u003cp\u003eHidden Underwire with Balconette Shape\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"accordion-item\"\u003e\n\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eSizing\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"size-table-wrapper\"\u003e\n\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eSize\u003c\/th\u003e\n\u003cth\u003eCup Size\u003c\/th\u003e\n\u003cth\u003eBand (in)\u003c\/th\u003e\n\u003cth\u003eBust (in)\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eS\u003c\/td\u003e\n\u003ctd\u003eD-DD\u003c\/td\u003e\n\u003ctd\u003e30-32\u003c\/td\u003e\n\u003ctd\u003e36-38\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eM\u003c\/td\u003e\n\u003ctd\u003eD-DD\u003c\/td\u003e\n\u003ctd\u003e32-34\u003c\/td\u003e\n\u003ctd\u003e38-40\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eL\u003c\/td\u003e\n\u003ctd\u003eD-DD\u003c\/td\u003e\n\u003ctd\u003e34-36\u003c\/td\u003e\n\u003ctd\u003e40-42\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eXL\u003c\/td\u003e\n\u003ctd\u003eD-DD\u003c\/td\u003e\n\u003ctd\u003e36-38\u003c\/td\u003e\n\u003ctd\u003e42-44\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003cp class=\"size-note\"\u003eThis bikini top is specifically designed for D-DD cup sizes. Measurements are approximate. For the best fit, measure yourself and compare to the size chart above.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Rip Curl","offers":[{"title":"Black \/ S \/ Womens","offer_id":53266810667374,"sku":"RIP62W009003","price":55.99,"currency_code":"CAD","in_stock":false},{"title":"Black \/ M \/ Womens","offer_id":53266810700142,"sku":"RIP62W009004","price":55.99,"currency_code":"CAD","in_stock":true},{"title":"Black \/ L \/ Womens","offer_id":53266810732910,"sku":"RIP62W009005","price":55.99,"currency_code":"CAD","in_stock":true},{"title":"Black \/ XL \/ Womens","offer_id":53266810765678,"sku":"RIP62W009006","price":55.99,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/ClassicSurfD-DdBikini-Black-3_82eae68f-68b7-4cb8-92e1-6ffd4a799b63.png?v=1770317510"},{"product_id":"rip-curl-womens-vibe-surf-barrel-pant-bikini-white-spring-2026","title":"Vibe Surf Barrel Pant","description":"","brand":"Rip Curl","offers":[{"title":"White \/ S \/ Womens","offer_id":53266811715950,"sku":"RIP62W011003","price":55.99,"currency_code":"CAD","in_stock":true},{"title":"White \/ M \/ Womens","offer_id":53266811748718,"sku":"RIP62W011004","price":55.99,"currency_code":"CAD","in_stock":true},{"title":"White \/ L \/ Womens","offer_id":53266811781486,"sku":"RIP62W011005","price":55.99,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/VibeSurfBarrelPant-White-2.png?v=1774475972"},{"product_id":"rip-curl-womens-vibe-surf-barrel-pant-bikini-cornflower-blue-spring-2026","title":"Vibe Surf Barrel Pant","description":"","brand":"Rip Curl","offers":[{"title":"Cornflower Blue \/ S \/ Womens","offer_id":53266811814254,"sku":"RIP62W012003","price":55.99,"currency_code":"CAD","in_stock":true},{"title":"Cornflower Blue \/ M \/ Womens","offer_id":53266811847022,"sku":"RIP62W012004","price":55.99,"currency_code":"CAD","in_stock":true},{"title":"Cornflower Blue \/ L \/ Womens","offer_id":53266811879790,"sku":"RIP62W012005","price":55.99,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/VibeSurfBarrelPant-CornflowerBlue-2.png?v=1774475908"},{"product_id":"rip-curl-womens-party-pack-cover-up-dress-blue-spring-2026","title":"Party Pack Cover Up","description":"\u003cstyle\u003e\n.product-description {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;\n color: #1a1a1a;\n line-height: 1.7;\n max-width: 800px;\n margin: 0;\n padding: 0;\n}\n\n.intro-text {\n font-size: clamp(15px, 3.5vw, 16px);\n font-weight: 300;\n margin-bottom: 32px;\n color: #2c2c2c;\n line-height: 1.8;\n padding-left: 16px;\n border-left: 3px solid #f87171;\n}\n\n.accordion-item {\n border-bottom: 1px solid #e0e0e0;\n transition: border-color 0.2s ease;\n}\n\n.accordion-item:hover {\n border-bottom-color: #f87171;\n}\n\n.accordion-item:last-child {\n border-bottom: none;\n}\n\n.accordion-summary {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: clamp(16px, 4vw, 20px) 0;\n cursor: pointer;\n list-style: none;\n font-size: clamp(12px, 2.8vw, 13px);\n font-weight: 500;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n color: #1a1a1a;\n transition: all 0.3s ease;\n position: relative;\n min-height: 44px;\n}\n\n.accordion-summary::before {\n content: '';\n position: absolute;\n left: 0;\n bottom: 0;\n width: 0;\n height: 2px;\n background: linear-gradient(90deg, #f87171, #fca5a5);\n transition: width 0.3s ease;\n}\n\n@media (hover: hover) {\n .accordion-summary:hover::before {\n width: 60px;\n }\n .accordion-summary:hover {\n color: #f87171;\n padding-left: 8px;\n }\n}\n\n.accordion-summary::-webkit-details-marker {\n display: none;\n}\n\n.accordion-icon {\n font-size: 20px;\n font-weight: 300;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n color: #999;\n min-width: 20px;\n text-align: center;\n}\n\n.accordion-item[open] .accordion-icon {\n transform: rotate(45deg);\n color: #f87171;\n}\n\n.accordion-content {\n padding: 0 0 24px 0;\n animation: slideDown 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n@keyframes slideDown {\n from {\n opacity: 0;\n transform: translateY(-12px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n.features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));\n gap: clamp(16px, 4vw, 20px);\n margin-top: 8px;\n}\n\n.feature-item {\n padding: 16px;\n background: linear-gradient(135deg, #fafafa 0%, #ffffff 100%);\n border-radius: 8px;\n border: 1px solid #f0f0f0;\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n}\n\n.feature-item::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 4px;\n height: 0;\n background: linear-gradient(180deg, #f87171, #fca5a5);\n transition: height 0.3s ease;\n}\n\n@media (hover: hover) {\n .feature-item:hover {\n transform: translateY(-2px);\n box-shadow: 0 4px 12px rgba(248, 113, 113, 0.1);\n border-color: #fecaca;\n }\n .feature-item:hover::before {\n height: 100%;\n }\n}\n\n.feature-item h3 {\n font-size: clamp(13px, 3vw, 14px);\n font-weight: 600;\n color: #1a1a1a;\n margin-bottom: 6px;\n}\n\n.feature-item p {\n font-size: clamp(13px, 3vw, 14px);\n font-weight: 300;\n color: #666;\n margin: 0;\n line-height: 1.6;\n}\n\n.size-table-wrapper {\n width: 100%;\n overflow-x: auto;\n margin: 16px 0;\n border-radius: 8px;\n border: 1px solid #f0f0f0;\n -webkit-overflow-scrolling: touch;\n}\n\n.size-table {\n width: 100%;\n border-collapse: collapse;\n background: white;\n}\n\n@media (min-width: 1024px) {\n .size-table {\n font-size: 14px;\n }\n .size-table th,\n .size-table td {\n padding: 16px;\n }\n}\n\n@media (min-width: 768px) and (max-width: 1023px) {\n .size-table {\n font-size: 13px;\n }\n .size-table th,\n .size-table td {\n padding: 14px;\n }\n}\n\n@media (min-width: 480px) and (max-width: 767px) {\n .size-table {\n font-size: 12px;\n }\n .size-table th,\n .size-table td {\n padding: 12px;\n }\n}\n\n@media (min-width: 360px) and (max-width: 479px) {\n .size-table {\n font-size: 11px;\n }\n .size-table th,\n .size-table td {\n padding: 10px;\n }\n}\n\n@media (max-width: 359px) {\n .size-table {\n font-size: 10px;\n }\n .size-table th,\n .size-table td {\n padding: 8px;\n }\n}\n\n.size-table th {\n text-align: center;\n font-weight: 600;\n color: white;\n background: linear-gradient(135deg, #f87171 0%, #fca5a5 100%);\n letter-spacing: 0.5px;\n white-space: nowrap;\n line-height: 1.4;\n vertical-align: middle;\n border-right: 1px solid rgba(255, 255, 255, 0.2);\n}\n\n.size-table th:last-child {\n border-right: none;\n}\n\n.size-table td {\n border-bottom: 1px solid #f0f0f0;\n border-right: 1px solid #f5f5f5;\n color: #4a4a4a;\n font-weight: 400;\n text-align: center;\n white-space: nowrap;\n line-height: 1.5;\n vertical-align: middle;\n background: white;\n}\n\n.size-table td:last-child {\n border-right: none;\n}\n\n.size-table tr:last-child td {\n border-bottom: none;\n}\n\n.size-table tbody tr {\n transition: background 0.2s ease;\n}\n\n@media (hover: hover) {\n .size-table tbody tr:hover {\n background: #fef2f2;\n }\n .size-table tbody tr:hover td {\n background: #fef2f2;\n }\n}\n\n.size-note {\n font-size: clamp(12px, 2.8vw, 13px);\n color: #666;\n font-style: italic;\n margin-top: 16px;\n padding: clamp(10px, 2.5vw, 12px) clamp(12px, 3vw, 16px);\n background: #fef2f2;\n border-left: 3px solid #f87171;\n border-radius: 4px;\n}\n\n.detail-text {\n font-size: clamp(14px, 3.2vw, 15px);\n font-weight: 300;\n color: #4a4a4a;\n line-height: 1.8;\n margin-bottom: 16px;\n}\n\u003c\/style\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003cp class=\"intro-text\"\u003e\u003cstrong\u003eLightweight and breezy, the Party Pack Cover Up flows effortlessly with its all-over yardage print and adjustable straps, finished with button-through styling for coastal ease.\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003eCrafted from 100% viscose with a softener wash finish, this button-through dress delivers exceptional comfort and effortless style for beach days, poolside lounging, or casual summer adventures.\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\u003e100% Viscose\u003c\/h3\u003e\n\u003cp\u003eLightweight, breathable fabric provides exceptional softness and fluid drape for all-day comfort.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eStandard Fit\u003c\/h3\u003e\n\u003cp\u003eClassic, comfortable silhouette offers versatile styling and effortless coastal ease.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eSoftener Wash Finish\u003c\/h3\u003e\n\u003cp\u003eSpecial washing process delivers instant softness and luxurious feel from day one.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eAll-Over Yardage Print\u003c\/h3\u003e\n\u003cp\u003eVibrant, eye-catching print adds fun summer style and authentic surf attitude.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eButton-Through Design\u003c\/h3\u003e\n\u003cp\u003eVersatile button-front styling allows for adjustable coverage and easy on-off wear.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eAdjustable Shoulder Straps\u003c\/h3\u003e\n\u003cp\u003eCustomizable straps allow for a personalized, comfortable fit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eMetal Logo Trim\u003c\/h3\u003e\n\u003cp\u003ePremium metal branding adds a polished finishing touch and authentic Rip Curl style.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"accordion-item\"\u003e\n\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eSizing\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"size-table-wrapper\"\u003e\n\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eSize\u003c\/th\u003e\n\u003cth\u003eChest\u003c\/th\u003e\n\u003cth\u003eWaist\u003c\/th\u003e\n\u003cth\u003eLow Waist\u003c\/th\u003e\n\u003cth\u003eHip\u003c\/th\u003e\n\u003cth\u003eHeight\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\u003e29.75-30.75\u003c\/td\u003e\n\u003ctd\u003e23-24\u003c\/td\u003e\n\u003ctd\u003e28.5-29.5\u003c\/td\u003e\n\u003ctd\u003e33.25-34.25\u003c\/td\u003e\n\u003ctd\u003e61.25-62.25\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eXS\u003c\/td\u003e\n\u003ctd\u003e31.75-32.75\u003c\/td\u003e\n\u003ctd\u003e25-26\u003c\/td\u003e\n\u003ctd\u003e30.5-31.5\u003c\/td\u003e\n\u003ctd\u003e35.25-36.25\u003c\/td\u003e\n\u003ctd\u003e63.25-64.25\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eS\u003c\/td\u003e\n\u003ctd\u003e33.75-34.75\u003c\/td\u003e\n\u003ctd\u003e27-28\u003c\/td\u003e\n\u003ctd\u003e32.5-33.5\u003c\/td\u003e\n\u003ctd\u003e37.25-38.25\u003c\/td\u003e\n\u003ctd\u003e65.25-66.25\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eM\u003c\/td\u003e\n\u003ctd\u003e35.75-36.75\u003c\/td\u003e\n\u003ctd\u003e29-30\u003c\/td\u003e\n\u003ctd\u003e34.5-35.5\u003c\/td\u003e\n\u003ctd\u003e39.25-40.25\u003c\/td\u003e\n\u003ctd\u003e67.25-68.25\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eL\u003c\/td\u003e\n\u003ctd\u003e37.75-38.75\u003c\/td\u003e\n\u003ctd\u003e31-32\u003c\/td\u003e\n\u003ctd\u003e36.5-37.5\u003c\/td\u003e\n\u003ctd\u003e41.25-42.25\u003c\/td\u003e\n\u003ctd\u003e69.25-70.25\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eXL\u003c\/td\u003e\n\u003ctd\u003e39.75-40.75\u003c\/td\u003e\n\u003ctd\u003e33-34\u003c\/td\u003e\n\u003ctd\u003e38.5-39.5\u003c\/td\u003e\n\u003ctd\u003e43.25-44.25\u003c\/td\u003e\n\u003ctd\u003e71.25-72.25\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003cp class=\"size-note\"\u003eStandard fit runs true to size with a comfortable, classic silhouette. Sizing is listed in inches (Imperial Measurement). Adjustable shoulder straps allow for customized fit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Rip Curl","offers":[{"title":"Blue \/ S \/ Womens","offer_id":53266812240238,"sku":"RIP62W016003","price":45.49,"currency_code":"CAD","in_stock":true},{"title":"Blue \/ M \/ Womens","offer_id":53266812273006,"sku":"RIP62W016004","price":45.49,"currency_code":"CAD","in_stock":true},{"title":"Blue \/ L \/ Womens","offer_id":53266812305774,"sku":"RIP62W016005","price":45.49,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/PartyPackCoverUp-Blue.png?v=1770244338"},{"product_id":"rip-curl-womens-malibu-cove-mini-dress-blue-spring-2026","title":"Malibu Cove Mini Dress","description":"","brand":"Rip Curl","offers":[{"title":"Blue \/ S \/ Womens","offer_id":53266812338542,"sku":"RIP62W017003","price":45.49,"currency_code":"CAD","in_stock":false},{"title":"Blue \/ M \/ Womens","offer_id":53266812371310,"sku":"RIP62W017004","price":45.49,"currency_code":"CAD","in_stock":true},{"title":"Blue \/ L \/ Womens","offer_id":53266812404078,"sku":"RIP62W017005","price":45.49,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/MalibuCoveMiniDress-BLue-2.png?v=1775062693"},{"product_id":"rip-curl-womens-surf-puff-cheeky-bikini-light-pink-spring-2026","title":"Surf Puff Cheeky Bikini","description":"\u003cstyle\u003e\n.product-description {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;\n color: #1a1a1a;\n line-height: 1.7;\n max-width: 800px;\n margin: 0;\n padding: 0;\n}\n\n.intro-text {\n font-size: clamp(15px, 3.5vw, 16px);\n font-weight: 300;\n margin-bottom: 32px;\n color: #2c2c2c;\n line-height: 1.8;\n padding-left: 16px;\n border-left: 3px solid #f87171;\n}\n\n.accordion-item {\n border-bottom: 1px solid #e0e0e0;\n transition: border-color 0.2s ease;\n}\n\n.accordion-item:hover {\n border-bottom-color: #f87171;\n}\n\n.accordion-item:last-child {\n border-bottom: none;\n}\n\n.accordion-summary {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: clamp(16px, 4vw, 20px) 0;\n cursor: pointer;\n list-style: none;\n font-size: clamp(12px, 2.8vw, 13px);\n font-weight: 500;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n color: #1a1a1a;\n transition: all 0.3s ease;\n position: relative;\n min-height: 44px;\n}\n\n.accordion-summary::before {\n content: '';\n position: absolute;\n left: 0;\n bottom: 0;\n width: 0;\n height: 2px;\n background: linear-gradient(90deg, #f87171, #fca5a5);\n transition: width 0.3s ease;\n}\n\n@media (hover: hover) {\n .accordion-summary:hover::before {\n width: 60px;\n }\n .accordion-summary:hover {\n color: #f87171;\n padding-left: 8px;\n }\n}\n\n.accordion-summary::-webkit-details-marker {\n display: none;\n}\n\n.accordion-icon {\n font-size: 20px;\n font-weight: 300;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n color: #999;\n min-width: 20px;\n text-align: center;\n}\n\n.accordion-item[open] .accordion-icon {\n transform: rotate(45deg);\n color: #f87171;\n}\n\n.accordion-content {\n padding: 0 0 24px 0;\n animation: slideDown 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n@keyframes slideDown {\n from {\n opacity: 0;\n transform: translateY(-12px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n.features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));\n gap: clamp(16px, 4vw, 20px);\n margin-top: 8px;\n}\n\n.feature-item {\n padding: 16px;\n background: linear-gradient(135deg, #fafafa 0%, #ffffff 100%);\n border-radius: 8px;\n border: 1px solid #f0f0f0;\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n}\n\n.feature-item::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 4px;\n height: 0;\n background: linear-gradient(180deg, #f87171, #fca5a5);\n transition: height 0.3s ease;\n}\n\n@media (hover: hover) {\n .feature-item:hover {\n transform: translateY(-2px);\n box-shadow: 0 4px 12px rgba(248, 113, 113, 0.1);\n border-color: #fecaca;\n }\n .feature-item:hover::before {\n height: 100%;\n }\n}\n\n.feature-item h3 {\n font-size: clamp(13px, 3vw, 14px);\n font-weight: 600;\n color: #1a1a1a;\n margin-bottom: 6px;\n}\n\n.feature-item p {\n font-size: clamp(13px, 3vw, 14px);\n font-weight: 300;\n color: #666;\n margin: 0;\n line-height: 1.6;\n}\n\n.size-table-wrapper {\n width: 100%;\n overflow-x: auto;\n margin: 16px 0;\n border-radius: 8px;\n border: 1px solid #f0f0f0;\n -webkit-overflow-scrolling: touch;\n}\n\n.size-table {\n width: 100%;\n border-collapse: collapse;\n background: white;\n}\n\n@media (min-width: 1024px) {\n .size-table {\n font-size: 14px;\n }\n .size-table th,\n .size-table td {\n padding: 16px;\n }\n}\n\n@media (min-width: 768px) and (max-width: 1023px) {\n .size-table {\n font-size: 13px;\n }\n .size-table th,\n .size-table td {\n padding: 14px;\n }\n}\n\n@media (min-width: 480px) and (max-width: 767px) {\n .size-table {\n font-size: 12px;\n }\n .size-table th,\n .size-table td {\n padding: 12px;\n }\n}\n\n@media (min-width: 360px) and (max-width: 479px) {\n .size-table {\n font-size: 11px;\n }\n .size-table th,\n .size-table td {\n padding: 10px;\n }\n}\n\n@media (max-width: 359px) {\n .size-table {\n font-size: 10px;\n }\n .size-table th,\n .size-table td {\n padding: 8px;\n }\n}\n\n.size-table th {\n text-align: center;\n font-weight: 600;\n color: white;\n background: linear-gradient(135deg, #f87171 0%, #fca5a5 100%);\n letter-spacing: 0.5px;\n white-space: nowrap;\n line-height: 1.4;\n vertical-align: middle;\n border-right: 1px solid rgba(255, 255, 255, 0.2);\n}\n\n.size-table th:last-child {\n border-right: none;\n}\n\n.size-table td {\n border-bottom: 1px solid #f0f0f0;\n border-right: 1px solid #f5f5f5;\n color: #4a4a4a;\n font-weight: 400;\n text-align: center;\n white-space: nowrap;\n line-height: 1.5;\n vertical-align: middle;\n background: white;\n}\n\n.size-table td:last-child {\n border-right: none;\n}\n\n.size-table tr:last-child td {\n border-bottom: none;\n}\n\n.size-table tbody tr {\n transition: background 0.2s ease;\n}\n\n@media (hover: hover) {\n .size-table tbody tr:hover {\n background: #fef2f2;\n }\n .size-table tbody tr:hover td {\n background: #fef2f2;\n }\n}\n\n.size-note {\n font-size: clamp(12px, 2.8vw, 13px);\n color: #666;\n font-style: italic;\n margin-top: 16px;\n padding: clamp(10px, 2.5vw, 12px) clamp(12px, 3vw, 16px);\n background: #fef2f2;\n border-left: 3px solid #f87171;\n border-radius: 4px;\n}\n\n.detail-text {\n font-size: clamp(14px, 3.2vw, 15px);\n font-weight: 300;\n color: #4a4a4a;\n line-height: 1.8;\n margin-bottom: 16px;\n}\n\u003c\/style\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003cp class=\"intro-text\"\u003e\u003cstrong\u003eStand out this summer in the sought-after Surf Puff range now featuring a swim collection.\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003eThe Surf Puff Cheeky Coverage Bikini Bottom is designed for comfort with adjustable tie-up sides in a flattering cheeky cut. The contrasting colors make this a fun summer piece—match with any of the Surf Puff range to complete your summer essential look.\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\u003eCheeky Coverage\u003c\/h3\u003e\n\u003cp\u003eFlattering cheeky cut provides moderate coverage with a stylish, confident look.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eAdjustable Tie-Up Sides\u003c\/h3\u003e\n\u003cp\u003eCustomizable side ties allow for a personalized, comfortable fit that stays secure.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003ePremium Fabric Blend\u003c\/h3\u003e\n\u003cp\u003e80% Polyamide and 20% Elastane construction provides stretch, durability, and quick-dry performance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eContrasting Colors\u003c\/h3\u003e\n\u003cp\u003eFun and bright color combinations add vibrant surf style to your swim collection.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003ePrinted Logo\u003c\/h3\u003e\n\u003cp\u003eSubtle Rip Curl branding showcases authentic surf heritage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eContrast Binding\u003c\/h3\u003e\n\u003cp\u003eEye-catching trim details enhance the design and provide a polished finish.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eFully Lined\u003c\/h3\u003e\n\u003cp\u003eComplete lining ensures opacity and comfort for confident all-day wear.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eChlorine Friendly\u003c\/h3\u003e\n\u003cp\u003eDurable fabric resists chlorine damage for long-lasting performance in pools and ocean.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"accordion-item\"\u003e\n\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eSizing\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"size-table-wrapper\"\u003e\n\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eSize\u003c\/th\u003e\n\u003cth\u003eCup\u003c\/th\u003e\n\u003cth\u003eChest\u003c\/th\u003e\n\u003cth\u003eUnderchest\u003c\/th\u003e\n\u003cth\u003eWaist\u003c\/th\u003e\n\u003cth\u003eLow Waist\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\u003e6\/XXS\u003c\/td\u003e\n\u003ctd\u003e32A\u003c\/td\u003e\n\u003ctd\u003e30-31\u003c\/td\u003e\n\u003ctd\u003e25-26\u003c\/td\u003e\n\u003ctd\u003e23-24\u003c\/td\u003e\n\u003ctd\u003e28.5-29.5\u003c\/td\u003e\n\u003ctd\u003e33-34\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e8\/XS\u003c\/td\u003e\n\u003ctd\u003e32A\u003c\/td\u003e\n\u003ctd\u003e32-33\u003c\/td\u003e\n\u003ctd\u003e27-28\u003c\/td\u003e\n\u003ctd\u003e25-26\u003c\/td\u003e\n\u003ctd\u003e30.5-31\u003c\/td\u003e\n\u003ctd\u003e35-36\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e10\/S\u003c\/td\u003e\n\u003ctd\u003e34A\/B\u003c\/td\u003e\n\u003ctd\u003e34-35\u003c\/td\u003e\n\u003ctd\u003e29-30\u003c\/td\u003e\n\u003ctd\u003e27-28\u003c\/td\u003e\n\u003ctd\u003e32-33.5\u003c\/td\u003e\n\u003ctd\u003e37-38\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e12\/M\u003c\/td\u003e\n\u003ctd\u003e36B\/C\u003c\/td\u003e\n\u003ctd\u003e36-37\u003c\/td\u003e\n\u003ctd\u003e31-32\u003c\/td\u003e\n\u003ctd\u003e29-30\u003c\/td\u003e\n\u003ctd\u003e34-35\u003c\/td\u003e\n\u003ctd\u003e39-40\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e14\/L\u003c\/td\u003e\n\u003ctd\u003e38C\/D\u003c\/td\u003e\n\u003ctd\u003e38-39\u003c\/td\u003e\n\u003ctd\u003e33-34\u003c\/td\u003e\n\u003ctd\u003e31-32\u003c\/td\u003e\n\u003ctd\u003e36-37\u003c\/td\u003e\n\u003ctd\u003e41-42\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e16\/XL\u003c\/td\u003e\n\u003ctd\u003e40D\/DD\u003c\/td\u003e\n\u003ctd\u003e40-41\u003c\/td\u003e\n\u003ctd\u003e35-36\u003c\/td\u003e\n\u003ctd\u003e33-34\u003c\/td\u003e\n\u003ctd\u003e38-39\u003c\/td\u003e\n\u003ctd\u003e43-44\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003cp class=\"size-note\"\u003eSizing is listed in inches (Imperial Measurement). Adjustable tie-up sides allow for a customized fit. For best fit, refer to waist, low waist, and hip measurements.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Rip Curl","offers":[{"title":"Light Pink \/ S \/ Womens","offer_id":53266812862830,"sku":"RIP62W022003","price":41.99,"currency_code":"CAD","in_stock":false},{"title":"Light Pink \/ M \/ Womens","offer_id":53266812895598,"sku":"RIP62W022004","price":41.99,"currency_code":"CAD","in_stock":true},{"title":"Light Pink \/ L \/ Womens","offer_id":53266812928366,"sku":"RIP62W022005","price":41.99,"currency_code":"CAD","in_stock":true},{"title":"Light Pink \/ XL \/ Womens","offer_id":53266812961134,"sku":"RIP62W022006","price":41.99,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/SurfPuffCheekyBikini-LightPink-3.png?v=1770243728"},{"product_id":"rip-curl-womens-surf-puff-sliding-tri-bikini-light-pink-spring-2026","title":"Surf Puff Sliding Tri Bikini","description":"\u003cstyle\u003e\n.product-description {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;\n color: #1a1a1a;\n line-height: 1.7;\n max-width: 800px;\n margin: 0;\n padding: 0;\n}\n\n.intro-text {\n font-size: clamp(15px, 3.5vw, 16px);\n font-weight: 300;\n margin-bottom: 32px;\n color: #2c2c2c;\n line-height: 1.8;\n padding-left: 16px;\n border-left: 3px solid #f87171;\n}\n\n.accordion-item {\n border-bottom: 1px solid #e0e0e0;\n transition: border-color 0.2s ease;\n}\n\n.accordion-item:hover {\n border-bottom-color: #f87171;\n}\n\n.accordion-item:last-child {\n border-bottom: none;\n}\n\n.accordion-summary {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: clamp(16px, 4vw, 20px) 0;\n cursor: pointer;\n list-style: none;\n font-size: clamp(12px, 2.8vw, 13px);\n font-weight: 500;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n color: #1a1a1a;\n transition: all 0.3s ease;\n position: relative;\n min-height: 44px;\n}\n\n.accordion-summary::before {\n content: '';\n position: absolute;\n left: 0;\n bottom: 0;\n width: 0;\n height: 2px;\n background: linear-gradient(90deg, #f87171, #fca5a5);\n transition: width 0.3s ease;\n}\n\n@media (hover: hover) {\n .accordion-summary:hover::before {\n width: 60px;\n }\n .accordion-summary:hover {\n color: #f87171;\n padding-left: 8px;\n }\n}\n\n.accordion-summary::-webkit-details-marker {\n display: none;\n}\n\n.accordion-icon {\n font-size: 20px;\n font-weight: 300;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n color: #999;\n min-width: 20px;\n text-align: center;\n}\n\n.accordion-item[open] .accordion-icon {\n transform: rotate(45deg);\n color: #f87171;\n}\n\n.accordion-content {\n padding: 0 0 24px 0;\n animation: slideDown 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n@keyframes slideDown {\n from {\n opacity: 0;\n transform: translateY(-12px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n.features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));\n gap: clamp(16px, 4vw, 20px);\n margin-top: 8px;\n}\n\n.feature-item {\n padding: 16px;\n background: linear-gradient(135deg, #fafafa 0%, #ffffff 100%);\n border-radius: 8px;\n border: 1px solid #f0f0f0;\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n}\n\n.feature-item::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 4px;\n height: 0;\n background: linear-gradient(180deg, #f87171, #fca5a5);\n transition: height 0.3s ease;\n}\n\n@media (hover: hover) {\n .feature-item:hover {\n transform: translateY(-2px);\n box-shadow: 0 4px 12px rgba(248, 113, 113, 0.1);\n border-color: #fecaca;\n }\n .feature-item:hover::before {\n height: 100%;\n }\n}\n\n.feature-item h3 {\n font-size: clamp(13px, 3vw, 14px);\n font-weight: 600;\n color: #1a1a1a;\n margin-bottom: 6px;\n}\n\n.feature-item p {\n font-size: clamp(13px, 3vw, 14px);\n font-weight: 300;\n color: #666;\n margin: 0;\n line-height: 1.6;\n}\n\n.size-table-wrapper {\n width: 100%;\n overflow-x: auto;\n margin: 16px 0;\n border-radius: 8px;\n border: 1px solid #f0f0f0;\n -webkit-overflow-scrolling: touch;\n}\n\n.size-table {\n width: 100%;\n border-collapse: collapse;\n background: white;\n}\n\n@media (min-width: 1024px) {\n .size-table {\n font-size: 14px;\n }\n .size-table th,\n .size-table td {\n padding: 16px;\n }\n}\n\n@media (min-width: 768px) and (max-width: 1023px) {\n .size-table {\n font-size: 13px;\n }\n .size-table th,\n .size-table td {\n padding: 14px;\n }\n}\n\n@media (min-width: 480px) and (max-width: 767px) {\n .size-table {\n font-size: 12px;\n }\n .size-table th,\n .size-table td {\n padding: 12px;\n }\n}\n\n@media (min-width: 360px) and (max-width: 479px) {\n .size-table {\n font-size: 11px;\n }\n .size-table th,\n .size-table td {\n padding: 10px;\n }\n}\n\n@media (max-width: 359px) {\n .size-table {\n font-size: 10px;\n }\n .size-table th,\n .size-table td {\n padding: 8px;\n }\n}\n\n.size-table th {\n text-align: center;\n font-weight: 600;\n color: white;\n background: linear-gradient(135deg, #f87171 0%, #fca5a5 100%);\n letter-spacing: 0.5px;\n white-space: nowrap;\n line-height: 1.4;\n vertical-align: middle;\n border-right: 1px solid rgba(255, 255, 255, 0.2);\n}\n\n.size-table th:last-child {\n border-right: none;\n}\n\n.size-table td {\n border-bottom: 1px solid #f0f0f0;\n border-right: 1px solid #f5f5f5;\n color: #4a4a4a;\n font-weight: 400;\n text-align: center;\n white-space: nowrap;\n line-height: 1.5;\n vertical-align: middle;\n background: white;\n}\n\n.size-table td:last-child {\n border-right: none;\n}\n\n.size-table tr:last-child td {\n border-bottom: none;\n}\n\n.size-table tbody tr {\n transition: background 0.2s ease;\n}\n\n@media (hover: hover) {\n .size-table tbody tr:hover {\n background: #fef2f2;\n }\n .size-table tbody tr:hover td {\n background: #fef2f2;\n }\n}\n\n.size-note {\n font-size: clamp(12px, 2.8vw, 13px);\n color: #666;\n font-style: italic;\n margin-top: 16px;\n padding: clamp(10px, 2.5vw, 12px) clamp(12px, 3vw, 16px);\n background: #fef2f2;\n border-left: 3px solid #f87171;\n border-radius: 4px;\n}\n\n.detail-text {\n font-size: clamp(14px, 3.2vw, 15px);\n font-weight: 300;\n color: #4a4a4a;\n line-height: 1.8;\n margin-bottom: 16px;\n}\n\u003c\/style\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003cp class=\"intro-text\"\u003e\u003cstrong\u003eDesigned in a fun and bright contrasting look, the Surf Puff Sliding Tri Bikini Top is sure to be a staple piece in the swim collection this year.\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003eMade with the traditional triangle cut with adjustable sliding straps for a comfortable fit. Complete the look with any of the Surf Puff swim bottoms for the perfect beach-ready ensemble.\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\u003eSliding Triangle Design\u003c\/h3\u003e\n\u003cp\u003eClassic tri bikini cut with adjustable sliding straps for a customized, comfortable fit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eLight Support - B-C Cup\u003c\/h3\u003e\n\u003cp\u003eDesigned for B-C cup sizes with light support for comfortable all-day wear.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003ePremium Fabric Blend\u003c\/h3\u003e\n\u003cp\u003e86% Polyamide and 14% Elastane construction provides stretch, durability, and quick-dry performance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003ePlacement Print\u003c\/h3\u003e\n\u003cp\u003eFun and bright contrasting graphics add vibrant surf style to your swim collection.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eContrast Binding\u003c\/h3\u003e\n\u003cp\u003eEye-catching trim details enhance the design and provide a polished finish.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eFully Adjustable\u003c\/h3\u003e\n\u003cp\u003eAdjustable straps and ties allow for a personalized, secure fit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eChlorine Friendly\u003c\/h3\u003e\n\u003cp\u003eDurable fabric resists chlorine damage for long-lasting performance in pools and ocean.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eRemovable Padding\u003c\/h3\u003e\n\u003cp\u003eOptional padding provides shape and coverage with the flexibility to customize your look.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"accordion-item\"\u003e\n\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eSizing\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"size-table-wrapper\"\u003e\n\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eSize\u003c\/th\u003e\n\u003cth\u003eCup\u003c\/th\u003e\n\u003cth\u003eChest\u003c\/th\u003e\n\u003cth\u003eUnderchest\u003c\/th\u003e\n\u003cth\u003eWaist\u003c\/th\u003e\n\u003cth\u003eLow Waist\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\u003e6\/XXS\u003c\/td\u003e\n\u003ctd\u003e32A\u003c\/td\u003e\n\u003ctd\u003e30-31\u003c\/td\u003e\n\u003ctd\u003e25-26\u003c\/td\u003e\n\u003ctd\u003e23-24\u003c\/td\u003e\n\u003ctd\u003e28.5-29.5\u003c\/td\u003e\n\u003ctd\u003e33-34\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e8\/XS\u003c\/td\u003e\n\u003ctd\u003e32A\u003c\/td\u003e\n\u003ctd\u003e32-33\u003c\/td\u003e\n\u003ctd\u003e27-28\u003c\/td\u003e\n\u003ctd\u003e25-26\u003c\/td\u003e\n\u003ctd\u003e30.5-31\u003c\/td\u003e\n\u003ctd\u003e35-36\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e10\/S\u003c\/td\u003e\n\u003ctd\u003e34A\/B\u003c\/td\u003e\n\u003ctd\u003e34-35\u003c\/td\u003e\n\u003ctd\u003e29-30\u003c\/td\u003e\n\u003ctd\u003e27-28\u003c\/td\u003e\n\u003ctd\u003e32-33.5\u003c\/td\u003e\n\u003ctd\u003e37-38\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e12\/M\u003c\/td\u003e\n\u003ctd\u003e36B\/C\u003c\/td\u003e\n\u003ctd\u003e36-37\u003c\/td\u003e\n\u003ctd\u003e31-32\u003c\/td\u003e\n\u003ctd\u003e29-30\u003c\/td\u003e\n\u003ctd\u003e34-35\u003c\/td\u003e\n\u003ctd\u003e39-40\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e14\/L\u003c\/td\u003e\n\u003ctd\u003e38C\/D\u003c\/td\u003e\n\u003ctd\u003e38-39\u003c\/td\u003e\n\u003ctd\u003e33-34\u003c\/td\u003e\n\u003ctd\u003e31-32\u003c\/td\u003e\n\u003ctd\u003e36-37\u003c\/td\u003e\n\u003ctd\u003e41-42\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e16\/XL\u003c\/td\u003e\n\u003ctd\u003e40D\/DD\u003c\/td\u003e\n\u003ctd\u003e40-41\u003c\/td\u003e\n\u003ctd\u003e35-36\u003c\/td\u003e\n\u003ctd\u003e33-34\u003c\/td\u003e\n\u003ctd\u003e38-39\u003c\/td\u003e\n\u003ctd\u003e43-44\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003cp class=\"size-note\"\u003eSizing is listed in inches (Imperial Measurement). This bikini top is designed for B-C cup sizes with light support. For best fit, refer to cup size and chest measurements.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Rip Curl","offers":[{"title":"Light Pink \/ S \/ Womens","offer_id":53266812993902,"sku":"RIP62W023003","price":41.99,"currency_code":"CAD","in_stock":false},{"title":"Light Pink \/ M \/ Womens","offer_id":53266813026670,"sku":"RIP62W023004","price":41.99,"currency_code":"CAD","in_stock":false},{"title":"Light Pink \/ L \/ Womens","offer_id":53266813059438,"sku":"RIP62W023005","price":41.99,"currency_code":"CAD","in_stock":false},{"title":"Light Pink \/ XL \/ Womens","offer_id":53266813092206,"sku":"RIP62W023006","price":41.99,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/SurfPuffSlidingTriBikini-LightPink-2.png?v=1770243490"},{"product_id":"rip-curl-womens-classic-surf-1-piece-bikini-red-spring-2026","title":"Classic Surf 1 Piece","description":"\u003cstyle\u003e\n.product-description {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;\n color: #1a1a1a;\n line-height: 1.7;\n max-width: 800px;\n margin: 0;\n padding: 0;\n}\n\n.intro-text {\n font-size: clamp(15px, 3.5vw, 16px);\n font-weight: 300;\n margin-bottom: 32px;\n color: #2c2c2c;\n line-height: 1.8;\n padding-left: 16px;\n border-left: 3px solid #f87171;\n}\n\n.accordion-item {\n border-bottom: 1px solid #e0e0e0;\n transition: border-color 0.2s ease;\n}\n\n.accordion-item:hover {\n border-bottom-color: #f87171;\n}\n\n.accordion-item:last-child {\n border-bottom: none;\n}\n\n.accordion-summary {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: clamp(16px, 4vw, 20px) 0;\n cursor: pointer;\n list-style: none;\n font-size: clamp(12px, 2.8vw, 13px);\n font-weight: 500;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n color: #1a1a1a;\n transition: all 0.3s ease;\n position: relative;\n min-height: 44px;\n}\n\n.accordion-summary::before {\n content: '';\n position: absolute;\n left: 0;\n bottom: 0;\n width: 0;\n height: 2px;\n background: linear-gradient(90deg, #f87171, #fca5a5);\n transition: width 0.3s ease;\n}\n\n@media (hover: hover) {\n .accordion-summary:hover::before {\n width: 60px;\n }\n .accordion-summary:hover {\n color: #f87171;\n padding-left: 8px;\n }\n}\n\n.accordion-summary::-webkit-details-marker {\n display: none;\n}\n\n.accordion-icon {\n font-size: 20px;\n font-weight: 300;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n color: #999;\n min-width: 20px;\n text-align: center;\n}\n\n.accordion-item[open] .accordion-icon {\n transform: rotate(45deg);\n color: #f87171;\n}\n\n.accordion-content {\n padding: 0 0 24px 0;\n animation: slideDown 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n@keyframes slideDown {\n from {\n opacity: 0;\n transform: translateY(-12px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n.features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));\n gap: clamp(16px, 4vw, 20px);\n margin-top: 8px;\n}\n\n.feature-item {\n padding: 16px;\n background: linear-gradient(135deg, #fafafa 0%, #ffffff 100%);\n border-radius: 8px;\n border: 1px solid #f0f0f0;\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n}\n\n.feature-item::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 4px;\n height: 0;\n background: linear-gradient(180deg, #f87171, #fca5a5);\n transition: height 0.3s ease;\n}\n\n@media (hover: hover) {\n .feature-item:hover {\n transform: translateY(-2px);\n box-shadow: 0 4px 12px rgba(248, 113, 113, 0.1);\n border-color: #fecaca;\n }\n .feature-item:hover::before {\n height: 100%;\n }\n}\n\n.feature-item h3 {\n font-size: clamp(13px, 3vw, 14px);\n font-weight: 600;\n color: #1a1a1a;\n margin-bottom: 6px;\n}\n\n.feature-item p {\n font-size: clamp(13px, 3vw, 14px);\n font-weight: 300;\n color: #666;\n margin: 0;\n line-height: 1.6;\n}\n\n.size-table-wrapper {\n width: 100%;\n overflow-x: auto;\n margin: 16px 0;\n border-radius: 8px;\n border: 1px solid #f0f0f0;\n -webkit-overflow-scrolling: touch;\n}\n\n.size-table {\n width: 100%;\n border-collapse: collapse;\n background: white;\n}\n\n@media (min-width: 1024px) {\n .size-table {\n font-size: 14px;\n }\n .size-table th,\n .size-table td {\n padding: 16px;\n }\n}\n\n@media (min-width: 768px) and (max-width: 1023px) {\n .size-table {\n font-size: 13px;\n }\n .size-table th,\n .size-table td {\n padding: 14px;\n }\n}\n\n@media (min-width: 480px) and (max-width: 767px) {\n .size-table {\n font-size: 12px;\n }\n .size-table th,\n .size-table td {\n padding: 12px;\n }\n}\n\n@media (min-width: 360px) and (max-width: 479px) {\n .size-table {\n font-size: 11px;\n }\n .size-table th,\n .size-table td {\n padding: 10px;\n }\n}\n\n@media (max-width: 359px) {\n .size-table {\n font-size: 10px;\n }\n .size-table th,\n .size-table td {\n padding: 8px;\n }\n}\n\n.size-table th {\n text-align: center;\n font-weight: 600;\n color: white;\n background: linear-gradient(135deg, #f87171 0%, #fca5a5 100%);\n letter-spacing: 0.5px;\n white-space: nowrap;\n line-height: 1.4;\n vertical-align: middle;\n border-right: 1px solid rgba(255, 255, 255, 0.2);\n}\n\n.size-table th:last-child {\n border-right: none;\n}\n\n.size-table td {\n border-bottom: 1px solid #f0f0f0;\n border-right: 1px solid #f5f5f5;\n color: #4a4a4a;\n font-weight: 400;\n text-align: center;\n white-space: nowrap;\n line-height: 1.5;\n vertical-align: middle;\n background: white;\n}\n\n.size-table td:last-child {\n border-right: none;\n}\n\n.size-table tr:last-child td {\n border-bottom: none;\n}\n\n.size-table tbody tr {\n transition: background 0.2s ease;\n}\n\n@media (hover: hover) {\n .size-table tbody tr:hover {\n background: #fef2f2;\n }\n .size-table tbody tr:hover td {\n background: #fef2f2;\n }\n}\n\n.size-note {\n font-size: clamp(12px, 2.8vw, 13px);\n color: #666;\n font-style: italic;\n margin-top: 16px;\n padding: clamp(10px, 2.5vw, 12px) clamp(12px, 3vw, 16px);\n background: #fef2f2;\n border-left: 3px solid #f87171;\n border-radius: 4px;\n}\n\n.detail-text {\n font-size: clamp(14px, 3.2vw, 15px);\n font-weight: 300;\n color: #4a4a4a;\n line-height: 1.8;\n margin-bottom: 16px;\n}\n\u003c\/style\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003cp class=\"intro-text\"\u003e\u003cstrong\u003eGo-anywhere swim style. The Classic Surf One Piece offers adjustable straps, removable padding, and full lining for secure support and clean lines.\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003eA timeless shape with surf DNA built in, this one-piece delivers good coverage and good support with premium details. Crafted from 86% Polyamide and 14% Elastane for durability and stretch, it's the perfect combination of style and function for confident all-day wear.\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\u003eGood Coverage\u003c\/h3\u003e\n\u003cp\u003eModerate coverage design provides confidence and comfort for active water activities.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eGood Support\u003c\/h3\u003e\n\u003cp\u003eStructured design with removable padding offers reliable support for all-day wear.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003ePremium Fabric Blend\u003c\/h3\u003e\n\u003cp\u003e86% Polyamide and 14% Elastane construction provides stretch, durability, and shape retention.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eAdjustable Straps\u003c\/h3\u003e\n\u003cp\u003eCustomizable shoulder straps allow for a personalized, secure fit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eRemovable Padding\u003c\/h3\u003e\n\u003cp\u003eOptional padding provides shape and coverage with the flexibility to customize your look.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eFully Lined\u003c\/h3\u003e\n\u003cp\u003eComplete lining ensures opacity and comfort for confident wear in and out of the water.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eMetal Logo Trim\u003c\/h3\u003e\n\u003cp\u003ePremium metal branding adds a polished finishing touch and authentic Rip Curl style.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eTimeless Design\u003c\/h3\u003e\n\u003cp\u003eClassic one-piece silhouette with clean lines delivers versatile, go-anywhere swim style.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"accordion-item\"\u003e\n\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eSizing\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"size-table-wrapper\"\u003e\n\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eSize\u003c\/th\u003e\n\u003cth\u003eCup\u003c\/th\u003e\n\u003cth\u003eChest\u003c\/th\u003e\n\u003cth\u003eUnderchest\u003c\/th\u003e\n\u003cth\u003eWaist\u003c\/th\u003e\n\u003cth\u003eLow Waist\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\u003e6\/XXS\u003c\/td\u003e\n\u003ctd\u003e32A\u003c\/td\u003e\n\u003ctd\u003e30-31\u003c\/td\u003e\n\u003ctd\u003e25-26\u003c\/td\u003e\n\u003ctd\u003e23-24\u003c\/td\u003e\n\u003ctd\u003e28.5-29.5\u003c\/td\u003e\n\u003ctd\u003e33-34\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e8\/XS\u003c\/td\u003e\n\u003ctd\u003e32A\u003c\/td\u003e\n\u003ctd\u003e32-33\u003c\/td\u003e\n\u003ctd\u003e27-28\u003c\/td\u003e\n\u003ctd\u003e25-26\u003c\/td\u003e\n\u003ctd\u003e30.5-31\u003c\/td\u003e\n\u003ctd\u003e35-36\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e10\/S\u003c\/td\u003e\n\u003ctd\u003e34A\/B\u003c\/td\u003e\n\u003ctd\u003e34-35\u003c\/td\u003e\n\u003ctd\u003e29-30\u003c\/td\u003e\n\u003ctd\u003e27-28\u003c\/td\u003e\n\u003ctd\u003e32-33.5\u003c\/td\u003e\n\u003ctd\u003e37-38\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e12\/M\u003c\/td\u003e\n\u003ctd\u003e36B\/C\u003c\/td\u003e\n\u003ctd\u003e36-37\u003c\/td\u003e\n\u003ctd\u003e31-32\u003c\/td\u003e\n\u003ctd\u003e29-30\u003c\/td\u003e\n\u003ctd\u003e34-35\u003c\/td\u003e\n\u003ctd\u003e39-40\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e14\/L\u003c\/td\u003e\n\u003ctd\u003e38C\/D\u003c\/td\u003e\n\u003ctd\u003e38-39\u003c\/td\u003e\n\u003ctd\u003e33-34\u003c\/td\u003e\n\u003ctd\u003e31-32\u003c\/td\u003e\n\u003ctd\u003e36-37\u003c\/td\u003e\n\u003ctd\u003e41-42\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e16\/XL\u003c\/td\u003e\n\u003ctd\u003e40D\/DD\u003c\/td\u003e\n\u003ctd\u003e40-41\u003c\/td\u003e\n\u003ctd\u003e35-36\u003c\/td\u003e\n\u003ctd\u003e33-34\u003c\/td\u003e\n\u003ctd\u003e38-39\u003c\/td\u003e\n\u003ctd\u003e43-44\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003cp class=\"size-note\"\u003eSizing is listed in inches (Imperial Measurement). This one-piece offers good coverage and good support. Adjustable straps allow for customized fit. For best fit, refer to cup size and chest measurements.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Rip Curl","offers":[{"title":"Red \/ S \/ Womens","offer_id":53266813124974,"sku":"RIP62W024003","price":69.99,"currency_code":"CAD","in_stock":false},{"title":"Red \/ M \/ Womens","offer_id":53266813157742,"sku":"RIP62W024004","price":69.99,"currency_code":"CAD","in_stock":false},{"title":"Red \/ L \/ Womens","offer_id":53266813190510,"sku":"RIP62W024005","price":69.99,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/ClassicSurf1Piece-Red.png?v=1770245740"},{"product_id":"rip-curl-womens-hotel-malibu-sliding-tri-bikini-multi-spring-2026","title":"Hotel Malibu Sliding Tri Bikini","description":"","brand":"Rip Curl","offers":[{"title":"Multi \/ S \/ Womens","offer_id":53266813223278,"sku":"RIP62W025003","price":41.99,"currency_code":"CAD","in_stock":true},{"title":"Multi \/ M \/ Womens","offer_id":53266813256046,"sku":"RIP62W025004","price":41.99,"currency_code":"CAD","in_stock":true},{"title":"Multi \/ L \/ Womens","offer_id":53266813288814,"sku":"RIP62W025005","price":41.99,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/HotelMalibuSlidingTriBikini-Multi-2.png?v=1774475028"},{"product_id":"rip-curl-womens-hotel-malibu-hi-leg-cheeky-bikini-multi-spring-2026","title":"Hotel Malibu Hi Leg Cheeky Bikini","description":"","brand":"Rip Curl","offers":[{"title":"Multi \/ S \/ Womens","offer_id":53266813321582,"sku":"RIP62W026003","price":45.49,"currency_code":"CAD","in_stock":true},{"title":"Multi \/ M \/ Womens","offer_id":53266813354350,"sku":"RIP62W026004","price":45.49,"currency_code":"CAD","in_stock":true},{"title":"Multi \/ L \/ Womens","offer_id":53266813387118,"sku":"RIP62W026005","price":45.49,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/HotelMalibuHiLegCheekyBikini-Multi-2.png?v=1774474927"},{"product_id":"rip-curl-womens-malibu-cove-revo-deep-v-bikini-blue-spring-2026","title":"Malibu Cove Revo Deep V Bikini","description":"","brand":"Rip Curl","offers":[{"title":"Blue \/ S \/ Womens","offer_id":53266813452654,"sku":"RIP62W027003","price":62.99,"currency_code":"CAD","in_stock":true},{"title":"Blue \/ M \/ Womens","offer_id":53266813485422,"sku":"RIP62W027004","price":62.99,"currency_code":"CAD","in_stock":true},{"title":"Blue \/ L \/ Womens","offer_id":53266813518190,"sku":"RIP62W027005","price":62.99,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/Malibu_Cove_Revo_Deep_V_Bikini-BLue.png?v=1775062413"},{"product_id":"rip-curl-womens-malibu-cove-revo-cheekypant-bikini-blue-spring-2026","title":"Malibu Cove Revo Cheeky pant Bikini","description":"","brand":"Rip Curl","offers":[{"title":"Blue \/ S \/ Womens","offer_id":53266813583726,"sku":"RIP62W028003","price":55.99,"currency_code":"CAD","in_stock":true},{"title":"Blue \/ M \/ Womens","offer_id":53266813616494,"sku":"RIP62W028004","price":55.99,"currency_code":"CAD","in_stock":true},{"title":"Blue \/ L \/ Womens","offer_id":53266813649262,"sku":"RIP62W028005","price":55.99,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/MalibuCoveRevoCheekypantBikini-Blue.png?v=1775062265"},{"product_id":"rip-curl-womens-vibe-surf-cheeky-one-piece-bikini-black-spring-2026","title":"Vibe Surf Cheeky One Piece","description":"","brand":"Rip Curl","offers":[{"title":"Black \/ XS \/ Womens","offer_id":53266813682030,"sku":"RIP62W029002","price":90.99,"currency_code":"CAD","in_stock":true},{"title":"Black \/ S \/ Womens","offer_id":53266813714798,"sku":"RIP62W029003","price":90.99,"currency_code":"CAD","in_stock":true},{"title":"Black \/ M \/ Womens","offer_id":53266813747566,"sku":"RIP62W029004","price":90.99,"currency_code":"CAD","in_stock":true},{"title":"Black \/ L \/ Womens","offer_id":53266813780334,"sku":"RIP62W029005","price":90.99,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/VibeSurfCheekyOnePiece-Black-2.png?v=1774476297"},{"product_id":"rip-curl-womens-vibe-surf-high-cheeky-bikini-black-spring-2026","title":"Vibe Surf High Cheeky Bikini","description":"","brand":"Rip Curl","offers":[{"title":"Black \/ S \/ Womens","offer_id":53266813813102,"sku":"RIP62W030003","price":52.49,"currency_code":"CAD","in_stock":true},{"title":"Black \/ M \/ Womens","offer_id":53266813845870,"sku":"RIP62W030004","price":52.49,"currency_code":"CAD","in_stock":true},{"title":"Black \/ L \/ Womens","offer_id":53266813878638,"sku":"RIP62W030005","price":52.49,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/VibeSurfHighCheekyBikini-Black-2.png?v=1774475833"},{"product_id":"rip-curl-womens-vibe-surf-multi-fit-tri-bikini-black-spring-2026","title":"Vibe Surf Multi Fit Tri Bikini","description":"","brand":"Rip Curl","offers":[{"title":"Black \/ S \/ Womens","offer_id":53266813911406,"sku":"RIP62W031003","price":45.49,"currency_code":"CAD","in_stock":true},{"title":"Black \/ M \/ Womens","offer_id":53266813944174,"sku":"RIP62W031004","price":45.49,"currency_code":"CAD","in_stock":false},{"title":"Black \/ L \/ Womens","offer_id":53266813976942,"sku":"RIP62W031005","price":45.49,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/VibeSurfMultiFitTriBikini-Black-2.png?v=1774475760"},{"product_id":"rip-curl-womens-mixed-hooded-towel-towel-blissful-blue-spring-2026","title":"Mixed Hooded Towel","description":"","brand":"Rip Curl","offers":[{"title":"Blissful Blue \/ OS \/ Womens","offer_id":53266827968878,"sku":"RIP62W032000","price":52.49,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/MixedHoodedTowel-BlissfulBlue.png?v=1778167556"},{"product_id":"rip-curl-womens-mixed-hooded-towel-towel-multico-spring-2026","title":"Mixed Hooded Towel","description":"","brand":"Rip Curl","offers":[{"title":"Multico \/ OS \/ Womens","offer_id":53266834882926,"sku":"RIP62W044000","price":52.49,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/MixedHoodedTowel-Multico.png?v=1778167369"},{"product_id":"gentle-fawn-womens-jacqueline-dress-washed-navy-spring-2026","title":"Jacqueline Dress","description":"","brand":"Gentle Fawn","offers":[{"title":"Washed Navy \/ S \/ Womens","offer_id":53274958594414,"sku":"GFN62W014003","price":82.59,"currency_code":"CAD","in_stock":true},{"title":"Washed Navy \/ M \/ Womens","offer_id":53274958627182,"sku":"GFN62W014004","price":82.59,"currency_code":"CAD","in_stock":true},{"title":"Washed Navy \/ L \/ Womens","offer_id":53274958659950,"sku":"GFN62W014005","price":82.59,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/GF2602-8790_WASHED-NAVY_1.png?v=1770420596"},{"product_id":"volcom-womens-folkin-stone-dress-blueplaid-spring-2026","title":"Folkin Stone Dress","description":"\u003cstyle\u003e\n.product-description {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;\n color: #1a1a1a;\n line-height: 1.7;\n max-width: 800px;\n margin: 0;\n padding: 0;\n}\n\n.intro-text {\n font-size: clamp(15px, 3.5vw, 16px);\n font-weight: 300;\n margin-bottom: 32px;\n color: #2c2c2c;\n line-height: 1.8;\n padding-left: 16px;\n border-left: 3px solid #f87171;\n}\n\n.accordion-item {\n border-bottom: 1px solid #e0e0e0;\n transition: border-color 0.2s ease;\n}\n\n.accordion-item:hover {\n border-bottom-color: #f87171;\n}\n\n.accordion-item:last-child {\n border-bottom: none;\n}\n\n.accordion-summary {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: clamp(16px, 4vw, 20px) 0;\n cursor: pointer;\n list-style: none;\n font-size: clamp(12px, 2.8vw, 13px);\n font-weight: 500;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n color: #1a1a1a;\n transition: all 0.3s ease;\n position: relative;\n min-height: 44px;\n}\n\n.accordion-summary::before {\n content: '';\n position: absolute;\n left: 0;\n bottom: 0;\n width: 0;\n height: 2px;\n background: linear-gradient(90deg, #f87171, #fca5a5);\n transition: width 0.3s ease;\n}\n\n@media (hover: hover) {\n .accordion-summary:hover::before {\n width: 60px;\n }\n .accordion-summary:hover {\n color: #f87171;\n padding-left: 8px;\n }\n}\n\n.accordion-summary::-webkit-details-marker {\n display: none;\n}\n\n.accordion-icon {\n font-size: 20px;\n font-weight: 300;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n color: #999;\n min-width: 20px;\n text-align: center;\n}\n\n.accordion-item[open] .accordion-icon {\n transform: rotate(45deg);\n color: #f87171;\n}\n\n.accordion-content {\n padding: 0 0 24px 0;\n animation: slideDown 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n@keyframes slideDown {\n from {\n opacity: 0;\n transform: translateY(-12px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n.features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));\n gap: clamp(16px, 4vw, 20px);\n margin-top: 8px;\n}\n\n.feature-item {\n padding: 16px;\n background: linear-gradient(135deg, #fafafa 0%, #ffffff 100%);\n border-radius: 8px;\n border: 1px solid #f0f0f0;\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n}\n\n.feature-item::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 4px;\n height: 0;\n background: linear-gradient(180deg, #f87171, #fca5a5);\n transition: height 0.3s ease;\n}\n\n@media (hover: hover) {\n .feature-item:hover {\n transform: translateY(-2px);\n box-shadow: 0 4px 12px rgba(248, 113, 113, 0.1);\n border-color: #fecaca;\n }\n .feature-item:hover::before {\n height: 100%;\n }\n}\n\n.feature-item h3 {\n font-size: clamp(13px, 3vw, 14px);\n font-weight: 600;\n color: #1a1a1a;\n margin-bottom: 6px;\n}\n\n.feature-item p {\n font-size: clamp(13px, 3vw, 14px);\n font-weight: 300;\n color: #666;\n margin: 0;\n line-height: 1.6;\n}\n\n.size-table-wrapper {\n width: 100%;\n overflow-x: auto;\n margin: 16px 0;\n border-radius: 8px;\n border: 1px solid #f0f0f0;\n -webkit-overflow-scrolling: touch;\n}\n\n.size-table {\n width: 100%;\n min-width: min(100%, 700px);\n border-collapse: collapse;\n font-size: clamp(10px, 2.5vw, 14px);\n}\n\n.size-table th {\n text-align: center;\n font-weight: 500;\n color: white;\n padding: clamp(8px, 2vw, 16px);\n background: linear-gradient(135deg, #f87171 0%, #fca5a5 100%);\n font-size: clamp(9px, 2.2vw, 13px);\n letter-spacing: 0.3px;\n white-space: normal;\n word-wrap: break-word;\n line-height: 1.3;\n vertical-align: middle;\n}\n\n.size-table td {\n padding: clamp(8px, 2vw, 16px);\n border-bottom: 1px solid #f5f5f5;\n color: #4a4a4a;\n font-weight: 300;\n text-align: center;\n white-space: normal;\n word-wrap: break-word;\n line-height: 1.4;\n vertical-align: middle;\n}\n\n.size-table td:first-child {\n font-weight: 600;\n color: #1a1a1a;\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\n@media screen and (max-width: 1024px) {\n .size-table {\n font-size: clamp(9px, 2.3vw, 13px);\n }\n .size-table th,\n .size-table td {\n padding: clamp(7px, 1.8vw, 14px);\n }\n}\n\n@media screen and (max-width: 768px) {\n .size-table {\n font-size: clamp(8px, 2.1vw, 12px);\n }\n .size-table th,\n .size-table td {\n padding: clamp(6px, 1.6vw, 12px);\n }\n}\n\n@media screen and (max-width: 480px) {\n .size-table {\n font-size: clamp(7px, 1.9vw, 11px);\n }\n .size-table th,\n .size-table td {\n padding: clamp(5px, 1.4vw, 10px);\n }\n}\n\n@media screen and (max-width: 360px) {\n .size-table {\n font-size: clamp(6px, 1.7vw, 10px);\n }\n .size-table th,\n .size-table td {\n padding: clamp(4px, 1.2vw, 8px);\n }\n}\n\u003c\/style\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003cp class=\"intro-text\"\u003e\u003cstrong\u003eEffortless style meets everyday comfort in the Folkin Stone Dress.\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003eThis plaid front tie A-line mini dress features a beautiful blend of viscose, cotton, and linen for a soft, breathable feel. The flattering A-line silhouette and convenient side seam pockets make this dress perfect for any casual occasion.\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\u003ePlaid Front Tie Design\u003c\/h3\u003e\n\u003cp\u003eStylish front tie detail with classic plaid pattern\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eA-Line Mini Dress\u003c\/h3\u003e\n\u003cp\u003eFlattering silhouette for versatile styling\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eSide Seam Pockets\u003c\/h3\u003e\n\u003cp\u003eFunctional pockets for everyday convenience\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eNatural Fiber Blend\u003c\/h3\u003e\n\u003cp\u003e46% Viscose, 40% Cotton, 14% Linen for breathable 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\u003cp class=\"detail-text\"\u003e46% Viscose, 40% Cotton, 14% Linen\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"accordion-item\"\u003e\n\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eSizing\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"size-table-wrapper\"\u003e\n\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eSize\u003c\/th\u003e\n\u003cth\u003eHeight\u003c\/th\u003e\n\u003cth\u003e\u003c\/th\u003e\n\u003cth\u003eBust\u003c\/th\u003e\n\u003cth\u003e\u003c\/th\u003e\n\u003cth\u003eWaist\u003c\/th\u003e\n\u003cth\u003e\u003c\/th\u003e\n\u003cth\u003eHip\u003c\/th\u003e\n\u003cth\u003e\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eXS (24-25)\u003c\/td\u003e\n\u003ctd\u003e61\" - 64\"\u003c\/td\u003e\n\u003ctd\u003e155 - 163 cm\u003c\/td\u003e\n\u003ctd\u003e31\" - 32\"\u003c\/td\u003e\n\u003ctd\u003e79 - 84 cm\u003c\/td\u003e\n\u003ctd\u003e23½\" - 24½\"\u003c\/td\u003e\n\u003ctd\u003e59½ - 62 cm\u003c\/td\u003e\n\u003ctd\u003e33\" - 35\"\u003c\/td\u003e\n\u003ctd\u003e84 - 90 cm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eS (26-27)\u003c\/td\u003e\n\u003ctd\u003e64\" - 67\"\u003c\/td\u003e\n\u003ctd\u003e163 - 170 cm\u003c\/td\u003e\n\u003ctd\u003e33\" - 35\"\u003c\/td\u003e\n\u003ctd\u003e84 - 89 cm\u003c\/td\u003e\n\u003ctd\u003e25½\" - 26½\"\u003c\/td\u003e\n\u003ctd\u003e64½ - 67 cm\u003c\/td\u003e\n\u003ctd\u003e35\" - 37\"\u003c\/td\u003e\n\u003ctd\u003e90 - 94 cm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eM (28-29)\u003c\/td\u003e\n\u003ctd\u003e64\" - 69\"\u003c\/td\u003e\n\u003ctd\u003e163 - 175 cm\u003c\/td\u003e\n\u003ctd\u003e35\" - 37\"\u003c\/td\u003e\n\u003ctd\u003e89 - 94 cm\u003c\/td\u003e\n\u003ctd\u003e27½\" - 28½\"\u003c\/td\u003e\n\u003ctd\u003e70 - 72 cm\u003c\/td\u003e\n\u003ctd\u003e37\" - 39\"\u003c\/td\u003e\n\u003ctd\u003e94 - 99 cm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eL (30)\u003c\/td\u003e\n\u003ctd\u003e65\" - 69\"\u003c\/td\u003e\n\u003ctd\u003e165 - 175 cm\u003c\/td\u003e\n\u003ctd\u003e37\" - 39\"\u003c\/td\u003e\n\u003ctd\u003e94 - 99 cm\u003c\/td\u003e\n\u003ctd\u003e29½\" - 30½\"\u003c\/td\u003e\n\u003ctd\u003e75 - 77 cm\u003c\/td\u003e\n\u003ctd\u003e39\" - 41\"\u003c\/td\u003e\n\u003ctd\u003e99 - 101 cm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eXL (31)\u003c\/td\u003e\n\u003ctd\u003e65\" - 69\"\u003c\/td\u003e\n\u003ctd\u003e165 - 175 cm\u003c\/td\u003e\n\u003ctd\u003e39\" - 40\"\u003c\/td\u003e\n\u003ctd\u003e99 - 101 cm\u003c\/td\u003e\n\u003ctd\u003e31½\"\u003c\/td\u003e\n\u003ctd\u003e80 cm\u003c\/td\u003e\n\u003ctd\u003e41\" - 42\"\u003c\/td\u003e\n\u003ctd\u003e104 - 106 cm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eXXL (32)\u003c\/td\u003e\n\u003ctd\u003e65\" - 69\"\u003c\/td\u003e\n\u003ctd\u003e165 - 175 cm\u003c\/td\u003e\n\u003ctd\u003e40\" - 41\"\u003c\/td\u003e\n\u003ctd\u003e101 - 104 cm\u003c\/td\u003e\n\u003ctd\u003e32½\"\u003c\/td\u003e\n\u003ctd\u003e82½ cm\u003c\/td\u003e\n\u003ctd\u003e42\" - 43\"\u003c\/td\u003e\n\u003ctd\u003e106 - 109 cm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003cp class=\"size-note\"\u003eA-line mini dress. Extended sizes available (12W-26W). Measurements are approximate.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Volcom","offers":[{"title":"Blueplaid \/ S \/ Womens","offer_id":53351876329838,"sku":"VOL62W006003","price":51.79,"currency_code":"CAD","in_stock":true},{"title":"Blueplaid \/ M \/ Womens","offer_id":53351876362606,"sku":"VOL62W006004","price":51.79,"currency_code":"CAD","in_stock":false},{"title":"Blueplaid \/ L \/ Womens","offer_id":53351876395374,"sku":"VOL62W006005","price":51.79,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/FolkinStoneDress-BLuePlaid-2.png?v=1772132862"},{"product_id":"brixton-womens-the-cabana-mesh-tunic-dress-multi-color-zigzag-spring-2026","title":"The Cabana Mesh Tunic Dress","description":"","brand":"Brixton","offers":[{"title":"Multi Color Zigzag \/ S \/ Womens","offer_id":53382773670254,"sku":"BRI62W346003","price":48.99,"currency_code":"CAD","in_stock":true},{"title":"Multi Color Zigzag \/ M \/ Womens","offer_id":53382773703022,"sku":"BRI62W346004","price":48.99,"currency_code":"CAD","in_stock":true},{"title":"Multi Color Zigzag \/ L \/ Womens","offer_id":53382773735790,"sku":"BRI62W346005","price":48.99,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/TheCabanaMeshTunicDress-MulticoZigZag.png?v=1775599348"},{"product_id":"brixton-womens-ribbed-cinch-mini-dress-black-off-white-spring-2026","title":"Ribbed Cinch Mini Dress","description":"","brand":"Brixton","offers":[{"title":"Black\/Off White \/ S \/ Womens","offer_id":53382773866862,"sku":"BRI62W347003","price":62.99,"currency_code":"CAD","in_stock":false},{"title":"Black\/Off White \/ M \/ Womens","offer_id":53382773899630,"sku":"BRI62W347004","price":62.99,"currency_code":"CAD","in_stock":true},{"title":"Black\/Off White \/ L \/ Womens","offer_id":53382773932398,"sku":"BRI62W347005","price":62.99,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/RibbedCinchMiniDress-Black_OffWhite.png?v=1775599640"}],"url":"https:\/\/boardroomshop.com\/collections\/2026-spring-womens-dresses-swimwear.oembed?page=2","provider":"The Boardroom","version":"1.0","type":"link"}