{"product_id":"billabong-womens-all-the-days-kendal-crew-dark-olive-spring-2026","title":"All The Days Kendal Crew","description":"\u003cstyle\u003e    .product-description {        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;        color: #1a1a1a;        line-height: 1.7;        max-width: 800px;        margin: 0;        padding: 0;    }    .intro-text {        font-size: 16px;        font-weight: 300;        margin-bottom: 32px;        color: #2c2c2c;        line-height: 1.8;        position: relative;        padding-left: 16px;        border-left: 3px solid #f87171;    }    .accordion-item {        border-bottom: 1px solid #e0e0e0;        transition: all 0.2s ease;    }    .accordion-item:hover {        border-bottom-color: #f87171;    }    .accordion-item:last-child {        border-bottom: none;    }    .accordion-summary {        display: flex;        justify-content: space-between;        align-items: center;        padding: 20px 0;        cursor: pointer;        list-style: none;        font-size: 13px;        font-weight: 500;        letter-spacing: 1.5px;        text-transform: uppercase;        color: #1a1a1a;        transition: all 0.3s ease;        position: relative;    }    .accordion-summary::before {        content: '';        position: absolute;        left: 0;        bottom: 0;        width: 0;        height: 2px;        background: linear-gradient(90deg, #f87171, #fca5a5);        transition: width 0.3s ease;    }    .accordion-summary:hover::before {        width: 60px;    }    .accordion-summary:hover {        color: #f87171;        padding-left: 8px;    }    .accordion-summary::-webkit-details-marker {        display: none;    }    .accordion-icon {        font-size: 20px;        font-weight: 300;        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);        color: #999;    }    .accordion-item[open] .accordion-icon {        transform: rotate(45deg);        color: #f87171;    }    .accordion-content {        padding: 0 0 24px 0;        animation: slideDown 0.4s cubic-bezier(0.4, 0, 0.2, 1);        overflow: hidden;    }    @keyframes slideDown {        from {            opacity: 0;            transform: translateY(-12px);        }        to {            opacity: 1;            transform: translateY(0);        }    }    .features-grid {        display: grid;        grid-template-columns: repeat(2, 1fr);        gap: 20px;        margin-top: 8px;    }    .feature-item {        padding: 16px;        background: linear-gradient(135deg, #fafafa 0%, #ffffff 100%);        border-radius: 8px;        border: 1px solid #f0f0f0;        transition: all 0.3s ease;        position: relative;        overflow: hidden;    }    .feature-item::before {        content: '';        position: absolute;        top: 0;        left: 0;        width: 4px;        height: 0;        background: linear-gradient(180deg, #f87171, #fca5a5);        transition: height 0.3s ease;    }    .feature-item:hover {        transform: translateY(-2px);        box-shadow: 0 4px 12px rgba(248, 113, 113, 0.1);        border-color: #fecaca;    }    .feature-item:hover::before {        height: 100%;    }    .feature-item h3 {        font-size: 14px;        font-weight: 600;        color: #1a1a1a;        margin-bottom: 6px;    }    .feature-item p {        font-size: 14px;        font-weight: 300;        color: #666;        margin: 0;        line-height: 1.6;    }    .size-table-wrapper {        width: 100%;        overflow-x: auto;        margin: 16px 0;        border-radius: 8px;        border: 1px solid #f0f0f0;        -webkit-overflow-scrolling: touch;    }    .size-table {        width: 100%;        min-width: 900px;        border-collapse: collapse;        font-size: 13px;    }    .size-table th {        text-align: center;        font-weight: 500;        color: white;        padding: 12px 8px;        background: linear-gradient(135deg, #f87171 0%, #fca5a5 100%);        font-size: 11px;        letter-spacing: 0.3px;        white-space: normal;        word-wrap: break-word;        line-height: 1.3;        vertical-align: middle;    }    .size-table td {        padding: 12px 8px;        border-bottom: 1px solid #f5f5f5;        color: #4a4a4a;        font-weight: 300;        transition: all 0.2s ease;        text-align: center;        white-space: normal;        word-wrap: break-word;        line-height: 1.4;        vertical-align: middle;    }    .size-table tr:last-child td {        border-bottom: none;    }    .size-table tbody tr {        transition: all 0.2s ease;    }    .size-table tbody tr:hover {        background: #fef2f2;    }    .size-note {        font-size: 13px;        color: #666;        font-style: italic;        margin-top: 16px;        padding: 12px 16px;        background: #fef2f2;        border-left: 3px solid #f87171;        border-radius: 4px;    }    .detail-text {        font-size: 15px;        font-weight: 300;        color: #4a4a4a;        line-height: 1.8;        margin-bottom: 16px;    }    .flex-rating {        margin-top: 8px;    }    .flex-rating-header {        font-size: 14px;        font-weight: 600;        color: #1a1a1a;        margin-bottom: 16px;    }    .flex-rating-bars {        display: flex;        gap: 4px;        margin-bottom: 12px;    }    .flex-bar {        flex: 1;        height: 32px;        background: #f0f0f0;        border-radius: 6px;        transition: all 0.3s ease;    }    .flex-bar.active {        background: linear-gradient(135deg, #f87171 0%, #fca5a5 100%);        box-shadow: 0 2px 8px rgba(248, 113, 113, 0.2);    }    .flex-labels {        display: flex;        gap: 4px;    }    .flex-label {        flex: 1;        text-align: center;    }    .flex-label-name {        font-size: 13px;        font-weight: 500;        color: #1a1a1a;        margin-bottom: 4px;    }    .flex-label-range {        font-size: 12px;        color: #666;    }    .terrain-rating-section {        margin-bottom: 24px;    }    .terrain-rating-item {        margin-bottom: 16px;    }    .terrain-label {        font-size: 14px;        font-weight: 600;        color: #1a1a1a;        margin-bottom: 8px;    }    .skill-rating-section {        margin-top: 24px;    }    .skill-rating-bars {        display: flex;        gap: 4px;    }    .skill-bar {        flex: 1;        height: 32px;        background: #f0f0f0;        border-radius: 6px;        transition: all 0.3s ease;        display: flex;        align-items: center;        justify-content: center;        font-size: 12px;        font-weight: 500;        color: #999;    }    .skill-bar.active {        background: linear-gradient(135deg, #f87171 0%, #fca5a5 100%);        box-shadow: 0 2px 8px rgba(248, 113, 113, 0.2);        color: white;    }    @media (max-width: 768px) {        .features-grid {            grid-template-columns: 1fr;            gap: 16px;        }        .feature-item:hover {            transform: none;        }        .accordion-summary:hover {            padding-left: 0;        }        .accordion-summary::before {            display: none;        }        .accordion-summary {            padding: 16px 0;            font-size: 12px;        }        .size-table {            min-width: 800px;            font-size: 11px;        }        .size-table th {            padding: 10px 6px;            font-size: 10px;            line-height: 1.2;        }        .size-table td {            padding: 10px 6px;            font-size: 11px;        }        .intro-text {            font-size: 15px;        }        .flex-bar {            height: 28px;        }        .flex-label-name {            font-size: 12px;        }        .flex-label-range {            font-size: 11px;        }        .skill-bar {            height: 28px;            font-size: 11px;        }    }    @media (max-width: 480px) {        .size-table {            min-width: 700px;            font-size: 10px;        }        .size-table th {            padding: 8px 4px;            font-size: 9px;            line-height: 1.2;        }        .size-table td {            padding: 8px 4px;            font-size: 10px;        }        .size-note {            font-size: 12px;            padding: 10px 12px;        }    }\u003c\/style\u003e\u003cdiv class=\"product-description\"\u003e\n\u003cp class=\"intro-text\"\u003eSoft brushed fleece meets laid-back style in this cozy crew neck.\u003cbr\u003e\u003cbr\u003eThe relaxed fit and eye-catching graphic print make this Billabong sweatshirt perfect for casual everyday adventures. Pullover design with crew neckline offers effortless comfort and timeless style.\u003c\/p\u003e\n\u003cdetails class=\"accordion-item\"\u003e\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eFeatures\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"accordion-content\"\u003e\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eSoft Brushed Fleece\u003c\/h3\u003e\n\u003cp\u003eCozy brushed fleece fabric provides warmth and comfort for all-day wear.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eRelaxed Fit\u003c\/h3\u003e\n\u003cp\u003eComfortable, laid-back silhouette perfect for casual everyday adventures.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eGraphic Screen Print\u003c\/h3\u003e\n\u003cp\u003eEye-catching graphic design adds personality and Billabong style.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eCrew Neckline\u003c\/h3\u003e\n\u003cp\u003eClassic crew neck design provides timeless style and versatile wear.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/details\u003e\u003cdetails class=\"accordion-item\"\u003e\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eSpecifications\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"accordion-content\"\u003e\n\u003cp class=\"detail-text\"\u003e\u003cstrong\u003eStyle:\u003c\/strong\u003e Pullover crew neck\u003c\/p\u003e\n\u003cp class=\"detail-text\"\u003e\u003cstrong\u003eFit:\u003c\/strong\u003e Relaxed\u003c\/p\u003e\n\u003cp class=\"detail-text\"\u003e\u003cstrong\u003eFabric:\u003c\/strong\u003e Soft brushed fleece\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\u003cdetails class=\"accordion-item\"\u003e\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eCare\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"accordion-content\"\u003e\u003cp class=\"detail-text\"\u003eMachine wash cold with like colors. Tumble dry low. Do not bleach. Cool iron if needed.\u003c\/p\u003e\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Billabong","offers":[{"title":"Dark Olive \/ S \/ Womens","offer_id":53110627238254,"sku":"BIL62W001003","price":79.99,"currency_code":"CAD","in_stock":true},{"title":"Dark Olive \/ M \/ Womens","offer_id":53110627271022,"sku":"BIL62W001004","price":79.99,"currency_code":"CAD","in_stock":true},{"title":"Dark Olive \/ L \/ Womens","offer_id":53110627303790,"sku":"BIL62W001005","price":79.99,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/AllTheDaysKendalCrew-DarkOlive-1.png?v=1766438599","url":"https:\/\/boardroomshop.com\/products\/billabong-womens-all-the-days-kendal-crew-dark-olive-spring-2026","provider":"The Boardroom","version":"1.0","type":"link"}