{"product_id":"girafe-pop-art","title":"Girafe Pop Art - 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\"\u003ePop Art Giraffe - 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\u003eIndulge in an elegant creative experience with the \u003cem\u003e\u003cstrong\u003ePop Art Giraffe\u003c\/strong\u003e\u003c\/em\u003e from \u003cstrong\u003eSteloria\u003c\/strong\u003e. This \u003cstrong\u003epaint by numbers\u003c\/strong\u003e kit transforms a canvas into a vibrant and modern artwork, perfectly suited for contemporary decor. Designed for both beginners and seasoned enthusiasts, it offers a sensual visual journey where each color reveals the personality of the pattern.\u003c\/p\u003e\n\u003ch3 style=\"margin: 10px 0 10px 0;\"\u003eAn accessible and relaxing pleasure\u003c\/h3\u003e\n\u003cp\u003eThe \u003cstrong\u003eSteloria\u003c\/strong\u003e paint by numbers is designed to bring relaxation and pride. Follow the simple markers, apply the provided acrylic colors, and watch the giraffe come to life under your fingers. This activity develops concentration, reduces stress, and offers an immediate reward: a unique piece to display.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eEasy to follow: \u003c\/strong\u003eclear number on the canvas.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eProfessional result:\u003c\/strong\u003e bright colors and pop art contrast.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAdaptable completion time:\u003c\/strong\u003e short or long sessions according to your pace.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePerfect as a creative \u003c\/strong\u003eand elegant gift.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3 style=\"margin: 10px 0 10px 0;\"\u003eWhat's included in the Pop Art Giraffe kit\u003c\/h3\u003e\n\u003cp\u003eEach \u003cstrong\u003eSteloria\u003c\/strong\u003e box has been carefully assembled to ensure a complete and surprise-free experience. You have everything you need to start immediately and achieve a neat result.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eHigh-quality printed canvas in a format suitable for the composition.\u003c\/li\u003e\n\u003cli\u003ePalette of acrylic paints selected for pop art harmony.\u003c\/li\u003e\n\u003cli\u003ePrecision brushes for fine areas and large surfaces.\u003c\/li\u003e\n\u003cli\u003eSimple and illustrated step-by-step guide for guaranteed results.\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\"\u003eWhy choose Steloria for your interior?\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\u003e\u003cstrong\u003eSteloria\u003c\/strong\u003e combines contemporary aesthetics with ease of use. The \u003cem\u003e\u003cstrong\u003ePop Art Giraffe\u003c\/strong\u003e\u003c\/em\u003e adds a bold and sensual touch to your interior: contrasting colors, graphic silhouette, and clean finish. It’s a piece that catches the eye and creates a warm and modern atmosphere.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eUnique design\u003c\/strong\u003e, inspired by pop art.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eQuality\u003c\/strong\u003e materials for visual durability.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSuitable for all levels\u003c\/strong\u003e - guaranteed enjoyment.\u003c\/li\u003e\n\u003cli\u003eIdeal for decorating a living room, bedroom, or creative office.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eTransform a creative moment into a work of art with \u003cstrong\u003eSteloria\u003c\/strong\u003e - \u003cem\u003e\u003cstrong\u003ePop Art Giraffe\u003c\/strong\u003e\u003c\/em\u003e. Start your canvas today and let the color tell your story.\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\u003ePop Art Giraffe\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 50x40cm\u003cbr\u003e\u003cb\u003eFrame options:\u003c\/b\u003e Sold with no frame or ready 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":"40x50cm \/ No frame","offer_id":63080442790237,"sku":"girafe-pop-art-40-50-no-frame","price":29.99,"currency_code":"EUR","in_stock":true},{"title":"40x50cm \/ DIY Frame","offer_id":63080442823005,"sku":"girafe-pop-art-40-50-diy-frame","price":34.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1025\/7622\/6653\/files\/steloria-girafe-peinture-par-numeros.webp?v=1768182092","url":"https:\/\/steloria-store.com\/products\/girafe-pop-art","provider":"Steloria-Store","version":"1.0","type":"link"}