<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="en" />

<meta property="og:image" content="https://w2.chabad.org/media/images/1255/WWOK12551363.png" itemprop="image" width="150" height="150" />
<meta property="og:image:width" content="150" />
<meta property="og:image:height" content="150" />
<meta name="keywords" content="Rosh,Hashanah,Meal" />
<meta name="title" content="Rosh Hashanah Meal - Chabad of Greater Rancho Park" />
<meta property="og:type" content="website" />
<meta name="scope-aids" content="5115787-5115795-6068708-6068711" />
<meta name="article-keywords" content="23366-16403-8495-2170-2898-20962" />
<meta name="scope-aid" content="5115787" />
<meta name="scope-aid" content="5115795" />
<meta name="scope-aid" content="6068708" />
<meta name="scope-aid" content="6068711" />
<meta name="article-keyword" content="23366" />
<meta name="article-keyword" content="16403" />
<meta name="article-keyword" content="8495" />
<meta name="article-keyword" content="2170" />
<meta name="article-keyword" content="2898" />
<meta name="article-keyword" content="20962" />
<meta property="og:url" content="https://www.chabadgrp.com/templates/articlecco_cdo/aid/6068711/jewish/Rosh-Hashanah-Meal.htm" />
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:site" content="@chabad" />
<meta property="og:title" content="Rosh Hashanah Meal" /><link rel="canonical" href="https://www.chabadgrp.com/templates/articlecco_cdo/aid/6068711/jewish/Rosh-Hashanah-Meal.htm" />
<link rel="icon" type="image/png" href="https://www.chabadgrp.com/media/images/1255/WWOK12551363.png" />
<link rel="Stylesheet" href="/css/fonts/font-awesome/font-awesome-5.css?v=2D6ABDDB" id="kfont-awesome" type="text/css"/>
<link rel="Stylesheet" href="/css/DefaultGrid.css?v=A13D74E8" id="kgrid" type="text/css"/>
<link rel="Stylesheet" href="/css/Elements.css?v=3A4C63F4" id="k6" type="text/css"/>
<link rel="Stylesheet" href="/css/vendor/ds/tokens/sites.css?v=72A49647" id="ksites-ds-css" type="text/css"/>
<link rel="Stylesheet" href="/css/new/main.css?v=BB63DD50" id="k7" type="text/css"/>
<link rel="Stylesheet" href="https://w2.chabad.org/css/cco/minisites/global.css" id="k20962" type="text/css"/>
<link rel="Stylesheet" href="/css/old/global.css?v=43DDBA77" id="k2898" type="text/css"/>
<link rel="Stylesheet" href="https://w2.chabad.org/images/Shluchim/minisites/themes/highholidays/high-holiday-minisite.css?v=9/8/2026" id="k23366" type="text/css"/>
<link rel="Stylesheet" href="/css/bootstrap/grid.css?v=F4390F2B" id="kbootstrap4-grid" type="text/css"/>
<link rel="Stylesheet" href="/css/Library/reader-comments.css?v=8AB57D79" id="kCommentsStylesheet" type="text/css"/>
<link rel="Stylesheet" href="/css/inline/BookInfo.css?v=3D052243" id="kBookInfoCss" type="text/css"/>

<script>$q=[];$j=function(f){$q.push(f);}</script>
	
 
	
	<style type="text/css">
		body{margin:0;}
	</style>
	
	



<script>
	window.dataLayer = window.dataLayer || [];
	dataLayer.push({"event":"datalayer-initialized","page":{"numberOfComments":0,"publicationDate":"2024-09-13","primaryArticleId":6068711,"title":"Rosh Hashanah Meal","author":"","authorId":0,"contentLevel1":"My Site","contentLevel2":"High Holidays","contentLevel3":"Rosh Hashanah Meal","siteName":"Chabad of Greater Rancho Park"},"time":{"upcomingHoliday":"Rosh Hashanah","daysToUpcomingHoliday":2,"hebrewDate":"5786-06-28"}});
		dataLayer.push({ 'articleHierarchy': '-5115787-5115795-6068708-6068711-', 'keywords': '-k20962-k2898-k2170-k8495-k16403-k23366-', 'k': '-5115787-5115795-6068708-6068711--k20962-k2898-k2170-k8495-k16403-k23366-' });
	
</script>
<script>

(function(c,h,a,b,a,d){c[a]=c[a]||[];c[a].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=h.getElementsByTagName(b)[0],
j=h.createElement(b);j.async=true;
j.src='https://w6.chabad.org/mitzvah-tank.js';f.parentNode.insertBefore(j,f);
})(window,document,0,'script','dataLayer');</script>

	<!-- Start of StatCounter Code -->
	<script type="text/javascript">
	var sc_project = 12549703;var sc_partition = 92;var sc_invisible = 1;var sc_remove_link=1;var sc_security = "8e021f8f";var sc_https = 1;
	</script>
	<script type="text/javascript" src="https://secure.statcounter.com/counter/counter_xhtml.js" defer async></script>
	<noscript><img src="//c93.statcounter.com/counter.php?sc_project=12549703&amp;java=0&amp;security=8e021f8f&amp;invisible=1" border="0" /> </noscript>
	<!-- End of StatCounter Code -->


<script>
(function() {
    // 0. URL CHECK - Only run on responses for 7297615
    if (!window.location.href.includes("7297615")) {
        return;
    }

    // --- CONFIGURATION ---
    const GOOGLE_SCRIPT_URL = "https://script.google.com/macros/s/AKfycbz4-OWcn4yhExhK9Rx3WIm8En4ztph-gnrBzB9epNLu3ZrrZjP_OkPD7MpKE5gjVsGx/exec"; 
    
    console.log("Scraper Script Loaded. Waiting for table...");

    // 1. Helper to clean text
    function cleanText(text) {
        if (!text) return "";
        return text.replace(/[\r\n]+/g, " ").trim();
    }

    // 2. Helper to get all table data
    function getTableData() {
        let data = {};
        let rows = document.querySelectorAll('table.response_table tr');
        rows.forEach(row => {
            let labelCell = row.querySelector('td.field_name');
            let valueCell = row.querySelector('td.field_value');
            if (labelCell && valueCell) {
                let key = cleanText(labelCell.innerText).toLowerCase();
                let val = cleanText(valueCell.innerText);
                data[key] = val;
            }
        });
        return data;
    }

    // 3. Helper to extract numbers
    function extractAmount(str) {
        if (!str) return 0;
        let cleaned = str.replace(/[^0-9.]/g, ''); 
        let val = parseFloat(cleaned);
        return isNaN(val) ? 0 : val;
    }

    // --- MAIN LOGIC ---
    function tryScrape() {
        let data = getTableData();
        
        // CHECK: Do we have the Submission ID yet?
        let submissionId = data["submission id"];
        if (!submissionId) {
            return false; // Table not loaded yet, keep waiting
        }

        // CHECK: Duplicates
        if (localStorage.getItem("scraped_" + submissionId)) {
            console.warn("STOPPING: Already processed ID " + submissionId);
            return true; // Stop retrying, we are done
        }

        console.log("Table found! Processing...");

        // A. NAME & ANONYMOUS LOGIC
        let nameKey = Object.keys(data).find(k => k.includes("name to be displayed"));
        let originalName = nameKey ? data[nameKey] : "Anonymous";
        let finalName = "Anonymous"; // Default to Anonymous to be safe
        
        let anonKey = Object.keys(data).find(k => k.includes("checkbo7") || k.includes("donate anonymously") || k.includes("anonymous"));
        let anonValue = anonKey ? data[anonKey] : "";
        
        if (anonValue && anonValue.toLowerCase().includes("no (unchecked)")) {
            finalName = originalName;
        } else {
            finalName = "Anonymous";
        }

        // B. AMOUNT EXTRACTION (Skipping Tier Calculation entirely)
        let tierKey = Object.keys(data).find(k => k.includes("choose a tier"));
        let tierValue = tierKey ? data[tierKey] : "";
        let amount = extractAmount(tierValue);
        
        // If 0, try Total/Paid fields
        if (amount === 0) {
            let totalKey = Object.keys(data).find(k => k.includes("total amount") || k.includes("paid") || k.includes("total"));
            if (totalKey) {
                amount = extractAmount(data[totalKey]);
            }
        }

        // C. DATE LOGIC (Month Year)
        let dateKey = Object.keys(data).find(k => k.includes("submission date"));
        let dateStr = dateKey ? data[dateKey] : "";
        let finalDate = "";

        if (dateStr) {
            let dateObj = new Date(dateStr);
            if (!isNaN(dateObj.getTime())) {
                let month = dateObj.toLocaleString('default', { month: 'long' });
                let year = dateObj.getFullYear();
                finalDate = `${month} ${year}`;
            } else {
                finalDate = dateStr;
            }
        }

        // SEND - EXACTLY AS REQUESTED (Name & Amount Only, plus Date for your spreadsheet tracking)
        console.log(`Sending: ${finalName} | Amount: $${amount} | ${finalDate}`);
        
        fetch(GOOGLE_SCRIPT_URL, {
            method: "POST",
            mode: "no-cors",
            headers: { "Content-Type": "application/json" },
            body: JSON.stringify({ name: finalName, amount: amount, month: finalDate })
        })
        .then(() => {
            localStorage.setItem("scraped_" + submissionId, "true");
            console.log("%c SUCCESS! Data sent.", "background: #4CAF50; color: #fff;");
        })
        .catch(err => console.error("Error:", err));

        return true; // Success, stop retrying
    }

    // --- RETRY LOOP ---
    let attempts = 0;
    let interval = setInterval(() => {
        attempts++;
        let done = tryScrape();
        
        if (done) {
            clearInterval(interval);
        } else if (attempts > 20) { 
            // Stop after 10 seconds (20 attempts)
            console.log("Gave up waiting for table after 10 seconds.");
            clearInterval(interval);
        }
    }, 500);

})();
</script><title>
	Rosh Hashanah Meal - Chabad of Greater Rancho Park
