{"title":"Top-Shelf \/ Indoor Collection","description":"\u003cp\u003e\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e \u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\"\u003e \u003clink rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@500;600;700;800\u0026amp;family=Space+Grotesk:wght@600;700;800\u0026amp;display=swap\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n  :root {\n    --cc-bg: #0d1712;\n    --cc-card-bg: rgba(16, 25, 19, 0.85);\n    --cc-card-hover: rgba(26, 42, 31, 0.95);\n    --cc-ink: #f4f1e6;\n    --cc-muted: #c7d3c8;\n    --cc-green: #6fd394;\n    --cc-green-glow: rgba(111, 211, 148, 0.22);\n    --cc-gold: #e0b25c;\n    --cc-gold-glow: rgba(224, 178, 92, 0.2);\n    --cc-border: rgba(44, 68, 51, 0.8);\n  }\n\n  .cc-collection-box,\n  .cc-collection-box * {\n    box-sizing: border-box;\n  }\n\n  .cc-collection-box {\n    position: relative;\n    width: min(1180px, 100%);\n    margin: 0 auto;\n    font-family: 'Plus Jakarta Sans', sans-serif;\n    color: var(--cc-ink);\n    background: var(--cc-bg);\n    border-radius: 24px;\n    border: 1px solid var(--cc-border);\n    box-shadow: 0 24px 50px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.06);\n    overflow: hidden;\n    isolation: isolate;\n    padding: 12px;\n  }\n\n  \/* Ambient lighting matching the site theme *\/\n  .cc-collection-box::before,\n  .cc-collection-box::after {\n    content: '';\n    position: absolute;\n    width: 320px;\n    height: 320px;\n    border-radius: 50%;\n    filter: blur(80px);\n    z-index: 0;\n    pointer-events: none;\n    opacity: 0.35;\n  }\n\n  .cc-collection-box::before {\n    top: -80px;\n    left: -80px;\n    background: var(--cc-green);\n  }\n\n  .cc-collection-box::after {\n    bottom: -80px;\n    right: -80px;\n    background: var(--cc-gold);\n    opacity: 0.2;\n  }\n\n  .cc-hero {\n    position: relative;\n    z-index: 1;\n    text-align: center;\n    padding: 36px 20px 28px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 14px;\n  }\n\n  .cc-badge {\n    display: inline-flex;\n    align-items: center;\n    padding: 6px 16px;\n    border-radius: 999px;\n    background: var(--cc-gold-glow);\n    border: 1px solid var(--cc-gold);\n    color: var(--cc-gold);\n    font-family: 'Space Grotesk', sans-serif;\n    font-weight: 700;\n    font-size: 0.75rem;\n    letter-spacing: 0.1em;\n    text-transform: uppercase;\n    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);\n  }\n\n  .cc-title {\n    font-family: 'Space Grotesk', sans-serif;\n    font-weight: 800;\n    text-transform: uppercase;\n    font-size: clamp(2rem, 4.5vw, 3.2rem);\n    letter-spacing: -0.02em;\n    line-height: 1.1;\n    margin: 0;\n    color: var(--cc-ink);\n    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);\n  }\n\n  .cc-switch-label {\n    margin: 0;\n    color: var(--cc-muted);\n    font-size: 0.8rem;\n    font-weight: 600;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n  }\n\n  .cc-grid-wrap {\n    position: relative;\n    z-index: 1;\n    background: rgba(10, 16, 12, 0.6);\n    -webkit-backdrop-filter: blur(16px);\n    backdrop-filter: blur(16px);\n    border: 1px solid var(--cc-border);\n    border-radius: 18px;\n    padding: 12px;\n  }\n\n  .cc-grid {\n    display: grid;\n    grid-template-columns: repeat(5, minmax(0, 1fr));\n    gap: 10px;\n  }\n\n  .cc-card {\n    --cc-accent: var(--cc-green);\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n    padding: 10px;\n    border-radius: 12px;\n    background: var(--cc-card-bg);\n    border: 1px solid var(--cc-border);\n    color: var(--cc-ink);\n    text-decoration: none;\n    transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), background 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;\n  }\n\n  .cc-card--gold {\n    --cc-accent: var(--cc-gold);\n  }\n\n  .cc-card:hover,\n  .cc-card:focus-visible {\n    transform: translateY(-5px);\n    background: var(--cc-card-hover);\n    border-color: var(--cc-accent);\n    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4), 0 0 15px var(--cc-green-glow);\n  }\n\n  .cc-card:focus-visible {\n    outline: 2px solid var(--cc-gold);\n    outline-offset: 2px;\n  }\n\n  \/* Current collection *\/\n  .cc-card[aria-current=\"page\"] {\n    border-color: var(--cc-gold);\n    background: var(--cc-card-hover);\n    box-shadow: 0 0 0 1px var(--cc-gold), 0 0 22px var(--cc-gold-glow);\n  }\n\n  .cc-image-frame {\n    position: relative;\n    width: 100%;\n    aspect-ratio: 1 \/ 1;\n    border-radius: 8px;\n    overflow: hidden;\n    background: #142219;\n  }\n\n  .cc-image {\n    display: block;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n  }\n\n  .cc-card:hover .cc-image,\n  .cc-card:focus-visible .cc-image {\n    transform: scale(1.06);\n  }\n\n  .cc-tag {\n    position: absolute;\n    top: 6px;\n    left: 6px;\n    padding: 4px 8px;\n    border-radius: 999px;\n    background: var(--cc-accent);\n    color: #0d1610;\n    font-size: 0.6rem;\n    font-weight: 800;\n    letter-spacing: 0.08em;\n    line-height: 1;\n    text-transform: uppercase;\n  }\n\n  .cc-card[aria-current=\"page\"] .cc-tag {\n    background: var(--cc-gold);\n  }\n\n  .cc-card-info {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n    text-align: center;\n  }\n\n  .cc-card-title {\n    margin: 0;\n    color: var(--cc-ink);\n    font-family: 'Space Grotesk', sans-serif;\n    font-size: clamp(0.78rem, 1.4vw, 0.95rem);\n    font-weight: 700;\n    line-height: 1.15;\n  }\n\n  .cc-card-price {\n    margin: 0;\n    color: var(--cc-accent);\n    font-size: 0.72rem;\n    font-weight: 800;\n    letter-spacing: 0.05em;\n    text-transform: uppercase;\n  }\n\n  .cc-card[aria-current=\"page\"] .cc-card-price {\n    color: var(--cc-gold);\n  }\n\n  @media (max-width: 850px) {\n    .cc-grid {\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n    }\n  }\n\n  @media (max-width: 520px) {\n    .cc-grid {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n\n    \/* Last card centered at single-card width instead of stretching *\/\n    .cc-card:last-child {\n      grid-column: 1 \/ -1;\n      width: calc(50% - 5px);\n      justify-self: center;\n    }\n\n    .cc-collection-box {\n      padding: 8px;\n      border-radius: 18px;\n    }\n\n    .cc-hero {\n      padding: 24px 14px 20px;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .cc-card,\n    .cc-image {\n      transition: none;\n    }\n\n    .cc-card:hover,\n    .cc-card:focus-visible,\n    .cc-card:hover .cc-image,\n    .cc-card:focus-visible .cc-image {\n      transform: none;\n    }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"cc-collection-box\"\u003e\n\u003csection class=\"cc-hero\"\u003e\u003cspan class=\"cc-badge\"\u003eindoor thca flower\u003c\/span\u003e\n\u003ch1 class=\"cc-title\"\u003eTop-Shelf \/ Indoor Collection\u003c\/h1\u003e\n\u003cp class=\"cc-switch-label\"\u003eBrowse all tiers\u003c\/p\u003e\n\u003c\/section\u003e\n\u003cnav class=\"cc-grid-wrap\"\u003e\n\u003cdiv class=\"cc-grid\"\u003e\n\u003ca class=\"cc-card cc-card--gold\" href=\"\/collections\/exotic-reserve-collection\" target=\"_self\"\u003e\n\u003cdiv class=\"cc-image-frame\"\u003e\n\u003cimg class=\"cc-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0968\/1367\/8895\/files\/exotic-reserve.png?v=1791558395\u0026amp;width=600\" alt=\"Exotic \/ Reserve Collection\" width=\"600\" height=\"450\" loading=\"eager\"\u003e \u003cspan class=\"cc-tag\"\u003eRare\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cc-card-info\"\u003e\n\u003ch3 class=\"cc-card-title\"\u003eExotic \/ Reserve\u003c\/h3\u003e\n\u003cp class=\"cc-card-price\"\u003eFrom $3.50\/g\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/a\u003e\u003ca class=\"cc-card\" href=\"\/collections\/top-shelf-collection\" target=\"_self\"\u003e\n\u003cdiv class=\"cc-image-frame\"\u003e\n\u003cimg class=\"cc-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0968\/1367\/8895\/files\/top-shelf-indoor.png?v=1791558395\u0026amp;width=600\" alt=\"Top-Shelf \/ Indoor Collection\" width=\"600\" height=\"450\" loading=\"eager\"\u003e \u003cspan class=\"cc-tag\"\u003eYou're here\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cc-card-info\"\u003e\n\u003ch3 class=\"cc-card-title\"\u003eTop-Shelf \/ Indoor\u003c\/h3\u003e\n\u003cp class=\"cc-card-price\"\u003eFrom $3.04\/g\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/a\u003e\u003ca class=\"cc-card\" href=\"\/collections\/mid-shelf-everyday-collection\" target=\"_self\"\u003e\n\u003cdiv class=\"cc-image-frame\"\u003e\n\u003cimg class=\"cc-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0968\/1367\/8895\/files\/mid-shelf-everyday.png?v=1791558395\u0026amp;width=600\" alt=\"Mid-Shelf \/ Everyday Collection\" width=\"600\" height=\"450\" loading=\"lazy\"\u003e \u003cspan class=\"cc-tag\"\u003eEveryday\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cc-card-info\"\u003e\n\u003ch3 class=\"cc-card-title\"\u003eMid-Shelf \/ Everyday\u003c\/h3\u003e\n\u003cp class=\"cc-card-price\"\u003eFrom $2.00\/g\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/a\u003e\u003ca class=\"cc-card cc-card--gold\" href=\"\/collections\/budget-thca-flower\" target=\"_self\"\u003e\n\u003cdiv class=\"cc-image-frame\"\u003e\n\u003cimg class=\"cc-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0968\/1367\/8895\/files\/value-budget.png?v=1791558395\u0026amp;width=600\" alt=\"Value \/ Budget Collection\" width=\"600\" height=\"450\" loading=\"lazy\"\u003e \u003cspan class=\"cc-tag\"\u003eBest Value\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cc-card-info\"\u003e\n\u003ch3 class=\"cc-card-title\"\u003eValue \/ Budget\u003c\/h3\u003e\n\u003cp class=\"cc-card-price\"\u003eFrom $0.98\/g\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/a\u003e\u003ca class=\"cc-card\" href=\"\/collections\/smalls-collection\" target=\"_self\"\u003e\n\u003cdiv class=\"cc-image-frame\"\u003e\n\u003cimg class=\"cc-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0968\/1367\/8895\/files\/smalls-micros.png?v=1791558395\u0026amp;width=600\" alt=\"Smalls \/ Micros Collection\" width=\"600\" height=\"450\" loading=\"lazy\"\u003e \u003cspan class=\"cc-tag\"\u003eLowest $\/g\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cc-card-info\"\u003e\n\u003ch3 class=\"cc-card-title\"\u003eSmalls \/ Micros\u003c\/h3\u003e\n\u003cp class=\"cc-card-price\"\u003eFrom $0.89\/g\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/nav\u003e\n\u003c\/div\u003e","products":[{"product_id":"rainbow-punch-bulk-only","title":"Rainbow Punch","description":"\u003cstyle\u003e\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700\u0026display=swap');\n\n        .cc-details-wrapper {\n            font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n            color: #e0e0e0;\n            line-height: 1.5;\n            padding: 20px;\n            max-width: 480px;\n            background-color: #121212;\n            border-radius: 16px;\n            box-sizing: border-box;\n        }\n\n        .cc-strain-title {\n            font-size: 28px;\n            font-weight: 700;\n            color: #ffffff;\n            margin: 0 0 12px 0;\n            letter-spacing: -0.5px;\n        }\n\n        .cc-header-badges {\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            margin-bottom: 24px;\n        }\n\n        .cc-type-badge {\n            background-color: rgba(105, 188, 100, 0.15);\n            color: #69bc64;\n            font-size: 13px;\n            font-weight: 600;\n            padding: 4px 12px;\n            border-radius: 6px;\n        }\n\n        .cc-stat-text {\n            font-size: 13px;\n            font-weight: 600;\n            color: #b0b5b2;\n        }\n\n        .cc-strain-grid {\n            display: grid;\n            grid-template-columns: 120px 1fr;\n            gap: 24px;\n            margin-bottom: 24px;\n        }\n\n        .cc-strain-tile {\n            background-color: #69bc64;\n            color: #121212;\n            border-radius: 12px;\n            padding: 12px;\n            display: flex;\n            flex-direction: column;\n            justify-content: space-between;\n            aspect-ratio: 1 \/ 1.25;\n            box-sizing: border-box;\n            font-weight: 700;\n        }\n\n        .cc-tile-type {\n            font-size: 11px;\n            font-weight: 600;\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n            opacity: 0.85;\n        }\n\n        .cc-tile-symbol {\n            font-size: 32px;\n            font-weight: 700;\n            line-height: 1;\n            margin: 8px 0;\n        }\n\n        .cc-tile-name {\n            font-size: 11px;\n            font-weight: 600;\n            line-height: 1.3;\n        }\n\n        .cc-profile-columns {\n            display: grid;\n            grid-template-columns: 1fr;\n            gap: 16px;\n        }\n\n        .cc-column-title {\n            font-size: 13px;\n            font-weight: 700;\n            color: #ffffff;\n            text-decoration: underline;\n            margin-bottom: 12px;\n        }\n\n        .cc-profile-list {\n            list-style: none;\n            padding: 0;\n            margin: 0;\n            display: flex;\n            flex-direction: column;\n            gap: 8px;\n        }\n\n        .cc-profile-item {\n            font-size: 14px;\n            font-weight: 500;\n            color: #cccccc;\n            width: 0;\n            max-width: 100%;\n            overflow: hidden;\n            white-space: nowrap;\n            border-right: 2px solid #69bc64;\n            animation: cc-typewriter 850ms steps(34, end) forwards,\n                cc-caret-blink 900ms step-end 1 forwards;\n        }\n\n        .cc-profile-item:nth-child(2) {\n            animation-delay: 850ms, 850ms;\n        }\n\n        @keyframes cc-typewriter {\n            from {\n                width: 0;\n            }\n\n            to {\n                width: 100%;\n            }\n        }\n\n        @keyframes cc-caret-blink {\n            0%,\n            100% {\n                border-color: transparent;\n            }\n\n            50% {\n                border-color: #69bc64;\n            }\n        }\n\n        .cc-slider-group {\n            display: flex;\n            flex-direction: column;\n            gap: 16px;\n            margin-bottom: 20px;\n        }\n\n        .cc-slider-container {\n            display: flex;\n            flex-direction: column;\n            gap: 6px;\n        }\n\n        .cc-slider-labels {\n            display: flex;\n            justify-content: space-between;\n            font-size: 13px;\n            color: #b0b5b2;\n        }\n\n        .cc-slider-bar {\n            height: 8px;\n            background-color: #222222;\n            border-radius: 4px;\n            overflow: hidden;\n        }\n\n        .cc-slider-fill {\n            height: 100%;\n            background-color: #69bc64;\n            border-radius: 4px;\n            transform: scaleX(0);\n            transform-origin: left center;\n            animation: cc-slider-load 900ms ease-out forwards;\n        }\n\n        .cc-slider-container:nth-child(2) .cc-slider-fill {\n            animation-delay: 180ms;\n        }\n\n        @keyframes cc-slider-load {\n            to {\n                transform: scaleX(1);\n            }\n        }\n\n        .cc-coa-link-container {\n            margin-top: 16px;\n            padding-top: 16px;\n            border-top: 1px solid #222222;\n            text-align: center;\n        }\n\n        .cc-coa-btn {\n            display: inline-block;\n            background-color: #69bc64;\n            color: #121212;\n            font-size: 14px;\n            font-weight: 600;\n            text-decoration: none;\n            padding: 10px 20px;\n            border-radius: 8px;\n            transition: background-color 0.2s ease;\n            animation: cc-coa-attention 3s ease-in-out 1.5s infinite;\n        }\n\n        .cc-coa-btn:hover {\n            background-color: #5aa455;\n            animation-play-state: paused;\n        }\n\n        @keyframes cc-coa-attention {\n            0%,\n            65%,\n            100% {\n                transform: scale(1);\n                box-shadow: 0 0 0 0 rgb(105 188 100 \/ 0%);\n            }\n\n            72% {\n                transform: scale(1.04);\n                box-shadow: 0 0 0 7px rgb(105 188 100 \/ 18%);\n            }\n\n            79% {\n                transform: scale(1);\n                box-shadow: 0 0 0 12px rgb(105 188 100 \/ 0%);\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"cc-details-wrapper\"\u003e\n\u003ch2 class=\"cc-strain-title\"\u003eRainbow Punch\u003c\/h2\u003e\n\u003cdiv class=\"cc-header-badges\"\u003e\n\u003cspan class=\"cc-type-badge\"\u003eTHCA Flower\u003c\/span\u003e \u003cspan class=\"cc-stat-text\"\u003e25.883% Total Cannabinoids\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cc-strain-grid\"\u003e\n\u003cdiv class=\"cc-strain-tile\"\u003e\n\u003cspan class=\"cc-tile-type\"\u003e\u003cbr\u003e\u003c\/span\u003e\n\u003cdiv class=\"cc-tile-symbol\"\u003eRP\u003c\/div\u003e\n\u003cspan class=\"cc-tile-name\"\u003eRainbow Punch\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cc-profile-columns\"\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"cc-column-title\"\u003eCannabinoid Breakdown\u003c\/div\u003e\n\u003cul class=\"cc-profile-list\"\u003e\n\u003cli class=\"cc-profile-item\"\u003eTHCA: 25.416%\u003c\/li\u003e\n\u003cli class=\"cc-profile-item\"\u003eTotal Cannabinoids: 25.883%\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cc-slider-group\"\u003e\n\u003cdiv class=\"cc-slider-container\"\u003e\n\u003cdiv class=\"cc-slider-labels\"\u003e\n\u003cspan\u003ePotency\u003c\/span\u003e \u003cspan\u003eModerate\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cc-slider-bar\"\u003e\n\u003cdiv class=\"cc-slider-fill\" style=\"width: 25.416%;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cc-slider-container\"\u003e\n\u003cdiv class=\"cc-slider-labels\"\u003e\n\u003cspan\u003eTerpenes\u003c\/span\u003e \u003cspan\u003eBalanced\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cc-slider-bar\"\u003e\n\u003cdiv class=\"cc-slider-fill\" style=\"width: 72%;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cc-coa-link-container\"\u003e\u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0968\/1367\/8895\/files\/1Rainbow_Punch_Full_Panel.pdf?v=1792705923\" class=\"cc-coa-btn\" target=\"_blank\"\u003e📄 View Official Lab Results (COA)\u003c\/a\u003e\u003c\/div\u003e\n\u003c\/div\u003e","brand":"CannaCompare","offers":[{"title":"28 Grams","offer_id":58366455120175,"sku":null,"price":85.0,"currency_code":"USD","in_stock":true},{"title":"14 Grams","offer_id":58366455152943,"sku":null,"price":50.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0968\/1367\/8895\/files\/RainbowPunch901.png?v=1792702700"},{"product_id":"sundae-driver-1","title":"Sundae Driver","description":"\u003cstyle\u003e\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700\u0026display=swap');\n\n        .cc-details-wrapper {\n            font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n            color: #e0e0e0;\n            line-height: 1.5;\n            padding: 20px;\n            max-width: 480px;\n            background-color: #121212;\n            border-radius: 16px;\n            box-sizing: border-box;\n        }\n\n        .cc-strain-title {\n            font-size: 28px;\n            font-weight: 700;\n            color: #ffffff;\n            margin: 0 0 12px 0;\n            letter-spacing: -0.5px;\n        }\n\n        .cc-header-badges {\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            margin-bottom: 24px;\n        }\n\n        .cc-type-badge {\n            background-color: rgba(105, 188, 100, 0.15);\n            color: #69bc64;\n            font-size: 13px;\n            font-weight: 600;\n            padding: 4px 12px;\n            border-radius: 6px;\n        }\n\n        .cc-stat-text {\n            font-size: 13px;\n            font-weight: 600;\n            color: #b0b5b2;\n        }\n\n        .cc-strain-grid {\n            display: grid;\n            grid-template-columns: 120px 1fr;\n            gap: 24px;\n            margin-bottom: 24px;\n        }\n\n        .cc-strain-tile {\n            background-color: #69bc64;\n            color: #121212;\n            border-radius: 12px;\n            padding: 12px;\n            display: flex;\n            flex-direction: column;\n            justify-content: space-between;\n            aspect-ratio: 1 \/ 1.25;\n            box-sizing: border-box;\n            font-weight: 700;\n        }\n\n        .cc-tile-type {\n            font-size: 11px;\n            font-weight: 600;\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n            opacity: 0.85;\n        }\n\n        .cc-tile-symbol {\n            font-size: 32px;\n            font-weight: 700;\n            line-height: 1;\n            margin: 8px 0;\n        }\n\n        .cc-tile-name {\n            font-size: 11px;\n            font-weight: 600;\n            line-height: 1.3;\n        }\n\n        .cc-profile-columns {\n            display: grid;\n            grid-template-columns: 1fr;\n            gap: 16px;\n        }\n\n        .cc-column-title {\n            font-size: 13px;\n            font-weight: 700;\n            color: #ffffff;\n            text-decoration: underline;\n            margin-bottom: 12px;\n        }\n\n        .cc-profile-list {\n            list-style: none;\n            padding: 0;\n            margin: 0;\n            display: flex;\n            flex-direction: column;\n            gap: 8px;\n        }\n\n        .cc-profile-item {\n            font-size: 14px;\n            font-weight: 500;\n            color: #cccccc;\n            width: 0;\n            max-width: 100%;\n            overflow: hidden;\n            white-space: nowrap;\n            border-right: 2px solid #69bc64;\n            animation: cc-typewriter 850ms steps(34, end) forwards,\n                cc-caret-blink 900ms step-end 1 forwards;\n        }\n\n        .cc-profile-item:nth-child(2) {\n            animation-delay: 850ms, 850ms;\n        }\n\n        @keyframes cc-typewriter {\n            from {\n                width: 0;\n            }\n\n            to {\n                width: 100%;\n            }\n        }\n\n        @keyframes cc-caret-blink {\n            0%,\n            100% {\n                border-color: transparent;\n            }\n\n            50% {\n                border-color: #69bc64;\n            }\n        }\n\n        .cc-slider-group {\n            display: flex;\n            flex-direction: column;\n            gap: 16px;\n            margin-bottom: 20px;\n        }\n\n        .cc-slider-container {\n            display: flex;\n            flex-direction: column;\n            gap: 6px;\n        }\n\n        .cc-slider-labels {\n            display: flex;\n            justify-content: space-between;\n            font-size: 13px;\n            color: #b0b5b2;\n        }\n\n        .cc-slider-bar {\n            height: 8px;\n            background-color: #222222;\n            border-radius: 4px;\n            overflow: hidden;\n        }\n\n        .cc-slider-fill {\n            height: 100%;\n            background-color: #69bc64;\n            border-radius: 4px;\n            transform: scaleX(0);\n            transform-origin: left center;\n            animation: cc-slider-load 900ms ease-out forwards;\n        }\n\n        .cc-slider-container:nth-child(2) .cc-slider-fill {\n            animation-delay: 180ms;\n        }\n\n        @keyframes cc-slider-load {\n            to {\n                transform: scaleX(1);\n            }\n        }\n\n        .cc-coa-link-container {\n            margin-top: 16px;\n            padding-top: 16px;\n            border-top: 1px solid #222222;\n            text-align: center;\n        }\n\n        .cc-coa-btn {\n            display: inline-block;\n            background-color: #69bc64;\n            color: #121212;\n            font-size: 14px;\n            font-weight: 600;\n            text-decoration: none;\n            padding: 10px 20px;\n            border-radius: 8px;\n            transition: background-color 0.2s ease;\n            animation: cc-coa-attention 3s ease-in-out 1.5s infinite;\n        }\n\n        .cc-coa-btn:hover {\n            background-color: #5aa455;\n            animation-play-state: paused;\n        }\n\n        @keyframes cc-coa-attention {\n            0%,\n            65%,\n            100% {\n                transform: scale(1);\n                box-shadow: 0 0 0 0 rgb(105 188 100 \/ 0%);\n            }\n\n            72% {\n                transform: scale(1.04);\n                box-shadow: 0 0 0 7px rgb(105 188 100 \/ 18%);\n            }\n\n            79% {\n                transform: scale(1);\n                box-shadow: 0 0 0 12px rgb(105 188 100 \/ 0%);\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"cc-details-wrapper\"\u003e\n\u003ch1 class=\"heading has-breadcrumbs\"\u003eSundae Driver\u003c\/h1\u003e\n\u003cdiv class=\"cc-header-badges\"\u003e\n\u003cspan class=\"cc-type-badge\"\u003eTHCA Flower\u003c\/span\u003e \u003cspan class=\"cc-stat-text\"\u003e\u003cspan\u003e23\u003c\/span\u003e.272% Total Cannabinoids\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cc-strain-grid\"\u003e\n\u003cdiv class=\"cc-strain-tile\"\u003e\n\u003cspan class=\"cc-tile-type\"\u003e\u003cbr\u003e\u003c\/span\u003e\n\u003cdiv class=\"cc-tile-symbol\"\u003eSd\u003c\/div\u003e\n\u003cspan class=\"cc-tile-name\"\u003eSundae Driver\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cc-profile-columns\"\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"cc-column-title\"\u003eCannabinoid Breakdown\u003c\/div\u003e\n\u003cul class=\"cc-profile-list\"\u003e\n\u003cli class=\"cc-profile-item\"\u003eTHCA: 22.855%\u003c\/li\u003e\n\u003cli class=\"cc-profile-item\"\u003eTotal Cannabinoids: 23\u003cspan class=\"cc-stat-text\"\u003e.272\u003c\/span\u003e%\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cc-slider-group\"\u003e\n\u003cdiv class=\"cc-slider-container\"\u003e\n\u003cdiv class=\"cc-slider-labels\"\u003e\n\u003cspan\u003ePotency\u003c\/span\u003e \u003cspan\u003eModerate\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cc-slider-bar\"\u003e\n\u003cdiv class=\"cc-slider-fill\" style=\"width: 75.416%;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cc-slider-container\"\u003e\n\u003cdiv class=\"cc-slider-labels\"\u003e\n\u003cspan\u003eTerpenes\u003c\/span\u003e \u003cspan\u003eBalanced\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cc-slider-bar\"\u003e\n\u003cdiv class=\"cc-slider-fill\" style=\"width: 72%;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cc-coa-link-container\"\u003e\u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0968\/1367\/8895\/files\/Sundae_Driver_Full_Panel_622d5e07-5f39-4082-ae16-ce97b03a8da2.pdf?v=1792705936\" class=\"cc-coa-btn\" target=\"_blank\"\u003e📄 View Official Lab Results (COA)\u003c\/a\u003e\u003c\/div\u003e\n\u003c\/div\u003e","brand":"CannaCompare","offers":[{"title":"28 Grams","offer_id":58458345799983,"sku":null,"price":85.0,"currency_code":"USD","in_stock":true},{"title":"14 Grams","offer_id":58602784522543,"sku":null,"price":50.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0968\/1367\/8895\/files\/SundaeDriver01.png?v=1792706138"},{"product_id":"cherry-limonada","title":"Cherry Limonada","description":"\u003cstyle\u003e\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700\u0026display=swap');\n\n        .cc-details-wrapper {\n            font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n            color: #e0e0e0;\n            line-height: 1.5;\n            padding: 20px;\n            max-width: 480px;\n            background-color: #121212;\n            border-radius: 16px;\n            box-sizing: border-box;\n        }\n\n        .cc-strain-title {\n            font-size: 28px;\n            font-weight: 700;\n            color: #ffffff;\n            margin: 0 0 12px 0;\n            letter-spacing: -0.5px;\n        }\n\n        .cc-header-badges {\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            margin-bottom: 24px;\n        }\n\n        .cc-type-badge {\n            background-color: rgba(105, 188, 100, 0.15);\n            color: #69bc64;\n            font-size: 13px;\n            font-weight: 600;\n            padding: 4px 12px;\n            border-radius: 6px;\n        }\n\n        .cc-stat-text {\n            font-size: 13px;\n            font-weight: 600;\n            color: #b0b5b2;\n        }\n\n        .cc-strain-grid {\n            display: grid;\n            grid-template-columns: 120px 1fr;\n            gap: 24px;\n            margin-bottom: 24px;\n        }\n\n        .cc-strain-tile {\n            background-color: #69bc64;\n            color: #121212;\n            border-radius: 12px;\n            padding: 12px;\n            display: flex;\n            flex-direction: column;\n            justify-content: space-between;\n            aspect-ratio: 1 \/ 1.25;\n            box-sizing: border-box;\n            font-weight: 700;\n        }\n\n        .cc-tile-type {\n            font-size: 11px;\n            font-weight: 600;\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n            opacity: 0.85;\n        }\n\n        .cc-tile-symbol {\n            font-size: 32px;\n            font-weight: 700;\n            line-height: 1;\n            margin: 8px 0;\n        }\n\n        .cc-tile-name {\n            font-size: 11px;\n            font-weight: 600;\n            line-height: 1.3;\n        }\n\n        .cc-profile-columns {\n            display: grid;\n            grid-template-columns: 1fr;\n            gap: 16px;\n        }\n\n        .cc-column-title {\n            font-size: 13px;\n            font-weight: 700;\n            color: #ffffff;\n            text-decoration: underline;\n            margin-bottom: 12px;\n        }\n\n        .cc-profile-list {\n            list-style: none;\n            padding: 0;\n            margin: 0;\n            display: flex;\n            flex-direction: column;\n            gap: 8px;\n        }\n\n        .cc-profile-item {\n            font-size: 14px;\n            font-weight: 500;\n            color: #cccccc;\n            width: 0;\n            max-width: 100%;\n            overflow: hidden;\n            white-space: nowrap;\n            border-right: 2px solid #69bc64;\n            animation: cc-typewriter 850ms steps(34, end) forwards,\n                cc-caret-blink 900ms step-end 1 forwards;\n        }\n\n        .cc-profile-item:nth-child(2) {\n            animation-delay: 850ms, 850ms;\n        }\n\n        @keyframes cc-typewriter {\n            from {\n                width: 0;\n            }\n\n            to {\n                width: 100%;\n            }\n        }\n\n        @keyframes cc-caret-blink {\n            0%,\n            100% {\n                border-color: transparent;\n            }\n\n            50% {\n                border-color: #69bc64;\n            }\n        }\n\n        .cc-slider-group {\n            display: flex;\n            flex-direction: column;\n            gap: 16px;\n            margin-bottom: 20px;\n        }\n\n        .cc-slider-container {\n            display: flex;\n            flex-direction: column;\n            gap: 6px;\n        }\n\n        .cc-slider-labels {\n            display: flex;\n            justify-content: space-between;\n            font-size: 13px;\n            color: #b0b5b2;\n        }\n\n        .cc-slider-bar {\n            height: 8px;\n            background-color: #222222;\n            border-radius: 4px;\n            overflow: hidden;\n        }\n\n        .cc-slider-fill {\n            height: 100%;\n            background-color: #69bc64;\n            border-radius: 4px;\n            transform: scaleX(0);\n            transform-origin: left center;\n            animation: cc-slider-load 900ms ease-out forwards;\n        }\n\n        .cc-slider-container:nth-child(2) .cc-slider-fill {\n            animation-delay: 180ms;\n        }\n\n        @keyframes cc-slider-load {\n            to {\n                transform: scaleX(1);\n            }\n        }\n\n        .cc-coa-link-container {\n            margin-top: 16px;\n            padding-top: 16px;\n            border-top: 1px solid #222222;\n            text-align: center;\n        }\n\n        .cc-coa-btn {\n            display: inline-block;\n            background-color: #69bc64;\n            color: #121212;\n            font-size: 14px;\n            font-weight: 600;\n            text-decoration: none;\n            padding: 10px 20px;\n            border-radius: 8px;\n            transition: background-color 0.2s ease;\n            animation: cc-coa-attention 3s ease-in-out 1.5s infinite;\n        }\n\n        .cc-coa-btn:hover {\n            background-color: #5aa455;\n            animation-play-state: paused;\n        }\n\n        @keyframes cc-coa-attention {\n            0%,\n            65%,\n            100% {\n                transform: scale(1);\n                box-shadow: 0 0 0 0 rgb(105 188 100 \/ 0%);\n            }\n\n            72% {\n                transform: scale(1.04);\n                box-shadow: 0 0 0 7px rgb(105 188 100 \/ 18%);\n            }\n\n            79% {\n                transform: scale(1);\n                box-shadow: 0 0 0 12px rgb(105 188 100 \/ 0%);\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"cc-details-wrapper\"\u003e\n\u003ch1 class=\"name\"\u003eCherry Limonada\u003c\/h1\u003e\n\u003cdiv class=\"cc-header-badges\"\u003e\n\u003cspan class=\"cc-type-badge\"\u003eTHCA Flower\u003c\/span\u003e \u003cspan class=\"cc-stat-text\"\u003e27.035% Total Cannabinoids\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cc-strain-grid\"\u003e\n\u003cdiv class=\"cc-strain-tile\"\u003e\n\u003cspan class=\"cc-tile-type\"\u003e\u003cbr\u003e\u003c\/span\u003e\n\u003cdiv class=\"cc-tile-symbol\"\u003eCL\u003c\/div\u003e\n\u003cspan class=\"cc-tile-name\"\u003eCherry Limonada\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cc-profile-columns\"\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"cc-column-title\"\u003eCannabinoid Breakdown\u003c\/div\u003e\n\u003cul class=\"cc-profile-list\"\u003e\n\u003cli class=\"cc-profile-item\"\u003eTHCA: 26.324%\u003c\/li\u003e\n\u003cli class=\"cc-profile-item\"\u003eTotal Cannabinoids: \u003cspan class=\"cc-stat-text\"\u003e27.035%\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cc-slider-group\"\u003e\n\u003cdiv class=\"cc-slider-container\"\u003e\n\u003cdiv class=\"cc-slider-labels\"\u003e\n\u003cspan\u003ePotency\u003c\/span\u003e \u003cspan\u003eModerate\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cc-slider-bar\"\u003e\n\u003cdiv class=\"cc-slider-fill\" style=\"width: 75.416%;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cc-slider-container\"\u003e\n\u003cdiv class=\"cc-slider-labels\"\u003e\n\u003cspan\u003eTerpenes\u003c\/span\u003e \u003cspan\u003eBalanced\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cc-slider-bar\"\u003e\n\u003cdiv class=\"cc-slider-fill\" style=\"width: 72%;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cc-coa-link-container\"\u003e\u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0968\/1367\/8895\/files\/Cherry_Limonada_Full_Panel.pdf?v=1792705923\" class=\"cc-coa-btn\" target=\"_blank\"\u003e📄 View Official Lab Results (COA)\u003c\/a\u003e\u003c\/div\u003e\n\u003c\/div\u003e","brand":"CannaCompare","offers":[{"title":"28 Grams","offer_id":58540285329711,"sku":null,"price":85.0,"currency_code":"USD","in_stock":true},{"title":"14 Grams","offer_id":58540288475439,"sku":null,"price":50.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0968\/1367\/8895\/files\/CherryLemonida01.png?v=1792702743"},{"product_id":"mule-fuel","title":"Mule Fuel","description":"\u003cstyle\u003e\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700\u0026display=swap');\n\n        .cc-details-wrapper {\n            font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n            color: #e0e0e0;\n            line-height: 1.5;\n            padding: 20px;\n            max-width: 480px;\n            background-color: #121212;\n            border-radius: 16px;\n            box-sizing: border-box;\n        }\n\n        .cc-strain-title {\n            font-size: 28px;\n            font-weight: 700;\n            color: #ffffff;\n            margin: 0 0 12px 0;\n            letter-spacing: -0.5px;\n        }\n\n        .cc-header-badges {\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            margin-bottom: 24px;\n        }\n\n        .cc-type-badge {\n            background-color: rgba(105, 188, 100, 0.15);\n            color: #69bc64;\n            font-size: 13px;\n            font-weight: 600;\n            padding: 4px 12px;\n            border-radius: 6px;\n        }\n\n        .cc-stat-text {\n            font-size: 13px;\n            font-weight: 600;\n            color: #b0b5b2;\n        }\n\n        .cc-strain-grid {\n            display: grid;\n            grid-template-columns: 120px 1fr;\n            gap: 24px;\n            margin-bottom: 24px;\n        }\n\n        .cc-strain-tile {\n            background-color: #69bc64;\n            color: #121212;\n            border-radius: 12px;\n            padding: 12px;\n            display: flex;\n            flex-direction: column;\n            justify-content: space-between;\n            aspect-ratio: 1 \/ 1.25;\n            box-sizing: border-box;\n            font-weight: 700;\n        }\n\n        .cc-tile-type {\n            font-size: 11px;\n            font-weight: 600;\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n            opacity: 0.85;\n        }\n\n        .cc-tile-symbol {\n            font-size: 32px;\n            font-weight: 700;\n            line-height: 1;\n            margin: 8px 0;\n        }\n\n        .cc-tile-name {\n            font-size: 11px;\n            font-weight: 600;\n            line-height: 1.3;\n        }\n\n        .cc-profile-columns {\n            display: grid;\n            grid-template-columns: 1fr;\n            gap: 16px;\n        }\n\n        .cc-column-title {\n            font-size: 13px;\n            font-weight: 700;\n            color: #ffffff;\n            text-decoration: underline;\n            margin-bottom: 12px;\n        }\n\n        .cc-profile-list {\n            list-style: none;\n            padding: 0;\n            margin: 0;\n            display: flex;\n            flex-direction: column;\n            gap: 8px;\n        }\n\n        .cc-profile-item {\n            font-size: 14px;\n            font-weight: 500;\n            color: #cccccc;\n            width: 0;\n            max-width: 100%;\n            overflow: hidden;\n            white-space: nowrap;\n            border-right: 2px solid #69bc64;\n            animation: cc-typewriter 850ms steps(34, end) forwards,\n                cc-caret-blink 900ms step-end 1 forwards;\n        }\n\n        .cc-profile-item:nth-child(2) {\n            animation-delay: 850ms, 850ms;\n        }\n\n        @keyframes cc-typewriter {\n            from {\n                width: 0;\n            }\n\n            to {\n                width: 100%;\n            }\n        }\n\n        @keyframes cc-caret-blink {\n            0%,\n            100% {\n                border-color: transparent;\n            }\n\n            50% {\n                border-color: #69bc64;\n            }\n        }\n\n        .cc-slider-group {\n            display: flex;\n            flex-direction: column;\n            gap: 16px;\n            margin-bottom: 20px;\n        }\n\n        .cc-slider-container {\n            display: flex;\n            flex-direction: column;\n            gap: 6px;\n        }\n\n        .cc-slider-labels {\n            display: flex;\n            justify-content: space-between;\n            font-size: 13px;\n            color: #b0b5b2;\n        }\n\n        .cc-slider-bar {\n            height: 8px;\n            background-color: #222222;\n            border-radius: 4px;\n            overflow: hidden;\n        }\n\n        .cc-slider-fill {\n            height: 100%;\n            background-color: #69bc64;\n            border-radius: 4px;\n            transform: scaleX(0);\n            transform-origin: left center;\n            animation: cc-slider-load 900ms ease-out forwards;\n        }\n\n        .cc-slider-container:nth-child(2) .cc-slider-fill {\n            animation-delay: 180ms;\n        }\n\n        @keyframes cc-slider-load {\n            to {\n                transform: scaleX(1);\n            }\n        }\n\n        .cc-coa-link-container {\n            margin-top: 16px;\n            padding-top: 16px;\n            border-top: 1px solid #222222;\n            text-align: center;\n        }\n\n        .cc-coa-btn {\n            display: inline-block;\n            background-color: #69bc64;\n            color: #121212;\n            font-size: 14px;\n            font-weight: 600;\n            text-decoration: none;\n            padding: 10px 20px;\n            border-radius: 8px;\n            transition: background-color 0.2s ease;\n            animation: cc-coa-attention 3s ease-in-out 1.5s infinite;\n        }\n\n        .cc-coa-btn:hover {\n            background-color: #5aa455;\n            animation-play-state: paused;\n        }\n\n        @keyframes cc-coa-attention {\n            0%,\n            65%,\n            100% {\n                transform: scale(1);\n                box-shadow: 0 0 0 0 rgb(105 188 100 \/ 0%);\n            }\n\n            72% {\n                transform: scale(1.04);\n                box-shadow: 0 0 0 7px rgb(105 188 100 \/ 18%);\n            }\n\n            79% {\n                transform: scale(1);\n                box-shadow: 0 0 0 12px rgb(105 188 100 \/ 0%);\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"cc-details-wrapper\"\u003e\n\u003ch1 class=\"heading has-breadcrumbs\"\u003eMule Fuel\u003c\/h1\u003e\n\u003cdiv class=\"cc-header-badges\"\u003e\n\u003cspan class=\"cc-type-badge\"\u003eTHCA Flower\u003c\/span\u003e \u003cspan class=\"cc-stat-text\"\u003e28.34% Total Cannabinoids\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cc-strain-grid\"\u003e\n\u003cdiv class=\"cc-strain-tile\"\u003e\n\u003cspan class=\"cc-tile-type\"\u003e\u003cbr\u003e\u003c\/span\u003e\n\u003cdiv class=\"cc-tile-symbol\"\u003eMf\u003c\/div\u003e\n\u003cspan class=\"cc-tile-name\"\u003eMule Fuel\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cc-profile-columns\"\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"cc-column-title\"\u003eCannabinoid Breakdown\u003c\/div\u003e\n\u003cul class=\"cc-profile-list\"\u003e\n\u003cli class=\"cc-profile-item\"\u003eTHCA: 27.59%\u003c\/li\u003e\n\u003cli class=\"cc-profile-item\"\u003eTotal Cannabinoids: \u003cspan class=\"cc-stat-text\"\u003e28.34\u003c\/span\u003e%\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cc-slider-group\"\u003e\n\u003cdiv class=\"cc-slider-container\"\u003e\n\u003cdiv class=\"cc-slider-labels\"\u003e\n\u003cspan\u003ePotency\u003c\/span\u003e \u003cspan\u003eModerate\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cc-slider-bar\"\u003e\n\u003cdiv class=\"cc-slider-fill\" style=\"width: 75.416%;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cc-slider-container\"\u003e\n\u003cdiv class=\"cc-slider-labels\"\u003e\n\u003cspan\u003eTerpenes\u003c\/span\u003e \u003cspan\u003eBalanced\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cc-slider-bar\"\u003e\n\u003cdiv class=\"cc-slider-fill\" style=\"width: 72%;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cc-coa-link-container\"\u003e\u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0968\/1367\/8895\/files\/Mule_Fuel_COA.pdf?v=1790843009\" class=\"cc-coa-btn\" target=\"_blank\"\u003e📄 View Official Lab Results (COA)\u003c\/a\u003e\u003c\/div\u003e\n\u003c\/div\u003e","brand":"CannaCompare","offers":[{"title":"28 Grams","offer_id":58583344546095,"sku":null,"price":85.0,"currency_code":"USD","in_stock":true},{"title":"14 Grams","offer_id":58602774200623,"sku":null,"price":50.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0968\/1367\/8895\/files\/mulefuel1_1.png?v=1792968081"},{"product_id":"headband-og-1","title":"Headband OG","description":"\u003cstyle\u003e\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700\u0026display=swap');\n\n        .cc-details-wrapper {\n            font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n            color: #e0e0e0;\n            line-height: 1.5;\n            padding: 20px;\n            max-width: 480px;\n            background-color: #121212;\n            border-radius: 16px;\n            box-sizing: border-box;\n        }\n\n        .cc-strain-title {\n            font-size: 28px;\n            font-weight: 700;\n            color: #ffffff;\n            margin: 0 0 12px 0;\n            letter-spacing: -0.5px;\n        }\n\n        .cc-header-badges {\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            margin-bottom: 24px;\n        }\n\n        .cc-type-badge {\n            background-color: rgba(105, 188, 100, 0.15);\n            color: #69bc64;\n            font-size: 13px;\n            font-weight: 600;\n            padding: 4px 12px;\n            border-radius: 6px;\n        }\n\n        .cc-stat-text {\n            font-size: 13px;\n            font-weight: 600;\n            color: #b0b5b2;\n        }\n\n        .cc-strain-grid {\n            display: grid;\n            grid-template-columns: 120px 1fr;\n            gap: 24px;\n            margin-bottom: 24px;\n        }\n\n        .cc-strain-tile {\n            background-color: #69bc64;\n            color: #121212;\n            border-radius: 12px;\n            padding: 12px;\n            display: flex;\n            flex-direction: column;\n            justify-content: space-between;\n            aspect-ratio: 1 \/ 1.25;\n            box-sizing: border-box;\n            font-weight: 700;\n        }\n\n        .cc-tile-type {\n            font-size: 11px;\n            font-weight: 600;\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n            opacity: 0.85;\n        }\n\n        .cc-tile-symbol {\n            font-size: 32px;\n            font-weight: 700;\n            line-height: 1;\n            margin: 8px 0;\n        }\n\n        .cc-tile-name {\n            font-size: 11px;\n            font-weight: 600;\n            line-height: 1.3;\n        }\n\n        .cc-profile-columns {\n            display: grid;\n            grid-template-columns: 1fr;\n            gap: 16px;\n        }\n\n        .cc-column-title {\n            font-size: 13px;\n            font-weight: 700;\n            color: #ffffff;\n            text-decoration: underline;\n            margin-bottom: 12px;\n        }\n\n        .cc-profile-list {\n            list-style: none;\n            padding: 0;\n            margin: 0;\n            display: flex;\n            flex-direction: column;\n            gap: 8px;\n        }\n\n        .cc-profile-item {\n            font-size: 14px;\n            font-weight: 500;\n            color: #cccccc;\n            width: 0;\n            max-width: 100%;\n            overflow: hidden;\n            white-space: nowrap;\n            border-right: 2px solid #69bc64;\n            animation: cc-typewriter 850ms steps(34, end) forwards,\n                cc-caret-blink 900ms step-end 1 forwards;\n        }\n\n        .cc-profile-item:nth-child(2) {\n            animation-delay: 850ms, 850ms;\n        }\n\n        @keyframes cc-typewriter {\n            from {\n                width: 0;\n            }\n\n            to {\n                width: 100%;\n            }\n        }\n\n        @keyframes cc-caret-blink {\n            0%,\n            100% {\n                border-color: transparent;\n            }\n\n            50% {\n                border-color: #69bc64;\n            }\n        }\n\n        .cc-slider-group {\n            display: flex;\n            flex-direction: column;\n            gap: 16px;\n            margin-bottom: 20px;\n        }\n\n        .cc-slider-container {\n            display: flex;\n            flex-direction: column;\n            gap: 6px;\n        }\n\n        .cc-slider-labels {\n            display: flex;\n            justify-content: space-between;\n            font-size: 13px;\n            color: #b0b5b2;\n        }\n\n        .cc-slider-bar {\n            height: 8px;\n            background-color: #222222;\n            border-radius: 4px;\n            overflow: hidden;\n        }\n\n        .cc-slider-fill {\n            height: 100%;\n            background-color: #69bc64;\n            border-radius: 4px;\n            transform: scaleX(0);\n            transform-origin: left center;\n            animation: cc-slider-load 900ms ease-out forwards;\n        }\n\n        .cc-slider-container:nth-child(2) .cc-slider-fill {\n            animation-delay: 180ms;\n        }\n\n        @keyframes cc-slider-load {\n            to {\n                transform: scaleX(1);\n            }\n        }\n\n        .cc-coa-link-container {\n            margin-top: 16px;\n            padding-top: 16px;\n            border-top: 1px solid #222222;\n            text-align: center;\n        }\n\n        .cc-coa-btn {\n            display: inline-block;\n            background-color: #69bc64;\n            color: #121212;\n            font-size: 14px;\n            font-weight: 600;\n            text-decoration: none;\n            padding: 10px 20px;\n            border-radius: 8px;\n            transition: background-color 0.2s ease;\n            animation: cc-coa-attention 3s ease-in-out 1.5s infinite;\n        }\n\n        .cc-coa-btn:hover {\n            background-color: #5aa455;\n            animation-play-state: paused;\n        }\n\n        @keyframes cc-coa-attention {\n            0%,\n            65%,\n            100% {\n                transform: scale(1);\n                box-shadow: 0 0 0 0 rgb(105 188 100 \/ 0%);\n            }\n\n            72% {\n                transform: scale(1.04);\n                box-shadow: 0 0 0 7px rgb(105 188 100 \/ 18%);\n            }\n\n            79% {\n                transform: scale(1);\n                box-shadow: 0 0 0 12px rgb(105 188 100 \/ 0%);\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"cc-details-wrapper\"\u003e\n\u003ch1 class=\"name\"\u003eHeadband OG\u003c\/h1\u003e\n\u003cdiv class=\"cc-header-badges\"\u003e\n\u003cspan class=\"cc-type-badge\"\u003eTHCA Flower\u003c\/span\u003e \u003cspan class=\"cc-stat-text\"\u003e27.035% Total Cannabinoids\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cc-strain-grid\"\u003e\n\u003cdiv class=\"cc-strain-tile\"\u003e\n\u003cspan class=\"cc-tile-type\"\u003e\u003cbr\u003e\u003c\/span\u003e\n\u003cdiv class=\"cc-tile-symbol\"\u003eHo\u003c\/div\u003e\n\u003cspan class=\"cc-tile-name\"\u003eHeadband OG\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cc-profile-columns\"\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"cc-column-title\"\u003eCannabinoid Breakdown\u003c\/div\u003e\n\u003cul class=\"cc-profile-list\"\u003e\n\u003cli class=\"cc-profile-item\"\u003eTHCA: 26.324%\u003c\/li\u003e\n\u003cli class=\"cc-profile-item\"\u003eTotal Cannabinoids: \u003cspan class=\"cc-stat-text\"\u003e27.035%\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cc-slider-group\"\u003e\n\u003cdiv class=\"cc-slider-container\"\u003e\n\u003cdiv class=\"cc-slider-labels\"\u003e\n\u003cspan\u003ePotency\u003c\/span\u003e \u003cspan\u003eModerate\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cc-slider-bar\"\u003e\n\u003cdiv class=\"cc-slider-fill\" style=\"width: 75.416%;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cc-slider-container\"\u003e\n\u003cdiv class=\"cc-slider-labels\"\u003e\n\u003cspan\u003eTerpenes\u003c\/span\u003e \u003cspan\u003eBalanced\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cc-slider-bar\"\u003e\n\u003cdiv class=\"cc-slider-fill\" style=\"width: 72%;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cc-coa-link-container\"\u003e\u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0968\/1367\/8895\/files\/Headband_OG_COA.pdf?v=1792489469\" class=\"cc-coa-btn\" target=\"_blank\"\u003e📄 View Official Lab Results (COA)\u003c\/a\u003e\u003c\/div\u003e\n\u003c\/div\u003e","brand":"CannaCompare","offers":[{"title":"28 Grams","offer_id":58682539508015,"sku":null,"price":85.0,"currency_code":"USD","in_stock":true},{"title":"14 Grams","offer_id":58682539540783,"sku":null,"price":50.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0968\/1367\/8895\/files\/Headband_OG002.jpg?v=1792490101"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0968\/1367\/8895\/collections\/thca_flower.png?v=1791558642","url":"https:\/\/cannacomparethca.com\/collections\/top-shelf-collection.oembed","provider":"CannaCompare","version":"1.0","type":"link"}