{"product_id":"herbal-diffuser-pack-of-4","title":"Herbal Diffuser (Pack of 4)","description":"\u003cstyle\u003e\n    .puffair-product-description {\n      --black: #0b0b0b;\n      --white: #ffffff;\n      --light: #f5f5f5;\n      --gray: #777777;\n      --border: #dddddd;\n\n      max-width: 1100px;\n      margin: 0 auto;\n      padding: 10px 18px 45px;\n      color: #111111;\n      font-family: Arial, Helvetica, sans-serif;\n      line-height: 1.7;\n    }\n\n    .puffair-product-description *,\n    .puffair-product-description *::before,\n    .puffair-product-description *::after {\n      box-sizing: border-box;\n    }\n\n    \/* =========================\n       HERO\n    ========================= *\/\n\n    .puffair-hero {\n      position: relative;\n      background: var(--black);\n      color: #ffffff !important;\n      border-radius: 20px;\n      padding: 42px 28px;\n      text-align: center;\n      overflow: hidden;\n      margin-bottom: 38px;\n    }\n\n    .puffair-hero::before {\n      content: \"✦\";\n      position: absolute;\n      top: -25px;\n      left: -15px;\n      font-size: 120px;\n      opacity: 0.06;\n      transform: rotate(-15deg);\n    }\n\n    .puffair-hero::after {\n      content: \"✦\";\n      position: absolute;\n      right: -15px;\n      bottom: -35px;\n      font-size: 145px;\n      opacity: 0.06;\n      transform: rotate(18deg);\n    }\n\n    .puffair-badge {\n      position: relative;\n      z-index: 2;\n      display: inline-block;\n      padding: 7px 15px;\n      border: 1px solid rgba(255,255,255,0.45);\n      border-radius: 30px;\n      font-size: 11px;\n      font-weight: 700;\n      letter-spacing: 1.5px;\n      text-transform: uppercase;\n      margin-bottom: 14px;\n    }\n\n    .puffair-hero h2 {\n      position: relative;\n      z-index: 2;\n      margin: 0 0 12px;\n      color: #ffffff !important;\n      font-size: 34px;\n      line-height: 1.18;\n      font-weight: 800;\n      letter-spacing: -0.8px;\n    }\n\n    .puffair-hero p {\n      position: relative;\n      z-index: 2;\n      max-width: 760px;\n      margin: 0 auto;\n      color: #d7d7d7;\n      font-size: 15px;\n    }\n\n    \/* =========================\n       OVERVIEW\n    ========================= *\/\n\n    .puffair-section {\n      margin-top: 38px;\n    }\n\n    .puffair-section-header {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      margin-bottom: 18px;\n    }\n\n    .puffair-section-header::before {\n      content: \"\";\n      display: block;\n      width: 5px;\n      height: 28px;\n      background: var(--black);\n      border-radius: 5px;\n      flex-shrink: 0;\n    }\n\n    .puffair-section-title {\n      margin: 0;\n      font-size: 24px;\n      line-height: 1.25;\n      font-weight: 800;\n      text-transform: uppercase;\n      letter-spacing: -0.3px;\n    }\n\n    .puffair-overview {\n      background: var(--light);\n      border: 1px solid #e8e8e8;\n      border-radius: 16px;\n      padding: 25px;\n    }\n\n    .puffair-overview p {\n      margin: 0;\n      color: #414141;\n      font-size: 15px;\n    }\n\n    .puffair-feature-list {\n      margin: 20px 0 0 !important;\n      padding: 0 !important;\n      list-style: none !important;\n    }\n\n    .puffair-feature-list li {\n      position: relative !important;\n      display: block !important;\n      margin: 0 0 10px !important;\n      padding: 0 0 0 32px !important;\n      color: #333333;\n      font-size: 14px;\n      list-style: none !important;\n    }\n\n    .puffair-feature-list li::before {\n      content: \"✓\" !important;\n      position: absolute !important;\n      left: 0 !important;\n      top: 1px !important;\n      width: 19px !important;\n      height: 19px !important;\n      display: flex !important;\n      align-items: center !important;\n      justify-content: center !important;\n      background: #0b0b0b !important;\n      color: #ffffff !important;\n      border-radius: 50% !important;\n      font-size: 11px !important;\n      font-weight: 700 !important;\n    }\n\n    \/* =========================\n       VIDEO GRID \u0026 SOUND TOGGLE\n    ========================= *\/\n\n    .puffair-video-section {\n      margin-top: 45px;\n    }\n\n    .puffair-video-heading {\n      text-align: center;\n      margin-bottom: 20px;\n    }\n\n    .puffair-video-heading h3 {\n      margin: 0 0 7px;\n      color: #111111;\n      font-size: 27px;\n      line-height: 1.25;\n      font-weight: 800;\n      text-transform: uppercase;\n      letter-spacing: -0.4px;\n    }\n\n    .puffair-video-heading p {\n      margin: 0;\n      color: #777777;\n      font-size: 14px;\n    }\n\n    .puffair-video-grid {\n      display: grid;\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n      gap: 12px;\n      width: 100%;\n    }\n\n    .puffair-video-card {\n      position: relative;\n      width: 100%;\n      min-width: 0;\n      background: #000000;\n      border-radius: 14px;\n      overflow: hidden;\n      border: 1px solid #222222;\n    }\n\n    .puffair-video-card video {\n      display: block;\n      width: 100%;\n      height: auto;\n      max-width: 100%;\n      background: #000000;\n    }\n\n    \/* Custom Sound Toggle Button *\/\n    .puffair-sound-toggle {\n      position: absolute;\n      bottom: 12px;\n      right: 12px;\n      width: 36px;\n      height: 36px;\n      border-radius: 50%;\n      background: rgba(0, 0, 0, 0.65);\n      border: 1px solid rgba(255, 255, 255, 0.35);\n      color: #FFFFFF;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      cursor: pointer;\n      z-index: 10;\n      padding: 0;\n      transition: transform 0.2s ease, background-color 0.2s ease;\n      backdrop-filter: blur(4px);\n      -webkit-backdrop-filter: blur(4px);\n    }\n\n    .puffair-sound-toggle:hover {\n      transform: scale(1.08);\n      background: rgba(0, 0, 0, 0.85);\n    }\n\n    .puffair-sound-toggle svg {\n      width: 18px;\n      height: 18px;\n      fill: currentColor;\n      pointer-events: none;\n    }\n\n    \/* =========================\n       CUSTOMER REVIEWS GRID\n    ========================= *\/\n\n    .puffair-reviews {\n      width: 100%;\n      margin-top: 55px;\n      padding: 55px 0 10px;\n      background: #ffffff;\n      overflow: hidden;\n    }\n\n    .puffair-reviews-container {\n      width: 100%;\n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 0 0;\n    }\n\n    .puffair-reviews-heading {\n      max-width: 760px;\n      margin: 0 auto 32px;\n      text-align: center;\n    }\n\n    .puffair-reviews-heading h2 {\n      margin: 0;\n      color: #111111;\n      font-size: 32px;\n      line-height: 1.2;\n      font-weight: 700;\n      letter-spacing: -0.3px;\n    }\n\n    .puffair-reviews-grid {\n      display: grid;\n      grid-template-columns: repeat(4, minmax(0, 1fr));\n      gap: 16px;\n      width: 100%;\n    }\n\n    .puffair-review-card {\n      position: relative;\n      display: flex;\n      flex-direction: column;\n      min-width: 0;\n      overflow: hidden;\n      background: #ffffff;\n      border: 1px solid #e3e3e3;\n      border-radius: 8px;\n      box-shadow: 0 2px 8px rgba(0,0,0,0.05);\n    }\n\n    .puffair-review-media {\n      position: relative;\n      width: 100%;\n      aspect-ratio: 1 \/ 1;\n      overflow: hidden;\n      background: #f5f5f5;\n      border-bottom: 1px solid #ededed;\n      cursor: zoom-in;\n    }\n\n    .puffair-review-media img {\n      display: block !important;\n      width: 100% !important;\n      height: 100% !important;\n      max-width: none !important;\n      object-fit: cover !important;\n      object-position: center !important;\n      background: #f5f5f5;\n      transition: transform 0.3s ease;\n    }\n\n    .puffair-review-media:hover img {\n      transform: scale(1.035);\n    }\n\n    .puffair-review-image-hint {\n      position: absolute;\n      right: 8px;\n      bottom: 8px;\n      width: 28px;\n      height: 28px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      border-radius: 50%;\n      background: rgba(0,0,0,0.72);\n      color: #ffffff;\n      font-size: 14px;\n      line-height: 1;\n      pointer-events: none;\n    }\n\n    .puffair-review-content {\n      display: flex;\n      flex-direction: column;\n      padding: 10px 10px 12px;\n    }\n\n    .puffair-review-name {\n      order: 1;\n      margin: 0 0 4px !important;\n      padding: 0 !important;\n      border: 0 !important;\n      color: #111111;\n      font-size: 13px;\n      line-height: 1.2;\n      font-weight: 700;\n    }\n\n    .puffair-review-name::after {\n      content: \"✓\";\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      margin-left: 4px;\n      font-size: 8px;\n      font-weight: 700;\n      color: #ffffff;\n      background: #222222;\n      width: 11px;\n      height: 11px;\n      line-height: 11px;\n      text-align: center;\n      border-radius: 50%;\n      vertical-align: 1px;\n    }\n\n    .puffair-review-rating {\n      order: 2;\n      margin: 0 0 8px !important;\n      padding: 0 !important;\n      color: #f5b301;\n      font-size: 13px;\n      line-height: 1;\n      letter-spacing: 1px;\n    }\n\n    .puffair-review-text {\n      order: 4;\n      margin: 0 !important;\n      padding: 0 !important;\n      color: #111111;\n      font-size: 12px;\n      line-height: 1.35;\n      font-weight: 400;\n    }\n\n    \/* =========================\n       IMAGE LIGHTBOX\n    ========================= *\/\n\n    .puffair-lightbox {\n      position: fixed;\n      inset: 0;\n      z-index: 999999;\n      display: none;\n      align-items: center;\n      justify-content: center;\n      padding: 25px;\n      background: rgba(0,0,0,0.88);\n    }\n\n    .puffair-lightbox.is-open {\n      display: flex;\n    }\n\n    .puffair-lightbox img {\n      display: block;\n      max-width: min(92vw, 900px);\n      max-height: 88vh;\n      width: auto;\n      height: auto;\n      object-fit: contain;\n      border-radius: 8px;\n      box-shadow: 0 15px 50px rgba(0,0,0,0.45);\n    }\n\n    .puffair-lightbox-close {\n      position: absolute;\n      top: 15px;\n      right: 18px;\n      width: 42px;\n      height: 42px;\n      border: 0;\n      border-radius: 50%;\n      background: #ffffff;\n      color: #111111;\n      font-size: 28px;\n      line-height: 42px;\n      text-align: center;\n      cursor: pointer;\n      padding: 0;\n    }\n\n    .puffair-lightbox-close:hover {\n      background: #eeeeee;\n    }\n\n\n    \/* =========================\n       WHAT PEOPLE NOTICED\n    ========================= *\/\n\n    .puffair-results-section {\n      margin-top: 55px;\n      padding: 55px 0 10px;\n      background: #ffffff;\n    }\n\n    .puffair-results-container {\n      width: 100%;\n      max-width: 1100px;\n      margin: 0 auto;\n    }\n\n    .puffair-results-heading {\n      text-align: center;\n      margin: 0 auto 30px;\n    }\n\n    .puffair-results-heading h2 {\n      margin: 0 0 8px;\n      color: #111111;\n      font-size: 32px;\n      line-height: 1.2;\n      font-weight: 800;\n      letter-spacing: -0.4px;\n    }\n\n    .puffair-results-heading p {\n      margin: 0;\n      color: #777777;\n      font-size: 14px;\n    }\n\n    .puffair-results-grid {\n      display: grid;\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n      gap: 14px;\n    }\n\n    .puffair-result-card {\n      display: flex;\n      align-items: flex-start;\n      gap: 16px;\n      padding: 19px 20px;\n      background: #f7f7f7;\n      border: 1px solid #e5e5e5;\n      border-radius: 14px;\n    }\n\n    .puffair-result-percent {\n      flex: 0 0 auto;\n      min-width: 58px;\n      color: #111111;\n      font-size: 25px;\n      line-height: 1.1;\n      font-weight: 800;\n    }\n\n    .puffair-result-card p {\n      margin: 0;\n      color: #444444;\n      font-size: 14px;\n      line-height: 1.5;\n    }\n\n    .puffair-result-card strong {\n      color: #111111;\n      font-weight: 700;\n    }\n\n    \/* =========================\n       BOTTOM STRIP\n    ========================= *\/\n\n    .puffair-bottom-strip {\n      margin-top: 38px;\n      padding: 16px 18px;\n      background: #0b0b0b;\n      color: #ffffff;\n      border-radius: 14px;\n      text-align: center;\n      font-size: 12px;\n      font-weight: 700;\n      text-transform: uppercase;\n      letter-spacing: 1.2px;\n    }\n\n    \/* =========================\n       TABLET \u0026 MOBILE BREAKPOINTS\n    ========================= *\/\n\n    @media (max-width: 991px) and (min-width: 768px) {\n      .puffair-reviews-grid {\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n        gap: 12px;\n      }\n      .puffair-video-grid {\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n        gap: 12px;\n      }\n    }\n\n    @media (max-width: 767px) {\n      .puffair-product-description {\n        padding: 5px 12px 30px;\n      }\n\n      .puffair-hero {\n        padding: 34px 19px;\n        border-radius: 16px;\n      }\n\n      .puffair-hero h2 {\n        font-size: 25px;\n      }\n\n      .puffair-hero p {\n        font-size: 14px;\n      }\n\n      .puffair-section {\n        margin-top: 30px;\n      }\n\n      .puffair-section-title {\n        font-size: 20px;\n      }\n\n      .puffair-overview {\n        padding: 19px;\n      }\n\n      .puffair-overview p {\n        font-size: 14px;\n      }\n\n      .puffair-feature-list li {\n        font-size: 13.5px;\n        line-height: 1.55;\n      }\n\n      .puffair-video-grid {\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n        gap: 8px;\n      }\n\n      .puffair-video-card {\n        border-radius: 10px;\n      }\n\n      .puffair-sound-toggle {\n        width: 32px;\n        height: 32px;\n        bottom: 8px;\n        right: 8px;\n      }\n\n      .puffair-sound-toggle svg {\n        width: 15px;\n        height: 15px;\n      }\n\n      .puffair-video-card video {\n        width: 100%;\n        height: auto;\n      }\n\n      .puffair-video-heading h3 {\n        font-size: 23px;\n      }\n\n      .puffair-results-section {\n        margin-top: 45px;\n        padding: 40px 0 5px;\n      }\n\n      .puffair-results-heading {\n        margin-bottom: 22px;\n      }\n\n      .puffair-results-heading h2 {\n        font-size: 25px;\n      }\n\n      .puffair-results-heading p {\n        font-size: 13px;\n      }\n\n      .puffair-results-grid {\n        grid-template-columns: 1fr;\n        gap: 10px;\n      }\n\n      .puffair-result-card {\n        gap: 13px;\n        padding: 16px;\n        border-radius: 12px;\n      }\n\n      .puffair-result-percent {\n        min-width: 52px;\n        font-size: 22px;\n      }\n\n      .puffair-result-card p {\n        font-size: 13px;\n        line-height: 1.45;\n      }\n\n      .puffair-reviews {\n        margin-top: 45px;\n        padding: 40px 0 5px;\n      }\n\n      .puffair-reviews-heading {\n        margin-bottom: 22px;\n      }\n\n      .puffair-reviews-heading h2 {\n        font-size: 24px;\n      }\n\n      .puffair-reviews-grid {\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n        gap: 8px;\n      }\n\n      .puffair-review-content {\n        padding: 8px 8px 10px;\n      }\n\n      .puffair-review-name {\n        font-size: 11px;\n      }\n\n      .puffair-review-rating {\n        font-size: 11px;\n        letter-spacing: 0.7px;\n        margin-bottom: 6px !important;\n      }\n\n      .puffair-review-text {\n        font-size: 10.5px;\n        line-height: 1.25;\n      }\n\n      .puffair-review-image-hint {\n        width: 24px;\n        height: 24px;\n        right: 6px;\n        bottom: 6px;\n        font-size: 12px;\n      }\n\n      .puffair-lightbox {\n        padding: 15px;\n      }\n    }\n  \u003c\/style\u003e\n\u003cdiv class=\"puffair-product-description\"\u003e\n\u003c!-- =========================\n       HERO\n  ========================= --\u003e\n\u003cdiv class=\"puffair-hero\"\u003e\n\u003cdiv class=\"puffair-badge\"\u003eHerbal Wellness\u003c\/div\u003e\n\u003ch2 style=\"color: #ffffff !important;\"\u003ePuffAir Herbal Diffuser 4-Stick Pack\u003c\/h2\u003e\n\u003cp\u003eA portable herbal diffuser set featuring four aroma blends, designed around relaxation, energy, and everyday wellness.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- =========================\n       OVERVIEW\n  ========================= --\u003e\n\u003cdiv class=\"puffair-section\"\u003e\n\u003cdiv class=\"puffair-section-header\"\u003e\n\u003ch3 class=\"puffair-section-title\"\u003eOverview\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"puffair-overview\"\u003e\n\u003cp\u003eFour aroma blends in one convenient pack, with each diffuser stick featuring a different herbal combination for different preferences and everyday routines.\u003c\/p\u003e\n\u003cul class=\"puffair-feature-list\"\u003e\n\u003cli\u003eFour aromas in one pack — Includes multiple herbal blends designed for different preferences.\u003c\/li\u003e\n\u003cli\u003eLung Cleanse blend — Contains Mullein, Thyme, and Mint.\u003c\/li\u003e\n\u003cli\u003eSleep Support blend — Includes Melatonin, Lavender, Chamomile, and Ashwagandha.\u003c\/li\u003e\n\u003cli\u003eLiver Support blend — Made with Milk Thistle and Dandelion.\u003c\/li\u003e\n\u003cli\u003eEnergy Boost blend — Features Guarana, Vitamin B12, Peppermint, and Green Tea.\u003c\/li\u003e\n\u003cli\u003ePortable and convenient — Compact diffuser sticks designed for easy use.\u003c\/li\u003e\n\u003cli\u003eVegan friendly \u0026amp; natural formula — Formulated with plant-based ingredients.\u003c\/li\u003e\n\u003cli\u003e600 uses total — Multi-use diffuser sticks for extended use.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- =========================\n       VIDEO GRID (WITH MUTUAL SOUND TOGGLE)\n  ========================= --\u003e\n\u003cdiv class=\"puffair-video-section\"\u003e\n\u003cdiv class=\"puffair-video-heading\"\u003e\n\u003ch3\u003eSee It In Action\u003c\/h3\u003e\n\u003cp\u003eExplore the PuffAir Herbal Diffuser through these product videos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"puffair-video-grid\"\u003e\n\u003c!-- VIDEO 1 --\u003e\n\u003cdiv class=\"puffair-video-card\"\u003e\n\u003cvideo autoplay=\"autoplay\" muted=\"\" loop=\"loop\" playsinline=\"\" preload=\"metadata\"\u003e\n          \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/00319fec0fc64b64855217ace3897315.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e \u003cbutton type=\"button\" class=\"puffair-sound-toggle\"\u003e \u003cspan class=\"icon-muted\"\u003e \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M16.5 12c0-1.77-1.02-3.29-2.5-4.03v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51C20.63 14.91 21 13.5 21 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3L3 4.27l4.78 4.78H4v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06c1.38-.31 2.63-.95 3.69-1.81L19.73 21 21 19.73l-9-9L4.27 3zM12 4L9.91 6.09 12 8.18V4z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003c\/span\u003e \u003cspan class=\"icon-unmuted\" style=\"display: none;\"\u003e \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003c\/span\u003e \u003c\/button\u003e\n\u003c\/div\u003e\n\u003c!-- VIDEO 2 --\u003e\n\u003cdiv class=\"puffair-video-card\"\u003e\n\u003cvideo autoplay=\"autoplay\" muted=\"\" loop=\"loop\" playsinline=\"\" preload=\"metadata\"\u003e\n          \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/8adecd6808da42a38121e6a062341e91.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e \u003cbutton type=\"button\" class=\"puffair-sound-toggle\"\u003e \u003cspan class=\"icon-muted\"\u003e \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M16.5 12c0-1.77-1.02-3.29-2.5-4.03v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51C20.63 14.91 21 13.5 21 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3L3 4.27l4.78 4.78H4v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06c1.38-.31 2.63-.95 3.69-1.81L19.73 21 21 19.73l-9-9L4.27 3zM12 4L9.91 6.09 12 8.18V4z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003c\/span\u003e \u003cspan class=\"icon-unmuted\" style=\"display: none;\"\u003e \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003c\/span\u003e \u003c\/button\u003e\n\u003c\/div\u003e\n\u003c!-- VIDEO 3 --\u003e\n\u003cdiv class=\"puffair-video-card\"\u003e\n\u003cvideo autoplay=\"autoplay\" muted=\"\" loop=\"loop\" playsinline=\"\" preload=\"metadata\"\u003e\n          \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/d30b001cebd34fc2a090ebc30d825d7e.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e \u003cbutton type=\"button\" class=\"puffair-sound-toggle\"\u003e \u003cspan class=\"icon-muted\"\u003e \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M16.5 12c0-1.77-1.02-3.29-2.5-4.03v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51C20.63 14.91 21 13.5 21 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3L3 4.27l4.78 4.78H4v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06c1.38-.31 2.63-.95 3.69-1.81L19.73 21 21 19.73l-9-9L4.27 3zM12 4L9.91 6.09 12 8.18V4z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003c\/span\u003e \u003cspan class=\"icon-unmuted\" style=\"display: none;\"\u003e \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003c\/span\u003e \u003c\/button\u003e\n\u003c\/div\u003e\n\u003c!-- VIDEO 4 --\u003e\n\u003cdiv class=\"puffair-video-card\"\u003e\n\u003cvideo autoplay=\"autoplay\" muted=\"\" loop=\"loop\" playsinline=\"\" preload=\"metadata\"\u003e\n          \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/e70f1ea95f924dc8b3cc9bb40d5ae9eb.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e \u003cbutton type=\"button\" class=\"puffair-sound-toggle\"\u003e \u003cspan class=\"icon-muted\"\u003e \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M16.5 12c0-1.77-1.02-3.29-2.5-4.03v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51C20.63 14.91 21 13.5 21 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3L3 4.27l4.78 4.78H4v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06c1.38-.31 2.63-.95 3.69-1.81L19.73 21 21 19.73l-9-9L4.27 3zM12 4L9.91 6.09 12 8.18V4z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003c\/span\u003e \u003cspan class=\"icon-unmuted\" style=\"display: none;\"\u003e \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003c\/span\u003e \u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- JAVASCRIPT: MUTUAL VIDEO UNMUTE LOGIC --\u003e \u003cscript\u003e\n    document.addEventListener('DOMContentLoaded', function() {\n      const cards = document.querySelectorAll('.puffair-product-description .puffair-video-card');\n\n      function updateSoundIcon(card, isMuted) {\n        const iconMuted = card.querySelector('.icon-muted');\n        const iconUnmuted = card.querySelector('.icon-unmuted');\n        if (iconMuted \u0026\u0026 iconUnmuted) {\n          iconMuted.style.display = isMuted ? 'inline-block' : 'none';\n          iconUnmuted.style.display = isMuted ? 'none' : 'inline-block';\n        }\n      }\n\n      cards.forEach(card =\u003e {\n        const video = card.querySelector('video');\n        const button = card.querySelector('.puffair-sound-toggle');\n\n        if (!video || !button) return;\n\n        \/\/ Initial default: Muted\n        video.muted = true;\n        updateSoundIcon(card, true);\n\n        button.addEventListener('click', function(e) {\n          e.stopPropagation();\n\n          const willUnmute = video.muted;\n\n          if (willUnmute) {\n            \/\/ Mute all other videos\n            cards.forEach(otherCard =\u003e {\n              const otherVid = otherCard.querySelector('video');\n              if (otherVid) {\n                otherVid.muted = true;\n                updateSoundIcon(otherCard, true);\n              }\n            });\n\n            \/\/ Unmute current video\n            video.muted = false;\n            updateSoundIcon(card, false);\n          } else {\n            \/\/ Mute current video\n            video.muted = true;\n            updateSoundIcon(card, true);\n          }\n        });\n      });\n    });\n  \u003c\/script\u003e \u003c!-- =========================\n       WHAT PEOPLE NOTICED\n  ========================= --\u003e\n\u003csection class=\"puffair-results-section\"\u003e\n\u003cdiv class=\"puffair-results-container\"\u003e\n\u003cdiv class=\"puffair-results-heading\"\u003e\n\u003ch2\u003eWhat People Noticed?\u003c\/h2\u003e\n\u003cp\u003eReported experiences from consistent use.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"puffair-results-grid\"\u003e\n\u003cdiv class=\"puffair-result-card\"\u003e\n\u003cdiv class=\"puffair-result-percent\"\u003e85%\u003c\/div\u003e\n\u003cp\u003e\u003cstrong\u003eNoticed clearer breathing\u003c\/strong\u003e after just a few days of use.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"puffair-result-card\"\u003e\n\u003cdiv class=\"puffair-result-percent\"\u003e85%\u003c\/div\u003e\n\u003cp\u003e\u003cstrong\u003eExperienced reduced coughing\u003c\/strong\u003e and easier airflow.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"puffair-result-card\"\u003e\n\u003cdiv class=\"puffair-result-percent\"\u003e92%\u003c\/div\u003e\n\u003cp\u003e\u003cstrong\u003eFelt stronger and more energetic\u003c\/strong\u003e in daily activities.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"puffair-result-card\"\u003e\n\u003cdiv class=\"puffair-result-percent\"\u003e90%\u003c\/div\u003e\n\u003cp\u003e\u003cstrong\u003eReported less chest tightness\u003c\/strong\u003e and improved comfort.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"puffair-result-card\"\u003e\n\u003cdiv class=\"puffair-result-percent\"\u003e95%\u003c\/div\u003e\n\u003cp\u003e\u003cstrong\u003eSaw a positive impact on overall lung health\u003c\/strong\u003e and well-being.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"puffair-result-card\"\u003e\n\u003cdiv class=\"puffair-result-percent\"\u003e93%\u003c\/div\u003e\n\u003cp\u003e\u003cstrong\u003eExperienced fewer breathing difficulties\u003c\/strong\u003e during physical activity.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"puffair-result-card\"\u003e\n\u003cdiv class=\"puffair-result-percent\"\u003e90%\u003c\/div\u003e\n\u003cp\u003e\u003cstrong\u003eFelt lungs detoxified and refreshed\u003c\/strong\u003e after consistent use.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"puffair-result-card\"\u003e\n\u003cdiv class=\"puffair-result-percent\"\u003e95%\u003c\/div\u003e\n\u003cp\u003e\u003cstrong\u003eNoticed better sleep quality\u003c\/strong\u003e due to easier nighttime breathing.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =========================\n       CUSTOMER REVIEWS\n  ========================= --\u003e\n\u003csection class=\"puffair-reviews\"\u003e\n\u003cdiv class=\"puffair-reviews-container\"\u003e\n\u003cdiv class=\"puffair-reviews-heading\"\u003e\n\u003ch2\u003eHear From Those Who Choose PuffAir\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"puffair-reviews-grid\"\u003e\n\u003c!-- REVIEW 3 --\u003e\n\u003carticle class=\"puffair-review-card\"\u003e\n\u003cdiv class=\"puffair-review-media\" data-review-image=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0759\/1693\/5237\/files\/Screenshot_2025-08-01_111755.webp?v=1789647147\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0759\/1693\/5237\/files\/Screenshot_2025-08-01_111755.webp?v=1789647147\" alt=\"Customer review\" loading=\"lazy\"\u003e \u003cspan class=\"puffair-review-image-hint\"\u003e⌕\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"puffair-review-content\"\u003e\n\u003cp class=\"puffair-review-name\"\u003eMike T.\u003c\/p\u003e\n\u003cdiv class=\"puffair-review-rating\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"puffair-review-text\"\u003eVery convenient product and the sticks are nicely packaged. I like having different blends in one pack instead of buying everything separately.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- REVIEW 4 --\u003e\n\u003carticle class=\"puffair-review-card\"\u003e\n\u003cdiv class=\"puffair-review-media\" data-review-image=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0759\/1693\/5237\/files\/Screenshot_2025-08-01_111953.webp?v=1789647147\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0759\/1693\/5237\/files\/Screenshot_2025-08-01_111953.webp?v=1789647147\" alt=\"Customer review\" loading=\"lazy\"\u003e \u003cspan class=\"puffair-review-image-hint\"\u003e⌕\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"puffair-review-content\"\u003e\n\u003cp class=\"puffair-review-name\"\u003eEmma J.\u003c\/p\u003e\n\u003cdiv class=\"puffair-review-rating\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"puffair-review-text\"\u003eThe biggest thing I noticed is how easy it is to fit into my daily routine. The design is simple and the different herbal blends give me options depending on the time of day.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- REVIEW 1 --\u003e\n\u003carticle class=\"puffair-review-card\"\u003e\n\u003cdiv class=\"puffair-review-media\" data-review-image=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0759\/1693\/5237\/files\/imgi_9_9a42921cb29742c2a86bb394e4fbdaee_1753998843_tplv-noop.webp?v=1789647147\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0759\/1693\/5237\/files\/imgi_9_9a42921cb29742c2a86bb394e4fbdaee_1753998843_tplv-noop.webp?v=1789647147\" alt=\"Customer review\" loading=\"lazy\"\u003e \u003cspan class=\"puffair-review-image-hint\"\u003e⌕\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"puffair-review-content\"\u003e\n\u003cp class=\"puffair-review-name\"\u003eAlex R.\u003c\/p\u003e\n\u003cdiv class=\"puffair-review-rating\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"puffair-review-text\"\u003eReally like how easy these are to use. The different blends make it convenient to choose one depending on what I’m looking for. The packaging is also compact enough to keep with me.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- REVIEW 2 --\u003e\n\u003carticle class=\"puffair-review-card\"\u003e\n\u003cdiv class=\"puffair-review-media\" data-review-image=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0759\/1693\/5237\/files\/Screenshot_2025-08-01_112225.webp?v=1789647147\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0759\/1693\/5237\/files\/Screenshot_2025-08-01_112225.webp?v=1789647147\" alt=\"Customer review\" loading=\"lazy\"\u003e \u003cspan class=\"puffair-review-image-hint\"\u003e⌕\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"puffair-review-content\"\u003e\n\u003cp class=\"puffair-review-name\"\u003eSarah M.\u003c\/p\u003e\n\u003cdiv class=\"puffair-review-rating\"\u003e★★★★★\u003c\/div\u003e\n\u003cp class=\"puffair-review-text\"\u003eI’ve been using the diffuser as part of my evening routine and really enjoy the herbal aroma. It’s simple, portable and doesn’t take up much space.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =========================\n       IMAGE LIGHTBOX\n  ========================= --\u003e\n\u003cdiv class=\"puffair-lightbox\" id=\"puffairReviewLightbox\"\u003e\n\u003cbutton type=\"button\" class=\"puffair-lightbox-close\" id=\"puffairLightboxClose\"\u003e × \u003c\/button\u003e \u003cimg id=\"puffairLightboxImage\" alt=\"Customer review enlarged\"\u003e\n\u003c\/div\u003e\n\u003c!-- =========================\n       BOTTOM STRIP\n  ========================= --\u003e\n\u003cdiv class=\"puffair-bottom-strip\"\u003eNatural Ingredients • Portable Design • 4 Aroma Blends\u003c\/div\u003e\n\u003c!-- =========================\n       CLICKABLE REVIEW IMAGE SCRIPT\n  ========================= --\u003e \u003cscript\u003e\n    (function () {\n      var lightbox = document.getElementById(\"puffairReviewLightbox\");\n      var lightboxImage = document.getElementById(\"puffairLightboxImage\");\n      var closeButton = document.getElementById(\"puffairLightboxClose\");\n\n      if (!lightbox || !lightboxImage || !closeButton) return;\n\n      var reviewImages = document.querySelectorAll(\n        \".puffair-review-media[data-review-image]\"\n      );\n\n      reviewImages.forEach(function (item) {\n        item.addEventListener(\"click\", function () {\n          var imageUrl = item.getAttribute(\"data-review-image\");\n          if (!imageUrl) return;\n          lightboxImage.src = imageUrl;\n          lightbox.classList.add(\"is-open\");\n          lightbox.setAttribute(\"aria-hidden\", \"false\");\n          document.body.style.overflow = \"hidden\";\n        });\n      });\n\n      function closeLightbox() {\n        lightbox.classList.remove(\"is-open\");\n        lightbox.setAttribute(\"aria-hidden\", \"true\");\n        lightboxImage.src = \"\";\n        document.body.style.overflow = \"\";\n      }\n\n      closeButton.addEventListener(\"click\", closeLightbox);\n\n      lightbox.addEventListener(\"click\", function (event) {\n        if (event.target === lightbox) {\n          closeLightbox();\n        }\n      });\n\n      document.addEventListener(\"keydown\", function (event) {\n        if (event.key === \"Escape\" \u0026\u0026 lightbox.classList.contains(\"is-open\")) {\n          closeLightbox();\n        }\n      });\n    })();\n  \u003c\/script\u003e\n\u003c\/div\u003e","brand":"Lazovo","offers":[{"title":"Default Title","offer_id":45737547825221,"sku":"HDFF-N-HAE-GLD-ZAM","price":84.0,"currency_code":"AED","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0759\/1693\/5237\/files\/WhatsAppImage2026-08-20at6.30.21PM_078f567e-9195-4474-8a3c-e22ffdff1b64.webp?v=1789166908","url":"https:\/\/lazovoofficial.com\/products\/herbal-diffuser-pack-of-4","provider":"LAZOVO","version":"1.0","type":"link"}