<!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/1222/hHqH12222281.png" itemprop="image" width="300" height="225" />
<meta property="og:image:width" content="300" />
<meta property="og:image:height" content="225" />
<meta name="keywords" content="Pesach" />
<meta name="title" content="Pesach - Chabad of West Hills" />
<meta property="og:type" content="website" />
<meta name="scope-aids" content="395479-395487-5207259-4690113" />
<meta name="article-keywords" content="23157-8495-8497-16403-16669-6760-2170-2898-20962" />
<meta name="scope-aid" content="395479" />
<meta name="scope-aid" content="395487" />
<meta name="scope-aid" content="5207259" />
<meta name="scope-aid" content="4690113" />
<meta name="article-keyword" content="23157" />
<meta name="article-keyword" content="8495" />
<meta name="article-keyword" content="8497" />
<meta name="article-keyword" content="16403" />
<meta name="article-keyword" content="16669" />
<meta name="article-keyword" content="6760" />
<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.chabadofwesthills.com/templates/section_cdo/aid/4690113/jewish/Pesach.htm" />
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:site" content="@chabad" />
<meta property="og:title" content="Pesach" /><link rel="canonical" href="https://www.chabadofwesthills.com/templates/section_cdo/aid/4690113/jewish/Pesach.htm" />
<link rel="image_src" href="https://w2.chabad.org/media/images/1222/hHqH12222281.png" />
<link rel="icon" type="image/png" href="https://www.chabadofwesthills.com/media/images/1216/GBSN12165192.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/pesach/pesach-minisite.css?v=9/8/2026" id="k23157" 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":"2020-03-23","primaryArticleId":4690113,"title":"Pesach","author":"","authorId":0,"contentLevel1":"My Site","contentLevel2":"Holidays & Events","contentLevel3":"Pesach","siteName":"Chabad of West Hills"},"time":{"upcomingHoliday":"Shemini Atzeret &amp; Simchat Torah","daysToUpcomingHoliday":0,"hebrewDate":"5787-07-22"}});
		dataLayer.push({ 'articleHierarchy': '-395479-395487-5207259-4690113-', 'keywords': '-k20962-k2898-k2170-k6760-k16669-k16403-k8497-k8495-k23157-', 'k': '-395479-395487-5207259-4690113--k20962-k2898-k2170-k6760-k16669-k16403-k8497-k8495-k23157-' });
	
</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 = 1690641;var sc_partition = 2;var sc_invisible = 1;var sc_remove_link=1;var sc_security = "11301f34";var sc_https = 1;
	</script>
	<script type="text/javascript" src="https://secure.statcounter.com/counter/counter_xhtml.js" defer async></script>
	<noscript><img src="//c3.statcounter.com/counter.php?sc_project=1690641&amp;java=0&amp;security=11301f34&amp;invisible=1" border="0" /> </noscript>
	<!-- End of StatCounter Code -->




<link rel="stylesheet" href="https://achdusoperations.github.io/chabad-west-hills-stylesheet/style.css">

<style>
#formContainer + .small::after {content:"100% of all donations and transactions benefit Chabad of West Hills";}
</style>
<script>
const pageNotFound = document.querySelector('html:has(meta[content="39704"])');
if (pageNotFound) {
 window.location.href = '/';
}
</script><title>
	Pesach - Chabad of West Hills
</title></head>
<body class="lang_en dir_ltr cco_body cco_templateless_page section_root">
	
	
		<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.ChabadofWestHills.com" style="display:block!important;font-size:14px !important;">&laquo; Back to&nbsp;Chabad of West Hills</a></div>
	
	<div class="cco_templatelates_content">
		
	<div class="co_content_container clearfix local_content" id="co_content_container">
		<div class="clearfix">
			<!-- BEGIN HEADER --><style>
    @import url('https://fonts.googleapis.com/css2?family=Assistant:wght@300;400;700');
    /* --- Add these styles for Hebrew Font --- */

/* General rule for body text when Hebrew */
body:lang(he) {
  font-family: 'Assistant', Montserrat, sans-serif; /* Use Assistant first, fallback to Montserrat */
}

/* Apply Assistant specifically to elements that used Montserrat */
:lang(he) .zmanim,
:lang(he) .textWrapper div, /* Includes .big and .wrapper-message */
:lang(he) .custom_message .message,
:lang(he) .co_calendar_text,
:lang(he) #footerContainer,
:lang(he) .footer,
:lang(he) .cco_templateless_template a,
:lang(he) .article-header__subtitle,
:lang(he) html body.cco_body .holidayDates,
:lang(he) html body.cco_body .holidayDates p,
:lang(he) div#chabad_head .chabad_navigator_bar ul li a {
     font-family: 'Assistant', Montserrat, sans-serif !important; /* Use !important to ensure override if needed */
}

/* Apply Assistant specifically to elements that used Oswald/Anton/Yellowtail (Headings, Captions etc.) */
:lang(he) .co_calendar_head,
:lang(he) .co_photo_gallery_head,
:lang(he) .custom_message .title,
:lang(he) .feature_caption,
:lang(he) .feature_caption a,
:lang(he) .features_title,
:lang(he) .prep-title,
:lang(he) .prep-title a, /* Added prep-title a */
:lang(he) .prepResource-title,
:lang(he) .sPromo-wrap .caption,
:lang(he) [class^=widget-],
:lang(he) .chabad_header .headerTitle,
:lang(he) .chabad_header .headerTitle a,
:lang(he) .article-header__title,
:lang(he) .centerName, /* Was Yellowtail */
:lang(he) .co_date,
:lang(he) .co_title_calendar a,
:lang(he) .photo_title {
     font-family: 'Assistant', Oswald, Arimo, Anton, sans-serif !important; /* Use !important to ensure override if needed */
     /* You might want a different Hebrew heading font here if Assistant looks too plain for titles */
}

:lang(he) .zmanim .time {
    float: left; /* Reverse float direction */
}

:lang(he) #co_calendar .item {
    float: right; /* Reverse float direction */
}

/* Add more RTL adjustments as needed based on testing */

/* --- End of Hebrew Font styles --- */
</style>
<div id="chabad_body_page">
<div id="chabad_main_content">
<div id="chabad_head">


<div class="chabad_header">
<div class="headerTitle">
<a href="/4690113" style="text-decoration:none">

PESACH

</a>
</div>
<div class="centerName">

At
Chabad of West Hills

</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">
April 21 - 29, 2027</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 selected">
<a href="/article.asp?aid=4690113" class="parent selected">Home</a>
|
</li>
<li class="item parent">
<a href="/article.asp?aid=5079570" class="parent">Seder Reservation</a>
|
</li>
<li class="item parent">
<a href="/article.asp?aid=4690345" class="parent">Sell Your Chametz</a>
|
</li>
<li class="item parent">
<a href="/article.asp?aid=3291624" class="parent">Pesach Schedule</a>
|
</li>
<li class="item parent">
<a href="/article.asp?aid=6835925" class="parent">Seudas Moshiach</a>
|
</li>
<li class="item parent">
<a href="/article.asp?aid=4690342" class="parent">Pesach Holiday Guide</a>
|
</li>
<li class="item parent">
<a href="/article.asp?aid=4690344" class="parent">Pesach Recipes</a>
</li>

</ul>
</div>
</div>



</div>
<div id="chabad_body_content" class="content_full_width">
<div class="chabad_left_column content_full_width">
<div detached="true" type="static" id="ContentArea" name="content_area" actions="edit,delete" class="chabad_left_column"><!-- END HEADER -->
			
			
			<div class="clearfix bh mobile-only align_right">ב"ה</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 class="small_promos"></div>

&#160;

<div class="large_banner wrap-image">
<div class="bannerContainer">

<a href="/5079570" style="left: 0px; right: -2px; top: 0px;" ></a>

<img src="https://w2.chabad.org/images/Shluchim/minisites/themes/pesach/Pesach_flyer1.jpg" />
<div class="textWrapper">
<span>

<p class="big">Passover Seder</p>

<p class="wrapper-message">Celebrate Passover with family and friends, relive the exodus, discover the eternal meaning of the Haggadah.</p>
<p class="wrapper-message">Join us for a Seder at Chabad of West Hills<br/>Sign Up Now!</p> 
</span>                     
<div class="bannerCta">

<button>RSVP</button></div>
</div>
</div>
</div>


<div class="custom_message">
<div class="titleIcon">
<img src="https://w2.chabad.org/images/Shluchim/minisites/themes/pesach/Pesach_pyramid.png" /></div>
<div class="title titleIcon">
Sell Your Chometz
</div>
<div class="message">

<p>Friendly reminder to sell your Chametz in advance of Pesach! :)</p>
<p>You are welcome to utilize our quick & easy online form.</p>                                                             
</div>
<div class="read-more_link">

