{"title":"Collection Mielbrut","description":"\u003cbody\u003e\n\n\n\n  \u003cmeta charset=\"UTF-8\"\u003e\n\n  \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\n  \u003ctitle\u003eMielbrut Miel, Savon \u0026amp; Collection de Cire d'Abeille\u003c\/title\u003e\n\n  \u003cstyle\u003e\n    :root {\n      --honey: #f5a800;\n      --honey-deep: #c77400;\n      --amber: #8a4b12;\n      --cream: #fff7df;\n      --cream-2: #fff1c2;\n      --wax: #ffd86b;\n      --charcoal: #21160c;\n      --leaf: #395c35;\n      --rose: #c66a4b;\n      --card: rgba(255, 255, 255, 0.72);\n      --glass: rgba(255, 250, 235, 0.64);\n      --border: rgba(255, 214, 111, 0.42);\n      --shadow: 0 24px 70px rgba(96, 50, 0, 0.22);\n    }\n\n    * {\n      box-sizing: border-box;\n    }\n\n    html {\n      scroll-behavior: smooth;\n    }\n\n    body {\n      margin: 0;\n      min-height: 100vh;\n      font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n      color: var(--charcoal);\n      background:\n        radial-gradient(circle at 10% 10%, rgba(255, 216, 107, 0.55), transparent 22rem),\n        radial-gradient(circle at 90% 5%, rgba(255, 171, 46, 0.38), transparent 24rem),\n        radial-gradient(circle at 50% 100%, rgba(117, 74, 28, 0.25), transparent 30rem),\n        linear-gradient(135deg, #fff9e8 0%, #fff2c9 38%, #ffe2a3 100%);\n      overflow-x: hidden;\n    }\n\n    body::before {\n      content: \"\";\n      position: fixed;\n      inset: 0;\n      pointer-events: none;\n      opacity: 0.18;\n      background-image:\n        linear-gradient(30deg, rgba(139, 78, 16, 0.2) 12%, transparent 12.5%, transparent 87%, rgba(139, 78, 16, 0.2) 87.5%, rgba(139, 78, 16, 0.2)),\n        linear-gradient(150deg, rgba(139, 78, 16, 0.2) 12%, transparent 12.5%, transparent 87%, rgba(139, 78, 16, 0.2) 87.5%, rgba(139, 78, 16, 0.2)),\n        linear-gradient(30deg, rgba(139, 78, 16, 0.2) 12%, transparent 12.5%, transparent 87%, rgba(139, 78, 16, 0.2) 87.5%, rgba(139, 78, 16, 0.2)),\n        linear-gradient(150deg, rgba(139, 78, 16, 0.2) 12%, transparent 12.5%, transparent 87%, rgba(139, 78, 16, 0.2) 87.5%, rgba(139, 78, 16, 0.2)),\n        linear-gradient(60deg, rgba(139, 78, 16, 0.16) 25%, transparent 25.5%, transparent 75%, rgba(139, 78, 16, 0.16) 75%, rgba(139, 78, 16, 0.16)),\n        linear-gradient(60deg, rgba(139, 78, 16, 0.16) 25%, transparent 25.5%, transparent 75%, rgba(139, 78, 16, 0.16) 75%, rgba(139, 78, 16, 0.16));\n      background-position: 0 0, 0 0, 40px 70px, 40px 70px, 0 0, 40px 70px;\n      background-size: 80px 140px;\n      mask-image: linear-gradient(to bottom, black 0%, transparent 70%);\n      z-index: -2;\n    }\n\n    .floating-drop {\n      position: fixed;\n      width: var(--size);\n      height: var(--size);\n      top: var(--top);\n      left: var(--left);\n      border-radius: 55% 45% 60% 40%;\n      background: radial-gradient(circle at 35% 25%, #fff2a8, var(--honey) 42%, var(--honey-deep));\n      box-shadow: 0 12px 25px rgba(147, 80, 0, 0.25);\n      opacity: 0.55;\n      animation: floatDrop var(--duration) ease-in-out infinite alternate;\n      z-index: -1;\n      filter: blur(0.2px);\n    }\n\n    @keyframes floatDrop {\n      from { transform: translateY(0) rotate(0deg) scale(1); }\n      to { transform: translateY(-34px) rotate(9deg) scale(1.06); }\n    }\n\n    .page {\n      width: min(1180px, calc(100% - 32px));\n      margin: 0 auto;\n      padding: 34px 0 70px;\n    }\n\n    .hero {\n      position: relative;\n      min-height: 520px;\n      display: grid;\n      grid-template-columns: 1.08fr 0.92fr;\n      gap: 34px;\n      align-items: center;\n      padding: 42px;\n      border: 1px solid var(--border);\n      border-radius: 38px;\n      background: linear-gradient(135deg, rgba(255,255,255,0.72), rgba(255,244,201,0.52));\n      box-shadow: var(--shadow);\n      backdrop-filter: blur(18px);\n      overflow: hidden;\n      isolation: isolate;\n    }\n\n    .hero::after {\n      content: \"\";\n      position: absolute;\n      width: 520px;\n      height: 520px;\n      right: -180px;\n      bottom: -180px;\n      background: radial-gradient(circle, rgba(255, 184, 37, 0.62), transparent 67%);\n      z-index: -1;\n    }\n\n    .eyebrow {\n      display: inline-flex;\n      align-items: center;\n      gap: 10px;\n      padding: 9px 14px;\n      border-radius: 999px;\n      background: rgba(255, 216, 107, 0.45);\n      border: 1px solid rgba(128, 75, 8, 0.12);\n      font-weight: 800;\n      letter-spacing: 0.08em;\n      text-transform: uppercase;\n      font-size: 0.74rem;\n      color: var(--amber);\n    }\n\n    .pulse {\n      width: 10px;\n      height: 10px;\n      border-radius: 50%;\n      background: var(--honey-deep);\n      box-shadow: 0 0 0 0 rgba(245, 168, 0, 0.75);\n      animation: pulse 1.7s infinite;\n    }\n\n    @keyframes pulse {\n      70% { box-shadow: 0 0 0 13px rgba(245, 168, 0, 0); }\n      100% { box-shadow: 0 0 0 0 rgba(245, 168, 0, 0); }\n    }\n\n    h1 {\n      font-size: clamp(2.7rem, 6vw, 6.4rem);\n      line-height: 0.92;\n      letter-spacing: -0.08em;\n      margin: 20px 0 20px;\n    }\n\n    .gradient-text {\n      background: linear-gradient(92deg, #3a2105 0%, #b46200 45%, #ffae00 80%);\n      -webkit-background-clip: text;\n      background-clip: text;\n      color: transparent;\n    }\n\n    .hero p {\n      font-size: clamp(1.03rem, 1.7vw, 1.25rem);\n      line-height: 1.7;\n      max-width: 640px;\n      color: rgba(33, 22, 12, 0.78);\n      margin: 0 0 28px;\n    }\n\n    .hero-actions {\n      display: flex;\n      gap: 12px;\n      flex-wrap: wrap;\n      margin-bottom: 28px;\n    }\n\n    .btn {\n      border: 0;\n      cursor: pointer;\n      border-radius: 999px;\n      padding: 14px 20px;\n      font-weight: 900;\n      font-size: 0.95rem;\n      color: #281705;\n      background: linear-gradient(135deg, #ffd86b, #ff9d00);\n      box-shadow: 0 14px 28px rgba(151, 81, 0, 0.26);\n      transition: transform 0.25s ease, box-shadow 0.25s ease;\n      text-decoration: none;\n      display: inline-flex;\n      align-items: center;\n      gap: 10px;\n    }\n\n    .btn:hover {\n      transform: translateY(-3px);\n      box-shadow: 0 18px 36px rgba(151, 81, 0, 0.33);\n    }\n\n    .btn.secondary {\n      background: rgba(255, 255, 255, 0.62);\n      border: 1px solid rgba(138, 75, 18, 0.16);\n      box-shadow: none;\n    }\n\n    .stats {\n      display: grid;\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n      gap: 12px;\n      max-width: 620px;\n    }\n\n    .stat {\n      padding: 16px;\n      border-radius: 22px;\n      background: rgba(255, 255, 255, 0.55);\n      border: 1px solid rgba(138, 75, 18, 0.12);\n    }\n\n    .stat strong {\n      display: block;\n      font-size: 1.4rem;\n      color: var(--amber);\n    }\n\n    .stat span {\n      font-size: 0.82rem;\n      color: rgba(33, 22, 12, 0.68);\n      font-weight: 700;\n    }\n\n    .hero-orbit {\n      position: relative;\n      min-height: 430px;\n      display: grid;\n      place-items: center;\n      perspective: 900px;\n    }\n\n    .planet {\n      position: relative;\n      width: min(380px, 78vw);\n      aspect-ratio: 1;\n      border-radius: 50%;\n      background:\n        radial-gradient(circle at 35% 20%, #fff7b9 0 8%, transparent 9%),\n        radial-gradient(circle at 35% 28%, #ffe16f 0 18%, #f5a800 43%, #b66200 78%, #5f3100 100%);\n      box-shadow:\n        inset -38px -48px 70px rgba(45, 20, 0, 0.33),\n        inset 22px 22px 52px rgba(255, 255, 255, 0.42),\n        0 40px 90px rgba(127, 67, 0, 0.35);\n      animation: breathe 5s ease-in-out infinite alternate;\n    }\n\n    @keyframes breathe {\n      from { transform: rotateX(8deg) rotateY(-10deg) scale(0.98); }\n      to { transform: rotateX(-4deg) rotateY(12deg) scale(1.03); }\n    }\n\n    .orbit-ring {\n      position: absolute;\n      width: 116%;\n      height: 38%;\n      border: 10px solid rgba(255, 250, 222, 0.78);\n      border-left-color: rgba(255, 166, 0, 0.78);\n      border-right-color: rgba(95, 49, 0, 0.2);\n      border-radius: 50%;\n      transform: rotate(-16deg);\n      top: 31%;\n      left: -8%;\n      box-shadow: 0 8px 20px rgba(90, 48, 0, 0.12);\n    }\n\n    .mini-card {\n      position: absolute;\n      width: 160px;\n      padding: 14px;\n      border-radius: 24px;\n      background: rgba(255, 255, 255, 0.74);\n      border: 1px solid rgba(138, 75, 18, 0.14);\n      backdrop-filter: blur(10px);\n      box-shadow: 0 18px 34px rgba(112, 61, 0, 0.16);\n      animation: bob 4s ease-in-out infinite alternate;\n    }\n\n    .mini-card:nth-child(3) { top: 18px; right: 0; animation-delay: 0.6s; }\n    .mini-card:nth-child(4) { bottom: 46px; left: -4px; animation-delay: 1.1s; }\n    .mini-card:nth-child(5) { bottom: 18px; right: 30px; animation-delay: 0.2s; }\n\n    @keyframes bob {\n      from { transform: translateY(0); }\n      to { transform: translateY(-18px); }\n    }\n\n    .mini-icon {\n      font-size: 1.55rem;\n      margin-bottom: 8px;\n    }\n\n    .mini-card strong {\n      display: block;\n      font-size: 0.9rem;\n    }\n\n    .toolbar {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 18px;\n      margin: 38px 0 18px;\n      flex-wrap: wrap;\n    }\n\n    .toolbar h2 {\n      margin: 0;\n      font-size: clamp(2rem, 4vw, 3.6rem);\n      letter-spacing: -0.055em;\n    }\n\n    .filters {\n      display: flex;\n      gap: 10px;\n      flex-wrap: wrap;\n    }\n\n    .filter {\n      border: 1px solid rgba(138, 75, 18, 0.16);\n      background: rgba(255, 255, 255, 0.64);\n      color: var(--charcoal);\n      border-radius: 999px;\n      padding: 10px 14px;\n      cursor: pointer;\n      font-weight: 900;\n      transition: transform 0.2s ease, background 0.2s ease;\n    }\n\n    .filter:hover,\n    .filter.active {\n      transform: translateY(-2px);\n      background: #ffd86b;\n    }\n\n    .collection-grid {\n      display: grid;\n      grid-template-columns: repeat(12, 1fr);\n      gap: 18px;\n    }\n\n    .product-card {\n      grid-column: span 4;\n      position: relative;\n      min-height: 390px;\n      padding: 22px;\n      border-radius: 32px;\n      overflow: hidden;\n      background: var(--card);\n      border: 1px solid rgba(138, 75, 18, 0.13);\n      box-shadow: 0 18px 50px rgba(104, 60, 0, 0.13);\n      backdrop-filter: blur(14px);\n      transition: transform 0.35s ease, box-shadow 0.35s ease, opacity 0.25s ease;\n      transform-style: preserve-3d;\n    }\n\n    .product-card:hover {\n      transform: translateY(-8px) rotateX(2deg) rotateY(-2deg);\n      box-shadow: 0 28px 68px rgba(104, 60, 0, 0.22);\n    }\n\n    .product-card.hidden {\n      display: none;\n    }\n\n    .product-art {\n      height: 178px;\n      display: grid;\n      place-items: center;\n      margin: -8px -8px 16px;\n      border-radius: 26px;\n      background:\n        radial-gradient(circle at 25% 20%, rgba(255,255,255,0.78), transparent 28%),\n        linear-gradient(135deg, rgba(255, 216, 107, 0.72), rgba(255, 255, 255, 0.22));\n      position: relative;\n      overflow: hidden;\n    }\n\n    .product-art::before {\n      content: \"\";\n      position: absolute;\n      width: 180px;\n      height: 180px;\n      border-radius: 50%;\n      border: 28px solid rgba(255, 255, 255, 0.35);\n      transform: rotate(-20deg);\n    }\n\n    .jar,\n    .balm,\n    .soap {\n      position: relative;\n      z-index: 2;\n      filter: drop-shadow(0 22px 22px rgba(76, 41, 0, 0.22));\n    }\n\n    .jar {\n      width: 74px;\n      height: 120px;\n      border-radius: 18px 18px 24px 24px;\n      background: linear-gradient(90deg, #2f1b08, #7b4308 35%, #f3a000 55%, #2b1808 90%);\n      border: 4px solid rgba(255, 255, 255, 0.75);\n    }\n\n    .jar::before {\n      content: \"\";\n      position: absolute;\n      width: 54px;\n      height: 18px;\n      border-radius: 8px 8px 4px 4px;\n      background: #1d130b;\n      top: -18px;\n      left: 6px;\n    }\n\n    .jar::after {\n      content: attr(data-label);\n      position: absolute;\n      inset: 44px 8px auto;\n      min-height: 38px;\n      display: grid;\n      place-items: center;\n      text-align: center;\n      padding: 4px;\n      border-radius: 8px;\n      background: rgba(255, 245, 200, 0.92);\n      color: #2d1907;\n      font-size: 0.54rem;\n      font-weight: 1000;\n      line-height: 1.1;\n      text-transform: uppercase;\n    }\n\n    .balm {\n      width: 118px;\n      height: 58px;\n      border-radius: 999px;\n      background: linear-gradient(90deg, #1d130b 0 26%, #ffd34e 26% 74%, #1d130b 74% 100%);\n      transform: rotate(-14deg);\n    }\n\n    .balm::after {\n      content: \"BALM\";\n      position: absolute;\n      inset: 15px 35px;\n      display: grid;\n      place-items: center;\n      border-radius: 999px;\n      background: rgba(255,255,255,0.72);\n      font-size: 0.62rem;\n      font-weight: 1000;\n    }\n\n    .soap {\n      width: 120px;\n      height: 88px;\n      border-radius: 26px;\n      background: linear-gradient(135deg, #fff8df, #eecf8b);\n      border: 2px solid rgba(137, 93, 35, 0.18);\n      transform: rotate(8deg);\n    }\n\n    .soap::before,\n    .soap::after {\n      content: \"\";\n      position: absolute;\n      border-radius: 999px;\n      background: rgba(255,255,255,0.66);\n    }\n\n    .soap::before { width: 34px; height: 34px; top: -18px; right: 18px; }\n    .soap::after { width: 22px; height: 22px; top: -34px; right: 48px; }\n\n    .tag {\n      display: inline-flex;\n      width: fit-content;\n      padding: 7px 10px;\n      border-radius: 999px;\n      background: rgba(255, 216, 107, 0.48);\n      color: var(--amber);\n      font-size: 0.76rem;\n      font-weight: 1000;\n      text-transform: uppercase;\n      letter-spacing: 0.06em;\n    }\n\n    .product-card h3 {\n      margin: 14px 0 8px;\n      font-size: 1.35rem;\n      line-height: 1.12;\n      letter-spacing: -0.035em;\n    }\n\n    .product-card p {\n      margin: 0 0 16px;\n      line-height: 1.55;\n      color: rgba(33, 22, 12, 0.68);\n    }\n\n    .notes {\n      display: flex;\n      gap: 8px;\n      flex-wrap: wrap;\n      margin-top: auto;\n    }\n\n    .note {\n      padding: 7px 10px;\n      border-radius: 999px;\n      background: rgba(255, 255, 255, 0.6);\n      border: 1px solid rgba(138, 75, 18, 0.1);\n      font-size: 0.78rem;\n      font-weight: 800;\n      color: rgba(33, 22, 12, 0.75);\n    }\n\n    .card-actions {\n      position: absolute;\n      left: 18px;\n      right: 18px;\n      bottom: 18px;\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 10px;\n    }\n\n    .shop-link {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      min-height: 48px;\n      padding: 0 18px;\n      border-radius: 999px;\n      background: linear-gradient(135deg, #ffd86b, #ff9d00);\n      color: #21160c;\n      text-decoration: none;\n      font-weight: 1000;\n      box-shadow: 0 12px 24px rgba(151, 81, 0, 0.22);\n      transition: transform 0.2s ease, box-shadow 0.2s ease;\n    }\n\n    .shop-link:hover {\n      transform: translateY(-2px);\n      box-shadow: 0 16px 28px rgba(151, 81, 0, 0.3);\n    }\n\n    .quick-view {\n      position: static;\n      width: 48px;\n      height: 48px;\n      border-radius: 50%;\n      border: none;\n      background: #21160c;\n      color: #fff7df;\n      font-size: 1.15rem;\n      cursor: pointer;\n      box-shadow: 0 12px 24px rgba(33, 22, 12, 0.24);\n      transition: transform 0.2s ease;\n    }\n\n    .quick-view:hover {\n      transform: rotate(12deg) scale(1.06);\n    }\n\n    .story {\n      margin-top: 28px;\n      display: grid;\n      grid-template-columns: 0.8fr 1.2fr;\n      gap: 18px;\n      align-items: stretch;\n    }\n\n    .story-card {\n      padding: 28px;\n      border-radius: 32px;\n      background: rgba(255,255,255,0.62);\n      border: 1px solid rgba(138, 75, 18, 0.12);\n      box-shadow: 0 18px 45px rgba(104, 60, 0, 0.12);\n      overflow: hidden;\n      position: relative;\n    }\n\n    .story-card h2 {\n      margin: 0 0 14px;\n      font-size: clamp(1.8rem, 3vw, 3rem);\n      letter-spacing: -0.055em;\n    }\n\n    .story-card p {\n      color: rgba(33, 22, 12, 0.7);\n      line-height: 1.7;\n      margin: 0;\n    }\n\n    .honey-flow {\n      height: 100%;\n      min-height: 330px;\n      background: linear-gradient(180deg, rgba(255,255,255,0.64), rgba(255, 216, 107, 0.28));\n      display: grid;\n      place-items: center;\n    }\n\n    .drip-machine {\n      width: min(420px, 84vw);\n      height: 230px;\n      border-radius: 36px;\n      position: relative;\n      background: rgba(255,255,255,0.62);\n      border: 1px solid rgba(138, 75, 18, 0.14);\n    }\n\n    .drip-machine::before {\n      content: \"\";\n      position: absolute;\n      left: 50%;\n      top: 24px;\n      width: 70px;\n      height: 140px;\n      transform: translateX(-50%);\n      background: linear-gradient(#ffbe28, #c77400);\n      border-radius: 0 0 40px 40px;\n      animation: stretch 2.8s ease-in-out infinite;\n      transform-origin: top center;\n    }\n\n    .drip-machine::after {\n      content: \"\";\n      position: absolute;\n      left: 50%;\n      bottom: 38px;\n      width: 160px;\n      height: 38px;\n      transform: translateX(-50%);\n      border-radius: 50%;\n      background: radial-gradient(circle, #ffbe28, #9f5700);\n      box-shadow: 0 16px 40px rgba(142, 76, 0, 0.22);\n    }\n\n    @keyframes stretch {\n      0%, 100% { height: 88px; border-radius: 0 0 26px 26px; }\n      50% { height: 146px; border-radius: 0 0 45px 45px; }\n    }\n\n    dialog {\n      width: min(620px, calc(100% - 28px));\n      border: none;\n      border-radius: 34px;\n      padding: 0;\n      background: transparent;\n    }\n\n    dialog::backdrop {\n      background: rgba(39, 24, 7, 0.48);\n      backdrop-filter: blur(8px);\n    }\n\n    .modal-content {\n      padding: 28px;\n      background: linear-gradient(135deg, rgba(255,255,255,0.94), rgba(255,239,188,0.92));\n      border: 1px solid rgba(255, 216, 107, 0.56);\n      border-radius: 34px;\n      box-shadow: var(--shadow);\n    }\n\n    .modal-top {\n      display: flex;\n      justify-content: space-between;\n      align-items: start;\n      gap: 16px;\n    }\n\n    .modal-content h3 {\n      font-size: 2rem;\n      margin: 0 0 8px;\n      letter-spacing: -0.04em;\n    }\n\n    .modal-content p {\n      color: rgba(33, 22, 12, 0.72);\n      line-height: 1.7;\n    }\n\n    .close {\n      border: none;\n      width: 42px;\n      height: 42px;\n      border-radius: 50%;\n      background: #21160c;\n      color: #fff7df;\n      cursor: pointer;\n      font-size: 1.2rem;\n    }\n\n    @media (max-width: 900px) {\n      .hero,\n      .story {\n        grid-template-columns: 1fr;\n      }\n\n      .hero {\n        padding: 28px;\n      }\n\n      .product-card {\n        grid-column: span 6;\n      }\n    }\n\n    @media (max-width: 620px) {\n      .page {\n        width: min(100% - 20px, 1180px);\n        padding-top: 12px;\n      }\n\n      .hero {\n        border-radius: 28px;\n        padding: 22px;\n      }\n\n      .stats {\n        grid-template-columns: 1fr;\n      }\n\n      .hero-orbit {\n        min-height: 360px;\n      }\n\n      .mini-card {\n        width: 138px;\n      }\n\n      .product-card {\n        grid-column: span 12;\n      }\n    }\n  \u003c\/style\u003e\n\n\n  \u003cdiv class=\"floating-drop\" style=\"--size: 38px; --top: 12%; --left: 7%; --duration: 4.8s\"\u003e\u003c\/div\u003e\n\n  \u003cdiv class=\"floating-drop\" style=\"--size: 70px; --top: 72%; --left: 88%; --duration: 6.5s\"\u003e\u003c\/div\u003e\n\n  \u003cdiv class=\"floating-drop\" style=\"--size: 48px; --top: 42%; --left: 92%; --duration: 5.5s\"\u003e\u003c\/div\u003e\n\n\n  \u003cmain class=\"page\"\u003e\n    \u003csection class=\"hero\"\u003e\n      \u003cdiv\u003e\n\n        \u003cspan class=\"eyebrow\"\u003e\u003cspan class=\"pulse\"\u003e\u003c\/span\u003e Miel Brut du Québec • Cire d'Abeille • Soins Naturels\u003c\/span\u003e\n        \u003ch1\u003e\n\n\u003cspan class=\"gradient-text\"\u003eDu miel d'un autre monde.\u003c\/span\u003e\u003cbr\u003eConçu pour les rituels quotidiens.\u003c\/h1\u003e\n\n        \u003cp\u003e\n          Découvrez une collection éclatante de miel brut du Québec, de miel fouetté, de miel infusé, de baumes à la cire d'abeille et de savons au lait de chèvre — conçue comme une collection boutique haut de gamme avec une énergie chaleureuse, naturelle et prête à offrir.\n        \u003c\/p\u003e\n\n        \u003cdiv class=\"hero-actions\"\u003e\n\n          \u003ca class=\"btn\" href=\"#collection\"\u003eExplorer la Collection ✦\u003c\/a\u003e\n          \u003ca class=\"btn secondary\" href=\"#story\"\u003eDécouvrir l'Expérience\u003c\/a\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"stats\"\u003e\n\n          \u003cdiv class=\"stat\"\u003e\n\n\u003cstrong\u003eBrut\u003c\/strong\u003e\u003cspan\u003eMiel du Québec\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n          \u003cdiv class=\"stat\"\u003e\n\n\u003cstrong\u003ePur\u003c\/strong\u003e\u003cspan\u003eProduits de soin à la cire d'abeille\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n          \u003cdiv class=\"stat\"\u003e\n\n\u003cstrong\u003eCadeau\u003c\/strong\u003e\u003cspan\u003eEnsembles naturels haut de gamme\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"hero-orbit\" aria-hidden=\"true\"\u003e\n\n        \u003cdiv class=\"planet\"\u003e\u003cdiv class=\"orbit-ring\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\n        \u003cdiv class=\"mini-card\"\u003e\n\n\u003cdiv class=\"mini-icon\"\u003e🍯\u003c\/div\u003e\n\n\u003cstrong\u003eMiel Infusé\u003c\/strong\u003e\n\n\u003c\/div\u003e\n\n        \u003cdiv class=\"mini-card\"\u003e\n\n\u003cdiv class=\"mini-icon\"\u003e🐝\u003c\/div\u003e\n\n\u003cstrong\u003eBaume à la Cire d'Abeille\u003c\/strong\u003e\n\n\u003c\/div\u003e\n\n        \u003cdiv class=\"mini-card\"\u003e\n\n\u003cdiv class=\"mini-icon\"\u003e🧼\u003c\/div\u003e\n\n\u003cstrong\u003eSavon au Lait de Chèvre\u003c\/strong\u003e\n\n\u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/section\u003e\n\n    \u003csection id=\"collection\"\u003e\n      \u003cdiv class=\"toolbar\"\u003e\n\n        \u003ch2\u003eLa Collection\u003c\/h2\u003e\n\n        \u003cdiv class=\"filters\" aria-label=\"Filtres de produits\"\u003e\n\n          \u003cbutton class=\"filter active\" data-filter=\"all\"\u003eTout\u003c\/button\u003e\n          \u003cbutton class=\"filter\" data-filter=\"honey\"\u003eMiel\u003c\/button\u003e\n          \u003cbutton class=\"filter\" data-filter=\"balm\"\u003eBaumes\u003c\/button\u003e\n          \u003cbutton class=\"filter\" data-filter=\"soap\"\u003eSavon\u003c\/button\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"collection-grid\"\u003e\n\n        \u003carticle class=\"product-card\" data-link=\"https:\/\/ediblefinaltouch.ca\/products\/mielbrut-hot-honey-raw-quebec-honey-with-chili-pepper-heat?utm_source=copyToPasteBoard\u0026amp;utm_medium=product-links\u0026amp;utm_content=web\" data-category=\"honey\" data-title=\"Miel Piquant\" data-description=\"Miel brut du Québec avec un piquant de piment. Une finale sucrée-épicée audacieuse pour la pizza, le poulet, les plateaux de fromages, les légumes rôtis et les cadeaux aventureux.\"\u003e\n          \u003cdiv class=\"product-art\"\u003e\u003cdiv class=\"jar\" data-label=\"Miel Piquant\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\n          \u003cspan class=\"tag\"\u003eMiel Épicé\u003c\/span\u003e\n          \u003ch3\u003eMielbrut Miel Piquant\u003c\/h3\u003e\n\n          \u003cp\u003eMiel brut du Québec avec un piquant de piment pour une finale douce et ardente.\u003c\/p\u003e\n\n          \u003cdiv class=\"notes\"\u003e\n\n\u003cspan class=\"note\"\u003ePiquant de piment\u003c\/span\u003e\u003cspan class=\"note\"\u003eCadeau gourmand\u003c\/span\u003e\u003cspan class=\"note\"\u003eMiel brut\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n          \u003cdiv class=\"card-actions\"\u003e\n\n\u003ca class=\"shop-link\" href=\"https:\/\/ediblefinaltouch.ca\/products\/mielbrut-hot-honey-raw-quebec-honey-with-chili-pepper-heat?utm_source=copyToPasteBoard\u0026amp;utm_medium=product-links\u0026amp;utm_content=web\"\u003eAcheter maintenant\u003c\/a\u003e\u003cbutton class=\"quick-view\" aria-label=\"Voir Miel Piquant\"\u003e＋\u003c\/button\u003e\n\n\u003c\/div\u003e\n\n        \u003c\/article\u003e\n\n        \u003carticle class=\"product-card\" data-link=\"https:\/\/ediblefinaltouch.ca\/products\/mielbrut-saffron-honey-raw-quebec-honey-infused-with-persian-saffron?utm_source=copyToPasteBoard\u0026amp;utm_medium=product-links\u0026amp;utm_content=web\" data-category=\"honey\" data-title=\"Miel au Safran\" data-description=\"Miel brut du Québec infusé au safran persan. Un profil floral-doré luxueux pour le thé, les desserts, les plateaux de fromages et les coffrets cadeaux haut de gamme.\"\u003e\n          \u003cdiv class=\"product-art\"\u003e\u003cdiv class=\"jar\" data-label=\"Safran\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\n          \u003cspan class=\"tag\"\u003eInfusion Luxe\u003c\/span\u003e\n          \u003ch3\u003eMielbrut Miel au Safran\u003c\/h3\u003e\n\n          \u003cp\u003eMiel brut du Québec infusé au safran persan pour un riche arôme doré.\u003c\/p\u003e\n\n          \u003cdiv class=\"notes\"\u003e\n\n\u003cspan class=\"note\"\u003eSafran persan\u003c\/span\u003e\u003cspan class=\"note\"\u003ePremium\u003c\/span\u003e\u003cspan class=\"note\"\u003eAccompagnement thé\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n          \u003cdiv class=\"card-actions\"\u003e\n\n\u003ca class=\"shop-link\" href=\"https:\/\/ediblefinaltouch.ca\/products\/mielbrut-saffron-honey-raw-quebec-honey-infused-with-persian-saffron?utm_source=copyToPasteBoard\u0026amp;utm_medium=product-links\u0026amp;utm_content=web\"\u003eAcheter maintenant\u003c\/a\u003e\u003cbutton class=\"quick-view\" aria-label=\"Voir Miel au Safran\"\u003e＋\u003c\/button\u003e\n\n\u003c\/div\u003e\n\n        \u003c\/article\u003e\n\n        \u003carticle class=\"product-card\" data-link=\"https:\/\/ediblefinaltouch.ca\/products\/mielbrut-wildflower-honey-raw-amber-harvested-in-quebec?utm_source=copyToPasteBoard\u0026amp;utm_medium=product-links\u0026amp;utm_content=web\" data-category=\"honey\" data-title=\"Miel de Fleurs Sauvages\" data-description=\"Miel brut ambré de fleurs sauvages récolté au Québec. Un miel classique pour le petit-déjeuner, la pâtisserie, les boissons et les produits de base naturels.\"\u003e\n          \u003cdiv class=\"product-art\"\u003e\u003cdiv class=\"jar\" data-label=\"Fleurs Sauvages\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\n          \u003cspan class=\"tag\"\u003eClassique Brut\u003c\/span\u003e\n          \u003ch3\u003eMielbrut Miel de Fleurs Sauvages\u003c\/h3\u003e\n\n          \u003cp\u003eMiel ambré brut récolté au Québec avec un goût naturellement floral.\u003c\/p\u003e\n\n          \u003cdiv class=\"notes\"\u003e\n\n\u003cspan class=\"note\"\u003eAmbré\u003c\/span\u003e\u003cspan class=\"note\"\u003eQuotidien\u003c\/span\u003e\u003cspan class=\"note\"\u003eQuébec\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n          \u003cdiv class=\"card-actions\"\u003e\n\n\u003ca class=\"shop-link\" href=\"https:\/\/ediblefinaltouch.ca\/products\/mielbrut-wildflower-honey-raw-amber-harvested-in-quebec?utm_source=copyToPasteBoard\u0026amp;utm_medium=product-links\u0026amp;utm_content=web\"\u003eAcheter maintenant\u003c\/a\u003e\u003cbutton class=\"quick-view\" aria-label=\"Voir Miel de Fleurs Sauvages\"\u003e＋\u003c\/button\u003e\n\n\u003c\/div\u003e\n\n        \u003c\/article\u003e\n\n        \u003carticle class=\"product-card\" data-link=\"https:\/\/ediblefinaltouch.ca\/products\/mielbrut-lemon-cardamom-honey-raw-quebec-honey-with-warm-spice?utm_source=copyToPasteBoard\u0026amp;utm_medium=product-links\u0026amp;utm_content=web\" data-category=\"honey\" data-title=\"Miel Citron \u0026amp; Cardamome\" data-description=\"Miel brut du Québec mélangé avec du citron éclatant et des épices chaudes de cardamome. Magnifique pour le thé, les toasts, le yogourt, les pâtisseries et les cadeaux réconfortants inspirés du bien-être.\"\u003e\n          \u003cdiv class=\"product-art\"\u003e\u003cdiv class=\"jar\" data-label=\"Citron Cardamome\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\n          \u003cspan class=\"tag\"\u003eÉpice Chaude\u003c\/span\u003e\n          \u003ch3\u003eMielbrut Miel Citron \u0026amp; Cardamome\u003c\/h3\u003e\n\n          \u003cp\u003eUn citron éclatant rencontre la cardamome chaude dans le miel brut du Québec.\u003c\/p\u003e\n\n          \u003cdiv class=\"notes\"\u003e\n\n\u003cspan class=\"note\"\u003eCitron\u003c\/span\u003e\u003cspan class=\"note\"\u003eCardamome\u003c\/span\u003e\u003cspan class=\"note\"\u003eThé\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n          \u003cdiv class=\"card-actions\"\u003e\n\n\u003ca class=\"shop-link\" href=\"https:\/\/ediblefinaltouch.ca\/products\/mielbrut-lemon-cardamom-honey-raw-quebec-honey-with-warm-spice?utm_source=copyToPasteBoard\u0026amp;utm_medium=product-links\u0026amp;utm_content=web\"\u003eAcheter maintenant\u003c\/a\u003e\u003cbutton class=\"quick-view\" aria-label=\"Voir Miel Citron Cardamome\"\u003e＋\u003c\/button\u003e\n\n\u003c\/div\u003e\n\n        \u003c\/article\u003e\n\n        \u003carticle class=\"product-card\" data-link=\"https:\/\/ediblefinaltouch.ca\/products\/hydrating-beeswax-balm-moisturize-lips-skin-naturally?utm_source=copyToPasteBoard\u0026amp;utm_medium=product-links\u0026amp;utm_content=web\" data-category=\"balm\" data-title=\"Baume Hydratant à la Cire d'Abeille\" data-description=\"Un baume naturel à la cire d'abeille conçu pour les lèvres, les mains et la peau sèche. Un hydratant simple, parfait pour offrir, avec une sensation artisanale et propre.\"\u003e\n          \u003cdiv class=\"product-art\"\u003e\u003cdiv class=\"balm\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\n          \u003cspan class=\"tag\"\u003eSoins de la Peau\u003c\/span\u003e\n          \u003ch3\u003eBaume Hydratant à la Cire d'Abeille\u003c\/h3\u003e\n\n          \u003cp\u003eHydratez les lèvres et la peau naturellement avec une finition lisse à la cire d'abeille.\u003c\/p\u003e\n\n          \u003cdiv class=\"notes\"\u003e\n\n\u003cspan class=\"note\"\u003eLèvres\u003c\/span\u003e\u003cspan class=\"note\"\u003eMains\u003c\/span\u003e\u003cspan class=\"note\"\u003eSoins quotidiens\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n          \u003cdiv class=\"card-actions\"\u003e\n\n\u003ca class=\"shop-link\" href=\"https:\/\/ediblefinaltouch.ca\/products\/hydrating-beeswax-balm-moisturize-lips-skin-naturally?utm_source=copyToPasteBoard\u0026amp;utm_medium=product-links\u0026amp;utm_content=web\"\u003eAcheter maintenant\u003c\/a\u003e\u003cbutton class=\"quick-view\" aria-label=\"Voir Baume Hydratant à la Cire d'Abeille\"\u003e＋\u003c\/button\u003e\n\n\u003c\/div\u003e\n\n        \u003c\/article\u003e\n\n        \u003carticle class=\"product-card\" data-link=\"https:\/\/ediblefinaltouch.ca\/products\/3-pack-beeswax-balms-for-your-lips-and-skin?utm_source=copyToPasteBoard\u0026amp;utm_medium=product-links\u0026amp;utm_content=web\" data-category=\"balm\" data-title=\"Lot de 3 Baumes à la Cire d'Abeille\" data-description=\"Un lot pratique de 3 baumes à la cire d'abeille pour les lèvres et la peau. Idéal pour un usage familial, les cadeaux, les marchés et les ensembles de soins naturels.\"\u003e\n          \u003cdiv class=\"product-art\"\u003e\u003cdiv class=\"balm\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\n          \u003cspan class=\"tag\"\u003eEnsemble\u003c\/span\u003e\n          \u003ch3\u003eLot de 3 Baumes à la Cire d'Abeille\u003c\/h3\u003e\n\n          \u003cp\u003eUn trio de baumes pratique pour les lèvres, les mains et l'hydratation quotidienne.\u003c\/p\u003e\n\n          \u003cdiv class=\"notes\"\u003e\n\n\u003cspan class=\"note\"\u003eLot de 3\u003c\/span\u003e\u003cspan class=\"note\"\u003eValeur de l'ensemble\u003c\/span\u003e\u003cspan class=\"note\"\u003eÀ offrir\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n          \u003cdiv class=\"card-actions\"\u003e\n\n\u003ca class=\"shop-link\" href=\"https:\/\/ediblefinaltouch.ca\/products\/3-pack-beeswax-balms-for-your-lips-and-skin?utm_source=copyToPasteBoard\u0026amp;utm_medium=product-links\u0026amp;utm_content=web\"\u003eAcheter maintenant\u003c\/a\u003e\u003cbutton class=\"quick-view\" aria-label=\"Voir Lot de 3 Baumes\"\u003e＋\u003c\/button\u003e\n\n\u003c\/div\u003e\n\n        \u003c\/article\u003e\n\n        \u003carticle class=\"product-card\" data-link=\"https:\/\/ediblefinaltouch.ca\/products\/beeswax-balm-lavender-scented-lip-balm-and-hand-salve-skin-moisturizer-and-hydrating?utm_source=copyToPasteBoard\u0026amp;utm_medium=product-links\u0026amp;utm_content=web\" data-category=\"balm\" data-title=\"Baume Lavande à la Cire d'Abeille\" data-description=\"Baume à la cire d'abeille parfumé à la lavande pour les lèvres, les mains et la peau sèche. Un produit de soin naturel apaisant avec un doux arôme floral.\"\u003e\n          \u003cdiv class=\"product-art\"\u003e\u003cdiv class=\"balm\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\n          \u003cspan class=\"tag\"\u003eLavande\u003c\/span\u003e\n          \u003ch3\u003eBaume Lavande à la Cire d'Abeille\u003c\/h3\u003e\n\n          \u003cp\u003eUn baume parfumé à la lavande et un baume pour les mains pour des rituels de peau douce.\u003c\/p\u003e\n\n          \u003cdiv class=\"notes\"\u003e\n\n\u003cspan class=\"note\"\u003eLavande\u003c\/span\u003e\u003cspan class=\"note\"\u003eBaume pour les mains\u003c\/span\u003e\u003cspan class=\"note\"\u003eArôme doux\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n          \u003cdiv class=\"card-actions\"\u003e\n\n\u003ca class=\"shop-link\" href=\"https:\/\/ediblefinaltouch.ca\/products\/beeswax-balm-lavender-scented-lip-balm-and-hand-salve-skin-moisturizer-and-hydrating?utm_source=copyToPasteBoard\u0026amp;utm_medium=product-links\u0026amp;utm_content=web\"\u003eAcheter maintenant\u003c\/a\u003e\u003cbutton class=\"quick-view\" aria-label=\"Voir Baume Lavande\"\u003e＋\u003c\/button\u003e\n\n\u003c\/div\u003e\n\n        \u003c\/article\u003e\n\n        \u003carticle class=\"product-card\" data-link=\"https:\/\/ediblefinaltouch.ca\/products\/mielbrut-whipped-lemon-honey-creamy-raw-quebec-honey-with-natural-lemon-quebec?utm_source=copyToPasteBoard\u0026amp;utm_medium=product-links\u0026amp;utm_content=web\" data-category=\"honey\" data-title=\"Miel Fouetté au Citron\" data-description=\"Miel brut crémeux fouetté au citron naturel. Un miel à tartiner pour les toasts, les crêpes, les desserts, le thé et les routines matinales lumineuses.\"\u003e\n          \u003cdiv class=\"product-art\"\u003e\u003cdiv class=\"jar\" data-label=\"Citron Fouetté\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\n          \u003cspan class=\"tag\"\u003eMiel Crémeux\u003c\/span\u003e\n          \u003ch3\u003eMielbrut Miel Fouetté au Citron\u003c\/h3\u003e\n\n          \u003cp\u003eMiel brut crémeux fouetté avec une note naturelle de citron frais.\u003c\/p\u003e\n\n          \u003cdiv class=\"notes\"\u003e\n\n\u003cspan class=\"note\"\u003eÀ tartiner\u003c\/span\u003e\u003cspan class=\"note\"\u003eCitron\u003c\/span\u003e\u003cspan class=\"note\"\u003ePetit-déjeuner\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n          \u003cdiv class=\"card-actions\"\u003e\n\n\u003ca class=\"shop-link\" href=\"https:\/\/ediblefinaltouch.ca\/products\/mielbrut-whipped-lemon-honey-creamy-raw-quebec-honey-with-natural-lemon-quebec?utm_source=copyToPasteBoard\u0026amp;utm_medium=product-links\u0026amp;utm_content=web\"\u003eAcheter maintenant\u003c\/a\u003e\u003cbutton class=\"quick-view\" aria-label=\"Voir Miel Fouetté au Citron\"\u003e＋\u003c\/button\u003e\n\n\u003c\/div\u003e\n\n        \u003c\/article\u003e\n\n        \u003carticle class=\"product-card\" data-link=\"https:\/\/ediblefinaltouch.ca\/products\/goats-milk-beeswax-and-honey-soap-bar-3-pack?utm_source=copyToPasteBoard\u0026amp;utm_medium=product-links\u0026amp;utm_content=web\" data-category=\"soap\" data-title=\"Savon Lait de Chèvre, Cire d'Abeille \u0026amp; Miel\" data-description=\"Un lot de 3 savons fabriqués avec du lait de chèvre, de la cire d'abeille et du miel. Un produit de bain naturel et chaleureux qui s'accorde magnifiquement avec les cadeaux de miel et de baume.\"\u003e\n          \u003cdiv class=\"product-art\"\u003e\u003cdiv class=\"soap\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\n          \u003cspan class=\"tag\"\u003eBarre de Savon\u003c\/span\u003e\n          \u003ch3\u003eSavon Lait de Chèvre, Cire d'Abeille \u0026amp; Miel\u003c\/h3\u003e\n\n          \u003cp\u003eUn ensemble de savons crémeux à base de lait de chèvre, de cire d'abeille et de miel.\u003c\/p\u003e\n\n          \u003cdiv class=\"notes\"\u003e\n\n\u003cspan class=\"note\"\u003eLot de 3\u003c\/span\u003e\u003cspan class=\"note\"\u003eLait de chèvre\u003c\/span\u003e\u003cspan class=\"note\"\u003eMiel\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n          \u003cdiv class=\"card-actions\"\u003e\n\n\u003ca class=\"shop-link\" href=\"https:\/\/ediblefinaltouch.ca\/products\/goats-milk-beeswax-and-honey-soap-bar-3-pack?utm_source=copyToPasteBoard\u0026amp;utm_medium=product-links\u0026amp;utm_content=web\"\u003eAcheter maintenant\u003c\/a\u003e\u003cbutton class=\"quick-view\" aria-label=\"Voir Savons\"\u003e＋\u003c\/button\u003e\n\n\u003c\/div\u003e\n\n        \u003c\/article\u003e\n\n        \u003carticle class=\"product-card\" data-link=\"https:\/\/ediblefinaltouch.ca\/products\/mielbrut-whipped-honey-creamy-raw-quebec-honey-spreadable-pure?utm_source=copyToPasteBoard\u0026amp;utm_medium=product-links\u0026amp;utm_content=web\" data-category=\"honey\" data-title=\"Miel Fouetté\" data-description=\"Miel brut crémeux à tartiner du Québec. Lisse, pur et idéal pour les toasts, les craquelins, les pâtisseries, les plateaux de petit-déjeuner et les paniers-cadeaux.\"\u003e\n          \u003cdiv class=\"product-art\"\u003e\u003cdiv class=\"jar\" data-label=\"Fouetté\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\n          \u003cspan class=\"tag\"\u003eÀ Tartiner\u003c\/span\u003e\n          \u003ch3\u003eMielbrut Miel Fouetté\u003c\/h3\u003e\n\n          \u003cp\u003eMiel brut crémeux du Québec avec une texture lisse à tartiner.\u003c\/p\u003e\n\n          \u003cdiv class=\"notes\"\u003e\n\n\u003cspan class=\"note\"\u003ePur\u003c\/span\u003e\u003cspan class=\"note\"\u003eCrémeux\u003c\/span\u003e\u003cspan class=\"note\"\u003eToast\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n          \u003cdiv class=\"card-actions\"\u003e\n\n\u003ca class=\"shop-link\" href=\"https:\/\/ediblefinaltouch.ca\/products\/mielbrut-whipped-honey-creamy-raw-quebec-honey-spreadable-pure?utm_source=copyToPasteBoard\u0026amp;utm_medium=product-links\u0026amp;utm_content=web\"\u003eAcheter maintenant\u003c\/a\u003e\u003cbutton class=\"quick-view\" aria-label=\"Voir Miel Fouetté\"\u003e＋\u003c\/button\u003e\n\n\u003c\/div\u003e\n\n        \u003c\/article\u003e\n      \u003c\/div\u003e\n\n    \u003c\/section\u003e\n\n    \u003csection id=\"story\" class=\"story\"\u003e\n      \u003cdiv class=\"story-card\"\u003e\n\n        \u003ch2\u003eUne collection boutique qui prend vie.\u003c\/h2\u003e\n\n        \u003cp\u003e\n          Cette section HTML utilise des gouttes de miel flottantes, des cartes de produits filtrables, un flux de miel animé, des cartes de style verre et un modal de vue rapide. Remplacez les noms de produits, les descriptions, les liens et les icônes par vos données de produits Shopify finales pour en faire une page de destination de collection peaufinée.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"story-card honey-flow\"\u003e\n\n        \u003cdiv class=\"drip-machine\" aria-label=\"Goutte de miel animée\"\u003e\u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/section\u003e\n  \u003c\/main\u003e\n\n  \u003cdialog id=\"productModal\"\u003e\n    \u003cdiv class=\"modal-content\"\u003e\n\n      \u003cdiv class=\"modal-top\"\u003e\n\n        \u003cdiv\u003e\n\n          \u003cspan class=\"tag\" id=\"modalTag\"\u003eCollection\u003c\/span\u003e\n          \u003ch3 id=\"modalTitle\"\u003eProduit\u003c\/h3\u003e\n\n        \u003c\/div\u003e\n\n        \u003cbutton class=\"close\" id=\"modalClose\" aria-label=\"Fermer le modal\"\u003e×\u003c\/button\u003e\n      \u003c\/div\u003e\n\n      \u003cp id=\"modalDescription\"\u003e\u003c\/p\u003e\n\n      \u003ca class=\"btn\" href=\"#collection\" id=\"modalButton\"\u003eRetour à la Collection ✦\u003c\/a\u003e\n    \u003c\/div\u003e\n\n  \u003c\/dialog\u003e\n\n  \u003cscript\u003e\n    const filters = document.querySelectorAll('.filter');\n    const cards = document.querySelectorAll('.product-card');\n    const modal = document.getElementById('productModal');\n    const modalTitle = document.getElementById('modalTitle');\n    const modalDescription = document.getElementById('modalDescription');\n    const modalTag = document.getElementById('modalTag');\n    const modalButton = document.getElementById('modalButton');\n    const modalClose = document.getElementById('modalClose');\n\n    filters.forEach((filter) =\u003e {\n      filter.addEventListener('click', () =\u003e {\n        filters.forEach((item) =\u003e item.classList.remove('active'));\n        filter.classList.add('active');\n        const category = filter.dataset.filter;\n\n        cards.forEach((card) =\u003e {\n          const isVisible = category === 'all' || card.dataset.category === category;\n          card.classList.toggle('hidden', !isVisible);\n        });\n      });\n    });\n\n    cards.forEach((card) =\u003e {\n      card.addEventListener('mousemove', (event) =\u003e {\n        const rect = card.getBoundingClientRect();\n        const x = event.clientX - rect.left;\n        const y = event.clientY - rect.top;\n        const rotateY = ((x \/ rect.width) - 0.5) * 8;\n        const rotateX = ((0.5 - y \/ rect.height)) * 8;\n        card.style.transform = `translateY(-8px) rotateX(${rotateX}deg) rotateY(${rotateY}deg)`;\n      });\n\n      card.addEventListener('mouseleave', () =\u003e {\n        card.style.transform = '';\n      });\n\n      card.querySelector('.quick-view').addEventListener('click', () =\u003e {\n        modalTitle.textContent = card.dataset.title;\n        modalDescription.textContent = card.dataset.description;\n        modalTag.textContent = card.dataset.category;\n        modalButton.href = card.dataset.link;\n        modalButton.textContent = 'Shop This Product ✦';\n        modal.showModal();\n      });\n    });\n\n    modalClose.addEventListener('click', () =\u003e modal.close());\n\n    modal.addEventListener('click', (event) =\u003e {\n      if (event.target === modal) modal.close();\n    });\n  \u003c\/script\u003e\n\n\n\n\u003c\/body\u003e","products":[{"product_id":"mielbrut-whipped-honey-creamy-raw-quebec-honey-spreadable-pure","title":"Mielbrut Miel fouetté — Miel brut crémeux du Québec, tartinable et pur","description":"\u003cdiv class=\"flex flex-grow flex-col max-w-full gap-3 gizmo:gap-0\"\u003e\n\n\u003cdiv data-message-author-role=\"assistant\" data-message-id=\"a1090f85-18d0-4653-bf38-96d58364bce4\" class=\"min-h-[20px] text-message peer flex flex-col items-start gap-3 whitespace-pre-wrap break-words peer-[.text-message]:mt-5 overflow-x-auto\"\u003e\n\n\u003cdiv class=\"markdown prose w-full break-words dark:prose-invert light\"\u003e\n\n\u003cdiv class=\"flex flex-grow flex-col max-w-full gap-3 gizmo:gap-0\"\u003e\n\n\u003cdiv data-message-author-role=\"assistant\" data-message-id=\"012ee1d1-cd3c-4a25-8548-0f33d51a667e\" class=\"min-h-[20px] text-message peer flex flex-col items-start gap-3 whitespace-pre-wrap break-words peer-[.text-message]:mt-5 overflow-x-auto\"\u003e\n\n\u003cp class=\"_p_ua7qq_109\"\u003e\u003cspan\u003eImagine le miel que tu aimes, mais encore plus soyeux. Notre miel fouetté du Québec est transformé artisanalement en une pâte crémeuse, légère comme un nuage — pas de gouttes, pas de dégâts, juste le goût pur du miel cru dans une texture qui se tartine sans effort. Un simple plaisir qui rend chaque matin un peu plus spécial.\u003c\/span\u003e\u003c\/p\u003e\n\n\u003cp class=\"_p_ua7qq_109\"\u003e\u003cspan\u003eTartinez-le sur du pain grillé, mélangez-le à du yogourt, ou savourez-le directement du pot — parce que vous le méritez.\u003c\/span\u003e\u003c\/p\u003e\n\n\u003cp class=\"_p_ua7qq_109\"\u003e\u003cstrong\u003e\u003cspan\u003eIdéal pour :\u003c\/span\u003e\u003c\/strong\u003e\u003cspan\u003e toasts et croissants du matin, bols de yogourt et de fruits, plateaux de fromages, crêpes et gaufres, et pour remplacer les pâtes à tartiner sucrées transformées.\u003c\/span\u003e\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cbr\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e","brand":"Mielbrut.com","offers":[{"title":"Default Title","offer_id":45003792646352,"sku":"sku-45862962266265","price":12.99,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0591\/4499\/5024\/files\/IMG-20260223-WA0028_5a1f79fc-6c25-434b-b9f5-b08d7e9bec0f.jpg?v=1777695291"},{"product_id":"mielbrut-whipped-lemon-honey-creamy-raw-honey-with-natural-lemon-quebec","title":"Mielbrut Miel fouetté au citron — Miel brut crémeux au citron naturel | Québec","description":"\u003cdiv class=\"flex flex-grow flex-col max-w-full gap-3 gizmo:gap-0\"\u003e\n\n\u003cdiv class=\"min-h-[20px] text-message peer flex flex-col items-start gap-3 whitespace-pre-wrap break-words peer-[.text-message]:mt-5 overflow-x-auto\" data-message-id=\"a1090f85-18d0-4653-bf38-96d58364bce4\" data-message-author-role=\"assistant\"\u003e\n\n\u003cdiv class=\"markdown prose w-full break-words dark:prose-invert light\"\u003e\n\n\u003cdiv class=\"flex flex-grow flex-col max-w-full gap-3 gizmo:gap-0\"\u003e\n\n\u003cdiv class=\"min-h-[20px] text-message peer flex flex-col items-start gap-3 whitespace-pre-wrap break-words peer-[.text-message]:mt-5 overflow-x-auto\" data-message-id=\"012ee1d1-cd3c-4a25-8548-0f33d51a667e\" data-message-author-role=\"assistant\"\u003e\n\n\u003cdiv class=\"markdown prose w-full break-words dark:prose-invert light\"\u003e\n\n\u003cp class=\"_p_ua7qq_109\"\u003e\u003cspan\u003eLa douceur naturelle du miel brut du Québec rencontre la fraîcheur éclatante du citron — le tout dans une texture crémeuse et veloutée qui s'étale à merveille. Notre miel fouetté au citron apporte une touche de légèreté et de sophistication à vos matins, à vos collations et à vos doux moments de plaisir.\u003c\/span\u003e\u003c\/p\u003e\n\n\u003cp class=\"_p_ua7qq_109\"\u003e\u003cspan\u003eUne seule cuillerée suffit pour transformer l'ordinaire en quelque chose de spécial.\u003c\/span\u003e\u003c\/p\u003e\n\n\u003cp class=\"_p_ua7qq_109\"\u003e\u003cstrong\u003e\u003cspan\u003eIdéal pour :\u003c\/span\u003e\u003c\/strong\u003e\u003cspan\u003e les toasts du matin, les bagels et les scones, le yogourt et les bols déjeuner, les crêpes et les gaufres, les plateaux de fromages frais et à pâte molle, ainsi que les desserts et les pâtisseries qui méritent une touche citronnée éclatante.\u003c\/span\u003e\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cbr\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e","brand":"Mielbrut.com","offers":[{"title":"Default Title","offer_id":45003792679120,"sku":"sku-45862955090073","price":12.99,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0591\/4499\/5024\/files\/IMG-20260223-WA0031.jpg?v=1777695296"},{"product_id":"mielbrut-lemon-cardamom-honey-raw-quebec-honey-with-warm-spice","title":"Miel brut citron \u0026 cardamome — Miel brut du Québec aux épices chaudes","description":"\u003cp\u003eUn moment de raffinement dans votre tasse. Notre miel québécois infusé au citron et à la cardamome transforme votre rituel de thé en une expérience sensorielle pleine de chaleur et de luminosité. Chaque cuillerée révèle des notes lumineuses d’agrumes et l’arôme envoûtant de la cardamome, rehaussé de délicates rondelles de citron déshydratées.\u003c\/p\u003e\n\u003cp\u003ePour ceux qui apprécient les petits plaisirs raffinés du quotidien.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eIdéal pour :\u003c\/strong\u003e sucrer thés, lattes et boissons chaudes, napper les rôties, crêpes ou yogourts, rehausser les plateaux de fromages, et ajouter une touche sophistiquée aux recettes sucrées et salées.\u003c\/p\u003e","brand":"Mielbrut.com","offers":[{"title":"Default Title","offer_id":45003792810192,"sku":"sku-45862949224601","price":12.99,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0591\/4499\/5024\/files\/IMG-20260223-WA0025.jpg?v=1777695296"},{"product_id":"mielbrut-wildflower-honey-raw-amber-harvested-in-quebec","title":"Mielbrut Miel de fleurs sauvages — Brut, ambré et récolté au Québec","description":"\u003cp\u003eRécolté dans les prairies sauvages du Québec, notre miel de fleurs sauvages est une invitation à savourer le meilleur de notre terroir. Non pasteurisé et soigneusement récolté, il préserve toutes ses enzymes naturelles, ses arômes floraux et ses bienfaits pour la santé. Sa couleur ambrée profonde et son goût authentique en font un essentiel dans votre cuisine — et pour votre bien-être au quotidien.\u003c\/p\u003e\n\u003cp\u003eParce que les meilleures choses viennent de près de chez nous.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eIdéal pour :\u003c\/strong\u003e sucrer le thé ou le café, napper le yogourt ou les fruits frais, rehausser les plateaux de fromages, préparer des marinades et des vinaigrettes, ou simplement savourer à la cuillère.\u003c\/p\u003e","brand":"Mielbrut.com","offers":[{"title":"Default Title","offer_id":45003792744656,"sku":"sku-45627922219161","price":12.99,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0591\/4499\/5024\/files\/IMG-20260223-WA0020.jpg?v=1777695295"},{"product_id":"mielbrut-saffron-honey-raw-quebec-honey-infused-with-persian-saffron","title":"Miel de safran Mielbrut — Miel brut du Québec infusé au safran persan","description":"\u003cp\u003eCertains plaisirs méritent d'être savourés lentement. Notre miel brut du Québec infusé au safran de Perse est l'union rare de deux trésors naturels — la richesse dorée du miel artisanal et les notes florales et captivantes du safran. Chaque pot est une invitation à se faire plaisir, à s'offrir quelque chose de vraiment exceptionnel.\u003c\/p\u003e\n\u003cp\u003eParfait pour une gâterie personnelle ou comme cadeau pour quelqu'un de spécial.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eIdéal pour :\u003c\/strong\u003e napper un yogourt grec ou des fruits frais, sucrer un thé ou un latté, rehausser des plateaux de fromages fins, accompagner des desserts et des pâtisseries, et ajouter une touche luxueuse aux marinades et vinaigrettes.\u003c\/p\u003e","brand":"Mielbrut.com","offers":[{"title":"Default Title","offer_id":45003792875728,"sku":"sku-43661632667801","price":24.99,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0591\/4499\/5024\/files\/gps_generated_09592caa-a183-4dc5-a894-b31463f33f9a.png?v=1777695296"},{"product_id":"mielbrut-hot-honey-raw-quebec-honey-with-chili-pepper-heat","title":"Mielbrut Miel Épicé — Miel brut du Québec au piment","description":"\u003cp\u003ePour ceux qui aiment quand la vie a du piquant. Notre miel chaud du Québec réunit la douceur naturelle du miel cru et le piquant réconfortant du piment – un équilibre parfait entre le sucré et le relevé qui éveille les sens et transforme chaque repas en une expérience.\u003c\/p\u003e\n\u003cp\u003eOsez essayer quelque chose d'inattendu : un filet sur une pizza, un plateau de fromages, un poulet rôti ou même un dessert au chocolat. Une fois que vous y aurez goûté, vous ne pourrez plus vous en passer.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eIdéal pour :\u003c\/strong\u003e les viandes grillées et rôties, les plateaux de fromages, les pizzas, les plats d'inspiration asiatique et toute recette qui mérite une touche audacieuse et mémorable.\u003c\/p\u003e","brand":"Mielbrut.com","offers":[{"title":"Default Title","offer_id":45003792908496,"sku":"sku-43578559234201","price":12.99,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0591\/4499\/5024\/files\/IMG-20260223-WA0022.jpg?v=1777695296"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0591\/4499\/5024\/collections\/honey-and-health.png?v=1777697394","url":"https:\/\/ediblefinaltouch.ca\/fr\/collections\/mielbrut-collection.oembed","provider":"Edible Final Touch","version":"1.0","type":"link"}