{"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-07-31T05:54:53","modified_gmt":"2026-07-31T05:54:53","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\t<p>Est. Brooklyn- 2018<\/p>\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  Sixteen bold flavours of slow,baked crackers.\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=\"https:\/\/sprodkraaks.com\/?page_id=118\">\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      \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      <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    <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  \r\n\r\n  \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 KCAL<br>PER KR\u00c5AK<\/p>\r\n    <\/div>\r\n<div class=\"sk-icon-item\">\r\n  <svg viewBox=\"0 0 64 64\">\r\n    <!-- Bar -->\r\n    <line x1=\"22\" y1=\"32\" x2=\"42\" y2=\"32\"\/>\r\n\r\n    <!-- Left weights -->\r\n    <line x1=\"18\" y1=\"24\" x2=\"18\" y2=\"40\"\/>\r\n    <line x1=\"14\" y1=\"26\" x2=\"14\" y2=\"38\"\/>\r\n    <line x1=\"22\" y1=\"26\" x2=\"22\" y2=\"38\"\/>\r\n\r\n    <!-- Right weights -->\r\n    <line x1=\"42\" y1=\"26\" x2=\"42\" y2=\"38\"\/>\r\n    <line x1=\"46\" y1=\"24\" x2=\"46\" y2=\"40\"\/>\r\n    <line x1=\"50\" y1=\"26\" x2=\"50\" y2=\"38\"\/>\r\n\r\n    <!-- End caps -->\r\n    <line x1=\"10\" y1=\"32\" x2=\"14\" y2=\"32\"\/>\r\n    <line x1=\"50\" y1=\"32\" x2=\"54\" y2=\"32\"\/>\r\n  <\/svg>\r\n\r\n  <span><\/span>\r\n  <p>UP TO<br>4G PROTEIN<br>PER KR\u00c5AK<\/p>\r\n<\/div>\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 baked<\/span>\r\n        <span>\u2726 Sixteen bold flavours<\/span>\r\n        <span>\u2726 Kr\u00e5ak 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 baked<\/span>\r\n        <span>\u2726 Sixteen bold flavours<\/span>\r\n        <span>\u2726 Kr\u00e5ak 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-3.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 began as a homemade recipe - a light, airy cracker crafted by my father and me for family gatherings. What started as a small kitchen experiment quickly evolved into a product with strong consumer appeal, inspiring the creation of a scalable, health-driven snack brand. I dedicate Spr\u00f8d-Kr\u00e5aks to my son Th\u00e9o for him to perpetuate this family inheritance to the next generations.<\/p>\r\n\r\n   Spr\u00f8d-Kr\u00e5aks est n\u00e9 d\u2019une simple recette maison \u2014 un cracker l\u00e9ger et a\u00e9r\u00e9 que mon p\u00e8re et moi pr\u00e9parions pour nos r\u00e9unions de famille. Ce qui n\u2019\u00e9tait au d\u00e9part qu\u2019une petite exp\u00e9rience culinaire s\u2019est transform\u00e9 en un produit au fort attrait, inspirant la cr\u00e9ation d\u2019une marque de collations saines et \u00e9volutives.\r\nJe d\u00e9die Spr\u00f8d-Kr\u00e5aks \u00e0 mon fils Th\u00e9o, afin qu\u2019il poursuive cet h\u00e9ritage familial et le transmette aux g\u00e9n\u00e9rations \u00e0 venir.<\/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. <br>\r\n        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, high in vegan protein, 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-2c4c01d e-con e-atomic-element e-flexbox-base e-c09c380 \" data-id=\"2c4c01d\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"2c4c01d\">\n    \t\t<div class=\"elementor-element elementor-element-727d594 elementor-widget elementor-widget-html\" data-id=\"727d594\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"sk3-showcase\">\r\n  <div class=\"sk3-sticky\">\r\n\r\n    <!-- LEFT: ORIGINAL CRACKERS -->\r\n    <article class=\"sk3-column sk3-left\">\r\n      <div class=\"sk3-image\">\r\n        <img decoding=\"async\" class=\"sk3-original-image\" src=\"\" alt=\"Original Kr\u00e5aks\">\r\n      <\/div>\r\n\r\n      <div class=\"sk3-side-copy\">\r\n        <h3>THE ORIGINAL KR\u00c5AKS<\/h3>\r\n        <span class=\"sk3-heading-line\"><\/span>\r\n\r\n        <p class=\"sk3-original-description\"><\/p>\r\n <div class=\"sk3-stats\">\r\n          <div>\r\n            <strong class=\"sk3-calories-original\"><\/strong>\r\n            <span>KCAL PER<br>KR\u00c5AK<\/span>\r\n          <\/div>\r\n\r\n          <div>\r\n            <strong class=\"sk3-protein-original\"><\/strong>\r\n   <div>\r\n            \r\n            <span>PROTEIN<br>PER BOX<\/span>\r\n          <\/div>\r\n          <\/div>\r\n\r\n          <div>\r\n            <strong class=\"sk3-box-count-original\"><\/strong>\r\n            <span>KR\u00c5AKS<br>PER BOX<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"sk3-features\">\r\n          <div>\r\n            <i><\/i>\r\n            <span>GLUTEN<br>FREE<\/span>\r\n          <\/div>\r\n\r\n          <div>\r\n            <i><\/i>\r\n            <span>ALL<br>NATURAL<\/span>\r\n          <\/div>\r\n\r\n          <div>\r\n            <i><\/i>\r\n            <span>NO ADDED<br>SUGAR<\/span>\r\n          <\/div>\r\n\r\n          <div>\r\n            <i><\/i>\r\n            <span>ADDITIVE<br>FREE<\/span>\r\n          <\/div>\r\n\r\n          <div>\r\n            <i><\/i>\r\n            <span>VEGAN<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <!-- MIDDLE: PRODUCT TITLE + PAIRINGS -->\r\n    <article class=\"sk3-column sk3-middle\">\r\n      <div class=\"sk3-middle-top\">\r\n        <div class=\"sk3-small-title\"><\/div>\r\n        <span class=\"sk3-top-line\"><\/span>\r\n\r\n        <h2 class=\"sk3-product-title\"><\/h2>\r\n\r\n        <span class=\"sk3-title-line\"><\/span>\r\n\r\n        <p class=\"sk3-product-description\"><\/p>\r\n      <\/div>\r\n<div class=\"sk3-badges\">\r\n    <img decoding=\"async\" class=\"sk3-badge-1\" src=\"https:\/\/sprodkraaks.com\/wp-content\/uploads\/2026\/07\/logo-02.png\" alt=\"\">\r\n    <img decoding=\"async\" class=\"sk3-badge-2\" src=\"https:\/\/sprodkraaks.com\/wp-content\/uploads\/2026\/07\/logo-01.png\" alt=\"\">\r\n<\/div>\r\n      <div class=\"sk3-pairing-box\">\r\n        <h3>PERFECT WITH<\/h3>\r\n        <span><\/span>\r\n        <div class=\"sk3-pairings\"><\/div>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <!-- RIGHT: PROTEIN CRACKERS -->\r\n    <article class=\"sk3-column sk3-right\">\r\n      <div class=\"sk3-image\">\r\n        <img decoding=\"async\" class=\"sk3-protein-image\" src=\"\" alt=\"Protein Kr\u00e5aks\">\r\n      <\/div>\r\n\r\n      <div class=\"sk3-side-copy\">\r\n        <h3>THE PROTEIN KR\u00c5AKS<\/h3>\r\n        <span class=\"sk3-heading-line\"><\/span>\r\n\r\n        <p class=\"sk3-protein-description\"><\/p>\r\n\r\n        <div class=\"sk3-stats\">\r\n          <div>\r\n            <strong class=\"sk3-calories\"><\/strong>\r\n            <span>KCAL PER<br>KR\u00c5AK<\/span>\r\n          <\/div>\r\n\r\n          <div>\r\n            <strong class=\"sk3-protein\"><\/strong>\r\n            <span>PROTEIN<br>PER BOX<\/span>\r\n          <\/div>\r\n\r\n          <div>\r\n            <strong class=\"sk3-box-count\"><\/strong>\r\n            <span>KR\u00c5AKS<br>PER BOX<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"sk3-note\"><\/div>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <!-- COUNTER -->\r\n    <div class=\"sk3-counter\">\r\n      <span class=\"sk3-current-number\">01<\/span>\r\n      <span>\/ 06<\/span>\r\n    <\/div>\r\n\r\n    <!-- DOTS -->\r\n    <div class=\"sk3-dots\">\r\n      <button type=\"button\" aria-label=\"Product 1\"><\/button>\r\n      <button type=\"button\" aria-label=\"Product 2\"><\/button>\r\n      <button type=\"button\" aria-label=\"Product 3\"><\/button>\r\n      <button type=\"button\" aria-label=\"Product 4\"><\/button>\r\n      <button type=\"button\" aria-label=\"Product 5\"><\/button>\r\n      <button type=\"button\" aria-label=\"Product 6\"><\/button>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* ================================\r\n   BADGES\r\n================================ *\/\r\n\r\n.sk3-badges{\r\n    display:flex;\r\n    justify-content:center;\r\n    align-items:center;\r\n    gap:18px;\r\n    margin:28px 0 34px;\r\n}\r\n\r\n.sk3-badges img{\r\n    height:72px;\r\n    width:auto;\r\n    object-fit:contain;\r\n    display:block;\r\n    transition:.3s ease;\r\n}\r\n\r\n@media(max-width:1024px){\r\n\r\n    .sk3-badges{\r\n        gap:14px;\r\n        margin:20px 0 26px;\r\n    }\r\n\r\n    .sk3-badges img{\r\n        height:58px;\r\n    }\r\n\r\n}\r\n\r\n@media(max-width:767px){\r\n\r\n    .sk3-badges{\r\n        gap:10px;\r\n        margin:16px 0 18px;\r\n    }\r\n\r\n    .sk3-badges img{\r\n        height:44px;\r\n    }\r\n\r\n}\r\n\/* ================================\r\n   SECTION\r\n================================ *\/\r\n\r\n.sk3-showcase {\r\n  position: relative !important;\r\n  width: 100%;\r\n  height: 600vh !important;\r\n  min-height: 600vh !important;\r\n  background: #f3efe8;\r\n  color: #1d2a3a;\r\n  overflow: visible !important;\r\n}\r\n\r\n.sk3-sticky {\r\n  position: sticky !important;\r\n  position: -webkit-sticky !important;\r\n  top: 0 !important;\r\n  width: 100%;\r\n  height: 100vh;\r\n  min-height: 100vh;\r\n  max-width: 1800px;\r\n  margin: 0 auto;\r\n  padding: 48px 85px 38px;\r\n  box-sizing: border-box;\r\n\r\n  display: grid;\r\n  grid-template-columns:\r\n    minmax(0, 1fr)\r\n    minmax(330px, 0.82fr)\r\n    minmax(0, 1fr);\r\n\r\n  column-gap: 44px;\r\n  align-items: stretch;\r\n  overflow: hidden;\r\n}\r\n\r\n\/* ================================\r\n   COLUMNS\r\n================================ *\/\r\n\r\n.sk3-column {\r\n  position: relative;\r\n  min-width: 0;\r\n  height: 100%;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.sk3-left,\r\n.sk3-right {\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: flex-start;\r\n  padding-top: 20px;\r\n}\r\n\r\n.sk3-middle {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n\r\n  padding: 24px 34px 20px;\r\n  text-align: center;\r\n\r\n  border-left: 1px solid rgba(154, 106, 63, 0.22);\r\n  border-right: 1px solid rgba(154, 106, 63, 0.22);\r\n}\r\n\r\n\/* ================================\r\n   IMAGES\r\n================================ *\/\r\n\r\n.sk3-image {\r\n  width: 100%;\r\n  height: clamp(300px, 50vh, 505px);\r\n  overflow: hidden;\r\n  border-radius: 7px;\r\n  background: #e8e3da;\r\n}\r\n\r\n.sk3-image img {\r\n  width: 100%;\r\n  height: 100%;\r\n  display: block;\r\n  object-fit: cover;\r\n  object-position: center;\r\n  border-radius: inherit;\r\n}\r\n\r\n\/* ================================\r\n   SIDE CONTENT\r\n================================ *\/\r\n\r\n.sk3-side-copy {\r\n  padding: 25px 8px 0;\r\n}\r\n\r\n.sk3-side-copy h3 {\r\n  margin: 0;\r\n  color: #9a6a3f;\r\n  font-family: Arial, Helvetica, sans-serif;\r\n  font-size: 17px;\r\n  font-weight: 600;\r\n  line-height: 1.3;\r\n  letter-spacing: 3px;\r\n}\r\n\r\n.sk3-heading-line {\r\n  display: block;\r\n  width: 27px;\r\n  height: 1px;\r\n  margin: 13px 0 17px;\r\n  background: #9a6a3f;\r\n}\r\n\r\n.sk3-side-copy > p {\r\n  min-height: 76px;\r\n  margin: 0;\r\n  color: #555f6b;\r\n  font-family: Arial, Helvetica, sans-serif;\r\n  font-size: 15px;\r\n  line-height: 1.75;\r\n}\r\n\r\n\/* ================================\r\n   FEATURES\r\n================================ *\/\r\n\r\n.sk3-features {\r\n  display: grid;\r\n  grid-template-columns: repeat(5, 1fr);\r\n  gap: 7px;\r\n  margin-top: 26px;\r\n}\r\n\r\n.sk3-features > div {\r\n  text-align: center;\r\n}\r\n\r\n.sk3-features i {\r\n  position: relative;\r\n  display: block;\r\n  width: 13px;\r\n  height: 13px;\r\n  margin: 0 auto 18px;\r\n  border: 1px solid #9a6a3f;\r\n  border-radius: 50%;\r\n}\r\n\r\n.sk3-features i::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  left: 50%;\r\n  bottom: -10px;\r\n  width: 10px;\r\n  height: 1px;\r\n  background: #9a6a3f;\r\n  transform: translateX(-50%);\r\n}\r\n\r\n.sk3-features span {\r\n  display: block;\r\n  color: #202d3d;\r\n  font-family: Arial, Helvetica, sans-serif;\r\n  font-size: 8px;\r\n  line-height: 1.45;\r\n  letter-spacing: 1.2px;\r\n}\r\n\r\n\/* ================================\r\n   MIDDLE COLUMN\r\n================================ *\/\r\n\r\n.sk3-middle-top {\r\n  width: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n}\r\n\r\n.sk3-small-title {\r\n  min-height: 18px;\r\n  margin-top: 6px;\r\n  color: #9a6a3f;\r\n  font-family: Arial, Helvetica, sans-serif;\r\n  font-size: 12px;\r\n  font-weight: 600;\r\n  letter-spacing: 4px;\r\n}\r\n\r\n.sk3-top-line {\r\n  display: block;\r\n  width: 30px;\r\n  height: 1px;\r\n  margin-top: 18px;\r\n  background: #9a6a3f;\r\n}\r\n\r\n.sk3-product-title {\r\n    min-height:120px; \/* instead of 165px *\/\r\n    margin:18px 0 0;\r\n\r\n  color: #1d2a3a;\r\n  font-family: Georgia, \"Times New Roman\", serif;\r\n  font-size: clamp(54px, 4.5vw, 82px);\r\n  font-weight: 400;\r\n  line-height: 0.92;\r\n}\r\n\r\n.sk3-product-title em {\r\n  display: block;\r\n  margin-top: 7px;\r\n  color: #9a6a3f;\r\n  font-weight: 400;\r\n  font-style: italic;\r\n}\r\n\r\n.sk3-title-line{\r\n    display:block;\r\n    width:27px;\r\n    height:1px;\r\n    margin-top:-20px;   \/* instead of 25px *\/\r\n    background:#9a6a3f;\r\n}\r\n\r\n.sk3-product-description {\r\n  min-height: 84px;\r\n  max-width: 440px;\r\n  margin: 18px auto 0;\r\n  color: #555f6b;\r\n  font-family: Arial, Helvetica, sans-serif;\r\n  font-size: 15px;\r\n  line-height: 1.75;\r\n}\r\n\r\n\/* ================================\r\n   PAIRING BOX\r\n================================ *\/\r\n\r\n.sk3-pairing-box {\r\n  width: 100%;\r\n  max-width: 420px;\r\n  min-height: 245px;\r\n  margin-top: 20px;\r\n  padding: 29px 28px 25px;\r\n  box-sizing: border-box;\r\n  border: 1px solid #b68658;\r\n  background: rgba(255, 255, 255, 0.08);\r\n}\r\n\r\n.sk3-pairing-box h3 {\r\n  margin: 0;\r\n  color: #9a6a3f;\r\n  font-family: Arial, Helvetica, sans-serif;\r\n  font-size: 16px;\r\n  font-weight: 600;\r\n  letter-spacing: 3px;\r\n}\r\n\r\n.sk3-pairing-box > span {\r\n  display: block;\r\n  width: 27px;\r\n  height: 1px;\r\n  margin: 15px auto 18px;\r\n  background: #9a6a3f;\r\n}\r\n\r\n.sk3-pairings {\r\n  color: #334051;\r\n  font-family: Arial, Helvetica, sans-serif;\r\n  font-size: 14px;\r\n  line-height: 2;\r\n}\r\n\r\n.sk3-pairings span {\r\n  display: block;\r\n}\r\n\r\n\/* ================================\r\n   STATS\r\n================================ *\/\r\n\r\n.sk3-stats {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 14px;\r\n  margin-top: 20px;\r\n  align-items: start;\r\n}\r\n\r\n.sk3-stats > div {\r\n  text-align: center;\r\n}\r\n\r\n.sk3-stats strong {\r\n  display: block;\r\n  min-height: 42px;\r\n  margin-bottom: 7px;\r\n  color: #9a6a3f;\r\n  font-family: Georgia, \"Times New Roman\", serif;\r\n  font-size: 34px;\r\n  font-weight: 600;\r\n  line-height: 1;\r\n}\r\n\r\n.sk3-stats span {\r\n  display: block;\r\n  color: #202d3d;\r\n  font-family: Arial, Helvetica, sans-serif;\r\n  font-size: 8px;\r\n  line-height: 1.55;\r\n  letter-spacing: 1.5px;\r\n}\r\n\r\n\/* ================================\r\n   NOTE\r\n================================ *\/\r\n\r\n.sk3-note {\r\n  min-height: 62px;\r\n  margin-top: 20px;\r\n  padding: 15px 17px;\r\n  box-sizing: border-box;\r\n  border-left: 2px solid #b57f4b;\r\n  background: #eee8df;\r\n  color: #354052;\r\n  font-family: Arial, Helvetica, sans-serif;\r\n  font-size: 12px;\r\n  line-height: 1.65;\r\n}\r\n\r\n.sk3-note b {\r\n  color: #9a6a3f;\r\n  font-family: Georgia, \"Times New Roman\", serif;\r\n  font-size: 15px;\r\n  font-style: italic;\r\n}\r\n\r\n\/* ================================\r\n   COUNTER + DOTS\r\n================================ *\/\r\n\r\n.sk3-counter {\r\n  position: absolute;\r\n  top: 39px;\r\n  right: 53px;\r\n  z-index: 20;\r\n  color: #1d2a3a;\r\n  font-family: Arial, Helvetica, sans-serif;\r\n  font-size: 12px;\r\n  letter-spacing: 4px;\r\n}\r\n\r\n.sk3-dots {\r\n  position: absolute;\r\n  top: 50%;\r\n  right: 30px;\r\n  z-index: 20;\r\n  transform: translateY(-50%);\r\n}\r\n\r\n.sk3-dots button {\r\n  display: block;\r\n  width: 9px;\r\n  height: 9px;\r\n  margin: 15px 0;\r\n  padding: 0;\r\n  border: 1px solid #929292;\r\n  border-radius: 50%;\r\n  background: transparent;\r\n  cursor: pointer;\r\n  transition: background 0.25s ease, border-color 0.25s ease;\r\n}\r\n\r\n.sk3-dots button.active {\r\n  border-color: #111;\r\n  background: #111;\r\n}\r\n\r\n\/* ================================\r\n   CHANGE ANIMATION\r\n================================ *\/\r\n\r\n.sk3-original-image,\r\n.sk3-protein-image,\r\n.sk3-product-title,\r\n.sk3-product-description,\r\n.sk3-original-description,\r\n.sk3-protein-description,\r\n.sk3-pairings,\r\n.sk3-stats,\r\n.sk3-note {\r\n  transition:\r\n    opacity 0.3s ease,\r\n    transform 0.3s ease;\r\n}\r\n\r\n.sk3-showcase.sk3-changing .sk3-original-image,\r\n.sk3-showcase.sk3-changing .sk3-protein-image,\r\n.sk3-showcase.sk3-changing .sk3-product-title,\r\n.sk3-showcase.sk3-changing .sk3-product-description,\r\n.sk3-showcase.sk3-changing .sk3-original-description,\r\n.sk3-showcase.sk3-changing .sk3-protein-description,\r\n.sk3-showcase.sk3-changing .sk3-pairings,\r\n.sk3-showcase.sk3-changing .sk3-stats,\r\n.sk3-showcase.sk3-changing .sk3-note {\r\n  opacity: 0;\r\n  transform: translateY(10px);\r\n}\r\n\r\n\/* ================================\r\n   LAPTOP\r\n================================ *\/\r\n\r\n@media (max-width: 1350px) {\r\n  .sk3-sticky {\r\n    padding: 42px 58px 32px;\r\n    column-gap: 27px;\r\n    grid-template-columns:\r\n      minmax(0, 1fr)\r\n      minmax(300px, 0.85fr)\r\n      minmax(0, 1fr);\r\n  }\r\n\r\n  .sk3-middle {\r\n    padding-left: 22px;\r\n    padding-right: 22px;\r\n  }\r\n\r\n  .sk3-product-title {\r\n    margin-top: 35px;\r\n    font-size: clamp(48px, 4.5vw, 68px);\r\n  }\r\n\r\n  .sk3-image {\r\n    height: clamp(270px, 44vh, 440px);\r\n  }\r\n\r\n  .sk3-counter {\r\n    right: 38px;\r\n  }\r\n\r\n  .sk3-dots {\r\n    right: 18px;\r\n  }\r\n}\r\n\r\n\/* ================================\r\n   TABLET\r\n================================ *\/\r\n\r\n@media (max-width: 1024px) {\r\n  .sk3-showcase {\r\n    height: 600vh !important;\r\n    min-height: 600vh !important;\r\n  }\r\n\r\n  .sk3-sticky {\r\n    height: 100vh;\r\n    min-height: 100vh;\r\n    padding: 25px 30px 22px;\r\n    column-gap: 18px;\r\n    grid-template-columns:\r\n      minmax(0, 1fr)\r\n      minmax(250px, 0.85fr)\r\n      minmax(0, 1fr);\r\n  }\r\n\r\n  .sk3-image {\r\n    height: 34vh;\r\n    min-height: 230px;\r\n  }\r\n\r\n  .sk3-middle {\r\n    padding: 15px 15px;\r\n  }\r\n\r\n  .sk3-product-title {\r\n    min-height: 110px;\r\n    margin-top: 25px;\r\n    font-size: 47px;\r\n  }\r\n\r\n  .sk3-product-description {\r\n    min-height: 65px;\r\n    font-size: 12px;\r\n    line-height: 1.55;\r\n  }\r\n\r\n  .sk3-pairing-box {\r\n    min-height: 205px;\r\n    padding: 20px;\r\n  }\r\n\r\n  .sk3-side-copy {\r\n    padding-top: 18px;\r\n  }\r\n\r\n  .sk3-side-copy h3 {\r\n    font-size: 12px;\r\n    letter-spacing: 2px;\r\n  }\r\n\r\n  .sk3-side-copy > p {\r\n    min-height: 60px;\r\n    font-size: 11px;\r\n    line-height: 1.55;\r\n  }\r\n\r\n  .sk3-features span {\r\n    font-size: 6px;\r\n  }\r\n\r\n  .sk3-note {\r\n    font-size: 10px;\r\n  }\r\n}\r\n\r\n\/* ================================\r\n   MOBILE\r\n================================ *\/\r\n\r\n@media (max-width: 767px) {\r\n  .sk3-showcase {\r\n    height: 600vh !important;\r\n    min-height: 600vh !important;\r\n  }\r\n\r\n  .sk3-sticky {\r\n    position: sticky !important;\r\n    top: 0 !important;\r\n    height: 100vh;\r\n    min-height: 100vh;\r\n    padding: 12px 14px 18px;\r\n\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    grid-template-areas:\r\n      \"middle middle\"\r\n      \"left right\";\r\n\r\n    gap: 13px;\r\n    align-content: start;\r\n    overflow-y: auto;\r\n    overflow-x: hidden;\r\n  }\r\n\r\n  .sk3-middle {\r\n    grid-area: middle;\r\n    min-height: auto;\r\n    padding: 5px 10px 15px;\r\n    border-left: 0;\r\n    border-right: 0;\r\n    border-bottom: 1px solid rgba(154, 106, 63, 0.25);\r\n  }\r\n\r\n  .sk3-left {\r\n    grid-area: left;\r\n  }\r\n\r\n  .sk3-right {\r\n    grid-area: right;\r\n  }\r\n\r\n  .sk3-left,\r\n  .sk3-right {\r\n    padding-top: 0;\r\n  }\r\n\r\n  .sk3-small-title {\r\n    font-size: 9px;\r\n    letter-spacing: 3px;\r\n  }\r\n\r\n  .sk3-top-line {\r\n    margin-top: 9px;\r\n  }\r\n\r\n  .sk3-product-title {\r\n    min-height: auto;\r\n    margin-top: 14px;\r\n    font-size: 39px;\r\n    line-height: 0.95;\r\n  }\r\n\r\n  .sk3-product-title em {\r\n    margin-top: 2px;\r\n  }\r\n\r\n  .sk3-title-line {\r\n    margin-top: 13px;\r\n  }\r\n\r\n  .sk3-product-description {\r\n    min-height: auto;\r\n    margin-top: 10px;\r\n    font-size: 11px;\r\n    line-height: 1.5;\r\n  }\r\n\r\n  .sk3-pairing-box {\r\n    min-height: auto;\r\n    max-width: 100%;\r\n    margin-top: 12px;\r\n    padding: 13px;\r\n  }\r\n\r\n  .sk3-pairing-box h3 {\r\n    font-size: 11px;\r\n  }\r\n\r\n  .sk3-pairing-box > span {\r\n    margin: 9px auto;\r\n  }\r\n\r\n  .sk3-pairings {\r\n    font-size: 11px;\r\n    line-height: 1.65;\r\n  }\r\n\r\n  .sk3-image {\r\n    height: 175px;\r\n    min-height: 175px;\r\n  }\r\n\r\n  .sk3-side-copy {\r\n    padding: 12px 0 0;\r\n  }\r\n\r\n  .sk3-side-copy h3 {\r\n    font-size: 9px;\r\n    letter-spacing: 1.3px;\r\n  }\r\n\r\n  .sk3-heading-line {\r\n    margin: 8px 0;\r\n  }\r\n\r\n  .sk3-side-copy > p {\r\n    min-height: auto;\r\n    font-size: 9px;\r\n    line-height: 1.45;\r\n  }\r\n\r\n  .sk3-features {\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 6px;\r\n    margin-top: 12px;\r\n  }\r\n\r\n  .sk3-features span {\r\n    font-size: 6px;\r\n  }\r\n\r\n  .sk3-stats {\r\n    gap: 3px;\r\n    margin-top: 11px;\r\n  }\r\n\r\n  .sk3-stats strong {\r\n    min-height: 25px;\r\n    font-size: 21px;\r\n  }\r\n\r\n  .sk3-stats span {\r\n    font-size: 5px;\r\n    letter-spacing: 0.7px;\r\n  }\r\n\r\n  .sk3-note {\r\n    min-height: auto;\r\n    margin-top: 10px;\r\n    padding: 8px;\r\n    font-size: 8px;\r\n    line-height: 1.45;\r\n  }\r\n\r\n  .sk3-note b {\r\n    font-size: 10px;\r\n  }\r\n\r\n  .sk3-counter,\r\n  .sk3-dots {\r\n    display: none;\r\n  }\r\n}\r\n.sk3-stats,\r\n.sk3-stats-original {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 14px;\r\n  margin-top: 20px;\r\n  align-items: start;\r\n}\r\n\r\n.sk3-stats > div,\r\n.sk3-stats-original > div {\r\n  text-align: center;\r\n}\r\n\r\n.sk3-stats strong,\r\n.sk3-stats-original strong {\r\n  display: block;\r\n  min-height: 42px;\r\n  margin-bottom: 7px;\r\n  color: #9a6a3f;\r\n  font-family: Georgia, \"Times New Roman\", serif;\r\n  font-size: 34px;\r\n  font-weight: 600;\r\n  line-height: 1;\r\n}\r\n\r\n.sk3-stats span,\r\n.sk3-stats-original span {\r\n  display: block;\r\n  color: #202d3d;\r\n  font-family: Arial, Helvetica, sans-serif;\r\n  font-size: 8px;\r\n  line-height: 1.55;\r\n  letter-spacing: 1.5px;\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function () {\r\n  const showcase = document.querySelector(\".sk3-showcase\");\r\n\r\n  if (!showcase || showcase.dataset.initialized === \"true\") {\r\n    return;\r\n  }\r\n\r\n  showcase.dataset.initialized = \"true\";\r\n\r\n  const slides = [\r\n    {\r\n      originalImage:\r\n        \"https:\/\/sprodkraaks.com\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-Jul-22-2026-09_38_01-AM.png\",\r\n\r\n      proteinImage:\r\n        \"https:\/\/sprodkraaks.com\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-Jul-22-2026-09_25_04-AM.png\",\r\n\r\n      title: \"It's about\",\r\n      highlight: \"Thyme\",\r\n\r\n      description:\r\n        \"Enjoy our tasty Kr\u00e5aks to the fullest. Delicious alone or with labneh, olive oil, cheese, Greek yogurt, tapenade and more.\",\r\n\r\n      originalDescription:\r\n        \"Za'atar and sesame seeds \u2014 wild thyme, sumac, the green Lebanese morning delicacy, now in cracker form.\",\r\n\r\n      proteinDescription:\r\n        \"Wild thyme, sesame seeds, pea protein and sumac come together to create a naturally aromatic cracker inspired by the authentic flavors of the Mediterranean.\",\r\n\r\n      pairings: [\r\n        \"Labneh\",\r\n        \"Olive Oil\",\r\n        \"Cheese\",\r\n        \"Greek Yogurt\",\r\n        \"Tapenade\",\r\n       \r\n      ],\r\n\r\n      originalCalories: \"27\",\r\n   originalProtein: \"6g\",\r\n      originalBoxCount: \"15\",\r\n\r\n      calories: \"8.2\",\r\n      protein: \"18g\",\r\n      boxCount: \"25\",\r\n\r\n      note:\r\n        \"<b>Thyme<\/b> is packed with vitamin C, copper, fiber, iron and manganese.\"\r\n    },\r\n\r\n    {\r\n      originalImage:\r\n        \"https:\/\/sprodkraaks.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-11-2026-04_57_42-PM.png\",\r\n\r\n      proteinImage:\r\n        \"https:\/\/sprodkraaks.com\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-Jul-22-2026-11_17_31-AM.png\",\r\n\r\n      title: \"Grate to be\",\r\n      highlight: \"Cheesy\",\r\n\r\n      description:\r\n        \"Enjoy our tasty Kr\u00e5aks to the fullest.Delicious alone or with hummus,veggie cream, dried fruits,grilled beef bacon, olive tapenade and more.\",\r\n\r\n      originalDescription:\r\n        \"Aged Cheddar, Parmesan and black sesame create a rich source of calcium, phosphorus and essential minerals, bringing bold flavor and natural goodness to every bite.\",\r\n\r\n      proteinDescription:\r\n        \"Aged Cheddar, Parmesan,pea protein, and black sesame provide protein, calcium, vitamin B12 and healthy fats bringing bold flavor and lasting nourishment to every cracker.\",\r\n\r\n      pairings: [\r\n        \"Hummus\",\r\n        \"Veggie Cream\",\r\n        \"Dried Fruits\",\r\n        \"Grilled Beef Bacon\",\r\n        \"Olive Tapenade\"\r\n      ],\r\n\r\n      originalCalories: \"29\",\r\n      originalProtein: \"6g\",\r\n      originalBoxCount: \"15\",\r\n\r\n      calories: \"9.7\",\r\n      protein: \"21g\",\r\n      boxCount: \"25\",\r\n\r\n      note:\r\n        \"<b>Aged Cheddar and Parmesan<\/b> provide protein, calcium and rich depth of flavor.\"\r\n    },\r\n\r\n    {\r\n      originalImage:\r\n        \"https:\/\/sprodkraaks.com\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-Jul-22-2026-12_16_04-PM.png\",\r\n\r\n      proteinImage:\r\n        \"https:\/\/sprodkraaks.com\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-Jul-22-2026-01_00_01-PM.png\",\r\n\r\n      title: \"I Olive\",\r\n      highlight: \"You\",\r\n\r\n      description:\r\n        \"Enjoy our tasty Kr\u00e5aks to the fullest.Delicious alone or with labneh, cream cheese, feta cheese, za'atar in olive oil and more.\",\r\n\r\n      originalDescription:\r\n        \"Olives and rosemary provide healthy fats, antioxidants and essential nutrients\u2014a Mediterranean-inspired combination crafted for bold flavor and balanced nutrition.\",\r\n\r\n      proteinDescription:\r\n        \"Olives, rosemary,pea protein, and extra virgin olive oil blend with Mediterranean herbs and seeds to create a flavorful cracker rich in plant-based protein, fiber and healthy fats.\",\r\n\r\n      pairings: [\r\n        \"Labneh\",\r\n        \"Cream Cheese\",\r\n        \"Feta Cheese\",\r\n        \"Za'atar\",\r\n        \"Olive Oil\"\r\n      ],\r\n\r\n      originalCalories: \"27\",\r\n         originalProtein: \"6g\",\r\n      originalBoxCount: \"15\",\r\n\r\n      calories: \"8.3\",\r\n      protein: \"19g\",\r\n      boxCount: \"25\",\r\n\r\n      note:\r\n        \"<b>Olives and Rosemary<\/b> are rich in vitamin E, iron, copper and antioxidants.\"\r\n    },\r\n\r\n    {\r\n      originalImage:\r\n        \"https:\/\/sprodkraaks.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-12-2026-11_08_06-AM.png\",\r\n\r\n      proteinImage:\r\n        \"https:\/\/sprodkraaks.com\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-Jul-22-2026-01_33_53-PM.png\",\r\n\r\n      title: \"That's a Spicy\",\r\n      highlight: \"Tomato\",\r\n\r\n      description:\r\n        \"Enjoy our tasty Kr\u00e5aks to the fullest. Delicious alone or with guacamole, olive tapenade, creamy cheese, parmesan, mozzarella, eggs, tuna and more.\",\r\n\r\n      originalDescription:\r\n        \"Tomatoes and jalape\u00f1os are rich in antioxidants, vitamin C and capsaicin\u2014a bold combination that brings vibrant flavor and natural goodness to every cracker..\",\r\n\r\n      proteinDescription:\r\n        \"Tomatoes, jalape\u00f1os and pea protein combine antioxidants, vitamin C and capsaicin with plant-based protein\u2014a bold, flavorful blend crafted for everyday nourishment..\",\r\n\r\n      pairings: [\r\n        \"Guacamole\",\r\n        \"Olive Tapenade\",\r\n        \"Cream Cheese\",\r\n        \"Parmesan\",\r\n        \"Mozzarella\",\r\n        \"Tuna\"\r\n      ],\r\n\r\n      originalCalories: \"27\",\r\n      originalProtein: \"6g\",\r\n      originalBoxCount: \"15\",\r\n\r\n      calories: \"7.9\",\r\n      protein: \"19g\",\r\n      boxCount: \"25\",\r\n\r\n      note:\r\n        \"<b>Tomato and Jalape\u00f1os<\/b> provide lycopene, vitamin C, potassium and capsaicin.\"\r\n    },\r\n\r\n    {\r\n      originalImage:\r\n        \"https:\/\/sprodkraaks.com\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-Jul-22-2026-02_22_29-PM.png\",\r\n\r\n      proteinImage:\r\n        \"https:\/\/sprodkraaks.com\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-Jul-24-2026-09_52_09-AM.png\",\r\n\r\n      title: \"I Feel for\",\r\n      highlight: \"Falafel\",\r\n\r\n      description:\r\n        \"Enjoy our tasty Kr\u00e5aks to the fullest. Delicious alone or with honey chickpeas, tahini with parsley leaves, yogurt with cucumbers and more.\",\r\n\r\n      originalDescription:\r\n        \"A naturally  cracker made with selected mix of beans and traditional Lebanese spices.\",\r\n\r\n      proteinDescription:\r\n        \"Chickpeas, fava beans and pea protein provide plant-based protein, fiber and essential minerals\u2014a wholesome blend crafted for balanced nutrition and bold Mediterranean flavor.\",\r\n\r\n      pairings: [\r\n        \"Tahini\",\r\n        \"Parsley\",\r\n        \"Yogurt\",\r\n        \"Cucumber\",\r\n       \r\n      ],\r\n\r\n      originalCalories: \"28\",\r\n      originalProtein: \"6g\",\r\n      originalBoxCount: \"15\",\r\n\r\n      calories: \"14\",\r\n      protein: \"20g\",\r\n      boxCount: \"25\",\r\n\r\n      note:\r\n        \"<b>Chickpeas and Fava Beans<\/b> provide plant protein, fiber, iron and magnesium.\"\r\n    },\r\n\r\n    {\r\n      originalImage:\r\n        \"https:\/\/sprodkraaks.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-12-2026-11_17_44-AM.png\",\r\n\r\n      proteinImage:\r\n        \"https:\/\/sprodkraaks.com\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-Jul-22-2026-03_01_06-PM.png\",\r\n\r\n      title: \"Sesame's\",\r\n      highlight: \"Treat\",\r\n\r\n      description:\r\n        \"Enjoy our tasty Kr\u00e5aks to the fullest. Delicious alone or with vanilla ice cream, yogurt, fruits, ricotta, or soaked in chocolate sauce, caramel and more.\",\r\n\r\n      originalDescription:\r\n        \"Sesame seeds, cacao and cinnamon provide antioxidants, essential minerals and healthy fats\u2014a naturally indulgent blend crafted for rich flavor and everyday nourishment.\",\r\n\r\n      proteinDescription:\r\n        \"Cacao, cinnamon, sesame seeds and pea protein combine with fiber and antioxidants\u2014a naturally indulgent blend crafted for balanced nutrition and rich flavor.\",\r\n\r\n      pairings: [\r\n        \"Vanilla Ice Cream\",\r\n        \"Greek Yogurt\",\r\n        \"Fresh Fruits\",\r\n        \"Ricotta\",\r\n        \"Chocolate Sauce\"\r\n      ],\r\n\r\n      originalCalories: \"30\",\r\n    originalProtein: \"6g\",\r\n      originalBoxCount: \"15\",\r\n\r\n      calories: \"8.4\",\r\n      protein: \"12g\",\r\n      boxCount: \"25\",\r\n\r\n      note:\r\n        \"<b>Cacao, Cinnamon and Sesame<\/b> provide antioxidants and naturally rich flavor.\"\r\n    }\r\n  ];\r\n\r\n  const originalImage =\r\n    showcase.querySelector(\".sk3-original-image\");\r\n\r\n  const proteinImage =\r\n    showcase.querySelector(\".sk3-protein-image\");\r\n\r\n  const smallTitle =\r\n    showcase.querySelector(\".sk3-small-title\");\r\n\r\n  const productTitle =\r\n    showcase.querySelector(\".sk3-product-title\");\r\n\r\n  const productDescription =\r\n    showcase.querySelector(\".sk3-product-description\");\r\n\r\n  const originalDescription =\r\n    showcase.querySelector(\".sk3-original-description\");\r\n\r\n  const proteinDescription =\r\n    showcase.querySelector(\".sk3-protein-description\");\r\n\r\n  const pairings =\r\n    showcase.querySelector(\".sk3-pairings\");\r\n\r\n  const originalCalories =\r\n    showcase.querySelector(\".sk3-calories-original\");\r\n\r\n  const originalProtein =\r\n    showcase.querySelector(\".sk3-protein-original\");\r\n\r\n  const originalBoxCount =\r\n    showcase.querySelector(\".sk3-box-count-original\");\r\n\r\n  const calories =\r\n    showcase.querySelector(\".sk3-calories\");\r\n\r\n  const protein =\r\n    showcase.querySelector(\".sk3-protein\");\r\n\r\n  const boxCount =\r\n    showcase.querySelector(\".sk3-box-count\");\r\n\r\n  const note =\r\n    showcase.querySelector(\".sk3-note\");\r\n\r\n  const currentNumber =\r\n    showcase.querySelector(\".sk3-current-number\");\r\n\r\n  const dots = Array.from(\r\n    showcase.querySelectorAll(\".sk3-dots button\")\r\n  );\r\n\r\n  let currentIndex = -1;\r\n  let animationTimer = null;\r\n  let ticking = false;\r\n\r\n  function preloadImages() {\r\n    slides.forEach(function (slide) {\r\n      const originalPreload = new Image();\r\n      const proteinPreload = new Image();\r\n\r\n      originalPreload.src = slide.originalImage;\r\n      proteinPreload.src = slide.proteinImage;\r\n    });\r\n  }\r\n\r\n  function fillSlide(index, immediate) {\r\n    if (index === currentIndex) {\r\n      return;\r\n    }\r\n\r\n    currentIndex = index;\r\n\r\n    clearTimeout(animationTimer);\r\n\r\n    if (!immediate) {\r\n      showcase.classList.add(\"sk3-changing\");\r\n    }\r\n\r\n    animationTimer = setTimeout(function () {\r\n      const slide = slides[index];\r\n\r\n      originalImage.src = slide.originalImage;\r\n      proteinImage.src = slide.proteinImage;\r\n\r\n      originalImage.alt =\r\n        slide.highlight + \" Original Kr\u00e5aks\";\r\n\r\n      proteinImage.alt =\r\n        slide.highlight + \" Protein Kr\u00e5aks\";\r\n\r\n      smallTitle.textContent =\r\n        \"NO. \" +\r\n        String(index + 1).padStart(2, \"0\") +\r\n        \" \/ SIX\";\r\n\r\n      productTitle.innerHTML =\r\n        slide.title +\r\n        \"<em>\" +\r\n        slide.highlight +\r\n        \"<\/em>\";\r\n\r\n      productDescription.textContent =\r\n        slide.description;\r\n\r\n      originalDescription.textContent =\r\n        slide.originalDescription;\r\n\r\n      proteinDescription.textContent =\r\n        slide.proteinDescription;\r\n\r\n      pairings.innerHTML = slide.pairings\r\n        .map(function (item) {\r\n          return \"<span>\" + item + \"<\/span>\";\r\n        })\r\n        .join(\"\");\r\n\r\n      originalCalories.textContent =\r\n        slide.originalCalories;\r\n\r\n      originalProtein.textContent =\r\n        slide.originalProtein;\r\n\r\n      originalBoxCount.textContent =\r\n        slide.originalBoxCount;\r\n\r\n      calories.textContent =\r\n        slide.calories;\r\n\r\n      protein.textContent =\r\n        slide.protein;\r\n\r\n      boxCount.textContent =\r\n        slide.boxCount;\r\n\r\n      note.innerHTML =\r\n        slide.note;\r\n\r\n      currentNumber.textContent =\r\n        String(index + 1).padStart(2, \"0\");\r\n\r\n      dots.forEach(function (dot, dotIndex) {\r\n        dot.classList.toggle(\r\n          \"active\",\r\n          dotIndex === index\r\n        );\r\n      });\r\n\r\n      showcase.classList.remove(\"sk3-changing\");\r\n    }, immediate ? 0 : 160);\r\n  }\r\n\r\n  function getActiveIndex() {\r\n    const rect = showcase.getBoundingClientRect();\r\n\r\n    const availableScroll =\r\n      showcase.offsetHeight - window.innerHeight;\r\n\r\n    if (availableScroll <= 0) {\r\n      return 0;\r\n    }\r\n\r\n    const scrolledDistance = Math.max(\r\n      0,\r\n      Math.min(-rect.top, availableScroll)\r\n    );\r\n\r\n    const progress =\r\n      scrolledDistance \/ availableScroll;\r\n\r\n    return Math.min(\r\n      slides.length - 1,\r\n      Math.floor(progress * slides.length)\r\n    );\r\n  }\r\n\r\n  function updateFromScroll() {\r\n    fillSlide(getActiveIndex(), false);\r\n    ticking = false;\r\n  }\r\n\r\n  function handleScroll() {\r\n    if (!ticking) {\r\n      window.requestAnimationFrame(updateFromScroll);\r\n      ticking = true;\r\n    }\r\n  }\r\n\r\n  dots.forEach(function (dot, index) {\r\n    dot.addEventListener(\"click\", function () {\r\n      const sectionTop =\r\n        window.scrollY +\r\n        showcase.getBoundingClientRect().top;\r\n\r\n      const scrollDistance =\r\n        showcase.offsetHeight - window.innerHeight;\r\n\r\n      const segment =\r\n        scrollDistance \/ slides.length;\r\n\r\n      window.scrollTo({\r\n        top: sectionTop + segment * index + 5,\r\n        behavior: \"smooth\"\r\n      });\r\n    });\r\n  });\r\n\r\n  preloadImages();\r\n  fillSlide(0, true);\r\n\r\n  window.addEventListener(\"scroll\", handleScroll, {\r\n    passive: true\r\n  });\r\n\r\n  window.addEventListener(\"resize\", handleScroll);\r\n\r\n  setTimeout(handleScroll, 100);\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-c7db069 e-con e-atomic-element e-flexbox-base e-c7db069-3cf7a9b \" data-id=\"c7db069\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"c7db069\">\n    \t\t<div class=\"elementor-element elementor-element-1fdb4ba elementor-widget elementor-widget-html\" data-id=\"1fdb4ba\" 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 Lebanese 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\/07\/ChatGPT-Image-Jul-22-2026-09_38_01-AM.png\">\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>KCAL - 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\/07\/ChatGPT-Image-Jul-22-2026-09_38_01-AM.png\">\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\/ChatGPT-Image-Jun-11-2026-04_57_42-PM.png\">\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>KCAL - 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\/ChatGPT-Image-Jun-11-2026-04_57_42-PM.png\">\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\/07\/ChatGPT-Image-Jul-22-2026-12_16_04-PM.png\">\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>KCAL - 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\/07\/ChatGPT-Image-Jul-22-2026-12_16_04-PM.png\">\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\/ChatGPT-Image-Jun-12-2026-11_08_06-AM.png\">\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>KCAL - PER KR\u00c5AK<\/span><\/div>\r\n          <div><strong>15<\/strong><span>KR\u00c5AKS 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\/ChatGPT-Image-Jun-12-2026-11_08_06-AM.png\">\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\/07\/ChatGPT-Image-Jul-22-2026-02_22_29-PM.png\">\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>KCAL - PER KR\u00c5AK<\/span><\/div>\r\n          <div><strong>15<\/strong><span>KR\u00c5AKS 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\/07\/ChatGPT-Image-Jul-22-2026-02_22_29-PM.png\">\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\/ChatGPT-Image-Jun-12-2026-11_17_44-AM.png\">\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>KCAL - 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\/ChatGPT-Image-Jun-12-2026-11_17_44-AM.png\">\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  <div class=\"products-button-wrap\">\r\n    <a href=\"https:\/\/sprodkraaks.com\/?page_id=118\" class=\"products-btn\">\r\n        View All Products\r\n    <\/a>\r\n<\/div>\r\n  <p class=\"flavours-footer-note\">Classic line: 100g net \u2248 15 Kr\u00e5aks per box.\r\n    Protein+ line: 50g net \u2248 25 Kr\u00e5aks per box.\r\n    Vegan.\r\n    ChocoKr\u00e5aks line: 150g net \u2248 5 Kr\u00e5aks per box.<\/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  width: 100%;\r\n  height: 390px;\r\n  padding: 0;\r\n  background: #fff;\r\n  overflow: hidden;\r\n}\r\n\r\n.image-wrap img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  object-position: center;\r\n  display: block;\r\n  transition: transform .45s ease;\r\n}\r\n\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: 25px;      \/* reduce from 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    width: 100%;\r\n    height: 100%;\r\n    max-height: 560px;  \/* instead of fixed 420px *\/\r\n    object-fit: contain;\r\n    object-position: center;\r\n    display: block;\r\n    transition: transform .45s ease;\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:8px;\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.products-button-wrap{\r\n    display:flex;\r\n    justify-content:center;\r\n    margin:45px 0 30px;\r\n}\r\n\r\n.products-btn{\r\n    display:inline-block;\r\n    padding:13px 28px;\r\ntext-decoration: none !important;\r\n    border:1px solid #9b6c3e;\r\n    border-radius:50px;\r\n\r\n    color:#9b6c3e;\r\n    background:transparent;\r\n\r\n    text-decoration:none;\r\n    text-transform:uppercase;\r\n\r\n    font-family:Georgia, serif;\r\n    font-size:12px;\r\n    letter-spacing:2.5px;\r\n    font-weight:500;\r\n\r\n    transition:all .35s ease;\r\n}\r\n\r\n.products-btn:hover{\r\n    background:#9b6c3e;\r\n    color:#f3efe8;\r\n    transform:translateY(-2px);\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\r\n  \/* New order:\r\n     1st click  = details\r\n     2nd click  = box image\r\n     3rd click  = front\r\n  *\/\r\n  const classes = [\"show-front\", \"show-details\", \"show-box\"];\r\n\r\n  card.addEventListener(\"click\", function(e) {\r\n\r\n    \/* Close button returns directly to the front *\/\r\n    if (e.target.classList.contains(\"close-card\")) {\r\n      e.stopPropagation();\r\n\r\n      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      return;\r\n    }\r\n\r\n    state++;\r\n\r\n    if (state > 2) {\r\n      state = 0;\r\n    }\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(\r\n    \"show-front\",\r\n    \"show-box\",\r\n    \"show-details\"\r\n  );\r\n\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-90a17ac e-con e-atomic-element e-flexbox-base e-90a17ac-a24dbe8 \" data-id=\"90a17ac\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"90a17ac\">\n    \t\t<div class=\"elementor-element elementor-element-a56653e elementor-widget elementor-widget-html\" data-id=\"a56653e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"kraaks-protein-section\" id=\"kraaksProteinSection\">\r\n\r\n  <div class=\"protein-flavours-header\">\r\n\r\n    <div class=\"protein-flavours-label\">\r\n      <span>02<\/span>\r\n      <i><\/i>\r\n      <strong>THE PROTEIN SIX<\/strong>\r\n    <\/div>\r\n\r\n    <div class=\"protein-flavours-title\">\r\n      <h2>\r\n        More protein.<br>\r\n        <em>Same ritual.<\/em>\r\n      <\/h2>\r\n\r\n      <p>\r\n        Every Kr\u00e5ak delivers the same signature crunch, now with more\r\n        protein to fuel your day without compromising on taste.\r\n      <\/p>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <div class=\"protein-flavours-grid\">\r\n\r\n    <!-- CARD 1 -->\r\n    <div class=\"protein-flavour-card show-front\">\r\n\r\n      <div class=\"protein-card-inner\">\r\n\r\n        <div class=\"protein-card-state protein-front-state\">\r\n\r\n          <div class=\"protein-image-wrap\">\r\n\r\n            <img decoding=\"async\"\r\n              src=\"https:\/\/sprodkraaks.com\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-Jul-24-2026-09_19_06-AM.png\"\r\n              alt=\"Protein Thyme Kr\u00e5aks\"\r\n            >\r\n\r\n            <div class=\"protein-tap-text\">\r\n              TAP TO FLIP \u21bb\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n          <div class=\"protein-card-info\">\r\n\r\n            <small>NO. 01<\/small>\r\n\r\n            <h3>\r\n              It's about <em>Thyme<\/em>\r\n            <\/h3>\r\n\r\n            <p>\r\n              Za'atar, Pea Flour &amp; Sesame Seeds\r\n            <\/p>\r\n\r\n            <div class=\"protein-card-stats\">\r\n\r\n              <div>\r\n                <strong>18g<\/strong>\r\n                <span>PROTEIN PER BOX<\/span>\r\n              <\/div>\r\n\r\n              <div>\r\n                <strong>25<\/strong>\r\n                <span>KR\u00c5AKS PER BOX<\/span>\r\n              <\/div>\r\n\r\n              <div>\r\n                <strong>50g<\/strong>\r\n                <span>NET WT<\/span>\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"protein-card-state protein-box-state\">\r\n\r\n          <div class=\"protein-box-image-wrap\">\r\n\r\n            <img decoding=\"async\"\r\n              src=\"https:\/\/sprodkraaks.com\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-Jul-24-2026-09_19_06-AM.png\"\r\n              alt=\"Protein Thyme Kr\u00e5aks Box\"\r\n            >\r\n\r\n            <div class=\"protein-tap-text\">\r\n              TAP TO FLIP \u21bb\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"protein-card-state protein-details-state\">\r\n\r\n          <button\r\n            class=\"protein-close-card\"\r\n            type=\"button\"\r\n            aria-label=\"Close card\"\r\n          >\r\n            \u00d7\r\n          <\/button>\r\n\r\n          <h4>\r\n            WHAT'S INSIDE \u2014\r\n            <em>It's about Thyme<\/em>\r\n          <\/h4>\r\n\r\n          <hr>\r\n\r\n          <p>\r\n            <em>\r\n           \r\n            <\/em>\r\n          <\/p>\r\n\r\n          <h5>Pea flour <\/h5>\r\n\r\n          <p>\r\n           is a nutrient-rich, gluten-free ingredient high in plant protein and fiber, supporting muscle growth, digestion, weight control and blood sugar balance. It\u2019s packed with iron, zinc, calcium and magnesium for bone and immune health, while its fiber and antioxidants benefit the heart and reduce inflammation. A vegan, hypoallergenic option that suits many diets.\r\n          <\/p>\r\n\r\n          <h5>Thyme <\/h5>\r\n\r\n          <p>\r\n           Thyme is an ingredient used in cuisines around the world. It boosts immunity with antibacterial properties and is packed with vitamin C. It's also good source of a vitamin A, minerals, copper, fiber, iron, and magnesium.\r\n          <\/p>\r\n   <h5>Sesame Seeds <\/h5>\r\n   <P>are considered to be the oldest seed crop in the world. They have the ability to improve digestion, strengthen oral health and detoxify the body. They contain vitamin B6, minerals, natural oils, organic compounds, calcium, iron, magnesium, manganese, copper, <\/P>\r\n          <hr>\r\n\r\n          <p class=\"protein-best-with\">\r\n          \r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- CARD 2 -->\r\n    <div class=\"protein-flavour-card show-front\">\r\n\r\n      <div class=\"protein-card-inner\">\r\n\r\n        <div class=\"protein-card-state protein-front-state\">\r\n\r\n          <div class=\"protein-image-wrap\">\r\n\r\n            <img decoding=\"async\"\r\n              src=\"https:\/\/sprodkraaks.com\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-Jul-22-2026-11_17_31-AM.png\"\r\n              alt=\"Cheesy Kr\u00e5aks\"\r\n            >\r\n\r\n            <div class=\"protein-tap-text\">\r\n              TAP TO FLIP \u21bb\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n          <div class=\"protein-card-info\">\r\n\r\n            <small>NO. 02<\/small>\r\n\r\n            <h3>\r\n              Grate to be <em>Cheesy<\/em>\r\n            <\/h3>\r\n\r\n            <p>\r\n              Parmesan, Cheddar &amp; Black Seeds\r\n            <\/p>\r\n\r\n            <div class=\"protein-card-stats\">\r\n\r\n              <div>\r\n                <strong>21g<\/strong>\r\n                <span>PROTEIN PER BOX<\/span>\r\n              <\/div>\r\n\r\n              <div>\r\n                <strong>25<\/strong>\r\n                <span>KR\u00c5AKS PER BOX<\/span>\r\n              <\/div>\r\n\r\n              <div>\r\n                <strong>50g<\/strong>\r\n                <span>NET WT<\/span>\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"protein-card-state protein-box-state\">\r\n\r\n          <div class=\"protein-box-image-wrap\">\r\n\r\n            <img decoding=\"async\"\r\n              src=\"https:\/\/sprodkraaks.com\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-Jul-22-2026-11_17_31-AM.png\"\r\n              alt=\"Cheesy Kr\u00e5aks Box\"\r\n            >\r\n\r\n            <div class=\"protein-tap-text\">\r\n              TAP TO FLIP \u21bb\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"protein-card-state protein-details-state\">\r\n\r\n          <button\r\n            class=\"protein-close-card\"\r\n            type=\"button\"\r\n            aria-label=\"Close card\"\r\n          >\r\n            \u00d7\r\n          <\/button>\r\n\r\n          <h4>\r\n            WHAT'S INSIDE \u2014\r\n            <em>Grate to be Cheesy<\/em>\r\n          <\/h4>\r\n\r\n          <hr>\r\n\r\n          <p>\r\n            <em>\r\n             \r\n            <\/em>\r\n          <\/p>\r\n\r\n          <h5>Pea flour<\/h5>\r\n\r\n          <p>\r\n           is a nutrient-rich, gluten-free ingredient high in plant protein and fiber, supporting muscle growth, digestion, weight control and blood sugar balance. It\u2019s packed with iron, zinc, calcium and magnesium for bone and immune health, while its fiber and antioxidants benefit the heart and reduce inflammation. A vegan, hypoallergenic option that suits many diets.\r\n          <\/p>\r\n\r\n          <h5>Parmesan Cheese<\/h5>\r\n\r\n          <p>\r\n             is loaded with essential vitamins and minerals. It's packed with vitamins A, B2, B12 & D, and is rich in minerals like calcium, containing 110% of the daily recommended calcium intake.\r\n          <\/p>\r\n <h5>Cheddar Cheese <\/h5>\r\n\r\n          <p>\r\n             has many healthy benefits, including increased bone density and provides you with essential nutrients, including protein, calcium, vitamin B12, potassium and healthy fats. Black Sesame Seeds reduce high blood pressure and cholesterol level. They are high in healthy fatty acids which help improve cholesterol levels.\r\n          <\/p>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- CARD 3 -->\r\n    <div class=\"protein-flavour-card show-front\">\r\n\r\n      <div class=\"protein-card-inner\">\r\n\r\n        <div class=\"protein-card-state protein-front-state\">\r\n\r\n          <div class=\"protein-image-wrap\">\r\n\r\n            <img decoding=\"async\"\r\n              src=\"https:\/\/sprodkraaks.com\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-Jul-22-2026-01_00_01-PM.png\"\r\n              alt=\"Olive and Rosemary Kr\u00e5aks\"\r\n            >\r\n\r\n            <div class=\"protein-tap-text\">\r\n              TAP TO FLIP \u21bb\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n          <div class=\"protein-card-info\">\r\n\r\n            <small>NO. 03<\/small>\r\n\r\n            <h3>\r\n              I <em>Olive<\/em> You\r\n            <\/h3>\r\n\r\n            <p>\r\n              Olives &amp; Rosemary\r\n            <\/p>\r\n\r\n            <div class=\"protein-card-stats\">\r\n\r\n              <div>\r\n                <strong>19g<\/strong>\r\n                <span>PROTEIN PER BOX<\/span>\r\n              <\/div>\r\n\r\n              <div>\r\n                <strong>25<\/strong>\r\n                <span>KR\u00c5AKS PER BOX<\/span>\r\n              <\/div>\r\n\r\n              <div>\r\n                <strong>50g<\/strong>\r\n                <span>NET WT<\/span>\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"protein-card-state protein-box-state\">\r\n\r\n          <div class=\"protein-box-image-wrap\">\r\n\r\n            <img decoding=\"async\"\r\n              src=\"https:\/\/sprodkraaks.com\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-Jul-22-2026-01_00_01-PM.png\"\r\n              alt=\"Olive and Rosemary Kr\u00e5aks Box\"\r\n            >\r\n\r\n            <div class=\"protein-tap-text\">\r\n              TAP TO FLIP \u21bb\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"protein-card-state protein-details-state\">\r\n\r\n          <button\r\n            class=\"protein-close-card\"\r\n            type=\"button\"\r\n            aria-label=\"Close card\"\r\n          >\r\n            \u00d7\r\n          <\/button>\r\n\r\n          <h4>\r\n            WHAT'S INSIDE \u2014\r\n            <em>I Olive You<\/em>\r\n          <\/h4>\r\n\r\n          <hr>\r\n\r\n          <p>\r\n            <em>\r\n           \r\n            <\/em>\r\n          <\/p>\r\n\r\n          <h5>Pea flour <\/h5>\r\n\r\n          <p>\r\n            is a nutrient-rich, gluten-free ingredient high in plant protein and fiber, supporting muscle growth, digestion, weight control and blood sugar balance. It\u2019s packed with iron, zinc, calcium and magnesium for bone and immune health, while its fiber and antioxidants benefit the heart and reduce inflammation. A vegan, hypoallergenic option that suits many diets.\r\n          <\/p>\r\n\r\n          <h5>Olives <\/h5>\r\n\r\n          <p>\r\n          are a staple of the Mediterranean diet associated with many health benefits, especially for heart health. Very high in vitamin E and other powerful antioxidants, iron, copper and calcium. They are very rich in antioxidants and they may reduce oxidative damage in the body and help fight infections caused by bacteria.\r\n          <\/p>\r\n<h5>Rosemary <\/h5>\r\n<p>is used as a culinary condiment and for its potential health benefits. It contains iron, calcium and vitamin B6 and is also a rich source of antioxidants and anti-inflammatory compounds. It's often used in aromatherapy to increase concentration and memory and to relieve stress.<\/p>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- CARD 4 -->\r\n    <div class=\"protein-flavour-card show-front\">\r\n\r\n      <div class=\"protein-card-inner\">\r\n\r\n        <div class=\"protein-card-state protein-front-state\">\r\n\r\n          <div class=\"protein-image-wrap\">\r\n\r\n            <img decoding=\"async\"\r\n              src=\"https:\/\/sprodkraaks.com\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-Jul-22-2026-01_33_53-PM.png\"\r\n              alt=\"Spicy Tomato Kr\u00e5aks\"\r\n            >\r\n\r\n            <div class=\"protein-tap-text\">\r\n              TAP TO FLIP \u21bb\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n          <div class=\"protein-card-info\">\r\n\r\n            <small>NO. 04<\/small>\r\n\r\n            <h3>\r\n              That's a Spicy <em>Tomato<\/em>\r\n            <\/h3>\r\n\r\n            <p>\r\n              Tomato Sauce, Pickled Jalape\u00f1os &amp; Oregano\r\n            <\/p>\r\n\r\n            <div class=\"protein-card-stats\">\r\n\r\n              <div>\r\n                <strong>19g<\/strong>\r\n                <span>PROTEIN PER BOX<\/span>\r\n              <\/div>\r\n\r\n              <div>\r\n                <strong>25<\/strong>\r\n                <span>KR\u00c5AKS PER BOX<\/span>\r\n              <\/div>\r\n\r\n              <div>\r\n                <strong>50g<\/strong>\r\n                <span>NET WT<\/span>\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"protein-card-state protein-box-state\">\r\n\r\n          <div class=\"protein-box-image-wrap\">\r\n\r\n            <img decoding=\"async\"\r\n              src=\"https:\/\/sprodkraaks.com\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-Jul-22-2026-01_33_53-PM.png\"\r\n              alt=\"Spicy Tomato Kr\u00e5aks Box\"\r\n            >\r\n\r\n            <div class=\"protein-tap-text\">\r\n              TAP TO FLIP \u21bb\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"protein-card-state protein-details-state\">\r\n\r\n          <button\r\n            class=\"protein-close-card\"\r\n            type=\"button\"\r\n            aria-label=\"Close card\"\r\n          >\r\n            \u00d7\r\n          <\/button>\r\n\r\n          <h4>\r\n            WHAT'S INSIDE \u2014\r\n            <em>That's a Spicy Tomato<\/em>\r\n          <\/h4>\r\n\r\n          <hr>\r\n\r\n          <p>\r\n            <em>\r\n             \r\n            <\/em>\r\n          <\/p>\r\n\r\n          <h5>Pea flour <\/h5>\r\n\r\n          <p>\r\n          is a nutrient-rich, gluten-free ingredient high in plant protein and fiber, supporting muscle growth, digestion, weight control and blood sugar balance. It\u2019s packed with iron, zinc, calcium and magnesium for bone and immune health, while its fiber and antioxidants benefit the heart and reduce inflammation. A vegan, hypoallergenic option that suits many diets.\r\n          <\/p>\r\n\r\n          <h5>Tomatoes <\/h5>\r\n\r\n          <p>\r\n            are loaded with lycopene, an antioxidant that gives them their red color and protects them from the ultraviolet rays of the sun. In much the same way, it can help protect your cells from damage. Tomatoes also contain potassium, vitamins B and E, as well as lutein and zeaxanthin that may help protect your eyes from the blue light produced by digital devices.\r\n          <\/p>\r\n       <h5>Jalape\u00f1os  <\/h5>\r\n       <p>\r\n           have been used for some 6,000 years. They are rich in vitamins A and C and potassium. They also contain carotene, an antioxidant that may help fight cellular damage, as well as folate, vitamins K and B. Many of their health benefits are derived from a compound called capsaicin which also makes them spicy. Studies show that eating jalape\u00f1os regularly can speed up metabolism, help burn fat, and curb your appetite.\r\n          <\/p>\r\n          <hr>\r\n\r\n          <p class=\"protein-best-with\">\r\n         \r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- CARD 5 -->\r\n    <div class=\"protein-flavour-card show-front\">\r\n\r\n      <div class=\"protein-card-inner\">\r\n\r\n        <div class=\"protein-card-state protein-front-state\">\r\n\r\n          <div class=\"protein-image-wrap\">\r\n\r\n            <img decoding=\"async\"\r\n              src=\"https:\/\/sprodkraaks.com\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-Jul-24-2026-09_52_09-AM.png\"\r\n              alt=\"Falafel Kr\u00e5aks\"\r\n            >\r\n\r\n            <div class=\"protein-tap-text\">\r\n              TAP TO FLIP \u21bb\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n          <div class=\"protein-card-info\">\r\n\r\n            <small>NO. 05<\/small>\r\n\r\n            <h3>\r\n              I Feel for <em>Falafel<\/em>\r\n            <\/h3>\r\n\r\n            <p>\r\n              Mix of Beans &amp; Spices\r\n            <\/p>\r\n\r\n            <div class=\"protein-card-stats\">\r\n\r\n              <div>\r\n                <strong>20g<\/strong>\r\n                <span>PROTEIN PER BOX<\/span>\r\n              <\/div>\r\n\r\n              <div>\r\n                <strong>25<\/strong>\r\n                <span>KR\u00c5AKS PER BOX<\/span>\r\n              <\/div>\r\n\r\n              <div>\r\n                <strong>50g<\/strong>\r\n                <span>NET WT<\/span>\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"protein-card-state protein-box-state\">\r\n\r\n          <div class=\"protein-box-image-wrap\">\r\n\r\n            <img decoding=\"async\"\r\n              src=\"https:\/\/sprodkraaks.com\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-Jul-24-2026-09_52_09-AM.png\"\r\n              alt=\"Falafel Kr\u00e5aks Box\"\r\n            >\r\n\r\n            <div class=\"protein-tap-text\">\r\n              TAP TO FLIP \u21bb\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"protein-card-state protein-details-state\">\r\n\r\n          <button\r\n            class=\"protein-close-card\"\r\n            type=\"button\"\r\n            aria-label=\"Close card\"\r\n          >\r\n            \u00d7\r\n          <\/button>\r\n\r\n          <h4>\r\n            WHAT'S INSIDE \u2014\r\n            <em>I Feel for Falafel<\/em>\r\n          <\/h4>\r\n\r\n          <hr>\r\n\r\n          <p>\r\n            <em>\r\n            \r\n            <\/em>\r\n          <\/p>\r\n\r\n          <h5>Pea flour <\/h5>\r\n\r\n          <p>\r\n           is a nutrient-rich, gluten-free ingredient high in plant protein and fiber, supporting muscle growth, digestion, weight control and blood sugar balance. It\u2019s packed with iron, zinc, calcium and magnesium for bone and immune health, while its fiber and antioxidants benefit the heart and reduce inflammation. A vegan, hypoallergenic option that suits many diets.\r\n          <\/p>\r\n\r\n          <h5>Chickpeas <\/h5>\r\n\r\n          <p>\r\n            are one of the very first legumes domesticated as a founder crop in southwest Asia. It's a source of protein, healthy fats, fiber, carbohydrates, vitamins C, B, minerals with no cholesterol. It's a good meat substitute for vegetarians and vegans with many nutrients as iron, magnesium, phosphorus, potassium, zinc, copper, manganese, thiamine, pantothenic acid, and folate.\r\n          <\/p>\r\n<h5>Fava beans or broad beans <\/h5>\r\n<p>are dense with nutrition with no saturated fat or cholesterol. They are a lean protein choice with lots of fiber and high concentration of thiamin, vitamin K, B6, potassium, copper, selenium, zinc and magnesium. They also increase your intake of folate, iron, manganese and dietary fiber.<\/p>\r\n          <hr>\r\n\r\n          <p class=\"protein-best-with\">\r\n        \r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- CARD 6 -->\r\n    <div class=\"protein-flavour-card show-front\">\r\n\r\n      <div class=\"protein-card-inner\">\r\n\r\n        <div class=\"protein-card-state protein-front-state\">\r\n\r\n          <div class=\"protein-image-wrap\">\r\n\r\n            <img decoding=\"async\"\r\n              src=\"https:\/\/sprodkraaks.com\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-Jul-22-2026-03_01_06-PM.png\"\r\n              alt=\"Sesame Treat Kr\u00e5aks\"\r\n            >\r\n\r\n            <div class=\"protein-tap-text\">\r\n              TAP TO FLIP \u21bb\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n          <div class=\"protein-card-info\">\r\n\r\n            <small>NO. 06<\/small>\r\n\r\n            <h3>\r\n              <em>Sesame's<\/em> Treat\r\n            <\/h3>\r\n\r\n            <p>\r\n              Cacao, Cinnamon, Vanilla &amp; Sesame Seeds\r\n            <\/p>\r\n\r\n            <div class=\"protein-card-stats\">\r\n\r\n              <div>\r\n                <strong>12g<\/strong>\r\n                <span>PROTEIN PER BOX<\/span>\r\n              <\/div>\r\n\r\n              <div>\r\n                <strong>25<\/strong>\r\n                <span>KR\u00c5AKS PER BOX<\/span>\r\n              <\/div>\r\n\r\n              <div>\r\n                <strong>50g<\/strong>\r\n                <span>NET WT<\/span>\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"protein-card-state protein-box-state\">\r\n\r\n          <div class=\"protein-box-image-wrap\">\r\n\r\n            <img decoding=\"async\"\r\n              src=\"https:\/\/sprodkraaks.com\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-Jul-22-2026-03_01_06-PM.png\"\r\n              alt=\"Sesame Treat Kr\u00e5aks Box\"\r\n            >\r\n\r\n            <div class=\"protein-tap-text\">\r\n              TAP TO FLIP \u21bb\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"protein-card-state protein-details-state\">\r\n\r\n          <button\r\n            class=\"protein-close-card\"\r\n            type=\"button\"\r\n            aria-label=\"Close card\"\r\n          >\r\n            \u00d7\r\n          <\/button>\r\n\r\n          <h4>\r\n            WHAT'S INSIDE \u2014\r\n            <em>Sesame's Treat<\/em>\r\n          <\/h4>\r\n\r\n          <hr>\r\n\r\n          <p>\r\n            <em>\r\n              \r\n            <\/em>\r\n          <\/p>\r\n\r\n          <h5>Pea flour <\/h5>\r\n\r\n          <p>\r\n           is a nutrient-rich, gluten-free ingredient high in plant protein and fiber, supporting muscle growth, digestion, weight control and blood sugar balance. It\u2019s packed with iron, zinc, calcium and magnesium for bone and immune health, while its fiber and antioxidants benefit the heart and reduce inflammation. A vegan, hypoallergenic option that suits many diets.\r\n          <\/p>\r\n\r\n          <h5>Sesame seeds <\/h5>\r\n\r\n          <p>\r\n            are considered to be the oldest seed crop in the world. They have the ability to improve digestion, strengthen oral health and detoxify the body.\r\nThey contain vitamin B6, minerals, natural oils, organic compounds, calcium, iron, magnesium, manganese, copper, zinc, fiber, folate and protein.\r\n          <\/p>\r\n<h5>Cacao <\/h5>\r\n<p>is packed with flavonoids that help  lower blood pressure, improve blood flow and reduce risk of diabetes.<\/p>\r\n<h5>\r\n    Cinnamon \r\n<\/h5>\r\n<p>is loaded with powerful antioxidants that have anti-inflammatory effects and can improve cholesterol, triglycerides and blood pressure.\r\n Additionally it has antibacterial properties.<\/p>\r\n          <hr>\r\n\r\n          <p class=\"protein-best-with\">\r\n          \r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <div class=\"protein-products-button-wrap\">\r\n\r\n    <a href=\"https:\/\/sprodkraaks.com\/?page_id=118\" class=\"protein-products-btn\">\r\n      View All Products\r\n      <span>\u2192<\/span>\r\n    <\/a>\r\n\r\n  <\/div>\r\n\r\n  <p class=\"protein-flavours-footer-note\">\r\n    Classic line: 100g net \u2248 15 Kr\u00e5aks per box.\r\n    Protein+ line: 50g net \u2248 25 Kr\u00e5aks per box.\r\n    Vegan.\r\n    ChocoKr\u00e5aks line: 150g net \u2248 5 Kr\u00e5aks per box.\r\n  <\/p>\r\n\r\n<\/section>\r\n\r\n<style>\r\n#kraaksProteinSection,\r\n#kraaksProteinSection * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n#kraaksProteinSection {\r\n  position: relative;\r\n  overflow: hidden;\r\n  isolation: isolate;\r\n\r\n  width: 100%;\r\n  padding: 120px 8% 100px;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at 50% -10%,\r\n      rgba(155, 108, 62, 0.13) 0%,\r\n      rgba(15, 13, 12, 0) 46%\r\n    ),\r\n    #0f0d0c;\r\n\r\n  color: #f3eee7;\r\n}\r\n\r\n#kraaksProteinSection::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  z-index: -1;\r\n\r\n  top: -520px;\r\n  left: 50%;\r\n\r\n  width: 950px;\r\n  height: 950px;\r\n\r\n  transform: translateX(-50%);\r\n\r\n  background: radial-gradient(\r\n    circle,\r\n    rgba(155, 108, 62, 0.08),\r\n    transparent 68%\r\n  );\r\n\r\n  pointer-events: none;\r\n}\r\n\r\n\/* HEADER *\/\r\n\r\n.protein-flavours-header {\r\n  display: grid;\r\n  grid-template-columns: 32% 68%;\r\n  align-items: end;\r\n\r\n  max-width: 1700px;\r\n  margin: 0 auto 90px;\r\n}\r\n\r\n.protein-flavours-label {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 18px;\r\n\r\n  padding-bottom: 15px;\r\n\r\n  color: #9b6c3e;\r\n\r\n  font-size: 12px;\r\n  letter-spacing: 5px;\r\n}\r\n\r\n.protein-flavours-label span {\r\n  flex: 0 0 auto;\r\n}\r\n\r\n.protein-flavours-label i {\r\n  display: block;\r\n  flex: 0 0 auto;\r\n\r\n  width: 60px;\r\n  height: 1px;\r\n\r\n  background: rgba(243, 238, 231, 0.18);\r\n}\r\n\r\n.protein-flavours-label strong {\r\n  color: #f3eee7;\r\n\r\n  font-size: 12px;\r\n  font-weight: 600;\r\n  line-height: 1.5;\r\n}\r\n\r\n.protein-flavours-title h2 {\r\n  margin: 0 0 28px;\r\n\r\n  color: #f3eee7;\r\n\r\n  font-family: Georgia, \"Times New Roman\", serif;\r\n  font-size: clamp(66px, 7vw, 120px);\r\n  font-weight: 400;\r\n  line-height: 0.9;\r\n  letter-spacing: -3px;\r\n}\r\n\r\n.protein-flavours-title h2 em {\r\n  color: #9b6c3e;\r\n  font-style: italic;\r\n  font-weight: 400;\r\n}\r\n\r\n.protein-flavours-title > p {\r\n  max-width: 680px;\r\n  margin: 0;\r\n\r\n  color: #c9c0b6;\r\n\r\n  font-size: 18px;\r\n  line-height: 1.7;\r\n}\r\n\r\n\/* GRID *\/\r\n\r\n.protein-flavours-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, minmax(0, 1fr));\r\n  gap: 42px;\r\n\r\n  max-width: 1700px;\r\n  margin: 0 auto;\r\n}\r\n\r\n\/* CARDS *\/\r\n\r\n.protein-flavour-card {\r\n  min-width: 0;\r\n  min-height: 620px;\r\n\r\n  perspective: 1400px;\r\n  cursor: pointer;\r\n}\r\n\r\n.protein-card-inner {\r\n  min-height: 620px;\r\n\r\n  transform-style: preserve-3d;\r\n\r\n  transition:\r\n    transform 0.45s ease,\r\n    opacity 0.45s ease;\r\n}\r\n\r\n.protein-flavour-card.is-flipping .protein-card-inner {\r\n  transform: rotateY(90deg);\r\n  opacity: 0.35;\r\n}\r\n\r\n.protein-card-state {\r\n  display: none;\r\n\r\n  min-height: 620px;\r\n\r\n  overflow: hidden;\r\n\r\n  border: 1px solid rgba(155, 108, 62, 0.18);\r\n  border-radius: 8px;\r\n\r\n  background: #181513;\r\n\r\n  box-shadow: 0 25px 55px rgba(0, 0, 0, 0.32);\r\n}\r\n\r\n.protein-flavour-card.show-front .protein-front-state,\r\n.protein-flavour-card.show-box .protein-box-state,\r\n.protein-flavour-card.show-details .protein-details-state {\r\n  display: block;\r\n}\r\n\r\n\/* CARD IMAGE *\/\r\n.proteine-image-wrap {\r\n  position: relative;\r\n  width: 100%;\r\n  height: 390px;\r\n  padding: 0;\r\n  background: #fff;\r\n  overflow: hidden;\r\n}\r\n\r\n.proteine-image-wrap img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  object-position: center;\r\n  display: block;\r\n  transition: transform .45s ease;\r\n}\r\n\r\n\r\n.protein-flavour-card:hover img {\r\n  transform: scale(1.04);\r\n}\r\n\r\n.protein-box-image-wrap {\r\n  position: relative;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  min-height: 620px;\r\n  padding: 38px;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at 50% 40%,\r\n      rgba(155, 108, 62, 0.1),\r\n      transparent 60%\r\n    ),\r\n    #141210;\r\n}\r\n\r\n.protein-box-image-wrap img {\r\n  height: 440px;\r\n}\r\n\r\n.protein-tap-text {\r\n  position: absolute;\r\n\r\n  bottom: 10px;\r\n  left: 50%;\r\n\r\n  transform: translateX(-50%);\r\n\r\n  color: #9b6c3e;\r\n\r\n  font-size: 10px;\r\n  font-weight: 600;\r\n  letter-spacing: 4px;\r\n  white-space: nowrap;\r\n\r\n  opacity: 0;\r\n\r\n  transition: opacity 0.35s ease;\r\n}\r\n\r\n.protein-flavour-card:hover .protein-tap-text {\r\n  opacity: 1;\r\n}\r\n\r\n\/* CARD INFO *\/\r\n\r\n.protein-card-info {\r\n  padding: 28px 25px 32px;\r\n\r\n  text-align: center;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at 80% 10%,\r\n      rgba(155, 108, 62, 0.08),\r\n      transparent 45%\r\n    ),\r\n    #181513;\r\n}\r\n\r\n.protein-card-info small {\r\n  color: #9b6c3e;\r\n\r\n  font-family: Georgia, \"Times New Roman\", serif;\r\n  font-size: 12px;\r\n  font-style: italic;\r\n  letter-spacing: 4px;\r\n}\r\n\r\n.protein-card-info h3 {\r\n  margin: 13px 0 9px;\r\n\r\n  color: #f3eee7;\r\n\r\n  font-family: Georgia, \"Times New Roman\", serif;\r\n  font-size: 31px;\r\n  font-weight: 400;\r\n  line-height: 1.08;\r\n}\r\n\r\n.protein-card-info h3 em {\r\n  color: #9b6c3e;\r\n  font-style: italic;\r\n}\r\n\r\n.protein-card-info > p {\r\n  min-height: 23px;\r\n  margin: 0 0 24px;\r\n\r\n  color: #a99f95;\r\n\r\n  font-family: Georgia, \"Times New Roman\", serif;\r\n  font-size: 15px;\r\n  font-style: italic;\r\n  line-height: 1.5;\r\n}\r\n\r\n.protein-card-stats {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, minmax(0, 1fr));\r\n\r\n  padding-top: 21px;\r\n\r\n  border-top: 1px solid rgba(243, 238, 231, 0.12);\r\n}\r\n\r\n.protein-card-stats div {\r\n  min-width: 0;\r\n  padding: 0 8px;\r\n}\r\n\r\n.protein-card-stats strong {\r\n  display: block;\r\n\r\n  color: #f3eee7;\r\n\r\n  font-family: Georgia, \"Times New Roman\", serif;\r\n  font-size: 21px;\r\n  font-weight: 400;\r\n}\r\n\r\n.protein-card-stats span {\r\n  display: block;\r\n\r\n  margin-top: 9px;\r\n\r\n  color: #8f867d;\r\n\r\n  font-size: 8px;\r\n  font-weight: 500;\r\n  line-height: 1.5;\r\n  letter-spacing: 2px;\r\n}\r\n\r\n\/* DETAILS *\/\r\n\r\n.protein-details-state {\r\n  position: relative;\r\n\r\n  padding: 30px;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at top right,\r\n      rgba(155, 108, 62, 0.12),\r\n      transparent 35%\r\n    ),\r\n    #181513;\r\n}\r\n\r\n.protein-close-card {\r\n  position: absolute;\r\n\r\n  top: 18px;\r\n  right: 18px;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  width: 34px;\r\n  height: 34px;\r\n  padding: 0;\r\n\r\n  border: 1px solid rgba(243, 238, 231, 0.2);\r\n  border-radius: 50%;\r\n\r\n  outline: none;\r\n  background: transparent;\r\n  color: #b7ada3;\r\n\r\n  font-size: 20px;\r\n  font-weight: 300;\r\n  line-height: 1;\r\n\r\n  cursor: pointer;\r\n\r\n  transition:\r\n    color 0.3s ease,\r\n    border-color 0.3s ease,\r\n    background-color 0.3s ease;\r\n}\r\n\r\n.protein-close-card:hover {\r\n  border-color: #9b6c3e;\r\n\r\n  background: transparent;\r\n  color: #9b6c3e;\r\n}\r\n\r\n.protein-details-state h4 {\r\n  margin: 0;\r\n  padding-right: 48px;\r\n\r\n  color: #9b6c3e;\r\n\r\n  font-size: 13px;\r\n  font-weight: 600;\r\n  line-height: 1.7;\r\n  letter-spacing: 4px;\r\n}\r\n\r\n.protein-details-state h4 em {\r\n  color: #f3eee7;\r\n\r\n  font-family: Georgia, \"Times New Roman\", serif;\r\n  font-size: 18px;\r\n  font-style: italic;\r\n  font-weight: 400;\r\n  letter-spacing: 0;\r\n}\r\n\r\n.protein-details-state p {\r\n  color: #c8beb3;\r\n\r\n  font-size: 15px;\r\n  line-height: 1.6;\r\n}\r\n\r\n.protein-details-state h5 {\r\n  margin: 22px 0 6px;\r\n\r\n  color: #9b6c3e;\r\n\r\n  font-family: Georgia, \"Times New Roman\", serif;\r\n  font-size: 20px;\r\n  font-style: italic;\r\n  font-weight: 400;\r\n}\r\n\r\n.protein-details-state hr {\r\n  margin: 19px 0;\r\n\r\n  border: none;\r\n  border-top: 1px solid rgba(243, 238, 231, 0.12);\r\n}\r\n\r\n.protein-best-with {\r\n  color: #a99f95 !important;\r\n\r\n  font-family: Georgia, \"Times New Roman\", serif;\r\n  font-size: 14px !important;\r\n  font-style: italic;\r\n}\r\n\r\n\/* BUTTON *\/\r\n\r\n.protein-products-button-wrap {\r\n  display: flex;\r\n  justify-content: center;\r\n\r\n  margin: 58px 0 28px;\r\n}\r\n\r\n.protein-products-btn,\r\n.protein-products-btn:visited,\r\n.protein-products-btn:focus,\r\n.protein-products-btn:active {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n\r\n  padding: 12px 25px;\r\n\r\n  border: 1px solid #9b6c3e;\r\n  border-radius: 50px;\r\n\r\n  outline: none;\r\n  background: transparent;\r\n  color: #9b6c3e;\r\n\r\n  font-family: Georgia, \"Times New Roman\", serif;\r\n  font-size: 11px;\r\n  font-weight: 500;\r\n  letter-spacing: 2.3px;\r\n  text-decoration: none !important;\r\n  text-transform: uppercase;\r\n\r\n  transition:\r\n    color 0.35s ease,\r\n    background-color 0.35s ease,\r\n    transform 0.35s ease;\r\n}\r\n\r\n.protein-products-btn span {\r\n  font-size: 15px;\r\n\r\n  transition: transform 0.35s ease;\r\n}\r\n\r\n.protein-products-btn:hover {\r\n  transform: translateY(-2px);\r\n\r\n  background: #9b6c3e;\r\n  color: #0f0d0c;\r\n\r\n  text-decoration: none !important;\r\n}\r\n\r\n.protein-products-btn:hover span {\r\n  transform: translateX(4px);\r\n}\r\n\r\n\/* FOOTER *\/\r\n\r\n.protein-flavours-footer-note {\r\n  margin: 0;\r\n\r\n  color: #8f867d;\r\n\r\n  font-family: Georgia, \"Times New Roman\", serif;\r\n  font-size: 14px;\r\n  font-style: italic;\r\n  line-height: 1.6;\r\n  text-align: center;\r\n}\r\n\r\n\/* TABLET *\/\r\n\r\n@media (max-width: 1100px) {\r\n\r\n  #kraaksProteinSection {\r\n    padding: 100px 5%;\r\n  }\r\n\r\n  .protein-flavours-header {\r\n    grid-template-columns: 1fr;\r\n    gap: 42px;\r\n\r\n    margin-bottom: 70px;\r\n  }\r\n\r\n  .protein-flavours-grid {\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    gap: 30px;\r\n  }\r\n}\r\n\r\n\/* MOBILE *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n  #kraaksProteinSection {\r\n    padding: 75px 20px;\r\n  }\r\n\r\n  .protein-flavours-header {\r\n    gap: 32px;\r\n    margin-bottom: 50px;\r\n  }\r\n\r\n  .protein-flavours-label {\r\n    align-items: flex-start;\r\n    gap: 12px;\r\n\r\n    padding-bottom: 0;\r\n  }\r\n\r\n  .protein-flavours-label i {\r\n    width: 40px;\r\n    margin-top: 8px;\r\n  }\r\n\r\n  .protein-flavours-label strong {\r\n    max-width: 190px;\r\n\r\n    font-size: 10px;\r\n    line-height: 1.7;\r\n    letter-spacing: 3px;\r\n  }\r\n\r\n  .protein-flavours-title h2 {\r\n    margin-bottom: 24px;\r\n\r\n    font-size: clamp(52px, 15vw, 68px);\r\n    line-height: 0.95;\r\n    letter-spacing: -1.5px;\r\n  }\r\n\r\n  .protein-flavours-title > p {\r\n    font-size: 16px;\r\n    line-height: 1.65;\r\n  }\r\n\r\n  .protein-flavours-grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 24px;\r\n  }\r\n\r\n  .protein-flavour-card,\r\n  .protein-card-inner,\r\n  .protein-card-state {\r\n    min-height: 590px;\r\n  }\r\n\r\n  .protein-image-wrap {\r\n    padding: 28px;\r\n  }\r\n\r\n  .protein-image-wrap img {\r\n    height: 245px;\r\n  }\r\n\r\n  .protein-box-image-wrap {\r\n    min-height: 590px;\r\n    padding: 28px;\r\n  }\r\n\r\n  .protein-box-image-wrap img {\r\n    height: 390px;\r\n  }\r\n\r\n  .protein-tap-text {\r\n    opacity: 1;\r\n  }\r\n\r\n  .protein-products-button-wrap {\r\n    margin-top: 45px;\r\n  }\r\n}\r\n\r\n\/* SMALL MOBILE *\/\r\n\r\n@media (max-width: 480px) {\r\n\r\n  #kraaksProteinSection {\r\n    padding: 65px 16px;\r\n  }\r\n\r\n  .protein-flavours-title h2 {\r\n    font-size: 49px;\r\n  }\r\n\r\n  .protein-card-info {\r\n    padding: 25px 17px 28px;\r\n  }\r\n\r\n  .protein-card-info h3 {\r\n    font-size: 28px;\r\n  }\r\n\r\n  .protein-card-stats div {\r\n    padding: 0 4px;\r\n  }\r\n\r\n  .protein-card-stats strong {\r\n    font-size: 18px;\r\n  }\r\n\r\n  .protein-card-stats span {\r\n    font-size: 7px;\r\n    letter-spacing: 1.3px;\r\n  }\r\n\r\n  .protein-details-state {\r\n    padding: 25px;\r\n  }\r\n\r\n  .protein-details-state h4 {\r\n    font-size: 11px;\r\n    letter-spacing: 3px;\r\n  }\r\n\r\n  .protein-details-state p {\r\n    font-size: 14px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function () {\r\n  const proteinSection = document.getElementById(\"kraaksProteinSection\");\r\n\r\n  if (!proteinSection) {\r\n    return;\r\n  }\r\n\r\n  const proteinCards = proteinSection.querySelectorAll(\r\n    \".protein-flavour-card\"\r\n  );\r\n\r\n  const stateClasses = [\r\n    \"show-front\",\r\n    \"show-details\",\r\n    \"show-box\"\r\n  ];\r\n\r\n  proteinCards.forEach(function (card) {\r\n    let currentState = 0;\r\n    let isAnimating = false;\r\n\r\n    card.addEventListener(\"click\", function (event) {\r\n      if (isAnimating) {\r\n        return;\r\n      }\r\n\r\n      const closeButton = event.target.closest(\r\n        \".protein-close-card\"\r\n      );\r\n\r\n      if (closeButton) {\r\n        event.stopPropagation();\r\n        currentState = 0;\r\n      } else {\r\n        currentState = (currentState + 1) % stateClasses.length;\r\n      }\r\n\r\n      isAnimating = true;\r\n      card.classList.add(\"is-flipping\");\r\n\r\n      window.setTimeout(function () {\r\n        card.classList.remove(\r\n          \"show-front\",\r\n          \"show-box\",\r\n          \"show-details\"\r\n        );\r\n\r\n        card.classList.add(stateClasses[currentState]);\r\n        card.classList.remove(\"is-flipping\");\r\n\r\n        isAnimating = false;\r\n      }, 250);\r\n    });\r\n  });\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>04<\/span>\r\n      <i><\/i>\r\n      <strong>CHOCOKR\u00c5AKS<\/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\u00e5aker.<\/em>\r\n      <\/h2>\r\n\r\n      <p>\r\n        Our third range, baked and dipped in chocolate with roasted nuts.\r\n        Four expressions for every moment.\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    <!-- CARD 1 -->\r\n    <div class=\"choco-card peanut-card\">\r\n\r\n     <div class=\"choco-ball peanut\">\r\n  <img decoding=\"async\"\r\n    src=\"https:\/\/sprodkraaks.com\/wp-content\/uploads\/2026\/07\/logo-02.png\"\r\n    alt=\"Gluten Free\"\r\n  >\r\n<\/div>\r\n\r\n      <span class=\"number\">NO. 01<\/span>\r\n<div class=\"product-image\">\r\n  <img decoding=\"async\"\r\n    src=\"https:\/\/sprodkraaks.com\/wp-content\/uploads\/2026\/07\/choco-3.png\"\r\n    alt=\"Peanut's Punch box\"\r\n  >\r\n<\/div>\r\n<div class=\"choco-baked-badge\">\r\n  <img decoding=\"async\"\r\n    src=\"https:\/\/sprodkraaks.com\/wp-content\/uploads\/2026\/07\/logo-01.png\"\r\n    alt=\"Baked\"\r\n  >\r\n<\/div>\r\n      <h3>\r\n        Peanut's<br>\r\n        Punch\r\n      <\/h3>\r\n\r\n      <p>Roasted, salted, folded in.<\/p>\r\n\r\n      <small>PER 150G<\/small>\r\n\r\n      <div class=\"stats\">\r\n\r\n        <div>\r\n          <strong>166<\/strong>\r\n          <b>KCAL<\/b>\r\n        <\/div>\r\n\r\n        <div>\r\n          <strong>150g<\/strong>\r\n          <b>NET WEIGHT<\/b>\r\n        <\/div>\r\n\r\n        <div>\r\n          <strong>2.5g<\/strong>\r\n          <b>PROTEIN<\/b>\r\n        <\/div>\r\n\r\n        <div>\r\n          <strong>1.5g<\/strong>\r\n          <b>FIBERS<\/b>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- CARD 2 -->\r\n    <div class=\"choco-card hazelnut-card\">\r\n\r\n    <div class=\"choco-ball hazelnut\">\r\n  <img decoding=\"async\"\r\n    src=\"https:\/\/sprodkraaks.com\/wp-content\/uploads\/2026\/07\/logo-02.png\"\r\n    alt=\"Gluten Free\"\r\n  >\r\n<\/div>\r\n\r\n      <span class=\"number\">NO. 02<\/span>\r\n<div class=\"product-image\">\r\n  <img decoding=\"async\"\r\n    src=\"https:\/\/sprodkraaks.com\/wp-content\/uploads\/2026\/07\/choco-2.png\"\r\n    alt=\"Peanut's Punch box\"\r\n  >\r\n<\/div>\r\n<div class=\"choco-baked-badge\">\r\n  <img decoding=\"async\"\r\n    src=\"https:\/\/sprodkraaks.com\/wp-content\/uploads\/2026\/07\/logo-01.png\"\r\n    alt=\"Baked\"\r\n  >\r\n<\/div>\r\n      <h3>\r\n        Hazelnut's<br>\r\n        Haze\r\n      <\/h3>\r\n\r\n      <p>Piedmont-style, deep cocoa.<\/p>\r\n\r\n      <small>PER 150G<\/small>\r\n\r\n      <div class=\"stats\">\r\n\r\n        <div>\r\n          <strong>168<\/strong>\r\n          <b>KCAL<\/b>\r\n        <\/div>\r\n\r\n        <div>\r\n          <strong>150g<\/strong>\r\n          <b>NET WEIGHT<\/b>\r\n        <\/div>\r\n\r\n        <div>\r\n          <strong>2.5g<\/strong>\r\n          <b>PROTEIN<\/b>\r\n        <\/div>\r\n\r\n        <div>\r\n          <strong>1.5g<\/strong>\r\n          <b>FIBERS<\/b>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- CARD 3 -->\r\n    <div class=\"choco-card pistachio-card\">\r\n<div class=\"choco-ball pistachio\">\r\n  <img decoding=\"async\"\r\n    src=\"https:\/\/sprodkraaks.com\/wp-content\/uploads\/2026\/07\/logo-02.png\"\r\n    alt=\"Gluten Free\"\r\n  >\r\n<\/div>\r\n \r\n\r\n      <span class=\"number\">NO. 03<\/span>\r\n<div class=\"product-image\">\r\n  <img decoding=\"async\"\r\n    src=\"https:\/\/sprodkraaks.com\/wp-content\/uploads\/2026\/07\/choco-4.png\"\r\n    alt=\"Peanut's Punch box\"\r\n  >\r\n<\/div>\r\n<div class=\"choco-baked-badge\">\r\n  <img decoding=\"async\"\r\n    src=\"https:\/\/sprodkraaks.com\/wp-content\/uploads\/2026\/07\/logo-01.png\"\r\n    alt=\"Baked\"\r\n  >\r\n<\/div>\r\n      <h3>\r\n        Pistachio's<br>\r\n        Prism\r\n      <\/h3>\r\n\r\n      <p>Aleppo-green, lightly bitter.<\/p>\r\n\r\n      <small>PER 150G<\/small>\r\n\r\n      <div class=\"stats\">\r\n\r\n        <div>\r\n          <strong>165<\/strong>\r\n          <b>KCAL<\/b>\r\n        <\/div>\r\n\r\n        <div>\r\n          <strong>150g<\/strong>\r\n          <b>NET WEIGHT<\/b>\r\n        <\/div>\r\n\r\n        <div>\r\n          <strong>2.8g<\/strong>\r\n          <b>PROTEIN<\/b>\r\n        <\/div>\r\n\r\n        <div>\r\n          <strong>1.5g<\/strong>\r\n          <b>FIBERS<\/b>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- CARD 4 -->\r\n    <div class=\"choco-card almond-card\">\r\n\r\n      <div class=\"choco-ball almond\">\r\n  <img decoding=\"async\"\r\n    src=\"https:\/\/sprodkraaks.com\/wp-content\/uploads\/2026\/07\/logo-02.png\"\r\n    alt=\"Gluten Free\"\r\n  >\r\n<\/div>\r\n\r\n      <span class=\"number\">NO. 04<\/span>\r\n<div class=\"product-image\">\r\n  <img decoding=\"async\"\r\n    src=\"https:\/\/sprodkraaks.com\/wp-content\/uploads\/2026\/07\/choco-1.png\"\r\n    alt=\"Peanut's Punch box\"\r\n  >\r\n<\/div>\r\n<div class=\"choco-baked-badge\">\r\n  <img decoding=\"async\"\r\n    src=\"https:\/\/sprodkraaks.com\/wp-content\/uploads\/2026\/07\/logo-01.png\"\r\n    alt=\"Baked\"\r\n  >\r\n<\/div>\r\n      <h3>\r\n        Almonds<br>\r\n        Allure\r\n      <\/h3>\r\n\r\n      <p>Slow-roasted, lightly salted.<\/p>\r\n\r\n      <small>PER 150G<\/small>\r\n\r\n      <div class=\"stats\">\r\n\r\n        <div>\r\n          <strong>169<\/strong>\r\n          <b>KCAL<\/b>\r\n        <\/div>\r\n\r\n        <div>\r\n          <strong>150g<\/strong>\r\n          <b>NET WEIGHT<\/b>\r\n        <\/div>\r\n\r\n        <div>\r\n          <strong>2g<\/strong>\r\n          <b>PROTEIN<\/b>\r\n        <\/div>\r\n\r\n        <div>\r\n          <strong>1.2g<\/strong>\r\n          <b>FIBERS<\/b>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n\/* PRODUCT IMAGE ABOVE THE TITLE *\/\r\n\r\n.product-image{\r\n    width:100%;\r\n  height:280px;\r\n    margin:22px 0 26px;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    overflow:hidden;\r\n}\r\n\r\n.product-image img{\r\n    width:100%;\r\n    height:100%;\r\n    object-fit:contain;\r\n    display:block;\r\n}\r\n\r\n.choco-card:hover .choco-product-image img{\r\n    transform: scale(1.05);\r\n}\r\n\r\n.choco-card:hover .choco-product-image img {\r\n  transform: translateY(-4px) scale(1.04);\r\n\r\n  filter: drop-shadow(0 20px 22px rgba(30, 15, 7, 0.42));\r\n}\r\n.choco-section,\r\n.choco-section * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.choco-section{\r\n    position:relative;\r\n    overflow:hidden;\r\n    isolation:isolate;\r\n\r\n    padding:120px 7%;\r\n    color:#f2ede5;\r\n\r\n    background:\r\n\r\n    \/* Warm brown *\/\r\n    radial-gradient(\r\n        circle at 12% 18%,\r\n        rgba(146,93,56,.90) 0%,\r\n        rgba(146,93,56,.45) 22%,\r\n        transparent 50%\r\n    ),\r\n\r\n    \/* Hazelnut *\/\r\n    radial-gradient(\r\n        circle at 72% 18%,\r\n        rgba(117,66,37,.85) 0%,\r\n        rgba(117,66,37,.38) 22%,\r\n        transparent 48%\r\n    ),\r\n\r\n    \/* Pistachio *\/\r\n    radial-gradient(\r\n        circle at 55% 52%,\r\n        rgba(124,155,77,.75) 0%,\r\n        rgba(124,155,77,.30) 24%,\r\n        transparent 55%\r\n    ),\r\n\r\n    \/* Almond *\/\r\n    radial-gradient(\r\n        circle at 88% 78%,\r\n        rgba(214,178,122,.65) 0%,\r\n        rgba(214,178,122,.22) 22%,\r\n        transparent 48%\r\n    ),\r\n\r\n    \/* Peanut *\/\r\n    radial-gradient(\r\n        circle at 22% 82%,\r\n        rgba(188,141,92,.55) 0%,\r\n        rgba(188,141,92,.18) 20%,\r\n        transparent 48%\r\n    ),\r\n\r\n    \/* Soft cocoa *\/\r\n    radial-gradient(\r\n        circle at 40% 70%,\r\n        rgba(84,48,30,.55) 0%,\r\n        rgba(84,48,30,.15) 24%,\r\n        transparent 55%\r\n    ),\r\n\r\n    linear-gradient(\r\n        135deg,\r\n        #5f3b28 0%,\r\n        #775233 22%,\r\n        #6d6f42 52%,\r\n        #8d6b45 76%,\r\n        #b68b58 100%\r\n    );\r\n}\r\n\r\n.choco-section::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  z-index: -1;\r\n\r\n  inset: 0;\r\n\r\n  background:\r\n    linear-gradient(\r\n      to bottom,\r\n      rgba(25, 17, 12, 0.18) 0%,\r\n      rgba(25, 17, 12, 0.28) 45%,\r\n      rgba(25, 17, 12, 0.38) 100%\r\n    );\r\n\r\n  pointer-events: none;\r\n}\r\n\r\n.choco-section::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  z-index: -1;\r\n\r\n  top: -350px;\r\n  left: 50%;\r\n\r\n  width: 950px;\r\n  height: 950px;\r\n\r\n  transform: translateX(-50%);\r\n\r\n  border-radius: 50%;\r\n\r\n  background: radial-gradient(\r\n    circle,\r\n    rgba(255, 245, 225, 0.18) 0%,\r\n    rgba(255, 245, 225, 0.06) 38%,\r\n    transparent 70%\r\n  );\r\n\r\n  pointer-events: none;\r\n}\r\n\r\n\/* HEADER *\/\r\n\r\n.choco-top {\r\n  display: grid;\r\n  grid-template-columns: 30% 70%;\r\n  align-items: end;\r\n\r\n  max-width: 1700px;\r\n  margin: 0 auto 90px;\r\n}\r\n\r\n.choco-label {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 16px;\r\n\r\n  margin-bottom: 35px;\r\n}\r\n\r\n.choco-label span {\r\n  color: #f6d3aa;\r\n\r\n  font-size: 13px;\r\n  font-weight: 500;\r\n  letter-spacing: 4px;\r\n}\r\n\r\n.choco-label i {\r\n  display: block;\r\n\r\n  width: 58px;\r\n  height: 1px;\r\n\r\n  background: rgba(255, 255, 255, 0.35);\r\n}\r\n\r\n.choco-label strong {\r\n  color: rgba(255, 255, 255, 0.78);\r\n\r\n  font-size: 12px;\r\n  font-weight: 500;\r\n  line-height: 1.5;\r\n  letter-spacing: 4px;\r\n}\r\n\r\n.choco-intro {\r\n  max-width: 950px;\r\n}\r\n\r\n.choco-intro h2 {\r\n  margin: 0 0 40px;\r\n\r\n  color: #fffaf3;\r\n\r\n  font-family: Georgia, \"Times New Roman\", serif;\r\n  font-size: clamp(76px, 8vw, 120px);\r\n  font-weight: 400;\r\n  line-height: 0.88;\r\n  letter-spacing: -3px;\r\n\r\n  text-shadow: 0 8px 32px rgba(40, 24, 13, 0.2);\r\n}\r\n\r\n.choco-intro h2 em {\r\n  color: #f2c28f;\r\n  font-style: italic;\r\n  font-weight: 400;\r\n}\r\n\r\n.choco-intro p {\r\n  max-width: 690px;\r\n  margin: 0;\r\n\r\n  color: rgba(255, 250, 243, 0.9);\r\n\r\n  font-family: Georgia, \"Times New Roman\", serif;\r\n  font-size: 28px;\r\n  line-height: 1.4;\r\n\r\n  text-shadow: 0 4px 15px rgba(40, 24, 13, 0.2);\r\n}\r\n\r\n\/* GRID *\/\r\n\r\n.choco-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, minmax(0, 1fr));\r\n  gap: 22px;\r\n\r\n  max-width: 1700px;\r\n  margin: 0 auto;\r\n}\r\n\r\n\/* CARDS *\/\r\n\r\n.choco-card {\r\n  position: relative;\r\n  overflow: hidden;\r\n\r\n  min-width: 0;\r\n  min-height: 380px;\r\n  padding: 27px;\r\n\r\n  border: 1px solid rgba(255, 255, 255, 0.22);\r\n  border-radius: 8px;\r\n\r\n  background: rgba(34, 24, 18, 0.44);\r\n\r\n  box-shadow:\r\n    0 30px 70px rgba(45, 25, 12, 0.2),\r\n    inset 0 1px 0 rgba(255, 255, 255, 0.1);\r\n\r\n  backdrop-filter: blur(18px);\r\n  -webkit-backdrop-filter: blur(18px);\r\n\r\n  transition:\r\n    transform 0.35s ease,\r\n    border-color 0.35s ease,\r\n    box-shadow 0.35s ease;\r\n}\r\n\r\n.choco-card::before {\r\n  content: \"\";\r\n  position: absolute;\r\n\r\n  inset: 0;\r\n\r\n  opacity: 0.55;\r\n  pointer-events: none;\r\n}\r\n\r\n.peanut-card::before {\r\n  background: radial-gradient(\r\n    circle at top right,\r\n    rgba(217, 176, 132, 0.58),\r\n    transparent 42%\r\n  );\r\n}\r\n\r\n.hazelnut-card::before {\r\n  background: radial-gradient(\r\n    circle at top right,\r\n    rgba(155, 85, 42, 0.6),\r\n    transparent 42%\r\n  );\r\n}\r\n\r\n.pistachio-card::before {\r\n  background: radial-gradient(\r\n    circle at top right,\r\n    rgba(182, 212, 133, 0.58),\r\n    transparent 42%\r\n  );\r\n}\r\n\r\n.almond-card::before {\r\n  background: radial-gradient(\r\n    circle at top right,\r\n    rgba(234, 208, 162, 0.6),\r\n    transparent 42%\r\n  );\r\n}\r\n\r\n.choco-card > * {\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n.choco-card:hover {\r\n  transform: translateY(-8px);\r\n\r\n  border-color: rgba(255, 255, 255, 0.42);\r\n\r\n  box-shadow:\r\n    0 38px 80px rgba(45, 25, 12, 0.3),\r\n    inset 0 1px 0 rgba(255, 255, 255, 0.16);\r\n}\r\n\r\n\/* BALLS *\/\r\n\r\n.choco-ball {\r\n  position: absolute;\r\n  z-index: 2;\r\n\r\n  top: 26px;\r\n  right: 24px;\r\n\r\n  width: 62px;\r\n  height: 62px;\r\n\r\n  border-radius: 50%;\r\n\r\n  box-shadow:\r\n    inset 8px 8px 16px rgba(255, 255, 255, 0.2),\r\n    inset -8px -10px 18px rgba(0, 0, 0, 0.24),\r\n    0 12px 28px rgba(38, 20, 10, 0.28);\r\n}\r\n\r\n.peanut {\r\n  background: radial-gradient(\r\n    circle at 35% 35%,\r\n    #e6bd91,\r\n    #b77c49 58%,\r\n    #80502e\r\n  );\r\n}\r\n\r\n.hazelnut {\r\n  background: radial-gradient(\r\n    circle at 35% 35%,\r\n    #c27b48,\r\n    #814622 58%,\r\n    #4f2916\r\n  );\r\n}\r\n\r\n.pistachio {\r\n  background: radial-gradient(\r\n    circle at 35% 35%,\r\n    #c3df91,\r\n    #87ad55 58%,\r\n    #557536\r\n  );\r\n}\r\n\r\n.almond {\r\n  background: radial-gradient(\r\n    circle at 35% 35%,\r\n    #f1d6a5,\r\n    #c99b60 58%,\r\n    #92653b\r\n  );\r\n}\r\n\r\n\/* CARD TEXT *\/\r\n\r\n.number {\r\n  display: inline-block;\r\n\r\n  color: #ffe0bc;\r\n\r\n  font-size: 12px;\r\n  font-weight: 500;\r\n  letter-spacing: 4px;\r\n}\r\n\r\n.choco-card h3 {\r\n  margin: 95px 0 9px;\r\n\r\n  color: #fff3e4;\r\n\r\n  font-family: Georgia, \"Times New Roman\", serif;\r\n  font-size: 34px;\r\n  font-style: italic;\r\n  font-weight: 400;\r\n  line-height: 1.25;\r\n}\r\n\r\n.choco-card > p {\r\n  min-height: 44px;\r\n  margin: 0 0 38px;\r\n\r\n  color: rgba(255, 246, 235, 0.8);\r\n\r\n  font-family: Georgia, \"Times New Roman\", serif;\r\n  font-size: 16px;\r\n  font-style: italic;\r\n  line-height: 1.5;\r\n}\r\n\r\n.choco-card small {\r\n  display: block;\r\n\r\n  margin-bottom: 12px;\r\n\r\n  color: rgba(255, 242, 225, 0.72);\r\n\r\n  font-size: 10px;\r\n  font-weight: 500;\r\n  letter-spacing: 3px;\r\n}\r\n\r\n\/* STATS *\/\r\n\r\n.stats {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, minmax(0, 1fr));\r\n  gap: 10px;\r\n\r\n  padding-top: 15px;\r\n\r\n  border-top: 1px solid rgba(255, 255, 255, 0.24);\r\n}\r\n\r\n.stats div {\r\n  min-width: 0;\r\n}\r\n\r\n.stats strong {\r\n  display: block;\r\n\r\n  color: #fffaf3;\r\n\r\n  font-family: Georgia, \"Times New Roman\", 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\r\n  margin-top: 6px;\r\n\r\n  color: rgba(255, 244, 230, 0.64);\r\n\r\n  font-size: 8px;\r\n  font-weight: 500;\r\n  line-height: 1.4;\r\n  letter-spacing: 1.5px;\r\n  text-transform: uppercase;\r\n  overflow-wrap: anywhere;\r\n}\r\n\r\n\/* TABLET *\/\r\n\r\n@media (max-width: 1100px) {\r\n\r\n  .choco-section {\r\n    padding: 100px 5%;\r\n  }\r\n\r\n  .choco-top {\r\n    grid-template-columns: 1fr;\r\n    gap: 40px;\r\n\r\n    margin-bottom: 70px;\r\n  }\r\n\r\n  .choco-label {\r\n    margin-bottom: 0;\r\n  }\r\n\r\n  .choco-intro h2 {\r\n    font-size: clamp(72px, 10vw, 90px);\r\n  }\r\n\r\n  .choco-intro p {\r\n    font-size: 24px;\r\n  }\r\n\r\n  .choco-grid {\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n  }\r\n}\r\n\r\n\/* MOBILE *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n  .choco-section {\r\n    padding: 80px 20px;\r\n\r\n    background:\r\n      radial-gradient(\r\n        circle at 20% 15%,\r\n        rgba(190, 137, 88, 0.85),\r\n        transparent 35%\r\n      ),\r\n\r\n      radial-gradient(\r\n        circle at 80% 35%,\r\n        rgba(111, 57, 27, 0.72),\r\n        transparent 35%\r\n      ),\r\n\r\n      radial-gradient(\r\n        circle at 20% 65%,\r\n        rgba(116, 151, 68, 0.82),\r\n        transparent 38%\r\n      ),\r\n\r\n      radial-gradient(\r\n        circle at 85% 90%,\r\n        rgba(218, 178, 118, 0.82),\r\n        transparent 40%\r\n      ),\r\n\r\n      linear-gradient(\r\n        150deg,\r\n        #9d6840 0%,\r\n        #704327 32%,\r\n        #6b7442 65%,\r\n        #bc925d 100%\r\n      );\r\n  }\r\n\r\n  .choco-top {\r\n    gap: 34px;\r\n    margin-bottom: 55px;\r\n  }\r\n\r\n  .choco-label {\r\n    align-items: flex-start;\r\n    gap: 12px;\r\n  }\r\n\r\n  .choco-label i {\r\n    width: 40px;\r\n    margin-top: 8px;\r\n  }\r\n\r\n  .choco-label strong {\r\n    max-width: 220px;\r\n\r\n    font-size: 10px;\r\n    line-height: 1.7;\r\n    letter-spacing: 3px;\r\n  }\r\n\r\n  .choco-intro h2 {\r\n    margin-bottom: 28px;\r\n\r\n    font-size: clamp(52px, 15vw, 66px);\r\n    line-height: 0.94;\r\n    letter-spacing: -1.5px;\r\n  }\r\n\r\n  .choco-intro p {\r\n    font-size: 20px;\r\n    line-height: 1.5;\r\n  }\r\n\r\n  .choco-grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 20px;\r\n  }\r\n\r\n  .choco-card {\r\n    min-height: 360px;\r\n  }\r\n}\r\n\r\n\/* SMALL MOBILE *\/\r\n\r\n@media (max-width: 480px) {\r\n\r\n  .choco-section {\r\n    padding: 68px 16px;\r\n  }\r\n\r\n  .choco-intro h2 {\r\n    font-size: 49px;\r\n  }\r\n\r\n  .choco-card {\r\n    padding: 24px;\r\n  }\r\n\r\n  .choco-ball {\r\n    top: 22px;\r\n    right: 20px;\r\n\r\n    width: 56px;\r\n    height: 56px;\r\n  }\r\n\r\n  .choco-card h3 {\r\n    margin-top: 90px;\r\n    font-size: 30px;\r\n  }\r\n\r\n  .stats {\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    row-gap: 20px;\r\n  }\r\n\r\n  .stats strong {\r\n    font-size: 19px;\r\n  }\r\n}\r\n\/* ==================================================\r\n   GLUTEN-FREE LOGO INSIDE ROUND BADGE\r\n================================================== *\/\r\n\r\n.choco-ball {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  overflow: hidden;\r\n  padding: 0;\r\n\r\n  background: #7f8731;\r\n}\r\n\r\n.choco-ball img {\r\n  display: block;\r\n\r\n  width: 100%;\r\n  height: 100%;\r\n\r\n  object-fit: cover;\r\n  border-radius: 50%;\r\n\r\n  transition:\r\n    transform 0.35s ease,\r\n    filter 0.35s ease;\r\n}\r\n\r\n.choco-card:hover .choco-ball img {\r\n  transform: scale(1.06);\r\n  filter: brightness(1.05);\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   BAKED BADGE ABOVE TITLE\r\n================================================== *\/\r\n.choco-baked-badge {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 100%;\r\n  margin: 18px 0 12px;\r\n}\r\n\r\n.choco-baked-badge img {\r\n  display: block;\r\n\r\n  width: 58px;\r\n  height: 58px;\r\n\r\n  object-fit: contain;\r\n\r\n  border-radius: 50%;\r\n\r\n  transition:\r\n    transform 0.35s ease,\r\n    filter 0.35s ease;\r\n}\r\n\r\n.choco-card:hover .choco-baked-badge img {\r\n  transform: translateY(-3px) rotate(-3deg);\r\n  filter: drop-shadow(0 8px 12px rgba(25, 14, 8, 0.25));\r\n}\r\n\r\n\r\n\/* Remove the old large space above card titles *\/\r\n\r\n.choco-card h3 {\r\n  margin: 0 0 9px;\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   TABLET\r\n================================================== *\/\r\n\r\n@media (max-width: 1100px) {\r\n\r\n  .choco-ball {\r\n    width: 58px;\r\n    height: 58px;\r\n  }\r\n\r\n  .choco-baked-badge {\r\n    margin: 16px 0 11px;\r\n  }\r\n\r\n  .choco-baked-badge img {\r\n    width: 54px;\r\n    height: 54px;\r\n  }\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   MOBILE\r\n================================================== *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n  .choco-ball {\r\n    top: 20px;\r\n    right: 20px;\r\n\r\n    width: 55px;\r\n    height: 55px;\r\n  }\r\n\r\n  .choco-baked-badge {\r\n    margin: 16px 0 10px;\r\n  }\r\n\r\n  .choco-baked-badge img {\r\n    width: 52px;\r\n    height: 52px;\r\n  }\r\n\r\n  .choco-card h3 {\r\n    margin-top: 0;\r\n  }\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   SMALL MOBILE\r\n================================================== *\/\r\n\r\n@media (max-width: 480px) {\r\n\r\n  .choco-ball {\r\n    top: 19px;\r\n    right: 18px;\r\n\r\n    width: 52px;\r\n    height: 52px;\r\n  }\r\n\r\n  .choco-baked-badge img {\r\n    width: 48px;\r\n    height: 48px;\r\n  }\r\n\r\n  .choco-card h3 {\r\n    margin-top: 0;\r\n    font-size: 30px;\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   \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 baked<\/p>\r\n\r\n  \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 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\r\n    <div class=\"numbers-inner\">\r\n\r\n        <div class=\"numbers-top\">\r\n\r\n            <div class=\"numbers-label\">\r\n                <span>05<\/span>\r\n                <i><\/i>\r\n                <strong>BY THE NUMBERS<\/strong>\r\n            <\/div>\r\n\r\n            <h2>\r\n                Small house. <em>Quiet ambition.<\/em>\r\n            <\/h2>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"numbers-table\">\r\n\r\n            <!-- CALORIES -->\r\n            <div class=\"number-item\">\r\n                <span class=\"number-prefix\">FROM<\/span>\r\n                <h3>8<\/h3>\r\n                <p>KCAL PER KR\u00c5AK<\/p>\r\n            <\/div>\r\n\r\n            <!-- PROTEIN -->\r\n            <div class=\"number-item\">\r\n                <span class=\"number-prefix\">UP TO<\/span>\r\n                <h3>21<\/h3>\r\n                <p>GRAMS PROTEIN PER BOX<\/p>\r\n            <\/div>\r\n\r\n            <!-- TOTAL SKUS -->\r\n            <div class=\"number-item no-prefix\">\r\n                <h3>16<\/h3>\r\n                <p>TOTAL SKUS<\/p>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n.kraaks-numbers-exact {\r\n    background: #f3efe8;\r\n    padding: 110px 0;\r\n    color: #1f2432;\r\n}\r\n\r\n.kraaks-numbers-exact .numbers-inner {\r\n    width: min(1180px, 90%);\r\n    margin: 0 auto;\r\n}\r\n\r\n\/* ==============================\r\n   TOP\r\n============================== *\/\r\n\r\n.kraaks-numbers-exact .numbers-top {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    text-align: center;\r\n    margin-bottom: 70px;\r\n}\r\n\r\n.kraaks-numbers-exact .numbers-label {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 18px;\r\n    margin-bottom: 35px;\r\n    font-size: 11px;\r\n    letter-spacing: 5px;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.kraaks-numbers-exact .numbers-label span {\r\n    color: #a26f42;\r\n}\r\n\r\n.kraaks-numbers-exact .numbers-label i {\r\n    display: block;\r\n    width: 65px;\r\n    height: 1px;\r\n    background: #d4cbbb;\r\n}\r\n\r\n.kraaks-numbers-exact .numbers-label strong {\r\n    color: #1f2432;\r\n    font-weight: 500;\r\n}\r\n\r\n.kraaks-numbers-exact .numbers-top h2 {\r\n    max-width: 820px;\r\n    margin: 0;\r\n    color: #1f2432;\r\n    font-family: Georgia, \"Times New Roman\", serif;\r\n    font-size: 78px;\r\n    font-weight: 400;\r\n    line-height: 1;\r\n}\r\n\r\n.kraaks-numbers-exact .numbers-top h2 em {\r\n    font-style: italic;\r\n    font-weight: 400;\r\n}\r\n\r\n\/* ==============================\r\n   NUMBERS TABLE\r\n============================== *\/\r\n\r\n.kraaks-numbers-exact .numbers-table {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, minmax(0, 1fr));\r\n    border-top: 1px solid #d4cbbb;\r\n    border-bottom: 1px solid #d4cbbb;\r\n}\r\n\r\n.kraaks-numbers-exact .number-item {\r\n    position: relative;\r\n    display: flex;\r\n    min-height: 220px;\r\n    padding: 40px 20px 45px;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border-right: 1px solid #d4cbbb;\r\n    text-align: center;\r\n}\r\n\r\n.kraaks-numbers-exact .number-item:last-child {\r\n    border-right: none;\r\n}\r\n\r\n\/* Small text above numbers *\/\r\n\r\n.kraaks-numbers-exact .number-prefix {\r\n    min-height: 16px;\r\n    margin-bottom: 13px;\r\n    color: #d76b65;\r\n    font-size: 10px;\r\n    font-weight: 500;\r\n    letter-spacing: 0.5px;\r\n    line-height: 1;\r\n    text-transform: uppercase;\r\n}\r\n\r\n\/* Numbers *\/\r\n\r\n.kraaks-numbers-exact .number-item h3 {\r\n    margin: 0 0 27px;\r\n    color: #1f2432;\r\n    font-family: Georgia, \"Times New Roman\", serif;\r\n    font-size: 82px;\r\n    font-weight: 400;\r\n    line-height: 0.82;\r\n}\r\n\r\n\/* Bottom labels *\/\r\n\r\n.kraaks-numbers-exact .number-item p {\r\n    margin: 0;\r\n    color: #1f2432;\r\n    font-size: 10px;\r\n    font-weight: 400;\r\n    letter-spacing: 3.5px;\r\n    line-height: 1.5;\r\n    text-transform: uppercase;\r\n}\r\n\r\n\/* Keeps the third number aligned with the others *\/\r\n\r\n.kraaks-numbers-exact .number-item.no-prefix {\r\n    padding-top: 69px;\r\n}\r\n\r\n\/* ==============================\r\n   TABLET\r\n============================== *\/\r\n\r\n@media (max-width: 1200px) {\r\n\r\n    .kraaks-numbers-exact .numbers-top h2 {\r\n        font-size: 68px;\r\n    }\r\n\r\n    .kraaks-numbers-exact .number-item h3 {\r\n        font-size: 76px;\r\n    }\r\n\r\n    .kraaks-numbers-exact .number-item p {\r\n        letter-spacing: 2.8px;\r\n    }\r\n}\r\n\r\n\/* ==============================\r\n   MOBILE\r\n============================== *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n    .kraaks-numbers-exact {\r\n        padding: 90px 0;\r\n    }\r\n\r\n    .kraaks-numbers-exact .numbers-top {\r\n        margin-bottom: 55px;\r\n    }\r\n\r\n    .kraaks-numbers-exact .numbers-top h2 {\r\n        max-width: 620px;\r\n        font-size: 54px;\r\n    }\r\n\r\n    .kraaks-numbers-exact .numbers-table {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    .kraaks-numbers-exact .number-item {\r\n        min-height: 190px;\r\n        padding: 42px 20px;\r\n        border-right: none;\r\n        border-bottom: 1px solid #d4cbbb;\r\n    }\r\n\r\n    .kraaks-numbers-exact .number-item:last-child {\r\n        border-bottom: none;\r\n    }\r\n\r\n    .kraaks-numbers-exact .number-item.no-prefix {\r\n        padding-top: 42px;\r\n    }\r\n\r\n    .kraaks-numbers-exact .number-item.no-prefix::before {\r\n        display: block;\r\n        min-height: 16px;\r\n        margin-bottom: 13px;\r\n        content: \"\";\r\n    }\r\n}\r\n\r\n\/* ==============================\r\n   SMALL MOBILE\r\n============================== *\/\r\n\r\n@media (max-width: 600px) {\r\n\r\n    .kraaks-numbers-exact {\r\n        padding: 70px 0;\r\n    }\r\n\r\n    .kraaks-numbers-exact .numbers-inner {\r\n        width: 88%;\r\n    }\r\n\r\n    .kraaks-numbers-exact .numbers-label {\r\n        gap: 12px;\r\n        margin-bottom: 28px;\r\n        font-size: 9px;\r\n        letter-spacing: 3px;\r\n    }\r\n\r\n    .kraaks-numbers-exact .numbers-label i {\r\n        width: 40px;\r\n    }\r\n\r\n    .kraaks-numbers-exact .numbers-top {\r\n        margin-bottom: 45px;\r\n    }\r\n\r\n    .kraaks-numbers-exact .numbers-top h2 {\r\n        font-size: 42px;\r\n        line-height: 1.05;\r\n    }\r\n\r\n    .kraaks-numbers-exact .number-item {\r\n        min-height: 175px;\r\n        padding: 38px 15px;\r\n    }\r\n\r\n    .kraaks-numbers-exact .number-item.no-prefix {\r\n        padding-top: 38px;\r\n    }\r\n\r\n    .kraaks-numbers-exact .number-item h3 {\r\n        margin-bottom: 24px;\r\n        font-size: 70px;\r\n    }\r\n\r\n    .kraaks-numbers-exact .number-item p {\r\n        font-size: 9px;\r\n        letter-spacing: 2.5px;\r\n    }\r\n\r\n    .kraaks-numbers-exact .number-prefix {\r\n        margin-bottom: 12px;\r\n        font-size: 9px;\r\n    }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-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>06<\/span>\r\n        <i><\/i>\r\n        <strong>WHERE TO FIND US<\/strong>\r\n      <\/div>\r\n\r\n      <div class=\"find-title\">\r\n        <h2>From Brooklyn to <em>Beirut.<\/em><\/h2>\r\n        <p>Selected retailers, delicatessens, and specialty grocers. New stockists added each season.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"find-boxes\">\r\n    <div class=\"find-box\">\r\n        <h3 class=\"rotating-name\" data-set=\"0\">Toters<\/h3>\r\n        <p>LEBANON<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"find-box\">\r\n        <h3 class=\"rotating-name\" data-set=\"1\">Al Forno<\/h3>\r\n        <p>LEBANON<\/p>\r\n    <\/div>\r\n<\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.kraaks-find-section {\r\n  position: relative;\r\n  background: #e8deca;\r\n  padding: 120px 0 135px;\r\n  color: #151515;\r\n  overflow: hidden;\r\n}\r\n\r\n.find-inner {\r\n  width: 62%;\r\n  max-width: 1160px;\r\n  margin: 0 auto;\r\n}\r\n\r\n.find-top {\r\n  display: grid;\r\n  grid-template-columns: 330px 1fr;\r\n  align-items: center;\r\n  margin-bottom: 70px;\r\n}\r\n\r\n.find-label {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 16px;\r\n  font-size: 11px;\r\n  letter-spacing: 5px;\r\n  white-space: nowrap;\r\n}\r\n\r\n.find-label span {\r\n  color: #9b6c3e;\r\n}\r\n\r\n.find-label i {\r\n  width: 60px;\r\n  height: 1px;\r\n  background: #c9bfae;\r\n  display: block;\r\n}\r\n\r\n.find-label strong {\r\n  font-weight: 500;\r\n  color: #222;\r\n}\r\n\r\n.find-title h2 {\r\n  font-family: Georgia, serif;\r\n  font-size: clamp(56px, 5.2vw, 88px);\r\n  line-height: 1;\r\n  font-weight: 400;\r\n  margin: 0 0 25px;\r\n}\r\n\r\n.find-title h2 em {\r\n  font-style: italic;\r\n}\r\n\r\n.find-title p {\r\n  max-width: 590px;\r\n  font-size: 18px;\r\n  line-height: 1.45;\r\n  color: #3e3b36;\r\n  margin: 0;\r\n}\r\n.find-boxes{\r\n    display:grid;\r\n    grid-template-columns:repeat(2,minmax(320px,420px));\r\n    justify-content:center;\r\n    border:1px solid #bdb3a2;\r\n    border-radius:5px;\r\n    overflow:hidden;\r\n    width:fit-content;\r\n    margin:0 auto;\r\n}\r\n\r\n.find-box{\r\n    min-height:170px;\r\n    width:420px;\r\n    padding:48px 35px 35px;\r\n    text-align:center;\r\n    border-right:1px solid #bdb3a2;\r\n    background:rgba(243,239,232,.45);\r\n}\r\n\r\n.find-box:last-child{\r\n    border-right:none;\r\n}\r\n\r\n.find-box h3 {\r\n  font-family: Georgia, serif;\r\n  font-size: 30px;\r\n  line-height: 1;\r\n  font-weight: 400;\r\n  font-style: italic;\r\n  color: #9b6c3e;\r\n  margin: 0 0 25px;\r\n  transition: opacity .35s ease, transform .35s ease;\r\n}\r\n\r\n.find-box h3 em {\r\n  color: #9b6c3e;\r\n  font-style: italic;\r\n}\r\n\r\n.find-box h3.fade-out {\r\n  opacity: 0;\r\n  transform: translateY(8px);\r\n}\r\n\r\n.find-box p {\r\n  font-size: 10px;\r\n  letter-spacing: 5px;\r\n  color: #3d3832;\r\n  margin: 0;\r\n}\r\n\r\n.find-box small {\r\n  display: block;\r\n  margin-top: 14px;\r\n  font-size: 10px;\r\n  letter-spacing: 3px;\r\n  color: #9b6c3e;\r\n  font-weight: 700;\r\n}\r\n\r\n.find-decor .dot {\r\n  position: absolute;\r\n  top: 100px;\r\n  left: 23%;\r\n  width: 8px;\r\n  height: 8px;\r\n  background: #111;\r\n  border-radius: 50%;\r\n}\r\n\r\n.find-decor .circle {\r\n  position: absolute;\r\n  top: 215px;\r\n  left: 47.8%;\r\n  width: 38px;\r\n  height: 38px;\r\n  border: 1px solid #d4cbbd;\r\n  border-radius: 50%;\r\n}\r\n\r\n@media(max-width: 1200px) {\r\n  .find-inner {\r\n    width: 78%;\r\n  }\r\n}\r\n\r\n@media(max-width: 900px) {\r\n  .kraaks-find-section {\r\n    padding: 85px 0;\r\n  }\r\n\r\n  .find-inner {\r\n    width: 88%;\r\n  }\r\n\r\n  .find-top {\r\n    grid-template-columns: 1fr;\r\n    gap: 35px;\r\n  }\r\n\r\n  .find-title h2 {\r\n    font-size: 54px;\r\n  }\r\n\r\n   .find-boxes{\r\n        grid-template-columns:1fr;\r\n        width:100%;\r\n        max-width:420px;\r\n    }\r\n\r\n    .find-box{\r\n        width:100%;\r\n        border-right:none;\r\n        border-bottom:1px solid #bdb3a2;\r\n    }\r\n\r\n    .find-box:last-child{\r\n        border-bottom:none;\r\n    }\r\n  .find-box:nth-child(2) {\r\n    border-right: none;\r\n  }\r\n\r\n  .find-box:nth-child(1),\r\n  .find-box:nth-child(2) {\r\n    border-bottom: 1px solid #bdb3a2;\r\n  }\r\n}\r\n\r\n@media(max-width: 600px) {\r\n  .find-title h2 {\r\n    font-size: 44px;\r\n  }\r\n\r\n  .find-boxes {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .find-box {\r\n    border-right: none;\r\n    border-bottom: 1px solid #bdb3a2;\r\n  }\r\n\r\n  .find-box:last-child {\r\n    border-bottom: none;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function () {\r\n  const nameSets = [\r\n    [\"Al Forno\", \"Toters\"],\r\n    [\"Toters\", \"Al Forno\", ],\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>07<\/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 - 2018<\/small>\r\n        <h3><em>Original<\/em> Kr\u00e5aks <\/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>7<\/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\u00c5AKS - PER BOX<\/span><\/div>\r\n          <div><strong>12<\/strong><span>BOXES - PER CARTON<\/span><\/div>\r\n          <div><strong>7 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 - 2025<\/small>\r\n        <h3><em>Protein+<\/em> Kr\u00e5aks<\/h3>\r\n\r\n        <div class=\"shelf-chart\" data-months=\"7\">\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>7<\/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\u00c5AKS - PER BOX<\/span><\/div>\r\n          <div><strong>12<\/strong><span>BOXES - PER CARTON<\/span><\/div>\r\n          <div><strong>7 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\u00e5aks<\/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>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>150 g<\/strong><span>NET WEIGHT<\/span><\/div>\r\n          <div><strong>5<\/strong><span>KR\u00c5AKS - 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>\r\n\r\n    <p class=\"trade-note\">\r\n      All formats: BAKED \u2022 gluten-free \u2022 vegan \u2022 halal \u2022 produced in Lebanon by Global Foods SAL for\r\n      <br>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  width: 280px;\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>08<\/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-Kr\u00e5aks<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=\"https:\/\/wa.me\/9613827681\" 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          \r\n        <\/div>\r\n <div class=\"info-row\">\r\n          <small>EMAIL<\/small>\r\n          <p>davidassaily@mac.com<\/p>\r\n        <\/div>\r\n        \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>PRODUCED BY<\/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 class=\"social-links\">\r\n    <a href=\"https:\/\/www.instagram.com\/sprodkraaks\/\" target=\"_blank\">Instagram<\/a>\r\n    <span>\u2022<\/span>\r\n    <a href=\"https:\/\/www.facebook.com\/Marwan.C.SprodKraaks\/\" target=\"_blank\">Facebook<\/a>\r\n<\/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.social-links{\r\n    margin:0;\r\n    font-size:16px;\r\n}\r\n\r\n.social-links a{\r\n    color:#9b6c3e;\r\n   text-decoration: none !important;\r\n    transition:.3s ease;\r\n}\r\n\r\n.social-links a:visited,\r\n.social-links a:hover,\r\n.social-links a:focus,\r\n.social-links a:active{\r\n    color:#9b6c3e;\r\n    text-decoration:none;\r\n}\r\n\r\n.social-links a:hover{\r\n    opacity:.75;\r\n}\r\n\r\n.social-links span{\r\n    color:#9b6c3e;\r\n    margin:0 10px;\r\n}\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, 4vw, 98px);\r\n  line-height: 0.95;\r\n  font-weight: 400;\r\n  margin: 0 0 42px;\r\n  width:600px;\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. Brooklyn- 2018 NOW IN 4 MARKETS Kr\u00e5ak a smile Sixteen bold flavours of slow,baked crackers. Bake what you love [&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":133,"href":"https:\/\/sprodkraaks.com\/index.php?rest_route=\/wp\/v2\/pages\/21\/revisions"}],"predecessor-version":[{"id":479,"href":"https:\/\/sprodkraaks.com\/index.php?rest_route=\/wp\/v2\/pages\/21\/revisions\/479"}],"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}]}}