{"product_id":"poster-prague","title":"Poster Prague - 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\"\u003ePrague Poster - 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\u003eLet yourself be carried away on a sensory journey to the heart of \u003cstrong\u003ePrague\u003c\/strong\u003e with the \u003cem\u003e\u003cstrong\u003e\"Prague\" poster\u003c\/strong\u003e\u003c\/em\u003e from \u003cstrong\u003eSteloria\u003c\/strong\u003e. Designed to captivate the eyes and soothe the mind, this paint-by-numbers kit transforms an iconic image into an accessible artistic experience. Each brushstroke reveals the magic of cobblestone streets, slate roofs, and golden reflections on the Vltava, for an elegant and harmonious result.\u003c\/p\u003e\n\u003ch3 style=\"margin: 10px 0 10px 0;\"\u003eDescription\u003c\/h3\u003e\n\u003cp\u003eThe \u003cem\u003e\u003cstrong\u003ePrague poster\u003c\/strong\u003e\u003c\/em\u003e is printed on high-quality, lightweight poster canvas that is easy to stretch. The numbered areas guide your movements, making the execution smooth even for a first attempt. The carefully chosen palette blends warm tones and deep blues to recreate the romantic atmosphere of the city. The final result offers a painting ready to be framed and displayed in your living room, office, or bedroom.\u003c\/p\u003e\n\u003ch3 style=\"margin: 10px 0 10px 0;\"\u003eFeatures\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003ePrinted canvas for optimal paint retention\u003c\/li\u003e\n\u003cli\u003eNumbered colors matching the original image for a faithful rendering\u003c\/li\u003e\n\u003cli\u003eQuality acrylic paints, quick-drying and even coverage\u003c\/li\u003e\n\u003cli\u003eBrushes of various sizes for details and surfaces\u003c\/li\u003e\n\u003cli\u003eClear and simple step-by-step guide, suitable for beginners as well as enthusiasts\u003cbr\u003e\n\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 Steloria?\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\u003cstrong\u003eSteloria\u003c\/strong\u003e offers a sensual and reassuring artistic experience. Our Prague poster is designed for those who want to create without stress: no complex mixing, no pressure, just the \u003cstrong\u003epleasure of the gesture\u003c\/strong\u003e and the wonder of the result. It is an \u003cstrong\u003eelegant gift\u003c\/strong\u003e, a relaxing activity after a busy day, and a delicate way to bring a cultural touch to your decor.\u003c\/p\u003e\n\u003ch3 style=\"margin: 10px 0 10px 0;\"\u003eCustomer Benefits\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eGuaranteed relaxation:\u003c\/strong\u003e focus on color and movement\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eProfessional result\u003c\/strong\u003e, without prior skills\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eIdeal for gifting:\u003c\/strong\u003e refined and customizable surprise\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eQuick to complete:\u003c\/strong\u003e several short sessions are enough\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3 style=\"margin: 10px 0 10px 0;\"\u003eUsage Tips\u003c\/h3\u003e\n\u003cp\u003eWork by areas, from light to dark to preserve the cleanliness of the shades. Use the fine brush for architectural details and the wide brush for broad areas. Allow to dry between layers for a perfect finish. Then display your framed artwork, and let Prague illuminate your interior.\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\u003ePrague Poster\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":63080393474397,"sku":"47509u1q_001","price":29.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1025\/7622\/6653\/files\/mockup_main_poster-prague.webp?v=1768510246","url":"https:\/\/steloria-store.com\/products\/poster-prague","provider":"Steloria-Store","version":"1.0","type":"link"}