{"id":1528,"date":"2026-10-12T15:09:44","date_gmt":"2026-10-12T15:09:44","guid":{"rendered":"https:\/\/bafatrading.com\/?page_id=1528"},"modified":"2026-10-20T11:55:33","modified_gmt":"2026-10-20T11:55:33","slug":"lacta","status":"publish","type":"page","link":"https:\/\/bafatrading.com\/en\/lacta\/","title":{"rendered":"lacta"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1528\" class=\"elementor elementor-1528\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b46c4f8 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"b46c4f8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e80d9ae elementor-widget elementor-widget-html\" data-id=\"e80d9ae\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- BAFA LACTA \/ WordPress Elementor HTML widget-compatible version. Theme header\/footer remain in use. -->\n\n<style>\n\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');\n\n    #bafa-lacta-page {\n\n        --red: #e41f32;\n\n        --ink: #111c2d;\n\n        --muted: #6b7481;\n\n        --line: #e9edf1;\n\n        --light: #f7f9fb;\n\n        --blue: #2262aa;\n\n        --green: #087e71;\n\n        --purple: #713ba5;\n\n        font-family: \"Plus Jakarta Sans\", Arial, sans-serif;\n\n        color: var(--ink);\n\n        background: #fff;\n\n        width: 100%;\n\n        overflow: clip;\n\n        line-height: 1.5;\n\n        isolation: isolate;\n\n    }\n\n    #bafa-lacta-page,\n\n    #bafa-lacta-page * {\n\n        box-sizing: border-box;\n\n    }\n\n    #bafa-lacta-page a {\n\n        text-decoration: none;\n\n    }\n\n    #bafa-lacta-page button {\n\n        font-family: inherit;\n\n        cursor: pointer;\n\n    }\n\n    #bafa-lacta-page h1,\n\n    #bafa-lacta-page h2,\n\n    #bafa-lacta-page h3,\n\n    #bafa-lacta-page h4,\n\n    #bafa-lacta-page p {\n\n        font-family: inherit;\n\n    }\n\n    #bafa-lacta-page .modalbg {\n\n        z-index: 999999;\n\n    }\n\n    @import url(\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap\");\n\n    #bafa-lacta-page {\n\n        --red: #e41f32;\n\n        --ink: #111c2d;\n\n        --muted: #6b7481;\n\n        --line: #e9edf1;\n\n        --light: #f7f9fb;\n\n        --blue: #2262aa;\n\n        --green: #087e71;\n\n        --purple: #713ba5\n\n    }\n\n    #bafa-lacta-page *,\n\n    #bafa-lacta-page *::before,\n\n    #bafa-lacta-page *::after {\n\n        box-sizing: border-box\n\n    }\n\n    #bafa-lacta-page {\n\n        scroll-behavior: smooth\n\n    }\n\n    #bafa-lacta-page {\n\n        margin: 0;\n\n        font-family: \"Plus Jakarta Sans\", system-ui, sans-serif;\n\n        color: var(--ink);\n\n        background: white\n\n    }\n\n    #bafa-lacta-page a {\n\n        text-decoration: none;\n\n        color: inherit\n\n    }\n\n    #bafa-lacta-page button {\n\n        font: inherit;\n\n        cursor: pointer\n\n    }\n\n    #bafa-lacta-page .wrap {\n\n        width: min(1200px, calc(100% - 48px));\n\n        margin: auto\n\n    }\n\n    #bafa-lacta-page .top {\n\n        border-bottom: 1px solid var(--line);\n\n        font-size: 12px;\n\n        color: #687183\n\n    }\n\n    #bafa-lacta-page .top .wrap {\n\n        height: 36px;\n\n        display: flex;\n\n        justify-content: space-between;\n\n        align-items: center\n\n    }\n\n    #bafa-lacta-page .top a:hover {\n\n        color: var(--red)\n\n    }\n\n    #bafa-lacta-page .header {\n\n        position: sticky;\n\n        top: 0;\n\n        background: #fffffff2;\n\n        backdrop-filter: blur(18px);\n\n        z-index: 20;\n\n        border-bottom: 1px solid var(--line)\n\n    }\n\n    #bafa-lacta-page .nav {\n\n        display: flex;\n\n        align-items: center;\n\n        justify-content: space-between;\n\n        height: 78px;\n\n        gap: 24px\n\n    }\n\n    #bafa-lacta-page .brand {\n\n        display: flex;\n\n        align-items: center;\n\n        gap: 11px;\n\n        color: #e31d32;\n\n        font-size: 35px;\n\n        letter-spacing: -2px;\n\n        font-weight: 800\n\n    }\n\n    #bafa-lacta-page .brand-symbol {\n\n        width: 37px;\n\n        height: 37px;\n\n        border: 2px solid #e31d32;\n\n        border-radius: 12px;\n\n        position: relative;\n\n        display: grid;\n\n        place-items: center;\n\n        font-size: 24px;\n\n        line-height: 1;\n\n        font-weight: 500\n\n    }\n\n    #bafa-lacta-page .menu {\n\n        display: flex;\n\n        gap: 26px;\n\n        align-items: center;\n\n        font-size: 13px;\n\n        font-weight: 600\n\n    }\n\n    #bafa-lacta-page .menu a:hover,\n\n    #bafa-lacta-page .menu a.active {\n\n        color: var(--red)\n\n    }\n\n    #bafa-lacta-page .btn {\n\n        border: 0;\n\n        border-radius: 11px;\n\n        padding: 14px 22px;\n\n        font-weight: 700;\n\n        font-size: 13px;\n\n        display: inline-flex;\n\n        align-items: center;\n\n        justify-content: center;\n\n        gap: 8px;\n\n        transition: transform .2s, *****background***** .2s\n\n    }\n\n    #bafa-lacta-page .btn:hover {\n\n        transform: translateY(-2px)\n\n    }\n\n    #bafa-lacta-page .btn-red {\n\n        background: var(--red);\n\n        color: white\n\n    }\n\n    #bafa-lacta-page .btn-dark {\n\n        background: var(--ink);\n\n        color: white\n\n    }\n\n    #bafa-lacta-page .btn-outline {\n\n        border: 1px solid #cad0d9;\n\n        background: white;\n\n        color: var(--ink)\n\n    }\n\n    #bafa-lacta-page .menuToggle {\n\n        display: none;\n\n        border: 0;\n\n        background: none;\n\n        font-size: 26px\n\n    }\n\n    #bafa-lacta-page .crumb {\n\n        padding: 21px 0;\n\n        color: #88909c;\n\n        font-size: 12px\n\n    }\n\n    #bafa-lacta-page .crumb strong {\n\n        color: var(--ink)\n\n    }\n\n    #bafa-lacta-page .hero {\n\n        background: radial-gradient(ellipse at 85% 30%, #eff4fa, transparent 48%), linear-gradient(135deg, #fff 10%, #f9fbfd);\n\n        overflow: hidden;\n\n        border-bottom: 1px solid var(--line)\n\n    }\n\n    #bafa-lacta-page .hero-grid {\n\n        display: grid;\n\n        grid-template-columns: 1.05fr 1fr;\n\n        gap: 45px;\n\n        align-items: center;\n\n        padding: 65px 0 78px\n\n    }\n\n    #bafa-lacta-page .eyebrow {\n\n        color: var(--red);\n\n        font-size: 12px;\n\n        font-weight: 800;\n\n        letter-spacing: .17em;\n\n        text-transform: uppercase\n\n    }\n\n    #bafa-lacta-page .hero h1 {\n\n        font-size: clamp(62px, 8.5vw, 118px);\n\n        line-height: .95;\n\n        letter-spacing: -.08em;\n\n        margin: 20px 0 16px;\n\n        font-weight: 800\n\n    }\n\n    #bafa-lacta-page .hero h2 {\n\n        font-size: clamp(25px, 3vw, 40px);\n\n        letter-spacing: -.05em;\n\n        line-height: 1.2;\n\n        margin: 0 0 20px\n\n    }\n\n    #bafa-lacta-page .hero p {\n\n        line-height: 1.85;\n\n        color: #697382;\n\n        font-size: 15px;\n\n        max-width: 520px\n\n    }\n\n    #bafa-lacta-page .hero-actions {\n\n        display: flex;\n\n        gap: 10px;\n\n        flex-wrap: wrap;\n\n        margin-top: 31px\n\n    }\n\n    #bafa-lacta-page .tags {\n\n        display: flex;\n\n        gap: 8px;\n\n        margin-top: 27px;\n\n        flex-wrap: wrap\n\n    }\n\n    #bafa-lacta-page .tag {\n\n        border-radius: 6px;\n\n        padding: 7px 12px;\n\n        font-size: 11px;\n\n        font-weight: 800;\n\n        color: white\n\n    }\n\n    #bafa-lacta-page .tag.blue {\n\n        background: var(--blue)\n\n    }\n\n    #bafa-lacta-page .tag.green {\n\n        background: var(--green)\n\n    }\n\n    #bafa-lacta-page .tag.purple {\n\n        background: var(--purple)\n\n    }\n\n    #bafa-lacta-page .hero-art {\n\n        min-height: 380px;\n\n        position: relative;\n\n        display: flex;\n\n        align-items: end;\n\n        justify-content: center;\n\n        isolation: isolate;\n\n        height: 380px;\n\n        max-width: 100%;\n\n    }\n\n    #bafa-lacta-page .hero-art:before {\n\n        content: \"\";\n\n        position: absolute;\n\n        width: 460px;\n\n        height: 460px;\n\n        border-radius: 50%;\n\n        background: #edf1f7;\n\n        z-index: -1;\n\n        left: 50%;\n\n        top: 3%;\n\n        transform: translateX(-50%)\n\n    }\n\n    #bafa-lacta-page .art-ring {\n\n        position: absolute;\n\n        border: 1px solid #d8dfe9;\n\n        width: 340px;\n\n        height: 340px;\n\n        border-radius: 50%;\n\n        top: 17%;\n\n        left: 15%;\n\n        z-index: -1\n\n    }\n\n    #bafa-lacta-page .bottle {\n\n        position: relative;\n\n        width: 30%;\n\n        height: 245px;\n\n        background: linear-gradient(115deg, #eff4f8, #fefefe 30%, #e1e8ee 87%);\n\n        border: 2px solid #d5dce5;\n\n        border-radius: 16px 16px 23px 23px;\n\n        box-shadow: 12px 16px 26px #17283b1a;\n\n        display: flex;\n\n        align-items: flex-end;\n\n        padding: 15px 10px;\n\n        margin: 0 -4px 15px\n\n    }\n\n    #bafa-lacta-page .bottle:before {\n\n        content: \"\";\n\n        position: absolute;\n\n        top: -20px;\n\n        left: 17%;\n\n        width: 28%;\n\n        height: 20px;\n\n        background: var(--cap);\n\n        border-radius: 7px 7px 2px 2px\n\n    }\n\n    #bafa-lacta-page .bottle:after {\n\n        content: \"\";\n\n        position: absolute;\n\n        right: 12px;\n\n        top: 15px;\n\n        width: 26%;\n\n        height: 24px;\n\n        border: 8px solid #e6ebf0;\n\n        border-radius: 9px;\n\n        background: #f3f6f9\n\n    }\n\n    #bafa-lacta-page .bottle:nth-child(2) {\n\n        height: 315px;\n\n        width: 38%;\n\n        z-index: 2;\n\n        margin-bottom: 0\n\n    }\n\n    #bafa-lacta-page .bottle:nth-child(3) {\n\n        height: 265px\n\n    }\n\n    #bafa-lacta-page .b-label {\n\n        background: white;\n\n        border-radius: 4px;\n\n        box-shadow: 0 2px 8px #00000012;\n\n        width: 100%;\n\n        height: 53%;\n\n        border-top: 7px solid var(--cap);\n\n        padding: 14px 9px;\n\n        display: flex;\n\n        flex-direction: column;\n\n        gap: 6px\n\n    }\n\n    #bafa-lacta-page .b-label small {\n\n        letter-spacing: .12em;\n\n        color: #df2334;\n\n        font-size: 10px;\n\n        font-weight: 800\n\n    }\n\n    #bafa-lacta-page .b-label b {\n\n        font-size: clamp(12px, 1.5vw, 20px);\n\n        letter-spacing: -.05em\n\n    }\n\n    #bafa-lacta-page .b-label span {\n\n        background: #e6edf2;\n\n        height: 4px;\n\n        border-radius: 4px;\n\n        width: 80%\n\n    }\n\n    #bafa-lacta-page .b-label span:last-child {\n\n        width: 55%\n\n    }\n\n    #bafa-lacta-page .floating {\n\n        position: absolute;\n\n        right: 5%;\n\n        bottom: 5%;\n\n        background: white;\n\n        border: 1px solid var(--line);\n\n        padding: 14px 18px;\n\n        border-radius: 15px;\n\n        box-shadow: 0 12px 35px #24354b15;\n\n        font-size: 12px;\n\n        font-weight: 800;\n\n        z-index: 3\n\n    }\n\n    #bafa-lacta-page .floating strong {\n\n        color: var(--red);\n\n        font-size: 24px;\n\n        display: block\n\n    }\n\n    #bafa-lacta-page .stats {\n\n        display: grid;\n\n        grid-template-columns: repeat(3, 1fr);\n\n        gap: 16px;\n\n        margin-top: -38px;\n\n        position: relative;\n\n        z-index: 4\n\n    }\n\n    #bafa-lacta-page .stat {\n\n        background: white;\n\n        border: 1px solid var(--line);\n\n        border-radius: 17px;\n\n        padding: 24px;\n\n        box-shadow: 0 12px 35px #142c4010;\n\n        display: flex;\n\n        gap: 14px;\n\n        align-items: center\n\n    }\n\n    #bafa-lacta-page .stat .num {\n\n        font-size: 35px;\n\n        font-weight: 800;\n\n        letter-spacing: -.05em;\n\n        color: var(--red)\n\n    }\n\n    #bafa-lacta-page .stat p {\n\n        margin: 0;\n\n        font-size: 12px;\n\n        color: #697382;\n\n        line-height: 1.6\n\n    }\n\n    #bafa-lacta-page .section {\n\n        padding: 100px 0\n\n    }\n\n    #bafa-lacta-page .section.soft {\n\n        background: #f8fafc\n\n    }\n\n    #bafa-lacta-page .sectionhead {\n\n        max-width: 710px;\n\n        margin-bottom: 38px\n\n    }\n\n    #bafa-lacta-page .sectionhead h2 {\n\n        font-size: clamp(29px, 4vw, 44px);\n\n        letter-spacing: -.055em;\n\n        line-height: 1.18;\n\n        margin: 12px 0 15px\n\n    }\n\n    #bafa-lacta-page .sectionhead p {\n\n        color: #758090;\n\n        line-height: 1.8;\n\n        font-size: 14px;\n\n        margin: 0\n\n    }\n\n    #bafa-lacta-page .systems {\n\n        display: grid;\n\n        grid-template-columns: repeat(3, 1fr);\n\n        gap: 20px\n\n    }\n\n    #bafa-lacta-page .system {\n\n        border: 1px solid var(--line);\n\n        border-radius: 20px;\n\n        padding: 30px;\n\n        position: relative;\n\n        overflow: hidden;\n\n        background: white;\n\n        transition: transform .2s\n\n    }\n\n    #bafa-lacta-page .system:hover {\n\n        transform: translateY(-5px)\n\n    }\n\n    #bafa-lacta-page .system .icon {\n\n        font-size: 27px;\n\n        background: var(--pale);\n\n        color: var(--color);\n\n        height: 57px;\n\n        width: 57px;\n\n        display: grid;\n\n        place-items: center;\n\n        border-radius: 14px\n\n    }\n\n    #bafa-lacta-page .system h3 {\n\n        font-size: 27px;\n\n        margin: 25px 0 9px;\n\n        letter-spacing: -.04em;\n\n        color: var(--color)\n\n    }\n\n    #bafa-lacta-page .system h4 {\n\n        font-size: 14px;\n\n        margin: 0 0 12px\n\n    }\n\n    #bafa-lacta-page .system p {\n\n        font-size: 13px;\n\n        color: #758090;\n\n        line-height: 1.8;\n\n        min-height: 65px\n\n    }\n\n    #bafa-lacta-page .system .names {\n\n        border-top: 1px solid var(--line);\n\n        padding-top: 18px;\n\n        font-size: 12px;\n\n        font-weight: 700;\n\n        color: var(--color)\n\n    }\n\n    #bafa-lacta-page .filterbar {\n\n        display: flex;\n\n        align-items: center;\n\n        gap: 9px;\n\n        flex-wrap: wrap;\n\n        margin: 26px 0\n\n    }\n\n    #bafa-lacta-page .filter {\n\n        border: 1px solid #e0e4eb;\n\n        background: white;\n\n        border-radius: 9px;\n\n        padding: 11px 20px;\n\n        font-size: 13px;\n\n        font-weight: 800;\n\n        color: #6f7683\n\n    }\n\n    #bafa-lacta-page .filter.active {\n\n        background: var(--ink);\n\n        color: white;\n\n        border-color: var(--ink)\n\n    }\n\n    #bafa-lacta-page .productgrid {\n\n        display: grid;\n\n        grid-template-columns: repeat(4, 1fr);\n\n        gap: 20px\n\n    }\n\n    #bafa-lacta-page .product {\n\n        border: 1px solid var(--line);\n\n        border-radius: 18px;\n\n        background: white;\n\n        overflow: hidden;\n\n        transition: box-shadow .2s, transform .2s\n\n    }\n\n    #bafa-lacta-page .product:hover {\n\n        box-shadow: 0 12px 35px #15283b12;\n\n        transform: translateY(-4px)\n\n    }\n\n    #bafa-lacta-page .product-visual {\n\n        height: 195px;\n\n        background: radial-gradient(circle at center, #fff, var(--pale));\n\n        display: grid;\n\n        place-items: center;\n\n        position: relative\n\n    }\n\n    #bafa-lacta-page .product-photo {\n\n       display: block;\n\n       max-width: calc(100% - 36px);\n\n       max-height: 165px;\n\n       width: auto;\n\n       height: auto;\n\n       object-fit: contain;\n\n   }\n\n   #bafa-lacta-page .hero-bottle.has-photo {\n\n       background: transparent;\n\n       border: 0;\n\n       box-shadow: none;\n\n       padding: 0;\n\n       align-items: flex-end;\n\n       justify-content: center;\n\n       overflow: visible;\n\n        margin: 0 -3px 0;\n\n        min-width: 0;\n\n        max-width: 34%;\n\n        flex: 0 0 auto;\n\n    }\n\n   #bafa-lacta-page .hero-bottle.has-photo:before,\n\n   #bafa-lacta-page .hero-bottle.has-photo:after,\n\n   #bafa-lacta-page .hero-bottle.has-photo .b-label {\n\n       display: none;\n\n   }\n\n   #bafa-lacta-page .hero-product-photo {\n\n       display: block;\n\n       width: 100%;\n\n       height: 100%;\n\n       max-width: 100%;\n\n       object-fit: contain;\n\n       filter: drop-shadow(14px 18px 18px rgba(23, 40, 59, .14));\n\n       pointer-events: none;\n\n       user-select: none;\n\n        max-height: 100%;\n\n        min-width: 0;\n\n        min-height: 0;\n\n        object-position: center bottom;\n\n    }\n\n   #bafa-lacta-page .mini-can {\n\n        width: 115px;\n\n        height: 125px;\n\n        background: linear-gradient(105deg, #dae2e9, #fff 50%, #dae4ec);\n\n        border: 1px solid #cad5dd;\n\n        border-radius: 12px 12px 15px 15px;\n\n        position: relative;\n\n        filter: drop-shadow(8px 12px 7px #1b38531c)\n\n    }\n\n    #bafa-lacta-page .mini-can:before {\n\n        content: \"\";\n\n        position: absolute;\n\n        width: 32px;\n\n        height: 12px;\n\n        top: -11px;\n\n        left: 13px;\n\n        background: var(--color);\n\n        border-radius: 4px 4px 0 0\n\n    }\n\n    #bafa-lacta-page .mini-can:after {\n\n        content: \"\";\n\n        position: absolute;\n\n        right: 11px;\n\n        top: 8px;\n\n        width: 22px;\n\n        height: 14px;\n\n        border: 6px solid #dbe4ea;\n\n        border-radius: 6px\n\n    }\n\n    #bafa-lacta-page .mini-sticker {\n\n        position: absolute;\n\n        bottom: 14px;\n\n        left: 10px;\n\n        right: 10px;\n\n        height: 65px;\n\n        background: white;\n\n        border-top: 5px solid var(--color);\n\n        box-shadow: 0 1px 5px #aaa4;\n\n        display: flex;\n\n        flex-direction: column;\n\n        padding: 10px 7px;\n\n        gap: 4px\n\n    }\n\n    #bafa-lacta-page .mini-sticker small {\n\n        font-size: 8px;\n\n        font-weight: 800;\n\n        color: var(--red)\n\n    }\n\n    #bafa-lacta-page .mini-sticker b {\n\n        font-size: 13px\n\n    }\n\n    #bafa-lacta-page .series-pill {\n\n        position: absolute;\n\n        top: 14px;\n\n        left: 14px;\n\n        background: white;\n\n        border-radius: 20px;\n\n        padding: 6px 9px;\n\n        font-size: 10px;\n\n        font-weight: 800;\n\n        color: var(--color)\n\n    }\n\n    #bafa-lacta-page .productbody {\n\n        padding: 22px\n\n    }\n\n    #bafa-lacta-page .productbody h3 {\n\n        font-size: 18px;\n\n        letter-spacing: -.04em;\n\n        margin: 0 0 9px\n\n    }\n\n    #bafa-lacta-page .productbody p {\n\n        font-size: 12px;\n\n        line-height: 1.7;\n\n        color: #758090;\n\n        min-height: 57px\n\n    }\n\n    #bafa-lacta-page .meta {\n\n        border-top: 1px solid var(--line);\n\n        padding-top: 15px;\n\n        display: flex;\n\n        justify-content: space-between;\n\n        color: #7c8590;\n\n        font-size: 11px\n\n    }\n\n    #bafa-lacta-page .meta strong {\n\n        color: var(--ink)\n\n    }\n\n    #bafa-lacta-page .detail {\n\n        background: none;\n\n        border: 0;\n\n        padding: 0;\n\n        margin-top: 17px;\n\n        color: var(--red);\n\n        font-size: 12px;\n\n        font-weight: 800\n\n    }\n\n    #bafa-lacta-page .flow {\n\n        display: grid;\n\n        grid-template-columns: repeat(5, 1fr);\n\n        gap: 13px\n\n    }\n\n    #bafa-lacta-page .step {\n\n        border: 1px solid #e7ebf0;\n\n        background: white;\n\n        border-radius: 13px;\n\n        padding: 18px;\n\n        min-height: 132px\n\n    }\n\n    #bafa-lacta-page .step b {\n\n        display: inline-flex;\n\n        width: 26px;\n\n        height: 26px;\n\n        border-radius: 7px;\n\n        align-items: center;\n\n        justify-content: center;\n\n        background: #f0f3f7;\n\n        font-size: 12px\n\n    }\n\n    #bafa-lacta-page .step strong {\n\n        display: block;\n\n        font-size: 13px;\n\n        margin: 17px 0 7px\n\n    }\n\n    #bafa-lacta-page .step span {\n\n        font-size: 11px;\n\n        color: #778390;\n\n        line-height: 1.5\n\n    }\n\n    #bafa-lacta-page .applications {\n\n        display: grid;\n\n        grid-template-columns: repeat(2, 1fr);\n\n        gap: 12px\n\n    }\n\n    #bafa-lacta-page .appitem {\n\n        background: white;\n\n        border: 1px solid var(--line);\n\n        border-radius: 12px;\n\n        padding: 17px 20px;\n\n        display: flex;\n\n        align-items: center;\n\n        gap: 14px;\n\n        font-weight: 700;\n\n        font-size: 13px\n\n    }\n\n    #bafa-lacta-page .appitem:before {\n\n        content: \"\u2713\";\n\n        background: #eaf5f1;\n\n        color: var(--green);\n\n        height: 28px;\n\n        width: 28px;\n\n        border-radius: 50%;\n\n        display: grid;\n\n        place-items: center;\n\n        flex-shrink: 0\n\n    }\n\n    #bafa-lacta-page .cta {\n\n        margin: 0 0 70px;\n\n        background: var(--ink);\n\n        color: white;\n\n        border-radius: 24px;\n\n        padding: 58px 65px;\n\n        display: flex;\n\n        align-items: center;\n\n        justify-content: space-between;\n\n        gap: 28px;\n\n        background-image: radial-gradient(circle at 90% 0%, #343d53, transparent 45%)\n\n    }\n\n    #bafa-lacta-page .cta h2 {\n\n        font-size: clamp(28px, 3.5vw, 43px);\n\n        letter-spacing: -.05em;\n\n        margin: 10px 0\n\n    }\n\n    #bafa-lacta-page .cta p {\n\n        color: #b5beca;\n\n        font-size: 14px;\n\n        line-height: 1.8;\n\n        max-width: 640px\n\n    }\n\n    #bafa-lacta-page .footer {\n\n        background: #101b2b;\n\n        color: white;\n\n        padding: 65px 0 24px\n\n    }\n\n    #bafa-lacta-page .footgrid {\n\n        display: grid;\n\n        grid-template-columns: 2fr 1fr 1fr 1.3fr;\n\n        gap: 40px\n\n    }\n\n    #bafa-lacta-page .footer .brand {\n\n        font-size: 37px\n\n    }\n\n    #bafa-lacta-page .footer h4 {\n\n        font-size: 13px;\n\n        margin: 0 0 20px\n\n    }\n\n    #bafa-lacta-page .footer p,\n\n    #bafa-lacta-page .footer a {\n\n        color: #aeb6c2;\n\n        font-size: 12px;\n\n        line-height: 2\n\n    }\n\n    #bafa-lacta-page .footer a {\n\n        display: block\n\n    }\n\n    #bafa-lacta-page .footer a:hover {\n\n        color: white\n\n    }\n\n    #bafa-lacta-page .footbottom {\n\n        border-top: 1px solid #334050;\n\n        margin-top: 45px;\n\n        padding-top: 20px;\n\n        font-size: 11px;\n\n        color: #8f99a6\n\n    }\n\n    #bafa-lacta-page .modalbg {\n\n        position: fixed;\n\n        inset: 0;\n\n        background: #111c2dbd;\n\n        backdrop-filter: blur(4px);\n\n        display: none;\n\n        align-items: center;\n\n        justify-content: center;\n\n        padding: 18px;\n\n        z-index: 50\n\n    }\n\n    #bafa-lacta-page .modalbg.show {\n\n        display: flex\n\n    }\n\n    #bafa-lacta-page .modal {\n\n        background: #fff;\n\n        width: min(540px, 100%);\n\n        border-radius: 22px;\n\n        padding: 32px;\n\n        max-height: 90vh;\n\n        overflow: auto;\n\n        position: relative\n\n    }\n\n    #bafa-lacta-page .bafa-lacta-close-btn {\n\n        position: absolute;\n\n        right: 20px;\n\n        top: 15px;\n\n        border: 0;\n\n        background: #f1f3f5;\n\n        color: #172233 !important;\n\n        -webkit-text-fill-color: #172233;\n\n        opacity: 1 !important;\n\n        display: flex;\n\n        align-items: center;\n\n        justify-content: center;\n\n        padding: 0;\n\n        line-height: 1;\n\n        font-weight: 600;\n\n        z-index: 2;\n\n        width: 32px;\n\n        height: 32px;\n\n        border-radius: 50%;\n\n        font-size: 20px\n\n    }\n\n    #bafa-lacta-page .modal h2 {\n\n        letter-spacing: -.045em;\n\n        margin: 12px 0\n\n    }\n\n    #bafa-lacta-page .modal p {\n\n        color: #687482;\n\n        line-height: 1.8;\n\n        font-size: 14px\n\n    }\n\n    #bafa-lacta-page .detailrows {\n\n        display: grid;\n\n        grid-template-columns: repeat(2, 1fr);\n\n        gap: 12px;\n\n        margin: 24px 0\n\n    }\n\n    #bafa-lacta-page .detailrow {\n\n        background: #f6f8fa;\n\n        border-radius: 10px;\n\n        padding: 15px\n\n    }\n\n    #bafa-lacta-page .detailrow small {\n\n        display: block;\n\n        font-size: 10px;\n\n        color: #818995;\n\n        margin-bottom: 7px\n\n    }\n\n    #bafa-lacta-page .detailrow strong {\n\n        font-size: 13px\n\n    }\n\n    #bafa-lacta-page .disclaimer {\n\n        font-size: 11px !important;\n\n        color: #8d96a2 !important\n\n    }\n\n    #bafa-lacta-page .reveal {\n\n        animation: bafaLactaAppear .28s ease\n\n    }\n\n    @keyframes bafaLactaAppear {\n\n        from {\n\n            opacity: 0;\n\n            transform: translateY(8px)\n\n        }\n\n        to {\n\n            opacity: 1;\n\n            transform: translateY(0)\n\n        }\n\n    }\n\n    @media (max-width:1050px) {\n\n        #bafa-lacta-page .menu {\n\n            gap: 12px\n\n        }\n\n        #bafa-lacta-page .menu a {\n\n            font-size: 11px\n\n        }\n\n        #bafa-lacta-page .productgrid {\n\n            grid-template-columns: repeat(2, 1fr)\n\n        }\n\n        #bafa-lacta-page .hero-grid {\n\n            gap: 20px\n\n        }\n\n    }\n\n    @media (max-width:760px) {\n\n        #bafa-lacta-page .wrap {\n\n            width: min(100% - 32px, 1200px)\n\n        }\n\n        #bafa-lacta-page .top {\n\n            display: none\n\n        }\n\n        #bafa-lacta-page .nav {\n\n            height: 66px\n\n        }\n\n        #bafa-lacta-page .menuToggle {\n\n            display: block\n\n        }\n\n        #bafa-lacta-page .menu {\n\n            display: none;\n\n            position: absolute;\n\n            top: 66px;\n\n            left: 0;\n\n            right: 0;\n\n            background: white;\n\n            box-shadow: 0 16px 23px #15223119;\n\n            padding: 25px;\n\n            flex-direction: column;\n\n            align-items: stretch;\n\n            gap: 20px\n\n        }\n\n        #bafa-lacta-page .menu.open {\n\n            display: flex\n\n        }\n\n        #bafa-lacta-page .header .nav>.btn {\n\n            display: none\n\n        }\n\n        #bafa-lacta-page .hero-grid {\n\n            grid-template-columns: 1fr;\n\n            padding: 36px 0 90px\n\n        }\n\n        #bafa-lacta-page .hero h1 {\n\n            font-size: 76px\n\n        }\n\n        #bafa-lacta-page .hero-art {\n\n            min-height: 290px\n\n        }\n\n        #bafa-lacta-page .hero-art:before {\n\n            width: 290px;\n\n            height: 290px\n\n        }\n\n        #bafa-lacta-page .art-ring {\n\n            width: 230px;\n\n            height: 230px\n\n        }\n\n        #bafa-lacta-page .bottle {\n\n            height: 195px\n\n        }\n\n        #bafa-lacta-page .bottle:nth-child(2) {\n\n            height: 240px\n\n        }\n\n        #bafa-lacta-page .bottle:nth-child(3) {\n\n            height: 210px\n\n        }\n\n        #bafa-lacta-page .stats {\n\n            grid-template-columns: 1fr;\n\n            margin-top: -50px;\n\n            gap: 9px\n\n        }\n\n        #bafa-lacta-page .stat {\n\n            padding: 15px 20px\n\n        }\n\n        #bafa-lacta-page .stat .num {\n\n            font-size: 27px\n\n        }\n\n        #bafa-lacta-page .section {\n\n            padding: 70px 0\n\n        }\n\n        #bafa-lacta-page .systems {\n\n            grid-template-columns: 1fr\n\n        }\n\n        #bafa-lacta-page .system p {\n\n            min-height: 0\n\n        }\n\n        #bafa-lacta-page .flow {\n\n            grid-template-columns: repeat(2, 1fr)\n\n        }\n\n        #bafa-lacta-page .applications {\n\n            grid-template-columns: 1fr\n\n        }\n\n        #bafa-lacta-page .cta {\n\n            padding: 35px 25px;\n\n            flex-direction: column;\n\n            align-items: flex-start;\n\n            margin-bottom: 40px\n\n        }\n\n        #bafa-lacta-page .footgrid {\n\n            grid-template-columns: repeat(2, 1fr);\n\n            gap: 35px\n\n        }\n\n        #bafa-lacta-page .footgrid>div:first-child {\n\n            grid-column: 1\/-1\n\n        }\n\n    }\n\n    @media (max-width:420px) {\n\n        #bafa-lacta-page .productgrid {\n\n            grid-template-columns: 1fr\n\n        }\n\n        #bafa-lacta-page .flow {\n\n            grid-template-columns: 1fr\n\n        }\n\n        #bafa-lacta-page .hero h1 {\n\n            font-size: 68px\n\n        }\n\n        #bafa-lacta-page .detailrows {\n\n            grid-template-columns: 1fr\n\n        }\n\n    }\n\n    \/* Balanced hero layout for actual PNG product photos *\/\n\n    #bafa-lacta-page .hero-art .hero-bottle.has-photo:nth-child(2) {\n\n        width: 38%;\n\n        max-width: 38%;\n\n        height: 315px;\n\n        margin-bottom: 0;\n\n        z-index: 2;\n\n    }\n\n    #bafa-lacta-page .hero-art .hero-bottle.has-photo:nth-child(3) {\n\n        width: 31%;\n\n        max-width: 31%;\n\n        height: 275px;\n\n        z-index: 1;\n\n    }\n\n    #bafa-lacta-page .hero-art .hero-bottle.has-photo:nth-child(4) {\n\n        width: 31%;\n\n        max-width: 31%;\n\n        height: 260px;\n\n        z-index: 2;\n\n    }\n\n    \/* Keep the info badge from covering product labels in the PNGs *\/\n\n    #bafa-lacta-page .hero-art .floating {\n\n        right: 0;\n\n        bottom: -48px;\n\n    }\n\n        \/* Reduce excess space between the stat cards and the following section *\/\n\n    #bafa-lacta-page #bafa-lacta-sistemler {\n\n        padding-top: 62px;\n\n    }\n\n    @media (max-width: 760px) {\n\n        #bafa-lacta-page .hero-grid { padding-bottom: 74px; }\n\n        #bafa-lacta-page .hero-art { height: 300px; min-height: 300px; }\n\n        #bafa-lacta-page .hero-art .hero-bottle.has-photo:nth-child(2) { height: 250px; }\n\n        #bafa-lacta-page .hero-art .hero-bottle.has-photo:nth-child(3) { height: 218px; }\n\n        #bafa-lacta-page .hero-art .hero-bottle.has-photo:nth-child(4) { height: 208px; }\n\n        #bafa-lacta-page .hero-art .floating {\n\n            bottom: -25px;\n\n            padding: 9px 12px;\n\n            font-size: 10px;\n\n        }\n\n        #bafa-lacta-page .hero-art .floating strong { font-size: 20px; }\n\n        #bafa-lacta-page .stats { margin-top: -47px; }\n\n        #bafa-lacta-page #bafa-lacta-sistemler { padding-top: 50px; }\n\n    }\n\n    @media (max-width: 420px) {\n\n        #bafa-lacta-page .hero-art { height: 265px; min-height: 265px; }\n\n        #bafa-lacta-page .hero-art .hero-bottle.has-photo:nth-child(2) { height: 222px; }\n\n        #bafa-lacta-page .hero-art .hero-bottle.has-photo:nth-child(3) { height: 190px; }\n\n        #bafa-lacta-page .hero-art .hero-bottle.has-photo:nth-child(4) { height: 185px; }\n\n        #bafa-lacta-page #bafa-lacta-sistemler { padding-top: 44px; }\n\n    }\n\n    \/* BAFA LACTA \u2014 single-column product cards on narrow screens *\/\n\n    @media (max-width: 760px) {\n\n        #bafa-lacta-page .productgrid {\n\n            grid-template-columns: minmax(0, 1fr);\n\n        }\n\n        #bafa-lacta-page .product,\n\n        #bafa-lacta-page .productbody {\n\n            min-width: 0;\n\n        }\n\n        #bafa-lacta-page .meta {\n\n            flex-wrap: wrap;\n\n            gap: 10px 16px;\n\n        }\n\n        #bafa-lacta-page .meta > span {\n\n            white-space: nowrap;\n\n        }\n\n    }\n\n<\/style>\n\n<div class=\"bafa-lacta-page\" id=\"bafa-lacta-page\">\n\n    <main>\n\n        <section class=\"hero\">\n\n            <div class=\"wrap\">\n\n                <div class=\"crumb\"><a href=\"https:\/\/bafatrading.com\/\">Home<\/a> \u00a0 \/ \u00a0 Products \u00a0 \/ \u00a0\n\n                    <strong>LACTA<\/strong>\n\n                <\/div>\n\n                <div class=\"hero-grid\">\n\n                    <div>\n\n                        <div class=\"eyebrow\">BAFA \u00b7 Professional Food Hygiene<\/div>\n\n                        <h1>LACTA<span style=\"color:var(--red)\">.<\/span><\/h1>\n\n                        <h2>Precision in Food Hygiene<\/h2>\n\n                        <p>A professional hygiene product range developed for dairy, meat, beverage, and food production facilities. An integrated system covering closed-loop CIP cleaning, open-surface foam applications, and disinfection.<\/p>\n\n                        <div class=\"tags\"><span class=\"tag blue\">CIP<\/span><span class=\"tag green\">FOAM<\/span><span\n\n                                class=\"tag purple\">SAN<\/span><\/div>\n\n                        <div class=\"hero-actions\"><a class=\"btn btn-red\" href=\"#bafa-lacta-urunler\">Explore Products\n\n                                \u2198<\/a><a class=\"btn btn-outline\" href=\"#bafa-lacta-sistemler\">Explore Systems \u2192<\/a>\n\n                        <\/div>\n\n                    <\/div>\n\n                    <div aria-label=\"LACTA CIP, FOAM and SAN product photos\" class=\"hero-art\">\n\n                        <div class=\"art-ring\"><\/div>\n\n                        <div class=\"bottle hero-bottle\" data-product=\"CIP A\" style=\"--cap:#2462a7\">\n\n                            <div class=\"b-label\"><small>BAFA \u00b7 LACTA<\/small><b>CIP A<\/b><span><\/span><span><\/span><\/div>\n\n                        <\/div>\n\n                        <div class=\"bottle hero-bottle\" data-product=\"FOAM A\" style=\"--cap:#0b8278\">\n\n                            <div class=\"b-label\"><small>BAFA \u00b7 LACTA<\/small><b>FOAM A<\/b><span><\/span><span><\/span>\n\n                            <\/div>\n\n                        <\/div>\n\n                        <div class=\"bottle hero-bottle\" data-product=\"SAN Q\" style=\"--cap:#7340a8\">\n\n                            <div class=\"b-label\"><small>BAFA \u00b7 LACTA<\/small><b>SAN Q<\/b><span><\/span><span><\/span><\/div>\n\n                        <\/div>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n        <\/section>\n\n        <div class=\"wrap stats\">\n\n            <div class=\"stat\">\n\n                <div class=\"num\">08<\/div>\n\n                <p>Professional hygiene<br \/>products<\/p>\n\n            <\/div>\n\n            <div class=\"stat\">\n\n                <div class=\"num\">03<\/div>\n\n                <p>Complementary<br \/>cleaning systems<\/p>\n\n            <\/div>\n\n            <div class=\"stat\">\n\n                <div class=\"num\">01<\/div>\n\n                <p>Integrated food facility<br \/>hygiene approach<\/p>\n\n            <\/div>\n\n        <\/div>\n\n        <section class=\"section\" id=\"bafa-lacta-sistemler\">\n\n            <div class=\"wrap\">\n\n                <div class=\"sectionhead\">\n\n                    <div class=\"eyebrow\">ONE RANGE \u00b7 COMPLETE HYGIENE CYCLE<\/div>\n\n                    <h2>Three systems. Comprehensive hygiene.<\/h2>\n\n                    <p>The LACTA range brings together professional products for different cleaning stages in one portfolio.<\/p>\n\n                <\/div>\n\n                <div class=\"systems\">\n\n                    <article class=\"system\" style=\"--color:var(--blue);--pale:#e9f1fb\">\n\n                        <div class=\"icon\">\u21bb<\/div>\n\n                        <h3>CIP<\/h3>\n\n                        <h4>Closed-Loop Cleaning<\/h4>\n\n                        <p>Alkaline and acidic cleaning for closed-loop systems such as tanks, pipelines, pasteurizers, and heat exchangers.<\/p>\n\n                        <div class=\"names\">CIP A \u00a0 \u00b7 \u00a0 CIP X<\/div>\n\n                    <\/article>\n\n                    <article class=\"system\" style=\"--color:var(--green);--pale:#e5f5f1\">\n\n                        <div class=\"icon\">\u25cc<\/div>\n\n                        <h3>FOAM<\/h3>\n\n                        <h4>Open-Surface Foam Cleaning<\/h4>\n\n                        <p>Foam cleaning solutions for floors, walls, conveyors, and equipment exteriors.<\/p>\n\n                        <div class=\"names\">FOAM A \u00a0 \u00b7 \u00a0 FOAM X \u00a0 \u00b7 \u00a0 FOAM CL<\/div>\n\n                    <\/article>\n\n                    <article class=\"system\" style=\"--color:var(--purple);--pale:#f2ebf9\">\n\n                        <div class=\"icon\">\u25c7<\/div>\n\n                        <h3>SAN<\/h3>\n\n                        <h4>Disinfection<\/h4>\n\n                        <p>QAC-, alcohol-, and peracetic acid-based disinfectants for suitable equipment and surfaces.<\/p>\n\n                        <div class=\"names\">SAN Q \u00a0 \u00b7 \u00a0 SAN E \u00a0 \u00b7 \u00a0 SAN PA<\/div>\n\n                    <\/article>\n\n                <\/div>\n\n            <\/div>\n\n        <\/section>\n\n        <section class=\"section soft\" id=\"bafa-lacta-urunler\">\n\n            <div class=\"wrap\">\n\n                <div class=\"sectionhead\">\n\n                    <div class=\"eyebrow\">LACTA PRODUCT PORTFOLIO<\/div>\n\n                    <h2>Find the right LACTA product for your needs.<\/h2>\n\n                    <p>Products are divided into three main systems. Select \u201cView Details\u201d on a product card to see its technical specifications.<\/p>\n\n                <\/div>\n\n                <div aria-label=\"Filter products\" class=\"filterbar\" role=\"group\"><button aria-pressed=\"true\"\n\n                        class=\"filter active\" data-filter=\"all\">All Products (8)<\/button><button aria-pressed=\"false\"\n\n                        class=\"filter\" data-filter=\"CIP\">CIP (2)<\/button><button aria-pressed=\"false\" class=\"filter\"\n\n                        data-filter=\"FOAM\">FOAM (3)<\/button><button aria-pressed=\"false\" class=\"filter\"\n\n                        data-filter=\"SAN\">SAN (3)<\/button><\/div>\n\n                <div class=\"productgrid\" id=\"bafa-lacta-productgrid\"><\/div>\n\n                <p class=\"disclaimer\" style=\"margin-top:22px\">The dosage and processing values shown are typical ranges from the catalog. For exact application parameters, refer to the latest Technical Data Sheet (TDS) and Safety Data Sheet (SDS).<\/p>\n\n            <\/div>\n\n        <\/section>\n\n        <section class=\"section\" id=\"bafa-lacta-surec\">\n\n            <div class=\"wrap\">\n\n                <div class=\"sectionhead\">\n\n                    <div class=\"eyebrow\">CIP SYSTEM<\/div>\n\n                    <h2>Typical CIP cleaning cycle<\/h2>\n\n                    <p>An example closed-loop cleaning sequence shown in the LACTA catalog. On-site procedures should be determined according to the equipment and current technical documentation.<\/p>\n\n                <\/div>\n\n                <div class=\"flow\">\n\n                    <div class=\"step\"><b>01<\/b><strong>Pre-Rinse<\/strong><span>Initial rinsing stage<\/span><\/div>\n\n                    <div class=\"step\"><b style=\"background:#e7f0fb;color:var(--blue)\">02<\/b><strong>Alkaline Wash<\/strong><span>LACTA CIP A<\/span><\/div>\n\n                    <div class=\"step\"><b>03<\/b><strong>Intermediate Rinse<\/strong><span>Rinse before the acidic stage<\/span>\n\n                    <\/div>\n\n                    <div class=\"step\"><b style=\"background:#e7f0fb;color:var(--blue)\">04<\/b><strong>Acidic Wash<\/strong><span>LACTA CIP X<\/span><\/div>\n\n                    <div class=\"step\"><b\n\n                            style=\"background:#f1ebf8;color:var(--purple)\">05<\/b><strong>Disinfection<\/strong><span>LACTA\n\n                            SAN PA<\/span><\/div>\n\n                <\/div>\n\n            <\/div>\n\n        <\/section>\n\n        <section class=\"section soft\" id=\"bafa-lacta-uygulamalar\">\n\n            <div class=\"wrap\">\n\n                <div class=\"sectionhead\">\n\n                    <div class=\"eyebrow\">INDUSTRY SOLUTIONS<\/div>\n\n                    <h2>For different areas of food production.<\/h2>\n\n                    <p>Main application areas listed in the LACTA catalog.<\/p>\n\n                <\/div>\n\n                <div class=\"applications\">\n\n                    <div class=\"appitem\">Tanks and pipelines<\/div>\n\n                    <div class=\"appitem\">Pasteurizers and heat exchangers<\/div>\n\n                    <div class=\"appitem\">Filling machines<\/div>\n\n                    <div class=\"appitem\">Floors, walls, and cold rooms<\/div>\n\n                    <div class=\"appitem\">Conveyors and equipment exteriors<\/div>\n\n                    <div class=\"appitem\">Meat, poultry, and fish processing areas<\/div>\n\n                    <div class=\"appitem\">Water-sensitive equipment and hand tools<\/div>\n\n                <\/div>\n\n            <\/div>\n\n        <\/section>\n\n        <section class=\"wrap\">\n\n            <div class=\"cta\">\n\n                <div>\n\n                    <div class=\"eyebrow\" style=\"color:#ff6674\">BAFA LACTA<\/div>\n\n                    <h2>The right hygiene solution for your production facility.<\/h2>\n\n                    <p>Contact the BAFA team for product selection, technical documents, and quotation requests.<\/p>\n\n                <\/div><a class=\"btn btn-red\"\n\n                    href=\"mailto:info@bafatrading.com?subject=LACTA%20Products%20Information%20and%20Quotation%20Request\">Request Information and a Quote \u2197<\/a>\n\n            <\/div>\n\n        <\/section>\n\n    <\/main>\n\n    <div class=\"modalbg\" id=\"bafa-lacta-modalbg\" role=\"presentation\">\n\n        <div aria-labelledby=\"modalTitle\" aria-modal=\"true\" class=\"modal\" role=\"dialog\"><button aria-label=\"Close\"\n\n                type=\"button\" class=\"bafa-lacta-close-btn\" id=\"bafa-lacta-closeModal\">\u00d7<\/button>\n\n            <div id=\"bafa-lacta-modalContent\"><\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/div>\n\n<script>\n\n    (function () {\n\n        'use strict';\n\n        const root = document.getElementById('bafa-lacta-page'); if (!root) return;\n\n        \/\/ Add the URLs of the PNG images uploaded to the WordPress Media Library.\n\n       const productImages = {\n\n           'CIP A': 'aHR0cHM6Ly9iYWZhdHJhZGluZy5jb20vd3AtY29udGVudC91cGxvYWRzLzIwMjYvMTAvTGFjdGEtQ2lwLUEtMS5wbmc=',\n\n           'CIP X': 'aHR0cHM6Ly9iYWZhdHJhZGluZy5jb20vd3AtY29udGVudC91cGxvYWRzLzIwMjYvMTAvTGFjdGEtQ2lwLVgtMS5wbmc=',\n\n           'FOAM A': 'aHR0cHM6Ly9iYWZhdHJhZGluZy5jb20vd3AtY29udGVudC91cGxvYWRzLzIwMjYvMTAvTGFjdGEtRm9hbS1BLTEucG5n',\n\n           'FOAM X': 'aHR0cHM6Ly9iYWZhdHJhZGluZy5jb20vd3AtY29udGVudC91cGxvYWRzLzIwMjYvMTAvTGFjdGEtRm9hbS1YLTEucG5n',\n\n           'FOAM CL': 'aHR0cHM6Ly9iYWZhdHJhZGluZy5jb20vd3AtY29udGVudC91cGxvYWRzLzIwMjYvMTAvTGFjdGEtRm9hbS1DTC0xLnBuZw==',\n\n           'SAN Q': 'aHR0cHM6Ly9iYWZhdHJhZGluZy5jb20vd3AtY29udGVudC91cGxvYWRzLzIwMjYvMTAvTGFjdGEtU2FuLVEtMS5wbmc=',\n\n           'SAN E': 'aHR0cHM6Ly9iYWZhdHJhZGluZy5jb20vd3AtY29udGVudC91cGxvYWRzLzIwMjYvMTAvTGFjdGEtU2FuLUUtMS5wbmc=',\n\n           'SAN PA': 'aHR0cHM6Ly9iYWZhdHJhZGluZy5jb20vd3AtY29udGVudC91cGxvYWRzLzIwMjYvMTAvTGFjdGEtU2FuLVBhLTEucG5n',\n\n       };\n\n       \/\/ Separate references for the three large hero PNG images.\n\n       \/\/ To use different images, update the values below.\n\n       const heroImages = {\n\n           'CIP A': productImages['CIP A'],\n\n           'FOAM A': productImages['FOAM A'],\n\n           'SAN Q': productImages['SAN Q'],\n\n       };\n\n       const products = [\n\n            { id: 'CIP A', series: 'CIP', color: '#2262aa', pale: '#e8f1fb', desc: 'Low-foaming, highly alkaline CIP cleaner. Dissolves burnt-on milk, protein, and fat residues.', dose: '0.5\u20132%', pack: '20 kg \u00b7 220 kg \u00b7 IBC', temp: '60\u201385 \u00b0C', time: '10\u201330 min', use: 'Tanks, pipelines, pasteurizers, heat exchangers' },\n\n            { id: 'CIP X', series: 'CIP', color: '#2262aa', pale: '#e8f1fb', desc: 'Low-foaming acidic CIP cleaner. Removes milkstone, limescale, and mineral deposits.', dose: '0.5\u20131.5%', pack: '20 kg \u00b7 220 kg \u00b7 IBC', temp: '50\u201370 \u00b0C', time: '10\u201320 min', use: 'Pasteurizers, heat exchangers, tanks, pipelines' },\n\n            { id: 'FOAM A', series: 'FOAM', color: '#087e71', pale: '#e5f4f1', desc: 'Clinging alkaline foam cleaner; removes grease and protein residues from vertical surfaces.', dose: '2\u20135%', pack: '20 kg \u00b7 220 kg', temp: 'Ambient\u201350 \u00b0C', time: '10\u201320 min', use: 'Floors, walls, conveyors, equipment exteriors' },\n\n            { id: 'FOAM X', series: 'FOAM', color: '#087e71', pale: '#e5f4f1', desc: 'Acidic foam cleaner; removes limescale, milkstone, and mineral stains.', dose: '2\u20135%', pack: '20 kg \u00b7 220 kg', temp: 'Ambient', time: '10\u201320 min', use: 'Open surfaces, equipment exteriors' },\n\n            { id: 'FOAM CL', series: 'FOAM', color: '#087e71', pale: '#e5f4f1', desc: 'Chlorinated alkaline foam cleaner for blood and protein residues in meat, poultry, and fish processing.', dose: '2\u20135%', pack: '20 kg \u00b7 220 kg', temp: 'Ambient\u201340 \u00b0C', time: '10\u201315 min', use: 'Meat, poultry, and fish processing areas' },\n\n            { id: 'SAN Q', series: 'SAN', color: '#713ba5', pale: '#f1eaf9', desc: 'Odorless, low-foaming QAC-based disinfectant for cleaned food-contact surfaces and equipment.', dose: '0.5\u20132%', pack: '5 kg \u00b7 20 kg', temp: 'Ambient', time: '5\u201315 min contact time', use: 'Cleaned food-contact surfaces and equipment' },\n\n            { id: 'SAN E', series: 'SAN', color: '#713ba5', pale: '#f1eaf9', desc: 'Ready-to-use alcohol-based disinfectant for equipment where water cannot be used.', dose: 'Ready to use \/ RTU', pack: '750 ml \u00b7 5 L \u00b7 20 L', temp: 'Ambient', time: '30 sec\u20135 min contact time', use: 'Equipment and hand tools unsuitable for water use' },\n\n            { id: 'SAN PA', series: 'SAN', color: '#713ba5', pale: '#f1eaf9', desc: 'Peracetic acid-based disinfectant for post-CIP applications in closed systems.', dose: '0.1\u20130.5%', pack: '20 kg \u00b7 220 kg', temp: 'Ambient\u201340 \u00b0C', time: '5\u201320 min contact time', use: 'Closed systems after CIP' }];\n\n        const grid = root.querySelector('#bafa-lacta-productgrid'); const modalBg = root.querySelector('#bafa-lacta-modalbg'); const modalContent = root.querySelector('#bafa-lacta-modalContent'); const closeBtn = root.querySelector('#bafa-lacta-closeModal'); let previousFocus; let previousBodyOverflow = \"\";\n\n        function applyHeroImages() {\n\n            root.querySelectorAll('.hero-bottle[data-product]').forEach(el => {\n\n                const id = el.getAttribute('data-product');\n\n                const encodedSrc = heroImages[id];\n\n                const existing = el.querySelector('.hero-product-photo');\n\n                if (encodedSrc) {\n\n                    if (!existing) {\n\n                        const img = document.createElement('img');\n\n                        img.className = 'hero-product-photo';\n\n                        img.alt = 'LACTA ' + id;\n\n                        img.loading = 'eager';\n\n                        img.decoding = 'async';\n\n                        el.insertBefore(img, el.firstChild);\n\n                    }\n\n                    el.querySelector('.hero-product-photo').src = atob(encodedSrc);\n\n                    el.classList.add('has-photo');\n\n                } else {\n\n                    if (existing) existing.remove();\n\n                    el.classList.remove('has-photo');\n\n                }\n\n            });\n\n        }\n\n        function render(filter = 'all') { let shown = products.filter(p => filter === 'all' || p.series === filter); grid.innerHTML = shown.map(p => `<article class=\"product reveal\" style=\"--color:${p.color};--pale:${p.pale}\"><div class=\"product-visual\"><span class=\"series-pill\">${p.series} SYSTEM<\/span>${productImages[p.id] ? '<img class=\"product-photo\" src=\"' + atob(productImages[p.id]) + '\" alt=\"LACTA ' + p.id + '\" loading=\"lazy\" decoding=\"async\">' : ''}<\/div><div class=\"productbody\"><h3>LACTA ${p.id}<\/h3><p>${p.desc}<\/p><div class=\"meta\"><span>Dosage <strong>${p.dose}<\/strong><\/span><span>Packaging <strong>${p.pack.split(' \u00b7 ')[0]}<\/strong><\/span><\/div><button class=\"detail\" data-id=\"${p.id}\">View Details \u2197<\/button><\/div><\/article>`).join(''); grid.querySelectorAll('.detail').forEach(btn => btn.addEventListener('click', () => openDetails(btn.dataset.id))) }\n\n        function openDetails(id) { const p = products.find(x => x.id === id); if (!p) return; previousFocus = document.activeElement; previousBodyOverflow = document.body.style.overflow; modalContent.innerHTML = `<span class=\"eyebrow\">LACTA \u00b7 ${p.series} SYSTEM<\/span><h2 id=\"bafa-lacta-modalTitle\">LACTA ${p.id}<\/h2><p>${p.desc}<\/p><div class=\"detailrows\"><div class=\"detailrow\"><small>Typical Dosage<\/small><strong>${p.dose}<\/strong><\/div><div class=\"detailrow\"><small>Packaging<\/small><strong>${p.pack}<\/strong><\/div><div class=\"detailrow\"><small>Application Temperature<\/small><strong>${p.temp}<\/strong><\/div><div class=\"detailrow\"><small>Typical Duration \/ Contact Time<\/small><strong>${p.time}<\/strong><\/div><\/div><p><strong>Applications:<\/strong> ${p.use}<\/p><p class=\"disclaimer\">Before using a product, verify the latest TDS and SDS information. Do not mix chlorinated FOAM CL with acidic products. Check the label and authorization details before using biocidal products.<\/p><a class=\"btn btn-red\" href=\"mailto:info@bafatrading.com?subject=${encodeURIComponent('LACTA ' + p.id + ' Information Request')}\">Request Product Information \u2197<\/a>`; modalBg.classList.add('show'); document.body.style.overflow = 'hidden'; closeBtn.focus() }\n\n        function closeModal() { modalBg.classList.remove('show'); document.body.style.overflow = previousBodyOverflow; previousFocus?.focus() }\n\n        closeBtn.addEventListener('click', closeModal); modalBg.addEventListener('click', e => { if (e.target === modalBg) closeModal() }); document.addEventListener('keydown', e => { if (e.key === 'Escape' && modalBg.classList.contains('show')) closeModal(); if (e.key === 'Tab' && modalBg.classList.contains('show')) { const focusable = Array.from(modalBg.querySelectorAll('button,a[href]')); const first = focusable[0], last = focusable.at(-1); if (e.shiftKey && document.activeElement === first) { e.preventDefault(); last.focus() } else if (!e.shiftKey && document.activeElement === last) { e.preventDefault(); first.focus() } } }); root.querySelectorAll('.filter').forEach(btn => btn.addEventListener('click', () => { root.querySelectorAll('.filter').forEach(b => { b.classList.remove('active'); b.setAttribute('aria-pressed', 'false') }); btn.classList.add('active'); btn.setAttribute('aria-pressed', 'true'); render(btn.dataset.filter) })); applyHeroImages(); render();\n\n    })();<\/script>\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>Home \u00a0 \/ \u00a0 Products \u00a0 \/ \u00a0 LACTA BAFA \u00b7 Professional Food Hygiene LACTA. Precision in Food Hygiene A professional hygiene product range developed for dairy, meat, beverage, and food production facilities. An integrated system covering closed-loop CIP cleaning, open-surface foam applications, and disinfection. CIPFOAMSAN Explore Products \u2198Explore Systems \u2192 BAFA \u00b7 LACTACIP A BAFA \u00b7 LACTAFOAM A BAFA \u00b7 LACTASAN Q 08 Professional hygieneproducts 03 Complementarycleaning systems 01 Integrated food facilityhygiene approach ONE RANGE \u00b7 COMPLETE HYGIENE CYCLE Three systems. Comprehensive hygiene. The LACTA range brings together professional products for different cleaning stages in one portfolio. \u21bb CIP Closed-Loop Cleaning Alkaline and acidic cleaning for closed-loop systems such as tanks, pipelines, pasteurizers, and heat exchangers. CIP A \u00a0 \u00b7 \u00a0 CIP X \u25cc FOAM Open-Surface Foam Cleaning Foam cleaning solutions for floors, walls, conveyors, and equipment exteriors. FOAM A \u00a0 \u00b7 \u00a0 FOAM X \u00a0 \u00b7 \u00a0 FOAM CL \u25c7 SAN Disinfection QAC-, alcohol-, and peracetic acid-based disinfectants for suitable equipment and surfaces. SAN Q \u00a0 \u00b7 \u00a0 SAN E \u00a0 \u00b7 \u00a0 SAN PA LACTA PRODUCT PORTFOLIO Find the right LACTA product for your needs. Products are divided into three main systems. Select \u201cView Details\u201d on a product card to see its technical specifications. All Products (8)CIP (2)FOAM (3)SAN (3) The dosage and processing values shown are typical ranges from the catalog. For exact application parameters, refer to the latest Technical Data Sheet (TDS) and Safety Data Sheet (SDS). CIP SYSTEM Typical CIP cleaning cycle An example closed-loop cleaning sequence shown in the LACTA catalog. On-site procedures should be determined according to the equipment and current technical documentation. 01Pre-RinseInitial rinsing stage 02Alkaline WashLACTA CIP A 03Intermediate RinseRinse before the acidic stage 04Acidic WashLACTA CIP X 05DisinfectionLACTA SAN PA INDUSTRY SOLUTIONS For different areas of food production. Main application areas listed in the LACTA catalog. Tanks and pipelines Pasteurizers and heat exchangers Filling machines Floors, walls, and cold rooms Conveyors and equipment exteriors Meat, poultry, and fish processing areas Water-sensitive equipment and hand tools BAFA LACTA The right hygiene solution for your production facility. Contact the BAFA team for product selection, technical documents, and quotation requests. Request Information and a Quote \u2197 \u00d7<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1528","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/bafatrading.com\/en\/wp-json\/wp\/v2\/pages\/1528","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bafatrading.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bafatrading.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bafatrading.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/bafatrading.com\/en\/wp-json\/wp\/v2\/comments?post=1528"}],"version-history":[{"count":7,"href":"https:\/\/bafatrading.com\/en\/wp-json\/wp\/v2\/pages\/1528\/revisions"}],"predecessor-version":[{"id":1555,"href":"https:\/\/bafatrading.com\/en\/wp-json\/wp\/v2\/pages\/1528\/revisions\/1555"}],"wp:attachment":[{"href":"https:\/\/bafatrading.com\/en\/wp-json\/wp\/v2\/media?parent=1528"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}