{"product_id":"crema-the-crop-coffee-beans","title":"Crema the Crop Coffee Beans (12 x 500g Bags)","description":"\u003c!-- OBC Crema the Crop Product Description --\u003e\n\n\u003cstyle\u003e\n  @keyframes obcCremaStrengthAttention {\n    0% {\n      box-shadow:0 0 0 0 rgba(255,79,0,0);\n      transform:scale(1);\n    }\n\n    12% {\n      box-shadow:0 0 0 6px rgba(255,79,0,0.22);\n      transform:scale(1.025);\n    }\n\n    24% {\n      box-shadow:0 0 0 2px rgba(255,79,0,0.08);\n      transform:scale(1);\n    }\n\n    38% {\n      box-shadow:0 0 0 6px rgba(255,79,0,0.20);\n      transform:scale(1.022);\n    }\n\n    52% {\n      box-shadow:0 0 0 2px rgba(255,79,0,0.07);\n      transform:scale(1);\n    }\n\n    66% {\n      box-shadow:0 0 0 5px rgba(242,197,107,0.20);\n      transform:scale(1.018);\n    }\n\n    80% {\n      box-shadow:0 0 0 2px rgba(255,79,0,0.06);\n      transform:scale(1);\n    }\n\n    91% {\n      box-shadow:0 0 0 4px rgba(255,79,0,0.14);\n      transform:scale(1.012);\n    }\n\n    100% {\n      box-shadow:0 0 0 0 rgba(255,79,0,0);\n      transform:scale(1);\n    }\n  }\n\n  @keyframes obcCremaStrengthShine {\n    0%,\n    8% {\n      left:-45%;\n      opacity:0;\n    }\n\n    13% {\n      opacity:0.75;\n    }\n\n    30% {\n      left:120%;\n      opacity:0;\n    }\n\n    43% {\n      left:-45%;\n      opacity:0;\n    }\n\n    48% {\n      opacity:0.6;\n    }\n\n    65% {\n      left:120%;\n      opacity:0;\n    }\n\n    100% {\n      left:120%;\n      opacity:0;\n    }\n  }\n\n  @keyframes obcCremaBarReveal {\n    0% {\n      background:#786a60;\n      opacity:0.4;\n      transform:scaleY(0.35);\n    }\n\n    70% {\n      background:#ff6a22;\n      opacity:1;\n      transform:scaleY(1.18);\n    }\n\n    100% {\n      background:#ff4f00;\n      opacity:1;\n      transform:scaleY(1);\n    }\n  }\n\n  @keyframes obcCremaNumberReveal {\n    0% {\n      color:#ffffff;\n      opacity:0.65;\n      transform:scale(0.82);\n    }\n\n    55% {\n      color:#f2c56b;\n      opacity:1;\n      transform:scale(1.2);\n    }\n\n    100% {\n      color:#ffffff;\n      opacity:1;\n      transform:scale(1);\n    }\n  }\n\n  @keyframes obcCremaDescriptionReveal {\n    0% {\n      opacity:0.65;\n    }\n\n    50% {\n      color:#f2c56b;\n      opacity:1;\n    }\n\n    100% {\n      color:#eee5dc;\n      opacity:1;\n    }\n  }\n\n  #obc-crema-description .obc-strength-indicator {\n    animation:obcCremaStrengthAttention 6s ease-in-out 0.1s 1;\n    isolation:isolate;\n    overflow:hidden;\n    position:relative;\n    transform-origin:center;\n  }\n\n  #obc-crema-description .obc-strength-indicator::after {\n    animation:obcCremaStrengthShine 6s ease-in-out 0.1s 1;\n    background:linear-gradient(\n      90deg,\n      transparent 0%,\n      rgba(255,255,255,0.04) 25%,\n      rgba(255,255,255,0.28) 50%,\n      rgba(255,255,255,0.04) 75%,\n      transparent 100%\n    );\n    bottom:-10px;\n    content:\"\";\n    left:-45%;\n    pointer-events:none;\n    position:absolute;\n    top:-10px;\n    transform:skewX(-18deg);\n    width:30%;\n    z-index:0;\n  }\n\n  #obc-crema-description .obc-strength-indicator \u003e * {\n    position:relative;\n    z-index:1;\n  }\n\n  #obc-crema-description .obc-strength-bar-filled {\n    animation-duration:0.8s;\n    animation-fill-mode:both;\n    animation-name:obcCremaBarReveal;\n    animation-timing-function:ease-out;\n    transform-origin:center bottom;\n  }\n\n  #obc-crema-description .obc-strength-bar-1 {\n    animation-delay:0.6s;\n  }\n\n  #obc-crema-description .obc-strength-bar-2 {\n    animation-delay:1.1s;\n  }\n\n  #obc-crema-description .obc-strength-bar-3 {\n    animation-delay:1.6s;\n  }\n\n  #obc-crema-description .obc-strength-bar-4 {\n    animation-delay:2.1s;\n  }\n\n  #obc-crema-description .obc-strength-number {\n    animation:obcCremaNumberReveal 0.75s ease-out 3.1s both;\n    display:inline-block;\n  }\n\n  #obc-crema-description .obc-strength-description {\n    animation:obcCremaDescriptionReveal 1.2s ease-out 4s both;\n  }\n\n  #obc-crema-description summary {\n    transition:color 0.2s ease;\n  }\n\n  #obc-crema-description summary:hover {\n    color:#ff4f00;\n  }\n\n  @media (max-width:600px) {\n    #obc-crema-description {\n      max-width:100%;\n      overflow-wrap:anywhere;\n    }\n\n    #obc-crema-description .obc-emotional-panel {\n      padding:19px 16px !important;\n    }\n\n    #obc-crema-description .obc-emotional-heading {\n      font-size:23px !important;\n      line-height:1.15 !important;\n    }\n\n    #obc-crema-description .obc-strength-row {\n      display:block !important;\n      width:100% !important;\n    }\n\n    #obc-crema-description .obc-strength-indicator {\n      justify-content:center !important;\n      padding:10px 12px !important;\n      width:100% !important;\n    }\n\n    #obc-crema-description .obc-profile-pills {\n      display:grid !important;\n      grid-template-columns:1fr 1fr !important;\n      width:100% !important;\n    }\n\n    #obc-crema-description .obc-profile-pill {\n      display:block !important;\n      min-width:0 !important;\n      padding:9px 10px !important;\n      text-align:center;\n    }\n\n    #obc-crema-description .obc-fact {\n      border-bottom:1px solid #eee8e2;\n      flex:1 1 100% !important;\n      padding:10px 0 !important;\n    }\n\n    #obc-crema-description .obc-fact:last-child {\n      border-bottom:0;\n    }\n\n    #obc-crema-description summary {\n      font-size:13px !important;\n      line-height:1.5 !important;\n    }\n\n    #obc-crema-description .obc-summary-helper {\n      display:block;\n      margin:2px 0 0 18px !important;\n    }\n\n    #obc-crema-description .obc-promise {\n      align-items:flex-start !important;\n      display:block !important;\n    }\n\n    #obc-crema-description .obc-promise strong {\n      display:block;\n      margin-bottom:3px;\n    }\n  }\n\n  @media (max-width:380px) {\n    #obc-crema-description .obc-profile-pills {\n      grid-template-columns:1fr !important;\n    }\n\n    #obc-crema-description .obc-strength-description {\n      flex-basis:100%;\n      text-align:center;\n    }\n  }\n\n  @media (prefers-reduced-motion:reduce) {\n    #obc-crema-description .obc-strength-indicator,\n    #obc-crema-description .obc-strength-indicator::after,\n    #obc-crema-description .obc-strength-bar-filled,\n    #obc-crema-description .obc-strength-number,\n    #obc-crema-description .obc-strength-description {\n      animation:none;\n    }\n  }\n\u003c\/style\u003e\n\n\u003cdiv id=\"obc-crema-description\" style=\"font-family:Arial,Helvetica,sans-serif;color:#1d1b19;line-height:1.6;max-width:100%;\"\u003e\n\n  \u003c!-- Emotional introduction --\u003e\n  \u003cdiv class=\"obc-emotional-panel\" style=\"background:linear-gradient(135deg,#f9f4e8 0%,#f1e5d3 50%,#f9f4e8 100%);border:1px solid #e2d5c4;border-top:5px solid #b88829;border-radius:12px;padding:22px 20px;margin:0 0 18px;box-shadow:0 5px 16px rgba(90,62,43,0.12);\"\u003e\n\n    \u003cdiv style=\"display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start;justify-content:space-between;margin-bottom:8px;\"\u003e\n\n      \u003cp style=\"margin:0;color:#ff4f00;font-size:12px;font-weight:bold;letter-spacing:1px;text-transform:uppercase;\"\u003e\n        Medium-dark roast · Roasted fresh to order\n      \u003c\/p\u003e\n\n      \u003cspan style=\"display:inline-block;background:#c8a96b;color:#2d2115;font-size:11px;font-weight:bold;letter-spacing:1px;text-transform:uppercase;padding:5px 11px;border-radius:20px;\"\u003e\n        Espresso favourite\n      \u003c\/span\u003e\n\n    \u003c\/div\u003e\n\n    \u003ch2 class=\"obc-emotional-heading\" style=\"margin:0 0 8px;color:#3b2a1e;font-size:27px;line-height:1.15;text-transform:uppercase;\"\u003e\n      The espresso that makes mornings feel cinematic.\n    \u003c\/h2\u003e\n\n    \u003cp style=\"margin:0;color:#5a4638;font-family:Georgia,'Times New Roman',serif;font-size:17px;line-height:1.5;\"\u003e\n      Deep, smoky and velvety, with a thick golden crema worthy of top billing.\n    \u003c\/p\u003e\n\n  \u003c\/div\u003e\n\n  \u003c!-- Strength row --\u003e\n  \u003cdiv class=\"obc-strength-row\" style=\"display:flex;width:100%;margin:0 0 10px;\"\u003e\n\n    \u003cspan class=\"obc-strength-indicator\" aria-label=\"Strength 4 out of 5, rich and bold\" style=\"display:inline-flex;align-items:center;gap:10px;max-width:100%;min-height:42px;background:linear-gradient(135deg,#2d2119 0%,#493225 100%);border:1px solid #5a3e2b;border-radius:24px;padding:9px 16px;color:#ffffff;\"\u003e\n\n      \u003cstrong style=\"color:#f2c56b;font-size:13px;letter-spacing:0.8px;text-transform:uppercase;white-space:nowrap;\"\u003e\n        Strength\n      \u003c\/strong\u003e\n\n      \u003cstrong class=\"obc-strength-number\" style=\"font-size:24px;line-height:1;color:#ffffff;white-space:nowrap;\"\u003e\n        4\u003cspan style=\"font-size:13px;color:#d8cfc7;\"\u003e\/5\u003c\/span\u003e\n      \u003c\/strong\u003e\n\n      \u003cspan aria-hidden=\"true\" style=\"display:inline-flex;gap:4px;align-items:center;white-space:nowrap;\"\u003e\n\n        \u003cspan class=\"obc-strength-bar-filled obc-strength-bar-1\" style=\"display:inline-block;width:7px;height:16px;background:#ff4f00;border-radius:2px;\"\u003e\u003c\/span\u003e\n\n        \u003cspan class=\"obc-strength-bar-filled obc-strength-bar-2\" style=\"display:inline-block;width:7px;height:16px;background:#ff4f00;border-radius:2px;\"\u003e\u003c\/span\u003e\n\n        \u003cspan class=\"obc-strength-bar-filled obc-strength-bar-3\" style=\"display:inline-block;width:7px;height:16px;background:#ff4f00;border-radius:2px;\"\u003e\u003c\/span\u003e\n\n        \u003cspan class=\"obc-strength-bar-filled obc-strength-bar-4\" style=\"display:inline-block;width:7px;height:16px;background:#ff4f00;border-radius:2px;\"\u003e\u003c\/span\u003e\n\n        \u003cspan style=\"display:inline-block;width:7px;height:16px;background:#786a60;border-radius:2px;\"\u003e\u003c\/span\u003e\n\n      \u003c\/span\u003e\n\n      \u003cspan class=\"obc-strength-description\" style=\"font-size:12px;color:#eee5dc;white-space:nowrap;\"\u003e\n        Rich \u0026amp; bold\n      \u003c\/span\u003e\n\n    \u003c\/span\u003e\n\n  \u003c\/div\u003e\n  \u003c!-- \/Strength row --\u003e\n\n  \u003c!-- Profile pills --\u003e\n  \u003cdiv class=\"obc-profile-pills\" style=\"display:flex;flex-wrap:wrap;gap:8px;margin:0 0 8px;align-items:center;\"\u003e\n\n    \u003cspan class=\"obc-profile-pill\" style=\"display:inline-block;border:1px solid #ded8d1;border-radius:20px;padding:8px 12px;background:#ffffff;color:#675f58;font-size:13px;\"\u003e\n      \u003cstrong style=\"color:#ff4f00;text-transform:uppercase;\"\u003e\n        Taste\n      \u003c\/strong\u003e\n       Deep · smoky · traditional\n    \u003c\/span\u003e\n\n    \u003cspan class=\"obc-profile-pill\" style=\"display:inline-block;border:1px solid #ded8d1;border-radius:20px;padding:8px 12px;background:#ffffff;color:#675f58;font-size:13px;\"\u003e\n      \u003cstrong style=\"color:#ff4f00;text-transform:uppercase;\"\u003e\n        Body\n      \u003c\/strong\u003e\n       Rich · full · velvety\n    \u003c\/span\u003e\n\n    \u003cspan class=\"obc-profile-pill\" style=\"display:inline-block;border:1px solid #ded8d1;border-radius:20px;padding:8px 12px;background:#ffffff;color:#675f58;font-size:13px;\"\u003e\n      \u003cstrong style=\"color:#ff4f00;text-transform:uppercase;\"\u003e\n        Roast\n      \u003c\/strong\u003e\n       Medium-dark\n    \u003c\/span\u003e\n\n    \u003cspan class=\"obc-profile-pill\" style=\"display:inline-block;border:1px solid #ded8d1;border-radius:20px;padding:8px 12px;background:#ffffff;color:#675f58;font-size:13px;\"\u003e\n      \u003cstrong style=\"color:#ff4f00;text-transform:uppercase;\"\u003e\n        Style\n      \u003c\/strong\u003e\n       Italian espresso\n    \u003c\/span\u003e\n\n    \u003cspan class=\"obc-profile-pill\" style=\"display:inline-block;border:1px solid #ded8d1;border-radius:20px;padding:8px 12px;background:#ffffff;color:#675f58;font-size:13px;\"\u003e\n      \u003cstrong style=\"color:#ff4f00;text-transform:uppercase;\"\u003e\n        Origin\n      \u003c\/strong\u003e\n       Multi-origin blend\n    \u003c\/span\u003e\n\n  \u003c\/div\u003e\n  \u003c!-- \/Profile pills --\u003e\n\n  \u003c!-- Strength explanation --\u003e\n  \u003cp style=\"margin:0 0 19px;color:#84786f;font-size:11px;line-height:1.4;\"\u003e\n    Strength describes flavour intensity and body, not caffeine content.\n  \u003c\/p\u003e\n\n  \u003c!-- Short introduction --\u003e\n  \u003cp style=\"margin:0 0 18px;color:#4f4842;font-size:15px;line-height:1.65;\"\u003e\n    Crema the Crop is made for people who live for a proper espresso: deep roasted flavour, a rich velvety body and the thick golden crema that gives a beautifully pulled shot its finishing touch. Bold but balanced, it keeps its character whether served straight or with milk.\n  \u003c\/p\u003e\n\n  \u003c!-- At a glance --\u003e\n  \u003cdiv style=\"display:flex;flex-wrap:wrap;border-top:1px solid #ded8d1;border-bottom:1px solid #ded8d1;margin:0 0 16px;padding:12px 0;\"\u003e\n\n    \u003cdiv class=\"obc-fact\" style=\"flex:1 1 145px;padding:6px 14px 6px 0;\"\u003e\n      \u003cspan style=\"display:block;color:#84786f;font-size:11px;letter-spacing:1px;text-transform:uppercase;margin-bottom:3px;\"\u003e\n        Best for\n      \u003c\/span\u003e\n\n      \u003cstrong style=\"display:block;font-size:13px;line-height:1.4;\"\u003e\n        Espresso, latte, flat white and cappuccino\n      \u003c\/strong\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"obc-fact\" style=\"flex:1 1 145px;padding:6px 14px;\"\u003e\n      \u003cspan style=\"display:block;color:#84786f;font-size:11px;letter-spacing:1px;text-transform:uppercase;margin-bottom:3px;\"\u003e\n        Freshness\n      \u003c\/span\u003e\n\n      \u003cstrong style=\"display:block;font-size:13px;line-height:1.4;\"\u003e\n        Roasted fresh to order\n      \u003c\/strong\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"obc-fact\" style=\"flex:1 1 145px;padding:6px 0 6px 14px;\"\u003e\n      \u003cspan style=\"display:block;color:#84786f;font-size:11px;letter-spacing:1px;text-transform:uppercase;margin-bottom:3px;\"\u003e\n        Case size\n      \u003c\/span\u003e\n\n      \u003cstrong style=\"display:block;font-size:13px;line-height:1.4;\"\u003e\n        12 × 500 g bags\n      \u003c\/strong\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n  \u003c!-- Expandable coffee story --\u003e\n  \u003cdetails style=\"margin:0 0 13px;border-bottom:1px solid #ded8d1;padding:0 0 11px;color:#1d1b19;\"\u003e\n\n    \u003csummary style=\"cursor:pointer;font-size:14px;font-weight:bold;padding:4px 0;\"\u003e\n      Read the full Crema the Crop story\n\n      \u003cspan class=\"obc-summary-helper\" style=\"color:#84786f;font-size:12px;font-weight:normal;margin-left:5px;\"\u003e\n        Taste, roast and why teams love it\n      \u003c\/span\u003e\n    \u003c\/summary\u003e\n\n    \u003cdiv style=\"padding:13px 0 3px;color:#4f4842;font-size:14px;line-height:1.65;\"\u003e\n\n      \u003cp style=\"margin:0 0 13px;\"\u003e\n        Crema the Crop is a medium-dark roasted blend designed around a traditional Italian espresso profile. The roast develops deep smoky tones, a satisfying aroma and a confident full-bodied character while retaining the smoothness needed for an enjoyable everyday coffee.\n      \u003c\/p\u003e\n\n      \u003cp style=\"margin:0 0 13px;\"\u003e\n        Each shot produces the thick golden crema espresso drinkers look for. Beneath it sits a rich, complex and velvety cup that feels bold without becoming unbalanced.\n      \u003c\/p\u003e\n\n      \u003cp style=\"margin:0 0 16px;\"\u003e\n        Serve it as a straight espresso to enjoy its complete roasted character, or add milk for a latte, flat white or cappuccino. Its depth remains present in the cup rather than disappearing beneath the milk.\n      \u003c\/p\u003e\n\n      \u003cdiv style=\"background:#faf8f5;border-left:3px solid #ff4f00;padding:15px 17px;\"\u003e\n\n        \u003ch3 style=\"margin:0 0 8px;color:#3b2a1e;font-size:16px;text-transform:uppercase;\"\u003e\n          Why teams love it\n        \u003c\/h3\u003e\n\n        \u003cul style=\"margin:0;padding-left:20px;color:#4f4842;\"\u003e\n\n          \u003cli style=\"margin-bottom:5px;\"\u003e\n            Thick golden crema and a rich espresso aroma\n          \u003c\/li\u003e\n\n          \u003cli style=\"margin-bottom:5px;\"\u003e\n            Deep smoky flavour with a smooth, velvety body\n          \u003c\/li\u003e\n\n          \u003cli style=\"margin-bottom:5px;\"\u003e\n            Keeps its character in lattes, flat whites and cappuccinos\n          \u003c\/li\u003e\n\n          \u003cli style=\"margin-bottom:0;\"\u003e\n            Roasted fresh to order for a consistently satisfying cup\n          \u003c\/li\u003e\n\n        \u003c\/ul\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/details\u003e\n  \u003c!-- \/Expandable coffee story --\u003e\n\n  \u003c!-- Compact delivery offer --\u003e\n  \u003cdetails style=\"margin:0 0 16px;border-bottom:1px solid #ded8d1;padding:0 0 11px;color:#1d1b19;\"\u003e\n\n    \u003csummary style=\"cursor:pointer;font-size:14px;font-weight:bold;padding:4px 0;\"\u003e\n\n      \u003cspan style=\"color:#ff4f00;margin-right:5px;\"\u003e\n        ●\n      \u003c\/span\u003e\n\n      Mix any 4 eligible boxes for free UK mainland delivery\n\n      \u003cspan class=\"obc-summary-helper\" style=\"color:#84786f;font-size:12px;font-weight:normal;margin-left:5px;\"\u003e\n        View details\n      \u003c\/span\u003e\n\n    \u003c\/summary\u003e\n\n    \u003cdiv style=\"padding:11px 0 3px 18px;color:#675f58;font-size:13px;line-height:1.55;\"\u003e\n\n      \u003cp style=\"margin:0 0 8px;\"\u003e\n        Mix any four eligible boxes of coffee beans, milk, hot chocolate or machine-care products in one order and delivery is free.\n        \u003cstrong style=\"color:#1d1b19;\"\u003eUK mainland only.\u003c\/strong\u003e\n      \u003c\/p\u003e\n\n      \u003cp style=\"margin:0 0 8px;\"\u003e\n        Delivery is £11.99 + VAT for orders containing one to three eligible boxes.\n      \u003c\/p\u003e\n\n      \u003cp style=\"margin:0 0 8px;\"\u003e\n        We arrange delivery through \u003cstrong\u003eDPD\u003c\/strong\u003e. Once your order is on its way, we’ll send you the tracking number and a link so you can follow it. Please allow up to two working days.\n      \u003c\/p\u003e\n\n      \u003cp style=\"margin:0;\"\u003e\n        Each case counts as one qualifying box. One case containing 12 × 500 g bags counts as one box—not twelve. Each qualifying machine-care tub also counts as one box.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/details\u003e\n  \u003c!-- \/Compact delivery offer --\u003e\n\n  \u003c!-- Compact replacement promise --\u003e\n  \u003cdiv class=\"obc-promise\" style=\"display:flex;flex-wrap:wrap;align-items:center;gap:7px;background:#343434;color:#ffffff;border-radius:8px;padding:13px 16px;\"\u003e\n\n    \u003cstrong style=\"font-size:14px;color:#ffffff;\"\u003e\n      The OBC replacement promise\n    \u003c\/strong\u003e\n\n    \u003cspan style=\"font-size:13px;color:#eeeeee;\"\u003e\n      If anything isn’t right, we’ll replace it—no forms, no fuss and no questions asked.\n    \u003c\/span\u003e\n\n  \u003c\/div\u003e\n  \u003c!-- \/Compact replacement promise --\u003e\n\n\u003c\/div\u003e\n\u003c!-- \/OBC Crema the Crop Product Description --\u003e","brand":"OBC","offers":[{"title":"Default Title","offer_id":39861786411065,"sku":"TCDCOC","price":117.46,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0572\/3711\/0841\/files\/crema_the_crop_hero.jpg?v=1731441211","url":"https:\/\/www.theofficebrewcrew.com\/products\/crema-the-crop-coffee-beans","provider":"Office Brew Crew","version":"1.0","type":"link"}