<p>
<a href="/holidays/passover/sell_chometz_cdo/sc/passover_home_button">Sell Your Chometz Here</a></p>
</div>

</div>


<div class="custom_message">
<div class="titleIcon">
<img src="https://w2.chabad.org/images/Shluchim/minisites/themes/pesach/Pesach_pyramid.png" /></div>
<div class="title titleIcon">
Seudas Moshiach
</div>
<div class="message">

<p></p>
<p>Jews all over the world celebrate the waning of Pesach with Moshiach's Meal, a feast celebrating the divine revelation yet to come.&#160;</p>
<p></p>                                                             
</div>
<div class="read-more_link">

<p>
<a href="/Article.asp?AID=6835925">Seudas Moshiach Details Here</a></p>
</div>

</div>


<div class="custom_message">
<div class="titleIcon">
<img src="https://w2.chabad.org/images/Shluchim/minisites/themes/pesach/Pesach_pyramid.png" /></div>
<div class="title titleIcon">

What is Pesach?
</div>
<div class="message">
 
The eight-day festival of Passover is celebrated in the early spring, from the 15th through the 22nd of the Hebrew month of Nissan. Passover (Pesach) commemorates the emancipation of the Israelites from slavery in ancient Egypt. Pesach is observed by avoiding leaven, and highlighted by the Seder meals that include four cups of wine, eating matzah and bitter herbs, and retelling the story of the Exodus                                                              
</div>
<div class="read-more_link">

<a href="/871715">Read More</a>

</div>

</div>



<div class="pesach-resources">
<div class="titleIcon">
<img src="https://w2.chabad.org/images/Shluchim/minisites/themes/pesach/Pesach_seder.png" /></div>
<div class="prepResource-title">
Pesach Prep</div>
<div class="prep-item">
<div class="prepIcon">
<a href="/1753">
<img src="https://w2.chabad.org/images/Shluchim/minisites/themes/pesach/Pesach_cleaning.png" /></a>
</div>
<div class="prep-title">

<a href="/1753">Passover Cleaning</a></div>
</div>
<div class="prep-item">
<div class="prepIcon">
<a href="/111191">
<img src="https://w2.chabad.org/images/Shluchim/minisites/themes/pesach/Pesach_sell-chametz.png" /></a>
</div>
<div class="prep-title">

<a href="/111191">Sell Your Chametz</a></div>
</div>
<div class="prep-item">
<div class="prepIcon">
<a href="/265986">
<img src="https://w2.chabad.org/images/Shluchim/minisites/themes/pesach/Pesach_order-matzah.png" /></a>
</div>
<div class="prep-title">

<a href="/265986">Order Shmurah Matzah</a></div>
</div>
<div class="prep-item">
<div class="prepIcon">
<a href="/1980">
<img src="https://w2.chabad.org/images/Shluchim/minisites/themes/pesach/Pesach_seder-prep.png" /></a>
</div>
<div class="prep-title">

<a href="/1980">Seder Preparations</a></div>
</div>

</div>


<div class="zmanim">
<div class="prepResource-title">

Pesach Times</div>
<div class="zman-1">
<div class="zman-icon">
<img src="https://w2.chabad.org/images/Shluchim/minisites/themes/pesach/Pesach_chametz.png" />
</div>
<div class="zman-box">
<div class="title">
Finish eating Chametz before</div>
<div class="time">
April 1 2026, 10:51 AM</div>
<div class="desc">
The absolute deadline for eating chametz is the morning before Passover, it is forbidden to eat chametz until the close of the festival in eight days.</div>
</div>
</div>
<div class="zman-2">
<div class="zman-icon">
<img src="https://w2.chabad.org/images/Shluchim/minisites/themes/pesach/Pesach_flame.png" />
</div>
<div class="zman-box">
<div class="title">
Sell and Burn Chametz before</div>
<div class="time">
April 1 2026, 11:55 AM</div>
<div class="desc">
By this time, the chametz should be burned, and there should be no chametz remaining in your possession.</div>
</div>

</div>

</div>



<div id="co_calendar">
<div class="co_calendar_head">
<div>Upcoming Events</div>
</div>
<div class="co_calendar_body">
<div class="co_calendar_gradient">
<div class="co_calendar_text">
<div class="item last">
There are no events posted at this time. Please 
<a href="/tools/feedback.asp">contact us</a> for more info about our events.
</div>
</div>
</div>
</div>
<div class="co_calendar_footer" ></div>
</div>




              
<div class="latest_features">
<div class="titleIcon">
<img src="https://w2.chabad.org/images/Shluchim/minisites/themes/pesach/Pesach_matzah.png" /></div>
<div class="features_title titleIcon">
Learn More about Pesach</div>
<div class="co_content">

<div class="co_features">
<div class="wrap-image">
<a href="/1846">
<img class="statimg" src="https://w2.chabad.org/media/images/1004/tLsP10046106.jpg" />
</a>
<div class="wrap-image2"></div>
</div>
<div class="feature_caption">
<a href="/1846">How-To</a></div>
</div>
<div class="co_features">
<div class="wrap-image">
<a href="/1735">
<img class="statimg" src="https://w2.chabad.org/media/images/948/rRyi9480135.jpg" />
</a>
<div class="wrap-image2"></div>
</div>
<div class="feature_caption">
<a href="/1735">The Haggadah</a></div>
</div>
<div class="co_features">
<div class="wrap-image">
<a href="/1827">
<img class="statimg" src="https://w2.chabad.org/media/images/996/dqmA9966216.jpg" />
</a>
<div class="wrap-image2"></div>
</div>
<div class="feature_caption">
<a href="/1827">Pesach Story</a></div>
</div>
<div class="co_features">
<div class="wrap-image">
<a href="/1844">
<img class="statimg" src="https://w2.chabad.org/media/images/925/tuxn9252434.jpg" />
</a>
<div class="wrap-image2"></div>
</div>
<div class="feature_caption">
<a href="/1844">Pesach Study</a></div>
</div>
<div class="co_features">
<div class="wrap-image">
<a href="/32593">
<img class="statimg" src="https://w2.chabad.org/media/images/948/KKon9480101.jpg" />
</a>
<div class="wrap-image2"></div>
</div>
<div class="feature_caption">
<a href="/32593">Pesach Recipes</a></div>
</div>
<div class="co_features">
<div class="wrap-image">
<a href="/1923">
<img class="statimg" src="https://w2.chabad.org/media/images/877/OnTm8771266.jpg" />
</a>
<div class="wrap-image2"></div>
</div>
<div class="feature_caption">
<a href="/1923">Pesach Multimedia</a></div>
</div>
</div>
</div>



</div>
						
						<div class="break_floats"></div>
						
					</div>
				</div>
				
				
				
			</div>
			
			<!-- BEGIN FOOTER --></div></div>
<div id="border_bottom"></div>
</div>
</div>
</div>
<style>
@import url('https://fonts.googleapis.com/css2?family=Assistant:wght@300;400;700');
/* --- Add these styles for Hebrew Font --- */

/* General rule for body text when Hebrew */
body:lang(he) {
font-family: 'Assistant', Montserrat, sans-serif; /* Use Assistant first, fallback to Montserrat */
}

/* Apply Assistant specifically to elements that used Montserrat */
:lang(he) .zmanim,
:lang(he) .textWrapper div, /* Includes .big and .wrapper-message */
:lang(he) .custom_message .message,
:lang(he) .co_calendar_text,
:lang(he) #footerContainer,
:lang(he) .footer,
:lang(he) .cco_templateless_template a,
:lang(he) .article-header__subtitle,
:lang(he) html body.cco_body .holidayDates,
:lang(he) html body.cco_body .holidayDates p,
:lang(he) div#chabad_head .chabad_navigator_bar ul li a {
font-family: 'Assistant', Montserrat, sans-serif !important; /* Use !important to ensure override if needed */
}

/* Apply Assistant specifically to elements that used Oswald/Anton/Yellowtail (Headings, Captions etc.) */
:lang(he) .co_calendar_head,
:lang(he) .co_photo_gallery_head,
:lang(he) .custom_message .title,
:lang(he) .feature_caption,
:lang(he) .feature_caption a,
:lang(he) .features_title,
:lang(he) .prep-title,
:lang(he) .prep-title a, /* Added prep-title a */
:lang(he) .prepResource-title,
:lang(he) .sPromo-wrap .caption,
:lang(he) [class^=widget-],
:lang(he) .chabad_header .headerTitle,
:lang(he) .chabad_header .headerTitle a,
:lang(he) .article-header__title,
:lang(he) .centerName, /* Was Yellowtail */
:lang(he) .co_date,
:lang(he) .co_title_calendar a,
:lang(he) .photo_title {
font-family: 'Assistant', Oswald, Arimo, Anton, sans-serif !important; /* Use !important to ensure override if needed */
/* You might want a different Hebrew heading font here if Assistant looks too plain for titles */
}

