{"title":"Lukas Cober","description":"\u003cstyle\u003e\n  \n  .main-page-video-wrapper {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    \/*padding: 100px 20px;*\/\n    min-height: 80vh; \n    width: 100%;\n    max-width: var(--page-width);\n    margin: 0 auto;\n    box-sizing: border-box;\n  }\n\n  .video-responsive-container {\n    width: 100%;\n    max-width: 900px;\n    position: relative;\n    border-radius: 0px;\n    overflow: hidden;\n    cursor: pointer;\n  }\n\n  .video-responsive-container video {\n    width: 100%;\n    height: auto;\n    display: block;\n    pointer-events: none;\n  }\n\n  \/* BOTÓN MINIMALISTA SUPERIOR DERECHA *\/\n  .audio-control-btn {\n    position: absolute;\n    top: 20px;\n    right: 20px;\n    \/* background: rgba(0, 0, 0, 0.4); Más sutil *\/\n    color: white;\n    border: none;\n    width: 40px;\n    height: 40px;\n    border-radius: 50%;\n    z-index: 10;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    backdrop-filter: blur(8px);\n    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n    pointer-events: none;\n    padding: 0;\n  }\n\n  \/* Estilo del icono SVG *\/\n  .audio-control-btn svg {\n    width: 20px;\n    height: 20px;\n    fill: currentColor;\n  }\n\n  .page-title-centered {\n    text-align: center;\n    margin-bottom: 30px;\n  }\n\n  @media screen and (max-width: 749px) {\n    \/*.main-page-video-wrapper { padding-top: 60px; }*\/\n    .audio-control-btn { top: 15px; right: 15px; }\n  }\n\u003c\/style\u003e\n\n\u003cdiv class=\"main-page-video-wrapper\"\u003e\n  \n\n  \u003cdiv class=\"video-responsive-container\" id=\"videoTrigger\"\u003e\n    \u003cvideo id=\"mainVideo\" autoplay muted loop playsinline preload=\"auto\"\u003e\n      \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/0331702282c14f409cd7f63eb6017762.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n\n    \u003cbutton id=\"unmuteButton\" class=\"audio-control-btn\"\u003e\n      \u003cspan id=\"audioIconContainer\"\u003e\n        \u003csvg id=\"iconMuted\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M16.5 12c0-1.77-1.02-3.29-2.5-4.03v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51C20.63 14.91 21 13.5 21 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3L3 4.27 7.73 9H3v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06c1.38-.31 2.63-.95 3.69-1.81L19.73 21 21 19.73l-9-9L4.27 3zM12 4L9.91 6.09 12 8.18V4z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n      \u003c\/span\u003e\n    \u003c\/button\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n  const video = document.getElementById('mainVideo');\n  const trigger = document.getElementById('videoTrigger');\n  const iconContainer = document.getElementById('audioIconContainer');\n  const btn = document.getElementById('unmuteButton');\n\n  \/\/ SVG del icono con sonido\n  const svgSoundOn = '\u003csvg viewBox=\"0 0 24 24\"\u003e\u003cpath d=\"M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z\"\/\u003e\u003c\/svg\u003e';\n  \n  \/\/ SVG del icono silencio\n  const svgMuted = '\u003csvg viewBox=\"0 0 24 24\"\u003e\u003cpath d=\"M16.5 12c0-1.77-1.02-3.29-2.5-4.03v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51C20.63 14.91 21 13.5 21 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3L3 4.27 7.73 9H3v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06c1.38-.31 2.63-.95 3.69-1.81L19.73 21 21 19.73l-9-9L4.27 3zM12 4L9.91 6.09 12 8.18V4z\"\/\u003e\u003c\/svg\u003e';\n\n  trigger.addEventListener('click', function() {\n    if (video.muted) {\n      video.muted = false;\n      video.play(); \n      iconContainer.innerHTML = svgSoundOn;\n      \n      \/\/ Efecto sutil: el botón se vuelve casi transparente pero sigue ahí\n      setTimeout(() =\u003e {\n        btn.style.opacity = '0.2';\n      }, 2000);\n    } else {\n      video.muted = true;\n      iconContainer.innerHTML = svgMuted;\n      btn.style.opacity = '1';\n    }\n  });\n\u003c\/script\u003e","products":[{"product_id":"bookshelf","title":"Bookshelf","description":"","brand":"Lukas Cober","offers":[{"title":"Default Title","offer_id":45642213064890,"sku":null,"price":0.0,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0639\/6051\/4746\/files\/bookshelf-lk.png?v=1771908470"},{"product_id":"dining-table-oval","title":"Dining Table Oval","description":"","brand":"Lukas Cober","offers":[{"title":"Default Title","offer_id":45642218307770,"sku":null,"price":0.0,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0639\/6051\/4746\/files\/dinning-table-lk.png?v=1771908980"},{"product_id":"bench-sc","title":"Bench SC","description":"","brand":"Lukas Cober","offers":[{"title":"Default Title","offer_id":45642221158586,"sku":null,"price":0.0,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0639\/6051\/4746\/files\/bench-lk.png?v=1771909309"},{"product_id":"stool-glazed","title":"Stool Glazed","description":"","brand":"Lukas Cober","offers":[{"title":"Default Title","offer_id":45642223452346,"sku":null,"price":0.0,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0639\/6051\/4746\/files\/stool-lk.png?v=1771909673"},{"product_id":"stool-side-table","title":"Stool Side Table","description":"","brand":"Lukas Cober","offers":[{"title":"Default Title","offer_id":45642230235322,"sku":null,"price":0.0,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0639\/6051\/4746\/files\/stool-side-table-lk1.png?v=1771910514"},{"product_id":"stool-side-table-2","title":"Stool Side Table 2","description":"","brand":"Lukas Cober","offers":[{"title":"Default Title","offer_id":45650323079354,"sku":null,"price":0.0,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0639\/6051\/4746\/files\/stool2-lk3.png?v=1772121644"},{"product_id":"coffee-table-round","title":"Coffee Table Round","description":"","brand":"Lukas Cober","offers":[{"title":"Default Title","offer_id":45650882494650,"sku":null,"price":0.0,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0639\/6051\/4746\/files\/coffetable-lk1.png?v=1771959948"},{"product_id":"liquid-bronze-dining-table","title":"Liquid Bronze Dining Table","description":"","brand":"Lukas Cober","offers":[{"title":"Default Title","offer_id":45650956517562,"sku":null,"price":0.0,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0639\/6051\/4746\/files\/dinintable-lk1.png?v=1771960288"},{"product_id":"dining-table-double-ender-ws","title":"Dining Table Double Ender WS","description":"","brand":"Lukas Cober","offers":[{"title":"Default Title","offer_id":45650992267450,"sku":null,"price":0.0,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0639\/6051\/4746\/files\/double-ender-lk-1.png?v=1771960658"},{"product_id":"armchair","title":"Armchair","description":"","brand":"Lukas Cober","offers":[{"title":"Default Title","offer_id":45651107872954,"sku":null,"price":0.0,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0639\/6051\/4746\/files\/armchair1-lk.png?v=1771962614"},{"product_id":"desk","title":"Desk","description":"","brand":"Lukas Cober","offers":[{"title":"Default Title","offer_id":45651161383098,"sku":null,"price":0.0,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0639\/6051\/4746\/files\/desk-lk1.png?v=1771963248"},{"product_id":"new-wave-stool-bronze","title":"New wave stool bronze","description":"","brand":"Lukas Cober","offers":[{"title":"Default Title","offer_id":45866496065722,"sku":null,"price":0.0,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0639\/6051\/4746\/files\/stoolslukas1.jpg?v=1779222622"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0639\/6051\/4746\/collections\/lukascober.png?v=1771908610","url":"https:\/\/cycycy.com\/collections\/lukas-cober.oembed","provider":"CY","version":"1.0","type":"link"}