</title></head>
<body class="lang_en dir_ltr cco_body cco_templateless_page section_branch">
	
	
		<div width="100%" class="cco_templateless_template" style="z-index:100 !important;display:block !important;left:0px !important;top:0px !important;height:30px!important;width:100% !important;line-height:30px !important; position:relative !important; margin-bottom:0 !important; padding:0;text-indent: 25px;" align="Left"><a href="//www.ChabadGRP.com" style="display:block!important;font-size:14px !important;">&laquo; Back to&nbsp;Chabad of Greater Rancho Park</a></div>
	
	<div class="cco_templatelates_content">
		
	<div class="co_content_container clearfix local_content" id="co_content_container">
		<div class="clearfix">
			<!-- BEGIN HEADER -->
<div id="chabad_body_page">
<div id="chabad_main_content">
<div id="chabad_head">


<div class="chabad_header">
<div class="headerTitle">
<a href="/6068708" style="text-decoration: none;">
 
HIGH HOLIDAYS</a>
</div>
<div class="centerName">
At Chabad of Greater Rancho Park!
</div>
<div class="holidayDates">



<div class="widget-1 holiday_date custom v260 feed">
<div class="wrapper">

<div class="widget_header">
<h5>Holiday Date</h5>    
</div>
<div class="widget_content">
September 11 - 21, 2026</div></div>
</div>


</div>
</div>


<div id="navigation" class="chabad_navigator_bar">
<div class="chabad_menu_content">
<ul id="menu" class="navi">
<li class="item parent">
<a href="/article.asp?aid=6068708" class="parent">Home</a>
|
</li>
<li class="item parent">
<a href="/article.asp?aid=6068710" class="parent">Rosh Hashanah Service</a>
|
</li>
<li class="item parent selected">
<a href="/article.asp?aid=6068711" class="parent selected">Rosh Hashanah Meal</a>
|
</li>
<li class="item parent">
<a href="/article.asp?aid=6068712" class="parent">Yom Kippur Service</a>
|
</li>
<li class="item parent">
<a href="/article.asp?aid=7054274" class="parent">Kaparot form</a>
|
</li>
<li class="item parent">
<a href="/article.asp?aid=7479565" class="parent">Holiday Honors</a>
</li>

</ul>
</div>
</div>



</div>
<div id="chabad_body_content">
<div class="chabad_left_column">
<div detached="true" type="static" id="ContentArea" name="content_area" actions="edit,delete" class="chabad_left_column"><div id="content_page" class="content_page"><!-- END HEADER -->
			
			
			<div class="clearfix bh mobile-only align_right">ב"ה</div>
			
				<div class="master-content-wrapper " >
					

<header class="article-header cf ">
	
	
			<h1 class="article-header__title js-article-title js-page-title">Rosh Hashanah Meal</h1>
		
			<div>
				
			</div>
		
</header>
				</div>
			
			<div class="body_wrapper clearfix co_body">
				<div class="" id="co_body_container">
					
					<div id="ContentBody">
						
						
							<div class="content-area-parent no_margin">
								
	<div id="cco_body">
		<div class="content  no_margin no_overflow" id="co_content_container">
			
			
	

	<article class="content js-content" itemscope itemtype="http://schema.org/Article">
	



<meta itemprop="mainEntityOfPage headline name" content="Rosh Hashanah Meal" />

<meta itemprop="image" content="" />


<meta itemprop="uploadDate" content="2024-09-13T17:53:53" />
<span itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
	<meta itemprop="name" content="Chabad of Greater Rancho Park" />
	<meta itemprop="brand" content="Chabad of Greater Rancho Park" />
	<span itemprop="logo" itemscope itemtype="http://schema.org/ImageObject">
		<meta itemprop="url" content="https://w2.chabad.org/media/images/1255/WWOK12551363.png" />
		<meta itemprop="height" content="150" />
		<meta itemprop="width" content="150" />
	</span>
</span>
<meta itemprop="datePublished" content="2024-09-13T17:53:53" />
			<div itemprop="articleBody">
				<co:body xmlns:co="www1.chabadonline.com/alpha1" xmlns:ext="urn:xslt-extensions">
  <div class="co_body article-body cf">
<link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&amp;family=Montserrat:wght@400;500;600;700&amp;family=Alex+Brush&amp;display=swap" rel="stylesheet" type="text/css">
<style type="text/css">

/**/
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Montserrat:wght@400;500;600;700&family=Alex+Brush&display=swap');
/**/
</style>
<style type="text/css">

/**/
.font1 {
                font-family: 'Montserrat', sans-serif;
}
.font2 {
        font-family: 'Alex Brush', cursive;
}
.title1 {
        color:#1c2b45;
        text-align:center;
        font-size:16px;
        letter-spacing:4px;
        font-weight:700;
}
.smallText {
        font-size:20px
}
.title2 {
        color:#7c1f2e;
        text-align:center;
        font-size:64px;
        line-height:100%;
}
.coMessage {
        text-align:center;
        padding-left:100px;
        padding-right:100px;
        color:#3a3226;
        font-weight:500;
        font-size:16px;
        padding-top:20px;
        line-height:160%;
}
.coEvent {
        padding-top:15px;
        padding-bottom:15px;
        color:#7c1f2e;
        font-weight:700;
        text-align:center;
        letter-spacing:2px;
        font-size:20px;
}
.aolColor {
        color:#b8925a;  
}
.signOff {
        color:#1c2b45;  
        text-align:center;
        font-size:30px;
        padding-bottom:20px;
        font-family: 'Alex Brush', cursive;
}
.coBH {
        color:#b8925a;
        text-align:center;
        font-family:Arial, Helvetica, sans-serif
}
.coImages {
        background-position:center;
        background-repeat:no-repeat
}
.rsvpBox {
        border:1.5px solid #b8925a;
        padding:14px 30px;
        text-align:center;
}
.rsvpLabel {
        font-family:'Montserrat', sans-serif;
        font-size:13px;
        font-weight:700;
        letter-spacing:3px;
        color:#1c2b45;
        padding-bottom:2px;
}
.rsvpLink {
        font-family:'Cormorant Garamond', Georgia, serif;
        font-size:26px;
        font-weight:700;
        color:#7c1f2e;
}
.footerBrand {
        font-family:'Montserrat', sans-serif;
        font-size:13px;
        font-weight:700;
        letter-spacing:3px;
        color:#1c2b45;
        text-align:center;
        padding:22px 0 30px 0;
}
@media only screen and (max-device-width:480px) {
.container {
    width: 100%!important;
}
.coImages {
        width:100%!important;
        background-position:center!important;
        background-repeat:no-repeat!important;
}
.coMessage {
        padding-left:10px!important;
        padding-right:10px!important;
}
.coBH {
        display:none!important;
}
.title2 {
        font-size:46px!important;
}
}
/**/
</style>

