{"product_id":"dark-blend","title":"Dark Blend.","description":"\u003c!-- Dark Blend Premium Product Description Section - CSS Only --\u003e\n\u003cstyle\u003e\n  .pd-container {\n    position: relative;\n    background: #ffffff;\n    border-radius: 16px;\n    overflow: hidden;\n    box-shadow: 0 8px 30px -4px rgba(101, 67, 33, 0.12);\n    border: 1px solid rgba(139, 109, 76, 0.2);\n    font-family: 'Roboto', sans-serif;\n  }\n\n  .pd-accent-top {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 1px;\n    background: linear-gradient(to right, transparent, rgba(139, 109, 76, 0.3), transparent);\n  }\n\n  .pd-accent-bottom {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    height: 1px;\n    background: linear-gradient(to right, transparent, rgba(139, 109, 76, 0.2), transparent);\n  }\n\n  @keyframes pulse{\n    0%{transform:scale(1);opacity:.5}\n    50%{transform:scale(1.4);opacity:1}\n    100%{transform:scale(1);opacity:.5}\n  }\n\n  .pd-limit-badge{\n    display:flex;\n    align-items:center;\n    gap:8px;\n    padding:16px 16px 0;\n    font-size:12px;\n    font-weight:600;\n    color:#dc2626;\n  }\n\n  .pd-limit-dot{\n    width:8px;\n    height:8px;\n    border-radius:50%;\n    background:#dc2626;\n    display:inline-block;\n    animation:pulse 1.2s ease-in-out infinite;\n    flex:0 0 8px;\n  }\n\n  \/* TABS ONLY CHANGES START *\/\n  .pd-tabs {\n    display: flex;\n    padding: 8px;\n    gap: 8px;\n  }\n  .pd-radio { display: none; }\n\n  .pd-tab {\n    flex: 1;\n    padding: 14px 12px;\n    font-size: 10px;\n    font-weight: 700;\n    letter-spacing: 0.2em;\n    text-align: center;\n    cursor: pointer;\n    transition: all 0.2s ease;\n    position: relative;\n    color: rgba(20, 20, 20, 0.45);\n    border-radius: 9999px;\n    border: 1px solid rgba(139, 109, 76, 0.18);\n    background: rgba(139, 109, 76, 0.05);\n  }\n\n  .pd-tab:hover {\n    color: rgba(20, 20, 20, 0.75);\n    background: rgba(139, 109, 76, 0.08);\n    border-color: rgba(139, 109, 76, 0.26);\n  }\n\n  #pd-tab1:checked ~ .pd-tabs .pd-tab[for=\"pd-tab1\"],\n  #pd-tab2:checked ~ .pd-tabs .pd-tab[for=\"pd-tab2\"],\n  #pd-tab3:checked ~ .pd-tabs .pd-tab[for=\"pd-tab3\"],\n  #pd-tab4:checked ~ .pd-tabs .pd-tab[for=\"pd-tab4\"] {\n    color: #141414;\n    background: linear-gradient(135deg, #faf6f1, #f5ede3);\n    border: 1px solid rgba(139, 109, 76, 0.35);\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);\n  }\n\n  \/* remove underline indicator so highlight is the main signal *\/\n  #pd-tab1:checked ~ .pd-tabs .pd-tab[for=\"pd-tab1\"]::after,\n  #pd-tab2:checked ~ .pd-tabs .pd-tab[for=\"pd-tab2\"]::after,\n  #pd-tab3:checked ~ .pd-tabs .pd-tab[for=\"pd-tab3\"]::after,\n  #pd-tab4:checked ~ .pd-tabs .pd-tab[for=\"pd-tab4\"]::after {\n    display: none;\n  }\n  \/* TABS ONLY CHANGES END *\/\n\n  .pd-divider {\n    height: 1px;\n    background: rgba(139, 109, 76, 0.15);\n    margin: 0 16px;\n  }\n\n  .pd-content {\n    padding: 24px;\n    min-height: 180px;\n  }\n\n  .pd-panel {\n    display: none;\n    animation: pdFadeIn 0.3s ease-out;\n  }\n\n  #pd-tab1:checked ~ .pd-content .pd-panel[data-panel=\"details\"],\n  #pd-tab2:checked ~ .pd-content .pd-panel[data-panel=\"tasting\"],\n  #pd-tab3:checked ~ .pd-content .pd-panel[data-panel=\"brewing\"],\n  #pd-tab4:checked ~ .pd-content .pd-panel[data-panel=\"info\"] { display: block; }\n\n  @keyframes pdFadeIn {\n    from { opacity: 0; transform: translateY(8px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n\n  .pd-details-text {\n    color: #141414;\n    font-size: 15px;\n    line-height: 1.75;\n    font-weight: 300;\n    margin-bottom: 16px;\n  }\n\n  .pd-details-highlight {\n    color: #141414;\n    font-weight: 600;\n    font-size: 14px;\n    letter-spacing: 0.03em;\n    margin-bottom: 16px;\n  }\n\n  .pd-sugar-free {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    padding: 10px 16px;\n    background: linear-gradient(135deg, #faf6f1, #f5ede3);\n    border: 1px solid rgba(139, 109, 76, 0.3);\n    border-radius: 12px;\n    font-size: 13px;\n    font-weight: 600;\n    color: #5c4a32;\n  }\n\n  .pd-section-title {\n    font-size: 10px;\n    font-weight: 700;\n    letter-spacing: 0.15em;\n    color: rgba(20, 20, 20, 0.5);\n    text-transform: uppercase;\n    margin-bottom: 12px;\n  }\n\n  .pd-profile-list { margin-bottom: 20px; }\n\n  .pd-profile-item {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    margin-bottom: 8px;\n  }\n\n  .pd-profile-dot {\n    width: 6px;\n    height: 6px;\n    border-radius: 50%;\n    background: #8b6d4c;\n  }\n\n  .pd-profile-text {\n    color: #141414;\n    font-size: 14px;\n  }\n\n  .pd-tags { display: flex; flex-wrap: wrap; gap: 8px; }\n\n  .pd-tag {\n    padding: 6px 12px;\n    font-size: 12px;\n    font-weight: 500;\n    color: #141414;\n    background: rgba(139, 109, 76, 0.08);\n    border-radius: 9999px;\n    border: 1px solid rgba(139, 109, 76, 0.2);\n  }\n\n  .pd-brew-card {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    padding: 12px;\n    background: rgba(139, 109, 76, 0.06);\n    border-radius: 12px;\n    border: 1px solid rgba(139, 109, 76, 0.15);\n    margin-bottom: 12px;\n  }\n\n  .pd-brew-card:last-child { margin-bottom: 0; }\n  .pd-brew-icon { font-size: 24px; }\n\n  .pd-brew-title {\n    font-weight: 600;\n    color: #141414;\n    font-size: 14px;\n    margin-bottom: 2px;\n  }\n\n  .pd-brew-desc {\n    color: rgba(20, 20, 20, 0.6);\n    font-size: 12px;\n  }\n\n  .pd-info-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n  }\n\n  .pd-info-card {\n    padding: 16px;\n    background: rgba(139, 109, 76, 0.06);\n    border-radius: 12px;\n    border: 1px solid rgba(139, 109, 76, 0.15);\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    min-height: 80px;\n  }\n\n  .pd-info-value {\n    font-size: 20px;\n    font-weight: 900;\n    color: #141414;\n    margin: 0;\n  }\n\n  .pd-info-value.large { font-size: 24px; }\n\n  .pd-info-label {\n    font-size: 10px;\n    color: rgba(20, 20, 20, 0.5);\n    font-weight: 500;\n    letter-spacing: 0.1em;\n    text-transform: uppercase;\n    margin-top: 4px;\n  }\n\n  .pd-intensity-beans {\n    display: flex;\n    gap: 4px;\n    justify-content: center;\n    font-size: 18px;\n    line-height: 1;\n  }\n\n  .pd-bean-empty { opacity: 0.25; filter: grayscale(100%); }\n\u003c\/style\u003e\n\u003cdiv class=\"pd-container\"\u003e\n\u003cdiv class=\"pd-limit-badge\"\u003e\n\u003cspan class=\"pd-limit-dot\"\u003e\u003c\/span\u003e \u003cspan\u003eRestock estimated next week\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pd-accent-top\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"pd-accent-bottom\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cinput checked class=\"pd-radio\" id=\"pd-tab1\" name=\"pd-tabs\" type=\"radio\"\u003e \u003cinput class=\"pd-radio\" id=\"pd-tab2\" name=\"pd-tabs\" type=\"radio\"\u003e \u003cinput class=\"pd-radio\" id=\"pd-tab3\" name=\"pd-tabs\" type=\"radio\"\u003e \u003cinput class=\"pd-radio\" id=\"pd-tab4\" name=\"pd-tabs\" type=\"radio\"\u003e\n\u003cdiv class=\"pd-tabs\"\u003e\n\u003clabel class=\"pd-tab\" for=\"pd-tab1\"\u003eDETAILS\u003c\/label\u003e \u003clabel class=\"pd-tab\" for=\"pd-tab2\"\u003eTASTING\u003c\/label\u003e \u003clabel class=\"pd-tab\" for=\"pd-tab3\"\u003eBREWING\u003c\/label\u003e \u003clabel class=\"pd-tab\" for=\"pd-tab4\"\u003eINFO\u003c\/label\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pd-divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"pd-content\"\u003e\n\u003cdiv data-panel=\"details\" class=\"pd-panel\"\u003e\n\u003cp class=\"pd-details-text\"\u003eA well-balanced dark roast made with Vietnamese Arabica beans, delivering a rich aroma, nutty undertones, and deep flavours of dark chocolate and cacao in every sip. Perfect for a bold Espresso or creamy Latte.\u003c\/p\u003e\n\u003cp class=\"pd-details-highlight\"\u003eNo nasties · No preservatives · Pure Coffee · 40x strength concentrated\u003c\/p\u003e\n\u003cdiv class=\"pd-sugar-free\"\u003e🚫 Unsweetened · 0 Fat · 100% Natural ✨\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv data-panel=\"tasting\" class=\"pd-panel\"\u003e\n\u003cp class=\"pd-section-title\"\u003eOverall Profile\u003c\/p\u003e\n\u003cdiv class=\"pd-profile-list\"\u003e\n\u003cdiv class=\"pd-profile-item\"\u003e\n\u003cdiv class=\"pd-profile-dot\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cspan class=\"pd-profile-text\"\u003eBody: full and heavy with a smooth mouthfeel\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pd-profile-item\"\u003e\n\u003cdiv class=\"pd-profile-dot\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cspan class=\"pd-profile-text\"\u003eAcidity: very low, clean, and muted\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pd-profile-item\"\u003e\n\u003cdiv class=\"pd-profile-dot\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cspan class=\"pd-profile-text\"\u003eSweetness: deep cocoa sweetness that holds up well\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"pd-section-title\"\u003eTasting Notes\u003c\/p\u003e\n\u003cdiv class=\"pd-tags\"\u003e\n\u003cspan class=\"pd-tag\"\u003e🍫 Dark Chocolate\u003c\/span\u003e \u003cspan class=\"pd-tag\"\u003e🌫️ Smoky\u003c\/span\u003e \u003cspan class=\"pd-tag\"\u003e🥜 Nutty\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp style=\"margin-top: 20px;\" class=\"pd-section-title\"\u003eAftertaste\u003c\/p\u003e\n\u003cdiv class=\"pd-profile-list\"\u003e\n\u003cdiv class=\"pd-profile-item\"\u003e\n\u003cdiv class=\"pd-profile-dot\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cspan class=\"pd-profile-text\"\u003eLong, chocolatey finish with a soft smoky edge\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pd-profile-item\"\u003e\n\u003cdiv class=\"pd-profile-dot\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cspan class=\"pd-profile-text\"\u003eNo sharp bitterness\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv data-panel=\"brewing\" class=\"pd-panel\"\u003e\n\u003cdiv class=\"pd-brew-card\"\u003e\n\u003cspan class=\"pd-brew-icon\"\u003e☕\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cp class=\"pd-brew-title\"\u003eEspresso Shot\u003c\/p\u003e\n\u003cp class=\"pd-brew-desc\"\u003e1 second spray in 40-60ml hot water\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pd-brew-card\"\u003e\n\u003cspan class=\"pd-brew-icon\"\u003e🧊\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cp class=\"pd-brew-title\"\u003eIced Latte\u003c\/p\u003e\n\u003cp class=\"pd-brew-desc\"\u003e2 second spray on 250ml milk and ice (avoid spraying on ice cubes)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pd-brew-card\"\u003e\n\u003cspan class=\"pd-brew-icon\"\u003e🥛\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cp class=\"pd-brew-title\"\u003eHot Latte\u003c\/p\u003e\n\u003cp class=\"pd-brew-desc\"\u003e2 second spray on 250ml hot milk\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv data-panel=\"info\" class=\"pd-panel\"\u003e\n\u003cdiv class=\"pd-info-grid\"\u003e\n\u003cdiv class=\"pd-info-card\"\u003e\n\u003cp class=\"pd-info-value large\"\u003e8\u003c\/p\u003e\n\u003cp class=\"pd-info-label\"\u003eServings\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pd-info-card\"\u003e\n\u003cp class=\"pd-info-value\"\u003e102mg\u003c\/p\u003e\n\u003cp class=\"pd-info-label\"\u003eCaffeine\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pd-info-card\"\u003e\n\u003cp class=\"pd-info-value\"\u003e✓\u003c\/p\u003e\n\u003cp class=\"pd-info-label\"\u003eNo refrigeration\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pd-info-card\"\u003e\n\u003cdiv class=\"pd-intensity-beans\"\u003e\n\u003cspan\u003e\u003c\/span\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pd-intensity-beans\"\u003e\n\u003cspan\u003e☕\u003c\/span\u003e \u003cspan\u003e☕\u003c\/span\u003e \u003cspan\u003e☕\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pd-intensity-beans\"\u003e\n\u003cspan\u003e\u003c\/span\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003cp class=\"pd-info-label\"\u003eIntensity\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"My Store","offers":[{"title":"Default Title","offer_id":49902433763632,"sku":"DAR","price":5.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0930\/0066\/3344\/files\/b23ef9e6cbebf1fefce4b31262ab5dea_710722d1-0839-4485-9d16-6c6c7ff6634f.jpg?v=1774394930","url":"https:\/\/customer.thenitrocafe.com\/products\/dark-blend","provider":"The Nitro Cafe","version":"1.0","type":"link"}