{"product_id":"summa-salts-blend-coffee-chocolate-roast","title":"Summa Salts Blend Coffee: Chocolate Roast","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\u003e\u003clink rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@400;700;900\u0026amp;family=Inter:wght@300;400;500;600\u0026amp;display=swap\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n    :root {\n      --cream:    #F9F5F0;\n      --dark:     #1C1410;\n      --brown:    #3B2017;\n      --mocha:    #6B3E26;\n      --cocoa:    #A0522D;\n      --gold:     #C9913A;\n      --salt:     #E8DDD0;\n      --white:    #FFFFFF;\n    }\n\n    body {\n      font-family: 'Inter', sans-serif;\n      background: var(--cream);\n      color: var(--dark);\n      -webkit-font-smoothing: antialiased;\n    }\n\n    .hero {\n      background: var(--dark);\n      color: var(--cream);\n      padding: 72px 24px 80px;\n      text-align: center;\n      position: relative;\n      overflow: hidden;\n    }\n\n    .hero::before {\n      content: '';\n      position: absolute;\n      inset: 0;\n      background: radial-gradient(ellipse 70% 60% at 50% 110%, rgba(201,145,58,0.18) 0%, transparent 70%);\n      pointer-events: none;\n    }\n\n    .eyebrow {\n      font-size: 11px;\n      font-weight: 600;\n      letter-spacing: 0.22em;\n      text-transform: uppercase;\n      color: var(--gold);\n      margin-bottom: 20px;\n    }\n\n    .hero h1 {\n      font-family: 'Playfair Display', serif;\n      font-size: clamp(42px, 8vw, 78px);\n      font-weight: 900;\n      line-height: 1.0;\n      letter-spacing: -0.02em;\n      margin-bottom: 20px;\n    }\n\n    .hero h1 em {\n      font-style: italic;\n      color: var(--gold);\n    }\n\n    .hero-sub {\n      font-size: 16px;\n      font-weight: 300;\n      color: rgba(249,245,240,0.65);\n      max-width: 480px;\n      margin: 0 auto 36px;\n      line-height: 1.65;\n    }\n\n    .price-badge {\n      display: inline-flex;\n      align-items: baseline;\n      gap: 10px;\n      background: rgba(255,255,255,0.06);\n      border: 1px solid rgba(201,145,58,0.35);\n      border-radius: 100px;\n      padding: 12px 28px;\n    }\n\n    .price-now {\n      font-family: 'Playfair Display', serif;\n      font-size: 32px;\n      font-weight: 700;\n      color: var(--gold);\n    }\n\n    .price-save {\n      font-size: 12px;\n      font-weight: 600;\n      letter-spacing: 0.1em;\n      text-transform: uppercase;\n      color: var(--gold);\n      opacity: 0.8;\n    }\n\n    .products-section {\n      padding: 72px 24px;\n      max-width: 1080px;\n      margin: 0 auto;\n    }\n\n    .section-label {\n      font-size: 10px;\n      font-weight: 700;\n      letter-spacing: 0.25em;\n      text-transform: uppercase;\n      color: var(--cocoa);\n      margin-bottom: 40px;\n      display: flex;\n      align-items: center;\n      gap: 16px;\n    }\n\n    .section-label::after {\n      content: '';\n      flex: 1;\n      height: 1px;\n      background: var(--salt);\n    }\n\n    .products-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n      gap: 24px;\n    }\n\n    .product-card {\n      background: var(--white);\n      border-radius: 4px;\n      overflow: hidden;\n      border: 1px solid var(--salt);\n      display: block;\n    }\n\n    .card-body {\n      padding: 24px 24px 28px;\n    }\n\n    .card-tag {\n      font-size: 10px;\n      font-weight: 700;\n      letter-spacing: 0.2em;\n      text-transform: uppercase;\n      color: var(--cocoa);\n      margin-bottom: 8px;\n    }\n\n    .card-name {\n      font-family: 'Playfair Display', serif;\n      font-size: 26px;\n      font-weight: 700;\n      color: var(--brown);\n      margin-bottom: 10px;\n      line-height: 1.1;\n    }\n\n    .card-ingredients {\n      font-size: 12px;\n      font-weight: 500;\n      letter-spacing: 0.08em;\n      text-transform: uppercase;\n      color: rgba(59,32,23,0.45);\n      margin-bottom: 16px;\n    }\n\n    .card-desc {\n      font-size: 14px;\n      line-height: 1.7;\n      color: rgba(28,20,16,0.65);\n      margin-bottom: 0;\n    }\n\n    .divider {\n      border: none;\n      border-top: 1px solid var(--salt);\n      margin: 0 24px;\n    }\n\n    .recipe-section {\n      background: var(--brown);\n      color: var(--cream);\n      padding: 72px 24px;\n      text-align: center;\n    }\n\n    .recipe-section .eyebrow {\n      color: var(--gold);\n    }\n\n    .recipe-section h2 {\n      font-family: 'Playfair Display', serif;\n      font-size: clamp(28px, 5vw, 48px);\n      font-weight: 700;\n      margin-bottom: 16px;\n      line-height: 1.15;\n    }\n\n    .recipe-section p {\n      font-size: 16px;\n      line-height: 1.7;\n      color: rgba(249,245,240,0.65);\n      max-width: 560px;\n      margin: 0 auto;\n    }\n\n    .atc-section {\n      padding: 72px 24px;\n      max-width: 600px;\n      margin: 0 auto;\n      text-align: center;\n    }\n\n    .atc-section h2 {\n      font-family: 'Playfair Display', serif;\n      font-size: 32px;\n      font-weight: 700;\n      color: var(--brown);\n      margin-bottom: 10px;\n    }\n\n    .atc-section p {\n      font-size: 14px;\n      color: rgba(28,20,16,0.5);\n      margin-bottom: 32px;\n    }\n\n    .what-you-get {\n      background: var(--white);\n      border: 1px solid var(--salt);\n      border-radius: 4px;\n      padding: 24px 28px;\n      text-align: left;\n    }\n\n    .what-you-get ul {\n      list-style: none;\n    }\n\n    .what-you-get li {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      padding: 10px 0;\n      font-size: 14px;\n      border-bottom: 1px solid var(--salt);\n      color: var(--dark);\n    }\n\n    .what-you-get li:last-child {\n      border-bottom: none;\n    }\n\n    .what-you-get li::before {\n      content: '✦';\n      color: var(--gold);\n      font-size: 10px;\n      flex-shrink: 0;\n    }\n\n    @media (max-width: 600px) {\n      .price-badge {\n        flex-direction: column;\n        align-items: center;\n        gap: 4px;\n        padding: 16px 24px;\n      }\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n      *, *::before, *::after {\n        transition: none !important;\n        animation: none !important;\n      }\n    }\n  \u003c\/style\u003e\n\u003c!-- HERO --\u003e\n\u003csection class=\"hero\"\u003e\n\u003cp class=\"eyebrow\"\u003eSumma Salts × Longroad Coffee\u003c\/p\u003e\n\u003ch1\u003eSumma Salts Blend \u003cem\u003eCoffee\u003c\/em\u003e\n\u003c\/h1\u003e\n\u003cp class=\"hero-sub\"\u003eChocolate Roast, hand-roasted in small batches just for us by Longroad Coffee, a specialty roaster in Jacksonville, FL.\u003c\/p\u003e\n\u003cdiv class=\"price-badge\"\u003e\n\u003cspan class=\"price-now\"\u003e$15–$20\u003c\/span\u003e \u003cspan class=\"price-save\"\u003eWhole Bean or Ground\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- FORMATS --\u003e\n\u003csection class=\"products-section\"\u003e\n\u003cp class=\"section-label\"\u003eChoose your format\u003c\/p\u003e\n\u003cdiv class=\"products-grid\"\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"card-body\"\u003e\n\u003cp class=\"card-tag\"\u003eGrinder Enthusiast · $15\u003c\/p\u003e\n\u003ch2 class=\"card-name\"\u003e8 oz Whole Bean\u003c\/h2\u003e\n\u003cp class=\"card-ingredients\"\u003e100% Arabica · Chocolate Roast\u003c\/p\u003e\n\u003cp class=\"card-desc\"\u003eFreshest cup possible: grind it right before you brew. Made for anyone who already grinds at home.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003cdiv class=\"card-body\"\u003e\n\u003cp class=\"card-tag\"\u003eReady to Brew · $20\u003c\/p\u003e\n\u003ch2 class=\"card-name\"\u003e12 oz Ground\u003c\/h2\u003e\n\u003cp class=\"card-ingredients\"\u003e100% Arabica · Chocolate Roast\u003c\/p\u003e\n\u003cp class=\"card-desc\"\u003ePre-ground and ready to scoop straight into your machine and brew.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003chr class=\"divider\"\u003e\u003c!-- ROASTER SPOTLIGHT --\u003e\n\u003csection class=\"recipe-section\"\u003e\n\u003cp class=\"eyebrow\"\u003eThe Roaster\u003c\/p\u003e\n\u003ch2\u003eHand-Roasted in\u003cbr\u003eJacksonville Beach\u003c\/h2\u003e\n\u003cp\u003eWe partnered with Longroad Coffee, a specialty roaster just down the road, to bring this blend to life. Every batch is roasted in small batch, with specialty-grade beans (the top 5% globally) that are traceable back to the farmers who grew them. It's the same deep, chocolaty flavor that makes our Coffee Salt and Mocha Salt so addictive, minus the salt.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- GOOD TO KNOW --\u003e\n\u003csection class=\"atc-section\"\u003e\n\u003ch2\u003eGood to Know\u003c\/h2\u003e\n\u003cp\u003eChocolate roast · Smooth, low-acid finish · Ships fresh\u003c\/p\u003e\n\u003cdiv class=\"what-you-get\"\u003e\n\u003cul\u003e\n\u003cli\u003eHand-roasted by Longroad Coffee in Jacksonville Beach, FL\u003c\/li\u003e\n\u003cli\u003eSpecialty-grade beans (top 5%), traceable \u0026amp; ethically sourced\u003c\/li\u003e\n\u003cli\u003eAvailable in 8 oz Whole Bean or 12 oz Ground\u003c\/li\u003e\n\u003cli\u003ePairs perfectly with a pinch of our Coffee Salt\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"Summa Salts","offers":[{"title":"12 oz Ground","offer_id":48807062798528,"sku":null,"price":20.0,"currency_code":"USD","in_stock":true},{"title":"8 oz Whole Bean","offer_id":48807112736960,"sku":null,"price":15.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0596\/4287\/2000\/files\/beth_leitzke_summa_salts_branding_2026-8641_1_1.jpg?v=1786737923","url":"https:\/\/summasalts.com\/products\/summa-salts-blend-coffee-chocolate-roast","provider":"Summa Salts","version":"1.0","type":"link"}