{"title":"2025 Lifestyle Holiday","description":"","products":[{"product_id":"new-balance-mens-1010-tiago-shoe-camel-orange-holiday-2025","title":"1010 Tiago Shoe","description":"","brand":"New Balance","offers":[{"title":"Camel\/Orange \/ 8M\/9.5W \/ Mens","offer_id":52690781995374,"sku":"NBS55M003080","price":115.99,"currency_code":"CAD","in_stock":true},{"title":"Camel\/Orange \/ 8.5M\/10W \/ Mens","offer_id":52690782028142,"sku":"NBS55M003085","price":115.99,"currency_code":"CAD","in_stock":true},{"title":"Camel\/Orange \/ 9M\/10.5W \/ Mens","offer_id":52690782060910,"sku":"NBS55M003090","price":115.99,"currency_code":"CAD","in_stock":true},{"title":"Camel\/Orange \/ 9.5M\/11W \/ Mens","offer_id":52690782093678,"sku":"NBS55M003095","price":115.99,"currency_code":"CAD","in_stock":false},{"title":"Camel\/Orange \/ 10M\/11.5W \/ Mens","offer_id":52690782126446,"sku":"NBS55M003100","price":115.99,"currency_code":"CAD","in_stock":true},{"title":"Camel\/Orange \/ 10.5M\/12W \/ Mens","offer_id":52690782159214,"sku":"NBS55M003105","price":115.99,"currency_code":"CAD","in_stock":true},{"title":"Camel\/Orange \/ 11M\/12.5W \/ Mens","offer_id":52690782191982,"sku":"NBS55M003110","price":115.99,"currency_code":"CAD","in_stock":true},{"title":"Camel\/Orange \/ 11.5M\/13W \/ Mens","offer_id":52690782224750,"sku":"NBS55M003115","price":115.99,"currency_code":"CAD","in_stock":true},{"title":"Camel\/Orange \/ 12M\/13.5W \/ Mens","offer_id":52690782257518,"sku":"NBS55M003120","price":115.99,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/1010_Tiago_Shoe-Camel_Orange6.png?v=1759355102"},{"product_id":"new-balance-mens-600-tom-knox-shoe-white-gum-holiday-2025","title":"600 Tom Knox Shoe","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;    }    .detail-text {        font-size: 15px;        font-weight: 300;        color: #4a4a4a;        line-height: 1.8;        margin-bottom: 16px;    }    .detail-list {        list-style: none;        padding: 0;        margin: 16px 0 0 0;    }    .detail-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;    }    .detail-list li::before {        content: '•';        position: absolute;        left: 12px;        color: #f87171;        font-weight: 500;    }    .detail-list li:hover {        background: #fafafa;        padding-left: 36px;    }    .detail-list li:last-child {        border-bottom: none;    }    .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: 500px;        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;    }    .size-table td {        padding: 12px 8px;        border-bottom: 1px solid #f5f5f5;        color: #4a4a4a;        font-weight: 300;        transition: all 0.2s ease;        text-align: center;    }    .size-table tr:last-child td {        border-bottom: none;    }    .size-table tbody tr {        transition: all 0.2s ease;    }    .size-table tbody tr:hover {        background: #fef2f2;    }    .size-note {        font-size: 13px;        color: #666;        font-style: italic;        margin-top: 16px;        padding: 12px 16px;        background: #fef2f2;        border-left: 3px solid #f87171;        border-radius: 4px;    }    @media (max-width: 768px) {        .features-grid {            grid-template-columns: 1fr;            gap: 16px;        }        .feature-item:hover {            transform: none;        }        .accordion-summary:hover {            padding-left: 0;        }        .accordion-summary::before {            display: none;        }        .accordion-summary {            padding: 16px 0;            font-size: 12px;        }        .intro-text {            font-size: 15px;        }        .size-table {            min-width: 450px;            font-size: 11px;        }        .size-table th {            padding: 10px 6px;            font-size: 10px;        }        .size-table td {            padding: 10px 6px;            font-size: 11px;        }    }    @media (max-width: 480px) {        .size-table {            min-width: 400px;            font-size: 10px;        }        .size-table th {            padding: 8px 4px;            font-size: 9px;        }        .size-table td {            padding: 8px 4px;            font-size: 10px;        }    }\u003c\/style\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003cp class=\"intro-text\"\u003eAdapted from a '90s indoor football shoe, the Tom Knox pro model skate shoe delivers comfort, support and protection for skateboarders.\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\u003eFuelCell Foam Technology\u003c\/h3\u003e\n\u003cp\u003eFuelCell foam delivers a propulsive feel to help drive you forward during intense skate sessions.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eFantomFit Upper\u003c\/h3\u003e\n\u003cp\u003eFantomFit upper offers ultra-light bonded support for enhanced performance and comfort.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eTom Knox Design\u003c\/h3\u003e\n\u003cp\u003eDesign inspired by Tom Knox, crafted for professional-level skateboarding performance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eLightweight Construction\u003c\/h3\u003e\n\u003cp\u003eWeighing only 370 grams (13.1 oz), this shoe delivers performance without the bulk.\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\u003cul class=\"detail-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eUpper:\u003c\/strong\u003e Suede, leather and mesh construction\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCushioning:\u003c\/strong\u003e FuelCell foam for propulsive energy return\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSupport:\u003c\/strong\u003e FantomFit ultra-light bonded support system\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eWeight:\u003c\/strong\u003e 370 grams (13.1 oz)\u003c\/li\u003e\n\u003c\/ul\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\u003eUS Men's\u003c\/th\u003e\n\u003cth\u003eUS Women's\u003c\/th\u003e\n\u003cth\u003eUK\u003c\/th\u003e\n\u003cth\u003eEU\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\u003e5\u003c\/td\u003e\n\u003ctd\u003e6.5\u003c\/td\u003e\n\u003ctd\u003e4.5\u003c\/td\u003e\n\u003ctd\u003e37.5\u003c\/td\u003e\n\u003ctd\u003e23\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e5.5\u003c\/td\u003e\n\u003ctd\u003e7\u003c\/td\u003e\n\u003ctd\u003e5\u003c\/td\u003e\n\u003ctd\u003e38\u003c\/td\u003e\n\u003ctd\u003e23.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e6\u003c\/td\u003e\n\u003ctd\u003e7.5\u003c\/td\u003e\n\u003ctd\u003e5.5\u003c\/td\u003e\n\u003ctd\u003e38.5\u003c\/td\u003e\n\u003ctd\u003e24\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e6.5\u003c\/td\u003e\n\u003ctd\u003e8\u003c\/td\u003e\n\u003ctd\u003e6\u003c\/td\u003e\n\u003ctd\u003e39.5\u003c\/td\u003e\n\u003ctd\u003e24.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e7\u003c\/td\u003e\n\u003ctd\u003e8.5\u003c\/td\u003e\n\u003ctd\u003e6.5\u003c\/td\u003e\n\u003ctd\u003e40\u003c\/td\u003e\n\u003ctd\u003e25\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e7.5\u003c\/td\u003e\n\u003ctd\u003e9\u003c\/td\u003e\n\u003ctd\u003e7\u003c\/td\u003e\n\u003ctd\u003e40.5\u003c\/td\u003e\n\u003ctd\u003e25.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e8\u003c\/td\u003e\n\u003ctd\u003e9.5\u003c\/td\u003e\n\u003ctd\u003e7.5\u003c\/td\u003e\n\u003ctd\u003e41.5\u003c\/td\u003e\n\u003ctd\u003e26\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e8.5\u003c\/td\u003e\n\u003ctd\u003e10\u003c\/td\u003e\n\u003ctd\u003e8\u003c\/td\u003e\n\u003ctd\u003e42\u003c\/td\u003e\n\u003ctd\u003e26.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e9\u003c\/td\u003e\n\u003ctd\u003e10.5\u003c\/td\u003e\n\u003ctd\u003e8.5\u003c\/td\u003e\n\u003ctd\u003e42.5\u003c\/td\u003e\n\u003ctd\u003e27\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e9.5\u003c\/td\u003e\n\u003ctd\u003e11\u003c\/td\u003e\n\u003ctd\u003e9\u003c\/td\u003e\n\u003ctd\u003e43\u003c\/td\u003e\n\u003ctd\u003e27.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e10\u003c\/td\u003e\n\u003ctd\u003e11.5\u003c\/td\u003e\n\u003ctd\u003e9.5\u003c\/td\u003e\n\u003ctd\u003e44\u003c\/td\u003e\n\u003ctd\u003e28\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e10.5\u003c\/td\u003e\n\u003ctd\u003e12\u003c\/td\u003e\n\u003ctd\u003e10\u003c\/td\u003e\n\u003ctd\u003e44.5\u003c\/td\u003e\n\u003ctd\u003e28.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e11\u003c\/td\u003e\n\u003ctd\u003e12.5\u003c\/td\u003e\n\u003ctd\u003e10.5\u003c\/td\u003e\n\u003ctd\u003e45\u003c\/td\u003e\n\u003ctd\u003e29\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e11.5\u003c\/td\u003e\n\u003ctd\u003e13\u003c\/td\u003e\n\u003ctd\u003e11\u003c\/td\u003e\n\u003ctd\u003e45.5\u003c\/td\u003e\n\u003ctd\u003e29.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e12\u003c\/td\u003e\n\u003ctd\u003e13.5\u003c\/td\u003e\n\u003ctd\u003e11.5\u003c\/td\u003e\n\u003ctd\u003e46.5\u003c\/td\u003e\n\u003ctd\u003e30\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e12.5\u003c\/td\u003e\n\u003ctd\u003e14\u003c\/td\u003e\n\u003ctd\u003e12\u003c\/td\u003e\n\u003ctd\u003e47\u003c\/td\u003e\n\u003ctd\u003e30.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e13\u003c\/td\u003e\n\u003ctd\u003e14.5\u003c\/td\u003e\n\u003ctd\u003e12.5\u003c\/td\u003e\n\u003ctd\u003e47.5\u003c\/td\u003e\n\u003ctd\u003e31\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003cp class=\"size-note\"\u003eFor the best fit, measure your foot from heel to toe and refer to our sizing chart.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e","brand":"New Balance","offers":[{"title":"White\/Gum \/ 8M\/9.5W \/ Mens","offer_id":52690785534318,"sku":"NBS55M006080","price":99.99,"currency_code":"CAD","in_stock":true},{"title":"White\/Gum \/ 8.5M\/10W \/ Mens","offer_id":52690785567086,"sku":"NBS55M006085","price":99.99,"currency_code":"CAD","in_stock":false},{"title":"White\/Gum \/ 9M\/10.5W \/ Mens","offer_id":52690785599854,"sku":"NBS55M006090","price":99.99,"currency_code":"CAD","in_stock":false},{"title":"White\/Gum \/ 9.5M\/11W \/ Mens","offer_id":52690785632622,"sku":"NBS55M006095","price":99.99,"currency_code":"CAD","in_stock":false},{"title":"White\/Gum \/ 10M\/11.5W \/ Mens","offer_id":52690785665390,"sku":"NBS55M006100","price":99.99,"currency_code":"CAD","in_stock":false},{"title":"White\/Gum \/ 10.5M\/12W \/ Mens","offer_id":52690785698158,"sku":"NBS55M006105","price":99.99,"currency_code":"CAD","in_stock":false},{"title":"White\/Gum \/ 11M\/12.5W \/ Mens","offer_id":52690785730926,"sku":"NBS55M006110","price":99.99,"currency_code":"CAD","in_stock":false},{"title":"White\/Gum \/ 11.5M\/13W \/ Mens","offer_id":52690785763694,"sku":"NBS55M006115","price":99.99,"currency_code":"CAD","in_stock":false},{"title":"White\/Gum \/ 12M\/13.5W \/ Mens","offer_id":52690785796462,"sku":"NBS55M006120","price":99.99,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/600TomKnoxShoe-White_Gum-6.png?v=1759355516"},{"product_id":"new-balance-mens-508-westgate-shoe-dark-grey-teal-holiday-2025","title":"508 Westgate Shoe","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;    }    .detail-text {        font-size: 15px;        font-weight: 300;        color: #4a4a4a;        line-height: 1.8;        margin-bottom: 16px;    }    .detail-list {        list-style: none;        padding: 0;        margin: 16px 0 0 0;    }    .detail-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;    }    .detail-list li::before {        content: '•';        position: absolute;        left: 12px;        color: #f87171;        font-weight: 500;    }    .detail-list li:hover {        background: #fafafa;        padding-left: 36px;    }    .detail-list li:last-child {        border-bottom: none;    }    .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: 500px;        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;    }    .size-table td {        padding: 12px 8px;        border-bottom: 1px solid #f5f5f5;        color: #4a4a4a;        font-weight: 300;        transition: all 0.2s ease;        text-align: center;    }    .size-table tr:last-child td {        border-bottom: none;    }    .size-table tbody tr {        transition: all 0.2s ease;    }    .size-table tbody tr:hover {        background: #fef2f2;    }    .size-note {        font-size: 13px;        color: #666;        font-style: italic;        margin-top: 16px;        padding: 12px 16px;        background: #fef2f2;        border-left: 3px solid #f87171;        border-radius: 4px;    }    @media (max-width: 768px) {        .features-grid {            grid-template-columns: 1fr;            gap: 16px;        }        .feature-item:hover {            transform: none;        }        .accordion-summary:hover {            padding-left: 0;        }        .accordion-summary::before {            display: none;        }        .accordion-summary {            padding: 16px 0;            font-size: 12px;        }        .intro-text {            font-size: 15px;        }        .size-table {            min-width: 450px;            font-size: 11px;        }        .size-table th {            padding: 10px 6px;            font-size: 10px;        }        .size-table td {            padding: 10px 6px;            font-size: 11px;        }    }    @media (max-width: 480px) {        .size-table {            min-width: 400px;            font-size: 10px;        }        .size-table th {            padding: 8px 4px;            font-size: 9px;        }        .size-table td {            padding: 8px 4px;            font-size: 10px;        }    }\u003c\/style\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003cp class=\"intro-text\"\u003eBuilt for those who live life on their board, these skate shoes are inspired by NB Numeric rider Brandon Westgate.\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\u003eClassic Rubber Cup Outsole\u003c\/h3\u003e\n\u003cp\u003eClassic rubber cup outsole delivers superior board feel and long-lasting performance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eReflective Detailing\u003c\/h3\u003e\n\u003cp\u003eReflective detailing enhances visibility and adds a modern aesthetic touch.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eBrandon Westgate Design\u003c\/h3\u003e\n\u003cp\u003eDesign inspired by Brandon Westgate, crafted for professional-level skateboarding performance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eLightweight Construction\u003c\/h3\u003e\n\u003cp\u003eWeighing only 420 grams (14.8 oz), this shoe delivers performance without the bulk.\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\u003cul class=\"detail-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eUpper:\u003c\/strong\u003e Lightweight suede, synthetic and mesh construction\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eOutsole:\u003c\/strong\u003e Classic rubber cup outsole\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDetails:\u003c\/strong\u003e Reflective detailing for enhanced visibility\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eWeight:\u003c\/strong\u003e 420 grams (14.8 oz)\u003c\/li\u003e\n\u003c\/ul\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\u003eUS Men's\u003c\/th\u003e\n\u003cth\u003eUS Women's\u003c\/th\u003e\n\u003cth\u003eUK\u003c\/th\u003e\n\u003cth\u003eEU\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\u003e5\u003c\/td\u003e\n\u003ctd\u003e6.5\u003c\/td\u003e\n\u003ctd\u003e4.5\u003c\/td\u003e\n\u003ctd\u003e37.5\u003c\/td\u003e\n\u003ctd\u003e23\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e5.5\u003c\/td\u003e\n\u003ctd\u003e7\u003c\/td\u003e\n\u003ctd\u003e5\u003c\/td\u003e\n\u003ctd\u003e38\u003c\/td\u003e\n\u003ctd\u003e23.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e6\u003c\/td\u003e\n\u003ctd\u003e7.5\u003c\/td\u003e\n\u003ctd\u003e5.5\u003c\/td\u003e\n\u003ctd\u003e38.5\u003c\/td\u003e\n\u003ctd\u003e24\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e6.5\u003c\/td\u003e\n\u003ctd\u003e8\u003c\/td\u003e\n\u003ctd\u003e6\u003c\/td\u003e\n\u003ctd\u003e39.5\u003c\/td\u003e\n\u003ctd\u003e24.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e7\u003c\/td\u003e\n\u003ctd\u003e8.5\u003c\/td\u003e\n\u003ctd\u003e6.5\u003c\/td\u003e\n\u003ctd\u003e40\u003c\/td\u003e\n\u003ctd\u003e25\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e7.5\u003c\/td\u003e\n\u003ctd\u003e9\u003c\/td\u003e\n\u003ctd\u003e7\u003c\/td\u003e\n\u003ctd\u003e40.5\u003c\/td\u003e\n\u003ctd\u003e25.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e8\u003c\/td\u003e\n\u003ctd\u003e9.5\u003c\/td\u003e\n\u003ctd\u003e7.5\u003c\/td\u003e\n\u003ctd\u003e41.5\u003c\/td\u003e\n\u003ctd\u003e26\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e8.5\u003c\/td\u003e\n\u003ctd\u003e10\u003c\/td\u003e\n\u003ctd\u003e8\u003c\/td\u003e\n\u003ctd\u003e42\u003c\/td\u003e\n\u003ctd\u003e26.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e9\u003c\/td\u003e\n\u003ctd\u003e10.5\u003c\/td\u003e\n\u003ctd\u003e8.5\u003c\/td\u003e\n\u003ctd\u003e42.5\u003c\/td\u003e\n\u003ctd\u003e27\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e9.5\u003c\/td\u003e\n\u003ctd\u003e11\u003c\/td\u003e\n\u003ctd\u003e9\u003c\/td\u003e\n\u003ctd\u003e43\u003c\/td\u003e\n\u003ctd\u003e27.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e10\u003c\/td\u003e\n\u003ctd\u003e11.5\u003c\/td\u003e\n\u003ctd\u003e9.5\u003c\/td\u003e\n\u003ctd\u003e44\u003c\/td\u003e\n\u003ctd\u003e28\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e10.5\u003c\/td\u003e\n\u003ctd\u003e12\u003c\/td\u003e\n\u003ctd\u003e10\u003c\/td\u003e\n\u003ctd\u003e44.5\u003c\/td\u003e\n\u003ctd\u003e28.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e11\u003c\/td\u003e\n\u003ctd\u003e12.5\u003c\/td\u003e\n\u003ctd\u003e10.5\u003c\/td\u003e\n\u003ctd\u003e45\u003c\/td\u003e\n\u003ctd\u003e29\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e11.5\u003c\/td\u003e\n\u003ctd\u003e13\u003c\/td\u003e\n\u003ctd\u003e11\u003c\/td\u003e\n\u003ctd\u003e45.5\u003c\/td\u003e\n\u003ctd\u003e29.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e12\u003c\/td\u003e\n\u003ctd\u003e13.5\u003c\/td\u003e\n\u003ctd\u003e11.5\u003c\/td\u003e\n\u003ctd\u003e46.5\u003c\/td\u003e\n\u003ctd\u003e30\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e12.5\u003c\/td\u003e\n\u003ctd\u003e14\u003c\/td\u003e\n\u003ctd\u003e12\u003c\/td\u003e\n\u003ctd\u003e47\u003c\/td\u003e\n\u003ctd\u003e30.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e13\u003c\/td\u003e\n\u003ctd\u003e14.5\u003c\/td\u003e\n\u003ctd\u003e12.5\u003c\/td\u003e\n\u003ctd\u003e47.5\u003c\/td\u003e\n\u003ctd\u003e31\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003cp class=\"size-note\"\u003eFor the best fit, measure your foot from heel to toe and refer to our sizing chart.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e","brand":"New Balance","offers":[{"title":"Dark Grey\/Teal \/ 7M\/8.5W \/ Mens","offer_id":52690785829230,"sku":"NBS55M008070","price":87.99,"currency_code":"CAD","in_stock":false},{"title":"Dark Grey\/Teal \/ 7.5M\/9W \/ Mens","offer_id":52690785861998,"sku":"NBS55M008075","price":87.99,"currency_code":"CAD","in_stock":false},{"title":"Dark Grey\/Teal \/ 8M\/9.5W \/ Mens","offer_id":52690785894766,"sku":"NBS55M008080","price":87.99,"currency_code":"CAD","in_stock":true},{"title":"Dark Grey\/Teal \/ 8.5M\/10W \/ Mens","offer_id":52690785927534,"sku":"NBS55M008085","price":87.99,"currency_code":"CAD","in_stock":true},{"title":"Dark Grey\/Teal \/ 9M\/10.5W \/ Mens","offer_id":52690785960302,"sku":"NBS55M008090","price":87.99,"currency_code":"CAD","in_stock":false},{"title":"Dark Grey\/Teal \/ 9.5M\/11W \/ Mens","offer_id":52690785993070,"sku":"NBS55M008095","price":87.99,"currency_code":"CAD","in_stock":true},{"title":"Dark Grey\/Teal \/ 10M\/11.5W \/ Mens","offer_id":52690786025838,"sku":"NBS55M008100","price":87.99,"currency_code":"CAD","in_stock":false},{"title":"Dark Grey\/Teal \/ 10.5M\/12W \/ Mens","offer_id":52690786058606,"sku":"NBS55M008105","price":87.99,"currency_code":"CAD","in_stock":false},{"title":"Dark Grey\/Teal \/ 11M\/12.5W \/ Mens","offer_id":52690786091374,"sku":"NBS55M008110","price":87.99,"currency_code":"CAD","in_stock":false},{"title":"Dark Grey\/Teal \/ 11.5M\/13W \/ Mens","offer_id":52690786124142,"sku":"NBS55M008115","price":87.99,"currency_code":"CAD","in_stock":false},{"title":"Dark Grey\/Teal \/ 12M\/13.5W \/ Mens","offer_id":52690786156910,"sku":"NBS55M008120","price":87.99,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/508WestgateShoe-DarkGrey_Teal-6.png?v=1759354919"},{"product_id":"new-balance-mens-480-shoe-dark-grey-white-holiday-2025","title":"480 Shoe","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;    }    .detail-text {        font-size: 15px;        font-weight: 300;        color: #4a4a4a;        line-height: 1.8;        margin-bottom: 16px;    }    .detail-list {        list-style: none;        padding: 0;        margin: 16px 0 0 0;    }    .detail-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;    }    .detail-list li::before {        content: '•';        position: absolute;        left: 12px;        color: #f87171;        font-weight: 500;    }    .detail-list li:hover {        background: #fafafa;        padding-left: 36px;    }    .detail-list li:last-child {        border-bottom: none;    }    .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: 500px;        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;    }    .size-table td {        padding: 12px 8px;        border-bottom: 1px solid #f5f5f5;        color: #4a4a4a;        font-weight: 300;        transition: all 0.2s ease;        text-align: center;    }    .size-table tr:last-child td {        border-bottom: none;    }    .size-table tbody tr {        transition: all 0.2s ease;    }    .size-table tbody tr:hover {        background: #fef2f2;    }    .size-note {        font-size: 13px;        color: #666;        font-style: italic;        margin-top: 16px;        padding: 12px 16px;        background: #fef2f2;        border-left: 3px solid #f87171;        border-radius: 4px;    }    @media (max-width: 768px) {        .features-grid {            grid-template-columns: 1fr;            gap: 16px;        }        .feature-item:hover {            transform: none;        }        .accordion-summary:hover {            padding-left: 0;        }        .accordion-summary::before {            display: none;        }        .accordion-summary {            padding: 16px 0;            font-size: 12px;        }        .intro-text {            font-size: 15px;        }        .size-table {            min-width: 450px;            font-size: 11px;        }        .size-table th {            padding: 10px 6px;            font-size: 10px;        }        .size-table td {            padding: 10px 6px;            font-size: 11px;        }    }    @media (max-width: 480px) {        .size-table {            min-width: 400px;            font-size: 10px;        }        .size-table th {            padding: 8px 4px;            font-size: 9px;        }        .size-table td {            padding: 8px 4px;            font-size: 10px;        }    }\u003c\/style\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003cp class=\"intro-text\"\u003eOriginally conceived as a basketball shoe in the early 1980s, the 480 would, in time, reemerge as a casual classic. Now the enduring silhouette gets a premium, modern-day update. Meet the 480P. Upgrading to a leather and suede upper with the addition of an NB Comfort insole gives this timeless style an elevated look and feel, while a lower collar and sloped toebox make for an overall sleeker profile and refined design.\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\u003ePremium Materials\u003c\/h3\u003e\n\u003cp\u003ePremium leather and suede upper delivers an elevated look and luxurious feel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eUpdated Toe Shape\u003c\/h3\u003e\n\u003cp\u003eSloped toebox creates a sleeker profile and refined modern design.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eHeritage-Inspired Tongue Tag\u003c\/h3\u003e\n\u003cp\u003eClassic tongue tag pays homage to the shoe's basketball heritage from the early 1980s.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eDurable Rubber Cup Outsole\u003c\/h3\u003e\n\u003cp\u003eDurable rubber cup outsole provides superior traction and long-lasting performance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eNB Comfort Insole\u003c\/h3\u003e\n\u003cp\u003eNB Comfort insole delivers all-day cushioning and support for maximum comfort.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eLightweight Construction\u003c\/h3\u003e\n\u003cp\u003eWeighing only 440 grams (15.5 oz), this shoe delivers style without the bulk.\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\u003cul class=\"detail-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eUpper:\u003c\/strong\u003e Premium leather and suede construction\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eInsole:\u003c\/strong\u003e NB Comfort insole for cushioning\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eOutsole:\u003c\/strong\u003e Durable rubber cup outsole for traction\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesign:\u003c\/strong\u003e Updated toe shape with lower collar\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDetails:\u003c\/strong\u003e Heritage-inspired tongue tag\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eWeight:\u003c\/strong\u003e 440 grams (15.5 oz)\u003c\/li\u003e\n\u003c\/ul\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\u003eUS Men's\u003c\/th\u003e\n\u003cth\u003eUS Women's\u003c\/th\u003e\n\u003cth\u003eUK\u003c\/th\u003e\n\u003cth\u003eEU\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\u003e5\u003c\/td\u003e\n\u003ctd\u003e6.5\u003c\/td\u003e\n\u003ctd\u003e4.5\u003c\/td\u003e\n\u003ctd\u003e37.5\u003c\/td\u003e\n\u003ctd\u003e23\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e5.5\u003c\/td\u003e\n\u003ctd\u003e7\u003c\/td\u003e\n\u003ctd\u003e5\u003c\/td\u003e\n\u003ctd\u003e38\u003c\/td\u003e\n\u003ctd\u003e23.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e6\u003c\/td\u003e\n\u003ctd\u003e7.5\u003c\/td\u003e\n\u003ctd\u003e5.5\u003c\/td\u003e\n\u003ctd\u003e38.5\u003c\/td\u003e\n\u003ctd\u003e24\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e6.5\u003c\/td\u003e\n\u003ctd\u003e8\u003c\/td\u003e\n\u003ctd\u003e6\u003c\/td\u003e\n\u003ctd\u003e39.5\u003c\/td\u003e\n\u003ctd\u003e24.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e7\u003c\/td\u003e\n\u003ctd\u003e8.5\u003c\/td\u003e\n\u003ctd\u003e6.5\u003c\/td\u003e\n\u003ctd\u003e40\u003c\/td\u003e\n\u003ctd\u003e25\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e7.5\u003c\/td\u003e\n\u003ctd\u003e9\u003c\/td\u003e\n\u003ctd\u003e7\u003c\/td\u003e\n\u003ctd\u003e40.5\u003c\/td\u003e\n\u003ctd\u003e25.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e8\u003c\/td\u003e\n\u003ctd\u003e9.5\u003c\/td\u003e\n\u003ctd\u003e7.5\u003c\/td\u003e\n\u003ctd\u003e41.5\u003c\/td\u003e\n\u003ctd\u003e26\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e8.5\u003c\/td\u003e\n\u003ctd\u003e10\u003c\/td\u003e\n\u003ctd\u003e8\u003c\/td\u003e\n\u003ctd\u003e42\u003c\/td\u003e\n\u003ctd\u003e26.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e9\u003c\/td\u003e\n\u003ctd\u003e10.5\u003c\/td\u003e\n\u003ctd\u003e8.5\u003c\/td\u003e\n\u003ctd\u003e42.5\u003c\/td\u003e\n\u003ctd\u003e27\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e9.5\u003c\/td\u003e\n\u003ctd\u003e11\u003c\/td\u003e\n\u003ctd\u003e9\u003c\/td\u003e\n\u003ctd\u003e43\u003c\/td\u003e\n\u003ctd\u003e27.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e10\u003c\/td\u003e\n\u003ctd\u003e11.5\u003c\/td\u003e\n\u003ctd\u003e9.5\u003c\/td\u003e\n\u003ctd\u003e44\u003c\/td\u003e\n\u003ctd\u003e28\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e10.5\u003c\/td\u003e\n\u003ctd\u003e12\u003c\/td\u003e\n\u003ctd\u003e10\u003c\/td\u003e\n\u003ctd\u003e44.5\u003c\/td\u003e\n\u003ctd\u003e28.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e11\u003c\/td\u003e\n\u003ctd\u003e12.5\u003c\/td\u003e\n\u003ctd\u003e10.5\u003c\/td\u003e\n\u003ctd\u003e45\u003c\/td\u003e\n\u003ctd\u003e29\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e11.5\u003c\/td\u003e\n\u003ctd\u003e13\u003c\/td\u003e\n\u003ctd\u003e11\u003c\/td\u003e\n\u003ctd\u003e45.5\u003c\/td\u003e\n\u003ctd\u003e29.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e12\u003c\/td\u003e\n\u003ctd\u003e13.5\u003c\/td\u003e\n\u003ctd\u003e11.5\u003c\/td\u003e\n\u003ctd\u003e46.5\u003c\/td\u003e\n\u003ctd\u003e30\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e12.5\u003c\/td\u003e\n\u003ctd\u003e14\u003c\/td\u003e\n\u003ctd\u003e12\u003c\/td\u003e\n\u003ctd\u003e47\u003c\/td\u003e\n\u003ctd\u003e30.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e13\u003c\/td\u003e\n\u003ctd\u003e14.5\u003c\/td\u003e\n\u003ctd\u003e12.5\u003c\/td\u003e\n\u003ctd\u003e47.5\u003c\/td\u003e\n\u003ctd\u003e31\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003cp class=\"size-note\"\u003eFor the best fit, measure your foot from heel to toe and refer to our sizing chart.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e","brand":"New Balance","offers":[{"title":"Dark Grey\/White \/ 8M\/9.5W \/ Mens","offer_id":52690786419054,"sku":"NBS55M010080","price":103.99,"currency_code":"CAD","in_stock":true},{"title":"Dark Grey\/White \/ 8.5M\/10W \/ Mens","offer_id":52690786451822,"sku":"NBS55M010085","price":103.99,"currency_code":"CAD","in_stock":true},{"title":"Dark Grey\/White \/ 9M\/10.5W \/ Mens","offer_id":52690786484590,"sku":"NBS55M010090","price":103.99,"currency_code":"CAD","in_stock":false},{"title":"Dark Grey\/White \/ 9.5M\/11W \/ Mens","offer_id":52690786517358,"sku":"NBS55M010095","price":103.99,"currency_code":"CAD","in_stock":true},{"title":"Dark Grey\/White \/ 10M\/11.5W \/ Mens","offer_id":52690786550126,"sku":"NBS55M010100","price":103.99,"currency_code":"CAD","in_stock":true},{"title":"Dark Grey\/White \/ 10.5M\/12W \/ Mens","offer_id":52690786582894,"sku":"NBS55M010105","price":103.99,"currency_code":"CAD","in_stock":true},{"title":"Dark Grey\/White \/ 11M\/12.5W \/ Mens","offer_id":52690786615662,"sku":"NBS55M010110","price":103.99,"currency_code":"CAD","in_stock":true},{"title":"Dark Grey\/White \/ 11.5M\/13W \/ Mens","offer_id":52690786648430,"sku":"NBS55M010115","price":103.99,"currency_code":"CAD","in_stock":false},{"title":"Dark Grey\/White \/ 12M\/13.5W \/ Mens","offer_id":52690786681198,"sku":"NBS55M010120","price":103.99,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/480Shoe-DarkGrey_White_58d603de-bc1b-462d-8b89-b8503890c978.png?v=1774459721"},{"product_id":"new-balance-mens-440-shoe-dark-grey-black-holiday-2025","title":"440 V2 Shoe","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;    }    .detail-text {        font-size: 15px;        font-weight: 300;        color: #4a4a4a;        line-height: 1.8;        margin-bottom: 16px;    }    .detail-list {        list-style: none;        padding: 0;        margin: 16px 0 0 0;    }    .detail-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;    }    .detail-list li::before {        content: '•';        position: absolute;        left: 12px;        color: #f87171;        font-weight: 500;    }    .detail-list li:hover {        background: #fafafa;        padding-left: 36px;    }    .detail-list li:last-child {        border-bottom: none;    }    .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: 500px;        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;    }    .size-table td {        padding: 12px 8px;        border-bottom: 1px solid #f5f5f5;        color: #4a4a4a;        font-weight: 300;        transition: all 0.2s ease;        text-align: center;    }    .size-table tr:last-child td {        border-bottom: none;    }    .size-table tbody tr {        transition: all 0.2s ease;    }    .size-table tbody tr:hover {        background: #fef2f2;    }    .size-note {        font-size: 13px;        color: #666;        font-style: italic;        margin-top: 16px;        padding: 12px 16px;        background: #fef2f2;        border-left: 3px solid #f87171;        border-radius: 4px;    }    @media (max-width: 768px) {        .features-grid {            grid-template-columns: 1fr;            gap: 16px;        }        .feature-item:hover {            transform: none;        }        .accordion-summary:hover {            padding-left: 0;        }        .accordion-summary::before {            display: none;        }        .accordion-summary {            padding: 16px 0;            font-size: 12px;        }        .intro-text {            font-size: 15px;        }        .size-table {            min-width: 450px;            font-size: 11px;        }        .size-table th {            padding: 10px 6px;            font-size: 10px;        }        .size-table td {            padding: 10px 6px;            font-size: 11px;        }    }    @media (max-width: 480px) {        .size-table {            min-width: 400px;            font-size: 10px;        }        .size-table th {            padding: 8px 4px;            font-size: 9px;        }        .size-table td {            padding: 8px 4px;            font-size: 10px;        }    }\u003c\/style\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003cp class=\"intro-text\"\u003eA trusted, durable skate shoe for anyone who lives life on their board.\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\u003eABZORB Midsole Technology\u003c\/h3\u003e\n\u003cp\u003eABZORB midsole absorbs impact through a combination of cushioning and compression resistance for superior protection.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eReinforced Upper\u003c\/h3\u003e\n\u003cp\u003eReinforced upper construction provides enhanced durability for extended skate sessions.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eNDurance Rubber Outsole\u003c\/h3\u003e\n\u003cp\u003eNDurance rubber outsole technology provides superior durability in high-wear areas to help get more out of the shoes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eDurable Rubber Cup Outsole\u003c\/h3\u003e\n\u003cp\u003eDurable rubber cup outsole delivers long-lasting performance and board feel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003ePremium Upper Materials\u003c\/h3\u003e\n\u003cp\u003eSuede, synthetic and mesh upper combine durability with breathability for all-day comfort.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eTrusted Performance\u003c\/h3\u003e\n\u003cp\u003eWeighing 480 grams (16.9 oz), this shoe delivers the durability you need for life on your board.\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\u003cul class=\"detail-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eUpper:\u003c\/strong\u003e Suede, synthetic and mesh construction\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eReinforcement:\u003c\/strong\u003e Reinforced upper for enhanced durability\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMidsole:\u003c\/strong\u003e ABZORB technology for impact absorption\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eOutsole:\u003c\/strong\u003e NDurance rubber outsole with durable rubber cup construction\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eWeight:\u003c\/strong\u003e 480 grams (16.9 oz)\u003c\/li\u003e\n\u003c\/ul\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\u003eUS Men's\u003c\/th\u003e\n\u003cth\u003eUS Women's\u003c\/th\u003e\n\u003cth\u003eUK\u003c\/th\u003e\n\u003cth\u003eEU\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\u003e5\u003c\/td\u003e\n\u003ctd\u003e6.5\u003c\/td\u003e\n\u003ctd\u003e4.5\u003c\/td\u003e\n\u003ctd\u003e37.5\u003c\/td\u003e\n\u003ctd\u003e23\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e5.5\u003c\/td\u003e\n\u003ctd\u003e7\u003c\/td\u003e\n\u003ctd\u003e5\u003c\/td\u003e\n\u003ctd\u003e38\u003c\/td\u003e\n\u003ctd\u003e23.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e6\u003c\/td\u003e\n\u003ctd\u003e7.5\u003c\/td\u003e\n\u003ctd\u003e5.5\u003c\/td\u003e\n\u003ctd\u003e38.5\u003c\/td\u003e\n\u003ctd\u003e24\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e6.5\u003c\/td\u003e\n\u003ctd\u003e8\u003c\/td\u003e\n\u003ctd\u003e6\u003c\/td\u003e\n\u003ctd\u003e39.5\u003c\/td\u003e\n\u003ctd\u003e24.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e7\u003c\/td\u003e\n\u003ctd\u003e8.5\u003c\/td\u003e\n\u003ctd\u003e6.5\u003c\/td\u003e\n\u003ctd\u003e40\u003c\/td\u003e\n\u003ctd\u003e25\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e7.5\u003c\/td\u003e\n\u003ctd\u003e9\u003c\/td\u003e\n\u003ctd\u003e7\u003c\/td\u003e\n\u003ctd\u003e40.5\u003c\/td\u003e\n\u003ctd\u003e25.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e8\u003c\/td\u003e\n\u003ctd\u003e9.5\u003c\/td\u003e\n\u003ctd\u003e7.5\u003c\/td\u003e\n\u003ctd\u003e41.5\u003c\/td\u003e\n\u003ctd\u003e26\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e8.5\u003c\/td\u003e\n\u003ctd\u003e10\u003c\/td\u003e\n\u003ctd\u003e8\u003c\/td\u003e\n\u003ctd\u003e42\u003c\/td\u003e\n\u003ctd\u003e26.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e9\u003c\/td\u003e\n\u003ctd\u003e10.5\u003c\/td\u003e\n\u003ctd\u003e8.5\u003c\/td\u003e\n\u003ctd\u003e42.5\u003c\/td\u003e\n\u003ctd\u003e27\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e9.5\u003c\/td\u003e\n\u003ctd\u003e11\u003c\/td\u003e\n\u003ctd\u003e9\u003c\/td\u003e\n\u003ctd\u003e43\u003c\/td\u003e\n\u003ctd\u003e27.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e10\u003c\/td\u003e\n\u003ctd\u003e11.5\u003c\/td\u003e\n\u003ctd\u003e9.5\u003c\/td\u003e\n\u003ctd\u003e44\u003c\/td\u003e\n\u003ctd\u003e28\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e10.5\u003c\/td\u003e\n\u003ctd\u003e12\u003c\/td\u003e\n\u003ctd\u003e10\u003c\/td\u003e\n\u003ctd\u003e44.5\u003c\/td\u003e\n\u003ctd\u003e28.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e11\u003c\/td\u003e\n\u003ctd\u003e12.5\u003c\/td\u003e\n\u003ctd\u003e10.5\u003c\/td\u003e\n\u003ctd\u003e45\u003c\/td\u003e\n\u003ctd\u003e29\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e11.5\u003c\/td\u003e\n\u003ctd\u003e13\u003c\/td\u003e\n\u003ctd\u003e11\u003c\/td\u003e\n\u003ctd\u003e45.5\u003c\/td\u003e\n\u003ctd\u003e29.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e12\u003c\/td\u003e\n\u003ctd\u003e13.5\u003c\/td\u003e\n\u003ctd\u003e11.5\u003c\/td\u003e\n\u003ctd\u003e46.5\u003c\/td\u003e\n\u003ctd\u003e30\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e12.5\u003c\/td\u003e\n\u003ctd\u003e14\u003c\/td\u003e\n\u003ctd\u003e12\u003c\/td\u003e\n\u003ctd\u003e47\u003c\/td\u003e\n\u003ctd\u003e30.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e13\u003c\/td\u003e\n\u003ctd\u003e14.5\u003c\/td\u003e\n\u003ctd\u003e12.5\u003c\/td\u003e\n\u003ctd\u003e47.5\u003c\/td\u003e\n\u003ctd\u003e31\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003cp class=\"size-note\"\u003eFor the best fit, measure your foot from heel to toe and refer to our sizing chart.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e","brand":"New Balance","offers":[{"title":"Dark Grey\/Black \/ 8M\/9.5W \/ Mens","offer_id":52690786877806,"sku":"NBS55M012080","price":91.99,"currency_code":"CAD","in_stock":false},{"title":"Dark Grey\/Black \/ 8.5M\/10W \/ Mens","offer_id":52690786910574,"sku":"NBS55M012085","price":91.99,"currency_code":"CAD","in_stock":true},{"title":"Dark Grey\/Black \/ 9M\/10.5W \/ Mens","offer_id":52690786943342,"sku":"NBS55M012090","price":91.99,"currency_code":"CAD","in_stock":true},{"title":"Dark Grey\/Black \/ 9.5M\/11W \/ Mens","offer_id":52690786976110,"sku":"NBS55M012095","price":91.99,"currency_code":"CAD","in_stock":false},{"title":"Dark Grey\/Black \/ 10M\/11.5W \/ Mens","offer_id":52690787008878,"sku":"NBS55M012100","price":91.99,"currency_code":"CAD","in_stock":false},{"title":"Dark Grey\/Black \/ 10.5M\/12W \/ Mens","offer_id":52690787041646,"sku":"NBS55M012105","price":91.99,"currency_code":"CAD","in_stock":false},{"title":"Dark Grey\/Black \/ 11M\/12.5W \/ Mens","offer_id":52690787074414,"sku":"NBS55M012110","price":91.99,"currency_code":"CAD","in_stock":false},{"title":"Dark Grey\/Black \/ 11.5M\/13W \/ Mens","offer_id":52690787107182,"sku":"NBS55M012115","price":91.99,"currency_code":"CAD","in_stock":true},{"title":"Dark Grey\/Black \/ 12M\/13.5W \/ Mens","offer_id":52690787139950,"sku":"NBS55M012120","price":91.99,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/440V2Shoe-DarkGrey_Black-5.png?v=1759355358"},{"product_id":"stance-unisex-icon-slouch-crew-sock-charcoal-holiday-2025","title":"Icon Slouch Crew Sock","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\"\u003eEmbrace relaxed comfort with the Icon Slouch Crew Sock in sophisticated charcoal. This premium crew sock features Stance's iconic design with a laid-back slouch fit that adds effortless style to any outfit. Crafted from soft combed cotton, the versatile charcoal colorway brings modern edge to your sock drawer. Perfect for cozy days and casual wear, these socks deliver signature Stance quality with a relaxed, lived-in aesthetic.\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\u003eSlouch Fit Design\u003c\/h3\u003e\n\u003cp\u003eRelaxed, laid-back fit for effortless casual style\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eCharcoal Colorway\u003c\/h3\u003e\n\u003cp\u003eSophisticated neutral tone with modern edge\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003ePremium Combed Cotton\u003c\/h3\u003e\n\u003cp\u003eSoft, breathable fabric blend for all-day comfort\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eCrew Length\u003c\/h3\u003e\n\u003cp\u003eClassic crew height for versatile everyday wear\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eIcon Branding\u003c\/h3\u003e\n\u003cp\u003eSignature Stance icon detail for authentic style\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eUnisex Design\u003c\/h3\u003e\n\u003cp\u003ePerformance fit for all genders and styles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/details\u003e\u003cdetails class=\"accordion-item\"\u003e\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eSizing\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"size-table-wrapper\"\u003e\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\u003ctr\u003e\n\u003cth\u003eSize\u003c\/th\u003e\n\u003cth\u003eUS Men\u003c\/th\u003e\n\u003cth\u003eUS Women\u003c\/th\u003e\n\u003cth\u003eEU\u003c\/th\u003e\n\u003c\/tr\u003e\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eS\u003c\/td\u003e\n\u003ctd\u003e3-5.5\u003c\/td\u003e\n\u003ctd\u003e5-7.5\u003c\/td\u003e\n\u003ctd\u003e35-38\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eM\u003c\/td\u003e\n\u003ctd\u003e6-8.5\u003c\/td\u003e\n\u003ctd\u003e8-10.5\u003c\/td\u003e\n\u003ctd\u003e39-42\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eL\u003c\/td\u003e\n\u003ctd\u003e9-13\u003c\/td\u003e\n\u003ctd\u003e11-14\u003c\/td\u003e\n\u003ctd\u003e43-47\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\u003c\/div\u003e\n\u003cp class=\"size-note\"\u003eUnisex sizing. For the best fit, refer to your typical shoe size. Slouch fit provides a relaxed, comfortable feel.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Stance","offers":[{"title":"Charcoal \/ S \/ Unisex","offer_id":52717170557294,"sku":"IST55N001003","price":19.19,"currency_code":"CAD","in_stock":true},{"title":"Charcoal \/ M \/ Unisex","offer_id":52717170590062,"sku":"IST55N001004","price":19.19,"currency_code":"CAD","in_stock":true},{"title":"Charcoal \/ L \/ Unisex","offer_id":52717170622830,"sku":"IST55N001005","price":19.19,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/IconSlouchCrewSock-Charcoal-3.png?v=1760136204"},{"product_id":"stance-unisex-cabin-days-crew-sock-canvas-holiday-2025","title":"Cabin Days Crew Sock","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\"\u003eStand out in comfort. Our fan-favorite crew height patterns are designed with extra comfort in every step, featuring a seamless toe cap, targeted cushioning and stay-put fit. Perfect for cozy days at the cabin or everyday wear.\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\u003eEngineered Arch Support\u003c\/h3\u003e\n\u003cp\u003eStabilizes your stride with targeted support that keeps socks secure and comfortable all day long.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eDeep Heel Pocket\u003c\/h3\u003e\n\u003cp\u003eContoured heel pocket complements your arch with that feel-good fit and prevents slipping.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eMedium Cushioning\u003c\/h3\u003e\n\u003cp\u003eModerate cushioning throughout provides a secure fit with enhanced impact protection for active wear.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eTargeted Cushioning\u003c\/h3\u003e\n\u003cp\u003eStrategic cushioning placement delivers added comfort exactly where you need it most.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eSeamless Toe Closure\u003c\/h3\u003e\n\u003cp\u003eAnti-friction finish eliminates irritation for a smooth, comfortable feel your feet will love.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eAll Good Guarantee\u003c\/h3\u003e\n\u003cp\u003eEvery pair is backed by Stance's extensive quality guarantee for complete peace of mind.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/details\u003e\u003cdetails class=\"accordion-item\"\u003e\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eSizing\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"size-table-wrapper\"\u003e\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\u003ctr\u003e\n\u003cth\u003eSize\u003c\/th\u003e\n\u003cth\u003eUS Men\u003c\/th\u003e\n\u003cth\u003eUS Women\u003c\/th\u003e\n\u003cth\u003eEU\u003c\/th\u003e\n\u003cth\u003eUK\u003c\/th\u003e\n\u003c\/tr\u003e\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eM\u003c\/td\u003e\n\u003ctd\u003e6-8.5\u003c\/td\u003e\n\u003ctd\u003e8-10.5\u003c\/td\u003e\n\u003ctd\u003e38-42\u003c\/td\u003e\n\u003ctd\u003e5.5-8\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eL\u003c\/td\u003e\n\u003ctd\u003e9-13\u003c\/td\u003e\n\u003ctd\u003e11-14\u003c\/td\u003e\n\u003ctd\u003e43-47\u003c\/td\u003e\n\u003ctd\u003e8.5-12\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\u003c\/div\u003e\n\u003cp class=\"size-note\"\u003eUnisex sizing. For the best fit, choose based on your shoe size. If between sizes, we recommend sizing up for maximum comfort.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Stance","offers":[{"title":"Canvas \/ M \/ Unisex","offer_id":52717171048814,"sku":"IST55N026004","price":19.19,"currency_code":"CAD","in_stock":true},{"title":"Canvas \/ L \/ Unisex","offer_id":52717171081582,"sku":"IST55N026005","price":19.19,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/CabinDaysCrewSock-Canvas.png?v=1760136453"},{"product_id":"stance-unisex-chiclets-waffle-knit-crew-sock-navy-holiday-2025","title":"Chiclets Waffle Knit Crew Sock","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\"\u003eLet's waffle. Our standard crew gets a waffle-knit feel. Featuring a seamless toe closure, targeted cushioning, and arch support, the Chiclets Waffle Knit Crew delivers Stance's legendary comfort with a unique textured design. Crafted from a premium nylon blend, these socks bring cozy style and all-day wearability to your everyday rotation.\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\u003eWaffle-Knit Texture\u003c\/h3\u003e\n\u003cp\u003eUnique waffle-knit construction adds visual interest and enhanced comfort to the classic crew.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003ePremium Nylon Blend\u003c\/h3\u003e\n\u003cp\u003e41% nylon blend with combed cotton provides exceptional durability and softness.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eCrew Length\u003c\/h3\u003e\n\u003cp\u003eClassic crew height hits the mid-point of your lower leg for versatile coverage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eMedium Cushioning\u003c\/h3\u003e\n\u003cp\u003eModerate cushioning throughout provides a secure fit with enhanced impact protection.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eDeep Heel Pocket\u003c\/h3\u003e\n\u003cp\u003eComplements your arch with that feel-good fit for all-day wearability.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eEngineered Arch Support\u003c\/h3\u003e\n\u003cp\u003eBuilt-in support stabilizes your stride and provides comfort in style.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eTargeted Cushioning\u003c\/h3\u003e\n\u003cp\u003eAdded comfort exactly where you need it most for superior wearability.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eSeamless Toe Closure\u003c\/h3\u003e\n\u003cp\u003eAnti-friction finish eliminates irritation for maximum comfort your feet will love.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/details\u003e\u003cdetails class=\"accordion-item\"\u003e\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eSizing\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"size-table-wrapper\"\u003e\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\u003ctr\u003e\n\u003cth\u003eSize\u003c\/th\u003e\n\u003cth\u003eUS Shoe Size\u003c\/th\u003e\n\u003c\/tr\u003e\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eM\u003c\/td\u003e\n\u003ctd\u003eMen's 6-8.5 \/ Women's 8-10.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eL\u003c\/td\u003e\n\u003ctd\u003eMen's 9-13 \/ Women's 11-14\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\u003c\/div\u003e\n\u003cp class=\"size-note\"\u003eCrew height hits the mid-point of your lower leg for classic coverage. Unisex sizing fits both men and women. If you're between sizes, we recommend sizing up for extra comfort.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Stance","offers":[{"title":"Navy \/ M \/ Unisex","offer_id":52717171114350,"sku":"IST55N028004","price":19.19,"currency_code":"CAD","in_stock":true},{"title":"Navy \/ L \/ Unisex","offer_id":52717171147118,"sku":"IST55N028005","price":19.19,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/ChicletsWaffleKnitCrewSock-Navy.png?v=1760136530"},{"product_id":"stance-unisex-gone-fishin-crew-sock-navy-holiday-2025","title":"Gone Fishin Crew Sock","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\"\u003eCast your style with the Gone Fishin Crew Sock in classic navy. Featuring playful fishing-themed graphics that celebrate the great outdoors, this premium crew sock brings a touch of adventure to your everyday wardrobe. Crafted with Stance's signature combed cotton blend, these socks deliver all-day comfort whether you're on the water or navigating the urban landscape. Perfect for fishing enthusiasts and anyone who appreciates laid-back, nature-inspired 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\u003eFishing-Themed Graphics\u003c\/h3\u003e\n\u003cp\u003ePlayful outdoor-inspired artwork for adventure lovers\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eClassic Navy Colorway\u003c\/h3\u003e\n\u003cp\u003eTimeless navy tone that pairs with any outfit\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003ePremium Combed Cotton\u003c\/h3\u003e\n\u003cp\u003eSoft, breathable fabric blend for superior comfort\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eCrew Length\u003c\/h3\u003e\n\u003cp\u003eVersatile crew height for everyday wear\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eUnisex Design\u003c\/h3\u003e\n\u003cp\u003ePerformance fit for all genders and styles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eReinforced Construction\u003c\/h3\u003e\n\u003cp\u003eDurable heel and toe for long-lasting adventures\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/details\u003e\u003cdetails class=\"accordion-item\"\u003e\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eSizing\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"size-table-wrapper\"\u003e\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\u003ctr\u003e\n\u003cth\u003eSize\u003c\/th\u003e\n\u003cth\u003eUS Men\u003c\/th\u003e\n\u003cth\u003eUS Women\u003c\/th\u003e\n\u003cth\u003eEU\u003c\/th\u003e\n\u003c\/tr\u003e\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eS\u003c\/td\u003e\n\u003ctd\u003e3-5.5\u003c\/td\u003e\n\u003ctd\u003e5-7.5\u003c\/td\u003e\n\u003ctd\u003e35-38\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eM\u003c\/td\u003e\n\u003ctd\u003e6-8.5\u003c\/td\u003e\n\u003ctd\u003e8-10.5\u003c\/td\u003e\n\u003ctd\u003e39-42\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eL\u003c\/td\u003e\n\u003ctd\u003e9-13\u003c\/td\u003e\n\u003ctd\u003e11-14\u003c\/td\u003e\n\u003ctd\u003e43-47\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\u003c\/div\u003e\n\u003cp class=\"size-note\"\u003eUnisex sizing. For the best fit, refer to your typical shoe size. Stance socks feature a performance fit that conforms to your foot.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Stance","offers":[{"title":"Navy \/ M \/ Unisex","offer_id":52717171179886,"sku":"IST55N030004","price":19.19,"currency_code":"CAD","in_stock":true},{"title":"Navy \/ L \/ Unisex","offer_id":52717171212654,"sku":"IST55N030005","price":19.19,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/GoneFishinCrewSock-Navy.png?v=1760136621"},{"product_id":"stance-unisex-icon-pop-crew-3pk-sock-canvas-holiday-2025","title":"Icon Pop Crew 3Pk Sock","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\"\u003eThey're called the Icon for a reason. The pinnacle of sock perfection, the Icon classic crew is designed for all-day comfort and versatile styling. Crafted with targeted cushioning, a seamless toe and a stay put fit - the Icon sock is your everyday go-to essential.\u003c\/p\u003e\n\u003cdetails class=\"accordion-item\"\u003e\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eFeatures\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"accordion-content\"\u003e\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eEngineered Arch Support\u003c\/h3\u003e\n\u003cp\u003eStabilizes your stride with targeted support that keeps socks secure and comfortable all day long.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eDeep Heel Pocket\u003c\/h3\u003e\n\u003cp\u003eContoured heel pocket complements your arch with that feel-good fit and prevents slipping.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eMedium Cushioning\u003c\/h3\u003e\n\u003cp\u003eModerate cushioning throughout provides a secure fit with enhanced impact protection for active wear.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eTargeted Cushioning\u003c\/h3\u003e\n\u003cp\u003eStrategic cushioning placement delivers added comfort exactly where you need it most.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eSeamless Toe Closure\u003c\/h3\u003e\n\u003cp\u003eAnti-friction finish eliminates irritation for a smooth, comfortable feel your feet will love.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003e3-Pack Value\u003c\/h3\u003e\n\u003cp\u003eComplete your sock drawer with three pairs of premium crew socks in one convenient package.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/details\u003e\u003cdetails class=\"accordion-item\"\u003e\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eSizing\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"size-table-wrapper\"\u003e\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\u003ctr\u003e\n\u003cth\u003eSize\u003c\/th\u003e\n\u003cth\u003eUS Men\u003c\/th\u003e\n\u003cth\u003eUS Women\u003c\/th\u003e\n\u003cth\u003eEU\u003c\/th\u003e\n\u003cth\u003eUK\u003c\/th\u003e\n\u003c\/tr\u003e\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eM\u003c\/td\u003e\n\u003ctd\u003e6-8.5\u003c\/td\u003e\n\u003ctd\u003e8-10.5\u003c\/td\u003e\n\u003ctd\u003e38-42\u003c\/td\u003e\n\u003ctd\u003e5.5-8\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eL\u003c\/td\u003e\n\u003ctd\u003e9-13\u003c\/td\u003e\n\u003ctd\u003e11-14\u003c\/td\u003e\n\u003ctd\u003e43-47\u003c\/td\u003e\n\u003ctd\u003e8.5-12\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\u003c\/div\u003e\n\u003cp class=\"size-note\"\u003eUnisex sizing. For the best fit, choose based on your shoe size. If between sizes, we recommend sizing up for maximum comfort.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Stance","offers":[{"title":"Canvas \/ M \/ Unisex","offer_id":52717171474798,"sku":"IST55N047004","price":43.19,"currency_code":"CAD","in_stock":true},{"title":"Canvas \/ L \/ Unisex","offer_id":52717171507566,"sku":"IST55N047005","price":43.19,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/IconPopCrew3PkSock-Canvas.png?v=1760136810"},{"product_id":"stance-unisex-curren-3pk-sock-green-holiday-2025","title":"Curren 3Pk Sock","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\"\u003eA Curren curation. Keep your sock rotation moving with the best colorways of Curren crew socks designed with targeted cushioning, a stay-put fit, and seamless toe. This 3-pack collection delivers Stance's legendary comfort and quality in one convenient package, featuring premium combed cotton construction and signature performance features.\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\u003e3-Pack Collection\u003c\/h3\u003e\n\u003cp\u003eCurated set of Curren crew socks in the best colorways for maximum style and value.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003ePremium Combed Cotton\u003c\/h3\u003e\n\u003cp\u003e77% combed cotton blend provides exceptional softness and breathability for all-day comfort.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eCrew Length\u003c\/h3\u003e\n\u003cp\u003eClassic crew height hits the mid-point of your lower leg for versatile coverage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eMedium Cushioning\u003c\/h3\u003e\n\u003cp\u003eModerate cushioning throughout provides a secure fit with enhanced impact protection.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eDeep Heel Pocket\u003c\/h3\u003e\n\u003cp\u003eComplements your arch with that feel-good fit for all-day wearability.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eEngineered Arch Support\u003c\/h3\u003e\n\u003cp\u003eBuilt-in support stabilizes your stride and provides comfort in style.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eTargeted Cushioning\u003c\/h3\u003e\n\u003cp\u003eAdded comfort exactly where you need it most for superior wearability.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eSeamless Toe Closure\u003c\/h3\u003e\n\u003cp\u003eAnti-friction finish eliminates irritation for maximum comfort your feet will love.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/details\u003e\u003cdetails class=\"accordion-item\"\u003e\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eSizing\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"size-table-wrapper\"\u003e\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\u003ctr\u003e\n\u003cth\u003eSize\u003c\/th\u003e\n\u003cth\u003eUS Shoe Size\u003c\/th\u003e\n\u003c\/tr\u003e\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eM\u003c\/td\u003e\n\u003ctd\u003eMen's 6-8.5 \/ Women's 8-10.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eL\u003c\/td\u003e\n\u003ctd\u003eMen's 9-13 \/ Women's 11-14\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\u003c\/div\u003e\n\u003cp class=\"size-note\"\u003eCrew height hits the mid-point of your lower leg for classic coverage. Unisex sizing fits both men and women. If you're between sizes, we recommend sizing up for extra comfort.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Stance","offers":[{"title":"Green \/ M \/ Unisex","offer_id":52717171573102,"sku":"IST55N049004","price":43.19,"currency_code":"CAD","in_stock":true},{"title":"Green \/ L \/ Unisex","offer_id":52717171605870,"sku":"IST55N049005","price":43.19,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/Curren3PkSock-Green.png?v=1760637666"},{"product_id":"stance-unisex-7-days-a-week-pack-sock-multi-holiday-2025","title":"7 Days A Week Pack Sock","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\"\u003eA week's worth of style and comfort. Keep your feet in style seven days a week with this 7-pack collection of crew socks. Featuring seamless toe closures, targeted cushioning, and arch support, this complete set delivers Stance's legendary comfort and quality in one convenient package—perfect for stocking up your sock drawer.\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\u003e7-Pack Collection\u003c\/h3\u003e\n\u003cp\u003eComplete week's worth of socks in one package for ultimate convenience and value.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003ePremium Combed Cotton\u003c\/h3\u003e\n\u003cp\u003e76% combed cotton blend provides exceptional softness and breathability for all-day comfort.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eCrew Length\u003c\/h3\u003e\n\u003cp\u003eClassic crew height hits the mid-point of your lower leg for versatile coverage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eMedium Cushioning\u003c\/h3\u003e\n\u003cp\u003eModerate cushioning throughout provides a secure fit with enhanced impact protection.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eDeep Heel Pocket\u003c\/h3\u003e\n\u003cp\u003eComplements your arch with that feel-good fit for all-day wearability.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eEngineered Arch Support\u003c\/h3\u003e\n\u003cp\u003eBuilt-in support stabilizes your stride and provides comfort in style.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eTargeted Cushioning\u003c\/h3\u003e\n\u003cp\u003eAdded comfort exactly where you need it most for superior wearability.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eSeamless Toe Closure\u003c\/h3\u003e\n\u003cp\u003eAnti-friction finish eliminates irritation for maximum comfort your feet will love.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/details\u003e\u003cdetails class=\"accordion-item\"\u003e\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eSizing\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"size-table-wrapper\"\u003e\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\u003ctr\u003e\n\u003cth\u003eSize\u003c\/th\u003e\n\u003cth\u003eUS Shoe Size\u003c\/th\u003e\n\u003c\/tr\u003e\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eM\u003c\/td\u003e\n\u003ctd\u003eMen's 6-8.5 \/ Women's 8-10.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eL\u003c\/td\u003e\n\u003ctd\u003eMen's 9-13 \/ Women's 11-14\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\u003c\/div\u003e\n\u003cp class=\"size-note\"\u003eCrew height hits the mid-point of your lower leg for classic coverage. Unisex sizing fits both men and women. If you're between sizes, we recommend sizing up for extra comfort.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Stance","offers":[{"title":"Multi \/ M \/ Unisex","offer_id":52717171835246,"sku":"IST55N053004","price":91.19,"currency_code":"CAD","in_stock":true},{"title":"Multi \/ L \/ Unisex","offer_id":52717171868014,"sku":"IST55N053005","price":91.19,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/7DaysAWeekPackSock-Multi.png?v=1759963959"},{"product_id":"stance-unisex-striped-delt-crew-sock-canvas-holiday-2025","title":"Striped Delt Crew Sock","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\"\u003eMake a statement with the Striped Delt Crew Sock in versatile canvas. Featuring bold stripe detailing and a classic crew length, this unisex sock delivers Stance's legendary comfort with timeless athletic style. The neutral canvas colorway pairs effortlessly with any outfit, while premium combed cotton construction ensures all-day wearability. Perfect for those who appreciate clean design and reliable performance in their everyday essentials.\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\u003eBold Stripe Design\u003c\/h3\u003e\n\u003cp\u003eClassic athletic stripes add timeless visual appeal\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eCanvas Colorway\u003c\/h3\u003e\n\u003cp\u003eVersatile neutral tone that complements any style\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003ePremium Combed Cotton\u003c\/h3\u003e\n\u003cp\u003eSoft, breathable fabric blend for superior comfort\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eCrew Length\u003c\/h3\u003e\n\u003cp\u003eClassic crew height for everyday versatility\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eUnisex Design\u003c\/h3\u003e\n\u003cp\u003ePerformance fit for all genders and styles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eReinforced Construction\u003c\/h3\u003e\n\u003cp\u003eDurable heel and toe for long-lasting 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\u003eSizing\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"size-table-wrapper\"\u003e\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\u003ctr\u003e\n\u003cth\u003eSize\u003c\/th\u003e\n\u003cth\u003eUS Men\u003c\/th\u003e\n\u003cth\u003eUS Women\u003c\/th\u003e\n\u003cth\u003eEU\u003c\/th\u003e\n\u003c\/tr\u003e\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eS\u003c\/td\u003e\n\u003ctd\u003e3-5.5\u003c\/td\u003e\n\u003ctd\u003e5-7.5\u003c\/td\u003e\n\u003ctd\u003e35-38\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eM\u003c\/td\u003e\n\u003ctd\u003e6-8.5\u003c\/td\u003e\n\u003ctd\u003e8-10.5\u003c\/td\u003e\n\u003ctd\u003e39-42\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eL\u003c\/td\u003e\n\u003ctd\u003e9-13\u003c\/td\u003e\n\u003ctd\u003e11-14\u003c\/td\u003e\n\u003ctd\u003e43-47\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\u003c\/div\u003e\n\u003cp class=\"size-note\"\u003eUnisex sizing. For the best fit, refer to your typical shoe size. Stance socks feature a performance fit that conforms to your foot.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Stance","offers":[{"title":"Canvas \/ M \/ Unisex","offer_id":52717171900782,"sku":"IST55N055004","price":24.79,"currency_code":"CAD","in_stock":true},{"title":"Canvas \/ L \/ Unisex","offer_id":52717171933550,"sku":"IST55N055005","price":24.79,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/StripedDeltCrewSock-Canvas.png?v=1760637578"},{"product_id":"stance-unisex-all-terrain-crew-3pk-sock-green-holiday-2025","title":"All Terrain Crew 3Pk Sock","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\"\u003eStep into buttery softness and durability. Built with Butter Blend™ superior softness and our Infiknit™ reinforced heel and toe, these socks will have you feeling and looking smooth for the long haul. This 3-pack delivers premium comfort for any terrain.\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\u003eButter Blend™ Softness\u003c\/h3\u003e\n\u003cp\u003eLuxuriously soft Butter Blend™ fabric delivers superior comfort against your skin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eInfiknit™ Durability\u003c\/h3\u003e\n\u003cp\u003eReinforced heel and toe with Infiknit™ fibers protect your feet from high-wear abrasion zones.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eEngineered Arch Support\u003c\/h3\u003e\n\u003cp\u003eStabilizes your stride with targeted support that keeps socks secure and comfortable all day long.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eMedium Cushioning\u003c\/h3\u003e\n\u003cp\u003eModerate cushioning throughout provides a secure fit with enhanced impact protection for active wear.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eTargeted Cushioning\u003c\/h3\u003e\n\u003cp\u003eStrategic cushioning placement delivers added comfort exactly where you need it most.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eSeamless Toe Closure\u003c\/h3\u003e\n\u003cp\u003eAnti-friction finish eliminates irritation for a smooth, comfortable feel your feet will love.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/details\u003e\u003cdetails class=\"accordion-item\"\u003e\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eSizing\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"size-table-wrapper\"\u003e\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\u003ctr\u003e\n\u003cth\u003eSize\u003c\/th\u003e\n\u003cth\u003eUS Men\u003c\/th\u003e\n\u003cth\u003eUS Women\u003c\/th\u003e\n\u003cth\u003eEU\u003c\/th\u003e\n\u003cth\u003eUK\u003c\/th\u003e\n\u003c\/tr\u003e\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eM\u003c\/td\u003e\n\u003ctd\u003e6-8.5\u003c\/td\u003e\n\u003ctd\u003e8-10.5\u003c\/td\u003e\n\u003ctd\u003e38-42\u003c\/td\u003e\n\u003ctd\u003e5.5-8\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eL\u003c\/td\u003e\n\u003ctd\u003e9-13\u003c\/td\u003e\n\u003ctd\u003e11-14\u003c\/td\u003e\n\u003ctd\u003e43-47\u003c\/td\u003e\n\u003ctd\u003e8.5-12\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\u003c\/div\u003e\n\u003cp class=\"size-note\"\u003eUnisex sizing. For the best fit, choose based on your shoe size. If between sizes, we recommend sizing up for maximum comfort.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Stance","offers":[{"title":"Green \/ M \/ Unisex","offer_id":52717171966318,"sku":"IST55N058004","price":67.19,"currency_code":"CAD","in_stock":true},{"title":"Green \/ L \/ Unisex","offer_id":52717171999086,"sku":"IST55N058005","price":67.19,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/AllTerrainCrew3PkSock-Green.png?v=1760136967"},{"product_id":"stance-unisex-botanical-bliss-3pk-sock-navy-holiday-2025","title":"Botanical Bliss 3Pk Sock","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\"\u003eStep into buttery softness and durability. Built with Butter Blend™ superior softness and our Infiknit™ reinforced heel and toe, these socks will have you feeling and looking smooth for the long haul. The Botanical Bliss 3 Pack brings nature-inspired style to your everyday rotation with three pairs of premium crew socks in one convenient package.\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\u003eButter Blend™ Fabric\u003c\/h3\u003e\n\u003cp\u003eLuxuriously soft blend of combed cotton, nylon, micro modal, and lyocell for unmatched comfort.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eInfiknit™ Lifetime Guarantee\u003c\/h3\u003e\n\u003cp\u003eReinforced heels and toes with performance yarn protect against high-wear abrasion zones.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003e3-Pack Value\u003c\/h3\u003e\n\u003cp\u003eThree pairs of botanical-themed crew socks in one package for maximum convenience and value.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eCrew Length\u003c\/h3\u003e\n\u003cp\u003eClassic crew height hits the mid-point of your lower leg for versatile coverage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eMedium Cushioning\u003c\/h3\u003e\n\u003cp\u003eModerate cushioning throughout provides a secure fit with enhanced impact protection.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eEngineered Arch Support\u003c\/h3\u003e\n\u003cp\u003eBuilt-in support stabilizes your stride and provides comfort in style.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eTargeted Cushioning\u003c\/h3\u003e\n\u003cp\u003eAdded comfort exactly where you need it most for superior wearability.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eSeamless Toe Closure\u003c\/h3\u003e\n\u003cp\u003eAnti-friction finish eliminates irritation for maximum comfort your feet will love.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/details\u003e\u003cdetails class=\"accordion-item\"\u003e\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eSizing\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"size-table-wrapper\"\u003e\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\u003ctr\u003e\n\u003cth\u003eSize\u003c\/th\u003e\n\u003cth\u003eUS Shoe Size\u003c\/th\u003e\n\u003c\/tr\u003e\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eM\u003c\/td\u003e\n\u003ctd\u003eMen's 6-8.5 \/ Women's 8-10.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eL\u003c\/td\u003e\n\u003ctd\u003eMen's 9-13 \/ Women's 11-14\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\u003c\/div\u003e\n\u003cp class=\"size-note\"\u003eCrew height hits the mid-point of your lower leg for classic coverage. Unisex sizing fits both men and women. If you're between sizes, we recommend sizing up for extra comfort.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Stance","offers":[{"title":"Navy \/ M \/ Unisex","offer_id":52717172293998,"sku":"IST55N059004","price":67.19,"currency_code":"CAD","in_stock":true},{"title":"Navy \/ L \/ Unisex","offer_id":52717172326766,"sku":"IST55N059005","price":67.19,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/BotanicalBliss3PkSock-Navy.png?v=1760137059"},{"product_id":"stance-unisex-kaden-compression-otc-sock-grey-holiday-2025","title":"Kaden Compression OTC Sock","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\"\u003eElevate your performance with the Kaden Compression OTC Sock. Engineered with graduated compression technology, this over-the-calf sock delivers targeted support to enhance circulation, reduce fatigue, and accelerate recovery. Crafted from premium moisture-wicking fabric in a versatile grey colorway, these compression socks combine athletic performance with Stance's signature style. Perfect for athletes, travelers, or anyone seeking all-day leg support 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\u003eGraduated Compression\u003c\/h3\u003e\n\u003cp\u003eTargeted compression zones enhance circulation and reduce fatigue\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eOver-the-Calf Length\u003c\/h3\u003e\n\u003cp\u003eExtended coverage provides maximum support and protection\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eMoisture-Wicking Fabric\u003c\/h3\u003e\n\u003cp\u003eAdvanced material keeps feet dry during intense activity\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eRecovery Support\u003c\/h3\u003e\n\u003cp\u003eAccelerates muscle recovery and reduces soreness\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eVersatile Grey Colorway\u003c\/h3\u003e\n\u003cp\u003eNeutral tone pairs with any athletic or casual outfit\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eUnisex Design\u003c\/h3\u003e\n\u003cp\u003ePerformance fit for all athletes and active lifestyles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/details\u003e\u003cdetails class=\"accordion-item\"\u003e\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eSizing\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"size-table-wrapper\"\u003e\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\u003ctr\u003e\n\u003cth\u003eSize\u003c\/th\u003e\n\u003cth\u003eUS Men\u003c\/th\u003e\n\u003cth\u003eUS Women\u003c\/th\u003e\n\u003cth\u003eEU\u003c\/th\u003e\n\u003c\/tr\u003e\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eS\u003c\/td\u003e\n\u003ctd\u003e3-5.5\u003c\/td\u003e\n\u003ctd\u003e5-7.5\u003c\/td\u003e\n\u003ctd\u003e35-38\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eM\u003c\/td\u003e\n\u003ctd\u003e6-8.5\u003c\/td\u003e\n\u003ctd\u003e8-10.5\u003c\/td\u003e\n\u003ctd\u003e39-42\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eL\u003c\/td\u003e\n\u003ctd\u003e9-13\u003c\/td\u003e\n\u003ctd\u003e11-14\u003c\/td\u003e\n\u003ctd\u003e43-47\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\u003c\/div\u003e\n\u003cp class=\"size-note\"\u003eUnisex sizing. For optimal compression benefits, refer to your typical shoe size. Compression socks should fit snugly but comfortably.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Stance","offers":[{"title":"Grey \/ S \/ Unisex","offer_id":52717172392302,"sku":"IST55N062003","price":39.99,"currency_code":"CAD","in_stock":false},{"title":"Grey \/ M \/ Unisex","offer_id":52717172425070,"sku":"IST55N062004","price":39.99,"currency_code":"CAD","in_stock":true},{"title":"Grey \/ L \/ Unisex","offer_id":52717172457838,"sku":"IST55N062005","price":39.99,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/KadenCompressionOTCSock-Grey.png?v=1760137146"},{"product_id":"stance-unisex-icon-compression-otc-sock-black-holiday-2025","title":"Icon Compression OTC Sock","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\"\u003eGo all the way in Over the Calf comfort. If you know, you know. Stance OTC heights give you the full picture with Freshtek™ moisture and odor control, mid grade 15-20mmHg compression, and light cushion for all day comfort and recovery.\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\u003eMid Grade Compression\u003c\/h3\u003e\n\u003cp\u003e15-20mmHg compression provides enhanced support and promotes circulation for all-day comfort and recovery.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eFreshtek™ Technology\u003c\/h3\u003e\n\u003cp\u003eAdvanced moisture and odor control keeps feet fresh and dry throughout the day.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eOver the Calf Height\u003c\/h3\u003e\n\u003cp\u003eHitting right below the knee, this height covers the entire lower leg for maximum coverage and support.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eArch Support\u003c\/h3\u003e\n\u003cp\u003eAll-day arch support provides a secure, comfortable fit that reduces foot fatigue.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eLight Cushioning\u003c\/h3\u003e\n\u003cp\u003eLightweight construction offers a breathable barrier between your foot and shoe with select cushioning.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eSeamless Toe Closure\u003c\/h3\u003e\n\u003cp\u003eAnti-friction finish eliminates irritation for a smooth, comfortable feel your feet will love.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/details\u003e\u003cdetails class=\"accordion-item\"\u003e\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eSizing\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"size-table-wrapper\"\u003e\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\u003ctr\u003e\n\u003cth\u003eSize\u003c\/th\u003e\n\u003cth\u003eUS Men\u003c\/th\u003e\n\u003cth\u003eUS Women\u003c\/th\u003e\n\u003cth\u003eEU\u003c\/th\u003e\n\u003cth\u003eUK\u003c\/th\u003e\n\u003c\/tr\u003e\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eS\u003c\/td\u003e\n\u003ctd\u003e3-5.5\u003c\/td\u003e\n\u003ctd\u003e5-7.5\u003c\/td\u003e\n\u003ctd\u003e35-38\u003c\/td\u003e\n\u003ctd\u003e2.5-5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eM\u003c\/td\u003e\n\u003ctd\u003e6-8.5\u003c\/td\u003e\n\u003ctd\u003e8-10.5\u003c\/td\u003e\n\u003ctd\u003e38-42\u003c\/td\u003e\n\u003ctd\u003e5.5-8\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eL\u003c\/td\u003e\n\u003ctd\u003e9-13\u003c\/td\u003e\n\u003ctd\u003e11-14\u003c\/td\u003e\n\u003ctd\u003e43-47\u003c\/td\u003e\n\u003ctd\u003e8.5-12\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\u003c\/div\u003e\n\u003cp class=\"size-note\"\u003eUnisex sizing. For the best fit, choose based on your shoe size. If between sizes, we recommend sizing up for maximum comfort.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Stance","offers":[{"title":"Black \/ S \/ Unisex","offer_id":52717172490606,"sku":"IST55N064003","price":35.19,"currency_code":"CAD","in_stock":false},{"title":"Black \/ M \/ Unisex","offer_id":52717172523374,"sku":"IST55N064004","price":35.19,"currency_code":"CAD","in_stock":true},{"title":"Black \/ L \/ Unisex","offer_id":52717172556142,"sku":"IST55N064005","price":35.19,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/IconCompressionOTCSock-Black.png?v=1760637511"},{"product_id":"stance-unisex-icon-quarter-3pk-sock-paleblue-holiday-2025","title":"Icon Quarter 3Pk Sock","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\"\u003eA new array of mood-boosting hues and comfort-blasted styles just dropped. Slip on a new pair for total smile saturation. The Icon Quarter 3 Pack delivers Stance's legendary comfort and quality in a convenient three-pack, featuring premium combed cotton construction and signature performance features for everyday wear.\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\u003e3-Pack Value\u003c\/h3\u003e\n\u003cp\u003eThree pairs of essential quarter socks in one package for maximum convenience and value.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003ePremium Combed Cotton\u003c\/h3\u003e\n\u003cp\u003e77% combed cotton blend provides exceptional softness and breathability for all-day comfort.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eQuarter Length\u003c\/h3\u003e\n\u003cp\u003eSits just above the ankle, the perfect mid-point between low and crew heights.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eMedium Cushioning\u003c\/h3\u003e\n\u003cp\u003eModerate cushioning throughout provides a secure fit with enhanced impact protection.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eDeep Heel Pocket\u003c\/h3\u003e\n\u003cp\u003eComplements your arch with that feel-good fit for all-day wearability.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eEngineered Arch Support\u003c\/h3\u003e\n\u003cp\u003eBuilt-in support stabilizes your stride and provides comfort in style.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eTargeted Cushioning\u003c\/h3\u003e\n\u003cp\u003eAdded comfort exactly where you need it most for superior wearability.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eSeamless Toe Closure\u003c\/h3\u003e\n\u003cp\u003eAnti-friction finish eliminates irritation for maximum comfort your feet will love.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/details\u003e\u003cdetails class=\"accordion-item\"\u003e\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eSizing\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"size-table-wrapper\"\u003e\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\u003ctr\u003e\n\u003cth\u003eSize\u003c\/th\u003e\n\u003cth\u003eUS Shoe Size\u003c\/th\u003e\n\u003c\/tr\u003e\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eM\u003c\/td\u003e\n\u003ctd\u003eMen's 6-8.5 \/ Women's 8-10.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eL\u003c\/td\u003e\n\u003ctd\u003eMen's 9-13 \/ Women's 11-14\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\u003c\/div\u003e\n\u003cp class=\"size-note\"\u003eQuarter length sits just above the ankle. Unisex sizing fits both men and women. If you're between sizes, we recommend sizing up for extra comfort.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Stance","offers":[{"title":"Pale Blue \/ M \/ Unisex","offer_id":52717172588910,"sku":"IST55N072004","price":43.19,"currency_code":"CAD","in_stock":false},{"title":"Pale Blue \/ L \/ Unisex","offer_id":52717172621678,"sku":"IST55N072005","price":43.19,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/IconQuarter3PkSock-PaleBlue.png?v=1760637439"},{"product_id":"stance-womens-ws-icon-slouch-crew-sock-lilac-holiday-2025","title":"W's Icon Slouch Crew Sock","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\"\u003eEmbrace relaxed comfort with the Icon Slouch Crew Sock in warm oatmeal. This premium crew sock features Stance's iconic design with a laid-back slouch fit that adds effortless style to any outfit. Crafted from soft combed cotton, the neutral oatmeal colorway brings versatile warmth to your sock drawer. Perfect for cozy days and casual wear, these socks deliver signature Stance quality with a relaxed, lived-in aesthetic.\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\u003eSlouch Fit Design\u003c\/h3\u003e\n\u003cp\u003eRelaxed, laid-back fit for effortless casual style\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eOatmeal Colorway\u003c\/h3\u003e\n\u003cp\u003eWarm neutral tone that pairs with everything\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003ePremium Combed Cotton\u003c\/h3\u003e\n\u003cp\u003eSoft, breathable fabric blend for all-day comfort\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eCrew Length\u003c\/h3\u003e\n\u003cp\u003eClassic crew height for versatile everyday wear\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eIcon Branding\u003c\/h3\u003e\n\u003cp\u003eSignature Stance icon detail for authentic style\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eReinforced Construction\u003c\/h3\u003e\n\u003cp\u003eDurable heel and toe for long-lasting 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\u003eSizing\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"size-table-wrapper\"\u003e\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\u003ctr\u003e\n\u003cth\u003eSize\u003c\/th\u003e\n\u003cth\u003eUS Women\u003c\/th\u003e\n\u003cth\u003eEU\u003c\/th\u003e\n\u003c\/tr\u003e\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eS\u003c\/td\u003e\n\u003ctd\u003e5-7.5\u003c\/td\u003e\n\u003ctd\u003e35-38\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eM\u003c\/td\u003e\n\u003ctd\u003e8-10.5\u003c\/td\u003e\n\u003ctd\u003e39-42\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eL\u003c\/td\u003e\n\u003ctd\u003e11-14\u003c\/td\u003e\n\u003ctd\u003e43-47\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\u003c\/div\u003e\n\u003cp class=\"size-note\"\u003eWomen's sizing. For the best fit, refer to your typical shoe size. Slouch fit provides a relaxed, comfortable feel.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Stance","offers":[{"title":"Lilac \/ S \/ Womens","offer_id":52717172719982,"sku":"IST55W001003","price":19.19,"currency_code":"CAD","in_stock":true},{"title":"Lilac \/ M \/ Womens","offer_id":52717172752750,"sku":"IST55W001004","price":19.19,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/W_sIconSlouchCrewSock-Lilac.png?v=1760637317"},{"product_id":"stance-womens-ws-icon-slouch-crew-sock-oatmeal-holiday-2025","title":"W's Icon Slouch Crew Sock","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\"\u003eEmbrace relaxed comfort with the Icon Slouch Crew Sock in warm oatmeal. This premium crew sock features Stance's iconic design with a laid-back slouch fit that adds effortless style to any outfit. Crafted from soft combed cotton, the neutral oatmeal colorway brings versatile warmth to your sock drawer. Perfect for cozy days and casual wear, these socks deliver signature Stance quality with a relaxed, lived-in aesthetic.\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\u003eSlouch Fit Design\u003c\/h3\u003e\n\u003cp\u003eRelaxed, laid-back fit for effortless casual style\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eOatmeal Colorway\u003c\/h3\u003e\n\u003cp\u003eWarm neutral tone that pairs with everything\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003ePremium Combed Cotton\u003c\/h3\u003e\n\u003cp\u003eSoft, breathable fabric blend for all-day comfort\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eCrew Length\u003c\/h3\u003e\n\u003cp\u003eClassic crew height for versatile everyday wear\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eIcon Branding\u003c\/h3\u003e\n\u003cp\u003eSignature Stance icon detail for authentic style\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eReinforced Construction\u003c\/h3\u003e\n\u003cp\u003eDurable heel and toe for long-lasting 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\u003eSizing\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"size-table-wrapper\"\u003e\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\u003ctr\u003e\n\u003cth\u003eSize\u003c\/th\u003e\n\u003cth\u003eUS Women\u003c\/th\u003e\n\u003cth\u003eEU\u003c\/th\u003e\n\u003c\/tr\u003e\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eS\u003c\/td\u003e\n\u003ctd\u003e5-7.5\u003c\/td\u003e\n\u003ctd\u003e35-38\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eM\u003c\/td\u003e\n\u003ctd\u003e8-10.5\u003c\/td\u003e\n\u003ctd\u003e39-42\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eL\u003c\/td\u003e\n\u003ctd\u003e11-14\u003c\/td\u003e\n\u003ctd\u003e43-47\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\u003c\/div\u003e\n\u003cp class=\"size-note\"\u003eWomen's sizing. For the best fit, refer to your typical shoe size. Slouch fit provides a relaxed, comfortable feel.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Stance","offers":[{"title":"Oatmeal \/ S \/ Womens","offer_id":52717172818286,"sku":"IST55W002003","price":19.19,"currency_code":"CAD","in_stock":true},{"title":"Oatmeal \/ M \/ Womens","offer_id":52717172851054,"sku":"IST55W002004","price":19.19,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/W_sIconSlouchCrewSock-Oatmeal-3.png?v=1760135979"},{"product_id":"stance-womens-ws-have-a-good-day-crew-sock-green-holiday-2025","title":"W's Have A Good Day Crew Sock","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\"\u003eStand out in comfort. Our fan-favorite crew height patterns are designed with extra comfort in every step, featuring a seamless toe cap, targeted cushioning, and a stay-put fit. The Have A Good Day Crew brings positive vibes to your everyday rotation with premium combed cotton construction and Stance's signature performance features.\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\u003ePositive Message Design\u003c\/h3\u003e\n\u003cp\u003eUplifting graphics spread good vibes with every step you take.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003ePremium Combed Cotton\u003c\/h3\u003e\n\u003cp\u003e60% combed cotton blend provides exceptional softness and breathability for all-day comfort.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eCrew Length\u003c\/h3\u003e\n\u003cp\u003eClassic crew height hits the mid-point of your lower leg for versatile coverage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eMedium Cushioning\u003c\/h3\u003e\n\u003cp\u003eModerate cushioning throughout provides a secure fit with enhanced impact protection.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eDeep Heel Pocket\u003c\/h3\u003e\n\u003cp\u003eComplements your arch with that feel-good fit for all-day wearability.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eEngineered Arch Support\u003c\/h3\u003e\n\u003cp\u003eBuilt-in support stabilizes your stride and provides comfort in style.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eTargeted Cushioning\u003c\/h3\u003e\n\u003cp\u003eAdded comfort exactly where you need it most for superior wearability.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eSeamless Toe Closure\u003c\/h3\u003e\n\u003cp\u003eAnti-friction finish eliminates irritation for maximum comfort your feet will love.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/details\u003e\u003cdetails class=\"accordion-item\"\u003e\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eSizing\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"size-table-wrapper\"\u003e\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\u003ctr\u003e\n\u003cth\u003eSize\u003c\/th\u003e\n\u003cth\u003eUS Women's Shoe Size\u003c\/th\u003e\n\u003c\/tr\u003e\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eS\u003c\/td\u003e\n\u003ctd\u003e5-7.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eM\u003c\/td\u003e\n\u003ctd\u003e8-10.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\u003c\/div\u003e\n\u003cp class=\"size-note\"\u003eCrew height hits the mid-point of your lower leg for classic coverage. If you're between sizes, we recommend sizing up for extra comfort.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Stance","offers":[{"title":"Green \/ M \/ Womens","offer_id":52717172883822,"sku":"IST55W003004","price":19.19,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/W_sHaveAGoodDayCrewSock-Green.png?v=1760637177"},{"product_id":"stance-womens-ws-strata-crew-sock-ivory-holiday-2025","title":"W's Strata Crew Sock","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\"\u003eStep into buttery softness and durability. Built with Butter Blend™ superior softness and our Infiknit™ reinforced heel and toe, these socks will have you feeling and looking smooth for the long haul. Experience premium comfort that lasts.\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\u003eButter Blend™ Softness\u003c\/h3\u003e\n\u003cp\u003eLuxuriously soft Butter Blend™ fabric delivers superior comfort against your skin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eInfiknit™ Durability\u003c\/h3\u003e\n\u003cp\u003eReinforced heel and toe with Infiknit™ fibers for exceptional durability and long-lasting wear.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eEngineered Arch Support\u003c\/h3\u003e\n\u003cp\u003eStabilizes your stride with targeted support that keeps socks secure and comfortable all day long.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eDeep Heel Pocket\u003c\/h3\u003e\n\u003cp\u003eContoured heel pocket complements your arch with that feel-good fit and prevents slipping.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eMedium Cushioning\u003c\/h3\u003e\n\u003cp\u003eModerate cushioning throughout provides a secure fit with enhanced impact protection for active wear.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eSeamless Toe Closure\u003c\/h3\u003e\n\u003cp\u003eAnti-friction finish eliminates irritation for a smooth, comfortable feel your feet will love.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/details\u003e\u003cdetails class=\"accordion-item\"\u003e\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eSizing\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"size-table-wrapper\"\u003e\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\u003ctr\u003e\n\u003cth\u003eSize\u003c\/th\u003e\n\u003cth\u003eUS Women\u003c\/th\u003e\n\u003cth\u003eEU\u003c\/th\u003e\n\u003cth\u003eUK\u003c\/th\u003e\n\u003c\/tr\u003e\u003c\/thead\u003e\n\u003ctbody\u003e\u003ctr\u003e\n\u003ctd\u003eM\u003c\/td\u003e\n\u003ctd\u003e8-10.5\u003c\/td\u003e\n\u003ctd\u003e38-42\u003c\/td\u003e\n\u003ctd\u003e5.5-8\u003c\/td\u003e\n\u003c\/tr\u003e\u003c\/tbody\u003e\n\u003c\/table\u003e\u003c\/div\u003e\n\u003cp class=\"size-note\"\u003eWomen's sizing. For the best fit, choose based on your shoe size. If between sizes, we recommend sizing up for maximum comfort.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Stance","offers":[{"title":"Ivory \/ M \/ Womens","offer_id":52717172916590,"sku":"IST55W004004","price":24.79,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/W_sStrataCrewSock-Ivory.png?v=1760637117"},{"product_id":"stance-womens-ws-rolled-solid-crew-sock-black-holiday-2025","title":"W's Rolled Solid Crew Sock","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\"\u003eBeauty in simplicity. A textured no-nonsense sock made with an unobtrusive crew cut featuring lightweight cushioning and Infiknit™ fibers that offer a lifetime guarantee. Perfect for everyday wear with 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\u003eInfiknit™ Durability\u003c\/h3\u003e\n\u003cp\u003eReinforced with Infiknit™ fibers for exceptional durability and a lifetime guarantee.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eEngineered Arch Support\u003c\/h3\u003e\n\u003cp\u003eStabilizes your stride with targeted support that keeps socks secure and comfortable all day long.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eLight Cushioning\u003c\/h3\u003e\n\u003cp\u003eLightweight construction offers a breathable barrier between your foot and shoe with select cushioning.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eTargeted Cushioning\u003c\/h3\u003e\n\u003cp\u003eStrategic cushioning placement delivers added comfort exactly where you need it most.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eSeamless Toe Closure\u003c\/h3\u003e\n\u003cp\u003eAnti-friction finish eliminates irritation for a smooth, comfortable feel your feet will love.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eAll Good Guarantee\u003c\/h3\u003e\n\u003cp\u003eEvery pair is backed by Stance's extensive quality guarantee for complete peace of mind.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/details\u003e\u003cdetails class=\"accordion-item\"\u003e\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eSizing\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"size-table-wrapper\"\u003e\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\u003ctr\u003e\n\u003cth\u003eSize\u003c\/th\u003e\n\u003cth\u003eUS Women\u003c\/th\u003e\n\u003cth\u003eEU\u003c\/th\u003e\n\u003cth\u003eUK\u003c\/th\u003e\n\u003c\/tr\u003e\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eS\u003c\/td\u003e\n\u003ctd\u003e5-7.5\u003c\/td\u003e\n\u003ctd\u003e35-38\u003c\/td\u003e\n\u003ctd\u003e2.5-5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eM\u003c\/td\u003e\n\u003ctd\u003e8-10.5\u003c\/td\u003e\n\u003ctd\u003e38-42\u003c\/td\u003e\n\u003ctd\u003e5.5-8\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\u003c\/div\u003e\n\u003cp class=\"size-note\"\u003eWomen's sizing. For the best fit, choose based on your shoe size. If between sizes, we recommend sizing up for maximum comfort.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Stance","offers":[{"title":"Black \/ S \/ Womens","offer_id":52717173047662,"sku":"IST55W006003","price":19.19,"currency_code":"CAD","in_stock":true},{"title":"Black \/ M \/ Womens","offer_id":52717173080430,"sku":"IST55W006004","price":19.19,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/W_sRolledSolidCrewSock-Black.png?v=1760636903"},{"product_id":"stance-womens-ws-rolled-solid-crew-sock-paleblue-holiday-2025","title":"W's Rolled Solid Crew Sock","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\"\u003eBeauty in simplicity. A textured no-nonsense sock made with an unobtrusive crew cut featuring lightweight cushioning and Infiknit™ fibers that offer a lifetime guarantee. Perfect for everyday wear with 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\u003eInfiknit™ Durability\u003c\/h3\u003e\n\u003cp\u003eReinforced with Infiknit™ fibers for exceptional durability and a lifetime guarantee.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eEngineered Arch Support\u003c\/h3\u003e\n\u003cp\u003eStabilizes your stride with targeted support that keeps socks secure and comfortable all day long.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eLight Cushioning\u003c\/h3\u003e\n\u003cp\u003eLightweight construction offers a breathable barrier between your foot and shoe with select cushioning.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eTargeted Cushioning\u003c\/h3\u003e\n\u003cp\u003eStrategic cushioning placement delivers added comfort exactly where you need it most.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eSeamless Toe Closure\u003c\/h3\u003e\n\u003cp\u003eAnti-friction finish eliminates irritation for a smooth, comfortable feel your feet will love.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eAll Good Guarantee\u003c\/h3\u003e\n\u003cp\u003eEvery pair is backed by Stance's extensive quality guarantee for complete peace of mind.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/details\u003e\u003cdetails class=\"accordion-item\"\u003e\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eSizing\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"size-table-wrapper\"\u003e\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\u003ctr\u003e\n\u003cth\u003eSize\u003c\/th\u003e\n\u003cth\u003eUS Women\u003c\/th\u003e\n\u003cth\u003eEU\u003c\/th\u003e\n\u003cth\u003eUK\u003c\/th\u003e\n\u003c\/tr\u003e\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eS\u003c\/td\u003e\n\u003ctd\u003e5-7.5\u003c\/td\u003e\n\u003ctd\u003e35-38\u003c\/td\u003e\n\u003ctd\u003e2.5-5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eM\u003c\/td\u003e\n\u003ctd\u003e8-10.5\u003c\/td\u003e\n\u003ctd\u003e38-42\u003c\/td\u003e\n\u003ctd\u003e5.5-8\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\u003c\/div\u003e\n\u003cp class=\"size-note\"\u003eWomen's sizing. For the best fit, choose based on your shoe size. If between sizes, we recommend sizing up for maximum comfort.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Stance","offers":[{"title":"Pale Blue \/ S \/ Womens","offer_id":52717173145966,"sku":"IST55W008003","price":19.19,"currency_code":"CAD","in_stock":true},{"title":"Pale Blue \/ M \/ Womens","offer_id":52717173178734,"sku":"IST55W008004","price":19.19,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/W_sRolledSolidCrewSock-PaleBlue.png?v=1760636807"},{"product_id":"stance-womens-ws-waffles-n-butter-crew-sock-ivory-holiday-2025","title":"W's Waffles N Butter Crew Sock","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\"\u003eStep into buttery softness and durability. Built with Butter Blend™ superior softness and our Infiknit™ reinforced heel and toe, these socks will have you feeling and looking smooth for the long haul. Expertly designed with deep heel cushioning, targeted cushioning, and seamless toe closures, the Waffles N Butter Crew delivers premium comfort that lasts.\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\u003eButter Blend™ Fabric\u003c\/h3\u003e\n\u003cp\u003eLuxuriously soft blend of combed cotton, nylon, micro modal, and lyocell for unmatched comfort.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eInfiknit™ Lifetime Guarantee\u003c\/h3\u003e\n\u003cp\u003eReinforced heels and toes with performance yarn protect against high-wear abrasion zones.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eCrew Length\u003c\/h3\u003e\n\u003cp\u003eClassic crew height hits the mid-point of your lower leg for versatile coverage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eMedium Cushioning\u003c\/h3\u003e\n\u003cp\u003eModerate cushioning throughout provides a secure fit with enhanced impact protection.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eDeep Heel Pocket\u003c\/h3\u003e\n\u003cp\u003eComplements your arch with that feel-good fit for all-day wearability.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eEngineered Arch Support\u003c\/h3\u003e\n\u003cp\u003eBuilt-in support stabilizes your stride and provides comfort in style.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eTargeted Cushioning\u003c\/h3\u003e\n\u003cp\u003eAdded comfort exactly where you need it most for superior wearability.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eSeamless Toe Closure\u003c\/h3\u003e\n\u003cp\u003eAnti-friction finish eliminates irritation for maximum comfort your feet will love.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/details\u003e\u003cdetails class=\"accordion-item\"\u003e\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eSizing\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"size-table-wrapper\"\u003e\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\u003ctr\u003e\n\u003cth\u003eSize\u003c\/th\u003e\n\u003cth\u003eUS Women's Shoe Size\u003c\/th\u003e\n\u003c\/tr\u003e\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eS\u003c\/td\u003e\n\u003ctd\u003e5-7.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eM\u003c\/td\u003e\n\u003ctd\u003e8-10.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\u003c\/div\u003e\n\u003cp class=\"size-note\"\u003eCrew height hits the mid-point of your lower leg for classic coverage. If you're between sizes, we recommend sizing up for extra comfort.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Stance","offers":[{"title":"Ivory \/ M \/ Womens","offer_id":52717174325614,"sku":"IST55W009004","price":24.79,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/W_sWafflesNButterCrewSock-Ivory.png?v=1760636688"},{"product_id":"stance-womens-ws-patchwork-cozy-crew-sock-seablue-holiday-2025","title":"W's Patchwork Cozy Crew Sock","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\"\u003eStand out in comfort. Our fan-favorite crew height patterns are designed with extra comfort in every step, featuring a seamless toe cap, targeted cushioning and stay-put fit. Perfect for lounging or adding a cozy touch to your everyday 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\u003eHeavy Cushioning\u003c\/h3\u003e\n\u003cp\u003eMaximized cushioning provides an enhanced fit and our most robust impact protection.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eSeamless Toe Closure\u003c\/h3\u003e\n\u003cp\u003eAnti-friction finish eliminates irritation for a smooth, comfortable feel your feet will love.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eTargeted Cushioning\u003c\/h3\u003e\n\u003cp\u003eStrategic cushioning placement delivers added comfort exactly where you need it most.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eStay-Put Fit\u003c\/h3\u003e\n\u003cp\u003eEngineered design ensures socks stay in place without slipping or bunching.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eCozy Poly Blend\u003c\/h3\u003e\n\u003cp\u003eSoft polyester blend provides exceptional warmth and comfort for all-day wear.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eAll Good Guarantee\u003c\/h3\u003e\n\u003cp\u003eEvery pair is backed by Stance's extensive quality guarantee for complete peace of mind.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/details\u003e\u003cdetails class=\"accordion-item\"\u003e\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eSizing\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"size-table-wrapper\"\u003e\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\u003ctr\u003e\n\u003cth\u003eSize\u003c\/th\u003e\n\u003cth\u003eUS Women\u003c\/th\u003e\n\u003cth\u003eEU\u003c\/th\u003e\n\u003cth\u003eUK\u003c\/th\u003e\n\u003c\/tr\u003e\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eS\u003c\/td\u003e\n\u003ctd\u003e5-7.5\u003c\/td\u003e\n\u003ctd\u003e35-38\u003c\/td\u003e\n\u003ctd\u003e2.5-5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eM\u003c\/td\u003e\n\u003ctd\u003e8-10.5\u003c\/td\u003e\n\u003ctd\u003e38-42\u003c\/td\u003e\n\u003ctd\u003e5.5-8\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\u003c\/div\u003e\n\u003cp class=\"size-note\"\u003eWomen's sizing. For the best fit, choose based on your shoe size. If between sizes, we recommend sizing up for maximum comfort.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Stance","offers":[{"title":"Seablue \/ S \/ Womens","offer_id":52717174456686,"sku":"IST55W012003","price":19.19,"currency_code":"CAD","in_stock":true},{"title":"Seablue \/ M \/ Womens","offer_id":52717174489454,"sku":"IST55W012004","price":19.19,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/W_sPatchworkCozyCrewSock-Seablue.png?v=1760636559"},{"product_id":"stance-womens-ws-patchwork-cozy-crew-box-set-sock-multi-holiday-2025","title":"W's Patchwork Cozy Crew Box Set Sock","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\"\u003eUnwrap the ultimate cozy gift with the Patchwork Cozy Crew Box Set. This premium collection features three pairs of ultra-soft crew socks in festive patchwork designs, perfect for the holiday season. Each pair delivers Stance's legendary comfort with plush cushioning and a relaxed fit that's ideal for lounging or gifting. Presented in a beautiful box set, these socks combine warmth, style, and holiday cheer in one irresistible package.\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\u003e3-Pack Box Set\u003c\/h3\u003e\n\u003cp\u003eThree pairs of cozy crew socks in coordinating designs\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eUltra-Soft Fabric\u003c\/h3\u003e\n\u003cp\u003ePremium plush material for maximum comfort and warmth\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003ePatchwork Design\u003c\/h3\u003e\n\u003cp\u003eFestive multi-pattern aesthetic perfect for the holidays\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eCrew Length\u003c\/h3\u003e\n\u003cp\u003eClassic crew height for versatile wear and coverage\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eCushioned Comfort\u003c\/h3\u003e\n\u003cp\u003eEnhanced padding throughout for all-day coziness\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eGift-Ready Packaging\u003c\/h3\u003e\n\u003cp\u003eBeautiful box presentation ideal for holiday gifting\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/details\u003e\u003cdetails class=\"accordion-item\"\u003e\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eSizing\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"size-table-wrapper\"\u003e\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\u003ctr\u003e\n\u003cth\u003eSize\u003c\/th\u003e\n\u003cth\u003eUS Women\u003c\/th\u003e\n\u003cth\u003eEU\u003c\/th\u003e\n\u003c\/tr\u003e\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eS\u003c\/td\u003e\n\u003ctd\u003e5-7.5\u003c\/td\u003e\n\u003ctd\u003e35-38\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eM\u003c\/td\u003e\n\u003ctd\u003e8-10.5\u003c\/td\u003e\n\u003ctd\u003e39-42\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eL\u003c\/td\u003e\n\u003ctd\u003e11-14\u003c\/td\u003e\n\u003ctd\u003e43-47\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\u003c\/div\u003e\n\u003cp class=\"size-note\"\u003eWomen's sizing. For the best fit, refer to your typical shoe size. Cozy socks feature a relaxed fit for ultimate comfort.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Stance","offers":[{"title":"Multi \/ S \/ Womens","offer_id":52717174620526,"sku":"IST55W014003","price":43.19,"currency_code":"CAD","in_stock":true},{"title":"Multi \/ M \/ Womens","offer_id":52717174653294,"sku":"IST55W014004","price":43.19,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/W_sPatchworkCozyCrewBoxSetSock.png?v=1760635760"},{"product_id":"stance-womens-ws-ruffle-icon-quarter-sock-black-holiday-2025","title":"W's Ruffle Icon Quarter Sock","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\"\u003eClassic with a ruffle. The Stance Women's Ruffle Quarter Crew Socks are a stylish and comfortable choice for everyday wear. Featuring a charming ruffle detail and lightweight construction, these socks combine fashion and function effortlessly.\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\u003eRuffle Detail\u003c\/h3\u003e\n\u003cp\u003eCharming ruffle accent adds a feminine touch to your everyday sock style.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eEngineered Arch Support\u003c\/h3\u003e\n\u003cp\u003eStabilizes your stride with targeted support that keeps socks secure and comfortable all day long.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eDeep Heel Pocket\u003c\/h3\u003e\n\u003cp\u003eContoured heel pocket complements your arch with that feel-good fit and prevents slipping.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eLight Cushioning\u003c\/h3\u003e\n\u003cp\u003eLightweight construction offers a breathable barrier between your foot and shoe with select cushioning.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eTargeted Cushioning\u003c\/h3\u003e\n\u003cp\u003eStrategic cushioning placement delivers added comfort exactly where you need it most.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eSeamless Toe Closure\u003c\/h3\u003e\n\u003cp\u003eAnti-friction finish eliminates irritation for a smooth, comfortable feel your feet will love.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/details\u003e\u003cdetails class=\"accordion-item\"\u003e\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eSizing\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"size-table-wrapper\"\u003e\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\u003ctr\u003e\n\u003cth\u003eSize\u003c\/th\u003e\n\u003cth\u003eUS Women\u003c\/th\u003e\n\u003cth\u003eEU\u003c\/th\u003e\n\u003cth\u003eUK\u003c\/th\u003e\n\u003c\/tr\u003e\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eS\u003c\/td\u003e\n\u003ctd\u003e5-7.5\u003c\/td\u003e\n\u003ctd\u003e35-38\u003c\/td\u003e\n\u003ctd\u003e2.5-5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eM\u003c\/td\u003e\n\u003ctd\u003e8-10.5\u003c\/td\u003e\n\u003ctd\u003e38-42\u003c\/td\u003e\n\u003ctd\u003e5.5-8\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\u003c\/div\u003e\n\u003cp class=\"size-note\"\u003eWomen's sizing. For the best fit, choose based on your shoe size. If between sizes, we recommend sizing up for maximum comfort.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Stance","offers":[{"title":"Black \/ S \/ Womens","offer_id":52717174784366,"sku":"IST55W015003","price":19.19,"currency_code":"CAD","in_stock":false},{"title":"Black \/ M \/ Womens","offer_id":52717174817134,"sku":"IST55W015004","price":19.19,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/W_sRuffleIconQuarterSock-Black-2.png?v=1760635572"},{"product_id":"stance-womens-ws-ruffle-icon-quarter-sock-heathergrey-holiday-2025","title":"W's Ruffle Icon Quarter Sock","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\"\u003eClassic with a ruffle. The Stance Women's Ruffle Quarter Crew Socks are a stylish and comfortable choice for everyday wear. Featuring a charming ruffle detail and lightweight construction, these socks combine fashion and function effortlessly.\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\u003eRuffle Detail\u003c\/h3\u003e\n\u003cp\u003eCharming ruffle accent adds a feminine touch to your everyday sock style.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eEngineered Arch Support\u003c\/h3\u003e\n\u003cp\u003eStabilizes your stride with targeted support that keeps socks secure and comfortable all day long.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eDeep Heel Pocket\u003c\/h3\u003e\n\u003cp\u003eContoured heel pocket complements your arch with that feel-good fit and prevents slipping.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eLight Cushioning\u003c\/h3\u003e\n\u003cp\u003eLightweight construction offers a breathable barrier between your foot and shoe with select cushioning.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eTargeted Cushioning\u003c\/h3\u003e\n\u003cp\u003eStrategic cushioning placement delivers added comfort exactly where you need it most.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eSeamless Toe Closure\u003c\/h3\u003e\n\u003cp\u003eAnti-friction finish eliminates irritation for a smooth, comfortable feel your feet will love.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/details\u003e\u003cdetails class=\"accordion-item\"\u003e\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eSizing\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"size-table-wrapper\"\u003e\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\u003ctr\u003e\n\u003cth\u003eSize\u003c\/th\u003e\n\u003cth\u003eUS Women\u003c\/th\u003e\n\u003cth\u003eEU\u003c\/th\u003e\n\u003cth\u003eUK\u003c\/th\u003e\n\u003c\/tr\u003e\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eS\u003c\/td\u003e\n\u003ctd\u003e5-7.5\u003c\/td\u003e\n\u003ctd\u003e35-38\u003c\/td\u003e\n\u003ctd\u003e2.5-5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eM\u003c\/td\u003e\n\u003ctd\u003e8-10.5\u003c\/td\u003e\n\u003ctd\u003e38-42\u003c\/td\u003e\n\u003ctd\u003e5.5-8\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\u003c\/div\u003e\n\u003cp class=\"size-note\"\u003eWomen's sizing. For the best fit, choose based on your shoe size. If between sizes, we recommend sizing up for maximum comfort.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Stance","offers":[{"title":"Heather Grey \/ S \/ Womens","offer_id":52717174882670,"sku":"IST55W016003","price":19.19,"currency_code":"CAD","in_stock":false},{"title":"Heather Grey \/ M \/ Womens","offer_id":52717174915438,"sku":"IST55W016004","price":19.19,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/W_sRuffleIconQuarterSock-HeatherGrey-2.png?v=1760635487"},{"product_id":"stance-womens-ws-boyd-quarter-sock-ivory-holiday-2025","title":"W's Boyd Quarter Sock","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\"\u003eThe best-selling Boyds. The Boyd's chart-topping success is owed to its quality construction, seamless toe, targeted cushioning, and signature stripes. Crafted from a premium combed cotton blend and featuring Stance's signature performance features, these quarter-length socks deliver the perfect balance of comfort, support, and timeless style for everyday wear.\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\u003eBest-Selling Design\u003c\/h3\u003e\n\u003cp\u003eChart-topping favorite known for quality construction and signature stripe style.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003ePremium Combed Cotton\u003c\/h3\u003e\n\u003cp\u003e77% combed cotton blend provides exceptional softness and breathability for all-day comfort.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eQuarter Length\u003c\/h3\u003e\n\u003cp\u003eSits just above the ankle, the perfect mid-point between low and crew heights.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eMedium Cushioning\u003c\/h3\u003e\n\u003cp\u003eModerate cushioning throughout provides a secure fit with enhanced impact protection.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eDeep Heel Pocket\u003c\/h3\u003e\n\u003cp\u003eComplements your arch with that feel-good fit for all-day wearability.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eEngineered Arch Support\u003c\/h3\u003e\n\u003cp\u003eBuilt-in support stabilizes your stride and provides comfort in style.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eTargeted Cushioning\u003c\/h3\u003e\n\u003cp\u003eAdded comfort exactly where you need it most for superior wearability.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eSeamless Toe Closure\u003c\/h3\u003e\n\u003cp\u003eAnti-friction finish eliminates irritation for maximum comfort your feet will love.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/details\u003e\u003cdetails class=\"accordion-item\"\u003e\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eSizing\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"size-table-wrapper\"\u003e\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\u003ctr\u003e\n\u003cth\u003eSize\u003c\/th\u003e\n\u003cth\u003eUS Women's Shoe Size\u003c\/th\u003e\n\u003c\/tr\u003e\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eS\u003c\/td\u003e\n\u003ctd\u003e5-7.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eM\u003c\/td\u003e\n\u003ctd\u003e8-10.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\u003c\/div\u003e\n\u003cp class=\"size-note\"\u003eQuarter length sits just above the ankle. If you're between sizes, we recommend sizing up for extra comfort.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Stance","offers":[{"title":"Ivory \/ S \/ Womens","offer_id":52717174948206,"sku":"IST55W018003","price":16.79,"currency_code":"CAD","in_stock":true},{"title":"Ivory \/ M \/ Womens","offer_id":52717174980974,"sku":"IST55W018004","price":16.79,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/W_sBoydQuarterSock-Ivory.png?v=1760635372"},{"product_id":"stance-womens-ws-boyd-slub-quarter-sock-cream-holiday-2025","title":"W's Boyd Slub Quarter Sock","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\"\u003eExperience premium comfort with the Boyd Slub Quarter Sock. Crafted from soft slub cotton with a textured finish, this quarter-height sock delivers Stance's signature quality in a versatile cream colorway. Perfect for everyday wear with a touch of elevated style, these socks combine performance features with a refined aesthetic that transitions seamlessly from casual to active settings.\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\u003eSlub Cotton Blend\u003c\/h3\u003e\n\u003cp\u003eTextured slub cotton for enhanced breathability and style\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eQuarter Height\u003c\/h3\u003e\n\u003cp\u003eVersatile quarter-length design for athletic and casual wear\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eSeamless Toe Closure\u003c\/h3\u003e\n\u003cp\u003eAdvanced knitting eliminates uncomfortable seams\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eDeep Heel Pocket\u003c\/h3\u003e\n\u003cp\u003eEngineered fit that stays secure without slipping\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eReinforced Durability\u003c\/h3\u003e\n\u003cp\u003eStrengthened heel and toe for long-lasting wear\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003ePremium Cream Colorway\u003c\/h3\u003e\n\u003cp\u003eVersatile neutral tone pairs with any outfit\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/details\u003e\u003cdetails class=\"accordion-item\"\u003e\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eSizing\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"size-table-wrapper\"\u003e\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\u003ctr\u003e\n\u003cth\u003eSize\u003c\/th\u003e\n\u003cth\u003eUS Women\u003c\/th\u003e\n\u003cth\u003eEU\u003c\/th\u003e\n\u003c\/tr\u003e\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eS\u003c\/td\u003e\n\u003ctd\u003e5-7.5\u003c\/td\u003e\n\u003ctd\u003e35-38\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eM\u003c\/td\u003e\n\u003ctd\u003e8-10.5\u003c\/td\u003e\n\u003ctd\u003e39-42\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eL\u003c\/td\u003e\n\u003ctd\u003e11-14\u003c\/td\u003e\n\u003ctd\u003e43-47\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\u003c\/div\u003e\n\u003cp class=\"size-note\"\u003eWomen's sizing. For the best fit, refer to your typical shoe size. Stance socks feature a performance fit that conforms to your foot.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Stance","offers":[{"title":"Cream \/ S \/ Womens","offer_id":52717175374190,"sku":"IST55W019003","price":16.79,"currency_code":"CAD","in_stock":false},{"title":"Cream \/ M \/ Womens","offer_id":52717175406958,"sku":"IST55W019004","price":16.79,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/W_sBoydSlubQuarterSock-Cream.png?v=1760635316"},{"product_id":"stance-womens-ws-waffles-n-butter-sock-ivory-holiday-2025","title":"W's Waffles N Butter Sock","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\"\u003eSuperior softness at just the right height. Stance Butter Blend™ Quarters deliver a quick hit of color in a trending cut with reinforced Infiknit™ durability. Expertly designed with deep heel cushioning, targeted cushioning, and seamless toe closures, these versatile socks come in a variety of cushioning levels for whatever your endeavor.\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\u003eButter Blend™ Fabric\u003c\/h3\u003e\n\u003cp\u003eLuxuriously soft blend of combed cotton, nylon, micro modal, and lyocell for unmatched comfort.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eInfiknit™ Lifetime Guarantee\u003c\/h3\u003e\n\u003cp\u003eReinforced heels and toes with performance yarn protect against high-wear abrasion zones.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eQuarter Length\u003c\/h3\u003e\n\u003cp\u003eSits just above the ankle, the perfect mid-point between low and crew heights.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eMedium Cushioning\u003c\/h3\u003e\n\u003cp\u003eModerate cushioning throughout provides a secure fit with enhanced impact protection.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eDeep Heel Pocket\u003c\/h3\u003e\n\u003cp\u003eComplements your arch with that feel-good fit for all-day wearability.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eEngineered Arch Support\u003c\/h3\u003e\n\u003cp\u003eBuilt-in support stabilizes your stride and provides comfort in style.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eTargeted Cushioning\u003c\/h3\u003e\n\u003cp\u003eAdded comfort exactly where you need it most for superior wearability.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eSeamless Toe Closure\u003c\/h3\u003e\n\u003cp\u003eAnti-friction finish eliminates irritation for maximum comfort your feet will love.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/details\u003e\u003cdetails class=\"accordion-item\"\u003e\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eSizing\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"size-table-wrapper\"\u003e\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\u003ctr\u003e\n\u003cth\u003eSize\u003c\/th\u003e\n\u003cth\u003eUS Women's Shoe Size\u003c\/th\u003e\n\u003c\/tr\u003e\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eS\u003c\/td\u003e\n\u003ctd\u003e5-7.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eM\u003c\/td\u003e\n\u003ctd\u003e8-10.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\u003c\/div\u003e\n\u003cp class=\"size-note\"\u003eQuarter length sits just above the ankle. If you're between sizes, we recommend sizing up for extra comfort.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Stance","offers":[{"title":"Ivory \/ M \/ Womens","offer_id":52717175472494,"sku":"IST55W020004","price":24.79,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/W_sWafflesNButterSock-Ivory.png?v=1760635243"},{"product_id":"stance-womens-ws-icon-quarter-3pk-sock-lilac-holiday-2025","title":"W's Icon Quarter 3Pk Sock","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\"\u003eA new array of mood-boosting hues and comfort-blasted styles just dropped. Slip on a new pair for total smile saturation. This 3-pack of quarter-height socks delivers premium comfort and style for everyday wear.\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\u003eEngineered Arch Support\u003c\/h3\u003e\n\u003cp\u003eStabilizes your stride with targeted support that keeps socks secure and comfortable all day long.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eDeep Heel Pocket\u003c\/h3\u003e\n\u003cp\u003eContoured heel pocket complements your arch with that feel-good fit and prevents slipping.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eMedium Cushioning\u003c\/h3\u003e\n\u003cp\u003eModerate cushioning throughout provides a secure fit with enhanced impact protection for active wear.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eTargeted Cushioning\u003c\/h3\u003e\n\u003cp\u003eStrategic cushioning placement delivers added comfort exactly where you need it most.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eSeamless Toe Closure\u003c\/h3\u003e\n\u003cp\u003eAnti-friction finish eliminates irritation for a smooth, comfortable feel your feet will love.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003e3-Pack Value\u003c\/h3\u003e\n\u003cp\u003eComplete your sock drawer with three pairs of premium quarter socks in one convenient package.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/details\u003e\u003cdetails class=\"accordion-item\"\u003e\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eSizing\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"size-table-wrapper\"\u003e\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\u003ctr\u003e\n\u003cth\u003eSize\u003c\/th\u003e\n\u003cth\u003eUS Women\u003c\/th\u003e\n\u003cth\u003eEU\u003c\/th\u003e\n\u003cth\u003eUK\u003c\/th\u003e\n\u003c\/tr\u003e\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eS\u003c\/td\u003e\n\u003ctd\u003e5-7.5\u003c\/td\u003e\n\u003ctd\u003e35-38\u003c\/td\u003e\n\u003ctd\u003e2.5-5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eM\u003c\/td\u003e\n\u003ctd\u003e8-10.5\u003c\/td\u003e\n\u003ctd\u003e38-42\u003c\/td\u003e\n\u003ctd\u003e5.5-8\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\u003c\/div\u003e\n\u003cp class=\"size-note\"\u003eWomen's sizing. For the best fit, choose based on your shoe size. If between sizes, we recommend sizing up for maximum comfort.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Stance","offers":[{"title":"Lilac \/ S \/ Womens","offer_id":52717175505262,"sku":"IST55W021003","price":43.19,"currency_code":"CAD","in_stock":false},{"title":"Lilac \/ M \/ Womens","offer_id":52717175538030,"sku":"IST55W021004","price":43.19,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/W_sIconQuarter3PkSock-Lilac.png?v=1760635197"},{"product_id":"stance-unisex-worlds-best-sock-red-holiday-2025","title":"Worlds Best Sock","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\"\u003eCelebrate the season with the World's Best Sock—a festive essential that brings holiday cheer to your everyday rotation. Crafted with Stance's premium quality and signature comfort features, these socks deliver the perfect blend of seasonal style and all-day wearability. Whether you're spreading holiday joy or keeping it cozy at home, the World's Best Sock lives up to its name.\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\u003eHoliday Edition\u003c\/h3\u003e\n\u003cp\u003eFestive design perfect for celebrating the season in style and comfort.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003ePremium Comfort\u003c\/h3\u003e\n\u003cp\u003eEngineered with Stance's signature comfort blend for all-day wearability.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eMedium Cushioning\u003c\/h3\u003e\n\u003cp\u003eModerate cushioning throughout provides a secure fit with enhanced comfort.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eEngineered Arch Support\u003c\/h3\u003e\n\u003cp\u003eBuilt-in support stabilizes your stride and provides all-day comfort.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eDeep Heel Pocket\u003c\/h3\u003e\n\u003cp\u003eComplements your arch with that feel-good fit for superior wearability.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eSeamless Toe Closure\u003c\/h3\u003e\n\u003cp\u003eAnti-friction finish eliminates irritation for maximum comfort your feet will love.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003ePerfect Gift\u003c\/h3\u003e\n\u003cp\u003eMakes an ideal holiday gift for the sock enthusiast in your life.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eAll Good Guarantee\u003c\/h3\u003e\n\u003cp\u003eBacked by Stance's extensive quality guarantee for peace of mind.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/details\u003e\u003cdetails class=\"accordion-item\"\u003e\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eSizing\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"size-table-wrapper\"\u003e\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\u003ctr\u003e\n\u003cth\u003eSize\u003c\/th\u003e\n\u003cth\u003eUS Shoe Size\u003c\/th\u003e\n\u003c\/tr\u003e\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eM\u003c\/td\u003e\n\u003ctd\u003eMen's 6-8.5 \/ Women's 8-10.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eL\u003c\/td\u003e\n\u003ctd\u003eMen's 9-13 \/ Women's 11-14\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\u003c\/div\u003e\n\u003cp class=\"size-note\"\u003eUnisex sizing fits both men and women. If you're between sizes, we recommend sizing up for extra comfort.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Stance","offers":[{"title":"Red \/ M \/ Unisex","offer_id":52717175832942,"sku":"IST55N201004","price":24.79,"currency_code":"CAD","in_stock":true},{"title":"Red \/ L \/ Unisex","offer_id":52717175865710,"sku":"IST55N201005","price":24.79,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/WorldsBestSock-Red-3.png?v=1760135096"},{"product_id":"stance-unisex-big-city-elf-crew-sock-iceblue-holiday-2025","title":"Big City Elf Crew Sock","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\"\u003eTreat every day like Christmas with our official Buddy the Elf holiday socks. Featuring targeted cushioning and a seamless toe closure, these festive crews bring the spirit of the season to your everyday wardrobe. Perfect for fans who want to spread holiday cheer all year long.\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\u003eEngineered Arch Support\u003c\/h3\u003e\n\u003cp\u003eStabilizes your stride with targeted support that keeps socks secure and comfortable all day long.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eDeep Heel Pocket\u003c\/h3\u003e\n\u003cp\u003eContoured heel pocket complements your arch with that feel-good fit and prevents slipping.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eMedium Cushioning\u003c\/h3\u003e\n\u003cp\u003eModerate cushioning throughout provides a secure fit with enhanced impact protection for active wear.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eTargeted Cushioning\u003c\/h3\u003e\n\u003cp\u003eStrategic cushioning placement delivers added comfort exactly where you need it most.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eSeamless Toe Closure\u003c\/h3\u003e\n\u003cp\u003eAnti-friction finish eliminates irritation for a smooth, comfortable feel your feet will love.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eAll Good Guarantee\u003c\/h3\u003e\n\u003cp\u003eEvery pair is backed by Stance's extensive quality guarantee for complete peace of mind.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/details\u003e\u003cdetails class=\"accordion-item\"\u003e\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eSizing\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"size-table-wrapper\"\u003e\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\u003ctr\u003e\n\u003cth\u003eSize\u003c\/th\u003e\n\u003cth\u003eUS Men\u003c\/th\u003e\n\u003cth\u003eUS Women\u003c\/th\u003e\n\u003cth\u003eEU\u003c\/th\u003e\n\u003cth\u003eUK\u003c\/th\u003e\n\u003c\/tr\u003e\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eM\u003c\/td\u003e\n\u003ctd\u003e6-8.5\u003c\/td\u003e\n\u003ctd\u003e8-10.5\u003c\/td\u003e\n\u003ctd\u003e38-42\u003c\/td\u003e\n\u003ctd\u003e5.5-8\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eL\u003c\/td\u003e\n\u003ctd\u003e9-13\u003c\/td\u003e\n\u003ctd\u003e11-14\u003c\/td\u003e\n\u003ctd\u003e43-47\u003c\/td\u003e\n\u003ctd\u003e8.5-12\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\u003c\/div\u003e\n\u003cp class=\"size-note\"\u003eUnisex sizing. For the best fit, choose based on your shoe size. If between sizes, we recommend sizing up for maximum comfort.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Stance","offers":[{"title":"Iceblue \/ M \/ Unisex","offer_id":52717176324462,"sku":"IST55N202004","price":24.79,"currency_code":"CAD","in_stock":true},{"title":"Iceblue \/ L \/ Unisex","offer_id":52717176357230,"sku":"IST55N202005","price":24.79,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/BigCityElfCrewSock-IceBlue3.png?v=1760135605"},{"product_id":"stance-unisex-home-alone-sock-multi-holiday-2025","title":"Home Alone Sock","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\n\u003cdiv class=\"product-description\"\u003e\n\u003cp class=\"intro-text\"\u003eKevin! Celebrate the iconic holiday movie with these Home Alone-themed crews. Perfect for fans who want to bring a touch of nostalgic holiday cheer to their everyday wardrobe. These festive socks combine classic comfort with memorable movie moments.\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\u003eEngineered Arch Support\u003c\/h3\u003e\n\u003cp\u003eStabilizes your stride with targeted support that keeps socks secure and comfortable all day long.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eDeep Heel Pocket\u003c\/h3\u003e\n\u003cp\u003eContoured heel pocket complements your arch with that feel-good fit and prevents slipping.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eMedium Cushioning\u003c\/h3\u003e\n\u003cp\u003eModerate cushioning throughout provides a secure fit with enhanced impact protection for active wear.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eTargeted Cushioning\u003c\/h3\u003e\n\u003cp\u003eStrategic cushioning placement delivers added comfort exactly where you need it most.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eSeamless Toe Closure\u003c\/h3\u003e\n\u003cp\u003eAnti-friction finish eliminates irritation for a smooth, comfortable feel your feet will love.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eAll Good Guarantee\u003c\/h3\u003e\n\u003cp\u003eEvery pair is backed by Stance's extensive quality guarantee for complete peace of mind.\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\u003eUS Men\u003c\/th\u003e\n\u003cth\u003eUS Women\u003c\/th\u003e\n\u003cth\u003eEU\u003c\/th\u003e\n\u003cth\u003eUK\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eM\u003c\/td\u003e\n\u003ctd\u003e6-8.5\u003c\/td\u003e\n\u003ctd\u003e8-10.5\u003c\/td\u003e\n\u003ctd\u003e38-42\u003c\/td\u003e\n\u003ctd\u003e5.5-8\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eL\u003c\/td\u003e\n\u003ctd\u003e9-13\u003c\/td\u003e\n\u003ctd\u003e11-14\u003c\/td\u003e\n\u003ctd\u003e43-47\u003c\/td\u003e\n\u003ctd\u003e8.5-12\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003cp class=\"size-note\"\u003eUnisex sizing. For the best fit, choose based on your shoe size. If between sizes, we recommend sizing up for maximum comfort.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Stance","offers":[{"title":"Multi \/ M \/ Unisex","offer_id":52717176586606,"sku":"IST55N203004","price":24.79,"currency_code":"CAD","in_stock":false},{"title":"Multi \/ L \/ Unisex","offer_id":52717176619374,"sku":"IST55N203005","price":24.79,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/HomeAloneSock-Multi-3.png?v=1760135349"},{"product_id":"stance-unisex-pikachu-crew-sock-yellow-holiday-2025","title":"Pikachu Crew Sock","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\"\u003e\u003cstrong\u003eGet These Pokemon Styles\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003e\u003cspan\u003eOne of everyone's favorite electric-type Pokémon gets its very own crew. This Pikachu features a seamless toe cap, targeted cushioning and stay-put fit.\u003c\/span\u003e\u003cbr\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\u003e\u003cspan\u003eThe Stance “All Good” Guarantee\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp\u003e\u003cspan\u003eQuality and craftsmanship are two things we take very seriously here at Stance, which is why every single one of our products comes backed by our extensive All Good Guarantee.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003e\u003cspan\u003eCrew\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp\u003e\u003cspan\u003eA classic sock height that hits the mid-point of your lower leg.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003e\u003cspan\u003eMedium Cushioning\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp\u003e\u003cspan\u003eModerate cushioning throughout the sock for a secure fit with enhanced impact protection.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003e\u003cspan\u003eDeep Heel Pocket\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp\u003e\u003cspan\u003eDeep Heel Pockets complement your arch with that feel-good fit.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003e\u003cspan\u003eEngineered Arch Support\u003c\/span\u003e\u003c\/h3\u003e\n\u003cdiv class=\"product__content\"\u003e\n\u003cdiv class=\"product__entry\"\u003e\n\u003cp\u003eEngineered Arch Support stabilizes your swing in style\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003e\u003cspan\u003eTargeted Cushioning\u003c\/span\u003e\u003c\/h3\u003e\n\u003cdiv class=\"product__content\"\u003e\n\u003cdiv class=\"product__entry\"\u003e\n\u003cp\u003eTargeted Cushioning for added comfort where you need it most.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003e\u003cspan\u003eSeamless Toe Closure\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp\u003e\u003cspan\u003eSeamless Toe Closure for an anti-friction finish your feet will love.\u003c\/span\u003e\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\u003eUS Size\u003c\/th\u003e\n\u003cth\u003eUS Men\u003c\/th\u003e\n\u003cth\u003eUS Women\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eSmall\u003c\/td\u003e\n\u003ctd\u003e3-5.5\u003c\/td\u003e\n\u003ctd\u003e5-7.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eMedium\u003c\/td\u003e\n\u003ctd\u003e6-8.5\u003c\/td\u003e\n\u003ctd\u003e8-10.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eLarge\u003c\/td\u003e\n\u003ctd\u003e9-13\u003c\/td\u003e\n\u003ctd\u003e11-14\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Stance","offers":[{"title":"Yellow \/ S \/ Unisex","offer_id":52717176717678,"sku":"IST55N206003","price":24.79,"currency_code":"CAD","in_stock":true},{"title":"Yellow \/ M \/ Unisex","offer_id":52717176750446,"sku":"IST55N206004","price":24.79,"currency_code":"CAD","in_stock":true},{"title":"Yellow \/ L \/ Unisex","offer_id":52717176783214,"sku":"IST55N206005","price":24.79,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/PikachuCrewSock-2.png?v=1760134627"},{"product_id":"stance-unisex-jigglypuff-crew-sock-pink-holiday-2025","title":"Jigglypuff Crew Sock","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\"\u003eOne of everyone's favorite Fairy-type Pokémon gets its very own crew. This Jigglypuff style features a seamless toe cap, targeted cushioning and stay-put fit. Perfect for Pokémon fans who want to add a touch of playful charm to their everyday wardrobe.\u003c\/p\u003e\n\u003cdetails class=\"accordion-item\"\u003e\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eFeatures\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"accordion-content\"\u003e\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eEngineered Arch Support\u003c\/h3\u003e\n\u003cp\u003eStabilizes your stride with targeted support that keeps socks secure and comfortable all day long.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eDeep Heel Pocket\u003c\/h3\u003e\n\u003cp\u003eContoured heel pocket complements your arch with that feel-good fit and prevents slipping.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eMedium Cushioning\u003c\/h3\u003e\n\u003cp\u003eModerate cushioning throughout provides a secure fit with enhanced impact protection for active wear.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eTargeted Cushioning\u003c\/h3\u003e\n\u003cp\u003eStrategic cushioning placement delivers added comfort exactly where you need it most.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eSeamless Toe Closure\u003c\/h3\u003e\n\u003cp\u003eAnti-friction finish eliminates irritation for a smooth, comfortable feel your feet will love.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eAll Good Guarantee\u003c\/h3\u003e\n\u003cp\u003eEvery pair is backed by Stance's extensive quality guarantee for complete peace of mind.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/details\u003e\u003cdetails class=\"accordion-item\"\u003e\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eSizing\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"size-table-wrapper\"\u003e\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\u003ctr\u003e\n\u003cth\u003eSize\u003c\/th\u003e\n\u003cth\u003eUS Men\u003c\/th\u003e\n\u003cth\u003eUS Women\u003c\/th\u003e\n\u003cth\u003eEU\u003c\/th\u003e\n\u003cth\u003eUK\u003c\/th\u003e\n\u003c\/tr\u003e\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eS\u003c\/td\u003e\n\u003ctd\u003e3-5.5\u003c\/td\u003e\n\u003ctd\u003e5-7.5\u003c\/td\u003e\n\u003ctd\u003e35-38\u003c\/td\u003e\n\u003ctd\u003e2.5-5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eM\u003c\/td\u003e\n\u003ctd\u003e6-8.5\u003c\/td\u003e\n\u003ctd\u003e8-10.5\u003c\/td\u003e\n\u003ctd\u003e38-42\u003c\/td\u003e\n\u003ctd\u003e5.5-8\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eL\u003c\/td\u003e\n\u003ctd\u003e9-13\u003c\/td\u003e\n\u003ctd\u003e11-14\u003c\/td\u003e\n\u003ctd\u003e43-47\u003c\/td\u003e\n\u003ctd\u003e8.5-12\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\u003c\/div\u003e\n\u003cp class=\"size-note\"\u003eUnisex sizing. For the best fit, choose based on your shoe size. If between sizes, we recommend sizing up for maximum comfort.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Stance","offers":[{"title":"Pink \/ S \/ Unisex","offer_id":52717176979822,"sku":"IST55N208003","price":24.79,"currency_code":"CAD","in_stock":true},{"title":"Pink \/ M \/ Unisex","offer_id":52717177012590,"sku":"IST55N208004","price":24.79,"currency_code":"CAD","in_stock":true},{"title":"Pink \/ L \/ Unisex","offer_id":52717177045358,"sku":"IST55N208005","price":24.79,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/JigglypuffCrewSock-3.png?v=1760134456"},{"product_id":"stance-unisex-star-wars-creature-box-set-sock-multi-holiday-2025","title":"Star Wars Creature Box Set Sock","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\n\u003cdiv class=\"product-description\"\u003e\n\u003cp class=\"intro-text\"\u003eYou don't need to go to a galaxy far, far away to find this limited edition creature box set collection. Featuring a fuzzy fabrication for extra coziness, a seamless toe cap, targeted cushioning and stay-put fit. This collectible set brings iconic Star Wars creatures to life with premium comfort and style.\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\u003eFuzzy Fabrication\u003c\/h3\u003e\n\u003cp\u003eSoft, plush material provides extra warmth and coziness for ultimate comfort.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eSeamless Toe Cap\u003c\/h3\u003e\n\u003cp\u003eSeamless construction eliminates irritation for a smooth, comfortable feel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eTargeted Cushioning\u003c\/h3\u003e\n\u003cp\u003eStrategic cushioning placement delivers added comfort exactly where you need it most.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eStay-Put Fit\u003c\/h3\u003e\n\u003cp\u003eEngineered design ensures socks stay in place without slipping or bunching.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eLimited Edition\u003c\/h3\u003e\n\u003cp\u003eCollectible Star Wars creature designs make this box set a must-have for fans.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eAll Good Guarantee\u003c\/h3\u003e\n\u003cp\u003eEvery pair is backed by Stance's extensive quality guarantee for complete peace of mind.\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\u003eUS Men\u003c\/th\u003e\n\u003cth\u003eUS Women\u003c\/th\u003e\n\u003cth\u003eEU\u003c\/th\u003e\n\u003cth\u003eUK\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eM\u003c\/td\u003e\n\u003ctd\u003e6-8.5\u003c\/td\u003e\n\u003ctd\u003e8-10.5\u003c\/td\u003e\n\u003ctd\u003e38-42\u003c\/td\u003e\n\u003ctd\u003e5.5-8\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eL\u003c\/td\u003e\n\u003ctd\u003e9-13\u003c\/td\u003e\n\u003ctd\u003e11-14\u003c\/td\u003e\n\u003ctd\u003e43-47\u003c\/td\u003e\n\u003ctd\u003e8.5-12\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003cp class=\"size-note\"\u003eUnisex sizing. For the best fit, choose based on your shoe size. If between sizes, we recommend sizing up for maximum comfort.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Stance","offers":[{"title":"Multi \/ M \/ Unisex","offer_id":52717177438574,"sku":"IST55N216004","price":103.99,"currency_code":"CAD","in_stock":true},{"title":"Multi \/ L \/ Unisex","offer_id":52717177471342,"sku":"IST55N216005","price":103.99,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/StarWarsCreatureBoxSetSock-4.png?v=1760634480"},{"product_id":"stance-unisex-origin-6pk-crew-sock-black-holiday-2025","title":"Origin 6Pk Crew Sock","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\n\u003cdiv class=\"product-description\"\u003e\n\u003cp class=\"intro-text\"\u003ePremium crew socks designed for everyday comfort and durability. This 6-pack features Stance's signature quality construction with reinforced heel and toe, arch support, and moisture-wicking technology. Perfect for active lifestyles, these versatile socks deliver all-day comfort whether you're hitting the gym, the office, or just relaxing at home.\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\u003eArch Support\u003c\/h3\u003e\n\u003cp\u003eEngineered arch support provides a secure, comfortable fit that reduces foot fatigue throughout the day.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eReinforced Construction\u003c\/h3\u003e\n\u003cp\u003eReinforced heel and toe areas ensure long-lasting durability in high-wear zones.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eMoisture Management\u003c\/h3\u003e\n\u003cp\u003eAdvanced moisture-wicking fibers keep feet dry and comfortable during any activity.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eSeamless Toe Closure\u003c\/h3\u003e\n\u003cp\u003eSeamless toe design eliminates irritation and provides a smooth, comfortable feel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eDeep Heel Pocket\u003c\/h3\u003e\n\u003cp\u003eContoured heel pocket ensures socks stay in place without slipping or bunching.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003e6-Pack Value\u003c\/h3\u003e\n\u003cp\u003eComplete your sock drawer with six pairs of premium crew socks in one convenient package.\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\u003eUS Men\u003c\/th\u003e\n\u003cth\u003eUS Women\u003c\/th\u003e\n\u003cth\u003eEU\u003c\/th\u003e\n\u003cth\u003eUK\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eM\u003c\/td\u003e\n\u003ctd\u003e6-8.5\u003c\/td\u003e\n\u003ctd\u003e8-10.5\u003c\/td\u003e\n\u003ctd\u003e38-42\u003c\/td\u003e\n\u003ctd\u003e5.5-8\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eL\u003c\/td\u003e\n\u003ctd\u003e9-13\u003c\/td\u003e\n\u003ctd\u003e11-14\u003c\/td\u003e\n\u003ctd\u003e43-47\u003c\/td\u003e\n\u003ctd\u003e8.5-12\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003cp class=\"size-note\"\u003eUnisex sizing. For the best fit, choose based on your shoe size. If between sizes, we recommend sizing up for maximum comfort.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Stance","offers":[{"title":"Black \/ M \/ Unisex","offer_id":52717177602414,"sku":"IST55N232004","price":39.99,"currency_code":"CAD","in_stock":true},{"title":"Black \/ L \/ Unisex","offer_id":52717177635182,"sku":"IST55N232005","price":39.99,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/Origin6PkCrewSock-Black.png?v=1760634296"},{"product_id":"stance-unisex-core-6pk-crew-sock-multi-holiday-2025","title":"Core 6Pk Crew Sock","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 crew socks designed for everyday comfort and durability. This 6-pack features Stance's signature quality construction with reinforced heel and toe, arch support, and moisture-wicking technology. Perfect for active lifestyles, these versatile socks deliver all-day comfort whether you're hitting the gym, the office, or just relaxing at home.\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\u003eArch Support\u003c\/h3\u003e\n\u003cp\u003eEngineered arch support provides a secure, comfortable fit that reduces foot fatigue throughout the day.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eReinforced Construction\u003c\/h3\u003e\n\u003cp\u003eReinforced heel and toe areas ensure long-lasting durability in high-wear zones.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eMoisture Management\u003c\/h3\u003e\n\u003cp\u003eAdvanced moisture-wicking fibers keep feet dry and comfortable during any activity.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eSeamless Toe Closure\u003c\/h3\u003e\n\u003cp\u003eSeamless toe design eliminates irritation and provides a smooth, comfortable feel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eDeep Heel Pocket\u003c\/h3\u003e\n\u003cp\u003eContoured heel pocket ensures socks stay in place without slipping or bunching.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003e6-Pack Value\u003c\/h3\u003e\n\u003cp\u003eComplete your sock drawer with six pairs of premium crew socks in one convenient package.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/details\u003e\u003cdetails class=\"accordion-item\"\u003e\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eSizing\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"size-table-wrapper\"\u003e\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\u003ctr\u003e\n\u003cth\u003eSize\u003c\/th\u003e\n\u003cth\u003eUS Men\u003c\/th\u003e\n\u003cth\u003eUS Women\u003c\/th\u003e\n\u003cth\u003eEU\u003c\/th\u003e\n\u003cth\u003eUK\u003c\/th\u003e\n\u003c\/tr\u003e\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eM\u003c\/td\u003e\n\u003ctd\u003e6-8.5\u003c\/td\u003e\n\u003ctd\u003e8-10.5\u003c\/td\u003e\n\u003ctd\u003e38-42\u003c\/td\u003e\n\u003ctd\u003e5.5-8\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eL\u003c\/td\u003e\n\u003ctd\u003e9-13\u003c\/td\u003e\n\u003ctd\u003e11-14\u003c\/td\u003e\n\u003ctd\u003e43-47\u003c\/td\u003e\n\u003ctd\u003e8.5-12\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\u003c\/div\u003e\n\u003cp class=\"size-note\"\u003eUnisex sizing. For the best fit, choose based on your shoe size. If between sizes, we recommend sizing up for maximum comfort.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Stance","offers":[{"title":"Multi \/ M \/ Unisex","offer_id":52717177930094,"sku":"IST55N243004","price":39.99,"currency_code":"CAD","in_stock":true},{"title":"Multi \/ L \/ Unisex","offer_id":52717177962862,"sku":"IST55N243005","price":39.99,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/Core6PkCrewSock-Multi.png?v=1760634059"},{"product_id":"spitfire-unisex-thrash-burn-80hd-classic-full-wheels-black-holiday-2025","title":"Thrash \u0026 Burn 80HD Classic Full Wheels","description":"\u003cdiv style=\"max-width: 800px; margin: 0 auto; font-family:\u0026lt;li\u0026gt;apple-system, BlinkMacSystemFont, sans-serif;\"\u003e\n\u003cdetails style=\"border-bottom: 1px solid #000000; padding: 1rem 0; transition: all 0.2s ease;\"\u003e\n\u003csummary style=\"display: flex; justify-content: space-between; align-items: center; list-style: none; cursor: pointer; font-weight: 500; font-size: 1.5rem; padding: 0.5rem 0;\"\u003e\u003cspan\u003e\u003cstrong\u003eThrash \u0026amp; Burn 80HD Classic Full Wheels\u003c\/strong\u003e\u003c\/span\u003e\u003cspan style=\"font-size: 1.5rem; transition: transform 0.2s ease;\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv style=\"padding: 1rem 0 0.5rem; color: #000; line-height: 1.6;\"\u003e\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails style=\"border-bottom: 1px solid #000000; padding: 1rem 0; transition: all 0.2s ease;\"\u003e\n\u003csummary style=\"display: flex; justify-content: space-between; align-items: center; list-style: none; cursor: pointer; font-weight: 500; font-size: 1.5rem; padding: 0.5rem 0;\"\u003e\u003cspan\u003e\u003cstrong\u003eFeatures\u003c\/strong\u003e\u003c\/span\u003e \u003cspan style=\"font-size: 1.5rem; transition: transform 0.2s ease;\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv style=\"padding: 1rem 0 0.5rem; color: #000; line-height: 1.6;\"\u003e\n\u003cul style=\"padding-left: 1.5rem; margin: 0;\"\u003e\u003cli\u003e\n\n\u003c\/li\u003e\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cspan\u003e\u003cstrong\u003e\u003c\/strong\u003e\u003c\/span\u003e\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Spitfire","offers":[{"title":"Black \/ 56 \/ Unisex","offer_id":52750571045230,"sku":"SPI55N001056","price":60.79,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/Thrash_Burn_80HD_Classic_Full_Wheels-Black-2025_0f98413a-5405-4c10-a111-45cad5906dfd.png?v=1760465012"},{"product_id":"brixton-mens-coors-light-shake-down-s-s-silver-black-holiday-2025","title":"Coors Light Shake Down S\/S","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n    * {\n        margin: 0;\n        padding: 0;\n        box-sizing: border-box;\n        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n    }\n    \n    body {\n        background-color: #f8fafc;\n        color: #334155;\n        line-height: 1.6;\n        padding: 2rem 1rem 2rem 51px;\n    }\n    \n    .container {\n        max-width: 800px;\n        margin: 0 0 0 0;\n        background: white;\n        border-radius: 16px;\n        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);\n        overflow: hidden;\n    }\n    \n    .product-header {\n        padding: 2rem 2rem 1rem;\n    }\n    \n    .product-title {\n        font-size: 2rem;\n        font-weight: 700;\n        margin-bottom: 0.5rem;\n        color: #1e293b;\n    }\n    \n    .product-subtitle {\n        font-size: 1.3rem;\n        color: #64748b;\n        font-weight: 400;\n    }\n    \n    .details-container {\n        padding: 0;\n    }\n    \n    .detail-item {\n        border-bottom: 1px solid #e2e8f0;\n        transition: all 0.3s ease;\n    }\n    \n    .detail-item:last-child {\n        border-bottom: none;\n    }\n    \n    .detail-summary {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        padding: 1.5rem 2rem;\n        cursor: pointer;\n        list-style: none;\n        font-weight: 600;\n        font-size: 1.55rem;\n        transition: background-color 0.2s ease;\n    }\n    \n    .detail-summary:hover {\n        background-color: #f8fafc;\n    }\n    \n    .detail-summary::-webkit-details-marker {\n        display: none;\n    }\n    \n    .detail-icon {\n        font-size: 1.55rem;\n        transition: transform 0.3s ease;\n        color: #64748b;\n    }\n    \n    .detail-item[open] .detail-icon {\n        transform: rotate(45deg);\n    }\n    \n    .detail-content {\n        padding: 0 2rem 1.5rem;\n        color: #475569;\n        line-height: 1.7;\n        font-size: 1.3rem;\n    }\n    \n    .intro-text {\n        font-size: 1.3rem;\n        margin-bottom: 1rem;\n        font-weight: 600;\n    }\n    \n    .features-grid {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 1.5rem;\n        margin-top: 1rem;\n    }\n    \n    .feature {\n        padding: 1.5rem;\n        background: #f8fafc;\n        border-radius: 12px;\n        transition: transform 0.2s ease, box-shadow 0.2s ease;\n    }\n    \n    .feature:hover {\n        transform: translateY(-2px);\n        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);\n    }\n    \n    .feature-content h3 {\n        font-size: 1.45rem;\n        color: #1e293b;\n        margin-bottom: 0.75rem;\n        font-weight: 600;\n    }\n    \n    .feature-content p {\n        color: #64748b;\n        font-size: 1.35rem;\n        line-height: 1.7;\n    }\n    \n    .feature-content ul {\n        color: #64748b;\n        font-size: 1.35rem;\n        line-height: 1.7;\n        padding-left: 1.5rem;\n    }\n    \n    .feature-content li {\n        margin-bottom: 0.5rem;\n    }\n    \n    \/* ===== CHART STYLES - FIXED ALIGNMENT ===== *\/\n    \n    \/* Main chart container *\/\n    .rating-chart {\n        margin-top: 1rem;\n    }\n    \n    \/* Individual rating items - FIXED ALIGNMENT *\/\n    .rating-item {\n        display: flex;\n        align-items: center;\n        margin-bottom: 1.5rem;\n        padding: 0.25rem 0;\n        gap: 1rem; \/* Added gap for consistent spacing *\/\n    }\n    \n    \/* Label for each rating (terrain type) - FIXED WIDTH *\/\n    .rating-label {\n        width: 120px; \/* Increased width for better alignment *\/\n        font-weight: 600;\n        color: #1e293b;\n        flex-shrink: 0; \/* Prevent label from shrinking *\/\n    }\n    \n    \/* Container for the bar and scale - FIXED FLEX GROWTH *\/\n    .rating-bar-wrapper {\n        flex: 1;\n        min-width: 0; \/* Allow proper flex shrinking *\/\n    }\n    \n    \/* Container for the bar *\/\n    .rating-bar-container {\n        height: 18px;\n        background: #e2e8f0;\n        border-radius: 9px;\n        overflow: hidden;\n        position: relative;\n    }\n    \n    \/* The actual colored bar - UPDATED with CSS variable for individual control *\/\n    .rating-bar {\n        height: 100%;\n        background: linear-gradient(90deg, #ffffff var(--white-stop, 10%), #1d4ed8);\n        border-radius: 9px;\n        transition: width 0.5s ease;\n    }\n    \n    \/* Different color options *\/\n    .rating-bar.green { background: linear-gradient(90deg, #10b981, #059669); }\n    .rating-bar.orange { background: linear-gradient(90deg, #f59e0b, #d97706); }\n    .rating-bar.red { background: linear-gradient(90deg, #ef4444, #dc2626); }\n    .rating-bar.purple { background: linear-gradient(90deg, #8b5cf6, #7c3aed); }\n    \n    \/* Scale labels container *\/\n    .rating-scale {\n        display: flex;\n        justify-content: space-between;\n        margin-top: 0.5rem;\n        color: #64748b;\n        font-size: 1.1rem;\n        font-weight: 500;\n        padding: 0 5px;\n    }\n    \n    \/* Numerical value display - FIXED WIDTH *\/\n    .rating-value {\n        width: 60px; \/* Increased width for better alignment *\/\n        text-align: right;\n        font-weight: 600;\n        color: #1e293b;\n        flex-shrink: 0; \/* Prevent value from shrinking *\/\n    }\n    \n    \/* Flex summary spacing - BALANCED *\/\n    .flex-summary {\n        margin-top: 0.75rem;\n        padding-top: 0.75rem;\n        color: #64748b;\n        font-size: 1.3rem;\n        line-height: 1.6;\n    }\n    \n    \/* ===== UPDATED SIZE CHART STYLES ===== *\/\n    .size-chart {\n        width: 100%;\n        border-collapse: collapse;\n        margin: 1rem 0;\n        background: #f8fafc;\n        border-radius: 12px;\n        overflow: hidden;\n        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n    }\n    \n    .size-chart th {\n        background: #64748b;\n        color: white;\n        font-weight: 600;\n        padding: 1rem;\n        text-align: center;\n        font-size: 1.2rem;\n    }\n    \n    .size-chart td {\n        padding: 1rem;\n        text-align: center;\n        border-bottom: 1px solid #e2e8f0;\n        font-size: 1.2rem;\n        transition: all 0.2s ease;\n    }\n    \n    .size-chart tr:last-child td {\n        border-bottom: none;\n    }\n    \n    \/* Individual row hover effect *\/\n    .size-chart tr:hover td {\n        background: #e2e8f0;\n    }\n    \n    .size-chart tr:hover .size-header {\n        background: #e2e8f0;\n    }\n    \n    .size-header {\n        font-weight: 700;\n        color: #1e293b;\n        background: #f1f5f9;\n        transition: all 0.2s ease;\n    }\n    \n    @media (max-width: 768px) {\n        .features-grid {\n            grid-template-columns: 1fr;\n        }\n    }\n    \n    @media (max-width: 640px) {\n        body {\n            padding: 2rem 1rem 2rem 21px;\n        }\n        \n        .product-title {\n            font-size: 1.8rem;\n        }\n        \n        .detail-summary {\n            padding: 1.25rem 1.5rem;\n            font-size: 1.4rem;\n        }\n        \n        .detail-content {\n            padding: 0 1.5rem 1.25rem;\n            font-size: 1.25rem;\n        }\n        \n        .intro-text {\n            font-size: 1.25rem;\n        }\n        \n        .feature-content h3 {\n            font-size: 1.35rem;\n        }\n        \n        .feature-content p, .feature-content ul {\n            font-size: 1.3rem;\n        }\n        \n        .rating-label {\n            width: 100px;\n        }\n        \n        .rating-bar-wrapper {\n            margin: 0;\n        }\n        \n        .rating-bar-container {\n            height: 16px;\n        }\n        \n        .rating-item {\n            margin-bottom: 1.25rem;\n            gap: 0.75rem;\n        }\n        \n        .rating-scale {\n            font-size: 1rem;\n            padding: 0 3px;\n        }\n        \n        .rating-value {\n            width: 50px;\n        }\n        \n        .flex-summary {\n            margin-top: 0.6rem;\n            padding-top: 0.6rem;\n            font-size: 1.25rem;\n        }\n        \n        .size-chart th,\n        .size-chart td {\n            padding: 0.75rem 0.5rem;\n            font-size: 1.1rem;\n        }\n    }\n\u003c\/style\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"product-header\"\u003e\n\u003ch1 class=\"product-title\"\u003eCoors Light Shake It Down Shirt\u003c\/h1\u003e\n\u003cp class=\"product-subtitle\"\u003e\u003cspan\u003eChannel your inner speed demon with the Coors Light Shake Down Shirt\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"details-container\"\u003e\n\u003cdetails class=\"detail-item\"\u003e\n\u003csummary class=\"detail-summary\"\u003e\u003cspan\u003eProduct Overview\u003c\/span\u003e \u003cspan class=\"detail-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"detail-content\"\u003e\n\u003cp\u003e\u003cspan\u003eThe piece paneling construction and merrowed edge embroidered patches bring authentic racing heritage to life, while the sleek silver and black colorway with bold red racing stripes screams vintage motorsport in all the right ways. Whether you're actually working on your ride, hitting up a car show, or just want to look like you know your way around an engine bay, this straight-hem design delivers that perfect garage-to-street aesthetic.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"detail-item\"\u003e\n\u003csummary class=\"detail-summary\"\u003e\u003cspan\u003eFeatures\u003c\/span\u003e \u003cspan class=\"detail-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"detail-content\"\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature\"\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch3\u003eMaterial\u003c\/h3\u003e\n\u003cp\u003e\u003cspan\u003e65% Polyester 35% Cotton\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch3\u003ePrint\u003c\/h3\u003e\n\u003cp\u003e\u003cspan\u003ePremium Screen-Printed Graphic\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch3\u003eFit\u003c\/h3\u003e\n\u003cp\u003e\u003cspan\u003eRelaxed Fit\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch3\u003eDetailing\u003c\/h3\u003e\n\u003cp\u003e\u003cspan\u003eEmbroidered Patch \u0026amp; Logo\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch3\u003eConstruction\u003c\/h3\u003e\n\u003cp\u003e\u003cspan\u003ePaneled construction with merrowed edge\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch3\u003eStyle#\u003c\/h3\u003e\n\u003cp\u003e\u003cspan\u003e03481-SLVBK\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"detail-item\"\u003e\n\u003csummary class=\"detail-summary\"\u003e\u003cspan\u003eSize Chart\u003c\/span\u003e \u003cspan class=\"detail-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"detail-content\"\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature\"\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch3\u003eSize Chart\u003c\/h3\u003e\n\u003ctable class=\"size-chart\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eSize\u003c\/th\u003e\n\u003cth\u003eChest (in)\u003c\/th\u003e\n\u003cth\u003eWaist (in)\u003c\/th\u003e\n\u003cth\u003eHips (in)\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd class=\"size-header\"\u003eS\u003c\/td\u003e\n\u003ctd\u003e38-39\u003c\/td\u003e\n\u003ctd\u003e30-31\u003c\/td\u003e\n\u003ctd\u003e38-39\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"size-header\"\u003eM\u003c\/td\u003e\n\u003ctd\u003e40-42\u003c\/td\u003e\n\u003ctd\u003e32-34\u003c\/td\u003e\n\u003ctd\u003e40-42\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"size-header\"\u003eL\u003c\/td\u003e\n\u003ctd\u003e44-46\u003c\/td\u003e\n\u003ctd\u003e36-38\u003c\/td\u003e\n\u003ctd\u003e44-46\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"size-header\"\u003eXL\u003c\/td\u003e\n\u003ctd\u003e48.50\u003c\/td\u003e\n\u003ctd\u003e38-40\u003c\/td\u003e\n\u003ctd\u003e48-50\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Brixton","offers":[{"title":"Silver\/Black \/ M \/ Mens","offer_id":52935641170286,"sku":"BRI55M007004","price":95.99,"currency_code":"CAD","in_stock":false},{"title":"Silver\/Black \/ L \/ Mens","offer_id":52935641203054,"sku":"BRI55M007005","price":95.99,"currency_code":"CAD","in_stock":true},{"title":"Silver\/Black \/ XL \/ Mens","offer_id":52935641235822,"sku":"BRI55M007006","price":95.99,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/CoorsLightShakeDownS_S-Silver_Blaxk.png?v=1762462844"},{"product_id":"brixton-mens-coors-light-berm-crew-coors-navy-holiday-2025","title":"Coors Light Berm Crew","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n    * {\n        margin: 0;\n        padding: 0;\n        box-sizing: border-box;\n        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n    }\n    \n    body {\n        background-color: #f8fafc;\n        color: #334155;\n        line-height: 1.6;\n        padding: 2rem 1rem 2rem 51px;\n    }\n    \n    .container {\n        max-width: 800px;\n        margin: 0 0 0 0;\n        background: white;\n        border-radius: 16px;\n        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);\n        overflow: hidden;\n    }\n    \n    .product-header {\n        padding: 2rem 2rem 1rem;\n    }\n    \n    .product-title {\n        font-size: 2rem;\n        font-weight: 700;\n        margin-bottom: 0.5rem;\n        color: #1e293b;\n    }\n    \n    .product-subtitle {\n        font-size: 1.3rem;\n        color: #64748b;\n        font-weight: 400;\n    }\n    \n    .details-container {\n        padding: 0;\n    }\n    \n    .detail-item {\n        border-bottom: 1px solid #e2e8f0;\n        transition: all 0.3s ease;\n    }\n    \n    .detail-item:last-child {\n        border-bottom: none;\n    }\n    \n    .detail-summary {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        padding: 1.5rem 2rem;\n        cursor: pointer;\n        list-style: none;\n        font-weight: 600;\n        font-size: 1.55rem;\n        transition: background-color 0.2s ease;\n    }\n    \n    .detail-summary:hover {\n        background-color: #f8fafc;\n    }\n    \n    .detail-summary::-webkit-details-marker {\n        display: none;\n    }\n    \n    .detail-icon {\n        font-size: 1.55rem;\n        transition: transform 0.3s ease;\n        color: #64748b;\n    }\n    \n    .detail-item[open] .detail-icon {\n        transform: rotate(45deg);\n    }\n    \n    .detail-content {\n        padding: 0 2rem 1.5rem;\n        color: #475569;\n        line-height: 1.7;\n        font-size: 1.3rem;\n    }\n    \n    .intro-text {\n        font-size: 1.3rem;\n        margin-bottom: 1rem;\n        font-weight: 600;\n    }\n    \n    .features-grid {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 1.5rem;\n        margin-top: 1rem;\n    }\n    \n    .feature {\n        padding: 1.5rem;\n        background: #f8fafc;\n        border-radius: 12px;\n        transition: transform 0.2s ease, box-shadow 0.2s ease;\n    }\n    \n    .feature:hover {\n        transform: translateY(-2px);\n        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);\n    }\n    \n    .feature-content h3 {\n        font-size: 1.45rem;\n        color: #1e293b;\n        margin-bottom: 0.75rem;\n        font-weight: 600;\n    }\n    \n    .feature-content p {\n        color: #64748b;\n        font-size: 1.35rem;\n        line-height: 1.7;\n    }\n    \n    .feature-content ul {\n        color: #64748b;\n        font-size: 1.35rem;\n        line-height: 1.7;\n        padding-left: 1.5rem;\n    }\n    \n    .feature-content li {\n        margin-bottom: 0.5rem;\n    }\n    \n    \/* ===== CHART STYLES - FIXED ALIGNMENT ===== *\/\n    \n    \/* Main chart container *\/\n    .rating-chart {\n        margin-top: 1rem;\n    }\n    \n    \/* Individual rating items - FIXED ALIGNMENT *\/\n    .rating-item {\n        display: flex;\n        align-items: center;\n        margin-bottom: 1.5rem;\n        padding: 0.25rem 0;\n        gap: 1rem; \/* Added gap for consistent spacing *\/\n    }\n    \n    \/* Label for each rating (terrain type) - FIXED WIDTH *\/\n    .rating-label {\n        width: 120px; \/* Increased width for better alignment *\/\n        font-weight: 600;\n        color: #1e293b;\n        flex-shrink: 0; \/* Prevent label from shrinking *\/\n    }\n    \n    \/* Container for the bar and scale - FIXED FLEX GROWTH *\/\n    .rating-bar-wrapper {\n        flex: 1;\n        min-width: 0; \/* Allow proper flex shrinking *\/\n    }\n    \n    \/* Container for the bar *\/\n    .rating-bar-container {\n        height: 18px;\n        background: #e2e8f0;\n        border-radius: 9px;\n        overflow: hidden;\n        position: relative;\n    }\n    \n    \/* The actual colored bar - UPDATED with CSS variable for individual control *\/\n    .rating-bar {\n        height: 100%;\n        background: linear-gradient(90deg, #ffffff var(--white-stop, 10%), #1d4ed8);\n        border-radius: 9px;\n        transition: width 0.5s ease;\n    }\n    \n    \/* Different color options *\/\n    .rating-bar.green { background: linear-gradient(90deg, #10b981, #059669); }\n    .rating-bar.orange { background: linear-gradient(90deg, #f59e0b, #d97706); }\n    .rating-bar.red { background: linear-gradient(90deg, #ef4444, #dc2626); }\n    .rating-bar.purple { background: linear-gradient(90deg, #8b5cf6, #7c3aed); }\n    \n    \/* Scale labels container *\/\n    .rating-scale {\n        display: flex;\n        justify-content: space-between;\n        margin-top: 0.5rem;\n        color: #64748b;\n        font-size: 1.1rem;\n        font-weight: 500;\n        padding: 0 5px;\n    }\n    \n    \/* Numerical value display - FIXED WIDTH *\/\n    .rating-value {\n        width: 60px; \/* Increased width for better alignment *\/\n        text-align: right;\n        font-weight: 600;\n        color: #1e293b;\n        flex-shrink: 0; \/* Prevent value from shrinking *\/\n    }\n    \n    \/* Flex summary spacing - BALANCED *\/\n    .flex-summary {\n        margin-top: 0.75rem;\n        padding-top: 0.75rem;\n        color: #64748b;\n        font-size: 1.3rem;\n        line-height: 1.6;\n    }\n    \n    \/* ===== UPDATED SIZE CHART STYLES ===== *\/\n    .size-chart {\n        width: 100%;\n        border-collapse: collapse;\n        margin: 1rem 0;\n        background: #f8fafc;\n        border-radius: 12px;\n        overflow: hidden;\n        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n    }\n    \n    .size-chart th {\n        background: #64748b;\n        color: white;\n        font-weight: 600;\n        padding: 1rem;\n        text-align: center;\n        font-size: 1.2rem;\n    }\n    \n    .size-chart td {\n        padding: 1rem;\n        text-align: center;\n        border-bottom: 1px solid #e2e8f0;\n        font-size: 1.2rem;\n        transition: all 0.2s ease;\n    }\n    \n    .size-chart tr:last-child td {\n        border-bottom: none;\n    }\n    \n    \/* Individual row hover effect *\/\n    .size-chart tr:hover td {\n        background: #e2e8f0;\n    }\n    \n    .size-chart tr:hover .size-header {\n        background: #e2e8f0;\n    }\n    \n    .size-header {\n        font-weight: 700;\n        color: #1e293b;\n        background: #f1f5f9;\n        transition: all 0.2s ease;\n    }\n    \n    @media (max-width: 768px) {\n        .features-grid {\n            grid-template-columns: 1fr;\n        }\n    }\n    \n    @media (max-width: 640px) {\n        body {\n            padding: 2rem 1rem 2rem 21px;\n        }\n        \n        .product-title {\n            font-size: 1.8rem;\n        }\n        \n        .detail-summary {\n            padding: 1.25rem 1.5rem;\n            font-size: 1.4rem;\n        }\n        \n        .detail-content {\n            padding: 0 1.5rem 1.25rem;\n            font-size: 1.25rem;\n        }\n        \n        .intro-text {\n            font-size: 1.25rem;\n        }\n        \n        .feature-content h3 {\n            font-size: 1.35rem;\n        }\n        \n        .feature-content p, .feature-content ul {\n            font-size: 1.3rem;\n        }\n        \n        .rating-label {\n            width: 100px;\n        }\n        \n        .rating-bar-wrapper {\n            margin: 0;\n        }\n        \n        .rating-bar-container {\n            height: 16px;\n        }\n        \n        .rating-item {\n            margin-bottom: 1.25rem;\n            gap: 0.75rem;\n        }\n        \n        .rating-scale {\n            font-size: 1rem;\n            padding: 0 3px;\n        }\n        \n        .rating-value {\n            width: 50px;\n        }\n        \n        .flex-summary {\n            margin-top: 0.6rem;\n            padding-top: 0.6rem;\n            font-size: 1.25rem;\n        }\n        \n        .size-chart th,\n        .size-chart td {\n            padding: 0.75rem 0.5rem;\n            font-size: 1.1rem;\n        }\n    }\n\u003c\/style\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"product-header\"\u003e\n\u003ch1 class=\"product-title\"\u003eCoors Light Berm Crew\u003c\/h1\u003e\n\u003cp class=\"product-subtitle\"\u003e\u003cspan\u003eA laid-back essential with a bold edge, the Coors Light Berm Crew brings moto racing vibes to your everyday wardrobe.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"details-container\"\u003e\n\u003cdetails class=\"detail-item\"\u003e\n\u003csummary class=\"detail-summary\"\u003e\u003cspan\u003eProduct Overview\u003c\/span\u003e \u003cspan class=\"detail-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"detail-content\"\u003e\n\u003cp\u003e\u003cspan\u003eConstructed from a comfortable cotton blend with recycled polyester, it’s as soft as it is sustainable. The relaxed fit and inset sleeves ensure all-day comfort, while the Coors Navy colorway and screen-printed design with metallic inks make a statement. Whether you're layering up on a chilly day or adding a touch of moto-inspired flair to your outfit, this crew sweatshirt is equal parts style and functionality.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"detail-item\"\u003e\n\u003csummary class=\"detail-summary\"\u003e\u003cspan\u003eFeatures\u003c\/span\u003e \u003cspan class=\"detail-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"detail-content\"\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature\"\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch3\u003eMaterial\u003c\/h3\u003e\n\u003cp\u003e\u003cspan\u003e77% Cotton 23% Recycled Polyester\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch3\u003ePrint\u003c\/h3\u003e\n\u003cp\u003e\u003cspan\u003ePremium Screen-Printed Graphic\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch3\u003eFit\u003c\/h3\u003e\n\u003cp\u003e\u003cspan\u003eRelaxed Fit\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch3\u003eCollar \/ Hem\u003c\/h3\u003e\n\u003cp\u003e\u003cspan\u003eRibbed Collar \u0026amp; Hem\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch3\u003eTag\u003c\/h3\u003e\n\u003cp\u003e\u003cspan\u003ePrinted Neck Tag\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch3\u003eStyle#\u003c\/h3\u003e\n\u003cp\u003e\u003cspan\u003e22851-CORNY\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"detail-item\" open=\"\"\u003e\n\u003csummary class=\"detail-summary\"\u003e\u003cspan\u003eSize Chart\u003c\/span\u003e \u003cspan class=\"detail-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"detail-content\"\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature\"\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch3\u003eSize Chart\u003c\/h3\u003e\n\u003ctable class=\"size-chart\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eSize\u003c\/th\u003e\n\u003cth\u003eChest (in)\u003c\/th\u003e\n\u003cth\u003eWaist (in)\u003c\/th\u003e\n\u003cth\u003eHips (in)\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd class=\"size-header\"\u003eS\u003c\/td\u003e\n\u003ctd\u003e38-39\u003c\/td\u003e\n\u003ctd\u003e30-31\u003c\/td\u003e\n\u003ctd\u003e38-39\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"size-header\"\u003eM\u003c\/td\u003e\n\u003ctd\u003e40-42\u003c\/td\u003e\n\u003ctd\u003e32-34\u003c\/td\u003e\n\u003ctd\u003e40-42\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"size-header\"\u003eL\u003c\/td\u003e\n\u003ctd\u003e44-46\u003c\/td\u003e\n\u003ctd\u003e36-38\u003c\/td\u003e\n\u003ctd\u003e44-46\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"size-header\"\u003eXL\u003c\/td\u003e\n\u003ctd\u003e48.50\u003c\/td\u003e\n\u003ctd\u003e38-40\u003c\/td\u003e\n\u003ctd\u003e48-50\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Brixton","offers":[{"title":"Coors Navy \/ M \/ Mens","offer_id":52935641268590,"sku":"BRI55M013004","price":79.99,"currency_code":"CAD","in_stock":true},{"title":"Coors Navy \/ L \/ Mens","offer_id":52935641301358,"sku":"BRI55M013005","price":79.99,"currency_code":"CAD","in_stock":true},{"title":"Coors Navy \/ XL \/ Mens","offer_id":52935641334126,"sku":"BRI55M013006","price":79.99,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/CoorsLightBermCrew-Navy.png?v=1762462462"},{"product_id":"brixton-mens-coors-light-berm-s-s-t-shirt-white-holiday-2025","title":"Coors Light Berm S\/S T-Shirt","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n    * {\n        margin: 0;\n        padding: 0;\n        box-sizing: border-box;\n        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n    }\n    \n    body {\n        background-color: #f8fafc;\n        color: #334155;\n        line-height: 1.6;\n        padding: 2rem 1rem 2rem 51px;\n    }\n    \n    .container {\n        max-width: 800px;\n        margin: 0 0 0 0;\n        background: white;\n        border-radius: 16px;\n        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);\n        overflow: hidden;\n    }\n    \n    .product-header {\n        padding: 2rem 2rem 1rem;\n    }\n    \n    .product-title {\n        font-size: 2rem;\n        font-weight: 700;\n        margin-bottom: 0.5rem;\n        color: #1e293b;\n    }\n    \n    .product-subtitle {\n        font-size: 1.3rem;\n        color: #64748b;\n        font-weight: 400;\n    }\n    \n    .details-container {\n        padding: 0;\n    }\n    \n    .detail-item {\n        border-bottom: 1px solid #e2e8f0;\n        transition: all 0.3s ease;\n    }\n    \n    .detail-item:last-child {\n        border-bottom: none;\n    }\n    \n    .detail-summary {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        padding: 1.5rem 2rem;\n        cursor: pointer;\n        list-style: none;\n        font-weight: 600;\n        font-size: 1.55rem;\n        transition: background-color 0.2s ease;\n    }\n    \n    .detail-summary:hover {\n        background-color: #f8fafc;\n    }\n    \n    .detail-summary::-webkit-details-marker {\n        display: none;\n    }\n    \n    .detail-icon {\n        font-size: 1.55rem;\n        transition: transform 0.3s ease;\n        color: #64748b;\n    }\n    \n    .detail-item[open] .detail-icon {\n        transform: rotate(45deg);\n    }\n    \n    .detail-content {\n        padding: 0 2rem 1.5rem;\n        color: #475569;\n        line-height: 1.7;\n        font-size: 1.3rem;\n    }\n    \n    .intro-text {\n        font-size: 1.3rem;\n        margin-bottom: 1rem;\n        font-weight: 600;\n    }\n    \n    .features-grid {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 1.5rem;\n        margin-top: 1rem;\n    }\n    \n    .feature {\n        padding: 1.5rem;\n        background: #f8fafc;\n        border-radius: 12px;\n        transition: transform 0.2s ease, box-shadow 0.2s ease;\n    }\n    \n    .feature:hover {\n        transform: translateY(-2px);\n        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);\n    }\n    \n    .feature-content h3 {\n        font-size: 1.45rem;\n        color: #1e293b;\n        margin-bottom: 0.75rem;\n        font-weight: 600;\n    }\n    \n    .feature-content p {\n        color: #64748b;\n        font-size: 1.35rem;\n        line-height: 1.7;\n    }\n    \n    .feature-content ul {\n        color: #64748b;\n        font-size: 1.35rem;\n        line-height: 1.7;\n        padding-left: 1.5rem;\n    }\n    \n    .feature-content li {\n        margin-bottom: 0.5rem;\n    }\n    \n    \/* ===== CHART STYLES - FIXED ALIGNMENT ===== *\/\n    \n    \/* Main chart container *\/\n    .rating-chart {\n        margin-top: 1rem;\n    }\n    \n    \/* Individual rating items - FIXED ALIGNMENT *\/\n    .rating-item {\n        display: flex;\n        align-items: center;\n        margin-bottom: 1.5rem;\n        padding: 0.25rem 0;\n        gap: 1rem; \/* Added gap for consistent spacing *\/\n    }\n    \n    \/* Label for each rating (terrain type) - FIXED WIDTH *\/\n    .rating-label {\n        width: 120px; \/* Increased width for better alignment *\/\n        font-weight: 600;\n        color: #1e293b;\n        flex-shrink: 0; \/* Prevent label from shrinking *\/\n    }\n    \n    \/* Container for the bar and scale - FIXED FLEX GROWTH *\/\n    .rating-bar-wrapper {\n        flex: 1;\n        min-width: 0; \/* Allow proper flex shrinking *\/\n    }\n    \n    \/* Container for the bar *\/\n    .rating-bar-container {\n        height: 18px;\n        background: #e2e8f0;\n        border-radius: 9px;\n        overflow: hidden;\n        position: relative;\n    }\n    \n    \/* The actual colored bar - UPDATED with CSS variable for individual control *\/\n    .rating-bar {\n        height: 100%;\n        background: linear-gradient(90deg, #ffffff var(--white-stop, 10%), #1d4ed8);\n        border-radius: 9px;\n        transition: width 0.5s ease;\n    }\n    \n    \/* Different color options *\/\n    .rating-bar.green { background: linear-gradient(90deg, #10b981, #059669); }\n    .rating-bar.orange { background: linear-gradient(90deg, #f59e0b, #d97706); }\n    .rating-bar.red { background: linear-gradient(90deg, #ef4444, #dc2626); }\n    .rating-bar.purple { background: linear-gradient(90deg, #8b5cf6, #7c3aed); }\n    \n    \/* Scale labels container *\/\n    .rating-scale {\n        display: flex;\n        justify-content: space-between;\n        margin-top: 0.5rem;\n        color: #64748b;\n        font-size: 1.1rem;\n        font-weight: 500;\n        padding: 0 5px;\n    }\n    \n    \/* Numerical value display - FIXED WIDTH *\/\n    .rating-value {\n        width: 60px; \/* Increased width for better alignment *\/\n        text-align: right;\n        font-weight: 600;\n        color: #1e293b;\n        flex-shrink: 0; \/* Prevent value from shrinking *\/\n    }\n    \n    \/* Flex summary spacing - BALANCED *\/\n    .flex-summary {\n        margin-top: 0.75rem;\n        padding-top: 0.75rem;\n        color: #64748b;\n        font-size: 1.3rem;\n        line-height: 1.6;\n    }\n    \n    \/* ===== UPDATED SIZE CHART STYLES ===== *\/\n    .size-chart {\n        width: 100%;\n        border-collapse: collapse;\n        margin: 1rem 0;\n        background: #f8fafc;\n        border-radius: 12px;\n        overflow: hidden;\n        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n    }\n    \n    .size-chart th {\n        background: #64748b;\n        color: white;\n        font-weight: 600;\n        padding: 1rem;\n        text-align: center;\n        font-size: 1.2rem;\n    }\n    \n    .size-chart td {\n        padding: 1rem;\n        text-align: center;\n        border-bottom: 1px solid #e2e8f0;\n        font-size: 1.2rem;\n        transition: all 0.2s ease;\n    }\n    \n    .size-chart tr:last-child td {\n        border-bottom: none;\n    }\n    \n    \/* Individual row hover effect *\/\n    .size-chart tr:hover td {\n        background: #e2e8f0;\n    }\n    \n    .size-chart tr:hover .size-header {\n        background: #e2e8f0;\n    }\n    \n    .size-header {\n        font-weight: 700;\n        color: #1e293b;\n        background: #f1f5f9;\n        transition: all 0.2s ease;\n    }\n    \n    @media (max-width: 768px) {\n        .features-grid {\n            grid-template-columns: 1fr;\n        }\n    }\n    \n    @media (max-width: 640px) {\n        body {\n            padding: 2rem 1rem 2rem 21px;\n        }\n        \n        .product-title {\n            font-size: 1.8rem;\n        }\n        \n        .detail-summary {\n            padding: 1.25rem 1.5rem;\n            font-size: 1.4rem;\n        }\n        \n        .detail-content {\n            padding: 0 1.5rem 1.25rem;\n            font-size: 1.25rem;\n        }\n        \n        .intro-text {\n            font-size: 1.25rem;\n        }\n        \n        .feature-content h3 {\n            font-size: 1.35rem;\n        }\n        \n        .feature-content p, .feature-content ul {\n            font-size: 1.3rem;\n        }\n        \n        .rating-label {\n            width: 100px;\n        }\n        \n        .rating-bar-wrapper {\n            margin: 0;\n        }\n        \n        .rating-bar-container {\n            height: 16px;\n        }\n        \n        .rating-item {\n            margin-bottom: 1.25rem;\n            gap: 0.75rem;\n        }\n        \n        .rating-scale {\n            font-size: 1rem;\n            padding: 0 3px;\n        }\n        \n        .rating-value {\n            width: 50px;\n        }\n        \n        .flex-summary {\n            margin-top: 0.6rem;\n            padding-top: 0.6rem;\n            font-size: 1.25rem;\n        }\n        \n        .size-chart th,\n        .size-chart td {\n            padding: 0.75rem 0.5rem;\n            font-size: 1.1rem;\n        }\n    }\n\u003c\/style\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"product-header\"\u003e\n\u003ch1 class=\"product-title\"\u003eCoors Light Berm T-Shirt\u003c\/h1\u003e\n\u003cp class=\"product-subtitle\"\u003e\u003cspan\u003eFuel your style with the Coors Light Berm Tee\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"details-container\"\u003e\n\u003cdetails class=\"detail-item\"\u003e\n\u003csummary class=\"detail-summary\"\u003e\u003cspan\u003eProduct Overview\u003c\/span\u003e \u003cspan class=\"detail-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"detail-content\"\u003e\n\u003cp\u003e\u003cspan\u003eA tee that merges comfort and bold design. Made from breathable cotton knit, this men's shirt delivers softness you can feel. The standout motorcycle racing motif is brought to life with metallic screen print inks, adding a sleek shimmer to the fun Americana design. Whether you're hitting up music festivals, kicking back at the pub, or layering under your favorite jacket, this lightweight classic is built to keep up.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"detail-item\"\u003e\n\u003csummary class=\"detail-summary\"\u003e\u003cspan\u003eFeatures\u003c\/span\u003e \u003cspan class=\"detail-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"detail-content\"\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature\"\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch3\u003eMaterial\u003c\/h3\u003e\n\u003cp\u003e\u003cspan\u003e100% Cotton\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch3\u003ePrint\u003c\/h3\u003e\n\u003cp\u003e\u003cspan\u003ePremium Screen-Printed Graphic\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch3\u003eFit\u003c\/h3\u003e\n\u003cp\u003e\u003cspan\u003eRegular Fit\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch3\u003eCollar \/ Hem\u003c\/h3\u003e\n\u003cp\u003e\u003cspan\u003eRibbed Collar \u0026amp; Hem\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch3\u003eTag\u003c\/h3\u003e\n\u003cp\u003e\u003cspan\u003ePrinted Neck Tag\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch3\u003eStyle#\u003c\/h3\u003e\n\u003cp\u003e\u003cspan\u003e17371-WHITE\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"detail-item\"\u003e\n\u003csummary class=\"detail-summary\"\u003e\u003cspan\u003eSize Chart\u003c\/span\u003e \u003cspan class=\"detail-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"detail-content\"\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature\"\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch3\u003eSize Chart\u003c\/h3\u003e\n\u003ctable class=\"size-chart\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eSize\u003c\/th\u003e\n\u003cth\u003eChest (in)\u003c\/th\u003e\n\u003cth\u003eWaist (in)\u003c\/th\u003e\n\u003cth\u003eHips (in)\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd class=\"size-header\"\u003eS\u003c\/td\u003e\n\u003ctd\u003e38-39\u003c\/td\u003e\n\u003ctd\u003e30-31\u003c\/td\u003e\n\u003ctd\u003e38-39\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"size-header\"\u003eM\u003c\/td\u003e\n\u003ctd\u003e40-42\u003c\/td\u003e\n\u003ctd\u003e32-34\u003c\/td\u003e\n\u003ctd\u003e40-42\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"size-header\"\u003eL\u003c\/td\u003e\n\u003ctd\u003e44-46\u003c\/td\u003e\n\u003ctd\u003e36-38\u003c\/td\u003e\n\u003ctd\u003e44-46\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"size-header\"\u003eXL\u003c\/td\u003e\n\u003ctd\u003e48.50\u003c\/td\u003e\n\u003ctd\u003e38-40\u003c\/td\u003e\n\u003ctd\u003e48-50\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Brixton","offers":[{"title":"White \/ S \/ Mens","offer_id":52935641366894,"sku":"BRI55M014003","price":39.99,"currency_code":"CAD","in_stock":true},{"title":"White \/ M \/ Mens","offer_id":52935641399662,"sku":"BRI55M014004","price":39.99,"currency_code":"CAD","in_stock":true},{"title":"White \/ L \/ Mens","offer_id":52935641432430,"sku":"BRI55M014005","price":39.99,"currency_code":"CAD","in_stock":true},{"title":"White \/ XL \/ Mens","offer_id":52935641465198,"sku":"BRI55M014006","price":39.99,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/CoorsLightBermS_ST-Shirt-White-2.png?v=1762462415"},{"product_id":"brixton-mens-coors-light-silver-speed-s-s-t-shirt-black-holiday-2025","title":"Coors Light Silver Speed S\/S T-Shirt","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n    * {\n        margin: 0;\n        padding: 0;\n        box-sizing: border-box;\n        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n    }\n    \n    body {\n        background-color: #f8fafc;\n        color: #334155;\n        line-height: 1.6;\n        padding: 2rem 1rem 2rem 51px;\n    }\n    \n    .container {\n        max-width: 800px;\n        margin: 0 0 0 0;\n        background: white;\n        border-radius: 16px;\n        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);\n        overflow: hidden;\n    }\n    \n    .product-header {\n        padding: 2rem 2rem 1rem;\n    }\n    \n    .product-title {\n        font-size: 2rem;\n        font-weight: 700;\n        margin-bottom: 0.5rem;\n        color: #1e293b;\n    }\n    \n    .product-subtitle {\n        font-size: 1.3rem;\n        color: #64748b;\n        font-weight: 400;\n    }\n    \n    .details-container {\n        padding: 0;\n    }\n    \n    .detail-item {\n        border-bottom: 1px solid #e2e8f0;\n        transition: all 0.3s ease;\n    }\n    \n    .detail-item:last-child {\n        border-bottom: none;\n    }\n    \n    .detail-summary {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        padding: 1.5rem 2rem;\n        cursor: pointer;\n        list-style: none;\n        font-weight: 600;\n        font-size: 1.55rem;\n        transition: background-color 0.2s ease;\n    }\n    \n    .detail-summary:hover {\n        background-color: #f8fafc;\n    }\n    \n    .detail-summary::-webkit-details-marker {\n        display: none;\n    }\n    \n    .detail-icon {\n        font-size: 1.55rem;\n        transition: transform 0.3s ease;\n        color: #64748b;\n    }\n    \n    .detail-item[open] .detail-icon {\n        transform: rotate(45deg);\n    }\n    \n    .detail-content {\n        padding: 0 2rem 1.5rem;\n        color: #475569;\n        line-height: 1.7;\n        font-size: 1.3rem;\n    }\n    \n    .intro-text {\n        font-size: 1.3rem;\n        margin-bottom: 1rem;\n        font-weight: 600;\n    }\n    \n    .features-grid {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 1.5rem;\n        margin-top: 1rem;\n    }\n    \n    .feature {\n        padding: 1.5rem;\n        background: #f8fafc;\n        border-radius: 12px;\n        transition: transform 0.2s ease, box-shadow 0.2s ease;\n    }\n    \n    .feature:hover {\n        transform: translateY(-2px);\n        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);\n    }\n    \n    .feature-content h3 {\n        font-size: 1.45rem;\n        color: #1e293b;\n        margin-bottom: 0.75rem;\n        font-weight: 600;\n    }\n    \n    .feature-content p {\n        color: #64748b;\n        font-size: 1.35rem;\n        line-height: 1.7;\n    }\n    \n    .feature-content ul {\n        color: #64748b;\n        font-size: 1.35rem;\n        line-height: 1.7;\n        padding-left: 1.5rem;\n    }\n    \n    .feature-content li {\n        margin-bottom: 0.5rem;\n    }\n    \n    \/* ===== CHART STYLES - FIXED ALIGNMENT ===== *\/\n    \n    \/* Main chart container *\/\n    .rating-chart {\n        margin-top: 1rem;\n    }\n    \n    \/* Individual rating items - FIXED ALIGNMENT *\/\n    .rating-item {\n        display: flex;\n        align-items: center;\n        margin-bottom: 1.5rem;\n        padding: 0.25rem 0;\n        gap: 1rem; \/* Added gap for consistent spacing *\/\n    }\n    \n    \/* Label for each rating (terrain type) - FIXED WIDTH *\/\n    .rating-label {\n        width: 120px; \/* Increased width for better alignment *\/\n        font-weight: 600;\n        color: #1e293b;\n        flex-shrink: 0; \/* Prevent label from shrinking *\/\n    }\n    \n    \/* Container for the bar and scale - FIXED FLEX GROWTH *\/\n    .rating-bar-wrapper {\n        flex: 1;\n        min-width: 0; \/* Allow proper flex shrinking *\/\n    }\n    \n    \/* Container for the bar *\/\n    .rating-bar-container {\n        height: 18px;\n        background: #e2e8f0;\n        border-radius: 9px;\n        overflow: hidden;\n        position: relative;\n    }\n    \n    \/* The actual colored bar - UPDATED with CSS variable for individual control *\/\n    .rating-bar {\n        height: 100%;\n        background: linear-gradient(90deg, #ffffff var(--white-stop, 10%), #1d4ed8);\n        border-radius: 9px;\n        transition: width 0.5s ease;\n    }\n    \n    \/* Different color options *\/\n    .rating-bar.green { background: linear-gradient(90deg, #10b981, #059669); }\n    .rating-bar.orange { background: linear-gradient(90deg, #f59e0b, #d97706); }\n    .rating-bar.red { background: linear-gradient(90deg, #ef4444, #dc2626); }\n    .rating-bar.purple { background: linear-gradient(90deg, #8b5cf6, #7c3aed); }\n    \n    \/* Scale labels container *\/\n    .rating-scale {\n        display: flex;\n        justify-content: space-between;\n        margin-top: 0.5rem;\n        color: #64748b;\n        font-size: 1.1rem;\n        font-weight: 500;\n        padding: 0 5px;\n    }\n    \n    \/* Numerical value display - FIXED WIDTH *\/\n    .rating-value {\n        width: 60px; \/* Increased width for better alignment *\/\n        text-align: right;\n        font-weight: 600;\n        color: #1e293b;\n        flex-shrink: 0; \/* Prevent value from shrinking *\/\n    }\n    \n    \/* Flex summary spacing - BALANCED *\/\n    .flex-summary {\n        margin-top: 0.75rem;\n        padding-top: 0.75rem;\n        color: #64748b;\n        font-size: 1.3rem;\n        line-height: 1.6;\n    }\n    \n    \/* ===== UPDATED SIZE CHART STYLES ===== *\/\n    .size-chart {\n        width: 100%;\n        border-collapse: collapse;\n        margin: 1rem 0;\n        background: #f8fafc;\n        border-radius: 12px;\n        overflow: hidden;\n        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n    }\n    \n    .size-chart th {\n        background: #64748b;\n        color: white;\n        font-weight: 600;\n        padding: 1rem;\n        text-align: center;\n        font-size: 1.2rem;\n    }\n    \n    .size-chart td {\n        padding: 1rem;\n        text-align: center;\n        border-bottom: 1px solid #e2e8f0;\n        font-size: 1.2rem;\n        transition: all 0.2s ease;\n    }\n    \n    .size-chart tr:last-child td {\n        border-bottom: none;\n    }\n    \n    \/* Individual row hover effect *\/\n    .size-chart tr:hover td {\n        background: #e2e8f0;\n    }\n    \n    .size-chart tr:hover .size-header {\n        background: #e2e8f0;\n    }\n    \n    .size-header {\n        font-weight: 700;\n        color: #1e293b;\n        background: #f1f5f9;\n        transition: all 0.2s ease;\n    }\n    \n    @media (max-width: 768px) {\n        .features-grid {\n            grid-template-columns: 1fr;\n        }\n    }\n    \n    @media (max-width: 640px) {\n        body {\n            padding: 2rem 1rem 2rem 21px;\n        }\n        \n        .product-title {\n            font-size: 1.8rem;\n        }\n        \n        .detail-summary {\n            padding: 1.25rem 1.5rem;\n            font-size: 1.4rem;\n        }\n        \n        .detail-content {\n            padding: 0 1.5rem 1.25rem;\n            font-size: 1.25rem;\n        }\n        \n        .intro-text {\n            font-size: 1.25rem;\n        }\n        \n        .feature-content h3 {\n            font-size: 1.35rem;\n        }\n        \n        .feature-content p, .feature-content ul {\n            font-size: 1.3rem;\n        }\n        \n        .rating-label {\n            width: 100px;\n        }\n        \n        .rating-bar-wrapper {\n            margin: 0;\n        }\n        \n        .rating-bar-container {\n            height: 16px;\n        }\n        \n        .rating-item {\n            margin-bottom: 1.25rem;\n            gap: 0.75rem;\n        }\n        \n        .rating-scale {\n            font-size: 1rem;\n            padding: 0 3px;\n        }\n        \n        .rating-value {\n            width: 50px;\n        }\n        \n        .flex-summary {\n            margin-top: 0.6rem;\n            padding-top: 0.6rem;\n            font-size: 1.25rem;\n        }\n        \n        .size-chart th,\n        .size-chart td {\n            padding: 0.75rem 0.5rem;\n            font-size: 1.1rem;\n        }\n    }\n\u003c\/style\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"product-header\"\u003e\n\u003ch1 class=\"product-title\"\u003eCoors Light Silver Speed T-Shirt\u003c\/h1\u003e\n\u003cp class=\"product-subtitle\"\u003e\u003cspan\u003eShow your love for the Silver Bullet with this casual cotton tee from our latest Coors Light collaboration.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"details-container\"\u003e\n\u003cdetails class=\"detail-item\"\u003e\n\u003csummary class=\"detail-summary\"\u003e\u003cspan\u003eProduct Overview\u003c\/span\u003e \u003cspan class=\"detail-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"detail-content\"\u003e\n\u003cp\u003e\u003cspan\u003eMade with soft, breathable cotton that feels as refreshing as your favorite brew, this standard-cut shirt keeps you comfortable whether you're hanging with friends at a backyard barbecue or catching the game at your local bar. The clean design and classic fit make it an easy choice for casual weekend wear, while the official Coors Light branding adds that perfect touch of cool. Pair it with your favorite jeans or shorts for an effortlessly laid-back look that says you know how to keep things chill.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"detail-item\"\u003e\n\u003csummary class=\"detail-summary\"\u003e\u003cspan\u003eFeatures\u003c\/span\u003e \u003cspan class=\"detail-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"detail-content\"\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature\"\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch3\u003eMaterial\u003c\/h3\u003e\n\u003cp\u003e\u003cspan\u003e100% Cotton\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch3\u003ePrint\u003c\/h3\u003e\n\u003cp\u003e\u003cspan\u003ePremium Screen-Printed Graphic\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch3\u003eFit\u003c\/h3\u003e\n\u003cp\u003e\u003cspan\u003eRegular Fit\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch3\u003eCollar \/ Hem\u003c\/h3\u003e\n\u003cp\u003e\u003cspan\u003eRibbed Collar \u0026amp; Hem\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch3\u003eTag\u003c\/h3\u003e\n\u003cp\u003e\u003cspan\u003ePrinted Neck Tag\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch3\u003eStyle#\u003c\/h3\u003e\n\u003cp\u003e\u003cspan\u003e17372-BLACK\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"detail-item\"\u003e\n\u003csummary class=\"detail-summary\"\u003e\u003cspan\u003eSize Chart\u003c\/span\u003e \u003cspan class=\"detail-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"detail-content\"\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature\"\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch3\u003eSize Chart\u003c\/h3\u003e\n\u003ctable class=\"size-chart\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eSize\u003c\/th\u003e\n\u003cth\u003eChest (in)\u003c\/th\u003e\n\u003cth\u003eWaist (in)\u003c\/th\u003e\n\u003cth\u003eHips (in)\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd class=\"size-header\"\u003eS\u003c\/td\u003e\n\u003ctd\u003e38-39\u003c\/td\u003e\n\u003ctd\u003e30-31\u003c\/td\u003e\n\u003ctd\u003e38-39\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"size-header\"\u003eM\u003c\/td\u003e\n\u003ctd\u003e40-42\u003c\/td\u003e\n\u003ctd\u003e32-34\u003c\/td\u003e\n\u003ctd\u003e40-42\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"size-header\"\u003eL\u003c\/td\u003e\n\u003ctd\u003e44-46\u003c\/td\u003e\n\u003ctd\u003e36-38\u003c\/td\u003e\n\u003ctd\u003e44-46\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"size-header\"\u003eXL\u003c\/td\u003e\n\u003ctd\u003e48.50\u003c\/td\u003e\n\u003ctd\u003e38-40\u003c\/td\u003e\n\u003ctd\u003e48-50\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Brixton","offers":[{"title":"Black \/ S \/ Mens","offer_id":52935641530734,"sku":"BRI55M017003","price":39.99,"currency_code":"CAD","in_stock":true},{"title":"Black \/ M \/ Mens","offer_id":52935641563502,"sku":"BRI55M017004","price":39.99,"currency_code":"CAD","in_stock":true},{"title":"Black \/ L \/ Mens","offer_id":52935641596270,"sku":"BRI55M017005","price":39.99,"currency_code":"CAD","in_stock":true},{"title":"Black \/ XL \/ Mens","offer_id":52935641629038,"sku":"BRI55M017006","price":39.99,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/CoorsLightSilverSpeedS_ST-Shirt-Black.png?v=1762462219"},{"product_id":"brixton-mens-coors-light-raceway-s-s-t-shirt-white-holiday-2025","title":"Coors Light Raceway S\/S T-Shirt","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n    * {\n        margin: 0;\n        padding: 0;\n        box-sizing: border-box;\n        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n    }\n    \n    body {\n        background-color: #f8fafc;\n        color: #334155;\n        line-height: 1.6;\n        padding: 2rem 1rem 2rem 51px;\n    }\n    \n    .container {\n        max-width: 800px;\n        margin: 0 0 0 0;\n        background: white;\n        border-radius: 16px;\n        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);\n        overflow: hidden;\n    }\n    \n    .product-header {\n        padding: 2rem 2rem 1rem;\n    }\n    \n    .product-title {\n        font-size: 2rem;\n        font-weight: 700;\n        margin-bottom: 0.5rem;\n        color: #1e293b;\n    }\n    \n    .product-subtitle {\n        font-size: 1.3rem;\n        color: #64748b;\n        font-weight: 400;\n    }\n    \n    .details-container {\n        padding: 0;\n    }\n    \n    .detail-item {\n        border-bottom: 1px solid #e2e8f0;\n        transition: all 0.3s ease;\n    }\n    \n    .detail-item:last-child {\n        border-bottom: none;\n    }\n    \n    .detail-summary {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        padding: 1.5rem 2rem;\n        cursor: pointer;\n        list-style: none;\n        font-weight: 600;\n        font-size: 1.55rem;\n        transition: background-color 0.2s ease;\n    }\n    \n    .detail-summary:hover {\n        background-color: #f8fafc;\n    }\n    \n    .detail-summary::-webkit-details-marker {\n        display: none;\n    }\n    \n    .detail-icon {\n        font-size: 1.55rem;\n        transition: transform 0.3s ease;\n        color: #64748b;\n    }\n    \n    .detail-item[open] .detail-icon {\n        transform: rotate(45deg);\n    }\n    \n    .detail-content {\n        padding: 0 2rem 1.5rem;\n        color: #475569;\n        line-height: 1.7;\n        font-size: 1.3rem;\n    }\n    \n    .intro-text {\n        font-size: 1.3rem;\n        margin-bottom: 1rem;\n        font-weight: 600;\n    }\n    \n    .features-grid {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 1.5rem;\n        margin-top: 1rem;\n    }\n    \n    .feature {\n        padding: 1.5rem;\n        background: #f8fafc;\n        border-radius: 12px;\n        transition: transform 0.2s ease, box-shadow 0.2s ease;\n    }\n    \n    .feature:hover {\n        transform: translateY(-2px);\n        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);\n    }\n    \n    .feature-content h3 {\n        font-size: 1.45rem;\n        color: #1e293b;\n        margin-bottom: 0.75rem;\n        font-weight: 600;\n    }\n    \n    .feature-content p {\n        color: #64748b;\n        font-size: 1.35rem;\n        line-height: 1.7;\n    }\n    \n    .feature-content ul {\n        color: #64748b;\n        font-size: 1.35rem;\n        line-height: 1.7;\n        padding-left: 1.5rem;\n    }\n    \n    .feature-content li {\n        margin-bottom: 0.5rem;\n    }\n    \n    \/* ===== CHART STYLES - FIXED ALIGNMENT ===== *\/\n    \n    \/* Main chart container *\/\n    .rating-chart {\n        margin-top: 1rem;\n    }\n    \n    \/* Individual rating items - FIXED ALIGNMENT *\/\n    .rating-item {\n        display: flex;\n        align-items: center;\n        margin-bottom: 1.5rem;\n        padding: 0.25rem 0;\n        gap: 1rem; \/* Added gap for consistent spacing *\/\n    }\n    \n    \/* Label for each rating (terrain type) - FIXED WIDTH *\/\n    .rating-label {\n        width: 120px; \/* Increased width for better alignment *\/\n        font-weight: 600;\n        color: #1e293b;\n        flex-shrink: 0; \/* Prevent label from shrinking *\/\n    }\n    \n    \/* Container for the bar and scale - FIXED FLEX GROWTH *\/\n    .rating-bar-wrapper {\n        flex: 1;\n        min-width: 0; \/* Allow proper flex shrinking *\/\n    }\n    \n    \/* Container for the bar *\/\n    .rating-bar-container {\n        height: 18px;\n        background: #e2e8f0;\n        border-radius: 9px;\n        overflow: hidden;\n        position: relative;\n    }\n    \n    \/* The actual colored bar - UPDATED with CSS variable for individual control *\/\n    .rating-bar {\n        height: 100%;\n        background: linear-gradient(90deg, #ffffff var(--white-stop, 10%), #1d4ed8);\n        border-radius: 9px;\n        transition: width 0.5s ease;\n    }\n    \n    \/* Different color options *\/\n    .rating-bar.green { background: linear-gradient(90deg, #10b981, #059669); }\n    .rating-bar.orange { background: linear-gradient(90deg, #f59e0b, #d97706); }\n    .rating-bar.red { background: linear-gradient(90deg, #ef4444, #dc2626); }\n    .rating-bar.purple { background: linear-gradient(90deg, #8b5cf6, #7c3aed); }\n    \n    \/* Scale labels container *\/\n    .rating-scale {\n        display: flex;\n        justify-content: space-between;\n        margin-top: 0.5rem;\n        color: #64748b;\n        font-size: 1.1rem;\n        font-weight: 500;\n        padding: 0 5px;\n    }\n    \n    \/* Numerical value display - FIXED WIDTH *\/\n    .rating-value {\n        width: 60px; \/* Increased width for better alignment *\/\n        text-align: right;\n        font-weight: 600;\n        color: #1e293b;\n        flex-shrink: 0; \/* Prevent value from shrinking *\/\n    }\n    \n    \/* Flex summary spacing - BALANCED *\/\n    .flex-summary {\n        margin-top: 0.75rem;\n        padding-top: 0.75rem;\n        color: #64748b;\n        font-size: 1.3rem;\n        line-height: 1.6;\n    }\n    \n    \/* ===== UPDATED SIZE CHART STYLES ===== *\/\n    .size-chart {\n        width: 100%;\n        border-collapse: collapse;\n        margin: 1rem 0;\n        background: #f8fafc;\n        border-radius: 12px;\n        overflow: hidden;\n        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n    }\n    \n    .size-chart th {\n        background: #64748b;\n        color: white;\n        font-weight: 600;\n        padding: 1rem;\n        text-align: center;\n        font-size: 1.2rem;\n    }\n    \n    .size-chart td {\n        padding: 1rem;\n        text-align: center;\n        border-bottom: 1px solid #e2e8f0;\n        font-size: 1.2rem;\n        transition: all 0.2s ease;\n    }\n    \n    .size-chart tr:last-child td {\n        border-bottom: none;\n    }\n    \n    \/* Individual row hover effect *\/\n    .size-chart tr:hover td {\n        background: #e2e8f0;\n    }\n    \n    .size-chart tr:hover .size-header {\n        background: #e2e8f0;\n    }\n    \n    .size-header {\n        font-weight: 700;\n        color: #1e293b;\n        background: #f1f5f9;\n        transition: all 0.2s ease;\n    }\n    \n    @media (max-width: 768px) {\n        .features-grid {\n            grid-template-columns: 1fr;\n        }\n    }\n    \n    @media (max-width: 640px) {\n        body {\n            padding: 2rem 1rem 2rem 21px;\n        }\n        \n        .product-title {\n            font-size: 1.8rem;\n        }\n        \n        .detail-summary {\n            padding: 1.25rem 1.5rem;\n            font-size: 1.4rem;\n        }\n        \n        .detail-content {\n            padding: 0 1.5rem 1.25rem;\n            font-size: 1.25rem;\n        }\n        \n        .intro-text {\n            font-size: 1.25rem;\n        }\n        \n        .feature-content h3 {\n            font-size: 1.35rem;\n        }\n        \n        .feature-content p, .feature-content ul {\n            font-size: 1.3rem;\n        }\n        \n        .rating-label {\n            width: 100px;\n        }\n        \n        .rating-bar-wrapper {\n            margin: 0;\n        }\n        \n        .rating-bar-container {\n            height: 16px;\n        }\n        \n        .rating-item {\n            margin-bottom: 1.25rem;\n            gap: 0.75rem;\n        }\n        \n        .rating-scale {\n            font-size: 1rem;\n            padding: 0 3px;\n        }\n        \n        .rating-value {\n            width: 50px;\n        }\n        \n        .flex-summary {\n            margin-top: 0.6rem;\n            padding-top: 0.6rem;\n            font-size: 1.25rem;\n        }\n        \n        .size-chart th,\n        .size-chart td {\n            padding: 0.75rem 0.5rem;\n            font-size: 1.1rem;\n        }\n    }\n\u003c\/style\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"product-header\"\u003e\n\u003ch1 class=\"product-title\"\u003eLight Raceway Standard T-Shirt\u003c\/h1\u003e\n\u003cp class=\"product-subtitle\"\u003e\u003cspan\u003eRev up your wardrobe with the Coors Light Raceway Tee.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"details-container\"\u003e\n\u003cdetails class=\"detail-item\"\u003e\n\u003csummary class=\"detail-summary\"\u003e\u003cspan\u003eProduct Overview\u003c\/span\u003e \u003cspan class=\"detail-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"detail-content\"\u003e\n\u003cp\u003e\u003cspan\u003eCrafted from soft, breathable 100% cotton, this tee is as comfortable as it is eye-catching. Featuring a bold car racing motif brought to life with metallic inks, it delivers a dynamic, standout look perfect for race day or everyday adventures. The screen-printed design nods to vintage motorsport flair, while the classic short sleeve silhouette offers effortless versatility. Pair it with your favorite jeans or shorts for a style that’s ready to hit the track—or just hit the streets.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"detail-item\"\u003e\n\u003csummary class=\"detail-summary\"\u003e\u003cspan\u003eFeatures\u003c\/span\u003e \u003cspan class=\"detail-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"detail-content\"\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature\"\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch3\u003eMaterial\u003c\/h3\u003e\n\u003cp\u003e\u003cspan\u003e100% Cotton\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch3\u003ePrint\u003c\/h3\u003e\n\u003cp\u003e\u003cspan\u003ePremium Screen-Printed Graphic\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch3\u003eFit\u003c\/h3\u003e\n\u003cp\u003e\u003cspan\u003eRegular Fit\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch3\u003eCollar \/ Hem\u003c\/h3\u003e\n\u003cp\u003e\u003cspan\u003eRibbed Collar \u0026amp; Hem\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch3\u003eTag\u003c\/h3\u003e\n\u003cp\u003e\u003cspan\u003ePrinted Neck Tag\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch3\u003eStyle#\u003c\/h3\u003e\n\u003cp\u003e\u003cspan\u003e17373-WHITE\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"detail-item\"\u003e\n\u003csummary class=\"detail-summary\"\u003e\u003cspan\u003eSize Chart\u003c\/span\u003e \u003cspan class=\"detail-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"detail-content\"\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature\"\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch3\u003eSize Chart\u003c\/h3\u003e\n\u003ctable class=\"size-chart\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eSize\u003c\/th\u003e\n\u003cth\u003eChest (in)\u003c\/th\u003e\n\u003cth\u003eWaist (in)\u003c\/th\u003e\n\u003cth\u003eHips (in)\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd class=\"size-header\"\u003eS\u003c\/td\u003e\n\u003ctd\u003e38-39\u003c\/td\u003e\n\u003ctd\u003e30-31\u003c\/td\u003e\n\u003ctd\u003e38-39\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"size-header\"\u003eM\u003c\/td\u003e\n\u003ctd\u003e40-42\u003c\/td\u003e\n\u003ctd\u003e32-34\u003c\/td\u003e\n\u003ctd\u003e40-42\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"size-header\"\u003eL\u003c\/td\u003e\n\u003ctd\u003e44-46\u003c\/td\u003e\n\u003ctd\u003e36-38\u003c\/td\u003e\n\u003ctd\u003e44-46\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"size-header\"\u003eXL\u003c\/td\u003e\n\u003ctd\u003e48.50\u003c\/td\u003e\n\u003ctd\u003e38-40\u003c\/td\u003e\n\u003ctd\u003e48-50\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Brixton","offers":[{"title":"White \/ S \/ Mens","offer_id":52935641694574,"sku":"BRI55M018003","price":39.99,"currency_code":"CAD","in_stock":true},{"title":"White \/ M \/ Mens","offer_id":52935641727342,"sku":"BRI55M018004","price":39.99,"currency_code":"CAD","in_stock":false},{"title":"White \/ L \/ Mens","offer_id":52935641760110,"sku":"BRI55M018005","price":39.99,"currency_code":"CAD","in_stock":false},{"title":"White \/ XL \/ Mens","offer_id":52935641792878,"sku":"BRI55M018006","price":39.99,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/CoorsLightRacewayS_ST-Shirt-White.png?v=1762462109"},{"product_id":"brixton-mens-coors-light-blower-l-s-t-shirt-white-holiday-2025","title":"Coors Light Blower L\/S T-Shirt","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n    * {\n        margin: 0;\n        padding: 0;\n        box-sizing: border-box;\n        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n    }\n    \n    body {\n        background-color: #f8fafc;\n        color: #334155;\n        line-height: 1.6;\n        padding: 2rem 1rem 2rem 51px;\n    }\n    \n    .container {\n        max-width: 800px;\n        margin: 0 0 0 0;\n        background: white;\n        border-radius: 16px;\n        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);\n        overflow: hidden;\n    }\n    \n    .product-header {\n        padding: 2rem 2rem 1rem;\n    }\n    \n    .product-title {\n        font-size: 2rem;\n        font-weight: 700;\n        margin-bottom: 0.5rem;\n        color: #1e293b;\n    }\n    \n    .product-subtitle {\n        font-size: 1.3rem;\n        color: #64748b;\n        font-weight: 400;\n    }\n    \n    .details-container {\n        padding: 0;\n    }\n    \n    .detail-item {\n        border-bottom: 1px solid #e2e8f0;\n        transition: all 0.3s ease;\n    }\n    \n    .detail-item:last-child {\n        border-bottom: none;\n    }\n    \n    .detail-summary {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        padding: 1.5rem 2rem;\n        cursor: pointer;\n        list-style: none;\n        font-weight: 600;\n        font-size: 1.55rem;\n        transition: background-color 0.2s ease;\n    }\n    \n    .detail-summary:hover {\n        background-color: #f8fafc;\n    }\n    \n    .detail-summary::-webkit-details-marker {\n        display: none;\n    }\n    \n    .detail-icon {\n        font-size: 1.55rem;\n        transition: transform 0.3s ease;\n        color: #64748b;\n    }\n    \n    .detail-item[open] .detail-icon {\n        transform: rotate(45deg);\n    }\n    \n    .detail-content {\n        padding: 0 2rem 1.5rem;\n        color: #475569;\n        line-height: 1.7;\n        font-size: 1.3rem;\n    }\n    \n    .intro-text {\n        font-size: 1.3rem;\n        margin-bottom: 1rem;\n        font-weight: 600;\n    }\n    \n    .features-grid {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 1.5rem;\n        margin-top: 1rem;\n    }\n    \n    .feature {\n        padding: 1.5rem;\n        background: #f8fafc;\n        border-radius: 12px;\n        transition: transform 0.2s ease, box-shadow 0.2s ease;\n    }\n    \n    .feature:hover {\n        transform: translateY(-2px);\n        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);\n    }\n    \n    .feature-content h3 {\n        font-size: 1.45rem;\n        color: #1e293b;\n        margin-bottom: 0.75rem;\n        font-weight: 600;\n    }\n    \n    .feature-content p {\n        color: #64748b;\n        font-size: 1.35rem;\n        line-height: 1.7;\n    }\n    \n    .feature-content ul {\n        color: #64748b;\n        font-size: 1.35rem;\n        line-height: 1.7;\n        padding-left: 1.5rem;\n    }\n    \n    .feature-content li {\n        margin-bottom: 0.5rem;\n    }\n    \n    \/* ===== CHART STYLES - FIXED ALIGNMENT ===== *\/\n    \n    \/* Main chart container *\/\n    .rating-chart {\n        margin-top: 1rem;\n    }\n    \n    \/* Individual rating items - FIXED ALIGNMENT *\/\n    .rating-item {\n        display: flex;\n        align-items: center;\n        margin-bottom: 1.5rem;\n        padding: 0.25rem 0;\n        gap: 1rem; \/* Added gap for consistent spacing *\/\n    }\n    \n    \/* Label for each rating (terrain type) - FIXED WIDTH *\/\n    .rating-label {\n        width: 120px; \/* Increased width for better alignment *\/\n        font-weight: 600;\n        color: #1e293b;\n        flex-shrink: 0; \/* Prevent label from shrinking *\/\n    }\n    \n    \/* Container for the bar and scale - FIXED FLEX GROWTH *\/\n    .rating-bar-wrapper {\n        flex: 1;\n        min-width: 0; \/* Allow proper flex shrinking *\/\n    }\n    \n    \/* Container for the bar *\/\n    .rating-bar-container {\n        height: 18px;\n        background: #e2e8f0;\n        border-radius: 9px;\n        overflow: hidden;\n        position: relative;\n    }\n    \n    \/* The actual colored bar - UPDATED with CSS variable for individual control *\/\n    .rating-bar {\n        height: 100%;\n        background: linear-gradient(90deg, #ffffff var(--white-stop, 10%), #1d4ed8);\n        border-radius: 9px;\n        transition: width 0.5s ease;\n    }\n    \n    \/* Different color options *\/\n    .rating-bar.green { background: linear-gradient(90deg, #10b981, #059669); }\n    .rating-bar.orange { background: linear-gradient(90deg, #f59e0b, #d97706); }\n    .rating-bar.red { background: linear-gradient(90deg, #ef4444, #dc2626); }\n    .rating-bar.purple { background: linear-gradient(90deg, #8b5cf6, #7c3aed); }\n    \n    \/* Scale labels container *\/\n    .rating-scale {\n        display: flex;\n        justify-content: space-between;\n        margin-top: 0.5rem;\n        color: #64748b;\n        font-size: 1.1rem;\n        font-weight: 500;\n        padding: 0 5px;\n    }\n    \n    \/* Numerical value display - FIXED WIDTH *\/\n    .rating-value {\n        width: 60px; \/* Increased width for better alignment *\/\n        text-align: right;\n        font-weight: 600;\n        color: #1e293b;\n        flex-shrink: 0; \/* Prevent value from shrinking *\/\n    }\n    \n    \/* Flex summary spacing - BALANCED *\/\n    .flex-summary {\n        margin-top: 0.75rem;\n        padding-top: 0.75rem;\n        color: #64748b;\n        font-size: 1.3rem;\n        line-height: 1.6;\n    }\n    \n    \/* ===== UPDATED SIZE CHART STYLES ===== *\/\n    .size-chart {\n        width: 100%;\n        border-collapse: collapse;\n        margin: 1rem 0;\n        background: #f8fafc;\n        border-radius: 12px;\n        overflow: hidden;\n        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n    }\n    \n    .size-chart th {\n        background: #64748b;\n        color: white;\n        font-weight: 600;\n        padding: 1rem;\n        text-align: center;\n        font-size: 1.2rem;\n    }\n    \n    .size-chart td {\n        padding: 1rem;\n        text-align: center;\n        border-bottom: 1px solid #e2e8f0;\n        font-size: 1.2rem;\n        transition: all 0.2s ease;\n    }\n    \n    .size-chart tr:last-child td {\n        border-bottom: none;\n    }\n    \n    \/* Individual row hover effect *\/\n    .size-chart tr:hover td {\n        background: #e2e8f0;\n    }\n    \n    .size-chart tr:hover .size-header {\n        background: #e2e8f0;\n    }\n    \n    .size-header {\n        font-weight: 700;\n        color: #1e293b;\n        background: #f1f5f9;\n        transition: all 0.2s ease;\n    }\n    \n    @media (max-width: 768px) {\n        .features-grid {\n            grid-template-columns: 1fr;\n        }\n    }\n    \n    @media (max-width: 640px) {\n        body {\n            padding: 2rem 1rem 2rem 21px;\n        }\n        \n        .product-title {\n            font-size: 1.8rem;\n        }\n        \n        .detail-summary {\n            padding: 1.25rem 1.5rem;\n            font-size: 1.4rem;\n        }\n        \n        .detail-content {\n            padding: 0 1.5rem 1.25rem;\n            font-size: 1.25rem;\n        }\n        \n        .intro-text {\n            font-size: 1.25rem;\n        }\n        \n        .feature-content h3 {\n            font-size: 1.35rem;\n        }\n        \n        .feature-content p, .feature-content ul {\n            font-size: 1.3rem;\n        }\n        \n        .rating-label {\n            width: 100px;\n        }\n        \n        .rating-bar-wrapper {\n            margin: 0;\n        }\n        \n        .rating-bar-container {\n            height: 16px;\n        }\n        \n        .rating-item {\n            margin-bottom: 1.25rem;\n            gap: 0.75rem;\n        }\n        \n        .rating-scale {\n            font-size: 1rem;\n            padding: 0 3px;\n        }\n        \n        .rating-value {\n            width: 50px;\n        }\n        \n        .flex-summary {\n            margin-top: 0.6rem;\n            padding-top: 0.6rem;\n            font-size: 1.25rem;\n        }\n        \n        .size-chart th,\n        .size-chart td {\n            padding: 0.75rem 0.5rem;\n            font-size: 1.1rem;\n        }\n    }\n\u003c\/style\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"product-header\"\u003e\n\u003ch1 class=\"product-title\"\u003eCoors Light Blower L\/S\u003c\/h1\u003e\n\u003cp class=\"product-subtitle\"\u003e\u003cspan\u003eOfficial Brixton and Coors Collaboration\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"details-container\"\u003e\n\u003cdetails class=\"detail-item\"\u003e\n\u003csummary class=\"detail-summary\"\u003e\u003cspan\u003eProduct Overview\u003c\/span\u003e \u003cspan class=\"detail-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"detail-content\"\u003e\n\u003cp\u003e\u003cspan\u003eOfficial Brixton and Coors Collaboration\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"detail-item\"\u003e\n\u003csummary class=\"detail-summary\"\u003e\u003cspan\u003eFeatures\u003c\/span\u003e \u003cspan class=\"detail-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"detail-content\"\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature\"\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch3\u003eMaterial\u003c\/h3\u003e\n\u003cp\u003e\u003cspan\u003e100% Cotton\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch3\u003ePrint\u003c\/h3\u003e\n\u003cp\u003e\u003cspan\u003ePremium Printed Graphic\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch3\u003eFit\u003c\/h3\u003e\n\u003cp\u003e\u003cspan\u003eRegular Fit\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch3\u003eCollar \/ Hem\u003c\/h3\u003e\n\u003cp\u003e\u003cspan\u003eRibbed Collar \u0026amp; Hem\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch3\u003eTag\u003c\/h3\u003e\n\u003cp\u003e\u003cspan\u003ePrinted Neck Tag\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch3\u003eStyle#\u003c\/h3\u003e\n\u003cp\u003e\u003cspan\u003e17377-WHITE-M\u003c\/span\u003e\u003cstrong\u003e\u003c\/strong\u003e \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"detail-item\"\u003e\n\u003csummary class=\"detail-summary\"\u003e\u003cspan\u003eSize Chart\u003c\/span\u003e \u003cspan class=\"detail-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"detail-content\"\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature\"\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch3\u003eSize Chart\u003c\/h3\u003e\n\u003ctable class=\"size-chart\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eSize\u003c\/th\u003e\n\u003cth\u003eChest (in)\u003c\/th\u003e\n\u003cth\u003eWaist (in)\u003c\/th\u003e\n\u003cth\u003eHips (in)\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd class=\"size-header\"\u003eS\u003c\/td\u003e\n\u003ctd\u003e38-39\u003c\/td\u003e\n\u003ctd\u003e30-31\u003c\/td\u003e\n\u003ctd\u003e38-39\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"size-header\"\u003eM\u003c\/td\u003e\n\u003ctd\u003e40-42\u003c\/td\u003e\n\u003ctd\u003e32-34\u003c\/td\u003e\n\u003ctd\u003e40-42\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"size-header\"\u003eL\u003c\/td\u003e\n\u003ctd\u003e44-46\u003c\/td\u003e\n\u003ctd\u003e36-38\u003c\/td\u003e\n\u003ctd\u003e44-46\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"size-header\"\u003eXL\u003c\/td\u003e\n\u003ctd\u003e48.50\u003c\/td\u003e\n\u003ctd\u003e38-40\u003c\/td\u003e\n\u003ctd\u003e48-50\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Brixton","offers":[{"title":"White \/ S \/ Mens","offer_id":52935641825646,"sku":"BRI55M027003","price":55.99,"currency_code":"CAD","in_stock":false},{"title":"White \/ M \/ Mens","offer_id":52935641858414,"sku":"BRI55M027004","price":55.99,"currency_code":"CAD","in_stock":true},{"title":"White \/ L \/ Mens","offer_id":52935641891182,"sku":"BRI55M027005","price":55.99,"currency_code":"CAD","in_stock":true},{"title":"White \/ XL \/ Mens","offer_id":52935641923950,"sku":"BRI55M027006","price":55.99,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/CoorsLightBlowerL_ST-Shirt-White.png?v=1762461397"},{"product_id":"thrasher-mens-thrasher-x-spitfire-thrash-burn-s-s-t-shirt-black-holiday-2025","title":"Thrasher X Spitfire Thrash \u0026 Burn S\/S T-Shirt","description":"","brand":"Thrasher","offers":[{"title":"Black \/ S \/ Mens","offer_id":52935684915566,"sku":"THR55M001003","price":31.99,"currency_code":"CAD","in_stock":false},{"title":"Black \/ M \/ Mens","offer_id":52935684948334,"sku":"THR55M001004","price":31.99,"currency_code":"CAD","in_stock":true},{"title":"Black \/ L \/ Mens","offer_id":52935684981102,"sku":"THR55M001005","price":31.99,"currency_code":"CAD","in_stock":false},{"title":"Black \/ XL \/ Mens","offer_id":52935685013870,"sku":"THR55M001006","price":31.99,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/ThrasherXSpitfireThrash_BurnS_ST-Shirt.png?v=1762447326"},{"product_id":"thrasher-mens-thrasher-x-spitfire-the-end-oath-s-s-t-shirt-black-holiday-2025","title":"Thrasher X Spitfire The End Oath S\/S T-Shirt","description":"","brand":"Thrasher","offers":[{"title":"Black \/ S \/ Mens","offer_id":52935685046638,"sku":"THR55M002003","price":31.99,"currency_code":"CAD","in_stock":true},{"title":"Black \/ M \/ Mens","offer_id":52935685079406,"sku":"THR55M002004","price":31.99,"currency_code":"CAD","in_stock":true},{"title":"Black \/ L \/ Mens","offer_id":52935685112174,"sku":"THR55M002005","price":31.99,"currency_code":"CAD","in_stock":false},{"title":"Black \/ XL \/ Mens","offer_id":52935685144942,"sku":"THR55M002006","price":31.99,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/ThrasherXSpitfireTheEndOathS_ST-Shirt.png?v=1762447321"}],"url":"https:\/\/boardroomshop.com\/collections\/2025-lifestyle-holiday.oembed","provider":"The Boardroom","version":"1.0","type":"link"}