{"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","url":"https:\/\/brunochaussignand.com\/products\/zou","provider":"BRUNO CHAUSSIGNAND","version":"1.0","type":"link"}