{"id":3834,"date":"2026-10-06T11:03:51","date_gmt":"2026-10-06T07:03:51","guid":{"rendered":"https:\/\/mauritiussugar.mu\/?page_id=3834"},"modified":"2026-10-06T11:03:59","modified_gmt":"2026-10-06T07:03:59","slug":"golden-caster","status":"publish","type":"page","link":"https:\/\/mauritiussugar.mu\/golden-caster\/","title":{"rendered":"GOLDEN CASTER"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3834\" class=\"elementor elementor-3834\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5ef3eb8 e-con-full e-flex e-con e-child\" data-id=\"5ef3eb8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ed5d27b elementor-widget elementor-widget-html\" data-id=\"ed5d27b\" 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: #6a6b6c;\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:   #382e2d;\n    --mk-line: #382e2d;\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\/2026\/07\/logo-line-16@3x.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\/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\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\/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<\/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<div class=\"elementor-element elementor-element-d7a9fff e-con-full e-flex e-con e-parent\" data-id=\"d7a9fff\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-12b701d elementor-widget elementor-widget-html\" data-id=\"12b701d\" 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;700&display=swap\" rel=\"stylesheet\">\n\n<style>\n  .prod-detail {\n    font-family: 'Lato', sans-serif;\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 40px 20px 80px;\n    color: #2e2620;\n  }\n  .prod-detail *,\n  .prod-detail *::before,\n  .prod-detail *::after {\n    box-sizing: border-box;\n  }\n\n  \/* Breadcrumb *\/\n  .prod-detail .prod-detail__crumb {\n    font-size: 14px;\n    color: #555;\n    text-decoration: none;\n    display: inline-block;\n    margin-bottom: 16px;\n  }\n  .prod-detail .prod-detail__crumb:hover {\n    color: #2e2620;\n  }\n\n  \/* Category label *\/\n  .prod-detail .prod-detail__category {\n    font-size: 16px;\n    font-weight: 600;\n    color: #c8922a;\n    text-decoration: none;\n    display: block;\n    margin-bottom: 24px;\n  }\n  .prod-detail .prod-detail__category:hover {\n    text-decoration: underline;\n  }\n\n  \/* Main grid: image left, info right *\/\n  .prod-detail .prod-detail__main {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 40px;\n    align-items: start;\n  }\n\n  \/* Image *\/\n  .prod-detail .prod-detail__image-wrap {\n    position: relative;\n    width: 100%;\n    aspect-ratio: 1 \/ 1;\n    overflow: hidden;\n    background: #f4f4f4;\n  }\n  .prod-detail .prod-detail__image-wrap img {\n    display: block;\n    width: 100% !important;\n    height: 100% !important;\n    max-width: none !important;\n    margin: 0 !important;\n    border: 0 !important;\n    border-radius: 0 !important;\n    object-fit: cover;\n  }\n\n  \/* Zoom button (loupe) *\/\n  .prod-detail .prod-detail__zoom {\n    position: absolute;\n    top: 16px;\n    right: 16px;\n    z-index: 2;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 36px;\n    height: 36px;\n    min-width: 36px;\n    margin: 0;\n    padding: 0 !important;\n    border: 0 !important;\n    border-radius: 50% !important;\n    background: #fff !important;\n    color: #2e2620 !important;\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n    line-height: 0;\n    cursor: zoom-in;\n    -webkit-appearance: none;\n    appearance: none;\n  }\n  .prod-detail .prod-detail__zoom:hover,\n  .prod-detail .prod-detail__zoom:focus,\n  .prod-detail .prod-detail__zoom:active {\n    background: #fff !important;\n    color: #2e2620 !important;\n    outline: none;\n  }\n  .prod-detail .prod-detail__zoom:focus-visible {\n    outline: 2px solid #c8922a !important;\n    outline-offset: 2px;\n  }\n  .prod-detail .prod-detail__zoom svg {\n    display: block;\n    width: 16px;\n    height: 16px;\n    flex: 0 0 16px;\n    fill: none !important;\n    pointer-events: none;\n  }\n  .prod-detail .prod-detail__zoom svg * {\n    fill: none !important;\n    stroke: #2e2620 !important;\n  }\n\n  \/* Info column *\/\n  .prod-detail .prod-detail__title {\n    font-size: 32px;\n    font-weight: 700;\n    line-height: 1.2;\n    margin: 0 0 20px;\n    padding: 0;\n    letter-spacing: 0.5px;\n    color: #2e2620;\n  }\n  .prod-detail .prod-detail__desc {\n    font-size: 15px;\n    line-height: 1.7;\n    color: #444;\n    margin: 0 0 20px;\n  }\n  .prod-detail .prod-detail__list {\n    list-style: none !important;\n    padding: 0 !important;\n    margin: 0 0 32px !important;\n  }\n  .prod-detail .prod-detail__list li {\n    position: relative;\n    list-style: none !important;\n    margin: 0 !important;\n    padding: 0 0 0 18px !important;\n    font-size: 15px;\n    line-height: 1.8;\n    color: #333;\n  }\n  .prod-detail .prod-detail__list li::before {\n    content: '';\n    position: absolute;\n    left: 0;\n    top: 10px;\n    width: 5px;\n    height: 5px;\n    border-radius: 50%;\n    background: #2e2620;\n  }\n  .prod-detail .prod-detail__list a {\n    color: #c8922a;\n    text-decoration: underline;\n  }\n  .prod-detail .prod-detail__list a:hover {\n    color: #a97a1f;\n  }\n\n  \/* Variety swatches *\/\n  .prod-detail .prod-detail__varieties {\n    display: flex;\n    gap: 18px;\n  }\n  .prod-detail .prod-detail__variety {\n    position: relative;\n  }\n  .prod-detail .prod-detail__variety-link {\n    display: block;\n    text-decoration: none;\n  }\n  .prod-detail .prod-detail__swatch {\n    display: block;\n    width: 58px;\n    height: 58px;\n    border-radius: 50%;\n    overflow: hidden;\n    box-shadow: 0 0 0 2px transparent;\n    transition: box-shadow 0.3s ease, transform 0.3s ease;\n  }\n  .prod-detail .prod-detail__swatch img {\n    display: block;\n    width: 100% !important;\n    height: 100% !important;\n    max-width: none !important;\n    margin: 0 !important;\n    border: 0 !important;\n    border-radius: 0 !important;\n    object-fit: cover;\n  }\n  .prod-detail .prod-detail__variety:hover .prod-detail__swatch {\n    box-shadow: 0 0 0 2px #c8922a;\n    transform: translateY(-2px);\n  }\n\n  \/* Hover-reveal name *\/\n  .prod-detail .prod-detail__variety-name {\n    position: absolute;\n    top: 100%;\n    left: 50%;\n    transform: translate(-50%, -6px);\n    margin-top: 8px;\n    white-space: nowrap;\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.5px;\n    text-transform: uppercase;\n    color: #2e2620;\n    opacity: 0;\n    visibility: hidden;\n    transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease;\n    pointer-events: none;\n  }\n  .prod-detail .prod-detail__variety:hover .prod-detail__variety-name {\n    opacity: 1;\n    visibility: visible;\n    transform: translate(-50%, 0);\n  }\n\n  \/* Additional information table (no grid lines, WooCommerce\/theme proof) *\/\n  .prod-detail .prod-detail__info-heading {\n    font-size: 24px;\n    font-weight: 700;\n    line-height: 1.3;\n    margin: 56px 0 20px;\n    padding: 0;\n    color: #444;\n  }\n  .prod-detail .prod-detail__table,\n  .prod-detail .prod-detail__table tbody,\n  .prod-detail .prod-detail__table tr {\n    border: 0 !important;\n    box-shadow: none !important;\n    background: none !important;\n  }\n  .prod-detail .prod-detail__table {\n    width: 100% !important;\n    margin: 0 !important;\n    table-layout: fixed;\n    border-collapse: collapse !important;\n    border-spacing: 0 !important;\n  }\n  .prod-detail .prod-detail__table td {\n    padding: 11px 0 !important;\n    border: 0 !important;\n    border-bottom: 1px solid #e7e7e7 !important;\n    box-shadow: none !important;\n    font-size: 14px !important;\n    line-height: 1.5 !important;\n    text-align: left;\n    vertical-align: middle !important;\n  }\n  .prod-detail .prod-detail__table tr:first-child td {\n    border-top: 1px solid #e7e7e7 !important;\n  }\n  .prod-detail .prod-detail__table td:first-child {\n    width: 16%;\n    text-align: center !important;\n    font-weight: 700;\n    color: #555;\n  }\n  .prod-detail .prod-detail__table td:last-child {\n    font-style: italic;\n    color: #666;\n  }\n  .prod-detail .prod-detail__table tbody tr:nth-child(odd) td,\n  .prod-detail .prod-detail__table tbody tr:nth-child(odd):hover td {\n    background: #fff !important;\n  }\n  .prod-detail .prod-detail__table tbody tr:nth-child(even) td,\n  .prod-detail .prod-detail__table tbody tr:nth-child(even):hover td {\n    background: #f8f8f7 !important;\n  }\n\n  \/* Lightbox (appended to <body> by the script below) *\/\n  .prod-lightbox {\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    z-index: 2147483000;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 24px;\n    background: rgba(20, 15, 10, 0.88);\n    cursor: zoom-out;\n    opacity: 0;\n    transition: opacity 0.25s ease;\n  }\n  .prod-lightbox.is-open {\n    opacity: 1;\n  }\n  .prod-lightbox .prod-lightbox__img {\n    display: block;\n    width: min(86vw, 86vh, 820px) !important;\n    height: auto !important;\n    max-width: 100% !important;\n    max-height: 100% !important;\n    margin: 0 !important;\n    border: 0 !important;\n    object-fit: contain;\n    transform: scale(0.96);\n    transition: transform 0.25s ease;\n  }\n  .prod-lightbox.is-open .prod-lightbox__img {\n    transform: scale(1);\n  }\n  .prod-lightbox .prod-lightbox__close {\n    position: absolute;\n    top: 20px;\n    right: 20px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 44px;\n    height: 44px;\n    margin: 0;\n    padding: 0 !important;\n    border: 0 !important;\n    border-radius: 50% !important;\n    background: #fff !important;\n    line-height: 0;\n    cursor: pointer;\n    -webkit-appearance: none;\n    appearance: none;\n  }\n  .prod-lightbox .prod-lightbox__close:hover,\n  .prod-lightbox .prod-lightbox__close:focus {\n    background: #fff !important;\n    outline: none;\n  }\n  .prod-lightbox .prod-lightbox__close:focus-visible {\n    outline: 2px solid #c8922a !important;\n    outline-offset: 2px;\n  }\n  .prod-lightbox .prod-lightbox__close svg {\n    display: block;\n    width: 18px;\n    height: 18px;\n    fill: none !important;\n  }\n  .prod-lightbox .prod-lightbox__close svg * {\n    fill: none !important;\n    stroke: #2e2620 !important;\n  }\n\n  \/* Responsive *\/\n  @media (max-width: 768px) {\n    .prod-detail .prod-detail__main {\n      grid-template-columns: 1fr;\n    }\n    .prod-detail .prod-detail__title {\n      font-size: 26px;\n    }\n    .prod-detail .prod-detail__table td:first-child {\n      width: 130px;\n    }\n  }\n\n  @media (max-width: 480px) {\n    .prod-detail .prod-detail__varieties {\n      gap: 14px;\n    }\n    .prod-detail .prod-detail__swatch {\n      width: 46px;\n      height: 46px;\n    }\n  }\n<\/style>\n\n<script>\n  (function () {\n    if (window.__prodDetailZoom) return;\n    window.__prodDetailZoom = true;\n\n    var box = null;\n    var lastBtn = null;\n    var prevOverflow = '';\n\n    function onKey(e) {\n      if (e.key === 'Escape') close();\n    }\n\n    function close() {\n      if (!box) return;\n      var el = box;\n      box = null;\n      el.classList.remove('is-open');\n      document.documentElement.style.overflow = prevOverflow;\n      document.removeEventListener('keydown', onKey);\n      setTimeout(function () {\n        if (el.parentNode) el.parentNode.removeChild(el);\n      }, 250);\n      if (lastBtn) lastBtn.focus();\n    }\n\n    function open(btn) {\n      var wrap = btn.closest('.prod-detail__image-wrap');\n      var img = wrap && wrap.querySelector('img');\n      if (!img) return;\n      var src = img.currentSrc || img.src;\n      if (!src) return;\n\n      lastBtn = btn;\n      box = document.createElement('div');\n      box.className = 'prod-lightbox';\n      box.setAttribute('role', 'dialog');\n      box.setAttribute('aria-modal', 'true');\n      box.setAttribute('aria-label', img.alt || 'Product image');\n      box.innerHTML =\n        '<button type=\"button\" class=\"prod-lightbox__close\" aria-label=\"Close\">' +\n        '<svg viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke-linecap=\"round\">' +\n        '<line x1=\"5\" y1=\"5\" x2=\"19\" y2=\"19\"><\/line><line x1=\"19\" y1=\"5\" x2=\"5\" y2=\"19\"><\/line>' +\n        '<\/svg><\/button>' +\n        '<img class=\"prod-lightbox__img\" alt=\"\">';\n      var big = box.querySelector('.prod-lightbox__img');\n      big.src = src;\n      big.alt = img.alt || '';\n      box.addEventListener('click', close);\n\n      prevOverflow = document.documentElement.style.overflow;\n      document.documentElement.style.overflow = 'hidden';\n      document.body.appendChild(box);\n      document.addEventListener('keydown', onKey);\n\n      requestAnimationFrame(function () {\n        requestAnimationFrame(function () {\n          if (box) box.classList.add('is-open');\n        });\n      });\n      box.querySelector('.prod-lightbox__close').focus();\n    }\n\n    document.addEventListener('click', function (e) {\n      var btn = e.target.closest && e.target.closest('.prod-detail__zoom');\n      if (!btn) return;\n      e.preventDefault();\n      open(btn);\n    });\n  })();\n<\/script>\n\n<div class=\"prod-detail\">\n\n  <a href=\"https:\/\/mauritiussugar.mu\/products\/\" class=\"prod-detail__crumb\">&lt; Our Products<\/a>\n  <a href=\"https:\/\/mauritiussugar.mu\/product-category\/natural-classics\/\" class=\"prod-detail__category\">Natural Classics<\/a>\n\n  <div class=\"prod-detail__main\">\n\n    <div class=\"prod-detail__image-wrap\">\n      <img decoding=\"async\" src=\"https:\/\/mauritiussugar.mu\/wp-content\/uploads\/2021\/05\/Golden-Caster@2x.png\" alt=\"Golden Caster\">\n      <button class=\"prod-detail__zoom\" type=\"button\" aria-label=\"Zoom image\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2e2620\" stroke-width=\"2\">\n          <circle cx=\"11\" cy=\"11\" r=\"7\"><\/circle>\n          <line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"><\/line>\n        <\/svg>\n      <\/button>\n    <\/div>\n\n    <div class=\"prod-detail__info\">\n      <h1 class=\"prod-detail__title\">GOLDEN CASTER<\/h1>\n\n      <p class=\"prod-detail__desc\">\n        A golden sugar with a texture reminiscent of fine beach sand, designed as a delicate substitute for refined white sugar. It has a subtle buttery taste that blends well with tea, cereals, jam, and marmalade. This Natural Classic is often used in the production of wines, biscuits, and cakes.\n      <\/p>\n\n      <ul class=\"prod-detail__list\">\n        <li>Suitable for vegetarians and vegans<\/li>\n        <li>Certifications: Kosher, Halal, and BRCGS Global Food Safety Standard<\/li>\n        <li>Available in: 25 KGS Bags, 50 KGS Bags, 1.05T Bags, 1.1T Bags<\/li>\n        <li>Retail Pack option available through local packer: 500 grams, 1 kg, 2 kg, 10 kg (<a href=\"https:\/\/mauritiussugar.mu\/wp-content\/uploads\/2021\/08\/SUKPAK-Catalogue.pdf\">Sukpak Brochure<\/a>)<\/li>\n      <\/ul>\n\n      <div class=\"prod-detail__varieties\">\n        <div class=\"prod-detail__variety\">\n          <a href=\"https:\/\/mauritiussugar.mu\/product\/brown-cane-sugar\/\" class=\"prod-detail__variety-link\">\n            <span class=\"prod-detail__swatch\"><img decoding=\"async\" src=\"https:\/\/mauritiussugar.mu\/wp-content\/uploads\/2021\/06\/Brown-Cane-Sugar-scaled.jpg\" alt=\"Brown Cane Sugar\"><\/span>\n          <\/a>\n          <span class=\"prod-detail__variety-name\">Brown Cane Sugar<\/span>\n        <\/div>\n        <div class=\"prod-detail__variety\">\n          <a href=\"https:\/\/mauritiussugar.mu\/product\/demerara-light-fine\/\" class=\"prod-detail__variety-link\">\n            <span class=\"prod-detail__swatch\"><img decoding=\"async\" src=\"https:\/\/mauritiussugar.mu\/wp-content\/uploads\/2021\/05\/Mauritius-Industrial-Cane-Sugar@2x.png\" alt=\"Demerara Light Fine\"><\/span>\n          <\/a>\n          <span class=\"prod-detail__variety-name\">Demerara Light Fine<\/span>\n        <\/div>\n        <div class=\"prod-detail__variety\">\n          <a href=\"https:\/\/mauritiussugar.mu\/product\/demerara-light-coarse\/\" class=\"prod-detail__variety-link\">\n            <span class=\"prod-detail__swatch\"><img decoding=\"async\" src=\"https:\/\/mauritiussugar.mu\/wp-content\/uploads\/2021\/08\/Special-Raw-scaled.jpg\" alt=\"Demerara Light Coarse\"><\/span>\n          <\/a>\n          <span class=\"prod-detail__variety-name\">Demerara Light Coarse<\/span>\n        <\/div>\n        <div class=\"prod-detail__variety\">\n          <a href=\"https:\/\/mauritiussugar.mu\/product\/fine-caster\/\" class=\"prod-detail__variety-link\">\n            <span class=\"prod-detail__swatch\"><img decoding=\"async\" src=\"https:\/\/mauritiussugar.mu\/wp-content\/uploads\/2021\/08\/Fine-Caster-scaled.jpg\" alt=\"Fine Caster\"><\/span>\n          <\/a>\n          <span class=\"prod-detail__variety-name\">Fine Caster<\/span>\n        <\/div>\n        <div class=\"prod-detail__variety\">\n          <a href=\"https:\/\/mauritiussugar.mu\/product\/golden-granulated\/\" class=\"prod-detail__variety-link\">\n            <span class=\"prod-detail__swatch\"><img decoding=\"async\" src=\"https:\/\/mauritiussugar.mu\/wp-content\/uploads\/2021\/08\/Golden-Granulated-scaled.jpg\" alt=\"Golden Granulated\"><\/span>\n          <\/a>\n          <span class=\"prod-detail__variety-name\">Golden Granulated<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n\n  <h2 class=\"prod-detail__info-heading\">Additional information<\/h2>\n  <table class=\"prod-detail__table\">\n    <tbody>\n      <tr>\n        <td>Polarisation<\/td>\n        <td>99.2 Min \u00b0Z<\/td>\n      <\/tr>\n      <tr>\n        <td>Colour (I.U)<\/td>\n        <td>600 \u2013 1200<\/td>\n      <\/tr>\n      <tr>\n        <td>Moisture (%)<\/td>\n        <td>0.10 Max<\/td>\n      <\/tr>\n      <tr>\n        <td>Grain Size<\/td>\n        <td>0.46 \u2013 0.55 mm<\/td>\n      <\/tr>\n    <\/tbody>\n  <\/table>\n\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-860ee4e e-con-full e-flex e-con e-parent\" data-id=\"860ee4e\" 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-fce1e02 elementor-widget elementor-widget-html\" data-id=\"fce1e02\" 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":443,"featured_media":3353,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","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-3834","page","type-page","status-publish","has-post-thumbnail","hentry","post-wrapper","thrv_wrapper"],"acf":[],"_links":{"self":[{"href":"https:\/\/mauritiussugar.mu\/cs\/wp-json\/wp\/v2\/pages\/3834","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mauritiussugar.mu\/cs\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mauritiussugar.mu\/cs\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mauritiussugar.mu\/cs\/wp-json\/wp\/v2\/users\/443"}],"replies":[{"embeddable":true,"href":"https:\/\/mauritiussugar.mu\/cs\/wp-json\/wp\/v2\/comments?post=3834"}],"version-history":[{"count":4,"href":"https:\/\/mauritiussugar.mu\/cs\/wp-json\/wp\/v2\/pages\/3834\/revisions"}],"predecessor-version":[{"id":3838,"href":"https:\/\/mauritiussugar.mu\/cs\/wp-json\/wp\/v2\/pages\/3834\/revisions\/3838"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mauritiussugar.mu\/cs\/wp-json\/wp\/v2\/media\/3353"}],"wp:attachment":[{"href":"https:\/\/mauritiussugar.mu\/cs\/wp-json\/wp\/v2\/media?parent=3834"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}