{"title":"Barres Hypercaloriques : Prise de Masse | Dragon Nutrition","description":"\u003c!-- ============================================================\n     DRAGON NUTRITION — Description collection Barres Riches en Calories\n     Version 2 : palette noir \u0026 or, bandeau centré, sans FAQ\n     À coller intégralement dans :\n     Shopify \u003e Produits \u003e Collections \u003e Barres Hypercaloriques \u003e Description \u003e icône \u003c\u003e\n============================================================ --\u003e\n\n\u003cstyle\u003e\n  \/* ---- Palette \u0026 base ---- *\/\n  .dn-bloc {\n    --or: #A6791E;            \/* or foncé : bordures, accents *\/\n    --or-clair: #D9B45B;      \/* or lumineux : dégradés *\/\n    --or-degrade: linear-gradient(90deg, #8C6A1D, #D9B45B);\n    --noir: #16181D;          \/* fond du bandeau *\/\n    --texte: #22252b;\n    --texte-doux: #5a5f68;\n    --fond-carte: #fafafa;\n    --bordure: #eaeaea;\n\n    max-width: 940px;\n    margin: 48px auto 24px;\n    font-family: inherit;\n    font-size: 16px;\n    line-height: 1.7;\n    color: var(--texte);\n  }\n  .dn-bloc, .dn-bloc * { box-sizing: border-box; }\n\n  \/* ---- Bandeau d'introduction ---- *\/\n  .dn-bandeau {\n    background: var(--noir);\n    border-radius: 12px;\n    border-bottom: 3px solid var(--or);\n    padding: 34px 32px;\n    text-align: center;\n  }\n  .dn-badge {\n    display: inline-block;\n    background: var(--or-degrade);\n    color: #fff;\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: .14em;\n    text-transform: uppercase;\n    padding: 5px 14px;\n    border-radius: 99px;\n    margin-bottom: 14px;\n  }\n  .dn-bloc h2 {\n    margin: 0 0 12px;\n    color: #fff;\n    font-size: 28px;\n    font-weight: 800;\n    line-height: 1.3;\n  }\n  .dn-bandeau p {\n    margin: 0 auto;\n    color: #cfd3da;\n    max-width: 68ch;\n  }\n\n  \/* ---- Titres de section ---- *\/\n  .dn-bloc h3 {\n    margin: 42px 0 14px;\n    font-size: 21px;\n    font-weight: 800;\n    color: var(--noir);\n    padding-bottom: 8px;\n    border-bottom: 2px solid var(--or);\n    display: inline-block;\n  }\n\n  \/* ---- Cartes comparatives ---- *\/\n  .dn-cartes {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 14px;\n  }\n  .dn-carte {\n    background: var(--fond-carte);\n    border: 1px solid var(--bordure);\n    border-radius: 10px;\n    padding: 20px;\n  }\n  .dn-carte-tag {\n    display: block;\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: .1em;\n    text-transform: uppercase;\n    color: var(--or);\n    margin-bottom: 8px;\n  }\n  .dn-carte h4 {\n    margin: 0 0 8px;\n    font-size: 17px;\n    font-weight: 800;\n    color: var(--noir);\n  }\n  .dn-carte p {\n    margin: 0;\n    font-size: 14.5px;\n    color: var(--texte-doux);\n  }\n\n  \/* ---- Encadré conseil ---- *\/\n  .dn-dosage {\n    display: flex;\n    gap: 18px;\n    align-items: center;\n    background: var(--fond-carte);\n    border: 1px solid var(--bordure);\n    border-left: 4px solid var(--or);\n    border-radius: 10px;\n    padding: 20px 22px;\n  }\n  .dn-dosage-chiffre {\n    font-size: 26px;\n    font-weight: 900;\n    color: var(--or);\n    white-space: nowrap;\n  }\n  .dn-dosage p { margin: 0; }\n\n  \/* ---- Mention légale ---- *\/\n  .dn-mention {\n    margin: 32px 0 0;\n    padding-top: 14px;\n    border-top: 1px solid var(--bordure);\n    font-size: 13px;\n    color: #9aa0a8;\n  }\n\n  \/* ---- Mobile ---- *\/\n  @media (max-width: 720px) {\n    .dn-bloc { font-size: 15px; }\n    .dn-bandeau { padding: 26px 20px; }\n    .dn-bloc h2 { font-size: 23px; }\n    .dn-cartes { grid-template-columns: 1fr; }\n    .dn-dosage { flex-direction: column; align-items: flex-start; gap: 8px; }\n  }\n\u003c\/style\u003e\n\n\u003csection class=\"dn-bloc\"\u003e\n\n  \u003cdiv class=\"dn-bandeau\"\u003e\n    \u003cspan class=\"dn-badge\"\u003eGuide Dragon Nutrition\u003c\/span\u003e\n    \u003ch2\u003eBarres riches en calories : le carburant de poche des prises de masse\u003c\/h2\u003e\n    \u003cp\u003ePour prendre de la masse, il faut manger plus que ce que l'on dépense — et c'est souvent là que ça coince : les métabolismes rapides et les journées chargées ne laissent pas toujours la place à un sixième repas. Nos barres hypercaloriques condensent 300 à 500 kcal dans un format de poche : des protéines, qui contribuent à la croissance de la masse musculaire, des glucides pour l'énergie, et de bons lipides (oléagineux, beurre de cacahuète) pour la densité calorique. Le gainer version solide, à glisser dans le sac.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003ch3\u003ePourquoi une barre hypercalorique ?\u003c\/h3\u003e\n  \u003cdiv class=\"dn-cartes\"\u003e\n    \u003cdiv class=\"dn-carte\"\u003e\n      \u003cspan class=\"dn-carte-tag\"\u003eDensité\u003c\/span\u003e\n      \u003ch4\u003e300–500 kcal en poche\u003c\/h4\u003e\n      \u003cp\u003eL'équivalent calorique d'un petit repas, sans cuisine ni shaker : le surplus quotidien devient enfin tenable, même en déplacement.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"dn-carte\"\u003e\n      \u003cspan class=\"dn-carte-tag\"\u003eConstruction\u003c\/span\u003e\n      \u003ch4\u003eProtéines + glucides\u003c\/h4\u003e\n      \u003cp\u003e15 à 25 g de protéines — qui contribuent à la croissance de la masse musculaire — accompagnées des glucides qui rechargent l'énergie.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"dn-carte\"\u003e\n      \u003cspan class=\"dn-carte-tag\"\u003eDensité utile\u003c\/span\u003e\n      \u003ch4\u003eLes bons lipides\u003c\/h4\u003e\n      \u003cp\u003eOléagineux et beurres de noix apportent la densité calorique la plus efficace : 9 kcal par gramme, dans un petit volume facile à manger.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003ch3\u003eÀ quel moment la consommer ?\u003c\/h3\u003e\n  \u003cdiv class=\"dn-cartes\"\u003e\n    \u003cdiv class=\"dn-carte\"\u003e\n      \u003cspan class=\"dn-carte-tag\"\u003eAvant la séance\u003c\/span\u003e\n      \u003ch4\u003e1 h avant l'effort\u003c\/h4\u003e\n      \u003cp\u003eLe temps de digérer : la barre fournit le carburant de la séance sans la lourdeur d'un vrai repas pris trop tard.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"dn-carte\"\u003e\n      \u003cspan class=\"dn-carte-tag\"\u003eAprès la séance\u003c\/span\u003e\n      \u003ch4\u003ePost-training nomade\u003c\/h4\u003e\n      \u003cp\u003eQuand le shaker n'est pas là : protéines et glucides dans la foulée de l'entraînement, en attendant le repas complet.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"dn-carte\"\u003e\n      \u003cspan class=\"dn-carte-tag\"\u003eDans la journée\u003c\/span\u003e\n      \u003ch4\u003eLe repas de secours\u003c\/h4\u003e\n      \u003cp\u003eEntre deux cours ou deux réunions : la collation qui maintient le surplus calorique les jours où les repas sautent.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003ch3\u003eNotre conseil prise de masse\u003c\/h3\u003e\n  \u003cdiv class=\"dn-dosage\"\u003e\n    \u003cspan class=\"dn-dosage-chiffre\"\u003e1–2 \/ jour\u003c\/span\u003e\n    \u003cp\u003eUtilisez la barre comme un outil d'appoint : elle complète vos repas pour atteindre le surplus visé (200 à 400 kcal au-dessus de votre maintenance), elle ne les remplace pas durablement — les aliments bruts restent la base d'une prise de masse propre. Suivez votre poids chaque semaine : une progression de 0,25 à 0,5 kg est le bon rythme pour construire du muscle en limitant le gras.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cp class=\"dn-mention\"\u003eLes compléments alimentaires ne remplacent pas une alimentation variée et équilibrée ni un mode de vie sain. Peut contenir des fruits à coque et de l'arachide — vérifiez la liste des allergènes de chaque produit. Tenir hors de portée des enfants.\u003c\/p\u003e\n\n\u003c\/section\u003e\n\u003c!-- ============================================================ FIN DU BLOC ============================================================ --\u003e","products":[{"product_id":"oat-fruit-zero-biotechusa-barre-avoine-sans-sucres","title":"Barre Flocons d'avoine - 70g | Biotech USA","description":"\u003c!-- ===== DRAGON NUTRITION — BIOTECHUSA OAT \u0026 FRUIT ZERO — GOLD EDITION \/ NO-JS TABS ===== --\u003e\n\u003cstyle\u003e\n.dn-oatzero-gold{\n  --text:#111;\n  --muted:#6b7280;\n  --card:#fff;\n  --border:#e5e7eb;\n  --soft:#f8fafc;\n\n  --accent:#C4993A;\n  --accent-dark:#A67827;\n\n  --radius:16px;\n  --shadow:0 8px 24px rgba(0,0,0,.08);\n\n  font-family:Inter,system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;\n  color:var(--text);\n  line-height:1.6;\n}\n.dn-oatzero-gold *{box-sizing:border-box;}\n\n.dn-oatzero-gold .wrap{\n  background:var(--card);\n  border:1px solid var(--border);\n  border-radius:var(--radius);\n  box-shadow:var(--shadow);\n  padding:22px;\n}\n\n.dn-oatzero-gold .headline{\n  font-weight:900;\n  text-align:center;\n  margin:0 0 8px;\n  font-size:22px;\n  letter-spacing:.02em;\n  color:var(--accent);\n}\n.dn-oatzero-gold .subtitle{\n  text-align:center;\n  color:var(--muted);\n  font-size:14px;\n  margin-bottom:18px;\n}\n\n\/* BADGES GOLD *\/\n.dn-oatzero-gold .badges{\n  display:grid;\n  grid-template-columns:repeat(3,minmax(0,1fr));\n  gap:12px;\n  margin-bottom:22px;\n}\n.dn-oatzero-gold .badge{\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  text-align:center;\n  min-height:48px;\n  padding:10px 14px;\n  border-radius:999px;\n  border:1px solid #d9c08a;\n  background:linear-gradient(145deg,#fff8e6,#f5e1b9);\n  box-shadow:0 2px 6px rgba(0,0,0,.05);\n  font-size:13.5px;\n  font-weight:600;\n  color:#7a5a1e;\n  transition:.22s ease;\n}\n.dn-oatzero-gold .badge:hover{\n  background:linear-gradient(145deg,var(--accent),var(--accent-dark));\n  color:#fff;\n  transform:translateY(-2px);\n}\n@media(max-width:900px){.dn-oatzero-gold .badges{grid-template-columns:repeat(2,1fr);}}\n@media(max-width:520px){.dn-oatzero-gold .badges{grid-template-columns:1fr;}}\n\n\/* SECTIONS *\/\n.dn-oatzero-gold h3{\n  margin:16px 0 8px;\n  font-size:18px;\n  letter-spacing:.04em;\n  text-transform:uppercase;\n  color:var(--accent-dark);\n}\n.dn-oatzero-gold .card{\n  background:var(--soft);\n  border:1px solid var(--border);\n  border-radius:12px;\n  padding:12px 14px;\n  margin-bottom:14px;\n}\n\n\/* TABS *\/\n.dn-oatzero-gold input[type=radio]{display:none;}\n.dn-oatzero-gold .tabs{\n  display:flex;\n  justify-content:center;\n  gap:8px;\n  flex-wrap:wrap;\n  margin:10px 0 14px;\n}\n.dn-oatzero-gold .tab{\n  cursor:pointer;\n  border:1px solid var(--border);\n  border-radius:12px;\n  padding:9px 16px;\n  font-size:13px;\n  background:#fff;\n  transition:.2s;\n  box-shadow:0 2px 10px rgba(0,0,0,.05);\n}\n#oat-tab-nutri:checked ~ .tabs label[for=\"oat-tab-nutri\"],\n#oat-tab-ings:checked  ~ .tabs label[for=\"oat-tab-ings\"]{\n  background:var(--accent);\n  color:#fff;\n  border-color:var(--accent-dark);\n}\n\n\/* SUBTABS SAVEURS *\/\n.dn-oatzero-gold .subtabs{\n  display:grid;\n  grid-template-columns:repeat(4,1fr);\n  gap:8px;\n  margin:10px 0 14px;\n}\n.dn-oatzero-gold .subtab{\n  text-align:center;\n  padding:8px;\n  border-radius:10px;\n  border:1px solid var(--border);\n  background:#fff;\n  font-size:12px;\n  font-weight:700;\n  cursor:pointer;\n}\n#flv1:checked ~ .subtabs label[for=\"flv1\"],\n#flv2:checked ~ .subtabs label[for=\"flv2\"],\n#flv3:checked ~ .subtabs label[for=\"flv3\"],\n#flv4:checked ~ .subtabs label[for=\"flv4\"]{\n  background:var(--accent);\n  color:#fff;\n  border-color:var(--accent-dark);\n}\n\n\/* PANELS *\/\n.dn-oatzero-gold .panel,\n.dn-oatzero-gold .subpanel{display:none;}\n#oat-tab-nutri:checked ~ .panels .panel-nutri,\n#oat-tab-ings:checked  ~ .panels .panel-ings{display:block;}\n#flv1:checked ~ .panels .p1,\n#flv2:checked ~ .panels .p2,\n#flv3:checked ~ .panels .p3,\n#flv4:checked ~ .panels .p4{display:block;}\n\n\/* TABLE FIX *\/\n.dn-oatzero-gold .table-wrap{\n  width:100%;\n  overflow:hidden;\n  border:1px solid var(--border);\n  border-radius:14px;\n  margin-bottom:12px;\n}\n.dn-oatzero-gold table{\n  width:100%;\n  table-layout:fixed;\n  border-collapse:separate;\n  border-spacing:0;\n  font-size:14px;\n}\n.dn-oatzero-gold thead th{\n  background:var(--accent);\n  color:#fff;\n  padding:12px;\n  text-align:left;\n}\n.dn-oatzero-gold td{\n  padding:10px;\n  border-top:1px solid var(--border);\n  white-space:normal;\n  word-break:break-word;\n}\n.dn-oatzero-gold td:last-child{\n  text-align:right;\n  white-space:nowrap;\n}\n.dn-oatzero-gold tbody tr:nth-child(odd){background:#fffaf1;}\n.dn-oatzero-gold tbody tr:nth-child(even){background:#fff;}\n.dn-oatzero-gold .note{\n  font-size:12.5px;\n  color:var(--muted);\n}\n\u003c\/style\u003e\n\u003cdiv data-theme=\"gold\" class=\"dn-oatzero-gold\"\u003e\n\u003cdiv class=\"wrap\"\u003e\n\u003ch2 class=\"headline\"\u003eBioTechUSA — Oat \u0026amp; Fruit Zero\u003c\/h2\u003e\n\u003cp class=\"subtitle\"\u003eBarre à l’avoine \u0026amp; fruits • sans sucres ajoutés* • énergie naturelle\u003c\/p\u003e\n\u003cdiv class=\"badges\"\u003e\n\u003cspan class=\"badge\"\u003e🌾 Flocons d’avoine\u003c\/span\u003e \u003cspan class=\"badge\"\u003e🍓 Goûts fruités\u003c\/span\u003e \u003cspan class=\"badge\"\u003e🚫 Sans sucres ajoutés*\u003c\/span\u003e \u003cspan class=\"badge\"\u003e✅ Source de fibres\u003c\/span\u003e \u003cspan class=\"badge\"\u003e👜 Format nomade\u003c\/span\u003e \u003cspan class=\"badge\"\u003e⚡ Énergie progressive\u003c\/span\u003e\n\u003c\/div\u003e\n\u003ch3\u003ePrésentation\u003c\/h3\u003e\n\u003cdiv class=\"card\"\u003eLes \u003cstrong\u003eOat \u0026amp; Fruit Zero\u003c\/strong\u003e associent des \u003cstrong\u003eflocons d’avoine\u003c\/strong\u003e riches en glucides complexes et des \u003cstrong\u003efruits\u003c\/strong\u003e pour une énergie durable, dans une barre \u003cstrong\u003esans sucres ajoutés*\u003c\/strong\u003e, idéale au quotidien.\u003c\/div\u003e\n\u003cinput checked id=\"oat-tab-nutri\" name=\"oat-tabs\" type=\"radio\"\u003e \u003cinput id=\"oat-tab-ings\" name=\"oat-tabs\" type=\"radio\"\u003e\n\u003cdiv class=\"tabs\"\u003e\n\u003clabel for=\"oat-tab-nutri\" class=\"tab\"\u003e📊 Valeurs nutritionnelles\u003c\/label\u003e \u003clabel for=\"oat-tab-ings\" class=\"tab\"\u003e🧾 Ingrédients par saveur\u003c\/label\u003e\n\u003c\/div\u003e\n\u003cinput checked id=\"flv1\" name=\"flavors\" type=\"radio\"\u003e \u003cinput id=\"flv2\" name=\"flavors\" type=\"radio\"\u003e \u003cinput id=\"flv3\" name=\"flavors\" type=\"radio\"\u003e \u003cinput id=\"flv4\" name=\"flavors\" type=\"radio\"\u003e\n\u003cdiv class=\"subtabs\"\u003e\n\u003clabel for=\"flv1\" class=\"subtab\"\u003e🍌 Banane\u003c\/label\u003e \u003clabel for=\"flv2\" class=\"subtab\"\u003e🥥 Coco\u003c\/label\u003e \u003clabel for=\"flv3\" class=\"subtab\"\u003e🫐 Myrtille\u003c\/label\u003e \u003clabel for=\"flv4\" class=\"subtab\"\u003e🍇 Yaourt–Fraise–Poire\u003c\/label\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"panels\"\u003e\n\u003cdiv class=\"panel panel-nutri\"\u003e\n\u003cdiv class=\"subpanel p1\"\u003e\n\u003cdiv class=\"table-wrap\"\u003e\n\u003ctable\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eBanane — 100 g\u003c\/th\u003e\n\u003cth\u003eValeur\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eÉnergie\u003c\/td\u003e\n\u003ctd\u003e457 kcal\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eGlucides\u003c\/td\u003e\n\u003ctd\u003e61 g\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSucres\u003c\/td\u003e\n\u003ctd\u003e33 g\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eFibres\u003c\/td\u003e\n\u003ctd\u003e3,6 g\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"subpanel p2\"\u003e\n\u003cdiv class=\"table-wrap\"\u003e\n\u003ctable\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eCoco — 100 g\u003c\/th\u003e\n\u003cth\u003eValeur\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eÉnergie\u003c\/td\u003e\n\u003ctd\u003e485 kcal\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eGlucides\u003c\/td\u003e\n\u003ctd\u003e61 g\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSucres\u003c\/td\u003e\n\u003ctd\u003e33 g\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eFibres\u003c\/td\u003e\n\u003ctd\u003e3,1 g\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"subpanel p3\"\u003e\n\u003cdiv class=\"table-wrap\"\u003e\n\u003ctable\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eMyrtille — 100 g\u003c\/th\u003e\n\u003cth\u003eValeur\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eÉnergie\u003c\/td\u003e\n\u003ctd\u003e441 kcal\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eGlucides\u003c\/td\u003e\n\u003ctd\u003e59 g\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSucres\u003c\/td\u003e\n\u003ctd\u003e24 g\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eFibres\u003c\/td\u003e\n\u003ctd\u003e4,2 g\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"subpanel p4\"\u003e\n\u003cdiv class=\"table-wrap\"\u003e\n\u003ctable\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eYaourt–Poire — 100 g\u003c\/th\u003e\n\u003cth\u003eValeur\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eÉnergie\u003c\/td\u003e\n\u003ctd\u003e461 kcal\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eGlucides\u003c\/td\u003e\n\u003ctd\u003e34 g\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSucres\u003c\/td\u003e\n\u003ctd\u003e27 g\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eFibres\u003c\/td\u003e\n\u003ctd\u003e3,3 g\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"note\"\u003e*Sans sucres ajoutés : contient uniquement les sucres naturellement présents.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"panel panel-ings\"\u003e\n\u003cdiv class=\"table-wrap\"\u003e\n\u003ctable\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eSaveur\u003c\/th\u003e\n\u003cth\u003eIngrédients clés\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eBanane\u003c\/td\u003e\n\u003ctd\u003eFlocons d’avoine, chocolat noir, banane séchée.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eCoco\u003c\/td\u003e\n\u003ctd\u003eFlocons d’avoine, enrobage yaourt, noix de coco.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eMyrtille\u003c\/td\u003e\n\u003ctd\u003eFlocons d’avoine, préparation myrtille.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eYaourt–Poire\u003c\/td\u003e\n\u003ctd\u003eFlocons d’avoine, yaourt, poire, framboise.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Biotech USA","offers":[{"title":"Poire - Framboise - Yaourt","offer_id":46750315053403,"sku":"134","price":2.43,"currency_code":"EUR","in_stock":true},{"title":"Noix de Pécan","offer_id":46750314922331,"sku":"133","price":2.7,"currency_code":"EUR","in_stock":true},{"title":"Noix de coco - Yaourt","offer_id":46750314955099,"sku":"132","price":2.7,"currency_code":"EUR","in_stock":true},{"title":"Myrtille","offer_id":46750314987867,"sku":"131","price":2.7,"currency_code":"EUR","in_stock":true},{"title":"Chocolat - Banane","offer_id":46750315020635,"sku":"130","price":2.7,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0754\/5477\/5643\/files\/barres-avoine-et-fruits-biotechusa-assortiment-70g.png?v=1764766727"},{"product_id":"oat-bar-flapjack-120g-io-genix","title":"Oat Bar - Flapjack - 120g | IO GENIX","description":"\u003c!-- ===== DRAGON NUTRITION — FLAPJACK 120G — GOLD EDITION \/ NO-JS ===== --\u003e\n\u003cstyle\u003e\n  .dn-flapjack-gold{\n    --text:#111;\n    --muted:#6b7280;\n    --card:#fff;\n    --soft:#f8fafc;\n    --border:#e5e7eb;\n\n    \/* GOLD THEME *\/\n    --accent:#C4993A;\n    --accent-dark:#A67827;\n\n    --radius:16px;\n    --shadow:0 8px 24px rgba(0,0,0,.08);\n\n    font-family:Inter,system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;\n    color:var(--text);\n    line-height:1.6;\n  }\n  .dn-flapjack-gold *{box-sizing:border-box}\n\n  .dn-flapjack-gold .wrap{\n    background:var(--card);\n    border:1px solid var(--border);\n    border-radius:var(--radius);\n    box-shadow:var(--shadow);\n    padding:22px;\n  }\n\n  .dn-flapjack-gold .product-title{\n    margin:0 0 6px;\n    font-size:22px;\n    font-weight:900;\n    text-align:center;\n    color:var(--accent);\n    letter-spacing:.02em;\n  }\n  .dn-flapjack-gold .subtitle{\n    margin:0 0 18px;\n    text-align:center;\n    color:var(--muted);\n    font-size:14px;\n  }\n\n  \/* ===== BADGES GOLD ===== *\/\n  .dn-flapjack-gold .badges{\n    display:grid;\n    grid-template-columns:repeat(3,minmax(0,1fr));\n    gap:12px;\n    margin:0 0 22px;\n  }\n  .dn-flapjack-gold .badge{\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    text-align:center;\n    min-height:48px;\n    padding:10px 14px;\n    border-radius:999px;\n    border:1px solid #d9c08a;\n    background:linear-gradient(145deg,#fff8e6,#f5e1b9);\n    box-shadow:0 2px 6px rgba(0,0,0,.05);\n    font-size:13.5px;\n    font-weight:900;\n    color:#7a5a1e;\n    transition:.22s ease;\n  }\n  .dn-flapjack-gold .badge:hover{\n    background:linear-gradient(145deg,var(--accent),var(--accent-dark));\n    color:#fff;\n    border-color:var(--accent-dark);\n    transform:translateY(-2px);\n  }\n  @media(max-width:900px){.dn-flapjack-gold .badges{grid-template-columns:repeat(2,1fr)}}\n  @media(max-width:520px){.dn-flapjack-gold .badges{grid-template-columns:1fr}}\n\n  \/* ===== SECTIONS ===== *\/\n  .dn-flapjack-gold h2{\n    font-size:18px;\n    margin:18px 0 8px;\n    color:var(--accent-dark);\n    text-transform:uppercase;\n    letter-spacing:.04em;\n  }\n  .dn-flapjack-gold .card{\n    background:var(--soft);\n    border:1px solid var(--border);\n    border-radius:12px;\n    padding:12px 14px;\n    margin:8px 0 14px;\n  }\n  .dn-flapjack-gold ul{margin:0 0 10px 18px}\n  .dn-flapjack-gold .note{font-size:12.5px;color:var(--muted);margin-top:6px}\n\n  \/* ===== TABS (NO JS) ===== *\/\n  .dn-flapjack-gold input[type=radio]{position:absolute;opacity:0;pointer-events:none}\n  .dn-flapjack-gold .tabs{margin-top:8px}\n  .dn-flapjack-gold .tab-controls{\n    display:grid;\n    grid-template-columns:repeat(2,1fr);\n    gap:8px;\n    margin:0 0 12px;\n  }\n  @media(max-width:720px){.dn-flapjack-gold .tab-controls{grid-template-columns:1fr}}\n  .dn-flapjack-gold .tab-label{\n    display:block;\n    text-align:center;\n    padding:10px;\n    border:1px solid var(--border);\n    border-radius:12px;\n    background:#fff;\n    font-weight:900;\n    cursor:pointer;\n    transition:.2s;\n    user-select:none;\n  }\n  .dn-flapjack-gold .tab-label:hover{border-color:var(--accent)}\n  .dn-flapjack-gold .tab-label:focus-visible{outline:2px solid var(--accent);outline-offset:2px}\n\n  \/* Namespaced IDs *\/\n  #flap_gold_tab1:checked ~ .tabs .lab1,\n  #flap_gold_tab2:checked ~ .tabs .lab2{\n    background:var(--accent);\n    color:#fff;\n    border-color:var(--accent-dark);\n  }\n  .dn-flapjack-gold .panel{display:none}\n  #flap_gold_tab1:checked ~ .tabs .panel1{display:block}\n  #flap_gold_tab2:checked ~ .tabs .panel2{display:block}\n\n  \/* ===== TABLE (NO OVERFLOW) ===== *\/\n  .dn-flapjack-gold .table-wrap{\n    width:100%;\n    border:1px solid var(--border);\n    border-radius:14px;\n    overflow:hidden;\n    background:#fff;\n    margin:8px 0 6px;\n  }\n  .dn-flapjack-gold table{\n    width:100%;\n    border-collapse:separate;\n    border-spacing:0;\n    table-layout:fixed;\n    font-size:14px;\n  }\n  .dn-flapjack-gold thead th{\n    padding:12px;\n    background:var(--accent);\n    color:#fff;\n    text-align:left;\n    font-weight:900;\n    word-break:break-word;\n  }\n  .dn-flapjack-gold tbody td{\n    padding:10px;\n    border-top:1px solid var(--border);\n    vertical-align:top;\n    word-break:break-word;\n    overflow-wrap:anywhere;\n  }\n  .dn-flapjack-gold tbody tr:nth-child(odd){background:#fffaf1}\n  .dn-flapjack-gold tbody tr:nth-child(even){background:#fff}\n  .dn-flapjack-gold tbody td:last-child{text-align:right}\n  .dn-flapjack-gold tbody td:first-child{font-weight:700}\n\n  .dn-flapjack-gold .t2 col:nth-child(1){width:52%}\n  .dn-flapjack-gold .t2 col:nth-child(2){width:48%}\n\n  .dn-flapjack-gold .chips{\n    display:grid;\n    grid-template-columns:repeat(2,minmax(0,1fr));\n    gap:8px;\n    margin-top:8px;\n  }\n  @media(max-width:640px){.dn-flapjack-gold .chips{grid-template-columns:1fr}}\n  .dn-flapjack-gold .chip{\n    border:1px solid var(--border);\n    border-radius:999px;\n    padding:8px 12px;\n    background:#fff;\n    font-weight:700;\n  }\n\u003c\/style\u003e\n\n\u003cdiv class=\"dn-flapjack-gold\" data-theme=\"gold\"\u003e\n  \u003cdiv class=\"wrap\" role=\"region\" aria-label=\"Flapjack 120 g Gold Edition\"\u003e\n    \u003ch1 class=\"product-title\"\u003e🍪 FlapJack — Barre à l’avoine 120 g\u003c\/h1\u003e\n    \u003cp class=\"subtitle\"\u003eFlocons d’avoine • Source de fibres • Texture tendre • Saveurs gourmandes\u003c\/p\u003e\n\n    \u003c!-- Badges --\u003e\n    \u003cdiv class=\"badges\" aria-hidden=\"true\" role=\"list\"\u003e\n      \u003cdiv class=\"badge\" role=\"listitem\"\u003e🌾 Avoine en 1er ingrédient\u003c\/div\u003e\n      \u003cdiv class=\"badge\" role=\"listitem\"\u003e🔥 +500 kcal \/ barre\u003c\/div\u003e\n      \u003cdiv class=\"badge\" role=\"listitem\"\u003e🌿 Source de fibres\u003c\/div\u003e\n      \u003cdiv class=\"badge\" role=\"listitem\"\u003e🚫 Sans édulcorants ajoutés\u003c\/div\u003e\n      \u003cdiv class=\"badge\" role=\"listitem\"\u003e🎒 Format individuel\u003c\/div\u003e\n      \u003cdiv class=\"badge\" role=\"listitem\"\u003e💥 Explosion de saveurs\u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Présentation --\u003e\n    \u003ch2\u003ePrésentation\u003c\/h2\u003e\n    \u003cdiv class=\"card\"\u003e\n      Le \u003cstrong\u003eFlapJack\u003c\/strong\u003e est une barre énergétique à base de \u003cstrong\u003eflocons d’avoine\u003c\/strong\u003e, avec\n      \u003cstrong\u003egarnitures\u003c\/strong\u003e et \u003cstrong\u003etoppings\u003c\/strong\u003e pour une texture incroyable et une saveur unique.\n      \u003cbr\u003e\u003cbr\u003e\n      Son format individuel permet de l’emporter partout : au travail, à la salle, en cours, en voyage ou simplement\n      comme \u003cstrong\u003ecollation pratique\u003c\/strong\u003e entre les repas.\n      \u003cbr\u003e\u003cbr\u003e\n      C’est le snack parfait pour celles et ceux qui recherchent une barre \u003cstrong\u003egourmande\u003c\/strong\u003e,\n      \u003cstrong\u003eriche en énergie\u003c\/strong\u003e et facile à intégrer au quotidien.\n    \u003c\/div\u003e\n\n    \u003c!-- Tabs --\u003e\n    \u003cinput type=\"radio\" name=\"tabs-flap-gold\" id=\"flap_gold_tab1\" checked\u003e\n    \u003cinput type=\"radio\" name=\"tabs-flap-gold\" id=\"flap_gold_tab2\"\u003e\n\n    \u003ch2\u003e📌 Détails\u003c\/h2\u003e\n    \u003cdiv class=\"tabs\" role=\"tablist\" aria-label=\"Détails FlapJack Gold\"\u003e\n      \u003cdiv class=\"tab-controls\"\u003e\n        \u003clabel class=\"tab-label lab1\" for=\"flap_gold_tab1\" role=\"tab\" aria-controls=\"flap-gold-panel1\"\u003e📋 Points forts\u003c\/label\u003e\n        \u003clabel class=\"tab-label lab2\" for=\"flap_gold_tab2\" role=\"tab\" aria-controls=\"flap-gold-panel2\"\u003e🍫 Saveurs \u0026amp; utilisation\u003c\/label\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- Panel 1 --\u003e\n      \u003cdiv class=\"panel panel1\" id=\"flap-gold-panel1\" role=\"tabpanel\" aria-labelledby=\"flap_gold_tab1\"\u003e\n        \u003cdiv class=\"table-wrap\"\u003e\n          \u003ctable aria-label=\"Caractéristiques FlapJack\"\u003e\n            \u003ccolgroup class=\"t2\"\u003e\n\u003ccol\u003e\n\u003ccol\u003e\n\u003c\/colgroup\u003e\n            \u003cthead\u003e\n              \u003ctr\u003e\n\u003cth\u003eCaractéristique\u003c\/th\u003e\n\u003cth\u003eDétail\u003c\/th\u003e\n\u003c\/tr\u003e\n            \u003c\/thead\u003e\n            \u003ctbody\u003e\n              \u003ctr\u003e\n\u003ctd\u003eBase\u003c\/td\u003e\n\u003ctd\u003eFlocons d’avoine\u003c\/td\u003e\n\u003c\/tr\u003e\n              \u003ctr\u003e\n\u003ctd\u003eFormat\u003c\/td\u003e\n\u003ctd\u003eBarre individuelle de \u003cstrong\u003e120 g\u003c\/strong\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n              \u003ctr\u003e\n\u003ctd\u003eÉnergie\u003c\/td\u003e\n\u003ctd\u003e\n\u003cstrong\u003ePlus de 500 kcal\u003c\/strong\u003e par barre\u003c\/td\u003e\n\u003c\/tr\u003e\n              \u003ctr\u003e\n\u003ctd\u003eFibres\u003c\/td\u003e\n\u003ctd\u003eSource de fibres\u003c\/td\u003e\n\u003c\/tr\u003e\n              \u003ctr\u003e\n\u003ctd\u003eÉdulcorants\u003c\/td\u003e\n\u003ctd\u003e\u003cstrong\u003eAucun édulcorant ajouté\u003c\/strong\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n              \u003ctr\u003e\n\u003ctd\u003eTexture\u003c\/td\u003e\n\u003ctd\u003eTendre, cohérente, agréable à température ambiante\u003c\/td\u003e\n\u003c\/tr\u003e\n              \u003ctr\u003e\n\u003ctd\u003eUtilisation\u003c\/td\u003e\n\u003ctd\u003eCollation, soutien calorique, snack pré\/post activité légère\u003c\/td\u003e\n\u003c\/tr\u003e\n            \u003c\/tbody\u003e\n          \u003c\/table\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"card\"\u003e\n          \u003cstrong\u003ePourquoi on l’aime :\u003c\/strong\u003e\u003cbr\u003e\n          • L’avoine apporte des \u003cstrong\u003eglucides complexes\u003c\/strong\u003e de qualité\u003cbr\u003e\n          • Format pratique et prêt à l’emploi\u003cbr\u003e\n          • Parfait pour les journées chargées ou les besoins caloriques plus élevés\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"card\"\u003e\n          \u003cstrong\u003ePour qui ?\u003c\/strong\u003e\u003cbr\u003e\n          Les sportifs, les personnes actives, les étudiants, les travailleurs en déplacement\n          et tous ceux qui veulent une \u003cstrong\u003ebarre rassasiante et gourmande\u003c\/strong\u003e.\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- Panel 2 --\u003e\n      \u003cdiv class=\"panel panel2\" id=\"flap-gold-panel2\" role=\"tabpanel\" aria-labelledby=\"flap_gold_tab2\"\u003e\n        \u003ch2\u003eSaveurs disponibles\u003c\/h2\u003e\n        \u003cdiv class=\"chips\"\u003e\n          \u003cdiv class=\"chip\"\u003e🤍 White Choco Rings\u003c\/div\u003e\n          \u003cdiv class=\"chip\"\u003e🥛 Yaourt \/ chocolat blanc\u003c\/div\u003e\n          \u003cdiv class=\"chip\"\u003e🍫 Chocolat blanc\u003c\/div\u003e\n          \u003cdiv class=\"chip\"\u003e🌰 Bonbom Rocher\u003c\/div\u003e\n          \u003cdiv class=\"chip\"\u003e🖤 Black Cookies\u003c\/div\u003e\n          \u003cdiv class=\"chip\"\u003e🍫 Triple Chocolat\u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"card\"\u003e\n          \u003cstrong\u003eDescriptions des saveurs :\u003c\/strong\u003e\u003cbr\u003e\n          • \u003cstrong\u003eWhite Choco Rings\u003c\/strong\u003e : contraste croquant + crémeux\u003cbr\u003e\n          • \u003cstrong\u003eYaourt\u003c\/strong\u003e : touche lactée douce et équilibrée\u003cbr\u003e\n          • \u003cstrong\u003eChocolat blanc\u003c\/strong\u003e : couche généreuse et gourmande\u003cbr\u003e\n          • \u003cstrong\u003eBonbom Rocher\u003c\/strong\u003e : profil chocolat-noisette aux notes grillées\u003cbr\u003e\n          • \u003cstrong\u003eBlack Cookies\u003c\/strong\u003e : chocolat noir + éclats croustillants\u003cbr\u003e\n          • \u003cstrong\u003eTriple Chocolat\u003c\/strong\u003e : chocolat au lait + copeaux chocolat blanc + garniture chocolat blanc\n        \u003c\/div\u003e\n\n        \u003ch2\u003eConseils d’utilisation\u003c\/h2\u003e\n        \u003cul\u003e\n          \u003cli\u003e☕ À savourer seule ou avec un café, un thé ou votre boisson préférée.\u003c\/li\u003e\n          \u003cli\u003e🎒 Idéale entre les repas, avant une promenade ou en collation complète.\u003c\/li\u003e\n          \u003cli\u003e🏋️ Convient aussi comme apport énergétique pratique lors de journées d’entraînement léger ou de prise de masse.\u003c\/li\u003e\n        \u003c\/ul\u003e\n\n        \u003cdiv class=\"card\"\u003e\n          \u003cstrong\u003eLe + :\u003c\/strong\u003e une vraie \u003cstrong\u003eexpérience gustative\u003c\/strong\u003e grâce aux garnitures et toppings,\n          sans compliquer votre routine quotidienne.\n        \u003c\/div\u003e\n\n        \u003cp class=\"note\"\u003eLes valeurs nutritionnelles exactes peuvent varier selon la saveur.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Conclusion --\u003e\n    \u003cdiv class=\"card\"\u003e\n      \u003cstrong\u003eEn résumé :\u003c\/strong\u003e le \u003cem\u003eFlapJack 120 g\u003c\/em\u003e est une barre à l’avoine \u003cstrong\u003eénergétique\u003c\/strong\u003e,\n      \u003cstrong\u003egourmande\u003c\/strong\u003e et \u003cstrong\u003epratique\u003c\/strong\u003e, idéale pour un boost de calories et de plaisir à tout moment de la journée. ✨\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e","brand":"IO Genix","offers":[{"title":"Chocolat Amazonico","offer_id":52542563942747,"sku":"1752","price":2.7,"currency_code":"EUR","in_stock":true},{"title":"Chocolat blanc Amazonico","offer_id":52542563975515,"sku":"1753","price":2.7,"currency_code":"EUR","in_stock":true},{"title":"Black Cookie","offer_id":52542564008283,"sku":"1754","price":2.7,"currency_code":"EUR","in_stock":true},{"title":"Yaourt","offer_id":52542564041051,"sku":"1755","price":2.7,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0754\/5477\/5643\/files\/flapjack-avoine-iogenix-oat-bar-chocolate-120g..png?v=1773066244"}],"url":"https:\/\/dragon-nutrition.fr\/collections\/barres-hypercaloriques.oembed","provider":"Dragon Nutrition ","version":"1.0","type":"link"}