{"id":3526,"date":"2026-08-11T23:37:49","date_gmt":"2026-08-11T19:37:49","guid":{"rendered":"https:\/\/mauritiussugar.mu\/?page_id=3526"},"modified":"2026-11-10T16:12:46","modified_gmt":"2026-11-10T12:12:46","slug":"products","status":"publish","type":"page","link":"https:\/\/mauritiussugar.mu\/products\/","title":{"rendered":"Products"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3526\" class=\"elementor elementor-3526\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-585c4d3 e-con-full e-flex e-con e-parent\" data-id=\"585c4d3\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-9139df9 e-con-full e-flex e-con e-child\" data-id=\"9139df9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dc91885 elementor-widget elementor-widget-html\" data-id=\"dc91885\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Lato:wght@400;500;600&display=swap\" rel=\"stylesheet\" \/>\n\n<style>\n  .site-header {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    z-index: 1000;\n    background: transparent;\n    transition: background 0.35s ease, box-shadow 0.35s ease;\n  }\n\n  .site-header.scrolled {\n    background: #ffffff;\n    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.08);\n  }\n\n  .header-inner {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    width: 100%;\n    padding: 0 90px 0 20px;\n    height: 100px;\n  }\n\n  .header-logo {\n    display: flex;\n    align-items: center;\n    text-decoration: none;\n    flex-shrink: 0;\n    position: relative;\n  }\n\n  .header-logo img {\n    height: 75px;\n    width: auto;\n    display: block;\n    transition: opacity 0.35s ease;\n  }\n\n  .header-logo .logo-light { opacity: 1; }\n  .header-logo .logo-dark  { opacity: 0; position: absolute; top: 0; left: 0; }\n  .site-header.scrolled .header-logo .logo-light { opacity: 0; }\n  .site-header.scrolled .header-logo .logo-dark  { opacity: 1; }\n\n  \/* \u2500\u2500 Nav \u2500\u2500 *\/\n  .header-nav {\n    display: flex;\n    align-items: center;\n    gap: 2px;\n  }\n\n  .header-nav a {\n    display: inline-block;\n    padding: 6px 8px;\n    font-size: 12px;\n    font-weight: 500;\n    font-family: 'Lato', Arial, sans-serif;\n    letter-spacing: 0.06em;\n    text-transform: uppercase;\n    text-decoration: none;\n    color: #ffffff;\n    white-space: nowrap;\n    transition: color 0.35s ease;\n  }\n\n  .site-header.scrolled .header-nav a {\n    color: #6a6b6c;\n  }\n\n  \/* \u2500\u2500 Hamburger button (hidden on desktop) \u2500\u2500 *\/\n  .header-menu-btn {\n    display: none;\n    flex-direction: column;\n    justify-content: center;\n    gap: 5px;\n    background: none;\n    border: none;\n    cursor: pointer;\n    padding: 4px;\n    z-index: 1100;\n  }\n\n  .header-menu-btn span {\n    display: block;\n    width: 24px;\n    height: 2px;\n    background: #ffffff;\n    border-radius: 2px;\n    transition: background 0.35s ease, transform 0.3s ease, opacity 0.3s ease;\n  }\n\n  .site-header.scrolled .header-menu-btn span {\n    background: #382e2d;\n  }\n\n  \/* Animate to X when open *\/\n  .site-header.menu-open .header-menu-btn span:nth-child(1) { transform: translateY(7px) rotate(45deg); }\n  .site-header.menu-open .header-menu-btn span:nth-child(2) { opacity: 0; }\n  .site-header.menu-open .header-menu-btn span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }\n\n  \/* \u2500\u2500 Mobile drawer \u2500\u2500 *\/\n  .header-nav-drawer {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: #ffffff;\n    z-index: 1050;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    gap: 10px;\n    padding: 80px 30px 40px;\n    transform: translateX(100%);\n    transition: transform 0.35s ease;\n    overflow-y: auto;\n    justify-content: safe center;\n  }\n\n  .site-header.menu-open .header-nav-drawer {\n    transform: translateX(0);\n  }\n\n  .header-nav-drawer a {\n    font-size: 16px;\n    font-weight: 600;\n    font-family: 'Lato', Arial, sans-serif;\n    letter-spacing: 0.06em;\n    text-transform: uppercase;\n    text-decoration: none;\n    color: #382e2d;\n    padding: 10px 0;\n    border-bottom: 1px solid #e8e8e8;\n    width: 100%;\n    text-align: center;\n    transition: color 0.2s;\n  }\n\n  .header-nav-drawer a:hover { color: #6a6b6c; }\n\n  \/* \u2500\u2500 Tablet (max 1024px) \u2014 shrink text \u2500\u2500 *\/\n  @media (max-width: 1024px) {\n    .header-inner {\n      padding: 0 30px;\n    }\n\n    .header-nav a {\n      font-size: 10px;\n      padding: 6px 5px;\n    }\n  }\n\n  \/* \u2500\u2500 Mobile (max 768px) \u2014 hamburger \u2500\u2500 *\/\n  @media (max-width: 768px) {\n    .header-inner {\n      padding: 0 20px;\n      height: 70px;\n    }\n\n    .header-logo img {\n      height: 50px;\n    }\n\n    .header-nav {\n      display: none;\n    }\n\n    .header-menu-btn {\n      display: flex;\n    }\n\n    .header-nav-drawer {\n      display: flex;\n    }\n  }\n\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     DROPDOWN SUBMENUS\n     \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n  .site-header {\n    --dd-ease-out: cubic-bezier(0.16, 1, 0.3, 1);\n    --dd-ease-io:  cubic-bezier(0.65, 0, 0.35, 1);\n    --dd-olive:    #b2b64f;\n    --dd-olive-dk: #6b7130;\n    --dd-ink:      #382e2d;\n  }\n\n  .header-nav .nav-item { position: relative; display: block; }\n\n  \/* Parent link: olive tab rises from the bottom on open *\/\n  .header-nav .nav-item > .nav-link {\n    position: relative;\n    isolation: isolate;\n    display: inline-flex;\n    align-items: center;\n    gap: 7px;\n  }\n  .header-nav .nav-item > .nav-link::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    z-index: -1;\n    background: var(--dd-olive);\n    border-radius: 3px 3px 0 0;\n    transform: scaleY(0);\n    transform-origin: bottom;\n    transition: transform 380ms var(--dd-ease-out);\n  }\n  .site-header .header-nav .nav-item.is-open > .nav-link,\n  .site-header.scrolled .header-nav .nav-item.is-open > .nav-link { color: #ffffff; }\n  .header-nav .nav-item.is-open > .nav-link::before { transform: scaleY(1); }\n\n  .nav-chev {\n    width: 9px;\n    height: 6px;\n    flex: 0 0 auto;\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.6;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    transition: transform 420ms var(--dd-ease-out);\n  }\n  .nav-item.is-open > .nav-link .nav-chev { transform: rotate(180deg); }\n\n  \/* Panel *\/\n  .nav-sub-wrap {\n    position: absolute;\n    top: 100%;\n    left: 0;\n    padding-top: 4px;           \/* hover bridge between tab and panel *\/\n    min-width: 100%;\n    visibility: hidden;\n    pointer-events: none;\n    transition: visibility 0s linear 240ms;\n    z-index: 5;\n  }\n  .nav-item.is-open > .nav-sub-wrap {\n    visibility: visible;\n    pointer-events: auto;\n    transition-delay: 0s;\n  }\n\n  .nav-sub {\n    margin: 0;\n    padding: 6px 0;\n    list-style: none;\n    min-width: 210px;\n    background: rgba(240, 236, 226, 0.82);\n    -webkit-backdrop-filter: blur(16px) saturate(1.3);\n            backdrop-filter: blur(16px) saturate(1.3);\n    border: 1px solid rgba(255, 255, 255, 0.4);\n    border-radius: 0 4px 4px 4px;\n    box-shadow: 0 18px 40px rgba(20, 16, 12, 0.22), 0 2px 6px rgba(20, 16, 12, 0.08);\n    clip-path: inset(0 0 100% 0 round 4px);\n    opacity: 0;\n    transform: translateY(-8px);\n    transition: clip-path 240ms var(--dd-ease-io), opacity 180ms ease, transform 240ms var(--dd-ease-out);\n  }\n  .nav-item.is-open > .nav-sub-wrap .nav-sub {\n    clip-path: inset(0 0 0 0 round 4px);\n    opacity: 1;\n    transform: none;\n    transition: clip-path 560ms var(--dd-ease-out), opacity 300ms ease, transform 560ms var(--dd-ease-out);\n  }\n\n  .nav-sub li {\n    margin: 0;\n    opacity: 0;\n    transform: translateX(-12px);\n    transition: opacity 150ms ease, transform 150ms ease;\n  }\n  .nav-item.is-open .nav-sub li {\n    opacity: 1;\n    transform: none;\n    transition: opacity 420ms ease calc(110ms + var(--i, 0) * 55ms),\n                transform 560ms var(--dd-ease-out) calc(110ms + var(--i, 0) * 55ms);\n  }\n\n  \/* Sub links (override the top-level link look) *\/\n  .site-header .header-nav .nav-sub a {\n    position: relative;\n    isolation: isolate;\n    display: block;\n    padding: 9px 26px 9px 22px;\n    font-size: 16px;\n    line-height: 1.4;\n    font-weight: 400;\n    letter-spacing: 0;\n    text-transform: none;\n    color: var(--dd-ink);\n    white-space: nowrap;\n    transition: color 0.3s ease, padding-left 0.45s var(--dd-ease-out);\n  }\n  .site-header.scrolled .header-nav .nav-sub a { color: var(--dd-ink); }\n  .header-nav .nav-sub a::before {      \/* sliding olive background *\/\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    z-index: -1;\n    background: linear-gradient(90deg, rgba(178, 182, 79, 0.28), rgba(178, 182, 79, 0.06));\n    transform: scaleX(0);\n    transform-origin: left;\n    transition: transform 0.5s var(--dd-ease-out);\n  }\n  .header-nav .nav-sub a::after {       \/* olive marker *\/\n    content: \"\";\n    position: absolute;\n    left: 0;\n    top: 50%;\n    width: 3px;\n    height: 56%;\n    background: var(--dd-olive);\n    border-radius: 0 2px 2px 0;\n    transform: translateY(-50%) scaleY(0);\n    transition: transform 0.45s var(--dd-ease-out);\n  }\n  .site-header .header-nav .nav-sub a:hover,\n  .site-header .header-nav .nav-sub a:focus-visible {\n    color: var(--dd-olive-dk);\n    padding-left: 28px;\n    outline: none;\n  }\n  .header-nav .nav-sub a:hover::before,\n  .header-nav .nav-sub a:focus-visible::before { transform: scaleX(1); }\n  .header-nav .nav-sub a:hover::after,\n  .header-nav .nav-sub a:focus-visible::after { transform: translateY(-50%) scaleY(1); }\n\n  \/* No-JS fallback: plain hover \/ focus *\/\n  .site-header:not(.dd-js) .nav-item:hover > .nav-sub-wrap,\n  .site-header:not(.dd-js) .nav-item:focus-within > .nav-sub-wrap { visibility: visible; pointer-events: auto; transition-delay: 0s; }\n  .site-header:not(.dd-js) .nav-item:hover .nav-sub,\n  .site-header:not(.dd-js) .nav-item:focus-within .nav-sub { clip-path: inset(0 0 0 0 round 4px); opacity: 1; transform: none; }\n  .site-header:not(.dd-js) .nav-item:hover .nav-sub li,\n  .site-header:not(.dd-js) .nav-item:focus-within .nav-sub li { opacity: 1; transform: none; }\n\n  @media (max-width: 1024px) {\n    .site-header .header-nav .nav-sub a { font-size: 14px; padding: 8px 22px 8px 18px; }\n    .nav-sub { min-width: 180px; }\n    .header-nav .nav-item > .nav-link { gap: 5px; }\n  }\n\n  \/* \u2500\u2500 Mobile drawer accordion \u2500\u2500 *\/\n  .header-nav-drawer .drawer-item { width: 100%; }\n  .header-nav-drawer .drawer-row {\n    display: flex;\n    align-items: stretch;\n    width: 100%;\n    border-bottom: 1px solid #e8e8e8;\n  }\n  .header-nav-drawer .drawer-row > a {\n    flex: 1 1 auto;\n    border-bottom: 0;\n    padding-left: 44px;            \/* balances the toggle so the label stays centred *\/\n  }\n  .header-nav-drawer .drawer-toggle {\n    all: unset;\n    box-sizing: border-box;\n    flex: 0 0 44px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    color: #382e2d;\n    -webkit-tap-highlight-color: transparent;\n  }\n  .header-nav-drawer .drawer-toggle:focus-visible { outline: 2px solid var(--dd-olive); outline-offset: -4px; }\n  .header-nav-drawer .drawer-toggle .nav-chev { width: 12px; height: 8px; }\n  .drawer-item.is-open .drawer-toggle .nav-chev { transform: rotate(180deg); }\n\n  .header-nav-drawer .drawer-sub {\n    display: grid;\n    grid-template-rows: 0fr;\n    transition: grid-template-rows 480ms var(--dd-ease-out);\n  }\n  .drawer-item.is-open .drawer-sub { grid-template-rows: 1fr; }\n  .header-nav-drawer .drawer-sub-inner { overflow: hidden; min-height: 0; background: #f6f3ec; }\n  .header-nav-drawer .drawer-sub a {\n    display: block;\n    font-size: 14px;\n    font-weight: 500;\n    letter-spacing: 0.04em;\n    text-transform: none;\n    color: #6a6b6c;\n    padding: 11px 0;\n    border-bottom: 1px solid #ece8de;\n    opacity: 0;\n    transform: translateY(-8px);\n    transition: opacity 0.25s ease, transform 0.25s ease, color 0.2s;\n  }\n  .drawer-item.is-open .drawer-sub a {\n    opacity: 1;\n    transform: none;\n    transition: opacity 0.4s ease calc(120ms + var(--k, 0) * 50ms),\n                transform 0.5s var(--dd-ease-out) calc(120ms + var(--k, 0) * 50ms),\n                color 0.2s;\n  }\n  .header-nav-drawer .drawer-sub a:hover { color: var(--dd-olive-dk); }\n  .header-nav-drawer .drawer-sub a:last-child { border-bottom: 0; }\n\n  @media (prefers-reduced-motion: reduce) {\n    .header-nav .nav-item > .nav-link::before,\n    .nav-chev, .nav-sub, .nav-sub li, .nav-sub a, .nav-sub a::before, .nav-sub a::after,\n    .drawer-sub, .drawer-sub a { transition-duration: 0.01ms !important; transition-delay: 0s !important; }\n  }\n\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     MARKETING KIT BUTTON\n     Hover: amber fill sweeps in from the left (exits to the right),\n     label rolls up to reveal a dark copy, border warms, soft glow.\n     \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n  .site-header {\n    --mk-amber: #e8a317;\n    --mk-ink:   #1f1a19;\n  }\n\n  .site-header a.mk-btn {\n    --mk-fg:   #ffffff;\n    --mk-line: #ffffff;\n    position: relative;\n    isolation: isolate;\n    display: inline-block;\n    flex-shrink: 0;\n    margin-left: 16px;\n    padding: 11px 22px;\n    font-family: 'Lato', Arial, sans-serif;\n    font-size: 12px;\n    font-weight: 500;\n    line-height: 14px;\n    letter-spacing: 0.14em;\n    text-transform: uppercase;\n    text-decoration: none;\n    white-space: nowrap;\n    background: transparent;\n    border: 1px solid var(--mk-line);\n    border-radius: 0;\n    overflow: hidden;\n    transition: border-color 0.5s var(--dd-ease-out),\n                box-shadow 0.6s var(--dd-ease-out),\n                transform 0.3s ease;\n  }\n  .site-header.scrolled a.mk-btn {\n    --mk-fg:   #382e2d;\n    --mk-line: #382e2d;\n  }\n\n  \/* Amber fill *\/\n  .mk-btn::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    z-index: -1;\n    background: var(--mk-amber);\n    transform: scaleX(0);\n    transform-origin: right center;\n    transition: transform 560ms var(--dd-ease-io);\n  }\n\n  \/* Label roll *\/\n  .mk-btn .mk-label {\n    position: relative;\n    display: block;\n    overflow: hidden;\n  }\n  .mk-btn .mk-txt {\n    position: relative;\n    display: block;\n    color: var(--mk-fg);\n    transition: transform 520ms var(--dd-ease-out);\n  }\n  .mk-btn .mk-txt::after {\n    content: attr(data-text);\n    position: absolute;\n    left: 0;\n    top: 100%;\n    color: var(--mk-ink);\n  }\n\n  \/* Hover \/ keyboard focus *\/\n  .site-header a.mk-btn:hover,\n  .site-header a.mk-btn:focus-visible {\n    border-color: var(--mk-amber);\n    box-shadow: 0 10px 26px rgba(232, 163, 23, 0.32);\n  }\n  .mk-btn:hover::before,\n  .mk-btn:focus-visible::before {\n    transform: scaleX(1);\n    transform-origin: left center;\n  }\n  .mk-btn:hover .mk-txt,\n  .mk-btn:focus-visible .mk-txt { transform: translateY(-100%); }\n  .site-header a.mk-btn:focus-visible { outline: 2px solid var(--mk-amber); outline-offset: 3px; }\n  .site-header a.mk-btn:active { transform: scale(0.97); }\n\n  \/* Smaller laptops \u2014 slimmer button so the nav keeps its room *\/\n  @media (max-width: 1500px) {\n    .site-header a.mk-btn {\n      margin-left: 8px;\n      padding: 9px 15px;\n      letter-spacing: 0.1em;\n    }\n  }\n\n  \/* Tablet \u2014 compact *\/\n  @media (max-width: 1024px) {\n    .site-header a.mk-btn {\n      margin-left: 8px;\n      padding: 8px 12px;\n      font-size: 10px;\n      line-height: 12px;\n      letter-spacing: 0.1em;\n    }\n  }\n\n  \/* Mobile drawer \u2014 full-width, dark outline *\/\n  .header-nav-drawer a.mk-btn {\n    --mk-fg:   #382e2d;\n    --mk-line: #382e2d;\n    display: block;\n    width: 100%;\n    margin: 18px 0 0;\n    padding: 15px 0;\n    font-size: 14px;\n    font-weight: 600;\n    line-height: 16px;\n    letter-spacing: 0.14em;\n    border: 1px solid var(--mk-line);\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .mk-btn, .mk-btn::before, .mk-btn .mk-txt { transition-duration: 0.01ms !important; }\n  }\n<\/style>\n\n\n<header id=\"site-header\" class=\"site-header\">\n  <div class=\"header-inner\">\n    <a href=\"https:\/\/mauritiussugar.mu\/\" class=\"header-logo\">\n      <img decoding=\"async\" class=\"logo-light\" src=\"https:\/\/mauritiussugar.mu\/wp-content\/uploads\/2021\/03\/logo-line-16@2x.png\" alt=\"Mauritius Sugar Syndicate\" \/>\n      <img decoding=\"async\" class=\"logo-dark\"  src=\"https:\/\/mauritiussugar.mu\/wp-content\/uploads\/2026\/07\/logo-line-16@3x.png\" alt=\"Mauritius Sugar Syndicate\" \/>\n    <\/a>\n\n    <!-- Desktop nav -->\n    <nav class=\"header-nav\" aria-label=\"Main\">\n      <div class=\"nav-item has-sub\">\n        <a href=\"https:\/\/mauritiussugar.mu\/mss\/\" class=\"nav-link\" aria-haspopup=\"true\" aria-expanded=\"false\">MSS<svg class=\"nav-chev\" viewBox=\"0 0 12 8\" aria-hidden=\"true\"><path d=\"M1.5 1.75 6 6.25l4.5-4.5\"\/><\/svg><\/a>\n        <div class=\"nav-sub-wrap\">\n          <ul class=\"nav-sub\">\n          <li style=\"--i:0\"><a href=\"https:\/\/mauritiussugar.mu\/our-history\/\">Our History<\/a><\/li>\n          <li style=\"--i:1\"><a href=\"https:\/\/mauritiussugar.mu\/mss\/\">Who We Are<\/a><\/li>\n          <li style=\"--i:2\"><a href=\"https:\/\/mauritiussugar.mu\/our-engagement\/\">Our Engagement<\/a><\/li>\n          <li style=\"--i:3\"><a href=\"https:\/\/mauritiussugar.mu\/our-team\/\">Our Team<\/a><\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n      <div class=\"nav-item has-sub\">\n        <a href=\"https:\/\/mauritiussugar.mu\/the-land-of-mauritian-sugar\/\" class=\"nav-link\" aria-haspopup=\"true\" aria-expanded=\"false\">The Land of Mauritian Sugar<svg class=\"nav-chev\" viewBox=\"0 0 12 8\" aria-hidden=\"true\"><path d=\"M1.5 1.75 6 6.25l4.5-4.5\"\/><\/svg><\/a>\n        <div class=\"nav-sub-wrap\">\n          <ul class=\"nav-sub\">\n          <li style=\"--i:0\"><a href=\"https:\/\/mauritiussugar.mu\/the-growers\/\">The Growers<\/a><\/li>\n          <li style=\"--i:1\"><a href=\"https:\/\/mauritiussugar.mu\/the-millers\/\">The Millers<\/a><\/li>\n          <li style=\"--i:2\"><a href=\"https:\/\/mauritiussugar.mu\/the-terroir\/\">The Terroir<\/a><\/li>\n          <li style=\"--i:3\"><a href=\"https:\/\/mauritiussugar.mu\/our-savoir-faire\/\">Our Savoir Faire<\/a><\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n      <a href=\"https:\/\/mauritiussugar.mu\/products-j\/\">Our Products<\/a>\n      <a href=\"https:\/\/mauritiussugar.mu\/our-clients\/\">Our Clients<\/a>\n      <a href=\"https:\/\/mauritiussugar.mu\/sustainability\/\">Sustainability<\/a>\n      <a href=\"https:\/\/mauritiussugar.mu\/payments-to-producers\/\">Payments to Producers<\/a>\n      <a href=\"https:\/\/blog.mauritiussugar.mu\/\">Media &amp; News<\/a>\n      <a href=\"https:\/\/mauritiussugar.mu\/contact-us\/\">Contact Us<\/a>\n      <a href=\"https:\/\/mauritiussugar.mu\/marketing-kit\/\" class=\"mk-btn\"><span class=\"mk-label\"><span class=\"mk-txt\" data-text=\"Marketing Kit\">Marketing Kit<\/span><\/span><\/a>\n    <\/nav>\n\n    <!-- Hamburger button (mobile only) -->\n    <button class=\"header-menu-btn\" id=\"menu-btn\" aria-label=\"Open menu\">\n      <span><\/span>\n      <span><\/span>\n      <span><\/span>\n    <\/button>\n  <\/div>\n\n  <!-- Mobile drawer -->\n  <nav class=\"header-nav-drawer\" id=\"nav-drawer\" aria-label=\"Mobile\">\n    <div class=\"drawer-item has-sub\">\n      <div class=\"drawer-row\">\n        <a href=\"https:\/\/mauritiussugar.mu\/mss\/\">MSS<\/a>\n        <button type=\"button\" class=\"drawer-toggle\" aria-expanded=\"false\" aria-label=\"Show MSS submenu\"><svg class=\"nav-chev\" viewBox=\"0 0 12 8\" aria-hidden=\"true\"><path d=\"M1.5 1.75 6 6.25l4.5-4.5\"\/><\/svg><\/button>\n      <\/div>\n      <div class=\"drawer-sub\"><div class=\"drawer-sub-inner\">\n          <a href=\"https:\/\/mauritiussugar.mu\/our-history\/\">Our History<\/a>\n          <a href=\"https:\/\/mauritiussugar.mu\/mss\/\">Who We Are<\/a>\n          <a href=\"https:\/\/mauritiussugar.mu\/our-engagement\/\">Our Engagement<\/a>\n          <a href=\"https:\/\/mauritiussugar.mu\/our-team\/\">Our Team<\/a>\n      <\/div><\/div>\n    <\/div>\n    <div class=\"drawer-item has-sub\">\n      <div class=\"drawer-row\">\n        <a href=\"https:\/\/mauritiussugar.mu\/the-land-of-mauritian-sugar\/\">The Land of Mauritian Sugar<\/a>\n        <button type=\"button\" class=\"drawer-toggle\" aria-expanded=\"false\" aria-label=\"Show The Land of Mauritian Sugar submenu\"><svg class=\"nav-chev\" viewBox=\"0 0 12 8\" aria-hidden=\"true\"><path d=\"M1.5 1.75 6 6.25l4.5-4.5\"\/><\/svg><\/button>\n      <\/div>\n      <div class=\"drawer-sub\"><div class=\"drawer-sub-inner\">\n          <a href=\"https:\/\/mauritiussugar.mu\/the-growers\/\">The Growers<\/a>\n          <a href=\"https:\/\/mauritiussugar.mu\/the-millers\/\">The Millers<\/a>\n          <a href=\"https:\/\/mauritiussugar.mu\/the-terroir\/\">The Terroir<\/a>\n          <a href=\"https:\/\/mauritiussugar.mu\/our-savoir-faire\/\">Our Savoir Faire<\/a>\n      <\/div><\/div>\n    <\/div>\n    <a href=\"https:\/\/mauritiussugar.mu\/products-j\/\">Our Products<\/a>\n    <a href=\"https:\/\/mauritiussugar.mu\/our-clients\/\">Our Clients<\/a>\n    <a href=\"https:\/\/mauritiussugar.mu\/sustainability\/\">Sustainability<\/a>\n    <a href=\"https:\/\/mauritiussugar.mu\/payments-to-producers\/\">Payments to Producers<\/a>\n    <a href=\"https:\/\/blog.mauritiussugar.mu\/\">Media &amp; News<\/a>\n    <a href=\"https:\/\/mauritiussugar.mu\/contact-us\/\">Contact Us<\/a>\n    <a href=\"https:\/\/mauritiussugar.mu\/the-library\/\" class=\"mk-btn\"><span class=\"mk-label\"><span class=\"mk-txt\" data-text=\"Marketing Kit\">Marketing Kit<\/span><\/span><\/a>\n  <\/nav>\n<\/header>\n\n<script>\n  const header   = document.getElementById('site-header');\n  const menuBtn  = document.getElementById('menu-btn');\n\n  \/\/ Scroll behaviour\n  window.addEventListener('scroll', () => {\n    header.classList.toggle('scrolled', window.scrollY > 10);\n  }, { passive: true });\n\n  \/\/ Hamburger toggle\n  menuBtn.addEventListener('click', () => {\n    header.classList.toggle('menu-open');\n    const isOpen = header.classList.contains('menu-open');\n    menuBtn.setAttribute('aria-label', isOpen ? 'Close menu' : 'Open menu');\n    document.body.style.overflow = isOpen ? 'hidden' : '';\n  });\n\n  \/\/ Close drawer when a link is clicked\n  document.getElementById('nav-drawer').querySelectorAll('a').forEach(link => {\n    link.addEventListener('click', () => {\n      header.classList.remove('menu-open');\n      document.body.style.overflow = '';\n    });\n  });\n<\/script>\n\n<script>\n\/* Dropdown behaviour (desktop hover \/ keyboard \/ touch, and the mobile accordion) *\/\n(function () {\n  var hdr = document.getElementById('site-header');\n  if (!hdr || hdr.getAttribute('data-dd')) return;\n  hdr.setAttribute('data-dd', '1');\n  hdr.classList.add('dd-js');\n\n  var items = [].slice.call(hdr.querySelectorAll('.header-nav .nav-item.has-sub'));\n  var noHover = function () { return window.matchMedia('(hover: none)').matches; };\n\n  function setOpen(it, on) {\n    clearTimeout(it._t);\n    it.classList.toggle('is-open', on);\n    it.querySelector('.nav-link').setAttribute('aria-expanded', on ? 'true' : 'false');\n  }\n  function open(it) { items.forEach(function (o) { if (o !== it) setOpen(o, false); }); setOpen(it, true); }\n\n  items.forEach(function (it) {\n    var link = it.querySelector('.nav-link');\n    var sub = [].slice.call(it.querySelectorAll('.nav-sub a'));\n\n    it.addEventListener('mouseenter', function () { if (!noHover()) open(it); });\n    it.addEventListener('mouseleave', function () {\n      if (noHover()) return;\n      clearTimeout(it._t);\n      it._t = setTimeout(function () { setOpen(it, false); }, 180);\n    });\n    it.addEventListener('focusin', function () { if (it._skip) { it._skip = false; return; } open(it); });\n    it.addEventListener('focusout', function (e) { if (!it.contains(e.relatedTarget)) setOpen(it, false); });\n    it.addEventListener('keydown', function (e) {\n      if (e.key === 'Escape') { setOpen(it, false); if (document.activeElement !== link) { it._skip = true; link.focus(); } }\n      else if (e.key === 'ArrowDown') {\n        e.preventDefault();\n        var i = sub.indexOf(document.activeElement);\n        (sub[i + 1] || sub[0]).focus();\n      } else if (e.key === 'ArrowUp' && sub.indexOf(document.activeElement) > -1) {\n        e.preventDefault();\n        var j = sub.indexOf(document.activeElement);\n        (j > 0 ? sub[j - 1] : link).focus();\n      }\n    });\n    \/* Touch screens with the desktop menu (tablets): first tap opens, second tap follows the link *\/\n    link.addEventListener('click', function (e) {\n      if (noHover() && !it.classList.contains('is-open')) { e.preventDefault(); open(it); }\n    });\n  });\n  document.addEventListener('click', function (e) {\n    items.forEach(function (it) { if (!it.contains(e.target)) setOpen(it, false); });\n  });\n\n  \/* Mobile drawer accordion *\/\n  [].forEach.call(hdr.querySelectorAll('.drawer-item.has-sub'), function (item) {\n    var btn = item.querySelector('.drawer-toggle');\n    [].forEach.call(item.querySelectorAll('.drawer-sub a'), function (a, k) { a.style.setProperty('--k', k); });\n    btn.addEventListener('click', function () {\n      var on = !item.classList.contains('is-open');\n      item.classList.toggle('is-open', on);\n      btn.setAttribute('aria-expanded', on ? 'true' : 'false');\n    });\n  });\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-be623ae e-con-full e-flex e-con e-parent\" data-id=\"be623ae\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-acdc8d8 elementor-widget elementor-widget-html\" data-id=\"acdc8d8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ========== OUR PRODUCTS SECTION ========== -->\n<section class=\"products-intro\">\n  <div class=\"products-intro__inner\">\n\n    <h2 class=\"products-intro__title\">Our Products<\/h2>\n\n    <p class=\"products-intro__lead\">\n      Mauritius offers an unrivalled range of special unrefined sugars crafted from the finest\n      centuries-old savoir-faire and traditions of a unique sunshine-blessed cane terroir. They\n      are made with meticulous precision for diverse household and industrial usage; for\n      sweetening tea or coffee, baking, confectionery, winemaking, haute cuisine\u2026 Sumptuous,\n      Delicious\u2026 AND Nutritious\n    <\/p>\n\n    <p class=\"products-intro__body\">\n      Mauritius Special Sugars are to be feasted upon with the eyes first, each of them consisting\n      of sumptuous crystals that are perfectly uniform in size and colour. They are also renowned\n      across the globe for the natural intensity of their aroma and taste. Among the prestigious\n      2-star Great Taste Awards winners are the molasses-rich unrefined soft sugars.Made from\n      sugar cane juice, specialty sugars are richer in antioxidants and minerals such as potassium,\n      calcium and magnesium as they retain a higher molasses content.\n    <\/p>\n\n    <div class=\"products-intro__ctas\">\n      <a href=\"https:\/\/mauritiussugar.mu\/wp-content\/uploads\/2026\/08\/updated-toolkit.pdf\" class=\"products-intro__btn products-intro__btn--1\">Discover our special sugars<\/a>\n      <a href=\"https:\/\/mauritiussugar.mu\/wp-content\/uploads\/2026\/10\/MSS_GOURMET_BUSINESS_PROJECT-Recipe-book_2026-update.pdf\" class=\"products-intro__btn products-intro__btn--2\">Discover the recipes<\/a>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n\/* \u2500\u2500 Our Products Section \u2500\u2500 *\/\n.products-intro {\n  width: 100%;\n  background: #fff;\n  padding: 72px 24px 80px;\n}\n\n.products-intro__inner {\n  max-width: 550px;\n  margin: 0 auto;\n  text-align: center;\n}\n\n.products-intro__title {\n  font-family: 'Lato', sans-serif;\n  font-size: 24px;\n  font-weight: 700;\n  color: #1a1a1a;\n  margin: 0 0 36px;\n}\n\n.products-intro__lead,\n.products-intro__body {\n  font-family: 'Lato', sans-serif;\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 28px;\n  color: #333;\n  margin: 0 0 28px;\n}\n\n.products-intro__ctas {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 16px;\n  margin-top: 44px;\n}\n\n.products-intro__btn {\n  display: inline-block;\n  padding: 11px 10px;\n  background: #778043;\n  color: #fff;\n  font-family: 'Lato', sans-serif;\n  font-size: 14px;\n  font-weight: 400;\n  letter-spacing: 3px;\n  text-decoration: none;\n  border: none;\n  border-radius: 5px;\n  cursor: pointer;\n  transition: background 0.2s ease;\n}\n\n.products-intro__btn:hover {\n  background: #556030;\n}\n\n.products-intro__btn--1 {\n  min-width: 240px; \/* \u2190 adjust button 1 width *\/\n}\n\n.products-intro__btn--2 {\n  min-width: 200px; \/* \u2190 adjust button 2 width *\/\n  padding: 11px 10px; \/* \u2190 adjust to your liking *\/\n}\n\n\/* \u2500\u2500 Responsive \u2500\u2500 *\/\n@media (max-width: 768px) {\n  .products-intro {\n    padding: 52px 20px 60px;\n  }\n  .products-intro__title {\n    font-size: 26px;\n  }\n  .products-intro__btn {\n    min-width: 200px;\n  }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-be0b7a3 e-con-full e-flex e-con e-parent\" data-id=\"be0b7a3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f3db450 elementor-widget elementor-widget-html\" data-id=\"f3db450\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ========== WHAT MAKES IT DIFFERENT SECTION ========== -->\n<section class=\"different\">\n  <div class=\"different__inner\">\n\n    <h2 class=\"different__title\">What makes Mauritius Special Sugar so different?<\/h2>\n\n    <div class=\"different__grid\">\n\n      <!-- Card 1: Origin -->\n      <div class=\"diff-card diff-card--origin\">\n        <div class=\"diff-card__inner\">\n          <div class=\"diff-card__front\">\n            <svg class=\"diff-card__art\" viewBox=\"0 0 212 240\" preserveAspectRatio=\"xMidYMid slice\" aria-hidden=\"true\"><defs><clipPath id=\"mss-origin-a\"><rect width=\"212\" height=\"240\" rx=\"4\" fill=\"#e3b156\"\/><\/clipPath><\/defs><g transform=\"translate(-104 -7002)\"><g transform=\"translate(-158 1874)\"><rect width=\"212\" height=\"240\" rx=\"4\" transform=\"translate(262 5128)\" fill=\"#e3b156\"\/><g transform=\"translate(262 5128)\" clip-path=\"url(#mss-origin-a)\"><g transform=\"translate(-49.255 174.79)\" opacity=\"0.66\"><path d=\"M-13387.873,5465.007c-33.155-93.11-111.268-86.6-112.051-86.52l-1.264-12.938c.888-.087,89.038-7.472,125.561,95.1Z\" transform=\"translate(13533.255 -5371.854)\" fill=\"#fff\" opacity=\"0.476\"\/><path d=\"M-13387.873,5465.007c-33.155-93.11-111.268-86.6-112.051-86.52l-1.264-12.938c.888-.087,89.038-7.472,125.561,95.1Z\" transform=\"translate(13518.255 -5352.13)\" fill=\"#fff\" opacity=\"0.476\"\/><path d=\"M112.513,92.889C79.668.235,3.843,6.328.631,6.633L-.645-6.3c.886-.088,89.071-7.661,125.411,94.85Z\" transform=\"matrix(1, -0.017, 0.017, 1, 0, 39.959)\" fill=\"#fff\" opacity=\"0.476\"\/><\/g><\/g><\/g><\/g><\/svg>\n            <h3 class=\"diff-card__name\">Origin<\/h3>\n          <\/div>\n          <div class=\"diff-card__back\">\n            <span class=\"diff-card__label\">Origin<\/span>\n            <h4 class=\"diff-card__heading\">Distinctly Mauritian<\/h4>\n            <p class=\"diff-card__text\">Grown and crafted in Mauritius, with traceable origin and a strong connection to our island\u2019s terroir and sugar heritage.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Card 2: Unrefined -->\n      <div class=\"diff-card diff-card--unrefined\">\n        <div class=\"diff-card__inner\">\n          <div class=\"diff-card__front\">\n            <svg class=\"diff-card__art\" viewBox=\"0 0 212 240\" preserveAspectRatio=\"xMidYMid slice\" aria-hidden=\"true\"><defs><clipPath id=\"mss-unrefined-a\"><rect width=\"212\" height=\"240\" rx=\"4\" transform=\"translate(499 5099)\" fill=\"#c2a25f\"\/><\/clipPath><\/defs><g transform=\"translate(-1842 -7002)\"><g transform=\"translate(1343 1903)\"><rect width=\"212\" height=\"240\" rx=\"4\" transform=\"translate(499 5099)\" fill=\"#c2a25f\"\/><g opacity=\"0.379\" clip-path=\"url(#mss-unrefined-a)\"><path d=\"M-13029.633,5401h-228.511v-13h228.511Z\" transform=\"translate(13746 -46.776)\" fill=\"#fff\"\/><path d=\"M-13045.582,5425.967h-13V5394.5h13Z\" transform=\"translate(13748.582 -81.5)\" fill=\"#fff\"\/><path d=\"M-13045.582,5425.967h-13V5394.5h13Z\" transform=\"translate(13656.582 -81.5)\" fill=\"#fff\"\/><path d=\"M-13045.582,5425.967h-13V5394.5h13Z\" transform=\"translate(13718.582 -81.5)\" fill=\"#fff\"\/><path d=\"M-13045.582,5425.967h-13V5394.5h13Z\" transform=\"translate(13626.582 -81.5)\" fill=\"#fff\"\/><path d=\"M-13045.582,5425.967h-13V5394.5h13Z\" transform=\"translate(13687.582 -81.5)\" fill=\"#fff\"\/><path d=\"M-13045.582,5425.967h-13V5394.5h13Z\" transform=\"translate(13595.582 -81.5)\" fill=\"#fff\"\/><path d=\"M-13045.582,5425.967h-13V5394.5h13Z\" transform=\"translate(13564.582 -81.5)\" fill=\"#fff\"\/><g clip-path=\"url(#mss-unrefined-a)\"><path d=\"M-13029.633,5401h-228.511v-13h228.511Z\" transform=\"translate(13746 -81.5)\" fill=\"#fff\"\/><\/g><\/g><\/g><\/g><\/svg>\n            <h3 class=\"diff-card__name\">Unrefined<\/h3>\n          <\/div>\n          <div class=\"diff-card__back\">\n            <span class=\"diff-card__label\">Unrefined<\/span>\n            <h4 class=\"diff-card__heading\">Naturally full of character<\/h4>\n            <p class=\"diff-card__text\">Our unrefined sugars retain their natural molasses character, giving each variety its distinctive colour, aroma, texture and flavour.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Card 3: Taste -->\n      <div class=\"diff-card diff-card--taste\">\n        <div class=\"diff-card__inner\">\n          <div class=\"diff-card__front\">\n            <svg class=\"diff-card__art\" viewBox=\"0 0 213 240\" preserveAspectRatio=\"xMidYMid slice\" aria-hidden=\"true\"><defs><clipPath id=\"mss-taste-a\"><rect width=\"213\" height=\"240\" rx=\"4\" fill=\"#b2b64f\"\/><\/clipPath><\/defs><g transform=\"translate(-577 -7002)\"><g transform=\"translate(-158 1874)\"><g transform=\"translate(0 3066)\"><g transform=\"translate(735 2062)\"><rect width=\"213\" height=\"240\" rx=\"4\" fill=\"#b2b64f\"\/><g clip-path=\"url(#mss-taste-a)\"><path d=\"M-13387.874,5465.083c-33.158-93.2-111.265-86.673-112.049-86.6l-1.266-12.938c.884-.084,89.04-7.478,125.563,95.177Z\" transform=\"translate(13606.75 -5380.997)\" fill=\"#fff\" opacity=\"0.476\"\/><\/g><\/g><\/g><\/g><\/g><\/svg>\n            <h3 class=\"diff-card__name\">Taste<\/h3>\n          <\/div>\n          <div class=\"diff-card__back\">\n            <span class=\"diff-card__label\">Taste<\/span>\n            <h4 class=\"diff-card__heading\">More than sweetness<\/h4>\n            <p class=\"diff-card__text\">From golden caramel to deep molasses notes, each sugar brings its own sensory profile and adds character to food and beverages.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Card 4: Sustainable -->\n      <div class=\"diff-card diff-card--sustainable\">\n        <div class=\"diff-card__inner\">\n          <div class=\"diff-card__front\">\n            <svg class=\"diff-card__art\" viewBox=\"0 0 213 240\" preserveAspectRatio=\"xMidYMid slice\" aria-hidden=\"true\"><defs><clipPath id=\"mss-sustainable-a\"><rect width=\"213\" height=\"240\" rx=\"4\" transform=\"translate(972 5099)\" fill=\"#788043\"\/><\/clipPath><\/defs><g transform=\"translate(-814 -7002)\"><g transform=\"translate(-158 1903)\"><rect width=\"213\" height=\"240\" rx=\"4\" transform=\"translate(972 5099)\" fill=\"#788043\"\/><g clip-path=\"url(#mss-sustainable-a)\"><path d=\"M-13383.906,4938.844c-35.445,0-54.772-17.371-55.6-18.127l8.77-9.6c.172.155,17.554,15.444,49.1,14.7,16.435-.387,36.9-7.266,56.686-13.919,20.869-7.016,42.448-14.271,61.327-14.828,37.324-1.108,71.236,20.47,72.66,21.389l-7.045,10.926c-.316-.2-31.949-20.318-65.232-19.321-16.948.5-37.6,7.442-57.567,14.156-20.706,6.961-42.118,14.16-60.522,14.593C-13382.2,4938.833-13383.059,4938.844-13383.906,4938.844Z\" transform=\"translate(14395.105 395.064)\" fill=\"#fff\" opacity=\"0.26\"\/><\/g><\/g><\/g><\/svg>\n            <h3 class=\"diff-card__name\">Sustainable<\/h3>\n          <\/div>\n          <div class=\"diff-card__back\">\n            <span class=\"diff-card__label\">Sustainable<\/span>\n            <h4 class=\"diff-card__heading\">Responsibly produced<\/h4>\n            <p class=\"diff-card__text\">Our sugars are produced within a responsible cane-growing ecosystem, supported by recognised sustainability and responsible-trade programmes.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Card 5: Versatile -->\n      <div class=\"diff-card diff-card--versatile\">\n        <div class=\"diff-card__inner\">\n          <div class=\"diff-card__front\">\n            <svg class=\"diff-card__art\" viewBox=\"0 0 212 240\" preserveAspectRatio=\"xMidYMid slice\" aria-hidden=\"true\"><defs><clipPath id=\"mss-versatile-a\"><rect width=\"212\" height=\"240\" rx=\"4\" fill=\"#86919f\"\/><\/clipPath><clipPath id=\"mss-versatile-b\"><rect width=\"212\" height=\"240\" rx=\"4\" transform=\"translate(0 -0.243)\" fill=\"#c2a25f\"\/><\/clipPath><\/defs><g transform=\"translate(-1288 -7002)\"><g transform=\"translate(-158 1903)\"><rect width=\"212\" height=\"240\" rx=\"4\" transform=\"translate(1446 5099)\" fill=\"#86919f\"\/><g transform=\"translate(1446 5099)\" opacity=\"0.179\" clip-path=\"url(#mss-versatile-a)\"><g transform=\"translate(-4.325 2.243)\"><g transform=\"translate(4.325)\" clip-path=\"url(#mss-versatile-b)\"><g transform=\"translate(-4.144 217.009)\"><path d=\"M-13029.633,5401h-228.511v-13h228.511Z\" transform=\"translate(13258.144 -5359.734)\" fill=\"#fff\"\/><path d=\"M-13045.582,5426h-13v-31.5h13Z\" transform=\"translate(13168.726 -5394.5)\" fill=\"#fff\"\/><path d=\"M-13045.582,5426h-13v-31.5h13Z\" transform=\"translate(13138.726 -5394.5)\" fill=\"#fff\"\/><path d=\"M-13045.582,5426h-13v-31.5h13Z\" transform=\"translate(13199.726 -5394.5)\" fill=\"#fff\"\/><path d=\"M-13045.582,5426h-13v-31.5h13Z\" transform=\"translate(13107.726 -5394.5)\" fill=\"#fff\"\/><path d=\"M-13045.582,5426h-13v-31.5h13Z\" transform=\"translate(13076.726 -5394.5)\" fill=\"#fff\"\/><\/g><\/g><path d=\"M127.308,83.774C90.085.663,1.395,6.557.5,6.626L-.5-6.334C.479-6.411,98.25-12.912,139.172,78.46Z\" transform=\"translate(225.471 118.536) rotate(90)\" fill=\"#fff\" opacity=\"0.998\"\/><path d=\"M-12110.808,5866.8h-193.518v-13h193.518Z\" transform=\"translate(12304.325 -5648.001)\" fill=\"#fff\"\/><\/g><\/g><\/g><\/g><\/svg>\n            <h3 class=\"diff-card__name\">Versatile<\/h3>\n          <\/div>\n          <div class=\"diff-card__back\">\n            <span class=\"diff-card__label\">Versatile<\/span>\n            <h4 class=\"diff-card__heading\">Made for many applications<\/h4>\n            <p class=\"diff-card__text\">From baking and beverages to confectionery, sauces, foodservice and product innovation, Mauritius Special Sugars offer broad application possibilities.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n\/* \u2500\u2500 Section wrapper \u2500\u2500 *\/\n.different {\n  width: 100%;\n  background: #2e2620;\n  padding: 60px 40px 70px;\n  box-sizing: border-box;\n}\n\n.different__inner {\n  max-width: 1200px;\n  margin: 0 auto;\n}\n\n.different__title {\n  font-family: 'Lato', sans-serif;\n  font-size: 22px;\n  font-weight: 600;\n  color: #fff;\n  text-align: center;\n  margin: 0 0 40px;\n}\n\n\/* \u2500\u2500 Grid \u2500\u2500 *\/\n.different__grid {\n  display: grid;\n  grid-template-columns: repeat(5, 1fr);\n  gap: 16px;\n}\n\n\/* \u2500\u2500 Flip card shell \u2500\u2500 *\/\n.diff-card {\n  height: 320px;\n  perspective: 1200px;\n  cursor: default;\n}\n\n\/* Card colours (same as the original artwork) *\/\n.diff-card--origin      { --diff-color: #e3b156; }\n.diff-card--unrefined   { --diff-color: #c2a25f; }\n.diff-card--taste       { --diff-color: #b2b64f; }\n.diff-card--sustainable { --diff-color: #788043; }\n.diff-card--versatile   { --diff-color: #86919f; }\n\n\/* Inner wrapper \u2014 this is what rotates *\/\n.diff-card__inner {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  transform-style: preserve-3d;\n  transition: transform 0.75s cubic-bezier(0.4, 0.2, 0.2, 1);\n  will-change: transform;\n}\n\n.diff-card:hover .diff-card__inner {\n  transform: rotateY(180deg);\n}\n\n\/* Front & back share the same space *\/\n.diff-card__front,\n.diff-card__back {\n  position: absolute;\n  inset: 0;\n  border-radius: 10px;\n  overflow: hidden;\n  backface-visibility: hidden;\n  -webkit-backface-visibility: hidden;\n  pointer-events: none;\n  background: var(--diff-color);\n  color: #fff;\n  font-family: 'Lato', sans-serif;\n  box-sizing: border-box;\n  user-select: none;\n}\n\n.diff-card__front {\n  transform: rotateY(0deg);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.diff-card__back {\n  transform: rotateY(180deg);\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 24px 18px;\n  text-align: center;\n}\n\n\/* Front artwork fills card *\/\n.diff-card__art {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  display: block;\n}\n\n\/* Front title *\/\n.diff-card__name {\n  position: relative;\n  margin: 0;\n  font-size: 20px;\n  font-weight: 700;\n  letter-spacing: 1px;\n  text-transform: uppercase;\n  line-height: 1.2;\n}\n\n\/* Back content *\/\n.diff-card__label {\n  display: block;\n  font-size: 12px;\n  font-weight: 700;\n  letter-spacing: 1.5px;\n  text-transform: uppercase;\n  opacity: 0.85;\n  margin-bottom: 10px;\n}\n\n.diff-card__heading {\n  margin: 0 0 12px;\n  font-size: 17px;\n  font-weight: 700;\n  line-height: 1.3;\n}\n\n.diff-card__text {\n  margin: 0;\n  font-size: 13px;\n  font-weight: 400;\n  line-height: 1.6;\n}\n\n\/* Force white text (overrides theme\/Elementor heading & paragraph colours) *\/\n.different .diff-card__name,\n.different .diff-card__label,\n.different .diff-card__heading,\n.different .diff-card__text {\n  color: #fff !important;\n}\n\n\/* \u2500\u2500 Responsive \u2500\u2500 *\/\n@media (max-width: 1024px) {\n  .different__grid {\n    grid-template-columns: repeat(3, 1fr);\n  }\n  .diff-card {\n    height: 280px;\n  }\n}\n\n@media (max-width: 768px) {\n  .different__grid {\n    grid-template-columns: repeat(2, 1fr);\n  }\n}\n\n@media (max-width: 600px) {\n  .different {\n    padding: 40px 20px 50px;\n  }\n  .diff-card {\n    height: 300px;\n  }\n  .diff-card__back {\n    padding: 18px 12px;\n  }\n  .diff-card__name {\n    font-size: 17px;\n  }\n  .diff-card__heading {\n    font-size: 15px;\n    margin-bottom: 8px;\n  }\n  .diff-card__text {\n    font-size: 12px;\n    line-height: 1.5;\n  }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c5cc9dc e-con-full e-flex e-con e-parent\" data-id=\"c5cc9dc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-251cc37 elementor-widget elementor-widget-html\" data-id=\"251cc37\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ========== SUGAR PRODUCTS SECTION ========== -->\n<section class=\"sugars\">\n  <div class=\"sugars__inner\">\n\n    <!-- Category Filter -->\n    <div class=\"sugars__filter-wrap\">\n      <select class=\"sugars__filter\" id=\"sugarFilter\" onchange=\"filterSugars(this.value)\">\n        <option value=\"all\">Category<\/option>\n        <option value=\"wholesome-gems\">Wholesome Gems<\/option>\n        <option value=\"authentic-specials\">Authentic Specials<\/option>\n        <option value=\"natural-classics\">Natural Classics<\/option>\n      <\/select>\n    <\/div>\n\n    <!-- Wholesome Gems -->\n    <div class=\"sugars__group\" id=\"wholesome-gems\" data-category=\"wholesome-gems\">\n      <h2 class=\"sugars__group-title\">Wholesome Gems<\/h2>\n      <div class=\"sugars__grid\">\n\n        <a href=\"https:\/\/mauritiussugar.mu\/product\/demerara-xl\/\" class=\"sugar-card\">\n          <div class=\"sugar-card__img-wrap\">\n            <img decoding=\"async\" src=\"https:\/\/mauritiussugar.mu\/wp-content\/uploads\/2021\/08\/Coffee-Crystal-scaled.jpg\" alt=\"Coffee Crystal\" class=\"sugar-card__img\">\n          <\/div>\n          <span class=\"sugar-card__name\">DEMERARA XL<\/span>\n        <\/a>\n\n        <a href=\"https:\/\/mauritiussugar.mu\/product\/extra-light-muscovado\/\" class=\"sugar-card\">\n          <div class=\"sugar-card__img-wrap\">\n            <img decoding=\"async\" src=\"https:\/\/mauritiussugar.mu\/wp-content\/uploads\/2021\/06\/Extra-Light-Muscovado-scaled.jpg\" alt=\"Extra Light Muscovado\" class=\"sugar-card__img\">\n          <\/div>\n          <span class=\"sugar-card__name\">EXTRA LIGHT MUSCOVADO<\/span>\n        <\/a>\n\n        <a href=\"https:\/\/mauritiussugar.mu\/product\/light-muscovado\/\" class=\"sugar-card\">\n          <div class=\"sugar-card__img-wrap\">\n            <img decoding=\"async\" src=\"https:\/\/mauritiussugar.mu\/wp-content\/uploads\/2021\/08\/Light-Muscavado-2-scaled.jpg\" alt=\"Light Muscovado\" class=\"sugar-card__img\">\n          <\/div>\n          <span class=\"sugar-card__name\">LIGHT MUSCOVADO<\/span>\n        <\/a>\n\n        <a href=\"https:\/\/mauritiussugar.mu\/product\/dark-brown-soft\/\" class=\"sugar-card\">\n          <div class=\"sugar-card__img-wrap\">\n            <img decoding=\"async\" src=\"https:\/\/mauritiussugar.mu\/wp-content\/uploads\/2021\/08\/Dark-Borwn-Soft-scaled.jpg\" alt=\"Dark Brown Soft\" class=\"sugar-card__img\">\n          <\/div>\n          <span class=\"sugar-card__name\">DARK BROWN SOFT<\/span>\n        <\/a>\n\n        <a href=\"https:\/\/mauritiussugar.mu\/product\/dark-muscovado\/\" class=\"sugar-card\">\n          <div class=\"sugar-card__img-wrap\">\n            <img decoding=\"async\" src=\"https:\/\/mauritiussugar.mu\/wp-content\/uploads\/2021\/08\/Dark-Muscovado-scaled.jpg\" alt=\"Dark Muscovado\" class=\"sugar-card__img\">\n          <\/div>\n          <span class=\"sugar-card__name\">DARK MUSCOVADO<\/span>\n        <\/a>\n\n        <a href=\"https:\/\/mauritiussugar.mu\/product\/molasses-sugar\/\" class=\"sugar-card\">\n          <div class=\"sugar-card__img-wrap\">\n            <img decoding=\"async\" src=\"https:\/\/mauritiussugar.mu\/wp-content\/uploads\/2021\/08\/Molasses-scaled.jpg\" alt=\"Molasses Sugar\" class=\"sugar-card__img\">\n          <\/div>\n          <span class=\"sugar-card__name\">MOLASSES SUGAR<\/span>\n        <\/a>\n\n      <\/div>\n    <\/div>\n\n    <!-- Authentic Specials -->\n    <div class=\"sugars__group\" id=\"authentic-specials\" data-category=\"authentic-specials\">\n      <h2 class=\"sugars__group-title\">Authentic Specials<\/h2>\n      <div class=\"sugars__grid\">\n\n        <a href=\"https:\/\/mauritiussugar.mu\/product\/dry-demerara\/\" class=\"sugar-card\">\n          <div class=\"sugar-card__img-wrap\">\n            <img decoding=\"async\" src=\"https:\/\/mauritiussugar.mu\/wp-content\/uploads\/2021\/06\/Dry-Demerara-scaled.jpg\" alt=\"Dry Demerara\" class=\"sugar-card__img\">\n          <\/div>\n          <span class=\"sugar-card__name\">DRY DEMERARA<\/span>\n        <\/a>\n\n        <a href=\"https:\/\/mauritiussugar.mu\/product\/clear-demerara\/\" class=\"sugar-card\">\n          <div class=\"sugar-card__img-wrap\">\n            <img decoding=\"async\" src=\"https:\/\/mauritiussugar.mu\/wp-content\/uploads\/2021\/06\/Clear-Demerara-scaled.jpg\" alt=\"Clear Demerara\" class=\"sugar-card__img\">\n          <\/div>\n          <span class=\"sugar-card__name\">CLEAR DEMERARA<\/span>\n        <\/a>\n\n        <a href=\"https:\/\/mauritiussugar.mu\/product\/fine-demerara\/\" class=\"sugar-card\">\n          <div class=\"sugar-card__img-wrap\">\n            <img decoding=\"async\" src=\"https:\/\/mauritiussugar.mu\/wp-content\/uploads\/2021\/06\/Fine-Demerara-2-scaled.jpg\" alt=\"Fine Demerara\" class=\"sugar-card__img\">\n          <\/div>\n          <span class=\"sugar-card__name\">FINE DEMERARA<\/span>\n        <\/a>\n\n        <a href=\"https:\/\/mauritiussugar.mu\/product\/standard-demerara\/\" class=\"sugar-card\">\n          <div class=\"sugar-card__img-wrap\">\n            <img decoding=\"async\" src=\"https:\/\/mauritiussugar.mu\/wp-content\/uploads\/2021\/06\/Standard-Demarara-scaled.jpg\" alt=\"Standard Demerara\" class=\"sugar-card__img\">\n          <\/div>\n          <span class=\"sugar-card__name\">STANDARD DEMERARA<\/span>\n        <\/a>\n\n        <a href=\"https:\/\/mauritiussugar.mu\/product\/dark-demerara\/\" class=\"sugar-card\">\n          <div class=\"sugar-card__img-wrap\">\n            <img decoding=\"async\" src=\"https:\/\/mauritiussugar.mu\/wp-content\/uploads\/2021\/06\/Dark-Demerara-2-scaled.jpg\" alt=\"Dark Demerara\" class=\"sugar-card__img\">\n          <\/div>\n          <span class=\"sugar-card__name\">DARK DEMERARA<\/span>\n        <\/a>\n\n        <a href=\"https:\/\/mauritiussugar.mu\/product\/dark-standard-demerara\/\" class=\"sugar-card\">\n          <div class=\"sugar-card__img-wrap\">\n            <img decoding=\"async\" src=\"https:\/\/mauritiussugar.mu\/wp-content\/uploads\/2021\/08\/Dry-Standard-Demerara-scaled.jpg\" alt=\"Dark Standard Demerara\" class=\"sugar-card__img\">\n          <\/div>\n          <span class=\"sugar-card__name\">DARK STANDARD DEMERARA<\/span>\n        <\/a>\n\n      <\/div>\n    <\/div>\n\n    <!-- Natural Classics -->\n    <div class=\"sugars__group\" id=\"natural-classics\" data-category=\"natural-classics\">\n      <h2 class=\"sugars__group-title\">Natural Classics<\/h2>\n      <div class=\"sugars__grid\">\n\n        <a href=\"https:\/\/mauritiussugar.mu\/product\/golden-granulated\/\" class=\"sugar-card\">\n          <div class=\"sugar-card__img-wrap\">\n            <img decoding=\"async\" src=\"https:\/\/mauritiussugar.mu\/wp-content\/uploads\/2021\/08\/Golden-Granulated-scaled.jpg\" alt=\"Golden Granulated\" class=\"sugar-card__img\">\n          <\/div>\n          <span class=\"sugar-card__name\">GOLDEN GRANULATED<\/span>\n        <\/a>\n\n        <a href=\"https:\/\/mauritiussugar.mu\/product\/fine-caster\/\" class=\"sugar-card\">\n          <div class=\"sugar-card__img-wrap\">\n            <img decoding=\"async\" src=\"https:\/\/mauritiussugar.mu\/wp-content\/uploads\/2021\/08\/Fine-Caster-scaled.jpg\" alt=\"Fine Caster\" class=\"sugar-card__img\">\n          <\/div>\n          <span class=\"sugar-card__name\">FINE CASTER<\/span>\n        <\/a>\n\n        <a href=\"https:\/\/mauritiussugar.mu\/product\/golden-caster\/\" class=\"sugar-card\">\n          <div class=\"sugar-card__img-wrap\">\n            <img decoding=\"async\" src=\"https:\/\/mauritiussugar.mu\/wp-content\/uploads\/2021\/08\/Golden-Caster-scaled.jpg\" alt=\"Golden Caster\" class=\"sugar-card__img\">\n          <\/div>\n          <span class=\"sugar-card__name\">GOLDEN CASTER<\/span>\n        <\/a>\n\n        <a href=\"https:\/\/mauritiussugar.mu\/product\/demerara-light-coarse\/\" class=\"sugar-card\">\n          <div class=\"sugar-card__img-wrap\">\n            <img decoding=\"async\" src=\"https:\/\/mauritiussugar.mu\/wp-content\/uploads\/2021\/08\/Special-Raw-scaled.jpg\" alt=\"Demerara Light Coarse\" class=\"sugar-card__img\">\n          <\/div>\n          <span class=\"sugar-card__name\">DEMERARA LIGHT COARSE<\/span>\n        <\/a>\n\n        <a href=\"https:\/\/mauritiussugar.mu\/product\/brown-cane-sugar\/\" class=\"sugar-card\">\n          <div class=\"sugar-card__img-wrap\">\n            <img decoding=\"async\" src=\"https:\/\/mauritiussugar.mu\/wp-content\/uploads\/2021\/06\/Brown-Cane-Sugar-scaled.jpg\" alt=\"Brown Cane Sugar\" class=\"sugar-card__img\">\n          <\/div>\n          <span class=\"sugar-card__name\">BROWN CANE SUGAR<\/span>\n        <\/a>\n\n        <a href=\"https:\/\/mauritiussugar.mu\/product\/demerara-light-fine\/\" class=\"sugar-card\">\n          <div class=\"sugar-card__img-wrap\">\n            <img decoding=\"async\" src=\"https:\/\/mauritiussugar.mu\/wp-content\/uploads\/2021\/05\/Mauritius-Industrial-Cane-Sugar@2x.png\" alt=\"Demerara Light Fine\" class=\"sugar-card__img\">\n          <\/div>\n          <span class=\"sugar-card__name\">DEMERARA LIGHT FINE<\/span>\n        <\/a>\n\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n\/* Smooth in-page anchors; retain the existing 120px header clearance. *\/\nhtml { scroll-behavior: smooth; }\n@media (prefers-reduced-motion: reduce) {\n  html { scroll-behavior: auto; }\n}\n\n\/* \u2500\u2500 Sugar Products Section \u2500\u2500 *\/\n.sugars {\n  width: 100%;\n  background: #fff;\n  padding: 40px 40px 80px;\n  box-sizing: border-box;\n}\n\n.sugars__inner {\n  max-width: 1200px;\n  margin: 0 auto;\n  position: relative;\n}\n\n\/* \u2500\u2500 Filter dropdown \u2500\u2500 *\/\n.sugars__filter-wrap {\n  display: flex;\n  justify-content: flex-end;\n  margin-bottom: 40px;\n}\n\n.sugars__filter {\n  font-family: 'Lato', sans-serif;\n  font-size: 14px;\n  color: #333;\n  border: 1px solid #ccc;\n  padding: 8px 36px 8px 14px;\n  appearance: none;\n  -webkit-appearance: none;\n  background-color: #fff;\n  background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23666' stroke-width='1.5' fill='none' stroke-linecap='round'\/%3E%3C\/svg%3E\");\n  background-repeat: no-repeat;\n  background-position: right 12px center;\n  cursor: pointer;\n  min-width: 180px;\n}\n\n.sugars__filter:focus {\n  outline: none;\n  border-color: #6b7a3a;\n}\n\n\/* \u2500\u2500 Category group \u2500\u2500 *\/\n.sugars__group {\n  margin-bottom: 60px;\n  scroll-margin-top: 120px; \/* offset for sticky header, adjust to your header height *\/\n}\n\n.sugars__group-title {\n  font-family: 'Lato', sans-serif;\n  font-size: 22px;\n  font-weight: 700;\n  color: #1a1a1a;\n  margin: 0 0 24px;\n}\n\n\/* \u2500\u2500 Grid \u2500\u2500 *\/\n.sugars__grid {\n  display: grid;\n  grid-template-columns: repeat(5, 1fr);\n  gap: 24px 20px;\n}\n\n\/* \u2500\u2500 Sugar card \u2500\u2500 *\/\n.sugar-card {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-decoration: none;\n  cursor: pointer;\n}\n\n.sugar-card__img-wrap {\n  width: 100%;\n  aspect-ratio: 1 \/ 1;\n  overflow: hidden;\n}\n\n.sugar-card__img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n  transition: transform 0.3s ease;\n}\n\n.sugar-card:hover .sugar-card__img {\n  transform: scale(1.05);\n}\n\n.sugar-card__name {\n  font-family: 'Lato', sans-serif;\n  font-size: 11px;\n  font-weight: 400;\n  color: #333;\n  text-align: center;\n  margin-top: 10px;\n  letter-spacing: 0.5px;\n  transition: color 0.2s ease;\n}\n\n.sugar-card:hover .sugar-card__name {\n  color: #c8922a;\n  text-decoration: underline;\n}\n\n\/* \u2500\u2500 Responsive \u2500\u2500 *\/\n@media (max-width: 1024px) {\n  .sugars__grid {\n    grid-template-columns: repeat(4, 1fr);\n  }\n}\n\n@media (max-width: 768px) {\n  .sugars {\n    padding: 30px 20px 60px;\n  }\n  .sugars__grid {\n    grid-template-columns: repeat(3, 1fr);\n  }\n}\n\n@media (max-width: 480px) {\n  .sugars__grid {\n    grid-template-columns: repeat(2, 1fr);\n  }\n}\n<\/style>\n\n<script>\n\/* Category filter *\/\nfunction filterSugars(value) {\n  document.querySelectorAll('.sugars__group').forEach(function(group) {\n    group.style.display =\n      (value === 'all' || group.dataset.category === value) ? 'block' : 'none';\n  });\n}\n\n\/* Smooth category navigation, including arrivals from another page. *\/\n(function () {\n  'use strict';\n  var ids = ['wholesome-gems', 'authentic-specials', 'natural-classics'];\n\n  function category(value) {\n    return ids.indexOf(value) !== -1 ? value : null;\n  }\n\n  function fromHash(hash) {\n    try { return category(decodeURIComponent(hash.slice(1))); }\n    catch (error) { return null; }\n  }\n\n  function revealAll() {\n    filterSugars('all');\n    var filter = document.getElementById('sugarFilter');\n    if (filter) filter.value = 'all';\n  }\n\n  function scrollToCategory(id) {\n    var target = document.getElementById(id);\n    if (!target) return;\n    revealAll();\n    requestAnimationFrame(function () {\n      target.scrollIntoView({\n        behavior: window.matchMedia('(prefers-reduced-motion: reduce)').matches\n          ? 'instant' : 'smooth',\n        block: 'start'\n      });\n    });\n  }\n\n  function updateAddress(id, replace) {\n    var url = new URL(window.location.href);\n    url.searchParams.delete('sugar');\n    url.hash = id;\n    try {\n      window.history[replace ? 'replaceState' : 'pushState'](null, '', url.href);\n    } catch (error) {\n      \/* Scrolling still works if history updates are unavailable. *\/\n    }\n  }\n\n  function arrival() {\n    var url = new URL(window.location.href);\n    var id = category(url.searchParams.get('sugar')) || fromHash(url.hash);\n    if (!id || !document.getElementById(id)) return;\n    updateAddress(id, true);\n    scrollToCategory(id);\n  }\n\n  function afterLayout() {\n    if (document.fonts && document.fonts.ready) {\n      document.fonts.ready.then(arrival, arrival);\n    } else {\n      arrival();\n    }\n  }\n\n  \/* New links use ?sugar=... so the browser does not jump before our animation.\n     Waiting for load lets images above the category settle into their layout. *\/\n  if (document.readyState === 'complete') afterLayout();\n  else window.addEventListener('load', afterLayout, { once: true });\n\n  \/* Also support category links clicked while already on this page. *\/\n  document.addEventListener('click', function (event) {\n    if (event.defaultPrevented || event.button !== 0 || event.metaKey ||\n        event.ctrlKey || event.shiftKey || event.altKey) return;\n    var link = event.target.closest && event.target.closest('a[href]');\n    if (!link || link.hasAttribute('download') ||\n        (link.target && link.target !== '_self')) return;\n    var url = new URL(link.href, window.location.href);\n    if (url.origin !== window.location.origin ||\n        url.pathname !== window.location.pathname) return;\n    var id = category(url.searchParams.get('sugar')) || fromHash(url.hash);\n    if (!id || !document.getElementById(id)) return;\n    event.preventDefault();\n    updateAddress(id, false);\n    scrollToCategory(id);\n  });\n\n  window.addEventListener('hashchange', function () {\n    var id = fromHash(window.location.hash);\n    if (id) scrollToCategory(id);\n  });\n  window.addEventListener('popstate', function () {\n    var url = new URL(window.location.href);\n    var id = category(url.searchParams.get('sugar')) || fromHash(url.hash);\n    if (id) scrollToCategory(id);\n  });\n})();\n\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bab1f75 e-con-full e-flex e-con e-parent\" data-id=\"bab1f75\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6314ea1 elementor-widget elementor-widget-html\" data-id=\"6314ea1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ========== AUTHENTICITY SECTION ========== -->\n<section class=\"authenticity\">\n\n  <!-- Left: photo -->\n  <div class=\"authenticity__img-wrap\">\n    <img decoding=\"async\"\n      src=\"https:\/\/mauritiussugar.mu\/wp-content\/uploads\/2021\/06\/MSS-OXO-03-scaled.jpg\"\n      alt=\"Mauritius special sugars with food\"\n      class=\"authenticity__img\"\n    >\n  <\/div>\n\n  <!-- Right: text -->\n  <div class=\"authenticity__content\">\n\n    <div class=\"authenticity__text\">\n      <h2 class=\"authenticity__title\">Authenticity at its finest<\/h2>\n\n      <p class=\"authenticity__lead\">\n        Discover, experience, and taste the very best of Mauritius while indulging in these Special\n        Sugars. They are produced in a raw sugar house in an allergen-free environment, without any\n        preservatives or other additives to enhance the colour and flavour. Their production does\n        not involve the use of ionising radiation or animal derivatives, hence their suitability for all\n        consumers.\n      <\/p>\n\n      <p class=\"authenticity__sub\">Their quality, safety, stability and legality are derived from:<\/p>\n\n      <ul class=\"authenticity__list\">\n        <li>The volcanic nature of our soils<\/li>\n        <li>The perfect match between sugar cane vegetative &amp; maturation cycle &amp; the Mauritius climate<\/li>\n        <li>The special boiling and conditioning systems in place at the mills<\/li>\n        <li>The high level of control over process parameters by vastly experienced Sugar\/Chemical Engineers<\/li>\n        <li>Judicious choice of food contact materials and processing aids<\/li>\n        <li>Excellent control over the food safety plan by preventive control Qualified Individuals (PCQI)<\/li>\n        <li>The implementation of a food safety management system (BRCGS Global Food Safety Standard) recognised by the Global Food safety initiative<\/li>\n        <li>Excellent control over the supply chain through the implementation of CTPAT minimum security criteria and guidelines<\/li>\n      <\/ul>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n\/* \u2500\u2500 Authenticity Section \u2500\u2500 *\/\n.authenticity {\n  display: flex;\n  width: 100%;\n  min-height: 700px;\n  align-items: stretch;\n}\n\n\/* Left image *\/\n.authenticity__img-wrap {\n  width: 50%;\n  flex-shrink: 0;\n  overflow: hidden;\n  position: relative;\n}\n\n.authenticity__img {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center;\n  display: block;\n  transition: transform 0.5s ease;\n  transform: scale(1.4);\n}\n\n.authenticity__img-wrap:hover .authenticity__img {\n  transform: scale(1.5);\n}\n\n\/* Right content *\/\n.authenticity__content {\n  width: 50%;\n  background: #2e2620;\n  box-sizing: border-box;\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.authenticity__text {\n  padding: 60px 64px 40px 64px;\n}\n\n.authenticity__title {\n  font-family: 'Lato', sans-serif;\n  font-size: 22px;\n  font-weight: 700;\n  color: #fff;\n  margin: 0 0 24px;\n}\n\n.authenticity__lead {\n  font-family: 'Lato', sans-serif;\n  font-size: 14px;\n  line-height: 24px;\n  color: #fff;\n  margin: 0 0 24px;\n}\n\n.authenticity__sub {\n  font-family: 'Lato', sans-serif;\n  font-size: 14px;\n  line-height: 24px;\n  color: #fff;\n  margin: 0 0 16px;\n}\n\n\/* Bullet list *\/\n.authenticity__list {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n.authenticity__list li {\n  font-family: 'Lato', sans-serif;\n  font-size: 14px;\n  line-height: 22px;\n  color: #fff;\n  padding-left: 28px;\n  position: relative;\n}\n\n.authenticity__list li::before {\n  content: '';\n  position: absolute;\n  left: 0;\n  top: 3px;\n  width: 16px;\n  height: 16px;\n  background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 20 14'%3E%3Cg stroke='%23ffffff' stroke-width='3.5' stroke-linecap='round' fill='none'%3E%3Cline x1='10' y1='14' x2='4' y2='2'\/%3E%3Cline x1='10' y1='14' x2='16' y2='2'\/%3E%3Cline x1='10' y1='14' x2='10' y2='1'\/%3E%3C\/g%3E%3C\/svg%3E\");\n  background-repeat: no-repeat;\n  background-size: contain;\n}\n\n\n\n\/* \u2500\u2500 Responsive \u2500\u2500 *\/\n\n\/* Large desktop *\/\n@media (max-width: 1440px) {\n  .authenticity__text {\n    padding: 50px 48px 40px 48px;\n  }\n}\n\n\/* Tablet landscape *\/\n@media (max-width: 1024px) {\n  .authenticity {\n    min-height: 600px;\n  }\n  .authenticity__text {\n    padding: 40px 36px 40px 36px;\n  }\n  .authenticity__title {\n    font-size: 20px;\n  }\n  .authenticity__lead,\n  .authenticity__sub,\n  .authenticity__list li {\n    font-size: 13px;\n  }\n}\n\n\/* Tablet portrait *\/\n@media (max-width: 768px) {\n  .authenticity {\n    flex-direction: column;\n    min-height: unset;\n  }\n  .authenticity__img-wrap {\n    width: 100%;\n    height: 360px;\n    position: relative;\n  }\n  .authenticity__content {\n    width: 100%;\n  }\n  .authenticity__text {\n    padding: 40px 28px 40px 28px;\n  }\n  .authenticity__title {\n    font-size: 20px;\n  }\n}\n\n\/* Mobile *\/\n@media (max-width: 480px) {\n  .authenticity__img-wrap {\n    height: 260px;\n  }\n  .authenticity__text {\n    padding: 32px 20px 36px 20px;\n  }\n  .authenticity__title {\n    font-size: 18px;\n    margin: 0 0 16px;\n  }\n  .authenticity__lead,\n  .authenticity__sub,\n  .authenticity__list li {\n    font-size: 13px;\n    line-height: 21px;\n  }\n  .authenticity__list {\n    gap: 10px;\n  }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-34ef491 e-con-full e-flex e-con e-parent\" data-id=\"34ef491\" 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-51f05ce elementor-widget elementor-widget-html\" data-id=\"51f05ce\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Lato:wght@400;600;700;900&display=swap\" rel=\"stylesheet\" \/>\n\n<style>\n  .footer-org-name {\n    font-size: 18px;\n    font-weight: 900;\n    color: #382e2d;\n    margin-bottom: 14px;\n  }\n\n  .footer-top {\n    display: flex;\n    align-items: flex-start;\n    justify-content: space-between;\n    background: #e8e8e8;\n    padding: 40px 60px 0 60px;\n    font-family: 'Lato', Arial, sans-serif;\n  }\n\n  .footer-left {\n    display: flex;\n    flex-direction: column;\n  }\n\n  .footer-address-contact {\n    display: flex;\n    gap: 80px;\n  }\n\n  .footer-address p,\n  .footer-contact-block p {\n    font-size: 12.5px;\n    font-weight: 600;\n    color: #382e2d;\n    line-height: 0.7;\n  }\n\n  .footer-contact-block {\n    display: flex;\n    flex-direction: column;\n  }\n\n  .footer-contact-label {\n    font-size: 11px;\n    font-weight: 600;\n    color: #382e2d;\n    margin-bottom: 2px;\n  }\n\n  .footer-socials {\n    display: flex;\n    align-items: center;\n    gap: 18px;\n    margin-top: 22px;\n    margin-bottom: 30px;\n  }\n\n  .footer-socials a {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: #382e2d;\n    text-decoration: none;\n    transition: opacity .2s;\n  }\n\n  .footer-socials a:hover { opacity: .6; }\n\n  .footer-socials svg {\n    width: 18px;\n    height: 18px;\n  }\n\n  .footer-logo {\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n  }\n\n  .footer-logo img {\n    height: 100px;\n    width: auto;\n  }\n\n  .footer-divider {\n    border: none;\n    border-top: 1px solid #c8c8c8;\n    margin: 0 60px;\n  }\n\n  .footer-bottom {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 14px 60px 18px 60px;\n    background: #e8e8e8;\n    font-family: 'Lato', Arial, sans-serif;\n  }\n\n  .footer-copyright {\n    font-size: 10px;\n    color: #555;\n  }\n\n  .footer-links {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 4px 0;\n  }\n\n  .footer-links a {\n    font-size: 12px;\n    color: #1a1a1a;\n    text-decoration: none;\n    font-weight: 600;\n  }\n\n  .footer-links a:hover { text-decoration: underline; }\n\n  .footer-links span {\n    font-size: 10px;\n    color: #888;\n    margin: 0 6px;\n  }\n\n  \/* \u2500\u2500 Tablet (max 900px) \u2500\u2500 *\/\n  @media (max-width: 900px) {\n    .footer-top {\n      flex-direction: column;\n      gap: 30px;\n      padding: 30px 30px 0 30px;\n    }\n\n    .footer-logo {\n      align-self: flex-start;\n    }\n\n    .footer-logo img {\n      height: 80px;\n    }\n\n    .footer-divider {\n      margin: 0 30px;\n    }\n\n    .footer-bottom {\n      flex-direction: column;\n      align-items: flex-start;\n      gap: 10px;\n      padding: 14px 30px 18px 30px;\n    }\n  }\n\n  \/* \u2500\u2500 Mobile (max 600px) \u2500\u2500 *\/\n  @media (max-width: 600px) {\n    .footer-top {\n      padding: 24px 20px 0 20px;\n    }\n\n    .footer-org-name {\n      font-size: 15px;\n    }\n\n    .footer-address-contact {\n      flex-direction: column;\n      gap: 16px;\n    }\n\n    .footer-address p,\n    .footer-contact-block p {\n      font-size: 12px;\n      line-height: 1.6;\n    }\n\n    .footer-logo img {\n      height: 65px;\n    }\n\n    .footer-divider {\n      margin: 0 20px;\n    }\n\n    .footer-bottom {\n      padding: 14px 20px 18px 20px;\n      gap: 8px;\n    }\n\n    .footer-copyright {\n      font-size: 10px;\n    }\n\n    .footer-links a {\n      font-size: 11px;\n    }\n  }\n<\/style>\n\n<div class=\"footer-top\">\n  <div class=\"footer-left\">\n    <p class=\"footer-org-name\">Mauritius Sugar Syndicate<\/p>\n\n    <div class=\"footer-address-contact\">\n      <div class=\"footer-address\">\n        <p>7th floor, Medine Mews,<\/p>\n        <p>Chauss\u00e9e Street,<\/p>\n        <p>Port Louis, MAURITIUS<\/p>\n      <\/div>\n      <div class=\"footer-contact-block\">\n        <p class=\"footer-contact-label\">Get in touch:<\/p>\n        <p>+ (230) 212 08 14<\/p>\n        <p>+ (230) 212 08 15<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"footer-socials\">\n      <a href=\"https:\/\/www.facebook.com\/mauritiussugar\" aria-label=\"Facebook\">\n        <svg viewBox=\"0 0 24 24\" fill=\"currentColor\">\n          <path d=\"M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z\"\/>\n        <\/svg>\n      <\/a>\n      <a href=\"https:\/\/www.instagram.com\/mauritiussugar\/\" aria-label=\"Instagram\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n          <rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\" ry=\"5\"\/>\n          <circle cx=\"12\" cy=\"12\" r=\"4\"\/>\n          <circle cx=\"17.5\" cy=\"6.5\" r=\"1\" fill=\"currentColor\" stroke=\"none\"\/>\n        <\/svg>\n      <\/a>\n      <a href=\"https:\/\/www.linkedin.com\/company\/mauritius-sugar\" aria-label=\"LinkedIn\">\n        <svg viewBox=\"0 0 24 24\" fill=\"currentColor\">\n          <path d=\"M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z\"\/>\n          <rect x=\"2\" y=\"9\" width=\"4\" height=\"12\"\/>\n          <circle cx=\"4\" cy=\"4\" r=\"2\"\/>\n        <\/svg>\n      <\/a>\n    <\/div>\n  <\/div>\n\n  <div class=\"footer-logo\">\n    <img decoding=\"async\" src=\"https:\/\/mauritiussugar.mu\/wp-content\/uploads\/2026\/07\/Logo-2.png\" alt=\"Mauritius Sugar Syndicate\" \/>\n  <\/div>\n<\/div>\n\n<hr class=\"footer-divider\" \/>\n\n<div class=\"footer-bottom\">\n  <p class=\"footer-copyright\">Mauritius Sugar Syndicate \u00a9 2021<\/p>\n  <nav class=\"footer-links\" aria-label=\"Legal links\">\n    <a href=\"https:\/\/mauritiussugar.mu\/legal\">Legal Terms<\/a>\n    <span>|<\/span>\n    <a href=\"https:\/\/mauritiussugar.mu\/data-privacy-policy\">Data Privacy Policy<\/a>\n    <span>|<\/span>\n    <a href=\"https:\/\/mauritiussugar.mu\/cookies-policy\">Cookies Policy<\/a>\n  <\/nav>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>MSS Our History Who We Are Our Engagement Our Team The Land of Mauritian Sugar The Growers The Millers The Terroir Our Savoir Faire Our Products Our Clients Sustainability Payments to Producers Media &amp; News Contact Us Marketing Kit MSS Our History Who We Are Our Engagement Our Team The Land of Mauritian Sugar The [&hellip;]<\/p>\n","protected":false},"author":442,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":"","tve_updated_post":"","tve_custom_css":"","tve_user_custom_css":"","tve_globals":{},"tcb2_ready":0,"tcb_editor_enabled":0,"tve_landing_page":"","_tve_header":"","_tve_footer":""},"class_list":["post-3526","page","type-page","status-publish","hentry","post-wrapper","thrv_wrapper"],"acf":[],"_links":{"self":[{"href":"https:\/\/mauritiussugar.mu\/fr\/wp-json\/wp\/v2\/pages\/3526","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mauritiussugar.mu\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mauritiussugar.mu\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mauritiussugar.mu\/fr\/wp-json\/wp\/v2\/users\/442"}],"replies":[{"embeddable":true,"href":"https:\/\/mauritiussugar.mu\/fr\/wp-json\/wp\/v2\/comments?post=3526"}],"version-history":[{"count":61,"href":"https:\/\/mauritiussugar.mu\/fr\/wp-json\/wp\/v2\/pages\/3526\/revisions"}],"predecessor-version":[{"id":4045,"href":"https:\/\/mauritiussugar.mu\/fr\/wp-json\/wp\/v2\/pages\/3526\/revisions\/4045"}],"wp:attachment":[{"href":"https:\/\/mauritiussugar.mu\/fr\/wp-json\/wp\/v2\/media?parent=3526"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}