<table bgcolor="#f2ede1" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td>
<table align="center" bgcolor="#f2ede1" cellpadding="0" cellspacing="0" class="container" dir="<<dir>>" width="650">
<tbody>
<tr>
<td class="coBH" style="padding:14px;">ב"ה</td>
</tr>
<tr>
<td>
<table cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td>
<a href="https://www.chabadgrp.com/hh">
<img alt="Rosh Hashanah Community Dinner - Chabad of Greater Rancho Park" height="1536" src="https://w2.chabad.org/media/images/1385/LOMW13852798.jpeg" style="display:block;width:100%;height:auto;" width="1024"></a></td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td>
<table align="center" cellpadding="0" cellspacing="0" class="font1" style="margin:24px auto 0px auto">
<tbody>
<tr>
<td class="title1">
<div>PLEASE JOIN US FOR A</div>
</td>
</tr>
</tbody>
</table>

<table align="center" cellpadding="0" cellspacing="0" class="font2" style="margin:0px auto">
<tbody>
<tr>
<td class="title2">
<div>Community Dinner</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td>
<table align="center" cellpadding="0" cellspacing="0" class="font1">
<tbody>
<tr>
<td class="coMessage">
<div>Join us as we welcome the New Year with a delicious Rosh Hashanah meal together with family and friends, celebrating the special traditions of the holiday.</div>
</td>
</tr>
</tbody>
</table>

<table align="center" cellpadding="0" cellspacing="0" class="font1" style="margin:0px auto">
<tbody>
<tr>
<td class="coEvent">
<div>FRIDAY, SEPTEMBER 11</div>
</td>
</tr>
</tbody>
</table>

<table align="center" cellpadding="0" cellspacing="0" class="coMessage font2" style="margin:10px auto 0px auto">
<tbody>
<tr>
<td class="signOff">
<div>Hope to see you there.</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td>
<table align="center" cellpadding="0" cellspacing="0" style="margin:0px auto">
<tbody>
<tr>
<td class="rsvpBox">
<div class="rsvpLabel">RSVP AT</div>

<div class="rsvpLink">
<a href="https://www.chabadgrp.com/hh" style="color:#7c1f2e;text-decoration:none;">chabadgrp.com/hh</a></div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td>
<table align="center" cellpadding="0" cellspacing="0" style="margin:0px auto">
<tbody>
<tr>
<td height="60" style="margin:0px auto">
<div>
<a href="https://www.chabadgrp.com/hh" style="background-color:#7c1f2e;color:#ffffff;display:inline-block;font-family: 'Montserrat', sans-serif;font-size:14px;font-weight:700;letter-spacing:1px;line-height:50px;text-align:center;text-decoration:none;width:200px;border-radius:2px;-webkit-text-size-adjust:none;">RSVP</a></div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td class="footerBrand"> </td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>

</div>
</co:body>
			</div>
			

			<div class="break_floats"></div>
			
	<div class="break_floats"></div>
	

<div class="content-footer">
	
	
	
	
	
	
</div>
	</article>

		</div>
	</div>
</div>
						
						<div class="break_floats"></div>
						
					</div>
				</div>
				
				
				
			</div>
			
			<!-- BEGIN FOOTER --></div>
<div id="border_bottom"></div>
</div>
</div>
</div>
<script type="text/javascript" src="https://w2.Chabad.org/images/Shluchim/minisites/themes/form-redesign/form-script.js?v=6"></script>
<!-- END FOOTER -->
		</div>
		
		<aside class="page-tools-sidebar js-page-tools-sidebar hide_for_print">
<div class="page-tools js-page-tools-menu">
<div class="page-tools__section page-tools__section--share">
<a class="page-tools__tool js-share-popup page-tools__tool--facebook" data-share-url="https://www.facebook.com/dialog/share?app_id=188669250943&amp;display=popup&amp;href=https%3a%2f%2fwww.chabadgrp.com%2ftemplates%2farticlecco_cdo%2faid%2f6068711%2fjewish%2fRosh-Hashanah-Meal.htm%23utm_medium%3dpage_tools%26utm_content%3ddesktop%26utm_source%3dFB">
				<i class="fa fa-facebook"></i>
			</a>
<a class="page-tools__tool js-share-popup page-tools__tool--twitter" data-share-url="https://twitter.com/intent/tweet?text=Rosh+Hashanah+Meal+-+Chabad+of+Greater+Rancho+Park&amp;url=https%3a%2f%2fwww.chabadgrp.com%2ftemplates%2farticlecco_cdo%2faid%2f6068711%2fjewish%2fRosh-Hashanah-Meal.htm%23utm_medium%3dpage_tools%26utm_content%3ddesktop%26utm_source%3dtwitter&amp;via=Chabad">
				<i class="fa fa-twitter"></i>
			</a>
<a class="page-tools__tool js-share-popup page-tools__tool--whatsapp d-lg-none js-share-whatsapp" data-share-url="whatsapp://send?text=Rosh+Hashanah+Meal+-+Chabad+of+Greater+Rancho+Park https%3a%2f%2fwww.chabadgrp.com%2ftemplates%2farticlecco_cdo%2faid%2f6068711%2fjewish%2fRosh-Hashanah-Meal.htm%23utm_medium%3dpage_tools%26utm_content%3ddesktop%26utm_source%3dwhatsapp">
				<i class="fa fa-whatsapp">
					<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" fill="#128c7e" width="1em" height="1em"><path d="M25 2C12.318 2 2 12.318 2 25c0 3.96 1.023 7.854 2.963 11.29L2.037 46.73c-.096.343-.003.711.245.966.191.197.451.304.718.304.08 0 .161-.01.24-.029l10.896-2.699C17.463 47.058 21.21 48 25 48c12.682 0 23-10.318 23-23S37.682 2 25 2zm11.57 31.116c-.492 1.362-2.852 2.605-3.986 2.772-1.018.149-2.306.213-3.72-.231-.857-.27-1.957-.628-3.366-1.229-5.923-2.526-9.791-8.415-10.087-8.804-.295-.389-2.411-3.161-2.411-6.03s1.525-4.28 2.067-4.864c.542-.584 1.181-.73 1.575-.73s.787.005 1.132.021c.363.018.85-.137 1.329 1.001.492 1.168 1.673 4.037 1.819 4.33.148.292.246.633.05 1.022s-.294.632-.59.973-.62.76-.886 1.022c-.296.291-.603.606-.259 1.19s1.529 2.493 3.285 4.039c2.255 1.986 4.158 2.602 4.748 2.894.59.292.935.243 1.279-.146.344-.39 1.476-1.703 1.869-2.286s.787-.487 1.329-.292c.542.194 3.445 1.604 4.035 1.896.59.292.984.438 1.132.681.148.242.148 1.41-.344 2.771z"/></svg>
				</i>
			</a>
<a class="page-tools__tool js-share-popup page-tools__tool--pinterest d-none d-lg-block" data-share-url="http://pinterest.com/pin/create/button/?url=https%3a%2f%2fwww.chabadgrp.com%2ftemplates%2farticlecco_cdo%2faid%2f6068711%2fjewish%2fRosh-Hashanah-Meal.htm%23utm_medium%3dpage_tools%26utm_content%3ddesktop%26utm_source%3dpinterest&amp;description=Rosh+Hashanah+Meal+-+Chabad+of+Greater+Rancho+Park">
				<i class="fa fa-pinterest"></i>
			</a>
