{"product_id":"oakley-unisex-sutro-sunglasses-polished-black-prizm-black-spring-2026","title":"Sutro 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\u003eDesigned with performance in mind, Sutro gives cyclists a bold and versatile look that they can confidently wear on and off the bike.\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003eThe Sutro features a high-wrap shield design that provides maximum coverage and protection from the elements, while Prizm™ Lens Technology enhances color, contrast and detail for an optimized visual experience.\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 of lightweight O Matter™ frame material.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eUnobtainium™ Nosepads\u003c\/h3\u003e\n\u003cp\u003eIncrease grip with perspiration to help keep the eyewear securely in place.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003ePrizm™ Lenses\u003c\/h3\u003e\n\u003cp\u003eDesigned to enhance color, contrast and detail for optimal performance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eHigh-Wrap Shield Design\u003c\/h3\u003e\n\u003cp\u003eMaximum coverage and protection from the elements.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eWide Fit\u003c\/h3\u003e\n\u003cp\u003eLarge lens front designed to fit those with a wide head.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eHigh Bridge Fit\u003c\/h3\u003e\n\u003cp\u003eOffers a more secure and comfortable fit for high nose bridges.\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 Wide\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eBridge and Nosepad:\u003c\/strong\u003e High Bridge 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 L (134mm)\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eLens Height:\u003c\/strong\u003e 56.7 mm\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eFrame Width:\u003c\/strong\u003e 134 mm\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eArm Length:\u003c\/strong\u003e 140 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-shield-1_en.jpg\" alt=\"Shield Frame Measurements 1\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"description-image\"\u003e\u003cimg src=\"https:\/\/assets.oakley.com\/extra\/image\/Oakley\/OakleySizeGuide\/sunglasses-shield-2_en.jpg\" alt=\"Shield 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":"Polished Black\/Prizm Black \/ OS \/ Unisex","offer_id":53330848809326,"sku":"OAK62N127000","price":239.99,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/SutroSunglasses-PolishedBlack_PrizmBlack-7.png?v=1771973594","url":"https:\/\/boardroomshop.com\/products\/oakley-unisex-sutro-sunglasses-polished-black-prizm-black-spring-2026","provider":"The Boardroom","version":"1.0","type":"link"}