{"product_id":"basalt","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\/* 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 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\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":57127390708047,"sku":null,"price":480.0,"currency_code":"EUR","in_stock":true},{"title":"Opaline Crystal","offer_id":57127390740815,"sku":null,"price":480.0,"currency_code":"EUR","in_stock":true},{"title":"Opaline Green","offer_id":57127390773583,"sku":null,"price":480.0,"currency_code":"EUR","in_stock":true},{"title":"Opaline Brown","offer_id":57127390806351,"sku":null,"price":480.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0999\/0766\/6255\/files\/BASALT_BK_01.png?v=1772190544","url":"https:\/\/brunochaussignand.com\/products\/basalt","provider":"BRUNO CHAUSSIGNAND","version":"1.0","type":"link"}