{"product_id":"beach-at-sunset","title":"Beach at sunset - 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\n\u003csection class=\"accordion\" id=\"accordion\"\u003e\n\u003c!-- Élément 1 --\u003e\n  \u003carticle class=\"accordion-item\"\u003e\n    \u003ch2\u003e\n      \u003cbutton aria-expanded=\"false\" aria-controls=\"p1\" id=\"t1\"\u003e\n        \u003cspan class=\"title-left\"\u003e\n          \u003csvg class=\"icon\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\u003cg id=\"SVGRepo_bgCarrier\" stroke-width=\"0\"\u003e\u003c\/g\u003e\u003cg id=\"SVGRepo_tracerCarrier\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/g\u003e\u003cg id=\"SVGRepo_iconCarrier\"\u003e \u003cpath d=\"M9 22H15C20 22 22 20 22 15V9C22 4 20 2 15 2H9C4 2 2 4 2 9V15C2 20 4 22 9 22Z\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e \u003cg opacity=\"0.4\"\u003e \u003cpath d=\"M9 2L13.95 22\" stroke=\"#292D32\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e \u003cpath d=\"M11.53 12.2202L2 15.0002\" stroke=\"#292D32\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e \u003c\/g\u003e \u003c\/g\u003e\u003c\/svg\u003e\u003cspan class=\"label\"\u003eBeach at sunset - Paint by numbers\u003c\/span\u003e\n        \u003c\/span\u003e\n        \u003csvg class=\"chevron\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\u003cpath d=\"M6 9l6 6 6-6\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n      \u003c\/button\u003e\n    \u003c\/h2\u003e\n    \u003cdiv class=\"panel\" id=\"p1\" role=\"region\" aria-labelledby=\"t1\" data-open=\"false\"\u003e\n      \u003cdiv\u003e\n        \u003cp\u003eImmerse yourself in the softness of a golden evening with the paint by numbers \"\u003cem\u003e\u003cstrong\u003eBeach at sunset\u003c\/strong\u003e\u003c\/em\u003e\" by \u003cstrong\u003eSteloria\u003c\/strong\u003e. This painting offers a harmony of warm tones and delicate shadows, designed to awaken your senses and soothe your mind. Easy to accomplish, this kit transforms a creative moment into an almost meditative experience: brush in hand, let the colors guide you to a calm and bright shore.\u003c\/p\u003e\n\u003ch3 style=\"margin: 10px 0 10px 0;\"\u003eA scene that soothes\u003c\/h3\u003e\n\u003cp\u003eImagine the \u003cstrong\u003ewarm sand\u003c\/strong\u003e, the horizon on fire, and the \u003cstrong\u003ewhisper of the waves\u003c\/strong\u003e rendered by subtle gradients. Each numbered area invites you to savor slowness, to enjoy the nuances of the sky, and to find a deeper breath. The realization becomes a sensual ritual: gentle application of paint, contrast of reflections, gradual revelation of an image that breathes.\u003c\/p\u003e\n\u003ch3 style=\"margin: 10px 0 10px 0;\"\u003eWhy choose this paint by numbers Steloria\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eDesigned for all levels:\u003c\/strong\u003e beginner or advanced, each step is clear and accessible.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCarefully selected palette:\u003c\/strong\u003e warm and harmonious colors for a professional finish.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eQuality canvas, sharp finishes:\u003c\/strong\u003e ready to frame once dry, to enhance your interior.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAnti-stress moment:\u003c\/strong\u003e creative activity that reduces anxiety and builds self-confidence.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSophisticated gift idea:\u003c\/strong\u003e offer an experience, not just an object.\u003c\/li\u003e\n\u003c\/ul\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/article\u003e\n\n  \u003c!-- Élément 2 --\u003e\n  \u003carticle class=\"accordion-item\"\u003e\n    \u003ch2\u003e\n      \u003cbutton aria-expanded=\"false\" aria-controls=\"p2\" id=\"t2\"\u003e\n        \u003cspan class=\"title-left\"\u003e\n          \u003csvg class=\"icon\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" stroke=\"currentColor\"\u003e\u003cg id=\"SVGRepo_bgCarrier\" stroke-width=\"1.7\"\u003e\u003c\/g\u003e\u003cg id=\"SVGRepo_tracerCarrier\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/g\u003e\u003cg id=\"SVGRepo_iconCarrier\"\u003e \u003cpath 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\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e \u003ccircle cx=\"12\" cy=\"16\" r=\"1\" fill=\"none\"\u003e\u003c\/circle\u003e \u003cpath 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\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e \u003c\/g\u003e\u003c\/svg\u003e\n          \u003cspan class=\"label\"\u003eThe complete kit to create your painting\u003c\/span\u003e\n        \u003c\/span\u003e\n        \u003csvg class=\"chevron\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\u003cpath d=\"M6 9l6 6 6-6\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n      \u003c\/button\u003e\n    \u003c\/h2\u003e\n    \u003cdiv class=\"panel\" id=\"p2\" role=\"region\" aria-labelledby=\"t2\" data-open=\"false\"\u003e\n      \u003cdiv\u003e\n        \u003cp\u003eThe \u003cstrong\u003eSteloria\u003c\/strong\u003e kit contains everything you need to successfully create your \u003cstrong\u003ebeach at sunset\u003c\/strong\u003e, without complication. Open the box and let yourself be carried away by the simplicity of the creative process.\u003c\/p\u003e\n\u003ch3 style=\"margin: 10px 0 10px 0;\"\u003eWhat the kit contains\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eA high-quality numbered printed canvas.\u003c\/li\u003e\n\u003cli\u003ePouches of acrylic paints labeled by number.\u003c\/li\u003e\n\u003cli\u003eSeveral brushes suitable for details and large surfaces.\u003c\/li\u003e\n\u003cli\u003eClear instructions and assembly tips for a flawless result.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3 style=\"margin: 10px 0 10px 0;\"\u003eHow to fully enjoy your canvas\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eSet up a calm space, dim the light for a soft ambiance.\u003c\/li\u003e\n\u003cli\u003eStart with the large areas, then gradually detail.\u003c\/li\u003e\n\u003cli\u003eLet dry between layers for clear and deep colors.\u003c\/li\u003e\n\u003cli\u003eFrame or hang the canvas to create a serene corner at home.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eIndulge in this pictorial journey signed \u003cstrong\u003eSteloria\u003c\/strong\u003e: a sensual, simple, and rewarding moment. \u003cstrong\u003eOrder now to transform a sunset into a personal and lasting work of art.\u003c\/strong\u003e\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/article\u003e\n\n  \u003c!-- Élément 3 --\u003e\n  \u003carticle class=\"accordion-item\"\u003e\n    \u003ch2\u003e\n      \u003cbutton aria-expanded=\"false\" aria-controls=\"p3\" id=\"t3\"\u003e\n        \u003cspan class=\"title-left\"\u003e\n          \u003csvg class=\"icon\" fill=\"currentColor\" viewbox=\"0 0 128 128\" id=\"Layer_1\" version=\"1.1\" xml:space=\"preserve\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\"\u003e\u003cg id=\"SVGRepo_bgCarrier\" stroke-width=\"1.7\"\u003e\u003c\/g\u003e\u003cg id=\"SVGRepo_tracerCarrier\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\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 height=\"40\" width=\"8\" x=\"60\" y=\"54.5\"\u003e\u003c\/rect\u003e \u003crect height=\"8\" width=\"8\" x=\"60\" y=\"35.5\"\u003e\u003c\/rect\u003e \u003c\/g\u003e \u003c\/g\u003e\u003c\/svg\u003e\n          \u003cspan class=\"label\"\u003eDescription\u003c\/span\u003e\n        \u003c\/span\u003e\n        \u003csvg class=\"chevron\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\u003cpath d=\"M6 9l6 6 6-6\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n      \u003c\/button\u003e\n    \u003c\/h2\u003e\n    \u003cdiv class=\"panel\" id=\"p3\" role=\"region\" aria-labelledby=\"t3\" data-open=\"false\"\u003e\n      \u003cdiv\u003e\n\u003cp class=\"p1\"\u003e\u003cb\u003eModel: \u003c\/b\u003eBeach at sunset\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\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":63080432435549,"sku":"beach-at-sunset-30-40-no-frame","price":24.99,"currency_code":"EUR","in_stock":true},{"title":"40x50cm \/ No frame","offer_id":63080432468317,"sku":"beach-at-sunset-40-50-no-frame","price":29.99,"currency_code":"EUR","in_stock":true},{"title":"50x65cm \/ No frame","offer_id":63080432501085,"sku":"beach-at-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_plage-au-coucher-du-soleil.webp?v=1768388738","url":"https:\/\/steloria-store.com\/products\/beach-at-sunset","provider":"Steloria-Store","version":"1.0","type":"link"}