{"product_id":"oakley-mens-hstn-sunglasses-matte-carbon-prizm-ruby-spring-2026","title":"HSTN 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.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.fit-info {\n    background: #fef2f2;\n    border-left: 3px solid #f87171;\n    padding: 16px;\n    border-radius: 4px;\n    margin: 16px 0;\n}\n\n.fit-info strong {\n    color: #1a1a1a;\n    font-weight: 600;\n}\n\n.description-image {\n    margin: 16px 0;\n    text-align: center;\n}\n\n.description-image img {\n    max-width: 100%;\n    height: auto;\n    border-radius: 8px;\n}\n\u003c\/style\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003cp class=\"intro-text\"\u003e\u003cstrong\u003eCulture never stops shifting and Oakley® continues to shift with it.\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003eHSTN is an evolution of the original sunglasses, first introduced by Oakley in 2021. The original frame came to life after Oakley's team of designers worked closely with friends of the brand in search of the next fresh take on lifestyle eyewear. HSTN features striking modernized circular lenses and a modernized trigger stem, with plant-based BiO-Matter®* material that provides all-day comfort alongside Unobtainium® nosepads for unparalleled comfort and improved grip.\u003cbr\u003e\u003cbr\u003e\u003cem\u003e*BiO-Matter is made from bio-materials having at least 56% bio-based carbon content (representing ratio of castor oil to fossil sources)\u003c\/em\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\u003eProgressive Design\u003c\/h3\u003e\n\u003cp\u003eFresh take on a classic shape inspired by cultural undercurrents with a nod to heritage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eBiO-Matter® Frame\u003c\/h3\u003e\n\u003cp\u003eLightweight and durable plant-based BiO-Matter® frame provides all-day comfort.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eModernized Trigger Stem\u003c\/h3\u003e\n\u003cp\u003eInspired by Oakley's iconic Razor Blade with center frame design influenced by SubZero.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eUnobtainium® Nosepads\u003c\/h3\u003e\n\u003cp\u003eProvide no-slip grip when wet to help increase retention.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003ePrizm™ Lens Technology\u003c\/h3\u003e\n\u003cp\u003eDesigned to enhance color and contrast so you can see more detail.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003ePrescription Ready\u003c\/h3\u003e\n\u003cp\u003eAvailable with Oakley Authentic Prescription lenses laser etched with ellipse logo.\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=\"fit-info\"\u003e\n\u003cp\u003e\u003cstrong\u003eSize:\u003c\/strong\u003e One size fits all\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eFit:\u003c\/strong\u003e Regular\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eBridge and Nosepad:\u003c\/strong\u003e Universal Fit\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"detail-text\"\u003e\u003cstrong\u003eWhat's the fit?\u003c\/strong\u003e\u003cbr\u003eThe fit is an aesthetical information indicating the amount of face coverage for a specific size.\u003c\/p\u003e\n\u003cdiv class=\"description-image\"\u003e\u003cimg src=\"https:\/\/assets.oakley.com\/extra\/image\/Oakley\/OakleySizeGuide\/D_fit_information_sun_en.jpg\" alt=\"Fit Information\"\u003e\u003c\/div\u003e\n\u003cp class=\"detail-text\"\u003eThe frames shown in the image are all the same size but have different fit. The three possible fittings are:\u003c\/p\u003e\n\u003cp class=\"detail-text\"\u003e\u003cstrong\u003eNarrow:\u003c\/strong\u003e A small lens front designed to fit those with a slightly narrow head.\u003c\/p\u003e\n\u003cp class=\"detail-text\"\u003e\u003cstrong\u003eRegular:\u003c\/strong\u003e A large lens front designed to fit those with an average-sized head.\u003c\/p\u003e\n\u003cp class=\"detail-text\"\u003e\u003cstrong\u003eWide:\u003c\/strong\u003e A large lens front designed to fit those with a wide head.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"accordion-item\"\u003e\n\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eFrame Size\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"fit-info\"\u003e\n\u003cp\u003e\u003cstrong\u003eSize:\u003c\/strong\u003e M (131mm)\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eLens Height:\u003c\/strong\u003e 48 mm\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eFrame Width:\u003c\/strong\u003e 131.1 mm\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eArm Length:\u003c\/strong\u003e 142 mm\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eLens Width:\u003c\/strong\u003e 52 mm\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eBridge Width:\u003c\/strong\u003e 21 mm\u003c\/p\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\u003cp class=\"detail-text\"\u003eIf you already have a pair of glasses, check for engraved numbers on the inside of the temple.\u003c\/p\u003e\n\u003cdiv class=\"description-image\"\u003e\u003cimg src=\"https:\/\/assets.oakley.com\/extra\/image\/Oakley\/OakleySizeGuide\/measurements_en.jpg\" alt=\"Frame Measurements\"\u003e\u003c\/div\u003e\n\u003cp class=\"detail-text\"\u003eThe first one is the \u003cstrong\u003eModel code\u003c\/strong\u003e, then the \u003cstrong\u003eLens width\u003c\/strong\u003e and \u003cstrong\u003eBridge width\u003c\/strong\u003e. There is usually a third number which represents the \u003cstrong\u003eTemple Length\u003c\/strong\u003e, which is the measurement in millimeters of the 'arms' of the frame. Sometimes there is also a fourth number which is the \u003cstrong\u003eLens Height\u003c\/strong\u003e. Each of these numbers is measured in mm.\u003c\/p\u003e\n\u003cdiv class=\"description-image\"\u003e\u003cimg src=\"https:\/\/assets.oakley.com\/extra\/image\/Oakley\/OakleySizeGuide\/sunglasses-dual-1_en.jpg\" alt=\"Dual Lens Frame Measurements 1\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"description-image\"\u003e\u003cimg src=\"https:\/\/assets.oakley.com\/extra\/image\/Oakley\/OakleySizeGuide\/sunglasses-dual-2_en.jpg\" alt=\"Dual Lens Frame Measurements 2\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"accordion-item\"\u003e\n\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eBridge and Nosepads\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\"\u003e\u003cstrong\u003eWhat are the bridge and nosepads?\u003c\/strong\u003e\u003cbr\u003eThis functional information describes the different types of the bridge and the nosepads. The options are:\u003c\/p\u003e\n\u003cp class=\"detail-text\"\u003e\u003cstrong\u003eHigh bridge fit:\u003c\/strong\u003e 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\u003cp class=\"detail-text\"\u003e\u003cstrong\u003eLow bridge fit:\u003c\/strong\u003e Offers a more secure and comfortable fit if you have a low nose bridge and higher cheekbones. A good choice if your nose sits lower than your pupils.\u003c\/p\u003e\n\u003cp class=\"detail-text\"\u003e\u003cstrong\u003eUniversal fit:\u003c\/strong\u003e Offers a comfortable fit and accommodates most people.\u003c\/p\u003e\n\u003cp class=\"detail-text\"\u003e\u003cstrong\u003eAdjustable nosepads:\u003c\/strong\u003e Nosepads that can be widened or narrowed to fit your unique nose shape.\u003c\/p\u003e\n\u003cdiv class=\"description-image\"\u003e\u003cimg src=\"https:\/\/assets.oakley.com\/extra\/image\/Oakley\/OakleySizeGuide\/Nosepads1_en.jpg\" alt=\"Nosepad Types 1\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"description-image\"\u003e\u003cimg src=\"https:\/\/assets.oakley.com\/extra\/image\/Oakley\/OakleySizeGuide\/Nosepads2_en.jpg\" alt=\"Nosepad Types 2\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Oakley","offers":[{"title":"Matte Carbon\/Prizm Ruby \/ OS \/ Mens","offer_id":53330847203694,"sku":"OAK62M335000","price":229.99,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/HSTNSunglasses-MatteCarbon_PrizmRuby-7.png?v=1771976940","url":"https:\/\/boardroomshop.com\/products\/oakley-mens-hstn-sunglasses-matte-carbon-prizm-ruby-spring-2026","provider":"The Boardroom","version":"1.0","type":"link"}