<a class="page-tools__tool" onclick="showEmailLayer(this);">
<i class="fa fa-envelope"></i>
</a>
</div>
<div class="page-tools__section page-tools__section--other js-page-tool-other">
<div class="page-tools__tool popover-parent d-lg-block">
<div class="popover popover--right align_left nowrap">
<div class="popover__content">
<label class="bold bottom_margin block">
Print Options:
</label>
<form class="vcenter" name="print-form" onsubmit="coPrint(event, 6068708);return false;">
<div>
<label><input type="checkbox" name="print-green"><span title="Save paper and ink">Print without images <i class="fa fa-leaf text-green"></i></span></label>
</div>
<br/>
<div class="center">
<button class="co-button page-tools__print-button">Print</button>
</div>
</form>
</div>
</div>
<i class="fa fa-print"></i>
</div>
</div>
</div>
<div class="js-fab-wrapper fab-wrapper">
<div class="fab">
<i class="fab-icon"></i>
</div>
</div>
</aside>
<!-- END CACHE -->
	</div>

	</div>

	<div id="BodyContainer">
		<div class="g960 footer">
			<div class="poweredby large_bottom_margin">
				



	<div class="footer3">
		<span class="footer-title" >Chabad of Greater Rancho Park</span>
		<div class="footer-address">
			<span class="footer-street">1836 Parnell Avenue #308</span>
			<span class="footer-city-state">Los Angeles, CA 90025</span>
		</div>
			<span>747-333-6578</span>
	</div>
	<img src="https://w2.chabad.org/images/global/spacer.gif" width="1" height="6" border="0" /><br />



Powered by <a href="https://www.chabad.org/" target="_new" class="">Chabad.org</a> &copy; 1993-2026 <a href="/4026210" target="_blank" class="privacy-link">Privacy Policy</a>




			</div>
		</div>
	</div>
	
	

	
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/os/jquery-latest.min.js?v=278824AF"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/co/dist/CoLib.js?v=CC07618E"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/WebComponents/bundles/magen-cdo-global.js?v=5457FBE7"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/modules/pagetools.js?v=930B07AB"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/multimedia/infolayer.js?v=ED1B8531"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/article/comments/reply-form-controller.js?v=DC70C970"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/commentsloader.js?v=AD6AAB79"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/minisites.js?v=F38E4DA5"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/subscribeprompt.js?v=86D84DC2"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/deprecated.js?v=D506A83E"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/OverrideJSDocumentWrite.js?v=9A0227AA"></script><script>$j = $j.fn ? $j : jQuery;$j(()=>{$q.forEach(f=>{try{f.call(window);}catch(ex){console.error(ex);}});})</script>
	

<script  language="javascript" type="text/javascript"> Co.Settings      = {CacheClassName:'js-cache-default',MosadName:'Chabad of Greater Rancho Park'}; Co.ArticleId     = '6068711';Co.SectionId     = 6068708;Co.PartnerSiteId = 0;Co.SiteId        = 11436;Co.IsMobilePage  = false;Co.IsResponsive  = false;Co.DbDomain      = 'ChabadGRP.com';Co.LanguageCode  = '';Co.LoginStatus   = 'None';</script>
	
	

