{"product_id":"circola-lounge","title":"Circola Lounge","description":"\u003cstyle\u003e  \n  .content-wrapper {\n    max-height: 100px;\n    overflow: hidden;\n    position: relative;\n    transition: max-height 0.3s ease-out;\n  }\n  \n  .content-wrapper.expanded {\n    max-height: 500px;\n  }\n\n  .read-more-button {\n    display: block;\n    margin-top: 15px;\n    cursor: pointer;\n    color: #736357;\n  }\n  \n  .collapsible {\n    background-color: #FBF9F7;\n    color: #736357;\n    cursor: pointer;\n    padding: 20px 0px;\n    width: 100%;\n    border: none;\n    text-align: left;\n    font-size: 15px;\n  }\n\n  .collapsible:after {\n    content: '\\002B';\n    color: #736357;\n    font-weight: bold;\n    float: right;\n    margin-left: 5px;\n  }\n\n  .active:after {\n    content: \"\\2212\";\n  }\n  \n  .content {\n    padding: 0px 10px;\n    max-height: 0;\n    overflow: hidden;\n    transition: max-height 0.2s ease-out;\n    background-color: #FBF9F7;\n  }\n\n  a:hover {\n    color: #CABEB4;\n  }\n\n\u003c\/style\u003e\n\u003cdiv id=\"myContent\" class=\"content-wrapper\"\u003e\n  \u003c!-- This is the Product Description --\u003e\n  \u003cp\u003eCIRCOLO is a smart and infinitely modular soft seating collection that harnesses the need for agility and acoustic comfort. Designed through the exploration of logical geometry, the collection contrasts curvature and straight angularity with a twist of playful softness.\u003c\/p\u003e\n  \u003cbr\u003e\n  \u003cp\u003eThe CIRCOLO modular lounge comes in the ottoman, modular seating, loose seating and booth styles, and are available in a number of different fabric colours.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cspan class=\"read-more-button\" onclick=\"toggleReadMore()\"\u003e+ More\u003c\/span\u003e\n\u003cbr\u003e\u003cbr\u003e\n\n\u003c!-- These are the dropdown tabs of information --\u003e\n\u003cbutton class=\"collapsible\"\u003eDetails\u003c\/button\u003e\n\u003cdiv class=\"content\"\u003e\n  \u003c!-- These are where the variant details go --\u003e\n  \u003ch5\u003eDesigns Available\u003c\/h5\u003e\n  \u003ch5\u003eStyles\/Configurations\u003c\/h5\u003e\n  \u003cp\u003eOttoman | Modular Seating | Loose Seating | Booth\u003c\/p\u003e\n  \u003cbr\u003e\n  \u003ch5\u003eFabric Colours\u003c\/h5\u003e\n  \u003cp\u003eCustom orders for fabric colour choices\u003c\/p\u003e\n  \u003cbr\u003e\n  \u003ch5\u003eProduct Dimensions\u003c\/h5\u003e\n  \u003ch5\u003eOttoman Range\u003c\/h5\u003e\n  \u003cp\u003eHeight: 450mm\u003c\/p\u003e\n  \u003cp\u003eWidth: 640mm | 1340mm\u003c\/p\u003e\n  \u003cp\u003eDepth: 640mm\u003c\/p\u003e\n  \u003cbr\u003e\n  \u003ch5\u003eModular Seating Range\u003c\/h5\u003e\n  \u003cp\u003eHeight: 760mm\u003c\/p\u003e\n  \u003cp\u003eWidth: 700mm | 870mm | 956mm | 1097mm | 1370mm | 1400mm | 1540mm | 1610mm | 1890mm\u003c\/p\u003e\n  \u003cp\u003eDepth: 640mm | 688mm | 698mm | 750mm | 860mm\u003c\/p\u003e\n  \u003cbr\u003e\n  \u003ch5\u003eLoose Seating Range\u003c\/h5\u003e\n  \u003cp\u003eHeight: 760mm\u003c\/p\u003e\n  \u003cp\u003eWidth: 640mm | 1320mm | 1912mm\u003c\/p\u003e\n  \u003cp\u003eDepth: 640mm | 770mm\u003c\/p\u003e\n  \u003cbr\u003e\n  \u003ch5\u003eBooth Range\u003c\/h5\u003e\n  \u003cp\u003eHeight: 1365mm\u003c\/p\u003e\n  \u003cp\u003eWidth: 2110mm\u003c\/p\u003e\n  \u003cp\u003eDepth: 945mm | 1445mm\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c!-- This is for the certifications and warranties (not all products have both) --\u003e\n\u003cbutton class=\"collapsible\"\u003eWarranty\u003c\/button\u003e\n\u003cdiv class=\"content\"\u003e \n  \u003ch5\u003eWarranties\u003c\/h5\u003e\n  \u003cp\u003e7 year structural warranty\u003c\/p\u003e\n  \u003cbr\u003e\n\u003c\/div\u003e \n\n\u003cscript\u003e\nvar coll = document.getElementsByClassName(\"collapsible\");\nvar i;\n\nfor (i = 0; i \u003c coll.length; i++) {\n  coll[i].addEventListener(\"click\", function() {\n    this.classList.toggle(\"active\");\n    var content = this.nextElementSibling;\n    if (content.style.maxHeight){\n      content.style.maxHeight = null;\n    } else {\n      content.style.maxHeight = content.scrollHeight + \"px\";\n    }\n  });\n}\n\nfunction toggleReadMore() {\n  const content = document.getElementById('myContent');\n  content.classList.toggle('expanded');\n  const button = document.querySelector('.read-more-button');\n  if (content.classList.contains('expanded')) {\n    button.textContent = 'Show Less';\n  } else {\n    button.textContent = '+ More';\n  }\n}\n\u003c\/script\u003e","brand":"Thinking Works","offers":[{"title":"Default Title","offer_id":51634153849147,"sku":null,"price":0.0,"currency_code":"AUD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0691\/6089\/4779\/files\/Circola-Lounge-InSItu-6.webp?v=1788138727","url":"https:\/\/meinteriors.com.au\/products\/circola-lounge","provider":"meinteriors","version":"1.0","type":"link"}