{"product_id":"golden-gate-bridge-san-francisco-usa","title":"Golden Gate Bridge San Francisco - USA - 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\"\u003eGolden Gate Bridge San Francisco - USA - 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\u003eIndulge in a sensory journey with the paint by numbers \u003cstrong\u003eSteloria\u003c\/strong\u003e depicting the iconic \u003cem\u003e\u003cstrong\u003eGolden Gate Bridge\u003c\/strong\u003e\u003c\/em\u003e. Each stroke, each shade guides you to an elegant painting where the morning mist meets the flame of sunset. Designed to soothe the mind and reveal your sense of detail, this kit transforms a blank canvas into a vibrant scene, both realistic and poetic.\u003c\/p\u003e\n\u003ch3 style=\"margin: 10px 0 10px 0;\"\u003eAtmosphere \u0026amp; experience\u003c\/h3\u003e\n\u003cp\u003ePainting this iconic bridge is to feel the imaginary sea air on your skin and see the red silhouette stand out against a bright sky. The palette has been designed to be both soft and contrasting: warm oranges, deep reds, misty blues, and golden touches. The gesture becomes slow, almost meditative, and the result exudes a subtle elegance that draws the eye.\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 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 this paint by numbers 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\u003eSimple, refined, and ready to gift, this paint by numbers is suitable for beginners as well as enthusiasts. \u003cstrong\u003eSteloria\u003c\/strong\u003e emphasizes the quality of materials and the clarity of the guide, so that each brushstroke brings joy and pride. It is an \u003cstrong\u003eideal gift\u003c\/strong\u003e, a relaxing activity, or a beautiful piece of decoration once completed.\u003c\/p\u003e\n\u003ch3 style=\"margin: 10px 0 10px 0;\"\u003eKit contents\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003ePre-printed museum-quality canvas, ready-to-hang format\u003c\/li\u003e\n\u003cli\u003eBrushes of various sizes for details and flat areas\u003c\/li\u003e\n\u003cli\u003eFast-drying acrylic paints and true colors\u003c\/li\u003e\n\u003cli\u003eClear instructions and precise numbering for error-free work\u003c\/li\u003e\n\u003cli\u003eSimple palette for mixing and touch-ups\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3 style=\"margin: 10px 0 10px 0;\"\u003ePractical tips \u0026amp; decor ideas\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eStart with the large areas of color, then gradually detail.\u003c\/li\u003e\n\u003cli\u003eClean the brushes between each shade for sharp transitions.\u003c\/li\u003e\n\u003cli\u003eAdd a touch of matte or satin varnish to protect and enhance the artwork.\u003c\/li\u003e\n\u003cli\u003eSimply frame the canvas or place it on an easel for a gallery effect.\u003c\/li\u003e\n\u003cli\u003eGive it as an original gift: ideal for birthdays, celebrations, or moments of sharing.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cstrong\u003eSteloria\u003c\/strong\u003e invites you to transform a moment into a masterpiece. Embark for \u003cem\u003e\u003cstrong\u003eSan Francisco\u003c\/strong\u003e\u003c\/em\u003e from your table, let your hands create, and keep a work that evokes travel, elegance, and serenity.\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\u003eGolden Gate Bridge San Francisco - USA\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":63080390295901,"sku":"ql2skcad_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_golden-gate-bridge-san-francisco-usa.webp?v=1768517879","url":"https:\/\/steloria-store.com\/products\/golden-gate-bridge-san-francisco-usa","provider":"Steloria-Store","version":"1.0","type":"link"}