:lang(he) .zmanim .time {
float: left; /* Reverse float direction */
}

:lang(he) #co_calendar .item {
float: right; /* Reverse float direction */
}

/* Add more RTL adjustments as needed based on testing */

/* --- End of Hebrew Font styles --- */
</style>
<script type="text/javascript" src="https://w2.Chabad.org/images/Shluchim/minisites/themes/form-redesign/form-script.js?v=1"></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.chabadofwesthills.com%2ftemplates%2fsection_cdo%2faid%2f4690113%2fjewish%2fPesach.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=Pesach+-+Chabad+of+West+Hills&amp;url=https%3a%2f%2fwww.chabadofwesthills.com%2ftemplates%2fsection_cdo%2faid%2f4690113%2fjewish%2fPesach.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=Pesach+-+Chabad+of+West+Hills https%3a%2f%2fwww.chabadofwesthills.com%2ftemplates%2fsection_cdo%2faid%2f4690113%2fjewish%2fPesach.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.chabadofwesthills.com%2ftemplates%2fsection_cdo%2faid%2f4690113%2fjewish%2fPesach.htm%23utm_medium%3dpage_tools%26utm_content%3ddesktop%26utm_source%3dpinterest&amp;description=Pesach+-+Chabad+of+West+Hills">
				<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, 5207259);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"><b>Chabad of West Hills | 6601 Valley Circle Boulevard | West Hills, CA 91307 | 818-337-4544 | Nonprofit 501c3 EIN 20-5516006</b></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/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 West Hills'}; Co.ArticleId     = '4690113';Co.SectionId     = 5207259;Co.PartnerSiteId = 0;Co.SiteId        = 3327;Co.IsMobilePage  = false;Co.IsResponsive  = false;Co.DbDomain      = 'ChabadofWestHills.com';Co.LanguageCode  = '';Co.LoginStatus   = 'None';</script>
	
	
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Maven+Pro&display=swap" rel="stylesheet"><link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto+Slab&display=swap" rel="stylesheet">


