\u05d8\u05d5\u05e4\u05e1 \u05d4\u05d6\u05de\u05e0\u05d4 - \u05e0\u05e2\u05dd \u05d3\u05d9\u05d6\u05d9\u05d9\u05df<\/title>\r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Heebo:wght@300;400;500;700&display=swap\" rel=\"stylesheet\">\r\n \r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n \r\n <style>\r\n \/* Scoped CSS to prevent conflicts with site theme *\/\r\n #noam-form-scope {\r\n --primary-color: #b1917d;\r\n --primary-dark: #8c7363;\r\n --primary-light: #fdf8f4;\r\n --white: #ffffff;\r\n --text-dark: #2d3436;\r\n --text-gray: #636e72;\r\n --border-color: #e0e0e0;\r\n --error-color: #b1917d; \r\n --info-color: #8c7363; \r\n --success-color: #588157; \r\n --shadow-sm: 0 4px 6px rgba(0,0,0,0.02);\r\n --shadow-active: 0 8px 16px rgba(177, 145, 125, 0.15);\r\n --radius: 16px;\r\n \r\n font-family: 'FbShiri', 'Heebo', sans-serif !important;\r\n direction: rtl !important;\r\n text-align: right !important;\r\n background: linear-gradient(135deg, #fbf9f7 0%, #f0eae4 100%) !important;\r\n color: var(--text-dark) !important;\r\n line-height: 1.6 !important;\r\n width: 100%;\r\n display: block;\r\n }\r\n\r\n @font-face {\r\n font-family: 'FbShiri';\r\n src: url('\/wp-content\/uploads\/sites\/3\/Font\/FbShiri.ttf') format('truetype');\r\n font-display: swap;\r\n }\r\n\r\n @font-face {\r\n font-family: 'Gveret Levin';\r\n src: url('https:\/\/noamdesigns.com\/he\/wp-content\/uploads\/sites\/3\/2025\/12\/GveretLevinAlefAlefAlef-Regular.woff') format('woff');\r\n font-weight: normal;\r\n font-style: normal;\r\n }\r\n\r\n #noam-form-scope * {\r\n box-sizing: border-box !important;\r\n outline: none !important;\r\n font-family: inherit !important;\r\n }\r\n\r\n #noam-form-scope .d-none-important {\r\n display: none !important;\r\n }\r\n\r\n #noam-form-scope i, \r\n #noam-form-scope i[class*=\"fa-\"] {\r\n font-family: \"Font Awesome 6 Free\" !important;\r\n font-weight: 900 !important; \r\n }\r\n #noam-form-scope i.fa-regular {\r\n font-weight: 400 !important;\r\n }\r\n\r\n #noam-form-scope .container {\r\n max-width: 700px !important;\r\n margin: 0 auto !important;\r\n padding: 20px 20px 60px !important;\r\n }\r\n\r\n #noam-form-scope .form-card {\r\n background: var(--white) !important;\r\n border-radius: var(--radius) !important;\r\n padding: 40px !important;\r\n box-shadow: 0 10px 30px rgba(0,0,0,0.04) !important;\r\n border: 1px solid rgba(177, 145, 125, 0.1) !important;\r\n position: relative !important;\r\n margin-top: 20px !important;\r\n }\r\n\r\n \/* Progress Bar *\/\r\n #noam-form-scope .progress-container { margin-bottom: 40px !important; }\r\n #noam-form-scope .progress-header { display: flex !important; justify-content: space-between !important; align-items: center !important; margin-bottom: 12px !important; font-size: 0.9rem !important; font-weight: 600 !important; color: var(--primary-dark) !important; }\r\n #noam-form-scope .progress-bar-wrapper { position: relative !important; width: 100% !important; height: 8px !important; background-color: #eee !important; border-radius: 10px !important; overflow: visible !important; }\r\n #noam-form-scope .progress-fill { height: 100% !important; background: linear-gradient(to left, var(--primary-color), var(--primary-dark)) !important; border-radius: 10px !important; width: 13%; transition: width 0.5s ease !important; position: relative !important; }\r\n #noam-form-scope .progress-ring { position: absolute !important; left: 0 !important; top: 50% !important; transform: translate(-50%, -50%) !important; width: 36px !important; height: 36px !important; background: white !important; border: 2px solid var(--primary-color) !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; color: var(--primary-color) !important; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important; transition: left 0.5s ease !important; z-index: 2 !important; }\r\n\r\n #noam-form-scope .rings-icon-wrapper { position: relative !important; width: 24px !important; height: 18px !important; display: flex !important; align-items: center !important; justify-content: center !important; }\r\n #noam-form-scope .rings-icon-wrapper i { font-size: 14px !important; position: absolute !important; color: var(--primary-color) !important; }\r\n #noam-form-scope .rings-icon-wrapper i:first-child { left: 0 !important; top: 2px !important; }\r\n #noam-form-scope .rings-icon-wrapper i:last-child { right: 0 !important; top: -2px !important; }\r\n\r\n #noam-form-scope .step-title { text-align: center !important; font-size: 0.9rem !important; color: var(--text-gray) !important; margin-top: 15px !important; font-weight: 500 !important; }\r\n\r\n \/* Steps *\/\r\n #noam-form-scope .step { display: none; animation: fadeIn 0.5s ease; }\r\n #noam-form-scope .step.active { display: block !important; }\r\n @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }\r\n\r\n #noam-form-scope .step-header { text-align: center !important; margin-bottom: 30px !important; }\r\n #noam-form-scope .step-header h2 { font-size: 1.6rem !important; color: var(--text-dark) !important; margin-bottom: 8px !important; line-height: 1.3 !important; }\r\n #noam-form-scope .step-header p { color: var(--text-gray) !important; font-size: 1rem !important; }\r\n \r\n #noam-form-scope .intro-text { font-size: 1.05rem !important; line-height: 1.7 !important; color: var(--text-dark) !important; margin-bottom: 25px !important; white-space: pre-line !important; text-align: right !important; }\r\n #noam-form-scope .form-start-title { font-family: 'Gveret Levin', cursive !important; font-size: 1.8rem !important; font-weight: normal !important; margin-bottom: 15px !important; color: var(--primary-dark) !important; text-align: center !important; border-top: 1px solid #eee !important; padding-top: 20px !important; }\r\n #noam-form-scope .font-gveret-levin { font-family: 'Gveret Levin', cursive !important; }\r\n\r\n \/* Inputs *\/\r\n #noam-form-scope .form-group { margin-bottom: 25px !important; text-align: right !important; }\r\n #noam-form-scope .form-label { display: block !important; margin-bottom: 8px !important; font-weight: 500 !important; color: var(--text-dark) !important; text-align: right !important; }\r\n #noam-form-scope .form-input, #noam-form-scope .textarea { width: 100% !important; padding: 14px !important; border: 1px solid var(--border-color) !important; border-radius: 10px !important; font-size: 1rem !important; transition: all 0.3s ease !important; background: #fafafa !important; color: var(--text-dark) !important; font-family: inherit !important; text-align: right !important; }\r\n #noam-form-scope .form-input:focus, #noam-form-scope .textarea:focus { border-color: var(--primary-color) !important; background: white !important; box-shadow: 0 0 0 3px rgba(177, 145, 125, 0.15) !important; }\r\n \r\n #noam-form-scope .consent-container { margin-top: 20px !important; color: var(--text-dark) !important; display: flex !important; align-items: center !important; }\r\n #noam-form-scope .consent-container label { display: flex !important; align-items: center !important; cursor: pointer !important; width: 100% !important; }\r\n #noam-form-scope .consent-container span, #noam-form-scope .consent-container a { font-size: 15px !important; line-height: 1.4 !important; }\r\n #noam-form-scope .consent-container input { width: 18px !important; height: 18px !important; margin-left: 10px !important; accent-color: var(--primary-color) !important; flex-shrink: 0 !important; margin-top: 0 !important; }\r\n\r\n \/* Event Sections inside Step 5 *\/\r\n #noam-form-scope .event-products-section {\r\n background: #ffffff;\r\n border-radius: var(--radius);\r\n padding: 25px !important;\r\n margin-bottom: 35px !important;\r\n border: 2px solid rgba(177, 145, 125, 0.1) !important;\r\n box-shadow: 0 4px 15px rgba(0,0,0,0.03) !important;\r\n }\r\n #noam-form-scope .event-products-section:last-child { margin-bottom: 0 !important; }\r\n #noam-form-scope .event-section-title-wrapper {\r\n text-align: center !important;\r\n margin-bottom: 20px !important;\r\n }\r\n #noam-form-scope .event-section-title { \r\n font-family: 'Gveret Levin', cursive !important; \r\n font-size: 1.8rem !important; \r\n color: var(--primary-dark) !important; \r\n background: var(--primary-light) !important;\r\n padding: 10px 20px !important;\r\n border-radius: 10px !important;\r\n display: inline-block !important;\r\n border: 1px dashed rgba(177,145,125,0.4) !important;\r\n margin: 0 !important;\r\n margin-bottom: 20px !important;\r\n }\r\n\r\n \/* Cards Selection *\/\r\n #noam-form-scope .card-grid { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 15px !important; margin-bottom: 25px !important; }\r\n #noam-form-scope .centered-flex-row { display: flex !important; justify-content: center !important; gap: 15px !important; width: 100% !important; }\r\n\r\n #noam-form-scope .selection-card { position: relative !important; background: #fff !important; border: 2px solid transparent !important; border-color: #f0f0f0 !important; border-radius: 14px !important; padding: 20px 15px !important; text-align: center !important; cursor: pointer !important; transition: all 0.25s cubic-bezier(0.25, 0.8, 0.25, 1) !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; height: 100% !important; box-shadow: none !important; }\r\n #noam-form-scope .selection-card:hover { border-color: #dcdcdc !important; transform: translateY(-2px) !important; }\r\n #noam-form-scope .selection-card.selected { border-color: var(--primary-color) !important; background-color: var(--primary-light) !important; box-shadow: var(--shadow-active) !important; }\r\n #noam-form-scope .selection-card.disabled { opacity: 0.5 !important; cursor: not-allowed !important; pointer-events: none !important; filter: grayscale(1); }\r\n\r\n #noam-form-scope .selection-card::after { content: '\\f00c' !important; font-family: \"Font Awesome 6 Free\" !important; font-weight: 900 !important; position: absolute !important; top: 10px !important; left: 10px !important; font-size: 14px !important; color: white !important; background: var(--primary-color) !important; width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; opacity: 0 !important; transform: scale(0) !important; transition: all 0.3s ease !important; }\r\n #noam-form-scope .selection-card.selected::after { opacity: 1 !important; transform: scale(1) !important; }\r\n\r\n #noam-form-scope .card-rings-wrapper { position: relative !important; width: 40px !important; height: 30px !important; margin: 0 auto 12px !important; color: var(--primary-color) !important; transition: transform 0.3s ease !important; }\r\n #noam-form-scope .card-rings-wrapper i { font-size: 24px !important; position: absolute !important; color: var(--primary-color) !important; }\r\n #noam-form-scope .card-rings-wrapper i:first-child { left: 0 !important; top: 4px !important; }\r\n #noam-form-scope .card-rings-wrapper i:last-child { right: 0 !important; top: -4px !important; }\r\n #noam-form-scope .selection-card.selected .card-rings-wrapper { transform: scale(1.1) !important; }\r\n\r\n #noam-form-scope .selection-card .card-icon { font-size: 26px !important; margin-bottom: 12px !important; color: var(--primary-color) !important; transition: transform 0.3s ease !important; display: block !important; }\r\n #noam-form-scope .selection-card.selected .card-icon { transform: scale(1.1) !important; }\r\n\r\n #noam-form-scope .selection-card .card-title { font-weight: 600 !important; font-size: 1rem !important; color: var(--text-dark) !important; margin-bottom: 5px !important; line-height: 1.3 !important; display: block !important; }\r\n #noam-form-scope .selection-card .card-note { font-size: 0.8rem !important; color: #999 !important; margin-top: 4px !important; line-height: 1.3 !important; display: block !important; }\r\n #noam-form-scope .selection-card .card-price { background: #f3f3f3 !important; color: #666 !important; padding: 3px 8px !important; border-radius: 20px !important; font-size: 0.8rem !important; margin-top: 8px !important; font-weight: 500 !important; display: inline-block !important; }\r\n #noam-form-scope .selection-card.selected .card-price { background: white !important; color: var(--primary-dark) !important; border: 1px solid rgba(177, 145, 125, 0.2) !important; }\r\n #noam-form-scope .selection-card input { position: absolute !important; opacity: 0 !important; width: 0 !important; height: 0 !important; }\r\n\r\n #noam-form-scope .other-input-group { display: none; margin-top: 15px !important; }\r\n #noam-form-scope .other-input-group.show { display: block !important; animation: fadeIn 0.3s !important; }\r\n\r\n \/* Price Summary Step 6 *\/\r\n #noam-form-scope .price-summary-card { background: var(--primary-light) !important; border: 2px dashed var(--primary-color) !important; border-radius: 16px !important; padding: 30px !important; text-align: center !important; margin-bottom: 30px !important; }\r\n #noam-form-scope .price-summary-card h3 { font-size: 1.1rem !important; color: var(--primary-dark) !important; margin-bottom: 10px !important; font-weight: 600 !important; }\r\n #noam-form-scope .price-amount { font-size: 2.2rem !important; font-weight: 700 !important; color: var(--text-dark) !important; direction: ltr !important; unicode-bidi: embed !important; }\r\n #noam-form-scope .old-price { text-decoration: line-through !important; font-size: 1.4rem !important; color: #999 !important; margin-left: 10px !important; }\r\n #noam-form-scope .discount-badge { color: var(--success-color) !important; font-weight: bold !important; font-size: 0.9rem !important; margin-top: 5px !important; display: block !important; }\r\n #noam-form-scope .shipping-note { margin-top: 15px !important; padding-top: 15px !important; border-top: 1px dashed rgba(177,145,125,0.3) !important; font-weight: 600 !important; color: var(--text-dark) !important; font-size: 0.95rem !important; }\r\n\r\n \/* Products List in Summary *\/\r\n #noam-form-scope .summary-event-group { margin-bottom: 15px !important; text-align: right !important;}\r\n #noam-form-scope .summary-event-title { font-weight: bold !important; color: var(--primary-dark) !important; margin-bottom: 8px !important; font-size: 1.05rem !important; border-bottom: 1px solid rgba(177,145,125,0.2) !important; padding-bottom: 5px !important;}\r\n #noam-form-scope .selected-products-list { list-style: none !important; text-align: right !important; background: white !important; border-radius: 12px !important; padding: 15px 20px !important; margin: 0 auto !important; max-width: 400px !important; border: 1px solid #eee !important; }\r\n #noam-form-scope .selected-products-list li { padding: 6px 0 !important; border-bottom: 1px solid #f5f5f5 !important; display: flex !important; align-items: center !important; gap: 10px !important; font-size: 0.95rem !important; color: var(--text-dark) !important; }\r\n #noam-form-scope .selected-products-list li:last-child { border-bottom: none !important; }\r\n #noam-form-scope .selected-products-list i { color: var(--primary-color) !important; font-size: 0.9rem !important; }\r\n\r\n \/* Flow Arrow *\/\r\n #noam-form-scope .flow-arrow { text-align: center !important; margin: 10px 0 25px !important; color: var(--primary-color) !important; font-size: 1.5rem !important; animation: bounce 2s infinite; }\r\n @keyframes bounce { 0%, 20%, 50%, 80%, 100% {transform: translateY(0);} 40% {transform: translateY(-10px);} 60% {transform: translateY(-5px);} }\r\n\r\n \/* Dates & Times *\/\r\n #noam-form-scope .date-options { display: flex !important; gap: 10px !important; margin-bottom: 20px !important; }\r\n #noam-form-scope .date-option { flex: 1 !important; border: 1px solid var(--border-color) !important; border-radius: 10px !important; padding: 15px !important; text-align: center !important; cursor: pointer !important; background: white !important; color: var(--text-dark) !important; }\r\n #noam-form-scope .date-option.selected { background: var(--primary-color) !important; border-color: var(--primary-color) !important; color: white !important; }\r\n #noam-form-scope .date-option.selected .day-date { color: rgba(255,255,255,0.9) !important; }\r\n\r\n #noam-form-scope .time-slots-grid { display: flex !important; flex-wrap: nowrap !important; gap: 6px !important; justify-content: space-between !important; direction: ltr !important; overflow-x: auto !important; padding-bottom: 5px !important; -webkit-overflow-scrolling: touch !important; }\r\n #noam-form-scope .time-slot { background: #f9f9f9 !important; border: 1px solid #eee !important; border-radius: 30px !important; padding: 8px 10px !important; font-size: 0.85rem !important; cursor: pointer !important; transition: all 0.2s !important; direction: ltr !important; unicode-bidi: embed !important; white-space: nowrap !important; flex: 1 0 auto !important; text-align: center !important; color: var(--text-dark) !important; }\r\n #noam-form-scope .time-slot.selected { background: var(--primary-color) !important; color: white !important; border-color: var(--primary-color) !important; }\r\n\r\n \/* Single Product Redirect *\/\r\n #noam-form-scope .single-product-section { text-align: center !important; padding: 20px 0 !important; }\r\n #noam-form-scope .product-icon-large { width: 80px !important; height: 80px !important; background: var(--primary-light) !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 auto 20px !important; font-size: 35px !important; color: var(--primary-color) !important; }\r\n #noam-form-scope .btn-product { background: var(--primary-color) !important; color: white !important; padding: 15px 35px !important; border-radius: 50px !important; margin-top: 25px !important; border: none !important; cursor: pointer !important; font-size: 1rem !important; transition: background 0.2s !important; text-decoration: none !important; display: inline-block !important; }\r\n #noam-form-scope .btn-product:hover { background: var(--primary-dark) !important; }\r\n\r\n #noam-form-scope .info-note { background-color: var(--primary-light) !important; border: 1px solid rgba(177, 145, 125, 0.3) !important; border-radius: 8px !important; padding: 12px 16px !important; margin-top: 25px !important; display: flex !important; gap: 12px !important; text-align: right !important; align-items: flex-start !important; }\r\n #noam-form-scope .info-note i { color: var(--primary-color) !important; font-size: 16px !important; margin-top: 2px !important; flex-shrink: 0 !important; }\r\n #noam-form-scope .info-note-content { font-size: 12px !important; color: var(--primary-dark) !important; line-height: 1.6 !important; }\r\n #noam-form-scope .manual-thickness { text-shadow: 0.5px 0 0 currentColor !important; color: var(--text-dark) !important; }\r\n #noam-form-scope .info-note a { color: var(--primary-dark) !important; text-decoration: underline !important; font-weight: 500 !important; font-size: inherit !important; }\r\n\r\n \/* Custom SVG Icons Support *\/\r\n #noam-form-scope .custom-svg-icon { display: flex !important; justify-content: center !important; align-items: center !important; margin: 0 auto 12px !important; }\r\n #noam-form-scope .custom-svg-icon svg { width: 1.2em !important; height: 1.2em !important; fill: currentColor !important; }\r\n #noam-form-scope .product-icon-large .custom-svg-icon { margin: 0 !important; }\r\n\r\n \/* Buttons *\/\r\n #noam-form-scope .button-container { display: flex !important; justify-content: space-between !important; margin-top: 40px !important; flex-direction: row-reverse !important; }\r\n #noam-form-scope .btn { padding: 14px 30px !important; border-radius: 10px !important; font-weight: 600 !important; font-size: 1rem !important; cursor: pointer !important; border: none !important; transition: all 0.2s !important; text-decoration: none !important; }\r\n #noam-form-scope .btn-primary { background: var(--primary-color) !important; color: white !important; }\r\n #noam-form-scope .btn-primary:hover { background: var(--primary-dark) !important; transform: translateY(-2px) !important; }\r\n #noam-form-scope .btn-secondary { background: transparent !important; border: 1px solid var(--primary-color) !important; color: var(--primary-color) !important; }\r\n #noam-form-scope .btn-secondary:hover { background: var(--primary-light) !important; }\r\n\r\n \/* Toasts - Centered *\/\r\n #noam-form-scope .toast { position: fixed !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) scale(0.9) !important; padding: 20px 30px !important; border-radius: 16px !important; opacity: 0; transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; z-index: 10000 !important; text-align: center !important; font-size: 1rem !important; box-shadow: 0 10px 40px rgba(0,0,0,0.3) !important; pointer-events: none !important; max-width: 90% !important; width: auto !important; }\r\n #noam-form-scope .toast.show { transform: translate(-50%, -50%) scale(1) !important; opacity: 1 !important; pointer-events: auto !important; }\r\n #noam-form-scope .error-toast { background: var(--error-color) !important; color: white !important; }\r\n #noam-form-scope .info-toast { background: white !important; color: var(--text-dark) !important; border: 2px solid var(--info-color) !important; border-top: 6px solid var(--info-color) !important; }\r\n #noam-form-scope .upsell-toast { background: white !important; color: var(--text-dark) !important; border: 2px solid var(--primary-color) !important; border-top: 6px solid var(--primary-color) !important; }\r\n\r\n \/* --- MOBILE ADJUSTMENTS --- *\/\r\n @media (max-width: 600px) {\r\n #noam-form-scope .form-card { padding: 20px 15px !important; }\r\n #noam-form-scope .card-grid { grid-template-columns: repeat(3, 1fr) !important; gap: 6px !important; }\r\n #noam-form-scope .selection-card { padding: 10px 4px !important; }\r\n #noam-form-scope .centered-flex-row { gap: 10px !important; }\r\n #noam-form-scope .date-options { flex-direction: row !important; gap: 5px !important; }\r\n #noam-form-scope .date-option { padding: 10px 5px !important; font-size: 0.85rem !important; }\r\n #noam-form-scope .button-container { flex-direction: column !important; gap: 10px !important; margin-top: 25px !important; }\r\n #noam-form-scope .btn { width: 100% !important; padding: 12px !important; font-size: 0.95rem !important; }\r\n #noam-form-scope .step[data-step=\"1\"] .step-header h2 { font-size: 1.4rem !important; line-height: 1.2 !important; }\r\n #noam-form-scope .step-header h2 { font-size: 1.35rem !important; margin-bottom: 5px !important; }\r\n #noam-form-scope .step-header p { font-size: 0.9rem !important; }\r\n #noam-form-scope .intro-text { font-size: 0.9rem !important; line-height: 1.5 !important; margin-bottom: 15px !important; }\r\n #noam-form-scope .form-start-title { font-size: 1.4rem !important; margin-bottom: 10px !important; padding-top: 15px !important; }\r\n #noam-form-scope .selection-card .card-title { font-size: 0.75rem !important; line-height: 1.1 !important; margin-bottom: 3px !important; }\r\n #noam-form-scope .selection-card .card-icon { font-size: 18px !important; margin-bottom: 6px !important; }\r\n #noam-form-scope .selection-card .card-note { font-size: 0.65rem !important; margin-top: 2px !important; line-height: 1 !important;}\r\n #noam-form-scope .selection-card .card-price { font-size: 0.65rem !important; padding: 1px 4px !important; margin-top: 4px !important; }\r\n #noam-form-scope .form-label { font-size: 0.9rem !important; margin-bottom: 4px !important; }\r\n #noam-form-scope .form-group { margin-bottom: 15px !important; }\r\n #noam-form-scope .form-input, #noam-form-scope .textarea { padding: 10px !important; font-size: 0.9rem !important; }\r\n #noam-form-scope .consent-container { font-size: 0.7rem !important; margin-top: 15px !important; line-height: 1.2 !important; }\r\n #noam-form-scope .consent-container input { width: 14px !important; height: 14px !important; margin-left: 6px !important; margin-top: 1px !important; }\r\n #noam-form-scope .price-amount { font-size: 1.8rem !important; }\r\n #noam-form-scope .price-summary-card h3 { font-size: 1rem !important; }\r\n #noam-form-scope .selected-products-list li { font-size: 0.85rem !important; padding: 6px 0 !important; }\r\n #noam-form-scope .time-slots-grid { flex-wrap: wrap !important; justify-content: center !important; overflow-x: visible !important; gap: 8px !important; padding-bottom: 0 !important; }\r\n #noam-form-scope .time-slot { flex: 0 0 auto !important; min-width: auto !important; padding: 8px 12px !important; font-size: 0.85rem !important; white-space: nowrap !important; margin-bottom: 5px !important; }\r\n #noam-form-scope .event-section-title { font-size: 1.3rem !important; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div id=\"noam-form-scope\">\r\n <div class=\"container\">\r\n <div class=\"form-card\">\r\n \r\n \r\n <div class=\"progress-container\">\r\n <div class=\"progress-header\">\r\n <span id=\"progress-step-text\">\u05e9\u05dc\u05d1 1 \u05de\u05ea\u05d5\u05da 8<\/span>\r\n <span id=\"progress-percentage\">13%<\/span>\r\n <\/div>\r\n <div class=\"progress-bar-wrapper\">\r\n <div class=\"progress-fill\" id=\"progress-fill\">\r\n <div class=\"progress-ring\">\r\n <div class=\"rings-icon-wrapper\">\r\n <i class=\"fa-solid fa-ring\"><\/i>\r\n <i class=\"fa-solid fa-ring\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <p class=\"step-title\" id=\"progress-title\">\u05e4\u05e8\u05d8\u05d9\u05dd \u05d0\u05d9\u05e9\u05d9\u05d9\u05dd<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"toast error-toast\" id=\"error-toast\"><\/div>\r\n <div class=\"toast info-toast\" id=\"info-toast\"><\/div>\r\n <div class=\"toast upsell-toast\" id=\"upsell-toast\">\r\n <i class=\"fa-solid fa-gift\" style=\"font-size:2rem; color:var(--primary-color); margin-bottom:10px; display:block;\"><\/i>\r\n <strong>\u05d4\u05d5\u05e1\u05d9\u05e4\u05d5 \u05e2\u05d5\u05d3 \u05de\u05d5\u05e6\u05e8 \u05d0\u05d7\u05d3 \u05dc\u05e4\u05d7\u05d5\u05ea<\/strong><br>\r\n \u05db\u05d3\u05d9 \u05dc\u05e7\u05d1\u05dc 10% \u05d4\u05e0\u05d7\u05d4 \u05d1\u05e7\u05e0\u05d9\u05d9\u05ea 3 \u05de\u05d5\u05e6\u05e8\u05d9\u05dd \u05d5\u05de\u05e2\u05dc\u05d4!\r\n <\/div>\r\n\r\n <form id=\"noam-form\">\r\n \r\n \r\n <div class=\"step active\" data-step=\"1\">\r\n <div class=\"step-header\">\r\n <h2 class=\"font-gveret-levin\">\u05d1\u05e8\u05d5\u05db\u05d9\u05dd \u05d4\u05d1\u05d0\u05d9\u05dd \u05dc\u05e1\u05d8\u05d5\u05d3\u05d9\u05d5 \u05e9\u05dc \u05e0\u05e2\u05dd \u05d3\u05d9\u05d6\u05d9\u05d9\u05df<\/h2>\r\n <p style=\"text-align: center; color: var(--primary-color); font-size: 1.15rem; margin-top: -5px; margin-bottom: 20px; font-weight: 500;\">\u05db\u05d0\u05df \u05e0\u05d9\u05ea\u05df \u05dc\u05ea\u05d0\u05dd \u05e9\u05d9\u05d7\u05d4 \u05d0\u05d9\u05e9\u05d9\u05ea \u05e2\u05dd \u05e0\u05e2\u05dd<\/p>\r\n <\/div>\r\n <div class=\"intro-text\">\r\n \u05d4\u05d2\u05e2\u05ea\u05dd \u05dc\u05de\u05e7\u05d5\u05dd \u05e9\u05d1\u05d5 \u05d2\u05e8\u05e4\u05d9\u05e7\u05d4, \u05d4\u05e4\u05e7\u05ea \u05d3\u05e4\u05d5\u05e1 \u05d5\u05d9\u05e6\u05d9\u05e8\u05ea \u05ea\u05d5\u05db\u05df \u05de\u05e9\u05ea\u05dc\u05d1\u05d9\u05dd \u05dc\u05d7\u05d5\u05d5\u05d9\u05d4 \u05d0\u05d7\u05ea.\r\n \u05d0\u05e0\u05d9 \u05de\u05e2\u05e0\u05d9\u05e7\u05d4 \u05d7\u05d5\u05d5\u05d9\u05d9\u05ea \u05de\u05d9\u05ea\u05d5\u05d2 \u05de\u05dc\u05d0\u05d4 \u05dc\u05d0\u05d9\u05e8\u05d5\u05e2\u05d9\u05dd \u05d1\u05d0\u05e8\u05e5 \u05d5\u05d1\u05e2\u05d5\u05dc\u05dd \u2013 \u05d6\u05d4 \u05de\u05ea\u05d7\u05d9\u05dc \u05d1-Save The Date, \u05de\u05de\u05e9\u05d9\u05da \u05dc\u05dc\u05d5\u05d2\u05d5 \u05d9\u05d9\u05d7\u05d5\u05d3\u05d9 \u05e9\u05de\u05dc\u05d5\u05d5\u05d4 \u05d0\u05ea \u05d4\u05d0\u05d9\u05e8\u05d5\u05e2, \u05d4\u05d6\u05de\u05e0\u05d5\u05ea \u05de\u05e8\u05e9\u05d9\u05de\u05d5\u05ea, \u05ea\u05e4\u05e8\u05d9\u05d8\u05d9\u05dd \u05de\u05e2\u05d5\u05e6\u05d1\u05d9\u05dd \u05d5\u05db\u05dc \u05e4\u05e8\u05d8 \u05e7\u05d8\u05df \u05e9\u05d9\u05d5\u05e6\u05e8 \u05d0\u05ea \u05d4\u05e9\u05e4\u05d4 \u05d4\u05e2\u05d9\u05e6\u05d5\u05d1\u05d9\u05ea \u05e9\u05dc\u05db\u05dd.\r\n \r\n \u05e8\u05d5\u05d1 \u05d4\u05d6\u05d5\u05d2\u05d5\u05ea \u05e9\u05de\u05d2\u05d9\u05e2\u05d9\u05dd \u05d0\u05dc\u05d9 \u05de\u05d7\u05e4\u05e9\u05d9\u05dd \u05e4\u05ea\u05e8\u05d5\u05df \u05d0\u05d7\u05d3 \u05e9\u05de\u05e8\u05db\u05d6 \u05d4\u05db\u05dc. \u05d0\u05e6\u05dc\u05d9 \u05ea\u05e7\u05d1\u05dc\u05d5 \u05de\u05e2\u05d8\u05e4\u05ea \u05e9\u05dc\u05de\u05d4 \u05d4\u05db\u05dc \u05ea\u05d7\u05ea \u05e7\u05d5\u05e8\u05ea \u05d2\u05d2 \u05d0\u05d7\u05ea, \u05e2\u05dd \u05d7\u05d5\u05de\u05e8\u05d9\u05dd \u05d5\u05d2\u05d9\u05de\u05d5\u05e8\u05d9\u05dd \u05e9\u05dc\u05d0 \u05e0\u05d9\u05ea\u05df \u05dc\u05de\u05e6\u05d5\u05d0 \u05d1\u05e9\u05d5\u05dd \u05d1\u05d9\u05ea \u05d3\u05e4\u05d5\u05e1 \u05d0\u05d7\u05e8.\r\n \r\n \u05d0\u05e0\u05d7\u05e0\u05d5 \u05d4\u05e1\u05d8\u05d5\u05d3\u05d9\u05d5 \u05d4\u05de\u05d5\u05d1\u05d9\u05dc \u05d1\u05d0\u05e8\u05e5 \u2013 \u05db\u05dc \u05d7\u05dc\u05d5\u05dd \u05e9\u05d9\u05e9 \u05dc\u05db\u05dd, \u05d0\u05e0\u05d7\u05e0\u05d5 \u05db\u05d0\u05df \u05db\u05d3\u05d9 \u05dc\u05d4\u05d2\u05e9\u05d9\u05dd \u05d0\u05d5\u05ea\u05d5.\r\n <\/div>\r\n \r\n <div class=\"form-start-title font-gveret-levin\">\u05d1\u05d5\u05d0\u05d5 \u05e0\u05ea\u05d7\u05d9\u05dc!<\/div>\r\n\r\n <div class=\"form-group\">\r\n <label class=\"form-label\">\u05e9\u05dd \u05de\u05dc\u05d0<\/label>\r\n <input type=\"text\" id=\"fullName\" class=\"form-input\" placeholder=\"\u05d4\u05e9\u05dd \u05e9\u05dc\u05db\u05dd\">\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label class=\"form-label\">\u05db\u05ea\u05d5\u05d1\u05ea \u05de\u05d9\u05d9\u05dc<\/label>\r\n <input type=\"email\" id=\"email\" class=\"form-input\" dir=\"ltr\" placeholder=\"example@email.com\">\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label class=\"form-label\">\u05de\u05e1\u05e4\u05e8 \u05d8\u05dc\u05e4\u05d5\u05df<\/label>\r\n <input type=\"tel\" id=\"phone\" class=\"form-input\" dir=\"ltr\" placeholder=\"050-0000000\">\r\n <\/div>\r\n <div class=\"consent-container\">\r\n <label>\r\n <input type=\"checkbox\" id=\"consent-checkbox\">\r\n <span>\u05d0\u05e0\u05d9 \u05de\u05e1\u05db\u05d9\u05dd\/\u05d4 \u05dc\u05de\u05e1\u05d5\u05e8 \u05d0\u05ea \u05e4\u05e8\u05d8\u05d9\u05d9 \u05d1\u05d4\u05ea\u05d0\u05dd \u05dc<a href=\"https:\/\/noamdesigns.com\/he\/privacy-policy\/\" target=\"_blank\" style=\"color:var(--primary-dark); text-decoration: underline;\">\u05de\u05d3\u05d9\u05e0\u05d9\u05d5\u05ea \u05d4\u05e4\u05e8\u05d8\u05d9\u05d5\u05ea<\/a><\/span>\r\n <\/label>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"step\" data-step=\"2\">\r\n <div class=\"step-header\">\r\n <h2>\u05de\u05d4 \u05d7\u05d5\u05d2\u05d2\u05d9\u05dd?<\/h2>\r\n <p>\u05d1\u05d7\u05e8\u05d5 \u05d0\u05ea \u05e1\u05d5\u05d2 \u05d4\u05d0\u05d9\u05e8\u05d5\u05e2 (\u05e0\u05d9\u05ea\u05df \u05dc\u05d1\u05d7\u05d5\u05e8 \u05d9\u05d5\u05ea\u05e8 \u05de\u05d0\u05d7\u05d3)<\/p>\r\n <\/div>\r\n <div class=\"card-grid\">\r\n <div class=\"selection-card\" onclick=\"toggleEventCard(this, '\u05d7\u05ea\u05d5\u05e0\u05d4')\">\r\n <input type=\"checkbox\" name=\"eventType\" value=\"\u05d7\u05ea\u05d5\u05e0\u05d4\">\r\n <div class=\"card-rings-wrapper\">\r\n <i class=\"fa-solid fa-ring\"><\/i>\r\n <i class=\"fa-solid fa-ring\"><\/i>\r\n <\/div>\r\n <span class=\"card-title\">\u05d7\u05ea\u05d5\u05e0\u05d4<\/span>\r\n <\/div>\r\n <div class=\"selection-card\" onclick=\"toggleEventCard(this, '\u05d7\u05d9\u05e0\u05d4')\">\r\n <input type=\"checkbox\" name=\"eventType\" value=\"\u05d7\u05d9\u05e0\u05d4\">\r\n <i class=\"fa-solid fa-hand card-icon\"><\/i>\r\n <span class=\"card-title\">\u05d7\u05d9\u05e0\u05d4<\/span>\r\n <\/div>\r\n <div class=\"selection-card\" onclick=\"toggleEventCard(this, '\u05d1\u05e8\/\u05d1\u05ea \u05de\u05e6\u05d5\u05d5\u05d4')\">\r\n <input type=\"checkbox\" name=\"eventType\" value=\"\u05d1\u05e8\/\u05d1\u05ea \u05de\u05e6\u05d5\u05d5\u05d4\">\r\n <i class=\"fa-solid fa-scroll card-icon\"><\/i>\r\n <span class=\"card-title\">\u05d1\u05e8\/\u05d1\u05ea \u05de\u05e6\u05d5\u05d5\u05d4<\/span>\r\n <\/div>\r\n <div class=\"selection-card\" onclick=\"toggleEventCard(this, '\u05de\u05e7\u05d5\u05d5\u05d4\/\u05d4\u05e4\u05e8\u05e9\u05ea \u05d7\u05dc\u05d4')\">\r\n <input type=\"checkbox\" name=\"eventType\" value=\"\u05de\u05e7\u05d5\u05d5\u05d4\/\u05d4\u05e4\u05e8\u05e9\u05ea \u05d7\u05dc\u05d4\">\r\n <i class=\"fa-solid fa-droplet card-icon\"><\/i>\r\n <span class=\"card-title\">\u05de\u05e7\u05d5\u05d5\u05d4 \/ \u05d4\u05e4\u05e8\u05e9\u05ea \u05d7\u05dc\u05d4<\/span>\r\n <\/div>\r\n <div class=\"selection-card\" onclick=\"toggleEventCard(this, '\u05de\u05e1\u05d9\u05d1\u05ea \u05e8\u05d5\u05d5\u05e7\u05d5\u05ea')\">\r\n <input type=\"checkbox\" name=\"eventType\" value=\"\u05de\u05e1\u05d9\u05d1\u05ea \u05e8\u05d5\u05d5\u05e7\u05d5\u05ea\">\r\n <i class=\"fa-solid fa-champagne-glasses card-icon\"><\/i>\r\n <span class=\"card-title\">\u05de\u05e1\u05d9\u05d1\u05ea \u05e8\u05d5\u05d5\u05e7\u05d5\u05ea<\/span>\r\n <\/div>\r\n <div class=\"selection-card\" onclick=\"toggleEventCard(this, '\u05d9\u05d5\u05dd \u05d4\u05d5\u05dc\u05d3\u05ea')\">\r\n <input type=\"checkbox\" name=\"eventType\" value=\"\u05d9\u05d5\u05dd \u05d4\u05d5\u05dc\u05d3\u05ea\">\r\n <i class=\"fa-solid fa-cake-candles card-icon\"><\/i>\r\n <span class=\"card-title\">\u05d9\u05d5\u05dd \u05d4\u05d5\u05dc\u05d3\u05ea<\/span>\r\n <\/div>\r\n <div class=\"selection-card\" onclick=\"toggleEventCard(this, '\u05d0\u05d7\u05e8')\">\r\n <input type=\"checkbox\" name=\"eventType\" value=\"\u05d0\u05d7\u05e8\">\r\n <i class=\"fa-solid fa-wand-magic-sparkles card-icon\"><\/i>\r\n <span class=\"card-title\">\u05d0\u05d7\u05e8<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"other-input-group\" id=\"other-event-group\">\r\n <label class=\"form-label\">\u05e4\u05e8\u05d8\u05d5 \u05d0\u05ea \u05e1\u05d5\u05d2 \u05d4\u05d0\u05d9\u05e8\u05d5\u05e2<\/label>\r\n <input type=\"text\" id=\"otherEventType\" class=\"form-input\">\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"step\" data-step=\"3\">\r\n <div class=\"step-header\">\r\n <h2>\u05de\u05ea\u05d9 \u05d4\u05d0\u05d9\u05e8\u05d5\u05e2?<\/h2>\r\n <\/div>\r\n <div class=\"centered-flex-row\">\r\n <div class=\"selection-card\" style=\"flex:1; max-width:200px;\" onclick=\"selectDateOption(this, 'yes')\">\r\n <input type=\"radio\" name=\"hasDate\" value=\"yes\">\r\n <i class=\"fa-regular fa-calendar-check card-icon\"><\/i>\r\n <span class=\"card-title\">\u05d9\u05e9 \u05db\u05d1\u05e8 \u05ea\u05d0\u05e8\u05d9\u05da!<\/span>\r\n <\/div>\r\n <div class=\"selection-card\" style=\"flex:1; max-width:200px;\" onclick=\"selectDateOption(this, 'no')\">\r\n <input type=\"radio\" name=\"hasDate\" value=\"no\">\r\n <i class=\"fa-regular fa-calendar-xmark card-icon\"><\/i>\r\n <span class=\"card-title\">\u05e2\u05d3\u05d9\u05d9\u05df \u05dc\u05d0 \u05e1\u05d2\u05e8\u05e0\u05d5<\/span>\r\n <\/div>\r\n <\/div>\r\n <div id=\"date-fields-container\" style=\"display: none; margin-top:20px;\"><\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"step\" data-step=\"4\">\r\n <div class=\"step-header\">\r\n <h2>\u05db\u05de\u05d4 \u05d0\u05d5\u05e8\u05d7\u05d9\u05dd?<\/h2>\r\n <p>\u05db\u05de\u05d5\u05ea \u05d0\u05d5\u05e8\u05d7\u05d9\u05dd \u05e6\u05e4\u05d5\u05d9\u05d9\u05dd \u05dc\u05d4\u05d2\u05d9\u05e2 \u05e4\u05d9\u05d6\u05d9\u05ea \u05dc\u05d0\u05d9\u05e8\u05d5\u05e2<\/p>\r\n <\/div>\r\n <div id=\"guest-count-fields\"><\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"step\" data-step=\"5\">\r\n <div class=\"step-header\">\r\n <h2>\u05d4\u05d1\u05d7\u05d9\u05e8\u05d5\u05ea \u05e9\u05dc\u05db\u05dd<\/h2>\r\n <p>\u05d1\u05d7\u05e8\u05d5 \u05de\u05d5\u05e6\u05e8\u05d9\u05dd \u05dc\u05d1\u05e0\u05d9\u05d9\u05ea \u05d7\u05d1\u05d9\u05dc\u05d4 \u05de\u05d5\u05ea\u05d0\u05de\u05ea \u05d0\u05d9\u05e9\u05d9\u05ea \u05dc\u05db\u05dc \u05d0\u05d9\u05e8\u05d5\u05e2<\/p>\r\n <\/div>\r\n \r\n <div id=\"dynamic-products-container\"><\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"step\" data-step=\"6\">\r\n <div class=\"step-header\" id=\"step6-header\">\r\n <h2 id=\"step6-title\">\u05e1\u05d9\u05db\u05d5\u05dd \u05d5\u05ea\u05d9\u05d0\u05d5\u05dd \u05e9\u05d9\u05d7\u05d4<\/h2>\r\n <\/div>\r\n <div id=\"step6-content\"><\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"step\" data-step=\"7\">\r\n <div class=\"step-header\">\r\n <h2>\u05d9\u05e9 \u05de\u05e9\u05d4\u05d5 \u05e0\u05d5\u05e1\u05e3?<\/h2>\r\n <p>\u05d4\u05e2\u05e8\u05d5\u05ea, \u05d1\u05e7\u05e9\u05d5\u05ea \u05de\u05d9\u05d5\u05d7\u05d3\u05d5\u05ea \u05d0\u05d5 \u05e9\u05d0\u05dc\u05d5\u05ea \u05e9\u05d7\u05e9\u05d5\u05d1 \u05dc\u05d3\u05e2\u05ea<\/p>\r\n <\/div>\r\n <textarea id=\"additionalNotes\" class=\"textarea\" rows=\"5\" placeholder=\"\u05db\u05ea\u05d1\u05d5 \u05db\u05d0\u05df...\"><\/textarea>\r\n <\/div>\r\n\r\n \r\n <div class=\"step\" data-step=\"8\">\r\n <div style=\"text-align: center; padding: 20px 0;\">\r\n <i class=\"fa-solid fa-circle-check\" style=\"font-size: 4rem; color: var(--primary-color); margin-bottom: 20px;\"><\/i>\r\n <div style=\"margin-top: 20px; margin-bottom: 40px; background: var(--primary-light); padding: 30px; border-radius: 16px;\">\r\n <div style=\"background:white; padding:15px; border-radius:10px; margin-bottom:20px; display:inline-block; min-width:200px;\">\r\n <div style=\"font-size:0.9rem; color:#888;\">\u05d9\u05d5\u05dd \u05dc\u05e9\u05d9\u05d7\u05d4<\/div>\r\n <div id=\"confirm-date\" style=\"font-weight:600; font-size:1.1rem;\"><\/div>\r\n <div id=\"confirm-times\" style=\"font-size:0.95rem; color:var(--primary-dark); margin-top:5px; direction:ltr;\"><\/div>\r\n <\/div>\r\n <p style=\"margin-bottom: 20px;\">\u05db\u05d3\u05d9 \u05e9\u05e0\u05d2\u05d9\u05e2 \u05dc\u05e9\u05d9\u05d7\u05d4 \u05de\u05d5\u05db\u05e0\u05d9\u05dd, \u05d0\u05e0\u05d9 \u05de\u05d6\u05de\u05d9\u05e0\u05d4 \u05d0\u05ea\u05db\u05dd \u05dc\u05d4\u05e6\u05d9\u05e5 \u05d1\u05d7\u05e0\u05d5\u05ea \u05d5\u05dc\u05e7\u05d1\u05dc \u05d4\u05e9\u05e8\u05d0\u05d4. \u05d1\u05e9\u05d9\u05d7\u05d4 \u05e0\u05e2\u05d1\u05d5\u05e8 \u05e2\u05dc \u05d4\u05db\u05dc \u05d9\u05d7\u05d3, \u05d0\u05d1\u05dc \u05e9\u05d5\u05d5\u05d4 \u05dc\u05e8\u05d0\u05d5\u05ea \u05db\u05d1\u05e8 \u05e2\u05db\u05e9\u05d9\u05d5 \u05dc\u05de\u05d4 \u05d0\u05ea\u05dd \u05de\u05ea\u05d7\u05d1\u05e8\u05d9\u05dd!<\/p>\r\n <button type=\"button\" class=\"btn btn-primary\" onclick=\"window.open('https:\/\/noamdesigns.com\/he\/shop\/', '_blank')\">\r\n \u05de\u05e2\u05d1\u05e8 \u05dc\u05d7\u05e0\u05d5\u05ea <i class=\"fa-solid fa-arrow-left\"><\/i>\r\n <\/button>\r\n <\/div>\r\n <h2 class=\"font-gveret-levin\" style=\"font-size: 2rem; margin-bottom: 15px;\">\u05ea\u05d5\u05d3\u05d4 \u05e8\u05d1\u05d4!<\/h2>\r\n <p style=\"font-size: 1.1rem; color: #555;\">\u05d4\u05e4\u05e8\u05d8\u05d9\u05dd \u05d4\u05ea\u05e7\u05d1\u05dc\u05d5 \u05d1\u05d4\u05e6\u05dc\u05d7\u05d4.<br>\u05e0\u05d9\u05e6\u05d5\u05e8 \u05d0\u05d9\u05ea\u05db\u05dd \u05e7\u05e9\u05e8 \u05d1\u05de\u05d5\u05e2\u05d3 \u05e9\u05d1\u05d9\u05e7\u05e9\u05ea\u05dd.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"button-container\" id=\"navigation-buttons\">\r\n <button type=\"button\" id=\"next-btn\" class=\"btn btn-primary\">\u05d4\u05de\u05e9\u05da<\/button>\r\n <button type=\"button\" id=\"prev-btn\" class=\"btn btn-secondary\" style=\"display: none;\">\u05d7\u05d6\u05e8\u05d4<\/button>\r\n <\/div>\r\n\r\n <\/form>\r\n <\/div>\r\n <\/div>\r\n <\/div> \r\n\r\n <script>\r\n \/\/ State\r\n let currentStep = 1;\r\n let totalSteps = 8;\r\n let isSingleProduct = false;\r\n let selectedEvents = [];\r\n let selectedCallDate = null;\r\n let selectedTimeSlots = [];\r\n\r\n const stepTitles = {\r\n 1: '\u05e4\u05e8\u05d8\u05d9\u05dd \u05d0\u05d9\u05e9\u05d9\u05d9\u05dd',\r\n 2: '\u05e1\u05d5\u05d2 \u05d0\u05d9\u05e8\u05d5\u05e2',\r\n 3: '\u05ea\u05d0\u05e8\u05d9\u05db\u05d9\u05dd',\r\n 4: '\u05db\u05de\u05d5\u05ea \u05d0\u05d5\u05e8\u05d7\u05d9\u05dd',\r\n 5: '\u05d1\u05d7\u05d9\u05e8\u05ea \u05de\u05d5\u05e6\u05e8\u05d9\u05dd',\r\n 6: '\u05e1\u05d9\u05db\u05d5\u05dd \u05d5\u05ea\u05d9\u05d0\u05d5\u05dd \u05e9\u05d9\u05d7\u05d4',\r\n 7: '\u05d4\u05e2\u05e8\u05d5\u05ea \u05e0\u05d5\u05e1\u05e4\u05d5\u05ea',\r\n 8: '\u05e1\u05d9\u05d5\u05dd'\r\n };\r\n\r\n \/\/ Menu pricing logic based on guests\r\n const menuPricing = [\r\n { max: 250, price: 950 },\r\n { max: 300, price: 1050 },\r\n { max: 350, price: 1150 },\r\n { max: 400, price: 1250 },\r\n { max: 450, price: 1350 },\r\n { max: 500, price: 1400 },\r\n { max: 550, price: 1450 },\r\n { max: 600, price: 1500 },\r\n { max: 650, price: 1550 },\r\n { max: 700, price: 1600 },\r\n { max: 750, price: 1650 },\r\n { max: 800, price: 1700 },\r\n { max: Infinity, price: 1700 }\r\n ];\r\n\r\n \/\/ Store massive SVG constants safely at the top\r\n const svgAssets = {\r\n cushions: '<svg viewBox=\"0 0 64 64\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill=\"currentColor\" d=\"M61.23,32.54a2.071,2.071,0,0,0-1.67-1.81l-1.51-.31L31.92,8.06,31.4,6.65a2.043,2.043,0,0,0-2.04-1.37,2.421,2.421,0,0,0-2.23,1.75l-.46,1.55a.585.585,0,0,1-.1.17L12.36,25.37H7.28l-1.31-.74a2.073,2.073,0,0,0-2.45.29,2.438,2.438,0,0,0-.56,2.79l.66,1.47a.433.433,0,0,1,.04.19V53.71a.433.433,0,0,1-.04.19l-.66,1.48a2.426,2.426,0,0,0,.56,2.78,2.11,2.11,0,0,0,1.42.56,2.142,2.142,0,0,0,1.03-.27l1.35-.75,34.39.01,1.31.74a2.056,2.056,0,0,0,2.44-.29,2.407,2.407,0,0,0,.56-2.79l-.65-1.47a.433.433,0,0,1-.04-.19V50.93l12.9-15.1a.419.419,0,0,1,.16-.11l1.46-.7A2.414,2.414,0,0,0,61.23,32.54ZM44.12,56.68c-.06.06-.08.05-.12.02l-1.31-.73a2.049,2.049,0,0,0-1.02-.27H7.32a2.049,2.049,0,0,0-1.02.27l-1.31.74c-.05.02-.06.03-.12-.03a.425.425,0,0,1-.08-.49l.66-1.48a2.458,2.458,0,0,0,.21-1V50.24a1.009,1.009,0,0,0,.61.22,5.756,5.756,0,0,1,3.2.88,7.616,7.616,0,0,0,4.15,1.12,7.628,7.628,0,0,0,4.16-1.12,5.756,5.756,0,0,1,3.2-.88,5.731,5.731,0,0,1,3.2.88,7.628,7.628,0,0,0,4.16,1.12,7.589,7.589,0,0,0,4.15-1.12,6.276,6.276,0,0,1,6.41,0,7.628,7.628,0,0,0,4.16,1.12,1.282,1.282,0,0,0,.27-.05v1.3a2.458,2.458,0,0,0,.21,1l.66,1.48A.425.425,0,0,1,44.12,56.68ZM6.27,41.46a5.756,5.756,0,0,1,3.2.88,7.616,7.616,0,0,0,4.15,1.12,7.628,7.628,0,0,0,4.16-1.12,5.756,5.756,0,0,1,3.2-.88,5.731,5.731,0,0,1,3.2.88,7.628,7.628,0,0,0,4.16,1.12,7.589,7.589,0,0,0,4.15-1.12,6.276,6.276,0,0,1,6.41,0,7.628,7.628,0,0,0,4.16,1.12,1.282,1.282,0,0,0,.27-.05v6.8a.785.785,0,0,0-.16.28.451.451,0,0,0-.11-.03,5.772,5.772,0,0,1-3.21-.87,8.2,8.2,0,0,0-8.31,0,5.761,5.761,0,0,1-3.2.87,5.71,5.71,0,0,1-3.2-.87,7.619,7.619,0,0,0-4.16-1.13,7.579,7.579,0,0,0-4.15,1.13,5.772,5.772,0,0,1-3.21.87,5.7,5.7,0,0,1-3.19-.87,7.647,7.647,0,0,0-4.16-1.13,1.019,1.019,0,0,0-.61.23V41.24A1.009,1.009,0,0,0,6.27,41.46Zm-.61-1.77V32.24a1.009,1.009,0,0,0,.61.22,5.756,5.756,0,0,1,3.2.88,7.616,7.616,0,0,0,4.15,1.12,7.628,7.628,0,0,0,4.16-1.12,5.756,5.756,0,0,1,3.2-.88,5.731,5.731,0,0,1,3.2.88,7.628,7.628,0,0,0,4.16,1.12,7.589,7.589,0,0,0,4.15-1.12,6.276,6.276,0,0,1,6.41,0,7.628,7.628,0,0,0,4.16,1.12,1.282,1.282,0,0,0,.27-.05v7.11a.876.876,0,0,0-.27-.06,5.772,5.772,0,0,1-3.21-.87,8.2,8.2,0,0,0-8.31,0,5.761,5.761,0,0,1-3.2.87,5.71,5.71,0,0,1-3.2-.87,7.619,7.619,0,0,0-4.16-1.13,7.579,7.579,0,0,0-4.15,1.13,5.772,5.772,0,0,1-3.21.87,5.7,5.7,0,0,1-3.19-.87,7.647,7.647,0,0,0-4.16-1.13A1.019,1.019,0,0,0,5.66,39.69ZM44.2,26.89l-.66,1.48a2.458,2.458,0,0,0-.21,1v3.15a.876.876,0,0,0-.27-.06,5.772,5.772,0,0,1-3.21-.87,8.2,8.2,0,0,0-8.31,0,5.761,5.761,0,0,1-3.2.87,5.71,5.71,0,0,1-3.2-.87,7.619,7.619,0,0,0-4.16-1.13,7.579,7.579,0,0,0-4.15,1.13,5.772,5.772,0,0,1-3.21.87,5.7,5.7,0,0,1-3.19-.87,7.647,7.647,0,0,0-4.16-1.13,1.019,1.019,0,0,0-.61.23V29.37a2.458,2.458,0,0,0-.21-1l-.66-1.48a.425.425,0,0,1,.08-.49c.03-.03.05-.04.07-.04a.109.109,0,0,1,.05.01l1.31.74a2.049,2.049,0,0,0,1.02.27H41.67a2.049,2.049,0,0,0,1.02-.27L44,26.37c.04-.02.06-.03.12.03A.425.425,0,0,1,44.2,26.89Z\"\/><\/svg>',\r\n tablecloths: '<svg viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill=\"currentColor\" d=\"m441.087 387.488v98.512a10.02 10.02 0 0 1 -10 10h-25.425a10.019 10.019 0 0 1 -10-10v-112.464c15.676 4.722 28.821 11.336 45.425 13.952zm0-174.474h-370.174c-5.605 69.736-10.513 94.173-50.613 149.617a4.99 4.99 0 0 0 2.854 7.788c32.653 8.061 50.265 3.572 67.423-2.616v-91.803a7 7 0 0 1 14 0v86.664a125.158 125.158 0 0 1 42.914-7.8 92.451 92.451 0 0 1 23.938 2.732v-41.596a7 7 0 1 1 14 0v46.4c19.688 8.407 34.719 20.953 66.852 21.857v-108.257a7 7 0 0 1 14 0v107.894c30.935-2.564 45.123-16.454 66.852-24.057v-43.837a7 7 0 1 1 14 0v40.2a96.624 96.624 0 0 1 17.374-1.337c21.877.2 36.163 5.235 49.479 10.193v-89.056a7 7 0 0 1 14 0v94.047c15.291 4.878 32.336 7.412 60.858.371a4.99 4.99 0 0 0 2.854-7.788c-40.095-55.444-45.007-79.881-50.612-149.617zm-299.2-134.4a6.988 6.988 0 1 1 13.343 4.157l-26.695 85.242h249.471a7 7 0 0 1 0 14h-258.983a7 7 0 0 1 -6.672-9.078l29.538-94.321zm-25.549 294.922v112.464a10.019 10.019 0 0 1 -10 10h-25.425a10.019 10.019 0 0 1 -10-10v-98.512c16.6-2.616 29.748-9.23 45.425-13.952zm-41.038-174.522h361.4l-56.213-179.508a4.935 4.935 0 0 0 -4.772-3.506h-239.431a4.934 4.934 0 0 0 -4.771 3.506z\" fill-rule=\"evenodd\"\/><\/svg>',\r\n welcomeSign: '<svg viewBox=\"0 -21 512 511\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill=\"currentColor\" d=\"m131.777344 204.195312c-2.460938 0-4.09375.976563-4.601563 2.75l-11.960937 40.375-6.066406-25.941406c-.574219-2.589844-3.859376-3.769531-6.664063-3.769531s-6.089844 1.179687-6.664063 3.765625l-6.066406 25.949219-11.960937-40.375c-.507813-1.773438-2.144531-2.753907-4.601563-2.753907-3.996094 0-8.816406 2.503907-8.816406 5.609376 0 .484374.097656.953124.1875 1.226562l16.375 50.1875c1.074219 3.421875 5.496094 4.636719 8.957031 4.636719 3.851563 0 8.066407-1.445313 8.808594-4.679688l3.78125-17.242187 3.785156 17.25c.738281 3.226562 4.953125 4.671875 8.804688 4.671875 4.480469 0 7.992187-1.8125 8.957031-4.621094l16.375-50.199219c.09375-.277344.191406-.746094.191406-1.230468-.003906-3.109376-4.828125-5.609376-8.820312-5.609376zm0 0\"\/><path fill=\"currentColor\" d=\"m182.957031 216.398438c2.578125 0 4.375-2.542969 4.375-6.183594 0-2.996094-1.351562-6.019532-4.375-6.019532h-29.292969c-2.9375 0-6.101562 1.394532-6.101562 4.457032v52.25c0 3.0625 3.164062 4.457031 6.101562 4.457031h29.292969c3.023438 0 4.375-3.023437 4.375-6.019531 0-3.640625-1.796875-6.183594-4.375-6.183594h-21.542969v-12.976562h11.835938c2.871094 0 4.371094-2.695313 4.371094-5.359376 0-2.746093-1.5-5.527343-4.371094-5.527343h-11.835938v-12.894531zm0 0\"\/><path fill=\"currentColor\" d=\"m202.128906 204.195312c-3.195312 0-6.925781 1.144532-6.925781 4.375v52.332032c0 3.0625 3.164063 4.457031 6.101563 4.457031h26.003906c2.894531 0 4.210937-3.164063 4.210937-6.101563s-1.316406-6.101562-4.210937-6.101562h-18.253906v-44.585938c0-3.230468-3.730469-4.375-6.925782-4.375zm0 0\"\/><path fill=\"currentColor\" d=\"m259.070312 216.398438c6.550782 0 6.738282 4.847656 6.816407 6.929687.160156 2.882813 2.492187 4.347656 6.925781 4.347656 4.277344 0 6.925781-1.105469 6.925781-6.597656 0-10.253906-8.304687-16.882813-21.160156-16.882813-12.871094 0-20.253906 7.265626-20.253906 19.925782v21.808594c0 12.660156 7.382812 19.925781 20.253906 19.925781 12.65625 0 21.160156-7.117188 21.160156-17.703125 0-5.519532-2.570312-6.597656-7.007812-6.597656-4.304688 0-6.609375 1.457031-6.839844 4.335937-.253906 3.273437-.597656 7.761719-6.738281 7.761719-4.632813 0-6.980469-2.601563-6.980469-7.722656v-21.804688c0-5.128906 2.320313-7.726562 6.898437-7.726562zm0 0\"\/><path fill=\"currentColor\" d=\"m287.855469 224.121094v21.804687c0 12.851563 7.339843 19.929688 20.667969 19.929688 13.378906 0 20.75-7.078125 20.75-19.929688v-21.804687c0-12.847656-7.371094-19.925782-20.75-19.925782-13.328126 0-20.667969 7.078126-20.667969 19.925782zm13.851562 0c0-5.125 2.292969-7.722656 6.816407-7.722656 4.578124 0 6.898437 2.601562 6.898437 7.722656v21.804687c0 5.125-2.320313 7.722657-6.898437 7.722657-4.519532 0-6.816407-2.597657-6.816407-7.722657zm0 0\"\/><path fill=\"currentColor\" d=\"m383.566406 265.359375c3.335938 0 6.925782-1.394531 6.925782-4.457031v-49.78125c0-5.105469-3.574219-6.925782-6.925782-6.925782-4.785156 0-6.921875.574219-10.394531 6.671876l-8.035156 14.042968-8.035157-14.042968c-3.472656-6.097657-5.609374-6.671876-10.398437-6.671876-3.347656 0-6.925781 1.816407-6.925781 6.925782v49.78125c0 3.0625 3.589844 4.457031 6.925781 4.457031s6.925781-1.394531 6.925781-4.457031v-29.691406l6.863282 12.566406c.917968 1.761718 2.425781 2.65625 4.480468 2.65625 1.441406 0 3.425782-.457032 4.714844-2.632813l6.957031-11.886719v28.988282c0 3.0625 3.589844 4.457031 6.921875 4.457031zm0 0\"\/><path fill=\"currentColor\" d=\"m437.054688 216.398438c2.574218 0 4.371093-2.542969 4.371093-6.183594 0-2.996094-1.351562-6.019532-4.371093-6.019532h-29.296876c-2.9375 0-6.101562 1.394532-6.101562 4.457032v52.25c0 3.0625 3.164062 4.457031 6.101562 4.457031h29.296876c3.019531 0 4.371093-3.023437 4.371093-6.019531 0-3.640625-1.796875-6.183594-4.371093-6.183594h-21.546876v-12.976562h11.835938c2.871094 0 4.375-2.695313 4.375-5.359376 0-2.746093-1.503906-5.527343-4.375-5.527343h-11.835938v-12.894531zm0 0\"\/><path fill=\"currentColor\" d=\"m48.160156 134.75c31.078125 0 56.363282-25.285156 56.363282-56.363281 0-4.199219-3.402344-7.605469-7.601563-7.605469h-48.761719c-4.199218 0-7.605468 3.40625-7.605468 7.605469v48.761719c0 4.199218 3.40625 7.601562 7.605468 7.601562zm7.601563-48.761719h32.851562c-3.117187 16.613281-16.242187 29.738281-32.851562 32.851563zm0 0\"\/><path fill=\"currentColor\" d=\"m48.160156 335.292969c-4.199218 0-7.605468 3.40625-7.605468 7.605469v48.761718c0 4.199219 3.40625 7.605469 7.605468 7.605469h48.761719c4.199219 0 7.601563-3.40625 7.601563-7.605469 0-31.082031-25.285157-56.367187-56.363282-56.367187zm7.601563 48.761719v-32.847657c16.609375 3.113281 29.734375 16.238281 32.851562 32.847657zm0 0\"\/><path fill=\"currentColor\" d=\"m471.449219 78.386719c0-4.199219-3.40625-7.605469-7.605469-7.605469h-48.761719c-4.199219 0-7.601562 3.40625-7.601562 7.605469 0 31.078125 25.285156 56.363281 56.363281 56.363281 4.199219 0 7.605469-3.402344 7.605469-7.601562zm-15.207031 40.453125c-16.613282-3.113282-29.738282-16.238282-32.851563-32.851563h32.851563zm0 0\"\/><path fill=\"currentColor\" d=\"m463.84375 335.292969c-31.078125 0-56.363281 25.285156-56.363281 56.367187 0 4.199219 3.402343 7.605469 7.601562 7.605469h48.761719c4.199219 0 7.605469-3.40625 7.605469-7.605469v-48.761718c0-4.199219-3.40625-7.605469-7.605469-7.605469zm-7.601562 48.761719h-32.851563c3.113281-16.609376 16.238281-29.734376 32.851563-32.847657zm0 0\"\/><path fill=\"currentColor\" d=\"m471.449219 164.429688c0-4.199219-3.40625-7.605469-7.605469-7.605469-43.25 0-78.4375-35.1875-78.4375-78.4375 0-4.199219-3.402344-7.605469-7.601562-7.605469h-243.605469c-4.199219 0-7.605469 3.40625-7.605469 7.605469 0 43.25-35.183594 78.433593-78.433594 78.433593-4.199218 0-7.601562 3.402344-7.601562 7.601563v141.195313c0 4.199218 3.402344 7.605468 7.601562 7.605468 43.25 0 78.4375 35.1875 78.4375 78.4375 0 4.199219 3.40625 7.605469 7.605469 7.605469h52.421875c4.199219 0 7.601562-3.40625 7.601562-7.605469 0-4.199218-3.402343-7.605468-7.601562-7.605468h-45.125c-3.679688-45.585938-40.148438-82.054688-85.734375-85.734376v-126.597656c45.585937-3.679687 82.050781-40.148437 85.730469-85.730468h229.007812c3.679688 45.585937 40.148438 82.054687 85.734375 85.734374v126.59375c-45.585937 3.679688-82.054687 40.148438-85.734375 85.734376h-153.460937c-4.199219 0-7.605469 3.40625-7.605469 7.605468 0 4.199219 3.40625 7.605469 7.605469 7.605469h160.757812c4.199219 0 7.605469-3.40625 7.605469-7.605469 0-43.25 35.1875-78.4375 78.4375-78.4375 4.199219 0 7.605469-3.40625 7.605469-7.605468zm0 0\"\/><path fill=\"currentColor\" d=\"m504.394531.5c-4.199219 0-7.601562 3.40625-7.601562 7.605469v22.121093h-20.277344v-22.121093c0-4.199219-3.40625-7.605469-7.605469-7.605469-4.199218 0-7.601562 3.40625-7.601562 7.605469v22.121093h-20.277344v-22.121093c0-4.199219-3.40625-7.605469-7.605469-7.605469s-7.605469 3.40625-7.605469 7.605469v22.121093h-20.277343v-22.121093c0-4.199219-3.402344-7.605469-7.601563-7.605469-4.199218 0-7.605468 3.40625-7.605468 7.605469v22.121093h-20.277344v-22.121093c0-4.199219-3.402344-7.605469-7.601563-7.605469s-7.605469 3.40625-7.605469 7.605469v22.121093h-20.277343v-22.121093c0-4.199219-3.40625-7.605469-7.605469-7.605469s-7.601562 3.40625-7.601562 7.605469v22.121093h-20.277344v-22.121093c0-4.199219-3.40625-7.605469-7.605469-7.605469s-7.601563 3.40625-7.601563 7.605469v22.121093h-20.277343v-22.121093c0-4.199219-3.40625-7.605469-7.605469-7.605469s-7.605469 3.40625-7.605469 7.605469v22.121093h-20.277343v-22.121093c0-4.199219-3.402344-7.605469-7.601563-7.605469s-7.605469 3.40625-7.605469 7.605469v22.121093h-20.277344v-22.121093c0-4.199219-3.402343-7.605469-7.601562-7.605469s-7.605469 3.40625-7.605469 7.605469v22.121093h-20.277343v-22.121093c0-4.199219-3.40625-7.605469-7.605469-7.605469s-7.601563 3.40625-7.601563 7.605469v22.121093h-20.277344v-22.121093c0-4.199219-3.40625-7.605469-7.605468-7.605469-4.199219 0-7.601563 3.40625-7.601563 7.605469v22.121093h-20.277343v-22.121093c0-4.199219-3.40625-7.605469-7.605469-7.605469s-7.605469 3.40625-7.605469 7.605469v22.121093h-20.277344v-22.121093c0-4.199219-3.402344-7.605469-7.601562-7.605469-4.199219 0-7.605469 3.40625-7.605469 7.605469v22.121093h-20.277344v-22.121093c0-4.199219-3.402343-7.605469-7.601562-7.605469s-7.605469 3.40625-7.605469 7.605469v-325.019531c0-4.199219-3.40625-7.605469-7.605469-7.605469s-7.601562 3.40625-7.601562 7.605469v287.6875h-481.585938v-379.175781h481.585938v61.070312c0 4.199219 3.402343 7.601563 7.601562 7.601563s7.605469-3.402344 7.605469-7.601563v-98.402343c0-4.199219-3.40625-7.605469-7.605469-7.605469zm0 0\"\/><path fill=\"currentColor\" d=\"m147.992188 310.070312h216.019531c4.199219 0 7.605469-3.40625 7.605469-7.605468 0-4.199219-3.40625-7.605469-7.605469-7.605469h-216.019531c-4.199219 0-7.605469 3.40625-7.605469 7.605469 0 4.199218 3.40625 7.605468 7.605469 7.605468zm0 0\"\/><path fill=\"currentColor\" d=\"m364.015625 159.980469h-216.023437c-4.199219 0-7.605469 3.402343-7.605469 7.601562s3.40625 7.605469 7.605469 7.605469h216.019531c4.199219 0 7.605469-3.40625 7.605469-7.605469s-3.402344-7.601562-7.601563-7.601562zm0 0\"\/><\/svg>',\r\n tableNumbers: '<svg viewBox=\"0 0 64 64\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill=\"currentColor\" d=\"m45 3h-26c-1.65 0-3 1.35-3 3v31c0 1.65 1.35 3 3 3h5v1c0 1.1.9 2 2 2h3v12h-5c-1.1 0-2 .9-2 2v2c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2v-2c0-1.1-.9-2-2-2h-5v-12h3c1.1 0 2-.9 2-2v-1h5c1.65 0 3-1.35 3-3v-31c0-1.65-1.35-3-3-3zm-5 56h-16v-2h16zm-7-4h-2v-12h2zm-7-14v-4h12v4s-12 0-12 0zm20-4c0 .55-.45 1-1 1h-5v-1c0-1.1-.9-2-2-2h-12c-1.1 0-2 .9-2 2v1h-5c-.55 0-1-.45-1-1v-31c0-.55.45-1 1-1h26c.55 0 1 .45 1 1zm-9.5-7.96c0 .55-.45 1-1 1h-6c-.55 0-1-.45-1-1s.45-1 1-1h2.07v-14.66l-2.37 2.37c-.39.39-1.02.39-1.41 0s-.39-1.02 0-1.41l4.07-4.07c.29-.29.72-.37 1.09-.22s.62.52.62.92v17.07h1.93c.55 0 1 .45 1 1z\"\/><\/svg>',\r\n seatingCards: '<svg viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill=\"currentColor\" d=\"m126 363c-5 0-10-2-15-4-7-4-12-11-14-18l-68-256c-2-8-1-16 3-23 4-6 10-11 18-14l177-47c16-4 32 5 37 21l68 256c4 16-5 31-21 37l-177 47c-3 0-5 1-8 1zm-72-302c-4 2-8 5-10 8s-3 7-2 12h1l68 256c2 8 11 13 19 11l177-47c9-3 14-11 11-19l-68-256c-2-9-11-14-19-12z\"\/><path fill=\"currentColor\" d=\"m311 419c-2 0-5-1-7-1-1 0-1 0-1 0l-176-48c-7-2-14-6-18-13-2-4-1-8 2-10 4-2 8-1 10 2 2 4 5 7 9 7h1l176 48c9 2 17-2 19-11l69-256c3-8-3-17-11-19l-114-31c-3-1-6-5-5-9s5-6 9-5l114 31c15 4 25 21 21 37l-69 256c-3 13-15 22-29 22z\"\/><path fill=\"currentColor\" d=\"m267 512c-7 0-15-3-21-9l-130-129s0 0 0-1c-6-6-8-12-8-20 0-4 3-7 7-7s7 3 7 7 1 8 4 11l130 129c6 6 16 6 22 0l187-187c7-6 7-16 0-22l-83-84c-2-3-2-7 0-10 3-3 8-3 10 0l83 84c12 12 12 30 0 42l-187 187c-6 6-13 9-21 9z\"\/><\/svg>',\r\n logo: '<svg viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill=\"currentColor\" d=\"M397.546,389.253h-12.139L263.669,93.603c-1.279-3.108-4.308-5.137-7.669-5.137l-121.738,295.65h-12.14c-4.58,0-8.294,3.712-8.294,8.294c0,4.581,3.713,8.294,8.294,8.294h35.387c4.58,0,8.294-3.712,8.294-8.294c0-4.581-3.713-8.294-8.294-8.294h-5.309l29.598-71.879h119.509l29.598,71.879h-5.309c-4.58,0-8.294,3.712-8.294,8.294c0,4.581,3.713,8.294,8.294,8.294h79.62c4.58,0,8.294-3.712,8.294-8.294C405.84,392.965,402.127,389.253,397.546,389.253z M180.959,300.786l52.925-128.532l52.924,128.532H180.959z M341.174,389.253l-98.322-238.78L256,118.544l111.469,270.709H341.174z\"\/><path fill=\"currentColor\" d=\"M503.706,0H468.32c-4.58,0-8.294,3.712-8.294,8.294v9.4h-27.093c-4.58,0-8.294,3.712-8.294,8.294c0,4.581,3.713,8.294,8.294,8.294h27.093v9.4c0,4.581,3.713,8.294,8.294,8.294h9.4v27.093c0,4.581,3.713,8.294,8.294,8.294c4.58,0,8.294-3.712,8.294-8.294V51.974h9.4c4.58,0,8.294-3.712,8.294-8.294V8.294C512,3.712,508.287,0,503.706,0z M495.413,35.387h-18.799V16.587h18.799V35.387z\"\/><path fill=\"currentColor\" d=\"M503.706,460.026h-9.4v-27.093c0-4.581-3.713-8.294-8.294-8.294c-4.58,0-8.294,3.712-8.294,8.294v27.093h-9.4c-4.58,0-8.294,3.712-8.294,8.294v9.4h-27.093c-4.58,0-8.294,3.712-8.294,8.294s3.713,8.294,8.294,8.294h27.093v9.4c0,4.581,3.713,8.294,8.294,8.294h35.387c4.58,0,8.294-3.712,8.294-8.294V468.32C512,463.738,508.287,460.026,503.706,460.026z M495.413,495.413h-18.799v-18.799h18.799V495.413z\"\/><path fill=\"currentColor\" d=\"M25.987,212.32c-4.58,0-8.294,3.712-8.294,8.294v17.693c0,4.581,3.713,8.294,8.294,8.294c4.58,0,8.294-3.712,8.294-8.294v-17.693C34.281,216.032,30.567,212.32,25.987,212.32z\"\/><path fill=\"currentColor\" d=\"M25.987,159.24c-4.58,0-8.294,3.712-8.294,8.294v17.693c0,4.581,3.713,8.294,8.294,8.294c4.58,0,8.294-3.712,8.294-8.294v-17.693C34.281,162.952,30.567,159.24,25.987,159.24z\"\/><path fill=\"currentColor\" d=\"M25.987,265.4c-4.58,0-8.294,3.712-8.294,8.294v17.693c0,4.581,3.713,8.294,8.294,8.294c4.58,0,8.294-3.712,8.294-8.294v-17.693C34.281,269.112,30.567,265.4,25.987,265.4z\"\/><path fill=\"currentColor\" d=\"M25.987,106.16c-4.58,0-8.294,3.712-8.294,8.294v17.693c0,4.581,3.713,8.294,8.294,8.294c4.58,0,8.294-3.712,8.294-8.294v-17.693C34.281,109.872,30.567,106.16,25.987,106.16z\"\/><path fill=\"currentColor\" d=\"M25.987,318.479c-4.58,0-8.294,3.712-8.294,8.294v17.693c0,4.581,3.713,8.294,8.294,8.294c4.58,0,8.294-3.712,8.294-8.294v-17.693C34.281,322.192,30.567,318.479,25.987,318.479z\"\/><path fill=\"currentColor\" d=\"M25.987,371.559c-4.58,0-8.294,3.712-8.294,8.294v17.693c0,4.581,3.713,8.294,8.294,8.294c4.58,0,8.294-3.712,8.294-8.294v-17.693C34.281,375.272,30.567,371.559,25.987,371.559z\"\/><path fill=\"currentColor\" d=\"M486.013,212.32c-4.58,0-8.294,3.712-8.294,8.294v17.693c0,4.581,3.713,8.294,8.294,8.294c4.58,0,8.294-3.712,8.294-8.294v-17.693C494.307,216.032,490.593,212.32,486.013,212.32z\"\/><path fill=\"currentColor\" d=\"M486.013,159.24c-4.58,0-8.294,3.712-8.294,8.294v17.693c0,4.581,3.713,8.294,8.294,8.294c4.58,0,8.294-3.712,8.294-8.294v-17.693C494.307,162.952,490.593,159.24,486.013,159.24z\"\/><path fill=\"currentColor\" d=\"M486.013,265.4c-4.58,0-8.294,3.712-8.294,8.294v17.693c0,4.581,3.713,8.294,8.294,8.294c4.58,0,8.294-3.712,8.294-8.294v-17.693C494.307,269.112,490.593,265.4,486.013,265.4z\"\/><path fill=\"currentColor\" d=\"M486.013,106.16c-4.58,0-8.294,3.712-8.294,8.294v17.693c0,4.581,3.713,8.294,8.294,8.294c4.58,0,8.294-3.712,8.294-8.294v-17.693C494.307,109.872,490.593,106.16,486.013,106.16z\"\/><path fill=\"currentColor\" d=\"M486.013,318.479c-4.58,0-8.294,3.712-8.294,8.294v17.693c0,4.581,3.713,8.294,8.294,8.294c4.58,0,8.294-3.712,8.294-8.294v-17.693C494.307,322.192,490.593,318.479,486.013,318.479z\"\/><path fill=\"currentColor\" d=\"M486.013,371.559c-4.58,0-8.294,3.712-8.294,8.294v17.693c0,4.581,3.713,8.294,8.294,8.294c4.58,0,8.294-3.712,8.294-8.294v-17.693C494.307,375.272,490.593,371.559,486.013,371.559z\"\/><path fill=\"currentColor\" d=\"M238.307,477.719h-17.693c-4.58,0-8.294,3.712-8.294,8.294s3.713,8.294,8.294,8.294h17.693c4.58,0,8.294-3.712,8.294-8.294S242.887,477.719,238.307,477.719z\"\/><path fill=\"currentColor\" d=\"M185.227,477.719h-17.693c-4.58,0-8.294,3.712-8.294,8.294s3.713,8.294,8.294,8.294h17.693c4.58,0,8.294-3.712,8.294-8.294S189.807,477.719,185.227,477.719z\"\/><path fill=\"currentColor\" d=\"M291.387,477.719h-17.693c-4.58,0-8.294,3.712-8.294,8.294s3.713,8.294,8.294,8.294h17.693c4.58,0,8.294-3.712,8.294-8.294S295.967,477.719,291.387,477.719z\"\/><path fill=\"currentColor\" d=\"M132.147,477.719h-17.693c-4.58,0-8.294,3.712-8.294,8.294s3.713,8.294,8.294,8.294h17.693c4.58,0,8.294-3.712,8.294-8.294S136.727,477.719,132.147,477.719z\"\/><path fill=\"currentColor\" d=\"M79.067,477.719H51.974v-9.4C51.974,3.712,48.261,0,43.68,0H8.294C3.713,0,0,3.712,0,8.294V43.68c0,4.581,3.713,8.294,8.294,8.294h9.4v27.093c0,4.581,3.713,8.294,8.294,8.294c4.58,0,8.294-3.712,8.294-8.294V51.974h9.4c4.58,0,8.294-3.712,8.294-8.294v-9.4h27.093c4.58,0,8.294-3.712,8.294-8.294C87.361,21.406,83.647,17.693,79.067,17.693z M35.387,35.387H16.587V16.587h18.799V35.387z\"\/><path fill=\"currentColor\" d=\"M344.466,17.693h-17.693c-4.58,0-8.294,3.712-8.294,8.294c0,4.581,3.713,8.294,8.294,8.294h17.693c4.58,0,8.294-3.712,8.294-8.294C352.76,21.406,349.047,17.693,344.466,17.693z\"\/><path fill=\"currentColor\" d=\"M397.546,17.693h-17.693c-4.58,0-8.294,3.712-8.294,8.294c0,4.581,3.713,8.294,8.294,8.294h17.693c4.58,0,8.294-3.712,8.294-8.294C405.84,21.406,402.127,17.693,397.546,17.693z\"\/><\/svg>',\r\n kipot: '<svg viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><g style=\"fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-width:14\"><path d=\"m497.949 348.097c0-133.731-83.592-262.74-242.142-262.74s-242.142 129.008-242.142 262.74c0 0 67.628 45.016 242.142 45.016s242.142-45.016 242.142-45.016z\"\/><path d=\"m17.482 305.801s66.562 45.016 238.325 45.016 238.325-45.016 238.325-45.016\"\/><path d=\"m212.839 223.7 26.671-45.504\"\/><path d=\"m212.839 269.205h-26.671l13.873-23.669\"\/><path d=\"m298.921 223.95 26.524 45.255h-85.935\"\/><path d=\"m286.256 202.341-30.449-51.951-5.142 8.8\"\/><path d=\"m272.104 178.196h-85.936l69.639 118.815 6.287-10.656\"\/><path d=\"m297.486 178.196h27.959l-53.341 91.009\"\/><\/g><\/svg>',\r\n stirrers: '<svg viewBox=\"0 0 48 48\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><g transform=\"translate(-72 -72)\"><g transform=\"matrix(.867 0 0 .873 11.8 -246.218)\"><path fill=\"currentColor\" d=\"m80.259 387.638c-.27-1.17-.413-2.387-.413-3.638 0-1.211.389-3.524.389-3.524.093-.552.574-.955 1.137-.955h3.09c.636 0 1.153.513 1.153 1.146 0 .632-.517 1.145-1.153 1.146 0 0-2.1 0-2.101 0-.097.684-.207 1.587-.207 2.187 0 .734.057 1.455.167 2.159 5.013-.315 8.372.597 11.363 1.432.704.197 1.385.389 2.063.557l5.075-6.335h-11.745c-.637-.001-1.154-.514-1.154-1.146 0-.633.517-1.146 1.154-1.146h13.58l2.87-3.584c-.632-.811-1.008-1.828-1.008-2.932 0-2.647 2.164-4.797 4.83-4.797.72 0 1.403.157 2.017.438l1.039-1.297c.396-.495 1.122-.577 1.621-.183.498.393.581 1.115.185 1.61l-1.039 1.297c.631.811 1.008 1.828 1.008 2.932 0 2.648-2.165 4.797-4.831 4.797-.72 0-1.403-.157-2.017-.437l-1.727 2.156h5.023c.563 0 1.044.403 1.137.955 0 0 .389 2.313.389 3.524 0 1.449-.192 2.853-.55 4.189-1.752 6.527-7.497 11.425-14.45 11.916v9.764l4.664 3.308c.816.579 1.162 1.615.856 2.564s-1.194 1.592-2.198 1.592h-8.952c-1.004 0-1.892-.643-2.198-1.592s.04-1.985.856-2.564l4.664-3.308v-9.764c-7.147-.505-13.018-5.667-14.587-12.467zm13.92 2.468c-.369-.099-.741-.203-1.119-.309-2.707-.755-5.736-1.592-10.184-1.374 1.846 5.479 7.026 9.431 13.124 9.431 5.82 0 10.805-3.6 12.852-8.692-1.907.246-3.016.8-4.454 1.215-.611.176-1.252-.174-1.429-.782-.178-.607.175-1.243.786-1.419 1.793-.517 3.126-1.202 5.81-1.387.184-.901.281-1.834.281-2.789 0-.6-.11-1.503-.208-2.188l-5.868.001-5.451 6.806c.377.039.76.063 1.152.069.637.009 1.146.53 1.137 1.162-.009.633-.534 1.138-1.171 1.129-.964-.014-1.878-.123-2.776-.29l-3.556 4.441c-.397.495-1.123.577-1.622.183-.498-.393-.581-1.115-.184-1.61zm16.739-19.062c-.431-.34-.976-.544-1.569-.544-1.392 0-2.522 1.123-2.522 2.505 0 .794.372 1.501.952 1.961h.001c.431.341.976.544 1.569.544 1.393 0 2.523-1.122 2.523-2.505 0-.793-.372-1.501-.953-1.96 0 0 0-.001-.001-.001zm-19.394 43.998h8.952l-4.476-3.176z\"\/><\/g><\/g><\/svg>',\r\n passport: '<svg viewBox=\"0 0 64 64\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill=\"currentColor\" d=\"m38 25h2v2h-2z\"\/><path fill=\"currentColor\" d=\"m38 29h2v2h-2z\"\/><path fill=\"currentColor\" d=\"m38 33h2v2h-2z\"\/><path fill=\"currentColor\" d=\"m38 37h2v2h-2z\"\/><path fill=\"currentColor\" d=\"m59 23h-1v-3a3.009 3.009 0 0 0 -3-3h-12a3.012 3.012 0 0 0 -2.4 1.2l-1.6 2.13-1.6-2.13a3.012 3.012 0 0 0 -2.4-1.2h-30a3.009 3.009 0 0 0 -3 3v24a3.009 3.009 0 0 0 3 3h1v3a3.009 3.009 0 0 0 3 3h30a3.041 3.041 0 0 0 2.4-1.2l1.6-2.13 1.6 2.13a3.041 3.041 0 0 0 2.4 1.2h12a3.009 3.009 0 0 0 3-3v-24a3.009 3.009 0 0 0 -3-3zm-16.8-3.6a1.014 1.014 0 0 1 .8-.4h12a1 1 0 0 1 1 1v1h-15zm-38.2.6a1 1 0 0 1 1-1h30a1.014 1.014 0 0 1 .8.4l1.2 1.6h-33zm1 25a1 1 0 0 1 -1-1v-21h52v21a1 1 0 0 1 -1 1h-12a1.014 1.014 0 0 1 -.8-.4l-2.4-3.2a1 1 0 0 0 -1.6 0l-2.4 3.2a1.014 1.014 0 0 1 -.8.4zm55 5a1 1 0 0 1 -1 1h-12a1.014 1.014 0 0 1 -.8-.4l-2.4-3.2a1.041 1.041 0 0 0 -1.6 0l-2.4 3.2a1.014 1.014 0 0 1 -.8.4h-30a1 1 0 0 1 -1-1v-3h27a3.012 3.012 0 0 0 2.4-1.2l1.6-2.13 1.6 2.13a3.012 3.012 0 0 0 2.4 1.2h12a3.009 3.009 0 0 0 3-3v-15h2zm0-23h-2v-2h1a1 1 0 0 1 1 1z\"\/><path fill=\"currentColor\" d=\"m33.71 33.29-2-2a1.033 1.033 0 0 0 -.71-.29h-3.46l-3.71-5.55a1 1 0 0 0 -.83-.45h-2a.983.983 0 0 0 -.81.42 1 1 0 0 0 -.14.9l1.56 4.68h-.2l-1.7-1.71a1.033 1.033 0 0 0 -.71-.29h-2a1 1 0 0 0 -1 1v6a1 1 0 0 0 1 1h4.61l-1.56 4.68a1 1 0 0 0 .14.9.983.983 0 0 0 .81.42h2a1 1 0 0 0 .83-.45l3.71-5.55h5.46a1 1 0 0 0 1-1v-2a1.033 1.033 0 0 0 -.29-.71zm-11.25-6.29 2.67 4h-1.41l-1.33-4zm0 14h-.07l1.33-4h1.41zm9.54-6h-14v-4h.59l1.7 1.71a1.033 1.033 0 0 0 .71.29h9.59l1.41 1.41z\"\/><path fill=\"currentColor\" d=\"m6 31h8v2h-8z\"\/><path fill=\"currentColor\" d=\"m6 27h8v2h-8z\"\/><path fill=\"currentColor\" d=\"m6 35h8v2h-8z\"\/><path fill=\"currentColor\" d=\"m6 39h8v2h-8z\"\/><path fill=\"currentColor\" d=\"m44 27h10v2h-10z\"\/><path fill=\"currentColor\" d=\"m44 31h6v2h-6z\"\/><path fill=\"currentColor\" d=\"m44 35h8v2h-8z\"\/><path fill=\"currentColor\" d=\"m44 39h6v2h-6z\"\/><\/svg>',\r\n handFan: '<svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22c-1.1 0-2-.9-2-2v-1l-7.5-5.5c-1-.7-1.2-2.1-.4-3.1C4.6 7.1 8.1 5 12 5s7.4 2.1 9.9 5.4c.8 1 .6 2.4-.4 3.1L14 19v1c0 1.1-.9 2-2 2z\"\/><path d=\"M12 19V5\"\/><path d=\"M10 18L5 7\"\/><path d=\"M14 18l5-11\"\/><path d=\"M11 18.5L8 6\"\/><path d=\"M13 18.5L16 6\"\/><\/svg>'\r\n };\r\n\r\n const eventCatalogs = {\r\n '\u05d7\u05ea\u05d5\u05e0\u05d4': [\r\n { id: 'digital', name: '\u05d4\u05d6\u05de\u05e0\u05d4 \u05d3\u05d9\u05d2\u05d9\u05d8\u05dc\u05d9\u05ea', note: '\u05dc\u05dc\u05d0 \u05d4\u05d3\u05e4\u05e1\u05d4', price: 450, icon: 'fa-mobile-screen-button', link: 'https:\/\/noamdesigns.com\/he\/product-category\/digital-invitations\/' },\r\n { id: 'printed', name: '\u05d4\u05d6\u05de\u05e0\u05d5\u05ea \u05de\u05d5\u05d3\u05e4\u05e1\u05d5\u05ea', note: '\u05db\u05d5\u05dc\u05dc \u05ea\u05de\u05d5\u05e0\u05d4 \u05d3\u05d9\u05d2\u05d9\u05d8\u05dc\u05d9\u05ea<br>(\u05de\u05d9\u05e0\u05d9\u05de\u05d5\u05dd 20 \u05d9\u05d7\\')', price: 1000, icon: 'fa-envelope-open-text', link: 'https:\/\/noamdesigns.com\/he\/product-category\/printed-invitations\/' },\r\n { id: 'menus', name: '\u05ea\u05e4\u05e8\u05d9\u05d8\u05d9\u05dd', note: '\u05e2\u05d9\u05e6\u05d5\u05d1 \u05d0\u05d9\u05e9\u05d9 \u05d5\u05d4\u05d3\u05e4\u05e1\u05d4', price: 950, icon: 'fa-utensils', link: 'https:\/\/noamdesigns.com\/he\/product-category\/menus\/', isDynamicMenu: true },\r\n { id: 'bar_menu', name: '\u05ea\u05e4\u05e8\u05d9\u05d8 \u05dc\u05d1\u05e8', note: '\u05de\u05d5\u05d3\u05e4\u05e1 \u05e2\u05dc \u05d1\u05d3 \u05e4\u05e9\u05ea\u05df\/\u05ea\u05d7\u05e8\u05d4', price: 960, icon: 'fa-wine-glass', link: 'https:\/\/noamdesigns.com\/he\/shop\/' },\r\n { id: 'std_image', name: 'Save The Date', note: '\u05ea\u05de\u05d5\u05e0\u05d4 \u05d3\u05d9\u05d2\u05d9\u05d8\u05dc\u05d9\u05ea', price: 400, icon: 'fa-image', link: 'https:\/\/noamdesigns.com\/he\/product-category\/save-the-date\/' },\r\n { id: 'std_video', name: 'Save The Date', note: '\u05e1\u05e8\u05d8\u05d5\u05df \u05de\u05e7\u05e6\u05d5\u05e2\u05d9', price: 950, icon: 'fa-film', link: 'https:\/\/noamdesigns.com\/he\/product-category\/save-the-date-video\/' },\r\n { id: 'welcome_sign', name: '\u05e9\u05dc\u05d8 \u05db\u05e0\u05d9\u05e1\u05d4', note: '\u05de\u05d5\u05d3\u05e4\u05e1 \u05e2\u05dc \u05d1\u05d3 \u05ea\u05d7\u05e8\u05d4', price: 870, icon: svgAssets.welcomeSign, link: 'https:\/\/noamdesigns.com\/he\/shop\/' },\r\n { id: 'table_numbers', name: '\u05de\u05e1\u05e4\u05e8\u05d9 \u05e9\u05d5\u05dc\u05d7\u05df', note: '\u05de\u05de\u05d5\u05ea\u05d2\u05d9\u05dd \u05d1\u05e2\u05d9\u05e6\u05d5\u05d1 \u05d0\u05d9\u05e9\u05d9', price: 500, icon: svgAssets.tableNumbers, link: 'https:\/\/noamdesigns.com\/he\/shop\/' },\r\n { id: 'seating_cards', name: '\u05db\u05e8\u05d8\u05d9\u05e1\u05d9 \u05d4\u05d5\u05e9\u05d1\u05d4', note: '\u05d1\u05e2\u05d9\u05e6\u05d5\u05d1 \u05d0\u05d9\u05e9\u05d9', price: 950, icon: svgAssets.seatingCards, link: 'https:\/\/noamdesigns.com\/he\/shop\/' },\r\n { id: 'logo', name: '\u05dc\u05d5\u05d2\u05d5 \u05dc\u05de\u05e1\u05db\u05d9\u05dd', note: '\u05e1\u05d8\u05d8\u05d9 \u05d0\u05d5 \u05de\u05d5\u05e0\u05e4\u05e9', price: 350, icon: svgAssets.logo, link: 'https:\/\/noamdesigns.com\/he\/shop\/' },\r\n { id: 'ring_holder', name: '\u05de\u05ea\u05e7\u05df \u05dc\u05d8\u05d1\u05e2\u05d5\u05ea', note: '\u05d1\u05d7\u05e8\u05d9\u05d8\u05ea \u05dc\u05d9\u05d9\u05d6\u05e8', price: 300, icon: 'fa-ring', link: 'https:\/\/noamdesigns.com\/he\/product-category\/ring-holder\/' },\r\n { id: 'stickers', name: '\u05de\u05d3\u05d1\u05e7\u05d5\u05ea', note: '\u05de\u05d9\u05ea\u05d5\u05d2 \u05d0\u05d9\u05e9\u05d9', price: 400, icon: 'fa-note-sticky', link: 'https:\/\/noamdesigns.com\/he\/product-category\/stickers\/' },\r\n { id: 'wipes', name: '\u05de\u05d2\u05d1\u05d5\u05e0\u05d9\u05dd \u05d0\u05d9\u05e9\u05d9\u05d9\u05dd', note: '\u05de\u05de\u05d5\u05ea\u05d2\u05d9\u05dd \u05d1\u05e2\u05d9\u05e6\u05d5\u05d1 \u05d0\u05d9\u05e9\u05d9<br>(\u05de\u05d9\u05e0\u05d9\u05de\u05d5\u05dd 50 \u05d9\u05d7\\')', price: 650, icon: 'fa-box-tissue', link: 'https:\/\/noamdesigns.com\/he\/shop\/' },\r\n { id: 'blessings', name: '\u05d1\u05e8\u05db\u05d5\u05e0\u05d9\u05dd', note: '', price: 600, icon: 'fa-book-open-reader', link: 'https:\/\/noamdesigns.com\/he\/product-category\/blessings\/' },\r\n { id: 'kipot', name: '\u05db\u05d9\u05e4\u05d5\u05ea \u05e2\u05dd \u05e8\u05e7\u05de\u05d4', note: '\u05d1\u05d3 \u05e4\u05e9\u05ea\u05df \u05d1\u05ea\u05e4\u05d9\u05e8\u05d4 \u05d0\u05d9\u05e9\u05d9\u05ea<br>\u05de\u05d9\u05e0\u05d9\u05de\u05d5\u05dd 100 \u05d9\u05d7\\'', price: 2500, icon: svgAssets.kipot, link: 'https:\/\/noamdesigns.com\/he\/product-category\/kipot\/' },\r\n { id: 'stirrers', name: '\u05d1\u05d5\u05d7\u05e9\u05e0\u05d9\u05dd \u05dc\u05db\u05d5\u05e1\u05d5\u05ea', note: '\u05d1\u05e2\u05d9\u05e6\u05d5\u05d1 \u05d0\u05d9\u05e9\u05d9<br>(\u05de\u05d9\u05e0\u05d9\u05de\u05d5\u05dd 70 \u05d9\u05d7\\')', price: 1200, icon: svgAssets.stirrers, link: 'https:\/\/noamdesigns.com\/he\/shop\/' },\r\n { id: 'cushions', name: '\u05db\u05e8\u05d9\u05d5\u05ea \u05e2\u05dd \u05d4\u05d3\u05e4\u05e1', note: '\u05d1\u05e2\u05d9\u05e6\u05d5\u05d1 \u05d0\u05d9\u05e9\u05d9<br>(\u05de\u05d9\u05e0\u05d9\u05de\u05d5\u05dd 6 \u05d9\u05d7\\')', price: 1250, icon: svgAssets.cushions, link: 'https:\/\/noamdesigns.com\/he\/shop\/' },\r\n { id: 'tablecloths', name: '\u05de\u05e4\u05d5\u05ea \u05e2\u05dd \u05d4\u05d3\u05e4\u05e1', note: '\u05d1\u05e2\u05d9\u05e6\u05d5\u05d1 \u05d0\u05d9\u05e9\u05d9<br>(\u05de\u05d9\u05e0\u05d9\u05de\u05d5\u05dd 3 \u05d9\u05d7\\')', price: 2000, icon: svgAssets.tablecloths, link: 'https:\/\/noamdesigns.com\/he\/shop\/' },\r\n { id: 'branded_fans', name: '\u05de\u05e0\u05d9\u05e4\u05d5\u05ea \u05de\u05de\u05d5\u05ea\u05d2\u05d5\u05ea', note: '\u05de\u05d9\u05e0\u05d9\u05de\u05d5\u05dd 50 \u05d9\u05d7\\'', price: 750, icon: svgAssets.handFan, link: 'https:\/\/noamdesigns.com\/he\/shop\/' },\r\n { id: 'other', name: '\u05d0\u05d7\u05e8', note: '', price: 0, icon: 'fa-circle-question', link: '' }\r\n ],\r\n '\u05d7\u05d9\u05e0\u05d4': [\r\n { id: 'digital', name: '\u05d4\u05d6\u05de\u05e0\u05d4 \u05d3\u05d9\u05d2\u05d9\u05d8\u05dc\u05d9\u05ea', note: '\u05dc\u05dc\u05d0 \u05d4\u05d3\u05e4\u05e1\u05d4', price: 450, icon: 'fa-mobile-screen-button', link: 'https:\/\/noamdesigns.com\/he\/product-category\/digital-invitations\/' },\r\n { id: 'printed', name: '\u05d4\u05d6\u05de\u05e0\u05d5\u05ea \u05de\u05d5\u05d3\u05e4\u05e1\u05d5\u05ea', note: '\u05de\u05d9\u05e0\u05d9\u05de\u05d5\u05dd 20 \u05d9\u05d7\\'', price: 900, icon: 'fa-envelope-open-text', link: 'https:\/\/noamdesigns.com\/he\/product-category\/printed-invitations\/' },\r\n { id: 'menus_pompom', name: '\u05ea\u05e4\u05e8\u05d9\u05d8\u05d9\u05dd \u05e2\u05dd \u05e4\u05d5\u05e0\u05e4\u05d5\u05e0\u05d9\u05dd', note: '\u05de\u05d9\u05e0\u05d9\u05de\u05d5\u05dd 100 \u05d9\u05d7\\'', price: 1700, icon: 'fa-utensils', link: 'https:\/\/noamdesigns.com\/he\/shop\/' },\r\n { id: 'logo', name: '\u05dc\u05d5\u05d2\u05d5 \u05dc\u05de\u05e1\u05db\u05d9\u05dd', note: '\u05e1\u05d8\u05d8\u05d9 \u05d0\u05d5 \u05de\u05d5\u05e0\u05e4\u05e9', price: 350, icon: svgAssets.logo, link: 'https:\/\/noamdesigns.com\/he\/shop\/' },\r\n { id: 'stickers_tambourine', name: '\u05de\u05d3\u05d1\u05e7\u05d5\u05ea \u05dc\u05ea\u05d5\u05e3 \u05de\u05e8\u05d9\u05dd', note: '\u05e9\u05e7\u05d5\u05e4\u05d5\u05ea \u05de\u05de\u05d5\u05ea\u05d2\u05d5\u05ea', price: 700, icon: 'fa-drum', link: 'https:\/\/noamdesigns.com\/he\/shop\/' },\r\n { id: 'hand_pads', name: '\u05e4\u05d3\u05d9\u05dd \u05de\u05de\u05d5\u05ea\u05d2\u05d9\u05dd \u05dc\u05d9\u05d3\u05d9\u05d9\u05dd', note: '\u05de\u05d9\u05e0\u05d9\u05de\u05d5\u05dd 50 \u05d9\u05d7\\'', price: 1000, icon: 'fa-hand-sparkles', link: 'https:\/\/noamdesigns.com\/he\/shop\/' },\r\n { id: 'stickers', name: '\u05de\u05d3\u05d1\u05e7\u05d5\u05ea \u05de\u05de\u05d5\u05ea\u05d2\u05d5\u05ea', note: '\u05de\u05d9\u05ea\u05d5\u05d2 \u05d0\u05d9\u05e9\u05d9', price: 400, icon: 'fa-note-sticky', link: 'https:\/\/noamdesigns.com\/he\/product-category\/stickers\/' },\r\n { id: 'branded_fans', name: '\u05de\u05e0\u05d9\u05e4\u05d5\u05ea \u05de\u05de\u05d5\u05ea\u05d2\u05d5\u05ea', note: '\u05de\u05d9\u05e0\u05d9\u05de\u05d5\u05dd 50 \u05d9\u05d7\\'', price: 750, icon: svgAssets.handFan, link: 'https:\/\/noamdesigns.com\/he\/shop\/' },\r\n { id: 'other', name: '\u05d0\u05d7\u05e8', note: '', price: 0, icon: 'fa-circle-question', link: '' }\r\n ],\r\n '\u05de\u05e7\u05d5\u05d5\u05d4\/\u05d4\u05e4\u05e8\u05e9\u05ea \u05d7\u05dc\u05d4': [\r\n { id: 'digital', name: '\u05d4\u05d6\u05de\u05e0\u05d4 \u05d3\u05d9\u05d2\u05d9\u05d8\u05dc\u05d9\u05ea', note: '\u05dc\u05dc\u05d0 \u05d4\u05d3\u05e4\u05e1\u05d4', price: 350, icon: 'fa-mobile-screen-button', link: 'https:\/\/noamdesigns.com\/he\/product-category\/digital-invitations\/' },\r\n { id: 'blessings', name: '\u05d1\u05e8\u05db\u05d5\u05e0\u05d9\u05dd', note: '', price: 600, icon: 'fa-book-open-reader', link: 'https:\/\/noamdesigns.com\/he\/product-category\/blessings\/' },\r\n { id: 'plate_branding', name: '\u05de\u05d9\u05ea\u05d5\u05d2 \u05e2\u05dc \u05d4\u05e6\u05dc\u05d7\u05ea', note: '\u05e2\u05d9\u05e6\u05d5\u05d1 \u05d0\u05d9\u05e9\u05d9', price: 650, icon: 'fa-utensils', link: 'https:\/\/noamdesigns.com\/he\/shop\/' },\r\n { id: 'placemat', name: '\u05e4\u05dc\u05d9\u05d9\u05e1\u05de\u05e0\u05d8', note: '\u05d1\u05e2\u05d9\u05e6\u05d5\u05d1 \u05d0\u05d9\u05e9\u05d9', price: 650, icon: 'fa-scroll', link: 'https:\/\/noamdesigns.com\/he\/shop\/' },\r\n { id: 'stickers', name: '\u05de\u05d3\u05d1\u05e7\u05d5\u05ea \u05de\u05de\u05d5\u05ea\u05d2\u05d5\u05ea', note: '\u05de\u05d9\u05ea\u05d5\u05d2 \u05d0\u05d9\u05e9\u05d9', price: 400, icon: 'fa-note-sticky', link: 'https:\/\/noamdesigns.com\/he\/product-category\/stickers\/' },\r\n { id: 'matches', name: '\u05d2\u05e4\u05e8\u05d5\u05e8\u05d9\u05dd \u05de\u05de\u05d5\u05ea\u05d2\u05d9\u05dd', note: '\u05d1\u05e2\u05d9\u05e6\u05d5\u05d1 \u05d0\u05d9\u05e9\u05d9', price: 650, icon: 'fa-fire', link: 'https:\/\/noamdesigns.com\/he\/shop\/' },\r\n { id: 'branded_fans', name: '\u05de\u05e0\u05d9\u05e4\u05d5\u05ea \u05de\u05de\u05d5\u05ea\u05d2\u05d5\u05ea', note: '\u05de\u05d9\u05e0\u05d9\u05de\u05d5\u05dd 50 \u05d9\u05d7\\'', price: 750, icon: svgAssets.handFan, link: 'https:\/\/noamdesigns.com\/he\/shop\/' },\r\n { id: 'other', name: '\u05d0\u05d7\u05e8', note: '', price: 0, icon: 'fa-circle-question', link: '' }\r\n ],\r\n '\u05de\u05e1\u05d9\u05d1\u05ea \u05e8\u05d5\u05d5\u05e7\u05d5\u05ea': [\r\n { id: 'passport_invite', name: '\u05d4\u05d6\u05de\u05e0\u05d5\u05ea \u05e4\u05e1\u05e4\u05d5\u05e8\u05d8', note: '\u05d4\u05d6\u05de\u05e0\u05d4 \u05d1\u05e6\u05d5\u05e8\u05ea \u05db\u05e8\u05d8\u05d9\u05e1 \u05d8\u05d9\u05e1\u05d4 \u05dc\u05e8\u05d5\u05d5\u05e7\u05d5\u05ea \u05d1\u05d7\u05d5\"\u05dc<br>\u05de\u05d9\u05e0\u05d9\u05de\u05d5\u05dd 5 \u05d9\u05d7\\'', price: 800, icon: svgAssets.passport, link: 'https:\/\/noamdesigns.com\/he\/shop\/' },\r\n { id: 'alcohol_stickers', name: '\u05de\u05d3\u05d1\u05e7\u05d5\u05ea \u05dc\u05d0\u05dc\u05db\u05d5\u05d4\u05d5\u05dc', note: '\u05de\u05de\u05d5\u05ea\u05d2\u05d5\u05ea \u05dc\u05d1\u05e7\u05d1\u05d5\u05e7\u05d9\u05dd', price: 450, icon: 'fa-wine-bottle', link: 'https:\/\/noamdesigns.com\/he\/shop\/' },\r\n { id: 'plate_branding_10', name: '\u05de\u05d9\u05ea\u05d5\u05d2 \u05e2\u05dc \u05d4\u05e6\u05dc\u05d7\u05ea', note: '\u05e2\u05d9\u05e6\u05d5\u05d1 \u05d0\u05d9\u05e9\u05d9 (\u05de\u05d9\u05e0\\' 10 \u05d9\u05d7\\')', price: 500, icon: 'fa-utensils', link: 'https:\/\/noamdesigns.com\/he\/shop\/' },\r\n { id: 'stickers', name: '\u05de\u05d3\u05d1\u05e7\u05d5\u05ea \u05de\u05de\u05d5\u05ea\u05d2\u05d5\u05ea', note: '\u05de\u05d9\u05ea\u05d5\u05d2 \u05d0\u05d9\u05e9\u05d9', price: 400, icon: 'fa-note-sticky', link: 'https:\/\/noamdesigns.com\/he\/product-category\/stickers\/' },\r\n { id: 'branded_fans', name: '\u05de\u05e0\u05d9\u05e4\u05d5\u05ea \u05de\u05de\u05d5\u05ea\u05d2\u05d5\u05ea', note: '\u05de\u05d9\u05e0\u05d9\u05de\u05d5\u05dd 50 \u05d9\u05d7\\'', price: 750, icon: svgAssets.handFan, link: 'https:\/\/noamdesigns.com\/he\/shop\/' },\r\n { id: 'other', name: '\u05d0\u05d7\u05e8', note: '', price: 0, icon: 'fa-circle-question', link: '' }\r\n ],\r\n '\u05d1\u05e8\/\u05d1\u05ea \u05de\u05e6\u05d5\u05d5\u05d4': [\r\n { id: 'digital', name: '\u05d4\u05d6\u05de\u05e0\u05d4 \u05d3\u05d9\u05d2\u05d9\u05d8\u05dc\u05d9\u05ea', note: '\u05dc\u05dc\u05d0 \u05d4\u05d3\u05e4\u05e1\u05d4', price: 400, icon: 'fa-mobile-screen-button', link: 'https:\/\/noamdesigns.com\/he\/product-category\/digital-invitations\/' },\r\n { id: 'menus', name: '\u05ea\u05e4\u05e8\u05d9\u05d8\u05d9\u05dd', note: '\u05e2\u05d9\u05e6\u05d5\u05d1 \u05d0\u05d9\u05e9\u05d9 \u05d5\u05d4\u05d3\u05e4\u05e1\u05d4', price: 950, icon: 'fa-utensils', link: 'https:\/\/noamdesigns.com\/he\/product-category\/menus\/', isDynamicMenu: true },\r\n { id: 'bar_menu', name: '\u05ea\u05e4\u05e8\u05d9\u05d8 \u05dc\u05d1\u05e8', note: '\u05de\u05d5\u05d3\u05e4\u05e1 \u05e2\u05dc \u05d1\u05d3 \u05e4\u05e9\u05ea\u05df\/\u05ea\u05d7\u05e8\u05d4', price: 960, icon: 'fa-wine-glass', link: 'https:\/\/noamdesigns.com\/he\/shop\/' },\r\n { id: 'blessings', name: '\u05d1\u05e8\u05db\u05d5\u05e0\u05d9\u05dd', note: '', price: 600, icon: 'fa-book-open-reader', link: 'https:\/\/noamdesigns.com\/he\/product-category\/blessings\/' },\r\n { id: 'kipot', name: '\u05db\u05d9\u05e4\u05d5\u05ea \u05e2\u05dd \u05e8\u05e7\u05de\u05d4', note: '\u05d1\u05d3 \u05e4\u05e9\u05ea\u05df \u05d1\u05ea\u05e4\u05d9\u05e8\u05d4 \u05d0\u05d9\u05e9\u05d9\u05ea<br>\u05de\u05d9\u05e0\u05d9\u05de\u05d5\u05dd 100 \u05d9\u05d7\\'', price: 2500, icon: svgAssets.kipot, link: 'https:\/\/noamdesigns.com\/he\/product-category\/kipot\/' },\r\n { id: 'branded_fans', name: '\u05de\u05e0\u05d9\u05e4\u05d5\u05ea \u05de\u05de\u05d5\u05ea\u05d2\u05d5\u05ea', note: '\u05de\u05d9\u05e0\u05d9\u05de\u05d5\u05dd 50 \u05d9\u05d7\\'', price: 750, icon: svgAssets.handFan, link: 'https:\/\/noamdesigns.com\/he\/shop\/' },\r\n { id: 'other', name: '\u05d0\u05d7\u05e8', note: '', price: 0, icon: 'fa-circle-question', link: '' }\r\n ],\r\n '\u05d9\u05d5\u05dd \u05d4\u05d5\u05dc\u05d3\u05ea': [\r\n { id: 'digital', name: '\u05d4\u05d6\u05de\u05e0\u05d4 \u05d3\u05d9\u05d2\u05d9\u05d8\u05dc\u05d9\u05ea', note: '\u05dc\u05dc\u05d0 \u05d4\u05d3\u05e4\u05e1\u05d4', price: 350, icon: 'fa-mobile-screen-button', link: 'https:\/\/noamdesigns.com\/he\/product-category\/digital-invitations\/' },\r\n { id: 'plate_branding', name: '\u05de\u05d9\u05ea\u05d5\u05d2 \u05e2\u05dc \u05d4\u05e6\u05dc\u05d7\u05ea', note: '\u05e2\u05d9\u05e6\u05d5\u05d1 \u05d0\u05d9\u05e9\u05d9', price: 650, icon: 'fa-utensils', link: 'https:\/\/noamdesigns.com\/he\/shop\/' },\r\n { id: 'stickers', name: '\u05de\u05d3\u05d1\u05e7\u05d5\u05ea \u05de\u05de\u05d5\u05ea\u05d2\u05d5\u05ea', note: '\u05de\u05d9\u05ea\u05d5\u05d2 \u05d0\u05d9\u05e9\u05d9', price: 400, icon: 'fa-note-sticky', link: 'https:\/\/noamdesigns.com\/he\/product-category\/stickers\/' },\r\n { id: 'branded_fans', name: '\u05de\u05e0\u05d9\u05e4\u05d5\u05ea \u05de\u05de\u05d5\u05ea\u05d2\u05d5\u05ea', note: '\u05de\u05d9\u05e0\u05d9\u05de\u05d5\u05dd 50 \u05d9\u05d7\\'', price: 750, icon: svgAssets.handFan, link: 'https:\/\/noamdesigns.com\/he\/shop\/' },\r\n { id: 'other', name: '\u05d0\u05d7\u05e8', note: '', price: 0, icon: 'fa-circle-question', link: '' }\r\n ]\r\n };\r\n\r\n \/\/ Init\r\n document.addEventListener('DOMContentLoaded', () => {\r\n updateProgress();\r\n document.getElementById('next-btn').addEventListener('click', nextStep);\r\n document.getElementById('prev-btn').addEventListener('click', prevStep);\r\n \r\n \/\/ Allow enter key (except textarea)\r\n document.getElementById('noam-form').addEventListener('keypress', function(e) {\r\n if (e.key === 'Enter' && e.target.nodeName !== 'TEXTAREA') {\r\n e.preventDefault();\r\n nextStep();\r\n }\r\n });\r\n });\r\n\r\n \/\/ Toast Queue System\r\n const toastQueue = [];\r\n let isToastShowing = false;\r\n let hasShownUpsell = false;\r\n\r\n function processToastQueue() {\r\n if (isToastShowing || toastQueue.length === 0) return;\r\n \r\n isToastShowing = true;\r\n const currentToast = toastQueue.shift();\r\n \r\n \/\/ Hide all active toasts before showing the new one\r\n document.querySelectorAll('.toast').forEach(t => t.classList.remove('show'));\r\n \r\n const toastEl = document.getElementById(currentToast.elementId);\r\n if (currentToast.content !== null) {\r\n toastEl.innerHTML = currentToast.content;\r\n }\r\n \r\n \/\/ Allow DOM update\r\n setTimeout(() => {\r\n toastEl.classList.add('show');\r\n \r\n setTimeout(() => {\r\n toastEl.classList.remove('show');\r\n setTimeout(() => {\r\n isToastShowing = false;\r\n processToastQueue(); \/\/ Process next in queue\r\n }, 400); \/\/ Wait for CSS fade out transition\r\n }, currentToast.duration);\r\n }, 10);\r\n }\r\n\r\n function showError(msg) {\r\n toastQueue.push({\r\n elementId: 'error-toast',\r\n content: `<i class=\"fa-solid fa-circle-exclamation\"><\/i> ${msg}`,\r\n duration: 3500\r\n });\r\n processToastQueue();\r\n }\r\n\r\n function showInfoToast(msg) {\r\n toastQueue.push({\r\n elementId: 'info-toast',\r\n content: `<i class=\"fa-solid fa-circle-info\" style=\"color:var(--info-color); margin-bottom:8px; display:block; font-size:1.5rem;\"><\/i> ${msg}`,\r\n duration: 4500\r\n });\r\n processToastQueue();\r\n }\r\n\r\n function showUpsellToast() {\r\n if (hasShownUpsell) return; \/\/ Only queue it once\r\n hasShownUpsell = true;\r\n \r\n toastQueue.push({\r\n elementId: 'upsell-toast',\r\n content: null, \/\/ Keep existing static HTML for upsell\r\n duration: 5000\r\n });\r\n processToastQueue();\r\n }\r\n\r\n function updateProgress() {\r\n const percent = Math.round((currentStep \/ totalSteps) * 100);\r\n const fillPercent = ((currentStep - 1) \/ (totalSteps - 1)) * 100;\r\n \r\n document.getElementById('progress-step-text').textContent = `\u05e9\u05dc\u05d1 ${currentStep} \u05de\u05ea\u05d5\u05da ${totalSteps}`;\r\n document.getElementById('progress-percentage').textContent = percent + '%';\r\n document.getElementById('progress-title').textContent = stepTitles[currentStep];\r\n \r\n const fill = document.getElementById('progress-fill');\r\n fill.style.width = Math.max(fillPercent, 8) + '%';\r\n }\r\n\r\n \/* --- Event Cards Logic --- *\/\r\n function toggleEventCard(card, value) {\r\n card.classList.toggle('selected');\r\n const checkbox = card.querySelector('input');\r\n checkbox.checked = !checkbox.checked;\r\n \r\n if (checkbox.checked) {\r\n if (!selectedEvents.includes(value)) selectedEvents.push(value);\r\n } else {\r\n selectedEvents = selectedEvents.filter(e => e !== value);\r\n }\r\n \r\n document.getElementById('other-event-group').classList.toggle('show', selectedEvents.includes('\u05d0\u05d7\u05e8'));\r\n }\r\n\r\n \/* --- Date Logic --- *\/\r\n function selectDateOption(card, value) {\r\n document.querySelectorAll('.step[data-step=\"3\"] .selection-card').forEach(c => {\r\n c.classList.remove('selected');\r\n c.querySelector('input').checked = false;\r\n });\r\n card.classList.add('selected');\r\n card.querySelector('input').checked = true;\r\n \r\n const container = document.getElementById('date-fields-container');\r\n if (value === 'yes') {\r\n container.style.display = 'block';\r\n generateDateInputs();\r\n } else {\r\n container.style.display = 'none';\r\n }\r\n }\r\n\r\n function getActualEventsList() {\r\n let events = selectedEvents.filter(e => e !== '\u05d0\u05d7\u05e8');\r\n if (selectedEvents.includes('\u05d0\u05d7\u05e8') && document.getElementById('otherEventType').value) {\r\n events.push(document.getElementById('otherEventType').value);\r\n }\r\n if(events.length === 0) events = ['\u05d4\u05d0\u05d9\u05e8\u05d5\u05e2'];\r\n return events;\r\n }\r\n\r\n function generateDateInputs() {\r\n const container = document.getElementById('date-fields-container');\r\n let events = getActualEventsList();\r\n \r\n container.innerHTML = events.map(event => `\r\n <div class=\"form-group\" style=\"margin-bottom:15px;\">\r\n <label class=\"form-label\">\u05ea\u05d0\u05e8\u05d9\u05da ${event}<\/label>\r\n <input type=\"date\" class=\"form-input event-date-input\" data-event=\"${event}\">\r\n <\/div>\r\n `).join('');\r\n }\r\n\r\n \/* --- Guest Count Logic --- *\/\r\n function generateGuestCountFields() {\r\n const container = document.getElementById('guest-count-fields');\r\n let events = getActualEventsList();\r\n \r\n container.innerHTML = events.map(event => `\r\n <div class=\"form-group\">\r\n <label class=\"form-label\">\u05db\u05de\u05d5\u05ea \u05d0\u05d5\u05e8\u05d7\u05d9\u05dd \u05e6\u05e4\u05d5\u05d9\u05d9\u05dd \u05d1${event}<\/label>\r\n <input type=\"number\" min=\"0\" step=\"50\" class=\"form-input guest-input\" data-event=\"${event}\" placeholder=\"\u05dc\u05de\u05e9\u05dc: 350\">\r\n <\/div>\r\n `).join('');\r\n \r\n container.querySelectorAll('.guest-input').forEach(input => {\r\n input.addEventListener('input', updateMenuPricing);\r\n });\r\n }\r\n\r\n \/* --- Dynamic Products Logic --- *\/\r\n function buildProductsStep() {\r\n const container = document.getElementById('dynamic-products-container');\r\n container.innerHTML = '';\r\n let events = getActualEventsList();\r\n\r\n events.forEach((event, index) => {\r\n let sectionHTML = `\r\n <div class=\"event-products-section\">\r\n <div class=\"event-section-title-wrapper\">\r\n <h3 class=\"event-section-title\">\u05de\u05d5\u05e6\u05e8\u05d9\u05dd \u05dc${event}<\/h3>\r\n <\/div>\r\n <div class=\"card-grid\">\r\n `;\r\n\r\n const currentCatalog = eventCatalogs[event] || eventCatalogs['\u05d7\u05ea\u05d5\u05e0\u05d4'];\r\n\r\n currentCatalog.forEach(prod => {\r\n const uniqueId = `prod_${index}_${prod.id}`;\r\n let priceText = prod.price === 0 ? '' : `\u05d4\u05d7\u05dc \u05de-${prod.price.toLocaleString()} \u20aa`;\r\n let dynamicAttrs = '';\r\n let noteText = prod.note;\r\n\r\n if (prod.isDynamicMenu) {\r\n dynamicAttrs = `data-is-dynamic-menu=\"true\"`;\r\n priceText = `\u05d4\u05d7\u05dc \u05de-${prod.price} \u20aa`; \/\/ Default until updated\r\n noteText = `<span id=\"note_${uniqueId}\">${prod.note}<\/span>`;\r\n }\r\n\r\n \/\/ Render Custom SVG or standard FA icon\r\n let iconHtml = '';\r\n if (prod.icon.startsWith('<svg') || prod.icon.startsWith('<div')) {\r\n iconHtml = `<div class=\"card-icon custom-svg-icon\">${prod.icon}<\/div>`;\r\n } else {\r\n iconHtml = `<i class=\"fa-solid ${prod.icon} card-icon\"><\/i>`;\r\n }\r\n\r\n sectionHTML += `\r\n <div class=\"selection-card product-card\" onclick=\"toggleDynamicProduct(this, '${event}', '${prod.id}')\" data-event=\"${event}\" data-prod-id=\"${prod.id}\">\r\n <input type=\"checkbox\" id=\"${uniqueId}\" class=\"dynamic-prod-checkbox\" data-event=\"${event}\" data-prod-id=\"${prod.id}\" data-name=\"${prod.name}\" data-base-price=\"${prod.price}\" ${dynamicAttrs}>\r\n ${iconHtml}\r\n <span class=\"card-title\">${prod.name}<\/span>\r\n ${noteText ? `<span class=\"card-note\">${noteText}<\/span>` : ''}\r\n ${priceText ? `<span class=\"card-price\" id=\"price_${uniqueId}\">${priceText}<\/span>` : ''}\r\n <\/div>\r\n `;\r\n });\r\n\r\n \/\/ Add specific \"Other\" input for this event\r\n sectionHTML += `<\/div>\r\n <div class=\"other-input-group\" id=\"other-input-group-${index}\" style=\"display:none; margin-top: 15px;\">\r\n <label class=\"form-label\">\u05e1\u05e4\u05e8\u05d5 \u05dc\u05d9 \u05d0\u05d9\u05d6\u05d4 \u05de\u05d5\u05e6\u05e8 \u05e0\u05d5\u05e1\u05e3 \u05ea\u05e8\u05e6\u05d5 \u05dc${event}?<\/label>\r\n <input type=\"text\" class=\"form-input dynamic-other-input\" data-event=\"${event}\" placeholder=\"\u05db\u05ea\u05d1\u05d5 \u05db\u05d0\u05df...\">\r\n <\/div>\r\n <\/div>`;\r\n \r\n container.innerHTML += sectionHTML;\r\n });\r\n\r\n \/\/ Make sure pricing is updated right away based on guest counts already entered\r\n updateMenuPricing();\r\n }\r\n\r\n function toggleDynamicProduct(card, eventName, prodId) {\r\n if (card.classList.contains('disabled')) return;\r\n\r\n const checkbox = card.querySelector('input');\r\n const isChecking = !checkbox.checked;\r\n\r\n \/\/ Exclusive Logic: Printed vs Digital for the SAME event\r\n if (isChecking) {\r\n if (prodId === 'printed') {\r\n \/\/ Find digital in same event and uncheck it\r\n const digitalCard = document.querySelector(`.selection-card[data-event=\"${eventName}\"][data-prod-id=\"digital\"]`);\r\n if (digitalCard && digitalCard.querySelector('input').checked) {\r\n digitalCard.classList.remove('selected');\r\n digitalCard.querySelector('input').checked = false;\r\n showInfoToast('\u05d4\u05d6\u05de\u05e0\u05d5\u05ea \u05de\u05d5\u05d3\u05e4\u05e1\u05d5\u05ea \u05db\u05d5\u05dc\u05dc\u05d5\u05ea \u05e2\u05d9\u05e6\u05d5\u05d1 \u05d3\u05d9\u05d2\u05d9\u05d8\u05dc\u05d9 \u05d1\u05de\u05ea\u05e0\u05d4. \u05d4\u05e2\u05d9\u05e6\u05d5\u05d1 \u05d4\u05d3\u05d9\u05d2\u05d9\u05d8\u05dc\u05d9 \u05d4\u05d5\u05e1\u05e8 \u05de\u05d4\u05d1\u05d7\u05d9\u05e8\u05d4.');\r\n }\r\n } else if (prodId === 'digital') {\r\n \/\/ Check if printed is already selected\r\n const printedCard = document.querySelector(`.selection-card[data-event=\"${eventName}\"][data-prod-id=\"printed\"]`);\r\n if (printedCard && printedCard.querySelector('input').checked) {\r\n showInfoToast('\u05db\u05d1\u05e8 \u05d1\u05d7\u05e8\u05ea\u05dd \u05d4\u05d6\u05de\u05e0\u05d5\u05ea \u05de\u05d5\u05d3\u05e4\u05e1\u05d5\u05ea \u05dc\u05d0\u05d9\u05e8\u05d5\u05e2 \u05d6\u05d4 (\u05d4\u05db\u05d5\u05dc\u05dc\u05d5\u05ea \u05e2\u05d9\u05e6\u05d5\u05d1 \u05d3\u05d9\u05d2\u05d9\u05d8\u05dc\u05d9), \u05d0\u05d9\u05df \u05e6\u05d5\u05e8\u05da \u05dc\u05d4\u05d5\u05e1\u05d9\u05e3.');\r\n return; \/\/ Prevent checking\r\n }\r\n }\r\n \r\n \/\/ Exclusive Logic: STD Video vs STD Image for the SAME event\r\n if (prodId === 'std_video') {\r\n const imageCard = document.querySelector(`.selection-card[data-event=\"${eventName}\"][data-prod-id=\"std_image\"]`);\r\n if (imageCard && imageCard.querySelector('input').checked) {\r\n imageCard.classList.remove('selected');\r\n imageCard.querySelector('input').checked = false;\r\n showInfoToast('\u05e1\u05e8\u05d8\u05d5\u05df \u05db\u05d5\u05dc\u05dc \u05d2\u05dd \u05de\u05e1\u05e4\u05e8 \u05ea\u05de\u05d5\u05e0\u05d5\u05ea, \u05d0\u05d9\u05df \u05e6\u05d5\u05e8\u05da \u05dc\u05d4\u05d6\u05de\u05d9\u05df \u05d1\u05e0\u05e4\u05e8\u05d3. \u05d4\u05ea\u05de\u05d5\u05e0\u05d4 \u05d4\u05d5\u05e1\u05e8\u05d4 \u05de\u05d4\u05d1\u05d7\u05d9\u05e8\u05d4.');\r\n }\r\n } else if (prodId === 'std_image') {\r\n const videoCard = document.querySelector(`.selection-card[data-event=\"${eventName}\"][data-prod-id=\"std_video\"]`);\r\n if (videoCard && videoCard.querySelector('input').checked) {\r\n showInfoToast('\u05db\u05d1\u05e8 \u05d1\u05d7\u05e8\u05ea\u05dd \u05e1\u05e8\u05d8\u05d5\u05df \u05dc\u05d0\u05d9\u05e8\u05d5\u05e2 \u05d6\u05d4 (\u05d4\u05db\u05d5\u05dc\u05dc \u05d2\u05dd \u05de\u05e1\u05e4\u05e8 \u05ea\u05de\u05d5\u05e0\u05d5\u05ea), \u05d0\u05d9\u05df \u05e6\u05d5\u05e8\u05da \u05dc\u05d4\u05d5\u05e1\u05d9\u05e3.');\r\n return; \/\/ Prevent checking\r\n }\r\n }\r\n }\r\n\r\n \/\/ Standard Toggle\r\n card.classList.toggle('selected');\r\n checkbox.checked = isChecking;\r\n\r\n \/\/ Handle \"Other\" Input display per event\r\n if (prodId === 'other') {\r\n const eventIndex = getActualEventsList().indexOf(eventName);\r\n const otherGroup = document.getElementById(`other-input-group-${eventIndex}`);\r\n if (otherGroup) {\r\n otherGroup.style.display = isChecking ? 'block' : 'none';\r\n if (isChecking) {\r\n otherGroup.classList.add('show');\r\n } else {\r\n otherGroup.classList.remove('show');\r\n }\r\n }\r\n }\r\n\r\n \/\/ Upsell notification\r\n const totalCheckedProducts = document.querySelectorAll('.dynamic-prod-checkbox:checked:not([data-prod-id=\"other\"])').length;\r\n if (totalCheckedProducts === 2 && isChecking) {\r\n showUpsellToast();\r\n }\r\n }\r\n\r\n function updateMenuPricing() {\r\n \/\/ Re-calculate prices for all menu items across all events based on respective guest counts\r\n const menuCheckboxes = document.querySelectorAll('.dynamic-prod-checkbox[data-is-dynamic-menu=\"true\"]');\r\n \r\n menuCheckboxes.forEach(cb => {\r\n const eventName = cb.dataset.event;\r\n \/\/ find guest count for this event\r\n const guestInput = document.querySelector(`.guest-input[data-event=\"${eventName}\"]`);\r\n const count = guestInput && guestInput.value ? parseInt(guestInput.value) : 0;\r\n \r\n let price = 1700; \/\/ default max\r\n for (const tier of menuPricing) {\r\n if (count <= tier.max) { price = tier.price; break; }\r\n }\r\n\r\n \/\/ Update dataset and DOM\r\n cb.dataset.currentPrice = price;\r\n const uniqueId = cb.id;\r\n const priceEl = document.getElementById(`price_${uniqueId}`);\r\n const noteEl = document.getElementById(`note_${uniqueId}`);\r\n \r\n if (priceEl) priceEl.textContent = `\u05d4\u05d7\u05dc \u05de-${price.toLocaleString()} \u20aa`;\r\n if (noteEl) {\r\n if (count > 0 && count < 250) {\r\n noteEl.textContent = '\u05e2\u05d3 250 \u05d9\u05d7\\'';\r\n } else if (count >= 250) {\r\n noteEl.textContent = `\u05dc-${count} \u05d9\u05d7\\'`;\r\n } else {\r\n noteEl.textContent = '\u05e2\u05d9\u05e6\u05d5\u05d1 \u05d0\u05d9\u05e9\u05d9 \u05d5\u05d4\u05d3\u05e4\u05e1\u05d4';\r\n }\r\n }\r\n });\r\n }\r\n\r\n function calculateTotal() {\r\n let total = 0;\r\n document.querySelectorAll('.dynamic-prod-checkbox:checked').forEach(cb => {\r\n if (cb.dataset.isDynamicMenu) {\r\n total += parseInt(cb.dataset.currentPrice) || parseInt(cb.dataset.basePrice);\r\n } else {\r\n total += parseInt(cb.dataset.basePrice) || 0;\r\n }\r\n });\r\n return total;\r\n }\r\n\r\n \/* --- Step 6: Summary --- *\/\r\n function generateStep6() {\r\n const checkedBoxes = Array.from(document.querySelectorAll('.dynamic-prod-checkbox:checked'));\r\n const container = document.getElementById('step6-content');\r\n const titleEl = document.getElementById('step6-title');\r\n \r\n selectedCallDate = null;\r\n selectedTimeSlots = [];\r\n \r\n const totalProductsCount = checkedBoxes.length;\r\n const isOnlyOther = (totalProductsCount === 1 && checkedBoxes[0].dataset.prodId === 'other');\r\n \r\n \/\/ Go to single product ONLY if exactly 1 product is selected AND it's NOT \"other\"\r\n if (totalProductsCount === 1 && !isOnlyOther) {\r\n \/\/ SINGLE PRODUCT FLOW\r\n isSingleProduct = true;\r\n totalSteps = 6;\r\n stepTitles[6] = \"\u05de\u05e2\u05d1\u05e8 \u05dc\u05e8\u05db\u05d9\u05e9\u05d4\";\r\n titleEl.classList.add('font-gveret-levin');\r\n titleEl.textContent = \"\u05d1\u05d7\u05e8\u05ea\u05dd \u05de\u05d5\u05e6\u05e8 \u05d1\u05d5\u05d3\u05d3 - \u05ea\u05d5\u05db\u05dc\u05d5 \u05dc\u05e8\u05db\u05d5\u05e9 \u05e2\u05e6\u05de\u05d0\u05d9\u05ea \u05d1\u05d0\u05ea\u05e8\";\r\n \r\n const productCb = checkedBoxes[0];\r\n const evt = productCb.dataset.event;\r\n const currentCatalog = eventCatalogs[evt] || eventCatalogs['\u05d7\u05ea\u05d5\u05e0\u05d4'];\r\n const prodData = currentCatalog.find(p => p.id === productCb.dataset.prodId);\r\n const priceStart = productCb.dataset.currentPrice || prodData.price;\r\n const minQty = productCb.parentElement.querySelector('.card-note')?.innerText || '';\r\n\r\n let largeIconHtml = '';\r\n if (prodData.icon.startsWith('<svg') || prodData.icon.startsWith('<div')) {\r\n largeIconHtml = `<div class=\"product-icon-large custom-svg-icon\">${prodData.icon}<\/div>`;\r\n } else {\r\n largeIconHtml = `<div class=\"product-icon-large\"><i class=\"fa-solid ${prodData.icon}\"><\/i><\/div>`;\r\n }\r\n\r\n \/\/ Map specific single product links based on event chosen\r\n const singleProductLinks = {\r\n '\u05d7\u05ea\u05d5\u05e0\u05d4': 'https:\/\/noamdesigns.com\/he\/product-category\/wedding\/',\r\n '\u05d7\u05d9\u05e0\u05d4': 'https:\/\/noamdesigns.com\/he\/product-category\/henna\/',\r\n '\u05de\u05e7\u05d5\u05d5\u05d4\/\u05d4\u05e4\u05e8\u05e9\u05ea \u05d7\u05dc\u05d4': 'https:\/\/noamdesigns.com\/he\/product-category\/mikveh\/',\r\n '\u05de\u05e1\u05d9\u05d1\u05ea \u05e8\u05d5\u05d5\u05e7\u05d5\u05ea': 'https:\/\/noamdesigns.com\/he\/product-category\/mesibat-ravakot\/',\r\n '\u05d1\u05e8\/\u05d1\u05ea \u05de\u05e6\u05d5\u05d5\u05d4': 'https:\/\/noamdesigns.com\/he\/product-category\/bar-bat-mitzvah\/',\r\n '\u05d9\u05d5\u05dd \u05d4\u05d5\u05dc\u05d3\u05ea': 'https:\/\/noamdesigns.com\/he\/product-category\/birthday\/'\r\n };\r\n const productLink = singleProductLinks[evt] || 'https:\/\/noamdesigns.com\/he\/shop\/';\r\n\r\n container.innerHTML = `\r\n <div class=\"single-product-section\">\r\n ${largeIconHtml}\r\n <h2 style=\"font-size:1.6rem; margin-bottom:5px; color:var(--text-dark);\">\r\n ${prodData.name} \u05dc${productCb.dataset.event}\r\n <\/h2>\r\n \r\n <div style=\"font-size:1.1rem; color:var(--primary-dark); font-weight:600; margin-bottom:15px;\">\r\n \u05d4\u05d7\u05dc \u05de-${parseInt(priceStart).toLocaleString()} \u20aa\r\n <span style=\"font-size:0.9rem; font-weight:400; color:#777; display:block;\">${minQty}<\/span>\r\n <\/div>\r\n\r\n <p style=\"font-size:1rem; color:#666; max-width:500px; margin:0 auto 20px;\">\r\n \u05d1\u05de\u05e2\u05d1\u05e8 \u05dc\u05d0\u05ea\u05e8 \u05ea\u05d5\u05db\u05dc\u05d5 \u05dc\u05d1\u05d7\u05d5\u05e8 \u05d3\u05d2\u05dd \u05e1\u05e4\u05e6\u05d9\u05e4\u05d9, \u05dc\u05d4\u05ea\u05d0\u05d9\u05dd \u05db\u05de\u05d5\u05d9\u05d5\u05ea \u05de\u05d3\u05d5\u05d9\u05e7\u05d5\u05ea \u05d5\u05dc\u05e8\u05d0\u05d5\u05ea \u05d0\u05ea \u05d4\u05de\u05d7\u05d9\u05e8 \u05d4\u05e1\u05d5\u05e4\u05d9 \u05de\u05ea\u05e2\u05d3\u05db\u05df \u05d1\u05d6\u05de\u05df \u05d0\u05de\u05ea.\r\n <\/p>\r\n \r\n <button type=\"button\" class=\"btn-product\" onclick=\"window.open('${productLink}', '_blank')\">\r\n \u05de\u05e2\u05d1\u05e8 \u05dc\u05e8\u05db\u05d9\u05e9\u05d4 \u05d1\u05d0\u05ea\u05e8 <i class=\"fa-solid fa-arrow-left\"><\/i>\r\n <\/button>\r\n\r\n <div class=\"info-note\">\r\n <i class=\"fa-solid fa-circle-info\"><\/i>\r\n <div class=\"info-note-content\">\r\n \u05d1\u05d1\u05d7\u05d9\u05e8\u05ea \u05de\u05d5\u05e6\u05e8 \u05d0\u05d7\u05d3 \u05d1\u05dc\u05d1\u05d3 - \u05e0\u05d9\u05ea\u05df \u05dc\u05d4\u05d6\u05de\u05d9\u05df \u05d9\u05e9\u05d9\u05e8\u05d5\u05ea \u05d1\u05d0\u05ea\u05e8.<br>\r\n <span class=\"manual-thickness\">\u05e8\u05d5\u05e6\u05d9\u05dd \u05d7\u05d1\u05d9\u05dc\u05d4 \u05de\u05d5\u05ea\u05d0\u05de\u05ea \u05d0\u05d9\u05e9\u05d9\u05ea \u05dc\u05db\u05dc \u05d4\u05d0\u05d9\u05e8\u05d5\u05e2\u05d9\u05dd \u05e9\u05dc\u05db\u05dd?<\/span>\r\n <a href=\"javascript:void(0)\" onclick=\"prevStep()\">\u05d7\u05d6\u05e8\u05d5 \u05d0\u05d7\u05d5\u05e8\u05d4<\/a>, \u05d4\u05d5\u05e1\u05d9\u05e4\u05d5 \u05de\u05d5\u05e6\u05e8\u05d9\u05dd, \u05d5\u05e0\u05ea\u05d0\u05dd \u05dc\u05db\u05dd \u05e9\u05d9\u05d7\u05d4 \u05db\u05d3\u05d9 \u05dc\u05d4\u05ea\u05d0\u05d9\u05dd \u05d4\u05db\u05dc \u05d1\u05d3\u05d9\u05d5\u05e7 \u05d0\u05dc\u05d9\u05db\u05dd.\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n `;\r\n } else {\r\n \/\/ PACKAGE FLOW\r\n isSingleProduct = false;\r\n totalSteps = 8;\r\n stepTitles[6] = \"\u05e1\u05d9\u05db\u05d5\u05dd \u05d5\u05ea\u05d9\u05d0\u05d5\u05dd \u05e9\u05d9\u05d7\u05d4\";\r\n titleEl.classList.remove('font-gveret-levin');\r\n titleEl.textContent = \"\u05e1\u05d9\u05db\u05d5\u05dd \u05d5\u05ea\u05d9\u05d0\u05d5\u05dd \u05e9\u05d9\u05d7\u05d4\";\r\n \r\n const total = calculateTotal();\r\n \/\/ Determine discount by real products count (excluding other)\r\n const realProductsCount = checkedBoxes.filter(cb => cb.dataset.prodId !== 'other').length;\r\n const discountApplied = realProductsCount >= 3;\r\n const finalTotal = discountApplied ? Math.round(total * 0.9) : total;\r\n const dates = generateCallDates();\r\n \r\n \/\/ Group products by event for display\r\n let productsByEvent = {};\r\n checkedBoxes.forEach(cb => {\r\n const evt = cb.dataset.event;\r\n let displayName = cb.dataset.name;\r\n \r\n if(cb.dataset.isDynamicMenu) {\r\n const countText = document.getElementById(`note_${cb.id}`).textContent;\r\n displayName = `\u05ea\u05e4\u05e8\u05d9\u05d8\u05d9\u05dd (${countText})`;\r\n }\r\n if(cb.dataset.prodId === 'other') {\r\n const eventIndex = getActualEventsList().indexOf(evt);\r\n const input = document.querySelector(`#other-input-group-${eventIndex} input`);\r\n if (input && input.value.trim()) {\r\n displayName = input.value.trim();\r\n }\r\n }\r\n\r\n if(!productsByEvent[evt]) productsByEvent[evt] = [];\r\n if (!productsByEvent[evt].includes(displayName)) {\r\n productsByEvent[evt].push(displayName);\r\n }\r\n });\r\n\r\n \/\/ Build HTML List grouped by event\r\n let productsListHTML = '';\r\n for (const [evt, prods] of Object.entries(productsByEvent)) {\r\n if (prods.length === 0) continue;\r\n productsListHTML += `\r\n <div class=\"summary-event-group\">\r\n <div class=\"summary-event-title\">${evt}<\/div>\r\n <ul class=\"selected-products-list\">\r\n ${prods.map(p => `<li><i class=\"fa-solid fa-check\"><\/i> ${p}<\/li>`).join('')}\r\n <\/ul>\r\n <\/div>\r\n `;\r\n }\r\n\r\n \/\/ Check for physical products\r\n const digitalIds = ['digital', 'std_image', 'std_video', 'logo'];\r\n const hasPhysical = checkedBoxes.some(cb => !digitalIds.includes(cb.dataset.prodId) && cb.dataset.prodId !== 'other');\r\n\r\n let priceDisplay = `<div class=\"price-amount\">${total.toLocaleString()} <span>\u20aa<\/span><\/div>`;\r\n if (discountApplied) {\r\n priceDisplay = `\r\n <div class=\"price-amount\">\r\n <span class=\"old-price\">${total.toLocaleString()}<\/span> \r\n ${finalTotal.toLocaleString()} <span>\u20aa<\/span>\r\n <\/div>\r\n <span class=\"discount-badge\">\u05db\u05d5\u05dc\u05dc 10% \u05d4\u05e0\u05d7\u05d4 \u05dc\u05d7\u05d1\u05d9\u05dc\u05d4!<\/span>\r\n `;\r\n }\r\n\r\n let shippingHTML = hasPhysical ? `<div class=\"shipping-note\"><i class=\"fa-solid fa-truck-fast\"><\/i> \u05db\u05d5\u05dc\u05dc \u05de\u05e9\u05dc\u05d5\u05d7 \u05d7\u05d9\u05e0\u05dd \u05e2\u05d3 \u05d4\u05d1\u05d9\u05ea<\/div>` : '';\r\n\r\n let priceSummaryHTML = '';\r\n if (totalProductsCount > 0) {\r\n priceSummaryHTML = `\r\n <div class=\"price-summary-card\">\r\n <h3>\u05d4\u05de\u05d5\u05e6\u05e8\u05d9\u05dd \u05e9\u05d1\u05d7\u05e8\u05ea\u05dd:<\/h3>\r\n ${productsListHTML}\r\n <div style=\"margin-top:20px; padding-top:20px; border-top:1px dashed rgba(177,145,125,0.3);\">\r\n <h3 style=\"font-weight:400; font-size:1rem;\">\u05d4\u05d7\u05dc \u05de-<\/h3>\r\n ${priceDisplay}\r\n <h3 style=\"font-weight:400; font-size:1rem;\">\u05e2\u05d1\u05d5\u05e8 \u05d4\u05d7\u05d1\u05d9\u05dc\u05d4 \u05db\u05d5\u05dc\u05d4<\/h3>\r\n <div style=\"font-size:0.85rem; opacity:0.8; margin-top:5px; color:#777;\">\r\n *\u05d4\u05de\u05d7\u05d9\u05e8 \u05d4\u05e1\u05d5\u05e4\u05d9 \u05ea\u05dc\u05d5\u05d9 \u05d1\u05d2\u05d9\u05de\u05d5\u05e8\u05d9\u05dd \u05d5\u05d1\u05e9\u05d3\u05e8\u05d5\u05d2\u05d9\u05dd \u05e9\u05ea\u05d1\u05d7\u05e8\u05d5\r\n <\/div>\r\n ${shippingHTML}\r\n <\/div>\r\n <\/div>\r\n `;\r\n }\r\n\r\n container.innerHTML = `\r\n ${priceSummaryHTML}\r\n <div class=\"flow-arrow\"><i class=\"fa-solid fa-chevron-down\"><\/i><\/div>\r\n <div style=\"text-align:center; margin-top:10px;\">\r\n <h3 style=\"font-size:1.3rem; margin-bottom:10px;\">\u05de\u05ea\u05d9 \u05e0\u05d5\u05d7 \u05dc\u05db\u05dd \u05dc\u05d3\u05d1\u05e8 \u05e2\u05dd \u05e0\u05e2\u05dd?<\/h3>\r\n <p style=\"color:#666; margin-bottom:20px; max-width:550px; margin-left:auto; margin-right:auto;\">\r\n ${totalProductsCount > 0 ? '\u05e7\u05d9\u05d1\u05dc\u05ea\u05dd \u05db\u05e2\u05ea \u05d4\u05e2\u05e8\u05db\u05d4 \u05db\u05dc\u05dc\u05d9\u05ea \u05dc\u05de\u05d7\u05d9\u05e8 \u05d4\u05d4\u05ea\u05d7\u05dc\u05ea\u05d9. ' : ''}\u05d0\u05e0\u05d9 \u05de\u05d6\u05de\u05d9\u05e0\u05d4 \u05d0\u05ea\u05db\u05dd \u05dc\u05e7\u05d1\u05d5\u05e2 \u05d0\u05d9\u05ea\u05d9 \u05e9\u05d9\u05d7\u05d4 \u05d0\u05d9\u05e9\u05d9\u05ea \u05d1\u05d4 \u05e0\u05d3\u05d9\u05d9\u05e7 \u05d0\u05ea \u05d4\u05db\u05dc \u05d1\u05de\u05d9\u05d5\u05d7\u05d3 \u05d0\u05dc\u05d9\u05db\u05dd.\r\n <\/p>\r\n \r\n <div class=\"date-options\">\r\n ${dates.map(d => `\r\n <div class=\"date-option\" onclick=\"selectCallDate('${d.value}', this, ${d.isFriday})\">\r\n <div style=\"font-weight:600; margin-bottom:4px;\">${d.label}<\/div>\r\n <div class=\"day-date\">${d.display}<\/div>\r\n <\/div>\r\n `).join('')}\r\n <\/div>\r\n \r\n <div id=\"time-slots-container\" style=\"display:none; margin-top:20px; animation:fadeIn 0.3s;\">\r\n <div style=\"font-size:0.9rem; color:var(--primary-color); margin-bottom:10px;\">\u05e0\u05d9\u05ea\u05df \u05dc\u05d1\u05d7\u05d5\u05e8 \u05de\u05e1\u05e4\u05e8 \u05d8\u05d5\u05d5\u05d7\u05d9\u05dd<\/div>\r\n <div class=\"time-slots-grid\" id=\"time-slots-grid\"><\/div>\r\n <\/div>\r\n <\/div>\r\n `;\r\n }\r\n updateProgress();\r\n }\r\n\r\n function generateCallDates() {\r\n const dates = [];\r\n const today = new Date();\r\n let count = 0;\r\n let i = 0;\r\n \r\n while (count < 3) {\r\n const d = new Date(today);\r\n d.setDate(today.getDate() + i);\r\n const dayOfWeek = d.getDay(); \r\n \r\n if (dayOfWeek !== 6) { \/\/ Skip Saturday\r\n let label = d.toLocaleDateString('he-IL', { weekday: 'long' });\r\n let isTodayValid = true;\r\n \r\n if (i === 0) {\r\n const currentHour = new Date().getHours();\r\n const isFriday = (dayOfWeek === 5);\r\n const lastSlotStart = isFriday ? 11 : 17; \r\n if (currentHour >= lastSlotStart) {\r\n isTodayValid = false;\r\n }\r\n }\r\n\r\n if (isTodayValid) {\r\n if (i === 0) label = \"\u05d4\u05d9\u05d5\u05dd\";\r\n else if (i === 1) label = \"\u05de\u05d7\u05e8\";\r\n \r\n dates.push({\r\n label: label,\r\n display: d.toLocaleDateString('he-IL', { day: 'numeric', month: 'numeric' }),\r\n value: d.toISOString().split('T')[0],\r\n isFriday: (dayOfWeek === 5),\r\n isToday: (i === 0)\r\n });\r\n count++;\r\n }\r\n }\r\n i++;\r\n }\r\n return dates;\r\n }\r\n\r\n function selectCallDate(value, el, isFriday) {\r\n selectedCallDate = value;\r\n selectedTimeSlots = [];\r\n document.querySelectorAll('.date-option').forEach(d => d.classList.remove('selected'));\r\n el.classList.add('selected');\r\n \r\n const grid = document.getElementById('time-slots-grid');\r\n grid.innerHTML = '';\r\n \r\n const allSlots = [\r\n { id: '09:00 - 11:00', sort: 1 },\r\n { id: '11:00 - 13:00', sort: 2 },\r\n { id: '13:00 - 15:00', sort: 3 },\r\n { id: '15:00 - 17:00', sort: 4 },\r\n { id: '17:00 - 19:00', sort: 5 }\r\n ];\r\n \r\n const now = new Date();\r\n const isToday = (value === now.toISOString().split('T')[0]);\r\n const currentHour = now.getHours();\r\n\r\n allSlots.forEach(slot => {\r\n if (isFriday && slot.sort > 2) return;\r\n if (isToday) {\r\n const slotEndHour = parseInt(slot.id.split(' - ')[1].split(':')[0]);\r\n if (currentHour >= slotEndHour) return; \r\n }\r\n\r\n const div = document.createElement('div');\r\n div.className = 'time-slot';\r\n div.innerText = slot.id;\r\n div.onclick = function() { toggleTimeSlot(slot.id, this); };\r\n grid.appendChild(div);\r\n });\r\n\r\n document.getElementById('time-slots-container').style.display = 'block';\r\n }\r\n\r\n function toggleTimeSlot(time, el) {\r\n const idx = selectedTimeSlots.indexOf(time);\r\n if (idx > -1) {\r\n selectedTimeSlots.splice(idx, 1);\r\n el.classList.remove('selected');\r\n } else {\r\n selectedTimeSlots.push(time);\r\n el.classList.add('selected');\r\n }\r\n }\r\n \r\n function formatSelectedTimes(times) {\r\n if (!times || times.length === 0) return '';\r\n const parseRange = (t) => {\r\n const parts = t.split(' - ');\r\n return { start: parseInt(parts[0]), end: parseInt(parts[1]), text: t };\r\n };\r\n const sorted = times.map(parseRange).sort((a, b) => a.start - b.start);\r\n const merged = [];\r\n let current = sorted[0];\r\n \r\n for (let i = 1; i < sorted.length; i++) {\r\n if (current.end === sorted[i].start) {\r\n current.end = sorted[i].end;\r\n } else {\r\n merged.push(current);\r\n current = sorted[i];\r\n }\r\n }\r\n merged.push(current);\r\n \r\n return merged.map(m => {\r\n const s = m.start < 10 ? '0' + m.start + ':00' : m.start + ':00';\r\n const e = m.end < 10 ? '0' + m.end + ':00' : m.end + ':00';\r\n return `${s} - ${e}`;\r\n }).join(' \/ ');\r\n }\r\n\r\n \/* --- Validation & Navigation --- *\/\r\n function validate() {\r\n switch(currentStep) {\r\n case 1:\r\n if (!document.getElementById('fullName').value.trim()) { showError('\u05e0\u05d0 \u05dc\u05d4\u05d6\u05d9\u05df \u05e9\u05dd \u05de\u05dc\u05d0'); return false; }\r\n if (!document.getElementById('email').value.includes('@')) { showError('\u05e0\u05d0 \u05dc\u05d4\u05d6\u05d9\u05df \u05de\u05d9\u05d9\u05dc \u05ea\u05e7\u05d9\u05df'); return false; }\r\n if (document.getElementById('phone').value.length < 10) { showError('\u05e0\u05d0 \u05dc\u05d4\u05d6\u05d9\u05df \u05d8\u05dc\u05e4\u05d5\u05df \u05ea\u05e7\u05d9\u05df'); return false; }\r\n if (!document.getElementById('consent-checkbox').checked) { showError('\u05d7\u05d5\u05d1\u05d4 \u05dc\u05d0\u05e9\u05e8 \u05d0\u05ea \u05ea\u05e0\u05d0\u05d9 \u05d4\u05e9\u05d9\u05de\u05d5\u05e9'); return false; }\r\n return true;\r\n case 2:\r\n if (selectedEvents.length === 0) { showError('\u05e0\u05d0 \u05dc\u05d1\u05d7\u05d5\u05e8 \u05e1\u05d5\u05d2 \u05d0\u05d9\u05e8\u05d5\u05e2'); return false; }\r\n return true;\r\n case 3:\r\n const dateOption = document.querySelector('input[name=\"hasDate\"]:checked');\r\n if (!dateOption) { showError('\u05d9\u05e9 \u05dc\u05d1\u05d7\u05d5\u05e8 \u05e1\u05d8\u05d8\u05d5\u05e1 \u05ea\u05d0\u05e8\u05d9\u05da'); return false; }\r\n if (dateOption.value === 'yes') {\r\n let validDates = true;\r\n document.querySelectorAll('.event-date-input').forEach(input => { if (!input.value) validDates = false; });\r\n if (!validDates) { showError('\u05e0\u05d0 \u05dc\u05d4\u05d6\u05d9\u05df \u05d0\u05ea \u05d4\u05ea\u05d0\u05e8\u05d9\u05db\u05d9\u05dd \u05d4\u05de\u05d1\u05d5\u05e7\u05e9\u05d9\u05dd'); return false; }\r\n }\r\n return true;\r\n case 4:\r\n let validGuests = true;\r\n document.querySelectorAll('.guest-input').forEach(i => { if(!i.value) validGuests = false; });\r\n if(!validGuests) { showError('\u05e0\u05d0 \u05dc\u05de\u05dc\u05d0 \u05db\u05de\u05d5\u05ea \u05d0\u05d5\u05e8\u05d7\u05d9\u05dd \u05de\u05e9\u05d5\u05e2\u05e8\u05ea'); return false; }\r\n return true;\r\n case 5:\r\n const eventsForValidation = getActualEventsList();\r\n \r\n \/\/ \u05de\u05d5\u05d5\u05d3\u05d0 \u05e9\u05dc\u05e4\u05d7\u05d5\u05ea \u05de\u05d5\u05e6\u05e8 \u05d0\u05d7\u05d3 \u05e0\u05d1\u05d7\u05e8 \u05e2\u05d1\u05d5\u05e8 *\u05db\u05dc \u05d0\u05d9\u05e8\u05d5\u05e2* \u05d1\u05e0\u05e4\u05e8\u05d3\r\n for (let evt of eventsForValidation) {\r\n const evtCheckedCount = document.querySelectorAll(`.dynamic-prod-checkbox[data-event=\"${evt}\"]:checked`).length;\r\n if (evtCheckedCount === 0) {\r\n showError(`\u05e0\u05d0 \u05dc\u05d1\u05d7\u05d5\u05e8 \u05dc\u05e4\u05d7\u05d5\u05ea \u05de\u05d5\u05e6\u05e8 \u05d0\u05d7\u05d3 \u05e2\u05d1\u05d5\u05e8 \u05d4\u05d0\u05d9\u05e8\u05d5\u05e2: ${evt}`);\r\n return false;\r\n }\r\n }\r\n \r\n \/\/ \u05de\u05d5\u05d5\u05d3\u05d0 \u05e9\u05d0\u05dd \u05e0\u05d1\u05d7\u05e8 \"\u05d0\u05d7\u05e8\" \u05d1\u05d0\u05d7\u05d3 \u05de\u05d4\u05d0\u05d9\u05e8\u05d5\u05e2\u05d9\u05dd - \u05d4\u05ea\u05d9\u05d1\u05d4 \u05de\u05d5\u05dc\u05d0\u05d4 \u05db\u05e8\u05d0\u05d5\u05d9\r\n let missingOther = false;\r\n document.querySelectorAll('.dynamic-prod-checkbox[data-prod-id=\"other\"]:checked').forEach(cb => {\r\n const evt = cb.dataset.event;\r\n const eventIndex = eventsForValidation.indexOf(evt);\r\n const input = document.querySelector(`#other-input-group-${eventIndex} input`);\r\n if (input && !input.value.trim()) {\r\n missingOther = true;\r\n }\r\n });\r\n if (missingOther) {\r\n showError('\u05d1\u05d7\u05e8\u05ea\u05dd \u05d1\u05d0\u05e4\u05e9\u05e8\u05d5\u05ea \"\u05d0\u05d7\u05e8\" - \u05e0\u05d0 \u05dc\u05e4\u05e8\u05d8 \u05d0\u05d9\u05d6\u05d4 \u05de\u05d5\u05e6\u05e8 \u05ea\u05e8\u05e6\u05d5 \u05d1\u05e9\u05d3\u05d4 \u05d4\u05e8\u05d9\u05e7');\r\n return false;\r\n }\r\n return true;\r\n case 6:\r\n if (!isSingleProduct) {\r\n if (!selectedCallDate) { showError('\u05e0\u05d0 \u05dc\u05d1\u05d7\u05d5\u05e8 \u05d9\u05d5\u05dd \u05dc\u05e9\u05d9\u05d7\u05d4'); return false; }\r\n if (selectedTimeSlots.length === 0) { showError('\u05e0\u05d0 \u05dc\u05d1\u05d7\u05d5\u05e8 \u05e9\u05e2\u05d4 \u05dc\u05e9\u05d9\u05d7\u05d4'); return false; }\r\n }\r\n return true;\r\n default: return true;\r\n }\r\n }\r\n\r\n function nextStep() {\r\n if (!validate()) return;\r\n \r\n if (currentStep === 2) generateGuestCountFields();\r\n if (currentStep === 4) buildProductsStep(); \r\n if (currentStep === 5) generateStep6();\r\n \r\n if (isSingleProduct && currentStep === 6) return; \r\n if (currentStep === 7) submitForm(); \r\n \r\n if (currentStep < totalSteps) {\r\n currentStep++;\r\n showStep(currentStep);\r\n }\r\n }\r\n\r\n function prevStep() {\r\n if (currentStep > 1) {\r\n if (currentStep === 6 && isSingleProduct) {\r\n isSingleProduct = false;\r\n totalSteps = 8;\r\n }\r\n currentStep--;\r\n showStep(currentStep);\r\n }\r\n }\r\n\r\n function showStep(step) {\r\n document.querySelectorAll('.step').forEach(s => s.classList.remove('active'));\r\n document.querySelector(`.step[data-step=\"${step}\"]`)?.classList.add('active');\r\n updateProgress();\r\n \r\n const prevBtn = document.getElementById('prev-btn');\r\n const nextBtn = document.getElementById('next-btn');\r\n const nav = document.getElementById('navigation-buttons');\r\n \r\n prevBtn.style.display = step === 1 ? 'none' : 'inline-block';\r\n nextBtn.style.display = 'inline-block';\r\n nav.style.display = 'flex';\r\n nav.style.justifyContent = 'space-between';\r\n nav.classList.remove('d-none-important');\r\n\r\n if (step === 8) {\r\n nav.style.setProperty('display', 'none', 'important');\r\n return;\r\n }\r\n\r\n if (isSingleProduct && step === 6) {\r\n nextBtn.style.display = 'none'; \r\n nav.style.justifyContent = 'center';\r\n } \r\n else {\r\n nextBtn.textContent = step === 7 ? '\u05e9\u05dc\u05d9\u05d7\u05d4 \u05d5\u05e1\u05d9\u05d5\u05dd' : '\u05d4\u05de\u05e9\u05da';\r\n }\r\n window.scrollTo({ top: 0, behavior: 'smooth' });\r\n }\r\n\r\n function submitForm() {\r\n if (selectedCallDate) {\r\n const d = new Date(selectedCallDate);\r\n document.getElementById('confirm-date').textContent = d.toLocaleDateString('he-IL', { weekday: 'long', day: 'numeric', month: 'long' });\r\n document.getElementById('confirm-times').textContent = formatSelectedTimes(selectedTimeSlots);\r\n }\r\n\r\n const eventDates = {};\r\n document.querySelectorAll('.event-date-input').forEach(input => {\r\n if(input.value) {\r\n const parts = input.value.split('-');\r\n if (parts.length === 3) {\r\n eventDates[input.dataset.event] = `${parts[2]}.${parts[1]}.${parts[0]}`;\r\n } else {\r\n eventDates[input.dataset.event] = input.value;\r\n }\r\n }\r\n });\r\n\r\n \/\/ Extract text from multiple \"Other\" fields into one string for Webhook\r\n const otherProductsArr = [];\r\n document.querySelectorAll('.dynamic-prod-checkbox[data-prod-id=\"other\"]:checked').forEach(cb => {\r\n const evt = cb.dataset.event;\r\n const eventIndex = getActualEventsList().indexOf(evt);\r\n const input = document.querySelector(`#other-input-group-${eventIndex} input`);\r\n if (input && input.value.trim()) {\r\n otherProductsArr.push(input.value.trim());\r\n }\r\n });\r\n const combinedOtherProducts = otherProductsArr.join(' | ');\r\n\r\n \/\/ Group products by event (Dictionary\/Object form)\r\n const structuredProducts = {};\r\n document.querySelectorAll('.dynamic-prod-checkbox:checked').forEach(cb => {\r\n const evt = cb.dataset.event;\r\n let prodName = cb.dataset.name;\r\n \r\n if (cb.dataset.prodId === 'other') {\r\n const eventIndex = getActualEventsList().indexOf(evt);\r\n const input = document.querySelector(`#other-input-group-${eventIndex} input`);\r\n prodName = (input && input.value.trim()) ? input.value.trim() : '\u05d0\u05d7\u05e8';\r\n }\r\n\r\n if (!structuredProducts[evt]) {\r\n structuredProducts[evt] = [];\r\n }\r\n structuredProducts[evt].push(prodName);\r\n });\r\n\r\n const guestCounts = {};\r\n document.querySelectorAll('.guest-input').forEach(input => {\r\n if(input.value) guestCounts[input.dataset.event] = input.value;\r\n });\r\n\r\n const data = {\r\n fullName: document.getElementById('fullName').value,\r\n email: document.getElementById('email').value,\r\n phone: document.getElementById('phone').value,\r\n events: getActualEventsList(),\r\n otherEvent: document.getElementById('otherEventType').value,\r\n otherProduct: combinedOtherProducts, \/\/ Webhook name remains exactly the same!\r\n eventDates: eventDates, \r\n guestCounts: guestCounts,\r\n products: structuredProducts, \/\/ Now a dictionary: {\"event1\": [\"prod1\", \"prod2\"]}\r\n totalPrice: calculateTotal(),\r\n callDate: selectedCallDate,\r\n callTimes: selectedTimeSlots,\r\n notes: document.getElementById('additionalNotes').value\r\n };\r\n \r\n \/\/ Facebook Pixel Tracking\r\n if (typeof fbq === 'function') {\r\n fbq('track', 'Lead', {\r\n content_name: 'Noam Designs Form Lead',\r\n value: data.totalPrice,\r\n currency: 'ILS'\r\n });\r\n }\r\n\r\n \/\/ Send\r\n fetch(\"https:\/\/hook.eu2.make.com\/lwlx80qg42l3sfxvrm43m9qow57cpvjl\", {\r\n method: \"POST\",\r\n headers: { \"Content-Type\": \"application\/json\" },\r\n body: JSON.stringify(data)\r\n }).catch(console.error);\r\n \r\n currentStep = totalSteps;\r\n showStep(currentStep);\r\n }\r\n <\/script>\r\n<\/body>\r\n<\/html>\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<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>NOAM DESIGN \u05de\u05d9\u05ea\u05d5\u05d2 \u05d5\u05e2\u05d9\u05e6\u05d5\u05d1 \u05d0\u05d9\u05e8\u05d5\u05e2\u05d9\u05dd | \u05d4\u05e4\u05e7\u05ea \u05d3\u05e4\u05d5\u05e1 | \u05d9\u05e6\u05d9\u05e8\u05ea \u05ea\u05d5\u05db\u05df \u05d8\u05d5\u05e4\u05e1 \u05d4\u05d6\u05de\u05e0\u05d4 – \u05e0\u05e2\u05dd \u05d3\u05d9\u05d6\u05d9\u05d9\u05df \u05e9\u05dc\u05d1 1 \u05de\u05ea\u05d5\u05da 8 13% \u05e4\u05e8\u05d8\u05d9\u05dd \u05d0\u05d9\u05e9\u05d9\u05d9\u05dd \u05d4\u05d5\u05e1\u05d9\u05e4\u05d5 \u05e2\u05d5\u05d3 \u05de\u05d5\u05e6\u05e8 \u05d0\u05d7\u05d3 \u05dc\u05e4\u05d7\u05d5\u05ea \u05db\u05d3\u05d9 \u05dc\u05e7\u05d1\u05dc 10% \u05d4\u05e0\u05d7\u05d4 \u05d1\u05e7\u05e0\u05d9\u05d9\u05ea 3 \u05de\u05d5\u05e6\u05e8\u05d9\u05dd \u05d5\u05de\u05e2\u05dc\u05d4! \u05d1\u05e8\u05d5\u05db\u05d9\u05dd \u05d4\u05d1\u05d0\u05d9\u05dd \u05dc\u05e1\u05d8\u05d5\u05d3\u05d9\u05d5 \u05e9\u05dc \u05e0\u05e2\u05dd \u05d3\u05d9\u05d6\u05d9\u05d9\u05df \u05db\u05d0\u05df \u05e0\u05d9\u05ea\u05df \u05dc\u05ea\u05d0\u05dd \u05e9\u05d9\u05d7\u05d4 \u05d0\u05d9\u05e9\u05d9\u05ea \u05e2\u05dd \u05e0\u05e2\u05dd \u05d4\u05d2\u05e2\u05ea\u05dd \u05dc\u05de\u05e7\u05d5\u05dd \u05e9\u05d1\u05d5 \u05d2\u05e8\u05e4\u05d9\u05e7\u05d4, \u05d4\u05e4\u05e7\u05ea \u05d3\u05e4\u05d5\u05e1 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-3201","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/noamdesigns.com\/he\/wp-json\/wp\/v2\/pages\/3201","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/noamdesigns.com\/he\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/noamdesigns.com\/he\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/noamdesigns.com\/he\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/noamdesigns.com\/he\/wp-json\/wp\/v2\/comments?post=3201"}],"version-history":[{"count":106,"href":"https:\/\/noamdesigns.com\/he\/wp-json\/wp\/v2\/pages\/3201\/revisions"}],"predecessor-version":[{"id":8159,"href":"https:\/\/noamdesigns.com\/he\/wp-json\/wp\/v2\/pages\/3201\/revisions\/8159"}],"wp:attachment":[{"href":"https:\/\/noamdesigns.com\/he\/wp-json\/wp\/v2\/media?parent=3201"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t

\n\t\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\tNOAM DESIGN<\/span>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t

\u05de\u05d9\u05ea\u05d5\u05d2 \u05d5\u05e2\u05d9\u05e6\u05d5\u05d1 \u05d0\u05d9\u05e8\u05d5\u05e2\u05d9\u05dd | \u05d4\u05e4\u05e7\u05ea \u05d3\u05e4\u05d5\u05e1 | \u05d9\u05e6\u05d9\u05e8\u05ea \u05ea\u05d5\u05db\u05df<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n \u05d8\u05d5\u05e4\u05e1 \u05d4\u05d6\u05de\u05e0\u05d4 - \u05e0\u05e2\u05dd \u05d3\u05d9\u05d6\u05d9\u05d9\u05df<\/title>\r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Heebo:wght@300;400;500;700&display=swap\" rel=\"stylesheet\">\r\n \r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n \r\n <style>\r\n \/* Scoped CSS to prevent conflicts with site theme *\/\r\n #noam-form-scope {\r\n --primary-color: #b1917d;\r\n --primary-dark: #8c7363;\r\n --primary-light: #fdf8f4;\r\n --white: #ffffff;\r\n --text-dark: #2d3436;\r\n --text-gray: #636e72;\r\n --border-color: #e0e0e0;\r\n --error-color: #b1917d; \r\n --info-color: #8c7363; \r\n --success-color: #588157; \r\n --shadow-sm: 0 4px 6px rgba(0,0,0,0.02);\r\n --shadow-active: 0 8px 16px rgba(177, 145, 125, 0.15);\r\n --radius: 16px;\r\n \r\n font-family: 'FbShiri', 'Heebo', sans-serif !important;\r\n direction: rtl !important;\r\n text-align: right !important;\r\n background: linear-gradient(135deg, #fbf9f7 0%, #f0eae4 100%) !important;\r\n color: var(--text-dark) !important;\r\n line-height: 1.6 !important;\r\n width: 100%;\r\n display: block;\r\n }\r\n\r\n @font-face {\r\n font-family: 'FbShiri';\r\n src: url('\/wp-content\/uploads\/sites\/3\/Font\/FbShiri.ttf') format('truetype');\r\n font-display: swap;\r\n }\r\n\r\n @font-face {\r\n font-family: 'Gveret Levin';\r\n src: url('https:\/\/noamdesigns.com\/he\/wp-content\/uploads\/sites\/3\/2025\/12\/GveretLevinAlefAlefAlef-Regular.woff') format('woff');\r\n font-weight: normal;\r\n font-style: normal;\r\n }\r\n\r\n #noam-form-scope * {\r\n box-sizing: border-box !important;\r\n outline: none !important;\r\n font-family: inherit !important;\r\n }\r\n\r\n #noam-form-scope .d-none-important {\r\n display: none !important;\r\n }\r\n\r\n #noam-form-scope i, \r\n #noam-form-scope i[class*=\"fa-\"] {\r\n font-family: \"Font Awesome 6 Free\" !important;\r\n font-weight: 900 !important; \r\n }\r\n #noam-form-scope i.fa-regular {\r\n font-weight: 400 !important;\r\n }\r\n\r\n #noam-form-scope .container {\r\n max-width: 700px !important;\r\n margin: 0 auto !important;\r\n padding: 20px 20px 60px !important;\r\n }\r\n\r\n #noam-form-scope .form-card {\r\n background: var(--white) !important;\r\n border-radius: var(--radius) !important;\r\n padding: 40px !important;\r\n box-shadow: 0 10px 30px rgba(0,0,0,0.04) !important;\r\n border: 1px solid rgba(177, 145, 125, 0.1) !important;\r\n position: relative !important;\r\n margin-top: 20px !important;\r\n }\r\n\r\n \/* Progress Bar *\/\r\n #noam-form-scope .progress-container { margin-bottom: 40px !important; }\r\n #noam-form-scope .progress-header { display: flex !important; justify-content: space-between !important; align-items: center !important; margin-bottom: 12px !important; font-size: 0.9rem !important; font-weight: 600 !important; color: var(--primary-dark) !important; }\r\n #noam-form-scope .progress-bar-wrapper { position: relative !important; width: 100% !important; height: 8px !important; background-color: #eee !important; border-radius: 10px !important; overflow: visible !important; }\r\n #noam-form-scope .progress-fill { height: 100% !important; background: linear-gradient(to left, var(--primary-color), var(--primary-dark)) !important; border-radius: 10px !important; width: 13%; transition: width 0.5s ease !important; position: relative !important; }\r\n #noam-form-scope .progress-ring { position: absolute !important; left: 0 !important; top: 50% !important; transform: translate(-50%, -50%) !important; width: 36px !important; height: 36px !important; background: white !important; border: 2px solid var(--primary-color) !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; color: var(--primary-color) !important; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important; transition: left 0.5s ease !important; z-index: 2 !important; }\r\n\r\n #noam-form-scope .rings-icon-wrapper { position: relative !important; width: 24px !important; height: 18px !important; display: flex !important; align-items: center !important; justify-content: center !important; }\r\n #noam-form-scope .rings-icon-wrapper i { font-size: 14px !important; position: absolute !important; color: var(--primary-color) !important; }\r\n #noam-form-scope .rings-icon-wrapper i:first-child { left: 0 !important; top: 2px !important; }\r\n #noam-form-scope .rings-icon-wrapper i:last-child { right: 0 !important; top: -2px !important; }\r\n\r\n #noam-form-scope .step-title { text-align: center !important; font-size: 0.9rem !important; color: var(--text-gray) !important; margin-top: 15px !important; font-weight: 500 !important; }\r\n\r\n \/* Steps *\/\r\n #noam-form-scope .step { display: none; animation: fadeIn 0.5s ease; }\r\n #noam-form-scope .step.active { display: block !important; }\r\n @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }\r\n\r\n #noam-form-scope .step-header { text-align: center !important; margin-bottom: 30px !important; }\r\n #noam-form-scope .step-header h2 { font-size: 1.6rem !important; color: var(--text-dark) !important; margin-bottom: 8px !important; line-height: 1.3 !important; }\r\n #noam-form-scope .step-header p { color: var(--text-gray) !important; font-size: 1rem !important; }\r\n \r\n #noam-form-scope .intro-text { font-size: 1.05rem !important; line-height: 1.7 !important; color: var(--text-dark) !important; margin-bottom: 25px !important; white-space: pre-line !important; text-align: right !important; }\r\n #noam-form-scope .form-start-title { font-family: 'Gveret Levin', cursive !important; font-size: 1.8rem !important; font-weight: normal !important; margin-bottom: 15px !important; color: var(--primary-dark) !important; text-align: center !important; border-top: 1px solid #eee !important; padding-top: 20px !important; }\r\n #noam-form-scope .font-gveret-levin { font-family: 'Gveret Levin', cursive !important; }\r\n\r\n \/* Inputs *\/\r\n #noam-form-scope .form-group { margin-bottom: 25px !important; text-align: right !important; }\r\n #noam-form-scope .form-label { display: block !important; margin-bottom: 8px !important; font-weight: 500 !important; color: var(--text-dark) !important; text-align: right !important; }\r\n #noam-form-scope .form-input, #noam-form-scope .textarea { width: 100% !important; padding: 14px !important; border: 1px solid var(--border-color) !important; border-radius: 10px !important; font-size: 1rem !important; transition: all 0.3s ease !important; background: #fafafa !important; color: var(--text-dark) !important; font-family: inherit !important; text-align: right !important; }\r\n #noam-form-scope .form-input:focus, #noam-form-scope .textarea:focus { border-color: var(--primary-color) !important; background: white !important; box-shadow: 0 0 0 3px rgba(177, 145, 125, 0.15) !important; }\r\n \r\n #noam-form-scope .consent-container { margin-top: 20px !important; color: var(--text-dark) !important; display: flex !important; align-items: center !important; }\r\n #noam-form-scope .consent-container label { display: flex !important; align-items: center !important; cursor: pointer !important; width: 100% !important; }\r\n #noam-form-scope .consent-container span, #noam-form-scope .consent-container a { font-size: 15px !important; line-height: 1.4 !important; }\r\n #noam-form-scope .consent-container input { width: 18px !important; height: 18px !important; margin-left: 10px !important; accent-color: var(--primary-color) !important; flex-shrink: 0 !important; margin-top: 0 !important; }\r\n\r\n \/* Event Sections inside Step 5 *\/\r\n #noam-form-scope .event-products-section {\r\n background: #ffffff;\r\n border-radius: var(--radius);\r\n padding: 25px !important;\r\n margin-bottom: 35px !important;\r\n border: 2px solid rgba(177, 145, 125, 0.1) !important;\r\n box-shadow: 0 4px 15px rgba(0,0,0,0.03) !important;\r\n }\r\n #noam-form-scope .event-products-section:last-child { margin-bottom: 0 !important; }\r\n #noam-form-scope .event-section-title-wrapper {\r\n text-align: center !important;\r\n margin-bottom: 20px !important;\r\n }\r\n #noam-form-scope .event-section-title { \r\n font-family: 'Gveret Levin', cursive !important; \r\n font-size: 1.8rem !important; \r\n color: var(--primary-dark) !important; \r\n background: var(--primary-light) !important;\r\n padding: 10px 20px !important;\r\n border-radius: 10px !important;\r\n display: inline-block !important;\r\n border: 1px dashed rgba(177,145,125,0.4) !important;\r\n margin: 0 !important;\r\n margin-bottom: 20px !important;\r\n }\r\n\r\n \/* Cards Selection *\/\r\n #noam-form-scope .card-grid { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 15px !important; margin-bottom: 25px !important; }\r\n #noam-form-scope .centered-flex-row { display: flex !important; justify-content: center !important; gap: 15px !important; width: 100% !important; }\r\n\r\n #noam-form-scope .selection-card { position: relative !important; background: #fff !important; border: 2px solid transparent !important; border-color: #f0f0f0 !important; border-radius: 14px !important; padding: 20px 15px !important; text-align: center !important; cursor: pointer !important; transition: all 0.25s cubic-bezier(0.25, 0.8, 0.25, 1) !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; height: 100% !important; box-shadow: none !important; }\r\n #noam-form-scope .selection-card:hover { border-color: #dcdcdc !important; transform: translateY(-2px) !important; }\r\n #noam-form-scope .selection-card.selected { border-color: var(--primary-color) !important; background-color: var(--primary-light) !important; box-shadow: var(--shadow-active) !important; }\r\n #noam-form-scope .selection-card.disabled { opacity: 0.5 !important; cursor: not-allowed !important; pointer-events: none !important; filter: grayscale(1); }\r\n\r\n #noam-form-scope .selection-card::after { content: '\\f00c' !important; font-family: \"Font Awesome 6 Free\" !important; font-weight: 900 !important; position: absolute !important; top: 10px !important; left: 10px !important; font-size: 14px !important; color: white !important; background: var(--primary-color) !important; width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; opacity: 0 !important; transform: scale(0) !important; transition: all 0.3s ease !important; }\r\n #noam-form-scope .selection-card.selected::after { opacity: 1 !important; transform: scale(1) !important; }\r\n\r\n #noam-form-scope .card-rings-wrapper { position: relative !important; width: 40px !important; height: 30px !important; margin: 0 auto 12px !important; color: var(--primary-color) !important; transition: transform 0.3s ease !important; }\r\n #noam-form-scope .card-rings-wrapper i { font-size: 24px !important; position: absolute !important; color: var(--primary-color) !important; }\r\n #noam-form-scope .card-rings-wrapper i:first-child { left: 0 !important; top: 4px !important; }\r\n #noam-form-scope .card-rings-wrapper i:last-child { right: 0 !important; top: -4px !important; }\r\n #noam-form-scope .selection-card.selected .card-rings-wrapper { transform: scale(1.1) !important; }\r\n\r\n #noam-form-scope .selection-card .card-icon { font-size: 26px !important; margin-bottom: 12px !important; color: var(--primary-color) !important; transition: transform 0.3s ease !important; display: block !important; }\r\n #noam-form-scope .selection-card.selected .card-icon { transform: scale(1.1) !important; }\r\n\r\n #noam-form-scope .selection-card .card-title { font-weight: 600 !important; font-size: 1rem !important; color: var(--text-dark) !important; margin-bottom: 5px !important; line-height: 1.3 !important; display: block !important; }\r\n #noam-form-scope .selection-card .card-note { font-size: 0.8rem !important; color: #999 !important; margin-top: 4px !important; line-height: 1.3 !important; display: block !important; }\r\n #noam-form-scope .selection-card .card-price { background: #f3f3f3 !important; color: #666 !important; padding: 3px 8px !important; border-radius: 20px !important; font-size: 0.8rem !important; margin-top: 8px !important; font-weight: 500 !important; display: inline-block !important; }\r\n #noam-form-scope .selection-card.selected .card-price { background: white !important; color: var(--primary-dark) !important; border: 1px solid rgba(177, 145, 125, 0.2) !important; }\r\n #noam-form-scope .selection-card input { position: absolute !important; opacity: 0 !important; width: 0 !important; height: 0 !important; }\r\n\r\n #noam-form-scope .other-input-group { display: none; margin-top: 15px !important; }\r\n #noam-form-scope .other-input-group.show { display: block !important; animation: fadeIn 0.3s !important; }\r\n\r\n \/* Price Summary Step 6 *\/\r\n #noam-form-scope .price-summary-card { background: var(--primary-light) !important; border: 2px dashed var(--primary-color) !important; border-radius: 16px !important; padding: 30px !important; text-align: center !important; margin-bottom: 30px !important; }\r\n #noam-form-scope .price-summary-card h3 { font-size: 1.1rem !important; color: var(--primary-dark) !important; margin-bottom: 10px !important; font-weight: 600 !important; }\r\n #noam-form-scope .price-amount { font-size: 2.2rem !important; font-weight: 700 !important; color: var(--text-dark) !important; direction: ltr !important; unicode-bidi: embed !important; }\r\n #noam-form-scope .old-price { text-decoration: line-through !important; font-size: 1.4rem !important; color: #999 !important; margin-left: 10px !important; }\r\n #noam-form-scope .discount-badge { color: var(--success-color) !important; font-weight: bold !important; font-size: 0.9rem !important; margin-top: 5px !important; display: block !important; }\r\n #noam-form-scope .shipping-note { margin-top: 15px !important; padding-top: 15px !important; border-top: 1px dashed rgba(177,145,125,0.3) !important; font-weight: 600 !important; color: var(--text-dark) !important; font-size: 0.95rem !important; }\r\n\r\n \/* Products List in Summary *\/\r\n #noam-form-scope .summary-event-group { margin-bottom: 15px !important; text-align: right !important;}\r\n #noam-form-scope .summary-event-title { font-weight: bold !important; color: var(--primary-dark) !important; margin-bottom: 8px !important; font-size: 1.05rem !important; border-bottom: 1px solid rgba(177,145,125,0.2) !important; padding-bottom: 5px !important;}\r\n #noam-form-scope .selected-products-list { list-style: none !important; text-align: right !important; background: white !important; border-radius: 12px !important; padding: 15px 20px !important; margin: 0 auto !important; max-width: 400px !important; border: 1px solid #eee !important; }\r\n #noam-form-scope .selected-products-list li { padding: 6px 0 !important; border-bottom: 1px solid #f5f5f5 !important; display: flex !important; align-items: center !important; gap: 10px !important; font-size: 0.95rem !important; color: var(--text-dark) !important; }\r\n #noam-form-scope .selected-products-list li:last-child { border-bottom: none !important; }\r\n #noam-form-scope .selected-products-list i { color: var(--primary-color) !important; font-size: 0.9rem !important; }\r\n\r\n \/* Flow Arrow *\/\r\n #noam-form-scope .flow-arrow { text-align: center !important; margin: 10px 0 25px !important; color: var(--primary-color) !important; font-size: 1.5rem !important; animation: bounce 2s infinite; }\r\n @keyframes bounce { 0%, 20%, 50%, 80%, 100% {transform: translateY(0);} 40% {transform: translateY(-10px);} 60% {transform: translateY(-5px);} }\r\n\r\n \/* Dates & Times *\/\r\n #noam-form-scope .date-options { display: flex !important; gap: 10px !important; margin-bottom: 20px !important; }\r\n #noam-form-scope .date-option { flex: 1 !important; border: 1px solid var(--border-color) !important; border-radius: 10px !important; padding: 15px !important; text-align: center !important; cursor: pointer !important; background: white !important; color: var(--text-dark) !important; }\r\n #noam-form-scope .date-option.selected { background: var(--primary-color) !important; border-color: var(--primary-color) !important; color: white !important; }\r\n #noam-form-scope .date-option.selected .day-date { color: rgba(255,255,255,0.9) !important; }\r\n\r\n #noam-form-scope .time-slots-grid { display: flex !important; flex-wrap: nowrap !important; gap: 6px !important; justify-content: space-between !important; direction: ltr !important; overflow-x: auto !important; padding-bottom: 5px !important; -webkit-overflow-scrolling: touch !important; }\r\n #noam-form-scope .time-slot { background: #f9f9f9 !important; border: 1px solid #eee !important; border-radius: 30px !important; padding: 8px 10px !important; font-size: 0.85rem !important; cursor: pointer !important; transition: all 0.2s !important; direction: ltr !important; unicode-bidi: embed !important; white-space: nowrap !important; flex: 1 0 auto !important; text-align: center !important; color: var(--text-dark) !important; }\r\n #noam-form-scope .time-slot.selected { background: var(--primary-color) !important; color: white !important; border-color: var(--primary-color) !important; }\r\n\r\n \/* Single Product Redirect *\/\r\n #noam-form-scope .single-product-section { text-align: center !important; padding: 20px 0 !important; }\r\n #noam-form-scope .product-icon-large { width: 80px !important; height: 80px !important; background: var(--primary-light) !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 auto 20px !important; font-size: 35px !important; color: var(--primary-color) !important; }\r\n #noam-form-scope .btn-product { background: var(--primary-color) !important; color: white !important; padding: 15px 35px !important; border-radius: 50px !important; margin-top: 25px !important; border: none !important; cursor: pointer !important; font-size: 1rem !important; transition: background 0.2s !important; text-decoration: none !important; display: inline-block !important; }\r\n #noam-form-scope .btn-product:hover { background: var(--primary-dark) !important; }\r\n\r\n #noam-form-scope .info-note { background-color: var(--primary-light) !important; border: 1px solid rgba(177, 145, 125, 0.3) !important; border-radius: 8px !important; padding: 12px 16px !important; margin-top: 25px !important; display: flex !important; gap: 12px !important; text-align: right !important; align-items: flex-start !important; }\r\n #noam-form-scope .info-note i { color: var(--primary-color) !important; font-size: 16px !important; margin-top: 2px !important; flex-shrink: 0 !important; }\r\n #noam-form-scope .info-note-content { font-size: 12px !important; color: var(--primary-dark) !important; line-height: 1.6 !important; }\r\n #noam-form-scope .manual-thickness { text-shadow: 0.5px 0 0 currentColor !important; color: var(--text-dark) !important; }\r\n #noam-form-scope .info-note a { color: var(--primary-dark) !important; text-decoration: underline !important; font-weight: 500 !important; font-size: inherit !important; }\r\n\r\n \/* Custom SVG Icons Support *\/\r\n #noam-form-scope .custom-svg-icon { display: flex !important; justify-content: center !important; align-items: center !important; margin: 0 auto 12px !important; }\r\n #noam-form-scope .custom-svg-icon svg { width: 1.2em !important; height: 1.2em !important; fill: currentColor !important; }\r\n #noam-form-scope .product-icon-large .custom-svg-icon { margin: 0 !important; }\r\n\r\n \/* Buttons *\/\r\n #noam-form-scope .button-container { display: flex !important; justify-content: space-between !important; margin-top: 40px !important; flex-direction: row-reverse !important; }\r\n #noam-form-scope .btn { padding: 14px 30px !important; border-radius: 10px !important; font-weight: 600 !important; font-size: 1rem !important; cursor: pointer !important; border: none !important; transition: all 0.2s !important; text-decoration: none !important; }\r\n #noam-form-scope .btn-primary { background: var(--primary-color) !important; color: white !important; }\r\n #noam-form-scope .btn-primary:hover { background: var(--primary-dark) !important; transform: translateY(-2px) !important; }\r\n #noam-form-scope .btn-secondary { background: transparent !important; border: 1px solid var(--primary-color) !important; color: var(--primary-color) !important; }\r\n #noam-form-scope .btn-secondary:hover { background: var(--primary-light) !important; }\r\n\r\n \/* Toasts - Centered *\/\r\n #noam-form-scope .toast { position: fixed !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) scale(0.9) !important; padding: 20px 30px !important; border-radius: 16px !important; opacity: 0; transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; z-index: 10000 !important; text-align: center !important; font-size: 1rem !important; box-shadow: 0 10px 40px rgba(0,0,0,0.3) !important; pointer-events: none !important; max-width: 90% !important; width: auto !important; }\r\n #noam-form-scope .toast.show { transform: translate(-50%, -50%) scale(1) !important; opacity: 1 !important; pointer-events: auto !important; }\r\n #noam-form-scope .error-toast { background: var(--error-color) !important; color: white !important; }\r\n #noam-form-scope .info-toast { background: white !important; color: var(--text-dark) !important; border: 2px solid var(--info-color) !important; border-top: 6px solid var(--info-color) !important; }\r\n #noam-form-scope .upsell-toast { background: white !important; color: var(--text-dark) !important; border: 2px solid var(--primary-color) !important; border-top: 6px solid var(--primary-color) !important; }\r\n\r\n \/* --- MOBILE ADJUSTMENTS --- *\/\r\n @media (max-width: 600px) {\r\n #noam-form-scope .form-card { padding: 20px 15px !important; }\r\n #noam-form-scope .card-grid { grid-template-columns: repeat(3, 1fr) !important; gap: 6px !important; }\r\n #noam-form-scope .selection-card { padding: 10px 4px !important; }\r\n #noam-form-scope .centered-flex-row { gap: 10px !important; }\r\n #noam-form-scope .date-options { flex-direction: row !important; gap: 5px !important; }\r\n #noam-form-scope .date-option { padding: 10px 5px !important; font-size: 0.85rem !important; }\r\n #noam-form-scope .button-container { flex-direction: column !important; gap: 10px !important; margin-top: 25px !important; }\r\n #noam-form-scope .btn { width: 100% !important; padding: 12px !important; font-size: 0.95rem !important; }\r\n #noam-form-scope .step[data-step=\"1\"] .step-header h2 { font-size: 1.4rem !important; line-height: 1.2 !important; }\r\n #noam-form-scope .step-header h2 { font-size: 1.35rem !important; margin-bottom: 5px !important; }\r\n #noam-form-scope .step-header p { font-size: 0.9rem !important; }\r\n #noam-form-scope .intro-text { font-size: 0.9rem !important; line-height: 1.5 !important; margin-bottom: 15px !important; }\r\n #noam-form-scope .form-start-title { font-size: 1.4rem !important; margin-bottom: 10px !important; padding-top: 15px !important; }\r\n #noam-form-scope .selection-card .card-title { font-size: 0.75rem !important; line-height: 1.1 !important; margin-bottom: 3px !important; }\r\n #noam-form-scope .selection-card .card-icon { font-size: 18px !important; margin-bottom: 6px !important; }\r\n #noam-form-scope .selection-card .card-note { font-size: 0.65rem !important; margin-top: 2px !important; line-height: 1 !important;}\r\n #noam-form-scope .selection-card .card-price { font-size: 0.65rem !important; padding: 1px 4px !important; margin-top: 4px !important; }\r\n #noam-form-scope .form-label { font-size: 0.9rem !important; margin-bottom: 4px !important; }\r\n #noam-form-scope .form-group { margin-bottom: 15px !important; }\r\n #noam-form-scope .form-input, #noam-form-scope .textarea { padding: 10px !important; font-size: 0.9rem !important; }\r\n #noam-form-scope .consent-container { font-size: 0.7rem !important; margin-top: 15px !important; line-height: 1.2 !important; }\r\n #noam-form-scope .consent-container input { width: 14px !important; height: 14px !important; margin-left: 6px !important; margin-top: 1px !important; }\r\n #noam-form-scope .price-amount { font-size: 1.8rem !important; }\r\n #noam-form-scope .price-summary-card h3 { font-size: 1rem !important; }\r\n #noam-form-scope .selected-products-list li { font-size: 0.85rem !important; padding: 6px 0 !important; }\r\n #noam-form-scope .time-slots-grid { flex-wrap: wrap !important; justify-content: center !important; overflow-x: visible !important; gap: 8px !important; padding-bottom: 0 !important; }\r\n #noam-form-scope .time-slot { flex: 0 0 auto !important; min-width: auto !important; padding: 8px 12px !important; font-size: 0.85rem !important; white-space: nowrap !important; margin-bottom: 5px !important; }\r\n #noam-form-scope .event-section-title { font-size: 1.3rem !important; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div id=\"noam-form-scope\">\r\n <div class=\"container\">\r\n <div class=\"form-card\">\r\n \r\n \r\n <div class=\"progress-container\">\r\n <div class=\"progress-header\">\r\n <span id=\"progress-step-text\">\u05e9\u05dc\u05d1 1 \u05de\u05ea\u05d5\u05da 8<\/span>\r\n <span id=\"progress-percentage\">13%<\/span>\r\n <\/div>\r\n <div class=\"progress-bar-wrapper\">\r\n <div class=\"progress-fill\" id=\"progress-fill\">\r\n <div class=\"progress-ring\">\r\n <div class=\"rings-icon-wrapper\">\r\n <i class=\"fa-solid fa-ring\"><\/i>\r\n <i class=\"fa-solid fa-ring\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <p class=\"step-title\" id=\"progress-title\">\u05e4\u05e8\u05d8\u05d9\u05dd \u05d0\u05d9\u05e9\u05d9\u05d9\u05dd<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"toast error-toast\" id=\"error-toast\"><\/div>\r\n <div class=\"toast info-toast\" id=\"info-toast\"><\/div>\r\n <div class=\"toast upsell-toast\" id=\"upsell-toast\">\r\n <i class=\"fa-solid fa-gift\" style=\"font-size:2rem; color:var(--primary-color); margin-bottom:10px; display:block;\"><\/i>\r\n <strong>\u05d4\u05d5\u05e1\u05d9\u05e4\u05d5 \u05e2\u05d5\u05d3 \u05de\u05d5\u05e6\u05e8 \u05d0\u05d7\u05d3 \u05dc\u05e4\u05d7\u05d5\u05ea<\/strong><br>\r\n \u05db\u05d3\u05d9 \u05dc\u05e7\u05d1\u05dc 10% \u05d4\u05e0\u05d7\u05d4 \u05d1\u05e7\u05e0\u05d9\u05d9\u05ea 3 \u05de\u05d5\u05e6\u05e8\u05d9\u05dd \u05d5\u05de\u05e2\u05dc\u05d4!\r\n <\/div>\r\n\r\n <form id=\"noam-form\">\r\n \r\n \r\n <div class=\"step active\" data-step=\"1\">\r\n <div class=\"step-header\">\r\n <h2 class=\"font-gveret-levin\">\u05d1\u05e8\u05d5\u05db\u05d9\u05dd \u05d4\u05d1\u05d0\u05d9\u05dd \u05dc\u05e1\u05d8\u05d5\u05d3\u05d9\u05d5 \u05e9\u05dc \u05e0\u05e2\u05dd \u05d3\u05d9\u05d6\u05d9\u05d9\u05df<\/h2>\r\n <p style=\"text-align: center; color: var(--primary-color); font-size: 1.15rem; margin-top: -5px; margin-bottom: 20px; font-weight: 500;\">\u05db\u05d0\u05df \u05e0\u05d9\u05ea\u05df \u05dc\u05ea\u05d0\u05dd \u05e9\u05d9\u05d7\u05d4 \u05d0\u05d9\u05e9\u05d9\u05ea \u05e2\u05dd \u05e0\u05e2\u05dd<\/p>\r\n <\/div>\r\n <div class=\"intro-text\">\r\n \u05d4\u05d2\u05e2\u05ea\u05dd \u05dc\u05de\u05e7\u05d5\u05dd \u05e9\u05d1\u05d5 \u05d2\u05e8\u05e4\u05d9\u05e7\u05d4, \u05d4\u05e4\u05e7\u05ea \u05d3\u05e4\u05d5\u05e1 \u05d5\u05d9\u05e6\u05d9\u05e8\u05ea \u05ea\u05d5\u05db\u05df \u05de\u05e9\u05ea\u05dc\u05d1\u05d9\u05dd \u05dc\u05d7\u05d5\u05d5\u05d9\u05d4 \u05d0\u05d7\u05ea.\r\n \u05d0\u05e0\u05d9 \u05de\u05e2\u05e0\u05d9\u05e7\u05d4 \u05d7\u05d5\u05d5\u05d9\u05d9\u05ea \u05de\u05d9\u05ea\u05d5\u05d2 \u05de\u05dc\u05d0\u05d4 \u05dc\u05d0\u05d9\u05e8\u05d5\u05e2\u05d9\u05dd \u05d1\u05d0\u05e8\u05e5 \u05d5\u05d1\u05e2\u05d5\u05dc\u05dd \u2013 \u05d6\u05d4 \u05de\u05ea\u05d7\u05d9\u05dc \u05d1-Save The Date, \u05de\u05de\u05e9\u05d9\u05da \u05dc\u05dc\u05d5\u05d2\u05d5 \u05d9\u05d9\u05d7\u05d5\u05d3\u05d9 \u05e9\u05de\u05dc\u05d5\u05d5\u05d4 \u05d0\u05ea \u05d4\u05d0\u05d9\u05e8\u05d5\u05e2, \u05d4\u05d6\u05de\u05e0\u05d5\u05ea \u05de\u05e8\u05e9\u05d9\u05de\u05d5\u05ea, \u05ea\u05e4\u05e8\u05d9\u05d8\u05d9\u05dd \u05de\u05e2\u05d5\u05e6\u05d1\u05d9\u05dd \u05d5\u05db\u05dc \u05e4\u05e8\u05d8 \u05e7\u05d8\u05df \u05e9\u05d9\u05d5\u05e6\u05e8 \u05d0\u05ea \u05d4\u05e9\u05e4\u05d4 \u05d4\u05e2\u05d9\u05e6\u05d5\u05d1\u05d9\u05ea \u05e9\u05dc\u05db\u05dd.\r\n \r\n \u05e8\u05d5\u05d1 \u05d4\u05d6\u05d5\u05d2\u05d5\u05ea \u05e9\u05de\u05d2\u05d9\u05e2\u05d9\u05dd \u05d0\u05dc\u05d9 \u05de\u05d7\u05e4\u05e9\u05d9\u05dd \u05e4\u05ea\u05e8\u05d5\u05df \u05d0\u05d7\u05d3 \u05e9\u05de\u05e8\u05db\u05d6 \u05d4\u05db\u05dc. \u05d0\u05e6\u05dc\u05d9 \u05ea\u05e7\u05d1\u05dc\u05d5 \u05de\u05e2\u05d8\u05e4\u05ea \u05e9\u05dc\u05de\u05d4 \u05d4\u05db\u05dc \u05ea\u05d7\u05ea \u05e7\u05d5\u05e8\u05ea \u05d2\u05d2 \u05d0\u05d7\u05ea, \u05e2\u05dd \u05d7\u05d5\u05de\u05e8\u05d9\u05dd \u05d5\u05d2\u05d9\u05de\u05d5\u05e8\u05d9\u05dd \u05e9\u05dc\u05d0 \u05e0\u05d9\u05ea\u05df \u05dc\u05de\u05e6\u05d5\u05d0 \u05d1\u05e9\u05d5\u05dd \u05d1\u05d9\u05ea \u05d3\u05e4\u05d5\u05e1 \u05d0\u05d7\u05e8.\r\n \r\n \u05d0\u05e0\u05d7\u05e0\u05d5 \u05d4\u05e1\u05d8\u05d5\u05d3\u05d9\u05d5 \u05d4\u05de\u05d5\u05d1\u05d9\u05dc \u05d1\u05d0\u05e8\u05e5 \u2013 \u05db\u05dc \u05d7\u05dc\u05d5\u05dd \u05e9\u05d9\u05e9 \u05dc\u05db\u05dd, \u05d0\u05e0\u05d7\u05e0\u05d5 \u05db\u05d0\u05df \u05db\u05d3\u05d9 \u05dc\u05d4\u05d2\u05e9\u05d9\u05dd \u05d0\u05d5\u05ea\u05d5.\r\n <\/div>\r\n \r\n <div class=\"form-start-title font-gveret-levin\">\u05d1\u05d5\u05d0\u05d5 \u05e0\u05ea\u05d7\u05d9\u05dc!<\/div>\r\n\r\n <div class=\"form-group\">\r\n <label class=\"form-label\">\u05e9\u05dd \u05de\u05dc\u05d0<\/label>\r\n <input type=\"text\" id=\"fullName\" class=\"form-input\" placeholder=\"\u05d4\u05e9\u05dd \u05e9\u05dc\u05db\u05dd\">\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label class=\"form-label\">\u05db\u05ea\u05d5\u05d1\u05ea \u05de\u05d9\u05d9\u05dc<\/label>\r\n <input type=\"email\" id=\"email\" class=\"form-input\" dir=\"ltr\" placeholder=\"example@email.com\">\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label class=\"form-label\">\u05de\u05e1\u05e4\u05e8 \u05d8\u05dc\u05e4\u05d5\u05df<\/label>\r\n <input type=\"tel\" id=\"phone\" class=\"form-input\" dir=\"ltr\" placeholder=\"050-0000000\">\r\n <\/div>\r\n <div class=\"consent-container\">\r\n <label>\r\n <input type=\"checkbox\" id=\"consent-checkbox\">\r\n <span>\u05d0\u05e0\u05d9 \u05de\u05e1\u05db\u05d9\u05dd\/\u05d4 \u05dc\u05de\u05e1\u05d5\u05e8 \u05d0\u05ea \u05e4\u05e8\u05d8\u05d9\u05d9 \u05d1\u05d4\u05ea\u05d0\u05dd \u05dc<a href=\"https:\/\/noamdesigns.com\/he\/privacy-policy\/\" target=\"_blank\" style=\"color:var(--primary-dark); text-decoration: underline;\">\u05de\u05d3\u05d9\u05e0\u05d9\u05d5\u05ea \u05d4\u05e4\u05e8\u05d8\u05d9\u05d5\u05ea<\/a><\/span>\r\n <\/label>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"step\" data-step=\"2\">\r\n <div class=\"step-header\">\r\n <h2>\u05de\u05d4 \u05d7\u05d5\u05d2\u05d2\u05d9\u05dd?<\/h2>\r\n <p>\u05d1\u05d7\u05e8\u05d5 \u05d0\u05ea \u05e1\u05d5\u05d2 \u05d4\u05d0\u05d9\u05e8\u05d5\u05e2 (\u05e0\u05d9\u05ea\u05df \u05dc\u05d1\u05d7\u05d5\u05e8 \u05d9\u05d5\u05ea\u05e8 \u05de\u05d0\u05d7\u05d3)<\/p>\r\n <\/div>\r\n <div class=\"card-grid\">\r\n <div class=\"selection-card\" onclick=\"toggleEventCard(this, '\u05d7\u05ea\u05d5\u05e0\u05d4')\">\r\n <input type=\"checkbox\" name=\"eventType\" value=\"\u05d7\u05ea\u05d5\u05e0\u05d4\">\r\n <div class=\"card-rings-wrapper\">\r\n <i class=\"fa-solid fa-ring\"><\/i>\r\n <i class=\"fa-solid fa-ring\"><\/i>\r\n <\/div>\r\n <span class=\"card-title\">\u05d7\u05ea\u05d5\u05e0\u05d4<\/span>\r\n <\/div>\r\n <div class=\"selection-card\" onclick=\"toggleEventCard(this, '\u05d7\u05d9\u05e0\u05d4')\">\r\n <input type=\"checkbox\" name=\"eventType\" value=\"\u05d7\u05d9\u05e0\u05d4\">\r\n <i class=\"fa-solid fa-hand card-icon\"><\/i>\r\n <span class=\"card-title\">\u05d7\u05d9\u05e0\u05d4<\/span>\r\n <\/div>\r\n <div class=\"selection-card\" onclick=\"toggleEventCard(this, '\u05d1\u05e8\/\u05d1\u05ea \u05de\u05e6\u05d5\u05d5\u05d4')\">\r\n <input type=\"checkbox\" name=\"eventType\" value=\"\u05d1\u05e8\/\u05d1\u05ea \u05de\u05e6\u05d5\u05d5\u05d4\">\r\n <i class=\"fa-solid fa-scroll card-icon\"><\/i>\r\n <span class=\"card-title\">\u05d1\u05e8\/\u05d1\u05ea \u05de\u05e6\u05d5\u05d5\u05d4<\/span>\r\n <\/div>\r\n <div class=\"selection-card\" onclick=\"toggleEventCard(this, '\u05de\u05e7\u05d5\u05d5\u05d4\/\u05d4\u05e4\u05e8\u05e9\u05ea \u05d7\u05dc\u05d4')\">\r\n <input type=\"checkbox\" name=\"eventType\" value=\"\u05de\u05e7\u05d5\u05d5\u05d4\/\u05d4\u05e4\u05e8\u05e9\u05ea \u05d7\u05dc\u05d4\">\r\n <i class=\"fa-solid fa-droplet card-icon\"><\/i>\r\n <span class=\"card-title\">\u05de\u05e7\u05d5\u05d5\u05d4 \/ \u05d4\u05e4\u05e8\u05e9\u05ea \u05d7\u05dc\u05d4<\/span>\r\n <\/div>\r\n <div class=\"selection-card\" onclick=\"toggleEventCard(this, '\u05de\u05e1\u05d9\u05d1\u05ea \u05e8\u05d5\u05d5\u05e7\u05d5\u05ea')\">\r\n <input type=\"checkbox\" name=\"eventType\" value=\"\u05de\u05e1\u05d9\u05d1\u05ea \u05e8\u05d5\u05d5\u05e7\u05d5\u05ea\">\r\n <i class=\"fa-solid fa-champagne-glasses card-icon\"><\/i>\r\n <span class=\"card-title\">\u05de\u05e1\u05d9\u05d1\u05ea \u05e8\u05d5\u05d5\u05e7\u05d5\u05ea<\/span>\r\n <\/div>\r\n <div class=\"selection-card\" onclick=\"toggleEventCard(this, '\u05d9\u05d5\u05dd \u05d4\u05d5\u05dc\u05d3\u05ea')\">\r\n <input type=\"checkbox\" name=\"eventType\" value=\"\u05d9\u05d5\u05dd \u05d4\u05d5\u05dc\u05d3\u05ea\">\r\n <i class=\"fa-solid fa-cake-candles card-icon\"><\/i>\r\n <span class=\"card-title\">\u05d9\u05d5\u05dd \u05d4\u05d5\u05dc\u05d3\u05ea<\/span>\r\n <\/div>\r\n <div class=\"selection-card\" onclick=\"toggleEventCard(this, '\u05d0\u05d7\u05e8')\">\r\n <input type=\"checkbox\" name=\"eventType\" value=\"\u05d0\u05d7\u05e8\">\r\n <i class=\"fa-solid fa-wand-magic-sparkles card-icon\"><\/i>\r\n <span class=\"card-title\">\u05d0\u05d7\u05e8<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"other-input-group\" id=\"other-event-group\">\r\n <label class=\"form-label\">\u05e4\u05e8\u05d8\u05d5 \u05d0\u05ea \u05e1\u05d5\u05d2 \u05d4\u05d0\u05d9\u05e8\u05d5\u05e2<\/label>\r\n <input type=\"text\" id=\"otherEventType\" class=\"form-input\">\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"step\" data-step=\"3\">\r\n <div class=\"step-header\">\r\n <h2>\u05de\u05ea\u05d9 \u05d4\u05d0\u05d9\u05e8\u05d5\u05e2?<\/h2>\r\n <\/div>\r\n <div class=\"centered-flex-row\">\r\n <div class=\"selection-card\" style=\"flex:1; max-width:200px;\" onclick=\"selectDateOption(this, 'yes')\">\r\n <input type=\"radio\" name=\"hasDate\" value=\"yes\">\r\n <i class=\"fa-regular fa-calendar-check card-icon\"><\/i>\r\n <span class=\"card-title\">\u05d9\u05e9 \u05db\u05d1\u05e8 \u05ea\u05d0\u05e8\u05d9\u05da!<\/span>\r\n <\/div>\r\n <div class=\"selection-card\" style=\"flex:1; max-width:200px;\" onclick=\"selectDateOption(this, 'no')\">\r\n <input type=\"radio\" name=\"hasDate\" value=\"no\">\r\n <i class=\"fa-regular fa-calendar-xmark card-icon\"><\/i>\r\n <span class=\"card-title\">\u05e2\u05d3\u05d9\u05d9\u05df \u05dc\u05d0 \u05e1\u05d2\u05e8\u05e0\u05d5<\/span>\r\n <\/div>\r\n <\/div>\r\n <div id=\"date-fields-container\" style=\"display: none; margin-top:20px;\"><\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"step\" data-step=\"4\">\r\n <div class=\"step-header\">\r\n <h2>\u05db\u05de\u05d4 \u05d0\u05d5\u05e8\u05d7\u05d9\u05dd?<\/h2>\r\n <p>\u05db\u05de\u05d5\u05ea \u05d0\u05d5\u05e8\u05d7\u05d9\u05dd \u05e6\u05e4\u05d5\u05d9\u05d9\u05dd \u05dc\u05d4\u05d2\u05d9\u05e2 \u05e4\u05d9\u05d6\u05d9\u05ea \u05dc\u05d0\u05d9\u05e8\u05d5\u05e2<\/p>\r\n <\/div>\r\n <div id=\"guest-count-fields\"><\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"step\" data-step=\"5\">\r\n <div class=\"step-header\">\r\n <h2>\u05d4\u05d1\u05d7\u05d9\u05e8\u05d5\u05ea \u05e9\u05dc\u05db\u05dd<\/h2>\r\n <p>\u05d1\u05d7\u05e8\u05d5 \u05de\u05d5\u05e6\u05e8\u05d9\u05dd \u05dc\u05d1\u05e0\u05d9\u05d9\u05ea \u05d7\u05d1\u05d9\u05dc\u05d4 \u05de\u05d5\u05ea\u05d0\u05de\u05ea \u05d0\u05d9\u05e9\u05d9\u05ea \u05dc\u05db\u05dc \u05d0\u05d9\u05e8\u05d5\u05e2<\/p>\r\n <\/div>\r\n \r\n <div id=\"dynamic-products-container\"><\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"step\" data-step=\"6\">\r\n <div class=\"step-header\" id=\"step6-header\">\r\n <h2 id=\"step6-title\">\u05e1\u05d9\u05db\u05d5\u05dd \u05d5\u05ea\u05d9\u05d0\u05d5\u05dd \u05e9\u05d9\u05d7\u05d4<\/h2>\r\n <\/div>\r\n <div id=\"step6-content\"><\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"step\" data-step=\"7\">\r\n <div class=\"step-header\">\r\n <h2>\u05d9\u05e9 \u05de\u05e9\u05d4\u05d5 \u05e0\u05d5\u05e1\u05e3?<\/h2>\r\n <p>\u05d4\u05e2\u05e8\u05d5\u05ea, \u05d1\u05e7\u05e9\u05d5\u05ea \u05de\u05d9\u05d5\u05d7\u05d3\u05d5\u05ea \u05d0\u05d5 \u05e9\u05d0\u05dc\u05d5\u05ea \u05e9\u05d7\u05e9\u05d5\u05d1 \u05dc\u05d3\u05e2\u05ea<\/p>\r\n <\/div>\r\n <textarea id=\"additionalNotes\" class=\"textarea\" rows=\"5\" placeholder=\"\u05db\u05ea\u05d1\u05d5 \u05db\u05d0\u05df...\"><\/textarea>\r\n <\/div>\r\n\r\n \r\n <div class=\"step\" data-step=\"8\">\r\n <div style=\"text-align: center; padding: 20px 0;\">\r\n <i class=\"fa-solid fa-circle-check\" style=\"font-size: 4rem; color: var(--primary-color); margin-bottom: 20px;\"><\/i>\r\n <div style=\"margin-top: 20px; margin-bottom: 40px; background: var(--primary-light); padding: 30px; border-radius: 16px;\">\r\n <div style=\"background:white; padding:15px; border-radius:10px; margin-bottom:20px; display:inline-block; min-width:200px;\">\r\n <div style=\"font-size:0.9rem; color:#888;\">\u05d9\u05d5\u05dd \u05dc\u05e9\u05d9\u05d7\u05d4<\/div>\r\n <div id=\"confirm-date\" style=\"font-weight:600; font-size:1.1rem;\"><\/div>\r\n <div id=\"confirm-times\" style=\"font-size:0.95rem; color:var(--primary-dark); margin-top:5px; direction:ltr;\"><\/div>\r\n <\/div>\r\n <p style=\"margin-bottom: 20px;\">\u05db\u05d3\u05d9 \u05e9\u05e0\u05d2\u05d9\u05e2 \u05dc\u05e9\u05d9\u05d7\u05d4 \u05de\u05d5\u05db\u05e0\u05d9\u05dd, \u05d0\u05e0\u05d9 \u05de\u05d6\u05de\u05d9\u05e0\u05d4 \u05d0\u05ea\u05db\u05dd \u05dc\u05d4\u05e6\u05d9\u05e5 \u05d1\u05d7\u05e0\u05d5\u05ea \u05d5\u05dc\u05e7\u05d1\u05dc \u05d4\u05e9\u05e8\u05d0\u05d4. \u05d1\u05e9\u05d9\u05d7\u05d4 \u05e0\u05e2\u05d1\u05d5\u05e8 \u05e2\u05dc \u05d4\u05db\u05dc \u05d9\u05d7\u05d3, \u05d0\u05d1\u05dc \u05e9\u05d5\u05d5\u05d4 \u05dc\u05e8\u05d0\u05d5\u05ea \u05db\u05d1\u05e8 \u05e2\u05db\u05e9\u05d9\u05d5 \u05dc\u05de\u05d4 \u05d0\u05ea\u05dd \u05de\u05ea\u05d7\u05d1\u05e8\u05d9\u05dd!<\/p>\r\n <button type=\"button\" class=\"btn btn-primary\" onclick=\"window.open('https:\/\/noamdesigns.com\/he\/shop\/', '_blank')\">\r\n \u05de\u05e2\u05d1\u05e8 \u05dc\u05d7\u05e0\u05d5\u05ea <i class=\"fa-solid fa-arrow-left\"><\/i>\r\n <\/button>\r\n <\/div>\r\n <h2 class=\"font-gveret-levin\" style=\"font-size: 2rem; margin-bottom: 15px;\">\u05ea\u05d5\u05d3\u05d4 \u05e8\u05d1\u05d4!<\/h2>\r\n <p style=\"font-size: 1.1rem; color: #555;\">\u05d4\u05e4\u05e8\u05d8\u05d9\u05dd \u05d4\u05ea\u05e7\u05d1\u05dc\u05d5 \u05d1\u05d4\u05e6\u05dc\u05d7\u05d4.<br>\u05e0\u05d9\u05e6\u05d5\u05e8 \u05d0\u05d9\u05ea\u05db\u05dd \u05e7\u05e9\u05e8 \u05d1\u05de\u05d5\u05e2\u05d3 \u05e9\u05d1\u05d9\u05e7\u05e9\u05ea\u05dd.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"button-container\" id=\"navigation-buttons\">\r\n <button type=\"button\" id=\"next-btn\" class=\"btn btn-primary\">\u05d4\u05de\u05e9\u05da<\/button>\r\n <button type=\"button\" id=\"prev-btn\" class=\"btn btn-secondary\" style=\"display: none;\">\u05d7\u05d6\u05e8\u05d4<\/button>\r\n <\/div>\r\n\r\n <\/form>\r\n <\/div>\r\n <\/div>\r\n <\/div> \r\n\r\n <script>\r\n \/\/ State\r\n let currentStep = 1;\r\n let totalSteps = 8;\r\n let isSingleProduct = false;\r\n let selectedEvents = [];\r\n let selectedCallDate = null;\r\n let selectedTimeSlots = [];\r\n\r\n const stepTitles = {\r\n 1: '\u05e4\u05e8\u05d8\u05d9\u05dd \u05d0\u05d9\u05e9\u05d9\u05d9\u05dd',\r\n 2: '\u05e1\u05d5\u05d2 \u05d0\u05d9\u05e8\u05d5\u05e2',\r\n 3: '\u05ea\u05d0\u05e8\u05d9\u05db\u05d9\u05dd',\r\n 4: '\u05db\u05de\u05d5\u05ea \u05d0\u05d5\u05e8\u05d7\u05d9\u05dd',\r\n 5: '\u05d1\u05d7\u05d9\u05e8\u05ea \u05de\u05d5\u05e6\u05e8\u05d9\u05dd',\r\n 6: '\u05e1\u05d9\u05db\u05d5\u05dd \u05d5\u05ea\u05d9\u05d0\u05d5\u05dd \u05e9\u05d9\u05d7\u05d4',\r\n 7: '\u05d4\u05e2\u05e8\u05d5\u05ea \u05e0\u05d5\u05e1\u05e4\u05d5\u05ea',\r\n 8: '\u05e1\u05d9\u05d5\u05dd'\r\n };\r\n\r\n \/\/ Menu pricing logic based on guests\r\n const menuPricing = [\r\n { max: 250, price: 950 },\r\n { max: 300, price: 1050 },\r\n { max: 350, price: 1150 },\r\n { max: 400, price: 1250 },\r\n { max: 450, price: 1350 },\r\n { max: 500, price: 1400 },\r\n { max: 550, price: 1450 },\r\n { max: 600, price: 1500 },\r\n { max: 650, price: 1550 },\r\n { max: 700, price: 1600 },\r\n { max: 750, price: 1650 },\r\n { max: 800, price: 1700 },\r\n { max: Infinity, price: 1700 }\r\n ];\r\n\r\n \/\/ Store massive SVG constants safely at the top\r\n const svgAssets = {\r\n cushions: '<svg viewBox=\"0 0 64 64\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill=\"currentColor\" d=\"M61.23,32.54a2.071,2.071,0,0,0-1.67-1.81l-1.51-.31L31.92,8.06,31.4,6.65a2.043,2.043,0,0,0-2.04-1.37,2.421,2.421,0,0,0-2.23,1.75l-.46,1.55a.585.585,0,0,1-.1.17L12.36,25.37H7.28l-1.31-.74a2.073,2.073,0,0,0-2.45.29,2.438,2.438,0,0,0-.56,2.79l.66,1.47a.433.433,0,0,1,.04.19V53.71a.433.433,0,0,1-.04.19l-.66,1.48a2.426,2.426,0,0,0,.56,2.78,2.11,2.11,0,0,0,1.42.56,2.142,2.142,0,0,0,1.03-.27l1.35-.75,34.39.01,1.31.74a2.056,2.056,0,0,0,2.44-.29,2.407,2.407,0,0,0,.56-2.79l-.65-1.47a.433.433,0,0,1-.04-.19V50.93l12.9-15.1a.419.419,0,0,1,.16-.11l1.46-.7A2.414,2.414,0,0,0,61.23,32.54ZM44.12,56.68c-.06.06-.08.05-.12.02l-1.31-.73a2.049,2.049,0,0,0-1.02-.27H7.32a2.049,2.049,0,0,0-1.02.27l-1.31.74c-.05.02-.06.03-.12-.03a.425.425,0,0,1-.08-.49l.66-1.48a2.458,2.458,0,0,0,.21-1V50.24a1.009,1.009,0,0,0,.61.22,5.756,5.756,0,0,1,3.2.88,7.616,7.616,0,0,0,4.15,1.12,7.628,7.628,0,0,0,4.16-1.12,5.756,5.756,0,0,1,3.2-.88,5.731,5.731,0,0,1,3.2.88,7.628,7.628,0,0,0,4.16,1.12,7.589,7.589,0,0,0,4.15-1.12,6.276,6.276,0,0,1,6.41,0,7.628,7.628,0,0,0,4.16,1.12,1.282,1.282,0,0,0,.27-.05v1.3a2.458,2.458,0,0,0,.21,1l.66,1.48A.425.425,0,0,1,44.12,56.68ZM6.27,41.46a5.756,5.756,0,0,1,3.2.88,7.616,7.616,0,0,0,4.15,1.12,7.628,7.628,0,0,0,4.16-1.12,5.756,5.756,0,0,1,3.2-.88,5.731,5.731,0,0,1,3.2.88,7.628,7.628,0,0,0,4.16,1.12,7.589,7.589,0,0,0,4.15-1.12,6.276,6.276,0,0,1,6.41,0,7.628,7.628,0,0,0,4.16,1.12,1.282,1.282,0,0,0,.27-.05v6.8a.785.785,0,0,0-.16.28.451.451,0,0,0-.11-.03,5.772,5.772,0,0,1-3.21-.87,8.2,8.2,0,0,0-8.31,0,5.761,5.761,0,0,1-3.2.87,5.71,5.71,0,0,1-3.2-.87,7.619,7.619,0,0,0-4.16-1.13,7.579,7.579,0,0,0-4.15,1.13,5.772,5.772,0,0,1-3.21.87,5.7,5.7,0,0,1-3.19-.87,7.647,7.647,0,0,0-4.16-1.13,1.019,1.019,0,0,0-.61.23V41.24A1.009,1.009,0,0,0,6.27,41.46Zm-.61-1.77V32.24a1.009,1.009,0,0,0,.61.22,5.756,5.756,0,0,1,3.2.88,7.616,7.616,0,0,0,4.15,1.12,7.628,7.628,0,0,0,4.16-1.12,5.756,5.756,0,0,1,3.2-.88,5.731,5.731,0,0,1,3.2.88,7.628,7.628,0,0,0,4.16,1.12,7.589,7.589,0,0,0,4.15-1.12,6.276,6.276,0,0,1,6.41,0,7.628,7.628,0,0,0,4.16,1.12,1.282,1.282,0,0,0,.27-.05v7.11a.876.876,0,0,0-.27-.06,5.772,5.772,0,0,1-3.21-.87,8.2,8.2,0,0,0-8.31,0,5.761,5.761,0,0,1-3.2.87,5.71,5.71,0,0,1-3.2-.87,7.619,7.619,0,0,0-4.16-1.13,7.579,7.579,0,0,0-4.15,1.13,5.772,5.772,0,0,1-3.21.87,5.7,5.7,0,0,1-3.19-.87,7.647,7.647,0,0,0-4.16-1.13A1.019,1.019,0,0,0,5.66,39.69ZM44.2,26.89l-.66,1.48a2.458,2.458,0,0,0-.21,1v3.15a.876.876,0,0,0-.27-.06,5.772,5.772,0,0,1-3.21-.87,8.2,8.2,0,0,0-8.31,0,5.761,5.761,0,0,1-3.2.87,5.71,5.71,0,0,1-3.2-.87,7.619,7.619,0,0,0-4.16-1.13,7.579,7.579,0,0,0-4.15,1.13,5.772,5.772,0,0,1-3.21.87,5.7,5.7,0,0,1-3.19-.87,7.647,7.647,0,0,0-4.16-1.13,1.019,1.019,0,0,0-.61.23V29.37a2.458,2.458,0,0,0-.21-1l-.66-1.48a.425.425,0,0,1,.08-.49c.03-.03.05-.04.07-.04a.109.109,0,0,1,.05.01l1.31.74a2.049,2.049,0,0,0,1.02.27H41.67a2.049,2.049,0,0,0,1.02-.27L44,26.37c.04-.02.06-.03.12.03A.425.425,0,0,1,44.2,26.89Z\"\/><\/svg>',\r\n tablecloths: '<svg viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill=\"currentColor\" d=\"m441.087 387.488v98.512a10.02 10.02 0 0 1 -10 10h-25.425a10.019 10.019 0 0 1 -10-10v-112.464c15.676 4.722 28.821 11.336 45.425 13.952zm0-174.474h-370.174c-5.605 69.736-10.513 94.173-50.613 149.617a4.99 4.99 0 0 0 2.854 7.788c32.653 8.061 50.265 3.572 67.423-2.616v-91.803a7 7 0 0 1 14 0v86.664a125.158 125.158 0 0 1 42.914-7.8 92.451 92.451 0 0 1 23.938 2.732v-41.596a7 7 0 1 1 14 0v46.4c19.688 8.407 34.719 20.953 66.852 21.857v-108.257a7 7 0 0 1 14 0v107.894c30.935-2.564 45.123-16.454 66.852-24.057v-43.837a7 7 0 1 1 14 0v40.2a96.624 96.624 0 0 1 17.374-1.337c21.877.2 36.163 5.235 49.479 10.193v-89.056a7 7 0 0 1 14 0v94.047c15.291 4.878 32.336 7.412 60.858.371a4.99 4.99 0 0 0 2.854-7.788c-40.095-55.444-45.007-79.881-50.612-149.617zm-299.2-134.4a6.988 6.988 0 1 1 13.343 4.157l-26.695 85.242h249.471a7 7 0 0 1 0 14h-258.983a7 7 0 0 1 -6.672-9.078l29.538-94.321zm-25.549 294.922v112.464a10.019 10.019 0 0 1 -10 10h-25.425a10.019 10.019 0 0 1 -10-10v-98.512c16.6-2.616 29.748-9.23 45.425-13.952zm-41.038-174.522h361.4l-56.213-179.508a4.935 4.935 0 0 0 -4.772-3.506h-239.431a4.934 4.934 0 0 0 -4.771 3.506z\" fill-rule=\"evenodd\"\/><\/svg>',\r\n welcomeSign: '<svg viewBox=\"0 -21 512 511\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill=\"currentColor\" d=\"m131.777344 204.195312c-2.460938 0-4.09375.976563-4.601563 2.75l-11.960937 40.375-6.066406-25.941406c-.574219-2.589844-3.859376-3.769531-6.664063-3.769531s-6.089844 1.179687-6.664063 3.765625l-6.066406 25.949219-11.960937-40.375c-.507813-1.773438-2.144531-2.753907-4.601563-2.753907-3.996094 0-8.816406 2.503907-8.816406 5.609376 0 .484374.097656.953124.1875 1.226562l16.375 50.1875c1.074219 3.421875 5.496094 4.636719 8.957031 4.636719 3.851563 0 8.066407-1.445313 8.808594-4.679688l3.78125-17.242187 3.785156 17.25c.738281 3.226562 4.953125 4.671875 8.804688 4.671875 4.480469 0 7.992187-1.8125 8.957031-4.621094l16.375-50.199219c.09375-.277344.191406-.746094.191406-1.230468-.003906-3.109376-4.828125-5.609376-8.820312-5.609376zm0 0\"\/><path fill=\"currentColor\" d=\"m182.957031 216.398438c2.578125 0 4.375-2.542969 4.375-6.183594 0-2.996094-1.351562-6.019532-4.375-6.019532h-29.292969c-2.9375 0-6.101562 1.394532-6.101562 4.457032v52.25c0 3.0625 3.164062 4.457031 6.101562 4.457031h29.292969c3.023438 0 4.375-3.023437 4.375-6.019531 0-3.640625-1.796875-6.183594-4.375-6.183594h-21.542969v-12.976562h11.835938c2.871094 0 4.371094-2.695313 4.371094-5.359376 0-2.746093-1.5-5.527343-4.371094-5.527343h-11.835938v-12.894531zm0 0\"\/><path fill=\"currentColor\" d=\"m202.128906 204.195312c-3.195312 0-6.925781 1.144532-6.925781 4.375v52.332032c0 3.0625 3.164063 4.457031 6.101563 4.457031h26.003906c2.894531 0 4.210937-3.164063 4.210937-6.101563s-1.316406-6.101562-4.210937-6.101562h-18.253906v-44.585938c0-3.230468-3.730469-4.375-6.925782-4.375zm0 0\"\/><path fill=\"currentColor\" d=\"m259.070312 216.398438c6.550782 0 6.738282 4.847656 6.816407 6.929687.160156 2.882813 2.492187 4.347656 6.925781 4.347656 4.277344 0 6.925781-1.105469 6.925781-6.597656 0-10.253906-8.304687-16.882813-21.160156-16.882813-12.871094 0-20.253906 7.265626-20.253906 19.925782v21.808594c0 12.660156 7.382812 19.925781 20.253906 19.925781 12.65625 0 21.160156-7.117188 21.160156-17.703125 0-5.519532-2.570312-6.597656-7.007812-6.597656-4.304688 0-6.609375 1.457031-6.839844 4.335937-.253906 3.273437-.597656 7.761719-6.738281 7.761719-4.632813 0-6.980469-2.601563-6.980469-7.722656v-21.804688c0-5.128906 2.320313-7.726562 6.898437-7.726562zm0 0\"\/><path fill=\"currentColor\" d=\"m287.855469 224.121094v21.804687c0 12.851563 7.339843 19.929688 20.667969 19.929688 13.378906 0 20.75-7.078125 20.75-19.929688v-21.804687c0-12.847656-7.371094-19.925782-20.75-19.925782-13.328126 0-20.667969 7.078126-20.667969 19.925782zm13.851562 0c0-5.125 2.292969-7.722656 6.816407-7.722656 4.578124 0 6.898437 2.601562 6.898437 7.722656v21.804687c0 5.125-2.320313 7.722657-6.898437 7.722657-4.519532 0-6.816407-2.597657-6.816407-7.722657zm0 0\"\/><path fill=\"currentColor\" d=\"m383.566406 265.359375c3.335938 0 6.925782-1.394531 6.925782-4.457031v-49.78125c0-5.105469-3.574219-6.925782-6.925782-6.925782-4.785156 0-6.921875.574219-10.394531 6.671876l-8.035156 14.042968-8.035157-14.042968c-3.472656-6.097657-5.609374-6.671876-10.398437-6.671876-3.347656 0-6.925781 1.816407-6.925781 6.925782v49.78125c0 3.0625 3.589844 4.457031 6.925781 4.457031s6.925781-1.394531 6.925781-4.457031v-29.691406l6.863282 12.566406c.917968 1.761718 2.425781 2.65625 4.480468 2.65625 1.441406 0 3.425782-.457032 4.714844-2.632813l6.957031-11.886719v28.988282c0 3.0625 3.589844 4.457031 6.921875 4.457031zm0 0\"\/><path fill=\"currentColor\" d=\"m437.054688 216.398438c2.574218 0 4.371093-2.542969 4.371093-6.183594 0-2.996094-1.351562-6.019532-4.371093-6.019532h-29.296876c-2.9375 0-6.101562 1.394532-6.101562 4.457032v52.25c0 3.0625 3.164062 4.457031 6.101562 4.457031h29.296876c3.019531 0 4.371093-3.023437 4.371093-6.019531 0-3.640625-1.796875-6.183594-4.371093-6.183594h-21.546876v-12.976562h11.835938c2.871094 0 4.375-2.695313 4.375-5.359376 0-2.746093-1.503906-5.527343-4.375-5.527343h-11.835938v-12.894531zm0 0\"\/><path fill=\"currentColor\" d=\"m48.160156 134.75c31.078125 0 56.363282-25.285156 56.363282-56.363281 0-4.199219-3.402344-7.605469-7.601563-7.605469h-48.761719c-4.199218 0-7.605468 3.40625-7.605468 7.605469v48.761719c0 4.199218 3.40625 7.601562 7.605468 7.601562zm7.601563-48.761719h32.851562c-3.117187 16.613281-16.242187 29.738281-32.851562 32.851563zm0 0\"\/><path fill=\"currentColor\" d=\"m48.160156 335.292969c-4.199218 0-7.605468 3.40625-7.605468 7.605469v48.761718c0 4.199219 3.40625 7.605469 7.605468 7.605469h48.761719c4.199219 0 7.601563-3.40625 7.601563-7.605469 0-31.082031-25.285157-56.367187-56.363282-56.367187zm7.601563 48.761719v-32.847657c16.609375 3.113281 29.734375 16.238281 32.851562 32.847657zm0 0\"\/><path fill=\"currentColor\" d=\"m471.449219 78.386719c0-4.199219-3.40625-7.605469-7.605469-7.605469h-48.761719c-4.199219 0-7.601562 3.40625-7.601562 7.605469 0 31.078125 25.285156 56.363281 56.363281 56.363281 4.199219 0 7.605469-3.402344 7.605469-7.601562zm-15.207031 40.453125c-16.613282-3.113282-29.738282-16.238282-32.851563-32.851563h32.851563zm0 0\"\/><path fill=\"currentColor\" d=\"m463.84375 335.292969c-31.078125 0-56.363281 25.285156-56.363281 56.367187 0 4.199219 3.402343 7.605469 7.601562 7.605469h48.761719c4.199219 0 7.605469-3.40625 7.605469-7.605469v-48.761718c0-4.199219-3.40625-7.605469-7.605469-7.605469zm-7.601562 48.761719h-32.851563c3.113281-16.609376 16.238281-29.734376 32.851563-32.847657zm0 0\"\/><path fill=\"currentColor\" d=\"m471.449219 164.429688c0-4.199219-3.40625-7.605469-7.605469-7.605469-43.25 0-78.4375-35.1875-78.4375-78.4375 0-4.199219-3.402344-7.605469-7.601562-7.605469h-243.605469c-4.199219 0-7.605469 3.40625-7.605469 7.605469 0 43.25-35.183594 78.433593-78.433594 78.433593-4.199218 0-7.601562 3.402344-7.601562 7.601563v141.195313c0 4.199218 3.402344 7.605468 7.601562 7.605468 43.25 0 78.4375 35.1875 78.4375 78.4375 0 4.199219 3.40625 7.605469 7.605469 7.605469h52.421875c4.199219 0 7.601562-3.40625 7.601562-7.605469 0-4.199218-3.402343-7.605468-7.601562-7.605468h-45.125c-3.679688-45.585938-40.148438-82.054688-85.734375-85.734376v-126.597656c45.585937-3.679687 82.050781-40.148437 85.730469-85.730468h229.007812c3.679688 45.585937 40.148438 82.054687 85.734375 85.734374v126.59375c-45.585937 3.679688-82.054687 40.148438-85.734375 85.734376h-153.460937c-4.199219 0-7.605469 3.40625-7.605469 7.605468 0 4.199219 3.40625 7.605469 7.605469 7.605469h160.757812c4.199219 0 7.605469-3.40625 7.605469-7.605469 0-43.25 35.1875-78.4375 78.4375-78.4375 4.199219 0 7.605469-3.40625 7.605469-7.605468zm0 0\"\/><path fill=\"currentColor\" d=\"m504.394531.5c-4.199219 0-7.601562 3.40625-7.601562 7.605469v22.121093h-20.277344v-22.121093c0-4.199219-3.40625-7.605469-7.605469-7.605469-4.199218 0-7.601562 3.40625-7.601562 7.605469v22.121093h-20.277344v-22.121093c0-4.199219-3.40625-7.605469-7.605469-7.605469s-7.605469 3.40625-7.605469 7.605469v22.121093h-20.277343v-22.121093c0-4.199219-3.402344-7.605469-7.601563-7.605469-4.199218 0-7.605468 3.40625-7.605468 7.605469v22.121093h-20.277344v-22.121093c0-4.199219-3.402344-7.605469-7.601563-7.605469s-7.605469 3.40625-7.605469 7.605469v22.121093h-20.277343v-22.121093c0-4.199219-3.40625-7.605469-7.605469-7.605469s-7.601562 3.40625-7.601562 7.605469v22.121093h-20.277344v-22.121093c0-4.199219-3.40625-7.605469-7.605469-7.605469s-7.601563 3.40625-7.601563 7.605469v22.121093h-20.277343v-22.121093c0-4.199219-3.40625-7.605469-7.605469-7.605469s-7.605469 3.40625-7.605469 7.605469v22.121093h-20.277343v-22.121093c0-4.199219-3.402344-7.605469-7.601563-7.605469s-7.605469 3.40625-7.605469 7.605469v22.121093h-20.277344v-22.121093c0-4.199219-3.402343-7.605469-7.601562-7.605469s-7.605469 3.40625-7.605469 7.605469v22.121093h-20.277343v-22.121093c0-4.199219-3.40625-7.605469-7.605469-7.605469s-7.601563 3.40625-7.601563 7.605469v22.121093h-20.277344v-22.121093c0-4.199219-3.40625-7.605469-7.605468-7.605469-4.199219 0-7.601563 3.40625-7.601563 7.605469v22.121093h-20.277343v-22.121093c0-4.199219-3.40625-7.605469-7.605469-7.605469s-7.605469 3.40625-7.605469 7.605469v22.121093h-20.277344v-22.121093c0-4.199219-3.402344-7.605469-7.601562-7.605469-4.199219 0-7.605469 3.40625-7.605469 7.605469v22.121093h-20.277344v-22.121093c0-4.199219-3.402343-7.605469-7.601562-7.605469s-7.605469 3.40625-7.605469 7.605469v-325.019531c0-4.199219-3.40625-7.605469-7.605469-7.605469s-7.601562 3.40625-7.601562 7.605469v287.6875h-481.585938v-379.175781h481.585938v61.070312c0 4.199219 3.402343 7.601563 7.601562 7.601563s7.605469-3.402344 7.605469-7.601563v-98.402343c0-4.199219-3.40625-7.605469-7.605469-7.605469zm0 0\"\/><path fill=\"currentColor\" d=\"m147.992188 310.070312h216.019531c4.199219 0 7.605469-3.40625 7.605469-7.605468 0-4.199219-3.40625-7.605469-7.605469-7.605469h-216.019531c-4.199219 0-7.605469 3.40625-7.605469 7.605469 0 4.199218 3.40625 7.605468 7.605469 7.605468zm0 0\"\/><path fill=\"currentColor\" d=\"m364.015625 159.980469h-216.023437c-4.199219 0-7.605469 3.402343-7.605469 7.601562s3.40625 7.605469 7.605469 7.605469h216.019531c4.199219 0 7.605469-3.40625 7.605469-7.605469s-3.402344-7.601562-7.601563-7.601562zm0 0\"\/><\/svg>',\r\n tableNumbers: '<svg viewBox=\"0 0 64 64\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill=\"currentColor\" d=\"m45 3h-26c-1.65 0-3 1.35-3 3v31c0 1.65 1.35 3 3 3h5v1c0 1.1.9 2 2 2h3v12h-5c-1.1 0-2 .9-2 2v2c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2v-2c0-1.1-.9-2-2-2h-5v-12h3c1.1 0 2-.9 2-2v-1h5c1.65 0 3-1.35 3-3v-31c0-1.65-1.35-3-3-3zm-5 56h-16v-2h16zm-7-4h-2v-12h2zm-7-14v-4h12v4s-12 0-12 0zm20-4c0 .55-.45 1-1 1h-5v-1c0-1.1-.9-2-2-2h-12c-1.1 0-2 .9-2 2v1h-5c-.55 0-1-.45-1-1v-31c0-.55.45-1 1-1h26c.55 0 1 .45 1 1zm-9.5-7.96c0 .55-.45 1-1 1h-6c-.55 0-1-.45-1-1s.45-1 1-1h2.07v-14.66l-2.37 2.37c-.39.39-1.02.39-1.41 0s-.39-1.02 0-1.41l4.07-4.07c.29-.29.72-.37 1.09-.22s.62.52.62.92v17.07h1.93c.55 0 1 .45 1 1z\"\/><\/svg>',\r\n seatingCards: '<svg viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill=\"currentColor\" d=\"m126 363c-5 0-10-2-15-4-7-4-12-11-14-18l-68-256c-2-8-1-16 3-23 4-6 10-11 18-14l177-47c16-4 32 5 37 21l68 256c4 16-5 31-21 37l-177 47c-3 0-5 1-8 1zm-72-302c-4 2-8 5-10 8s-3 7-2 12h1l68 256c2 8 11 13 19 11l177-47c9-3 14-11 11-19l-68-256c-2-9-11-14-19-12z\"\/><path fill=\"currentColor\" d=\"m311 419c-2 0-5-1-7-1-1 0-1 0-1 0l-176-48c-7-2-14-6-18-13-2-4-1-8 2-10 4-2 8-1 10 2 2 4 5 7 9 7h1l176 48c9 2 17-2 19-11l69-256c3-8-3-17-11-19l-114-31c-3-1-6-5-5-9s5-6 9-5l114 31c15 4 25 21 21 37l-69 256c-3 13-15 22-29 22z\"\/><path fill=\"currentColor\" d=\"m267 512c-7 0-15-3-21-9l-130-129s0 0 0-1c-6-6-8-12-8-20 0-4 3-7 7-7s7 3 7 7 1 8 4 11l130 129c6 6 16 6 22 0l187-187c7-6 7-16 0-22l-83-84c-2-3-2-7 0-10 3-3 8-3 10 0l83 84c12 12 12 30 0 42l-187 187c-6 6-13 9-21 9z\"\/><\/svg>',\r\n logo: '<svg viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill=\"currentColor\" d=\"M397.546,389.253h-12.139L263.669,93.603c-1.279-3.108-4.308-5.137-7.669-5.137l-121.738,295.65h-12.14c-4.58,0-8.294,3.712-8.294,8.294c0,4.581,3.713,8.294,8.294,8.294h35.387c4.58,0,8.294-3.712,8.294-8.294c0-4.581-3.713-8.294-8.294-8.294h-5.309l29.598-71.879h119.509l29.598,71.879h-5.309c-4.58,0-8.294,3.712-8.294,8.294c0,4.581,3.713,8.294,8.294,8.294h79.62c4.58,0,8.294-3.712,8.294-8.294C405.84,392.965,402.127,389.253,397.546,389.253z M180.959,300.786l52.925-128.532l52.924,128.532H180.959z M341.174,389.253l-98.322-238.78L256,118.544l111.469,270.709H341.174z\"\/><path fill=\"currentColor\" d=\"M503.706,0H468.32c-4.58,0-8.294,3.712-8.294,8.294v9.4h-27.093c-4.58,0-8.294,3.712-8.294,8.294c0,4.581,3.713,8.294,8.294,8.294h27.093v9.4c0,4.581,3.713,8.294,8.294,8.294h9.4v27.093c0,4.581,3.713,8.294,8.294,8.294c4.58,0,8.294-3.712,8.294-8.294V51.974h9.4c4.58,0,8.294-3.712,8.294-8.294V8.294C512,3.712,508.287,0,503.706,0z M495.413,35.387h-18.799V16.587h18.799V35.387z\"\/><path fill=\"currentColor\" d=\"M503.706,460.026h-9.4v-27.093c0-4.581-3.713-8.294-8.294-8.294c-4.58,0-8.294,3.712-8.294,8.294v27.093h-9.4c-4.58,0-8.294,3.712-8.294,8.294v9.4h-27.093c-4.58,0-8.294,3.712-8.294,8.294s3.713,8.294,8.294,8.294h27.093v9.4c0,4.581,3.713,8.294,8.294,8.294h35.387c4.58,0,8.294-3.712,8.294-8.294V468.32C512,463.738,508.287,460.026,503.706,460.026z M495.413,495.413h-18.799v-18.799h18.799V495.413z\"\/><path fill=\"currentColor\" d=\"M25.987,212.32c-4.58,0-8.294,3.712-8.294,8.294v17.693c0,4.581,3.713,8.294,8.294,8.294c4.58,0,8.294-3.712,8.294-8.294v-17.693C34.281,216.032,30.567,212.32,25.987,212.32z\"\/><path fill=\"currentColor\" d=\"M25.987,159.24c-4.58,0-8.294,3.712-8.294,8.294v17.693c0,4.581,3.713,8.294,8.294,8.294c4.58,0,8.294-3.712,8.294-8.294v-17.693C34.281,162.952,30.567,159.24,25.987,159.24z\"\/><path fill=\"currentColor\" d=\"M25.987,265.4c-4.58,0-8.294,3.712-8.294,8.294v17.693c0,4.581,3.713,8.294,8.294,8.294c4.58,0,8.294-3.712,8.294-8.294v-17.693C34.281,269.112,30.567,265.4,25.987,265.4z\"\/><path fill=\"currentColor\" d=\"M25.987,106.16c-4.58,0-8.294,3.712-8.294,8.294v17.693c0,4.581,3.713,8.294,8.294,8.294c4.58,0,8.294-3.712,8.294-8.294v-17.693C34.281,109.872,30.567,106.16,25.987,106.16z\"\/><path fill=\"currentColor\" d=\"M25.987,318.479c-4.58,0-8.294,3.712-8.294,8.294v17.693c0,4.581,3.713,8.294,8.294,8.294c4.58,0,8.294-3.712,8.294-8.294v-17.693C34.281,322.192,30.567,318.479,25.987,318.479z\"\/><path fill=\"currentColor\" d=\"M25.987,371.559c-4.58,0-8.294,3.712-8.294,8.294v17.693c0,4.581,3.713,8.294,8.294,8.294c4.58,0,8.294-3.712,8.294-8.294v-17.693C34.281,375.272,30.567,371.559,25.987,371.559z\"\/><path fill=\"currentColor\" d=\"M486.013,212.32c-4.58,0-8.294,3.712-8.294,8.294v17.693c0,4.581,3.713,8.294,8.294,8.294c4.58,0,8.294-3.712,8.294-8.294v-17.693C494.307,216.032,490.593,212.32,486.013,212.32z\"\/><path fill=\"currentColor\" d=\"M486.013,159.24c-4.58,0-8.294,3.712-8.294,8.294v17.693c0,4.581,3.713,8.294,8.294,8.294c4.58,0,8.294-3.712,8.294-8.294v-17.693C494.307,162.952,490.593,159.24,486.013,159.24z\"\/><path fill=\"currentColor\" d=\"M486.013,265.4c-4.58,0-8.294,3.712-8.294,8.294v17.693c0,4.581,3.713,8.294,8.294,8.294c4.58,0,8.294-3.712,8.294-8.294v-17.693C494.307,269.112,490.593,265.4,486.013,265.4z\"\/><path fill=\"currentColor\" d=\"M486.013,106.16c-4.58,0-8.294,3.712-8.294,8.294v17.693c0,4.581,3.713,8.294,8.294,8.294c4.58,0,8.294-3.712,8.294-8.294v-17.693C494.307,109.872,490.593,106.16,486.013,106.16z\"\/><path fill=\"currentColor\" d=\"M486.013,318.479c-4.58,0-8.294,3.712-8.294,8.294v17.693c0,4.581,3.713,8.294,8.294,8.294c4.58,0,8.294-3.712,8.294-8.294v-17.693C494.307,322.192,490.593,318.479,486.013,318.479z\"\/><path fill=\"currentColor\" d=\"M486.013,371.559c-4.58,0-8.294,3.712-8.294,8.294v17.693c0,4.581,3.713,8.294,8.294,8.294c4.58,0,8.294-3.712,8.294-8.294v-17.693C494.307,375.272,490.593,371.559,486.013,371.559z\"\/><path fill=\"currentColor\" d=\"M238.307,477.719h-17.693c-4.58,0-8.294,3.712-8.294,8.294s3.713,8.294,8.294,8.294h17.693c4.58,0,8.294-3.712,8.294-8.294S242.887,477.719,238.307,477.719z\"\/><path fill=\"currentColor\" d=\"M185.227,477.719h-17.693c-4.58,0-8.294,3.712-8.294,8.294s3.713,8.294,8.294,8.294h17.693c4.58,0,8.294-3.712,8.294-8.294S189.807,477.719,185.227,477.719z\"\/><path fill=\"currentColor\" d=\"M291.387,477.719h-17.693c-4.58,0-8.294,3.712-8.294,8.294s3.713,8.294,8.294,8.294h17.693c4.58,0,8.294-3.712,8.294-8.294S295.967,477.719,291.387,477.719z\"\/><path fill=\"currentColor\" d=\"M132.147,477.719h-17.693c-4.58,0-8.294,3.712-8.294,8.294s3.713,8.294,8.294,8.294h17.693c4.58,0,8.294-3.712,8.294-8.294S136.727,477.719,132.147,477.719z\"\/><path fill=\"currentColor\" d=\"M79.067,477.719H51.974v-9.4C51.974,3.712,48.261,0,43.68,0H8.294C3.713,0,0,3.712,0,8.294V43.68c0,4.581,3.713,8.294,8.294,8.294h9.4v27.093c0,4.581,3.713,8.294,8.294,8.294c4.58,0,8.294-3.712,8.294-8.294V51.974h9.4c4.58,0,8.294-3.712,8.294-8.294v-9.4h27.093c4.58,0,8.294-3.712,8.294-8.294C87.361,21.406,83.647,17.693,79.067,17.693z M35.387,35.387H16.587V16.587h18.799V35.387z\"\/><path fill=\"currentColor\" d=\"M344.466,17.693h-17.693c-4.58,0-8.294,3.712-8.294,8.294c0,4.581,3.713,8.294,8.294,8.294h17.693c4.58,0,8.294-3.712,8.294-8.294C352.76,21.406,349.047,17.693,344.466,17.693z\"\/><path fill=\"currentColor\" d=\"M397.546,17.693h-17.693c-4.58,0-8.294,3.712-8.294,8.294c0,4.581,3.713,8.294,8.294,8.294h17.693c4.58,0,8.294-3.712,8.294-8.294C405.84,21.406,402.127,17.693,397.546,17.693z\"\/><\/svg>',\r\n kipot: '<svg viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><g style=\"fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-width:14\"><path d=\"m497.949 348.097c0-133.731-83.592-262.74-242.142-262.74s-242.142 129.008-242.142 262.74c0 0 67.628 45.016 242.142 45.016s242.142-45.016 242.142-45.016z\"\/><path d=\"m17.482 305.801s66.562 45.016 238.325 45.016 238.325-45.016 238.325-45.016\"\/><path d=\"m212.839 223.7 26.671-45.504\"\/><path d=\"m212.839 269.205h-26.671l13.873-23.669\"\/><path d=\"m298.921 223.95 26.524 45.255h-85.935\"\/><path d=\"m286.256 202.341-30.449-51.951-5.142 8.8\"\/><path d=\"m272.104 178.196h-85.936l69.639 118.815 6.287-10.656\"\/><path d=\"m297.486 178.196h27.959l-53.341 91.009\"\/><\/g><\/svg>',\r\n stirrers: '<svg viewBox=\"0 0 48 48\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><g transform=\"translate(-72 -72)\"><g transform=\"matrix(.867 0 0 .873 11.8 -246.218)\"><path fill=\"currentColor\" d=\"m80.259 387.638c-.27-1.17-.413-2.387-.413-3.638 0-1.211.389-3.524.389-3.524.093-.552.574-.955 1.137-.955h3.09c.636 0 1.153.513 1.153 1.146 0 .632-.517 1.145-1.153 1.146 0 0-2.1 0-2.101 0-.097.684-.207 1.587-.207 2.187 0 .734.057 1.455.167 2.159 5.013-.315 8.372.597 11.363 1.432.704.197 1.385.389 2.063.557l5.075-6.335h-11.745c-.637-.001-1.154-.514-1.154-1.146 0-.633.517-1.146 1.154-1.146h13.58l2.87-3.584c-.632-.811-1.008-1.828-1.008-2.932 0-2.647 2.164-4.797 4.83-4.797.72 0 1.403.157 2.017.438l1.039-1.297c.396-.495 1.122-.577 1.621-.183.498.393.581 1.115.185 1.61l-1.039 1.297c.631.811 1.008 1.828 1.008 2.932 0 2.648-2.165 4.797-4.831 4.797-.72 0-1.403-.157-2.017-.437l-1.727 2.156h5.023c.563 0 1.044.403 1.137.955 0 0 .389 2.313.389 3.524 0 1.449-.192 2.853-.55 4.189-1.752 6.527-7.497 11.425-14.45 11.916v9.764l4.664 3.308c.816.579 1.162 1.615.856 2.564s-1.194 1.592-2.198 1.592h-8.952c-1.004 0-1.892-.643-2.198-1.592s.04-1.985.856-2.564l4.664-3.308v-9.764c-7.147-.505-13.018-5.667-14.587-12.467zm13.92 2.468c-.369-.099-.741-.203-1.119-.309-2.707-.755-5.736-1.592-10.184-1.374 1.846 5.479 7.026 9.431 13.124 9.431 5.82 0 10.805-3.6 12.852-8.692-1.907.246-3.016.8-4.454 1.215-.611.176-1.252-.174-1.429-.782-.178-.607.175-1.243.786-1.419 1.793-.517 3.126-1.202 5.81-1.387.184-.901.281-1.834.281-2.789 0-.6-.11-1.503-.208-2.188l-5.868.001-5.451 6.806c.377.039.76.063 1.152.069.637.009 1.146.53 1.137 1.162-.009.633-.534 1.138-1.171 1.129-.964-.014-1.878-.123-2.776-.29l-3.556 4.441c-.397.495-1.123.577-1.622.183-.498-.393-.581-1.115-.184-1.61zm16.739-19.062c-.431-.34-.976-.544-1.569-.544-1.392 0-2.522 1.123-2.522 2.505 0 .794.372 1.501.952 1.961h.001c.431.341.976.544 1.569.544 1.393 0 2.523-1.122 2.523-2.505 0-.793-.372-1.501-.953-1.96 0 0 0-.001-.001-.001zm-19.394 43.998h8.952l-4.476-3.176z\"\/><\/g><\/g><\/svg>',\r\n passport: '<svg viewBox=\"0 0 64 64\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill=\"currentColor\" d=\"m38 25h2v2h-2z\"\/><path fill=\"currentColor\" d=\"m38 29h2v2h-2z\"\/><path fill=\"currentColor\" d=\"m38 33h2v2h-2z\"\/><path fill=\"currentColor\" d=\"m38 37h2v2h-2z\"\/><path fill=\"currentColor\" d=\"m59 23h-1v-3a3.009 3.009 0 0 0 -3-3h-12a3.012 3.012 0 0 0 -2.4 1.2l-1.6 2.13-1.6-2.13a3.012 3.012 0 0 0 -2.4-1.2h-30a3.009 3.009 0 0 0 -3 3v24a3.009 3.009 0 0 0 3 3h1v3a3.009 3.009 0 0 0 3 3h30a3.041 3.041 0 0 0 2.4-1.2l1.6-2.13 1.6 2.13a3.041 3.041 0 0 0 2.4 1.2h12a3.009 3.009 0 0 0 3-3v-24a3.009 3.009 0 0 0 -3-3zm-16.8-3.6a1.014 1.014 0 0 1 .8-.4h12a1 1 0 0 1 1 1v1h-15zm-38.2.6a1 1 0 0 1 1-1h30a1.014 1.014 0 0 1 .8.4l1.2 1.6h-33zm1 25a1 1 0 0 1 -1-1v-21h52v21a1 1 0 0 1 -1 1h-12a1.014 1.014 0 0 1 -.8-.4l-2.4-3.2a1 1 0 0 0 -1.6 0l-2.4 3.2a1.014 1.014 0 0 1 -.8.4zm55 5a1 1 0 0 1 -1 1h-12a1.014 1.014 0 0 1 -.8-.4l-2.4-3.2a1.041 1.041 0 0 0 -1.6 0l-2.4 3.2a1.014 1.014 0 0 1 -.8.4h-30a1 1 0 0 1 -1-1v-3h27a3.012 3.012 0 0 0 2.4-1.2l1.6-2.13 1.6 2.13a3.012 3.012 0 0 0 2.4 1.2h12a3.009 3.009 0 0 0 3-3v-15h2zm0-23h-2v-2h1a1 1 0 0 1 1 1z\"\/><path fill=\"currentColor\" d=\"m33.71 33.29-2-2a1.033 1.033 0 0 0 -.71-.29h-3.46l-3.71-5.55a1 1 0 0 0 -.83-.45h-2a.983.983 0 0 0 -.81.42 1 1 0 0 0 -.14.9l1.56 4.68h-.2l-1.7-1.71a1.033 1.033 0 0 0 -.71-.29h-2a1 1 0 0 0 -1 1v6a1 1 0 0 0 1 1h4.61l-1.56 4.68a1 1 0 0 0 .14.9.983.983 0 0 0 .81.42h2a1 1 0 0 0 .83-.45l3.71-5.55h5.46a1 1 0 0 0 1-1v-2a1.033 1.033 0 0 0 -.29-.71zm-11.25-6.29 2.67 4h-1.41l-1.33-4zm0 14h-.07l1.33-4h1.41zm9.54-6h-14v-4h.59l1.7 1.71a1.033 1.033 0 0 0 .71.29h9.59l1.41 1.41z\"\/><path fill=\"currentColor\" d=\"m6 31h8v2h-8z\"\/><path fill=\"currentColor\" d=\"m6 27h8v2h-8z\"\/><path fill=\"currentColor\" d=\"m6 35h8v2h-8z\"\/><path fill=\"currentColor\" d=\"m6 39h8v2h-8z\"\/><path fill=\"currentColor\" d=\"m44 27h10v2h-10z\"\/><path fill=\"currentColor\" d=\"m44 31h6v2h-6z\"\/><path fill=\"currentColor\" d=\"m44 35h8v2h-8z\"\/><path fill=\"currentColor\" d=\"m44 39h6v2h-6z\"\/><\/svg>',\r\n handFan: '<svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22c-1.1 0-2-.9-2-2v-1l-7.5-5.5c-1-.7-1.2-2.1-.4-3.1C4.6 7.1 8.1 5 12 5s7.4 2.1 9.9 5.4c.8 1 .6 2.4-.4 3.1L14 19v1c0 1.1-.9 2-2 2z\"\/><path d=\"M12 19V5\"\/><path d=\"M10 18L5 7\"\/><path d=\"M14 18l5-11\"\/><path d=\"M11 18.5L8 6\"\/><path d=\"M13 18.5L16 6\"\/><\/svg>'\r\n };\r\n\r\n const eventCatalogs = {\r\n '\u05d7\u05ea\u05d5\u05e0\u05d4': [\r\n { id: 'digital', name: '\u05d4\u05d6\u05de\u05e0\u05d4 \u05d3\u05d9\u05d2\u05d9\u05d8\u05dc\u05d9\u05ea', note: '\u05dc\u05dc\u05d0 \u05d4\u05d3\u05e4\u05e1\u05d4', price: 450, icon: 'fa-mobile-screen-button', link: 'https:\/\/noamdesigns.com\/he\/product-category\/digital-invitations\/' },\r\n { id: 'printed', name: '\u05d4\u05d6\u05de\u05e0\u05d5\u05ea \u05de\u05d5\u05d3\u05e4\u05e1\u05d5\u05ea', note: '\u05db\u05d5\u05dc\u05dc \u05ea\u05de\u05d5\u05e0\u05d4 \u05d3\u05d9\u05d2\u05d9\u05d8\u05dc\u05d9\u05ea<br>(\u05de\u05d9\u05e0\u05d9\u05de\u05d5\u05dd 20 \u05d9\u05d7\\')', price: 1000, icon: 'fa-envelope-open-text', link: 'https:\/\/noamdesigns.com\/he\/product-category\/printed-invitations\/' },\r\n { id: 'menus', name: '\u05ea\u05e4\u05e8\u05d9\u05d8\u05d9\u05dd', note: '\u05e2\u05d9\u05e6\u05d5\u05d1 \u05d0\u05d9\u05e9\u05d9 \u05d5\u05d4\u05d3\u05e4\u05e1\u05d4', price: 950, icon: 'fa-utensils', link: 'https:\/\/noamdesigns.com\/he\/product-category\/menus\/', isDynamicMenu: true },\r\n { id: 'bar_menu', name: '\u05ea\u05e4\u05e8\u05d9\u05d8 \u05dc\u05d1\u05e8', note: '\u05de\u05d5\u05d3\u05e4\u05e1 \u05e2\u05dc \u05d1\u05d3 \u05e4\u05e9\u05ea\u05df\/\u05ea\u05d7\u05e8\u05d4', price: 960, icon: 'fa-wine-glass', link: 'https:\/\/noamdesigns.com\/he\/shop\/' },\r\n { id: 'std_image', name: 'Save The Date', note: '\u05ea\u05de\u05d5\u05e0\u05d4 \u05d3\u05d9\u05d2\u05d9\u05d8\u05dc\u05d9\u05ea', price: 400, icon: 'fa-image', link: 'https:\/\/noamdesigns.com\/he\/product-category\/save-the-date\/' },\r\n { id: 'std_video', name: 'Save The Date', note: '\u05e1\u05e8\u05d8\u05d5\u05df \u05de\u05e7\u05e6\u05d5\u05e2\u05d9', price: 950, icon: 'fa-film', link: 'https:\/\/noamdesigns.com\/he\/product-category\/save-the-date-video\/' },\r\n { id: 'welcome_sign', name: '\u05e9\u05dc\u05d8 \u05db\u05e0\u05d9\u05e1\u05d4', note: '\u05de\u05d5\u05d3\u05e4\u05e1 \u05e2\u05dc \u05d1\u05d3 \u05ea\u05d7\u05e8\u05d4', price: 870, icon: svgAssets.welcomeSign, link: 'https:\/\/noamdesigns.com\/he\/shop\/' },\r\n { id: 'table_numbers', name: '\u05de\u05e1\u05e4\u05e8\u05d9 \u05e9\u05d5\u05dc\u05d7\u05df', note: '\u05de\u05de\u05d5\u05ea\u05d2\u05d9\u05dd \u05d1\u05e2\u05d9\u05e6\u05d5\u05d1 \u05d0\u05d9\u05e9\u05d9', price: 500, icon: svgAssets.tableNumbers, link: 'https:\/\/noamdesigns.com\/he\/shop\/' },\r\n { id: 'seating_cards', name: '\u05db\u05e8\u05d8\u05d9\u05e1\u05d9 \u05d4\u05d5\u05e9\u05d1\u05d4', note: '\u05d1\u05e2\u05d9\u05e6\u05d5\u05d1 \u05d0\u05d9\u05e9\u05d9', price: 950, icon: svgAssets.seatingCards, link: 'https:\/\/noamdesigns.com\/he\/shop\/' },\r\n { id: 'logo', name: '\u05dc\u05d5\u05d2\u05d5 \u05dc\u05de\u05e1\u05db\u05d9\u05dd', note: '\u05e1\u05d8\u05d8\u05d9 \u05d0\u05d5 \u05de\u05d5\u05e0\u05e4\u05e9', price: 350, icon: svgAssets.logo, link: 'https:\/\/noamdesigns.com\/he\/shop\/' },\r\n { id: 'ring_holder', name: '\u05de\u05ea\u05e7\u05df \u05dc\u05d8\u05d1\u05e2\u05d5\u05ea', note: '\u05d1\u05d7\u05e8\u05d9\u05d8\u05ea \u05dc\u05d9\u05d9\u05d6\u05e8', price: 300, icon: 'fa-ring', link: 'https:\/\/noamdesigns.com\/he\/product-category\/ring-holder\/' },\r\n { id: 'stickers', name: '\u05de\u05d3\u05d1\u05e7\u05d5\u05ea', note: '\u05de\u05d9\u05ea\u05d5\u05d2 \u05d0\u05d9\u05e9\u05d9', price: 400, icon: 'fa-note-sticky', link: 'https:\/\/noamdesigns.com\/he\/product-category\/stickers\/' },\r\n { id: 'wipes', name: '\u05de\u05d2\u05d1\u05d5\u05e0\u05d9\u05dd \u05d0\u05d9\u05e9\u05d9\u05d9\u05dd', note: '\u05de\u05de\u05d5\u05ea\u05d2\u05d9\u05dd \u05d1\u05e2\u05d9\u05e6\u05d5\u05d1 \u05d0\u05d9\u05e9\u05d9<br>(\u05de\u05d9\u05e0\u05d9\u05de\u05d5\u05dd 50 \u05d9\u05d7\\')', price: 650, icon: 'fa-box-tissue', link: 'https:\/\/noamdesigns.com\/he\/shop\/' },\r\n { id: 'blessings', name: '\u05d1\u05e8\u05db\u05d5\u05e0\u05d9\u05dd', note: '', price: 600, icon: 'fa-book-open-reader', link: 'https:\/\/noamdesigns.com\/he\/product-category\/blessings\/' },\r\n { id: 'kipot', name: '\u05db\u05d9\u05e4\u05d5\u05ea \u05e2\u05dd \u05e8\u05e7\u05de\u05d4', note: '\u05d1\u05d3 \u05e4\u05e9\u05ea\u05df \u05d1\u05ea\u05e4\u05d9\u05e8\u05d4 \u05d0\u05d9\u05e9\u05d9\u05ea<br>\u05de\u05d9\u05e0\u05d9\u05de\u05d5\u05dd 100 \u05d9\u05d7\\'', price: 2500, icon: svgAssets.kipot, link: 'https:\/\/noamdesigns.com\/he\/product-category\/kipot\/' },\r\n { id: 'stirrers', name: '\u05d1\u05d5\u05d7\u05e9\u05e0\u05d9\u05dd \u05dc\u05db\u05d5\u05e1\u05d5\u05ea', note: '\u05d1\u05e2\u05d9\u05e6\u05d5\u05d1 \u05d0\u05d9\u05e9\u05d9<br>(\u05de\u05d9\u05e0\u05d9\u05de\u05d5\u05dd 70 \u05d9\u05d7\\')', price: 1200, icon: svgAssets.stirrers, link: 'https:\/\/noamdesigns.com\/he\/shop\/' },\r\n { id: 'cushions', name: '\u05db\u05e8\u05d9\u05d5\u05ea \u05e2\u05dd \u05d4\u05d3\u05e4\u05e1', note: '\u05d1\u05e2\u05d9\u05e6\u05d5\u05d1 \u05d0\u05d9\u05e9\u05d9<br>(\u05de\u05d9\u05e0\u05d9\u05de\u05d5\u05dd 6 \u05d9\u05d7\\')', price: 1250, icon: svgAssets.cushions, link: 'https:\/\/noamdesigns.com\/he\/shop\/' },\r\n { id: 'tablecloths', name: '\u05de\u05e4\u05d5\u05ea \u05e2\u05dd \u05d4\u05d3\u05e4\u05e1', note: '\u05d1\u05e2\u05d9\u05e6\u05d5\u05d1 \u05d0\u05d9\u05e9\u05d9<br>(\u05de\u05d9\u05e0\u05d9\u05de\u05d5\u05dd 3 \u05d9\u05d7\\')', price: 2000, icon: svgAssets.tablecloths, link: 'https:\/\/noamdesigns.com\/he\/shop\/' },\r\n { id: 'branded_fans', name: '\u05de\u05e0\u05d9\u05e4\u05d5\u05ea \u05de\u05de\u05d5\u05ea\u05d2\u05d5\u05ea', note: '\u05de\u05d9\u05e0\u05d9\u05de\u05d5\u05dd 50 \u05d9\u05d7\\'', price: 750, icon: svgAssets.handFan, link: 'https:\/\/noamdesigns.com\/he\/shop\/' },\r\n { id: 'other', name: '\u05d0\u05d7\u05e8', note: '', price: 0, icon: 'fa-circle-question', link: '' }\r\n ],\r\n '\u05d7\u05d9\u05e0\u05d4': [\r\n { id: 'digital', name: '\u05d4\u05d6\u05de\u05e0\u05d4 \u05d3\u05d9\u05d2\u05d9\u05d8\u05dc\u05d9\u05ea', note: '\u05dc\u05dc\u05d0 \u05d4\u05d3\u05e4\u05e1\u05d4', price: 450, icon: 'fa-mobile-screen-button', link: 'https:\/\/noamdesigns.com\/he\/product-category\/digital-invitations\/' },\r\n { id: 'printed', name: '\u05d4\u05d6\u05de\u05e0\u05d5\u05ea \u05de\u05d5\u05d3\u05e4\u05e1\u05d5\u05ea', note: '\u05de\u05d9\u05e0\u05d9\u05de\u05d5\u05dd 20 \u05d9\u05d7\\'', price: 900, icon: 'fa-envelope-open-text', link: 'https:\/\/noamdesigns.com\/he\/product-category\/printed-invitations\/' },\r\n { id: 'menus_pompom', name: '\u05ea\u05e4\u05e8\u05d9\u05d8\u05d9\u05dd \u05e2\u05dd \u05e4\u05d5\u05e0\u05e4\u05d5\u05e0\u05d9\u05dd', note: '\u05de\u05d9\u05e0\u05d9\u05de\u05d5\u05dd 100 \u05d9\u05d7\\'', price: 1700, icon: 'fa-utensils', link: 'https:\/\/noamdesigns.com\/he\/shop\/' },\r\n { id: 'logo', name: '\u05dc\u05d5\u05d2\u05d5 \u05dc\u05de\u05e1\u05db\u05d9\u05dd', note: '\u05e1\u05d8\u05d8\u05d9 \u05d0\u05d5 \u05de\u05d5\u05e0\u05e4\u05e9', price: 350, icon: svgAssets.logo, link: 'https:\/\/noamdesigns.com\/he\/shop\/' },\r\n { id: 'stickers_tambourine', name: '\u05de\u05d3\u05d1\u05e7\u05d5\u05ea \u05dc\u05ea\u05d5\u05e3 \u05de\u05e8\u05d9\u05dd', note: '\u05e9\u05e7\u05d5\u05e4\u05d5\u05ea \u05de\u05de\u05d5\u05ea\u05d2\u05d5\u05ea', price: 700, icon: 'fa-drum', link: 'https:\/\/noamdesigns.com\/he\/shop\/' },\r\n { id: 'hand_pads', name: '\u05e4\u05d3\u05d9\u05dd \u05de\u05de\u05d5\u05ea\u05d2\u05d9\u05dd \u05dc\u05d9\u05d3\u05d9\u05d9\u05dd', note: '\u05de\u05d9\u05e0\u05d9\u05de\u05d5\u05dd 50 \u05d9\u05d7\\'', price: 1000, icon: 'fa-hand-sparkles', link: 'https:\/\/noamdesigns.com\/he\/shop\/' },\r\n { id: 'stickers', name: '\u05de\u05d3\u05d1\u05e7\u05d5\u05ea \u05de\u05de\u05d5\u05ea\u05d2\u05d5\u05ea', note: '\u05de\u05d9\u05ea\u05d5\u05d2 \u05d0\u05d9\u05e9\u05d9', price: 400, icon: 'fa-note-sticky', link: 'https:\/\/noamdesigns.com\/he\/product-category\/stickers\/' },\r\n { id: 'branded_fans', name: '\u05de\u05e0\u05d9\u05e4\u05d5\u05ea \u05de\u05de\u05d5\u05ea\u05d2\u05d5\u05ea', note: '\u05de\u05d9\u05e0\u05d9\u05de\u05d5\u05dd 50 \u05d9\u05d7\\'', price: 750, icon: svgAssets.handFan, link: 'https:\/\/noamdesigns.com\/he\/shop\/' },\r\n { id: 'other', name: '\u05d0\u05d7\u05e8', note: '', price: 0, icon: 'fa-circle-question', link: '' }\r\n ],\r\n '\u05de\u05e7\u05d5\u05d5\u05d4\/\u05d4\u05e4\u05e8\u05e9\u05ea \u05d7\u05dc\u05d4': [\r\n { id: 'digital', name: '\u05d4\u05d6\u05de\u05e0\u05d4 \u05d3\u05d9\u05d2\u05d9\u05d8\u05dc\u05d9\u05ea', note: '\u05dc\u05dc\u05d0 \u05d4\u05d3\u05e4\u05e1\u05d4', price: 350, icon: 'fa-mobile-screen-button', link: 'https:\/\/noamdesigns.com\/he\/product-category\/digital-invitations\/' },\r\n { id: 'blessings', name: '\u05d1\u05e8\u05db\u05d5\u05e0\u05d9\u05dd', note: '', price: 600, icon: 'fa-book-open-reader', link: 'https:\/\/noamdesigns.com\/he\/product-category\/blessings\/' },\r\n { id: 'plate_branding', name: '\u05de\u05d9\u05ea\u05d5\u05d2 \u05e2\u05dc \u05d4\u05e6\u05dc\u05d7\u05ea', note: '\u05e2\u05d9\u05e6\u05d5\u05d1 \u05d0\u05d9\u05e9\u05d9', price: 650, icon: 'fa-utensils', link: 'https:\/\/noamdesigns.com\/he\/shop\/' },\r\n { id: 'placemat', name: '\u05e4\u05dc\u05d9\u05d9\u05e1\u05de\u05e0\u05d8', note: '\u05d1\u05e2\u05d9\u05e6\u05d5\u05d1 \u05d0\u05d9\u05e9\u05d9', price: 650, icon: 'fa-scroll', link: 'https:\/\/noamdesigns.com\/he\/shop\/' },\r\n { id: 'stickers', name: '\u05de\u05d3\u05d1\u05e7\u05d5\u05ea \u05de\u05de\u05d5\u05ea\u05d2\u05d5\u05ea', note: '\u05de\u05d9\u05ea\u05d5\u05d2 \u05d0\u05d9\u05e9\u05d9', price: 400, icon: 'fa-note-sticky', link: 'https:\/\/noamdesigns.com\/he\/product-category\/stickers\/' },\r\n { id: 'matches', name: '\u05d2\u05e4\u05e8\u05d5\u05e8\u05d9\u05dd \u05de\u05de\u05d5\u05ea\u05d2\u05d9\u05dd', note: '\u05d1\u05e2\u05d9\u05e6\u05d5\u05d1 \u05d0\u05d9\u05e9\u05d9', price: 650, icon: 'fa-fire', link: 'https:\/\/noamdesigns.com\/he\/shop\/' },\r\n { id: 'branded_fans', name: '\u05de\u05e0\u05d9\u05e4\u05d5\u05ea \u05de\u05de\u05d5\u05ea\u05d2\u05d5\u05ea', note: '\u05de\u05d9\u05e0\u05d9\u05de\u05d5\u05dd 50 \u05d9\u05d7\\'', price: 750, icon: svgAssets.handFan, link: 'https:\/\/noamdesigns.com\/he\/shop\/' },\r\n { id: 'other', name: '\u05d0\u05d7\u05e8', note: '', price: 0, icon: 'fa-circle-question', link: '' }\r\n ],\r\n '\u05de\u05e1\u05d9\u05d1\u05ea \u05e8\u05d5\u05d5\u05e7\u05d5\u05ea': [\r\n { id: 'passport_invite', name: '\u05d4\u05d6\u05de\u05e0\u05d5\u05ea \u05e4\u05e1\u05e4\u05d5\u05e8\u05d8', note: '\u05d4\u05d6\u05de\u05e0\u05d4 \u05d1\u05e6\u05d5\u05e8\u05ea \u05db\u05e8\u05d8\u05d9\u05e1 \u05d8\u05d9\u05e1\u05d4 \u05dc\u05e8\u05d5\u05d5\u05e7\u05d5\u05ea \u05d1\u05d7\u05d5\"\u05dc<br>\u05de\u05d9\u05e0\u05d9\u05de\u05d5\u05dd 5 \u05d9\u05d7\\'', price: 800, icon: svgAssets.passport, link: 'https:\/\/noamdesigns.com\/he\/shop\/' },\r\n { id: 'alcohol_stickers', name: '\u05de\u05d3\u05d1\u05e7\u05d5\u05ea \u05dc\u05d0\u05dc\u05db\u05d5\u05d4\u05d5\u05dc', note: '\u05de\u05de\u05d5\u05ea\u05d2\u05d5\u05ea \u05dc\u05d1\u05e7\u05d1\u05d5\u05e7\u05d9\u05dd', price: 450, icon: 'fa-wine-bottle', link: 'https:\/\/noamdesigns.com\/he\/shop\/' },\r\n { id: 'plate_branding_10', name: '\u05de\u05d9\u05ea\u05d5\u05d2 \u05e2\u05dc \u05d4\u05e6\u05dc\u05d7\u05ea', note: '\u05e2\u05d9\u05e6\u05d5\u05d1 \u05d0\u05d9\u05e9\u05d9 (\u05de\u05d9\u05e0\\' 10 \u05d9\u05d7\\')', price: 500, icon: 'fa-utensils', link: 'https:\/\/noamdesigns.com\/he\/shop\/' },\r\n { id: 'stickers', name: '\u05de\u05d3\u05d1\u05e7\u05d5\u05ea \u05de\u05de\u05d5\u05ea\u05d2\u05d5\u05ea', note: '\u05de\u05d9\u05ea\u05d5\u05d2 \u05d0\u05d9\u05e9\u05d9', price: 400, icon: 'fa-note-sticky', link: 'https:\/\/noamdesigns.com\/he\/product-category\/stickers\/' },\r\n { id: 'branded_fans', name: '\u05de\u05e0\u05d9\u05e4\u05d5\u05ea \u05de\u05de\u05d5\u05ea\u05d2\u05d5\u05ea', note: '\u05de\u05d9\u05e0\u05d9\u05de\u05d5\u05dd 50 \u05d9\u05d7\\'', price: 750, icon: svgAssets.handFan, link: 'https:\/\/noamdesigns.com\/he\/shop\/' },\r\n { id: 'other', name: '\u05d0\u05d7\u05e8', note: '', price: 0, icon: 'fa-circle-question', link: '' }\r\n ],\r\n '\u05d1\u05e8\/\u05d1\u05ea \u05de\u05e6\u05d5\u05d5\u05d4': [\r\n { id: 'digital', name: '\u05d4\u05d6\u05de\u05e0\u05d4 \u05d3\u05d9\u05d2\u05d9\u05d8\u05dc\u05d9\u05ea', note: '\u05dc\u05dc\u05d0 \u05d4\u05d3\u05e4\u05e1\u05d4', price: 400, icon: 'fa-mobile-screen-button', link: 'https:\/\/noamdesigns.com\/he\/product-category\/digital-invitations\/' },\r\n { id: 'menus', name: '\u05ea\u05e4\u05e8\u05d9\u05d8\u05d9\u05dd', note: '\u05e2\u05d9\u05e6\u05d5\u05d1 \u05d0\u05d9\u05e9\u05d9 \u05d5\u05d4\u05d3\u05e4\u05e1\u05d4', price: 950, icon: 'fa-utensils', link: 'https:\/\/noamdesigns.com\/he\/product-category\/menus\/', isDynamicMenu: true },\r\n { id: 'bar_menu', name: '\u05ea\u05e4\u05e8\u05d9\u05d8 \u05dc\u05d1\u05e8', note: '\u05de\u05d5\u05d3\u05e4\u05e1 \u05e2\u05dc \u05d1\u05d3 \u05e4\u05e9\u05ea\u05df\/\u05ea\u05d7\u05e8\u05d4', price: 960, icon: 'fa-wine-glass', link: 'https:\/\/noamdesigns.com\/he\/shop\/' },\r\n { id: 'blessings', name: '\u05d1\u05e8\u05db\u05d5\u05e0\u05d9\u05dd', note: '', price: 600, icon: 'fa-book-open-reader', link: 'https:\/\/noamdesigns.com\/he\/product-category\/blessings\/' },\r\n { id: 'kipot', name: '\u05db\u05d9\u05e4\u05d5\u05ea \u05e2\u05dd \u05e8\u05e7\u05de\u05d4', note: '\u05d1\u05d3 \u05e4\u05e9\u05ea\u05df \u05d1\u05ea\u05e4\u05d9\u05e8\u05d4 \u05d0\u05d9\u05e9\u05d9\u05ea<br>\u05de\u05d9\u05e0\u05d9\u05de\u05d5\u05dd 100 \u05d9\u05d7\\'', price: 2500, icon: svgAssets.kipot, link: 'https:\/\/noamdesigns.com\/he\/product-category\/kipot\/' },\r\n { id: 'branded_fans', name: '\u05de\u05e0\u05d9\u05e4\u05d5\u05ea \u05de\u05de\u05d5\u05ea\u05d2\u05d5\u05ea', note: '\u05de\u05d9\u05e0\u05d9\u05de\u05d5\u05dd 50 \u05d9\u05d7\\'', price: 750, icon: svgAssets.handFan, link: 'https:\/\/noamdesigns.com\/he\/shop\/' },\r\n { id: 'other', name: '\u05d0\u05d7\u05e8', note: '', price: 0, icon: 'fa-circle-question', link: '' }\r\n ],\r\n '\u05d9\u05d5\u05dd \u05d4\u05d5\u05dc\u05d3\u05ea': [\r\n { id: 'digital', name: '\u05d4\u05d6\u05de\u05e0\u05d4 \u05d3\u05d9\u05d2\u05d9\u05d8\u05dc\u05d9\u05ea', note: '\u05dc\u05dc\u05d0 \u05d4\u05d3\u05e4\u05e1\u05d4', price: 350, icon: 'fa-mobile-screen-button', link: 'https:\/\/noamdesigns.com\/he\/product-category\/digital-invitations\/' },\r\n { id: 'plate_branding', name: '\u05de\u05d9\u05ea\u05d5\u05d2 \u05e2\u05dc \u05d4\u05e6\u05dc\u05d7\u05ea', note: '\u05e2\u05d9\u05e6\u05d5\u05d1 \u05d0\u05d9\u05e9\u05d9', price: 650, icon: 'fa-utensils', link: 'https:\/\/noamdesigns.com\/he\/shop\/' },\r\n { id: 'stickers', name: '\u05de\u05d3\u05d1\u05e7\u05d5\u05ea \u05de\u05de\u05d5\u05ea\u05d2\u05d5\u05ea', note: '\u05de\u05d9\u05ea\u05d5\u05d2 \u05d0\u05d9\u05e9\u05d9', price: 400, icon: 'fa-note-sticky', link: 'https:\/\/noamdesigns.com\/he\/product-category\/stickers\/' },\r\n { id: 'branded_fans', name: '\u05de\u05e0\u05d9\u05e4\u05d5\u05ea \u05de\u05de\u05d5\u05ea\u05d2\u05d5\u05ea', note: '\u05de\u05d9\u05e0\u05d9\u05de\u05d5\u05dd 50 \u05d9\u05d7\\'', price: 750, icon: svgAssets.handFan, link: 'https:\/\/noamdesigns.com\/he\/shop\/' },\r\n { id: 'other', name: '\u05d0\u05d7\u05e8', note: '', price: 0, icon: 'fa-circle-question', link: '' }\r\n ]\r\n };\r\n\r\n \/\/ Init\r\n document.addEventListener('DOMContentLoaded', () => {\r\n updateProgress();\r\n document.getElementById('next-btn').addEventListener('click', nextStep);\r\n document.getElementById('prev-btn').addEventListener('click', prevStep);\r\n \r\n \/\/ Allow enter key (except textarea)\r\n document.getElementById('noam-form').addEventListener('keypress', function(e) {\r\n if (e.key === 'Enter' && e.target.nodeName !== 'TEXTAREA') {\r\n e.preventDefault();\r\n nextStep();\r\n }\r\n });\r\n });\r\n\r\n \/\/ Toast Queue System\r\n const toastQueue = [];\r\n let isToastShowing = false;\r\n let hasShownUpsell = false;\r\n\r\n function processToastQueue() {\r\n if (isToastShowing || toastQueue.length === 0) return;\r\n \r\n isToastShowing = true;\r\n const currentToast = toastQueue.shift();\r\n \r\n \/\/ Hide all active toasts before showing the new one\r\n document.querySelectorAll('.toast').forEach(t => t.classList.remove('show'));\r\n \r\n const toastEl = document.getElementById(currentToast.elementId);\r\n if (currentToast.content !== null) {\r\n toastEl.innerHTML = currentToast.content;\r\n }\r\n \r\n \/\/ Allow DOM update\r\n setTimeout(() => {\r\n toastEl.classList.add('show');\r\n \r\n setTimeout(() => {\r\n toastEl.classList.remove('show');\r\n setTimeout(() => {\r\n isToastShowing = false;\r\n processToastQueue(); \/\/ Process next in queue\r\n }, 400); \/\/ Wait for CSS fade out transition\r\n }, currentToast.duration);\r\n }, 10);\r\n }\r\n\r\n function showError(msg) {\r\n toastQueue.push({\r\n elementId: 'error-toast',\r\n content: `<i class=\"fa-solid fa-circle-exclamation\"><\/i> ${msg}`,\r\n duration: 3500\r\n });\r\n processToastQueue();\r\n }\r\n\r\n function showInfoToast(msg) {\r\n toastQueue.push({\r\n elementId: 'info-toast',\r\n content: `<i class=\"fa-solid fa-circle-info\" style=\"color:var(--info-color); margin-bottom:8px; display:block; font-size:1.5rem;\"><\/i> ${msg}`,\r\n duration: 4500\r\n });\r\n processToastQueue();\r\n }\r\n\r\n function showUpsellToast() {\r\n if (hasShownUpsell) return; \/\/ Only queue it once\r\n hasShownUpsell = true;\r\n \r\n toastQueue.push({\r\n elementId: 'upsell-toast',\r\n content: null, \/\/ Keep existing static HTML for upsell\r\n duration: 5000\r\n });\r\n processToastQueue();\r\n }\r\n\r\n function updateProgress() {\r\n const percent = Math.round((currentStep \/ totalSteps) * 100);\r\n const fillPercent = ((currentStep - 1) \/ (totalSteps - 1)) * 100;\r\n \r\n document.getElementById('progress-step-text').textContent = `\u05e9\u05dc\u05d1 ${currentStep} \u05de\u05ea\u05d5\u05da ${totalSteps}`;\r\n document.getElementById('progress-percentage').textContent = percent + '%';\r\n document.getElementById('progress-title').textContent = stepTitles[currentStep];\r\n \r\n const fill = document.getElementById('progress-fill');\r\n fill.style.width = Math.max(fillPercent, 8) + '%';\r\n }\r\n\r\n \/* --- Event Cards Logic --- *\/\r\n function toggleEventCard(card, value) {\r\n card.classList.toggle('selected');\r\n const checkbox = card.querySelector('input');\r\n checkbox.checked = !checkbox.checked;\r\n \r\n if (checkbox.checked) {\r\n if (!selectedEvents.includes(value)) selectedEvents.push(value);\r\n } else {\r\n selectedEvents = selectedEvents.filter(e => e !== value);\r\n }\r\n \r\n document.getElementById('other-event-group').classList.toggle('show', selectedEvents.includes('\u05d0\u05d7\u05e8'));\r\n }\r\n\r\n \/* --- Date Logic --- *\/\r\n function selectDateOption(card, value) {\r\n document.querySelectorAll('.step[data-step=\"3\"] .selection-card').forEach(c => {\r\n c.classList.remove('selected');\r\n c.querySelector('input').checked = false;\r\n });\r\n card.classList.add('selected');\r\n card.querySelector('input').checked = true;\r\n \r\n const container = document.getElementById('date-fields-container');\r\n if (value === 'yes') {\r\n container.style.display = 'block';\r\n generateDateInputs();\r\n } else {\r\n container.style.display = 'none';\r\n }\r\n }\r\n\r\n function getActualEventsList() {\r\n let events = selectedEvents.filter(e => e !== '\u05d0\u05d7\u05e8');\r\n if (selectedEvents.includes('\u05d0\u05d7\u05e8') && document.getElementById('otherEventType').value) {\r\n events.push(document.getElementById('otherEventType').value);\r\n }\r\n if(events.length === 0) events = ['\u05d4\u05d0\u05d9\u05e8\u05d5\u05e2'];\r\n return events;\r\n }\r\n\r\n function generateDateInputs() {\r\n const container = document.getElementById('date-fields-container');\r\n let events = getActualEventsList();\r\n \r\n container.innerHTML = events.map(event => `\r\n <div class=\"form-group\" style=\"margin-bottom:15px;\">\r\n <label class=\"form-label\">\u05ea\u05d0\u05e8\u05d9\u05da ${event}<\/label>\r\n <input type=\"date\" class=\"form-input event-date-input\" data-event=\"${event}\">\r\n <\/div>\r\n `).join('');\r\n }\r\n\r\n \/* --- Guest Count Logic --- *\/\r\n function generateGuestCountFields() {\r\n const container = document.getElementById('guest-count-fields');\r\n let events = getActualEventsList();\r\n \r\n container.innerHTML = events.map(event => `\r\n <div class=\"form-group\">\r\n <label class=\"form-label\">\u05db\u05de\u05d5\u05ea \u05d0\u05d5\u05e8\u05d7\u05d9\u05dd \u05e6\u05e4\u05d5\u05d9\u05d9\u05dd \u05d1${event}<\/label>\r\n <input type=\"number\" min=\"0\" step=\"50\" class=\"form-input guest-input\" data-event=\"${event}\" placeholder=\"\u05dc\u05de\u05e9\u05dc: 350\">\r\n <\/div>\r\n `).join('');\r\n \r\n container.querySelectorAll('.guest-input').forEach(input => {\r\n input.addEventListener('input', updateMenuPricing);\r\n });\r\n }\r\n\r\n \/* --- Dynamic Products Logic --- *\/\r\n function buildProductsStep() {\r\n const container = document.getElementById('dynamic-products-container');\r\n container.innerHTML = '';\r\n let events = getActualEventsList();\r\n\r\n events.forEach((event, index) => {\r\n let sectionHTML = `\r\n <div class=\"event-products-section\">\r\n <div class=\"event-section-title-wrapper\">\r\n <h3 class=\"event-section-title\">\u05de\u05d5\u05e6\u05e8\u05d9\u05dd \u05dc${event}<\/h3>\r\n <\/div>\r\n <div class=\"card-grid\">\r\n `;\r\n\r\n const currentCatalog = eventCatalogs[event] || eventCatalogs['\u05d7\u05ea\u05d5\u05e0\u05d4'];\r\n\r\n currentCatalog.forEach(prod => {\r\n const uniqueId = `prod_${index}_${prod.id}`;\r\n let priceText = prod.price === 0 ? '' : `\u05d4\u05d7\u05dc \u05de-${prod.price.toLocaleString()} \u20aa`;\r\n let dynamicAttrs = '';\r\n let noteText = prod.note;\r\n\r\n if (prod.isDynamicMenu) {\r\n dynamicAttrs = `data-is-dynamic-menu=\"true\"`;\r\n priceText = `\u05d4\u05d7\u05dc \u05de-${prod.price} \u20aa`; \/\/ Default until updated\r\n noteText = `<span id=\"note_${uniqueId}\">${prod.note}<\/span>`;\r\n }\r\n\r\n \/\/ Render Custom SVG or standard FA icon\r\n let iconHtml = '';\r\n if (prod.icon.startsWith('<svg') || prod.icon.startsWith('<div')) {\r\n iconHtml = `<div class=\"card-icon custom-svg-icon\">${prod.icon}<\/div>`;\r\n } else {\r\n iconHtml = `<i class=\"fa-solid ${prod.icon} card-icon\"><\/i>`;\r\n }\r\n\r\n sectionHTML += `\r\n <div class=\"selection-card product-card\" onclick=\"toggleDynamicProduct(this, '${event}', '${prod.id}')\" data-event=\"${event}\" data-prod-id=\"${prod.id}\">\r\n <input type=\"checkbox\" id=\"${uniqueId}\" class=\"dynamic-prod-checkbox\" data-event=\"${event}\" data-prod-id=\"${prod.id}\" data-name=\"${prod.name}\" data-base-price=\"${prod.price}\" ${dynamicAttrs}>\r\n ${iconHtml}\r\n <span class=\"card-title\">${prod.name}<\/span>\r\n ${noteText ? `<span class=\"card-note\">${noteText}<\/span>` : ''}\r\n ${priceText ? `<span class=\"card-price\" id=\"price_${uniqueId}\">${priceText}<\/span>` : ''}\r\n <\/div>\r\n `;\r\n });\r\n\r\n \/\/ Add specific \"Other\" input for this event\r\n sectionHTML += `<\/div>\r\n <div class=\"other-input-group\" id=\"other-input-group-${index}\" style=\"display:none; margin-top: 15px;\">\r\n <label class=\"form-label\">\u05e1\u05e4\u05e8\u05d5 \u05dc\u05d9 \u05d0\u05d9\u05d6\u05d4 \u05de\u05d5\u05e6\u05e8 \u05e0\u05d5\u05e1\u05e3 \u05ea\u05e8\u05e6\u05d5 \u05dc${event}?<\/label>\r\n <input type=\"text\" class=\"form-input dynamic-other-input\" data-event=\"${event}\" placeholder=\"\u05db\u05ea\u05d1\u05d5 \u05db\u05d0\u05df...\">\r\n <\/div>\r\n <\/div>`;\r\n \r\n container.innerHTML += sectionHTML;\r\n });\r\n\r\n \/\/ Make sure pricing is updated right away based on guest counts already entered\r\n updateMenuPricing();\r\n }\r\n\r\n function toggleDynamicProduct(card, eventName, prodId) {\r\n if (card.classList.contains('disabled')) return;\r\n\r\n const checkbox = card.querySelector('input');\r\n const isChecking = !checkbox.checked;\r\n\r\n \/\/ Exclusive Logic: Printed vs Digital for the SAME event\r\n if (isChecking) {\r\n if (prodId === 'printed') {\r\n \/\/ Find digital in same event and uncheck it\r\n const digitalCard = document.querySelector(`.selection-card[data-event=\"${eventName}\"][data-prod-id=\"digital\"]`);\r\n if (digitalCard && digitalCard.querySelector('input').checked) {\r\n digitalCard.classList.remove('selected');\r\n digitalCard.querySelector('input').checked = false;\r\n showInfoToast('\u05d4\u05d6\u05de\u05e0\u05d5\u05ea \u05de\u05d5\u05d3\u05e4\u05e1\u05d5\u05ea \u05db\u05d5\u05dc\u05dc\u05d5\u05ea \u05e2\u05d9\u05e6\u05d5\u05d1 \u05d3\u05d9\u05d2\u05d9\u05d8\u05dc\u05d9 \u05d1\u05de\u05ea\u05e0\u05d4. \u05d4\u05e2\u05d9\u05e6\u05d5\u05d1 \u05d4\u05d3\u05d9\u05d2\u05d9\u05d8\u05dc\u05d9 \u05d4\u05d5\u05e1\u05e8 \u05de\u05d4\u05d1\u05d7\u05d9\u05e8\u05d4.');\r\n }\r\n } else if (prodId === 'digital') {\r\n \/\/ Check if printed is already selected\r\n const printedCard = document.querySelector(`.selection-card[data-event=\"${eventName}\"][data-prod-id=\"printed\"]`);\r\n if (printedCard && printedCard.querySelector('input').checked) {\r\n showInfoToast('\u05db\u05d1\u05e8 \u05d1\u05d7\u05e8\u05ea\u05dd \u05d4\u05d6\u05de\u05e0\u05d5\u05ea \u05de\u05d5\u05d3\u05e4\u05e1\u05d5\u05ea \u05dc\u05d0\u05d9\u05e8\u05d5\u05e2 \u05d6\u05d4 (\u05d4\u05db\u05d5\u05dc\u05dc\u05d5\u05ea \u05e2\u05d9\u05e6\u05d5\u05d1 \u05d3\u05d9\u05d2\u05d9\u05d8\u05dc\u05d9), \u05d0\u05d9\u05df \u05e6\u05d5\u05e8\u05da \u05dc\u05d4\u05d5\u05e1\u05d9\u05e3.');\r\n return; \/\/ Prevent checking\r\n }\r\n }\r\n \r\n \/\/ Exclusive Logic: STD Video vs STD Image for the SAME event\r\n if (prodId === 'std_video') {\r\n const imageCard = document.querySelector(`.selection-card[data-event=\"${eventName}\"][data-prod-id=\"std_image\"]`);\r\n if (imageCard && imageCard.querySelector('input').checked) {\r\n imageCard.classList.remove('selected');\r\n imageCard.querySelector('input').checked = false;\r\n showInfoToast('\u05e1\u05e8\u05d8\u05d5\u05df \u05db\u05d5\u05dc\u05dc \u05d2\u05dd \u05de\u05e1\u05e4\u05e8 \u05ea\u05de\u05d5\u05e0\u05d5\u05ea, \u05d0\u05d9\u05df \u05e6\u05d5\u05e8\u05da \u05dc\u05d4\u05d6\u05de\u05d9\u05df \u05d1\u05e0\u05e4\u05e8\u05d3. \u05d4\u05ea\u05de\u05d5\u05e0\u05d4 \u05d4\u05d5\u05e1\u05e8\u05d4 \u05de\u05d4\u05d1\u05d7\u05d9\u05e8\u05d4.');\r\n }\r\n } else if (prodId === 'std_image') {\r\n const videoCard = document.querySelector(`.selection-card[data-event=\"${eventName}\"][data-prod-id=\"std_video\"]`);\r\n if (videoCard && videoCard.querySelector('input').checked) {\r\n showInfoToast('\u05db\u05d1\u05e8 \u05d1\u05d7\u05e8\u05ea\u05dd \u05e1\u05e8\u05d8\u05d5\u05df \u05dc\u05d0\u05d9\u05e8\u05d5\u05e2 \u05d6\u05d4 (\u05d4\u05db\u05d5\u05dc\u05dc \u05d2\u05dd \u05de\u05e1\u05e4\u05e8 \u05ea\u05de\u05d5\u05e0\u05d5\u05ea), \u05d0\u05d9\u05df \u05e6\u05d5\u05e8\u05da \u05dc\u05d4\u05d5\u05e1\u05d9\u05e3.');\r\n return; \/\/ Prevent checking\r\n }\r\n }\r\n }\r\n\r\n \/\/ Standard Toggle\r\n card.classList.toggle('selected');\r\n checkbox.checked = isChecking;\r\n\r\n \/\/ Handle \"Other\" Input display per event\r\n if (prodId === 'other') {\r\n const eventIndex = getActualEventsList().indexOf(eventName);\r\n const otherGroup = document.getElementById(`other-input-group-${eventIndex}`);\r\n if (otherGroup) {\r\n otherGroup.style.display = isChecking ? 'block' : 'none';\r\n if (isChecking) {\r\n otherGroup.classList.add('show');\r\n } else {\r\n otherGroup.classList.remove('show');\r\n }\r\n }\r\n }\r\n\r\n \/\/ Upsell notification\r\n const totalCheckedProducts = document.querySelectorAll('.dynamic-prod-checkbox:checked:not([data-prod-id=\"other\"])').length;\r\n if (totalCheckedProducts === 2 && isChecking) {\r\n showUpsellToast();\r\n }\r\n }\r\n\r\n function updateMenuPricing() {\r\n \/\/ Re-calculate prices for all menu items across all events based on respective guest counts\r\n const menuCheckboxes = document.querySelectorAll('.dynamic-prod-checkbox[data-is-dynamic-menu=\"true\"]');\r\n \r\n menuCheckboxes.forEach(cb => {\r\n const eventName = cb.dataset.event;\r\n \/\/ find guest count for this event\r\n const guestInput = document.querySelector(`.guest-input[data-event=\"${eventName}\"]`);\r\n const count = guestInput && guestInput.value ? parseInt(guestInput.value) : 0;\r\n \r\n let price = 1700; \/\/ default max\r\n for (const tier of menuPricing) {\r\n if (count <= tier.max) { price = tier.price; break; }\r\n }\r\n\r\n \/\/ Update dataset and DOM\r\n cb.dataset.currentPrice = price;\r\n const uniqueId = cb.id;\r\n const priceEl = document.getElementById(`price_${uniqueId}`);\r\n const noteEl = document.getElementById(`note_${uniqueId}`);\r\n \r\n if (priceEl) priceEl.textContent = `\u05d4\u05d7\u05dc \u05de-${price.toLocaleString()} \u20aa`;\r\n if (noteEl) {\r\n if (count > 0 && count < 250) {\r\n noteEl.textContent = '\u05e2\u05d3 250 \u05d9\u05d7\\'';\r\n } else if (count >= 250) {\r\n noteEl.textContent = `\u05dc-${count} \u05d9\u05d7\\'`;\r\n } else {\r\n noteEl.textContent = '\u05e2\u05d9\u05e6\u05d5\u05d1 \u05d0\u05d9\u05e9\u05d9 \u05d5\u05d4\u05d3\u05e4\u05e1\u05d4';\r\n }\r\n }\r\n });\r\n }\r\n\r\n function calculateTotal() {\r\n let total = 0;\r\n document.querySelectorAll('.dynamic-prod-checkbox:checked').forEach(cb => {\r\n if (cb.dataset.isDynamicMenu) {\r\n total += parseInt(cb.dataset.currentPrice) || parseInt(cb.dataset.basePrice);\r\n } else {\r\n total += parseInt(cb.dataset.basePrice) || 0;\r\n }\r\n });\r\n return total;\r\n }\r\n\r\n \/* --- Step 6: Summary --- *\/\r\n function generateStep6() {\r\n const checkedBoxes = Array.from(document.querySelectorAll('.dynamic-prod-checkbox:checked'));\r\n const container = document.getElementById('step6-content');\r\n const titleEl = document.getElementById('step6-title');\r\n \r\n selectedCallDate = null;\r\n selectedTimeSlots = [];\r\n \r\n const totalProductsCount = checkedBoxes.length;\r\n const isOnlyOther = (totalProductsCount === 1 && checkedBoxes[0].dataset.prodId === 'other');\r\n \r\n \/\/ Go to single product ONLY if exactly 1 product is selected AND it's NOT \"other\"\r\n if (totalProductsCount === 1 && !isOnlyOther) {\r\n \/\/ SINGLE PRODUCT FLOW\r\n isSingleProduct = true;\r\n totalSteps = 6;\r\n stepTitles[6] = \"\u05de\u05e2\u05d1\u05e8 \u05dc\u05e8\u05db\u05d9\u05e9\u05d4\";\r\n titleEl.classList.add('font-gveret-levin');\r\n titleEl.textContent = \"\u05d1\u05d7\u05e8\u05ea\u05dd \u05de\u05d5\u05e6\u05e8 \u05d1\u05d5\u05d3\u05d3 - \u05ea\u05d5\u05db\u05dc\u05d5 \u05dc\u05e8\u05db\u05d5\u05e9 \u05e2\u05e6\u05de\u05d0\u05d9\u05ea \u05d1\u05d0\u05ea\u05e8\";\r\n \r\n const productCb = checkedBoxes[0];\r\n const evt = productCb.dataset.event;\r\n const currentCatalog = eventCatalogs[evt] || eventCatalogs['\u05d7\u05ea\u05d5\u05e0\u05d4'];\r\n const prodData = currentCatalog.find(p => p.id === productCb.dataset.prodId);\r\n const priceStart = productCb.dataset.currentPrice || prodData.price;\r\n const minQty = productCb.parentElement.querySelector('.card-note')?.innerText || '';\r\n\r\n let largeIconHtml = '';\r\n if (prodData.icon.startsWith('<svg') || prodData.icon.startsWith('<div')) {\r\n largeIconHtml = `<div class=\"product-icon-large custom-svg-icon\">${prodData.icon}<\/div>`;\r\n } else {\r\n largeIconHtml = `<div class=\"product-icon-large\"><i class=\"fa-solid ${prodData.icon}\"><\/i><\/div>`;\r\n }\r\n\r\n \/\/ Map specific single product links based on event chosen\r\n const singleProductLinks = {\r\n '\u05d7\u05ea\u05d5\u05e0\u05d4': 'https:\/\/noamdesigns.com\/he\/product-category\/wedding\/',\r\n '\u05d7\u05d9\u05e0\u05d4': 'https:\/\/noamdesigns.com\/he\/product-category\/henna\/',\r\n '\u05de\u05e7\u05d5\u05d5\u05d4\/\u05d4\u05e4\u05e8\u05e9\u05ea \u05d7\u05dc\u05d4': 'https:\/\/noamdesigns.com\/he\/product-category\/mikveh\/',\r\n '\u05de\u05e1\u05d9\u05d1\u05ea \u05e8\u05d5\u05d5\u05e7\u05d5\u05ea': 'https:\/\/noamdesigns.com\/he\/product-category\/mesibat-ravakot\/',\r\n '\u05d1\u05e8\/\u05d1\u05ea \u05de\u05e6\u05d5\u05d5\u05d4': 'https:\/\/noamdesigns.com\/he\/product-category\/bar-bat-mitzvah\/',\r\n '\u05d9\u05d5\u05dd \u05d4\u05d5\u05dc\u05d3\u05ea': 'https:\/\/noamdesigns.com\/he\/product-category\/birthday\/'\r\n };\r\n const productLink = singleProductLinks[evt] || 'https:\/\/noamdesigns.com\/he\/shop\/';\r\n\r\n container.innerHTML = `\r\n <div class=\"single-product-section\">\r\n ${largeIconHtml}\r\n <h2 style=\"font-size:1.6rem; margin-bottom:5px; color:var(--text-dark);\">\r\n ${prodData.name} \u05dc${productCb.dataset.event}\r\n <\/h2>\r\n \r\n <div style=\"font-size:1.1rem; color:var(--primary-dark); font-weight:600; margin-bottom:15px;\">\r\n \u05d4\u05d7\u05dc \u05de-${parseInt(priceStart).toLocaleString()} \u20aa\r\n <span style=\"font-size:0.9rem; font-weight:400; color:#777; display:block;\">${minQty}<\/span>\r\n <\/div>\r\n\r\n <p style=\"font-size:1rem; color:#666; max-width:500px; margin:0 auto 20px;\">\r\n \u05d1\u05de\u05e2\u05d1\u05e8 \u05dc\u05d0\u05ea\u05e8 \u05ea\u05d5\u05db\u05dc\u05d5 \u05dc\u05d1\u05d7\u05d5\u05e8 \u05d3\u05d2\u05dd \u05e1\u05e4\u05e6\u05d9\u05e4\u05d9, \u05dc\u05d4\u05ea\u05d0\u05d9\u05dd \u05db\u05de\u05d5\u05d9\u05d5\u05ea \u05de\u05d3\u05d5\u05d9\u05e7\u05d5\u05ea \u05d5\u05dc\u05e8\u05d0\u05d5\u05ea \u05d0\u05ea \u05d4\u05de\u05d7\u05d9\u05e8 \u05d4\u05e1\u05d5\u05e4\u05d9 \u05de\u05ea\u05e2\u05d3\u05db\u05df \u05d1\u05d6\u05de\u05df \u05d0\u05de\u05ea.\r\n <\/p>\r\n \r\n <button type=\"button\" class=\"btn-product\" onclick=\"window.open('${productLink}', '_blank')\">\r\n \u05de\u05e2\u05d1\u05e8 \u05dc\u05e8\u05db\u05d9\u05e9\u05d4 \u05d1\u05d0\u05ea\u05e8 <i class=\"fa-solid fa-arrow-left\"><\/i>\r\n <\/button>\r\n\r\n <div class=\"info-note\">\r\n <i class=\"fa-solid fa-circle-info\"><\/i>\r\n <div class=\"info-note-content\">\r\n \u05d1\u05d1\u05d7\u05d9\u05e8\u05ea \u05de\u05d5\u05e6\u05e8 \u05d0\u05d7\u05d3 \u05d1\u05dc\u05d1\u05d3 - \u05e0\u05d9\u05ea\u05df \u05dc\u05d4\u05d6\u05de\u05d9\u05df \u05d9\u05e9\u05d9\u05e8\u05d5\u05ea \u05d1\u05d0\u05ea\u05e8.<br>\r\n <span class=\"manual-thickness\">\u05e8\u05d5\u05e6\u05d9\u05dd \u05d7\u05d1\u05d9\u05dc\u05d4 \u05de\u05d5\u05ea\u05d0\u05de\u05ea \u05d0\u05d9\u05e9\u05d9\u05ea \u05dc\u05db\u05dc \u05d4\u05d0\u05d9\u05e8\u05d5\u05e2\u05d9\u05dd \u05e9\u05dc\u05db\u05dd?<\/span>\r\n <a href=\"javascript:void(0)\" onclick=\"prevStep()\">\u05d7\u05d6\u05e8\u05d5 \u05d0\u05d7\u05d5\u05e8\u05d4<\/a>, \u05d4\u05d5\u05e1\u05d9\u05e4\u05d5 \u05de\u05d5\u05e6\u05e8\u05d9\u05dd, \u05d5\u05e0\u05ea\u05d0\u05dd \u05dc\u05db\u05dd \u05e9\u05d9\u05d7\u05d4 \u05db\u05d3\u05d9 \u05dc\u05d4\u05ea\u05d0\u05d9\u05dd \u05d4\u05db\u05dc \u05d1\u05d3\u05d9\u05d5\u05e7 \u05d0\u05dc\u05d9\u05db\u05dd.\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n `;\r\n } else {\r\n \/\/ PACKAGE FLOW\r\n isSingleProduct = false;\r\n totalSteps = 8;\r\n stepTitles[6] = \"\u05e1\u05d9\u05db\u05d5\u05dd \u05d5\u05ea\u05d9\u05d0\u05d5\u05dd \u05e9\u05d9\u05d7\u05d4\";\r\n titleEl.classList.remove('font-gveret-levin');\r\n titleEl.textContent = \"\u05e1\u05d9\u05db\u05d5\u05dd \u05d5\u05ea\u05d9\u05d0\u05d5\u05dd \u05e9\u05d9\u05d7\u05d4\";\r\n \r\n const total = calculateTotal();\r\n \/\/ Determine discount by real products count (excluding other)\r\n const realProductsCount = checkedBoxes.filter(cb => cb.dataset.prodId !== 'other').length;\r\n const discountApplied = realProductsCount >= 3;\r\n const finalTotal = discountApplied ? Math.round(total * 0.9) : total;\r\n const dates = generateCallDates();\r\n \r\n \/\/ Group products by event for display\r\n let productsByEvent = {};\r\n checkedBoxes.forEach(cb => {\r\n const evt = cb.dataset.event;\r\n let displayName = cb.dataset.name;\r\n \r\n if(cb.dataset.isDynamicMenu) {\r\n const countText = document.getElementById(`note_${cb.id}`).textContent;\r\n displayName = `\u05ea\u05e4\u05e8\u05d9\u05d8\u05d9\u05dd (${countText})`;\r\n }\r\n if(cb.dataset.prodId === 'other') {\r\n const eventIndex = getActualEventsList().indexOf(evt);\r\n const input = document.querySelector(`#other-input-group-${eventIndex} input`);\r\n if (input && input.value.trim()) {\r\n displayName = input.value.trim();\r\n }\r\n }\r\n\r\n if(!productsByEvent[evt]) productsByEvent[evt] = [];\r\n if (!productsByEvent[evt].includes(displayName)) {\r\n productsByEvent[evt].push(displayName);\r\n }\r\n });\r\n\r\n \/\/ Build HTML List grouped by event\r\n let productsListHTML = '';\r\n for (const [evt, prods] of Object.entries(productsByEvent)) {\r\n if (prods.length === 0) continue;\r\n productsListHTML += `\r\n <div class=\"summary-event-group\">\r\n <div class=\"summary-event-title\">${evt}<\/div>\r\n <ul class=\"selected-products-list\">\r\n ${prods.map(p => `<li><i class=\"fa-solid fa-check\"><\/i> ${p}<\/li>`).join('')}\r\n <\/ul>\r\n <\/div>\r\n `;\r\n }\r\n\r\n \/\/ Check for physical products\r\n const digitalIds = ['digital', 'std_image', 'std_video', 'logo'];\r\n const hasPhysical = checkedBoxes.some(cb => !digitalIds.includes(cb.dataset.prodId) && cb.dataset.prodId !== 'other');\r\n\r\n let priceDisplay = `<div class=\"price-amount\">${total.toLocaleString()} <span>\u20aa<\/span><\/div>`;\r\n if (discountApplied) {\r\n priceDisplay = `\r\n <div class=\"price-amount\">\r\n <span class=\"old-price\">${total.toLocaleString()}<\/span> \r\n ${finalTotal.toLocaleString()} <span>\u20aa<\/span>\r\n <\/div>\r\n <span class=\"discount-badge\">\u05db\u05d5\u05dc\u05dc 10% \u05d4\u05e0\u05d7\u05d4 \u05dc\u05d7\u05d1\u05d9\u05dc\u05d4!<\/span>\r\n `;\r\n }\r\n\r\n let shippingHTML = hasPhysical ? `<div class=\"shipping-note\"><i class=\"fa-solid fa-truck-fast\"><\/i> \u05db\u05d5\u05dc\u05dc \u05de\u05e9\u05dc\u05d5\u05d7 \u05d7\u05d9\u05e0\u05dd \u05e2\u05d3 \u05d4\u05d1\u05d9\u05ea<\/div>` : '';\r\n\r\n let priceSummaryHTML = '';\r\n if (totalProductsCount > 0) {\r\n priceSummaryHTML = `\r\n <div class=\"price-summary-card\">\r\n <h3>\u05d4\u05de\u05d5\u05e6\u05e8\u05d9\u05dd \u05e9\u05d1\u05d7\u05e8\u05ea\u05dd:<\/h3>\r\n ${productsListHTML}\r\n <div style=\"margin-top:20px; padding-top:20px; border-top:1px dashed rgba(177,145,125,0.3);\">\r\n <h3 style=\"font-weight:400; font-size:1rem;\">\u05d4\u05d7\u05dc \u05de-<\/h3>\r\n ${priceDisplay}\r\n <h3 style=\"font-weight:400; font-size:1rem;\">\u05e2\u05d1\u05d5\u05e8 \u05d4\u05d7\u05d1\u05d9\u05dc\u05d4 \u05db\u05d5\u05dc\u05d4<\/h3>\r\n <div style=\"font-size:0.85rem; opacity:0.8; margin-top:5px; color:#777;\">\r\n *\u05d4\u05de\u05d7\u05d9\u05e8 \u05d4\u05e1\u05d5\u05e4\u05d9 \u05ea\u05dc\u05d5\u05d9 \u05d1\u05d2\u05d9\u05de\u05d5\u05e8\u05d9\u05dd \u05d5\u05d1\u05e9\u05d3\u05e8\u05d5\u05d2\u05d9\u05dd \u05e9\u05ea\u05d1\u05d7\u05e8\u05d5\r\n <\/div>\r\n ${shippingHTML}\r\n <\/div>\r\n <\/div>\r\n `;\r\n }\r\n\r\n container.innerHTML = `\r\n ${priceSummaryHTML}\r\n <div class=\"flow-arrow\"><i class=\"fa-solid fa-chevron-down\"><\/i><\/div>\r\n <div style=\"text-align:center; margin-top:10px;\">\r\n <h3 style=\"font-size:1.3rem; margin-bottom:10px;\">\u05de\u05ea\u05d9 \u05e0\u05d5\u05d7 \u05dc\u05db\u05dd \u05dc\u05d3\u05d1\u05e8 \u05e2\u05dd \u05e0\u05e2\u05dd?<\/h3>\r\n <p style=\"color:#666; margin-bottom:20px; max-width:550px; margin-left:auto; margin-right:auto;\">\r\n ${totalProductsCount > 0 ? '\u05e7\u05d9\u05d1\u05dc\u05ea\u05dd \u05db\u05e2\u05ea \u05d4\u05e2\u05e8\u05db\u05d4 \u05db\u05dc\u05dc\u05d9\u05ea \u05dc\u05de\u05d7\u05d9\u05e8 \u05d4\u05d4\u05ea\u05d7\u05dc\u05ea\u05d9. ' : ''}\u05d0\u05e0\u05d9 \u05de\u05d6\u05de\u05d9\u05e0\u05d4 \u05d0\u05ea\u05db\u05dd \u05dc\u05e7\u05d1\u05d5\u05e2 \u05d0\u05d9\u05ea\u05d9 \u05e9\u05d9\u05d7\u05d4 \u05d0\u05d9\u05e9\u05d9\u05ea \u05d1\u05d4 \u05e0\u05d3\u05d9\u05d9\u05e7 \u05d0\u05ea \u05d4\u05db\u05dc \u05d1\u05de\u05d9\u05d5\u05d7\u05d3 \u05d0\u05dc\u05d9\u05db\u05dd.\r\n <\/p>\r\n \r\n <div class=\"date-options\">\r\n ${dates.map(d => `\r\n <div class=\"date-option\" onclick=\"selectCallDate('${d.value}', this, ${d.isFriday})\">\r\n <div style=\"font-weight:600; margin-bottom:4px;\">${d.label}<\/div>\r\n <div class=\"day-date\">${d.display}<\/div>\r\n <\/div>\r\n `).join('')}\r\n <\/div>\r\n \r\n <div id=\"time-slots-container\" style=\"display:none; margin-top:20px; animation:fadeIn 0.3s;\">\r\n <div style=\"font-size:0.9rem; color:var(--primary-color); margin-bottom:10px;\">\u05e0\u05d9\u05ea\u05df \u05dc\u05d1\u05d7\u05d5\u05e8 \u05de\u05e1\u05e4\u05e8 \u05d8\u05d5\u05d5\u05d7\u05d9\u05dd<\/div>\r\n <div class=\"time-slots-grid\" id=\"time-slots-grid\"><\/div>\r\n <\/div>\r\n <\/div>\r\n `;\r\n }\r\n updateProgress();\r\n }\r\n\r\n function generateCallDates() {\r\n const dates = [];\r\n const today = new Date();\r\n let count = 0;\r\n let i = 0;\r\n \r\n while (count < 3) {\r\n const d = new Date(today);\r\n d.setDate(today.getDate() + i);\r\n const dayOfWeek = d.getDay(); \r\n \r\n if (dayOfWeek !== 6) { \/\/ Skip Saturday\r\n let label = d.toLocaleDateString('he-IL', { weekday: 'long' });\r\n let isTodayValid = true;\r\n \r\n if (i === 0) {\r\n const currentHour = new Date().getHours();\r\n const isFriday = (dayOfWeek === 5);\r\n const lastSlotStart = isFriday ? 11 : 17; \r\n if (currentHour >= lastSlotStart) {\r\n isTodayValid = false;\r\n }\r\n }\r\n\r\n if (isTodayValid) {\r\n if (i === 0) label = \"\u05d4\u05d9\u05d5\u05dd\";\r\n else if (i === 1) label = \"\u05de\u05d7\u05e8\";\r\n \r\n dates.push({\r\n label: label,\r\n display: d.toLocaleDateString('he-IL', { day: 'numeric', month: 'numeric' }),\r\n value: d.toISOString().split('T')[0],\r\n isFriday: (dayOfWeek === 5),\r\n isToday: (i === 0)\r\n });\r\n count++;\r\n }\r\n }\r\n i++;\r\n }\r\n return dates;\r\n }\r\n\r\n function selectCallDate(value, el, isFriday) {\r\n selectedCallDate = value;\r\n selectedTimeSlots = [];\r\n document.querySelectorAll('.date-option').forEach(d => d.classList.remove('selected'));\r\n el.classList.add('selected');\r\n \r\n const grid = document.getElementById('time-slots-grid');\r\n grid.innerHTML = '';\r\n \r\n const allSlots = [\r\n { id: '09:00 - 11:00', sort: 1 },\r\n { id: '11:00 - 13:00', sort: 2 },\r\n { id: '13:00 - 15:00', sort: 3 },\r\n { id: '15:00 - 17:00', sort: 4 },\r\n { id: '17:00 - 19:00', sort: 5 }\r\n ];\r\n \r\n const now = new Date();\r\n const isToday = (value === now.toISOString().split('T')[0]);\r\n const currentHour = now.getHours();\r\n\r\n allSlots.forEach(slot => {\r\n if (isFriday && slot.sort > 2) return;\r\n if (isToday) {\r\n const slotEndHour = parseInt(slot.id.split(' - ')[1].split(':')[0]);\r\n if (currentHour >= slotEndHour) return; \r\n }\r\n\r\n const div = document.createElement('div');\r\n div.className = 'time-slot';\r\n div.innerText = slot.id;\r\n div.onclick = function() { toggleTimeSlot(slot.id, this); };\r\n grid.appendChild(div);\r\n });\r\n\r\n document.getElementById('time-slots-container').style.display = 'block';\r\n }\r\n\r\n function toggleTimeSlot(time, el) {\r\n const idx = selectedTimeSlots.indexOf(time);\r\n if (idx > -1) {\r\n selectedTimeSlots.splice(idx, 1);\r\n el.classList.remove('selected');\r\n } else {\r\n selectedTimeSlots.push(time);\r\n el.classList.add('selected');\r\n }\r\n }\r\n \r\n function formatSelectedTimes(times) {\r\n if (!times || times.length === 0) return '';\r\n const parseRange = (t) => {\r\n const parts = t.split(' - ');\r\n return { start: parseInt(parts[0]), end: parseInt(parts[1]), text: t };\r\n };\r\n const sorted = times.map(parseRange).sort((a, b) => a.start - b.start);\r\n const merged = [];\r\n let current = sorted[0];\r\n \r\n for (let i = 1; i < sorted.length; i++) {\r\n if (current.end === sorted[i].start) {\r\n current.end = sorted[i].end;\r\n } else {\r\n merged.push(current);\r\n current = sorted[i];\r\n }\r\n }\r\n merged.push(current);\r\n \r\n return merged.map(m => {\r\n const s = m.start < 10 ? '0' + m.start + ':00' : m.start + ':00';\r\n const e = m.end < 10 ? '0' + m.end + ':00' : m.end + ':00';\r\n return `${s} - ${e}`;\r\n }).join(' \/ ');\r\n }\r\n\r\n \/* --- Validation & Navigation --- *\/\r\n function validate() {\r\n switch(currentStep) {\r\n case 1:\r\n if (!document.getElementById('fullName').value.trim()) { showError('\u05e0\u05d0 \u05dc\u05d4\u05d6\u05d9\u05df \u05e9\u05dd \u05de\u05dc\u05d0'); return false; }\r\n if (!document.getElementById('email').value.includes('@')) { showError('\u05e0\u05d0 \u05dc\u05d4\u05d6\u05d9\u05df \u05de\u05d9\u05d9\u05dc \u05ea\u05e7\u05d9\u05df'); return false; }\r\n if (document.getElementById('phone').value.length < 10) { showError('\u05e0\u05d0 \u05dc\u05d4\u05d6\u05d9\u05df \u05d8\u05dc\u05e4\u05d5\u05df \u05ea\u05e7\u05d9\u05df'); return false; }\r\n if (!document.getElementById('consent-checkbox').checked) { showError('\u05d7\u05d5\u05d1\u05d4 \u05dc\u05d0\u05e9\u05e8 \u05d0\u05ea \u05ea\u05e0\u05d0\u05d9 \u05d4\u05e9\u05d9\u05de\u05d5\u05e9'); return false; }\r\n return true;\r\n case 2:\r\n if (selectedEvents.length === 0) { showError('\u05e0\u05d0 \u05dc\u05d1\u05d7\u05d5\u05e8 \u05e1\u05d5\u05d2 \u05d0\u05d9\u05e8\u05d5\u05e2'); return false; }\r\n return true;\r\n case 3:\r\n const dateOption = document.querySelector('input[name=\"hasDate\"]:checked');\r\n if (!dateOption) { showError('\u05d9\u05e9 \u05dc\u05d1\u05d7\u05d5\u05e8 \u05e1\u05d8\u05d8\u05d5\u05e1 \u05ea\u05d0\u05e8\u05d9\u05da'); return false; }\r\n if (dateOption.value === 'yes') {\r\n let validDates = true;\r\n document.querySelectorAll('.event-date-input').forEach(input => { if (!input.value) validDates = false; });\r\n if (!validDates) { showError('\u05e0\u05d0 \u05dc\u05d4\u05d6\u05d9\u05df \u05d0\u05ea \u05d4\u05ea\u05d0\u05e8\u05d9\u05db\u05d9\u05dd \u05d4\u05de\u05d1\u05d5\u05e7\u05e9\u05d9\u05dd'); return false; }\r\n }\r\n return true;\r\n case 4:\r\n let validGuests = true;\r\n document.querySelectorAll('.guest-input').forEach(i => { if(!i.value) validGuests = false; });\r\n if(!validGuests) { showError('\u05e0\u05d0 \u05dc\u05de\u05dc\u05d0 \u05db\u05de\u05d5\u05ea \u05d0\u05d5\u05e8\u05d7\u05d9\u05dd \u05de\u05e9\u05d5\u05e2\u05e8\u05ea'); return false; }\r\n return true;\r\n case 5:\r\n const eventsForValidation = getActualEventsList();\r\n \r\n \/\/ \u05de\u05d5\u05d5\u05d3\u05d0 \u05e9\u05dc\u05e4\u05d7\u05d5\u05ea \u05de\u05d5\u05e6\u05e8 \u05d0\u05d7\u05d3 \u05e0\u05d1\u05d7\u05e8 \u05e2\u05d1\u05d5\u05e8 *\u05db\u05dc \u05d0\u05d9\u05e8\u05d5\u05e2* \u05d1\u05e0\u05e4\u05e8\u05d3\r\n for (let evt of eventsForValidation) {\r\n const evtCheckedCount = document.querySelectorAll(`.dynamic-prod-checkbox[data-event=\"${evt}\"]:checked`).length;\r\n if (evtCheckedCount === 0) {\r\n showError(`\u05e0\u05d0 \u05dc\u05d1\u05d7\u05d5\u05e8 \u05dc\u05e4\u05d7\u05d5\u05ea \u05de\u05d5\u05e6\u05e8 \u05d0\u05d7\u05d3 \u05e2\u05d1\u05d5\u05e8 \u05d4\u05d0\u05d9\u05e8\u05d5\u05e2: ${evt}`);\r\n return false;\r\n }\r\n }\r\n \r\n \/\/ \u05de\u05d5\u05d5\u05d3\u05d0 \u05e9\u05d0\u05dd \u05e0\u05d1\u05d7\u05e8 \"\u05d0\u05d7\u05e8\" \u05d1\u05d0\u05d7\u05d3 \u05de\u05d4\u05d0\u05d9\u05e8\u05d5\u05e2\u05d9\u05dd - \u05d4\u05ea\u05d9\u05d1\u05d4 \u05de\u05d5\u05dc\u05d0\u05d4 \u05db\u05e8\u05d0\u05d5\u05d9\r\n let missingOther = false;\r\n document.querySelectorAll('.dynamic-prod-checkbox[data-prod-id=\"other\"]:checked').forEach(cb => {\r\n const evt = cb.dataset.event;\r\n const eventIndex = eventsForValidation.indexOf(evt);\r\n const input = document.querySelector(`#other-input-group-${eventIndex} input`);\r\n if (input && !input.value.trim()) {\r\n missingOther = true;\r\n }\r\n });\r\n if (missingOther) {\r\n showError('\u05d1\u05d7\u05e8\u05ea\u05dd \u05d1\u05d0\u05e4\u05e9\u05e8\u05d5\u05ea \"\u05d0\u05d7\u05e8\" - \u05e0\u05d0 \u05dc\u05e4\u05e8\u05d8 \u05d0\u05d9\u05d6\u05d4 \u05de\u05d5\u05e6\u05e8 \u05ea\u05e8\u05e6\u05d5 \u05d1\u05e9\u05d3\u05d4 \u05d4\u05e8\u05d9\u05e7');\r\n return false;\r\n }\r\n return true;\r\n case 6:\r\n if (!isSingleProduct) {\r\n if (!selectedCallDate) { showError('\u05e0\u05d0 \u05dc\u05d1\u05d7\u05d5\u05e8 \u05d9\u05d5\u05dd \u05dc\u05e9\u05d9\u05d7\u05d4'); return false; }\r\n if (selectedTimeSlots.length === 0) { showError('\u05e0\u05d0 \u05dc\u05d1\u05d7\u05d5\u05e8 \u05e9\u05e2\u05d4 \u05dc\u05e9\u05d9\u05d7\u05d4'); return false; }\r\n }\r\n return true;\r\n default: return true;\r\n }\r\n }\r\n\r\n function nextStep() {\r\n if (!validate()) return;\r\n \r\n if (currentStep === 2) generateGuestCountFields();\r\n if (currentStep === 4) buildProductsStep(); \r\n if (currentStep === 5) generateStep6();\r\n \r\n if (isSingleProduct && currentStep === 6) return; \r\n if (currentStep === 7) submitForm(); \r\n \r\n if (currentStep < totalSteps) {\r\n currentStep++;\r\n showStep(currentStep);\r\n }\r\n }\r\n\r\n function prevStep() {\r\n if (currentStep > 1) {\r\n if (currentStep === 6 && isSingleProduct) {\r\n isSingleProduct = false;\r\n totalSteps = 8;\r\n }\r\n currentStep--;\r\n showStep(currentStep);\r\n }\r\n }\r\n\r\n function showStep(step) {\r\n document.querySelectorAll('.step').forEach(s => s.classList.remove('active'));\r\n document.querySelector(`.step[data-step=\"${step}\"]`)?.classList.add('active');\r\n updateProgress();\r\n \r\n const prevBtn = document.getElementById('prev-btn');\r\n const nextBtn = document.getElementById('next-btn');\r\n const nav = document.getElementById('navigation-buttons');\r\n \r\n prevBtn.style.display = step === 1 ? 'none' : 'inline-block';\r\n nextBtn.style.display = 'inline-block';\r\n nav.style.display = 'flex';\r\n nav.style.justifyContent = 'space-between';\r\n nav.classList.remove('d-none-important');\r\n\r\n if (step === 8) {\r\n nav.style.setProperty('display', 'none', 'important');\r\n return;\r\n }\r\n\r\n if (isSingleProduct && step === 6) {\r\n nextBtn.style.display = 'none'; \r\n nav.style.justifyContent = 'center';\r\n } \r\n else {\r\n nextBtn.textContent = step === 7 ? '\u05e9\u05dc\u05d9\u05d7\u05d4 \u05d5\u05e1\u05d9\u05d5\u05dd' : '\u05d4\u05de\u05e9\u05da';\r\n }\r\n window.scrollTo({ top: 0, behavior: 'smooth' });\r\n }\r\n\r\n function submitForm() {\r\n if (selectedCallDate) {\r\n const d = new Date(selectedCallDate);\r\n document.getElementById('confirm-date').textContent = d.toLocaleDateString('he-IL', { weekday: 'long', day: 'numeric', month: 'long' });\r\n document.getElementById('confirm-times').textContent = formatSelectedTimes(selectedTimeSlots);\r\n }\r\n\r\n const eventDates = {};\r\n document.querySelectorAll('.event-date-input').forEach(input => {\r\n if(input.value) {\r\n const parts = input.value.split('-');\r\n if (parts.length === 3) {\r\n eventDates[input.dataset.event] = `${parts[2]}.${parts[1]}.${parts[0]}`;\r\n } else {\r\n eventDates[input.dataset.event] = input.value;\r\n }\r\n }\r\n });\r\n\r\n \/\/ Extract text from multiple \"Other\" fields into one string for Webhook\r\n const otherProductsArr = [];\r\n document.querySelectorAll('.dynamic-prod-checkbox[data-prod-id=\"other\"]:checked').forEach(cb => {\r\n const evt = cb.dataset.event;\r\n const eventIndex = getActualEventsList().indexOf(evt);\r\n const input = document.querySelector(`#other-input-group-${eventIndex} input`);\r\n if (input && input.value.trim()) {\r\n otherProductsArr.push(input.value.trim());\r\n }\r\n });\r\n const combinedOtherProducts = otherProductsArr.join(' | ');\r\n\r\n \/\/ Group products by event (Dictionary\/Object form)\r\n const structuredProducts = {};\r\n document.querySelectorAll('.dynamic-prod-checkbox:checked').forEach(cb => {\r\n const evt = cb.dataset.event;\r\n let prodName = cb.dataset.name;\r\n \r\n if (cb.dataset.prodId === 'other') {\r\n const eventIndex = getActualEventsList().indexOf(evt);\r\n const input = document.querySelector(`#other-input-group-${eventIndex} input`);\r\n prodName = (input && input.value.trim()) ? input.value.trim() : '\u05d0\u05d7\u05e8';\r\n }\r\n\r\n if (!structuredProducts[evt]) {\r\n structuredProducts[evt] = [];\r\n }\r\n structuredProducts[evt].push(prodName);\r\n });\r\n\r\n const guestCounts = {};\r\n document.querySelectorAll('.guest-input').forEach(input => {\r\n if(input.value) guestCounts[input.dataset.event] = input.value;\r\n });\r\n\r\n const data = {\r\n fullName: document.getElementById('fullName').value,\r\n email: document.getElementById('email').value,\r\n phone: document.getElementById('phone').value,\r\n events: getActualEventsList(),\r\n otherEvent: document.getElementById('otherEventType').value,\r\n otherProduct: combinedOtherProducts, \/\/ Webhook name remains exactly the same!\r\n eventDates: eventDates, \r\n guestCounts: guestCounts,\r\n products: structuredProducts, \/\/ Now a dictionary: {\"event1\": [\"prod1\", \"prod2\"]}\r\n totalPrice: calculateTotal(),\r\n callDate: selectedCallDate,\r\n callTimes: selectedTimeSlots,\r\n notes: document.getElementById('additionalNotes').value\r\n };\r\n \r\n \/\/ Facebook Pixel Tracking\r\n if (typeof fbq === 'function') {\r\n fbq('track', 'Lead', {\r\n content_name: 'Noam Designs Form Lead',\r\n value: data.totalPrice,\r\n currency: 'ILS'\r\n });\r\n }\r\n\r\n \/\/ Send\r\n fetch(\"https:\/\/hook.eu2.make.com\/lwlx80qg42l3sfxvrm43m9qow57cpvjl\", {\r\n method: \"POST\",\r\n headers: { \"Content-Type\": \"application\/json\" },\r\n body: JSON.stringify(data)\r\n }).catch(console.error);\r\n \r\n currentStep = totalSteps;\r\n showStep(currentStep);\r\n }\r\n <\/script>\r\n<\/body>\r\n<\/html>\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<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>NOAM DESIGN \u05de\u05d9\u05ea\u05d5\u05d2 \u05d5\u05e2\u05d9\u05e6\u05d5\u05d1 \u05d0\u05d9\u05e8\u05d5\u05e2\u05d9\u05dd | \u05d4\u05e4\u05e7\u05ea \u05d3\u05e4\u05d5\u05e1 | \u05d9\u05e6\u05d9\u05e8\u05ea \u05ea\u05d5\u05db\u05df \u05d8\u05d5\u05e4\u05e1 \u05d4\u05d6\u05de\u05e0\u05d4 – \u05e0\u05e2\u05dd \u05d3\u05d9\u05d6\u05d9\u05d9\u05df \u05e9\u05dc\u05d1 1 \u05de\u05ea\u05d5\u05da 8 13% \u05e4\u05e8\u05d8\u05d9\u05dd \u05d0\u05d9\u05e9\u05d9\u05d9\u05dd \u05d4\u05d5\u05e1\u05d9\u05e4\u05d5 \u05e2\u05d5\u05d3 \u05de\u05d5\u05e6\u05e8 \u05d0\u05d7\u05d3 \u05dc\u05e4\u05d7\u05d5\u05ea \u05db\u05d3\u05d9 \u05dc\u05e7\u05d1\u05dc 10% \u05d4\u05e0\u05d7\u05d4 \u05d1\u05e7\u05e0\u05d9\u05d9\u05ea 3 \u05de\u05d5\u05e6\u05e8\u05d9\u05dd \u05d5\u05de\u05e2\u05dc\u05d4! \u05d1\u05e8\u05d5\u05db\u05d9\u05dd \u05d4\u05d1\u05d0\u05d9\u05dd \u05dc\u05e1\u05d8\u05d5\u05d3\u05d9\u05d5 \u05e9\u05dc \u05e0\u05e2\u05dd \u05d3\u05d9\u05d6\u05d9\u05d9\u05df \u05db\u05d0\u05df \u05e0\u05d9\u05ea\u05df \u05dc\u05ea\u05d0\u05dd \u05e9\u05d9\u05d7\u05d4 \u05d0\u05d9\u05e9\u05d9\u05ea \u05e2\u05dd \u05e0\u05e2\u05dd \u05d4\u05d2\u05e2\u05ea\u05dd \u05dc\u05de\u05e7\u05d5\u05dd \u05e9\u05d1\u05d5 \u05d2\u05e8\u05e4\u05d9\u05e7\u05d4, \u05d4\u05e4\u05e7\u05ea \u05d3\u05e4\u05d5\u05e1 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-3201","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/noamdesigns.com\/he\/wp-json\/wp\/v2\/pages\/3201","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/noamdesigns.com\/he\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/noamdesigns.com\/he\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/noamdesigns.com\/he\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/noamdesigns.com\/he\/wp-json\/wp\/v2\/comments?post=3201"}],"version-history":[{"count":106,"href":"https:\/\/noamdesigns.com\/he\/wp-json\/wp\/v2\/pages\/3201\/revisions"}],"predecessor-version":[{"id":8159,"href":"https:\/\/noamdesigns.com\/he\/wp-json\/wp\/v2\/pages\/3201\/revisions\/8159"}],"wp:attachment":[{"href":"https:\/\/noamdesigns.com\/he\/wp-json\/wp\/v2\/media?parent=3201"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}