{"title":"Mielbrut Collection","description":"\u003cbody\u003e\n\n\n  \u003cmeta charset=\"UTF-8\"\u003e\n  \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n  \u003ctitle\u003eMielbrut Honey, Soap \u0026amp; Beeswax Collection\u003c\/title\u003e\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  \u003cdiv class=\"floating-drop\" style=\"--size: 70px; --top: 72%; --left: 88%; --duration: 6.5s\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"floating-drop\" style=\"--size: 48px; --top: 42%; --left: 92%; --duration: 5.5s\"\u003e\u003c\/div\u003e\n\n  \u003cmain class=\"page\"\u003e\n    \u003csection class=\"hero\"\u003e\n      \u003cdiv\u003e\n        \u003cspan class=\"eyebrow\"\u003e\u003cspan class=\"pulse\"\u003e\u003c\/span\u003e Quebec Raw Honey • Beeswax • Natural Care\u003c\/span\u003e\n        \u003ch1\u003e\n\u003cspan class=\"gradient-text\"\u003eHoney from another world.\u003c\/span\u003e\u003cbr\u003eMade for everyday rituals.\u003c\/h1\u003e\n        \u003cp\u003e\n          Discover a glowing collection of raw Quebec honey, whipped honey, infused honey, beeswax balms, and goat milk soap — designed like a premium boutique collection with warm, natural, gift-ready energy.\n        \u003c\/p\u003e\n        \u003cdiv class=\"hero-actions\"\u003e\n          \u003ca class=\"btn\" href=\"#collection\"\u003eExplore Collection ✦\u003c\/a\u003e\n          \u003ca class=\"btn secondary\" href=\"#story\"\u003eSee the Experience\u003c\/a\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"stats\"\u003e\n          \u003cdiv class=\"stat\"\u003e\n\u003cstrong\u003eRaw\u003c\/strong\u003e\u003cspan\u003eQuebec honey focus\u003c\/span\u003e\n\u003c\/div\u003e\n          \u003cdiv class=\"stat\"\u003e\n\u003cstrong\u003ePure\u003c\/strong\u003e\u003cspan\u003eBeeswax care products\u003c\/span\u003e\n\u003c\/div\u003e\n          \u003cdiv class=\"stat\"\u003e\n\u003cstrong\u003eGift\u003c\/strong\u003e\u003cspan\u003ePremium natural bundles\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"hero-orbit\" aria-hidden=\"true\"\u003e\n        \u003cdiv class=\"planet\"\u003e\u003cdiv class=\"orbit-ring\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n        \u003cdiv class=\"mini-card\"\u003e\n\u003cdiv class=\"mini-icon\"\u003e🍯\u003c\/div\u003e\n\u003cstrong\u003eInfused Honey\u003c\/strong\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"mini-card\"\u003e\n\u003cdiv class=\"mini-icon\"\u003e🐝\u003c\/div\u003e\n\u003cstrong\u003eBeeswax Balm\u003c\/strong\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"mini-card\"\u003e\n\u003cdiv class=\"mini-icon\"\u003e🧼\u003c\/div\u003e\n\u003cstrong\u003eGoat Milk Soap\u003c\/strong\u003e\n\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003csection id=\"collection\"\u003e\n      \u003cdiv class=\"toolbar\"\u003e\n        \u003ch2\u003eThe Collection\u003c\/h2\u003e\n        \u003cdiv class=\"filters\" aria-label=\"Product filters\"\u003e\n          \u003cbutton class=\"filter active\" data-filter=\"all\"\u003eAll\u003c\/button\u003e\n          \u003cbutton class=\"filter\" data-filter=\"honey\"\u003eHoney\u003c\/button\u003e\n          \u003cbutton class=\"filter\" data-filter=\"balm\"\u003eBalms\u003c\/button\u003e\n          \u003cbutton class=\"filter\" data-filter=\"soap\"\u003eSoap\u003c\/button\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"collection-grid\"\u003e\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=\"Hot Honey\" data-description=\"Raw Quebec honey with chili pepper heat. A bold sweet-spicy finish for pizza, chicken, cheese boards, roasted vegetables, and adventurous gifts.\"\u003e\n          \u003cdiv class=\"product-art\"\u003e\u003cdiv class=\"jar\" data-label=\"Hot Honey\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n          \u003cspan class=\"tag\"\u003eSpicy Honey\u003c\/span\u003e\n          \u003ch3\u003eMielbrut Hot Honey\u003c\/h3\u003e\n          \u003cp\u003eRaw Quebec honey with chili pepper heat for a sweet fire finish.\u003c\/p\u003e\n          \u003cdiv class=\"notes\"\u003e\n\u003cspan class=\"note\"\u003eChili heat\u003c\/span\u003e\u003cspan class=\"note\"\u003eFoodie gift\u003c\/span\u003e\u003cspan class=\"note\"\u003eRaw honey\u003c\/span\u003e\n\u003c\/div\u003e\n          \u003cdiv class=\"card-actions\"\u003e\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\"\u003eShop now\u003c\/a\u003e\u003cbutton class=\"quick-view\" aria-label=\"View Hot Honey\"\u003e＋\u003c\/button\u003e\n\u003c\/div\u003e\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=\"Saffron Honey\" data-description=\"Raw Quebec honey infused with Persian saffron. A luxurious floral-golden profile for tea, desserts, cheese boards, and premium gift boxes.\"\u003e\n          \u003cdiv class=\"product-art\"\u003e\u003cdiv class=\"jar\" data-label=\"Saffron\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n          \u003cspan class=\"tag\"\u003eLuxury Infusion\u003c\/span\u003e\n          \u003ch3\u003eMielbrut Saffron Honey\u003c\/h3\u003e\n          \u003cp\u003eRaw Quebec honey infused with Persian saffron for a rich golden aroma.\u003c\/p\u003e\n          \u003cdiv class=\"notes\"\u003e\n\u003cspan class=\"note\"\u003ePersian saffron\u003c\/span\u003e\u003cspan class=\"note\"\u003ePremium\u003c\/span\u003e\u003cspan class=\"note\"\u003eTea pairing\u003c\/span\u003e\n\u003c\/div\u003e\n          \u003cdiv class=\"card-actions\"\u003e\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\"\u003eShop now\u003c\/a\u003e\u003cbutton class=\"quick-view\" aria-label=\"View Saffron Honey\"\u003e＋\u003c\/button\u003e\n\u003c\/div\u003e\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=\"Wildflower Honey\" data-description=\"Raw amber wildflower honey harvested in Quebec. A classic everyday honey for breakfast, baking, drinks, and natural pantry staples.\"\u003e\n          \u003cdiv class=\"product-art\"\u003e\u003cdiv class=\"jar\" data-label=\"Wildflower\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n          \u003cspan class=\"tag\"\u003eClassic Raw\u003c\/span\u003e\n          \u003ch3\u003eMielbrut Wildflower Honey\u003c\/h3\u003e\n          \u003cp\u003eRaw amber honey harvested in Quebec with a naturally floral taste.\u003c\/p\u003e\n          \u003cdiv class=\"notes\"\u003e\n\u003cspan class=\"note\"\u003eAmber\u003c\/span\u003e\u003cspan class=\"note\"\u003eEveryday\u003c\/span\u003e\u003cspan class=\"note\"\u003eQuebec\u003c\/span\u003e\n\u003c\/div\u003e\n          \u003cdiv class=\"card-actions\"\u003e\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\"\u003eShop now\u003c\/a\u003e\u003cbutton class=\"quick-view\" aria-label=\"View Wildflower Honey\"\u003e＋\u003c\/button\u003e\n\u003c\/div\u003e\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=\"Lemon \u0026amp; Cardamom Honey\" data-description=\"Raw Quebec honey blended with bright lemon and warm cardamom spice. Beautiful for tea, toast, yogurt, pastries, and cozy wellness-inspired gifts.\"\u003e\n          \u003cdiv class=\"product-art\"\u003e\u003cdiv class=\"jar\" data-label=\"Lemon Cardamom\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n          \u003cspan class=\"tag\"\u003eWarm Spice\u003c\/span\u003e\n          \u003ch3\u003eMielbrut Lemon \u0026amp; Cardamom Honey\u003c\/h3\u003e\n          \u003cp\u003eBright lemon meets warm cardamom in raw Quebec honey.\u003c\/p\u003e\n          \u003cdiv class=\"notes\"\u003e\n\u003cspan class=\"note\"\u003eLemon\u003c\/span\u003e\u003cspan class=\"note\"\u003eCardamom\u003c\/span\u003e\u003cspan class=\"note\"\u003eTea\u003c\/span\u003e\n\u003c\/div\u003e\n          \u003cdiv class=\"card-actions\"\u003e\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\"\u003eShop now\u003c\/a\u003e\u003cbutton class=\"quick-view\" aria-label=\"View Lemon Cardamom Honey\"\u003e＋\u003c\/button\u003e\n\u003c\/div\u003e\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=\"Hydrating Beeswax Balm\" data-description=\"A natural beeswax balm made for lips, hands, and dry skin. A simple, giftable moisturizer with a clean handmade feel.\"\u003e\n          \u003cdiv class=\"product-art\"\u003e\u003cdiv class=\"balm\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n          \u003cspan class=\"tag\"\u003eSkin Care\u003c\/span\u003e\n          \u003ch3\u003eHydrating Beeswax Balm\u003c\/h3\u003e\n          \u003cp\u003eMoisturize lips and skin naturally with a smooth beeswax finish.\u003c\/p\u003e\n          \u003cdiv class=\"notes\"\u003e\n\u003cspan class=\"note\"\u003eLips\u003c\/span\u003e\u003cspan class=\"note\"\u003eHands\u003c\/span\u003e\u003cspan class=\"note\"\u003eDaily care\u003c\/span\u003e\n\u003c\/div\u003e\n          \u003cdiv class=\"card-actions\"\u003e\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\"\u003eShop now\u003c\/a\u003e\u003cbutton class=\"quick-view\" aria-label=\"View Hydrating Beeswax Balm\"\u003e＋\u003c\/button\u003e\n\u003c\/div\u003e\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=\"3-Pack Beeswax Balms\" data-description=\"A practical 3-pack of beeswax balms for lips and skin. Great for family use, gifting, markets, and natural self-care bundles.\"\u003e\n          \u003cdiv class=\"product-art\"\u003e\u003cdiv class=\"balm\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n          \u003cspan class=\"tag\"\u003eBundle\u003c\/span\u003e\n          \u003ch3\u003e3-Pack Beeswax Balms\u003c\/h3\u003e\n          \u003cp\u003eA convenient balm trio for lips, hands, and everyday moisturizing.\u003c\/p\u003e\n          \u003cdiv class=\"notes\"\u003e\n\u003cspan class=\"note\"\u003e3 pack\u003c\/span\u003e\u003cspan class=\"note\"\u003eBundle value\u003c\/span\u003e\u003cspan class=\"note\"\u003eGiftable\u003c\/span\u003e\n\u003c\/div\u003e\n          \u003cdiv class=\"card-actions\"\u003e\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\"\u003eShop now\u003c\/a\u003e\u003cbutton class=\"quick-view\" aria-label=\"View 3-Pack Balms\"\u003e＋\u003c\/button\u003e\n\u003c\/div\u003e\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=\"Lavender Beeswax Balm\" data-description=\"Lavender-scented beeswax balm for lips, hands, and dry skin. A calming natural-care product with a soft floral aroma.\"\u003e\n          \u003cdiv class=\"product-art\"\u003e\u003cdiv class=\"balm\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n          \u003cspan class=\"tag\"\u003eLavender\u003c\/span\u003e\n          \u003ch3\u003eLavender Beeswax Balm\u003c\/h3\u003e\n          \u003cp\u003eA lavender-scented balm and hand salve for soft skin rituals.\u003c\/p\u003e\n          \u003cdiv class=\"notes\"\u003e\n\u003cspan class=\"note\"\u003eLavender\u003c\/span\u003e\u003cspan class=\"note\"\u003eHand salve\u003c\/span\u003e\u003cspan class=\"note\"\u003eSoft aroma\u003c\/span\u003e\n\u003c\/div\u003e\n          \u003cdiv class=\"card-actions\"\u003e\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\"\u003eShop now\u003c\/a\u003e\u003cbutton class=\"quick-view\" aria-label=\"View Lavender Balm\"\u003e＋\u003c\/button\u003e\n\u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"product-card\" data-link=\"https:\/\/ediblefinaltouch.ca\/products\/mielbrut-whipped-lemon-honey-creamy-raw-honey-with-natural-lemon-quebec?utm_source=copyToPasteBoard\u0026amp;utm_medium=product-links\u0026amp;utm_content=web\" data-category=\"honey\" data-title=\"Whipped Lemon Honey\" data-description=\"Creamy raw honey whipped with natural lemon. A spreadable honey for toast, pancakes, desserts, tea, and bright morning routines.\"\u003e\n          \u003cdiv class=\"product-art\"\u003e\u003cdiv class=\"jar\" data-label=\"Whipped Lemon\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n          \u003cspan class=\"tag\"\u003eCreamy Honey\u003c\/span\u003e\n          \u003ch3\u003eMielbrut Whipped Lemon Honey\u003c\/h3\u003e\n          \u003cp\u003eCreamy whipped raw honey with a clean natural lemon note.\u003c\/p\u003e\n          \u003cdiv class=\"notes\"\u003e\n\u003cspan class=\"note\"\u003eSpreadable\u003c\/span\u003e\u003cspan class=\"note\"\u003eLemon\u003c\/span\u003e\u003cspan class=\"note\"\u003eBreakfast\u003c\/span\u003e\n\u003c\/div\u003e\n          \u003cdiv class=\"card-actions\"\u003e\n\u003ca class=\"shop-link\" href=\"https:\/\/ediblefinaltouch.ca\/products\/mielbrut-whipped-lemon-honey-creamy-raw-honey-with-natural-lemon-quebec?utm_source=copyToPasteBoard\u0026amp;utm_medium=product-links\u0026amp;utm_content=web\"\u003eShop now\u003c\/a\u003e\u003cbutton class=\"quick-view\" aria-label=\"View Whipped Lemon Honey\"\u003e＋\u003c\/button\u003e\n\u003c\/div\u003e\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=\"Goat Milk, Beeswax \u0026amp; Honey Soap\" data-description=\"A 3-pack soap bar set made with goat milk, beeswax, and honey. A warm natural bath product that pairs beautifully with honey and balm gifts.\"\u003e\n          \u003cdiv class=\"product-art\"\u003e\u003cdiv class=\"soap\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n          \u003cspan class=\"tag\"\u003eSoap Bar\u003c\/span\u003e\n          \u003ch3\u003eGoat Milk, Beeswax \u0026amp; Honey Soap\u003c\/h3\u003e\n          \u003cp\u003eA creamy soap bar set made with goat milk, beeswax, and honey.\u003c\/p\u003e\n          \u003cdiv class=\"notes\"\u003e\n\u003cspan class=\"note\"\u003e3 pack\u003c\/span\u003e\u003cspan class=\"note\"\u003eGoat milk\u003c\/span\u003e\u003cspan class=\"note\"\u003eHoney\u003c\/span\u003e\n\u003c\/div\u003e\n          \u003cdiv class=\"card-actions\"\u003e\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\"\u003eShop now\u003c\/a\u003e\u003cbutton class=\"quick-view\" aria-label=\"View Soap Bars\"\u003e＋\u003c\/button\u003e\n\u003c\/div\u003e\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=\"Whipped Honey\" data-description=\"Creamy spreadable raw Quebec honey. Smooth, pure, and ideal for toast, crackers, pastries, breakfast boards, and gift baskets.\"\u003e\n          \u003cdiv class=\"product-art\"\u003e\u003cdiv class=\"jar\" data-label=\"Whipped\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n          \u003cspan class=\"tag\"\u003eSpreadable\u003c\/span\u003e\n          \u003ch3\u003eMielbrut Whipped Honey\u003c\/h3\u003e\n          \u003cp\u003eCreamy raw Quebec honey with a smooth spreadable texture.\u003c\/p\u003e\n          \u003cdiv class=\"notes\"\u003e\n\u003cspan class=\"note\"\u003ePure\u003c\/span\u003e\u003cspan class=\"note\"\u003eCreamy\u003c\/span\u003e\u003cspan class=\"note\"\u003eToast\u003c\/span\u003e\n\u003c\/div\u003e\n          \u003cdiv class=\"card-actions\"\u003e\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\"\u003eShop now\u003c\/a\u003e\u003cbutton class=\"quick-view\" aria-label=\"View Whipped Honey\"\u003e＋\u003c\/button\u003e\n\u003c\/div\u003e\n        \u003c\/article\u003e\n      \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003csection id=\"story\" class=\"story\"\u003e\n      \u003cdiv class=\"story-card\"\u003e\n        \u003ch2\u003eA boutique collection that feels alive.\u003c\/h2\u003e\n        \u003cp\u003e\n          This HTML section uses floating honey drops, filterable product cards, animated honey flow, glass-style cards, and a quick-view modal. Replace the product names, descriptions, links, and icons with your final Shopify product data to turn it into a polished collection landing page.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"story-card honey-flow\"\u003e\n        \u003cdiv class=\"drip-machine\" aria-label=\"Animated honey drip\"\u003e\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/section\u003e\n  \u003c\/main\u003e\n\n  \u003cdialog id=\"productModal\"\u003e\n    \u003cdiv class=\"modal-content\"\u003e\n      \u003cdiv class=\"modal-top\"\u003e\n        \u003cdiv\u003e\n          \u003cspan class=\"tag\" id=\"modalTag\"\u003eCollection\u003c\/span\u003e\n          \u003ch3 id=\"modalTitle\"\u003eProduct\u003c\/h3\u003e\n        \u003c\/div\u003e\n        \u003cbutton class=\"close\" id=\"modalClose\" aria-label=\"Close modal\"\u003e×\u003c\/button\u003e\n      \u003c\/div\u003e\n      \u003cp id=\"modalDescription\"\u003e\u003c\/p\u003e\n      \u003ca class=\"btn\" href=\"#collection\" id=\"modalButton\"\u003eBack to Collection ✦\u003c\/a\u003e\n    \u003c\/div\u003e\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\u003c\/body\u003e","products":[{"product_id":"mielbrut-whipped-honey-creamy-raw-quebec-honey-spreadable-pure","title":"Mielbrut Whipped Honey — Creamy Raw Quebec Honey, Spreadable \u0026 Pure","description":"\u003cdiv class=\"flex flex-grow flex-col max-w-full gap-3 gizmo:gap-0\"\u003e\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\u003cdiv class=\"markdown prose w-full break-words dark:prose-invert light\"\u003e\n\u003cdiv class=\"flex flex-grow flex-col max-w-full gap-3 gizmo:gap-0\"\u003e\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\u003cp class=\"_p_ua7qq_109\"\u003e\u003cspan\u003eImagine the honey you love, but even silkier. Our Quebec whipped honey is artisanally transformed into a creamy, cloud-like spread — no dripping, no mess, just the pure taste of raw honey in a texture that glides effortlessly. A simple pleasure that makes every morning feel a little more special.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"_p_ua7qq_109\"\u003e\u003cspan\u003eSpread it on toast, swirl it into yogurt, or enjoy it straight from the jar — because you deserve it.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"_p_ua7qq_109\"\u003e\u003cstrong\u003e\u003cspan\u003eIdeal for:\u003c\/span\u003e\u003c\/strong\u003e\u003cspan\u003e morning toast and croissants, yogurt and fruit bowls, cheese boards, pancakes and waffles, and replacing processed sugary spreads.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\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":true}],"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 Whipped Lemon Honey — Creamy Raw Honey with Natural Lemon | Quebec","description":"\u003cdiv class=\"flex flex-grow flex-col max-w-full gap-3 gizmo:gap-0\"\u003e\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\u003cdiv class=\"markdown prose w-full break-words dark:prose-invert light\"\u003e\n\u003cdiv class=\"flex flex-grow flex-col max-w-full gap-3 gizmo:gap-0\"\u003e\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\u003cdiv class=\"markdown prose w-full break-words dark:prose-invert light\"\u003e\n\u003cp class=\"_p_ua7qq_109\"\u003e\u003cspan\u003eThe natural sweetness of raw Quebec honey meets the bright freshness of lemon — all in a creamy, velvety texture that spreads like a dream. Our whipped lemon honey brings a touch of lightness and sophistication to your mornings, your snacks, and your quiet moments of indulgence.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"_p_ua7qq_109\"\u003e\u003cspan\u003eOne spoonful is all it takes to turn the ordinary into something special.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"_p_ua7qq_109\"\u003e\u003cstrong\u003e\u003cspan\u003eIdeal for:\u003c\/span\u003e\u003c\/strong\u003e\u003cspan\u003e morning toast, bagels, and scones, yogurt and breakfast bowls, pancakes and waffles, fresh and soft cheese boards, and desserts and pastries that deserve a bright citrus twist.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\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":"Mielbrut Lemon \u0026 Cardamom Honey — Raw Quebec Honey with Warm Spice","description":"\u003cp\u003eA moment of refinement in your cup. Our Quebec honey infused with lemon and cardamom transforms your tea ritual into a sensory experience full of warmth and brightness. Each spoonful reveals luminous citrus notes and the captivating aroma of cardamom, enhanced by delicate dehydrated lemon slices.\u003c\/p\u003e\n\u003cp\u003eFor those who appreciate the refined little pleasures of everyday life.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eIdeal for:\u003c\/strong\u003e sweetening tea, lattes, and warm drinks, drizzling over toast, crêpes, or yogurt, elevating cheese boards, and adding a sophisticated twist to sweet and savoury recipes.\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 Wildflower Honey — Raw, Amber \u0026 Harvested in Quebec","description":"\u003cp\u003eHarvested from the wild meadows of Quebec, our wildflower honey is an invitation to savour the very best of our land. Unpasteurized and carefully harvested, it preserves all its natural enzymes, floral aromas, and wellness benefits. Its deep amber colour and authentic taste make it an essential in your kitchen — and in your daily wellbeing.\u003c\/p\u003e\n\u003cp\u003eBecause the best things come from close to home.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eIdeal for:\u003c\/strong\u003e sweetening tea or coffee, drizzling over yogurt or fresh fruit, elevating cheese boards, cooking marinades and dressings, or simply enjoying by the spoonful.\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":"Mielbrut Saffron Honey — Raw Quebec Honey Infused with Persian Saffron","description":"\u003cp\u003eSome pleasures deserve to be savoured slowly. Our raw Quebec honey infused with Persian saffron is a rare union of two natural treasures — the golden richness of artisanal honey and the floral, captivating notes of saffron. Each jar is an invitation to treat yourself, to offer yourself something truly exceptional.\u003c\/p\u003e\n\u003cp\u003ePerfect as a personal indulgence, or as a gift for someone special.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eIdeal for:\u003c\/strong\u003e drizzling over Greek yogurt or fresh fruit, sweetening tea or a latte, elevating fine cheese boards, accompanying desserts and pastries, and adding a luxurious touch to marinades and dressings.\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 Hot Honey — Raw Quebec Honey with Chili Pepper Heat","description":"\u003cp\u003eFor those who love when life has a little kick. Our Quebec hot honey brings together the natural sweetness of raw honey and the warming heat of chili pepper — a perfect sweet-and-spicy balance that awakens the senses and turns every meal into an experience.\u003c\/p\u003e\n\u003cp\u003eDare to try something unexpected: a drizzle on pizza, a cheese board, roasted chicken, or even a chocolate dessert. Once you’ve tasted it, you won’t be able to go back.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eIdeal for:\u003c\/strong\u003e grilled and roasted meats, cheese boards, pizza, Asian inspired dishes and any recipe that deserves a bold, memorable touch.\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\/collections\/mielbrut-collection.oembed","provider":"Edible Final Touch","version":"1.0","type":"link"}