{"product_id":"stone-sun","title":"STONE","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e\u003cspan style=\"caret-color: rgb(10, 28, 46); color: rgb(10, 28, 46); font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif; font-size: 14px; font-style: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-decoration: none; display: inline !important; float: none;\"\u003eTimeless square. Universal. The \u003cstrong\u003eStone\u003c\/strong\u003e brings a rock solid foundation to the psyche. Its firm center of gravity holds the wearer in confidence and charisma, held together by the temple's signature shape. A frame made for the urban landscape, wether working out or working in, your style remains consistent.\u003c\/span\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n\/* --- Base styles --- *\/\nbody {\n  font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif;\n  background: #f5f7fa;\n  margin: 40px;\n}\n\n\/* --- Accordion container --- *\/\ndetails {\n  background: white;\n  border-radius: 6px;\n  margin-bottom: 6px;\n  border-bottom: 1px solid rgba(0,0,0,0.08);\n  overflow: hidden;\n  transition: all 0.3s ease;\n}\n\n\/* Remove hover shadow for clean premium feel *\/\ndetails:hover {\n  box-shadow: none;\n}\n\n\/* --- Accordion title --- *\/\nsummary {\n  padding: 12px 20px;\n  font-size: 14px;\n  font-weight: 400;\n  letter-spacing: 0.03em;\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n}\n\n\/* Remove default arrow *\/\nsummary::-webkit-details-marker {\n  display: none;\n}\n\n\/* Custom plus\/minus arrow *\/\nsummary::after {\n  content: \"+\";\n  font-size: 16px;\n  transition: transform 0.25s ease;\n}\n\ndetails[open] summary::after {\n  content: \"–\";\n}\n\n\/* Subtle hover effect for summary *\/\nsummary:hover {\n  color: #222;\n  transform: translateX(1px);\n  transition: color 0.2s ease, transform 0.2s ease;\n}\n\n\/* --- Accordion content --- *\/\n.content {\n  padding: 0 20px;\n  font-size: 12px;\n  color: #444;\n  line-height: 1.4;\n\n  max-height: 0;\n  opacity: 0;\n  transform: translateY(-4px);\n  overflow: hidden;\n\n  transition:\n    max-height 0.45s ease,\n    opacity 0.25s ease,\n    transform 0.25s ease,\n    padding 0.45s ease;\n}\n\n\/* Content paragraphs *\/\n.content p {\n  margin: 0;\n}\n\n\/* Content open state *\/\ndetails[open] .content {\n  padding: 0 20px 12px 20px;\n  max-height: 500px;\n  opacity: 1;\n  transform: translateY(0);\n}\n\n\/* --- Lists inside content --- *\/\n.content ul {\n  padding-left: 18px;\n  margin: 6px 0;\n}\n\n.content ul li {\n  line-height: 1.4; \/* consistent spacing for all lists *\/\n  margin-bottom: 4px;\n}\n\n\/* --- Lens \u0026 Color Details list --- *\/\n.lens-list {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n}\n\n.lens-list li {\n  margin-bottom: 10px;\n  padding-bottom: 10px;\n  line-height: 1.4;\n  border-bottom: 1px solid rgba(0,0,0,0.06);\n}\n\n.lens-list li:last-child {\n  border-bottom: none;\n}\n\n.lens-list strong {\n  font-weight: 400;\n}\n\n.lens-grid {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n}\n\n.lens-grid li {\n  display: flex;\n  flex-wrap: wrap;\n  margin-bottom: 12px;\n  border-bottom: 1px solid rgba(0,0,0,0.06);\n  padding-bottom: 10px;\n}\n\n.lens-grid li:last-child {\n  border-bottom: none;\n  margin-bottom: 0;\n  padding-bottom: 0;\n}\n\n.color-name {\n  flex: 0 0 130px; \/* fixed width for color names *\/\n  font-weight: 400;\n  color: #000;\n}\n\n.color-specs {\n  flex: 1; \/* fill remaining space *\/\n  color: #444;\n  line-height: 1.4;\n}\n\n\/* Materials \u0026 Production list styling *\/\n.materials-grid {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n}\n\n.materials-grid li {\n  margin-bottom: 10px;\n  padding-bottom: 10px;\n  line-height: 1.4;\n  border-bottom: 1px solid rgba(0,0,0,0.06);\n}\n\n.materials-grid li:last-child {\n  border-bottom: none;\n}\n\n\/* Mobile stacking for lens details *\/\n@media (max-width: 480px) {\n\n  .lens-grid li {\n    flex-direction: column; \/* stack nicely *\/\n  }\n\n  .color-name {\n    flex: none;\n    margin-bottom: 4px;\n  }\n\n  .color-specs {\n    flex: none;\n  }\n\n  .materials-grid li {\n    width: 100%;\n    margin-bottom: 10px;\n    padding-bottom: 10px;\n  }\n\n}\n\n\/* Mobile stacking for Materials \u0026 Production *\/\n@media (max-width: 480px) {\n  .materials-grid li {\n    \/* Reset any flex behavior just in case *\/\n    flex: none;\n    width: 100%;\n    margin-bottom: 10px;\n    padding-bottom: 10px;\n  }\n}\n\n\/* --- Measures image alignment --- *\/\ndetails:last-of-type .content {\n  padding: 0 20px 12px 20px;\n}\n\u003c\/style\u003e\n\u003cdetails class=\"accordion\"\u003e\n\u003csummary\u003eLens \u0026amp; Color Details\u003c\/summary\u003e\n\u003cdiv class=\"content\"\u003e\n\u003cul class=\"lens-grid\"\u003e\n\u003cli\u003e\n\u003cspan class=\"color-name\"\u003eShiny Black\u003c\/span\u003e \u003cspan class=\"color-specs\"\u003e Hard-coated G15 lenses\u003cbr\u003eFilter category 2\u003cbr\u003eBackside anti-reflective treatment \u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"color-name\"\u003eOpaline Grey\u003c\/span\u003e \u003cspan class=\"color-specs\"\u003e Hard-coated matte blue lenses\u003cbr\u003eFilter category 3\u003cbr\u003eFrontside \u0026amp; backside anti-reflective treatment \u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"color-name\"\u003eOpaline Night Blue\u003c\/span\u003e \u003cspan class=\"color-specs\"\u003e Hard-coated light grey lenses\u003cbr\u003eFilter category 2\u003cbr\u003eBackside anti-reflective treatment \u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"color-name\"\u003eOpaline Brown\u003c\/span\u003e \u003cspan class=\"color-specs\"\u003e Hard-coated brown lenses\u003cbr\u003eFilter category 3\u003cbr\u003ePolarized \u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"accordion\"\u003e\n\u003csummary\u003eMaterials \u0026amp; Production\u003c\/summary\u003e\n\u003cdiv class=\"content\"\u003e\n\u003cul class=\"materials-grid\"\u003e\n\u003cli\u003e100% UV protection\u003c\/li\u003e\n\u003cli\u003eMazzucchelli cellulose acetate body\u003c\/li\u003e\n\u003cli\u003ePlatted zinc \u0026amp; copper BR.AND signature temples\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"accordion\"\u003e\n\u003csummary\u003eMeasures\u003c\/summary\u003e\n\u003cdiv class=\"content\"\u003e\n\u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0999\/0766\/6255\/files\/stone.png?v=1773407812\" alt=\"\" width=\"350\" height=\"112\"\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cscript\u003e\n\nconst accordions = document.querySelectorAll(\".accordion\");\n\naccordions.forEach(acc =\u003e {\n  acc.addEventListener(\"toggle\", () =\u003e {\n\n    if (acc.open) {\n      accordions.forEach(other =\u003e {\n        if (other !== acc) {\n          other.removeAttribute(\"open\");\n        }\n      });\n    }\n\n  });\n});\n\n\u003c\/script\u003e","brand":"BRUNO CHAUSSIGNAND","offers":[{"title":"SB01 - Shiny Black","offer_id":57127493304655,"sku":null,"price":495.0,"currency_code":"EUR","in_stock":true},{"title":"OGR - Opaline Grey","offer_id":57127493271887,"sku":null,"price":495.0,"currency_code":"EUR","in_stock":true},{"title":"ONB - Opaline Night Blue","offer_id":57127493239119,"sku":null,"price":495.0,"currency_code":"EUR","in_stock":true},{"title":"OBR - Opaline Brown","offer_id":57127493337423,"sku":null,"price":495.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0999\/0766\/6255\/files\/STONE_BK_01_edaad254-56c5-47b5-9be6-7173d8b4137d.png?v=1772191688","url":"https:\/\/brunochaussignand.com\/products\/stone-sun","provider":"BRUNO CHAUSSIGNAND","version":"1.0","type":"link"}