{"id":21,"date":"2026-06-03T06:35:57","date_gmt":"2026-06-03T06:35:57","guid":{"rendered":"https:\/\/sprodkraaks.com\/?page_id=21"},"modified":"2026-06-12T12:47:47","modified_gmt":"2026-06-12T12:47:47","slug":"home","status":"publish","type":"page","link":"https:\/\/sprodkraaks.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"21\" class=\"elementor elementor-21\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7731a58 e-flex e-con-boxed e-con e-parent\" data-id=\"7731a58\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-56b2f65 e-grid e-con-full e-con e-child\" data-id=\"56b2f65\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-df6f160 elementor-widget elementor-widget-text-editor\" data-id=\"df6f160\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\tEst. Beirut &#8211; 2022\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e8bceec elementor-widget elementor-widget-html\" data-id=\"e8bceec\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"hero-top-info\">\r\n\r\n  \r\n    <div class=\"market-counter\">\r\n        <span class=\"dot\"><\/span>\r\n        <span class=\"text\">NOW IN 4 MARKETS<\/span>\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n<style>\r\n\r\n@font-face {\r\n    font-family: 'HelveticaNeueMedium';\r\n    src: url('http:\/\/sprodkraaks.local\/wp-content\/uploads\/2026\/06\/HelveticaNeueMedium.woff2') format('woff2');\r\n    font-weight: 500;\r\n    font-style: normal;\r\n    font-display: swap;\r\n}\r\n\r\n\/* Top Row *\/\r\n.hero-top-info{\r\n    width:100%;\r\n    display:flex;\r\n    justify-content:space-between;\r\n    align-items:center;\r\n    margin-bottom:40px;\r\n}\r\n\r\n\/* Left Text *\/\r\n.est-label{\r\n    font-family:'HelveticaNeueMedium', sans-serif;\r\n    font-size:11px;\r\n    letter-spacing:3px;\r\n    text-transform:uppercase;\r\n    color:#8B8B8B;\r\n    line-height:1;\r\n}\r\n\r\n\/* Right Counter *\/\r\n.market-counter{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:10px;\r\n}\r\n\r\n\/* Green Dot *\/\r\n.market-counter .dot{\r\n    width:10px;\r\n    height:10px;\r\n    border-radius:50%;\r\n    background:#7FC46C;\r\n    display:block;\r\n\r\n    animation:pulse 2s infinite;\r\n}\r\n\r\n\/* Text *\/\r\n.market-counter .text{\r\n    font-family:'HelveticaNeueMedium', sans-serif;\r\n    font-size:11px;\r\n    letter-spacing:4px;\r\n    text-transform:uppercase;\r\n    color:#3A322C;\r\n    line-height:1;\r\n}\r\n\r\n\/* Animation *\/\r\n@keyframes pulse{\r\n    0%{\r\n        box-shadow:0 0 0 0 rgba(127,196,108,.5);\r\n    }\r\n\r\n    70%{\r\n        box-shadow:0 0 0 8px rgba(127,196,108,0);\r\n    }\r\n\r\n    100%{\r\n        box-shadow:0 0 0 0 rgba(127,196,108,0);\r\n    }\r\n}\r\n\r\n\/* Tablet *\/\r\n@media(max-width:768px){\r\n\r\n    .hero-top-info{\r\n        gap:20px;\r\n    }\r\n\r\n    .est-label,\r\n    .market-counter .text{\r\n        font-size:10px;\r\n        letter-spacing:2px;\r\n    }\r\n\r\n}\r\n\r\n\/* Mobile *\/\r\n@media(max-width:480px){\r\n\r\n    .hero-top-info{\r\n        flex-direction:column;\r\n        align-items:flex-start;\r\n        gap:15px;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d735196 elementor-widget elementor-widget-heading\" data-id=\"d735196\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Kr\u00e5ak <br> a <span style=\"font-style: italic;font-weight: 400;color: #8E6238\"> smile <\/span><\/h2>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-86472eb e-con-full e-flex e-con e-child\" data-id=\"86472eb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-33ba231 e-grid e-con-full e-con e-child\" data-id=\"33ba231\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-019786a elementor-widget elementor-widget-html\" data-id=\"019786a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"flavour-copy\">\r\n  Six bold flavours of slow, twice-baked Lebanese cracker.\r\n  Bake what you love  try the\r\n  <span id=\"changing-word\">Thyme.<\/span>\r\n<\/div>\r\n\r\n<style>\r\n.flavour-copy{\r\n    font-family:\"Cormorant Garamond\", serif;\r\n    font-size:28px;\r\n    line-height:1.3;\r\n    font-style:italic;\r\n    color:#1E1916;\r\n\r\n    max-width:450px;\r\n    width:100%;\r\n\r\n    margin-top:0;\r\n    margin-left:310px; \/* adjust until perfectly aligned *\/\r\n}\r\n\r\n#changing-word{\r\n    color:#B07A45;\r\n    display:inline-block;\r\n    min-width:120px;\r\n    transition:all .4s ease;\r\n}\r\n@media(max-width:1024px){\r\n\r\n    .flavour-copy{\r\n        max-width:450px;\r\n        margin-left:120px;\r\n        font-size:24px;\r\n    }\r\n\r\n}\r\n\r\n@media(max-width:767px){\r\n\r\n    .flavour-copy{\r\n        max-width:100%;\r\n        margin-left:0;\r\n        padding:0 20px;\r\n        text-align:center;\r\n        font-size:22px;\r\n    }\r\n\r\n}\r\n\r\n  #changing-word{\r\n    min-width:auto;\r\n  }\r\n}\r\n\r\n@media(max-width:480px){\r\n  .flavour-copy{\r\n    font-size:22px;\r\n    line-height:1.35;\r\n    padding:0 18px;\r\n  }\r\n\r\n<\/style>\r\n\r\n<script>\r\nconst flavours = [\"Thyme.\", \"Tomato.\", \"Cheese.\", \"Sesame.\", \"Falafel.\", \"Olive.\"];\r\nlet current = 0;\r\nconst word = document.getElementById(\"changing-word\");\r\n\r\nsetInterval(() => {\r\n  word.style.opacity = \"0\";\r\n  word.style.transform = \"translateY(-10px)\";\r\n\r\n  setTimeout(() => {\r\n    current = (current + 1) % flavours.length;\r\n    word.textContent = flavours[current];\r\n    word.style.transform = \"translateY(10px)\";\r\n\r\n    setTimeout(() => {\r\n      word.style.opacity = \"1\";\r\n      word.style.transform = \"translateY(0)\";\r\n    }, 50);\r\n  }, 300);\r\n}, 1000);\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ecaf19c elementor-align-left elementor-widget__width-initial elementor-widget elementor-widget-button\" data-id=\"ecaf19c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-arrow-right\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Explore the range<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5d92bb0 elementor-widget elementor-widget-html\" data-id=\"5d92bb0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"sk-icons-section\">\r\n  <div class=\"sk-icons-grid\">\r\n\r\n    <div class=\"sk-icon-item\">\r\n      <svg viewBox=\"0 0 64 64\">\r\n        <path d=\"M30 42C19 40 12 31 13 17c14-1 23 6 25 17\"\/>\r\n        <path d=\"M34 46C45 44 52 35 51 21c-14-1-23 6-25 17\"\/>\r\n        <path d=\"M32 46V24\"\/>\r\n      <\/svg>\r\n      <span><\/span>\r\n      <p>ORGANIC*<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"sk-icon-item\">\r\n      <svg viewBox=\"0 0 64 64\">\r\n        <circle cx=\"32\" cy=\"32\" r=\"24\"\/>\r\n        <path d=\"M24 24h16v16H24z\"\/>\r\n        <path d=\"M24 24l8-8 16 16-8 8\"\/>\r\n        <path d=\"M40 24v16\"\/>\r\n      <\/svg>\r\n      <span><\/span>\r\n      <p>NO ADDED<br>SUGAR<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"sk-icon-item\">\r\n      <svg viewBox=\"0 0 64 64\">\r\n        <path d=\"M32 10v44\"\/>\r\n        <path d=\"M32 18c-8 0-12-5-12-10 8 0 12 5 12 10z\"\/>\r\n        <path d=\"M32 28c-8 0-12-5-12-10 8 0 12 5 12 10z\"\/>\r\n        <path d=\"M32 38c-8 0-12-5-12-10 8 0 12 5 12 10z\"\/>\r\n        <path d=\"M32 18c8 0 12-5 12-10-8 0-12 5-12 10z\"\/>\r\n        <path d=\"M32 28c8 0 12-5 12-10-8 0-12 5-12 10z\"\/>\r\n        <path d=\"M32 38c8 0 12-5 12-10-8 0-12 5-12 10z\"\/>\r\n        <line x1=\"18\" y1=\"52\" x2=\"46\" y2=\"12\"\/>\r\n      <\/svg>\r\n      <span><\/span>\r\n      <p>GLUTEN<br>FREE<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"sk-icon-item\">\r\n      <svg viewBox=\"0 0 64 64\">\r\n        <path d=\"M18 42c20 0 30-14 30-30-16 0-30 10-30 30z\"\/>\r\n        <path d=\"M18 42c8-10 17-17 30-30\"\/>\r\n      <\/svg>\r\n      <span><\/span>\r\n      <p>ALL<br>NATURAL<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"sk-icon-item\">\r\n      <svg viewBox=\"0 0 64 64\">\r\n        <circle cx=\"32\" cy=\"32\" r=\"24\"\/>\r\n        <path d=\"M24 46h16\"\/>\r\n        <path d=\"M27 46l4-24h2l4 24\"\/>\r\n        <path d=\"M26 22h12\"\/>\r\n        <line x1=\"18\" y1=\"50\" x2=\"48\" y2=\"14\"\/>\r\n      <\/svg>\r\n      <span><\/span>\r\n      <p>ADDITIVE<br>FREE<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"sk-icon-item\">\r\n      <svg viewBox=\"0 0 64 64\">\r\n        <path d=\"M32 52V18\"\/>\r\n        <path d=\"M32 32c-10 0-15-7-15-16 10 0 15 7 15 16z\"\/>\r\n        <path d=\"M32 42c10 0 15-7 15-16-10 0-15 7-15 16z\"\/>\r\n        <path d=\"M32 24c8 0 12-6 12-14-8 0-12 6-12 14z\"\/>\r\n      <\/svg>\r\n      <span><\/span>\r\n      <p>VEGAN<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"sk-icon-item\">\r\n      <svg viewBox=\"0 0 64 64\">\r\n        <path d=\"M32 12v8\"\/>\r\n        <path d=\"M32 44v8\"\/>\r\n        <path d=\"M12 32h8\"\/>\r\n        <path d=\"M44 32h8\"\/>\r\n        <path d=\"M18 18l6 6\"\/>\r\n        <path d=\"M46 18l-6 6\"\/>\r\n        <path d=\"M18 46l6-6\"\/>\r\n        <path d=\"M46 46l-6-6\"\/>\r\n        <text x=\"32\" y=\"39\" text-anchor=\"middle\">8<\/text>\r\n      <\/svg>\r\n      <span><\/span>\r\n      <p>FROM 8 CAL<br>PER KR\u00c5AK<\/p>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.sk-icons-section{\r\n  background:#f3f1ea;\r\n  padding:70px 20px;\r\n}\r\n\r\n.sk-icons-grid{\r\n  max-width:1000px;\r\n  margin:0 auto;\r\n  display:flex;\r\n  flex-wrap:wrap;\r\n  justify-content:center;\r\n  gap:45px 70px;\r\n}\r\n\r\n.sk-icon-item{\r\n  width:130px;\r\n  text-align:center;\r\n  position:relative;\r\n}\r\n\r\n.sk-icon-item svg{\r\n  width:58px;\r\n  height:58px;\r\n  margin-bottom:14px;\r\n  stroke:#9A6A3F;\r\n  fill:none;\r\n  stroke-width:2;\r\n  stroke-linecap:round;\r\n  stroke-linejoin:round;\r\n}\r\n\r\n.sk-icon-item svg text{\r\n  fill:#9A6A3F;\r\n  stroke:none;\r\n  font-size:22px;\r\n  font-family:serif;\r\n}\r\n\r\n.sk-icon-item span{\r\n  display:block;\r\n  width:18px;\r\n  height:1px;\r\n  background:#9A6A3F;\r\n  margin:0 auto 18px;\r\n}\r\n\r\n.sk-icon-item p{\r\n  margin:0;\r\n  font-family:'HelveticaNeueMedium', Arial, sans-serif;\r\n  font-size:13px;\r\n  line-height:1.35;\r\n  letter-spacing:4px;\r\n  color:#111;\r\n  font-weight:500;\r\n}\r\n\r\n@media(max-width:767px){\r\n  .sk-icons-grid{\r\n    gap:40px 35px;\r\n  }\r\n\r\n  .sk-icon-item{\r\n    width:120px;\r\n  }\r\n\r\n  .sk-icon-item p{\r\n    font-size:11px;\r\n    letter-spacing:3px;\r\n  }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b317e22 e-con-full e-flex e-con e-parent\" data-id=\"b317e22\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6b3f736 elementor-widget elementor-widget-html\" data-id=\"6b3f736\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"ticker-wrap\">\r\n    <div class=\"ticker\">\r\n        <span>\u2726 Made in Lebanon<\/span>\r\n        <span>\u2726 Slow, twice-baked<\/span>\r\n        <span>\u2726 Six bold flavours<\/span>\r\n        <span>\u2726 Kr\u00e5\u00e5k a smile<\/span>\r\n        <span>\u2726 Bake what you love<\/span>\r\n\r\n        <!-- Duplicate for seamless loop -->\r\n        <span>\u2726 Made in Lebanon<\/span>\r\n        <span>\u2726 Slow, twice-baked<\/span>\r\n        <span>\u2726 Six bold flavours<\/span>\r\n        <span>\u2726 Kr\u00e5\u00e5k a smile<\/span>\r\n        <span>\u2726 Bake what you love<\/span>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n.ticker-wrap{\r\n    width:100%;\r\n    overflow:hidden;\r\n    background:#f3f1ea;\r\n    border-top:1px solid #d8d1c6;\r\n    border-bottom:1px solid #d8d1c6;\r\n    padding:25px 0;\r\n}\r\n\r\n.ticker{\r\n    display:flex;\r\n    width:max-content;\r\n    animation:scrollTicker 30s linear infinite;\r\n}\r\n\r\n.ticker span{\r\n    font-family:\"Cormorant Garamond\", serif;\r\n    font-size:28px;\r\n    color:#1E1916;\r\n    white-space:nowrap;\r\n    margin-right:80px;\r\n}\r\n\r\n.ticker span::before{\r\n    content:\"\u2726\";\r\n    color:#B07A45;\r\n    margin-right:30px;\r\n}\r\n\r\n@keyframes scrollTicker{\r\n    from{\r\n        transform:translateX(0);\r\n    }\r\n    to{\r\n        transform:translateX(-50%);\r\n    }\r\n}\r\n\r\n\/* Mobile *\/\r\n@media(max-width:767px){\r\n    .ticker span{\r\n        font-size:20px;\r\n        margin-right:50px;\r\n    }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2b8387e e-con-full e-flex e-con e-parent\" data-id=\"2b8387e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9861e80 elementor-widget elementor-widget-html\" data-id=\"9861e80\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"sk-combined-section\">\r\n\r\n  <div class=\"sk-feathers\">\r\n    <img decoding=\"async\" class=\"sk-feather f1\" src=\"https:\/\/sprodkraaks.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-2-2026-09_16_05-AM.png\">\r\n    <img decoding=\"async\" class=\"sk-feather f2\" src=\"https:\/\/sprodkraaks.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-2-2026-09_16_05-AM.png\">\r\n    <img decoding=\"async\" class=\"sk-feather f3\" src=\"https:\/\/sprodkraaks.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-2-2026-09_16_05-AM.png\">\r\n  <\/div>\r\n\r\n  <section class=\"sk-story-section\">\r\n    <div class=\"sk-story-wrap\">\r\n\r\n      <div class=\"sk-story-left\">\r\n        <div class=\"sk-product-box\">\r\n          <img decoding=\"async\" class=\"sk-product-img\" src=\"https:\/\/sprodkraaks.com\/wp-content\/uploads\/2026\/06\/Untitled-design.png\" alt=\"Spr\u00f8d Kr\u00e5aks\">\r\n        <\/div>\r\n\r\n        <div class=\"sk-divider\"><\/div>\r\n\r\n        <div class=\"sk-light-copy\">\r\n          <h3><em>Light<\/em> as a feather.<\/h3>\r\n          <p>A cracker so airy it almost gives itself away \u2014 snap, breath, gone.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"sk-story-right\">\r\n        <div class=\"sk-label\">\r\n          <span>01<\/span>\r\n          <i><\/i>\r\n          <p>OUR STORY<\/p>\r\n        <\/div>\r\n\r\n        <h2>A cracker<br>should never<br>be <em>boring.<\/em><\/h2>\r\n\r\n        <h4>If you love good, you'll love Kr\u00e5aks.<\/h4>\r\n\r\n        <p>Spr\u00f8d-Kr\u00e5aks\u00ae started as a homemade venture: a recipe of thin, airy crackers that Marwan and his father would prepare for family and friends on special occasions.<\/p>\r\n\r\n        <p>The brand is dedicated to Marwan's son, <em>Th\u00e9o<\/em> \u2014 so that he may carry this family legacy forward for generations to come. Today every batch is hand-finished at our partner bakery, Global Foods, just outside Beirut.<\/p>\r\n\r\n        <div class=\"sk-quote\">\r\n          Where purity meets flavor, and simplicity becomes luxury.\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section class=\"sk-values-section\">\r\n    <div class=\"sk-values-grid\">\r\n\r\n      <div class=\"sk-value-item\">\r\n        <span><\/span>\r\n        <h3>01<\/h3>\r\n        <h4>Authenticity<\/h4>\r\n        <p>Ethical, plant-based foundations. Every Spr\u00f8d-Kr\u00e5aks cracker reflects honest craftsmanship.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"sk-value-item\">\r\n        <span><\/span>\r\n        <h3>02<\/h3>\r\n        <h4>Purity &amp; Quality<\/h4>\r\n        <p>Simplicity is the ultimate sophistication. Pure, carefully selected ingredients.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"sk-value-item\">\r\n        <span><\/span>\r\n        <h3>03<\/h3>\r\n        <h4>Ethical Nutrition<\/h4>\r\n        <p>Balance without compromise \u2014 low in calories, gluten-free, and thoughtfully made.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"sk-value-item\">\r\n        <span><\/span>\r\n        <h3>04<\/h3>\r\n        <h4>Quality &amp; Freshness<\/h4>\r\n        <p>Only the freshest, most natural ingredients reach the bake \u2014 every batch, every flavor.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"sk-value-item\">\r\n        <span><\/span>\r\n        <h3>05<\/h3>\r\n        <h4>Mindful Enjoyment<\/h4>\r\n        <p>Wholesome, light, satisfying. A modern form of comfort \u2014 beautifully simple.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"sk-value-item\">\r\n        <span><\/span>\r\n        <h3>06<\/h3>\r\n        <h4>Scandinavian Refinement<\/h4>\r\n        <p>Minimalism, balance, and quiet luxury \u2014 where flavor and function meet.<\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/section>\r\n\r\n<\/div>\r\n\r\n<style>\r\n@font-face{\r\n  font-family:'HelveticaNeueLight';\r\n  src:url('http:\/\/sprodkraaks.local\/wp-content\/uploads\/2026\/06\/HelveticaNeueLight.woff2') format('woff2');\r\n  font-display:swap;\r\n}\r\n\r\n.sk-combined-section{\r\n  position:relative;\r\n  overflow:hidden;\r\n  background:#f3f1ea;\r\n}\r\n\r\n.sk-story-section,\r\n.sk-values-section{\r\n  position:relative;\r\n  z-index:2;\r\n  background:transparent;\r\n}\r\n\r\n.sk-story-section{\r\n  padding:90px 20px 70px;\r\n}\r\n\r\n.sk-story-wrap{\r\n  max-width:1180px;\r\n  margin:0 auto;\r\n  display:grid;\r\n  grid-template-columns:1fr 1fr;\r\n  gap:90px;\r\n  align-items:start;\r\n}\r\n\r\n.sk-product-box{\r\n  min-height:410px;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n}\r\n\r\n.sk-product-img{\r\n  width:430px;\r\n  max-width:100%;\r\n  height:auto;\r\n}\r\n\r\n.sk-divider{\r\n  height:1px;\r\n  background:#d9d4ca;\r\n  margin:25px 0 55px;\r\n  position:relative;\r\n}\r\n\r\n.sk-divider:before{\r\n  content:\"\";\r\n  position:absolute;\r\n  left:0;\r\n  top:0;\r\n  width:70px;\r\n  height:1px;\r\n  background:#9a6a3f;\r\n}\r\n\r\n.sk-light-copy{\r\n  text-align:center;\r\n}\r\n\r\n.sk-light-copy h3{\r\n  font-family:\"Cormorant Garamond\", Georgia, serif;\r\n  font-size:48px;\r\n  line-height:1.1;\r\n  font-weight:400;\r\n  color:#171311;\r\n  margin:0 0 18px;\r\n}\r\n\r\n.sk-light-copy h3 em,\r\n.sk-story-right h2 em,\r\n.sk-quote{\r\n  color:#9a6a3f;\r\n  font-style:italic;\r\n}\r\n\r\n.sk-light-copy p{\r\n  font-family:\"Cormorant Garamond\", Georgia, serif;\r\n  font-size:15px;\r\n  font-style:italic;\r\n  color:#5d5750;\r\n  margin:0;\r\n}\r\n\r\n.sk-label{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:14px;\r\n  margin-bottom:35px;\r\n}\r\n\r\n.sk-label span{\r\n  font-family:Arial, sans-serif;\r\n  font-size:11px;\r\n  letter-spacing:2px;\r\n  color:#9a6a3f;\r\n}\r\n\r\n.sk-label i{\r\n  width:70px;\r\n  height:1px;\r\n  background:#d9d4ca;\r\n}\r\n\r\n.sk-label p{\r\n  margin:0;\r\n  font-family:Arial, sans-serif;\r\n  font-size:11px;\r\n  letter-spacing:4px;\r\n  color:#2b2520;\r\n}\r\n\r\n.sk-story-right h2{\r\n  font-family:\"Cormorant Garamond\", Georgia, serif;\r\n  font-size:82px;\r\n  line-height:.95;\r\n  font-weight:400;\r\n  color:#171311;\r\n  margin:0 0 40px;\r\n}\r\n\r\n.sk-story-right h4{\r\n  font-family:\"Cormorant Garamond\", Georgia, serif;\r\n  font-size:28px;\r\n  font-weight:400;\r\n  color:#171311;\r\n  margin:0 0 35px;\r\n}\r\n\r\n.sk-story-right p{\r\n  font-family:Arial, sans-serif;\r\n  font-size:16px;\r\n  line-height:1.55;\r\n  color:#4b4640;\r\n  margin:0 0 24px;\r\n  max-width:540px;\r\n}\r\n\r\n.sk-quote{\r\n  font-family:\"Cormorant Garamond\", Georgia, serif;\r\n  font-size:28px;\r\n  line-height:1.35;\r\n  max-width:560px;\r\n  margin-top:40px;\r\n}\r\n\r\n.sk-values-section{\r\n  padding:80px 20px 100px;\r\n}\r\n\r\n.sk-values-grid{\r\n  max-width:1180px;\r\n  margin:0 auto;\r\n  display:grid;\r\n  grid-template-columns:repeat(3, 1fr);\r\n  gap:85px 90px;\r\n}\r\n\r\n.sk-value-item{\r\n  text-align:center;\r\n}\r\n\r\n.sk-value-item span{\r\n  display:block;\r\n  width:38px;\r\n  height:1px;\r\n  background:#9a6a3f;\r\n  margin:0 auto 18px;\r\n}\r\n\r\n.sk-value-item h3{\r\n  font-family:\"Cormorant Garamond\", Georgia, serif;\r\n  font-size:46px;\r\n  font-weight:400;\r\n  color:#b3835e;\r\n  margin:0 0 8px;\r\n}\r\n\r\n.sk-value-item h4{\r\n  font-family:'HelveticaNeueLight', Arial, sans-serif;\r\n  font-size:24px;\r\n  font-weight:400;\r\n  color:#171311;\r\n  margin:0 0 16px;\r\n}\r\n\r\n.sk-value-item p{\r\n  font-family:Arial, sans-serif;\r\n  font-size:16px;\r\n  line-height:1.55;\r\n  color:#4b4640;\r\n  margin:0 auto;\r\n  max-width:360px;\r\n}\r\n\r\n\/* Feathers *\/\r\n.sk-feathers{\r\n  position:absolute;\r\n  inset:0;\r\n  z-index:1;\r\n  pointer-events:none;\r\n  overflow:hidden;\r\n}\r\n\r\n.sk-feather{\r\n  position:absolute;\r\n  width:150px;\r\n  opacity:.8;\r\n  filter:contrast(1.15);\r\n}\r\n\r\n.f1{\r\n  left:8%;\r\n  top:-250px;\r\n  animation:fallOne 28s linear infinite;\r\n}\r\n\r\n.f2{\r\n  left:48%;\r\n  top:-450px;\r\n  animation:fallTwo 32s linear infinite;\r\n  animation-delay:4s;\r\n}\r\n\r\n.f3{\r\n  right:8%;\r\n  top:-350px;\r\n  animation:fallThree 30s linear infinite;\r\n  animation-delay:2s;\r\n}\r\n\r\n@keyframes fallOne{\r\n  from{transform:translateY(0) translateX(0) rotate(0deg);}\r\n  to{transform:translateY(2600px) translateX(140px) rotate(360deg);}\r\n}\r\n\r\n@keyframes fallTwo{\r\n  from{transform:translateY(0) translateX(0) rotate(0deg);}\r\n  to{transform:translateY(2800px) translateX(-140px) rotate(-360deg);}\r\n}\r\n\r\n@keyframes fallThree{\r\n  from{transform:translateY(0) translateX(0) rotate(0deg);}\r\n  to{transform:translateY(2700px) translateX(100px) rotate(300deg);}\r\n}\r\n\r\n@media(max-width:1024px){\r\n  .sk-story-wrap{\r\n    grid-template-columns:1fr 1fr;\r\n    gap:45px;\r\n  }\r\n\r\n  .sk-story-right h2{\r\n    font-size:58px;\r\n  }\r\n\r\n  .sk-product-img{\r\n    width:330px;\r\n  }\r\n\r\n  .sk-values-grid{\r\n    grid-template-columns:repeat(2,1fr);\r\n    gap:70px 50px;\r\n  }\r\n}\r\n\r\n@media(max-width:767px){\r\n  .sk-story-section{\r\n    padding:60px 20px 70px;\r\n  }\r\n\r\n  .sk-story-wrap{\r\n    grid-template-columns:1fr;\r\n    gap:55px;\r\n  }\r\n\r\n  .sk-story-right{\r\n    order:1;\r\n    text-align:center;\r\n  }\r\n\r\n  .sk-story-left{\r\n    order:2;\r\n  }\r\n\r\n  .sk-label{\r\n    justify-content:center;\r\n  }\r\n\r\n  .sk-story-right h2{\r\n    font-size:44px;\r\n  }\r\n\r\n  .sk-product-img{\r\n    width:260px;\r\n  }\r\n\r\n  .sk-values-grid{\r\n    grid-template-columns:1fr;\r\n    gap:55px;\r\n  }\r\n\r\n  .sk-value-item h4{\r\n    font-size:22px;\r\n  }\r\n\r\n  .sk-feather{\r\n    width:80px;\r\n    opacity:.6;\r\n  }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4e31c36 e-con e-atomic-element e-flexbox-base e-6c03df7 \" data-id=\"4e31c36\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"4e31c36\">\n    \t\t<div class=\"elementor-element elementor-element-1cceb7a elementor-widget elementor-widget-html\" data-id=\"1cceb7a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"kraaks-showcase\">\r\n  <div class=\"kraaks-sticky\">\r\n    <div class=\"kraaks-image\">\r\n      <img decoding=\"async\" id=\"productImage\" src=\"\" alt=\"Product\">\r\n    <\/div>\r\n\r\n    <div class=\"kraaks-content\">\r\n      <div class=\"kraaks-counter\"><span id=\"slideNumber\">01<\/span> \/ 06<\/div>\r\n      <div class=\"kraaks-subtitle\" id=\"smallTitle\"><\/div>\r\n      <h1 id=\"mainTitle\"><\/h1>\r\n      <p id=\"description\"><\/p>\r\n\r\n      <div class=\"kraaks-stats\">\r\n        <div><strong id=\"calories\"><\/strong><span>CAL - PER KR\u00c5\u00c5K<\/span><\/div>\r\n        <div><strong id=\"boxCount\"><\/strong><span>KR\u00c5\u00c5KS - PER BOX<\/span><\/div>\r\n        <div><strong id=\"weight\"><\/strong><span>NET WT<\/span><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"kraaks-note\" id=\"noteBox\"><\/div>\r\n      <div class=\"kraaks-tags\" id=\"tags\"><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"kraaks-nav\">\r\n      <span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.kraaks-showcase {\r\n  height: 600vh;\r\n  background: #f3efe8;\r\n  position: relative;\r\n}\r\n\r\n.kraaks-sticky {\r\n  position: sticky;\r\n  top: 0;\r\n  min-height: 100vh;\r\n  display: grid;\r\n  grid-template-columns: 48% 52%;\r\n  align-items: center;\r\n  max-width: 1600px;\r\n  margin: auto;\r\n  padding: 0 80px;\r\n}\r\n\r\n.kraaks-image img {\r\n  width: 100%;\r\n  max-width: 650px;\r\n  min-height: 350px;\r\n  object-fit: cover;\r\n  border-radius: 6px;\r\n  display: block;\r\n}\r\n\r\n.kraaks-content {\r\n  max-width: 720px;\r\n}\r\n\r\n.kraaks-image img,\r\n#mainTitle,\r\n#description,\r\n#noteBox,\r\n#tags,\r\n.kraaks-stats {\r\n  transition: opacity .4s ease, transform .4s ease;\r\n}\r\n\r\n.kraaks-changing .kraaks-image img,\r\n.kraaks-changing #mainTitle,\r\n.kraaks-changing #description,\r\n.kraaks-changing #noteBox,\r\n.kraaks-changing #tags,\r\n.kraaks-changing .kraaks-stats {\r\n  opacity: 0;\r\n  transform: translateY(14px);\r\n}\r\n\r\n.kraaks-counter {\r\n  position: absolute;\r\n  top: 40px;\r\n  right: 70px;\r\n  font-size: 16px;\r\n  letter-spacing: 3px;\r\n  z-index: 5;\r\n}\r\n\r\n.kraaks-subtitle {\r\n  color: #9b6c3e;\r\n  letter-spacing: 5px;\r\n  margin-bottom: 30px;\r\n  font-weight: 600;\r\n}\r\n\r\n.kraaks-subtitle:after {\r\n  content: '';\r\n  width: 90px;\r\n  height: 1px;\r\n  background: #ccc;\r\n  display: inline-block;\r\n  margin-left: 20px;\r\n  vertical-align: middle;\r\n}\r\n\r\n.kraaks-content h1 {\r\n  font-size: 105px;\r\n  line-height: 0.9;\r\n  font-weight: 400;\r\n  font-family: Georgia, serif;\r\n  margin: 0;\r\n  color: #1d2a3a;\r\n}\r\n\r\n.kraaks-content h1 span {\r\n  display: block;\r\n  color: #9b6c3e;\r\n  font-style: italic;\r\n}\r\n\r\n.kraaks-content p {\r\n  font-size: 20px;\r\n  line-height: 1.8;\r\n  margin-top: 35px;\r\n  color: #666;\r\n  max-width: 600px;\r\n}\r\n\r\n.kraaks-stats {\r\n  display: flex;\r\n  gap: 80px;\r\n  margin-top: 45px;\r\n  margin-bottom: 40px;\r\n}\r\n\r\n.kraaks-stats strong {\r\n  display: block;\r\n  font-size: 50px;\r\n  color: #1d2a3a;\r\n}\r\n\r\n.kraaks-stats span {\r\n  font-size: 11px;\r\n  letter-spacing: 4px;\r\n}\r\n\r\n.kraaks-note {\r\n  background: #f0ebe3;\r\n  padding: 28px;\r\n  border-left: 2px solid #b57f4b;\r\n  color: #1d2a3a;\r\n  max-width: 620px;\r\n}\r\n\r\n.kraaks-note b {\r\n  color: #9b6c3e;\r\n  font-family: Georgia, serif;\r\n  font-style: italic;\r\n}\r\n\r\n.kraaks-tags {\r\n  display: flex;\r\n  gap: 12px;\r\n  flex-wrap: wrap;\r\n  margin-top: 25px;\r\n}\r\n\r\n.kraaks-tags span {\r\n  border: 1px solid #d3cec5;\r\n  border-radius: 30px;\r\n  padding: 10px 18px;\r\n}\r\n\r\n.kraaks-nav {\r\n  position: absolute;\r\n  right: 45px;\r\n  top: 50%;\r\n  transform: translateY(-50%);\r\n  z-index: 5;\r\n}\r\n\r\n.kraaks-nav span {\r\n  display: block;\r\n  width: 9px;\r\n  height: 9px;\r\n  border-radius: 50%;\r\n  border: 1px solid #999;\r\n  margin: 18px 0;\r\n}\r\n\r\n.kraaks-nav span.active {\r\n  background: #111;\r\n}\r\n@media (max-width: 1024px) {\r\n\r\n  .kraaks-showcase{\r\n    height: auto !important;\r\n    min-height: 650vh;\r\n  }\r\n\r\n  .kraaks-sticky{\r\n    position: sticky;\r\n    \r\n    height: 100vh;\r\n    min-height: 100vh;\r\n\r\n    display:flex;\r\n    flex-direction:column;\r\n    justify-content:flex-start;\r\n\r\n    padding:25px 18px;\r\n\r\n    overflow:visible !important;\r\n  }\r\n\r\n  .kraaks-image{\r\n    width:100%;\r\n  }\r\n\r\n  .kraaks-image img{\r\n    width:100%;\r\n    max-width:100%;\r\n    height:240px;\r\n    min-height:240px;\r\n    object-fit:cover;\r\n    border-radius:6px;\r\n  }\r\n\r\n  .kraaks-content{\r\n    width:100%;\r\n    max-width:100%;\r\n    margin-top:20px;\r\n  }\r\n\r\n  .kraaks-subtitle{\r\n    font-size:12px;\r\n    letter-spacing:4px;\r\n    margin-bottom:15px;\r\n  }\r\n\r\n  .kraaks-subtitle:after{\r\n    width:60px;\r\n    margin-left:12px;\r\n  }\r\n\r\n  .kraaks-content h1{\r\n    font-size:42px !important;\r\n    line-height:0.95 !important;\r\n    margin-bottom:15px;\r\n  }\r\n\r\n  .kraaks-content h1 span{\r\n    font-size:42px !important;\r\n    line-height:0.95 !important;\r\n  }\r\n\r\n  .kraaks-content p{\r\n    font-size:15px;\r\n    line-height:1.55;\r\n    margin-top:15px;\r\n    margin-bottom:18px;\r\n  }\r\n\r\n  .kraaks-stats{\r\n    display:grid;\r\n    grid-template-columns:repeat(3,1fr);\r\n    gap:10px;\r\n    margin-top:18px;\r\n    margin-bottom:18px;\r\n  }\r\n\r\n  .kraaks-stats strong{\r\n    font-size:30px;\r\n  }\r\n\r\n  .kraaks-stats span{\r\n    font-size:8px;\r\n    letter-spacing:1px;\r\n  }\r\n\r\n  .kraaks-note{\r\n    padding:15px;\r\n    font-size:12px;\r\n    line-height:1.5;\r\n    margin-bottom:15px;\r\n  }\r\n\r\n  .kraaks-tags{\r\n    gap:8px;\r\n    margin-top:12px;\r\n  }\r\n\r\n  .kraaks-tags span{\r\n    padding:7px 12px;\r\n    font-size:11px;\r\n  }\r\n\r\n  .kraaks-nav,\r\n  .kraaks-counter{\r\n    display:none;\r\n  }\r\n}\r\n\r\n@media (max-width:480px){\r\n\r\n  .kraaks-showcase{\r\n    min-height:750vh;\r\n  }\r\n  .kraaks-sticky{\r\n      padding-top:0 !important;\r\n      margin-top:0 !important;\r\n      align-content:start !important;\r\n      justify-content:flex-start !important;\r\n  }\r\n\r\n  .kraaks-image img{\r\n    height:210px;\r\n    min-height:210px;\r\n  }\r\n\r\n  .kraaks-content h1,\r\n  .kraaks-content h1 span{\r\n    font-size:36px !important;\r\n  }\r\n\r\n  .kraaks-content p{\r\n    font-size:14px;\r\n  }\r\n}\r\n@media (max-width: 600px) {\r\n  .kraaks-showcase {\r\n    height: 680vh;\r\n  }\r\n\r\n  .kraaks-sticky {\r\n    padding: 65px 18px 50px;\r\n  }\r\n\r\n  .kraaks-content h1 {\r\n    font-size: 42px !important;\r\n    line-height: 1.05 !important;\r\n  }\r\n\r\n  .kraaks-content h1 span {\r\n    font-size: 42px !important;\r\n    line-height: 1.05 !important;\r\n  }\r\n\r\n  .kraaks-subtitle {\r\n    font-size: 13px;\r\n    letter-spacing: 4px;\r\n    margin-bottom: 22px;\r\n  }\r\n\r\n  .kraaks-subtitle:after {\r\n    width: 70px;\r\n  }\r\n\r\n  .kraaks-content p {\r\n    font-size: 17px;\r\n    line-height: 1.6;\r\n    margin-top: 22px;\r\n  }\r\n\r\n  .kraaks-stats {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 18px;\r\n    margin-top: 32px;\r\n    margin-bottom: 28px;\r\n  }\r\n\r\n  .kraaks-stats strong {\r\n    font-size: 34px;\r\n  }\r\n\r\n  .kraaks-stats span {\r\n    font-size: 9px;\r\n    letter-spacing: 2px;\r\n  }\r\n\r\n  .kraaks-note {\r\n    padding: 20px;\r\n    font-size: 14px;\r\n  }\r\n\r\n  .kraaks-tags span {\r\n    padding: 8px 14px;\r\n    font-size: 13px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function () {\r\n  const slides = [\r\n    {\r\n      image: \"https:\/\/sprodkraaks.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-11-2026-04_39_31-PM.png\",\r\n      title: \"It's about\",\r\n      highlight: \"Thyme\",\r\n      desc: \"Za'atar & sesame seeds \u2014 wild mountain thyme, sumac, the green Lebanese morning in cracker form.\",\r\n      cal: \"27\",\r\n      box: \"15\",\r\n      weight: \"100g\",\r\n      note: \"<b>Thyme<\/b> is packed with vitamin C, copper, fiber, iron and manganese \u2014 a Mediterranean immunity boost in every cracker.\",\r\n      tags: [\"Labneh\", \"Olive oil\", \"Cheese\", \"Olive tapenade\"]\r\n    },\r\n    {\r\n      image: \"https:\/\/sprodkraaks.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-11-2026-04_57_42-PM.png\",\r\n      title: \"Grate to be\",\r\n      highlight: \"Cheesy\",\r\n      desc: \"Parmesan, Cheddar & black sesame \u2014 the cracker that disappears first at every gathering.\",\r\n      cal: \"29\",\r\n      box: \"15\",\r\n      weight: \"100g\",\r\n      note: \"<b>Aged Cheddar & Parmesan<\/b> bring essential protein, calcium and vitamin D \u2014 the most protein-rich cheese on earth, aged for depth.\",\r\n      tags: [\"Hummus\", \"Veggie cream\", \"Dried fruit\", \"Olive tapenade\"]\r\n    },\r\n    {\r\n      image: \"https:\/\/sprodkraaks.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-12-2026-10_19_06-AM.png\",\r\n      title: \"I Olive\",\r\n      highlight: \"You\",\r\n      desc: \"Cured Mediterranean olives & rosemary \u2014 grassy, briny, alive.\",\r\n      cal: \"27\",\r\n      box: \"15\",\r\n      weight: \"100g\",\r\n      note: \"<b>Olives & Rosemary<\/b> \u2014 high in vitamin E, iron, copper and antioxidants. A staple of the Mediterranean diet with cognitive and immune benefits.\",\r\n      tags: [\"Labneh\", \"Cream cheese\", \"Feta\", \"Za'atar in olive oil\"]\r\n    },\r\n    {\r\n      image: \"https:\/\/sprodkraaks.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-12-2026-11_08_06-AM.png\",\r\n      title: \"That's a Spicy\",\r\n      highlight: \"Tomato\",\r\n      desc: \"Sun-ripe tomato, pickled jalape\u00f1os & oregano \u2014 bold, with a little heat.\",\r\n      cal: \"27\",\r\n      box: \"15\",\r\n      weight: \"100g\",\r\n      note: \"<b>Tomato & Jalape\u00f1os<\/b> bring lycopene, vitamin C, potassium and capsaicin \u2014 antioxidant-rich, with a heat that wakes up every bite.\",\r\n      tags: [\"Guacamole\", \"Olive tapenade\", \"Creamy cheese\", \"Parmesan\", \"Mozzarella\", \"Eggs\", \"Tuna\"]\r\n    },\r\n    {\r\n      image: \"https:\/\/sprodkraaks.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-12-2026-11_14_25-AM.png\",\r\n      title: \"I Feel for\",\r\n      highlight: \"Falafel\",\r\n      desc: \"Mix of beans & spices \u2014 Lebanon's street-food classic, reimagined as a cracker.\",\r\n      cal: \"28\",\r\n      box: \"15\",\r\n      weight: \"100g\",\r\n      note: \"<b>Chickpeas & Fava Beans<\/b> \u2014 lean plant protein, fiber, iron, magnesium, B vitamins. Lebanon's street food, reimagined as a cracker.\",\r\n      tags: [\"Honey-harissa chickpeas\", \"Tahini with parsley\", \"Yogurt with cucumbers\"]\r\n    },\r\n    {\r\n      image: \"https:\/\/sprodkraaks.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-12-2026-11_17_44-AM.png\",\r\n      title: \"Sesame's\",\r\n      highlight: \"Treat\",\r\n      desc: \"Cacao, cinnamon, vanilla & sesame seeds \u2014 the cracker for after dinner.\",\r\n      cal: \"30\",\r\n      box: \"15\",\r\n      weight: \"100g\",\r\n      note: \"<b>Cacao, Cinnamon & Sesame<\/b> \u2014 flavonoids that lower blood pressure, antioxidants with anti-inflammatory effects. A sugar-free indulgence.\",\r\n      tags: [\"Vanilla ice cream\", \"Yogurt\", \"Fruits\", \"Ricotta\", \"Chocolate sauce\", \"Caramel\"]\r\n    }\r\n  ];\r\n\r\n  function startKraaksShowcase() {\r\n    const section = document.querySelector(\".kraaks-showcase\");\r\n    if (!section) return;\r\n\r\n    const img = document.getElementById(\"productImage\");\r\n    const slideNumber = document.getElementById(\"slideNumber\");\r\n    const smallTitle = document.getElementById(\"smallTitle\");\r\n    const mainTitle = document.getElementById(\"mainTitle\");\r\n    const description = document.getElementById(\"description\");\r\n    const calories = document.getElementById(\"calories\");\r\n    const boxCount = document.getElementById(\"boxCount\");\r\n    const weight = document.getElementById(\"weight\");\r\n    const noteBox = document.getElementById(\"noteBox\");\r\n    const tagsBox = document.getElementById(\"tags\");\r\n    const dots = document.querySelectorAll(\".kraaks-nav span\");\r\n\r\n    let activeIndex = -1;\r\n    let isChanging = false;\r\n\r\n    function updateSlide(i) {\r\n      if (i === activeIndex || isChanging) return;\r\n\r\n      isChanging = true;\r\n      activeIndex = i;\r\n      section.classList.add(\"kraaks-changing\");\r\n\r\n      setTimeout(function () {\r\n        img.src = slides[i].image;\r\n        slideNumber.innerHTML = String(i + 1).padStart(2, \"0\");\r\n        smallTitle.innerHTML = \"NO. \" + String(i + 1).padStart(2, \"0\") + \" \/ SIX\";\r\n        mainTitle.innerHTML = slides[i].title + \"<span>\" + slides[i].highlight + \"<\/span>\";\r\n        description.innerHTML = slides[i].desc;\r\n        calories.innerHTML = slides[i].cal;\r\n        boxCount.innerHTML = slides[i].box;\r\n        weight.innerHTML = slides[i].weight;\r\n        noteBox.innerHTML = slides[i].note;\r\n        tagsBox.innerHTML = slides[i].tags.map(tag => \"<span>\" + tag + \"<\/span>\").join(\"\");\r\n\r\n        dots.forEach((dot, index) => {\r\n          dot.classList.toggle(\"active\", index === i);\r\n        });\r\n\r\n        section.classList.remove(\"kraaks-changing\");\r\n        isChanging = false;\r\n      }, 150);\r\n    }\r\n\r\n    function onScroll() {\r\n      const rect = section.getBoundingClientRect();\r\n      const total = section.offsetHeight - window.innerHeight;\r\n\r\n      if (rect.top <= 0 && Math.abs(rect.top) <= total) {\r\n        const progress = Math.abs(rect.top) \/ total;\r\n        let index = Math.floor(progress * slides.length);\r\n\r\n        if (index < 0) index = 0;\r\n        if (index >= slides.length) index = slides.length - 1;\r\n\r\n        updateSlide(index);\r\n      }\r\n    }\r\n\r\n    updateSlide(0);\r\n    onScroll();\r\n    window.addEventListener(\"scroll\", onScroll);\r\n  }\r\n\r\n  if (document.readyState === \"loading\") {\r\n    document.addEventListener(\"DOMContentLoaded\", startKraaksShowcase);\r\n  } else {\r\n    startKraaksShowcase();\r\n  }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-13d5f58 e-con e-atomic-element e-flexbox-base e-d7a4cad \" data-id=\"13d5f58\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"13d5f58\">\n    \t\t<div class=\"elementor-element elementor-element-c5fd269 elementor-widget elementor-widget-html\" data-id=\"c5fd269\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"kraaks-flavours-section\">\r\n  <div class=\"flavours-header\">\r\n    <div class=\"flavours-label\">\r\n      <span>02<\/span><i><\/i><strong>THE ORIGINAL SIX<\/strong>\r\n    <\/div>\r\n\r\n    <div class=\"flavours-title\">\r\n      <h2>Six flavours.<br><em>One ritual.<\/em><\/h2>\r\n      <p>From the green of mountain za'atar to the slow burn of jalape\u00f1o \u2014 six expressions of the same patient, twice-baked cracker.<\/p>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"flavours-grid\">\r\n\r\n    <!-- CARD 1 -->\r\n    <div class=\"flavour-card show-front\">\r\n      <div class=\"card-inner\">\r\n\r\n        <div class=\"card-state front-state\">\r\n          <div class=\"image-wrap\">\r\n            <img decoding=\"async\" src=\"https:\/\/sprodkraaks.com\/wp-content\/uploads\/2026\/06\/download-2.jpg\">\r\n           \r\n            <div class=\"tap-text\">TAP TO FLIP \u21bb<\/div>\r\n          <\/div>\r\n\r\n          <div class=\"card-info\">\r\n            <small>NO. 01<\/small>\r\n            <h3>It's about <em>Thyme<\/em><\/h3>\r\n            <p>Za'atar & Sesame seeds<\/p>\r\n            <div class=\"card-stats\">\r\n              <div><strong>27<\/strong><span>CAL - PER KR\u00c5\u00c5K<\/span><\/div>\r\n              <div><strong>15<\/strong><span>KR\u00c5\u00c5KS PER BOX<\/span><\/div>\r\n              <div><strong>100g<\/strong><span>NET WT<\/span><\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"card-state box-state\">\r\n          <div class=\"box-image-wrap\">\r\n            <img decoding=\"async\" src=\"https:\/\/sprodkraaks.com\/wp-content\/uploads\/2026\/06\/download-2.jpg\">\r\n         \r\n            <div class=\"tap-text\">TAP TO FLIP \u21bb<\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"card-state details-state\">\r\n          <button class=\"close-card\">\u00d7<\/button>\r\n          <h4>WHAT'S INSIDE - <em>It's about Thyme<\/em><\/h4>\r\n          <hr>\r\n          <p><em>A taste of Lebanon in every bite. Earthy za'atar, crunchy and authentic.<\/em><\/p>\r\n          <h5>Thyme<\/h5>\r\n          <p>Used across France, Italy and the Mediterranean. Packed with vitamin C and a good source of vitamin A, copper, fiber, iron and manganese \u2014 the immunity boost that helps when a cold is coming on.<\/p>\r\n          <h5>Sesame seeds<\/h5>\r\n          <p>Heart health, strong bones, better digestion. They help lower blood pressure, prevent diabetes, improve respiratory and oral health, boost circulation and detoxify the body.<\/p>\r\n          <hr>\r\n          <p class=\"best-with\">\uff0aBreak each Kr\u00e5\u00e5k into 4. Best with labneh, olive oil, cheese, olive tapenade.<\/p>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- CARD 2 -->\r\n    <div class=\"flavour-card show-front\">\r\n      <div class=\"card-inner\">\r\n\r\n        <div class=\"card-state front-state\">\r\n          <div class=\"image-wrap\">\r\n            <img decoding=\"async\" src=\"https:\/\/sprodkraaks.com\/wp-content\/uploads\/2026\/06\/download-3.jpg\">\r\n            \r\n            <div class=\"tap-text\">TAP TO FLIP \u21bb<\/div>\r\n          <\/div>\r\n\r\n          <div class=\"card-info\">\r\n            <small>NO. 02<\/small>\r\n            <h3>Grate to be <em>Cheesy<\/em><\/h3>\r\n            <p>Parmesan, Cheddar & Black seeds<\/p>\r\n            <div class=\"card-stats\">\r\n              <div><strong>29<\/strong><span>CAL - PER KR\u00c5\u00c5K<\/span><\/div>\r\n              <div><strong>15<\/strong><span>KR\u00c5\u00c5KS PER BOX<\/span><\/div>\r\n              <div><strong>100g<\/strong><span>NET WT<\/span><\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"card-state box-state\">\r\n          <div class=\"box-image-wrap\">\r\n            <img decoding=\"async\" src=\"https:\/\/sprodkraaks.com\/wp-content\/uploads\/2026\/06\/download-3.jpg\">\r\n           \r\n            <div class=\"tap-text\">TAP TO FLIP \u21bb<\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"card-state details-state\">\r\n          <button class=\"close-card\">\u00d7<\/button>\r\n          <h4>WHAT'S INSIDE - <em>Grate to be Cheesy<\/em><\/h4>\r\n          <hr>\r\n          <p><em>A rich cheesy cracker with aged depth and a savoury bite.<\/em><\/p>\r\n          <h5>Aged Cheddar & Parmesan<\/h5>\r\n          <p>Bring a bold cheese profile with rich flavour, calcium, protein, and depth.<\/p>\r\n          <h5>Black sesame<\/h5>\r\n          <p>Adds a nutty taste, delicate texture, and a natural savoury finish.<\/p>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- CARD 3 -->\r\n    <div class=\"flavour-card show-front\">\r\n      <div class=\"card-inner\">\r\n\r\n        <div class=\"card-state front-state\">\r\n          <div class=\"image-wrap\">\r\n            <img decoding=\"async\" src=\"https:\/\/sprodkraaks.com\/wp-content\/uploads\/2026\/06\/download-4.jpg\">\r\n        \r\n            <div class=\"tap-text\">TAP TO FLIP \u21bb<\/div>\r\n          <\/div>\r\n\r\n          <div class=\"card-info\">\r\n            <small>NO. 03<\/small>\r\n            <h3>I <em>Olive<\/em> You<\/h3>\r\n            <p>Olives & Rosemary<\/p>\r\n            <div class=\"card-stats\">\r\n              <div><strong>27<\/strong><span>CAL - PER KR\u00c5\u00c5K<\/span><\/div>\r\n              <div><strong>15<\/strong><span>KR\u00c5\u00c5KS PER BOX<\/span><\/div>\r\n              <div><strong>100g<\/strong><span>NET WT<\/span><\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"card-state box-state\">\r\n          <div class=\"box-image-wrap\">\r\n            <img decoding=\"async\" src=\"https:\/\/sprodkraaks.com\/wp-content\/uploads\/2026\/06\/download-4.jpg\">\r\n          \r\n            <div class=\"tap-text\">TAP TO FLIP \u21bb<\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"card-state details-state\">\r\n          <button class=\"close-card\">\u00d7<\/button>\r\n          <h4>WHAT'S INSIDE - <em>I Olive You<\/em><\/h4>\r\n          <hr>\r\n          <p><em>Cured Mediterranean olives and rosemary in a crisp cracker.<\/em><\/p>\r\n          <h5>Olives<\/h5>\r\n          <p>Rich in vitamin E, iron, copper, and antioxidants.<\/p>\r\n          <h5>Rosemary<\/h5>\r\n          <p>A Mediterranean herb known for its fragrant flavour and earthy finish.<\/p>\r\n        <\/div>\r\n\r\n      <\/div>\r\n      \r\n    <\/div>\r\n<!-- CARD 4 -->\r\n<div class=\"flavour-card show-front\">\r\n  <div class=\"card-inner\">\r\n\r\n    <div class=\"card-state front-state\">\r\n      <div class=\"image-wrap\">\r\n        <img decoding=\"async\" src=\"https:\/\/sprodkraaks.com\/wp-content\/uploads\/2026\/06\/download-5.jpg\">\r\n        <div class=\"tap-text\">TAP TO FLIP \u21bb<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"card-info\">\r\n        <small>NO. 04<\/small>\r\n        <h3>That's a Spicy <em>Tomato<\/em><\/h3>\r\n        <p>Tomato sauce, pickled Jalape\u00f1os & Oregano<\/p>\r\n        <div class=\"card-stats\">\r\n          <div><strong>27<\/strong><span>CAL - PER KR\u00c5\u00c5K<\/span><\/div>\r\n          <div><strong>15<\/strong><span>KR\u00c5\u00c5KS PER BOX<\/span><\/div>\r\n          <div><strong>100g<\/strong><span>NET WT<\/span><\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"card-state box-state\">\r\n      <div class=\"box-image-wrap\">\r\n        <img decoding=\"async\" src=\"https:\/\/sprodkraaks.com\/wp-content\/uploads\/2026\/06\/download-5.jpg\">\r\n        <div class=\"tap-text\">TAP TO FLIP \u21bb<\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"card-state details-state\">\r\n      <button class=\"close-card\">\u00d7<\/button>\r\n      <h4>WHAT'S INSIDE - <em>That's a Spicy Tomato<\/em><\/h4>\r\n      <hr>\r\n      <p><em>Tangy tomato and jalape\u00f1o. Bold, flavorful, with a fiery twist.<\/em><\/p>\r\n\r\n      <h5>Tomato<\/h5>\r\n      <p>The major dietary source of lycopene \u2014 an antioxidant linked to reduced risk of heart disease and cancer. A great source of vitamin C, potassium, folate, vitamin K and insoluble fiber.<\/p>\r\n\r\n      <h5>Jalape\u00f1os<\/h5>\r\n      <p>Rich in vitamins A and C and potassium, plus carotene, folate, vitamin K and B vitamins. Their capsaicin compound \u2014 what makes them spicy \u2014 has been linked to metabolism and cellular health.<\/p>\r\n\r\n      <hr>\r\n      <p class=\"best-with\">\uff0aBreak into 4. Pairs with guacamole, tapenade, creamy cheese, parmesan, mozzarella, eggs, tuna.<\/p>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- CARD 5 -->\r\n<div class=\"flavour-card show-front\">\r\n  <div class=\"card-inner\">\r\n\r\n    <div class=\"card-state front-state\">\r\n      <div class=\"image-wrap\">\r\n        <img decoding=\"async\" src=\"https:\/\/sprodkraaks.com\/wp-content\/uploads\/2026\/06\/download-6.jpg\">\r\n        <div class=\"tap-text\">TAP TO FLIP \u21bb<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"card-info\">\r\n        <small>NO. 05<\/small>\r\n        <h3>I Feel for <em>Falafel<\/em><\/h3>\r\n        <p>Mix of Beans & Spices<\/p>\r\n        <div class=\"card-stats\">\r\n          <div><strong>28<\/strong><span>CAL - PER KR\u00c5\u00c5K<\/span><\/div>\r\n          <div><strong>15<\/strong><span>KR\u00c5\u00c5KS PER BOX<\/span><\/div>\r\n          <div><strong>100g<\/strong><span>NET WT<\/span><\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"card-state box-state\">\r\n      <div class=\"box-image-wrap\">\r\n        <img decoding=\"async\" src=\"https:\/\/sprodkraaks.com\/wp-content\/uploads\/2026\/06\/download-6.jpg\">\r\n        <div class=\"tap-text\">TAP TO FLIP \u21bb<\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"card-state details-state\">\r\n      <button class=\"close-card\">\u00d7<\/button>\r\n      <h4>WHAT'S INSIDE - <em>I Feel for Falafel<\/em><\/h4>\r\n      <hr>\r\n      <p><em>Lebanon's street-food classic, reimagined as a cracker. Spiced and crisp.<\/em><\/p>\r\n\r\n      <h5>Chickpeas<\/h5>\r\n      <p>A source of protein, healthy fats, fiber, vitamins C and B and minerals \u2014 with no cholesterol. A meat substitute rich in iron, magnesium, phosphorus, potassium, zinc and folate.<\/p>\r\n\r\n      <h5>Fava Beans<\/h5>\r\n      <p>Dense with nutrition and no saturated fat. A lean protein source with high concentrations of thiamin, vitamin K, B6, potassium, copper, selenium, zinc, magnesium, folate and iron.<\/p>\r\n\r\n      <hr>\r\n      <p class=\"best-with\">\uff0aBreak into 4. Pairs with honey-harissa chickpeas, tahini with parsley, yogurt with cucumbers.<\/p>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- CARD 6 -->\r\n<div class=\"flavour-card show-front\">\r\n  <div class=\"card-inner\">\r\n\r\n    <div class=\"card-state front-state\">\r\n      <div class=\"image-wrap\">\r\n        <img decoding=\"async\" src=\"https:\/\/sprodkraaks.com\/wp-content\/uploads\/2026\/06\/download-7.jpg\">\r\n        <div class=\"tap-text\">TAP TO FLIP \u21bb<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"card-info\">\r\n        <small>NO. 06<\/small>\r\n        <h3><em>Sesame's<\/em> Treat<\/h3>\r\n        <p>Cacao, Cinnamon, Vanilla & Sesame seeds<\/p>\r\n        <div class=\"card-stats\">\r\n          <div><strong>30<\/strong><span>CAL - PER KR\u00c5\u00c5K<\/span><\/div>\r\n          <div><strong>15<\/strong><span>KR\u00c5\u00c5KS PER BOX<\/span><\/div>\r\n          <div><strong>100g<\/strong><span>NET WT<\/span><\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"card-state box-state\">\r\n      <div class=\"box-image-wrap\">\r\n        <img decoding=\"async\" src=\"https:\/\/sprodkraaks.com\/wp-content\/uploads\/2026\/06\/download-7.jpg\">\r\n        <div class=\"tap-text\">TAP TO FLIP \u21bb<\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"card-state details-state\">\r\n      <button class=\"close-card\">\u00d7<\/button>\r\n      <h4>WHAT'S INSIDE - <em>Sesame's Treat<\/em><\/h4>\r\n      <hr>\r\n      <p><em>A sugar-free treat. Lightly sweetened, balanced with cacao and cinnamon.<\/em><\/p>\r\n\r\n      <h5>Cacao<\/h5>\r\n      <p>Promotes healthy digestion. Packed with flavonoids that help lower blood pressure and may reduce diabetes risk. An excellent source of iron, protein, magnesium, potassium and fiber.<\/p>\r\n\r\n      <h5>Cinnamon<\/h5>\r\n      <p>Prized for its medicinal properties for thousands of years. Loaded with powerful antioxidants that have anti-inflammatory effects and may help lower the risk of disease.<\/p>\r\n\r\n      <hr>\r\n      <p class=\"best-with\">\uff0aBreak into 4. Pairs with vanilla ice cream, yogurt, fruits, ricotta, chocolate sauce, caramel.<\/p>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n  <\/div>\r\n  <p class=\"flavours-footer-note\">Classic line: 100g net - 15 Kr\u00e5\u00e5ks per box. Protein+ line: 50g net - 25 Kr\u00e5\u00e5ks per box. Vegetarian-friendly - contains sesame and gluten.<\/p>\r\n<\/section>\r\n\r\n<style>\r\n.kraaks-flavours-section {\r\n  background:#f3efe8;\r\n  padding:90px 8%;\r\n  color:#151515;\r\n}\r\n\r\n.flavours-header {\r\n  display:grid;\r\n  grid-template-columns:32% 68%;\r\n  align-items:end;\r\n  margin-bottom:80px;\r\n}\r\n\r\n.flavours-label {\r\n  display:flex;\r\n  align-items:center;\r\n  gap:18px;\r\n  letter-spacing:5px;\r\n  font-size:12px;\r\n  color:#9b6c3e;\r\n}\r\n.flavours-footer-note {\r\n  text-align: center;\r\n  margin-top: 45px;\r\n  font-family: Georgia, serif;\r\n  font-size: 15px;\r\n  font-style: italic;\r\n  color: #3d3a35;\r\n}\r\n.flavours-label i {\r\n  width:60px;\r\n  height:1px;\r\n  background:#d4cbbb;\r\n  display:block;\r\n}\r\n\r\n.flavours-label strong {\r\n  color:#1d1d1d;\r\n}\r\n\r\n.flavours-title h2 {\r\n  font-family:Georgia, serif;\r\n  font-size:clamp(62px, 7vw, 120px);\r\n  line-height:.9;\r\n  font-weight:400;\r\n  margin:0 0 28px;\r\n}\r\n\r\n.flavours-title h2 em {\r\n  font-style:italic;\r\n}\r\n\r\n.flavours-title p {\r\n  max-width:650px;\r\n  font-size:18px;\r\n  line-height:1.6;\r\n  color:#555;\r\n}\r\n\r\n.flavours-grid {\r\n  display:grid;\r\n  grid-template-columns:repeat(3,1fr);\r\n  gap:42px;\r\n}\r\n\r\n.flavour-card {\r\n  min-height:620px;\r\n  perspective:1400px;\r\n  cursor:pointer;\r\n  \r\n}\r\n\r\n.card-inner {\r\n  min-height:620px;\r\n  transition:transform .45s ease, opacity .45s ease;\r\n  transform-style:preserve-3d;\r\n}\r\n\r\n.flavour-card.is-flipping .card-inner {\r\n  transform:rotateY(90deg);\r\n  opacity:.35;\r\n}\r\n\r\n.card-state {\r\n  display:none;\r\n  min-height:620px;\r\n\r\n  border-radius:8px;\r\n  overflow:hidden;\r\n  box-shadow:0 25px 45px rgba(0,0,0,.08);\r\n}\r\n\r\n.show-front .front-state,\r\n.show-box .box-state,\r\n.show-details .details-state {\r\n  display:block;\r\n}\r\n\r\n.image-wrap {\r\n  position:relative;\r\n  background:#fff;\r\n  padding:36px;\r\n  overflow:hidden;\r\n}\r\n\r\n.image-wrap img,\r\n.box-image-wrap img {\r\n  width:100%;\r\n  height:260px;\r\n  object-fit:contain;\r\n  display:block;\r\n  transition:transform .45s ease;\r\n}\r\n\r\n.flavour-card:hover img {\r\n  transform:scale(1.04);\r\n}\r\n\r\n.box-image-wrap {\r\n  position:relative;\r\n  background:#fff;\r\n  min-height:620px;\r\n  padding:38px;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n}\r\n\r\n.box-image-wrap img {\r\n  height:420px;\r\n}\r\n\r\n.flip-circle {\r\n\r\n  right:34px;\r\n  bottom:35px;\r\n  width:100px;\r\n  height:100px;\r\n  border-radius:50%;\r\n  background:rgba(220,225,226,.9);\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  font-weight:700;\r\n  letter-spacing:3px;\r\n  font-size:13px;\r\n  opacity:0;\r\n  transform:scale(.85);\r\n  transition:.35s ease;\r\n}\r\n\r\n.tap-text {\r\n  position:absolute;\r\n  bottom:18px;\r\n  left:50%;\r\n  transform:translateX(-50%);\r\n  font-size:11px;\r\n  letter-spacing:4px;\r\n  color:#b07b50;\r\n  opacity:0;\r\n  transition:.35s ease;\r\n}\r\n\r\n.flavour-card:hover .flip-circle,\r\n.flavour-card:hover .tap-text {\r\n  opacity:1;\r\n}\r\n\r\n.flavour-card:hover .flip-circle {\r\n  transform:scale(1);\r\n}\r\n\r\n.card-info {\r\n  text-align:center;\r\n  padding:26px 25px 30px;\r\n}\r\n\r\n.card-info small {\r\n  color:#9b6c3e;\r\n  letter-spacing:4px;\r\n  font-family:Georgia, serif;\r\n  font-style:italic;\r\n}\r\n\r\n.card-info h3 {\r\n  font-family:Georgia, serif;\r\n  font-size:31px;\r\n  line-height:1;\r\n  font-weight:400;\r\n  margin:12px 0 8px;\r\n}\r\n\r\n.card-info h3 em {\r\n  color:#9b6c3e;\r\n  font-style:italic;\r\n}\r\n\r\n.card-info p {\r\n  font-family:Georgia, serif;\r\n  font-size:15px;\r\n  font-style:italic;\r\n  color:#6c6257;\r\n  margin-bottom:22px;\r\n}\r\n\r\n.card-stats {\r\n  border-top:1px solid #d3cabb;\r\n  display:grid;\r\n  grid-template-columns:repeat(3,1fr);\r\n  padding-top:20px;\r\n}\r\n\r\n.card-stats strong {\r\n  font-family:Georgia, serif;\r\n  display:block;\r\n  font-size:21px;\r\n  font-weight:400;\r\n}\r\n\r\n.card-stats span {\r\n  display:block;\r\n  font-size:9px;\r\n  letter-spacing:3px;\r\n  margin-top:8px;\r\n}\r\n\r\n.details-state {\r\n  position:relative;\r\n  padding:28px;\r\n  background:#e8deca;\r\n}\r\n\r\n.close-card{\r\n    position:absolute;\r\n    top:18px;\r\n    right:18px;\r\n\r\n    width:34px;\r\n    height:34px;\r\n\r\n    border:1px solid #cfc3b0;\r\n    border-radius:50%;\r\n\r\n    background:transparent;\r\n    color:#b9ad97;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    cursor:pointer;\r\n\r\n    font-size:20px;\r\n    font-weight:300;\r\n    line-height:1;\r\n\r\n    transition:all .3s ease;\r\n}\r\n\r\n.close-card:hover{\r\n    border-color:#9b6c3e;\r\n    color:#9b6c3e;\r\n    background-color: transparent;\r\n}\r\n.details-state h4 {\r\n  font-size:15px;\r\n  letter-spacing:5px;\r\n  color:#9b6c3e;\r\n  margin:0;\r\n  padding-right:45px;\r\n}\r\n\r\n.details-state h4 em {\r\n  color:#151515;\r\n  letter-spacing:0;\r\n  font-family:Georgia, serif;\r\n  font-size:18px;\r\n}\r\n\r\n.details-state p {\r\n  font-size:16px;\r\n  line-height:1.5;\r\n  color:#3d3a35;\r\n}\r\n\r\n.details-state h5 {\r\n  color:#9b6c3e;\r\n  font-size:20px;\r\n  font-family:Georgia, serif;\r\n  font-style:italic;\r\n  margin:22px 0 6px;\r\n}\r\n\r\n.details-state hr {\r\n  border:none;\r\n  border-top:1px solid #c7bca9;\r\n  margin:18px 0;\r\n}\r\n\r\n.best-with {\r\n  font-family:Georgia, serif;\r\n  font-size:14px !important;\r\n  font-style:italic;\r\n}\r\n\r\n@media(max-width:1024px) {\r\n  .flavours-header {\r\n    grid-template-columns:1fr;\r\n    gap:30px;\r\n  }\r\n\r\n  .flavours-grid {\r\n    grid-template-columns:1fr;\r\n  }\r\n}\r\n\r\n@media(max-width:600px) {\r\n  .kraaks-flavours-section {\r\n    padding:55px 16px;\r\n  }\r\n\r\n  .flavours-title h2 {\r\n    font-size:52px;\r\n  }\r\n\r\n  .image-wrap {\r\n    padding:26px;\r\n  }\r\n\r\n  .image-wrap img {\r\n    height:250px;\r\n  }\r\n\r\n  .box-image-wrap img {\r\n    height:380px;\r\n  }\r\n\r\n  .flip-circle,\r\n  .tap-text {\r\n    opacity:1;\r\n  }\r\n\r\n  .flip-circle {\r\n    width:86px;\r\n    height:86px;\r\n    right:26px;\r\n    bottom:30px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\ndocument.querySelectorAll(\".flavour-card\").forEach(function(card) {\r\n  let state = 0;\r\n  const classes = [\"show-front\", \"show-box\", \"show-details\"];\r\n\r\n  card.addEventListener(\"click\", function(e) {\r\n    if (e.target.classList.contains(\"close-card\")) {\r\n      e.stopPropagation();\r\n      state = 0;\r\n      updateCard(card, state, classes);\r\n      return;\r\n    }\r\n\r\n    state++;\r\n    if (state > 2) state = 0;\r\n\r\n    card.classList.add(\"is-flipping\");\r\n\r\n    setTimeout(function() {\r\n      updateCard(card, state, classes);\r\n      card.classList.remove(\"is-flipping\");\r\n    }, 250);\r\n  });\r\n});\r\n\r\nfunction updateCard(card, state, classes) {\r\n  card.classList.remove(\"show-front\", \"show-box\", \"show-details\");\r\n  card.classList.add(classes[state]);\r\n}\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-ee411cc e-con e-atomic-element e-flexbox-base e-561519a \" data-id=\"ee411cc\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"ee411cc\">\n    \t\t<div class=\"elementor-element elementor-element-970936e elementor-widget elementor-widget-html\" data-id=\"970936e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"choco-section\">\r\n\r\n  <div class=\"choco-top\">\r\n\r\n    <div class=\"choco-label\">\r\n      <span>03<\/span>\r\n      <i><\/i>\r\n      <strong>CHOCOKR\u00c5AKS - COMING 2026<\/strong>\r\n    <\/div>\r\n\r\n    <div class=\"choco-intro\">\r\n\r\n      <h2>\r\n        The dark side<br>\r\n        of the <em>Kr\u00e5\u00e5ker.<\/em>\r\n      <\/h2>\r\n\r\n      <p>\r\n        Our second range \u2014 twice-baked Spr\u00f8d,\r\n        dipped and folded with chocolate and\r\n        roasted nuts. Four expressions, for the\r\n        moments after dinner.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <div class=\"choco-grid\">\r\n\r\n    <div class=\"choco-card\">\r\n      <div class=\"choco-ball peanut\"><\/div>\r\n\r\n      <span class=\"number\">NO. 01<\/span>\r\n\r\n      <h3>Peanuts<\/h3>\r\n\r\n      <p>Roasted, salted, folded in.<\/p>\r\n\r\n      <small>PER 100G<\/small>\r\n\r\n      <div class=\"stats\">\r\n        <div><strong>553<\/strong><b>KCAL<\/b><\/div>\r\n        <div><strong>34.2g<\/strong><b>FAT<\/b><\/div>\r\n        <div><strong>8.4g<\/strong><b>PROTEIN<\/b><\/div>\r\n        <div><strong>21.9g<\/strong><b>SUGARS<\/b><\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"choco-card\">\r\n      <div class=\"choco-ball hazelnut\"><\/div>\r\n\r\n      <span class=\"number\">NO. 02<\/span>\r\n\r\n      <h3>Hazelnuts<\/h3>\r\n\r\n      <p>Piedmont-style, deep cocoa.<\/p>\r\n\r\n      <small>PER 100G<\/small>\r\n\r\n      <div class=\"stats\">\r\n        <div><strong>561<\/strong><b>KCAL<\/b><\/div>\r\n        <div><strong>35.7g<\/strong><b>FAT<\/b><\/div>\r\n        <div><strong>8.0g<\/strong><b>PROTEIN<\/b><\/div>\r\n        <div><strong>28.3g<\/strong><b>SUGARS<\/b><\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"choco-card\">\r\n      <div class=\"choco-ball pistachio\"><\/div>\r\n\r\n      <span class=\"number\">NO. 03<\/span>\r\n\r\n      <h3>Pistachio<\/h3>\r\n\r\n      <p>Aleppo-green, lightly bitter.<\/p>\r\n\r\n      <small>PER 100G<\/small>\r\n\r\n      <div class=\"stats\">\r\n        <div><strong>549<\/strong><b>KCAL<\/b><\/div>\r\n        <div><strong>33.8g<\/strong><b>FAT<\/b><\/div>\r\n        <div><strong>9.2g<\/strong><b>PROTEIN<\/b><\/div>\r\n        <div><strong>20.5g<\/strong><b>SUGARS<\/b><\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"choco-card\">\r\n      <div class=\"choco-ball almond\"><\/div>\r\n\r\n      <span class=\"number\">NO. 04<\/span>\r\n\r\n      <h3>Almonds<\/h3>\r\n\r\n      <p>Slow-roasted, lightly salted.<\/p>\r\n\r\n      <small>PER 100G<\/small>\r\n\r\n      <div class=\"stats\">\r\n        <div><strong>562<\/strong><b>KCAL<\/b><\/div>\r\n        <div><strong>35.1g<\/strong><b>FAT<\/b><\/div>\r\n        <div><strong>6.7g<\/strong><b>PROTEIN<\/b><\/div>\r\n        <div><strong>24.6g<\/strong><b>SUGARS<\/b><\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n\r\n.choco-section{\r\n  background:#0f0d0c;\r\n  padding:120px 7%;\r\n  color:#f2ede5;\r\n}\r\n\r\n.choco-top{\r\n  display:grid;\r\n  grid-template-columns:30% 70%;\r\n  align-items:end;\r\n  margin-bottom:90px;\r\n}\r\n\r\n.choco-label{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:16px;\r\n  margin-bottom:35px;\r\n}\r\n\r\n.choco-label span{\r\n  color:#b98a63;\r\n  letter-spacing:4px;\r\n  font-size:13px;\r\n}\r\n\r\n.choco-label i{\r\n  width:58px;\r\n  height:1px;\r\n  background:rgba(255,255,255,.15);\r\n  display:block;\r\n}\r\n\r\n.choco-label strong{\r\n  color:#8d857c;\r\n  font-size:12px;\r\n  letter-spacing:4px;\r\n  font-weight:500;\r\n}\r\n\r\n.choco-intro{\r\n  max-width:900px;\r\n}\r\n\r\n.choco-intro h2{\r\n  font-family:Georgia,serif;\r\n  font-size:120px;\r\n  line-height:.88;\r\n  font-weight:400;\r\n  margin:0 0 40px;\r\n  color:#f2ede5;\r\n}\r\n\r\n.choco-intro em{\r\n  color:#b98a63;\r\n  font-style:italic;\r\n}\r\n\r\n.choco-intro p{\r\n  font-family:Georgia,serif;\r\n  font-size:28px;\r\n  line-height:1.35;\r\n  color:#c6beb4;\r\n  max-width:640px;\r\n}\r\n\r\n.choco-grid{\r\n  display:grid;\r\n  grid-template-columns:repeat(4,1fr);\r\n  gap:22px;\r\n}\r\n\r\n.choco-card{\r\n  background:\r\n  radial-gradient(circle at top right,\r\n  rgba(185,138,99,.25),\r\n  transparent 35%),\r\n  #181513;\r\n\r\n  border:1px solid rgba(255,255,255,.08);\r\n\r\n  padding:26px;\r\n  border-radius:6px;\r\n\r\n  min-height:330px;\r\n  position:relative;\r\n}\r\n\r\n.choco-ball{\r\n  position:absolute;\r\n  top:26px;\r\n  right:24px;\r\n  width:62px;\r\n  height:62px;\r\n  border-radius:50%;\r\n}\r\n\r\n.peanut{\r\n  background:radial-gradient(circle at 35% 35%, #d9b084, #8a5a34);\r\n}\r\n\r\n.hazelnut{\r\n  background:radial-gradient(circle at 35% 35%, #b47644, #5b3119);\r\n}\r\n\r\n.pistachio{\r\n  background:radial-gradient(circle at 35% 35%, #b6d485, #62863f);\r\n}\r\n\r\n.almond{\r\n  background:radial-gradient(circle at 35% 35%, #ead0a2, #a57c4c);\r\n}\r\n\r\n.number{\r\n  color:#b98a63;\r\n  letter-spacing:4px;\r\n  font-size:12px;\r\n}\r\n\r\n.choco-card h3{\r\n  margin-top:95px;\r\n  margin-bottom:8px;\r\n\r\n  font-family:Georgia,serif;\r\n  font-style:italic;\r\n  font-weight:400;\r\n\r\n  font-size:34px;\r\n  color:#b98a63;\r\n}\r\n\r\n.choco-card p{\r\n  color:#998f84;\r\n  font-family:Georgia,serif;\r\n  font-style:italic;\r\n  margin-bottom:38px;\r\n}\r\n\r\n.choco-card small{\r\n  display:block;\r\n  color:#81776b;\r\n  font-size:10px;\r\n  letter-spacing:3px;\r\n  margin-bottom:12px;\r\n}\r\n\r\n.stats{\r\n  border-top:1px solid rgba(255,255,255,.12);\r\n  padding-top:15px;\r\n\r\n  display:grid;\r\n  grid-template-columns:repeat(4,1fr);\r\n  gap:10px;\r\n}\r\n\r\n.stats strong{\r\n  display:block;\r\n  font-family:Georgia,serif;\r\n  font-size:18px;\r\n  font-weight:400;\r\n}\r\n\r\n.stats b{\r\n  display:block;\r\n  margin-top:6px;\r\n  font-size:9px;\r\n  color:#70685f;\r\n  letter-spacing:2px;\r\n  font-weight:500;\r\n}\r\n\r\n@media(max-width:1100px){\r\n\r\n  .choco-top{\r\n    grid-template-columns:1fr;\r\n    gap:40px;\r\n  }\r\n\r\n  .choco-intro h2{\r\n    font-size:80px;\r\n  }\r\n\r\n  .choco-grid{\r\n    grid-template-columns:repeat(2,1fr);\r\n  }\r\n}\r\n\r\n@media(max-width:767px){\r\n\r\n  .choco-section{\r\n    padding:80px 20px;\r\n  }\r\n\r\n  .choco-intro h2{\r\n    font-size:56px;\r\n  }\r\n\r\n  .choco-intro p{\r\n    font-size:20px;\r\n  }\r\n\r\n  .choco-grid{\r\n    grid-template-columns:1fr;\r\n  }\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-17e5cb3 e-con e-atomic-element e-flexbox-base e-e5e5441 \" data-id=\"17e5cb3\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"17e5cb3\">\n    \t\t<div class=\"elementor-element elementor-element-1f140fe elementor-widget elementor-widget-html\" data-id=\"1f140fe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"sk-marquee\">\r\n  <div class=\"sk-marquee-track\">\r\n    <span>\u2726<\/span>\r\n    <p>100g - 12 per carton<\/p>\r\n    <span>\u2726<\/span>\r\n    <p>Brooklyn to Beirut<\/p>\r\n    <span>\u2726<\/span>\r\n    <p>Kr\u00e5ak a smile<\/p>\r\n    <span>\u2726<\/span>\r\n    <p><em>I bake what I love<\/em><\/p>\r\n    <span>\u2726<\/span>\r\n    <p>Slow, twice-baked<\/p>\r\n\r\n    <span>\u2726<\/span>\r\n    <p>100g - 12 per carton<\/p>\r\n    <span>\u2726<\/span>\r\n    <p>Brooklyn to Beirut<\/p>\r\n    <span>\u2726<\/span>\r\n    <p>Kr\u00e5ak a smile<\/p>\r\n    <span>\u2726<\/span>\r\n    <p><em>I bake what I love<\/em><\/p>\r\n    <span>\u2726<\/span>\r\n    <p>Slow, twice-baked<\/p>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n.sk-marquee {\r\n  width: 100%;\r\n  overflow: hidden;\r\n  background: #181512;\r\n  border-top: 1px solid rgba(255,255,255,.12);\r\n  border-bottom: 1px solid rgba(255,255,255,.12);\r\n  padding: 22px 0;\r\n}\r\n\r\n.sk-marquee-track {\r\n  display: flex;\r\n  align-items: center;\r\n  width: max-content;\r\n  animation: skMarquee 28s linear infinite;\r\n}\r\n\r\n.sk-marquee-track p {\r\n  margin: 0 34px;\r\n  font-family: Georgia, serif;\r\n  font-size: 34px;\r\n  color: #f1ece3;\r\n  white-space: nowrap;\r\n}\r\n\r\n.sk-marquee-track p em {\r\n  color: #b98a63;\r\n  font-style: italic;\r\n}\r\n\r\n.sk-marquee-track span {\r\n  color: #b98a63;\r\n  font-size: 30px;\r\n  line-height: 1;\r\n}\r\n\r\n@keyframes skMarquee {\r\n  from {\r\n    transform: translateX(0);\r\n  }\r\n  to {\r\n    transform: translateX(-50%);\r\n  }\r\n}\r\n\r\n@media(max-width: 768px) {\r\n  .sk-marquee {\r\n    padding: 16px 0;\r\n  }\r\n\r\n  .sk-marquee-track p {\r\n    font-size: 24px;\r\n    margin: 0 22px;\r\n  }\r\n\r\n  .sk-marquee-track span {\r\n    font-size: 22px;\r\n  }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-9251822 e-con e-atomic-element e-flexbox-base e-9a377d1 \" data-id=\"9251822\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"9251822\">\n    \t\t<div class=\"elementor-element elementor-element-649d673 elementor-widget elementor-widget-html\" data-id=\"649d673\" 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  <div class=\"numbers-inner\">\r\n\r\n    <div class=\"numbers-top\">\r\n      <div class=\"numbers-label\">\r\n        <span>04<\/span>\r\n        <i><\/i>\r\n        <strong>BY THE NUMBERS<\/strong>\r\n      <\/div>\r\n\r\n      <h2>Small house. <em>Quiet ambition.<\/em><\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"numbers-table\">\r\n      <div class=\"number-item\">\r\n        <h3>8<\/h3>\r\n        <p>CAL PER KR\u00c5\u00c5K (FROM)<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"number-item\">\r\n        <h3>21<\/h3>\r\n        <p>G PROTEIN - PER BOX<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"number-item\">\r\n        <h3>12<\/h3>\r\n        <p>TOTAL SKUS<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"number-item\">\r\n        <h3>3<\/h3>\r\n        <p>CONTINENTS SHIPPED<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.kraaks-numbers-exact {\r\n  background: #f3efe8;\r\n  padding: 95px 0 110px;\r\n  color: #151515;\r\n}\r\n\r\n.numbers-inner {\r\n  width: 62%;\r\n  max-width: 1160px;\r\n  margin: 0 auto;\r\n}\r\n\r\n.numbers-top {\r\n  display: grid;\r\n  grid-template-columns: 280px 1fr;\r\n  align-items: center;\r\n  margin-bottom: 64px;\r\n}\r\n\r\n.numbers-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.numbers-label span {\r\n  color: #9b6c3e;\r\n}\r\n\r\n.numbers-label i {\r\n  width: 60px;\r\n  height: 1px;\r\n  background: #d1c8b8;\r\n  display: block;\r\n}\r\n\r\n.numbers-label strong {\r\n  font-weight: 500;\r\n  color: #222;\r\n}\r\n\r\n.numbers-top h2 {\r\n  font-family: Georgia, serif;\r\n  font-size: 78px;\r\n  line-height: 1;\r\n  font-weight: 400;\r\n  margin: 0;\r\n  text-align: left;\r\n}\r\n\r\n.numbers-top h2 em {\r\n  font-style: italic;\r\n}\r\n\r\n.numbers-table {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  border-top: 1px solid #cfc6b7;\r\n  border-bottom: 1px solid #cfc6b7;\r\n}\r\n\r\n.number-item {\r\n  min-height: 220px;\r\n  padding: 58px 28px 40px;\r\n  border-right: 1px solid #d2c9ba;\r\n}\r\n\r\n.number-item:last-child {\r\n  border-right: none;\r\n}\r\n\r\n.number-item h3 {\r\n  font-family: Georgia, serif;\r\n  font-size: 90px;\r\n  line-height: .8;\r\n  font-weight: 400;\r\n  margin: 0 0 30px;\r\n}\r\n\r\n.number-item h3 sup {\r\n  color: #9b6c3e;\r\n  font-size: 28px;\r\n  position: relative;\r\n  top: -32px;\r\n  left: 4px;\r\n}\r\n\r\n.number-item p {\r\n  font-size: 11px;\r\n  letter-spacing: 5px;\r\n  margin: 0;\r\n  color: #1f1f1f;\r\n  white-space: nowrap;\r\n}\r\n\r\n@media(max-width: 1200px) {\r\n  .numbers-inner {\r\n    width: 78%;\r\n  }\r\n\r\n  .numbers-top h2 {\r\n    font-size: 62px;\r\n  }\r\n}\r\n\r\n@media(max-width: 900px) {\r\n  .numbers-inner {\r\n    width: 88%;\r\n  }\r\n\r\n  .numbers-top {\r\n    grid-template-columns: 1fr;\r\n    gap: 30px;\r\n  }\r\n\r\n  .numbers-top h2 {\r\n    font-size: 54px;\r\n  }\r\n\r\n  .numbers-table {\r\n    grid-template-columns: repeat(2, 1fr);\r\n  }\r\n\r\n  .number-item:nth-child(2) {\r\n    border-right: none;\r\n  }\r\n\r\n  .number-item:nth-child(1),\r\n  .number-item:nth-child(2) {\r\n    border-bottom: 1px solid #d2c9ba;\r\n  }\r\n}\r\n\r\n@media(max-width: 600px) {\r\n  .kraaks-numbers-exact {\r\n    padding: 70px 0;\r\n  }\r\n\r\n  .numbers-inner {\r\n    width: 90%;\r\n  }\r\n\r\n  .numbers-top h2 {\r\n    font-size: 44px;\r\n  }\r\n\r\n  .numbers-table {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .number-item {\r\n    border-right: none;\r\n    border-bottom: 1px solid #d2c9ba;\r\n    min-height: auto;\r\n    padding: 40px 10px;\r\n  }\r\n\r\n  .number-item:last-child {\r\n    border-bottom: none;\r\n  }\r\n\r\n  .number-item h3 {\r\n    font-size: 72px;\r\n  }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-611c7d9 e-con e-atomic-element e-flexbox-base e-703d9da \" data-id=\"611c7d9\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"611c7d9\">\n    \t\t<div class=\"elementor-element elementor-element-81ebc38 elementor-widget elementor-widget-html\" data-id=\"81ebc38\" 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>05<\/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\">Spinneys<\/h3>\r\n        <p>UNITED ARAB EMIRATES<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"find-box\">\r\n        <h3 class=\"rotating-name\" data-set=\"1\">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=\"2\">Noon<\/h3>\r\n        <p>UNITED ARAB EMIRATES<\/p>\r\n        <small>AVAILABLE SOON<\/small>\r\n      <\/div>\r\n\r\n      <div class=\"find-box\">\r\n        <h3 class=\"rotating-name\" data-set=\"3\">Selected <em>Delis<\/em><\/h3>\r\n        <p>UNITED STATES<\/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\r\n.find-boxes {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  border: 1px solid #bdb3a2;\r\n  border-radius: 5px;\r\n  overflow: hidden;\r\n}\r\n\r\n.find-box {\r\n  min-height: 170px;\r\n  padding: 48px 25px 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: repeat(2, 1fr);\r\n  }\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    [\"Spinneys\", \"Carrefour\", \"Waitrose\", \"Choithrams\"],\r\n    [\"Toters\", \"Mint Basil Market\", \"The Barn\", \"Onlivery\"],\r\n    [\"Noon\", \"Amazon\", \"Talabat Mart\", \"Instashop\"],\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<div class=\"elementor-element elementor-element-2773b03 e-con e-atomic-element e-flexbox-base e-72386e2 \" data-id=\"2773b03\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"2773b03\">\n    \t\t<div class=\"elementor-element elementor-element-8c89cc6 elementor-widget elementor-widget-html\" data-id=\"8c89cc6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"kraaks-trade-section\">\r\n  <div class=\"trade-inner\">\r\n\r\n    <div class=\"trade-top\">\r\n      <div class=\"trade-label\">\r\n        <span>06<\/span>\r\n        <i><\/i>\r\n        <strong>TRADE & DISTRIBUTION<\/strong>\r\n      <\/div>\r\n\r\n      <div class=\"trade-title\">\r\n        <h2>Built for the <em>shelf.<\/em><\/h2>\r\n        <p>Three formats, distributor-ready specs, and packaging engineered to travel. Drop us a line for full pricing and the deck.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"trade-cards\">\r\n\r\n      <div class=\"trade-card\">\r\n        <small>FORMAT - 01<\/small>\r\n        <h3><em>Original<\/em> Kr\u00e5\u00e5ks <\/h3>\r\n\r\n        <div class=\"shelf-chart\" data-months=\"9\">\r\n          <div class=\"chart-bars\">\r\n            <span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span>\r\n            <span><\/span><span><\/span><span class=\"active\"><\/span><span><\/span><span><\/span><span><\/span>\r\n          <\/div>\r\n          <div class=\"chart-text\">\r\n            <strong>9<\/strong>\r\n            <p>MONTHS<br>SHELF LIFE<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"specs\">\r\n          <div><strong>100g<\/strong><span>NET WEIGHT<\/span><\/div>\r\n          <div><strong>15<\/strong><span>KR\u00c5\u00c5KS - PER BOX<\/span><\/div>\r\n          <div><strong>12<\/strong><span>BOXES - PER CARTON<\/span><\/div>\r\n          <div><strong>9 mo<\/strong><span>SHELF LIFE<\/span><\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"trade-card\">\r\n        <small>FORMAT - 02<\/small>\r\n        <h3><em>Protein+<\/em> Kr\u00e5\u00e5ks<\/h3>\r\n\r\n        <div class=\"shelf-chart\" data-months=\"9\">\r\n          <div class=\"chart-bars\">\r\n            <span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span>\r\n            <span><\/span><span><\/span><span class=\"active\"><\/span><span><\/span><span><\/span><span><\/span>\r\n          <\/div>\r\n          <div class=\"chart-text\">\r\n            <strong>9<\/strong>\r\n            <p>MONTHS<br>SHELF LIFE<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"specs\">\r\n          <div><strong>50g<\/strong><span>NET WEIGHT<\/span><\/div>\r\n          <div><strong>25<\/strong><span>KR\u00c5\u00c5KS - PER BOX<\/span><\/div>\r\n          <div><strong>12<\/strong><span>BOXES - PER CARTON<\/span><\/div>\r\n          <div><strong>9 mo<\/strong><span>SHELF LIFE<\/span><\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"trade-card\">\r\n        <small>FORMAT - 03 - 2026<\/small>\r\n        <h3><em>Choco<\/em>Kr\u00e5\u00e5ks<\/h3>\r\n\r\n        <div class=\"shelf-chart\" data-months=\"11\">\r\n          <div class=\"chart-bars\">\r\n            <span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span>\r\n            <span><\/span><span><\/span><span><\/span><span><\/span><span class=\"active\"><\/span><span><\/span>\r\n          <\/div>\r\n          <div class=\"chart-text\">\r\n            <strong>11<\/strong>\r\n            <p>MONTHS<br>SHELF LIFE<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"specs\">\r\n          <div><strong>TBC<\/strong><span>NET WEIGHT<\/span><\/div>\r\n          <div><strong>\u2014<\/strong><span>KR\u00c5\u00c5KS - PER BOX<\/span><\/div>\r\n          <div><strong>\u2014<\/strong><span>BOXES - PER CARTON<\/span><\/div>\r\n          <div><strong>11 mo<\/strong><span>SHELF LIFE<\/span><\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <p class=\"trade-note\">\r\n      All formats: BAKED \u2022 gluten-free \u2022 vegetarian-friendly \u2022 contains sesame and gluten \u2022 halal certified \u2022 produced in Lebanon by Global Foods SAL for Sprod Kraaks SAL.\r\n    <\/p>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.kraaks-trade-section {\r\n  background: #f3efe8;\r\n  padding: 100px 0;\r\n  color: #151515;\r\n}\r\n\r\n.trade-inner {\r\n  width: 62%;\r\n  max-width: 1160px;\r\n  margin: auto;\r\n}\r\n\r\n.trade-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.trade-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.trade-label span {\r\n  color: #9b6c3e;\r\n}\r\n\r\n.trade-label i {\r\n  width: 60px;\r\n  height: 1px;\r\n  background: #cfc6b7;\r\n  display: block;\r\n}\r\n\r\n.trade-label strong {\r\n  font-weight: 500;\r\n  color: #222;\r\n}\r\n\r\n.trade-title h2 {\r\n  font-family: Georgia, serif;\r\n  font-size: clamp(52px, 5vw, 82px);\r\n  line-height: 1;\r\n  font-weight: 400;\r\n  margin: 0 0 20px;\r\n}\r\n\r\n.trade-title h2 em {\r\n  font-style: italic;\r\n}\r\n\r\n.trade-title p {\r\n  max-width: 620px;\r\n  font-size: 18px;\r\n  line-height: 1.5;\r\n  color: #444;\r\n  margin: 0;\r\n}\r\n\r\n.trade-cards {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  border-top: 1px solid #d0c8bb;\r\n  border-bottom: 1px solid #d0c8bb;\r\n  align-items: stretch;\r\n}\r\n\r\n.trade-card {\r\n  min-height: 560px;\r\n  padding: 45px 32px;\r\n  border-right: 1px solid #d0c8bb;\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.trade-card:last-child {\r\n  border-right: none;\r\n}\r\n\r\n.trade-card small {\r\n  display: block;\r\n  font-size: 11px;\r\n  letter-spacing: 5px;\r\n  color: #9b6c3e;\r\n  margin-bottom: 25px;\r\n}\r\n\r\n.trade-card h3 {\r\n  min-height: 86px;\r\n  font-family: Georgia, serif;\r\n  font-size: 38px;\r\n  line-height: 1.05;\r\n  font-weight: 400;\r\n  margin: 0 0 25px;\r\n}\r\n\r\n.trade-card h3 em {\r\n  color: #9b6c3e;\r\n  font-style: italic;\r\n}\r\n\r\n.trade-card h3 span {\r\n  margin-left: 8px;\r\n}\r\n\r\n.shelf-chart {\r\n  height: 125px;\r\n  border: 1px solid #cfc3ae;\r\n  border-radius: 4px;\r\n  background: rgba(232,222,202,.45);\r\n  padding: 20px 22px;\r\n  display: flex;\r\n  align-items: flex-end;\r\n  justify-content: space-between;\r\n  gap: 18px;\r\n  margin-bottom: 28px;\r\n}\r\n\r\n.chart-bars {\r\n  height: 76px;\r\n  display: flex;\r\n  align-items: flex-end;\r\n  gap: 5px;\r\n  flex: 1;\r\n}\r\n\r\n.chart-bars span {\r\n  display: block;\r\n  flex: 1;\r\n  max-width: 11px;\r\n  min-width: 5px;\r\n  background: #cfc3ae;\r\n  border-radius: 12px 12px 0 0;\r\n}\r\n\r\n.chart-bars span:nth-child(1) { height: 24%; }\r\n.chart-bars span:nth-child(2) { height: 32%; }\r\n.chart-bars span:nth-child(3) { height: 40%; }\r\n.chart-bars span:nth-child(4) { height: 48%; }\r\n.chart-bars span:nth-child(5) { height: 56%; }\r\n.chart-bars span:nth-child(6) { height: 64%; }\r\n.chart-bars span:nth-child(7) { height: 72%; }\r\n.chart-bars span:nth-child(8) { height: 80%; }\r\n.chart-bars span:nth-child(9) { height: 88%; }\r\n.chart-bars span:nth-child(10) { height: 92%; }\r\n.chart-bars span:nth-child(11) { height: 96%; }\r\n.chart-bars span:nth-child(12) { height: 100%; }\r\n\r\n.chart-bars span.active {\r\n  background: #9b6c3e;\r\n  max-width: 15px;\r\n}\r\n\r\n.chart-text {\r\n  width: 82px;\r\n  text-align: right;\r\n}\r\n\r\n.chart-text strong {\r\n  display: block;\r\n  font-family: Georgia, serif;\r\n  font-size: 58px;\r\n  line-height: .8;\r\n  color: #9b6c3e;\r\n  font-weight: 400;\r\n}\r\n\r\n.chart-text p {\r\n  margin: 10px 0 0;\r\n  font-size: 10px;\r\n  letter-spacing: 4px;\r\n  line-height: 1.5;\r\n}\r\n\r\n.specs {\r\n  margin-top: auto;\r\n  border-top: 1px solid #d0c8bb;\r\n  padding-top: 25px;\r\n  display: grid;\r\n  grid-template-columns: repeat(2, 1fr);\r\n  gap: 28px;\r\n}\r\n\r\n.specs strong {\r\n  display: block;\r\n  font-family: Georgia, serif;\r\n  font-size: 20px;\r\n  margin-bottom: 8px;\r\n  font-weight: 400;\r\n}\r\n\r\n.specs span {\r\n  display: block;\r\n  font-size: 10px;\r\n  letter-spacing: 4px;\r\n  line-height: 1.5;\r\n}\r\n\r\n.trade-note {\r\n  margin-top: 35px;\r\n  font-family: Georgia, serif;\r\n  font-style: italic;\r\n  max-width: 700px;\r\n  line-height: 1.6;\r\n}\r\n\r\n@media(max-width: 1200px) {\r\n  .trade-inner {\r\n    width: 88%;\r\n  }\r\n\r\n  .trade-top {\r\n    grid-template-columns: 1fr;\r\n    gap: 35px;\r\n  }\r\n}\r\n\r\n@media(max-width: 900px) {\r\n  .trade-cards {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .trade-card {\r\n    min-height: auto;\r\n    border-right: none;\r\n    border-bottom: 1px solid #d0c8bb;\r\n  }\r\n\r\n  .trade-card:last-child {\r\n    border-bottom: none;\r\n  }\r\n\r\n  .trade-card h3 {\r\n    min-height: auto;\r\n  }\r\n}\r\n\r\n@media(max-width: 600px) {\r\n  .kraaks-trade-section {\r\n    padding: 70px 0;\r\n  }\r\n\r\n  .trade-inner {\r\n    width: 90%;\r\n  }\r\n\r\n  .trade-label {\r\n    font-size: 10px;\r\n    letter-spacing: 3px;\r\n  }\r\n\r\n  .trade-title h2 {\r\n    font-size: 44px;\r\n  }\r\n\r\n  .trade-title p {\r\n    font-size: 16px;\r\n  }\r\n\r\n  .trade-card {\r\n    padding: 35px 20px;\r\n  }\r\n\r\n  .trade-card h3 {\r\n    font-size: 32px;\r\n  }\r\n\r\n  .shelf-chart {\r\n    height: 115px;\r\n    padding: 18px;\r\n  }\r\n\r\n  .chart-bars {\r\n    gap: 4px;\r\n  }\r\n\r\n  .chart-text {\r\n    width: 70px;\r\n  }\r\n\r\n  .chart-text strong {\r\n    font-size: 48px;\r\n  }\r\n\r\n  .chart-text p {\r\n    font-size: 9px;\r\n    letter-spacing: 3px;\r\n  }\r\n\r\n  .specs {\r\n    gap: 22px;\r\n  }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-22ec7e5 e-con e-atomic-element e-flexbox-base e-f320c32 \" data-id=\"22ec7e5\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"22ec7e5\">\n    \t\t<div class=\"elementor-element elementor-element-47c5b26 elementor-widget elementor-widget-html\" data-id=\"47c5b26\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"kraaks-contact-section\">\r\n  <div class=\"contact-inner\">\r\n\r\n    <div class=\"contact-left\">\r\n      <div class=\"contact-label\">\r\n        <span>06<\/span>\r\n        <i><\/i>\r\n        <strong>WHOLESALE & PRESS<\/strong>\r\n      <\/div>\r\n\r\n      <h2>\r\n        Bring<br>\r\n        Spr\u00f8d-<br>\r\n        Kr\u00e5\u00e5ks<br>\r\n        to your <em>shelf.<\/em>\r\n      <\/h2>\r\n\r\n      <p>\r\n        We work with retailers, distributors, and food-service partners across the Gulf,\r\n        Europe, and North America. Tell us where you are \u2014 we'll send pricing, samples,\r\n        and a deck.\r\n      <\/p>\r\n\r\n      <a href=\"#contact\" class=\"contact-btn\">GET IN TOUCH <span>\u2192<\/span><\/a>\r\n    <\/div>\r\n\r\n    <div class=\"contact-right\">\r\n\r\n      <div class=\"contact-person\">\r\n        <div class=\"person-head\">\r\n          <h3>Marwan <em>Cabbab\u00e9<\/em><\/h3>\r\n          <span>LEBANON<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"info-row\">\r\n          <small>PHONE<\/small>\r\n          <p>+961 3 827 681<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"info-row\">\r\n          <small>EMAIL<\/small>\r\n          <p>m.cabbabe@sprod-kraaks.com<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"contact-person\">\r\n        <div class=\"person-head\">\r\n          <h3>David <em>Asseily Capretti<\/em><\/h3>\r\n          <span>UAE<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"info-row\">\r\n          <small>UAE<\/small>\r\n          <p>+971 55 655 7923<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"info-row\">\r\n          <small><\/small>\r\n          <p>WhatsApp<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"footer-info\">\r\n        <div>\r\n          <small>BEIRUT<\/small>\r\n          <p>Sprod Kraaks SAL<\/p>\r\n        <\/div>\r\n\r\n        <div>\r\n          <small>NEW YORK<\/small>\r\n          <p>Sprodmade Inc.<\/p>\r\n        <\/div>\r\n\r\n        <div>\r\n          <small>PRODUCER<\/small>\r\n          <p>Global Foods<br>Khaldeh, Lebanon<\/p>\r\n        <\/div>\r\n\r\n        <div>\r\n          <small>FOLLOW<\/small>\r\n          <p>Instagram - WhatsApp<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.kraaks-contact-section {\r\n  background: #f3efe8;\r\n  padding: 95px 0 110px;\r\n  color: #151515;\r\n}\r\n\r\n.contact-inner {\r\n  width: 62%;\r\n  max-width: 1160px;\r\n  margin: 0 auto;\r\n  display: grid;\r\n  grid-template-columns: 46% 54%;\r\n  gap: 80px;\r\n}\r\n\r\n.contact-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  margin-bottom: 45px;\r\n  white-space: nowrap;\r\n}\r\n\r\n.contact-label span {\r\n  color: #9b6c3e;\r\n}\r\n\r\n.contact-label i {\r\n  width: 60px;\r\n  height: 1px;\r\n  background: #cfc6b7;\r\n  display: block;\r\n}\r\n\r\n.contact-label strong {\r\n  font-weight: 500;\r\n  color: #222;\r\n}\r\n\r\n.contact-left h2 {\r\n  font-family: Georgia, serif;\r\n  font-size: clamp(64px, 6vw, 98px);\r\n  line-height: 0.95;\r\n  font-weight: 400;\r\n  margin: 0 0 42px;\r\n}\r\n\r\n.contact-left h2 em {\r\n  font-style: italic;\r\n}\r\n\r\n.contact-left p {\r\n  font-family: Georgia, serif;\r\n  font-size: 28px;\r\n  line-height: 1.35;\r\n  max-width: 560px;\r\n  margin: 0 0 45px;\r\n}\r\n\r\n.contact-btn {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 16px;\r\n  background: #15110f;\r\n  color: #fff;\r\n  border-radius: 40px;\r\n  padding: 18px 30px;\r\n  font-size: 12px;\r\n  letter-spacing: 4px;\r\n  font-weight: 700;\r\n  text-decoration: none;\r\n}\r\n\r\n.contact-btn span {\r\n  font-size: 18px;\r\n}\r\n\r\n.contact-right {\r\n  padding-top: 45px;\r\n}\r\n\r\n.contact-person {\r\n  border-top: 1px solid #d0c8bb;\r\n  margin-bottom: 55px;\r\n}\r\n\r\n.person-head {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  border-bottom: 1px solid #d0c8bb;\r\n  padding: 8px 0 18px;\r\n}\r\n\r\n.person-head h3 {\r\n  font-family: Georgia, serif;\r\n  font-size: 31px;\r\n  font-weight: 400;\r\n  margin: 0;\r\n}\r\n\r\n.person-head h3 em {\r\n  color: #9b6c3e;\r\n  font-style: italic;\r\n}\r\n\r\n.person-head span {\r\n  background: #ebe3d3;\r\n  color: #9b6c3e;\r\n  border-radius: 30px;\r\n  padding: 10px 18px;\r\n  font-size: 10px;\r\n  letter-spacing: 4px;\r\n  font-weight: 700;\r\n}\r\n\r\n.info-row {\r\n  display: grid;\r\n  grid-template-columns: 150px 1fr;\r\n  border-bottom: 1px solid #d0c8bb;\r\n  padding: 18px 0;\r\n}\r\n\r\n.info-row small,\r\n.footer-info small {\r\n  color: #9b6c3e;\r\n  font-size: 10px;\r\n  letter-spacing: 4px;\r\n}\r\n\r\n.info-row p {\r\n  font-family: Georgia, serif;\r\n  font-size: 18px;\r\n  margin: 0;\r\n}\r\n\r\n.footer-info {\r\n  border-top: 1px solid #d0c8bb;\r\n  display: grid;\r\n  grid-template-columns: repeat(2, 1fr);\r\n  gap: 36px 80px;\r\n  padding-top: 32px;\r\n}\r\n\r\n.footer-info p {\r\n  font-family: Georgia, serif;\r\n  font-size: 16px;\r\n  line-height: 1.5;\r\n  margin: 14px 0 0;\r\n}\r\n\r\n@media(max-width: 1200px) {\r\n  .contact-inner {\r\n    width: 82%;\r\n  }\r\n}\r\n\r\n@media(max-width: 900px) {\r\n  .kraaks-contact-section {\r\n    padding: 75px 0;\r\n  }\r\n\r\n  .contact-inner {\r\n    width: 88%;\r\n    grid-template-columns: 1fr;\r\n    gap: 45px;\r\n  }\r\n\r\n  .contact-left h2 {\r\n    font-size: 62px;\r\n  }\r\n\r\n  .contact-left p {\r\n    font-size: 23px;\r\n  }\r\n\r\n  .contact-right {\r\n    padding-top: 0;\r\n  }\r\n}\r\n\r\n@media(max-width: 600px) {\r\n  .contact-left h2 {\r\n    font-size: 52px;\r\n  }\r\n\r\n  .contact-left p {\r\n    font-size: 20px;\r\n  }\r\n\r\n  .person-head {\r\n    align-items: flex-start;\r\n    gap: 15px;\r\n  }\r\n\r\n  .person-head h3 {\r\n    font-size: 25px;\r\n  }\r\n\r\n  .info-row {\r\n    grid-template-columns: 1fr;\r\n    gap: 8px;\r\n  }\r\n\r\n  .footer-info {\r\n    grid-template-columns: 1fr;\r\n    gap: 28px;\r\n  }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Est. Beirut &#8211; 2022 NOW IN 4 MARKETS Kr\u00e5ak a smile Six bold flavours of slow, twice-baked Lebanese cracker. Bake [&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-21","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sprodkraaks.com\/index.php?rest_route=\/wp\/v2\/pages\/21","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=21"}],"version-history":[{"count":43,"href":"https:\/\/sprodkraaks.com\/index.php?rest_route=\/wp\/v2\/pages\/21\/revisions"}],"predecessor-version":[{"id":231,"href":"https:\/\/sprodkraaks.com\/index.php?rest_route=\/wp\/v2\/pages\/21\/revisions\/231"}],"wp:attachment":[{"href":"https:\/\/sprodkraaks.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=21"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}