{"product_id":"herschel-unisex-herschel-classic™-xl-backpack-backpack-blue-mirage-diamond-sea-storm-spring-2026","title":"Herschel Classic™ XL Backpack","description":"\u003cstyle\u003e    .product-description {        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;        color: #1a1a1a;        line-height: 1.7;        max-width: 800px;        margin: 0;        padding: 0;    }    .intro-text {        font-size: 16px;        font-weight: 300;        margin-bottom: 32px;        color: #2c2c2c;        line-height: 1.8;        position: relative;        padding-left: 16px;        border-left: 3px solid #f87171;    }    .accordion-item {        border-bottom: 1px solid #e0e0e0;        transition: all 0.2s ease;    }    .accordion-item:hover {        border-bottom-color: #f87171;    }    .accordion-item:last-child {        border-bottom: none;    }    .accordion-summary {        display: flex;        justify-content: space-between;        align-items: center;        padding: 20px 0;        cursor: pointer;        list-style: none;        font-size: 13px;        font-weight: 500;        letter-spacing: 1.5px;        text-transform: uppercase;        color: #1a1a1a;        transition: all 0.3s ease;        position: relative;    }    .accordion-summary::before {        content: '';        position: absolute;        left: 0;        bottom: 0;        width: 0;        height: 2px;        background: linear-gradient(90deg, #f87171, #fca5a5);        transition: width 0.3s ease;    }    .accordion-summary:hover::before {        width: 60px;    }    .accordion-summary:hover {        color: #f87171;        padding-left: 8px;    }    .accordion-summary::-webkit-details-marker {        display: none;    }    .accordion-icon {        font-size: 20px;        font-weight: 300;        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);        color: #999;    }    .accordion-item[open] .accordion-icon {        transform: rotate(45deg);        color: #f87171;    }    .accordion-content {        padding: 0 0 24px 0;        animation: slideDown 0.4s cubic-bezier(0.4, 0, 0.2, 1);        overflow: hidden;    }    @keyframes slideDown {        from {            opacity: 0;            transform: translateY(-12px);        }        to {            opacity: 1;            transform: translateY(0);        }    }    .features-grid {        display: grid;        grid-template-columns: repeat(2, 1fr);        gap: 20px;        margin-top: 8px;    }    .feature-item {        padding: 16px;        background: linear-gradient(135deg, #fafafa 0%, #ffffff 100%);        border-radius: 8px;        border: 1px solid #f0f0f0;        transition: all 0.3s ease;        position: relative;        overflow: hidden;    }    .feature-item::before {        content: '';        position: absolute;        top: 0;        left: 0;        width: 4px;        height: 0;        background: linear-gradient(180deg, #f87171, #fca5a5);        transition: height 0.3s ease;    }    .feature-item:hover {        transform: translateY(-2px);        box-shadow: 0 4px 12px rgba(248, 113, 113, 0.1);        border-color: #fecaca;    }    .feature-item:hover::before {        height: 100%;    }    .feature-item h3 {        font-size: 14px;        font-weight: 600;        color: #1a1a1a;        margin-bottom: 6px;    }    .feature-item p {        font-size: 14px;        font-weight: 300;        color: #666;        margin: 0;        line-height: 1.6;    }    @media (max-width: 768px) {        .features-grid {            grid-template-columns: 1fr;            gap: 16px;        }        .feature-item:hover {            transform: none;        }        .accordion-summary:hover {            padding-left: 0;        }        .accordion-summary::before {            display: none;        }        .accordion-summary {            padding: 16px 0;            font-size: 12px;        }        .intro-text {            font-size: 15px;        }    }\u003c\/style\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003cp class=\"intro-text\"\u003eRoom for adventure. Sized for everything you love to do, this backpack offers plenty of storage space and pockets, providing the volume you need to pack everything in. Crafted from 100% recycled materials with a dedicated laptop sleeve and thoughtful organization, the Classic™ XL is ready for wherever your day takes you.\u003c\/p\u003e\n\u003cdetails class=\"accordion-item\"\u003e\n\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eFeatures\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003e100% Recycled Polyester\u003c\/h3\u003e\n\u003cp\u003e600D recycled polyester construction (excluding trims) for sustainable durability.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eTonal Stripe Liner\u003c\/h3\u003e\n\u003cp\u003eSignature striped liner made from 100% recycled polyester.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eFloating Laptop Sleeve\u003c\/h3\u003e\n\u003cp\u003eDedicated padded sleeve fits 15\" or 16\" laptops for secure protection.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eZippered Closures with Prusik Cord Pulls\u003c\/h3\u003e\n\u003cp\u003eDurable YKK zippers with signature cord pulls for easy access.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eAdjustable Padded Shoulder Straps\u003c\/h3\u003e\n\u003cp\u003eComfortable, customizable straps distribute weight evenly for all-day wear.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eWater Bottle Pocket\u003c\/h3\u003e\n\u003cp\u003eExternal side pocket keeps hydration within easy reach.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eFront Pocket\u003c\/h3\u003e\n\u003cp\u003eQuick-access front compartment for essentials and small items.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eSpacious Main Compartment\u003c\/h3\u003e\n\u003cp\u003eExtra-large capacity for books, gear, and everything you need for the day.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"accordion-item\"\u003e\n\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eMaterials\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eExterior\u003c\/h3\u003e\n\u003cp\u003e100% Recycled 600D Polyester (excluding trims)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eLiner\u003c\/h3\u003e\n\u003cp\u003e100% Recycled Polyester with Tonal Stripe Pattern\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Herschel","offers":[{"title":"Blue Mirage Diamond\/Sea Storm \/ 30L \/ Unisex","offer_id":53114686243182,"sku":"HRS62N057000","price":79.99,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/HerschelClassic_XLBackpack-BlueMirage.png?v=1766526900","url":"https:\/\/boardroomshop.com\/products\/herschel-unisex-herschel-classic%e2%84%a2-xl-backpack-backpack-blue-mirage-diamond-sea-storm-spring-2026","provider":"The Boardroom","version":"1.0","type":"link"}