{"title":"Mid-Shelf \/ Everyday 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\"\u003emid-shelf thca flower\u003c\/span\u003e\n\u003ch1 class=\"cc-title\"\u003eMid-Shelf \/ Everyday 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\"\u003ePremium\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\"\u003eYou're here\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":"gary-payton","title":"Gary Payton","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\"\u003eGary Payton\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\"\u003e27.617% 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\"\u003eGp\u003c\/div\u003e\n\u003cspan class=\"cc-tile-name\"\u003eGary Payton\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.585%\u003c\/li\u003e\n\u003cli class=\"cc-profile-item\"\u003eTotal Cannabinoids: 27.617%\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\/Gary_Payton_Full_Panel.pdf?v=1788698447\" 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":53643744051503,"sku":null,"price":75.0,"currency_code":"USD","in_stock":false},{"title":"14 Grams","offer_id":58222283817263,"sku":null,"price":45.0,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0968\/1367\/8895\/files\/GaryPayton002.png?v=1788698689"},{"product_id":"grape-head","title":"Grape Head","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: 24px;\n        max-width: 480px;\n        background-color: #121212;\n        border: 1px solid #1e1e1e;\n        border-radius: 20px;\n        box-sizing: border-box;\n        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);\n    }\n\n    .cc-strain-title {\n        font-size: 26px;\n        font-weight: 700;\n        color: #ffffff;\n        margin: 0 0 8px 0;\n        letter-spacing: -0.5px;\n    }\n\n    .cc-header-badges {\n        display: flex;\n        align-items: center;\n        flex-wrap: wrap;\n        gap: 8px 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: 12px;\n        font-weight: 600;\n        padding: 4px 10px;\n        border-radius: 6px;\n        text-transform: uppercase;\n        letter-spacing: 0.5px;\n    }\n\n    .cc-stat-text {\n        font-size: 13px;\n        font-weight: 500;\n        color: #9ca3af;\n    }\n\n    .cc-strain-grid {\n        display: grid;\n        grid-template-columns: 110px 1fr;\n        gap: 20px;\n        margin-bottom: 24px;\n        align-items: center;\n    }\n\n    .cc-strain-tile {\n        background: linear-gradient(135deg, #69bc64 0%, #4e9a49 100%);\n        color: #121212;\n        border-radius: 14px;\n        padding: 14px;\n        display: flex;\n        flex-direction: column;\n        justify-content: space-between;\n        aspect-ratio: 1 \/ 1.2;\n        box-sizing: border-box;\n        font-weight: 700;\n        box-shadow: 0 4px 12px rgba(105, 188, 100, 0.2);\n    }\n\n    .cc-tile-symbol {\n        font-size: 28px;\n        font-weight: 800;\n        line-height: 1;\n        letter-spacing: -1px;\n    }\n\n    .cc-tile-name {\n        font-size: 11px;\n        font-weight: 700;\n        line-height: 1.2;\n    }\n\n    .cc-profile-columns {\n        background-color: #1a1a1a;\n        border: 1px solid #262626;\n        border-radius: 12px;\n        padding: 14px 16px;\n    }\n\n    .cc-column-title {\n        font-size: 12px;\n        font-weight: 700;\n        color: #ffffff;\n        text-transform: uppercase;\n        letter-spacing: 0.5px;\n        margin-bottom: 10px;\n        padding-bottom: 6px;\n        border-bottom: 1px solid #2a2a2a;\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: 6px;\n    }\n\n    .cc-profile-item {\n        font-size: 13px;\n        font-weight: 500;\n        color: #d1d5db;\n        display: flex;\n        justify-content: space-between;\n    }\n\n    .cc-slider-group {\n        display: flex;\n        flex-direction: column;\n        gap: 14px;\n        margin-bottom: 20px;\n        background-color: #1a1a1a;\n        border: 1px solid #262626;\n        border-radius: 12px;\n        padding: 16px;\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        font-weight: 500;\n        color: #9ca3af;\n    }\n\n    .cc-slider-labels span:last-child {\n        color: #ffffff;\n        font-weight: 600;\n    }\n\n    .cc-slider-bar {\n        height: 6px;\n        background-color: #262626;\n        border-radius: 3px;\n        overflow: hidden;\n    }\n\n    .cc-slider-fill {\n        height: 100%;\n        background-color: #69bc64;\n        border-radius: 3px;\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        text-align: center;\n    }\n\n    .cc-coa-btn {\n        display: block;\n        width: 100%;\n        background-color: #69bc64;\n        color: #121212;\n        font-size: 14px;\n        font-weight: 600;\n        text-decoration: none;\n        padding: 12px 20px;\n        border-radius: 10px;\n        box-sizing: border-box;\n        transition: background-color 0.2s ease, transform 0.1s 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    .cc-coa-btn:active {\n        transform: scale(0.98);\n    }\n\n    @keyframes cc-coa-attention {\n        0%, 65%, 100% {\n            transform: scale(1);\n            box-shadow: 0 0 0 0 rgba(105, 188, 100, 0);\n        }\n        72% {\n            transform: scale(1.02);\n            box-shadow: 0 0 0 6px rgba(105, 188, 100, 0.15);\n        }\n        79% {\n            transform: scale(1);\n            box-shadow: 0 0 0 10px rgba(105, 188, 100, 0);\n        }\n    }\n\u003c\/style\u003e\n\u003cdiv class=\"cc-details-wrapper\"\u003e\n\u003ch1 class=\"cc-strain-title\"\u003eGrape Head\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\u003cb\u003e28.795%\u003c\/b\u003e 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\"\u003eStrain\u003c\/span\u003e\n\u003cdiv class=\"cc-tile-symbol\"\u003eGh\u003c\/div\u003e\n\u003cspan class=\"cc-tile-name\"\u003eGrape Head\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cc-profile-columns\"\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\"\u003e\n\u003cspan\u003eTHCA\u003c\/span\u003e \u003cspan style=\"color: #ffffff; font-weight: 600;\"\u003e27.904%\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"cc-profile-item\"\u003e\n\u003cspan\u003eTotal Cannabinoids\u003c\/span\u003e \u003cspan style=\"color: #69bc64; font-weight: 600;\"\u003e28.795%\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\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\/7TH-000-Grape-Head-COA.pdf?v=1791979386\" class=\"cc-coa-btn\" rel=\"noopener noreferrer\" 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":58348247646511,"sku":null,"price":75.0,"currency_code":"USD","in_stock":true},{"title":"14 Grams","offer_id":58222286831919,"sku":null,"price":45.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0968\/1367\/8895\/files\/Grape-Head-01.jpg?v=1791979321"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0968\/1367\/8895\/collections\/select.png?v=1791558613","url":"https:\/\/cannacomparethca.com\/collections\/mid-shelf-everyday-collection.oembed","provider":"CannaCompare","version":"1.0","type":"link"}