<script>
//<![CDATA[
(function () {

    // =========================================================
    // Chabad of West Hills - Chai Club
    // Page: /templates/articlecco_cdo/aid/7487990/jewish/Chai-Club.htm
    // =========================================================

    if (window.location.href.indexOf('7487990') === -1) { return; }

    // ---------- CONFIG ----------------------------------------
    // Published Google Sheet (File > Share > Publish to web > Donors sheet > CSV)
    var GOOGLE_SHEET_CSV_URL = "https://docs.google.com/spreadsheets/d/e/2PACX-1vT2rqmBbaxUQS_MzvhDOxurFfXqkD0jcRFXnwH7-z3rUAsFfHXDx4TQwk4OsEdMkRNSLZDehk4JynAp/pub?gid=0&single=true&output=csv";

    // Apps Script web app URL (Deploy > New deployment > Web app > Anyone)
    var SHEET_POST_URL = "https://script.google.com/macros/s/AKfycbys-n-kXqEHE1UyqU5NY_1p0UZ8Cy8la0mnJNa-WBVP0S3JJMiZr1Zw-RhIilo_H08S-w/exec";

    var CONTACT_EMAIL = "chabadwesthills@gmail.com";

    // Cards shown before "View All"
    var INITIAL_CARDS = 9;

    // Colour used inside the inline heart SVG on each donor card.
    // Keep this the same as --wh-accent below.
    var ACCENT_HEX = "#1B5E8C";

    // ---------- TIER MAP --------------------------------------
    // Two circles. Chai Circle = the $150 and $225 options only.
    // Founders Circle = everything above, each amount its own section.
    var TIERS = [
        { name: 'Chai',           amount: 150,  circle: 'Chai Circle' },
        { name: 'Family',         amount: 225,  circle: 'Chai Circle' },
        { name: 'Chai Bronze',    amount: 300,  circle: 'Founders Circle' },
        { name: 'Chai Silver',    amount: 450,  circle: 'Founders Circle' },
        { name: 'Chai Gold',      amount: 600,  circle: 'Founders Circle' },
        { name: 'Chai Ruby',      amount: 750,  circle: 'Founders Circle' },
        { name: 'Chai Diamond',   amount: 1005, circle: 'Founders Circle' },
        { name: 'Chai Platinum',  amount: 1500, circle: 'Founders Circle' },
        { name: 'Double Chai',    amount: 3000, circle: 'Founders Circle' },
        { name: 'Triple Chai',    amount: 4500, circle: 'Founders Circle' },
        { name: 'Chai Founding',  amount: 6000, circle: 'Founders Circle' },
        { name: 'Chai Visionary', amount: 9000, circle: 'Founders Circle', alt: ['Chai Visonary'] }
    ];

    var CIRCLE_ORDER = ['Chai Circle', 'Founders Circle'];

    // =========================================================
    // 1. STYLES
    //    Every colour on the page comes from the block below.
    //    --wh-accent is the one to change if you want a different
    //    partner colour; nothing else hard-codes it except
    //    ACCENT_HEX above (the heart icon).
    // =========================================================
    var westHillsStyles = `
        @import url('https://fonts.googleapis.com/css2?family=Commissioner:wght@300;400;500;600;700;800&family=Spectral:wght@300;400;500;600;700;800&display=swap');

        :root {
            --wh-bg:          #F2F6F9;   /* page background - pale blue */
            --wh-accent:      #1B5E8C;   /* primary - sapphire */
            --wh-accent-rgb:  27, 94, 140; /* same colour as channels, for gradients */
            --wh-accent-dk:   #144B72;   /* pressed / shadow sapphire */
            --wh-accent-soft: #E8F1F7;   /* tinted card fill - sapphire */
            --wh-gold:        #D9A62E;   /* CTA / submit gold */
            --wh-gold-rgb:    217, 166, 46;
            --wh-gold-dk:     #BE8E1F;
            --wh-gold-soft:   #FBF3E0;   /* tinted card fill - gold */
            --wh-ink:         #22384A;   /* body text - navy */
            --wh-muted:       #8494A1;   /* sub-labels */
            --wh-line:        #E1E7EC;   /* hairlines */
        }

        body {
            font-family: "Spectral", serif !important;
            color: var(--wh-ink) !important;
            margin: 0 !important;
            background: var(--wh-bg) !important;
        }

        .form-label-auto, .form-label-left, .form-label-right, .form-label-top {
            font-family: "Commissioner", sans-serif !important;
            font-size: 18px !important;
            color: var(--wh-ink) !important;
        }

        .belair-img-mobile { display: none !important; }
        .belair-img-desktop { display: block !important; }

        /* ---------- ABOUT CARDS ---------- */
        .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; }

        .chai-belair-card {
            border-radius: 15px !important;
            padding: 30px !important;
            box-sizing: border-box !important;
            box-shadow: 5px 5px 0px rgba(var(--wh-accent-rgb), 0.18) !important;
            border: 2px solid #FFFFFF !important;
        }

        .chai-belair-bg-blue  { background-color: var(--wh-accent) !important; color: #ffffff !important; border-color: var(--wh-accent) !important; }
        .chai-belair-bg-white { background-color: #ffffff !important; color: var(--wh-ink) !important; }

        #row-2 { background-color: var(--wh-accent) !important; border-color: var(--wh-accent) !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.35) !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; color: var(--wh-ink) !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-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: var(--wh-ink) !important; }
        .chai-belair-bg-blue .chai-belair-feature-text { color: #ffffff !important; }
        #row-2 .chai-belair-feature-text { color: #ffffff !important; }
        .chai-belair-highlight { color: var(--wh-accent) !important; font-weight: 700 !important; }
        .chai-belair-highlight-white { color: #ffffff !important; font-weight: 700 !important; }

        /* ---------- CHAI PARTNERSHIP BENEFITS ---------- */
        .wh-benefits {
            width: 100% !important;
            max-width: 1000px !important;
            margin: 0 auto 40px auto !important;
            background-color: #FFFFFF !important;
            border-radius: 15px !important;
            padding: 45px 40px !important;
            box-sizing: border-box !important;
            box-shadow: 5px 5px 0px rgba(var(--wh-accent-rgb), 0.18) !important;
            scroll-margin-top: 80px !important;
        }
        .wh-benefits-title {
            font-family: 'Commissioner', sans-serif !important;
            font-size: 32px !important;
            font-weight: 800 !important;
            color: var(--wh-ink) !important;
            text-transform: uppercase !important;
            letter-spacing: 0.02em !important;
            text-align: center !important;
            margin: 0 0 35px 0 !important;
            line-height: 1.2 !important;
        }
        .wh-benefits-grid {
            display: grid !important;
            grid-template-columns: 1fr 1fr !important;
            gap: 28px 40px !important;
            width: 100% !important;
        }
        .wh-benefit {
            display: flex !important;
            align-items: center !important;
            gap: 18px !important;
        }
        .wh-benefit-icon {
            flex: none !important;
            width: 72px !important;
            height: 72px !important;
            border-radius: 50% !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            overflow: hidden !important;
            box-sizing: border-box !important;
        }
        .wh-benefit:nth-child(odd)  .wh-benefit-icon { background-color: var(--wh-accent-soft) !important; }
        .wh-benefit:nth-child(even) .wh-benefit-icon { background-color: var(--wh-gold-soft) !important; }
        .wh-benefit-icon img {
            width: 100% !important;
            height: 100% !important;
            object-fit: contain !important;
            display: block !important;
            padding: 12px !important;
            box-sizing: border-box !important;
        }
        /* keeps the circle clean until the PNGs are dropped in */
        .wh-benefit-icon img:not([src]), .wh-benefit-icon img[src=""] { display: none !important; }
        .wh-benefit-text {
            font-family: 'Spectral', serif !important;
            font-size: 17px !important;
            font-weight: 600 !important;
            line-height: 1.4 !important;
            color: var(--wh-ink) !important;
            margin: 0 !important;
        }

        /* ---------- FORM WRAPPER ---------- */
        .belair-white-box {
            background-color: #FFFFFF !important;
            border-radius: 15px !important;
            padding: 40px !important;
            max-width: 1000px !important;
            margin: 0 auto 40px auto !important;
            box-sizing: border-box !important;
        }

        /* ---------- HEADER / NAV ---------- */
        .belair-chai-container { font-family: "Spectral", serif !important; color: var(--wh-ink) !important; width: 100% !important; margin: 0 auto !important; background-color: transparent !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: 400 !important; color: var(--wh-ink) !important; cursor: pointer !important; white-space: nowrap !important; transition: color 0.3s !important; }
        .belair-chai-nav-item:hover { color: var(--wh-accent) !important; }

        /* Hero frame, offset shadow and bottom fade are all CSS now,
           so a plain rectangular photo can be uploaded as-is. */
        .belair-chai-hero-image {
            position: relative !important;
            width: 100% !important;
            max-width: 1000px !important;
            max-height: 650px !important;
            overflow: hidden !important;
            margin: 0 0 48px 0 !important;
            padding: 0px !important;                  /* the white mat */
            box-sizing: border-box !important;
            border-radius: 18px !important;
            box-shadow: 9px 9px 0px var(--wh-accent) !important;
        }
        .belair-chai-hero-image img {
            width: 100% !important;
            height: 100% !important;
            object-fit: cover !important;
            display: block;
            border-radius: 10px !important;
        }
        /* red fade along the bottom edge of the photo */
        .belair-chai-hero-image:after {
            content: "" !important;
            position: absolute !important;
            left: 0px !important;
            right: 0px !important;
            bottom: 0px !important;
            height: 40% !important;
            border-radius: 0 0 10px 10px !important;
            pointer-events: none !important;
            background: linear-gradient(to top,
                        rgba(var(--wh-accent-rgb), 0.88) 0%,
                        rgba(var(--wh-accent-rgb), 0.45) 45%,
                        rgba(var(--wh-accent-rgb), 0) 100%) !important;
        }

        .belair-chai-header-wrapper { display: flex !important; flex-direction: column !important; align-items: center !important; margin-bottom: 30px !important; text-align: center !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; max-width: 620px !important; height: auto !important; object-fit: contain !important; }

        /* editable tagline under the Chai logo */
        .wh-chai-tagline {
            font-family: "Spectral", serif !important;
            font-size: 34px !important;
            font-weight: 700 !important;
            color: var(--wh-accent) !important;
            text-transform: uppercase !important;
            letter-spacing: 0.11em !important;
            line-height: 1.3 !important;
            text-align: center !important;
            max-width: 720px !important;
            margin: 20px auto 0 auto !important;
            padding: 0 20px !important;
            box-sizing: border-box !important;
        }

        .belair-chai-cta-container { margin-bottom: 60px !important; }
        .belair-chai-cta-btn-large { font-size: 26px !important; padding: 14px 40px !important; }

        /* ---------- BUTTONS ---------- */
        .belair-btn-blue {
            display: flex !important;
            align-items: center !important;
            gap: 12px !important;
            background-color: var(--wh-gold) !important;
            color: var(--wh-ink) !important;
            padding: 10px 24px !important;
            border-radius: 50px !important;
            font-weight: 700 !important;
            font-size: 18px;
            cursor: pointer !important;
            text-decoration: none !important;
            white-space: nowrap !important;
            border: 2px solid var(--wh-gold) !important;
            transition: all 0.25s ease !important;
            font-family: "Commissioner", sans-serif !important;
        }
        .belair-btn-blue:hover { background-color: var(--wh-gold-dk) !important; border-color: var(--wh-gold-dk) !important; color: var(--wh-ink) !important; }
        .belair-btn-blue svg { fill: var(--wh-ink) !important; width: 18px !important; height: 18px !important; }

        /* ---------- CHAI PARTNERS WALL ---------- */
        .belair-chai-donors-wrapper {
            width: 100% !important;
            max-width: 1000px !important;
            background-color: var(--wh-accent) !important;
            padding: 60px 0 !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;
            margin: 0 auto 40px auto !important;
            box-sizing: border-box !important;
        }

        .belair-chai-partners-title {
            font-size: 70px !important;
            margin-bottom: 15px !important;
            display: flex !important;
            align-items: baseline !important;
            gap: 12px !important;
            line-height: 1 !important;
            font-family: 'Commissioner', sans-serif !important;
        }
        .word-chai     { font-weight: 800 !important; color: #FFFFFF !important; text-transform: uppercase !important; }
        .word-partners { font-weight: 300 !important; color: #FFFFFF !important; text-transform: uppercase !important; }
        .belair-chai-partners-logo { width: 60px !important; margin-bottom: 10px !important; height: auto !important; }

        .belair-chai-thank-you {
            font-size: 22px !important;
            font-weight: 400 !important;
            color: #FFFFFF !important;
            margin-bottom: 10px !important;
            display: flex !important;
            align-items: center !important;
            gap: 10px !important;
            font-family: "Spectral", serif !important;
        }
        .thank-you-header-heart { height: 30px !important; width: 30px !important; margin-right: 10px !important; }

        .belair-chai-active-count { font-size: 18px !important; font-weight: 300 !important; color: rgba(255,255,255,0.85) !important; margin-bottom: 40px !important; }

        .belair-chai-donors-grid { display: block !important; width: 100% !important; max-width: 900px !important; padding: 0 !important; box-sizing: border-box !important; }

        /* circle = Chai Circle / Founders Circle */
        .wh-circle { width: 100% !important; margin-bottom: 42px !important; }
        .wh-circle:last-child { margin-bottom: 0 !important; }
        .wh-circle-title {
            font-family: 'Commissioner', sans-serif !important;
            font-size: 30px !important;
            font-weight: 800 !important;
            color: #FFFFFF !important;
            text-transform: uppercase !important;
            letter-spacing: 0.04em !important;
            text-align: left !important;
            margin: 0 0 20px 0 !important;
            padding-bottom: 10px !important;
            border-bottom: 3px solid rgba(255,255,255,0.55) !important;
        }

        .belair-tier-group { width: 100% !important; margin-bottom: 28px !important; }
        .belair-tier-group:last-child { margin-bottom: 0 !important; }

        .belair-tier-group-title {
            font-family: 'Commissioner', sans-serif !important;
            font-size: 18px !important;
            font-weight: 600 !important;
            color: #FFFFFF !important;
            letter-spacing: 0.06em !important;
            text-transform: uppercase !important;
            text-align: left !important;
            margin-bottom: 12px !important;
            padding-bottom: 6px !important;
            border-bottom: 1px solid rgba(255,255,255,0.30) !important;
        }
        .belair-tier-range { font-weight: 400 !important; font-size: 14px !important; letter-spacing: 0.02em !important; color: rgba(255,255,255,0.75) !important; margin-left: 10px !important; text-transform: none !important; }

        .belair-tier-group-grid { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 16px !important; width: 100% !important; }

        .belair-chai-donor-card {
            background-color: #FFFFFF !important;
            border-radius: 8px !important;
            padding: 20px !important;
            min-height: 110px !important;
            text-align: left !important;
            display: flex !important;
            flex-direction: column !important;
            justify-content: space-between !important;
            box-shadow: none !important;
            border: 2px solid #FFFFFF !important;
        }
        .belair-chai-card-top { margin-bottom: 12px !important; }
        .belair-chai-name-row { display: flex !important; align-items: center !important; justify-content: space-between !important; margin-bottom: 5px !important; }
        .belair-chai-name { font-size: 18px !important; font-weight: 700 !important; color: var(--wh-ink) !important; line-height: 1.25 !important; }
        .belair-chai-card-divider { width: 100% !important; height: 1px !important; background-color: rgba(var(--wh-accent-rgb), 0.20) !important; margin: 10px 0 !important; }
        .belair-chai-level { font-size: 12px !important; text-transform: uppercase !important; color: var(--wh-accent) !important; letter-spacing: 0.5px !important; font-weight: 600 !important; }
        .belair-chai-card-bottom { font-size: 12px !important; font-weight: 600 !important; color: var(--wh-muted) !important; display: flex !important; align-items: center !important; gap: 6px !important; }
        .donor-card-heart svg { width: 14px !important; height: 14px !important; }

        .belair-view-all-container { width: 100% !important; display: flex !important; justify-content: center !important; margin-top: 30px !important; }
        .belair-view-all-btn {
            background: transparent !important;
            border: 2px solid #FFFFFF !important;
            color: #FFFFFF !important;
            padding: 10px 30px !important;
            border-radius: 50px !important;
            font-family: "Commissioner", sans-serif !important;
            font-weight: 600 !important;
            cursor: pointer !important;
            font-size: 14px !important;
            display: flex !important;
            align-items: center !important;
            gap: 8px !important;
        }
        .belair-view-all-btn:hover { background: #FFFFFF !important; color: var(--wh-accent) !important; }

        .belair-donor-notice {
            width: 100% !important;
            max-width: 900px !important;
            margin: 26px auto 0 auto !important;
            font-family: 'Commissioner', sans-serif !important;
            font-size: 13px !important;
            color: rgba(255,255,255,0.85) !important;
            text-align: center !important;
            line-height: 1.5 !important;
            box-sizing: border-box !important;
            padding: 0 20px !important;
        }
        .belair-donor-notice a { color: #FFFFFF !important; text-decoration: underline !important; }

        /* ---------- GENERAL FORM ---------- */
        .form-line { padding: 15px 0 !important; margin: 0 auto !important; max-width: 100% !important; box-sizing: border-box !important; display: block !important; }

        .form-label, .form-sub-label {
            font-family: "Commissioner", sans-serif !important;
            font-size: 16px !important;
            font-weight: 400 !important;
            color: var(--wh-muted) !important;
            margin-bottom: 8px !important;
            display: block !important;
            width: 100% !important;
            text-align: left !important;
            float: none !important;
        }

        .form-textbox, .form-dropdown, .form-textarea {
            width: 100% !important;
            max-width: 100% !important;
            padding: 12px 15px !important;
            border: 1px solid var(--wh-line) !important;
            border-radius: 6px !important;
            font-family: "Commissioner", sans-serif !important;
            font-size: 16px !important;
            box-sizing: border-box !important;
            transition: border-color 0.25s !important;
            background-color: #FAFAFA !important;
        }
        .form-textbox:focus, .form-dropdown:focus {
            border-color: var(--wh-accent) !important;
            outline: none !important;
            background-color: #fff !important;
        }

        /* ---------- TIER PICKER (id_3) ---------- */
        #cid_3 .form-single-column {
            display: grid !important;
            grid-template-columns: repeat(3, 1fr) !important;
            gap: 18px !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: 30px 22px !important;
            display: flex !important;
            flex-direction: column !important;
            align-items: flex-start !important;
            justify-content: center !important;
            min-height: 110px !important;
            cursor: pointer !important;
            transition: transform 0.2s, box-shadow 0.2s !important;
            box-sizing: border-box !important;
            margin-bottom: 0 !important;
            width: 100% !important;
            border-width: 2px !important;
            border-style: solid !important;
            background-color: #FFFFFF !important;
        }
        .tier-card:hover { transform: translateY(-3px) !important; }
        .tier-card.tier-selected { border-width: 4px !important; padding: 28px 20px !important; }

        /* Circle grouping inside the picker */
        .wh-tier-heading {
            grid-column: 1 / -1 !important;
            font-family: 'Commissioner', sans-serif !important;
            font-size: 17px !important;
            font-weight: 700 !important;
            color: var(--wh-accent) !important;
            text-transform: uppercase !important;
            letter-spacing: 0.06em !important;
            text-align: left !important;
            padding-bottom: 8px !important;
            margin: 10px 0 0 0 !important;
            border-bottom: 2px solid var(--wh-accent-soft) !important;
        }

        .tier-card input[type="radio"] {
            appearance: none !important;
            -webkit-appearance: none !important;
            width: 15px !important;
            height: 15px !important;
            border-radius: 50% !important;
            border: 1.5px solid #C9C9C9 !important;
            background: #fff !important;
            cursor: pointer !important;
            position: absolute !important;
            top: 14px !important;
            right: 14px !important;
            margin: 0 !important;
        }
        .tier-card input[type="radio"]:checked {
            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;
            background-size: 11px 11px !important;
            background-repeat: no-repeat !important;
            background-position: center !important;
        }
        .tier-card input[type="radio"]:focus-visible { outline: 3px solid var(--wh-accent) !important; outline-offset: 2px !important; }

        .tier-card-content { display: flex !important; flex-direction: column !important; align-items: flex-start !important; width: 100% !important; text-align: left !important; }
        .tier-name { font-size: 19px !important; font-weight: 600 !important; margin-bottom: 0 !important; color: var(--wh-ink) !important; text-transform: none !important; letter-spacing: 0 !important; font-family: "Spectral", serif !important; }
        .tier-line { width: 100% !important; height: 1px !important; margin: 12px 0 !important; opacity: 0.45 !important; }
        .tier-price { font-size: 22px !important; font-weight: 700 !important; font-family: "Spectral", serif !important; }
        .tier-price .tier-per { font-size: 12px !important; font-weight: 400 !important; margin-left: 4px !important; color: var(--wh-muted) !important; }

        /* Alternating tier cards - red / blue */
        .tier-card-accent { border-color: var(--wh-accent) !important; }
        .tier-card-accent .tier-line  { background-color: var(--wh-accent) !important; }
        .tier-card-accent .tier-price { color: var(--wh-accent) !important; }
        .tier-card-accent:hover { box-shadow: 0 6px 16px rgba(var(--wh-accent-rgb), 0.20) !important; }
        .tier-card-accent.tier-selected { background-color: var(--wh-accent-soft) !important; }
        .tier-card-accent input[type="radio"]:checked {
            background-color: var(--wh-accent) !important;
            border-color: var(--wh-accent) !important;
        }

        .tier-card-gold { border-color: var(--wh-gold) !important; }
        .tier-card-gold .tier-line  { background-color: var(--wh-gold) !important; }
        .tier-card-gold .tier-price { color: var(--wh-gold-dk) !important; }
        .tier-card-gold:hover { box-shadow: 0 6px 16px rgba(var(--wh-gold-rgb), 0.28) !important; }
        .tier-card-gold.tier-selected { background-color: var(--wh-gold-soft) !important; }
        .tier-card-gold input[type="radio"]:checked {
            background-color: var(--wh-gold) !important;
            border-color: var(--wh-gold) !important;
        }

        .tier-main-title { font-size: 26px !important; font-weight: 800 !important; color: var(--wh-ink) !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: var(--wh-muted) !important; margin-bottom: 25px !important; text-align: center !important; display: block !important; font-family: "Spectral", serif !important; }

        #cid_3 br, #cid_3 .clearfix { display: none !important; }

        /* ---------- PAYMENT DETAILS HEADER (header_4) ---------- */
        #header_4 {
            text-align: center !important;
            font-size: 30px !important;
            color: var(--wh-ink) !important;
            font-family: "Spectral", serif !important;
            font-weight: 700 !important;
            margin: 20px 0 10px 0 !important;
            padding-bottom: 10px !important;
            display: block !important;
        }

        /* ---------- NAME FIELDS (id_5) ---------- */
        #id_5 .form-sub-label-container { width: 49% !important; display: inline-block !important; }
        #id_5 .form-sub-label-container:first-child { margin-right: 1% !important; }
        #id_5 .form-label-top, #id_6 .form-label-top, #id_7 .form-label-top, #id_8 .form-label-top { float: none !important; display: block !important; text-align: left !important; }
        .form-input { margin-left: 0 !important; width: 100% !important; }

        #id_7 .form-checkbox-item label { font-family: "Commissioner", sans-serif !important; font-size: 15px !important; color: var(--wh-ink) !important; }
        #id_7 input[type="checkbox"], #id_11 input[type="checkbox"] { accent-color: var(--wh-accent) !important; }

        /* ---------- TOTAL (id_11) ---------- */
        #id_11 {
            padding: 20px !important;
            margin-top: 20px !important;
            width: 100% !important;
            display: flex !important;
            flex-direction: column !important;
            background-color: #FFFFFF !important;
            border: 1px solid var(--wh-line) !important;
            border-radius: 8px !important;
            box-sizing: border-box !important;
        }
        #id_11 > .form-label-top label { font-family: "Commissioner", sans-serif !important; font-size: 16px !important; color: var(--wh-ink) !important; margin: 0 !important; }
        #total_amount { font-size: 24px !important; font-weight: 700 !important; color: var(--wh-accent) !important; display: flex !important; align-items: baseline !important; font-family: "Commissioner", sans-serif !important; }
        #total_amount:after { content: "/Month" !important; font-size: 16px !important; color: var(--wh-muted) !important; font-weight: 400 !important; margin-left: 5px !important; }
        #div_offset_gift_11 { display: block !important; width: 100% !important; margin-top: 8px !important; }
        #div_offset_gift_11 label { font-family: "Commissioner", sans-serif !important; font-size: 14px !important; color: var(--wh-muted) !important; }

        /* ---------- PAYMENT METHODS (id_10) ---------- */
        #cid_10 { background: transparent !important; border: none !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 var(--wh-line) !important;
            border-radius: 12px !important;
            padding: 15px 10px !important;
            cursor: pointer !important;
            box-sizing: border-box !important;
            float: none !important;
            margin: 0 !important;
            transition: all 0.2s ease;
        }
        #cid_10 .form-payment-methods .form-radio-item.active-payment-card { background-color: var(--wh-accent-soft) !important; border-color: var(--wh-accent) !important; }
        #cid_10 .form-payment-methods label { font-size: 16px !important; font-family: 'Commissioner', sans-serif !important; color: var(--wh-ink) !important; cursor: pointer !important; white-space: nowrap !important; }
        #cid_10 .form-payment-methods input[type="radio"] { accent-color: var(--wh-accent) !important; transform: scale(1.1) !important; margin-left: 6px !important; }

        #cid_10 .form-address-table, #cid_10 .form-address-table tbody { display: block !important; width: 100% !important; }
        #cid_10 .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: flex !important; }
        #cid_10 tr.credit_card:not(.hide),
        #cid_10 tr.paypal:not(.hide),
        #cid_10 tr.other:not(.hide),
        #cid_10 tr.billing_address:not(.hide) { border-radius: 8px !important; padding: 0 !important; box-sizing: border-box !important; margin-top: 15px !important; }

        #cid_10 th {
            font-family: "Commissioner", sans-serif !important;
            font-weight: 600 !important;
            color: var(--wh-ink) !important;
            text-align: left !important;
            padding-bottom: 10px !important;
            display: block !important;
            border-bottom: 1px solid var(--wh-line) !important;
            margin: 5px 0 15px 0 !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: "Commissioner", sans-serif !important; font-size: 14px !important; color: var(--wh-muted) !important; margin-top: 5px !important; display: block !important; }

        /* ---------- SUBMIT ---------- */
        #id_2 { margin-top: 20px !important; padding-bottom: 20px !important; }
        #input_2 {
            width: 100% !important;
            background-color: var(--wh-gold) !important;
            color: var(--wh-ink) !important;
            font-family: "Commissioner", sans-serif !important;
            font-weight: 700 !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;
            cursor: pointer !important;
            border: 2px solid var(--wh-gold) !important;
            transition: all 0.25s ease !important;
            box-shadow: none !important;
        }
        #input_2:hover { background-color: var(--wh-gold-dk) !important; border-color: var(--wh-gold-dk) !important; color: var(--wh-ink) !important; }
        #input_2 .belair-submit-arrow svg { fill: var(--wh-ink) !important; }
        #input_2[disabled] { opacity: 0.65 !important; cursor: not-allowed !important; }

        /* ---------- CMS BACK-LINK BAR ---------- */
        .cco_templateless_template { display: none !important; }

        /* ---------- SCROLL ANIMATION ---------- */
        .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); }
        @media (prefers-reduced-motion: reduce) {
            .belair-animate-hidden { opacity: 1 !important; transform: none !important; transition: none !important; }
        }

        /* ---------- RESPONSIVE ---------- */
        @media only screen and (max-width: 768px) {
            .belair-img-mobile { display: block !important; }
            .belair-img-desktop { display: none !important; }

            .belair-chai-nav { display: none !important; }
            .belair-white-box { padding: 16px !important; }

            .belair-chai-hero-image {
                height: 300px !important;
                padding: 6px !important;
                border-radius: 14px !important;
                box-shadow: 6px 6px 0px var(--wh-accent) !important;
                margin-bottom: 34px !important;
            }
           

            .wh-chai-tagline { font-size: 21px !important; letter-spacing: 0.07em !important; margin-top: 14px !important; }

            .chai-belair-row-top { flex-direction: column !important; }
            .chai-belair-gift-card { flex: auto !important; justify-content: flex-start !important; }
            .chai-belair-row-bottom { grid-template-columns: 1fr !important; }

            #row-1, #row-3 { background-color: #FFFFFF !important; }
            #row-2 { background-color: var(--wh-accent) !important; }

            .wh-benefits { padding: 28px 18px !important; }
            .wh-benefits-title { font-size: 23px !important; margin-bottom: 25px !important; }
            .wh-benefits-grid { grid-template-columns: 1fr !important; gap: 18px !important; }
            .wh-benefit-icon { width: 58px !important; height: 58px !important; }
            .wh-benefit-text { font-size: 16px !important; }

            .belair-chai-partners-title { font-size: 42px !important; }
            .belair-chai-logo-img { width: 100% !important; }
            .wh-circle-title { font-size: 22px !important; }
            .belair-tier-group-title { font-size: 15px !important; }
            .belair-tier-group-grid { grid-template-columns: 1fr 1fr !important; gap: 10px !important; }

            #cid_3 .form-single-column { grid-template-columns: 1fr 1fr !important; gap: 10px !important; }
            #id_5 .form-sub-label-container { width: 100% !important; margin-right: 0 !important; }
            #cid_10 .form-payment-methods { flex-wrap: wrap !important; }
            #cid_10 .form-payment-methods .form-radio-item { flex: 0 0 calc(50% - 10px) !important; }
        }
    `;

    var styleSheet = document.createElement("style");
    styleSheet.textContent = westHillsStyles;
    document.head.appendChild(styleSheet);


    // =========================================================
    // 2. SVGs + nav actions
    // =========================================================
    var ARROW_SVG = '<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24">'
                  + '<path d="M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z"/></svg>';

    function injectSVGs() {
        var arrowTargets = document.querySelectorAll('.box-arrow-target');
        Array.prototype.forEach.call(arrowTargets, function (el) { el.innerHTML = ARROW_SVG; });

        var submitBtn = document.getElementById('input_2');
        if (submitBtn && !submitBtn.querySelector('.belair-submit-arrow')) {
            var arrowDiv = document.createElement('div');
            arrowDiv.className = 'belair-submit-arrow';
            arrowDiv.style.display = 'flex';
            arrowDiv.style.alignItems = 'center';
            arrowDiv.innerHTML = ARROW_SVG;
            var 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 target = document.getElementById('id_3') || document.getElementById('cid_3');
            if (target) target.scrollIntoView({ behavior: 'smooth' });
        }

        Array.prototype.forEach.call(document.querySelectorAll('.nav-join-action'), function (btn) {
            btn.addEventListener('click', function (e) { e.preventDefault(); scrollToTiers(); });
        });
    }

    function removeBackLinkBar() {
        var bar = document.querySelector('.cco_templateless_template');
        if (bar) bar.remove();
    }


    // =========================================================
    // 3. TIER HELPERS (shared by the wall and the submit hook)
    // =========================================================
    function tierByName(raw) {
        var clean = String(raw || '').replace(/^"|"$/g, '').trim().toLowerCase();
        if (!clean) return null;
        for (var i = 0; i < TIERS.length; i++) {
            if (TIERS[i].name.toLowerCase() === clean) return TIERS[i];
            var alts = TIERS[i].alt || [];
            for (var a = 0; a < alts.length; a++) {
                if (alts[a].toLowerCase() === clean) return TIERS[i];
            }
        }
        return null;
    }

    function tierByAmount(amount) {
        for (var i = TIERS.length - 1; i >= 0; i--) {
            if (amount >= TIERS[i].amount) return TIERS[i];
        }
        return TIERS[0]; // anything under $150 sits with Chai
    }

    // Level string wins (we write it ourselves); amount is the fallback.
    function resolveTier(donor) {
        var byName = tierByName(donor['Level'] || donor['Category'] || donor['level']);
        if (byName) return byName;

        var rawAmount = donor['Amount'] || donor['amount'] || '';
        var num = parseFloat(String(rawAmount).replace(/[^0-9.]/g, ''));
        if (!isNaN(num) && num > 0) return tierByAmount(num);

        return null; // unknown level, no amount - grouped under its raw text
    }


    // =========================================================
    // 4. DONOR WALL
    // =========================================================
    function fetchAndRenderDonors() {
        var grid = document.getElementById('belair-chai-donors-grid');
        var countDisplay = document.getElementById('donor-count-display');
        var viewAllBtn = document.getElementById('btn-view-all-donors');

        if (!countDisplay || !viewAllBtn) return;

        if (!grid) {
            grid = document.createElement('div');
            grid.id = 'belair-chai-donors-grid';
            grid.className = 'belair-chai-donors-grid';
            countDisplay.parentNode.insertBefore(grid, viewAllBtn.parentNode);
        }

        var HEART = '<svg viewBox="0 0 24 24" style="fill:' + ACCENT_HEX + '"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"/></svg>';

        // Quote-aware CSV parser - donor names contain commas and ampersands.
        function parseCSV(text) {
            text = text.replace(/\r\n/g, "\n").replace(/\r/g, "\n");
            var rows = [], row = [], field = '', inQuotes = false;
            for (var i = 0; i < text.length; i++) {
                var c = text.charAt(i);
                if (inQuotes) {
                    if (c === '"') {
                        if (text.charAt(i + 1) === '"') { field += '"'; i++; }
                        else { inQuotes = false; }
                    } else { field += c; }
                } else if (c === '"') { inQuotes = true; }
                else if (c === ',') { row.push(field); field = ''; }
                else if (c === "\n") { row.push(field); rows.push(row); row = []; field = ''; }
                else { field += c; }
            }
            if (field.length || row.length) { row.push(field); rows.push(row); }
            if (!rows.length) return [];

            var headers = rows.shift().map(function (h) { return h.trim(); });
            return rows.filter(function (r) {
                return r.join('').trim() !== '';
            }).map(function (r) {
                var obj = {};
                headers.forEach(function (h, idx) { obj[h] = (r[idx] || '').trim(); });
                return obj;
            });
        }

        // Built from char codes so no CMS editor can decode the entities on paste.
        var AMP = String.fromCharCode(38), LT = String.fromCharCode(60), GT = String.fromCharCode(62);
        function escapeHtml(s) {
            return String(s)
                .split(AMP).join(AMP + 'amp;')
                .split(LT).join(AMP + 'lt;')
                .split(GT).join(AMP + 'gt;');
        }

        function render(data) {
            var donors = data.filter(function (d) {
                var name = (d['Name'] || d['name'] || '').trim();
                var level = (d['Level'] || d['Category'] || '').trim().toLowerCase();
                return name !== '' && level !== 'no category';
            });

            countDisplay.innerText = donors.length + ' active partners';

            // bucket: circle -> tier name -> donors
            var buckets = {};
            var extraTiers = {};   // tier names that are not in TIERS

            donors.forEach(function (d) {
                var tier = resolveTier(d);
                var circle, tierName;
                if (tier) {
                    circle = tier.circle;
                    tierName = tier.name;
                } else {
                    circle = 'Founders Circle';
                    tierName = (d['Level'] || d['Category'] || 'Chai Partner').trim();
                    extraTiers[tierName] = true;
                }
                if (!buckets[circle]) buckets[circle] = {};
                if (!buckets[circle][tierName]) buckets[circle][tierName] = [];
                buckets[circle][tierName].push(d);
            });

            // biggest gift first inside each circle
            function tierOrderFor(circleName) {
                var order = TIERS.filter(function (t) { return t.circle === circleName; })
                                 .sort(function (a, b) { return b.amount - a.amount; })
                                 .map(function (t) { return t.name; });
                if (circleName === 'Founders Circle') {
                    Object.keys(extraTiers).forEach(function (n) {
                        if (order.indexOf(n) === -1) order.push(n);
                    });
                }
                return order;
            }

            var drawn = 0;

            function draw(limit) {
                grid.innerHTML = '';
                drawn = 0;

                CIRCLE_ORDER.forEach(function (circleName) {
                    var tiersInCircle = buckets[circleName];
                    if (!tiersInCircle) return;
                    if (limit !== -1 && drawn >= limit) return;

                    var circleWrap = document.createElement('div');
                    circleWrap.className = 'wh-circle';

                    var circleHeading = document.createElement('h3');
                    circleHeading.className = 'wh-circle-title';
                    circleHeading.textContent = circleName;
                    circleWrap.appendChild(circleHeading);

                    var anyDrawnInCircle = false;

                    tierOrderFor(circleName).forEach(function (tierName) {
                        var members = tiersInCircle[tierName];
                        if (!members || !members.length) return;
                        if (limit !== -1 && drawn >= limit) return;

                        var section = document.createElement('div');
                        section.className = 'belair-tier-group';

                        var known = tierByName(tierName);
                        var heading = document.createElement('div');
                        heading.className = 'belair-tier-group-title';
                        heading.innerHTML = escapeHtml(tierName)
                            + (known ? ' <span class="belair-tier-range">$' + known.amount + '/month</span>' : '');
                        section.appendChild(heading);

                        var groupGrid = document.createElement('div');
                        groupGrid.className = 'belair-tier-group-grid';

                        members.forEach(function (d) {
                            if (limit !== -1 && drawn >= limit) return;
                            var name = escapeHtml(d['Name'] || d['name'] || 'Anonymous');
                            var since = escapeHtml(d['Since'] || d['Date'] || d['Month'] || '');

                            var card = document.createElement('div');
                            card.className = 'belair-chai-donor-card';
                            card.innerHTML =
                                '<div class="belair-chai-card-top">'
                              +   '<div class="belair-chai-name-row"><div class="belair-chai-name">' + name + '</div></div>'
                              +   '<div class="belair-chai-level">' + escapeHtml(tierName) + '</div>'
                              + '</div>'
                              + '<div class="belair-chai-card-divider"></div>'
                              + '<div class="belair-chai-card-bottom">'
                              +   '<div class="donor-card-heart">' + HEART + '</div>'
                              +   (since ? 'Partner since ' + since : 'Chai Partner')
                              + '</div>';
                            groupGrid.appendChild(card);
                            drawn++;
                            anyDrawnInCircle = true;
                        });

                        section.appendChild(groupGrid);
                        circleWrap.appendChild(section);
                    });

                    if (anyDrawnInCircle) grid.appendChild(circleWrap);
                });
            }

            draw(INITIAL_CARDS);

            if (donors.length <= INITIAL_CARDS) {
                viewAllBtn.style.display = 'none';
            } else {
                viewAllBtn.style.display = 'flex';
                var expanded = false;
                viewAllBtn.addEventListener('click', function (e) {
                    e.preventDefault();
                    expanded = !expanded;
                    draw(expanded ? -1 : INITIAL_CARDS);
                    viewAllBtn.textContent = expanded ? 'Show less' : 'View all partners';
                });
                viewAllBtn.textContent = 'View all partners';
            }
        }

        if (!GOOGLE_SHEET_CSV_URL || GOOGLE_SHEET_CSV_URL.indexOf('http') !== 0) {
            countDisplay.innerText = '';
            return;
        }

        fetch(GOOGLE_SHEET_CSV_URL)
            .then(function (r) { return r.text(); })
            .then(function (text) { render(parseCSV(text)); })
            .catch(function (err) {
                countDisplay.innerText = 'Our partner list is taking a moment to load.';
                if (window.console) console.error('Chai Club donor list:', err);
            });
    }

    function addDonorNotice() {
        var wrapper = document.getElementById('section-partners');
        if (!wrapper || document.querySelector('.belair-donor-notice')) return;
        var notice = document.createElement('div');
        notice.className = 'belair-donor-notice';
        notice.innerHTML = 'Please contact <a href="mailto:' + CONTACT_EMAIL + '">' + CONTACT_EMAIL + '</a> if a name is listed incorrectly.';
        wrapper.appendChild(notice);
    }


    // =========================================================
    // 5. FORM LAYOUT
    // =========================================================
    function wrapFormContent() {
        var startElement = document.getElementById('id_3');
        var endElement = document.getElementById('id_2');
        if (!startElement || !endElement) return;

        var parent = startElement.parentNode;
        var wrapper = document.createElement('div');
        wrapper.className = 'belair-white-box';
        parent.insertBefore(wrapper, startElement);

        var current = startElement, toMove = [];
        while (current) {
            toMove.push(current);
            if (current === endElement) break;
            current = current.nextElementSibling;
        }
        toMove.forEach(function (el) { wrapper.appendChild(el); });
    }

    function restructureTierSection() {
        var headerLabelContainer = document.getElementById('label_3');
        var headerLabel = headerLabelContainer ? headerLabelContainer.querySelector('label') : null;
        if (headerLabel) {
            var parts = headerLabel.innerHTML.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) return;

        var items = container.querySelectorAll('.form-radio-item');

        Array.prototype.forEach.call(items, function (item, index) {
            item.classList.add('tier-card');
            item.classList.add(index % 2 === 0 ? 'tier-card-accent' : 'tier-card-gold');

            item.addEventListener('click', function (e) {
                Array.prototype.forEach.call(items, function (i) { i.classList.remove('tier-selected'); });
                item.classList.add('tier-selected');
                if (e.target.tagName === 'INPUT') return;
                var radio = item.querySelector('input[type="radio"]');
                if (radio) radio.click();
            });

            var label = item.querySelector('label');
            if (!label) return;

            var fullText = label.innerText.trim();
            var dollarIndex = fullText.lastIndexOf('$');
            if (dollarIndex === -1) return;

            var title = fullText.substring(0, dollarIndex).trim();
            var priceRaw = fullText.substring(dollarIndex).trim();
            var slashIndex = priceRaw.indexOf('/');
            var priceMain = slashIndex !== -1 ? priceRaw.substring(0, slashIndex) : priceRaw;
            var priceSuffix = slashIndex !== -1 ? priceRaw.substring(slashIndex) : '';

            label.innerHTML = '<div class="tier-card-content">'
                            +   '<div class="tier-name">' + title + '</div>'
                            +   '<div class="tier-line"></div>'
                            +   '<div class="tier-price">' + priceMain + '<span class="tier-per">' + priceSuffix + '</span></div>'
                            + '</div>';
        });

        // Drop a circle heading in front of the first card of each circle
        var seen = {};
        Array.prototype.forEach.call(items, function (item) {
            var radio = item.querySelector('input[type="radio"]');
            if (!radio) return;
            var value = radio.value || '';
            var d = value.lastIndexOf('$');
            var levelName = d === -1 ? value.trim() : value.substring(0, d).trim();
            var tier = tierByName(levelName);
            if (!tier || seen[tier.circle]) return;
            seen[tier.circle] = true;

            var heading = document.createElement('div');
            heading.className = 'wh-tier-heading';
            heading.textContent = tier.circle;
            container.insertBefore(heading, item);
        });
    }

    function enhancePaymentSection() {
        var ccNumber = document.getElementById('input_10_cc_number');
        if (ccNumber) ccNumber.placeholder = '0000 0000 0000 0000';
        var ccCvv = document.getElementById('input_10_cc_ccv');
        if (ccCvv) ccCvv.placeholder = 'CVV';
        var nameOnCard = document.getElementById('input_10_cc_nameOnCard');
        if (nameOnCard) nameOnCard.placeholder = 'ex. John Smith';

        var paymentMethodItems = document.querySelectorAll('#cid_10 .form-payment-methods .form-radio-item');
        Array.prototype.forEach.call(paymentMethodItems, function (item) {
            item.addEventListener('click', function (e) {
                Array.prototype.forEach.call(paymentMethodItems, function (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.disabled) radio.click();
                }
            });
            var radio = item.querySelector('input[type="radio"]');
            if (radio && radio.checked) item.classList.add('active-payment-card');
        });
    }

    // Monthly recurrence lives on id_9 for this form. Force it on, hide it.
    function handleMonthlyRecurrence() {
        var monthlyCheckbox = document.getElementById('input_9');
        var monthlyRow = document.getElementById('id_9');
        if (monthlyCheckbox && !monthlyCheckbox.checked) {
            monthlyCheckbox.checked = true;
            monthlyCheckbox.dispatchEvent(new Event('change', { bubbles: true }));
        }
        if (monthlyRow) monthlyRow.style.display = 'none';
    }


    // =========================================================
    // 6. GOOGLE SHEET WRITE ON SUBMIT
    //
    //    This NEVER calls preventDefault, never calls form.submit(),
    //    and never blocks the CMS. The card is charged exactly once,
    //    by the CMS, exactly as it would be without this script.
    //    All we do is fire one keepalive request alongside it.
    // =========================================================
    var sheetPosted = false;

    function selectedTier() {
        var radio = document.querySelector('#cid_3 input[type="radio"]:checked');
        if (!radio) return null;
        var value = radio.value || '';
        var d = value.lastIndexOf('$');
        if (d === -1) return { level: value.trim(), amount: '' };

        var level = value.substring(0, d).trim();
        var price = value.substring(d + 1);
        var slash = price.indexOf('/');
        if (slash !== -1) price = price.substring(0, slash);
        var amount = parseFloat(price.replace(/[^0-9.]/g, ''));
        return { level: level, amount: isNaN(amount) ? '' : amount };
    }

    function donorName() {
        var anon = document.getElementById('input_7_0');
        if (anon && anon.checked) return 'Anonymous';

        var display = document.getElementById('input_6');
        if (display && display.value.trim()) return display.value.trim();

        var first = document.getElementById('first_5');
        var last = document.getElementById('last_5');
        var full = ((first ? first.value : '') + ' ' + (last ? last.value : '')).trim();
        return full || 'Anonymous';
    }

    function sinceLabel() {
        try {
            return new Date().toLocaleDateString('en-US', { month: 'short', year: 'numeric' });
        } catch (e) {
            return '';
        }
    }

    function hookSheetSubmit() {
        var form = document.querySelector('.userform-form') || document.forms[0];
        var button = document.getElementById('input_2');
        if (!form || !button) return;
        if (!SHEET_POST_URL || SHEET_POST_URL.indexOf('http') !== 0) return;

        button.addEventListener('click', function () {
            // Let the CMS run its own validation first, then look at the result.
            setTimeout(function () {
                if (sheetPosted) return;

                var tier = selectedTier();
                if (!tier) return;                       // no tier chosen, nothing to record

                var payMethod = document.querySelector('#cid_10 input.paymentMethod:checked');
                if (!payMethod) return;                  // no payment method, the CMS will block

                var hasErrors = document.querySelectorAll('.form-line-error, .form-validation-error, .form-error-message').length > 0;
                if (hasErrors) return;
                if (form.checkValidity && !form.checkValidity()) return;

                var emailEl = document.getElementById('input_8');

                var payload = {
                    name:    donorName(),
                    amount:  tier.amount,
                    level:   tier.level,
                    month:   sinceLabel(),
                    email:   emailEl ? emailEl.value.trim() : '',
                    method:  payMethod.value || '',
                    anonymous: !!(document.getElementById('input_7_0') && document.getElementById('input_7_0').checked)
                };

                sheetPosted = true;                      // one write per page load, full stop

                fetch(SHEET_POST_URL, {
                    method: 'POST',
                    mode: 'no-cors',
                    keepalive: true,                     // survives the page navigating away
                    headers: { 'Content-Type': 'text/plain;charset=utf-8' },
                    body: JSON.stringify(payload)
                }).catch(function () {});
            }, 300);
        });
    }


    // =========================================================
    // 7. SCROLL ANIMATION
    // =========================================================
    function setupScrollAnimations() {
        if (!('IntersectionObserver' in window)) return;
        if (window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches) return;

        var observer = new IntersectionObserver(function (entries, obs) {
            entries.forEach(function (entry) {
                if (entry.isIntersecting) {
                    entry.target.classList.add('belair-animate-visible');
                    obs.unobserve(entry.target);
                }
            });
        }, { threshold: 0.1 });

        [
            '.belair-chai-header-wrapper',
            '.belair-chai-hero-image',
            '.chai-belair-container',
            '.wh-benefits',
            '.belair-chai-donors-wrapper',
            '#id_3',
            '#id_5',
            '#id_10',
            '#id_2'
        ].forEach(function (selector) {
            Array.prototype.forEach.call(document.querySelectorAll(selector), function (el) {
                el.classList.add('belair-animate-hidden');
                observer.observe(el);
            });
        });
    }


    // =========================================================
    // 8. GO
    // =========================================================
    var started = false;
    function init() {
        if (started) return;
        started = true;

        removeBackLinkBar();
        injectSVGs();
        handleMonthlyRecurrence();
        fetchAndRenderDonors();
        addDonorNotice();
        wrapFormContent();
        restructureTierSection();
        enhancePaymentSection();
        hookSheetSubmit();
        setupScrollAnimations();
    }

    window.addEventListener('load', init);
    if (typeof jQuery !== 'undefined') { jQuery(document).ready(init); }

})();
//]]>
</script>
</body>
</html>