{"product_id":"poster-mumbai","title":"Poster Mumbai - 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\"\u003eMumbai Poster - 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\u003eDive into the vibrant soul of \u003cem\u003e\u003cstrong\u003eMumbai\u003c\/strong\u003e\u003c\/em\u003e with this paint by numbers poster. Designed to combine relaxation and creativity, this kit transforms an urban pattern into a sensory experience: \u003cstrong\u003ewarm colors\u003c\/strong\u003e, careful contrasts, and details that invite calm. Whether you are a beginner or an experienced hobbyist, this poster guides you step by step towards a work ready to enhance your interior.\u003c\/p\u003e\n\u003ch3 style=\"margin: 10px 0 10px 0;\"\u003eAn elegant design, a scene that tells a story\u003c\/h3\u003e\n\u003cp\u003eThe visual captures the characteristic light of the alleys and facades of \u003cem\u003e\u003cstrong\u003eMumbai\u003c\/strong\u003e\u003c\/em\u003e, with well-defined areas for a harmonious rendering. The shapes are simple enough to offer a moment of relaxation, while maintaining a finesse that gives elegance once the painting is completed.\u003c\/p\u003e\n\u003ch3 style=\"margin: 10px 0 10px 0;\"\u003eEasy, soothing, satisfying\u003c\/h3\u003e\n\u003cp\u003ePainting becomes a sensual ritual: the brush glides, the color lays down, and the daily tension fades away. Each numbered section is designed for an effortless result, allowing you to quickly see the work come to life and providing immediate satisfaction.\u003c\/p\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\"\u003ePractical Features\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\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003ePoster format:\u003c\/strong\u003e dimensions suitable for a standard frame 50x40cm\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSupport:\u003c\/strong\u003e quality canvas for durable paint retention.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMarking:\u003c\/strong\u003e clear and readable numbers for a smooth and enjoyable work.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eColors:\u003c\/strong\u003e palette selected to reproduce the warm and bright atmosphere of Mumbai.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eLevel:\u003c\/strong\u003e accessible to beginners, interesting for enthusiasts looking for a quick project.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3 style=\"margin: 10px 0 10px 0;\"\u003eKit contents\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003ePrinted canvas with numbered areas.\u003c\/li\u003e\n\u003cli\u003ePalette of pre-numbered and non-toxic acrylic paints.\u003c\/li\u003e\n\u003cli\u003e1 set of quality brushes (different sizes).\u003c\/li\u003e\n\u003cli\u003eSimple and illustrated guide to accompany each step.\u003c\/li\u003e\n\u003cli\u003eFraming and care tips to preserve your work.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eIndulge in a moment of creative escape or choose this poster as a refined gift. It adds an immediate artistic touch to your living room, office, or bedroom.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eOrder this \u003cem\u003eMumbai Poster\u003c\/em\u003e - Paint by numbers and let the city reveal its colors under your fingers.\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\u003e\u003cstrong\u003eModel : \u003c\/strong\u003e Mumbai 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":63080393802077,"sku":"4o84d7t2_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-mumbai.webp?v=1768440937","url":"https:\/\/steloria-store.com\/products\/poster-mumbai","provider":"Steloria-Store","version":"1.0","type":"link"}