{"product_id":"chocolat-bouteille-biere-artisanal","title":"Chocolat : bouteille de bière en chocolat - Local et Artisanal","description":"\u003c!-- ============================================ --\u003e\n\u003c!-- 1. CSS - NE PAS MODIFIER (copier tel quel) --\u003e\n\u003c!-- ============================================ --\u003e\n\u003cstyle\u003e\n\/* Texte d'introduction simple *\/\n.intro-text {\n  font-size: 16px;\n  line-height: 1.7;\n  color: #333;\n  margin-bottom: 25px;\n}\n\n.intro-text strong {\n  color: #56aeff;\n}\n\n\/* Badges bénéfices - une ligne compacte *\/\n.benefits-grid {\n  display: flex;\n  gap: 10px;\n  margin: 25px 0;\n  flex-wrap: wrap;\n  justify-content: center;\n}\n\n.benefit-card {\n  background-color: #feffbf;\n  padding: 8px 15px;\n  border-radius: 20px;\n  border: 1px solid #f0e68c;\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  white-space: nowrap;\n}\n\n.benefit-icon {\n  font-size: 20px;\n}\n\n.benefit-card h4 {\n  margin: 0;\n  font-size: 13px;\n  font-weight: 700;\n  color: #333;\n}\n\n\/* Section bienfaits santé dans le texte principal *\/\n.health-benefits {\n  margin: 30px 0;\n}\n\n.health-benefits h3 {\n  color: #56aeff;\n  font-size: 18px;\n  margin-bottom: 15px;\n}\n\n.health-benefits ul {\n  margin: 15px 0;\n  padding-left: 25px;\n}\n\n.health-benefits li {\n  margin: 8px 0;\n  line-height: 1.6;\n}\n\n\/* Accordéons *\/\n.accordion-section {\n  margin: 0;\n  border: 1px solid #e0e0e0;\n  border-bottom: none;\n  overflow: hidden;\n}\n\n.accordion-section:first-of-type {\n  border-radius: 8px 8px 0 0;\n  margin-top: 25px;\n}\n\n.accordion-section:last-of-type {\n  border-radius: 0 0 8px 8px;\n  border-bottom: 1px solid #e0e0e0;\n  margin-bottom: 25px;\n}\n\n.accordion-header {\n  color: #333;\n  background-color: #f8f9fa;\n  padding: 18px 20px;\n  margin: 0;\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  transition: background-color 0.3s;\n  font-size: 16px;\n  font-weight: 600;\n}\n\n.accordion-header:hover {\n  background-color: #e9ecef;\n}\n\n.accordion-icon {\n  font-size: 20px;\n  transition: all 0.3s ease;\n  color: #56aeff;\n  font-weight: bold;\n  background-color: white;\n  border: 2px solid #56aeff;\n  border-radius: 50%;\n  width: 30px;\n  height: 30px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.accordion-content {\n  max-height: 3000px;\n  overflow: hidden;\n  transition: max-height 0.4s ease;\n  padding: 0 20px 20px 20px;\n  background-color: white;\n}\n\n.accordion-content.collapsed {\n  max-height: 0;\n  padding: 0 20px;\n}\n\n\/* Tableau valeurs nutritionnelles *\/\n.nutrition-table {\n  width: 100%;\n  border-collapse: collapse;\n  margin: 15px 0;\n}\n\n.nutrition-table tr {\n  border-bottom: 1px solid #e0e0e0;\n}\n\n.nutrition-table td {\n  padding: 12px 10px;\n}\n\n.nutrition-table td:first-child {\n  font-weight: 600;\n  color: #333;\n}\n\n.nutrition-table td:last-child {\n  text-align: right;\n  color: #666;\n}\n\n\/* Encadré avec icône *\/\n.info-box {\n  background-color: #f0f8ff;\n  padding: 20px;\n  border-left: 4px solid #56aeff;\n  border-radius: 8px;\n  margin: 25px 0;\n  display: flex;\n  gap: 15px;\n  align-items: start;\n}\n\n.info-box-icon {\n  font-size: 32px;\n  flex-shrink: 0;\n}\n\n.info-box-content h3 {\n  margin: 0 0 10px 0;\n  color: #56aeff;\n  font-size: 18px;\n}\n\n.info-box-content p {\n  margin: 8px 0;\n  line-height: 1.5;\n}\n\n\/* Encadré jaune traçabilité *\/\n.tracability-box {\n  background-color: #feffbf;\n  padding: 20px;\n  border-radius: 8px;\n  margin: 30px 0;\n  border-left: 4px solid #56aeff;\n}\n\n.tracability-box h2 {\n  color: #56aeff;\n  margin-top: 0;\n  font-size: 18px;\n}\n\n.tracability-box p {\n  margin: 10px 0;\n  line-height: 1.6;\n}\n\n\/* Section Story *\/\n.story-section {\n  background-color: #fff9e6;\n  padding: 25px;\n  border-radius: 12px;\n  margin: 30px 0;\n  border: 1px solid #ffeaa7;\n}\n\n.story-section h3 {\n  color: #333;\n  margin-top: 0;\n  font-size: 20px;\n}\n\n\/* FAQ Style *\/\n.faq-item {\n  margin-bottom: 15px;\n}\n\n.faq-question {\n  font-weight: 600;\n  color: #333;\n  margin-bottom: 5px;\n}\n\n.faq-answer {\n  color: #666;\n  margin: 0;\n  padding-left: 15px;\n}\n\n\/* Responsive *\/\n@media (max-width: 768px) {\n  .benefits-grid {\n    justify-content: center;\n  }\n}\n\u003c\/style\u003e\n\n\u003c!-- ============================================ --\u003e\n\u003c!-- 2. INTRO - À PERSONNALISER --\u003e\n\u003c!-- ============================================ --\u003e\n\u003cdiv class=\"intro-text\"\u003e\n  \u003cp\u003e\u003cstrong\u003eBouteille « Bière » en chocolat\u003c\/strong\u003e fabriquée artisanalement par Gilles dans son atelier marseillais. Son imprimé \u003cstrong\u003eMistinguette\u003c\/strong\u003e est parfait pour un cadeau de fêtes. Disponible au chocolat noir ou au chocolat au lait.\u003c\/p\u003e\n  \u003cp\u003ePoids : 100 g – Dimensions : 18 x 5 cm\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c!-- ============================================ --\u003e\n\u003c!-- 3. BADGES BÉNÉFICES - À PERSONNALISER --\u003e\n\u003c!-- ============================================ --\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n  \u003cdiv class=\"benefit-card\"\u003e\n    \u003cdiv class=\"benefit-icon\"\u003e🧑‍🍳\u003c\/div\u003e\n    \u003ch4\u003eArtisanal\u003c\/h4\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"benefit-card\"\u003e\n    \u003cdiv class=\"benefit-icon\"\u003e📍\u003c\/div\u003e\n    \u003ch4\u003eLocal\u003c\/h4\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"benefit-card\"\u003e\n    \u003cdiv class=\"benefit-icon\"\u003e🎁\u003c\/div\u003e\n    \u003ch4\u003eIdée Cadeau\u003c\/h4\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"benefit-card\"\u003e\n    \u003cdiv class=\"benefit-icon\"\u003e😋\u003c\/div\u003e\n    \u003ch4\u003eDélicieux\u003c\/h4\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ============================================ --\u003e\n\u003c!-- 4. NOTRE HISTOIRE - À PERSONNALISER --\u003e\n\u003c!-- ============================================ --\u003e\n\u003cdiv class=\"story-section\"\u003e\n  \u003ch3\u003e💛 Notre coup de cœur pour Noël\u003c\/h3\u003e\n  \u003cp\u003eUn cadeau original qui plaira au plus grand nombre.\u003c\/p\u003e\n  \u003cp\u003eLe plus : ce chocolat est fabriqué par un artisan à Marseille, de quoi se régaler en toute légèreté.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c!-- ACCORDÉON 4 : Origine --\u003e\n\u003cdiv class=\"accordion-section\"\u003e\n  \u003cdiv class=\"accordion-header\"\u003e\n    \u003cspan\u003e🌍 Origine\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e−\u003c\/span\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"accordion-content\"\u003e\n    \u003cp style=\"margin-top: 15px;\"\u003e\u003cstrong\u003eOrigine :\u003c\/strong\u003e France, Marseille\u003c\/p\u003e\n    \u003cp\u003e\u003cstrong\u003eMéthode :\u003c\/strong\u003e Artisanal\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ============================================ --\u003e\n\u003c!-- 7. TRAÇABILITÉ - À PERSONNALISER --\u003e\n\u003c!-- ============================================ --\u003e\n\u003cdiv class=\"tracability-box\"\u003e\n  \u003ch2\u003e🤔 Une Question sur la Traçabilité ? 🤔\u003c\/h2\u003e\n  \u003cp\u003eLa transparence est au cœur de nos valeurs. Chaque produit est étiqueté avec un \u003cstrong\u003enuméro de lot\u003c\/strong\u003e et une \u003cstrong\u003edate de consommation optimale\u003c\/strong\u003e, vous permettant de retracer son origine et de garantir sa fraîcheur.\u003c\/p\u003e\n  \u003cp\u003e\u003cstrong\u003eExemple :\u003c\/strong\u003e\u003cbr\u003eRécolte [ANNÉE].\u003cbr\u003eLot N° [NUMÉRO DE LOT]\u003cbr\u003eÀ consommer de préférence avant le : [DATE]\u003c\/p\u003e\n  \u003cp\u003ePour toute question sur la provenance ou la composition de nos produits, notre équipe reste à votre disposition.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c!-- ============================================ --\u003e\n\u003c!-- 8. ENGAGEMENT - NE PAS MODIFIER (identique partout) --\u003e\n\u003c!-- ============================================ --\u003e\n\u003cdiv class=\"info-box\"\u003e\n  \u003cdiv class=\"info-box-icon\"\u003e♻️\u003c\/div\u003e\n  \u003cdiv class=\"info-box-content\"\u003e\n    \u003ch3\u003eNotre engagement zéro plastique\u003c\/h3\u003e\n    \u003cp\u003eChez La Cigale et la Sardine, tous nos produits sont vendus en vrac. À Marseille, nous livrons dans des contenants réutilisables que vous nous rendez lors de la prochaine livraison. Pour notre expansion nationale, nous privilégions exclusivement des emballages kraft recyclables et compostables.\u003c\/p\u003e\n    \u003cp\u003e\u003cstrong\u003ePourquoi ?\u003c\/strong\u003e Parce qu'on croit qu'une alimentation saine passe aussi par le respect de notre planète. Chaque gramme compte !\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ========================================== --\u003e\n\u003c!-- JAVASCRIPT OBLIGATOIRE - NE JAMAIS SUPPRIMER --\u003e\n\u003c!-- ========================================== --\u003e\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function() {\n  const accordionHeaders = document.querySelectorAll('.accordion-header');\n\n  accordionHeaders.forEach(function(header) {\n    header.addEventListener('click', function() {\n      const content = this.nextElementSibling;\n      const icon = this.querySelector('.accordion-icon');\n\n      content.classList.toggle('collapsed');\n\n      if (content.classList.contains('collapsed')) {\n        icon.textContent = '+';\n      } else {\n        icon.textContent = '−';\n      }\n    });\n  });\n});\n\u003c\/script\u003e","brand":"GD Pâtisserie","offers":[{"title":"chocolat noir","offer_id":55553967653201,"sku":null,"price":13.0,"currency_code":"EUR","in_stock":false},{"title":"chocolat au lait","offer_id":55554036302161,"sku":null,"price":13.0,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0792\/7676\/9617\/files\/bouteille_biere_chocolat.png?v=1793349769","url":"https:\/\/lacigaleetlasardine.com\/products\/chocolat-bouteille-biere-artisanal","provider":"La Cigale \u0026 La Sardine","version":"1.0","type":"link"}