{"product_id":"souvenir-mens-multi-pocket-shell-jacket-chocolate-marshmallow-winter-2026","title":"Multi Pocket Shell Jacket 2026","description":"\u003cstyle\u003e    .product-description {        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;        color: #1a1a1a;        line-height: 1.7;        max-width: 800px;        margin: 0;        padding: 0;    }    .intro-text {        font-size: 16px;        font-weight: 300;        margin-bottom: 32px;        color: #2c2c2c;        line-height: 1.8;        position: relative;        padding-left: 16px;        border-left: 3px solid #f87171;    }    .accordion-item {        border-bottom: 1px solid #e0e0e0;        transition: all 0.2s ease;    }    .accordion-item:hover {        border-bottom-color: #f87171;    }    .accordion-item:last-child {        border-bottom: none;    }    .accordion-summary {        display: flex;        justify-content: space-between;        align-items: center;        padding: 20px 0;        cursor: pointer;        list-style: none;        font-size: 13px;        font-weight: 500;        letter-spacing: 1.5px;        text-transform: uppercase;        color: #1a1a1a;        transition: all 0.3s ease;        position: relative;    }    .accordion-summary::before {        content: '';        position: absolute;        left: 0;        bottom: 0;        width: 0;        height: 2px;        background: linear-gradient(90deg, #f87171, #fca5a5);        transition: width 0.3s ease;    }    .accordion-summary:hover::before {        width: 60px;    }    .accordion-summary:hover {        color: #f87171;        padding-left: 8px;    }    .accordion-summary::-webkit-details-marker {        display: none;    }    .accordion-icon {        font-size: 20px;        font-weight: 300;        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);        color: #999;    }    .accordion-item[open] .accordion-icon {        transform: rotate(45deg);        color: #f87171;    }    .accordion-content {        padding: 0 0 24px 0;        animation: slideDown 0.4s cubic-bezier(0.4, 0, 0.2, 1);        overflow: hidden;    }    @keyframes slideDown {        from {            opacity: 0;            transform: translateY(-12px);        }        to {            opacity: 1;            transform: translateY(0);        }    }    .features-grid {        display: grid;        grid-template-columns: repeat(2, 1fr);        gap: 20px;        margin-top: 8px;    }    .feature-item {        padding: 16px;        background: linear-gradient(135deg, #fafafa 0%, #ffffff 100%);        border-radius: 8px;        border: 1px solid #f0f0f0;        transition: all 0.3s ease;        position: relative;        overflow: hidden;    }    .feature-item::before {        content: '';        position: absolute;        top: 0;        left: 0;        width: 4px;        height: 0;        background: linear-gradient(180deg, #f87171, #fca5a5);        transition: height 0.3s ease;    }    .feature-item:hover {        transform: translateY(-2px);        box-shadow: 0 4px 12px rgba(248, 113, 113, 0.1);        border-color: #fecaca;    }    .feature-item:hover::before {        height: 100%;    }    .feature-item h3 {        font-size: 14px;        font-weight: 600;        color: #1a1a1a;        margin-bottom: 6px;    }    .feature-item p {        font-size: 14px;        font-weight: 300;        color: #666;        margin: 0;        line-height: 1.6;    }    .size-table-wrapper {        width: 100%;        overflow-x: auto;        margin: 16px 0;        border-radius: 8px;        border: 1px solid #f0f0f0;        -webkit-overflow-scrolling: touch;    }    .size-table {        width: 100%;        min-width: 600px;        border-collapse: collapse;        font-size: 14px;    }    .size-table th {        text-align: left;        font-weight: 500;        color: white;        padding: 14px 16px;        background: linear-gradient(135deg, #f87171 0%, #fca5a5 100%);        font-size: 13px;        letter-spacing: 0.5px;        white-space: nowrap;    }    .size-table td {        padding: 14px 16px;        border-bottom: 1px solid #f5f5f5;        color: #4a4a4a;        font-weight: 300;        transition: all 0.2s ease;        white-space: nowrap;    }    .size-table tr:last-child td {        border-bottom: none;    }    .size-table tbody tr {        transition: all 0.2s ease;    }    .size-table tbody tr:hover {        background: #fef2f2;    }    .size-note {        font-size: 13px;        color: #666;        font-style: italic;        margin-top: 16px;        padding: 12px 16px;        background: #fef2f2;        border-left: 3px solid #f87171;        border-radius: 4px;    }    .detail-text {        font-size: 15px;        font-weight: 300;        color: #4a4a4a;        line-height: 1.8;        margin-bottom: 16px;    }    .care-list {        list-style: none;        padding: 0;        margin: 16px 0 0 0;    }    .care-list li {        font-size: 14px;        font-weight: 300;        color: #4a4a4a;        padding: 12px 16px;        border-bottom: 1px solid #f5f5f5;        position: relative;        padding-left: 32px;        transition: all 0.2s ease;    }    .care-list li::before {        content: '✓';        position: absolute;        left: 8px;        color: #f87171;        font-weight: 500;    }    .care-list li:hover {        background: #fafafa;        padding-left: 36px;    }    .care-list li:last-child {        border-bottom: none;    }    .note {        font-size: 13px;        color: #999;        margin-top: 16px;        padding: 12px 16px;        background: #fafafa;        border-radius: 4px;    }    @media (max-width: 768px) {        .features-grid {            grid-template-columns: 1fr;            gap: 16px;        }        .feature-item:hover {            transform: none;        }        .accordion-summary:hover {            padding-left: 0;        }        .accordion-summary::before {            display: none;        }        .accordion-summary {            padding: 16px 0;            font-size: 12px;        }        .size-table {            font-size: 13px;        }        .size-table th,        .size-table td {            padding: 10px 12px;        }        .intro-text {            font-size: 15px;        }    }\u003c\/style\u003e\u003cdiv class=\"product-description\"\u003e\n\u003cp class=\"intro-text\"\u003ePremium 380gsm reverse weave fleece shell jacket featuring self collar with rubberized snaps, 2x1 rib cuff and waist, cut and sew stripe with flocking detail, and large flocking logo wrap around design for distinctive style and 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\u003e380gsm Reverse Weave Fleece\u003c\/h3\u003e\n\u003cp\u003ePremium heavyweight fleece construction for warmth and durability.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eSelf Collar With Rubberized Snaps\u003c\/h3\u003e\n\u003cp\u003eClassic collar with secure snap closures.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003e2x1 Rib Cuff And Waist\u003c\/h3\u003e\n\u003cp\u003eComfortable ribbed finishing at cuffs and waist for secure fit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eCut And Sew Stripe With Flocking Detail\u003c\/h3\u003e\n\u003cp\u003eDistinctive striped design with premium flocking texture.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eLarge Flocking Logo Wrap Around Design\u003c\/h3\u003e\n\u003cp\u003eBold wrap-around logo with flocked finish for standout style.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Souvenir","offers":[{"title":"Chocolate Marshmallow \/ S \/ Mens","offer_id":52391135838574,"sku":"SVR61M011003","price":271.95,"currency_code":"CAD","in_stock":false},{"title":"Chocolate Marshmallow \/ M \/ Mens","offer_id":52391135805806,"sku":"SVR61M011004","price":271.95,"currency_code":"CAD","in_stock":false},{"title":"Chocolate Marshmallow \/ L \/ Mens","offer_id":52391135773038,"sku":"SVR61M011005","price":271.95,"currency_code":"CAD","in_stock":false},{"title":"Chocolate Marshmallow \/ XL \/ Mens","offer_id":52391135740270,"sku":"SVR61M011006","price":271.95,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/Multi_Pocket_Shell_79b9982f-32fd-4013-b9d8-6f0fd483d250.png?v=1756832912","url":"https:\/\/boardroomshop.com\/products\/souvenir-mens-multi-pocket-shell-jacket-chocolate-marshmallow-winter-2026","provider":"The Boardroom","version":"1.0","type":"link"}