{"product_id":"vanille-supreme-copie","title":"Satin mood","description":"\u003cdiv style=\"max-width: 500px; margin: 0 auto; padding: 20px;\"\u003e\n\u003c!-- Titre aligné à gauche --\u003e\n\u003cdiv style=\"text-align: left; font-size: 18px; margin-bottom: 20px;\"\u003eNotes olfactives\u003c\/div\u003e\n\u003c!-- Grille pour les images et légendes des notes olfactives et familles olfactives --\u003e\n\u003cdiv style=\"display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;\" class=\"olfactive-grid\"\u003e\n\u003c!-- Image 1: Notes de Tête --\u003e\n\u003cdiv class=\"note-section\"\u003e\n\u003cdiv style=\"text-align: left; font-size: 15px; margin-bottom: 5px;\"\u003eTête\u003c\/div\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0884\/2808\/5571\/files\/hf_20260428_132659_c540daad-d436-466c-a12d-b24e75278638.png?v=1777390637\" alt=\"Notes de tête\" class=\"image-size\"\u003e\n\u003cdiv class=\"legend\"\u003eRose de Bulgarie\u003cbr\u003eViolette\u003cbr\u003eFraise\u003cbr\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Image 2: Notes de Cœur --\u003e\n\u003cdiv class=\"note-section\"\u003e\n\u003cdiv style=\"text-align: left; font-size: 15px; margin-bottom: 5px;\"\u003eCœur\u003c\/div\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0884\/2808\/5571\/files\/hf_20260428_133517_b9dcf8e9-478f-4e90-85b6-7cea25fd19ca.png?v=1777390638\" alt=\"Notes de cœur\" class=\"image-size\"\u003e\n\u003cdiv class=\"legend\"\u003eRose de Turquie\u003cbr\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Image 3: Notes de Fond --\u003e\n\u003cdiv class=\"note-section\"\u003e\n\u003cdiv style=\"text-align: left; font-size: 15px; margin-bottom: 5px;\"\u003eFond\u003c\/div\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0884\/2808\/5571\/files\/hf_20260428_134024_b6b5d52d-a779-40c4-8e2d-d42954c61513.png?v=1777390635\" alt=\"Notes de fond\" class=\"image-size\"\u003e\n\u003cdiv class=\"legend\"\u003eOud \u003cbr\u003eVanille\u003cbr\u003eAmbre \u003cbr\u003eBenjoin \u003cbr\u003eCaramel \u003cbr\u003eCèdre\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Ligne séparée pour le titre Familles olfactives --\u003e\n\u003cdiv style=\"grid-column: span 3; text-align: left; font-size: 18px; margin-top: 20px; margin-bottom: 10px;\"\u003eFamilles olfactives\u003c\/div\u003e\n\u003c!-- Image 1: Famille Vanille --\u003e\n\u003cdiv class=\"famille-section\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0884\/2808\/5571\/files\/hf_20260428_152223_70952996-c2e0-41eb-808c-8de32c90766e.png?v=1777390655\" alt=\"Famille Vanille\" class=\"image-size\"\u003e\n\u003cdiv class=\"legend\"\u003eFloral\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Image 2: Famille Épicé --\u003e\n\u003cdiv class=\"famille-section\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0884\/2808\/5571\/files\/hf_20260428_152450_8dd9520a-badd-4b44-9126-947357c9abf5.png?v=1777390656\" alt=\"Famille Épicé\" class=\"image-size\"\u003e\n\u003cdiv class=\"legend\"\u003eOriental\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Styles CSS Inline --\u003e\n\u003cstyle\u003e\n.image-size {\n  width: 100%;\n  aspect-ratio: 1 \/ 1;\n  object-fit: cover;\n  border-radius: 15px;\n}\n.legend {\n  margin-top: 5px;\n  text-align: left;\n  font-size: 11px;\n  line-height: 1.6;\n  min-height: 60px;\n}\n@media (max-width: 600px) {\n  .olfactive-grid {\n    grid-template-columns: 1fr 1fr;\n  }\n}\n.olfactive-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 20px;\n}\n\u003c\/style\u003e\n\u003cdiv class=\"perfume-metrics\"\u003e\n\u003cdiv class=\"metrics-header\"\u003e\n\u003ch3\u003ePerformance \u0026amp; Caractéristiques\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"metrics-grid\"\u003e\n\u003cdiv class=\"metric-item\"\u003e\n\u003cdiv class=\"metric-icon\"\u003e\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\" height=\"32\" width=\"32\"\u003e\n          \u003ccircle r=\"10\" cy=\"12\" cx=\"12\"\u003e\u003c\/circle\u003e\n          \u003cline class=\"clock-hand\" y2=\"12\" x2=\"8\" y1=\"12\" x1=\"12\"\u003e\u003c\/line\u003e\n        \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"metric-content\"\u003e\n\u003cdiv class=\"metric-label\"\u003eTenue\u003c\/div\u003e\n\u003cdiv class=\"metric-bar\"\u003e\n\u003cdiv data-width=\"90\" class=\"metric-fill\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"metric-value\"\u003e10\/10\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"metric-item\"\u003e\n\u003cdiv class=\"metric-icon\"\u003e\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\" height=\"32\" width=\"32\"\u003e\n          \u003cpath class=\"trail-1\" d=\"M3 12c0 0 3-3 9-3s9 3 9 3\"\u003e\u003c\/path\u003e\n          \u003cpath class=\"trail-2\" d=\"M5 15c0 0 2-2 7-2s7 2 7 2\"\u003e\u003c\/path\u003e\n          \u003cpath class=\"trail-3\" d=\"M7 18c0 0 1-1 5-1s5 1 5 1\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"metric-content\"\u003e\n\u003cdiv class=\"metric-label\"\u003eSillage\u003c\/div\u003e\n\u003cdiv class=\"metric-bar\"\u003e\n\u003cdiv data-width=\"90\" class=\"metric-fill\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"metric-value\"\u003e10\/10\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"metric-item\"\u003e\n\u003cdiv class=\"metric-icon\"\u003e\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\" height=\"32\" width=\"32\"\u003e\n          \u003ccircle r=\"2\" cy=\"12\" cx=\"12\"\u003e\u003c\/circle\u003e\n          \u003ccircle class=\"wave-1\" r=\"6\" cy=\"12\" cx=\"12\"\u003e\u003c\/circle\u003e\n          \u003ccircle class=\"wave-2\" r=\"10\" cy=\"12\" cx=\"12\"\u003e\u003c\/circle\u003e\n        \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"metric-content\"\u003e\n\u003cdiv class=\"metric-label\"\u003eProjection\u003c\/div\u003e\n\u003cdiv class=\"metric-bar\"\u003e\n\u003cdiv data-width=\"90\" class=\"metric-fill\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"metric-value\"\u003e10\/10\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n.perfume-metrics {\n  background: #ffffff;\n  padding: 40px 32px;\n  margin: 24px 0;\n  border-radius: 0;\n  font-family: inherit;\n}\n\n.metrics-header {\n  border-bottom: 1px solid #e5e5e5;\n  padding-bottom: 16px;\n  margin-bottom: 32px;\n}\n\n.metrics-header h3 {\n  margin: 0;\n  color: #000000;\n  font-size: 20px;\n  font-weight: 400;\n  letter-spacing: -0.03em;\n  text-transform: none;\n  font-family: inherit;\n}\n\n.metrics-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n  gap: 24px;\n}\n\n.metric-item {\n  display: flex;\n  align-items: flex-start;\n  gap: 16px;\n  padding: 8px 0;\n  border-bottom: 1px solid #f5f5f5;\n}\n\n.metric-item:last-child {\n  border-bottom: none;\n}\n\n.metric-icon {\n  flex-shrink: 0;\n  width: 32px;\n  height: 32px;\n  color: #000000;\n  margin-top: 4px;\n  opacity: 0.95;\n}\n\n.metric-content {\n  flex: 1;\n}\n\n.metric-label {\n  color: #000000;\n  font-size: 14px;\n  font-weight: 400;\n  margin-bottom: 8px;\n  letter-spacing: 0.2px;\n}\n\n.metric-bar {\n  width: 100%;\n  height: 8px;\n  background: rgba(0, 0, 0, 0.08);\n  margin-bottom: 8px;\n  position: relative;\n  overflow: hidden;\n  border-radius: 4px;\n}\n\n.metric-fill {\n  height: 100%;\n  width: 0%;\n  background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(102, 102, 102, 0.8) 70%, rgba(204, 204, 204, 0.5) 85%, rgba(204, 204, 204, 0.2) 95%, rgba(204, 204, 204, 0) 100%);\n  position: relative;\n  border-radius: 4px;\n  transition: width 2.5s ease-out;\n}\n\n.metric-value {\n  color: #666666;\n  font-size: 12px;\n  font-weight: 400;\n  letter-spacing: 0.3px;\n}\n\n.clock-hand {\n  animation: handSwing 2s ease-in-out infinite;\n  transform-origin: 50% 50%;\n}\n\n@keyframes handSwing {\n  0%, 100% { transform: translateX(-4px); }\n  50% { transform: translateX(4px); }\n}\n\n.trail-1 {\n  animation: trail 2s ease-in-out infinite;\n  animation-delay: 0s;\n}\n\n.trail-2 {\n  animation: trail 2s ease-in-out infinite;\n  animation-delay: 0.3s;\n}\n\n.trail-3 {\n  animation: trail 2s ease-in-out infinite;\n  animation-delay: 0.6s;\n}\n\n@keyframes trail {\n  0%, 100% { opacity: 0.3; }\n  50% { opacity: 1; }\n}\n\n.wave-1 {\n  animation: wave 2s ease-out infinite;\n  animation-delay: 0s;\n}\n\n.wave-2 {\n  animation: wave 2s ease-out infinite;\n  animation-delay: 0.5s;\n}\n\n@keyframes wave {\n  0% {\n    opacity: 1;\n    transform: scale(0.5);\n  }\n  100% {\n    opacity: 0;\n    transform: scale(1.2);\n  }\n}\n\n@media (max-width: 768px) {\n  .perfume-metrics {\n    padding: 24px 20px;\n  }\n\n  .metrics-grid {\n    grid-template-columns: 1fr;\n    gap: 16px;\n  }\n\n  .metric-item {\n    padding: 12px 0;\n  }\n}\n\n.metric-item {\n  opacity: 0;\n  transform: translateY(8px);\n  animation: fadeIn 0.4s ease forwards;\n}\n\n.metric-item:nth-child(1) { animation-delay: 0.1s; }\n.metric-item:nth-child(2) { animation-delay: 0.2s; }\n.metric-item:nth-child(3) { animation-delay: 0.3s; }\n\n@keyframes fadeIn {\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n\/* animations des barres selon data-width *\/\n.metric-fill[data-width=\"80\"] {\n  animation: fillBar80 2.5s ease-out 0.5s forwards;\n}\n@keyframes fillBar80 {\n  from { width: 0%; }\n  to { width: 80%; }\n}\n.metric-fill[data-width=\"90\"] {\n  animation: fillBar90 2.5s ease-out 0.5s forwards;\n}\n@keyframes fillBar90 {\n  from { width: 0%; }\n  to { width: 90%; }\n}\n\u003c\/style\u003e","brand":"Olfactive Alchimie","offers":[{"title":"50 ml","offer_id":54443186291011,"sku":null,"price":59.9,"currency_code":"EUR","in_stock":true},{"title":"3 ml","offer_id":54443186323779,"sku":null,"price":3.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0884\/2808\/5571\/files\/hf_20260428_124442_4238a26d-acee-4f58-af93-e638b2ef23ce.png?v=1777391301","url":"https:\/\/olfactivealchimie.com\/products\/vanille-supreme-copie","provider":"Olfactive Alchimie","version":"1.0","type":"link"}