{"product_id":"oakley-mens-holbrook-xl-sunglasses-matte-black-prizm-grey-spring-2026","title":"Holbrook XL 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™ XL\u003c\/strong\u003e – iconic style scaled up for larger faces.\u003cbr\u003e\u003cbr\u003eThe look of Holbrook, from its iconic style to keyhole bridge and metal rivets, has been scaled up to fit medium to extra large faces. In matte black with Prizm™ Violet lenses, these sunglasses maintain the same lens proportions as the original Holbrook while offering a larger size. Built with lightweight O Matter™ frame material and featuring Three-Point Fit technology, the Holbrook XL holds lenses in precise optical alignment for crystal clear vision with HDO® Optics and impact resistance that meets or exceeds ANSI Z80.3 standards.\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\u003eLightweight O Matter™ Frame\u003c\/h3\u003e\n\u003cp\u003eDurability and all-day comfort\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eThree-Point Fit\u003c\/h3\u003e\n\u003cp\u003eHolds lenses in precise optical alignment\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003ePrizm™ Lens Technology\u003c\/h3\u003e\n\u003cp\u003eEnhanced color, contrast, and detail for optimized experience\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eHDO® Optics\u003c\/h3\u003e\n\u003cp\u003eCrystal clear vision and impact resistance\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003ePlutonite® Lens Material\u003c\/h3\u003e\n\u003cp\u003e100% UVA, UVB, UVC protection up to 400nm\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eXL Size\u003c\/h3\u003e\n\u003cp\u003eScaled up for medium to extra large faces\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 Violet\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eLens Technology\u003c\/h3\u003e\n\u003cp\u003ePrizm™ for enhanced color and contrast\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\u003eXL (140mm)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eLens Width\u003c\/h3\u003e\n\u003cp\u003e59 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\u003e45.5 mm\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eArm Length\u003c\/h3\u003e\n\u003cp\u003e137 mm\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eFrame Width\u003c\/h3\u003e\n\u003cp\u003e140.3 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\u003e59 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\u003e45.5 mm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eArm Length\u003c\/td\u003e\n\u003ctd\u003e137 mm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eFrame Width\u003c\/td\u003e\n\u003ctd\u003e140.3 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 Grey \/ OS \/ Mens","offer_id":53330846810478,"sku":"OAK62M317000","price":199.99,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/HolbrookXXLSunglasses-MatteBlack_PrizmGrey-7_73c0a979-3b31-4c2a-954a-2390a9b5c71a.png?v=1771890560","url":"https:\/\/boardroomshop.com\/products\/oakley-mens-holbrook-xl-sunglasses-matte-black-prizm-grey-spring-2026","provider":"The Boardroom","version":"1.0","type":"link"}