{"product_id":"pier-birds-on-lake-autumn-sunset","title":"Lake dock at dusk - Paint by numbers","description":"\u003cstyle\u003e\n\n\/* CONTENEUR EN FLEX *\/\n.accordion {\n  display:flex;\n  flex-direction:column;\n  gap:0;                      \/* lignes séparatrices gérées par border *\/\n  max-width: 880px;\n  margin: 0 auto;\n}\n\n\/* ITEM EN FLEX COLONNE *\/\n.accordion-item {\n  display:flex;\n  flex-direction:column;\n}\n\n  \/* En-tête : H2 + bouton (ligne en flex) *\/\n  .accordion h2 { margin:0; }\n  .accordion button{\n    all: unset;\n    display:flex;               \/* FLEX ICI *\/\n    align-items:center;\n    justify-content:space-between;\n    gap:14px;\n    width:100%;\n    cursor:pointer;\n    padding:10px 6px;\n  }\n  .accordion .label {\n    flex:1;\n    font-size: clamp(18px, 2.2vw, 28px);\n    font-weight:700;\n  }\n  .accordion button:focus-visible {\n    outline: 3px solid #1a73e8; outline-offset: 3px; border-radius:6px;\n  }\n\n  \/* Icônes en ligne (flex child) *\/\n  .icon { width:22px; height:22px; opacity:.85; margin-right:6px }\n  .title-left { display:flex; align-items:center; gap:14px; }\n\n  \/* Chevron *\/\n  .chevron {\n    width:22px; height:22px; flex:0 0 22px;\n    transition: transform .2s ease;\n    color: var(--chev);\n  }\n  [aria-expanded=\"true\"] .chevron{ transform: rotate(-180deg); }\n\n  \/* PANNEAU EN FLEX COLONNE + TRANSITION hauteur *\/\n  .panel {\n    display:flex;               \/* FLEX ICI *\/\n    flex-direction:column;\n    overflow:hidden;\n    max-height:0;               \/* fermé *\/\n    transition:max-height .28s ease;\n  }\n  .panel[data-open=\"true\"] {\n    max-height: 600px;          \/* valeur assez grande pour contenir le contenu *\/\n  }\n  .panel \u003e div {\n    padding: 0 6px 18px 6px;\n    color: var(--muted);\n    line-height: 1.6;\n    font-size: 16px;\n  }\n\u003c\/style\u003e\n\u003csection id=\"accordion\" class=\"accordion\"\u003e\u003c!-- Élément 1 --\u003e\n\u003carticle class=\"accordion-item\"\u003e\n\u003ch2\u003e\u003cbutton id=\"t1\" aria-controls=\"p1\" aria-expanded=\"false\"\u003e \u003cspan class=\"title-left\"\u003e \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 24 24\" class=\"icon\"\u003e\u003cg stroke-width=\"0\" id=\"SVGRepo_bgCarrier\"\u003e\u003c\/g\u003e\u003cg stroke-linejoin=\"round\" stroke-linecap=\"round\" id=\"SVGRepo_tracerCarrier\"\u003e\u003c\/g\u003e\u003cg id=\"SVGRepo_iconCarrier\"\u003e \u003cpath stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.7\" stroke=\"currentColor\" d=\"M9 22H15C20 22 22 20 22 15V9C22 4 20 2 15 2H9C4 2 2 4 2 9V15C2 20 4 22 9 22Z\"\u003e\u003c\/path\u003e \u003cg opacity=\"0.4\"\u003e \u003cpath stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"#292D32\" d=\"M9 2L13.95 22\"\u003e\u003c\/path\u003e \u003cpath stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"#292D32\" d=\"M11.53 12.2202L2 15.0002\"\u003e\u003c\/path\u003e \u003c\/g\u003e \u003c\/g\u003e\u003c\/svg\u003e\u003cspan class=\"label\"\u003eLake dock at dusk - Paint by numbers\u003c\/span\u003e \u003c\/span\u003e \u003csvg stroke-width=\"2\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\" class=\"chevron\"\u003e\u003cpath d=\"M6 9l6 6 6-6\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003c\/button\u003e\u003c\/h2\u003e\n\u003cdiv data-open=\"false\" aria-labelledby=\"t1\" role=\"region\" id=\"p1\" class=\"panel\"\u003e\n\u003cdiv\u003e\n\u003cp\u003e\u003cstrong\u003eSteloria\u003c\/strong\u003e invites you to dive into a soft and enchanting scene: a solitary dock by a \u003cstrong\u003elake\u003c\/strong\u003e, caressed by the last rays of \u003cstrong\u003edusk\u003c\/strong\u003e. This paint by numbers transforms a suspended moment into an accessible creative experience. The warm colors of the sky blend with the reflections in the water, and each number guides you to an elegant painting, perfect for decorating your home or giving a memorable gift.\u003c\/p\u003e\n\u003ch3 style=\"margin: 10px 0 10px 0;\"\u003eWhy choose this paint by numbers?\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eSimple and refined\u003c\/strong\u003e, this creation signed by \u003cstrong\u003eSteloria\u003c\/strong\u003e is suitable for all levels. Whether you are looking for a relaxing activity after a busy day or an aesthetic project to enhance your living room, this kit offers a balance between pleasure and professional results. The paint by numbers method eliminates doubt: you follow, apply, and see the scene come to life under your fingers.\u003c\/p\u003e\n\u003ch3 style=\"margin: 10px 0 10px 0;\"\u003eWhat the kit contains\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eA pre-printed canvas with clear numbers and precise outlines, ready to be painted.\u003c\/li\u003e\n\u003cli\u003eQuality acrylic paint pots, in carefully selected shades to recreate the dusk.\u003c\/li\u003e\n\u003cli\u003eA set of brushes suitable for details and large surfaces.\u003c\/li\u003e\n\u003cli\u003eA simple and illustrated instruction, to start without waiting.\u003c\/li\u003e\n\u003cli\u003eA tips guide for a harmonious finish and finishing advice.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3 style=\"margin: 10px 0 10px 0;\"\u003eBenefits and use\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eGuaranteed relaxation:\u003c\/strong\u003e follow the rhythm of the numbers and let stress disappear.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAesthetic result:\u003c\/strong\u003e a painting ready to be framed and displayed.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eShared activity:\u003c\/strong\u003e ideal for a bonding moment in pairs or a creative afternoon solo.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAccessibility:\u003c\/strong\u003e no prior skills required, suitable for beginners as well as enthusiasts.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eElegant gift:\u003c\/strong\u003e surprise a loved one with a creative experience and a unique decorative object.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- Élément 2 --\u003e\n\u003carticle class=\"accordion-item\"\u003e\n\u003ch2\u003e\u003cbutton id=\"t2\" aria-controls=\"p2\" aria-expanded=\"false\"\u003e \u003cspan class=\"title-left\"\u003e \u003csvg stroke=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 24 24\" class=\"icon\"\u003e\u003cg stroke-width=\"1.7\" id=\"SVGRepo_bgCarrier\"\u003e\u003c\/g\u003e\u003cg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke=\"currentColor\" id=\"SVGRepo_tracerCarrier\"\u003e\u003c\/g\u003e\u003cg id=\"SVGRepo_iconCarrier\"\u003e \u003cpath stroke-linecap=\"round\" stroke-width=\"1.7\" stroke=\"currentColor\" d=\"M10.125 8.875C10.125 7.83947 10.9645 7 12 7C13.0355 7 13.875 7.83947 13.875 8.875C13.875 9.56245 13.505 10.1635 12.9534 10.4899C12.478 10.7711 12 11.1977 12 11.75V13\"\u003e\u003c\/path\u003e \u003ccircle fill=\"none\" r=\"1\" cy=\"16\" cx=\"12\"\u003e\u003c\/circle\u003e \u003cpath stroke-linecap=\"round\" stroke-width=\"1.7\" stroke=\"currentColor\" d=\"M22 12C22 16.714 22 19.0711 20.5355 20.5355C19.0711 22 16.714 22 12 22C7.28595 22 4.92893 22 3.46447 20.5355C2 19.0711 2 16.714 2 12C2 7.28595 2 4.92893 3.46447 3.46447C4.92893 2 7.28595 2 12 2C16.714 2 19.0711 2 20.5355 3.46447C21.5093 4.43821 21.8356 5.80655 21.9449 8\"\u003e\u003c\/path\u003e \u003c\/g\u003e\u003c\/svg\u003e \u003cspan class=\"label\"\u003eDare to be creatively adventurous with Steloria\u003c\/span\u003e \u003c\/span\u003e \u003csvg stroke-width=\"2\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\" class=\"chevron\"\u003e\u003cpath d=\"M6 9l6 6 6-6\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003c\/button\u003e\u003c\/h2\u003e\n\u003cdiv data-open=\"false\" aria-labelledby=\"t2\" role=\"region\" id=\"p2\" class=\"panel\"\u003e\n\u003cdiv\u003e\n\u003cp\u003eIndulge in the \u003cstrong\u003eluxury\u003c\/strong\u003e of a calm and sensual moment. With \u003cstrong\u003eSteloria\u003c\/strong\u003e, each brushstroke brings you closer to the shore, each color evokes the evening breeze. Take your time, savor the transformation, and \u003cstrong\u003eproudly display your work\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eStart now and let the magic of dusk illuminate your home.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- Élément 3 --\u003e\n\u003carticle class=\"accordion-item\"\u003e\n\u003ch2\u003e\u003cbutton id=\"t3\" aria-controls=\"p3\" aria-expanded=\"false\"\u003e \u003cspan class=\"title-left\"\u003e \u003csvg xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xml:space=\"preserve\" version=\"1.1\" id=\"Layer_1\" viewbox=\"0 0 128 128\" fill=\"currentColor\" class=\"icon\"\u003e\u003cg stroke-width=\"1.7\" id=\"SVGRepo_bgCarrier\"\u003e\u003c\/g\u003e\u003cg stroke-linejoin=\"round\" stroke-linecap=\"round\" id=\"SVGRepo_tracerCarrier\"\u003e\u003c\/g\u003e\u003cg id=\"SVGRepo_iconCarrier\"\u003e \u003cg\u003e \u003cpath d=\"M64,1C29.3,1,1,29.3,1,64s28.3,63,63,63s63-28.3,63-63S98.7,1,64,1z M64,119C33.7,119,9,94.3,9,64S33.7,9,64,9 s55,24.7,55,55S94.3,119,64,119z\"\u003e\u003c\/path\u003e \u003crect y=\"54.5\" x=\"60\" width=\"8\" height=\"40\"\u003e\u003c\/rect\u003e \u003crect y=\"35.5\" x=\"60\" width=\"8\" height=\"8\"\u003e\u003c\/rect\u003e \u003c\/g\u003e \u003c\/g\u003e\u003c\/svg\u003e \u003cspan class=\"label\"\u003eDescription\u003c\/span\u003e \u003c\/span\u003e \u003csvg stroke-width=\"2\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\" class=\"chevron\"\u003e\u003cpath d=\"M6 9l6 6 6-6\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003c\/button\u003e\u003c\/h2\u003e\n\u003cdiv data-open=\"false\" aria-labelledby=\"t3\" role=\"region\" id=\"p3\" class=\"panel\"\u003e\n\u003cdiv\u003e\n\u003cp class=\"p1\"\u003e\u003cb\u003eModel: \u003c\/b\u003eDock on the lake at dusk\u003cbr\u003e\u003cb\u003eMethod:\u003c\/b\u003e Paint by numbers\u003cb\u003e\u003cbr\u003eDifficulty levels:\u003c\/b\u003e Intermediate\u003cbr\u003e\u003cb\u003eDimensions:\u003c\/b\u003e 30x40cm, 40x50cm and 50x65cm\u003cbr\u003e\u003cb\u003eFrame options:\u003c\/b\u003e Sold with no frame or DIY frame\u003cbr\u003e\u003cb\u003eSupport:\u003c\/b\u003e Treated and printed cotton\/linen canvas\u003cbr\u003e\u003cb\u003ePaint type:\u003c\/b\u003e Acrylic\u003cbr\u003e\u003cb\u003ePackaging:\u003c\/b\u003e rolled or folded in secure packaging\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/section\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cscript\u003e\n  \/\/ Accordéon : un seul panneau ouvert à la fois\n  const accordion = document.getElementById('accordion');\n  const buttons = accordion.querySelectorAll('.accordion-item h2 \u003e button');\n\n  function closeItem(btn){\n    btn.setAttribute('aria-expanded', 'false');\n    const panel = document.getElementById(btn.getAttribute('aria-controls'));\n    panel.dataset.open = \"false\";\n    panel.style.maxHeight = null;\n  }\n\n  function openItem(btn){\n    btn.setAttribute('aria-expanded', 'true');\n    const panel = document.getElementById(btn.getAttribute('aria-controls'));\n    panel.dataset.open = \"true\";\n    \/\/ ajuste la hauteur pour la transition\n    panel.style.maxHeight = panel.scrollHeight + \"px\";\n  }\n\n  buttons.forEach(btn =\u003e {\n    btn.addEventListener('click', () =\u003e {\n      const wasOpen = btn.getAttribute('aria-expanded') === 'true';\n      \/\/ ferme tous les items\n      buttons.forEach(closeItem);\n      \/\/ ouvre seulement celui cliqué s'il n'était pas déjà ouvert\n      if (!wasOpen) openItem(btn);\n    });\n\n    \/\/ touche Entrée\/Espace pour accessibilité\n    btn.addEventListener('keydown', (e) =\u003e {\n      if (e.key === 'Enter' || e.key === ' ') {\n        e.preventDefault();\n        btn.click();\n      }\n    });\n  });\n\n  \/\/ (Optionnel) ouvrir le premier par défaut :\n  \/\/ if (buttons.length) openItem(buttons[0]);\n\u003c\/script\u003e\n","brand":"Steloria","offers":[{"title":"30x40cm \/ No frame","offer_id":63080430960989,"sku":"pier-birds-on-lake-autumn-sunset-30-40-no-frame","price":24.99,"currency_code":"EUR","in_stock":true},{"title":"40x50cm \/ No frame","offer_id":63080430993757,"sku":"pier-birds-on-lake-autumn-sunset-40-50-no-frame","price":29.99,"currency_code":"EUR","in_stock":true},{"title":"50x65cm \/ No frame","offer_id":63080431026525,"sku":"pier-birds-on-lake-autumn-sunset-50-65-no-frame","price":34.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1025\/7622\/6653\/files\/mockup_main_ponton-lac-coucher-soleil-oiseaux.webp?v=1768248400","url":"https:\/\/steloria-store.com\/products\/pier-birds-on-lake-autumn-sunset","provider":"Steloria-Store","version":"1.0","type":"link"}