{"product_id":"procreate-x-yourstuffmade-turning-digital-art-into-tangible-merchandise","title":"Procreate","description":"\u003cstyle\u003e\n\/* YSM V9 PRODUCT FULL-WIDTH OVERRIDE — limité à cette étude de cas produit.\n   Permet à product.description d’occuper toute la largeur du contenu, masque la galerie Shopify native,\n   les commandes d’achat et le titre de produit en double. *\/\nbody:has(.ysm-procreate-v9) .product:not(.card__inner),\nbody:has(.ysm-procreate-v9) .product.grid {\n  display:block!important;\n  grid-template-columns:minmax(0,1fr)!important;\n  width:100%!important;\n  max-width:none!important;\n  min-width:0!important;\n  margin-inline:auto!important;\n}\nbody:has(.ysm-procreate-v9) .product__media-wrapper,\nbody:has(.ysm-procreate-v9) .product__media-gallery,\nbody:has(.ysm-procreate-v9) .product media-gallery,\nbody:has(.ysm-procreate-v9) .product__title,\nbody:has(.ysm-procreate-v9) .product .price,\nbody:has(.ysm-procreate-v9) .product .product-form,\nbody:has(.ysm-procreate-v9) .product product-form,\nbody:has(.ysm-procreate-v9) .product variant-selects,\nbody:has(.ysm-procreate-v9) .product .shopify-payment-button,\nbody:has(.ysm-procreate-v9) .product .product__tax,\nbody:has(.ysm-procreate-v9) .product .product__sku,\nbody:has(.ysm-procreate-v9) .product .product__inventory,\nbody:has(.ysm-procreate-v9) .product .share-button {\n  display:none!important;\n}\nbody:has(.ysm-procreate-v9) .product__info-wrapper,\nbody:has(.ysm-procreate-v9) .product__info-container,\nbody:has(.ysm-procreate-v9) .product__description,\nbody:has(.ysm-procreate-v9) .product__description .rte {\n  display:block!important;\n  width:100%!important;\n  max-width:none!important;\n  min-width:0!important;\n  flex:0 0 100%!important;\n  padding:0!important;\n  margin-inline:auto!important;\n}\n\/* Annule les colonnes d’informations produit à mi-largeur de Dawn, avec l’espacement d’une page. *\/\nbody:has(.ysm-procreate-v9) .product__info-wrapper.grid__item {\n  width:100%!important;\n  max-width:100%!important;\n}\nbody:has(.ysm-procreate-v9) .product__description \u003e .ysm-procreate-v9 {\n  width:100%!important;\n  max-width:1160px!important;\n  margin-inline:auto!important;\n}\n\/* Évite que les styles génériques de RTE interfèrent avec les cartes d’étude de cas conçues sur mesure. *\/\nbody:has(.ysm-procreate-v9) .product__description .rte \u003e * { max-width:none; }\n\u003c\/style\u003e\n\u003cstyle\u003e\n\/* Design de l’étude de cas YSM V9 *\/\n.ysm-procreate-v9{--green:#2d684a;--ink:#203128;--muted:#617168;--line:#dfe7e0;--soft:#f3f7f3;color:var(--ink);font-family:inherit;line-height:1.5;width:100%;max-width:1160px;margin:auto;overflow:clip}\n.ysm-procreate-v9 *,.ysm-procreate-v9 *:before,.ysm-procreate-v9 *:after{box-sizing:border-box;min-width:0}\n.ysm-procreate-v9 .inner{width:min(1160px,calc(100% - 36px));margin-inline:auto}\n.ysm-procreate-v9 h1,.ysm-procreate-v9 h2,.ysm-procreate-v9 h3{font-family:inherit;font-weight:750;letter-spacing:-.035em;line-height:1.12;margin:0;color:var(--ink)}\n.ysm-procreate-v9 h1{font-size:clamp(33px,4.2vw,58px)}.ysm-procreate-v9 h2{font-size:clamp(25px,3vw,38px)}.ysm-procreate-v9 h3{font-size:clamp(17px,1.7vw,21px)}\n.ysm-procreate-v9 p{margin:0}.ysm-procreate-v9 a{text-decoration:none}.ysm-procreate-v9 .eyebrow{color:var(--green);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin:0 0 10px}\n.ysm-procreate-v9 .lead{color:var(--muted);font-size:clamp(15px,1.45vw,18px);line-height:1.55}\n.ysm-procreate-v9 .btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:45px;padding:12px 19px;background:var(--green);color:#fff!important;border-radius:10px;font-size:14px;font-weight:750;text-align:center;text-decoration:none!important;transition:transform .2s,background .2s}\n.ysm-procreate-v9 .btn:hover{transform:translateY(-2px);background:#204e36}.ysm-procreate-v9 a:focus-visible{outline:3px solid var(--green);outline-offset:3px}\n.ysm-procreate-v9 .square{display:block;position:relative;width:100%;aspect-ratio:1\/1;margin:0;padding:0;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#fff}\n.ysm-procreate-v9 .square img{position:absolute;inset:0;display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;object-position:center;transition:transform .25s ease}\n.ysm-procreate-v9 .square.photo img{object-fit:cover!important}.ysm-procreate-v9 .square.art img{object-fit:contain!important}.ysm-procreate-v9 .square.logo img{object-fit:contain!important;padding:8%!important}.ysm-procreate-v9 .gallery a:hover img{transform:scale(1.035)}.ysm-procreate-v9 .gallery a:hover .square{border-color:#9db9a5}\n.ysm-procreate-v9 .hero{padding:clamp(18px,3vw,38px) 0 32px}.ysm-procreate-v9 .hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(22px,4vw,52px);align-items:center}.ysm-procreate-v9 .hero .lead{margin-top:16px}\n.ysm-procreate-v9 .chips{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0 20px}.ysm-procreate-v9 .chip{padding:6px 10px;background:#eaf2eb;border-radius:8px;font-size:12px;font-weight:650}\n.ysm-procreate-v9 .section{padding:clamp(28px,3.6vw,44px) 0;border-top:1px solid var(--line)}.ysm-procreate-v9 .section-lead{max-width:780px;margin-top:12px}\n.ysm-procreate-v9 .brand-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(24px,4vw,60px);align-items:center}.ysm-procreate-v9 .brand-grid .logo{width:min(100%,300px);justify-self:center}.ysm-procreate-v9 .brand-grid .lead{margin-top:13px}\n.ysm-procreate-v9 .quote{border-left:3px solid var(--green);padding:0 0 0 16px;margin:18px 0 0;font-size:clamp(17px,1.85vw,22px);font-weight:650;line-height:1.4;letter-spacing:-.02em}\n.ysm-procreate-v9 .story{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px}.ysm-procreate-v9 .story-card{padding:22px;border:1px solid var(--line);border-radius:14px;background:var(--soft);transition:transform .2s,box-shadow .2s}.ysm-procreate-v9 .story-card:hover{transform:translateY(-4px);box-shadow:0 12px 26px rgba(24,54,37,.08)}.ysm-procreate-v9 .story-card .num{font-size:11px;color:var(--green);font-weight:800;letter-spacing:.12em;margin-bottom:12px}.ysm-procreate-v9 .story-card p:last-child{color:var(--muted);font-size:14px;line-height:1.55;margin-top:8px}\n.ysm-procreate-v9 .gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:20px}.ysm-procreate-v9 .gallery a{display:block;cursor:zoom-in}\n.ysm-procreate-v9 .project-info{margin-top:24px;padding:22px;border:1px solid var(--line);border-radius:14px;background:var(--soft)}.ysm-procreate-v9 .project-info h3{margin-bottom:17px}.ysm-procreate-v9 .info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 26px}.ysm-procreate-v9 .info-item{border-top:1px solid var(--line);padding-top:12px}.ysm-procreate-v9 .info-item strong{display:block;font-size:14px;margin-bottom:6px}.ysm-procreate-v9 .info-item p{color:var(--muted);font-size:14px;line-height:1.55}\n.ysm-procreate-v9 .product-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px}.ysm-procreate-v9 .product-link{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px;background:#fff;border:1px solid var(--line);border-radius:14px;color:var(--ink)!important;transition:background .2s,transform .2s}.ysm-procreate-v9 .product-link:hover{background:var(--soft);transform:translateY(-2px)}.ysm-procreate-v9 .product-link strong{font-size:15px}.ysm-procreate-v9 .product-link span{font-size:21px;color:var(--green)}\n.ysm-procreate-v9 .final{padding:30px 0 40px}.ysm-procreate-v9 .cta{padding:clamp(25px,4vw,38px);background:var(--ink);border-radius:17px;display:flex;align-items:center;justify-content:space-between;gap:25px}.ysm-procreate-v9 .cta h2{color:#fff}.ysm-procreate-v9 .cta .eyebrow{color:#b1d9bd}.ysm-procreate-v9 .cta p:not(.eyebrow){color:#d2dfd5;font-size:15px;max-width:580px;margin-top:10px}.ysm-procreate-v9 .cta .btn{background:#fff;color:var(--ink)!important;flex-shrink:0}.ysm-procreate-v9 .cta .btn:hover{background:#e5f2e8}\n@media(max-width:800px){.ysm-procreate-v9 .hero-grid,.ysm-procreate-v9 .brand-grid{grid-template-columns:1fr;gap:20px}.ysm-procreate-v9 .hero .square{max-width:500px}.ysm-procreate-v9 .brand-grid .logo{width:min(100%,230px)}.ysm-procreate-v9 .story{grid-template-columns:1fr}.ysm-procreate-v9 .gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ysm-procreate-v9 .cta{flex-direction:column;align-items:stretch}}\n@media(max-width:480px){.ysm-procreate-v9 .inner{width:calc(100% - 28px)}.ysm-procreate-v9 .hero{padding:14px 0 25px}.ysm-procreate-v9 h1{font-size:clamp(31px,8vw,39px)}.ysm-procreate-v9 h2{font-size:clamp(24px,6vw,30px)}.ysm-procreate-v9 .section{padding:25px 0}.ysm-procreate-v9 .story-card{padding:17px}.ysm-procreate-v9 .gallery{gap:8px}.ysm-procreate-v9 .info-grid{grid-template-columns:1fr;gap:13px}.ysm-procreate-v9 .project-info{padding:17px}.ysm-procreate-v9 .product-links{grid-template-columns:1fr}.ysm-procreate-v9 .hero .btn,.ysm-procreate-v9 .cta .btn{width:100%}.ysm-procreate-v9 .final{padding:23px 0 30px}.ysm-procreate-v9 .cta{padding:24px}}\n@media(prefers-reduced-motion:reduce){.ysm-procreate-v9 *{transition:none!important}}\n\u003c\/style\u003e\n\u003carticle class=\"ysm-procreate-v9\"\u003e\n\u003cheader class=\"hero\"\u003e\u003cdiv class=\"inner hero-grid\"\u003e\n\u003cdiv\u003e\n\u003cp class=\"eyebrow\"\u003eProjets YSM \/ Technologie créative\u003c\/p\u003e\n\u003ch1\u003eProcreate : l’art numérique prend forme.\u003c\/h1\u003e\n\u003cp class=\"lead\"\u003eYSM a collaboré avec Procreate pour faire entrer la créativité numérique dans le monde physique grâce à des pins en émail, des produits dérivés pour artistes et la conception de produits sur mesure.\u003c\/p\u003e\n\u003cdiv class=\"chips\"\u003e\n\u003cspan class=\"chip\"\u003eArt numérique\u003c\/span\u003e\u003cspan class=\"chip\"\u003ePins en émail\u003c\/span\u003e\u003cspan class=\"chip\"\u003eProduits dérivés pour artistes\u003c\/span\u003e\n\u003c\/div\u003e\n\u003ca class=\"btn\" href=\"https:\/\/yourstuffmade.com\/collections\/custom-ethical-products\"\u003eDécouvrir la fabrication sur mesure →\u003c\/a\u003e\n\u003c\/div\u003e\n\u003cfigure class=\"square photo\"\u003e\u003cimg alt=\"Pin en émail Procreate fini\" height=\"900\" loading=\"eager\" src=\"https:\/\/yourstuffmade.com\/cdn\/shop\/files\/procreateenamelpin.webp?v=1756598015\" width=\"900\"\u003e\u003c\/figure\u003e\n\u003c\/div\u003e\u003c\/header\u003e\n\u003csection class=\"section\"\u003e\u003cdiv class=\"inner brand-grid\"\u003e\n\u003cdiv\u003e\n\u003cp class=\"eyebrow\"\u003eLa marque\u003c\/p\u003e\n\u003ch2\u003ePour celles et ceux qui créent.\u003c\/h2\u003e\n\u003cp class=\"lead\"\u003eCréé par l’entreprise australienne Savage Interactive, Procreate est devenu un outil d’illustration incontournable pour les artistes et les designers. Sa plateforme créative accessible fédère une communauté passionnée.\u003c\/p\u003e\n\u003cblockquote class=\"quote\"\u003eLes produits dérivés permettent à la créativité numérique de s’exprimer au-delà de l’écran.\u003c\/blockquote\u003e\n\u003c\/div\u003e\n\u003cfigure class=\"square logo\"\u003e\u003cimg alt=\"Icône de l’application Procreate\" height=\"600\" loading=\"lazy\" src=\"https:\/\/yourstuffmade.com\/cdn\/shop\/files\/procreateappicon-1664671639075.webp?v=1756598015\" width=\"600\"\u003e\u003c\/figure\u003e\n\u003c\/div\u003e\u003c\/section\u003e\n\u003csection class=\"section\"\u003e\u003cdiv class=\"inner\"\u003e\n\u003cp class=\"eyebrow\"\u003eLa collaboration\u003c\/p\u003e\n\u003ch2\u003eDes pixels à un objet à tenir en main.\u003c\/h2\u003e\n\u003cp class=\"lead section-lead\"\u003eLes produits physiques offrent à une marque de logiciels conçue pour les artistes une nouvelle façon de créer du lien avec sa communauté créative.\u003c\/p\u003e\n\u003cdiv class=\"story\"\u003e\n\u003cdiv class=\"story-card\"\u003e\n\u003cp class=\"num\"\u003e01 \/ LE BRIEF\u003c\/p\u003e\n\u003ch3\u003eCélébrer les créateurs\u003c\/h3\u003e\n\u003cp\u003eTransposer l’identité visuelle de Procreate en objets physiques à collectionner.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"story-card\"\u003e\n\u003cp class=\"num\"\u003e02 \/ LE RÔLE DE YSM\u003c\/p\u003e\n\u003ch3\u003eLe numérique rencontre le physique\u003c\/h3\u003e\n\u003cp\u003eAccompagner la conception, la production et les choix de conditionnement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"story-card\"\u003e\n\u003cp class=\"num\"\u003e03 \/ LE RÉSULTAT\u003c\/p\u003e\n\u003ch3\u003eL’art au-delà de l’écran\u003c\/h3\u003e\n\u003cp\u003eOffrir aux artistes et aux fans des objets concrets à collectionner et à partager.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\n\u003csection class=\"section\"\u003e\u003cdiv class=\"inner\"\u003e\n\u003cp class=\"eyebrow\"\u003eGalerie du projet\u003c\/p\u003e\n\u003ch2\u003eDes idées créatives, concrétisées dans les moindres détails.\u003c\/h2\u003e\n\u003cp class=\"lead section-lead\"\u003eConcepts créatifs, animations pour artistes et produits à collectionner.\u003c\/p\u003e\n\u003cdiv class=\"gallery\" data-ysm-expanded-gallery=\"\"\u003e\n\u003ca aria-label=\"Voir le concept de produits dérivés Procreate\" href=\"https:\/\/yourstuffmade.com\/cdn\/shop\/files\/Procreate_x_Pinlord-_Transforming_Digital_Art_into_Tangible_Masterpieces.webp?v=1756598015\" rel=\"noopener\" target=\"_blank\"\u003e\u003cfigure class=\"square art\"\u003e\u003cimg alt=\"Concept de produits dérivés Procreate\" height=\"600\" loading=\"lazy\" src=\"https:\/\/yourstuffmade.com\/cdn\/shop\/files\/Procreate_x_Pinlord-_Transforming_Digital_Art_into_Tangible_Masterpieces.webp?v=1756598015\" width=\"600\"\u003e\u003c\/figure\u003e\u003c\/a\u003e\n\u003ca aria-label=\"Voir la convention d’artistes Procreate\" href=\"https:\/\/yourstuffmade.com\/cdn\/shop\/files\/procreateconvention.webp?v=1756598015\" rel=\"noopener\" target=\"_blank\"\u003e\u003cfigure class=\"square photo\"\u003e\u003cimg alt=\"Convention d’artistes Procreate\" height=\"600\" loading=\"lazy\" src=\"https:\/\/yourstuffmade.com\/cdn\/shop\/files\/procreateconvention.webp?v=1756598015\" width=\"600\"\u003e\u003c\/figure\u003e\u003c\/a\u003e\n\u003ca aria-label=\"Voir le plan de conception des produits dérivés Procreate\" href=\"https:\/\/yourstuffmade.com\/cdn\/shop\/files\/procreatedesignboard.webp?v=1756598015\" rel=\"noopener\" target=\"_blank\"\u003e\u003cfigure class=\"square art\"\u003e\u003cimg alt=\"Plan de conception des produits dérivés Procreate\" height=\"600\" loading=\"lazy\" src=\"https:\/\/yourstuffmade.com\/cdn\/shop\/files\/procreatedesignboard.webp?v=1756598015\" width=\"600\"\u003e\u003c\/figure\u003e\u003c\/a\u003e\n\u003ca aria-label=\"Voir le design du tour de cou Procreate pour événements\" href=\"https:\/\/yourstuffmade.com\/cdn\/shop\/files\/procreatelanyard.webp?v=1756598015\" rel=\"noopener\" target=\"_blank\"\u003e\u003cfigure class=\"square art\"\u003e\u003cimg alt=\"Design du tour de cou Procreate pour événements\" height=\"600\" loading=\"lazy\" src=\"https:\/\/yourstuffmade.com\/cdn\/shop\/files\/procreatelanyard.webp?v=1756598015\" width=\"600\"\u003e\u003c\/figure\u003e\u003c\/a\u003e\n\u003ca aria-label=\"Voir le pin en émail « L’art est pour tout le monde »\" href=\"https:\/\/yourstuffmade.com\/cdn\/shop\/files\/procreate4enamelpin.webp?v=1756598015\" rel=\"noopener\" target=\"_blank\"\u003e\u003cfigure class=\"square photo\"\u003e\u003cimg alt=\"Pin en émail « L’art est pour tout le monde »\" height=\"600\" loading=\"lazy\" src=\"https:\/\/yourstuffmade.com\/cdn\/shop\/files\/procreate4enamelpin.webp?v=1756598015\" width=\"600\"\u003e\u003c\/figure\u003e\u003c\/a\u003e\n\u003ca aria-label=\"Voir les illustrations des produits dérivés Procreate\" href=\"https:\/\/yourstuffmade.com\/cdn\/shop\/files\/Procreate_x_Pinlord-_Transforming_Digital_Art_into_Tangible_Masterpieces_2.webp?v=1756598015\" rel=\"noopener\" target=\"_blank\"\u003e\u003cfigure class=\"square art\"\u003e\u003cimg alt=\"Illustrations des produits dérivés Procreate\" height=\"600\" loading=\"lazy\" src=\"https:\/\/yourstuffmade.com\/cdn\/shop\/files\/Procreate_x_Pinlord-_Transforming_Digital_Art_into_Tangible_Masterpieces_2.webp?v=1756598015\" width=\"600\"\u003e\u003c\/figure\u003e\u003c\/a\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"project-info\"\u003e\n\u003ch3\u003eDétails du projet\u003c\/h3\u003e\n\u003cdiv class=\"info-grid\"\u003e\n\u003cdiv class=\"info-item\"\u003e\n\u003cstrong\u003eProjet\u003c\/strong\u003e\u003cp\u003eDes produits dérivés créatifs qui relient les œuvres numériques aux objets physiques.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"info-item\"\u003e\n\u003cstrong\u003eProduits\u003c\/strong\u003e\u003cp\u003ePins en émail, concepts de tours de cou et possibilités de conditionnement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"info-item\"\u003e\n\u003cstrong\u003eProduction\u003c\/strong\u003e\u003cp\u003eFidélité des couleurs, finitions, reproduction des illustrations et qualité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"info-item\"\u003e\n\u003cstrong\u003eRôle de YSM\u003c\/strong\u003e\u003cp\u003eDéveloppement de produits et fabrication sur mesure coordonnée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\n\u003csection class=\"section\"\u003e\u003cdiv class=\"inner\"\u003e\n\u003cp class=\"eyebrow\"\u003eCréez quelque chose de similaire\u003c\/p\u003e\n\u003ch2\u003eDonnez vie à votre idée.\u003c\/h2\u003e\n\u003cp class=\"lead section-lead\"\u003eDécouvrez des produits sur mesure et des options de fabrication pour votre prochain projet de produits dérivés à votre marque.\u003c\/p\u003e\n\u003cdiv class=\"product-links\"\u003e\n\u003ca class=\"product-link\" href=\"https:\/\/yourstuffmade.com\/collections\/custom-ethical-products\"\u003e\u003cstrong\u003eProduits dérivés sur mesure\u003c\/strong\u003e\u003cspan\u003e→\u003c\/span\u003e\u003c\/a\u003e\u003ca class=\"product-link\" href=\"https:\/\/yourstuffmade.com\/collections\/custom-ethical-products\"\u003e\u003cstrong\u003eAccessoires personnalisés\u003c\/strong\u003e\u003cspan\u003e→\u003c\/span\u003e\u003c\/a\u003e\u003ca class=\"product-link\" href=\"https:\/\/yourstuffmade.com\/collections\/custom-ethical-products\"\u003e\u003cstrong\u003eDécouvrir tous les produits\u003c\/strong\u003e\u003cspan\u003e→\u003c\/span\u003e\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\n\u003csection class=\"final\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"cta\"\u003e\n\u003cdiv\u003e\n\u003cp class=\"eyebrow\"\u003eVotre marque prend forme\u003c\/p\u003e\n\u003ch2\u003eFaites passer vos idées au-delà de l’écran.\u003c\/h2\u003e\n\u003cp\u003eDes objets à collectionner aux collections complètes de produits dérivés, YSM conjugue des principes de fabrication éthique, un développement de produits réfléchi et un accompagnement personnalisé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ca class=\"btn\" href=\"https:\/\/yourstuffmade.com\/collections\/custom-ethical-products\"\u003eLancez votre prochain projet →\u003c\/a\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\n\u003c\/article\u003e\n\n\u003cscript\u003e\n\/* YSM V9 : ajoute les médias d’origine du produit Shopify à la galerie de ce projet.\n   Les médias natifs restent masqués visuellement, mais servent de source d’images fiable.\n   Les photos du projet déjà présentes dans la galerie restent en premier. *\/\n(function () {\n  'use strict';\n  var articleSelector = '.ysm-procreate-v9';\n  function imageKey(url) {\n    if (!url) return '';\n    try {\n      var parsed = new URL(url, window.location.href);\n      var file = decodeURIComponent(parsed.pathname.split('\/').pop() || '');\n      return file.replace(\/_(?:pico|icon|thumb|small|compact|medium|large|grande|master|\\d+x\\d*|x\\d+)\\.(?=[^.]+$)\/i, '.').toLowerCase();\n    } catch (e) { return url.split('?')[0].toLowerCase(); }\n  }\n  function bestURL(img) {\n    if (!img) return '';\n    var url = img.getAttribute('data-zoom-src') || img.getAttribute('data-full-src') || '';\n    if (!url) {\n      var srcset = img.getAttribute('srcset') || img.getAttribute('data-srcset') || '';\n      var choices = srcset.split(',').map(function (s) {\n        var match = s.trim().match(\/^(\\S+)\\s+(\\d+)w$\/);\n        return match ? {url:match[1],width:Number(match[2])} : null;\n      }).filter(Boolean).sort(function(a,b){return b.width-a.width;});\n      if (choices.length) url = choices[0].url;\n    }\n    url = url || img.getAttribute('data-src') || img.getAttribute('src') || '';\n    if (url.indexOf('\/\/')===0) url=window.location.protocol+url;\n    return url;\n  }\n  function addProductMedia() {\n    var project = document.querySelector(articleSelector);\n    if (!project) return;\n    var gallery = project.querySelector('[data-ysm-expanded-gallery]');\n    if (!gallery) return;\n    var seen = new Set();\n    project.querySelectorAll('img').forEach(function(img){ seen.add(imageKey(img.getAttribute('src'))); });\n    gallery.querySelectorAll('a[href]').forEach(function(a){ seen.add(imageKey(a.getAttribute('href'))); });\n    \/\/ N’extrait que les médias d’origine du produit actuel, pas les recommandations ni les images de navigation.\n    var candidates = document.querySelectorAll(\n      '.product__media-wrapper .product__media-item img, ' +\n      '.product__media-wrapper .product__media img, ' +\n      '.product__media-wrapper media-gallery img, ' +\n      '.product__media-gallery .product__media img, ' +\n      '.product__media-gallery .product__media-item img'\n    );\n    var added = 0;\n    candidates.forEach(function(img){\n      var url=bestURL(img);\n      var key=imageKey(url);\n      if (!url || !key || seen.has(key)) return;\n      \/\/ Exclut les images transparentes de remplacement et les icônes SVG non photographiques.\n      if (\/^data:|\\.svg(?:$|\\?)\/i.test(url)) return;\n      seen.add(key);\n      var alt=(img.getAttribute('alt') || '').trim();\n      var label=alt || 'Photo originale du projet';\n      var a=document.createElement('a');\n      a.href=url;\n      a.target='_blank';\n      a.rel='noopener';\n      a.setAttribute('aria-label','Voir l’image originale du projet : '+label);\n      var figure=document.createElement('figure');\n      figure.className='square photo';\n      var picture=document.createElement('img');\n      picture.src=url;\n      picture.alt=label;\n      picture.loading='lazy';\n      picture.width=600;\n      picture.height=600;\n      figure.appendChild(picture);\n      a.appendChild(figure);\n      gallery.appendChild(a);\n      added++;\n    });\n    if (added) gallery.setAttribute('data-extra-photos', String(\n      Number(gallery.getAttribute('data-extra-photos')||0)+added\n    ));\n  }\n  if (document.readyState==='loading') {\n    document.addEventListener('DOMContentLoaded',addProductMedia);\n  } else { addProductMedia(); }\n  window.addEventListener('load',addProductMedia,{once:true});\n  \/\/ Certains thèmes Shopify affichent les médias du produit après DOMContentLoaded.\n  setTimeout(addProductMedia,800);\n  setTimeout(addProductMedia,2200);\n})();\n\u003c\/script\u003e","brand":"Procreate","offers":[{"title":"Default Title","offer_id":43846459031574,"sku":"","price":1.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0068\/7554\/5622\/files\/procreateappicon-1664671639075.webp?v=1756598015","url":"https:\/\/yourstuffmade.com\/fr\/products\/procreate-x-yourstuffmade-transformer-l-art-numerique-en-articles-tangibles","provider":"Yourstuffmade.com","version":"1.0","type":"link"}