{"product_id":"oakley-mens-holbrook-xxl-sunglasses-matte-black-prizm-black-polarized-spring-2026","title":"Holbrook XXL Sunglasses","description":"\u003cstyle\u003e\n.product-description {\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;\n    color: #1a1a1a;\n    line-height: 1.7;\n    max-width: 800px;\n    margin: 0;\n    padding: 0;\n}\n\n.intro-text {\n    font-size: clamp(15px, 3.5vw, 16px);\n    font-weight: 300;\n    margin-bottom: 32px;\n    color: #2c2c2c;\n    line-height: 1.8;\n    padding-left: 16px;\n    border-left: 3px solid #f87171;\n}\n\n.accordion-item {\n    border-bottom: 1px solid #e0e0e0;\n    transition: border-color 0.2s ease;\n}\n\n.accordion-item:hover {\n    border-bottom-color: #f87171;\n}\n\n.accordion-item:last-child {\n    border-bottom: none;\n}\n\n.accordion-summary {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: clamp(16px, 4vw, 20px) 0;\n    cursor: pointer;\n    list-style: none;\n    font-size: clamp(12px, 2.8vw, 13px);\n    font-weight: 500;\n    letter-spacing: 1.5px;\n    text-transform: uppercase;\n    color: #1a1a1a;\n    transition: all 0.3s ease;\n    position: relative;\n    min-height: 44px;\n}\n\n.accordion-summary::before {\n    content: '';\n    position: absolute;\n    left: 0;\n    bottom: 0;\n    width: 0;\n    height: 2px;\n    background: linear-gradient(90deg, #f87171, #fca5a5);\n    transition: width 0.3s ease;\n}\n\n@media (hover: hover) {\n    .accordion-summary:hover::before {\n        width: 60px;\n    }\n    .accordion-summary:hover {\n        color: #f87171;\n        padding-left: 8px;\n    }\n}\n\n.accordion-summary::-webkit-details-marker {\n    display: none;\n}\n\n.accordion-icon {\n    font-size: 20px;\n    font-weight: 300;\n    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n    color: #999;\n    min-width: 20px;\n    text-align: center;\n}\n\n.accordion-item[open] .accordion-icon {\n    transform: rotate(45deg);\n    color: #f87171;\n}\n\n.accordion-content {\n    padding: 0 0 24px 0;\n    animation: slideDown 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n@keyframes slideDown {\n    from {\n        opacity: 0;\n        transform: translateY(-12px);\n    }\n    to {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n\n.features-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));\n    gap: clamp(16px, 4vw, 20px);\n    margin-top: 8px;\n}\n\n.feature-item {\n    padding: 16px;\n    background: linear-gradient(135deg, #fafafa 0%, #ffffff 100%);\n    border-radius: 8px;\n    border: 1px solid #f0f0f0;\n    transition: all 0.3s ease;\n    position: relative;\n    overflow: hidden;\n}\n\n.feature-item::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 4px;\n    height: 0;\n    background: linear-gradient(180deg, #f87171, #fca5a5);\n    transition: height 0.3s ease;\n}\n\n@media (hover: hover) {\n    .feature-item:hover {\n        transform: translateY(-2px);\n        box-shadow: 0 4px 12px rgba(248, 113, 113, 0.1);\n        border-color: #fecaca;\n    }\n    .feature-item:hover::before {\n        height: 100%;\n    }\n}\n\n.feature-item h3 {\n    font-size: clamp(13px, 3vw, 14px);\n    font-weight: 600;\n    color: #1a1a1a;\n    margin-bottom: 6px;\n}\n\n.feature-item p {\n    font-size: clamp(13px, 3vw, 14px);\n    font-weight: 300;\n    color: #666;\n    margin: 0;\n    line-height: 1.6;\n}\n\n.size-table-wrapper {\n    width: 100%;\n    overflow-x: auto;\n    margin: 16px 0;\n    border-radius: 8px;\n    border: 1px solid #f0f0f0;\n    -webkit-overflow-scrolling: touch;\n}\n\n.size-table {\n    width: 100%;\n    border-collapse: collapse;\n    background: white;\n}\n\n@media (min-width: 1024px) {\n    .size-table {\n        font-size: 14px;\n    }\n    .size-table th,\n    .size-table td {\n        padding: 16px;\n    }\n}\n\n@media (min-width: 768px) and (max-width: 1023px) {\n    .size-table {\n        font-size: 13px;\n    }\n    .size-table th,\n    .size-table td {\n        padding: 14px;\n    }\n}\n\n@media (min-width: 480px) and (max-width: 767px) {\n    .size-table {\n        font-size: 12px;\n    }\n    .size-table th,\n    .size-table td {\n        padding: 12px;\n    }\n}\n\n@media (min-width: 360px) and (max-width: 479px) {\n    .size-table {\n        font-size: 11px;\n    }\n    .size-table th,\n    .size-table td {\n        padding: 10px;\n    }\n}\n\n@media (max-width: 359px) {\n    .size-table {\n        font-size: 10px;\n    }\n    .size-table th,\n    .size-table td {\n        padding: 8px;\n    }\n}\n\n.size-table th {\n    text-align: center;\n    font-weight: 600;\n    color: white;\n    background: linear-gradient(135deg, #f87171 0%, #fca5a5 100%);\n    letter-spacing: 0.3px;\n    white-space: nowrap;\n    line-height: 1.3;\n    vertical-align: middle;\n    border: 1px solid rgba(255, 255, 255, 0.2);\n}\n\n.size-table td {\n    border: 1px solid #f5f5f5;\n    color: #4a4a4a;\n    font-weight: 400;\n    text-align: center;\n    white-space: nowrap;\n    line-height: 1.4;\n    vertical-align: middle;\n}\n\n.size-table tbody tr {\n    transition: background 0.2s ease;\n}\n\n@media (hover: hover) {\n    .size-table tbody tr:hover {\n        background: #fef2f2;\n    }\n}\n\n.size-note {\n    font-size: clamp(12px, 2.8vw, 13px);\n    color: #666;\n    font-style: italic;\n    margin-top: 16px;\n    padding: clamp(10px, 2.5vw, 12px) clamp(12px, 3vw, 16px);\n    background: #fef2f2;\n    border-left: 3px solid #f87171;\n    border-radius: 4px;\n}\n\n.detail-text {\n    font-size: clamp(14px, 3.2vw, 15px);\n    font-weight: 300;\n    color: #4a4a4a;\n    line-height: 1.8;\n    margin-bottom: 16px;\n}\n\n.size-guide-image {\n    width: 100%;\n    height: auto;\n    max-width: 600px;\n    margin: 16px auto;\n    display: block;\n    border-radius: 8px;\n}\n\n@media (max-width: 767px) {\n    .size-guide-image {\n        max-width: 100%;\n    }\n}\n\u003c\/style\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003cp class=\"intro-text\"\u003e\u003cstrong\u003eOakley Holbrook™ XXL\u003c\/strong\u003e – timeless classic design meets modern technology.\u003cbr\u003e\u003cbr\u003eInspired by screen heroes from the 1940s, 50s, and 60s, the Holbrook epitomizes the spirit of exploration and adventure. This XXL version features the same iconic American frame design with metal rivets and Oakley icons, now sized for medium to extra large faces. In matte black with Prizm™ Black Polarized lenses, these sunglasses deliver enhanced color and contrast while reducing glare. Built with lightweight O Matter™ frame material, the Holbrook XXL is perfect for those who seek equal parts performance 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\u003eXXL Size\u003c\/h3\u003e\n\u003cp\u003eLarger frame designed for medium to extra large faces\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eO Matter™ Frame\u003c\/h3\u003e\n\u003cp\u003eLightweight and durable for all-day comfort\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003ePrizm™ Polarized Lenses\u003c\/h3\u003e\n\u003cp\u003eEnhanced color, contrast, and detail with glare reduction\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eIconic Design\u003c\/h3\u003e\n\u003cp\u003eMetal rivets and Oakley icons accent classic American styling\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\u003eFrame \u0026amp; Lens Information\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\u003eFrame Color\u003c\/h3\u003e\n\u003cp\u003eMatte Black\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eFrame Material\u003c\/h3\u003e\n\u003cp\u003eO Matter™\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eLens Color\u003c\/h3\u003e\n\u003cp\u003ePrizm Black Polarized\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eLens Technology\u003c\/h3\u003e\n\u003cp\u003ePrizm™ Polarized for enhanced clarity and reduced glare\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\u003eProduct Dimensions\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\u003eSize\u003c\/h3\u003e\n\u003cp\u003eXXL (145mm)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eLens Width\u003c\/h3\u003e\n\u003cp\u003e61 mm\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eBridge Width\u003c\/h3\u003e\n\u003cp\u003e18 mm\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eLens Height\u003c\/h3\u003e\n\u003cp\u003e47.1 mm\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eArm Length\u003c\/h3\u003e\n\u003cp\u003e143 mm\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eFrame Width\u003c\/h3\u003e\n\u003cp\u003e145 mm\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\u003eFit Information\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\u003eFit\u003c\/h3\u003e\n\u003cp\u003eWide - Designed for wide heads\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eBridge \u0026amp; Nosepads\u003c\/h3\u003e\n\u003cp\u003eHigh Bridge Fit\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eSize\u003c\/h3\u003e\n\u003cp\u003eOne size fits all\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"detail-text\"\u003eOur sunglasses effortlessly conform to your unique face shape, no exceptions.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"accordion-item\"\u003e\n\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eSizing Guide\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cp class=\"detail-text\"\u003eThe fit indicates the amount of face coverage. Wide fit features a large lens front designed for those with a wide head.\u003c\/p\u003e\n\u003cdiv class=\"size-table-wrapper\"\u003e\n\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eMeasurement\u003c\/th\u003e\n\u003cth\u003eSize\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eLens Width\u003c\/td\u003e\n\u003ctd\u003e61 mm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eBridge Width\u003c\/td\u003e\n\u003ctd\u003e18 mm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eLens Height\u003c\/td\u003e\n\u003ctd\u003e47.1 mm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eArm Length\u003c\/td\u003e\n\u003ctd\u003e143 mm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eFrame Width\u003c\/td\u003e\n\u003ctd\u003e145 mm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003cp class=\"size-note\"\u003e\u003cstrong\u003eBridge \u0026amp; Nosepads:\u003c\/strong\u003e High bridge fit offers a more secure and comfortable fit if you have a high nose bridge and lower cheekbones. A good choice if your nose sits above your pupils.\u003c\/p\u003e\n\u003cimg src=\"https:\/\/assets.oakley.com\/extra\/image\/Oakley\/OakleySizeGuide\/measurements_en.jpg\" alt=\"Oakley frame measurements guide\" class=\"size-guide-image\"\u003e \u003cimg src=\"https:\/\/assets.oakley.com\/extra\/image\/Oakley\/OakleySizeGuide\/sunglasses-dual-1_en.jpg\" alt=\"Oakley sunglasses sizing diagram 1\" class=\"size-guide-image\"\u003e \u003cimg src=\"https:\/\/assets.oakley.com\/extra\/image\/Oakley\/OakleySizeGuide\/sunglasses-dual-2_en.jpg\" alt=\"Oakley sunglasses sizing diagram 2\" class=\"size-guide-image\"\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Oakley","offers":[{"title":"Matte Black\/Prizm Black Polarized \/ OS \/ Mens","offer_id":53330846974318,"sku":"OAK62M322000","price":269.99,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/HolbrookXXLSunglasses-MatteBlack_PrizmBlackPolarized-7.png?v=1771883738","url":"https:\/\/boardroomshop.com\/products\/oakley-mens-holbrook-xxl-sunglasses-matte-black-prizm-black-polarized-spring-2026","provider":"The Boardroom","version":"1.0","type":"link"}