{"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;\"\u003eL'\u003cstrong\u003eOnyx\u003c\/strong\u003e est là pour vous pousser en avant. Sa forme hexagonale est multicouche et polyvalente. Lié par son pont et ses branches emblématiques, ce bijou de monture renforce votre force et votre volonté. Allez de l'avant et bravez la jungle de béton.\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\u003eDétails des verres et des couleurs\u003c\/summary\u003e\n\u003cdiv class=\"content\"\u003e\n  \u003cul class=\"lens-grid\"\u003e\n    \u003cli\u003e\n      \u003cspan class=\"color-name\"\u003eÉcaille\u003c\/span\u003e\n      \u003cspan class=\"color-specs\"\u003e\n        Verres G15 traités dur\u003cbr\u003e\n        Catégorie de filtre 3-1 (dégradé)\n      \u003c\/span\u003e\n    \u003c\/li\u003e\n    \u003cli\u003e\n      \u003cspan class=\"color-name\"\u003eNoir Brillant\u003c\/span\u003e\n      \u003cspan class=\"color-specs\"\u003e\n        Verres bordeaux traités dur\u003cbr\u003e\n        Catégorie de filtre 3\u003cbr\u003e\n        Traitement anti-reflet face arrière\n      \u003c\/span\u003e\n    \u003c\/li\u003e\n    \u003cli\u003e\n      \u003cspan class=\"color-name\"\u003eRouge Cerise\u003c\/span\u003e\n      \u003cspan class=\"color-specs\"\u003e\n        Verres gris traités dur\u003cbr\u003e\n        Catégorie de filtre 3-1 (dégradé)\u003cbr\u003e\n        Traitement anti-reflet face arrière\n      \u003c\/span\u003e\n    \u003c\/li\u003e\n    \u003cli\u003e\n      \u003cspan class=\"color-name\"\u003eVert Opale\u003c\/span\u003e\n      \u003cspan class=\"color-specs\"\u003e\n        Verres gris traités dur\u003cbr\u003e\n        Catégorie de filtre 3-1 (dégradé)\u003cbr\u003e\n        Traitement anti-reflet face arrière\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\u003eMatériaux et production\u003c\/summary\u003e\n\u003cdiv class=\"content\"\u003e\n  \u003cul class=\"materials-grid\"\u003e\n    \u003cli\u003eProtection 100% UV\u003c\/li\u003e\n    \u003cli\u003eCorps en acétate de cellulose Mazzucchelli\u003c\/li\u003e\n    \u003cli\u003eBranches signature BR.AND en zinc et cuivre plaqué\u003c\/li\u003e\n    \u003cli\u003eFabriqué à la main en France\u003c\/li\u003e\n  \u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\n\u003cdetails class=\"accordion\"\u003e\n\u003csummary\u003eMesures\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":"CHE - Cherry Red","offer_id":57127549206863,"sku":null,"price":495.0,"currency_code":"EUR","in_stock":true},{"title":"DT88 - Dark Tortoise","offer_id":57127549272399,"sku":null,"price":495.0,"currency_code":"EUR","in_stock":true},{"title":"SB01 - Shiny Black","offer_id":57127549305167,"sku":null,"price":495.0,"currency_code":"EUR","in_stock":true},{"title":"OGE - 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","url":"https:\/\/brunochaussignand.com\/fr\/products\/onyx-copie","provider":"BRUNO CHAUSSIGNAND","version":"1.0","type":"link"}