{"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. Une monture à l'état brut. \u003cstrong\u003eQuartz\u003c\/strong\u003e est la gemme brute de notre collection. Cristalline et prismatique. Les branches et le pont signature BR.AND accentuent ses lignes audacieuses et sa forme affirmée. Survivez aux gratte-ciel et parcourez les métros avec Quartz. Cette monture vous soutient.\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 couleurs\u003c\/summary\u003e\n\u003cdiv class=\"content\"\u003e\n  \u003cul class=\"lens-grid\"\u003e\n    \u003cli\u003e\n      \u003cspan class=\"color-name\"\u003eNoir Brillant\u003c\/span\u003e\n      \u003cspan class=\"color-specs\"\u003e\n        Verres noirs avec traitement durci\u003cbr\u003e\n        Catégorie de filtre 3-1 (dégradé)\u003cbr\u003e\n        Traitement antireflet arrière\n      \u003c\/span\u003e\n    \u003c\/li\u003e\n    \u003cli\u003e\n      \u003cspan class=\"color-name\"\u003eCristal\u003c\/span\u003e\n      \u003cspan class=\"color-specs\"\u003e\n        Verres noirs avec traitement durci\u003cbr\u003e\n        Catégorie de filtre 3-1 (dégradé)\u003cbr\u003e\n        Traitement antireflet arrière\n      \u003c\/span\u003e\n    \u003c\/li\u003e\n    \u003cli\u003e\n      \u003cspan class=\"color-name\"\u003eBleu Nuit Opale\u003c\/span\u003e\n      \u003cspan class=\"color-specs\"\u003e\n        Verres noirs avec traitement durci\u003cbr\u003e\n        Catégorie de filtre 3\u003cbr\u003e\n        Traitement antireflet arrière\n      \u003c\/span\u003e\n    \u003c\/li\u003e\n    \u003cli\u003e\n      \u003cspan class=\"color-name\"\u003eÉcaille\u003c\/span\u003e\n      \u003cspan class=\"color-specs\"\u003e\n        Verres noirs avec traitement durci\u003cbr\u003e\n        Catégorie de filtre 3\u003cbr\u003e\n        Traitement antireflet 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 UV 100 %\u003c\/li\u003e\n    \u003cli\u003eMonture en acétate de cellulose Mazzucchelli\u003c\/li\u003e\n    \u003cli\u003eBranches signature BR.AND en zinc et cuivre plaqués\u003c\/li\u003e\n    \u003cli\u003eFabriquée à 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\/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":"DT88 - Dark Tortoise","offer_id":57127543505231,"sku":null,"price":495.0,"currency_code":"EUR","in_stock":true},{"title":"ONB - Opaline Night Blue","offer_id":57127543472463,"sku":null,"price":495.0,"currency_code":"EUR","in_stock":false},{"title":"CY - Crystal","offer_id":57127543439695,"sku":null,"price":495.0,"currency_code":"EUR","in_stock":false},{"title":"SB01 - Shiny Black","offer_id":57127543537999,"sku":null,"price":495.0,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0999\/0766\/6255\/files\/Quartz_TOR_01_1d298af6-01f7-42de-b2c1-20a4ccf571e8.png?v=1772191991","url":"https:\/\/brunochaussignand.com\/fr\/products\/quartz-copie","provider":"BRUNO CHAUSSIGNAND","version":"1.0","type":"link"}