{"product_id":"box-decouverte","title":"Box découverte","description":"\u003cbody\u003e\n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eBox Découverte – Fresheo\u003c\/title\u003e\n\u003cstyle\u003e\n* { margin: 0; padding: 0; box-sizing: border-box; }\n\nbody {\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;\n    color: #2d3436;\n    background: #fff;\n}\n\n.hero {\n    background: linear-gradient(135deg, #f0f9e8 0%, #e8f5d0 100%);\n    padding: 60px 40px;\n    text-align: center;\n    position: relative;\n    overflow: hidden;\n}\n\n.hero::before {\n    content: '';\n    position: absolute;\n    top: -50px; right: -50px;\n    width: 200px; height: 200px;\n    background: #9ABE36;\n    border-radius: 50%;\n    opacity: 0.1;\n}\n\n.hero::after {\n    content: '';\n    position: absolute;\n    bottom: -80px; left: -80px;\n    width: 300px; height: 300px;\n    background: #9ABE36;\n    border-radius: 50%;\n    opacity: 0.08;\n}\n\n.hero-tag {\n    display: inline-block;\n    background: #9ABE36;\n    color: white;\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 1.5px;\n    text-transform: uppercase;\n    padding: 6px 16px;\n    border-radius: 20px;\n    margin-bottom: 20px;\n}\n\n.hero h1 {\n    font-size: 42px;\n    font-weight: 800;\n    color: #1a1a2e;\n    line-height: 1.2;\n    margin-bottom: 16px;\n}\n\n.hero h1 span {\n    color: #9ABE36;\n}\n\n.hero p {\n    font-size: 18px;\n    color: #636e72;\n    max-width: 600px;\n    margin: 0 auto 30px;\n    line-height: 1.7;\n}\n\n.price-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 12px;\n    background: white;\n    border-radius: 50px;\n    padding: 12px 24px;\n    box-shadow: 0 4px 20px rgba(0,0,0,0.1);\n}\n\n.price-main {\n    font-size: 32px;\n    font-weight: 800;\n    color: #1a1a2e;\n}\n\n.price-sub {\n    font-size: 13px;\n    color: #636e72;\n    line-height: 1.4;\n}\n\n.price-per {\n    font-size: 15px;\n    font-weight: 700;\n    color: #9ABE36;\n}\n\n\/* Features *\/\n.features {\n    padding: 50px 40px;\n    max-width: 900px;\n    margin: 0 auto;\n}\n\n.features-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 20px;\n}\n\n.feature-card {\n    background: #f8f9fa;\n    border-radius: 16px;\n    padding: 24px;\n    display: flex;\n    align-items: flex-start;\n    gap: 16px;\n    transition: transform 0.2s;\n}\n\n.feature-card:hover { transform: translateY(-3px); }\n\n.feature-icon {\n    width: 48px;\n    height: 48px;\n    background: #9ABE36;\n    border-radius: 12px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 22px;\n    flex-shrink: 0;\n}\n\n.feature-text h3 {\n    font-size: 16px;\n    font-weight: 700;\n    color: #1a1a2e;\n    margin-bottom: 6px;\n}\n\n.feature-text p {\n    font-size: 14px;\n    color: #636e72;\n    line-height: 1.5;\n}\n\n\/* What's inside *\/\n.inside {\n    background: #1a1a2e;\n    color: white;\n    padding: 50px 40px;\n    text-align: center;\n}\n\n.inside h2 {\n    font-size: 30px;\n    font-weight: 800;\n    margin-bottom: 10px;\n}\n\n.inside h2 span { color: #9ABE36; }\n\n.inside p {\n    color: #b2bec3;\n    font-size: 16px;\n    margin-bottom: 36px;\n}\n\n.inside-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 16px;\n    max-width: 800px;\n    margin: 0 auto 40px;\n}\n\n.inside-item {\n    background: rgba(255,255,255,0.05);\n    border: 1px solid rgba(255,255,255,0.1);\n    border-radius: 12px;\n    padding: 20px 16px;\n}\n\n.inside-item .num {\n    font-size: 36px;\n    font-weight: 800;\n    color: #9ABE36;\n    display: block;\n    margin-bottom: 4px;\n}\n\n.inside-item .label {\n    font-size: 13px;\n    color: #b2bec3;\n}\n\n\/* How it works *\/\n.how {\n    padding: 50px 40px;\n    max-width: 900px;\n    margin: 0 auto;\n    text-align: center;\n}\n\n.how h2 {\n    font-size: 30px;\n    font-weight: 800;\n    color: #1a1a2e;\n    margin-bottom: 8px;\n}\n\n.how h2 span { color: #9ABE36; }\n.how \u003e p { color: #636e72; margin-bottom: 36px; }\n\n.steps {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 24px;\n    position: relative;\n}\n\n.steps::before {\n    content: '';\n    position: absolute;\n    top: 28px;\n    left: calc(16.6% + 12px);\n    right: calc(16.6% + 12px);\n    height: 2px;\n    background: #e9ecef;\n    z-index: 0;\n}\n\n.step {\n    position: relative;\n    z-index: 1;\n}\n\n.step-num {\n    width: 56px;\n    height: 56px;\n    background: #9ABE36;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 20px;\n    font-weight: 800;\n    color: white;\n    margin: 0 auto 16px;\n    border: 4px solid white;\n    box-shadow: 0 4px 12px rgba(154,190,54,0.3);\n}\n\n.step h3 {\n    font-size: 15px;\n    font-weight: 700;\n    color: #1a1a2e;\n    margin-bottom: 6px;\n}\n\n.step p {\n    font-size: 13px;\n    color: #636e72;\n    line-height: 1.5;\n}\n\n\/* CTA *\/\n.cta {\n    background: linear-gradient(135deg, #9ABE36, #7a9e20);\n    padding: 50px 40px;\n    text-align: center;\n    color: white;\n}\n\n.cta h2 {\n    font-size: 32px;\n    font-weight: 800;\n    margin-bottom: 12px;\n}\n\n.cta p {\n    font-size: 16px;\n    opacity: 0.9;\n    margin-bottom: 28px;\n}\n\n.cta-btn {\n    display: inline-block;\n    background: white;\n    color: #9ABE36;\n    font-size: 16px;\n    font-weight: 800;\n    padding: 16px 40px;\n    border-radius: 50px;\n    text-decoration: none;\n    box-shadow: 0 6px 20px rgba(0,0,0,0.15);\n}\n\n.cta-note {\n    font-size: 13px;\n    opacity: 0.8;\n    margin-top: 16px;\n}\n\n@media (max-width: 600px) {\n    .hero h1 { font-size: 28px; }\n    .features-grid { grid-template-columns: 1fr; }\n    .inside-grid { grid-template-columns: repeat(2, 1fr); }\n    .steps { grid-template-columns: 1fr; }\n    .steps::before { display: none; }\n}\n\u003c\/style\u003e\n\n\n\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"hero\"\u003e\n    \u003cdiv class=\"hero-tag\"\u003e✨ Offre de bienvenue\u003c\/div\u003e\n    \u003ch1\u003eMangez bien,\u003cbr\u003esans y penser.\u003cbr\u003e\u003cspan\u003eC'est ça, Fresheo.\u003c\/span\u003e\n\u003c\/h1\u003e\n    \u003cp\u003eDes repas frais, équilibrés et prêts en quelques minutes — livrés directement chez vous chaque semaine.\u003c\/p\u003e\n    \u003cdiv class=\"price-badge\"\u003e\n        \u003cdiv\u003e\n            \u003cspan class=\"price-main\"\u003e53,94€\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"price-sub\"\u003e\n            pour 6 repas\u003cbr\u003e\n            \u003cspan class=\"price-per\"\u003esoit 8,99€ \/ repas\u003c\/span\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- FEATURES --\u003e\n\u003cdiv class=\"features\"\u003e\n    \u003cdiv class=\"features-grid\"\u003e\n        \u003cdiv class=\"feature-card\"\u003e\n            \u003cdiv class=\"feature-icon\"\u003e🥗\u003c\/div\u003e\n            \u003cdiv class=\"feature-text\"\u003e\n                \u003ch3\u003e100% frais, jamais congelé\u003c\/h3\u003e\n                \u003cp\u003eTous nos repas sont préparés avec des ingrédients frais et livrés sous vide pour garantir la qualité.\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"feature-card\"\u003e\n            \u003cdiv class=\"feature-icon\"\u003e👩‍⚕️\u003c\/div\u003e\n            \u003cdiv class=\"feature-text\"\u003e\n                \u003ch3\u003eConçus par une nutritionniste\u003c\/h3\u003e\n                \u003cp\u003eChaque recette est élaborée pour être équilibrée, savoureuse et adaptée à vos besoins nutritionnels.\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"feature-card\"\u003e\n            \u003cdiv class=\"feature-icon\"\u003e⏱️\u003c\/div\u003e\n            \u003cdiv class=\"feature-text\"\u003e\n                \u003ch3\u003ePrêts en 3 minutes\u003c\/h3\u003e\n                \u003cp\u003eRéchauffez simplement au micro-ondes ou à la poêle. Pas de préparation, pas de vaisselle excessive.\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"feature-card\"\u003e\n            \u003cdiv class=\"feature-icon\"\u003e🚚\u003c\/div\u003e\n            \u003cdiv class=\"feature-text\"\u003e\n                \u003ch3\u003eLivraison à domicile\u003c\/h3\u003e\n                \u003cp\u003eRecevez votre box chaque semaine directement chez vous, sans vous déplacer.\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- WHAT'S INSIDE --\u003e\n\u003cdiv class=\"inside\"\u003e\n    \u003ch2\u003eCe que contient votre \u003cspan\u003eBox Découverte\u003c\/span\u003e\n\u003c\/h2\u003e\n    \u003cp\u003eTout ce qu'il vous faut pour bien manger toute la semaine\u003c\/p\u003e\n    \u003cdiv class=\"inside-grid\"\u003e\n        \u003cdiv class=\"inside-item\"\u003e\n            \u003cspan class=\"num\"\u003e6\u003c\/span\u003e\n            \u003cspan class=\"label\"\u003erepas équilibrés\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"inside-item\"\u003e\n            \u003cspan class=\"num\"\u003e450g\u003c\/span\u003e\n            \u003cspan class=\"label\"\u003epar portion\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"inside-item\"\u003e\n            \u003cspan class=\"num\"\u003e-60€\u003c\/span\u003e\n            \u003cspan class=\"label\"\u003esur vos 3 premières boxes\u003c\/span\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- HOW IT WORKS --\u003e\n\u003cdiv class=\"how\"\u003e\n    \u003ch2\u003eComment ça \u003cspan\u003efonctionne ?\u003c\/span\u003e\n\u003c\/h2\u003e\n    \u003cp\u003eSimple, rapide et sans engagement\u003c\/p\u003e\n    \u003cdiv class=\"steps\"\u003e\n        \u003cdiv class=\"step\"\u003e\n            \u003cdiv class=\"step-num\"\u003e1\u003c\/div\u003e\n            \u003ch3\u003eCommandez\u003c\/h3\u003e\n            \u003cp\u003eChoisissez votre box découverte et recevez-la dès cette semaine.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"step\"\u003e\n            \u003cdiv class=\"step-num\"\u003e2\u003c\/div\u003e\n            \u003ch3\u003eRecevez\u003c\/h3\u003e\n            \u003cp\u003eVotre box arrive fraîche à domicile, emballée soigneusement.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"step\"\u003e\n            \u003cdiv class=\"step-num\"\u003e3\u003c\/div\u003e\n            \u003ch3\u003eDégustez\u003c\/h3\u003e\n            \u003cp\u003eRéchauffez et savourez. Continuez ou arrêtez — c'est vous qui décidez.\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- CTA --\u003e\n\u003cdiv class=\"cta\"\u003e\n    \u003ch2\u003ePrêt à bien manger ?\u003c\/h2\u003e\n    \u003cp\u003eCommandez votre Box Découverte et profitez de jusqu'à -60€ sur vos 3 premières boxes.\u003c\/p\u003e\n    \u003ca href=\"#\" class=\"cta-btn\"\u003eCommander ma Box Découverte →\u003c\/a\u003e\n    \u003cp class=\"cta-note\"\u003eSans engagement • Livraison à domicile • 100% frais\u003c\/p\u003e\n\u003c\/div\u003e\n\n\n\u003c\/body\u003e","brand":"Fresheo France","offers":[{"title":"Default Title","offer_id":56968450212217,"sku":null,"price":53.94,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0954\/2660\/9529\/files\/BOX.jpg?v=1778593573","url":"https:\/\/fresheo.fr\/products\/box-decouverte","provider":"Fresheo France","version":"1.0","type":"link"}