<style>
#PreschoolSection2 img {mask:none!important}
</style>
<script>
(function() {
    // 0. URL CHECK - Only run on form 7297615
    if (window.location.href.indexOf('7297615') === -1) { return; }
    
    console.log("Bel Air Form Script: Initializing with PURE CSS Layout (reCAPTCHA Safe)...");

    // CONFIGURATION: GOOGLE SHEET
    const GOOGLE_SHEET_CSV_URL = "https://docs.google.com/spreadsheets/d/e/2PACX-1vQnqWUI5fq8q3a_q-IY_OWHcTLEAD_HN-bhM0__Fh9XJYyU77MFtchMdN60qoqDnhAf-yDrklCuAcw7/pub?output=csv"; 

    // 1. STYLE INJECTION
    var belairStyles = `
        @import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Spectral:wght@300;400;500;600;700;800&family=Commissioner:wght@400;700;800&display=swap');

        /* PAGE BACKGROUND UPDATE */
        body, .supernova { 
            font-family: "Spectral", serif !important; 
            color: rgb(66, 66, 66) !important; 
            margin: 0 !important; 
            background-color: #ededed !important; 
        }
#label_input_3_2 > div > div.tier-name, #label_input_3_2 > div > div.tier-price { font-weight: bolder !important;}
        .form-all {
            background-color: transparent !important;
            box-shadow: none !important;
            margin: 0 !important; 
            width: 100% !important; 
            max-width: 100% !important; 
            padding: 0 !important;
        }

#cid_3 > div > span:nth-child(5){ border: 5px solid #516C3D !important;}

        ul.form-section {
            padding: 0 !important;
            margin: 0 !important;
            list-style: none !important;
        }

        .form-label-auto, .form-label-left, .form-label-right, .form-label-top {
            font-family: "Outfit" !important;
            font-size: 18px !important;
            color: rgb(66, 66, 66) !important
        }

        /* Default: Hide Mobile images, Show Desktop images */
        .belair-img-mobile { display: none !important; }
        .belair-img-desktop { display: block !important; }

        @media only screen and (max-width: 768px) {
            .belair-img-mobile { display: block !important; }
            .belair-img-desktop { display: none !important;}
            .belair-chai-donors-wrapper{ width: 100% !important;}
            .chai-belair-highlight {color: white !important;}
        }

        /* --- NEW CHAI BELAIR STYLES --- */
        .chai-belair-container { max-width: 1000px !important; margin: 0 auto 40px auto !important; width: 100% !important; box-sizing: border-box !important; }
        .chai-belair-row-top { display: flex !important; gap: 20px !important; margin-bottom: 20px !important; align-items: stretch !important; }
        .chai-belair-row-bottom { display: grid !important; grid-template-columns: 1fr 1fr 1fr !important; gap: 20px !important; }
        
        /* CARD STYLES WITH OUTLINE */
        .chai-belair-card { 
            border-radius: 15px !important; 
            padding: 30px !important; 
            box-sizing: border-box !important; 
            box-shadow: 5px 5px 0px #db9e8a !important; 
            border: 2px solid #db9e8a !important; 
        }
        
        .chai-belair-bg-blue { background-color: #D25F2D; color: #ffffff; }
        .chai-belair-bg-white { background-color: #ffffff !important; color: #D25F2D!important; }

        div#row-1 { background-color: white; }
        #feauture-text{color: #D25F2D !important;}
        
        /* HEARTBEAT CARD SPECIFIC BACKGROUND */
        #row-2 { background-color: #516C3D !important; }

        .chai-belair-gift-card { display: flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 45% !important; }
        .chai-belair-gift-icon-wrapper { margin-right: 20px !important; border-right: 2px solid rgba(255, 255, 255, 0.3) !important; padding-right: 20px !important; }
        .chai-belair-icon-gift { width: 80px !important; height: auto !important; display: block !important; }
        .chai-belair-title { font-family: 'Commissioner', sans-serif !important; font-weight: 700 !important; font-size: 28px !important; line-height: 1.2 !important; margin: 0 !important; color: #ffffff !important; }
        .chai-belair-text-card { flex: 1 !important; display: flex !important; flex-direction: column !important; justify-content: center !important; font-family: 'Spectral', serif !important; font-size: 17px !important; line-height: 1.5 !important; text-align: left !important; }
        .chai-belair-text-card p { margin-bottom: 15px !important; margin-top: 0 !important; }
        .chai-belair-text-card p:last-child { margin-bottom: 0 !important; }
        .chai-belair-text-bold { font-weight: 700 !important; }
        .chai-belair-feature-card { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; text-align: center !important; min-height: 200px !important; }
        .chai-belair-icon-feature { height: 60px !important; width: auto !important; margin-bottom: 20px !important; object-fit: contain !important; }
        
        .chai-belair-feature-text { font-family: 'Commissioner', sans-serif !important; font-size: 18px !important; line-height: 1.4 !important; margin: 0 !important; color: #D25F2D !important; }
        .chai-belair-bg-blue .chai-belair-feature-text { color: #ffffff !important; }
        .chai-belair-highlight { color: #D25F2D; font-weight: 700 !important; }
        .chai-belair-highlight-white { color: #ffffff; font-weight: 700 !important; }

        @media (max-width: 768px) {
            .chai-belair-row-top { flex-direction: column !important; }
            .chai-belair-gift-card { flex: auto !important; justify-content: flex-start !important; }
            #feauture-text{ color: white !important;}
            .chai-belair-row-bottom { grid-template-columns: 1fr !important; }
            #id_6 .form-sub-label-container {width: 45% !important;}
        }

        /* --- HEADER & NAV STYLES --- */
        .belair-chai-container { font-family: "Spectral", serif !important; color: rgb(66, 66, 66) !important; width: 100% !important; margin: 0 auto !important; background-color: #eff5eb !important; display: flex !important; flex-direction: column !important; align-items: center !important; }
        .belair-chai-nav { display: flex !important; justify-content: space-between !important; align-items: center !important; padding: 20px 0px !important; width: 100% !important; max-width: 1000px !important; box-sizing: border-box !important; }
        .belair-chai-nav-left { display: flex !important; align-items: center !important; }
        .belair-chai-nav-logo-top { height: 60px !important; width: auto !important; object-fit: contain !important; }
        .belair-chai-nav-right { display: flex !important; gap: 30px !important; align-items: center !important; }
        .belair-chai-nav-item { font-size: 20px !important; font-weight: 300 !important; text-transform: capitalize !important; cursor: pointer !important; white-space: nowrap !important; transition: color 0.3s !important; }
        .belair-chai-nav-item:hover { color: #D25F2D !important; }

        /* HEADER TEXT UPDATE */
        .belair-chai-title-wrapper { 
            display: flex !important; 
            flex-direction: column !important; 
            justify-content: center !important; 
            line-height: 0.9 !important; 
            text-align: left !important; 
        }
        .belair-chai-title-chai { 
            font-family: 'Commissioner', sans-serif !important;
            font-size: 140px !important; 
            font-weight: 800 !important; 
            color: #D25F2D !important; 
            text-transform: uppercase !important; 
            text-shadow: 5px 5px 0px #e6c1b1 !important; 
        }
        .belair-chai-title-club { 
            font-family: 'Commissioner', sans-serif !important;
            font-size: 160px !important; 
            font-weight: 800 !important; 
            color: #516C3D !important; 
            text-transform: uppercase !important; 
            letter-spacing: -2px !important; 
            margin-left: 0 !important;
            line-height: 0.8 !important;
            text-shadow: 5px 5px 0px #e6c1b1 !important; 
        }

        .belair-chai-hero-image { 
            width: 100% !important; 
            max-width: 1000px !important; 
            max-height: 650px !important; 
            overflow: hidden !important; 
            margin-bottom: 40px !important; 
            padding: 0 !important; 
            box-sizing: border-box !important; 
        }
        .belair-chai-hero-image img { 
            width: 100% !important; 
            height: 100% !important; 
            object-fit: cover !important; 
            display: block; 
            border-radius: 8px !important;
        }

        .belair-chai-header-wrapper { display: flex !important; flex-direction: column !important; align-items: center !important; margin-bottom: 40px !important; text-align: center !important; }
        .belair-chai-top-text { font-size: 30px !important; font-weight: 500 !important; letter-spacing: 0.1em !important; color: rgb(66, 66, 66) !important; text-transform: capitalize !important; margin-bottom: 20px !important; }
        .belair-chai-title-section { display: flex !important; align-items: center !important; justify-content: center !important; gap: 20px !important; padding: 0 20px !important; }
        .belair-chai-logo-img { width: 100% !important; height: auto !important; object-fit: contain !important; }
        
        .belair-chai-cta-container { margin-bottom: 60px !important; }
        .belair-chai-cta-btn-large { font-size: 28px !important; padding: 15px 40px !important; } 

        /* --- BUTTONS --- */
        .belair-btn-blue {
            display: flex !important;
            align-items: center !important;
            gap: 12px !important;
            background-color: #D25F2D !important;
            color: #fff !important;
            padding: 10px 24px !important;
            border-radius: 50px !important;
            font-weight: 600 !important;
            font-size: 18px;
            cursor: pointer !important;
            text-decoration: none !important;
            white-space: nowrap !important;
            border: 2px solid #D25F2D !important;
            transition: all 0.3s ease !important;
            font-family: "Spectral", serif !important;
        }
        .belair-btn-blue:hover { background-color: #fff !important; color: #D25F2D !important; }
        .belair-btn-blue svg { fill: #fff !important; width: 18px !important; height: 18px !important; }
        .belair-btn-blue:hover svg { fill: #D25F2D !important; }

        /* --- DONORS SECTION UPDATES --- */
        .belair-chai-donors-wrapper { 
            width: 1000px ; 
            padding: 60px 0 !important; 
            border-top: 1px solid #eee !important; 
            display: flex !important; 
            flex-direction: column !important; 
            align-items: center !important; 
            text-align: center !important; 
            scroll-margin-top: 80px !important;
            border-radius: 15px !important;
            overflow: hidden !important;
        }
        
        .belair-chai-partners-title { 
            font-size: 80px !important; 
            margin-bottom: 15px !important; 
            display: flex !important;
            align-items: baseline !important;
            gap: 10px !important;
            line-height: 1 !important;
            font-family: 'Spectral', sans-serif !important;
        }
        .word-chai { font-weight: 800 !important; color: #D25F2D !important; text-transform: uppercase !important; }
        .word-partners { font-weight: 300 !important; color: #D25F2D !important; text-transform: uppercase !important; }
        .belair-chai-partners-logo { width: 60px !important; margin-bottom: 10px !important; height: auto !important; }

        /* --- NEW THANK YOU BOX --- */
        .belair-chai-thank-you-box {
            background-color: #516C3D !important;
            padding: 15px 30px !important;
            border-radius: 8px !important;
            font-size: 20px !important;
            font-weight: 600 !important;
            color: #fff !important; 
            margin-bottom: 20px !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            gap: 10px !important;
            font-family: "Spectral", serif !important;
        }
        .thank-you-header-heart { height: 24px !important; width: 26px !important; fill: #FFDDD5 !important; }
        .belair-chai-active-count { font-size: 18px !important; font-weight: 300 !important; color: #eff5eb !important; margin-bottom: 40px !important; }

        /* --- NEW MARQUEE SCROLLING DONOR PILLS --- */
        .belair-donor-ticker-wrap {
            width: 100%;
            overflow: hidden;
            display: flex;
            white-space: nowrap;
            padding: 10px 0 20px 0;
            mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
            -webkit-mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
            pointer-events: none !important; /* CRITICAL: Prevents interaction with form */
            user-select: none !important;
        }
        .belair-donor-ticker-track {
            display: flex;
            flex-shrink: 0;
            justify-content: space-around;
            min-width: 100%;
            animation: scrollTicker 50s linear infinite;
        }
        .belair-donor-ticker-wrap:hover .belair-donor-ticker-track {
            animation-play-state: paused;
        }

        /* Hardware Accelerated Animation */
        @keyframes scrollTicker {
            from { transform: translate3d(0, 0, 0); }
            to { transform: translate3d(-100%, 0, 0); }
        }

        /* Override class to freeze it on submit */
        .freeze-ticker .belair-donor-ticker-track {
            animation: none !important;
            display: none !important;
        }

        .belair-donor-pill {
            display: inline-block;
            background: #ffffff !important;
            border: 2px solid #454545 !important;
            border-radius: 50px !important;
            padding: 12px 35px !important;
            margin: 0 10px !important;
            color: #323232 !important;
            font-family: 'Spectral', serif !important;
            font-weight: 800 !important;
            font-size: 20px !important;
            white-space: nowrap !important;
            box-shadow: 0px 4px 6px rgba(0,0,0,0.1);
        }

        /* ====================================================================
           THE SAFE CSS FIX FOR THE "BOX" LAYOUT (NO DOM MOVEMENT)
           ==================================================================== */
        .form-line { 
            padding: 15px 40px !important; /* Visual padding for the box */
            margin: 0 auto !important; 
            max-width: 1000px !important; /* Constrain width of form */
            box-sizing: border-box !important; 
            display: block !important; 
        }

        /* Exclude the top header image from the padding/box */
        #id_1 {
            padding: 0 !important;
            max-width: 100% !important;
        }
        
        .form-label, .form-sub-label { 
            font-family: "Outfit", sans-serif !important; 
            font-size: 16px !important; 
            font-weight: 300 !important; 
            color: #777 !important; 
            margin-bottom: 8px !important; 
            display: block !important; 
            width: 100% !important; 
            text-align: left !important;
            float: none !important;
        }
        
        .form-address-table th { display: table-cell !important; color: #777 !important; font-weight: 600 !important; padding-bottom: 10px !important; text-align: left !important; }

        .form-textbox, .form-dropdown, .form-textarea { 
            width: 100% !important; 
            max-width: 100% !important; 
            padding: 12px 15px !important; 
            border: 1px solid #ddd !important; 
            border-radius: 6px !important; 
            font-family: "Outfit", sans-serif !important; 
            font-size: 16px !important; 
            box-sizing: border-box !important; 
            transition: border-color 0.3s !important; 
            background-color: #f9f9f9 !important; 
        }
        .form-textbox:focus, .form-dropdown:focus { 
            border-color: #D25F2D !important; 
            outline: none !important; 
            background-color: #fff !important; 
        }

        /* --- TIER SECTION STYLES (MAPPED TO id_3) --- */
        #cid_3 .form-single-column {
            display: grid !important;
            grid-template-columns: repeat(3, 1fr) !important;
            gap: 20px !important;
            width: 100% !important;
        }

        #label_3 {
            float: none !important;
            display: block !important;
            width: 100% !important;
            text-align: center !important;
            margin-bottom: 20px !important;
        }
        li#id_3 {
            display: flex !important;
            flex-direction: column !important;
            align-items: center !important;
        }

        .tier-card {
            position: relative !important;
            border-radius: 12px !important;
            padding: 20px !important;
            display: flex !important;
            flex-direction: column !important;
            align-items: center !important;
            justify-content: center !important;
            min-height: 180px !important;
            cursor: pointer !important;
            transition: transform 0.2s !important;
            box-sizing: border-box !important;
            margin-bottom: 0 !important;
            width: 100% !important;
            border-width: 3px !important;
            border-style: solid !important;
            min-width: 0;
        }

        .tier-card span {
            cursor: pointer !important;
            display: block;
            width: 100%;
        }

        .form-submit-button {box-shadow: unset !important;}
        .tier-card:hover { transform: translateY(-3px) !important; box-shadow: 0 5px 15px rgba(0,0,0,0.05) !important; }

        .tier-card-orange { border: 2px solid #516C3D !important; background-color: #f4f8fc !important; }
        .tier-card-blue { border: 2px solid #D25F2D !important; background-color: #fff2f2 !important; }
        .tier-card-orange .tier-price { color: #516C3D !important; }
        .tier-card-blue .tier-price { color: #D25F2D !important; }

        .tier-card-orange:hover { background-color: #eff5eb !important; border: 2px solid #516C3D !important; }
        .tier-card-orange.tier-selected { background-color: #eff5eb !important; border: 4px solid #516C3D !important; }
        .tier-card-blue:hover { background-color: #ffe0e0 !important; border: 2px solid #D25F2D !important; }
        .tier-card-blue.tier-selected { background-color: #ffe0e0 !important; border: 4px solid #D25F2D !important; }

        .tier-card input[type="text"], .tier-card input[type="number"] { width: 100% !important; }

        /* Custom Radio Buttons */
        .tier-card input[type="radio"] { 
            appearance: none !important;
            width: 24px !important;
            height: 24px !important;
            border-radius: 50% !important;
            border: 2px solid #ccc !important;
            background: #fff !important;
            cursor: pointer !important;
            position: absolute !important;
            top: 15px !important;
            right: 15px !important;
        }
        .tier-card-orange input[type="radio"]:checked {
            background-color: #516C3D !important;
            border-color: #516C3D !important;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E") !important;
        }
        .tier-card-blue input[type="radio"]:checked {
            background-color: #D25F2D !important;
            border-color: #D25F2D !important;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E") !important;
        }

        .tier-card-content { display: flex !important; flex-direction: column !important; align-items: center !important; width: 100% !important; text-align: center !important; }
        
        .tier-name { 
            font-size: 18px !important; 
            font-weight: 600 !important;
            margin-bottom: 10px !important; 
            color: #333 !important; 
            text-transform: uppercase !important; 
            letter-spacing: 0.5px !important; 
            font-family: "Spectral", serif !important; 
        }
        .tier-line { width: 80% !important; height: 1px !important; background-color: rgba(0,0,0,0.1) !important; margin: 10px 0 !important; }
        .tier-price { font-size: 16px !important; font-weight: 800 !important; color: #555 !important; font-family: "Spectral", serif !important; }
        
        .tier-main-title { font-size: 26px !important; font-weight: 800 !important; color: rgb(66, 66, 66) !important; margin-bottom: 5px !important; text-align: center !important; display: block !important; font-family: "Spectral", serif !important; }
        .tier-sub-title { font-size: 18px !important; font-weight: 400 !important; color: #666 !important; margin-bottom: 25px !important; text-align: center !important; display: block !important; font-family: "Spectral", serif !important; }

        /* --- THE NEW SAFE "OTHER" CARD STYLING --- */
        .is-other-card {
            justify-content: flex-end !important;
            padding-bottom: 30px !important;
        }
        .is-other-card::before {
            content: "OTHER AMOUNT";
            position: absolute;
            top: 40px;
            font-size: 18px !important; 
            font-weight: 600 !important;
            color: #333 !important; 
            text-transform: uppercase !important; 
            letter-spacing: 0.5px !important; 
            font-family: "Spectral", serif !important; 
        }
        .is-other-card::after {
            content: "";
            position: absolute;
            top: 80px;
            width: 80% !important; 
            height: 1px !important; 
            background-color: rgba(0,0,0,0.1) !important;
        }
        .is-other-card .form-radio-other-input { 
            width: 90% !important; 
            text-align: center !important; 
            font-size: 18px !important; 
            padding: 15px 10px !important; 
            border: 1px solid #ccc !important;
            border-radius: 8px !important;
            margin-top: 20px !important;
            box-sizing: border-box !important;
            font-family: "Spectral", serif !important;
            position: relative;
            z-index: 2;
        }
        
        #cid_3 br, #cid_3 .clearfix { display: none !important; }

        .tier-card .form-radio-other-input:disabled { pointer-events: none !important; background-color: #f4f4f4 !important; cursor: pointer !important; }

        /* --- PAYMENT SECTION SPECIFIC STYLES --- */
        #header_4 {
            text-align: center !important;
            font-size: 32px !important;
            color: rgb(66, 66, 66) !important;
            font-family: "Spectral", serif !important;
            font-weight: 700 !important;
            margin: 10px 0 20px 0 !important;
            position: relative !important;
            padding-bottom: 15px !important;
            display: block !important;
        }
        
        #id_5 .form-sub-label-container { width: 49%; display: inline-block !important; }
        #id_5 .form-sub-label-container:first-child { margin-right: 1% !important; }
        #id_5 [data-type="control_fullname"] { display: flex !important; gap: 10px !important; }
        
        #id_3 .form-label-top, #id_5 .form-label-top, #id_6 .form-label-top, #id_8 .form-label-top, #id_10 .form-label-top { float: none !important; display: block !important; text-align: left !important; }
        
        .form-input { margin-left: 0 !important; width: 100% !important; }
        
        /* TOTAL AMOUNT BOX / PAYMENT WRAPPER */
        #id_11 { 
            padding: 20px !important; 
            margin-top: 20px !important; 
            width: 100% !important; 
            display: flex !important; 
            flex-direction: column !important; 
            background-color: #F6F6F6 !important;
            border: 1px solid #D8D8D8 !important;
            border-radius: 8px !important;
            box-sizing: border-box !important;
        }
        
        #label_11 { font-family: "Outfit", sans-serif !important; font-size: 16px !important; color: rgb(66, 66, 66) !important; margin: 0 !important; }
        #total_amount { font-size: 24px !important; font-weight: 700 !important; color: #D25F2D !important; display: flex !important; align-items: baseline !important; font-family: "Outfit", sans-serif !important; }
        #total_amount:after { content: "/Month" !important; font-size: 16px !important; color: #777 !important; font-weight: 400 !important; margin-left: 5px !important; text-transform: capitalize !important; } 
        #div_offset_gift_11 { display: block !important; width: 100% !important; margin-top: 5px !important; text-align: center !important; }

        /* PAYMENT METHODS GRID STYLES */
        #cid_10 { background: transparent !important; border: none !important; border-radius: 0 !important; padding: 0 !important; margin-top: 10px !important; box-sizing: border-box !important; }
        #cid_10 .form-payment-methods { display: flex !important; flex-direction: row !important; gap: 15px !important; width: 100% !important; margin-bottom: 20px !important; padding: 0 !important; box-sizing: border-box !important; }
        #cid_10 .form-payment-methods .form-radio-item { flex: 1 1 0 !important; display: flex !important; flex-direction: row-reverse !important; justify-content: center !important; align-items: center !important; background-color: #fff !important; border: 1px solid #D8D8D8 !important; border-radius: 15px !important; padding: 15px 10px !important; cursor: pointer !important; box-sizing: border-box !important; float: none !important; margin: 0 !important; transition: all 0.2s ease; }
        .form-payment-methods .form-radio-item.active-payment-card { background-color: #fcebeb !important; border-color: #D25F2D !important; }
        .form-payment-methods label { font-size: 16px !important; font-family: 'Outfit', sans-serif !important; color: #535353 !important; cursor: pointer !important; white-space: nowrap !important; }
        .form-payment-methods input[type="radio"] { accent-color: #D25F2D !important; transform: scale(1.1) !important; margin-left: 5px !important; }

        #cid_10 .form-address-table, #cid_10 .form-address-table tbody { display: block !important; width: 100% !important; }
        .form-address-table {max-width: 100% !important;}
        
        #cid_10 .form-address-table tr:not(.hide) { display: flex !important; flex-wrap: wrap !important; width: 100% !important; margin-bottom: 15px !important; }
        #cid_10 .form-address-table td { padding: 0 !important; width: 100% !important; display: block !important; }
        #cid_10 tr.credit_card:not(.hide), #cid_10 tr.paypal:not(.hide), #cid_10 tr.e_check:not(.hide), #cid_10 tr.other:not(.hide), #cid_10 tr.billing_address:not(.hide) { border-radius: 8px !important; padding: 0px !important; box-sizing: border-box !important; margin-top: 15px !important; }

        #cid_10 th { font-family: "Outfit", sans-serif !important; font-weight: 600 !important; color: #535353 !important; text-align: left !important; padding-bottom: 10px !important; display: block !important; border-bottom: 1px solid #eee !important; margin-bottom: 15px !important; margin-top: 5px !important; width: 100% !important; }

        #cid_10 .cc-field-wrapper { width: 100% !important; }
        #cid_10 .cc_ccv { width: 100% !important; margin-top: 10px !important; }
        #cid_10 .form-sub-label { font-family: "Outfit", sans-serif !important; font-size: 14px !important; color: #777 !important; margin-top: 5px !important; display: block !important; }

        /* --- SUBMIT BUTTON --- */
        #id_2 { margin-top: 20px !important; padding-bottom: 60px !important; }
        #input_2 {
            width: 100% !important;
            background-color: #D25F2D !important;
            color: #fff !important;
            font-family: "Spectral", serif !important;
            font-size: 22px !important;
            padding: 15px 25px !important;
            border-radius: 50px !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            gap: 15px !important;
            position: relative !important;
            cursor: pointer !important;
            border: 2px solid #D25F2D !important;
            transition: all 0.3s ease !important;
        }
        #input_2:hover { background-color: #ffffff !important; color: #D25F2D !important; border-color: #D25F2D !important; }
        #input_2:hover .belair-submit-arrow svg { fill: #D25F2D !important; transition: fill 0.3s ease !important; }

        /* --- RESPONSIVE / MOBILE QUERIES --- */
        @media (max-width: 768px) {
            .belair-chai-nav { display: none !important; flex-direction: column !important; padding: 10px !important; }
            .belair-chai-nav-right { flex-direction: column !important; gap: 15px !important; margin-top: 15px !important; }
            .form-line { padding: 15px 20px !important; } /* Mobile Padding */
            
            #row-1, #row-3 { background-color: #D25F2D !important;}
            .chai-belair-feature-text{ color: white !important;}
            #row-2{ background-color: #516C3D !important;}
            
            .belair-chai-partners-title { font-size: 45px !important;}
            .belair-chai-logo-img { width: 100% !important;}
            .belair-chai-title-club { font-size: 80px !important;}
            .belair-chai-title-chai { font-size: 70px !important;}
            
            #cid_3 .form-single-column { grid-template-columns: 1fr 1fr !important; gap: 10px !important; }
        }

        /* --- SCROLL ANIMATION STYLES --- */
        .belair-animate-hidden {
            opacity: 0;
            transform: translateY(30px);
            transition: opacity 0.8s ease-out, transform 0.8s ease-out;
            will-change: opacity, transform;
        }
        .belair-animate-visible {
            opacity: 1;
            transform: translateY(0);
        }
    `;

    var styleSheet = document.createElement("style");
    styleSheet.textContent = belairStyles;
    document.head.appendChild(styleSheet);


    function injectSVGs() {
        const ARROW_SVG = `<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24" fill="#ffffff">
            <path d="M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z"/>
        </svg>`;
        
        const arrowTargets = document.querySelectorAll('.box-arrow-target');
        arrowTargets.forEach(el => { el.innerHTML = ARROW_SVG; });

        const submitBtn = document.getElementById('input_2');
        if(submitBtn && !submitBtn.querySelector('.belair-submit-arrow')) {
            const arrowDiv = document.createElement('div');
            arrowDiv.className = 'belair-submit-arrow'; 
            arrowDiv.style.marginLeft = "12px";
            arrowDiv.style.display = "flex";
            arrowDiv.style.alignItems = "center";
            arrowDiv.innerHTML = ARROW_SVG;
            const overrideStyle = document.createElement('style');
            overrideStyle.innerHTML = `#input_2::after { display: none !important; content: none !important; }`;
            document.head.appendChild(overrideStyle);
            submitBtn.appendChild(arrowDiv);
        }
        
        function scrollToTiers() {
            var formStart = document.getElementById('id_3');
            if(formStart) formStart.scrollIntoView({behavior: 'smooth'});
            else {
                 var cid3 = document.getElementById('cid_3');
                 if(cid3) cid3.scrollIntoView({behavior: 'smooth'});
            }
        }

        var joinButtons = document.querySelectorAll('.nav-join-action');
        joinButtons.forEach(function(btn) {
            btn.addEventListener('click', function(e) {
                e.preventDefault();
                scrollToTiers();
            });
        });
    }

    // 3. LOGIC: FETCH AND RENDER DONORS (TICKER MARQUEE)
    function fetchAndRenderDonors() {
        setTimeout(function() {
            const countDisplay = document.getElementById('donor-count-display');
            
            const oldGrid = document.getElementById('belair-chai-donors-grid');
            if (oldGrid) oldGrid.remove();

            let tickerWrap = document.getElementById('belair-donor-ticker-wrap');
            if (!tickerWrap && countDisplay) {
                tickerWrap = document.createElement('div');
                tickerWrap.id = 'belair-donor-ticker-wrap';
                tickerWrap.className = 'belair-donor-ticker-wrap';
                countDisplay.parentNode.insertBefore(tickerWrap, countDisplay.nextSibling);
            }
            
            if (!tickerWrap) return;

            function csvToArray(str, delimiter = ",") {
                const headers = str.slice(0, str.indexOf("\n")).split(delimiter).map(h => h.trim());
                const rows = str.slice(str.indexOf("\n") + 1).split("\n");
                return rows.map(function (row) {
                    const values = row.split(delimiter);
                    const el = headers.reduce(function (object, header, index) {
                        object[header] = values[index] ? values[index].trim() : "";
                        return object;
                    }, {});
                    return el;
                });
            }

            function renderTicker(data) {
                var filteredData = data.filter(function(donor) {
                    var rawLevel = donor['Level'] || donor['Category'] || "";
                    var cleanLevel = rawLevel.replace(/^"|"$/g, '').trim().toLowerCase();
                    return cleanLevel !== 'no category';
                });

                tickerWrap.innerHTML = "";
                countDisplay.innerText = `${filteredData.length} active partners`;

                let track = document.createElement('div');
                track.className = 'belair-donor-ticker-track';

                filteredData.forEach((donor) => {
                    let name = donor['Name'] || donor['name'] || "Anonymous";
                    let pill = document.createElement('div');
                    pill.className = 'belair-donor-pill';
                    pill.innerText = name;
                    track.appendChild(pill);
                });

                let trackClone = track.cloneNode(true);
                tickerWrap.appendChild(track);
                tickerWrap.appendChild(trackClone);
            }

            if (GOOGLE_SHEET_CSV_URL && GOOGLE_SHEET_CSV_URL.startsWith('http')) {
                fetch(GOOGLE_SHEET_CSV_URL)
                    .then(response => response.text())
                    .then(text => {
                        const data = csvToArray(text);
                        renderTicker(data);
                    })
                    .catch(err => { console.error("Error fetching sheet:", err); });
            }
        }, 1500); 
    }

    // 5. RESTRUCTURE TIERS (MAPPED TO id_3 / label_3)
    function restructureTierSection() {
        var headerLabelContainer = document.querySelector('#label_3'); 
        var headerLabel = headerLabelContainer ? headerLabelContainer.querySelector('label') : null;
        if (headerLabel) {
            var text = headerLabel.innerHTML; 
            var parts = text.split('/n');
            if (parts.length > 1) {
                headerLabel.innerHTML = `
                    <span class="tier-main-title">${parts[0].trim()}</span>
                    <span class="tier-sub-title">${parts[1].trim()}</span>
                `;
            }
        }
        var container = document.querySelector('#cid_3 .form-single-column'); 
        if (container) {
            var items = container.querySelectorAll('.form-radio-item');
            items.forEach(function(item, index) {
                item.classList.add('tier-card');
                
                // Color formatting
                if (index % 2 === 0) item.classList.add('tier-card-orange');
                else item.classList.add('tier-card-blue');

                item.addEventListener('click', function(e) {
                    items.forEach(i => i.classList.remove('tier-selected'));
                    item.classList.add('tier-selected');
                    
                    if (e.target.tagName === 'INPUT') return; // Let native scripts handle input directly
                    
                    var radio = item.querySelector('input[type="radio"]');
                    if (radio) radio.click(); 
                    
                    var otherInput = item.querySelector('.form-radio-other-input');
                    if (otherInput) otherInput.focus();
                });

                // Label formatting
                var isOther = item.querySelector('.form-radio-other'); 
                if (!isOther) {
                    var label = item.querySelector('label');
                    if (label) {
                        var fullText = label.innerText.trim(); 
                        var dollarIndex = fullText.lastIndexOf('$');
                        if (dollarIndex !== -1) {
                            var title = fullText.substring(0, dollarIndex).trim();
                            var price = fullText.substring(dollarIndex).trim();
                            label.innerHTML = `
                                <div class="tier-card-content">
                                    <div class="tier-name">${title}</div>
                                    <div class="tier-line"></div>
                                    <div class="tier-price">${price}</div>
                                </div>
                            `;
                        }
                    }
                } else {
                    // CRITICAL FIX: Add a simple CSS class for styling, but DO NOT move elements!
                    item.classList.add('is-other-card');
                }
            });
        }
    }

    // 6. ENHANCE PAYMENT (MAPPED TO id_10 AND id_11)
    function enhancePaymentSection() {
        var ccNumber = document.querySelector('[id*="cc_number"]');
        if (ccNumber) ccNumber.placeholder = "0000 0000 0000 0000";
        var ccCvv = document.querySelector('[id*="cc_ccv"]');
        if (ccCvv) ccCvv.placeholder = "CVV";
        
        var totalAmountContainer = document.getElementById('id_11'); 
        if (totalAmountContainer) {
             var label = document.getElementById('label_11'); 
             var amount = document.getElementById('total_amount');
             if (label && amount && label.parentNode !== amount.parentNode) {
                 var wrapper = document.createElement('div');
                 wrapper.className = 'total-row-inner';
                 wrapper.appendChild(label);
                 wrapper.appendChild(amount);
                 totalAmountContainer.insertBefore(wrapper, totalAmountContainer.firstChild);
             }
        }
        
        var expiryRow = document.querySelector('.credit_card:last-of-type'); 
        var cvvInput = document.getElementById('input_10_cc_ccv');
        if (expiryRow && cvvInput) {
            var cvvContainer = cvvInput.closest('td');
            if (cvvContainer && cvvContainer.parentNode !== expiryRow) {
                expiryRow.appendChild(cvvContainer);
            }
        }

        var paymentMethodItems = document.querySelectorAll('#cid_10 .form-payment-methods .form-radio-item');
        if (paymentMethodItems.length > 0) {
            paymentMethodItems.forEach(function(item) {
                item.addEventListener('click', function(e) {
                    paymentMethodItems.forEach(i => i.classList.remove('active-payment-card'));
                    item.classList.add('active-payment-card');
                    
                    if (e.target.tagName !== 'INPUT') {
                        var radio = item.querySelector('input[type="radio"]');
                        if (radio && !radio.checked) {
                            radio.click(); 
                        }
                    }
                });

                var radio = item.querySelector('input[type="radio"]');
                if (radio && radio.checked) {
                    item.classList.add('active-payment-card');
                }
            });
        }
    }

    // 7. HIDE MONTHLY (MAPPED TO input_9 / id_9)
    function handleMonthlyRecurrence() {
        var monthlyCheckbox = document.getElementById('input_9'); 
        var monthlyRow = document.getElementById('id_9');         
        if (monthlyCheckbox) monthlyCheckbox.checked = true;
        if (monthlyRow) {
            monthlyRow.style.display = 'none';
            monthlyRow.style.visibility = 'hidden';
        }
    }

    // 8. ANIMATION LOGIC (INTERSECTION OBSERVER)
    function setupScrollAnimations() {
        const observerOptions = {
            root: null, 
            rootMargin: '0px',
            threshold: 0.1 
        };

        const observer = new IntersectionObserver((entries, observer) => {
            entries.forEach(entry => {
                if (entry.isIntersecting) {
                    entry.target.classList.add('belair-animate-visible');
                    observer.unobserve(entry.target); 
                }
            });
        }, observerOptions);

        const targets = [
            '.belair-chai-nav',                 
            '.belair-chai-header-wrapper',      
            '.belair-chai-hero-image',          
            '.chai-belair-container',           
            '.belair-chai-donors-wrapper',      
            '#id_3',                            
            '#id_5',                            
            '#id_6',                            
            '#id_10',                           
            '#id_2'                             
        ];

        targets.forEach(selector => {
            const elements = document.querySelectorAll(selector);
            elements.forEach(el => {
                el.classList.add('belair-animate-hidden'); 
                observer.observe(el); 
            });
        });
    }

    function init() {
        injectSVGs();
        handleMonthlyRecurrence();
        fetchAndRenderDonors(); 
        restructureTierSection(); 
        enhancePaymentSection(); 
        setupScrollAnimations();
        
        // CRITICAL RECAPTCHA FIX: Freeze ticker when form is submitted
        document.addEventListener('click', function(e) {
            if (e.target.closest('#input_2') || e.target.closest('.form-submit-button')) {
                var tickerWrap = document.getElementById('belair-donor-ticker-wrap');
                if (tickerWrap) {
                    tickerWrap.classList.add('freeze-ticker');
                }
            }
        });
    }
    
    window.addEventListener('load', init);
    if (typeof jQuery !== 'undefined') { jQuery(document).ready(init); }

})();
</script>
</body>
</html>