{"id":547,"date":"2025-11-06T14:22:04","date_gmt":"2025-11-06T13:22:04","guid":{"rendered":"https:\/\/aupanierchampenois.fr\/?page_id=547"},"modified":"2025-11-10T17:59:25","modified_gmt":"2025-11-10T16:59:25","slug":"nos-produits","status":"publish","type":"page","link":"https:\/\/aupanierchampenois.fr\/index.php\/nos-produits\/","title":{"rendered":"Nos produits"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"547\" class=\"elementor elementor-547\">\n\t\t\t\t<div class=\"aux-parallax-section elementor-element elementor-element-78bf932 e-flex e-con-boxed e-con e-parent\" data-id=\"78bf932\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ec270d5 elementor-widget elementor-widget-html\" data-id=\"ec270d5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"apc-catalog\" class=\"apc\" style=\"margin-top:180px;\">\r\n  <div class=\"apc-topbar\">\r\n    <div class=\"apc-brand\">\r\n      <strong>Au Panier Champenois<\/strong>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"apc-body\">\r\n    <aside class=\"apc-sidebar\" aria-label=\"Rayons\">\r\n      <button class=\"apc-side-toggle\" id=\"apc-side-toggle\" aria-expanded=\"false\">\u2630 Rayons<\/button>\r\n      <nav id=\"apc-cats\" class=\"apc-cats\" role=\"tree\"><\/nav>\r\n    <\/aside>\r\n\r\n    <main class=\"apc-main\">\r\n      <div class=\"apc-hero\" id=\"apc-hero\">\r\n        <div class=\"apc-hero-head\">\r\n         \r\n          <button id=\"apc-back\" class=\"apc-back\" aria-label=\"Retour\" hidden>\r\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\r\n              <path d=\"M15 18l-6-6 6-6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n          <\/button>\r\n          <div class=\"apc-hero-titles\">\r\n            <h2 id=\"apc-hero-title\">Bienvenue<\/h2>\r\n            <p id=\"apc-hero-sub\">Parcourez nos rayons<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"apc-breadcrumbs\" id=\"apc-crumbs\" aria-label=\"Fil d\u2019Ariane\"><\/div>\r\n      <section id=\"apc-tiles\" class=\"apc-tiles fade-zone\" aria-live=\"polite\"><\/section>\r\n      <section id=\"apc-products\" class=\"apc-products fade-zone\" hidden aria-live=\"polite\"><\/section>\r\n    <\/main>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  #apc-catalog{\r\n    --apc-bg:#fff; --apc-txt:#222; --apc-muted:#6b7280;\r\n    --apc-brand:;\r\n    --apc-border:#e5e7eb; --apc-pill:#f3f4f6;\r\n    --apc-shadow:0 1px 2px rgba(0,0,0,.06), 0 4px 12px rgba(0,0,0,.06);\r\n    font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,\"Helvetica Neue\",Arial,sans-serif;\r\n    color:var(--apc-txt); background:var(--apc-bg);\r\n    border:1px solid var(--apc-border); border-radius:12px; overflow:hidden; position:relative;\r\n  }\r\n  #apc-catalog *{ box-sizing:border-box }\r\n\r\n  \r\n  #apc-catalog img{\r\n    display:block;          \r\n    max-width:100%;\r\n    height:auto;            \r\n    background:#f2f4f5;\r\n  }\r\n\r\n  .apc-topbar{\r\n    display:flex; justify-content:center; align-items:center;\r\n    padding:.75rem 1rem; border-bottom:1px solid var(--apc-border);\r\n    background:linear-gradient(180deg,#fff,#fafafa);\r\n  }\r\n  .apc-brand strong{ color:var(--apc-brand); font-size:1.25rem; font-weight:700; letter-spacing:.3px; }\r\n\r\n  .apc-body{ display:grid; grid-template-columns:260px 1fr; min-height:520px; }\r\n  .apc-sidebar{ border-right:1px solid var(--apc-border); background:#fcfcfc; }\r\n  .apc-side-toggle{ display:none; width:100%; text-align:left; padding:.7rem 1rem; border:0; background:#fff; border-bottom:1px solid var(--apc-border) }\r\n  .apc-cats{ padding:.5rem; overflow:auto }\r\n  .apc-cat{ display:flex; align-items:center; gap:.6rem; width:100%; padding:.55rem .6rem; border:0; background:transparent; border-radius:10px; cursor:pointer }\r\n  .apc-cat[aria-selected=\"true\"], .apc-cat:hover{ background:var(--apc-brand); color:#333; }\r\n\r\n  \r\n  .apc-cat img{\r\n    width:28px; height:28px;              \r\n    object-fit:cover;\r\n    border-radius:6px; border:1px solid var(--apc-border); background:#fff;\r\n  }\r\n\r\n  .apc-main{ padding:1rem }\r\n  .apc-hero{\r\n    background:radial-gradient(1200px 300px at 20% -20%, rgba(250,240,230,.5), transparent), #fff;\r\n    border:1px solid var(--apc-border); border-radius:12px; padding:1rem 1.2rem; margin-bottom:.8rem;\r\n  }\r\n  .apc-hero-head{ display:flex; align-items:center; gap:.6rem }\r\n\r\n  \r\n  .apc-back{\r\n    display:inline-flex; align-items:center; justify-content:center;\r\n    width:40px; height:40px;\r\n    border:1px solid var(--apc-border);\r\n    background:#fff;\r\n    border-radius:12px;\r\n    box-shadow:var(--apc-shadow);\r\n    color:#111;                               \r\n    cursor:pointer;\r\n    transition:transform .15s ease, box-shadow .15s ease, background .15s ease, border-color .15s ease;\r\n    padding:0;                                \r\n  }\r\n  .apc-back svg{ width:22px; height:22px; }\r\n\r\n  .apc-back:hover{\r\n    transform:translateX(-1px);\r\n    background:#f8fafc;\r\n    border-color:#d1d5db;\r\n    box-shadow:0 2px 6px rgba(0,0,0,.08), 0 8px 20px rgba(0,0,0,.06);\r\n  }\r\n  .apc-back:focus-visible{\r\n    outline:3px solid color-mix(in oklab, var(--apc-brand, #0ea5e9) 60%, #fff 0%);\r\n    outline-offset:2px;\r\n  }\r\n  .apc-back:active{ transform:translateX(-2px); }\r\n\r\n  \r\n  @media (hover:none){\r\n    .apc-back:hover{ transform:none; }\r\n  }\r\n\r\n  .apc-breadcrumbs{ display:flex; gap:.35rem; flex-wrap:wrap; margin:.6rem 0 .8rem }\r\n  .apc-crumb{ background:var(--apc-pill); border:1px solid var(--apc-border); border-radius:999px; padding:.2rem .6rem; font-size:.9rem }\r\n  .apc-crumb a{ color:inherit; text-decoration:none }\r\n\r\n  .apc-tiles{ display:grid; grid-template-columns:repeat(auto-fill,minmax(180px,1fr)); gap:.8rem }\r\n  .apc-tile{ display:flex; flex-direction:column; gap:.5rem; border:1px solid var(--apc-border); border-radius:12px; overflow:hidden; background:#fff; box-shadow:var(--apc-shadow); cursor:pointer; transition:.2s }\r\n  .apc-tile:hover{ transform:scale(1.03) }\r\n\r\n  \r\n  .apc-tile .apc-tile-media{\r\n    aspect-ratio:16\/10;      \r\n    overflow:hidden;\r\n    background:#f2f4f5;\r\n  }\r\n  .apc-tile .apc-tile-media img{\r\n    width:100%; height:100%; object-fit:cover;\r\n  }\r\n\r\n  .apc-tile h3{ font-size:1rem; margin:0; padding:.6rem .75rem .1rem }\r\n  .apc-tile p{ color:var(--apc-muted); font-size:.9rem; margin:0; padding:0 .75rem .75rem }\r\n\r\n  .apc-products{ display:grid; grid-template-columns:repeat(auto-fill,minmax(200px,1fr)); gap:.8rem; margin-top:.5rem }\r\n  .apc-card{ border:1px solid var(--apc-border); border-radius:12px; background:#fff; overflow:hidden; display:flex; flex-direction:column; box-shadow:var(--apc-shadow) }\r\n\r\n  \r\n  .apc-card .apc-img{\r\n    aspect-ratio:1\/1;\r\n    overflow:hidden;\r\n    background:#f6f7f9;\r\n  }\r\n  .apc-card .apc-img img{\r\n    width:100%; height:100%; object-fit:cover;\r\n  }\r\n\r\n  .apc-card .apc-info{ padding:.6rem .7rem }\r\n  .apc-card .apc-unit{ color:var(--apc-muted); font-size:.9rem }\r\n\r\n \r\n  .fade-zone{ opacity:0; transition:opacity .35s ease }\r\n  .fade-zone.visible{ opacity:1 }\r\n\r\n  @media (max-width:860px){\r\n    .apc-body{ grid-template-columns:1fr }\r\n    .apc-side-toggle{ display:block }\r\n    .apc-cats{ display:none }\r\n    .apc-cats.open{ display:block }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n(() => {\r\n  const $=(s,r=document)=>r.querySelector(s);\r\n  const state={path:[]};\r\n\r\n  const catsNav=$(\"#apc-cats\"), tiles=$(\"#apc-tiles\"), products=$(\"#apc-products\"),\r\n        crumbs=$(\"#apc-crumbs\"), heroTitle=$(\"#apc-hero-title\"), heroSub=$(\"#apc-hero-sub\"),\r\n        back=$(\"#apc-back\"), sideToggle=$(\"#apc-side-toggle\");\r\n\r\n \r\n  const DATA={categories:[\r\n    {id:\"viandes-poissons\",label:\"Viandes & Poissons\",image:\"https:\/\/aupanierchampenois.fr\/wp-content\/uploads\/2025\/11\/Viandes-et-poissons.jpg\",description:\"Boucherie et poissonnerie\",\r\n      children:[\r\n        {id:\"boucherie\",label:\"Boucherie\",image:\"https:\/\/aupanierchampenois.fr\/wp-content\/uploads\/2025\/11\/boucherie.jpg\",\r\n          products:[{name:\"Rumsteck\",unit:\"kg\",image:\"https:\/\/picsum.photos\/seed\/rumsteck\/800\/800\"},\r\n                    {name:\"Blanc de poulet\",unit:\"kg\",image:\"https:\/\/picsum.photos\/seed\/poulet\/800\/800\"}]},\r\n        {id:\"poissonnerie\",label:\"Poissonnerie\",image:\"https:\/\/aupanierchampenois.fr\/wp-content\/uploads\/2025\/11\/poissonneries.jpg\",\r\n          products:[{name:\"Pav\u00e9 de saumon\",unit:\"kg\",image:\"https:\/\/picsum.photos\/seed\/saumon\/800\/800\"},\r\n                    {name:\"Dos de cabillaud\",unit:\"kg\",image:\"https:\/\/picsum.photos\/seed\/cabillaud\/800\/800\"}]}\r\n      ]},\r\n    {id:\"fruits-legumes\",label:\"Fruits & L\u00e9gumes\",image:\"https:\/\/aupanierchampenois.fr\/wp-content\/uploads\/2025\/11\/Fruits-legumes.jpg\",description:\"Fruits et l\u00e9gumes frais\",\r\n      children:[\r\n        {id:\"fruits\",label:\"Fruits\",image:\"https:\/\/aupanierchampenois.fr\/wp-content\/uploads\/2025\/11\/fruits.jpg\",\r\n          products:[{name:\"Pommes Gala\",unit:\"kg\",image:\"https:\/\/picsum.photos\/seed\/pommes\/800\/800\"},\r\n                    {name:\"Bananes\",unit:\"kg\",image:\"https:\/\/picsum.photos\/seed\/bananes\/800\/800\"}]},\r\n        {id:\"legumes\",label:\"L\u00e9gumes\",image:\"https:\/\/aupanierchampenois.fr\/wp-content\/uploads\/2025\/11\/legumes.jpg\",\r\n          products:[{name:\"Carottes\",unit:\"kg\",image:\"https:\/\/picsum.photos\/seed\/carottes\/800\/800\"},\r\n                    {name:\"Tomates grappe\",unit:\"kg\",image:\"https:\/\/picsum.photos\/seed\/tomates\/800\/800\"}]}\r\n      ]},\r\n    {id:\"pains\",label:\"Pains\",image:\"https:\/\/aupanierchampenois.fr\/wp-content\/uploads\/2025\/11\/pains.jpg\",description:\"Boulangerie artisanale\",\r\n      children:[\r\n        {id:\"boulangerie\",label:\"Boulangerie\",image:\"https:\/\/picsum.photos\/seed\/boulangerie\/800\/500\",\r\n          products:[{name:\"Baguette tradition\",unit:\"pi\u00e8ce\",image:\"https:\/\/picsum.photos\/seed\/baguette\/800\/800\"},\r\n                    {name:\"Pain de campagne\",unit:\"pi\u00e8ce\",image:\"https:\/\/picsum.photos\/seed\/campagne\/800\/800\"}]}\r\n      ]},\r\n    {id:\"laitiers-oeufs\",label:\"Laitiers & \u0152ufs\",image:\"https:\/\/aupanierchampenois.fr\/wp-content\/uploads\/2025\/11\/produits-laitiers.jpg\",description:\"Produits laitiers locaux\",\r\n      children:[\r\n        {id:\"fromages\",label:\"Fromages\",image:\"https:\/\/picsum.photos\/seed\/fromages\/800\/500\",\r\n          products:[{name:\"Brie de Meaux\",unit:\"kg\",image:\"https:\/\/picsum.photos\/seed\/brie\/800\/800\"},\r\n                    {name:\"Camembert\",unit:\"pi\u00e8ce\",image:\"https:\/\/picsum.photos\/seed\/camembert\/800\/800\"}]},\r\n        {id:\"cremerie\",label:\"Cr\u00e8merie & \u0152ufs\",image:\"https:\/\/picsum.photos\/seed\/cremerie\/800\/500\",\r\n          products:[{name:\"Yaourt nature\",unit:\"lot\",image:\"https:\/\/picsum.photos\/seed\/yaourt\/800\/800\"},\r\n                    {name:\"\u0152ufs plein air\",unit:\"bo\u00eete\",image:\"https:\/\/picsum.photos\/seed\/oeufs\/800\/800\"}]}\r\n      ]},\r\n    {id:\"epicerie-salee\",label:\"\u00c9picerie sal\u00e9e\",image:\"https:\/\/aupanierchampenois.fr\/wp-content\/uploads\/2025\/11\/epicerie-saled.jpg\",description:\"Conserves, p\u00e2tes, riz et sauces\",\r\n      children:[\r\n        {id:\"pates-riz\",label:\"P\u00e2tes & Riz\",image:\"https:\/\/picsum.photos\/seed\/pates\/800\/500\",\r\n          products:[{name:\"Penne\",unit:\"500g\",image:\"https:\/\/picsum.photos\/seed\/penne\/800\/800\"},\r\n                    {name:\"Riz basmati\",unit:\"1kg\",image:\"https:\/\/picsum.photos\/seed\/riz\/800\/800\"}]},\r\n        {id:\"sauces\",label:\"Sauces & Conserves\",image:\"https:\/\/picsum.photos\/seed\/sauces\/800\/500\",\r\n          products:[{name:\"Coulis de tomate\",unit:\"bouteille\",image:\"https:\/\/picsum.photos\/seed\/coulis\/800\/800\"},\r\n                    {name:\"Petits pois carottes\",unit:\"bo\u00eete\",image:\"https:\/\/picsum.photos\/seed\/pois\/800\/800\"}]}\r\n      ]},\r\n    {id:\"epicerie-sucree\",label:\"\u00c9picerie sucr\u00e9e\",image:\"https:\/\/aupanierchampenois.fr\/wp-content\/uploads\/2025\/11\/epicerie-sucree.jpg\",description:\"Biscuits, confitures, c\u00e9r\u00e9ales\",\r\n      children:[\r\n        {id:\"biscuits\",label:\"Biscuits & G\u00e2teaux\",image:\"https:\/\/picsum.photos\/seed\/biscuits\/800\/500\",\r\n          products:[{name:\"Sabl\u00e9s pur beurre\",unit:\"paquet\",image:\"https:\/\/picsum.photos\/seed\/sables\/800\/800\"},\r\n                    {name:\"Madeleines\",unit:\"paquet\",image:\"https:\/\/picsum.photos\/seed\/madeleines\/800\/800\"}]},\r\n        {id:\"petit-dej\",label:\"Petit-d\u00e9jeuner\",image:\"https:\/\/picsum.photos\/seed\/petitdej\/800\/500\",\r\n          products:[{name:\"C\u00e9r\u00e9ales croustillantes\",unit:\"bo\u00eete\",image:\"https:\/\/picsum.photos\/seed\/cereales\/800\/800\"},\r\n                    {name:\"Confiture fraise\",unit:\"pot\",image:\"https:\/\/picsum.photos\/seed\/confiture\/800\/800\"}]}\r\n      ]},\r\n    {id:\"boissons\",label:\"Boissons\",image:\"https:\/\/aupanierchampenois.fr\/wp-content\/uploads\/2025\/11\/jus.jpg\",description:\"Eaux, jus, sodas et sirops\",\r\n      children:[\r\n        {id:\"eaux\",label:\"Eaux & Bulles\",image:\"https:\/\/picsum.photos\/seed\/eaux\/800\/500\",\r\n          products:[{name:\"Eau de source\",unit:\"6x1,5L\",image:\"https:\/\/picsum.photos\/seed\/eau\/800\/800\"},\r\n                    {name:\"Eau p\u00e9tillante\",unit:\"6x1L\",image:\"https:\/\/picsum.photos\/seed\/petillante\/800\/800\"}]},\r\n        {id:\"jus\",label:\"Jus & Nectars\",image:\"https:\/\/picsum.photos\/seed\/jus\/800\/500\",\r\n          products:[{name:\"Jus d\u2019orange\",unit:\"1L\",image:\"https:\/\/picsum.photos\/seed\/jusorange\/800\/800\"},\r\n                    {name:\"Jus de pomme\",unit:\"1L\",image:\"https:\/\/picsum.photos\/seed\/juspomme\/800\/800\"}]}\r\n      ]},\r\n    {id:\"bio\",label:\"Bio\",image:\"https:\/\/aupanierchampenois.fr\/wp-content\/uploads\/2025\/11\/logo-bio.png\",description:\"Produits certifi\u00e9s biologiques\",\r\n      children:[\r\n        {id:\"bio-frais\",label:\"Frais bio\",image:\"https:\/\/picsum.photos\/seed\/biofrais\/800\/500\",\r\n          products:[{name:\"Yaourt bio nature\",unit:\"lot\",image:\"https:\/\/picsum.photos\/seed\/yaourtbio\/800\/800\"},\r\n                    {name:\"Lait bio demi-\u00e9cr\u00e9m\u00e9\",unit:\"1L\",image:\"https:\/\/picsum.photos\/seed\/laitbio\/800\/800\"}]}\r\n      ]},\r\n    {id:\"hygiene-beaute\",label:\"Hygi\u00e8ne & Beaut\u00e9\",image:\"https:\/\/aupanierchampenois.fr\/wp-content\/uploads\/2025\/11\/hygiene-et-beaute.jpg\",description:\"Soins du corps et cheveux\",\r\n      children:[\r\n        {id:\"corps\",label:\"Soins du corps\",image:\"https:\/\/picsum.photos\/seed\/corps\/800\/500\",\r\n          products:[{name:\"Gel douche\",unit:\"flacon\",image:\"https:\/\/picsum.photos\/seed\/gel\/800\/800\"},\r\n                    {name:\"Cr\u00e8me hydratante\",unit:\"tube\",image:\"https:\/\/picsum.photos\/seed\/creme\/800\/800\"}]},\r\n        {id:\"cheveux\",label:\"Cheveux\",image:\"https:\/\/picsum.photos\/seed\/cheveux\/800\/500\",\r\n          products:[{name:\"Shampooing doux\",unit:\"flacon\",image:\"https:\/\/picsum.photos\/seed\/shampooing\/800\/800\"},\r\n                    {name:\"Apr\u00e8s-shampooing\",unit:\"flacon\",image:\"https:\/\/picsum.photos\/seed\/apres\/800\/800\"}]}\r\n      ]},\r\n    {id:\"entretien\",label:\"Entretien\",image:\"https:\/\/aupanierchampenois.fr\/wp-content\/uploads\/2025\/11\/produit-dentretien.jpg\",description:\"Nettoyants, lessives et maison\",\r\n      children:[\r\n        {id:\"nettoyants\",label:\"Nettoyants\",image:\"https:\/\/picsum.photos\/seed\/nettoyants\/800\/500\",\r\n          products:[{name:\"Nettoyant multi-usage\",unit:\"spray\",image:\"https:\/\/picsum.photos\/seed\/nettoyant\/800\/800\"},\r\n                    {name:\"Nettoyant vitres\",unit:\"spray\",image:\"https:\/\/picsum.photos\/seed\/vitres\/800\/800\"}]},\r\n        {id:\"linge\",label:\"Entretien du linge\",image:\"https:\/\/picsum.photos\/seed\/linge\/800\/500\",\r\n          products:[{name:\"Lessive liquide\",unit:\"bouteille\",image:\"https:\/\/picsum.photos\/seed\/lessive\/800\/800\"},\r\n                    {name:\"Adoucissant\",unit:\"bouteille\",image:\"https:\/\/picsum.photos\/seed\/adoucissant\/800\/800\"}]}\r\n      ]},\r\n    {id:\"animalerie\",label:\"Animalerie\",image:\"https:\/\/aupanierchampenois.fr\/wp-content\/uploads\/2025\/11\/produit-animaux.jpg\",description:\"Produits pour chiens et chats\",\r\n      children:[\r\n        {id:\"chien\",label:\"Chien\",image:\"https:\/\/picsum.photos\/seed\/chien\/800\/500\",\r\n          products:[{name:\"Croquettes chien\",unit:\"sac\",image:\"https:\/\/picsum.photos\/seed\/croquetteschien\/800\/800\"},\r\n                    {name:\"Friandises chien\",unit:\"sachet\",image:\"https:\/\/picsum.photos\/seed\/friandiseschien\/800\/800\"}]},\r\n        {id:\"chat\",label:\"Chat\",image:\"https:\/\/picsum.photos\/seed\/chat\/800\/500\",\r\n          products:[{name:\"Croquettes chat\",unit:\"sac\",image:\"https:\/\/picsum.photos\/seed\/croquetteschat\/800\/800\"},\r\n                    {name:\"Liti\u00e8re min\u00e9rale\",unit:\"sac\",image:\"https:\/\/picsum.photos\/seed\/litiere\/800\/800\"}]}\r\n      ]}\r\n  ]};\r\n\r\n\r\n  const fadeIn = el => el.classList.add(\"visible\");\r\n  const fadeOut = el => el.classList.remove(\"visible\");\r\n\r\n  function getCurrent(){\r\n    const [c,s]=state.path;\r\n    const top = DATA.categories.find(x=>x.id===c);\r\n    const sub = top?.children?.find(x=>x.id===s);\r\n    return {top,sub};\r\n  }\r\n\r\n  function renderSidebar(){\r\n    catsNav.innerHTML=\"\";\r\n    DATA.categories.forEach(cat=>{\r\n      const b=document.createElement(\"button\");\r\n      b.className=\"apc-cat\";\r\n      b.setAttribute(\"aria-selected\", String(state.path[0]===cat.id));\r\n      b.innerHTML=`\r\n        <img loading=\"lazy\" src=\"${cat.image}\" alt=\"\" loading=\"lazy\" decoding=\"async\" width=\"28\" height=\"28\">\r\n        <div><div>${cat.label}<\/div><\/div>\r\n      `;\r\n      b.onclick=()=>{ state.path=[cat.id]; update(); };\r\n      catsNav.appendChild(b);\r\n    });\r\n  }\r\n\r\n  function tile(title, desc, image){\r\n    const a=document.createElement(\"article\");\r\n    a.className=\"apc-tile\";\r\n    a.innerHTML = `\r\n      <div class=\"apc-tile-media\">\r\n        <img loading=\"lazy\" src=\"${image}\" alt=\"\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"500\">\r\n      <\/div>\r\n      <h3>${title}<\/h3>\r\n      <p>${desc || \"\"}<\/p>\r\n    `;\r\n    return a;\r\n  }\r\n\r\n  function render(){\r\n    fadeOut(tiles); fadeOut(products);\r\n\r\n    setTimeout(()=>{\r\n      const {top, sub} = getCurrent();\r\n\r\n     \r\n      tiles.innerHTML=\"\"; products.innerHTML=\"\";\r\n      products.hidden=true; tiles.hidden=false;\r\n\r\n  \r\n      back.hidden = state.path.length===0;\r\n      back.onclick = ()=>{\r\n        if(state.path.length===2) state.path=[state.path[0]];\r\n        else state.path=[];\r\n        update();\r\n      };\r\n\r\n      \r\n      crumbs.innerHTML =\r\n        `<span class=\"apc-crumb\"><a href=\"#\" data-goto=\"\">Accueil<\/a><\/span>`+\r\n        (top?`<span class=\"apc-crumb\"><a href=\"#\" data-goto=\"${top.id}\">${top.label}<\/a><\/span>`:\"\")+\r\n        (sub?`<span class=\"apc-crumb\">${sub.label}<\/span>`:\"\");\r\n      crumbs.querySelectorAll(\"[data-goto]\").forEach(a=>{\r\n        a.onclick=(e)=>{ e.preventDefault(); state.path = a.dataset.goto ? [a.dataset.goto] : []; update(); };\r\n      });\r\n\r\n      \/\/ niveau 0\r\n      if(!top){\r\n        heroTitle.textContent=\"Rayons\";\r\n        heroSub.textContent=\"Choisissez un rayon\";\r\n        DATA.categories.forEach(c=>{\r\n          const el = tile(c.label, c.description, c.image);\r\n          el.onclick=()=>{ state.path=[c.id]; update(); };\r\n          tiles.appendChild(el);\r\n        });\r\n        fadeIn(tiles);\r\n        return;\r\n      }\r\n\r\n      \/\/ niveau 1\r\n      if(!sub){\r\n        heroTitle.textContent = top.label;\r\n        heroSub.textContent = top.description || \"\";\r\n        (top.children||[]).forEach(sc=>{\r\n          const el = tile(sc.label, `${(sc.products||[]).length} produits`, sc.image);\r\n          el.onclick=()=>{ state.path=[top.id, sc.id]; update(); };\r\n          tiles.appendChild(el);\r\n        });\r\n        fadeIn(tiles);\r\n        return;\r\n      }\r\n\r\n      \/\/ niveau 2\r\n      heroTitle.textContent = sub.label;\r\n      heroSub.textContent = top.label;\r\n      tiles.hidden=true; products.hidden=false;\r\n\r\n      products.innerHTML = (sub.products||[]).map(p=>`\r\n        <article class=\"apc-card\">\r\n          <div class=\"apc-img\">\r\n            <img loading=\"lazy\" src=\"${p.image}\" alt=\"\" loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"800\">\r\n          <\/div>\r\n          <div class=\"apc-info\">\r\n            <strong>${p.name}<\/strong>\r\n            ${p.unit?`<div class=\"apc-unit\">${p.unit}<\/div>`:\"\"}\r\n          <\/div>\r\n        <\/article>\r\n      `).join(\"\");\r\n\r\n      fadeIn(products);\r\n    }, 180);\r\n  }\r\n\r\n  \/\/ menu lat\u00e9ral mobile\r\n  sideToggle.onclick=()=>{\r\n    const isOpen=catsNav.classList.toggle(\"open\");\r\n    sideToggle.setAttribute(\"aria-expanded\", String(isOpen));\r\n  };\r\n\r\n  function update(){ renderSidebar(); render(); }\r\n  update();\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Au Panier Champenois \u2630 Rayons Bienvenue Parcourez nos rayons<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-547","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Nos produits - Au Panier Champenois<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/aupanierchampenois.fr\/index.php\/nos-produits\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Nos produits - Au Panier Champenois\" \/>\n<meta property=\"og:description\" content=\"Au Panier Champenois \u2630 Rayons Bienvenue Parcourez nos rayons\" \/>\n<meta property=\"og:url\" content=\"https:\/\/aupanierchampenois.fr\/index.php\/nos-produits\/\" \/>\n<meta property=\"og:site_name\" content=\"Au Panier Champenois\" \/>\n<meta property=\"article:modified_time\" content=\"2025-11-10T16:59:25+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/aupanierchampenois.fr\\\/index.php\\\/nos-produits\\\/\",\"url\":\"https:\\\/\\\/aupanierchampenois.fr\\\/index.php\\\/nos-produits\\\/\",\"name\":\"Nos produits - Au Panier Champenois\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/aupanierchampenois.fr\\\/#website\"},\"datePublished\":\"2025-11-06T13:22:04+00:00\",\"dateModified\":\"2025-11-10T16:59:25+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/aupanierchampenois.fr\\\/index.php\\\/nos-produits\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/aupanierchampenois.fr\\\/index.php\\\/nos-produits\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/aupanierchampenois.fr\\\/index.php\\\/nos-produits\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/aupanierchampenois.fr\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Nos produits\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/aupanierchampenois.fr\\\/#website\",\"url\":\"https:\\\/\\\/aupanierchampenois.fr\\\/\",\"name\":\"Au Panier Champenois\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/aupanierchampenois.fr\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/aupanierchampenois.fr\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/aupanierchampenois.fr\\\/#organization\",\"name\":\"Au Panier Champenois\",\"url\":\"https:\\\/\\\/aupanierchampenois.fr\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/aupanierchampenois.fr\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/aupanierchampenois.fr\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/image-1.png\",\"contentUrl\":\"https:\\\/\\\/aupanierchampenois.fr\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/image-1.png\",\"width\":1920,\"height\":1920,\"caption\":\"Au Panier Champenois\"},\"image\":{\"@id\":\"https:\\\/\\\/aupanierchampenois.fr\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Nos produits - Au Panier Champenois","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/aupanierchampenois.fr\/index.php\/nos-produits\/","og_locale":"fr_FR","og_type":"article","og_title":"Nos produits - Au Panier Champenois","og_description":"Au Panier Champenois \u2630 Rayons Bienvenue Parcourez nos rayons","og_url":"https:\/\/aupanierchampenois.fr\/index.php\/nos-produits\/","og_site_name":"Au Panier Champenois","article_modified_time":"2025-11-10T16:59:25+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/aupanierchampenois.fr\/index.php\/nos-produits\/","url":"https:\/\/aupanierchampenois.fr\/index.php\/nos-produits\/","name":"Nos produits - Au Panier Champenois","isPartOf":{"@id":"https:\/\/aupanierchampenois.fr\/#website"},"datePublished":"2025-11-06T13:22:04+00:00","dateModified":"2025-11-10T16:59:25+00:00","breadcrumb":{"@id":"https:\/\/aupanierchampenois.fr\/index.php\/nos-produits\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/aupanierchampenois.fr\/index.php\/nos-produits\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/aupanierchampenois.fr\/index.php\/nos-produits\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/aupanierchampenois.fr\/"},{"@type":"ListItem","position":2,"name":"Nos produits"}]},{"@type":"WebSite","@id":"https:\/\/aupanierchampenois.fr\/#website","url":"https:\/\/aupanierchampenois.fr\/","name":"Au Panier Champenois","description":"","publisher":{"@id":"https:\/\/aupanierchampenois.fr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/aupanierchampenois.fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/aupanierchampenois.fr\/#organization","name":"Au Panier Champenois","url":"https:\/\/aupanierchampenois.fr\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/aupanierchampenois.fr\/#\/schema\/logo\/image\/","url":"https:\/\/aupanierchampenois.fr\/wp-content\/uploads\/2025\/09\/image-1.png","contentUrl":"https:\/\/aupanierchampenois.fr\/wp-content\/uploads\/2025\/09\/image-1.png","width":1920,"height":1920,"caption":"Au Panier Champenois"},"image":{"@id":"https:\/\/aupanierchampenois.fr\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/aupanierchampenois.fr\/index.php\/wp-json\/wp\/v2\/pages\/547","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aupanierchampenois.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/aupanierchampenois.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/aupanierchampenois.fr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/aupanierchampenois.fr\/index.php\/wp-json\/wp\/v2\/comments?post=547"}],"version-history":[{"count":46,"href":"https:\/\/aupanierchampenois.fr\/index.php\/wp-json\/wp\/v2\/pages\/547\/revisions"}],"predecessor-version":[{"id":615,"href":"https:\/\/aupanierchampenois.fr\/index.php\/wp-json\/wp\/v2\/pages\/547\/revisions\/615"}],"wp:attachment":[{"href":"https:\/\/aupanierchampenois.fr\/index.php\/wp-json\/wp\/v2\/media?parent=547"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}