{"id":185,"date":"2026-06-08T13:01:39","date_gmt":"2026-06-08T13:01:39","guid":{"rendered":"https:\/\/sprodkraaks.com\/?page_id=185"},"modified":"2026-07-24T07:46:25","modified_gmt":"2026-07-24T07:46:25","slug":"stockists","status":"publish","type":"page","link":"https:\/\/sprodkraaks.com\/?page_id=185","title":{"rendered":"Stockists"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"185\" class=\"elementor elementor-185\">\n\t\t\t\t<div class=\"elementor-element elementor-element-38201c2 e-con e-atomic-element e-flexbox-base e-38201c2-c614e14 \" data-id=\"38201c2\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"38201c2\">\n    \t\t<div class=\"elementor-element elementor-element-ecc45c1 elementor-widget elementor-widget-html\" data-id=\"ecc45c1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"kraaks-numbers-exact\">\r\n\r\n    <div class=\"numbers-inner\">\r\n\r\n        <div class=\"numbers-top\">\r\n\r\n            <div class=\"numbers-label\">\r\n                <span>05<\/span>\r\n                <i><\/i>\r\n                <strong>BY THE NUMBERS<\/strong>\r\n            <\/div>\r\n\r\n            <h2>\r\n                Small house. <em>Quiet ambition.<\/em>\r\n            <\/h2>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"numbers-table\">\r\n\r\n            <!-- CALORIES -->\r\n            <div class=\"number-item\">\r\n                <span class=\"number-prefix\">FROM<\/span>\r\n                <h3>8<\/h3>\r\n                <p>KCAL PER KR\u00c5AK<\/p>\r\n            <\/div>\r\n\r\n            <!-- PROTEIN -->\r\n            <div class=\"number-item\">\r\n                <span class=\"number-prefix\">UP TO<\/span>\r\n                <h3>21<\/h3>\r\n                <p>GRAMS PROTEIN PER BOX<\/p>\r\n            <\/div>\r\n\r\n            <!-- TOTAL SKUS -->\r\n            <div class=\"number-item no-prefix\">\r\n                <h3>16<\/h3>\r\n                <p>TOTAL SKUS<\/p>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n.kraaks-numbers-exact {\r\n    background: #f3efe8;\r\n    padding: 110px 0;\r\n    color: #1f2432;\r\n}\r\n\r\n.kraaks-numbers-exact .numbers-inner {\r\n    width: min(1180px, 90%);\r\n    margin: 0 auto;\r\n}\r\n\r\n\/* ==============================\r\n   TOP\r\n============================== *\/\r\n\r\n.kraaks-numbers-exact .numbers-top {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    text-align: center;\r\n    margin-bottom: 70px;\r\n}\r\n\r\n.kraaks-numbers-exact .numbers-label {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 18px;\r\n    margin-bottom: 35px;\r\n    font-size: 11px;\r\n    letter-spacing: 5px;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.kraaks-numbers-exact .numbers-label span {\r\n    color: #a26f42;\r\n}\r\n\r\n.kraaks-numbers-exact .numbers-label i {\r\n    display: block;\r\n    width: 65px;\r\n    height: 1px;\r\n    background: #d4cbbb;\r\n}\r\n\r\n.kraaks-numbers-exact .numbers-label strong {\r\n    color: #1f2432;\r\n    font-weight: 500;\r\n}\r\n\r\n.kraaks-numbers-exact .numbers-top h2 {\r\n    max-width: 820px;\r\n    margin: 0;\r\n    color: #1f2432;\r\n    font-family: Georgia, \"Times New Roman\", serif;\r\n    font-size: 78px;\r\n    font-weight: 400;\r\n    line-height: 1;\r\n}\r\n\r\n.kraaks-numbers-exact .numbers-top h2 em {\r\n    font-style: italic;\r\n    font-weight: 400;\r\n}\r\n\r\n\/* ==============================\r\n   NUMBERS TABLE\r\n============================== *\/\r\n\r\n.kraaks-numbers-exact .numbers-table {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, minmax(0, 1fr));\r\n    border-top: 1px solid #d4cbbb;\r\n    border-bottom: 1px solid #d4cbbb;\r\n}\r\n\r\n.kraaks-numbers-exact .number-item {\r\n    position: relative;\r\n    display: flex;\r\n    min-height: 220px;\r\n    padding: 40px 20px 45px;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border-right: 1px solid #d4cbbb;\r\n    text-align: center;\r\n}\r\n\r\n.kraaks-numbers-exact .number-item:last-child {\r\n    border-right: none;\r\n}\r\n\r\n\/* Small text above numbers *\/\r\n\r\n.kraaks-numbers-exact .number-prefix {\r\n    min-height: 16px;\r\n    margin-bottom: 13px;\r\n    color: #d76b65;\r\n    font-size: 10px;\r\n    font-weight: 500;\r\n    letter-spacing: 0.5px;\r\n    line-height: 1;\r\n    text-transform: uppercase;\r\n}\r\n\r\n\/* Numbers *\/\r\n\r\n.kraaks-numbers-exact .number-item h3 {\r\n    margin: 0 0 27px;\r\n    color: #1f2432;\r\n    font-family: Georgia, \"Times New Roman\", serif;\r\n    font-size: 82px;\r\n    font-weight: 400;\r\n    line-height: 0.82;\r\n}\r\n\r\n\/* Bottom labels *\/\r\n\r\n.kraaks-numbers-exact .number-item p {\r\n    margin: 0;\r\n    color: #1f2432;\r\n    font-size: 10px;\r\n    font-weight: 400;\r\n    letter-spacing: 3.5px;\r\n    line-height: 1.5;\r\n    text-transform: uppercase;\r\n}\r\n\r\n\/* Keeps the third number aligned with the others *\/\r\n\r\n.kraaks-numbers-exact .number-item.no-prefix {\r\n    padding-top: 69px;\r\n}\r\n\r\n\/* ==============================\r\n   TABLET\r\n============================== *\/\r\n\r\n@media (max-width: 1200px) {\r\n\r\n    .kraaks-numbers-exact .numbers-top h2 {\r\n        font-size: 68px;\r\n    }\r\n\r\n    .kraaks-numbers-exact .number-item h3 {\r\n        font-size: 76px;\r\n    }\r\n\r\n    .kraaks-numbers-exact .number-item p {\r\n        letter-spacing: 2.8px;\r\n    }\r\n}\r\n\r\n\/* ==============================\r\n   MOBILE\r\n============================== *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n    .kraaks-numbers-exact {\r\n        padding: 90px 0;\r\n    }\r\n\r\n    .kraaks-numbers-exact .numbers-top {\r\n        margin-bottom: 55px;\r\n    }\r\n\r\n    .kraaks-numbers-exact .numbers-top h2 {\r\n        max-width: 620px;\r\n        font-size: 54px;\r\n    }\r\n\r\n    .kraaks-numbers-exact .numbers-table {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    .kraaks-numbers-exact .number-item {\r\n        min-height: 190px;\r\n        padding: 42px 20px;\r\n        border-right: none;\r\n        border-bottom: 1px solid #d4cbbb;\r\n    }\r\n\r\n    .kraaks-numbers-exact .number-item:last-child {\r\n        border-bottom: none;\r\n    }\r\n\r\n    .kraaks-numbers-exact .number-item.no-prefix {\r\n        padding-top: 42px;\r\n    }\r\n\r\n    .kraaks-numbers-exact .number-item.no-prefix::before {\r\n        display: block;\r\n        min-height: 16px;\r\n        margin-bottom: 13px;\r\n        content: \"\";\r\n    }\r\n}\r\n\r\n\/* ==============================\r\n   SMALL MOBILE\r\n============================== *\/\r\n\r\n@media (max-width: 600px) {\r\n\r\n    .kraaks-numbers-exact {\r\n        padding: 70px 0;\r\n    }\r\n\r\n    .kraaks-numbers-exact .numbers-inner {\r\n        width: 88%;\r\n    }\r\n\r\n    .kraaks-numbers-exact .numbers-label {\r\n        gap: 12px;\r\n        margin-bottom: 28px;\r\n        font-size: 9px;\r\n        letter-spacing: 3px;\r\n    }\r\n\r\n    .kraaks-numbers-exact .numbers-label i {\r\n        width: 40px;\r\n    }\r\n\r\n    .kraaks-numbers-exact .numbers-top {\r\n        margin-bottom: 45px;\r\n    }\r\n\r\n    .kraaks-numbers-exact .numbers-top h2 {\r\n        font-size: 42px;\r\n        line-height: 1.05;\r\n    }\r\n\r\n    .kraaks-numbers-exact .number-item {\r\n        min-height: 175px;\r\n        padding: 38px 15px;\r\n    }\r\n\r\n    .kraaks-numbers-exact .number-item.no-prefix {\r\n        padding-top: 38px;\r\n    }\r\n\r\n    .kraaks-numbers-exact .number-item h3 {\r\n        margin-bottom: 24px;\r\n        font-size: 70px;\r\n    }\r\n\r\n    .kraaks-numbers-exact .number-item p {\r\n        font-size: 9px;\r\n        letter-spacing: 2.5px;\r\n    }\r\n\r\n    .kraaks-numbers-exact .number-prefix {\r\n        margin-bottom: 12px;\r\n        font-size: 9px;\r\n    }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-da9a5af e-con e-atomic-element e-flexbox-base e-da9a5af-7fd80a2 \" data-id=\"da9a5af\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"da9a5af\">\n    \t\t<div class=\"elementor-element elementor-element-4d22977 elementor-widget elementor-widget-html\" data-id=\"4d22977\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"kraaks-find-section\">\r\n  <div class=\"find-decor\">\r\n \r\n  <\/div>\r\n\r\n  <div class=\"find-inner\">\r\n    <div class=\"find-top\">\r\n      <div class=\"find-label\">\r\n        <span>06<\/span>\r\n        <i><\/i>\r\n        <strong>WHERE TO FIND US<\/strong>\r\n      <\/div>\r\n\r\n      <div class=\"find-title\">\r\n        <h2>From Brooklyn to <em>Beirut.<\/em><\/h2>\r\n        <p>Selected retailers, delicatessens, and specialty grocers. New stockists added each season.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"find-boxes\">\r\n    <div class=\"find-box\">\r\n        <h3 class=\"rotating-name\" data-set=\"0\">Toters<\/h3>\r\n        <p>LEBANON<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"find-box\">\r\n        <h3 class=\"rotating-name\" data-set=\"1\">AlForno<\/h3>\r\n        <p>LEBANON<\/p>\r\n    <\/div>\r\n<\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.kraaks-find-section {\r\n  position: relative;\r\n  background: #e8deca;\r\n  padding: 120px 0 135px;\r\n  color: #151515;\r\n  overflow: hidden;\r\n}\r\n\r\n.find-inner {\r\n  width: 62%;\r\n  max-width: 1160px;\r\n  margin: 0 auto;\r\n}\r\n\r\n.find-top {\r\n  display: grid;\r\n  grid-template-columns: 330px 1fr;\r\n  align-items: center;\r\n  margin-bottom: 70px;\r\n}\r\n\r\n.find-label {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 16px;\r\n  font-size: 11px;\r\n  letter-spacing: 5px;\r\n  white-space: nowrap;\r\n}\r\n\r\n.find-label span {\r\n  color: #9b6c3e;\r\n}\r\n\r\n.find-label i {\r\n  width: 60px;\r\n  height: 1px;\r\n  background: #c9bfae;\r\n  display: block;\r\n}\r\n\r\n.find-label strong {\r\n  font-weight: 500;\r\n  color: #222;\r\n}\r\n\r\n.find-title h2 {\r\n  font-family: Georgia, serif;\r\n  font-size: clamp(56px, 5.2vw, 88px);\r\n  line-height: 1;\r\n  font-weight: 400;\r\n  margin: 0 0 25px;\r\n}\r\n\r\n.find-title h2 em {\r\n  font-style: italic;\r\n}\r\n\r\n.find-title p {\r\n  max-width: 590px;\r\n  font-size: 18px;\r\n  line-height: 1.45;\r\n  color: #3e3b36;\r\n  margin: 0;\r\n}\r\n.find-boxes{\r\n    display:grid;\r\n    grid-template-columns:repeat(2,minmax(320px,420px));\r\n    justify-content:center;\r\n    border:1px solid #bdb3a2;\r\n    border-radius:5px;\r\n    overflow:hidden;\r\n    width:fit-content;\r\n    margin:0 auto;\r\n}\r\n\r\n.find-box{\r\n    min-height:170px;\r\n    width:420px;\r\n    padding:48px 35px 35px;\r\n    text-align:center;\r\n    border-right:1px solid #bdb3a2;\r\n    background:rgba(243,239,232,.45);\r\n}\r\n\r\n.find-box:last-child{\r\n    border-right:none;\r\n}\r\n\r\n.find-box h3 {\r\n  font-family: Georgia, serif;\r\n  font-size: 30px;\r\n  line-height: 1;\r\n  font-weight: 400;\r\n  font-style: italic;\r\n  color: #9b6c3e;\r\n  margin: 0 0 25px;\r\n  transition: opacity .35s ease, transform .35s ease;\r\n}\r\n\r\n.find-box h3 em {\r\n  color: #9b6c3e;\r\n  font-style: italic;\r\n}\r\n\r\n.find-box h3.fade-out {\r\n  opacity: 0;\r\n  transform: translateY(8px);\r\n}\r\n\r\n.find-box p {\r\n  font-size: 10px;\r\n  letter-spacing: 5px;\r\n  color: #3d3832;\r\n  margin: 0;\r\n}\r\n\r\n.find-box small {\r\n  display: block;\r\n  margin-top: 14px;\r\n  font-size: 10px;\r\n  letter-spacing: 3px;\r\n  color: #9b6c3e;\r\n  font-weight: 700;\r\n}\r\n\r\n.find-decor .dot {\r\n  position: absolute;\r\n  top: 100px;\r\n  left: 23%;\r\n  width: 8px;\r\n  height: 8px;\r\n  background: #111;\r\n  border-radius: 50%;\r\n}\r\n\r\n.find-decor .circle {\r\n  position: absolute;\r\n  top: 215px;\r\n  left: 47.8%;\r\n  width: 38px;\r\n  height: 38px;\r\n  border: 1px solid #d4cbbd;\r\n  border-radius: 50%;\r\n}\r\n\r\n@media(max-width: 1200px) {\r\n  .find-inner {\r\n    width: 78%;\r\n  }\r\n}\r\n\r\n@media(max-width: 900px) {\r\n  .kraaks-find-section {\r\n    padding: 85px 0;\r\n  }\r\n\r\n  .find-inner {\r\n    width: 88%;\r\n  }\r\n\r\n  .find-top {\r\n    grid-template-columns: 1fr;\r\n    gap: 35px;\r\n  }\r\n\r\n  .find-title h2 {\r\n    font-size: 54px;\r\n  }\r\n\r\n   .find-boxes{\r\n        grid-template-columns:1fr;\r\n        width:100%;\r\n        max-width:420px;\r\n    }\r\n\r\n    .find-box{\r\n        width:100%;\r\n        border-right:none;\r\n        border-bottom:1px solid #bdb3a2;\r\n    }\r\n\r\n    .find-box:last-child{\r\n        border-bottom:none;\r\n    }\r\n  .find-box:nth-child(2) {\r\n    border-right: none;\r\n  }\r\n\r\n  .find-box:nth-child(1),\r\n  .find-box:nth-child(2) {\r\n    border-bottom: 1px solid #bdb3a2;\r\n  }\r\n}\r\n\r\n@media(max-width: 600px) {\r\n  .find-title h2 {\r\n    font-size: 44px;\r\n  }\r\n\r\n  .find-boxes {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .find-box {\r\n    border-right: none;\r\n    border-bottom: 1px solid #bdb3a2;\r\n  }\r\n\r\n  .find-box:last-child {\r\n    border-bottom: none;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function () {\r\n  const nameSets = [\r\n    [\"AlForno\", \"Toters\"],\r\n    [\"Toters\", \"Alforno\", ],\r\n    [\"Selected <em>Delis<\/em>\", \"Gourmet <em>Stores<\/em>\", \"Specialty <em>Grocers<\/em>\", \"Brooklyn <em>Markets<\/em>\"]\r\n  ];\r\n\r\n  let index = 0;\r\n  const names = document.querySelectorAll(\".rotating-name\");\r\n\r\n  setInterval(function () {\r\n    index++;\r\n\r\n    names.forEach(function (name) {\r\n      name.classList.add(\"fade-out\");\r\n\r\n      setTimeout(function () {\r\n        const setIndex = Number(name.getAttribute(\"data-set\"));\r\n        const values = nameSets[setIndex];\r\n        name.innerHTML = values[index % values.length];\r\n        name.classList.remove(\"fade-out\");\r\n      }, 350);\r\n    });\r\n  }, 2000);\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>05 BY THE NUMBERS Small house. Quiet ambition. FROM 8 KCAL PER KR\u00c5AK UP TO 21 GRAMS PROTEIN PER BOX [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-185","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sprodkraaks.com\/index.php?rest_route=\/wp\/v2\/pages\/185","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sprodkraaks.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sprodkraaks.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sprodkraaks.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sprodkraaks.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=185"}],"version-history":[{"count":13,"href":"https:\/\/sprodkraaks.com\/index.php?rest_route=\/wp\/v2\/pages\/185\/revisions"}],"predecessor-version":[{"id":444,"href":"https:\/\/sprodkraaks.com\/index.php?rest_route=\/wp\/v2\/pages\/185\/revisions\/444"}],"wp:attachment":[{"href":"https:\/\/sprodkraaks.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=185"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}