{"title":"SUNGLASS","description":"","products":[{"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\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\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\n      \u003cspan class=\"color-specs\"\u003e\n        Hard-coated G15 lenses\u003cbr\u003e\n        Filter category 2\u003cbr\u003e\n        Backside anti-reflective treatment\n      \u003c\/span\u003e\n    \u003c\/li\u003e\n    \u003cli\u003e\n      \u003cspan class=\"color-name\"\u003eOpaline Grey\u003c\/span\u003e\n      \u003cspan class=\"color-specs\"\u003e\n        Hard-coated matte blue lenses\u003cbr\u003e\n        Filter category 3\u003cbr\u003e\n        Frontside \u0026amp; backside anti-reflective treatment\n      \u003c\/span\u003e\n    \u003c\/li\u003e\n    \u003cli\u003e\n      \u003cspan class=\"color-name\"\u003eOpaline Night Blue\u003c\/span\u003e\n      \u003cspan class=\"color-specs\"\u003e\n        Hard-coated light grey lenses\u003cbr\u003e\n        Filter category 2\u003cbr\u003e\n        Backside anti-reflective treatment\n      \u003c\/span\u003e\n    \u003c\/li\u003e\n    \u003cli\u003e\n      \u003cspan class=\"color-name\"\u003eOpaline Brown\u003c\/span\u003e\n      \u003cspan class=\"color-specs\"\u003e\n        Hard-coated brown lenses\u003cbr\u003e\n        Filter category 3\u003cbr\u003e\n        Polarized\n      \u003c\/span\u003e\n    \u003c\/li\u003e\n  \u003c\/ul\u003e\n\u003c\/div\u003e\n\n\u003c\/details\u003e\n\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    \u003cli\u003eHand made in France\u003c\/li\u003e\n  \u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\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\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":"Shiny Black","offer_id":57127493304655,"sku":null,"price":495.0,"currency_code":"EUR","in_stock":true},{"title":"Opaline Grey","offer_id":57127493271887,"sku":null,"price":495.0,"currency_code":"EUR","in_stock":true},{"title":"Opaline Night Blue","offer_id":57127493239119,"sku":null,"price":495.0,"currency_code":"EUR","in_stock":true},{"title":"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"},{"product_id":"root-copie","title":"ROOT","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;\"\u003eBold round. Firm ground. Rooted in its simple geometry bound by two elegant circles. A binary system linking the left and right hemispheres of the brain via its semi-open bridge. Held together by the temple's signature metal shape, the semi-conductor of the orchestra.\u003c\/span\u003e\u003c\/p\u003e\n\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\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\/* --- Measures image alignment --- *\/\ndetails:last-of-type .content {\n  padding: 0 20px 12px 20px;\n}\n\u003c\/style\u003e\n\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\"\u003eOpaline Crystal\u003c\/span\u003e\n      \u003cspan class=\"color-specs\"\u003e\n        Hard-coated flash silver lenses\u003cbr\u003e\n        Filter category 3-2 (gradient)\u003cbr\u003e\n        Backside anti-reflective treatment\n      \u003c\/span\u003e\n    \u003c\/li\u003e\n    \u003cli\u003e\n      \u003cspan class=\"color-name\"\u003eOpaline Green\u003c\/span\u003e\n      \u003cspan class=\"color-specs\"\u003e\n        Hard-coated purple brown lenses\u003cbr\u003e\n        Filter category 3\u003cbr\u003e\n        Backside anti-reflective treatment\n      \u003c\/span\u003e\n    \u003c\/li\u003e\n    \u003cli\u003e\n      \u003cspan class=\"color-name\"\u003eShiny Black\u003c\/span\u003e\n      \u003cspan class=\"color-specs\"\u003e\n        Hard-coated yellow lenses\u003cbr\u003e\n        Filter category 2\n      \u003c\/span\u003e\n    \u003c\/li\u003e\n    \u003cli\u003e\n      \u003cspan class=\"color-name\"\u003eOpaline Brown\u003c\/span\u003e\n      \u003cspan class=\"color-specs\"\u003e\n        Hard-coated brown lenses\u003cbr\u003e\n        Filter category 3-1 (gradient)\u003cbr\u003e\n        Backside anti-reflective treatment\n      \u003c\/span\u003e\n    \u003c\/li\u003e\n  \u003c\/ul\u003e\n\u003c\/div\u003e\n\n\u003c\/details\u003e\n\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    \u003cli\u003eHand made in France\u003c\/li\u003e\n  \u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\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\/root.png?v=1773407266\" alt=\"\" width=\"350\" height=\"112\"\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\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":"Opaline Crystal","offer_id":57127498645839,"sku":null,"price":495.0,"currency_code":"EUR","in_stock":true},{"title":"Opaline Green","offer_id":57127498678607,"sku":null,"price":495.0,"currency_code":"EUR","in_stock":true},{"title":"Shiny Black","offer_id":57127498613071,"sku":null,"price":495.0,"currency_code":"EUR","in_stock":true},{"title":"Opaline Brown","offer_id":57127498711375,"sku":null,"price":495.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0999\/0766\/6255\/files\/ROOT_OCY_01_4ddd76e3-21af-4fd2-a55b-8acc1ad960af.png?v=1772191841"},{"product_id":"quartz-copie","title":"QUARTZ","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;\"\u003eMassive. A frame in the rough. \u003cstrong\u003eQuartz\u003c\/strong\u003e is the uncut gem of our collection. Crystalline and prismatic. The signature BR.AND temples and bridge accentuate its bold lines and strong shape. Soar the skylines and swing the subways with Quartz. This frame's got your back.\u003c\/span\u003e\u003c\/p\u003e\n\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\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\n      \u003cspan class=\"color-specs\"\u003e\n        Hard-coated black lenses\u003cbr\u003e\n        Filter category 3-1 (gradient)\u003cbr\u003e\n        Backside anti-reflective treatment\n      \u003c\/span\u003e\n    \u003c\/li\u003e\n    \u003cli\u003e\n      \u003cspan class=\"color-name\"\u003eCrystal\u003c\/span\u003e\n      \u003cspan class=\"color-specs\"\u003e\n        Hard-coated black lenses\u003cbr\u003e\n        Filter category 3-1 (gradient)\u003cbr\u003e\n        Backside anti-reflective treatment\n      \u003c\/span\u003e\n    \u003c\/li\u003e\n    \u003cli\u003e\n      \u003cspan class=\"color-name\"\u003eOpaline Night Blue\u003c\/span\u003e\n      \u003cspan class=\"color-specs\"\u003e\n        Hard-coated black lenses\u003cbr\u003e\n        Filter category 3\u003cbr\u003e\n        Backside anti-reflective treatment\n      \u003c\/span\u003e\n    \u003c\/li\u003e\n    \u003cli\u003e\n      \u003cspan class=\"color-name\"\u003eTortoise\u003c\/span\u003e\n      \u003cspan class=\"color-specs\"\u003e\n        Hard-coated black lenses\u003cbr\u003e\n        Filter category 3\u003cbr\u003e\n        Backside anti-reflective treatment\n      \u003c\/span\u003e\n    \u003c\/li\u003e\n  \u003c\/ul\u003e\n\u003c\/div\u003e\n\n\u003c\/details\u003e\n\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    \u003cli\u003eHand made in France\u003c\/li\u003e\n  \u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\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\/quartz.png?v=1773406870\" alt=\"\" width=\"350\" height=\"112\"\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\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":"Shiny Black","offer_id":57127543537999,"sku":null,"price":495.0,"currency_code":"EUR","in_stock":true},{"title":"Crystal","offer_id":57127543439695,"sku":null,"price":495.0,"currency_code":"EUR","in_stock":false},{"title":"Opaline Night Blue","offer_id":57127543472463,"sku":null,"price":495.0,"currency_code":"EUR","in_stock":true},{"title":"Dark Tortoise","offer_id":57127543505231,"sku":null,"price":495.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0999\/0766\/6255\/files\/Quartz_BK_01_b9d543fe-da35-4b75-ba24-1743ac29084c.png?v=1772191991"},{"product_id":"onyx-copie","title":"ONYX","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;\"\u003eThe \u003cstrong\u003eOnyx\u003c\/strong\u003e is here to push you forward. Its hexagonal shape is multi-layered, multi-purpose. Linked by its signature bridge and temples, this gem of a frame enhances your strength and willpower. Go forth and brave the concrete jungle.\u003c\/span\u003e\u003c\/p\u003e\n\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\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\"\u003eTortoise\u003c\/span\u003e\n      \u003cspan class=\"color-specs\"\u003e\n        Hard-coated G15 lenses\u003cbr\u003e\n        Filter category 3-1 (gradient)\n      \u003c\/span\u003e\n    \u003c\/li\u003e\n    \u003cli\u003e\n      \u003cspan class=\"color-name\"\u003eShiny Black\u003c\/span\u003e\n      \u003cspan class=\"color-specs\"\u003e\n        Hard-coated burgundy lenses\u003cbr\u003e\n        Filter category 3\u003cbr\u003e\n        Backside anti-reflective treatment\n      \u003c\/span\u003e\n    \u003c\/li\u003e\n    \u003cli\u003e\n      \u003cspan class=\"color-name\"\u003eCherry Red\u003c\/span\u003e\n      \u003cspan class=\"color-specs\"\u003e\n        Hard-coated grey lenses\u003cbr\u003e\n        Filter category 3-1 (gradient)\u003cbr\u003e\n        Backside anti-reflective treatment\n      \u003c\/span\u003e\n    \u003c\/li\u003e\n    \u003cli\u003e\n      \u003cspan class=\"color-name\"\u003eOpaline Green\u003c\/span\u003e\n      \u003cspan class=\"color-specs\"\u003e\n        Hard-coated grey lenses\u003cbr\u003e\n        Filter category 3-1 (gradient)\u003cbr\u003e\n        Backside anti-reflective treatment\n      \u003c\/span\u003e\n    \u003c\/li\u003e\n  \u003c\/ul\u003e\n\u003c\/div\u003e\n\n\u003c\/details\u003e\n\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    \u003cli\u003eHand made in France\u003c\/li\u003e\n  \u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\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\/onyx.png?v=1773406495\" alt=\"\" width=\"350\" height=\"112\"\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\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":"Cherry Red","offer_id":57127549206863,"sku":null,"price":495.0,"currency_code":"EUR","in_stock":true},{"title":"Dark Tortoise","offer_id":57127549272399,"sku":null,"price":495.0,"currency_code":"EUR","in_stock":true},{"title":"Shiny Black","offer_id":57127549305167,"sku":null,"price":495.0,"currency_code":"EUR","in_stock":true},{"title":"Opaline Green","offer_id":57127549239631,"sku":null,"price":495.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0999\/0766\/6255\/files\/Onyx_CHE_01_63c242c5-d866-41cf-b746-c021ca9ff0ef.png?v=1773746667"},{"product_id":"basalt-copie","title":"BASALT","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;\"\u003eThe \u003cstrong\u003eBASALT\u003c\/strong\u003e is a frame worth its salt. A new take on the pilot, it is magnetic and daringly attractive. Its bold lines stemming from the bridge core to the temple's standout shape gives it a unique signature style.\u003c\/span\u003e\u003c\/p\u003e\n\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\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\n      \u003cspan class=\"color-specs\"\u003e\n        Hard-coated indigo blue lenses\u003cbr\u003e\n        Filter category 3-1 (gradient)\u003cbr\u003e\n        Backside anti-reflective treatment\n      \u003c\/span\u003e\n    \u003c\/li\u003e\n    \u003cli\u003e\n      \u003cspan class=\"color-name\"\u003eOpaline Green\u003c\/span\u003e\n      \u003cspan class=\"color-specs\"\u003e\n        Hard-coated green lenses\u003cbr\u003e\n        Filter category 2-1 (gradient)\n      \u003c\/span\u003e\n    \u003c\/li\u003e\n    \u003cli\u003e\n      \u003cspan class=\"color-name\"\u003eOpaline Crystal\u003c\/span\u003e\n      \u003cspan class=\"color-specs\"\u003e\n        Hard-coated pink lenses\u003cbr\u003e\n        Filter category 1 (+10 style points)\n      \u003c\/span\u003e\n    \u003c\/li\u003e\n    \u003cli\u003e\n      \u003cspan class=\"color-name\"\u003eOpaline Brown\u003c\/span\u003e\n      \u003cspan class=\"color-specs\"\u003e\n        Hard-coated grey lenses\u003cbr\u003e\n        Filter category 3-2 (gradient)\u003cbr\u003e\n        Polarized\n      \u003c\/span\u003e\n    \u003c\/li\u003e\n  \u003c\/ul\u003e\n\u003c\/div\u003e\n\n\u003c\/details\u003e\n\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    \u003cli\u003eHand made in France\u003c\/li\u003e\n  \u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\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\/basalt.png?v=1773398772\" alt=\"\" width=\"350\" height=\"112\"\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\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":"Shiny Black","offer_id":57127558021455,"sku":null,"price":495.0,"currency_code":"EUR","in_stock":true},{"title":"Opaline Green","offer_id":57127558086991,"sku":null,"price":495.0,"currency_code":"EUR","in_stock":true},{"title":"Opaline Brown","offer_id":57127558119759,"sku":null,"price":495.0,"currency_code":"EUR","in_stock":true},{"title":"Opaline Crystal","offer_id":57127558054223,"sku":null,"price":495.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0999\/0766\/6255\/files\/BASALT_BK_01_a86ef44d-9c3b-4bfe-9e96-6092cf3315a8.png?v=1772192203"},{"product_id":"cocoon-1","title":"COCOON","description":"\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\"\u003eBrown Texture\u003c\/span\u003e \u003cspan class=\"color-specs\"\u003e Dark brown-Yellow gradient coating\u003cbr\u003eFilter category 2-1 \u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"color-name\"\u003eTextured Black\u003c\/span\u003e \u003cspan class=\"color-specs\"\u003e Black gradient coating\u003cbr\u003eFilter category 3-1 \u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"color-name\"\u003eTranslucid Green\u003c\/span\u003e \u003cspan class=\"color-specs\"\u003e Dark brown-Green gradient coating\u003cbr\u003eFilter category 2-1 \u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"color-name\"\u003eTranslucid Blue\u003c\/span\u003e \u003cspan class=\"color-specs\"\u003e Blue gradient coating\u003cbr\u003eFilter category 2-1 \u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"color-name\"\u003eGold Tribal Pattern\u003c\/span\u003e \u003cspan class=\"color-specs\"\u003e Brown-Yellow gradient coating\u003cbr\u003eFilter category 2-1 \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\u003eNatural mineral lenses\u003c\/li\u003e\n\u003cli\u003e100% UV protection\u003c\/li\u003e\n\u003cli\u003eMazzucchelli cellulose acetate body\u003c\/li\u003e\n\u003cli\u003eSpring-hinge temples to provide a gentler fit\u003c\/li\u003e\n\u003cli\u003eHand made in France\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\/cocoon.png?v=1773745276\" 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":"Brown Texture","offer_id":57270208889167,"sku":null,"price":490.0,"currency_code":"EUR","in_stock":true},{"title":"Textured Black","offer_id":57270200172879,"sku":null,"price":490.0,"currency_code":"EUR","in_stock":true},{"title":"Translucid Green","offer_id":57270200205647,"sku":null,"price":490.0,"currency_code":"EUR","in_stock":true},{"title":"Translucid Blue","offer_id":57270200238415,"sku":null,"price":490.0,"currency_code":"EUR","in_stock":true},{"title":"Gold Tribal Pattern","offer_id":57270200271183,"sku":null,"price":490.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0999\/0766\/6255\/files\/COCOON-BRO-001_6895fb17-b6d7-42c2-bcf9-3d38036601d7.png?v=1773915907"},{"product_id":"hakka-1","title":"HAKKA","description":"\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\"\u003eTranslucid Grey Stripes\u003c\/span\u003e \u003cspan class=\"color-specs\"\u003e Dark blue gradient coating\u003cbr\u003eFilter category 2-1 \u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"color-name\"\u003eMix Colors\u003c\/span\u003e \u003cspan class=\"color-specs\"\u003e Brown-Orange gradient coating\u003cbr\u003eFilter category 2-1\u003cbr\u003eBackside anti-reflective treatment \u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"color-name\"\u003eShiny Black\u003c\/span\u003e \u003cspan class=\"color-specs\"\u003e G15 gradient coating\u003cbr\u003eFilter category 3-1\u003cbr\u003eBackside anti-reflective treatment \u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"color-name\"\u003eBrown Dusk\u003c\/span\u003e \u003cspan class=\"color-specs\"\u003e Brown gradient coating\u003cbr\u003eFilter category 2-1\u003cbr\u003eBackside anti-reflective treatment \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\u003eNatural mineral lenses\u003c\/li\u003e\n\u003cli\u003e100% UV protection\u003c\/li\u003e\n\u003cli\u003eMazzucchelli cellulose acetate body\u003c\/li\u003e\n\u003cli\u003eSpring-hinge temples to provide a gentler fit\u003c\/li\u003e\n\u003cli\u003eHand made in France\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\/hakka.png?v=1773745266\" 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":"Translucid Grey Stripes","offer_id":57275096596815,"sku":null,"price":490.0,"currency_code":"EUR","in_stock":true},{"title":"Mix Colors","offer_id":57275096629583,"sku":null,"price":490.0,"currency_code":"EUR","in_stock":true},{"title":"Shiny Black","offer_id":57275096662351,"sku":null,"price":490.0,"currency_code":"EUR","in_stock":true},{"title":"Brown Dusk","offer_id":57275096695119,"sku":null,"price":490.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0999\/0766\/6255\/files\/HAKKA-TGS-001_a821394d-b21b-4e96-bcbd-12bfd9535052.png?v=1773918405"},{"product_id":"sienna-1","title":"SIENNA","description":"\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\"\u003eGreen \u0026amp; Red Pattern\u003c\/span\u003e \u003cspan class=\"color-specs\"\u003e Brown gradient coating\u003cbr\u003eFilter category 2-1\u003cbr\u003eBackside anti-reflective treatment \u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"color-name\"\u003eFire Brown\u003c\/span\u003e \u003cspan class=\"color-specs\"\u003e G15 gradient coating\u003cbr\u003eFilter category 2-1\u003cbr\u003eBackside anti-reflective treatment \u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"color-name\"\u003eGlitter Blue Marble\u003c\/span\u003e \u003cspan class=\"color-specs\"\u003e Light blue coating\u003cbr\u003eFilter category 2 \u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"color-name\"\u003eSolid Black Dusk\u003c\/span\u003e \u003cspan class=\"color-specs\"\u003e Grey gradient coating\u003cbr\u003eFilter category 2-1 \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\u003eNatural mineral lenses\u003c\/li\u003e\n\u003cli\u003e100% UV protection\u003c\/li\u003e\n\u003cli\u003eMazzucchelli cellulose acetate body\u003c\/li\u003e\n\u003cli\u003eSpring-hinge temples to provide a gentler fit\u003c\/li\u003e\n\u003cli\u003eHand made in France\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\/sienna.png?v=1773745272\" 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":"Green \u0026 Red Pattern","offer_id":57275415200079,"sku":null,"price":490.0,"currency_code":"EUR","in_stock":true},{"title":"Fire Brown","offer_id":57275415232847,"sku":null,"price":490.0,"currency_code":"EUR","in_stock":true},{"title":"Glitter Blue Marble","offer_id":57275415265615,"sku":null,"price":490.0,"currency_code":"EUR","in_stock":true},{"title":"Solid Black Dusk","offer_id":57275415298383,"sku":null,"price":490.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0999\/0766\/6255\/files\/SIENNA_GR22_01_653bfed2-4add-4486-b49b-7aac67382faf.png?v=1773919272"},{"product_id":"st-germain-1","title":"ST GERMAIN","description":"\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\"\u003eYellow Tortoise\u003c\/span\u003e \u003cspan class=\"color-specs\"\u003e Brown-Yellow gradient coating\u003cbr\u003eFilter category 2-1\u003cbr\u003eBackside anti-reflective treatment \u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"color-name\"\u003eGradient Grey Tortoise\u003c\/span\u003e \u003cspan class=\"color-specs\"\u003e Green gradient coating\u003cbr\u003eFilter category 2-1 \u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"color-name\"\u003eShiny Black\u003c\/span\u003e \u003cspan class=\"color-specs\"\u003e Black gradient coating\u003cbr\u003eFilter category 3-1\u003cbr\u003eBackside anti-reflective treatment \u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"color-name\"\u003eBlue \u0026amp; Grey Texture\u003c\/span\u003e \u003cspan class=\"color-specs\"\u003e Flash Grey-Green gradient coating\u003cbr\u003eFilter category 3-1 \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\u003eNatural mineral lenses\u003c\/li\u003e\n\u003cli\u003e100% UV protection\u003c\/li\u003e\n\u003cli\u003eMazzucchelli cellulose acetate body\u003c\/li\u003e\n\u003cli\u003eSpring-hinge temples to provide a gentler fit\u003c\/li\u003e\n\u003cli\u003eHand made in France\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\/stgermain.png?v=1773745273\" 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":"Yellow Tortoise","offer_id":57275445608783,"sku":null,"price":490.0,"currency_code":"EUR","in_stock":true},{"title":"Gradient Grey Tortoise","offer_id":57275445641551,"sku":null,"price":490.0,"currency_code":"EUR","in_stock":true},{"title":"Shiny Black","offer_id":57275445674319,"sku":null,"price":490.0,"currency_code":"EUR","in_stock":true},{"title":"Blue \u0026 Grey Texture","offer_id":57275445707087,"sku":null,"price":490.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0999\/0766\/6255\/files\/STGERMAIN-FT24-01_59488e0f-20a2-479c-8c71-c891c1ffe3f4.png?v=1773920132"},{"product_id":"zou","title":"ZOU","description":"\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\"\u003eBrown Tortoise\u003c\/span\u003e \u003cspan class=\"color-specs\"\u003e Light blue gradient coating\u003cbr\u003eFilter category 2-1 \u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"color-name\"\u003eBrown Tortoise\u003c\/span\u003e \u003cspan class=\"color-specs\"\u003e Light brown coating\u003cbr\u003eFilter category 2-1 \u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"color-name\"\u003ePink\u003c\/span\u003e \u003cspan class=\"color-specs\"\u003e Light blue gradient coating\u003cbr\u003eFilter category 2-1 \u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"color-name\"\u003ePink\u003c\/span\u003e \u003cspan class=\"color-specs\"\u003e Light brown gradient coating\u003cbr\u003eFilter category 2-1 \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\u003eHand made in France\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\/zou.png?v=1773745273\" 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":"Brown Tortoise \u0026 Blue Lens","offer_id":57361668079951,"sku":null,"price":249.0,"currency_code":"EUR","in_stock":true},{"title":"Brown Tortoise \u0026 Brown Lens","offer_id":57361668112719,"sku":null,"price":249.0,"currency_code":"EUR","in_stock":true},{"title":"Pink \u0026 Blue Lens","offer_id":57361668145487,"sku":null,"price":249.0,"currency_code":"EUR","in_stock":true},{"title":"Pink \u0026 Brown Lens","offer_id":57361668178255,"sku":null,"price":249.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0999\/0766\/6255\/files\/ZOU_Brown_Blue_01.png?v=1774944337"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0999\/0766\/6255\/collections\/Quartz_TOR_02_ad56dc82-b694-43d5-b901-fed56a1c06dd.png?v=1772197754","url":"https:\/\/brunochaussignand.com\/fr\/collections\/sunglasses.oembed","provider":"BRUNO CHAUSSIGNAND","version":"1.0","type":"link"}