{
    "id": 4638,
    "date": "2023-02-23T10:04:58",
    "date_gmt": "2023-02-23T10:04:58",
    "guid": {
        "rendered": "https:\/\/promocups.nl\/?page_id=4638"
    },
    "modified": "2026-01-20T11:23:29",
    "modified_gmt": "2026-01-20T11:23:29",
    "slug": "product-herbruikbare-koffiebekers-samenstellen",
    "status": "publish",
    "type": "page",
    "link": "https:\/\/promocups.eu\/nl_nl\/product-herbruikbare-koffiebekers-samenstellen\/",
    "title": {
        "rendered": "Herbruikbare koffiebekers samenstellen"
    },
    "content": {
        "rendered": "<div data-elementor-type=\"wp-page\" data-elementor-id=\"4638\" class=\"elementor elementor-4638\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b50cfba e-con-full e-flex e-con e-parent\" data-id=\"b50cfba\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-088ffce elementor-widget elementor-widget-html\" data-id=\"088ffce\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t <style>\r\n        :root {\r\n            --primary: #d94d00;\r\n            --primary-light: #ff6b1a;\r\n            --accent: #28a745;\r\n            --background: #ffffff;\r\n            --gray: #6c757d;\r\n            --light-gray: #f8f9fa;\r\n            --border: #e9ecef;\r\n            --shadow: rgba(0, 0, 0, 0.1);\r\n        }\r\n\r\n        * {\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        body {\r\n            font-family: 'Montserrat', sans-serif;\r\n            margin: 0;\r\n            padding: 20px;\r\n            background: #f5f5f5;\r\n        }\r\n\r\n        .container {\r\n            max-width: 1500px;\r\n            margin: 0 auto;\r\n            background: var(--background);\r\n            border-radius: 20px;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .wrapper {\r\n            display: flex;\r\n            gap: 100px;\r\n            padding: 50px;\r\n            align-items: flex-start;\r\n        }\r\n\r\n        .product-section {\r\n            flex: 1;\r\n            max-width: 45%;\r\n        }\r\n\r\n        .product-image-container {\r\n            position: relative;\r\n            border-radius: 15px;\r\n            padding: 30px;\r\n            margin-bottom: 20px;\r\n            min-height: 400px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .product-image {\r\n            width: 100%;\r\n            max-width: 480px;\r\n            height: 480px;\r\n            border-radius: 10px;\r\n            object-fit: cover;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .image-placeholder {\r\n            background-size: 20px 20px;\r\n            border-radius: 10px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-size: 1.1rem;\r\n            font-weight: 500;\r\n            text-align: center;\r\n        }\r\n\r\n        .product-specs {\r\n            background: var(--light-gray);\r\n            padding: 20px;\r\n            border-radius: 10px;\r\n            font-size: 0.9rem;\r\n            color: var(--gray);\r\n        }\r\n\r\n        .product-specs h4 {\r\n            margin: 0 0 10px;\r\n            color: var(--primary);\r\n            font-size: 1rem;\r\n        }\r\n\r\n        .form-section {\r\n            flex: 1;\r\n            min-width: 400px;\r\n        }\r\n\r\n        .step-indicator {\r\n            display: flex;\r\n            justify-content: center;\r\n            margin-bottom: 30px;\r\n            gap: 20px;\r\n        }\r\n\r\n        .step {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n            color: var(--gray);\r\n            font-weight: 500;\r\n        }\r\n\r\n        .step.active {\r\n            color: var(--primary);\r\n        }\r\n\r\n        .step-number {\r\n            width: 30px;\r\n            height: 30px;\r\n            border-radius: 50%;\r\n            background: var(--border);\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-weight: bold;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .step.active .step-number {\r\n            background: var(--primary);\r\n            color: white;\r\n        }\r\n\r\n        .form-group {\r\n            margin-bottom: 35px;\r\n        }\r\n\r\n        .form-group label {\r\n            display: block;\r\n            font-weight: 600;\r\n            color: #333;\r\n            font-size: 1.1rem;\r\n        }\r\n\r\n        .required {\r\n            color: var(--primary);\r\n        }\r\n\r\n        .option-group {\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            gap: 15px;\r\n            margin-top: 10px;\r\n        }\r\n\r\n        .size-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\r\n            gap: 15px;\r\n            margin-bottom: 20px;\r\n            max-width: 100%;\r\n            margin-top: 18px;\r\n        }\r\n\r\n        .size-option {\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            justify-content: center;\r\n            border: 2px solid var(--border);\r\n            border-radius: 12px;\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n            background: white;\r\n            position: relative;\r\n            min-height: 45px;\r\n            text-align: center;\r\n        }\r\n\r\n        .size-option:hover {\r\n            border-color: var(--primary);\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 4px 15px var(--shadow);\r\n        }\r\n\r\n        .size-option input[type=\"radio\"] {\r\n            display: none;\r\n        }\r\n\r\n        .size-option input[type=\"radio\"]:checked+.size-content {\r\n            color: white;\r\n        }\r\n\r\n        .size-option input[type=\"radio\"]:checked+.size-content::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: -2px;\r\n            left: -2px;\r\n            right: -2px;\r\n            bottom: -2px;\r\n            background: linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%);\r\n            border-radius: 12px;\r\n            z-index: -1;\r\n        }\r\n\r\n        .size-content {\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            position: relative;\r\n            z-index: 1;\r\n            cursor: pointer;\r\n            width: 100%;\r\n            height: 100%;\r\n            justify-content: center;\r\n            margin: 0;\r\n            padding: 8px;\r\n            border: none;\r\n            background: none;\r\n        }\r\n\r\n        .size-label {\r\n            font-size: 0.95rem;\r\n            font-weight: 600;\r\n            text-align: center;\r\n            color: var(--gray);\r\n            transition: all 0.3s ease;\r\n            margin: 0;\r\n            white-space: nowrap;\r\n        }\r\n\r\n        .size-option input[type=\"radio\"]:checked+.size-content .size-label {\r\n            color: white;\r\n        }\r\n\r\n        .option-group label {\r\n            border: 2px solid #e2e8f0;\r\n            border-radius: 12px;\r\n            padding: 12px 24px;\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n            background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);\r\n            font-weight: 500;\r\n            position: relative;\r\n            overflow: hidden;\r\n            font-size: 0.95rem;\r\n            margin: 0;\r\n            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);\r\n            display: inline-flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            min-height: 44px;\r\n        }\r\n\r\n        .option-group label:hover {\r\n            border-color: #3b82f6;\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 8px 25px rgba(59, 130, 246, 0.15);\r\n            background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);\r\n        }\r\n\r\n        .option-group input[type=\"radio\"] {\r\n            display: none;\r\n        }\r\n\r\n        .option-group input[type=\"radio\"]:checked+span {\r\n            color: #ffffff;\r\n            position: relative;\r\n            z-index: 2;\r\n            font-weight: 600;\r\n        }\r\n\r\n        .option-group input[type=\"radio\"]:checked+span::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: -12px;\r\n            left: -24px;\r\n            right: -24px;\r\n            bottom: -12px;\r\n            background: linear-gradient(135deg, #d8550e 0%, #ff6b1a 100%);\r\n            border-radius: 12px;\r\n            z-index: -1;\r\n            box-shadow: 0 4px 12px rgba(246, 128, 59, 0.4);\r\n        }\r\n\r\n        .color-options {\r\n            display: flex;\r\n            gap: 58px;\r\n            margin-top: 25px;\r\n            margin-bottom: 68px;\r\n            flex-wrap: wrap;\r\n            justify-content: flex-start;\r\n        }\r\n\r\n        .color-option {\r\n            width: 45px;\r\n            height: 45px;\r\n            border-radius: 50%;\r\n            border: 2px solid #333;\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n            position: relative;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .color-option:hover {\r\n            transform: scale(1.1);\r\n            box-shadow: 0 5px 15px var(--shadow);\r\n        }\r\n\r\n        .color-option input[type=\"radio\"] {\r\n            display: none;\r\n        }\r\n\r\n        .color-option input[type=\"radio\"]:checked+label .color-display {\r\n            border-color: var(--primary);\r\n            box-shadow: 0 0 0 3px rgba(217, 77, 0, 0.3);\r\n            transform: scale(1.1);\r\n        }\r\n\r\n        .color-option label {\r\n            width: 100%;\r\n            height: 100%;\r\n            cursor: pointer;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            margin: 0;\r\n        }\r\n\r\n        .color-display {\r\n            width: 39px;\r\n            height: 39px;\r\n            border-radius: 50%;\r\n            transition: all 0.3s ease;\r\n            border: 1px solid rgba(0, 0, 0, 0.2);\r\n            box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);\r\n        }\r\n\r\n        .color-frosted {\r\n            background: linear-gradient(135deg, rgba(255, 255, 255, 0.9) 0%, rgba(240, 240, 240, 0.7) 100%);\r\n            backdrop-filter: blur(10px);\r\n            border: 2px solid rgba(200, 200, 200, 0.5);\r\n        }\r\n\r\n        .color-white {\r\n            background: #ffffff;\r\n            border: 2px solid #e0e0e0;\r\n        }\r\n\r\n        .color-black {\r\n            background: linear-gradient(135deg, #2c2c2c 0%, #000000 100%);\r\n            border: 2px solid #333;\r\n        }\r\n\r\n        .color-frosted-yellow {\r\n            background: linear-gradient(135deg, rgba(255, 235, 59, 0.8) 0%, rgba(255, 193, 7, 0.6) 100%);\r\n            backdrop-filter: blur(10px);\r\n            border: 2px solid rgba(255, 193, 7, 0.5);\r\n        }\r\n\r\n        .color-frosted-blue {\r\n            background: linear-gradient(135deg, rgba(33, 150, 243, 0.8) 0%, rgba(30, 136, 229, 0.6) 100%);\r\n            backdrop-filter: blur(10px);\r\n            border: 2px solid rgba(33, 150, 243, 0.5);\r\n        }\r\n\r\n        .color-frosted-red {\r\n            background: linear-gradient(135deg, rgba(244, 67, 54, 0.8) 0%, rgba(229, 57, 53, 0.6) 100%);\r\n            backdrop-filter: blur(10px);\r\n            border: 2px solid rgba(244, 67, 54, 0.5);\r\n        }\r\n\r\n        .color-frosted-pink {\r\n            background: linear-gradient(135deg, rgba(233, 30, 99, 0.8) 0%, rgba(216, 27, 96, 0.6) 100%);\r\n            backdrop-filter: blur(10px);\r\n            border: 2px solid rgba(233, 30, 99, 0.5);\r\n        }\r\n\r\n        .color-frosted-green {\r\n            background: linear-gradient(135deg, rgba(76, 175, 80, 0.8) 0%, rgba(67, 160, 71, 0.6) 100%);\r\n            backdrop-filter: blur(10px);\r\n            border: 2px solid rgba(76, 175, 80, 0.5);\r\n        }\r\n\r\n        .color-frosted-purple {\r\n            background: linear-gradient(135deg, rgba(156, 39, 176, 0.8) 0%, rgba(142, 36, 170, 0.6) 100%);\r\n            backdrop-filter: blur(10px);\r\n            border: 2px solid rgba(156, 39, 176, 0.5);\r\n        }\r\n\r\n        .color-frosted-orange {\r\n            background: linear-gradient(135deg, rgba(255, 152, 0, 0.8) 0%, rgba(245, 124, 0, 0.6) 100%);\r\n            backdrop-filter: blur(10px);\r\n            border: 2px solid rgba(255, 152, 0, 0.5);\r\n        }\r\n\r\n        .color-transparent {\r\n            background: linear-gradient(135deg, rgba(255, 255, 255, 0.3) 0%, rgba(240, 240, 240, 0.1) 100%);\r\n            backdrop-filter: blur(5px);\r\n            border: 2px solid rgba(200, 200, 200, 0.3);\r\n        }\r\n\r\n        .color-grey {\r\n            background: linear-gradient(135deg, #9e9e9e 0%, #757575 100%);\r\n            border: 2px solid #616161;\r\n        }\r\n\r\n        .color-frosted-white {\r\n            background: linear-gradient(135deg, rgba(255, 255, 255, 0.9) 0%, rgba(250, 250, 250, 0.7) 100%);\r\n            backdrop-filter: blur(10px);\r\n            border: 2px solid rgba(230, 230, 230, 0.5);\r\n        }\r\n\r\n        .color-frosted-black {\r\n            background: linear-gradient(135deg, rgba(66, 66, 66, 0.8) 0%, rgba(33, 33, 33, 0.6) 100%);\r\n            backdrop-filter: blur(10px);\r\n            border: 2px solid rgba(66, 66, 66, 0.5);\r\n        }\r\n\r\n        .color-label {\r\n            position: absolute;\r\n            bottom: -35px;\r\n            left: 50%;\r\n            transform: translateX(-50%);\r\n            font-size: 0.7rem;\r\n            font-weight: 500;\r\n            white-space: nowrap;\r\n            color: var(--gray);\r\n            text-align: center;\r\n            min-width: 80px;\r\n            line-height: 1.2;\r\n        }\r\n\r\n        .color-option input[type=\"radio\"]:checked+label .color-label {\r\n            color: var(--primary);\r\n            font-weight: 600;\r\n        }\r\n\r\n        select,\r\n        input[type=\"text\"],\r\n        input[type=\"email\"],\r\n        textarea {\r\n            width: 100%;\r\n            padding: 12px 16px;\r\n            font-size: 16px;\r\n            border-radius: 8px;\r\n            border: 2px solid var(--border);\r\n            background: white;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        select:focus,\r\n        input:focus,\r\n        textarea:focus {\r\n            outline: none;\r\n            border-color: var(--primary);\r\n            box-shadow: 0 0 0 3px rgba(217, 77, 0, 0.1);\r\n        }\r\n\r\n        .btn {\r\n            padding: 16px 32px;\r\n            border: none;\r\n            border-radius: 12px;\r\n            font-size: 15px;\r\n            font-weight: 600;\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n            letter-spacing: 0.3px;\r\n            position: relative;\r\n            overflow: hidden;\r\n            display: inline-flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 8px;\r\n            min-height: 48px;\r\n            text-decoration: none;\r\n            font-family: inherit;\r\n        }\r\n\r\n        .btn-primary {\r\n            background: linear-gradient(135deg, #c24f10 0%, #ff6b1a 100%);\r\n            color: white;\r\n            box-shadow: 0 4px 14px rgba(59, 130, 246, 0.3);\r\n        }\r\n\r\n        .btn-primary:hover {\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 8px 25px rgba(59, 130, 246, 0.4);\r\n            background: linear-gradient(135deg, #000000 0%, #ff6b1a 100%);\r\n        }\r\n\r\n        .btn-success {\r\n            background: linear-gradient(135deg, #10b981 0%, #059669 100%);\r\n            color: white;\r\n            box-shadow: 0 4px 14px rgba(16, 185, 129, 0.3);\r\n        }\r\n\r\n        .btn-success:hover {\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 8px 25px rgba(16, 185, 129, 0.4);\r\n            background: linear-gradient(135deg, #059669 0%, #047857 100%);\r\n        }\r\n\r\n        .btn-secondary {\r\n            background: linear-gradient(135deg, #6b7280 0%, #4b5563 100%);\r\n            color: white;\r\n            box-shadow: 0 4px 14px rgba(107, 114, 128, 0.3);\r\n        }\r\n\r\n        .btn-secondary:hover {\r\n            background: linear-gradient(135deg, #4b5563 0%, #374151 100%);\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 8px 25px rgba(107, 114, 128, 0.4);\r\n        }\r\n\r\n        .btn:active {\r\n            transform: translateY(0);\r\n            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);\r\n        }\r\n\r\n        .btn:disabled {\r\n            opacity: 0.6;\r\n            cursor: not-allowed;\r\n            transform: none;\r\n            box-shadow: none;\r\n        }\r\n\r\n        .btn:disabled:hover {\r\n            transform: none;\r\n            box-shadow: none;\r\n        }\r\n\r\n        #stepTwo,\r\n        #stepThree {\r\n            display: none;\r\n        }\r\n\r\n        .form-row {\r\n            display: flex;\r\n            gap: 15px;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .form-row>div {\r\n            flex: 1;\r\n        }\r\n\r\n        .button-group {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            margin-top: 30px;\r\n            gap: 15px;\r\n        }\r\n\r\n        .validation-message {\r\n            color: #dc3545;\r\n            font-size: 0.9rem;\r\n            margin-top: 5px;\r\n            display: none;\r\n        }\r\n\r\n        .error-highlight {\r\n            border-color: #dc3545 !important;\r\n            box-shadow: 0 0 0 3px rgba(220, 53, 69, 0.1) !important;\r\n        }\r\n\r\n        .success-message {\r\n            background: linear-gradient(135deg, var(--accent) 0%, #20c997 100%);\r\n            color: white;\r\n            padding: 20px;\r\n            border-radius: 15px;\r\n            text-align: center;\r\n            margin: 25px 0;\r\n            box-shadow: 0 10px 30px rgba(40, 167, 69, 0.3);\r\n            display: none;\r\n        }\r\n\r\n        .loading-spinner {\r\n            border: 3px solid #f3f3f3;\r\n            border-top: 3px solid var(--primary);\r\n            border-radius: 50%;\r\n            width: 20px;\r\n            height: 20px;\r\n            animation: spin 1s linear infinite;\r\n            display: inline-block;\r\n            margin-right: 10px;\r\n        }\r\n\r\n        @keyframes spin {\r\n            0% {\r\n                transform: rotate(0deg);\r\n            }\r\n\r\n            100% {\r\n                transform: rotate(360deg);\r\n            }\r\n        }\r\n\r\n        .loading {\r\n            opacity: 0.6;\r\n            pointer-events: none;\r\n        }\r\n\r\n        .fade-in {\r\n            animation: fadeIn 0.5s ease-in;\r\n        }\r\n\r\n        @keyframes fadeIn {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateY(20px);\r\n            }\r\n\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n\r\n        \/* Responsive Design *\/\r\n        @media (max-width: 991px) {\r\n            .wrapper {\r\n                flex-direction: column;\r\n                gap: 40px;\r\n                padding: 30px;\r\n            }\r\n\r\n            .product-section,\r\n            .form-section {\r\n                max-width: 100%;\r\n                min-width: 0;\r\n            }\r\n\r\n            .product-image-container {\r\n                min-height: 350px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            body {\r\n                padding: 10px;\r\n            }\r\n\r\n            .container {\r\n                border-radius: 12px;\r\n                margin: 0;\r\n            }\r\n\r\n            .wrapper {\r\n                padding: 20px;\r\n                gap: 30px;\r\n            }\r\n\r\n            .step-indicator {\r\n                margin-bottom: 25px;\r\n                flex-wrap: wrap;\r\n                gap: 10px;\r\n            }\r\n\r\n            .step {\r\n                font-size: 0.85rem;\r\n            }\r\n\r\n            .step span {\r\n                display: none;\r\n                \/* Hide text steps on mobile to save space *\/\r\n            }\r\n\r\n            .step.active span {\r\n                display: inline;\r\n                \/* Show only active step text *\/\r\n            }\r\n\r\n            .form-row {\r\n                flex-direction: column;\r\n                gap: 15px;\r\n            }\r\n\r\n            .product-image-container {\r\n                min-height: 250px;\r\n                padding: 20px;\r\n            }\r\n\r\n            .product-image {\r\n                max-width: 250px;\r\n                height: 250px;\r\n            }\r\n\r\n            .button-group {\r\n                flex-direction: column-reverse;\r\n                \/* Put Primary button on top *\/\r\n                gap: 12px;\r\n            }\r\n\r\n            .btn {\r\n                width: 100%;\r\n                padding: 14px;\r\n            }\r\n\r\n            .size-grid {\r\n                grid-template-columns: repeat(2, 1fr);\r\n                \/* 2 columns on mobile for better visibility *\/\r\n                gap: 10px;\r\n            }\r\n\r\n            .size-option {\r\n                min-height: 45px;\r\n                \/* Comapct mobile touch target *\/\r\n            }\r\n\r\n            .option-group label {\r\n                width: 100%;\r\n                \/* Full width radio buttons *\/\r\n                justify-content: flex-start;\r\n                padding: 10px;\r\n                \/* Reduced specific padding for mobile options *\/\r\n            }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .wrapper {\r\n                padding: 15px;\r\n            }\r\n\r\n            .product-image {\r\n                max-width: 180px;\r\n                height: 180px;\r\n            }\r\n\r\n            h3 {\r\n                font-size: 1.2rem;\r\n            }\r\n\r\n            \/* Improved Color Options for Mobile *\/\r\n            .color-options {\r\n                gap: 25px 10px;\r\n                \/* Vertical gap 25px for labels, Horizontal 10px *\/\r\n                justify-content: center;\r\n                margin-bottom: 10px;\r\n            }\r\n\r\n            .color-option {\r\n                width: 44px;\r\n                height: 44px;\r\n                \/* No margin bottom needed as gap handles it *\/\r\n            }\r\n\r\n            .color-label {\r\n                font-size: 0.6rem;\r\n                bottom: -24px;\r\n                width: 140%;\r\n                left: -20%;\r\n                \/* Centered relative to circle *\/\r\n                transform: none;\r\n                white-space: normal;\r\n                \/* Allow text wrapping if needed *\/\r\n                line-height: 1.1;\r\n            }\r\n\r\n            \/* Mobile Image Adjustments *\/\r\n            .product-image {\r\n                max-width: 160px;\r\n                height: 160px;\r\n            }\r\n        }\r\n\r\n        \/* END MOBILE QUERIES *\/\r\n\r\n        \/* Ensure desktop sizes override if needed *\/\r\n        @media (min-width: 481px) {\r\n            .color-label {\r\n                width: auto;\r\n                left: 50%;\r\n                transform: translateX(-50%);\r\n                white-space: nowrap;\r\n            }\r\n\r\n            \/* Thumbnail Grid Styles *\/\r\n            .thumbnail-grid {\r\n                display: flex;\r\n                gap: 10px;\r\n                margin-top: 15px;\r\n                flex-wrap: wrap;\r\n                justify-content: center;\r\n            }\r\n\r\n            .thumbnail {\r\n                width: 60px;\r\n                height: 60px;\r\n                border: 2px solid #e2e8f0;\r\n                border-radius: 8px;\r\n                cursor: pointer;\r\n                transition: all 0.2s ease;\r\n                padding: 5px;\r\n                background: white;\r\n                object-fit: contain;\r\n            }\r\n\r\n            .thumbnail:hover {\r\n                border-color: #cbd5e1;\r\n                transform: translateY(-2px);\r\n            }\r\n\r\n            .thumbnail.active {\r\n                border-color: var(--primary);\r\n                box-shadow: 0 0 0 2px rgba(217, 77, 0, 0.2);\r\n            }\r\n\r\n            .thumbnail img {\r\n                width: 100%;\r\n                height: 100%;\r\n                object-fit: contain;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n\r\n<body>\r\n    <div class=\"container\">\r\n        <div class=\"wrapper\">\r\n            <div class=\"product-section\">\r\n                <div class=\"product-image-container\">\r\n                    <div class=\"image-placeholder\" id=\"productVisual\">\r\n                        <!-- Image will be populated by JS -->\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Thumbnail Grid -->\r\n                <div class=\"thumbnail-grid\" id=\"thumbnailGrid\">\r\n                    <!-- Thumbnails generated by JS -->\r\n                <\/div>\r\n\r\n                <div class=\"product-specs\" id=\"productSpecs\">\r\n                    <h4>Product Specifications<\/h4>\r\n                    <div id=\"specsContent\">Select your options to see the details<\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"form-section\">\r\n                <div style=\"margin-bottom: 20px;\">\r\n                    <div style=\"color: #333; margin: 0 0 5px 0; font-size: 1rem; font-weight: 500;\">Reusable\r\n                        polypropylene cup<\/div>\r\n                    <h2 style=\"color: var(--primary); margin: 0; font-size: 1.8rem; line-height: 1.2;\">Reusable coffee\r\n                        cups<\/h2>\r\n                <\/div>\r\n\r\n                <div class=\"step-indicator\">\r\n                    <div class=\"step active\" id=\"step1Indicator\">\r\n                        <div class=\"step-number\">1<\/div>\r\n                        <span>Configuration<\/span>\r\n                    <\/div>\r\n                    <div class=\"step\" id=\"step2Indicator\">\r\n                        <div class=\"step-number\">2<\/div>\r\n                        <span>Lid & Quantity<\/span>\r\n                    <\/div>\r\n                    <div class=\"step\" id=\"step3Indicator\">\r\n                        <div class=\"step-number\">3<\/div>\r\n                        <span>Contact Details<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"success-message\" id=\"successMessage\">\r\n                    <h3>\u2705 Quote successfully sent!<\/h3>\r\n                    <p>We have received your quote request and will contact you within 24 hours.<\/p>\r\n                <\/div>\r\n\r\n                <div id=\"stepOne\" class=\"fade-in\">\r\n                    <div class=\"form-group\">\r\n                        <label>Size <span class=\"required\">*<\/span><\/label>\r\n                        <div class=\"validation-message\" id=\"sizeError\">Select a size<\/div>\r\n                        <div class=\"size-grid\">\r\n                            <div class=\"size-option\">\r\n                                <input type=\"radio\" name=\"size\" value=\"10cl\" id=\"size_10cl\"\r\n                                    onchange=\"updateDisplay(); updateAvailableOptions();\">\r\n                                <label for=\"size_10cl\" class=\"size-content\">\r\n                                    <div class=\"size-label\">10cl<\/div>\r\n                                <\/label>\r\n                            <\/div>\r\n                            <div class=\"size-option\">\r\n                                <input type=\"radio\" name=\"size\" value=\"15cl\" id=\"size_15cl\"\r\n                                    onchange=\"updateDisplay(); updateAvailableOptions();\">\r\n                                <label for=\"size_15cl\" class=\"size-content\">\r\n                                    <div class=\"size-label\">15cl<\/div>\r\n                                <\/label>\r\n                            <\/div>\r\n                            <div class=\"size-option\">\r\n                                <input type=\"radio\" name=\"size\" value=\"25cl\" id=\"size_25cl\"\r\n                                    onchange=\"updateDisplay(); updateAvailableOptions();\">\r\n                                <label for=\"size_25cl\" class=\"size-content\">\r\n                                    <div class=\"size-label\">25cl<\/div>\r\n                                <\/label>\r\n                            <\/div>\r\n                            <div class=\"size-option\">\r\n                                <input type=\"radio\" name=\"size\" value=\"30cl\" id=\"size_30cl\"\r\n                                    onchange=\"updateDisplay(); updateAvailableOptions();\">\r\n                                <label for=\"size_30cl\" class=\"size-content\">\r\n                                    <div class=\"size-label\">30cl<\/div>\r\n                                <\/label>\r\n                            <\/div>\r\n                            <div class=\"size-option\">\r\n                                <input type=\"radio\" name=\"size\" value=\"35cl\" id=\"size_35cl\"\r\n                                    onchange=\"updateDisplay(); updateAvailableOptions();\">\r\n                                <label for=\"size_35cl\" class=\"size-content\">\r\n                                    <div class=\"size-label\">35cl<\/div>\r\n                                <\/label>\r\n                            <\/div>\r\n                            <div class=\"size-option\">\r\n                                <input type=\"radio\" name=\"size\" value=\"45cl\" id=\"size_45cl\"\r\n                                    onchange=\"updateDisplay(); updateAvailableOptions();\">\r\n                                <label for=\"size_45cl\" class=\"size-content\">\r\n                                    <div class=\"size-label\">45cl<\/div>\r\n                                <\/label>\r\n                            <\/div>\r\n                            <div class=\"size-option\">\r\n                                <input type=\"radio\" name=\"size\" value=\"50cl\" id=\"size_50cl\"\r\n                                    onchange=\"updateDisplay(); updateAvailableOptions();\">\r\n                                <label for=\"size_50cl\" class=\"size-content\">\r\n                                    <div class=\"size-label\">50cl<\/div>\r\n                                <\/label>\r\n                            <\/div>\r\n                            <div class=\"size-option\">\r\n                                <input type=\"radio\" name=\"size\" value=\"mok25\" id=\"size_mok25\"\r\n                                    onchange=\"updateDisplay(); updateAvailableOptions();\">\r\n                                <label for=\"size_mok25\" class=\"size-content\">\r\n                                    <div class=\"size-label\">Mug 25cl<\/div>\r\n                                <\/label>\r\n                            <\/div>\r\n                            <div class=\"size-option\">\r\n                                <input type=\"radio\" name=\"size\" value=\"mok35\" id=\"size_mok35\"\r\n                                    onchange=\"updateDisplay(); updateAvailableOptions();\">\r\n                                <label for=\"size_mok35\" class=\"size-content\">\r\n                                    <div class=\"size-label\">Mug 35cl<\/div>\r\n                                <\/label>\r\n                            <\/div>\r\n                            <div class=\"size-option\">\r\n                                <input type=\"radio\" name=\"size\" value=\"18cl\" id=\"size_18cl\"\r\n                                    onchange=\"updateDisplay(); updateAvailableOptions();\">\r\n                                <label for=\"size_18cl\" class=\"size-content\">\r\n                                    <div class=\"size-label\">18cl<\/div>\r\n                                <\/label>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"form-group\">\r\n                        <label>Printing type <span class=\"required\">*<\/span><\/label>\r\n                        <div class=\"validation-message\" id=\"printingError\">Select a printing type<\/div>\r\n                        <div class=\"option-group\">\r\n                            <label>\r\n                                <input type=\"radio\" name=\"printing\" value=\"onbedrukt\"\r\n                                    onchange=\"updateDisplay(); updateAvailableOptions();\">\r\n                                <span>Unprinted<\/span>\r\n                            <\/label>\r\n                            <label>\r\n                                <input type=\"radio\" name=\"printing\" value=\"1kleur\"\r\n                                    onchange=\"updateDisplay(); updateAvailableOptions();\">\r\n                                <span>1 color<\/span>\r\n                            <\/label>\r\n                            <label>\r\n                                <input type=\"radio\" name=\"printing\" value=\"2kleur\"\r\n                                    onchange=\"updateDisplay(); updateAvailableOptions();\">\r\n                                <span>2 colors<\/span>\r\n                            <\/label>\r\n                            <label>\r\n                                <input type=\"radio\" name=\"printing\" value=\"fullcolour\"\r\n                                    onchange=\"updateDisplay(); updateAvailableOptions();\">\r\n                                <span>Full colour IML<\/span>\r\n                            <\/label>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"form-group\">\r\n                        <label>Cup color <span class=\"required\">*<\/span><\/label>\r\n                        <div class=\"validation-message\" id=\"colorError\">Select a color<\/div>\r\n                        <div class=\"color-options\">\r\n                            <div class=\"color-option\">\r\n                                <input type=\"radio\" name=\"color\" value=\"frosted\" id=\"color_frosted\"\r\n                                    onchange=\"updateDisplay();\">\r\n                                <label for=\"color_frosted\">\r\n                                    <div class=\"color-display color-frosted\"><\/div>\r\n                                    <div class=\"color-label\">Frosted transparent<\/div>\r\n                                <\/label>\r\n                            <\/div>\r\n                            <div class=\"color-option\">\r\n                                <input type=\"radio\" name=\"color\" value=\"white\" id=\"color_white\"\r\n                                    onchange=\"updateDisplay();\">\r\n                                <label for=\"color_white\">\r\n                                    <div class=\"color-display color-white\"><\/div>\r\n                                    <div class=\"color-label\">White<\/div>\r\n                                <\/label>\r\n                            <\/div>\r\n                            <div class=\"color-option\">\r\n                                <input type=\"radio\" name=\"color\" value=\"black\" id=\"color_black\"\r\n                                    onchange=\"updateDisplay();\">\r\n                                <label for=\"color_black\">\r\n                                    <div class=\"color-display color-black\"><\/div>\r\n                                    <div class=\"color-label\">Black<\/div>\r\n                                <\/label>\r\n                            <\/div>\r\n                            <div class=\"color-option\">\r\n                                <input type=\"radio\" name=\"color\" value=\"frosted-yellow\" id=\"color_frosted_yellow\"\r\n                                    onchange=\"updateDisplay();\">\r\n                                <label for=\"color_frosted_yellow\">\r\n                                    <div class=\"color-display color-frosted-yellow\"><\/div>\r\n                                    <div class=\"color-label\">Frosted yellow<\/div>\r\n                                <\/label>\r\n                            <\/div>\r\n                            <div class=\"color-option\">\r\n                                <input type=\"radio\" name=\"color\" value=\"frosted-blue\" id=\"color_frosted_blue\"\r\n                                    onchange=\"updateDisplay();\">\r\n                                <label for=\"color_frosted_blue\">\r\n                                    <div class=\"color-display color-frosted-blue\"><\/div>\r\n                                    <div class=\"color-label\">Frosted blue<\/div>\r\n                                <\/label>\r\n                            <\/div>\r\n                            <div class=\"color-option\">\r\n                                <input type=\"radio\" name=\"color\" value=\"frosted-red\" id=\"color_frosted_red\"\r\n                                    onchange=\"updateDisplay();\">\r\n                                <label for=\"color_frosted_red\">\r\n                                    <div class=\"color-display color-frosted-red\"><\/div>\r\n                                    <div class=\"color-label\">Frosted red<\/div>\r\n                                <\/label>\r\n                            <\/div>\r\n                            <div class=\"color-option\">\r\n                                <input type=\"radio\" name=\"color\" value=\"frosted-pink\" id=\"color_frosted_pink\"\r\n                                    onchange=\"updateDisplay();\">\r\n                                <label for=\"color_frosted_pink\">\r\n                                    <div class=\"color-display color-frosted-pink\"><\/div>\r\n                                    <div class=\"color-label\">Frosted pink<\/div>\r\n                                <\/label>\r\n                            <\/div>\r\n                            <div class=\"color-option\">\r\n                                <input type=\"radio\" name=\"color\" value=\"frosted-green\" id=\"color_frosted_green\"\r\n                                    onchange=\"updateDisplay();\">\r\n                                <label for=\"color_frosted_green\">\r\n                                    <div class=\"color-display color-frosted-green\"><\/div>\r\n                                    <div class=\"color-label\">Frosted green<\/div>\r\n                                <\/label>\r\n                            <\/div>\r\n                            <div class=\"color-option\">\r\n                                <input type=\"radio\" name=\"color\" value=\"frosted-purple\" id=\"color_frosted_purple\"\r\n                                    onchange=\"updateDisplay();\">\r\n                                <label for=\"color_frosted_purple\">\r\n                                    <div class=\"color-display color-frosted-purple\"><\/div>\r\n                                    <div class=\"color-label\">Frosted purple<\/div>\r\n                                <\/label>\r\n                            <\/div>\r\n                            <div class=\"color-option\">\r\n                                <input type=\"radio\" name=\"color\" value=\"frosted-orange\" id=\"color_frosted_orange\"\r\n                                    onchange=\"updateDisplay();\">\r\n                                <label for=\"color_frosted_orange\">\r\n                                    <div class=\"color-display color-frosted-orange\"><\/div>\r\n                                    <div class=\"color-label\">Frosted orange<\/div>\r\n                                <\/label>\r\n                            <\/div>\r\n                            <div class=\"color-option\">\r\n                                <input type=\"radio\" name=\"color\" value=\"transparent\" id=\"color_transparent\"\r\n                                    onchange=\"updateDisplay();\">\r\n                                <label for=\"color_transparent\">\r\n                                    <div class=\"color-display color-transparent\"><\/div>\r\n                                    <div class=\"color-label\">Transparent<\/div>\r\n                                <\/label>\r\n                            <\/div>\r\n                            <div class=\"color-option\">\r\n                                <input type=\"radio\" name=\"color\" value=\"grey\" id=\"color_grey\"\r\n                                    onchange=\"updateDisplay();\">\r\n                                <label for=\"color_grey\">\r\n                                    <div class=\"color-display color-grey\"><\/div>\r\n                                    <div class=\"color-label\">Grey<\/div>\r\n                                <\/label>\r\n                            <\/div>\r\n                            <div class=\"color-option\">\r\n                                <input type=\"radio\" name=\"color\" value=\"frosted-white\" id=\"color_frosted_white\"\r\n                                    onchange=\"updateDisplay();\">\r\n                                <label for=\"color_frosted_white\">\r\n                                    <div class=\"color-display color-frosted-white\"><\/div>\r\n                                    <div class=\"color-label\">Frosted white<\/div>\r\n                                <\/label>\r\n                            <\/div>\r\n                            <div class=\"color-option\">\r\n                                <input type=\"radio\" name=\"color\" value=\"frosted-black\" id=\"color_frosted_black\"\r\n                                    onchange=\"updateDisplay();\">\r\n                                <label for=\"color_frosted_black\">\r\n                                    <div class=\"color-display color-frosted-black\"><\/div>\r\n                                    <div class=\"color-label\">Frosted black<\/div>\r\n                                <\/label>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <button class=\"btn btn-primary\" onclick=\"goToStepTwo()\" style=\"width: 100%;\">\r\n                        <span>Next Step<\/span>\r\n                        <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\r\n                            stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                            <path d=\"M5 12h14M12 5l7 7-7 7\" \/>\r\n                        <\/svg>\r\n                    <\/button>\r\n                <\/div>\r\n\r\n                <div id=\"stepTwo\">\r\n                    <div class=\"form-group\">\r\n                        <label>Would you like lids with your order? <span class=\"required\">*<\/span><\/label>\r\n                        <div class=\"validation-message\" id=\"lidsError\">Select an option for lids<\/div>\r\n                        <div class=\"option-group\">\r\n                            <label>\r\n                                <input type=\"radio\" name=\"lids\" value=\"yes\" onchange=\"updateDisplay();\">\r\n                                <span>Yes, I want lids<\/span>\r\n                            <\/label>\r\n                            <label>\r\n                                <input type=\"radio\" name=\"lids\" value=\"no\" onchange=\"updateDisplay();\">\r\n                                <span>No, no lids<\/span>\r\n                            <\/label>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"form-group\">\r\n                        <label>Quantity <span class=\"required\">*<\/span><\/label>\r\n                        <div class=\"validation-message\" id=\"quantityError\">Select the quantity<\/div>\r\n                        <select id=\"quantity\" onchange=\"updateDisplay();\">\r\n                            <option value=\"\">-- Select quantity --<\/option>\r\n                            <option value=\"500\">500 pieces<\/option>\r\n                            <option value=\"1000\">1,000 pieces<\/option>\r\n                            <option value=\"1500\">1,500 pieces<\/option>\r\n                            <option value=\"2000\">2,000 pieces<\/option>\r\n                            <option value=\"2500\">2,500 pieces<\/option>\r\n                            <option value=\"3000\">3,000 pieces<\/option>\r\n                            <option value=\"4000\">4,000 pieces<\/option>\r\n                            <option value=\"5000\">5,000 pieces<\/option>\r\n                            <option value=\"7500\">7,500 pieces<\/option>\r\n                            <option value=\"10000\">10,000 pieces<\/option>\r\n                            <option value=\"large\">Larger quantities on request<\/option>\r\n                        <\/select>\r\n                    <\/div>\r\n\r\n                    <div class=\"button-group\">\r\n                        <button class=\"btn btn-secondary\" onclick=\"goBackToStepOne()\">\r\n                            <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\r\n                                stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <path d=\"M19 12H5M12 19l-7-7 7-7\" \/>\r\n                            <\/svg>\r\n                            <span>Previous step<\/span>\r\n                        <\/button>\r\n                        <button class=\"btn btn-primary\" onclick=\"goToStepThree()\">\r\n                            <span>Next Step<\/span>\r\n                            <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\r\n                                stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <path d=\"M5 12h14M12 5l7 7-7 7\" \/>\r\n                            <\/svg>\r\n                        <\/button>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div id=\"stepThree\">\r\n                    <div class=\"form-row\">\r\n                        <div>\r\n                            <label>Name <span class=\"required\">*<\/span><\/label>\r\n                            <input type=\"text\" id=\"name\" placeholder=\"Your full name\">\r\n                            <div class=\"validation-message\" id=\"nameError\">Name is required<\/div>\r\n                        <\/div>\r\n                        <div>\r\n                            <label>Email <span class=\"required\">*<\/span><\/label>\r\n                            <input type=\"email\" id=\"email\" placeholder=\"your@email.com\">\r\n                            <div class=\"validation-message\" id=\"emailError\">Valid email address is required<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"form-row\">\r\n                        <div>\r\n                            <label>Phone Number <span class=\"required\">*<\/span><\/label>\r\n                            <input type=\"text\" id=\"phone\" placeholder=\"+31 6 12345678\">\r\n                            <div class=\"validation-message\" id=\"phoneError\">Phone number is required<\/div>\r\n                        <\/div>\r\n                        <div>\r\n                            <label>Country <span class=\"required\">*<\/span><\/label>\r\n                            <input type=\"text\" id=\"country\" placeholder=\"Netherlands\" value=\"Netherlands\">\r\n                            <div class=\"validation-message\" id=\"countryError\">Country is required<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"form-row\">\r\n                        <div>\r\n                            <label>Postcode <span class=\"required\">*<\/span><\/label>\r\n                            <input type=\"text\" id=\"postcode\" placeholder=\"1234 AB\">\r\n                            <div class=\"validation-message\" id=\"postcodeError\">Postcode is required<\/div>\r\n                        <\/div>\r\n                        <div>\r\n                            <label>City<\/label>\r\n                            <input type=\"text\" id=\"city\" placeholder=\"Amsterdam\">\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"form-group\">\r\n                        <label>Company<\/label>\r\n                        <input type=\"text\" id=\"company\" placeholder=\"Company name\">\r\n                    <\/div>\r\n\r\n                    <div class=\"form-group\">\r\n                        <label>Comments<\/label>\r\n                        <textarea id=\"comments\" rows=\"4\" placeholder=\"Any comments or special requests...\"><\/textarea>\r\n                    <\/div>\r\n\r\n                    <div class=\"button-group\">\r\n                        <button class=\"btn btn-secondary\" onclick=\"goBackToStepTwo()\">\r\n                            <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\r\n                                stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <path d=\"M19 12H5M12 19l-7-7 7-7\" \/>\r\n                            <\/svg>\r\n                            <span>Previous step<\/span>\r\n                        <\/button>\r\n                        <button class=\"btn btn-success\" onclick=\"submitForm()\">\r\n                            <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\r\n                                stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <path d=\"M22 2L11 13M22 2l-7 20-4-9-9-4 20-7z\" \/>\r\n                            <\/svg>\r\n                            <span>Send Quote Request<\/span>\r\n                        <\/button>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        \/\/ ===== CONFIGURATION =====\r\n        const CONFIG = {\r\n            \/\/ DYNAMIC URL: Works automatically on any WordPress site\r\n            WORDPRESS_AJAX_URL: window.location.origin + '\/wp-admin\/admin-ajax.php'\r\n        };\r\n\r\n        \/\/ Product images for reusable cups\r\n        const productImages = {\r\n            \/\/ Placeholder for \"All Cups\" image - User needs to replace this URL\r\n            default: `<img decoding=\"async\" src=\"https:\/\/promocups.nl\/wp-content\/uploads\/2025\/02\/hard-cups-assemble-3-1.png\" class=\"product-image\" alt=\"Overview all cups\" style=\"object-fit: contain;\">`,\r\n\r\n            \/\/ Size-specific reusable cup images\r\n            '10cl': `<img decoding=\"async\" src=\"https:\/\/promocups.nl\/wp-content\/uploads\/2023\/01\/100-copy.png\" class=\"product-image\" alt=\"Reusable coffee cup 10cl\">`,\r\n            '15cl': `<img decoding=\"async\" src=\"https:\/\/promocups.nl\/wp-content\/uploads\/2023\/01\/200-copy.png\" class=\"product-image\" alt=\"Reusable coffee cup 15cl\">`,\r\n            '25cl': `<img decoding=\"async\" src=\"https:\/\/promocups.nl\/wp-content\/uploads\/2023\/01\/250-copy.png\" class=\"product-image\" alt=\"Reusable coffee cup 25cl\">`,\r\n            '30cl': `<img decoding=\"async\" src=\"https:\/\/promocups.nl\/wp-content\/uploads\/2023\/01\/350-copy.png\" class=\"product-image\" alt=\"Reusable coffee cup 30cl\">`,\r\n            '35cl': `<img decoding=\"async\" src=\"https:\/\/promocups.nl\/wp-content\/uploads\/2023\/01\/400-copy.png\" class=\"product-image\" alt=\"Reusable coffee cup 35cl\">`,\r\n            '45cl': `<img decoding=\"async\" src=\"https:\/\/promocups.nl\/wp-content\/uploads\/2023\/01\/500-copy.png\" class=\"product-image\" alt=\"Reusable coffee cup 45cl\">`,\r\n            '50cl': `<img decoding=\"async\" src=\"https:\/\/promocups.nl\/wp-content\/uploads\/2023\/01\/600-copy.png\" class=\"product-image\" alt=\"Reusable coffee cup 50cl\">`,\r\n            'mok25': `<img decoding=\"async\" src=\"https:\/\/promocups.nl\/wp-content\/uploads\/2023\/02\/mug-1024x1024.png\" class=\"product-image\" alt=\"Reusable mug 25cl\">`,\r\n            'mok35': `<img decoding=\"async\" src=\"https:\/\/promocups.nl\/wp-content\/uploads\/2023\/02\/mug-1024x1024.png\" class=\"product-image\" alt=\"Reusable mug 35cl\">`,\r\n            '18cl': `<img decoding=\"async\" src=\"https:\/\/promocups.nl\/wp-content\/uploads\/2024\/02\/cup-18-b.png\" class=\"product-image\" alt=\"Reusable tumbler 18cl\">`\r\n        };\r\n\r\n        \/\/ Configuration for different sizes - what printing options and colors are available\r\n        const sizeConfigurations = {\r\n            '10cl': {\r\n                'onbedrukt': ['frosted', 'white', 'black'],\r\n                '1kleur': ['frosted', 'white', 'black'],\r\n                'fullcolour': ['white', 'black']\r\n            },\r\n            '15cl': {\r\n                'onbedrukt': ['frosted', 'frosted-yellow', 'frosted-blue', 'frosted-red', 'white', 'black'],\r\n                '1kleur': ['frosted', 'frosted-yellow', 'frosted-blue', 'frosted-red', 'white', 'black'],\r\n                'fullcolour': ['white', 'transparent']\r\n            },\r\n            '25cl': {\r\n                'onbedrukt': ['frosted', 'frosted-yellow', 'frosted-blue', 'frosted-red', 'frosted-pink', 'frosted-green', 'frosted-purple'],\r\n                '1kleur': ['frosted', 'frosted-yellow', 'frosted-blue', 'frosted-red', 'frosted-pink', 'frosted-green', 'frosted-purple'],\r\n                '2kleur': ['frosted', 'frosted-yellow', 'frosted-blue', 'frosted-red', 'frosted-pink', 'frosted-green', 'frosted-purple'],\r\n                'fullcolour': ['transparent']\r\n            },\r\n            '30cl': {\r\n                'onbedrukt': ['frosted', 'frosted-yellow', 'frosted-blue', 'frosted-red', 'frosted-pink', 'frosted-green', 'frosted-purple', 'frosted-orange'],\r\n                '1kleur': ['frosted', 'frosted-yellow', 'frosted-blue', 'frosted-red', 'frosted-pink', 'frosted-green', 'frosted-purple', 'frosted-orange'],\r\n                '2kleur': ['frosted', 'frosted-yellow', 'frosted-blue', 'frosted-red', 'frosted-pink', 'frosted-green', 'frosted-purple', 'frosted-orange'],\r\n                'fullcolour': ['white', 'black']\r\n            },\r\n            '35cl': {\r\n                'onbedrukt': ['frosted', 'frosted-yellow', 'frosted-blue', 'frosted-red'],\r\n                '1kleur': ['frosted', 'frosted-yellow', 'frosted-blue', 'frosted-red'],\r\n                'fullcolour': ['transparent']\r\n            },\r\n            '45cl': {\r\n                'onbedrukt': ['frosted', 'frosted-yellow', 'frosted-blue', 'frosted-red', 'frosted-green'],\r\n                '1kleur': ['frosted', 'frosted-yellow', 'frosted-blue', 'frosted-red', 'frosted-green'],\r\n                '2kleur': ['frosted', 'frosted-yellow', 'frosted-blue', 'frosted-red', 'frosted-green'],\r\n                'fullcolour': ['transparent']\r\n            },\r\n            '50cl': {\r\n                'onbedrukt': ['frosted-yellow', 'frosted-blue', 'frosted-white', 'frosted-green', 'frosted-black'],\r\n                '1kleur': ['frosted-yellow', 'frosted-blue', 'frosted-white', 'frosted-green', 'frosted-black'],\r\n                '2kleur': ['frosted-yellow', 'frosted-blue', 'frosted-white', 'frosted-green', 'frosted-black'],\r\n                'fullcolour': ['frosted', 'frosted-white', 'frosted-green', 'frosted-black']\r\n            },\r\n            'mok25': {\r\n                'onbedrukt': [],\r\n                '1kleur': ['frosted', 'frosted-red', 'frosted-yellow', 'frosted-blue', 'frosted-white', 'frosted-green', 'frosted-black']\r\n            },\r\n            'mok35': {\r\n                'onbedrukt': [],\r\n                '1kleur': ['white', 'black']\r\n            },\r\n            '18cl': {\r\n                'onbedrukt': ['frosted', 'frosted-white', 'frosted-black'],\r\n                '1kleur': ['frosted', 'frosted-white', 'frosted-black'],\r\n                'fullcolour': ['frosted', 'white', 'black', 'grey']\r\n            }\r\n        };\r\n\r\n        function updateAvailableOptions() {\r\n            const selectedSize = document.querySelector('input[name=\"size\"]:checked')?.value;\r\n            const selectedPrinting = document.querySelector('input[name=\"printing\"]:checked')?.value;\r\n\r\n            if (selectedSize && sizeConfigurations[selectedSize]) {\r\n                const config = sizeConfigurations[selectedSize];\r\n\r\n                \/\/ Update printing options based on size\r\n                updatePrintingOptions(selectedSize, config);\r\n\r\n                \/\/ Update color options based on size and printing\r\n                if (selectedPrinting && config[selectedPrinting]) {\r\n                    updateColorOptions(selectedSize, selectedPrinting, config[selectedPrinting]);\r\n                } else {\r\n                    \/\/ Hide all colors if no printing selected\r\n                    hideAllColorOptions();\r\n                }\r\n\r\n                \/\/ Update color label to show selected size\r\n                const colorLabel = document.querySelector('.form-group label[for=\"color\"]') ||\r\n                    document.querySelector('label:has(+ .validation-message#colorError)');\r\n                if (colorLabel) {\r\n                    let sizeDisplay = selectedSize;\r\n                    if (selectedSize === 'mok25') sizeDisplay = 'Mug 25cl';\r\n                    else if (selectedSize === 'mok35') sizeDisplay = 'Mug 35cl';\r\n                    colorLabel.innerHTML = `Cup color ${sizeDisplay} <span class=\"required\">*<\/span>`;\r\n                }\r\n            } else {\r\n                \/\/ Reset to show all options if no size selected\r\n                resetAllOptions();\r\n            }\r\n        }\r\n\r\n        function updatePrintingOptions(selectedSize, config) {\r\n            const printingContainer = document.querySelector('input[name=\"printing\"]').closest('.form-group').querySelector('.option-group');\r\n            const allPrintingOptions = printingContainer.querySelectorAll('label');\r\n\r\n            allPrintingOptions.forEach(label => {\r\n                const input = label.querySelector('input[name=\"printing\"]');\r\n                const value = input.value;\r\n\r\n                if (config[value]) {\r\n                    label.style.display = 'inline-block';\r\n                    label.style.opacity = '1';\r\n                    label.style.pointerEvents = 'auto';\r\n                } else {\r\n                    label.style.display = 'none';\r\n                    \/\/ Clear selection if this option was selected but is no longer available\r\n                    if (input.checked) {\r\n                        input.checked = false;\r\n                    }\r\n                }\r\n            });\r\n        }\r\n\r\n        function updateColorOptions(selectedSize, selectedPrinting, availableColors) {\r\n            const colorContainer = document.querySelector('.color-options');\r\n            const allColorOptions = colorContainer.querySelectorAll('.color-option');\r\n\r\n            \/\/ Special case: if printing is \"onbedrukt\" for mok sizes, hide all colors\r\n            if ((selectedSize === 'mok25' || selectedSize === 'mok35') && selectedPrinting === 'onbedrukt') {\r\n                hideAllColorOptions();\r\n                return;\r\n            }\r\n\r\n            allColorOptions.forEach(colorOption => {\r\n                const input = colorOption.querySelector('input[name=\"color\"]');\r\n                const value = input.value;\r\n\r\n                if (availableColors.includes(value)) {\r\n                    colorOption.style.display = 'block';\r\n                    colorOption.style.opacity = '1';\r\n                    colorOption.style.pointerEvents = 'auto';\r\n                } else {\r\n                    colorOption.style.display = 'none';\r\n                    \/\/ Clear selection if this color was selected but is no longer available\r\n                    if (input.checked) {\r\n                        input.checked = false;\r\n                    }\r\n                }\r\n            });\r\n        }\r\n\r\n        function hideAllColorOptions() {\r\n            const allColorOptions = document.querySelectorAll('.color-option');\r\n            allColorOptions.forEach(colorOption => {\r\n                colorOption.style.display = 'none';\r\n                const input = colorOption.querySelector('input[name=\"color\"]');\r\n                if (input.checked) {\r\n                    input.checked = false;\r\n                }\r\n            });\r\n        }\r\n\r\n        function resetAllOptions() {\r\n            \/\/ Show all printing options\r\n            const allPrintingOptions = document.querySelectorAll('input[name=\"printing\"]').forEach(input => {\r\n                const label = input.closest('label');\r\n                label.style.display = 'inline-block';\r\n                label.style.opacity = '1';\r\n                label.style.pointerEvents = 'auto';\r\n            });\r\n\r\n            \/\/ Show all color options\r\n            const allColorOptions = document.querySelectorAll('.color-option');\r\n            allColorOptions.forEach(colorOption => {\r\n                colorOption.style.display = 'block';\r\n                colorOption.style.opacity = '1';\r\n                colorOption.style.pointerEvents = 'auto';\r\n            });\r\n\r\n            \/\/ Reset color label\r\n            const colorLabel = document.querySelector('.form-group label[for=\"color\"]') ||\r\n                document.querySelector('label:has(+ .validation-message#colorError)');\r\n            if (colorLabel) {\r\n                colorLabel.innerHTML = `Cup color <span class=\"required\">*<\/span>`;\r\n            }\r\n        }\r\n\r\n        function updateDisplay() {\r\n            updateAvailableOptions();\r\n            updateImage();\r\n            updateSpecs();\r\n        }\r\n\r\n        function updateImage() {\r\n            const size = document.querySelector('input[name=\"size\"]:checked')?.value;\r\n            const color = document.querySelector('input[name=\"color\"]:checked')?.value;\r\n            const container = document.getElementById('productVisual');\r\n\r\n            if (size) {\r\n                let imageKey = size;\r\n\r\n                \/\/ If color is also selected, show size + color combination\r\n                if (color) {\r\n                    const combinedKey = `${size}_${color}`;\r\n                    if (productImages[combinedKey]) {\r\n                        imageKey = combinedKey;\r\n                    }\r\n                }\r\n\r\n                container.innerHTML = productImages[imageKey] || productImages[size] || productImages.default;\r\n                container.style.background = 'white'; \/\/ Cleaner background for images\r\n            } else {\r\n                container.innerHTML = productImages.default;\r\n                container.style.background = 'white';\r\n            }\r\n\r\n            \/\/ Update active state in thumbnail grid\r\n            updateActiveThumbnail(size);\r\n        }\r\n\r\n        function renderThumbnails() {\r\n            const grid = document.getElementById('thumbnailGrid');\r\n            grid.innerHTML = ''; \/\/ Clear existing\r\n\r\n            \/\/ Get all size keys that start with '10cl', '15cl', etc. (excluding 'default')\r\n            const sizes = Object.keys(sizeConfigurations);\r\n\r\n            sizes.forEach(size => {\r\n                \/\/ Extract image URL from the productImages string (simple parsing)\r\n                \/\/ We know the format is `<img decoding=\"async\" src=\"...\">`\r\n                const imgTag = productImages[size];\r\n                if (!imgTag) return;\r\n\r\n                const srcMatch = imgTag.match(\/src=\"([^\"]+)\"\/);\r\n                const src = srcMatch ? srcMatch[1] : '';\r\n\r\n                if (src) {\r\n                    const thumb = document.createElement('div');\r\n                    thumb.className = 'thumbnail';\r\n                    thumb.innerHTML = `<img decoding=\"async\" src=\"${src}\" alt=\"${size}\">`;\r\n                    thumb.onclick = () => selectSizeFromThumbnail(size);\r\n                    thumb.dataset.size = size;\r\n                    grid.appendChild(thumb);\r\n                }\r\n            });\r\n        }\r\n\r\n        function selectSizeFromThumbnail(size) {\r\n            \/\/ Find the radio button for this size\r\n            const radio = document.querySelector(`input[name=\"size\"][value=\"${size}\"]`);\r\n            if (radio) {\r\n                radio.checked = true;\r\n                \/\/ Trigger updates\r\n                updateDisplay();\r\n                updateAvailableOptions();\r\n            }\r\n        }\r\n\r\n        function updateActiveThumbnail(activeSize) {\r\n            document.querySelectorAll('.thumbnail').forEach(thumb => {\r\n                if (thumb.dataset.size === activeSize) {\r\n                    thumb.classList.add('active');\r\n                } else {\r\n                    thumb.classList.remove('active');\r\n                }\r\n            });\r\n        }\r\n\r\n        \/\/ Initialize thumbnails on load\r\n        document.addEventListener('DOMContentLoaded', function () {\r\n            renderThumbnails();\r\n            \/\/ Show default image initially\r\n            updateImage();\r\n        });\r\n\r\n        function updateSpecs() {\r\n            const size = document.querySelector('input[name=\"size\"]:checked')?.value;\r\n            const printing = document.querySelector('input[name=\"printing\"]:checked')?.value;\r\n            const color = document.querySelector('input[name=\"color\"]:checked')?.value;\r\n            const lids = document.querySelector('input[name=\"lids\"]:checked')?.value;\r\n            const quantity = document.getElementById('quantity').value;\r\n\r\n            const specsContent = document.getElementById('specsContent');\r\n\r\n            if (size || printing || color || lids || quantity) {\r\n                let specs = '';\r\n\r\n                if (size) {\r\n                    let sizeDisplay = size;\r\n                    if (size === 'mok25') sizeDisplay = 'Mug 25cl';\r\n                    else if (size === 'mok35') sizeDisplay = 'Mug 35cl';\r\n                    specs += `<strong>Size:<\/strong> ${sizeDisplay}<br>`;\r\n                }\r\n\r\n                if (printing) {\r\n                    let printDisplay = printing;\r\n                    if (printing === 'onbedrukt') printDisplay = 'Unprinted';\r\n                    else if (printing === '1kleur') printDisplay = '1 color printing';\r\n                    else if (printing === '2kleur') printDisplay = '2 color printing';\r\n                    else if (printing === 'fullcolour') printDisplay = 'Full color IML';\r\n                    specs += `<strong>Printing:<\/strong> ${printDisplay}<br>`;\r\n                }\r\n\r\n                if (color) {\r\n                    let colorDisplay = getColorDisplayName(color);\r\n                    specs += `<strong>Color:<\/strong> ${colorDisplay}<br>`;\r\n                }\r\n\r\n                if (lids) {\r\n                    specs += `<strong>Lids:<\/strong> ${lids === 'yes' ? 'Yes, including lids' : 'No, without lids'}<br>`;\r\n                }\r\n\r\n                if (quantity) {\r\n                    const qtyDisplay = quantity === 'large' ? 'Larger quantities on request' : parseInt(quantity).toLocaleString() + ' pieces';\r\n                    specs += `<strong>Quantity:<\/strong> ${qtyDisplay}<br>`;\r\n                }\r\n\r\n                specs += `<strong>Material:<\/strong> Reusable plastic<br>`;\r\n                specs += `<strong>Sustainability:<\/strong> Eco-friendly & reusable`;\r\n\r\n                specsContent.innerHTML = specs;\r\n            } else {\r\n                specsContent.innerHTML = 'Select your options to view the specifications';\r\n            }\r\n        }\r\n\r\n        function getColorDisplayName(color) {\r\n            const colorNames = {\r\n                'frosted': 'Frosted Transparent',\r\n                'white': 'White',\r\n                'black': 'Black',\r\n                'frosted-yellow': 'Frosted Yellow',\r\n                'frosted-blue': 'Frosted Blue',\r\n                'frosted-red': 'Frosted Red',\r\n                'frosted-pink': 'Frosted Pink',\r\n                'frosted-green': 'Frosted Green',\r\n                'frosted-purple': 'Frosted Purple',\r\n                'frosted-orange': 'Frosted Orange',\r\n                'transparent': 'Transparent',\r\n                'grey': 'Grey',\r\n                'frosted-white': 'Frosted White',\r\n                'frosted-black': 'Frosted Black'\r\n            };\r\n            return colorNames[color] || color;\r\n        }\r\n\r\n        function getCurrentQuoteData() {\r\n            const size = document.querySelector('input[name=\"size\"]:checked')?.value;\r\n            const printing = document.querySelector('input[name=\"printing\"]:checked')?.value;\r\n            const color = document.querySelector('input[name=\"color\"]:checked')?.value;\r\n            const lids = document.querySelector('input[name=\"lids\"]:checked')?.value;\r\n            const quantity = document.getElementById('quantity').value;\r\n\r\n            let sizeDisplay = size;\r\n            if (size === 'mok25') sizeDisplay = 'Mug 25cl';\r\n            else if (size === 'mok35') sizeDisplay = 'Mug 35cl';\r\n\r\n            let printDisplay = printing;\r\n            if (printing === 'onbedrukt') printDisplay = 'Unprinted';\r\n            else if (printing === '1kleur') printDisplay = '1 color printing';\r\n            else if (printing === '2kleur') printDisplay = '2 color printing';\r\n            else if (printing === 'fullcolour') printDisplay = 'Full color IML';\r\n\r\n            let colorDisplay = getColorDisplayName(color);\r\n\r\n            return {\r\n                type: 'Reusable Coffee Cup',\r\n                size: sizeDisplay,\r\n                printing: printDisplay,\r\n                color: colorDisplay,\r\n                lids: lids === 'yes' ? 'Yes, including lids' : 'No, without lids',\r\n                quantity: quantity === 'large' ? 'Larger quantities on request' : parseInt(quantity).toLocaleString() + ' pieces',\r\n                material: 'Reusable plastic',\r\n                sustainability: 'Eco-friendly & reusable'\r\n            };\r\n        }\r\n\r\n        function validateStep1() {\r\n            let isValid = true;\r\n\r\n            const size = document.querySelector('input[name=\"size\"]:checked');\r\n            const printing = document.querySelector('input[name=\"printing\"]:checked');\r\n            const color = document.querySelector('input[name=\"color\"]:checked');\r\n\r\n            document.getElementById('sizeError').style.display = size ? 'none' : 'block';\r\n            if (!size) isValid = false;\r\n\r\n            document.getElementById('printingError').style.display = printing ? 'none' : 'block';\r\n            if (!printing) isValid = false;\r\n\r\n            \/\/ Special case: color is not required for \"onbedrukt\" mok sizes\r\n            const selectedSize = size?.value;\r\n            const selectedPrinting = printing?.value;\r\n            const colorRequired = !((selectedSize === 'mok25' || selectedSize === 'mok35') && selectedPrinting === 'onbedrukt');\r\n\r\n            if (colorRequired) {\r\n                document.getElementById('colorError').style.display = color ? 'none' : 'block';\r\n                if (!color) isValid = false;\r\n            } else {\r\n                document.getElementById('colorError').style.display = 'none';\r\n            }\r\n\r\n            return isValid;\r\n        }\r\n\r\n        function validateStep2() {\r\n            let isValid = true;\r\n\r\n            const lids = document.querySelector('input[name=\"lids\"]:checked');\r\n            const quantity = document.getElementById('quantity').value;\r\n\r\n            document.getElementById('lidsError').style.display = lids ? 'none' : 'block';\r\n            if (!lids) isValid = false;\r\n\r\n            if (!quantity) {\r\n                document.getElementById('quantityError').style.display = 'block';\r\n                document.getElementById('quantity').classList.add('error-highlight');\r\n                isValid = false;\r\n            } else {\r\n                document.getElementById('quantityError').style.display = 'none';\r\n                document.getElementById('quantity').classList.remove('error-highlight');\r\n            }\r\n\r\n            return isValid;\r\n        }\r\n\r\n        function validateStep3() {\r\n            const fields = ['name', 'email', 'phone', 'country', 'postcode'];\r\n            let isValid = true;\r\n\r\n            fields.forEach(field => {\r\n                const element = document.getElementById(field);\r\n                const errorElement = document.getElementById(field + 'Error');\r\n\r\n                if (!element.value.trim()) {\r\n                    element.classList.add('error-highlight');\r\n                    errorElement.style.display = 'block';\r\n                    isValid = false;\r\n                } else {\r\n                    element.classList.remove('error-highlight');\r\n                    errorElement.style.display = 'none';\r\n                }\r\n            });\r\n\r\n            \/\/ Email validation\r\n            const email = document.getElementById('email');\r\n            const emailError = document.getElementById('emailError');\r\n            const emailRegex = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/;\r\n\r\n            if (email.value.trim() && !emailRegex.test(email.value)) {\r\n                email.classList.add('error-highlight');\r\n                emailError.innerText = 'Please enter a valid email address';\r\n                emailError.style.display = 'block';\r\n                isValid = false;\r\n            }\r\n\r\n            return isValid;\r\n        }\r\n\r\n        function goToStepTwo() {\r\n            if (validateStep1()) {\r\n                document.getElementById('stepOne').style.display = 'none';\r\n                document.getElementById('stepTwo').style.display = 'block';\r\n                document.getElementById('stepTwo').classList.add('fade-in');\r\n\r\n                document.getElementById('step1Indicator').classList.remove('active');\r\n                document.getElementById('step2Indicator').classList.add('active');\r\n            }\r\n        }\r\n\r\n        function goToStepThree() {\r\n            if (validateStep2()) {\r\n                document.getElementById('stepTwo').style.display = 'none';\r\n                document.getElementById('stepThree').style.display = 'block';\r\n                document.getElementById('stepThree').classList.add('fade-in');\r\n\r\n                document.getElementById('step2Indicator').classList.remove('active');\r\n                document.getElementById('step3Indicator').classList.add('active');\r\n            }\r\n        }\r\n\r\n        function goBackToStepOne() {\r\n            document.getElementById('stepTwo').style.display = 'none';\r\n            document.getElementById('stepOne').style.display = 'block';\r\n            document.getElementById('stepOne').classList.add('fade-in');\r\n\r\n            document.getElementById('step2Indicator').classList.remove('active');\r\n            document.getElementById('step1Indicator').classList.add('active');\r\n        }\r\n\r\n        function goBackToStepTwo() {\r\n            document.getElementById('stepThree').style.display = 'none';\r\n            document.getElementById('stepTwo').style.display = 'block';\r\n            document.getElementById('stepTwo').classList.add('fade-in');\r\n\r\n            document.getElementById('step3Indicator').classList.remove('active');\r\n            document.getElementById('step2Indicator').classList.add('active');\r\n        }\r\n\r\n        function sendEmailNotification(customerData, quoteData) {\r\n            const formData = new FormData();\r\n            formData.append('action', 'send_promocups_quote_email');\r\n            formData.append('customer_data', JSON.stringify(customerData));\r\n            formData.append('quote_data', JSON.stringify(quoteData));\r\n\r\n            return fetch(CONFIG.WORDPRESS_AJAX_URL, {\r\n                method: 'POST',\r\n                body: formData\r\n            })\r\n                .then(response => {\r\n                    \/\/ Log raw response for debugging\r\n                    console.log('Raw Response Status:', response.status);\r\n\r\n                    if (!response.ok) {\r\n                        \/\/ Even if not OK, try to read text to see why\r\n                        return response.text().then(text => { throw new Error('Server Error: ' + text) });\r\n                    }\r\n                    return response.json();\r\n                })\r\n                .then(data => {\r\n                    console.log('Parsed JSON:', data);\r\n                    if (data && data.success) {\r\n                        return true;\r\n                    } else {\r\n                        \/\/ If WordPress sends success:false\r\n                        throw new Error(data.data || 'WordPress returned success:false');\r\n                    }\r\n                });\r\n        }\r\n\r\n        async function submitForm() {\r\n            if (validateStep3()) {\r\n                const submitButton = document.querySelector('.btn-success');\r\n                const originalText = submitButton.innerHTML;\r\n\r\n                submitButton.innerHTML = '<span class=\"loading-spinner\"><\/span>Sending...';\r\n                submitButton.classList.add('loading');\r\n\r\n                const customerData = {\r\n                    name: document.getElementById('name').value.trim(),\r\n                    email: document.getElementById('email').value.trim(),\r\n                    phone: document.getElementById('phone').value.trim(),\r\n                    company: document.getElementById('company').value.trim(),\r\n                    country: document.getElementById('country').value.trim(),\r\n                    postcode: document.getElementById('postcode').value.trim(),\r\n                    city: document.getElementById('city').value.trim(),\r\n                    comments: document.getElementById('comments').value.trim()\r\n                };\r\n\r\n                const quoteData = getCurrentQuoteData();\r\n\r\n                try {\r\n                    const emailSent = await sendEmailNotification(customerData, quoteData);\r\n\r\n                    if (emailSent) {\r\n                        document.getElementById('stepThree').style.display = 'none';\r\n                        document.getElementById('successMessage').style.display = 'block';\r\n                        document.getElementById('successMessage').classList.add('fade-in');\r\n\r\n                        \/\/ Scroll to success message\r\n                        document.getElementById('successMessage').scrollIntoView({ behavior: 'smooth' });\r\n\r\n                        setTimeout(() => {\r\n                            window.location.href = 'https:\/\/promocups.eu\/en\/contact-thank-you\/';\r\n                        }, 2000);\r\n                    } else {\r\n                        throw new Error('Email could not be sent');\r\n                    }\r\n                } catch (error) {\r\n                    console.error('Error submitting form:', error);\r\n                    alert('An error occurred while sending your quote. Please try again or contact us directly.');\r\n                } finally {\r\n                    submitButton.innerHTML = originalText;\r\n                    submitButton.classList.remove('loading');\r\n                }\r\n            }\r\n        }\r\n\r\n        function resetForm() {\r\n            document.getElementById('successMessage').style.display = 'none';\r\n            document.getElementById('stepOne').style.display = 'block';\r\n            document.getElementById('step3Indicator').classList.remove('active');\r\n            document.getElementById('step2Indicator').classList.remove('active');\r\n            document.getElementById('step1Indicator').classList.add('active');\r\n\r\n            document.querySelectorAll('input[type=\"radio\"]').forEach(radio => radio.checked = false);\r\n            document.getElementById('quantity').value = '';\r\n            document.querySelectorAll('input[type=\"text\"], input[type=\"email\"], textarea').forEach(field => {\r\n                field.value = '';\r\n                field.classList.remove('error-highlight');\r\n            });\r\n            document.getElementById('country').value = 'Netherlands';\r\n            document.querySelectorAll('.validation-message').forEach(msg => msg.style.display = 'none');\r\n\r\n            updateDisplay();\r\n        }\r\n\r\n        \/\/ Add event listeners for real-time validation\r\n        document.addEventListener('DOMContentLoaded', function () {\r\n            const fields = ['name', 'email', 'phone', 'country', 'postcode'];\r\n\r\n            fields.forEach(field => {\r\n                const element = document.getElementById(field);\r\n                const errorElement = document.getElementById(field + 'Error');\r\n\r\n                element.addEventListener('input', function () {\r\n                    if (this.value.trim()) {\r\n                        this.classList.remove('error-highlight');\r\n                        errorElement.style.display = 'none';\r\n                    }\r\n                });\r\n            });\r\n\r\n            document.getElementById('email').addEventListener('blur', function () {\r\n                const emailRegex = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/;\r\n                const errorElement = document.getElementById('emailError');\r\n\r\n                if (this.value.trim() && !emailRegex.test(this.value)) {\r\n                    this.classList.add('error-highlight');\r\n                    errorElement.innerText = 'Please enter a valid email address';\r\n                    errorElement.style.display = 'block';\r\n                } else if (this.value.trim()) {\r\n                    this.classList.remove('error-highlight');\r\n                    errorElement.style.display = 'none';\r\n                }\r\n            });\r\n\r\n            updateDisplay();\r\n        });\r\n    <\/script>\r\n<\/body>\r\n\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1a6ee836 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1a6ee836\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1a7351ee\" data-id=\"1a7351ee\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-9028b98 elementor-widget elementor-widget-ube-advanced-tabs\" data-id=\"9028b98\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ube-advanced-tabs.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"collapse-tabs ube-tabs ube-tabs-flat ube-tabs-square\">\n    <div class=\"tabs\">\n        <ul class=\"nav nav-tabs\" role=\"tablist\">\n\t\t\t                <li class=\"nav-item active\">\n                    <a class=\"nav-link d-flex active\" id=\"item-9028b986a222e293e6b8-tab\" data-toggle=\"tab\" href=\"#content-9028b986a222e293e6b8\" aria-controls=\"content-9028b986a222e293e6b8\" role=\"tab\" aria-selected=\"true\">\n\t\t\t\t\t\t\n\t\t\t\t\t\t                        <span class=\"\">\n                            Productdetails                        <\/span>\n                    <\/a>\n                <\/li>\n\t\t\t                <li class=\"nav-item\">\n                    <a class=\"nav-link d-flex\" id=\"item-9028b986a222e293e87a-tab\" data-toggle=\"tab\" href=\"#content-9028b986a222e293e87a\" aria-controls=\"content-9028b986a222e293e87a\" role=\"tab\" aria-selected=\"false\">\n\t\t\t\t\t\t\n\t\t\t\t\t\t                        <span class=\"\">\n                            Design Tips                        <\/span>\n                    <\/a>\n                <\/li>\n\t\t\t                <li class=\"nav-item\">\n                    <a class=\"nav-link d-flex\" id=\"item-9028b986a222e293e8c6-tab\" data-toggle=\"tab\" href=\"#content-9028b986a222e293e8c6\" aria-controls=\"content-9028b986a222e293e8c6\" role=\"tab\" aria-selected=\"false\">\n\t\t\t\t\t\t\n\t\t\t\t\t\t                        <span class=\"\">\n                            Specificaties                        <\/span>\n                    <\/a>\n                <\/li>\n\t\t\t                <li class=\"nav-item\">\n                    <a class=\"nav-link d-flex\" id=\"item-9028b986a222e293e902-tab\" data-toggle=\"tab\" href=\"#content-9028b986a222e293e902\" aria-controls=\"content-9028b986a222e293e902\" role=\"tab\" aria-selected=\"false\">\n\t\t\t\t\t\t\n\t\t\t\t\t\t                        <span class=\"\">\n                            Beoordelingen                        <\/span>\n                    <\/a>\n                <\/li>\n\t\t\t        <\/ul>\n    <\/div>\n    <div class=\"tab-content\">\n\t\t        <div class=\"ube-tab-content-container\" id=\"collapse-tabs-accordion-9028b98\">\n\t\t\t                <div class=\"tab-pane fade show active\" id=\"content-9028b986a222e293e6b8\" role=\"tabpanel\" aria-labelledby=\"item-9028b986a222e293e6b8-tab\">\n                    <div class=\"card ube-tabs-card active\">\n                        <div class=\"card-header ube-tabs-card-header\" id=\"heading-9028b986a222e293e6b8\">\n                            <div class=\"m-0 card-title d-flex ube-tabs-card-title\" data-toggle=\"false\" aria-expanded=\"true\" data-target=\"#collapse-9028b986a222e293e6b8\" aria-controls=\"collapse-9028b986a222e293e6b8\" role=\"button\">\n\t\t\t\t\t\t\t\t                                <span class=\"\">\n                            Productdetails                        <\/span>\n                            <\/div>\n                        <\/div>\n                        <div id=\"collapse-9028b986a222e293e6b8\" class=\"collapse collapsible show\" aria-labelledby=\"heading-9028b986a222e293e6b8\" data-parent=\"#collapse-tabs-accordion-9028b98\">\n                            <div class=\"card-body ube-tabs-card-body\">\n\t\t\t\t\t\t\t\t<div class=\"widgetarea_warper\">\n\t    <div class=\"elementor-widget-container\">\n        \t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"4669\" class=\"elementor elementor-4669\" data-elementor-post-type=\"ube_content\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cfaed09 e-flex e-con-boxed e-con e-parent\" data-id=\"cfaed09\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2f6460c elementor-widget elementor-widget-heading\" data-id=\"2f6460c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Productdetails van de herbruikbare koffiebekers<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ef8ac89 elementor-widget elementor-widget-text-editor\" data-id=\"ef8ac89\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Onze Promocups zijn een volledig assortiment herbruikbare plastic bekers, ideaal voor festivals, concerten, sportevenementen of elke andere gelegenheid die je maar kunt bedenken!<\/p><p>Gemaakt van hoogwaardig polypropyleen (PP), en verkrijgbaar in verschillende maten, een veilig, duurzaam en ecologisch alternatief voor disposables en glaswerk!<\/p><div class=\"elementor-element elementor-element-4dca51e elementor-widget elementor-widget-heading\" data-id=\"4dca51e\" data-element_type=\"widget\" data-widget_type=\"heading.default\"><div class=\"elementor-widget-container\"><p class=\"elementor-heading-title elementor-size-default\"><span style=\"font-weight: 400;\">Herbruikbare polypropyleen beker<\/span><\/p><p class=\"elementor-heading-title elementor-size-default\"><span style=\"color: var(--g5-color-text-main); font-family: var(--g5-font-body);\"><br \/>PP bekers voor festivals en evenementen, de meest populaire in ons assortiment herbruikbare bekers. Deze digitale full colour bekers zijn ideaal voor evenementen en organisaties.<\/span><\/p><\/div><\/div><div class=\"elementor-element elementor-element-82f1179 elementor-widget elementor-widget-text-editor\" data-id=\"82f1179\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\"><div class=\"elementor-widget-container\"><p>Al onze bekers zijn vaatwasmachinebestendig, gestempeld met optionele maatlijnen. We gebruiken milieuvriendelijke inkt en onze bekers zijn gemaakt van polypropyleen (PP) plastic. En net als al onze producten zijn de prijzen die u krijgt de uiteindelijke prijzen die u betaalt, en we bieden ook gratis hulp bij het ontwerpen, afdrukken en bezorgen in alle EU-landen.<\/p><p>De levering is in slechts 20 werkdagen vanaf de orderbevestiging. Houd er rekening mee dat vanwege de drukte in sommige seizoenen, we je willen vragen om zo vroeg mogelijk bestellingen te plaatsen om teleurstelling te voorkomen, vooral tijdens de drukke festivalseizoenen. Heeft u een last-minute bestelling met een spoedeisende<\/p><\/div><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t    <\/div>\n<\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                <\/div>\n\t\t\t                <div class=\"tab-pane fade\" id=\"content-9028b986a222e293e87a\" role=\"tabpanel\" aria-labelledby=\"item-9028b986a222e293e87a-tab\">\n                    <div class=\"card ube-tabs-card\">\n                        <div class=\"card-header ube-tabs-card-header\" id=\"heading-9028b986a222e293e87a\">\n                            <div class=\"m-0 card-title d-flex ube-tabs-card-title  collapsed\" data-toggle=\"collapse\" aria-expanded=\"false\" data-target=\"#collapse-9028b986a222e293e87a\" aria-controls=\"collapse-9028b986a222e293e87a\" role=\"button\">\n\t\t\t\t\t\t\t\t                                <span class=\"\">\n                            Design Tips                        <\/span>\n                            <\/div>\n                        <\/div>\n                        <div id=\"collapse-9028b986a222e293e87a\" class=\"collapse collapsible\" aria-labelledby=\"heading-9028b986a222e293e87a\" data-parent=\"#collapse-tabs-accordion-9028b98\">\n                            <div class=\"card-body ube-tabs-card-body\">\n\t\t\t\t\t\t\t\t<div class=\"widgetarea_warper\">\n\t    <div class=\"elementor-widget-container\">\n        \t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"4672\" class=\"elementor elementor-4672\" data-elementor-post-type=\"ube_content\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5609f7b e-flex e-con-boxed e-con e-parent\" data-id=\"5609f7b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-82397f7 elementor-widget elementor-widget-heading\" data-id=\"82397f7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Design tips voor unieke herbruikbare koffiebekers<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e36987e elementor-widget elementor-widget-text-editor\" data-id=\"e36987e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>We bieden je de mogelijkheid om met gemak je eigen ontwerpen te maken: gebruik ons platform en maak iets cools, als je vastzit, kun je op basis van onze vooraf gemaakte ontwerpen krijgen en ze veranderen,<\/p><p>Bij het plaatsen van uw bestelling kunt u eenvoudig het eindresultaat zien voordat u de bestelling doorgeeft en betaalt.<\/p><p>Als je ooit met iets vastloopt, kun je altijd contact met ons opnemen en we zullen het ontwerp voor je maken, je stuurt ons gewoon de elementen (logo, kleuren enz.) Ons team stuurt je een gratis proefdruk om te valideren voordat de productie begint . We kunnen de BAT op uw gemak wijzigen, totdat u helemaal tevreden bent.<\/p><p>Kijk op de pagina <a href=\"https:\/\/promocups.eu\/nl_nl\/design-tips\/\">Afdruktips<\/a> voor meer informatie en details over de beste bestanden en aanpak om de best mogelijke resultaten te krijgen.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t    <\/div>\n<\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                <\/div>\n\t\t\t                <div class=\"tab-pane fade\" id=\"content-9028b986a222e293e8c6\" role=\"tabpanel\" aria-labelledby=\"item-9028b986a222e293e8c6-tab\">\n                    <div class=\"card ube-tabs-card\">\n                        <div class=\"card-header ube-tabs-card-header\" id=\"heading-9028b986a222e293e8c6\">\n                            <div class=\"m-0 card-title d-flex ube-tabs-card-title  collapsed\" data-toggle=\"collapse\" aria-expanded=\"false\" data-target=\"#collapse-9028b986a222e293e8c6\" aria-controls=\"collapse-9028b986a222e293e8c6\" role=\"button\">\n\t\t\t\t\t\t\t\t                                <span class=\"\">\n                            Specificaties                        <\/span>\n                            <\/div>\n                        <\/div>\n                        <div id=\"collapse-9028b986a222e293e8c6\" class=\"collapse collapsible\" aria-labelledby=\"heading-9028b986a222e293e8c6\" data-parent=\"#collapse-tabs-accordion-9028b98\">\n                            <div class=\"card-body ube-tabs-card-body\">\n\t\t\t\t\t\t\t\t<div class=\"widgetarea_warper\">\n\t    <div class=\"elementor-widget-container\">\n        \t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"4675\" class=\"elementor elementor-4675\" data-elementor-post-type=\"ube_content\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9e1bab7 e-flex e-con-boxed e-con e-parent\" data-id=\"9e1bab7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-294819b elementor-widget elementor-widget-text-editor\" data-id=\"294819b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<table width=\"933\"><tbody><tr><td><p><strong>Inhoud<\/strong><\/p><\/td><td><p><strong>Cup 10<\/strong><\/p><\/td><td width=\"96\"><p><strong>Cup 15<\/strong><\/p><\/td><td width=\"96\"><p><strong>Cup 25<\/strong><\/p><\/td><td width=\"96\"><p><strong>Cup 30<\/strong><\/p><\/td><td width=\"96\"><p><strong>Cup 35<\/strong><\/p><\/td><td width=\"96\"><p><strong>Cup 45<\/strong><\/p><\/td><td width=\"96\"><p><strong>Cup 50<\/strong><\/p><\/td><td width=\"96\"><p><strong>Mok 25<\/strong><\/p><\/td><td width=\"96\"><p><strong>Mok 35<\/strong><\/p><\/td><\/tr><tr><td><p><strong>Gewicht<\/strong><\/p><\/td><td><p>\u00a012Gr<\/p><\/td><td width=\"96\"><p>\u00a018Gr<\/p><\/td><td width=\"96\"><p>\u00a027Gr<\/p><\/td><td width=\"96\"><p>\u00a030Gr<\/p><\/td><td width=\"96\"><p>37Gr<\/p><\/td><td width=\"96\"><p>42 Gr<\/p><\/td><td width=\"96\"><p>53 Gr<\/p><\/td><td width=\"96\"><p>41 Gr<\/p><\/td><td width=\"96\"><p>63 Gr<\/p><\/td><\/tr><tr><td><p><strong>Diameter bovenzijde<\/strong><\/p><\/td><td><p>55 mm<\/p><\/td><td width=\"96\"><p>65 mm \u00a0 \u00a0 \u00a0<\/p><\/td><td width=\"96\"><p>70 mm<\/p><\/td><td width=\"96\"><p>73 mm<\/p><\/td><td width=\"96\"><p>74 mm<\/p><\/td><td width=\"96\"><p>80 mm<\/p><\/td><td width=\"96\"><p>82 mm<\/p><\/td><td width=\"96\"><p>72 mm<\/p><\/td><td width=\"96\"><p>79 mm<\/p><\/td><\/tr><tr><td><p><strong>Hoogte<\/strong><\/p><\/td><td><p>70 mm<\/p><\/td><td width=\"96\"><p>80 mm \u00a0 \u00a0 \u00a0<\/p><\/td><td width=\"96\"><p>103 mm<\/p><\/td><td width=\"96\"><p>118 mm<\/p><\/td><td width=\"96\"><p>140 mm<\/p><\/td><td width=\"96\"><p>150 mm<\/p><\/td><td width=\"96\"><p>160 mm<\/p><\/td><td width=\"96\"><p>92 mm<\/p><\/td><td width=\"96\"><p>99 mm<\/p><\/td><\/tr><tr><td><p><strong>Diameter onderzijde<\/strong><\/p><\/td><td><p>40 mm<\/p><\/td><td width=\"96\"><p>51 mm<\/p><\/td><td width=\"96\"><p>54 mm<\/p><\/td><td width=\"96\"><p>53 mm<\/p><\/td><td width=\"96\"><p>52 mm<\/p><\/td><td width=\"96\"><p>58 mm<\/p><\/td><td width=\"96\"><p>61 mm<\/p><\/td><td width=\"96\"><p>68 mm<\/p><\/td><td width=\"96\"><p>79 mm<\/p><\/td><\/tr><tr><td><p><strong>Material<\/strong><\/p><\/td><td><p>Polypropyleen (PP5) Zonder Bisfenol A<\/p><\/td><td width=\"96\"><p>Polypropyleen (PP5) Zonder Bisfenol A<\/p><\/td><td width=\"96\"><p>Polypropyleen (PP5) Zonder Bisfenol Am + 18 PE<\/p><\/td><td width=\"96\"><p>Polypropyleen (PP5) Zonder Bisfenol A<\/p><\/td><td width=\"96\"><p>Polypropyleen (PP5) Zonder Bisfenol A<\/p><\/td><td width=\"96\"><p>Polypropyleen (PP5) Zonder Bisfenol A<\/p><\/td><td width=\"96\"><p>Polypropyleen (PP5) Zonder Bisfenol A<\/p><\/td><td width=\"96\"><p>Polypropyleen (PP5) Zonder Bisfenol A<\/p><\/td><td width=\"96\"><p>Polypropyleen (PP5) Zonder Bisfenol A<\/p><\/td><\/tr><\/tbody><\/table><p>\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t    <\/div>\n<\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                <\/div>\n\t\t\t                <div class=\"tab-pane fade\" id=\"content-9028b986a222e293e902\" role=\"tabpanel\" aria-labelledby=\"item-9028b986a222e293e902-tab\">\n                    <div class=\"card ube-tabs-card\">\n                        <div class=\"card-header ube-tabs-card-header\" id=\"heading-9028b986a222e293e902\">\n                            <div class=\"m-0 card-title d-flex ube-tabs-card-title  collapsed\" data-toggle=\"collapse\" aria-expanded=\"false\" data-target=\"#collapse-9028b986a222e293e902\" aria-controls=\"collapse-9028b986a222e293e902\" role=\"button\">\n\t\t\t\t\t\t\t\t                                <span class=\"\">\n                            Beoordelingen                        <\/span>\n                            <\/div>\n                        <\/div>\n                        <div id=\"collapse-9028b986a222e293e902\" class=\"collapse collapsible\" aria-labelledby=\"heading-9028b986a222e293e902\" data-parent=\"#collapse-tabs-accordion-9028b98\">\n                            <div class=\"card-body ube-tabs-card-body\">\n\t\t\t\t\t\t\t\t<div class=\"widgetarea_warper\">\n\t    <div class=\"elementor-widget-container\">\n        \t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"4680\" class=\"elementor elementor-4680\" data-elementor-post-type=\"ube_content\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d575aab e-flex e-con-boxed e-con e-parent\" data-id=\"d575aab\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a7daf8e bdt-navigation-type-arrows elementor-widget elementor-widget-bdt-google-reviews\" data-id=\"a7daf8e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"bdt-google-reviews.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t<div class=\"bdt-google-reviews bdt-google-reviews-slider bdt-thumb-direction-left\">\n\t\t\t<div class=\"bdt-alert-warning bdt-text-center\">You must enable Billing on the Google Cloud Project at https:\/\/console.cloud.google.com\/project\/_\/billing\/enable Learn more at https:\/\/developers.google.com\/maps\/gmp-get-started<\/div>\t\t\t<div class=\"bdt-arrows-align-center\" data-bdt-slider=\"{&quot;autoplay&quot;:&quot;yes&quot;,&quot;autoplay-interval&quot;:7000,&quot;pause-on-hover&quot;:true}\">\n\t\t\t\t<ul data-bdt-grid=\"\" class=\"bdt-grid bdt-grid-small bdt-grid-match bdt-slider-items bdt-child-width-1-1 bdt-child-width-1-1@s bdt-child-width-1-1@m\">\n\n\t\t\t\t\t\n\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t\t<div class=\"bdt-visible@m bdt-position-z-index bdt-position-center\">\n\t\t\t<div class=\"bdt-arrows-container bdt-slidenav-container\">\n\t\t\t\t<a href=\"https:\/\/promocups.eu\/nl_nl\/wp-json\/wp\/v2\/pages\/4638\" class=\"bdt-navigation-prev bdt-slidenav-previous bdt-icon bdt-slidenav\" data-bdt-slider-item=\"previous\">\n\t\t\t\t\t<i class=\"ep-icon-arrow-left-5\" aria-hidden=\"true\"><\/i>\n\t\t\t\t<\/a>\n\t\t\t\t<a href=\"https:\/\/promocups.eu\/nl_nl\/wp-json\/wp\/v2\/pages\/4638\" class=\"bdt-navigation-next bdt-slidenav-next bdt-icon bdt-slidenav\" data-bdt-slider-item=\"next\">\n\t\t\t\t\t<i class=\"ep-icon-arrow-right-5\" aria-hidden=\"true\"><\/i>\n\t\t\t\t<\/a>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t    <\/div>\n<\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                <\/div>\n\t\t\t        <\/div>\n    <\/div>\n<\/div>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5cc8c34 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"5cc8c34\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-23ceadff\" data-id=\"23ceadff\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-101f3364 elementor-widget elementor-widget-heading\" data-id=\"101f3364\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<span class=\"elementor-heading-title elementor-size-small\">- MISSCHIEN IETS VOOR JOU\n<\/span>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-38ca6d95 elementor-widget elementor-widget-heading\" data-id=\"38ca6d95\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Herbruikbare polypropyleen beker<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1ea2279 bdt-navigation-type-arrows bdt-carousel-style-carousel elementor-widget elementor-widget-bdt-wc-carousel\" data-id=\"1ea2279\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;columns&quot;:&quot;4&quot;,&quot;columns_tablet&quot;:&quot;3&quot;,&quot;columns_mobile&quot;:&quot;1&quot;}\" data-widget_type=\"bdt-wc-carousel.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div id=\"bdt-wc-carousel-1ea2279\" class=\"bdt-arrows-align-center bdt-wc-carousel bdt-wc-carousel-skin-default\" data-settings=\"{&quot;autoplay&quot;:{&quot;delay&quot;:5000},&quot;loop&quot;:true,&quot;speed&quot;:500,&quot;slidesPerView&quot;:1,&quot;slidesPerGroup&quot;:1,&quot;spaceBetween&quot;:35,&quot;effect&quot;:&quot;carousel&quot;,&quot;breakpoints&quot;:{&quot;767&quot;:{&quot;slidesPerView&quot;:3,&quot;spaceBetween&quot;:35,&quot;slidesPerGroup&quot;:1},&quot;1023&quot;:{&quot;slidesPerView&quot;:4,&quot;spaceBetween&quot;:35,&quot;slidesPerGroup&quot;:1}},&quot;navigation&quot;:{&quot;nextEl&quot;:&quot;#bdt-wc-carousel-1ea2279 .bdt-navigation-next&quot;,&quot;prevEl&quot;:&quot;#bdt-wc-carousel-1ea2279 .bdt-navigation-prev&quot;},&quot;pagination&quot;:{&quot;el&quot;:&quot;#bdt-wc-carousel-1ea2279 .swiper-pagination&quot;,&quot;type&quot;:&quot;&quot;,&quot;clickable&quot;:&quot;true&quot;,&quot;dynamicBullets&quot;:false},&quot;scrollbar&quot;:{&quot;el&quot;:&quot;#bdt-wc-carousel-1ea2279 .swiper-scrollbar&quot;,&quot;hide&quot;:&quot;true&quot;},&quot;coverflowEffect&quot;:{&quot;rotate&quot;:50,&quot;stretch&quot;:0,&quot;depth&quot;:100,&quot;modifier&quot;:1,&quot;slideShadows&quot;:true},&quot;watchSlidesProgress&quot;:true}\">\n\t\t\t<div class=\"swiper-carousel swiper-container\">\n\t\t\t\t<div class=\"swiper-wrapper\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"bdt-wc-carousel-item swiper-slide bdt-transition-toggle\">\n\t\t\t\t\t\t\t\t<div class=\"bdt-wc-carousel-item-inner\">\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"bdt-wc-carousel-image bdt-background-cover\">\n\t\t\t<a href=\"https:\/\/promocups.eu\/nl_nl\/product\/bierpul-pc\/\" title=\"Bierpul PC\">\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/promocups.eu\/wp-content\/uploads\/2023\/04\/Bierpul-PC-300x300.jpg\" alt=\"Bierpul PC\">\n\t\t\t<\/a>\n\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"bdt-wc-carousel-desc bdt-padding bdt-position-relative bdt-text-center\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"bdt-wc-carousel-desc-inner\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"bdt-wc-carousel-title\">\n\t\t\t\t\t\t\t\t\t\t\t\t\tBierpul PC\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"bdt-wc-carousel-item swiper-slide bdt-transition-toggle\">\n\t\t\t\t\t\t\t\t<div class=\"bdt-wc-carousel-item-inner\">\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"bdt-wc-carousel-image bdt-background-cover\">\n\t\t\t<a href=\"https:\/\/promocups.eu\/nl_nl\/product\/big-band-bier-en-frisglas\/\" title=\"Big band (Bier en frisglas)\">\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/promocups.eu\/wp-content\/uploads\/2023\/03\/Big-Band-300x300.jpg\" alt=\"Big band (Bier en frisglas)\">\n\t\t\t<\/a>\n\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"bdt-wc-carousel-desc bdt-padding bdt-position-relative bdt-text-center\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"bdt-wc-carousel-desc-inner\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"bdt-wc-carousel-title\">\n\t\t\t\t\t\t\t\t\t\t\t\t\tBig band (Bier en frisglas)\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"bdt-wc-carousel-item swiper-slide bdt-transition-toggle\">\n\t\t\t\t\t\t\t\t<div class=\"bdt-wc-carousel-item-inner\">\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"bdt-wc-carousel-image bdt-background-cover\">\n\t\t\t<a href=\"https:\/\/promocups.eu\/nl_nl\/product\/blues-bier-en-frisglas\/\" title=\"Blues  ( Bier en frisglas)\">\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/promocups.eu\/wp-content\/uploads\/2023\/03\/Blues-300x300.jpg\" alt=\"Blues  ( Bier en frisglas)\">\n\t\t\t<\/a>\n\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"bdt-wc-carousel-desc bdt-padding bdt-position-relative bdt-text-center\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"bdt-wc-carousel-desc-inner\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"bdt-wc-carousel-title\">\n\t\t\t\t\t\t\t\t\t\t\t\t\tBlues  ( Bier en frisglas)\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"bdt-wc-carousel-item swiper-slide bdt-transition-toggle\">\n\t\t\t\t\t\t\t\t<div class=\"bdt-wc-carousel-item-inner\">\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"bdt-wc-carousel-image bdt-background-cover\">\n\t\t\t<a href=\"https:\/\/promocups.eu\/nl_nl\/product\/limbo-frisglas\/\" title=\"Limbo ( frisglas)\">\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/promocups.eu\/wp-content\/uploads\/2023\/03\/Limbo-300x300.jpg\" alt=\"Limbo ( frisglas)\">\n\t\t\t<\/a>\n\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"bdt-wc-carousel-desc bdt-padding bdt-position-relative bdt-text-center\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"bdt-wc-carousel-desc-inner\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"bdt-wc-carousel-title\">\n\t\t\t\t\t\t\t\t\t\t\t\t\tLimbo ( frisglas)\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"bdt-wc-carousel-item swiper-slide bdt-transition-toggle\">\n\t\t\t\t\t\t\t\t<div class=\"bdt-wc-carousel-item-inner\">\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"bdt-wc-carousel-image bdt-background-cover\">\n\t\t\t<a href=\"https:\/\/promocups.eu\/nl_nl\/product\/western-20cl-wijnglazen\/\" title=\"Western 20cl (Wijnglazen)\">\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/promocups.eu\/wp-content\/uploads\/2023\/01\/Western_20cl-300x300.jpg\" alt=\"Western 20cl (Wijnglazen)\">\n\t\t\t<\/a>\n\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"bdt-wc-carousel-desc bdt-padding bdt-position-relative bdt-text-center\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"bdt-wc-carousel-desc-inner\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"bdt-wc-carousel-title\">\n\t\t\t\t\t\t\t\t\t\t\t\t\tWestern 20cl (Wijnglazen)\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"bdt-wc-carousel-item swiper-slide bdt-transition-toggle\">\n\t\t\t\t\t\t\t\t<div class=\"bdt-wc-carousel-item-inner\">\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"bdt-wc-carousel-image bdt-background-cover\">\n\t\t\t<a href=\"https:\/\/promocups.eu\/nl_nl\/product\/wijnglas-urban-17-cl\/\" title=\"Wijnglas Urban 17 cl\">\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/promocups.eu\/wp-content\/uploads\/2023\/01\/Urban-PC-17-cl-300x300.jpg\" alt=\"Wijnglas Urban 17 cl\">\n\t\t\t<\/a>\n\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"bdt-wc-carousel-desc bdt-padding bdt-position-relative bdt-text-center\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"bdt-wc-carousel-desc-inner\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"bdt-wc-carousel-title\">\n\t\t\t\t\t\t\t\t\t\t\t\t\tWijnglas Urban 17 cl\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"bdt-wc-carousel-item swiper-slide bdt-transition-toggle\">\n\t\t\t\t\t\t\t\t<div class=\"bdt-wc-carousel-item-inner\">\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"bdt-wc-carousel-image bdt-background-cover\">\n\t\t\t<a href=\"https:\/\/promocups.eu\/nl_nl\/product\/schenkkan-punk-pc-150-cl\/\" title=\"Schenkkan Punk PC 150 cl\">\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/promocups.eu\/wp-content\/uploads\/2023\/01\/Schenkkan-Punk-300x300.jpg\" alt=\"Schenkkan Punk PC 150 cl\">\n\t\t\t<\/a>\n\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"bdt-wc-carousel-desc bdt-padding bdt-position-relative bdt-text-center\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"bdt-wc-carousel-desc-inner\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"bdt-wc-carousel-title\">\n\t\t\t\t\t\t\t\t\t\t\t\t\tSchenkkan Punk PC 150 cl\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"bdt-wc-carousel-item swiper-slide bdt-transition-toggle\">\n\t\t\t\t\t\t\t\t<div class=\"bdt-wc-carousel-item-inner\">\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"bdt-wc-carousel-image bdt-background-cover\">\n\t\t\t<a href=\"https:\/\/promocups.eu\/nl_nl\/product\/rap-3cl-shotglas\/\" title=\"Rap 3cl (Shotglas)\">\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/promocups.eu\/wp-content\/uploads\/2023\/01\/Rap-300x300.jpg\" alt=\"Rap 3cl (Shotglas)\">\n\t\t\t<\/a>\n\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"bdt-wc-carousel-desc bdt-padding bdt-position-relative bdt-text-center\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"bdt-wc-carousel-desc-inner\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"bdt-wc-carousel-title\">\n\t\t\t\t\t\t\t\t\t\t\t\t\tRap 3cl (Shotglas)\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"bdt-position-z-index bdt-position-center bdt-visible@m\">\n\t\t\t\t<div class=\"bdt-arrows-container bdt-slidenav-container\">\n\t\t\t\t\t<div class=\"bdt-navigation-prev bdt-slidenav-previous bdt-icon bdt-slidenav\">\n\t\t\t\t\t\t<i class=\"ep-icon-arrow-left-0\" aria-hidden=\"true\"><\/i>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"bdt-navigation-next bdt-slidenav-next bdt-icon bdt-slidenav\">\n\t\t\t\t\t\t<i class=\"ep-icon-arrow-right-0\" aria-hidden=\"true\"><\/i>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\n\t\t<\/div>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-58aaaf91 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"58aaaf91\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-770dd202\" data-id=\"770dd202\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-13aaede elementor-widget elementor-widget-heading\" data-id=\"13aaede\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<span class=\"elementor-heading-title elementor-size-small\">- Certificeringen<\/span>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-26c249e7 elementor-widget elementor-widget-heading\" data-id=\"26c249e7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Wij zijn gecertificeerd<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-147f35e5 elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"147f35e5\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-25 elementor-inner-column elementor-element elementor-element-6cab0ecd\" data-id=\"6cab0ecd\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1e64f899 elementor-widget elementor-widget-ube-image\" data-id=\"1e64f899\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ube-image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"card ube-image ube-image-hover-shine ube-image-caption-\">    <div class=\"card-img\">\n\t    <img decoding=\"async\" width=\"159\" height=\"240\" src=\"https:\/\/promocups.eu\/wp-content\/uploads\/2022\/12\/58B84DD.jpg\" class=\"attachment-medium size-medium wp-image-2981\" alt=\"\" \/>    <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-25 elementor-inner-column elementor-element elementor-element-4b91057\" data-id=\"4b91057\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-53672625 elementor-widget elementor-widget-ube-image\" data-id=\"53672625\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ube-image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"card ube-image ube-image-hover-shine ube-image-caption-\">    <div class=\"card-img\">\n\t    <img decoding=\"async\" width=\"202\" height=\"156\" src=\"https:\/\/promocups.eu\/wp-content\/uploads\/2022\/12\/58B84D7.jpg\" class=\"attachment-medium size-medium wp-image-2983\" alt=\"\" \/>    <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-25 elementor-inner-column elementor-element elementor-element-5ba84dc1\" data-id=\"5ba84dc1\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5c9f1be3 elementor-widget elementor-widget-ube-image\" data-id=\"5c9f1be3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ube-image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"card ube-image ube-image-caption-\">    <div class=\"card-img\">\n\t    <img decoding=\"async\" width=\"159\" height=\"207\" src=\"https:\/\/promocups.eu\/wp-content\/uploads\/2022\/12\/58B84DB.jpg\" class=\"attachment-medium size-medium wp-image-2985\" alt=\"\" \/>    <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-25 elementor-inner-column elementor-element elementor-element-4a5afa30\" data-id=\"4a5afa30\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-50954841 elementor-widget elementor-widget-ube-image\" data-id=\"50954841\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ube-image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"card ube-image ube-image-caption-\">    <div class=\"card-img\">\n\t    <img loading=\"lazy\" decoding=\"async\" width=\"218\" height=\"175\" src=\"https:\/\/promocups.eu\/wp-content\/uploads\/2022\/12\/58B84D5.jpg\" class=\"attachment-medium size-medium wp-image-2987\" alt=\"\" \/>    <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>",
        "protected": false
    },
    "excerpt": {
        "rendered": "<p>Product Specifications Select your options to see the details Reusable polypropylene cup Reusable coffee cups 1 Configuration 2 Lid &#038; Quantity 3 Contact Details \u2705 Quote successfully sent! We have received your quote request and will contact you within 24 hours. Size * Select a size 10cl 15cl 25cl 30cl 35cl 45cl 50cl Mug 25cl [&hellip;]<\/p>",
        "protected": false
    },
    "author": 1,
    "featured_media": 0,
    "parent": 0,
    "menu_order": 0,
    "comment_status": "closed",
    "ping_status": "closed",
    "template": "",
    "meta": {
        "footnotes": ""
    },
    "class_list": [
        "post-4638",
        "page",
        "type-page",
        "status-publish",
        "hentry"
    ],
    "aioseo_notices": [],
    "_links": {
        "self": [
            {
                "href": "https:\/\/promocups.eu\/nl_nl\/wp-json\/wp\/v2\/pages\/4638",
                "targetHints": {
                    "allow": [
                        "GET"
                    ]
                }
            }
        ],
        "collection": [
            {
                "href": "https:\/\/promocups.eu\/nl_nl\/wp-json\/wp\/v2\/pages"
            }
        ],
        "about": [
            {
                "href": "https:\/\/promocups.eu\/nl_nl\/wp-json\/wp\/v2\/types\/page"
            }
        ],
        "author": [
            {
                "embeddable": true,
                "href": "https:\/\/promocups.eu\/nl_nl\/wp-json\/wp\/v2\/users\/1"
            }
        ],
        "replies": [
            {
                "embeddable": true,
                "href": "https:\/\/promocups.eu\/nl_nl\/wp-json\/wp\/v2\/comments?post=4638"
            }
        ],
        "version-history": [
            {
                "count": 3,
                "href": "https:\/\/promocups.eu\/nl_nl\/wp-json\/wp\/v2\/pages\/4638\/revisions"
            }
        ],
        "predecessor-version": [
            {
                "id": 9917,
                "href": "https:\/\/promocups.eu\/nl_nl\/wp-json\/wp\/v2\/pages\/4638\/revisions\/9917"
            }
        ],
        "wp:attachment": [
            {
                "href": "https:\/\/promocups.eu\/nl_nl\/wp-json\/wp\/v2\/media?parent=4638"
            }
        ],
        "curies": [
            {
                "name": "wp",
                "href": "https:\/\/api.w.org\/{rel}",
                "templated": true
            }
        ]
    }
}