{"product_id":"gas-mask","title":"Gas Mask","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n    :root {\n      --ink: #e0e0e0;\n      --muted: #b0b5b2;\n      --line: #222222;\n      --bar: #69bc64;\n      --surface: #121212;\n      --page: #0d0d0d;\n    }\n\n    * { box-sizing: border-box; }\n\n    body {\n      margin: 0;\n      min-width: 320px;\n      padding: 0;\n      background: var(--page);\n      color: var(--ink);\n      font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n      -webkit-font-smoothing: antialiased;\n    }\n\n    .product-details {\n      --ink: #e0e0e0 !important;\n      --muted: #b0b5b2 !important;\n      --line: #222222 !important;\n      --bar: #69bc64 !important;\n      --surface: #121212 !important;\n      width: min(100%, 480px);\n      margin: 0 auto;\n      padding: 0 15px 15px;\n      background: var(--surface);\n      color: var(--ink) !important;\n      border: 1px solid var(--line);\n      border-radius: 8px;\n      box-shadow: 0 10px 30px rgb(27 35 52 \/ 5%);\n      display: grid;\n      grid-template-columns: 1fr;\n      align-items: stretch;\n    }\n\n    .product-banner-heading {\n      grid-column: 1 \/ -1;\n      display: flex;\n      align-items: baseline;\n      justify-content: space-between;\n      gap: 20px;\n      padding: 19px 0 16px;\n      border-bottom: 1px solid var(--line);\n    }\n\n    .product-banner-heading p {\n      margin: 0;\n      color: var(--muted) !important;\n      font-size: 12px;\n      font-weight: 700;\n      letter-spacing: .08em;\n      text-transform: uppercase;\n    }\n\n    .product-banner-heading h1 {\n      margin: 0;\n      font-size: 18px;\n      line-height: 1.2;\n      font-weight: 650;\n      letter-spacing: .01em;\n      color: #ffffff !important;\n    }\n\n    .section-label {\n      margin: 0 0 7px;\n      color: var(--muted) !important;\n      font-size: 14px;\n      font-weight: 700;\n      letter-spacing: .01em;\n    }\n\n    .primary-cannabinoid {\n      display: flex;\n      align-items: flex-end;\n      justify-content: space-between;\n      gap: 24px;\n      margin-bottom: 13px;\n    }\n\n    .primary-cannabinoid h1 {\n      margin: 0 0 2px;\n      font-size: 17px;\n      line-height: 1.2;\n      font-weight: 400;\n      color: var(--ink) !important;\n    }\n\n    .primary-cannabinoid p {\n      margin: 0;\n      font-size: 14px;\n      line-height: 1.4;\n      color: var(--ink) !important;\n    }\n\n    .potency-icon {\n      display: flex;\n      align-items: flex-end;\n      gap: 3px;\n      height: 18px;\n      padding-bottom: 1px;\n    }\n\n    .potency-icon span {\n      display: block;\n      width: 4px;\n      background: var(--ink);\n      border-radius: 1px 1px 0 0;\n    }\n\n    .potency-icon span:nth-child(1) { height: 3px; }\n    .potency-icon span:nth-child(2) { height: 6px; }\n    .potency-icon span:nth-child(3) { height: 10px; }\n    .potency-icon span:nth-child(4) { height: 14px; }\n    .potency-icon span:nth-child(5) { height: 18px; }\n\n    .cannabinoid-grid {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      column-gap: 28px;\n      row-gap: 10px;\n      color: var(--muted) !important;\n      font-size: 14px;\n    }\n\n    .cannabinoid-stat {\n      min-width: 0;\n    }\n\n    .cannabinoid-stat-label {\n      display: flex;\n      justify-content: space-between;\n      gap: 12px;\n    }\n\n    .cannabinoid-track {\n      width: 100%;\n      height: 5px;\n      margin-top: 6px;\n      overflow: hidden;\n      background: var(--line);\n      border-radius: 999px;\n    }\n\n    .cannabinoid-fill {\n      min-width: 3px;\n      height: 100%;\n      background: var(--bar);\n      border-radius: inherit;\n    }\n\n    .terpenes {\n      margin-top: 0;\n      padding: 24px 0 0;\n      border-top: 1px solid var(--line);\n    }\n\n    .product-details \u003e section:first-of-type { padding-top: 30px; }\n\n    .terpene {\n      display: grid;\n      grid-template-columns: 28px minmax(0, 1fr) auto;\n      grid-template-rows: auto auto 10px;\n      column-gap: 12px;\n      align-items: center;\n      margin-top: 12px;\n    }\n\n    .terpene-icon {\n      grid-row: 1 \/ span 2;\n      display: grid;\n      place-items: center;\n      width: 28px;\n      height: 28px;\n      color: var(--ink) !important;\n      font-size: 22px;\n      line-height: 1;\n    }\n\n    .terpene-name {\n      font-size: 16px;\n      line-height: 1.3;\n      color: var(--ink) !important;\n    }\n\n    .terpene-note {\n      margin-top: 2px;\n      color: var(--muted) !important;\n      font-size: 14px;\n      line-height: 1.35;\n    }\n\n    .terpene-value {\n      align-self: center;\n      font-size: 15px;\n      white-space: nowrap;\n      color: var(--ink) !important;\n    }\n\n    .terpene-track {\n      grid-column: 1 \/ -1;\n      width: 100%;\n      height: 10px;\n      margin-top: 10px;\n      overflow: hidden;\n      background: #222222;\n      border-radius: 999px;\n    }\n\n    .terpene-fill {\n      height: 100%;\n      background: var(--bar);\n      border-radius: inherit;\n    }\n\n    .terpene-fill.caryophyllene { width: 100%; }\n    .terpene-fill.humulene { width: 32%; }\n\n    .effects {\n      margin-top: 0;\n      padding: 24px 0 0;\n      border-top: 1px solid var(--line);\n    }\n\n    .effects h2 {\n      margin: 0 0 22px;\n      font-size: 24px;\n      line-height: 1.15;\n      font-weight: 700;\n      color: #ffffff !important;\n    }\n\n    .effects-caption {\n      margin: 0 0 9px;\n      color: var(--muted) !important;\n      font-size: 14px;\n    }\n\n    .effect-list {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 8px;\n      margin: 0;\n      padding: 0;\n      list-style: none;\n    }\n\n    .effect-chip {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      min-height: 37px;\n      padding: 7px 13px;\n      border: 1px solid var(--line);\n      border-radius: 4px;\n      color: #e0e0e0 !important;\n      font-size: 14px;\n      background: #121212;\n    }\n\n    .effect-chip svg {\n      width: 14px;\n      height: 14px;\n      fill: none;\n      stroke: currentColor;\n      stroke-linecap: round;\n      stroke-linejoin: round;\n      stroke-width: 1.6;\n    }\n\n    @media (max-width: 480px) {\n      .product-details {\n        display: block;\n        padding: 0 15px 15px;\n      }\n      .product-banner-heading {\n        display: block;\n        padding: 16px 0 14px;\n      }\n      .product-banner-heading p { margin-top: 5px; }\n      .product-details \u003e section:first-of-type { padding-top: 24px; }\n      .terpenes {\n        margin-top: 28px;\n        padding-top: 24px;\n      }\n      .effects {\n        margin-top: 28px;\n        padding-top: 24px;\n      }\n      .cannabinoid-grid { column-gap: 18px; }\n      .terpene { grid-template-columns: 25px minmax(0, 1fr) auto; column-gap: 9px; }\n      .terpene-icon { width: 25px; }\n    }\n  \u003c\/style\u003e\n\u003cmain class=\"product-details\"\u003e\u003cheader class=\"product-banner-heading\"\u003e\n\u003ch1\u003eGas Mask\u003c\/h1\u003e\n\u003cp\u003eLab-tested product profile\u003c\/p\u003e\n\u003c\/header\u003e\n\u003csection\u003e\n\u003cp class=\"section-label\" id=\"cannabinoids-title\"\u003eCannabinoids\u003c\/p\u003e\n\u003cdiv class=\"primary-cannabinoid\"\u003e\n\u003cdiv\u003e\n\u003ch1\u003eTHCA\u003c\/h1\u003e\n\u003cp\u003e32.00% | very high\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"potency-icon\"\u003e\n\u003cspan\u003e\u003c\/span\u003e\u003cspan\u003e\u003c\/span\u003e\u003cspan\u003e\u003c\/span\u003e\u003cspan\u003e\u003c\/span\u003e\u003cspan\u003e\u003c\/span\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cannabinoid-grid\"\u003e\n\u003cdiv class=\"cannabinoid-stat\"\u003e\n\u003cdiv class=\"cannabinoid-stat-label\"\u003e\n\u003cspan\u003eTHCA\u003c\/span\u003e\u003cspan\u003e32.00%\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cannabinoid-track\"\u003e\n\u003cdiv class=\"cannabinoid-fill\" style=\"width: 80.82%;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cannabinoid-stat\"\u003e\n\u003cdiv class=\"cannabinoid-stat-label\"\u003e\n\u003cspan\u003eCBG\u003c\/span\u003e\u003cspan\u003e0.0038%\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cannabinoid-track\"\u003e\n\u003cdiv class=\"cannabinoid-fill\" style=\"width: 2.78%;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cannabinoid-stat\"\u003e\n\u003cdiv class=\"cannabinoid-stat-label\"\u003e\n\u003cspan\u003eCBN\u003c\/span\u003e\u003cspan\u003e0.00080%\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cannabinoid-track\"\u003e\n\u003cdiv class=\"cannabinoid-fill\" style=\"width: 0.38%;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"terpenes\"\u003e\n\u003cp class=\"section-label\" id=\"terpenes-title\"\u003eTerpenes\u003c\/p\u003e\n\u003carticle class=\"terpene\"\u003e\n\u003cdiv class=\"terpene-icon\"\u003e♜\u003c\/div\u003e\n\u003cdiv class=\"terpene-name\"\u003eBeta Caryophyllene\u003c\/div\u003e\n\u003cdiv class=\"terpene-value\"\u003e1.19%\u003c\/div\u003e\n\u003cdiv class=\"terpene-note\"\u003ePepper: Anti-inflammation, sleepy\u003c\/div\u003e\n\u003cdiv class=\"terpene-track\"\u003e\n\u003cdiv class=\"terpene-fill caryophyllene\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"terpene\"\u003e\n\u003cdiv class=\"terpene-icon\"\u003e◉\u003c\/div\u003e\n\u003cdiv class=\"terpene-name\"\u003eHumulene\u003c\/div\u003e\n\u003cdiv class=\"terpene-value\"\u003e0.49%\u003c\/div\u003e\n\u003cdiv class=\"terpene-note\"\u003eHoppy: Appetite suppressor\u003c\/div\u003e\n\u003cdiv class=\"terpene-track\"\u003e\n\u003cdiv class=\"terpene-fill humulene\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/section\u003e\n\u003csection class=\"effects\"\u003e\n\u003ch2 id=\"effects-title\"\u003eEffects\u003c\/h2\u003e\n\u003cul class=\"effect-list\"\u003e\n\u003cli class=\"effect-chip\"\u003e\n\u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M5 19v-8l7-5 7 5v8H5Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M9 19v-4h6v4M8 8h8\"\u003e\u003c\/path\u003e\u003c\/svg\u003eCreative\u003c\/li\u003e\n\u003cli class=\"effect-chip\"\u003e\n\u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M13 2c1 5-4 6-4 10a4 4 0 0 0 8 0c0-2-1-4-2-5M9 22h6\"\u003e\u003c\/path\u003e\u003cpath d=\"M6 17a5 5 0 0 0 12 0\"\u003e\u003c\/path\u003e\u003c\/svg\u003eEnergized\u003c\/li\u003e\n\u003cli class=\"effect-chip\"\u003e\n\u003csvg viewbox=\"0 0 24 24\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"9\"\u003e\u003c\/circle\u003e\u003cpath d=\"M8.5 10h.01M15.5 10h.01M8.5 15c2 1.5 5 1.5 7 0\"\u003e\u003c\/path\u003e\u003c\/svg\u003eHappy\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/section\u003e\n\u003c\/main\u003e","brand":"CannaCompare","offers":[{"title":"3.5g","offer_id":57944783749423,"sku":null,"price":34.99,"currency_code":"USD","in_stock":true},{"title":"7g","offer_id":57944783782191,"sku":null,"price":49.99,"currency_code":"USD","in_stock":true},{"title":"14g","offer_id":57944783814959,"sku":null,"price":64.99,"currency_code":"USD","in_stock":true},{"title":"1 oz","offer_id":57944783847727,"sku":null,"price":110.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0968\/1367\/8895\/files\/gas_mask3.webp?v=1787429618","url":"https:\/\/cannacomparethca.com\/products\/gas-mask","provider":"CannaCompare","version":"1.0","type":"link"}