{"product_id":"gundroid-clash-manga","title":"Gundroid Clash - Manga - 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 class=\"accordion\" id=\"accordion\"\u003e\u003c!-- Élément 1 --\u003e\n\u003carticle class=\"accordion-item\"\u003e\n\u003ch2\u003e\u003cbutton aria-expanded=\"false\" aria-controls=\"p1\" id=\"t1\"\u003e \u003cspan class=\"title-left\"\u003e \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\"\u003eGundroid Clash - Manga - Paint by numbers\u003c\/span\u003e \u003c\/span\u003e \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 \u003c\/button\u003e\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 electrifying world of \u003cstrong\u003eSteloria\u003c\/strong\u003e with \"\u003cem\u003e\u003cstrong\u003eGundroid Clash\u003c\/strong\u003e\u003c\/em\u003e\", a paint by numbers inspired by manga. Designed to awaken your senses and channel your creativity, this piece invites you to paint an intense mechanical duel, between neon and metal, in deep and contrasting shades. The result: a striking decorative piece, both modern and full of emotion.\u003c\/p\u003e\n\u003ch3 style=\"margin: 10px 0 10px 0;\"\u003eWhat's in the kit\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003ePre-printed cotton canvas, \u003cstrong\u003edimensions 40 x 50 cm\u003c\/strong\u003e, clean edges ready to frame\u003c\/li\u003e\n\u003cli\u003eSet of numbered acrylic paints, high coverage and quick drying\u003c\/li\u003e\n\u003cli\u003e3 precision brushes (fine, medium, large) for details and flat areas\u003c\/li\u003e\n\u003cli\u003ePlastic palette and illustrated step-by-step instructions\u003c\/li\u003e\n\u003cli\u003eMixing guide and technical tips for achieving gradients and metal effects\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3 style=\"margin: 10px 0 10px 0;\"\u003eFeatures \u0026amp; quality\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eNon-toxic materials, suitable for adults and teenagers (12 years+)\u003c\/li\u003e\n\u003cli\u003eHighly pigmented paint for vibrant and long-lasting colors\u003c\/li\u003e\n\u003cli\u003eVersatile format, ideal for contemporary wall decoration\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDifficulty level:\u003c\/strong\u003e intermediate - accessible to motivated beginners\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 aria-expanded=\"false\" aria-controls=\"p2\" id=\"t2\"\u003e \u003cspan class=\"title-left\"\u003e \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 \u003cspan class=\"label\"\u003eWhy choose Gundroid Clash?\u003c\/span\u003e \u003c\/span\u003e \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 \u003c\/button\u003e\u003c\/h2\u003e\n\u003cdiv class=\"panel\" id=\"p2\" role=\"region\" aria-labelledby=\"t2\" data-open=\"false\"\u003e\n\u003cdiv\u003e\n\u003cp\u003e\u003cem\u003e\u003cstrong\u003eGundroid Clash\u003c\/strong\u003e\u003c\/em\u003e is not just a hobby: it is a sensory getaway. The precision of the printed outline guides you, while the play of colors and textures transforms each brushstroke into emotion.\u003c\/p\u003e\n\u003cp\u003eYou will feel the immediate satisfaction of mastering the scene and the pride of the finished work, ready to enhance your interior or to give as a refined gift.\u003c\/p\u003e\n\u003ch3 style=\"margin: 10px 0 10px 0;\"\u003ePractical tips\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eStart with the light areas to avoid smudging, let dry between layers\u003c\/li\u003e\n\u003cli\u003eUse the fine brush for the details of the robots and the large one for the bright backgrounds\u003c\/li\u003e\n\u003cli\u003eKeep the pots closed and clean the brushes with warm water after use\u003c\/li\u003e\n\u003cli\u003eFrame under glass or leave the canvas as is for a gallery effect\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eLet yourself be seduced by \u003cstrong\u003eSteloria\u003c\/strong\u003e - \u003cstrong\u003e\u003cem\u003eGundroid Clash \u003c\/em\u003e\u003c\/strong\u003e: an intense creative experience, easy to follow and visually spectacular.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eTreat yourself to this artistic journey and transform a quiet moment into a contemporary masterpiece.\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 aria-expanded=\"false\" aria-controls=\"p3\" id=\"t3\"\u003e \u003cspan class=\"title-left\"\u003e \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 \u003cspan class=\"label\"\u003eDescription\u003c\/span\u003e \u003c\/span\u003e \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 \u003c\/button\u003e\u003c\/h2\u003e\n\u003cdiv class=\"panel\" id=\"p3\" role=\"region\" aria-labelledby=\"t3\" data-open=\"false\"\u003e\n\u003cdiv\u003e\n\u003cp\u003e\u003cstrong\u003eModel : \u003c\/strong\u003eGundroid Clash - Manga\u003cbr\u003e\u003cstrong\u003eMethod :\u003c\/strong\u003e Paint by numbers\u003cstrong\u003e\u003cbr\u003eDifficulty level :\u003c\/strong\u003e Intermediate\u003cbr\u003e\u003cstrong\u003eDimensions :\u003c\/strong\u003e 50x40cm\u003cbr\u003e\u003cstrong\u003eFrame options :\u003c\/strong\u003e Sold with no frame\u003cbr\u003e\u003cstrong\u003eSupport :\u003c\/strong\u003e Treated and printed cotton\/linen canvas\u003cbr\u003e\u003cstrong\u003ePaint type :\u003c\/strong\u003e Acrylic (24 colors)\u003cbr\u003e\u003cstrong\u003ePackaging :\u003c\/strong\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":"50x40cm \/ No frame","offer_id":63080386560349,"sku":"7e83akc9_001","price":29.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1025\/7622\/6653\/files\/mockup_main_paysage_gundroid-clash-manga.webp?v=1768520917","url":"https:\/\/steloria-store.com\/products\/gundroid-clash-manga","provider":"Steloria-Store","version":"1.0","type":"link"}