{"product_id":"costes-3-seater-sofa","title":"Costes 3 Seater Sofa","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\u003eThe Costes collection comes in the \u003ca href=\"https:\/\/meinteriors.com.au\/products\/costes-dining-armchair\"\u003edining armchair\u003c\/a\u003e,  \u003ca href=\"https:\/\/meinteriors.com.au\/products\/costes-lounge-armchair\"\u003elounge armchair\u003c\/a\u003e, \u003ca href=\"https:\/\/meinteriors.com.au\/products\/costes-3-seater-sofa\"\u003e3-seater sofa\u003c\/a\u003e, \u003ca href=\"https:\/\/meinteriors.com.au\/products\/costes-modular-sofa\"\u003emodular sofa\u003c\/a\u003e, \u003ca href=\"https:\/\/meinteriors.com.au\/products\/costes-daybed\"\u003edaybed\u003c\/a\u003e, \u003ca href=\"https:\/\/meinteriors.com.au\/products\/costes-rectangular-coffee-table-100x60\"\u003erectangular coffee table\u003c\/a\u003e, \u003ca href=\"https:\/\/meinteriors.com.au\/products\/costes-rectangular-table-240x160\"\u003erectangular table\u003c\/a\u003e, \u003ca href=\"https:\/\/meinteriors.com.au\/products\/costes-rectangular-table-300x110\"\u003erectangular table XL\u003c\/a\u003e, and \u003ca href=\"https:\/\/meinteriors.com.au\/products\/costes-round-table\"\u003eround table\u003c\/a\u003e styles.\u003c\/p\u003e\n  \u003cbr\u003e\n  \u003cp\u003eRound with revolving top or rectangular, the tables from the Costes collection are an ode to conviviality. The large size accommodates up to ten seats, for outdoor dining in full comfort and in contact with nature.\u003c\/p\u003e\n  \u003cbr\u003e\n  \u003cp\u003eThe Costes 3 Seater Sofa is made with a pickled teak\/natural teak structure, and acrylic nature white\/acrylic nature grey\/canapa ruggine\/canapa grey cushion 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  \u003cp\u003ePickled Teak | Natural Teak\u003c\/p\u003e\n  \u003cp\u003eAcrylic Nature White | Acrylic Nature Grey | Canapa Ruggine | Canapa Grey\u003c\/p\u003e\n  \u003cbr\u003e\n  \u003ch5\u003eProduct Dimensions\u003c\/h5\u003e\n  \u003cp\u003eWidth: 180cm\u003c\/p\u003e\n  \u003cp\u003eHeight: 70cm\u003c\/p\u003e\n  \u003cp\u003eDepth: 80cm\u003c\/p\u003e\n  \u003cp\u003eSeat: 38cm\u003c\/p\u003e\n  \u003cp\u003eWeight: 48kg\u003c\/p\u003e\n  \u003cbr\u003e\n\u003c\/div\u003e\n\u003cbr\u003e\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":"Ethimo","offers":[{"title":"Default Title","offer_id":50972230385979,"sku":null,"price":0.0,"currency_code":"AUD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0691\/6089\/4779\/files\/Costes-3-Seater-2.jpg?v=1771200367","url":"https:\/\/meinteriors.com.au\/products\/costes-3-seater-sofa","provider":"meinteriors","version":"1.0","type":"link"}