{"product_id":"royal-elixir-huile-de-parfum","title":"Royal elixir - huile de parfum","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 class=\"olfactive-grid\" style=\"display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;\"\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 class=\"image-size\" alt=\"Notes de tête\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0884\/2808\/5571\/files\/hf_20260428_230943_11a1ed51-4dc2-4ee5-bee2-cd1ed9d843fa.png?v=1777483982\"\u003e\n\u003cdiv class=\"legend\"\u003eCitron\u003cbr\u003eEncens\u003cbr\u003eVanille\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 class=\"image-size\" alt=\"Notes de cœur\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0884\/2808\/5571\/files\/hf_20260428_231655_753db159-11a4-4625-80bb-bb0a558328f3.png?v=1777483980\"\u003e\n\u003cdiv class=\"legend\"\u003eSafran\u003cbr\u003eOliban\u003cbr\u003eVanille\u003cbr\u003eCèdre\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 class=\"image-size\" alt=\"Notes de fond\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0884\/2808\/5571\/files\/hf_20260428_232139_68552278-527b-4a37-93b0-c7731f021235.png?v=1777483981\"\u003e\n\u003cdiv class=\"legend\"\u003eOud \u003cbr\u003eVanille\u003cbr\u003eCuir \u003cbr\u003eBenjoin\u003cbr\u003e\u003cbr\u003e\n\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 class=\"image-size\" alt=\"Famille Vanille\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0884\/2808\/5571\/files\/Vanille.png?v=1751200174\"\u003e\n\u003cdiv class=\"legend\"\u003eGourmand \/ Vanille\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Image 2: Famille Épicé --\u003e\n\u003cdiv class=\"famille-section\"\u003e\n\u003cimg class=\"image-size\" alt=\"Famille Épicé\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0884\/2808\/5571\/files\/Oriental_resultat.webp?v=1751200066\"\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 width=\"32\" height=\"32\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n          \u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\n          \u003cline x1=\"12\" y1=\"12\" x2=\"8\" y2=\"12\" class=\"clock-hand\"\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 class=\"metric-fill\" data-width=\"80\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"metric-value\"\u003e8\/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 width=\"32\" height=\"32\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n          \u003cpath d=\"M3 12c0 0 3-3 9-3s9 3 9 3\" class=\"trail-1\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M5 15c0 0 2-2 7-2s7 2 7 2\" class=\"trail-2\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M7 18c0 0 1-1 5-1s5 1 5 1\" class=\"trail-3\"\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 class=\"metric-fill\" data-width=\"80\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"metric-value\"\u003e7,5\/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 width=\"32\" height=\"32\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n          \u003ccircle cx=\"12\" cy=\"12\" r=\"2\"\u003e\u003c\/circle\u003e\n          \u003ccircle cx=\"12\" cy=\"12\" r=\"6\" class=\"wave-1\"\u003e\u003c\/circle\u003e\n          \u003ccircle cx=\"12\" cy=\"12\" r=\"10\" class=\"wave-2\"\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 class=\"metric-fill\" data-width=\"80\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"metric-value\"\u003e7\/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":"1\/4 de tola ( environ 3ml )","offer_id":54446569324867,"sku":null,"price":9.9,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0884\/2808\/5571\/files\/hf_20260428_224254_dcc521d7-763e-47a6-953d-6668acdb97c7.png?v=1777483748","url":"https:\/\/olfactivealchimie.com\/products\/royal-elixir-huile-de-parfum","provider":"Olfactive Alchimie","version":"1.0","type":"link"}