{"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  \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":"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\/products\/quartz-copie","provider":"BRUNO CHAUSSIGNAND","version":"1.0","type":"link"}